:root{
  --turuncu:#ff6000; --turuncu-koyu:#e05400; --turuncu-acik:#fff1e8; --turuncu-cizgi:#ffd9c0;
  --metin:#1d2433; --soluk:#5e6778; --cizgi:#e8eaf0; --zemin:#ffffff; --gri:#f6f7fa;
  --yesil:#1b7f4b; --golge:0 1px 2px rgba(16,24,40,.05), 0 8px 24px rgba(16,24,40,.06);
  --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--zemin); color:var(--metin);
  font:400 16px/1.6 "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit}
h1,h2,h3{margin:0; line-height:1.22; letter-spacing:-.02em}
p{margin:0}
.kap{max-width:1120px; margin:0 auto; padding:0 20px}
.kap.dar{max-width:820px}
.ust{position:sticky; top:0; z-index:20; background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex; align-items:center; justify-content:space-between; height:66px; gap:16px}
.marka{display:flex; align-items:center; text-decoration:none}
.marka img{height:30px; width:auto; display:block}   
.ust-menu{display:flex; align-items:center; gap:22px}
.ust-menu a{color:var(--soluk); text-decoration:none; font-size:14.5px; font-weight:600}
.ust-menu a:hover{color:var(--metin)}
.ust-menu a.dg-turuncu, .ust-menu a.dg-turuncu:hover{color:#fff}
.dg{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 22px; border-radius:999px; font-weight:700; font-size:15px;
  text-decoration:none; border:1.5px solid transparent; transition:.15s; white-space:nowrap}
.dg-kucuk{padding:9px 16px; font-size:14px}
.dg-turuncu{background:var(--turuncu); color:#fff}
.dg-turuncu:hover{background:var(--turuncu-koyu)}
.dg-cizgi{border-color:var(--cizgi); color:var(--metin); background:#fff}
.dg-cizgi:hover{border-color:var(--turuncu); color:var(--turuncu)}
.dg-beyaz{background:#fff; color:var(--turuncu)}
.dg-beyaz:hover{background:#fff6f0}
.dg-cizgi-beyaz{border-color:rgba(255,255,255,.55); color:#fff}
.dg-cizgi-beyaz:hover{background:rgba(255,255,255,.12)}
.dugmeler{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
.dugmeler.orta{justify-content:center}
.hero{background:linear-gradient(180deg,var(--turuncu-acik) 0%, #fff 78%); padding:64px 0 46px}
.hero-ic{display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center}
.etiket{display:inline-block; background:#fff; border:1px solid var(--turuncu-cizgi);
  color:var(--turuncu); font-size:12px; font-weight:800; letter-spacing:.09em;
  padding:6px 13px; border-radius:999px}
.hero h1{font-size:clamp(30px,4.3vw,50px); font-weight:800; margin:18px 0 16px}
.hero p{color:var(--soluk); font-size:17.5px; max-width:52ch}
.hero-not{display:inline-flex; align-items:center; gap:8px; margin-top:22px;
  color:var(--yesil); font-weight:700; font-size:14.5px}
.hero-not svg{width:17px; height:17px}
.hero-gorsel{display:flex; justify-content:center}
.hero-gorsel img{width:330px; filter:drop-shadow(0 26px 44px rgba(16,24,40,.18))}
.bolum{padding:64px 0}
.bolum.gri{background:var(--gri)}
.bolum h2{font-size:clamp(24px,3vw,34px); font-weight:800; text-align:center}
.bolum .alt{color:var(--soluk); text-align:center; margin-top:10px}
.bolum h2 + .adimlar, .bolum h2 + .izgara, .bolum h2 + .nedenler,
.bolum h2 + .sss, .bolum .alt + *{margin-top:36px}
.adimlar{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.adim{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:24px 20px; box-shadow:var(--golge)}
.adim-no{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px;
  border-radius:50%; background:var(--turuncu-acik); color:var(--turuncu); font-weight:800; font-size:15px}
.adim h3{font-size:17px; font-weight:700; margin:14px 0 8px}
.adim p{color:var(--soluk); font-size:14.5px}
.izgara{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.kart{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:24px 20px; box-shadow:var(--golge)}
.kart-ikon{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px;
  border-radius:12px; background:var(--turuncu-acik); color:var(--turuncu)}
.kart-ikon svg{width:23px; height:23px}
.kart h3{font-size:16.5px; font-weight:700; margin:14px 0 8px}
.kart p{color:var(--soluk); font-size:14.5px}
.ekranlar{display:grid; grid-template-columns:repeat(3,minmax(0,240px)); gap:30px; justify-content:center}
.ekranlar figure{margin:0; text-align:center}
.ekranlar img{border-radius:20px; box-shadow:0 18px 40px rgba(16,24,40,.14); margin:0 auto}
.ekranlar figcaption{margin-top:14px; font-weight:700; font-size:14.5px; color:var(--soluk)}
.ikili{display:grid; grid-template-columns:1fr 1.1fr; gap:44px; align-items:center}
.ikili h2{text-align:left}
.ikili-metin p{color:var(--soluk); margin-top:14px}
.liste{list-style:none; margin:22px 0 26px; padding:0}
.liste li{position:relative; padding-left:28px; margin-bottom:11px; color:var(--metin); font-size:15.5px}
.liste li::before{content:""; position:absolute; left:0; top:7px; width:17px; height:17px;
  border-radius:50%; background:var(--turuncu-acik);
  box-shadow:inset 0 0 0 1.5px var(--turuncu-cizgi)}
.liste li::after{content:""; position:absolute; left:5px; top:11px; width:7px; height:4px;
  border-left:2px solid var(--turuncu); border-bottom:2px solid var(--turuncu);
  transform:rotate(-45deg)}
.ikili-gorsel img{border-radius:var(--r); border:1px solid var(--cizgi); box-shadow:var(--golge)}
.nedenler{display:grid; grid-template-columns:repeat(2,1fr); gap:14px 26px}
.neden{display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid var(--cizgi);
  border-radius:12px; padding:16px 18px}
.neden svg{width:19px; height:19px; color:var(--yesil); flex:0 0 19px; margin-top:2px}
.neden span{font-size:15.5px}
.sss details{background:#fff; border:1px solid var(--cizgi); border-radius:12px; margin-bottom:12px; overflow:hidden}
.sss summary{cursor:pointer; padding:17px 20px; font-weight:700; font-size:16px; list-style:none;
  display:flex; align-items:center; justify-content:space-between; gap:14px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:""; width:9px; height:9px; flex:0 0 9px;
  border-right:2px solid var(--soluk); border-bottom:2px solid var(--soluk);
  transform:rotate(45deg); transition:.2s}
.sss details[open] summary::after{transform:rotate(-135deg)}
.sss .cevap{padding:0 20px 18px; color:var(--soluk); font-size:15.5px}
.kapanis{background:linear-gradient(135deg,var(--turuncu) 0%, #ff8a3d 100%); color:#fff;
  padding:64px 0; text-align:center}
.kapanis h2{font-size:clamp(24px,3vw,34px); font-weight:800}
.kapanis p{margin-top:12px; font-size:17px; opacity:.95}
.alt-bilgi{border-top:1px solid var(--cizgi); padding:26px 0; font-size:14.5px; color:var(--soluk)}
.alt-ic{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.alt-bilgi nav{display:flex; gap:20px; flex-wrap:wrap}
.alt-bilgi a{text-decoration:none}
.alt-bilgi a:hover{color:var(--metin)}
@media (max-width:980px){
  .hero-ic,.ikili{grid-template-columns:1fr; gap:34px}
  .ikili-gorsel{order:-1}
  .adimlar,.izgara{grid-template-columns:repeat(2,1fr)}
  .ekranlar{grid-template-columns:repeat(2,minmax(0,220px))}
}
@media (max-width:640px){
  .ust-menu a:not(.dg){display:none}
  .hero{padding:44px 0 34px}
  .bolum{padding:48px 0}
  .adimlar,.izgara,.nedenler{grid-template-columns:1fr}
  .ekranlar{grid-template-columns:minmax(0,260px)}
  .hero-gorsel img{width:250px}
  .gerekler{grid-template-columns:1fr}
  .dugmeler .dg{flex:1 1 auto}
}
.ekranlar.dortlu{grid-template-columns:repeat(4,minmax(0,240px)); gap:24px}
.liste strong{font-weight:700}
.akis{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:nowrap}
.akis-adim{flex:1 1 0; max-width:220px; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  padding:18px 16px; text-align:center; box-shadow:var(--golge)}
.akis-adim span{display:block; font-size:12.5px; font-weight:800; letter-spacing:.08em; color:var(--soluk); text-transform:uppercase}
.akis-adim b{display:block; margin-top:6px; font-size:16px}
.akis-adim.vurgu{background:var(--turuncu-acik); border-color:var(--turuncu-cizgi)}
.akis-adim.vurgu b{color:var(--turuncu)}
.akis-ok{flex:0 0 22px; height:2px; background:var(--turuncu-cizgi); position:relative}
.akis-ok::after{content:""; position:absolute; right:-1px; top:-4px; width:8px; height:8px;
  border-top:2px solid var(--turuncu); border-right:2px solid var(--turuncu); transform:rotate(45deg)}
.etiketler{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:30px}
.etiketler span{background:var(--turuncu-acik); color:var(--turuncu-koyu); border:1px solid var(--turuncu-cizgi);
  border-radius:999px; padding:9px 16px; font-weight:700; font-size:14.5px}
.bolum h2.ikinci{margin-top:56px}
.gerekler{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px}
.gerek{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:22px 20px; box-shadow:var(--golge)}
.gerek h3{font-size:16.5px; font-weight:700}
.gerek p{color:var(--soluk); font-size:14.5px; margin-top:8px}
@media (max-width:980px){
  .ekranlar.dortlu{grid-template-columns:repeat(2,minmax(0,220px))}
  .akis{flex-wrap:wrap}
  .akis-adim{flex:1 1 40%}
  .akis-ok{display:none}
}
@media (max-width:640px){
  .ekranlar.dortlu{grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
  .ekranlar.dortlu figcaption{font-size:13px}
  .akis-adim{flex:1 1 100%; max-width:none}
  .gerekler{grid-template-columns:1fr}
}

.hero-gorsel.panel img{width:100%; max-width:600px; border-radius:16px; border:1px solid var(--cizgi); filter:none; box-shadow:0 26px 60px rgba(16,24,40,.16)}
.one-cikan{display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:22px}
.one-cikan span{display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--cizgi); border-radius:999px; padding:7px 13px; font-size:13.5px; font-weight:700; color:var(--metin)}
.one-cikan svg{width:15px; height:15px; color:var(--yesil)}
.kart-no{display:block; font-size:12.5px; font-weight:800; letter-spacing:.08em; color:var(--turuncu); margin-bottom:10px}
.kart ul{margin:10px 0 0; padding-left:18px; color:var(--soluk); font-size:14px}
.kart ul li{margin-bottom:4px}
.izgara.uclu{grid-template-columns:repeat(3,1fr)}
.izgara.ikili-izgara{grid-template-columns:repeat(2,1fr)}
.ekranlar.genis{grid-template-columns:repeat(2,minmax(0,540px)); gap:30px}
.ekranlar.genis img{border-radius:14px; border:1px solid var(--cizgi); box-shadow:0 18px 40px rgba(16,24,40,.12)}
.paylasim{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:36px}
.paylasim .kutu{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:26px 24px; box-shadow:var(--golge)}
.paylasim .kutu.vurgu{background:var(--turuncu-acik); border-color:var(--turuncu-cizgi)}
.paylasim h3{font-size:18px; font-weight:800}
.paylasim p{color:var(--soluk); font-size:14.5px; margin-top:6px}
.paylasim .liste{margin:16px 0 0}
.kanallar{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px}
.kanal{display:block; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:22px 20px; box-shadow:var(--golge); text-decoration:none}
.kanal h3{font-size:16.5px; font-weight:700}
.kanal p{color:var(--soluk); font-size:14.5px; margin-top:8px}
.kanal em{display:inline-block; margin-top:12px; font-style:normal; font-weight:700; font-size:14px; color:var(--turuncu)}
a.kanal:hover{border-color:var(--turuncu-cizgi)}
@media (max-width:980px){
  .izgara.uclu{grid-template-columns:repeat(2,1fr)}
  .ekranlar.genis{grid-template-columns:minmax(0,560px)}
  .paylasim,.kanallar{grid-template-columns:1fr}
}
@media (max-width:640px){
  .izgara.uclu,.izgara.ikili-izgara{grid-template-columns:1fr}
  .ekranlar.genis{grid-template-columns:minmax(0,1fr)}
  .one-cikan span{font-size:13px}
}
.metin{margin-top:26px}
.metin p{color:var(--metin); font-size:16.5px; line-height:1.75; margin-bottom:16px}
.metin p:last-child{margin-bottom:0}
.metin strong{font-weight:700}
.metin em{font-style:normal; font-weight:600; color:var(--turuncu-koyu)}
.hero{position:relative; overflow:hidden; background:#fff; padding:76px 0 64px}
.hero::before{content:""; position:absolute; inset:0; background:
  radial-gradient(600px 380px at 85% 20%, rgba(255,96,0,.12), transparent 70%),
  radial-gradient(520px 340px at 0% 100%, rgba(37,99,235,.07), transparent 70%);
  pointer-events:none}
.hero::after{content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(29,36,51,.07) 1px, transparent 1px);
  background-size:22px 22px; -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%); mask-image:linear-gradient(180deg,#000 0%,transparent 85%); pointer-events:none}
.hero .kap{position:relative; z-index:1}
.hero h1{letter-spacing:-.035em}
.sahne{position:relative; min-height:440px; align-items:center}
.canli{position:relative; width:100%; max-width:520px; background:rgba(255,255,255,.92); backdrop-filter:blur(6px);
  border:1px solid var(--cizgi); border-radius:20px; padding:18px; box-shadow:0 30px 70px rgba(16,24,40,.14), 0 2px 6px rgba(16,24,40,.05)}
.canli-ust{display:flex; justify-content:space-between; align-items:center; font-size:13px; color:var(--soluk); font-weight:600}
.canli-ad{display:flex; align-items:center; gap:8px; color:var(--metin); font-weight:800}
.nabiz{width:9px; height:9px; border-radius:50%; background:#16a34a; box-shadow:0 0 0 0 rgba(22,163,74,.5); animation:nabiz 1.8s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 9px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.canli-satis b{color:var(--metin); font-size:15px; font-variant-numeric:tabular-nums}
.canli-markalar{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px}
.cm{display:flex; align-items:center; gap:8px; background:var(--gri); border-radius:12px; padding:8px 10px; font-size:12.5px; font-weight:700; transition:background .3s}
.cm i,.fis i,.yuzen i{display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:24px; height:24px; border-radius:50%; color:#fff; font-style:normal; font-size:10px; font-weight:800}
.cm span{flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--soluk)}
.cm b{font-variant-numeric:tabular-nums}
.cm.vur{animation:vur .6s ease}
@keyframes vur{0%{background:var(--turuncu-acik); transform:scale(1)}40%{transform:scale(1.04)}100%{background:var(--gri); transform:scale(1)}}
.canli-kolonlar{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px}
.ck{background:var(--gri); border-radius:14px; padding:10px 8px; min-height:236px}
.ck h4{display:flex; align-items:center; gap:6px; margin:0 0 8px 2px; font-size:12px; font-weight:800; color:var(--soluk); letter-spacing:.02em}
.kn{width:8px; height:8px; border-radius:50%}
.kn.sari{background:#f59e0b} .kn.mavi{background:#2563eb} .kn.yesil{background:#16a34a}
.ck-liste{display:flex; flex-direction:column; gap:7px}
.fis{display:flex; gap:7px; align-items:flex-start; background:#fff; border:1px solid var(--cizgi); border-left:3px solid var(--m); border-radius:10px; padding:8px 7px; font-size:11.5px; line-height:1.35; box-shadow:0 2px 6px rgba(16,24,40,.05)}
.fis i{width:20px; height:20px; font-size:8.5px}
.fis span{min-width:0; color:var(--soluk)}
.fis span b{display:block; color:var(--metin); font-size:12px}
.fis.gir{animation:gir .45s cubic-bezier(.2,.8,.2,1)}
.fis.cik{animation:cik .45s ease forwards}
@keyframes gir{from{opacity:0; transform:translateY(-10px) scale(.96)}to{opacity:1; transform:none}}
@keyframes cik{to{opacity:0; transform:translateX(16px)}}
.yuzen{position:absolute; z-index:2; display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--cizgi); border-radius:999px;
  padding:7px 14px 7px 7px; font-size:13px; font-weight:700; box-shadow:0 12px 30px rgba(16,24,40,.12); animation:yuz 6s ease-in-out infinite}
.yuzen.y1{top:-6px; left:-14px}
.yuzen.y2{bottom:-14px; right:6%; animation-delay:-2s}
.yuzen.y3{bottom:-14px; left:6%; animation-delay:-4s}
@keyframes yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.gorun{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1)}
.gorun.acik{opacity:1; transform:none}
.kart,.adim,.kanal,.neden,.paylasim .kutu{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .7s ease}
.kart:hover,.adim:hover,.kanal:hover,.paylasim .kutu:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(16,24,40,.10); border-color:var(--turuncu-cizgi)}
.kart.gorun.acik:hover{transform:translateY(-4px)}
.kart-ikon{transition:transform .3s ease}
.kart:hover .kart-ikon{transform:rotate(-6deg) scale(1.06)}
.akis-ok{overflow:visible}
.akis-ok::before{content:""; position:absolute; top:-3px; left:0; width:8px; height:8px; border-radius:50%; background:var(--turuncu); box-shadow:0 0 10px rgba(255,96,0,.6); animation:akis 2.4s linear infinite}
.akis-ok:nth-of-type(4)::before{animation-delay:.6s}
.akis-ok:nth-of-type(6)::before{animation-delay:1.2s}
.akis-ok:nth-of-type(8)::before{animation-delay:1.8s}
@keyframes akis{0%{left:0; opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px); opacity:0}}
.akis-ok{flex-basis:34px}
.vitrin{max-width:980px; margin:36px auto 0}
.vitrin-sekme{display:flex; justify-content:center; flex-wrap:wrap; gap:6px; background:#fff; border:1px solid var(--cizgi); border-radius:999px; padding:5px; width:max-content; max-width:100%; margin:0 auto 22px}
.vitrin-sekme button{border:0; background:transparent; border-radius:999px; padding:9px 16px; font:700 14px/1 inherit; font-family:inherit; color:var(--soluk); cursor:pointer; transition:.2s}
.vitrin-sekme button.on{background:var(--metin); color:#fff}
.vitrin-sekme button:not(.on):hover{color:var(--metin)}
.pencere{background:#fff; border:1px solid var(--cizgi); border-radius:16px; overflow:hidden; box-shadow:0 30px 70px rgba(16,24,40,.13)}
.pencere-ust{display:flex; align-items:center; gap:7px; height:40px; padding:0 14px; border-bottom:1px solid var(--cizgi); background:#fbfbfc}
.pencere-ust span{width:11px; height:11px; border-radius:50%; background:#e5e7eb}
.pencere-ust span:nth-child(1){background:#ff5f57} .pencere-ust span:nth-child(2){background:#febc2e} .pencere-ust span:nth-child(3){background:#28c840}
.pencere-ust em{margin-left:10px; font-style:normal; font-size:12.5px; color:var(--soluk); background:#fff; border:1px solid var(--cizgi); border-radius:8px; padding:3px 12px}
.pencere-ic{position:relative; aspect-ratio:1200/760}
.pencere-ic img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.015); transition:opacity .6s ease, transform .9s ease}
.pencere-ic img.on{opacity:1; transform:none}
.pencere-ilerleme{height:3px; background:var(--gri)}
.pencere-ilerleme i{display:block; height:100%; width:0; background:var(--turuncu)}
.kapanis{position:relative; overflow:hidden; background:linear-gradient(120deg,#ff6000,#ff8a3d,#ff6000); background-size:200% 200%; animation:akgr 10s ease infinite}
@keyframes akgr{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.dg-turuncu{box-shadow:0 8px 20px rgba(255,96,0,.25)}
.dg-turuncu:hover{transform:translateY(-1px); box-shadow:0 12px 26px rgba(255,96,0,.32)}
@media (max-width:980px){
  .sahne{min-height:0; padding:18px 0}
  .yuzen.y2{right:4%}
  .yuzen.y1{left:0}
}
@media (max-width:640px){
  .canli{padding:12px; border-radius:16px}
  .canli-markalar{gap:5px}
  .cm{padding:6px; font-size:11px; gap:5px}
  .cm span{display:none}
  .cm{justify-content:center}
  .ck{min-height:210px; padding:8px 5px}
  .ck h4{font-size:10.5px}
  .fis{font-size:10.5px; padding:6px 5px; gap:5px}
  .fis i{display:none}
  .yuzen{font-size:11.5px; padding:5px 10px 5px 5px}
  .yuzen i{width:20px; height:20px; font-size:8.5px}
  .yuzen.y2{display:none}
  .vitrin-sekme{border-radius:16px}
  .vitrin-sekme button{padding:8px 11px; font-size:13px}
  .pencere-ust em{display:none}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important; transition:none!important}
  .gorun{opacity:1; transform:none}
}