:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121829;--color-bg-top:#18213a;--color-surface:#1b2338;--color-surface-2:#26304a;--color-line:#ffffff17;--color-text:#eef1fa;--color-text-soft:#a3adc6;--color-accent:#ffc23d;--color-accent-deep:#f0a91a;--color-on-accent:#1a1300;--color-label:#7cc4ff;--color-graphic:#ffc23d;--color-success:#5cc98d;--color-danger:#ff7a66;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Arial Black", "Helvetica Neue", system-ui, sans-serif;--type-display-size:60px;--type-display-weight:900;--type-display-line:1.04;--type-display-tracking:-.02em;--type-title-size:32px;--type-title-weight:900;--type-heading-size:21px;--type-heading-weight:800;--type-body-size:17px;--type-body-weight:400;--type-body-line:1.55;--type-label-weight:700;--type-label-line:1;--type-small-size:14px;--space-xs:4px;--space-s:8px;--space-m:12px;--space-l:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-s:8px;--radius-m:10px;--radius-l:16px;--radius-pill:999px;--motion-press:.12s;--motion-screen:.25s}.btn{font:inherit;font-weight:var(--type-label-weight);line-height:var(--type-label-line);border-radius:var(--radius-m);padding:var(--space-m) var(--space-xl);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;transition:transform var(--motion-press), background var(--motion-press);border:0;text-decoration:none;display:inline-block}.btn:hover{background:var(--color-accent-deep)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--color-graphic);outline-offset:2px}.btn.quiet{color:var(--color-text);box-shadow:inset 0 0 0 1.5px var(--color-line);background:0 0}.btn.quiet:hover{box-shadow:inset 0 0 0 1.5px var(--color-accent)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-top:3px solid var(--product-colour,var(--color-line));border-radius:var(--radius-l);padding:var(--space-xl)}.badge{letter-spacing:.04em;text-transform:uppercase;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-pill);color:var(--color-label);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-label) 45%, transparent);white-space:nowrap;background:0 0;font-size:12px;font-weight:700;display:inline-block}.badge.status-live{background:var(--color-label);color:var(--color-bg);box-shadow:none}.soft{color:var(--color-text-soft)}.problem{color:var(--color-danger)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{background:linear-gradient(180deg, var(--color-bg-top) 0, var(--color-bg) 36rem) no-repeat, var(--color-bg);color:var(--color-text);font:var(--type-body-weight) var(--type-body-size) / var(--type-body-line) var(--font-ui)}#root{flex-direction:column;min-height:100vh;display:flex}main{width:100%;max-width:64rem;padding:0 var(--space-l);flex:1;margin:0 auto}a{color:inherit;-webkit-text-decoration-color:var(--color-graphic);text-decoration-color:var(--color-graphic);text-underline-offset:3px}h1,h2,h3{font-family:var(--font-display);margin:0}h1 em{color:var(--color-accent);font-style:normal}h1{font-size:clamp(var(--type-title-size), 7vw, var(--type-display-size));font-weight:var(--type-display-weight);line-height:var(--type-display-line);letter-spacing:var(--type-display-tracking)}h2{font-size:var(--type-title-size);font-weight:var(--type-title-weight);margin-bottom:var(--space-xl)}h3{font-size:var(--type-heading-size);font-weight:var(--type-heading-weight)}h3 a{text-decoration:none}h3 a:hover{text-decoration:underline}.topbar{width:100%;max-width:64rem;padding:var(--space-l);justify-content:space-between;align-items:center;gap:var(--space-l);margin:0 auto;display:flex}.brand .mark{image-rendering:pixelated;object-fit:cover}.brand{align-items:center;gap:var(--space-s);font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.topbar nav{gap:var(--space-l);font-weight:600;display:flex}.topbar nav a{text-decoration:none}.topbar nav a:hover{color:var(--color-accent)}.hero .lead{max-width:34rem;margin:0}.hero{align-items:center;gap:var(--space-xl);min-height:min(70vh,36rem);padding:var(--space-2xl) 0 var(--space-3xl);grid-template-columns:1fr;display:grid}.hero-text{align-items:flex-start;gap:var(--space-xl);flex-direction:column;display:flex}.logo-animation{order:-1;justify-self:center;width:min(100%,30rem);position:relative}.logo-animation .sound{font:inherit;font-size:var(--type-small-size);padding:var(--space-xs) var(--space-m);border-radius:var(--radius-pill);border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-bg) 75%, transparent);color:var(--color-text-soft);cursor:pointer;font-weight:600;position:absolute;bottom:6%;right:8%}.logo-animation .sound:hover,.logo-animation .sound[aria-pressed=true]{color:var(--color-text);border-color:var(--color-label)}.logo-animation .sound:focus-visible{outline:2px solid var(--color-graphic);outline-offset:2px}.logo-animation video,.logo-animation img{width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%)}@media (width>=52rem){.hero{grid-template-columns:1fr 1fr}.logo-animation{order:0;width:100%}}.eyebrow{font-weight:700;font-size:var(--type-small-size);letter-spacing:.12em;text-transform:uppercase;color:var(--color-label);margin:0}.section{padding:var(--space-3xl) 0}.grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}.product-card{gap:var(--space-m);flex-direction:column;display:flex}.product-card p{margin:0}.product-card .actions{padding-top:var(--space-s);margin-top:auto}.card-top{align-items:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.card-top h1,.card-top h3{flex:1}.product-icon{border-radius:22%;flex:none}.meta{font-size:var(--type-small-size);margin:0}.actions{gap:var(--space-s);flex-wrap:wrap;display:flex}.about p{max-width:42rem}.product{gap:var(--space-l);flex-direction:column;align-items:flex-start;max-width:46rem;display:flex}.product p{margin:0}.product .lead{font-size:1.25em;font-weight:600}.back{font-size:var(--type-small-size);text-decoration:none}.features{padding-left:var(--space-xl);gap:var(--space-s);margin:0;display:grid}.features li::marker{color:var(--product-colour,var(--color-accent))}.legal{max-width:46rem}.legal h2{font-size:var(--type-heading-size);margin:var(--space-2xl) 0 var(--space-s)}.legal h3{font-family:var(--font-ui);margin:var(--space-l) 0 var(--space-xs);font-size:1em}.legal p,.legal ul{margin:0 0 var(--space-m)}.legal a{color:var(--color-label)}.legal-links{gap:var(--space-s) var(--space-l);flex-wrap:wrap;display:flex}.footer{width:100%;max-width:64rem;padding:var(--space-2xl) var(--space-l);gap:var(--space-s) var(--space-xl);font-size:var(--type-small-size);border-top:1px solid var(--color-line);flex-wrap:wrap;margin:0 auto;display:flex}
