.contact-page{padding:22px 0 76px;color:#18384c}
.contact-breadcrumb{display:flex;align-items:center;gap:10px;color:#71858e;font-size:13px}
.contact-breadcrumb a{color:#087c70;text-decoration:none}
.contact-breadcrumb strong{font-weight:700;color:#24475a}
.contact-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:290px;margin-top:20px;padding:clamp(28px,6vw,64px);border:1px solid #d7ece7;border-radius:26px;background:radial-gradient(ellipse at 88% 5%,#d8f3eb 0,transparent 38%),linear-gradient(120deg,#f1fbf8,#fff 65%);box-shadow:0 18px 55px #184b3c0b}
.contact-hero-copy{max-width:700px;position:relative;z-index:1}
.contact-eyebrow,.contact-label{color:#078474;font-size:13px;font-weight:800}
.contact-hero h1{margin:12px 0;font-size:clamp(32px,5vw,54px);line-height:1.35;letter-spacing:-.04em}
.contact-hero p{max-width:610px;margin:0;color:#627b83;font-size:16px;line-height:2.1}
.contact-hero-mark{width:156px;height:156px;flex:0 0 156px;position:relative;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0c9e89,#087567);color:#fff;box-shadow:0 20px 45px #087c7030}
.contact-hero-mark span{font-size:56px;z-index:1}
.contact-hero-mark i{position:absolute;inset:-12px;border:1px solid #10978328;border-radius:50%}
.contact-hero-mark i:nth-of-type(2){inset:-25px}.contact-hero-mark i:nth-of-type(3){inset:-38px}
.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.contact-option{min-width:0;display:grid;grid-template-columns:54px 1fr;column-gap:16px;align-items:start;padding:26px;border:1px solid #e0eceb;border-radius:20px;background:#fff;box-shadow:0 12px 34px #18384c08;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.contact-option:hover{transform:translateY(-3px);border-color:#b9e1d8;box-shadow:0 18px 42px #087c7012}
.contact-icon{grid-row:span 2;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#e7f7f2;color:#078474;font-size:25px}
.phone-icon{background:#eef4ff;color:#4874bd}
.contact-option h2{margin:8px 0 5px;font-size:19px;color:#18384c}
.contact-option p{margin:0;color:#71858e;font-size:13px;line-height:1.9}
.contact-link{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:13px 15px;border-radius:12px;background:#f4faf8;color:#087c70;text-decoration:none;font-weight:800;overflow-wrap:anywhere}
.contact-link span{flex:0 0 auto;font-size:19px;transition:transform .2s ease}.contact-link:hover span{transform:translateX(-4px)}
.contact-note{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;border:1px solid #e4edf2;border-radius:14px;background:#f7fafc;color:#617580}
.contact-note>span{color:#159783;font-size:20px}.contact-note p{margin:0;font-size:13px;line-height:1.9}
@media(max-width:700px){.contact-page{padding-top:16px}.contact-hero{min-height:0;padding:28px 22px;border-radius:20px}.contact-hero-mark{width:82px;height:82px;flex-basis:82px;margin-inline-start:10px}.contact-hero-mark span{font-size:34px}.contact-hero-mark i:nth-of-type(2){inset:-17px}.contact-hero-mark i:nth-of-type(3){display:none}.contact-hero p{font-size:14px}.contact-options{grid-template-columns:1fr;gap:12px}.contact-option{padding:20px}}
@media(max-width:420px){.contact-hero{align-items:flex-start}.contact-hero-mark{width:54px;height:54px;flex-basis:54px}.contact-hero-mark span{font-size:25px}.contact-hero-mark i{inset:-7px}.contact-hero-mark i:nth-of-type(2){inset:-13px}.contact-option{grid-template-columns:44px 1fr;column-gap:12px}.contact-icon{width:44px;height:44px;border-radius:13px;font-size:21px}.contact-link{font-size:13px}}