[hidden]{display:none!important}.hero{padding-block:3rem 2.5rem}.back{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);margin-bottom:1.25rem;font-size:.75rem;transition:color .2s;display:inline-block}.back:hover{color:var(--ink)}.page-title{font-size:clamp(2rem,5vw,3rem);font-family:var(--font-serif);margin-bottom:1rem;font-weight:500;line-height:1.2}.page-desc{color:var(--ink-light);max-width:62ch;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.85}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.dashboard-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;padding:1.25rem 1.5rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:block}.card:hover{border-color:var(--ink);box-shadow:0 4px 12px rgba(var(--shadow-rgb), .06);transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card .label{margin-bottom:.6rem}.card-value{font-family:var(--font-serif);color:var(--ink);margin-bottom:.4rem;font-size:1.6rem;line-height:1.2}.card-note{color:var(--muted);margin-top:.4rem;font-size:.78rem;line-height:1.5}.drift-chips{flex-wrap:wrap;gap:.35rem;margin:.3rem 0 .1rem;display:flex}.drift-chip{font-family:var(--font-mono);white-space:nowrap;background:rgba(var(--shadow-rgb), .06);color:var(--ink-light);border-radius:999px;padding:.18rem .55rem;font-size:.72rem;line-height:1.3;display:inline-block}.drift-chip--sell{color:#b54040;background:#b540401a}.drift-chip--buy{color:#c98a2a;background:#c98a2a1a}:root[data-theme-effective=dark] .drift-chip--buy{color:#f0b860}:root[data-theme-effective=dark] .drift-chip--sell{color:#ef7a7a}.sleeve-bar{background:rgba(var(--shadow-rgb), .08);border-radius:4px;height:8px;margin:.5rem 0 .1rem;display:flex;overflow:hidden}.sleeve{height:100%;display:block}.sleeve--income{background:var(--accent)}.sleeve--growth{background:rgba(var(--shadow-rgb), .18)}.sleeve--gap{background:#b5404040}.next-step-strip{background:var(--bg-soft);border-left:3px solid var(--accent);color:var(--ink);border-radius:0 var(--radius) var(--radius) 0;padding:.75rem 1rem;font-size:.92rem;line-height:1.55}.portfolio-chart-section{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px rgba(var(--shadow-rgb), .04);border-radius:8px;margin-top:1.5rem;padding:1.5rem 1.75rem 1.75rem}.chart-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;font-size:.82rem;display:flex}.chart-header--portfolio{align-items:flex-start;margin-bottom:1rem}.chart-header--portfolio .label{margin-bottom:.4rem}.portfolio-chart-headline{font-family:var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.9rem;line-height:1.1}.portfolio-chart-sub{font-size:.85rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-top:.35rem;display:flex}.chart-stat-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;font-size:.7rem}.chart-stat--up{color:#2e7d4f}.chart-stat--down{color:#b54040}:root[data-theme-effective=dark] .chart-stat--up{color:#5fb585}:root[data-theme-effective=dark] .chart-stat--down{color:#e08b8b}.chart-tooltip{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:.78rem}.portfolio-chart-svg{width:100%;height:220px;color:var(--ink-light);margin:.5rem 0 .3rem;display:block}.chart-caveat{color:var(--muted);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.04em;margin-top:.3rem;line-height:1.6}.demo-badge{background:var(--bg-soft);border:1px solid var(--border);color:var(--ink-light);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.6rem;max-width:100%;margin-bottom:1.25rem;padding:.5rem .85rem;font-size:.8rem;line-height:1.3;display:inline-flex}.demo-badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.demo-content{display:block}.demo-workflow .section-heading,.demo-sleeves .section-heading,.demo-principles .section-heading{margin-bottom:2.5rem}.workflow-steps{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.workflow-steps li{border-top:2px solid var(--accent);padding-top:.5rem}.workflow-steps .step-num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);margin-bottom:1rem;font-size:.78rem;display:block}.workflow-steps h3{font-family:var(--font-serif);color:var(--ink);margin-bottom:.75rem;font-size:1.25rem;line-height:1.3}.workflow-steps p{color:var(--ink-light);font-size:.94rem;line-height:1.8}@media (width<=800px){.workflow-steps{grid-template-columns:1fr;gap:2rem}}.sleeves-body{grid-template-columns:1.4fr 1fr;align-items:start;gap:3rem;display:grid}.sleeves-prose p{color:var(--ink);margin-bottom:1rem;font-size:1rem;line-height:1.9}.sleeves-prose strong{color:var(--accent);font-weight:500}.sleeves-formula{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.5rem}.formula-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-size:.72rem}.formula-expr{font-family:var(--font-serif);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:.5rem .7rem;margin-bottom:1rem;font-size:1.15rem;line-height:1.6;display:flex}.formula-expr .div{color:var(--accent);font-size:1.4rem;line-height:1}.formula-expr .num,.formula-expr .den{white-space:nowrap}.formula-note{color:var(--muted);font-size:.82rem;line-height:1.6}@media (width<=800px){.sleeves-body{grid-template-columns:1fr;gap:2rem}}.principles-list{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.principles-list li{border-left:2px solid var(--border);padding-left:1rem}.principles-list h3{font-family:var(--font-serif);color:var(--ink);margin-bottom:.6rem;font-size:1.1rem;line-height:1.3}.principles-list p{color:var(--ink-light);font-size:.92rem;line-height:1.8}@media (width<=800px){.principles-list{grid-template-columns:1fr;gap:1.5rem}}.demo-credits{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);text-align:center;padding-block:1rem 2rem;font-size:.75rem;line-height:1.8}.cta-section{padding-block:4rem}.cta-inner{max-width:560px}.cta-inner h2{font-family:var(--font-serif);margin-bottom:.75rem;font-size:1.75rem;font-weight:500}.cta-inner p{color:var(--ink-light);margin-bottom:1.5rem;line-height:1.75}