@font-face{font-family:"FluidHand";src:url("https://ik.imagekit.io/fluid/980191006/fc-fluidhand_P4ldC7L9M.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
  @font-face{font-family:"FLFontBold";src:url("https://ik.imagekit.io/fluid/980191006/flfontbold_-adO32i1x.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  :root{
    --bg:#07080a; --bg2:#0d0f13; --ink:#eeede8; --dim:#9a9fa8; --line:rgba(255,255,255,.09);
    --accent:#077bff; --accent-2:#5aa8ff; --accent-soft:rgba(7,123,255,.14);
    --panel:#0e1117; --faint:#4b505a; --blue-2:#5aa8ff;
    --mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,monospace;
    --paper:#f5f4ef; --paper2:#ecebe4; --ink-d:#141519; --dim-d:#5d6067; --line-d:rgba(20,21,25,.12);
    --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Helvetica,Arial,sans-serif;
    --serif:Georgia,"Times New Roman",serif;
  }
  html{scroll-behavior:smooth}
  body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}
  html{overflow-x:clip}
  ::selection{background:var(--accent);color:#fff}
  a{color:inherit;text-decoration:none}
  button{font:inherit;color:inherit;background:transparent}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
  .narrow{max-width:680px;margin:0 auto}

  /* ---------- type ---------- */
  .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
  h1{font-size:clamp(2.6rem,6.5vw,4.9rem);font-weight:650;letter-spacing:-.03em;line-height:1.04}
  h2{font-size:clamp(2rem,4.6vw,3.3rem);font-weight:650;letter-spacing:-.025em;line-height:1.08}
  .h3sub{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:450;letter-spacing:-.015em;line-height:1.15;color:var(--muted,var(--dim))}
  .lead{font-size:clamp(1.1rem,1.7vw,1.3rem);line-height:1.55}
  .litany p{font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.45;margin:.55em 0;color:var(--muted,var(--dim))}
  .litany p strong{color:inherit}
  .litany .turn{color:var(--text,var(--ink));font-weight:550}
  .bigline{font-family:var(--sans);font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:600;letter-spacing:-.02em;line-height:1.18}
  .pullquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.3;letter-spacing:-.01em}

  /* ---------- bands ---------- */
  section.band{padding:clamp(88px,11vw,150px) 0;position:relative}
  .band--dark{background:var(--bg);color:var(--ink);--text:var(--ink);--muted:var(--dim);--ln:var(--line)}
  .band--dark2{background:var(--bg2);color:var(--ink);--text:var(--ink);--muted:var(--dim);--ln:var(--line)}
  .band--light{background:var(--paper);color:var(--ink-d);--text:var(--ink-d);--muted:var(--dim-d);--ln:var(--line-d)}
  .band--light2{background:var(--paper2);color:var(--ink-d);--text:var(--ink-d);--muted:var(--dim-d);--ln:var(--line-d)}
  .band .eyebrow{color:var(--accent)}
  .kicker{display:block;margin-bottom:22px}
  .sec-head{margin-bottom:clamp(36px,5vw,64px)}
  hr.rule{border:0;border-top:1px solid var(--ln);margin:clamp(40px,6vw,72px) 0}

  /* ---------- buttons ---------- */
  .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-size:.98rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}
  .btn:hover{transform:translateY(-1px)}
  .btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 30px -8px rgba(7,123,255,.55)}
  .btn--primary:hover{box-shadow:0 12px 36px -8px rgba(7,123,255,.7)}
  .btn--ghost{border-color:var(--ln);color:var(--text)}
  .btn--ghost:hover{border-color:var(--accent);color:var(--accent)}
  .btn--sm{padding:9px 16px;font-size:.85rem}

  /* ---------- nav ---------- */
  nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
  nav.scrolled{background:rgba(7,8,10,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--line)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
  .nav-logo{display:flex;align-items:center;flex:0 0 auto;height:68px}
  .nav-logo img{display:block;width:auto;height:36px;max-width:208px;object-fit:contain}
  .logo{font-weight:700;font-size:1.05rem;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;white-space:nowrap}
  .logo .dot{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 14px rgba(7,123,255,.9)}
  .nav-links{display:flex;gap:30px;font-size:.92rem;color:var(--dim)}
  .nav-links a:hover{color:var(--ink)}
  .nav-links a.active{color:var(--ink)}
  .tdd{position:relative;display:inline-flex;align-items:center}
  .tdd-trigger{display:inline-flex;align-items:center;gap:6px;color:var(--dim);font-size:.92rem;font-family:inherit;background:none;border:0;padding:0;cursor:pointer;transition:color .18s ease}
  .tdd:hover .tdd-trigger,.tdd:focus-within .tdd-trigger{color:var(--ink)}
  .tdd-trigger svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
  .tdd:hover .tdd-trigger svg,.tdd:focus-within .tdd-trigger svg{transform:rotate(180deg)}
  .tdd-panel{position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%) translateY(-6px);width:340px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(17,21,29,.97),rgba(10,13,18,.97));box-shadow:0 44px 96px -36px #000,inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .24s;z-index:120}
  .tdd:hover .tdd-panel,.tdd:focus-within .tdd-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .tdd-panel::before{content:"";position:absolute;top:-15px;left:0;right:0;height:15px}
  .tdd-item{display:flex;gap:13px;align-items:center;padding:11px 12px;border-radius:12px;transition:background .18s ease}
  .tdd-item:hover{background:rgba(255,255,255,.06)}
  .tdd-ic{flex:0 0 36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(160deg,rgba(7,123,255,.22),rgba(7,123,255,.06));border:1px solid rgba(7,123,255,.32);color:var(--accent-2)}
  .tdd-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .tdd-tt{display:block;color:#fff;font-size:.92rem;font-weight:600;line-height:1.2}
  .tdd-ds{display:block;color:#9aa0a8;font-size:.75rem;line-height:1.3;margin-top:3px}
  @media(max-width:880px){.nav-links{display:none}}
  @media(max-width:480px){.nav-inner .btn{padding:9px 14px;font-size:.82rem}.logo{font-size:.95rem}.nav-logo img{height:28px;max-width:158px}}

  /* mega-tdd */
  .tdd--mega .tdd-panel{width:min(720px,calc(100vw - 28px));left:auto;right:0;transform:translateY(-6px);padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(135% 130% at 100% -12%,rgba(7,123,255,.12),transparent 52%),linear-gradient(180deg,#0d121b,#0a0e14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 44px 100px -26px rgba(0,0,0,.85)}
  .tdd--mega:hover .tdd-panel,.tdd--mega:focus-within .tdd-panel{transform:translateY(0)}
  .tdd-sec{display:flex;align-items:baseline;justify-content:space-between;font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);padding:2px 10px 9px}
  .tdd-sec:not(:first-child){margin-top:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:13px}
  .tdd-secnote{color:var(--faint);letter-spacing:.12em}
  .tdd-report{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:10px 11px;border-radius:12px;background:linear-gradient(100deg,rgba(7,123,255,.17),rgba(7,123,255,.05));border:1px solid rgba(7,123,255,.26);transition:background .2s ease,border-color .2s ease}
  .tdd-report:hover{background:linear-gradient(100deg,rgba(7,123,255,.28),rgba(7,123,255,.1));border-color:rgba(7,123,255,.48)}
  .tdd-rthumb{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,#12365f,#0a1826);border:1px solid rgba(107,176,255,.3)}
  .tdd-rthumb svg{width:26px;height:26px}
  .tdd-rbadge{font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:#8cc0ff;background:rgba(7,123,255,.2);border:1px solid rgba(7,123,255,.4);border-radius:999px;padding:4px 9px;white-space:nowrap}
  .tdd--mega .tdd-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
  .tdd--mega .tdd-item{display:grid;grid-template-columns:46px 1fr 18px;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;transition:background .2s ease}
  .tdd--mega .tdd-item:hover{background:rgba(255,255,255,.055)}
  .tdd-thumb{width:46px;height:46px;border-radius:11px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09)}
  .tdd-thumb img{max-width:78%;max-height:78%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));transition:transform .3s cubic-bezier(.2,.7,.2,1)}
  .tdd--mega .tdd-item:hover .tdd-thumb img{transform:scale(1.1)}
  .tdd-txt{display:flex;flex-direction:column;min-width:0}
  .tdd--mega .tdd-tt{font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tdd--mega .tdd-ds{font-size:.76rem;color:var(--dim);line-height:1.25;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tdd-go{width:16px;height:16px;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(-5px);transition:opacity .2s ease,transform .2s ease,stroke .2s ease}
  .tdd--mega .tdd-item:hover .tdd-go{opacity:1;transform:translateX(0);stroke:var(--blue-2)}
  .tdd-all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);transition:background .2s ease,border-color .2s ease}
  .tdd-all:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}
  .tdd-all-l{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--ink)}
  .tdd-all-r{display:inline-flex;align-items:center;gap:7px;font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-2)}
  .tdd-all-r svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
  .tdd-all:hover .tdd-all-r svg{transform:translateX(4px)}
  @keyframes tddIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
  .tdd--mega .tdd-item{opacity:0}
  .tdd--mega:hover .tdd-item,.tdd--mega:focus-within .tdd-item{animation:tddIn .4s both cubic-bezier(.2,.7,.2,1)}
  .tdd--mega .tdd-item:nth-child(1){animation-delay:0.03s}.tdd--mega .tdd-item:nth-child(2){animation-delay:0.06s}.tdd--mega .tdd-item:nth-child(3){animation-delay:0.09s}.tdd--mega .tdd-item:nth-child(4){animation-delay:0.12s}.tdd--mega .tdd-item:nth-child(5){animation-delay:0.15s}.tdd--mega .tdd-item:nth-child(6){animation-delay:0.18s}.tdd--mega .tdd-item:nth-child(7){animation-delay:0.21s}.tdd--mega .tdd-item:nth-child(8){animation-delay:0.24s}.tdd--mega .tdd-item:nth-child(9){animation-delay:0.27s}
  @media (prefers-reduced-motion:reduce){.tdd--mega .tdd-item{opacity:1;animation:none}}
  @media(max-width:760px){.tdd--mega .tdd-panel{width:min(360px,calc(100vw - 20px))}.tdd--mega .tdd-grid{grid-template-columns:1fr}}

  /* ---------- hero ---------- */
  .hero{min-height:86svh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:116px 0 38px;background:
    radial-gradient(1100px 640px at 50% -18%,rgba(7,123,255,.17),transparent 62%),
    radial-gradient(700px 420px at 50% 118%,rgba(7,123,255,.07),transparent 60%),
    var(--bg)}
  #heroParticles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
  .hero-inner{position:relative;z-index:2;max-width:1020px;margin:0 auto;padding:0 24px;will-change:transform}
  .hero .eyebrow{margin-bottom:30px;display:block}
  .hero h1{font-size:clamp(2.35rem,5.4vw,4.7rem);letter-spacing:-.035em;line-height:1.05}
  .hero h1 .rot{color:var(--accent);display:inline-block;will-change:transform,opacity}
  .hero h1 .rot.anim{animation:rotin .55s cubic-bezier(.2,.75,.25,1)}
  @keyframes rotin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .hero .tell{margin-top:26px;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:450;color:var(--dim);letter-spacing:-.01em}
  .hero-ctas{margin-top:44px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}
  .trust{margin-top:22px;font-size:.9rem;color:var(--dim)}
  .trust span{color:var(--ink)}
  .scrollcue{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:76px;background:rgba(255,255,255,.1);overflow:hidden;z-index:2}
  .scrollcue::after{content:"";position:absolute;left:0;top:-45%;width:100%;height:45%;background:linear-gradient(180deg,transparent,var(--accent));animation:cue 2.4s cubic-bezier(.55,0,.3,1) infinite}
  @keyframes cue{to{top:115%}}
  @media(prefers-reduced-motion:reduce){.scrollcue::after{animation:none}}

  /* card hover physics */
  .card,.cmdcard,.excard{transition:transform .25s ease,box-shadow .25s ease}
  .card:hover,.cmdcard:hover,.excard:hover{transform:translateY(-4px)}
  .band--light .card:hover,.band--light2 .card:hover,.cmdcard:hover{box-shadow:0 26px 48px -22px rgba(20,21,25,.28)}
  .band--dark .card:hover,.band--dark2 .card:hover,.excard:hover{box-shadow:0 26px 48px -22px rgba(0,0,0,.8)}

  /* ---------- cinematic ---------- */
  #openingFx{position:fixed;inset:0;z-index:7;width:100%;height:100%;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:saturate(.88) contrast(1.02);will-change:opacity}
  #cinema{position:relative;height:580vh;background:#05070b;isolation:isolate}
  .cinema-sticky{--entry:0;position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,rgba(36,74,129,.11),transparent 38%),radial-gradient(ellipse at 72% 22%,rgba(64,91,138,.055),transparent 30%),#05070b;perspective:1400px;will-change:opacity}
  .cinema-sticky.is-preenter{position:fixed;inset:0;width:100%}
  .cinema-sticky::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,11,.28),transparent 23%,transparent 72%,rgba(5,7,11,.5))}
  .cinema-sticky::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 180px 54px rgba(0,0,0,.72)}
  #particles{position:absolute;inset:-4%;z-index:0;width:108%;height:108%;filter:saturate(.9) contrast(1.02);transform:scale(calc(1 + var(--entry)*.055));transform-origin:50% 50%;will-change:transform}
  .cinema-gate{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:calc(1 - var(--entry));transform-style:preserve-3d}
  .cinema-gate::before,.cinema-gate::after{content:"";position:absolute;left:50%;top:50%;pointer-events:none}
  .cinema-gate::before{width:min(38vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(228,240,255,.18) 0,rgba(98,146,213,.065) 18%,rgba(34,74,132,.025) 42%,transparent 70%);filter:blur(4px);transform:translate(-50%,-50%) translateZ(calc(var(--entry)*180px)) scale(calc(.48 + var(--entry)*1.05));opacity:calc((1 - var(--entry))*.7)}
  .cinema-gate::after{width:min(72vw,980px);height:min(29vw,350px);border:1px solid rgba(163,195,235,.13);border-radius:50%;background:transparent;box-shadow:0 0 70px rgba(75,126,194,.045),inset 0 0 70px rgba(75,126,194,.025);transform:translate(-50%,-50%) translateZ(calc(var(--entry)*220px)) rotate(-7deg) scale(calc(.58 + var(--entry)*.72));opacity:calc((1 - var(--entry))*.72)}
  .cinema-systems{position:absolute;inset:-4%;z-index:1;pointer-events:none;perspective:1600px;transform:scale(calc(1 + var(--entry)*.055));transform-origin:50% 50%;transform-style:preserve-3d;overflow:hidden;will-change:transform}
  .cinema-systems::before{content:"";position:absolute;left:50%;top:50%;width:min(84vw,1160px);height:min(54vw,680px);translate:-50% -50%;border:1px solid rgba(157,197,241,.055);border-radius:50%;box-shadow:0 0 92px rgba(58,126,207,.04),inset 0 0 92px rgba(58,126,207,.025);opacity:var(--system-field-o,0);transform:rotateX(67deg) rotateZ(-7deg);transition:opacity .2s linear}
  .cinema-systems .journey-node{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;transform-style:preserve-3d}
  .cinema-systems .journey-node-body{filter:drop-shadow(0 18px 32px rgba(0,0,0,.62));transform:rotateX(var(--node-tilt-x,0deg)) rotateY(var(--node-tilt-y,0deg));transition:filter .25s linear}
  .cinema-systems .system-planet-icon{width:clamp(42px,4.4vw,58px);height:clamp(42px,4.4vw,58px);box-shadow:0 18px 42px -18px rgba(0,0,0,.96),0 0 30px color-mix(in srgb,var(--pc,#77b5ff) 26%,transparent),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -10px 20px rgba(0,0,0,.16)}
  .cinema-systems .system-planet-icon svg{width:44%;height:44%}
  .cinema-systems .system-planet-name{opacity:var(--label-o,1);font-size:clamp(.6rem,.86vw,.76rem);transition:opacity .2s linear}
  .cinema-systems .journey-node.is-cell .system-planet-name{display:none}
  .cinema-systems .journey-node.is-complete .system-planet-icon{box-shadow:0 14px 34px -16px rgba(0,0,0,.98),0 0 24px color-mix(in srgb,var(--pc,#77b5ff) 38%,transparent),0 0 0 1px color-mix(in srgb,var(--pc,#77b5ff) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
  .act{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;padding:0 24px;will-change:opacity,transform}
  .act-inner{max-width:780px;padding:40px 44px;text-shadow:0 10px 44px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.7);transform-style:preserve-3d;will-change:transform,filter}
  .act h3{font-size:clamp(2.15rem,5vw,3.85rem);font-weight:680;letter-spacing:-.035em;line-height:1.04;color:#f7f7f4}
  .act p{max-width:620px;margin:22px auto 0;font-size:clamp(1.02rem,1.55vw,1.2rem);color:#aeb5c2;line-height:1.62}
  .act[data-act="0"] .act-inner{width:min(1180px,100%);max-width:none}
  .act[data-act="0"] h3{font-size:clamp(2.55rem,6vw,5.4rem);line-height:.96;width:100%;max-width:1100px;margin:0 auto}
  .act[data-act="0"] .work-word{display:inline-block;color:#fff;text-shadow:0 0 28px rgba(90,169,255,.55),0 0 84px rgba(7,123,255,.3)}
  .act[data-act="3"]{align-items:center;padding-top:0}
  .act[data-act="3"] .act-inner{max-width:680px;padding:40px 44px}
  .act[data-act="4"]{align-items:center;padding-top:0;padding-bottom:38vh}
  .act[data-act="4"] .act-inner{padding:40px 44px}
  .cinema-hint{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);color:#8e97a6;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.72}
  @media(max-width:640px){
    #cinema{height:540vh}
    .cinema-sticky::after{box-shadow:inset 0 0 92px 24px rgba(0,0,0,.76)}
    .act-inner{padding:32px 8px}
    .act h3{font-size:clamp(2.2rem,11vw,3.2rem)}
    .act p{font-size:1rem}
    .act[data-act="0"] h3{font-size:clamp(2.4rem,12.5vw,3.45rem)}
    .act[data-act="3"]{padding-top:0}
    .act[data-act="4"]{padding-top:0;padding-bottom:36vh}
    .cinema-systems .system-planet-icon{width:38px;height:38px}
    .cinema-systems .system-planet-name{display:none}
  }

  /* ---------- connected platform universe ---------- */
  .platform-universe{position:relative;padding:clamp(110px,14vw,190px) 0 clamp(120px,15vw,210px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,rgba(54,99,160,.12),transparent 32%),linear-gradient(180deg,#05070b,#07080a 82%)}
  .platform-universe::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.62;background:radial-gradient(circle at 8% 18%,rgba(231,241,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 19% 74%,rgba(137,177,226,.58) 0 1px,transparent 2px),radial-gradient(circle at 31% 11%,rgba(255,246,231,.62) 0 1px,transparent 2px),radial-gradient(circle at 43% 83%,rgba(210,229,252,.55) 0 1px,transparent 2px),radial-gradient(circle at 59% 16%,rgba(219,235,253,.65) 0 1px,transparent 2px),radial-gradient(circle at 72% 72%,rgba(255,237,215,.55) 0 1px,transparent 2px),radial-gradient(circle at 87% 27%,rgba(181,213,249,.66) 0 1px,transparent 2px),radial-gradient(circle at 93% 81%,rgba(235,242,251,.58) 0 1px,transparent 2px)}
  .system-intro{text-align:center;max-width:850px;margin:0 auto}
  .system-intro .display{max-width:15ch;margin:0 auto}
  .system-intro .quiet{max-width:690px;margin:clamp(24px,3vw,36px) auto 0}
  .system-map{position:relative;width:min(1160px,100%);height:clamp(620px,65vw,760px);margin:clamp(58px,8vw,96px) auto 0;isolation:isolate}
  .system-map::before{content:"";position:absolute;left:50%;top:50%;width:min(46vw,540px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(151,191,238,.13),rgba(70,116,177,.04) 34%,transparent 68%);filter:blur(2px);animation:systemBreath 7s ease-in-out infinite}
  .system-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .system-lines ellipse{fill:none;stroke:rgba(170,202,239,.12);stroke-width:1}
  .system-lines ellipse:nth-of-type(2){stroke:rgba(170,202,239,.08);stroke-dasharray:4 10}
  .system-lines ellipse:nth-of-type(3){stroke:rgba(255,255,255,.055)}
  .system-rays line{stroke:rgba(151,190,235,.12);stroke-width:1;stroke-dasharray:2 8;animation:systemSignal 14s linear infinite}
  .system-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(150px,16vw,188px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 42% 32%,rgba(44,138,255,.34),rgba(7,34,74,.95) 52%,rgba(5,10,18,.98) 72%);border:1px solid rgba(176,211,250,.26);box-shadow:0 0 0 20px rgba(83,139,207,.025),0 0 90px rgba(39,127,235,.26),inset 0 1px 0 rgba(255,255,255,.22);z-index:3}
  .system-core::after{content:"";position:absolute;inset:-22%;border:1px solid rgba(162,200,244,.1);border-radius:50%;box-shadow:0 0 52px rgba(72,139,220,.08)}
  .system-core-mark{width:58px;height:58px;border-radius:8px;display:grid;place-items:center;margin-bottom:12px;background:#077bff;box-shadow:0 12px 36px rgba(7,123,255,.34);font-size:1.7rem;font-weight:750}
  .system-core strong{font-size:1.2rem;letter-spacing:-.02em}
  .system-core span{margin-top:4px;color:#aeb9c8;font-size:.72rem;letter-spacing:.06em}
  .system-planet{position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;justify-items:center;gap:10px;transform:translate(-50%,-50%);animation:systemFloat var(--dur,7s) ease-in-out infinite var(--delay,0s)}
  .system-planet-icon{position:relative;width:clamp(54px,5.2vw,66px);height:clamp(54px,5.2vw,66px);border-radius:8px;display:grid;place-items:center;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(155deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.035) 29%,rgba(1,5,12,.12) 58%,rgba(1,4,10,.48) 100%),radial-gradient(circle at 28% 18%,rgba(255,255,255,.2),transparent 34%),var(--art,linear-gradient(145deg,color-mix(in srgb,var(--pc,#77b5ff) 34%,#151a22),#080b10));background-position:center,center,var(--art-pos,50% 50%);background-size:cover,cover,var(--art-size,cover);background-repeat:no-repeat;border:1px solid rgba(255,255,255,.27);box-shadow:0 22px 48px -19px rgba(0,0,0,.98),0 0 34px color-mix(in srgb,var(--pc,#77b5ff) 22%,transparent),0 0 0 1px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -12px 24px rgba(0,0,0,.18);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
  .system-planet-icon::before{content:"";position:absolute;z-index:0;left:-20%;top:-32%;width:86%;height:66%;border-radius:50%;background:linear-gradient(105deg,transparent 10%,rgba(255,255,255,.38) 48%,transparent 76%);filter:blur(5px);rotate:-18deg;opacity:.58;mix-blend-mode:screen}
  .system-planet-icon::after{content:"";position:absolute;z-index:3;inset:2px;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 0 8px 15px rgba(255,255,255,.025);pointer-events:none}
  .system-planet-icon svg{position:relative;z-index:2;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(0,0,0,.58)) drop-shadow(0 0 6px rgba(255,255,255,.2))}
  .system-planet[data-product="mist"] .system-planet-icon svg,.journey-node[data-product="mist"] .system-planet-icon svg{width:30px;height:30px}
  .system-planet-name{font-size:clamp(.72rem,1.1vw,.88rem);font-weight:600;letter-spacing:0;color:#dce2ea;white-space:nowrap;text-shadow:0 3px 14px #000}
  .system-planet:hover{z-index:5;animation-play-state:paused}
  .system-planet:hover .system-planet-icon{transform:translateY(-6px) scale(1.06);box-shadow:0 26px 54px -18px rgba(0,0,0,.95),0 0 38px color-mix(in srgb,var(--pc,#77b5ff) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}
  .system-map:has(.system-planet:hover) .system-planet:not(:hover){opacity:.42}
  .system-map .system-planet{transition:opacity .3s ease}
  @keyframes systemFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
  @keyframes systemBreath{0%,100%{scale:.94;opacity:.7}50%{scale:1.04;opacity:1}}
  @keyframes systemSignal{to{stroke-dashoffset:-80}}
  @media(max-width:700px){
    .platform-universe{padding:100px 0 118px}
    .system-map{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:190px 12px 0;margin-top:48px}
    .system-map::before{top:80px;width:240px}
    .system-lines{top:0;height:170px}
    .system-lines ellipse{transform-origin:50% 50%;transform:scale(.45)}
    .system-rays{display:none}
    .system-core{top:78px;width:138px}
    .system-core-mark{width:48px;height:48px;margin-bottom:9px;font-size:1.35rem}
    .system-core strong{font-size:1rem}.system-core span{font-size:.62rem}
    .system-planet{position:relative;left:auto!important;top:auto!important;transform:none!important;animation:none;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025)}
    .system-planet-icon{width:46px;height:46px;flex:0 0 46px}
    .system-planet-icon::after{inset:2px}
    .system-planet-icon svg{width:22px;height:22px}
    .system-planet-name{font-size:.78rem;white-space:normal;text-align:left}
  }
  @media(prefers-reduced-motion:reduce){.system-map::before,.system-planet,.system-rays line{animation:none}}

  /* ---------- generic cards / grids ---------- */
  .grid{display:grid;gap:18px}
  .grid-2{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .grid-4{grid-template-columns:repeat(4,1fr)}
  @media(max-width:960px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
  .card{border:1px solid var(--ln);border-radius:18px;padding:28px}
  .band--light .card,.band--light2 .card{background:#fff}
  .band--dark .card,.band--dark2 .card{background:rgba(255,255,255,.025)}
  .card h4{font-size:1.15rem;font-weight:650;letter-spacing:-.015em}
  .card p{margin-top:10px;color:var(--muted);font-size:.98rem;line-height:1.6}

  /* command cards (section 4) */
  .cmdcard{border:1px solid var(--ln);border-radius:20px;padding:clamp(24px,3.4vw,36px);background:#fff;display:flex;flex-direction:column}
  .cmdcard .said{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.35;letter-spacing:-.01em}
  .cmdcard .said::before{content:"→ ";font-family:var(--sans);font-style:normal;color:var(--accent);font-weight:700}
  .cmdcard .res{margin-top:18px;color:var(--muted);font-size:.97rem;line-height:1.65}
  .cmdcard .res b{color:var(--text);font-weight:600}
  .cmdcard .chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px;list-style:none}
  .cmdcard .chips li{font-size:.85rem;border:1px solid var(--ln);border-radius:8px;padding:5px 11px;color:var(--text);background:var(--paper)}
  .cmdcard .verdict{margin-top:16px;font-weight:600;font-size:.95rem}
  .cmdcard .fbtns{margin-top:auto;padding-top:22px;display:flex;gap:8px;flex-wrap:wrap}
  .fbtn{font-size:.83rem;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--ln);background:transparent;color:var(--text);cursor:pointer}
  .fbtn:first-child{background:var(--ink-d);color:#fff;border-color:var(--ink-d)}
  .band--dark .fbtn,.band--dark2 .fbtn{color:var(--ink)}
  .band--dark .fbtn:first-child,.band--dark2 .fbtn:first-child{background:var(--ink);color:var(--bg);border-color:var(--ink)}

  /* before/with */
  .bw{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
  @media(max-width:820px){.bw{grid-template-columns:1fr}}
  .bw-col{border-radius:20px;padding:clamp(26px,3.5vw,42px)}
  .bw-before{background:#fff;border:1px solid var(--ln)}
  .bw-with{background:var(--ink-d);color:var(--ink);--text:var(--ink);--muted:#a7abb4;--ln:rgba(255,255,255,.1);border:1px solid var(--ink-d);box-shadow:0 30px 70px -30px rgba(20,21,25,.55)}
  .bw-label{font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
  .bw-with .bw-label{color:var(--accent)}
  .bw h3{margin-top:16px;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:650;letter-spacing:-.015em;line-height:1.25}
  .bw ol{margin-top:22px;list-style:none;counter-reset:step}
  .bw ol li{position:relative;padding:9px 0 9px 34px;color:var(--muted);font-size:.97rem;border-bottom:1px dashed var(--ln)}
  .bw ol li:last-child{border-bottom:0}
  .bw ol li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:9px;width:22px;height:22px;border:1px solid var(--ln);border-radius:50%;font-size:.72rem;display:flex;align-items:center;justify-content:center;color:var(--muted)}
  .bw-with ol li::before{border-color:rgba(7,123,255,.5);color:var(--accent)}
  .bw .outcome{margin-top:22px;font-weight:650;font-size:1.05rem;line-height:1.5}
  .bw-before .outcome{color:#b3543f}
  .bw-with .outcome{color:#7de0a6}

  /* ladder */
  .ladder{position:relative;margin-top:10px}
  .ladder::before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:1px;background:var(--ln)}
  .rung{position:relative;padding:26px 0 26px 76px}
  .rung .n{position:absolute;left:0;top:24px;width:47px;height:47px;border-radius:50%;background:var(--paper);border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--accent)}
  .rung h4{font-size:1.3rem;font-weight:650;letter-spacing:-.015em}
  .rung .rb{margin-top:10px;color:var(--muted);font-size:.98rem;line-height:1.65;max-width:560px}
  .rung .rb b{color:var(--text);font-weight:600}

  /* example grid */
  .excard{background:rgba(255,255,255,.025);border:1px solid var(--ln);border-radius:18px;padding:26px}
  .excard h4{font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
  .excard ul{margin-top:16px;list-style:none;display:grid;gap:12px}
  .excard li{font-family:var(--serif);font-style:italic;font-size:.98rem;line-height:1.45;color:var(--ink);padding-left:18px;position:relative}
  .excard li::before{content:"›";font-family:var(--sans);font-style:normal;position:absolute;left:0;color:var(--accent);font-weight:700}

  /* chips cloud */
  .cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
  .cloud span{border:1px solid var(--ln);border-radius:999px;padding:9px 18px;font-size:.93rem;color:var(--muted);transition:color .2s,border-color .2s}
  .cloud span:hover{color:var(--text);border-color:var(--accent)}

  /* contrast pairs (section 9) */
  .pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ln)}
  .pair:last-of-type{border-bottom:1px solid var(--ln)}
  @media(max-width:720px){.pair{grid-template-columns:1fr}}
  .pair>div{padding:26px 28px}
  .pair .cos{color:var(--dim);font-size:1.02rem}
  .pair .flu{font-size:1.08rem;font-weight:550;border-left:1px solid var(--ln)}
  @media(max-width:720px){.pair .flu{border-left:0;padding-top:0}}
  .pair .flu::before{content:"→";display:block;color:var(--accent);margin-bottom:6px;font-weight:700}

  /* FAQ */
  details{border-top:1px solid var(--ln)}
  details:last-of-type{border-bottom:1px solid var(--ln)}
  summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 4px;font-size:clamp(1.08rem,1.8vw,1.3rem);font-weight:600;letter-spacing:-.01em}
  summary::-webkit-details-marker{display:none}
  summary .pm{flex-shrink:0;width:30px;height:30px;border:1px solid var(--ln);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:400;color:var(--muted);transition:transform .3s}
  details[open] summary .pm{transform:rotate(45deg);color:var(--accent);border-color:var(--accent)}
  .faq-a{padding:0 4px 30px;color:var(--muted);max-width:620px;line-height:1.65}
  .faq-a p{margin-bottom:10px}
  .faq-a p:last-child{margin-bottom:0}
  .faq-a b{color:var(--text);font-weight:600}

  /* footer */
  footer{position:relative;background:#050608;border-top:1px solid rgba(255,255,255,.1);padding:clamp(72px,9vw,120px) 0 32px;overflow:hidden}
  footer::before{content:"";position:absolute;top:0;left:0;width:34%;height:2px;background:var(--accent)}
  .foot-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr);gap:clamp(48px,9vw,140px);align-items:end}
  .foot-statement{max-width:12ch;font-size:clamp(2.65rem,5.8vw,5.6rem);font-weight:650;letter-spacing:-.045em;line-height:.98;color:var(--ink)}
  .foot-statement span{display:block;color:#717681}
  .foot-side p{max-width:34ch;color:var(--dim);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.65}
  .foot-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
  .foot-link{color:var(--ink);font-size:.96rem;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px;transition:color .2s,border-color .2s}
  .foot-link:hover{color:#fff;border-color:var(--accent)}
  .foot-bar{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:clamp(72px,9vw,116px);padding-top:28px;border-top:1px solid var(--line)}
  .foot-brand{display:flex;align-items:center;gap:18px;min-width:0}
  .foot-brand img{display:block;width:auto;height:34px;max-width:190px;object-fit:contain;filter:brightness(0) invert(1)}
  .foot-brand span{color:#656a74;font-size:.78rem;white-space:nowrap}
  .foot-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2.5vw,34px);flex-wrap:wrap}
  .foot-nav a{color:var(--dim);font-size:.86rem;text-decoration:none;transition:color .2s}
  .foot-nav a:hover{color:var(--ink)}
  @media(max-width:760px){
    .foot-main{grid-template-columns:1fr;gap:38px}
    .foot-statement{max-width:10ch}
    .foot-bar{align-items:flex-start;flex-direction:column;margin-top:72px}
    .foot-brand{width:100%;justify-content:space-between}
    .foot-nav{justify-content:flex-start;gap:18px 26px}
  }

  /* reveal */
  .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}
  .rv.on{opacity:1;transform:none}
  .rv2{transition-delay:.12s}.rv3{transition-delay:.24s}
  @media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

  /* ============================================================
     AWWWARDS BUILD — post-hero dark sections
     ============================================================ */
  :root{
    --mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,monospace;
    --green:#69d29a; --amber:#e8b34d; --coral:#f27a6d; --faint:#4b505a;
    --panel:#0e1117; --panel2:#12161d;
  }
  .sx{position:relative;padding:clamp(104px,15vw,210px) 0;background:var(--bg);overflow:hidden}
  .sx--lift{background:linear-gradient(180deg,var(--bg) 0%,#0a0c11 50%,var(--bg) 100%)}
  .sx .wrap{position:relative;z-index:2}
  .display{font-size:clamp(2.5rem,6.4vw,5.1rem);font-weight:650;letter-spacing:-.042em;line-height:1.0}
  .display .soft{color:var(--dim);display:block}

  /* --- S1 problem --- */
  .p1 .display{max-width:15ch}
  .p1 .movement{position:relative;white-space:nowrap}
  .p1 .movement::after{content:"";position:absolute;left:0;bottom:.02em;width:100%;height:.085em;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.6,0,.15,1) .35s}
  .p1 .rv.on .movement::after{transform:scaleX(1)}
  .p1 .body{margin:clamp(40px,6vw,70px) 0 0 auto;max-width:660px;font-size:clamp(1.12rem,1.55vw,1.32rem);line-height:1.68;color:var(--dim)}
  .p1 .body b{color:var(--ink);font-weight:500}
  .tag{display:inline-block;font-family:var(--mono);font-size:.8em;color:var(--ink);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:6px;padding:.04em .48em;margin:.1em .05em;letter-spacing:-.02em;white-space:nowrap}
  .opportunity-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr);gap:clamp(42px,7vw,94px);align-items:center}
  .opportunity-copy{min-width:0}
  .opportunity-universe{--op-flow:0;--check-o:1;--core-o:0;--core-s:.7;--orbit-o:0;position:relative;min-height:clamp(520px,48vw,650px);perspective:1400px;transform-style:preserve-3d;isolation:isolate}
  .opportunity-universe::before{content:"";position:absolute;inset:10% 5%;z-index:-2;border:1px solid rgba(152,192,237,.11);border-radius:50%;transform:rotate(-9deg);opacity:var(--orbit-o);box-shadow:0 0 110px rgba(54,120,202,.08),inset 0 0 100px rgba(54,120,202,.045)}
  .opportunity-orbits{position:absolute;inset:1%;width:98%;height:98%;z-index:-1;overflow:visible;opacity:var(--orbit-o);transition:opacity .18s linear}
  .opportunity-orbits ellipse{fill:none;vector-effect:non-scaling-stroke}
  .opportunity-core-orbit{stroke:rgba(150,199,255,.3);stroke-width:.52;stroke-dasharray:1.4 2.8;filter:drop-shadow(0 0 2px rgba(70,160,255,.6))}
  .opportunity-atom-shells,.opportunity-atom-traces,.opportunity-electrons{transform-box:view-box;transform-origin:50% 52%}
  .opportunity-atom-shells ellipse{stroke:rgba(146,194,249,.3);stroke-width:.5;filter:drop-shadow(0 0 1.5px rgba(63,145,236,.38))}
  .opportunity-atom-shells ellipse:nth-child(2){stroke:rgba(119,177,242,.25)}
  .opportunity-atom-shells ellipse:nth-child(3){stroke:rgba(177,213,255,.22)}
  .opportunity-atom-traces ellipse{stroke:rgba(151,210,255,.38);stroke-width:.72;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(74,164,255,.5))}
  .opportunity-atom-traces ellipse:nth-child(2){opacity:.78}
  .opportunity-atom-traces ellipse:nth-child(3){opacity:.62}
  .opportunity-electrons circle{fill:#effaff;opacity:.72;filter:drop-shadow(0 0 4px rgba(99,184,255,1)) drop-shadow(0 0 8px rgba(44,137,255,.72))}
  .opportunity-network path{fill:none;stroke:color-mix(in srgb,var(--nc,#8ecbff) 17%,transparent);stroke-width:.34;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--nc,#8ecbff) 18%,transparent))}
  .opportunity-network .data-cross{stroke:color-mix(in srgb,var(--nc,#8ecbff) 24%,transparent);stroke-width:.42}
  .opportunity-network-streams{mix-blend-mode:screen}
  .opportunity-network-streams use{fill:none;stroke:var(--nc,#9bd4ff);stroke-width:.66;stroke-linecap:round;stroke-dasharray:2.2 96;stroke-dashoffset:0;vector-effect:non-scaling-stroke;opacity:.5;filter:drop-shadow(0 0 2px var(--nc,#8ecbff)) drop-shadow(0 0 4px rgba(32,128,255,.36));animation:opportunityDataFlow var(--dur,7.5s) linear infinite var(--delay,0s)}
  .opportunity-network-dots circle{fill:var(--nc,#e9f8ff);opacity:.82;filter:drop-shadow(0 0 2px var(--nc,#8ecbff)) drop-shadow(0 0 5px rgba(35,132,255,.52))}
  @keyframes opportunityDataFlow{to{stroke-dashoffset:-98}}
  @media(prefers-reduced-motion:reduce){.opportunity-network-streams,.opportunity-network-dots{display:none}.opportunity-network-streams use{animation:none!important}}
  .opportunity-check{position:absolute;left:50%;top:52%;z-index:0;width:min(64%,390px);aspect-ratio:1.45;translate:-50% -50%;overflow:visible;opacity:var(--check-o);transform:scale(var(--check-s,.82));filter:drop-shadow(0 0 22px rgba(56,151,255,.35));transition:opacity .15s linear}
  .opportunity-check path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
  .opportunity-check .check-glow{stroke:rgba(15,128,255,.28);stroke-width:16px}
  .opportunity-check .check-main{stroke:#36a0ff;stroke-width:7px}
  .opportunity-check .check-light{stroke:rgba(237,248,255,.86);stroke-width:1.5px}
  .opportunity-core{position:absolute;left:50%;top:52%;z-index:1;translate:-50% -50%;display:grid;place-items:center;isolation:isolate;opacity:var(--core-o);transform:scale(var(--core-s));filter:blur(var(--core-blur,5px));transition:filter .15s linear}
  .opportunity-core::before{content:"";position:absolute;width:190%;aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(214,240,255,.2) 0,rgba(48,151,255,.15) 22%,rgba(7,123,255,.06) 46%,transparent 72%);filter:blur(4px);opacity:.76}
  .opportunity-core-mark{width:clamp(88px,7.8vw,112px);height:clamp(78px,6.8vw,98px);display:grid;place-items:center}
  .opportunity-core-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px rgba(218,242,255,.58)) drop-shadow(0 0 24px rgba(7,123,255,.34))}
  .opportunity-nodes{position:absolute;inset:0;z-index:2;pointer-events:none;transform-style:preserve-3d}
  .opportunity-nodes .journey-node{position:absolute;left:0;top:0;opacity:0;transform-style:preserve-3d;will-change:transform,opacity}
  .opportunity-nodes .system-planet-icon{width:clamp(48px,4.5vw,60px);height:clamp(48px,4.5vw,60px);box-shadow:0 18px 42px -18px rgba(0,0,0,.96),0 0 28px color-mix(in srgb,var(--pc,#77b5ff) 30%,transparent),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -10px 20px rgba(0,0,0,.16)}
  .opportunity-nodes .system-planet-icon svg{width:44%;height:44%}
  .opportunity-nodes .system-planet-name{font-size:clamp(.58rem,.82vw,.72rem);opacity:var(--label-o,0);transition:opacity .15s linear}
  .logo-cloud{position:relative;min-height:clamp(460px,48vw,620px);isolation:isolate}
  .logo-cloud::before{content:"";position:absolute;inset:8% 6%;z-index:-1;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:rotate(-10deg)}
  .logo-cloud::after{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(-16deg)}
  .logo-chip{position:absolute;left:var(--x);top:var(--y);width:var(--w,150px);height:var(--h,74px);display:flex;align-items:center;justify-content:center;padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(244,243,239,.92);box-shadow:0 24px 60px -28px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.5);transform:rotate(var(--r,0deg));transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease;animation:logoDrift var(--dur,8s) ease-in-out infinite}
  .logo-chip:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 34px 78px -28px rgba(0,0,0,.96),0 0 0 1px rgba(7,123,255,.24);z-index:4}
  .logo-chip img{display:block;max-width:100%;max-height:100%;object-fit:contain}
  .logo-chip.is-dark{background:rgba(10,12,16,.78);border-color:rgba(255,255,255,.13);box-shadow:0 24px 60px -28px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.1)}
  .logo-chip.is-dark img{filter:none}
  .logo-bloom{--x:6%;--y:5%;--w:154px;--h:74px;--r:-6deg;--dur:8.4s}
  .logo-skims{--x:58%;--y:2%;--w:150px;--h:68px;--r:5deg;--dur:9.2s}
  .logo-comfrt{--x:36%;--y:17%;--w:154px;--h:70px;--r:3deg;--dur:8.8s}
  .logo-mielle{--x:7%;--y:29%;--w:134px;--h:70px;--r:7deg;--dur:9.6s}
  .logo-ag1{--x:1%;--y:54%;--w:128px;--h:74px;--r:7deg;--dur:9.6s}
  .logo-shark{--x:55%;--y:31%;--w:178px;--h:76px;--r:-4deg;--dur:8.2s}
  .logo-glamnetic{--x:19%;--y:45%;--w:174px;--h:72px;--r:-5deg;--dur:9.8s}
  .logo-dr-dent{--x:70%;--y:49%;--w:126px;--h:86px;--r:6deg;--dur:7.9s}
  .logo-tarte{--x:47%;--y:61%;--w:130px;--h:70px;--r:4deg;--dur:8.7s}
  .logo-huel{--x:8%;--y:70%;--w:124px;--h:68px;--r:-4deg;--dur:9.1s}
  .logo-goli{--x:34%;--y:78%;--w:132px;--h:74px;--r:6deg;--dur:8.5s}
  .logo-kylie{--x:62%;--y:76%;--w:178px;--h:72px;--r:-5deg;--dur:9.5s}
  .playbook-logo-cloud{width:100%;min-height:0;margin:clamp(30px,3.6vw,48px) 0 clamp(30px,3.5vw,44px);padding:clamp(14px,1.8vw,20px) 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,14px);border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075)}
  .playbook-logo-cloud::before,.playbook-logo-cloud::after{display:none}
  .playbook-logo-cloud .logo-chip{position:relative;left:auto;top:auto;width:100%;height:clamp(58px,5vw,68px);transform:none;animation:none;border-radius:5px;box-shadow:0 12px 30px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.46)}
  .playbook-logo-cloud .logo-chip:hover{transform:translateY(-2px) scale(1.01)}
  @keyframes logoDrift{0%,100%{translate:0 0}50%{translate:0 -8px}}
  @media(max-width:920px){
    .opportunity-layout{grid-template-columns:1fr}
    .opportunity-universe{min-height:clamp(480px,126vw,590px);width:min(100%,620px);margin:0 auto}
    .opportunity-universe::before{inset:10% 0}
    .opportunity-check{width:min(72%,330px)}
    .opportunity-nodes .system-planet-icon{width:46px;height:46px}
    .opportunity-nodes .system-planet-name{font-size:.62rem}
    .logo-cloud{min-height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .logo-cloud::before,.logo-cloud::after{display:none}
    .logo-chip{position:relative;left:auto;top:auto;width:100%;height:72px;transform:none;animation:none}
    .playbook-logo-cloud{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0 36px;padding:14px 0;gap:10px}
    .playbook-logo-cloud .logo-chip{height:60px}
  }
  @media(max-width:520px){
    .opportunity-universe{min-height:470px;width:calc(100% + 24px);margin-left:-12px}
    .opportunity-core-mark{width:78px;height:68px}
    .opportunity-nodes .system-planet-icon{width:40px;height:40px}
    .opportunity-nodes .system-planet-name{font-size:.55rem}
    .logo-cloud{grid-template-columns:1fr 1fr}.logo-chip{height:64px;padding:12px 14px}
    .playbook-logo-cloud{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:26px 0 30px}
    .playbook-logo-cloud .logo-chip{height:58px}
  }
  .p1 .oneline{margin-top:clamp(64px,9vw,120px);display:flex;gap:clamp(16px,2vw,28px);align-items:flex-start;border-top:1px solid var(--line);padding-top:clamp(38px,4.5vw,58px)}
  .p1 .oneline .pr{font-family:var(--mono);color:var(--accent);font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.05}
  .p1 .oneline h3{font-size:clamp(1.8rem,4vw,3.1rem);font-weight:600;letter-spacing:-.035em;line-height:1.08;max-width:16ch}

  /* --- S2 command console --- */
  .console{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(24px,4vw,60px);align-items:start}
  @media(max-width:880px){.console{grid-template-columns:1fr;gap:30px}}
  .cmdrail{display:flex;flex-direction:column;gap:2px}
  .cmdrow{position:relative;text-align:left;width:100%;display:flex;gap:13px;align-items:flex-start;padding:19px 18px;border-radius:13px;border:1px solid transparent;color:var(--dim);cursor:pointer;transition:background .35s,color .35s,border-color .35s;font-size:1.03rem;line-height:1.42;letter-spacing:-.012em;overflow:hidden}
  .cmdrow .pr{font-family:var(--mono);color:var(--dim);transition:color .35s;margin-top:.02em}
  .cmdrow:hover{color:var(--ink)}
  .cmdrow.on{color:var(--ink);background:var(--panel);border-color:var(--line)}
  .cmdrow.on .pr{color:var(--accent)}
  .cmdrow .fill{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);width:0}
  .cmdrow.on .fill{width:100%;transition:width var(--dwell,4600ms) linear}
  .workstage{position:relative;min-height:430px}
  .workcard{position:absolute;inset:0;background:linear-gradient(180deg,var(--panel),#0a0d12);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,3vw,40px);opacity:0;transform:translateY(16px) scale(.99);transition:opacity .55s ease,transform .55s ease;pointer-events:none;display:flex;flex-direction:column}
  .workcard.on{opacity:1;transform:none;pointer-events:auto;z-index:2}
  .workcard .asked{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
  .workcard .cmd{margin-top:10px;font-size:clamp(1.2rem,1.9vw,1.5rem);font-weight:600;letter-spacing:-.025em;color:var(--ink);line-height:1.25}
  .workcard .cmd .pr{color:var(--accent);font-family:var(--mono)}
  .workcard .rule{height:1px;background:var(--line);margin:22px 0}
  .workcard .res{color:var(--dim);font-size:1.04rem;line-height:1.62}
  .workcard .res b{color:var(--ink);font-weight:550}
  .wchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
  .wchips span{font-size:.83rem;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:9px;padding:7px 12px;color:var(--ink)}
  .workcard.on .wchips span{animation:chipin .5s cubic-bezier(.2,.7,.2,1)}
  .workcard.on .wchips span:nth-child(1){animation-delay:.16s}
  .workcard.on .wchips span:nth-child(2){animation-delay:.24s}
  .workcard.on .wchips span:nth-child(3){animation-delay:.32s}
  .workcard.on .wchips span:nth-child(4){animation-delay:.40s}
  .workcard.on .wchips span:nth-child(5){animation-delay:.48s}
  @keyframes chipin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .workcard .foot{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .workcard .gate{font-size:.86rem;color:var(--dim)}
  .workcard .gate b{color:var(--green);font-weight:600}
  @media(prefers-reduced-motion:reduce){.cmdrow.on .fill{transition:none}.workcard.on .wchips span{animation:none;opacity:1}}

  /* --- S3 ROI / drag strikethrough --- */
  .roi .lead2{font-size:clamp(1.35rem,2.5vw,2rem);font-weight:500;letter-spacing:-.025em;line-height:1.28;max-width:740px}
  .roi .lead2 .soft{color:var(--dim)}
  .draglist{margin:clamp(44px,6vw,72px) 0 clamp(32px,4vw,46px)}
  .dragitem{position:relative;font-size:clamp(1.5rem,3.6vw,2.7rem);font-weight:600;letter-spacing:-.035em;line-height:1.46;color:var(--ink);width:fit-content;text-decoration-line:line-through;text-decoration-color:transparent;text-decoration-thickness:3px;text-decoration-skip-ink:none;transition:color .7s ease,text-decoration-color .55s ease}
  .dragitem.cut{color:var(--faint);text-decoration-color:var(--coral)}
  .draghinge{display:flex;gap:15px;align-items:baseline;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:600;letter-spacing:-.015em;color:var(--ink)}
  .draghinge .pr{color:var(--accent);font-family:var(--mono)}
  .roigrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:clamp(54px,7vw,96px)}
  @media(max-width:680px){.roigrid{grid-template-columns:1fr}}
  .roicell{background:var(--bg);padding:clamp(28px,3.2vw,42px);transition:background .35s}
  .roicell:hover{background:var(--panel)}
  .roicell .m{font-family:var(--mono);color:var(--accent);font-size:1.5rem;line-height:1}
  .roicell h4{margin-top:20px;font-size:1.28rem;font-weight:600;letter-spacing:-.02em}
  .roicell p{margin-top:11px;color:var(--dim);font-size:.98rem;line-height:1.6}
  .roibig{margin-top:clamp(58px,8vw,104px);font-size:clamp(2rem,4.6vw,3.6rem);font-weight:650;letter-spacing:-.035em;line-height:1.08}
  .roibig .soft{color:var(--dim)}

  /* --- S4 safety --- */
  .safe{text-align:center}
  .safe .display{margin:0 auto;max-width:16ch}
  .safe .intro{margin:26px auto 0;max-width:500px;color:var(--dim);font-size:clamp(1.06rem,1.5vw,1.22rem);line-height:1.6}
  .safe .intro b{color:var(--ink);font-weight:600}
  .fears{margin:clamp(42px,5vw,64px) auto 0;max-width:430px;display:grid;gap:13px;text-align:left}
  .fears p{display:flex;gap:13px;align-items:baseline;color:var(--dim);font-size:1.06rem;line-height:1.4}
  .fears .x{color:var(--coral);font-weight:700;font-size:.8rem;flex-shrink:0;position:relative;top:-.05em}
  .safe .startline{margin-top:clamp(54px,7vw,86px);font-size:clamp(2rem,4.2vw,3.1rem);font-weight:650;letter-spacing:-.035em}
  .stack{margin:clamp(34px,4vw,50px) auto 0;max-width:410px;display:grid;gap:10px}
  .stackrow{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px 17px;font-size:.98rem;color:var(--ink)}
  .stackrow .pr{font-family:var(--mono);color:var(--accent)}
  .stackrow .ro{margin-left:auto;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:rgba(105,210,154,.1);border:1px solid rgba(105,210,154,.25);border-radius:99px;padding:5px 10px;white-space:nowrap}
  .safe .then{margin-top:clamp(34px,4vw,50px);font-size:1.3rem;font-weight:600;color:var(--ink);letter-spacing:-.015em;line-height:1.5}
  .safe .then .soft{color:var(--dim);font-weight:400}

  /* --- S5 control --- */

  /* --- S6 people --- */
  .people{text-align:center}
  .people .display{max-width:20ch;margin:0 auto}
  .people .sub{margin:26px auto 0;max-width:560px;color:var(--dim);font-size:clamp(1.06rem,1.5vw,1.22rem);line-height:1.6}
  .people .sub b{color:var(--ink);font-weight:600}
  .marquee{margin:clamp(48px,6vw,80px) 0;display:grid;gap:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
  .mrow{display:flex;gap:16px;width:max-content;will-change:transform}
  .mrow.a{animation:mL 36s linear infinite}
  .mrow.b{animation:mR 42s linear infinite}
  @keyframes mL{to{transform:translateX(-50%)}}
  @keyframes mR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  .mword{font-size:clamp(1.7rem,3.6vw,3rem);font-weight:650;letter-spacing:-.035em;color:var(--dim);white-space:nowrap;display:flex;align-items:center;gap:16px}
  .mword::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.6}
  .mword.hot{color:var(--ink)}
  .people .closer{max-width:660px;margin:0 auto;color:var(--dim);font-size:clamp(1.06rem,1.5vw,1.22rem);line-height:1.62}
  .people .closer .turn{color:var(--ink);font-weight:600}
  @media(prefers-reduced-motion:reduce){.mrow.a,.mrow.b{animation:none}}

  /* --- finale --- */
  .finale{position:relative;padding:0;text-align:left;background:#06080b;overflow:hidden}
  .finale-scene{position:relative;width:100%;aspect-ratio:1672/941;isolation:isolate;overflow:hidden}
  .finale-visual{position:absolute;inset:0;z-index:0}
  .finale-visual>img{display:block;width:100%;height:100%;object-fit:cover}
  .finale-visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,5,8,.9) 0%,rgba(3,5,8,.76) 25%,rgba(3,5,8,.42) 45%,rgba(3,5,8,.08) 70%),linear-gradient(180deg,rgba(3,5,8,.2),transparent 48%,rgba(3,5,8,.78) 100%)}
  .finale-copy{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
  .finale .display{margin:0;max-width:10.5ch;color:#fff;text-shadow:0 20px 64px rgba(0,0,0,.52)}
  .finale-phone{position:absolute;z-index:2;left:60.7%;top:34.75%;width:8.1%;height:32.8%;display:flex;flex-direction:column;overflow:hidden;border-radius:clamp(10px,1.15vw,20px);background:linear-gradient(180deg,#090d15,#040609);color:#f7f9fc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 48px -18px rgba(0,0,0,.88);font-size:clamp(5px,.54vw,10px)}
  .fphone-head{display:flex;align-items:center;gap:.65em;padding:1.45em 1.25em .9em;border-bottom:1px solid rgba(255,255,255,.08)}
  .fphone-mark{width:2.2em;height:2.2em;border-radius:.7em;display:grid;place-items:center;background:var(--accent);font-weight:750;font-size:.95em;box-shadow:0 0 1.5em rgba(7,123,255,.38)}
  .fphone-head b{font-size:1.05em;letter-spacing:0}
  .fphone-live{width:.55em;height:.55em;border-radius:50%;margin-left:auto;background:var(--green);box-shadow:0 0 .9em rgba(105,210,154,.8)}
  .fphone-body{flex:1;min-height:0;padding:1.4em 1.25em;display:flex;flex-direction:column}
  .fphone-kicker{font-family:var(--mono);font-size:.72em;letter-spacing:.12em;color:var(--green)}
  .fphone-body>strong{margin-top:.55em;font-size:1.25em;line-height:1.1;letter-spacing:-.02em}
  .fphone-revenue{margin-top:1.5em;padding:1em;border:1px solid rgba(255,255,255,.1);border-radius:1em;background:rgba(255,255,255,.035)}
  .fphone-revenue span{display:block;color:rgba(247,249,252,.52);font-size:.8em}
  .fphone-revenue b{display:block;margin-top:.25em;font-size:1.7em;letter-spacing:-.04em}
  .fphone-revenue i{color:var(--green);font-style:normal;font-size:.62em;margin-left:.35em}
  .fphone-tasks{display:grid;gap:.72em;margin-top:1em}
  .fphone-task{display:flex;align-items:center;gap:.65em;color:rgba(247,249,252,.72);font-size:.78em;line-height:1.2}
  .fphone-task::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--accent);box-shadow:0 0 .8em rgba(7,123,255,.65);flex-shrink:0}
  .fphone-command{margin:0 1.15em 1.25em;padding:.9em 1em;border:1px solid rgba(255,255,255,.11);border-radius:.9em;color:rgba(247,249,252,.5);font-size:.76em;display:flex;align-items:center}
  .fphone-command span{margin-left:auto;width:1.75em;height:1.75em;border-radius:.55em;display:grid;place-items:center;background:var(--accent);color:#fff}
  .shouldnot{margin:clamp(44px,5vw,64px) auto 0;max-width:600px;display:grid;gap:11px;text-align:left}
  .shouldnot p{color:var(--dim);font-size:1.07rem;line-height:1.5;display:flex;gap:13px;align-items:baseline}
  .shouldnot p::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;position:relative;top:.5em}
  .shouldnot s{text-decoration-color:var(--coral);text-decoration-thickness:2px;color:var(--dim)}
  .leverage{margin:clamp(42px,5vw,62px) auto 0;max-width:540px;display:grid;gap:7px}
  .leverage .turn{color:var(--ink);font-weight:650;font-size:1.22rem;letter-spacing:-.015em}
  .leverage p{color:var(--dim);font-size:1.06rem}
  .finale .hero-ctas{justify-content:flex-start;margin-top:clamp(28px,3.5vw,46px)}
  .finale .foot-note{margin-top:clamp(64px,8vw,96px);padding-top:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:var(--dim);font-size:.94rem}
  .finale .foot-note .logo{color:var(--ink)}

  /* --- copy overhaul additions --- */
  .flowlist{max-width:720px;margin:clamp(30px,4vw,48px) 0 0;display:grid;gap:13px}
  .flowlist p{font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.4;color:var(--dim);letter-spacing:-.01em}
  .flowlist p b{color:var(--ink);font-weight:500}
  .flowlist p .no{color:var(--faint)}
  #problem{overflow:clip}
  .problem-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(470px,1.18fr);gap:clamp(44px,7vw,104px);align-items:start;margin-top:clamp(34px,5vw,68px)}
  .problem-copy{min-width:0}
  .problem-copy>.quiet{margin-top:0!important}
  .problem-copy .flowlist{margin-top:clamp(34px,4vw,50px)}
  .problem-visual{position:sticky;top:clamp(104px,14vh,150px);min-width:0;margin:clamp(-70px,-4vw,-38px) clamp(-108px,-7vw,-54px) 0 clamp(-36px,-2vw,-18px)}
  .problem-art{position:relative;aspect-ratio:1/1;transform:rotate(-2.2deg) scale(1.08);transform-origin:52% 50%;animation:problemDrift 9s ease-in-out infinite;will-change:transform}
  .problem-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 58px rgba(0,0,0,.62))}
  .problem-x{position:absolute;inset:13% 9% 13% 8%;z-index:2;width:83%;height:74%;overflow:visible;pointer-events:none;transform:rotate(-2deg);filter:drop-shadow(0 12px 24px rgba(242,74,61,.24))}
  .problem-x path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.05s cubic-bezier(.64,0,.18,1)}
  .problem-x .x-under{stroke:rgba(48,7,8,.78);stroke-width:13px}
  .problem-x .x-main{stroke:#f45146;stroke-width:8px}
  .problem-x .x-light{stroke:rgba(255,210,199,.5);stroke-width:1.6px}
  .problem-x .x-a{transition-delay:.18s}
  .problem-x .x-b{transition-delay:.58s}
  .problem-visual.on .problem-x path{stroke-dashoffset:0}
  .problem-close{margin-top:clamp(54px,8vw,110px)!important}
  @keyframes problemDrift{0%,100%{transform:rotate(-2.2deg) scale(1.08) translate3d(0,0,0)}50%{transform:rotate(-1.2deg) scale(1.08) translate3d(0,-9px,0)}}
  @media(max-width:920px){
    .problem-layout{grid-template-columns:1fr;gap:clamp(28px,7vw,54px)}
    .problem-visual{position:relative;left:auto;top:auto;width:100%;margin:-12px 0 -6vw;translate:none}
    .problem-art{transform:rotate(-1.5deg) scale(1.06);animation:none}
    .problem-close{margin-top:clamp(44px,8vw,76px)!important}
  }
  @media(max-width:560px){
    .problem-layout{margin-top:32px}
    .problem-visual{width:100%;margin-top:0;margin-bottom:-2vw}
    .problem-art{transform:rotate(-1deg) scale(1.18)}
    .problem-x .x-under{stroke-width:10px}
    .problem-x .x-main{stroke-width:6px}
    .problem-x .x-light{stroke-width:1.2px}
  }
  @media(prefers-reduced-motion:reduce){.problem-art{animation:none}}
  @media(prefers-reduced-motion:reduce){.problem-x path{stroke-dashoffset:0;transition:none}}
  .punch{margin-top:clamp(30px,4vw,48px);font-size:clamp(2.6rem,7vw,5rem);font-weight:650;letter-spacing:-.045em;line-height:.98;color:var(--ink)}
  .quiet{color:var(--dim);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:500;letter-spacing:-.015em;line-height:1.35}
  .knows{max-width:820px;margin:clamp(34px,5vw,56px) 0 0;display:grid;gap:clamp(12px,1.6vw,18px)}
  .knows p{font-size:clamp(1.3rem,2.7vw,2.1rem);font-weight:600;letter-spacing:-.025em;line-height:1.2}
  .knows .s{color:var(--dim)}
  .knows .k{color:var(--accent);font-weight:500;font-family:var(--mono);font-size:.78em;letter-spacing:0;padding:0 .1em}
  .knows .o{color:var(--ink)}
  .ledger{margin-top:clamp(44px,6vw,72px);border-top:1px solid var(--line)}
  .ledger div{display:flex;align-items:baseline;gap:18px;padding:clamp(16px,2vw,24px) 0;border-bottom:1px solid var(--line);font-size:clamp(1.25rem,2.4vw,1.9rem);font-weight:600;letter-spacing:-.025em;color:var(--ink);transition:color .3s,padding-left .3s}
  .ledger div:hover{padding-left:10px}
  .ledger div .m{font-family:var(--mono);color:var(--accent);font-size:.7em;line-height:1}
  .finale .body-lead{max-width:520px;margin:clamp(24px,3vw,34px) 0 0;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.55;text-shadow:0 3px 28px rgba(0,0,0,.48)}
  .finale .body-lead b{color:#fff;font-weight:500}
  .finale .asrs{margin-top:clamp(22px,2.8vw,34px);font-size:clamp(1.25rem,2.3vw,1.8rem);font-weight:650;letter-spacing:-.03em;line-height:1.15;color:#fff}
  .finale .tagline{margin-top:clamp(16px,2vw,24px);color:rgba(255,255,255,.7);font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.5}
  .finale .tagline b{color:#fff;font-weight:600}
  @media(max-width:920px){
    .finale-scene{height:1200px;aspect-ratio:auto;background:linear-gradient(180deg,#06080b 0%,#06080b 38%,#0b1118 100%)}
    .finale-visual{inset:auto;top:590px;left:calc(50% - 680px);width:1060px;aspect-ratio:1672/941}
    .finale-visual::after{background:linear-gradient(180deg,#06080b 0%,rgba(6,8,11,.12) 30%,rgba(6,8,11,.08) 72%,#06080b 100%),linear-gradient(90deg,rgba(6,8,11,.38),transparent 48%)}
    .finale-copy{height:auto;padding-top:86px;justify-content:flex-start}
    .finale .display{font-size:clamp(2.7rem,13vw,3.75rem);max-width:9.5ch}
    .finale .body-lead{max-width:33ch}
    .finale .asrs{max-width:18ch}
    .finale .tagline{max-width:28ch}
  }

  /* ===== featured video + thumbnail mosaic ===== */
  .feat{--hero-flow:0;position:relative;padding:0;background:#090b0f;overflow:hidden;perspective:1800px}
  .feat::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:8;height:clamp(110px,17vw,260px);pointer-events:none;background:linear-gradient(180deg,rgba(5,6,10,0),rgba(5,6,10,.28) 48%,#090b0f 100%)}
  .feat-wrap{width:100vw;margin-left:calc(50% - 50vw);padding:0;overflow:hidden}
  .feat-stage{--hero-copy-start:clamp(64px,4.2vw,92px);--hero-copy-clearance:clamp(14px,2vw,30px);position:relative;width:112vw;max-width:2100px;margin-left:50%;transform:translateX(-50%) perspective(1800px) translate3d(0,calc(-2.5vh - var(--hero-flow)*5vh),calc(var(--hero-flow)*150px)) rotateX(calc(var(--hero-flow)*-1.4deg)) scale(calc(1 + var(--hero-flow)*.085));transform-origin:50% 66%;will-change:transform,filter;filter:brightness(calc(1 - var(--hero-flow)*.08)) saturate(calc(1 - var(--hero-flow)*.04));border-radius:0;overflow:hidden;border:0;background:#090b0f url("https://ik.imagekit.io/fluid/980191006/command-laptop-mlm-executive-v2_6QZh96EKJ.png?tr=w-2200,q-84") center/cover no-repeat;box-shadow:0 70px 170px -58px rgba(0,0,0,.94);aspect-ratio:1448/1086}
  .feat-stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,10,.38),rgba(5,6,10,.08) 22%,rgba(5,6,10,.08) 76%,rgba(5,6,10,.26)),linear-gradient(180deg,rgba(5,6,10,.74),rgba(5,6,10,.24) 32%,rgba(5,6,10,.06) 54%,rgba(5,6,10,.3))}
  .feat-desktop{position:absolute;left:33.12%;top:53.8%;width:33.78%;aspect-ratio:1.52;z-index:2;overflow:hidden;border-radius:clamp(5px,.62vw,9px);background:#07111d url("https://ik.imagekit.io/fluid/980191006/grad_4_blue_navy_N5kd4gMqk.png?tr=w-1200,q-88") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 -30px 70px rgba(1,5,12,.22);transform:translateZ(calc(var(--hero-flow)*5px));will-change:transform}
  .feat-desktop::before{content:"";position:absolute;left:0;right:0;top:0;height:8%;background:linear-gradient(180deg,rgba(4,9,16,.68),rgba(4,9,16,.3));border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 18px rgba(0,0,0,.18)}
  .feat-desktop::after{content:"";position:absolute;left:50%;bottom:2.8%;width:27%;height:7%;translate:-50% 0;border:1px solid rgba(255,255,255,.13);border-radius:clamp(3px,.38vw,6px);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055));box-shadow:0 8px 22px -10px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .feat-screen{position:absolute;left:33.4%;top:57.15%;width:33.1%;aspect-ratio:16/9;z-index:3;overflow:hidden;border-radius:clamp(4px,.55vw,8px);background:#07111d url("https://ik.imagekit.io/fluid/980191006/grad_4_blue_navy_N5kd4gMqk.png?tr=w-1200,q-86") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 12px 32px -18px rgba(0,0,0,.8),0 0 calc(var(--hero-flow)*52px) rgba(52,145,255,calc(var(--hero-flow)*.38));transform:translateZ(calc(var(--hero-flow)*8px));will-change:transform,box-shadow}
  .feat-screen::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.11),transparent 25%,transparent 68%,rgba(2,7,14,.28)),linear-gradient(180deg,rgba(2,7,14,.02),rgba(2,7,14,.2));box-shadow:inset 0 0 24px rgba(2,7,14,.32)}
  .feat-screen video{position:absolute;left:4%;top:4%;z-index:1;width:92%;height:92%;object-fit:cover;display:block;background:#000;border-radius:clamp(3px,.4vw,6px);box-shadow:0 12px 30px -12px rgba(0,0,0,.88),0 0 0 1px rgba(255,255,255,.12)}
  .feat-open{position:absolute;left:50%;top:50%;z-index:5;width:clamp(54px,5.2vw,86px);height:clamp(54px,5.2vw,86px);border-radius:50%;border:1px solid rgba(255,255,255,.38);background:rgba(7,123,255,.9);color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 20px 58px -18px rgba(7,123,255,.95),0 14px 50px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.32);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
  .feat-open::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);opacity:.85}
  .feat-open:hover{transform:translate(-50%,-50%) scale(1.06);background:#1688ff;box-shadow:0 24px 70px -16px rgba(7,123,255,1),0 16px 54px -24px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.4)}
  .feat-open:focus-visible{outline:2px solid rgba(255,255,255,.88);outline-offset:6px}
  .feat-open svg{position:relative;z-index:1;width:38%;height:38%;margin-left:4%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}
  .feat-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,10,.2),transparent 28%,transparent 72%,rgba(5,6,10,.34))}
  .feat-copy{position:absolute;left:50%;top:var(--hero-copy-start);z-index:5;width:min(88vw,1240px);height:calc(57.15% - var(--hero-copy-start) - var(--hero-copy-clearance));transform:translateX(-50%) translate3d(0,calc(-1.5vh - var(--hero-flow)*7vh),calc(var(--hero-flow)*30px)) scale(calc(1 - var(--hero-flow)*.115));opacity:calc(1 - var(--hero-flow)*.78);filter:blur(calc(var(--hero-flow)*1.4px));will-change:transform,opacity,filter;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
  .feat-copy h2{font-size:clamp(2.35rem,5.25vw,5.7rem);font-weight:720;letter-spacing:-.04em;line-height:1.04;color:#f4f3ef;text-shadow:0 18px 64px rgba(0,0,0,.46)}
  .feat-copy h2 .rot{display:inline-block;color:#f4f3ef;font-family:"FluidHand",var(--sans);font-weight:700;letter-spacing:0;line-height:.9;will-change:transform,opacity}
  .feat-copy h2 .rot.anim{animation:rotin .55s cubic-bezier(.2,.75,.25,1)}
  .feat-copy h2.mist-hero{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.5vw,22px);letter-spacing:normal;text-transform:none}
  .mist-icon-wrap{margin-bottom:6px;will-change:transform,opacity}
  .mist-app-icon{display:block;width:clamp(66px,7.8vw,88px);height:clamp(66px,7.8vw,88px);border-radius:22%;object-fit:contain;background:#000;border:1px solid rgba(0,0,0,.9);box-shadow:0 18px 44px -12px rgba(0,0,0,.72),0 5px 16px rgba(0,0,0,.5)}
  .mist-sub{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.2vw,16px)}
  .mist-line{font-family:"FLFontBold",var(--sans);font-size:clamp(2.2rem,5.2vw,4rem);font-weight:700;line-height:1.04;letter-spacing:.01em;color:#fff;text-shadow:0 12px 44px rgba(0,0,0,.45)}
  .mist-line .ac{font-size:1.1em;font-weight:700;color:#fff}
  .mist-line .fy{font-family:var(--sans);font-weight:500;font-size:.6em;letter-spacing:-.01em;color:rgba(255,255,255,.6)}
  .mist-demys{font-size:clamp(.95rem,1.7vw,1.28rem);font-weight:450;line-height:1.4;letter-spacing:-.005em;color:rgba(255,255,255,.72);max-width:min(90vw,720px)}
  .mist-demys .em{font-weight:650;color:#fff}
  .feat-copy .hero-ctas{margin-top:clamp(26px,3vw,42px)}
  .feat-copy .btn{pointer-events:auto}
  .feat-cmd{position:absolute;left:clamp(16px,2.4vw,30px);top:clamp(16px,2.4vw,30px);z-index:4;display:inline-flex;align-items:center;gap:12px;max-width:calc(100% - 64px);background:rgba(10,12,16,.56);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:12px 17px;font-size:clamp(.86rem,1.4vw,1.12rem);font-weight:550;color:#fff;line-height:1.3}
  .feat-cmd .pr{color:#5aa8ff;font-family:var(--mono);flex-shrink:0}
  .feat-info{display:none;position:absolute;left:clamp(18px,3vw,46px);top:clamp(18px,3vw,42px);z-index:4}
  .feat-info .t{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#5aa8ff}
  .feat-info .h{margin-top:6px;font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:650;letter-spacing:-.025em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
  .feat-ctrl{position:absolute;right:clamp(16px,2.4vw,26px);bottom:clamp(16px,2.4vw,26px);z-index:4;display:flex;gap:10px}
  .fbtn{width:48px;height:48px;border-radius:50%;background:rgba(10,12,16,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;padding:0}
  .fbtn:hover{background:var(--accent);border-color:transparent}
  .fbtn svg{width:19px;height:19px}
  .feat-prog{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--accent);z-index:4;box-shadow:0 0 12px var(--accent)}
  @media(max-width:680px){
    .feat-stage{--hero-copy-start:54px;--hero-copy-clearance:18px;width:260vw}
    .feat-copy{width:min(90vw,560px)}
    .feat-copy h2{font-size:clamp(1.75rem,8.8vw,3rem);line-height:1.04}
    .feat-copy .hero-ctas{margin-top:20px;gap:10px}
    .feat-copy .btn{padding:11px 16px;font-size:.84rem}
    .feat-ctrl{right:12px;bottom:12px;gap:8px}
    .fbtn{width:40px;height:40px}
  }

  /* liquid command prompt bridge */
  .prompt-bridge{--prompt-focus:0;--handoff:0;position:relative;height:190svh;overflow:clip;background:linear-gradient(180deg,#090b0f 0%,#07090d 42%,var(--bg) 100%);perspective:1500px}
  .prompt-bridge::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 26%,transparent 70%,rgba(255,255,255,.025)),linear-gradient(180deg,rgba(255,255,255,.028),transparent 24%,transparent 72%,rgba(5,6,10,.72));opacity:.86}
  .prompt-bridge::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34svh;pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg) 78%)}
  .prompt-sticky{position:sticky;top:0;height:100svh;min-height:0;display:grid;place-items:center;padding:clamp(74px,9vw,116px) 20px clamp(76px,9vw,118px);perspective:1500px;transform-style:preserve-3d;overflow:hidden}
  .prompt-systems{position:absolute;inset:-4%;z-index:0;pointer-events:none;perspective:1500px;transform-style:preserve-3d;opacity:clamp(.08,calc(.3 + var(--prompt-focus)*.52 - var(--handoff)*.66),.7);transform:perspective(1500px) rotateX(calc(7deg + var(--look-y,0deg)*.35)) rotateY(calc(var(--look-x,0deg)*.4)) scale(calc(.96 + var(--prompt-focus)*.04));will-change:transform,opacity}
  .prompt-systems::before{content:"";position:absolute;left:50%;top:50%;width:min(82vw,1120px);height:min(52vw,610px);translate:-50% -50%;border:1px solid rgba(161,199,241,.065);border-radius:50%;box-shadow:0 0 84px rgba(61,126,205,.035),inset 0 0 84px rgba(61,126,205,.025);transform:rotateX(66deg) rotateZ(-8deg)}
  .journey-node{transform-style:preserve-3d}
  .journey-node-body{display:grid;justify-items:center;gap:7px;transform-style:preserve-3d;animation:journeyFloat var(--jdur,7s) ease-in-out infinite var(--jdelay,0s)}
  .prompt-systems .journey-node{position:absolute;left:var(--jx);top:var(--jy);transform:translate(-50%,-50%) translate3d(calc(var(--handoff)*var(--to-x,0px)),calc(var(--handoff)*var(--to-y,0px)),calc(var(--jz,0px) + var(--handoff)*340px)) rotateX(var(--jrx,0deg)) rotateY(var(--jry,0deg));will-change:transform,opacity}
  .prompt-systems .system-planet-icon{width:clamp(40px,4.2vw,55px);height:clamp(40px,4.2vw,55px);opacity:.94;box-shadow:0 18px 42px -20px rgba(0,0,0,.96),0 0 28px color-mix(in srgb,var(--pc,#77b5ff) 24%,transparent),0 0 0 1px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -9px 18px rgba(0,0,0,.15)}
  .prompt-systems .system-planet-icon::after{inset:2px}
  .prompt-systems .system-planet-icon svg{width:43%;height:43%}
  .prompt-systems .system-planet-name{font-size:clamp(.56rem,.78vw,.7rem);color:rgba(220,226,234,.74)}
  @keyframes journeyFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
  .prompt-videos{position:absolute;inset:0;z-index:1;pointer-events:none;transform-style:preserve-3d;transform:perspective(1300px) translateZ(calc(var(--prompt-focus)*36px)) scale(calc(1 + var(--prompt-focus)*.035));will-change:transform,opacity}
  .prompt-wrap{position:relative;z-index:3;width:min(780px,100%);display:grid;justify-items:center;text-align:center;transform-style:preserve-3d;transform:perspective(1500px) translate3d(0,calc(var(--handoff)*-8vh),calc(var(--prompt-focus)*68px - var(--handoff)*520px)) rotateX(calc(var(--look-y,0deg) + var(--handoff)*18deg)) rotateY(var(--look-x,0deg)) scale(calc(1 - var(--handoff)*.26));opacity:clamp(0,calc(1 - var(--handoff)*1.18),1);filter:blur(calc(var(--handoff)*5px));will-change:transform,opacity,filter}
  .prompt-title{max-width:14ch;font-size:4.4rem;font-weight:700;letter-spacing:0;line-height:1.02;color:#f4f3ef;text-shadow:0 24px 90px rgba(0,0,0,.5)}
  .glass-prompt{position:relative;width:min(640px,100%);margin-top:30px;text-align:left;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 54%,rgba(255,255,255,.028));box-shadow:0 34px 92px -48px rgba(0,0,0,.96),0 0 calc(var(--prompt-focus)*62px) rgba(40,137,255,calc(var(--prompt-focus)*.23)),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(138%);-webkit-backdrop-filter:blur(24px) saturate(138%);overflow:hidden;transform:rotateX(calc((1 - var(--prompt-focus))*3deg)) translateZ(calc(var(--prompt-focus)*38px));transform-origin:50% 50%;will-change:transform,box-shadow}
  .glass-prompt::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 24%,transparent 70%,rgba(255,255,255,.065));opacity:.46}
  .glass-prompt::after{content:"";position:absolute;left:16px;right:16px;top:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);pointer-events:none}
  .glass-top{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.085);color:rgba(244,243,239,.58);font-family:var(--mono);font-size:.64rem}
  .glass-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
  .glass-dot:nth-child(1){background:rgba(242,122,109,.74)}
  .glass-dot:nth-child(2){background:rgba(232,179,77,.72)}
  .glass-dot:nth-child(3){background:rgba(105,210,154,.72)}
  .glass-top b{margin-left:7px;color:rgba(244,243,239,.78);font-weight:600}
  .glass-input{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;min-height:104px;padding:20px 22px 14px;color:#fff}
  .glass-input .pr{font-family:var(--mono);font-size:1.06rem;line-height:1.24;color:var(--accent)}
  #promptType{display:block;font-size:1.34rem;font-weight:600;letter-spacing:0;line-height:1.26;overflow-wrap:anywhere}
  .type-caret{width:2px;height:1.68rem;margin-top:1px;background:var(--accent);box-shadow:0 0 14px rgba(7,123,255,.72);animation:caretBlink .9s steps(2,end) infinite}
  @keyframes caretBlink{50%{opacity:.1}}
  .glass-status{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin:0 22px 16px;color:rgba(244,243,239,.64);font-size:.78rem;line-height:1.45}
  .glass-status .pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(105,210,154,.68);flex-shrink:0}
  .prompt-chips{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;padding:0 22px 22px}
  .prompt-chips span{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.036);border-radius:99px;padding:6px 9px;color:rgba(244,243,239,.68);font-size:.7rem;line-height:1}
  .prompt-note{max-width:620px;margin:22px auto 0;color:rgba(244,243,239,.52);font-size:1rem;line-height:1.5}
  .prompt-videos .citem{position:absolute;width:var(--w,clamp(112px,10vw,164px));border:0;background:none;padding:0;font:inherit;cursor:pointer;rotate:var(--r,0deg);opacity:0;translate:0 24px;scale:.94;pointer-events:auto;transform:translate3d(calc(var(--handoff)*var(--flow-x,0px)),calc(var(--handoff)*var(--flow-y,0px)),calc(var(--handoff)*var(--flow-z,-620px))) rotateX(calc(var(--handoff)*var(--tilt-x,12deg))) rotateY(calc(var(--handoff)*var(--tilt-y,-16deg)));transform-origin:50% 50%;transform-style:preserve-3d;transition:opacity .6s ease var(--d,0ms),translate .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),scale .6s ease var(--d,0ms),rotate .45s ease,transform .2s linear;will-change:transform,opacity}
  .prompt-bridge.in .citem{opacity:clamp(0,calc(.72 - var(--handoff)),.72);translate:0 0;scale:1}
  .prompt-videos .citem:hover{opacity:1;rotate:0deg;transform:translate3d(calc(var(--handoff)*var(--flow-x,0px)),calc(var(--handoff)*var(--flow-y,0px) - 9px),calc(var(--handoff)*var(--flow-z,-620px))) rotateX(calc(var(--handoff)*var(--tilt-x,12deg))) rotateY(calc(var(--handoff)*var(--tilt-y,-16deg))) scale(1.06);z-index:4}
  .prompt-videos .ccard{position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#080a0e;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 62px -25px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.13);transition:box-shadow .4s,border-color .4s}
  .prompt-videos .citem:hover .ccard{box-shadow:0 40px 88px -25px rgba(0,0,0,.96),0 0 0 1px rgba(7,123,255,.34);border-color:rgba(7,123,255,.42)}
  .prompt-videos .ccard img,.prompt-videos .ccard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .prompt-videos .ccard video{opacity:0;z-index:1;transition:opacity .35s}
  .prompt-videos .citem.playing .ccard video{opacity:1}
  .prompt-videos .ccard::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,10,.08),transparent 42%,rgba(5,6,10,.6));opacity:.86}
  .prompt-videos .cplay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s}
  .prompt-videos .cplay i{width:38px;height:38px;border-radius:50%;background:rgba(10,12,16,.42);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.36);display:flex;align-items:center;justify-content:center}
  .prompt-videos .cplay svg{width:14px;height:14px;color:#fff;margin-left:2px}
  .prompt-videos .citem.playing .cplay{opacity:0}
  .prompt-videos .clabel{display:block;margin-top:9px;text-align:center;font-size:.72rem;line-height:1.25;color:rgba(244,243,239,.62);letter-spacing:0;text-shadow:0 2px 18px rgba(0,0,0,.72)}
  .prompt-videos .clabel .pr{display:none}
  .prompt-videos .clabel b{color:rgba(244,243,239,.86);font-weight:600}
  .prompt-videos .c1{left:4%;top:9%;--r:-5deg;--w:clamp(124px,11vw,178px)}
  .prompt-videos .c2{left:18%;top:20%;--r:4deg}
  .prompt-videos .c3{left:5%;top:43%;--r:6deg}
  .prompt-videos .c4{left:18%;top:65%;--r:-4deg;--w:clamp(124px,11vw,178px)}
  .prompt-videos .c5{left:7%;top:78%;--r:3deg;--w:clamp(100px,8.5vw,138px)}
  .prompt-videos .c6{left:78%;top:10%;--r:5deg}
  .prompt-videos .c7{left:90%;top:20%;--r:-5deg;--w:clamp(100px,8.5vw,138px)}
  .prompt-videos .c8{left:74%;top:38%;--r:-4deg;--w:clamp(124px,11vw,178px)}
  .prompt-videos .c9{left:89%;top:52%;--r:5deg}
  .prompt-videos .c10{left:76%;top:72%;--r:-6deg}
  .prompt-videos .c11{left:91%;top:82%;--r:3deg;--w:clamp(100px,8.5vw,138px)}
  .prompt-videos .c12{left:33%;top:5%;--r:-3deg;--w:clamp(100px,8.5vw,138px)}
  .prompt-videos .c13{left:59%;top:6%;--r:4deg;--w:clamp(100px,8.5vw,138px)}
  .prompt-videos .c14{left:34%;top:82%;--r:5deg;--w:clamp(100px,8.5vw,138px)}
  .prompt-videos .c15{left:60%;top:82%;--r:-4deg;--w:clamp(100px,8.5vw,138px)}
  @media(max-width:720px){
    .prompt-bridge{height:165svh}
    .prompt-sticky{padding:78px 16px 88px}
    .prompt-videos{opacity:.34}
    .prompt-videos .citem{width:96px}
    .prompt-videos .clabel{display:none}
    .prompt-videos .c1{left:-18px;top:10%}
    .prompt-videos .c2{left:auto;right:-22px;top:14%}
    .prompt-videos .c3{left:-24px;top:69%}
    .prompt-videos .c4{left:auto;right:-18px;top:72%}
    .prompt-videos .c5,.prompt-videos .c6,.prompt-videos .c7,.prompt-videos .c8,.prompt-videos .c9,.prompt-videos .c10,.prompt-videos .c11,.prompt-videos .c12,.prompt-videos .c13,.prompt-videos .c14,.prompt-videos .c15{display:none}
    .prompt-systems .journey-node:nth-child(n+7){display:none}
    .prompt-systems .system-planet-icon{width:38px;height:38px}
    .prompt-systems .system-planet-name{display:none}
    .prompt-title{font-size:2.65rem;max-width:13ch}
    .glass-prompt{margin-top:24px;border-radius:18px}
    .glass-top{padding:11px 14px;font-size:.62rem}
    .glass-dot{width:6px;height:6px}
    .glass-input{min-height:142px;padding:20px 16px 14px;gap:9px}
    .glass-input .pr{font-size:1rem}
    #promptType{font-size:1.18rem;line-height:1.28}
    .type-caret{height:1.5rem}
    .glass-status{margin:0 16px 16px;font-size:.78rem;align-items:flex-start}
    .prompt-chips{padding:0 16px 18px}
    .prompt-chips span{font-size:.68rem;padding:6px 9px}
    .prompt-note{font-size:.92rem}
  }
  @media(prefers-reduced-motion:reduce){
    #openingFx{display:none}
    .feat-stage,.feat-copy,.feat-screen,.prompt-wrap,.prompt-videos,.glass-prompt{transform:none!important;filter:none!important;opacity:1!important}
    .prompt-bridge{height:auto}
    .prompt-sticky{position:relative;min-height:100svh;height:auto}
    .prompt-videos .citem{opacity:.58;translate:0 0;scale:1}
    .prompt-systems{display:none}
    .type-caret{animation:none}
  }

  /* ===== experts UGC carousel (9:16) ===== */
  .ugc{position:relative;padding:clamp(66px,8vw,120px) 0;background:linear-gradient(180deg,var(--bg),#0a0c11 42%,var(--bg));overflow:hidden}
  .ugc-wrap{max-width:1580px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
  .ugc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:clamp(30px,4vw,54px)}
  .ugc-head h2{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:650;letter-spacing:-.032em;line-height:1.06;color:var(--ink);max-width:15ch}
  .ugc-head p{margin-top:18px;font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.55;color:var(--dim);max-width:50ch}
  .ugc-nav{display:flex;gap:12px;flex-shrink:0;padding-bottom:6px}
  .ugc-arrow{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,border-color .25s,opacity .25s,transform .25s}
  .ugc-arrow:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}
  .ugc-arrow:disabled{opacity:.3;cursor:default}
  .ugc-arrow svg{width:20px;height:20px}
  .ugc-track{display:flex;gap:clamp(14px,1.4vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px 0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ugc-track::-webkit-scrollbar{display:none}
  .ucard{position:relative;flex:0 0 auto;width:clamp(230px,23vw,298px);aspect-ratio:9/16;margin:0;padding:0;border-radius:20px;overflow:hidden;background:#0a0b0e;border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 60px -22px rgba(0,0,0,.72);scroll-snap-align:start;cursor:pointer;opacity:0;translate:0 32px;transition:opacity .6s ease var(--d,0ms),translate .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
  .ugc.in .ucard{opacity:1;translate:0 0}
  .ucard:hover{transform:translateY(-6px);box-shadow:0 46px 88px -24px rgba(0,0,0,.84),0 0 0 1px rgba(7,123,255,.34);border-color:rgba(7,123,255,.42)}
  .ucard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#0a0b0e}
  .ucard::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(4,5,9,.14),transparent 24%,transparent 60%,rgba(4,5,9,.52));transition:opacity .35s}
  .ucard.playing::after{opacity:.2}
  .uplay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s}
  .uplay svg{width:56px;height:56px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.55));transition:transform .3s}
  .ucard:hover .uplay svg{transform:scale(1.09)}
  .ucard.playing .uplay{opacity:0}
  @media(max-width:640px){
    .ugc-head{flex-direction:column;align-items:flex-start;gap:20px}
    .ugc-nav{display:none}
    .ucard{width:73vw}
  }
  @media(prefers-reduced-motion:reduce){.ucard{opacity:1;translate:0 0}}

  /* lightbox */
  .lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,60px);background:rgba(4,5,8,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s}
  .lightbox.open{opacity:1;pointer-events:auto}
  .lb-inner{position:relative;width:100%;max-width:1120px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 50px 130px rgba(0,0,0,.85);transform:scale(.95);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
  .lightbox.open .lb-inner{transform:none}
  .lb-inner video{width:100%;height:100%;object-fit:cover;display:block}
  .lightbox.portrait .lb-inner{width:min(92vw,460px);height:min(88vh,818px);max-width:460px;aspect-ratio:9/16}
  .lightbox.portrait .lb-inner video{object-fit:contain}
  .lb-cmd{position:absolute;left:16px;top:16px;z-index:3;display:inline-flex;align-items:center;gap:10px;background:rgba(10,12,16,.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:10px 14px;font-size:clamp(.82rem,1.4vw,1rem);font-weight:550;color:#fff}
  .lb-cmd .pr{color:#5aa8ff;font-family:var(--mono)}
  .lb-close{position:absolute;top:14px;right:14px;z-index:4;width:46px;height:46px;border-radius:50%;background:rgba(10,12,16,.6);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
  .lb-close:hover{background:var(--accent);border-color:transparent}
  @media(prefers-reduced-motion:reduce){.thumb{opacity:1;translate:0 0;scale:1}}

  /* ===== content overhaul additions ===== */
  .loop{margin:clamp(30px,4vw,48px) 0 0;display:grid;gap:11px;max-width:660px}
  .loop p{font-size:clamp(1.12rem,1.9vw,1.5rem);font-weight:550;letter-spacing:-.02em;color:var(--ink);display:flex;gap:14px;align-items:baseline}
  .loop p::before{content:"↳";color:var(--accent);font-family:var(--mono);font-weight:400}
  .loop p.last{color:var(--accent);font-weight:600;margin-top:6px}
  .loop p.last::before{content:"∞"}
  .pullq{margin-top:clamp(46px,6vw,84px);font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;border-left:3px solid var(--accent);padding-left:clamp(20px,2.5vw,30px);max-width:20ch}
  .pullq .soft{color:var(--dim);display:block}
  /* playbooks */
  .plays{display:grid;gap:clamp(16px,2vw,22px);margin-top:clamp(44px,5vw,68px)}
  .play{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:clamp(26px,3.4vw,44px);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3.4vw,48px);align-items:start;transition:border-color .35s,transform .3s,box-shadow .35s}
  .play::before{content:"";position:absolute;inset:0;z-index:0;background:var(--grad,none) center/cover no-repeat;opacity:.96;transition:opacity .5s,transform 7s ease}
  .play::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(103deg,rgba(8,10,13,.84),rgba(8,10,13,.67) 38%,rgba(8,10,13,.28) 72%,rgba(8,10,13,.38)),linear-gradient(0deg,rgba(8,10,13,.24),transparent 44%)}
  .play>*{position:relative;z-index:2}
  .play:hover{border-color:rgba(255,255,255,.22);transform:translateY(-3px);box-shadow:0 32px 74px -34px rgba(0,0,0,.85)}
  .play:hover::before{opacity:1;transform:scale(1.05)}
  @media(max-width:720px){.play{grid-template-columns:1fr;gap:14px;padding:26px}}
  .play .pn{font-family:"FluidHand",var(--sans);font-size:clamp(2.5rem,4.8vw,4rem);font-weight:700;letter-spacing:0;color:#fff;line-height:.82;text-shadow:0 10px 34px rgba(0,0,0,.48)}
  .play h3{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:650;letter-spacing:-.025em;line-height:1.1}
  .play .pb{margin-top:14px;color:#b0b4bc;font-size:1.02rem;line-height:1.62;max-width:62ch}
  .play .pb b{color:#fff;font-weight:550}
  .play .cmds{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
  .play .cmds span{font-family:var(--mono);font-size:.82rem;color:var(--ink);background:rgba(8,10,14,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:7px 12px;transition:border-color .25s,color .25s,background .25s}
  .play .cmds span::before{content:"› ";color:var(--accent)}
  .play:hover .cmds span{border-color:rgba(7,123,255,.28)}
  /* ===== chat console ===== */
  .chat{max-width:720px;margin:0 auto;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--panel),#0a0d12);overflow:hidden;box-shadow:0 44px 100px -44px rgba(0,0,0,.85),0 0 0 1px rgba(7,123,255,.05)}
  .chat-head{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.18)}
  .chat-ava{width:36px;height:36px;border-radius:11px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.95rem;flex-shrink:0;box-shadow:0 0 20px -4px var(--accent)}
  .chat-id{display:flex;flex-direction:column;line-height:1.28}
  .chat-id b{font-size:.96rem;font-weight:650;letter-spacing:-.01em}
  .chat-id span{font-size:.74rem;color:var(--dim)}
  .chat-status{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:.74rem;color:var(--dim)}
  .chat-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
  .chat-thread{height:clamp(388px,54vh,472px);overflow-y:auto;padding:22px 20px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
  .chat-thread::-webkit-scrollbar{width:6px}.chat-thread::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
  .msg{max-width:84%;animation:msgin .42s cubic-bezier(.2,.7,.2,1)}
  @keyframes msgin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  .msg.me{align-self:flex-end;background:var(--accent);color:#fff;padding:12px 16px;border-radius:16px 16px 5px 16px;font-size:.98rem;font-weight:500;line-height:1.4}
  .msg.me .pr{opacity:.75;font-family:var(--mono);margin-right:2px}
  .msg.ai{align-self:flex-start;background:rgba(255,255,255,.035);border:1px solid var(--line);color:var(--ink);padding:15px 17px;border-radius:16px 16px 16px 5px}
  .msg.ai .ai-status{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green)}
  .msg.ai .ai-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
  .msg.ai .ai-status.amber{color:var(--amber)}
  .msg.ai .ai-res{margin-top:10px;font-size:.97rem;line-height:1.55;color:var(--dim)}
  .msg.ai .ai-res b{color:var(--ink);font-weight:550}
  .msg.ai .ai-chips{margin-top:13px;display:flex;flex-wrap:wrap;gap:6px}
  .msg.ai .ai-chips span{font-size:.75rem;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--ink);background:rgba(255,255,255,.025)}
  .msg.ai .ai-cta{margin-top:15px}
  .msg.typing{align-self:flex-start;display:flex;gap:5px;padding:16px 18px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px 16px 16px 5px}
  .msg.typing i{width:7px;height:7px;border-radius:50%;background:var(--dim);animation:typedot 1.3s infinite ease-in-out}
  .msg.typing i:nth-child(2){animation-delay:.18s}.msg.typing i:nth-child(3){animation-delay:.36s}
  @keyframes typedot{0%,65%,100%{opacity:.3;transform:translateY(0)}32%{opacity:1;transform:translateY(-5px)}}
  .chat-input{border-top:1px solid var(--line);padding:14px 16px 16px;background:rgba(0,0,0,.22)}
  .chat-suggest{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}
  .chat-suggest::-webkit-scrollbar{display:none}
  .sug{flex:0 0 auto;font-size:.82rem;border:1px solid var(--line);border-radius:99px;padding:8px 14px;color:var(--dim);background:transparent;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
  .sug:hover{color:var(--ink);border-color:var(--accent);background:rgba(7,123,255,.08)}
  .chat-box{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:13px 15px;color:var(--dim);font-size:.95rem}
  .chat-box .pr{color:var(--accent);font-family:var(--mono)}
  .chat-box .send{margin-left:auto;width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
  .command-ipad-section{padding:0;background:#07080a;overflow:hidden}
  .command-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:#07080a;isolation:isolate}
  .command-stage::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26%;z-index:5;pointer-events:none;background:linear-gradient(180deg,transparent,#07080a 88%)}
  .command-art{position:relative;width:100%;aspect-ratio:1672/941}
  .command-art>img{display:block;width:100%;height:100%;object-fit:cover}
  .command-art::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.44),rgba(0,0,0,.22) 30%,rgba(0,0,0,.03) 55%,rgba(0,0,0,.08))}
  .command-copy{position:absolute;z-index:6;left:clamp(30px,6.8vw,118px);top:clamp(104px,16vw,260px);width:min(440px,31vw);color:#fff;text-shadow:0 3px 26px rgba(0,0,0,.46)}
  .command-copy .display{max-width:9.5ch;font-size:clamp(2.45rem,4.7vw,5.15rem);letter-spacing:-.052em}
  .command-copy .quiet{color:rgba(255,255,255,.84);max-width:34ch}
  .command-proof{margin-top:clamp(22px,2.7vw,34px);font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.45;color:rgba(255,255,255,.9);max-width:30ch}
  .command-proof b{color:#fff;font-weight:650}
  .ipad-backdrop{display:none}
  .ipad-screen{position:absolute;z-index:4;left:45.33%;top:27.84%;width:35.05%;height:46.23%;overflow:hidden;border-radius:4px;box-shadow:0 24px 70px -30px rgba(0,0,0,.92),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.09)}
  .ipad-screen::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.035),transparent 32%,transparent 76%,rgba(104,147,203,.025));box-shadow:inset 0 0 34px rgba(0,0,0,.2)}
  .ipad-screen .chat{width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:3px;background:linear-gradient(180deg,rgba(11,14,20,.9),rgba(5,7,11,.88));box-shadow:none;display:flex;flex-direction:column;backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%)}
  .ipad-screen .chat-head{padding:10px 14px;background:rgba(0,0,0,.2)}
  .ipad-screen .chat-ava{width:28px;height:28px;border-radius:9px;font-size:.74rem}
  .ipad-screen .chat-id b{font-size:.78rem}
  .ipad-screen .chat-id span{font-size:.6rem}
  .ipad-screen .chat-status{display:none}
  .ipad-screen .chat-thread{height:auto;min-height:0;flex:1;padding:13px 14px;gap:8px}
  .ipad-screen .msg{max-width:82%}
  .ipad-screen .msg.me{padding:8px 11px;border-radius:12px 12px 4px 12px;font-size:.68rem;line-height:1.32}
  .ipad-screen .msg.ai{padding:9px 11px;border-radius:12px 12px 12px 4px}
  .ipad-screen .msg.ai .ai-status{font-size:.49rem}
  .ipad-screen .msg.ai .ai-res{margin-top:6px;font-size:.65rem;line-height:1.38}
  .ipad-screen .msg.ai .ai-chips{margin-top:8px;gap:4px}
  .ipad-screen .msg.ai .ai-chips span{font-size:.5rem;padding:4px 6px;border-radius:6px}
  .ipad-screen .msg.ai .ai-chips span:nth-child(n+5){display:none}
  .ipad-screen .msg.ai .ai-cta{margin-top:9px;padding:6px 10px;font-size:.6rem}
  .ipad-screen .msg.typing{padding:10px 12px}
  .ipad-screen .msg.typing i{width:5px;height:5px}
  .ipad-screen .chat-input{padding:9px 11px 10px;background:rgba(0,0,0,.24)}
  .ipad-screen .chat-suggest{display:none}
  .ipad-screen .chat-box{gap:7px;border-radius:10px;padding:8px 10px;font-size:.65rem}
  .ipad-screen .chat-box .send{width:23px;height:23px;border-radius:7px;font-size:.68rem}
  @media(max-width:920px){
    .command-stage{min-height:990px}
    .command-stage::after{height:12%}
    .command-art{position:absolute;top:540px;left:calc(50% - 468px);width:720px;aspect-ratio:1672/941}
    .command-copy{top:94px;left:24px;width:min(342px,calc(100vw - 48px));text-shadow:0 3px 24px rgba(0,0,0,.5)}
    .command-copy .display{font-size:clamp(2.35rem,13vw,3.65rem);max-width:9.5ch}
    .command-copy .quiet{font-size:1rem}
    .command-proof{font-size:1rem;max-width:30ch}
    .ipad-screen{left:45.33%;top:27.84%;width:35.05%;height:46.23%}
    .ipad-screen .chat-head{padding:8px 11px}
    .ipad-screen .chat-ava{width:24px;height:24px;border-radius:7px}
    .ipad-screen .chat-id b{font-size:.68rem}
    .ipad-screen .chat-id span,.ipad-screen .chat-status{display:none}
    .ipad-screen .chat-thread{padding:10px 11px;gap:7px}
    .ipad-screen .msg.me{font-size:.68rem;padding:7px 9px}
    .ipad-screen .msg.ai{padding:8px 9px}
    .ipad-screen .msg.ai .ai-status{font-size:.48rem}
    .ipad-screen .msg.ai .ai-res{font-size:.68rem}
    .ipad-screen .msg.ai .ai-chips span:nth-child(n+4){display:none}
    .ipad-screen .msg.ai .ai-chips span{font-size:.49rem;padding:3px 6px}
    .ipad-screen .msg.ai .ai-cta{display:none}
    .ipad-screen .chat-input{padding:8px 10px}
    .ipad-screen .chat-suggest{display:none}
    .ipad-screen .chat-box{font-size:.61rem;padding:8px 9px}
    .ipad-screen .chat-box .send{width:22px;height:22px}
  }
  @media(prefers-reduced-motion:reduce){.msg{animation:none}.msg.typing i{animation:none}}