:root{--bg:#070b16;--bg2:#0b1224;--panel:rgba(15,23,42,.78);--panel2:rgba(22,32,54,.92);--text:#f8fbff;--muted:#9fb0c7;--line:rgba(255,255,255,.12);--brand:#10c7ff;--brand2:#745cff;--brand3:#34f5bb;--hot:#ff4fd8;--shadow:0 20px 60px rgba(0,0,0,.28);--radius:28px;--mx:50%;--my:50%}
@media(prefers-color-scheme:light){:root{--bg:#f7f9ff;--bg2:#edf3ff;--panel:rgba(255,255,255,.88);--panel2:#fff;--text:#101624;--muted:#637189;--line:rgba(20,30,50,.13);--shadow:0 18px 52px rgba(20,40,90,.14)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at var(--mx) var(--my),color-mix(in srgb,var(--brand) 12%,transparent),transparent 23%),radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 30%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--brand2) 24%,transparent),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg2))}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(color-mix(in srgb,var(--brand) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand2) 6%,transparent) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.maintenance{display:grid;place-items:center}.maintenance-box{width:min(520px,calc(100% - 32px));padding:34px;border-radius:30px;background:var(--panel);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow)}.progress{position:fixed;top:0;left:0;height:3px;width:0%;z-index:100;background:linear-gradient(90deg,var(--brand),var(--brand3),var(--hot));box-shadow:0 0 14px var(--brand)}.orb{position:fixed;width:300px;height:300px;border-radius:999px;pointer-events:none;z-index:-1;opacity:.22;filter:blur(38px);animation:orbMove 14s ease-in-out infinite alternate}.orb.one{background:var(--brand);top:-100px;left:-100px}.orb.two{background:var(--brand2);top:120px;right:-120px;animation-delay:-5s}.orb.three{background:var(--brand3);bottom:-130px;left:40%;animation-delay:-8s}@keyframes orbMove{to{transform:translate3d(30px,24px,0) scale(1.08)}}.stars{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.star{position:absolute;width:3px;height:3px;border-radius:99px;background:var(--brand);opacity:.22;animation:rise linear infinite}@keyframes rise{from{transform:translateY(105vh);opacity:0}15%,85%{opacity:.24}to{transform:translateY(-10vh);opacity:0}}
.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px)}.nav-inner{width:min(1180px,calc(100% - 32px));margin:auto;height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:1000;letter-spacing:-.8px}.zmark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 24%,transparent);transform:rotate(-8deg);animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{50%{transform:rotate(-2deg) scale(1.04)}}.links{display:flex;align-items:center;gap:18px}.links a{text-decoration:none;color:var(--muted);font-weight:850;font-size:14px;transition:.2s ease}.links a:hover{color:var(--text)}
.btn{border:0;cursor:pointer;text-decoration:none;color:#031019;background:linear-gradient(135deg,var(--brand3),var(--brand));padding:13px 18px;border-radius:999px;font-weight:1000;box-shadow:0 14px 32px color-mix(in srgb,var(--brand) 22%,transparent);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,filter .18s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.1)}.ghost{color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:none}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.hero{min-height:calc(100vh - 72px);padding:68px 0;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px}.badge{width:fit-content;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-weight:900;margin-bottom:18px}.fast .badge,.ultra .badge{animation:badgeGlow 3.5s ease-in-out infinite}@keyframes badgeGlow{50%{box-shadow:0 0 18px color-mix(in srgb,var(--brand) 16%,transparent)}}h1{margin:0;font-size:clamp(48px,8vw,94px);line-height:.88;letter-spacing:-5.5px;font-weight:1000}.line{display:block;overflow:hidden}.line span{display:inline-block;animation:titleIn .8s cubic-bezier(.17,.9,.2,1) both}.line:nth-child(2) span{animation-delay:.1s}.line:nth-child(3) span{animation-delay:.2s}@keyframes titleIn{from{transform:translateY(120%);filter:blur(10px)}to{transform:translateY(0);filter:blur(0)}}.grad{background:linear-gradient(135deg,var(--brand),var(--brand2),var(--hot),var(--brand3));background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradMove 7s ease infinite}@keyframes gradMove{50%{background-position:100% 50%}}.lead{color:var(--muted);font-size:18px;line-height:1.72;max-width:650px;margin:24px 0 30px;font-weight:650}.actions{display:flex;gap:12px;flex-wrap:wrap}
.stage{position:relative;min-height:560px;perspective:1000px;contain:layout paint}.ring{position:absolute;right:32px;top:60px;width:390px;height:390px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 28%,transparent);animation:ringSpin 20s linear infinite}.ring:before,.ring:after{content:"";position:absolute;inset:54px;border-radius:inherit;border:1px solid color-mix(in srgb,var(--brand3) 22%,transparent);transform:rotateX(68deg)}.ring:after{inset:98px;border-color:color-mix(in srgb,var(--hot) 18%,transparent);transform:rotateY(68deg)}@keyframes ringSpin{to{transform:rotate(360deg)}}.phone{position:absolute;right:70px;top:48px;width:310px;height:570px;border-radius:42px;padding:16px;background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05));border:1px solid var(--line);box-shadow:var(--shadow);transform:rotateY(calc(-12deg + var(--tx,0deg))) rotateX(calc(6deg + var(--ty,0deg))) rotateZ(2deg) translateY(var(--py,0px));transition:transform .08s linear;will-change:transform}.screen{width:100%;height:100%;padding:20px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));overflow:hidden}.screen h3{margin:0 0 16px;font-size:28px}.mini-card{padding:16px;border-radius:22px;background:var(--panel2);border:1px solid var(--line);margin-bottom:12px}.fast .mini-card,.ultra .mini-card{animation:miniFloat 3.6s ease-in-out infinite}.mini-card:nth-child(3){animation-delay:.25s}.mini-card:nth-child(4){animation-delay:.5s}@keyframes miniFloat{50%{transform:translateY(-4px)}}.bar{height:9px;border-radius:999px;margin-top:12px;background:linear-gradient(90deg,var(--brand),var(--brand3));transform-origin:left;animation:load 3s ease-in-out infinite}@keyframes load{0%,100%{transform:scaleX(.38)}50%{transform:scaleX(1)}}.float-card{position:absolute;left:0;bottom:72px;width:340px;padding:24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);animation:floatCard 5s ease-in-out infinite alternate}@keyframes floatCard{to{transform:translateY(-12px)}}
section{padding:86px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{margin:0;font-size:clamp(38px,5vw,62px);letter-spacing:-2.8px;line-height:.95;font-weight:1000}.section-head p{color:var(--muted);max-width:520px;line-height:1.7;font-weight:700}.bento{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:18px}.tile{min-height:275px;padding:28px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease;contain:layout paint}.tile:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--brand) 36%,var(--line))}.tile.big{grid-row:span 2;min-height:568px}.tile.wide{grid-column:span 2;min-height:275px}.tile:after{content:"";position:absolute;right:-80px;bottom:-90px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 30%,transparent),transparent 68%)}.icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:1000;background:linear-gradient(135deg,var(--brand),var(--brand2));margin-bottom:18px}.tile h3{margin:0 0 10px;font-size:25px;letter-spacing:-1px}.tile p{margin:0;color:var(--muted);line-height:1.66;font-weight:650}.control-stack{display:grid;gap:12px;margin-top:24px}.control{padding:15px 16px;border-radius:18px;background:var(--panel2);border:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-weight:850}.control span{color:var(--text)}.admin-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.admin-chip{padding:16px;border-radius:22px;background:var(--panel2);border:1px solid var(--line);text-align:center;font-weight:900}
.apps{display:grid;grid-template-columns:1fr;gap:18px}.app-card,.contact-card{border-radius:38px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.app-card{min-height:330px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;contain:layout paint}.app-card:before{content:"Z";position:absolute;right:20px;bottom:-74px;font-size:280px;line-height:1;font-weight:1000;opacity:.045}.app-title{margin:0 0 12px;font-size:46px;letter-spacing:-2px;font-weight:1000}.version{color:var(--muted);font-weight:900}.flow{display:grid;gap:14px;position:relative}.flow:before{content:"";position:absolute;left:29px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--brand),var(--brand3),transparent);opacity:.55}.step{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;padding:21px;border-radius:30px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}.num{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--brand3),var(--brand));color:#021018;display:grid;place-items:center;font-weight:1000;z-index:1}.step>div:last-child{z-index:1}.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);line-height:1.6;font-weight:650}.contact-card{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-card h2{margin:0 0 8px;font-size:clamp(34px,5vw,58px);letter-spacing:-2px}.contact-card p{margin:0;color:var(--muted);font-weight:700}footer{padding:36px 0;border-top:1px solid var(--line);color:var(--muted);font-weight:800}.reveal{opacity:0;filter:blur(10px);transition:opacity .68s ease,transform .68s cubic-bezier(.18,.9,.2,1),filter .68s ease}.from-left{transform:translateX(-80px)}.from-right{transform:translateX(80px)}.from-bottom{transform:translateY(70px)}.from-top{transform:translateY(-60px)}.show{opacity:1;transform:translate(0,0);filter:blur(0)}.delay-1{transition-delay:.06s}.delay-2{transition-delay:.12s}.delay-3{transition-delay:.18s}.copy-shield{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);z-index:999;padding:13px 18px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);font-weight:900;transition:.28s ease;pointer-events:none}.copy-shield.show{transform:translate(-50%,0)}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}.no-motion .reveal{opacity:1;transform:none;filter:none}
@media(max-width:960px){.links{display:none}.hero{grid-template-columns:1fr;padding-top:42px}.stage{min-height:500px}.phone{right:0;width:285px;height:525px}.ring{width:330px;height:330px}.float-card{width:295px;bottom:38px}.section-head{display:block}.bento,.admin-strip{grid-template-columns:1fr}.tile.big,.tile.wide{grid-column:auto;grid-row:auto;min-height:275px}.contact-card{display:block}.contact-card .btn{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}}@media print{body{display:none!important}}



