:root{--ink: #07112a;--ink-2: #0f1d3d;--navy: #1a2a52;--navy-line: #2a3a66;--paper: #ffffff;--paper-2: #f7f8fb;--paper-3: #eef1f7;--line: #dde2ec;--line-2: #e7ebf2;--body: #2a3450;--muted: #5b6684;--muted-2: #8892a8;--signal: #00d4ff;--signal-2: #38bdf0;--signal-deep: #0891b2;--signal-ink: #003544;--good: #10b981;--good-soft: #d1fae5;--warn: #f59e0b;--warn-soft: #fef3c7;--bad: #ef4444;--bad-soft: #fee2e2;--viz-market: #8892a8;--viz-you: #00d4ff;--viz-saved: #10b981;--viz-wasted: #ef4444;--f-display: var(--font-geist), "Söhne", "Inter", ui-sans-serif, system-ui, sans-serif;--f-sans: var(--font-geist), "Söhne", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: var(--font-geist-mono), "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(7, 17, 42, .04), 0 1px 3px rgba(7, 17, 42, .06);--shadow-md: 0 4px 12px rgba(7, 17, 42, .06), 0 2px 4px rgba(7, 17, 42, .04);--shadow-lg: 0 20px 40px -12px rgba(7, 17, 42, .12), 0 8px 16px -4px rgba(7, 17, 42, .06);--shadow-glow: 0 0 0 1px rgba(0, 212, 255, .18), 0 8px 32px rgba(0, 212, 255, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--f-sans);color:var(--body);background:var(--paper);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font:inherit;color:inherit}.mono{font-family:var(--f-mono)}.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal-deep);font-weight:500}.container{max-width:1240px;margin:0 auto;padding:0 32px}.container-narrow{max-width:960px;margin:0 auto;padding:0 32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--r-md);font-weight:500;font-size:14px;letter-spacing:-.005em;transition:all .15s cubic-bezier(.2,0,.2,1);white-space:nowrap;border:1px solid transparent}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-signal{background:var(--signal);color:var(--signal-ink);font-weight:600}.btn-signal:hover{background:#1ae0ff;box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--paper-2);border-color:var(--ink)}.btn-link{padding:0;color:var(--ink);font-weight:500;text-decoration:none;gap:4px}.btn-link:hover{color:var(--signal-deep)}.btn-lg{padding:14px 24px;font-size:15px}.display-xl{font-family:var(--f-display);font-size:clamp(48px,6.2vw,84px);line-height:.98;letter-spacing:-.035em;font-weight:500;color:var(--ink)}.display-lg{font-family:var(--f-display);font-size:clamp(40px,4.8vw,64px);line-height:1.02;letter-spacing:-.03em;font-weight:500;color:var(--ink)}.display-md{font-family:var(--f-display);font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.025em;font-weight:500;color:var(--ink)}.display-sm{font-family:var(--f-display);font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.015em;font-weight:600;color:var(--ink)}.lead{font-size:19px;line-height:1.5;color:var(--muted);letter-spacing:-.005em}.signal-mark{color:var(--ink);position:relative;white-space:nowrap}.signal-mark:after{content:"";position:absolute;left:-2px;right:-2px;bottom:.08em;height:.32em;background:var(--signal);z-index:-1;border-radius:2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-pill);font-family:var(--f-mono);font-size:11px;color:var(--body);letter-spacing:.01em}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px #00d4ff26}.chip.live .chip-dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #00d4ff26}50%{box-shadow:0 0 0 6px #00d4ff0d}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);transition:all .2s ease}.card:hover{border-color:var(--ink);box-shadow:var(--shadow-md)}section{padding:96px 0}section.tight{padding:64px 0}.section-head{max-width:720px;margin-bottom:56px}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:4px}
