: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}}

/* ===== Public landing + sign-in ===== */
.pub{min-height:100vh;background:var(--ivory);color:var(--ink);outline:none}
.pub-demo{background:#fff6e5;color:oklch(0.42 0.09 68);font-size:12px;text-align:center;padding:6px 12px;border-bottom:1px solid oklch(0.84 0.07 78);display:flex;gap:8px;justify-content:center;align-items:center}
.pub-demo i{width:7px;height:7px;border-radius:50%;background:oklch(0.62 0.13 68);display:inline-block}
.pub-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px clamp(16px,4vw,48px);background:rgba(247,248,242,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.pub-brand{display:flex;gap:10px;align-items:center;background:none;border:0;cursor:pointer;text-align:left;padding:0}
.pub-brand .brand-name,.pub-brand .brand-sub{display:block}
.pub-links{display:flex;gap:22px;margin-left:auto;font-size:14px}
.pub-links a{color:var(--ink-2);text-decoration:none}
.pub-links a:hover{color:var(--forest)}
.pub-nav-cta{display:flex;gap:8px;margin-left:auto}
.pub-links + .pub-nav-cta{margin-left:0}
.pub section,.pub .pub-ground,.pub-foot{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}
.pub-eyebrow{color:#4b6a49;font-weight:650;letter-spacing:.16em;font-size:11px}
.pub-eyebrow-light{color:var(--lime)!important}
.pub-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:clamp(28px,5vw,64px);padding-bottom:36px}
.pub-h1{font-size:clamp(42px,6.2vw,84px);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:6px 0 20px}
.pub-h1 em,.pub-h2 em,.auth-h em{font-style:normal;color:var(--forest)}
.pub-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--ink-3);max-width:600px}
.pub-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;max-width:640px}
.pub-door{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:18px 48px 18px 20px;border-radius:18px;border:1px solid var(--line-2);background:#fff;color:var(--ink);cursor:pointer;min-height:96px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.pub-door:hover{transform:translateY(-2px);box-shadow:var(--lift)}
.pub-door b{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:-.02em}
.pub-door-k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#4b6a49;font-weight:650}
.pub-door-s{font-size:13px;color:var(--ink-3)}
.pub-door > svg{position:absolute;right:18px;top:50%;transform:translateY(-50%)}
.pub-door-dark{background:var(--night);border-color:var(--night);color:#fff;box-shadow:0 14px 30px -18px #163e31aa}
.pub-door-dark .pub-door-k{color:var(--lime)}
.pub-door-dark .pub-door-s{color:#c3d6c6}
.pub-ticks{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--ink-2)}
.pub-ticks li{display:flex;gap:6px;align-items:center}
.pub-ticks svg{color:var(--forest)}
.pub-hero-art{position:relative}
.pub-hero-photo{aspect-ratio:4/5;max-height:620px;box-shadow:0 40px 80px -40px #163e3180}
.pub-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:var(--lift);font-size:13px;display:flex;flex-direction:column;gap:2px}
.pub-float-a{left:-28px;bottom:70px}
.pub-float-b{right:-18px;top:34px;flex-direction:row;gap:6px;align-items:center}
.pub-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:30px!important;padding-bottom:30px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pub-lines b{display:block;font-size:clamp(20px,2vw,26px);line-height:1.15;letter-spacing:-.03em;margin-bottom:6px}
.pub-lines p{font-size:14px;color:var(--ink-3)}
.pub-h2{font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:800;margin:6px 0 16px}
.pub-problem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:72px;padding-bottom:40px}
.pub-problem p{font-size:16px;line-height:1.6;color:var(--ink-2);margin-bottom:12px}
.pub-strong{font-weight:600;color:var(--ink)!important}
.pub-problem-photo{aspect-ratio:3/2}
.pub-how{padding-top:56px;padding-bottom:40px}
.pub-steps{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pub-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;gap:8px}
.pub-steps li:first-child{background:var(--lime-2);border-color:#cfe3bc}
.pub-step-n{position:absolute;right:16px;top:12px;font-family:var(--serif);font-weight:800;font-size:34px;color:var(--line-2);line-height:1}
.pub-step-ico{width:40px;height:40px;border-radius:12px;background:var(--lime-2);color:var(--forest);display:grid;place-items:center}
.pub-steps li:first-child .pub-step-ico{background:#fff}
.pub-steps b{font-size:15.5px;font-weight:650}
.pub-steps p{font-size:13.5px;color:var(--ink-3)}
.pub-moment{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,3vw,40px);align-items:center;background:var(--night);color:#d8e6da;border-radius:28px;padding:22px!important;margin-top:48px;max-width:1200px}
.pub-moment h2{color:#fff}
.pub-moment p{font-size:16px;line-height:1.6;margin-bottom:18px}
.pub-moment-photo{aspect-ratio:3/2}
.pub-truths{padding-top:72px;padding-bottom:30px}
.pub-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.pub-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}
.pub-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:58px;font-weight:600;font-size:15px}
.pub-faq summary::-webkit-details-marker{display:none}
.pub-faq details[open] summary svg{transform:rotate(45deg)}
.pub-faq summary svg{transition:transform .2s;flex:none;color:var(--forest)}
.pub-faq p{padding:0 0 16px;font-size:14px;color:var(--ink-2);line-height:1.55}
.pub-share{padding-top:56px;padding-bottom:30px}
.pub-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.pub-share-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;text-align:left;min-height:150px;padding:20px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s}
.pub-share-card:hover{transform:translateY(-2px);border-color:var(--forest)}
.pub-share-card .serif{font-size:clamp(19px,1.8vw,23px);line-height:1.2;letter-spacing:-.025em;font-weight:700}
.pub-share-card:nth-child(3n+1){background:var(--lime-2);border-color:#cfe3bc}
.pub-share-card.done{border-color:var(--forest)}
.pub-share-act{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--forest);font-weight:600}
.pub .pub-ground{display:block;position:relative;width:calc(100% - 2*clamp(16px,4vw,48px));padding:0!important;margin-top:56px;border:0;border-radius:24px;overflow:hidden;cursor:pointer;text-align:left;background:var(--night)}
.pub-ground-photo{border-radius:0;aspect-ratio:16/6}
.pub-ground-copy{position:absolute;inset:auto 0 0 0;padding:24px 28px;display:flex;flex-direction:column;gap:6px;color:#e9f1ea;background:linear-gradient(to top,rgba(22,62,49,.94),rgba(22,62,49,0))}
.pub-ground-copy b{font-size:clamp(20px,2.4vw,30px);color:#fff;letter-spacing:-.03em;max-width:760px}
.pub-ground-copy .eyebrow{margin:0}
.pub-final{text-align:center;padding-top:72px;padding-bottom:56px;display:flex;flex-direction:column;align-items:center;gap:6px}
.pub-cta-center{margin-left:auto;margin-right:auto;width:100%;margin-bottom:14px}
.pub-foot{border-top:1px solid var(--line);padding-top:24px!important;padding-bottom:40px!important;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--ink-3)}
/* auth */
.auth-wrap{max-width:1120px;margin:0 auto;padding:clamp(20px,4vw,48px) clamp(16px,4vw,48px) 60px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(20px,4vw,48px);align-items:start}
.auth-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.auth-photo{aspect-ratio:4/3}
.auth-promises{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.auth-promises li{display:flex;gap:10px;align-items:center;font-size:14.5px;font-weight:500}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,32px);box-shadow:var(--lift);display:flex;flex-direction:column;gap:14px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--sand);border-radius:12px;padding:3px;gap:3px}
.auth-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;font-weight:600;font-size:14px;color:var(--ink-2);cursor:pointer}
.auth-tabs button.on{background:var(--night);color:#fff}
.auth-h{font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:800}
.auth-sub{font-size:15px;line-height:1.5}
.auth-full{width:100%;justify-content:center;height:50px}
.auth-or{display:flex;align-items:center;gap:10px;color:var(--ink-4);font-size:12px}
.auth-or::before,.auth-or::after{content:'';flex:1;height:1px;background:var(--line)}
.auth-otp{font-family:var(--mono);font-size:22px!important;letter-spacing:.5em;text-align:center;height:56px}
.auth-working{display:flex;gap:10px;align-items:center;padding:18px;border-radius:12px;background:var(--lime-2);font-size:14px}
.auth-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--forest);border-right-color:transparent;animation:authspin .8s linear infinite}
@keyframes authspin{to{transform:rotate(360deg)}}
.link:disabled{opacity:.5;cursor:default;text-decoration:none}
@media (max-width:1000px){.pub-links{display:none}.pub-hero,.pub-problem,.pub-moment,.auth-wrap{grid-template-columns:1fr}.pub-hero-photo{aspect-ratio:16/10}.pub-float-a{left:12px;bottom:46px}.pub-float-b{right:12px;top:12px}.pub-steps{grid-template-columns:1fr 1fr}.pub-share-grid{grid-template-columns:1fr 1fr}.auth-side{position:static}.auth-side .auth-photo{display:none}.auth-card{order:-1}}
@media (max-width:640px){.pub-nav{gap:10px;padding:10px 14px}.pub-brand .brand-sub{display:none}.pub-brand .brand-name{font-size:15px}.pub-nav-cta .btn{height:40px;padding:0 12px;font-size:13px}.pub-nav-cta .btn:first-child{display:none}.pub-cta-row{grid-template-columns:1fr}.pub-lines,.pub-faq,.pub-share-grid,.pub-steps{grid-template-columns:1fr}.pub-float-b{display:none}.pub-ground-photo{aspect-ratio:4/5}.pub-moment{border-radius:20px;padding:14px!important}.pub-door{min-height:84px}}
@media (prefers-reduced-motion:reduce){.pub-door,.pub-share-card,.pub-faq summary svg{transition:none}.pub-door:hover,.pub-share-card:hover{transform:none}.auth-spin{animation:none}}

