@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-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}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-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:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-mono-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}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-mono-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}
body{margin:0}
*{box-sizing:border-box}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7F8FFF;outline-offset:3px}
:root{--fg:#F5F5F7;--mut:#86868B;--dim:#4A4A55;--peri:#7F8FFF;--teal:#4DF0C8;--pink:#FF86C8;--e1:cubic-bezier(.2,.8,.2,1);--e2:cubic-bezier(.7,0,.2,1);--e3:cubic-bezier(.34,1.56,.64,1)}
body{background:#000}
.root{position:relative;width:100%;background:#000;color:var(--fg);font-family:'Geist',-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
.mono{font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--mut)}
.sec{position:relative;width:100%;overflow:hidden;overflow:clip;display:flex;flex-direction:column;align-items:center;text-align:center}
.sec::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 58%,rgba(0,0,0,.6) 100%)}
.grain{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sec:not(.on) *,.sec:not(.on) *::after{animation-play-state:paused !important}
.z{position:relative;z-index:3}
.w{display:inline-block;white-space:nowrap}
.ln{display:block;overflow:hidden;padding:.16em .06em .14em;margin:-.16em 0 -.14em;white-space:nowrap}
.ch{display:inline-block;animation:chRise .95s var(--e1) calc(var(--d,0s) + var(--i,0)*32ms) both}
@keyframes chRise{from{transform:translateY(112%);opacity:0}to{transform:none;opacity:1}}
.fade{animation:fadeUp 1s var(--e1) var(--d,0s) both}
@keyframes fadeUp{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
.wm{display:inline-flex;align-items:baseline;font-weight:600;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.wd{display:inline-block;width:.19em;height:.19em;margin:0 .07em 0 .06em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0%,var(--peri) 45%,var(--pink) 100%);box-shadow:0 0 .35em rgba(127,143,255,.75);animation:glow 3s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.6}to{opacity:1}}
.hdr{position:absolute;top:0;left:0;right:0;height:72px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 64px}
.hdr nav{display:flex;gap:6px}
.hdr nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:14px;font-weight:500;color:var(--mut);transition:color .3s}
.hdr nav a:hover{color:var(--fg)}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:500;color:var(--fg);background:linear-gradient(150deg,rgba(255,255,255,.2),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.menu{display:none;width:44px;height:44px;border:0;background:transparent;color:var(--fg);align-items:center;justify-content:center}
.orb{position:relative;width:min(400px,38vh);height:min(400px,38vh);margin-top:max(64px,9vh);animation:orbIn 2.2s var(--e1) .1s both}
.halo{position:absolute;inset:-40%;-webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent 100%);mask-image:radial-gradient(closest-side,#000 25%,transparent 100%);opacity:.55;animation:breathe 6s ease-in-out infinite alternate}
.core{position:absolute;inset:0;border-radius:50%;background:#0A0A12;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 82%,transparent 100%);mask-image:radial-gradient(closest-side,#000 82%,transparent 100%)}
.sw{position:absolute;inset:0;animation:spin 16s linear infinite}
.sw2{position:absolute;inset:0;animation:spin 24s linear infinite reverse}
.bl{position:absolute;border-radius:50%}
.bl.p{left:-10%;top:0;width:86%;height:86%;background:radial-gradient(closest-side,#7F8FFF,rgba(127,143,255,0))}
.bl.t{left:34%;top:-4%;width:80%;height:80%;background:radial-gradient(closest-side,#4DF0C8,rgba(77,240,200,0))}
.bl.k{left:8%;top:36%;width:88%;height:88%;background:radial-gradient(closest-side,#FF86C8,rgba(255,134,200,0))}
.bl.w{left:30%;top:28%;width:34%;height:34%;background:radial-gradient(closest-side,rgba(255,255,255,.85),rgba(255,255,255,0))}
.halo .bl.p{width:78%;height:78%}
.halo .bl.t{width:70%;height:70%}
.halo .bl.k{width:80%;height:80%}
.float{animation:float 8s ease-in-out infinite alternate}
@keyframes orbIn{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{from{opacity:.4}to{opacity:.7}}
@keyframes float{from{transform:translateY(6px)}to{transform:translateY(-10px)}}
.pt{position:absolute;border-radius:50%;z-index:2;opacity:0;animation:tw var(--t) ease-in-out var(--dl) infinite alternate}
@keyframes tw{from{opacity:.05}to{opacity:var(--o)}}
.hero{height:100vh;min-height:600px}
.h1{margin:0;font-size:clamp(34px,8vh,76px);font-weight:600;letter-spacing:-.05em;line-height:1}
.cue{position:absolute;left:0;right:0;bottom:44px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:12px}
.cue i{display:block;width:1px;height:38px;background:linear-gradient(var(--mut),transparent);transform-origin:top;animation:cue 2.4s var(--e2) infinite}
@keyframes cue{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
.mani{height:100vh;min-height:560px;justify-content:center}
.mglow{position:absolute;left:50%;top:50%;width:1100px;height:620px;margin:-310px 0 0 -550px;background:radial-gradient(closest-side,rgba(127,143,255,.2),rgba(127,143,255,0));animation:breathe 7s ease-in-out infinite alternate}
.mt{font-size:clamp(40px,6.8vw,112px);font-weight:600;letter-spacing:-.055em;line-height:1}
.mtag{position:absolute;top:96px;left:0;right:0;text-align:center;z-index:3}
.disc{height:auto;padding:132px 0 120px}
.blob{position:absolute;border-radius:50%}
.b1{left:-120px;top:120px;width:900px;height:900px;background:radial-gradient(closest-side,rgba(127,143,255,.6),rgba(127,143,255,0));animation:d1 8s ease-in-out infinite alternate}
.b2{left:760px;top:-80px;width:800px;height:800px;background:radial-gradient(closest-side,rgba(77,240,200,.4),rgba(77,240,200,0));animation:d2 9s ease-in-out infinite alternate}
.b3{left:420px;top:480px;width:900px;height:760px;background:radial-gradient(closest-side,rgba(255,134,200,.48),rgba(255,134,200,0));animation:d3 7s ease-in-out infinite alternate}
@keyframes d1{to{transform:translate3d(80px,40px,0)}}
@keyframes d2{to{transform:translate3d(-60px,70px,0)}}
@keyframes d3{to{transform:translate3d(50px,-60px,0)}}
.dh{margin:0;font-size:64px;font-weight:600;letter-spacing:-.045em;line-height:1}
.cards{position:relative;width:100%;margin-top:64px;padding:0 48px;display:flex;justify-content:center;gap:24px;perspective:1800px;z-index:3}
.cw{flex:1 1 0;min-width:0;max-width:372px;height:600px;animation:cardIn 1.4s var(--e1) var(--cd) both}
@keyframes cardIn{from{opacity:0;transform:translate3d(0,90px,-420px) rotateY(var(--ry))}to{opacity:1;transform:none}}
.card{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;text-align:left;
 background:linear-gradient(150deg,rgba(255,255,255,.22),rgba(255,255,255,.07) 45%,rgba(255,255,255,.12));
 border:1px solid rgba(255,255,255,.22);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.06),0 50px 120px -40px rgba(0,0,0,.85);
 -webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);
 animation:cfl var(--fl) ease-in-out calc(var(--cd) + 1.4s) infinite alternate}
@keyframes cfl{from{transform:translateY(5px)}to{transform:translateY(-7px)}}
.card::after{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.24) 50%,rgba(255,255,255,0) 58%);pointer-events:none;animation:sheen 1.5s var(--e2) calc(var(--cd) + .6s) both}
@keyframes sheen{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
.cin{position:absolute;inset:0;padding:34px 34px}
.ctop{display:flex;justify-content:space-between;align-items:center;font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,245,247,.62)}
.ctop i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}
.viz{position:absolute;left:26px;right:26px;bottom:26px;height:250px;padding:20px;border-radius:24px;overflow:hidden;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.09);animation:fadeIn .7s ease calc(var(--cd) + .6s) both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.gx{transform-origin:left center;animation:growX .9s var(--e1) calc(var(--cd) + var(--o)) both}
@keyframes growX{from{transform:scaleX(0)}to{transform:none}}
@keyframes growY{from{transform:scaleY(0)}to{transform:none}}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.lg{display:block;flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--peri) 50%,var(--pink))}
.nl{display:block;height:6px;width:36px;border-radius:3px;background:rgba(255,255,255,.22)}
.sp{flex:1}
.v1 .nav{display:flex;align-items:center;gap:10px}
.v1 .h{height:18px;border-radius:9px;background:rgba(245,245,247,.92);margin-top:11px}
.v1 .h.first{margin-top:24px}
.v1 .pl{height:8px;border-radius:4px;background:rgba(255,255,255,.25);margin-top:10px}
.v1 .row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}
.v1 .btn{display:block;width:104px;height:34px;border-radius:17px;background:linear-gradient(90deg,var(--peri),var(--pink));animation:pop .7s var(--e3) calc(var(--cd) + 1.4s) both}
.v1 .img{display:block;width:120px;height:68px;border-radius:14px;background:radial-gradient(circle at 30% 30%,var(--teal),rgba(77,240,200,0) 60%),radial-gradient(circle at 75% 70%,var(--pink),rgba(255,134,200,0) 60%),#1A1A2A;animation:pop .8s var(--e3) calc(var(--cd) + 1.5s) both}
.v2{display:flex;gap:16px}
.sb{width:58px;display:flex;flex-direction:column;gap:12px;padding-top:4px}
.sb span{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.2)}
.sb span:first-child{background:linear-gradient(90deg,var(--peri),var(--pink))}
.mn{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}
.bars{height:104px;display:flex;align-items:flex-end;gap:7px}
.bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7F8FFF,rgba(127,143,255,.2));transform-origin:bottom;animation:growY .9s var(--e1) calc(var(--cd) + var(--o)) both}
.bars i:nth-child(n+5){background:linear-gradient(180deg,#4DF0C8,rgba(77,240,200,.18))}
.rw{display:flex;align-items:center;justify-content:space-between}
.rw span{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.2)}
.tg{width:28px;height:16px;border-radius:8px;background:rgba(255,255,255,.14);position:relative}
.tg::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transform:translateX(0);animation:tgl .5s var(--e3) calc(var(--cd) + var(--o)) both}
.tg.on2{background:rgba(77,240,200,.5)}
@keyframes tgl{from{transform:translateX(0)}to{transform:translateX(12px)}}
.bub{position:absolute;white-space:nowrap;padding:12px 15px;border-radius:19px;font-size:15px;line-height:1.35}
.bub.u{right:18px;top:18px;background:var(--peri);color:#0B0B14;font-weight:500;border-bottom-right-radius:6px;transform-origin:right bottom;animation:pop .6s var(--e3) calc(var(--cd) + .9s) both}
.bub.ty{left:18px;top:84px;display:flex;gap:6px;padding:15px 16px;background:rgba(255,255,255,.1);border-bottom-left-radius:6px;transform-origin:left bottom;animation:pop .35s var(--e3) calc(var(--cd) + 1.6s) both,gone .2s ease calc(var(--cd) + 2.6s) forwards}
.bub.ty i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.75);animation:tyd 1s ease-in-out infinite}
.bub.ty i:nth-child(2){animation-delay:.15s}
.bub.ty i:nth-child(3){animation-delay:.3s}
.bub.ans{left:18px;top:84px;background:rgba(255,255,255,.1);border-bottom-left-radius:6px;transform-origin:left bottom;animation:pop .4s var(--e3) calc(var(--cd) + 2.6s) both}
.bub.ans span{display:block;animation:typ 1.2s steps(30,end) calc(var(--cd) + 2.75s) both}
.chp{position:absolute;left:18px;top:148px;display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(77,240,200,.35);background:rgba(77,240,200,.08);font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--teal);animation:fadeUp .6s var(--e1) calc(var(--cd) + 4s) both}
@keyframes tyd{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
@keyframes gone{to{opacity:0;transform:scale(.6)}}
@keyframes typ{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.kv{height:100vh;min-height:620px;justify-content:center}
.kvg{position:absolute;left:50%;bottom:-60px;width:1300px;height:420px;margin-left:-650px;background:radial-gradient(closest-side,rgba(127,143,255,.32),rgba(127,143,255,0));animation:breathe 7s ease-in-out infinite alternate}
.s4t{font-size:clamp(40px,8vh,96px);font-weight:500;letter-spacing:-.045em;line-height:1}
.slot{height:1.16em;overflow:hidden;font-size:clamp(76px,19vh,184px);font-weight:600;letter-spacing:-.055em;line-height:1.16;white-space:nowrap;margin-top:.02em}
.roll{animation:roll 11s infinite .9s both}
.roll div{height:1.16em;text-align:center}
@keyframes roll{0%,16%{transform:translateY(0);animation-timing-function:cubic-bezier(.7,0,.2,1)}
 25%,41%{transform:translateY(-1.16em);animation-timing-function:cubic-bezier(.7,0,.2,1)}
 50%,66%{transform:translateY(-2.32em);animation-timing-function:cubic-bezier(.7,0,.2,1)}
 75%,91%{transform:translateY(-3.48em);animation-timing-function:cubic-bezier(.7,0,.2,1)}
 100%{transform:translateY(-4.64em)}}
.mq{position:relative;z-index:3;width:min(1040px,calc(100% - 96px));height:76px;margin-top:clamp(28px,7vh,72px);border-radius:38px;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.2),rgba(255,255,255,.06) 45%,rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.34);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.mqt{display:flex;align-items:center;width:max-content;height:100%;animation:mqa 30s linear infinite}
.mqt span{display:flex;align-items:center;gap:34px;padding-right:34px;font-family:'Geist Mono',monospace;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--fg);white-space:nowrap}
.mqt span i{display:block;width:6px;height:6px;border-radius:50%;background:var(--peri);box-shadow:0 0 10px var(--peri)}
@keyframes mqa{to{transform:translateX(-50%)}}
.proc{height:100vh;min-height:680px;justify-content:center}
.pglow{position:absolute;left:46%;top:12%;width:960px;height:760px;background:radial-gradient(closest-side at 40% 45%,rgba(127,143,255,.38),rgba(127,143,255,0)),radial-gradient(closest-side at 78% 72%,rgba(255,134,200,.28),rgba(255,134,200,0));animation:breathe 8s ease-in-out infinite alternate}
.pgrid{position:relative;z-index:3;width:100%;max-width:1320px;padding:0 64px;display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center;text-align:left}
.ph2{margin:18px 0 0;font-size:clamp(44px,9.4vh,86px);font-weight:600;letter-spacing:-.05em;line-height:1.04}
.trk{position:relative;height:2px;border-radius:1px;background:rgba(255,255,255,.14);margin-top:clamp(40px,8vh,72px);max-width:520px}
.tf{position:absolute;inset:0;border-radius:1px;background:linear-gradient(90deg,var(--peri),var(--teal),var(--pink));transform-origin:left center;animation:growX 3s linear .8s both}
.nd{position:absolute;top:-6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#000}
.nd i{position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--c));box-shadow:0 0 14px var(--c);animation:pop .5s var(--e3) var(--lt) both}
.lb{position:absolute;top:28px;white-space:nowrap;font-size:20px;font-weight:500;letter-spacing:-.02em;animation:fadeUp .6s var(--e1) var(--lt) both}
.lb b{display:block;margin-bottom:6px;font-family:'Geist Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.2em;color:var(--mut)}
.lb em{display:none;margin-top:4px;font-style:normal;font-size:14px;font-weight:400;letter-spacing:0;color:var(--mut)}
.win{position:relative;height:clamp(400px,58vh,520px);border-radius:26px;overflow:hidden;text-align:left;background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 45%,rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 60px 140px -40px rgba(0,0,0,.9),0 0 120px -30px rgba(127,143,255,.4);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);animation:winIn 1.3s var(--e1) .4s both}
@keyframes winIn{from{opacity:0;transform:translate3d(0,50px,-200px) rotateY(-10deg)}to{opacity:1;transform:none}}
.wbar{display:flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.wbar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.wbar span{margin-left:14px;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.wb{padding:26px 28px;display:flex;flex-direction:column;gap:18px}
.st{animation:fadeUp .9s var(--e1) var(--sd) both}
.wnav{display:flex;align-items:center;gap:12px}
.wh{height:24px;border-radius:12px;background:rgba(245,245,247,.92);margin-top:10px;transform-origin:left center;animation:growX .9s var(--e1) var(--sd) both}
.wp{height:9px;border-radius:5px;background:rgba(255,255,255,.25);margin-top:10px;transform-origin:left center;animation:growX .9s var(--e1) var(--sd) both}
.wbtn{display:block;width:130px;height:40px;border-radius:20px;background:linear-gradient(90deg,var(--peri),var(--pink));margin-top:18px;animation:pop .7s var(--e3) var(--sd) both}
.wimg{height:120px;border-radius:16px;background:radial-gradient(circle at 25% 30%,var(--teal),rgba(77,240,200,0) 55%),radial-gradient(circle at 78% 70%,var(--pink),rgba(255,134,200,0) 55%),#16162A}
.wrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wrow i{display:block;height:58px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08)}
.live{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid rgba(77,240,200,.4);background:rgba(77,240,200,.1);font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);animation:fadeUp .7s var(--e1) var(--sd) both}
.live i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}
.cont{height:100vh;min-height:640px;justify-content:center}
.hz{position:absolute;left:50%;top:calc(100% - 230px);width:2600px;height:2600px;margin-left:-1300px;border-radius:50%;background:#000;z-index:2;border-top:1px solid rgba(170,181,255,.95);box-shadow:0 -3px 12px rgba(127,143,255,.75),0 -30px 90px rgba(127,143,255,.4),inset 0 24px 70px -20px rgba(127,143,255,.45)}
.hzg{position:absolute;left:50%;bottom:130px;width:1800px;height:560px;margin-left:-900px;z-index:1;background:radial-gradient(closest-side,rgba(127,143,255,.4),rgba(127,143,255,.12) 55%,rgba(127,143,255,0));animation:breathe 6s ease-in-out infinite alternate}
.ct{margin:0;font-size:clamp(64px,19vh,184px);font-weight:600;letter-spacing:-.055em;line-height:1}
.cwrap{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;margin-top:-40px}
.csub{margin:44px 0 0;font-size:clamp(17px,2.4vh,21px);line-height:1.4;color:var(--mut)}
.big{display:inline-flex;align-items:center;justify-content:center;min-height:64px;margin-top:clamp(24px,5vh,44px);padding:0 44px;border-radius:999px;font-size:18px;font-weight:500;color:var(--fg);background:linear-gradient(150deg,rgba(255,255,255,.24),rgba(255,255,255,.07) 45%,rgba(255,255,255,.13));border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 30px 80px -30px rgba(127,143,255,.7);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.cmail{margin-top:22px;font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.18em;color:var(--mut)}
.cfoot{position:absolute;left:0;right:0;bottom:28px;z-index:5;text-align:center;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.2em;color:var(--dim)}
@media (min-height:1200px){
 .kv,.proc,.cont{height:900px}
}
@media (max-width:1020px){
 .pgrid{grid-template-columns:1fr;gap:48px;padding:0 32px;max-width:640px}
 .proc{height:auto;padding:100px 0}
}
@media (min-height:1200px){
 .hero,.mani{height:900px}
 .orb{margin-top:92px}
}
@media (max-width:1020px){
 .cards{flex-direction:column;align-items:center}
 .cw{flex:none;width:100%;max-width:420px;height:560px}
}
@media (max-width:700px){
 .kv{height:620px;min-height:0}
 .s4t{font-size:34px}
 .slot{font-size:64px}
 .mq{width:calc(100% - 32px);height:60px;margin-top:40px}
 .mqt span{font-size:12px}
 .proc{padding:72px 0}
 .pgrid{padding:0 16px;gap:36px}
 .ph2{font-size:42px}
 .trk{margin-top:44px}
 .lb{font-size:14px}
 .csub{padding:0 28px}
 .lb em{display:none}
 .win{height:420px}
 .wb{padding:18px}
 .cont{height:640px;min-height:0}
 .ct{font-size:46px}
 .hz{top:calc(100% - 170px)}
 .big{padding:0 32px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}

/* mobilni meni (dodato uz dizajn: dugme je ranije bilo bez funkcije) */
.mnav{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;justify-content:center;padding:96px 32px 48px;background:rgba(0,0,0,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .3s var(--e1),visibility 0s linear .3s}
.mnav a:not(.mn-cta){display:flex;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.08);font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.1;color:var(--fg)}
.mnav a:nth-child(4){border-bottom:1px solid rgba(255,255,255,.1)}
.mnav a.nav-cur,.mnav a:active{color:#C6CCFA}
.mnav .mn-cta{display:flex;width:100%;min-height:52px;margin-top:32px;padding:0 24px;font-size:15px;font-weight:500;letter-spacing:0;color:#fff;border:1px solid rgba(255,255,255,.28);background:linear-gradient(100deg,rgba(127,143,255,.55),rgba(255,134,200,.45))}
.mnav a{opacity:0;transform:translateY(14px);transition:opacity .45s var(--e1),transform .45s var(--e1)}
.menu-open .mnav a{opacity:1;transform:none}
.menu-open .mnav a:nth-child(1){transition-delay:.05s}.menu-open .mnav a:nth-child(2){transition-delay:.1s}.menu-open .mnav a:nth-child(3){transition-delay:.15s}.menu-open .mnav a:nth-child(4){transition-delay:.2s}.menu-open .mnav a:nth-child(5){transition-delay:.28s}
.menu svg path{transform-box:fill-box;transform-origin:center;transition:transform .3s var(--e1)}
.menu-open .menu svg path:first-child{transform:translateY(4px) rotate(45deg)}
.menu-open .menu svg path:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu-open .mnav{opacity:1;visibility:visible;transition-delay:0s}
.menu-open{overflow:hidden}
.menu-open .hdr{z-index:11}
@media (min-width:701px){.mnav{display:none}}
.nav-cur{color:var(--fg) !important}
/* pokretanje po elementu u dugim sekcijama (vidi js/site.js) */
.sec.units:not(.on) .u-on,.sec.units:not(.on) .u-on *,.sec.units:not(.on) .u-on *::after,.sec.units:not(.on) .u-on::after{animation-play-state:running !important}
.sec.units.amb:not(.on) .pt,.sec.units.amb:not(.on) .blob,.sec.units.amb:not(.on) .mglow{animation-play-state:running !important}
/* telefon: manje čestica i lakše zamućenje (isti izgled, manje posla za grafiku) */
@media (max-width:700px){
 .pt:nth-of-type(n+14){display:none}
 .card,.win,.mq{-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}
}
/* pomoćni tekst samo za čitače ekrana */
.sro{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Zajednički footer */
.ftr{position:relative;z-index:3;width:100%;margin-top:0;padding:72px 0 calc(40px + env(safe-area-inset-bottom,0px));text-align:left;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 60%);font-size:15px;color:rgba(245,245,247,.62)}
.ftr-in{width:min(1240px,calc(100% - 128px));margin:0 auto}
.ftr-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.ftr-brand p{max-width:300px;margin:14px 0 0;line-height:1.5}
.ftr-h{margin:0 0 14px;font:400 12px/1.4 'Geist Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,245,247,.5)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ftr a{color:var(--fg);text-decoration:none;transition:color .2s}
.ftr a:hover{text-decoration:underline;text-underline-offset:3px}
.ftr a:focus-visible{outline:none;border-radius:6px;box-shadow:0 0 0 3px rgba(127,143,255,.6)}
.ftr-cta{display:inline-flex;align-items:center;min-height:40px;margin-top:6px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(150deg,rgba(255,255,255,.18),rgba(255,255,255,.05))}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(245,245,247,.5)}
.ftr-bottom a{color:inherit}
.ftr-dom{font-family:'Geist Mono',monospace;letter-spacing:.1em}
@media (max-width:1020px){.ftr-in{width:calc(100% - 64px)}.ftr-top{grid-template-columns:1fr 1fr}.ftr-brand{grid-column:1/-1}}
@media (max-width:700px){.ftr{padding-top:56px}.ftr-in{width:calc(100% - 32px)}.ftr-top{grid-template-columns:1fr;gap:32px}.ftr-bottom{margin-top:40px}}
/* Kartice ispod prvog ekrana: lagan ulaz (pomeraj + providnost) umesto 3D skoka iz dubine, bez zastajkivanja pri skrolu */
@keyframes cardInSoft{from{opacity:0;transform:translate3d(0,36px,0) scale(.97)}to{opacity:1;transform:none}}
.sec:not(.hero) .cw,.sec:not(.hero) .cw2{animation-name:cardInSoft;animation-timing-function:cubic-bezier(.22,.9,.25,1)}
/* ==== ubrzanje animacija ulaska (generisano: nemojte menjati ručno) ==== */
/* prvi ekran: kašnjenja ×0.55, ostale sekcije ×0.4 */
.sec.hero .bars i{animation-delay:calc((calc(var(--cd) + var(--o)))*0.55)}
.sec.hero .big1{animation-delay:calc((calc(var(--cd) + .8s))*0.55)}
.sec.hero .bub.ans{animation-delay:calc((calc(var(--cd) + 2.6s))*0.55)}
.sec.hero .bub.u{animation-delay:calc((calc(var(--cd) + .9s))*0.55)}
.sec.hero .cal i.sel{animation-delay:calc((calc(var(--cd) + 1.4s))*0.55)}
.sec.hero .card::after{animation-delay:calc((calc(var(--cd) + .6s))*0.55)}
.sec.hero .ch{animation-delay:calc((calc(var(--d,0s) + var(--i,0)*32ms))*0.55);animation-duration:.72s}
.sec.hero .chp{animation-delay:calc((calc(var(--cd) + 4s))*0.55)}
.sec.hero .cw{animation-delay:calc((var(--cd))*0.55);animation-duration:1.05s}
.sec.hero .cw2{animation-delay:calc((var(--cd))*0.55);animation-duration:1.05s}
.sec.hero .fade{animation-delay:calc((var(--d,0s))*0.55);animation-duration:.7s}
.sec.hero .fc{animation-delay:calc((var(--d))*0.55)}
.sec.hero .gx{animation-delay:calc((calc(var(--cd) + var(--o)))*0.55)}
.sec.hero .kc{animation-delay:calc((var(--d))*0.55)}
.sec.hero .live{animation-delay:calc((var(--sd))*0.55)}
.sec.hero .mc{animation-delay:calc((var(--d))*0.55)}
.sec.hero .nd i{animation-delay:calc((var(--lt))*0.55)}
.sec.hero .orbm{animation-delay:calc((calc(var(--cd) + .7s))*0.55)}
.sec.hero .pg i{animation-delay:calc((calc(var(--cd) + var(--o)))*0.55)}
.sec.hero .st{animation-delay:calc((var(--sd))*0.55)}
.sec.hero .tg::after{animation-delay:calc((calc(var(--cd) + var(--o)))*0.55)}
.sec.hero .v1 .btn{animation-delay:calc((calc(var(--cd) + 1.4s))*0.55)}
.sec.hero .viz{animation-delay:calc((calc(var(--cd) + .6s))*0.55)}
.sec.hero .wbtn{animation-delay:calc((var(--sd))*0.55)}
.sec.hero .wh{animation-delay:calc((var(--sd))*0.55)}
.sec:not(.hero) .bars i{animation-delay:calc((calc(var(--cd) + var(--o)))*0.4)}
.sec:not(.hero) .big1{animation-delay:calc((calc(var(--cd) + .8s))*0.4)}
.sec:not(.hero) .bub.ans{animation-delay:calc((calc(var(--cd) + 2.6s))*0.4)}
.sec:not(.hero) .bub.u{animation-delay:calc((calc(var(--cd) + .9s))*0.4)}
.sec:not(.hero) .cal i.sel{animation-delay:calc((calc(var(--cd) + 1.4s))*0.4)}
.sec:not(.hero) .card::after{animation-delay:calc((calc(var(--cd) + .6s))*0.4)}
.sec:not(.hero) .ch{animation-delay:calc((calc(var(--d,0s) + var(--i,0)*32ms))*0.4);animation-duration:.72s}
.sec:not(.hero) .chp{animation-delay:calc((calc(var(--cd) + 4s))*0.4)}
.sec:not(.hero) .cw{animation-delay:calc((var(--cd))*0.4);animation-duration:1.05s}
.sec:not(.hero) .cw2{animation-delay:calc((var(--cd))*0.4);animation-duration:1.05s}
.sec:not(.hero) .fade{animation-delay:calc((var(--d,0s))*0.4);animation-duration:.7s}
.sec:not(.hero) .fc{animation-delay:calc((var(--d))*0.4)}
.sec:not(.hero) .gx{animation-delay:calc((calc(var(--cd) + var(--o)))*0.4)}
.sec:not(.hero) .kc{animation-delay:calc((var(--d))*0.4)}
.sec:not(.hero) .live{animation-delay:calc((var(--sd))*0.4)}
.sec:not(.hero) .mc{animation-delay:calc((var(--d))*0.4)}
.sec:not(.hero) .nd i{animation-delay:calc((var(--lt))*0.4)}
.sec:not(.hero) .orbm{animation-delay:calc((calc(var(--cd) + .7s))*0.4)}
.sec:not(.hero) .pg i{animation-delay:calc((calc(var(--cd) + var(--o)))*0.4)}
.sec:not(.hero) .st{animation-delay:calc((var(--sd))*0.4)}
.sec:not(.hero) .tg::after{animation-delay:calc((calc(var(--cd) + var(--o)))*0.4)}
.sec:not(.hero) .v1 .btn{animation-delay:calc((calc(var(--cd) + 1.4s))*0.4)}
.sec:not(.hero) .viz{animation-delay:calc((calc(var(--cd) + .6s))*0.4)}
.sec:not(.hero) .wbtn{animation-delay:calc((var(--sd))*0.4)}
.sec:not(.hero) .wh{animation-delay:calc((var(--sd))*0.4)}
/* ==== kraj ubrzanja ==== */

/* Završna sekcija (kontakt) je ista na svim stranicama */
.ucta{height:760px;justify-content:center}
.ucta .ct{font-size:clamp(56px,8.6vw,124px);line-height:1.02}
.ucta .ct.ct-long{font-size:clamp(40px,6.2vw,92px)}
@media (max-width:700px){.ucta{height:720px}.ucta .ct{font-size:46px}.ucta .ct.ct-long{font-size:36px}}
/* Lakše skrolovanje: bez zamućenja pozadine na velikim pločama koje stoje preko animiranih sjaja */
.win,.mq,.big{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.win{background:rgba(18,18,24,.92)}
.mq{background:rgba(18,18,24,.85)}
.sec:not(.amb) .hzg{animation-play-state:paused}
.ucta .csub{max-width:620px;padding:0 24px;margin-left:auto;margin-right:auto}