:root{--page:#f3f6f5;--white:#fff;--ink:#102f3b;--deep:#143b4b;--body:#365463;--line:#d6e1e3;--accent:#a9e8f1;--tint:#e4f2f4;--radius:27px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
a{color:inherit;text-underline-offset:.2em}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #21819d;outline-offset:4px}
.wrap{width:min(1480px,calc(100% - 56px));margin-inline:auto}
.skip{position:absolute;top:0;left:1rem;transform:translateY(-120%);background:#fff;padding:12px;z-index:3}
.skip:focus{transform:none}
.top{min-height:46px;display:flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:#e4f4f6;font-size:.77rem;letter-spacing:.025em;padding:5px 12px}
.top a{padding:8px 15px;border-radius:99px;background:var(--accent);color:var(--ink);font-weight:700;text-decoration:none}
.top a span,.button span{margin-left:.35rem}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:91px;margin-top:15px;margin-bottom:22px;padding:13px 22px;background:#fcfefd;border:1px solid var(--line);border-radius:22px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.mark{height:54px;width:54px;display:grid;place-items:center;border-radius:50%;background:#d9f2f7;color:#17627d;font-family:Arial,sans-serif;font-size:2.35rem;line-height:1;border:1px solid #b2dce8}
.brand strong{display:block;font-size:clamp(1.18rem,2.05vw,1.75rem);letter-spacing:-.07em;line-height:1.05}
.brand small{display:block;font-size:.62rem;letter-spacing:.18em;margin-top:7px;font-weight:750}
.header nav{display:flex;align-items:center;justify-content:center;gap:clamp(11px,1.45vw,26px);flex-wrap:wrap}
.header nav a,.nav-check{font-size:.86rem;font-weight:700;text-decoration:none}
.header nav a:hover{text-decoration:underline}
.nav-check{white-space:nowrap;padding:12px 15px;border-radius:99px;background:var(--tint)}
.hero{background:var(--deep);color:#f7fcfd;border-radius:30px;padding:clamp(24px,4.5vw,70px);position:relative}
.hero.home{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:clamp(24px,4vw,60px);min-height:540px}
.hero.sub{min-height:320px;display:flex;align-items:center}
.hero.sub>div{max-width:850px}
h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.044em;text-wrap:balance}
h1{font-size:clamp(2.65rem,5.15vw,5.55rem);line-height:1.02}
h1 em{font-style:normal;color:var(--accent)}
h2{font-size:clamp(1.85rem,3.4vw,3.25rem);margin-bottom:.65em}
h3{font-size:clamp(1.25rem,2vw,1.63rem)}
p{line-height:1.65;margin:.75em 0 1em}
.eyebrow{font-size:.75rem;letter-spacing:.19em;font-weight:750;margin:0 0 22px}
.hero .eyebrow{color:#c7e7ee}
.lead{font-size:clamp(1.02rem,1.45vw,1.25rem);max-width:52ch;color:#e2eff2;margin:24px 0}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid transparent;border-radius:999px;background:var(--accent);color:var(--ink);padding:12px 18px;font-size:.9rem;font-weight:750;text-decoration:none}
.button:hover,.top a:hover{background:#c4f1f5}
.button.outline{background:transparent;border-color:#9ebdc7;color:#fff}
.button.outline:hover{background:#245366}
.button.secondary{border-color:#a6c4cc;background:transparent}
.button.secondary:hover{background:#d1e9ee}
.hero-points{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 0;color:#d8e8eb;font-size:.81rem}
.hero-visual{margin:0;background:#ecf5f3;color:#244652;border-radius:20px;overflow:hidden;border:1px solid #e2eff2}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.37;object-fit:cover}
.hero-visual figcaption{padding:12px 16px;font-size:.73rem}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.benefits span{padding:14px;text-align:center;font-size:.84rem;font-weight:700}
.benefits span+span{border-left:1px solid var(--line)}
.section{padding:clamp(28px,5vw,68px) clamp(10px,3.3vw,46px)}
.section.tinted{background:var(--tint);border:1px solid #d5e8eb;border-radius:var(--radius);margin-bottom:18px}
.section>p,.legal{max-width:75ch}
.section>.eyebrow{color:#306477;margin-bottom:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr));gap:15px}
.card{border:1px solid var(--line);border-radius:19px;background:var(--white);padding:clamp(18px,2.5vw,30px);min-width:0}
.card p{color:var(--body)}
.card a,.section>p a{font-weight:700}
.faq{max-width:76ch}
.faq details{background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:9px;padding:14px 18px}
.faq summary{cursor:pointer;font-weight:750}
.lead-form{max-width:830px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}
label{display:grid;gap:6px;font-weight:700}
input,select,textarea{width:100%;min-height:44px;padding:10px;border:1px solid #8da6b1;border-radius:9px;color:var(--ink);background:#fff}
textarea{resize:vertical}
.form-note{font-size:.86rem}
[data-form-status]:empty{display:none}
.footer{margin-top:20px;padding:38px 0;background:var(--ink);color:#e4f4f6}
.footer-grid{display:grid;grid-template-columns:1.15fr .8fr 1.25fr .8fr;gap:16px}
.footer a,.footer .plain{display:block;margin:0 0 12px;text-align:left;font-size:.87rem}
.footer p{font-size:.88rem}
.plain{border:0;background:transparent;color:inherit;padding:0;text-decoration:underline}
dialog{max-width:min(550px,calc(100% - 24px));max-height:88dvh;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);background:white}
dialog::backdrop{background:#0a2634a8}
.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.chat-launch{position:fixed;right:20px;bottom:20px;border:1px solid #a3ccd5;border-radius:99px;padding:12px 18px;background:var(--ink);color:white;box-shadow:0 4px 18px #132d3b38}
#chat-log{max-height:35dvh;overflow:auto;overflow-wrap:anywhere}
#chat-form{display:grid;gap:8px}
@media(max-width:960px){.header{flex-wrap:wrap}.header nav{order:3;flex-basis:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:12px}.hero.home{min-height:0}}
@media(max-width:680px){.wrap{width:calc(100% - 24px)}.top{gap:8px;font-size:.65rem;text-align:center}.top a{padding:7px 9px;white-space:nowrap}.header{padding:11px;gap:11px}.mark{width:41px;height:41px;font-size:1.8rem}.brand small{font-size:.49rem}.header nav{gap:10px 14px}.header nav a,.nav-check{font-size:.77rem}.nav-check{padding:8px 9px}.hero.home,.footer-grid,.form-grid{grid-template-columns:1fr}.hero{border-radius:21px}.hero.sub{min-height:260px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits span:nth-child(3){border-left:0}.benefits span:nth-child(n+3){border-top:1px solid var(--line)}.footer-grid{gap:12px}.eyebrow{margin-bottom:15px}}
.quick-contact{position:fixed;z-index:2;right:11px;top:43%;display:grid;gap:7px}
.quick-contact a{display:block;border:1px solid #9cc7d1;border-radius:999px;padding:9px 11px;background:var(--ink);color:#fff;font-size:.74rem;font-weight:750;text-decoration:none;box-shadow:0 3px 14px #132d3b24}
.quick-contact a+a{background:var(--accent);color:var(--ink)}
@media(max-width:680px){.quick-contact{top:auto;right:0;bottom:0;left:0;grid-template-columns:1fr 1fr;gap:6px;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:var(--page);border-top:1px solid var(--line)}.quick-contact a{text-align:center;padding:12px}.footer{padding-bottom:78px}.chat-launch{bottom:60px}}
:root{--page:#f4f7f8;--ink:#123445;--deep:#0c2d40;--body:#344f5c;--line:#d9e3e8;--accent:#b4eff1;--tint:#e7f4f4;--radius:24px}
.top{background:#0a2535}
.header{padding:13px clamp(14px,2vw,26px);min-height:79px}
.brand{gap:8px}
.brand img,.footer-brand img{object-fit:contain;flex:none}
.brand strong{font-size:clamp(1.15rem,2.05vw,1.7rem);letter-spacing:-.061em}
.brand small{margin-top:5px}
.header nav a[aria-current=page]{color:#18677b;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.hero.home{background:radial-gradient(ellipse at 86% 5%,#204b5c 0%,transparent 58%),#0c2d40;min-height:530px;gap:clamp(22px,3.5vw,55px)}
.hero.home h1{font-size:clamp(2.45rem,4.18vw,4.6rem);max-width:100%;text-wrap:initial}
.hero.home h1 em{color:#b4eff1}
.hero-visual img{aspect-ratio:1.31}
.hero-visual figcaption{background:#eef7f6;color:#315461}
.hero-points li:before{content:"✓";color:#a5e5e8;margin-right:6px;font-weight:750}
.benefits{background:#e9f2f4;border-radius:14px;margin-top:15px}
.section h2{max-width:24ch}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.feature-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px}
.feature-card img{display:block;width:100%;height:auto;aspect-ratio:1.94;object-fit:cover}
.feature-card>div{padding:clamp(18px,3vw,35px)}
.feature-card p{color:var(--body);max-width:54ch}
.feature-card a{font-weight:750;color:#155a6a}
.footer-brand{display:flex;gap:8px;align-items:center}
.footer-brand img{width:34px;height:34px;padding:3px;border-radius:7px;background:#e7f4f4}
.footer-brand strong{letter-spacing:-.04em}
@media(max-width:680px){.brand img{width:36px;height:36px}.feature-grid{grid-template-columns:1fr}.hero.home{min-height:0}.hero.home h1{font-size:clamp(2.05rem,8.7vw,3.15rem)}.hero-visual img{aspect-ratio:1.47}}