:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-badge:#374151;--text-primary:#1f2937;--text-inverse:#fff;--text-muted:#9ca3af;--text-badge:#d1d5db;--accent:#111827;--border-light:#f3f4f6;--border-default:#e5e7eb;--shadow-tactile:0 1px 2px #00000005, 0 8px 24px -4px #00000008;--shadow-card-dark:0 20px 40px -10px #11182740;--radius-default:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,Helvetica,Arial,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.button-primary{background-color:var(--accent);color:var(--text-inverse);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #11182726}.button-primary:active{transform:translateY(0)}h1,h2,h3,h4,h5,h6{color:var(--accent);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.25rem,5vw,4.5rem)}h2{letter-spacing:-.015em;font-size:1.5rem}h3{letter-spacing:-.01em;font-size:1.15rem}.container{width:100%;max-width:1040px;margin:0 auto;padding:0 32px}.card{background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-tactile);padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1)}.card:hover{transform:translateY(-1px);box-shadow:0 1px 2px #00000008,0 16px 36px -4px #0000000d}.card-dark{background-color:var(--accent);color:var(--text-inverse);border-radius:var(--radius-default);box-shadow:var(--shadow-card-dark);padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1)}.card-dark:hover{transform:translateY(-1px);box-shadow:0 24px 48px -10px #11182759}.text-container{max-width:68ch;margin:0 auto}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-brand{color:var(--accent);background-color:#1118270d}.text-gradient{background:linear-gradient(135deg, var(--accent) 30%, #4b5563 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}input[type=range].custom-slider{appearance:none;background:var(--border-default);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin:12px 0}input[type=range].custom-slider::-webkit-slider-thumb{appearance:none;border:1px solid var(--border-default);cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,background-color .15s;box-shadow:0 2px 4px #0000001a}input[type=range].custom-slider::-webkit-slider-thumb:hover{background:#f9fafb;transform:scale(1.15)}input[type=range].custom-slider::-moz-range-thumb{border:1px solid var(--border-default);cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;transition:transform .15s,background-color .15s;box-shadow:0 2px 4px #0000001a}input[type=range].custom-slider::-moz-range-thumb:hover{background:#f9fafb;transform:scale(1.15)}.mobile-only{display:none!important}.desktop-only{display:inline!important}.header-nav-container{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:72px;display:grid}.header-logo{justify-self:start;align-items:center;display:flex}.header-menu{justify-self:center;align-items:center;display:flex}.header-cta{justify-self:end;align-items:center;display:flex}@media (width<=768px){.header-nav-container{justify-content:space-between;gap:12px;display:flex}}@media (width<=600px){.mobile-only{display:inline!important}.desktop-only{display:none!important}.container{padding:0 16px}.button-primary{padding:8px 14px;font-size:12px}header img{height:32px!important}.card,.card-dark{padding:24px!important}}