:root{--deep:#163646;--teal:#25485a;--green:#2b9b72;--green-d:#1f7a59;--mint:#eaf6f0;--mint2:#d6ede3;--sky:#f3f8fa;--ink:#1d2d36;--muted:#58707c;--line:#dbe7e2;--max:1180px;--r:22px;--hd:'Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--bd:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--bd);font-size:17px;line-height:1.7;color:var(--ink);background:var(--sky)}
img,svg{max-width:100%}a{color:var(--green-d)}
h1,h2,h3{font-family:var(--hd);font-weight:800;line-height:1.15;margin:0;color:var(--deep);letter-spacing:-.02em}
.container{width:min(var(--max),100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:99}
.ic{width:24px;height:24px;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--hd);font-weight:800;font-size:.98rem;text-decoration:none;padding:.85rem 1.7rem;border-radius:16px;border:2px solid transparent;min-height:50px;transition:.18s}.btn .ic{width:19px;height:19px}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(43,155,114,.3)}.btn-primary:hover{background:var(--green-d);transform:translateY(-2px)}
.btn-soft{background:#fff;color:var(--deep);border-color:var(--mint2)}.btn-soft:hover{border-color:var(--green)}
.btn-light{background:#fff;color:var(--deep)}.btn-light:hover{background:var(--deep);color:#fff}
/* floating pill header */
.navbar{position:sticky;top:0;z-index:50;padding:.7rem 0 0;background:linear-gradient(180deg,var(--sky) 60%,transparent)}
.nav-container{display:flex;align-items:center;gap:1.2rem;min-height:66px;background:#fff;border-radius:999px;padding:.4rem .6rem .4rem 1.1rem;box-shadow:0 8px 30px rgba(22,54,70,.12);border:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--deep)}.logo-mark{width:42px;height:42px;flex:none}
.logo span{font-family:var(--hd);font-weight:800;font-size:1.3rem;line-height:1}.logo small{display:block;font-family:var(--bd);font-size:.7rem;letter-spacing:.06em;color:var(--green-d);margin-top:.2rem;font-weight:700}
.pnav{margin-left:auto}.nav-links{display:flex;gap:.1rem;list-style:none;margin:0;padding:0;align-items:center}
.nav-links>li{position:relative}.nav-links>li>a{white-space:nowrap;display:block;padding:.6rem .85rem;font-weight:700;font-size:.92rem;text-decoration:none;color:var(--deep);border-radius:999px}
.nav-links>li>a:hover{background:var(--mint)}.has-dd>a:after{content:"▾";margin-left:.3rem;font-size:.65rem}
.dd{display:none;position:absolute;top:100%;left:-.5rem;min-width:270px;max-height:72vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 50px rgba(22,54,70,.2);padding:.5rem;list-style:none;margin:.3rem 0 0;z-index:30}
.has-dd:hover>.dd,.has-dd:focus-within>.dd{display:block}.dd a{display:block;padding:.5rem .85rem;font-size:.93rem;text-decoration:none;color:var(--deep);border-radius:12px;font-weight:500}.dd a:hover{background:var(--mint)}
.nav-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--green);color:#fff;text-decoration:none;font-family:var(--hd);font-weight:800;padding:.7rem 1.2rem;border-radius:999px;white-space:nowrap}.nav-cta .ic{width:18px;height:18px}.nav-cta:hover{background:var(--green-d)}
.hamburger{display:none;margin-left:auto;background:var(--mint);color:var(--deep);border:0;border-radius:50%;font-size:1.3rem;width:48px;height:48px;cursor:pointer}.dd-toggle{display:none;background:transparent;border:0;cursor:pointer;color:var(--deep)}
/* hero */
.pg-hero{background:radial-gradient(1200px 500px at 85% 0%,var(--mint2),transparent 60%),var(--sky);padding:2.4rem 0 1rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem;align-items:center}
.pg-hero .in{padding:1.5rem 0}
.crumbs{font-size:.82rem;color:var(--muted);margin-bottom:1rem}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--green-d);text-decoration:underline}
.eyebrow{display:inline-block;font-weight:700;font-size:.82rem;color:var(--green-d);background:var(--mint);padding:.35rem .9rem;border-radius:999px}
.pg-hero h1{font-size:clamp(2.3rem,4.8vw,3.9rem);margin:1.1rem 0 1rem;line-height:1.05}
.pg-hero p{font-size:1.15rem;color:#3d5560;max-width:560px;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero-frame{position:relative;border-radius:36px;aspect-ratio:5/4;box-shadow:0 30px 60px rgba(22,54,70,.22)}
.hero-frame:before{content:"";position:absolute;inset:auto -18px -18px auto;width:70%;height:70%;border-radius:36px;background:var(--green);opacity:.22;z-index:-1}
.hero-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:36px}
.hero-chip{position:absolute;left:-18px;bottom:26px;background:#fff;border-radius:18px;padding:.7rem 1rem .7rem .9rem;box-shadow:0 14px 34px rgba(22,54,70,.22);display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;line-height:1.25}
.hero-chip .ic{grid-row:1/3;width:34px;height:34px;padding:7px;border-radius:50%;background:var(--mint);color:var(--green-d)}.hero-chip b{font-family:var(--hd);color:var(--deep)}.hero-chip i{font-style:normal;font-size:.76rem;color:var(--muted)}
.t-home .pg-hero h1{font-size:clamp(2.5rem,5.4vw,4.4rem)}
/* badges as pills */
.badges{padding:1.2rem 0 .4rem}.badges .container{display:block}
.badges ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.badges li{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5rem 1.1rem .5rem .6rem;font-size:.8rem;line-height:1.25}
.badges .ic{width:32px;height:32px;padding:6px;border-radius:50%;background:var(--mint);color:var(--green-d)}.badges strong{display:block;font-family:var(--hd);font-size:.9rem;color:var(--deep)}.badges span{color:var(--muted)}
/* sections */
section.sec{padding:4.6rem 0}
.kicker{display:inline-block;color:var(--green-d);font-size:.82rem;font-weight:700;background:var(--mint);padding:.3rem .85rem;border-radius:999px;margin-bottom:.9rem}
h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.sec-head{margin-bottom:2.4rem}.sec-head.c{max-width:760px}.sec-head .lead-p{margin:1rem 0 0;color:#3d5560}
.sec-head.c{margin-inline:auto;text-align:center}
.grp-t{font-size:1.35rem;margin:2.8rem 0 1.2rem;display:flex;align-items:center;gap:.8rem}.grp-t:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--green);transform:rotate(45deg);flex:none}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}
.card2{display:grid;grid-template-columns:auto 1fr;column-gap:1.1rem;align-content:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;color:inherit;text-decoration:none;transition:.2s}
a.card2:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(22,54,70,.12);border-color:var(--green)}
.cic{grid-row:1/4;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--mint);color:var(--green-d)}.cic .ic{width:26px;height:26px}
.card2 h3{font-size:1.15rem;margin:0 0 .35rem}.card2 p{margin:0;color:#45606b;font-size:.97rem}
.card2 .more{margin-top:.6rem;font-weight:700;font-size:.88rem;color:var(--green-d)}
/* deep: newspaper columns on deep teal */
.deep{background:var(--deep);color:#d9e8ee;border-radius:40px;margin:0 .8rem}.deep h2{color:#fff}.deep .kicker{background:rgba(255,255,255,.1);color:#8fe0bd}.deep .lead-p{color:#b8cdd6}
.deep-body{column-count:2;column-gap:3rem}.deep-body p{margin:0 0 1.1rem;color:#d3e3ea}.deep-body h3{color:#fff;font-size:1.2rem;margin:1.6rem 0 .5rem;break-after:avoid}.deep-body h3:first-child{margin-top:0}
.deep-body>*{break-inside:avoid-column}.deep-body blockquote{margin:1.4rem 0;padding:1.1rem 1.3rem;background:rgba(255,255,255,.08);border-left:4px solid #57b88c;border-radius:0 16px 16px 0;font-family:var(--hd);font-weight:700;color:#fff}
/* why */
.why-fig{max-width:880px;margin:0 auto 2.4rem}.why-fig img{display:block;width:100%;height:auto;border-radius:32px;box-shadow:0 26px 54px rgba(22,54,70,.2)}
.why{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem}
.why .w{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}
.why .w:nth-child(4),.why .w:nth-child(5){grid-column:span 3}
.why .w:before{content:"✓";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;margin-bottom:.8rem}
.why h3{font-size:1.1rem;margin:0 0 .35rem}.why p{margin:0;font-size:.96rem;color:#45606b}
/* area rows */
.area-sec{background:var(--mint)}.area-grid{display:grid;gap:.9rem}
.area-grid .g{display:grid;grid-template-columns:minmax(150px,.3fr) 1fr;gap:1.2rem;align-items:center;background:#fff;border-radius:var(--r);padding:1.1rem 1.4rem;border:1px solid var(--mint2)}
.area-grid h3{font-size:1.2rem;color:var(--green-d)}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.chips li{background:var(--mint);border-radius:999px;padding:.25rem .8rem;font-size:.88rem;font-weight:500;color:var(--deep)}
/* how cards */
.flow{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem}
.flow li{counter-increment:s;grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;position:relative;overflow:hidden}
.flow li:nth-child(4),.flow li:nth-child(5){grid-column:span 3}
.flow li:before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--deep);color:#8fe0bd;font-family:var(--hd);font-weight:800;margin-bottom:.8rem}
.flow h3{font-size:1.12rem;margin:0 0 .35rem}.flow p{margin:0;font-size:.95rem;color:#45606b}.how-cta{text-align:center;margin-top:2.2rem}
/* faq two columns */
.faq .container{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.2rem;align-items:start}.faq .sec-head{grid-column:1/-1}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 1.2rem}.faq details[open]{border-color:var(--green);box-shadow:0 12px 26px rgba(22,54,70,.08)}
.faq summary{cursor:pointer;font-family:var(--hd);font-weight:700;font-size:1.02rem;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:52px;color:var(--deep)}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:30px;height:30px;display:grid;place-items:center;background:var(--mint);color:var(--green-d);font-size:1.3rem;border-radius:10px}.faq details[open] summary:after{content:"–";background:var(--green);color:#fff}
.faq details p{margin:0 0 1.1rem;color:#3f5863;font-size:.98rem}
/* cta */
.cta-band{padding:1rem 0 4.6rem}.cta-frame{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--teal),var(--green-d));border-radius:40px;padding:3.4rem 3rem;display:grid;grid-template-columns:1fr auto;gap:1rem 2.4rem;align-items:center;color:#fff}
.cta-frame:before,.cta-frame:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.cta-frame:before{width:320px;height:320px;right:-80px;top:-120px}.cta-frame:after{width:200px;height:200px;left:38%;bottom:-120px}
.cta-frame h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.7rem);grid-column:1;position:relative}.cta-frame p{grid-column:1;margin:0;color:#dff3ea;position:relative;max-width:60ch}.cta-frame .btn{grid-column:2;grid-row:1/span 2;position:relative;font-size:1.1rem;padding:1rem 2rem}
/* form */
.form-sec{padding-top:0}.lead-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:40px;padding:3rem;box-shadow:0 26px 56px rgba(22,54,70,.1)}
.contact-lines{list-style:none;margin:1.4rem 0 0;padding:0}.contact-lines li{display:flex;gap:.7rem;align-items:center;margin:.7rem 0}.contact-lines .ic{width:40px;height:40px;padding:9px;border-radius:14px;background:var(--mint);color:var(--green-d)}.contact-lines a{color:var(--deep);font-weight:700}
.form-sec h2{margin-bottom:.8rem}.form-sec p{color:#45606b;margin:0}
.lead-form label{display:block;font-weight:700;font-size:.85rem;margin:.85rem 0 .3rem;color:var(--deep)}
.lead-form input,.lead-form textarea,.lead-form select{width:100%;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:14px;font:inherit;background:var(--sky)}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{outline:3px solid rgba(43,155,114,.3);border-color:var(--green);background:#fff}.lead-form textarea{min-height:110px}.form-message{margin:.8rem 0 0;color:#14532d;font-weight:700}
/* related */
.rel{padding:0 0 3rem}.rel-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.2rem}.rel nav{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}.rel h2{font-size:1.25rem;margin:0 0 .8rem}.rel ul{list-style:none;margin:0;padding:0}.rel li{margin:.4rem 0}.rel a{color:var(--deep);font-weight:600;text-decoration:none}.rel a:hover{color:var(--green-d);text-decoration:underline}.rel ul.two{columns:2;column-gap:2rem}
/* footer */
footer.site{background:var(--deep);color:#b4cad4;padding:3.6rem 0 5rem;font-size:.94rem;border-radius:48px 48px 0 0}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #2b4a5c}.foot-brand p{margin:.3rem 0 0;max-width:520px}.foot-call{font-family:var(--hd);font-weight:800;font-size:1.7rem;color:#fff;text-decoration:none;background:var(--green);padding:.6rem 1.4rem;border-radius:18px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.2rem}
.site .ft{font-family:var(--hd);color:#fff;font-weight:800;font-size:1.1rem;margin:0 0 .7rem}.site ul{list-style:none;margin:0;padding:0}.site li{margin:.32rem 0}.site a{color:#b4cad4;text-decoration:none}.site a:hover{color:#8fe0bd;text-decoration:underline}.site address{font-style:normal}
.foot-trust{margin-top:2.4rem;padding-top:1.3rem;border-top:1px solid #2b4a5c;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font-size:.82rem;color:#88a4b1}
.callbar{position:fixed;left:.7rem;right:.7rem;bottom:.7rem;background:var(--green);color:#fff;text-align:center;padding:.8rem;font-family:var(--hd);font-weight:800;text-decoration:none;z-index:40;display:none;border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.25)}
section.sec,.cta-band{content-visibility:auto;contain-intrinsic-size:auto 700px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){
.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-frame{max-width:560px}.hero-chip{left:12px}.hero-frame:before{display:none}
.cards,.faq .container,.lead-wrap,.rel-grid,.deep-body{grid-template-columns:1fr}.deep-body{column-count:1}
.why,.flow{grid-template-columns:1fr 1fr}.why .w,.flow li,.why .w:nth-child(4),.why .w:nth-child(5),.flow li:nth-child(4),.flow li:nth-child(5){grid-column:auto}.why .w:last-child,.flow li:last-child{grid-column:1/-1}
.area-grid .g{grid-template-columns:1fr;gap:.6rem}.cta-frame{grid-template-columns:1fr;padding:2.4rem 1.6rem}.cta-frame .btn{grid-column:1;grid-row:auto;justify-self:start}
.lead-wrap{padding:1.6rem}.foot-grid{grid-template-columns:1fr 1fr}.rel ul.two{columns:1}
.hamburger{display:block}.nav-cta{display:none}.pnav{margin:0}.nav-container{border-radius:28px}
.nav-links{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:.6rem 1rem 1rem;border-radius:24px;border:1px solid var(--line);box-shadow:0 22px 50px rgba(22,54,70,.2);max-height:80vh;overflow:auto}.nav-links.nav-open{display:flex}
.navbar .container{position:relative}.nav-container{position:relative}
.nav-links>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.nav-links>li:first-child{border-top:0}.nav-links>li>a{padding:.8rem .4rem;min-height:48px;flex:1;display:flex;align-items:center}
.has-dd>a:after{display:none}.dd-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-size:1.1rem}
.dd{position:static;display:none;width:100%;box-shadow:none;border:0;padding:0 0 .5rem .8rem;max-height:none;margin:0}.has-dd.dd-open>.dd{display:block}.has-dd:hover>.dd{display:none}.has-dd.dd-open:hover>.dd{display:block}.dd a{padding:.7rem .5rem;min-height:44px}
.callbar{display:flex;align-items:center;justify-content:center;min-height:54px}body{padding-bottom:78px}
section.sec{padding:3.2rem 0}.actions .btn{flex:1 1 100%}.deep{margin:0 .4rem;border-radius:28px}footer.site{border-radius:32px 32px 0 0}
}
@media(max-width:600px){.why,.flow{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.pg-hero h1,.t-home .pg-hero h1{font-size:2.2rem}.card2{grid-template-columns:1fr}.cic{grid-row:auto;margin-bottom:.8rem}.badges ul{justify-content:flex-start}}