:root{
  --ivory: oklch(0.975 0.009 85);
  --paper: oklch(0.992 0.005 85);
  --sand: oklch(0.945 0.013 82);
  --line: oklch(0.885 0.014 80);
  --line-2: oklch(0.83 0.016 78);
  --ink: oklch(0.2 0.022 262);
  --ink-2: oklch(0.36 0.02 262);
  --ink-3: oklch(0.5 0.016 262);
  --ink-4: oklch(0.64 0.012 262);
  --night: oklch(0.19 0.024 262);
  --night-2: oklch(0.245 0.026 262);
  --night-line: oklch(0.32 0.024 262);
  --emerald: oklch(0.5 0.105 162);
  --emerald-bg: oklch(0.95 0.035 162);
  --emerald-line: oklch(0.82 0.06 162);
  --amber: oklch(0.55 0.11 68);
  --amber-bg: oklch(0.955 0.04 80);
  --amber-line: oklch(0.84 0.07 78);
  --oxblood: oklch(0.5 0.13 25);
  --oxblood-bg: oklch(0.955 0.025 25);
  --oxblood-line: oklch(0.85 0.05 25);
  --slate: oklch(0.45 0.05 285);
  --slate-bg: oklch(0.955 0.015 285);
  --slate-line: oklch(0.84 0.03 285);
  --serif: 'Newsreader', Georgia, serif;
  --sans: 'Geist', 'Helvetica Neue', Helvetica, sans-serif;
  --mono: 'Geist Mono', ui-monospace, Menlo, monospace;
  --r: 10px; --r-lg: 16px;
  --shadow: 0 1px 0 oklch(0.2 0.02 262 / .04), 0 8px 24px -12px oklch(0.2 0.02 262 / .14);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p{margin:0}
p{text-wrap:pretty}
a{color:inherit}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.mono{font-family:var(--mono);font-size:.92em;letter-spacing:-.01em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ico{flex:none;display:block}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}

/* synthetic money */
.syn{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:-.02em;text-decoration:underline dotted;text-decoration-color:var(--ink-4);text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap}

/* ===== Shell ===== */
.app{display:grid;grid-template-columns:256px 1fr;min-height:100vh}
.side{background:var(--night);color:oklch(0.9 0.01 85);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px 16px;overflow-y:auto}
.brand{display:flex;gap:10px;align-items:center;padding:0 8px 22px}
.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--ivory);color:var(--night);display:grid;place-items:center}
.brand-name{font-family:var(--serif);font-size:19px;line-height:1.05;color:var(--paper)}
.brand-sub{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:oklch(0.66 0.02 262);margin-top:2px}
.role-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--night-2);border:1px solid var(--night-line);border-radius:12px;padding:3px;margin:0 4px 18px}
.role-switch button{background:none;border:0;border-radius:9px;padding:8px 6px;font-size:13px;color:oklch(0.74 0.015 262);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px}
.role-switch button small{font-size:10px;color:oklch(0.58 0.02 262)}
.role-switch button.on{background:var(--ivory);color:var(--night)}
.role-switch button.on small{color:var(--ink-3)}
.nav-label{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:oklch(0.56 0.02 262);padding:14px 12px 6px}
.nav a,.nav button{display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;padding:8px 12px;border-radius:9px;color:oklch(0.8 0.012 262);font-size:13.5px;text-decoration:none;cursor:pointer;text-align:left}
.nav a:hover,.nav button:hover{background:var(--night-2);color:var(--paper)}
.nav .on{background:var(--night-2);color:var(--paper);box-shadow:inset 2px 0 0 var(--ivory)}
.nav .count{margin-left:auto;font-family:var(--mono);font-size:11px;background:oklch(0.32 0.03 262);border-radius:20px;padding:1px 7px;color:oklch(0.85 0.01 85)}
.nav .count.amber{background:oklch(0.42 0.08 68);color:oklch(0.97 0.02 80)}
.side-foot{margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--night-line);font-size:11.5px;color:oklch(0.6 0.02 262);line-height:1.45}
.side-foot strong{color:oklch(0.82 0.01 85);font-weight:500}

.main{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 40px;background:oklch(0.975 0.009 85 / .88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.crumbs{font-size:13px;color:var(--ink-3);display:flex;gap:8px;align-items:center;min-width:0}
.crumbs b{color:var(--ink);font-weight:500}
.demo-chip{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);background:var(--paper);border:1px dashed var(--line-2);padding:5px 11px 5px 9px;border-radius:30px;white-space:nowrap}
.demo-chip i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px var(--amber-bg)}
.top-tools{display:flex;gap:6px;align-items:center}
.mob-menu{display:none}
.content{padding:34px 40px 80px;max-width:1280px;width:100%}

