@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@300;400;500&family=DM+Serif+Display:ital@0;1&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg: #05080f;--surface: #080d18;--surface-lit: #0c1422;--card: #080d18;--border: #0e1e30;--border-lit: #1b3250;--text: #e2e8f0;--muted: #64748b;--brand: #60a5fa;--blue: #60a5fa;--purple: #a78bfa;--green: #34d399;--amber: #f59e0b;--red: #ef4444;--cyan: #22d3ee;--mono: "IBM Plex Mono", monospace;--display: "Bebas Neue", sans-serif;--serif: "DM Serif Display", serif}html,body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(96,165,250,.14),transparent 24%),radial-gradient(circle at 100% 8%,rgba(167,139,250,.12),transparent 24%),radial-gradient(circle at 55% 100%,rgba(34,211,238,.08),transparent 24%),var(--bg);color:var(--text);font-family:var(--mono);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.18;pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}.home-page{position:relative;min-height:100vh;display:flex;flex-direction:column;width:min(940px,calc(100vw - 72px));margin:0 auto}.page-shell{position:relative;z-index:2}.diagram-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.diagram-sprite{position:absolute;top:0;left:0;opacity:.28;will-change:transform}.diagram-svg{width:100%;height:100%}.diagram-line{fill:none;stroke:color-mix(in srgb,var(--diagram-accent) 76%,var(--diagram-secondary));stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.diagram-faint{stroke:color-mix(in srgb,var(--diagram-secondary) 34%,transparent);stroke-width:3}.diagram-node-outline{fill:#080d1833;stroke:color-mix(in srgb,var(--diagram-accent) 70%,white 10%);stroke-width:3}.diagram-node-solid{fill:color-mix(in srgb,var(--diagram-secondary) 20%,rgba(8,13,24,.4));stroke:color-mix(in srgb,var(--diagram-secondary) 80%,white 6%);stroke-width:3}.diagram-dot{fill:color-mix(in srgb,var(--diagram-accent) 72%,white 12%)}.diagram-dot-small{fill:color-mix(in srgb,var(--diagram-secondary) 72%,white 10%)}.sound-toggle{position:fixed;top:1.1rem;right:max(1.1rem,calc((100vw - 940px)/2));width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border-lit));background:color-mix(in srgb,var(--brand) 10%,var(--surface-lit));color:var(--brand);border-radius:999px;box-shadow:0 0 0 1px #0c14228c;cursor:pointer;z-index:40;transition:transform .2s ease,border-color .2s ease,background .2s ease}.sound-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 50%,var(--border-lit));background:color-mix(in srgb,var(--brand) 18%,var(--surface-lit))}.sound-toggle span{font-size:.65rem;line-height:1}.masthead{padding:2.4rem 0 1.35rem;display:flex;align-items:baseline;gap:1.5rem;border-bottom:1px solid var(--border-lit)}.site-name{font-family:var(--display);font-size:2.8rem;letter-spacing:.02em;line-height:1}.site-name span{color:var(--brand)}.site-tagline{padding-left:1.5rem;border-left:1px solid var(--border);color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hero-text{max-width:32ch;padding:2.75rem 0 2rem}.hero-text h1{margin:0;font-family:var(--serif);font-size:3.15rem;font-weight:400;line-height:1.1}.hero-text h1 em{color:var(--brand);font-style:italic}.hero-sub{margin:1rem 0 0;max-width:34ch;color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:.78rem;line-height:1.8}.grid-section{flex:1;padding:0 0 3rem}.grid-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--muted);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.grid-label:after{content:"";flex:1;height:1px;background:var(--border-lit)}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 50%),linear-gradient(135deg,color-mix(in srgb,var(--secondary) 5%,transparent),transparent 60%),var(--card);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:inset 0 0 0 1px #0c1422b3;transition:background .2s ease,border-color .2s ease,transform .2s ease}.card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 58%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--secondary) 18%,transparent) 0%,transparent 52%);transition:opacity .25s ease}.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border-lit))}.card:hover:before{opacity:1}.card-diagram{position:relative;z-index:1;height:120px;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))}.card-diagram svg{width:100%;height:100%;max-height:100px}.card-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem 1.2rem}.card-title,.card-desc{position:relative;z-index:1}.card-title{margin:0;font-size:.92rem;font-weight:500;line-height:1.45;letter-spacing:.01em}.card:hover .card-title{color:var(--accent)}.card-desc{margin:0;color:color-mix(in srgb,var(--secondary) 40%,var(--muted));font-size:.68rem;font-weight:300;line-height:1.6;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:960px){.cards-grid{grid-template-columns:repeat(2,1fr)}.card-diagram{height:100px}}@media(max-width:720px){.home-page{width:min(100vw - 24px,940px)}.diagram-sprite{opacity:.18}.sound-toggle{top:.8rem;right:.8rem;width:1.35rem;height:1.35rem}.masthead,.hero-text,.grid-section{padding-left:0;padding-right:0}.masthead{flex-direction:column;gap:.75rem;align-items:flex-start}.site-tagline{padding-left:0;border-left:0}.hero-text{padding-top:2rem;padding-bottom:1.5rem}.hero-text h1{font-size:2.35rem}.cards-grid{grid-template-columns:1fr}.card-diagram{height:90px}.card-copy{padding:.9rem 1.05rem 1.05rem}.card-title{font-size:.94rem}}@media(prefers-reduced-motion:reduce){.card,.card:before,.sound-toggle{transition:none}}