:root{
  --bg:#fbfbfa; --fg:#161616; --muted:#6d6d6a; --rule:#e7e5e1; --accent:#2447d6; --chip:#eeede9; --chip-fg:#3a3a38;
  --status:#e4efe6; --status-fg:#1f5a2e;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#0f0f10; --fg:#ececea; --muted:#9a9a96; --rule:#26262a; --accent:#8fa8ff; --chip:#1e1e22; --chip-fg:#c9c9c4;
         --status:#17301f; --status-fg:#9ad3a8; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
     -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
.skip{position:absolute;left:-999px;top:0;background:var(--bg);padding:.5rem 1rem}
.skip:focus{left:1rem;z-index:10}
.site-header,main,.site-footer{max-width:44rem;margin:0 auto;padding:0 1.25rem}
.site-header{display:flex;align-items:baseline;justify-content:space-between;padding-top:2rem;padding-bottom:2rem}
.wordmark{font-weight:600;font-size:1.25rem;letter-spacing:-.02em}
.wordmark .dot{color:var(--accent)}
nav a{margin-left:1.25rem;color:var(--muted);font-size:.95rem}
nav a:hover{color:var(--fg)}
.hero{padding:3.5rem 0 3rem}
.eyebrow{margin:0 0 1rem;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1{margin:0 0 1.25rem;font-size:clamp(2rem,5.5vw,3.1rem);line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.lede{margin:0;font-size:1.2rem;line-height:1.55;color:var(--muted);max-width:36rem;text-wrap:pretty}
.section{padding:2.5rem 0;border-top:1px solid var(--rule)}
h2{margin:0 0 1.5rem;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.products{list-style:none;margin:0;padding:0}
.products li{padding:1.4rem 0;border-top:1px solid var(--rule)}
.products li:first-child{border-top:0;padding-top:0}
.product-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;margin-bottom:.4rem}
h3{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.tags{display:inline-flex;gap:.4rem}
.tag,.status{font-size:.72rem;font-weight:500;letter-spacing:.03em;padding:.18rem .55rem;border-radius:999px;background:var(--chip);color:var(--chip-fg);white-space:nowrap}
.status{background:var(--status);color:var(--status-fg)}
.products p{margin:0 0 .5rem;max-width:36rem;text-wrap:pretty}
.more{font-size:.95rem;color:var(--accent)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem 2rem;margin:0 0 1.25rem}
.facts div{margin:0}
dt{font-size:.8rem;color:var(--muted);margin-bottom:.15rem}
dd{margin:0;font-weight:500}
.section p{margin:0;max-width:36rem;text-wrap:pretty}
.muted{color:var(--muted)}
.site-footer{padding:2.5rem 1.25rem 4rem;border-top:1px solid var(--rule);font-size:.9rem}
.legal-name{margin:0 0 .25rem;font-weight:600}
.site-footer p{margin:0 0 .5rem}
.legal-links{list-style:none;margin:1.25rem 0;padding:0;display:grid;gap:.35rem}
.legal-links span{display:inline-block;min-width:6.5rem;color:var(--muted)}
.legal-links a{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.legal-links a:hover{text-decoration-color:currentColor}
.prose h1{font-size:2rem}
.prose p,.prose li{max-width:38rem}
.prose ul{padding-left:1.2rem}
@media (max-width:480px){ .site-header{flex-direction:column;gap:.75rem} nav a:first-child{margin-left:0} }