/* Scotis — fintech theme. Fonts are self-hosted (no third-party requests). */
@font-face{font-family:Inter;src:url(../fonts/inter-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url(../fonts/inter-latin-ext-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';src:url(../fonts/space-grotesk-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url(../fonts/space-grotesk-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url(../fonts/space-grotesk-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}

:root{
  --fs:1.1;
  --bg:#0C1424; --raised:#142038; --surface:rgba(20,32,56,.78); --s2:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.15);
  --ink:#F1F3F7; --dim:#B4BCCB; --faint:#8A93A5;
  --acc:#1B3F8F; --acc2:#E3A92B; --acc2-ink:#E3A92B; --gold:#E3A92B; --logo1:#3E7BD6; --logo2:#7FB2F0; --up:#5FBF8F; --down:#E07A66; --warn:#E3B04B;
  --grad:linear-gradient(120deg,#3E7BD6 0%,#2C56B0 45%,#1B3F8F 100%);
  --r:20px; --shadow:0 18px 40px -12px rgba(0,0,0,.7);
  --head:'Space Grotesk',Inter,system-ui,sans-serif; --body:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --acc2-ink:#8F6408; --logo1:#1B3F8F; --logo2:#3E7BD6;
  --bg:#FAFAF7; --raised:#FFFFFF; --surface:rgba(255,255,255,.96); --s2:rgba(29,63,140,.045);
  --line:#D9DEE6; --line2:#BFC7D4;
  --ink:#0E2A66; --dim:#3C4450; --faint:#69717D;
  --up:#2E7D5B; --down:#A23B2A; --warn:#9A6A00; --shadow:0 18px 40px -16px rgba(30,30,80,.25);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0}
body{background:radial-gradient(900px 500px at 92% -10%,rgba(29,63,140,.18),transparent 60%),radial-gradient(800px 500px at -10% 30%,rgba(227,169,43,.08),transparent 60%),var(--bg);background-attachment:fixed;
  color:var(--ink);font:calc(14.5px*var(--fs))/1.5 var(--body);min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);font-weight:600;margin:0}
h1{font-size:calc(28px*var(--fs));margin:2px 0 16px;letter-spacing:-.01em}
h2{font-size:calc(22px*var(--fs))} h3{font-size:calc(16px*var(--fs));margin-bottom:12px} h4{font-size:calc(14px*var(--fs));margin:18px 0 8px;color:var(--dim)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc2);outline-offset:2px;border-radius:8px}
.dim{color:var(--dim)} .faint{color:var(--faint)} .small{font-size:calc(12.5px*var(--fs))} .grow{flex:1}
.up{color:var(--up)} .down{color:var(--down)} .warn-t{color:var(--warn)}
.num{text-align:right;font-variant-numeric:tabular-nums}
.priv{transition:filter .2s}
body.privacy .priv{filter:blur(8px)}

/* ---------- layout ---------- */
.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 12px;border-right:1px solid var(--line);background:rgba(12,20,36,.5);backdrop-filter:blur(14px)}
:root[data-theme="light"] .side{background:rgba(255,255,255,.6)}
.logo{display:block;padding:2px 12px 18px;color:#F1F3F7;text-decoration:none}.logo-svg{display:block;height:calc(34px*var(--fs));width:auto}
.logo.sm{display:none;padding:0}.logo.sm .logo-svg{height:calc(28px*var(--fs))}
.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:var(--dim);text-decoration:none;font-weight:500;margin-bottom:2px}
.nav a:hover{background:var(--s2);color:var(--ink)}
.nav a.on{background:linear-gradient(90deg,rgba(29,63,140,.22),rgba(227,169,43,.07));color:var(--ink);box-shadow:inset 2px 0 0 #2C56B0}
.nav a i{font-style:normal;width:22px;text-align:center;font-size:calc(16px*var(--fs))}
.nav .grp{font-size:calc(10.5px*var(--fs));letter-spacing:.12em;color:var(--faint);padding:16px 12px 6px;text-transform:uppercase}
.side-foot{margin-top:auto}
.mini{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--s2);font-size:calc(12px*var(--fs));color:var(--dim)}
.mini b{display:block;font:700 calc(18px*var(--fs)) var(--head);color:var(--ink)}
.set-link{display:block;margin-top:8px;padding:9px 12px;border-radius:12px;color:var(--dim);text-decoration:none}
.set-link:hover,.set-link.on{background:var(--s2);color:var(--ink)}
.mainwrap{min-width:0}
.topbar{display:flex;align-items:center;gap:8px;padding:14px 30px 0;max-width:1600px}
.main{padding:6px 30px 80px;max-width:1600px}
.crumb{color:var(--faint);font-size:calc(12.5px*var(--fs))}
.mob-only{display:none}
.foot{margin-top:40px;color:var(--faint);font-size:calc(11.5px*var(--fs));border-top:1px solid var(--line);padding-top:14px}

.subtabs{display:flex;gap:4px;background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:4px;width:max-content;max-width:100%;overflow-x:auto;margin-bottom:20px;scrollbar-width:none}
.subtabs a{padding:7px 15px;border-radius:999px;color:var(--dim);text-decoration:none;font-weight:500;font-size:calc(13px*var(--fs));white-space:nowrap}
.subtabs a.on{background:var(--acc);color:#fff}

.bnav{display:none}

/* ---------- components ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:16px;backdrop-filter:blur(10px)}
.card.empty{text-align:center;color:var(--dim);padding:34px}
.card.error{border-color:var(--down);color:var(--down)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid2>.card{margin-bottom:0} .grid2{margin-bottom:16px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.month{font-family:var(--head);min-width:140px;text-align:center}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--s2);border-radius:12px;padding:9px 15px;font-weight:600;font-size:calc(13.5px*var(--fs));cursor:pointer;text-decoration:none;min-height:40px}
.btn:hover{border-color:var(--acc)}
.btn.primary{background:var(--grad);border:0;color:#FFFFFF}
.btn.ghost{background:transparent}
.btn.danger{border-color:rgba(251,113,133,.5);color:var(--down)}
.btn.sm{padding:5px 10px;min-height:32px;font-size:calc(12.5px*var(--fs))}
.btn:disabled{opacity:.45;cursor:not-allowed}
.icon-btn{border:1px solid var(--line);background:var(--s2);border-radius:10px;width:40px;height:40px;display:inline-grid;place-items:center;cursor:pointer;text-decoration:none;font-size:calc(15px*var(--fs))}
.linklike{background:none;border:0;padding:0;text-align:left;cursor:pointer}
.badge{font-size:calc(11.5px*var(--fs));padding:4px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--dim);text-decoration:none}
.badge.warn{border-color:rgba(251,191,36,.5);color:var(--warn)}
.tag{font-style:normal;font-size:calc(10px*var(--fs));font-weight:700;letter-spacing:.05em;padding:1px 6px;border-radius:999px;background:var(--s2);color:var(--faint);text-transform:uppercase}
.note{font-size:calc(12px*var(--fs));color:var(--faint);margin:10px 0 0}
.note.warn{color:var(--warn)}
.eyebrow{font-size:calc(12.5px*var(--fs));color:var(--dim)}
.big{font:600 calc(26px*var(--fs)) var(--head)}

.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(29,63,140,.18),rgba(227,169,43,.06)),var(--surface)}
.hero-value{font:700 clamp(36px,6vw,52px)/1.05 var(--head);letter-spacing:-.02em;margin:4px 0 8px}
.hero-sub{font-size:calc(13.5px*var(--fs))}
.hero-spark{flex:0 1 280px;min-width:160px}
.hero-spark .spark{width:100%;height:64px}
.hero-empty{border-style:dashed}

.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kpis.small{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 0}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none;display:block}
a.kpi:hover{border-color:var(--line2)}
.kpi span{font-size:calc(12px*var(--fs));color:var(--dim);display:block}
.kpi b{display:block;font:600 calc(21px*var(--fs)) var(--head);margin:2px 0}
.kpi small{display:block;font-size:calc(11.5px*var(--fs))}
.kpi .spark{width:100%;height:26px;margin-top:6px}

.heads{list-style:none;margin:0;padding:0}
.heads a{display:flex;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.heads li:last-child a{border:0}
.heads i{font-style:normal;width:24px;text-align:center}
.heads span{flex:1} .heads b{color:var(--faint)}

.chart{width:100%;height:180px;display:block}
.chart-axis{display:flex;justify-content:space-between;font-size:calc(11px*var(--fs));color:var(--faint);margin-top:4px}
.empty-chart{height:120px;display:grid;place-items:center;color:var(--faint)}
.donut-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.legend{list-style:none;padding:0;margin:0;flex:1;min-width:160px}
.legend li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:calc(13px*var(--fs))}
.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.legend b{margin-left:auto;font-variant-numeric:tabular-nums}

/* tables built from grid rows (become cards on mobile) */
.table{display:flex;flex-direction:column}
.tr{display:grid;grid-template-columns:2.2fr 1fr 1.2fr 1.2fr .9fr 1.2fr;gap:10px;align-items:center;padding:11px 6px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;width:100%;cursor:pointer;border-radius:0}
button.tr:hover,.tr[data-sel]:hover{background:var(--s2)}
.tr.th{cursor:default;font-size:calc(11px*var(--fs));color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding-top:0}
.tr.sel{background:rgba(29,63,140,.1)}
.tr span small,.tr button small{display:block;font-size:calc(11.5px*var(--fs))}
.tr.two{grid-template-columns:1fr auto}
.tr.l{grid-template-columns:2fr 1.2fr .8fr 1fr 1fr 1fr}
.tr.w{grid-template-columns:2fr 1.2fr 1fr 1fr 44px}
.tr.t4{grid-template-columns:1.6fr 1fr 1fr 1.2fr;cursor:default}
.tr.t3{grid-template-columns:2fr 1.4fr auto;cursor:default}
.table.compact .tr{padding:8px 4px}
.kv{width:100%;border-collapse:collapse;margin-top:12px;font-size:calc(13.5px*var(--fs))}
.kv td{padding:7px 2px;border-bottom:1px solid var(--line)}
.kv tr.total td{font-weight:700;border-bottom:0;border-top:1px solid var(--line2)}

.bars{list-style:none;margin:0;padding:0}
.bars li{display:grid;grid-template-columns:minmax(90px,1.2fr) 2fr auto;gap:10px;align-items:center;padding:6px 0;position:relative;font-size:calc(13px*var(--fs))}
.bars i{height:8px;border-radius:99px;background:var(--grad);display:block;min-width:2px}
.bars.cat li{grid-template-columns:minmax(110px,1.2fr) 2fr 90px}
.bars .bar{position:relative;display:block;height:8px;background:var(--s2);border-radius:99px}
.bars .bar i{height:100%}
.bars .bar u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--warn);border-radius:2px}
.bars b{text-align:right;font-variant-numeric:tabular-nums}

.scen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.scen div{background:var(--s2);border:1px solid var(--line);border-radius:14px;padding:12px}
.scen span{font-size:calc(12px*var(--fs));color:var(--dim);display:block} .scen b{font:600 calc(19px*var(--fs)) var(--head);display:block}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.compare div{background:var(--s2);border:1px solid var(--line);border-radius:14px;padding:12px}
.compare span{font-size:calc(12px*var(--fs));color:var(--dim);display:block} .compare b{font:600 calc(20px*var(--fs)) var(--head);display:block} .compare small{color:var(--faint);font-size:calc(11.5px*var(--fs))}
.form-inline label{display:flex;align-items:center;gap:8px;font-size:calc(13px*var(--fs));color:var(--dim)}
.form-inline input{width:110px}

input,select,textarea{background:var(--s2);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;min-height:42px;width:100%}
select{appearance:auto}
:root:not([data-theme="light"]) select option{background:#141727}
input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--acc)}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:calc(13px*var(--fs))}
.field>span{color:var(--dim)}
.field small{color:var(--faint);font-size:calc(11.5px*var(--fs))}
.field.check{flex-direction:row;align-items:center;gap:10px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:999px;padding:5px 6px 5px 12px;font-size:calc(13px*var(--fs))}
.chip i{width:9px;height:9px;border-radius:3px}
.chip button{border:0;background:var(--s2);border-radius:99px;width:24px;height:24px;cursor:pointer}

