:root{--paper:#FCFAF6;--ink:#1E1E1C;--grey:#6B6B66;--line:#E4DED2;--panel:#F3EFE7;--accent:#C2573A;--fit:#2E7D4F;--tension:#B23B3B}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 "Avenir Next",Avenir,"Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.brand{font-weight:800;font-size:19px;letter-spacing:-.01em;text-decoration:none}
nav a{margin-left:18px;font-size:15px;font-weight:600;text-decoration:none}
nav a:first-child{margin-left:0}
h1{font-size:clamp(34px,6vw,58px);line-height:1.04;letter-spacing:-.02em;margin:.5em 0 .2em;font-weight:800}
h2{font-size:26px;line-height:1.2;margin:1.8em 0 .5em;letter-spacing:-.01em}
h3{font-size:18px;margin:1.4em 0 .3em}
.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent)}
.lede{font-size:21px;line-height:1.45;max-width:38em}
.muted{color:var(--grey)}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:11px 18px;border-radius:8px;font-weight:700;text-decoration:none;margin:6px 10px 6px 0}
.btn:hover{background:var(--accent);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.fan{display:flex;gap:14px;overflow-x:auto;padding:8px 2px 18px;margin:26px 0 6px}
.fan img{width:190px;height:auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.13);flex:none}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;list-style:none;counter-reset:s}
.steps li{background:var(--panel);border-radius:12px;padding:18px;counter-increment:s}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:14px;margin-bottom:8px}
.steps b{display:block;font-size:18px}
.chain{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}
.chain div{border-radius:10px;padding:12px 14px;color:#fff;font-weight:700}
.chain small{display:block;font-weight:500;font-style:italic;opacity:.95}
.chain .dark{color:var(--ink)}
.group{margin:34px 0}
.group h2{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.dot{width:14px;height:14px;border-radius:4px;display:inline-block;flex:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.tile{display:block;background:#fff;border:1px solid var(--line);border-left:6px solid var(--c);border-radius:8px;padding:10px 12px;text-decoration:none}
.tile:hover{border-color:var(--c);color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.tile b{display:block;line-height:1.25}
.tile span{font-size:14px;color:var(--grey)}
.exp{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--grey);white-space:nowrap}
.exp::before{content:"";display:inline-block;width:8px;height:8px;background:currentColor;transform:rotate(45deg);margin-right:6px}
.band{color:#fff;padding:26px 0 22px}
.band.dark{color:var(--ink)}
.band .kicker{color:inherit;opacity:.95}
.band h1{margin:.15em 0 .1em;font-size:clamp(30px,5.2vw,48px)}
.band p{margin:0;font-style:italic;font-size:18px}
.card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:36px;margin:30px 0 10px;align-items:start}
.card img{width:100%;height:auto;border-radius:12px;box-shadow:0 3px 14px rgba(0,0,0,.14)}
@media(max-width:720px){.card{grid-template-columns:1fr}.card img{max-width:260px}}
.def{font-size:22px;line-height:1.4;margin:0 0 .7em}
.match{list-style:none;padding:0;margin:.4em 0 1em}
.match li{display:flex;gap:10px;align-items:baseline;margin:.35em 0}
.sym{flex:none;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:800;font-size:15px;line-height:1;transform:translateY(3px)}
.sym.fit{background:var(--fit)}.sym.ten{background:var(--tension)}
.box{background:var(--panel);border-radius:10px;padding:14px 16px;margin:1em 0}
.box .kicker{color:var(--grey)}
.box p{margin:.2em 0 0;font-weight:600}
.long{max-width:40em}
.pn{display:flex;justify-content:space-between;gap:16px;margin:36px 0 0;padding-top:16px;border-top:1px solid var(--line);font-weight:600;font-size:15px}
.pages img{width:100%;height:auto;border:1px solid var(--line);border-radius:6px;margin:10px 0}
.text{max-width:42em}
.text ul,.text ol{padding-left:1.2em}
footer.site{margin-top:70px;border-top:1px solid var(--line);padding:26px 0 40px;font-size:14px;color:var(--grey)}