.contact-support{margin-top:28px}

*{box-sizing:border-box}

body{margin:0}

.contact-page{background:var(--df-color-bg);color:var(--df-color-primary)}

.contact-page{--df-radius: 18px}

.contact-layout{gap:28px}

.contact-intro{padding:var(--df-section-space)0}

.contact-info{border:4px solid var(--df-color-primary);border-radius:var(--df-radius);background:var(--df-color-accent);box-shadow:8px 8px 0 rgb(0 0 0/15%)}

.contact-support{gap:20px}

.contact-company-info{border-left:4px solid var(--df-color-primary);background:var(--df-color-surface)}

.contact-panel{padding:clamp(32px,4vw,52px) clamp(20px,3vw,36px);border:4px solid var(--df-color-primary);border-radius:var(--df-radius);background:var(--df-color-surface);box-shadow:var(--df-shadow-card)}

.formRow{gap:8px;border-bottom:1px solid var(--df-color-line)}

.formTh{gap:8px}

.requiredText{color:var(--df-color-primary)}

.anyText{color:var(--df-color-muted)}

.formInput{border:2px solid var(--df-color-primary);background:var(--df-color-surface)}

.formSelect{border:2px solid var(--df-color-primary);background:var(--df-color-surface)}

.pp-consent{gap:10px}

.pp-toggle-label{cursor:pointer;text-decoration-line:underline}

.pp-body{max-height:360px;overflow-y:auto;border-radius:var(--df-radius);background:var(--df-color-bg);line-height:1.8}

.formBtn{min-width:220px;cursor:pointer}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.contact-copy>p{margin-top:20px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.9}

.contact-info h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.contact-info p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.contact-info p{margin-top:8px;line-height:1.7}

.contact-form-area>h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.contact-form-area>p{margin-top:12px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.formTh p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.pp-body p{margin-top:8px;margin-right:0px;margin-bottom:8px;margin-left:0px}

.contact-complete h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.contact-complete p{margin-top:14px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.contact-form .formTh{width:auto;max-width:none}

.contact-form .formTd{width:auto;max-width:none}

.formPrivacyArea .formTh .label{letter-spacing:-0.03em}

.contact-page .lower-hero>div>p:last-child{margin-top:18px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.9}

.contact-copy .df-section-heading{margin-bottom:18px}

.contact-company-info p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.8}

.contact-company-info p+p{margin-top:6px}

.contact-page .lower-hero{padding:clamp(40px,4vw,52px)0;background:var(--df-color-accent)}

.contact-page .lower-hero h1{margin:0;color:var(--df-color-primary);font-size:clamp(28px,8.54vw,32px);line-height:1.25;white-space:nowrap}

.contact-page .lower-hero>div>p:last-child{font-weight:600}

.contact-layout{display:grid}

.contact-copy>p{font-weight:600}

.contact-support{display:grid}

.contact-form-area>h2{font-size:28px}

.formRow{display:grid}

.contact-form .formTh{min-width:0;flex:none}

.contact-form .formTd{min-width:0;flex:none}

.contact-form .formTh .label{word-break:keep-all}

.formPrivacyArea .formTh{flex-wrap:nowrap;gap:4px}

.formPrivacyArea .formTh .label{font-size:15px;white-space:nowrap}

.formPrivacyArea .requiredText{flex:0 0 auto;white-space:nowrap}

.formInput{font:inherit}

.formSelect{font:inherit}

.formTextArea{resize:vertical}

.contact-complete[hidden]{display:none}

@media (min-width:704px){.contact-page .lower-hero h1{font-size:clamp(38px,5vw,66px)}}

@media (min-width:704px){.formRow{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}}

@media (min-width:704px){.contact-form-actions{display:block}}

@media (min-width:960px){.contact-page .lower-hero h1{font-size:clamp(42px,4vw,60px)}}

@media (min-width:1088px){.contact-layout{grid-template-areas:"info form";grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}}

@media (min-width:1088px){.contact-copy{grid-column-start:1;grid-column-end:2;padding-top:12px}}

@media (min-width:1088px){.contact-panel{grid-column-start:2;grid-column-end:3}}

@media (min-width:1088px){.contact-form .formRow{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)}}

.contact-panel{margin:0 auto}

.contact-guide{border-bottom:1px solid var(--df-color-line)}

.contact-guide .df-eyebrow{margin-bottom:12px}

.contact-guide .df-section-heading{margin:0}

.contact-guide>p:last-child{max-width:680px;margin:16px 0 0;font-weight:600;line-height:1.9}

.contact-info h2{font-size:24px}

.contact-info{border:3px solid var(--df-color-primary);border-radius:var(--df-radius);background:var(--df-color-accent);box-shadow:var(--df-shadow-card)}

.contact-company-info{border-left:4px solid var(--df-color-primary);background:var(--df-color-surface)}

.contact-company-info strong{font-weight:700}

.contact-company-info a{color:inherit}

*{box-sizing:border-box}

body{margin:0}

.pp-body{visibility:hidden;height:0}

.pp-toggle:checked~.pp-body{visibility:visible;height:auto}

@media (min-width:1088px){body .contact-layout{display:grid;grid-template-areas:"info form";grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}}

@media (min-width:1088px){.contact-copy{grid-column-start:1;grid-column-end:2;padding-top:12px}}

@media (min-width:1088px){body .contact-panel{grid-column-start:2;grid-column-end:3;width:100%;max-width:none}}

*{box-sizing:border-box}

body{margin:0}

.contact-layout{gap:32px}

body .contact-copy{display:contents}

body .contact-guide{margin-bottom:0}

