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