:root{--ink:#111315;--panel:#1b1f22;--line:#555d63;--muted:#a7afb5;--paper:#f2f3f3;--accent:#8fa1ad;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:repeating-linear-gradient(100deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 7px)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #d5d9dc;outline-offset:4px}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#111;padding:.75rem}.wrap{width:calc(100% - 2.5rem);max-width:var(--max);margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(17,19,21,.96);border-bottom:1px solid #3d4347}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:760;letter-spacing:.08em}.brand span{color:var(--muted);font-weight:500}nav{display:flex;gap:1.6rem}nav a{text-decoration:none;color:#d5d9dc;font-size:.9rem}.hero{padding:9rem 0 7rem;border-bottom:1px solid #34393d}.eyebrow{font:600 .75rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.96;letter-spacing:-.055em;max-width:1000px;margin:1.2rem 0 2rem}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.035em;margin:.5rem 0 2rem}h3{font-size:1.25rem}.lead{font-size:clamp(1.12rem,2vw,1.35rem);max-width:720px;color:#c6ccd0}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.button{display:inline-block;padding:.85rem 1.2rem;border:1px solid #a7afb5;text-decoration:none;font-weight:650}.button.primary{background:#d5d9dc;color:#111315}.section{padding:7rem 0;border-bottom:1px solid #34393d}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#444a4e;border:1px solid #444a4e;margin-top:3rem}.card{background:var(--panel);padding:2rem;min-height:230px}.number{font:500 .75rem ui-monospace,monospace;color:var(--muted)}.product{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;border:1px solid #555d63;padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(145deg,#202529,#171a1d)}.status{display:inline-flex;gap:.5rem;align-items:center;font:600 .75rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:#cbd1d4}.status:before{content:"";width:7px;height:7px;background:#8fa1ad}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.muted{color:var(--muted)}footer{padding:3rem 0}.footer-grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.page-hero{padding:7rem 0 4rem}.prose{max-width:780px;padding-bottom:6rem}.prose h2{font-size:1.7rem;margin-top:3rem}.prose li{margin:.5rem 0}.meta{border-left:2px solid #7f929f;padding-left:1.2rem;color:#c9ced1}.menu-button{display:none;background:none;color:white;border:1px solid #666;padding:.5rem}.error-code{font-size:clamp(5rem,18vw,13rem);line-height:.8;color:#343a3e;margin:0}@media(max-width:760px){body{overflow-x:hidden}.menu-button{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#151719;padding:1.5rem;flex-direction:column;border-bottom:1px solid #555}nav.open{display:flex}.hero{padding:6rem 0 5rem}.section{padding:5rem 0}.section-head,.product,.detail-grid{grid-template-columns:minmax(0,1fr)}.section-head>*,.product>*,.detail-grid>*{min-width:0}h1,.lead{overflow-wrap:anywhere}.grid-3{grid-template-columns:1fr}h1{font-size:3.4rem}.wrap{width:calc(100% - 2rem)}}
@media(max-width:760px){.wrap{width:auto;max-width:none;margin-left:1rem;margin-right:1rem}.hero h1{white-space:normal;word-break:normal}}

@media(max-width:760px){.hero .wrap{min-width:0;overflow:hidden}.hero h1{font-size:2.8rem;max-width:100%}.hero p{max-width:100%;overflow-wrap:anywhere}.actions{gap:.7rem}.button{padding:.75rem .85rem}}
@media(max-width:760px){.wrap{width:auto;max-width:none;margin-left:1rem;margin-right:1rem}.hero h1{white-space:normal;word-break:normal}}


@media(max-width:760px){.wrap{width:auto;max-width:none;margin-left:1rem;margin-right:1rem}.hero h1{white-space:normal;word-break:normal}}