.contact-main{background:#fff}.contact-main>section{padding:64px 0 80px}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:start}.contact-copy{padding-top:12px}.contact-main h1{font-size:52px;line-height:1.17;letter-spacing:-1.8px;font-weight:500}.contact-main h1 span{color:#82758e}.contact-copy>p{font-size:17px;line-height:1.8;margin-top:24px}.contact-expect{margin-top:36px}.contact-expect h2{font-size:18px;letter-spacing:0;margin-bottom:8px}.contact-expect>div{display:flex;gap:18px;border-bottom:1px solid #e9e3ef;padding:18px 0}.contact-expect span{font-size:12px;color:#9b82ae;padding-top:4px}.contact-expect p{font-size:14px;line-height:1.8}.contact-direct{margin-top:32px;display:flex;flex-direction:column;gap:10px;font-size:14px}.contact-direct p{color:#82758e}.contact-direct a{color:#3c3343}.contact-card{padding:32px;background:#f8f6fa;border:1px solid #e5dfeb;border-radius:16px}.contact-card h2{font-size:28px;letter-spacing:-.8px;line-height:1.25}.contact-form-intro{font-size:13px;line-height:1.7;margin:14px 0 24px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.contact-field{display:flex;flex-direction:column;gap:8px;min-width:0}.contact-field[hidden]{display:none}.contact-full{grid-column:1/-1}.contact-field label{font-size:13px;font-weight:500}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;font:inherit;font-size:14px;line-height:1.5;padding:11px 12px;border:1px solid #d9d3df;border-radius:7px;background:#fff;color:#242129}.contact-field textarea{resize:vertical}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:2px solid #b8a4ca;outline-offset:2px}.contact-privacy{font-size:12px;line-height:1.8;margin:20px 0}.contact-privacy a{text-decoration:underline}.contact-submit{border-radius:8px;width:100%;justify-content:center;gap:14px;padding:13px 20px}.contact-submit:disabled{opacity:.6;cursor:wait}#form-status{font-size:14px;line-height:1.7;margin-top:16px}#form-status:empty{display:none}#form-status[data-state=error]{color:#a13737}#form-status[data-state=success]{color:#42664c}@media(max-width:1000px){.contact-layout{gap:36px}.contact-main h1{font-size:44px}.contact-card{padding:26px}}@media(max-width:760px){.contact-main>section{padding:36px 0 48px}.contact-main .container{width:calc(100% - 40px)}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-main h1{font-size:38px}.contact-copy>p{font-size:16px}.contact-card{padding:22px}.contact-card h2{font-size:26px}.contact-fields{grid-template-columns:1fr}.contact-direct a{overflow-wrap:anywhere}}
body .contact-main>section{background:#fff}body .contact-main .contact-card h2{font-size:28px;letter-spacing:-.8px}body .contact-main .contact-expect h2{font-size:18px;letter-spacing:0}@media(max-width:760px){body .contact-main .contact-card h2{font-size:26px}}

body .contact-main .production-tagline{font-size:24px;line-height:1.4;letter-spacing:-.5px;margin-top:22px}body .contact-main .production-heading{font-size:22px;line-height:1.4;letter-spacing:-.4px;margin-top:32px}.contact-production-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.contact-production-stats strong{display:block;color:#82758e;font-size:32px}.contact-production-stats span{display:block;font-size:12px;line-height:1.7;margin-top:8px}.contact-agents{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.contact-agents article{border-top:1px solid #e5dfeb;padding-top:14px}.contact-agents h3{font-size:14px}.contact-agents p{font-size:12px;line-height:1.8;margin-top:6px}.contact-trust{font-size:12px;line-height:1.9;margin-top:24px;color:#82758e}.contact-production-closing{text-align:center;background:#f6f6f6!important}.contact-production-closing h2{font-size:32px;line-height:1.3}.contact-production-closing .button{margin-top:24px;border-radius:8px}#demo-form{scroll-margin-top:110px}@media(max-width:760px){.contact-agents{grid-template-columns:1fr}.contact-production-stats{gap:12px}.contact-production-stats strong{font-size:28px}}

.contact-form-heading{font-size:18px;margin:24px 0 20px;font-weight:600}.contact-agent-icon{display:block;font-size:22px;margin-bottom:8px}.contact-production-closing .contact-direct{align-items:center}

#main{
  width:min(1120px,calc(100% - 64px));
  margin:0 auto;
  max-width:100%;
}
#production-contact-body{
  display:block;
  width:100%;
  max-width:100%;
  border:0;
  overflow:hidden;
}
@media(max-width:767px){
  #main{width:calc(100% - 40px)}
}

/* Contact page has no "Book a demo" header CTA (the page itself is the demo form). */
header nav>.button{display:none}

/* With the CTA gone, keep the logo and menu on a single row instead of the menu wrapping to row 2. */
@media(max-width:760px){
  header>nav{grid-template-columns:auto 1fr}
  header .nav-links{grid-column:2;grid-row:1;width:auto;justify-content:flex-end;padding-top:0}
}