.contact-page .contact-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.contact-page .contact-hero{padding:82px 0 72px;text-align:center;background:linear-gradient(180deg,#EAF6FF 0%,#fff 100%)}
.contact-page .contact-eyebrow{display:inline-flex;align-items:center;justify-content:center;color:#FF6B12;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.contact-page h1{margin:18px auto 0;max-width:800px;color:#08264A;font-size:clamp(38px,5.5vw,58px);font-weight:900;line-height:1.08;letter-spacing:-.045em}
.contact-page .hero-copy{max-width:700px;margin:18px auto 0;color:#60758A;font-size:18px;line-height:1.8}
.contact-page .site-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:14px 24px;border-radius:12px;background:#FF6B12;color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(255,107,18,.18);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.contact-page .site-button:hover{transform:translateY(-2px);background:#f45c08;box-shadow:0 14px 28px rgba(255,107,18,.22)}
.contact-page .contact-main{padding:82px 0 78px}
.contact-page .contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.contact-page .section-eyebrow{color:#FF6B12;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.contact-page h2{margin-top:10px;color:#08264A;font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1.12;letter-spacing:-.035em}
.contact-page .supporting{margin-top:16px;color:#60758A;font-size:16px;line-height:1.8}
.contact-page .form-card{padding:32px;border:1px solid #e5edf4;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(8,38,74,.08)}
.contact-page .field{margin-bottom:19px}
.contact-page .field:last-of-type{margin-bottom:0}
.contact-page label{display:block;margin-bottom:8px;color:#102A43;font-size:14px;font-weight:850}
.contact-page input,.contact-page select,.contact-page textarea{width:100%;border:1px solid #d9e4ec;border-radius:12px;background:#fff;color:#102A43;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.contact-page input,.contact-page select{height:50px;padding:0 14px}
.contact-page .select-wrap{position:relative}
.contact-page .select-wrap select{appearance:none;-webkit-appearance:none;padding-right:58px;cursor:pointer}
.contact-page .select-wrap::after{content:"";position:absolute;right:16px;top:50%;width:24px;height:24px;border-radius:50%;background:#FF6B12;transform:translateY(-50%);pointer-events:none}
.contact-page .select-wrap::before{content:"";position:absolute;right:24px;top:50%;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-65%) rotate(45deg);z-index:1;pointer-events:none}
.contact-page textarea{min-height:132px;padding:13px 14px;resize:vertical}
.contact-page input::placeholder,.contact-page textarea::placeholder{color:#8aa0b2}
.contact-page input:focus,.contact-page select:focus,.contact-page textarea:focus{border-color:#1269B0;box-shadow:0 0 0 3px rgba(18,105,176,.10)}
.contact-page .form-button{margin-top:23px;width:100%;border:0;cursor:pointer}
.contact-page .direct-section{padding:0 0 78px}
.contact-page .direct-card{padding:38px 42px;border-radius:24px;background:#EAF6FF;text-align:center}
.contact-page .direct-card h2{margin-top:0}
.contact-page .direct-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:700px;margin:28px auto 0}
.contact-page .direct-item{padding:21px 22px;border:1px solid rgba(18,105,176,.13);border-radius:16px;background:#fff}
.contact-page .direct-label{color:#60758A;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.contact-page .direct-value{margin-top:7px;color:#08264A;font-size:17px;font-weight:850;word-break:break-word}
.contact-page .assessment-section{padding:0 0 86px}
.contact-page .assessment-card{padding:clamp(32px,5vw,52px);border-radius:26px;background:#08264A;text-align:center;color:#fff}
.contact-page .assessment-card h2{margin:0;color:#fff}
.contact-page .assessment-copy{max-width:700px;margin:16px auto 0;color:#E4EEF8;line-height:1.8}
.contact-page .assessment-note{margin-top:14px;color:#fff;font-size:14px;font-weight:800}
.contact-page .assessment-card .site-button{margin-top:23px}
@media(max-width:800px){
  .contact-page .contact-hero{padding:62px 0 54px}
  .contact-page .contact-main{padding:62px 0 60px}
  .contact-page .contact-grid{grid-template-columns:1fr;gap:34px}
  .contact-page .direct-section{padding-bottom:60px}
  .contact-page .assessment-section{padding-bottom:64px}
}
@media(max-width:600px){
  .contact-page .contact-wrap{width:min(100% - 28px,1120px)}
  .contact-page .hero-copy{font-size:16px;line-height:1.75}
  .contact-page .form-card{padding:23px 18px;border-radius:20px}
  .contact-page .direct-card{padding:29px 18px;border-radius:20px}
  .contact-page .direct-items{grid-template-columns:1fr;gap:12px;margin-top:23px}
  .contact-page .assessment-card{border-radius:21px}
}
@media(prefers-reduced-motion:reduce){.contact-page .site-button{transition:none}}

/* Only one direct contact option (WhatsApp): keep it centred. */
.contact-page .direct-items-single { grid-template-columns: minmax(0, 360px); justify-content: center; }