/* ===== type / page ===== */
.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:8px}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.page-head h1{font-size:42px;line-height:1.05;letter-spacing:-.02em}
.page-head h1 em{font-style:italic;color:var(--ink-2)}
.lede{margin-top:10px;color:var(--ink-2);font-size:15.5px;max-width:640px}
.page-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sec-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:40px 0 14px}
.sec-title h2{font-size:24px;letter-spacing:-.01em}
.sec-aside{font-size:13px;color:var(--ink-3);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.muted{color:var(--ink-3)}
.small{font-size:12.5px}
.tiny{font-size:11.5px}

/* ===== controls ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:9px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}
.btn:hover{background:var(--sand)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-primary:hover{background:var(--ink-2)}
.btn-ghost{background:transparent;border-color:transparent}
.btn-ghost:hover{background:var(--sand)}
.btn-danger{color:var(--oxblood);border-color:var(--oxblood-line);background:var(--paper)}
.btn-danger:hover{background:var(--oxblood-bg)}
.btn-sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:8px}
.btn-lg{height:46px;padding:0 20px;font-size:14.5px}
.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--ink-2)}
.icon-btn:hover{background:var(--sand)}
.icon-btn.on{background:var(--ink);color:var(--paper)}
.link{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2);cursor:pointer;font-size:inherit}
.link:hover{text-decoration-color:var(--ink)}

.seg{display:inline-flex;background:var(--sand);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;border-radius:7px;padding:6px 12px;font-size:13px;color:var(--ink-2);cursor:pointer;display:flex;gap:6px;align-items:center;white-space:nowrap}
.seg button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px oklch(0.2 0.02 262 / .1)}
.seg-sm button{padding:4px 9px;font-size:12px}

.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:30px;font-size:12px;font-weight:500;border:1px solid;white-space:nowrap;line-height:1.5}
.pill-neutral{background:var(--paper);border-color:var(--line-2);color:var(--ink-2)}
.pill-ok{background:var(--emerald-bg);border-color:var(--emerald-line);color:var(--emerald)}
.pill-review{background:var(--amber-bg);border-color:var(--amber-line);color:var(--amber)}
.pill-unknown{background:var(--slate-bg);border-color:var(--slate-line);color:var(--slate);border-style:dashed}
.pill-bad{background:var(--oxblood-bg);border-color:var(--oxblood-line);color:var(--oxblood)}
.pill-muted{background:var(--sand);border-color:var(--line);color:var(--ink-3)}
.pill-ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}

.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:500;color:var(--ink)}
.field .opt{font-weight:400;color:var(--ink-3)}
.input,.select,textarea.input{height:42px;border:1px solid var(--line-2);background:var(--paper);border-radius:9px;padding:0 12px;width:100%;font-size:14px}
textarea.input{height:auto;padding:10px 12px;min-height:84px;resize:vertical}
.input:focus,.select:focus{outline:2px solid var(--ink);outline-offset:-1px}
.has-err .input,.has-err .select{border-color:var(--oxblood);background:var(--oxblood-bg)}
.hint{font-size:12px;color:var(--ink-3)}
.err{font-size:12.5px;color:var(--oxblood);display:flex;gap:6px;align-items:center}
.input-affix{position:relative}
.input-affix .affix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-family:var(--mono)}
.input-affix .input{padding-left:28px;font-family:var(--mono)}

.check{display:flex;gap:11px;align-items:flex-start;cursor:pointer;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.check input{position:absolute;opacity:0;width:1px;height:1px}
.check .box{width:18px;height:18px;border:1.5px solid var(--ink-3);border-radius:5px;display:grid;place-items:center;flex:none;margin-top:1px;color:transparent;background:var(--paper)}
.check input:checked + .box{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.check input:focus-visible + .box{outline:2px solid var(--ink);outline-offset:2px}
.check-err .box{border-color:var(--oxblood)}
.check-dis{opacity:.5;cursor:not-allowed}

.toggle{width:40px;height:23px;border-radius:20px;background:var(--line-2);border:0;position:relative;cursor:pointer;flex:none;transition:background .2s}
.toggle span{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:var(--paper);transition:transform .2s;box-shadow:0 1px 2px oklch(0 0 0 / .2)}
.toggle.on{background:var(--ink)}
.toggle.on span{transform:translateX(17px)}
.toggle:disabled{opacity:.45;cursor:not-allowed}

/* ===== surfaces ===== */
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}
.panel-pad{padding:22px 24px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line)}
.panel-head h3{font-size:15px;font-weight:600}
.rule{height:1px;background:var(--line);margin:18px 0;border:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px;align-items:start}
.stack{display:flex;flex-direction:column;gap:14px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spacer{flex:1}

.notice{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font-size:13.5px;color:var(--ink-2)}
.notice strong{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.notice-ico{margin-top:1px;color:var(--ink-3)}
.notice-body{flex:1;min-width:0}
.notice-action{flex:none;align-self:center}
.notice-review{background:var(--amber-bg);border-color:var(--amber-line)}
.notice-review .notice-ico{color:var(--amber)}
.notice-ok{background:var(--emerald-bg);border-color:var(--emerald-line)}
.notice-ok .notice-ico{color:var(--emerald)}
.notice-bad{background:var(--oxblood-bg);border-color:var(--oxblood-line)}
.notice-bad .notice-ico{color:var(--oxblood)}
.notice-unknown{background:var(--slate-bg);border-color:var(--slate-line);border-style:dashed}
.notice-unknown .notice-ico{color:var(--slate)}
.notice-ink{background:var(--night);border-color:var(--night);color:oklch(0.82 0.01 85)}
.notice-ink strong{color:var(--paper)}
.notice-ink .notice-ico{color:oklch(0.8 0.01 85)}

.kv{margin:0;display:flex;flex-direction:column}
.kv-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.kv-row:last-child{border-bottom:0}
.kv dt{color:var(--ink-3)}
.kv dd{margin:0;text-align:right;color:var(--ink);font-weight:500}

/* ===== ledger summary ===== */
.ledger{display:grid;grid-template-columns:1.25fr repeat(5,1fr);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);overflow:hidden}
.ledger-cell{padding:20px 20px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0;background:none;border-top:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.ledger-cell:hover{background:var(--ivory)}
.ledger-cell.on{background:var(--ivory);box-shadow:inset 0 -2px 0 var(--ink)}
.ledger-cell:first-child{border-left:0;background:var(--night);color:var(--paper);cursor:default}
.ledger-cell:first-child:hover{background:var(--night)}
.ledger-k{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:7px}
.ledger-cell:first-child .ledger-k{color:oklch(0.7 0.02 262)}
.ledger-v{font-size:24px}
.ledger-v .syn{text-decoration-color:var(--ink-4)}
.ledger-cell:first-child .ledger-v{font-size:34px;font-family:var(--serif)}
.ledger-cell:first-child .syn{font-family:var(--serif);letter-spacing:-.02em;text-decoration-color:oklch(0.5 0.02 262)}
.ledger-n{font-size:12px;color:var(--ink-3)}
.ledger-cell:first-child .ledger-n{color:oklch(0.66 0.02 262)}
.swatch{width:8px;height:8px;border-radius:2px;flex:none}
.sw-pledged{background:var(--ink-4)}
.sw-processing{background:var(--amber)}
.sw-settled{background:var(--emerald)}
.sw-refunded{background:var(--slate)}
.sw-fees{background:transparent;border:1.5px solid var(--ink-3)}

.flowbar{display:flex;height:10px;border-radius:6px;overflow:hidden;gap:2px;margin-top:14px}
.flowbar span{display:block;height:100%}

/* ===== discovery ===== */
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.case-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px;position:relative;transition:border-color .15s, box-shadow .15s}
.case-card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}
.case-card.dim{opacity:.62}
.case-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.case-cat{display:flex;gap:10px;align-items:center}
.cat-ico{width:34px;height:34px;border-radius:10px;background:var(--sand);display:grid;place-items:center;color:var(--ink-2)}
.case-cat b{font-weight:600;font-size:14px;display:block}
.case-cat small{color:var(--ink-3);font-size:12px}
.case-amt{font-size:26px;line-height:1}
.case-amt .syn{font-family:var(--serif);letter-spacing:-.02em}
.meter{height:6px;background:var(--sand);border-radius:6px;overflow:hidden}
.meter span{display:block;height:100%;background:var(--ink)}
.checks{display:flex;gap:6px;flex-wrap:wrap}
.chk{display:inline-flex;gap:5px;align-items:center;font-size:11.5px;color:var(--ink-2);background:var(--ivory);border:1px solid var(--line);padding:2px 8px 2px 6px;border-radius:6px}
.chk.ok .ico{color:var(--emerald)}
.chk.stale{border-color:var(--amber-line);background:var(--amber-bg);color:var(--amber)}
.case-foot{display:flex;gap:8px;align-items:center;border-top:1px dashed var(--line);padding-top:12px}
.case-id{font-family:var(--mono);font-size:11px;color:var(--ink-3)}

.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:hover td{background:var(--ivory)}
.tbl .num{text-align:right}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}

/* ===== timeline ===== */
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding-bottom:18px;position:relative}
.tl li:before{content:'';position:absolute;left:10.5px;top:20px;bottom:0;width:1px;background:var(--line-2)}
.tl li:last-child:before{display:none}
.tl-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--line-2);color:var(--ink-3)}
.tl-dot.ok{background:var(--emerald);border-color:var(--emerald);color:#fff}
.tl-dot.review{border-color:var(--amber);color:var(--amber);background:var(--amber-bg)}
.tl-dot.unknown{border-color:var(--slate);color:var(--slate);border-style:dashed;background:var(--slate-bg)}
.tl-dot.bad{border-color:var(--oxblood);color:var(--oxblood);background:var(--oxblood-bg)}
.tl-dot.muted{border-color:var(--ink-4);color:var(--ink-3);background:var(--sand)}
.tl-l{font-size:13.5px;color:var(--ink)}
.tl-t{font-size:11.5px;color:var(--ink-3);font-family:var(--mono)}

/* activity list */
.act{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;font:inherit;color:inherit}
.act:hover{background:var(--ivory)}
.act:last-child{border-bottom:0}
.act-ico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--ink-2)}
.act-main b{font-weight:500;display:block;font-size:13.5px}
.act-main small{color:var(--ink-3);font-size:12px}

