/* Contact extends the landing's typography, surfaces and shared button treatment. */
.contact-page{background:#fff;--contact-header-height:96px}
.contact-page [hidden]{display:none!important}
.contact-page .site-header{background:#fff}
.contact-page ::selection{background:#ed07ac;color:white}
.contact-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-main{padding:calc(var(--contact-header-height) + 45px) 0 0}
.contact-stage{background:#f5f4f6;margin-top:48px;padding:48px 0 72px}
.contact-heading{text-align:center;max-width:980px}
.contact-heading h1{font-size:clamp(64px,7vw,96px);line-height:1;letter-spacing:-.035em;color:#ed07ac}
.contact-heading>p{font-size:21px;line-height:1.5;color:#62596c;margin:19px auto 0;text-wrap:pretty}
.contact-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(55px,7vw,115px);max-width:1130px;margin-top:0;align-items:start}
.contact-details{grid-column:1;grid-row:1;padding:28px 0 0;min-width:0}
.contact-team-copy h2{font-size:36px;line-height:1.13;letter-spacing:-.025em}
.contact-team-copy>p{max-width:390px;font-size:18px;line-height:1.55;color:#62596c;margin-top:19px;text-wrap:pretty}
.contact-email{display:inline-flex;align-items:center;min-height:44px;margin-top:17px;font:500 17px/1.5 Poppins,sans-serif;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;overflow-wrap:anywhere}
.contact-email:hover,.contact-help a:hover,.contact-privacy a:hover{text-decoration-color:#ed07ac}
.contact-conversation{max-width:450px;margin:35px 0 26px -25px}
.contact-conversation svg{display:block;width:100%;height:auto;overflow:visible}
.conversation-back{stroke:#8b8093;stroke-width:1.5}
.conversation-front{fill:#ed07ac}
.conversation-hello{fill:#766b7f;font:500 45px "League Spartan",sans-serif;letter-spacing:-1px}
.conversation-dots{fill:#fff}
.conversation-dots circle{animation:conversation-thought 3.6s ease-in-out infinite}
.conversation-dots circle:nth-child(2){animation-delay:.2s}.conversation-dots circle:nth-child(3){animation-delay:.4s}
@keyframes conversation-thought{0%,55%,100%{opacity:.45;transform:translateY(0)}25%{opacity:1;transform:translateY(-5px)}}
.contact-help{border-top:1px solid #cbc4d3;padding-top:24px;max-width:400px}
.contact-help h3{font-size:25px;letter-spacing:-.02em;line-height:1.2}
.contact-help p{font-size:17px;color:#62596c;margin-top:9px;max-width:340px;line-height:1.5}
.contact-help a{display:inline-flex;align-items:center;min-height:44px;margin-top:9px;font:500 12px/1.5 Poppins,sans-serif;text-decoration:underline;text-underline-offset:5px}
.contact-form-panel{grid-column:2;grid-row:1;background:#fff;border-radius:16px;padding:35px 36px 27px;min-width:0}
.contact-form-heading{padding-bottom:24px;border-bottom:1px solid #e4dfe8}
.contact-form-heading h2{font-size:38px;line-height:1.1;letter-spacing:-.03em}
.contact-form-heading p{font-size:18px;color:#62596c;margin-top:8px}
.contact-required{color:#716579;font-size:13px;line-height:1.4;margin:20px 0 22px}
.contact-fields-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.contact-field{min-width:0;margin-bottom:21px}
.contact-field label{display:block;font:500 12px/1.5 Poppins,sans-serif;margin-bottom:8px;color:#353039}
.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid #dcd5e2;background:#faf9fb;border-radius:8px;color:#242329;font:400 16px/1.5 Hind,sans-serif;caret-color:#ed07ac;transition:border-color .2s,background .2s}
.contact-field textarea{min-height:141px;resize:vertical}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#756a7e;opacity:1}
.contact-field input:hover,.contact-field select:hover,.contact-field textarea:hover{border-color:#a397ae}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:2px solid #ed07ac;outline-offset:2px;border-color:#ed07ac;background:#fff}
.contact-field select{appearance:none;padding-right:40px;cursor:pointer}
.contact-select-wrap{position:relative}.contact-select-wrap:after{content:"";position:absolute;right:18px;top:20px;width:7px;height:7px;border-right:1.5px solid #6a6073;border-bottom:1.5px solid #6a6073;transform:rotate(45deg);pointer-events:none}
.contact-message-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.contact-message-label>span{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;color:#716579;white-space:nowrap}
.contact-field [aria-invalid=true]{border-color:#a6304c;background:#fff9fa}
.contact-error{font-size:14px;line-height:1.4;color:#a6304c;margin-top:7px}
.contact-privacy{font-size:13px;line-height:1.5;color:#716579;margin:0 0 23px}
.contact-privacy a{color:#514458;text-decoration:underline;text-underline-offset:3px}
.contact-send-error{margin-top:22px;padding:15px 17px;border:1px solid #dfbcc7;border-radius:8px;background:#fff8fa;color:#8b2941;font-size:16px;line-height:1.45}
.contact-send-error:focus{outline:2px solid #ed07ac;outline-offset:3px}
.contact-submit{width:100%;font-size:13px;min-height:51px}
.contact-preview-result{padding:44px 0;outline:none;min-height:var(--contact-state-height,540px);display:flex;align-items:center;justify-content:center;text-align:center}
.contact-feedback-state{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px}
.contact-feedback-icon{width:80px;height:80px;color:#ed07ac;display:grid;place-items:center;margin:0 0 30px}
.contact-feedback-icon svg{width:72px;height:72px;display:block;overflow:visible}
#contact-send-icon{overflow:hidden;width:112px;height:112px;margin-bottom:14px}
.contact-preview-result h3{font-size:43px;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.contact-preview-result p{font-size:19px;line-height:1.5;color:#62596c;margin:17px 0 0;max-width:30ch;text-wrap:pretty}
.contact-preview-result .button{margin-top:30px;min-height:48px;font-size:12px}
.contact-preview-result:focus-visible{outline:2px solid #ed07ac;outline-offset:12px;border-radius:8px}
.contact-page .complete-footer{background:#e5e1e9}
@media(max-width:1000px){.contact-layout{gap:45px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.contact-form-panel{padding:29px 25px 23px}.contact-team-copy h2{font-size:32px}.contact-fields-row{grid-template-columns:1fr;gap:0}.contact-conversation{margin-top:38px;margin-left:-16px}.contact-email{font-size:15px}}
@media(max-width:760px){.contact-main{padding-top:calc(var(--contact-header-height) + 32px);padding-bottom:0}.contact-stage{margin-top:32px;padding:32px 0 48px}.contact-heading h1{font-size:70px}.contact-heading>p{font-size:19px;max-width:430px}.contact-heading>p br{display:none}.contact-layout{grid-template-columns:1fr;gap:36px;margin-top:0;max-width:560px}.contact-details{display:contents}.contact-team-copy{grid-row:2}.contact-form-panel{grid-column:1;grid-row:1;padding:30px 25px 25px}.contact-fields-row{grid-template-columns:1fr 1fr;gap:16px}.contact-team-copy h2{font-size:32px}.contact-team-copy h2 br{display:none}.contact-team-copy>p{max-width:450px}.contact-conversation{grid-row:3;margin:0 auto;max-width:340px;width:100%}.contact-help{grid-row:4;max-width:none;padding-top:25px}.contact-help p{max-width:none}.contact-form-heading h2{font-size:35px}.contact-preview-result{min-height:var(--contact-state-height,480px)}}
@media(max-width:480px){.contact-heading h1{font-size:61px}.contact-heading>p{font-size:18px}.contact-layout{width:calc(100% - 36px)}.contact-form-panel{padding:27px 22px 22px}.contact-fields-row{grid-template-columns:1fr;gap:0}.contact-team-copy,.contact-help{margin-inline:6px}.contact-conversation{max-width:290px}.contact-form-heading p{font-size:17px}.contact-team-copy h2{font-size:30px}.contact-preview-result h3{font-size:37px}.contact-preview-result p{font-size:18px}.contact-required{font-size:12px}.contact-field input,.contact-field select,.contact-field textarea{font-size:16px}.contact-privacy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.conversation-dots circle{animation:none;opacity:1}.contact-field input,.contact-field textarea,.contact-field select{transition:none}}
