.contact-card{display:flex;flex-direction:column}.contact-form{--contact-field-border: rgba(28, 25, 23, .52);--contact-field-error: #B42318;display:grid;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}html:not(.has-js) .contact-form{display:none}.form-noscript{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.form-noscript a{color:var(--color-brand);font-weight:var(--font-weight-semibold);text-decoration:underline}.form-required-note{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.form-actions{display:grid;gap:var(--space-sm)}.contact-form .form-status{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:#00000008;color:var(--color-text)}.contact-form .form-status.is-success{border-color:#2ecc7159;background:#2ecc7114}.contact-form .form-status.is-error{border-color:#e74c3c59;background:#e74c3c14}.form-row{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group{display:grid;gap:6px;scroll-margin-top:96px}.form-group label{font-weight:var(--font-weight-semibold);color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);border:1px solid var(--contact-field-border);padding:.65rem .8rem;background:var(--color-surface);font:inherit;transition:var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #3b9ebf1f}.form-group input[aria-invalid=true],.form-group select[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:var(--contact-field-error);background:#b4231808}.form-group input[aria-invalid=true]:focus,.form-group select[aria-invalid=true]:focus,.form-group textarea[aria-invalid=true]:focus{border-color:var(--contact-field-error);box-shadow:0 0 0 3px #b4231824}.field-error{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--contact-field-error)}.field-error:before{content:"⚠";margin-right:6px;font-weight:var(--font-weight-bold)}.contact-options,.contact-form-section{overflow-x:clip}.contact-asymmetric{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl);align-items:start}.contact-card--featured{background:#fff;border:1px solid rgba(28,25,23,.06);border-radius:var(--radius-lg);padding:var(--space-xl)}.contact-card--featured h2{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin:var(--space-xs) 0 var(--space-sm)}.contact-card--featured p{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.contact-benefits{list-style:none;padding:0;margin:0 0 var(--space-lg);display:grid;gap:var(--space-xs)}.contact-benefits li{padding-left:1.5em;position:relative;color:var(--color-text-muted);font-size:var(--text-sm)}.contact-benefits li:before{content:"✓";position:absolute;left:0;color:var(--color-brand);font-weight:var(--font-weight-bold)}.contact-meta{display:block;margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.contact-card--compact{padding:var(--space-lg);border-top:2px solid rgba(28,25,23,.08)}.contact-card--compact h2{font-size:var(--text-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.contact-card--compact p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-md)}@media(max-width:768px){.contact-asymmetric{grid-template-columns:1fr}}.form-with-context{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-2xl);align-items:start}.form-panel h2{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.form-panel>p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.context-panel{padding:var(--space-lg);background:#fff;border:1px solid rgba(28,25,23,.06);border-radius:var(--radius-lg);position:sticky;top:100px}.context-panel h3{font-size:var(--text-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.context-steps{display:grid;gap:var(--space-md)}.context-step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm)}.context-step__num{width:28px;height:28px;border-radius:50%;background:var(--color-brand);color:#fff;display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.context-step strong{font-size:var(--text-sm);display:block;margin-bottom:2px}.context-step p{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.context-contact{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(28,25,23,.08)}.context-contact p{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:4px}.context-contact a{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand);text-decoration:none}.context-contact a:hover{text-decoration:underline}@media(max-width:768px){.form-with-context{grid-template-columns:1fr;gap:var(--space-xl)}.context-panel{position:static;order:-1}}