:root{--ink:#10202C;--teal:#55C4B2;--amber:#F8BC4E;--line:#D9E2E5;--muted:#5E7480}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;font-size:16px}
main{max-width:1040px;margin:0 auto;padding:36px 28px 64px}
h1{font-size:44px;line-height:1.1;margin:0 0 10px;font-weight:800;letter-spacing:-.02em}
h2{font-size:28px;margin:64px 0 6px;font-weight:800;letter-spacing:-.01em}
h3{font-size:18px;margin:28px 0 8px;font-weight:600}
.cap-first{text-transform:capitalize}
p{max-width:68ch}.muted{color:var(--muted)}.lede{font-size:19px;max-width:60ch}
code{font-family:ui-monospace,Consolas,monospace;font-size:14px;background:#EEF3F4;padding:1px 6px;border-radius:4px}
.g-hero{display:flex;gap:40px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:40px}.hero-logo{width:340px;height:auto}
.dl{display:inline-block;margin-top:6px;padding:14px 24px;border-radius:12px;background:#F8BC4E;color:#10202C;font-weight:600;font-size:16px;text-decoration:none}.dl:hover{background:#FFCB6B}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mt16{margin-top:16px}
.card{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.card .stage{display:flex;align-items:center;justify-content:center;padding:28px;min-height:170px}
.card .stage.compact{min-height:130px;padding:18px}.card .stage.block{display:block;padding:28px}
.card .cap{padding:12px 16px;border-top:1px solid var(--line);font-size:14px}.card .cap b{display:block;font-size:15px}
.on-dark{background:#0E141A}.on-light{background:#fff}.on-mist{background:#EAF2F1}
.stage img{max-width:100%;height:auto}.w300{width:300px}
.sizes{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap}.sizes figure{margin:0;text-align:center;font-size:14px;color:var(--muted)}.sizes img{display:block;margin:0 auto 6px}
.sw{display:flex;gap:14px;font-size:14px;line-height:1.5}.sw .chip{width:64px;height:64px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.ramp{display:flex;gap:6px;margin:8px 0 18px}.ramp div{flex:1;height:68px;border-radius:8px;font-size:14px;line-height:1.35;padding:7px 8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);overflow:hidden}
table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}th{font-weight:600;background:#F4F8F8}
.demo{display:inline-block;padding:6px 12px;border-radius:6px;font-weight:600}
.clear{display:inline-block;padding:46px;border:1.5px dashed #8FB1BA;border-radius:6px;background:repeating-linear-gradient(45deg,#F4F8F8,#F4F8F8 8px,#fff 8px,#fff 16px)}.clear img{width:260px;height:auto;display:block;background:#fff}
.dont li,ul li{margin-bottom:6px}.cols{columns:2;column-gap:32px}
.t-display{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.t-head{font-size:22px;font-weight:600;margin-top:10px}.t-body{font-size:16px;margin-top:10px;max-width:60ch;font-weight:400}.tab{font-variant-numeric:tabular-nums}
@media(max-width:760px){.g-hero{flex-direction:column;align-items:flex-start}.grid2,.grid4{grid-template-columns:1fr}h1{font-size:34px}.cols{columns:1}.ramp{flex-wrap:wrap}.ramp div{flex:1 1 18%}}
@media print{h2{break-after:avoid}.card,.sw,table{break-inside:avoid}main{padding-top:0}}
.bgEFFAF9{background:#EFFAF9}
.bgD7F4EF{background:#D7F4EF}
.bgB0E8E0{background:#B0E8E0}
.bg88DDD0{background:#88DDD0}
.bg55C4B2{background:#55C4B2}
.bg41C8B4{background:#41C8B4}
.bg30A694{background:#30A694}
.bg268275{background:#268275}
.bg1C5F55{background:#1C5F55}
.bg123F39{background:#123F39}
.bgFEF8EB{background:#FEF8EB}
.bgFDEDCE{background:#FDEDCE}
.bgFBDFA7{background:#FBDFA7}
.bgF9CF7B{background:#F9CF7B}
.bgF8BC4E{background:#F8BC4E}
.bgF7B83B{background:#F7B83B}
.bgF5A70A{background:#F5A70A}
.bgC48508{background:#C48508}
.bg936406{background:#936406}
.bg624304{background:#624304}
.bgF8FAFB{background:#F8FAFB}
.bgEFF3F6{background:#EFF3F6}
.bgDEE7ED{background:#DEE7ED}
.bgBECEDA{background:#BECEDA}
.bg90ACC1{background:#90ACC1}
.bg628AA7{background:#628AA7}
.bg496B83{background:#496B83}
.bg375062{background:#375062}
.bg253541{background:#253541}
.bg10202C{background:#10202C}
.bgFFFFFF{background:#FFFFFF}
.bg091620{background:#091620}
.bg1E3B4D{background:#1E3B4D}
.bgDDEEEA{background:#DDEEEA}
.bg2E9E6B{background:#2E9E6B}
.bgE5484D{background:#E5484D}
.bg3B82C4{background:#3B82C4}
.fg10202C{color:#10202C}
.fgFFFFFF{color:#FFFFFF}
.fg55C4B2{color:#55C4B2}
.fgF8BC4E{color:#F8BC4E}