/* subprocessor.org — Chambers. Generated from the signed-off preview. */
:root{
  --pine:#12352B; --deep:#1E5744; --moss:#2F7A61; --brass:#C4A15A; --brass-d:#8A7038;
  --paper:#F7F5F0; --paper2:#F1EDE4; --stone:#E4DFD4; --ink:#161D19; --muted:#5A6B62; --signal:#A8342A;
  --sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16.5px/1.62 var(--sans);-webkit-font-smoothing:antialiased}
svg{display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 14px}
:focus-visible{outline:2px solid var(--deep);outline-offset:3px;border-radius:6px}
.wrap{max-width:1280px;margin:0 auto;padding:0 30px}

/* ---------- entrance motion: weighted, nothing hurries ---------- */
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes settle{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
@keyframes tick{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes breathe{0%,100%{opacity:.55}50%{opacity:1}}
.r{animation:rise .62s cubic-bezier(.16,.84,.28,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.14s}.d3{animation-delay:.23s}
.d4{animation-delay:.32s}.d5{animation-delay:.41s}.d6{animation-delay:.5s}

/* ---------- process diagram ---------- */
.proc{background:var(--paper);border-top:1px solid var(--stone);padding:86px 0 92px;position:relative;overflow:hidden}
.proc h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.proc .sub{font-size:18px;color:var(--muted);margin-top:16px;max-width:64ch}
.diagram{margin-top:34px}
.diagram svg{width:100%;height:auto;font-family:var(--sans)}
.lineBase{stroke:#DCD6C9;stroke-width:1.5;fill:none}
.lineDraw{stroke:var(--brass);stroke-width:1.8;fill:none;stroke-linecap:round;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:drawline 1.6s cubic-bezier(.16,.84,.28,1) forwards}
@keyframes drawline{to{stroke-dashoffset:0}}
.pulse{stroke:var(--brass);stroke-width:3;fill:none;stroke-linecap:round;opacity:.9;
  stroke-dasharray:16 var(--gap);animation:travel 4.6s linear infinite}
@keyframes travel{to{stroke-dashoffset:-580px}}
.nodeBox{fill:#fff;stroke:#DCD6C9;stroke-width:1.5}
.nodeTx{fill:#25302A;font-size:13.5px;font-weight:600;letter-spacing:-.01em}
.nodeSub{fill:#8E9A93;font-size:10.5px;font-family:var(--mono)}
.hubTx{fill:#F7F5F0;font-weight:800;font-size:18px;letter-spacing:-.025em}
.hubSub{fill:#A9BFB4;font-size:11px;font-family:var(--mono)}
.loopTx{fill:#8A7038;font-size:11px;font-family:var(--mono);letter-spacing:.14em}
.fadeIn{opacity:0;animation:fadein .75s cubic-bezier(.16,.84,.28,1) forwards}
@keyframes fadein{to{opacity:1}}
.beat{transform-origin:515px 190px;animation:beat 4.6s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.legend{display:grid;grid-template-columns:1fr;gap:22px 40px;margin-top:38px;padding-top:28px;border-top:1px solid var(--stone)}
@media(min-width:820px){.legend{grid-template-columns:repeat(4,1fr)}}
.legend .k{font:500 11px/1 var(--mono);letter-spacing:.18em;color:var(--brass-d);margin-bottom:10px}
.legend b{display:block;font-weight:700;font-size:15.5px;letter-spacing:-.02em;margin-bottom:5px}
.legend p{margin:0;font-size:14.5px;color:var(--muted)}


/* ---------- what you end up with ---------- */
.outcome{background:var(--pine);color:#DCE8E1;padding:92px 0 96px;position:relative;overflow:hidden}
.outcome::before{content:"";position:absolute;inset:-30% -10% auto -10%;height:90%;pointer-events:none;
  background:radial-gradient(46% 54% at 82% 4%,rgba(196,161,90,.16),transparent 62%),
             radial-gradient(40% 48% at 6% 96%,rgba(47,122,97,.28),transparent 64%)}
.outcome .wrap{position:relative;z-index:2}
.outcome h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0;color:#F7F5F0}
.outcome .sub{font-size:18px;color:#A9BFB4;margin-top:16px;max-width:56ch}
.osplit{display:grid;grid-template-columns:1fr;gap:44px;align-items:start;margin-top:46px}
@media(min-width:1020px){.osplit{grid-template-columns:.86fr 1.14fr;gap:60px}}
.olist{list-style:none;padding:0;margin:0}
.olist li{position:relative;padding:0 0 26px 40px}
.olist li:last-child{padding-bottom:0}
.olist li::before{content:"";position:absolute;left:9px;top:9px;width:9px;height:9px;border-radius:3px;background:var(--brass)}
.olist li::after{content:"";position:absolute;left:13px;top:24px;bottom:8px;width:1px;background:rgba(196,161,90,.3)}
.olist li:last-child::after{display:none}
.olist b{display:block;color:#F7F5F0;font-weight:700;font-size:17px;letter-spacing:-.025em;margin-bottom:5px}
.olist p{margin:0;font-size:15px;color:#A9BFB4}
.outcome .cta{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}




.cycle button{flex:none}



.artstack{position:relative}
.page{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.22),0 40px 80px rgba(0,0,0,.34);color:var(--ink)}
.pbar{display:flex;align-items:center;gap:9px;padding:14px 20px;background:var(--paper2);border-bottom:1px solid var(--stone)}
.pbar .u{flex:1;background:#fff;border:1px solid var(--stone);border-radius:100px;padding:7px 14px;
  font:500 12px/1 var(--mono);color:#8E9A93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbar .u b{color:var(--pine);font-weight:600}
.pbar .stamp{display:inline-flex;align-items:center;gap:7px;font:500 11px/1 var(--mono);letter-spacing:.05em;
  color:var(--deep);background:rgba(47,122,97,.1);border:1px solid rgba(47,122,97,.22);border-radius:100px;
  padding:7px 11px;white-space:nowrap}
.pbar .stamp i{width:6px;height:6px;border-radius:50%;background:var(--moss);animation:breathe 2.6s ease-in-out infinite}
.phead{padding:24px 26px 18px}
.phead h3{font-size:21px;font-weight:800;letter-spacing:-.03em;margin:0}
.phead p{margin:7px 0 0;font:500 12.5px/1 var(--mono);color:#8E9A93}
.ptable{width:100%;font-size:14px}
.ptable th{text-align:left;font:500 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#9AA79F;
  padding:11px 26px;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);background:#FBFAF7}
.ptable td{padding:13px 26px;border-bottom:1px solid var(--stone);color:var(--muted);vertical-align:middle}
.ptable td.e{font-weight:700;color:var(--ink);letter-spacing:-.02em;white-space:nowrap}
.ptable tr:last-child td{border-bottom:0}
.srcpill{font:500 10.5px/1 var(--mono);color:var(--brass-d);background:rgba(196,161,90,.12);
  border:1px solid rgba(196,161,90,.34);border-radius:5px;padding:4px 8px;white-space:nowrap}
.pfoot{padding:18px 26px;background:var(--paper2);border-top:1px solid var(--stone);
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13px;color:var(--muted)}
.subscribe{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:var(--pine);color:var(--paper);
  border-radius:100px;padding:10px 17px;font:700 13px/1 var(--sans);white-space:nowrap}

.notice{position:absolute;right:-10px;bottom:-40px;width:min(340px,80%);background:#FBFAF7;border-radius:16px;
  padding:18px 20px;box-shadow:0 6px 16px rgba(0,0,0,.2),0 28px 56px rgba(0,0,0,.32);color:var(--ink);
  animation:settle .8s .5s cubic-bezier(.16,.84,.28,1) both}
@media(max-width:1019px){.notice{position:relative;right:0;bottom:0;width:100%;margin-top:20px}}
.notice .nh{display:flex;align-items:center;gap:9px;font:500 10.5px/1 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--brass-d);margin-bottom:10px}
.notice .nb{font-size:14px;line-height:1.5}
.notice .nb b{font-weight:700}
.notice .nf{margin-top:12px;padding-top:11px;border-top:1px solid var(--stone);font:500 11px/1 var(--mono);color:#8E9A93}


/* ---------- navigation: triggers ---------- */
.nav{display:none;gap:24px;margin-left:6px;align-items:stretch}
@media(min-width:1160px){.nav{display:flex}}
.nav > a,.nt{position:relative;display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;
  font:500 14.5px/1 var(--sans);color:var(--muted);padding:33px 0;white-space:nowrap;transition:color .26s}
.nt svg{transition:transform .3s cubic-bezier(.16,.84,.28,1);opacity:.6}
.nav > a::after,.nt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brass);
  transform:scaleX(0);transform-origin:center;transition:transform .34s cubic-bezier(.16,.84,.28,1)}
.nav > a:hover,.nt:hover,.nt[aria-expanded="true"]{color:var(--pine)}
.nav > a:hover::after,.nt:hover::after,.nt[aria-expanded="true"]::after{transform:scaleX(1)}
.nt[aria-expanded="true"] svg{transform:rotate(180deg);opacity:1}

/* ---------- navigation: the panel lives OUTSIDE the header ---------- */
.mscrim{position:fixed;inset:0;z-index:890;background:rgba(12,32,26,.16);
  opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s}
.mscrim.on{opacity:1;visibility:visible}
.mroot{position:fixed;left:0;right:0;z-index:900;
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .22s ease,transform .32s cubic-bezier(.16,.84,.28,1),visibility .22s}
.mroot.on{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mbody{position:relative;background:#FBFAF7;border-bottom:1px solid var(--stone);
  box-shadow:0 26px 52px rgba(18,53,43,.17);overflow:hidden;
  height:0;transition:height .36s cubic-bezier(.16,.84,.28,1)}
.mbody::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:3;
  background:linear-gradient(90deg,rgba(196,161,90,0),var(--brass) 20%,var(--brass) 80%,rgba(196,161,90,0));
  transform:scaleX(.25);transform-origin:center;transition:transform .5s .05s cubic-bezier(.16,.84,.28,1)}
.mroot.on .mbody::before{transform:scaleX(1)}
.mp{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(7px);pointer-events:none;
  transition:opacity .2s ease,transform .3s cubic-bezier(.16,.84,.28,1)}
.mp.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.mgrid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 28px;padding:26px 0 20px}
.mcol{flex:1 1 200px;min-width:196px}
.mcol .ct{font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-d);margin:0 0 6px;padding:0 9px}
.mi{display:grid;grid-template-columns:19px minmax(0,1fr);gap:11px;align-items:start;
  padding:8px 9px;border-radius:9px;transition:background .22s,transform .22s cubic-bezier(.16,.84,.28,1)}
.mi:hover{background:#F1EEE6;transform:translateX(2px)}
.mi .mic{width:19px;height:19px;display:flex;align-items:center;justify-content:center;margin-top:1px;flex:none}
.mi b{display:block;font-weight:600;font-size:13.5px;letter-spacing:-.018em;color:var(--ink);line-height:1.3}
.mi span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.4}
.mfeat{background:var(--pine);border-radius:14px;padding:16px 17px;color:#DCE8E1;align-self:flex-start;flex:0 1 250px;min-width:216px}
.mfeat .k{font:500 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
.mfeat b{display:block;color:#F7F5F0;font-size:14px;font-weight:700;letter-spacing:-.022em;margin-bottom:5px;line-height:1.3}
.mfeat p{margin:0;font-size:11.5px;color:#A9BFB4;line-height:1.5}
.mfeat a{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font:700 11.5px/1 var(--sans);color:var(--brass)}
.mfoot{border-top:1px solid var(--stone);background:#F4F1E9}
.mfoot .wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:13px 30px;font-size:12.5px;color:var(--muted)}
.mfoot a{font-weight:700;color:var(--pine);display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}

/* ---------- why now / regulation (compact) ---------- */
.why{background:var(--paper2);border-top:1px solid var(--stone);padding:62px 0 64px}
.why h2{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:0}
.why .sub{font-size:16.5px;color:var(--muted);margin-top:13px;max-width:70ch}
.tline{position:relative;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
@media(min-width:1000px){.tline{grid-template-columns:repeat(5,1fr);gap:0}}
.tline::before,.tline .fill{content:"";position:absolute;left:17px;right:17px;top:17px;height:1.5px;display:none}
@media(min-width:1000px){.tline::before{display:block;background:#DCD6C9}
  .tline .fill{display:block;background:var(--brass);transform-origin:left;transform:scaleX(0);
    animation:draw 1.9s .3s cubic-bezier(.16,.84,.28,1) forwards}}
.tp{position:relative;padding-right:22px}
.tp .ic{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--paper2);
  border:1.5px solid var(--brass);display:flex;align-items:center;justify-content:center;
  animation:fadein .6s both}
.tp.now .ic{background:var(--brass);border-color:var(--brass);box-shadow:0 0 0 5px rgba(196,161,90,.2)}
.tp .yr{font:500 10.5px/1 var(--mono);letter-spacing:.15em;color:var(--brass-d);margin:14px 0 6px}
.tp b{display:block;font-weight:700;font-size:14.5px;letter-spacing:-.025em;margin-bottom:5px}
.tp p{margin:0;font-size:13px;line-height:1.5;color:var(--muted);max-width:26ch}
.srcline{margin-top:26px;padding-top:16px;border-top:1px solid var(--stone);
  font:400 11.5px/1.6 var(--mono);color:#98A49D}
.wbar{margin-top:22px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.wbar p{margin:0;font-size:14.5px;color:var(--muted);max-width:64ch;flex:1 1 340px;min-width:0}
.wbar p b{color:var(--ink);font-weight:700}
.wbar .btn{margin-left:auto}

/* ---------- who owns this ---------- */
.aud{background:var(--paper);padding:76px 0 84px;border-top:1px solid var(--stone)}
.aud h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.aud .sub{font-size:17.5px;color:var(--muted);margin-top:15px;max-width:62ch}
.acards{display:grid;grid-template-columns:1fr;gap:20px;margin-top:42px}
@media(min-width:860px){.acards{grid-template-columns:repeat(3,1fr)}}
.ac{background:#fff;border:1px solid var(--stone);border-radius:20px;padding:28px;
  box-shadow:0 2px 6px rgba(18,53,43,.05),0 18px 40px rgba(18,53,43,.07);
  transition:transform .4s cubic-bezier(.2,.9,.25,1),box-shadow .4s cubic-bezier(.2,.9,.25,1)}
.ac:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(18,53,43,.07),0 26px 56px rgba(18,53,43,.13)}
.ac .ico{width:44px;height:44px;border-radius:13px;background:rgba(196,161,90,.14);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.ac .role{font:500 10.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);margin-bottom:10px}
.ac h3{font-size:19px;font-weight:800;letter-spacing:-.03em;margin:0 0 9px}
.ac p{font-size:14.5px;color:var(--muted);margin:0 0 16px}
.ac ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--stone)}
.ac li{font-size:13.5px;color:var(--muted);padding:9px 0 9px 18px;position:relative;border-bottom:1px solid var(--stone)}
.ac li:last-child{border-bottom:0}
.ac li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:2px;background:var(--brass)}
.dora{margin-top:24px;background:var(--pine);border-radius:20px;padding:30px 32px;color:#DCE8E1;
  display:grid;grid-template-columns:1fr;gap:22px;align-items:center}
@media(min-width:900px){.dora{grid-template-columns:44px 1fr auto;gap:26px}}
.dora .ico{width:44px;height:44px;border-radius:13px;background:rgba(196,161,90,.18);display:flex;align-items:center;justify-content:center}
.dora .k{font:500 10.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass);margin-bottom:9px}
.dora b{display:block;color:#F7F5F0;font-size:19px;font-weight:800;letter-spacing:-.03em;margin-bottom:7px}
.dora p{margin:0;font-size:14.5px;color:#A9BFB4;max-width:62ch}


/* ---------- after you're live ---------- */
.upkeep{background:var(--paper);padding:86px 0 92px;border-top:1px solid var(--stone)}
.upkeep h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.upkeep .sub{font-size:17.5px;color:var(--muted);margin-top:15px;max-width:64ch}
.flow{position:relative;margin-top:48px;display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:980px){.flow{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0}}
.flow .base,.flow .fill,.flow .runner{display:none}   /* superseded by per-step connectors */
/* connector sits on each step: ring is 44px, so its centre is 22px down */
@media(min-width:980px){
  .fs::before{content:"";position:absolute;left:54px;right:8px;top:21px;height:2px;
    background:#DCD6C9;border-radius:2px}
  .fs::after{content:"";position:absolute;left:54px;right:8px;top:21px;height:2px;
    background:var(--brass);border-radius:2px;transform:scaleX(0);transform-origin:left;
    animation:fsdraw 1s cubic-bezier(.16,.84,.28,1) forwards}
  .fs:last-child::before,.fs:last-child::after{display:none}
  .fs:nth-of-type(1)::after{animation-delay:.35s}
  .fs:nth-of-type(2)::after{animation-delay:.75s}
  .fs:nth-of-type(3)::after{animation-delay:1.15s}
  .fs:nth-of-type(4)::after{animation-delay:1.55s}
}
@keyframes fsdraw{to{transform:scaleX(1)}}
@keyframes run{0%{left:8%;opacity:0}6%{opacity:1}88%{left:92%;opacity:1}100%{left:92%;opacity:0}}
.fs{position:relative;padding-right:26px}
.fs .ring{width:44px;height:44px;border-radius:50%;background:var(--paper);border:1.5px solid var(--brass);
  display:flex;align-items:center;justify-content:center;position:relative;z-index:2;animation:fadein .65s both}
.fs.last .ring{background:var(--brass);border-color:var(--brass)}
.fs .st{font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-d);margin:18px 0 7px}
.fs b{display:block;font-weight:700;font-size:15.5px;letter-spacing:-.025em;margin-bottom:6px}
.fs p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);max-width:27ch}

.queue{margin-top:54px;background:#fff;border:1px solid var(--stone);border-radius:22px;overflow:hidden;
  box-shadow:0 3px 8px rgba(18,53,43,.05),0 26px 58px rgba(18,53,43,.11)}
.qh{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--stone)}
.qh h3{font-size:19px;font-weight:800;letter-spacing:-.03em;margin:0}
.qh .n{font:500 12px/1 var(--mono);color:var(--muted);margin-top:6px}
.qtag{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);
  letter-spacing:.05em;text-transform:uppercase;color:var(--brass-d);background:rgba(196,161,90,.14);
  border:1px solid rgba(196,161,90,.34);border-radius:100px;padding:8px 13px;white-space:nowrap}
.qr{display:grid;grid-template-columns:1fr;gap:12px;padding:18px 26px;border-bottom:1px solid var(--stone)}
@media(min-width:860px){.qr{grid-template-columns:190px 1fr auto;gap:22px;align-items:center}}
.qr:last-of-type{border-bottom:0}
.qr:hover{background:#FBFAF7}
.qr .when{font:500 12px/1 var(--mono);color:var(--muted)}
.qr .what b{display:block;font-weight:700;font-size:15.5px;letter-spacing:-.025em}
.qr .what span{display:block;font-size:13.5px;color:var(--muted);margin-top:3px}
.qacts{display:flex;gap:9px;flex-wrap:wrap}
.qb{flex:none;font:700 13px/1 var(--sans);border-radius:100px;padding:11px 17px;border:1.5px solid var(--stone);
  background:#fff;color:var(--pine);cursor:pointer;white-space:nowrap;transition:.26s cubic-bezier(.2,.9,.25,1)}
.qb:hover{border-color:rgba(18,53,43,.4);transform:translateY(-1px)}
.qb.go{background:var(--pine);border-color:var(--pine);color:var(--paper);box-shadow:0 8px 20px rgba(18,53,43,.24)}
.qb.go:hover{background:#17422F;box-shadow:0 12px 26px rgba(18,53,43,.3)}
.qf{background:var(--paper2);padding:20px 26px;display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center}
.qf .m{display:flex;align-items:baseline;gap:9px}
.qf .m b{font:800 22px/1 var(--sans);letter-spacing:-.04em}
.qf .m span{font-size:13px;color:var(--muted)}
.qf .note{margin-left:auto;font-size:13px;color:var(--muted);max-width:40ch}


/* ---------- api ---------- */
.api{background:var(--pine);color:#CBDCD3;padding:92px 0 96px;position:relative;overflow:hidden}
.api::before{content:"";position:absolute;inset:-25% -10% auto -10%;height:80%;pointer-events:none;
  background:radial-gradient(44% 52% at 84% 2%,rgba(196,161,90,.15),transparent 62%),
             radial-gradient(38% 46% at 6% 90%,rgba(47,122,97,.30),transparent 64%)}
.api .wrap{position:relative;z-index:2}
.api h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0;color:#F7F5F0}
.api .sub{font-size:17.5px;color:#A9BFB4;margin-top:15px;max-width:58ch}
.apitop{display:grid;grid-template-columns:1fr;gap:38px;align-items:start;margin-top:44px}
@media(min-width:1040px){.apitop{grid-template-columns:.82fr 1.18fr;gap:52px}}
.facts{list-style:none;padding:0;margin:0}
.facts li{position:relative;padding:0 0 20px 30px;font-size:14.5px;color:#A9BFB4}
.facts li:last-child{padding-bottom:0}
.facts li::before{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:2px;background:var(--brass)}
.facts li::after{content:"";position:absolute;left:11.5px;top:22px;bottom:6px;width:1px;background:rgba(196,161,90,.28)}
.facts li:last-child::after{display:none}
.facts b{display:block;color:#F7F5F0;font-weight:700;font-size:15px;letter-spacing:-.022em;margin-bottom:3px}

.term{background:#08211B;border:1px solid rgba(196,161,90,.25);border-radius:18px;overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.3),0 34px 70px rgba(0,0,0,.36)}
.termbar{display:flex;align-items:center;gap:11px;padding:13px 18px;background:rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.08)}
.termbar .d{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16);flex:none}
.termbar .t{font:500 11.5px/1 var(--mono);color:#7E9A8E;margin-left:6px}
.termbar .m{margin-left:auto;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass);border:1px solid rgba(196,161,90,.4);border-radius:100px;padding:6px 10px}
.term pre{margin:0;padding:20px 22px;overflow-x:auto;font:400 12.5px/1.85 var(--mono);color:#8FB3A5}
.term .c{color:#5F857A}
.term .k{color:#CBDCD3}
.term .s{color:var(--brass)}
.term .n{color:#8FD4B4}
.term .p{color:#4E7166}
.term .cmd{color:#F7F5F0}

.eptable{margin-top:56px;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.03)}
.epgrp{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;padding:16px 22px;background:rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.09)}
.epgrp b{font-weight:700;font-size:14.5px;color:#F7F5F0;letter-spacing:-.02em}
.epgrp span{font:400 12px/1.5 var(--mono);color:#7E9A8E}
.ep{display:grid;grid-template-columns:1fr;gap:6px;padding:13px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
@media(min-width:900px){.ep{grid-template-columns:64px minmax(0,330px) minmax(0,1fr) 108px;gap:18px;align-items:center}}
.ep:last-child{border-bottom:0}
.ep:hover{background:rgba(255,255,255,.035)}
.mth{font:600 10px/1 var(--mono);letter-spacing:.1em;padding:5px 0;border-radius:5px;text-align:center;
  border:1px solid;width:56px;max-width:56px;justify-self:start;flex:none}
.mth.get{color:#8FD4B4;border-color:rgba(143,212,180,.4);background:rgba(143,212,180,.10)}
.mth.post{color:var(--brass);border-color:rgba(196,161,90,.42);background:rgba(196,161,90,.12)}
.mth.del{color:#E8918A;border-color:rgba(232,145,138,.4);background:rgba(232,145,138,.10)}
.ep code{font:500 12.5px/1.5 var(--mono);color:#F7F5F0;word-break:break-word}
.ep .ds{font-size:13.5px;color:#A9BFB4}
.acc{justify-self:start;font:500 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;border-radius:100px;
  padding:6px 10px;border:1px solid;white-space:nowrap;display:inline-block}
.acc.open{color:#8FD4B4;border-color:rgba(143,212,180,.38)}
.acc.paid{color:var(--brass);border-color:rgba(196,161,90,.42)}
.acc.agency{color:#E4DFD4;border-color:rgba(228,223,212,.32)}

.devs{display:grid;grid-template-columns:1fr;gap:16px;margin-top:52px}
@media(min-width:760px){.devs{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.devs{grid-template-columns:repeat(3,1fr)}}
.dev{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:15px;padding:22px}
.dev .h{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.dev .h b{font-weight:700;font-size:15px;color:#F7F5F0;letter-spacing:-.022em}
.dev p{margin:0;font-size:13.5px;color:#A9BFB4;line-height:1.55}
.dev code{font:500 11.5px/1.7 var(--mono);color:var(--brass);display:block;margin-top:10px;word-break:break-all}

.apifoot{margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.apifoot .lk{display:inline-flex;align-items:center;gap:9px;font:700 14px/1 var(--sans);color:var(--brass)}
.apifoot .sep{width:1px;height:16px;background:rgba(255,255,255,.14)}
.apifoot .btn{margin-left:auto}


/* ---------- mobile menu ---------- */
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  border:1.5px solid var(--stone);border-radius:13px;background:#fff;cursor:pointer;padding:0 11px;flex:none;
  transition:border-color .3s,box-shadow .3s}
.burger:hover{border-color:#C2CEC4;box-shadow:0 4px 12px rgba(18,53,43,.08)}
.burger span{display:block;height:2px;border-radius:2px;background:var(--pine);
  transition:transform .4s cubic-bezier(.16,.84,.28,1),opacity .25s}
.burger span:nth-child(1){width:100%}
.burger span:nth-child(2){width:72%}
.burger span:nth-child(3){width:100%}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translateX(-8px)}
.burger[aria-expanded="true"] span:nth-child(3){width:100%;transform:translateY(-7px) rotate(-45deg)}
@media(min-width:1160px){.burger{display:none}}

.mobscrim{position:fixed;inset:0;z-index:1000;background:rgba(12,32,26,.4);
  opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s}
.mobscrim.on{opacity:1;visibility:visible}
.mobnav{position:fixed;top:0;right:0;bottom:0;width:min(410px,90vw);z-index:1010;background:var(--paper);
  transform:translateX(103%);transition:transform .44s cubic-bezier(.16,.84,.28,1);
  overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-24px 0 60px rgba(12,32,26,.28);
  display:flex;flex-direction:column}
.mobnav.on{transform:none}
.mobhead{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--stone);
  position:sticky;top:0;background:var(--paper);z-index:2}
.mobclose{margin-left:auto;width:40px;height:40px;border-radius:12px;border:1.5px solid var(--stone);
  background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.mobnav .body{padding:8px 12px 0;flex:1}
.macc{border-bottom:1px solid var(--stone)}
.mah{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;cursor:pointer;
  font:700 17px/1 var(--sans);letter-spacing:-.028em;color:var(--ink);padding:19px 10px;text-align:left}
.mah svg{margin-left:auto;transition:transform .38s cubic-bezier(.16,.84,.28,1);opacity:.5}
.mah[aria-expanded="true"] svg{transform:rotate(180deg);opacity:1}
.mab{max-height:0;overflow:hidden;transition:max-height .44s cubic-bezier(.16,.84,.28,1)}
.mab .in{padding:2px 0 14px}
.mab a{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:10px;
  font:500 15px/1.3 var(--sans);color:var(--muted);transition:background .22s,color .22s}
.mab a:hover{background:#F1EEE6;color:var(--pine)}
.mab a i{display:block;flex:none;width:7px;height:7px;border-radius:2px;background:var(--brass);opacity:.8}
.mlink{display:flex;align-items:center;padding:19px 10px;font:700 17px/1 var(--sans);letter-spacing:-.028em;
  color:var(--ink);border-bottom:1px solid var(--stone)}
.mobfoot{padding:20px 22px 28px;background:var(--paper2);border-top:1px solid var(--stone)}
.mobfoot .gs{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  border:1.5px solid var(--stone);background:#fff;border-radius:100px;padding:15px;
  font:600 15px/1 var(--sans);color:var(--ink);margin-bottom:11px}
.mobfoot .note{margin:13px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}


/* ---------- responsive header ---------- */
@media(max-width:1159px){
  .hdr .wrap{height:72px;gap:16px}
  .hdr .rt{gap:12px}
  .signin{display:none}          /* lives in the mobile menu instead */
}
@media(max-width:820px){
  .hdr .rt .btn{display:none}    /* the CTA is the first thing in the menu */
  .logo .wm{font-size:20px}
  .logo .mk{width:26px;height:26px}
  .wrap{padding:0 20px}
}
@media(max-width:560px){
  .util .rt a:not(:last-child){display:none}
  .util .wrap{gap:12px}
  .logo .wm{font-size:18px}
}
@media(max-width:400px){
  .util{font-size:12px}
  .util .qstat{gap:7px}
}


/* ---------- everything else on the same engine ---------- */
.more{background:var(--paper2);border-top:1px solid var(--stone);padding:88px 0 96px}
.more h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.more .sub{font-size:17.5px;color:var(--muted);margin-top:15px;max-width:62ch}
.svcs{display:grid;grid-template-columns:1fr;gap:20px;margin-top:44px}
@media(min-width:720px){.svcs{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.svcs{grid-template-columns:repeat(3,1fr)}}
.svc{background:#fff;border:1px solid var(--stone);border-radius:20px;overflow:hidden;
  box-shadow:0 2px 6px rgba(18,53,43,.05),0 18px 40px rgba(18,53,43,.07);
  transition:transform .42s cubic-bezier(.2,.9,.25,1),box-shadow .42s cubic-bezier(.2,.9,.25,1)}
.svc:hover{transform:translateY(-4px);box-shadow:0 5px 12px rgba(18,53,43,.08),0 30px 62px rgba(18,53,43,.14)}
.viz{position:relative;height:152px;overflow:hidden;border-bottom:1px solid var(--stone);
  background:linear-gradient(178deg,#F2EFE6,#FBFAF6)}
.svcb{padding:22px 24px 24px}
.svcb .k{font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);margin-bottom:11px}
.svcb h3{font-size:18px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px;line-height:1.25}
.svcb p{margin:0 0 14px;font-size:14px;color:var(--muted);line-height:1.55}
.svcb a{font:700 13.5px/1 var(--sans);color:var(--pine);display:inline-flex;align-items:center;gap:7px}
.svcb a span{transition:transform .34s cubic-bezier(.2,.9,.25,1)}
.svc:hover .svcb a span{transform:translateX(4px)}

/* 1 — scanning a watchlist */
.vrow{position:absolute;left:22px;right:22px;display:flex;align-items:center;gap:10px}
.vrow i{display:block;height:7px;border-radius:3px;background:#D8D2C6}
.vrow .a{width:44%}.vrow .b{width:22%;background:#E6E0D2}
.vrow:nth-child(1){top:26px}.vrow:nth-child(2){top:54px}
.vrow:nth-child(3){top:82px}.vrow:nth-child(4){top:110px}
.vrow.hit i{animation:hitbar 3.8s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes hitbar{0%,52%{background:#D8D2C6}60%,86%{background:var(--brass)}100%{background:#D8D2C6}}
.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(196,161,90,0),var(--brass),rgba(196,161,90,0));
  box-shadow:0 0 12px rgba(196,161,90,.7);animation:scanmove 3.8s cubic-bezier(.5,0,.5,1) infinite}
@keyframes scanmove{0%{top:8px;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:140px;opacity:0}}
.vchip{position:absolute;right:20px;top:72px;font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--brass-d);background:rgba(196,161,90,.16);border:1px solid rgba(196,161,90,.4);border-radius:100px;
  padding:5px 9px;opacity:0;animation:chipin 3.8s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes chipin{0%,54%{opacity:0;transform:translateX(6px)}64%,88%{opacity:1;transform:none}100%{opacity:0}}

/* 2 — the objection window running down */
.svc-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.svc-ring circle{fill:none;stroke-width:6;stroke-linecap:round}
.svc-ring .bg{stroke:#E2DCCE}
.svc-ring .fg{stroke:var(--brass);stroke-dasharray:176;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center;
  animation:drain 5s cubic-bezier(.4,0,.5,1) infinite}
@keyframes drain{0%{stroke-dashoffset:176}12%{stroke-dashoffset:0}82%{stroke-dashoffset:132}100%{stroke-dashoffset:132}}
.ringlab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.ringlab b{display:block;font:800 21px/1 var(--sans);letter-spacing:-.04em;color:var(--pine)}
.ringlab span{display:block;font:500 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.clause{position:absolute;left:20px;bottom:18px;font:500 9.5px/1 var(--mono);color:var(--brass-d);
  background:rgba(196,161,90,.14);border:1px solid rgba(196,161,90,.38);border-radius:6px;padding:5px 8px;
  opacity:0;animation:chipin 5s cubic-bezier(.16,.84,.28,1) infinite}

/* 3 — the gap between page and notice */
.gaptl{position:absolute;left:26px;right:26px;top:76px;height:2px;background:#DCD6C9}
.gapspan{position:absolute;left:26px;top:75px;height:4px;border-radius:2px;width:0;
  background:repeating-linear-gradient(90deg,var(--brass) 0 5px,rgba(196,161,90,.25) 5px 10px);
  animation:gapgrow 4.4s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes gapgrow{0%{width:0}42%{width:calc(100% - 52px)}88%{width:calc(100% - 52px)}100%{width:0}}
.gapdot{position:absolute;top:70px;width:12px;height:12px;border-radius:50%;border:3px solid #FBFAF6}
.gapdot.l{left:22px;background:var(--brass)}
.gapdot.r{right:22px;background:#7FA8C4;opacity:0;animation:dotin 4.4s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes dotin{0%,38%{opacity:0;transform:scale(.4)}48%,90%{opacity:1;transform:none}100%{opacity:0}}
.gaplab{position:absolute;left:50%;top:32px;transform:translateX(-50%);text-align:center;opacity:0;
  animation:chipin 4.4s cubic-bezier(.16,.84,.28,1) infinite}
.gaplab b{display:block;font:800 20px/1 var(--sans);letter-spacing:-.04em;color:var(--brass-d)}
.gaplab span{display:block;font:500 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.gapend{position:absolute;top:100px;font:500 9.5px/1 var(--mono);color:var(--muted)}
.gapend.l{left:20px}.gapend.r{right:20px}

/* 4 — evidence stacking and chaining */
.sheet{position:absolute;left:50%;width:110px;height:34px;border-radius:8px;background:#fff;
  border:1px solid var(--stone);box-shadow:0 4px 12px rgba(18,53,43,.10);transform:translateX(-50%)}
.sheet i{position:absolute;left:12px;right:34px;top:11px;height:3px;border-radius:2px;background:#E2DCCE}
.sheet i+i{top:20px;right:52px}
.sheet.s1{top:96px;animation:sheetin 4.6s cubic-bezier(.16,.84,.28,1) infinite}
.sheet.s2{top:66px;animation:sheetin 4.6s .28s cubic-bezier(.16,.84,.28,1) infinite}
.sheet.s3{top:36px;animation:sheetin 4.6s .56s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes sheetin{0%{opacity:0;transform:translateX(-50%) translateY(16px)}
  16%,86%{opacity:1;transform:translateX(-50%)}100%{opacity:0;transform:translateX(-50%) translateY(16px)}}
.chainline{position:absolute;left:calc(50% - 66px);top:48px;width:2px;height:0;background:var(--brass);
  animation:chaingrow 4.6s .7s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes chaingrow{0%{height:0}22%{height:66px}88%{height:66px}100%{height:0}}
.chainnode{position:absolute;left:calc(50% - 70px);width:10px;height:10px;border-radius:3px;background:var(--brass);opacity:0}
.chainnode.c1{top:44px;animation:chipin 4.6s .5s infinite}
.chainnode.c2{top:74px;animation:chipin 4.6s .8s infinite}
.chainnode.c3{top:104px;animation:chipin 4.6s 1.1s infinite}

/* 5 — the fourth-party chain opening out */
.chain5{position:absolute;inset:0}
.chain5 path{fill:none;stroke:var(--brass);stroke-width:1.6;stroke-linecap:round;
  stroke-dasharray:70;stroke-dashoffset:70;animation:draw5 5.2s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes draw5{0%{stroke-dashoffset:70}26%{stroke-dashoffset:0}86%{stroke-dashoffset:0}100%{stroke-dashoffset:70}}
.chain5 .lvl2{animation-delay:.5s}
.chain5 rect{opacity:0;animation:chipin 5.2s infinite}
.chain5 .n2{animation-delay:.35s}.chain5 .n3{animation-delay:.75s}

/* 6 — client workspaces rolling up */
.cli{position:absolute;left:22px;right:22px;display:flex;align-items:center;gap:11px}
.cli:nth-child(1){top:30px}.cli:nth-child(2){top:64px}.cli:nth-child(3){top:98px}
.cli .av{width:22px;height:22px;border-radius:7px;background:var(--pine);flex:none}
.cli .tr{flex:1;height:7px;border-radius:3px;background:#E2DCCE;overflow:hidden}
.cli .tr b{display:block;height:100%;width:0;border-radius:3px;background:var(--brass)}
.cli:nth-child(1) .tr b{animation:fill6 4.8s cubic-bezier(.16,.84,.28,1) infinite}
.cli:nth-child(2) .tr b{animation:fill6 4.8s .35s cubic-bezier(.16,.84,.28,1) infinite}
.cli:nth-child(3) .tr b{animation:fill6 4.8s .7s cubic-bezier(.16,.84,.28,1) infinite}
@keyframes fill6{0%{width:0}30%{width:var(--w)}86%{width:var(--w)}100%{width:0}}
.cli .n{font:500 10px/1 var(--mono);color:var(--muted);width:26px;text-align:right;flex:none}


/* ---------- site footer ---------- */
.sitefoot{background:#04120E;color:#93AFA3;position:relative;overflow:hidden;border-top:1px solid rgba(196,161,90,.30)}
.sitefoot::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:74%;pointer-events:none;
  background:radial-gradient(40% 52% at 80% 0%,rgba(196,161,90,.12),transparent 62%),
             radial-gradient(36% 44% at 6% 34%,rgba(30,87,68,.34),transparent 64%)}
.sitefoot .wrap{position:relative;z-index:2}
.fcta{padding:74px 0 58px;border-bottom:1px solid rgba(255,255,255,.12);
  display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
@media(min-width:980px){.fcta{grid-template-columns:1.05fr .95fr;gap:58px}}
.fcta h2{font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.06;margin:0;color:#F7F5F0}
.fcta p{margin:14px 0 0;font-size:16.5px;color:#A9BFB4;max-width:46ch}
.fcta .domainform{max-width:none}
.fcta .field{box-shadow:0 2px 6px rgba(0,0,0,.3),0 18px 40px rgba(0,0,0,.34);border-color:rgba(255,255,255,.18)}
.fcta .assure{margin-top:16px;padding-top:0;border-top:0;gap:10px 22px}
.fcta .assure span{color:#8FA79B;font-size:13.5px}
.fmain{padding:54px 0 46px;display:grid;grid-template-columns:1fr;gap:36px}
@media(min-width:760px){.fmain{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.fmain{grid-template-columns:1.5fr repeat(5,1fr);gap:28px}}
.fbrand p{margin:16px 0 0;font-size:14px;color:#A9BFB4;max-width:34ch;line-height:1.6}
.fstat{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font:500 11.5px/1 var(--mono);
  letter-spacing:.06em;color:#CBDCD3;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:100px;padding:9px 14px}
.fstat i{display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#3DBB8D;
  animation:breathe 3s ease-in-out infinite}
.fcol h5{font:500 10px/1 var(--mono);letter-spacing:.19em;text-transform:uppercase;color:#7E9A8E;margin:0 0 15px}
.fcol a{display:block;padding:7px 0;font-size:14px;color:#CBDCD3;position:relative;width:fit-content}
.fcol a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--brass);
  transform:scaleX(0);transform-origin:left;transition:transform .36s cubic-bezier(.16,.84,.28,1)}
.fcol a:hover{color:#fff}
.fcol a:hover::after{transform:scaleX(1)}
.fnums{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;margin-bottom:48px}
@media(min-width:820px){.fnums{grid-template-columns:repeat(4,1fr)}}
.fnums div{background:#0A2019;padding:22px 24px}
.fnums b{display:block;font:800 27px/1 var(--sans);letter-spacing:-.04em;color:#F7F5F0}
.fnums b em{font-style:normal;color:var(--brass)}
.fnums span{display:block;font-size:12.5px;color:#8FA79B;margin-top:6px}
.fnote{border-top:1px solid rgba(255,255,255,.12);padding:26px 0;font-size:12.5px;color:#7E9A8E;line-height:1.7;max-width:96ch}
.fbot{border-top:1px solid rgba(255,255,255,.12);padding:22px 0 30px;display:flex;flex-wrap:wrap;
  gap:14px 26px;align-items:center;font-size:12.5px;color:#7E9A8E}
.fbot a{color:#A9BFB4}
.fbot a:hover{color:#fff}
.fbot .own{color:var(--brass);font-weight:600}
.fbot .rt{margin-left:auto;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
.fmark{position:relative;height:clamp(58px,12vw,160px);overflow:hidden;pointer-events:none;user-select:none}
.fmark span{position:absolute;left:0;right:0;bottom:-.2em;text-align:center;white-space:nowrap;
  font:800 clamp(70px,15.2vw,206px)/1 var(--sans);letter-spacing:-.062em;
  background:linear-gradient(100deg,rgba(196,161,90,.05),rgba(196,161,90,.24),rgba(196,161,90,.05));
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 9s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0% 0}50%{background-position:100% 0}}


/* ---------- pricing ---------- */
.price{background:var(--paper);border-top:1px solid var(--stone);padding:88px 0 92px}
.price h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.price .sub{font-size:17.5px;color:var(--muted);margin-top:15px;max-width:60ch}
.cycle{display:inline-flex;align-items:center;gap:4px;margin-top:26px;background:#fff;border:1.5px solid var(--stone);
  border-radius:100px;padding:4px}
.cycle button{border:0;background:none;cursor:pointer;font:600 13.5px/1 var(--sans);color:var(--muted);
  padding:11px 18px;border-radius:100px;transition:background .3s,color .3s}
.cycle button[aria-pressed="true"]{background:var(--pine);color:var(--paper)}
.cycle .save{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-d);
  padding-right:12px}
.tiers{display:grid;grid-template-columns:1fr;gap:22px;align-items:stretch;margin-top:38px}
@media(min-width:980px){.tiers{grid-template-columns:repeat(3,1fr)}}
.tier{background:#fff;border:1px solid var(--stone);border-radius:22px;padding:30px;display:flex;flex-direction:column;
  box-shadow:0 2px 6px rgba(18,53,43,.05),0 18px 42px rgba(18,53,43,.07);
  transition:transform .42s cubic-bezier(.2,.9,.25,1),box-shadow .42s cubic-bezier(.2,.9,.25,1)}
.tier:hover{transform:translateY(-4px);box-shadow:0 5px 12px rgba(18,53,43,.08),0 30px 64px rgba(18,53,43,.14)}
.tier.hi{border-color:var(--pine);box-shadow:0 6px 16px rgba(18,53,43,.10),0 34px 72px rgba(18,53,43,.20);position:relative}
@media(min-width:980px){.tier.hi{transform:translateY(-12px)}.tier.hi:hover{transform:translateY(-16px)}}
.tier .flag{position:absolute;top:-14px;left:30px;background:var(--pine);color:var(--brass);
  font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;padding:9px 13px;border-radius:100px}
.tier .nm{font:700 17px/1 var(--sans);letter-spacing:-.028em}
.tier .amt{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px}
.tier .amt b{font:800 44px/1 var(--sans);letter-spacing:-.05em}
.tier .amt span{font-size:14px;color:var(--muted)}
.tier .bill{font:500 11.5px/1 var(--mono);color:var(--brass-d);min-height:14px}
.tier .ds{color:var(--muted);font-size:14.5px;margin:16px 0 0;min-height:52px}
.tier ul{list-style:none;padding:0;margin:20px 0 24px;border-top:1px solid var(--stone)}
.tier li{font-size:14px;color:var(--muted);padding:10px 0 10px 24px;position:relative;border-bottom:1px solid var(--stone)}
.tier li:last-child{border-bottom:0}
.tier li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:2px;background:var(--brass)}
.tier li b{color:var(--ink);font-weight:700}
.tier .go{margin-top:auto}
.tier .fine{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}
.entline{margin-top:26px;background:var(--pine);border-radius:20px;padding:28px 32px;color:#CBDCD3;
  display:grid;grid-template-columns:1fr;gap:20px;align-items:center}
@media(min-width:900px){.entline{grid-template-columns:1fr auto;gap:30px}}
.entline .k{font:500 10.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass);margin-bottom:9px}
.entline b{display:block;color:#F7F5F0;font-size:19px;font-weight:800;letter-spacing:-.03em;margin-bottom:7px}
.entline p{margin:0;font-size:14.5px;color:#A9BFB4;max-width:64ch}

/* ---------- faq ---------- */
.faq{background:var(--paper2);border-top:1px solid var(--stone);padding:82px 0 90px}
.faq h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.faq .sub{font-size:17.5px;color:var(--muted);margin-top:15px;max-width:58ch}
.qs{margin-top:40px;max-width:900px;border-top:1px solid var(--stone)}
.q{border-bottom:1px solid var(--stone)}
.qbtn{display:flex;align-items:flex-start;gap:18px;width:100%;background:none;border:0;cursor:pointer;text-align:left;
  padding:24px 4px;font:700 18px/1.4 var(--sans);letter-spacing:-.028em;color:var(--ink);transition:color .26s}
.qbtn:hover{color:var(--deep)}
.qbtn .ic{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--brass);flex:none;margin-top:2px;
  position:relative;transition:background .32s cubic-bezier(.16,.84,.28,1)}
.qbtn .ic::before,.qbtn .ic::after{content:"";position:absolute;left:50%;top:50%;background:var(--brass-d);
  transition:transform .38s cubic-bezier(.16,.84,.28,1),opacity .28s}
.qbtn .ic::before{width:11px;height:1.8px;transform:translate(-50%,-50%)}
.qbtn .ic::after{width:1.8px;height:11px;transform:translate(-50%,-50%)}
.qbtn[aria-expanded="true"] .ic{background:rgba(196,161,90,.16)}
.qbtn[aria-expanded="true"] .ic::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.qa{max-height:0;overflow:hidden;transition:max-height .46s cubic-bezier(.16,.84,.28,1)}
.qa .in{padding:0 4px 26px 62px}
.qa p{margin:0;font-size:16px;color:var(--muted);line-height:1.65;max-width:74ch}
.qa p+p{margin-top:12px}
.faqfoot{margin-top:34px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:14.5px;color:var(--muted)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
  .lineDraw{stroke-dashoffset:0}
  .fadeIn{opacity:1}}

/* ---------- utility strip ---------- */
.util{background:var(--pine);color:#A9BFB4;font-size:13px;line-height:1}
.util .wrap{display:flex;align-items:center;flex-wrap:nowrap;gap:16px;height:44px}
.util .qstat{display:flex;align-items:center;gap:9px;white-space:nowrap;flex:none;line-height:1}
.util .qstat i{display:block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--brass);
  animation:breathe 3.2s ease-in-out infinite}
.util .sep{display:block;flex:none;width:1px;height:14px;background:rgba(255,255,255,.16)}
.util .turn{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.util .rt{margin-left:auto;display:flex;align-items:center;gap:20px;white-space:nowrap;flex:none}
@media(max-width:760px){.util .sep,.util .turn{display:none}.util .rt{gap:16px}}
@media(max-width:520px){.util .rt a:not(:last-child){display:none}}
.util a{color:#D6E3DB}
.util a:hover{color:#fff}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:950;background:rgba(247,245,240,.97);
  border-bottom:1px solid var(--stone);transition:box-shadow .45s cubic-bezier(.16,.84,.28,1),background .45s}
.hdr.stuck{box-shadow:0 1px 0 var(--stone),0 14px 34px rgba(18,53,43,.10);background:rgba(247,245,240,.97)}
.hdr .wrap{display:flex;align-items:center;gap:30px;height:86px;flex-wrap:nowrap}
.lock{display:inline-flex;align-items:center;gap:13px;white-space:nowrap}
.lock .wm{font-weight:800;font-size:23px;letter-spacing:-.052em;line-height:1;color:var(--pine)}
.lock .wm em{font-style:normal;color:var(--brass);font-weight:700}

/* the mark performs the hand-off, slowly, forever */
.lock .node{animation:handoff 7s cubic-bezier(.5,0,.2,1) infinite}
.lock .barfill{transform-origin:21px 24px;animation:barpulse 7s cubic-bezier(.5,0,.2,1) infinite}
@keyframes handoff{0%,6%{transform:translateX(-25px);opacity:0}18%{opacity:1}36%,100%{transform:translateX(0);opacity:1}}
@keyframes barpulse{0%,6%{transform:scaleX(.1)}36%,100%{transform:scaleX(1)}}
.lock:hover .node,.lock:hover .barfill{animation-play-state:paused}
.signin{display:inline-flex;align-items:center;gap:9px;transition:color .3s}
.signin svg{transition:transform .42s cubic-bezier(.16,.84,.28,1)}
.signin:hover svg{transform:scale(1.14)}
.talk .av{transition:transform .42s cubic-bezier(.16,.84,.28,1),box-shadow .42s}
.talk:hover .av{transform:translateY(-2px) scale(1.07);box-shadow:0 6px 14px rgba(18,53,43,.28)}
.nav{display:none;gap:30px;margin-left:6px}
@media(min-width:1160px){.nav{display:flex}}
.nav a{position:relative;font:500 15px/1 var(--sans);color:var(--muted);padding:33px 0;white-space:nowrap;transition:color .3s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brass);
  transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.16,.84,.28,1)}
.nav a:hover{color:var(--pine)}
.nav a:hover::after{transform:scaleX(1)}
.nav a.on{color:var(--pine)}
.nav a.on::after{transform:scaleX(1)}
.hdr .rt{margin-left:auto;display:flex;align-items:center;gap:16px;white-space:nowrap;flex:none}
.signin{font:600 15px/1 var(--sans);color:var(--muted)}
.signin:hover{color:var(--pine)}
.talk{font:600 15px/1 var(--sans);color:var(--pine);display:inline-flex;align-items:center;gap:8px}
.talk .av{width:26px;height:26px;border-radius:50%;background:var(--deep);color:var(--paper);
  display:flex;align-items:center;justify-content:center;font:600 9.5px/1 var(--mono)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;flex:none;cursor:pointer;border:0;
  font:700 16px/1 var(--sans);letter-spacing:-.015em;padding:18px 30px;border-radius:100px;
  background:var(--pine);color:var(--paper);box-shadow:0 10px 26px rgba(18,53,43,.26);
  transition:transform .34s cubic-bezier(.2,.9,.25,1),box-shadow .34s cubic-bezier(.2,.9,.25,1),background .2s}
.btn:hover{transform:translateY(-2px);background:#17422F;box-shadow:0 18px 40px rgba(18,53,43,.32)}
.btn.sm{font-size:14.5px;padding:13px 22px}
.btn.ghost{background:transparent;color:var(--pine);border:1.5px solid rgba(18,53,43,.22);box-shadow:none}
.btn.ghost:hover{background:rgba(18,53,43,.05);border-color:rgba(18,53,43,.4)}
.btn .arw{transition:transform .34s cubic-bezier(.2,.9,.25,1)}
.btn:hover .arw{transform:translateX(4px)}
/* variants must follow the base rule — same specificity, so source order decides */
.btn-out{background:#fff;color:var(--pine);border:1.5px solid var(--stone);box-shadow:0 2px 6px rgba(18,53,43,.06)}
.btn-out:hover{background:#FBFAF7;border-color:#BFCCC2;box-shadow:0 6px 16px rgba(18,53,43,.10);transform:translateY(-1px)}
.btn-brass{background:var(--brass);color:#241B06;box-shadow:0 10px 26px rgba(196,161,90,.3)}
.btn-brass:hover{background:#D2B075;box-shadow:0 18px 40px rgba(196,161,90,.38)}
.btn-line{background:transparent;color:#F7F5F0;border:1.5px solid rgba(247,245,240,.28);box-shadow:none}
.btn-line:hover{background:rgba(247,245,240,.08);border-color:rgba(247,245,240,.5)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;
  background:
    radial-gradient(58% 52% at 88% 6%,rgba(196,161,90,.20),transparent 62%),
    radial-gradient(48% 46% at 4% 92%,rgba(30,87,68,.12),transparent 64%),
    linear-gradient(178deg,var(--paper) 0%,var(--paper2) 100%)}
.hero .dots{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(18,53,43,.10) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(72% 62% at 50% 34%,#000,transparent 76%);
  mask-image:radial-gradient(72% 62% at 50% 34%,#000,transparent 76%)}
.hero .wrap{position:relative;z-index:2;padding:74px 30px 92px}
.hgrid{display:grid;grid-template-columns:1fr;gap:56px;align-items:center}
@media(min-width:1080px){.hgrid{grid-template-columns:1.02fr .98fr;gap:66px}}

.eyebrow{display:inline-flex;align-items:center;gap:13px;font:500 11.5px/1 var(--mono);
  letter-spacing:.19em;text-transform:uppercase;color:var(--brass-d);margin-bottom:26px}
.eyebrow .ln{width:44px;height:1.5px;background:linear-gradient(90deg,var(--brass),rgba(196,161,90,0));
  transform-origin:left;animation:draw .9s .3s cubic-bezier(.16,.84,.28,1) both}
h1{font-size:clamp(42px,5.4vw,68px);font-weight:800;letter-spacing:-.045em;line-height:1.0;margin:0}
h1 .brass{color:var(--deep)}
.deck{font-size:20px;line-height:1.55;color:var(--muted);max-width:48ch;margin:26px 0 34px}
.deck b{color:var(--ink);font-weight:600}

.entry,.domainform{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:590px}
.field{flex:1 1 300px;display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--stone);
  border-radius:100px;padding:0 8px 0 24px;box-shadow:0 2px 5px rgba(18,53,43,.05),0 16px 34px rgba(18,53,43,.08);
  transition:border-color .3s,box-shadow .3s}
.field:focus-within{border-color:var(--deep);box-shadow:0 2px 5px rgba(18,53,43,.06),0 20px 44px rgba(18,53,43,.14)}
.field .pre{font:500 14px/1 var(--mono);color:#9AA79F;white-space:nowrap}
.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 17px/1 var(--sans);
  color:var(--ink);padding:20px 0}
.field input::placeholder{color:#A9B3AC;font-weight:400}
@media(min-width:600px){
  .entry,.domainform{flex-wrap:nowrap}
  .entry .field,.domainform .field{flex:1 1 auto;min-width:0}
}
.orTalk{margin-top:18px;font-size:15px;color:var(--muted)}
.orTalk a{color:var(--pine);font-weight:600;border-bottom:1.5px solid rgba(196,161,90,.6);padding-bottom:1px}

.assure{margin-top:34px;padding-top:26px;border-top:1px solid var(--stone);
  display:flex;flex-wrap:wrap;gap:14px 34px}
.assure span{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--muted);white-space:nowrap}
.assure svg{flex:none}

/* ---------- discovery panel ---------- */
.stage{position:relative}
.card{background:#fff;border-radius:26px;overflow:hidden;
  box-shadow:0 3px 8px rgba(18,53,43,.05),0 30px 70px rgba(18,53,43,.16);
  animation:settle .8s .2s cubic-bezier(.16,.84,.28,1) both}
.card .ch{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 30px 22px}
.card .ch .t{font-weight:800;font-size:19px;letter-spacing:-.03em}
.card .ch .s{font:500 12.5px/1 var(--mono);color:#8E9A93;margin-top:8px}
.pill{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;
  text-transform:uppercase;color:var(--deep);background:rgba(47,122,97,.10);
  border:1px solid rgba(47,122,97,.22);border-radius:100px;padding:8px 13px;white-space:nowrap}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--moss);animation:breathe 2.6s ease-in-out infinite}
.hair{height:1px;background:linear-gradient(90deg,var(--brass),rgba(196,161,90,.05));
  transform-origin:left;animation:draw 1.1s .55s cubic-bezier(.16,.84,.28,1) both}

.steps{padding:6px 30px 4px}
.step{display:grid;grid-template-columns:26px 1fr auto;gap:16px;align-items:center;padding:15px 0;
  animation:tick .55s cubic-bezier(.16,.84,.28,1) both}
.step+.step{border-top:1px solid var(--stone)}
.mark{width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font:600 12px/1 var(--mono)}
.mark.done{background:rgba(47,122,97,.12);color:var(--deep)}
.mark.now{background:rgba(196,161,90,.18);color:var(--brass-d)}
.mark.next{background:var(--paper2);color:#A2ADA6}
.step .lb{font-size:15px;font-weight:600;letter-spacing:-.015em}
.step .lb em{display:block;font-style:normal;font:400 12.5px/1.5 var(--mono);color:#8E9A93;margin-top:4px}
.step .vl{font:500 13px/1 var(--mono);color:var(--muted);white-space:nowrap}

.pgfoot{background:var(--paper2);padding:22px 30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;
  border-top:1px solid var(--stone)}
.pgfoot .res{font-weight:800;font-size:20px;letter-spacing:-.03em}
.pgfoot .res em{font-style:normal;color:var(--deep)}
.pgfoot .sub{font-size:13.5px;color:var(--muted);margin-top:3px}
.reviewer{margin-left:auto;display:flex;align-items:center;gap:12px;padding-left:20px;border-left:1px solid var(--stone)}
.reviewer .av{width:42px;height:42px;border-radius:50%;flex:none;background:linear-gradient(150deg,#2F7A61,#17402F);
  display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--mono);color:var(--paper);
  border:1.5px solid rgba(196,161,90,.55)}
.reviewer .nm{font-weight:700;font-size:14.5px;letter-spacing:-.02em}
.reviewer .rl{font-size:12.5px;color:var(--muted);margin-top:1px}

.byline{position:absolute;left:-14px;bottom:0;background:var(--pine);color:var(--paper);border-radius:20px;
  padding:18px 24px;display:flex;align-items:center;gap:14px;max-width:340px;
  box-shadow:0 4px 12px rgba(18,53,43,.16),0 26px 54px rgba(18,53,43,.3);
  animation:settle .8s .6s cubic-bezier(.16,.84,.28,1) both}
@media(max-width:1079px){.byline{position:relative;left:0;margin-top:-32px}}
.byline .av{width:46px;height:46px;border-radius:50%;flex:none;background:linear-gradient(150deg,#2F7A61,#17402F);
  display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--mono);color:var(--paper);
  border:1.5px solid rgba(196,161,90,.5)}
.byline .nm{font-weight:700;font-size:15.5px;letter-spacing:-.02em}
.byline .rl{font-size:13px;color:#A9BFB4;margin-top:2px}

.chip{position:absolute;right:-8px;top:-16px;background:var(--brass);color:#241B06;border-radius:100px;
  padding:11px 20px;font-weight:800;font-size:15px;letter-spacing:-.02em;white-space:nowrap;
  box-shadow:0 10px 26px rgba(196,161,90,.44);animation:settle .7s .75s cubic-bezier(.16,.84,.28,1) both}
@media(max-width:1079px){.chip{right:10px;top:-14px}}

/* ---------- fold hint ---------- */
.hint{background:var(--pine);color:#A9BFB4;padding:26px 0}
.hint .wrap{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;font-size:14.5px}
.hint b{color:var(--paper);font-weight:700}
.hint .r2{margin-left:auto;display:flex;gap:34px;flex-wrap:wrap}
.hint .r2 span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.hint .r2 i{width:5px;height:5px;border-radius:50%;background:var(--brass);flex:none}

/* ---------- skip link (added when the preview became a site) ---------- */
.skip{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--pine);color:var(--paper);
  padding:14px 20px;border-radius:0 0 12px 0;font:600 14px/1 var(--sans)}
.skip:focus{left:0}

/* ================= /scan — discovery entry ================= */
/* class names are scan- prefixed so they cannot collide with page components */
.scan-src{background:var(--card);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:84px 0 88px}
.scan-src h2,.scan-res h2,.scan-then h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.scan-src .sub,.scan-res .sub,.scan-then .sub{font-size:17.5px;color:var(--muted);margin-top:15px;max-width:62ch}
.scan-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:42px}
@media(min-width:720px){.scan-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.scan-grid{grid-template-columns:repeat(3,1fr)}}
.scan-s{background:var(--paper);border:1px solid var(--stone);border-radius:18px;padding:26px;
  transition:transform .4s cubic-bezier(.2,.9,.25,1),box-shadow .4s cubic-bezier(.2,.9,.25,1)}
.scan-s:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(18,53,43,.07),0 24px 52px rgba(18,53,43,.12)}
.scan-s .k{font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);margin-bottom:14px}
.scan-s h3{font-size:18px;font-weight:800;letter-spacing:-.03em;margin:0 0 9px}
.scan-s p{font-size:14.5px;color:var(--muted);margin:0 0 16px}
.scan-s .tells,.scan-s .misses{font-size:13px;color:var(--muted);padding:9px 0 9px 20px;position:relative;border-top:1px solid var(--stone)}
.scan-s .tells::before,.scan-s .misses::before{content:"";position:absolute;left:2px;top:16px;width:9px;height:2px}
.scan-s .tells::before{background:var(--brass)}
.scan-s .misses::before{background:#C8CFC9}
.scan-s b{color:var(--ink);font-weight:700;margin-right:5px}

.scan-res{background:var(--paper);padding:84px 0 88px}
.scan-two{display:grid;grid-template-columns:1fr;gap:20px;margin-top:38px}
@media(min-width:900px){.scan-two{grid-template-columns:1fr 1fr}}
.scan-res .panel h4{font-size:18px;font-weight:800;letter-spacing:-.03em;margin:0}

.scan-scope{background:var(--pine);color:#CBDCD3;padding:76px 0 80px;position:relative;overflow:hidden}
.scan-scope::before{content:"";position:absolute;inset:-25% -10% auto -10%;height:80%;pointer-events:none;
  background:radial-gradient(42% 52% at 82% 2%,rgba(196,161,90,.14),transparent 62%)}
.scan-scope .wrap{position:relative;z-index:2}
.scan-scope-grid{display:grid;grid-template-columns:1fr;gap:34px;align-items:start}
@media(min-width:1000px){.scan-scope-grid{grid-template-columns:.92fr 1.08fr;gap:56px}}
.scan-rules{list-style:none;padding:0;margin:0}
.scan-rules li{position:relative;padding:0 0 22px 32px;font-size:14.5px;color:#A9BFB4}
.scan-rules li:last-child{padding-bottom:0}
.scan-rules li::before{content:"";position:absolute;left:8px;top:8px;width:9px;height:9px;border-radius:3px;background:var(--brass)}
.scan-rules li::after{content:"";position:absolute;left:12px;top:24px;bottom:6px;width:1px;background:rgba(196,161,90,.3)}
.scan-rules li:last-child::after{display:none}
.scan-rules b{display:block;color:#F7F5F0;font-weight:700;font-size:15.5px;letter-spacing:-.025em;margin-bottom:5px}

.scan-then{background:var(--paper2);border-top:1px solid var(--stone);padding:78px 0 84px}
.scan-next{display:grid;grid-template-columns:1fr;gap:20px;margin-top:38px}
@media(min-width:880px){.scan-next{grid-template-columns:repeat(3,1fr)}}
.scan-n{background:#fff;border:1px solid var(--stone);border-radius:18px;padding:26px;box-shadow:var(--s1)}
.scan-n .i{font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);margin-bottom:13px}
.scan-n h4{font-size:17px;font-weight:800;letter-spacing:-.028em;margin:0 0 9px}
.scan-n p{font-size:14.5px;color:var(--muted);margin:0 0 14px}
.scan-n a{font:700 13.5px/1 var(--sans);color:var(--pine)}

/* ================= /pricing ================= */
.pr-top{position:relative;overflow:hidden;padding:64px 0 44px;
  background:radial-gradient(56% 50% at 86% 4%,rgba(196,161,90,.18),transparent 62%),
             radial-gradient(46% 44% at 4% 96%,rgba(30,87,68,.10),transparent 64%),
             linear-gradient(178deg,var(--paper) 0%,var(--paper2) 100%)}
.pr-top .wrap{position:relative;z-index:2}
.pr-top h1{font-size:clamp(36px,4.6vw,58px)}
.pr-top .deck{margin:24px 0 0}
.pr-top .cycle{margin-top:30px}
.pr-tiers{background:var(--paper2);padding:20px 0 84px}
.pr-tiers .tiers{margin-top:0}

.pr-cmp{background:var(--card);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:84px 0 88px}
.pr-cmp h2,.pr-rev h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.042em;line-height:1.06;margin:0}
.pr-cmp .sub,.pr-rev .sub{font-size:17.5px;color:var(--muted);margin-top:15px;max-width:62ch}
.pr-table-wrap{margin-top:38px;border:1px solid var(--stone);border-radius:18px;overflow:auto;box-shadow:var(--s1)}
.pr-table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}
.pr-table th,.pr-table td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--stone);vertical-align:top}
.pr-table thead th{position:sticky;top:0;z-index:2;background:var(--paper2);font:800 16px/1.2 var(--sans);
  letter-spacing:-.028em;color:var(--ink);text-align:center;border-bottom:1px solid var(--stone)}
.pr-table thead th:first-child{text-align:left}
.pr-table thead th em{display:block;font:500 12px/1 var(--mono);font-style:normal;color:var(--muted);margin-top:7px}
.pr-table thead th.hi{background:var(--pine);color:#F7F5F0}
.pr-table thead th.hi em{color:var(--brass)}
.pr-table tbody th{font:600 14.5px/1.4 var(--sans);color:var(--ink);width:38%}
.pr-table tbody th span{display:block;font-weight:400;font-size:12.5px;color:var(--faint,#8496A9);margin-top:3px}
.pr-table tbody td{text-align:center;font-size:14px;color:var(--muted);white-space:nowrap}
.pr-table tbody td.hi{background:rgba(18,53,43,.035)}
.pr-table tbody td.y{color:var(--deep);font-weight:600}
.pr-table tbody td.y::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;
  background:var(--brass);margin-right:8px;vertical-align:middle}
.pr-table tbody td.n{color:#B7C0B9}
.pr-table tr.grp td{background:var(--paper);font:500 10.5px/1 var(--mono);letter-spacing:.17em;
  text-transform:uppercase;color:var(--brass-d);padding:13px 18px;border-bottom:1px solid var(--stone)}
.pr-table tbody tr:hover th,.pr-table tbody tr:hover td{background:#FBFAF7}
.pr-table tbody tr:hover td.hi{background:rgba(18,53,43,.06)}
.pr-table .vis{position:absolute;left:-9999px}

.pr-free{background:var(--pine);color:#CBDCD3;padding:76px 0 80px;position:relative;overflow:hidden}
.pr-free::before{content:"";position:absolute;inset:-25% -10% auto -10%;height:80%;pointer-events:none;
  background:radial-gradient(42% 52% at 80% 2%,rgba(196,161,90,.14),transparent 62%)}
.pr-free .wrap{position:relative;z-index:2}
.pr-free-grid{display:grid;grid-template-columns:1fr;gap:34px;align-items:start}
@media(min-width:1000px){.pr-free-grid{grid-template-columns:.9fr 1.1fr;gap:56px}}
.pr-never{list-style:none;padding:0;margin:0}
.pr-never li{position:relative;padding:0 0 22px 32px;font-size:14.5px;color:#A9BFB4}
.pr-never li:last-child{padding-bottom:0}
.pr-never li::before{content:"";position:absolute;left:8px;top:8px;width:9px;height:9px;border-radius:3px;background:var(--brass)}
.pr-never li::after{content:"";position:absolute;left:12px;top:24px;bottom:6px;width:1px;background:rgba(196,161,90,.3)}
.pr-never li:last-child::after{display:none}
.pr-never b{display:block;color:#F7F5F0;font-weight:700;font-size:15.5px;letter-spacing:-.025em;margin-bottom:5px}

.pr-rev{background:var(--paper);padding:82px 0 78px}
.pr-rev-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:38px}
@media(min-width:900px){.pr-rev-grid{grid-template-columns:repeat(3,1fr)}}
.pr-r{background:#fff;border:1px solid var(--stone);border-radius:18px;padding:26px;box-shadow:var(--s1)}
.pr-r .k{font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);margin-bottom:13px}
.pr-r h4{font-size:17px;font-weight:800;letter-spacing:-.028em;margin:0 0 9px}
.pr-r p{font-size:14.5px;color:var(--muted);margin:0}

/* ================= shared components =================
   Used by /scan, /pricing and every page after them. These were missing —
   the earlier pages borrowed class names from a stylesheet that no longer
   exists, so .chip in particular resolved to the hero's floating brass badge. */
.small{font-size:13px;color:var(--muted)}
.mt{margin-top:26px}

.panel{background:#fff;border:1px solid var(--stone);border-radius:18px;box-shadow:var(--s1);overflow:hidden}
.panel .ph{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 22px;border-bottom:1px solid var(--stone)}
.panel .ph h4{font-size:18px;font-weight:800;letter-spacing:-.03em;margin:0}
.panel .ph h3{font-size:17px;font-weight:800;letter-spacing:-.03em;margin:0}
.panel .pb{padding:22px}

.srow{display:flex;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid var(--stone)}
.srow:last-child{border-bottom:0}
.srow:hover{background:#FBFAF7}
.srow .n{font:600 14.5px/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.srow .rt{margin-left:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}

.scan-chip{display:inline-flex;align-items:center;font:500 10.5px/1 var(--mono);letter-spacing:.04em;
  padding:5px 9px;border-radius:6px;border:1px solid var(--stone);background:var(--paper2);
  color:var(--muted);white-space:nowrap}
.scan-chip.vio{color:var(--brass-d);border-color:rgba(196,161,90,.44);background:rgba(196,161,90,.13)}

.note{background:#FFF9F2;border:1px solid #EEDCC2;border-radius:16px;padding:20px 24px;
  font-size:14.5px;line-height:1.6;color:#6B5A42}
.note b{color:#3F3222;font-weight:700}

.band{background:var(--pine);color:#CBDCD3;position:relative;overflow:hidden}
.band .aur{position:absolute;inset:-30% -10% auto -10%;height:112%;pointer-events:none;
  background:radial-gradient(42% 52% at 24% 4%,rgba(196,161,90,.18),transparent 62%),
             radial-gradient(38% 48% at 82% 0%,rgba(47,122,97,.30),transparent 62%)}
.band .wrap{position:relative;z-index:2;padding:74px 30px 80px}
.band h2{font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.06;
  margin:0;color:#F7F5F0}
.band p{color:#A9BFB4;max-width:56ch;font-size:16.5px;margin:16px 0 26px}

/* ================= /how-it-works ================= */
.hiw-strip{background:var(--card);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:82px 0 86px}
.hiw-hash{background:var(--paper);padding:82px 0 86px}
.hiw-rev{background:var(--paper2);border-top:1px solid var(--stone);padding:82px 0 86px}
.hiw-led{background:var(--card);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:82px 0 86px}
.hiw-cov{background:var(--paper);padding:82px 0 88px}
.hiw-strip h2,.hiw-hash h2,.hiw-rev h2,.hiw-led h2,.hiw-cov h2{font-size:clamp(27px,3.2vw,40px);
  font-weight:800;letter-spacing:-.042em;line-height:1.07;margin:0}
.hiw-strip .sub,.hiw-hash .sub,.hiw-rev .sub,.hiw-led .sub,.hiw-cov .sub{font-size:17px;color:var(--muted);
  margin-top:15px;max-width:62ch}
.hiw-grid{display:grid;grid-template-columns:1fr;gap:38px;align-items:start}
@media(min-width:1000px){.hiw-grid{grid-template-columns:1fr 1fr;gap:56px}}
.hiw-two{display:grid;grid-template-columns:1fr;gap:20px;margin-top:36px}
@media(min-width:860px){.hiw-two{grid-template-columns:1fr 1fr}}

.hiw-discard{background:var(--paper);border:1px solid var(--stone);border-radius:18px;overflow:hidden;box-shadow:var(--s1)}
.hiw-d-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;
  border-bottom:1px solid var(--stone);background:var(--paper2)}
.hiw-d-head .t{font:700 14.5px/1 var(--sans);letter-spacing:-.025em}
.hiw-discard ul{list-style:none;padding:6px 20px;margin:0}
.hiw-discard li{position:relative;padding:11px 0 11px 28px;font-size:14px;color:var(--muted);
  border-bottom:1px solid var(--stone);animation:hiwstrike 5.5s cubic-bezier(.16,.84,.28,1) infinite}
.hiw-discard li:last-child{border-bottom:0}
.hiw-discard li::before{content:"";position:absolute;left:2px;top:17px;width:12px;height:1.6px;background:#C8CFC9}
@keyframes hiwstrike{0%,8%{opacity:1;transform:none}26%,84%{opacity:.34;transform:translateX(10px)}100%{opacity:1;transform:none}}
.hiw-d-foot{padding:16px 20px;background:var(--paper2);border-top:1px solid var(--stone);
  font-size:13.5px;color:var(--muted);line-height:1.6}

.evbox{font-family:var(--mono);font-size:12px;line-height:1.9;color:var(--muted);
  background:var(--paper2);border-radius:11px;padding:14px 16px}
.evbox b{color:var(--ink);font-weight:500}

.hiw-fp{background:var(--pine);color:#CBDCD3;padding:82px 0 86px;position:relative;overflow:hidden}
.hiw-fp::before{content:"";position:absolute;inset:-25% -10% auto -10%;height:80%;pointer-events:none;
  background:radial-gradient(42% 52% at 80% 2%,rgba(196,161,90,.14),transparent 62%)}
.hiw-fp .wrap{position:relative;z-index:2}
.hiw-fp h2{font-size:clamp(27px,3.2vw,40px);font-weight:800;letter-spacing:-.042em;line-height:1.07;margin:0}
.hiw-fp .sub{font-size:17px;margin-top:15px;max-width:56ch}
.hiw-fp-grid{display:grid;grid-template-columns:1fr;gap:38px;align-items:start}
@media(min-width:1000px){.hiw-fp-grid{grid-template-columns:1.08fr .92fr;gap:56px}}
.hiw-nums{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;margin-top:32px}
@media(min-width:640px){.hiw-nums{grid-template-columns:repeat(3,1fr)}}
.hiw-nums div{background:#12352B;padding:20px 22px}
.hiw-nums b{display:block;font:800 30px/1 var(--sans);letter-spacing:-.045em;color:#F7F5F0}
.hiw-nums b em{font-style:normal;color:var(--brass)}
.hiw-nums span{display:block;font-size:13px;color:#A9BFB4;margin-top:8px}
.hiw-nums em{display:block;font-style:normal;font:500 11px/1.5 var(--mono);color:#7E9A8E;margin-top:5px}
.hiw-src{margin:18px 0 0;font:400 11.5px/1.6 var(--mono);color:#7E9A8E;max-width:56ch}
.hiw-mut{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:24px}
.hiw-m-head{font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass);margin-bottom:12px}
.hiw-m-list{list-style:none;padding:0;margin:0}
.hiw-m-list li{position:relative;padding:8px 0 8px 24px;font-size:13.5px;color:#A9BFB4;
  border-bottom:1px solid rgba(255,255,255,.07)}
.hiw-m-list li:last-child{border-bottom:0}
.hiw-m-list li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:1.6px;background:#5F7A6D}
.hiw-m-list.on li::before{background:var(--brass);height:2px}

.hiw-cases{display:grid;grid-template-columns:1fr;gap:18px;margin-top:36px}
@media(min-width:760px){.hiw-cases{grid-template-columns:repeat(2,1fr)}}
.hiw-c{background:#fff;border:1px solid var(--stone);border-radius:16px;padding:24px;box-shadow:var(--s1)}
.hiw-c .k{font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);margin-bottom:12px}
.hiw-c p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.6}

.hiw-table{width:100%;border-collapse:collapse;min-width:660px}
.hiw-table th,.hiw-table td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--stone);vertical-align:middle}
.hiw-table thead th{font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);background:var(--paper2)}
.hiw-table tbody th{font:600 14.5px/1.3 var(--sans);color:var(--ink)}
.hiw-table td{font-size:14px;color:var(--muted)}
.hiw-table td.num{font-family:var(--mono);font-size:13px;color:var(--ink);white-space:nowrap}
.hiw-table tbody tr:last-child th,.hiw-table tbody tr:last-child td{border-bottom:0}
.hiw-table tbody tr:hover th,.hiw-table tbody tr:hover td{background:#FBFAF7}

.hiw-never{background:var(--pine);color:#CBDCD3;padding:78px 0 82px;position:relative;overflow:hidden}
.hiw-never::before{content:"";position:absolute;inset:-25% -10% auto -10%;height:80%;pointer-events:none;
  background:radial-gradient(40% 50% at 22% 2%,rgba(196,161,90,.13),transparent 62%)}
.hiw-never .wrap{position:relative;z-index:2}
.hiw-never h2{font-size:clamp(27px,3.2vw,40px);font-weight:800;letter-spacing:-.042em;line-height:1.07;margin:0}
.hiw-never .sub{font-size:17px;margin-top:15px;max-width:52ch}

/* ================= /docs ================= */
.dc-hero{background:linear-gradient(178deg,var(--paper) 0%,var(--paper2) 100%);
  border-bottom:1px solid var(--stone);padding:58px 0 46px}
.dc-hero h1{font-size:clamp(30px,3.8vw,46px);font-weight:800;letter-spacing:-.042em;line-height:1.08;margin:0}
.dc-hero .deck{margin:20px 0 0;max-width:64ch}
.dc-base{display:grid;grid-template-columns:1fr;gap:1px;background:var(--stone);border:1px solid var(--stone);
  border-radius:14px;overflow:hidden;margin-top:30px}
@media(min-width:800px){.dc-base{grid-template-columns:repeat(3,1fr)}}
.dc-base div{background:#fff;padding:15px 18px}
.dc-base .k{display:block;font:500 9.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;
  color:var(--brass-d);margin-bottom:8px}
.dc-base code{font:500 13px/1.5 var(--mono);color:var(--ink);word-break:break-all}

.dc-layout{display:grid;grid-template-columns:1fr;gap:34px;padding:44px 0 88px}
@media(min-width:1000px){.dc-layout{grid-template-columns:212px minmax(0,1fr);gap:52px}}
.dc-nav{align-self:start}
@media(min-width:1000px){.dc-nav{position:sticky;top:106px;max-height:calc(100vh - 130px);overflow:auto}}
.dc-nav .k{font:500 9.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);
  margin:20px 0 8px;padding:0 10px}
.dc-nav .k:first-child{margin-top:0}
.dc-nav a{display:block;padding:7px 10px;border-radius:8px;font-size:14px;color:var(--muted);
  border-left:2px solid transparent;transition:background .22s,color .22s,border-color .22s}
.dc-nav a:hover{background:#F1EEE6;color:var(--pine);border-left-color:var(--brass)}

.dc-body{min-width:0}
.dc-sec{padding-bottom:52px;margin-bottom:52px;border-bottom:1px solid var(--stone);scroll-margin-top:110px}
.dc-sec:last-of-type{border-bottom:0}
.dc-sec h2{font-size:26px;font-weight:800;letter-spacing:-.035em;margin:0 0 14px}
.dc-sec p{font-size:15.5px;color:var(--muted);line-height:1.65;max-width:74ch}
.dc-sec code{font:500 13px/1.4 var(--mono);background:var(--paper2);border:1px solid var(--stone);
  border-radius:5px;padding:2px 6px;color:var(--ink)}
.dc-lead{font-weight:600;color:var(--ink)!important}
.dc-note{background:var(--paper2);border-left:2px solid var(--brass);border-radius:0 10px 10px 0;
  padding:14px 18px;font-size:14px!important;margin-top:20px}
.dc-warn{background:#FFF6EE;border:1px solid #F0D6BC;border-radius:12px;padding:16px 18px;
  font-size:14px!important;color:#6B5236!important;margin-top:20px}
.dc-warn b{color:#3F2E1D}
.dc-sec .term{margin-top:20px}

.dc-eps{margin-top:20px;border:1px solid var(--stone);border-radius:14px;overflow:hidden;background:#fff}
.dc-ep{display:grid;grid-template-columns:1fr;gap:6px;padding:13px 18px;border-bottom:1px solid var(--stone)}
@media(min-width:820px){.dc-ep{grid-template-columns:62px minmax(0,320px) minmax(0,1fr);gap:16px;align-items:center}}
.dc-ep:last-child{border-bottom:0}
.dc-ep:hover{background:#FBFAF7}
.dc-ep code{background:none;border:0;padding:0;font-size:13px;color:var(--ink);word-break:break-all}
.dc-ep .d{font-size:13.5px;color:var(--muted)}
.dc-ep .mth{justify-self:start;width:58px;max-width:58px;text-align:center;font:600 9.5px/1 var(--mono);
  letter-spacing:.09em;padding:6px 0;border-radius:5px;border:1px solid}
.dc-ep .mth.get{color:var(--deep);border-color:#B4DCCB;background:#EDFAF4}
.dc-ep .mth.post{color:var(--brass-d);border-color:#EFD2AE;background:#FFF6E9}
.dc-ep .mth.patch{color:#7A5FBF;border-color:#D5CBF2;background:#F5F1FF}
.dc-ep .mth.del{color:#B5544C;border-color:#F0C9C4;background:#FDF1EF}

.dc-table{width:100%;border-collapse:collapse;margin-top:20px;border:1px solid var(--stone);border-radius:12px}
.dc-table th,.dc-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--stone);font-size:14px}
.dc-table thead th{font:500 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);background:var(--paper2)}
.dc-table tbody td{color:var(--muted)}
.dc-table tbody td.num{font-family:var(--mono);font-size:13px;color:var(--ink)}
.dc-table tbody tr:last-child td{border-bottom:0}
.dc-table code{font-size:12.5px}

.dc-sdk{display:grid;grid-template-columns:1fr;gap:1px;background:var(--stone);border:1px solid var(--stone);
  border-radius:12px;overflow:hidden;margin-top:20px}
@media(min-width:760px){.dc-sdk{grid-template-columns:repeat(2,1fr)}}
.dc-sdk div{background:#fff;padding:14px 18px}
.dc-sdk .k{display:block;font:500 9.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;
  color:var(--brass-d);margin-bottom:7px}
.dc-sdk code{font:500 13px/1.4 var(--mono);color:var(--ink);background:none;border:0;padding:0}

.dc-end{background:var(--paper2);border:1px solid var(--stone);border-radius:18px;padding:30px}
.dc-end h3{font-size:20px;font-weight:800;letter-spacing:-.03em;margin:0 0 10px}
.dc-end p{font-size:15px;color:var(--muted);max-width:64ch;margin:0 0 20px}

/* ================= legal documents ================= */
.lg-hero{background:linear-gradient(178deg,var(--paper) 0%,var(--paper2) 100%);
  border-bottom:1px solid var(--stone);padding:56px 0 44px}
.lg-hero .crumb{font-size:13px;color:var(--muted);margin-bottom:16px}
.lg-hero .crumb a{color:var(--muted);border-bottom:1px solid var(--stone)}
.lg-hero h1{font-size:clamp(30px,3.8vw,46px);font-weight:800;letter-spacing:-.042em;line-height:1.08;margin:0}
.lg-hero .deck{margin:18px 0 0;max-width:66ch}
.lg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.lg-meta span{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);
  color:var(--muted);background:#fff;border:1px solid var(--stone);border-radius:100px;padding:9px 14px}
.lg-meta span b{color:var(--ink);font-weight:500}

.lg-layout{display:grid;grid-template-columns:1fr;gap:34px;padding:44px 0 88px}
@media(min-width:1000px){.lg-layout{grid-template-columns:224px minmax(0,1fr);gap:52px}}
.lg-nav{align-self:start}
@media(min-width:1000px){.lg-nav{position:sticky;top:106px}}
.lg-nav .k{font:500 9.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);
  margin:0 0 10px;padding:0 10px}
.lg-nav a{display:block;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--muted);
  border-left:2px solid transparent;transition:background .22s,color .22s,border-color .22s}
.lg-nav a:hover{background:#F1EEE6;color:var(--pine);border-left-color:var(--brass)}

.lg-body{min-width:0}
.lg-sec{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--stone);scroll-margin-top:110px}
.lg-sec:last-of-type{border-bottom:0}
.lg-sec h2{font-size:23px;font-weight:800;letter-spacing:-.032em;margin:0 0 8px;display:flex;gap:12px;align-items:baseline}
.lg-sec h2 .no{font:500 12px/1 var(--mono);color:var(--brass-d);flex:none}
.lg-sec h3{font-size:16.5px;font-weight:700;letter-spacing:-.025em;margin:24px 0 8px}
.lg-sec p,.lg-sec li{font-size:15.5px;color:var(--muted);line-height:1.7;max-width:74ch}
.lg-sec p{margin:0 0 13px}
.lg-sec ul,.lg-sec ol{margin:0 0 15px;padding-left:22px}
.lg-sec li{margin-bottom:7px}
.lg-sec b{color:var(--ink)}
.lg-sec code{font:500 13px/1.4 var(--mono);background:var(--paper2);border:1px solid var(--stone);
  border-radius:5px;padding:2px 6px;color:var(--ink)}
.lg-plain{background:var(--paper2);border-left:2px solid var(--brass);border-radius:0 10px 10px 0;
  padding:15px 18px;margin:0 0 18px}
.lg-plain .k{display:block;font:500 9.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;
  color:var(--brass-d);margin-bottom:8px}
.lg-plain p{margin:0;font-size:14.5px;color:var(--body);max-width:70ch}

.lg-table{width:100%;border-collapse:collapse;margin-top:18px;border:1px solid var(--stone);border-radius:12px;overflow:hidden}
.lg-table th,.lg-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--stone);
  font-size:14px;vertical-align:top}
.lg-table thead th{font:500 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);background:var(--paper2);white-space:nowrap}
.lg-table tbody th{font:600 14.5px/1.35 var(--sans);color:var(--ink);white-space:nowrap}
.lg-table tbody td{color:var(--muted)}
.lg-table tbody tr:last-child th,.lg-table tbody tr:last-child td{border-bottom:0}
.lg-table tbody tr:hover th,.lg-table tbody tr:hover td{background:#FBFAF7}

.lg-own{background:var(--pine);color:#CBDCD3;border-radius:18px;padding:26px 28px;margin-bottom:34px}
.lg-own .k{font:500 9.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}
.lg-own b{display:block;color:#F7F5F0;font-size:18px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}
.lg-own p{margin:0;font-size:14.5px;color:#A9BFB4;max-width:66ch;line-height:1.65}
.lg-own a{color:var(--brass);font-weight:700}

/* ================= /regulation ================= */
.rg-sum{background:var(--paper2);border-bottom:1px solid var(--stone);padding:32px 0 34px}
.rg-sum .lg-table tbody th a{color:var(--pine);font-weight:700;border-bottom:1px solid rgba(196,161,90,.5)}
.rg-sum .lg-table tbody th a:hover{border-bottom-color:var(--brass)}
.rg-sum .lg-table td.num{font-family:var(--mono);font-size:12.5px;color:var(--ink);white-space:nowrap}

/* ================= /for/* audience pages ================= */
.fa-hero{position:relative;overflow:hidden;padding:58px 0 66px;
  background:radial-gradient(54% 50% at 88% 4%,rgba(196,161,90,.18),transparent 62%),
             radial-gradient(46% 44% at 4% 96%,rgba(30,87,68,.10),transparent 64%),
             linear-gradient(178deg,var(--paper) 0%,var(--paper2) 100%)}
.fa-hero .wrap{position:relative;z-index:2}
.fa-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:1040px){.fa-grid{grid-template-columns:1.02fr .98fr;gap:56px}}
.fa-hero h1{font-size:clamp(32px,4.2vw,52px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin:0}
.fa-hero .deck{margin:22px 0 28px;max-width:50ch}
.fa-role{display:inline-flex;align-items:center;gap:9px;font:500 10.5px/1 var(--mono);letter-spacing:.17em;
  text-transform:uppercase;color:var(--brass-d);background:#fff;border:1px solid var(--stone);
  border-radius:100px;padding:9px 15px;margin-bottom:22px}

.fa-pain{background:var(--card);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:76px 0 80px}
.fa-get{background:var(--paper);padding:78px 0 82px}
.fa-diff{background:var(--pine);color:#CBDCD3;padding:76px 0 80px;position:relative;overflow:hidden}
.fa-diff::before{content:"";position:absolute;inset:-25% -10% auto -10%;height:80%;pointer-events:none;
  background:radial-gradient(42% 52% at 80% 2%,rgba(196,161,90,.14),transparent 62%)}
.fa-diff .wrap{position:relative;z-index:2}
.fa-pain h2,.fa-get h2,.fa-diff h2{font-size:clamp(27px,3.2vw,40px);font-weight:800;letter-spacing:-.042em;
  line-height:1.07;margin:0}
.fa-diff h2{color:#F7F5F0}
.fa-pain .sub,.fa-get .sub{font-size:17px;color:var(--muted);margin-top:15px;max-width:62ch}
.fa-diff .sub{font-size:17px;color:#A9BFB4;margin-top:15px;max-width:58ch}

.fa-three{display:grid;grid-template-columns:1fr;gap:20px;margin-top:38px}
@media(min-width:860px){.fa-three{grid-template-columns:repeat(3,1fr)}}
.fa-c{background:#fff;border:1px solid var(--stone);border-radius:18px;padding:26px;box-shadow:var(--s1);
  transition:transform .4s cubic-bezier(.2,.9,.25,1),box-shadow .4s cubic-bezier(.2,.9,.25,1)}
.fa-c:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(18,53,43,.07),0 24px 52px rgba(18,53,43,.12)}
.fa-c .k{font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass-d);margin-bottom:13px}
.fa-c h3{font-size:17.5px;font-weight:800;letter-spacing:-.03em;margin:0 0 9px}
.fa-c p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.6}

.fa-list{list-style:none;padding:0;margin:34px 0 0}
.fa-list li{position:relative;padding:0 0 24px 32px}
.fa-list li:last-child{padding-bottom:0}
.fa-list li::before{content:"";position:absolute;left:8px;top:8px;width:9px;height:9px;border-radius:3px;background:var(--brass)}
.fa-list li::after{content:"";position:absolute;left:12px;top:24px;bottom:6px;width:1px;background:rgba(196,161,90,.3)}
.fa-list li:last-child::after{display:none}
.fa-list b{display:block;font-weight:700;font-size:16px;letter-spacing:-.025em;color:var(--ink);margin-bottom:5px}
.fa-list p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.6}
.fa-diff .fa-list b{color:#F7F5F0}
.fa-diff .fa-list p{color:#A9BFB4}

.fa-split{display:grid;grid-template-columns:1fr;gap:38px;align-items:center;margin-top:34px}
@media(min-width:1000px){.fa-split{grid-template-columns:1fr 1fr;gap:56px}}
.fa-quote{font-size:19px;line-height:1.5;color:var(--ink);border-left:2px solid var(--brass);
  padding-left:20px;margin:26px 0 0;max-width:44ch}
.fa-quote span{display:block;font:500 11.5px/1 var(--mono);color:var(--muted);margin-top:12px}

/* ---- window / progress bar: shared countdown component ---- */
.win+.win{margin-top:15px}
.win .t{display:flex;justify-content:space-between;align-items:center;gap:10px;
  font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.win .t b{font:500 15px/1 var(--sans);color:var(--ink)}
.win .bar{height:7px;border-radius:100px;background:var(--stone);overflow:hidden;margin-top:8px}
.win .bar i{display:block;height:100%;border-radius:100px;background:var(--brass)}
.win .bar i.ok{background:var(--moss)}
.win .bar i.warn{background:var(--brass)}
.win .bar i.crit{background:#C0483E}

/* ================= sign in ================= */
.au-wrap{background:linear-gradient(178deg,var(--paper) 0%,var(--paper2) 100%);
  min-height:72vh;display:flex;align-items:center;padding:64px 0 78px}
.au-card{max-width:452px;margin:0 auto;background:#fff;border:1px solid var(--stone);border-radius:22px;
  padding:38px 36px;box-shadow:0 3px 8px rgba(18,53,43,.05),0 28px 62px rgba(18,53,43,.12)}
.au-card h1{font-size:28px;font-weight:800;letter-spacing:-.035em;margin:0 0 10px}
.au-card > p{font-size:15.5px;color:var(--muted);margin:0 0 26px}
.au-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;
  border:1.5px solid var(--stone);background:#fff;border-radius:100px;padding:16px;
  font:600 15.5px/1 var(--sans);color:var(--ink);
  transition:border-color .28s,box-shadow .28s,transform .28s cubic-bezier(.2,.9,.25,1)}
.au-google:hover{border-color:#BFCCC2;box-shadow:0 8px 22px rgba(18,53,43,.12);transform:translateY(-1px)}
.au-err{background:#FDF2EF;border:1px solid #F0CFC7;border-radius:12px;padding:13px 16px;
  font-size:14px;color:#8A4034;margin-bottom:20px}
.au-note{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--stone)}
.au-note li{position:relative;padding:12px 0 12px 22px;font-size:13.5px;color:var(--muted);
  border-bottom:1px solid var(--stone);line-height:1.55}
.au-note li:last-child{border-bottom:0}
.au-note li::before{content:"";position:absolute;left:2px;top:19px;width:9px;height:2px;background:var(--brass)}
.au-legal{text-align:center;font-size:13px;color:var(--muted);margin:24px 0 0}
.au-legal a{color:var(--pine);font-weight:600;border-bottom:1px solid var(--stone)}
.hdr .who{display:inline-flex;align-items:center;gap:9px;font:600 14px/1 var(--sans);color:var(--pine);white-space:nowrap}
.hdr .who img,.hdr .who .ini{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover}
.hdr .who .ini{background:var(--deep);color:var(--paper);display:flex;align-items:center;
  justify-content:center;font:600 10px/1 var(--mono)}

/* ================= live scan panel ================= */
.sr-head{background:var(--pine);color:#CBDCD3;padding:34px 0 32px;position:relative;overflow:hidden}
.sr-head::before{content:"";position:absolute;inset:-60% -5% auto auto;width:55%;height:220%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(196,161,90,.17),transparent)}
.sr-head .wrap{position:relative;z-index:2}
.sr-head h1{font-size:clamp(27px,3.4vw,40px);font-weight:800;letter-spacing:-.042em;margin:0;color:#F7F5F0}
.sr-head .deck{color:#A9BFB4;font-size:16px;max-width:60ch;margin:0}
.sr-body{background:var(--paper);padding:44px 0 84px}
.sr-grid{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
@media(min-width:1000px){.sr-grid{grid-template-columns:minmax(0,1fr) 340px;gap:34px}}

.sr-steps{padding:6px 20px}
.sr-step{display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:center;
  padding:13px 0;border-bottom:1px solid var(--stone)}
.sr-step:last-child{border-bottom:0}
.sr-step .mk{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font:600 12px/1 var(--mono);background:var(--paper2);color:#A2ADA6;border:1px solid var(--stone)}
.sr-step .tx b{display:block;font:600 14.5px/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.sr-step .tx em{display:block;font-style:normal;font:400 12px/1.5 var(--mono);color:#8E9A93;margin-top:3px}
.sr-step .rs{font:500 11px/1 var(--mono);letter-spacing:.06em;color:#A2ADA6;text-transform:uppercase}
.sr-step.now .mk{background:rgba(196,161,90,.18);border-color:rgba(196,161,90,.5);color:var(--brass-d);
  animation:breathe 1.6s ease-in-out infinite}
.sr-step.now .rs{color:var(--brass-d)}
.sr-step.ok .mk{background:rgba(47,122,97,.12);border-color:rgba(47,122,97,.35);color:var(--deep)}
.sr-step.ok .rs{color:var(--deep)}

.sr-log{max-height:190px;overflow:auto;border-top:1px solid var(--stone);background:#0A1F19;padding:12px 18px}
.sr-line{display:grid;grid-template-columns:18px 74px 1fr;gap:10px;padding:4px 0;
  font:400 11.5px/1.6 var(--mono);color:#8FB3A5}
.sr-line .s{color:#4E7166}
.sr-line .k{color:var(--brass)}
.sr-line.k-error .k{color:#E8918A}
.sr-line.k-complete .k{color:#8FD4B4}
.sr-line.k-note .k{color:#9FB6C9}
.sr-line.k-published .k,.sr-line.k-reviewed .k{color:#8FD4B4}
.sr-line.k-claimed .k{color:#CBA6F7}
.sr-line .d{color:#CBDCD3;word-break:break-word}

.sr-gate{background:var(--pine);color:#CBDCD3;border-radius:20px;padding:26px;box-shadow:var(--s2)}
.sr-gate.signed{background:linear-gradient(160deg,#1E5744,#12352B)}
.sr-gate .k{font:500 9.5px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}
.sr-gate b{display:block;color:#F7F5F0;font-size:19px;font-weight:800;letter-spacing:-.03em;margin-bottom:9px;line-height:1.25}
.sr-gate p{margin:0 0 18px;font-size:14px;color:#A9BFB4;line-height:1.6}
.sr-gate .au-google{background:#fff;border-color:#fff}
.sr-gain{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.sr-gain li{position:relative;padding:10px 0 10px 22px;font-size:13px;color:#A9BFB4;
  border-bottom:1px solid rgba(255,255,255,.08);line-height:1.5}
.sr-gain li:last-child{border-bottom:0}
.sr-gain li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:2px;background:var(--brass)}
.sr-fine{margin:16px 0 0!important;font-size:12px!important;color:#7E9A8E!important;text-align:center}
.sr-cant{list-style:none;padding:0;margin:0}
.sr-cant li{position:relative;padding:9px 0 9px 20px;font-size:13.5px;color:var(--muted);
  border-bottom:1px solid var(--stone);line-height:1.55}
.sr-cant li:last-child{border-bottom:0}
.sr-cant li::before{content:"";position:absolute;left:2px;top:16px;width:9px;height:2px;background:#C8CFC9}

.sr-confirm{display:flex;align-items:baseline;gap:10px;background:var(--paper2);border:1px solid var(--stone);
  border-radius:14px;padding:18px 20px;margin:0 0 22px}
.sr-confirm .pre{font:500 13px/1 var(--mono);color:#9AA79F}
.sr-confirm b{font:800 20px/1.2 var(--sans);letter-spacing:-.035em;color:var(--ink);word-break:break-all}
.sr-form{margin:0}
.sr-change{display:block;text-align:center;margin-top:14px;font-size:13.5px;color:var(--muted)}
.sr-change:hover{color:var(--pine)}

/* ---- page header block: used by the scan panel and any later app screen ---- */
.crumbs{font-size:13px;color:#8FA79B;margin-bottom:14px}
.crumbs a{color:#B9CCC2;border-bottom:1px solid rgba(255,255,255,.16)}
.vhead{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-end;justify-content:space-between}
.verif{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:14px 18px}
.verif .lt{display:flex;align-items:center;gap:9px}
.verif .st{font:600 14px/1 var(--sans);color:#F7F5F0}
.verif .kv{font:400 11.5px/1.8 var(--mono);color:#9FB6C9}
.verif .kv b{color:#fff;font-weight:500}

/* ================= /oversight — internal, full width ================= */
.ov-wrap{max-width:1560px;margin:0 auto;padding:0 30px}
.ov-head{background:#04120E;color:#93AFA3;padding:30px 0 28px;border-bottom:1px solid rgba(196,161,90,.28)}
.ov-head h1{font-size:30px;font-weight:800;letter-spacing:-.04em;margin:0;color:#F7F5F0}
.ov-head .deck{color:#8FA79B;font-size:15px;max-width:62ch;margin:0}
.ov-head .crumbs{color:#7E9A8E}
.ov-body{background:var(--paper2);padding:26px 0 70px;min-height:60vh}

.ov-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--stone);
  border:1px solid var(--stone);border-radius:16px;overflow:hidden;margin-bottom:22px}
@media(min-width:760px){.ov-stats{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){.ov-stats{grid-template-columns:repeat(7,1fr)}}
.ov-stats div{background:#fff;padding:18px 20px}
.ov-stats div.hi{background:var(--pine)}
.ov-stats b{display:block;font:800 26px/1 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.ov-stats div.hi b{color:var(--brass)}
.ov-stats span{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.35}
.ov-stats div.hi span{color:#A9BFB4}

.ov-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ov-filters a{font:600 13px/1 var(--sans);color:var(--muted);background:#fff;border:1px solid var(--stone);
  border-radius:100px;padding:10px 16px;transition:background .22s,color .22s,border-color .22s}
.ov-filters a:hover{border-color:#BFCCC2;color:var(--pine)}
.ov-filters a.on{background:var(--pine);border-color:var(--pine);color:var(--paper)}

.ov-table{width:100%;border-collapse:collapse;min-width:900px;background:#fff}
.ov-table th,.ov-table td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--stone);font-size:14px}
.ov-table thead th{font:500 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);background:var(--paper2);white-space:nowrap}
.ov-table tbody tr:last-child td{border-bottom:0}
.ov-table tbody tr:hover td{background:#FBFAF7}
.ov-table td.dom{font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.ov-table td.n{font-family:var(--mono);font-size:12.5px;color:var(--muted);white-space:nowrap}
.ov-table td.ref{font-size:12.5px;color:var(--muted)}
.ov-claim{font:500 12px/1 var(--mono);color:var(--deep);background:rgba(47,122,97,.1);
  border:1px solid rgba(47,122,97,.28);border-radius:100px;padding:6px 10px;display:inline-block}
.ov-anon{font:500 12px/1 var(--mono);color:#A2ADA6}
.ov-go{font:700 13px/1 var(--sans);color:var(--pine);border-bottom:1px solid var(--stone)}
.ov-go:hover{border-bottom-color:var(--brass)}
.ov-empty{text-align:center;color:var(--muted);padding:34px 0!important}
.scan-chip.ok{color:var(--deep);border-color:rgba(47,122,97,.35);background:rgba(47,122,97,.1)}
.ov-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
@media(min-width:1100px){.ov-grid{grid-template-columns:minmax(0,1fr) 360px;gap:26px}}

/* ================= bare chrome for internal screens ================= */
.abar{background:var(--pine);position:relative;z-index:960;border-bottom:1px solid rgba(196,161,90,.25)}
/* on internal screens it is the only chrome, so it can stick */
.abar + main .ov-head{border-top:0}
.abar .ov-wrap{display:flex;align-items:center;gap:26px;height:58px}
.alogo{display:flex;align-items:center;gap:10px;flex:none}
.alogo span{font:800 16px/1 var(--sans);letter-spacing:-.045em;color:#F7F5F0}
.alogo em{font-style:normal;color:var(--brass)}
.anav{display:flex;align-items:center;gap:4px}
.anav a{font:600 13.5px/1 var(--sans);color:#A9BFB4;padding:9px 13px;border-radius:9px;
  transition:background .22s,color .22s}
.anav a:hover{background:rgba(255,255,255,.07);color:#F7F5F0}
.anav a.on{background:rgba(196,161,90,.16);color:var(--brass)}
.aright{margin-left:auto;display:flex;align-items:center;gap:14px}
.awho{display:inline-flex;align-items:center;gap:9px;font:500 13px/1 var(--mono);color:#CBDCD3}
.awho img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.aout{font:600 13px/1 var(--sans);color:#8FA79B;border:1px solid rgba(255,255,255,.16);
  border-radius:100px;padding:8px 13px;transition:border-color .22s,color .22s}
.aout:hover{border-color:rgba(255,255,255,.34);color:#F7F5F0}
@media(max-width:700px){.anav a{padding:8px 9px;font-size:12.5px}.awho{display:none}}
.afoot{background:#04120E;border-top:1px solid rgba(255,255,255,.1);padding:20px 0}
.afoot .ov-wrap{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;
  font-size:12.5px;color:#6E877B}
.afoot .rt{margin-left:auto;display:flex;gap:18px}
.afoot a{color:#8FA79B}
.afoot a:hover{color:#F7F5F0}
/* the internal header is dark, so the page header below it loses its own bar */
.abar + main .ov-head{border-top:0}

/* ================= /app ================= */
.ap-ta{width:100%;font:14.5px/1.6 var(--sans);padding:13px 15px;border:1px solid var(--stone);
  border-radius:12px;background:var(--paper);color:var(--ink);resize:vertical}
.ap-ta:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(196,161,90,.16)}
.ap-ok{background:rgba(47,122,97,.1);border:1px solid rgba(47,122,97,.3);border-radius:11px;
  padding:12px 15px;font-size:14px;color:var(--deep);margin-bottom:16px}
.ap-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--stone)}
.ap-tag{font:500 12.5px/1 var(--mono);background:var(--paper2);border:1px solid var(--stone);
  border-radius:100px;padding:8px 13px;color:var(--ink)}
.ap-state{list-style:none;padding:0;margin:0}
.ap-state li{position:relative;padding:11px 0 11px 26px;font-size:13.5px;color:var(--muted);
  border-bottom:1px solid var(--stone);line-height:1.5}
.ap-state li:last-child{border-bottom:0}
.ap-state li::before{content:"";position:absolute;left:3px;top:16px;width:9px;height:9px;
  border-radius:50%;border:1.5px solid #C8CFC9;background:#fff}
.ap-state li.on::before{background:var(--brass);border-color:var(--brass)}
.ap-state b{display:block;color:var(--ink);font-weight:700;font-size:14px;letter-spacing:-.02em;margin-bottom:2px}

/* ================= reviewer form ================= */
.rv-head,.rv-row{display:grid;grid-template-columns:44px minmax(0,1.5fr) minmax(0,1.2fr) 120px 150px;
  gap:12px;align-items:center;padding:11px 20px;border-bottom:1px solid var(--stone)}
.rv-head{background:var(--paper2);font:500 9.5px/1 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.rv-row:hover{background:#FBFAF7}
.rv-chk{display:flex;align-items:center;justify-content:center}
.rv-chk input{width:17px;height:17px;accent-color:#12352B;cursor:pointer}
.rv-ent input{width:100%;font:600 14px/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink);
  border:1px solid transparent;background:transparent;border-radius:7px;padding:5px 7px}
.rv-ent input:hover{border-color:var(--stone);background:#fff}
.rv-ent input:focus{outline:none;border-color:var(--brass);background:#fff;
  box-shadow:0 0 0 3px rgba(196,161,90,.15)}
.rv-ev{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;padding-left:7px}
.rv-row > input[type=text],.rv-row select{width:100%;font:400 13px/1.3 var(--sans);color:var(--ink);
  border:1px solid var(--stone);background:#fff;border-radius:8px;padding:8px 9px}
.rv-row > input[type=text]:focus,.rv-row select:focus{outline:none;border-color:var(--brass);
  box-shadow:0 0 0 3px rgba(196,161,90,.15)}
.rv-row select{cursor:pointer}
.rv-lbl{display:block;font:500 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin-bottom:9px}
@media(max-width:900px){
  .rv-head{display:none}
  .rv-row{grid-template-columns:44px 1fr;gap:10px}
  .rv-row > input[type=text],.rv-row select{grid-column:2}
}

/* ---- the reviewed list, as the customer sees it ---- */
.rl-by{padding:14px 22px;background:rgba(196,161,90,.09);border-bottom:1px solid var(--stone);
  font-size:13.5px;color:var(--muted)}
.rl-by b{color:var(--ink);font-weight:700}
.rl-note{padding:14px 22px;border-bottom:1px solid var(--stone);font-size:14px;
  color:var(--muted);line-height:1.6;background:#fff}
.rl-table{width:100%;border-collapse:collapse}
.rl-table th,.rl-table td{text-align:left;padding:12px 22px;border-bottom:1px solid var(--stone);font-size:14px}
.rl-table thead th{font:500 9.5px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);background:var(--paper2)}
.rl-table tbody th{font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.rl-table tbody td{color:var(--muted)}
.rl-table tbody tr:last-child th,.rl-table tbody tr:last-child td{border-bottom:0}
.rl-table tbody tr:hover th,.rl-table tbody tr:hover td{background:#FBFAF7}

/* ================= the public register ================= */
.rg-head{background:var(--pine);color:#CBDCD3;padding:40px 0 36px;position:relative;overflow:hidden}
.rg-head::before{content:"";position:absolute;inset:-60% -5% auto auto;width:55%;height:220%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(196,161,90,.17),transparent)}
.rg-head .wrap{position:relative;z-index:2}
.rg-head h1{font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.042em;margin:0;color:#F7F5F0}
.rg-head .deck{color:#A9BFB4;font-size:16.5px;max-width:64ch;margin:0}
/* .deck b was written for the light pages and hard-codes near-black ink.
   Every dark hero needs it back to something readable, so they say so here
   rather than each one discovering the problem separately. */
.rg-head .deck b,.sr-head .deck b,.ov-head .deck b{color:#F7F5F0;font-weight:700}
.rg-head .crumbs b,.sr-head .crumbs b{color:#F7F5F0}
.rg-body{background:var(--paper);padding:34px 0 84px;min-height:50vh}
.rg-body .srow .n a{color:var(--ink);font-weight:700}
.rg-body .srow .n a:hover{color:var(--deep)}
.rg-old{background:#FFF6EE;border:1px solid #F0D6BC;border-radius:12px;padding:14px 18px;
  font-size:14px;color:#6B5236;margin-top:22px}
.rg-old a{color:var(--pine);font-weight:700;border-bottom:1px solid var(--stone)}

/* ---- the approval queue ---- */
.pq-row{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 22px;border-bottom:1px solid var(--stone)}
@media(min-width:760px){.pq-row{grid-template-columns:1fr auto;gap:20px;align-items:center}}
.pq-row:last-of-type{border-bottom:0}
.pq-row:hover{background:#FBFAF7}
.pq-row b{display:block;font-weight:700;font-size:15px;letter-spacing:-.022em;color:var(--ink)}
.pq-row span{display:block;font:400 12.5px/1.6 var(--mono);color:var(--muted);margin-top:4px}
.pq-acts{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.btn.b-xs{font-size:13px;padding:11px 15px}

/* ---- embed snippet ---- */
.em-box{background:var(--paper);border:1px solid var(--stone);border-radius:14px;padding:18px 20px;margin-bottom:18px}
.em-box .k{font:500 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass-d);margin-bottom:11px}
.em-code{margin:0;padding:13px 15px;background:#08211B;border-radius:10px;overflow-x:auto;
  font:400 12px/1.75 var(--mono);color:#8FB3A5;white-space:pre}
.em-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.em-links a{font:500 11.5px/1 var(--mono);color:var(--muted);background:#fff;border:1px solid var(--stone);
  border-radius:100px;padding:8px 12px}
.em-links a:hover{border-color:var(--brass);color:var(--pine)}

/* ---- watched vendor changes ---- */
.wc-row{padding:9px 22px 9px 40px;border-bottom:1px solid var(--stone);background:#FBFAF7;
  font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.wc-row b{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-d)}
.wc-row span{font-family:var(--mono);font-size:12px}
.wc-row em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11.5px;color:#A2ADA6}

/* ---- evidence pack form ---- */
.ev-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0}
.ev-form label{font:500 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);display:flex;flex-direction:column;gap:7px}
.ev-form input[type=date]{font:400 14px/1 var(--sans);color:var(--ink);border:1px solid var(--stone);
  background:#fff;border-radius:9px;padding:11px 12px}
.ev-form input[type=date]:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(196,161,90,.15)}

/* ---- the change feed ---- */
.cf-row{display:grid;grid-template-columns:1fr;gap:6px;padding:13px 22px;border-bottom:1px solid var(--stone)}
@media(min-width:820px){.cf-row{grid-template-columns:110px 92px minmax(0,1fr) minmax(0,260px);gap:18px;align-items:center}}
.cf-row:last-child{border-bottom:0}
.cf-row:hover{background:#FBFAF7}
.cf-row .d{font:400 12.5px/1 var(--mono);color:var(--muted);white-space:nowrap}
.cf-row .k{justify-self:start;font:600 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  padding:6px 10px;border-radius:5px;border:1px solid;white-space:nowrap}
.cf-row .k.added{color:var(--brass-d);border-color:rgba(196,161,90,.44);background:rgba(196,161,90,.13)}
.cf-row .k.removed{color:#B5544C;border-color:rgba(181,84,76,.35);background:rgba(181,84,76,.09)}
.cf-row .k.changed{color:#7A5FBF;border-color:#D5CBF2;background:#F5F1FF}
.cf-row .k.first{color:var(--deep);border-color:rgba(47,122,97,.35);background:rgba(47,122,97,.1)}
.cf-row .n{font-weight:700;letter-spacing:-.02em;color:var(--ink);font-size:14.5px}
.cf-row .w{font-size:13px;color:var(--muted)}
.cf-row .w a{color:var(--pine);font-weight:600}
.cf-row .w em{display:block;font-style:normal;font-family:var(--mono);font-size:12px;margin-top:3px}

/* ---- reviewer clause candidates ---- */
.dp-cand{display:grid;grid-template-columns:1fr;gap:10px;align-items:center;padding:11px 0;
  border-top:1px solid var(--stone);margin:0}
@media(min-width:820px){.dp-cand{grid-template-columns:56px minmax(0,1fr) auto;gap:14px}}
.dp-days{justify-self:start;font:700 13px/1 var(--mono);color:var(--brass-d);
  background:rgba(196,161,90,.13);border:1px solid rgba(196,161,90,.42);border-radius:7px;padding:8px 10px;text-align:center}
.dp-text{font-size:13px;color:var(--muted);line-height:1.55}

/* ---- a freshly created key ---- */
.k-new{background:rgba(196,161,90,.09);border:1px solid rgba(196,161,90,.34);border-radius:13px;padding:16px 18px}
.k-new .k{font:500 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-d);margin-bottom:11px}

/* ---- acting inside a client workspace ---- */
.ws-bar{background:var(--brass);color:#241B06}
.ws-bar .ov-wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:11px;padding-bottom:11px;
  font-size:13.5px}
.ws-bar b{font-weight:800}
.ws-out{font:700 12.5px/1 var(--sans);color:#241B06;background:rgba(255,255,255,.4);
  border:1px solid rgba(36,27,6,.24);border-radius:100px;padding:8px 13px;cursor:pointer}
.ws-out:hover{background:rgba(255,255,255,.66)}


/* ---- account bar on mobile ---- */
.aburger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;
  padding:10px;margin-left:auto}
.aburger span{display:block;width:20px;height:2px;background:#CBDCD3;border-radius:2px;transition:transform .25s,opacity .25s}
.aburger.on span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.aburger.on span:nth-child(2){opacity:0}
.aburger.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.adrop{display:none;position:absolute;left:0;right:0;top:100%;background:var(--pine);
  border-top:1px solid rgba(196,161,90,.25);box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:960;padding:8px 0}
.adrop a{display:block;padding:14px 30px;font:600 15px/1 var(--sans);color:#CBDCD3}
.adrop a:active,.adrop a:hover{background:rgba(255,255,255,.07);color:#F7F5F0}
.adrop .who{display:block;padding:12px 30px 6px;font:400 12px/1 var(--mono);color:#7E9A8E;
  border-top:1px solid rgba(255,255,255,.1);margin-top:8px}
.adrop .out{color:var(--brass)}
@media(max-width:860px){
  .abar{position:relative}
  .anav{display:none}
  .aburger{display:flex}
  .aright{margin-left:0}
  .awho{display:none}
  .aout{display:none}
  .adrop:not([hidden]){display:block}
}

/* ---- oversight sub-navigation ---- */
.ovnav{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:12px}
.ovnav a{font:600 13.5px/1 var(--sans);color:#8FA79B;padding:9px 14px;border-radius:9px;
  transition:background .2s,color .2s}
.ovnav a:hover{background:rgba(255,255,255,.07);color:#F7F5F0}
.ovnav a.on{background:rgba(196,161,90,.17);color:var(--brass)}
.ovnav a.rt{margin-left:auto;color:#7E9A8E}

/* ---- members: four columns side by side, stacked only on a phone ---- */
.mb-row{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 20px;background:#fff;
  border:1px solid var(--stone);border-radius:14px;margin-bottom:10px}
@media(min-width:1000px){
  .mb-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr) auto;
    gap:20px;align-items:center;padding:14px 20px}
}
.mb-row:hover{border-color:#CFD8D2}
.mb-who b{display:block;font-size:15px;font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.mb-who span{display:block;font:400 12.5px/1.5 var(--mono);color:var(--muted);margin-top:2px}
.mb-who em{display:block;font-style:normal;font-size:11.5px;color:#9AA79F;margin-top:4px}
.mb-use{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted)}
.mb-use b{color:var(--ink);font-weight:700}
.mb-use .w b{color:var(--brass-d)}
.mb-plan{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mb-act{display:flex;gap:6px;align-items:center;margin:0;flex-wrap:wrap}
.mb-act select{font:400 12.5px/1 var(--sans);border:1px solid var(--stone);border-radius:8px;
  padding:9px 8px;background:#fff;color:var(--ink);cursor:pointer}
.mb-act select:focus{outline:none;border-color:var(--brass)}

/* ---- tickets ---- */
.tk{display:grid;grid-template-columns:1fr;gap:10px;background:#fff;border:1px solid var(--stone);
  border-radius:13px;padding:14px 18px;margin-bottom:9px;transition:border-color .2s,transform .2s}
@media(min-width:1000px){
  .tk{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) 130px auto;gap:20px;align-items:center}
}
.tk:hover{border-color:#CFD8D2;transform:translateY(-1px)}
.tk .s{font:700 14.5px/1.35 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.tk .s em{display:block;font-style:normal;font:400 12px/1.5 var(--mono);color:var(--muted);margin-top:4px}
.tk .who{font-size:12.5px;color:var(--muted)}
.tk .who b{display:block;color:var(--ink);font-weight:600;font-size:13.5px}
.tk .ago{font:400 12px/1.5 var(--mono);color:var(--muted)}
.tk .ago b{color:var(--ink);font-weight:500}
.tkc{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.scan-chip.you{color:#241B06;background:rgba(196,161,90,.2);border-color:rgba(196,161,90,.5)}
.scan-chip.them{color:var(--deep);background:rgba(47,122,97,.1);border-color:rgba(47,122,97,.3)}
.scan-chip.p1{color:#B5544C;background:rgba(181,84,76,.09);border-color:rgba(181,84,76,.32)}

/* ---- a thread ---- */
.msg{background:#fff;border:1px solid var(--stone);border-radius:14px;padding:16px 20px;margin-bottom:12px}
.msg.staff{background:#F6FAF8;border-color:#D3E4DB}
.msg .mh{display:flex;flex-wrap:wrap;gap:9px;align-items:baseline;margin-bottom:9px}
.msg .mh b{font:700 13.5px/1 var(--sans);color:var(--ink)}
.msg .mh span{font:400 11.5px/1 var(--mono);color:#9AA79F}
.msg p{margin:0 0 10px;font-size:14.5px;line-height:1.65;color:#2B3830}
.msg p:last-child{margin-bottom:0}
.cool{background:#FFF6EE;border:1px solid #F0D6BC;border-radius:11px;padding:12px 15px;
  font-size:13.5px;color:#6B5236;margin-bottom:14px;line-height:1.55}
.cool b{font-weight:700}
.ovnav a .n{display:inline-block;margin-left:6px;font:600 10.5px/1 var(--mono);font-style:normal;
  background:var(--brass);color:#241B06;border-radius:20px;padding:3px 6px}

/* ---- oversight home: act, then read ---- */
.ovwhen{font:400 12px/1 var(--mono);color:#6E877B;margin-top:12px}
.zone{margin-bottom:36px}
.zh{font:700 13px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
  margin:0 0 15px;display:flex;align-items:baseline;gap:10px}
.zh span{font:400 13px/1 var(--mono);text-transform:none;letter-spacing:0;color:#9AA79F}
.zh.sub{margin-top:28px}
.acts{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:900px){.acts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}
.act{background:#fff;border:1px solid var(--stone);border-left:3px solid var(--brass);
  border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:9px;
  transition:transform .2s cubic-bezier(.2,.9,.25,1),box-shadow .2s}
.act:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(18,53,43,.12)}
.act.warn{border-left-color:#B5544C}
.act .t{font:800 19px/1.25 var(--sans);letter-spacing:-.032em;color:var(--ink)}
.act .d{font-size:14px;line-height:1.55;color:var(--muted)}
.act .go{margin-top:auto;padding-top:6px;font:700 13.5px/1 var(--sans);color:var(--pine)}
.log{list-style:none;margin:0;padding:0;border-top:1px solid var(--stone)}
.log li{display:grid;grid-template-columns:60px 1fr;gap:2px 16px;padding:13px 4px 13px 0;
  border-bottom:1px solid var(--stone);align-items:baseline}
@media(min-width:900px){.log li{grid-template-columns:70px minmax(0,290px) 1fr;gap:0 24px}}
.log li:hover{background:#FBFAF7}
.log time{font:400 12.5px/1.5 var(--mono);color:#9AA79F}
.log .w{font:600 14.5px/1.5 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.log em{font-style:normal;font-size:13.5px;line-height:1.55;color:var(--muted);grid-column:2/-1}
@media(min-width:900px){.log em{grid-column:3}}
.log li.bad .w,.log li.bad time{color:#B5544C}
.more{margin:16px 0 0;font-size:13px;color:var(--muted)}
.more code{font:500 12px/1 var(--mono);color:var(--pine)}

/* ---- the record card ------------------------------------------------ */
.recH1{font:800 32px/1.08 var(--sans);letter-spacing:-.042em;margin:0;color:#F7F5F0}
.recM{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:16px;font:400 12px/1 var(--mono);color:#6E877B}
.recM b{color:#CBDCD3;font-weight:500}
.recSplit{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
@media(min-width:1180px){.recSplit{grid-template-columns:minmax(0,1fr) 330px}}

.recs{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:1100px){.recs{grid-template-columns:repeat(2,1fr)}}
.rec{background:#fff;border:1px solid var(--stone);border-radius:16px;overflow:hidden;display:block;
  transition:transform .22s cubic-bezier(.2,.9,.25,1),box-shadow .22s,border-color .22s}
a.rec:hover{transform:translateY(-2px);border-color:#CFD8D2;box-shadow:0 14px 34px rgba(18,53,43,.13)}
.rec .top{display:flex;align-items:center;gap:16px;padding:22px 24px 16px}
.rec .tt{min-width:0}
.fav{width:44px;height:44px;border-radius:11px;flex:none;background:var(--paper2);
  border:1px solid var(--stone);display:flex;align-items:center;justify-content:center;overflow:hidden}
.fav img{width:100%;height:100%;object-fit:contain;display:block}
.rec h3{margin:0;font:800 25px/1.1 var(--sans);letter-spacing:-.042em;color:var(--ink);overflow-wrap:anywhere}
.rec .sub{font:400 12.5px/1.5 var(--mono);color:var(--muted);margin-top:5px}
.rec .sub b{color:var(--brass-d);font-weight:500}
.rec .arw{margin-left:auto;font-size:20px;color:#C3CCC6;transition:transform .22s,color .22s;flex:none}
a.rec:hover .arw{transform:translateX(3px);color:var(--brass)}
.rec .facts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--stone);
  border-bottom:1px solid var(--stone);background:#FCFBF8}
.rec .facts div{flex:1 1 33%;padding:12px 24px;border-right:1px solid var(--stone)}
.rec .facts div:last-child{border-right:0}
.rec .facts b{display:block;font:700 16px/1 var(--sans);letter-spacing:-.028em;color:var(--ink)}
.rec .facts span{display:block;font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:#9AA79F;margin-top:6px}
.rec .inside{padding:15px 24px 20px}
.rec .inside .k{font:400 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9AA79F;
  margin-bottom:9px}
.ents{display:flex;flex-wrap:wrap;gap:6px}
.ent{font:500 12.5px/1 var(--mono);background:var(--paper);border:1px solid var(--stone);border-radius:7px;
  padding:7px 10px;color:#3C4A42}
.ent.more{background:none;border-style:dashed;color:#9AA79F}
.rec .state{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--paper2);
  border-top:1px solid var(--stone);font-size:13px;color:var(--muted);line-height:1.5}
.rec .state .dot{width:7px;height:7px;border-radius:50%;background:var(--brass);flex:none}
.rec .state .dot.ok{background:var(--moss)}
.rec .state b{color:var(--ink);font-weight:700}
.rec.new{border-style:dashed;background:none;display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;padding:26px 24px;gap:10px}
.rec.new h3{font-size:20px}
.rec.new p{margin:0;font-size:14px;line-height:1.6;color:var(--muted);max-width:44ch}
.rec.new form{display:flex;flex-wrap:wrap;gap:9px;width:100%;margin-top:6px}
.stopw{background:none;border:0;font:500 12px/1 var(--mono);color:#9AA79F;cursor:pointer;padding:8px;
  border-radius:7px}
.stopw:hover{background:var(--paper2);color:#B5544C}

.empty{background:#fff;border:1px dashed var(--stone);border-radius:16px;padding:28px 26px;
  display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.empty h3{margin:0;font:800 20px/1.2 var(--sans);letter-spacing:-.033em}
.empty p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted);max-width:56ch}
.empty .ex{display:flex;flex-wrap:wrap;gap:7px}
.empty .ex span{font:500 12.5px/1 var(--mono);background:var(--paper);border:1px solid var(--stone);
  border-radius:7px;padding:8px 11px;color:var(--muted)}
.ex-form{display:flex;flex-wrap:wrap;gap:9px;align-items:center;width:100%;margin-top:4px}

.mini{background:#fff;border:1px solid var(--stone);border-radius:14px;margin-bottom:14px;overflow:hidden}
.mini .h{padding:13px 18px;border-bottom:1px solid var(--stone);background:var(--paper);
  font:700 13.5px/1 var(--sans);letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.mini .h .c{margin-left:auto;font:500 11px/1 var(--mono);color:var(--muted)}
.mini .p{padding:16px 18px}
.mini .p p{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.mini .p p:last-child{margin-bottom:0}
.mini .row{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--stone);
  font-size:13.5px}
.mini .row:last-child{border-bottom:0}
.mini .row .n{font-weight:600;color:var(--ink)}
.mini .row .r{margin-left:auto;font:400 12px/1 var(--mono);color:var(--muted)}
.minifield{width:100%;font:400 13px/1.4 var(--sans);border:1px solid var(--stone);border-radius:9px;
  padding:10px 12px;background:var(--paper);color:var(--ink);margin-bottom:9px}
.minifield:focus{outline:none;border-color:var(--brass)}
.btn.sm{font-size:13px;padding:11px 16px}
.btn.out{background:transparent;color:var(--pine)}
/* a watched vendor is someone else's record, not yours — quieter, and no chevron */
.rec.watch{border-color:#DFE6E1;background:#FDFDFB}
.rec.watch h3{font-size:21px}
.rec.watch:hover{transform:none;box-shadow:none;border-color:#CFD8D2}

/* ---- when this is next read. Quiet when nothing is scheduled, alive when it is. ---- */
.next{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--stone);
  border-radius:11px;background:#FCFBF8;font-size:13px;color:var(--muted);line-height:1.5}
.rec .next{border:0;border-top:1px solid var(--stone);border-radius:0;background:#FCFBF8;padding:11px 24px}
.next .pulse{width:7px;height:7px;border-radius:50%;background:#C3CCC6;flex:none}
.next.on{background:#F4F9F6;border-color:#D8E7DF;color:#3C4A42}
.rec .next.on{border-top-color:#D8E7DF}
.next.on .pulse{background:var(--moss);box-shadow:0 0 0 0 rgba(47,122,97,.45);animation:np 2.8s infinite}
@keyframes np{0%{box-shadow:0 0 0 0 rgba(47,122,97,.45)}70%{box-shadow:0 0 0 7px rgba(47,122,97,0)}
  100%{box-shadow:0 0 0 0 rgba(47,122,97,0)}}
@media(prefers-reduced-motion:reduce){.next.on .pulse{animation:none}}

/* ---- picking vendors to watch ---- */
.pick{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--stone);
  border-radius:9px;padding:8px 12px 8px 10px;cursor:pointer;transition:border-color .18s,background .18s}
.pick:hover{border-color:#CFD8D2;background:#fff}
.pick input{accent-color:var(--deep);width:15px;height:15px;cursor:pointer;margin:0}
.pick img{border-radius:4px;flex:none}
.pick span{font:500 12.5px/1 var(--mono);color:#3C4A42}
.pick em{font-style:normal;color:#9AA79F;margin-left:5px}
.pick:has(input:not(:checked)){opacity:.5}
.autotag{display:inline-block;font:500 10.5px/1 var(--mono);background:rgba(196,161,90,.18);
  border:1px solid rgba(196,161,90,.4);border-radius:5px;padding:4px 6px;color:var(--brass-d);
  margin-right:6px;vertical-align:1px}


/* ---- app surface: give the cards a page to sit ON ----------------------
   The dashboard was white cards on #F1EDE4 with #E4DFD4 borders — about four
   points of separation between a card and the page behind it, so the whole
   screen read as one continuous field and nothing had an edge. Deepening the
   ground rather than brightening the cards keeps the warmth; the cards were
   already white and had nowhere left to go.
   Scoped to the app and oversight surfaces so the marketing pages, which are
   signed off, are untouched. */
.ov-body{background:#E7E1D4}
.ov-body .rec,
.ov-body .mini,
.ov-body .panel,
.ov-body .act,
.ov-body .mb-row,
.ov-body .tk,
.ov-body .msg{border-color:#D5CDBC;box-shadow:0 1px 2px rgba(28,40,34,.05),0 6px 16px rgba(28,40,34,.05)}
.ov-body .rec .facts{background:#FBF9F5;border-color:#E2DBCC}
.ov-body .rec .state,
.ov-body .rec .next{background:#F4F1E9;border-top-color:#E2DBCC}
.ov-body .rec.new{border-color:#CDC3AE;background:rgba(255,255,255,.42);box-shadow:none}
.ov-body .empty{border-color:#CDC3AE;background:rgba(255,255,255,.55);box-shadow:none}
.ov-body .mini .h{background:#F4F1E9;border-bottom-color:#E2DBCC}
.ov-body .ent{background:#F4F1E9;border-color:#E2DBCC}
.ov-body .log{border-top-color:#D5CDBC}
.ov-body .log li{border-bottom-color:#DFD8C8}
.ov-body .log li:hover{background:rgba(255,255,255,.55)}
.ov-body .field{border-color:#D5CDBC}
.ov-body .minifield{background:#FBF9F5;border-color:#D5CDBC}
.ov-body .pick{background:#F4F1E9;border-color:#D5CDBC}
.ov-body .pick:hover{background:#fff;border-color:#C0B69F}
a.rec:hover{border-color:#BFB49B;box-shadow:0 2px 4px rgba(28,40,34,.06),0 16px 36px rgba(28,40,34,.14)}

/* ---- cards / list switch ---- */
.viewsw{margin-left:auto;display:inline-flex;gap:2px;background:rgba(255,255,255,.6);
  border:1px solid #D5CDBC;border-radius:100px;padding:3px}
.viewsw a{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--sans);
  text-transform:none;letter-spacing:0;color:var(--muted);padding:7px 12px;border-radius:100px}
.viewsw a svg{fill:currentColor}
.viewsw a:hover{color:var(--ink)}
.viewsw a.on{background:var(--pine);color:var(--paper)}

/* ---- the list view ---- */
.tbl-wrap{background:#fff;border:1px solid #D5CDBC;border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(28,40,34,.05),0 6px 16px rgba(28,40,34,.05)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl thead th{text-align:left;font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:#9AA79F;padding:13px 18px;background:#F4F1E9;border-bottom:1px solid #E2DBCC;white-space:nowrap}
.tbl thead th.n{text-align:right}
.tbl tbody tr{border-bottom:1px solid #EDE8DC;cursor:pointer;transition:background .15s}
.tbl tbody tr:last-child{border-bottom:0}
.tbl tbody tr:hover{background:#FBF9F5}
.tbl td{padding:14px 18px;vertical-align:middle}
.tbl td.n{text-align:right;font:600 14px/1 var(--sans);color:var(--ink)}
.tbl td.q{font:400 12.5px/1 var(--mono);color:var(--muted);white-space:nowrap}
.tbl td.q.live{color:var(--moss)}
.tbl td.go{text-align:right;color:#C3CCC6;font-size:19px;width:32px}
.tbl tbody tr:hover td.go{color:var(--brass)}
.tbl td.dom{display:flex;align-items:center;gap:11px;min-width:0}
.tbl td.dom img{border-radius:6px;border:1px solid var(--stone);background:#fff;flex:none}
.tbl td.dom b{font:700 16px/1.2 var(--sans);letter-spacing:-.028em;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:900px){
  .tbl thead{display:none}
  .tbl tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px}
  .tbl td{padding:0;border:0}
  .tbl td.dom{grid-column:1/-1;margin-bottom:6px}
  .tbl td.n::before,.tbl td.q::before{content:attr(data-l) " ";color:#9AA79F;font-size:11px}
  .tbl td.go{display:none}
}

/* ---- the view switch, page level ---- */
/* Sits at the end of the Discoveries heading, beside the thing it changes,
   rather than floating at the top of the page away from it. It governs the
   vendor list too — one control, because two would be worse. */
@media(max-width:700px){.zh .viewsw{margin-left:0;width:100%}
  .zh .viewsw a{flex:1;justify-content:center}
  .zh{flex-wrap:wrap;gap:10px}}
.tbl td.dom .autotag{margin-left:2px}
.tbl td.go form{margin:0}

/* ---- extraction quality ---- */
.verdict{background:#fff;border:1px solid #D5CDBC;border-left:3px solid var(--moss);border-radius:14px;
  padding:22px 24px;margin-bottom:16px;box-shadow:0 1px 2px rgba(28,40,34,.05),0 6px 16px rgba(28,40,34,.05)}
.verdict.warn{border-left-color:#B5544C}
.verdict b{display:block;font:800 21px/1.25 var(--sans);letter-spacing:-.035em;margin-bottom:7px;color:var(--ink)}
.verdict p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted);max-width:76ch}
.chart{background:#fff;border:1px solid #D5CDBC;border-radius:14px;padding:24px 26px 18px;
  box-shadow:0 1px 2px rgba(28,40,34,.05),0 6px 16px rgba(28,40,34,.05)}
.bars{display:flex;align-items:flex-end;gap:7px;height:190px;padding-bottom:10px;border-bottom:1px solid var(--stone)}
.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-width:0;position:relative}
.bar i{display:block;border-radius:2px}
.bar .kept{background:#CFE0D7}
.bar .thin{background:var(--brass)}
.bar .prose{background:#B99A5E}
.bar .other{background:#B5544C}
.bar b{position:absolute;top:-19px;left:0;right:0;text-align:center;font:500 10.5px/1 var(--mono);color:var(--muted)}
.bar:hover b{color:var(--ink)}
.xaxis{display:flex;gap:7px;margin-top:9px}
.xaxis span{flex:1;text-align:center;font:400 10px/1 var(--mono);color:#9AA79F;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;padding-top:15px;border-top:1px solid var(--stone)}
.key span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.key i{width:11px;height:11px;border-radius:3px;display:block}
.reasons{background:#fff;border:1px solid #D5CDBC;border-radius:14px;overflow:hidden;margin-top:16px;
  box-shadow:0 1px 2px rgba(28,40,34,.05),0 6px 16px rgba(28,40,34,.05)}
.rz{display:grid;grid-template-columns:150px 60px 1fr;gap:18px;align-items:center;padding:14px 22px;
  border-bottom:1px solid #EDE8DC}
.rz:last-child{border-bottom:0}
.rz .n{font:700 14px/1.3 var(--sans);letter-spacing:-.02em}
.rz .c{font:700 17px/1 var(--sans);text-align:right;color:var(--ink)}
.rz .d{font-size:13px;line-height:1.55;color:var(--muted)}
.rz .track{grid-column:1/-1;height:4px;background:#F1EDE4;border-radius:3px;overflow:hidden;margin-top:2px}
.rz .track i{display:block;height:100%;background:var(--brass);border-radius:3px}
@media(max-width:820px){.rz{grid-template-columns:1fr auto;gap:6px 12px}.rz .d{grid-column:1/-1}}