:root { --ink:#0d0f12; --paper:#fff; --canvas:#f2f5f4; --line:#dce2df; --muted:#5d6670; --teal:#087f75; --yellow:#ffcf22; font-family:"DM Sans",Arial,sans-serif; color:var(--ink); background:var(--canvas); }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; background:linear-gradient(90deg,#f2f5f4 0%,#f2f5f4 66%,#e8eeec 66%); } button,input,textarea { font:inherit; }
.form-header { min-height:76px; padding:0 max(24px,calc((100vw - 1180px)/2)); display:flex; align-items:center; gap:24px; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); }.brand { display:flex; align-items:center; gap:10px; margin-right:auto; color:inherit; text-decoration:none; }.brand img { width:44px; height:44px; object-fit:contain; }.brand span { display:grid; line-height:1.05; }.brand b { font-family:"Manrope",sans-serif; }.brand small { margin-top:5px; color:var(--muted); }.back-link,.text-link { color:var(--teal); font-weight:700; }
.form-shell { width:min(1060px,calc(100% - 40px)); margin:0 auto; }.progress { height:4px; background:#d8dfdc; overflow:hidden; }.progress span { display:block; width:0; height:100%; background:var(--teal); transition:width .25s ease; } #lead-form { min-height:calc(100vh - 150px); }
.form-step { display:none; min-height:670px; padding:82px 0 64px; align-content:start; animation:enter .25s ease; }.form-step.is-active { display:grid; } @keyframes enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }.intro-step { max-width:780px; align-content:center; }
.eyebrow,.step-number { width:max-content; color:var(--teal); font-size:13px; font-weight:800; text-transform:uppercase; } h1,h2 { margin:18px 0 0; max-width:880px; font-family:"Manrope",sans-serif; letter-spacing:0; line-height:1.05; } h1 { font-size:clamp(44px,7vw,78px); } h2 { font-size:clamp(34px,5vw,58px); }.form-step>p { max-width:720px; margin:22px 0 0; color:var(--muted); font-size:18px; line-height:1.6; }.intro-step ul { margin:30px 0; padding:0; display:flex; flex-wrap:wrap; gap:10px 24px; list-style:none; color:#3f484e; }.intro-step li::before { content:"✓"; margin-right:8px; color:var(--teal); font-weight:800; }.hint { font-size:15px!important; }
.options { max-width:880px; margin-top:32px; display:grid; gap:12px; }.options-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.options label { cursor:pointer; }.options input { position:absolute; opacity:0; pointer-events:none; }.options span { min-height:58px; padding:15px 18px; display:flex; align-items:center; gap:12px; background:white; border:1px solid #cbd3d0; border-radius:6px; font-weight:650; transition:.15s ease; }.options label:hover span { border-color:var(--teal); }.options input:checked+span { border-color:var(--teal); background:#e7f5f2; box-shadow:inset 4px 0 0 var(--teal); }.options .has-error { border-color:#c94b41; } kbd { min-width:26px; height:26px; display:grid; place-items:center; border:1px solid #aeb8b4; border-radius:4px; background:#f7f8f8; font-size:12px; }
.step-actions { margin-top:34px; display:flex; gap:12px; }.primary,.secondary { min-height:52px; padding:0 22px; border:1px solid transparent; border-radius:6px; font-weight:800; cursor:pointer; }.primary { background:var(--yellow); color:var(--ink); }.primary:hover { background:#ffe16f; }.secondary { background:transparent; border-color:#aeb8b4; color:#374047; }
.fields { max-width:880px; margin-top:30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.fields label { display:grid; gap:8px; color:#343c42; font-weight:700; }.fields input,.fields textarea { width:100%; padding:14px 15px; border:1px solid #bfc8c4; border-radius:6px; background:white; outline:none; }.fields input:focus,.fields textarea:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(8,127,117,.12); }.fields .full { grid-column:1/-1; }.consent { grid-template-columns:22px 1fr!important; align-items:start; font-weight:500!important; line-height:1.45; }.consent input { width:18px; height:18px; margin-top:2px; }.form-error { min-height:24px; color:#b42318!important; font-size:14px!important; font-weight:700; }.bot-field { position:absolute; left:-9999px; }
.success-step { max-width:720px; align-content:center; }.success-icon { width:66px; height:66px; display:grid; place-items:center; border-radius:50%; background:var(--teal); color:white; font-size:34px; font-weight:800; }.link-button { width:max-content; margin-top:28px; display:inline-flex; align-items:center; color:var(--ink); text-decoration:none; }.success-step .text-link { margin-top:22px; width:max-content; } footer { min-height:70px; padding:20px 0; display:flex; justify-content:space-between; gap:20px; border-top:1px solid #d6ddda; color:#6a737b; font-size:12px; }
@media (max-width:700px) { body{background:var(--canvas)} .form-header{padding:0 20px}.back-link{font-size:0}.back-link::after{content:"←";font-size:22px}.form-shell{width:min(100% - 30px,1060px)}.form-step{min-height:calc(100vh - 130px);padding:52px 0}.options-grid,.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.step-actions{position:sticky;bottom:0;padding:14px 0;background:linear-gradient(0deg,var(--canvas) 70%,transparent)}.step-actions .primary{flex:1}.intro-step ul{display:grid}footer{display:grid}}