:root{color-scheme:dark;--color-bg: #131313;--color-bg-deep: #0e0e0e;--color-bg-alt: #171717;--color-surface: #121212;--color-surface-raised: #1c1b1b;--color-surface-soft: #202020;--color-ink: #e8e6e4;--color-ink-soft: #bcc7b7;--color-ink-faint: #7e8879;--color-primary: #8dfd6c;--color-primary-strong: #76e25a;--color-primary-dark: #0c5300;--color-primary-ink: #082600;--color-primary-tint: rgba(141, 253, 108, .08);--color-border: #282828;--color-border-strong: #3d4b38;--color-danger: #ff8b80;--color-chat: #0b141a;--color-chat-bar: #202c33;--color-chat-user: #005c4b;--font-display: "Oxanium", "Inter", sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--step-body: clamp(.98rem, .94rem + .18vw, 1.05rem);--step-lead: clamp(1.08rem, 1rem + .34vw, 1.28rem);--step-h3: clamp(1.22rem, 1.1rem + .48vw, 1.58rem);--step-h2: clamp(1.8rem, 1.45rem + 1.35vw, 2.62rem);--step-h1: clamp(2.55rem, 1.9rem + 2.7vw, 4.35rem);--content-width: 76rem;--radius-sm: .35rem;--radius-md: .55rem;--radius-lg: .8rem;--space-section: clamp(4rem, 3.2rem + 3vw, 7rem);--ease-standard: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 75% 8%,rgba(141,253,108,.055),transparent 30rem),var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--step-body);line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.12;background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}h1,h2,h3,h4{margin:0;color:var(--color-ink);font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.025em}p{margin:0}a{color:inherit}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}button{color:inherit}::selection{color:var(--color-primary-ink);background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.section{position:relative;padding-block:var(--space-section);border-top:1px solid rgba(255,255,255,.035)}.section--alt{background:#0e0e0eb8}.container{width:min(100% - 2rem,var(--content-width));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:.48rem;width:fit-content;color:var(--color-primary);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.eyebrow .material-symbols-outlined{font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.85rem;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.045em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .18s var(--ease-standard),background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{color:var(--color-primary-ink);background:var(--color-primary);box-shadow:0 0 #8dfd6c00}.btn--primary:hover{background:#9cff7f;box-shadow:0 0 24px #8dfd6c2e}.btn--ghost{color:var(--color-ink);background:#ffffff04;border-color:var(--color-border)}.btn--ghost:hover{color:var(--color-primary);border-color:#8dfd6c80;background:var(--color-primary-tint)}@media(max-width:36rem){.container{width:min(100% - 1.4rem,var(--content-width))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
