:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

  :root{color-scheme:light;
    --bg:#f9f9f9; --ink:#1b1b1a; --muted:#707379; --line:#dfe2ea; --soft:#f0efed; --soft2:#f9f8f7;
    --blue:#2c4673; --navy:#132d5a; --orange:#ff935d; --orange-ink:#b8511c; --orange-soft:#fff1e8;
    --red:#e17e7e; --red-soft:#ffe5ee; --green:#3f8f5f; --green-soft:#e6f4ea; --white:#fff;}
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:"Archivo",Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;
       padding-inline:16px;padding-block:0;-webkit-font-smoothing:antialiased}
  a{color:inherit}
  .wrap{max-width:1120px;margin:0 auto}
  .h{font-family:"Archivo","Archivo",system-ui,sans-serif;font-weight:600;letter-spacing:-.015em;text-wrap:balance}
  h2{font-size:clamp(28px,3.6vw,42px);line-height:1.08;margin:0 0 14px}
  h3{font-size:22px;line-height:1.2;margin:0 0 8px}
  .lead{font-size:clamp(16px,1.5vw,19px);color:var(--muted);max-width:60ch;margin:0}
  .btn{display:inline-block;background:var(--orange);color:#1b1b1a;text-decoration:none;font-weight:600;font-size:15px;padding:12px 20px;border-radius:999px;white-space:nowrap}
  .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--navy)}
  .btn:focus-visible,.lnk:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
  .lnk{color:var(--navy);text-decoration:none;font-weight:500;font-size:15px;border-bottom:1px solid var(--line)}
  .eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
  .tnum{font-variant-numeric:tabular-nums}

  /* nav */
  .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
  .brand{display:flex;align-items:center;gap:10px;font-weight:600;text-decoration:none}
  .brand i{display:inline-block;width:26px;height:26px;border-radius:7px;background:var(--navy)}
  .brand em{font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:600}
  .nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--muted)}
  .nav ul a{text-decoration:none}
  @media (max-width:760px){.nav ul{display:none}}

  /* hero */
  .hero{padding-block:64px 24px}
  h1{font-family:"Archivo","Archivo",system-ui,sans-serif;font-weight:600;font-size:clamp(40px,7vw,86px);line-height:1;letter-spacing:-.02em;margin:0 0 26px;text-wrap:balance}
  .rot{display:inline-block;position:relative;vertical-align:bottom;text-align:left;white-space:nowrap;color:var(--navy)}
  .rot .w{display:inline-block;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;background:linear-gradient(transparent 62%,var(--orange-soft) 62%);border-radius:4px}
  .rot .w.out{position:absolute;left:0;top:0;transform:translateY(-70%);opacity:0}
  .rot .w.pre{transform:translateY(70%);opacity:0}
  .hero .lead{font-size:clamp(17px,1.7vw,21px);max-width:56ch;color:var(--ink);opacity:.85;margin-bottom:28px}
  .ctas{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:0 0 20px}

  /* logo wall */
  .wall{padding-block:28px 8px}
  .marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .marq + .marq{margin-top:12px}
  .track{display:flex;gap:12px;width:max-content;animation:marq 48s linear infinite}
  .marq.rev .track{animation-direction:reverse;animation-duration:56s}
  .marq:hover .track{animation-play-state:paused}
  @keyframes marq{to{transform:translateX(-50%)}}
  .lg{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border:1px solid var(--line);border-radius:12px;background:var(--white);font-size:14px;font-weight:500;white-space:nowrap}
  .lg i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--soft);color:var(--navy);font-style:normal;font-weight:600;font-size:13px}
  .wall .cap{font-size:13px;color:var(--muted);margin:18px 0 0}

  /* sections */
  section.blk{padding-block:72px}
  .sec-head{max-width:760px;margin-bottom:36px}
  .flowsec{padding-block:56px 40px}
  .m8-flow{margin-top:36px}

  /* how it works */
  .steps{display:grid;gap:22px}
  .step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px}
  .step .num{font-size:12px;font-weight:600;letter-spacing:.09em;color:var(--orange-ink);text-transform:uppercase;margin:0 0 10px}
  .step p{color:var(--muted);margin:0;max-width:44ch}
  @media (max-width:820px){.step{grid-template-columns:1fr;padding:20px}}

  /* use cases */
  .case{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:22px}
  .case-h{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;margin-bottom:20px}
  .case-h h3{font-size:clamp(20px,2.4vw,27px);margin:0}
  .case-h .who{font-size:13px;color:var(--muted)}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  @media (max-width:820px){.split{grid-template-columns:1fr}.case{padding:18px}}
  .panel .tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:12px}
  .panel.without .tag{background:var(--soft);color:var(--muted)}
  .panel.with .tag{background:var(--orange-soft);color:var(--orange-ink)}
  .panel .sum{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-top:12px}
  .panel .sum b{color:var(--ink);font-weight:600;white-space:nowrap}
  .panel.with .sum b{color:var(--orange-ink)}

  /* ---------- mini-scenes ---------- */
  .scene{container-type:inline-size;position:relative;width:100%;aspect-ratio:4/3;background:var(--soft2);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:2.7cqw;line-height:1.3;color:var(--ink)}
  .scene.wide{aspect-ratio:16/10}
  .scene.s-reset *{transition:none!important}
  .scene .abs{position:absolute}
  .scene .win{position:absolute;background:var(--white);border:1px solid var(--line);border-radius:2cqw;overflow:hidden}
  .scene .win-t{height:6.2cqw;display:flex;align-items:center;padding:0 2.4cqw;border-bottom:1px solid var(--line);font-size:2.3cqw;font-weight:600;color:var(--muted);gap:1cqw}
  .scene .win-t::before{content:"";flex:none;width:1.5cqw;height:1.5cqw;border-radius:50%;background:var(--line);box-shadow:2.4cqw 0 0 var(--line),4.8cqw 0 0 var(--line);margin-right:5.4cqw}
  .scene .win-b{padding:2.2cqw 2.4cqw}
  .scene .hid{opacity:0;transform:translateY(1.2cqw);transition:opacity .45s,transform .45s}
  .scene .hid.show{opacity:1;transform:none}
  .scene .fade{transition:opacity .4s}
  .scene .fade.dim{opacity:.3}
  .scene .tile{position:absolute;width:15cqw;height:8.6cqw;border-radius:1.6cqw;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:1.2cqw;font-size:2.3cqw;font-weight:600;transition:box-shadow .3s,border-color .3s}
  .scene .tile i{width:3cqw;height:3cqw;border-radius:.8cqw;background:var(--soft);display:grid;place-items:center;font-style:normal;font-size:1.8cqw;color:var(--navy)}
  .scene .tile.active{border-color:var(--navy);box-shadow:0 0 0 .7cqw rgba(19,45,90,.10)}
  .scene .chip{position:absolute;display:inline-flex;align-items:center;gap:1cqw;padding:.9cqw 1.8cqw;border-radius:99cqw;background:var(--white);border:1px solid var(--line);font-size:2.2cqw;white-space:nowrap;box-shadow:0 .6cqw 1.6cqw rgba(19,45,90,.08);transition:transform 1.1s cubic-bezier(.4,0,.2,1),opacity .35s;opacity:0;z-index:3}
  .scene .chip::before{content:"";width:1.6cqw;height:2cqw;border:1px solid var(--blue);border-radius:.3cqw;background:#fff}
  .scene .chip.show{opacity:1}
  .scene .chip.gone{opacity:0}
  .scene .cursor{position:absolute;left:0;top:0;width:3.8cqw;height:3.8cqw;transition:transform .7s cubic-bezier(.4,0,.2,1);z-index:6;filter:drop-shadow(0 .4cqw .6cqw rgba(0,0,0,.25))}
  .scene .stat{position:absolute;left:0;right:0;bottom:0;height:8.4cqw;display:flex;align-items:center;justify-content:space-between;padding:0 3cqw;background:var(--white);border-top:1px solid var(--line);font-size:2.3cqw;color:var(--muted);z-index:4}
  .scene .stat b{color:var(--ink);font-weight:600}
  .scene .stat .warn{color:var(--orange-ink)}
  .scene .row{display:flex;align-items:center;gap:2cqw;height:7.6cqw;border-bottom:1px solid var(--line);font-size:2.4cqw}
  .scene .row:last-child{border-bottom:0}
  .scene .row .nm{flex:1;font-weight:600}
  .scene .row .st{color:var(--muted);font-size:2.1cqw;min-width:22cqw}
  .scene .row .bt{padding:.8cqw 2cqw;border-radius:99cqw;border:1px solid var(--navy);color:var(--navy);font-size:2cqw;font-weight:600;min-width:15cqw;text-align:center;transition:background .3s,color .3s,border-color .3s}
  .scene .row.busy .bt{background:var(--soft);border-color:var(--line);color:var(--muted)}
  .scene .row.ok .bt{background:var(--green-soft);border-color:var(--green-soft);color:var(--green)}
  .scene .row.ok .st{color:var(--green)}
  .scene .msg{max-width:80%;padding:1.2cqw 1.8cqw;border-radius:1.8cqw;background:var(--soft);font-size:2.15cqw;margin-bottom:1cqw;line-height:1.35}
  .scene .msg.me{margin-left:auto;background:var(--navy);color:#fff}
  .scene .msg.sys{background:transparent;border:1px dashed var(--line);color:var(--muted)}
  .scene .msg.pain{background:var(--red-soft);color:#8d2f3a}
  .scene .brief{border:1px solid var(--line);border-radius:1.6cqw;padding:2cqw;background:#fff}
  .scene .brief h5{margin:0 0 1cqw;font-size:2.6cqw;font-family:"Archivo","Archivo",sans-serif;font-weight:600}
  .scene .brief .bi{display:grid;grid-template-columns:auto 1fr;gap:.6cqw 1.6cqw;align-items:baseline;padding:.9cqw 0;border-top:1px solid var(--line);font-size:2.25cqw}
  .scene .brief .bi b{font-size:1.8cqw;letter-spacing:.07em;text-transform:uppercase;color:var(--orange-ink);font-weight:600}
  .scene .brief .bi small{grid-column:2;color:var(--muted);font-size:1.95cqw}
  .scene .src{display:flex;flex-wrap:wrap;gap:.8cqw;margin-top:1cqw}
  .scene .src span{font-size:1.85cqw;padding:.4cqw 1.2cqw;border-radius:.8cqw;background:var(--orange-soft);color:var(--orange-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
  .scene .prog{height:1.2cqw;border-radius:99cqw;background:var(--line);overflow:hidden;margin:1.2cqw 0}
  .scene .prog i{display:block;height:100%;width:0;background:var(--orange);transition:width 1.4s linear}
  .scene .prog i.full{width:100%}
  .scene .caret{display:inline-block;width:.5cqw;height:2.6cqw;background:var(--orange);vertical-align:-.4cqw;margin-left:.4cqw;animation:blink 1s steps(1) infinite}
  @keyframes blink{50%{opacity:0}}
  .scene .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw;margin-bottom:2cqw}
  .scene .kpi{border:1px solid var(--line);border-radius:1.4cqw;padding:1.4cqw 1.6cqw;background:#fff}
  .scene .kpi small{display:block;font-size:1.8cqw;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
  .scene .kpi b{display:block;font-size:3.4cqw;font-family:"Archivo","Archivo",sans-serif;font-weight:600;margin-top:.3cqw}
  .scene .kpi em{font-style:normal;font-size:1.9cqw;color:var(--green)}
  .scene .bars{display:flex;align-items:flex-end;gap:1.4cqw;height:16cqw;padding:0 .4cqw;border-bottom:1px solid var(--line)}
  .scene .bars i{flex:1;background:var(--navy);border-radius:.6cqw .6cqw 0 0;height:0;transition:height .9s cubic-bezier(.2,.8,.2,1)}
  .scene .bars i.on{height:var(--h)}
  .scene .bars i:last-child{background:var(--orange)}
  .scene .tbl{width:100%;border-collapse:collapse;font-size:2.15cqw}
  .scene .tbl td{padding:1cqw 1.2cqw;border-bottom:1px solid var(--line);white-space:nowrap}
  .scene .tbl td.stale{color:#8d2f3a}
  .scene .tbl td.stale.on{background:var(--red-soft)}
  .scene .tbl td{transition:background .4s}
  .scene .board .rep{display:grid;grid-template-columns:14cqw 1fr;gap:1cqw;align-items:center;padding:1.1cqw 0;border-top:1px solid var(--line);font-size:2.2cqw}
  .scene .board .rep b{font-weight:600}
  .scene .board .rep span{display:inline-block;padding:.5cqw 1.2cqw;border-radius:.8cqw;background:var(--soft);margin-right:.8cqw;font-size:1.95cqw}
  .scene .board .rep span.stalled{background:var(--orange-soft);color:var(--orange-ink)}
  .scene .tl{position:absolute;left:5cqw;right:5cqw;top:6cqw;display:grid;grid-template-columns:repeat(5,1fr);gap:1cqw;text-align:center;font-size:2cqw;color:var(--muted)}
  .scene .tl b{display:block;font-size:2.2cqw;color:var(--ink);margin-bottom:.6cqw}
  .scene .tl .dot{width:2cqw;height:2cqw;border-radius:50%;background:var(--line);margin:0 auto .8cqw;transition:background .3s}
  .scene .tl .dot.on{background:var(--navy)}
  .scene .tl .dot.wait{background:var(--red)}
  .scene .tree{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.15cqw;line-height:1.7}
  .scene .tree div{display:flex;justify-content:space-between;gap:2cqw}
  .scene .tree small{color:var(--muted)}
  .scene .badge{position:absolute;display:inline-flex;align-items:center;gap:1.2cqw;padding:1.2cqw 2cqw;border-radius:1.4cqw;background:var(--white);border:1px solid var(--line);font-size:2.2cqw;font-weight:600;box-shadow:0 .8cqw 2cqw rgba(19,45,90,.08)}
  .scene .badge.lockb{border-color:var(--navy)}
  .scene .pill{display:inline-block;padding:.5cqw 1.4cqw;border-radius:99cqw;font-size:1.9cqw;font-weight:600;background:var(--soft);color:var(--muted)}
  .scene .pill.on{background:var(--navy);color:#fff}
  .scene .field{border:1px solid var(--line);border-radius:1.2cqw;padding:1.4cqw 1.8cqw;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.2cqw;min-height:6cqw;background:#fff}
  .scene .field small{display:block;font-family:"Archivo",sans-serif;color:var(--muted);font-size:1.9cqw;margin-bottom:.4cqw}
  .scene .tabs{display:flex;gap:.6cqw;padding:1.2cqw 1.2cqw 0;border-bottom:1px solid var(--line)}
  .scene .tabs span{padding:1cqw 2cqw;border-radius:1.2cqw 1.2cqw 0 0;font-size:2.1cqw;color:var(--muted);border:1px solid transparent;border-bottom:0}
  .scene .tabs span.on{background:#fff;border-color:var(--line);color:var(--ink);font-weight:600;margin-bottom:-1px}
  .scene .sync{display:inline-flex;align-items:center;gap:1cqw;color:var(--muted);font-size:2cqw}
  .scene .sync::before{content:"";width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,147,93,.5);animation:pulse 2.4s infinite}
  @keyframes pulse{70%{box-shadow:0 0 0 1.6cqw rgba(255,147,93,0)}100%{box-shadow:0 0 0 0 rgba(255,147,93,0)}}
  .scene .ghost{position:absolute;inset:0;background:rgba(249,248,247,.55);display:grid;place-items:center;font-size:2.4cqw;color:var(--muted);z-index:5;opacity:0;transition:opacity .4s}
  .scene .ghost.show{opacity:1}
  .scene .done{position:absolute;right:3cqw;top:3cqw;padding:.8cqw 1.6cqw;border-radius:99cqw;background:var(--green-soft);color:var(--green);font-size:2cqw;font-weight:600;z-index:4}

  .scene .caret.off{display:none}
  .scene .msgs{display:flex;flex-direction:column}
  .scene .msgs .sys.hid{display:none}
  .scene .msgs .sys.hid.show{display:block}
  .scene[data-scene=connect] .row{height:6.4cqw}
  .scene .msg.me{align-self:flex-end}
  .scene tr.hid{transform:none}
  .scene .tl div{line-height:1.25}
  .scene .lk{width:2.6cqw;height:2.6cqw;flex:none}
  /* cta + footer */
  .cta{background:var(--navy);color:#fff;border-radius:24px;padding:48px 36px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}
  .cta h2{color:#fff}
  .cta p{color:rgba(255,255,255,.75);margin:0 0 20px}
  .cta .btn.ghost{color:#fff;border-color:rgba(255,255,255,.35)}
  .cta .side{border-left:1px solid rgba(255,255,255,.15);padding-left:28px;font-size:14px;color:rgba(255,255,255,.75)}
  @media (max-width:820px){.cta{grid-template-columns:1fr;padding:32px 22px}.cta .side{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.15);padding-top:20px}}
  footer{padding-block:40px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
  .note{font-size:12px;color:var(--muted);max-width:70ch}

  @media (prefers-reduced-motion:reduce){.track{animation:none}.scene .caret{animation:none}.scene .sync::before{animation:none}}
  /* ---- JTBD additions ---- */
  @media (max-width:520px){h1{font-size:clamp(28px,8.4vw,40px)}}
  .hero .one{font-size:clamp(19px,2vw,24px);line-height:1.35;max-width:40ch;margin:0 0 14px;font-weight:500}
  .jobs{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px;max-width:60ch}
  .jobs li{position:relative;padding-left:30px;font-size:16px}
  .jobs li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:6px;background:var(--orange-soft);box-shadow:inset 0 0 0 1.5px var(--orange)}
  .jobs li::after{content:"";position:absolute;left:6px;top:7px;width:5px;height:8px;border:solid var(--orange-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
  .hero .fine{font-size:13px;color:var(--muted);margin:0}
  .gain{margin:-8px 0 20px;color:var(--orange-ink);font-weight:500;max-width:70ch}
  .step .sgain{margin-top:14px;color:var(--orange-ink);font-weight:500}
  .sub-h{margin:56px 0 24px;max-width:760px}
  .sub-h h3{font-size:clamp(22px,2.6vw,30px)}
  .sub-h p{color:var(--muted);margin:0}
  .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  @media (max-width:980px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:760px){.grid4,.grid3,.grid2{grid-template-columns:1fr}}
  .vcard{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px}
  .vcard h3{font-size:19px;margin:0 0 8px}
  .vcard p{margin:0;color:var(--muted);font-size:15px}
  .vcard .for{display:block;font-size:13px;color:var(--orange-ink);margin-bottom:10px;font-weight:500}
  /* recognise yourself */
  .mirror{background:var(--soft);border-radius:24px;padding:44px 36px}
  .mirror .big{font-family:"Archivo","Archivo",system-ui,sans-serif;font-weight:600;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.01em;max-width:32ch;margin:0 0 30px;text-wrap:balance}
  .mirror .big span{color:var(--navy)}
  .mrow{display:grid;grid-template-columns:180px 1fr 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line);align-items:start}
  .mrow b{font-size:14px;color:var(--muted);font-weight:600;padding-top:2px}
  .mrow p{margin:0;font-size:17px}
  @media (max-width:760px){.mirror{padding:28px 20px}.mrow{grid-template-columns:1fr;gap:8px}}
  /* point B */
  .feel{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .feel li{border-left:3px solid var(--orange);padding:4px 0 4px 16px;font-size:17px}
  .feel li b{display:block;font-family:"Archivo","Archivo",sans-serif;font-weight:600;font-size:20px;margin-bottom:4px}
  @media (max-width:760px){.feel{grid-template-columns:1fr}}
  .week{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden}
  .week-t{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;color:var(--muted)}
  .days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .day{padding:20px;border-right:1px solid var(--line)}
  .day:last-child{border-right:0}
  .day small{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
  .day b{display:block;font-size:16px;margin-bottom:6px}
  .day p{margin:0 0 12px;font-size:14px;color:var(--muted)}
  .day .t{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--orange-soft);color:var(--orange-ink)}
  @media (max-width:820px){.days{grid-template-columns:1fr 1fr}.day:nth-child(2){border-right:0}.day:nth-child(-n+2){border-bottom:1px solid var(--line)}}
  @media (max-width:520px){.days{grid-template-columns:1fr}.day{border-right:0;border-bottom:1px solid var(--line)}.day:last-child{border-bottom:0}}
  .done3{margin-top:28px}
  .done3 .vcard h3{font-size:18px}
  /* barriers & alternatives */
  .qa{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;padding:22px 0;border-top:1px solid var(--line)}
  .qa:last-child{border-bottom:1px solid var(--line)}
  .qa h3{font-size:20px;margin:0}
  .qa p{margin:0;color:var(--muted);font-size:16px;max-width:60ch}
  .qa p b{color:var(--ink);font-weight:600}
  @media (max-width:760px){.qa{grid-template-columns:1fr;gap:6px}}
  .vs .vcard h3{font-size:18px}
  .vs .vcard .no{display:block;margin-bottom:10px;color:var(--ink);font-size:15px}
  .vs .vcard p + p{margin-top:10px}
  .vs .vcard .yes{color:var(--orange-ink);font-weight:500}


.m8-flow{
  --m8-ink:#1b1b1a; --m8-muted:#707379; --m8-line:#dfe2ea; --m8-soft:#f0efed;
  --m8-blue:#2c4673; --m8-navy:#132d5a; --m8-orange:#ff935d; --m8-orange-ink:#b8511c;
  --m8-orange-soft:#fff1e8; --m8-white:#ffffff; --m8-person:#eef0f5; --m8-bg:#f9f9f9;
  position:relative; width:100%; max-width:1120px; margin:0 auto;
  font-family:"Archivo",Inter,system-ui,-apple-system,sans-serif;
}
.m8-flow svg{display:block;width:100%;height:auto;overflow:visible}
.m8-flow text{fill:var(--m8-ink);font-size:13px;font-weight:400}
.m8-flow .h{font-family:"Archivo","Archivo",system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}
.m8-flow .eyebrow{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;fill:var(--m8-muted);paint-order:stroke;stroke:var(--m8-bg);stroke-width:6px;stroke-linejoin:round}
.m8-flow .muted{fill:var(--m8-muted);font-size:11px}
.m8-flow .name{font-weight:600;font-size:13px}
.m8-flow .strong{font-weight:600;font-size:13px}
.m8-flow .box{fill:var(--m8-white);stroke:var(--m8-line)}
.m8-flow .vault{fill:var(--m8-white);stroke:var(--m8-navy);stroke-width:1.5}
.m8-flow .flowline{fill:none;stroke:var(--m8-line);stroke-width:1;transition:stroke .3s}
.m8-flow .flowline.on{stroke:#b8c1da}
.m8-flow .pbg{fill:var(--m8-person);stroke:var(--m8-line)}
.m8-flow .pfg{fill:var(--m8-blue)}
.m8-flow .ring{fill:none;stroke:var(--m8-orange);stroke-width:1.5}
.m8-flow .item{fill:var(--m8-white);stroke:var(--m8-blue);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.m8-flow .item .ln{fill:none}
.m8-flow .item .fl{fill:var(--m8-blue);stroke:none}
.m8-flow .item.m{stroke:var(--m8-orange);fill:var(--m8-orange-soft)}
.m8-flow .item.m .fl{fill:var(--m8-orange)}
.m8-flow .divider{fill:none;stroke:var(--m8-navy);stroke-width:1;stroke-dasharray:4 4}
.m8-flow .shelf{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:var(--m8-navy)}
.m8-flow .lock{fill:none;stroke:var(--m8-navy);stroke-width:1.3;stroke-linejoin:round}
.m8-flow .syncdot{fill:var(--m8-orange)}
.m8-flow .syncring{fill:none;stroke:var(--m8-orange);stroke-width:1}
.m8-flow .bubble{fill:var(--m8-soft);stroke:none}
.m8-flow .caret{fill:var(--m8-orange)}
.m8-flow .spark{fill:var(--m8-orange)}
.m8-flow .card{fill:var(--m8-white);stroke:var(--m8-line)}
.m8-flow .pill{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.m8-flow .pill-changed rect{fill:var(--m8-line)} .m8-flow .pill-changed text{fill:var(--m8-navy)}
.m8-flow .pill-waiting rect{fill:var(--m8-orange-soft)} .m8-flow .pill-waiting text{fill:var(--m8-orange-ink)}
.m8-flow .pill-decision rect{fill:var(--m8-navy)} .m8-flow .pill-decision text{fill:var(--m8-white)}
.m8-flow .beam{fill:none;stroke:var(--m8-orange);stroke-width:1.5;stroke-linecap:round}
.m8-flow .beamdot{fill:var(--m8-orange)}
.m8-flow .src{fill:var(--m8-muted);font-size:11px}

/* Identity layer over the supplied concepts. Scene markup and visual storytelling retained. */
:root{--bg:#fff;--ink:#131312;--muted:#66665f;--line:#deddd5;--soft:#efeee8;--soft2:#f6f5f0;--blue:#55564d;--navy:#25261f;--orange:#ff935d;--orange-ink:#9b410d;--orange-soft:#f3eee7;--red:#8c6158;--red-soft:#f3ece8;--green:#526149;--green-soft:#eef0e9;--white:#fff}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{--site-page-inset:40px;font-family:Archivo,Arial,sans-serif;padding-inline:var(--site-page-inset);padding-bottom:env(safe-area-inset-bottom,0px);font-size:16px}.wrap{max-width:1240px}.h,h1{font-family:Archivo,Arial,sans-serif;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(48px,6.4vw,84px);line-height:1.07;text-wrap:initial;margin-bottom:27px}h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08}h3{font-size:25px}.eyebrow,.step .num,.panel .tag,.scene-tools,.motion-toolbar,.wall .cap{font-family:'JetBrains Mono',monospace}.eyebrow{font-weight:400}.nav{padding-block:24px;border-bottom:1px solid var(--line);min-height:90px}.brand{gap:17px}.brand img{width:115px;height:auto}.brand em{border-left:1px solid var(--line);padding-left:17px;font:12px 'JetBrains Mono',monospace;letter-spacing:.03em}.btn{border-radius:0;min-height:48px;padding:13px 20px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#ffa576}.btn.ghost{border-color:#bcbcb1;background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--soft)}a:focus-visible,button:focus-visible{outline:2px solid #9b410d;outline-offset:4px}.lnk{padding-block:12px;min-height:44px}.nav ul{gap:25px}.nav ul a{padding-block:12px}.motion-toolbar{display:flex;justify-content:space-between;align-items:center;height:38px;font-size:10px;color:var(--muted);letter-spacing:.02em}.motion-toolbar>span{visibility:hidden}.motion-toolbar button,.scene-tools button{font:inherit;background:none;border:0;color:inherit;padding:10px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.hero{padding-block:52px 36px;display:grid;grid-template-columns:1.2fr .8fr;gap:0 68px;align-items:start}.hero h1{grid-column:1/-1;max-width:1120px}.hero .one{font-size:clamp(21px,2vw,25px);line-height:1.43;grid-column:1;max-width:40ch;letter-spacing:-.025em;margin-bottom:22px}.hero .lead{grid-column:1;font-size:17px;max-width:58ch;color:var(--muted);opacity:1;margin-bottom:0;line-height:1.6}.hero .jobs{grid-column:2;grid-row:2/4;align-self:center;gap:20px;margin:0;padding-left:25px;border-left:1px solid var(--line);max-width:440px}.jobs li{font-size:16px;line-height:1.55;padding-left:26px}.jobs li:before{background:transparent;border-radius:0;box-shadow:none;width:15px;height:15px}.jobs li:after{border-color:var(--muted);left:4px;top:6px}.hero .ctas{grid-column:1/-1;margin:30px 0 12px}.hero .fine{grid-column:1/-1;font-size:12px}.rot{color:var(--ink);max-width:100%}.rot .w{background:none;border-radius:0}.rot:after{content:'';display:block;position:absolute;bottom:-7px;left:0;width:34px;height:3px;background:var(--orange)}.rot .w.out{pointer-events:none}.wall{padding-block:30px 52px;border-bottom:1px solid var(--line)}.lg{border-radius:0;padding:10px 15px 10px 10px;font-size:13px;gap:10px}.lg i{border-radius:0;background:var(--soft2);font-family:'JetBrains Mono',monospace;font-weight:500;width:26px;height:26px;font-size:12px}.track-copy{display:flex;gap:12px}.wall .cap{font-size:10px;letter-spacing:0;line-height:1.7;margin-top:20px}.marq+.marq{margin-top:10px}section.blk{padding-block:76px}.sec-head{max-width:850px;margin-bottom:35px}.sec-head .lead{max-width:64ch;line-height:1.6}.case,.step,.vcard,.week,.mirror,.cta{border-radius:0}.case{padding:28px;background:white;margin-bottom:30px}.case-h{margin-bottom:24px;gap:10px 24px}.case-h h3{font-size:clamp(22px,2.4vw,29px)}.case-h .who{font-size:12px}.scene-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-bottom:16px;font-size:10px;color:var(--muted);line-height:1.5}.scene-tools button{white-space:nowrap}.panel .tag{border-radius:0;font-size:10px;letter-spacing:.06em;padding:7px 0;font-weight:400}.panel.without .tag{background:none;color:var(--muted)}.panel.with .tag{background:none;color:var(--ink)}.panel.with .tag:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--orange)}.panel .sum{font-size:12px;line-height:1.6}.panel.with .sum b{color:var(--ink)}.scene{border-radius:3px;background:var(--soft2)}.scene .win{border-radius:3px}.scene .win-t{background:white}.scene .tile{border-radius:3px}.scene .tile i,.scene .brief,.scene .msg{border-radius:3px}.scene .msg.me{background:#e7e7df;color:var(--ink)}.scene .msg.pain{color:#76574d}.scene .chip{border-radius:3px;box-shadow:none}.scene .stat{background:#fafaf7}.scene .badge,.scene .done{border-radius:3px}.scene .tile.active{box-shadow:0 0 0 2px #55564d12}.scene .row .bt,.scene .pill{border-radius:2px}.scene .brief h5{font-family:Archivo,Arial,sans-serif}.scene .msg{font-size:2.45cqw}.scene .bi span{font-size:2.3cqw}.scene .bi small{font-size:1.95cqw}.scene .msg.sys{font-size:2.1cqw}.scene .tree{font-family:'JetBrains Mono',monospace}.scene .caret{background:var(--ink)}.scene .tabs span.on{color:var(--ink)}.scene .prog{background:var(--soft)}.scene .prog i{background:#8b9081}.step{border:0;border-top:1px solid var(--line);padding:34px 0;gap:54px;background:transparent}.steps{gap:0}.step .num{font-size:10px;color:var(--muted);font-weight:400;margin-bottom:17px}.step h3{font-size:30px;max-width:350px;line-height:1.1}.step p{font-size:17px;line-height:1.65}.sub-h{margin-top:60px}.sub-h h3{font-size:29px}.sub-h p{font-size:17px;line-height:1.6;max-width:68ch}.m8-flow{--m8-ink:#131312;--m8-muted:#66665f;--m8-line:#c9c8be;--m8-soft:#f1f0e9;--m8-blue:#717565;--m8-navy:#34372d;--m8-orange:#ff935d;--m8-orange-ink:#805b38;--m8-orange-soft:#efeee8;--m8-white:#fff;--m8-person:#f4f3ee;--m8-bg:#fff;font-family:Archivo,Arial,sans-serif;max-width:none}.m8-flow .h{font-family:Archivo,Arial,sans-serif}.m8-flow .vault{stroke-width:1}.m8-flow .flowline.on{stroke:#8f9384}.m8-flow .lock{opacity:0}.m8-flow .pill-decision rect{fill:#e7e7df}.m8-flow .pill-decision text{fill:#34372d}.m8-flow .card,.m8-flow .box,.m8-flow .vault{rx:3px}.m8-flow .spark{fill:var(--m8-navy)}.m8-flow .beam{stroke:#858b75}.m8-flow .beamdot{fill:#858b75}.m8-flow .item.m{stroke:#717565;fill:#efeee8}.m8-flow .item.m .fl{fill:#717565}.qa{padding-block:28px;gap:50px}.qa h3{font-size:23px;letter-spacing:-.025em}.qa p{line-height:1.65}.cta{background:var(--soft2);color:var(--ink);border:1px solid var(--line);padding:46px;gap:50px}.cta h2{color:var(--ink);font-size:42px}.cta p{color:var(--muted);font-size:16px;line-height:1.65}.cta .side{color:var(--muted);border-color:var(--line);font-size:14px;line-height:1.7}.cta .side p{color:var(--ink)!important}.cta .btn.ghost{color:var(--ink);border-color:#bcbcb1}.brand-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-block:42px 60px;border-top:1px solid var(--line)}.footer-brand img{width:124px;height:auto}.footer-brand p{font-size:12px;line-height:1.8;margin-top:22px}.brand-footer nav{display:flex;flex-direction:column;align-items:start}.brand-footer .eyebrow{font-size:10px;margin-bottom:12px}.brand-footer nav a{display:inline-flex;align-items:center;min-height:36px;font-size:12px;text-decoration:none}.brand-footer nav a:hover{text-decoration:underline}.motion-paused .track,.motion-paused .scene .caret,.motion-paused .scene .sync:before{animation-play-state:paused}.motion-paused .scene *{transition:none!important}.scene:not(.scene-enhanced) .hid{opacity:1;transform:none}.scene:not(.scene-enhanced) .msgs .sys.hid{display:none}.scene:not(.scene-enhanced) .cursor,.scene:not(.scene-enhanced) .chip,.scene:not(.scene-enhanced) .ghost{display:none}.scene:not(.scene-enhanced) .q:empty:before{content:'Ask your AI about the work.'}.skip{position:absolute;left:20px;top:-60px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}
@media(max-width:1050px){body{--site-page-inset:28px}.hero{gap:0 36px}.hero .jobs{padding-left:20px}.nav ul{gap:18px}.case{padding:22px}.split{gap:16px}.step{gap:36px}.scene .msg{font-size:2.3cqw}.cta{padding:32px;gap:32px}}
@media(max-width:820px){.hero{display:block;padding-top:34px}.hero h1{font-size:clamp(43px,7vw,62px)}.hero .one{max-width:40ch}.hero .lead{max-width:65ch;margin-bottom:25px}.hero .jobs{border-left:0;padding-left:0;max-width:65ch;gap:10px}.hero .ctas{margin-top:25px}.step{gap:25px}.step h3{max-width:none}.scene{max-width:650px;margin-inline:auto}.scene .msg{font-size:2.45cqw}.qa{gap:20px}.cta h2{font-size:36px}.brand-footer{grid-template-columns:1.5fr 1fr 1fr;gap:25px}.m8-flow{max-width:620px}.panel .sum{max-width:650px;margin-inline:auto;margin-top:12px}.scene-tools{max-width:100%}}
@media(max-width:600px){body{--site-page-inset:20px}.nav{padding-block:17px;min-height:74px;gap:12px}.brand{gap:10px}.brand img{width:90px}.brand em{padding-left:10px;font-size:10px}.nav>.btn{font-size:11px;padding:10px 12px;min-height:42px}.motion-toolbar{height:38px}.hero{padding-block:30px 24px}.hero h1{font-size:clamp(35px,8.8vw,50px);line-height:1.12;margin-bottom:27px}.rot{white-space:normal;min-width:0!important;width:100%;min-height:2.3em}.rot .w{white-space:normal}.hero .one{font-size:21px;line-height:1.4;margin-bottom:18px}.hero .lead{font-size:15px;line-height:1.65}.jobs li{font-size:15px}.hero .ctas{gap:10px 20px;margin-top:25px}.hero .fine{font-size:11px}.wall{padding-block:16px 35px}.wall .cap{font-size:10px}.lg{font-size:12px;padding:8px 12px 8px 8px}.lg i{width:23px;height:23px}.track,.track-copy{gap:8px}section.blk{padding-block:49px}h2{font-size:33px}.lead{font-size:16px}.sec-head{margin-bottom:27px}.case{padding:16px;margin-bottom:24px}.case-h{margin-bottom:18px;gap:8px}.case-h h3{font-size:23px;line-height:1.2}.case-h .who{font-size:11px}.scene-tools{gap:12px;align-items:start;font-size:9px;margin-bottom:14px}.scene-tools>span{max-width:65%}.scene-tools button{padding-top:0;min-height:35px}.split{gap:28px}.panel .sum{font-size:11px;gap:8px}.sub-h{margin-top:38px}.sub-h h3{font-size:25px}.sub-h p{font-size:15px}.step{padding-block:25px}.step h3{font-size:28px}.step p{font-size:16px}.qa{gap:12px;padding-block:24px}.qa h3{font-size:22px}.qa p{font-size:15px}.cta{padding:24px;gap:24px}.cta h2{font-size:32px}.cta p{font-size:15px}.cta .side{padding-top:24px}.cta .ctas{gap:12px}.cta .btn{font-size:12px}.brand-footer{grid-template-columns:1fr 1fr;gap:28px;padding-block:32px 42px}.footer-brand{grid-column:1/-1}.brand-footer nav a{min-height:44px}.footer-brand img{width:110px}
/* Keep the same scene content, reflow the windows instead of shrinking them. */
.scene,.scene.wide{aspect-ratio:auto;min-height:0;padding:12px;display:flex;flex-wrap:wrap;gap:8px;overflow:hidden;font-size:14px;container-type:inline-size}.scene .win{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0;margin:0;flex:1 0 100%;overflow:visible}.scene .win-t{height:auto;min-height:36px;font-size:11px;padding:10px 12px;gap:4px;line-height:1.4}.scene .win-t:before{width:4px;height:4px;box-shadow:7px 0 0 var(--line),14px 0 0 var(--line);margin-right:18px}.scene .win-b{padding:12px!important}.scene .msg,.scene .msg.sys{font-size:13px;line-height:1.5;padding:9px 10px;margin-bottom:8px;max-width:100%;border-radius:3px}.scene .brief{padding:12px;border-radius:3px}.scene .brief h5{font-size:17px;margin:0 0 12px}.scene .bi{display:flex;flex-direction:column;gap:4px;padding:10px 0}.scene .bi b{font-size:12px}.scene .bi span{font-size:14px;line-height:1.5}.scene .bi small{font-size:10px;overflow-wrap:anywhere;line-height:1.5}.scene .src{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.scene .src span{font-size:10px;overflow-wrap:anywhere;white-space:normal}.scene .tile{position:relative!important;left:auto!important;top:auto!important;width:auto;height:auto;min-height:28px;padding:5px 8px;font-size:11px;gap:5px;display:inline-flex;flex:none}.scene .tile i{width:18px;height:18px;font-size:10px}.scene .chip,.scene .cursor{display:none!important}.scene .stat{position:relative;left:auto;right:auto;bottom:auto;height:auto;min-height:34px;padding:10px 4px;gap:7px;flex:1 0 100%;font-size:10px;flex-wrap:wrap;background:none;line-height:1.5}.scene .badge{position:relative!important;top:auto!important;left:auto!important;transform:none!important;white-space:normal;font-size:11px;line-height:1.5;padding:8px;width:100%;text-align:center;justify-content:center}.scene .done{position:relative;top:auto;right:auto;font-size:11px;padding:4px 8px}.scene .row,.scene[data-scene=connect] .row{height:auto;min-height:45px;gap:7px;font-size:12px;padding-block:7px;flex-wrap:wrap}.scene .row .nm{font-size:13px;min-width:65px}.scene .row .st{font-size:10px;min-width:0;flex:1}.scene .row .bt{font-size:10px;padding:5px 7px;min-width:65px}.scene .tabs{height:auto;gap:3px;padding:9px 8px 0;flex-wrap:wrap}.scene .tabs span{font-size:11px;padding:7px}.scene .field{padding:9px;font-size:12px;overflow-wrap:anywhere}.scene .field small{font-size:10px}.scene .pill{font-size:11px;padding:5px 9px}.scene .tree{font-size:12px}.scene .tree div{min-height:30px;padding-block:5px}.scene .tree small{font-size:10px}.scene .sync{font-size:11px;gap:5px;line-height:1.5}.scene .sync:before{width:5px;height:5px}.scene .lk{width:14px;height:14px}.scene .caret{height:13px;width:1px}.scene .prog{height:3px;margin-top:9px}.scene .kpis{gap:8px}.scene .kpis>div{padding:8px}.scene .kpis b{font-size:19px}.scene .kpis small{font-size:10px}.scene table{font-size:11px}.scene td,.scene th{padding:7px 5px;overflow-wrap:anywhere}.scene .sheet{font-size:10px}.scene .tl{font-size:12px;position:relative!important;inset:auto!important;width:100%!important}.scene .tl div{padding:7px;line-height:1.45;min-height:30px}.scene .ghost{font-size:13px}.scene .bars{height:60px}.scene .abs{position:relative!important;inset:auto!important;width:100%!important;height:auto!important}.scene .chart{height:80px!important}.scene .hid{transform:none!important}.scene .msg.me{align-self:stretch}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.rot .w{transform:none!important}.motion-toolbar button{display:none}.scene-tools button{display:none}}
@media print{.motion-toolbar,.scene-tools button,.nav,.ctas{display:none}body{--site-page-inset:0px;padding:0}.hero{display:block}.hero .jobs{border:0;padding:0}.scene .hid{opacity:1!important;transform:none!important}section.blk{padding-block:25px}.case,.step{break-inside:avoid}}
@media(min-width:601px){.scene .msg{font-size:2.15cqw}.scene[data-scene=connect] .row{height:5.8cqw}.scene[data-scene=uc2b] .bars{height:12cqw}}
@media(max-width:600px){.scene .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.scene .kpi{min-width:0}.scene .kpi em{font-size:10px}.scene .tl{grid-template-columns:1fr;text-align:left}.scene .tl>div{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 4px}.scene .tl b{font-size:12px;margin:0;min-width:60px}.scene .tl .dot{width:6px;height:6px;flex:none;margin:0}.scene .board .rep{grid-template-columns:70px minmax(0,1fr);font-size:13px;padding:9px 0}.scene .board .rep span{font-size:11px;padding:4px 6px;margin:3px}.scene .tbl{font-size:11px;table-layout:fixed}.scene .tbl td{white-space:normal;padding:6px 4px;overflow-wrap:anywhere}.scene .sheet{overflow-wrap:anywhere}}
@media(max-width:600px){.m8-flow text{font-size:18px}.m8-flow .h,.m8-flow .name,.m8-flow .strong{font-size:20px}.m8-flow .muted,.m8-flow .src{font-size:16px}.m8-flow .eyebrow{font-size:13px}.m8-flow .shelf{font-size:13px}.m8-flow .pill text{font-size:12px}}

/* September 21: copy hierarchy, semantic comparison colours, repeatable motion. */
:root{--success:#365f4b;--success-soft:#edf4ee;--question:#e7edf5;--question-ink:#30475e;--warning:#f3e6e1;--warning-ink:#875342}
.hero{display:block;padding-top:58px;padding-bottom:35px}.hero h1{font-weight:500;max-width:none}.hero .one{max-width:770px;font-size:23px;line-height:1.5}.hero .ctas{margin-top:28px}.rot{color:var(--success);font-weight:700}.rot .w{background:linear-gradient(transparent calc(100% - 3px),#cbdccf 0);padding-bottom:5px}.rot:after{display:none}.track{animation-duration:255s}.marq.rev .track{animation-duration:294s}.wall .cap{font-size:12px;color:var(--ink);letter-spacing:.02em}.scene-tools{min-height:0;margin-bottom:20px}.scene-tools>span{max-width:none}
.panel .tag{padding:8px 11px;margin-bottom:12px;display:inline-flex;gap:8px}.panel.without .tag{background:#eeede8;color:#68685f}.panel.with .tag{background:#dce9df;color:#345d47;font-weight:500}.panel.with .tag:before{background:#497b59}.panel.with .scene{background:#edf4ee;border-color:#bccfbe}.panel.without .scene{background:#f5f4f0;border-color:#deddd5}.panel.with .win{border-color:#bdcfc1}.panel.with .win-t{background:#f8fbf8;color:#365b45}.panel.with .sum b{color:var(--success)}.panel.with .sum{border-color:#c4d4c6}.scene .win{box-shadow:0 3px 8px #243d2b05}.scene .win-t{background:#fafaf7}.scene .msg{background:#f0efea;color:#4e514a}.scene .msg.me{background:var(--question);color:var(--question-ink);border:1px solid #d2dce8}.scene .msg.pain{background:var(--warning);color:var(--warning-ink);border-left:2px solid #b97c64}.scene .msg.sys{background:#f0f5f1;color:#58725e;border-color:#cbdace}.scene .brief{background:#fff;border-color:#cfddd1}.scene .brief h5{color:var(--success)}.scene .bi b{color:var(--success)}.scene .bi small{color:#637669}.scene .src span{background:#edf3ef;color:#52675a;border-color:#d9e3da}.scene .done{background:#d7e9db;color:#335d44}.scene .board .rep span{background:#eaf1ec;color:#365642}.scene .board .rep span.stalled{background:#f4e7df;color:#8a533d}.scene .tbl td.stale.on{background:#f3e2d9;color:#85523d}.scene .msg:not(.me):not(.sys):not(.pain)>b{color:#405968}.scene .row.ok .bt{background:#e2efe5;color:#365f4b}.scene .row.ok .st{color:#365f4b}.scene .tabs span.on{background:#edf4ee;color:var(--success);border-color:#c0d3c4}.scene .bars i{background:#6b8f79}.scene .kpi{background:#f0f6f1}.scene .kpi b{color:var(--success)}
/* App names have actual side padding and room for the longest label. */
.scene .tile{padding:1.1cqw 1.2cqw;gap:.9cqw;justify-content:flex-start;white-space:nowrap;font-size:2.1cqw}.scene .tile i{flex:none;width:2.8cqw;height:2.8cqw;font-size:1.7cqw}.scene[data-scene=uc1a] .tile{width:20cqw;height:8.6cqw;font-size:2cqw}.scene[data-scene=uc2a] .tile{width:21.5cqw;height:9.5cqw;font-size:2.05cqw}.scene .chip{z-index:6;background:#f6f8fa;border-color:#bdcdd8;color:#40556a}.scene .stat{background:transparent}.scene[data-scene=uc1a] .msg{max-width:97%;font-size:2.05cqw;padding:1cqw 1.4cqw;margin-bottom:.8cqw}
.step .sgain{margin-top:22px;padding:14px 17px;border-left:3px solid #7f9b85;background:#edf4ee;color:#365f4b;font-size:17px;line-height:1.5;font-weight:500;max-width:40ch}.scene[data-scene=folder]{aspect-ratio:100/48}.scene[data-scene=ask]{aspect-ratio:100/49}.scene[data-scene=connect]{aspect-ratio:100/52}
.upload-tray{background:#f5f7f9;border:1px dashed #bac9d5;padding:1.5cqw;margin-bottom:2cqw;color:#63778a;font-size:2cqw;min-height:13cqw}.upload-tray>span{font-weight:600}.upload-files{display:flex;flex-wrap:wrap;gap:.8cqw;margin-top:1.2cqw}.upload-files>span{background:#fff;border:1px solid #d9e0e5;padding:.5cqw .8cqw;font:1.7cqw 'JetBrains Mono',monospace}.manual-chat .msg{max-width:90%}.scene[data-scene=uc4a] .tl{top:4cqw;left:4cqw;right:4cqw;gap:0;text-align:left;border-bottom:1px solid #deddd5;padding-bottom:2cqw}.scene[data-scene=uc4a] .tl>div{display:flex;align-items:center;gap:1cqw}.scene[data-scene=uc4a] .tl b{margin:0;font-size:2cqw}.scene[data-scene=uc4a] .tl .dot{width:1.2cqw;height:1.2cqw;margin:0}.scene[data-scene=uc4a] .msg{max-width:94%;font-size:2.3cqw;margin-bottom:1.5cqw;padding:1.6cqw 2cqw}.scene[data-scene=uc4a] .msg b{display:inline-block;margin-bottom:.6cqw}.scene[data-scene=uc3a] .msg{max-width:100%}.scene[data-scene=uc3a] .win:first-child{width:56cqw!important}.scene[data-scene=uc3a] .win:nth-child(2){left:63cqw!important;width:33cqw!important}.scene[data-scene=uc3a] .tbl{font-size:1.85cqw}.scene[data-scene=uc3a] .tbl td{white-space:normal;padding:1.3cqw .7cqw}
/* A stable diagram: sources / owned context / an ordinary AI conversation. */
.context-flow{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1.65fr;gap:68px;align-items:center;margin-top:32px;padding:32px 24px;border:1px solid #deddd5;background:#fafaf7;min-height:470px;isolation:isolate}.context-flow *{box-sizing:border-box}.context-routes{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.context-label{display:block;font:10px 'JetBrains Mono',monospace;letter-spacing:.025em;color:#72776e;text-transform:uppercase}.context-sources{display:flex;flex-direction:column;gap:10px}.context-sources>.context-label{margin-bottom:8px}.context-source{background:#fff;border:1px solid #dedfd7;padding:15px 12px;display:flex;align-items:center;gap:11px;min-height:66px}.source-glyph{display:grid;place-items:center;flex:none;width:26px;height:26px;color:#687b6d;background:#edf1ec;font-size:19px}.context-source b{font-size:13px;font-weight:600}.context-source small{display:block;font-size:10px;color:#818379;margin-top:5px;line-height:1.4}.context-vault{background:#edf4ee;border:1px solid #b9cdbd;padding:24px 20px;position:relative}.vault-glyph{width:36px;height:36px;color:#46644e;margin:20px 0 10px}.context-vault h4{font-size:25px;letter-spacing:-.035em;font-weight:600;margin:0 0 12px}.context-vault p{font-size:13px;line-height:1.6;color:#596c5d;margin:0}.vault-files{display:grid;grid-template-columns:1fr 1fr;gap:10px 6px;border-top:1px solid #d0ddd1;margin-top:20px;padding-top:17px;font:10px 'JetBrains Mono',monospace;color:#607265}.vault-status{display:flex;gap:8px;align-items:center;margin-top:24px;font-size:11px;color:#486a51}.vault-status i{width:5px;height:5px;border-radius:50%;background:#67946e}.context-chat{background:#fff;border:1px solid #c8d5ca;min-height:410px}.context-chat-title{padding:15px 17px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #dfe7df;background:#f0f6f1}.context-chat-status{font-size:10px;color:#6d8372}.context-chat-body{padding:18px}.context-question{margin-left:25px;padding:13px 15px;min-height:44px;background:var(--question);color:var(--question-ink);font-size:13px;line-height:1.5;border:1px solid #d4dfeb;opacity:var(--question-opacity,1)}.context-reading{height:38px;padding-top:13px;color:#6b8270;font-size:10px;opacity:0;display:flex;justify-content:space-between}.context-answer{opacity:var(--answer-opacity,1)}.context-answer h5{font-size:18px;font-weight:600;color:#365b43;margin:0 0 12px}.context-finding{border-top:1px solid #e3eae3;padding:11px 0;transition:opacity .4s}.context-finding b{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#58775e}.context-finding p{font-size:12px;line-height:1.5;margin:5px 0;color:#303a31}.context-finding small{font-size:9px;color:#7b877c}.context-flow[data-phase=read] .context-reading{opacity:1}.context-flow[data-phase=sync] .vault-status i{box-shadow:0 0 0 3px #67946e1a}.context-flow:not(.flow-enhanced) .context-reading{display:none}
@media(min-width:821px) and (max-width:1120px){.context-flow{gap:40px;padding:24px 18px;grid-template-columns:1fr 1fr 1.45fr}.context-source{padding:12px 8px;gap:7px}.source-glyph{display:none}.context-vault{padding:20px 14px}.context-vault h4{font-size:22px}.context-chat-body{padding:14px}.context-question{margin-left:10px}}
@media(max-width:820px){.context-flow{grid-template-columns:minmax(0,1fr);gap:46px;padding:24px;max-width:650px;margin-inline:auto}.context-sources{display:grid;grid-template-columns:1fr 1fr;gap:10px}.context-sources>.context-label{grid-column:1/-1}.context-source{min-height:75px}.context-vault{padding:23px}.context-vault .vault-glyph{float:left;margin:0 16px 0 0}.context-vault>.context-label{margin-bottom:18px}.context-vault h4{font-size:26px;margin-bottom:8px}.context-vault p{font-size:14px}.vault-files{grid-template-columns:repeat(4,1fr);font-size:10px}.context-chat{min-height:410px}.context-question{font-size:15px}.context-answer h5{font-size:21px}.context-finding p{font-size:15px}.context-finding small{font-size:11px}.context-finding b{font-size:11px}.context-chat-status{font-size:11px}.context-reading{font-size:12px}.hero .one{font-size:21px}}
@media(max-width:600px){.hero{padding-top:32px}.hero h1{font-weight:500}.hero .one{font-size:20px}.rot{min-height:2.45em}.hero .ctas{gap:10px}.hero .btn{font-size:13px}.scene .tile,.scene[data-scene=uc1a] .tile,.scene[data-scene=uc2a] .tile{width:auto;height:auto;min-height:34px;padding:7px 9px;font-size:12px;gap:6px}.scene .tile i{width:19px;height:19px;font-size:10px}.scene[data-scene=uc1a] .msg,.scene[data-scene=uc4a] .msg{font-size:13px;padding:10px;margin-bottom:9px}.scene .msg.me{max-width:95%;align-self:flex-end}.scene .win-t{font-size:10px}.scene[data-scene=folder],.scene[data-scene=ask],.scene[data-scene=connect]{aspect-ratio:auto}.step .sgain{font-size:15px;padding:12px 15px;margin-top:18px}.upload-tray{font-size:12px;min-height:90px;padding:10px;margin-bottom:12px}.upload-files{gap:5px;margin-top:9px;min-height:50px}.upload-files>span{font-size:9px;padding:4px 6px}.scene[data-scene=uc4a] .tl{position:relative;inset:auto;grid-template-columns:repeat(5,1fr);padding-bottom:10px;gap:4px}.scene[data-scene=uc4a] .tl>div{flex-direction:column;gap:6px;padding:4px}.scene[data-scene=uc4a] .tl b{font-size:11px;min-width:0}.scene[data-scene=uc4a] .tl .dot{width:5px;height:5px}.scene[data-scene=uc3a] .win:first-child,.scene[data-scene=uc3a] .win:nth-child(2){width:100%!important;left:auto!important}.scene[data-scene=uc3a] .tbl{font-size:12px}.scene[data-scene=uc3a] .tbl td{padding:8px}.scene .board .rep{grid-template-columns:48px minmax(0,1fr);gap:6px}.scene .board .rep span{line-height:1.5;font-size:11px}.scene[data-scene=uc4a] .msg b{margin-bottom:4px}.context-flow{padding:18px 14px;gap:38px}.context-label{font-size:9px}.context-sources{gap:8px}.context-source{padding:12px 9px;gap:7px;align-items:start}.source-glyph{display:none}.context-source b{font-size:12px}.context-source small{font-size:10px}.context-vault{padding:20px 16px}.context-vault h4{font-size:25px}.context-vault p{font-size:12px}.vault-files{grid-template-columns:1fr 1fr}.context-chat-body{padding:14px}.context-chat-title{padding:13px}.context-question{font-size:13px;margin-left:10px;min-height:66px}.context-finding p{font-size:13px}.context-finding small{font-size:10px}.context-reading{font-size:10px}.context-answer h5{font-size:19px}}
@media(prefers-reduced-motion:reduce){.context-finding{transition:none}}
.scene .brief .bi b{color:var(--success)}.scene .brief .bi small{color:#637669}
@media(min-width:601px){.scene[data-scene=ask]{aspect-ratio:100/54}.scene[data-scene=ask] .win{height:46cqw!important}}
/* Review 2: shared answer columns and readable source references. */
.scene .brief .bi{grid-template-columns:12cqw minmax(0,1fr);gap:.65cqw 1.5cqw;align-items:start}
.scene .brief .bi b{font-size:max(10px,1.8cqw);line-height:1.5;padding-top:.1em}
.scene .brief .bi small{font-size:max(11px,1.95cqw);line-height:1.5;overflow-wrap:anywhere;min-width:0}
.scene .brief .bi span{min-width:0}.scene .src span{font-size:max(11px,1.85cqw);line-height:1.5;overflow-wrap:anywhere}
.scene[data-scene=ask]{aspect-ratio:100/68}.scene[data-scene=ask] .win{height:60cqw!important}
/* Five segments fill as the replies arrive; the labels stay on one baseline. */
.scene[data-scene=uc4a] .tl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7cqw;top:4cqw;padding:0;border:0}
.scene[data-scene=uc4a] .tl .day{position:relative;display:flex;justify-content:center;align-items:center;gap:0;min-height:6.8cqw;padding:.6cqw 0 1.3cqw;background:#ebece6;border-radius:3px;color:#83857a;overflow:hidden}
.scene[data-scene=uc4a] .tl .day b{font-size:2cqw;font-weight:500;line-height:1.4;margin:0;color:inherit;min-width:0}
.scene[data-scene=uc4a] .day-fill{position:absolute;left:0;right:0;bottom:0;height:.65cqw;min-height:3px;background:#8c9b86;transform:scaleX(0);transform-origin:left;transition:transform .6s ease}
.scene[data-scene=uc4a] .day.on,.scene[data-scene=uc4a] .day.wait{background:#e1e7dd;color:#4b6047}
.scene[data-scene=uc4a] .day.on .day-fill,.scene[data-scene=uc4a] .day.wait .day-fill{transform:scaleX(1)}
/* Three peer cards; the archive visibly receives context for three teams. */
.context-flow{align-items:stretch;grid-template-columns:1fr 1.15fr 1.4fr;gap:46px;padding:24px;border-radius:4px;min-height:0}
.context-sources,.context-vault,.context-chat{border:1px solid #cbd7cc;border-radius:4px;min-width:0;min-height:490px;overflow:hidden}
.context-sources{display:flex;flex-direction:column;gap:0;background:#fff}
.context-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:49px;padding:15px 16px;border-bottom:1px solid #dce4dc;background:#f4f7f2}
.context-label{font-size:10px;line-height:1.5}.context-chat-status{font-size:10px}
.source-list{display:flex;flex-direction:column;gap:8px;padding:12px;flex:1}
.context-source{flex:1;min-height:64px;border-radius:3px;padding:12px 9px;gap:9px;background:#fdfefb}
.context-source b{font-size:13px}.context-source small{font-size:11px;color:#6d786c;line-height:1.45}
.source-glyph{width:25px;height:25px;border-radius:3px;flex:none;display:grid}
.context-vault{display:flex;flex-direction:column;padding:0;background:#edf4ee}
.vault-intro{padding:22px 17px;display:flex;align-items:center;gap:12px}
.context-vault .vault-glyph{width:30px;height:30px;flex:none;float:none;margin:0}
.context-vault h4{font-size:24px;margin:0 0 8px}.context-vault p{font-size:12px;line-height:1.5}
.vault-departments{display:flex;flex-direction:column;gap:10px;padding:0 16px;flex:1}
.vault-department{background:#f9fbf8;border:1px solid #d1dfd1;border-radius:3px;padding:14px 12px;min-width:0;transition:background .35s,border-color .35s}
.vault-department>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vault-department b{font-size:13px;font-weight:600;line-height:1.5;color:#3c5c44}
.vault-department small{display:block;font-size:11px;line-height:1.5;color:#637564;margin-top:5px;overflow-wrap:anywhere;min-height:1.5em}
.vault-department i{height:5px;width:5px;border-radius:50%;background:#becdbd;flex:none}
.vault-department.receiving{background:#e0eddf;border-color:#97b69a}
.vault-department.receiving i{background:#5b875b;box-shadow:0 0 0 3px #5b875b16}
.vault-status{margin:0;padding:19px 17px;font-size:11px;line-height:1.5}
.context-chat{min-height:490px;display:flex;flex-direction:column}
.context-chat-body{padding:17px}.context-question{border-radius:3px;margin-left:8px;font-size:13px;min-height:67px}
.context-reading{font-size:11px;height:37px}.context-answer h5{font-size:19px}
.context-finding{padding:12px 0}.context-finding b{font-size:10px}.context-finding p{font-size:13px}.context-finding small{font-size:11px;line-height:1.5;color:#647267;display:block}
@media(min-width:821px) and (max-width:1120px){.context-flow{gap:28px;padding:18px;grid-template-columns:1fr 1.15fr 1.35fr}.context-card-head{padding:13px 10px;min-height:48px}.context-label{font-size:9px}.context-chat-status{display:none}.source-list{padding:9px;gap:7px}.context-source{padding:11px 8px}.source-glyph{display:none}.context-source b{font-size:12px}.context-source small{font-size:11px}.vault-intro{padding:18px 12px;gap:8px}.context-vault .vault-glyph{width:25px;height:25px}.context-vault h4{font-size:21px}.vault-departments{padding:0 10px;gap:9px}.vault-department{padding:12px 9px}.vault-department b{font-size:12px}.vault-status{padding:16px 12px;font-size:10px}.context-chat-body{padding:13px}.context-question{padding:11px;margin-left:0}.context-reading{font-size:10px}.context-finding p{font-size:12px}.context-finding small{font-size:11px}}
@media(max-width:820px){.context-flow{grid-template-columns:1fr;gap:36px;padding:18px;max-width:650px}.context-sources,.context-vault,.context-chat{min-height:0}.context-card-head{min-height:44px;padding:12px 15px}.context-label{font-size:11px}.source-list{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:8px}.context-source{padding:12px;min-height:72px;gap:9px}.context-source:last-child{grid-column:1/-1;min-height:58px}.context-source b{font-size:14px}.context-source small{font-size:12px}.context-source:last-child>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.context-source:last-child small{margin:0}.source-glyph{display:none}.vault-intro{padding:18px 16px}.context-vault h4{font-size:25px}.context-vault p{font-size:14px}.vault-departments{padding:0 16px;gap:8px}.vault-department{padding:12px 14px;min-height:64px}.vault-department b{font-size:14px}.vault-department small{font-size:12px}.vault-status{padding:16px;font-size:12px}.context-chat-body{padding:16px}.context-question{font-size:14px;min-height:68px}.context-reading{font-size:12px;height:42px}.context-answer h5{font-size:21px}.context-finding{padding:14px 0}.context-finding b{font-size:11px}.context-finding p{font-size:14px}.context-finding small{font-size:12px}.context-chat-status{font-size:11px}}
@media(max-width:600px){.scene .brief .bi{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:13px 0}.scene .brief .bi b{font-size:11px;line-height:1.5;padding:0}.scene .brief .bi span{font-size:14px;line-height:1.55}.scene .brief .bi small,.scene .src span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.scene .brief{padding:13px}.scene .brief h5{font-size:18px;line-height:1.35}.scene[data-scene=ask]{aspect-ratio:auto}.scene[data-scene=ask] .win{height:auto!important}.scene[data-scene=uc4a] .tl{gap:4px}.scene[data-scene=uc4a] .tl .day{min-height:35px;padding:6px 0 9px}.scene[data-scene=uc4a] .tl .day b{font-size:11px}.scene[data-scene=uc4a] .day-fill{height:3px}.context-flow{padding:12px;gap:30px}.context-label{font-size:10px}.context-card-head{padding:12px}.source-list{padding:10px;gap:7px}.context-source{padding:10px 8px;min-height:78px}.context-source b{font-size:13px}.context-source small{font-size:12px;line-height:1.45}.context-source:last-child>div{display:block}.context-source:last-child small{margin-top:4px}.context-source:last-child{min-height:60px}.vault-intro{padding:17px 12px;gap:10px}.context-vault h4{font-size:23px}.context-vault p{font-size:12px}.vault-departments{padding:0 12px}.vault-department{padding:10px 12px;min-height:62px}.vault-department b{font-size:13px}.vault-department small{font-size:12px}.vault-status{font-size:11px;padding:15px 12px}.context-chat-body{padding:12px}.context-question{font-size:14px;margin-left:0;padding:12px}.context-reading{font-size:11px}.context-chat-status{font-size:10px}.context-finding small{font-size:12px}.context-finding p{font-size:14px}}
@media(min-width:821px) and (max-width:1050px){.split{grid-template-columns:1fr;gap:28px}.split .panel{width:100%;max-width:650px;margin-inline:auto}}
@media(min-width:1051px) and (max-width:1120px){#margin .scene{aspect-ratio:100/80}.scene[data-scene=uc4b] .win{height:66cqw!important}.scene[data-scene=uc4a] .win{height:56cqw!important}}

/* Review 3: equal columns, even spacing, one example throughout. */
@media(min-width:821px){.context-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}
@media(min-width:821px) and (max-width:1120px){.context-flow{gap:28px}}
.context-finding small{overflow-wrap:anywhere}
.scene .sync::before{background:#67946e;box-shadow:none;animation:sync-green 2.4s infinite}
@keyframes sync-green{0%,100%{box-shadow:0 0 0 0 #67946e00}35%{box-shadow:0 0 0 0 #67946e40}75%{box-shadow:0 0 0 1.6cqw #67946e00}}
@media(prefers-reduced-motion:reduce){.scene .sync::before{animation:none}}
/* Review 4: connection footer follows the window, never overlaps it. */
.scene[data-scene=connect]{aspect-ratio:auto;display:flex;flex-direction:column;padding:4cqw;gap:3cqw}
.scene[data-scene=connect] .win{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;flex:none}
.scene[data-scene=connect] .stat{position:relative;inset:auto;height:auto;min-height:0;padding:2cqw 0 0;flex:none}
/* Names in a quiet moving index, rather than button-shaped cards. */
.wall .lg{border:0;background:none;box-shadow:none;padding:0;border-radius:0;gap:0;font-weight:500;color:#72756d;cursor:default}
.wall .lg i{display:none}.wall .lg::after{content:'·';color:#b9beb4;margin-inline:25px}
.wall .track,.wall .track-copy{gap:0}.wall .marq{padding-block:10px}.wall .marq+.marq{margin-top:2px}
.scene .storage-tabs{margin:-2.2cqw -2.4cqw 2cqw;padding-top:1.2cqw;background:#f8faf6}
/* The existing chat component, adapted to a diagram column. Same markup and timeline. */
.context-chat .flow-chat-scene{container-type:inline-size;position:relative;aspect-ratio:auto;min-height:0;max-width:none;width:100%;margin:0;padding:0;border:0;border-radius:0;background:#fff;display:block;flex:1;overflow:visible}
.context-chat .flow-chat-scene .win{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100%;border:0;border-radius:0;box-shadow:none;overflow:visible}
.context-chat .flow-chat-scene .win-t{display:none}
.context-chat .flow-chat-scene .win-b{padding:16px;display:flex;flex-direction:column}
.context-chat .flow-chat-scene .msg{font-size:13px;line-height:1.5;padding:10px 12px;margin-bottom:12px;max-width:95%;border-radius:3px}
.context-chat .flow-chat-scene .msg.me{align-self:flex-end}
.context-chat .flow-chat-scene .msg.sys{font-size:12px;max-width:100%}
.context-chat .flow-chat-scene .brief{padding:13px;margin:0;border:1px solid #cfddd1;border-radius:3px;background:white}
.context-chat .flow-chat-scene .brief h5{font-size:18px;line-height:1.35;margin:0 0 12px;color:#365f4b}
.context-chat .flow-chat-scene .brief .bi{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:12px 0}
.context-chat .flow-chat-scene .brief .bi b{font-size:10px;line-height:1.5;padding:0}
.context-chat .flow-chat-scene .brief .bi span{font-size:13px;line-height:1.5}
.context-chat .flow-chat-scene .brief .bi small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.context-chat .flow-chat-scene .prog{height:4px;margin:10px 0 0}.context-chat .flow-chat-scene .caret{width:1px;height:14px;margin-left:2px}
.context-chat .flow-chat-scene .msgs .a1{position:absolute;left:16px;right:16px;top:92px;z-index:1}
@media(max-width:600px){.scene[data-scene=connect]{padding:12px;gap:12px}.scene[data-scene=connect] .stat{padding:10px 0 0}.wall .lg{font-size:12px}.wall .lg::after{margin-inline:18px}.scene .storage-tabs{margin:-12px -12px 12px;padding-top:8px}.context-chat .flow-chat-scene .win-b{padding:12px}.context-chat .flow-chat-scene .msg{font-size:14px}.context-chat .flow-chat-scene .brief h5{font-size:18px}.context-chat .flow-chat-scene .brief .bi b{font-size:11px}.context-chat .flow-chat-scene .brief .bi span{font-size:14px}.context-chat .flow-chat-scene .brief .bi small{font-size:12px}.context-chat .flow-chat-scene .msgs .a1{left:12px;right:12px}}
@media(min-width:601px){.scene[data-scene=connect]{padding:24px;gap:16px}}

/* Identity typography from the local dev landing: Archivo display, JetBrains Mono copy. */
html{scroll-padding-top:104px}
.nav{position:sticky;top:0;z-index:100;isolation:isolate;background:#fff;min-height:80px;padding-block:16px}
.nav::before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:#fff;border-bottom:1px solid var(--line);pointer-events:none}
.skip{z-index:110}
.hero h1{font-weight:900;font-size:clamp(40px,5.2vw,70px);line-height:1;letter-spacing:-.012em;text-transform:uppercase}
.hero .rot{font-weight:900}
h2.h,.cta h2{font-weight:900;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05}
h3.h{font-weight:800;letter-spacing:-.01em}
.nav ul a,.btn,.hero .one,.lead,.step p,.sub-h p,.qa p,.cta p,.cta .side,.brand-footer,.case-h .who,.panel .sum{font-family:'JetBrains Mono',monospace}
.nav ul a{font-size:12px;letter-spacing:.06em}
.btn{font-size:13px;letter-spacing:.08em}
.hero .one{font-size:15px;line-height:1.75;letter-spacing:0;max-width:78ch}
.lead,.sec-head .lead,.step p,.sub-h p,.qa p,.cta p{font-size:14px;line-height:1.75;letter-spacing:0}
.step .sgain{font-size:14px;line-height:1.7}
.cta .side{font-size:13px;line-height:1.75}
.panel .sum{font-size:11px}.case-h .who{font-size:11px}
@media(max-width:1050px){.nav ul{gap:15px}.nav ul a{font-size:11px;letter-spacing:0}}
@media(max-width:600px){html{scroll-padding-top:90px}.nav{min-height:70px;padding-block:14px}.nav>.btn{font-size:10px;letter-spacing:0;padding:10px}.hero h1{font-size:clamp(32px,8.2vw,48px);line-height:1.06}.hero .one{font-size:14px;line-height:1.75}.btn{font-size:12px;letter-spacing:.04em}.panel .sum{font-size:11px}.brand-footer nav a{font-size:11px}}
/* Keep the outgoing title inside its own line during the transition. */
.hero .rot{overflow:hidden;padding-bottom:8px;max-width:100%;min-width:0!important;width:100%;min-height:1.12em;white-space:normal}
.hero .rot .w{white-space:normal}
@media(max-width:760px){.hero .rot{min-height:2.2em}}
.nav .brand{flex:none}
@media(max-width:900px){.nav ul{display:none}}
@media(max-width:360px){.nav .brand{gap:7px}.nav .brand img{width:76px}.nav .brand em{padding-left:7px;font-size:9px}.nav{gap:9px}}
/* Approved identity: bold heading and original CTA typography. */
.hero h1{font-weight:900}
.hero .rot{font-weight:900}
.hero .rot .w{transition:opacity .2s ease,transform .2s ease;transform:translateY(0);opacity:1}
.hero .rot .w.is-changing{opacity:0;transform:translateY(6px)}
.btn{text-transform:uppercase;font-weight:600;letter-spacing:.08em}
.btn.ghost{font-weight:400;border-color:var(--ink)}
.hero .ctas,.cta .ctas{gap:12px}
.hero .btn,.cta .btn{padding:16px 26px;font-size:13px}
@media(max-width:600px){.hero .btn,.cta .btn{padding:14px 17px;font-size:12px}.nav>.btn{font-size:10px;letter-spacing:.03em}}
@media(max-width:360px){.hero .btn,.cta .btn{padding:12px;font-size:11px}.nav>.btn{font-size:9px;padding:10px 8px}}

/* Separate program marks from the Moat8 identity in the footer. */
.credentials{padding-block:0 64px}
.credentials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;margin-inline:auto;gap:48px}
.credential{display:grid;grid-template-rows:64px auto auto;justify-items:center;align-content:start;text-align:center;min-width:0}
.credential-logo{display:flex;align-items:center;justify-content:center;height:64px;width:100%}
.credential-logo img{display:block;max-width:100%;height:auto;object-fit:contain}
.credential-nvidia{width:180px}.credential-google{width:116px}
.credential h2{font:700 16px/24px Archivo,Arial,sans-serif;letter-spacing:-.01em;text-transform:none;margin:14px 0 6px}
.credential p{font:12px/20px 'JetBrains Mono',monospace;color:var(--muted);margin:0}
@media(max-width:600px){.credentials{padding-bottom:40px}.credentials-grid{gap:20px}.credential{grid-template-rows:52px auto auto}.credential-logo{height:52px}.credential-nvidia{width:144px}.credential-google{width:98px}.credential h2{font-size:14px;line-height:22px;margin-top:10px}.credential p{font-size:11px;line-height:18px}}

/* Reach each connection button before its click state starts. */
.scene[data-scene=connect] .cursor{transition-duration:.35s}