:root{--contact-gap:clamp(48px,7vw,112px);--contact-panel-padding:clamp(8px,1.2vw,20px);--contact-form-bg:#0b0b0b}
.contact-page{background:var(--paper)}.contact-main{padding:30px var(--pad) 100px}.contact-main>.breadcrumbs{margin-bottom:58px}
.contact-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:var(--contact-gap);align-items:start;max-width:1320px;margin:auto}
.contact-intro{position:sticky;top:calc(var(--header-height) + 52px);padding-top:20px}.contact-intro h1{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.04em;white-space:nowrap}
.contact-lead{font-size:clamp(26px,2.4vw,36px);line-height:1.7;margin-top:42px;color:var(--purple);letter-spacing:-.04em}
.contact-description{font-size:14px;line-height:2.2;color:var(--muted);margin-top:24px}.contact-topics{list-style:none;margin:38px 0;padding:0;display:grid;gap:18px;font-size:13px}.contact-topics li{display:flex;gap:14px;align-items:center}.contact-topics li:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--purple)}
.contact-faq{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.contact-panel{background:var(--contact-form-bg);padding:var(--contact-panel-padding);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;min-height:260px;scroll-margin-top:28px}
.hs-form-frame{width:100%;min-width:0}.hs-form-frame iframe{display:block;width:100%;border:0}.form-loading,.form-fallback{font-size:13px;line-height:2;color:var(--dark-muted)}.form-fallback{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.form-fallback a{color:var(--lavender);text-decoration:underline;text-underline-offset:4px}[hidden]{display:none!important}.contact-page .site-footer{border-top:1px solid var(--line)}
@media(max-width:999px){.contact-layout{grid-template-columns:1fr;max-width:680px;gap:36px}.contact-intro{position:static;padding-top:0}.contact-lead{margin-top:24px}.contact-lead br{display:none}.contact-description br{display:none}.contact-topics{margin:24px 0;display:flex;flex-wrap:wrap;gap:16px 24px}.contact-main>.breadcrumbs{margin-bottom:36px}}
@media(max-width:599px){:root{--contact-panel-padding:0px}.contact-main{padding:24px 18px 60px}.contact-intro{padding:0 6px}.contact-intro h1{font-size:32px}.contact-lead{font-size:23px}.contact-description{font-size:13px}.contact-topics{font-size:12px;display:grid;gap:12px}.contact-panel{border-radius:18px}.contact-main>.breadcrumbs{margin-left:6px}.contact-layout{gap:28px}}