/* ===== Mapping layer: route fade, account menu, journey map ===== */
.route-fade{animation:routein .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes routein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.auth-next{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-2);background:var(--lime-2);border:1px solid #cfe3bc;border-radius:12px;padding:10px 12px}
.auth-next svg{color:var(--forest);flex:none}

.acct{position:relative;margin-left:4px}
.acct-btn{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px 0 5px;border-radius:30px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.acct-btn:hover{border-color:var(--line-2);box-shadow:var(--lift)}
.acct-btn[aria-expanded="true"]{border-color:var(--forest)}
.acct-av{display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-weight:800;font-size:14px;flex:none}
.av-s{background:var(--night);color:var(--lime)}
.av-h{background:var(--lime);color:var(--night)}
.av-g{background:var(--sand);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2)}
.acct-meta{display:flex;flex-direction:column;line-height:1.15;text-align:left;max-width:150px}
.acct-meta b{font-size:13px;font-weight:650}
.acct-meta small{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-chev{color:var(--ink-4)}
.acct-pop{position:absolute;right:0;top:calc(100% + 10px);width:310px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 4px #163e310d,0 24px 48px -20px #163e3140;padding:8px;z-index:160;animation:acctin .18s cubic-bezier(.2,.8,.2,1)}
@keyframes acctin{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.acct-head{display:flex;gap:12px;align-items:flex-start;padding:12px 12px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.acct-head b{font-family:var(--serif);font-size:17px;font-weight:800;letter-spacing:-.02em}
.acct-k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#4b6a49;font-weight:650}
.acct-sub{font-size:12px;color:var(--ink-3);margin-top:2px}
.acct-flag{display:inline-flex;gap:5px;align-items:center;margin-top:8px;font-size:11px;color:oklch(0.42 0.09 68);background:#fff6e5;border:1px solid oklch(0.84 0.07 78);border-radius:20px;padding:2px 8px}
.acct-pop [role="menuitem"]{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;background:none;border-radius:10px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;text-align:left}
.acct-pop [role="menuitem"] svg{color:var(--ink-3)}
.acct-pop [role="menuitem"]:hover,.acct-pop [role="menuitem"]:focus-visible{background:var(--sand);outline:none}
.acct-state{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:20px;background:var(--sand);color:var(--ink-3)}
.acct-state.on{background:var(--lime-2);color:var(--forest)}
.acct-sep{height:1px;background:var(--line);margin:6px 4px}
.acct-pop .acct-out{color:oklch(0.45 0.12 25)}
.acct-pop .acct-out svg{color:oklch(0.5 0.12 25)}
.acct-note{font-size:11px;color:var(--ink-4);padding:8px 12px 4px}
.more-acct{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--ivory);margin-top:10px}
.more-acct span{flex:1 1 100%;display:flex;flex-direction:column}
.more-acct small{color:var(--ink-3);font-size:12px}
.more-acct .btn{flex:1}

.jm-head{padding-top:clamp(28px,5vw,56px);padding-bottom:20px}
.jm-lanes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jm-lane{border-radius:26px;padding:22px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--line);background:#fff}
.jm-dark{background:var(--night);border-color:var(--night);color:#d8e6da}
.jm-lane-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.jm-k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:#4b6a49}
.jm-dark .jm-k{color:var(--lime)}
.jm-lane-head h2{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;font-weight:800;margin-top:2px}
.jm-dark h2{color:#fff}
.jm-status{display:inline-flex;gap:7px;align-items:center;font-size:12px;padding:5px 11px;border-radius:30px;background:var(--sand);color:var(--ink-3)}
.jm-status i{width:7px;height:7px;border-radius:50%;background:var(--ink-4)}
.jm-status.on{background:var(--lime-2);color:var(--forest)}
.jm-status.on i{background:var(--forest)}
.jm-dark .jm-status{background:#ffffff14;color:#c3d6c6}
.jm-dark .jm-status.on{background:#d5ecc022;color:var(--lime)}
.jm-dark .jm-status.on i{background:var(--lime)}
.jm-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.jm-flow li{position:relative}
.jm-flow li:not(:last-child)::after{content:'';position:absolute;top:34px;right:-20px;width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 4px,transparent 4px 7px)}
.jm-dark .jm-flow li:not(:last-child)::after{background:repeating-linear-gradient(90deg,#ffffff40 0 4px,transparent 4px 7px)}
.jm-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;height:100%;text-align:left;padding:16px 14px 14px;border-radius:18px;border:1px solid var(--line);background:var(--ivory);color:var(--ink);cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}
.jm-node:hover{transform:translateY(-2px);box-shadow:var(--lift);border-color:var(--forest)}
.jm-dark .jm-node{background:var(--night-2);border-color:var(--night-line);color:#fff}
.jm-dark .jm-node:hover{border-color:var(--lime)}
.jm-node.hub{background:var(--lime-2);border-color:#cfe3bc}
.jm-dark .jm-node.hub{background:#d5ecc01f;border-color:#d5ecc055}
.jm-n{position:absolute;right:12px;top:10px;font-size:20px;font-weight:800;color:var(--line-2)}
.jm-dark .jm-n{color:#ffffff30}
.jm-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--forest);border:1px solid var(--line)}
.jm-dark .jm-ico{background:#ffffff12;border-color:#ffffff22;color:var(--lime)}
.jm-node b{font-size:15px;font-weight:650}
.jm-d{font-size:12.5px;color:var(--ink-3);line-height:1.4}
.jm-dark .jm-d{color:#b9cdbd}
.jm-path{font-size:11px;color:var(--forest);margin-top:auto;padding-top:4px}
.jm-dark .jm-path{color:var(--lime)}
.jm-lock{display:inline-flex;gap:4px;align-items:center;font-size:10.5px;padding:2px 8px;border-radius:20px;background:var(--sand);color:var(--ink-3)}
.jm-lock.ok{background:var(--lime-2);color:var(--forest)}
.jm-dark .jm-lock{background:#ffffff14;color:#c3d6c6}
.jm-dark .jm-lock.ok{color:var(--lime)}
.jm-branch-label{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--ink-3)}
.jm-dark .jm-branch-label{color:#b9cdbd}
.jm-branches{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jm-leaf{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.jm-leaf:hover{border-color:var(--forest);background:var(--ivory)}
.jm-leaf > svg{color:var(--forest);margin-top:2px}
.jm-leaf b{display:block;font-size:13.5px;font-weight:650}
.jm-leaf small{display:block;font-size:12px;color:var(--ink-3)}
.jm-leaf-path{grid-column:2;font-size:10.5px;color:var(--forest)}
.jm-dark .jm-leaf{background:#ffffff0a;border-color:var(--night-line);color:#fff}
.jm-dark .jm-leaf:hover{border-color:var(--lime);background:#ffffff12}
.jm-dark .jm-leaf > svg,.jm-dark .jm-leaf-path{color:var(--lime)}
.jm-dark .jm-leaf small{color:#b9cdbd}
.jm-lane-foot{margin-top:auto;padding-top:4px}
.jm-shared{display:flex!important;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:18px!important;padding-top:20px!important;padding-bottom:20px!important;border:1px solid var(--line);border-radius:22px;background:#fff;max-width:calc(1200px - 2*clamp(16px,4vw,48px))!important;width:calc(100% - 2*clamp(16px,4vw,48px))}
.jm-shared h3{font-size:18px;font-weight:800;letter-spacing:-.02em}
.jm-shared-row{display:flex;flex-wrap:wrap;gap:8px}
.jm-chip{display:inline-flex;gap:7px;align-items:center;min-height:40px;padding:0 14px;border-radius:30px;border:1px solid var(--line);background:var(--ivory);color:var(--ink);font-size:13px;cursor:pointer}
.jm-chip:hover{border-color:var(--forest)}
.jm-chip svg{color:var(--forest)}
.jm-rules{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:34px!important;padding-bottom:34px!important}
.jm-rules > div{display:flex;flex-direction:column;gap:6px}
.jm-rules b{font-size:14.5px;font-weight:650}
.jm-rules p{font-size:13px;color:var(--ink-3)}
@media (max-width:1100px){.jm-lanes{grid-template-columns:1fr}.jm-rules{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.acct-meta,.acct-chev{display:none}.acct-btn{padding:0 4px;height:44px;width:44px;justify-content:center;border-radius:50%}.acct-pop{position:fixed;left:12px;right:12px;top:auto;bottom:calc(var(--tabbar-h,64px) + 12px + env(safe-area-inset-bottom));width:auto}}
@media (max-width:640px){.jm-flow{grid-template-columns:1fr;gap:12px}.jm-flow li:not(:last-child)::after{top:auto;bottom:-11px;right:auto;left:30px;width:2px;height:10px;background:repeating-linear-gradient(180deg,var(--line-2) 0 3px,transparent 3px 5px)}.jm-branches,.jm-rules{grid-template-columns:1fr}.jm-lane{padding:16px;border-radius:20px}}
@media (prefers-reduced-motion:reduce){.route-fade,.acct-pop{animation:none}.jm-node,.jm-leaf,.acct-btn{transition:none}.jm-node:hover{transform:none}}
/* fix: topbar backdrop-filter makes position:fixed relative to the bar, anchor the menu to the avatar instead */
@media (max-width:900px){.acct-pop{position:absolute;left:auto;right:-4px;top:calc(100% + 10px);bottom:auto;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 140px);overflow-y:auto}}

/* ===== Emotional hero redesign ===== */
.pub .pub-cine{position:relative;max-width:none;margin:0;padding:0;min-height:min(88vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:#05100c;color:#fff;isolation:isolate}
.pub-cine-photo{position:absolute;inset:0;border-radius:0;background:#05100c;z-index:-2}
.pub-cine-photo img{object-position:70% 50%;animation:cinezoom 18s ease-out both}
@keyframes cinezoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.pub-cine-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,12,9,.92) 0%,rgba(4,12,9,.74) 34%,rgba(4,12,9,.18) 62%,rgba(4,12,9,0) 80%),linear-gradient(0deg,rgba(4,12,9,.85) 0%,rgba(4,12,9,0) 38%)}
.pub-cine-copy{width:100%;max-width:1200px;margin:0 auto;padding:clamp(80px,12vh,140px) clamp(16px,4vw,48px) clamp(56px,9vh,96px)}
.pub-cine-copy > *{max-width:640px}
.pub-cine-time{display:inline-flex;gap:10px;align-items:center;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:#f3d9a8;background:rgba(255,200,120,.08);border:1px solid rgba(255,200,120,.22);padding:6px 12px;border-radius:30px;margin-bottom:22px}
.pub-cine-dot{width:8px;height:8px;border-radius:50%;background:#f0b35a;box-shadow:0 0 0 0 rgba(240,179,90,.6);animation:flicker 2.6s ease-in-out infinite}
@keyframes flicker{0%,100%{opacity:1;box-shadow:0 0 12px 2px rgba(240,179,90,.55)}45%{opacity:.55;box-shadow:0 0 4px 0 rgba(240,179,90,.3)}55%{opacity:.85}}
.pub-cine-h{font-size:clamp(46px,7vw,96px);line-height:.98;letter-spacing:-.045em;font-weight:800;color:#fff;margin:0 0 22px;text-wrap:balance}
.pub-cine-h em{font-style:normal;color:#f0b35a}
.pub-cine-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#d9e4dc;max-width:560px}
.pub-door-light{background:#fff;border-color:#fff;color:var(--ink);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.pub-door-light .pub-door-k{color:var(--forest)}
.pub-door-glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pub-door-glass .pub-door-k{color:var(--lime)}
.pub-door-glass .pub-door-s{color:#c9d8cd}
.pub-door-glass:hover{background:rgba(255,255,255,.12)}
.pub-ticks-light{color:#d0ddd3}
.pub-ticks-light svg{color:var(--lime)}
.pub-cine-cap{position:absolute;right:16px;bottom:14px;display:inline-flex;gap:5px;align-items:center;font-size:10.5px;color:#cfd9d2;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 9px 4px 7px;border-radius:30px}
.pub-cine-scroll{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.3);animation:bob 2.4s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,5px)}}

.pub-quiet{padding-top:clamp(56px,8vw,96px);padding-bottom:20px}
.pub-quiet-head{max-width:760px;margin-bottom:26px}
.pub-quiet-grid{display:grid;grid-template-columns:1.05fr 1fr 1.25fr;gap:14px;align-items:stretch}
.pub-quiet-card{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#05100c;min-height:440px;display:flex}
.pub-quiet-card .photo{position:absolute;inset:0;border-radius:0}
.pub-quiet-card .photo img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.pub-quiet-card:hover .photo img{transform:scale(1.04)}
.pub-quiet-card figcaption{position:relative;margin-top:auto;width:100%;padding:22px 20px 20px;display:flex;flex-direction:column;gap:6px;color:#d9e4dc;background:linear-gradient(0deg,rgba(4,12,9,.94) 10%,rgba(4,12,9,0))}
.pub-quiet-card b{font-size:clamp(22px,2vw,27px);line-height:1.1;letter-spacing:-.03em;color:#fff}
.pub-quiet-card span{font-size:14px;line-height:1.45}
.pub-quiet-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8px 40px;align-items:start;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.pub-quiet-big{grid-row:span 2;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:800;color:var(--ink)}
.pub-quiet-big em{font-style:normal;color:var(--forest)}
.pub-quiet-foot .muted{font-size:15.5px;line-height:1.6}

.pub .pub-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;background:var(--night);color:#d8e6da;border-radius:30px;padding:clamp(22px,4vw,48px);margin-top:56px;max-width:1200px;width:calc(100% - 2*clamp(16px,4vw,48px))}
.pub-ba h2{color:#fff}
.pub-ba-copy p{font-size:16px;line-height:1.6;margin-bottom:18px}
.pub-ba-status{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;padding:7px 12px;border-radius:30px;margin-bottom:20px;background:rgba(240,179,90,.12);color:#f3d9a8;border:1px solid rgba(240,179,90,.3);transition:all .3s}
.pub-ba-status.on{background:rgba(213,236,192,.14);color:var(--lime);border-color:rgba(213,236,192,.35)}
.pub-ba-stage{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#05100c;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);touch-action:pan-y}
.pub-ba-img{position:absolute;inset:0;border-radius:0}
.pub-ba-clip{position:absolute;inset:0;clip-path:inset(0 0 0 var(--ba))}
.pub-ba-clip .photo{position:absolute;inset:0}
.pub-ba-handle{position:absolute;top:0;bottom:0;left:var(--ba);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 18px rgba(255,220,150,.8)}
.pub-ba-handle svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;padding:13px;border-radius:50%;background:#fff;color:var(--night);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.pub-ba-tag{position:absolute;top:14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;padding:5px 10px;border-radius:20px;background:rgba(0,0,0,.45);color:#fff;pointer-events:none}
.pub-ba-tag.l{left:14px;color:#f3d9a8}
.pub-ba-tag.r{right:14px}
.pub-ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.pub-ba-range:focus-visible + .pub-ba-cap{outline:3px solid var(--focus);outline-offset:2px}
.pub-ba-stage:focus-within{outline:3px solid var(--focus);outline-offset:4px}
.pub-ba-cap{position:absolute;left:12px;bottom:12px;display:inline-flex;gap:5px;align-items:center;font-size:10.5px;color:#fff;background:rgba(0,0,0,.45);padding:4px 9px 4px 7px;border-radius:30px;pointer-events:none}

@media (max-width:1000px){.pub .pub-cine{min-height:auto}.pub-cine-photo img{object-position:78% 50%}.pub-cine-shade{background:linear-gradient(0deg,rgba(4,12,9,.96) 0%,rgba(4,12,9,.82) 48%,rgba(4,12,9,.25) 80%,rgba(4,12,9,.1) 100%)}.pub-cine-copy{padding-top:min(48vw,360px)}.pub-quiet-grid{grid-template-columns:1fr 1fr}.pub-quiet-card.q2{grid-column:span 2;min-height:340px}.pub-quiet-foot{grid-template-columns:1fr}.pub-quiet-big{grid-row:auto}.pub .pub-ba{grid-template-columns:1fr}.pub-ba-stage{max-width:460px;width:100%;justify-self:center}}
@media (max-width:640px){.pub-cine-h{font-size:clamp(40px,11vw,56px)}.pub-cine-scroll{display:none}.pub-cine-cap{left:12px;right:auto;bottom:10px}.pub-cine-copy{padding-bottom:64px}.pub-quiet-grid{grid-template-columns:1fr}.pub-quiet-card,.pub-quiet-card.q2{grid-column:auto;min-height:380px}.pub .pub-ba{border-radius:22px}}
@media (prefers-reduced-motion:reduce){.pub-cine-photo img,.pub-cine-dot,.pub-cine-scroll{animation:none}.pub-quiet-card .photo img{transition:none}.pub-quiet-card:hover .photo img{transform:none}.pub-ba-status{transition:none}}
/* phone/tablet: show the candle scene as a visible band, then copy below it */
@media (max-width:1000px){
  .pub .pub-cine{flex-direction:column;align-items:stretch}
  .pub-cine-photo{position:relative;inset:auto;aspect-ratio:4/3;z-index:0}
  .pub-cine-photo img{object-position:82% 60%}
  .pub-cine-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05100c 0%,rgba(5,16,12,0) 45%)}
  .pub-cine-shade{display:none}
  .pub-cine-copy{padding-top:0;margin-top:-28px;position:relative;z-index:1}
  .pub-cine-cap{top:12px;bottom:auto;left:12px;right:auto}
}
@media (max-width:640px){.pub-cine-photo{aspect-ratio:1/1}.pub-cine-photo img{object-position:80% 62%}}
.pub-ba-range:focus-visible + .pub-ba-cap{outline:none}

/* =====================================================================
   Release audit fixes · WCAG 2.1 AA contrast + heading-level aliases
   ===================================================================== */
:root{ --ink-4:#5f6c63; --amber:#845511 }
.ct-f{opacity:1}
.ct-p{opacity:1;color:var(--ink-3)}
.ledger-cell:first-child .ledger-n,.mtile-dark .ledger-k,.mtile-dark .ledger-n{color:#b4bac4}
.jm-n{color:#73837a}
.jm-dark .jm-n{color:#a9c2b5}
.panel-head h2{font-size:15px;font-weight:700;font-family:var(--serif)}
.hero-relief .r h2{font-family:var(--serif);font-weight:700;color:#fff;font-size:20px}
.scen-card h2{font-size:14.5px;font-weight:600;line-height:1.3}
.about-item h2,.about-item h3{font-size:14px;font-weight:600;margin-bottom:6px;display:flex;gap:8px;align-items:center}
.tbl-wrap:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
main:focus,[id="main"]:focus{outline:none}

/* =====================================================================
   Not-for-profit release layer · legal pages, footer, crash screen
   ===================================================================== */
.lg-foot{border-top:1px solid var(--line);background:var(--ivory);margin-top:40px}
.lg-foot.compact{margin-top:28px}
.lg-foot-in{max-width:1200px;margin:0 auto;padding:28px clamp(16px,4vw,48px) 40px;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--ink-3)}
.lg-foot-about p{margin-top:6px;max-width:820px}
.lg-foot-about b{color:var(--ink)}
.lg-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.lg-links a{color:var(--ink-2);font-weight:600;text-decoration:none;padding:6px 0}
.lg-links a:hover{color:var(--forest);text-decoration:underline}
.lg-attr{max-width:820px}
.jm-note{max-width:1200px;margin:24px auto 0;padding:0 clamp(16px,4vw,48px);font-size:13px;color:var(--ink-3)}
.lg-tabs{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.lg-tabs a{font-size:13px;font-weight:600;color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:999px}
.lg-tabs a:hover{background:var(--sand)}
.lg-tabs a[aria-current="page"]{background:var(--night);color:#fff}
a.pub-brand{text-decoration:none;color:inherit}
.lg-main{max-width:860px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,32px) 20px}
.lg-h1{font-size:clamp(32px,4.4vw,48px);line-height:1.05;letter-spacing:-.035em;font-weight:800;color:var(--ink);margin:6px 0 14px}
.lg-lede{font-size:clamp(16px,1.6vw,18px);line-height:1.55;color:var(--ink-2);max-width:720px}
.lg-h2{font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin:34px 0 12px}
.lg-p{line-height:1.65;color:var(--ink-2)}
.lg-list{display:grid;gap:10px;padding-left:20px;line-height:1.6;color:var(--ink-2)}
.lg-list b{color:var(--ink)}
.lg-draft{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding:14px 16px;border-radius:14px;background:#fff6e5;border:1px solid var(--amber-line);font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.lg-draft svg{flex:none;margin-top:2px;color:var(--amber)}
.lg-callout{margin-top:14px;padding:16px 18px;border-radius:16px;background:var(--lime-2);border:1px solid #cfe3bc;line-height:1.6;color:var(--ink)}
.lg-tbl th{width:42%;text-align:left;font-weight:600;color:var(--ink);vertical-align:top}
.lg-tbl td{color:var(--ink-2);vertical-align:top}
.lg-tbl thead th{width:auto}
.lg-pending{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:#fff6e5;border:1px solid var(--amber-line);color:var(--amber)}
.lg-main a:not(.btn){color:var(--forest);font-weight:600}
.side-legal{display:block;margin-top:10px;font-size:12px}
.side-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.crash{max-width:560px;margin:15vh auto;padding:0 20px;text-align:center;display:grid;gap:14px}
.crash h1{font-size:28px;color:var(--ink)}
@media (max-width:900px){.lg-tabs{display:none}}
@media print{.pub-demo,.pub-nav,.lg-foot,.lg-tabs{display:none}.lg-main{padding:0}}
.flow-node.dark p,.flow-node.dark .k{color:#b4bac4}
aside.pub-demo,aside.demo-strip{margin:0}

/* Real-photo credits + hands moment */
.pub-quiet-cred{display:block;margin-top:6px;font-size:10.5px;line-height:1.35;color:#b4bac4;letter-spacing:.01em}
.pub-quiet-foot{position:relative}
.pub .pub-quiet-foot{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:10px 36px}
.pub-hands{grid-column:1;grid-row:1 / span 3;margin:0;border-radius:20px;overflow:hidden;background:#000;align-self:start}
.pub-hands .photo{border-radius:0;aspect-ratio:5/4}
.pub-hands figcaption{padding:8px 12px 10px;color:#b4bac4;background:#000;line-height:1.35}
.pub .pub-quiet-foot > p{grid-column:2}
.pub .pub-quiet-foot .pub-quiet-big{grid-row:auto}
.pub-cine-photo img{object-position:72% 50%}
@media (max-width:760px){.pub .pub-quiet-foot{grid-template-columns:1fr}.pub-hands{grid-row:auto;width:100%;max-width:360px}.pub .pub-quiet-foot > p{grid-column:1}}

/* =====================================================================
   International phone field (all countries) + sign-in method switch
   ===================================================================== */
.phone{position:relative;display:flex;align-items:stretch;border:1px solid var(--line-2);border-radius:12px;background:var(--paper);transition:border-color .15s,box-shadow .15s}
.phone:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px #28745026}
.has-err .phone{border-color:var(--rose,#b4232f)}
.phone .input{border:0;background:transparent;box-shadow:none;flex:1;min-width:0;height:48px;font-size:16px}
.phone .input:focus{outline:none;box-shadow:none}
.phone-cc{display:flex;align-items:center;gap:6px;padding:0 10px 0 14px;border:0;border-right:1px solid var(--line);background:none;font:inherit;color:var(--ink);cursor:pointer;border-radius:12px 0 0 12px;min-height:48px}
.phone-cc b{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink-3);letter-spacing:.04em}
.phone-cc span{font-weight:600;font-size:15px}
.phone-cc:hover{background:var(--sand)}
.phone-cc:focus-visible{outline:2px solid var(--forest);outline-offset:-2px}
.phone-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -20px rgba(16,40,30,.35);padding:8px}
.phone-pop .input{border:1px solid var(--line-2);height:42px;font-size:15px}
.phone-list{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.phone-opt{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 10px;border-radius:9px;cursor:pointer;font-size:14px}
.phone-opt.act{background:var(--sand)}
.phone-opt.cur .phone-opt-n{font-weight:600}
.phone-opt-cc{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.phone-opt-d{font-family:var(--mono);font-size:13px;color:var(--ink-2)}
.phone-none{padding:12px;font-size:13px;color:var(--ink-3)}
.auth-method{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--sand);border:1px solid var(--line)}
.auth-method button{border:0;background:none;border-radius:9px;min-height:40px;font:inherit;font-weight:600;font-size:14px;color:var(--ink-3);cursor:pointer}
.auth-method button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.auth-method button:focus-visible{outline:2px solid var(--forest);outline-offset:1px}
.auth-loading{display:grid;gap:10px}
.auth-loading span{height:46px;border-radius:12px;background:linear-gradient(90deg,var(--sand),#f3f5ee,var(--sand));background-size:200% 100%;animation:authsk 1.2s linear infinite}
.auth-loading span:nth-child(2){height:48px}
@keyframes authsk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.auth-loading span{animation:none}}

/* =====================================================================
   Signed-in experience · minimal, calm, professional (v5)
   ===================================================================== */
@media (min-width:900px){.app{grid-template-columns:240px 1fr}}
.side{padding:22px 12px 16px;gap:4px}
.side .brand{padding:0 8px 18px}
.nav-label{padding:16px 12px 6px;font-size:10.5px;letter-spacing:.12em;font-weight:600}
.nav button{min-height:40px;border-radius:10px;font-size:14px}
.nav button.on{background:var(--lime-2);color:var(--ink);font-weight:600;box-shadow:none}
.side-foot{display:flex;flex-direction:column;gap:8px;font-size:12px}
.side-scope{color:var(--ink-3)}
.side-legal{margin-top:0}
.topbar{padding:12px 40px;gap:12px}
.demo-chip{font-size:12px}
.content{padding:40px 48px 96px;max-width:1200px}
.page-head{margin-bottom:24px}
.page-head h1{font-size:clamp(30px,3.2vw,40px)}
.page-head .lede{max-width:640px;color:var(--ink-3)}
.tasks{gap:10px}
.task-btn{min-height:76px;border-radius:16px}
.task-btn:hover{transform:none;border-color:var(--forest)}
.trust{margin-bottom:28px}
.panel{border-radius:16px}
.quiet-links{padding:6px!important;display:flex;flex-direction:column}
.quiet-links button{display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:12px;padding:12px 12px;border:0;background:none;border-radius:10px;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.quiet-links button+button{border-top:1px solid var(--line);border-radius:0}
.quiet-links button:hover{background:var(--ivory)}
.quiet-links button:focus-visible{outline:2px solid var(--forest);outline-offset:-2px}
.quiet-links span{display:flex;flex-direction:column;gap:2px;min-width:0}
.quiet-links b{font-size:14px;font-weight:600}
.quiet-links small{font-size:12.5px;color:var(--ink-3)}
.quiet-links svg{color:var(--ink-3)}
.scope-line{display:flex;align-items:center;gap:8px;margin:-8px 0 22px;font-size:13px;color:var(--ink-3)}
.quiet-note{margin:28px 0 8px;padding:22px 24px;border-radius:16px;background:var(--lime-2);border:1px solid #cfe3bc;color:var(--ink)}
.quiet-note b{display:block;font-size:19px;letter-spacing:-.02em;margin-bottom:6px}
.quiet-note p{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin:0}
@media (max-width:899px){
  .content{padding:24px 16px 110px}
  .topbar{padding:10px 12px}
    }
@media (prefers-reduced-motion:reduce){.task-btn,.quiet-links button{transition:none}}

/* ==========================================================================
   Settle · quick mode (/give), season board (/settle), track (/track)
   Minimal, calm, no urgency. Mobile-first; respects reduced motion.
   ========================================================================== */
.gv{min-height:100vh;background:var(--ivory);display:flex;flex-direction:column}
.gv-tabs{display:flex;gap:4px;margin-left:auto;background:var(--sand);border:1px solid var(--line);border-radius:999px;padding:4px}
.gv-tabs a{padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:550;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.gv-tabs a:hover{color:var(--ink);background:var(--paper)}
.gv-tabs a[aria-current="page"]{background:var(--ink);color:#fff}
.gv-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(22px,4vw,48px) clamp(16px,4vw,40px) 64px;outline:none}
.gv-head{max-width:640px;margin-bottom:26px}
.gv-head h1{font-size:clamp(30px,4.4vw,46px);line-height:1.05;margin:4px 0 10px;outline:none}
.gv-head p{font-size:16px;line-height:1.55;margin:0}
.gv-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.gv-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.gv-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:88px}

/* categories */
.gv-cats-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.gv-catbtn{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 14px;min-height:56px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper);cursor:pointer;color:var(--ink)}
.gv-catbtn b{font-size:14px;font-weight:650}
.gv-catbtn small{font-size:11.5px;color:var(--ink-3)}
.gv-catbtn:hover{border-color:var(--ink-3)}
.gv-catbtn.on{border-color:var(--forest);background:var(--lime-2);box-shadow:0 0 0 1px var(--forest) inset}
.gv-catbtn.off{background:var(--sand);color:var(--ink-3)}
.gv-catbtn.off b{color:var(--ink-3)}
.gv-catbtn.off.on{border-color:var(--ink-3);box-shadow:0 0 0 1px var(--ink-3) inset;background:var(--sand)}

/* order */
.gv-order{display:inline-flex;gap:2px;background:var(--sand);border:1px solid var(--line);border-radius:999px;padding:3px;align-self:flex-start;flex-wrap:wrap}
.gv-order button{border:0;background:none;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:550;color:var(--ink-2);cursor:pointer}
.gv-order button.on{background:var(--paper);color:var(--ink);box-shadow:var(--lift)}

/* bill card */
.gv-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--lift);padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px}
.gv-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.gv-cat{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--forest)}
.gv-syn{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#6b5320;background:#fbf1dc;border:1px solid #ecd9ad;border-radius:999px;padding:1px 8px;vertical-align:middle}
.gv-amt{display:flex;flex-direction:column;gap:2px}
.gv-amt h2{font-size:clamp(36px,6vw,52px);line-height:1;margin:2px 0}
.gv-bar,.gv-goal-bar{height:8px;border-radius:999px;background:var(--sand);overflow:hidden;border:1px solid var(--line)}
.gv-bar span,.gv-goal-bar span{display:block;height:100%;background:var(--forest);border-radius:999px;transition:width .6s ease}
.gv-checks{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.gv-checks li{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-2);background:var(--emerald-bg);border:1px solid var(--emerald-line);border-radius:999px;padding:3px 10px}
.gv-checks li svg{color:var(--emerald)}
.gv-card-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.gv-card-note{margin:0}
.gv-skel{min-height:260px;justify-content:center}
.gv-skel span{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--sand),var(--line),var(--sand));background-size:200% 100%;animation:gvShimmer 1.3s linear infinite}
.gv-skel span:nth-child(1){width:40%}.gv-skel span:nth-child(2){width:70%;height:40px}.gv-skel span:nth-child(3){width:90%}
div.gv-skel:not(.gv-card){border-radius:var(--r-lg);background:var(--sand)}
@keyframes gvShimmer{to{background-position:-200% 0}}

.gv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.gv-actions .btn{height:48px;padding:0 20px;font-size:15px;border-radius:12px}
.gv-actions p{flex-basis:100%;margin:0}

/* pay panel */
.gv-pay{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--lift);padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:16px}
.gv-pay h2{font-size:22px;margin:0}
.gv-pay fieldset{border:0;margin:0;padding:0;min-width:0}
.gv-pay legend{margin-bottom:8px;font-weight:600;color:var(--ink)}
.gv-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.gv-amounts > legend{grid-column:1/-1}
.gv-amounts button{height:48px;border:1px solid var(--line-2);background:var(--paper);border-radius:12px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.gv-amounts button.on{border-color:var(--forest);background:var(--lime-2);box-shadow:0 0 0 1px var(--forest) inset}
.gv-amounts .gv-close-btn{grid-column:1/-1;height:auto;min-height:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 16px;text-align:left}
.gv-close-btn small{font-weight:400;font-size:12.5px;color:var(--ink-3)}
.gv-custom{grid-column:1/-1;display:flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:12px;padding:0 14px;height:48px;background:var(--paper)}
.gv-custom:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px var(--lime)}
.gv-custom input{border:0;outline:0;background:none;flex:1;font-size:16px;height:100%;min-width:0}
.gv-sum{background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.gv-sum > div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.gv-sum .tot{border-top:1px solid var(--line-2);padding-top:8px;margin-top:2px;font-size:16px}
.gv-sum p{margin:4px 0 0}
.gv-method{display:flex;flex-wrap:wrap;gap:8px}
.gv-method > legend{width:100%}
.gv-method label{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:44px;border:1px solid var(--line-2);border-radius:12px;cursor:pointer;font-weight:550}
.gv-method label.on{border-color:var(--forest);background:var(--lime-2)}
.gv-method input{accent-color:var(--forest)}
.gv-board-opt{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.gv-board-opt p{margin:0}
.gv-board-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gv-board-fields .field > span:first-child{font-size:13px;font-weight:550}
.gv-alias{display:flex;align-items:center;gap:6px}
.gv-alias .input{flex:1}
.gv-alias .mono{color:var(--ink-3);font-size:13px}
.gv-receipt{display:flex;flex-direction:column;gap:6px}
.gv-receipt > span:first-child{font-size:13px;font-weight:550}
.gv-consent{border-top:1px solid var(--line);padding-top:14px}
.gv-pay-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gv-pay-actions .btn{height:48px;padding:0 20px;font-size:15px;border-radius:12px}
.gv-pay-actions .btn-primary{flex:1 1 220px}

/* done */
.gv-done{background:var(--paper);border:1px solid var(--emerald-line);border-radius:var(--r-lg);box-shadow:var(--lift);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:14px}
.gv-done h2{font-size:clamp(24px,3.4vw,32px);margin:0;outline:none}
.gv-done p{margin:0;line-height:1.55}
.gv-ref{background:var(--lime-2);border:1px dashed var(--forest);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.gv-ref b.mono{font-size:clamp(18px,3vw,22px);letter-spacing:.04em}

/* lit moment */
.gv-lit{position:relative;display:grid;grid-template-columns:260px 1fr;gap:0;background:var(--night);color:#eef3ea;border-radius:var(--r-lg);overflow:hidden;margin-bottom:22px;box-shadow:var(--lift)}
.gv-lit-photo,.gv-lit-photo img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}
.gv-lit-photo{margin:0}
.gv-lit-copy{padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:10px}
.gv-lit-copy h2{font-size:clamp(24px,3.4vw,32px);margin:0;color:#fff}
.gv-lit-copy p{margin:0;line-height:1.55}
.gv-lit-copy .muted{color:#c6d3c8}
.gv-lit .pub-eyebrow{color:var(--lime)}
.gv-lit-cap{position:absolute;left:10px;bottom:10px;display:inline-flex;gap:4px;align-items:center;font-size:10.5px;background:rgba(10,30,22,.72);color:#e9f0e6;padding:3px 8px;border-radius:999px}

/* my score + side */
.gv-mine,.gv-rules,.gv-tool{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.gv-mine-head{display:flex;flex-direction:column;gap:2px}
.gv-mine-head b{font-size:16px}
.gv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.gv-stats div{background:var(--sand);border-radius:12px;padding:10px}
.gv-stats dt{font-size:11.5px;color:var(--ink-3)}
.gv-stats dd{margin:2px 0 0;font-size:24px}
.gv-mine p{margin:0;display:flex;align-items:center;gap:6px}
.gv-dot{width:7px;height:7px;border-radius:50%;background:var(--forest);flex:0 0 auto;animation:gvPulse 1.6s ease-in-out infinite}
@keyframes gvPulse{50%{opacity:.3}}
.gv-rules b,.gv-tool b.serif{font-size:15px}
.gv-rules ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gv-rules li{display:flex;gap:8px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.gv-rules li svg{flex:0 0 auto;margin-top:3px;color:var(--forest)}
.gv-tool p{margin:0}
.gv-tool .row .input{flex:1;min-width:0}
.gv-tool .field > span:first-child{font-size:13px;font-weight:550}
.toast-inline{background:var(--lime-2);border:1px solid var(--emerald-line);border-radius:12px;padding:10px 14px;font-size:13px}

/* board */
.gv-goal{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--lift);padding:18px 22px;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.gv-goal h2{font-size:18px;margin:0}
.gv-goal-n{font-size:26px}
.gv-goal-n .muted{font-size:16px}
.gv-goal-bar{height:12px}
.gv-goal p{margin:0}
.gv-board{display:flex;flex-direction:column;gap:10px}
.gv-board h2{font-size:20px;margin:0}
.gv-board > p{margin:0}
.gv-tbl td,.gv-tbl th{white-space:nowrap}
.gv-tbl tr.me td{background:var(--lime-2)}
.gv-tbl td:first-child,.gv-tbl th:first-child{width:44px;text-align:center}
.gv-you{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--forest);border-radius:999px;padding:1px 8px;vertical-align:middle}

/* track */
.gv-track{display:flex;gap:8px;max-width:520px}
.gv-track .input{flex:1;height:48px;font-size:17px;letter-spacing:.04em}
.gv-track .btn{height:48px;padding:0 22px}
.gv-mine-refs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.gv-tl{margin-top:22px;max-width:720px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--lift);padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px}
.gv-tl h2{font-size:22px;margin:0}
.gv-tl p{margin:0}
.gv-closer{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);background:var(--lime);border-radius:999px;padding:3px 10px}
.gv-status{font-size:14.5px}
.gv-status.s-settled b{color:var(--emerald)}
.gv-status.s-reversed b,.gv-status.s-refunded b,.gv-status.s-released b{color:var(--oxblood)}
.gv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.gv-steps li{display:flex;flex-direction:column;gap:4px;position:relative;padding-top:30px;font-size:13px}
.gv-steps li::before{content:"";position:absolute;top:11px;left:24px;right:0;height:2px;background:var(--line)}
.gv-steps li:last-child::before{display:none}
.gv-steps li.done::before{background:var(--forest)}
.gv-step-dot{position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;border:2px solid var(--line-2);background:var(--paper);display:grid;place-items:center;color:#fff}
.gv-steps li.done .gv-step-dot{background:var(--forest);border-color:var(--forest)}
.gv-steps small{color:var(--ink-3)}
.gv-demo-rev{border-top:1px dashed var(--line-2);padding-top:10px}

/* entry points elsewhere */
.pub-quick{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:600;font-size:14.5px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--forest)}
.pub-quick small{font-weight:400;color:var(--ink-3);text-decoration:none}
.settle-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--lift)}
.settle-entry p{margin:2px 0 0}

/* focus */
.gv a:focus-visible,.gv button:focus-visible,.gv input:focus-visible,.gv-tabs a:focus-visible{outline:2px solid var(--focus,#a35a24);outline-offset:2px}

@media (max-width:900px){
  .gv-layout{grid-template-columns:1fr}
  .gv-side{position:static}
}
@media (max-width:640px){
  .gv .pub-nav{flex-wrap:wrap;row-gap:10px}
  .gv-tabs{margin-left:0;width:100%;justify-content:space-between}
  .gv-tabs a{flex:1;text-align:center;padding:8px 6px;font-size:13px}
  .gv-board-fields{grid-template-columns:1fr}
  .gv-lit{grid-template-columns:1fr}
  .gv-lit-photo,.gv-lit-photo img{max-height:180px;min-height:140px}
  .gv-actions .btn{flex:1 1 100%}
  .gv-track{flex-direction:column}
  .gv-steps li{font-size:12px}
  .gv-custom input,.gv-track .input{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .gv-dot,.gv-skel span{animation:none}
  .gv-bar span,.gv-goal-bar span{transition:none}
}
.pub-quick-light{color:#fff;text-decoration-color:var(--lime)}
.pub-quick-light small{color:#d9e4d6}
.pub-quick-light:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.gv-tbl tr.gv-you-row td{border-top:2px dashed var(--line-2)}
/* Settle: undo the landing page's .pub section gutters inside the app shell */
.gv.pub section{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.gv.pub .gv-goal{padding:18px 22px}
.gv.pub .gv-mine,.gv.pub .gv-tool,.gv.pub .gv-rules{padding:16px 18px}
.gv.pub .gv-done,.gv.pub .gv-tl{padding:clamp(20px,3vw,32px)}
/* Settle lit card: keep the photo credit on the photo and never block clicks */
.gv-lit-cap{max-width:240px;pointer-events:none;line-height:1.35}
@media (max-width:640px){.gv-lit-cap{top:10px;bottom:auto;max-width:calc(100% - 20px)}}

/* ---------- Brand (new logo, 07 Nov 2026) ---------- */
.brand-mark{background:none!important;width:34px;height:34px;border-radius:0;flex:0 0 auto;display:block}
.brand-mark .brand-svg{display:block;width:100%;height:100%;border-radius:9px}
.brand-word{display:block;line-height:0;color:var(--ink)}
.brand-word svg{display:block;height:22px;width:auto}
.brand .brand-sub{margin-top:5px}
@media (max-width:640px){.pub-brand .brand-word svg{height:18px}.brand-mark{width:30px;height:30px}}

/* ---------- Responsive fixes (6-viewport sweep, 07 Nov 2026) ---------- */
/* Grid children must be allowed to shrink so wide tables scroll inside their own box */
.split > *, .gv-layout > *, .tax-layout > *{min-width:0}
@media (max-width:899px){ .split{grid-template-columns:minmax(0,1fr)} }
/* Track: the input collapsed to 23px when the form stacked on phones */
@media (max-width:640px){ .gv-track .input{flex:none;width:100%} .gv-track .btn{width:100%} }
/* Comfortable touch targets on tablets and phones */
@media (max-width:899px){
  .pub-brand{min-height:44px}
  button.link:not(p *):not(li *):not(td *), a.link:not(p *):not(li *):not(td *){display:inline-flex;align-items:center;min-height:40px}
  .toggle{position:relative}
  .toggle::after{content:"";position:absolute;inset:-8px -4px}
  .pub-quick{min-height:44px}
}
@media (max-width:899px){
  .side-legal{line-height:2.4}
  .side-legal a{display:inline-block;padding:6px 2px;min-height:32px}
  .cg-src{min-height:36px}
}
/* Bill order switch: even three-column row on small phones instead of an awkward wrap */
@media (max-width:440px){
  .gv-order{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-radius:14px;align-self:stretch}
  .gv-order button{white-space:normal;line-height:1.2;padding:8px 6px;border-radius:10px;min-height:44px;text-align:center}
}