:root{--color-bg: #fbfbf8;--color-bg-alt: #fdfcf9;--color-surface: hsla(0, 0%, 100%, .92);--color-surface-alt: hsla(0, 0%, 100%, .9);--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-light: rgba(226, 232, 240, .8);--color-accent: #111827;--color-accent-hover: #1f2937;--color-accent-light: #f3f4f6;--color-accent-subtle: #e5e7eb;--color-green: #16a34a;--color-red: #dc2626;--color-amber: #d97706;--color-blue: #2563eb;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-display: clamp(2.35rem, 5vw, 4.2rem);--text-h1: clamp(1.9rem, 3.2vw, 3rem);--text-h2: clamp(1.2rem, 2vw, 1.65rem);--text-h3: 1.125rem;--text-body: 1rem;--text-body-lg: clamp(1.05rem, 1.8vw, 1.325rem);--text-small: .875rem;--text-xs: .75rem;--text-code: .875rem;--leading-tight: 1.05;--leading-normal: 1.7;--leading-relaxed: 1.65;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 56px;--space-4xl: 72px;--space-5xl: 120px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1.25rem;--radius-pill: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .03);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .03), 0 12px 30px rgba(15, 23, 42, .05);--shadow-md: 0 1px 2px rgba(15, 23, 42, .03), 0 16px 40px rgba(15, 23, 42, .04);--shadow-lg: 0 1px 2px rgba(15, 23, 42, .04), 0 20px 50px rgba(15, 23, 42, .05);--duration-fast: .15s;--duration-default: .2s;--duration-slow: .3s;--easing-default: ease;--z-base: 1;--z-card: 10;--z-nav: 100;--z-overlay: 200;--z-modal: 300;--shell-width: min(100% - 3rem, 76rem);--shell-narrow: min(100% - 3rem, 64rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;line-height:1.5}body{background:var(--color-bg);background-image:linear-gradient(180deg,#fbfbf8,#f9fafb 52%,#fbfbf8);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-body);font-weight:400;line-height:var(--leading-normal);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#11182733;color:#111827}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:var(--leading-tight)}h1{font-size:var(--text-h1);font-weight:800;letter-spacing:-.035em}h2{font-size:var(--text-h2);font-weight:800;letter-spacing:-.025em}h3{font-size:var(--text-h3);font-weight:600;letter-spacing:-.015em}a{color:var(--color-accent-hover);text-decoration:none;transition:color var(--duration-fast) var(--easing-default)}a:hover{color:var(--color-accent)}code{font-family:var(--font-mono);font-size:var(--text-code);background:var(--color-accent-subtle);color:var(--color-accent);padding:2px 6px;border-radius:var(--radius-sm)}pre code{background:none;color:inherit;padding:0}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{width:var(--shell-width);margin:0 auto}section{padding:3.5rem var(--space-lg);width:var(--shell-width);margin:0 auto}.section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:var(--text-small);font-weight:600;padding:12px 24px;border-radius:var(--radius-lg);border:none;text-decoration:none;cursor:pointer;transition:background var(--duration-default) var(--easing-default),box-shadow var(--duration-default) var(--easing-default)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-sm);color:#fff}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);background:transparent;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-small);font-weight:600;padding:12px 24px;border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;cursor:pointer;transition:background var(--duration-default) var(--easing-default)}.btn-secondary:hover{background:var(--color-bg-alt);color:var(--color-text)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-sm);background:transparent;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-small);font-weight:500;padding:12px 24px;border-radius:var(--radius-lg);border:none;text-decoration:none;cursor:pointer;transition:background var(--duration-default) var(--easing-default),color var(--duration-default) var(--easing-default)}.btn-ghost:hover{background:var(--color-bg-alt);color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 16px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.18em}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.section-wrap{width:100%}.section-wrap-alt,.section-wrap-surface{background:transparent}.section-wrap+.section-wrap{border-top:none}@media(max-width:768px){section{padding:var(--space-2xl) var(--space-md)}.section-label{margin-bottom:var(--space-xl)}.btn-primary,.btn-secondary,.btn-ghost{padding:10px 18px;font-size:var(--text-small)}}