/* Baima Dev design system: tokens, brand, header, hero lockup, curtain, devices, founder, process, stacked cases, FAQ, finale. Shared by the site and the proposals. */
:root{
  --paper:#fafaf8;--paper-2:#f2f1ed;--white:#fff;
  --ink:#202020;--ink-2:#2b2b2b;--muted:#6b6b68;--soft:#a3a29d;--line:#e3e2dd;
  --night:#141414;--night-2:#1c1c1c;--night-3:#232323;--night-text:#a3a3a0;
  --accent:#6b55db;--accent-2:#8b78ee;--accent-3:#a99bff;--accent-soft:#eeebfc;--accent-ink:#2a2160;
  --cyan:#8bd8fc;--pink:#cc6bf9;--green:#3fcf75;
  --display:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gutter:clamp(20px,4.4vw,72px);--max:1320px;--round:clamp(28px,4vw,56px);
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --sh-card:inset 0 -1px .5px #0000000a,0 8px 8px -4px #00000005,0 4px 4px -2px #00000008,0 2px 2px -1px #0000000a,0 .5px 1px #0000000f,0 0 0 1px #0000000a;
  --sh-primary:0 32px 32px -12px #1b1b1b1f,0 16px 16px -8px #1b1b1b1f,0 8px 8px -2px #1b1b1b1f,0 4px 4px -2px #1b1b1b1f,0 2px 2px -1px #1b1b1b1f,inset 0 1px 2px #ffffff0a,inset 0 .5px .5px #ffffff1a;
  --sh-float:0 0 0 1px #0000000a,0 40px 80px -36px #1d1a2e40,0 14px 28px -14px #1d1a2e1f;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
img,video,canvas,svg{display:block;max-width:100%}
img,video{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p,figure,blockquote,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.04em;text-wrap:balance}
em{font-style:normal;color:var(--accent)}
.dark{color:#fff}
.dark em{color:var(--accent-3)}
::selection{background:#dcd4ff;color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.dark :focus-visible{outline-color:var(--accent-3)}
.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-80px;z-index:200;padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px}
.skip:focus{top:12px}
main:focus{outline:none}
.ico{width:20px;height:20px;flex:none}
/* ---------- brand ---------- */
.brand{display:inline-flex;align-items:center;gap:.42em;line-height:1}
.mark{position:relative;display:inline-block;width:.86em;height:1.02em;flex:none;transform:rotate(-20deg);transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.mark i{position:absolute;left:0;width:.82em;height:.29em;border:.07em solid currentColor;border-radius:.08em;transition:transform .6s cubic-bezier(.34,1.56,.64,1),background-color .3s,border-color .3s}
.mark i:nth-child(1){top:0}
.mark i:nth-child(2){top:.355em}
.mark i:nth-child(3){top:.71em}
.word{font-family:var(--display);font-weight:600;letter-spacing:-.07em;white-space:nowrap}
.word span{font-weight:400}
.word b{color:var(--accent);font-weight:600}
@media(hover:hover){
  .brand:hover .mark,a:hover>.brand .mark{transform:rotate(-8deg)}
  a:hover>.brand .mark i:nth-child(1){transform:translate(-.08em,-.1em)}
  a:hover>.brand .mark i:nth-child(2){background:var(--accent);border-color:var(--accent)}
  a:hover>.brand .mark i:nth-child(3){transform:translate(.08em,.1em)}
}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 22px;border-radius:999px;font:600 15px/1 var(--body);letter-spacing:-.01em;white-space:nowrap;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .3s,color .3s}
.btn .ico{width:18px;height:18px;transition:transform .35s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover>.ico{transform:translateX(3px)}
.btn--lg{height:58px;padding:0 28px;font-size:16px}
.btn--ink{background:linear-gradient(#303030,#141414);color:#fff;box-shadow:var(--sh-primary)}
.btn--ink:hover{box-shadow:var(--sh-primary),0 0 0 4px #6b55db1f}
.btn__icon{display:grid;place-items:center;width:32px;height:32px;margin-right:-12px;border-radius:50%;background:#ffffff1a;transition:background-color .3s}
.btn__icon .ico{width:16px;height:16px}
.btn--ink:hover .btn__icon{background:var(--accent)}
.btn--ink:hover .btn__icon .ico{animation:nudge-down .7s var(--ease) infinite alternate}
.btn--light{background:#fff;color:var(--ink);box-shadow:0 18px 40px -16px #000c}
.btn--line{color:#fff;box-shadow:inset 0 0 0 1px #ffffff38}
.btn--line:hover{box-shadow:inset 0 0 0 1px #ffffff80;background:#ffffff0d}
.btn--line-dark{height:44px;font-size:14px;color:var(--ink);box-shadow:inset 0 0 0 1px #00000024;background:#fff}
@keyframes nudge-down{to{transform:translateY(3px)}}
.pill-link{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;background:#e6e5e0;color:var(--ink);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .3s,color .3s}
.pill-link .ico{width:16px;height:16px;transition:transform .3s var(--ease)}
.pill-link:hover{background:var(--ink);color:#fff}
.pill-link:hover .ico{transform:translate(2px,-2px)}
/* ---------- kicker / section heads ---------- */
.kicker{display:inline-flex;align-items:center;gap:12px;font-size:clamp(15px,1.3vw,19px);line-height:1.3;color:var(--muted);letter-spacing:-.01em}
.kicker__chip{display:inline-grid;place-items:center;width:46px;height:28px;flex:none;border-radius:999px;box-shadow:inset 0 0 0 1px currentColor;color:#9a9994}
.kicker__chip .mark{font-size:13px;color:currentColor}
.kicker__chip .mark i:nth-child(2){background:currentColor}
.dark .kicker{color:#9d9d99}
.dark .kicker__chip{color:#6f6f6b}
.sec-head{max-width:900px}
.sec-head--center{margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.sec-head h2{font-size:clamp(36px,4.6vw,68px);line-height:1.06;letter-spacing:-.042em;word-spacing:.04em;margin-top:20px}
.sec-head__lede{max-width:34em;margin-top:22px;color:var(--muted);font-size:clamp(16px,1.3vw,18px);line-height:1.6}
.dark .sec-head__lede{color:var(--night-text)}
.live{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--green);animation:live 2.2s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 #3fcf7566}70%{box-shadow:0 0 0 8px #3fcf7500}100%{box-shadow:0 0 0 0 #3fcf7500}}
/* ---------- header ---------- */
.bar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 clamp(12px,3vw,40px);pointer-events:none;transition:transform .5s var(--ease)}
.bar__inner{position:relative;pointer-events:auto;width:min(1240px,100%);height:66px;display:flex;align-items:center;gap:clamp(14px,2vw,28px);padding:0 10px 0 12px;background:#fff;border-radius:0 0 24px 24px;box-shadow:0 1px 0 #0000000a,0 16px 32px -18px #1d1a2e40}
.bar__inner::before,.bar__inner::after{content:'';position:absolute;top:0;width:24px;height:24px;pointer-events:none}
.bar__inner::before{right:100%;background:radial-gradient(circle at 0 100%,transparent 23.5px,#fff 24px)}
.bar__inner::after{left:100%;background:radial-gradient(circle at 100% 100%,transparent 23.5px,#fff 24px)}
.bar__brand{flex:none;border-radius:999px}
.bar__brand .brand{height:44px;padding:0 18px 0 16px;border-radius:999px;background:linear-gradient(#333,#141414);color:#fff;font-size:19px;box-shadow:var(--sh-primary)}
.bar__brand .mark i{background:#1c1c1c}
.bar__brand .mark i:nth-child(2){background:var(--accent);border-color:var(--accent)}
.bar__brand .word b{color:var(--accent-3)}
.bar__progress{position:relative;flex:1;height:1px;min-width:24px;background:#0000000f;overflow:hidden}
.bar__progress i{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent),var(--cyan));transform-origin:0 50%;transform:scaleX(var(--p,0))}
.bar__nav{display:flex;gap:clamp(16px,2.2vw,30px);font-size:14px;color:#3a3a38}
.bar__nav a{position:relative;padding:8px 0;transition:color .25s}
.bar__nav a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.bar__nav a:hover,.bar__nav a.is-current{color:var(--ink)}
.bar__nav a:hover::after,.bar__nav a.is-current::after{transform:scaleX(1);transform-origin:left}
.bar__cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:14px;font-weight:600;transition:background-color .3s,color .3s}
.bar__cta .ico{width:16px;height:16px}
.bar__cta:hover{background:var(--accent);color:#fff}
/* ---------- custom cursor ---------- */
.cursor{position:fixed;left:0;top:0;z-index:150;pointer-events:none;display:none;will-change:transform}
.has-cursor .cursor{display:block}
.has-cursor,.has-cursor a,.has-cursor button{cursor:none}
.cursor svg{width:20px;height:22px;fill:var(--accent);stroke:#fff;stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 3px 5px #1d1a2e40)}
.cursor span{position:absolute;left:15px;top:19px;padding:6px 11px;border-radius:999px 999px 999px 4px;background:var(--accent);color:#fff;font:600 12.5px/1 var(--body);white-space:nowrap;box-shadow:0 8px 18px -8px #6b55dbcc;transform-origin:0 0;transition:transform .3s var(--ease),background-color .3s}
.cursor.is-hidden{opacity:0}
.cursor.is-action span{transform:scale(1.08);background:#2a2160}
/* ---------- hero ---------- */
.hero{position:sticky;top:0;z-index:1}
.hero__stage{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:clamp(92px,12vh,118px) 0 26px;overflow:hidden;background:var(--paper);transform-origin:50% 0}
.hero__stage::after{content:'';position:absolute;inset:0;background:#141414;opacity:var(--dim,0);pointer-events:none;z-index:5}
.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(#6b55db12 1px,transparent 1px),linear-gradient(90deg,#6b55db12 1px,transparent 1px);background-size:min(16.66vw,236px) 150px;background-position:center -1px;-webkit-mask:radial-gradient(120% 90% at 50% 40%,#000 25%,transparent 78%);mask:radial-gradient(120% 90% at 50% 40%,#000 25%,transparent 78%)}
.hero__beams{position:absolute;inset:-30% -40%;background:repeating-linear-gradient(118deg,#1d1a2e00 0%,#1d1a2e00 4%,#1d1a2e09 8.5%,#1d1a2e00 13%,#1d1a2e00 16%,#1d1a2e06 18%,#1d1a2e00 21%,#1d1a2e00 26%);animation:beams 30s ease-in-out infinite alternate}
@keyframes beams{to{transform:translate3d(8%,2%,0)}}
.hero__glow{position:absolute;left:50%;top:6%;width:min(1180px,96vw);height:min(520px,60vh);transform:translateX(-50%);background:radial-gradient(closest-side at 30% 55%,#8bd8fc40,transparent),radial-gradient(closest-side at 62% 45%,#7d6bf93d,transparent),radial-gradient(closest-side at 80% 60%,#cc6bf924,transparent)}
.hero__wrap{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}
.lockup{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;font-size:min(15.6vw,26svh,236px);line-height:1}
.lockup__mark{position:relative;flex:none;width:.86em;height:.86em;margin-right:.17em}
.lockup__mark canvas{position:absolute;left:-55%;top:-55%;width:210%!important;height:210%!important;max-width:none;pointer-events:none}
.lockup__fallback{position:absolute;inset:.05em .02em;transform:rotate(-20deg)}
.lockup__fallback i{position:absolute;left:0;width:100%;height:28%;border-radius:.07em;background:linear-gradient(#3a3a3a,#141414);box-shadow:var(--sh-primary)}
.lockup__fallback i:nth-child(1){top:0}
.lockup__fallback i:nth-child(2){top:36%;background:linear-gradient(#8b78ee,#5a45c9)}
.lockup__fallback i:nth-child(3){top:72%}
.lockup.is-gl .lockup__fallback{opacity:0}
.lockup__word{position:relative;font-family:var(--display);font-weight:600;letter-spacing:-.075em;line-height:.92;color:var(--ink);white-space:nowrap;padding:0 .04em .06em 0;filter:drop-shadow(0 .1em .12em #1d1a2e1f) drop-shadow(0 .01em .01em #1d1a2e26);transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .9s var(--ease-out)}
.lockup__shine{position:absolute;left:0;top:0;padding:inherit;white-space:nowrap;pointer-events:none;color:transparent;background:linear-gradient(100deg,transparent 46%,#c9c0ff4d 48.6%,#ffffff59 50%,#c9c0ff4d 51.4%,transparent 54%) no-repeat;background-size:320% 100%;background-position:130% 0;-webkit-background-clip:text;background-clip:text}
.lockup__shine .lw{color:transparent}
.lockup:hover .lockup__shine{background-position:-30% 0;transition:background-position 1.6s var(--ease-out)}
.lw{display:inline-block}
.lw--light{font-weight:300}
.lw--dot{color:var(--accent)}
.hero__row{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(280px,.72fr);gap:clamp(32px,4vw,64px);align-items:end;margin-top:clamp(36px,8vh,104px)}
.client-chip{display:inline-flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-radius:999px;background:#fff;box-shadow:var(--sh-card);font-size:clamp(15px,1.3vw,18px);line-height:1.2;color:#4a4a47}
.client-chip strong{color:var(--ink);font-weight:600}
.client-chip__icons{display:inline-grid;place-items:center;width:34px;height:26px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.client-chip__icons .ico{width:14px;height:14px}
.hero__title{font-size:clamp(40px,5.7vw,88px);line-height:1.03;letter-spacing:-.045em;word-spacing:.04em;margin-top:clamp(18px,2.4vh,28px);max-width:12.5em}
.hero__aside{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:.4em}
.proof{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.35;color:var(--muted)}
.proof__faces{display:flex;flex:none}
.proof__faces img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--paper);box-shadow:0 2px 6px #0000001f}
.proof__faces>*+*{margin-left:-11px}
.proof__more{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--paper);background:var(--accent);color:#fff;font:600 12px/1 var(--body);box-shadow:0 2px 6px #6b55db40}
.proof>span:last-child{text-wrap:balance}
.hero__lede{font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--muted);max-width:30em}
.hero__meta{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:clamp(24px,4vh,44px);padding-top:16px;font-size:12.5px;color:#8a8984;border-top:1px solid #0000000d}
.hero__meta b{color:var(--ink);font-weight:500}
.hero__meta a{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.hero__meta a .ico{width:15px;height:15px;animation:nudge-down 1s var(--ease) infinite alternate}
/* ---------- curtain / intro ---------- */
.curtain{position:relative;z-index:2;background:var(--night);padding:clamp(70px,9vw,130px) 0 0;margin-top:-1px}
.curtain__arc{position:absolute;left:0;right:0;bottom:calc(100% - 1px);width:100%;height:var(--arc,0px);fill:var(--night);pointer-events:none}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,96px);align-items:start}
.intro__title{font-size:clamp(36px,4.4vw,64px);line-height:1.1;letter-spacing:-.04em;word-spacing:.04em}
.intro__copy{display:grid;gap:26px;padding-top:.4em}
.intro__copy p{font:400 clamp(17px,1.5vw,21px)/1.55 var(--body);letter-spacing:-.015em;color:#8e8e8a}
.intro__copy strong{font-weight:500;color:#fff}
.js .intro__copy [data-words] .sw{color:#ffffff3d;transition:color .45s var(--ease)}
.js .intro__copy [data-words] .sw.is-lit{color:#9a9a96}
.js .intro__copy [data-words] .sw--hi.is-lit{color:#fff}
.show{position:relative;height:clamp(300px,40vw,580px);margin-top:clamp(56px,8vw,110px);overflow:hidden}
.show__track{position:absolute;left:0;bottom:-6%;display:flex;align-items:flex-end;gap:clamp(14px,1.8vw,26px);padding:0 3vw;will-change:transform}
.show__item{flex:none;position:relative}
.show__item--laptop{width:clamp(380px,46vw,700px)}
.show__item--browser{width:clamp(250px,28vw,420px);margin-bottom:clamp(26px,5vw,90px)}
.show__item--phone{width:clamp(128px,13.5vw,212px);z-index:2;margin-left:calc(-1*clamp(26px,3.4vw,56px))}
.show__item--phone+.show__item{z-index:1}
.show__item--ui{width:clamp(220px,22vw,320px);margin-bottom:clamp(40px,7vw,130px)}
.show__item.is-lift{margin-bottom:clamp(50px,9vw,150px)}
.show::before{content:'';position:absolute;left:-10%;right:-10%;bottom:-30%;height:90%;background:radial-gradient(50% 60% at 50% 100%,#6b55db40,transparent 70%),radial-gradient(30% 40% at 78% 100%,#8bd8fc24,transparent 70%);pointer-events:none}
.show__floor{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(#14141400,#141414d9);pointer-events:none;z-index:3}
/* ---------- devices ---------- */
.dev{position:relative}
.dev__screen{position:relative;overflow:hidden;background:#0c0c0c}
.dev__screen img,.dev__screen video{width:100%;height:100%;object-fit:cover;object-position:top center}
.dev__screen img.is-broken{visibility:hidden}
.dev__screen:has(img.is-broken){background:linear-gradient(160deg,#2a2a2e,#141416)}
.dev--browser{border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 34px 60px -24px #000000b3}
.dev__bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 12px;background:#f1f0ed}
.dev__bar i{width:8px;height:8px;border-radius:50%;background:#d4d2cc}
.dev__bar i:first-child{background:#ff6159}
.dev__bar i:nth-child(2){background:#ffbd2e}
.dev__bar i:nth-child(3){background:#28c941}
.dev__bar span{flex:0 1 46%;height:11px;margin-left:12px;border-radius:6px;background:#e2e0da}
.dev--browser .dev__screen{aspect-ratio:16/10.6}
.dev--laptop .dev__lid{padding:2.4% 2.4% 3.2%;border-radius:18px 18px 4px 4px;background:linear-gradient(#2c2c2e,#0e0e10);box-shadow:inset 0 0 0 1px #ffffff1f,0 40px 80px -30px #000000d9}
.dev--laptop .dev__screen{aspect-ratio:16/10;border-radius:5px}
.dev--laptop .dev__base{position:relative;height:clamp(10px,1.3vw,19px);margin:0 -7%;border-radius:0 0 22px 22px/0 0 16px 16px;background:linear-gradient(#e6e6ea,#a9a9b0 55%,#707076)}
.dev--laptop .dev__base::before{content:'';position:absolute;left:50%;top:0;width:15%;height:42%;transform:translateX(-50%);border-radius:0 0 9px 9px;background:#8d8d94}
.dev--phone{padding:3.6%;border-radius:15%/7.2%;background:linear-gradient(150deg,#46464a,#121214 60%);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 3px #00000080,0 34px 60px -22px #000000cc}
.dev--phone{container-type:inline-size}
.dev--phone .dev__screen{aspect-ratio:9/19.4;border-radius:12%/5.6%}
.dev--phone .dev__screen:has(.dev__status) img{position:absolute;left:0;right:0;bottom:0;top:7.4%;height:92.6%}
.dev__status{position:absolute;left:0;right:0;top:0;z-index:1;height:7.6%;display:flex;align-items:center;justify-content:space-between;padding:0 9% 0 12%;background:var(--sb,#0c0c0c);color:var(--sbt,#fff);font:600 5.6cqw/1 var(--body);letter-spacing:-.01em}
.dev__status i{position:relative;width:8.5cqw;height:4.2cqw;border-radius:1.3cqw;box-shadow:inset 0 0 0 .55cqw currentColor;opacity:.92}
.dev__status i::after{content:'';position:absolute;inset:1cqw 2.6cqw 1cqw 1cqw;border-radius:.5cqw;background:currentColor}
.dev__status i::before{content:'';position:absolute;right:calc(100% + 2.4cqw);bottom:0;width:7cqw;height:100%;background:linear-gradient(currentColor,currentColor) 0 100%/1.3cqw 40% no-repeat,linear-gradient(currentColor,currentColor) 1.9cqw 100%/1.3cqw 60% no-repeat,linear-gradient(currentColor,currentColor) 3.8cqw 100%/1.3cqw 80% no-repeat,linear-gradient(currentColor,currentColor) 5.7cqw 100%/1.3cqw 100% no-repeat}
.dev__island{position:absolute;top:3.7%;left:50%;width:28%;height:2.9%;transform:translateX(-50%);border-radius:999px;background:#000;z-index:2}
.dev--ui{border-radius:22px;padding:20px;background:linear-gradient(#232325,#19191a);color:#eee;font-size:13px;line-height:1.4;box-shadow:inset 0 0 0 1px #ffffff17,0 34px 60px -22px #000000d9}
.ui__title{display:flex;align-items:center;gap:8px;color:#b9b9b5;font-size:12px}
.ui-flow ol{margin-top:12px}
.ui-flow li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px dashed #ffffff1c}
.ui-flow li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff0d;color:var(--accent-3)}
.ui-flow li>span .ico{width:15px;height:15px}
.ui-flow li b{margin-left:auto;padding:3px 8px;border-radius:999px;background:#3fcf7524;color:#7be3a2;font:600 10.5px/1.3 var(--body)}
.ui-flow li:last-child b{background:#a99bff26;color:var(--accent-3)}
.ui-term{padding:0;overflow:hidden}
.ui-term .dev__bar{background:#2a2a2c}
.ui-term .dev__bar span{background:none;color:#8a8a86;font:500 11px/11px var(--body);margin-left:10px}
.ui-term code{display:grid;gap:4px;padding:16px 18px 18px;font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#bdbdb8}
.ui-term code span:nth-child(n+2):nth-child(-n+4){color:#7be3a2}
.ui-term code span:nth-child(5){color:var(--accent-3)}
.ui-term code span:last-child{color:#fff}
.ui-status ul{margin-top:12px}
.ui-status li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px dashed #ffffff1c;color:#e6e6e3}
.ui-status b{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:999px;background:#3fcf7524;color:#7be3a2;font:600 11px/1.2 var(--body)}
.ui-status b i{width:6px;height:6px;border-radius:50%;background:currentColor}
.ui-status b.is-sync{background:#a99bff26;color:var(--accent-3)}
.ui-status b.is-sync i{animation:live 1.6s infinite}
.ui__big{margin-top:10px;font:600 34px/1 var(--display);letter-spacing:-.04em;color:#fff}
.ui__big small{display:block;margin-top:6px;font:500 12px/1.2 var(--body);letter-spacing:0;color:#7be3a2}
.ui__bars{display:flex;align-items:flex-end;gap:6px;height:84px;margin-top:16px}
.ui__bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(var(--accent-3),#6b55db55)}
.ui__bars i:last-child{background:linear-gradient(var(--cyan),var(--accent))}
.ui__foot{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff14;color:#9a9a96;font-size:11.5px}
.ui__foot span{display:inline-flex;align-items:center;gap:7px}
/* ---------- founder ---------- */
.founder{position:relative;z-index:3;background:var(--paper);padding:clamp(90px,11vw,170px) 0 calc(clamp(90px,11vw,170px) + var(--round));overflow:hidden}
.founder__ghost{position:absolute;right:-12vw;top:50%;width:min(86vw,1040px);aspect-ratio:1;transform:translateY(-50%);color:#ebeae5;pointer-events:none}
.founder__ghost svg{width:100%;height:100%}
.founder__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(40px,6vw,100px);align-items:center}
.founder__copy{position:relative;padding-left:clamp(26px,3.6vw,52px)}
.founder__rail{position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:#e4e3de;overflow:hidden}
.founder__rail i{position:absolute;inset:0;background:linear-gradient(var(--accent),var(--cyan));transform-origin:50% 0;transform:scaleY(var(--r,0))}
.founder__name{font-size:clamp(46px,5.6vw,84px);line-height:1;letter-spacing:-.048em;margin-top:20px}
.founder__role{margin-top:14px;font:500 clamp(18px,1.7vw,24px)/1.3 var(--display);letter-spacing:-.03em;color:var(--accent)}
.founder__text{margin-top:8px}
.founder__text p{max-width:33em;margin-top:22px;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:#6f6e6a}
.founder__text strong{font-weight:500;color:var(--ink)}
.founder__visual{position:relative;min-height:660px}
.profile{position:absolute;left:4%;top:2%;width:min(460px,96%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 18px 18px 18px;border-radius:30px;background:#fff;box-shadow:var(--sh-float)}
.profile__photo{position:relative;width:84px;height:84px}
.profile__photo img{width:100%;height:100%;border-radius:24px;object-fit:cover;filter:saturate(1.05)}
.profile__badge{position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--ink);color:#fff;font-size:15px;box-shadow:0 0 0 3px #fff}
.profile__badge .mark i{background:var(--ink)}
.profile__badge .mark i:nth-child(2){background:var(--accent);border-color:var(--accent)}
.profile__body strong{display:block;font:600 19px/1.2 var(--display);letter-spacing:-.03em}
.profile__body span{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.profile__status{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:5px 10px;white-space:nowrap;border-radius:999px;background:#3fcf751a;color:#1f7a45;font-size:12px;font-weight:500}
.profile--portrait{grid-template-columns:1fr auto;width:min(380px,90%)}
.profile--portrait .profile__photo{grid-column:1/-1;width:100%;height:auto;aspect-ratio:4/5}
.profile--portrait .profile__photo img{border-radius:22px}
.profile__cta{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;align-self:start;transition:background-color .3s,transform .3s var(--ease)}
.profile__cta:hover{background:var(--accent);transform:rotate(-8deg)}
.voice{position:absolute;width:min(380px,86%);padding:24px 24px 20px;border-radius:26px;background:#fff;box-shadow:var(--sh-float)}
.voice--1{right:0;top:25%}
.voice--2{left:2%;bottom:-2%}
.track{left:0;right:0;bottom:0;width:auto}
.voice blockquote{font:500 clamp(16px,1.3vw,18px)/1.45 var(--display);letter-spacing:-.02em;color:#2b2b2a}
.voice figcaption{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--muted)}
.voice figcaption img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.voice figcaption strong{display:block;color:var(--ink);font-size:14px;font-weight:600}
.track{padding:22px 24px}
.track__title{display:flex;align-items:center;gap:10px;font:600 13px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.track__title .mark{font-size:14px;color:var(--ink)}
.track__title .mark i:nth-child(2){background:var(--accent);border-color:var(--accent)}
.track ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px;margin-top:14px}
.track li{display:grid;align-content:start;gap:4px;padding-top:12px;border-top:1px dashed var(--line)}
.track li strong{font:600 17px/1.2 var(--display);letter-spacing:-.025em;color:var(--ink)}
.track li span{font-size:13.5px;line-height:1.45;color:var(--muted)}
/* ---------- process ---------- */
.process{position:relative;z-index:4;background:var(--night);padding:clamp(90px,11vw,160px) 0 clamp(80px,9vw,130px);margin-top:calc(-1*var(--round));border-radius:var(--round) var(--round) 0 0}
.process__body{display:grid;grid-template-columns:minmax(0,.8fr) 2px minmax(0,1.25fr);gap:0 clamp(32px,5vw,80px);max-width:1120px;margin:clamp(64px,8vw,110px) auto 0}
.process__counter{position:relative}
.counter{position:sticky;top:calc(55vh - 22px);display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;font-family:var(--display);color:#e6e6e3}
.counter__win{display:block;height:1em;overflow:hidden;font-size:clamp(56px,6.4vw,104px);font-weight:500;line-height:1;letter-spacing:-.05em}
.counter__roll{display:flex;flex-direction:column;transform:translateY(calc(var(--n,0)*-1em));transition:transform .9s var(--ease-out)}
.counter__roll i{display:block;height:1em;font-style:normal}
.counter small{margin-top:.8em;font:500 15px/1 var(--body);color:#6d6d69}
.process__line{position:relative;border-radius:2px;background:#ffffff14}
.process__fill{position:absolute;inset:0;border-radius:2px;background:linear-gradient(var(--accent-3),var(--accent));transform-origin:50% 0;transform:scaleY(var(--f,0))}
.process__dot{position:absolute;left:50%;top:calc(var(--f,0)*100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#c9c0ff;box-shadow:0 0 0 5px #a99bff2e,0 0 24px 2px #a99bffaa}
.step{padding-bottom:clamp(60px,9vw,128px);transition:opacity .5s var(--ease)}
.step:last-child{padding-bottom:0}
.js .step{opacity:.28}
.js .step.is-on{opacity:1}
.step__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff17;color:#cfcfcb;transition:background-color .5s,color .5s,box-shadow .5s}
.step__icon .ico{width:22px;height:22px}
.step.is-active .step__icon{background:var(--accent);color:#fff;box-shadow:0 12px 30px -8px #6b55dbcc,inset 0 1px 0 #ffffff33}
.step h3{display:flex;align-items:baseline;gap:12px;margin-top:22px;font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.032em;color:#f2f2f0}
.step__num{font:500 13px/1 var(--body);letter-spacing:0;color:#77776f}
@media (min-width:761px){
  .step__num{display:none}
}
.step>p:not(.step__out){max-width:34em;margin-top:12px;color:var(--night-text);font-size:clamp(15px,1.2vw,17px);line-height:1.6}
.step__out{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:9px 16px 9px 12px;border-radius:999px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14;color:#bdbdb8;font-size:13.5px;line-height:1.35}
.step__out .ico{width:17px;height:17px;color:var(--green)}
.step__out b{color:#fff;font-weight:500}
.process__note{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:clamp(60px,7vw,96px) auto 0;padding:14px 22px;border-radius:999px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff17;color:#cfcfcb;font-size:clamp(14px,1.2vw,16px);text-align:left}
.process__note .ico{color:var(--accent-3)}
.process__note em{color:#fff;font-weight:600}
/* ---------- work ---------- */
.work{position:relative;z-index:5;background:var(--paper);padding:clamp(90px,11vw,160px) 0 clamp(70px,9vw,130px);margin-top:calc(-1*var(--round));border-radius:var(--round) var(--round) 0 0}
.work__blob{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;background:radial-gradient(40% 30% at 92% 18%,#ebe7fb,transparent 70%),radial-gradient(36% 26% at 4% 46%,#eef3fb,transparent 70%)}
.stack{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,34px);margin-top:clamp(56px,7vw,96px)}
.stack__row{--gap:clamp(16px,2vw,28px);position:sticky;top:calc(88px + var(--i)*26px);display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);transform-origin:50% 0}
.stack__row::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - var(--gap)/2 - 1px);width:calc(var(--gap) + 2px);background:var(--paper)}
.stack__row:has(.case--wide)::before{display:none}
.case{display:flex;flex-direction:column;padding:10px;border-radius:clamp(24px,2.4vw,34px);background:#efeee9;box-shadow:0 0 0 1px #0000000a,0 40px 70px -46px #1d1a2e66}
.case--wide{grid-column:1/-1}
.case__media{position:relative;display:block;height:clamp(250px,27vw,400px);border-radius:clamp(18px,1.8vw,26px);overflow:hidden;background:radial-gradient(130% 110% at 50% 0%,var(--t2) 0%,var(--t1) 100%);isolation:isolate}
.case__media::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #00000014;pointer-events:none}
.case--wide .case__media{height:clamp(300px,36vw,520px)}
.case__desk{position:absolute;left:9%;right:24%;top:11%;transition:transform .7s var(--ease-out)}
.case--wide .case__desk{left:12%;right:30%;top:10%}
.case__phone{position:absolute;right:7%;top:20%;width:21%;transform:rotate(5deg);transition:transform .7s var(--ease-out)}
.case--wide .case__phone{right:12%;width:17%}
.case__phones{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;gap:4%;padding-top:9%}
.case__phones .dev--phone{width:26%}
.case__phones .dev--phone:nth-child(2){transform:translateY(-5%)}
.case__phones .dev--phone:nth-child(1){transform:rotate(-5deg) translateY(4%)}
.case__phones .dev--phone:nth-child(3){transform:rotate(5deg) translateY(4%)}
.case .dev--browser{box-shadow:0 0 0 1px #0000000f,0 30px 50px -26px #0000008c}
.case .dev--phone{box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 3px #00000080,0 26px 40px -20px #000000a6}
@media(hover:hover){
  .case:hover .case__desk{transform:translateY(-8px) scale(1.02)}
  .case:hover .case__phone{transform:rotate(1deg) translateY(-12px)}
}
.case__info{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 10px 10px 16px}
.case__info h3{font-size:clamp(18px,1.6vw,23px);line-height:1.2;letter-spacing:-.035em}
.case__info p{margin-top:3px;font-size:14px;color:var(--muted)}
.case:hover .pill-link{background:var(--ink);color:#fff}
/* ---------- faq ---------- */
.faq{position:relative;z-index:7;background:var(--night);padding:clamp(90px,11vw,150px) 0 clamp(80px,10vw,140px);margin-top:calc(-1*var(--round));border-radius:var(--round) var(--round) 0 0}
.faq__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.62fr);gap:clamp(36px,5vw,80px);align-items:start}
.faq__head{position:sticky;top:110px}
.faq__head h2{margin-top:20px;font-size:clamp(46px,5.6vw,84px);line-height:1.02;letter-spacing:-.048em;word-spacing:.03em}
.faq__head p{margin-top:22px;color:var(--night-text)}
.faq__head a{display:inline-flex;align-items:center;gap:6px;color:#fff;border-bottom:1px solid #ffffff40;transition:border-color .3s}
.faq__head a:hover{border-color:var(--accent-3)}
.faq__head a .ico{width:15px;height:15px}
.faq__list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.faq__col{display:flex;flex-direction:column;gap:14px}
.qa{border-radius:24px;background:#1f1f1f;box-shadow:inset 0 0 0 1px #ffffff0d;transition:background-color .35s}
.qa:hover,.qa.is-open{background:#252525}
.qa h3{font:inherit;letter-spacing:0}
.qa button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:26px 24px 26px 28px;border-radius:24px;text-align:left;font:600 16.5px/1.45 var(--body);letter-spacing:-.01em;color:#ececea}
.qa__icon{position:relative;flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent-3);transition:transform .45s var(--ease-out),background-color .3s}
.qa__icon::before,.qa__icon::after{content:'';position:absolute;left:7px;right:7px;top:11px;height:2px;border-radius:2px;background:#141414;transition:transform .45s var(--ease-out)}
.qa__icon::after{transform:rotate(90deg)}
.qa.is-open .qa__icon{transform:rotate(180deg)}
.qa.is-open .qa__icon::after{transform:rotate(0)}
.js .qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}
.js .qa.is-open .qa__a{grid-template-rows:1fr}
.qa__a>div{overflow:hidden;min-height:0}
.qa__a p{padding:0 28px 26px;font-size:15px;line-height:1.65;color:var(--night-text)}
/* ---------- finale ---------- */
.finale{position:relative;z-index:8;overflow:hidden;background:var(--night);padding:clamp(80px,10vw,140px) 0 28px;border-top:1px solid #ffffff0f}
.finale__glow{position:absolute;left:50%;bottom:-34%;width:min(1500px,180vw);height:1000px;transform:translateX(-50%);background:radial-gradient(closest-side at 50% 55%,#6b55db8c,#6b55db1f 55%,transparent),radial-gradient(closest-side at 72% 62%,#8bd8fc4d,transparent 70%),radial-gradient(closest-side at 26% 64%,#cc6bf933,transparent 70%);filter:blur(10px);pointer-events:none}
.finale__arcs i{position:absolute;left:50%;bottom:-62%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);box-shadow:inset 0 0 0 1px #ffffff0f;pointer-events:none}
.finale__arcs i:nth-child(1){width:min(1500px,190vw)}
.finale__arcs i:nth-child(2){width:min(1150px,150vw)}
.finale__arcs i:nth-child(3){width:min(820px,110vw)}
.finale__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.finale h2{max-width:13em;margin-top:20px;font-size:clamp(40px,5.8vw,88px);line-height:1.04;letter-spacing:-.046em;word-spacing:.04em}
.finale__text{max-width:36em;margin-top:22px;color:var(--night-text);font-size:clamp(16px,1.3vw,18px)}
.finale__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.finale__scene{position:relative;width:min(1000px,100%);height:clamp(250px,36vw,480px);margin-top:clamp(50px,7vw,90px);perspective:1800px}
.finale__laptop{position:absolute;left:6%;bottom:6%;width:64%;transform:rotateY(14deg) rotateX(6deg) rotate(-5deg);transform-style:preserve-3d}
.finale__phone{position:absolute;right:9%;bottom:12%;width:19%;transform:rotate(9deg)}
.finale .dev--laptop .dev__lid{box-shadow:inset 0 0 0 1px #ffffff2a,0 60px 90px -40px #000,0 0 80px -20px #6b55db66}
.brandbar{position:relative;display:flex;align-items:center;gap:18px;width:min(640px,100%);margin-top:-30px;padding:12px 12px 12px 26px;border-radius:999px;background:#1d1d1fcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -24px #000}
.brandbar .brand{font-size:30px;color:#fff}
.brandbar .mark i{background:#1d1d1f}
.brandbar .mark i:nth-child(2){background:var(--accent);border-color:var(--accent)}
.brandbar .word b{color:var(--accent-3)}
.brandbar__tag{margin-right:auto;font-size:11px;line-height:1.15;color:#b5b5b0;text-align:left}
.brandbar a{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px;background:#ffffff1f;font-size:14px;transition:background-color .3s}
.brandbar a:hover{background:var(--accent)}
.finale__legal{margin-top:44px;font-size:12px;color:#77776f}
/* ---------- split text helpers ---------- */
.wd{display:inline-block;white-space:nowrap}
.ch{display:inline-block}
.js:not(.is-ready) [data-intro],.js:not(.is-ready) .lockup__word,.js:not(.is-ready) .hero__title{opacity:0}
/* ---------- responsive ---------- */
@media (max-width:1080px){
  .bar__nav{display:none}
  .hero__row{grid-template-columns:1fr;gap:28px}
  .hero__aside{max-width:560px}
  .intro{grid-template-columns:1fr}
  .founder__grid{grid-template-columns:1fr}
  .founder__visual{min-height:500px;max-width:640px}
  .faq__grid{grid-template-columns:1fr}
  .faq__head{position:static}
}
@media (max-width:760px){
  html{scroll-padding-top:70px}
  .bar{padding:0 10px}
  .bar__inner{height:58px;gap:12px;padding:0 7px 0 8px;border-radius:0 0 20px 20px}
  .bar__inner::before,.bar__inner::after{width:20px;height:20px}
  .bar__inner::before{background:radial-gradient(circle at 0 100%,transparent 19.5px,#fff 20px)}
  .bar__inner::after{background:radial-gradient(circle at 100% 100%,transparent 19.5px,#fff 20px)}
  .bar__brand .brand{height:40px;padding:0 14px 0 13px;font-size:16px}
  .bar__cta{height:40px;padding:0 14px;font-size:13px}
  .hero__stage{padding:88px 0 20px}
  .lockup{font-size:min(17.2vw,24svh)}
  .hero__row{justify-items:center;text-align:center;margin-top:clamp(26px,5vh,48px)}
  .hero__main{display:flex;flex-direction:column;align-items:center}
  .client-chip{padding:10px 12px 10px 16px;font-size:15px}
  .hero__title{font-size:clamp(36px,10.4vw,46px);line-height:1.04}
  .hero__aside{align-items:center;gap:18px;width:100%}
  .proof{flex-direction:column;gap:8px;order:2}
  .hero__lede{order:1;font-size:15px}
  .hero__aside .btn{order:3;width:100%}
  .hero__meta{justify-content:center;gap:6px 16px;font-size:11.5px;text-align:center}
  .hero__meta span:nth-child(2),.hero__meta a{display:none}
  .intro{text-align:center}
  .intro__title{font-size:clamp(32px,8.6vw,40px)}
  .intro__copy p{font-size:17px}
  .show{height:clamp(240px,78vw,340px);margin-top:48px}
  .show__item--laptop{width:330px}
  .show__item--browser{width:220px;margin-bottom:34px}
  .show__item--phone{width:118px}
  .show__item--ui{width:210px;margin-bottom:40px}
  .show__item.is-lift{margin-bottom:58px}
  .founder__copy{padding-left:22px}
  .founder__visual{display:grid;gap:14px;min-height:0;margin-top:8px}
  .profile,.voice{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%}
  .track ul{grid-template-columns:1fr;gap:0}
  .track li{padding:12px 0}
  .profile{grid-template-columns:auto 1fr;padding:16px}
  .profile__photo{width:70px;height:70px}
  .profile__cta{position:absolute;right:14px;top:14px;width:42px;height:42px}
  .process__body{grid-template-columns:2px minmax(0,1fr);gap:0 22px;margin-top:56px}
  .process__counter{display:none}
  .step h3{font-size:24px}
  .step__out{font-size:13px}
  .process__note{border-radius:22px;padding:14px 18px}
  .stack__row{position:relative;top:auto;grid-template-columns:1fr}
  .case__media,.case--wide .case__media{height:min(76vw,330px)}
  .case__desk,.case--wide .case__desk{left:7%;right:20%;top:12%}
  .case__phone,.case--wide .case__phone{right:5%;width:27%;top:22%}
  .case__phones .dev--phone{width:29%}
  .case__info{padding:16px 6px 8px 12px}
  .case__info p{font-size:13px}
  .pill-link{height:38px;padding:0 14px;font-size:13px}
  .faq__list{display:flex;flex-direction:column}
  .faq__col{display:contents}
  .qa{order:var(--o)}
  .faq__head{text-align:center;display:flex;flex-direction:column;align-items:center}
  .faq__head h2{font-size:clamp(40px,11vw,52px)}
  .qa button{padding:22px 20px 22px 22px;font-size:15.5px}
  .qa__a p{padding:0 22px 22px;font-size:14.5px}
  .finale h2{font-size:clamp(36px,10vw,48px)}
  .finale__actions{flex-direction:column;width:100%}
  .finale__actions .btn{width:100%}
  .finale__scene{height:min(64vw,300px)}
  .finale__laptop{left:0;width:78%}
  .finale__phone{right:2%;width:26%}
  .brandbar{gap:10px;padding:10px 10px 10px 18px;margin-top:-18px}
  .brandbar .brand{font-size:22px}
  .brandbar__tag{display:none}
  .brandbar a{height:38px;padding:0 14px;font-size:13px;margin-left:auto}
}
@media (max-width:380px){
  .bar__cta .ico{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hero{position:relative}
  .js .step{opacity:1}
  .js .intro__copy [data-words] .sw{color:inherit}
}
/* ---------- print / PDF ---------- */
@media print{
  @page{size:A4;margin:14mm}
  body{background:#fff;font-size:11pt}
  .bar,.cursor,.skip,.show,.curtain__arc,.finale__scene,.finale__glow,.finale__arcs,.hero__bg,.lockup__mark canvas,.founder__ghost,.work__blob,.finale__actions,.hero__meta a,.process__counter,.process__line,.profile__cta{display:none!important}
  *,*::before,*::after{animation:none!important;transition:none!important;opacity:1!important;filter:none!important}
  .hero,.stack__row,.faq__head,.counter{position:static!important}
  .stack__row::before{display:none!important}
  .founder__grid{display:block!important}
  .founder__visual{margin-top:14pt}
  .hero__stage::after{display:none!important}
  .kicker,.sec-head h2{break-after:avoid}
  .sec-head,.faq__head,.founder__copy>.kicker,h2,h3{break-inside:avoid}
  .faq{break-before:page}
  .ch,.wd,.lw,.qa,.case,.step__icon,.kicker,.sec-head__lede,.process__note,[data-float],[data-intro],.brandbar{transform:none!important}
  .profile,.voice,.case,.process__note{break-inside:avoid}
  .hero__stage{min-height:0;padding:0 0 16pt;transform:none!important;border-radius:0!important}
  .lockup{font-size:64pt}
  .lockup.is-gl .lockup__fallback{opacity:1}
  .dark,.curtain,.process,.faq,.finale{background:#fff!important;color:#111!important;border-radius:0!important;margin-top:0!important;padding:18pt 0!important}
  .dark em{color:var(--accent)!important}
  .dark .kicker,.dark p,.step>p,.qa__a p,.intro__copy p,.finale__text{color:#444!important}
  .intro__copy strong,.step h3,.qa button,.step__out b{color:#111!important}
  .js .intro__copy [data-words] .sw{color:inherit!important}
  .founder,.work{padding:18pt 0!important;margin:0!important;border-radius:0!important}
  .founder__visual{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10pt;align-items:start;margin-top:12pt}
  .track{grid-column:1/-1}
  .track ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14pt}
  .profile,.voice{position:relative!important;inset:auto!important;width:auto!important;transform:none!important;box-shadow:0 0 0 1px #ddd}
  .founder__grid,.intro,.faq__grid{grid-template-columns:1fr!important}
  .process__body{display:block}
  .step{padding-bottom:12pt;break-inside:avoid}
  .step__icon{display:none!important}
  .step__out,.qa{background:#f5f5f5!important;box-shadow:none!important}
  .stack__row{grid-template-columns:1fr 1fr!important;break-inside:avoid;transform:none!important}
  .case__media{height:150pt!important}
  .js .qa__a{grid-template-rows:1fr!important}
  .faq__list{grid-template-columns:1fr 1fr}
  .qa{break-inside:avoid}
  .brandbar{background:#f4f4f4!important;box-shadow:none;margin-top:12pt}
  .brandbar .brand,.brandbar a{color:#111!important}
  .process__note{background:#f5f5f5!important;color:#111!important}
}

/* ---------- glow call to action ---------- */
.btn--glow{position:relative;z-index:1;height:64px;padding:0 34px;font-size:17px;color:#fff;background:linear-gradient(100deg,#151515 0%,#241c52 35%,#6b55db 70%,#8270f0 100%);background-size:240% 100%;box-shadow:0 22px 44px -16px #6b55dbb3,inset 0 1px 0 #ffffff38,inset 0 0 0 1px #ffffff14;animation:sheen 6s ease-in-out infinite alternate}
.btn--glow::after{content:'';position:absolute;inset:-6px;border-radius:inherit;box-shadow:0 0 0 1px #6b55db40;opacity:0;transition:opacity .3s,inset .3s}
.btn--glow:hover::after{opacity:1;inset:-9px}
@keyframes sheen{from{background-position:0 0}to{background-position:100% 0}}
@media (max-width:760px){.btn--glow{width:100%;height:58px;padding:0 18px;font-size:15px}}
.dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.nw{white-space:nowrap}