/* markets */
.tape{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px;scrollbar-width:thin}
.tape button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px 12px;cursor:pointer;display:flex;gap:8px;font-size:calc(12.5px*var(--fs))}
.detail-h{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.detail-q{text-align:right} .detail-q b{display:block;font:600 calc(24px*var(--fs)) var(--head)}
.ranges{display:flex;gap:4px;align-items:center;margin:14px 0 8px}
.ranges button{border:1px solid var(--line);background:var(--s2);border-radius:8px;padding:4px 10px;font-size:calc(12px*var(--fs));cursor:pointer}
.ranges button.on{background:var(--acc);border-color:var(--acc);color:#fff}
.ranges span{margin-left:auto;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:16px 0}
.stats div{background:var(--s2);border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.stats span{font-size:calc(11.5px*var(--fs));color:var(--dim);display:block} .stats b{font:600 calc(15px*var(--fs)) var(--head)}
.about summary{cursor:pointer;color:var(--dim)} .about p{color:var(--dim);font-size:calc(13.5px*var(--fs))}
.news{list-style:none;padding:0;margin:0}
.news li{padding:8px 0;border-bottom:1px solid var(--line)}
.news a{text-decoration:none;font-weight:500;display:block}
.news a:hover{color:var(--acc2-ink)}
.news small{font-size:calc(11.5px*var(--fs))}
.search{font-size:calc(16px*var(--fs));padding:13px 16px}
.results{list-style:none;padding:0;margin:10px 0;max-height:46vh;overflow:auto}
.results button{width:100%;text-align:left;border:0;background:none;padding:10px 8px;border-bottom:1px solid var(--line);cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 10px}
.results button:hover{background:var(--s2)}
.results button span{grid-column:1;font-size:calc(12px*var(--fs))}
.results button .tag{grid-row:1/3;grid-column:2;align-self:center}

/* settings: provider matrix */
.prov-table{display:flex;flex-direction:column;margin-top:8px;overflow-x:auto}
.pt-row{display:grid;grid-template-columns:150px repeat(7,68px) minmax(150px,1fr) 260px;gap:8px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);min-width:1000px}
.pt-row.th{font-size:calc(10.5px*var(--fs));color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.pt-row>span:first-child a{display:block}
.pt-row .yes{color:var(--up);text-align:center;font-weight:700} .pt-row .no{color:var(--faint);text-align:center}
.keycell{display:flex;gap:6px;min-width:0}.keycell input{min-width:0} .keycell input{font-family:ui-monospace,monospace;font-size:calc(12px*var(--fs))}

/* modal */
.modal-wrap{position:fixed;inset:0;background:rgba(4,5,12,.6);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;padding:16px}
.modal{background:var(--raised);border:1px solid var(--line2);border-radius:22px;width:min(520px,100%);max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.modal.wide{width:min(640px,100%)}
.modal-h{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 6px}
.modal-h h3{margin:0}
.modal-b{padding:10px 20px;overflow:auto}
.modal-f{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--raised);border:1px solid var(--line2);padding:11px 18px;border-radius:14px;opacity:0;transition:all .25s;z-index:200;box-shadow:var(--shadow);max-width:90vw}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.warn{border-color:var(--warn)}

/* onboarding */
.onb{min-height:100vh;display:grid;place-items:center;padding:20px}
.onb-card{width:min(560px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}
.onb-card .brand{margin-bottom:14px;color:var(--ink)}.onb-card .brand .logo-svg{height:calc(40px*var(--fs));width:auto}
.onb-card h2{margin:14px 0 6px}
.dots{display:flex;gap:6px} .dots i{width:28px;height:4px;border-radius:9px;background:var(--line2)} .dots i.on{background:var(--grad)}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}
.choices.col{grid-template-columns:1fr}
.choice{border:1px solid var(--line2);background:var(--s2);border-radius:16px;padding:14px;cursor:pointer;text-align:left;font-weight:600;display:flex;gap:10px;align-items:center}
.choice.big{flex-direction:column;align-items:flex-start;gap:4px}
.choice.big span{font-weight:400;color:var(--dim);font-size:calc(13px*var(--fs))}
.choice.on{border-color:var(--acc);background:rgba(29,63,140,.15);box-shadow:0 0 0 1px var(--acc) inset}
.flag{font-size:calc(20px*var(--fs))}
.onb-f{display:flex;justify-content:space-between;margin-top:20px}
.privacy-box{border:1px dashed var(--line2);border-radius:14px;padding:12px;font-size:calc(13px*var(--fs));color:var(--dim);margin:10px 0}

/* ---------- responsive ---------- */
@media (max-width:1000px){ .kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .scen{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:860px){
  .app{grid-template-columns:1fr}
  .side{display:none}
  .logo.sm{display:block}
  .mob-only{display:inline-grid}
  .topbar{padding:12px 16px 0;position:sticky;top:0;z-index:20;background:linear-gradient(var(--bg) 70%,transparent);padding-bottom:6px}
  .main{padding:4px 16px 120px}
  h1{font-size:calc(24px*var(--fs))}
  .grid2{grid-template-columns:1fr}
  .bnav{display:flex;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:50;background:linear-gradient(180deg,rgba(30,34,60,.96),rgba(18,21,38,.97));backdrop-filter:blur(16px);
    border:1px solid rgba(111,155,216,.35);border-radius:24px;padding:7px 4px;justify-content:space-around;box-shadow:0 18px 40px -10px rgba(0,0,0,.8),0 0 30px rgba(29,63,140,.22)}
  :root[data-theme="light"] .bnav{background:rgba(255,255,255,.96)}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:calc(10px*var(--fs));font-weight:600;color:var(--dim);text-decoration:none;padding:6px 6px;border-radius:16px;min-width:52px;min-height:44px;transition:all .2s}
  .bnav a.on{background:var(--grad);color:#FFFFFF;box-shadow:0 6px 18px rgba(29,63,140,.5);transform:translateY(-4px)}
  .bnav a i{font-style:normal;font-size:calc(19px*var(--fs));line-height:1}
  .tr,.tr.l,.tr.w{grid-template-columns:1fr auto;gap:2px 10px}
  .tr.th{display:none}
  .tr>span:nth-child(n+3),.tr>button:nth-child(n+3){display:none}
  .tr>.num:nth-child(4){display:block;grid-column:2;grid-row:1}
  .tr>.num:nth-child(2){display:none}
  .tr.l>.num:nth-child(2){display:block}
  .tr.t4,.tr.t3{grid-template-columns:1fr auto}
  .tr.t4>span:nth-child(n+3),.tr.t3>*:nth-child(n+3){display:block}
  .compare{grid-template-columns:1fr}
  .toast{bottom:110px}
}
@media (max-width:480px){ .kpis,.kpis.small,.scen{grid-template-columns:1fr 1fr} .kpi b{font-size:calc(18px*var(--fs))} .hero-spark{display:none} }

.demo-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid rgba(251,191,36,.45);background:rgba(251,191,36,.08);border-radius:16px;padding:10px 14px;margin:4px 0 14px;font-size:calc(13.5px*var(--fs))}
.lock-card .big-icon{font-size:calc(34px*var(--fs))}
.link-btn{background:none;border:0;color:var(--acc2-ink);cursor:pointer;padding:6px 0;text-decoration:underline;font-size:calc(13px*var(--fs))}

.steps{margin:6px 0 0;padding-left:20px;color:var(--dim);font-size:calc(13.5px*var(--fs))}
.steps li{margin:4px 0}
.steps b{color:var(--ink)}

/* broker import */
.modal.xwide{width:min(860px,100%)}
.imp-brokers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.imp-b{border:1px solid var(--line);background:var(--s2);border-radius:14px;padding:12px;font-size:calc(12.5px*var(--fs));color:var(--dim)}
.imp-b b{display:block;color:var(--ink);font-size:calc(14px*var(--fs));margin-bottom:4px}
.drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed var(--line2);border-radius:16px;padding:26px 14px;cursor:pointer;text-align:center;transition:all .2s}
.drop:hover,.drop.over{border-color:var(--acc);background:rgba(29,63,140,.08)}
.imp-table .tr{grid-template-columns:34px 2.2fr 1fr 1fr 1fr .9fr;cursor:pointer}
.tag.new{background:rgba(52,211,153,.15);color:var(--up)} .tag.upd{background:rgba(227,169,43,.16);color:var(--acc2-ink)} .tag.warn{background:rgba(251,191,36,.14);color:var(--warn)}
@media (max-width:640px){.imp-brokers{grid-template-columns:1fr}.imp-table .tr{grid-template-columns:30px 1fr auto}.imp-table .tr>span:nth-child(n+4){display:none}.imp-table .tr>span:nth-child(3){display:block}}
/* Scotis preview overrides */
:root[data-theme="light"] .side{background:#FFFFFFcc}
:root[data-theme="light"] .logo{color:#0E2A66}
:root[data-theme="light"] .hero{background:linear-gradient(135deg,#1B3F8F,#0E2A66);color:#FAFAF7;border:0}
:root[data-theme="light"] .hero .eyebrow,:root[data-theme="light"] .hero .dim,:root[data-theme="light"] .hero .faint{color:#DCE6F5}
:root[data-theme="light"] .hero .up{color:#9FE0BC} :root[data-theme="light"] .hero .down{color:#F3B3A6}
:root[data-theme="light"] .hero .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}
:root[data-theme="light"] .btn.primary{background:#1B3F8F;color:#fff}
:root[data-theme="light"] .subtabs a.on{background:#1B3F8F}

/* ---------- step 1: positions ---------- */
.pos-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.pos-value{text-align:right}.pos-value b{display:block;font:700 calc(30px*var(--fs)) var(--head)}
.res-split{display:flex;flex-direction:column}
.res-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.res-row span small{display:block;font-size:calc(11.5px*var(--fs))}
.res-row.total{font-weight:700;border-bottom:2px solid var(--ink)}
.res-row.total b{font:700 calc(18px*var(--fs)) var(--head)}
.tx-table .tr{grid-template-columns:1.1fr 1.2fr 1fr 1.1fr .8fr}
a.tr{text-decoration:none;color:inherit}a.tr:hover{background:var(--s2)}
.owner-filter{margin-bottom:14px}.chip.on{background:var(--acc);border-color:var(--acc);color:#fff}
button.chip{cursor:pointer;background:none;padding:5px 12px}
.bars{display:flex;flex-direction:column;gap:8px}
.bar-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}
.bar{height:12px;background:var(--s2);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--acc);border-radius:999px}
.donut-row{display:grid;place-items:center;padding:10px 0}
.dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}
.mini-tabs a{cursor:pointer}
.tr.t4{grid-template-columns:2fr 1fr 1fr 1fr}
@media (max-width:760px){.tx-table .tr{grid-template-columns:1fr 1fr 1fr}.tx-table .tr span:nth-child(3),.tx-table .tr span:nth-child(5){display:none}.pos-value{text-align:left}}
.imp-how{margin:10px 0;font-size:calc(13px*var(--fs))}.imp-how summary{cursor:pointer;font-weight:600}.imp-how ul{padding-left:18px;margin:8px 0}.imp-how li{margin-bottom:6px}
.paste-area{width:100%;font:calc(13px*var(--fs))/1.5 ui-monospace,Menlo,monospace;border:1px solid var(--line2);border-radius:10px;padding:10px;background:var(--raised);color:var(--ink)}
.inline-field{display:inline-flex;align-items:center;gap:8px;font-size:calc(13px*var(--fs))}.inline-field input{width:130px;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;background:var(--raised);color:var(--ink)}
.rate-in{width:90px;text-align:right;border:1px solid var(--line2);border-radius:8px;padding:5px 8px;background:var(--raised);color:var(--ink)}
.big-bar{height:14px;margin:10px 0 6px}
em.tag[data-ok]{cursor:pointer}
/* ---------- Plus ---------- */
.nav a.nav-plus{color:var(--ink)} .nav a.nav-plus i{color:#E3A92B}
.nav em.lock{font-style:normal;font-size:calc(11px*var(--fs));margin-left:auto;opacity:.7}
.plan-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid rgba(29,63,140,.25);background:rgba(29,63,140,.06);border-radius:14px;padding:9px 14px;margin:4px 0 14px;font-size:calc(13.5px*var(--fs))}
.plan-banner.warn{border-color:rgba(227,169,43,.45);background:rgba(227,169,43,.08)}
.kicker{display:inline-block;font-size:calc(11.5px*var(--fs));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc2-ink);margin-bottom:8px}.plus-hero .kicker,.locked-card .kicker{color:#E3A92B}
.plus-hero{background:linear-gradient(135deg,#1B3F8F,#0E2A66);color:#DCE6F5;border:0;padding:30px}
.plus-hero h2{color:#fff;font-size:clamp(24px,3.4vw,34px);max-width:640px;margin-bottom:10px}
.plus-hero p{max-width:620px}.plus-hero .hero-note{font-size:calc(13px*var(--fs));opacity:.85;margin:12px 0 0}
.plus-hero .btn.primary{background:#E3A92B;color:#0E2A66}.btn.ghost.light{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.benefit{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}
.benefit i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#DCE6F5;color:#1B3F8F;font-size:calc(18px*var(--fs));margin-bottom:12px}
.benefit b{display:block;font:600 calc(16px*var(--fs)) var(--head);margin-bottom:4px}.benefit span{font-size:calc(13.5px*var(--fs));color:var(--dim)}
.cmp .cmp-r{grid-template-columns:2.4fr 1fr 1fr;cursor:default}
.cmp .yes{color:var(--up);font-weight:700;font-size:calc(16px*var(--fs))}.cmp .no{color:var(--faint);font-size:calc(15px*var(--fs))}.cmp-txt{font-size:calc(12.5px*var(--fs));color:var(--dim)}
.cmp .plus-col{background:rgba(29,63,140,.04)}
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.price{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;position:relative}
.price .amt{font:700 calc(34px*var(--fs)) var(--head);margin:6px 0 0}.price p{font-size:calc(13.5px*var(--fs));color:var(--dim);min-height:38px}
.price.hl{border:2px solid #1B3F8F}.price .tag{position:absolute;top:-10px;right:14px;background:#1B3F8F;color:#fff;font-size:calc(10.5px*var(--fs));padding:3px 9px}
.price .tag.copper{background:#E3A92B;color:#0E2A66}
.card.duo{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#DCE6F5;border:0}
:root:not([data-theme="light"]) .card.duo{background:rgba(220,230,245,.08)}
.locked-card{text-align:center;padding:40px 24px;max-width:640px;margin:0 auto 16px}
.locked-card .lock-ic{font-size:calc(34px*var(--fs));display:block;margin-bottom:6px}.locked-card h2{margin-bottom:8px}
.ticks{list-style:none;padding:0;margin:14px auto;display:inline-block;text-align:left}.ticks li{margin:6px 0;color:var(--dim)}
.locked-card .row{justify-content:center}
.plus-teaser{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px dashed rgba(29,63,140,.35)}
@media (max-width:860px){.benefits,.prices{grid-template-columns:1fr}}
/* ---------- cash flow ---------- */
.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.card-h h3{margin:0}
.bars.budget li{cursor:pointer}.bars.budget li:hover span:first-child{text-decoration:underline}
.bar.near i{background:#E3A92B}.bar.over i{background:var(--down)}.bar.ok i{background:var(--up)}
.year-scroll{overflow-x:auto}.year-t{border-collapse:collapse;font-size:calc(12.5px*var(--fs));width:100%;min-width:900px}
.year-t th,.year-t td{padding:6px 8px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.year-t th:first-child,.year-t td:first-child{text-align:left;position:sticky;left:0;background:var(--raised)}
.year-t tr.grp td{font-weight:700;color:var(--faint);text-transform:uppercase;font-size:calc(11px*var(--fs));letter-spacing:.06em;text-align:left;padding-top:14px}
.search-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sub-r{grid-template-columns:2.4fr .8fr 1fr 1fr 1.2fr;cursor:default}.tr.muted{opacity:.6}
em.tag.new{background:rgba(46,125,91,.15);color:var(--up)}
.acct-r{grid-template-columns:2fr 1fr;cursor:default}.check-inline{display:inline-flex;gap:6px;align-items:center}
.pots{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:16px}
.pot{display:flex;gap:16px;align-items:center;margin:0}.pot-b{flex:1;display:flex;flex-direction:column;gap:6px}.pot-b h3{margin:0}
.pot-amt{font:700 calc(22px*var(--fs)) var(--head)}.ring-wrap{width:84px;flex:none}.ring{width:84px;height:84px;display:block}
.ring-track{fill:none;stroke:var(--line);stroke-width:7}.ring-val{fill:none;stroke:var(--acc2);stroke-width:7;stroke-linecap:round}
.ring.done .ring-val{stroke:var(--up)}.ring-txt{font:700 calc(19px*var(--fs)) var(--head);fill:var(--ink)}.ring.done .ring-txt{fill:var(--up);font-size:calc(26px*var(--fs))}
@media (max-width:760px){.search-grid{grid-template-columns:1fr 1fr}.sub-r{grid-template-columns:2fr 1fr 1fr}.sub-r span:nth-child(2),.sub-r span:nth-child(4){display:none}}
input.inline{border:1px solid var(--line2);border-radius:8px;padding:6px 8px;background:var(--raised);color:var(--ink);font:inherit;max-width:180px}
#e-heirs select{border:1px solid var(--line2);border-radius:8px;padding:6px;background:var(--raised);color:var(--ink);font:inherit}
/* step 6: dashboard & reports */
.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.card-head h3{margin:0}
.chips.sm .chip{padding:3px 10px;font-size:calc(12px*var(--fs))}
.legend-inline{display:flex;gap:16px;font-size:calc(12px*var(--fs));color:var(--dim);margin-top:6px}.legend-inline i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.goals{display:flex;flex-direction:column;gap:14px;margin-top:6px}.goal-top{display:flex;justify-content:space-between;margin-bottom:5px}
.goal .bar{display:block;height:8px;background:var(--s2);border-radius:99px;overflow:hidden;margin-bottom:4px}.goal .bar i{display:block;height:100%;background:var(--acc2);border-radius:99px}.goal .bar.done i{background:var(--up)}
.dash-list{list-style:none;margin:8px 0 14px;padding:0}.dash-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:12px;margin-bottom:6px;background:var(--raised)}
.dash-list li .field{margin:0}.dash-list .grip{cursor:grab;color:var(--faint)}.dash-list li.dragging{opacity:.5}.dash-list .grow{flex:1}
.rep-preview h2{margin:4px 0}.rep-preview h4{margin:18px 0 4px;font:600 calc(15px*var(--fs)) var(--head)}.rep-head{border-bottom:2px solid var(--acc2);padding-bottom:8px}
/* step 7: billing */
.plan-banner.camp{background:linear-gradient(90deg,rgba(227,169,43,.14),rgba(29,63,140,.08));border-color:rgba(227,169,43,.35)}
.plan-banner code,code.share{font:600 calc(13px*var(--fs)) ui-monospace,Menlo,Consolas,monospace;background:var(--s2);padding:4px 8px;border-radius:8px;user-select:all;word-break:break-all}
code.share{display:inline-block;margin-top:6px}
.duo.invited{border:2px solid var(--acc2)}

/* font size (Settings: small / normal / large) */
:root[data-fs="s"]{--fs:1} :root[data-fs="m"]{--fs:1.1} :root[data-fs="l"]{--fs:1.22}
/* wide screens: more room and two columns on Home */
.dash-cols{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:start}
.dash-col>.card,.dash-col>.kpis{margin-bottom:16px}
.dash-col .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1280px){.dash-cols{grid-template-columns:1fr}.dash-col .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1000px){.dash-col .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-side{flex:0 1 300px;min-width:160px}.hero-side .hero-spark{flex:none;width:100%;min-width:0}

:root[data-theme="light"] .plus-hero .btn.primary{background:#E3A92B;color:#0E2A66}

/* step 5: free keys, calendar, quarterly, fit */
.feed-notice{margin-top:14px}
.keysetup.compact{border:1px dashed var(--line2)}
.ks-steps{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.ks-steps li{display:flex;gap:14px;align-items:flex-start}
.ks-n{flex:0 0 30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--soft,#EEF2F8);color:var(--acc)}
.ks-steps li.done .ks-n{background:var(--acc);color:#fff}
.ks-b{flex:1;min-width:0}.ks-b p{margin:2px 0 8px}
.ks-row{flex-wrap:wrap;gap:8px}.ks-row input{flex:1 1 200px;min-width:0}
.mk-extra{margin-top:18px}
.qbars{display:flex;align-items:flex-end;gap:6px;height:90px;margin:6px 0 4px}
.qb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.qb i{display:block;width:100%;max-width:34px;background:var(--acc);border-radius:4px 4px 0 0;opacity:.85}
.qb small{font-size:calc(10.5px*var(--fs));color:var(--dim)}
.fit-amt{max-width:220px}
.fit-head,.fit-row{display:grid;grid-template-columns:minmax(0,1.4fr) 62px 18px 62px minmax(0,1fr);gap:8px;align-items:center;font-size:calc(13.5px*var(--fs));padding:5px 0}
.fit-arrow{color:var(--dim);text-align:center}
.fit-bar{display:flex;height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.fit-bar i{display:block;height:100%;background:var(--acc)}.fit-bar i.after{background:var(--acc2)}
.chip.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.tag.gold{background:var(--acc2);color:#2b1d00}
.tr.ev{grid-template-columns:72px minmax(0,1fr) auto 72px 32px;align-items:center;cursor:default}
.ev-d{display:flex;flex-direction:column}
@media (max-width:640px){.fit-head,.fit-row{grid-template-columns:minmax(0,1fr) 54px 14px 54px}.fit-bar{grid-column:1/-1}.tr.ev{grid-template-columns:60px minmax(0,1fr) auto}.tr.ev>span:nth-child(4),.tr.ev>:last-child{display:none}}
.job-form h4{margin:16px 0 6px}

/* in-app help */
.hover-tip{position:fixed;z-index:250;max-width:260px;padding:10px 12px;border-radius:10px;background:var(--ink,#0E2A66);color:#fff;font-size:calc(13px*var(--fs));line-height:1.45;box-shadow:0 12px 30px -10px rgba(11,27,61,.45);pointer-events:none}
[data-theme=dark] .hover-tip,[data-theme=dark] .tip-pop{background:#F7F9FC;color:#0E2A66}
h1 .help-btn{vertical-align:middle;margin-left:8px}
.help-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--acc);font:700 14px/1 var(--body,inherit);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.help-btn.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.page-help{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;padding:14px 48px 14px 16px;margin:0 0 16px;border-radius:12px;background:color-mix(in srgb,var(--acc) 7%,transparent);border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);font-size:calc(13.5px*var(--fs))}
.page-help div{display:flex;flex-direction:column;gap:2px}.page-help b{color:var(--acc);font-size:calc(12px*var(--fs))}
.page-help .icon-btn{position:absolute;right:8px;top:8px}
@media (max-width:640px){.page-help{grid-template-columns:1fr}}
.ftip{border:0;background:transparent;color:var(--acc);cursor:pointer;font-size:calc(13px*var(--fs));padding:0 0 0 6px;line-height:1;vertical-align:baseline}
.ftip:focus-visible{outline:2px solid var(--acc);border-radius:4px}
.tip-pop{position:absolute;z-index:200;background:var(--ink,#0E2A66);color:#fff;padding:10px 12px;border-radius:10px;font-size:calc(13px*var(--fs));line-height:1.45;box-shadow:0 14px 34px -12px rgba(11,27,61,.5)}
.gs .gs-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.gs-bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:6px}.gs-bar i{display:block;height:100%;background:var(--acc2);border-radius:4px}
.gs-list{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.gs-list a{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;min-height:44px}
.gs-list a:hover{border-color:var(--acc)}
.gs-list span:last-child{display:flex;flex-direction:column}
.gs-c{flex:0 0 22px;height:22px;border-radius:50%;border:2px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
.gs-list li.done .gs-c{background:var(--acc);border-color:var(--acc)}
.gs-list li.done b{color:var(--dim)}
.tour{position:fixed;inset:0;z-index:300}
.tour-hole{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(11,27,61,.6);transition:all .25s ease;pointer-events:none}
.tour-dim{position:fixed;inset:0;background:rgba(11,27,61,.6)}
.tour-pop{position:fixed;background:var(--card,#fff);color:var(--ink,#0E2A66);border-radius:16px;padding:18px 18px 14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.tour-pop h3{margin:4px 0 6px}.tour-pop p{margin:0 0 14px;color:var(--dim)}
@media (prefers-reduced-motion:reduce){.tour-hole{transition:none}}

/* ---------- golf 1 (v0.14): rendement, vrijheid, datakwaliteit, sync, herbalanceren ---------- */
.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 14px;margin:6px 0 10px;align-items:end}
.fld.sm{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:calc(12.5px*var(--fs));color:var(--dim)}
.fld.sm input,.fld.sm select{width:100%}
.inline-sel{display:inline-flex;align-items:center;gap:8px;font-size:calc(13px*var(--fs));color:var(--dim)}
.chips.sm .chip{padding:5px 12px;cursor:pointer;background:none;color:inherit}
.chips.sm .chip.on{background:var(--acc);border-color:var(--acc);color:#fff}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.checks{list-style:none;margin:8px 0 0;padding:0}
.checks .hc{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.checks .hc:last-child{border-bottom:0}
.checks .hc>i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;background:var(--line);color:var(--dim)}
.checks .hc.ok>i{background:color-mix(in srgb,var(--up,#2E7D5B) 18%,transparent);color:var(--up,#2E7D5B)}
.checks .hc.warn>i{background:color-mix(in srgb,#E3A92B 25%,transparent);color:#9a6b07}
.checks .hc>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.qr{width:180px;max-width:100%;margin:6px 0 10px;background:#fff;padding:6px;border-radius:10px;border:1px solid var(--line)}
.qr svg{display:block;width:100%;height:auto}
.privacy-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.privacy-flow span{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:calc(13px*var(--fs))}
.privacy-flow i{font-style:normal;color:var(--dim)}
.steps-list{margin:6px 0 0 18px;padding:0;line-height:1.6}
@media (max-width:640px){ .kv td{padding:7px 1px} .fld.sm{min-width:130px} }
/* Pro (18 okt): blurred preview of a Pro page with your own numbers, the upgrade moment, gold accents */
.pro-lock{position:relative;min-height:420px}
.pro-preview{filter:blur(7px) saturate(.85);opacity:.55;pointer-events:none;user-select:none;max-height:720px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.pro-lock .locked-card{position:absolute;left:50%;top:48px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));box-shadow:0 30px 60px -30px rgba(11,27,61,.45);border:1px solid rgba(227,169,43,.45)}
.pro-lock .pro-preview:empty+.locked-card{position:static;transform:none;margin:0 auto}
.pro-moment{text-align:center}.pro-moment .ticks{text-align:left;display:inline-block;margin:6px auto 4px}
.pro-coin{width:72px;height:72px;display:block;margin:2px auto 12px;filter:drop-shadow(0 10px 14px rgba(150,100,10,.35));animation:procoin 6s ease-in-out infinite}
@keyframes procoin{0%,100%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(25deg) translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.pro-coin{animation:none}}
.pro-card{border:1px solid rgba(227,169,43,.45)}.pro-card .kicker{color:#C98D12}
.nav a.nav-plus{background:linear-gradient(90deg,rgba(227,169,43,.16),transparent);border-radius:12px}
.price.founding{border:1px solid rgba(227,169,43,.55)}
/* recovery code (0.16) */
.rc-code{font:700 22px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-align:center;padding:16px 12px;margin:12px 0;border-radius:12px;background:var(--card2,rgba(127,127,127,.08));border:1px dashed var(--line,rgba(127,127,127,.35));word-break:break-all;user-select:all}
.rc-banner{border-color:#E3A92B66}
.rc-none{margin-top:14px}.rc-none summary{cursor:pointer;color:var(--muted,#777);font-size:13px}.rc-none .btn{margin-top:8px}
.glossary{margin:12px 0 0}.glossary dt{font-weight:600;margin-top:14px}.glossary dd{margin:4px 0 0;color:var(--muted,#555);line-height:1.5}
.ks-how{margin:6px 0 8px}.ks-how summary{cursor:pointer;font-size:13px;color:var(--acc,#1B3F8F)}.ks-how ol{margin:6px 0 0 18px;padding:0;font-size:13px;line-height:1.5}