.contact-hero{text-align:center;padding:80px 32px 40px;position:relative;overflow:hidden}.contact-layout{grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;display:grid}.contact-form-card{padding:40px 36px}.contact-form-card h3{margin-bottom:8px;font-size:1.3rem;font-weight:700}.contact-form-card>p{color:var(--pub-text-muted);margin-bottom:28px;font-size:.9rem}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{color:var(--pub-text-secondary);font-size:.82rem;font-weight:600}.contact-field input,.contact-field textarea,.contact-field select{border:1px solid var(--pub-border);width:100%;color:var(--pub-text);transition:all var(--pub-transition);background:#ffffff0a;border-radius:10px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.92rem}.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{border-color:var(--pub-accent);box-shadow:0 0 0 3px #0ea5e91f}.contact-field textarea{resize:vertical;min-height:120px}.contact-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-nexa-theme=light] .contact-field select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.contact-field select optgroup{background-color:var(--pub-bg-alt,#0f1629);color:var(--pub-accent,#38bdf8);letter-spacing:.04em;padding-top:8px;padding-bottom:4px;font-size:.8rem;font-style:normal;font-weight:700}.contact-field select option{background-color:var(--pub-bg,#0a0e1a);color:var(--pub-text,#f1f5f9);padding:6px 12px;font-style:normal;font-weight:400}.contact-submit-btn{margin-top:8px}.contact-proposal,.contact-context-panel{border:1px solid color-mix(in srgb, var(--pub-accent) 30%, var(--pub-border));background:color-mix(in srgb, var(--pub-accent) 5%, #0f172a66);border-radius:16px;flex-direction:column;gap:16px;padding:22px;animation:.35s ease-out hero-fade-in}.contact-proposal,.contact-context-panel.is-active{display:flex}.contact-context-panel:not(.is-active){display:none}.contact-proposal-header{border-bottom:1px solid color-mix(in srgb, var(--pub-border) 60%, transparent);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.contact-proposal-header h3{color:var(--pub-text);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.contact-proposal-header h3 svg{color:var(--pub-accent)}.contact-estimate-badge{color:#38bdf8;letter-spacing:.02em;background:#0ea5e926;border:1px solid #38bdf84d;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:800}.contact-preset-group{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.contact-preset-pill{border:1px solid var(--pub-border);color:var(--pub-text-secondary);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.contact-preset-pill:hover{color:var(--pub-text);background:#0ea5e91f;border-color:#0ea5e94d}.contact-preset-pill.is-active{border-color:var(--pub-accent);color:#38bdf8;background:#0ea5e938;font-weight:700}.contact-stepper{align-items:center;gap:6px;display:flex}.contact-stepper input{text-align:center;font-size:1rem;font-weight:700}.contact-stepper-btn{border:1px solid var(--pub-border);width:42px;height:42px;color:var(--pub-text);cursor:pointer;background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.contact-stepper-btn:hover:not(:disabled){border-color:var(--pub-accent);color:#38bdf8;background:#0ea5e933}.contact-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.contact-chip-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:4px;display:grid}.contact-chip{border:1px solid var(--pub-border);cursor:pointer;color:var(--pub-text-secondary);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;transition:all .2s;display:flex}.contact-chip:hover{border-color:color-mix(in srgb, var(--pub-accent) 40%, var(--pub-border));background:#ffffff0f}.contact-chip input[type=checkbox]{width:16px;height:16px;accent-color:var(--pub-accent);cursor:pointer}.contact-chip:has(input:checked){border-color:var(--pub-accent);color:var(--pub-text);background:#0ea5e91f;font-weight:600}.contact-context-note{color:var(--pub-text-muted);margin:0;font-size:.75rem;line-height:1.5}.contact-sync-note{color:var(--pub-text-muted);align-items:center;gap:5px;margin-top:-2px;font-size:.74rem;display:flex}.contact-info{flex-direction:column;gap:24px;display:flex}.contact-info-card{align-items:flex-start;gap:16px;padding:28px;display:flex}.contact-info-icon{background:var(--pub-gradient-soft);border:1px solid var(--pub-border);border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.contact-info-icon svg{width:22px;height:22px;color:var(--pub-accent)}.contact-info-text h4{margin-bottom:4px;font-size:1rem;font-weight:700}.contact-info-text p{color:var(--pub-text-secondary);font-size:.88rem;line-height:1.55}.contact-info-text a{color:var(--pub-accent)}.contact-info-text a:hover{color:var(--pub-accent-hover)}.contact-success{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b98140;border-radius:12px;margin-top:16px;padding:20px 24px;font-weight:600;display:none}.contact-success.show{animation:.5s ease-out hero-fade-in;display:block}.contact-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;margin-top:16px;padding:16px 20px;font-size:.88rem;font-weight:600;display:none}.contact-error.show{animation:.5s ease-out hero-fade-in;display:block}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.contact-layout,.contact-form-row{grid-template-columns:1fr}}@media (width<=560px){.contact-form-card{padding:26px 20px}.contact-proposal-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.contact-success,.contact-error{animation:none}}@media (forced-colors:active){.contact-form-card,.contact-info-card,.contact-proposal{border:1px solid canvastext}}