:root{color-scheme:light;--ink:#193044;--muted:#556b7c;--navy:#0e2d44;--brand:#157da1;--mint:#c7efe5;--paper:#f8fbfb;--line:#dfe9ec;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.7}
a{color:#126d90;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #e7b759;outline-offset:4px}
.container{width:min(1140px,calc(100% - 48px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;gap:11px;align-items:center;color:#18374c;font-size:23px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:37px;height:37px;background:linear-gradient(135deg,#0a749c 5%,#4cbda1 90%);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:900;letter-spacing:-2px;font-size:21px;transform:rotate(-7deg)}.brand-mark b{transform:rotate(7deg)}.nav{display:flex;gap:21px;align-items:center;flex-wrap:wrap}.nav a{font-size:13px;font-weight:600;color:#536b7d;white-space:nowrap}.nav a[aria-current="page"]{color:#0b7093}.nav a:hover{color:#006485}
.banner{font-size:13px;color:#476273;background:#eaf5f3;border-bottom:1px solid #d7ebe6;padding:11px 0}.banner strong{color:#1c6370}.hero{padding:90px 0 100px;background:radial-gradient(ellipse at 85% 5%,#ccefe7 0%,transparent 34%),radial-gradient(ellipse at 2% 100%,#e1f0f9 0%,transparent 40%),linear-gradient(130deg,#edf8fb,#f8fcfc)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.1px;text-transform:uppercase;font-weight:800;color:#0b7894}.hero h1{font-size:clamp(40px,5.4vw,64px);font-weight:840;line-height:1.08;letter-spacing:-2.4px;margin:19px 0 22px;max-width:860px}.lead{font-size:19px;color:#4e687a;max-width:790px}.sublead{font-size:16px;color:#5b7182}.buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 22px;font-weight:750;background:#147ba0;color:white;border:1px solid transparent}.button:hover{background:#0b5f83;text-decoration:none;color:#fff}.button.alt{background:#fff;color:#155f7c;border-color:#c7dfe8}.button.alt:hover{background:#edf7f9}.illustration{background:#102f45;border-radius:27px;padding:22px 23px 25px;min-height:340px;box-shadow:0 18px 50px #17405622;position:relative;overflow:hidden}.illustration:before{content:'';position:absolute;border:1px solid #74e2bc4d;border-radius:50%;width:310px;height:310px;left:48%;top:-90px}.ill-title{color:#c6e6e7;font-weight:650;font-size:13px;letter-spacing:1px;text-transform:uppercase}.bubble{position:relative;background:#264b60;border:1px solid #41687a;border-radius:14px;color:#e2f3f5;max-width:275px;padding:15px 17px;margin-top:22px;font-size:14px;box-shadow:0 9px 22px #09253842}.bubble.right{margin-left:auto;background:#eafaf5;color:#1a5260;border:0}.dot{height:7px;width:7px;background:#7de2c4;border-radius:50%;display:inline-block;margin-right:6px}.ill-foot{color:#acd4d7;margin-top:28px;font-size:12px}.section{padding:78px 0}.section.soft{background:#eef7f7}.section h2,.inner h1{letter-spacing:-1px;line-height:1.2}.section h2{font-size:clamp(29px,3.4vw,40px);margin:12px 0 18px}.intro{color:#586f7f;max-width:750px}.tag{display:inline-flex;font-size:11px;letter-spacing:1.3px;font-weight:800;text-transform:uppercase;color:#0b7a92}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:33px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px;box-shadow:0 8px 24px #15334308}.card h3{font-size:20px;margin:10px 0}.card p{color:var(--muted);margin:0}.num{font-size:13px;color:#0f7e95;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.panel{border-radius:20px;background:#14364d;color:#effbf8;padding:34px}.panel h3{font-size:24px}.panel p{color:#cfe2e7}.panel .button{background:#d9f8e9;color:#18475a}.panel .button:hover{background:#fff;color:#173c56}.inner{max-width:830px;padding:74px 0 100px}.inner h1{font-size:clamp(33px,4vw,48px);margin:13px 0 20px}.inner h2{font-size:24px;letter-spacing:-.4px;margin:43px 0 12px}.inner h3{font-size:19px;margin:26px 0 8px}.inner p,.inner li{color:#52697b}.inner ul,.inner ol{padding-left:24px}.note{background:#edf7f8;border:1px solid #cee5e9;border-radius:12px;padding:17px 20px;color:#345b6c;margin:24px 0}.note p{margin:0}.info-card{background:white;border:1px solid var(--line);border-radius:17px;padding:24px;margin:25px 0}.info-card p:last-child{margin-bottom:0}.milestone{border-left:3px solid #54bda8;padding:6px 0 6px 20px;margin:22px 0}.milestone strong{display:block}.muted{color:var(--muted)}.site-footer{background:#0f2c40;color:#dcebf0;padding:45px 0}.footer-inner{display:flex;align-items:start;justify-content:space-between;gap:34px;flex-wrap:wrap}.footer-name{font-size:19px;font-weight:800;color:white}.footer-small{max-width:490px;font-size:13px;color:#adc2ce;margin-top:7px}.footer-links{display:flex;gap:14px 19px;flex-wrap:wrap;max-width:520px}.footer-links a{font-size:13px;color:#d1e8ed}.foot-status{font-size:12px;color:#8ed8c5;font-weight:750;margin-top:10px}code{background:#edf4f7;border-radius:4px;padding:1px 4px;overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--line);margin:30px 0}
@media(max-width:980px){.header-inner{align-items:flex-start;flex-direction:column;padding:17px 0;gap:15px}.nav{gap:10px 19px}.hero-layout{grid-template-columns:1fr}.illustration{max-width:650px;min-height:300px}.hero{padding:62px 0}.cards{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:24px}.section{padding:55px 0}}
@media(max-width:540px){.container{width:min(100% - 36px,1140px)}.header-inner{gap:12px}.nav{gap:8px 14px}.nav a{font-size:12px}.hero h1{letter-spacing:-1.45px}.lead{font-size:17px}.illustration{min-height:270px}.inner{padding:52px 0 70px}.buttons{align-items:stretch}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}