@font-face{font-family:"Lausanne";src:url("fonts/Lausanne-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--page-bg:#ffffff;--panel:#111111;--text:#e8e8e8;--soft:#8a8a8a;--space:clamp(16px,2.5vw,28px);--max:1440px}
html,body{height:100%}
body{margin:0;font-family:"Lausanne",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--page-bg);color:#0f0f0f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:antialiased;text-rendering:optimizeLegibility}
.container{max-width:var(--max);margin-inline:auto;padding:0 12px 12px 12px}
.topbar{position:sticky;top:0;background:#ffffff;padding:0 12px}
.bar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(12px,3vw,24px)}
.container.bar-inner{max-height:48px;box-sizing:border-box;padding-left:0;padding-right:0}
.brand{color:#0f0f0f;text-decoration:none;font-weight:400}
.nav{display:flex;gap:14px;align-items:center}
.nav a{color:#0f0f0f;text-decoration:none;opacity:.9}
.nav a:hover{opacity:1}
.btn{background:#000;color:#fff;padding:8px 14px;border-radius:4px;font-size:14px}
.nav .btn{color:#fff}
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:12px;top:12px;background:#000;color:#fff;padding:8px 10px;border-radius:6px;outline:2px solid #fff}
.card{background:var(--panel);border-radius:16px;padding:calc(var(--space));margin-block:var(--space);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;color:var(--text)}
.hero{margin-top:0}
section{padding:0}
section>*+*{margin-top:36px;margin-bottom:0}
.hero-title{font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.02em;margin:0 0 36px 0}
.availability{margin:0}
.cols{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:820px){section>*+*{margin-top:48px;margin-bottom:0}.hero-title{margin:0 0 48px 0}.card{padding:calc(var(--space)*2)}.cols{grid-template-columns:2fr 2fr 2fr fr;margin-bottom:calc(var(--space)*2)}.hero-title .primary{display:inline;font-size:48px;color:#fafafa;font-weight:400}.hero-title .secondary{display:inline;font-size:48px;color:#ffffff;font-weight:400}}
@media (min-width:1240px){.cols{grid-template-columns:1fr 2fr 1fr 1fr;gap:0}}
h2{font-size:clamp(16px,2vw,16px);margin:0 0 2px;color:#eaeaea;font-weight:400}
.list{list-style:none;padding:0;margin:0;color:var(--soft)}
.list li{padding:2px 0}
@media (prefers-reduced-motion:no-preference){.btn{transition:background .2s ease,transform .06s ease}}
@media (any-pointer:fine){.cursor{position:fixed;left:0;top:0;width:96px;height:96px;background:#fff;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;opacity:0;transform:translate3d(0,0,0) scale(1);transition:opacity .2s ease,transform .15s ease}}