/* Contact page redesign. Scoped so the rest of the site stays untouched. */
html body.contact-page{background:#eef3f7!important}

html body.contact-page .hero{min-height:560px!important;padding:58px 0 64px!important;background-image:linear-gradient(90deg,rgba(2,10,18,.96),rgba(2,10,18,.78) 52%,rgba(2,10,18,.42)),var(--hero-image)!important;background-position:center 48%!important}
html body.contact-page .hero>.hero-stage{align-items:center!important;gap:34px!important}
html body.contact-page .hero .hero-copy{padding:36px 38px!important;border-radius:24px!important}
html body.contact-page .hero h1{max-width:650px!important;font-size:clamp(48px,5.5vw,76px)!important;line-height:.95!important}
html body.contact-page .hero .hero-aside{min-height:auto!important;padding:28px!important;border-radius:24px!important}

html body.contact-page main{background:#eef3f7!important}
html body.contact-page main>.content:first-child{padding:64px clamp(28px,5vw,72px)!important}
html body.contact-page .contact-layout{gap:30px!important}
html body.contact-page .contact-layout>div>h2{color:#102238!important;-webkit-text-fill-color:#102238!important;text-shadow:none!important}
html body.contact-page .contact-layout>div>.lead{color:#536a7f!important;-webkit-text-fill-color:#536a7f!important}

html body.contact-page .form{margin-top:24px!important;padding:24px!important;gap:12px!important;border:1px solid #dbe4ec!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 34px rgba(14,39,61,.08)!important}
html body.contact-page .form input,
html body.contact-page .form select,
html body.contact-page .form textarea{min-height:54px!important;padding:14px 15px!important;border:1px solid #d8e1e9!important;border-radius:11px!important;background:#f7f9fb!important;color:#14283f!important;-webkit-text-fill-color:#14283f!important;font-size:16px!important;box-shadow:none!important}
html body.contact-page .form input::placeholder,
html body.contact-page .form textarea::placeholder{color:#81909f!important;-webkit-text-fill-color:#81909f!important;opacity:1!important}
html body.contact-page .form select:required:invalid{color:#81909f!important;-webkit-text-fill-color:#81909f!important}
html body.contact-page .form select option{background:#fff!important;color:#14283f!important}
html body.contact-page .form textarea{min-height:128px!important;line-height:1.5!important}
html body.contact-page .form input:focus,
html body.contact-page .form select:focus,
html body.contact-page .form textarea:focus{border-color:#2999f5!important;background:#fff!important;box-shadow:0 0 0 3px rgba(41,153,245,.11)!important}
html body.contact-page .form button{min-height:54px!important;border-radius:11px!important;box-shadow:none!important;font-size:12px!important;letter-spacing:.035em!important}

html body.contact-page .contact-card{position:relative!important;top:auto!important;padding:30px!important;border:1px solid rgba(105,151,194,.24)!important;border-radius:22px!important;background:linear-gradient(155deg,#0c263f,#081b2e 58%,#061522)!important;box-shadow:0 16px 38px rgba(8,29,47,.18)!important}
html body.contact-page .contact-card .eyebrow{margin-bottom:10px!important;color:#67baff!important;-webkit-text-fill-color:#67baff!important;background:transparent!important;text-shadow:none!important}
html body.contact-page .contact-card h2{margin:0 0 12px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;font-size:34px!important;line-height:1.02!important;letter-spacing:-.035em!important}
html body.contact-page .contact-card>p{margin:0!important;color:#bdccda!important;-webkit-text-fill-color:#bdccda!important;font-size:15px!important;line-height:1.65!important}
html body.contact-page .contact-list{display:block!important;margin:22px 0 0!important}
html body.contact-page .contact-item{padding:15px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body.contact-page .contact-item:last-child{border-bottom:0!important}
html body.contact-page .contact-item strong{margin:0 0 5px!important;color:#78c4ff!important;-webkit-text-fill-color:#78c4ff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important}
html body.contact-page .contact-item a,
html body.contact-page .contact-item span{color:#f2f7fb!important;-webkit-text-fill-color:#f2f7fb!important;font-size:14px!important;line-height:1.45!important}
html body.contact-page .contact-card .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:22px!important}
html body.contact-page .contact-card .button{min-height:48px!important;width:100%!important;border-radius:10px!important;box-shadow:none!important}
html body.contact-page .contact-card .button.alt{background:transparent!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

html body.contact-page .content.alt{border-radius:24px!important}
html body.contact-page .content.alt .feature{border-radius:16px!important;box-shadow:none!important}
html body.contact-page .contact-final-section{border-radius:24px!important}

@media(max-width:860px){
  html body.contact-page .seo-breadcrumbs{min-height:34px!important;padding:8px 14px!important}

  html body.contact-page>.hero{display:block!important;min-height:0!important;padding:0!important;background:linear-gradient(180deg,#071827,#04101c)!important;overflow:visible!important}
  html body.contact-page>.hero>.hero-stage{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  html body.contact-page>.hero .hero-copy{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:34px 18px 30px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 90% 0%,rgba(41,153,245,.12),transparent 34%),linear-gradient(180deg,#071827,#06131f)!important;box-shadow:none!important;backdrop-filter:none!important}
  html body.contact-page>.hero .kicker{margin:0 0 12px!important;padding-left:9px!important;font-size:8.5px!important}
  html body.contact-page>.hero h1{max-width:360px!important;margin:0 0 12px!important;font-size:36px!important;line-height:1.01!important;letter-spacing:-.045em!important}
  html body.contact-page>.hero p{max-width:365px!important;font-size:14px!important;line-height:1.52!important;color:#d7e2eb!important;-webkit-text-fill-color:#d7e2eb!important}
  html body.contact-page>.hero .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:18px!important}
  html body.contact-page>.hero .button{height:46px!important;min-height:46px!important;padding:0 10px!important;border-radius:9px!important;font-size:10px!important}
  html body.contact-page>.hero .hero-proof,
  html body.contact-page>.hero .hero-aside{display:none!important}

  html body.contact-page main{padding:0 0 20px!important;background:#eef3f7!important}
  html body.contact-page main>.content:first-child{width:100%!important;max-width:none!important;margin:0!important;padding:34px 16px 24px!important;border:0!important;border-radius:0!important;background:#eef3f7!important;box-shadow:none!important;overflow:visible!important}
  html body.contact-page main>.content:first-child:before{display:none!important}
  html body.contact-page .contact-layout{display:block!important}
  html body.contact-page .contact-layout>div{padding:0!important}
  html body.contact-page .contact-layout>div>.eyebrow{margin-bottom:8px!important;font-size:8.5px!important}
  html body.contact-page .contact-layout>div>h2{max-width:360px!important;margin:0 0 12px!important;font-size:32px!important;line-height:1.03!important;letter-spacing:-.04em!important;color:#102238!important;-webkit-text-fill-color:#102238!important}
  html body.contact-page .contact-layout>div>.lead{max-width:360px!important;margin:0!important;color:#5b7084!important;-webkit-text-fill-color:#5b7084!important;font-size:15px!important;line-height:1.55!important}

  html body.contact-page .form{grid-template-columns:1fr!important;margin-top:20px!important;padding:16px!important;gap:9px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(14,39,61,.06)!important}
  html body.contact-page .form input,
  html body.contact-page .form select{min-height:50px!important}
  html body.contact-page .form textarea{min-height:104px!important}
  html body.contact-page .form button{min-height:50px!important}

  html body.contact-page .contact-card{margin-top:20px!important;padding:22px 18px 18px!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(7,28,46,.14)!important}
  html body.contact-page .contact-card h2{font-size:27px!important;line-height:1.05!important}
  html body.contact-page .contact-card>p{font-size:14px!important;line-height:1.55!important}
  html body.contact-page .contact-list{margin-top:16px!important}
  html body.contact-page .contact-item{padding:12px 0!important}
  html body.contact-page .contact-item a,
  html body.contact-page .contact-item span{font-size:13.5px!important}
  html body.contact-page .contact-card .actions{margin-top:16px!important}
  html body.contact-page .contact-card .button{min-height:44px!important;font-size:10px!important}

  html body.contact-page main>.content.alt,
  html body.contact-page main>.contact-final-section{width:calc(100% - 20px)!important;margin:10px auto!important;padding:28px 18px!important;border-radius:16px!important}
  html body.contact-page .content.alt .section-head{margin-bottom:18px!important}
  html body.contact-page .content.alt .section-head h2{font-size:30px!important;line-height:1.04!important}
  html body.contact-page .content.alt .feature-grid{gap:10px!important;margin-top:18px!important}
  html body.contact-page .content.alt .feature{padding:18px!important;border-radius:13px!important}
  html body.contact-page .content.alt .feature h3{margin:10px 0 5px!important;font-size:18px!important}
  html body.contact-page .contact-final-section .media-card{min-height:240px!important;border-radius:14px!important}
  html body.contact-page .contact-final-copy h2{font-size:30px!important;line-height:1.04!important}
}

@media(max-width:390px){
  html body.contact-page>.hero .hero-copy{padding:30px 15px 26px!important}
  html body.contact-page>.hero h1{font-size:33px!important}
  html body.contact-page>.hero p{font-size:13.5px!important}
  html body.contact-page main>.content:first-child{padding-left:13px!important;padding-right:13px!important}
  html body.contact-page .form{padding:14px!important}
  html body.contact-page .contact-card{padding:20px 16px 16px!important}
}