
:root{--ink:#132d3c;--slate:#55707a;--deep:#0d2935;--mint:#137b63;--grass:#0e805d;--paper:#f7f8f6;--line:#e0e8e5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:#087557;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(35px,5vw,61px);letter-spacing:-.055em;margin:20px 0}h2{font-size:clamp(25px,3vw,37px)}
.container{max-width:1040px;margin:auto;padding:0 22px}.top{background:var(--deep);color:white}.nav{display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:76px}.logo{color:#fff;font-size:22px;letter-spacing:-.05em;font-weight:900;line-height:1}.logo em{font-style:normal;color:#80e9c4}.logo small{display:block;font-size:10px;color:#b4d3d0;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin-top:8px}.menu{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:750}.menu a{color:#e2f6f1}
.hero{background:radial-gradient(circle at 78% 19%,#285c58 0,transparent 45%),linear-gradient(115deg,#102e3a,#173a3f);color:white;padding:87px 0 90px}.hero-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center}.tiny{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#87e4c5;font-weight:850}.hero p{max-width:570px;color:#d4e5e1;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.btn{background:#36bb92;color:#0a2b29;border-radius:12px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.4;min-height:48px;font-size:14px;font-weight:800;border:1px solid transparent;text-align:center}.btn:hover{background:#7ae4bd;text-decoration:none;color:#0a2b29}.btn.outline{border-color:#84b8a9;color:white;background:transparent}.btn.outline:hover{background:#2f6661}.btn.white{background:white;color:var(--deep)}.btn.white:hover{background:#e6f6f0}
.panel{background:#e8faf3;border-radius:23px;padding:32px;box-shadow:0 28px 70px #02191a57;color:var(--deep);position:relative}.panel .pill{display:inline-block;background:#c9f1e2;color:#096748;padding:6px 12px;font-size:11px;font-weight:850;border-radius:40px;letter-spacing:.09em;text-transform:uppercase}.panel h2{font-size:25px;margin:22px 0 12px}.panel p{color:#42665d;font-size:14px}.mini-steps{border-top:1px solid #b9dccc;margin-top:25px;padding-top:17px;display:grid;gap:13px}.mini-step{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:800}.bubble{border-radius:50%;background:#118264;color:white;min-width:27px;height:27px;display:flex;justify-content:center;align-items:center}
.section{padding:78px 0}.section.alt{background:var(--paper)}.intro{max-width:680px;color:#677b79;margin-bottom:36px}.posts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.post{background:white;border:1px solid var(--line);border-radius:17px;padding:31px;box-shadow:0 9px 35px #1d3e3210}.post .kicker{font-size:11px;color:#117458;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.post h3{font-size:25px;margin:12px 0}.post p{font-size:14px;color:var(--slate)}.post a{font-weight:850}
.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature{border:1px solid var(--line);padding:25px 27px;border-radius:16px}.feature strong{font-size:18px}.feature p{margin:8px 0 0;color:var(--slate);font-size:14px}.contact{background:var(--deep);color:white;padding:47px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{margin:0 0 11px}.contact p{margin:0;color:#d5e6e1;max-width:640px}
.footer{background:#09212c;color:#accccb;font-size:13px;padding:38px 0}.footrow{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.footer strong{color:white}.footer a{color:#94e6d1}.muted{font-size:12px;color:#78918e}
.articlehead{padding:54px 0;background:#f4faf7;border-bottom:1px solid var(--line)}.articlehead h1{font-size:clamp(32px,4vw,49px);max-width:870px}.articlehead p{font-size:17px;color:#526d6a;max-width:780px}.breadcrumb{font-size:12px;color:var(--slate)}.article{padding:49px 0 80px}.article-body{max-width:760px;margin:auto}.article-body h2{font-size:27px;margin:35px 0 13px}.article-body h3{font-size:20px;margin:30px 0 10px}.article-body p,.article-body li{color:#3e5359}.article-body li{padding-bottom:9px}.article-body ol,.article-body ul{padding-left:24px}.callout{background:#f1faf5;border-left:4px solid #1b9270;padding:18px 22px;border-radius:0 10px 10px 0;margin:25px 0}.cta{background:#102e3a;border-radius:17px;color:#fff;padding:30px;margin:30px 0}.cta h2,.cta p{color:#fff}.cta p{opacity:.84}.article .btn.outline{border-color:#66ab99}.video{aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#0d2935;margin:20px 0}.video iframe{width:100%;height:100%;border:0}.q{border-top:1px solid var(--line);padding:22px 0}.q strong{display:block;margin-bottom:8px}.q p{margin:0}.action-inline{display:flex;flex-wrap:wrap;gap:11px}
@media(max-width:820px){.hero-layout{grid-template-columns:1fr}.hero{padding:58px 0}.panel{max-width:480px}.posts{grid-template-columns:1fr}}@media(max-width:590px){.menu{gap:13px;font-size:12px}.menu a.third{display:none}.contact,.footrow{display:block}.contact .btn{margin-top:20px}.split{grid-template-columns:1fr}.section{padding:55px 0}.hero h1{font-size:38px}.panel{padding:24px}.cta .btn{width:100%}.article{padding-top:25px}}

.banner-home,.banner-article{margin:0 0 24px}.banner-home img,.banner-article img{display:block;width:100%;height:auto;border-radius:13px}
.banner-home figcaption,.banner-article figcaption{color:#497065;font-size:12px;margin-top:7px;line-height:1.4}
.banner-article{margin:0 0 28px}.banner-article figcaption{color:#647470}

.banner-home,.banner-article{margin:0 0 24px}.banner-home img,.banner-article img{display:block;width:100%;height:auto;border-radius:13px}
.banner-home figcaption,.banner-article figcaption{color:#497065;font-size:12px;margin-top:7px;line-height:1.4}
.banner-article{margin:0 0 28px}.banner-article figcaption{color:#647470}