/* 2026b: hareketli ama optimize edilmiş vitrin + mobil sürüm */
.cursor-glow{position:fixed;left:-130px;top:-130px;width:260px;height:260px;border-radius:999px;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 28%,transparent),transparent 64%);filter:blur(14px);transition:opacity .25s ease;will-change:transform}.no-header .nav{display:none}.no-header .hero{min-height:100svh;padding-top:clamp(42px,7vh,86px)}
.stage{contain:layout paint;isolation:isolate;will-change:transform}.phone{right:var(--phone-right,70px)!important;top:var(--phone-top,48px)!important;transform:rotateY(calc(-12deg + var(--tx,0deg))) rotateX(calc(6deg + var(--ty,0deg))) rotateZ(calc(2deg + var(--idle-r,0deg))) translateY(calc(var(--py,0px) + var(--idle-y,0px)))!important;transition:transform .09s linear;will-change:transform;overflow:hidden}.phone:before{content:"";position:absolute;inset:-40%;z-index:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);transform:translateX(-55%) rotate(8deg);animation:phoneShine 5.8s ease-in-out infinite;pointer-events:none}.phone>*{position:relative;z-index:1}@keyframes phoneShine{0%,58%{transform:translateX(-62%) rotate(8deg);opacity:0}72%{opacity:.8}100%{transform:translateX(62%) rotate(8deg);opacity:0}}
.screen{position:relative}.screen:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,transparent,rgba(255,255,255,.06),transparent);mix-blend-mode:screen}.hero-sparks{position:absolute;inset:0;pointer-events:none}.hero-sparks i{position:absolute;width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand3));box-shadow:0 0 18px var(--brand);animation:sparkFloat 6s ease-in-out infinite}.hero-sparks i:nth-child(1){right:86px;top:42px}.hero-sparks i:nth-child(2){right:370px;top:220px;animation-delay:-2s}.hero-sparks i:nth-child(3){right:180px;bottom:84px;animation-delay:-3.7s}@keyframes sparkFloat{50%{transform:translate3d(18px,-22px,0) scale(1.35);opacity:.55}}
.ring{will-change:transform}.ultra .ring{animation-duration:15s}.ultra .mini-card{animation-duration:3s}.fast .phone,.ultra .phone{box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 45px color-mix(in srgb,var(--brand) 18%,transparent)}.float-card{left:var(--float-left,0px)!important;bottom:var(--float-bottom,72px)!important;backdrop-filter:blur(14px)}.visual-left .hero{direction:rtl}.visual-left .hero>*{direction:ltr}.stage[style*="--float-left"] .float-card{max-width:min(340px,calc(100% - 24px))}
.tile:before,.app-card:after,.contact-card:before,.float-card:before,.mini-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),color-mix(in srgb,var(--brand) 20%,transparent),transparent 42%);transition:opacity .22s ease}.tile:hover:before,.app-card:hover:after,.contact-card:hover:before,.float-card:hover:before,.mini-card:hover:before{opacity:1}.app-card,.contact-card,.mini-card{position:relative}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-85%);transition:transform .55s ease}.btn:hover:before{transform:translateX(85%)}
.perf-lite .stars{display:block}.perf-lite .ring{display:block;opacity:.55;animation-duration:30s}.perf-lite .orb{opacity:.14;filter:blur(30px)}.perf-lite .badge{animation:badgeGlow 5.4s ease-in-out infinite}.perf-lite .mini-card{animation:miniFloat 4.7s ease-in-out infinite}.perf-lite .bar{animation:load 4.5s ease-in-out infinite}.perf-lite .float-card{animation:floatCard 7s ease-in-out infinite alternate}.perf-lite .reveal{opacity:0;filter:blur(8px);transition:opacity .55s ease,transform .55s cubic-bezier(.18,.9,.2,1),filter .55s ease}.perf-lite .reveal.show{opacity:1;transform:translate(0,0);filter:blur(0)}
section{content-visibility:auto;contain-intrinsic-size:760px}.hero{content-visibility:visible;contain-intrinsic-size:auto}.single-product .lead{max-width:680px}.app-landing .contact-card{margin-bottom:70px}.app-card .actions{gap:10px;flex-wrap:wrap}
@media(max-width:960px){.links{display:none}.visual-left .hero{direction:ltr}.wrap{width:min(100% - 24px,720px)}.hero{grid-template-columns:1fr;min-height:auto;padding:44px 0 64px;gap:22px}.no-header .hero{padding-top:34px}h1{font-size:clamp(48px,15vw,76px);letter-spacing:-3.5px;line-height:.9}.lead{font-size:16px;line-height:1.62;margin:18px 0 22px}.actions .btn{min-height:48px}.stage{min-height:500px;margin-top:8px;overflow:hidden}.ring{right:50%;top:58px;width:min(390px,86vw);height:min(390px,86vw);transform:translateX(50%)}.phone{position:relative!important;right:auto!important;top:auto!important;margin:28px auto 0;width:min(288px,78vw);height:min(530px,142vw);transform:rotateY(calc(-8deg + var(--tx,0deg))) rotateX(calc(4deg + var(--ty,0deg))) rotateZ(calc(1.5deg + var(--idle-r,0deg))) translateY(calc(var(--py,0px) + var(--idle-y,0px)))!important}.screen{padding:18px}.screen h3{font-size:25px}.mini-card{padding:14px}.float-card{position:relative!important;left:auto!important;bottom:auto!important;margin:-34px auto 0;width:min(330px,92vw);z-index:2}.hero-sparks i:nth-child(1){right:18%;top:28px}.hero-sparks i:nth-child(2){right:auto;left:12%;top:215px}.hero-sparks i:nth-child(3){right:20%;bottom:74px}.section-head{display:block}.section-head h2{font-size:clamp(36px,10vw,54px)}.section-head p{margin-top:12px}.bento,.admin-strip{grid-template-columns:1fr}.tile.big,.tile.wide{grid-column:auto;grid-row:auto;min-height:250px}.contact-card{display:block}.contact-card .btn{margin-top:20px}.app-title{font-size:clamp(34px,10vw,46px)}section{padding:56px 0;content-visibility:visible;contain-intrinsic-size:auto}}
@media(max-width:560px){body:before{background-size:48px 48px}.badge{font-size:13px}.hero{padding-bottom:46px}.actions{display:grid;grid-template-columns:1fr}.actions .btn{width:100%}.stage{min-height:445px}.phone{width:min(260px,82vw);height:min(488px,154vw);border-radius:36px;padding:13px}.screen{border-radius:26px}.mini-card b{font-size:14px}.float-card{padding:18px;border-radius:22px}.tile,.app-card,.contact-card{border-radius:24px;padding:22px}.flow:before{left:24px}.step{grid-template-columns:50px 1fr;padding:17px}.num{width:50px;height:50px}.orb{width:220px;height:220px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important;filter:none!important}.cursor-glow{display:none!important}}
@supports not (content-visibility:auto){section{contain:none}}