/* ===== overlays ===== */
.overlay{position:fixed;inset:0;background:oklch(0.19 0.024 262 / .38);z-index:100;display:flex;justify-content:flex-end;animation:fade .18s ease}
.overlay-center{justify-content:center;align-items:center;padding:24px}
.drawer{width:min(520px,100%);height:100%;background:var(--paper);display:flex;flex-direction:column;box-shadow:-20px 0 60px -20px oklch(0.2 0.02 262 / .35);animation:slide .22s cubic-bezier(.2,.8,.2,1)}
.drawer-wide{width:min(680px,100%)}
.modal{width:100%;max-height:calc(100vh - 48px);background:var(--paper);border-radius:18px;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px oklch(0.2 0.02 262 / .45);animation:pop .2s cubic-bezier(.2,.8,.2,1)}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}
.drawer-head h2{font-size:24px;line-height:1.15}
.drawer-body,.modal-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}
.drawer-foot{padding:14px 24px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;background:var(--ivory);border-radius:0 0 18px 18px}
@keyframes fade{from{opacity:0}}
@keyframes slide{from{transform:translateX(30px);opacity:.4}}
@keyframes pop{from{transform:translateY(8px) scale(.985);opacity:0}}

/* ===== confirm ===== */
.amount-chips{display:flex;gap:8px;flex-wrap:wrap}
.amount-chips button{border:1px solid var(--line-2);background:var(--paper);border-radius:9px;padding:8px 13px;font-family:var(--mono);font-size:13px;cursor:pointer}
.amount-chips button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.receipt-box{background:var(--ivory);border:1px solid var(--line);border-radius:12px;padding:6px 16px}
.receipt-box .kv-row:last-child dd{font-size:17px}
.total-row dd .syn{font-size:17px}

/* ===== stepper ===== */
.stepper{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.stepper li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3);padding:5px 12px 5px 6px;border-radius:30px;border:1px solid var(--line);background:var(--paper)}
.stepper-n{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--sand);font-size:11px;font-family:var(--mono)}
.stepper li.done{color:var(--ink-2)}
.stepper li.done .stepper-n{background:var(--ink);color:var(--paper)}
.stepper li.cur{border-color:var(--ink);color:var(--ink);font-weight:500}
.stepper li.cur .stepper-n{background:var(--ink);color:var(--paper)}

/* ===== relief tracker ===== */
.track{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:6px}
.track-step{position:relative;padding-top:26px}
.track-step:before{content:'';position:absolute;top:10px;left:0;right:0;height:2px;background:var(--line)}
.track-step:first-child:before{left:11px}
.track-step:last-child:before{right:calc(100% - 11px)}
.track-step.done:before{background:var(--ink)}
.track-step .tdot{position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;background:var(--paper);border:2px solid var(--line-2);display:grid;place-items:center;color:var(--paper)}
.track-step.done .tdot{background:var(--ink);border-color:var(--ink)}
.track-step.cur .tdot{border-color:var(--amber);background:var(--amber-bg);color:var(--amber)}
.track-step.fin .tdot{background:var(--emerald);border-color:var(--emerald)}
.track-step b{display:block;font-size:13px;font-weight:600;margin-bottom:2px;padding-right:10px}
.track-step small{display:block;font-size:12px;color:var(--ink-3);padding-right:14px;line-height:1.4}

.hero-relief{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--paper)}
.hero-relief .l{padding:26px 28px}
.hero-relief .r{background:var(--night);color:oklch(0.86 0.01 85);padding:26px 28px;display:flex;flex-direction:column;gap:14px}
.hero-relief .r h3{color:var(--paper);font-family:var(--serif);font-size:20px;font-weight:400}

.task{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--amber-line);background:var(--amber-bg);border-radius:12px}
.task .num{width:26px;height:26px;border-radius:50%;background:var(--amber);color:#fff;display:grid;place-items:center;font-size:12px;font-family:var(--mono);flex:none}

.drop{border:1.5px dashed var(--line-2);border-radius:14px;padding:26px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--ivory);cursor:pointer;color:var(--ink-2)}
.drop:hover{border-color:var(--ink-3)}
.drop.has{border-style:solid;background:var(--paper);flex-direction:row;text-align:left;justify-content:flex-start}
.drop.err{border-color:var(--oxblood);background:var(--oxblood-bg)}
.enc-bar{height:4px;background:var(--sand);border-radius:4px;overflow:hidden;width:100%}
.enc-bar span{display:block;height:100%;background:var(--ink);transition:width .25s}

/* visibility matrix */
.vis{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.vis th,.vis td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center}
.vis th:first-child,.vis td:first-child{text-align:left}
.vis thead th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:500;vertical-align:bottom}
.vis .y{color:var(--ink)}
.vis .n{color:var(--ink-4)}
.vis tr:last-child td{border-bottom:0}

/* flow diagram (encryption) */
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:stretch}
.flow-node{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:14px;position:relative;margin-right:22px}
.flow-node:not(:last-child):after{content:'';position:absolute;right:-18px;top:50%;width:14px;height:1px;background:var(--ink-3)}
.flow-node:last-child{margin-right:0}
.flow-node .k{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.flow-node b{display:block;font-size:13.5px;font-weight:600;margin:4px 0}
.flow-node p{font-size:12px;color:var(--ink-3);line-height:1.4}
.flow-node.dark{background:var(--night);border-color:var(--night);color:oklch(0.85 0.01 85)}
.flow-node.dark b{color:var(--paper)}
.flow-node.dark p,.flow-node.dark .k{color:oklch(0.66 0.02 262)}
.flow-node.pending{border-style:dashed}

/* ===== tax ===== */
.tax-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px;align-items:start}
.tax-inputs{position:sticky;top:76px}
.tax-inputs .panel-pad{display:flex;flex-direction:column;gap:14px}
.combo{position:relative}
.combo-btn{height:42px;border:1px solid var(--line-2);background:var(--paper);border-radius:9px;padding:0 12px;width:100%;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;font-size:14px}
.combo-btn .ph{color:var(--ink-4)}
.combo-pop{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--paper);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 20px 40px -16px oklch(0.2 0.02 262 / .3);z-index:30;overflow:hidden}
.combo-pop .input{border:0;border-bottom:1px solid var(--line);border-radius:0}
.combo-list{max-height:240px;overflow-y:auto;padding:4px}
.combo-opt{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:13.5px;border:0;background:none;width:100%;text-align:left}
.combo-opt:hover,.combo-opt.act{background:var(--sand)}
.combo-opt small{color:var(--ink-3);font-size:11px}
.scen{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.scen-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}
.scen-card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}
.scen-card.rel{border-color:var(--ink-3)}
.scen-card h4{font-size:14.5px;font-weight:600;line-height:1.3}
.scen-card p{font-size:12.5px;color:var(--ink-3);line-height:1.45}
.scen-card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}
.scen-n{font-family:var(--mono);font-size:11px;color:var(--ink-4)}
.verdict{border-radius:14px;padding:18px 20px;border:1px solid var(--line);background:var(--paper)}
.blocker{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.blocker:last-child{border-bottom:0}
.prov{border:1px dashed var(--line-2);border-radius:12px;padding:4px 16px;background:var(--ivory)}
.path-tabs{display:flex;gap:8px;flex-wrap:wrap}
.path-tabs button{border:1px solid var(--line-2);background:var(--paper);border-radius:30px;padding:6px 13px;font-size:12.5px;cursor:pointer;display:flex;gap:6px;align-items:center}
.path-tabs button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

.doc-row{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.doc-row:last-child{border-bottom:0}
.doc-ico{width:40px;height:48px;border-radius:6px;border:1px solid var(--line-2);background:var(--ivory);display:grid;place-items:center;color:var(--ink-3);position:relative}
.doc-ico.dash{border-style:dashed}

.clarity{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);overflow:hidden}
.clarity-head{padding:18px 22px;background:linear-gradient(0deg,var(--paper),var(--ivory));border-bottom:1px solid var(--line)}
.attr{font-size:12.5px;color:var(--ink-3);line-height:1.55}
.attr b{color:var(--ink-2);font-weight:600}

/* empty / loading */
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 24px;border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--paper)}
.empty h3{font-size:22px}
.empty p{max-width:420px;color:var(--ink-3);font-size:13.5px}
.empty-mark{width:48px;height:48px;border-radius:14px;background:var(--sand);display:grid;place-items:center;color:var(--ink-2)}
.empty-err .empty-mark{background:var(--oxblood-bg);color:var(--oxblood)}
.skel{background:linear-gradient(90deg,var(--sand) 0%,oklch(0.965 0.01 82) 50%,var(--sand) 100%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}
.loading-block{display:flex;flex-direction:column;gap:12px}
.skel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

.state-bar{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-3);margin-bottom:18px;flex-wrap:wrap}
.state-bar .seg button{font-size:11.5px;padding:3px 9px}

