:root{
  --ink:#16132e; --ink2:#2a2552; --muted:rgba(22,19,46,.62); --line:rgba(22,19,46,.12);
  --white:#fff; --soft:#faf9ff; --tint:#f3f0ff;
  --coral:#ff6a4d; --sun:#ffc24b; --mint:#35cda0; --sky:#4c9bff; --violet:#6d4aff; --pink:#ff8db3;
  --coral-t:#ffe4dd; --sun-t:#fff0cc; --mint-t:#d7f6ea; --sky-t:#dbeaff; --violet-t:#e6deff; --pink-t:#ffe1ec;
  --ease:cubic-bezier(.16,1,.3,1);
  --f:'Inter Tight',system-ui,sans-serif; --m:'JetBrains Mono',ui-monospace,monospace;
  --pad:clamp(20px,4vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:var(--f);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.45}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
::selection{background:var(--violet);color:#fff}
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--pad)}
.mono{font-family:var(--m)} .tiny{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
main,footer{position:relative;z-index:2}

/* 3D layers */
#stage{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.4s ease .2s}
body.is-ready #stage{opacity:1}
#roam{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.9}
.bubble{position:fixed;left:0;top:0;z-index:80;pointer-events:none;max-width:230px;padding:12px 16px;border-radius:18px 18px 18px 6px;background:#fff;color:var(--ink);font-size:14px;line-height:1.35;font-weight:500;letter-spacing:-.01em;box-shadow:0 14px 40px -10px rgba(22,19,46,.28),0 0 0 1.5px var(--bc,var(--violet));opacity:0;scale:.8;transform-origin:bottom center;transition:opacity .25s,scale .45s var(--ease);will-change:transform}
.bubble.show{opacity:1;scale:1}
.bubble span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bc,var(--violet));margin-right:8px;vertical-align:1px}

/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:90;pointer-events:none;display:none}
.cursor span{display:block;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid var(--violet);background:rgba(109,74,255,.08);opacity:0;transition:transform .35s var(--ease),background .3s,border-color .3s,opacity .3s}
.cursor.on span{opacity:1}
.cursor.is-link span{transform:scale(1.6);background:rgba(109,74,255,.14)}
body.on-creature .cursor span{transform:scale(1.7);border-color:var(--coral);background:rgba(255,106,77,.15)}
@media(hover:hover) and (pointer:fine){.cursor{display:block}}

/* loader */
.loader{position:fixed;inset:0;z-index:100;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.loader__word{font-size:clamp(40px,8.5vw,120px);font-weight:600;letter-spacing:-.05em;display:flex;overflow:hidden;line-height:1.05}
.loader__word span{display:inline-block;transform:translateY(110%)}
.loader__word span:nth-child(1){color:var(--coral)}.loader__word span:nth-child(2){color:var(--sun)}.loader__word span:nth-child(3){color:var(--mint)}.loader__word span:nth-child(4){color:var(--sky)}.loader__word span:nth-child(5){color:var(--violet)}.loader__word span:nth-child(6){color:var(--pink)}.loader__word span:nth-child(7){color:var(--coral)}.loader__word span:nth-child(8){color:var(--sun)}.loader__word span:nth-child(9){color:var(--mint)}
.loader__count{font-family:var(--m);font-size:13px;letter-spacing:.1em;color:var(--muted)}
.loader__count i{font-style:normal}
.loader__bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--tint)}
.loader__bar span{display:block;height:100%;background:var(--violet);transform:scaleX(0);transform-origin:left}