/* v4 - maksimum efekt, mouse takip ve mobil güçlendirme */
body{--darken:0;--follow-x:0px;--follow-y:0px;--tx:0deg;--ty:0deg;--rz:0deg;--idle-y:0px;--idle-r:0deg;background-attachment:fixed}
body.scroll-dark-mode{background:radial-gradient(circle at var(--mx) var(--my),color-mix(in srgb,var(--brand3) 18%,transparent),transparent 18%),radial-gradient(circle at 15% 4%,color-mix(in srgb,var(--brand) 32%,transparent),transparent 28%),radial-gradient(circle at 92% 15%,color-mix(in srgb,var(--hot) 28%,transparent),transparent 32%),linear-gradient(180deg,#081b25 0%,#071222 36%,#050712 72%,#02030a 100%)}
.scroll-dark{position:fixed;inset:0;z-index:12;pointer-events:none;opacity:var(--darken);background:radial-gradient(circle at 50% 100%,rgba(0,0,0,.04),rgba(0,0,0,.72) 65%,rgba(0,0,0,.92)),linear-gradient(180deg,transparent,rgba(0,0,0,.88));mix-blend-mode:multiply;transition:opacity .12s linear}.nav,.progress,.copy-shield,.cursor-glow,.eye-zone{z-index:80}.nav{z-index:90}.progress{z-index:120}
.no-header .nav{display:none}.nav{box-shadow:0 10px 40px rgba(0,0,0,.18)}.nav-inner{height:76px}.nav:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--brand),var(--brand3),transparent);opacity:.65;animation:navLaser 3.8s ease-in-out infinite}@keyframes navLaser{50%{opacity:1;filter:drop-shadow(0 0 10px var(--brand))}}
section{content-visibility:visible!important;contain:none!important}.stage{overflow:visible;contain:none;transform-style:preserve-3d}.stage:before{content:"";position:absolute;inset:22px -30px -20px -40px;border-radius:42px;background:radial-gradient(circle at var(--sx,55%) var(--sy,45%),color-mix(in srgb,var(--brand) 24%,transparent),transparent 38%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--hot) 22%,transparent),transparent 34%);filter:blur(18px);opacity:.65;animation:stageAura 5s ease-in-out infinite alternate}.stage:after{content:"";position:absolute;right:10px;top:28px;width:470px;height:470px;border-radius:50%;background:conic-gradient(from var(--spin,0deg),transparent,var(--brand),transparent,var(--brand3),transparent,var(--hot),transparent);opacity:.18;filter:blur(1px);animation:stageSpin 10s linear infinite;pointer-events:none}@keyframes stageAura{to{transform:translate3d(-14px,18px,0) scale(1.05);opacity:.9}}@keyframes stageSpin{to{--spin:360deg;transform:rotate(360deg)}}
.phone{right:var(--phone-right,70px)!important;top:var(--phone-top,48px)!important;transform-style:preserve-3d;transform:translate3d(var(--follow-x),calc(var(--follow-y) + var(--idle-y)),0) rotateY(calc(-15deg + var(--tx))) rotateX(calc(7deg + var(--ty))) rotateZ(calc(2deg + var(--idle-r) + var(--rz)))!important;transition:transform .035s linear,filter .12s ease!important;filter:drop-shadow(0 34px 70px rgba(0,0,0,.42)) drop-shadow(0 0 32px color-mix(in srgb,var(--brand) 24%,transparent))}.phone:before{content:"";position:absolute;inset:-3px;border-radius:45px;background:linear-gradient(130deg,rgba(255,255,255,.55),transparent 26%,transparent 62%,color-mix(in srgb,var(--brand3) 28%,transparent));opacity:.5;filter:blur(1px);pointer-events:none}.phone:after{content:"";position:absolute;left:12%;right:12%;bottom:-24px;height:34px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--brand) 32%,transparent),transparent 72%);filter:blur(12px);transform:translateZ(-80px)}.screen{position:relative}.screen:before{content:"";position:absolute;inset:-30% -80%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28),transparent 58%);transform:translateX(-50%) rotate(10deg);animation:screenSweep 3.2s ease-in-out infinite;pointer-events:none}.screen:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--sx,50%) var(--sy,50%),rgba(255,255,255,.16),transparent 28%);pointer-events:none}@keyframes screenSweep{50%{transform:translateX(35%) rotate(10deg)}100%{transform:translateX(80%) rotate(10deg)}}.ring{animation-duration:11s;box-shadow:0 0 42px color-mix(in srgb,var(--brand) 18%,transparent),inset 0 0 28px color-mix(in srgb,var(--brand2) 14%,transparent)}
.hero-sparks i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand3);box-shadow:0 0 22px var(--brand3),0 0 46px var(--brand);animation:sparkDance 3.4s ease-in-out infinite;z-index:3}.hero-sparks i:nth-child(1){right:90px;top:35px}.hero-sparks i:nth-child(2){right:410px;top:215px;animation-delay:.7s}.hero-sparks i:nth-child(3){right:210px;bottom:95px;animation-delay:1.3s}@keyframes sparkDance{50%{transform:translate3d(14px,-22px,0) scale(1.45);filter:hue-rotate(80deg)}}
.cursor-glow{position:fixed;left:-150px;top:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 22%,transparent),transparent 62%);pointer-events:none;opacity:0;transform:translate3d(var(--mx),var(--my),0);mix-blend-mode:screen;filter:blur(4px)}.cursor-trail{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:70;background:var(--brand3);box-shadow:0 0 18px var(--brand3),0 0 34px var(--brand);animation:trailPop .65s ease-out forwards}@keyframes trailPop{to{transform:scale(2.8);opacity:0}}
.eye-zone{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:24px;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:rgba(3,7,18,.38);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 70px rgba(0,0,0,.45),0 0 34px color-mix(in srgb,var(--brand) 16%,transparent);backdrop-filter:blur(14px);pointer-events:none}.eye{position:relative;width:96px;height:58px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 48%,#ffffff 0 34%,#d9f8ff 55%,#76dfff 100%);box-shadow:inset 0 -8px 16px rgba(0,0,0,.2),0 0 24px color-mix(in srgb,var(--brand) 35%,transparent);animation:eyeBreath 2.6s ease-in-out infinite}.eye:nth-child(2){animation-delay:.18s}.pupil{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ffcff 0 10%,#06121e 14% 100%);box-shadow:0 0 12px #06121e,0 0 24px color-mix(in srgb,var(--brand) 38%,transparent);transform:translate(calc(-50% + var(--ex,0px)),calc(-50% + var(--ey,0px)));transition:transform .035s linear}.shine{position:absolute;left:26%;top:20%;width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.92);filter:blur(.2px)}.eye.blink{animation:blink .18s ease-in-out 1}@keyframes eyeBreath{50%{transform:translateY(-4px) scale(1.03)}}@keyframes blink{50%{transform:scaleY(.12)}}
.perf-max .orb{opacity:.34;filter:blur(34px);animation-duration:8s}.perf-max .stars .star{width:4px;height:4px}.perf-max .mini-card{animation-duration:2.6s}.perf-max .bar{animation-duration:2.1s}.perf-max .badge{animation-duration:2.4s}.perf-max .float-card{animation-duration:3.2s}.perf-max .tile:hover,.perf-max .app-card:hover,.perf-max .contact-card:hover{transform:translateY(-9px) scale(1.012)}
@media(max-width:960px){.nav-inner{height:66px}.nav .btn{display:none}.logo span{font-size:20px}.links{display:flex;gap:10px;overflow:auto;max-width:48vw}.links a{font-size:12px;white-space:nowrap}.stage:after{right:50%;transform:translateX(50%);width:min(450px,90vw);height:min(450px,90vw)}body .stage .phone{right:auto!important;top:auto!important;transform:translate3d(var(--follow-x),calc(var(--follow-y) + var(--idle-y)),0) rotateY(calc(-10deg + var(--tx))) rotateX(calc(5deg + var(--ty))) rotateZ(calc(1.5deg + var(--idle-r) + var(--rz)))!important}.eye-zone{bottom:12px;gap:14px;padding:8px 12px}.eye{width:72px;height:46px}.pupil{width:22px;height:22px}}
@media(max-width:560px){.nav-inner{width:calc(100% - 18px)}.links{display:none}.eye-zone{bottom:10px}.eye{width:62px;height:40px}.pupil{width:19px;height:19px}.stage:before{inset:10px -20px -10px}.phone{filter:drop-shadow(0 24px 46px rgba(0,0,0,.38)) drop-shadow(0 0 20px color-mix(in srgb,var(--brand) 20%,transparent))}.hero-sparks i:nth-child(2){left:8%;right:auto}}
@media(prefers-reduced-motion:reduce){.eye-zone{display:none}.scroll-dark{opacity:.18!important}}

/* v5 - güçlü mouse takip, renkli telefon vitrini, deniz gibi kararma ve büyük gözler */
body{--sea:0;--follow-x:0px;--follow-y:0px;--tx:0deg;--ty:0deg;--rz:0deg;--idle-y:0px;--idle-r:0deg}
body.scroll-dark-mode:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:calc(.18 + var(--sea) * .82);background:radial-gradient(circle at var(--mx) var(--my),rgba(42,245,205,.20),transparent 19%),radial-gradient(circle at 50% 115%,rgba(0,225,255,.36),transparent 33%),linear-gradient(180deg,rgba(6,28,42,0) 0%,rgba(2,21,38,.40) 42%,rgba(0,6,18,.92) 100%);transition:opacity .08s linear}.scroll-dark{z-index:14;opacity:calc(var(--darken) * .92);background:radial-gradient(circle at 50% 115%,rgba(0,46,68,.18),rgba(0,9,22,.58) 50%,rgba(0,0,8,.90)),linear-gradient(180deg,transparent 0%,rgba(0,35,54,.42) 38%,rgba(0,0,0,.90) 100%);mix-blend-mode:multiply}.nav{background:rgba(5,11,24,.80)!important}.nav-inner{height:78px}.nav .btn{box-shadow:0 0 22px color-mix(in srgb,var(--brand3) 32%,transparent),0 15px 32px rgba(0,0,0,.24)}
.stage{perspective:1350px}.stage:before{opacity:.9;filter:blur(24px);animation:stageAura 3.6s ease-in-out infinite alternate}.stage:after{opacity:.30;filter:blur(.4px);animation-duration:6s}.ring{animation-duration:7s!important}.phone{transform-origin:50% 55%;transition:transform .018s linear,filter .08s ease!important;filter:drop-shadow(0 44px 88px rgba(0,0,0,.54)) drop-shadow(0 0 46px color-mix(in srgb,var(--brand3) 30%,transparent)) saturate(1.15);animation:phoneBreathe 4.4s ease-in-out infinite}.phone:hover{filter:drop-shadow(0 48px 98px rgba(0,0,0,.58)) drop-shadow(0 0 62px color-mix(in srgb,var(--brand3) 46%,transparent)) saturate(1.3)}@keyframes phoneBreathe{50%{filter:drop-shadow(0 52px 100px rgba(0,0,0,.58)) drop-shadow(0 0 58px color-mix(in srgb,var(--brand) 38%,transparent)) saturate(1.25)}}
.screen.app-colors{padding:20px;background:radial-gradient(circle at 20% 8%,rgba(52,245,187,.28),transparent 30%),radial-gradient(circle at 88% 0%,rgba(255,79,216,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.13),rgba(9,18,36,.42));display:flex;flex-direction:column;gap:13px}.app-colors h3{margin:0 0 4px}.app-row{position:relative;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;padding:13px;border-radius:21px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.20);overflow:hidden;animation:appWave 2.7s ease-in-out infinite}.app-row:nth-of-type(2){animation-delay:.22s}.app-row:nth-of-type(3){animation-delay:.44s}.app-row:after{content:"";position:absolute;left:68px;right:12px;bottom:8px;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--brand3),var(--hot));box-shadow:0 0 16px currentColor;animation:load 2s ease-in-out infinite}.app-row b{position:relative;z-index:1;font-size:15px;line-height:1.2}.app-row em{position:relative;z-index:1;font-style:normal;font-size:11px;font-weight:1000;color:#06121e;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.78)}.app-dot{position:relative;z-index:1;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:13px;font-weight:1000;color:#fff;box-shadow:0 0 20px rgba(255,255,255,.14)}.app-row.cyan .app-dot{background:linear-gradient(135deg,#12d8ff,#477bff)}.app-row.green .app-dot{background:linear-gradient(135deg,#35f5ba,#00b982)}.app-row.purple .app-dot{background:linear-gradient(135deg,#7b5cff,#ff4fd8)}.app-row.pink .app-dot{background:linear-gradient(135deg,#ff4fd8,#ffb86b)}@keyframes appWave{50%{transform:translateY(-6px) translateX(3px);border-color:rgba(52,245,187,.35)}}.phone-ad{position:relative;margin-top:auto;min-height:72px;border-radius:22px;border:1px dashed rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(16,199,255,.16),rgba(255,79,216,.14));display:grid;place-items:center;overflow:hidden;font-weight:1000;color:#dff9ff}.phone-ad .ad-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(52,245,187,.36),transparent 70%);animation:adOrbit 3.2s ease-in-out infinite}@keyframes adOrbit{50%{transform:translate3d(80px,-18px,0) scale(1.35);filter:hue-rotate(90deg)}}
.eye-zone{z-index:999!important;bottom:22px;opacity:1!important;background:rgba(0,10,22,.58);box-shadow:0 18px 80px rgba(0,0,0,.62),0 0 54px color-mix(in srgb,var(--brand3) 26%,transparent);transform:translateX(-50%) translateY(calc(var(--darken) * -18px))}.eye-zone:before{content:"";position:absolute;inset:-18px;border-radius:inherit;background:radial-gradient(circle,rgba(52,245,187,.13),transparent 72%);filter:blur(12px)}.eye-zone .eye{width:104px;height:64px}.eye-zone .pupil{width:32px;height:32px}
.deep-ocean{position:relative;min-height:560px;margin:10px 0 34px;border-radius:42px;overflow:hidden;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 22%,rgba(52,245,187,.22),transparent 28%),radial-gradient(circle at 50% 100%,rgba(0,8,20,.98),rgba(0,20,42,.88) 42%,rgba(0,4,12,.98) 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 80px rgba(0,229,255,.07),0 28px 90px rgba(0,0,0,.38)}.deep-ocean:before{content:"";position:absolute;inset:-40%;background:repeating-radial-gradient(ellipse at 50% 20%,rgba(16,199,255,.10) 0 2px,transparent 3px 24px);opacity:.38;animation:waterPulse 4s ease-in-out infinite}.deep-ocean p{position:absolute;top:34px;left:50%;transform:translateX(-50%);z-index:2;margin:0;color:#a8d9ee;font-weight:1000;letter-spacing:.2px}.wave-line{position:absolute;left:-12%;right:-12%;height:2px;background:linear-gradient(90deg,transparent,rgba(52,245,187,.42),rgba(16,199,255,.28),transparent);filter:blur(.2px);animation:waveDrift 5s linear infinite}.wave-line.one{top:28%}.wave-line.two{top:48%;animation-delay:-2.2s;opacity:.7}.bubble{position:absolute;border-radius:50%;background:rgba(134,243,255,.18);box-shadow:0 0 18px rgba(52,245,187,.25);animation:bubbleUp 5.4s ease-in-out infinite}.b1{width:18px;height:18px;left:18%;bottom:18%}.b2{width:12px;height:12px;left:74%;bottom:24%;animation-delay:-1.6s}.b3{width:24px;height:24px;left:56%;bottom:12%;animation-delay:-3s}.abyss-eyes{position:relative;z-index:2;display:flex;gap:min(7vw,86px);align-items:center;justify-content:center}.abyss-eye{width:min(28vw,210px);height:min(16vw,116px);min-width:120px;min-height:70px;background:radial-gradient(circle at 50% 50%,#ecfdff 0 29%,#69eeff 50%,#0d3351 100%);box-shadow:inset 0 -20px 28px rgba(0,0,0,.28),0 0 44px rgba(52,245,187,.38),0 0 110px rgba(16,199,255,.24)}.abyss-eye .pupil{width:min(7vw,58px);height:min(7vw,58px);background:radial-gradient(circle at 35% 28%,#baffff 0 10%,#020613 15% 100%);box-shadow:0 0 22px #001523,0 0 44px rgba(52,245,187,.42)}@keyframes waterPulse{50%{transform:translateY(-24px) scale(1.03);opacity:.58}}@keyframes waveDrift{to{transform:translateX(12%)}}@keyframes bubbleUp{0%{transform:translateY(60px) scale(.7);opacity:0}35%,70%{opacity:.78}100%{transform:translateY(-170px) scale(1.3);opacity:0}}
@media(max-width:960px){.screen.app-colors{padding:16px}.app-row{grid-template-columns:40px 1fr;gap:9px}.app-row em{display:none}.app-dot{width:36px;height:36px}.phone-ad{min-height:58px}.eye-zone{bottom:12px}.eye-zone .eye{width:78px;height:48px}.eye-zone .pupil{width:24px;height:24px}.deep-ocean{min-height:430px;border-radius:30px}.abyss-eyes{gap:34px}}
@media(max-width:560px){.deep-ocean{min-height:360px}.deep-ocean p{font-size:13px;top:22px}.abyss-eye{min-width:94px;min-height:56px}.eye-zone{bottom:9px}.eye-zone .eye{width:64px;height:40px}.eye-zone .pupil{width:20px;height:20px}.app-row{padding:11px}.app-row b{font-size:13px}}

/* v6 - arka plana karışan gözler, güçlü telefon takip, hafif toz/mist ve deniz gibi kararma */
:root{--sea:0;--mx:50vw;--my:28vh}
.eye-zone,.deep-ocean{display:none!important}
body{overflow-x:hidden}
body:after{transition:opacity .12s linear,background .12s linear}
body.scroll-dark-mode:after{z-index:-2;opacity:calc(.08 + var(--sea) * .94);background:
  radial-gradient(circle at var(--mx) calc(var(--my) * .88), rgba(70,245,220,.14), transparent 18%),
  radial-gradient(circle at 50% 105%, rgba(23,163,206,.18), transparent 30%),
  linear-gradient(180deg, rgba(2,13,26,0) 0%, rgba(4,16,34,.22) 24%, rgba(3,15,32,.54) 50%, rgba(1,8,20,.86) 72%, rgba(0,2,10,.98) 100%)}
.scroll-dark{z-index:-1;opacity:calc(.08 + var(--darken));background:
  radial-gradient(1200px 540px at 50% calc(100% - 40px), rgba(56,198,216,.12), transparent 58%),
  linear-gradient(180deg, transparent 0%, rgba(0,25,42,.14) 24%, rgba(0,18,32,.46) 56%, rgba(0,8,20,.82) 100%);
  mix-blend-mode:multiply}

.ocean-eyes-backdrop{position:fixed;left:50%;top:14vh;transform:translateX(-50%);width:min(900px,92vw);height:min(460px,58vh);pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:center;opacity:calc(.14 + (var(--sea) * .32));filter:saturate(1.06) blur(calc(.3px + (1 - var(--sea)) * .2px));transition:opacity .16s linear,transform .16s ease}
.ocean-eyes-backdrop:before{content:"";position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(circle at 50% 48%, rgba(44,239,214,.08), transparent 34%),radial-gradient(circle at 50% 54%, rgba(143,88,255,.12), transparent 48%);filter:blur(18px);opacity:.92}
.ocean-eyes{position:relative;display:flex;gap:min(12vw,150px);align-items:center;justify-content:center;width:100%;height:100%}
.ocean-eye{position:relative;width:min(18vw,190px);height:min(9.8vw,104px);min-width:120px;min-height:68px;border-radius:999px;background:linear-gradient(180deg, rgba(181,245,255,.14), rgba(13,46,74,.18));border:1px solid rgba(180,244,255,.10);box-shadow:0 0 40px rgba(34,232,205,.08), inset 0 -28px 36px rgba(0,0,0,.24), inset 0 18px 22px rgba(255,255,255,.04);backdrop-filter:blur(8px);mix-blend-mode:screen}
.ocean-eye:before{content:"";position:absolute;inset:7px 14px;border-radius:inherit;background:radial-gradient(circle at 50% 50%, rgba(233,255,255,.78) 0 18%, rgba(97,237,255,.54) 33%, rgba(14,55,84,.76) 72%, rgba(6,22,35,.12) 100%);opacity:.62}
.ocean-eye .pupil{width:min(4.8vw,46px);height:min(4.8vw,46px);max-width:46px;max-height:46px;background:radial-gradient(circle at 35% 28%, #d7ffff 0 14%, #021019 18% 100%);box-shadow:0 0 12px rgba(0,10,20,.95), 0 0 28px rgba(66,245,224,.18);transition:transform .03s linear}
.ocean-eye .shine{width:10px;height:10px;left:34%;top:24%;background:rgba(255,255,255,.82)}
.mist-particles{position:absolute;inset:-8%;overflow:hidden}
.mist{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle, rgba(103,248,234,.18) 0%, rgba(122,94,255,.10) 36%, rgba(255,255,255,0) 72%);filter:blur(12px);opacity:.42;animation:mistFloat 16s linear infinite}
.m1{width:90px;height:90px;left:8%;top:52%}.m2{width:56px;height:56px;left:24%;top:18%;animation-duration:13s;animation-delay:-4s}.m3{width:72px;height:72px;left:36%;top:64%;animation-duration:18s;animation-delay:-9s}.m4{width:116px;height:116px;left:52%;top:22%;animation-duration:19s;animation-delay:-7s}.m5{width:66px;height:66px;left:64%;top:62%;animation-duration:14s;animation-delay:-11s}.m6{width:88px;height:88px;left:74%;top:16%;animation-duration:17s;animation-delay:-2s}.m7{width:62px;height:62px;left:86%;top:58%;animation-duration:12s;animation-delay:-5s}.m8{width:74px;height:74px;left:46%;top:4%;animation-duration:15s;animation-delay:-8s}
@keyframes mistFloat{0%{transform:translate3d(-14px,26px,0) scale(.88);opacity:.16}50%{transform:translate3d(22px,-18px,0) scale(1.08);opacity:.44}100%{transform:translate3d(-12px,-42px,0) scale(1.18);opacity:0}}

.wrap,.nav{position:relative;z-index:2}
.hero{position:relative}
.hero-copy{position:relative;z-index:3}
.stage{overflow:visible!important;perspective:1650px;perspective-origin:50% 45%}
.stage:before{opacity:.98;filter:blur(28px);animation-duration:3.1s}
.stage:after{opacity:.34}
.phone{transform-origin:50% 58%!important;transform:translate3d(var(--follow-x),calc(var(--follow-y) + var(--idle-y)),0) rotateY(calc(-18deg + var(--tx))) rotateX(calc(8deg + var(--ty))) rotateZ(calc(1.6deg + var(--idle-r) + var(--rz)))!important;transition:transform .016s linear,filter .10s ease!important;filter:drop-shadow(0 42px 90px rgba(0,0,0,.54)) drop-shadow(0 0 52px color-mix(in srgb,var(--brand3) 28%,transparent)) saturate(1.16)}
.phone:hover{filter:drop-shadow(0 48px 100px rgba(0,0,0,.6)) drop-shadow(0 0 68px color-mix(in srgb,var(--brand3) 40%,transparent)) saturate(1.28)}
.screen.app-colors{background:radial-gradient(circle at 18% 8%, rgba(52,245,187,.28), transparent 30%),radial-gradient(circle at 88% 0%, rgba(255,79,216,.18), transparent 34%),linear-gradient(180deg, rgba(255,255,255,.18), rgba(9,18,36,.42))}
.app-row{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.20),0 0 26px rgba(51,229,205,.06)}
.phone-ad{min-height:78px;background:linear-gradient(135deg, rgba(16,199,255,.18), rgba(255,79,216,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 26px rgba(16,199,255,.08)}
.phone-ad span{position:relative;z-index:1}
.phone-ad:before{content:"Sponsor • Öne çıkan";position:absolute;left:14px;top:10px;font-size:10px;letter-spacing:.6px;color:rgba(231,250,255,.66);font-weight:800;text-transform:uppercase}
.phone-ad:after{content:"Zenudio • düşük gecikme";position:absolute;left:16px;bottom:12px;font-size:12px;color:#e7fdff;font-weight:900}

@media (max-width: 960px){
  .ocean-eyes-backdrop{top:10vh;width:96vw;height:34vh;opacity:calc(.10 + (var(--sea) * .22))}
  .ocean-eyes{gap:24px}
  .ocean-eye{width:min(30vw,140px);height:min(15vw,72px);min-width:88px;min-height:48px}
  .ocean-eye .pupil{width:28px;height:28px}
  .mist{filter:blur(10px);opacity:.28}
  body .stage .phone{transform:translate3d(calc(var(--follow-x) * .82),calc(var(--follow-y) * .82 + var(--idle-y)),0) rotateY(calc(-14deg + var(--tx))) rotateX(calc(7deg + var(--ty))) rotateZ(calc(1.3deg + var(--idle-r) + var(--rz)))!important}
}
@media (max-width: 560px){
  .ocean-eyes-backdrop{top:12vh;height:26vh}
  .ocean-eyes{gap:16px}
  .ocean-eye{width:min(34vw,108px);height:min(16vw,54px)}
  .ocean-eye .pupil{width:22px;height:22px}
  .mist:nth-child(n+6){display:none}
}
@media (prefers-reduced-motion: reduce){
  .mist,.ocean-eyes-backdrop{animation:none}
  .ocean-eye .pupil{transition:none}
}