@layer base,components;:root{--gray-950: #0b0f14;--gray-900: #0d131b;--gray-850: #121821;--gray-800: #1b2531;--gray-700: #223044;--gray-600: #16202c;--ink-100: #e8eef6;--slate-400: #8aa0b8;--amber-500: #f5a623;--amber-400: #ffb844;--amber-ink: #1a1200;--amber-950: #1c1608;--red-300: #f4a3a3;--red-800: #5a2020;--red-950: #2a1414;--green-300: #8ff0b8;--green-800: #1f5133;--green-950: #0f2417;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 3px;--radius-md: 10px;--radius-lg: 16px;--font-1: 12px;--font-2: 13px;--font-3: 14px;--font-4: 15px;--font-5: 16px;--font-6: 24px;--z-base: 0;--z-raised: 10;--z-overlay: 100;--dur: .3s;--target-min: 44px;--surface-page-a: var(--gray-600);--surface-page-b: var(--gray-950);--surface-1: var(--gray-850);--surface-2: var(--gray-900);--surface-3: var(--gray-800);--border: var(--gray-700);--text: var(--ink-100);--text-muted: var(--slate-400);--placeholder: var(--slate-400);--accent: var(--amber-500);--accent-hi: var(--amber-400);--accent-ink: var(--amber-ink);--accent-tint: var(--amber-950);--accent-line: var(--amber-500);--accent-text: var(--amber-500);--focus-ring: var(--amber-400);--danger-fg: var(--red-300);--danger-bg: var(--red-950);--danger-border: var(--red-800);--success-fg: var(--green-300);--success-bg: var(--green-950);--success-border: var(--green-800);--shadow-card: 0 20px 60px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--surface-page-a: #eef2f7;--surface-page-b: #f6f8fb;--surface-1: #ffffff;--surface-2: #f4f6f9;--surface-3: #e9edf2;--border: #d3dae2;--text: #16202c;--text-muted: #566579;--placeholder: #566579;--accent-ink: #2a1c00;--accent-tint: #fff6e6;--focus-ring: #b26a00;--accent-line: #b26a00;--accent-text: #8a5200;--danger-fg: #b42318;--danger-bg: #fef3f2;--danger-border: #f3c4bf;--success-fg: #067647;--success-bg: #ecfdf3;--success-border: #a6f4c5;--shadow-card: 0 20px 50px rgba(20, 30, 45, .12)}}:root[data-theme=light]{--surface-page-a: #eef2f7;--surface-page-b: #f6f8fb;--surface-1: #ffffff;--surface-2: #f4f6f9;--surface-3: #e9edf2;--border: #d3dae2;--text: #16202c;--text-muted: #566579;--placeholder: #566579;--accent-ink: #2a1c00;--accent-tint: #fff6e6;--focus-ring: #b26a00;--accent-line: #b26a00;--accent-text: #8a5200;--danger-fg: #b42318;--danger-bg: #fef3f2;--danger-border: #f3c4bf;--success-fg: #067647;--success-bg: #ecfdf3;--success-border: #a6f4c5;--shadow-card: 0 20px 50px rgba(20, 30, 45, .12)}@layer base{*{box-sizing:border-box}body{margin:0;font:var(--font-5) / 1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,var(--surface-page-a),var(--surface-page-b));color:var(--text);min-height:100dvh;display:grid;place-items:start center;padding:var(--space-6)}@media(min-height:720px){body{place-items:center}}}@layer components{.lead-form{width:100%;max-width:460px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-card)}.lead-form :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.lead-form .brand{font-weight:800;letter-spacing:.5px;font-size:var(--font-3);color:var(--accent-text)}.lead-form h1{font-size:var(--font-6);margin:var(--space-2) 0 var(--space-1);font-weight:800}.lead-form .sub{color:var(--text-muted);margin:0 0 var(--space-5);font-size:var(--font-3)}.lead-form label,.lead-form .field-label{display:block;font-size:var(--font-2);color:var(--text-muted);margin:var(--space-4) 0 var(--space-2)}.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-height:var(--target-min);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-4);font-family:inherit}.lead-form input::placeholder,.lead-form textarea::placeholder{color:var(--placeholder)}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--accent-line)}.lead-form textarea{resize:vertical;min-height:80px}.lead-form [aria-invalid=true]{border-color:var(--danger-border)}.lead-form .hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lead-form .fe{display:block;color:var(--danger-fg);font-size:var(--font-1);margin-top:var(--space-2)}.lead-form .steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.lead-form .steps>span{flex:1;height:var(--space-1);border-radius:var(--radius-sm);background:var(--border);transition:background-color var(--dur)}.lead-form .steps>span.on{background:var(--accent-line)}.lead-form .nav{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.lead-form button{min-height:var(--target-min);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);font-size:var(--font-5);font-weight:700;font-family:inherit;cursor:pointer;flex:1}.lead-form .next,.lead-form .submit{color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-hi),var(--accent))}.lead-form .back{background:var(--surface-3);color:var(--text);flex:0 0 92px}.lead-form button:disabled{opacity:.6;cursor:default}.lead-form .slots{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.lead-form .slot{min-height:var(--target-min);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;font-size:var(--font-3);background:var(--surface-2);color:var(--text);font-weight:600}.lead-form .slot[aria-checked=true]{border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent-text)}.lead-form .slot[aria-checked=true]:before{content:"✓ ";font-weight:800}.lead-form .ok,.lead-form .err{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-3)}.lead-form .ok{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-fg);text-align:center}.lead-form .err{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-fg)}.lead-form .row{display:flex;gap:var(--space-3)}.lead-form .row>div{flex:1}@media(max-width:360px){.lead-form .row{flex-direction:column}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
