/* Contact shares the landing's typography, colors and responsive header. */
.header-ctas{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.site-header .header-ctas>.button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:13px 20px;border-radius:32px;font-size:14px;white-space:nowrap}
.site-header .header-ctas>.friend-cta{width:170px;margin:0;background:var(--green);color:var(--ink)}
.site-header .header-ctas>.contact-cta{width:140px;gap:12px;background:transparent;border:1px solid #fff9;color:#fff}
.site-header .header-ctas>.contact-cta:hover{background:#fff;color:var(--ink);transform:none}
.site-header .header-ctas>.friend-cta:hover{background:var(--neon);transform:none}
.site-header nav .mobile-contact-link{display:none}
@media(min-width:1400px) and (max-width:1599px){header.site-header{gap:14px;padding-right:18px}.site-header .brand{flex-basis:280px;width:280px}.site-header nav{font-size:18px;gap:16px}}
@media(min-width:1600px){.site-header .brand{flex-basis:330px;width:330px}.site-header nav{gap:18px}}
@media(min-width:1280px) and (max-width:1399px){:root{--header-height:112px}.site-header .menu-toggle{display:flex;order:4}.site-header .language-switch{order:3}.header-ctas{margin-left:auto}.site-header nav{display:none;position:absolute;top:100%;left:0;width:100%;min-width:0;max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;padding:18px 5% 24px;background:var(--header-blue);font-size:28px;box-shadow:0 14px 22px #02043c26}.site-header nav.open{display:flex}.site-header nav>a:not(.mobile-signup-link){min-height:60px;padding:10px 0;border-bottom:1px solid #ffffff26}}
@media(max-width:1399px){.header-ctas{margin-left:auto}.site-header nav .mobile-contact-link{display:flex;justify-content:space-between}}
@media(max-width:1000px){.site-header .header-ctas{display:none}.site-header .language-switch{margin-left:auto}.site-header nav .mobile-signup-link{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:none;padding:18px 22px;margin-top:22px;border-radius:32px;background:var(--green);color:var(--ink);font-family:var(--body);text-transform:none}.site-header nav .friend-cta .friend-cta-copy{font-size:16px;line-height:1.3;max-width:none}}
.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,70px);padding:clamp(36px,4vw,64px) 5%;background:#f1f1fa;color:var(--ink);align-items:stretch;scroll-margin-top:var(--header-height)}
.contact-story{padding:clamp(24px,3vw,45px);display:flex;flex-direction:column;justify-content:center;border-radius:16px;background:var(--header-blue);color:#fff;overflow:hidden}
.contact-story>.eyebrow{font-size:15px;letter-spacing:.08em;margin:0 0 24px;color:#fff}
.contact-story h2{font-family:var(--display);font-size:clamp(64px,5.8vw,106px);font-weight:900;line-height:.96;letter-spacing:-.02em;margin:0}
.contact-story h2 span,.contact-story h2 em{display:block}.contact-story h2 em{color:var(--green);font-style:normal}
.contact-story>p:not(.eyebrow){font-size:clamp(17px,1.35vw,21px);line-height:1.5;max-width:32em;margin:26px 0 0}
.contact-note{display:flex;align-items:center;gap:18px;color:var(--green);margin-top:30px;font-family:'Shield Sans Condensed',var(--body);font-size:24px}
.contact-note>span{font-size:52px;line-height:1}
.contact-card{padding:clamp(22px,2.4vw,38px);background:#fff;border-radius:16px;border-top:7px solid var(--green);min-width:0}
.contact-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
.contact-card h3{font-family:var(--display);font-size:44px;line-height:1;margin:0;font-weight:900}
.contact-card-heading p{font-size:12px;line-height:1.4;color:#4e4e68;margin:0}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.contact-fields label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:700;line-height:1.3}
.contact-fields label span span{font-weight:400}
.contact-fields input,.contact-fields textarea{box-sizing:border-box;width:100%;min-width:0;background:#fafaff;border:1px solid #c9c9e0;border-radius:6px;padding:12px;font-family:var(--body);font-size:16px;color:#13132a;line-height:1.4}
.contact-fields textarea{min-height:128px;resize:vertical}
.contact-fields input:focus,.contact-fields textarea:focus{outline:2px solid var(--cobalt);outline-offset:2px}
.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#68687c;opacity:1}
.contact-full{grid-column:1/-1}.contact-card .privacy-check{margin:18px 0;font-size:12px;line-height:1.5;color:#35354a}.contact-card .privacy-check input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--ink)}
.contact-submit{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border:0;font-family:var(--body);font-size:16px;min-height:52px;cursor:pointer}
.contact-submit:hover{background:var(--cobalt)}.contact-submit:disabled{opacity:.65;cursor:wait;transform:none}
.contact-feedback{margin:0 0 16px;font-size:14px;line-height:1.5;color:#9a2631}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-success{padding:38px 0;max-width:450px}.contact-success-mark{display:grid;place-items:center;width:64px;height:64px;margin-bottom:25px;background:var(--green);border-radius:50%;font-size:34px}.contact-success p{margin:22px 0;line-height:1.6;font-size:18px}.contact-success .line-link{font-size:16px}
.contact [hidden]{display:none!important}
@media(max-width:999px){.contact{grid-template-columns:1fr;gap:24px;padding:40px 5%}.contact-story h2{font-size:clamp(64px,11vw,98px)}.contact-note{margin-top:18px}.contact-story{padding:30px}.contact-card{padding:26px}}
@media(max-width:560px){.contact-fields{grid-template-columns:1fr}.contact-card-heading{display:block}.contact-card-heading p{margin-top:10px}.contact-card h3{font-size:40px}.contact-story{padding:26px 22px}.contact-story h2{font-size:clamp(53px,12vw,72px)}.contact-card{padding:24px 20px}.contact-fields textarea{min-height:155px}}