/* nav */
.nav{position:fixed;top:14px;left:0;right:0;margin:0 auto;z-index:50;width:min(1240px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 20px;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--line);box-shadow:0 10px 30px -18px rgba(22,19,46,.25);transition:translate .6s var(--ease),background .4s,color .4s}
.nav.is-hidden{translate:0 -160%}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:20px;letter-spacing:-.03em}
.logo svg{animation:spin 18s linear infinite;color:var(--violet)}
@keyframes spin{to{transform:rotate(360deg)}}
.nav__links{display:flex;gap:4px}
.nav__links a{padding:8px 16px;border-radius:99px;font-size:14px;color:var(--muted);transition:color .3s,background .3s}
.nav__links a:hover,.nav__links a.is-cur{color:var(--ink);background:var(--tint)}
.nav__right{display:flex;align-items:center;gap:14px}
.nav__sec{font-size:14px;color:var(--muted)}.nav__sec:hover{color:var(--ink)}
.nav__toggle{display:none;width:42px;height:42px;border-radius:50%;position:relative;border:1px solid var(--line)}
.nav__toggle i{position:absolute;left:12px;right:12px;height:1.6px;background:currentColor;transition:transform .5s var(--ease),top .5s var(--ease)}
.nav__toggle i:nth-child(1){top:17px}.nav__toggle i:nth-child(2){top:24px}
body.menu-open .nav__toggle i:nth-child(1){top:20px;transform:rotate(45deg)}body.menu-open .nav__toggle i:nth-child(2){top:20px;transform:rotate(-45deg)}
.btn .m{display:none}

