:root{--color-bg:#f5f5f7;--color-bg-card:#fff;--color-bg-deep:#ebebed;--color-bg-section:#f8f8fb;--color-bg-input:#f8f8fb;--color-border:#dddde3;--color-border-light:#eeeef3;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--color-accent-dim:#4f46e512;--color-accent-border:#4f46e52e;--color-accent-text:#4f46e5;--color-heading:#111118;--color-body:#6b6b7a;--color-muted:#9898a6;--color-mono:#c0c0ca;--color-green:#16a34a;--color-green-dim:#16a34a14;--color-red:#dc2626;--color-purple:#9333ea;--color-tier-free:#16a34a;--color-tier-pro:#9333ea;--color-tier-premium:#4f46e5;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--font-mono:"Space Mono", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--text-xs:9px;--text-sm:11px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:32px;--text-4xl:42px;--text-hero:72px;--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;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-pill:999px;--shadow-sm:0 1px 3px #1111180d, 0 4px 16px #1111180a;--shadow-md:0 2px 8px #1111180f, 0 8px 32px #1111180d;--shadow-lg:0 4px 20px #11111814, 0 16px 40px #1111180f;--shadow-xl:0 8px 40px #1111181a, 0 32px 80px #11111814;--shadow-accent:0 4px 20px #4f46e547;--transition-fast:.15s ease;--transition-mid:.2s ease;--transition-slow:.3s ease;--max-width:1100px;--nav-height:64px;--section-pad-y:80px;--section-pad-x:48px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-body);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;line-height:1.6}input[type=range]{appearance:none;background:var(--color-border);cursor:pointer;height:4px;accent-color:var(--color-accent);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 0 3px var(--color-accent-dim);transition:box-shadow var(--transition-fast);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--color-accent-dim)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}button{font-family:var(--font-body)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}@media (width<=900px){.variance-layout{grid-template-columns:1fr!important}}