:root{color-scheme:dark;--bg: #090d12;--bg-elev: #111821;--surface: rgba(255, 255, 255, .035);--surface-strong: rgba(255, 255, 255, .06);--surface-solid: #11161d;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text: #e5e7eb;--text-strong: #f8fafc;--text-soft: #cbd5e1;--muted: #93a1b2;--accent: #f97316;--accent-hover: #fb923c;--accent-soft: rgba(249, 115, 22, .14);--page-width: 1180px;--content-width: 760px;--radius: 18px;--radius-small: 12px;--font-sans: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;--shadow-card: 0 16px 45px rgba(0, 0, 0, .2)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;margin:0;background:radial-gradient(circle at 10% -12%,rgba(249,115,22,.12),transparent 25rem),radial-gradient(circle at 92% 22%,rgba(59,130,246,.035),transparent 28rem),linear-gradient(180deg,#0a0e13,#080b10)}::selection{color:var(--text-strong);background:#f9731652}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main,.shell{width:min(100% - 2.5rem,var(--page-width));margin-inline:auto}main[id]{scroll-margin-top:5.5rem}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.page-intro{position:relative;max-width:920px;padding:clamp(3.2rem,6vw,5rem) 0 clamp(2.2rem,4vw,3rem)}.page-intro:after{display:block;width:min(7rem,24vw);height:2px;margin-top:1.35rem;border-radius:999px;background:linear-gradient(90deg,var(--accent),transparent);content:""}.page-intro h1{max-width:22ch;margin:.95rem 0 .8rem;color:var(--text-strong);font-size:clamp(2.35rem,5.2vw,4rem);line-height:1.02;letter-spacing:-.055em}.page-intro p{max-width:68ch;margin:0;color:var(--text-soft);font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.72}.badge{display:inline-flex;align-items:center;min-height:1.85rem;padding:.32rem .64rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:999px;color:var(--text-soft);background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:.76rem;font-weight:680}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 52%),var(--surface);box-shadow:var(--shadow-card)}.interactive-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.interactive-card:hover,.interactive-card:focus-visible,.interactive-card:focus-within{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));color:inherit;background-color:var(--surface-strong);box-shadow:0 20px 48px #0000004d;transform:translateY(-3px)}.button-row{display:flex;flex-wrap:wrap;gap:.65rem}.button{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;padding:.68rem 1rem;border:1px solid var(--border);border-radius:999px;font-size:.88rem;font-weight:720;line-height:1;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.button.primary{border-color:var(--accent);color:#111827;background:var(--accent)}.button.secondary{color:var(--text-strong);background:var(--surface-strong)}.button:hover,.button:focus-visible{box-shadow:0 12px 30px #00000040;transform:translateY(-2px)}.button.primary:hover,.button.primary:focus-visible{border-color:var(--accent-hover);background:var(--accent-hover)}.button.secondary:hover,.button.secondary:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text-strong);background:var(--accent-soft)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:760px){main,.shell{width:min(100% - 1.25rem,var(--page-width))}.page-intro{padding-top:2.7rem}.interactive-card:hover,.interactive-card:focus-visible,.interactive-card:focus-within{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.interactive-card,.button{transition:none}.interactive-card:hover,.interactive-card:focus-visible,.interactive-card:focus-within,.button:hover,.button:focus-visible{transform:none}}
