:root{--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .16s;--dur-med: .28s;--dur-slow: .48s;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--container-max: 1160px;--nav-height: 68px}:root,:root[data-theme=dark]{color-scheme:dark;--accent-1: #22d3ee;--accent-2: #a855f7;--accent-3: #f472b6;--accent-soft: rgba(34, 211, 238, .14);--bg-base: #07090f;--bg-surface: #0d1220;--bg-elevated: #121a2e;--bg-overlay: rgba(14, 19, 36, .72);--bg-glass: rgba(255, 255, 255, .035);--text-strong: #f1f5ff;--text-primary: #d6dcef;--text-secondary:#9aa3c0;--text-muted: #6a738f;--text-inverse: #0b0f1a;--border-strong: rgba(255, 255, 255, .14);--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--gradient-accent: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);--gradient-text: linear-gradient(120deg, #22d3ee 0%, #a855f7 55%, #f472b6 100%);--gradient-surface: linear-gradient(180deg, rgba(34, 211, 238, .06) 0%, rgba(168, 85, 247, .04) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--glow-accent: 0 0 30px rgba(34, 211, 238, .32);--glow-violet: 0 0 40px rgba(168, 85, 247, .28);--grid-color: rgba(255, 255, 255, .035);--aurora-1: radial-gradient(ellipse 60% 50% at 20% 20%, rgba(34, 211, 238, .18), transparent 60%);--aurora-2: radial-gradient(ellipse 50% 50% at 80% 10%, rgba(168, 85, 247, .18), transparent 60%);--aurora-3: radial-gradient(ellipse 70% 40% at 50% 100%, rgba(244, 114, 182, .1), transparent 60%)}:root[data-theme=light]{color-scheme:light;--accent-1: #0ea5b7;--accent-2: #7c3aed;--accent-3: #db2777;--accent-soft: rgba(14, 165, 183, .12);--bg-base: #f6f8fc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .72);--bg-glass: rgba(255, 255, 255, .6);--text-strong: #0a1024;--text-primary: #1f2a44;--text-secondary:#4b5573;--text-muted: #7c859f;--text-inverse: #ffffff;--border-strong: rgba(10, 20, 44, .16);--border: rgba(10, 20, 44, .09);--border-subtle: rgba(10, 20, 44, .05);--gradient-accent: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);--gradient-text: linear-gradient(120deg, #0ea5b7 0%, #7c3aed 55%, #db2777 100%);--gradient-surface: linear-gradient(180deg, rgba(14, 165, 183, .04) 0%, rgba(124, 58, 237, .03) 100%);--shadow-sm: 0 2px 8px rgba(14, 20, 46, .06);--shadow-md: 0 10px 30px rgba(14, 20, 46, .08);--shadow-lg: 0 24px 60px rgba(14, 20, 46, .14);--glow-accent: 0 0 30px rgba(14, 165, 183, .2);--glow-violet: 0 0 40px rgba(124, 58, 237, .18);--grid-color: rgba(10, 20, 44, .04);--aurora-1: radial-gradient(ellipse 60% 50% at 20% 20%, rgba(14, 165, 183, .14), transparent 60%);--aurora-2: radial-gradient(ellipse 50% 50% at 80% 10%, rgba(124, 58, 237, .12), transparent 60%);--aurora-3: radial-gradient(ellipse 70% 40% at 50% 100%, rgba(219, 39, 119, .08), transparent 60%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--text-strong);letter-spacing:-.015em}p{margin:0}ul,ol{padding:0;margin:0;list-style:none}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-1)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--accent-soft);color:var(--text-strong)}:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.section{position:relative;padding-block:clamp(72px,10vw,128px);scroll-margin-top:calc(var(--nav-height) + 12px)}.section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-1);margin-bottom:18px}.section-eyebrow:before{content:"";width:28px;height:1px;background:var(--accent-1)}.section-title{font-size:clamp(28px,3.6vw,42px);font-weight:700;margin-bottom:14px;letter-spacing:-.02em}.section-subtitle{color:var(--text-secondary);font-size:clamp(15px,1.2vw,17px);max-width:640px;margin-bottom:clamp(32px,5vw,56px)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mono{font-family:var(--font-mono)}.surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);transition:border-color var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.surface:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;letter-spacing:.01em;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),background var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out);white-space:nowrap}.btn:hover{transform:translateY(-1px);color:inherit}.btn:active{transform:translateY(0)}.btn--primary{background:var(--gradient-accent);color:var(--text-inverse);border-color:transparent;box-shadow:var(--glow-accent)}.btn--primary:hover{box-shadow:var(--glow-accent),var(--glow-violet);color:var(--text-inverse)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn--ghost:hover{border-color:var(--accent-1);color:var(--accent-1)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.chip:hover{border-color:var(--accent-1);color:var(--accent-1)}.reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal[data-visible=true]{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}