/* ============================================================
   command-home.css — Command homepage
   Layers on top of scout-home.css + scout-interactive.css.
   Re-tones the shared system to Command's blue, then adds the
   Command-only sections: the program funnel, the "walk the loop"
   stepper, the persona seats, and the native product mockups.
   ============================================================ */

:root{
  --acc:#4A7CFF; --acc-hi:#7da2ff; --accrgb:74,124,255;
}
::selection{background:rgba(74,124,255,0.3);}

/* solid-blue accent reads better with white text than the teal recipe */
.btn-p{background:var(--acc);color:#fff;}
.btn-p:hover{background:#5f8cff;}
.nav-cta{background:var(--acc);color:#fff;}
.nav-cta:hover{background:#5f8cff;}
.hero h1 em,.cta-title em{color:var(--acc-hi);}
.brand .mk{background-image:url(/assets/pylon-brand-marks/command/command-icon.svg);}

/* a "coming soon" pill that sits on the hero kicker */
.soon{font-family:var(--fm);font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--acc-hi);border:1px solid rgba(74,124,255,0.4);background:rgba(74,124,255,0.08);
  border-radius:999px;padding:0.2rem 0.55rem;margin-left:0.2rem;}

/* Hudson chat: recolor the teal "resolved/done" states to blue, keep the violet voice */
.hz-act.done{border-color:rgba(74,124,255,0.45);background:rgba(74,124,255,0.08);}
.hz-act.done .hz-do{background:transparent;color:var(--acc-hi);border:1px solid rgba(74,124,255,0.45);}
.hz-resolved{border-color:rgba(74,124,255,0.45);background:rgba(74,124,255,0.08);color:var(--acc-hi);}

/* ============================================================
   FUNNEL — "a program, not a pile of tools"
   ============================================================ */
.fnl{max-width:820px;margin:0 auto;border:1px solid var(--line-2);border-radius:9px;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(74,124,255,0.10),transparent 60%),linear-gradient(180deg,#0b0d12,#08090b);
  padding:clamp(1.8rem,4vw,2.8rem) clamp(1.4rem,4vw,2.4rem) clamp(1.8rem,4vw,2.4rem);text-align:center;
  box-shadow:0 2px 6px rgba(0,0,0,.5),0 50px 110px -50px rgba(74,124,255,0.28);}
.fnl-top{font-family:var(--fd);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;letter-spacing:-0.02em;color:var(--t2);margin-bottom:1.5rem;text-wrap:balance;}
.fnl-top b{color:#fff;font-weight:700;}
.fnl-plan{display:inline-flex;align-items:center;gap:0.85rem;border:1px solid rgba(74,124,255,0.45);border-radius:8px;
  background:rgba(74,124,255,0.08);box-shadow:0 0 0 4px rgba(74,124,255,0.05),0 0 46px -8px rgba(74,124,255,0.4);padding:0.8rem 1.35rem;flex-wrap:wrap;justify-content:center;}
.fnl-plan .p{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--fd);font-weight:700;font-size:1.02rem;color:#fff;}
.fnl-plan .p svg{width:19px;height:19px;color:var(--acc-hi);}
.fnl-plan .ar{color:var(--acc-hi);}
.fnl-plan .okr{font-family:var(--fm);font-size:0.68rem;letter-spacing:0.06em;color:var(--t4);}
.fnl-chev{color:var(--t4);font-size:0.9rem;margin:0.6rem 0 0.1rem;}
.fnl-lab{font-family:var(--fm);font-size:0.66rem;letter-spacing:0.17em;text-transform:uppercase;color:var(--t4);margin:0.3rem 0 1.3rem;}
.fnl-loop{position:relative;display:flex;justify-content:space-between;align-items:flex-start;max-width:680px;margin:0 auto;}
.fnl-loop::before{content:"";position:absolute;left:9%;right:9%;top:28px;height:2px;
  background:linear-gradient(90deg,rgba(74,124,255,0.2),rgba(74,124,255,0.65) 50%,rgba(74,124,255,0.2));}
.fnl-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0.65rem;width:98px;}
.fnl-node .ic2{width:56px;height:56px;border-radius:14px;border:1px solid var(--line-2);background:#0e0f15;
  display:flex;align-items:center;justify-content:center;color:var(--acc-hi);box-shadow:0 8px 22px -10px rgba(0,0,0,0.7);transition:border-color .3s,box-shadow .3s,color .3s;}
.fnl-node .ic2 svg{width:23px;height:23px;}
.fnl-node .nm{font-family:var(--fd);font-weight:600;font-size:0.9rem;color:#fff;}
.fnl.in .fnl-loop .fnl-node:nth-child(1) .ic2{animation:fnode 4s ease-in-out infinite;}
.fnl.in .fnl-loop .fnl-node:nth-child(2) .ic2{animation:fnode 4s ease-in-out infinite .4s;}
.fnl.in .fnl-loop .fnl-node:nth-child(3) .ic2{animation:fnode 4s ease-in-out infinite .8s;}
.fnl.in .fnl-loop .fnl-node:nth-child(4) .ic2{animation:fnode 4s ease-in-out infinite 1.2s;}
.fnl.in .fnl-loop .fnl-node:nth-child(5) .ic2{animation:fnode 4s ease-in-out infinite 1.6s;}
@keyframes fnode{0%,70%,100%{border-color:var(--line-2);box-shadow:0 8px 22px -10px rgba(0,0,0,0.7);color:var(--acc-hi);}
  10%{border-color:rgba(74,124,255,0.7);box-shadow:0 0 0 1px var(--acc),0 0 26px -6px rgba(74,124,255,0.75);color:#fff;}}
@media(prefers-reduced-motion:reduce){.fnl-node .ic2{animation:none!important;}}
.fnl-feedlab{font-family:var(--fm);font-size:0.66rem;letter-spacing:0.17em;text-transform:uppercase;color:var(--t4);margin:1.8rem 0 1.1rem;}
.fnl-feed{display:flex;justify-content:center;gap:0.7rem;flex-wrap:wrap;}
.fnl-pill{font-family:var(--fd);font-size:0.86rem;font-weight:500;color:var(--t2);border:1px solid var(--line-2);border-radius:999px;padding:0.48rem 1.05rem;background:rgba(255,255,255,0.02);}
@media(max-width:620px){.fnl-loop{flex-wrap:wrap;gap:1.2rem 0.4rem;justify-content:center;}.fnl-loop::before{display:none;}.fnl-node{width:30%;}}

/* ============================================================
   WALK THE LOOP — interactive screenshot stepper
   ============================================================ */
.hw{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(2rem,4vw,3.4rem);align-items:start;}
@media(max-width:900px){.hw{grid-template-columns:1fr;gap:1.6rem;}}
.hw-list{display:flex;flex-direction:column;}
.hw-item{text-align:left;background:transparent;border:0;border-left:2px solid var(--line);padding:1.1rem 0 1.1rem 1.5rem;cursor:pointer;position:relative;font-family:inherit;color:inherit;width:100%;}
.hw-top{display:flex;align-items:center;gap:0.85rem;}
.hw-n{font-family:var(--fm);font-size:0.64rem;letter-spacing:0.14em;color:var(--t4);transition:color .3s;}
.hw-h{font-family:var(--fd);font-size:1.12rem;font-weight:600;letter-spacing:-0.02em;color:var(--t3);transition:color .3s;}
.hw-item:hover .hw-h{color:var(--t2);}
.hw-d{font-size:0.92rem;line-height:1.55;color:var(--t3);max-height:0;opacity:0;overflow:hidden;
  transition:max-height .45s var(--ease),opacity .35s,margin-top .45s var(--ease);padding-right:1rem;}
.hw-item.active .hw-n{color:var(--acc-hi);}
.hw-item.active .hw-h{color:#fff;}
.hw-item.active .hw-d{max-height:120px;opacity:1;margin-top:0.55rem;}
.hw-prog{position:absolute;left:-2px;top:0;width:2px;height:100%;background:var(--acc);transform:scaleY(0);transform-origin:top;}
.hw-item.active .hw-prog{transform:scaleY(1);transition:transform .45s var(--ease);}
.hw-scene{position:relative;border-radius:16px;overflow:hidden;padding:clamp(1.5rem,3.5vw,3rem);
  background:radial-gradient(130% 110% at 72% -10%,rgba(74,124,255,0.14),transparent 52%),linear-gradient(165deg,#0e1017,#08090c);
  border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);}
.hw-scene::after{content:"";position:absolute;left:0;right:0;top:0;height:160px;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 0,rgba(255,255,255,0.07),transparent 72%);}
.hw-stage{position:relative;z-index:1;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:#0a0b0d;
  box-shadow:0 2px 4px rgba(0,0,0,0.6),0 40px 80px -30px rgba(0,0,0,0.9),0 64px 120px -50px rgba(74,124,255,0.32),inset 0 1px 0 rgba(255,255,255,0.07);}
.hw-bar{display:flex;align-items:center;gap:0.5rem;padding:0.7rem 1rem;background:#0d0d0e;border-bottom:1px solid var(--line);}
.hw-bar .d{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.12);}
.hw-bar .url{margin-left:0.6rem;font-family:var(--fm);font-size:0.66rem;color:var(--t4);letter-spacing:0.03em;}
.hw-frames{position:relative;aspect-ratio:1.78;background:#070708;transition:aspect-ratio .45s var(--ease);}
.hw-frame{position:absolute;inset:0;opacity:0;transition:opacity .55s var(--ease);pointer-events:none;}
.hw-frame.show{opacity:1;pointer-events:auto;}

/* ============================================================
   LOOP SHOWCASE — Inside Command (tabbed app window)
   ============================================================ */
/* ============================================================
   THREAD — "one gap, found to fixed" connected journey
   ============================================================ */
.thread{position:relative;margin-top:clamp(2.5rem,5vw,4rem);}
.thread-obj{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--fm);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--t4);
  border:1px solid var(--line-2);border-radius:999px;padding:0.4rem 0.9rem;margin:0 auto clamp(1.6rem,3vw,2.4rem);background:rgba(255,255,255,0.014);}
.thread-obj{display:flex;width:max-content;max-width:100%;}
.thread-obj b{font-family:var(--fd);font-weight:600;font-size:0.84rem;letter-spacing:-0.01em;text-transform:none;color:#fff;}
.thread-pulse{width:8px;height:8px;border-radius:50%;background:var(--acc-hi);flex:none;box-shadow:0 0 0 4px rgba(74,124,255,0.16);}
@media (prefers-reduced-motion:no-preference){.thread-pulse{animation:thpulse 2s ease-in-out infinite;}}
@keyframes thpulse{0%,100%{box-shadow:0 0 0 4px rgba(74,124,255,0.16);}50%{box-shadow:0 0 0 7px rgba(74,124,255,0.05);}}
.thread .thread-obj{margin-left:auto;margin-right:auto;}

.thread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative;z-index:1;}
@media (max-width:860px){.thread-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:540px){.thread-grid{grid-template-columns:1fr;}}
.th-step{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:13px;overflow:hidden;
  background:linear-gradient(168deg,#0c0e13,#0a0a0c);transition:border-color .3s,transform .3s var(--ease);
  opacity:0;transform:translateY(12px);}
.thread.in .th-step{opacity:1;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease),border-color .3s;}
.thread.in .th-step:nth-child(2){transition-delay:.08s;}
.thread.in .th-step:nth-child(3){transition-delay:.16s;}
.thread.in .th-step:nth-child(4){transition-delay:.24s;}
.thread.in .th-step:nth-child(5){transition-delay:.32s;}
.thread.in .th-step:nth-child(6){transition-delay:.4s;}
.th-step:hover{border-color:rgba(74,124,255,0.42);transform:translateY(-3px);}
.th-step.out{border-color:rgba(62,201,138,0.3);background:linear-gradient(168deg,#0b1110,#0a0a0c);}
.th-h{display:flex;align-items:center;gap:0.6rem;padding:0.95rem 1.1rem 0.7rem;}
.th-n{font-family:var(--fm);font-size:0.66rem;font-weight:500;color:var(--acc-hi);letter-spacing:0.04em;}
.th-step.out .th-n{color:#5fcf9e;}
.th-stage{font-family:var(--fd);font-weight:600;font-size:1rem;letter-spacing:-0.02em;color:#fff;}
.th-frag{flex:1;display:flex;flex-direction:column;gap:0.6rem;padding:0.3rem 1.1rem 1rem;min-height:118px;}
.thf-row{display:flex;align-items:center;gap:0.5rem;}
.thf-id{font-family:var(--fm);font-size:0.66rem;color:var(--acc-hi);border:1px solid rgba(74,124,255,0.3);border-radius:5px;padding:0.14rem 0.42rem;}
.thf-b{font-family:var(--fd);font-weight:600;font-size:0.88rem;color:#fff;letter-spacing:-0.01em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.thf-st{margin-left:auto;font-family:var(--fm);font-size:0.56rem;letter-spacing:0.04em;border-radius:5px;padding:0.18rem 0.48rem;white-space:nowrap;display:inline-flex;align-items:center;gap:0.3rem;}
.thf-st.part{color:#e7b56a;background:rgba(224,168,74,0.14);}
.thf-st.done{color:#5fcf9e;background:rgba(62,201,138,0.13);}
.thf-st.closed{color:#5fcf9e;background:rgba(62,201,138,0.16);font-size:0.66rem;padding:0.24rem 0.55rem;margin-left:0;}
.thf-sev{width:8px;height:8px;border-radius:2px;flex:none;}
.thf-sev.high{background:var(--warn);}
.thf-mat{display:flex;gap:3px;}
.thf-mat i{width:18px;height:5px;border-radius:2px;background:rgba(255,255,255,0.1);}
.thf-mat i.on{background:var(--acc-hi);}
.thf-meta{display:flex;align-items:center;gap:0.5rem;}
.thf-fid{font-family:var(--fm);font-size:0.6rem;color:var(--t4);}
.thf-av{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:0.54rem;color:#fff;margin-left:auto;}
.thf-tags{display:flex;flex-wrap:wrap;gap:0.4rem;}
.thf-tag{font-family:var(--fm);font-size:0.6rem;color:var(--t2);border:1px solid var(--line-2);border-radius:5px;padding:0.18rem 0.46rem;}
.thf-file{display:flex;align-items:center;gap:0.5rem;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,0.014);padding:0.45rem 0.6rem;}
.thf-fic{width:20px;height:20px;color:var(--acc-hi);flex:none;}
.thf-fic svg{width:100%;height:100%;}
.thf-fn{font-family:var(--fm);font-size:0.7rem;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.thf-fresh{display:inline-flex;align-items:center;gap:0.36rem;font-family:var(--fm);font-size:0.64rem;color:#5fcf9e;}
.thf-bar{height:5px;border-radius:3px;background:rgba(255,255,255,0.09);overflow:hidden;}
.thf-bar u{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#2e9d6b,#3ec98a);}
.thf-delta{display:flex;align-items:center;gap:0.5rem;color:#5fcf9e;}
.thf-delta .d1{font-family:var(--fd);font-weight:600;font-size:1rem;color:var(--t3);}
.thf-delta .d2{font-family:var(--fd);font-weight:700;font-size:1.5rem;letter-spacing:-0.02em;color:#fff;}
.thf-delta em{font-style:normal;font-family:var(--fm);font-size:0.56rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--t4);margin-left:0.1rem;}
.thf-cap{margin-top:auto;font-size:0.78rem;line-height:1.45;color:var(--t3);}
.th-next{display:flex;align-items:center;gap:0.4rem;padding:0.7rem 1.1rem;border-top:1px solid var(--line);font-family:var(--fm);font-size:0.64rem;letter-spacing:0.02em;color:var(--acc-hi);background:rgba(74,124,255,0.04);}
.th-next.loop{color:#5fcf9e;background:rgba(62,201,138,0.05);}
.thread-foot{text-align:center;margin-top:clamp(1.8rem,3.5vw,2.6rem);font-family:var(--fd);font-size:clamp(1rem,1.5vw,1.18rem);font-weight:500;color:var(--t3);letter-spacing:-0.01em;text-wrap:balance;}
.thread-foot b{color:#fff;font-weight:600;}

.loopshow{margin-top:2.6rem;}
.lead-c{display:block;text-align:center;max-width:760px;margin:0 auto;}
.lead-c h2{margin:0 auto;text-align:center;}
.lead-c .lead-sub{font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.55;color:var(--t3);max-width:60ch;margin:1.2rem auto 0;text-wrap:pretty;}
.lw-desc{text-align:center;font-size:clamp(0.92rem,1.3vw,1.05rem);line-height:1.5;color:var(--t3);max-width:60ch;margin:2.8rem auto 1.1rem;min-height:2.4em;text-wrap:pretty;transition:opacity .25s;}
.loopshow-tabs{position:relative;display:flex;justify-content:center;gap:clamp(1.2rem,3vw,2.3rem);margin:0 auto 1.3rem;}
.lt{position:relative;font-family:var(--fd);font-weight:600;font-size:0.88rem;color:var(--t3);background:transparent;border:0;border-radius:0;padding:0.4rem 0.15rem 0.55rem;cursor:pointer;transition:color .2s;white-space:nowrap;}
.lt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--acc-hi);transform:scaleX(0);transform-origin:center;transition:transform .28s var(--ease);}
.lt:hover{color:var(--t2);}
.lt.active{color:#fff;}
.lt.active::after{transform:scaleX(1);}
.loopshow-stage{position:relative;border-radius:0;overflow:visible;padding:clamp(0.5rem,2vw,1.5rem) 0 0;
  background:none;border:0;}
.loopshow-stage::before{content:none;}
.loopshow-stage::after{content:none;}
.loopshow-win{position:relative;z-index:1;border-radius:10px 10px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,0.1);border-bottom:0;aspect-ratio:16/10.6;background:#0a0a0b;display:flex;flex-direction:column;
  box-shadow:0 24px 60px -34px rgba(0,0,0,0.85);
  -webkit-mask-image:linear-gradient(180deg,#000 46%,transparent 88%);mask-image:linear-gradient(180deg,#000 46%,transparent 88%);}
.lw-bar{display:flex;align-items:center;gap:0.6rem;flex:none;padding:0.62rem 0.95rem;border-bottom:1px solid rgba(255,255,255,0.07);background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.008));}
.lw-mk{width:15px;height:15px;background:url(/assets/pylon-brand-marks/command/command-icon.svg) center/contain no-repeat;flex:none;opacity:0.92;}
.lw-crumb{font-family:var(--fm);font-size:0.66rem;color:var(--t4);letter-spacing:0.01em;}
.lw-crumb i{font-style:normal;margin:0 0.35rem;}
.lw-crumb b{color:var(--t2);font-weight:500;}
.lw-dots{display:flex;gap:5px;margin-left:auto;}
.lw-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.1);}
@media (max-width:760px){
  /* the 9 tabs forced the layout viewport past the screen width; scroll them inside their own row */
  .loopshow-tabs{justify-content:flex-start;overflow-x:auto;gap:1.5rem;padding:0 2px 4px;margin-bottom:1rem;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);}
  .loopshow-tabs::-webkit-scrollbar{display:none;}
  .lt{flex:0 0 auto;}
  .lw-desc{margin-top:1.6rem;font-size:0.9rem;min-height:4.5em;}
  .loopshow-win{aspect-ratio:4/3;}
}
.lw-screens{position:relative;flex:1;min-height:0;}
.lw-screens .ls-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .5s var(--ease);}
.lw-screens .ls-img.show{opacity:1;}
.ls-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .5s var(--ease);}

/* native Findings mockup (Linear treatment) */
.fmock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;
  padding:clamp(1.1rem,2.6vw,1.9rem) clamp(1.1rem,2.6vw,2rem) 0;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);}
.fmock.show{opacity:1;}
.fm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:clamp(0.8rem,2vw,1.4rem);}
.fm-title{font-weight:700;font-size:clamp(1rem,1.9vw,1.4rem);letter-spacing:-0.025em;color:#fff;}
.fm-sub{font-size:clamp(0.66rem,1.1vw,0.82rem);color:var(--t3);margin-top:0.25rem;}
.fm-actions{display:flex;align-items:center;gap:0.55rem;flex:none;}
.fm-seg{display:flex;border:1px solid var(--line-2);border-radius:7px;overflow:hidden;}
.fm-seg b,.fm-seg i{font-style:normal;font-size:clamp(0.62rem,1vw,0.74rem);padding:0.34rem 0.66rem;color:var(--t3);font-weight:500;}
.fm-seg b{background:rgba(255,255,255,0.07);color:#fff;font-weight:600;}
.fm-new{font-size:clamp(0.62rem,1vw,0.74rem);font-weight:600;color:#fff;background:var(--acc);border-radius:7px;padding:0.38rem 0.72rem;white-space:nowrap;}
.fm-table{flex:1;display:flex;flex-direction:column;border:0;border-top:1px solid rgba(255,255,255,0.055);overflow:hidden;}
.fm-tr{display:grid;grid-template-columns:96px 1fr 92px 40px 104px 46px;gap:0.85rem;align-items:center;padding:0 clamp(0.4rem,1.2vw,0.8rem);border-top:1px solid rgba(255,255,255,0.04);}
.fm-table .fm-tr:first-child{border-top:0;}
.fm-th{height:32px;font-family:var(--fm);font-size:0.55rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);}
.fm-row{flex:1;min-height:0;transition:background .15s;}
.fm-row:hover{background:rgba(255,255,255,0.028);}
.fm-sev{display:inline-flex;align-items:center;gap:0.42rem;font-size:clamp(0.6rem,1vw,0.73rem);font-weight:600;}
.fm-sev i{width:7px;height:7px;border-radius:2px;flex:none;}
.fm-sev.crit{color:#ff8a72;}.fm-sev.crit i{background:var(--crit);}
.fm-sev.high{color:#e7b56a;}.fm-sev.high i{background:var(--warn);}
.fm-sev.med{color:#86b7ff;}.fm-sev.med i{background:var(--acc-hi);}
.fm-sev.low{color:var(--t3);}.fm-sev.low i{background:var(--t4);}
.fm-fnd{min-width:0;}
.fm-fnd b{display:block;font-size:clamp(0.72rem,1.25vw,0.9rem);font-weight:600;color:#fff;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fm-fnd span{font-family:var(--fm);font-size:0.58rem;color:var(--t4);letter-spacing:0.03em;}
.fm-fw{font-family:var(--fm);font-size:0.6rem;color:var(--t3);border:1px solid var(--line-2);border-radius:5px;padding:0.16rem 0.42rem;justify-self:start;white-space:nowrap;}
.fm-av{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:700;color:#fff;letter-spacing:0.02em;}
.fm-st{font-size:clamp(0.6rem,1vw,0.73rem);font-weight:500;color:var(--t2);display:inline-flex;align-items:center;gap:0.4rem;white-space:nowrap;}
.fm-st i{width:6px;height:6px;border-radius:50%;flex:none;}
.fm-age{font-family:var(--fm);font-size:0.64rem;color:var(--t3);text-align:right;}
.fm-age.over{color:#ff8a72;}
@media (max-width:680px){
  .fmock{padding:1.1rem;}
  .fm-seg{display:none;}
  .fm-tr{grid-template-columns:76px 1fr 42px;gap:0.6rem;}
  .fm-row{flex:none;min-height:38px;}
  .fm-fw,.fm-av,.fm-st{display:none;}
  .fm-th span:nth-child(3),.fm-th span:nth-child(4),.fm-th span:nth-child(5){display:none;}
}

/* native Strategic Plan mockup (Linear treatment) */
.smock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.smock.show{opacity:1;}
.sm-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1rem,2.4vw,1.6rem) clamp(1.1rem,2.6vw,2rem) clamp(0.8rem,1.8vw,1.2rem);}
.sm-badges{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.6rem;}
.sm-active{font-size:0.58rem;font-weight:600;letter-spacing:0.01em;color:var(--acc-hi);border:1px solid rgba(74,124,255,0.32);background:rgba(74,124,255,0.08);border-radius:5px;padding:0.13rem 0.46rem;}
.sm-date{font-family:var(--fm);font-size:0.62rem;color:var(--t4);}
.sm-title{font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:600;letter-spacing:-0.03em;color:#fff;margin-bottom:0.65rem;}
.sm-owner{display:flex;align-items:center;gap:0.45rem;font-size:0.74rem;color:var(--t2);}
.sm-owner>span:first-child{font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;color:var(--t4);margin-right:0.15rem;}
.sm-av{width:18px;height:18px;border-radius:50%;background:#1f9d6b;color:#fff;font-size:0.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.sm-owner i{font-style:normal;color:var(--t4);}
.sm-stats{display:flex;align-self:flex-start;gap:0.5rem;flex:none;}
.sm-stat{min-width:86px;border:1px solid rgba(255,255,255,0.07);border-radius:9px;padding:0.62rem 0.74rem;background:rgba(255,255,255,0.014);}
.sm-stat span{font-family:var(--fm);font-size:0.49rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--t4);display:block;margin-bottom:0.34rem;}
.sm-stat b{font-size:1.18rem;font-weight:700;color:#fff;letter-spacing:-0.02em;line-height:1;}
.sm-stat b em{font-style:normal;font-size:0.7rem;color:var(--t4);font-weight:500;}
.sm-stat i{display:block;font-style:normal;font-family:var(--fm);font-size:0.52rem;color:var(--t4);margin-top:0.4rem;}
.sm-goalhd{font-size:0.8rem;font-weight:600;color:#fff;padding:clamp(0.5rem,1.4vw,0.85rem) clamp(1.1rem,2.6vw,2rem) 0.55rem;border-top:1px solid rgba(255,255,255,0.055);}
.sm-goalhd i{font-style:normal;color:var(--t4);font-family:var(--fm);font-size:0.62rem;margin-left:0.35rem;}
.sm-body{flex:1;display:grid;grid-template-columns:214px 1fr;min-height:0;border-top:1px solid rgba(255,255,255,0.055);}
.sm-list{border-right:1px solid rgba(255,255,255,0.055);padding:0.8rem;display:flex;flex-direction:column;gap:0.15rem;}
.sm-glab{font-family:var(--fm);font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);margin:0.5rem 0 0.2rem;}
.sm-gi{position:relative;display:flex;align-items:center;gap:0.5rem;font-size:0.76rem;color:var(--t3);padding:0.46rem 0.55rem;border-radius:7px;transition:background .15s,color .15s;}
.sm-gi.on{background:rgba(255,255,255,0.045);color:#fff;}
.sm-gi.on::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--acc);}
.sm-gi .d{width:6px;height:6px;border-radius:50%;background:var(--acc-hi);flex:none;}
.sm-gi .d.off{background:var(--t4);}
.sm-gi .bar{margin-left:auto;width:34px;height:3px;border-radius:2px;background:rgba(255,255,255,0.09);overflow:hidden;flex:none;}
.sm-gi .bar b{display:block;height:100%;background:var(--acc-hi);}
.sm-detail{padding:1rem clamp(1.2rem,2.8vw,2rem);overflow:hidden;}
.sm-dh{display:flex;align-items:center;gap:0.6rem;font-size:0.96rem;font-weight:600;color:#fff;letter-spacing:-0.015em;margin-bottom:0.7rem;}
.sm-pri{font-size:0.56rem;font-weight:600;color:#e7b56a;border:1px solid rgba(224,168,74,0.32);background:rgba(224,168,74,0.08);border-radius:5px;padding:0.11rem 0.44rem;}
.sm-due{font-family:var(--fm);font-size:0.62rem;color:var(--t4);font-weight:400;}
.sm-prog{height:5px;border-radius:3px;background:rgba(255,255,255,0.07);overflow:hidden;}
.sm-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc-hi));}
.sm-pct{font-family:var(--fm);font-size:0.62rem;color:var(--t3);text-align:right;margin-top:0.36rem;}
.sm-sec{font-family:var(--fm);font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);margin:0.85rem 0 0.5rem;}
.sm-chips{display:flex;flex-wrap:wrap;gap:0.4rem;}
.sm-chips span{font-size:0.68rem;color:var(--t2);background:rgba(255,255,255,0.028);border:1px solid rgba(255,255,255,0.06);border-radius:6px;padding:0.34rem 0.6rem;display:inline-flex;align-items:center;gap:0.42rem;}
.sm-chips span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--t4);flex:none;}
.sm-chips span.proj::before{background:var(--good);}
.sm-chips span.risk::before{background:var(--crit);}
@media (max-width:680px){.sm-stats{display:none;}.sm-body{grid-template-columns:1fr;}.sm-list{display:none;}}

/* native Assessment mockup (Linear treatment) */
.amock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.amock.show{opacity:1;}
.am-top{padding:clamp(1.1rem,2.6vw,1.9rem) clamp(1.1rem,2.6vw,2rem) 0;}
.am-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:clamp(0.9rem,2vw,1.4rem);}
.am-crumb{font-family:var(--fm);font-size:0.62rem;letter-spacing:0.02em;color:var(--t4);margin-bottom:0.5rem;}
.am-crumb span{margin:0 0.15rem;}
.am-crumb b{color:var(--t2);font-weight:500;}
.am-title{font-size:clamp(1.1rem,2.2vw,1.55rem);font-weight:600;letter-spacing:-0.03em;color:#fff;margin-bottom:0.6rem;}
.am-meta{display:flex;align-items:center;gap:0.45rem;font-size:0.73rem;color:var(--t2);}
.am-av{width:18px;height:18px;border-radius:50%;background:#1f9d6b;color:#fff;font-size:0.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.am-meta i{font-style:normal;color:var(--t4);}
.am-prog{flex:none;text-align:right;min-width:128px;}
.am-prog b{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-0.03em;line-height:1;}
.am-prog b em{font-style:normal;font-size:0.8rem;color:var(--t4);}
.am-prog span{display:block;font-family:var(--fm);font-size:0.56rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--t4);margin:0.3rem 0 0.45rem;}
.am-pbar{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,0.09);overflow:hidden;}
.am-pbar u{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--acc),var(--acc-hi));}
.am-fns{display:flex;gap:0.4rem;}
.am-fn{flex:1;display:flex;flex-direction:column;gap:0.45rem;padding:0;background:none;border:0;}
.am-fn .am-fnt{font-size:0.72rem;font-weight:600;color:var(--t3);letter-spacing:-0.01em;}
.am-fn.active .am-fnt{color:#fff;}
.am-fnbar{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,0.09);overflow:hidden;}
.am-fnbar u{display:block;height:100%;border-radius:2px;background:var(--acc-hi);opacity:0.55;}
.am-fn.active .am-fnbar u{opacity:1;}
.am-fn em{font-style:normal;font-family:var(--fm);font-size:0.56rem;color:var(--t4);}
.am-list{flex:1;display:flex;flex-direction:column;margin-top:clamp(0.9rem,2vw,1.4rem);border-top:1px solid rgba(255,255,255,0.055);min-height:0;}
.am-lh,.am-row{display:grid;grid-template-columns:1fr 96px 132px;gap:0.85rem;align-items:center;padding:0 clamp(1.1rem,2.6vw,2rem);}
.am-lh{height:30px;font-family:var(--fm);font-size:0.53rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);}
.am-lh .mt{text-align:right;}
.am-row{flex:1;border-top:1px solid rgba(255,255,255,0.04);transition:background .15s;}
.am-row:hover{background:rgba(255,255,255,0.022);}
.am-c{min-width:0;font-size:clamp(0.74rem,1.25vw,0.88rem);color:#fff;font-weight:500;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.am-c b{font-family:var(--fm);font-weight:500;font-size:0.62rem;color:var(--t4);margin-right:0.6rem;letter-spacing:0.02em;}
.am-stat{display:inline-flex;align-items:center;gap:0.42rem;font-size:clamp(0.62rem,1vw,0.74rem);font-weight:500;color:var(--t2);}
.am-stat i{width:7px;height:7px;border-radius:50%;flex:none;}
.am-stat.done i{background:var(--good);}.am-stat.done{color:#5fcf9e;}
.am-stat.part i{background:var(--warn);}.am-stat.part{color:#e7b56a;}
.am-stat.gap i{background:var(--crit);}.am-stat.gap{color:#ff8a72;}
.am-mat{display:flex;align-items:center;gap:3px;justify-content:flex-end;}
.am-mat i{width:13px;height:5px;border-radius:1px;background:rgba(255,255,255,0.09);}
.am-mat i.on{background:var(--acc-hi);}
.am-mat u{font-family:var(--fm);font-size:0.6rem;color:var(--t3);text-decoration:none;margin-left:0.4rem;width:20px;text-align:right;}
@media (max-width:680px){.am-fns{display:none;}.am-lh,.am-row{grid-template-columns:1fr 80px 70px;}.am-mat i{display:none;}}

/* native Program Calendar mockup (Linear treatment) */
.calmock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.calmock.show{opacity:1;}
.cal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,2.6vw,1.7rem) clamp(1.1rem,2.6vw,2rem) clamp(0.7rem,1.6vw,1rem);}
.cal-title{font-size:clamp(1rem,1.9vw,1.35rem);font-weight:600;letter-spacing:-0.025em;color:#fff;}
.cal-sub{font-size:0.72rem;color:var(--t3);margin-top:0.25rem;}
.cal-views{display:flex;gap:0.1rem;border:1px solid var(--line-2);border-radius:7px;overflow:hidden;flex:none;}
.cal-views span{font-family:var(--fd);font-size:0.66rem;font-weight:500;color:var(--t3);padding:0.34rem 0.66rem;}
.cal-views span.on{background:rgba(255,255,255,0.07);color:#fff;}
.cal-legend{display:flex;flex-wrap:wrap;gap:0.4rem 1.1rem;padding:0 clamp(1.1rem,2.6vw,2rem) clamp(0.7rem,1.6vw,1rem);}
.cal-legend span{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--fm);font-size:0.6rem;color:var(--t3);}
.cal-legend i{width:7px;height:7px;border-radius:50%;flex:none;}
.cal-nav{display:flex;align-items:center;gap:0.9rem;padding:0 clamp(1.1rem,2.6vw,2rem) clamp(0.6rem,1.4vw,0.85rem);}
.cal-nav b{font-family:var(--fd);font-weight:600;font-size:0.86rem;color:#fff;letter-spacing:-0.01em;}
.cal-today{font-family:var(--fm);font-size:0.62rem;color:var(--t3);border:1px solid var(--line-2);border-radius:6px;padding:0.2rem 0.5rem;}
.cal-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;border-top:1px solid rgba(255,255,255,0.07);border-left:1px solid rgba(255,255,255,0.07);min-height:0;}
.cal-grid>div{border-right:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);min-width:0;}
.cal-dh{grid-row:1;display:flex;align-items:center;justify-content:flex-start;padding:0.4rem 0.6rem;font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);background:rgba(255,255,255,0.014);}
.cal-d{position:relative;padding:0.4rem 0.5rem;display:flex;flex-direction:column;gap:0.3rem;}
.cal-d.off{background:rgba(0,0,0,0.25);}
.cal-d>u{font-family:var(--fm);font-size:0.66rem;color:var(--t3);text-decoration:none;}
.cal-d.off>u{color:var(--t4);opacity:0.5;}
.cal-d>u.now{width:18px;height:18px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;}
.cal-ev{font-family:var(--fd);font-size:0.58rem;font-weight:500;color:#fff;letter-spacing:-0.01em;background:color-mix(in srgb,var(--c) 20%,transparent);border-left:2px solid var(--c);border-radius:0 4px 4px 0;padding:0.16rem 0.36rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:680px){.cal-legend span:nth-child(n+4){display:none;}.cal-ev{font-size:0;padding:0.16rem;}.cal-ev{height:6px;}}

/* native Documentation mockup (Linear treatment) */
.docmock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.docmock.show{opacity:1;}
.doc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,2.6vw,1.7rem) clamp(1.1rem,2.6vw,2rem) clamp(0.8rem,1.8vw,1.1rem);}
.doc-title{font-size:clamp(1rem,1.9vw,1.35rem);font-weight:600;letter-spacing:-0.025em;color:#fff;}
.doc-sub{font-size:0.72rem;color:var(--t3);margin-top:0.25rem;}
.doc-actions{display:flex;align-items:center;gap:0.5rem;flex:none;}
.doc-src{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--fd);font-size:0.66rem;font-weight:500;color:var(--t2);border:1px solid var(--line-2);border-radius:7px;padding:0.34rem 0.62rem;}
.doc-src img{width:13px;height:13px;object-fit:contain;border-radius:3px;}
.doc-draft{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--fd);font-size:0.66rem;font-weight:600;color:#fff;background:rgba(139,109,240,0.16);border:1px solid rgba(139,109,240,0.4);border-radius:7px;padding:0.34rem 0.66rem;}
.doc-draft .doc-hud{color:#fff;}
.doc-spark{width:11px;height:11px;flex:none;background:var(--vio-hi);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;}
.doc-spark.sm{width:9px;height:9px;}
.doc-body{flex:1;display:grid;grid-template-columns:190px 1fr;min-height:0;border-top:1px solid rgba(255,255,255,0.055);}
.doc-tree{border-right:1px solid rgba(255,255,255,0.055);padding:0.9rem;display:flex;flex-direction:column;gap:0.15rem;}
.doc-fhead{font-family:var(--fm);font-size:0.53rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);margin-bottom:0.5rem;}
.doc-folder{display:flex;align-items:center;gap:0.55rem;font-size:0.78rem;color:var(--t2);padding:0.42rem 0.5rem;border-radius:6px;letter-spacing:-0.01em;}
.doc-folder.on{background:rgba(74,124,255,0.1);color:#fff;}
.doc-folder em{margin-left:auto;font-style:normal;font-family:var(--fm);font-size:0.58rem;color:var(--t4);}
.doc-fi{width:13px;height:11px;flex:none;border-radius:2px;background:rgba(255,255,255,0.18);position:relative;}
.doc-fi::before{content:"";position:absolute;top:-2px;left:0;width:6px;height:3px;border-radius:1px 1px 0 0;background:rgba(255,255,255,0.18);}
.doc-folder.on .doc-fi,.doc-folder.on .doc-fi::before{background:var(--acc-hi);}
.doc-list{display:flex;flex-direction:column;min-height:0;}
.doc-lh,.doc-row{display:grid;grid-template-columns:1fr 110px 40px 84px;gap:0.85rem;align-items:center;padding:0 clamp(1.1rem,2.4vw,1.6rem);}
.doc-lh{height:32px;font-family:var(--fm);font-size:0.53rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);border-bottom:1px solid rgba(255,255,255,0.04);}
.doc-row{flex:1;border-top:1px solid rgba(255,255,255,0.04);transition:background .15s;}
.doc-row:first-of-type{border-top:0;}
.doc-row:hover{background:rgba(255,255,255,0.022);}
.doc-row.draft{background:rgba(139,109,240,0.05);}
.doc-c{display:flex;align-items:center;gap:0.6rem;min-width:0;}
.doc-hud{width:13px;height:13px;color:var(--vio-hi);flex:none;}
.doc-hud.sm{width:13px;height:13px;}
.doc-ic{width:24px;height:24px;border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);}
.doc-ic svg{width:14px;height:14px;}
.doc-ic.pol{background:rgba(74,124,255,0.16);color:var(--acc-hi);}
.doc-ic.ev{background:rgba(62,201,138,0.14);color:#5fcf9e;}
.doc-ic.plan{background:rgba(224,168,74,0.14);color:#e7b56a;}
.doc-ic.ai{background:rgba(139,109,240,0.18);color:var(--vio-hi);}
.doc-c b{display:block;font-size:0.84rem;font-weight:600;color:#fff;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.doc-c i{font-style:normal;font-family:var(--fm);font-size:0.58rem;color:var(--t4);}
.doc-byh{color:var(--vio-hi);}
.doc-from{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--fm);font-size:0.62rem;color:var(--t3);white-space:nowrap;}
.doc-from img{width:13px;height:13px;object-fit:contain;border-radius:3px;}
.doc-av{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.56rem;font-weight:700;color:#fff;}
.doc-st{font-family:var(--fm);font-size:0.58rem;letter-spacing:0.02em;border-radius:5px;padding:0.2rem 0.46rem;text-align:center;white-space:nowrap;}
.doc-st.ok{color:#5fcf9e;background:rgba(62,201,138,0.12);}
.doc-st.rev{color:#86b7ff;background:rgba(74,124,255,0.12);}
.doc-st.draft{color:var(--vio-hi);background:rgba(139,109,240,0.14);}
@media (max-width:680px){.doc-tree{display:none;}.doc-body{grid-template-columns:1fr;}.doc-lh,.doc-row{grid-template-columns:1fr 40px 70px;}.doc-from{display:none;}}

/* native Controls mockup (Linear treatment) */
.cmock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.cmock.show{opacity:1;}
.cm2-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,2.6vw,1.9rem) clamp(1.1rem,2.6vw,2rem) clamp(0.9rem,2vw,1.3rem);}
.cm2-crumb{font-family:var(--fm);font-size:0.62rem;color:var(--t4);margin-bottom:0.5rem;}
.cm2-crumb span{margin:0 0.15rem;}.cm2-crumb b{color:var(--t2);font-weight:500;}
.cm2-title{font-size:clamp(1.1rem,2.2vw,1.55rem);font-weight:600;letter-spacing:-0.03em;color:#fff;}
.cm2-stats{display:flex;align-self:flex-start;gap:0.5rem;flex:none;}
.cm2-stats span{min-width:74px;border:1px solid rgba(255,255,255,0.07);border-radius:9px;padding:0.5rem 0.7rem;background:rgba(255,255,255,0.014);font-family:var(--fm);font-size:0.5rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--t4);display:flex;flex-direction:column;gap:0.28rem;}
.cm2-stats b{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-0.02em;}
.cm2-stats b em{font-style:normal;font-size:0.64rem;color:var(--t4);}
.cm2-body{flex:1;display:grid;grid-template-columns:266px 1fr;min-height:0;border-top:1px solid rgba(255,255,255,0.055);}
.cm2-list{border-right:1px solid rgba(255,255,255,0.055);padding:0.7rem;display:flex;flex-direction:column;gap:0.2rem;overflow:hidden;}
.cm2-li{display:grid;grid-template-columns:46px 1fr auto;gap:0.55rem;align-items:center;padding:0.5rem 0.55rem;border-radius:7px;transition:background .15s;}
.cm2-li.on{background:rgba(255,255,255,0.045);}
.cm2-li.on .cm2-nm{color:#fff;}
.cm2-id{font-family:var(--fm);font-size:0.62rem;color:var(--t4);}
.cm2-nm{font-size:0.76rem;color:var(--t2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm2-tag{font-family:var(--fm);font-size:0.5rem;letter-spacing:0.03em;border-radius:4px;padding:0.14rem 0.4rem;white-space:nowrap;}
.cm2-tag.ok{color:#5fcf9e;background:rgba(62,201,138,0.1);}
.cm2-tag.warn{color:#e7b56a;background:rgba(224,168,74,0.1);}
.cm2-tag.gap{color:#ff8a72;background:rgba(240,101,75,0.1);}
.cm2-detail{padding:1.2rem clamp(1.2rem,2.8vw,2rem);overflow:hidden;}
.cm2-dh{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:0.85rem;}
.cm2-did{font-family:var(--fm);font-size:0.62rem;color:var(--acc-hi);}
.cm2-dt{font-size:1.02rem;font-weight:600;color:#fff;letter-spacing:-0.02em;margin-top:0.2rem;}
.cm2-dstat{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.66rem;font-weight:500;color:#5fcf9e;flex:none;}
.cm2-dstat i{width:7px;height:7px;border-radius:50%;background:var(--good);}
.cm2-desc{font-size:0.78rem;line-height:1.55;color:var(--t3);margin-bottom:0.4rem;}
.cm2-sec{font-family:var(--fm);font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);margin:1.05rem 0 0.5rem;}
.cm2-fw{display:flex;flex-wrap:wrap;gap:0.4rem;}
.cm2-fw span{font-family:var(--fm);font-size:0.62rem;color:var(--t2);border:1px solid rgba(255,255,255,0.08);border-radius:5px;padding:0.2rem 0.46rem;}
.cm2-ev{display:flex;flex-direction:column;gap:0.36rem;}
.cm2-er{display:flex;align-items:center;gap:0.5rem;font-size:0.72rem;color:var(--t2);}
.cm2-er i.doc{width:11px;height:13px;border-radius:2px;border:1px solid var(--t4);position:relative;flex:none;}
.cm2-er i.doc::after{content:"";position:absolute;left:2px;right:2px;top:4px;height:1px;background:var(--t4);box-shadow:0 3px 0 var(--t4);}
.cm2-er span{margin-left:auto;font-family:var(--fm);font-size:0.58rem;color:var(--t4);}
.cm2-owner{display:flex;align-items:center;gap:0.45rem;font-size:0.72rem;color:var(--t2);margin-top:1.05rem;padding-top:0.9rem;border-top:1px solid rgba(255,255,255,0.05);}
.cm2-av{width:18px;height:18px;border-radius:50%;background:#1f9d6b;color:#fff;font-size:0.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.cm2-owner i{font-style:normal;color:var(--t4);}
.cm2-test{margin-left:auto;font-family:var(--fm);font-size:0.58rem;color:var(--t4);}
@media (max-width:680px){.cm2-stats{display:none;}.cm2-body{grid-template-columns:1fr;}.cm2-list{display:none;}}

/* native Projects kanban mockup (Linear treatment) */
.kmock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.kmock.show{opacity:1;}
.km-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,2.6vw,1.9rem) clamp(1.1rem,2.6vw,2rem) clamp(0.9rem,2vw,1.3rem);}
.km-crumb{font-family:var(--fm);font-size:0.62rem;color:var(--t4);margin-bottom:0.5rem;}
.km-crumb span{margin:0 0.15rem;}.km-crumb b{color:var(--t2);font-weight:500;}
.km-title{font-size:clamp(1.1rem,2.2vw,1.55rem);font-weight:600;letter-spacing:-0.03em;color:#fff;}
.km-right{display:flex;align-items:center;gap:0.8rem;flex:none;}
.km-avs{display:flex;}
.km-avs span{width:22px;height:22px;border-radius:50%;color:#fff;font-size:0.54rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #0a0a0b;margin-left:-7px;}
.km-avs span:first-child{margin-left:0;}
.km-prog{font-family:var(--fm);font-size:0.64rem;color:var(--t3);}
.km-board{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0.7rem;padding:0 clamp(1.1rem,2.6vw,2rem) clamp(1.1rem,2.6vw,1.7rem);min-height:0;border-top:1px solid rgba(255,255,255,0.055);padding-top:clamp(0.9rem,2vw,1.3rem);}
.km-col{display:flex;flex-direction:column;gap:0.5rem;min-height:0;}
.km-ch{display:flex;align-items:center;gap:0.42rem;font-size:0.68rem;font-weight:600;color:var(--t2);margin-bottom:0.1rem;}
.km-ch .d{width:7px;height:7px;border-radius:50%;flex:none;}
.km-ch .d.todo{background:var(--t4);}
.km-ch .d.prog{background:var(--acc-hi);}
.km-ch .d.block{background:var(--crit);}
.km-ch .d.done{background:var(--good);}
.km-ch i{font-style:normal;color:var(--t4);font-family:var(--fm);font-size:0.58rem;margin-left:0.1rem;}
.km-card{border:1px solid rgba(255,255,255,0.07);border-radius:8px;padding:0.62rem 0.66rem;background:rgba(255,255,255,0.018);display:flex;flex-direction:column;gap:0.5rem;}
.km-card.done{opacity:0.55;}
.km-cl{font-size:0.72rem;font-weight:500;color:#fff;letter-spacing:-0.01em;line-height:1.3;}
.km-card.done .km-cl{color:var(--t2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,0.25);}
.km-bar{height:3px;border-radius:2px;background:rgba(255,255,255,0.09);overflow:hidden;}
.km-bar i{display:block;height:100%;background:var(--acc-hi);}
.km-flag{font-family:var(--fm);font-size:0.55rem;color:#ff8a72;background:rgba(240,101,75,0.1);border-radius:4px;padding:0.16rem 0.4rem;align-self:flex-start;}
.km-cf{display:flex;align-items:center;justify-content:space-between;}
.km-pill{font-family:var(--fm);font-size:0.55rem;color:var(--t4);letter-spacing:0.02em;}
.km-cav{width:17px;height:17px;border-radius:50%;color:#fff;font-size:0.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
@media (max-width:680px){.km-board{grid-template-columns:1fr 1fr;overflow:hidden;}}

/* native Incident mockup (Linear treatment) */
.imock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.imock.show{opacity:1;}
.im-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,2.6vw,1.7rem) clamp(1.1rem,2.6vw,2rem) clamp(0.9rem,2vw,1.2rem);}
.im-h{display:flex;align-items:center;gap:0.7rem;min-width:0;}
.im-id{font-family:var(--fm);font-size:0.62rem;color:var(--t4);}
.im-h b{font-size:clamp(0.96rem,1.9vw,1.3rem);font-weight:600;letter-spacing:-0.025em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.im-sev{font-family:var(--fm);font-size:0.56rem;letter-spacing:0.04em;color:#e7b56a;border:1px solid rgba(224,168,74,0.34);background:rgba(224,168,74,0.08);border-radius:5px;padding:0.16rem 0.46rem;}
.im-badge{font-family:var(--fm);font-size:0.56rem;letter-spacing:0.04em;border-radius:5px;padding:0.16rem 0.46rem;}
.im-badge.done{color:#5fcf9e;background:rgba(62,201,138,0.12);}
.im-export{font-family:var(--fm);font-size:0.62rem;color:var(--t3);flex:none;}
.im-steps{display:flex;align-items:flex-start;justify-content:space-between;gap:0.4rem;padding:0 clamp(1.3rem,3vw,2.4rem) clamp(1rem,2.2vw,1.4rem);position:relative;}
.im-steps::before{content:"";position:absolute;left:clamp(1.6rem,3.4vw,2.8rem);right:clamp(1.6rem,3.4vw,2.8rem);top:5px;height:2px;background:rgba(255,255,255,0.1);}
.im-steps::after{content:"";position:absolute;left:clamp(1.6rem,3.4vw,2.8rem);width:58%;top:5px;height:2px;background:var(--acc-hi);}
.im-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0.42rem;flex:1;text-align:center;}
.im-step .sd{width:11px;height:11px;border-radius:50%;background:#1b1d24;border:2px solid rgba(255,255,255,0.2);}
.im-step.done .sd{background:var(--acc-hi);border-color:var(--acc-hi);box-shadow:0 0 0 3px rgba(74,124,255,0.16);}
.im-step b{font-size:0.7rem;font-weight:600;color:var(--t3);letter-spacing:-0.01em;}
.im-step.done b{color:#fff;}
.im-step i{font-style:normal;font-family:var(--fm);font-size:0.54rem;color:var(--t4);}
.im-body{flex:1;display:grid;grid-template-columns:1.32fr 1fr;min-height:0;border-top:1px solid rgba(255,255,255,0.055);}
.im-tl{padding:0.9rem clamp(1.1rem,2.4vw,1.6rem);border-right:1px solid rgba(255,255,255,0.055);display:flex;flex-direction:column;gap:0.5rem;}
.im-sech{font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);margin-bottom:0.1rem;}
.im-row{display:flex;align-items:center;gap:0.6rem;}
.im-tag{font-family:var(--fm);font-size:0.5rem;letter-spacing:0.03em;border-radius:4px;padding:0.16rem 0.4rem;flex:none;white-space:nowrap;}
.im-tag.act{color:#86b7ff;background:rgba(74,124,255,0.14);}
.im-tag.sta{color:#c7a3ff;background:rgba(139,109,240,0.16);}
.im-tag.com{color:#5fcf9e;background:rgba(62,201,138,0.13);}
.im-tag.pos{color:#e7b56a;background:rgba(224,168,74,0.13);}
.im-rt{font-size:0.78rem;color:var(--t2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.im-side{padding:0.9rem clamp(1.1rem,2.4vw,1.5rem);display:flex;flex-direction:column;gap:0.85rem;}
.im-aar{border:1px solid rgba(139,109,240,0.28);border-radius:9px;background:rgba(139,109,240,0.05);padding:0.7rem 0.8rem;}
.im-aarh{display:flex;align-items:center;gap:0.4rem;font-family:var(--fd);font-weight:600;font-size:0.78rem;color:#fff;letter-spacing:-0.01em;margin-bottom:0.45rem;}
.im-aarh svg{color:var(--vio-hi);}
.im-pub{margin-left:auto;font-family:var(--fm);font-size:0.5rem;letter-spacing:0.04em;color:#5fcf9e;background:rgba(62,201,138,0.12);border-radius:4px;padding:0.12rem 0.38rem;}
.im-aar p{font-size:0.72rem;line-height:1.5;color:var(--t3);}
.im-runh{display:block;font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);margin-bottom:0.42rem;}
.im-runr{display:flex;align-items:center;gap:0.5rem;font-size:0.76rem;font-weight:500;color:var(--t2);border:1px solid var(--line);border-radius:7px;padding:0.5rem 0.62rem;}
.im-runr em{font-style:normal;font-family:var(--fm);font-size:0.56rem;color:var(--t4);margin-left:auto;}
.im-runic{width:8px;height:8px;border-radius:50%;background:var(--vio-hi);flex:none;}
.im-metrics{display:flex;gap:0.6rem;margin-top:auto;}
.im-metric{flex:1;border:1px solid var(--line);border-radius:8px;padding:0.5rem 0.62rem;}
.im-metric span{display:block;font-family:var(--fm);font-size:0.5rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--t4);margin-bottom:0.28rem;}
.im-metric b{font-family:var(--fd);font-weight:700;font-size:1.05rem;color:#fff;letter-spacing:-0.02em;}
@media (max-width:680px){.im-body{grid-template-columns:1fr;}.im-tl{border-right:0;border-bottom:1px solid rgba(255,255,255,0.055);}.im-step i{display:none;}}
.hw-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;background:#070708;cursor:zoom-in;}
.hw-cap{padding:0.85rem 1rem;border-top:1px solid var(--line);font-family:var(--fm);font-size:0.64rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--t4);background:rgba(255,255,255,0.012);transition:opacity .3s;}

/* ============================================================
   NATIVE PRODUCT MOCKS (bento)
   ============================================================ */
.cm{position:absolute;inset:0;padding:1.05rem 1.15rem;display:flex;flex-direction:column;}
.cm-h{display:flex;align-items:baseline;justify-content:space-between;gap:0.6rem;margin-bottom:0.85rem;}
.cm-t{font-family:var(--fd);font-weight:600;font-size:0.92rem;letter-spacing:-0.01em;color:#fff;}
.cm-meta{font-family:var(--fm);font-size:0.6rem;letter-spacing:0.04em;color:var(--t4);}

/* maturity trend area chart */
.cm-trend{position:relative;flex:1;}
.cm-chart{position:absolute;inset:0;width:100%;height:100%;}
.cm-grid{stroke:rgba(255,255,255,0.06);stroke-width:1;}
.cm-area{fill:url(#cmTrendG);}
.cm-line{fill:none;stroke:var(--acc-hi);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1;stroke-dashoffset:1;}
.b2 .mock.play .cm-line{animation:cmDraw 1.5s var(--ease) forwards;}
@keyframes cmDraw{to{stroke-dashoffset:0;}}
.cm-mark{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--acc-hi);
  box-shadow:0 0 0 4px rgba(74,124,255,0.18);transform:translate(-50%,-50%);}
.cm-flag{position:absolute;transform:translate(-50%,-120%);font-family:var(--fm);font-size:0.56rem;letter-spacing:0.04em;
  color:var(--t2);background:rgba(14,15,20,0.94);border:1px solid var(--line-2);border-radius:5px;padding:0.2rem 0.45rem;white-space:nowrap;}
.cm-trend-foot{display:flex;align-items:baseline;gap:0.5rem;margin-top:0.6rem;}
.cm-trend-foot .v{font-family:var(--fd);font-weight:700;font-size:1.35rem;letter-spacing:-0.02em;color:#fff;}
.cm-trend-foot .d{font-family:var(--fm);font-size:0.62rem;color:var(--good);}
.cm-trend-foot .s{font-family:var(--fm);font-size:0.62rem;color:var(--t4);}

/* findings action queue */
.cm-q{display:flex;flex-direction:column;gap:0.45rem;}
.cm-qrow{display:grid;grid-template-columns:auto 1fr auto;gap:0.7rem;align-items:center;
  padding:0.42rem 0.6rem;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,0.014);}
.cm-sev{width:7px;height:7px;border-radius:2px;flex:0 0 auto;}
.cm-sev.crit{background:var(--crit);}.cm-sev.high{background:var(--warn);}.cm-sev.med{background:var(--acc-hi);}
.cm-qmain{min-width:0;}
.cm-qmain b{display:block;font-family:var(--fd);font-weight:600;font-size:0.82rem;letter-spacing:-0.01em;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-qmain i{font-style:normal;font-family:var(--fm);font-size:0.58rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--t4);}
.cm-due{font-family:var(--fm);font-size:0.6rem;white-space:nowrap;}
.cm-due.crit{color:var(--crit);}.cm-due.high{color:var(--warn);}.cm-due.med{color:var(--t3);}

/* risk before -> after heatmap */
.cm-risk{display:flex;flex-direction:column;flex:1;justify-content:center;}
.cm-grids{display:flex;align-items:center;justify-content:center;gap:0.9rem;}
.cm-hm{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:116px;}
.cm-cell{aspect-ratio:1;border-radius:2px;background:rgba(255,255,255,0.05);}
.cm-cell.on{box-shadow:0 0 0 1.5px #fff;}
.cm-cell.r4{background:rgba(240,101,75,0.62);}
.cm-cell.r3{background:rgba(240,101,75,0.38);}
.cm-cell.r2{background:rgba(224,168,74,0.42);}
.cm-cell.r1{background:rgba(62,201,138,0.32);}
.cm-arrow{color:var(--acc-hi);font-size:1.1rem;}
.cm-hm-lab{font-family:var(--fm);font-size:0.54rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--t4);text-align:center;margin-top:0.45rem;}
.cm-risk-foot{display:flex;align-items:center;gap:0.5rem;margin-top:0.9rem;justify-content:center;}
.cm-badge{font-family:var(--fd);font-weight:700;font-size:0.78rem;border-radius:5px;padding:0.2rem 0.55rem;}
.cm-badge.crit{color:#ff8a72;background:rgba(240,101,75,0.16);}
.cm-badge.high{color:var(--acc-hi);background:rgba(74,124,255,0.16);}
.cm-risk-foot .arr{color:var(--t4);}

/* coverage bars */
.cm-cov{display:flex;flex-direction:column;gap:0.72rem;}
.cm-bar .cm-bl{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:0.34rem;}
.cm-bl span{font-size:0.8rem;color:var(--t2);}
.cm-bl b{font-family:var(--fm);font-size:0.66rem;color:#fff;}
.cm-track{display:block;width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,0.07);overflow:hidden;}
.cm-fill{display:block;height:100%;border-radius:3px;width:0;transition:width 1.1s var(--ease);}
.cm-fill.acc{background:linear-gradient(90deg,var(--acc),var(--acc-hi));}
.cm-fill.warn{background:linear-gradient(90deg,#c98a3a,var(--warn));}
.b2 .mock.play .cm-fill{width:var(--w);}
.cm-gap{margin-top:0.4rem;display:flex;align-items:center;gap:0.4rem;font-family:var(--fm);font-size:0.62rem;color:var(--warn);}

/* ============================================================
   PERSONAS — three seats
   ============================================================ */
.pers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
@media(max-width:900px){.pers{grid-template-columns:1fr;}}
.pcard{position:relative;border:1px solid var(--line-2);border-radius:9px;
  background:linear-gradient(165deg,#0c0e13,#0a0a0c);padding:1.9rem 1.7rem;overflow:hidden;
  transition:border-color .3s,transform .3s var(--ease);display:flex;flex-direction:column;}
.pcard:hover{border-color:rgba(74,124,255,0.45);transform:translateY(-4px);}
.pcard .pglow{position:absolute;top:-40%;right:-10%;width:55%;height:80%;background:radial-gradient(ellipse at center,rgba(74,124,255,0.14),transparent 70%);pointer-events:none;}
.pcard .pn{font-family:var(--fm);font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--acc-hi);}
.pcard h3{font-family:var(--fd);font-size:1.32rem;font-weight:700;letter-spacing:-0.02em;margin:0.6rem 0 0.55rem;}
.pcard p{font-size:0.93rem;line-height:1.6;color:var(--t3);}
.pcard .lands{list-style:none;margin:1.4rem 0 1.6rem;padding:0;display:flex;flex-direction:column;}
.pcard .lands li{display:flex;align-items:center;gap:0.6rem;font-size:0.86rem;color:var(--t2);letter-spacing:-0.01em;padding:0.62rem 0;border-top:1px solid var(--line);}
.pcard .lands li:first-child{border-top:0;}
.pcard .lands li::before{content:"";width:13px;height:13px;flex:none;background:var(--acc-hi);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;}
.pcard .go{margin-top:auto;display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--fd);font-weight:600;font-size:0.9rem;color:var(--acc-hi);}
.pcard .go .ar{transition:transform .25s var(--ease);}
.pcard:hover .go .ar{transform:translateX(4px);}

/* ============================================================
   WAITLIST FORM
   ============================================================ */
.wl-form{display:flex;gap:0.7rem;flex-wrap:wrap;max-width:480px;margin:0 auto;justify-content:center;}
.wl-input{flex:1;min-width:220px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;color:#fff;
  font-family:var(--fd);font-size:0.95rem;padding:0.82rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s;}
.wl-input::placeholder{color:var(--t4);}
.wl-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(74,124,255,0.16);}
.wl-msg{width:100%;font-size:0.9rem;padding:0.7rem 0.95rem;border-radius:7px;margin-top:0.2rem;}
.wl-msg.ok{background:rgba(74,124,255,0.1);border:1px solid rgba(74,124,255,0.28);color:var(--acc-hi);}
.wl-msg.err{background:rgba(240,101,75,0.08);border:1px solid rgba(240,101,75,0.24);color:#ff8a72;}

/* a faint hero briefing card that overhangs the scene shot */
.hud-brief{position:absolute;z-index:4;left:32px;bottom:8vh;width:min(330px,42vw);border-radius:9px;overflow:hidden;
  background:linear-gradient(160deg,rgba(22,20,30,0.95),rgba(10,10,14,0.96));border:1px solid rgba(139,109,240,0.34);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 34px 64px -22px rgba(0,0,0,0.92);}
@media(max-width:980px){.hud-brief{display:none;}}
.hb-top{display:flex;align-items:center;gap:0.6rem;padding:0.7rem 0.9rem;border-bottom:1px solid rgba(139,109,240,0.18);}
.hb-top .bk{width:18px;height:18px;color:var(--vio-hi);flex:0 0 auto;}
.hb-top .bk svg{width:18px;height:18px;}
.hb-top b{display:block;font-family:var(--fd);font-weight:600;font-size:0.84rem;color:#fff;}
.hb-top span{font-size:0.7rem;color:var(--t3);}
.hb-live{margin-left:auto;font-family:var(--fm);font-size:0.5rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--vio-hi);border:1px solid rgba(139,109,240,0.4);border-radius:999px;padding:0.12rem 0.42rem;}
.hb-row{display:flex;align-items:center;gap:0.6rem;padding:0.55rem 0.9rem;border-top:1px solid rgba(255,255,255,0.045);}
.hb-row:first-child{border-top:0;}
.hb-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;}
.hb-dot.crit{background:var(--crit);}.hb-dot.warn{background:var(--warn);}.hb-dot.acc{background:var(--acc);}
.hb-tx{min-width:0;flex:1;}
.hb-tx b{display:block;font-family:var(--fd);font-weight:600;font-size:0.78rem;color:#fff;}
.hb-tx span{font-size:0.69rem;color:var(--t3);}

/* ============================================================
   BENTO POLISH — 6 cards, Linear-grade
   ============================================================ */
.b2-vis{height:230px;}
.cm-center{justify-content:center;}
.cm-bl{display:flex;align-items:baseline;justify-content:space-between;}
.cm-bl span{font-size:0.8rem;color:var(--t2);}
.cm-bl b{font-family:var(--fm);font-size:0.66rem;color:#fff;}

/* findings by severity */
.cm-find{display:flex;flex-direction:column;gap:1rem;}
.cm-find-big{display:flex;align-items:baseline;gap:0.75rem;}
.cm-find-big .n{font-family:var(--fd);font-weight:700;font-size:2.7rem;line-height:0.78;letter-spacing:-0.03em;color:#ff8a72;}
.cm-find-big .cap{font-size:0.82rem;color:var(--t3);line-height:1.32;}
.cm-sevbar{display:flex;gap:3px;height:9px;}
.cm-sevbar i{border-radius:3px;}
.cm-sevbar i.crit{background:var(--crit);}
.cm-sevbar i.high{background:var(--warn);}
.cm-sevbar i.med{background:#d9c24a;}
.cm-sevbar i.low{background:var(--good);}
.cm-leg{display:flex;flex-wrap:wrap;gap:0.4rem 1rem;font-family:var(--fm);font-size:0.62rem;color:var(--t3);}
.cm-leg span{display:inline-flex;align-items:center;gap:0.36rem;}
.cm-leg i{width:6px;height:6px;border-radius:50%;}
.cm-leg i.crit{background:var(--crit);}.cm-leg i.high{background:var(--warn);}.cm-leg i.med{background:#d9c24a;}

/* action queue overflow line */
.cm-q{display:flex;flex-direction:column;gap:0.42rem;}
.cm-qmore{margin-top:0.5rem;font-family:var(--fm);font-size:0.62rem;letter-spacing:0.04em;color:var(--acc-hi);}

/* risk: subtle centered arrow + aligned labels */
.cm-rg{display:grid;grid-template-columns:auto auto auto;justify-content:center;justify-items:center;align-items:center;column-gap:1.1rem;row-gap:0.6rem;}
.cm-rg .cm-hm-lab{margin-top:0;}
.cm-grids{display:flex;align-items:center;justify-content:center;gap:0.85rem;}
.cm-hmwrap{display:flex;flex-direction:column;align-items:center;gap:0.5rem;}
.cm-hmwrap .cm-hm-lab{margin-top:0;}
.cm-arrow{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:none;border:0;box-shadow:none;color:rgba(255,255,255,0.4);flex:0 0 auto;}
.cm-arrow svg{width:22px;height:22px;}
.cm-risk-cap{margin-top:1.1rem;text-align:center;font-family:var(--fm);font-size:0.62rem;letter-spacing:0.03em;color:var(--t3);}

/* self-assessment */
.cm-sa{display:flex;flex-direction:column;gap:0.95rem;}
.cm-satrack{display:flex;gap:2px;height:7px;border-radius:4px;overflow:hidden;margin-top:0.36rem;}
.cm-satrack i{display:block;}
.cm-satrack i.cov{background:var(--good);}
.cm-satrack i.par{background:var(--warn);}
.cm-satrack i.gap{background:var(--crit);}
.cm-satrack i.na{background:rgba(255,255,255,0.09);}
.cm-sa-list{display:flex;flex-direction:column;gap:0.5rem;}
.cm-sa-row{display:grid;grid-template-columns:auto 1fr auto;gap:0.6rem;align-items:center;}
.cm-sa-row .ref{font-family:var(--fm);font-size:0.6rem;color:var(--acc-hi);border:1px solid rgba(74,124,255,0.3);border-radius:4px;padding:0.12rem 0.36rem;}
.cm-sa-row .tx{font-size:0.78rem;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-sa-row .st{font-family:var(--fm);font-size:0.54rem;letter-spacing:0.06em;text-transform:uppercase;border-radius:4px;padding:0.16rem 0.46rem;white-space:nowrap;}
.cm-sa-row .st.cov{color:var(--good);background:rgba(62,201,138,0.13);}
.cm-sa-row .st.par{color:var(--warn);background:rgba(224,168,74,0.13);}
.cm-sa-row .st.gap{color:#ff8a72;background:rgba(240,101,75,0.13);}

/* budget */
.cm-bud{display:flex;flex-direction:column;gap:0.66rem;}
.cm-bud-row .cm-bl{margin-bottom:0.34rem;}
.cm-bud-row .cm-bl span{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.84rem;color:#fff;}
.cm-bud-row .cm-bl b{font-family:var(--fm);font-size:0.66rem;color:var(--t2);font-weight:500;}
.cm-bud-row .cm-bl b em{color:var(--t4);font-style:normal;}
.cm-bl .tk{width:3px;height:13px;border-radius:2px;flex:0 0 auto;}
.tk.b-pers{background:#5b8def;}.tk.b-tool{background:#8b6df0;}.tk.b-svc{background:#2dd4bf;}.tk.b-trn{background:#ec6a9c;}
.cm-fill.b-pers{background:linear-gradient(90deg,#4A7CFF,#5b8def);}
.cm-fill.b-tool{background:linear-gradient(90deg,#7654e0,#8b6df0);}
.cm-fill.b-svc{background:linear-gradient(90deg,#15a896,#2dd4bf);}
.cm-fill.b-trn{background:linear-gradient(90deg,#d9508a,#ec6a9c);}

/* ============================================================
   HUDSON BAND (compact, replaces the chat on overview)
   ============================================================ */
.hud-band{position:relative;display:grid;grid-template-columns:1fr minmax(300px,360px);gap:clamp(1.8rem,4vw,3rem);align-items:center;border:1px solid rgba(139,109,240,0.26);border-radius:10px;overflow:hidden;
  background:linear-gradient(150deg,rgba(20,16,32,0.92),rgba(10,10,13,0.95));
  padding:clamp(2.2rem,4vw,3.2rem) clamp(1.7rem,4vw,2.9rem);
  box-shadow:0 2px 6px rgba(0,0,0,.5),0 44px 100px -50px rgba(139,109,240,0.4);}
.hud-band-glow{position:absolute;top:-30%;left:6%;width:42%;height:80%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(139,109,240,0.18),transparent 70%);}
.hud-band-t{position:relative;z-index:1;}
@media (max-width:820px){.hud-band{grid-template-columns:1fr;}}
.hud-chat{position:relative;z-index:1;border:1px solid rgba(139,109,240,0.3);border-radius:11px;overflow:hidden;
  background:linear-gradient(180deg,rgba(16,14,24,0.92),rgba(10,10,14,0.96));
  box-shadow:0 30px 70px -40px rgba(0,0,0,0.9),inset 0 1px 0 rgba(255,255,255,0.05);}
.hcw-bar{display:flex;align-items:center;gap:0.5rem;padding:0.7rem 0.95rem;border-bottom:1px solid rgba(139,109,240,0.18);font-family:var(--fd);font-weight:600;font-size:0.82rem;color:#fff;}
.hcw-dot{width:7px;height:7px;border-radius:50%;background:var(--vio-hi);box-shadow:0 0 0 3px rgba(139,109,240,0.2);flex:none;}
.hcw-meta{margin-left:auto;font-family:var(--fm);font-size:0.6rem;font-weight:400;color:var(--t4);letter-spacing:0.02em;}
.hcw-body{padding:0.95rem;display:flex;flex-direction:column;gap:0.7rem;}
.hcw-you{align-self:flex-end;max-width:85%;font-size:0.8rem;line-height:1.45;color:var(--t2);background:rgba(255,255,255,0.05);border:1px solid var(--line-2);border-radius:11px 11px 3px 11px;padding:0.5rem 0.75rem;}
.hcw-hud{font-size:0.8rem;line-height:1.5;color:var(--t2);}
.hcw-hud>p{margin:0 0 0.6rem;color:#fff;font-weight:500;font-size:0.82rem;}
.hcw-act{display:flex;align-items:flex-start;gap:0.6rem;padding:0.5rem 0.6rem;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.014);margin-bottom:0.45rem;}
.hcw-sev{width:7px;height:7px;border-radius:2px;margin-top:0.35rem;flex:none;}
.hcw-sev.crit{background:var(--crit);}.hcw-sev.high{background:var(--warn);}.hcw-sev.med{background:var(--vio-hi);}
.hcw-act b{display:block;font-family:var(--fd);font-weight:600;font-size:0.78rem;color:#fff;letter-spacing:-0.01em;}
.hcw-act i{font-style:normal;font-family:var(--fm);font-size:0.6rem;color:var(--t4);}
.hcw-foot{margin:0.55rem 0 0!important;color:var(--vio-hi)!important;font-weight:500;font-size:0.78rem!important;}
.hud-beacon{display:block;width:46px;height:46px;color:var(--vio-hi);filter:drop-shadow(0 0 22px rgba(139,109,240,0.5));margin-bottom:1.3rem;overflow:visible;}
.hud-beacon .bring,.hud-beacon .bnode{transform-box:fill-box;transform-origin:center;}
.hud-beacon .b1{transform:rotate(30deg);}.hud-beacon .b2{transform:rotate(150deg);stroke-opacity:0.62;}.hud-beacon .b3{transform:rotate(270deg);stroke-opacity:0.46;}
.hud-beacon.analyzing .b1{animation:hr1 4s linear infinite;}.hud-beacon.analyzing .b2{animation:hr2 6.5s linear infinite;}.hud-beacon.analyzing .b3{animation:hr3 9.5s linear infinite;}
@media(prefers-reduced-motion:reduce){.hud-beacon .bring{animation:none!important;}}
.eyebrow.vio{color:var(--vio-hi);}
.hud-band-t h2{font-family:var(--fd);font-weight:600;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-0.03em;line-height:1.1;margin:0.7rem 0 0.75rem;text-wrap:balance;}
.hud-band-t p{font-size:1.02rem;line-height:1.6;color:var(--t2);max-width:64ch;text-wrap:pretty;}
.hud-kbd{font-family:var(--fm);font-size:0.82em;color:var(--vio-hi);border:1px solid rgba(139,109,240,0.4);background:rgba(139,109,240,0.1);border-radius:5px;padding:0.05rem 0.4rem;}
.hud-link{display:inline-flex;align-items:center;gap:0.45rem;margin-top:1.35rem;font-family:var(--fd);font-weight:600;font-size:0.95rem;color:var(--vio-hi);}
.hud-link .ar{transition:transform .2s var(--ease);}
.hud-link:hover .ar{transform:translateX(3px);}

/* ============================================================
   HERO C — the operating loop as the hero
   ============================================================ */
.hero-c{justify-content:center;}
.hero-c-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.hero-c-glow{position:absolute;top:50%;right:2%;width:62%;height:92%;transform:translateY(-50%);
  background:radial-gradient(ellipse 58% 54% at 62% 50%,rgba(74,124,255,0.18),rgba(74,124,255,0.04) 46%,transparent 70%);}
.hero-c-rings{position:absolute;top:50%;right:24%;width:780px;height:780px;transform:translate(46%,-50%);border-radius:50%;
  background:repeating-radial-gradient(circle,rgba(255,255,255,0.028) 0 1px,transparent 1px 66px);
  -webkit-mask:radial-gradient(circle,#000 26%,transparent 68%);mask:radial-gradient(circle,#000 26%,transparent 68%);}
@media (max-width:880px){.hero-c-rings{display:none;}}
.hero-c-in{position:relative;z-index:3;width:100%;max-width:var(--wide);margin:0 auto;padding:7rem 32px 5rem;
  display:grid;grid-template-columns:1.02fr 0.98fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
@media (max-width:880px){.hero-c-in{grid-template-columns:1fr;text-align:center;padding-top:6rem;}
  .hero-c-copy .hero-kick,.hero-c .hero-cta{justify-content:center;}}
.hero-c-vis{display:flex;flex-direction:column;align-items:center;gap:1.7rem;}

.loop{position:relative;width:clamp(320px,40vw,460px);aspect-ratio:1;}
.loop::before{content:"";position:absolute;inset:23%;border-radius:50%;border:1px solid rgba(255,255,255,0.05);}
.loop-ring{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(255,255,255,0.1);
  box-shadow:inset 0 0 80px -26px rgba(74,124,255,0.45),0 0 0 1px rgba(255,255,255,0.015);}
.loop-sweep{position:absolute;inset:8%;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(74,124,255,0.22),rgba(74,124,255,0.02) 26%,transparent 42%);
  -webkit-mask:radial-gradient(closest-side,transparent 40%,#000 72%,#000 99%,transparent 100%);
  mask:radial-gradient(closest-side,transparent 40%,#000 72%,#000 99%,transparent 100%);}
.loop-spin{position:absolute;inset:8%;}
.loop-token{position:absolute;top:0;left:50%;width:11px;height:11px;border-radius:50%;background:var(--acc-hi);
  box-shadow:0 0 16px 5px rgba(74,124,255,0.85);transform:translate(-50%,-50%);}
@keyframes loopspin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:no-preference){
  .loop-sweep{animation:loopspin 9s linear infinite;}
  .loop-spin{animation:loopspin 7.5s linear infinite;}
}
.loop-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;aspect-ratio:1;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0.18rem;padding:0.5rem;
  background:radial-gradient(circle at 50% 34%,rgba(74,124,255,0.18),rgba(11,12,16,0.92) 72%);
  border:1px solid rgba(74,124,255,0.32);box-shadow:0 0 56px -12px rgba(74,124,255,0.5),inset 0 1px 0 rgba(255,255,255,0.06);}
.loop-core::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(74,124,255,0.35);}
@media (prefers-reduced-motion:no-preference){.loop-core::after{animation:loopcore 3.2s ease-out infinite;}}
@keyframes loopcore{0%{transform:scale(0.92);opacity:0.7;}100%{transform:scale(1.45);opacity:0;}}
.lc-k{font-family:var(--fm);font-size:0.56rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--acc-hi);}
.loop-core b{font-family:var(--fd);font-weight:700;font-size:clamp(0.85rem,1.5vw,1rem);color:#fff;letter-spacing:-0.015em;line-height:1.12;}
.lc-s{font-family:var(--fm);font-size:0.54rem;letter-spacing:0.06em;color:var(--t4);}
.lnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0.42rem;width:90px;}
.lnode .ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(165deg,#11141c,#0b0c10);
  border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:var(--acc-hi);
  box-shadow:0 14px 32px -16px rgba(0,0,0,0.85);transition:border-color .4s,box-shadow .4s;}
.lnode .ic svg{width:21px;height:21px;}
.lnode span:last-child{font-family:var(--fd);font-weight:600;font-size:0.78rem;color:#fff;letter-spacing:-0.01em;white-space:nowrap;}
.lnode.n1{left:50%;top:8%;}.lnode.n2{left:88%;top:37%;}.lnode.n3{left:74%;top:85%;}.lnode.n4{left:26%;top:85%;}.lnode.n5{left:12%;top:37%;}
@keyframes lnodeglow{0%,80%,100%{border-color:rgba(255,255,255,0.1);box-shadow:0 14px 32px -16px rgba(0,0,0,0.85);}
  8%{border-color:rgba(74,124,255,0.65);box-shadow:0 0 0 1px var(--acc),0 0 30px -4px rgba(74,124,255,0.8);}}
@media (prefers-reduced-motion:no-preference){
  .lnode .ic{animation:lnodeglow 7.5s ease-in-out infinite;}
  .lnode.n1 .ic{animation-delay:0s;}.lnode.n2 .ic{animation-delay:1.5s;}.lnode.n3 .ic{animation-delay:3s;}.lnode.n4 .ic{animation-delay:4.5s;}.lnode.n5 .ic{animation-delay:6s;}
}
.loop-feeds{font-family:var(--fm);font-size:0.66rem;letter-spacing:0.06em;color:var(--t4);text-align:center;}
@media (max-width:480px){.loop{width:min(360px,82vw);}.lnode{width:74px;}.lnode .ic{width:40px;height:40px;}.lnode .ic svg{width:18px;height:18px;}.lnode span:last-child{font-size:0.72rem;}}

/* Command Center showcase */
.cc-head{text-align:center;max-width:640px;margin:0 auto 2.6rem;}
.cc-head .eyebrow{justify-content:center;}
.cc-title{font-family:var(--fd);font-weight:600;font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-0.035em;line-height:1.1;margin-top:0.9rem;text-wrap:balance;}

/* ============================================================
   HERO C / Route 2 — angled Command surface + frosted loop HUD
   ============================================================ */
.hero-c-in{grid-template-columns:0.9fr 1.1fr;}
.hero-c-rings{display:none;}
.hero-c-glow{right:-4%;width:66%;}
.cmd-stage{position:relative;width:100%;min-height:clamp(440px,46vw,560px);}
.cmd-window{position:absolute;top:1%;right:-11%;width:113%;border-radius:13px;overflow:hidden;border:1px solid var(--line-2);
  transform:perspective(2400px) rotateY(-11deg) rotateX(4deg) rotateZ(0.4deg);transform-origin:60% 40%;
  box-shadow:0 50px 120px -42px rgba(0,0,0,0.92),0 0 0 1px rgba(255,255,255,0.03),inset 0 1px 0 rgba(255,255,255,0.06),0 60px 130px -60px rgba(74,124,255,0.5);
  -webkit-mask-image:radial-gradient(135% 125% at 66% 24%,#000 50%,transparent 88%);
  mask-image:radial-gradient(135% 125% at 66% 24%,#000 50%,transparent 88%);}
.cmd-window img{display:block;width:100%;filter:saturate(0.96) brightness(0.84);}
.cmd-veil{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(205deg,rgba(6,8,12,0) 28%,rgba(6,8,12,0.5) 100%),radial-gradient(120% 120% at 16% 92%,rgba(74,124,255,0.1),transparent 50%);}
@media (prefers-reduced-motion:no-preference){.cmd-window{animation:cmdDrift 24s ease-in-out infinite alternate;}}
@keyframes cmdDrift{from{transform:perspective(2400px) rotateY(-11deg) rotateX(4deg) rotateZ(0.4deg) translateY(0);}
  to{transform:perspective(2400px) rotateY(-9.4deg) rotateX(3.4deg) rotateZ(0.4deg) translateY(-14px);}}

.cmd-hud{position:absolute;left:-8%;bottom:-3%;width:clamp(240px,31vw,344px);aspect-ratio:1;z-index:2;}
.cmd-hud::before{content:"";position:absolute;inset:-16%;border-radius:50%;z-index:0;
  background:radial-gradient(circle,rgba(7,9,14,0.78),rgba(7,9,14,0.4) 60%,transparent 76%);
  -webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);
  box-shadow:0 36px 90px -26px rgba(0,0,0,0.88);}
.cmd-hud .loop{position:relative;z-index:1;width:100%;}
.cmd-hud .lnode{width:auto;}
.cmd-hud .lnode span:last-child{display:none;}
.cmd-hud .lnode .ic{width:38px;height:38px;border-radius:11px;}
.cmd-hud .lnode .ic svg{width:18px;height:18px;}
.cmd-hud .loop-core{width:48%;gap:0.1rem;}
.cmd-hud .loop-core b{font-size:clamp(0.74rem,1.4vw,0.84rem);}
.cmd-hud .lc-s{display:none;}
.hud-tag{position:absolute;top:-3%;left:50%;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:0.42rem;
  font-family:var(--fm);font-size:0.55rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--acc-hi);white-space:nowrap;
  background:rgba(10,12,18,0.82);border:1px solid var(--line-2);border-radius:999px;padding:0.3rem 0.62rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.hud-tag .d{width:6px;height:6px;border-radius:50%;background:var(--acc-hi);box-shadow:0 0 0 3px rgba(74,124,255,0.22);}
@media (max-width:880px){
  .cmd-stage{min-height:430px;margin-top:1.4rem;}
  .cmd-window{right:0;width:100%;transform:perspective(2000px) rotateX(3deg);}
  .cmd-window{animation:none;}
  .cmd-hud{left:2%;bottom:-6%;width:min(280px,64vw);}
}

/* ============================================================
   THE LOOP — elevated (SVG geometry, comet pulse, glass nodes)
   ============================================================ */
.hero-c-vis{overflow:visible;}
.oloop{position:relative;width:clamp(330px,40vw,470px);aspect-ratio:1;margin:0 auto;}
.oloop-glow{position:absolute;inset:6%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 46%,rgba(74,124,255,0.18),rgba(74,124,255,0.05) 46%,transparent 64%);filter:blur(4px);}
.oloop-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.oloop-flow{animation:oflow 1.7s linear infinite;}
.oloop-comet,.oloop-comet-glow{animation:ocomet 6.5s cubic-bezier(0.66,0,0.34,1) infinite;}
.oloop-comet-glow{opacity:0.55;}
@keyframes oflow{to{stroke-dashoffset:-13.4;}}
@keyframes ocomet{to{stroke-dashoffset:-100;}}
@media (prefers-reduced-motion:reduce){.oloop-flow,.oloop-comet,.oloop-comet-glow{animation:none;}.oloop-comet-glow{opacity:0;}}

/* core */
.ocore{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:31%;aspect-ratio:1;border-radius:50%;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0.18rem;padding:0.4rem;}
.ocore::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;border:1px solid rgba(255,255,255,0.09);
  background:radial-gradient(circle at 50% 30%,rgba(74,124,255,0.16),rgba(11,13,18,0.55) 66%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.07),0 24px 54px -22px rgba(0,0,0,0.8);}
.ocore-k{font-family:var(--fm);font-size:0.55rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--acc-hi);}
.ocore b{font-family:var(--fd);font-weight:600;font-size:clamp(0.92rem,1.5vw,1.08rem);color:#fff;letter-spacing:-0.02em;line-height:1.05;}
.ocore-rule{width:20px;height:1px;background:rgba(255,255,255,0.16);margin:0.22rem 0;}
.ocore-s{font-family:var(--fm);font-size:0.52rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--t4);}

/* nodes */
.onode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0.55rem;z-index:3;}
.oic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#c8d6ff;
  background:linear-gradient(180deg,rgba(30,34,46,0.92),rgba(13,15,21,0.94));
  border:1px solid rgba(255,255,255,0.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 12px 26px -12px rgba(0,0,0,0.82);
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;}
.oic svg{width:20px;height:20px;}
.onode:hover .oic{transform:translateY(-2px);border-color:rgba(74,124,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 16px 32px -14px rgba(74,124,255,0.4);}
.olab{font-family:var(--fd);font-weight:500;font-size:0.8rem;color:var(--t2);letter-spacing:-0.01em;white-space:nowrap;}
.onode.n1{left:50%;top:12.5%;}
.onode.n2{left:85.7%;top:38.4%;}
.onode.n3{left:72%;top:80.3%;}
.onode.n4{left:28%;top:80.3%;}
.onode.n5{left:14.3%;top:38.4%;}
@media (prefers-reduced-motion:no-preference){
  .oic{animation:onodelit 6.5s ease-in-out infinite;}
  .onode.n2 .oic{animation-delay:0.55s;}
  .onode.n3 .oic{animation-delay:1.85s;}
  .onode.n4 .oic{animation-delay:3.15s;}
  .onode.n5 .oic{animation-delay:4.45s;}
  .onode.n1 .oic{animation-delay:5.75s;}
}
@keyframes onodelit{0%,16%,100%{border-color:rgba(255,255,255,0.13);box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 12px 26px -12px rgba(0,0,0,0.82);color:#c8d6ff;}
  5%{border-color:rgba(74,124,255,0.55);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 0 0 1px rgba(74,124,255,0.4),0 14px 30px -12px rgba(74,124,255,0.5);color:#fff;}}

/* feeds caption */
.oloop-feeds{margin-top:2rem;font-family:var(--fm);font-size:0.7rem;letter-spacing:0.04em;color:var(--t3);text-align:center;}
.oloop-feeds span{color:var(--t4);text-transform:uppercase;letter-spacing:0.14em;font-size:0.62rem;margin-right:0.5rem;}
.oloop-feeds i{color:var(--t4);font-style:normal;margin:0 0.2rem;}
@media (max-width:480px){.oloop{width:min(370px,84vw);}.oic{width:42px;height:42px;}.olab{font-size:0.74rem;}}

/* ============================================================
   HERO F — left copy, crisp Command Center floating on the right
   ============================================================ */
.hero-f{position:relative;overflow:hidden;background:#040507;min-height:min(90vh,900px);
  display:flex;align-items:center;padding:clamp(6.5rem,12vh,9rem) 0 clamp(3rem,6vh,4.5rem);}

/* — atmosphere — */
.hero-f-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
.hero-f-stars{position:absolute;inset:0;opacity:0.55;
  background-image:
    radial-gradient(1.4px 1.4px at 24px 32px, rgba(255,255,255,0.7), transparent 60%),
    radial-gradient(1px 1px at 120px 150px, rgba(255,255,255,0.45), transparent 60%),
    radial-gradient(1.6px 1.6px at 210px 80px, rgba(180,205,255,0.6), transparent 60%),
    radial-gradient(1px 1px at 300px 220px, rgba(255,255,255,0.4), transparent 60%),
    radial-gradient(1.2px 1.2px at 70px 260px, rgba(255,255,255,0.5), transparent 60%);
  background-repeat:repeat;background-size:340px 320px;
  -webkit-mask-image:radial-gradient(120% 100% at 18% 18%, #000, transparent 70%);
  mask-image:radial-gradient(120% 100% at 18% 18%, #000, transparent 70%);}
.hero-f-grid{position:absolute;inset:0;opacity:0.5;
  background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(90% 70% at 78% 60%, #000, transparent 72%);
  mask-image:radial-gradient(90% 70% at 78% 60%, #000, transparent 72%);}
.hero-f-glow{position:absolute;top:-12%;right:-4%;width:min(1300px,80%);height:1000px;
  background:radial-gradient(46% 48% at 58% 40%, rgba(74,124,255,0.34), transparent 72%);}
.hero-f-floor{position:absolute;left:0;right:0;bottom:0;height:46%;
  background:linear-gradient(180deg,transparent,rgba(4,5,7,0.65) 70%,#040507);}

/* — dashboard: flat, crisp window, squared crop, slight bleed off the right — */
.hero-f-shot{position:absolute;z-index:1;left:calc(50% - 120px);top:50%;
  width:min(1340px,61vw);transform:translateY(-50%);pointer-events:none;}
.hero-f-frame{position:relative;border-radius:7px;overflow:hidden;aspect-ratio:3/2;
  border:1px solid rgba(255,255,255,0.07);
  box-shadow:0 50px 120px -36px rgba(0,0,0,0.92),0 24px 150px -40px rgba(74,124,255,0.45);}
.hero-f-bezel{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:7px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);}
.hero-f-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;filter:brightness(1.06) contrast(1.03) saturate(1.04);}

/* — copy — */
.hero-f-in{position:relative;z-index:2;width:100%;max-width:var(--wide,1280px);margin:0 auto;padding:0 32px;}
.hero-f-copy{max-width:430px;}
@media (prefers-reduced-motion:no-preference){
  .hero-f-copy>*{animation:heroFUp 0.7s var(--ease) backwards;}
  .hero-f-copy>*:nth-child(2){animation-delay:0.07s;}
  .hero-f-copy>*:nth-child(3){animation-delay:0.14s;}
  .hero-f-copy>*:nth-child(4){animation-delay:0.21s;}
  .hero-f-copy>*:nth-child(5){animation-delay:0.28s;}
  .hero-f-shot{animation:heroFShot 1.1s var(--ease) 0.1s backwards;}
}
.hero-f-copy h1{font-family:'Unbounded','Geist','Inter',sans-serif;font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-0.005em;text-transform:uppercase;line-height:1.08;color:#fff;text-wrap:balance;}
.hero-f-copy h1 em{font-style:normal;color:var(--acc-hi);}
.hero-sub{font-size:clamp(1.04rem,1.35vw,1.18rem);line-height:1.55;color:var(--t2);max-width:44ch;margin:1.7rem 0 0;text-wrap:pretty;}
.hero-cta{display:flex;gap:1rem;margin-top:2.1rem;flex-wrap:wrap;}
.hero-f-trust{display:flex;flex-direction:column;gap:0.7rem;margin-top:2.6rem;padding-top:1.7rem;border-top:1px solid var(--line);}
.hero-f-trust-lab{font-family:var(--fm);font-size:0.66rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--t4);}
.hero-f-trust-items{display:flex;align-items:center;gap:0.7rem;flex-wrap:wrap;}
.hero-f-trust-items b{font-family:var(--fd);font-weight:600;font-size:0.86rem;color:var(--t2);}
.hero-f-trust-items i{width:3px;height:3px;border-radius:50%;background:var(--t4);}

@keyframes heroFUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
@keyframes heroFShot{from{opacity:0;transform:translateY(-50%) translateX(28px);}to{opacity:1;transform:translateY(-50%);}}

@media (max-width:1200px){
  .hero-f-shot{left:52%;width:min(1200px,72vw);opacity:0.7;}
}
@media (max-width:860px){
  .hero-f-shot{left:58%;opacity:0.42;}
}
@media (max-width:760px){
  /* copy first, screenshot below it as a full-bleed banner fading into the next section */
  .hero-f{min-height:auto;padding:5rem 0 0;display:flex;flex-direction:column;}
  .hero-f-in{order:1;}
  .hero-f-shot{order:2;position:relative;left:auto;top:auto;width:100%;opacity:1;transform:none;margin:2.4rem 0 0;animation:none;}
  .hero-f-frame{border-radius:0;border-left:0;border-right:0;aspect-ratio:16/11;
    -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%);}
  .hero-f-frame img{object-position:left top;}
  .hero-f-copy{max-width:none;}
  .hero-f-glow{top:auto;bottom:-10%;right:-20%;width:120%;height:60%;}
}


/* ============================================================
   HERO D — centered, head-on "rising" Command Center
   ============================================================ */
.hero-d{position:relative;overflow:hidden;padding:7rem 0 0;text-align:center;background:var(--bg);}
.hero-d-glow{position:absolute;top:-6%;left:50%;width:min(1100px,124vw);height:700px;transform:translateX(-50%);pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 56% 60% at 50% 36%,rgba(74,124,255,0.18),rgba(74,124,255,0.05) 44%,transparent 70%);}
.hero-d-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0.55;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:62px 62px;
  -webkit-mask-image:radial-gradient(ellipse 72% 56% at 50% 24%,#000 18%,transparent 72%);
  mask-image:radial-gradient(ellipse 72% 56% at 50% 24%,#000 18%,transparent 72%);}
.hero-d-copy{position:relative;z-index:2;max-width:840px;margin:0 auto;padding:0 32px;}
.hero-d-copy .hero-kick{justify-content:center;}
.hero-d-copy h1{font-family:'Unbounded','Inter',system-ui,-apple-system,sans-serif;font-weight:700;font-size:clamp(1.8rem,3.6vw,2.85rem);letter-spacing:-0.005em;text-transform:uppercase;line-height:1.0;text-wrap:balance;margin:0 auto;max-width:17ch;}
.hero-d-copy h1 em{font-style:normal;color:var(--acc-hi);}
.hero-d-copy .hero-sub{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.55;color:var(--t2);max-width:56ch;margin:1.5rem auto 0;text-wrap:pretty;}
.hero-d-copy .hero-cta{justify-content:center;}
.hero-d-shot{position:relative;z-index:1;max-width:1200px;margin:3.6rem auto 0;padding:0 28px;}
.hero-d-frame{position:relative;border-radius:14px 14px 0 0;overflow:hidden;border:1px solid var(--line-2);border-bottom:0;
  transform:perspective(2600px) rotateX(3deg);transform-origin:50% 0%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.07),0 50px 130px -34px rgba(0,0,0,0.92),0 0 0 1px rgba(255,255,255,0.022),0 80px 160px -60px rgba(74,124,255,0.5);}
.hero-d-frame img{display:block;width:100%;}
.hero-d-fade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 56%,rgba(5,5,6,0.55) 86%,var(--bg) 100%);}
@media (max-width:760px){.hero-d{padding-top:5.5rem;}.hero-d-frame{transform:none;}.hero-d-shot{padding:0 18px;}}

/* ============================================================
   ARCHITECTURE DIAGRAM — "how Command works", line-drawn
   ============================================================ */
.arch{max-width:1000px;margin:clamp(2rem,5vw,4rem) auto 0;display:flex;flex-direction:column;}
.arch.rv{opacity:1;transform:none;}

/* ============================================================
   SAGA — editorial manifesto (no mockup)
   ============================================================ */
.saga{position:relative;overflow:hidden;}
.saga-glow{position:absolute;top:-20%;right:-6%;width:60%;height:90%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(74,124,255,0.12),transparent 62%);}
.saga-mark{position:absolute;z-index:0;right:-4%;top:50%;transform:translateY(-50%);width:clamp(320px,40vw,560px);height:auto;
  color:rgba(74,124,255,0.5);opacity:0.16;pointer-events:none;
  -webkit-mask:radial-gradient(closest-side,#000 60%,transparent);mask:radial-gradient(closest-side,#000 60%,transparent);}
.saga .wrap{position:relative;z-index:1;}
.saga-kick{display:inline-flex;align-items:center;gap:0.65rem;font-family:var(--fm);font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--acc-hi);margin-bottom:clamp(1.8rem,4vw,2.8rem);}
.saga-kick i{width:22px;height:2px;border-radius:2px;background:var(--acc-hi);box-shadow:0 0 10px rgba(74,124,255,0.6);}
.saga-body{position:relative;max-width:24ch;}
.saga-body{max-width:62rem;padding-left:clamp(0,2vw,1.6rem);}
.saga-line{font-family:var(--fd);font-weight:500;font-size:clamp(1.55rem,3.4vw,2.9rem);line-height:1.24;letter-spacing:-0.025em;color:#fff;margin:0 0 clamp(1.1rem,2.4vw,1.8rem);text-wrap:pretty;}
.saga-line .mut{color:var(--t4);}
.saga-line.big{font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.08;letter-spacing:-0.035em;margin-bottom:clamp(1.4rem,3vw,2.2rem);}
.saga-punch{font-family:var(--fd);font-weight:600;font-size:clamp(2.2rem,5.2vw,4.4rem);line-height:1.0;letter-spacing:-0.04em;color:#fff;margin:clamp(2.4rem,5vw,3.6rem) 0 0;text-wrap:balance;}
.saga-punch em{font-style:normal;color:var(--acc-hi);}
.saga-line.rv,.saga-punch.rv,.saga-kick.rv{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.saga-line.rv.in,.saga-punch.rv.in,.saga-kick.rv.in{opacity:1;transform:none;}
.saga-body .saga-line:nth-child(2).in{transition-delay:.08s;}
.saga-body .saga-line:nth-child(3).in{transition-delay:.16s;}
.saga-body .saga-punch.in{transition-delay:.24s;}
@media (max-width:680px){.saga-mark{opacity:0.1;right:-20%;}}

/* ============================================================
   ARCH — "why command exists" architecture story
   ============================================================ */
.arch{position:relative;overflow:hidden;}
.arch-glow{position:absolute;left:50%;top:34%;width:min(900px,90%);height:60%;transform:translateX(-50%);pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(74,124,255,0.13),transparent 66%);}
.arch .wrap{position:relative;z-index:1;}

.arch-head{max-width:780px;margin:0 0 clamp(2.6rem,5vw,4rem);}
.arch-kick{display:inline-flex;align-items:center;gap:0.65rem;font-family:var(--fm);font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--acc-hi);margin-bottom:clamp(1.3rem,2.6vw,1.8rem);}
.arch-kick i{width:22px;height:2px;border-radius:2px;background:var(--acc-hi);box-shadow:0 0 10px rgba(74,124,255,0.6);}
.arch-title{font-family:var(--fd);font-weight:600;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.04;letter-spacing:-0.035em;color:#fff;margin:0 0 clamp(1rem,2.2vw,1.5rem);text-wrap:balance;}
.arch-title em{font-style:normal;color:var(--t4);}
.arch-sub{font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.62;color:var(--t3);max-width:62ch;margin:0;text-wrap:pretty;}
.arch-sub i{font-style:italic;color:var(--t2);}

/* shared reveal */
.arch-head .rv,.arch-map.rv,.arch-punch.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.arch-head .rv.in,.arch-map.rv.in,.arch-punch.rv.in{opacity:1;transform:none;}
.arch-head .arch-title.in{transition-delay:.07s;}
.arch-head .arch-sub.in{transition-delay:.14s;}

/* staged band reveal — each band animates as it scrolls into view */
.arch-anim{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.arch-anim.in{opacity:1;transform:none;}
.arch-wires.arch-anim{opacity:1;transform:none;transition:none;}
@media (prefers-reduced-motion:reduce){.arch-anim{opacity:1;transform:none;}}

/* map */
.arch-map{position:relative;border:1px solid var(--line);border-radius:10px;padding:clamp(1.6rem,3.4vw,2.8rem) clamp(1.4rem,3.2vw,2.6rem) clamp(1.5rem,3vw,2.4rem);
  background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0) 38%),radial-gradient(120% 80% at 50% 8%,rgba(74,124,255,0.07),transparent 60%),#08090c;
  box-shadow:0 2px 6px rgba(0,0,0,.5),0 60px 130px -60px rgba(74,124,255,0.3);}

/* inputs */
.arch-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(0.8rem,2vw,1.6rem);}
.arch-group{display:flex;flex-direction:column;align-items:center;gap:0.7rem;min-width:0;}
.arch-glab{font-family:var(--fm);font-size:0.62rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--t4);text-align:center;}
.arch-tiles{display:flex;flex-direction:column;gap:0.45rem;width:100%;align-items:stretch;}
.arch-tile{display:flex;align-items:center;gap:0.5rem;font-family:var(--fd);font-weight:500;font-size:0.82rem;color:var(--t2);
  border:1px solid var(--line-2);border-radius:5px;padding:0.5rem 0.7rem;background:rgba(255,255,255,0.022);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .3s,color .3s,background .3s;}
.arch-tile svg{width:15px;height:15px;flex:none;color:var(--t4);transition:color .3s;}
.arch-tile:hover{border-color:rgba(74,124,255,0.4);color:#fff;background:rgba(74,124,255,0.05);}
.arch-tile:hover svg{color:var(--acc-hi);}

/* wires — draw on scroll */
.arch-wires{position:relative;height:64px;margin:0 auto;width:100%;}
.arch-wires svg{display:block;width:100%;height:100%;overflow:visible;}
.arch-wires.conv{margin-top:0.1rem;}
.arch-wires .aw{stroke-dasharray:1;stroke-dashoffset:1;}
.arch-wires .awh{opacity:0;}
.arch-wires.in .aw{stroke-dashoffset:0;transition:stroke-dashoffset .72s var(--ease);}
.arch-wires.in .awh{opacity:1;transition:opacity .3s ease .58s;}
@media (prefers-reduced-motion:reduce){.arch-wires .aw{stroke-dashoffset:0;}.arch-wires .awh{opacity:1;}}

/* core slab */
.arch-core{position:relative;overflow:hidden;border-radius:8px;padding:clamp(1.3rem,2.6vw,1.9rem) clamp(1.2rem,2.6vw,2rem) clamp(1.3rem,2.6vw,1.9rem);
  background:linear-gradient(165deg,#2d3a78 0%,#243067 46%,#1c2553 100%);
  border:1px solid rgba(125,162,255,0.4);
  box-shadow:0 1px 0 rgba(255,255,255,0.14) inset,0 26px 70px -30px rgba(74,124,255,0.6),0 2px 8px rgba(0,0,0,0.5);}
.arch-core-sheen{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% -20%,rgba(255,255,255,0.16),transparent 56%);}
.arch-core-brand{position:relative;display:flex;align-items:center;justify-content:center;gap:0.6rem;font-family:var(--fd);font-weight:700;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-0.02em;color:#fff;}
.arch-mk{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.35));}
.arch-mk svg{width:100%;height:100%;}
.arch-core-tag{position:relative;text-align:center;font-family:var(--fm);font-size:0.66rem;letter-spacing:0.05em;color:rgba(255,255,255,0.62);margin:0.5rem 0 1.1rem;}
.arch-core-cells{position:relative;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:0.7rem;}
.arch-cell{border:1px solid rgba(255,255,255,0.16);border-radius:6px;padding:0.85rem 0.95rem;background:rgba(255,255,255,0.08);
  box-shadow:0 1px 0 rgba(255,255,255,0.08) inset;}
.arch-cell b{display:block;font-family:var(--fd);font-weight:700;font-size:0.96rem;letter-spacing:-0.01em;color:#fff;margin-bottom:0.28rem;}
.arch-cell span{display:block;font-size:0.78rem;line-height:1.46;color:rgba(255,255,255,0.72);text-wrap:pretty;}

/* outputs */
.arch-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(0.8rem,2vw,1.4rem);}
.arch-out{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:7px;padding:1.1rem 1.15rem 1.2rem;
  background:linear-gradient(168deg,#0e1016,#0a0a0c);transition:border-color .3s,transform .3s var(--ease);}
.arch-out:hover{border-color:rgba(74,124,255,0.4);transform:translateY(-3px);}
.arch-out-ic{width:34px;height:34px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--acc-hi);
  border:1px solid rgba(74,124,255,0.28);background:rgba(74,124,255,0.08);margin-bottom:0.75rem;}
.arch-out-ic svg{width:18px;height:18px;}
.arch-out b{font-family:var(--fd);font-weight:600;font-size:1rem;letter-spacing:-0.01em;color:#fff;margin-bottom:0.4rem;text-wrap:pretty;}
.arch-out-d{font-size:0.84rem;line-height:1.5;color:var(--t3);text-wrap:pretty;}

/* feedback */
.arch-loop{display:flex;align-items:center;gap:1rem;margin-top:clamp(1.4rem,2.8vw,2rem);}
.arch-loop-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(125,162,255,0.35),transparent);}
.arch-loop-lab{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--fm);font-size:0.66rem;letter-spacing:0.04em;color:var(--t3);white-space:nowrap;}
.arch-loop-lab svg{width:14px;height:14px;color:var(--acc-hi);flex:none;}

/* punch */
.arch-punch{font-family:var(--fd);font-weight:600;font-size:clamp(1.9rem,4.4vw,3.3rem);line-height:1.05;letter-spacing:-0.035em;color:#fff;margin:clamp(2.4rem,5vw,3.6rem) 0 0;text-wrap:balance;}
.arch-punch em{font-style:normal;color:var(--acc-hi);}

@media (max-width:860px){
  .arch-core-cells{grid-template-columns:1fr;}
  .arch-loop-lab{white-space:normal;text-align:center;}
}
@media (max-width:680px){
  .arch-inputs{grid-template-columns:repeat(2,1fr);gap:1.2rem 0.8rem;}
  .arch-outputs{grid-template-columns:1fr;}
  .arch-wires{height:38px;}
  .arch-wires svg{display:none;}
  .arch-wires::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:1px;height:100%;
    background:linear-gradient(180deg,rgba(125,162,255,0.12),rgba(125,162,255,0.55));}
  .arch-wires::before{content:"";position:absolute;left:50%;bottom:2px;transform:translate(-50%,0) rotate(45deg);width:7px;height:7px;
    border-right:1.6px solid rgba(125,162,255,0.85);border-bottom:1.6px solid rgba(125,162,255,0.85);}
}

/* ============================================================
   FL — "while you were in the meeting" activity feed (unused)
   ============================================================ */
.fl-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
@media (max-width:900px){.fl-grid{grid-template-columns:1fr;gap:2.4rem;}}
.fl-kick{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--fm);font-size:0.66rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--acc-hi);margin-bottom:1.3rem;}
.fl-kick i{width:18px;height:2px;border-radius:2px;background:var(--acc-hi);box-shadow:0 0 9px rgba(74,124,255,0.6);}
.fl-lede h2{font-family:var(--fd);font-weight:600;font-size:clamp(2.2rem,4.6vw,3.6rem);letter-spacing:-0.04em;line-height:1.0;color:#fff;}
.fl-lede h2 em{font-style:normal;color:var(--acc-hi);}
.fl-p{font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.6;color:var(--t3);max-width:42ch;margin:1.5rem 0 0;text-wrap:pretty;}
.fl-sum{display:flex;align-items:center;gap:0.7rem;flex-wrap:wrap;margin-top:2rem;font-family:var(--fm);font-size:0.78rem;color:var(--t3);}
.fl-sum .n{font-family:var(--fd);font-weight:700;font-size:1.5rem;letter-spacing:-0.02em;color:#fff;margin-right:0.15rem;}
.fl-sum .n.hl{color:var(--acc-hi);}
.fl-sum i{width:4px;height:4px;border-radius:50%;background:var(--t4);}

.fl-panel{border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0d0f14,#0a0b0e);
  box-shadow:0 2px 4px rgba(0,0,0,.5),0 50px 110px -48px rgba(0,0,0,0.9),0 40px 100px -60px rgba(74,124,255,0.4),inset 0 1px 0 rgba(255,255,255,0.05);}
.fl-bar{display:flex;align-items:center;gap:0.6rem;padding:0.85rem 1.1rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,0.03),transparent);}
.fl-bk{width:20px;height:20px;color:var(--acc-hi);flex:none;}
.fl-bk svg{width:20px;height:20px;}
.fl-bar b{font-family:var(--fd);font-weight:600;font-size:0.9rem;color:#fff;letter-spacing:-0.01em;}
.fl-when{font-family:var(--fm);font-size:0.64rem;color:var(--t4);}
.fl-live{margin-left:auto;font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--acc-hi);border:1px solid rgba(74,124,255,0.4);border-radius:999px;padding:0.14rem 0.46rem;display:inline-flex;align-items:center;gap:0.34rem;}
.fl-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc-hi);}
@media (prefers-reduced-motion:no-preference){.fl-live::before{animation:flblink 1.6s ease-in-out infinite;}}
@keyframes flblink{0%,100%{opacity:1;}50%{opacity:0.25;}}
.fl-feed{position:relative;padding:0.5rem 1.2rem 0.6rem;}
.fl-kbd{margin-left:auto;font-family:var(--fm);font-size:0.62rem;color:var(--t4);border:1px solid var(--line-2);border-radius:6px;padding:0.16rem 0.42rem;}
.fl-ask{display:flex;align-items:center;gap:0.7rem;padding:0.95rem 1.2rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(74,124,255,0.05),transparent);}
.fl-asktx{min-width:0;font-family:var(--fd);font-weight:600;font-size:0.98rem;color:#fff;letter-spacing:-0.02em;}
.fl-asklab{display:block;font-family:var(--fm);font-size:0.54rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--t4);margin-bottom:0.18rem;}
.fl-av.you{width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,0.08);color:#fff;font-family:var(--fd);font-weight:700;font-size:0.62rem;flex:none;}
.fl-trace::before{content:"";position:absolute;top:1rem;bottom:1.4rem;left:calc(1.2rem + 78px);width:1px;
  background:linear-gradient(180deg,transparent,rgba(74,124,255,0.4) 10%,rgba(139,109,240,0.4) 90%,transparent);}
.fl-tag.conn{color:var(--acc-hi);background:rgba(74,124,255,0.14);}
.fl-tag.gap{color:#e7b56a;background:rgba(224,168,74,0.14);}
.fl-row{position:relative;display:grid;grid-template-columns:54px 26px 1fr;align-items:start;gap:0.7rem;padding:0.78rem 0;
  opacity:0;transform:translateY(9px);transition:opacity .5s var(--ease),transform .5s var(--ease);}
.fl-panel.in .fl-row{opacity:1;transform:none;}
.fl-panel.in .fl-row:nth-child(2){transition-delay:.09s;}
.fl-panel.in .fl-row:nth-child(3){transition-delay:.18s;}
.fl-panel.in .fl-row:nth-child(4){transition-delay:.27s;}
.fl-panel.in .fl-row:nth-child(5){transition-delay:.36s;}
.fl-panel.in .fl-row:nth-child(6){transition-delay:.45s;}
.fl-time{font-family:var(--fm);font-size:0.78rem;color:var(--t4);text-align:center;padding-top:0.5rem;}
.fl-mk{display:flex;justify-content:center;padding-top:0.5rem;}
.fl-dot{width:11px;height:11px;border-radius:50%;background:var(--acc-hi);box-shadow:0 0 0 4px #0c0e13,0 0 0 5px rgba(74,124,255,0.18);}
.fl-dot.hud{background:var(--vio-hi);box-shadow:0 0 0 4px #0c0e13,0 0 0 5px rgba(139,109,240,0.2);}
.fl-dot.sys{background:var(--acc-hi);}
.fl-dot.warn{background:var(--warn);box-shadow:0 0 0 4px #0c0e13,0 0 0 5px rgba(224,168,74,0.22);}
.fl-dot.now{background:var(--vio-hi);box-shadow:0 0 0 4px #0c0e13,0 0 0 5px rgba(139,109,240,0.3);}
@media (prefers-reduced-motion:no-preference){.fl-dot.now{animation:flpulse 2s ease-in-out infinite;}}
@keyframes flpulse{0%,100%{box-shadow:0 0 0 4px #0c0e13,0 0 0 5px rgba(139,109,240,0.3);}50%{box-shadow:0 0 0 4px #0c0e13,0 0 0 9px rgba(139,109,240,0.12);}}
.fl-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,0.014);padding:0.7rem 0.85rem;transition:border-color .2s,background .2s;}
.fl-card:hover{border-color:var(--line-2);background:rgba(255,255,255,0.025);}
.fl-top{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem;}
.fl-av{width:22px;height:22px;border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;}
.fl-av svg{width:13px;height:13px;}
.fl-av.hud{color:var(--vio-hi);background:rgba(139,109,240,0.16);}
.fl-av.sys{color:var(--acc-hi);background:rgba(74,124,255,0.16);}
.fl-top b{font-family:var(--fd);font-weight:600;font-size:0.8rem;color:#fff;letter-spacing:-0.01em;}
.fl-tag{margin-left:auto;font-family:var(--fm);font-size:0.56rem;letter-spacing:0.04em;border-radius:5px;padding:0.18rem 0.46rem;white-space:nowrap;}
.fl-tag.vio{color:var(--vio-hi);background:rgba(139,109,240,0.14);}
.fl-tag.auto{color:#5fcf9e;background:rgba(62,201,138,0.12);}
.fl-tag.need{color:#e7b56a;background:rgba(224,168,74,0.14);}
.fl-tag.ready{color:var(--acc-hi);background:rgba(74,124,255,0.14);}
.fl-card p{font-size:0.86rem;line-height:1.5;color:var(--t2);}
.fl-foot{display:flex;align-items:center;gap:0.6rem;padding:0.95rem 1.2rem;border-top:1px solid var(--line);font-family:var(--fd);font-weight:500;font-size:0.88rem;color:#fff;letter-spacing:-0.01em;background:rgba(74,124,255,0.04);}
.fl-fdot{width:7px;height:7px;border-radius:50%;background:var(--acc-hi);flex:none;box-shadow:0 0 9px rgba(74,124,255,0.7);}

/* ============================================================
   SPECIES — Command's own three-motif story (unused)
   ============================================================ */
.spec-head{font-family:var(--fd);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.9rem);letter-spacing:-0.03em;line-height:1.16;color:var(--t4);max-width:34ch;margin:0 0 clamp(2.6rem,6vw,4.5rem);text-wrap:balance;}
.spec-head b{color:#fff;font-weight:600;}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.spec-col{border:1px solid var(--line-2);border-radius:14px;background:linear-gradient(170deg,#0c0e13,#0a0a0c);padding:1.4rem 1.5rem 1.7rem;
  transition:border-color .3s,transform .3s var(--ease);}
.spec-col:hover{border-color:rgba(74,124,255,0.4);transform:translateY(-4px);}
.spec-col.hud:hover{border-color:rgba(139,109,240,0.45);}
.spec-art{position:relative;height:clamp(170px,18vw,208px);border-radius:11px;overflow:hidden;margin-bottom:1.4rem;
  background:radial-gradient(120% 100% at 50% 18%,rgba(74,124,255,0.12),transparent 62%),linear-gradient(180deg,rgba(255,255,255,0.02),transparent);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;}
.spec-col.hud .spec-art{background:radial-gradient(120% 100% at 50% 18%,rgba(139,109,240,0.16),transparent 62%),linear-gradient(180deg,rgba(255,255,255,0.02),transparent);}
.spec-grid-bg{position:absolute;inset:0;pointer-events:none;opacity:0.5;
  background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);background-size:26px 26px;
  -webkit-mask:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);mask:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);}
.spec-svg{position:relative;width:auto;height:74%;max-width:88%;overflow:visible;}
.sl{stroke:rgba(74,124,255,0.55);stroke-width:1.4;vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round;}
.sl.t{stroke:rgba(255,255,255,0.14);}
.sl.acc{stroke:var(--acc-hi);stroke-width:2;}
.sf{fill:var(--acc-hi);}
.snode{fill:#0c0e13;stroke:var(--acc-hi);stroke-width:1.6;vector-effect:non-scaling-stroke;}
.spec-col.hud .sl{stroke:rgba(139,109,240,0.55);}
.spec-col.hud .sl.t{stroke:rgba(255,255,255,0.14);}
.spec-col.hud .sf{fill:var(--vio-hi);}
.spec-arc{stroke-dashoffset:1;}
.spec-col.in .spec-arc{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--ease) .3s;}
.spec-k{display:inline-flex;align-items:center;gap:0.55rem;font-family:var(--fm);font-size:0.64rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--acc-hi);margin-bottom:0.7rem;}
.spec-k i{width:16px;height:2px;border-radius:2px;background:var(--acc-hi);box-shadow:0 0 8px rgba(74,124,255,0.6);}
.spec-col.hud .spec-k{color:var(--vio-hi);}
.spec-col.hud .spec-k i{background:var(--vio-hi);box-shadow:0 0 8px rgba(139,109,240,0.6);}
.spec-col h3{font-family:var(--fd);font-weight:600;font-size:1.12rem;letter-spacing:-0.02em;color:#fff;margin-bottom:0.5rem;}
.spec-col p{font-size:0.92rem;line-height:1.6;color:var(--t3);text-wrap:pretty;}
.spec-grid .spec-col:nth-child(2).in{transition-delay:.1s;}
.spec-grid .spec-col:nth-child(3).in{transition-delay:.2s;}
@media (max-width:820px){.spec-grid{grid-template-columns:1fr;gap:1rem;}}


/* ============================================================
   CONNECTIONS / control-validation loop mock (.cvmock)
   ============================================================ */
.cvmock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a0b;font-family:var(--fd);opacity:0;transition:opacity .5s var(--ease);overflow:hidden;}
.cv-top{padding:clamp(1.1rem,2.6vw,1.9rem) clamp(1.1rem,2.6vw,2rem) 0;}
.cv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:clamp(1rem,2.2vw,1.5rem);}
.cv-crumb{font-family:var(--fm);font-size:0.62rem;letter-spacing:0.02em;color:var(--t4);margin-bottom:0.5rem;}
.cv-crumb i{font-style:normal;opacity:0.6;margin:0 0.15rem;}
.cv-title{display:flex;align-items:center;gap:0.6rem;font-size:clamp(1.1rem,2.2vw,1.55rem);font-weight:600;letter-spacing:-0.03em;color:#fff;margin-bottom:0.45rem;}
.cv-badge{font-family:var(--fm);font-size:0.54rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--good);background:rgba(62,201,138,0.12);border:1px solid rgba(62,201,138,0.3);border-radius:5px;padding:0.18rem 0.42rem;}
.cv-sub{font-size:0.72rem;color:var(--t3);}
.cv-actions{display:flex;align-items:center;gap:0.5rem;flex:none;}
.cv-btn{font-size:0.66rem;font-weight:500;color:var(--t2);border:1px solid var(--line-2);border-radius:6px;padding:0.34rem 0.62rem;white-space:nowrap;}
.cv-btn.primary{color:#fff;background:var(--acc);border-color:transparent;}
.cv-btn.del{color:var(--crit);border-color:rgba(240,101,75,0.28);}
.cv-sech{font-size:0.95rem;font-weight:600;letter-spacing:-0.02em;color:#fff;}
.cv-secsub{font-size:0.72rem;color:var(--t3);margin-top:0.22rem;}
.cv-list{flex:1;display:flex;flex-direction:column;margin-top:clamp(0.8rem,1.8vw,1.15rem);border-top:1px solid rgba(255,255,255,0.055);min-height:0;}
.cv-lh,.cv-row{display:grid;grid-template-columns:1fr 92px 104px;gap:0.85rem;align-items:center;padding:0 clamp(1.1rem,2.6vw,2rem);}
.cv-lh{height:28px;font-family:var(--fm);font-size:0.53rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);}
.cv-lh .v{text-align:right;}
.cv-row{flex:1;border-top:1px solid rgba(255,255,255,0.04);}
.cv-ck{font-size:0.8rem;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cv-val{font-family:var(--fm);font-size:0.78rem;font-weight:500;color:#fff;text-align:right;}
.cv-stat{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.74rem;font-weight:500;}
.cv-stat i{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;line-height:1;font-style:normal;flex:none;}
.cv-stat.met{color:var(--good);}
.cv-stat.met i{background:rgba(62,201,138,0.15);color:var(--good);}
.cv-stat.fail{color:var(--crit);}
.cv-stat.fail i{background:rgba(240,101,75,0.15);color:var(--crit);}

/* integrations marquee: Command runs a fuller logo set, scroll a touch faster */
.intg-track{animation-duration:50s;}