.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--night);color:var(--paper);padding:11px 16px;border-radius:12px;font-size:13px;z-index:200;display:flex;gap:10px;align-items:center;box-shadow:0 16px 40px -10px oklch(0.2 0.02 262 / .5);animation:pop .2s}

/* charts */
.chart-bars{display:flex;align-items:flex-end;gap:14px;height:120px;padding-top:8px}
.chart-bars .b{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.chart-bars .b span{width:100%;max-width:34px;background:var(--ink);border-radius:5px 5px 2px 2px;display:block}
.chart-bars .b span.zero{background:transparent;border:1px dashed var(--line-2);height:4px !important}
.chart-bars .b small{font-size:11px;color:var(--ink-3)}

.privacy-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.privacy-row:last-child{border-bottom:0}
.privacy-row .t{flex:1}
.privacy-row .t b{font-weight:500;display:block}
.privacy-row .t small{color:var(--ink-3);font-size:12.5px}

.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.about-item{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.about-item h4{font-size:14px;font-weight:600;margin-bottom:6px;display:flex;gap:8px;align-items:center}
.about-item p,.about-item li{font-size:13px;color:var(--ink-2)}
.about-item ul{margin:6px 0 0;padding-left:18px}

.landing{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:8px}
.role-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;text-align:left;cursor:pointer;font:inherit;color:inherit;min-height:250px;transition:box-shadow .2s,border-color .2s,transform .2s}
.role-card:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:translateY(-2px)}
.role-card.dark{background:var(--night);color:oklch(0.85 0.01 85);border-color:var(--night)}
.role-card.dark h3{color:var(--paper)}
.role-card h3{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.01em}
.role-card p{font-size:13.5px;color:var(--ink-3)}
.role-card.dark p{color:oklch(0.7 0.02 262)}
.role-card .go{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}

/* ===== impact & recognition ===== */
.ftag{display:inline-flex;align-items:center;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:500;padding:1px 7px;border-radius:5px;border:1px solid var(--line-2);color:var(--ink-3);background:var(--paper);white-space:nowrap;line-height:1.6}
.ftag-future{border-style:dashed;border-color:var(--amber-line);color:var(--amber);background:var(--amber-bg)}
.ftag-dark{background:transparent;color:oklch(0.78 0.02 262);border-color:oklch(0.4 0.02 262)}
.ftag-dark.ftag-future{color:oklch(0.82 0.09 78);border-color:oklch(0.5 0.07 78)}
.alias{display:inline-flex;align-items:baseline;gap:2px;flex-wrap:wrap}
.alias sup{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;color:var(--ink-4);margin-left:2px;border:1px dotted var(--ink-4);border-radius:3px;padding:0 2px;line-height:1.3;vertical-align:super}
.you-chip{margin-left:8px;font-size:10.5px;font-weight:600;background:var(--ink);color:var(--paper);border-radius:4px;padding:1px 6px;letter-spacing:.04em;text-transform:uppercase;align-self:center}
.alias-preview{padding:8px 14px;border:1px dashed var(--line-2);border-radius:9px;background:var(--ivory);font-family:var(--serif);font-size:20px}
.mtiles{display:grid;grid-template-columns:1.3fr 1fr 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--paper)}
.mtile{padding:20px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.mtile:first-child{border-left:0}
.mtile-v{font-family:var(--serif);font-size:36px;line-height:1.05}
.mtile-v .syn{font-family:var(--serif)}
.mtile-dark{background:var(--night);color:var(--paper)}
.mtile-dark .ledger-k,.mtile-dark .ledger-n{color:oklch(0.7 0.02 262)}
.mtile-dark .syn{text-decoration-color:oklch(0.5 0.02 262)}
.pc-row{display:grid;grid-template-columns:34px minmax(180px,1.3fr) minmax(100px,1.4fr) 140px 150px;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}
.pc-row:last-child{border-bottom:0}
.pc-name{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.pc-name b{font-weight:600;font-size:13.5px}
.pc-bar{height:8px;background:var(--sand);border-radius:6px;overflow:hidden}
.pc-bar span{display:block;height:100%;background:var(--emerald);border-radius:6px;transition:width .4s}
.pc-num{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.pc-num small{font-size:11.5px;color:var(--ink-3)}
.pc-ex{text-align:right}
.cause-tabs{display:flex;gap:6px;flex-wrap:wrap}
.cause-tabs button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:var(--paper);border-radius:30px;padding:6px 13px;font-size:13px;cursor:pointer;color:var(--ink-2)}
.cause-tabs button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ct-f{font-style:normal;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;border:1px dashed currentColor;border-radius:4px;padding:0 4px;opacity:.75}
.lb{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.lb-row{display:grid;grid-template-columns:56px minmax(160px,1.2fr) minmax(180px,1.4fr) minmax(150px,1fr);gap:14px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line)}
.lb-head{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500;background:var(--ivory);padding:9px 16px}
.lb-rank{font-size:22px;color:var(--ink-2);font-feature-settings:"tnum"}
.lb-metric{display:flex;flex-direction:column;gap:5px}
.lb-val{font-size:13.5px}
.lb-bar{height:4px;background:var(--sand);border-radius:4px;overflow:hidden}
.lb-bar span{display:block;height:100%;background:var(--ink-2);border-radius:4px}
.lb-sec{display:flex;gap:12px;flex-wrap:wrap}
.lb-you{background:var(--ivory);box-shadow:inset 3px 0 0 var(--ink)}
.lb-you .lb-bar span{background:var(--emerald)}
.lb-gap{text-align:center;color:var(--ink-4);padding:2px;border-bottom:1px solid var(--line);letter-spacing:.3em}
.lb-foot{padding:10px 16px;background:var(--ivory)}
.share-card{background:var(--night);color:oklch(0.88 0.01 85);border-radius:20px;padding:24px 26px;max-width:460px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -30px oklch(0.2 0.02 262 / .6);position:relative;overflow:hidden}
.share-card:after{content:'SYNTHETIC';position:absolute;right:-30px;top:40%;transform:rotate(-90deg);font-family:var(--mono);font-size:11px;letter-spacing:.4em;color:oklch(0.32 0.02 262)}
.sc-name{font-size:34px;color:var(--paper);line-height:1.05}
.sc-name sup{font-family:var(--mono);font-size:10px;color:oklch(0.6 0.02 262);margin-left:4px}
.sc-sub{font-size:13px;color:oklch(0.72 0.02 262)}
.sc-rows{display:flex;flex-direction:column;border-top:1px solid var(--night-line)}
.sc-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--night-line);font-size:13.5px}
.sc-row .syn{text-decoration-color:oklch(0.5 0.02 262)}
.sc-foot{font-size:11px;color:oklch(0.62 0.02 262);line-height:1.5}
.avatar-anon{width:52px;height:52px;border-radius:50%;background:var(--sand);display:grid;place-items:center;color:var(--ink-3);border:1px dashed var(--line-2)}
@media (max-width:900px){
  .mtiles{grid-template-columns:1fr}
  .mtile{border-left:0;border-top:1px solid var(--line)}
  .pc-row{grid-template-columns:34px 1fr auto;row-gap:8px}
  .pc-bar{grid-column:2 / -1}
  .pc-ex{grid-column:2 / -1;text-align:left}
  .lb-row{grid-template-columns:40px 1fr;row-gap:6px}
  .lb-metric,.lb-sec{grid-column:2}
  .lb-head{display:none}
}

