@font-face{font-family:"Source Serif 4";src:url("/assets/source-serif-4-ada31a0279.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/assets/source-serif-4-italic-4e2767d747.woff2") format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
  @font-face{font-family:"Geist";src:url("/assets/geist-f49f83effe.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
  :root{
    --sans:"Geist",ui-sans-serif,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
    --display:"Source Serif 4","Iowan Old Style",Georgia,serif;
    --bg:#FAFAF9; --bg2:#F2F1ED; --panel:#ECECE7; --beige:#E9E2D6; --paper:#FDFDFC;
    --ink:#141310; --ink-soft:rgba(20,19,16,.62); --ink-mut:rgba(20,19,16,.42);
    --ivory:#F4F1EB; --ivory-soft:rgba(244,241,235,.66); --ivory-mut:rgba(244,241,235,.4);
    --burg:#6E2338; --burg2:#571A2A; --burglt:#9A3550;
    --gold:#A34D66; --goldlt:#D287A0;
    --dark:#141110; --dark2:#1B1714;
    --line:rgba(20,19,16,.09); --lined:rgba(244,241,235,.14);
    --shadow-card:0 30px 70px -30px rgba(56,44,32,.35), inset 0 1.5px 0 rgba(255,255,255,.75);
    --shadow-dark:0 34px 80px -30px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.09);
    --ease:cubic-bezier(.22,1,.36,1);
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth;overflow-x:clip;background:var(--bg);
    -webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{margin:0;background:transparent;color:var(--ink);font-family:var(--sans);
    font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
  /* living light field: everything glassy on the page refracts this */
  .lumen{position:fixed;inset:-12%;z-index:-1;pointer-events:none}
  .lumen i{position:absolute;border-radius:50%;filter:blur(110px);font-style:normal;
    animation:lumendrift var(--dur,36s) ease-in-out var(--del,0s) infinite alternate}
  @keyframes lumendrift{
    from{transform:translate3d(0,0,0) scale(1)}
    to{transform:translate3d(var(--dx,80px),var(--dy,-60px),0) scale(var(--ds,1.18))}}
  ::selection{background:rgba(110,35,56,.16)}
  a{color:inherit;text-decoration:none}
  img{max-width:100%}
  .grainlay{position:fixed;inset:0;z-index:80;pointer-events:none;background:var(--grain);opacity:.5;mix-blend-mode:overlay}

  .wrap{max-width:1640px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}
  .serif{font-family:var(--display)}
  .measure{max-width:62ch}
  .center{text-align:center}
  h1,h2,h3{font-family:var(--display);font-weight:580;letter-spacing:-.015em;line-height:1.08;margin:0}
  h1 em,h2 em{font-style:italic;font-weight:520;padding-bottom:.06em}
  p{margin:0}
  .lede{font-size:clamp(17px,1.25vw,20px);color:var(--ink-soft);line-height:1.65}

  /* ---------- liquid glass ---------- */
  .lg{position:relative;isolation:isolate;
    background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.28)),rgba(252,252,250,.44);
    -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
    border:1px solid rgba(255,255,255,.6);outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),0 24px 60px -28px rgba(56,44,32,.38)}
  .lg-dark{position:relative;isolation:isolate;
    background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.02)),rgba(20,17,16,.5);
    -webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 70px -30px rgba(0,0,0,.6)}
  @media (prefers-reduced-transparency:reduce){
    .lg{background:rgba(253,253,252,.98);-webkit-backdrop-filter:none;backdrop-filter:none}
    .lg-dark{background:rgba(22,19,17,.98);-webkit-backdrop-filter:none;backdrop-filter:none}
  }

  /* ---------- buttons ---------- */
  .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:15px;font-weight:560;
    padding:14px 26px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;
    transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}
  .btn:active{transform:translateY(1px) scale(.985)}
  .btn-burg{background:linear-gradient(180deg,var(--burglt),var(--burg) 38%,var(--burg2));color:var(--ivory);
    box-shadow:0 16px 34px -14px rgba(110,35,56,.65),inset 0 1.5px 0 rgba(255,255,255,.32)}
  .btn-burg:hover{transform:translateY(-1px);box-shadow:0 22px 44px -16px rgba(110,35,56,.75),inset 0 1.5px 0 rgba(255,255,255,.32)}
  .btn-glass{color:var(--ink);background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.35));
    -webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
    border:1px solid rgba(20,19,16,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
  .btn-glass:hover{transform:translateY(-1px);background:rgba(255,255,255,.8)}
  .btn-ivory{background:var(--ivory);color:var(--burg2);box-shadow:0 16px 34px -16px rgba(0,0,0,.5),inset 0 1.5px 0 #fff}
  .btn-ivory:hover{transform:translateY(-1px)}
  .tlink{font-weight:560;font-size:15px;color:var(--burg);display:inline-flex;align-items:center;gap:7px}
  .tlink svg{transition:transform .25s var(--ease)}
  .tlink:hover svg{transform:translateX(3px)}

  /* ---------- nav ---------- */
  .nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:120;
    width:min(1600px,calc(100% - 32px));height:64px;border-radius:999px;
    display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 26px}
  .brand{font-family:var(--display);font-weight:620;letter-spacing:.16em;font-size:17px;cursor:pointer}
  .nlinks{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px}
  .nl{position:relative}
  .nl>button,.nl>a{appearance:none;background:none;border:0;cursor:pointer;font-family:var(--sans);
    display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:540;color:var(--ink);
    padding:10px 16px;border-radius:999px;transition:background .2s}
  .nl>button:hover,.nl>a:hover,.nl.open>button{background:rgba(20,19,16,.06)}
  .nl .car{width:9px;height:9px;transition:transform .3s var(--ease);opacity:.55}
  .nl.open .car{transform:rotate(180deg)}
  .nacts{display:flex;align-items:center;gap:8px}
  .nacts .login{font-size:14.5px;font-weight:540;padding:10px 16px;border-radius:999px}
  .nacts .login:hover{background:rgba(20,19,16,.06)}
  .nacts .btn{padding:11px 20px;font-size:14.5px}

  .ndp{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(10px) scale(.98);
    transform-origin:top center;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s;
    border-radius:24px;padding:10px;display:grid;grid-template-columns:1fr 250px;gap:10px;
    background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(252,251,248,.88));
    -webkit-backdrop-filter:blur(32px) saturate(1.6);backdrop-filter:blur(32px) saturate(1.6);
    border:1px solid rgba(255,255,255,.7);outline:1px solid rgba(20,19,16,.07);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),0 40px 90px -30px rgba(40,30,22,.45)}
  .nl.open .ndp{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
  .ndp-list{display:flex;flex-direction:column;min-width:300px}
  .ndi{display:block;padding:13px 16px;border-radius:16px;transition:background .18s}
  .ndi:hover{background:rgba(20,19,16,.055)}
  .ndi b{display:block;font-weight:580;font-size:15px;letter-spacing:-.01em}
  .ndi span{display:block;font-size:13px;color:var(--ink-soft);line-height:1.45;margin-top:2px}
  .ndf{border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
    background:linear-gradient(155deg,#7a2940,var(--burg2) 60%,#3d1220);color:var(--ivory);overflow:hidden;position:relative}
  .ndf::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.4;mix-blend-mode:overlay;pointer-events:none}
  .ndf i{font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-soft)}
  .ndf b{font-family:var(--display);font-weight:560;font-size:19px;line-height:1.2;letter-spacing:-.01em}
  .ndf span{font-size:12.5px;color:var(--ivory-soft)}
  .ndf:hover b{text-decoration:underline;text-underline-offset:3px}

  /* ---------- hero ---------- */
  #hero{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:clip;
    background:radial-gradient(1200px 700px at 50% 30%,#fff 0%,var(--bg) 55%,var(--bg2) 100%)}
  .xfield{position:absolute;inset:-4% -3%;z-index:1}
  .xlayer{position:absolute;inset:0;will-change:transform;transform:translateZ(0)}
  .xfield{will-change:opacity;transform:translateZ(0)}
  .xc{position:absolute;border-radius:16px;padding:13px 16px;width:250px;
    font-size:12.5px;line-height:1.5;color:var(--ink-soft);
    will-change:translate;backface-visibility:hidden;
    animation:xdrift var(--dur,12s) ease-in-out var(--del,0s) infinite alternate}
  .xc .to{display:block;font-size:10.5px;letter-spacing:.08em;color:var(--ink-mut);margin-bottom:5px}
  .xc .ins{font-family:var(--display);font-size:14.5px;line-height:1.4;color:var(--ink);letter-spacing:-.005em}
  .xc-out{display:flex;align-items:center;gap:11px;width:auto;padding:12px 18px 12px 13px}
  .xc-out .fic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;
    font-size:9.5px;font-weight:640;letter-spacing:.04em;color:#fff}
  .fic-doc{background:linear-gradient(160deg,#3f6ea5,#2d5480)}
  .fic-xls{background:linear-gradient(160deg,#3e7a54,#2c5a3d)}
  .fic-ppt{background:linear-gradient(160deg,#b4593a,#8f3f26)}
  .xc-out b{display:block;font-size:12.5px;font-weight:580;color:var(--ink);letter-spacing:-.01em}
  .xc-out span{font-size:11px;color:var(--ink-mut)}
  .xl2 .xc{transform:scale(.85);opacity:.72;filter:blur(.6px);will-change:translate,filter}
  .xl3 .xc{transform:scale(.68);opacity:.45;filter:blur(2px);will-change:translate,filter}
  @keyframes xdrift{from{translate:0 0}to{translate:0 calc(var(--amp,16px) * -1)}}
  .hero-core{position:relative;z-index:5;text-align:center;padding:96px 24px 40px;max-width:1000px}
  .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:560;
    letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);
    padding:9px 18px;border-radius:999px;margin-bottom:30px}
  .hero-eyebrow .sp{width:6px;height:6px;border-radius:50%;background:var(--burg)}
  .hero-core h1{font-size:clamp(46px,5.6vw,96px);line-height:1.04;padding-bottom:6px}
  .hero-core .lede{margin:26px auto 38px;max-width:46ch}
  .hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  /* ---------- shared section rhythm ---------- */
  .sec{padding:clamp(90px,9vw,150px) 0}
  .sec-dark{background:var(--dark);color:var(--ivory)}
  .sec-dark .lede{color:var(--ivory-soft)}
  .sechead{margin-bottom:clamp(40px,4.5vw,72px)}
  .sechead h2{font-size:clamp(34px,3.4vw,58px);letter-spacing:-.02em}
  .sechead .lede{margin-top:16px}

  /* reveal */
  .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .rv.in{opacity:1;transform:none}

  /* ---------- stat band ---------- */
  .stats{display:grid;grid-template-columns:repeat(4,1fr)}
  .stat{padding:10px 36px;border-left:1px solid var(--line)}
  .stat:first-child{border-left:0;padding-left:0}
  .stat b{display:block;font-family:var(--display);font-weight:560;font-size:clamp(48px,4.6vw,84px);
    line-height:1;letter-spacing:-.02em}
  .stat span{display:block;margin-top:10px;font-size:14px;color:var(--ink-soft)}

  /* ---------- demo (dark) ---------- */
  .inboxx{border-radius:26px;max-width:1280px;margin:0 auto;overflow:hidden}
  .ib-bar{display:flex;align-items:center;gap:8px;padding:15px 22px;border-bottom:1px solid var(--lined)}
  .ib-bar i{width:10px;height:10px;border-radius:50%;background:rgba(244,241,235,.16);font-style:normal}
  .ib-bar em{font-style:normal;margin-left:12px;font-size:12.5px;letter-spacing:.06em;color:var(--ivory-mut)}
  .ib-body{display:grid;grid-template-columns:340px 1fr;min-height:440px}
  .ib-list{border-right:1px solid var(--lined);padding:14px}
  .ib-row{padding:14px 16px;border-radius:14px;font-size:13px;color:var(--ivory-soft);cursor:default}
  .ib-row b{display:block;color:var(--ivory);font-weight:560;font-size:13.5px;margin-bottom:2px}
  .ib-row.on{background:rgba(244,241,235,.07)}
  .ib-pane{padding:30px 36px;display:flex;flex-direction:column;gap:18px}
  .msg{max-width:560px;border-radius:18px;padding:16px 20px;font-size:14px;line-height:1.6}
  .msg-you{align-self:flex-end;background:rgba(244,241,235,.1);border:1px solid var(--lined);color:var(--ivory)}
  .msg-you .who,.msg-sol .who{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-mut);margin-bottom:6px}
  .msg-sol{align-self:flex-start;background:rgba(244,241,235,.05);border:1px solid var(--lined);color:var(--ivory-soft)}
  .msg .cursor{display:inline-block;width:1px;height:1em;background:var(--ivory);vertical-align:-2px;animation:blink 1s steps(1) infinite}
  @keyframes blink{50%{opacity:0}}
  .working{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ivory-mut);padding:0 4px;min-height:20px}
  .working i{font-style:normal;width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 1.2s ease-in-out infinite}
  @keyframes pulse{50%{opacity:.25}}
  .attach{display:inline-flex;align-items:center;gap:11px;margin-top:12px;padding:11px 16px 11px 12px;border-radius:13px;
    background:rgba(244,241,235,.09);border:1px solid var(--lined)}
  .attach .fic{width:30px;height:30px;border-radius:8px;font-size:8.5px;display:grid;place-items:center;font-weight:640;color:#fff}
  .attach b{display:block;font-size:12.5px;color:var(--ivory);font-weight:560}
  .attach span{font-size:11px;color:var(--ivory-mut)}

  /* ---------- statement ---------- */
  .statement h2{font-size:clamp(44px,6vw,116px);letter-spacing:-.025em;line-height:1.02;max-width:14ch}
  .statement p{margin-top:34px;font-size:clamp(17px,1.3vw,21px);color:var(--ink-soft);max-width:58ch;line-height:1.7}

  /* ---------- bento ---------- */
  .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
  .bc{border-radius:24px;padding:34px;position:relative;overflow:hidden;display:flex;flex-direction:column;
    justify-content:space-between;min-height:330px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
  .bc:hover{transform:translateY(-4px)}
  .bc h3{font-size:clamp(22px,1.8vw,30px);letter-spacing:-.015em;line-height:1.15;max-width:18ch}
  .bc .bmeta{font-size:14px;margin-top:12px;line-height:1.55}
  .bc .go{margin-top:22px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:560}
  .bc .go svg{transition:transform .25s var(--ease)}
  .bc:hover .go svg{transform:translateX(3px)}
  .bc-dark{grid-column:span 7;background:linear-gradient(160deg,var(--dark2),var(--dark) 70%);color:var(--ivory);box-shadow:var(--shadow-dark)}
  .bc-dark .bmeta{color:var(--ivory-soft)}
  .bc-burg{grid-column:span 5;background:linear-gradient(155deg,#7a2940,var(--burg2) 65%,#40131f);color:var(--ivory);box-shadow:0 30px 70px -28px rgba(87,26,42,.6)}
  .bc-burg .bmeta{color:var(--ivory-soft)}
  .bc-beige{grid-column:span 4;background:linear-gradient(160deg,#EFE9DD,var(--beige));box-shadow:var(--shadow-card)}
  .bc-paper{grid-column:span 4;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card)}
  .bc-panel{grid-column:span 4;background:linear-gradient(160deg,#F1F0EC,var(--panel));box-shadow:var(--shadow-card)}
  .bc .bmeta{color:var(--ink-soft)}
  .bc-dark .brow{display:flex;gap:0;margin-top:26px}
  .brow div{flex:1;border-left:1px solid var(--lined);padding:2px 18px}
  .brow div:first-child{border-left:0;padding-left:0}
  .brow b{display:block;font-family:var(--display);font-size:clamp(30px,2.6vw,46px);font-weight:560;line-height:1}
  .brow span{display:block;font-size:12px;color:var(--ivory-mut);margin-top:6px}
  .minilog{margin-top:22px;border-radius:14px;background:rgba(20,19,16,.05);padding:14px 16px;font-size:12px;color:var(--ink-soft);line-height:1.9}
  .minilog i{font-style:normal;color:var(--gold);font-weight:600}
  .srcchip{display:inline-flex;align-items:center;gap:8px;margin-top:20px;border-radius:999px;padding:8px 14px;
    background:rgba(110,35,56,.08);color:var(--burg);font-size:12.5px;font-weight:560}
  .reglist{margin:20px 0 0;padding:0;list-style:none;font-size:14px;line-height:2.05;color:var(--ink-soft)}
  .reglist b{color:var(--ink);font-weight:560}

  /* ---------- connectors ---------- */
  .conn-band{overflow:clip;padding:clamp(70px,7vw,110px) 0;background:var(--bg2)}
  .marq{display:flex;gap:14px;width:max-content;animation:marq 34s linear infinite;margin-top:44px}
  @keyframes marq{to{transform:translateX(-50%)}}
  .ct{display:flex;align-items:center;gap:13px;padding:16px 26px 16px 16px;border-radius:18px;white-space:nowrap}
  .ct i{font-style:normal;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
    font-weight:640;font-size:13px;color:#fff;letter-spacing:.02em}
  .ct b{font-weight:560;font-size:15px}
  .ct span{display:block;font-size:12px;color:var(--ink-mut)}

  /* ---------- security teaser / split ---------- */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,90px);align-items:center}
  .split h2{font-size:clamp(34px,3.2vw,54px);letter-spacing:-.02em}
  .promlist{margin:30px 0 36px;padding:0;list-style:none;display:flex;flex-direction:column;gap:0}
  .promlist li{padding:18px 2px;border-top:1px solid var(--line);font-size:16px}
  .promlist li:last-child{border-bottom:1px solid var(--line)}
  .promlist b{font-family:var(--display);font-weight:580;font-size:19px;letter-spacing:-.01em;display:block;margin-bottom:3px}
  .promlist span{color:var(--ink-soft);font-size:14.5px}
  .term{border-radius:22px;padding:26px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:12.5px;line-height:2.05;color:var(--ivory-soft);min-height:300px;
    background:linear-gradient(160deg,#201B17,#141110 70%);border:1px solid rgba(255,255,255,.1);
    box-shadow:var(--shadow-dark);-webkit-backdrop-filter:none;backdrop-filter:none}
  .term .tl{opacity:0;transform:translateY(4px);transition:opacity .5s,transform .5s}
  .term .tl.on{opacity:1;transform:none}
  .term i{font-style:normal;color:var(--gold)}
  .term em{font-style:normal;color:var(--ivory)}

  /* ---------- access band ---------- */
  .access{background:linear-gradient(165deg,#4a1626 0%,var(--burg2) 45%,#2a0d15 100%);color:var(--ivory);position:relative;overflow:clip}
  .access::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.35;mix-blend-mode:overlay;pointer-events:none}
  .access .inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,100px);align-items:center}
  .access h2{font-size:clamp(38px,3.8vw,64px);letter-spacing:-.02em}
  .access .lede{color:var(--ivory-soft);margin-top:18px}
  .aform{border-radius:26px;padding:34px;display:flex;flex-direction:column;gap:18px}
  .fld label{display:block;font-size:12.5px;font-weight:560;letter-spacing:.04em;color:var(--ivory-soft);margin-bottom:7px}
  .fld input,.fld .fbx{width:100%;padding:14px 16px;border-radius:13px;border:1px solid var(--lined);
    background:rgba(244,241,235,.07);color:var(--ivory);font-family:var(--sans);font-size:15px;outline:none;
    transition:border-color .2s,background .2s}
  .fld .fbx{color:rgba(244,241,235,.55);cursor:default}
  .fld input::placeholder{color:rgba(244,241,235,.55)}
  .fld input:focus{border-color:rgba(244,241,235,.5);background:rgba(244,241,235,.11)}
  .aform .note{font-size:12.5px;color:var(--ivory-mut)}
  .aform .axconsent{margin-top:12px}
  .aform .axconsent a{color:var(--ivory-soft);border-bottom:1px solid var(--lined);padding-bottom:1px;transition:color .2s,border-color .2s}
  .aform .axconsent a:hover{color:var(--ivory);border-color:rgba(244,241,235,.5)}
  /* the submit button spans the panel, and says so while it is working */
  .aform .axsub{width:100%;justify-content:center;appearance:none;font-size:15px}
  .aform .axsub[disabled]{opacity:.62;cursor:default;transform:none;box-shadow:none}
  .fld input[aria-invalid="true"]{border-color:rgba(233,150,150,.75);background:rgba(233,150,150,.08)}
  .aform .note.bad{color:#f0b9b9}
  /* off-screen rather than display:none — a bot skips what is hidden outright */
  .axhp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .axdone{position:relative;z-index:2;padding:34px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
  .axdone[hidden]{display:none}
  .axdone-tick{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
    border-radius:999px;background:rgba(244,241,235,.12);border:1px solid var(--lined);color:var(--ivory);margin-bottom:5px}
  .axdone-tick svg{width:22px;height:22px}
  .axdone-h{font-family:var(--display);font-weight:580;letter-spacing:-.015em;
    font-size:clamp(24px,2.2vw,31px);line-height:1.14;color:var(--ivory)}
  .axdone-p{font-size:15px;line-height:1.62;color:var(--ivory-soft);max-width:44ch}
  .axdone-p b{color:var(--ivory);font-weight:560}

  /* ---------- footer ---------- */
  footer{background:var(--dark);color:var(--ivory);padding:clamp(70px,7vw,110px) 0 40px}
  .frow{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:clamp(24px,2.2vw,40px)}
  .fbrand{font-family:var(--display);font-weight:620;letter-spacing:.16em;font-size:24px}
  .ftag{margin-top:14px;font-size:14px;color:var(--ivory-soft);max-width:26ch;line-height:1.6}
  .fmail{display:inline-block;margin-top:18px;font-size:14px;color:var(--ivory-soft);border-bottom:1px solid var(--lined);padding-bottom:2px}
  .fcol b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory-mut);margin-bottom:16px;font-weight:560}
  .fcol a{display:block;font-size:14.5px;color:var(--ivory-soft);padding:5px 0;transition:color .2s}
  .fcol a:hover{color:var(--ivory)}
  .fleg{margin-top:70px;padding-top:24px;border-top:1px solid var(--lined);display:flex;justify-content:space-between;gap:20px;
    font-size:12.5px;color:var(--ivory-mut);flex-wrap:wrap}
  .fleg a{color:var(--ivory-soft);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
  .fleg a:hover{color:var(--ivory);border-color:var(--lined)}
  @media (max-width:1120px){ .frow{grid-template-columns:repeat(3,1fr);row-gap:34px} }

  /* ---------- page scaffolding ---------- */
  .page{display:none}
  body[data-page="product"] #page-product,body[data-page="whysolicia"] #page-whysolicia,body[data-page="access"] #page-access,body[data-page="capabilities"] #page-capabilities,
  body[data-page="ecosystem"] #page-ecosystem,body[data-page="knowledge"] #page-knowledge,
  body[data-page="verification"] #page-verification,body[data-page="resources"] #page-resources,
  body[data-page="roi"] #page-roi,body[data-page="security"] #page-security{display:block}
  .phero{padding:clamp(150px,15vh,210px) 0 clamp(50px,5vw,80px)}
  .phero h1{font-size:clamp(42px,4.6vw,84px);letter-spacing:-.022em;line-height:1.05;max-width:17ch;padding-bottom:6px}
  .phero .lede{margin-top:24px;max-width:56ch}
  .crumb{font-size:12.5px;font-weight:560;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mut);margin-bottom:26px;display:block}

  /* capabilities */
  .caphero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,5vw,90px);align-items:center}
  .astack{position:relative;height:480px}
  .art{position:absolute;inset:auto 0 0 0;margin:auto;width:min(440px,100%);border-radius:20px;padding:26px;
    background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card);
    transition:transform .7s var(--ease),opacity .7s var(--ease);transform-origin:bottom center}
  .art .ahead{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}
  .art .fic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:9.5px;font-weight:640;color:#fff}
  .art b{display:block;font-size:14px;font-weight:580}
  .art .ahead span{font-size:12px;color:var(--ink-mut)}
  .aline{height:9px;border-radius:4px;background:var(--panel);margin:11px 0}
  .aline.w60{width:60%}.aline.w85{width:85%}.aline.w40{width:40%}
  .agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .agrid i{font-style:normal;height:26px;border-radius:6px;background:var(--bg2);display:block}
  .agrid i.hl{background:rgba(110,35,56,.14)}
  .art[data-pos="0"]{transform:translateY(0) scale(1) rotate(0);z-index:3;opacity:1}
  .art[data-pos="1"]{transform:translateY(-44px) scale(.93) rotate(-3deg);z-index:2;opacity:.7}
  .art[data-pos="2"]{transform:translateY(-84px) scale(.86) rotate(3deg);z-index:1;opacity:.4}
  .atabs{display:flex;gap:8px;margin-top:30px}
  .atab{padding:9px 18px;border-radius:999px;font-size:13px;font-weight:560;cursor:pointer;border:1px solid var(--line);
    background:transparent;color:var(--ink-soft);font-family:var(--sans);transition:all .25s}
  .atab.on{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
  .proms{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .prom{border-radius:20px;padding:26px;background:var(--paper);border:1px solid var(--line)}
  .prom b{font-family:var(--display);font-weight:580;font-size:20px;display:block;margin-bottom:8px;letter-spacing:-.01em}
  .prom p{font-size:13.5px;color:var(--ink-soft);line-height:1.6}
  .feat20{border-radius:28px;padding:clamp(36px,4vw,64px);background:linear-gradient(160deg,var(--dark2),var(--dark) 70%);
    color:var(--ivory);box-shadow:var(--shadow-dark);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,4vw,80px);align-items:center}
  .feat20 h3{font-size:clamp(28px,2.6vw,44px);letter-spacing:-.02em;line-height:1.12}
  .feat20 p{margin-top:20px;color:var(--ivory-soft);font-size:15.5px;line-height:1.7;max-width:52ch}
  .feat20 .brow{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .feat20 .brow div{border-left:1px solid var(--lined);padding:6px 0 6px 20px}
  .regrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .reg{border-radius:20px;padding:30px;background:var(--paper);border:1px solid var(--line);transition:transform .35s var(--ease)}
  .reg:hover{transform:translateY(-3px)}
  .reg b{font-family:var(--display);font-weight:580;font-size:22px;letter-spacing:-.012em;display:block;margin-bottom:9px}
  .reg p{font-size:14px;color:var(--ink-soft);line-height:1.65}
  .expl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .exc{border-radius:22px;padding:32px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;
    transition:transform .4s var(--ease)}
  .exc:hover{transform:translateY(-4px)}
  .exc h3{font-size:24px;letter-spacing:-.015em}
  .exc p{font-size:14px;margin-top:10px;line-height:1.6}
  .exc .go{margin-top:24px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:560}
  .exc-beige{background:linear-gradient(160deg,#EFE9DD,var(--beige));box-shadow:var(--shadow-card)}
  .exc-beige p{color:var(--ink-soft)}
  .exc-dark{background:linear-gradient(160deg,var(--dark2),var(--dark));color:var(--ivory);box-shadow:var(--shadow-dark)}
  .exc-dark p{color:var(--ivory-soft)}
  .exc-burg{background:linear-gradient(155deg,#7a2940,var(--burg2) 70%);color:var(--ivory)}
  .exc-burg p{color:var(--ivory-soft)}

  /* cta band (shared) */
  .ctaband{border-radius:30px;padding:clamp(50px,5.5vw,90px);text-align:center;position:relative;overflow:hidden;
    background:linear-gradient(165deg,#4a1626,var(--burg2) 50%,#2a0d15);color:var(--ivory)}
  .ctaband::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.35;mix-blend-mode:overlay;pointer-events:none}
  .ctaband h2{font-size:clamp(32px,3.4vw,56px);letter-spacing:-.02em;position:relative;z-index:2}
  .ctaband p{margin:16px auto 34px;color:var(--ivory-soft);max-width:48ch;position:relative;z-index:2}
  .ctaband .btn{position:relative;z-index:2}

  /* ecosystem */
  .surfy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .surf{border-radius:22px;padding:32px;background:var(--paper);border:1px solid var(--line)}
  .surf i{font-style:normal;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
    font-weight:640;font-size:15px;color:#fff;margin-bottom:20px}
  .surf h3{font-size:22px;letter-spacing:-.012em}
  .surf p{margin-top:9px;font-size:14px;color:var(--ink-soft);line-height:1.65}
  .fmt{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .fchip{border-radius:22px;padding:30px;text-align:left;background:linear-gradient(160deg,#F1F0EC,var(--panel));box-shadow:var(--shadow-card)}
  .fchip .fic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:10.5px;font-weight:640;color:#fff;margin-bottom:18px}
  .fchip b{font-size:17px;font-weight:580;display:block;font-family:var(--display);letter-spacing:-.01em;color:var(--ink)}
  .fchip span{display:block;margin-top:5px;font-size:13px;color:var(--ink-soft)}
  .fic-pdf{background:linear-gradient(160deg,#8a3b3b,#6d2727)}
  .flow{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;gap:0}
  .fnode{border-radius:20px;padding:28px;text-align:center}
  .fnode b{display:block;font-family:var(--display);font-weight:580;font-size:19px;letter-spacing:-.01em}
  .fnode span{display:block;margin-top:6px;font-size:13px;color:var(--ink-soft)}
  .flink{height:2px;background-image:linear-gradient(90deg,var(--burg) 40%,transparent 40%);background-size:10px 2px;
    animation:dashmove 1.2s linear infinite}
  @keyframes dashmove{to{background-position:10px 0}}

  /* knowledge */
  .readlog{border-radius:24px;padding:30px 34px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:13px;line-height:2.2;color:var(--ivory-soft);min-height:340px;
    background:linear-gradient(160deg,#201B17,#141110 70%);border:1px solid rgba(255,255,255,.1);
    box-shadow:var(--shadow-dark);-webkit-backdrop-filter:none;backdrop-filter:none}
  .readlog .tl{opacity:0;transform:translateY(4px);transition:opacity .5s,transform .5s}
  .readlog .tl.on{opacity:1;transform:none}
  .readlog i{font-style:normal;color:var(--gold)}
  .bigquote{font-family:var(--display);font-weight:560;font-size:clamp(26px,2.6vw,44px);line-height:1.3;
    letter-spacing:-.015em;max-width:30ch}

  /* verification */
  .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .tri{border-radius:22px;padding:32px;min-height:230px}
  .tri b{font-family:var(--display);font-weight:580;font-size:22px;display:block;letter-spacing:-.012em;margin-bottom:10px}
  .tri p{font-size:14px;line-height:1.65}
  .tri-paper{background:var(--paper);border:1px solid var(--line)}
  .tri-paper p{color:var(--ink-soft)}
  .tri-beige{background:linear-gradient(160deg,#EFE9DD,var(--beige));box-shadow:var(--shadow-card)}
  .tri-beige p{color:var(--ink-soft)}
  .tri-dark{background:linear-gradient(160deg,var(--dark2),var(--dark));color:var(--ivory);box-shadow:var(--shadow-dark)}
  .tri-dark p{color:var(--ivory-soft)}
  .silent{display:inline-block;padding:3px 12px;border-radius:7px;background:rgba(244,241,235,.1);
    border:1px solid var(--lined);font-size:13px;letter-spacing:.06em;color:var(--ivory)}
  .honest{border-radius:26px;padding:clamp(36px,4vw,60px);background:var(--bg2);border:1px solid var(--line);
    display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,80px)}
  .honest h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.018em}
  .honest p{margin-top:14px;color:var(--ink-soft);line-height:1.7;font-size:15.5px}

  /* resources */
  .rfeat{border-radius:30px;padding:clamp(36px,4.5vw,72px);min-height:380px;display:flex;flex-direction:column;
    justify-content:flex-end;gap:16px;position:relative;overflow:hidden;color:var(--ivory);
    background:linear-gradient(155deg,#7a2940 0%,var(--burg2) 55%,#30101a 100%);
    box-shadow:0 40px 90px -30px rgba(87,26,42,.55);transition:transform .4s var(--ease)}
  .rfeat::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.4;mix-blend-mode:overlay;pointer-events:none}
  .rfeat:hover{transform:translateY(-4px)}
  .rmeta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--ivory-soft);position:relative;z-index:2}
  .rtag{padding:6px 14px;border-radius:999px;border:1px solid var(--lined);background:rgba(244,241,235,.08);
    font-weight:560;letter-spacing:.05em;font-size:11.5px;text-transform:uppercase}
  .rfeat h3{font-size:clamp(30px,3.4vw,58px);letter-spacing:-.02em;line-height:1.08;max-width:20ch;position:relative;z-index:2}
  .rfeat p{max-width:62ch;color:var(--ivory-soft);font-size:15.5px;line-height:1.65;position:relative;z-index:2}
  .rfeat .go{position:relative;z-index:2;margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:560;font-size:14.5px}
  .rgrid{display:grid;grid-template-columns:7fr 5fr;gap:14px;margin-top:14px}
  .rcard{border-radius:26px;padding:clamp(30px,3vw,48px);display:flex;flex-direction:column;justify-content:flex-end;
    gap:14px;min-height:320px;background:linear-gradient(160deg,var(--dark2),var(--dark));color:var(--ivory);
    box-shadow:var(--shadow-dark);transition:transform .4s var(--ease)}
  .rcard:hover{transform:translateY(-4px)}
  .rcard h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.018em;line-height:1.15;max-width:22ch}
  .rcard p{color:var(--ivory-soft);font-size:14.5px;line-height:1.65;max-width:56ch}
  .roiprom{border-radius:26px;padding:clamp(30px,3vw,48px);display:flex;flex-direction:column;justify-content:space-between;
    gap:20px;min-height:320px;transition:transform .4s var(--ease)}
  .roiprom:hover{transform:translateY(-4px)}
  .roiprom h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.018em}
  .roiprom p{color:var(--ink-soft);font-size:14.5px}
  .roiprom .bignum{font-family:var(--display);font-weight:560;font-size:clamp(40px,3.6vw,64px);letter-spacing:-.02em;line-height:1}
  .roiprom .bignum span{display:block;font-family:var(--sans);font-size:13px;color:var(--ink-soft);font-weight:480;letter-spacing:0;margin-top:10px}

  /* roi calculator */
  .roigrid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(20px,2.5vw,40px);align-items:start}
  .roipanel{border-radius:26px;padding:clamp(26px,2.6vw,42px);position:sticky;top:104px}
  .roipanel .cur{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(20,19,16,.05);margin-bottom:28px}
  .cur button{appearance:none;border:0;background:transparent;font-family:var(--sans);font-size:13px;font-weight:560;
    padding:7px 16px;border-radius:999px;cursor:pointer;color:var(--ink-soft);transition:all .2s}
  .cur button.on{background:var(--ink);color:var(--ivory)}
  .ctrl{padding:20px 0;border-top:1px solid var(--line)}
  .ctrl:first-of-type{border-top:0;padding-top:0}
  .ctrl .lab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
  .ctrl .lab label{font-size:14px;font-weight:540}
  .ctrl .lab output{font-family:var(--display);font-weight:580;font-size:22px;letter-spacing:-.01em}
  .ctrl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer;margin:0}
  .ctrl input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;
    background:linear-gradient(90deg,var(--burg) var(--fill,50%),rgba(20,19,16,.12) var(--fill,50%))}
  .ctrl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;
    margin-top:-8.5px;background:#fff;border:1.5px solid rgba(20,19,16,.16);
    box-shadow:0 3px 10px rgba(56,44,32,.3),inset 0 0 0 5px #fff,inset 0 0 0 12px var(--burg)}
  .ctrl input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:rgba(20,19,16,.12)}
  .ctrl input[type=range]::-moz-range-progress{height:5px;border-radius:3px;background:var(--burg)}
  .ctrl input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--burg);border:5px solid #fff;box-shadow:0 3px 10px rgba(56,44,32,.3)}
  .roiout{display:flex;flex-direction:column;gap:14px}
  .rores{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .rocell{border-radius:24px;padding:clamp(26px,2.4vw,40px)}
  .rocell.wide{grid-column:1 / -1;background:linear-gradient(160deg,var(--dark2),var(--dark));color:var(--ivory);box-shadow:var(--shadow-dark)}
  .rocell.beige{background:linear-gradient(160deg,#EFE9DD,var(--beige));box-shadow:var(--shadow-card)}
  .rocell.paper{background:var(--paper);border:1px solid var(--line)}
  .rocell .k{font-size:13.5px;font-weight:540;color:var(--ink-soft)}
  .rocell.wide .k{color:var(--ivory-soft)}
  .rocell .v{font-family:var(--display);font-weight:560;letter-spacing:-.025em;line-height:1;
    font-size:clamp(52px,5.4vw,104px);margin-top:14px}
  .rocell .v small{font-size:.38em;font-weight:520;letter-spacing:0;color:var(--ink-soft);margin-left:8px}
  .rocell.wide .v small{color:var(--ivory-soft)}
  .rocell .sub{margin-top:14px;font-size:13.5px;color:var(--ink-soft);line-height:1.6}
  .rocell.wide .sub{color:var(--ivory-mut)}
  .roibars{border-radius:24px;padding:clamp(26px,2.4vw,40px);background:var(--paper);border:1px solid var(--line)}
  .roibars .k{font-size:13.5px;font-weight:540;color:var(--ink-soft);margin-bottom:26px;display:block}
  .rb-plot{display:flex;align-items:flex-end;gap:6px;height:150px}
  .rb{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end;position:relative}
  .rb i{font-style:normal;display:block;width:100%;max-width:34px;border-radius:4px 4px 0 0;background:var(--burg);
    transition:height .6s var(--ease);min-height:3px}
  .rb span{font-size:10.5px;color:var(--ink-mut)}
  .rb .cap{position:absolute;top:-24px;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}
  .roinote{font-size:12.5px;color:var(--ink-mut);padding:0 8px}

  /* security */
  .gates{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
  .gate{border-radius:20px;padding:24px;background:var(--paper);border:1px solid var(--line)}
  .gate b{display:block;font-family:var(--display);font-weight:580;font-size:19px;letter-spacing:-.01em;margin-bottom:7px}
  .gate p{font-size:13px;color:var(--ink-soft);line-height:1.55}
  .parity{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .par{display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:16px;background:var(--bg2)}
  .par i{font-style:normal;width:26px;height:26px;border-radius:50%;background:rgba(110,35,56,.1);color:var(--burg);
    display:grid;place-items:center;font-size:13px;flex:none}
  .par span{font-size:14.5px;font-weight:540}
  .notdo{border-radius:26px;padding:clamp(36px,4vw,60px);background:linear-gradient(160deg,var(--dark2),var(--dark));
    color:var(--ivory);box-shadow:var(--shadow-dark);display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,80px)}
  .notdo h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.018em}
  .ndl{margin:24px 0 0;padding:0;list-style:none}
  .ndl li{padding:14px 0;border-top:1px solid var(--lined);font-size:15px;color:var(--ivory-soft)}
  .papertrail{display:flex;flex-direction:column;gap:12px}
  .pt{border-radius:16px;padding:18px 22px;background:rgba(244,241,235,.06);border:1px solid var(--lined)}
  .pt b{display:block;font-size:14.5px;font-weight:560}
  .pt span{font-size:12.5px;color:var(--ivory-mut)}

  /* ---------- landing ---------- */
  .lhero{position:relative;min-height:100dvh;display:flex;align-items:center;overflow:clip;
    background:radial-gradient(1100px 640px at 68% 34%,#fff 0%,var(--bg) 52%,var(--bg2) 100%);padding:110px 0 60px}
  .lgrid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(40px,5vw,90px);align-items:center;width:100%}
  .lcopy h1{font-size:clamp(44px,4.6vw,84px);letter-spacing:-.022em;line-height:1.05;padding-bottom:6px}
  .lcopy .lede{margin:24px 0 36px;max-width:44ch}
  .lctas{display:flex;gap:14px;flex-wrap:wrap}
  .lart{position:relative}
  .lart .xc-out{position:absolute;animation:xdrift var(--dur,12s) ease-in-out var(--del,0s) infinite alternate}
  .lreturn{position:absolute;left:26px;bottom:-26px;display:inline-flex;align-items:center;gap:11px;padding:12px 18px 12px 13px;
    border-radius:14px;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
  .lreturn.on{opacity:1;transform:none}
  .lreturn b{display:block;font-size:12.5px;font-weight:580;color:var(--ink)}
  .lreturn span{font-size:11px;color:var(--ink-mut)}

  /* ---------- outlook surface ---------- */
  .ol{border-radius:14px;overflow:hidden;background:#fff;color:#242424;text-align:left;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:13px;line-height:1.45;
    box-shadow:0 44px 96px -32px rgba(40,30,22,.45),0 0 0 1px rgba(20,19,16,.08)}
  .ol-top{background:linear-gradient(180deg,#1173C9,#0B62B0);height:42px;display:flex;align-items:center;padding:0 14px;gap:7px}
  .ol-dot{width:11px;height:11px;border-radius:50%;flex:none}
  .ol-search{margin:0 auto;background:rgba(255,255,255,.22);color:#EAF3FB;border-radius:8px;height:26px;
    display:inline-flex;align-items:center;gap:7px;padding:0 72px 0 12px;font-size:12px}
  .ol-tool{display:flex;align-items:center;gap:18px;padding:9px 14px;border-bottom:1px solid #E8E6E3;color:#5A5854;font-size:12.5px}
  .ol-new{background:#0F6CBD;color:#fff;border-radius:7px;padding:7px 14px;font-weight:600;font-size:12.5px}
  .ol-body{display:grid;grid-template-columns:200px 288px 1fr;min-height:460px}
  .ol-side{border-right:1px solid #EDEBE9;padding:10px 8px;color:#424242;font-size:12.5px}
  .ol-side .sh{font-weight:700;padding:7px 10px;color:#242424}
  .ol-side .si{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:6px}
  .ol-side .si.on{background:#E8F1FA;color:#0F6CBD;font-weight:600}
  .ol-side .si em{font-style:normal;font-size:11.5px;color:#8A8886}
  .ol-list{border-right:1px solid #EDEBE9}
  .ol-tabs{display:flex;gap:6px;padding:10px 12px 6px}
  .ol-tab{padding:5px 13px;border-radius:999px;font-weight:600;font-size:12px;color:#616161}
  .ol-tab.on{background:#E8F1FA;color:#0F6CBD}
  .ol-row{display:flex;gap:10px;padding:11px 12px;border-top:1px solid #F1EFED;align-items:flex-start}
  .ol-row.on{background:#F3F9FE;box-shadow:inset 3px 0 0 #0F6CBD}
  .ol-av{width:32px;height:32px;border-radius:50%;color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center;flex:none}
  .ol-row .orb{min-width:0;flex:1}
  .ol-row b{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;gap:8px}
  .ol-row b em{font-style:normal;font-weight:400;font-size:11.5px;color:#8A8886;flex:none}
  .ol-row .os{color:#0F6CBD;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ol-row .op{color:#8A8886;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ol-read{padding:18px 24px;min-width:0}
  .ol-read .osub{font-size:17px;font-weight:700;color:#242424;padding-bottom:14px;border-bottom:1px solid #EDEBE9;margin-bottom:6px;
    display:flex;align-items:center;justify-content:space-between;gap:14px}
  .ol-fileit{border:1px solid #D2D0CE;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;color:#424242;
    background:#fff;display:inline-flex;align-items:center;gap:7px;flex:none;white-space:nowrap}
  .olwrap{position:relative;max-width:1240px;margin:0 auto}
  .ol-note{position:absolute;top:-28px;right:-16px;z-index:6;border-radius:16px;padding:13px 18px 13px 16px;pointer-events:none;
    animation:xdrift 11s ease-in-out -2s infinite alternate;--amp:10px}
  .ol-note b{display:block;font-family:var(--display);font-size:15px;font-weight:580;letter-spacing:-.01em;color:var(--ink)}
  .ol-note span{display:block;font-size:12px;color:var(--ink-soft);margin-top:2px}
  .ol-eml{padding:14px 0;border-top:1px solid #F1EFED}
  .ol-eml:first-of-type{border-top:0}
  .ol-eh{display:flex;gap:10px;align-items:center;margin-bottom:9px}
  .ol-eh b{font-size:13px}
  .ol-eh span{display:block;font-size:11.5px;color:#8A8886}
  .ol-eb{font-size:13px;color:#3B3A39;max-width:56ch}
  .ol-att{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:9px 14px 9px 10px;border-radius:8px;
    border:1px solid #E1DFDD;background:#FAF9F8}
  .ol-att .fic{width:30px;height:30px;border-radius:7px;font-size:8.5px;display:grid;place-items:center;font-weight:700;color:#fff}
  .ol-att b{display:block;font-size:12px;color:#242424}
  .ol-att span{font-size:11px;color:#8A8886}
  .ol-acts{display:flex;gap:8px;margin-top:14px}
  .ol-acts span{border:1px solid #D2D0CE;border-radius:6px;padding:6px 16px;font-size:12.5px;font-weight:600;color:#424242}
  .ol-fld{display:flex;align-items:baseline;gap:10px;padding:11px 4px;border-bottom:1px solid #EDEBE9;font-size:13px}
  .ol-fld label{color:#605E5C;min-width:56px;font-size:13px}
  .ol-fld .chip{background:#E8F1FA;color:#0F6CBD;border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600}
  .ol-mini .ol-body2{padding:4px 18px 20px}
  .ol-type{padding:18px 4px 8px;font-size:13.5px;color:#242424;min-height:76px}
  .ol-save{text-align:right;font-size:11.5px;color:#8A8886;padding:8px 4px 0}

  /* ---------- landing question band ---------- */
  .qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .qc{border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:18px;justify-content:space-between;
    transition:transform .4s var(--ease)}
  .qc:hover{transform:translateY(-4px)}
  .qc .q{font-family:var(--display);font-weight:570;font-size:clamp(19px,1.5vw,23px);line-height:1.32;letter-spacing:-.012em}
  .qc .a{font-size:13.5px;color:var(--ink-soft);line-height:1.6;padding-top:16px;border-top:1px solid var(--line)}
  .qc .a b{color:var(--burg);font-weight:580}
  .qmore{margin-top:34px}

  /* ---------- why page ---------- */
  .qreg{display:flex;flex-direction:column}
  .qr{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,80px);padding:clamp(28px,3vw,44px) 0;border-top:1px solid var(--line)}
  .qr:last-child{border-bottom:1px solid var(--line)}
  .qr h3{font-size:clamp(22px,2vw,32px);letter-spacing:-.016em;line-height:1.25;max-width:24ch}
  .qr .a p{color:var(--ink-soft);font-size:15.5px;line-height:1.7;max-width:52ch}
  .qr .chips{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
  .qr .chips i{font-style:normal;padding:7px 14px;border-radius:999px;background:rgba(110,35,56,.07);color:var(--burg);
    font-size:12.5px;font-weight:560}
  .kindx{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .kx{border-radius:22px;padding:32px;background:rgba(244,241,235,.05);border:1px solid var(--lined)}
  .kx b{font-family:var(--display);font-weight:580;font-size:21px;display:block;margin-bottom:12px;letter-spacing:-.012em}
  .kx p{color:var(--ivory-soft);font-size:14.5px;line-height:1.7}
  .kthird{margin-top:clamp(40px,4vw,64px);font-family:var(--display);font-weight:560;font-size:clamp(24px,2.4vw,40px);
    line-height:1.3;letter-spacing:-.015em;max-width:32ch}
  .kthird em{font-style:italic;font-weight:520}

  /* ---------- email thread demo ---------- */
  .esub{font-family:var(--display);font-size:17px;font-weight:580;letter-spacing:-.01em;color:var(--ivory);
    padding-bottom:14px;border-bottom:1px solid var(--lined)}
  .eml{border:1px solid var(--lined);border-radius:16px;padding:18px 22px;background:rgba(244,241,235,.045);max-width:640px}
  .eh{display:flex;gap:11px;align-items:center;margin-bottom:11px}
  .eav{width:34px;height:34px;border-radius:50%;background:rgba(244,241,235,.14);color:var(--ivory);
    display:grid;place-items:center;font-size:12.5px;font-weight:600;flex:none}
  .eav-s{background:linear-gradient(160deg,var(--burglt),var(--burg2))}
  .eh b{display:block;font-size:13.5px;color:var(--ivory);font-weight:580}
  .eh span{display:block;font-size:11.5px;color:var(--ivory-mut)}
  .eb{font-size:14px;color:var(--ivory-soft);line-height:1.65;max-width:56ch}
  .eacts{display:flex;gap:8px;margin-top:14px}
  .eacts span{border:1px solid var(--lined);border-radius:999px;padding:6px 16px;font-size:12px;font-weight:560;color:var(--ivory-soft)}

  /* ---------- product hero, left composition ---------- */
  #hero{display:flex;align-items:center;background:radial-gradient(1100px 660px at 30% 38%,rgba(255,255,255,.85) 0%,rgba(250,250,249,.5) 52%,rgba(242,241,237,.32) 100%)}
  .hero-core{width:100%;max-width:1640px;margin:0 auto;text-align:left;padding:96px clamp(24px,4vw,64px) 40px}
  .hero-core h1{max-width:23ch;font-size:clamp(40px,4.2vw,76px)}
  .hero-core .lede{margin:26px 0 38px;max-width:42ch}
  .hero-ctas{justify-content:flex-start}

  /* ---------- landing question sequence ---------- */
  .qshead h2{font-size:clamp(36px,3.8vw,66px);letter-spacing:-.022em;line-height:1.12;max-width:20ch;padding-bottom:8px}
  .qshead h2 em{font-style:italic;font-weight:520}
  .qs-track{position:relative;height:560dvh}
  .qs-stick{position:sticky;top:0;min-height:100dvh;display:grid;place-items:center;overflow:clip}
  .qs-stick::before{content:"";position:absolute;left:50%;top:50%;width:1200px;height:760px;transform:translate(-50%,-50%);
    background:radial-gradient(closest-side,rgba(154,53,80,.08),transparent 70%);pointer-events:none}
  .qs-card{grid-area:1/1;width:min(1080px,calc(100vw - 44px));border-radius:32px;padding:clamp(32px,4vw,64px);
    display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(24px,4vw,70px);align-items:center;
    will-change:transform,opacity;opacity:0;position:relative;isolation:isolate;overflow:hidden}
  .qs-card::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.3;mix-blend-mode:overlay;pointer-events:none}
  .qs-card .q{font-family:var(--display);font-weight:570;font-size:clamp(27px,2.9vw,48px);line-height:1.18;letter-spacing:-.02em;padding-bottom:4px}
  .qs-card .qa{margin-top:22px;font-size:15.5px;line-height:1.7;max-width:52ch}
  .qs-card .qa b{font-weight:620}
  .qs-art{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
  .qs-chip{display:inline-flex;align-items:center;gap:11px;padding:12px 18px 12px 13px;border-radius:14px}
  .qs-chip .fic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;font-size:9.5px;font-weight:640;color:#fff}
  .qs-chip b{display:block;font-size:12.5px;font-weight:580}
  .qs-chip span{display:block;font-size:11px}
  .qs-light{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.32)),rgba(252,252,250,.5);
    -webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);
    border:1px solid rgba(255,255,255,.66);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),0 40px 90px -32px rgba(56,44,32,.4)}
  .qs-light .qa{color:var(--ink-soft)} .qs-light .qa b{color:var(--burg)}
  .qs-light .qs-chip{background:rgba(255,255,255,.6);border:1px solid rgba(20,19,16,.09);color:var(--ink)}
  .qs-light .qs-chip span{color:var(--ink-mut)}
  .qs-dark{background:linear-gradient(160deg,rgba(34,28,24,.9),rgba(20,17,16,.94));color:var(--ivory);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 90px -32px rgba(0,0,0,.55)}
  .qs-dark .qa{color:var(--ivory-soft)} .qs-dark .qa b{color:var(--ivory)}
  .qs-dark .qs-chip{background:rgba(244,241,235,.08);border:1px solid var(--lined);color:var(--ivory)}
  .qs-dark .qs-chip span{color:var(--ivory-mut)}
  .qs-beige{background:linear-gradient(160deg,rgba(240,234,222,.92),rgba(231,225,213,.94));color:var(--ink);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),0 40px 90px -32px rgba(56,44,32,.42)}
  .qs-beige .qa{color:var(--ink-soft)} .qs-beige .qa b{color:var(--burg)}
  .qs-beige .qs-chip{background:rgba(255,255,255,.55);border:1px solid rgba(20,19,16,.09);color:var(--ink)}
  .qs-beige .qs-chip span{color:var(--ink-mut)}
  .qs-burg{background:linear-gradient(155deg,rgba(124,42,65,.94),rgba(87,26,42,.96));color:var(--ivory);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 40px 90px -32px rgba(64,19,31,.6)}
  .qs-burg .qa{color:var(--ivory-soft)} .qs-burg .qa b{color:var(--ivory)}
  .qs-burg .qs-chip{background:rgba(244,241,235,.1);border:1px solid var(--lined);color:var(--ivory)}
  .qs-burg .qs-chip span{color:var(--ivory-mut)}
  .fic-zip{background:linear-gradient(160deg,#57544e,#3B3934)}

  /* ---------- devices / iphone ---------- */
  .iph{width:296px;height:600px;border-radius:52px;position:relative;
    background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.16));
    -webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);
    border:1.5px solid rgba(255,255,255,.75);outline:1px solid rgba(20,19,16,.09);outline-offset:-3px;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.9),0 50px 100px -34px rgba(56,44,32,.5);
    animation:xdrift 12s ease-in-out infinite alternate;--amp:12px}
  .iph::before{content:"";position:absolute;top:24px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:999px;background:#131110;z-index:3}
  .iph::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.4) 44%,transparent 55%)}
  .iph-scr{position:absolute;inset:11px;border-radius:42px;background:#FBFAF8;overflow:hidden;
    font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#1c1c1e}
  .iphbar{display:flex;align-items:center;justify-content:space-between;padding:64px 16px 12px;border-bottom:1px solid #ECEAE7}
  .iphbar span{font-size:13px;color:#0A84FF}
  .iphbar b{font-size:13.5px;font-weight:600}
  .iph-send{width:28px;height:28px;border-radius:50%;background:#0A84FF;display:grid;place-items:center}
  .iph-fld{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid #F0EEEB;font-size:12.5px;color:#8A8886}
  .iph-fld b{color:#1c1c1e;font-weight:400}
  .iph-chip{background:#E8F1FA;color:#0A66C2;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}
  .iph-body{padding:16px;font-size:13px;line-height:1.6;color:#1c1c1e}
  .iph-body .cursor{background:#1c1c1e}

  /* ---------- product breadth ---------- */
  .brgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .brc{border-radius:20px;padding:26px}
  .brc b{font-family:var(--display);font-weight:580;font-size:19px;display:block;margin-bottom:8px;letter-spacing:-.01em}
  .brc p{font-size:13.5px;color:var(--ink-soft);line-height:1.6}
  .brfinal{margin-top:clamp(44px,4.5vw,68px);font-family:var(--display);font-weight:560;font-size:clamp(24px,2.5vw,42px);
    letter-spacing:-.016em;line-height:1.28;max-width:30ch}
  .brfinal em{font-style:italic;font-weight:520}
  .bc-dark .minilog{background:rgba(244,241,235,.07);color:var(--ivory-soft)}

  /* ---------- access page ---------- */
  .axwrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,5vw,90px);align-items:center;
    min-height:100dvh;padding:120px clamp(24px,4vw,64px) 70px}
  .axcopy h1{font-size:clamp(42px,4.6vw,80px);letter-spacing:-.022em;line-height:1.05;max-width:13ch;padding-bottom:6px}
  .axcopy .lede{margin-top:22px;max-width:44ch}
  .axcopy .promlist{margin-top:34px;margin-bottom:0;max-width:480px}
  .axpanel{border-radius:32px;padding:clamp(20px,2.4vw,40px);position:relative;overflow:hidden;
    background:linear-gradient(165deg,#4a1626 0%,var(--burg2) 50%,#2a0d15 100%)}
  .axpanel::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.35;mix-blend-mode:overlay;pointer-events:none}
  .axpanel .aform{position:relative;z-index:2}

  /* ---------- demo glass polish ---------- */
  #sec-demo{position:relative;overflow:clip;width:100%;max-width:none;margin-left:0;margin-right:0;border-radius:0}
  #sec-demo{background:
    radial-gradient(58% 76% at 16% 8%,rgba(178,96,122,.5),transparent 62%),
    radial-gradient(50% 64% at 86% 20%,rgba(226,182,158,.32),transparent 66%),
    radial-gradient(46% 60% at 62% 96%,rgba(154,53,80,.42),transparent 68%),
    radial-gradient(70% 90% at 30% 112%,rgba(96,38,54,.55),transparent 72%),
    linear-gradient(168deg,#301722 0%,#20101A 52%,#2A1420 100%)}
  .db-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;
    transform:scale(1.05);filter:saturate(.95) contrast(1.05) brightness(.74)}
  .db-warm{position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(85% 65% at 60% 78%,rgba(206,150,110,.1),transparent 72%)}
  .db-shade{position:absolute;inset:0;background:
    linear-gradient(180deg,rgba(14,10,12,.8) 0%,rgba(14,10,12,.52) 24%,rgba(14,10,12,.34) 46%,rgba(14,10,12,.34) 72%,rgba(14,10,12,.62) 100%)}
  #sec-demo::before{content:"";position:absolute;left:50%;top:60%;width:1000px;height:640px;transform:translate(-50%,-50%);
    background:radial-gradient(closest-side,rgba(154,53,80,.15),transparent 70%);pointer-events:none}
  #sec-demo .wrap{position:relative;z-index:2}
  .inboxx{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(26,22,20,.55);
    -webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);
    border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.18),0 44px 96px -32px rgba(0,0,0,.62)}
  .eml{background:linear-gradient(135deg,rgba(244,241,235,.09),rgba(244,241,235,.03));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  .ib-row{transition:background .25s}
  .ib-row.on{background:rgba(244,241,235,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

  @media (max-width:980px){
    .qs-card{grid-template-columns:1fr}
    .qs-card .q{font-size:clamp(24px,6vw,32px)}
    .axwrap{grid-template-columns:1fr;padding-top:130px}
    .brgrid{grid-template-columns:1fr}
    .hero-core h1{max-width:none}
  }
  @media (prefers-reduced-motion:reduce){
    .qs-track{height:auto}
    .qs-stick{position:static;min-height:0;display:flex;flex-direction:column;gap:24px;padding:24px 0}
    .qs-card{opacity:1;grid-area:auto;margin:0 auto}
  }

  /* ---------- why solicia: comparison lens ---------- */
  .lens{position:relative;height:min(580px,74vh);border-radius:30px;overflow:hidden;isolation:isolate;cursor:ew-resize;
    touch-action:pan-y;box-shadow:0 44px 96px -32px rgba(56,44,32,.45),0 0 0 1px rgba(20,19,16,.07)}
  .lens-a{position:absolute;inset:0;background:#E9E9E7;display:flex;align-items:center;justify-content:flex-start;
    padding:30px 30px 30px clamp(24px,6vw,100px)}
  .la-chat{max-width:520px;display:flex;flex-direction:column;gap:12px}
  .la-q{align-self:flex-end;background:#D6D6D3;border-radius:16px 16px 4px 16px;padding:12px 17px;font-size:13.5px;color:#3A3A38;max-width:330px}
  .la-a{background:#F4F4F2;border-radius:16px 16px 16px 4px;padding:16px 19px;font-size:13.5px;line-height:1.65;color:#6C6C68}
  .la-foot{font-size:11.5px;color:#98988F;letter-spacing:.04em}
  .lens-b{position:absolute;inset:0;background:radial-gradient(900px 520px at 78% 40%,#fff,var(--bg) 72%);
    display:flex;align-items:center;justify-content:flex-end;padding:30px clamp(24px,6vw,100px) 30px 30px;
    clip-path:inset(0 0 0 var(--cut,55%))}
  .lens-tag{position:absolute;top:22px;left:26px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
    color:#8A8A84;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.6);z-index:3}
  .lens-tag-b{left:auto;right:26px;background:rgba(110,35,56,.09);color:var(--burg)}
  .lb-art{width:min(560px,92%);border-radius:20px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card);padding:22px 24px}
  .lb-head{display:flex;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:6px}
  .lb-head .fic{width:34px;height:34px;border-radius:9px;font-size:9px;display:grid;place-items:center;font-weight:640;color:#fff;flex:none}
  .lb-head b{display:block;font-size:13px}
  .lb-head span{font-size:11px;color:var(--ink-mut)}
  .lb-row{display:grid;grid-template-columns:1.3fr .5fr .9fr;gap:10px;padding:9px 2px;font-size:12.5px;border-top:1px solid rgba(20,19,16,.05);align-items:baseline}
  .lb-rh{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mut);border-top:0}
  .lb-src{color:var(--burg);font-weight:560;font-size:11.5px}
  .lb-sil{color:var(--ink-mut);letter-spacing:.04em}
  .lb-foot{margin-top:12px;font-size:11.5px;color:var(--ink-soft)}
  .lens-bar{position:absolute;top:0;bottom:0;left:var(--cut,55%);width:0;z-index:4;pointer-events:none}
  .lens-bar::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:rgba(255,255,255,.92);
    box-shadow:0 0 0 1px rgba(20,19,16,.14),0 0 26px rgba(0,0,0,.2)}
  .lens-grip{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;
    display:grid;place-items:center;color:var(--ink);
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.5));
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(56,44,32,.38),inset 0 1px 0 #fff}
  .lens-note{margin-top:14px;text-align:center;font-size:12px;color:var(--ink-mut)}

  /* ---------- why solicia: cross-examination ---------- */
  .xam{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,4vw,70px);align-items:start}
  /* Unselected questions clamp to two lines so the column stays a scannable
     list; the open one unfurls to its full text. */
  .xam-qs button{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
    width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);
    padding:17px 8px 17px 4px;font-family:var(--display);font-size:clamp(16px,1.32vw,20px);font-weight:570;
    letter-spacing:-.012em;line-height:1.34;color:var(--ink-mut);cursor:pointer;transition:color .3s,padding .3s var(--ease),box-shadow .3s}
  .xam-qs button:last-child{border-bottom:1px solid var(--line)}
  .xam-qs button:hover{color:var(--ink-soft)}
  .xam-qs button.on{color:var(--ink);padding-left:20px;box-shadow:inset 3px 0 0 var(--burg);-webkit-line-clamp:6}
  /* The screen is a fixed pane of glass sitting on the page, not a card that
     resizes to whatever artefact is showing. */
  .xam-stage{position:sticky;top:104px}
  .xam-screen{position:relative;isolation:isolate;border-radius:28px;overflow:hidden;
    height:clamp(340px,32vw,436px);padding:clamp(15px,1.5vw,24px);
    background:
      radial-gradient(130% 105% at 12% -12%,rgba(255,255,255,.92),rgba(255,255,255,.26) 46%,transparent 74%),
      linear-gradient(152deg,rgba(255,255,255,.66),rgba(255,255,255,.2) 54%,rgba(233,226,214,.36));
    -webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);
    border:1px solid rgba(255,255,255,.78);outline:1px solid rgba(20,19,16,.05);outline-offset:-2px;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.45),
      0 44px 90px -38px rgba(56,44,32,.46),0 8px 24px -14px rgba(56,44,32,.2)}
  .xam-screen::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
    background:linear-gradient(180deg,transparent 80%,rgba(250,250,249,.5))}
  .xam-a{font-size:clamp(16px,1.3vw,19px);line-height:1.75;color:var(--ink);
    min-height:118px;margin-top:clamp(20px,2vw,28px);max-width:46ch}
  .xam-stage .cursor{background:var(--ink)}
  .fic-sol{background:linear-gradient(160deg,#8d3149,var(--burg))}
  .xl-in{color:#1F4E9C;font-weight:600;background:#F3F7FD}
  .xam-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
  .xam-chips i{font-style:normal;padding:8px 15px;border-radius:999px;background:rgba(110,35,56,.08);color:var(--burg);
    font-size:12.5px;font-weight:560;opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
  .xam-chips i.on{opacity:1;transform:none}

  /* ---------- why solicia: triptych ---------- */
  .trip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;perspective:1500px}
  .tp{border-radius:24px;padding:26px;min-height:360px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;
    transition:transform .5s var(--ease),opacity .5s}
  .tp b{font-family:var(--display);font-weight:580;font-size:20px;letter-spacing:-.012em}
  .tp p{font-size:13.5px;color:var(--ivory-soft);line-height:1.6}
  .tp-vis{flex:1;display:grid;place-items:center;padding:12px 0 22px}
  .tp-dim{background:rgba(244,241,235,.04);border:1px solid var(--lined);opacity:.6}
  .tp-dim:first-child{transform:rotateY(6deg)}
  .tp-dim:nth-child(2){transform:rotateY(2deg)}
  .tp-dim:hover{opacity:1;transform:rotateY(0)}
  .tp-hero{background:linear-gradient(155deg,rgba(124,42,65,.45),rgba(87,26,42,.3));
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.17);transform:translateY(-10px) rotateY(-3deg) scale(1.02);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 40px 90px -30px rgba(64,19,31,.65)}
  .tp-hero:hover{transform:translateY(-14px) rotateY(0) scale(1.03)}
  .tb{display:block;border-radius:14px;padding:10px 14px;font-size:12px;line-height:1.5}
  .tb-q{background:rgba(244,241,235,.12);color:var(--ivory);margin-left:auto;max-width:180px;margin-bottom:9px}
  .tb-a{border:1px dashed rgba(244,241,235,.28);color:var(--ivory-mut);max-width:225px}
  .tport{width:200px;border-radius:14px;border:1px solid var(--lined);padding:20px 18px;display:flex;flex-direction:column;gap:9px;background:rgba(244,241,235,.05)}
  .tfield{height:32px;border-radius:8px;border:1px solid var(--lined);font-size:11px;color:var(--ivory-mut);display:flex;align-items:center;padding:0 11px}
  .tbtn{height:32px;border-radius:8px;background:rgba(244,241,235,.15);display:grid;place-items:center;font-size:11.5px;font-weight:560;color:var(--ivory)}
  .tmail{width:236px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(244,241,235,.09);padding:16px;display:flex;flex-direction:column;gap:12px}
  .tm-h{display:flex;gap:9px;align-items:center}
  .tm-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(160deg,var(--burglt),var(--burg2));display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff}
  .tm-h b{font-size:12.5px;display:block;font-family:var(--sans);font-weight:580}
  .tm-h div span{display:block;font-size:10.5px;color:var(--ivory-mut)}
  .tm-file{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:7px 12px 7px 7px;font-size:11.5px;color:var(--ivory)}
  .tm-file .fic{width:26px;height:26px;font-size:7.5px;border-radius:7px;display:grid;place-items:center;font-weight:640;color:#fff}

  /* ---------- why solicia: scroll-lit reasons ---------- */
  .wl-stick{position:sticky;top:120px}
  .whylines{display:flex;flex-direction:column;gap:clamp(34px,4.5vw,60px);padding:16px 0 40px}
  .wl{font-family:var(--display);font-weight:570;font-size:clamp(21px,2vw,32px);line-height:1.35;letter-spacing:-.015em;
    color:rgba(20,19,16,.16);transition:color .7s var(--ease);padding-bottom:4px}
  .wl.lit{color:var(--ink)}

  @media (max-width:980px){
    .xam{grid-template-columns:1fr}
    .xam-stage{position:static}
    .trip{grid-template-columns:1fr}
    .tp-dim:first-child,.tp-dim:nth-child(2){transform:none}
    .tp-hero{transform:none}
    .wl-stick{position:static}
    .lens{height:480px}
    .la-chat{max-width:88%}
  }

  /* ---------- checking question + review trail ---------- */
  .chkgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,5vw,90px);align-items:center}
  .chkgrid h2{font-size:clamp(32px,3.1vw,52px);letter-spacing:-.02em}
  .chk-never{font-family:var(--display);font-weight:570;font-size:clamp(26px,2.6vw,42px);letter-spacing:-.018em;line-height:1.2;margin-top:24px;padding-bottom:4px}
  .chk-never em{font-style:italic;font-weight:520}
  .chk-body{margin-top:20px;color:var(--ivory-soft);font-size:15.5px;line-height:1.75;max-width:50ch}
  .chk-earn{margin-top:24px;font-size:14px;color:var(--ivory-mut)}
  .revcard{border-radius:24px;padding:26px 28px;background:linear-gradient(160deg,#201B17,#141110 70%);
    border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-dark)}
  .rev-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--lined);margin-bottom:4px;font-size:12px;color:var(--ivory-mut)}
  .rev-h b{color:var(--ivory);font-weight:580;font-size:13px}
  .rr{display:grid;grid-template-columns:1.15fr .8fr 24px;gap:12px;padding:12px 4px;border-top:1px solid rgba(244,241,235,.06);
    font-size:12.5px;color:var(--ivory-soft);align-items:center;transition:background .4s;border-radius:8px}
  .rr:first-of-type{border-top:0}
  .rr .src{color:var(--goldlt);font-size:11.5px}
  .rr .tick{width:20px;height:20px;border-radius:50%;border:1px solid rgba(244,241,235,.2);display:grid;place-items:center;opacity:.35;transition:all .45s var(--ease)}
  .rr .tick svg{opacity:0;transform:scale(.5);transition:all .4s var(--ease)}
  .rr.done{background:rgba(244,241,235,.035)}
  .rr.done .tick{opacity:1;border-color:rgba(210,135,160,.4);background:rgba(178,96,122,.14)}
  .rr.done .tick svg{opacity:1;transform:none}
  .rev-f{margin-top:16px;font-size:12.5px;color:var(--goldlt);opacity:0;transition:opacity .6s}
  .rev-f.on{opacity:1}

  /* ---------- day ledger ---------- */
  #dayband{padding:clamp(76px,7vw,100px) 0 clamp(40px,4vw,56px)}
  #dayband .sechead{margin-bottom:clamp(24px,2.6vw,36px)}
  .dayled{border-radius:26px;padding:clamp(18px,2.2vw,30px) clamp(26px,3vw,44px);max-width:1000px;margin:0 auto}
  .dl-e{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:11px 2px;border-top:1px solid var(--lined);
    opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease);align-items:baseline}
  .dl-e.on{opacity:1;transform:none}
  .dl-e:first-child{border-top:0}
  .dl-t{font-size:12px;color:var(--ivory-mut);font-variant-numeric:tabular-nums}
  .dl-x{font-size:14px;color:var(--ivory-soft);line-height:1.7}
  .dl-x b{color:var(--ivory);font-weight:560}
  .dl-chip{display:inline-flex;align-items:center;gap:8px;margin-left:10px;padding:5px 12px 5px 6px;border-radius:9px;
    background:rgba(244,241,235,.07);border:1px solid var(--lined);font-size:11.5px;color:var(--ivory);vertical-align:middle}
  .dl-chip .fic{width:22px;height:22px;border-radius:6px;font-size:6.5px;display:grid;place-items:center;font-weight:700;color:#fff}
  @media (max-width:980px){.chkgrid{grid-template-columns:1fr}}

  /* ---------- question deck ---------- */
  .qdeck-wrap{max-width:1020px;margin:0 auto}
  .qdeck{position:relative;height:min(320px,42vh);cursor:pointer;outline:none}
  .qd{position:absolute;inset:0;border-radius:30px;display:grid;place-items:center;padding:clamp(24px,4vw,60px);text-align:center}
  .qd-g1{transform:translateY(16px) scale(.965);opacity:.5}
  .qd-g2{transform:translateY(31px) scale(.93);opacity:.26}
  .qd-top{z-index:3}
  .qd-top p{font-family:var(--display);font-weight:570;font-size:clamp(24px,2.7vw,46px);line-height:1.22;letter-spacing:-.018em;
    max-width:24ch;padding-bottom:5px;
    transition:opacity .4s var(--ease),filter .4s var(--ease),transform .4s var(--ease)}
  .qd-top p.sw{opacity:0;filter:blur(10px);transform:translateY(8px)}
  .qdeck-foot{display:flex;justify-content:center;margin-top:34px}

  /* ---------- knowledge authority tiers ---------- */
  .tiers{display:flex;flex-direction:column;gap:10px;max-width:1000px}
  .tier{border-radius:18px;padding:22px 30px;display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:baseline;
    background:rgba(244,241,235,.05);border:1px solid var(--lined);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .tier b{font-family:var(--display);font-weight:580;letter-spacing:-.014em;line-height:1.2}
  .tier p{color:var(--ivory-mut);font-size:13.5px;line-height:1.6}
  .t1{background:rgba(178,96,122,.12);border-color:rgba(210,135,160,.3)}
  .t1 b{font-size:27px} .t1 p{color:var(--ivory-soft)}
  .t2{margin-left:4%} .t2 b{font-size:23px}
  .t3{margin-left:8%} .t3 b{font-size:20px}
  .t4{margin-left:12%} .t4 b{font-size:17.5px}
  .t5{margin-left:16%;opacity:.68} .t5 b{font-size:15.5px;color:var(--ivory-soft)}

  /* ---------- hallucination test ---------- */
  .hal-q{font-family:var(--display);font-size:clamp(18px,1.5vw,23px);font-weight:570;letter-spacing:-.012em;
    color:var(--ivory);line-height:1.35;margin:20px 0 24px}
  .hal-zone{min-height:150px}
  .hal-ghost{font-size:13.5px;line-height:1.7;color:var(--ivory-mut);border:1px dashed rgba(244,241,235,.26);
    border-radius:14px;padding:14px 18px;max-width:48ch;opacity:0;
    transition:opacity .55s var(--ease),filter .55s var(--ease),transform .55s var(--ease)}
  .hal-ghost i{font-style:normal;display:block;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;
    color:var(--ivory-mut);margin-bottom:7px}
  .hal-ghost.in{opacity:1}
  .hal-ghost.out{opacity:0;filter:blur(7px);transform:translateY(-8px)}
  .hal-silent{display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(10px);
    transition:opacity .55s var(--ease),transform .55s var(--ease);margin-top:18px}
  .hal-silent.in{opacity:1;transform:none}
  .hal-silent .silent{border-color:rgba(210,135,160,.45);font-size:15px;padding:6px 18px}
  .hal-note{font-size:12.5px;color:var(--ivory-soft);max-width:36ch;line-height:1.6}

  /* ---------- light interactive inbox ---------- */
  .inboxx2{max-width:860px;margin:0 auto;border-radius:26px;overflow:hidden;color:var(--ink);
    background:linear-gradient(160deg,rgba(253,253,252,.97),rgba(244,243,239,.94));
    box-shadow:0 50px 110px -34px rgba(0,0,0,.7),inset 0 1.5px 0 #fff}
  .ix-top{display:flex;align-items:center;gap:8px;padding:18px 24px 10px;position:relative}
  .ix-top i{width:10px;height:10px;border-radius:50%;background:rgba(20,19,16,.12)}
  .ix-top span{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mut)}
  .ix-tool{display:flex;align-items:center;gap:16px;padding:8px 24px 16px}
  .ix-compose{appearance:none;border:0;cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:580;
    padding:12px 22px;border-radius:14px;color:var(--ivory);
    background:linear-gradient(180deg,var(--burglt),var(--burg2));
    box-shadow:0 14px 30px -12px rgba(110,35,56,.7),inset 0 1.5px 0 rgba(255,255,255,.32);transition:transform .2s}
  .ix-compose:hover{transform:translateY(-1px)}
  .ix-compose:active{transform:scale(.97)}
  .ix-hint{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mut)}
  .ix-body{position:relative;height:352px;margin:0 24px 24px}
  #ix-thread{gap:9px}
  #ix-thread .ixm{padding:12px 16px}
  #ix-thread .ixm p{line-height:1.5}
  #ix-thread .eh2{margin-bottom:6px}
  #ix-thread .ix-sub{padding-bottom:9px;font-size:16.5px}
  #ix-thread .ix-att{margin-top:9px;padding:8px 13px 8px 9px}
  .ix-again{padding:9px 18px;font-size:13px}
  .ix-view{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(8px);
    transition:opacity .45s var(--ease),transform .45s var(--ease);display:flex;flex-direction:column;gap:12px}
  .ix-view.on{opacity:1;pointer-events:auto;transform:none}
  .ixr{display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:16px;background:#fff;
    border:1px solid rgba(20,19,16,.05);box-shadow:0 10px 26px -14px rgba(56,44,32,.25),inset 0 1px 0 #fff;
    transition:transform .3s}
  .ixr:hover{transform:translateY(-1px)}
  .ixav{width:38px;height:38px;border-radius:50%;background:var(--panel);color:var(--ink-soft);font-size:12.5px;font-weight:620;display:grid;place-items:center;flex:none}
  .ixav-s{background:linear-gradient(160deg,var(--burglt),var(--burg2));color:#fff}
  .ixb{min-width:0;flex:1}
  .ixb b{display:block;font-size:14px;font-weight:600}
  .ixb span{display:block;font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ixt{font-size:12px;color:var(--ink-mut);display:inline-flex;align-items:center;gap:7px;flex:none}
  .ixdot{width:7px;height:7px;border-radius:50%;background:var(--gold);display:none}
  .ixdot.on{display:block}
  .ixr-new{display:none;background:linear-gradient(160deg,#fff,#FBF3F6);border-color:rgba(178,96,122,.32)}
  .ixr-new.show{display:flex;animation:capIn .5s var(--ease) both}
  .ix-card{background:#fff;border-radius:18px;border:1px solid rgba(20,19,16,.06);
    box-shadow:0 16px 40px -18px rgba(56,44,32,.3);padding:20px 26px;display:flex;flex-direction:column}
  .ix-fld{display:flex;gap:12px;align-items:baseline;padding:12px 2px;border-bottom:1px solid rgba(20,19,16,.07);font-size:13.5px}
  .ix-fld label{color:var(--ink-mut);min-width:56px;font-size:12.5px}
  .ix-fld b{font-weight:580}
  .chip2{background:rgba(110,35,56,.08);color:var(--burg);border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:580}
  .ix-typebody{padding:18px 2px 10px;font-size:14px;min-height:88px;color:var(--ink);line-height:1.65}
  .ix-send{align-self:flex-end;font-size:13.5px;font-weight:580;color:var(--ivory);cursor:default;
    background:linear-gradient(180deg,var(--burglt),var(--burg2));padding:9px 28px;border-radius:999px;
    box-shadow:0 12px 26px -12px rgba(110,35,56,.7),inset 0 1.5px 0 rgba(255,255,255,.3);transition:transform .25s}
  .ix-send.pressed{transform:scale(.92)}
  .ix-sub{font-family:var(--display);font-weight:580;font-size:17.5px;letter-spacing:-.01em;padding-bottom:12px;border-bottom:1px solid rgba(20,19,16,.08)}
  .ixm{background:#fff;border-radius:16px;border:1px solid rgba(20,19,16,.05);
    box-shadow:0 10px 26px -14px rgba(56,44,32,.22);padding:16px 20px;max-width:660px}
  .ixm-s{background:linear-gradient(160deg,#fff,#FBF6F2)}
  .eh2{display:flex;gap:10px;align-items:center;margin-bottom:9px}
  .eh2 b{display:block;font-size:13.5px;font-weight:600}
  .eh2 div span{display:block;font-size:11.5px;color:var(--ink-mut)}
  .ixm p{font-size:14px;color:var(--ink-soft);line-height:1.65}
  .ix-att{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:10px 15px 10px 11px;border-radius:12px;
    background:var(--bg2);border:1px solid rgba(20,19,16,.07)}
  .ix-att .fic{width:30px;height:30px;border-radius:8px;font-size:8.5px;display:grid;place-items:center;font-weight:640;color:#fff}
  .ix-att b{display:block;font-size:12.5px;font-weight:580}
  .ix-att span{font-size:11px;color:var(--ink-mut)}

  /* ---------- demo sizing + compose ---------- */
  #sec-demo{padding:clamp(76px,7vw,100px) 0 clamp(32px,3.2vw,44px)}
  #sec-demo .sechead{margin-bottom:clamp(20px,2.2vw,30px)}
  .ib-body{min-height:0;height:440px}
  .ib-pane{overflow:hidden;padding:24px 30px;gap:14px}
  .eml{padding:15px 20px}
  .ib-run{margin-left:auto;appearance:none;border:0;cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:580;
    padding:8px 16px;border-radius:999px;color:var(--ivory);
    background:linear-gradient(180deg,var(--burglt),var(--burg2));
    box-shadow:0 8px 20px -8px rgba(110,35,56,.7),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .2s}
  .ib-run:hover{transform:translateY(-1px)}
  .ib-run:active{transform:translateY(1px) scale(.98)}
  .ib-hint{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-mut);margin-left:12px}

  /* ---------- demo thread polish ---------- */
  .dm{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
  .dm.on{opacity:1;transform:none}
  .working i{width:5px;height:5px}
  .working i:nth-child(2){animation-delay:.2s}
  .working i:nth-child(3){animation-delay:.4s}
  .eml{border:1px solid rgba(255,255,255,.12)}
  .eav{box-shadow:0 0 0 1px rgba(255,255,255,.14)}

  @media (max-width:980px){
    .tier{grid-template-columns:1fr;gap:6px}
    .t2,.t3,.t4,.t5{margin-left:0}
    .qdeck{height:300px}
  }

  /* ---------- capabilities register explorer ---------- */
  .capfilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
  .cf{padding:9px 18px;border-radius:999px;font-size:13px;font-weight:560;cursor:pointer;border:1px solid var(--line);
    background:transparent;color:var(--ink-soft);font-family:var(--sans);transition:all .25s}
  .cf:hover{background:rgba(20,19,16,.05)}
  .cf.on{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
  .capgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .capc{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:180px}
  .capc .fic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:640;color:#fff;flex:none}
  .capc b{font-family:var(--display);font-weight:580;font-size:17.5px;letter-spacing:-.01em;line-height:1.25}
  .capc p{font-size:12.5px;color:var(--ink-soft);line-height:1.55;margin-top:auto}
  .capc.pop{animation:capIn .45s var(--ease) both}
  @keyframes capIn{from{opacity:0;transform:translateY(14px) scale(.97)}}
  .fic-mail{background:linear-gradient(160deg,#9A3550,#571A2A)}
  @media (max-width:1180px){.capgrid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:720px){.capgrid{grid-template-columns:1fr}}

  /* ---------- v5: chat source pill ---------- */
  .la-srcpill{display:inline-flex;align-self:flex-start;padding:6px 14px;border-radius:999px;background:#E3E3E0;
    color:#6C6C68;font-size:11.5px;font-weight:560}

  /* ---------- v5: pricing memo ---------- */
  .memo-t{font-family:var(--display);font-weight:620;font-size:16px;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:6px 0 2px}
  .memo-s{font-size:12px;color:var(--ink-soft);text-align:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .memo-r{display:grid;grid-template-columns:24px 1fr auto;gap:10px;padding:8px 2px;font-size:12.5px;
    border-top:1px solid rgba(20,19,16,.05);align-items:baseline}
  .memo-r>span:first-child{color:var(--ink-mut)}

  /* ---------- v5: bento minis ---------- */
  .minifx{margin-top:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;
    background:rgba(244,241,235,.1);border:1px solid var(--lined);border-radius:11px;padding:11px 15px;color:var(--ivory)}
  .mslides{display:flex;gap:9px;margin-top:22px}
  .mslides i{flex:1;aspect-ratio:16/10;border-radius:9px;background:var(--bg2);border:1px solid var(--line)}
  .mslides i:first-child{background:linear-gradient(155deg,#7a2940,var(--burg2));border-color:transparent}

  /* ---------- v5: xam artifacts ---------- */
  .xam-art{height:100%;display:grid;align-content:center;align-content:safe center;
    transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .xam-art.sw{opacity:0;transform:translateY(8px)}
  .xa{background:#fff;border-radius:15px;border:1px solid rgba(20,19,16,.07);
    box-shadow:0 16px 38px -18px rgba(56,44,32,.3);padding:16px 19px;font-size:12px;color:var(--ink)}
  .xa-h{display:flex;gap:9px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(20,19,16,.07);margin-bottom:6px}
  .xa-h .fic,.xa .fic{width:26px;height:26px;border-radius:7px;font-size:7px;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
  .xa-h b{font-size:12.5px;font-weight:600}
  .xa-r{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 2px;border-top:1px solid rgba(20,19,16,.05);
    font-size:11.5px;align-items:baseline}
  .xa-r:first-of-type{border-top:0}
  .xa-rh span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mut)}
  .xa-src{color:var(--burg);font-weight:580;font-size:10.5px;white-space:nowrap}
  .xa-sil{color:var(--ink-mut);letter-spacing:.04em}
  .xa-note{margin-top:11px;font-size:10.5px;color:var(--ink-mut)}
  .xa-fx{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:var(--bg2);
    border-radius:7px;padding:7px 11px;margin-bottom:4px}
  .xa-lhname{font-family:var(--display);font-weight:620;letter-spacing:.16em;text-align:center;font-size:13.5px;margin-top:4px}
  .xa-lhsub{text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mut);margin:2px 0 10px}
  .xa-rule{height:1px;background:rgba(20,19,16,.12);margin-bottom:6px}
  .xa-dark{background:linear-gradient(160deg,#201B17,#141110);border-color:rgba(255,255,255,.12);color:var(--ivory)}
  .xa-dark .xa-r{border-top-color:rgba(244,241,235,.08);color:var(--ivory-soft)}
  .xa-dark .xa-src{color:var(--goldlt)}
  .xa-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:22px 10px}
  .xa-cells div{text-align:center;border-left:1px solid rgba(20,19,16,.08)}
  .xa-cells div:first-child{border-left:0}
  .xa-cells b{display:block;font-family:var(--display);font-weight:560;font-size:34px;line-height:1}
  .xa-cells span{display:block;margin-top:6px;font-size:10.5px;color:var(--ink-soft)}
  .xa-body{font-size:12.5px;line-height:1.8;padding:6px 2px}
  .xa-del{text-decoration:line-through;text-decoration-color:rgba(110,35,56,.6);color:var(--ink-mut)}
  .xa-ins{color:var(--burg);border-bottom:1.5px solid rgba(110,35,56,.5)}

  /* ---------- v5: device collage ---------- */
  .devcol{position:relative;height:520px}
  .dev{position:absolute;animation:xdrift var(--dur,12s) ease-in-out var(--del,0s) infinite alternate;--amp:12px}
  .dev .dv-scr{background:#fff;border-radius:12px;overflow:hidden;height:100%}
  .dev-mac{left:0;top:20px;width:min(430px,78%);height:288px;border-radius:18px;padding:9px;z-index:2}
  .dv-bar{position:relative;display:flex;gap:5px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(20,19,16,.07)}
  .dv-bar i{width:7px;height:7px;border-radius:50%;background:rgba(20,19,16,.12)}
  .dv-bar em{font-style:normal;position:absolute;left:50%;transform:translateX(-50%);font-size:9px;
    letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mut)}
  .dvr{display:flex;gap:9px;align-items:center;padding:10px 13px;border-bottom:1px solid rgba(20,19,16,.05)}
  .dva{width:24px;height:24px;border-radius:50%;background:var(--panel);display:grid;place-items:center;
    font-size:8px;font-weight:640;color:var(--ink-soft);flex:none}
  .dva-s{background:linear-gradient(160deg,var(--burglt),var(--burg2));color:#fff}
  .dvr b{display:block;font-size:10.5px;font-weight:600}
  .dvr div span{display:block;font-size:9.5px;color:var(--ink-mut)}
  .dev-pad{right:3%;top:0;width:212px;height:276px;border-radius:24px;padding:9px;z-index:1}
  .dev-pad .dv-scr{padding:14px}
  .dv-t{display:block;font-size:11px;font-weight:700;text-align:center;padding-bottom:9px;
    border-bottom:1px solid rgba(20,19,16,.08);margin-bottom:8px}
  .dv-fld{font-size:9.5px;color:var(--ink-soft);padding:8px 0;border-bottom:1px solid rgba(20,19,16,.05);line-height:1.5}
  .dv-fld i{font-style:normal;background:rgba(110,35,56,.08);color:var(--burg);border-radius:999px;padding:2px 8px;font-weight:580}
  .dev-ph{right:13%;bottom:12px;width:152px;height:300px;border-radius:32px;padding:8px;z-index:3}
  .dev-ph::before{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:52px;height:15px;
    border-radius:999px;background:#131110;z-index:4}
  .dev-ph .dv-scr{border-radius:25px;background:linear-gradient(170deg,#FDFDFC,#F0EFEB)}
  .dv-time{font-family:var(--display);font-weight:560;font-size:30px;text-align:center;padding:34px 0 14px}
  .dv-notif{margin:0 9px 8px;background:rgba(255,255,255,.85);border:1px solid rgba(20,19,16,.06);
    border-radius:11px;padding:8px 10px;font-size:8.5px;color:var(--ink-soft);line-height:1.45;
    box-shadow:0 6px 16px -8px rgba(56,44,32,.2)}
  .dv-notif b{display:block;font-size:9px;color:var(--ink);font-weight:640}
  .dev-watch{left:39%;bottom:0;width:118px;height:142px;border-radius:34px;padding:8px;z-index:4}
  .dev-watch .dv-scr{background:#141110;border-radius:26px;color:var(--ivory);padding:13px 11px}
  .dw-time{font-size:15px;font-weight:600;text-align:right;color:var(--goldlt);font-variant-numeric:tabular-nums}
  .dw-card{margin-top:12px;background:rgba(244,241,235,.1);border-radius:10px;padding:8px 9px;
    font-size:8px;color:var(--ivory-soft);line-height:1.5}
  .dw-card b{display:block;font-size:8.5px;color:var(--ivory)}
  @media (max-width:980px){
    .devcol{height:430px}
    .dev-pad{display:none}
    .dev-mac{width:100%}
  }

  /* ---------- v6: bento contrast + minis ---------- */
  .bc-burg .bmeta{color:rgba(244,241,235,.9)}
  .bc-dark .bmeta{color:rgba(244,241,235,.8)}
  .minimk{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 17px;
    font-size:12.5px;line-height:1.7;color:var(--ink-soft)}
  .bc-panel .mslides i{background:#fff}

  /* ---------- v6: app collage ---------- */
  .appcol{position:relative;height:470px;max-width:1300px;margin:0 auto}
  .appwin{position:absolute;border-radius:20px;padding:9px;animation:xdrift var(--dur,13s) ease-in-out var(--del,0s) infinite alternate;--amp:10px}
  .awin{background:#fff;border-radius:13px;overflow:hidden;height:100%}
  .aw-main{left:50%;transform:translateX(-50%);top:0;width:min(560px,58%);height:412px;z-index:3}
  .awl{left:0;top:44px;width:min(400px,33%);height:352px;z-index:2}
  .awr{right:0;top:58px;width:min(400px,33%);height:352px;z-index:2}
  .awl .awin,.awr .awin{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
  .aw-out-top{background:linear-gradient(180deg,#1173C9,#0B62B0);display:flex;align-items:center;padding:10px 12px;position:relative}
  .aw-newbtn{background:#fff;color:#0F6CBD;font-size:9.5px;font-weight:700;border-radius:6px;padding:5px 11px}
  .aw-title{position:absolute;left:50%;transform:translateX(-50%);color:#EAF3FB;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase}
  .aw-tabs{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(20,19,16,.06)}
  .aw-tabs span{font-size:9.5px;font-weight:600;color:#8A8886;padding:4px 13px;border-radius:999px}
  .aw-tabs .on{background:#E8F1FA;color:#0F6CBD}
  .aw-gm-top{padding:11px 12px 6px}
  .aw-search{display:block;background:#F1F0EC;border-radius:999px;padding:8px 15px;font-size:9.5px;color:#8A8886}
  .aw-compose{margin:4px 12px 8px;display:inline-flex;border:1px solid rgba(20,19,16,.12);border-radius:999px;
    padding:6px 17px;font-size:9.5px;font-weight:600;color:var(--ink-soft);
    box-shadow:0 3px 10px -4px rgba(56,44,32,.25)}
  .awt{margin-left:auto;font-size:9px;color:var(--ink-mut);flex:none}
  @media (max-width:980px){
    .appcol{height:auto}
    .appwin{position:static;rotate:none;width:100%;height:auto;margin-bottom:12px}
    .aw-main{transform:none;width:100%}
  }

  /* ---------- v6: instruction stream + dark stats ---------- */
  .instream{overflow:clip;display:flex;flex-direction:column;gap:14px;padding:16px 0 6px}
  .instream .marq{margin-top:0;gap:12px;animation-duration:52s}
  .marq-b{animation-duration:60s;animation-direction:reverse}
  .ipill{display:inline-flex;align-items:center;padding:13px 24px;border-radius:999px;font-size:13.5px;
    color:var(--ink-soft);white-space:nowrap;font-family:var(--display);font-weight:560;letter-spacing:-.008em}
  .stats-dark .stat{border-color:var(--lined)}
  .stats-dark .stat span{color:var(--ivory-mut)}

  /* ---------- v6: control list sync ---------- */
  #ctrl-list li{cursor:pointer;transition:padding .3s var(--ease),box-shadow .3s}
  #ctrl-list li.on{padding-left:20px;box-shadow:inset 3px 0 0 var(--burg)}

  /* ---------- v7: realistic file mocks ---------- */
  .wm{background:#fff;border-radius:14px;overflow:hidden;text-align:left;color:#26241F;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
    box-shadow:0 26px 60px -24px rgba(40,30,22,.42),0 0 0 1px rgba(20,19,16,.07)}
  .wm-bar{position:relative;display:flex;align-items:center;gap:6px;padding:10px 13px;background:#F7F6F3;border-bottom:1px solid #E8E6E1}
  .wm-bar i{width:8px;height:8px;border-radius:50%;background:rgba(20,19,16,.13);font-style:normal}
  .wm-name{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
    font-size:10.5px;font-weight:600;color:#7A776F;white-space:nowrap}
  .wm-name .fic{width:17px;height:17px;border-radius:4px;font-size:4.5px;display:grid;place-items:center;font-weight:700;color:#fff}
  .wm-cut{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 97%);mask-image:linear-gradient(180deg,#000 62%,transparent 97%)}
  .wm-cutr{-webkit-mask-image:linear-gradient(90deg,#000 76%,transparent 99%);mask-image:linear-gradient(90deg,#000 76%,transparent 99%)}
  .docpage{padding:18px 22px 6px;line-height:1.5}
  .doc-h{font-size:13px;font-weight:700;letter-spacing:-.005em;color:#1F1E1B}
  .doc-sub{font-size:9.5px;color:#8A8880;margin:3px 0 12px}
  .doctbl{width:100%;border-collapse:collapse;font-size:9.6px;table-layout:fixed}
  .doctbl th{background:#F1F0EB;font-weight:700;text-align:left;padding:6px 8px;border:1px solid #D5D3CC;font-size:8.8px;letter-spacing:.02em;color:#3B3A35}
  .doctbl td{border:1px solid #DEDCD6;padding:6px 8px;vertical-align:top;color:#3B3A35}
  .doctbl .dt-ref{text-align:center;font-weight:600;color:#26241F}
  .xlm{font-variant-numeric:tabular-nums}
  .xl-fx{display:flex;align-items:center;gap:9px;padding:6px 11px;border-bottom:1px solid #E2E0DA;background:#FBFAF8;
    font-size:9px;color:#7A776F;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
  .xl-fx b{font-weight:600;color:#26241F;border:1px solid #E2E0DA;border-radius:3px;padding:1px 7px;background:#fff}
  .xl-grid{display:grid;font-size:9.4px}
  .xl-grid span{padding:5px 7px;border-right:1px solid #E4E2DC;border-bottom:1px solid #E4E2DC;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .xl-cl{background:#F3F2EE;color:#8A877F;text-align:center;font-weight:600;font-size:8.8px}
  .xl-hd{background:#EDF3EE;font-weight:700;color:#1E5B38}
  .xl-lab{font-weight:600;background:#FAF9F6;color:#26241F}
  .xl-sil{color:#98958D;letter-spacing:.04em}
  .xl-src{color:#6E2338;font-weight:600}
  .stylem{display:flex;overflow:hidden}
  .stylem .sm-bar{width:7px;flex:none;background:linear-gradient(180deg,#2C5FA8,#7A3FA0 55%,#B0387A)}
  .sm-page{flex:1;padding:15px 18px 4px;min-width:0}
  .sm-logo{text-align:right;font-weight:800;font-size:9.5px;letter-spacing:.14em;color:#2C5FA8}
  .sm-title{font-size:15px;font-weight:700;color:#2C5FA8;margin-top:7px}
  .sm-it{font-style:italic;font-size:8.8px;color:#8A8880;margin:2px 0 9px}
  .sm-h{font-size:9.6px;font-weight:700;color:#2C5FA8;margin:9px 0 3px}
  .sm-p{font-size:8.8px;color:#4A4944;line-height:1.55}
  .xa-match{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:10.5px;color:var(--ink-soft)}
  .xa-match .fic{width:22px;height:22px;border-radius:6px;font-size:6px;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
  .xa-match em{font-style:normal;color:var(--burg);font-weight:580}

  /* ---------- v7: aurora + glass polish ---------- */
  .aur{position:absolute;inset:0;overflow:clip;pointer-events:none}
  .aur i{position:absolute;border-radius:50%;filter:blur(72px);font-style:normal;
    animation:aurdrift var(--dur,26s) ease-in-out var(--del,0s) infinite alternate}
  @keyframes aurdrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(var(--dx,60px),var(--dy,-40px),0) scale(var(--ds,1.16))}}
  .phero{position:relative}
  .phero .wrap{position:relative;z-index:2}
  .art{overflow:hidden}
  .art::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
    background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.5) 46%,transparent 58%);
    transform:translateX(-130%)}
  .art[data-pos="0"]::after{opacity:1;animation:sheen 6.5s ease-in-out infinite}
  @keyframes sheen{0%,58%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
  .prom{background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.3)),rgba(252,252,250,.5);
    -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
    border:1px solid rgba(255,255,255,.62);outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),0 22px 50px -26px rgba(56,44,32,.32);
    transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
  .prom:hover{transform:translateY(-3px);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),0 30px 60px -26px rgba(56,44,32,.4)}

  /* ---------- v7: capabilities morning showpiece ---------- */
  .morning{position:relative;overflow:clip}
  .morning .wrap{position:relative;z-index:2}
  .mgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,70px);align-items:center}
  .me-head{padding:12px 18px 0;font-size:11px}
  .me-fld{display:flex;gap:9px;padding:7px 0;border-bottom:1px solid #F0EEEA;color:#8A8880}
  .me-fld b{color:#26241F;font-weight:600}
  .me-fld .chip{background:rgba(110,35,56,.08);color:#6E2338;border-radius:999px;padding:2px 10px;font-weight:600;font-size:10.5px}
  .me-att{display:inline-flex;align-items:center;gap:8px;margin:10px 0 2px;padding:7px 12px 7px 8px;border-radius:8px;
    border:1px solid #E4E2DC;background:#FAF9F6;font-size:10px;color:#3B3A35}
  .me-att .fic{width:24px;height:24px;border-radius:6px;font-size:6.5px;display:grid;place-items:center;font-weight:700;color:#fff}
  .me-att b{display:block;font-size:10.5px}
  .me-att span{color:#8A8880;font-size:9.5px}
  .me-body{padding:10px 18px 2px;font-size:10.8px;line-height:1.6;color:#3B3A35}
  .me-body ul{margin:7px 0 0;padding-left:15px;columns:2;column-gap:22px}
  .me-body li{margin:1px 0;font-size:10.2px;break-inside:avoid}
  .mread{position:relative;border-radius:26px;padding:clamp(22px,2.4vw,34px)}
  .mstatus{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:18px;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ivory-soft)}
  .mstatus i{font-style:normal;color:var(--gold)}
  .mstatus em{font-style:normal;color:var(--ivory-mut);font-size:11px}
  .swarm{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}
  .swarm i{aspect-ratio:3/4;border-radius:4px;font-style:normal;position:relative;
    border:1px solid rgba(244,241,235,.13);background:rgba(244,241,235,.045);
    transition:background .5s,border-color .5s,box-shadow .5s}
  .swarm i::before{content:"";position:absolute;left:18%;right:18%;top:26%;height:1px;background:rgba(244,241,235,.2);
    box-shadow:0 4px 0 rgba(244,241,235,.14),0 8px 0 rgba(244,241,235,.14)}
  .swarm i.rd{background:rgba(178,96,122,.26);border-color:rgba(210,135,160,.7);box-shadow:0 0 16px rgba(178,96,122,.45)}
  .swarm i.dn{background:rgba(154,53,80,.24);border-color:rgba(154,53,80,.5);box-shadow:none}
  .mret{position:absolute;left:clamp(14px,1.8vw,26px);right:clamp(14px,1.8vw,26px);bottom:clamp(14px,1.8vw,26px);
    opacity:0;transform:translateY(18px) scale(.985);transition:opacity .7s var(--ease),transform .7s var(--ease);z-index:3}
  .mret.in{opacity:1;transform:none}
  .mfoot{margin-top:16px;font-size:12px;color:var(--ivory-mut);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .mfoot b{color:var(--goldlt);font-weight:560}
  @media (max-width:980px){
    .mgrid{grid-template-columns:minmax(0,1fr)}
    .me-body ul{columns:1}
  }

  /* ---------- v7: manual inbox demo ---------- */
  .ix-chips{display:flex;gap:8px;padding:12px 2px 2px;flex-wrap:wrap}
  .ixc{appearance:none;border:1px solid rgba(20,19,16,.13);background:#fff;border-radius:999px;padding:7px 15px;
    font-family:var(--sans);font-size:12.5px;font-weight:560;color:var(--ink-soft);cursor:pointer;transition:all .2s}
  .ixc:hover{border-color:rgba(110,35,56,.3)}
  .ixc.on{background:rgba(110,35,56,.08);border-color:rgba(110,35,56,.35);color:var(--burg)}
  .ix-send{appearance:none;border:0;font-family:var(--sans)}
  .pulse{animation:pulsebtn 1.7s ease-in-out infinite}
  @keyframes pulsebtn{
    0%,100%{box-shadow:0 12px 26px -12px rgba(110,35,56,.7),inset 0 1.5px 0 rgba(255,255,255,.3),0 0 0 0 rgba(154,53,80,.4)}
    50%{box-shadow:0 12px 26px -12px rgba(110,35,56,.7),inset 0 1.5px 0 rgba(255,255,255,.3),0 0 0 10px rgba(154,53,80,0)}}
  .ix-subrow{display:flex;justify-content:space-between;align-items:baseline}
  .ix-back{cursor:pointer;color:var(--ink-mut);font-size:12.5px;font-weight:560;transition:color .2s}
  .ix-back:hover{color:var(--ink)}
  .ix-del{color:var(--ink-mut);font-size:12px}
  .ix-again{align-self:flex-start;margin-top:2px}

  /* ---------- v7: product rest-of-desk band ---------- */
  .brband{border-radius:26px;padding:clamp(22px,2.6vw,38px) clamp(24px,3vw,46px);
    display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,3vw,44px);flex-wrap:wrap}
  .brband .brfinal{margin:0;font-size:clamp(19px,1.75vw,29px);max-width:36ch}
  .brband .btn{flex:none}

  /* mobile nav + responsive */
  .mbtn{display:none;appearance:none;background:none;border:0;cursor:pointer;padding:10px 14px;border-radius:999px}
  .mbtn svg{display:block}
  .mmenu{position:fixed;inset:88px 16px auto;z-index:110;border-radius:26px;padding:18px;display:none;flex-direction:column;gap:4px;
    max-height:calc(100dvh - 110px);overflow:auto}
  .mmenu.open{display:flex}
  .mmenu a,.mmenu .mg{padding:13px 16px;border-radius:14px;font-size:16px;font-weight:540}
  .mmenu a:hover{background:rgba(20,19,16,.05)}
  .mmenu .mg{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mut);font-weight:560;margin-top:8px}

  @media (max-width:1180px){
    .stats{grid-template-columns:repeat(2,1fr);row-gap:44px}
    .stat:nth-child(3){border-left:0;padding-left:0}
    .bc-dark,.bc-burg,.bc-beige,.bc-paper,.bc-panel{grid-column:span 6}
    .proms,.fmt{grid-template-columns:repeat(2,1fr)}
    .gates{grid-template-columns:repeat(2,1fr)}
    .expl,.trio,.surfy{grid-template-columns:1fr 1fr}
  }
  @media (max-width:980px){
    .nlinks{display:none}
    .nacts .login{display:none}
    .mbtn{display:block}
    .ib-body{grid-template-columns:1fr}
    .ib-list{display:none}
    .split,.access .inner,.caphero,.feat20,.honest,.notdo,.roigrid{grid-template-columns:1fr}
    .roipanel{position:static}
    .rgrid{grid-template-columns:1fr}
    .regrid{grid-template-columns:1fr}
    .flow{grid-template-columns:1fr;gap:12px}
    .lgrid,.qgrid,.qr,.kindx{grid-template-columns:1fr}
    .lhero{padding-top:130px}
    .lart{max-width:520px}
    .ol-body{grid-template-columns:1fr}
    .ol-side,.ol-list{display:none}
    .flink{width:2px;height:34px;margin:0 auto;background-image:linear-gradient(180deg,var(--burg) 40%,transparent 40%);background-size:2px 10px}
    .frow{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:720px){
    .expl,.trio,.surfy,.proms,.fmt,.parity,.gates,.rores{grid-template-columns:1fr}
    .bc-dark,.bc-burg,.bc-beige,.bc-paper,.bc-panel{grid-column:span 12}
    .hero-core h1{font-size:clamp(38px,10vw,52px)}
    .xc{width:200px}
    .xl1 .xc,.xl2 .xc{display:none}
    .xl3 .xc{opacity:.4}
    .rocell.wide{grid-column:auto}
  }

  @media (prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    .rv{opacity:1;transform:none}
    html{scroll-behavior:auto}
  }

  /* ================= CAPABILITIES PAGE ================= */
  /* ---------- capabilities: register (finishes the orphaned .cf/.capgrid/.capc/.pop rules) ---------- */
  .capc{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card);
    transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
  .capc:hover{transform:translateY(-3px)}
  .capc b{padding-bottom:2px}
  @media (min-width:1181px){.capgrid{grid-template-columns:repeat(3,1fr)}}

  .cap-stats3{grid-template-columns:repeat(3,1fr);margin-bottom:clamp(34px,3.6vw,54px)}
  @media (max-width:720px){.cap-stats3{grid-template-columns:1fr;row-gap:36px}}

  .cap-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .cap-num{font-family:var(--sans);font-size:10.5px;font-weight:640;letter-spacing:.09em;
    text-transform:uppercase;color:var(--ink-mut)}
  .cap-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.6}
  .cap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
  .cap-list li{position:relative;padding-left:15px;font-size:12px;color:var(--ink-soft);line-height:1.5}
  .cap-list li::before{content:"";position:absolute;left:1px;top:.5em;width:4px;height:4px;
    border-radius:50%;background:var(--burg);opacity:.6}
  .cap-returns{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:14px;
    border-top:1px solid var(--line)}
  .cap-returns-lbl{font-size:10.5px;font-weight:640;letter-spacing:.08em;text-transform:uppercase;
    color:var(--ink-mut);margin-right:1px}
  .cap-returns .fic{width:28px;height:28px;border-radius:8px;font-size:7.5px}

  /* ---------- capabilities: work-product showcase ---------- */
  .cap-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
  .cap-caption{margin-top:20px;font-size:12.5px;color:var(--ink-mut);text-align:center}
  .cap-ppt-body{padding:20px 20px 18px;display:flex;flex-direction:column;gap:13px;
    background:linear-gradient(155deg,#fbfaf7,#f2f0e8)}
  .cap-ppt-eyebrow{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8A8880;font-weight:640}
  .cap-ppt-title{font-family:var(--display);font-size:15.5px;font-weight:640;letter-spacing:-.01em;
    color:#201d18;line-height:1.32}
  .cap-ppt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}
  .cap-ppt-kpi{background:#fff;border:1px solid #E4E1D9;border-radius:10px;padding:10px 6px;text-align:center}
  .cap-ppt-kpi b{display:block;font-family:var(--display);font-size:13.5px;font-weight:640;color:var(--burg)}
  .cap-ppt-kpi span{display:block;font-size:8.6px;color:#8A8880;margin-top:3px;letter-spacing:.01em}
  .cap-ppt-foot{font-size:9px;color:#ADAA9F;letter-spacing:.02em}

  /* ---------- capabilities: everything-else register table ---------- */
  .cap-etable{display:flex;flex-direction:column}
  .cap-erow{display:grid;grid-template-columns:40px 1fr auto;gap:20px;align-items:center;
    padding:19px 4px;border-top:1px solid var(--line)}
  .cap-etable .cap-erow:last-child{border-bottom:1px solid var(--line)}
  .cap-erow-num{font-family:var(--display);font-size:14px;font-weight:600;color:var(--ink-mut)}
  .cap-erow-body b{display:block;font-size:15px;font-weight:580;letter-spacing:-.008em}
  .cap-erow-body span{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:3px}
  .cap-erow-chips{display:flex;gap:6px;flex:none}
  .cap-erow-chips .fic{width:28px;height:28px;border-radius:8px;font-size:7px}
  .cap-more{margin-top:clamp(30px,3vw,48px);border-radius:22px;padding:clamp(26px,3vw,40px);
    background:linear-gradient(160deg,#EFE9DD,var(--beige));box-shadow:var(--shadow-card);
    display:flex;flex-direction:column;align-items:flex-start;gap:8px}
  .cap-more b{font-family:var(--display);font-size:19px;font-weight:580;letter-spacing:-.01em}
  .cap-more p{font-size:14px;color:var(--ink-soft);max-width:52ch;margin-bottom:4px}
  @media (max-width:640px){
    .cap-erow{grid-template-columns:28px 1fr;row-gap:8px}
    .cap-erow-chips{grid-column:2 / 3}
  }

  /* ---------- capabilities: connectors ---------- */
  .cap-conn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1000px;margin:0 auto}
  .cap-conn-grid .ct{white-space:normal}
  .cap-conn-note{margin-top:22px;text-align:center;font-size:13.5px;color:var(--ink-mut)}
  @media (max-width:980px){.cap-conn-grid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:560px){.cap-conn-grid{grid-template-columns:1fr}}

  /* ---------- capabilities: comparison (dark) ---------- */
  .cap-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .cap-compare-foot{margin-top:clamp(26px,3vw,42px);font-size:13.5px;color:var(--ivory-mut);max-width:60ch}
  @media (max-width:980px){.cap-compare-grid{grid-template-columns:1fr}}

  /* ---------- capabilities: responsive for the register grid + rich cards ---------- */
  @media (max-width:980px){
    .cap-work-grid{grid-template-columns:1fr}
  }

  /* ================= SECURITY PAGE ================= */
  /* ---------- security page (rebuild) ---------- */

  /* stat suffix, e.g. "100%" */
  .sx-suf{font-style:normal;font-size:.4em;font-weight:520;letter-spacing:0}

  /* small note paragraph, reused under several sections */
  .sx-note{margin-top:22px;font-size:13.5px;color:var(--ink-mut);max-width:76ch;line-height:1.65}
  .sec-dark .sx-note{color:var(--ivory-mut)}
  .sx-note a{color:var(--burg);border-bottom:1px solid rgba(110,35,56,.3)}
  .sec-dark .sx-note a{color:inherit}
  .sec-dark .crumb{color:var(--ivory-mut)}

  /* inbound authentication: sample sender strip */
  .sx-sample{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;
    background:var(--bg2);margin-top:32px;flex-wrap:wrap}
  .sx-samplebody{flex:1;min-width:220px}
  .sx-samplebody b{display:block;font-size:14.5px;font-weight:560}
  .sx-samplebody span{display:block;font-size:13px;color:var(--ink-soft);margin-top:2px}
  .sx-samplenote{font-size:12.5px;color:var(--ink-mut);font-style:italic}

  /* inbound authentication: stepped gate sequence */
  .sx-gaterow{display:flex;flex-direction:column;gap:12px;margin-top:44px}
  .sx-gatestep{border-radius:22px;padding:clamp(22px,2.4vw,32px);background:var(--paper);border:1px solid var(--line)}
  .sx-gatehead{display:flex;align-items:flex-start;gap:20px}
  .sx-gatenum{font-family:var(--display);font-weight:560;font-size:clamp(24px,2vw,32px);
    color:var(--gold);letter-spacing:-.01em;flex:none;line-height:1.15}
  .sx-gatetitlewrap{flex:1;min-width:0}
  .sx-gatetitle{display:block;font-family:var(--display);font-weight:580;font-size:20px;letter-spacing:-.01em}
  .sx-gateq{display:block;margin-top:4px;font-size:13.5px;color:var(--ink-soft);line-height:1.5}
  .sx-gatebadge{flex:none;font-size:12px;font-weight:560;letter-spacing:.03em;color:var(--burg);
    background:rgba(110,35,56,.08);padding:7px 14px;border-radius:999px;white-space:nowrap}
  .sx-checks{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line);
    display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px 22px}
  .sx-checks li{font-size:13.5px;color:var(--ink-soft);padding-left:22px;position:relative;line-height:1.5}
  .sx-checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--burg);font-size:12px;font-weight:700}

  /* inbound authentication: result + fail note */
  .sx-result{margin-top:28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
    padding:22px 28px;border-radius:18px;background:linear-gradient(160deg,var(--dark2),var(--dark));color:var(--ivory)}
  .sx-result b{font-family:var(--display);font-weight:580;font-size:19px;letter-spacing:-.01em}
  .sx-result span{font-size:13.5px;color:var(--ivory-soft)}
  .sx-failnote{margin-top:16px;font-size:13.5px;color:var(--ink-mut);max-width:66ch;line-height:1.6}

  /* role-based access: role cards */
  .sx-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
  .sx-role{border-radius:20px;padding:30px;background:var(--paper);border:1px solid var(--line)}
  .sx-role b{display:block;font-family:var(--display);font-weight:580;font-size:22px;letter-spacing:-.012em;margin-bottom:10px}
  .sx-role p{font-size:14px;color:var(--ink-soft);line-height:1.65}
  .sx-roleaud{display:inline-block;margin-top:18px;font-size:12px;font-weight:560;letter-spacing:.06em;
    text-transform:uppercase;color:var(--burg)}
  .sx-role-dark{background:linear-gradient(160deg,var(--dark2),var(--dark));color:var(--ivory);
    box-shadow:var(--shadow-dark);border:0}
  .sx-role-dark p{color:var(--ivory-soft)}
  .sx-role-dark .sx-roleaud{color:var(--goldlt)}

  /* shared table (role matrix + controls register) */
  .sx-tablewrap{overflow-x:auto;margin-top:40px;border-radius:20px;border:1px solid var(--line)}
  .sx-table{width:100%;border-collapse:collapse;min-width:640px}
  .sx-table th,.sx-table td{padding:16px 22px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}
  .sx-table thead th{font-family:var(--display);font-weight:580;font-size:12.5px;letter-spacing:.04em;
    text-transform:uppercase;color:var(--ink-mut);background:var(--bg2)}
  .sx-table tbody tr:last-child td{border-bottom:0}
  .sx-table tbody td:first-child{font-weight:560;color:var(--ink)}
  .sx-table tbody td:not(:first-child){color:var(--ink-soft)}
  .sx-table tbody tr:hover{background:var(--bg2)}
  .sx-matrix td:not(:first-child),.sx-matrix th:not(:first-child){text-align:center}

  /* client confidentiality: two-panel contrast */
  .sx-confsplit{align-items:stretch}
  .sx-panel{border-radius:24px;padding:clamp(28px,3vw,40px);display:flex;flex-direction:column}
  .sx-panel-bad{background:var(--bg2);border:1px solid var(--line)}
  .sx-panel-good{background:linear-gradient(160deg,#7a2940,var(--burg2) 65%,#3a1119);
    color:var(--ivory);box-shadow:var(--shadow-dark)}
  .sx-paneltitle{font-family:var(--display);font-weight:580;font-size:22px;letter-spacing:-.01em;display:block}
  .sx-panelsub{display:block;margin-top:4px;font-size:12.5px;letter-spacing:.03em;color:var(--ink-mut)}
  .sx-panel-good .sx-panelsub{color:var(--ivory-mut)}
  .sx-firms{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
  .sx-firmchip{padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);
    font-size:13px;font-weight:540;color:var(--ink-soft)}
  .sx-convergearrow{height:26px;margin:10px auto 0;width:2px;
    background-image:linear-gradient(180deg,var(--ink-mut) 40%,transparent 40%);background-size:2px 8px}
  .sx-endpoint{margin-top:8px;padding:16px 20px;border-radius:16px;background:var(--paper);
    border:1px solid var(--line);text-align:center}
  .sx-endpoint b{display:block;font-family:var(--display);font-weight:580;font-size:16px}
  .sx-endpoint span{display:block;margin-top:4px;font-size:12px;color:var(--ink-mut)}
  .sx-isorow{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
  .sx-isofirm{flex:1;min-width:140px;padding:16px 18px;border-radius:14px;
    background:rgba(244,241,235,.08);border:1px solid var(--lined);text-align:center}
  .sx-isofirm b{display:block;font-size:13.5px;font-weight:560;color:var(--ivory)}
  .sx-isofirm span{display:block;margin-top:4px;font-size:11px;letter-spacing:.05em;
    text-transform:uppercase;color:var(--goldlt)}
  .sx-isofirm-you{background:rgba(244,241,235,.15);border-color:rgba(244,241,235,.32)}
  .sx-plist{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
  .sx-plist li{font-size:13.5px;line-height:1.6;padding-left:20px;position:relative;color:var(--ink-soft)}
  .sx-plist li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;
    border-radius:50%;background:var(--ink-mut)}
  .sx-panel-good .sx-plist li{color:var(--ivory-soft)}
  .sx-panel-good .sx-plist li::before{background:var(--goldlt)}
  .sx-panel-good .srcchip{margin-top:22px;background:rgba(244,241,235,.14);color:var(--ivory)}

  /* retention & training */
  .sx-subhead{font-size:clamp(22px,2vw,29px);letter-spacing:-.015em}
  .sx-subcopy{margin-top:14px;font-size:14.5px;color:var(--ink-soft);line-height:1.65;max-width:46ch}
  .sx-retrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
  .sx-retpill{padding:11px 20px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);
    font-size:13.5px;font-weight:540;color:var(--ink-soft)}
  .sx-retpill.sx-reton{background:var(--burg);border-color:var(--burg);color:var(--ivory);font-weight:560}
  .sx-purge{border-radius:22px;padding:30px 32px;background:var(--paper);border:1px solid var(--line)}
  .sx-kv{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;
    border-top:1px solid var(--line)}
  .sx-kv:first-child{border-top:0;padding-top:0}
  .sx-kv b{font-size:14px;font-weight:540;color:var(--ink-soft)}
  .sx-kv span{font-family:var(--display);font-weight:580;font-size:15.5px;letter-spacing:-.005em;text-align:right}
  .sx-training{margin-top:clamp(50px,5vw,80px)}

  @media (max-width:1180px){
    .sx-roles{grid-template-columns:1fr}
    .sx-checks{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
  }
  @media (max-width:980px){
    .sx-gatehead{flex-wrap:wrap}
    .sx-gatebadge{margin-left:44px}
    .sx-isorow{flex-direction:column}
    .sx-firms{justify-content:center}
  }
  @media (max-width:720px){
    .sx-gatehead{flex-direction:column;gap:10px}
    .sx-gatebadge{margin-left:0}
    .sx-checks{grid-template-columns:1fr}
    .sx-kv{flex-direction:column;align-items:flex-start;gap:4px}
    .sx-kv span{text-align:left}
  }

  /* ================= V9: LIQUID GLASS OVER LIVING LIGHT ================= */

  /* ---------- v9: dark sections become floating slabs ---------- */
  .sec-dark,.conn-band{width:min(1780px,calc(100% - clamp(16px,2vw,40px)));margin-left:auto;margin-right:auto;
    border-radius:clamp(28px,3vw,44px);overflow:clip;position:relative}
  .sec-dark{background:
    radial-gradient(1000px 640px at 84% -12%,rgba(154,53,80,.3),transparent 62%),
    radial-gradient(760px 520px at 4% 112%,rgba(178,96,122,.16),transparent 60%),
    linear-gradient(160deg,var(--dark2),var(--dark) 70%)}
  .sec-dark::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(255,255,255,.045)}
  .sec-dark>.wrap{position:relative;z-index:2}
  .conn-band{background:
    radial-gradient(900px 500px at 12% -20%,rgba(154,53,80,.07),transparent 60%),
    radial-gradient(760px 460px at 92% 120%,rgba(178,96,122,.1),transparent 60%),
    var(--bg2)}
  .sec-dark+.sec-dark,.conn-band+.sec-dark,.sec-dark+.conn-band{margin-top:clamp(12px,1.4vw,20px)}
  footer{border-radius:clamp(28px,3vw,44px) clamp(28px,3vw,44px) 0 0;overflow:clip;position:relative;
    background:
      radial-gradient(1100px 700px at 80% -20%,rgba(154,53,80,.24),transparent 62%),
      radial-gradient(800px 520px at 6% 118%,rgba(178,96,122,.12),transparent 60%),
      linear-gradient(160deg,var(--dark2),var(--dark) 70%)}
  footer::before{content:"";position:absolute;inset:0;pointer-events:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

  /* ---------- v9: hero, alive ---------- */
  #hero .aur i{filter:blur(84px)}
  .hero-eyebrow .sp{position:relative}
  .hero-eyebrow .sp::after{content:"";position:absolute;inset:-4px;border-radius:50%;
    border:1.5px solid rgba(110,35,56,.5);animation:ping 2.2s var(--ease) infinite}
  @keyframes ping{0%{transform:scale(.5);opacity:1}70%,100%{transform:scale(1.9);opacity:0}}
  h1 em{color:var(--burg)}

  /* ---------- v9: word cascade ---------- */
  .wsplit .wd{display:inline-block;opacity:0;transform:translateY(.42em) rotate(.4deg);filter:blur(7px);
    transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);
    transition-delay:var(--wd,0s)}
  .wsplit.in .wd{opacity:1;transform:none;filter:none}

  /* ---------- v9: staggered reveals ---------- */
  .rv{transition-delay:var(--rvd,0s)}

  /* ---------- v9: card lift ---------- */
  .tilt{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));
    transition:transform .5s var(--ease),box-shadow .4s var(--ease);will-change:transform}
  .bc{transition:box-shadow .4s var(--ease)}
  .bc:hover{transform:none}
  .bc.tilt{--lift:0px}
  .bc.tilt:hover{--lift:-5px}

  /* ---------- v9: buttons get a specular sweep ---------- */
  .btn{position:relative;overflow:hidden}
  .btn::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.34) 48%,transparent 62%);
    transform:translateX(-130%)}
  .btn:hover::before{transition:transform .7s var(--ease);transform:translateX(130%)}

  /* ---------- v9: marquee edge fades ---------- */
  .conn-band,.instream{--mfade:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  /* the fade belongs to the viewport-sized window, not the multi-thousand-pixel
     track: on the track it never reached the visible edges, and it forced the
     whole strip into one oversized composited texture that could fail to paint */
  .marqclip{overflow:clip}
  .instream,.marqclip{-webkit-mask-image:var(--mfade);mask-image:var(--mfade)}

  /* ---------- v9: nav, awake ---------- */
  .nav{transition:height .45s var(--ease),box-shadow .45s var(--ease),width .45s var(--ease)}
  .nav.scrolled{height:56px;width:min(1220px,calc(100% - 32px));
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),0 30px 70px -28px rgba(56,44,32,.5)}
  .nl>a.cur,.nl.curdd>button{background:rgba(110,35,56,.09);color:var(--burg)}
  #progress{position:fixed;top:0;left:0;right:0;height:2.5px;z-index:200;pointer-events:none;
    background:linear-gradient(90deg,var(--burg),var(--gold));transform-origin:0 50%;transform:scaleX(0)}

  /* ---------- v9: page transitions ---------- */
  @keyframes pgin{from{opacity:0;transform:translateY(18px)}}
  .page.pgin{animation:pgin .55s var(--ease) both}

  /* ---------- v9: question deck, dealt not displayed ---------- */
  .qdeck{height:min(300px,40vh);perspective:1400px}
  .qd{overflow:hidden;isolation:isolate}
  .qd-g1{transform:translateY(20px) rotate(1.7deg) scale(.97);opacity:.55}
  .qd-g2{transform:translateY(38px) rotate(-2.4deg) scale(.94);opacity:.3}
  .qd-top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;
    background:
      radial-gradient(560px 320px at 88% -30%,rgba(154,53,80,.12),transparent 66%),
      radial-gradient(430px 300px at -6% 120%,rgba(178,96,122,.12),transparent 62%),
      linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.34)),rgba(252,252,250,.55)}
  .qd-top::before{content:"?";position:absolute;right:2%;bottom:-22%;z-index:-1;
    font-family:var(--display);font-style:italic;font-weight:520;font-size:clamp(200px,24vw,360px);
    line-height:1;color:rgba(110,35,56,.07);pointer-events:none}
  .qd-num{position:absolute;top:22px;left:26px;font-size:11px;font-weight:620;letter-spacing:.18em;
    color:var(--ink-mut);font-variant-numeric:tabular-nums}
  .qd-hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:10.5px;font-weight:560;
    letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mut)}
  .qdeck:hover .qd-top{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),0 46px 96px -32px rgba(56,44,32,.46)}
  .qd-top{transition:box-shadow .4s var(--ease)}
  @keyframes qdeal{0%{transform:none}38%{transform:translate(24px,-14px) rotate(2deg)}100%{transform:none}}
  .qd-top.deal{animation:qdeal .55s var(--ease)}

  /* ---------- v9: the examination stage, a desk not a void ---------- */
  .xam-screen{height:clamp(360px,33vw,470px);padding:clamp(14px,1.5vw,22px);
    background:
      radial-gradient(640px 380px at 86% -16%,rgba(154,53,80,.16),transparent 64%),
      radial-gradient(520px 340px at -8% 116%,rgba(178,96,122,.17),transparent 60%),
      radial-gradient(130% 105% at 12% -12%,rgba(255,255,255,.9),rgba(255,255,255,.28) 46%,transparent 74%),
      linear-gradient(152deg,rgba(255,255,255,.6),rgba(255,255,255,.22) 54%,rgba(233,226,214,.4))}
  .xam-screen::after{background:linear-gradient(180deg,transparent 84%,rgba(250,250,249,.42))}
  .xam-art{height:100%;display:flex;flex-direction:column;justify-content:space-between;
    align-content:normal;gap:14px;transition:opacity .34s var(--ease),transform .34s var(--ease),filter .34s var(--ease)}
  .xam-art.sw{opacity:0;transform:translateY(16px) rotate(-1.1deg) scale(.985);filter:blur(8px)}
  .xam-art>.wm,.xam-art>.xa{width:100%;margin-top:auto}
  .xam-art .xa-match{margin-bottom:0;align-self:flex-start;
    display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 9px;border-radius:999px;
    background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.44));
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.85);outline:1px solid rgba(20,19,16,.05);outline-offset:-2px;
    box-shadow:inset 0 1px 0 #fff,0 10px 26px -14px rgba(56,44,32,.35);
    font-size:11.5px;color:var(--ink-soft)}
  .xam-art .xa-cells{background:#fff;border-radius:15px;border:1px solid rgba(20,19,16,.07);
    box-shadow:0 16px 38px -18px rgba(56,44,32,.3)}
  #ctrl-art{height:auto;justify-content:flex-start}
  #ctrl-art>.xa{margin-top:0}

  /* ---------- v9: odds and ends ---------- */
  .stat b{position:relative}
  .stat b span{display:inline;font-size:inherit;margin-top:0;color:inherit}
  .bc-panel .mslides i:first-child{background:linear-gradient(155deg,#7a2940,var(--burg2));border-color:transparent}
  .lens-note,.ix-hint,.qd-hint{transition:opacity .3s}
  .prom,.capc,.reg,.surf,.fchip,.tri,.exc,.qc,.kx,.rcard,.roiprom,.gate{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
  .gate:hover,.surf:hover,.fchip:hover,.tri:hover,.kx:hover{transform:translateY(-3px)}
  .sec-dark .sechead h2,.sec-dark .statement h2{text-wrap:balance}
  .sechead h2,.statement h2,.phero h1{text-wrap:balance}

  /* ================= V10 ================= */

  /* ---------- v12: hero — near-black field, one crisp eclipse horizon ---------- */
  #hero{border-radius:0;
    background:linear-gradient(180deg,#0A070A 0%,#0D090E 48%,#130C12 100%)}
  .hero-bg{position:absolute;inset:0;z-index:0;overflow:clip;pointer-events:none}
  .hb-bloom{position:absolute;inset:0;
    background:radial-gradient(42% 20% at 50% 73%,rgba(218,142,166,.17),rgba(160,70,96,.055) 52%,transparent 74%);
    animation:bloom 12s ease-in-out infinite alternate}
  @keyframes bloom{from{opacity:.72}to{opacity:1}}
  .hb-eclipse{position:absolute;inset:0;
    background:radial-gradient(140% 140% at 50% 210%,
      #0A070A 99.5%,
      #F4D6E1 99.68%,
      rgba(226,150,175,.4) 100.5%,
      rgba(178,96,122,.13) 102.8%,
      rgba(154,53,80,.04) 105.6%,
      transparent 109%)}
  .hb-grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
    background-size:280px 280px}
  #hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
    background:radial-gradient(120% 92% at 50% 38%,transparent 48%,rgba(5,3,5,.6) 100%)}
  #hero .xfield{z-index:3}
  #hero .hero-core{z-index:5}
  #hero .xc.lg{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05)),rgba(52,38,40,.5);
    border-color:rgba(255,255,255,.22);outline-color:transparent;color:rgba(244,241,235,.78);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 24px 60px -28px rgba(0,0,0,.65)}
  #hero .xc .to{color:rgba(244,241,235,.5)}
  #hero .xc .ins{color:var(--ivory)}
  #hero .xc-out b{color:var(--ivory)}
  #hero .xc-out span{color:rgba(244,241,235,.48)}
  #hero .hero-eyebrow{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
    outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);color:rgba(244,241,235,.72);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  #hero .hero-eyebrow .sp{background:var(--goldlt)}
  #hero .hero-eyebrow .sp::after{border-color:rgba(210,135,160,.55)}
  #hero .hero-core h1{color:var(--ivory)}
  #hero h1 em{color:#D287A0}
  #hero .hero-core .lede{color:rgba(244,241,235,.7)}
  #hero .btn-glass{background:rgba(255,255,255,.09);color:var(--ivory);
    border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
  #hero .btn-glass:hover{background:rgba(255,255,255,.15)}
  .hero-roi{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font-size:13.5px;font-weight:540;
    color:rgba(244,241,235,.6);border-bottom:1px solid rgba(244,241,235,.22);padding-bottom:4px;
    cursor:pointer;transition:color .25s,border-color .25s}
  .hero-roi:hover{color:var(--ivory);border-color:rgba(244,241,235,.5)}
  .hero-roi svg{transition:transform .25s var(--ease)}
  .hero-roi:hover svg{transform:translateX(3px)}

  /* ---------- v10: the ask ---------- */
  .askband{position:relative;padding:clamp(100px,10vw,170px) 0}
  .ask-kicker{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
    color:var(--ink-mut);margin-bottom:26px}
  .ask-line{font-size:clamp(38px,4.6vw,88px);letter-spacing:-.024em;line-height:1.08;
    font-weight:580;margin:0 auto;max-width:28ch;padding-bottom:6px;text-wrap:balance}
  .ask-line em{font-style:italic;font-weight:520;color:var(--burg);position:relative;isolation:isolate}
  .ask-line em::after{content:"";position:absolute;left:-3%;right:-3%;bottom:.05em;height:.14em;z-index:-1;
    border-radius:999px;background:linear-gradient(90deg,rgba(178,96,122,0),rgba(178,96,122,.5),rgba(178,96,122,0))}
  .ask-sub{margin:26px auto 0;max-width:52ch;font-size:clamp(16px,1.2vw,19px);color:var(--ink-soft);line-height:1.7}

  /* ---------- v10: capabilities showpieces ---------- */
  .capnav{position:sticky;top:86px;z-index:30;display:flex;gap:3px;padding:6px;border-radius:999px;
    width:max-content;max-width:100%;overflow-x:auto;margin:0 auto clamp(24px,2.6vw,44px);
    background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),rgba(20,15,13,.55);
    -webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
    border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 50px -24px rgba(0,0,0,.6)}
  .capnav button{appearance:none;border:0;background:transparent;cursor:pointer;font-family:var(--sans);
    display:inline-flex;align-items:center;gap:8px;padding:9px 17px;border-radius:999px;white-space:nowrap;
    font-size:13px;font-weight:540;color:var(--ivory-soft);transition:background .25s,color .25s}
  .capnav button i{font-style:normal;font-size:10px;font-weight:640;letter-spacing:.08em;color:var(--goldlt)}
  .capnav button:hover{background:rgba(244,241,235,.07)}
  .capnav button.on{background:rgba(244,241,235,.14);color:var(--ivory)}
  .c5{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,4vw,76px);align-items:center;
    padding:clamp(46px,4.6vw,80px) 0;border-top:1px solid var(--lined);scroll-margin-top:170px}
  .capnav+.c5{border-top:0}
  .c5-flip .c5-art{order:2}
  .c5-num{display:block;font-size:11.5px;font-weight:620;letter-spacing:.16em;text-transform:uppercase;
    color:var(--goldlt);margin-bottom:16px}
  .c5-copy h3{font-size:clamp(26px,2.5vw,42px);letter-spacing:-.02em;line-height:1.12;text-wrap:balance}
  .c5-copy>p{margin-top:18px;font-size:15px;line-height:1.7;color:var(--ivory-soft);max-width:52ch}
  .c5-copy>p em{font-style:italic;color:var(--ivory)}
  .c5-list{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 24px}
  .c5-list li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ivory-soft);line-height:1.5}
  .c5-list li::before{content:"–";position:absolute;left:0;color:var(--goldlt)}
  .c5-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:22px}
  .c5-stat{border-radius:15px;padding:14px 17px;background:rgba(244,241,235,.05);border:1px solid var(--lined)}
  .c5-stat b{font-family:var(--display);font-weight:560;font-size:27px;letter-spacing:-.01em;display:block}
  .c5-stat span{display:block;margin-top:3px;font-size:11.5px;color:var(--ivory-mut);line-height:1.45}
  .c5-returns{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:26px;padding-top:18px;
    border-top:1px solid var(--lined);font-size:12px;color:var(--ivory-mut)}
  .c5-chip{font-style:normal;padding:6px 15px;border-radius:999px;border:1px solid var(--lined);
    font-size:11px;font-weight:560;letter-spacing:.05em;color:var(--ivory-soft)}
  .c5-chip.on{background:rgba(154,53,80,.32);border-color:rgba(202,106,133,.5);color:var(--ivory)}
  .gframe{position:relative;border-radius:22px;padding:7px;
    background:linear-gradient(160deg,#2B2530 0%,#161119 46%,#211B27 100%);
    border:1px solid rgba(255,255,255,.11);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.5),
      0 54px 110px -42px rgba(0,0,0,.8),0 14px 34px -20px rgba(0,0,0,.55)}
  .gframe::before{content:"";position:absolute;inset:-44px;z-index:-1;pointer-events:none;
    background:radial-gradient(58% 58% at 50% 44%,rgba(154,53,80,.3),transparent 72%)}
  .gframe .wm{border-radius:15px;box-shadow:0 0 0 1px rgba(0,0,0,.55)}
  .gframe::after{content:"";position:absolute;inset:7px;z-index:3;border-radius:15px;pointer-events:none;
    background:linear-gradient(108deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.055) 16%,rgba(255,255,255,0) 34%,
      rgba(255,255,255,0) 62%,rgba(255,255,255,.045) 78%,rgba(255,255,255,0) 90%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 14px 30px -18px rgba(255,255,255,.14)}

  /* ---------- v10: document furniture ---------- */
  .wm-tag{margin-left:auto;position:relative;z-index:1;font-size:10px;color:#8A8880;white-space:nowrap}
  .wm-tag b{color:var(--burg);font-weight:640}
  .doc-caps{display:flex;justify-content:space-between;gap:12px;font-size:8.6px;letter-spacing:.13em;
    color:#98958D;text-transform:uppercase;border-bottom:1px solid #E8E6E1;padding-bottom:8px;margin-bottom:10px}
  .doc-title{font-family:var(--display);font-size:16px;font-weight:640;letter-spacing:-.01em;color:#1F1E1B;margin:2px 0 3px}
  .doc-body{font-size:10.4px;line-height:1.75;color:#3B3A35;margin-top:8px}
  .doctbl td b{font-size:9.4px}
  .wm-split{display:grid;grid-template-columns:1.6fr .78fr}
  .wm-comm{border-left:1px solid #ECEAE5;padding:15px 16px;font-size:10px;color:#6C6A64;background:#FBFAF8;line-height:1.5}
  .wm-comm b{display:block;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A8880;margin-bottom:12px}
  .wmc{border-left:2px solid #9A3550;padding:1px 0 2px 10px;margin-bottom:13px}
  .wmc i{display:block;font-style:normal;color:#6E2338;font-weight:700;font-size:9.6px;margin-bottom:2px}
  .xl-sec{background:#F6EEF0;color:#6E2338;font-weight:700;font-size:8.7px;letter-spacing:.07em;
    padding:5px 8px;border-right:1px solid #E4E2DC;border-bottom:1px solid #E4E2DC}
  .xl-tabs{display:flex;gap:3px;background:#F3F2EE;border-top:1px solid #E4E2DC;padding:5px 9px 6px;font-size:9px;color:#7A776F}
  .xl-tabs span{padding:4px 13px;border-radius:6px}
  .xl-tabs .on{background:#fff;color:#26241F;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.09)}
  .ppt-split{display:grid;grid-template-columns:108px 1fr;min-height:300px}
  .ppt-rail{padding:10px;display:flex;flex-direction:column;gap:8px;background:#EFEDE8;border-right:1px solid #E2E0DA}
  .ppt-rail span{background:#fff;border:1px solid #E0DED8;border-radius:8px;padding:7px 9px 15px;font-size:8.4px;color:#6C6A64}
  .ppt-rail .on{border-color:#9A3550;box-shadow:0 0 0 1.5px rgba(154,53,80,.3)}
  .ppt-stage{padding:clamp(14px,1.6vw,24px);display:grid;place-items:center;
    background:radial-gradient(130% 130% at 74% 16%,#3A1622,#1D0C12 78%)}
  .ppt-slide{background:#FDFCFA;border-radius:10px;padding:18px 22px;width:min(440px,100%);
    box-shadow:0 26px 60px -22px rgba(0,0,0,.6)}
  .ppt-eyebrow{display:block;font-size:8.6px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9A3550}
  .ppt-title{display:block;font-family:var(--display);font-size:17.5px;font-weight:620;letter-spacing:-.012em;color:#1F1E1B;margin-top:5px}
  .ppt-sub{display:block;font-size:8.8px;color:#8A8880;border-bottom:1px solid #ECEAE5;padding-bottom:9px;margin:7px 0 13px}
  .ppt-bars{display:flex;gap:9px;align-items:flex-end;height:60px;margin-bottom:14px}
  .ppt-bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:3px}
  .ppt-bars i{display:block;height:var(--h,40%);border-radius:3px 3px 0 0;
    background:linear-gradient(180deg,rgba(154,53,80,.24),rgba(154,53,80,.42));border-bottom:2px solid #C8899C}
  .ppt-bars i.on{background:linear-gradient(180deg,#9A3550,#6E2338);border-bottom-color:#571A2A}
  .ppt-bars span{font-size:7.4px;color:#98958D;text-align:center}
  .ppt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
  .ppt-kpis b{display:block;font-family:var(--display);font-size:15px;font-weight:620;color:#1F1E1B}
  .ppt-kpis span{display:block;margin-top:2px;font-size:8.2px;color:#8A8880;line-height:1.45}
  .ppt-foot{display:flex;justify-content:space-between;gap:10px;font-size:8.2px;color:#98958D;
    border-top:1px solid #ECEAE5;padding-top:8px}
  .ppt-foot .xl-src{font-size:8.2px}

  /* ---------- v10: lens word doc ---------- */
  .lens-doc{width:min(560px,92%)}
  .memo-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;margin:10px 0 12px;
    padding-bottom:11px;border-bottom:1px solid rgba(20,19,16,.1);font-size:10.5px;color:#3B3A35}
  .memo-meta b{display:inline-block;min-width:38px;font-weight:700;color:#8A8880;font-size:9px;
    letter-spacing:.08em;text-transform:uppercase}
  .memo-date{text-align:right;font-size:9.5px;color:#98958D;margin:6px 0 0;font-variant-numeric:tabular-nums}
  .lens-doc .memo-t{font-size:13px;margin:2px 0 0}
  .lens-doc .memo-r{font-size:11px}
  .lens-doc .lb-foot{font-size:10px;margin-top:10px}

  /* ---------- v10: stage modes ---------- */
  .xam-screen{transition:background .5s var(--ease),border-color .5s var(--ease)}
  .xam-screen[data-mode="vault"]{
    background:
      radial-gradient(640px 380px at 84% -12%,rgba(154,53,80,.4),transparent 64%),
      radial-gradient(500px 320px at -6% 112%,rgba(178,96,122,.22),transparent 60%),
      linear-gradient(155deg,#2A1B15,#151010 72%);
    border-color:rgba(255,255,255,.14);outline-color:transparent}
  .xam-screen[data-mode="vault"]::after{background:linear-gradient(180deg,transparent 82%,rgba(10,7,6,.4))}
  .xam-screen[data-mode="vault"] .xa-match{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);
    outline:0;color:var(--ivory-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
  .xam-screen[data-mode="vault"] .xa-match em{color:var(--goldlt)}
  .vault-rows{display:flex;flex-direction:column;gap:8px;margin-top:auto}
  .vrow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 18px;
    border-radius:13px;background:rgba(244,241,235,.06);border:1px solid rgba(255,255,255,.12);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .vrow span{font-size:12.5px;color:var(--ivory-mut)}
  .vrow b{font-family:var(--display);font-size:14.5px;font-weight:580;color:var(--goldlt);letter-spacing:-.005em}
  .xam-screen[data-mode="zero"] .xam-art{justify-content:center;gap:clamp(18px,2vw,30px)}
  .xam-screen[data-mode="zero"] .xa-match{align-self:center}
  .zero-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .zero-cells div{border-radius:20px;padding:22px 12px 20px;text-align:center;
    background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.3));
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 18px 40px -20px rgba(56,44,32,.35)}
  .zero-cells b{display:block;font-family:var(--display);font-weight:560;font-size:clamp(38px,3.6vw,54px);line-height:1;color:var(--ink)}
  .zero-cells span{display:block;margin-top:8px;font-size:11.5px;color:var(--ink-soft)}

  /* ---------- v10: triptych fits the fold ---------- */
  .sec-trip{padding:clamp(54px,5vw,80px) 0}
  .sec-trip .sechead{margin-bottom:clamp(22px,2.4vw,36px)}
  .sec-trip .tp{min-height:272px;padding:20px 22px}
  .sec-trip .tp-vis{padding:4px 0 12px}
  .tp-dim{opacity:.32}
  .tp-dim:hover{opacity:.9}
  .sec-trip .kthird{margin-top:clamp(28px,3vw,44px);color:var(--ivory)}
  .sec-trip .kthird em{color:var(--goldlt)}

  @media (max-width:1180px){
    .wm-split{grid-template-columns:1fr}
    .wm-comm{border-left:0;border-top:1px solid #ECEAE5}
  }
  @media (max-width:980px){
    .c5{grid-template-columns:minmax(0,1fr)}
    .c5-flip .c5-art{order:0}
    .capnav{top:80px}
    .ppt-split{grid-template-columns:1fr}
    .ppt-rail{flex-direction:row;border-right:0;border-bottom:1px solid #E2E0DA}
    .ppt-rail span{flex:1}
    .zero-cells{grid-template-columns:1fr;gap:8px}
    .zero-cells div{padding:14px}
    .zero-cells b{font-size:30px}
  }

  @media (prefers-reduced-motion:reduce){
    .wsplit .wd{opacity:1;transform:none;filter:none}
    #progress{display:none}
  }

  /* ================= V11 ================= */

  /* ---------- v11: the wordmark voice — serif caps for every label ---------- */
  .crumb,.ask-kicker,.hero-eyebrow,.c5-num,.cap-returns-lbl,.ix-top span,.fcol b,.rtag,.gcap{
    font-family:var(--display);font-weight:620;letter-spacing:.2em}
  .c5-returns>span:first-child{font-family:var(--display);font-weight:620;letter-spacing:.18em;
    text-transform:uppercase;font-size:10.5px}

  /* ---------- v11: hero headline set in the wordmark ---------- */
  #hero{background:#140D12}
  .hero-h1{text-transform:uppercase;letter-spacing:.11em;font-weight:610;
    font-size:clamp(37px,4.4vw,82px);line-height:1.1;max-width:none}
  .hero-h1 .dot{color:#D287A0}
  .hero-sub{margin-top:22px;font-family:var(--display);font-style:italic;font-weight:520;
    font-size:clamp(20px,2vw,31px);letter-spacing:-.012em;color:#D287A0}
  #hero .hero-core .lede{margin-top:16px}

  /* ---------- v11: statement, ruled and split ---------- */
  .stm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,90px);align-items:start;
    border-top:1px solid var(--line);padding-top:clamp(44px,4.5vw,70px)}
  .stm .crumb{margin-bottom:22px}
  .stm h2{font-size:clamp(40px,4.2vw,76px);letter-spacing:-.022em;line-height:1.04}
  .verbs{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column}
  .verbs li{display:flex;align-items:baseline;gap:14px;padding:13px 2px;border-top:1px solid var(--line);
    font-family:var(--display);font-weight:565;font-size:clamp(17px,1.35vw,21px);letter-spacing:-.01em;color:var(--ink)}
  .verbs li:last-child{border-bottom:1px solid var(--line)}
  .verbs li i{font-style:normal;flex:none;width:6px;height:6px;border-radius:50%;background:var(--burg);
    align-self:center}
  .verbs li span{color:var(--ink-mut);font-family:var(--sans);font-size:13px;font-weight:480;
    margin-left:auto;text-align:right;flex:none}
  @media (max-width:980px){.stm{grid-template-columns:minmax(0,1fr)}.verbs li span{display:none}}

  /* ---------- v11: the ask, lit from beneath ---------- */
  .askband{overflow:clip}
  .askband::before{content:"";position:absolute;left:50%;top:54%;width:min(1150px,92vw);height:600px;
    transform:translate(-50%,-50%);pointer-events:none;
    background:radial-gradient(closest-side,rgba(154,53,80,.08),transparent 70%)}
  .askband .wrap{position:relative;z-index:2}

  /* ---------- v11: the arithmetic line ---------- */
  .roiline{padding:clamp(24px,2.6vw,44px) 0 clamp(84px,8.5vw,130px)}
  .roiline-inner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:clamp(32px,3.2vw,50px) 2px}
  .roiline-q{font-family:var(--display);font-weight:575;font-size:clamp(23px,2.2vw,36px);
    letter-spacing:-.017em;line-height:1.16;max-width:26ch;text-wrap:balance}
  .roiline-go{margin-top:18px}

  /* ---------- v11: rest-of-desk, a ruled band not a card ---------- */
  .brband{background:none;border:0;border-radius:0;box-shadow:none;outline:0;
    -webkit-backdrop-filter:none;backdrop-filter:none;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:clamp(30px,3.2vw,48px) 2px}

  /* ---------- v11: delivery promises, ruled columns not cards ---------- */
  .proms{gap:0}
  .proms .prom,.proms .prom:hover{background:none;border:0;outline:0;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;transform:none}
  .proms .prom{border-left:1px solid var(--line);padding:8px 32px}
  .proms .prom:first-child{border-left:0;padding-left:0}
  .proms .prom b{font-size:22px}
  @media (max-width:1180px){
    .proms{row-gap:38px}
    .proms .prom:nth-child(odd){border-left:0;padding-left:0}
  }
  @media (max-width:720px){
    .proms .prom{border-left:0;padding:16px 0 8px;border-top:1px solid var(--line)}
    .proms .prom:first-child{border-top:0;padding-top:0}
  }

  /* ---------- v11: the register, a sticky index and a flow ---------- */
  .reg-grid{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:clamp(36px,4.2vw,88px);align-items:start}
  .reg-rail{position:sticky;top:100px}
  .reg-rail .sechead{margin-bottom:0}
  .reg-rail h2{font-size:clamp(30px,2.7vw,46px)}
  .reg-rail .lede{font-size:15px}
  #register .capnav{position:static;display:flex;flex-direction:column;gap:0;width:auto;max-width:none;
    margin:clamp(26px,2.6vw,42px) 0 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
  #register .capnav button{display:flex;align-items:baseline;gap:14px;padding:15px 2px;border-radius:0;
    border-top:1px solid var(--lined);font-family:var(--display);font-size:16.5px;font-weight:570;
    letter-spacing:-.008em;color:var(--ivory-mut)}
  #register .capnav button:last-child{border-bottom:1px solid var(--lined)}
  #register .capnav button i{font-family:var(--sans);font-size:10px;letter-spacing:.12em;color:var(--ivory-mut);
    font-variant-numeric:tabular-nums;transition:color .3s}
  #register .capnav button:hover{background:none;color:var(--ivory-soft)}
  #register .capnav button.on{background:none;color:var(--ivory);padding-left:18px;
    box-shadow:inset 2.5px 0 0 var(--goldlt)}
  #register .capnav button.on i{color:var(--goldlt)}
  .reg-flow .c5{scroll-margin-top:120px}
  .reg-flow .c5:first-of-type{border-top:0;padding-top:clamp(8px,1vw,16px)}
  .reg-grid>*,.c5>*,.mgrid>*,.ggrid>*{min-width:0}
  .wm{min-width:0;max-width:100%}
  .xl-tabs{flex-wrap:wrap}
  .c5-copy{position:relative}
  @media (max-width:1460px){
    .reg-flow .c5{grid-template-columns:minmax(0,1fr);gap:30px}
    .reg-flow .c5-flip .c5-art{order:0}
  }
  @media (max-width:1180px){
    .reg-grid{grid-template-columns:minmax(0,1fr)}
    .reg-rail{position:static}
    .reg-flow .c5{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
    .reg-flow .c5-flip .c5-art{order:2}
    #register .capnav{flex-direction:row;overflow-x:auto;gap:4px;padding:8px 0;
      border-top:1px solid var(--lined);border-bottom:1px solid var(--lined)}
    #register .capnav button{border:0;padding:8px 14px;white-space:nowrap;font-size:14px}
    #register .capnav button.on{padding-left:14px;box-shadow:none;color:var(--goldlt)}
    .c5-copy::before{display:none}
  }
  @media (max-width:980px){
    .reg-flow .c5{grid-template-columns:minmax(0,1fr)}
    .reg-flow .c5-flip .c5-art{order:0}
  }

  /* ---------- v11: security — the gauntlet, live-site pipe ---------- */
  .ggrid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,4.5vw,84px);align-items:start}
  .gsticky{position:sticky;top:104px}
  .gsticky .sechead{margin-bottom:0}
  .gnum{margin-top:30px;font-family:var(--display);font-weight:600;font-size:clamp(64px,6.6vw,104px);
    line-height:.92;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
  .gcap{margin-top:14px;font-size:11px;text-transform:uppercase;color:var(--ink-mut);
    max-width:38ch;line-height:2}
  .gfacts{margin-top:28px;display:flex;flex-direction:column}
  .gfact{display:flex;gap:13px;padding:15px 2px;border-top:1px solid var(--line);
    font-size:14px;color:var(--ink-soft);line-height:1.6}
  .gfact:last-child{border-bottom:1px solid var(--line)}
  .gfact i{font-style:normal;flex:none;width:6px;height:6px;border-radius:50%;background:var(--burg);margin-top:.55em}
  .gfact b{color:var(--ink);font-weight:580}
  .gpipe{max-width:660px;margin-left:auto;display:flex;flex-direction:column}
  .gmailc{display:flex;align-items:center;gap:14px;border-radius:18px;padding:15px 20px}
  .gmailc .gav{width:38px;height:38px;border-radius:50%;background:#1B1917;color:#fff;display:grid;
    place-items:center;font-size:12.5px;font-weight:600;flex:none}
  .gmailc b{display:block;font-size:13.5px;font-weight:600}
  .gmailc .gsub{display:block;font-size:12px;color:var(--ink-soft)}
  .gmailc .gto{margin-left:auto;font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
    color:var(--ink-mut);text-align:right;max-width:16ch;line-height:1.7}
  .gjoin{position:relative;width:1.5px;height:38px;margin:0 auto;flex:none;overflow:hidden;
    background:linear-gradient(180deg,rgba(110,35,56,.03),rgba(110,35,56,.42) 50%,rgba(110,35,56,.03))}
  .gjoin::after{content:"";position:absolute;left:50%;top:-8%;width:5px;height:5px;margin-left:-2.5px;
    border-radius:50%;background:var(--burg);opacity:0;animation:gdrop 2.8s ease-in-out infinite}
  @keyframes gdrop{0%{top:-8%;opacity:0}14%{opacity:.8}80%{opacity:.8}100%{top:104%;opacity:0}}
  .ggate{display:grid;grid-template-columns:46px 1fr auto;gap:18px;align-items:center;
    border-radius:20px;padding:19px 24px}
  .gno{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
    font-family:var(--display);font-weight:600;font-size:15px;color:var(--burg);
    background:linear-gradient(172deg,#fff,rgba(255,255,255,.6));border:1px solid #fff;
    outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 #fff,0 10px 22px -10px rgba(56,44,32,.3);font-variant-numeric:tabular-nums}
  .gtt{font-family:var(--display);font-weight:590;font-size:19px;letter-spacing:-.012em}
  .gtq{font-family:var(--display);font-style:italic;font-weight:500;font-size:13.5px;color:var(--ink-soft);
    margin-top:2px;line-height:1.5}
  .gchecks{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
  .gck{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);
    padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(20,19,16,.08)}
  .gx{text-align:right;align-self:start;padding-top:3px}
  .gx b{display:block;font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.01em}
  .gx span{display:block;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
    color:var(--ink-mut);margin-top:2px}
  .gseal{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 auto;border-radius:999px;
    padding:13px 26px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
    color:var(--ink-soft)}
  .gseal b{color:#3E7A54;font-weight:700}
  .gseal i{width:8px;height:8px;border-radius:50%;background:#3E7A54;box-shadow:0 0 0 4px rgba(62,122,84,.14);
    font-style:normal;flex:none}
  .greject{display:flex;align-items:flex-start;gap:13px;margin:26px auto 0;max-width:560px;border-radius:16px;
    padding:15px 20px;border:1.5px dashed rgba(110,35,56,.3);background:rgba(255,255,255,.44);
    font-size:13.5px;color:var(--ink-soft);line-height:1.6}
  .greject b{color:var(--ink)}
  .greject .nx{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(110,35,56,.1);
    color:var(--burg);display:grid;place-items:center;font-size:11px;font-style:normal;margin-top:2px}
  @media (max-width:1180px){
    .ggrid{grid-template-columns:minmax(0,1fr)}
    .gsticky{position:static}
    .gpipe{margin:44px auto 0;max-width:660px}
  }
  @media (max-width:640px){
    .ggate{grid-template-columns:38px 1fr}
    .gx{display:none}
    .gno{width:38px;height:38px;border-radius:11px;font-size:13px}
    .gmailc{flex-wrap:wrap}
    .gmailc .gto{margin-left:52px;text-align:left;max-width:none}
  }

  /* ---------- v11: retention — deleted here, kept in your inbox ---------- */
  .sx-keep{margin:clamp(26px,3vw,42px) 0 clamp(12px,1.6vw,20px);padding:22px 28px;max-width:78ch;
    border-left:2.5px solid var(--burg);border-radius:0 18px 18px 0;
    background:linear-gradient(90deg,rgba(110,35,56,.055),rgba(110,35,56,0) 82%)}
  .sx-keep b{display:block;font-family:var(--display);font-weight:590;font-size:19px;letter-spacing:-.01em;margin-bottom:6px}
  .sx-keep p{font-size:14.5px;color:var(--ink-soft);line-height:1.7}

  /* ================= V12 ================= */

  /* ---------- v12: file icons — folded-corner document tiles ---------- */
  .fic{position:relative;overflow:hidden;letter-spacing:.05em;display:grid;place-items:center;color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -6px 10px -7px rgba(0,0,0,.24),0 2px 5px -2px rgba(0,0,0,.25)}
  .fic::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 46%)}
  .fic::after{content:"";position:absolute;top:0;right:0;width:24%;height:24%;pointer-events:none;
    background:linear-gradient(225deg,rgba(255,255,255,.32) 0 49%,transparent 52%);
    border-bottom-left-radius:40%}
  .fic-doc{background:linear-gradient(155deg,#5B84C4,#2C4C7C)}
  .fic-xls{background:linear-gradient(155deg,#4E9068,#23593B)}
  .fic-ppt{background:linear-gradient(155deg,#C96A44,#8F3E1E)}
  .fic-pdf{background:linear-gradient(155deg,#A34A4A,#6B2525)}
  .fic-zip{background:linear-gradient(155deg,#6B675F,#383632)}
  .fic-sol{background:linear-gradient(155deg,#A0405C,#571A2A)}

  /* ---------- v12: fifty contracts, as a claim not a console ---------- */
  .fifty{position:relative;overflow:clip;max-width:960px;margin:0 auto;text-align:center;
    border-radius:30px;padding:clamp(48px,5vw,80px) clamp(28px,4.5vw,88px);color:var(--ivory);
    background:radial-gradient(120% 150% at 50% 128%,#43202D 0%,#241119 52%,#150C11 100%);
    box-shadow:0 60px 120px -48px rgba(21,12,17,.75),inset 0 1px 0 rgba(255,255,255,.09)}
  .fifty::before{content:"";position:absolute;left:50%;bottom:-190%;width:220%;aspect-ratio:1;transform:translateX(-50%);
    border-radius:50%;border-top:1px solid rgba(244,241,235,.12);pointer-events:none;
    box-shadow:0 -40px 120px -40px rgba(196,110,136,.4)}
  .fifty .crumb{color:var(--goldlt)}
  .fifty h2{font-size:clamp(30px,3vw,52px);letter-spacing:-.02em;margin-top:6px}
  .fifty h2 em{font-style:italic;font-weight:520;color:#D287A0}
  .fifty-lede{margin:18px auto 0;max-width:52ch;font-size:clamp(14.5px,1.15vw,17px);line-height:1.7;color:var(--ivory-soft)}
  .fifty-nums{display:grid;grid-template-columns:repeat(3,1fr);margin:clamp(30px,3.2vw,48px) auto 0;max-width:760px}
  .fifty-nums>div{padding:4px 18px;border-left:1px solid var(--lined)}
  .fifty-nums>div:first-child{border-left:0}
  .fifty-nums b{display:block;font-family:var(--display);font-weight:560;font-size:clamp(34px,3vw,54px);
    letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
  .fifty-nums span{display:block;margin-top:8px;font-size:12.5px;color:var(--ivory-mut)}
  .fifty-back{margin-top:clamp(28px,3vw,44px);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
  .fifty-back .dl-chip{margin-left:0}
  .fifty-note{font-size:13px;color:var(--ivory-mut)}
  @media (max-width:640px){.fifty-nums{grid-template-columns:1fr;gap:22px}.fifty-nums>div{border-left:0}}

  /* ---------- v12: the examination stage is the screen itself ---------- */
  .xam-screen{padding:0;background:none;border:0;outline:0;box-shadow:none;border-radius:0;overflow:visible;
    -webkit-backdrop-filter:none;backdrop-filter:none}
  .xam-screen::after{display:none}
  .xam-art>.wm,.xam-art>.xa{border-radius:20px;
    background:rgba(255,255,255,.62);
    -webkit-backdrop-filter:blur(28px) saturate(1.65);backdrop-filter:blur(28px) saturate(1.65);
    border:1px solid rgba(255,255,255,.9);outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 44px 90px -36px rgba(56,44,32,.5),0 10px 30px -18px rgba(56,44,32,.26)}
  .xam-art>.wm{overflow:hidden}
  .xam-art .wm-bar{background:rgba(255,255,255,.42);border-bottom:1px solid rgba(20,19,16,.06);padding:11px 14px;
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .xam-art .wm-bar i:nth-child(1){background:#E8756B}
  .xam-art .wm-bar i:nth-child(2){background:#E9BC58}
  .xam-art .wm-bar i:nth-child(3){background:#79C482}
  .xam-art .xa-match{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);
    -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px -18px rgba(56,44,32,.3)}
  .xam-screen[data-mode="vault"],.xam-screen[data-mode="zero"]{border-radius:24px;overflow:hidden;
    padding:clamp(15px,1.5vw,24px);
    background:radial-gradient(130% 105% at 12% -12%,rgba(255,255,255,.92),rgba(255,255,255,.26) 46%,transparent 74%),
      linear-gradient(152deg,rgba(255,255,255,.66),rgba(255,255,255,.2) 54%,rgba(233,226,214,.36));
    -webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);
    border:1px solid rgba(255,255,255,.78);outline:1px solid rgba(20,19,16,.05);outline-offset:-2px;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 44px 90px -38px rgba(56,44,32,.46)}

  /* ---------- v12: training block fills its row ---------- */
  .sx-training{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4.5vw,90px);
    align-items:start;border-top:1px solid var(--line);padding-top:clamp(30px,3.2vw,48px)}
  .sx-training .srcchip{margin-top:22px}
  @media (max-width:980px){.sx-training{grid-template-columns:minmax(0,1fr);gap:24px}}

  /* ---------- v13: hero — deep velvet field, drifting light ---------- */
  #hero{background:linear-gradient(178deg,#100A10 0%,#0C070C 55%,#080508 100%)}
  .hb-photo{position:absolute;inset:-3.5%;background:url(/assets/photo-1-b4aca39a7a.jpg) 62% 40%/cover no-repeat;
    filter:saturate(.82) contrast(1.05) brightness(.86)}
  @media (prefers-reduced-motion: no-preference){.hb-photo{animation:kenburns 38s ease-in-out infinite alternate}}
  @keyframes kenburns{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-1.4%,.8%,0)}}
  .hb-plum{position:absolute;inset:0;background:#241019;mix-blend-mode:color;opacity:.32}
  .hb-tint{position:absolute;inset:0;background:linear-gradient(155deg,#3A1524,#1A0A12 55%,#2A0F1B);
    mix-blend-mode:soft-light;opacity:.9}
  .hb-shade{position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(9,5,8,.78) 0%,rgba(9,5,8,.44) 34%,rgba(9,5,8,.08) 62%,rgba(9,5,8,.14) 100%),
    linear-gradient(180deg,rgba(9,5,8,.5) 0%,rgba(9,5,8,0) 26%,rgba(9,5,8,0) 62%,rgba(8,5,8,.74) 100%)}
  #hero .xl2 .xc{opacity:.4}
  #hero .xl3 .xc{opacity:.16}
  .hb-photo{filter:saturate(.84) contrast(1.05) brightness(.9)}

  /* ---------- v13: bento — the brief as it left the outbox ---------- */
  .miniml{margin-top:22px;border-radius:14px;background:rgba(244,241,235,.07);
    border:1px solid rgba(255,255,255,.1);padding:13px 16px 14px;text-align:left}
  .miniml-h{display:flex;justify-content:space-between;gap:10px;font-size:9.5px;letter-spacing:.1em;
    text-transform:uppercase;color:var(--ivory-mut);padding-bottom:8px;margin-bottom:9px;
    border-bottom:1px solid rgba(244,241,235,.12);white-space:nowrap}
  .miniml p{font-size:12.5px;line-height:1.68;color:var(--ivory-soft)}
  .miniml p b{font-weight:620;color:var(--ivory)}

  /* ---------- v13: bento — index plus zip ---------- */
  .minizip{margin-top:22px;display:flex;flex-direction:column;gap:8px}
  .mz-idx{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 14px;
    font-size:11.5px;color:var(--ink-soft)}
  .mz-idx div{display:flex;gap:10px;align-items:baseline;padding:4.5px 0;border-top:1px dashed rgba(20,19,16,.09)}
  .mz-idx div:first-child{border-top:0}
  .mz-idx i{font-style:normal;font-size:9px;font-weight:660;color:var(--burg);letter-spacing:.06em}
  .mz-idx em{font-style:normal;margin-left:auto;color:var(--ink-mut);font-size:10px;white-space:nowrap}
  .mz-zip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);
    border-radius:12px;padding:9px 14px 9px 10px}
  .mz-zip .fic{width:26px;height:26px;border-radius:7px;font-size:7px;display:grid;place-items:center;
    font-weight:700;color:#fff;flex:none}
  .mz-zip b{font-size:12px;font-weight:600}
  .mz-zip>span:last-child{font-size:10.5px;color:var(--ink-mut);margin-left:auto;white-space:nowrap}

  /* ---------- v13: register — the sheet assembles as it arrives ---------- */
  @media (prefers-reduced-motion: no-preference){
    #register .c5 .xl-grid>span{opacity:0}
    #register .c5.in .xl-grid>span{animation:cellin .5s var(--ease) both}
    #register .c5.in .xl-grid>span:nth-child(-n+7){animation-delay:.1s}
    #register .c5.in .xl-grid>span:nth-child(n+8):nth-child(-n+14){animation-delay:.2s}
    #register .c5.in .xl-grid>span:nth-child(n+15):nth-child(-n+21){animation-delay:.3s}
    #register .c5.in .xl-grid>span:nth-child(n+22):nth-child(-n+28){animation-delay:.4s}
    #register .c5.in .xl-grid>span:nth-child(n+29):nth-child(-n+35){animation-delay:.5s}
    #register .c5.in .xl-grid>span:nth-child(n+36):nth-child(-n+42){animation-delay:.6s}
    #register .c5.in .xl-grid>span:nth-child(n+43){animation-delay:.7s}
    #register .c5 .xl-grid{position:relative}
    #register .c5.in .xl-grid::before{content:"";position:absolute;left:0;right:0;top:-40px;height:40px;z-index:2;
      background:linear-gradient(180deg,transparent,rgba(154,53,80,.1) 55%,rgba(154,53,80,.22));
      animation:sheetscan 1.15s var(--ease) .1s both;pointer-events:none}
    #register .c5 .doctbl tr,#register .c5 .ppt-kpis>div,#register .c5 .ppt-bars>div{opacity:0}
    #register .c5.in .doctbl tr,#register .c5.in .ppt-kpis>div,#register .c5.in .ppt-bars>div{animation:cellin .5s var(--ease) both}
    #register .c5.in .doctbl tr:nth-child(1){animation-delay:.1s}
    #register .c5.in .doctbl tr:nth-child(2),#register .c5.in .ppt-bars>div:nth-child(-n+2){animation-delay:.2s}
    #register .c5.in .doctbl tr:nth-child(3),#register .c5.in .ppt-bars>div:nth-child(-n+4){animation-delay:.3s}
    #register .c5.in .doctbl tr:nth-child(4),#register .c5.in .ppt-bars>div{animation-delay:.4s}
    #register .c5.in .doctbl tr:nth-child(n+5),#register .c5.in .ppt-kpis>div{animation-delay:.55s}
  }
  @keyframes cellin{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
  /* ---------- v15: register — the copy assembles too ---------- */
  @media (prefers-reduced-motion: no-preference){
    #register .c5 .c5-list li,#register .c5 .c5-returns .c5-chip{opacity:0}
    #register .c5.in .c5-list li{animation:cellin .5s var(--ease) both}
    #register .c5.in .c5-list li:nth-child(1){animation-delay:.2s}
    #register .c5.in .c5-list li:nth-child(2){animation-delay:.27s}
    #register .c5.in .c5-list li:nth-child(3){animation-delay:.34s}
    #register .c5.in .c5-list li:nth-child(4){animation-delay:.41s}
    #register .c5.in .c5-list li:nth-child(5){animation-delay:.48s}
    #register .c5.in .c5-list li:nth-child(6){animation-delay:.55s}
    #register .c5.in .c5-returns .c5-chip{animation:cellin .45s var(--ease) both}
    #register .c5.in .c5-returns .c5-chip:nth-child(2){animation-delay:.55s}
    #register .c5.in .c5-returns .c5-chip:nth-child(3){animation-delay:.63s}
    #register .c5.in .c5-returns .c5-chip:nth-child(4){animation-delay:.71s}
    .gframe::before{animation:glowbreathe 7s ease-in-out infinite alternate}
  }
  @keyframes glowbreathe{from{opacity:.5}to{opacity:1}}

  /* ---------- v15.1: client pages — real app bar, create → fill → send ---------- */
  .bkt-brand{display:flex;align-items:baseline;gap:8px;flex:none}
  .bkt-brand b{font-family:var(--display);font-weight:600;letter-spacing:.16em;font-size:12px;color:var(--ink)}
  .bkt-brand em{font-style:normal;font-size:7px;font-weight:640;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mut)}
  .bkt-tabs>span{border-radius:10px}
  .bkt-intake{margin-left:auto;display:flex;align-items:center;gap:9px;border-radius:999px;padding:4px 13px 5px;
    background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(20,19,16,.07),inset 0 1px 0 #fff}
  .bkt-intake em{display:block;font-style:normal;font-size:6.5px;font-weight:640;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mut)}
  .bkt-intake b{display:block;font-size:11px;font-weight:600;color:var(--ink)}
  .bkt-intake i{width:6px;height:6px;border-radius:50%;background:#3E7A54;box-shadow:0 0 0 3px rgba(62,122,84,.13)}
  .bkt-user{margin-left:0}
  .bkt-vhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
  .bkt-vhead h4{font-family:var(--display);font-weight:560;font-size:20px;letter-spacing:-.012em}
  .bkt-newbtn,.bkt-createbtn,.bkt-sendbtn{flex:none;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:600;
    color:var(--ivory);background:linear-gradient(180deg,var(--burglt),var(--burg2));
    box-shadow:0 10px 22px -10px rgba(110,35,56,.6),inset 0 1.5px 0 rgba(255,255,255,.3)}
  .bkt-namer{display:flex;gap:10px;align-items:center}
  .bkt-field{flex:1;display:flex;align-items:center;border-radius:12px;padding:10px 14px;min-height:38px;
    background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(110,35,56,.3),inset 0 1px 0 #fff}
  .bkt-typed{font-style:normal;font-size:13px;font-weight:560;color:var(--ink);white-space:nowrap;overflow:hidden;max-width:0}
  .bkt-caret{width:1.5px;height:15px;background:var(--burg);margin-left:2px}
  .bkt-bico{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex:none;
    background:rgba(110,35,56,.08);color:var(--burg)}
  .bkt-listview,.bkt-bucketview{opacity:0;pointer-events:none}
  @media (prefers-reduced-motion: no-preference){
    .bkt.in .bkt-cur{animation:bkcur 22s ease-in-out infinite}
    .bkt.in .bkt-cur::after{animation:bkclick 22s linear infinite}
    .bkt.in .bkt-home{animation:bkhome 22s linear infinite}
    .bkt.in .bkt-listview{animation:bklist 22s linear infinite}
    .bkt.in .bkt-bucketview{animation:bkbucket 22s linear infinite}
    .bkt.in .bk-bucket{animation:bknav 22s linear infinite}
    .bkt.in .bk-home{animation:bknavhome 22s linear infinite}
    .bkt.in .bkt-namer{animation:bknamer 22s linear infinite}
    .bkt.in .bkt-typed{animation:bktype 22s steps(19) infinite}
    .bkt.in .bkt-caret{animation:bkcaret 22s linear infinite}
    .bkt.in .bkt-drop{animation:bkdrop 22s linear infinite}
    .bkt.in .bkt-ghost{animation:bkghost 22s ease-in-out infinite}
    .bkt.in .bkt-f1{animation:bkf 22s linear infinite}
    .bkt.in .bkt-f2{animation:bkf2 22s linear infinite}
    .bkt.in .bkt-f3{animation:bkf3 22s linear infinite}
    .bkt.in .bkt-f1 .bkt-prog i{animation:bkp1 22s linear infinite}
    .bkt.in .bkt-f2 .bkt-prog i{animation:bkp2 22s linear infinite}
    .bkt.in .bkt-f3 .bkt-prog i{animation:bkp3 22s linear infinite}
    .bkt.in .bkt-f1 .bkt-tick{animation:bkt1 22s linear infinite}
    .bkt.in .bkt-f2 .bkt-tick{animation:bkt2 22s linear infinite}
    .bkt.in .bkt-f3 .bkt-tick{animation:bkt3 22s linear infinite}
    .bkt.in .bkc-a{animation:bkca 22s linear infinite}
    .bkt.in .bkc-b{animation:bkcb 22s linear infinite}
    .bkt.in .bkt-toast{animation:bktoast 22s var(--ease) infinite}
  }
  @keyframes bkcur{
    0%,8%{left:76%;top:42%}
    11%,13%{left:44%;top:13%}
    16%,19%{left:78%;top:27%}
    26%,29.5%{left:64%;top:40%}
    34%,38%{left:55%;top:48%}
    44%{left:60%;top:62%}
    56%,68%{left:72%;top:66%}
    71%,75%{left:80%;top:27%}
    84%,100%{left:76%;top:42%}}
  @keyframes bkclick{
    0%,11.9%{opacity:0;transform:scale(.4)}12%{opacity:.9}14.5%{opacity:0;transform:scale(1.25)}
    17.9%{opacity:0;transform:scale(.4)}18%{opacity:.9}20.5%{opacity:0;transform:scale(1.25)}
    28.9%{opacity:0;transform:scale(.4)}29%{opacity:.9}31.5%{opacity:0;transform:scale(1.25)}
    73.9%{opacity:0;transform:scale(.4)}74%{opacity:.9}76.5%{opacity:0;transform:scale(1.25)}
    100%{opacity:0}}
  @keyframes bkhome{0%,11.5%{opacity:1}12.8%,93.5%{opacity:0}97%,100%{opacity:1}}
  @keyframes bklist{0%,12.9%{opacity:0}14.2%,28%{opacity:1}29.5%,100%{opacity:0}}
  @keyframes bkbucket{0%,30%{opacity:0}31.8%,93%{opacity:1}96.5%,100%{opacity:0}}
  @keyframes bknav{0%,11.5%{background:transparent;box-shadow:none;color:var(--ink-soft);font-weight:400}
    13%,93%{background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(56,44,32,.3);color:var(--ink);font-weight:560}
    97%,100%{background:transparent;box-shadow:none;color:var(--ink-soft);font-weight:400}}
  @keyframes bknavhome{0%,11.5%{background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(56,44,32,.3);color:var(--ink);font-weight:560}
    13%,93%{background:transparent;box-shadow:none;color:var(--ink-soft);font-weight:400}
    97%,100%{background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(56,44,32,.3);color:var(--ink);font-weight:560}}
  @keyframes bknamer{0%,18.5%{opacity:0;transform:translateY(-4px)}19.5%,29%{opacity:1;transform:none}30%,100%{opacity:0}}
  @keyframes bktype{0%,20%{max-width:0}27%,100%{max-width:220px}}
  @keyframes bkcaret{0%,19%{opacity:0}20%,21%{opacity:1}22%,23%{opacity:0}24%,25%{opacity:1}26%,27%{opacity:0}27.5%,28.5%{opacity:1}29%,100%{opacity:0}}
  @keyframes bkdrop{0%,32%{background:rgba(255,255,255,.34);border-color:rgba(110,35,56,.32)}
    34%,39%{background:rgba(110,35,56,.07);border-color:rgba(110,35,56,.6)}
    42%,100%{background:rgba(255,255,255,.34);border-color:rgba(110,35,56,.32)}}
  @keyframes bkghost{0%,31%{opacity:0;left:70%;top:18%}34%{opacity:1;left:56%;top:36%}
    38%{opacity:1;left:53%;top:46%}40.5%{opacity:0;left:53%;top:50%}100%{opacity:0}}
  @keyframes bkf{0%,41%{opacity:0;transform:translateY(7px)}43%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
  @keyframes bkf2{0%,47%{opacity:0;transform:translateY(7px)}49%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
  @keyframes bkf3{0%,53%{opacity:0;transform:translateY(7px)}55%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
  @keyframes bkp1{0%,42%{width:0}56%,100%{width:100%}}
  @keyframes bkp2{0%,48%{width:0}62%,100%{width:100%}}
  @keyframes bkp3{0%,54%{width:0}68%,100%{width:100%}}
  @keyframes bkt1{0%,56%{opacity:0;transform:scale(.5)}58%,100%{opacity:1;transform:scale(1)}}
  @keyframes bkt2{0%,62%{opacity:0;transform:scale(.5)}64%,100%{opacity:1;transform:scale(1)}}
  @keyframes bkt3{0%,68%{opacity:0;transform:scale(.5)}70%,100%{opacity:1;transform:scale(1)}}
  @keyframes bkca{0%,68%{opacity:1}70%,94%{opacity:0}98%,100%{opacity:1}}
  @keyframes bkcb{0%,68%{opacity:0}70%,94%{opacity:1}98%,100%{opacity:0}}
  @keyframes bktoast{0%,75%{opacity:0;transform:translateY(8px)}77.5%,90%{opacity:1;transform:none}93%,100%{opacity:0;transform:translateY(8px)}}
  @media (prefers-reduced-motion: reduce){
    .bkt-listview{display:none}
    .bkt-bucketview{opacity:1;pointer-events:auto}
    .bkt-namer{display:none}
    .bkt-typed{max-width:220px}
  }
  @media (max-width:760px){.bkt-intake{display:none}}

  .bc-dark .minimk{background:rgba(244,241,235,.07);border:1px solid rgba(255,255,255,.13);color:var(--ivory-soft)}
  .bc-dark .minimk .xa-del{color:#E4645A;text-decoration-color:rgba(228,100,90,.85)}
  .bc-dark .minimk .xa-ins{color:#E4645A;border-bottom-color:rgba(228,100,90,.85)}
  .bc-film .miniml{background:linear-gradient(158deg,rgba(255,255,255,.24),rgba(255,255,255,.12) 58%,rgba(255,255,255,.17));
    border:1px solid rgba(255,255,255,.42);
    -webkit-backdrop-filter:blur(34px) saturate(1.8);backdrop-filter:blur(34px) saturate(1.8);
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.12),
      0 22px 48px -22px rgba(0,0,0,.62)}
  .bc-film .miniml-h{color:rgba(255,255,255,.82);border-bottom-color:rgba(255,255,255,.3)}
  .bc-film .miniml p{color:rgba(255,255,255,.95)}
  .bc-film .miniml p b{color:#fff}
  /* ---------- v19: the markup card, played on film ---------- */
  .bc-film{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 34px 70px -30px rgba(0,0,0,.6)}
  .bc-film>div,.bc-film .go{position:relative;z-index:2}
  .bc-vid{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:46% 58%;
    transform:scale(1.16);filter:saturate(.92) contrast(1.05) brightness(.66)}
  .bc-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(165deg,rgba(16,9,13,.5) 0%,rgba(16,9,13,.24) 38%,rgba(16,9,13,.62) 100%)}
  .bc-film h3{color:var(--ivory)}
  .bc-film .bmeta{color:rgba(244,241,235,.74)}
  .bc-film .go{color:var(--ivory)}
  .bc-film .minimk{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
    -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 18px 40px -22px rgba(0,0,0,.6);
    color:rgba(244,241,235,.9)}
  .bc-film .minimk .xa-del{color:#E4645A;text-decoration-color:rgba(228,100,90,.85)}
  .bc-film .minimk .xa-ins{color:#E4645A;border-bottom-color:rgba(228,100,90,.85)}
  /* v21: cards swapped — redline now rides the film tile, the brief rides the dark card */
  .bc-film .miniml .xa-del{color:#FF8F84;text-decoration-color:rgba(255,143,132,.9)}
  .bc-film .miniml .xa-ins{color:#FF8F84;border-bottom-color:rgba(255,143,132,.9)}
  .bc-dark .miniml .xa-del{color:#E4645A;text-decoration-color:rgba(228,100,90,.85)}
  .bc-dark .miniml .xa-ins{color:#E4645A;border-bottom-color:rgba(228,100,90,.85)}
  @keyframes sheetscan{from{top:-40px;opacity:1}85%{opacity:1}to{top:101%;opacity:0}}
  @supports (animation-timeline: view()){
    @media (prefers-reduced-motion: no-preference){
      #register .c5-art{animation:artdrift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    }
  }
  @keyframes artdrift{from{translate:0 26px}to{translate:0 -26px}}

  /* ---------- v13: the bucket, on film ---------- */
  .bkt{position:relative;max-width:980px;margin:0 auto}
  .bkt .aur i{filter:blur(80px)}
  .bkt-win{position:relative;z-index:2;border-radius:26px;overflow:hidden;
    background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.36) 58%,rgba(248,244,238,.5));
    -webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);
    border:1px solid rgba(255,255,255,.88);outline:1px solid rgba(20,19,16,.05);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 50px 110px -42px rgba(56,44,32,.5),0 12px 34px -20px rgba(56,44,32,.24)}
  .bkt-bar{position:relative;display:flex;align-items:center;gap:7px;padding:13px 18px;
    border-bottom:1px solid rgba(20,19,16,.06);background:rgba(255,255,255,.4)}
  .bkt-bar i{width:9px;height:9px;border-radius:50%;font-style:normal}
  .bkt-bar i:nth-child(1){background:#E8756B}.bkt-bar i:nth-child(2){background:#E9BC58}.bkt-bar i:nth-child(3){background:#79C482}
  .bkt-url{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:var(--ink-mut);
    background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:4px 16px;
    box-shadow:inset 0 1px 0 #fff}
  .bkt-body{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:392px}
  .bkt-side{border-right:1px solid rgba(20,19,16,.06);padding:18px 14px;display:flex;flex-direction:column;gap:4px;
    background:rgba(255,255,255,.24)}
  .bkt-firm{display:flex;align-items:center;gap:9px;padding:4px 8px 14px}
  .bkt-mark{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;
    background:linear-gradient(155deg,#8d3149,var(--burg2));color:#fff;font-family:var(--display);font-size:13px;font-weight:620}
  .bkt-firm b{font-size:12.5px;font-weight:600;letter-spacing:-.005em}
  .bkt-nav{display:flex;flex-direction:column;gap:2px}
  .bkt-nav>span{position:relative;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;
    font-size:12.5px;color:var(--ink-soft)}
  .bkt-nav>span svg{flex:none;opacity:.55}
  .bkt-nav .bk-on{color:var(--ink);font-weight:560;background:rgba(255,255,255,.66);
    box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(56,44,32,.3)}
  .bkt-nav .bk-bucket{transition:background .3s}
  .bkt-matter{margin-top:auto;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.5);
    border:1px solid rgba(255,255,255,.85);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mut);
    box-shadow:inset 0 1px 0 #fff}
  .bkt-matter b{display:block;margin-top:3px;font-family:var(--display);font-size:14px;font-weight:580;
    letter-spacing:-.01em;text-transform:none;color:var(--ink)}
  .bkt-stage{position:relative;padding:22px 24px}
  .bkt-view{position:absolute;inset:22px 24px;display:flex;flex-direction:column;gap:12px}
  .bkt-home h4{font-family:var(--display);font-weight:560;font-size:23px;letter-spacing:-.015em}
  .bkt-home .bkh-sub{font-size:12.5px;color:var(--ink-mut);margin-top:-6px}
  .bkt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
  .bkt-card{border-radius:14px;padding:14px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);
    box-shadow:inset 0 1px 0 #fff,0 12px 28px -18px rgba(56,44,32,.3);font-size:11px;color:var(--ink-mut)}
  .bkt-card b{display:block;font-family:var(--display);font-size:17px;font-weight:580;color:var(--ink);margin-bottom:3px}
  .bkt-thread{border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.8);
    display:flex;gap:10px;align-items:center;font-size:12px;color:var(--ink-soft)}
  .bkt-thread .fic{width:24px;height:24px;border-radius:7px;font-size:6.5px;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
  .bkt-thread em{font-style:normal;margin-left:auto;font-size:10.5px;color:var(--ink-mut);white-space:nowrap}
  .bkt-drop{position:relative;border:1.5px dashed rgba(110,35,56,.32);border-radius:16px;padding:26px 18px;
    display:grid;place-items:center;gap:6px;text-align:center;background:rgba(255,255,255,.34);transition:background .3s}
  .bkt-drop svg{opacity:.8}
  .bkt-drop span{font-size:13px;font-weight:560;color:var(--ink)}
  .bkt-drop em{font-style:normal;font-size:11px;color:var(--ink-mut)}
  .bkt-files{display:flex;flex-direction:column;gap:8px}
  .bkt-f{display:flex;align-items:center;gap:11px;border-radius:13px;padding:9px 13px 9px 10px;
    background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);
    box-shadow:inset 0 1px 0 #fff,0 10px 24px -16px rgba(56,44,32,.28)}
  .bkt-f .fic{width:27px;height:27px;border-radius:8px;font-size:7px;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
  .bkt-f>div{flex:1;min-width:0}
  .bkt-f b{display:block;font-size:12px;font-weight:580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bkt-prog{display:block;height:3px;border-radius:99px;background:rgba(20,19,16,.08);margin-top:6px;overflow:hidden}
  .bkt-prog i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#B2607A,var(--burg))}
  .bkt-tick{flex:none;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;
    background:rgba(110,35,56,.1);color:var(--burg);opacity:0;transform:scale(.5)}
  .bkt-foot{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:auto;
    font-size:11px;color:var(--ink-mut)}
  .bkt-count{position:relative;font-weight:560;color:var(--ink-soft)}
  .bkt-count span{transition:opacity .4s}
  .bkt-count .bkc-b{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}
  .bkt-toast{position:absolute;right:20px;bottom:52px;z-index:4;display:flex;align-items:center;gap:9px;
    border-radius:13px;padding:10px 15px;font-size:12px;font-weight:560;color:var(--ink);
    background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:inset 0 1px 0 #fff,0 18px 40px -18px rgba(56,44,32,.4);opacity:0;transform:translateY(8px)}
  .bkt-toast i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(155deg,#8d3149,var(--burg2));color:#fff;font-size:10px}
  .bkt-cur{position:absolute;z-index:6;left:76%;top:30%;width:15px;height:15px;pointer-events:none;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
  .bkt-cur::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(110,35,56,.55);
    opacity:0;transform:scale(.4)}
  .bkt-note{margin-top:16px;text-align:center;font-size:12px;color:var(--ink-mut)}
  /* the loop: one 16s take */
  @media (prefers-reduced-motion: no-preference){
    .bkt.in .bkt-cur{animation:bkcur 16s ease-in-out infinite}
    .bkt.in .bkt-cur::after{animation:bkclick 16s linear infinite}
    .bkt.in .bkt-home{animation:bkhome 16s linear infinite}
    .bkt.in .bkt-bucketview{animation:bkbucket 16s linear infinite}
    .bkt.in .bk-bucket{animation:bknav 16s linear infinite}
    .bkt.in .bk-home{animation:bknavhome 16s linear infinite}
    .bkt.in .bkt-drop{animation:bkdrop 16s linear infinite}
    .bkt.in .bkt-ghost{animation:bkghost 16s ease-in-out infinite}
    .bkt.in .bkt-f1{animation:bkf 16s linear infinite}
    .bkt.in .bkt-f2{animation:bkf2 16s linear infinite}
    .bkt.in .bkt-f3{animation:bkf3 16s linear infinite}
    .bkt.in .bkt-f1 .bkt-prog i{animation:bkp1 16s linear infinite}
    .bkt.in .bkt-f2 .bkt-prog i{animation:bkp2 16s linear infinite}
    .bkt.in .bkt-f3 .bkt-prog i{animation:bkp3 16s linear infinite}
    .bkt.in .bkt-f1 .bkt-tick{animation:bkt1 16s linear infinite}
    .bkt.in .bkt-f2 .bkt-tick{animation:bkt2 16s linear infinite}
    .bkt.in .bkt-f3 .bkt-tick{animation:bkt3 16s linear infinite}
    .bkt.in .bkc-a{animation:bkca 16s linear infinite}
    .bkt.in .bkc-b{animation:bkcb 16s linear infinite}
    .bkt.in .bkt-toast{animation:bktoast 16s var(--ease) infinite}
  }
  .bkt-home{opacity:1}
  .bkt-bucketview{opacity:0;pointer-events:none}
  .bkt-ghost{position:absolute;z-index:5;left:70%;top:12%;opacity:0;display:flex;align-items:center;gap:8px;
    border-radius:11px;padding:7px 12px 7px 8px;font-size:11.5px;font-weight:560;color:var(--ink);
    background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 16px 34px -14px rgba(56,44,32,.45)}
  .bkt-ghost .fic{width:21px;height:21px;border-radius:6px;font-size:6px;display:grid;place-items:center;font-weight:700;color:#fff}
  @keyframes bkcur{
    0%,6%{left:76%;top:30%}
    13%,20%{left:11%;top:44.5%}
    30%,36%{left:55%;top:38%}
    44%{left:60%;top:56%}
    58%,72%{left:71%;top:63%}
    84%,100%{left:76%;top:30%}}
  @keyframes bkclick{0%,13.9%{opacity:0;transform:scale(.4)}14%{opacity:.9;transform:scale(.4)}17.5%{opacity:0;transform:scale(1.25)}
    35.9%{opacity:0;transform:scale(.4)}36%{opacity:.9;transform:scale(.4)}39.5%{opacity:0;transform:scale(1.25)}100%{opacity:0}}
  @keyframes bkhome{0%,15%{opacity:1}18%,92%{opacity:0}97%,100%{opacity:1}}
  @keyframes bkbucket{0%,15.5%{opacity:0}18.5%,92%{opacity:1}97%,100%{opacity:0}}
  @keyframes bknav{0%,14%{background:transparent;box-shadow:none;color:var(--ink-soft);font-weight:400}
    16%,92%{background:rgba(255,255,255,.66);box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(56,44,32,.3);color:var(--ink);font-weight:560}
    97%,100%{background:transparent;box-shadow:none;color:var(--ink-soft);font-weight:400}}
  @keyframes bknavhome{0%,14%{background:rgba(255,255,255,.66);box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(56,44,32,.3);color:var(--ink);font-weight:560}
    16%,92%{background:transparent;box-shadow:none;color:var(--ink-soft);font-weight:400}
    97%,100%{background:rgba(255,255,255,.66);box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(56,44,32,.3);color:var(--ink);font-weight:560}}
  @keyframes bkdrop{0%,28%{background:rgba(255,255,255,.34);border-color:rgba(110,35,56,.32)}
    32%,38%{background:rgba(110,35,56,.07);border-color:rgba(110,35,56,.6)}
    42%,100%{background:rgba(255,255,255,.34);border-color:rgba(110,35,56,.32)}}
  @keyframes bkghost{0%,27%{opacity:0;left:70%;top:12%}30%{opacity:1;left:56%;top:30%}
    36%{opacity:1;left:52%;top:40%}39%{opacity:0;left:52%;top:44%}100%{opacity:0}}
  @keyframes bkf{0%,38%{opacity:0;transform:translateY(7px)}41%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
  @keyframes bkf2{0%,44%{opacity:0;transform:translateY(7px)}47%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
  @keyframes bkf3{0%,50%{opacity:0;transform:translateY(7px)}53%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
  @keyframes bkp1{0%,40%{width:0}54%,100%{width:100%}}
  @keyframes bkp2{0%,46%{width:0}62%,100%{width:100%}}
  @keyframes bkp3{0%,52%{width:0}70%,100%{width:100%}}
  @keyframes bkt1{0%,54%{opacity:0;transform:scale(.5)}57%,100%{opacity:1;transform:scale(1)}}
  @keyframes bkt2{0%,62%{opacity:0;transform:scale(.5)}65%,100%{opacity:1;transform:scale(1)}}
  @keyframes bkt3{0%,70%{opacity:0;transform:scale(.5)}73%,100%{opacity:1;transform:scale(1)}}
  @keyframes bkca{0%,41%{opacity:1}44%,94%{opacity:0}98%,100%{opacity:1}}
  @keyframes bkcb{0%,41%{opacity:0}44%,94%{opacity:1}98%,100%{opacity:0}}
  @keyframes bktoast{0%,73%{opacity:0;transform:translateY(8px)}76%,90%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(8px)}}
  @media (prefers-reduced-motion: reduce){
    .bkt-cur,.bkt-ghost,.bkt-home{display:none}
    .bkt-bucketview{opacity:1;position:static}
    .bkt-view{position:static}
    .bkt-f .bkt-prog i{width:100%}
    .bkt-f .bkt-tick{opacity:1;transform:none}
    .bkt-count .bkc-a{opacity:0}.bkt-count .bkc-b{opacity:1}
    .bk-bucket{background:rgba(255,255,255,.66);color:var(--ink);font-weight:560}
  }
  @media (max-width:760px){
    .bkt-body{grid-template-columns:1fr;min-height:0}
    .bkt-side{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid rgba(20,19,16,.06);padding:12px 14px}
    .bkt-firm{padding:0 6px 0 0}
    .bkt-nav{flex-direction:row}
    .bkt-nav>span{padding:7px 9px;font-size:11.5px}
    .bkt-matter{display:none}
    .bkt-cards{grid-template-columns:1fr 1fr}
    .bkt-stage{min-height:420px}
    .bkt-view{inset:16px}
    .bkt-stage{padding:16px}
  }
  @media (max-width:480px){
    .bkt-nav>span:last-child{display:none}
    .bkt-firm b{display:none}
  }

  /* ---------- v13.2: announcement bar ---------- */
  .topbar{position:fixed;top:0;left:0;right:0;z-index:130;height:36px;
    display:flex;align-items:center;justify-content:center;gap:9px;
    background:linear-gradient(90deg,#4E1725,#6E2338 50%,#4E1725);
    color:rgba(244,241,235,.82);font-size:12.5px;font-weight:520;
    cursor:pointer;white-space:nowrap;overflow:hidden;padding:0 14px;
    transition:transform .4s var(--ease)}
  .topbar b{display:inline-flex;align-items:center;gap:6px;font-weight:640;color:var(--ivory)}
  .topbar svg{transition:transform .25s var(--ease)}
  .topbar:hover svg{transform:translateX(3px)}
  .topbar.hide{transform:translateY(-100%)}
  .nav{top:50px;transition:height .45s var(--ease),box-shadow .45s var(--ease),width .45s var(--ease),top .4s var(--ease)}
  .nav.scrolled{top:12px}
  @media (max-width:600px){.topbar .tbar-q{display:none}}

  /* ---------- v13.3: demo section on film, liquid-glass inbox ---------- */
  #sec-demo{position:relative;overflow:clip}
  #sec-demo .wrap{position:relative;z-index:2}
  .inboxx2{background:linear-gradient(160deg,rgba(255,255,255,.42),rgba(255,255,255,.2) 58%,rgba(248,244,238,.3));
    -webkit-backdrop-filter:blur(32px) saturate(1.5);backdrop-filter:blur(32px) saturate(1.5);
    border:1px solid rgba(255,255,255,.78);outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.92),0 60px 120px -44px rgba(0,0,0,.75)}
  .ixr{background:rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.8);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 26px -18px rgba(20,10,14,.35)}
  .ix-card{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 34px -20px rgba(20,10,14,.4)}
  .ixm{background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.8)}
  .ix-att{background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.88)}

  /* ---------- v14.2: thread view, quieter finale ---------- */
  #ix-thread .ix-subrow{justify-content:flex-start;gap:9px;align-items:baseline}
  #ix-thread .ix-back b{font-weight:620}
  .ixm-solo{max-width:none;padding:16px 20px 18px}
  .eh3{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px}
  .eh3 .ixav{width:40px;height:40px}
  .eh3-m{flex:1;min-width:0}
  .eh3-top{display:flex;align-items:baseline;gap:9px}
  .eh3-top b{font-size:14px;font-weight:620}
  .eh3-addr{font-size:12px;color:var(--ink-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .eh3-time{margin-left:auto;font-size:12px;color:var(--ink-mut);white-space:nowrap}
  .eh3-re{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-soft)}
  #ix-thread .ix-att-dl{display:flex;width:auto;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9)}
  .ix-att-dl .dl{margin-left:auto;color:var(--ink-mut);flex:none}
  .ix-runagain{appearance:none;background:none;border:0;align-self:center;margin-top:14px;padding:0 2px 5px;
    border-bottom:1px solid rgba(20,19,16,.28);font-family:var(--sans);font-size:11.5px;font-weight:620;
    letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mut);cursor:pointer;transition:color .25s,border-color .25s}
  .ix-runagain:hover{color:var(--ink);border-color:var(--ink)}
  .inboxx2.in-thread .ix-tool{visibility:hidden}

  /* ---------- v14.2: the nav reads the room ---------- */
  .nav{transition:height .45s var(--ease),box-shadow .45s var(--ease),width .45s var(--ease),top .4s var(--ease),
    background .5s var(--ease),border-color .5s var(--ease)}
  .nav.nav-dark{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02)),rgba(26,17,20,.5);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px -30px rgba(0,0,0,.65)}
  .nav-dark .brand,.nav-dark .nl>a,.nav-dark .nl>button,.nav-dark .login,.nav-dark .mbtn{color:var(--ivory)}
  .nav-dark .nl>a:hover,.nav-dark .nl>button:hover,.nav-dark .nl.open>button,.nav-dark .login:hover{background:rgba(244,241,235,.1)}
  .nav-dark .nl>a.cur,.nav-dark .nl.curdd>button{background:rgba(210,135,160,.2);color:#E8BCCB}

  /* ---------- v14.2: register on film, seen through the glass ---------- */
  #register{position:relative;overflow:clip}
  #register .wrap{position:relative;z-index:2}

  /* ---------- v14.3: six artifact formats, tidier bands ---------- */
  .fic-eml{background:linear-gradient(160deg,#3F6EA5,#2A4A72)}
  .atabs{flex-wrap:wrap}
  .art[data-pos="3"],.art[data-pos="4"],.art[data-pos="5"]{transform:translateY(-110px) scale(.8);z-index:0;opacity:0;pointer-events:none}
  .sechead .lede{max-width:66ch}
  .ol-av,.ol-eh .ol-av,.ol-row .ol-av{display:grid;place-items:center;line-height:1;text-align:center;padding:0;
    font-size:12px;color:#fff}
  .dva,.ixav,.tm-av,.aw-av{line-height:1}

  /* ---------- v14.4: client pages — silver glass, top navbar ---------- */
  .bkt-win{border-radius:30px;background:
    radial-gradient(120% 90% at 18% -12%,rgba(255,255,255,.92),rgba(255,255,255,0) 55%),
    linear-gradient(175deg,#F8F7F5 0%,#ECEAE7 55%,#F2F0ED 100%);
    border:1px solid rgba(255,255,255,.92);outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    -webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);
    box-shadow:inset 0 2px 0 #fff,inset 0 -1px 0 rgba(20,19,16,.05),
      0 60px 120px -46px rgba(56,44,32,.5),0 16px 40px -24px rgba(56,44,32,.22)}
  .bkt-win::after{content:"";position:absolute;inset:0;z-index:7;border-radius:inherit;pointer-events:none;
    background:linear-gradient(105deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.1) 14%,rgba(255,255,255,0) 30%,
      rgba(255,255,255,0) 68%,rgba(255,255,255,.08) 82%,rgba(255,255,255,0) 94%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
  .bkt-bar{background:rgba(255,255,255,.55)}
  .bkt-nav2{display:flex;align-items:center;gap:14px;padding:9px 18px;
    border-bottom:1px solid rgba(20,19,16,.07);background:rgba(255,255,255,.42)}
  .bkt-firm2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:620;color:var(--ink)}
  .bkt-firm2 svg{opacity:.45}
  .bkt-tabs{display:flex;gap:4px;margin-left:10px}
  .bkt-nav2{position:relative}
  .bkt-tabs>span{position:relative;padding:7px 15px;border-radius:999px;font-size:12.5px;color:var(--ink-soft)}
  .bkt-user{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(160deg,#E9E4DC,#D8D2C8);font-size:10.5px;font-weight:640;color:var(--ink-soft);
    box-shadow:inset 0 1px 0 #fff}
  .bkt-stage{min-height:392px}
  .bkh-name{color:var(--ink-mut)}
  @keyframes bkcur{
    0%,6%{left:76%;top:34%}
    13%,20%{left:53%;top:12.5%}
    30%,36%{left:55%;top:42%}
    44%{left:60%;top:58%}
    58%,72%{left:71%;top:64%}
    84%,100%{left:76%;top:34%}}
  @keyframes bkclick{0%,13.9%{opacity:0;transform:scale(.4)}14%{opacity:.9;transform:scale(.4)}17.5%{opacity:0;transform:scale(1.25)}
    35.9%{opacity:0;transform:scale(.4)}36%{opacity:.9;transform:scale(.4)}39.5%{opacity:0;transform:scale(1.25)}100%{opacity:0}}
  @media (max-width:640px){.bkt-tabs{position:static;transform:none;margin-left:auto}.bkt-user{display:none}
    .bkt-tabs>span:last-child{display:none}.bkt-firm2 b{display:none}}

  /* ==================== v21 ==================== */

  /* ---- the register: one full-bleed slab, squared off ---- */
  #register{width:100%;max-width:none;margin-left:0;margin-right:0;border-radius:0}
  #register::after{border-radius:0}
  #register>.wrap{padding-top:clamp(6px,1vw,18px)}
  .sec-dark+#register{margin-top:clamp(26px,2.6vw,42px)}

  /* ---- eyebrows read white on the dark, not pink ---- */
  .c5-num{color:var(--ivory);opacity:.94}
  .fifty .crumb{color:var(--ivory)}

  /* ---- the rail: this is a sample, not a ceiling ---- */
  .reg-rail .reg-note{margin-top:20px;font-size:12.5px;line-height:1.65;color:var(--ivory-mut);max-width:36ch}
  #register .capnav button.cn-more{font-style:italic;color:var(--ivory-mut);font-size:15.5px}
  #register .capnav button.cn-more:hover{color:var(--goldlt)}
  #register .capnav button.cn-more i{color:var(--goldlt)}

  /* ---- "everything else": alive on scroll, richer format chips ---- */
  .cap-erow{position:relative;transition:background .32s var(--ease)}
  .cap-erow::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;
    background:linear-gradient(180deg,var(--burglt),var(--burg));transform:scaleY(0);transform-origin:50% 50%;
    transition:transform .38s var(--ease)}
  .cap-erow:hover::before{transform:scaleY(1)}
  .cap-erow:hover{background:linear-gradient(90deg,rgba(110,35,56,.055),transparent 62%)}
  .cap-erow:hover .cap-erow-num{color:var(--burg)}
  .cap-erow-num{transition:color .3s}
  .cap-erow-chips .fic{transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
  .cap-erow:hover .cap-erow-chips .fic{transform:translateY(-3px);box-shadow:0 10px 18px -10px rgba(56,44,32,.5)}
  .cap-erow:hover .cap-erow-chips .fic:nth-child(2){transition-delay:.03s}
  .cap-erow:hover .cap-erow-chips .fic:nth-child(3){transition-delay:.06s}
  .cap-erow:hover .cap-erow-chips .fic:nth-child(4){transition-delay:.09s}
  @keyframes erowin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion: no-preference){
    .cap-etable.in .cap-erow{animation:erowin .62s var(--ease) both}
    .cap-etable.in .cap-erow:nth-child(1){animation-delay:.02s}
    .cap-etable.in .cap-erow:nth-child(2){animation-delay:.08s}
    .cap-etable.in .cap-erow:nth-child(3){animation-delay:.14s}
    .cap-etable.in .cap-erow:nth-child(4){animation-delay:.2s}
    .cap-etable.in .cap-erow:nth-child(5){animation-delay:.26s}
    .cap-etable.in .cap-erow:nth-child(6){animation-delay:.32s}
    .cap-etable.in .cap-erow:nth-child(7){animation-delay:.38s}
    .cap-etable.in .cap-erow:nth-child(8){animation-delay:.44s}
    .cap-etable.in .cap-erow:nth-child(9){animation-delay:.5s}
  }

  /* ---- the client pages, on glass ---- */
  .bkx{position:relative;max-width:1020px;margin:0 auto}
  .bkx .aur i{filter:blur(88px)}
  .bkx-win{position:relative;z-index:2;border-radius:26px;overflow:hidden;isolation:isolate;
    background:
      radial-gradient(105% 88% at 6% -14%,rgba(186,104,132,.72),transparent 62%),
      radial-gradient(95% 88% at 96% 112%,rgba(212,138,102,.62),transparent 62%),
      radial-gradient(72% 62% at 66% 40%,rgba(226,186,182,.6),transparent 66%),
      linear-gradient(166deg,#EFE4E2,#E7DAD8 52%,#EDE3DF);
    -webkit-backdrop-filter:blur(40px) saturate(1.9);backdrop-filter:blur(40px) saturate(1.9);
    border:1px solid rgba(255,255,255,.86);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(20,19,16,.05),
      0 64px 124px -48px rgba(56,44,32,.5),0 16px 42px -26px rgba(56,44,32,.24)}
  .bkx-win::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;
    background:linear-gradient(104deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.06) 15%,transparent 31%,
      transparent 71%,rgba(255,255,255,.1) 85%,transparent 97%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
  .bkx-chrome{position:relative;display:flex;align-items:center;gap:7px;padding:12px 18px;
    background:rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .bkx-chrome i{width:9px;height:9px;border-radius:50%;font-style:normal;flex:none}
  .bkx-chrome i:nth-child(1){background:#E8756B}
  .bkx-chrome i:nth-child(2){background:#E9BC58}
  .bkx-chrome i:nth-child(3){background:#79C482}
  .bkx-url{position:absolute;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;
    font-size:11px;color:var(--ink-mut);background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);
    border-radius:999px;padding:4px 16px;box-shadow:inset 0 1px 0 #fff}
  .bkx-app{padding:16px 18px 18px;display:flex;flex-direction:column;gap:13px}
  .bkx-nav{display:flex;align-items:center;gap:11px;border-radius:18px;padding:7px 9px 7px 17px;
    background:linear-gradient(150deg,rgba(255,255,255,.72),rgba(255,255,255,.4));
    border:1px solid rgba(255,255,255,.78);
    -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.96),0 20px 40px -24px rgba(78,52,58,.5)}
  .bkx-brand{flex:none;font-family:var(--display);font-weight:600;letter-spacing:.17em;font-size:11.5px;color:var(--ink)}
  .bkx-tabs{display:flex;gap:2px;margin:0 auto 0 6px}
  .bkx-t{position:relative;padding:7px 12px;border-radius:999px;font-size:11.5px;color:var(--ink-soft);white-space:nowrap}
  .bkx-t-home{background:rgba(255,255,255,.9);color:var(--ink);font-weight:560;
    box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(56,44,32,.4)}
  .bkx-intake{display:flex;align-items:center;gap:9px;flex:none;border-radius:999px;padding:4px 13px 5px;
    background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(20,19,16,.07),inset 0 1px 0 #fff}
  .bkx-intake em{display:block;font-style:normal;font-size:6.5px;font-weight:660;letter-spacing:.2em;
    text-transform:uppercase;color:var(--ink-mut)}
  .bkx-intake b{display:block;font-size:10.5px;font-weight:600;color:var(--ink)}
  .bkx-intake .dot{width:6px;height:6px;border-radius:50%;background:#3E7A54;box-shadow:0 0 0 3px rgba(62,122,84,.14)}
  .bkx-me{display:flex;align-items:center;gap:8px;flex:none;padding-right:5px}
  .bkx-me i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex:none;
    background:linear-gradient(160deg,#EDE8E0,#D9D3C9);font-size:9.5px;font-weight:660;color:var(--ink-soft);
    box-shadow:inset 0 1px 0 #fff}
  .bkx-me b{display:block;font-size:10.5px;font-weight:620;color:var(--ink);line-height:1.25}
  .bkx-me em{display:block;font-style:normal;font-size:9px;color:var(--ink-mut)}
  .bkx-stage{position:relative;min-height:584px}
  .bkx-view{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;border-radius:20px;
    padding:18px 22px;overflow:hidden;
    background:linear-gradient(158deg,rgba(255,255,255,.66),rgba(255,255,255,.36));
    border:1px solid rgba(255,255,255,.72);
    -webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.3),
      0 30px 62px -34px rgba(78,52,58,.5),0 6px 16px -10px rgba(78,52,58,.16);
    opacity:0;pointer-events:none}
  .bkx-v-home{opacity:1}
  .bkx-kick{font-size:8px;font-weight:680;letter-spacing:.2em;text-transform:uppercase;color:var(--burg)}
  .bkx-hi{font-family:var(--display);font-weight:560;font-size:27px;letter-spacing:-.018em;color:var(--ink);
    margin-top:-4px}
  .bkx-tip{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--ink-soft);margin-top:-3px}
  .bkx-tip i{flex:none;font-style:normal;font-size:7.5px;font-weight:680;letter-spacing:.16em;text-transform:uppercase;
    color:var(--burg);border:1px solid rgba(110,35,56,.28);border-radius:999px;padding:3px 9px}
  .bkx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 0 11px;
    border-top:1px solid rgba(20,19,16,.08);border-bottom:1px solid rgba(20,19,16,.08)}
  .bkx-stats em{display:block;font-style:normal;font-size:7.5px;font-weight:680;letter-spacing:.17em;
    text-transform:uppercase;color:var(--ink-mut)}
  .bkx-stats b{display:block;font-family:var(--display);font-weight:560;font-size:25px;letter-spacing:-.015em;
    color:var(--ink);margin:5px 0 2px}
  .bkx-stats span{display:block;font-size:9.5px;color:var(--ink-mut)}
  .bkx-logh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
  .bkx-logh u{display:block;text-decoration:none;font-size:8px;font-weight:680;letter-spacing:.2em;
    text-transform:uppercase;color:var(--burg)}
  .bkx-logh b{display:block;font-family:var(--display);font-weight:560;font-size:16.5px;letter-spacing:-.012em;
    color:var(--ink);margin-top:4px}
  .bkx-logh em{flex:none;font-style:normal;font-size:10.5px;font-weight:560;color:var(--ink-soft);
    background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.96);border-radius:999px;padding:6px 13px;
    box-shadow:inset 0 1px 0 #fff,0 8px 18px -12px rgba(56,44,32,.45)}
  .bkx-log{display:flex;flex-direction:column;gap:7px}
  .bkx-lr{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:11px;align-items:start;
    border-radius:13px;padding:10px 13px;background:rgba(255,255,255,.62);
    border:1px solid rgba(255,255,255,.9);
    box-shadow:inset 0 1px 0 #fff,0 10px 22px -18px rgba(56,44,32,.45),0 0 0 1px rgba(20,19,16,.028)}
  .bkx-lr>i{font-style:normal;font-size:9.5px;color:var(--ink-mut);font-variant-numeric:tabular-nums;padding-top:3px}
  .bkx-lr b{display:block;font-size:11.5px;font-weight:620;color:var(--ink)}
  .bkx-lr p{margin:2px 0 0;font-size:10.5px;color:var(--ink-soft);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bkx-lr u{display:block;text-decoration:none;font-size:9px;color:var(--ink-mut);margin-top:5px}
  .bkx-st{display:inline-flex;align-items:center;gap:6px;padding-top:3px;font-size:9.5px;font-weight:560;
    color:#2F6B45;white-space:nowrap}
  .bkx-st::before{content:"";width:6px;height:6px;border-radius:50%;background:#3E7A54;flex:none}
  .bkx-st.work{color:var(--burg)}
  .bkx-st.work::before{background:var(--burglt);box-shadow:0 0 0 3px rgba(154,53,80,.16)}
  .bkx-vh{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .bkx-vh b{font-family:var(--display);font-weight:560;font-size:20px;letter-spacing:-.014em;color:var(--ink)}
  .bkx-vh u{display:block;text-decoration:none;font-size:10px;color:var(--ink-mut);margin-top:3px}
  .bkx-btn{flex:none;border-radius:999px;padding:8px 16px;font-size:11.5px;font-weight:600;color:var(--ivory);
    background:linear-gradient(180deg,var(--burglt),var(--burg2));
    box-shadow:0 12px 24px -12px rgba(110,35,56,.66),inset 0 1.5px 0 rgba(255,255,255,.3)}
  .bkx-brow{display:flex;align-items:center;gap:12px;border-radius:14px;padding:12px 14px;
    background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);
    box-shadow:inset 0 1px 0 #fff,0 12px 26px -20px rgba(56,44,32,.36),0 0 0 1px rgba(20,19,16,.028)}
  .bkx-brow .bico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;
    background:rgba(110,35,56,.09);color:var(--burg)}
  .bkx-brow b{display:block;font-size:12px;font-weight:600;color:var(--ink)}
  .bkx-brow span{display:block;font-size:10px;color:var(--ink-mut);margin-top:2px}
  .bkx-brow em{margin-left:auto;flex:none;font-style:normal;font-size:10px;color:var(--ink-mut);white-space:nowrap}
  .bkx-drop{display:flex;align-items:center;gap:13px;border:1.5px dashed rgba(110,35,56,.3);border-radius:16px;
    padding:15px 16px;background:rgba(255,255,255,.34)}
  .bkx-drop .di{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;
    background:rgba(110,35,56,.08);color:var(--burg)}
  .bkx-drop b{display:block;font-size:12.5px;font-weight:580;color:var(--ink)}
  .bkx-drop span{display:block;font-size:10.5px;color:var(--ink-mut);margin-top:2px}
  .bkx-bgrid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 214px;gap:13px;align-content:start}
  .bkx-bmain{display:flex;flex-direction:column;gap:8px;min-width:0}
  .bkx-bside{display:flex;flex-direction:column;gap:8px}
  .bkx-kv{border-radius:13px;padding:11px 13px;background:rgba(255,255,255,.6);
    border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 10px 22px -18px rgba(78,52,58,.4)}
  .bkx-kv em{display:block;font-style:normal;font-size:7.5px;font-weight:680;letter-spacing:.17em;
    text-transform:uppercase;color:var(--ink-mut)}
  .bkx-kv b{display:block;font-family:var(--display);font-weight:570;font-size:14px;letter-spacing:-.01em;
    color:var(--ink);margin:4px 0 2px}
  .bkx-kv span{display:block;font-size:9.5px;color:var(--ink-mut);line-height:1.4}
  .bkx-stack{position:relative}
  .bkx-skels{display:flex;flex-direction:column;gap:7px;pointer-events:none}
  .bkx-stack .bkx-files{position:absolute;inset:0}
  .bkx-sk{display:flex;align-items:center;gap:11px;border-radius:13px;padding:9px 13px 9px 10px;
    background:rgba(255,255,255,.3);border:1px dashed rgba(20,19,16,.09)}
  .bkx-sk i{width:27px;height:27px;border-radius:8px;flex:none;background:rgba(20,19,16,.06)}
  .bkx-sk span{flex:1;height:8px;border-radius:99px;background:rgba(20,19,16,.055)}
  .bkx-sk:nth-child(2) span{max-width:70%}
  .bkx-sk:nth-child(3) span{max-width:55%}
  .bkx-pnote{margin-top:4px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-radius:16px;
    padding:15px 17px;background:rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.8);
    box-shadow:inset 0 1px 0 #fff}
  .bkx-pnote>div:first-child{flex:1;min-width:220px}
  .bkx-pnote em{display:block;font-style:normal;font-size:7.5px;font-weight:680;letter-spacing:.17em;
    text-transform:uppercase;color:var(--burg)}
  .bkx-pnote b{display:block;font-family:var(--display);font-weight:560;font-size:15px;letter-spacing:-.012em;
    color:var(--ink);margin:5px 0 3px}
  .bkx-pnote>div:first-child span{display:block;font-size:10.5px;line-height:1.55;color:var(--ink-soft);max-width:52ch}
  .bkx-mini{display:flex;gap:9px;flex:none}
  .bkx-mini>span{display:block;border-radius:12px;padding:9px 12px;font-size:9px;color:var(--ink-mut);
    background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff}
  .bkx-mini b{display:block;font-family:var(--display);font-weight:570;font-size:13px;color:var(--ink);
    letter-spacing:-.01em;margin-bottom:2px}
  .bkx-files{display:flex;flex-direction:column;gap:7px}
  .bkx-f{display:flex;align-items:center;gap:11px;border-radius:13px;padding:9px 13px 9px 10px;opacity:0;
    background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.94);
    box-shadow:inset 0 1px 0 #fff,0 10px 24px -18px rgba(56,44,32,.32)}
  .bkx-f .fic{width:27px;height:27px;border-radius:8px;font-size:6.5px;display:grid;place-items:center;
    font-weight:700;color:#fff;flex:none}
  .bkx-f>div{flex:1;min-width:0}
  .bkx-f b{display:block;font-size:11.5px;font-weight:580;color:var(--ink);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bkx-prog{display:block;height:3px;border-radius:99px;background:rgba(20,19,16,.09);margin-top:6px;overflow:hidden}
  .bkx-prog i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#B2607A,var(--burg))}
  .bkx-tick{flex:none;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;opacity:0;
    transform:scale(.5);background:rgba(110,35,56,.1);color:var(--burg)}
  .bkx-foot{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;
    align-items:baseline;font-size:10.5px;color:var(--ink-mut)}
  .bkx-cnt{position:relative;font-weight:560;color:var(--ink-soft)}
  .bkx-cnt .b,.bkx-cnt .c{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}
  .bkx-toast{position:absolute;right:16px;bottom:16px;z-index:8;display:flex;align-items:center;gap:9px;
    border-radius:13px;padding:10px 15px;font-size:11.5px;font-weight:560;color:var(--ink);opacity:0;
    transform:translateY(8px);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.97);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    box-shadow:inset 0 1px 0 #fff,0 20px 44px -20px rgba(56,44,32,.46)}
  .bkx-toast i{flex:none;font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(155deg,#8d3149,var(--burg2));color:#fff}
  .bkx-drag{position:absolute;z-index:7;left:70%;top:16%;opacity:0;display:flex;align-items:center;gap:9px;
    border-radius:12px;padding:8px 13px 8px 9px;font-size:11px;font-weight:560;color:var(--ink);
    background:rgba(255,255,255,.92);border:1px solid #fff;box-shadow:0 20px 40px -14px rgba(56,44,32,.5)}
  .bkx-drag .fic{width:24px;height:24px;border-radius:7px;font-size:6px;display:grid;place-items:center;
    font-weight:700;color:#fff;flex:none}
  .bkx-drag em{font-style:normal;color:var(--ink-mut);font-size:10px}
  .bkx-cur{position:absolute;z-index:10;left:74%;top:56%;width:15px;height:15px;pointer-events:none;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
  .bkx-cur::after{content:"";position:absolute;inset:-7px;border-radius:50%;opacity:0;transform:scale(.4);
    border:2px solid rgba(110,35,56,.55)}
  .bkx-note{margin-top:16px;text-align:center;font-size:12px;color:var(--ink-mut)}

  @media (prefers-reduced-motion: no-preference){
    .bkx.in .bkx-cur{animation:bxcur 20s var(--ease) infinite}
    .bkx.in .bkx-cur::after{animation:bxclick 20s linear infinite}
    .bkx.in .bkx-v-home{animation:bxhome 20s linear infinite}
    .bkx.in .bkx-v-list{animation:bxlist 20s linear infinite}
    .bkx.in .bkx-v-bucket{animation:bxbucket 20s linear infinite}
    .bkx.in .bkx-t-home{animation:bxtabhome 20s linear infinite}
    .bkx.in .bkx-t-buckets{animation:bxtabbk 20s linear infinite}
    .bkx.in .bkx-brow-hot{animation:bxrowhot 20s linear infinite}
    .bkx.in .bkx-drop{animation:bxdrop 20s linear infinite}
    .bkx.in .bkx-drag{animation:bxdrag 20s var(--ease) infinite}
    .bkx.in .bkx-skels{animation:bxsk 20s linear infinite}
    .bkx.in .bkx-f1{animation:bxf1 20s linear infinite}
    .bkx.in .bkx-f2{animation:bxf2 20s linear infinite}
    .bkx.in .bkx-f3{animation:bxf3 20s linear infinite}
    .bkx.in .bkx-f1 .bkx-prog i{animation:bxp1 20s linear infinite}
    .bkx.in .bkx-f2 .bkx-prog i{animation:bxp2 20s linear infinite}
    .bkx.in .bkx-f3 .bkx-prog i{animation:bxp3 20s linear infinite}
    .bkx.in .bkx-f1 .bkx-tick{animation:bxt1 20s linear infinite}
    .bkx.in .bkx-f2 .bkx-tick{animation:bxt2 20s linear infinite}
    .bkx.in .bkx-f3 .bkx-tick{animation:bxt3 20s linear infinite}
    .bkx.in .bkx-cnt .a{animation:bxca 20s linear infinite}
    .bkx.in .bkx-cnt .b{animation:bxcb 20s linear infinite}
    .bkx.in .bkx-cnt .c{animation:bxcc 20s linear infinite}
    .bkx.in .bkx-toast{animation:bxtoast 20s var(--ease) infinite}
  }
  @keyframes bxcur{
    0%,7%{left:74%;top:56%}
    12%,15%{left:26.4%;top:10.4%}
    21%,26.5%{left:30%;top:34.5%}
    27.5%,30%{left:30%;top:30.5%}
    34%{left:70%;top:15%}
    38%,41.5%{left:50%;top:32%}
    54%,68%{left:56%;top:52%}
    73%,77%{left:90.5%;top:22%}
    85%,100%{left:74%;top:56%}}
  @keyframes bxclick{
    0%,13.4%{opacity:0;transform:scale(.4)}13.5%{opacity:.9;transform:scale(.4)}16.5%{opacity:0;transform:scale(1.3)}
    27.9%{opacity:0;transform:scale(.4)}28%{opacity:.9;transform:scale(.4)}31%{opacity:0;transform:scale(1.3)}
    74.4%{opacity:0;transform:scale(.4)}74.5%{opacity:.9;transform:scale(.4)}77.5%{opacity:0;transform:scale(1.3)}
    100%{opacity:0}}
  @keyframes bxhome{0%,12.5%{opacity:1;transform:none}14%,93.5%{opacity:0;transform:translateY(-8px) scale(.99)}
    95.5%,100%{opacity:1;transform:none}}
  @keyframes bxlist{0%,13%{opacity:0;transform:translateY(10px) scale(.99)}14.5%,27%{opacity:1;transform:none}
    28.5%,100%{opacity:0;transform:translateY(-8px) scale(.99)}}
  @keyframes bxbucket{0%,27.5%{opacity:0;transform:translateY(10px) scale(.99)}29%,93%{opacity:1;transform:none}
    95%,100%{opacity:0;transform:translateY(-8px) scale(.99)}}
  @keyframes bxtabhome{
    0%,12.5%{background:rgba(255,255,255,.9);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(56,44,32,.4)}
    14%,93.5%{background:rgba(255,255,255,0);color:var(--ink-soft);box-shadow:none}
    95.5%,100%{background:rgba(255,255,255,.9);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(56,44,32,.4)}}
  @keyframes bxtabbk{
    0%,12.5%{background:rgba(255,255,255,0);color:var(--ink-soft);box-shadow:none}
    14%,93.5%{background:rgba(255,255,255,.9);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(56,44,32,.4)}
    95.5%,100%{background:rgba(255,255,255,0);color:var(--ink-soft);box-shadow:none}}
  @keyframes bxrowhot{0%,20%{background:rgba(255,255,255,.62)}23%,28%{background:rgba(255,255,255,.96)}
    30%,100%{background:rgba(255,255,255,.62)}}
  @keyframes bxdrop{0%,33%{background:rgba(255,255,255,.34);border-color:rgba(110,35,56,.3)}
    35.5%,40%{background:rgba(110,35,56,.08);border-color:rgba(110,35,56,.62)}
    42.5%,100%{background:rgba(255,255,255,.34);border-color:rgba(110,35,56,.3)}}
  @keyframes bxdrag{0%,32%{opacity:0;left:72%;top:12%}34.5%{opacity:1;left:64%;top:21%}
    39%{opacity:1;left:50%;top:31%}41.5%{opacity:0;left:50%;top:35%}100%{opacity:0}}
  @keyframes bxsk{0%,41%{opacity:1}46%,93%{opacity:0}96%,100%{opacity:1}}
  @keyframes bxf1{0%,42%{opacity:0;transform:translateY(8px)}44%,93%{opacity:1;transform:none}95%,100%{opacity:0}}
  @keyframes bxf2{0%,47%{opacity:0;transform:translateY(8px)}49%,93%{opacity:1;transform:none}95%,100%{opacity:0}}
  @keyframes bxf3{0%,52%{opacity:0;transform:translateY(8px)}54%,93%{opacity:1;transform:none}95%,100%{opacity:0}}
  @keyframes bxp1{0%,43%{width:0}56%,100%{width:100%}}
  @keyframes bxp2{0%,48%{width:0}61%,100%{width:100%}}
  @keyframes bxp3{0%,53%{width:0}66%,100%{width:100%}}
  @keyframes bxt1{0%,56%{opacity:0;transform:scale(.5)}58%,100%{opacity:1;transform:scale(1)}}
  @keyframes bxt2{0%,61%{opacity:0;transform:scale(.5)}63%,100%{opacity:1;transform:scale(1)}}
  @keyframes bxt3{0%,66%{opacity:0;transform:scale(.5)}68%,100%{opacity:1;transform:scale(1)}}
  @keyframes bxca{0%,42.5%{opacity:1}44%,93%{opacity:0}96%,100%{opacity:1}}
  @keyframes bxcb{0%,43%{opacity:0}44.5%,66%{opacity:1}68%,100%{opacity:0}}
  @keyframes bxcc{0%,66.5%{opacity:0}68%,93%{opacity:1}95.5%,100%{opacity:0}}
  @keyframes bxtoast{0%,76%{opacity:0;transform:translateY(8px)}78%,91%{opacity:1;transform:none}
    93.5%,100%{opacity:0;transform:translateY(8px)}}
  @media (prefers-reduced-motion: reduce){
    .bkx-v-home{opacity:0}
    .bkx-v-bucket{opacity:1}
    .bkx-t-home{background:none;color:var(--ink-soft);box-shadow:none;font-weight:400}
    .bkx-t-buckets{background:rgba(255,255,255,.9);color:var(--ink);font-weight:560;
      box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(56,44,32,.4)}
    .bkx-f{opacity:1}
    .bkx-prog i{width:100%}
    .bkx-tick{opacity:1;transform:none}
    .bkx-cnt .a,.bkx-cnt .b{opacity:0}.bkx-cnt .c{opacity:1}
    .bkx-skels{opacity:0}
    .bkx-cur,.bkx-drag{display:none}
  }
  @media (max-width:900px){
    .bkx-intake{display:none}
    .bkx-tabs .bkx-t:nth-last-child(-n+2){display:none}
    .bkx-stats{grid-template-columns:repeat(2,1fr);gap:12px 10px}
    .bkx-stage{min-height:692px}
    .bkx-bgrid{grid-template-columns:minmax(0,1fr)}
    .bkx-bside{display:none}
    .bkx-pnote{display:none}
  }
  @media (max-width:640px){
    .bkx-me b,.bkx-me em{display:none}
    .bkx-tabs .bkx-t:nth-last-child(-n+4){display:none}
    .bkx-lr{grid-template-columns:minmax(0,1fr) auto}
    .bkx-lr>i{display:none}
    .bkx-view{padding:16px 15px}
    .bkx-stage{min-height:740px}
    .bkx-hi{font-size:23px}
    .bkx-stats b{font-size:21px}
  }

  /* ---- mobile: the same picture, without the effects phones choke on ----
     Desktop GPUs give backdrop-filter, wide blurs and blend modes away for
     free; phone GPUs bill for every one, per frame, across the whole layer.
     This page carried ~90 backdrop-filters and blur radii up to 110px. Below
     900px those are traded for flat translucency and much tighter blurs — the
     surfaces sit on near-flat grounds, so they read the same and cost almost
     nothing. */
  @media (max-width:900px){
    *,*::before,*::after{
      -webkit-backdrop-filter:none !important;
      backdrop-filter:none !important;
    }
    /* the frosted surfaces lose their blur, so give them enough body to read */
    .nav{background:rgba(252,250,247,.97)}
    .nav-dark{background:rgba(26,20,18,.95)}
    .ndp,.mmenu{background:rgba(252,250,247,.99)}
    .bkx-win{background:
      radial-gradient(105% 88% at 6% -14%,rgba(186,104,132,.66),transparent 62%),
      radial-gradient(95% 88% at 96% 112%,rgba(212,138,102,.56),transparent 62%),
      linear-gradient(166deg,#EFE4E2,#E7DAD8 52%,#EDE3DF)}
    .bkx-view{background:linear-gradient(158deg,rgba(255,255,255,.9),rgba(255,255,255,.78))}
    .bkx-nav{background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,255,255,.86))}
    .bkx-toast{background:rgba(255,255,255,.96)}
    .lgcard{background:linear-gradient(158deg,#fff,#FAF7F3)}

    /* a 110px blur over an 800px box is the most expensive thing on the page */
    .aur i,.lumen i{filter:blur(34px);opacity:.75}
    .aur i:nth-child(3),.lumen i:nth-child(3){display:none}

    /* blend modes force an extra composite of everything beneath them */
    .grainlay{display:none}
    .ctaband::after,.sec-dark::before{display:none}

    /* skip layout, paint and animation for anything off screen entirely */
    .sec:not(#register){content-visibility:auto;contain-intrinsic-size:auto 900px}
  }

  /* ---- mobile ---- */
  @media (max-width:640px){
    /* iOS zooms the page in when a field under 16px takes focus */
    input,select,textarea{font-size:16px}
    /* the bucket footer has two halves; stack them rather than overlap */
    .bkx-foot{flex-direction:column;align-items:flex-start;gap:3px}
    .bkx-foot>span:last-child{opacity:.75}
  }
  /* honour the reader's data preference: no film, poster only */
  @media (prefers-reduced-data: reduce){
    video[data-src]{display:none}
  }

  /* ---- ROI: two inputs, one stated assumption ---- */
  .roiassume{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);
    display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.6;color:var(--ink-soft)}
  .roiassume b{flex:none;font-family:var(--display);font-size:17px;font-weight:600;color:var(--burg);
    letter-spacing:-.01em;line-height:1.1}

  /* ==================== v25: the phone edition ====================
     Below 720px the site stops being a shrunken desktop. The set-pieces
     that only make sense at width — the floating instruction field, the
     three desktop mail apps, the iPhone prop, the auto-cycling control
     artifact, the client-pages browser window — are cut outright, and
     what carries a desktop surface only because of backdrop blur gets a
     solid ground instead. Films never play here; the poster frame is the
     whole shot. Desktop is untouched from 721px up. */
  @media (max-width:720px){
    /* chrome: the promo strip goes; the nav returns to the top edge and
       goes fully solid so copy never ghosts through it */
    .topbar{display:none}
    .nav{top:16px;background:rgba(252,250,247,.995)}
    .nav-dark{background:rgba(26,20,18,.97)}
    /* set dressing: no aurora blobs, no light wells */
    .aur,.lumen{display:none}
    /* the hero is type on the photograph — no floating card field */
    .xfield{display:none}
    /* three desktop mail apps have no business on a phone */
    .sec:has(.appcol){display:none}
    .appcol{display:none}
    /* the control artifact cycles for nobody at this width */
    .split .rv:has(#ctrl-art){display:none}
    #ctrl-art{display:none}
    /* the client-pages window (ecosystem and knowledge): the headline
       stays, the browser replica goes */
    .bkx{display:none}

    /* ---- the inbox demo stays exactly as it is; the one exception is
       the compose view, which runs taller than the 352px stage and was
       cutting the Send button off. When compose is on, the stage sizes
       itself to the card; the list and thread views are untouched. ---- */
    .ix-body:has(#ix-comp.on){height:auto}
    #ix-comp.on{position:static}

    /* ---- the bento mini-documents stay inside their card ---- */
    .miniml-h{white-space:normal;flex-wrap:wrap;gap:3px 10px;letter-spacing:.07em}

    /* ---- the connector band: tighter, and chips that hold their own
       without blur ---- */
    .conn-band{padding:clamp(44px,10vw,64px) 0}
    .conn-band .marq{margin-top:26px}
    .ct{background:rgba(255,255,255,.92);border:1px solid rgba(20,19,16,.07);
      box-shadow:0 10px 24px -16px rgba(56,44,32,.28)}
  }

  /* ================= v29: the register, screen by screen ================= */
  .reel{position:relative;
    --rr-ink:linear-gradient(158deg,#1D191A 0%,#100D0E 52%,#080607 100%);
    --rr-cream:linear-gradient(158deg,#F5F0E7 0%,#EFE8DB 54%,#E8E0D0 100%);
    --rr-burg:linear-gradient(152deg,#7E2844 0%,#671F37 44%,#4B1526 100%);
    --rr-pale:radial-gradient(120% 96% at 18% 0%,#FCF9FA 0%,#F4EDF0 54%,#EDE4EA 100%)}
  .rr-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}

  .rr-screen{position:absolute;inset:0;overflow:hidden;--panel:0;--depart:0}
  .rr-screen[data-tone="dark"]{--sink:#F3EEE7;--sink-soft:rgba(243,238,231,.66);
    --sink-mut:rgba(243,238,231,.42);--hair:rgba(243,238,231,.14);--accent:#D0899F}
  .rr-screen[data-tone="burg"]{--sink:#FAF3F5;--sink-soft:rgba(250,243,245,.72);
    --sink-mut:rgba(250,243,245,.48);--hair:rgba(250,243,245,.18);--accent:#E8BDC9}
  .rr-screen[data-tone="light"]{--sink:#191416;--sink-soft:rgba(25,20,22,.62);
    --sink-mut:rgba(25,20,22,.42);--hair:rgba(25,20,22,.12);--accent:#8E2C46}

  .rr-panel{position:absolute;inset:0;overflow:hidden;will-change:transform;
    transform:translate3d(0,calc(var(--panel) * 100%),0);
    border-radius:calc(var(--panel) * 42px) calc(var(--panel) * 42px) 0 0}
  .rr-ground{position:absolute;inset:0;z-index:1;background:var(--ground)}
  .rr-ground::after{content:"";position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;
    background-image:var(--grain);background-size:150px}
  .rr-veil{position:absolute;inset:0;z-index:3;background:#080607;pointer-events:none;
    opacity:calc(var(--depart) * .62)}
  .rr-panel::before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:4;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
    opacity:calc(var(--panel) * 1.15);border-radius:42px 42px 0 0}
  .rr-inner{position:absolute;inset:0;z-index:2;display:grid;place-items:center;
    padding:clamp(70px,7.5vh,110px) clamp(20px,3.4vw,54px) clamp(52px,6.5vh,86px);
    will-change:transform,opacity;
    transform:translate3d(0,calc(var(--panel) * -32% + var(--depart) * -6%),0)
              scale(calc(1 - var(--depart) * .055));
    opacity:calc((1 - var(--depart) * 1.05) * (1 - var(--exit,0)))}
  .rr-stack{width:min(1250px,100%);margin:0 auto}
  @media (min-width:901px){ .rr-inner{padding-left:clamp(164px,12.5vw,236px)} }

  /* the index rail */
  .rr-rail{position:fixed;left:clamp(18px,2.6vw,44px);top:50%;transform:translateY(-50%);
    z-index:118;width:128px;display:flex;flex-direction:column;gap:2px;pointer-events:none;
    opacity:var(--rr-railon,0);transition:opacity .5s var(--ease),color .26s linear}
  .rr-rail.tone-light{color:#191416} .rr-rail.tone-dark{color:#F3EEE7}
  .rr-rail b{display:block;font-size:10px;font-weight:600;letter-spacing:.19em;
    text-transform:uppercase;opacity:.38;margin-bottom:16px}
  .rr-rail a{display:flex;align-items:center;gap:11px;padding:7px 0;font-size:12.5px;
    white-space:nowrap;color:currentColor;opacity:.36;cursor:pointer;
    transition:opacity .45s var(--ease)}
  .rr-rail a i{font-style:normal;width:22px;height:1px;background:currentColor;opacity:.5;
    transition:width .5s var(--ease),background .26s linear}
  .rr-rail a.on{opacity:1}
  .rr-rail a.on i{width:38px;background:#D0899F;opacity:1;height:1.5px}
  .rr-rail.tone-light a.on i{background:#8E2C46}

  /* screen content */
  .rr-duo{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:clamp(30px,4.2vw,84px);align-items:center}
  .rr-duo.flip .rr-art{order:2}
  .rr-copy>*,.rr-head>*{
    transform:translate3d(0,calc(var(--panel) * var(--st,14) * 1px),0);
    opacity:calc(1 - var(--panel) * 1.35)}
  .rr-head{transform:none;opacity:1}

  .rr-eyebrow{--st:12;display:flex;align-items:center;gap:11px;font-size:11px;font-weight:620;
    letter-spacing:.19em;text-transform:uppercase;color:var(--accent)}
  .rr-eyebrow em{font-style:normal;font-family:var(--display);font-size:12.5px;
    letter-spacing:.06em;opacity:.55;color:var(--sink)}
  .rr-eyebrow s{text-decoration:none;width:26px;height:1px;background:currentColor;opacity:.5}

  .rr-copy h3{--st:26;margin:20px 0 0;color:var(--sink);font-family:var(--display);font-weight:560;
    font-size:clamp(30px,3.05vw,52px);line-height:1.08;letter-spacing:-.025em;
    text-wrap:balance;max-width:15ch}
  .rr-lede{--st:38;margin:20px 0 0;font-size:clamp(14.5px,1.05vw,16.5px);line-height:1.72;
    color:var(--sink-soft);max-width:50ch}
  .rr-lede em{font-style:italic;color:var(--sink)}

  .rr-list{--st:50;list-style:none;margin:clamp(20px,2.6vh,32px) 0 0;padding:0;
    display:grid;grid-template-columns:1fr 1fr;gap:9px 26px}
  .rr-list li{position:relative;padding-left:17px;font-size:13.2px;line-height:1.5;color:var(--sink-soft)}
  .rr-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;
    background:var(--accent);opacity:.85}

  .rr-stats{--st:50;display:grid;grid-template-columns:repeat(4,1fr);
    margin-top:clamp(18px,2.4vh,28px);border-top:1px solid var(--hair)}
  .rr-stats div{padding:15px 16px 14px;border-right:1px solid var(--hair)}
  .rr-stats div:last-child{border-right:0}
  .rr-stats div:first-child{padding-left:0}
  .rr-stats b{display:block;font-family:var(--display);font-weight:560;
    font-size:clamp(24px,2vw,31px);letter-spacing:-.02em;color:var(--sink);line-height:1;
    font-variant-numeric:tabular-nums}
  .rr-stats span{display:block;margin-top:6px;font-size:11px;line-height:1.42;color:var(--sink-mut)}

  .rr-returns{--st:62;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    margin-top:clamp(20px,2.8vh,34px);padding-top:18px;border-top:1px solid var(--hair)}
  .rr-returns>span{font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;
    color:var(--sink-mut);margin-right:5px}
  .rr-chip{font-style:normal;padding:6px 15px;border-radius:999px;border:1px solid var(--hair);
    font-size:12px;font-weight:500;color:var(--sink-soft)}
  .rr-chip.on{color:var(--sink);border-color:transparent;
    background:color-mix(in srgb,var(--accent) 26%,transparent)}

  .rr-art{perspective:1500px}
  .rr-tilt{transform-origin:50% 100%;
    transform:rotateX(calc(var(--panel) * 8deg)) scale(var(--art,1)) translateZ(0);
    will-change:transform}
  @media (min-width:1180px) and (min-height:800px){ .rr-art{--art:1.08} }
  @media (min-width:1620px) and (min-height:900px){ .rr-art{--art:1.14} }

  /* light grounds get an open frame, not the dark bezel */
  .pframe{position:relative;border-radius:16px}
  .pframe::before{content:"";position:absolute;inset:-46px;z-index:-1;pointer-events:none;
    background:radial-gradient(56% 54% at 50% 54%,rgba(142,44,70,.11),transparent 70%)}
  .pframe .wm{border-radius:14px;
    box-shadow:0 0 0 1px rgba(24,18,21,.09),0 2px 4px rgba(24,18,21,.05),
      0 26px 44px -26px rgba(38,22,29,.38),0 66px 96px -56px rgba(38,22,29,.44)}

  /* opening screen */
  .rr-open{max-width:1180px;width:100%;margin:0 auto}
  .rr-open .rr-eyebrow{--st:10}
  .rr-open h2{--st:24;margin:26px 0 0;color:var(--sink);font-family:var(--display);font-weight:560;
    font-size:clamp(46px,6.4vw,108px);line-height:.98;letter-spacing:-.038em;max-width:12ch}
  .rr-open .rr-lede{--st:36;margin-top:28px;font-size:clamp(16px,1.25vw,19px);line-height:1.68;
    color:var(--sink-soft);max-width:46ch}
  .rr-index{--st:50;display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(22px,3.4vw,60px);
    margin-top:clamp(52px,8vh,104px);padding-top:24px;border-top:1px solid var(--hair)}
  .rr-index span{font-family:var(--display);font-weight:560;letter-spacing:-.015em;
    font-size:clamp(17px,1.4vw,21px);color:var(--sink-soft)}
  .rr-index .more{font-size:clamp(14px,1.1vw,16.5px);color:var(--sink-mut);letter-spacing:.01em}
  .rr-cue{--st:62;margin-top:clamp(30px,4.4vh,54px);display:flex;align-items:center;gap:13px;
    font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--sink-mut)}
  .rr-cue s{text-decoration:none;position:relative;width:52px;height:1px;background:var(--hair);
    overflow:hidden}
  .rr-cue s::after{content:"";position:absolute;inset:0;background:var(--accent);
    transform-origin:0 50%;animation:rrcue 2.6s var(--ease) infinite}
  @keyframes rrcue{0%{transform:scaleX(0) translateX(0)}45%{transform:scaleX(1) translateX(0)}
    100%{transform:scaleX(0) translateX(52px)}}

  /* closing screen */
  .rr-closing{width:min(1250px,100%);margin:0 auto;display:grid;
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
    gap:clamp(30px,4.2vw,84px);align-items:start}
  .rr-closing h3{--st:22;margin:22px 0 0;color:var(--sink);font-family:var(--display);
    font-weight:560;font-size:clamp(34px,4vw,66px);letter-spacing:-.03em;max-width:14ch}
  .rr-closing .rr-lede{--st:34;margin-top:22px;font-size:clamp(15px,1.1vw,17.5px);line-height:1.7}
  .rr-note{--st:60;margin-top:20px;font-size:12.8px;color:var(--sink-mut);max-width:56ch;line-height:1.6}
  .rr-etable{--st:48;border-top:1px solid var(--hair)}
  .rr-erow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:18px;align-items:center;
    padding:13px 4px;border-bottom:1px solid var(--hair)}
  .rr-erow em{font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--sink-mut);
    font-variant-numeric:tabular-nums}
  .rr-erow b{display:block;font-size:14px;font-weight:540;color:var(--sink);letter-spacing:-.005em}
  .rr-erow small{display:block;margin-top:3px;font-size:11.8px;color:var(--sink-mut);line-height:1.4}
  .rr-erow .cs{display:flex;gap:5px}
  .rr-erow .fic{width:26px;height:26px;border-radius:7px;font-size:6.6px}

  /* the invitation, on ink so it is never beige on beige */
  .rr-more{--st:56;margin-top:clamp(20px,2.6vh,30px);border-radius:20px;
    padding:clamp(22px,2.3vw,30px);
    background:linear-gradient(158deg,#221D1E 0%,#131011 56%,#0A0809 100%);
    color:#F3EEE7;display:flex;flex-direction:column;align-items:flex-start;gap:9px;
    box-shadow:0 34px 74px -34px rgba(32,18,25,.55),inset 0 1px 0 rgba(255,255,255,.08)}
  .rr-more b{font-family:var(--display);font-size:19px;font-weight:580;letter-spacing:-.01em}
  .rr-more p{margin:0;font-size:13.5px;line-height:1.62;color:rgba(243,238,231,.62);max-width:52ch}
  .rr-more .btn{margin-top:8px;padding:11px 24px;font-size:14px}

  /* the nav hands its slot to the register bar for the length of the reel */
  .regbar{position:fixed;inset:0 0 auto;z-index:119;display:flex;align-items:center;gap:18px;
    padding:22px clamp(20px,3.4vw,54px);pointer-events:none;
    transform:translateY(-8px) scale(1.015);opacity:0;
    transition:opacity .42s var(--ease),transform .5s var(--ease),color .26s linear}
  .regbar .rb-mark{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.01em}
  .regbar .rb-mark i{font-style:normal;color:#D0899F}
  .regbar .rb-label{margin-left:auto;font-size:11.5px;letter-spacing:.15em;
    text-transform:uppercase;opacity:.5}
  .regbar.tone-light{color:#191416}
  .regbar.tone-dark{color:#F3EEE7}
  .regbar.tone-light .rb-mark i{color:#8E2C46}
  body.in-reel .nav{opacity:0;pointer-events:none;
    transform:translateX(-50%) translateY(-10px) scale(.965);filter:blur(3px)}
  body.in-reel .topbar{transform:translateY(-100%)}
  body.in-reel .regbar{opacity:1;transform:translateY(0) scale(1)}
  .nav{transition:opacity .42s var(--ease),transform .5s var(--ease),filter .42s var(--ease),
    height .45s var(--ease),box-shadow .45s var(--ease),width .45s var(--ease),top .4s var(--ease),
    background .5s var(--ease),border-color .5s var(--ease)}

  @media (max-height:860px) and (min-width:901px){
    .rr-stack{transform:scale(.92);transform-origin:center}
    .rr-copy h3{font-size:clamp(27px,2.6vw,42px)}
  }
  @media (max-height:720px) and (min-width:901px){ .rr-stack{transform:scale(.84)} }

  /* mobile + reduced motion: the reel unrolls into plain stacked sections */
  @media (max-width:900px), (prefers-reduced-motion:reduce){
    .reel{height:auto !important}
    .rr-stage{position:static;height:auto;overflow:visible}
    .rr-screen{position:relative;inset:auto;--panel:0 !important;--depart:0 !important;--exit:0 !important}
    .rr-panel{position:relative;transform:none !important;border-radius:0 !important}
    .rr-panel::before{display:none}
    .rr-veil{display:none}
    .rr-inner{position:relative;inset:auto;transform:none !important;opacity:1 !important;
      padding:clamp(72px,11vh,110px) clamp(20px,4.5vw,72px) clamp(64px,10vh,96px)}
    .rr-ground{position:absolute}
    .rr-tilt{transform:none !important}
    .rr-rail{display:none}
    .rr-screen + .rr-screen{margin-top:-30px}
    .rr-screen + .rr-screen .rr-panel{border-radius:30px 30px 0 0 !important;
      box-shadow:0 -22px 44px -26px rgba(0,0,0,.45)}
    .rr-stack,.rr-open,.rr-closing{transform:none}
    .regbar{display:none}
  }
  @media (max-width:900px){
    .rr-closing{grid-template-columns:1fr;gap:26px;display:block}
    .rr-etable{margin-top:26px}
    .rr-duo{grid-template-columns:1fr;gap:32px}
    .rr-duo.flip .rr-art,.rr-art{order:0}
    .rr-copy h3{font-size:clamp(28px,7.4vw,38px);max-width:none}
    .rr-open h2{font-size:clamp(40px,11vw,60px)}
    .rr-index{gap:14px 26px}
    .rr-list{grid-template-columns:1fr}
    .rr-stats{grid-template-columns:1fr 1fr}
    .rr-stats div:nth-child(2n){border-right:0}
    .rr-stats div:nth-child(n+3){border-top:1px solid var(--hair)}
    .rr-stats div:first-child{padding-left:16px}
    .rr-erow{grid-template-columns:34px minmax(0,1fr);gap:12px}
    .rr-erow .cs{display:none}
  }
  @media (prefers-reduced-motion:reduce){ .rr-cue s::after{animation:none;transform:scaleX(1)} }

  /* ==================== multi-page site ====================
     The mockup hid every route but one with `.page{display:none}` and
     revealed the active one by id. Each document now carries exactly one
     page, so show it outright — the id pairing stays for the nav state. */
  body.mpa main.page{display:block}

  /* ---- briefings ---- */
  .artpage{padding-top:clamp(140px,14vh,200px)}
  .artwrap{width:min(1640px,100%);margin:0 auto;padding:0 clamp(24px,4vw,64px)}
  .arthead{max-width:62ch;margin:0 auto}
  .artback{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:560;
    color:var(--ink-soft);transition:color .25s}
  .artback:hover{color:var(--burg)}
  .arthead .crumb{margin:26px 0 14px}
  .arthead h1{font-family:var(--display);font-weight:560;letter-spacing:-.024em;line-height:1.06;
    font-size:clamp(34px,4vw,60px);text-wrap:balance}
  .arthead h1 em{font-style:italic;font-weight:520;color:var(--burg)}
  .arthead .lede{margin-top:20px;font-size:clamp(15.5px,1.25vw,18px);line-height:1.65;color:var(--ink-soft)}
  .artmeta{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);
    font-size:12.5px;letter-spacing:.02em;color:var(--ink-mut)}
  .artbody{max-width:62ch;margin:clamp(34px,3.6vw,56px) auto 0}
  .artbody h2{font-family:var(--display);font-weight:570;letter-spacing:-.016em;line-height:1.18;
    font-size:clamp(22px,1.9vw,30px);margin:clamp(38px,3.4vw,54px) 0 16px}
  .artbody h2:first-child{margin-top:0}
  .artbody p{font-size:16.5px;line-height:1.78;color:var(--ink-soft);margin:0 0 18px}
  .artbody p strong,.artbody b{font-weight:620;color:var(--ink)}
  .artbody em{font-style:italic}
  .artbody a{color:var(--burg);text-decoration:underline;text-underline-offset:3px;
    text-decoration-thickness:1px;text-decoration-color:rgba(110,35,56,.34)}
  .artbody a:hover{text-decoration-color:var(--burg)}
  .artbody ul,.artbody ol{margin:0 0 20px;padding-left:22px}
  .artbody li{font-size:16.5px;line-height:1.7;color:var(--ink-soft);margin-bottom:9px}
  .artbody blockquote{margin:clamp(28px,2.6vw,40px) 0;padding:20px 24px;border-left:2px solid var(--burg);
    background:linear-gradient(100deg,rgba(110,35,56,.05),transparent 70%);border-radius:0 14px 14px 0}
  .artbody blockquote p{margin:0;font-family:var(--display);font-size:19px;line-height:1.5;
    letter-spacing:-.012em;color:var(--ink)}
  .artend{max-width:62ch;margin:clamp(46px,4.6vw,74px) auto clamp(30px,3vw,50px);
    padding:clamp(28px,2.8vw,42px);border-radius:22px;text-align:center;
    background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(248,244,238,.7));
    border:1px solid rgba(255,255,255,.9);
    box-shadow:inset 0 1px 0 #fff,0 26px 56px -34px rgba(56,44,32,.36)}
  .artend h3{font-family:var(--display);font-weight:560;font-size:clamp(21px,2vw,30px);
    letter-spacing:-.018em;color:var(--ink)}
  .artend p{margin:12px auto 22px;max-width:46ch;font-size:14.5px;line-height:1.65;color:var(--ink-soft)}
  @media (max-width:640px){
    .artbody p,.artbody li{font-size:15.5px}
  }

  /* ---- log in ---- */
  .loginpage{padding:clamp(140px,14vh,200px) 0 clamp(60px,7vw,110px)}
  .lgwrap{position:relative;overflow:clip;width:min(1640px,100%);margin:0 auto;
    padding:clamp(20px,3vw,44px) clamp(24px,4vw,64px)}
  .lgwrap>*{position:relative;z-index:2}
  .lgcols{display:grid;grid-template-columns:minmax(0,470px) minmax(0,360px);
    gap:clamp(20px,2.4vw,38px);justify-content:center;align-items:start}
  .lgcard{padding:clamp(30px,3.2vw,46px);border-radius:26px;
    background:linear-gradient(158deg,rgba(255,255,255,.94),rgba(250,247,243,.8));
    border:1px solid rgba(255,255,255,.95);
    -webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);
    box-shadow:inset 0 1.5px 0 #fff,0 46px 92px -44px rgba(56,44,32,.46),
      0 12px 32px -22px rgba(56,44,32,.22)}
  .lgcard .crumb{margin-bottom:16px}
  .lgcard h1{font-family:var(--display);font-weight:560;letter-spacing:-.024em;line-height:1.06;
    font-size:clamp(30px,3vw,44px)}
  .lgcard .lede{margin-top:14px;font-size:14.5px;line-height:1.65;color:var(--ink-soft)}
  .lgform{margin-top:clamp(24px,2.4vw,34px)}
  .lglab{display:block;font-size:11px;font-weight:640;letter-spacing:.15em;text-transform:uppercase;
    color:var(--ink-mut);margin-bottom:9px}
  .lgfield{width:100%;appearance:none;font-family:var(--sans);font-size:15px;color:var(--ink);
    padding:14px 17px;border-radius:14px;background:rgba(255,255,255,.86);
    border:1px solid rgba(20,19,16,.12);box-shadow:inset 0 1px 2px rgba(20,19,16,.04);
    transition:border-color .25s,box-shadow .25s,background .25s}
  .lgfield::placeholder{color:var(--ink-mut)}
  .lgfield:focus{outline:none;background:#fff;border-color:rgba(110,35,56,.5);
    box-shadow:0 0 0 4px rgba(110,35,56,.1),inset 0 1px 2px rgba(20,19,16,.04)}
  .lgbtn{width:100%;justify-content:center;margin-top:14px}
  .lgnote{margin-top:16px;font-size:11.5px;line-height:1.6;color:var(--ink-mut);text-align:center}
  .lgnote b{font-weight:620;color:var(--ink-soft)}
  .lgalt{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
    display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
    font-size:13px;color:var(--ink-mut)}
  .lgalt .tlink{font-size:13px}
  .lgtrust{list-style:none;margin:clamp(30px,3vw,44px) auto 0;padding:0;max-width:840px;
    display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,26px);text-align:center}
  .lgtrust b{display:block;font-family:var(--display);font-weight:570;font-size:15px;
    letter-spacing:-.012em;color:var(--ink)}
  .lgtrust span{display:block;margin-top:5px;font-size:11.5px;line-height:1.5;color:var(--ink-mut)}
  @media (max-width:700px){
    .lgtrust{grid-template-columns:1fr;gap:16px;text-align:left}
    .lgalt{flex-direction:column;align-items:flex-start;gap:8px}
  }

  /* ---- the tip card ---- */
  .lgtip{align-self:start;margin-top:clamp(18px,2vw,34px);padding:clamp(22px,2.2vw,30px);
    border-radius:22px;position:relative;overflow:hidden;
    background:linear-gradient(158deg,#2A211E,#1B1512 62%,#241B18);
    border:1px solid rgba(244,241,235,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 34px 70px -40px rgba(20,12,10,.8)}
  .lgtip::before{content:"";position:absolute;left:-30%;top:-60%;width:130%;height:150%;
    background:radial-gradient(closest-side,rgba(154,53,80,.34),transparent 70%);pointer-events:none}
  .lgtip>*{position:relative;z-index:2}
  .lgtip-kick{display:block;font-size:9.5px;font-weight:660;letter-spacing:.19em;
    text-transform:uppercase;color:rgba(244,241,235,.42)}
  .lgtip-pill{display:inline-block;margin-top:16px;padding:4px 12px;border-radius:999px;
    font-size:9px;font-weight:680;letter-spacing:.17em;text-transform:uppercase;
    color:#E8BCCB;border:1px solid rgba(210,135,160,.34);background:rgba(210,135,160,.1)}
  .lgtip-text{margin:16px 0 0;font-family:var(--display);font-weight:520;
    font-size:clamp(17px,1.5vw,20px);line-height:1.42;letter-spacing:-.013em;
    color:var(--ivory);min-height:3.6em;transition:opacity .32s var(--ease)}
  .lgtip-dots{display:flex;gap:7px;margin-top:22px}
  .lgtip-dots i{width:16px;height:2px;border-radius:2px;background:rgba(244,241,235,.16);
    transition:background .35s var(--ease),width .35s var(--ease)}
  .lgtip-dots i.on{width:22px;background:var(--goldlt)}
  .lgtip-foot{display:flex;align-items:center;gap:9px;margin-top:22px;padding-top:18px;
    border-top:1px solid rgba(244,241,235,.1);font-size:12.5px;color:rgba(244,241,235,.62)}
  .lgtip-foot i{font-style:normal;width:21px;height:21px;border-radius:50%;flex:none;
    display:grid;place-items:center;font-size:11px;color:#E8BCCB;
    background:rgba(210,135,160,.16);border:1px solid rgba(210,135,160,.26)}
  @media (max-width:920px){
    .lgcols{grid-template-columns:minmax(0,470px);justify-content:center}
    .lgtip{margin-top:0}
    .lgtip-text{min-height:0}
  }

  /* ==================== legal pages ====================
     Long-form documents on the same paper as the rest of the site: one
     measured column of about 70 characters, a standing list of sections
     beside it on a wide screen and above it on a narrow one, and tables that
     scroll inside their own box rather than pushing the page sideways. */
  .legpage{padding-top:clamp(130px,13vh,190px)}
  .legdoc{width:min(1120px,100%);margin:0 auto;padding:0 clamp(24px,4vw,64px)}
  .leghead{max-width:35em}
  .leghead .artback{margin-bottom:24px}
  .leghead .crumb{margin:0 0 14px}
  .leghead h1{font-family:var(--display);font-weight:560;letter-spacing:-.022em;line-height:1.06;
    font-size:clamp(34px,3.6vw,54px)}
  .leghead .lede{margin-top:16px;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.6;color:var(--ink-soft)}
  .legver{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
    font-size:12.5px;letter-spacing:.02em;color:var(--ink-mut)}

  .legcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,236px);
    gap:clamp(28px,3vw,56px);align-items:start;
    margin:clamp(30px,3.2vw,48px) 0 clamp(60px,6vw,96px)}
  /* Prose is measured; tables are not. The column is as wide as the page
     allows and every text element inside it stops at 35em — about 70
     characters, `ch` being the width of a zero and half again wider than the
     average glyph — which leaves the register tables the whole width instead
     of squeezing four columns of prose into the measure. */
  .legbody{min-width:0}
  .legbody>p,.legbody>ul,.legbody>ol,.legbody>h2,.legbody>h3,.legbody>.legmeta{max-width:35em}

  /* on this page */
  .legtoc{position:sticky;top:104px;order:2;max-height:calc(100vh - 150px);overflow-y:auto;
    padding-left:20px;border-left:1px solid var(--line)}
  .legtoc b{display:block;font-size:10.5px;font-weight:660;letter-spacing:.16em;
    text-transform:uppercase;color:var(--ink-mut);margin-bottom:14px}
  .legtoc ol{list-style:none;margin:0;padding:0}
  .legtoc li{margin:0 0 2px}
  .legtoc a{display:block;padding:4px 0;font-size:12.5px;line-height:1.45;color:var(--ink-soft);
    transition:color .2s}
  .legtoc a:hover{color:var(--burg)}

  /* the document itself */
  .legbody h2{font-family:var(--display);font-weight:570;letter-spacing:-.014em;line-height:1.2;
    font-size:clamp(20px,1.7vw,26px);color:var(--ink);
    margin:clamp(38px,3.4vw,52px) 0 14px;scroll-margin-top:110px}
  .legbody h2:first-child{margin-top:0}
  .legbody h3{font-family:var(--display);font-weight:570;font-size:18px;letter-spacing:-.01em;
    color:var(--ink);margin:30px 0 10px;scroll-margin-top:110px}
  .legbody p{font-size:16px;line-height:1.8;color:rgba(20,19,16,.82);margin:0 0 17px}
  .legbody strong{font-weight:620;color:var(--ink)}
  .legbody a{color:var(--burg);text-decoration:underline;text-underline-offset:3px;
    text-decoration-thickness:1px;text-decoration-color:rgba(110,35,56,.34)}
  .legbody a:hover{text-decoration-color:var(--burg)}
  .legbody ul{margin:0 0 20px;padding-left:20px}
  .legbody li{font-size:16px;line-height:1.75;color:rgba(20,19,16,.82);margin-bottom:10px}
  .legbody li::marker{color:var(--ink-mut)}

  /* the header block of each document: provider, effective date, contact */
  .legmeta{margin:0 0 22px;padding:18px 20px;border-radius:14px;background:var(--bg2);
    border:1px solid var(--line)}
  .legmeta p{margin:0;font-size:14px;line-height:1.75;color:var(--ink-soft)}
  .legmeta strong{font-weight:600;color:var(--ink)}

  /* tables keep to their own box on a narrow screen */
  .legtable{margin:0 0 24px;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:14px;
    background:var(--paper);-webkit-overflow-scrolling:touch}
  .legtable:focus-visible{outline:2px solid var(--burg);outline-offset:2px}
  .legt{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;line-height:1.6}
  .legt th,.legt td{padding:12px 16px;text-align:left;vertical-align:top;
    border-bottom:1px solid var(--line);color:rgba(20,19,16,.82);min-width:130px}
  .legt thead th{font-size:11px;font-weight:660;letter-spacing:.11em;text-transform:uppercase;
    color:var(--ink-mut);background:var(--bg2);white-space:nowrap}
  .legt tbody th{font-weight:600;color:var(--ink);width:1%;white-space:nowrap}
  .legt tr:last-child th,.legt tr:last-child td{border-bottom:0}

  /* the hub */
  .leghero{padding:clamp(104px,11vh,148px) 0 clamp(18px,2vw,28px)}
  .leghero h1{font-size:clamp(34px,3.4vw,54px);letter-spacing:-.022em;line-height:1.06;max-width:22ch}
  .leghero .lede{margin-top:16px;max-width:56ch}
  .legindex{padding-bottom:clamp(60px,6vw,100px)}
  .leglist{list-style:none;margin:0;padding:0;max-width:1000px;
    border-top:1px solid var(--line)}
  .leglist li{border-bottom:1px solid var(--line)}
  .leglist a{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto;
    gap:10px clamp(16px,2vw,34px);align-items:baseline;padding:15px 4px;transition:background .2s}
  .leglist a:hover{background:rgba(20,19,16,.028)}
  .leglist b{font-family:var(--display);font-weight:570;font-size:17px;letter-spacing:-.012em;
    color:var(--ink)}
  .leglist a:hover b{color:var(--burg)}
  .leglist span{font-size:14px;line-height:1.55;color:var(--ink-soft)}
  .leglist i{font-style:normal;font-size:12px;color:var(--ink-mut);white-space:nowrap}
  .legfoot{margin-top:22px;font-size:13px;line-height:1.7;color:var(--ink-mut)}
  .legfoot a{color:var(--ink-soft);border-bottom:1px solid var(--line)}
  .legfoot a:hover{color:var(--burg)}

  @media (max-width:980px){
    .legcols{grid-template-columns:minmax(0,1fr);gap:26px}
    .legtoc{position:static;order:0;max-height:none;overflow:visible;
      padding:18px 20px;border-left:0;border:1px solid var(--line);border-radius:14px;
      background:var(--bg2)}
    .legtoc ol{columns:2;column-gap:26px}
  }
  @media (max-width:760px){
    .legtoc ol{columns:1}
    .legbody p,.legbody li{font-size:15.5px}
    .leglist a{grid-template-columns:1fr;gap:6px;padding:16px 2px}
    .leglist i{order:3}
  }

  /* print: the document, nothing else */
  @media print{
    .topbar,.nav,.mmenu,.mscrim,#progress,.lumen,.grainlay,footer,
    .legtoc,.artback,.leghead .crumb{display:none !important}
    html,body{background:#fff !important}
    .legpage{padding-top:0}
    .legdoc{padding:0}
    .legcols{display:block;margin:18px 0 0}
    .legbody,.leghead{max-width:none}
    .legbody p,.legbody li,.legt th,.legt td,.leghead h1,.legbody h2,.legbody h3,
    .legmeta p,.legver{color:#000 !important}
    .legbody a{color:#000 !important;text-decoration:underline}
    .legtable{overflow:visible;background:none}
    .legmeta{background:none}
    .legbody h2,.legbody h3{page-break-after:avoid}
    .legtable,.legt tr{page-break-inside:avoid}
  }

/* ---------- footer parity with the v2 site ----------
   The legal, briefing, login and 404 pages are produced by this build, so they
   inherit the v1 mockup's footer: rounded top corners, a warm radial wash and
   six columns. The v2 site's footer is square, flat and five. A reader who
   follows a footer link from the home page to the Terms lands on what looks
   like a different site, so the two are made the same here. Scoped above the
   1120px breakpoint, which is where the v1 responsive footer takes over. */
footer{border-radius:0;background:var(--dark)}
footer::before{content:none}
@media (min-width:1121px){
  .frow{grid-template-columns:1.4fr repeat(4,1fr);gap:40px}
}