/* menu */
.menu{position:fixed;inset:0;z-index:45;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 var(--pad);clip-path:circle(0 at calc(100% - 40px) 36px);visibility:hidden;transition:clip-path .8s var(--ease),visibility 0s .8s}
.menu.open{clip-path:circle(150% at calc(100% - 40px) 36px);visibility:visible;transition:clip-path .8s var(--ease)}
.menu a{font-size:clamp(38px,11vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.1;opacity:0;translate:0 30px;transition:opacity .5s,translate .7s var(--ease)}
.menu.open a{opacity:1;translate:0 0}
.menu a:nth-child(1){color:var(--coral)}.menu a:nth-child(2){color:var(--sun)}.menu a:nth-child(3){color:var(--mint)}.menu a:nth-child(4){color:var(--sky)}.menu a:nth-child(5){color:#fff}.menu a:nth-child(6){color:var(--pink)}
.menu.open a:nth-child(2){transition-delay:.06s}.menu.open a:nth-child(3){transition-delay:.12s}.menu.open a:nth-child(4){transition-delay:.18s}.menu.open a:nth-child(5){transition-delay:.24s}.menu.open a:nth-child(6){transition-delay:.3s}
body.menu-open .nav{background:rgba(22,19,46,.4);color:#fff;border-color:rgba(255,255,255,.2)}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;border-radius:999px;font-weight:500;overflow:hidden;isolation:isolate;transition:box-shadow .5s,color .4s}
.btn--sm{padding:11px 20px;font-size:14px}.btn--lg{padding:20px 30px;font-size:16px}
.btn--dark{background:var(--violet);color:#fff;box-shadow:0 14px 30px -14px rgba(109,74,255,.7)}
.btn--ghost{border:1.5px solid var(--ink);color:var(--ink);background:rgba(255,255,255,.6)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(101%);transition:transform .55s var(--ease)}
.btn--dark::before{background:var(--ink)}.btn--ghost::before{background:var(--ink)}
.btn:hover::before{transform:translateY(0)}.btn--ghost:hover{color:#fff}
.arr{font-style:normal;display:inline-block;transition:transform .5s var(--ease)}.btn:hover .arr{transform:translateX(6px)}

/* type */
.eyebrow{font-family:var(--m);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dot,var(--violet));flex:none}
.big{font-size:clamp(34px,5.4vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.02;max-width:18ch}
.mega{font-size:clamp(44px,9vw,150px);font-weight:500;letter-spacing:-.055em;line-height:.95}
.huge{font-size:clamp(36px,6.6vw,108px);font-weight:500;letter-spacing:-.05em;line-height:1;max-width:16ch}
.lead{font-size:clamp(17px,1.5vw,22px);line-height:1.5;max-width:46ch}
.lead--dim{color:var(--muted)}
.closing{font-size:clamp(20px,2.2vw,32px);letter-spacing:-.03em;line-height:1.2;max-width:34ch;margin-top:56px}
section{position:relative;padding:clamp(90px,14vw,190px) 0}
.sec-head{margin-bottom:clamp(40px,6vw,90px)}
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em;padding-right:.04em}
.wi{display:inline-block;will-change:transform}
.wm.hl .wi{background:none}
.scrub-words .w{display:inline-block;opacity:.14}
.reveal-fade,.reveal-up{opacity:0}

/* HERO */
.hero{min-height:100svh;display:flex;align-items:center;padding:130px 0 70px;overflow:visible}
.hero__inner{width:100%;position:relative;z-index:3}
.hero__title{font-size:clamp(44px,6.4vw,112px);font-weight:500;letter-spacing:-.055em;line-height:.95;max-width:7.4em;margin-bottom:clamp(30px,4vw,56px)}
.hero__row{display:flex;flex-direction:column;gap:30px;max-width:620px}
.hero__sub{font-size:clamp(16px,1.35vw,20px);line-height:1.5;color:var(--muted)}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hero__micro{margin-top:40px;font-family:var(--m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(53,205,160,.5);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(53,205,160,0)}100%{box-shadow:0 0 0 0 rgba(53,205,160,0)}}
.hero__stage{position:absolute;right:1vw;top:50%;width:48vw;height:min(78vh,660px);translate:0 -46%;pointer-events:none}
.stage__cap{position:absolute;right:var(--pad);bottom:34px;z-index:3;display:flex;align-items:center;gap:14px;padding:10px 16px 10px 14px;border-radius:99px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:13px;max-width:min(440px,46vw)}
.stage__dots{display:flex;gap:5px}.stage__dots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:all .4s var(--ease)}
.stage__dots i.on{width:20px;border-radius:5px}
.stage__dots i:nth-child(1).on{background:var(--coral)}.stage__dots i:nth-child(2).on{background:var(--sun)}.stage__dots i:nth-child(3).on{background:var(--mint)}.stage__dots i:nth-child(4).on{background:var(--sky)}.stage__dots i:nth-child(5).on{background:var(--violet)}
#capText{transition:opacity .22s,translate .3s var(--ease);color:var(--ink)}#capText.swap{opacity:0;translate:0 6px}

/* marquee */
.marquee{padding:22px 0;overflow:hidden;background:var(--ink);color:#fff}
.marquee__track{display:flex;gap:44px;width:max-content;font-size:clamp(26px,3.6vw,50px);font-weight:500;letter-spacing:-.04em;align-items:center;white-space:nowrap;will-change:transform}
.marquee__track i{font-style:normal;font-size:.5em}
.marquee__track i:nth-of-type(5n+1){color:var(--coral)}.marquee__track i:nth-of-type(5n+2){color:var(--sun)}.marquee__track i:nth-of-type(5n+3){color:var(--mint)}.marquee__track i:nth-of-type(5n+4){color:var(--sky)}.marquee__track i:nth-of-type(5n){color:var(--pink)}

/* problem */
.problem__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,100px);margin-top:clamp(50px,8vw,120px)}

/* caps */
.caps__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{position:relative;border-radius:32px;padding:clamp(26px,3vw,44px);min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transform-style:preserve-3d;transition:box-shadow .5s;color:var(--ink)}
.card--c1{background:var(--sun-t)}.card--c2{background:var(--sky-t)}.card--c3{background:var(--mint-t)}.card--c4{background:var(--pink-t)}
.card__n{position:absolute;top:30px;left:clamp(26px,3vw,44px);font-family:var(--m);font-size:12px;letter-spacing:.14em;opacity:.55}
.card h3{font-size:clamp(26px,2.6vw,38px);font-weight:500;letter-spacing:-.04em;margin-bottom:14px;line-height:1.05}
.card p{max-width:38ch;color:rgba(22,19,46,.72);line-height:1.5}
.card__art{position:absolute;top:24px;right:24px;width:48%;max-width:230px;fill:none;stroke:var(--ink);stroke-width:1.5;transform:translateZ(40px)}
.card--c1 .card__art{--a:var(--sun)}.card--c2 .card__art{--a:var(--sky)}.card--c3 .card__art{--a:var(--mint)}.card--c4 .card__art{--a:var(--coral)}
.card__art circle{fill:var(--a);stroke:var(--ink)}
.card__art .ctx circle{transform-box:fill-box;transform-origin:center;animation:bob 3.2s ease-in-out infinite}
.card__art .ctx circle:nth-child(2n){animation-delay:-1s}.card__art .ctx circle:nth-child(3n){animation-delay:-2s}
@keyframes bob{50%{transform:scale(1.35)}}
.card__art .mem rect{stroke-dasharray:6 5;animation:dash 6s linear infinite;fill:rgba(255,255,255,.6)}
@keyframes dash{to{stroke-dashoffset:-110}}
.card__art .rep .dot{fill:var(--ink);animation:travel 2.4s var(--ease) infinite}
@keyframes travel{0%{transform:translateX(0)}100%{transform:translateX(80px)}}
.card__art .auth path{stroke-width:2.6}
.card:hover{box-shadow:0 40px 70px -34px rgba(22,19,46,.4)}
.card::after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.7),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.card:hover::after{opacity:1}

/* how */
.how{padding:0}
.how__pin{height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;gap:clamp(24px,4vh,56px)}
.how__head .big{font-size:clamp(28px,4vw,64px);max-width:22ch}
.how__head .eyebrow{margin-bottom:18px}
.how__track{display:flex;gap:20px;padding:0 var(--pad);width:max-content;will-change:transform}
.step{flex:0 0 clamp(300px,32vw,460px);height:clamp(280px,42vh,380px);border-radius:28px;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:var(--ink)}
.step:nth-child(1){background:var(--sun-t);--a:var(--sun)}.step:nth-child(2){background:var(--sky-t);--a:var(--sky)}.step:nth-child(3){background:var(--mint-t);--a:var(--mint)}.step:nth-child(4){background:var(--coral-t);--a:var(--coral)}
.step__n{font-family:var(--m);font-size:12px;letter-spacing:.14em;opacity:.6}
.step h3{font-size:clamp(38px,4.4vw,64px);font-weight:500;letter-spacing:-.05em;margin:auto 0 12px;line-height:1}
.step p{color:rgba(22,19,46,.72);max-width:30ch}
.step--close{flex:0 0 clamp(300px,34vw,520px);background:var(--violet)!important;color:#fff;justify-content:center}
.step--close .closing{margin:0;font-size:clamp(22px,2.6vw,38px);color:#fff}
.step__viz{position:absolute;right:26px;top:26px;width:110px;height:70px}
.step__viz i{position:absolute;display:block;border-radius:50%;background:var(--a)}
.v-work i{width:12px;height:12px;animation:float 3s ease-in-out infinite}
.v-work i:nth-child(1){left:6px;top:8px}.v-work i:nth-child(2){left:70px;top:0;animation-delay:-.8s}.v-work i:nth-child(3){left:34px;top:48px;animation-delay:-1.6s}.v-work i:nth-child(4){left:96px;top:40px;animation-delay:-2.2s}
@keyframes float{50%{transform:translateY(-10px)}}
.v-ctx i{height:4px;width:100%;border-radius:2px;left:0;transform-origin:left;animation:grow 2.6s var(--ease) infinite}
.v-ctx i:nth-child(1){top:10px}.v-ctx i:nth-child(2){top:30px;animation-delay:-.6s;width:70%}.v-ctx i:nth-child(3){top:50px;animation-delay:-1.2s;width:85%}
@keyframes grow{0%{transform:scaleX(0)}60%,100%{transform:scaleX(1)}}
.v-id i{inset:0;margin:auto;width:56px;height:56px;background:none;border:2px solid var(--a);animation:morph 4s ease-in-out infinite}
@keyframes morph{0%,100%{border-radius:50%}50%{border-radius:14px;transform:rotate(90deg)}}
.v-rep i{width:44px;height:44px;border:2px solid var(--a);background:none;top:12px}
.v-rep i:nth-child(1){left:6px}.v-rep i:nth-child(2){left:52px;background:var(--a);animation:blink 2s infinite}
@keyframes blink{50%{opacity:.25}}
.how__bar{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;height:3px;border-radius:3px;background:var(--tint)}
.how__bar span{display:block;height:100%;background:var(--violet);border-radius:3px;transform:scaleX(0);transform-origin:left}

/* walk */
.walk__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.walk__copy .big{margin-bottom:44px}
.phone{background:var(--ink);color:#fff;border-radius:36px;padding:22px;display:flex;flex-direction:column;gap:14px;min-height:640px;box-shadow:0 60px 100px -50px rgba(22,19,46,.55);transform-style:preserve-3d}
.phone__bar{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.av{width:38px;height:38px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;font-weight:600}
.phone__bar small{display:block;opacity:.55;font-size:12px}
.live{margin-left:auto;font-style:normal;font-family:var(--m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);display:flex;align-items:center;gap:8px}
.live i{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:blink 1.6s infinite}
.msg{padding:16px 18px;border-radius:20px;max-width:88%;font-size:15px;line-height:1.5}
.msg--in{background:rgba(255,255,255,.1);border-bottom-left-radius:6px}
.msg--out{background:var(--violet);color:#fff;align-self:flex-end;border-bottom-right-radius:6px;min-height:92px}
.msg--out .tiny{color:rgba(255,255,255,.7);margin-bottom:8px}
.caret::after{content:"▍";animation:blink 1s infinite;margin-left:1px}
.retrieve{border:1px dashed rgba(255,255,255,.3);border-radius:18px;padding:16px}
.retrieve .tiny{color:var(--sun);margin-bottom:10px}
.retrieve li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:13.5px;border-top:1px solid rgba(255,255,255,.08);text-align:right}
.retrieve li span{opacity:.55;font-family:var(--m);font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding-top:2px;text-align:left}
.review{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.review span{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.2);opacity:.4;transition:all .5s var(--ease)}
.review span i{width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor;transition:all .4s}
.review span.on{opacity:1;border-color:var(--mint);color:var(--mint)}
.review span.on i{background:var(--mint)}
.review span.ready.on{background:var(--mint);color:var(--ink)}.review span.ready.on i{background:var(--ink);border-color:var(--ink)}
[data-step]{opacity:0;transform:translateY(24px)}

/* infra */
.infra__body{margin:36px 0 70px;color:var(--muted)}
.stack{display:flex;flex-direction:column}
.stack__row,.stack__core{border-radius:28px;padding:26px}
.stack__row{border:1.5px dashed rgba(22,19,46,.2);background:#fff}
.stack__label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:14px 22px;border-radius:99px;background:#fff;border:1.5px solid var(--c,var(--ink));font-size:15px;transition:background .4s,color .4s,translate .4s var(--ease)}
.chip:nth-child(1){--c:var(--mint)}.chip:nth-child(2){--c:var(--sky)}.chip:nth-child(3){--c:var(--sun)}.chip:nth-child(4){--c:var(--coral)}.chip:nth-child(5){--c:var(--violet)}
.chip:hover,.chip.is-on{background:var(--c);color:var(--ink);translate:0 -4px}
.chip--future{border-style:dashed}
.stack__wires{width:100%;height:90px;display:block;overflow:visible}
.stack__wires path{fill:none;stroke:var(--violet);stroke-width:1.5;stroke-dasharray:4 6;opacity:.5;vector-effect:non-scaling-stroke;animation:dash2 1.6s linear infinite}
@keyframes dash2{to{stroke-dashoffset:-20}}
.stack__wires .pk{fill:var(--violet)}
.stack__core{background:var(--tint)}
.core{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.core span{padding:22px 16px;border-radius:18px;text-align:center;font-size:clamp(15px,1.5vw,21px);letter-spacing:-.02em;transition:background .4s,scale .4s var(--ease);background:#fff}
.core span:nth-child(8n+1){background:var(--coral-t)}.core span:nth-child(8n+2){background:var(--sun-t)}.core span:nth-child(8n+3){background:var(--mint-t)}.core span:nth-child(8n+4){background:var(--sky-t)}.core span:nth-child(8n+5){background:var(--pink-t)}.core span:nth-child(8n+6){background:var(--violet-t)}.core span:nth-child(8n+7){background:var(--sun-t)}.core span:nth-child(8n){background:var(--mint-t)}
.core span:hover{scale:1.05}
.principle{margin-top:56px;font-size:clamp(24px,3.4vw,52px);letter-spacing:-.045em;line-height:1.05;max-width:20ch}
.principle em{font-style:normal;color:var(--violet)}

/* trust */
.trust .lead{margin:32px 0 64px;color:var(--muted)}
.auth{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.auth__ladder{display:flex;flex-direction:column;gap:10px}
.lvl{--c:var(--mint);display:grid;grid-template-columns:44px 150px 1fr;align-items:center;gap:12px;text-align:left;padding:20px 22px;border-radius:22px;background:var(--soft);border:1.5px solid var(--line);transition:background .5s,border-color .5s,translate .5s var(--ease)}
.lvl:nth-child(1){--c:var(--mint)}.lvl:nth-child(2){--c:var(--sky)}.lvl:nth-child(3){--c:var(--sun)}.lvl:nth-child(4){--c:var(--coral)}.lvl:nth-child(5){--c:var(--violet)}
.lvl b{font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.04em}
.lvl small{font-size:14px;color:var(--muted);line-height:1.35}
.lvl__n{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--c);display:grid;place-items:center;font-family:var(--m);font-size:12px}
.lvl:hover{translate:8px 0}
.lvl.is-pass{background:color-mix(in srgb,var(--c) 14%,#fff);border-color:transparent}
.lvl.is-on{background:var(--c);border-color:transparent;color:var(--ink)}
.lvl.is-on small{color:rgba(22,19,46,.75)}
.lvl.is-on:nth-child(5){color:#fff}.lvl.is-on:nth-child(5) small{color:rgba(255,255,255,.85)}
.lvl.is-on .lvl__n{background:#fff;border-color:#fff;color:var(--ink)}
.auth__panel{background:var(--ink);color:#fff;border-radius:32px;padding:34px;display:flex;flex-direction:column;gap:20px;position:sticky;top:100px;align-self:start}
.meter{height:8px;border-radius:9px;background:rgba(255,255,255,.14);overflow:hidden}
.meter span{display:block;height:100%;width:20%;background:var(--mint);border-radius:9px;transition:width .8s var(--ease),background .6s}
.auth__panel .tiny{color:rgba(255,255,255,.6)}.auth__panel .tiny b{color:#fff;font-weight:500}
.perms{display:grid;gap:8px}
.perms li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);font-size:16px;opacity:.35;transition:all .6s var(--ease)}
.perms li i{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;transition:all .4s}
.perms li.on{opacity:1;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}
.perms li.on i{background:var(--c,var(--mint));border-color:var(--c,var(--mint))}
.perms li:nth-child(1){--c:var(--mint)}.perms li:nth-child(2){--c:var(--sky)}.perms li:nth-child(3){--c:var(--sun)}.perms li:nth-child(4){--c:var(--coral)}.perms li:nth-child(5){--c:var(--pink)}
.auth__note{font-size:clamp(18px,1.8vw,24px);letter-spacing:-.03em;line-height:1.25;min-height:3.2em}

/* memory */
.memory .lead{margin:32px 0 60px;color:var(--muted)}
.mem{border-top:1.5px solid var(--ink)}
.mem__row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding:clamp(22px,2.8vw,38px) 0;border-bottom:1px solid var(--line);overflow:hidden}
.mem__row:nth-child(1){--c:var(--coral)}.mem__row:nth-child(2){--c:var(--sun)}.mem__row:nth-child(3){--c:var(--mint)}.mem__row:nth-child(4){--c:var(--sky)}.mem__row:nth-child(5){--c:var(--violet)}
.mem__row .dot{width:18px;height:18px;border-radius:50%;background:var(--c);transition:scale .5s var(--ease)}
.mem__row h3{font-size:clamp(30px,5vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1;transition:translate .7s var(--ease)}
.mem__row p{font-size:clamp(16px,1.6vw,22px);color:var(--muted);text-align:right}
.mem__row .bar{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.mem__row:hover h3{translate:20px 0}.mem__row:hover .dot{scale:1.7}.mem__row:hover .bar{transform:scaleX(1)}
.teaser{margin-top:clamp(60px,8vw,110px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(24px,3vw,40px);border-radius:28px;background:var(--violet-t)}
.teaser p{font-size:clamp(20px,2.4vw,34px);letter-spacing:-.04em;line-height:1.15;max-width:26ch}

/* idea / vs */
.vs__title{margin-bottom:clamp(50px,8vw,110px)}
.vs__a{display:inline-block;color:var(--muted)}.vs__b{display:inline-block}
.table{border-top:1.5px solid var(--ink)}
.tr{display:grid;grid-template-columns:1fr 1.1fr 1.4fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);font-size:clamp(15px,1.4vw,20px);align-items:baseline}
.tr span:nth-child(1){color:var(--muted)}
.tr span:nth-child(2){font-weight:500;letter-spacing:-.025em;font-size:1.15em}
.tr span:nth-child(3){color:var(--muted);font-size:.9em}
.th{font-family:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:16px 0}
.th span{color:var(--muted)!important;font-size:11px!important;font-weight:400!important}
.positioning{margin-top:clamp(50px,7vw,100px);font-size:clamp(24px,3.6vw,56px);letter-spacing:-.045em;line-height:1.05;max-width:24ch}
.positioning em{font-style:normal;color:var(--violet)}

/* dev */
.dev__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.dev .lead{margin:32px 0;color:var(--muted)}
.future{border-left:3px solid var(--mint);padding-left:20px;max-width:46ch;color:var(--muted)}
.future .tiny{display:block;margin-bottom:8px}
.term{background:var(--ink);border-radius:24px;overflow:hidden;box-shadow:0 50px 90px -50px rgba(22,19,46,.6);color:#fff}
.term__bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.term__bar i{width:10px;height:10px;border-radius:50%}.term__bar i:nth-child(1){background:var(--coral)}.term__bar i:nth-child(2){background:var(--sun)}.term__bar i:nth-child(3){background:var(--mint)}
.term__bar span{margin-left:auto}.term .tiny{color:rgba(255,255,255,.55)}
.routes{display:flex;flex-wrap:wrap;gap:8px;padding:18px}
.routes li{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);font-family:var(--m);font-size:13px;cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.routes li:hover{border-color:var(--sun)}
.routes li.is-on{background:var(--sun);color:var(--ink);border-color:var(--sun)}
.term__out{padding:6px 22px 26px;font-size:13px;line-height:1.7;color:var(--mint);min-height:270px;white-space:pre-wrap}
.term__out .k{color:#fff}.term__out .c{opacity:.5}

/* for */
.pills{display:flex;flex-wrap:wrap;gap:12px;margin:56px 0 64px}
.pills li{padding:clamp(14px,1.8vw,24px) clamp(20px,2.6vw,36px);border-radius:99px;font-size:clamp(17px,2.2vw,32px);letter-spacing:-.035em;transition:translate .5s var(--ease),rotate .5s var(--ease)}
.pills li:nth-child(1){background:var(--coral-t)}.pills li:nth-child(2){background:var(--sun-t)}.pills li:nth-child(3){background:var(--mint-t)}.pills li:nth-child(4){background:var(--sky-t)}.pills li:nth-child(5){background:var(--violet-t)}.pills li:nth-child(6){background:var(--pink-t)}.pills li:nth-child(7){background:var(--sun-t)}
.pills li:hover{translate:0 -6px;rotate:-1.5deg}
.for .lead{color:var(--muted)}.for .lead b{color:var(--ink)}

/* early */
.early{padding-block:clamp(70px,10vw,140px)}
.early .wrap{width:calc(100% - 2*var(--pad));background:var(--tint);border-radius:44px;padding:clamp(28px,5vw,72px)}
.early__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:start}
.early .lead{margin-top:32px;color:var(--muted)}
.form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;border-radius:32px;padding:clamp(24px,3vw,40px);box-shadow:0 30px 60px -40px rgba(109,74,255,.5)}
.form label{display:flex;flex-direction:column;gap:8px}.full{grid-column:1/-1}
.form label span{font-family:var(--m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.form input,.form textarea{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1.5px solid var(--line);padding:10px 0;outline:none;transition:border-color .3s;resize:vertical;font-size:17px}
.form input:focus,.form textarea:focus{border-color:var(--violet)}
.form input.err{border-color:var(--coral)}
.form button{justify-content:center;margin-top:8px}
.form__micro{grid-column:1/-1}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__error{grid-column:1/-1;color:#d63a1f;font-size:14px;margin-top:-4px}
.form button[disabled]{opacity:.7;pointer-events:none}
.form__ok{position:absolute;inset:0;border-radius:inherit;background:var(--violet);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:30px;opacity:0;pointer-events:none;transform:scale(.96);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.form__ok b{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;font-weight:500}
.form.done .form__ok{opacity:1;pointer-events:auto;transform:none}

/* faq */
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,100px)}
.faq .big{position:sticky;top:120px}
.acc details{border-bottom:1px solid var(--line)}
.acc details:first-child{border-top:1.5px solid var(--ink)}
.acc summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 0;font-size:clamp(19px,2vw,28px);letter-spacing:-.035em;font-weight:500;cursor:pointer}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tint);color:var(--violet);font-weight:400;font-size:24px;line-height:1;transition:transform .5s var(--ease),background .3s;flex:none}
.acc details[open] summary::after{transform:rotate(135deg);background:var(--violet);color:#fff}
.acc p{padding:0 0 28px;max-width:52ch;color:var(--muted);font-size:17px;line-height:1.55}

/* final */
.final{min-height:90svh;display:flex;align-items:center}
.final .mega{max-width:11ch;margin-bottom:36px}
.final .lead{color:var(--muted)}
.final__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:44px}

/* vision page */
.vhero{min-height:80svh;display:flex;align-items:center;padding-top:150px}
.vhero .mega{max-width:12ch;margin-bottom:34px}
.vhero .lead{color:var(--muted)}
.chapter{display:flex;align-items:center;gap:14px;margin-bottom:28px;font-family:var(--m);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.chapter b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c,var(--violet));color:#fff;font-weight:500;letter-spacing:0}
.idea .huge{max-width:17ch}
.vband{background:var(--soft)}

/* footer */
.foot{background:var(--soft);padding:80px 0 0;overflow:hidden;border-top:1px solid var(--line)}
.foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.foot__brand{font-size:24px;letter-spacing:-.04em;font-weight:600}
.foot__top p{color:var(--muted);margin-top:8px}
.foot nav{display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot nav a{color:var(--muted);width:fit-content;transition:color .3s,translate .4s var(--ease)}.foot nav a:hover{color:var(--violet);translate:5px 0}
.foot__word{font-size:clamp(70px,19vw,320px);font-weight:600;letter-spacing:-.08em;line-height:.8;text-align:center;margin-top:50px;white-space:nowrap;will-change:transform}
.foot__word{color:var(--violet)}
.foot__copy{font-family:var(--m);font-size:11px;letter-spacing:.1em;color:var(--muted);padding-block:26px;position:relative;z-index:2;background:var(--soft);max-width:none}

@media(max-width:1000px){
  .nav__links,.nav__sec{display:none}.nav__toggle{display:block}
  .btn .d{display:none}.btn .m{display:inline}
  .problem__cols,.walk__grid,.auth,.dev__grid,.early__grid,.faq__grid{grid-template-columns:1fr}
  .caps__grid{grid-template-columns:1fr}
  .core{grid-template-columns:repeat(2,1fr)}
  .tr{grid-template-columns:1fr;gap:6px}.th{display:none}
  .auth__panel{position:relative;top:0}
  .faq .big{position:relative;top:0}
  .foot__top{grid-template-columns:1fr 1fr}
  .lvl{grid-template-columns:36px 1fr}.lvl small{grid-column:2}
  .mem__row{grid-template-columns:24px 1fr}.mem__row p{grid-column:2;text-align:left}
  .how__pin{height:auto;padding:80px 0}
  .how__track{width:auto;flex-direction:column;padding:0 var(--pad)}.step{flex:none;width:100%;height:280px}.how__bar{display:none}
  .stack__wires{display:none}.stack__row{margin-bottom:12px}
  .hero{align-items:flex-start;padding-top:120px}
  .hero{min-height:auto;padding-bottom:calc(78vw + 24px)}
  .hero__stage{left:0;right:0;width:100%;top:auto;bottom:0;height:80vw;translate:0 0}
  .stage__cap{display:none}
  .hero__title{max-width:none}
}
@media(max-width:560px){.form{grid-template-columns:1fr}.btn--lg{padding:18px 24px}.phone{min-height:0}.early .wrap{border-radius:28px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* legal pages */
.legal{padding-top:clamp(130px,16vw,200px)}
.legal .huge{max-width:none;margin-bottom:20px}
.legal__meta{margin-bottom:clamp(36px,5vw,64px)}
.legal__body{max-width:720px;font-size:17px;line-height:1.7;color:rgba(22,19,46,.82)}
.legal__body h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;color:var(--ink);margin:2.2em 0 .5em;font-weight:500}
.legal__body p{margin-bottom:1em}
.legal__body ul{margin:0 0 1em 1.2em;list-style:disc}.legal__body li{margin-bottom:.4em}
.legal__body a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.form__consent{grid-column:1/-1;font-size:13px;color:var(--muted);line-height:1.5}
.form__consent a{color:var(--violet);text-decoration:underline;text-underline-offset:2px}