/* ===== v3: elevation, dimensional accents, mobile/Android layer ===== */
:root{
  --lift: 0 1px 0 oklch(1 0 0 / .7) inset, 0 1px 2px oklch(0.2 0.02 262 / .05), 0 14px 32px -20px oklch(0.2 0.02 262 / .22);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --tabbar-h: 64px;
}
body.no-scroll{overflow:hidden}
.skip{position:absolute;left:12px;top:-60px;z-index:400;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:9px;text-decoration:none;font-size:13px}
.skip:focus{top:12px}
#main:focus{outline:none}
.app{background:radial-gradient(1200px 520px at 85% -10%, oklch(0.95 0.025 250 / .5), transparent 70%), var(--ivory)}
.panel,.case-card,.ledger,.mtiles,.tbl-wrap,.lb,.clarity{box-shadow:var(--lift)}
.case-card{border-radius:18px}
.case-card:hover{transform:translateY(-1px)}
.case-card,.scen-card,.role-card{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}
.cause-art{display:block;flex:none;filter:drop-shadow(0 6px 10px oklch(0.25 0.03 262 / .12))}
.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.btn-primary{box-shadow:0 1px 0 oklch(1 0 0 / .14) inset,0 6px 16px -8px oklch(0.2 0.02 262 / .6)}
.btn[aria-busy="true"]{opacity:.7;cursor:progress}

/* demo strip (persistent) */
.demo-strip{display:none}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr);gap:28px;align-items:center}
.hero-h{font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.025em;max-width:820px}
.hero-sculpt{position:relative;height:340px}
.hs-disc{position:absolute;inset:30px 10px 10px 40px;border-radius:50%;background:radial-gradient(circle at 35% 30%, oklch(0.99 0.01 85), oklch(0.92 0.025 80) 60%, oklch(0.86 0.03 78));box-shadow:0 40px 60px -40px oklch(0.25 0.03 262 / .45), inset 0 -20px 40px oklch(0.8 0.03 78 / .5)}
.hs-ring{position:absolute;inset:6px 0 40px 70px;border-radius:50%;border:1px solid oklch(0.2 0.02 262 / .12);transform:rotate(-18deg) scaleY(.42)}
.hs-art{position:absolute;display:block}
.hs-a1{left:18%;top:16%;animation:float 9s ease-in-out infinite}
.hs-a2{right:6%;top:6%;animation:float 11s ease-in-out infinite reverse}
.hs-a3{left:6%;bottom:12%;animation:float 13s ease-in-out infinite}
.hs-card{position:absolute;right:4%;bottom:14%;background:var(--paper);border:1px solid var(--emerald-line);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;box-shadow:var(--lift)}
.hs-k{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald)}
.hs-v{font-size:13.5px;font-weight:600}
@keyframes float{50%{transform:translateY(-8px)}}

/* category chips */
.cat-scroller{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;margin-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.cat-chip{display:inline-flex;align-items:center;gap:9px;flex:none;border:1px solid var(--line-2);background:var(--paper);border-radius:14px;padding:6px 12px 6px 6px;font-size:13px;cursor:pointer;color:var(--ink-2);min-height:44px}
.cat-chip.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font-weight:500}
.ct-p{opacity:.6}
.future-empty{display:flex;gap:22px;align-items:center;padding:26px;border:1px dashed var(--amber-line);border-radius:18px;background:linear-gradient(135deg,var(--paper),var(--amber-bg))}

/* simulate panel */
.sim-panel{border:1px dashed var(--line-2);border-radius:12px;padding:12px 14px;background:var(--ivory)}

/* notifications */
.bell{position:relative}
.bell-dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:10px;background:var(--amber);color:#fff;font-size:10px;font-family:var(--mono);display:grid;place-items:center;padding:0 4px}
.notif{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:flex-start;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;width:100%;min-height:48px}
.notif:hover{border-color:var(--line-2)}
.notif.read{opacity:.62}
.notif-main b{display:block;font-size:13.5px;font-weight:600}
.notif-main small{font-size:12.5px;color:var(--ink-3)}
.notif-ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--sand)}
.tone-ok{background:var(--emerald-bg);color:var(--emerald)}
.tone-review{background:var(--amber-bg);color:var(--amber)}
.tone-unknown{background:var(--slate-bg);color:var(--slate)}
.tone-bad{background:var(--oxblood-bg);color:var(--oxblood)}

/* top bar extras */
.tb-title{display:none;min-width:0}
.tb-back{display:none}
.vs-select{height:34px !important;width:auto !important;font-size:12.5px !important;padding:0 8px !important}

/* more sheet */
.more-list{display:flex;flex-direction:column;gap:6px}
.more-item{display:flex;align-items:center;gap:12px;min-height:52px;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:6px 14px 6px 8px;font:inherit;color:inherit;cursor:pointer;text-align:left}
.more-item span:nth-child(2){flex:1;font-weight:500}
.more-item.on{border-color:var(--ink)}
.role-switch-light{background:var(--sand);border-color:var(--line);margin:0}
.role-switch-light button{color:var(--ink-3);min-height:48px}
.role-switch-light button small{color:var(--ink-4)}

/* bottom tab bar — hidden on desktop */
.tabbar{display:none}
.sheet-grip{display:none}

