/* Shared tokens: extend these when adding product pages or guides. */
:root{color-scheme:light;--ink:#202725;--muted:#58605c;--paper:#fff;--light:#f3f5f2;--line:#dce1dc;--accent:#fa973e;--width:1160px}
*{box-sizing:border-box}
html{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:var(--ink);background:var(--paper)}
body{margin:0}
a{color:inherit}
.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}
p,h1,h2{margin:0}
a:focus-visible,[tabindex]:focus-visible{outline:3px solid #c25a00;outline-offset:6px}
.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:2}
.skip-link:focus{top:12px}
.site-header{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand-logo{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;text-decoration:none;}
.brand-logo img{display:block;width:300px;max-width:100%;height:auto;}
.header-label,.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700}
.header-label{color:var(--muted)}
.hero{background:var(--light);border-block:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:76px;padding-block:76px}
.hero-copy{padding-block:5px}
.hero-copy>.eyebrow{margin-bottom:24px;color:var(--muted)}
h1{font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-2.1px;font-weight:750}
h1 span{color:var(--muted)}
.intro{font-size:22px;line-height:1.45;margin-top:28px;max-width:470px;font-weight:600}
.description{margin-top:16px;max-width:455px;color:var(--muted);font-size:16px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:#202725;font-size:17px;font-weight:700;min-height:58px;padding:14px 24px;margin-top:30px;border:1px solid transparent;text-decoration:none;border-radius:2px}
.button:hover{background:#ffac62;border-color:#a8530b}
.button:active{background:#ed882f}
.button span{font-size:24px;line-height:1}
.cta-note{font-size:13px;color:var(--muted);max-width:350px;margin-top:12px;line-height:1.5}
/* Typography carries the side panel: no stock photos or invented product imagery. */
.chapter{background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:32px 34px;border-top:5px solid var(--accent);min-height:455px}
.chapter-top{display:flex;gap:16px;align-items:center;justify-content:space-between;color:#d1d8d2}
.chapter-top .eyebrow{font-size:11px;letter-spacing:1.3px}
.chapter-index{font-size:11px;white-space:nowrap;font-family:monospace}
.chapter-body{padding-block:48px}
.chapter-small{font-size:17px;margin-bottom:14px;color:#d1d8d2}
.chapter h2{font-size:clamp(48px,5.5vw,72px);line-height:1.03;letter-spacing:-2.5px}
.chapter h2 span{color:var(--accent)}
.chapter-bottom{display:flex;gap:16px;align-items:flex-start;color:#d1d8d2;font-size:14px;line-height:1.55}
.rule{display:block;flex:0 0 28px;height:2px;background:var(--accent);margin-top:10px}
.update{padding-block:48px;display:grid;grid-template-columns:1fr 2fr;gap:48px}
.update>.eyebrow{padding-top:7px;color:var(--muted)}
.update h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin-bottom:12px}
.update p:not(.eyebrow){color:var(--muted);max-width:650px}
.launch-note{display:none;margin-bottom:32px;padding:20px;border:2px solid #a8530b;background:#fff6eb}
.launch-note:target{display:block}
.launch-note p{margin-top:6px}
.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:25px;color:var(--muted);font-size:12px}
.footer-brand{font-size:14px;font-weight:700;color:var(--ink)}
@media(min-width:1500px){.hero-inner{padding-block:90px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-inner{gap:36px;padding-block:52px;grid-template-columns:1.2fr 1fr}.chapter{padding:26px}.chapter-index{display:none}.chapter h2{font-size:58px}.update{grid-template-columns:1fr 2fr;gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{min-height:100px;gap:14px}.brand-logo img{width:215px}.header-label{max-width:125px;font-size:10px;letter-spacing:1.1px;text-align:right}.hero-inner{grid-template-columns:1fr;gap:36px;padding-block:38px}.hero-copy{padding:0}h1{font-size:clamp(34px,8.6vw,54px);letter-spacing:-1.4px}.hero-copy>.eyebrow{margin-bottom:20px}.intro{font-size:20px;margin-top:24px}.description{margin-top:14px}.button{margin-top:26px;width:100%}.cta-note{max-width:none}.chapter{min-height:0;padding:26px}.chapter-index{display:block}.chapter-body{padding-block:28px}.chapter h2{font-size:52px}.chapter h2 br{display:none}.chapter h2 span::before{content:' '}.chapter-small{font-size:16px;margin-bottom:12px}.update{grid-template-columns:1fr;gap:16px;padding-block:34px}.update h2{font-size:23px}.site-footer{flex-wrap:wrap;gap:8px;padding-block:22px}}
@media(max-width:360px){.header-label{display:none}.chapter h2{font-size:44px}.chapter{padding:22px}.chapter-index{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}