.contact-page{--contact-navy:#061c39;--contact-blue:#1261bf;color:#253247;background:#fff}.contact-page h1,.contact-page h2,.contact-page h3{color:var(--contact-navy);font-family:Roboto Condensed,sans-serif}.contact-page .header-button,.contact-page .mobile-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.contact-analysis{background:linear-gradient(118deg,#fff 0 61%,#edf4fb 61%);grid-template-columns:minmax(0,1fr) minmax(480px,.86fr);grid-template-areas:"intro form""details form";align-items:start;gap:54px clamp(58px,7vw,112px);max-width:1500px;margin:auto;padding:84px clamp(30px,6vw,96px) 120px;display:grid}.contact-hero-copy{grid-area:intro;max-width:760px}.contact-hero-copy h1{letter-spacing:-.04em;text-transform:uppercase;margin:0 0 28px;font-size:clamp(54px,5.5vw,84px);line-height:.96}.contact-hero-copy strong{border-left:5px solid var(--contact-blue);color:var(--contact-navy);letter-spacing:.06em;text-transform:uppercase;background:#eaf3fd;padding:17px 22px;font:800 clamp(24px,2.1vw,32px) Roboto Condensed,sans-serif;display:inline-block}.contact-hero-copy>p{color:#34465e;max-width:690px;margin:28px 0 0;font-size:21px;line-height:1.6}.contact-form-card{border:1px solid #c7d7e8;border-top:6px solid var(--contact-blue);background:#f7fafd;grid-area:form;padding:44px 46px 40px;position:sticky;top:34px;box-shadow:0 24px 60px #061c3917}.contact-form-card h2{text-transform:uppercase;margin:0 0 27px;font-size:clamp(32px,3vw,43px);line-height:1.08}.contact-form-card form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form-card label{color:var(--contact-navy);text-transform:uppercase;letter-spacing:.035em;gap:8px;font:700 15px Roboto Condensed,sans-serif;display:grid}.contact-form-card label:nth-child(3),.contact-form-card label:nth-child(4),.contact-form-card label:nth-child(5){grid-column:1/-1}.contact-form-card input{color:#172033;text-transform:none;background:#fff;border:1px solid #afc3d8;border-radius:2px;outline:none;width:100%;height:52px;padding:10px 14px;font:400 17px Roboto,sans-serif}.contact-form-card input:focus{border-color:var(--contact-blue);box-shadow:0 0 0 3px #1261bf1f}.contact-form-card button{grid-column:1/-1;width:100%;margin-top:6px}.contact-form-card button:disabled{cursor:wait;opacity:.7}.contact-form-card small{text-align:center;color:#53657d;grid-column:1/-1;font-size:15px}.contact-form-notice{border-left:4px solid var(--contact-blue);color:#173c69;background:#eaf3fd;grid-column:1/-1;margin:4px 0 0;padding:13px 15px;font-size:15px;line-height:1.45}.contact-form-notice.is-error{color:#821d1d;background:#fff1f1;border-left-color:#a72727}.contact-form-notice.is-success{color:#135f47;background:#edf9f4;border-left-color:#16805b}.contact-deliverables{grid-area:details;grid-template-columns:1fr;display:grid}.contact-deliverables article{border-top:1px solid #d6e0ea;grid-template-columns:42px 1fr;gap:18px;padding:34px 0;display:grid}.contact-deliverables article:last-child{border-bottom:1px solid #d6e0ea}.contact-deliverables article>span{background:var(--contact-blue);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.contact-deliverables h3{text-transform:uppercase;margin:2px 0 12px;font-size:24px;line-height:1.12}.contact-deliverables p{color:#42536a;margin:0;font-size:18px;line-height:1.62}@media (max-width:1000px){.contact-analysis{background:linear-gradient(#fff 0 24%,#edf4fb 24%);grid-template-columns:1fr;grid-template-areas:"intro""form""details";gap:46px;padding:64px 36px 82px}.contact-hero-copy{max-width:780px}.contact-form-card{width:100%;max-width:780px;margin:auto;position:static}.contact-deliverables{width:100%;max-width:780px;margin:auto}}@media (max-width:600px){.contact-analysis{background:linear-gradient(#fff 0 19%,#edf4fb 19%);gap:38px;padding:48px 22px 68px}.contact-hero-copy h1{font-size:46px}.contact-hero-copy strong{font-size:23px}.contact-hero-copy>p{font-size:18px}.contact-form-card{padding:32px 22px}.contact-form-card form{grid-template-columns:1fr}.contact-form-card label{grid-column:1/-1}.contact-form-card h2{font-size:31px}.contact-deliverables article{grid-template-columns:36px 1fr;gap:14px;padding:30px 0}.contact-deliverables article>span{width:34px;height:34px}.contact-deliverables h3{font-size:22px}.contact-deliverables p{font-size:17px}}
