/* VERİSYON — satış sitesi ek katmanı: cihaz vitrini, cihaz görüntüleri ve karşılama animasyonu (sitenin kendi renkleriyle) */
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ===== Cihaz vitrini (bölüme özgü sahne) ===== */
.vitrin{padding:110px 0 90px;background:linear-gradient(180deg,#fbfbfd,#f2f2f6)}
.vt-head{text-align:center;max-width:760px;margin:0 auto 46px}
.vt-head .kicker{display:inline-block;margin-bottom:10px}
.vt-head h2{font-size:clamp(34px,4.6vw,58px);letter-spacing:-.045em;line-height:1.04;margin:0 0 14px;font-weight:800}
.vt-head h2 span{color:#86868b}
.vt-head p{color:#6e6e73;font-size:18px;margin:0}
.vt-stage{position:relative;display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:14px;padding:40px 30px 26px;border-radius:32px;background:#fff;border:1px solid #e6e6ee;box-shadow:0 40px 90px -50px rgba(30,30,80,.35);overflow:hidden}
.vt-stage::before{content:"";position:absolute;left:6%;right:6%;bottom:74px;height:2px;background:linear-gradient(90deg,transparent,#e5e5ea 15%,#e5e5ea 85%,transparent)}
.vt-dev{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:4px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.vt-dev .dart{font-size:6px}
.vt-dev.big .dart{font-size:7px}
.vt-dev b{font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.vt-dev small{display:block;font-size:11.5px;color:#6e6e73;white-space:nowrap;margin-top:-8px;height:16px;transition:color .3s}
.vt-dev .ring{position:absolute;left:50%;bottom:62px;width:120px;height:120px;margin-left:-60px;border-radius:50%;border:2px solid #7c4dff;opacity:0;pointer-events:none}
.vt-dev.on{transform:translateY(-8px)}
.vt-dev.on .ring{animation:vtRing 1.4s ease-out 2}
.vt-dev.on small{color:#7c4dff;font-weight:600}
.vt-dev.on .dart > :first-child{animation:dTilt 2.4s ease-in-out infinite}
.vt-dev.on .d-sync{animation:dSync 1.4s ease-out infinite}
@keyframes vtRing{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.4)}}
.vt-hub{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;font-size:14px;color:#6e6e73}
.vt-hub i{width:9px;height:9px;border-radius:50%;background:#34c759;box-shadow:0 0 0 0 rgba(52,199,89,.5);animation:pg 2s infinite}
.vt-hub b{color:#1d1d1f;font-weight:600}
@keyframes pg{70%{box-shadow:0 0 0 8px rgba(52,199,89,0)}}
@media (max-width:1020px){.vt-stage{grid-template-columns:repeat(4,1fr);row-gap:30px}.vt-stage::before{display:none}}
@media (max-width:560px){.vt-stage{grid-template-columns:repeat(2,1fr);padding:30px 16px}.vt-dev .dart{font-size:5px}}
/* ===== Cihaza özgü görüntüler ===== */
.dart{position:relative;display:inline-grid;place-items:center;flex:none;font-size:2.4px;width:16em;height:16em;perspective:60em}
.dart-md{font-size:4px}.dart-lg{font-size:10px}
.dart > *{transform-style:preserve-3d}
.d-body{position:relative;display:block;width:7.2em;height:14.4em;padding:.38em;border-radius:1.7em;background:#1d1d1f;box-shadow:0 0 0 .14em #8e8e93 inset,0 .8em 1.6em -.6em rgba(0,0,0,.45)}
.dart-iphone .d-body{background:linear-gradient(145deg,#3a3a3c,#1d1d1f);box-shadow:0 0 0 .16em #b9b9be,0 .8em 1.8em -.6em rgba(0,0,0,.45)}
.dart-pixel .d-body{border-radius:1.4em;background:#202124;box-shadow:0 0 0 .16em #5f6368,0 .8em 1.6em -.6em rgba(0,0,0,.45)}
.dart-galaxy .d-body{border-radius:1em;padding:.26em;background:#111}
.dart-ipad .d-body,.dart-tablet .d-body{width:11em;height:14.6em;border-radius:1.3em;padding:.6em}
.d-scr{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.55em;align-content:start;width:100%;height:100%;padding:2.2em .7em .7em;border-radius:1.35em;overflow:hidden;background:linear-gradient(165deg,#e9ebff,#f7f3ff 55%,#eaf7fb)}
.dart-galaxy .d-scr{border-radius:.8em}.dart-ipad .d-scr,.dart-tablet .d-scr{border-radius:.8em;grid-template-columns:repeat(4,1fr)}
.d-time{grid-column:1/-1;font-size:1.2em;font-weight:650;color:#1d1d1f;text-align:center;letter-spacing:-.02em;margin:-.6em 0 .2em}
.d-app{aspect-ratio:1;border-radius:.45em;background:#fff;box-shadow:0 .1em .2em rgba(0,0,0,.08)}
.d-app:nth-of-type(1){background:#5e5ce6}.d-app:nth-of-type(4){background:#34c759}
.d-island{position:absolute;top:.85em;left:50%;width:2.6em;height:.8em;margin-left:-1.3em;border-radius:1em;background:#000}
.d-punch{position:absolute;top:.85em;left:50%;width:.7em;height:.7em;margin-left:-.35em;border-radius:50%;background:#000}
.d-cam{position:absolute;top:.25em;left:50%;width:.35em;height:.35em;margin-left:-.18em;border-radius:50%;background:#444}
.d-sync{position:absolute;left:50%;top:58%;width:3em;height:3em;margin:-1.5em 0 0 -1.5em;border-radius:50%;border:.2em solid #7c4dff;opacity:0}
.dart-laptop{width:20em;height:14em}
.d-lid{display:block;width:16em;height:10em;padding:.45em;border-radius:.8em .8em .2em .2em;background:#1d1d1f;box-shadow:0 0 0 .12em #8e8e93 inset}
.d-lid .d-scr{display:block;border-radius:.4em;padding:0;background:linear-gradient(165deg,#e9ebff,#f7f3ff 55%,#eaf7fb)}
.d-base{display:block;width:19em;height:.9em;margin:-.05em auto 0;border-radius:0 0 .9em .9em;background:linear-gradient(#d1d1d6,#aeaeb2)}
.dart-camera{width:18em;height:13em}
.d-cbody{position:relative;display:block;width:16em;height:10em;margin-top:2em;border-radius:1.4em;background:linear-gradient(160deg,#3a3a3c,#1c1c1e);box-shadow:0 .9em 1.8em -.7em rgba(0,0,0,.5)}
.d-grip{position:absolute;left:0;top:0;bottom:0;width:3.4em;border-radius:1.4em 0 0 1.4em;background:#111}
.d-hump{position:absolute;left:50%;top:-1.6em;width:5em;height:2em;margin-left:-2.5em;border-radius:.6em .6em 0 0;background:#2c2c2e}
.d-flash{position:absolute;right:1.4em;top:1.2em;width:1.6em;height:.8em;border-radius:.2em;background:#e5e5ea}
.d-lens{position:absolute;left:50%;top:50%;width:7.4em;height:7.4em;margin:-3.7em 0 0 -3.2em;border-radius:50%;background:radial-gradient(circle,#0b0b10 34%,#2c2c2e 36%,#1c1c1e 48%,#3a3a3c 50%,#111 64%,#48484a 66%,#1c1c1e 100%);box-shadow:0 0 0 .2em #000}
.d-glass{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(140,140,255,.9),rgba(94,92,230,.35) 30%,transparent 60%);overflow:hidden}
.d-glass::after{content:"";position:absolute;left:-20%;top:-20%;width:40%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(25deg)}
.dart-action{width:14em;height:12em}
.d-abody{position:relative;display:block;width:12em;height:9em;border-radius:1.2em;background:linear-gradient(160deg,#2c2c2e,#111);box-shadow:0 .8em 1.6em -.6em rgba(0,0,0,.5)}
.d-alens{position:absolute;left:1.2em;top:50%;width:5em;height:5em;margin-top:-2.5em;border-radius:1em;background:radial-gradient(circle,#0b0b10 40%,#3a3a3c 44%,#1c1c1e 70%);box-shadow:0 0 0 .2em #48484a}
.d-rec{position:absolute;right:1.3em;top:1.2em;width:.8em;height:.8em;border-radius:50%;background:#ff3b30}
.d-adisp{position:absolute;right:1.1em;bottom:1.2em;width:3.6em;height:2.6em;border-radius:.4em;background:#1f2a44;box-shadow:inset 0 0 0 .15em #000}
.dart-card{width:12em;height:14em}
.d-sd{position:relative;display:grid;place-items:center;width:9.4em;height:12em;border-radius:.6em;background:linear-gradient(160deg,#2c2c2e,#1c1c1e);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%,0 18%);color:#fff;font-size:1em}
.d-sd b{font-size:2.4em;font-weight:800;letter-spacing:-.04em;margin-top:2em}
.d-pins{position:absolute;top:.8em;left:34%;right:.8em;height:2.4em;background:repeating-linear-gradient(90deg,#d4af37 0 .7em,transparent .7em 1.2em);border-radius:.2em}
/* canlı: tanındığında */
.dart.live > :first-child{animation:dTilt 5s ease-in-out infinite}
.dart.live .d-sync{animation:dSync 1.8s ease-out infinite}
.dart.live .d-scr{animation:dGlow 2.4s ease-in-out infinite}
.dart.live .d-rec{animation:dBlink 1s steps(2) infinite}
.dart.live .d-glass::after{animation:dShine 2.6s ease-in-out infinite}
.dart.live .d-flash{animation:dFlash 3s ease-in-out infinite}
@keyframes dTilt{0%,100%{transform:rotateY(-14deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(14deg) rotateX(-2deg) translateY(-.6em)}}
@keyframes dSync{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.2)}}
@keyframes dGlow{50%{filter:brightness(1.06) saturate(1.15)}}
@keyframes dBlink{50%{opacity:.2}}
@keyframes dShine{0%{left:-40%}60%,100%{left:120%}}
@keyframes dFlash{0%,88%,100%{background:#e5e5ea;box-shadow:none}92%{background:#fff;box-shadow:0 0 2em 1em rgba(255,255,255,.9)}}

.dart.live > :first-child,.vt-dev.on .dart > :first-child{animation:dTilt 3s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.vt-dev *,.dart *{animation:none!important}}
.sat-art{font-size:3px;margin:-4px 0}
.sat-art.live > :first-child{animation:dTilt 4s ease-in-out infinite}
.sat-art .d-sync{display:none}

/* vitrin: sitenin renkli diliyle */
.vitrin{background:radial-gradient(60% 70% at 15% 10%,rgba(124,77,255,.10),transparent 60%),radial-gradient(50% 60% at 90% 90%,rgba(0,184,212,.10),transparent 60%),#fbfbfd}
.vt-head .kicker{background:linear-gradient(90deg,#2962ff,#aa00ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.vt-head h2 span{background:linear-gradient(90deg,#2962ff,#7c4dff,#f50057,#2962ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite}
.vt-stage{box-shadow:0 0 0 1px rgba(30,40,120,.06),0 50px 100px -50px rgba(98,60,255,.45)}
.vt-dev .ring{border:2px solid transparent;background:conic-gradient(from 0deg,#2962ff,#aa00ff,#f50057,#ff6d00,#00c853,#2962ff) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.vt-dev.on small{background:linear-gradient(90deg,#2962ff,#aa00ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.d-app:nth-of-type(1){background:linear-gradient(135deg,#2962ff,#aa00ff)}.d-app:nth-of-type(4){background:linear-gradient(135deg,#00c853,#00b8d4)}
.d-scr{background:linear-gradient(165deg,#e8ecff,#f6eeff 55%,#e6f9f7)}
/* ===== Karşılama (oturumda bir kez) ===== */
.intro{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#fbfbfd;animation:inOut .6s ease 2.3s forwards}
.intro-c{display:flex;flex-direction:column;align-items:center;gap:18px}
.intro svg{width:110px;height:110px;overflow:visible}
.intro .r1,.intro .r2{transform-origin:center;opacity:0;animation:inSq .8s cubic-bezier(.2,.9,.25,1.2) forwards}
.intro .r1{animation-delay:.15s}.intro .r2{animation-delay:.35s}
.intro .ck{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;animation:inCk .6s ease .9s forwards}
.intro b{font:800 34px/1 "Inter",-apple-system,sans-serif;letter-spacing:-.045em;color:#1d1d1f;opacity:0;animation:inTx .7s cubic-bezier(.2,.8,.2,1) 1.1s forwards}
.intro small{font:500 14px "Inter",sans-serif;color:#6e6e73;opacity:0;animation:inTx .7s cubic-bezier(.2,.8,.2,1) 1.35s forwards}
.intro .halo{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(124,77,255,.28),rgba(0,184,212,.12) 45%,transparent 70%);filter:blur(10px);animation:halo 2.4s ease forwards}
@keyframes inSq{from{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:none}}
@keyframes inCk{to{stroke-dashoffset:0}}
@keyframes inTx{from{opacity:0;transform:translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes halo{from{transform:scale(.3);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:.6}}
@keyframes inOut{to{opacity:0;visibility:hidden;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.intro{display:none}}

/* ===== Giriş bölümü: yüzen kartlar pencerenin üstüne binmesin, okunabilir kalsın ===== */
@property --ha{syntax:"<angle>";inherits:false;initial-value:0deg}
@media (max-width:1519px){.sat,.beams{display:none!important}}
@media (min-width:1520px){
  .hero-stage{max-width:1080px}
  .beams{display:none!important}
  .sat{width:204px;transform:translate3d(calc(var(--dir) * -1 * max(0, var(--k,0) - .35) * 90px),calc(var(--k,0) * 24px),0)!important;opacity:calc(1.9 - var(--k,0) * 1.7)!important}
  .sat[style*="left:"]{left:auto!important;right:calc(100% + 34px)!important}
  .sat[style*="right:"]{right:auto!important;left:calc(100% + 34px)!important}
  .sat::after{content:"";position:absolute;top:50%;width:84px;height:2px;margin-top:-1px;background:linear-gradient(90deg,rgba(124,77,255,0),rgba(124,77,255,.9),rgba(124,77,255,0));background-size:200% 100%;animation:link 1.6s linear infinite}
  .sat[style*="left:"]::after{left:100%}
  .sat[style*="right:"]::after{right:100%;animation-direction:reverse}
  .sat-in{animation:satIn .9s cubic-bezier(.2,.9,.25,1.2) both}
  .sat:nth-of-type(1) .sat-in{animation-delay:1s}.sat:nth-of-type(2) .sat-in{animation-delay:1.15s}.sat:nth-of-type(3) .sat-in{animation-delay:1.3s}
  .sat:nth-of-type(4) .sat-in{animation-delay:1.08s}.sat:nth-of-type(5) .sat-in{animation-delay:1.23s}.sat:nth-of-type(6) .sat-in{animation-delay:1.38s}
}
@keyframes link{from{background-position:100% 0}to{background-position:-100% 0}}
@keyframes satIn{from{opacity:0;transform:translateY(16px) scale(.92);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/* Apple Silicon halesi: pencerenin arkasında yavaşça dönen renk halkası */
.hero-stage::before{content:"";position:absolute;inset:4% 8% -2%;z-index:0;border-radius:48px;background:conic-gradient(from var(--ha),#2962ff,#7c4dff,#d500f9,#f50057,#ff6d00,#ffab00,#00c853,#00b8d4,#2962ff);filter:blur(70px) saturate(1.2);opacity:.38;animation:haloSpin 16s linear infinite;pointer-events:none}
@keyframes haloSpin{to{--ha:360deg}}
.hero-stage > .hero-win{position:relative;z-index:2}
/* pencerenin camında ara ara süzülen ışık */
.hero-win{isolation:isolate}
.hero-win::before{content:"";position:absolute;inset:0;z-index:30;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.15) 52%,transparent 64%);transform:translateX(-120%);animation:sweep 8s cubic-bezier(.45,0,.2,1) 2.4s infinite}
@keyframes sweep{0%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}
/* pencere yerine otururken: yükselip düzleşme */
.hero-win{animation:winIn 1.3s cubic-bezier(.2,.8,.2,1) .35s backwards}
@keyframes winIn{from{opacity:0;transform:perspective(1800px) rotateX(18deg) translateY(60px) scale(.94);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.hero-stage::before,.hero-win::before,.hero-win,.sat-in,.sat::after{animation:none!important}}

/* ===== Başlık, megamenü ve giriş: son premium dokunuşlar ===== */
/* başlık kapsülü: yavaşça dönen renk çerçevesi + imleci izleyen ışık */
.hdr-in{isolation:isolate}
.hdr-in::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(124,77,255,.14),transparent 60%);opacity:0;transition:opacity .4s}
.hdr-in:hover::after{opacity:1}
.hdr-in::before{background:conic-gradient(from var(--ha),rgba(41,98,255,.55),rgba(170,0,255,.45),rgba(245,0,87,.4),rgba(0,184,212,.45),rgba(41,98,255,.55))!important;animation:haloSpin 10s linear infinite}
.brand svg{transition:transform .6s cubic-bezier(.2,.9,.25,1.4)}.brand:hover svg{transform:rotate(-12deg) scale(1.08)}
.magnet{transition:transform .35s cubic-bezier(.2,.9,.25,1.2),box-shadow .3s,background .3s!important;will-change:transform}
/* megamenü: bağlantılarda ışık lekesi, önizlemede derinlik */
.mega{isolation:isolate}
.mega::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0),rgba(124,77,255,.07),transparent 60%)}
.mega-links a{position:relative;overflow:hidden}
.mega-links a::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(160px circle at var(--lx,50%) var(--ly,50%),rgba(124,77,255,.12),transparent 70%);opacity:0;transition:opacity .25s}
.mega-links a:hover::before{opacity:1}
.mega-viz{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.mega.open .mega-viz{animation:vizIn .7s cubic-bezier(.2,.9,.25,1.1) both .08s}
@keyframes vizIn{from{opacity:0;transform:perspective(900px) rotateX(10deg) translateY(14px) scale(.96);filter:blur(6px)}to{opacity:1;transform:perspective(900px);filter:none}}
/* giriş: imleci izleyen ışık ve yükselen veri parçacıkları */
.hero{isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%),rgba(124,77,255,.10),transparent 60%)}
.hero-bits{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-bits i{position:absolute;bottom:-20px;width:6px;height:8px;border-radius:2px;opacity:0;background:linear-gradient(135deg,#2962ff,#aa00ff);animation:bitUp 9s linear infinite}
.hero-bits i:nth-child(3n){background:linear-gradient(135deg,#00c853,#00b8d4)}.hero-bits i:nth-child(4n){background:linear-gradient(135deg,#ff6d00,#f50057)}
@keyframes bitUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.55}80%{opacity:.35}100%{transform:translateY(-92vh) rotate(260deg);opacity:0}}
.plan{transform:perspective(1000px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.plan::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--lx,50%) var(--ly,0),rgba(124,77,255,.10),transparent 60%);opacity:0;transition:opacity .3s}
.plan:hover::after{opacity:1}
@media (prefers-reduced-motion:reduce){.hero-bits,.hdr-in::before{animation:none!important;display:none}}
/* ===== Başlıktaki hesap alanı (Apple Silicon) ===== */
.acct{position:relative;display:inline-flex;align-items:center;gap:10px;height:44px;padding:4px 8px 4px 4px;border-radius:999px;text-decoration:none;color:#1d1d1f;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--ha),#2962ff,#aa00ff,#f50057,#ff6d00,#00c853,#00b8d4,#2962ff) border-box;border:1.5px solid transparent;box-shadow:0 1px 2px rgba(20,20,60,.06),0 12px 26px -14px rgba(98,60,255,.55);animation:haloSpin 8s linear infinite;transition:transform .35s cubic-bezier(.2,.9,.25,1.2),box-shadow .3s}
.acct:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(20,20,60,.06),0 18px 34px -14px rgba(98,60,255,.7)}
.acct-av{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}
.acct-av b{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 "Inter",sans-serif;color:#fff;background:linear-gradient(135deg,#2962ff,#7c4dff 55%,#d500f9);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.acct-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--ha),#2962ff,#aa00ff,#f50057,#ff6d00,#00c853,#00b8d4,#2962ff);animation:haloSpin 4s linear infinite;filter:saturate(1.2)}
.acct-on{position:absolute;right:-1px;bottom:-1px;z-index:2;width:11px;height:11px;border-radius:50%;background:#34c759;box-shadow:0 0 0 2px #fff;animation:accOn 2.2s ease-in-out infinite}
@keyframes accOn{0%,100%{box-shadow:0 0 0 2px #fff,0 0 0 2px rgba(52,199,89,.5)}50%{box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(52,199,89,0)}}
.acct-tx{display:flex;flex-direction:column;line-height:1.1;padding-right:2px}
.acct-tx b{font:650 13px "Inter",sans-serif;letter-spacing:-.01em}
.acct-tx small{font:500 11px "Inter",sans-serif;color:#6e6e73;margin-top:2px}
.acct-go{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1d1d1f;transition:transform .35s cubic-bezier(.2,.9,.25,1.3),background .3s}
.acct:hover .acct-go{transform:translateX(3px);background:linear-gradient(135deg,#2962ff,#aa00ff)}
.signin{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;font:600 14px "Inter",sans-serif;letter-spacing:-.01em;color:#1d1d1f;text-decoration:none;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(30,40,120,.10);transition:background .25s,box-shadow .25s,transform .25s}
.signin:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(124,77,255,.35),0 10px 22px -14px rgba(98,60,255,.6);transform:translateY(-1px)}
.signin svg{color:#7c4dff}
@media (max-width:760px){.acct-tx{display:none}.acct{padding:4px}.acct-go{display:none}}
@media (prefers-reduced-motion:reduce){.acct,.acct-ring,.acct-on{animation:none}}

/* ===== iPhone çizimi ===== */
.ip3d{position:relative;display:inline-block;perspective:1400px}
.ip-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.ip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ip-back{transform:rotateY(180deg)}
.ip-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 18px 26px rgba(0,0,0,.28))}
.ip3d.live .ip-in{animation:ipShow 7s cubic-bezier(.45,0,.2,1) .4s both}
@keyframes ipShow{0%{transform:rotateY(-24deg) rotateX(6deg) translateY(30px) scale(.9);opacity:0}12%{transform:rotateY(-14deg) rotateX(4deg);opacity:1}38%{transform:rotateY(10deg) rotateX(-2deg)}58%{transform:rotateY(180deg)}72%{transform:rotateY(196deg)}88%,100%{transform:rotateY(348deg) rotateX(2deg)}}
.ip3d.live .ip-scr{animation:ipScr 1.4s ease .6s both}
@keyframes ipScr{from{opacity:0}to{opacity:1}}
.ip3d.live .ip-island{animation:ipIsl 2.6s cubic-bezier(.3,1.4,.4,1) 1.6s}
@keyframes ipIsl{0%,100%{transform:scaleX(1)}30%,70%{transform:scaleX(1.55)}}
.ip-island{transform-box:fill-box;transform-origin:center}
.ip-sync{position:absolute;left:50%;top:55%;width:40%;aspect-ratio:1;margin-left:-20%;border-radius:50%;border:3px solid rgba(255,255,255,.85);opacity:0}
.ip3d.live .ip-sync{animation:dSync 1.8s ease-out 1.8s 3}
.ip3d:hover .ip-in{transform:rotateY(180deg)}
@media (prefers-reduced-motion:reduce){.ip3d *{animation:none!important}}
.ipm{display:inline-flex;flex:none}.ipm .ip-svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}

@keyframes dSync{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.2)}}

/* ===== Giriş: solda canlı cihaz sahnesi, sağda karşılama yazısı ===== */
html,body{overflow-x:hidden}
.hero{overflow-x:clip}
.hero-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;max-width:1240px;margin:0 auto;text-align:left}
.hero-copy .hero-rot,.hero-copy .slide{text-align:left}
.hero-copy h1{text-align:left}
.hero-copy .hero-sub{margin-left:0;margin-right:0;text-align:left;max-width:560px}
.hero-copy .hero-kicker{text-align:left}
.hero-copy .hero-dots,.hero-copy .hero-cta,.hero-copy .hero-trust{justify-content:flex-start}
.hero-copy .hero-trust{flex-wrap:wrap;gap:8px 16px}
.hero-copy h1{font-size:clamp(40px,4.6vw,72px)!important}
.hero-show{position:relative;height:500px;border-radius:36px;overflow:hidden;background:radial-gradient(60% 60% at 30% 20%,rgba(124,77,255,.20),transparent 60%),radial-gradient(60% 60% at 80% 90%,rgba(0,184,212,.18),transparent 60%),rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(30,40,120,.06),0 50px 100px -50px rgba(98,60,255,.55);backdrop-filter:blur(10px)}
.hs-halo{position:absolute;left:50%;top:50%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:conic-gradient(from var(--ha),#2962ff,#7c4dff,#d500f9,#f50057,#ff6d00,#ffab00,#00c853,#00b8d4,#2962ff);filter:blur(80px);opacity:.28;animation:haloSpin 14s linear infinite}
.hs-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(30,40,120,.12) 1px,transparent 1px);background-size:22px 22px;-webkit-mask:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);mask:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%)}
.hs-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;z-index:3}
.hs-core svg{filter:drop-shadow(0 18px 30px rgba(98,60,255,.55));animation:hsCore 16s ease-in-out infinite}
.hs-core b{font:800 15px "Inter",sans-serif;letter-spacing:-.03em;color:#1d1d1f}
.hs-core-ring{position:absolute;left:50%;top:32px;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:2px solid rgba(124,77,255,.45);animation:hsRing 2.4s ease-out infinite}.hs-core-ring.r2{animation-delay:1.2s}
@keyframes hsRing{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@keyframes hsCore{0%,62%,100%{transform:scale(1)}66%{transform:scale(1.14)}70%{transform:scale(1)}74%{transform:scale(1.1)}78%{transform:scale(1)}}
/* cihazlar: 16 saniyelik döngüde sırayla gelir, yerinde hareket eder */
.hs-dev{position:absolute;z-index:2;display:grid;justify-items:center;gap:8px;opacity:0;animation:hsIn 16s cubic-bezier(.2,.9,.25,1.25) infinite}
.hs-dev em{font:600 11.5px "Inter",sans-serif;font-style:normal;color:#3a3a40;background:rgba(255,255,255,.85);padding:3px 9px;border-radius:999px;box-shadow:0 6px 14px -8px rgba(30,30,80,.4)}
.hs-dev > :first-child{animation:hsFloat 5s ease-in-out infinite}
@keyframes hsIn{0%{opacity:0;transform:translateY(40px) scale(.6) rotate(-6deg)}5%{opacity:1;transform:translateY(-6px) scale(1.04) rotate(1deg)}8%{transform:none}88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-20px) scale(.9)}}
@keyframes hsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hs-iphone{left:7%;top:13%;animation-delay:0s}
.hs-cam{right:8%;top:9%;animation-delay:1.6s}.hs-cam .dart{font-size:5.4px}
.hs-mac{left:8%;bottom:8%;animation-delay:3.2s}
.hs-pad{right:7%;bottom:9%;animation-delay:4.8s}
.hs-fold{left:50%;top:5%;margin-left:-60px;animation-delay:6.4s}
.hs-cam,.hs-mac,.hs-pad,.hs-fold,.hs-iphone{animation-duration:16s}
/* MacBook: kapak açılarak gelir */
.hs-mb{display:block;width:170px;perspective:600px}
.hs-mb-lid{display:block;width:150px;height:96px;margin:0 auto;padding:5px;border-radius:9px 9px 3px 3px;background:#1d1d1f;transform-origin:bottom;transform:rotateX(-88deg);animation:hsLid 16s cubic-bezier(.2,.8,.2,1) 3.2s infinite;box-shadow:0 0 0 1.5px #a1a1a6 inset}
@keyframes hsLid{0%,3%{transform:rotateX(-88deg)}10%,88%{transform:rotateX(0)}96%,100%{transform:rotateX(-88deg)}}
.hs-mb-scr{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-content:center;height:100%;padding:10px;border-radius:5px;background:linear-gradient(160deg,#3b2bff,#a03cff 50%,#ff4f8b)}
.hs-mb-scr i{height:22px;border-radius:5px;background:rgba(255,255,255,.3)}
.hs-mb-base{display:block;width:170px;height:8px;border-radius:0 0 10px 10px;background:linear-gradient(#e5e5ea,#a1a1a6)}
/* iPad */
.hs-ipad{display:block;width:118px;height:156px;padding:7px;border-radius:16px;background:#2c2c2e;box-shadow:0 0 0 1.5px #b9b9be,0 20px 30px -16px rgba(0,0,0,.45)}
.hs-ipad-scr{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-content:start;height:100%;padding:14px 9px;border-radius:10px;background:linear-gradient(170deg,#e8ecff,#f6eeff 55%,#e6f9f7)}
.hs-ipad-scr i{aspect-ratio:1;border-radius:7px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08)}.hs-ipad-scr i:nth-child(1){background:linear-gradient(135deg,#2962ff,#aa00ff)}.hs-ipad-scr i:nth-child(5){background:linear-gradient(135deg,#00c853,#00b8d4)}
/* katlanabilir telefon: kitap gibi açılarak gelir */
.hs-fd{display:flex;width:120px;height:104px;perspective:500px}
.hs-fd-l,.hs-fd-r{position:relative;width:60px;height:104px;padding:4px;background:#1d1d1f;box-shadow:0 0 0 1.5px #a1a1a6 inset}
.hs-fd-l{border-radius:14px 2px 2px 14px}.hs-fd-r{border-radius:2px 14px 14px 2px;transform-origin:left;transform:rotateY(-178deg);animation:hsFold 16s cubic-bezier(.3,1.2,.4,1) 6.4s infinite}
@keyframes hsFold{0%,4%{transform:rotateY(-178deg)}12%,88%{transform:rotateY(0)}96%,100%{transform:rotateY(-178deg)}}
.hs-fd i{display:block;height:100%;background:linear-gradient(160deg,#ff9f0a,#ff375f 60%,#bf5af2)}
.hs-fd-l i{border-radius:10px 1px 1px 10px}.hs-fd-r i{border-radius:1px 10px 10px 1px;background:linear-gradient(160deg,#bf5af2,#5e5ce6 60%,#00b8d4)}
/* veri parçacıkları: cihazlardan merkeze */
.hs-p{position:absolute;z-index:2;width:10px;height:12px;border-radius:3px;background:linear-gradient(135deg,#2962ff,#aa00ff);opacity:0;box-shadow:0 0 12px rgba(124,77,255,.6)}
.hs-p.p1{left:20%;top:30%;animation:hsP1 16s ease-in infinite}.hs-p.p2{right:18%;top:24%;animation:hsP2 16s ease-in infinite}.hs-p.p3{left:22%;bottom:26%;animation:hsP3 16s ease-in infinite}.hs-p.p4{right:20%;bottom:28%;animation:hsP4 16s ease-in infinite}.hs-p.p5{left:50%;top:26%;animation:hsP5 16s ease-in infinite}
.hs-p.p2{background:linear-gradient(135deg,#ff6d00,#f50057)}.hs-p.p3{background:linear-gradient(135deg,#00c853,#00b8d4)}.hs-p.p4{background:linear-gradient(135deg,#ffab00,#ff6d00)}.hs-p.p5{background:linear-gradient(135deg,#d500f9,#2962ff)}
@keyframes hsP1{0%,12%{opacity:0;transform:none}14%{opacity:1}22%{opacity:1;transform:translate(170px,90px) scale(.5)}23%,100%{opacity:0;transform:translate(170px,90px)}}
@keyframes hsP2{0%,22%{opacity:0;transform:none}24%{opacity:1}32%{opacity:1;transform:translate(-160px,110px) scale(.5)}33%,100%{opacity:0;transform:translate(-160px,110px)}}
@keyframes hsP3{0%,32%{opacity:0;transform:none}34%{opacity:1}42%{opacity:1;transform:translate(160px,-90px) scale(.5)}43%,100%{opacity:0;transform:translate(160px,-90px)}}
@keyframes hsP4{0%,42%{opacity:0;transform:none}44%{opacity:1}52%{opacity:1;transform:translate(-150px,-100px) scale(.5)}53%,100%{opacity:0;transform:translate(-150px,-100px)}}
@keyframes hsP5{0%,52%{opacity:0;transform:none}54%{opacity:1}61%{opacity:1;transform:translate(-5px,110px) scale(.5)}62%,100%{opacity:0;transform:translate(-5px,110px)}}
/* tamamlandı bildirimi */
.hs-toast{position:absolute;left:50%;bottom:22px;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 20px 40px -18px rgba(30,30,80,.45);transform:translate(-50%,20px);opacity:0;animation:hsToast 16s cubic-bezier(.2,.9,.3,1.2) infinite}
.hs-toast i{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#34c759,#00b8d4)}
.hs-toast b{display:block;font:650 13px "Inter",sans-serif}.hs-toast small{font:500 11.5px "Inter",sans-serif;color:#6e6e73}
@keyframes hsToast{0%,64%{opacity:0;transform:translate(-50%,20px)}68%,86%{opacity:1;transform:translate(-50%,0)}92%,100%{opacity:0;transform:translate(-50%,10px)}}
.hs-ipm .ip3d{pointer-events:none}
@media (max-width:1000px){.hero-top{grid-template-columns:1fr}.hero-show{height:420px;order:2}.hero-copy{order:1}}
@media (prefers-reduced-motion:reduce){.hero-show *{animation:none!important;opacity:1!important}}
/* yüzen kartlar: kaydırınca kaybolmaz, yerinde hareket eder; ekrandan taşmaz */
@media (min-width:1520px){.sat{transform:none!important;opacity:1!important}.sat-in{animation:satIn .9s cubic-bezier(.2,.9,.25,1.2) both,satFloat 6s ease-in-out 1.6s infinite}}
@keyframes satFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:1719px){.sat,.beams{display:none!important}}
/* iPhone Duo (Apple’in katlanabilir iPhone’u): titanyum çerçeve, kapalıyken dış ekran, kitap gibi açılınca geniş iç ekran */
.hs-fd{width:132px;height:112px}
.hs-fd-l,.hs-fd-r{width:66px;height:112px;padding:3px;background:linear-gradient(90deg,#8d8780,#d9d3ca 30%,#c2bcb2 60%,#8d8780);box-shadow:0 18px 28px -16px rgba(0,0,0,.45)}
.hs-fd-l{border-radius:16px 3px 3px 16px}.hs-fd-r{position:relative;border-radius:3px 16px 16px 3px;transform-style:preserve-3d}
.hs-fd-l i,.hs-fd-in i{display:block;height:100%;background:linear-gradient(160deg,#3b2bff,#a03cff 55%,#ff4f8b)}
.hs-fd-l i{border-radius:13px 1px 1px 13px;position:relative}.hs-fd-in i{border-radius:1px 13px 13px 1px;background:linear-gradient(160deg,#a03cff,#ff4f8b 50%,#ffb347)}
.hs-fd-l b{position:absolute;right:-14px;top:10px;font:700 15px -apple-system,Inter,sans-serif;color:#fff;letter-spacing:-.02em}
.hs-fd-in,.hs-fd-front{position:absolute;inset:3px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hs-fd-front{transform:rotateY(180deg)}
.hs-fd-front i{position:relative;display:block;height:100%;border-radius:13px 1px 1px 13px;background:linear-gradient(170deg,#1c1c2e,#3a2f6b)}
.hs-fd-front u{position:absolute;left:50%;top:6px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#000;text-decoration:none}
.hs-fd-front b{position:absolute;left:0;right:0;top:22px;text-align:center;font:700 14px -apple-system,Inter,sans-serif;color:#fff}
.hs-fd-r i{display:block}
/* ===== Giriş: sabit yükseklik (yazı değişince hiçbir şey oynamaz) + profesyonel sahne ===== */
.hero-top{align-items:start}
@media (min-width:1001px){.hero-copy .slide{min-height:420px;display:flex;flex-direction:column;justify-content:center}.hero-copy #hh{min-height:3.15em}.hero-copy #hs{min-height:6em}}
.hero-show{height:520px;transform:perspective(1400px) rotateY(calc((var(--mx,600px) - 600px) / 600 * -3deg)) rotateX(calc((var(--my,300px) - 300px) / 300 * 2deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hs-floor{position:absolute;left:-10%;right:-10%;bottom:-30%;height:60%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(124,77,255,.10));transform:perspective(600px) rotateX(70deg);background-image:linear-gradient(rgba(124,77,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(124,77,255,.18) 1px,transparent 1px);background-size:44px 44px;-webkit-mask:linear-gradient(transparent,#000 40%);mask:linear-gradient(transparent,#000 40%);animation:hsFloorMove 6s linear infinite}
@keyframes hsFloorMove{to{background-position:0 44px,0 0}}
.hs-beams{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hs-beams path{fill:none;stroke:url(#hsb);stroke-width:.6;stroke-linecap:round;stroke-dasharray:3 4;opacity:0;animation:hsBeam 16s linear infinite}
.hs-beams .b1{animation-delay:.4s}.hs-beams .b2{animation-delay:2s}.hs-beams .b3{animation-delay:3.6s}.hs-beams .b4{animation-delay:5.2s}.hs-beams .b5{animation-delay:6.8s}
@keyframes hsBeam{0%,2%{opacity:0;stroke-dashoffset:0}6%,86%{opacity:1}100%{opacity:0;stroke-dashoffset:-70}}
.hs-beams path{animation-name:hsBeam,hsDash}.hs-beams path{animation-duration:16s,1.2s;animation-iteration-count:infinite,infinite;animation-timing-function:linear,linear}
@keyframes hsDash{to{stroke-dashoffset:-7}}
.hs-p{display:none}
.hs-dev{z-index:2}
.hs-dev > :first-child{-webkit-box-reflect:below 6px linear-gradient(transparent 70%,rgba(255,255,255,.18))}
.hs-dev em{display:grid;gap:4px;justify-items:center}
.hs-pb{display:block;width:84px;height:4px;border-radius:4px;background:rgba(30,40,120,.12);overflow:hidden}
.hs-pb i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#2962ff,#aa00ff,#00b8d4);animation:hsPb 16s cubic-bezier(.4,0,.2,1) infinite}
.hs-iphone .hs-pb i{animation-delay:.8s}.hs-cam .hs-pb i{animation-delay:2.4s}.hs-mac .hs-pb i{animation-delay:4s}.hs-pad .hs-pb i{animation-delay:5.6s}.hs-fold .hs-pb i{animation-delay:7.2s}
@keyframes hsPb{0%,4%{width:0}40%{width:100%;background:linear-gradient(90deg,#2962ff,#aa00ff,#00b8d4)}42%,86%{width:100%;background:#34c759}100%{width:0}}
.hs-core{width:150px;height:150px;border-radius:40px;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.75);backdrop-filter:blur(16px);box-shadow:0 0 0 1px rgba(124,77,255,.18),0 30px 60px -24px rgba(98,60,255,.6);isolation:isolate}
.hs-core::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:42px;padding:2px;background:conic-gradient(from var(--ha),#2962ff,#aa00ff,#f50057,#ff6d00,#00c853,#00b8d4,#2962ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:haloSpin 6s linear infinite}
.hs-core-ring{top:50%;margin-top:-48px}
.hs-isl{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:10px;padding:6px 9px 6px 6px;border-radius:999px;background:#000;color:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.7);white-space:nowrap}
.hs-isl-i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2962ff,#aa00ff)}
.hs-isl b{display:block;font:600 12px "Inter",sans-serif}.hs-isl small{display:block;font:500 10.5px "Inter",sans-serif;color:#a1a1aa}
.hs-isl svg{transform:rotate(-90deg)}.hs-isl circle{fill:none;stroke-width:3.5}.hs-isl .bg{stroke:rgba(255,255,255,.15)}.hs-isl .fg{stroke:#8e8cff;stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:94.25;transition:stroke-dashoffset .3s}
.hs-fold{top:56px}
.hero-win .toasts{z-index:31}
.hero-win{rotate:none;translate:none}
.hero-stage > .hero-win{transform-origin:center top}
.hero-win .app{transform:perspective(1600px) rotateX(var(--wx,0deg)) rotateY(var(--wy,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hs-core{top:62%}
.hs-fold{top:60px;transform-origin:top center}.hs-fold .hs-fd{transform:scale(.82);transform-origin:top center;margin-bottom:-12px}
.hs-iphone{top:16%}.hs-cam{top:13%}
/* ===== Performans: büyük bulanık haleler GPU’da döner (her karede yeniden boyanmaz) ===== */
@keyframes spinT{to{transform:rotate(360deg)}}
.hero-stage::before{animation:spinT 24s linear infinite!important;background:conic-gradient(#2962ff,#7c4dff,#d500f9,#f50057,#ff6d00,#ffab00,#00c853,#00b8d4,#2962ff)!important;will-change:transform}
.hs-halo{animation:spinT 20s linear infinite!important;background:conic-gradient(#2962ff,#7c4dff,#d500f9,#f50057,#ff6d00,#ffab00,#00c853,#00b8d4,#2962ff)!important;will-change:transform}
.hdr-in::before{animation:none!important}
.acct{animation:none}.acct:hover{animation:haloSpin 3s linear infinite}
.hs-floor{animation-duration:10s}
@media (max-width:900px){.hero-bits,.hs-floor{display:none}.hero-stage::before{animation:none!important}}