@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BarlowCondensed-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BarlowCondensed-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-Variable-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-Variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg-base: #0D0D0F;--color-bg-surface: #1A1A1E;--color-bg-elevated: #2A2A30;--color-border-default: #3D3D46;--color-border-subtle: #2A2A30;--color-text-primary: #F0F0F2;--color-text-secondary: #A0A0AE;--color-text-muted: #6B6B7A;--color-accent: #E8572A;--color-accent-hover: #F07A52;--color-accent-active: #A33D1D;--color-accent-focus: #F07A52;--color-accent-tint: rgba(232, 87, 42, .1);--color-accent-tint-border: rgba(232, 87, 42, .2);--color-accent-badge-bg: rgba(232, 87, 42, .12);--color-accent-badge-border: rgba(232, 87, 42, .25);--color-accent-glow: rgba(232, 87, 42, .18);--color-accent-subtle: rgba(232, 87, 42, .12);--color-selected: rgba(232, 87, 42, .15);--color-accent-nav-active: rgba(232, 87, 42, .06);--color-accent-code-bg: rgba(232, 87, 42, .08);--color-success: #4CAF82;--color-success-tint: rgba(76, 175, 130, .08);--color-success-tint-border: rgba(76, 175, 130, .2);--color-success-badge-bg: rgba(76, 175, 130, .12);--color-success-badge-border: rgba(76, 175, 130, .25);--color-success-glow: rgba(76, 175, 130, .15);--color-warning: #D4A843;--color-warning-tint: rgba(212, 168, 67, .08);--color-warning-tint-border: rgba(212, 168, 67, .25);--color-warning-badge-bg: rgba(212, 168, 67, .12);--color-destructive: #C44040;--color-destructive-hover: #A83535;--color-destructive-tint: rgba(196, 64, 64, .08);--color-destructive-tint-border: rgba(196, 64, 64, .25);--color-destructive-glow: rgba(196, 64, 64, .15);--color-destructive-focus: rgba(196, 64, 64, .5);--color-white: #ffffff;--color-bg-nav: rgba(13, 13, 15, .88);--color-bg-nav-hover: rgba(255, 255, 255, .03);--color-bg-ghost-hover: rgba(255, 255, 255, .05);--color-overlay: rgba(0, 0, 0, .6);--font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--type-display-xl: clamp(2.5rem, 5vw, 3.5rem);--type-display-lg: clamp(2rem, 4vw, 2.75rem);--type-heading-1: 2rem;--type-heading-2: 1.5rem;--type-heading-3: 1.125rem;--type-body-lg: 1rem;--type-card-title: 1.0625rem;--type-body-md: .9375rem;--type-body-sm: .875rem;--type-body-xs: .8125rem;--type-label: .75rem;--type-caption: .6875rem;--type-metric: 1.25rem;--type-metric-lg: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--nav-h: 72px;--page-pad-x: clamp(24px, 5vw, 64px);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=light]{--color-bg-base: #F4F4F6;--color-bg-surface: #FFFFFF;--color-bg-elevated: #EAEAED;--color-border-default: #D0D0D8;--color-border-subtle: #E4E4EA;--color-text-primary: #0D0D0F;--color-text-secondary: #4A4A55;--color-text-muted: #8A8A98;--color-accent: #C94B20;--color-accent-hover: #A33D1D;--color-accent-focus: #E8572A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--type-body-md);line-height:1.6;min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--color-bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);z-index:100;padding:0 var(--page-pad-x);display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary)}.nav-logo:hover{color:var(--color-text-primary)}.nav-logo-svg{height:32px;width:auto;flex-shrink:0}.nav-badge{display:flex;align-items:center;gap:var(--space-2);background:var(--color-accent-badge-bg);border:1px solid var(--color-accent-badge-border);color:var(--color-accent-focus);border-radius:var(--radius-full);padding:5px var(--space-3);font-size:var(--type-caption);font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.nav-badge-dot{width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-accent);flex-shrink:0}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h) + var(--space-16)) var(--page-pad-x) var(--space-16);position:relative;overflow:hidden;text-align:center}.hero-bg-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(320px,55vw,560px);opacity:.035;pointer-events:none;user-select:none;color:var(--color-text-primary)}.hero-content{position:relative;z-index:1;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);animation:fade-up .4s ease both;animation-delay:80ms}@media(prefers-reduced-motion:reduce){.hero-content{animation:none}}.hero-label{font-size:var(--type-label);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.hero-headline{font-family:var(--font-display);font-size:var(--type-display-xl);font-weight:700;letter-spacing:.01em;text-transform:uppercase;line-height:1.05;color:var(--color-text-primary)}.headline-line{display:block}.hero-subtext{font-size:var(--type-body-lg);color:var(--color-text-secondary);max-width:460px;line-height:1.65}.signup-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:440px}.signup-form{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%}.signup-input{flex:1;height:44px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--type-body-sm);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.signup-input::placeholder{color:var(--color-text-muted)}.signup-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.signup-btn{height:44px;padding:0 var(--space-5);background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--type-body-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-base),transform var(--transition-fast)}.signup-btn:hover:not(:disabled){background:var(--color-accent-hover)}.signup-btn:active:not(:disabled){background:var(--color-accent-active);transform:scale(.98)}.signup-btn:disabled{opacity:.6;cursor:not-allowed}.signup-privacy{font-size:var(--type-body-xs);color:var(--color-text-muted)}.signup-error{font-size:var(--type-body-xs);color:var(--color-destructive);margin-top:var(--space-2);width:100%}.signup-success{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--color-success-tint);border:1px solid var(--color-success-tint-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--color-success)}.signup-success-text{font-size:var(--type-body-sm);color:var(--color-success)}.features{padding:var(--space-20) var(--page-pad-x);max-width:1140px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md)}.feature-card-icon{width:44px;height:44px;background:var(--color-accent-tint);border:1px solid var(--color-accent-tint-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent)}.feature-card-title{font-family:var(--font-body);font-size:var(--type-card-title);font-weight:600;color:var(--color-text-primary);line-height:1.3}.feature-card-body{font-size:var(--type-body-sm);color:var(--color-text-secondary);line-height:1.65}.section-divider{height:1px;background:var(--color-border-subtle);margin:0 var(--page-pad-x)}.footer{padding:var(--space-8) var(--page-pad-x) var(--space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-right{display:flex;align-items:center;gap:var(--space-5)}.footer-unsub-trigger{background:none;border:none;padding:0;font-family:var(--font-body);font-size:var(--type-body-xs);color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--color-border-default);transition:color var(--transition-base)}.footer-unsub-trigger:hover{color:var(--color-text-secondary)}.unsub-form{display:flex;gap:var(--space-3);flex-wrap:wrap}.unsub-input{height:34px;width:220px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-3);font-family:var(--font-body);font-size:var(--type-body-xs);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.unsub-input::placeholder{color:var(--color-text-muted)}.unsub-input:focus{border-color:var(--color-border-default);box-shadow:0 0 0 3px var(--color-accent-glow)}.unsub-btn{height:34px;padding:0 var(--space-4);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--type-body-xs);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.unsub-btn:hover:not(:disabled){background:var(--color-bg-ghost-hover);color:var(--color-text-primary);border-color:var(--color-border-default)}.unsub-btn:active:not(:disabled){transform:scale(.98)}.unsub-btn:disabled{opacity:.5;cursor:not-allowed}.unsub-success{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-body-xs);color:var(--color-success)}.unsub-error{font-size:var(--type-body-xs);color:var(--color-destructive);margin-top:var(--space-1);width:100%}.footer-logo{display:flex;align-items:center;text-decoration:none;opacity:.35;transition:opacity var(--transition-base)}.footer-logo:hover{opacity:.6}.footer-logo-svg{height:22px;width:auto}.footer-copy{font-size:var(--type-body-xs);color:var(--color-text-muted)}@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-46%) scale(.96)}}.dialog-overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200}.dialog-overlay[data-state=open]{animation:dialog-overlay-in var(--transition-slow) ease}.dialog-overlay[data-state=closed]{animation:dialog-overlay-out var(--transition-slow) ease}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;width:90vw;max-width:420px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-5)}.dialog-content[data-state=open]{animation:dialog-content-in var(--transition-slow) ease}.dialog-content[data-state=closed]{animation:dialog-content-out var(--transition-slow) ease}.dialog-title{font-family:var(--font-display);font-size:var(--type-heading-2);font-weight:700;letter-spacing:.01em;color:var(--color-text-primary);padding-right:var(--space-8)}.dialog-description{font-size:var(--type-body-sm);color:var(--color-text-secondary);line-height:1.55;margin-top:calc(-1 * var(--space-2))}.dialog-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-bg-ghost-hover);color:var(--color-text-primary)}@media(max-width:520px){.hero{padding-top:calc(var(--nav-h) + var(--space-8));padding-bottom:var(--space-8)}.hero-content{gap:var(--space-4)}.signup-form{flex-direction:column;gap:var(--space-4)}.signup-input{flex:none;width:100%}.signup-btn{width:100%}.hero-headline{font-size:clamp(2rem,10vw,3rem)}.footer{justify-content:center;flex-direction:column;text-align:center}.footer-right{flex-direction:column;gap:var(--space-3)}.unsub-input{width:100%}}