:root{--color-bg: #ffffff;--color-text: #0f172a;--color-primary: #0ea5e9;--color-accent: #14b8a6;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-size-base: 16px;--line-height: 1.6}html{scroll-behavior:smooth}:root{--bg:#071b1b;--card:#0f2f2f;--ink:#e6fffb;--muted:#bfecea;--accent:#1eb6a6;--hover: rgba(255,255,255,.10);--ink-contrast:#002a27;--shadow: 0 10px 40px rgba(0,0,0,.35)}:root[data-theme="light"]{--bg:#f6fbfb;--card:#ffffff;--ink:#082222;--muted:#345e5c;--accent:#128d80;--hover: rgba(0,0,0,.06);--ink-contrast:#001413;--shadow: 0 8px 30px rgba(0,0,0,.1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji;background:var(--bg);color:var(--ink);line-height:1.6;transition:background-color .25s ease, color .25s ease}a{color:var(--ink);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:1.25rem}header{position:sticky;top:0;z-index:20;background:color-mix(in oklab, var(--bg), #000 5%);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid rgba(0,0,0,0.12)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800}.logo{width:42px;height:42px;display:block}.nav a{padding:.5rem .75rem;border-radius:999px}.nav a:hover{background:var(--hover)}.nav a.active{background:var(--accent);color:var(--ink-contrast);font-weight:900}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{border:1px solid var(--hover);background:transparent;color:var(--ink);border-radius:.8rem;padding:.45rem .6rem;cursor:pointer}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.4rem;border-radius:.6rem}.hamburger span{width:26px;height:3px;background:var(--ink)}.hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-menu{position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--bg);transform:translateX(-100%);transition:transform .3s ease-in-out, opacity .2s ease-in-out;opacity:.98}.mobile-menu.active{transform:translateX(0)}.mobile-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.mobile-nav li{width:100%;display:flex;justify-content:center}.mobile-nav a{font-size:1.5rem;padding:.5rem 1rem;border-radius:999px;display:inline-block}.mobile-nav a:hover{background:var(--hover)}.mobile-nav a.active{background:var(--accent);color:var(--ink-contrast);font-weight:900}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:1px solid var(--hover);color:var(--ink);width:40px;height:40px;border-radius:.8rem;font-size:1.5rem;cursor:pointer}.close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{padding:2.5rem 0}.hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;align-items:center}.hero-copy h1{font-size:clamp(2.2rem, 5vw, 3.25rem);line-height:1.1;margin:0}.hero-copy p{color:var(--muted);margin:.6rem 0 0}.hero-media{display:flex;align-items:center;justify-content:center}.hero-media img{width:100%;max-width:520px;height:auto;filter:drop-shadow(var(--shadow))}.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.btn{display:inline-block;padding:.65rem 1rem;border-radius:1rem;background:var(--accent);color:var(--ink-contrast);font-weight:800}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--ink)}.lede{margin-top:1rem}.lede h2{margin-bottom:.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin-top:1rem}.card{background:var(--card);padding:1rem;border-radius:1.25rem;box-shadow:0 6px 20px rgba(0,0,0,0.18)}.price{font-size:1.25rem;font-weight:900;margin:.5rem 0}.muted{color:var(--muted);margin-top:-.25rem}details{background:var(--card);padding:1rem;border-radius:1rem;margin:.6rem 0}summary{cursor:pointer;font-weight:700}pre{background:var(--card);padding:.75rem;border-radius:.75rem;overflow:auto}footer{border-top:1px solid rgba(0,0,0,0.12);margin-top:2rem;text-align:center;padding:1rem}.no-scroll{overflow:hidden;height:100vh}@media (max-width: 900px){.hero-split{grid-template-columns:1fr;text-align:center}.hero-media{order:2}.hero-copy{order:1}.hero-copy .cta-row{justify-content:center}}@media (max-width: 768px){.desktop-nav{display:none}.hamburger{display:flex}header .nav ul,nav ul,.navbar ul,.site-nav ul,.menu ul,.navigation ul{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;gap:.25rem !important;margin:0 !important;padding:0 !important;list-style:none !important;width:100% !important}header .nav ul li,nav ul li,.navbar ul li,.site-nav ul li,.menu ul li,.navigation ul li{display:block !important;width:100% !important}header .nav ul li a,nav ul li a,.navbar ul li a,.site-nav ul li a,.menu ul li a,.navigation ul li a{display:block !important;width:100% !important;padding:.6rem .75rem !important}body{overflow-x:hidden}}@media (max-width: 900px){.mobile-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px, 4vh, 40px);padding-block:clamp(24px, 6vh, 48px);flex:1 1 auto;min-height:0}.mobile-nav a{display:flex !important;align-items:center;justify-content:center;text-align:center;width:92vw;max-width:560px;height:clamp(65px, 15.6vh, 104px);font-size:clamp(1.56rem, 5.525vh, 2.73rem);line-height:1.1;font-weight:800;border-radius:999px;padding:0 1.4rem}}