.contact-panel{margin:0 auto}

body .contact-info{margin:0 auto}

@media (min-width:1088px){body .contact-copy{display:block}}

*{box-sizing:border-box}

body{margin:0}

.contact-page .contact-guide{border-bottom:0}

.contact-page .contact-info{overflow:hidden;padding:0;border:3px solid var(--df-color-primary);border-radius:var(--df-radius)}

.contact-page .contact-info h2{display:block;width:auto;margin:0;padding:8px 16px}

.contact-page .contact-info h2::after{display:none}

.contact-page .contact-company-info{margin:0;padding:14px 16px 18px;border:0}

.contact-page .contact-form .formRow{border-bottom:0}

.contact-page .contact-form .formTh .requiredText{font-size:11px;font-weight:700;line-height:1.3}

.contact-page .contact-form .formTh .anyText{font-size:11px;font-weight:700;line-height:1.3}

.contact-page .contact-form .formTh .requiredText{color:#b42318}

.contact-page .contact-form .formTh .anyText{color:#66717b}

.contact-page .contact-form .formPrivacyArea{margin-top:12px;padding-top:20px;border-top:1px solid var(--df-color-line)}

.contact-page .pp-consent{display:flex;align-items:center;gap:10px}

.contact-page .pp-consent .formCheck{width:16px;height:16px;margin:0}

.contact-page .pp-accordion{margin-top:26px}

.contact-page .pp-toggle{display:block;position:absolute;width:1px;height:1px;opacity:0}

.contact-page .pp-toggle-label{display:inline-flex;align-items:center;cursor:pointer;color:#795a3f;font-size:14px;text-decoration-line:underline;text-underline-offset:3px}

.contact-page .pp-toggle-label::after{width:7px;height:7px;margin-left:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:translateY(-2px) rotate(45deg)}

.contact-page .pp-toggle:checked~.pp-toggle-label::after{transform:translateY(2px) rotate(-135deg)}

.contact-page .pp-body{display:none;visibility:visible;height:auto;max-height:450px;margin-top:24px;padding:20px;overflow-y:auto;border-radius:0;background:#f1e9de;font-size:14px;line-height:1.75}

.contact-page .pp-toggle:checked~.pp-body{display:block}

.contact-page .contact-form .formBtnTd{grid-column-start:1;grid-column-end:-1;display:flex;justify-content:center}

*{box-sizing:border-box}

body{margin:0}

.contact-page .contact-guide{border-bottom:0}

.contact-page .contact-info{overflow:hidden;padding:0;border:3px solid var(--df-color-primary);border-radius:var(--df-radius)}

.contact-page .contact-info h2{display:block;width:auto;margin:0;padding:8px 16px}

.contact-page .contact-info h2::after{display:none}

.contact-page .contact-company-info{margin:0;padding:14px 16px 18px;border:0}

.contact-page .contact-form .formRow{border-bottom:0}

.contact-page .contact-form .formTh .requiredText{font-size:11px;font-weight:700;line-height:1.3}

.contact-page .contact-form .formTh .anyText{font-size:11px;font-weight:700;line-height:1.3}

.contact-page .contact-form .formTh .requiredText{color:#b42318}

.contact-page .contact-form .formTh .anyText{color:#66717b}

.contact-page .contact-form .formPrivacyArea{margin-top:12px;padding-top:20px;border-top:1px solid var(--df-color-line)}

.contact-page .pp-consent{display:flex;align-items:center;gap:10px}

.contact-page .pp-consent .formCheck{width:16px;height:16px;margin:0}

.contact-page .pp-accordion{margin-top:26px}

.contact-page .pp-toggle{display:block;position:absolute;width:1px;height:1px;opacity:0}

.contact-page .pp-toggle-label{display:inline-flex;align-items:center;cursor:pointer;color:#795a3f;font-size:14px;text-decoration-line:underline;text-underline-offset:3px}

.contact-page .pp-toggle-label::after{width:7px;height:7px;margin-left:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:translateY(-2px) rotate(45deg)}

.contact-page .pp-toggle:checked~.pp-toggle-label::after{transform:translateY(2px) rotate(-135deg)}

.contact-page .pp-body{display:none;visibility:visible;height:auto;max-height:450px;margin-top:24px;padding:20px;overflow-y:auto;border-radius:0;background:#f1e9de;font-size:14px;line-height:1.75}

.contact-page .pp-toggle:checked~.pp-body{display:block}

.contact-page .contact-form .formBtnTd{grid-column-start:1;grid-column-end:-1;display:flex;justify-content:center}

.contact-page .contact-form .formRow{padding:14px 0}

.contact-page .contact-form .formTh{display:flex;align-items:center}

.contact-page .contact-form .formInput{width:100%;min-height:46px;padding:10px;border-radius:8px}

.contact-page .contact-form .formSelect{width:100%;min-height:46px;padding:10px;border-radius:8px}

.contact-page .contact-form .formTextArea{min-height:140px}

.contact-page .contact-form .formBtn{margin-top:22px}

*{box-sizing:border-box}

body{margin:0}

.contact-page .contact-form .formRow{padding:14px 0}

.contact-page .contact-form .formTh{display:flex;align-items:center}

.contact-page .contact-form .formInput{width:100%;min-height:46px;padding:10px;border-radius:8px}

.contact-page .contact-form .formSelect{width:100%;min-height:46px;padding:10px;border-radius:8px}

.contact-page .contact-form .formTextArea{min-height:140px}

.contact-page .contact-form .formBtn{margin-top:22px}

*{box-sizing:border-box}

body{margin:0}