/* viewport preview */
.vp-wrap{min-height:100vh;background:var(--night);display:flex;flex-direction:column}
.vp-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px;color:var(--paper);border-bottom:1px solid var(--night-line);position:sticky;top:0;background:var(--night);z-index:5}
.vp-sizes{display:flex;gap:4px;flex-wrap:wrap}
.vp-sizes button{background:var(--night-2);border:1px solid var(--night-line);color:oklch(0.8 0.01 85);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}
.vp-sizes button.on{background:var(--ivory);color:var(--night)}
.vp-stage{flex:1;overflow:auto;padding:28px;display:flex;justify-content:center;align-items:flex-start}
.vp-stage iframe{border:0;background:var(--ivory);border-radius:14px;box-shadow:0 40px 80px -30px #000;flex:none}
.vp-stage iframe.vp-phone{border-radius:34px;outline:10px solid oklch(0.12 0.02 262)}

/* tax inputs disclosure */
.tax-inputs-toggle{display:none;width:100%;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;color:inherit;text-align:left}
.tax-chev{transition:transform .2s}
.tax-inputs.open .tax-chev{transform:rotate(180deg)}

/* ===== responsive ===== */
@media (max-width:1180px){
  .ledger{grid-template-columns:repeat(3,1fr)}
  .ledger-cell:first-child{grid-column:1 / -1}
  .ledger-cell:nth-child(2),.ledger-cell:nth-child(5){border-left:0}
  .ledger-cell{border-top:1px solid var(--line)}
  .split,.tax-layout{grid-template-columns:1fr}
  .tax-inputs{position:static}
  .flow{grid-template-columns:1fr 1fr;gap:12px}
  .flow-node{margin-right:0}.flow-node:after{display:none}
}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:150;transform:translateX(-100%);transition:transform .25s}
  .side.open{transform:none;box-shadow:20px 0 60px oklch(0 0 0 / .35)}
  .mob-menu{display:grid}
  .topbar{padding:10px 16px}
  .content{padding:22px 16px 80px}
  .page-head{flex-direction:column;align-items:flex-start}
  .page-head h1{font-size:32px}
  .grid-2,.grid-3,.hero-relief,.about-grid,.landing{grid-template-columns:1fr}
  .track{grid-template-columns:1fr;gap:4px}
  .track-step{padding:0 0 14px 36px}
  .track-step:before{top:0;bottom:0;left:10px;right:auto;width:2px;height:auto}
  .track-step:first-child:before{left:10px;top:11px}
  .track-step:last-child:before{display:none}
  .act{grid-template-columns:auto 1fr;row-gap:6px}
  .act > :nth-child(3),.act > :nth-child(4){grid-column:2}
  .demo-chip span.long{display:none}
  .crumbs{display:none}
}
@media (max-width:560px){
  .ledger{grid-template-columns:1fr 1fr}
  .ledger-cell:nth-child(n){border-left:1px solid var(--line)}
  .ledger-cell:nth-child(2n){border-left:0}
  .ledger-cell:first-child{border-left:0}
  .ledger-v{font-size:19px}
  .flow{grid-template-columns:1fr}
  .drawer-foot .btn{flex:1}
}
/* ===== tablet & phone: Android-style shell ===== */
@media (max-width:1100px){
  .hero{grid-template-columns:1fr}
  .hero-sculpt{height:220px;max-width:460px}
  .hs-a1 svg{width:96px;height:96px}
  .hs-a2 svg{width:70px;height:70px}
  .hs-a3{display:none}
}
@media (max-width:900px){
  html,body{overflow-x:hidden}
  .app,.main,.content{max-width:100vw;min-width:0}
  .content{padding:18px 16px calc(var(--tabbar-h) + var(--safe-b) + 28px)}
  .app:not(.has-tabs) .content{padding-bottom:40px}
  .demo-strip{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11.5px;color:var(--ink-2);background:var(--amber-bg);border-bottom:1px solid var(--amber-line);padding:5px 12px;text-align:center}
  .demo-strip i{width:6px;height:6px;border-radius:50%;background:var(--amber);flex:none}
  .demo-chip{display:none}
  .topbar{padding:8px 8px 8px 6px;gap:4px;min-height:60px}
  .tb-title{display:flex;flex-direction:column;flex:1;line-height:1.15;padding-left:4px}
  .tb-title small{font-size:11px;color:var(--ink-3);letter-spacing:.04em}
  .tb-title b{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tb-back{display:grid}
  .tb-back ~ .mob-menu{display:none}
  .icon-btn{width:48px;height:48px;border-radius:14px}
  .top-tools{margin-left:auto;gap:2px}
  .vs-select{max-width:118px}
  .vp-btn{display:none}
  .page-head{margin-bottom:18px;gap:14px}
  .page-head h1{font-size:30px}
  .lede{font-size:14.5px}
  .page-head-actions{justify-content:flex-start;width:100%}
  .page-head-actions .btn{flex:1 1 auto}
  .sec-title{margin:28px 0 12px;flex-wrap:wrap}
  .sec-title h2{font-size:21px}
  /* touch targets */
  .btn{min-height:48px;padding:0 16px;font-size:14px;border-radius:12px}
  .btn-sm{min-height:44px;height:44px;padding:0 13px}
  .seg button{min-height:40px;padding:6px 12px}
  .input,.select{height:48px;font-size:16px}
  textarea.input{font-size:16px}
  .check{min-height:44px;align-items:flex-start;padding-top:2px}
  .check .box{width:22px;height:22px}
  .toggle{width:48px;height:28px}
  .toggle span{width:22px;height:22px}
  .toggle.on span{transform:translateX(20px)}
  .act{min-height:64px;padding:12px 14px}
  .path-tabs button,.cause-tabs button{min-height:44px}
  .amount-chips button{min-height:48px;padding:10px 14px}
  .toolbar{gap:8px}
  .toolbar .spacer{display:none}
  .toolbar > .seg{max-width:100%;overflow-x:auto}
  /* bottom tabs */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:120;background:oklch(0.992 0.005 85 / .96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:6px 6px calc(6px + var(--safe-b));box-shadow:0 -10px 30px -18px oklch(0.2 0.02 262 / .3)}
  .tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;background:none;border:0;cursor:pointer;color:var(--ink-3);font-size:11.5px;border-radius:14px}
  .tab-ico{display:grid;place-items:center;width:56px;height:30px;border-radius:16px;transition:background .2s}
  .tabbar button.on{color:var(--ink);font-weight:600}
  .tabbar button.on .tab-ico{background:var(--sand);box-shadow:inset 0 0 0 1px var(--line-2)}
  .toast{bottom:calc(var(--tabbar-h) + var(--safe-b) + 18px);max-width:calc(100vw - 32px)}
  /* full-height sheets */
  .overlay{align-items:flex-end}
  .drawer{width:100% !important;height:auto;max-height:calc(100dvh - 24px);border-radius:22px 22px 0 0;animation:sheetUp .24s cubic-bezier(.2,.8,.2,1)}
  .drawer-wide{height:calc(100dvh - 24px)}
  .overlay-center{padding:0;align-items:flex-end}
  .modal{max-width:100% !important;max-height:calc(100dvh - 12px);border-radius:22px 22px 0 0;animation:sheetUp .24s cubic-bezier(.2,.8,.2,1)}
  .sheet-grip{display:block;width:40px;height:4px;border-radius:4px;background:var(--line-2);margin:8px auto 0}
  .drawer-head{padding:10px 16px 12px}
  .drawer-head h2{font-size:21px}
  .drawer-body,.modal-body{padding:16px}
  .drawer-foot{padding:12px 16px calc(12px + var(--safe-b));border-radius:0}
  .drawer-foot .btn{flex:1 1 140px}
  /* layouts */
  .split,.tax-layout{gap:0}
  .split > .stack{margin-top:22px !important}
  .case-grid{grid-template-columns:1fr}
  .future-empty{flex-direction:column;align-items:flex-start;padding:20px}
  .tax-inputs-toggle{display:flex;min-height:56px}
  .tax-inputs-static{display:none}
  .tax-inputs:not(.open) #tax-inputs-body{display:none}
  .tbl-wrap{margin:0 -16px;border-radius:0;border-left:0;border-right:0}
  .tbl th,.tbl td{padding:11px 12px}
  .hero-relief .l,.hero-relief .r{padding:20px}
  .landing .role-card{min-height:0}
  .scen{grid-template-columns:1fr}
  .lb-row{padding:12px 14px}
  .notif{grid-template-columns:36px 1fr}
  .notif > .tiny{grid-column:2}
  .state-bar .path-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}
  .state-bar .path-tabs button{flex:none}
  .flow-node{margin:0}
  .vis{font-size:12px}
  .vis th,.vis td{padding:8px 6px}
  .share-card{max-width:100%}
  .mtile-v{font-size:30px}
}
@media (max-width:420px){
  .page-head h1{font-size:27px}
  .hero-h{font-size:34px}
  .ledger-cell{padding:14px}
  .case-amt{font-size:23px}
  .pc-row{padding:12px 14px;gap:10px}
  .vs-select{max-width:96px;font-size:12px !important}
  .tabbar button{font-size:11px}
  .tab-ico{width:48px}
  .kv-row{font-size:13px}
  .stepper li .stepper-l{display:none}
  .stepper li.cur .stepper-l{display:inline}
}
@keyframes sheetUp{from{transform:translateY(24px);opacity:.4}}
@media (hover:none){
  .case-card:hover{transform:none}
  .btn:active,.act:active,.more-item:active,.tabbar button:active{background:var(--sand)}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}


/* =====================================================================
   v4 · HiSignly-inspired refinement
   Sage paper, forest ink, lime highlight, Manrope/DM Sans, task-first
   ===================================================================== */
:root{
  --ivory:#f7f8f2; --paper:#ffffff; --sand:#eef1e7; --line:#dee3d8; --line-2:#c9d2c1;
  --ink:#183e33; --ink-2:#2f5145; --ink-3:#5d6c62; --ink-4:#8d9a90;
  --night:#163e31; --night-2:#1f4b3c; --night-line:#2d5a49;
  --forest:#287450; --lime:#d5ecc0; --lime-2:#e8f4dc;
  --emerald:#22754c; --emerald-bg:#e3f2e3; --emerald-line:#a9d3b2;
  --serif:'Manrope', system-ui, sans-serif;
  --sans:'DM Sans', system-ui, sans-serif;
  --r-lg:22px; --r:12px;
  --lift:0 1px 2px #163e310a, 0 12px 32px -18px #163e3124;
  --focus:#a35a24;
}
html,body{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--ivory)}
.app{background:var(--ivory)}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible,.btn:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--focus) !important;outline-offset:4px !important;border-radius:10px}

