/* Shared palettes: the same visual direction follows the website into the demo. */
:root,[data-palette=ledger]{--ui-bg:#f5f3ec;--ui-panel:#fffdf6;--ui-ink:#262d27;--ui-muted:#637164;--ui-line:#d6d9cc;--ui-soft:#e9ecdf;--ui-accent:#985032;--ui-accent-ink:#fff9f1;--ui-positive:#38744e;--ui-negative:#ac4e44;--ui-font:Arial,sans-serif;--ui-display:Georgia,serif;--ui-radius:2px}
html[data-look=copper],[data-palette=copper]{--ui-bg:#1c1917;--ui-panel:#26221e;--ui-ink:#eee4d3;--ui-muted:#b4a996;--ui-line:#474039;--ui-soft:#332b24;--ui-accent:#d4a16e;--ui-accent-ink:#211a14;--ui-positive:#a9c59a;--ui-negative:#ef9a8a;--ui-font:Arial,sans-serif;--ui-display:Georgia,serif;--ui-radius:3px}
html[data-look=cobalt],[data-palette=cobalt]{--ui-bg:#f5f8fc;--ui-panel:#fff;--ui-ink:#12233d;--ui-muted:#596b84;--ui-line:#d5e0ed;--ui-soft:#e9f0fa;--ui-accent:#225add;--ui-accent-ink:#fff;--ui-positive:#22714d;--ui-negative:#b7474b;--ui-font:Arial,sans-serif;--ui-display:Arial,sans-serif;--ui-radius:12px}
html[data-look=terminal],[data-palette=terminal]{--ui-bg:#101715;--ui-panel:#17211d;--ui-ink:#d7e7dd;--ui-muted:#95ad9f;--ui-line:#344b40;--ui-soft:#22382b;--ui-accent:#b7d98b;--ui-accent-ink:#172218;--ui-positive:#aaca8e;--ui-negative:#e79b89;--ui-font:Consolas,monospace;--ui-display:Consolas,monospace;--ui-radius:0px}
html[data-look=atelier],[data-palette=atelier]{--ui-bg:#151c2a;--ui-panel:#202a3b;--ui-ink:#f1f2ed;--ui-muted:#b0b9cb;--ui-line:#3c475c;--ui-soft:#2e3a4e;--ui-accent:#d8eb85;--ui-accent-ink:#1c2518;--ui-positive:#b8dcab;--ui-negative:#ffb0a0;--ui-font:Arial,sans-serif;--ui-display:Arial,sans-serif;--ui-radius:0px}
html[data-look=folio],[data-palette=folio]{--ui-bg:#f5ece3;--ui-panel:#fcf7ef;--ui-ink:#3b2529;--ui-muted:#786166;--ui-line:#d9c3bd;--ui-soft:#ecddd4;--ui-accent:#89384d;--ui-accent-ink:#fff8ef;--ui-positive:#4d7353;--ui-negative:#ad414f;--ui-font:Arial,sans-serif;--ui-display:Georgia,serif;--ui-radius:0px}
.appearance-dock{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;max-width:calc(100vw - 24px);padding:10px 14px;background:var(--ui-panel);color:var(--ui-ink);border:1px solid var(--ui-line);box-shadow:0 8px 30px #0003;font:11px Arial,sans-serif;border-radius:6px}.appearance-dock select{padding:7px;background:var(--ui-bg);color:var(--ui-ink);border:1px solid var(--ui-line);font:12px Arial,sans-serif}.appearance-dock a{white-space:nowrap}.appearance-dock button{border:0;background:none;color:var(--ui-ink);font-size:20px}.appearance-dock label{white-space:nowrap}
.home .footer-top nav{flex-wrap:wrap}
/* Keep layout/content in one document; these are complete visual treatments. */
html[data-look] .home{--paper:var(--ui-bg);--ink:var(--ui-ink);--muted:var(--ui-muted);--rule:var(--ui-line);--copper:var(--ui-accent);background:var(--ui-bg);color:var(--ui-ink);font-family:var(--ui-font)}
html:not([data-look=ledger]) .home h1,html:not([data-look=ledger]) .home h2,html:not([data-look=ledger]) .home .tour-caption h3,html:not([data-look=ledger]) .home .scope-row h3{font-family:var(--ui-display)}
html:not([data-look=ledger]) .home :is(.eyebrow,.micro,.secondary,.edition,.edition span:last-child,.tour-nav small,.tour-footnote,.scope-row small,.pricing-afterword,.price-card>small,.footer-bottom,.footer-top>p,.faq-list p,.cost-experiment>p,.cost-readout>span,.cost-label,.cost-scale,.cost-legend,.ownership-grid dd,.ownership-grid>div>p){color:var(--ui-muted)}
html:not([data-look=ledger]) .home :is(.button.copper,.button.ink){background:var(--ui-accent);color:var(--ui-accent-ink);border-radius:var(--ui-radius)}
html:not([data-look=ledger]) .home :is(.brand-mark,.edition i){background:var(--ui-accent);color:var(--ui-accent-ink)}
html:not([data-look=ledger]) .home :is(.brand-period,.text-link,.tour-number,.tour-arrow,.capability-strip b,.scope-row>span,.footer-top nav,.cost-label output){color:var(--ui-accent)}
html:not([data-look=ledger]) .home :is(.tour-nav button[aria-selected=true],.tour-nav button:hover,.cost-experiment,.price-card.featured,.ownership-section){background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line)}
html:not([data-look=ledger]) .home .tour-nav button{color:var(--ui-muted)}html:not([data-look=ledger]) .home .tour-nav button[aria-selected=true]{color:var(--ui-ink);box-shadow:inset 3px 0 var(--ui-accent)}
html:not([data-look=ledger]) .home :is(.price-card>p,.price-card li,.planned-feature-note,.cost-experiment .micro){color:var(--ui-muted)}
html:not([data-look=ledger]) .home :is(.pricing-grid,.price-card,.price-card.featured,.ownership-grid dl>div,.cost-label,.available-pill,.planned-pill,.example-tag){border-color:var(--ui-line)}
html:not([data-look=ledger]) .home :is(.available-pill,.planned-pill,.example-tag){color:var(--ui-accent)}
html:not([data-look=ledger]) .home .cost-readout output{color:var(--ui-positive)}html:not([data-look=ledger]) .home .cost-readout output[data-negative=true]{color:var(--ui-negative)}
html:not([data-look=ledger]) .home :is(.screenshot-dialog,.dialog-close){background:var(--ui-panel);color:var(--ui-ink)}html:not([data-look=ledger]) .home .screenshot-dialog>p{color:var(--ui-muted)}
html:not([data-look=ledger]) .home .workbench{background:var(--ui-panel);color:var(--ui-ink);border-block:1px solid var(--ui-line)}html:not([data-look=ledger]) .home .workbench h2 em{color:var(--ui-accent)}
html:not([data-look=ledger]) .home .workbench :is(.section-intro>p,.workflow-steps p,.workflow-note p,.workflow-note>span,.step-index span){color:var(--ui-muted)}html:not([data-look=ledger]) .home .workbench :is(.workflow-steps h3,.workflow-note a){color:var(--ui-ink)}html:not([data-look=ledger]) .home .workbench :is(.step-index,.step-output){color:var(--ui-accent)}
html[data-look=copper] .home .masthead-grid{grid-template-columns:1fr;text-align:center;gap:24px;margin-block:55px}html[data-look=copper] .home .masthead-copy{max-width:650px;margin:auto}html[data-look=copper] .home .masthead-copy .secondary{max-width:570px;margin-inline:auto}html[data-look=copper] .home .masthead-actions{justify-content:center}html[data-look=copper] .home h1{font-size:clamp(55px,6.7vw,96px)}
html[data-look=cobalt] .home h1{font-weight:700;letter-spacing:-4px}html[data-look=cobalt] .home h1 em,html[data-look=cobalt] .home h2 em{font-style:normal}html[data-look=cobalt] .home .desk-preview{border-radius:16px}html[data-look=cobalt] .home .product-tour{grid-template-columns:1fr}html[data-look=cobalt] .home .tour-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:0}html[data-look=cobalt] .home .tour-nav button{border:1px solid var(--ui-line);border-radius:8px;padding:20px 14px}html[data-look=cobalt] .home .tour-panels{max-width:1000px;margin:auto}html[data-look=cobalt] .home h2{font-weight:600}
html[data-look=terminal] .home .wrap{max-width:1260px}html[data-look=terminal] .home h1{font-size:clamp(39px,4.2vw,64px);line-height:1.13;letter-spacing:-3px}html[data-look=terminal] .home h1 em,html[data-look=terminal] .home h2 em{font-style:normal}html[data-look=terminal] .home h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.5px}html[data-look=terminal] .home .section-space{padding-block:65px}html[data-look=terminal] .home .masthead-grid{gap:35px}html[data-look=terminal] .home .masthead-copy>p:first-child{font-size:16px}html[data-look=terminal] .home .desk-preview{border-radius:0;box-shadow:none}html[data-look=terminal] .home .capability-strip{font-family:Consolas,monospace}
html[data-look=atelier] .home .masthead-grid{grid-template-columns:1fr;gap:28px}html[data-look=atelier] .home h1{font-size:clamp(60px,8.6vw,116px);font-weight:750;line-height:.95;letter-spacing:-6px}html[data-look=atelier] .home h1 em{font-style:normal}html[data-look=atelier] .home .masthead-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 60px}html[data-look=atelier] .home .masthead-copy .secondary{margin:0;max-width:490px}html[data-look=atelier] .home .masthead-actions{margin:0}html[data-look=atelier] .home h2{font-weight:600}html[data-look=atelier] .home .desk-preview{border-radius:0;box-shadow:12px 12px 0 var(--ui-soft)}html[data-look=atelier] .home .edition{border-bottom:1px solid var(--ui-line);padding-bottom:20px}
html[data-look=folio] .home .site-header{border-bottom:3px double var(--ui-line)}html[data-look=folio] .home .masthead-grid{grid-template-columns:1.3fr 1fr;gap:45px}html[data-look=folio] .home h1{font-size:clamp(54px,6vw,87px);letter-spacing:-4px}html[data-look=folio] .home .desk-preview{border-radius:0;box-shadow:8px 8px 0 #d9c3bd}html[data-look=folio] .home .edition{font-family:Georgia,serif;letter-spacing:1px}html[data-look=folio] .home .section-intro{grid-template-columns:1fr 1fr}html[data-look=folio] .home .pricing-grid{border-top:3px double var(--ui-line)}
@media(max-width:800px){.appearance-dock{bottom:10px;gap:10px}.appearance-dock label{display:none}html[data-look=cobalt] .home .tour-nav{grid-template-columns:1fr 1fr}html[data-look=atelier] .home h1{letter-spacing:-3px}html[data-look=atelier] .home .masthead-copy{grid-template-columns:1fr;gap:15px}html[data-look=folio] .home .masthead-grid,html[data-look=folio] .home .section-intro{grid-template-columns:1fr}html[data-look=copper] .home .masthead-grid{margin-block:35px}html[data-look=terminal] .home .masthead-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.appearance-dock{scroll-behavior:auto}}
html[data-look=graphite],[data-palette=graphite]{--ui-bg:#131619;--ui-panel:#1b2026;--ui-ink:#ecece8;--ui-muted:#a1abb3;--ui-line:#353d45;--ui-soft:#282e34;--ui-accent:#c2ac8c;--ui-accent-ink:#1b1e21;--ui-positive:#b0c9bc;--ui-negative:#d3a6a1;--ui-font:"Segoe UI",Arial,sans-serif;--ui-display:"Segoe UI",Arial,sans-serif;--ui-radius:2px}html[data-look=graphite] .demo-body .brand-mark{background:transparent;color:#c2ac8c}html[data-look=graphite] .demo-body .desk-metrics strong,html[data-look=graphite] .demo-body .compare-values strong{font-family:Consolas,monospace}html[data-look=graphite] .demo-body .desk-intro h1{font-family:Georgia,serif;font-weight:400}