@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{--ink:#101a2b;--muted:#667085;--green:#73e6b2;--green-dark:#143f36;--cream:#f5f3ed;--line:#dfe3e8;--navy:#09111f;--white:#fff;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.site-header{height:86px;max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font:700 22px 'Manrope';letter-spacing:-.8px}
.brand-mark{width:27px;height:27px;background:var(--ink);border-radius:8px;display:grid;place-items:center;transform:rotate(-8deg)}
.brand-mark span{width:11px;height:11px;border:2px solid var(--green);border-radius:50%;display:block;position:relative}
.brand-mark span:after{content:"";position:absolute;width:5px;height:2px;background:var(--green);right:-6px;top:3px}
.nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:500}
.nav a:not(.nav-cta){color:#465064}.nav a:hover{color:#0a9461}
.nav-cta{background:var(--ink);color:#fff;padding:11px 18px;border-radius:7px}
.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:23px;height:2px;background:var(--ink);margin:5px}
.hero{max-width:var(--max);margin:auto;padding:88px 24px 0;text-align:center;overflow:hidden}
.eyebrow,.section-label{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:600;color:#617064}
.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}
h1,h2,h3{font-family:'Manrope';margin:0;letter-spacing:-.04em}
h1{font-size:clamp(50px,7vw,84px);line-height:1.04;margin:20px 0 26px;font-weight:500}
h1 em{font-style:normal;color:#279f72}
.hero-copy{max-width:680px;margin:0 auto 33px;color:var(--muted);font-size:18px;line-height:1.7}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-bottom:68px}
.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:14px 21px;border-radius:7px;font-size:14px;font-weight:600;transition:.2s}
.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff}.button-ghost{border:1px solid #cfd5dc}
.hero-panel{background:var(--navy);border-radius:18px 18px 0 0;padding:25px 30px 0;color:white;text-align:left;box-shadow:0 30px 65px #13243b22;max-width:1040px;margin:auto}
.panel-top,.chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.panel-label{color:#a4adbb;background:#141e2d;padding:8px 12px;border-radius:6px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0}.metric-grid article{background:#111c2d;border:1px solid #223048;border-radius:9px;padding:17px}.metric-grid span,.metric-grid small{display:block;color:#9da8b8;font-size:11px}.metric-grid strong{font:500 27px 'Manrope';display:block;margin:8px 0}.metric-grid .positive{color:var(--green)}
.chart-wrap{background:#0d1727;border:1px solid #213049;border-bottom:0;border-radius:9px 9px 0 0;padding:18px 19px 0}.chart-heading{color:#b3bcc9}.legend{font-size:11px}.legend i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.chart{width:100%;height:215px;display:block;margin-top:10px}.grid-lines{stroke:#29364a;stroke-width:1;fill:none}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round}
.section{max-width:var(--max);margin:auto;padding:125px 24px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.section-label{color:#7a857c;padding-top:8px}.intro h2,.section-heading h2,.platform h2,.cta h2{font-size:clamp(38px,5vw,58px);line-height:1.12;font-weight:500}.intro p{color:var(--muted);font-size:17px;line-height:1.75;max-width:720px;margin:28px 0 0}
.principles{background:var(--cream);max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2 + 24px));padding-right:max(24px,calc((100vw - var(--max))/2 + 24px))}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:52px}.section-heading h2{width:66%}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{background:#fff;padding:30px;border-radius:9px;min-height:330px;position:relative;border:1px solid #e4e5e1}.value-card.featured{background:var(--green-dark);color:white;border-color:var(--green-dark)}.icon-box{width:45px;height:45px;border-radius:8px;background:#eef8f2;display:grid;place-items:center;color:#16865e;font-size:22px}.featured .icon-box{background:#225a4d;color:var(--green)}.card-number{position:absolute;right:28px;top:34px;font-size:11px;color:#939b98}.value-card h3{font-size:22px;margin-top:85px}.value-card p{color:#727c83;line-height:1.65;font-size:14px}.featured p{color:#c7d7d2}
.platform{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.platform h2{margin:22px 0}.platform-copy>p{color:var(--muted);font-size:16px;line-height:1.7}.check-list{list-style:none;margin:32px 0 0;padding:0}.check-list li{display:flex;gap:14px;border-top:1px solid var(--line);padding:17px 0}.check-list li>span{width:22px;height:22px;background:#e5f8ef;color:#18885f;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none}.check-list strong,.check-list small{display:block}.check-list strong{font-size:14px}.check-list small{color:#79828e;margin-top:4px;line-height:1.5}
.connection-card{background:#f7f8f8;border:1px solid #e1e5e5;border-radius:12px;padding:34px;box-shadow:0 24px 60px #1b3f3320}.connection-label{font-size:10px;letter-spacing:1.5px;color:#7b8682}.flow-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid #e0e5e3;padding:15px;border-radius:9px;margin-top:21px}.flow-icon{width:38px;height:38px;background:var(--green-dark);color:var(--green);display:grid;place-items:center;border-radius:7px}.flow-item strong,.flow-item small{display:block}.flow-item strong{font-size:14px}.flow-item small{font-size:11px;color:#89918f;margin-top:3px}.flow-item>span:last-child{color:#32a878}.flow-line{height:15px;border-left:1px dashed #aeb9b5;margin-left:34px}.flow-item+.flow-line+.flow-item{margin-top:0}.flow-note{background:#eaf8f1;padding:16px;border-radius:7px;font-size:11px;line-height:1.6;color:#41675a;margin:22px 0 0}
.trust-strip{background:var(--navy);color:white;padding:27px max(24px,calc((100vw - var(--max))/2 + 24px));display:flex;justify-content:space-between;align-items:center}.trust-strip>span{font-size:10px;letter-spacing:1.8px;color:#8791a0}.trust-strip div{display:flex;align-items:center;gap:26px;font-size:13px}.trust-strip i{width:4px;height:4px;background:var(--green);border-radius:50%}
.cta{max-width:none;background:var(--green);padding-left:max(24px,calc((100vw - var(--max))/2 + 24px));padding-right:max(24px,calc((100vw - var(--max))/2 + 24px));display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.cta .eyebrow{color:#285b49;margin-bottom:20px}.cta .eyebrow span{background:#174c3b}.cta-copy p{line-height:1.6;margin-bottom:25px}.button-light{background:#fff}.button-light span{margin-left:auto}
footer{max-width:var(--max);padding:45px 24px 35px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px}footer p{color:#7a838e;font-size:13px}.footer-links{display:flex;gap:25px;font-size:12px}.footer-links a:hover{color:#16865e}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;color:#9198a1;font-size:11px}.brand-footer{font-size:19px}
.legal-shell{max-width:980px;margin:auto;padding:78px 24px 110px}.legal-hero{padding-bottom:45px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(46px,7vw,70px);text-align:left;margin-bottom:18px}.legal-hero p{color:var(--muted);font-size:15px}.legal-grid{display:grid;grid-template-columns:220px 1fr;gap:70px;margin-top:55px}.legal-aside{font-size:12px;color:#77808c;line-height:1.8}.legal-aside strong{display:block;color:var(--ink);font-size:11px;letter-spacing:1px}.legal-content h2{font-size:26px;margin:42px 0 15px}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:17px;margin:24px 0 8px;letter-spacing:-.02em}.legal-content p,.legal-content li{color:#566171;line-height:1.8;font-size:14px}.legal-content ul{padding-left:20px}.legal-content a{color:#087b56;text-decoration:underline}.notice{padding:18px;background:#edf8f3;border-left:3px solid #38b486;border-radius:4px;margin:24px 0}.steps{counter-reset:step;list-style:none!important;padding:0!important}.steps li{counter-increment:step;position:relative;padding:2px 0 24px 48px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--green-dark);color:var(--green);display:grid;place-items:center;font-weight:600}
@media(max-width:760px){.site-header{height:70px}.menu-button{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:24px;box-shadow:0 15px 25px #0001;z-index:10;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{padding-top:58px}.hero-actions{flex-direction:column}.hero-panel{padding:18px 15px 0}.metric-grid{grid-template-columns:1fr}.metric-grid article:nth-child(n+2){display:none}.chart{height:150px}.section{padding-top:80px;padding-bottom:80px}.intro,.platform,.cta{grid-template-columns:1fr}.section-heading{display:block}.section-heading h2{width:100%;margin-top:20px}.cards{grid-template-columns:1fr}.value-card{min-height:280px}.platform{gap:45px}.trust-strip{align-items:flex-start;gap:22px}.trust-strip div{flex-wrap:wrap;gap:12px}.trust-strip i{display:none}.cta{gap:35px}.legal-grid{grid-template-columns:1fr;gap:30px}.legal-aside{border-bottom:1px solid var(--line);padding-bottom:20px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}