/* type */
.serif{font-family:var(--serif);font-weight:700;letter-spacing:-.025em}
.page-head h1,.hero-h{font-family:var(--serif);font-weight:700;letter-spacing:-.04em;line-height:1.08}
.page-head h1{font-size:44px}
.page-head h1 em,.hero-h em{font-style:normal;color:var(--forest)}
.hero-h{font-size:clamp(40px,5vw,72px)}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;color:#4b6a49}
.lede{color:var(--ink-3);font-size:16px;line-height:1.7}
.sec-title h2{font-size:22px;font-weight:700}
.drawer-head h2{font-weight:700}

/* sidebar: light, like HiSignly app shell */
.side{background:var(--paper);color:var(--ink);border-right:1px solid var(--line)}
.brand-name{color:var(--ink);font-family:var(--serif);font-weight:800;font-size:19px;letter-spacing:-.03em}
.brand-sub{color:var(--ink-3)}
.brand-mark{background:var(--forest);color:#fff;border-radius:11px}
.role-switch{background:var(--sand);border-color:var(--line)}
.role-switch button{color:var(--ink-3);min-height:46px}
.role-switch button small{color:var(--ink-4)}
.role-switch button.on{background:var(--night);color:#fff;box-shadow:0 6px 14px -8px #163e3199}
.role-switch button.on small{color:var(--lime)}
.nav-label{color:var(--ink-4)}
.nav a,.nav button{color:var(--ink-2);min-height:44px;font-size:14px;border-radius:12px}
.nav a:hover,.nav button:hover{background:var(--sand);color:var(--ink)}
.nav .on{background:var(--lime-2);color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--forest)}
.nav .count{background:var(--sand);color:var(--ink-2)}
.nav .count.amber{background:var(--amber-bg);color:var(--amber)}
.side-foot{border-top-color:var(--line);color:var(--ink-3)}
.side-foot strong{color:var(--ink)}

/* topbar */
.topbar{background:#f7f8f2e6;border-bottom-color:var(--line)}
.demo-chip{background:var(--paper);border-color:var(--line-2)}

/* buttons: confident, 48px+ */
.btn{height:46px;padding:0 20px;border-radius:12px;font-weight:600;font-size:14px;border-color:#aab9a4;background:transparent}
.btn:hover{background:#e2eadb;transform:translateY(-1px)}
.btn-primary{background:var(--forest);border-color:var(--forest);color:#fff;box-shadow:0 8px 18px -10px #28745099}
.btn-primary:hover{background:#205f42}
.btn-ghost{border-color:transparent}
.btn-sm{height:38px;padding:0 14px;font-size:13px;border-radius:10px}
.btn-danger{background:var(--paper)}
.icon-btn{border-radius:50%}
.icon-btn.on{background:var(--forest);color:#fff}
.link{text-decoration-color:var(--forest);text-underline-offset:5px;font-weight:600}

/* segmented & chips */
.seg{background:var(--sand);border-color:var(--line);border-radius:14px}
.seg button{border-radius:10px}
.seg button.on{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #163e3120}
.path-tabs button,.cause-tabs button{border-radius:30px;min-height:40px}
.path-tabs button.on,.cause-tabs button.on{background:var(--night);border-color:var(--night)}
.cat-chip.on{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:var(--lime-2)}

/* surfaces */
.panel,.case-card,.tbl-wrap,.lb,.clarity,.empty{border-radius:var(--r-lg);border-color:var(--line);box-shadow:var(--lift)}
.case-card{padding:20px}
.panel-head h3{font-family:var(--serif);font-weight:700}
.meter span{background:var(--forest)}
.pc-bar span,.lb-you .lb-bar span{background:var(--forest)}
.chk.ok .ico{color:var(--forest)}

/* ledger hero: deep forest with lime */
.ledger{border-radius:var(--r-lg);box-shadow:var(--lift)}
.ledger-cell:first-child,.ledger-cell:first-child:hover{background:var(--night)}
.ledger-cell:first-child .ledger-k{color:var(--lime)}
.ledger-cell:first-child .ledger-v,.ledger-cell:first-child .syn{font-family:var(--serif);font-weight:700;letter-spacing:-.03em}
.ledger-cell.on{background:var(--lime-2);box-shadow:inset 0 -3px 0 var(--forest)}
.mtile-dark{background:var(--night)}
.mtile-dark .ledger-k{color:var(--lime) !important}
.mtile-v,.mtile-v .syn{font-family:var(--serif);font-weight:700;letter-spacing:-.03em}
.case-amt .syn{font-family:var(--serif);font-weight:700}
.sw-settled{background:var(--forest)}

/* hero relief card */
.hero-relief .r{background:var(--night)}
.hero-relief .r h3{font-family:var(--serif);font-weight:700;color:#fff}
.track-step.done .tdot,.track-step.done:before{background:var(--forest);border-color:var(--forest)}
.stepper li.done .stepper-n,.stepper li.cur .stepper-n{background:var(--forest)}
.stepper li.cur{border-color:var(--forest)}

/* tasks — HiSignly hero-btn pattern */
.tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 16px}
.task-btn{display:flex;align-items:center;gap:14px;text-align:left;min-height:84px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font:inherit;color:inherit;box-shadow:var(--lift);transition:transform .2s,border-color .2s,background .2s}
.task-btn:hover{transform:translateY(-2px);border-color:#aab9a4}
.task-ico{width:44px;height:44px;border-radius:14px;background:var(--lime-2);color:var(--forest);display:grid;place-items:center;flex:none}
.task-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.task-txt b{font-family:var(--serif);font-weight:700;font-size:15.5px;letter-spacing:-.01em}
.task-txt small{font-size:12.5px;color:var(--ink-3);line-height:1.4}
.task-go{color:var(--ink-4);transition:transform .2s}
.task-btn:hover .task-go{transform:translateX(3px);color:var(--ink)}
.task-primary{background:var(--night);border-color:var(--night);color:#fff}
.task-primary .task-ico{background:var(--lime);color:var(--night)}
.task-primary .task-txt small{color:#c9dccd}
.task-primary .task-go{color:var(--lime)}
.task-primary:hover{border-color:var(--night);background:#1b4a3a}

/* trust chips + boundary sentence */
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 26px}
.trust-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.trust-chips li{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--lime-2);border:1px solid #cfe3bc;border-radius:30px;padding:5px 12px}
.trust-chips li .ico{color:var(--forest)}
.trust-boundary{font-size:12.5px;color:var(--ink-3);flex:1 1 320px;line-height:1.5}

/* journey strip */
.journey{display:grid;grid-template-columns:minmax(220px,.8fr) 2.2fr;gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px}
.journey h2{font-size:24px;line-height:1.2;margin-top:2px}
.journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.journey li{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.journey li b{font-family:var(--serif);font-size:14px;font-weight:700;display:flex;gap:6px;align-items:center}
.journey li span{font-size:12.5px;color:var(--ink-3)}
.journey li:first-child{background:var(--lime-2);border-color:#cfe3bc}

/* landing role cards */
.role-card{border-radius:24px;box-shadow:var(--lift)}
.role-card h3{font-family:var(--serif);font-weight:700;letter-spacing:-.03em}
.role-card.dark{background:var(--night);border-color:var(--night)}
.role-card.dark .go{color:var(--lime)}
.role-card.dark p{color:#c3d3c7}
.hs-disc{background:radial-gradient(circle at 35% 30%, #ffffff, #e9f2df 55%, #cfe3bc)}
.hs-card{border-color:#a9d3b2}
.hs-k{color:var(--forest)}

/* notices & pills keep semantics; soften corners */
.notice{border-radius:16px}
.notice-ink{background:var(--night)}
.pill-ink{background:var(--night);border-color:var(--night)}
.you-chip{background:var(--forest)}

/* tables & lists */
.tbl th{color:var(--ink-3)}
.tbl tbody tr:hover td,.act:hover{background:#f3f6ee}
.act-ico{background:var(--sand)}
.lb-head,.lb-foot{background:#f3f6ee}
.lb-you{background:var(--lime-2);box-shadow:inset 3px 0 0 var(--forest)}

/* share card */
.share-card{background:var(--night)}

/* bottom tab bar & sheets */
.tabbar button.on .tab-ico{background:var(--lime);box-shadow:none;color:var(--night)}
.more-item.on{border-color:var(--forest);background:var(--lime-2)}
.demo-strip{background:#fff6e5}

@media (max-width:1100px){
  .tasks{grid-template-columns:1fr}
  .journey{grid-template-columns:1fr}
  .journey ol{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .page-head h1{font-size:31px}
  .task-btn{min-height:72px;padding:14px}
  .trust-boundary{flex-basis:100%}
}
@media (max-width:420px){
  .journey ol{grid-template-columns:1fr}
  .page-head h1{font-size:28px}
}

.hero-relief .r .btn,.notice-ink .btn{color:#fff;border-color:#5f8a76;background:#ffffff12}
.hero-relief .r .btn:hover,.notice-ink .btn:hover{background:#ffffff24}
.hero-relief .r .syn{text-decoration-color:#7fa190}

/* fix: screen-reader-only text must never extend layout */
.sr{position:absolute !important;left:0;top:0;width:1px !important;height:1px !important;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.tbl-wrap,.lb,.panel,.drawer-body,.modal-body{position:relative}

/* build fix: #main receives programmatic focus on route change (skip-link target); never draw the v4 focus ring on it */
#main:focus,#main:focus-visible{outline:none !important}

/* ===== Common ground (values layer) ===== */
.cg-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr);gap:28px;align-items:center;margin-bottom:34px}
.cg-h{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
.cg-h em{font-style:normal;color:var(--forest)}
.cg-hero .trust-row{margin-top:18px}
.cg-rings{width:100%;max-width:320px;justify-self:center}
.cg-explorer{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:stretch}
.cg-tabs{display:flex;flex-direction:column;gap:6px}
.cg-tabs button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;min-height:52px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink);transition:background .2s,border-color .2s}
.cg-tabs button b{font-size:13.5px;font-weight:600}
.cg-tabs button small{font-size:11.5px;color:var(--ink-3)}
.cg-tabs button:hover{background:var(--sand)}
.cg-tabs button.on{background:var(--lime-2);border-color:#cfe3bc;box-shadow:inset 3px 0 0 var(--forest)}
.cg-lens{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 28px;display:grid;gap:22px;box-shadow:var(--lift)}
.cg-quote blockquote{margin:12px 0 10px;font-family:var(--serif);font-weight:600;font-size:clamp(19px,2vw,24px);line-height:1.35;letter-spacing:-.02em;color:var(--ink)}
.cg-src{font-size:12.5px;color:var(--forest);text-decoration:underline;text-underline-offset:3px;display:inline-flex;gap:5px;align-items:center}
.cg-map{display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.2fr);gap:14px;align-items:stretch}
.cg-step{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--ivory,#f7f8f2);display:flex;flex-direction:column;gap:6px}
.cg-step b{font-size:15px;font-weight:600;color:var(--ink)}
.cg-step p{font-size:13.5px;color:var(--ink-2)}
.cg-step .btn{align-self:flex-start;margin-top:4px}
.cg-rule{background:var(--lime-2);border-color:#cfe3bc}
.cg-k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#4b6a49;font-weight:650}
.cg-arrow{align-self:center;color:var(--ink-4)}
.cg-convergence{margin:28px 0 8px;background:var(--night);border-color:var(--night);color:#fff}
.cg-convergence .eyebrow{color:var(--lime)}
.cg-conv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:6px}
.cg-conv-grid b{font-size:22px;color:#fff;display:block;margin-bottom:4px}
.cg-conv-grid .muted{color:#c3d6c6}
.cg-intent{border:1px dashed var(--line-2);border-radius:12px;padding:10px 14px;background:#fff}
.cg-intent summary{cursor:pointer;display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:500;min-height:28px;list-style:none}
.cg-intent summary::-webkit-details-marker{display:none}
.cg-intent-body{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.cg-teaser{margin-top:28px;display:flex;gap:18px;align-items:center;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;width:100%;text-align:left;color:var(--ink);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.cg-teaser:hover{transform:translateY(-1px)}
.cg-teaser svg.cg-rings{width:64px;flex:none}
.cg-teaser b{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:-.02em}
@media (max-width:1100px){.cg-hero{grid-template-columns:1fr}.cg-hero .cg-rings{max-width:220px}.cg-explorer{grid-template-columns:1fr}.cg-tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.cg-tabs button{flex:none}.cg-conv-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.cg-map{grid-template-columns:1fr}.cg-arrow{transform:rotate(90deg);justify-self:center}.cg-lens{padding:20px 18px}.cg-hero .cg-rings{display:none}.cg-conv-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cg-teaser,.cg-tabs button{transition:none}.cg-teaser:hover{transform:none}}

/* ===== Imagery (outcome-only, labelled) ===== */
.photo{position:relative;margin:0;overflow:hidden;border-radius:22px;background:var(--night)}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-cap{position:absolute;left:10px;bottom:10px;display:inline-flex;gap:5px;align-items:center;font-size:10.5px;letter-spacing:.02em;color:#fff;background:rgba(22,62,49,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 9px 4px 7px;border-radius:30px}
.hero-photo-wrap{position:relative;height:440px}
.hero-photo{height:100%;box-shadow:0 30px 60px -30px #163e3166}
.hero-photo-card{position:absolute;left:-18px;bottom:46px}
.moment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin:34px 0;padding:0}
.moment.flip .moment-photo{order:2}
.moment-photo{aspect-ratio:3/2}
.moment-copy h2{font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-.03em;margin-bottom:12px;color:var(--ink)}
.moment-copy .btn{margin-top:14px}
.moment.dark{background:var(--night);border-radius:24px;padding:18px;color:#d8e6da}
.moment.dark .moment-copy{padding:10px 16px}
.moment.dark h2{color:#fff}
.moment.dark .eyebrow{color:var(--lime)}
.moment.dark .moment-photo{aspect-ratio:16/9}
.credited-photo{aspect-ratio:3/2;border-radius:14px;margin-bottom:4px}
.cg-lights{position:relative;margin:28px 0 0;border-radius:24px;overflow:hidden}
.cg-lights .photo{border-radius:0;aspect-ratio:16/7}
.cg-lights figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 26px;display:flex;flex-direction:column;gap:4px;color:#e9f1ea;background:linear-gradient(to top,rgba(22,62,49,.92),rgba(22,62,49,0))}
.cg-lights .eyebrow{color:var(--lime);margin:0}
.cg-lights b{font-size:clamp(20px,2.4vw,28px);color:#fff}
.cg-lights + .cg-convergence{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.cg-lights{border-bottom-left-radius:0;border-bottom-right-radius:0}
@media (max-width:1100px){.hero-photo-wrap{height:320px;margin-top:8px}.hero-photo-card{left:12px;bottom:44px}}
@media (max-width:760px){.moment{grid-template-columns:1fr;gap:16px}.moment.flip .moment-photo{order:0}.cg-lights .photo{aspect-ratio:4/3}.cg-lights figcaption{padding:16px}}
@media (max-width:560px){.hero-photo-wrap{height:260px}}