:root{color-scheme:dark;--bg:#101c26;--panel:#192a36;--line:#344650;--paper:#f4eedf;--muted:#b7c1c5;--orange:#ff946b;--mint:#c2e9cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 30px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:var(--paper);color:var(--bg)}header{border-bottom:1px solid var(--line)}nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:system-ui,sans-serif;letter-spacing:-1px;font-size:23px;font-weight:700;text-decoration:none}.brand span{color:var(--orange)}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px}.navlinks a{text-decoration:none}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:5px;background:var(--orange);color:#15222a;font-weight:700;text-decoration:none}.button.secondary,button.secondary{background:transparent;border-color:var(--line);color:var(--paper)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mint);margin:0 0 22px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding-top:78px;padding-bottom:86px}h1,h2,h3{font-family:system-ui,sans-serif;font-weight:500;line-height:1.1;letter-spacing:-1.7px;margin:0}h1{font-size:clamp(44px,6.1vw,75px)}h1 em{font-style:normal;color:var(--orange)}h2{font-size:clamp(30px,4vw,46px)}h3{font-size:24px;letter-spacing:-.7px}.lead{font-size:19px;color:var(--muted);max-width:530px;margin:27px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.fine{font-size:13px;color:var(--muted)}.hero .fine{margin-top:17px}.shelf{background:var(--paper);color:#172630;padding:28px;border-radius:8px;box-shadow:12px 15px 0 #283f4b;transform:rotate(1deg)}.shelf-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.shelf-head strong{font-family:system-ui;font-size:23px;letter-spacing:-.8px}.pill{font-size:10px;letter-spacing:1px;font-weight:700;background:#dce3d6;padding:5px 9px;border-radius:3px}.tabs{display:flex;gap:20px;border-bottom:1px solid #cdd0c7;padding-bottom:11px;font-size:13px}.tabs b{border-bottom:2px solid #e37550;padding-bottom:12px}.bookrow{display:grid;grid-template-columns:43px 1fr auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #d4d6ce}.booknum{width:43px;height:58px;background:#c7d9cc;display:grid;place-items:center;font:22px system-ui;border-left:5px solid #6e9984}.bookrow:nth-of-type(4) .booknum{background:#f0b394;border-color:#ba7050}.bookrow:nth-of-type(5) .booknum{background:#c8c1db;border-color:#8a78a4}.bookrow small{display:block;color:#52616a;font-size:12px}.bookrow strong{font-size:14px}.count{font-size:12px;background:#e3e8dd;padding:3px 7px}.bar{height:4px;background:#d0d6ca;margin-top:9px;border-radius:3px}.bar i{display:block;background:#dd805d;height:100%;width:73%}.shelf-note{font-size:12px;line-height:1.6;margin:20px 0 0;color:#50615e}.strip{border-block:1px solid var(--line);padding:20px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}.section{padding:78px 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading p{max-width:370px;color:var(--muted);margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature{border-top:1px solid var(--line);padding-top:24px}.feature .number{font-family:system-ui;font-size:12px;color:var(--orange);margin-bottom:20px}.feature p,.article p,.article li{color:var(--muted)}.cream{background:var(--paper);color:#182934}.cream .eyebrow{color:#617b66}.cream p{color:#4a5c64}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{border-bottom:1px solid #bbc3b7;padding:14px 0}.checklist li:before{content:'↳';color:#b76340;margin-right:15px}.pricebox{border:1px solid var(--line);border-top:4px solid var(--orange);padding:34px;background:var(--panel);border-radius:6px}.price{font:64px/1 system-ui;letter-spacing:-3px;margin:24px 0 12px}.price small{font:16px system-ui;letter-spacing:0;color:var(--muted)}.pricebox ul{padding-left:20px;color:var(--muted)}.faq{max-width:800px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:18px}.faq p{color:var(--muted)}.guide{display:block;text-decoration:none;border:1px solid var(--line);padding:25px;border-radius:4px;transition:background .15s}.guide:hover{background:var(--panel)}.guide p{color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--line);padding:35px 0 45px}.footer .wrap{display:flex;justify-content:space-between;gap:35px}.footerlinks{display:flex;gap:22px;font-size:13px;flex-wrap:wrap}.article{max-width:760px;margin:auto;padding:65px 30px 90px}.article h1{font-size:48px}.article h2{font-size:28px;margin-top:38px}.article h3{margin-top:24px}.article ul{padding-left:23px}.notice{border-left:3px solid var(--orange);padding:16px 20px;background:var(--panel);color:var(--muted);font-size:14px;margin:25px 0}.account{max-width:580px;margin:auto;padding:60px 30px 85px}.account h1{font-size:43px}.account label{display:block;font-size:14px;margin:16px 0 5px}.account input:not([type=checkbox]){width:100%;padding:12px 14px;background:#12232e;border:1px solid #5c6c76;border-radius:4px;color:var(--paper)}.account input[type=checkbox]{margin-right:10px}.account form button{width:100%;margin-top:20px}.account .text-button{padding:4px 0;min-height:32px;background:none;color:var(--mint);text-decoration:underline;font-size:14px}.account [hidden]{display:none!important}.error{color:#ffb39f}.message{white-space:pre-wrap;overflow-wrap:anywhere}.account .actions{margin:20px 0}.demo-controls{margin:20px 0;display:flex;gap:10px}.demo-controls button{font-size:13px;padding:8px 12px;min-height:40px}.demo-status{font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}code{color:var(--mint)}@media(max-width:850px){.hero{gap:35px;grid-template-columns:1fr;padding-top:50px}.hero h1{max-width:620px}.shelf{max-width:530px;transform:none}.split{gap:36px}.grid3{gap:22px}.section-heading{display:block}.section-heading p{margin-top:22px}.navlinks{gap:15px}.navlinks .desktop{display:none}}@media(max-width:600px){.wrap{padding-inline:22px}nav{min-height:78px}.brand{font-size:20px}.navlinks a:not(.button){display:none}.navlinks .button{min-height:40px;padding:8px 13px;font-size:12px}.hero{padding-bottom:55px}.hero h1{font-size:49px}.shelf{padding:22px;box-shadow:6px 8px 0 #283f4b}.strip .wrap{flex-wrap:wrap;gap:8px 20px;font-size:12px}.grid3,.split{grid-template-columns:1fr}.section{padding:55px 0}.footer .wrap{display:block}.footerlinks{margin-top:20px}.article h1{font-size:36px}.account{padding-inline:22px}.pricebox{padding:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}