/* MAVVIQ Contact */
.contact-hero{padding:84px 0 74px}
.contact-hero h1{max-width:820px}
.contact-hero p:last-child{max-width:720px}
.contact-section{padding:82px 0 94px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.contact-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:start}
.contact-panel{position:sticky;top:104px;min-width:0;padding:34px;border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(255,106,0,.13),transparent 30%),linear-gradient(145deg,#07152b,#0B1D3A 68%,#10294f);color:#fff;box-shadow:0 22px 58px rgba(11,29,58,.16);overflow:hidden}
.contact-panel h2{margin:0;max-width:470px;color:#fff;font-size:clamp(38px,4vw,54px);line-height:.96;letter-spacing:-.035em;text-transform:uppercase}
.contact-panel>p:not(.eyebrow){margin:18px 0 0;max-width:500px;color:rgba(255,255,255,.68);font-size:15px;line-height:1.65}
.contact-topic-grid{display:grid;gap:10px;margin-top:28px}
.contact-topic-grid>div{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:15px 16px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.045)}
.contact-topic-grid>div>span{grid-row:1/span 2;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,106,0,.14);color:#ff8d3d;font-size:10px;font-weight:950;letter-spacing:.08em}
.contact-topic-grid strong{align-self:end;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.contact-topic-grid p{margin:3px 0 0!important;color:rgba(255,255,255,.55)!important;font-size:11.5px!important;line-height:1.45!important}
.contact-direct{display:grid;gap:5px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.contact-direct>span{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.contact-direct>a:not(.social-link){font-size:17px;font-weight:850;color:#fff;overflow-wrap:anywhere}
.contact-direct .social-link{margin-top:6px}
.contact-form-card{min-width:0;padding:32px;border:1px solid #dfe6ee;border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(11,29,58,.08)}
.contact-form-head{margin-bottom:26px}
.contact-form-head h2{margin:0;color:var(--navy);font-size:clamp(36px,4vw,52px);line-height:.98;letter-spacing:-.03em;text-transform:uppercase}
.contact-form-head>p:last-child{max-width:640px;margin:13px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.contact-form-card .field textarea{min-height:180px}
.contact-form-footer{margin-top:20px;padding-top:20px;border-top:1px solid #edf1f5}
.contact-form-footer small{max-width:500px}
.status-action{display:inline-flex;margin-top:8px;font-weight:900;text-decoration:underline;text-underline-offset:3px}

@media(max-width:980px){
  .contact-section{padding:70px 0 82px}
  .contact-layout{grid-template-columns:1fr;gap:22px}
  .contact-panel{position:relative;top:auto}
  .contact-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .contact-topic-grid>div{grid-template-columns:1fr;gap:8px}
  .contact-topic-grid>div>span{grid-row:auto}
}
@media(max-width:700px){
  .contact-hero{padding:70px 0 62px}
  .contact-section{padding:58px 0 68px}
  .contact-panel,.contact-form-card{padding:24px 22px;border-radius:20px}
  .contact-panel h2{font-size:clamp(36px,11vw,48px)}
  .contact-topic-grid{grid-template-columns:1fr;margin-top:22px}
  .contact-topic-grid>div{grid-template-columns:36px minmax(0,1fr);gap:0 12px}
  .contact-topic-grid>div>span{grid-row:1/span 2}
  .contact-form-head{margin-bottom:22px}
  .contact-form-card .field textarea{min-height:150px}
  .contact-form-footer{align-items:stretch}
  .contact-form-footer .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .contact-panel,.contact-form-card{scroll-behavior:auto}
}