/* Compact marketing contact form for the public AORA homepage. */
.contact-section{padding-block:88px;border-top:1px solid #deded8}
.contact-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.contact-copy{max-width:470px}
.contact-copy h2{margin:0;font:600 clamp(34px,4vw,50px)/1.06 Sora,sans-serif;letter-spacing:-.05em}
.contact-copy>p:last-of-type{margin:20px 0 0;color:#666661;font-size:var(--fs-2xl);line-height:1.7}
.contact-meta{display:grid;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid #d6d6d0}
.contact-meta span{display:flex;align-items:center;gap:10px;color:#53534f;font-size:var(--fs-md);font-weight:var(--fw-bold)}
.contact-meta i{width:7px;height:7px;border-radius:50%;background:#111}
.contact-form{display:grid;gap:16px;padding:28px;border:1px solid #d9d9d3;border-radius:22px;background:#fff}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-field{display:grid;gap:7px}
.contact-field.full{grid-column:1/-1}
.contact-field label{font-size:var(--fs-base);font-weight:var(--fw-black);color:#33332f}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #d6d6d0;border-radius:11px;background:#fbfbf8;color:#111;font:500 13px/1.4 Manrope,Arial,sans-serif;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.contact-field textarea{min-height:118px;resize:vertical}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#777;box-shadow:0 0 0 3px rgba(0,0,0,.06);background:#fff}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#999993}
.contact-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.contact-consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:#686863;font-size:var(--fs-sm);line-height:1.55}
.contact-consent input{width:16px;height:16px;margin:1px 0 0;accent-color:#111}
.contact-consent a{text-decoration:underline;text-underline-offset:3px}
.contact-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.contact-submit{min-width:156px}
.contact-submit:disabled{opacity:.55;cursor:wait;transform:none}
.contact-feedback{min-height:20px;margin:0;font-size:var(--fs-base);font-weight:var(--fw-bold);line-height:1.45}
.contact-feedback[data-kind="success"]{color:#1e6b35}
.contact-feedback[data-kind="error"]{color:#9b2525}
.contact-feedback[data-kind="info"]{color:#666661}
.support.compact-support{padding-top:0;padding-bottom:88px}
.compact-support .support-card{padding:32px 36px;border-radius:22px;grid-template-columns:.7fr 1.3fr;gap:46px}
.compact-support .support-card h2{font-size:clamp(28px,3vw,40px)}
.compact-support .support-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.compact-support .support-links a{min-height:68px}
@media(max-width:980px){.contact-section{padding-block:76px}.contact-shell{grid-template-columns:1fr;gap:36px}.contact-copy{max-width:680px}.compact-support .support-card{grid-template-columns:1fr;gap:28px}.compact-support .support-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.contact-section{padding-block:64px}.contact-shell{gap:28px}.contact-form{padding:18px;border-radius:16px}.contact-fields{grid-template-columns:1fr}.contact-field.full{grid-column:auto}.contact-meta{margin-top:22px;padding-top:20px}.contact-actions{display:grid}.contact-submit{width:100%}.support.compact-support{padding-bottom:64px}.compact-support .support-card{padding:22px;border-radius:16px}.compact-support .support-links{grid-template-columns:1fr}}

/* Motion: subtle focus-glow on the whole form panel while a field is active, and hover feedback for the privacy-consent link (tokens defined in homepage.css, loaded first). */
.contact-form{transition:box-shadow var(--motion-base) var(--ease-out)}
.contact-form:focus-within{box-shadow:0 0 0 1px rgba(0,0,0,.05),0 26px 60px rgba(0,0,0,.08)}
.contact-consent a{transition:color var(--motion-fast) var(--ease-out)}
.contact-consent a:hover{color:#000}