:root{--c-bg: #0b1020;--c-bg-alt: #11172e;--c-surface: #181f3a;--c-surface-2: #222a4a;--c-border: #2a3050;--c-border-strong: #3b446b;--c-text: #ecf0fb;--c-muted: #99a2c4;--c-faint: #6a7299;--c-accent: #56b4e9;--c-accent-2: #e69f00;--c-success: #009e73;--c-warn: #d55e00;--c-focus: #ffd500;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow: 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 24px 64px rgba(0,0,0,.45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--maxw-text: 72ch;--maxw-page: 1200px;--font-stack: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--tap-min: 44px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{overscroll-behavior-y:none}body{margin:0;background:var(--c-bg);color:var(--c-text);font:16px/1.55 var(--font-stack);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit}a{color:var(--c-accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{line-height:1.2;margin:0 0 var(--space-3)}h1{font-size:clamp(2rem,4.5vw,3.25rem);letter-spacing:-.02em}h2{font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.01em;margin-top:var(--space-7)}h3{font-size:1.15rem}p{margin:0 0 var(--space-4)}.muted{color:var(--c-muted)}.small{font-size:.875rem}.skip-link{position:absolute;left:-9999px;top:0;background:var(--c-focus);color:#000;padding:8px 12px;border-radius:0 0 8px;font-weight:600}.skip-link:focus{left:0;z-index:10000}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--c-text);text-decoration:none;letter-spacing:-.01em}.brand:hover,.brand:focus-visible{text-decoration:none}.brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,transparent 49%,rgba(255,255,255,.35) 49% 51%,transparent 51%) 0 0/8px 8px,conic-gradient(from 0deg at 50% 50%,#56b4e9 0deg 90deg,#e69f00 90deg 180deg,#009e73 180deg 270deg,#cc79a7 270deg 360deg);box-shadow:inset 0 0 0 2px #0006}.brand-text{font-size:1.05rem}.brand-compact .brand-text{display:none}@media (min-width: 480px){.brand-compact .brand-text{display:inline}}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);max-width:var(--maxw-page);margin:0 auto}.site-nav{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.site-nav a{color:var(--c-muted);padding:8px 12px;border-radius:8px;min-height:var(--tap-min);display:inline-flex;align-items:center}.site-nav a:hover{color:var(--c-text);background:var(--c-surface);text-decoration:none}.site-nav a[aria-current=page]{color:var(--c-text);background:var(--c-surface)}.site-nav .cta-link{background:var(--c-accent);color:#04121f;font-weight:700}.site-nav .cta-link:hover{background:#7ccff0;text-decoration:none}.site-footer{border-top:1px solid var(--c-border);padding:var(--space-6) var(--space-5);max-width:var(--maxw-page);margin:var(--space-7) auto 0}.site-footer nav{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.site-footer nav a{color:var(--c-muted)}.site-footer nav a:hover{color:var(--c-text)}.footer-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-5)}@media (min-width: 720px){.footer-grid{grid-template-columns:1fr auto;align-items:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap-min);padding:12px 20px;border-radius:var(--radius);border:1px solid transparent;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .05s ease,background-color .15s ease,border-color .15s ease;text-decoration:none;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--c-accent);color:#04121f;border-color:var(--c-accent)}.btn-primary:hover{background:#7ccff0;border-color:#7ccff0;text-decoration:none}.btn-ghost{background:transparent;color:var(--c-text);border-color:var(--c-border-strong)}.btn-ghost:hover{border-color:var(--c-text);text-decoration:none}.btn-lg{padding:16px 28px;font-size:1.05rem}.icon-btn{width:var(--tap-min);height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;cursor:pointer}.icon-btn:hover{background:var(--c-surface-2)}.icon-btn[aria-pressed=true]{background:var(--c-surface-2);border-color:var(--c-accent)}.icon-sound-on,.icon-sound-off,.icon-menu,.icon-close{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;background-size:22px 22px}.icon-sound-on{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ecf0fb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='4 9 9 9 14 4 14 20 9 15 4 15'/><path d='M17 8a5 5 0 0 1 0 8'/><path d='M19 5a9 9 0 0 1 0 14'/></svg>")}.icon-sound-off{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ecf0fb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='4 9 9 9 14 4 14 20 9 15 4 15'/><line x1='17' y1='8' x2='22' y2='13'/><line x1='22' y1='8' x2='17' y2='13'/></svg>");display:none}.icon-menu{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ecf0fb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='4' y1='7' x2='20' y2='7'/><line x1='4' y1='12' x2='20' y2='12'/><line x1='4' y1='17' x2='20' y2='17'/></svg>")}.icon-close{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ecf0fb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='6' y1='18' x2='18' y2='6'/></svg>")}.icon-btn.is-muted .icon-sound-on{display:none}.icon-btn.is-muted .icon-sound-off{display:inline-block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}