:root{color-scheme:dark;--bg:#0b1215;--panel:#142125;--panel2:#192b2e;--ink:#edf7f3;--muted:#a7bdb7;--line:#2d4546;--mint:#7ceacd;--gold:#e6c987}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 0%,#214240 0%,transparent 31rem),radial-gradient(circle at 0 25rem,#162e36 0%,transparent 24rem),var(--bg);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--mint);text-underline-offset:3px}
a:hover{color:#b7f9e6}
a:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:4px}
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem max(1.25rem,calc((100vw - 1140px)/2));border-bottom:1px solid var(--line);background:#0b1215da}
.top nav,footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.top nav a,footer nav a{text-decoration:none;color:var(--muted)}
.top nav a:hover,footer nav a:hover{color:var(--mint)}
.brand{font-size:1.35rem;font-weight:800;letter-spacing:-.04em;text-decoration:none;color:var(--ink);white-space:nowrap}
main{max-width:1140px;margin:auto;padding:2rem 1.25rem 5rem}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.88rem;margin-bottom:2.5rem}
.crumbs a{color:var(--muted)}
.eyebrow{color:var(--gold);font-size:.77rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
h1,h2{letter-spacing:-.035em;line-height:1.12}
h1{font-size:clamp(2.5rem,7vw,5rem);margin:.45rem 0 1.1rem;max-width:18ch}
h2{font-size:clamp(1.55rem,3vw,2.1rem);margin:3.2rem 0 1rem}
.lede{color:#d1e3dc;font-size:clamp(1.13rem,2vw,1.32rem);max-width:70ch;line-height:1.55}
p{max-width:74ch}
.facts{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 2.5rem}
.facts span{padding:.7rem 1rem;border:1px solid var(--line);background:#132126bb;border-radius:12px;color:var(--muted)}
.facts strong{color:var(--ink)}
.featured{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1rem}
.featured-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));border-radius:15px;text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}
.featured-card:hover{transform:translateY(-3px);border-color:var(--mint)}
.featured-card img{display:block;width:100%;height:245px;object-fit:contain;padding:1rem;background:#0d171a}
.featured-card span{padding:.85rem 1rem 1rem}
.featured-card strong,.featured-card small{display:block}
.featured-card small{color:var(--muted);font-size:.8rem;margin-top:.2rem}
.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem 1.25rem;list-style:none;padding:0}
.checklist li{display:grid;grid-template-columns:4.6rem 1fr;column-gap:.45rem;align-items:baseline;padding:.55rem .7rem;border-bottom:1px solid var(--line);min-width:0}
.checklist .num{grid-row:span 2;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}
.checklist li>a,.checklist li>span:not(.num){font-weight:650;min-width:0}
.checklist small{grid-column:2;color:var(--muted);font-size:.78rem}
.card-layout{display:grid;grid-template-columns:minmax(250px,410px) minmax(280px,1fr);gap:clamp(1.5rem,5vw,4rem);margin-top:2.5rem;align-items:start}
figure{margin:0}
figure img{display:block;width:100%;height:auto;max-width:410px;border-radius:15px;box-shadow:0 25px 60px #0006}
figcaption{color:var(--muted);font-size:.8rem;margin-top:.7rem}
.card-layout h2{margin-top:0}
.details{display:grid;grid-template-columns:8rem 1fr;margin:0 0 2rem;border-top:1px solid var(--line)}
.details dt,.details dd{margin:0;padding:.6rem 0;border-bottom:1px solid var(--line)}
.details dt{color:var(--muted)}
.action{display:inline-block;padding:.8rem 1.15rem;border-radius:10px;background:var(--mint);color:#10201d;text-decoration:none;font-weight:800;margin-top:.7rem}
.action:hover{background:#b7f9e6;color:#10201d}
.guide{max-width:780px}
.guide section{padding-top:.2rem}
.guide h2{margin-bottom:.55rem}
.guide p{margin-top:0;color:#d1e3dc}
.callout{padding:1.2rem 1.6rem 1.5rem;border:1px solid #45625b;border-radius:16px;background:linear-gradient(135deg,#1a3535,#18282a);margin-top:3.5rem}
.callout h2{margin-top:.4rem}
.callout p{margin-bottom:.4rem}
footer{border-top:1px solid var(--line);padding:1.5rem max(1.25rem,calc((100vw - 1140px)/2)) 2.5rem;color:var(--muted);font-size:.85rem}
footer p{max-width:80ch}
@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:.25rem 1rem}.crumbs{margin-bottom:1.7rem}.card-layout{grid-template-columns:1fr}.card-layout figure{max-width:330px}.facts{gap:.55rem}.facts span{padding:.5rem .65rem}.checklist{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.featured-card{transition:none}}