@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b2b;--navy2:#0b2638;--ink:#102b3a;--muted:#637783;--mint:#8ce5c0;--lime:#c9f27a;--paper:#f4f7f5;--line:#dce5e1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topline{height:4px;background:linear-gradient(90deg,#8ce5c0,#c9f27a,#75c9d1)}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#f8faf8;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(16,43,58,.08)}.brand{display:flex;align-items:center;gap:12px;font:800 18px Manrope,sans-serif;letter-spacing:.16em;color:var(--navy)}.brand-mark{width:27px;height:27px;display:flex;align-items:center;justify-content:center;gap:2px;transform:skew(-22deg)}.brand-mark span{display:block;width:6px;border-radius:5px;background:#178b78}.brand-mark span:nth-child(1){height:13px}.brand-mark span:nth-child(2){height:23px;background:#69c9a5}.brand-mark span:nth-child(3){height:17px;background:#b4dc78}.main-nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:600;color:#536873}.main-nav>a:hover{color:#13816e}.nav-contact{padding:12px 17px;border:1px solid #cbd8d2;border-radius:3px;color:var(--navy)}.nav-contact span{margin-left:14px}.menu-toggle{display:none}
.hero{min-height:690px;background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:104px 7.2% 70px;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,188,177,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,188,177,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000)}.hero-copy{position:relative;z-index:3;width:54%;max-width:660px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.2em}.eyebrow{color:#a4c5c4;display:flex;align-items:center;gap:10px}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(140,229,192,.12)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(48px,6.4vw,88px);line-height:1.04;font-weight:600;margin:27px 0 23px}h1 em,.contact h2 em{font-style:normal;color:var(--mint)}.hero-intro{max-width:490px;color:#b3c5c8;font-size:15px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 19px;font-size:12px;font-weight:700;border-radius:2px}.button-primary{background:var(--mint);color:var(--navy)}.button-primary:hover{background:#b5f2d4}.text-link{font-size:12px;color:#d2dfdc}.text-link span{margin-left:10px;color:var(--mint)}.hero-footnote{margin-top:77px;font-size:9px;letter-spacing:.18em;color:#78939b;display:flex;align-items:center;gap:12px}.tiny-line{height:1px;width:30px;background:var(--mint)}
.earth-visual{position:absolute;width:min(52vw,650px);height:min(52vw,650px);right:2.5%;top:50%;transform:translateY(-48%);display:grid;place-items:center}.earth{width:70%;aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 32% 28%,#1b6670 0,#154653 27%,#0b2e40 62%,#061b2a 100%);box-shadow:inset -35px -25px 60px #020e1b,0 0 100px rgba(68,196,164,.13),0 0 0 1px rgba(144,227,198,.3)}.earth:before,.earth:after{content:"";position:absolute;inset:-20%;border-radius:50%;border:1px solid rgba(151,231,205,.18);transform:rotate(-25deg) scaleX(.45)}.earth:after{transform:rotate(35deg) scaleX(.75)}.earth-grid-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(144,226,198,.14) 36px 37px),repeating-linear-gradient(90deg,transparent 0 35px,rgba(144,226,198,.12) 36px 37px);border-radius:50%;opacity:.6}.land{position:absolute;background:linear-gradient(135deg,#a1d59a,#367f70 70%);filter:drop-shadow(0 0 8px rgba(144,229,192,.4));opacity:.8}.land-one{width:35%;height:48%;left:24%;top:13%;border-radius:63% 25% 55% 34%;transform:rotate(27deg);clip-path:polygon(20% 0,75% 5%,100% 36%,77% 52%,86% 80%,50% 100%,29% 71%,0 48%)}.land-two{width:25%;height:37%;right:15%;top:39%;border-radius:40% 60% 35% 60%;transform:rotate(-25deg);clip-path:polygon(20% 0,90% 13%,100% 58%,61% 100%,25% 80%,0 35%)}.land-three{width:16%;height:21%;left:48%;bottom:12%;border-radius:60%;transform:rotate(18deg)}.earth-shade{position:absolute;inset:0;background:linear-gradient(110deg,transparent 45%,rgba(1,11,21,.72) 100%);z-index:2}.earth-glow{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 35px rgba(125,231,194,.24);z-index:3}.orbit{position:absolute;border:1px solid rgba(140,229,192,.23);border-radius:50%;width:94%;height:38%;transform:rotate(-31deg)}.orbit-two{width:105%;height:56%;transform:rotate(42deg);border-color:rgba(140,229,192,.13)}.coordinate{position:absolute;z-index:5;display:flex;flex-direction:column;gap:5px;color:#c5d9d2;font:10px Manrope;letter-spacing:.1em}.coordinate b{font-size:12px;color:var(--mint)}.coordinate span{font-size:8px;color:#77969a;letter-spacing:.16em}.coord-a{top:19%;right:2%}.coord-b{bottom:18%;left:1%}.target{position:absolute;width:13px;height:13px;border:1px solid var(--lime);border-radius:50%;z-index:5}.target:after{content:"";position:absolute;width:3px;height:3px;background:var(--lime);border-radius:50%;inset:4px}.target-a{top:34%;left:35%}.target-b{bottom:31%;right:25%}.visual-label{position:absolute;bottom:7%;right:4%;font:9px Manrope;letter-spacing:.16em;color:#a5c1bb;display:flex;align-items:center;gap:9px}.visual-label small{margin-left:14px;color:#64818a}.hero-bottom{position:absolute;bottom:24px;left:7.2%;right:7.2%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:#68858d}
.section-pad{padding:112px 9%}.section-kicker{color:#258b76}.intro{background:#f7faf7}.intro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin-top:34px}.intro h2,.section-heading h2,.solutions h2,.approach h2{font-size:clamp(38px,4.6vw,62px);line-height:1.12;font-weight:600;margin:0}.intro h2 span,.section-heading h2 span,.solutions h2 span,.approach h2 span{color:#26917a}.intro-text{padding-top:8px}.lead{font:600 19px/1.6 Manrope;color:#183746}.intro-text p:not(.lead){font-size:13px;line-height:1.9;color:var(--muted)}.arrow-link{display:inline-block;margin-top:16px;font-size:12px;font-weight:700;border-bottom:1px solid #9ab9ad;padding-bottom:9px}.arrow-link span{margin-left:24px;color:#258b76}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:76px;padding-top:24px;gap:35px}.principles>div{display:grid;grid-template-columns:36px 1fr;column-gap:12px}.principles span{grid-row:span 2;color:#26917a;font:700 11px Manrope}.principles b{font:700 17px Manrope}.principles p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0}
.services{background:#eaf1ed}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section-heading>p{max-width:310px;font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd9d2;border-left:1px solid #cbd9d2}.service-card{min-height:275px;padding:25px 27px 24px;border-right:1px solid #cbd9d2;border-bottom:1px solid #cbd9d2;position:relative;transition:background .25s}.service-card:hover{background:#f7faf7}.card-index{font:10px Manrope;color:#6e9185}.service-icon{font-size:27px;color:#238b76;margin:22px 0 13px}.service-card h3{font:700 19px/1.35 Manrope;letter-spacing:-.03em;margin-bottom:12px}.service-card p{font-size:11px;line-height:1.8;color:#637783;max-width:270px}.service-card>a{position:absolute;right:25px;bottom:22px;color:#238b76;font-size:20px}
.solutions{background:#0b2638;color:#f4f8f4}.solutions .section-kicker{color:var(--mint)}.solutions-heading{display:flex;justify-content:space-between;align-items:end;margin:30px 0 58px}.solutions h2 span{color:var(--mint)}.solutions-heading p{max-width:290px;color:#9bb0b4;font-size:13px;line-height:1.8;margin:0 4% 5px 20px}.solution-list{border-top:1px solid #31505a}.solution-list a{display:grid;grid-template-columns:55px 1.2fr 1fr 30px;gap:15px;align-items:center;padding:23px 4px;border-bottom:1px solid #31505a;transition:padding .2s,color .2s}.solution-list a:hover{padding-left:13px;color:var(--mint)}.solution-no{font:11px Manrope;color:var(--mint)}.solution-name{font:600 17px Manrope}.solution-desc{font-size:11px;color:#91a8ad}.solution-arrow{font-size:19px;text-align:right}
.approach{background:#f7faf7}.approach-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;margin-top:40px}.approach-lead{font-size:14px;line-height:1.8;color:var(--muted);max-width:310px;margin-top:25px}.workflow{border-top:1px solid var(--line)}.workflow-step{display:grid;grid-template-columns:42px 1fr 70px;align-items:start;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.workflow-step>span{font:700 11px Manrope;color:#268d77;padding-top:4px}.workflow-step b{font:700 17px Manrope}.workflow-step p{font-size:11px;color:var(--muted);margin:6px 0 0}.workflow-step small{text-align:right;font:700 8px Manrope;letter-spacing:.16em;color:#8ba198;padding-top:6px}
.contact{background:#0c2d3c;color:#fff;position:relative;overflow:hidden;min-height:480px}.contact .section-kicker{color:var(--mint);position:relative;z-index:1}.contact-content{position:relative;z-index:1;max-width:650px;margin-top:38px}.contact h2{font-size:clamp(45px,6vw,76px);line-height:1.08;font-weight:600;margin-bottom:22px}.contact h2 em{color:var(--mint)}.contact-content p{max-width:430px;color:#a9c0c1;font-size:13px;line-height:1.8}.button-light{background:var(--mint);color:var(--navy);margin-top:15px}.contact-orb{position:absolute;width:520px;height:520px;border:1px solid rgba(140,229,192,.18);border-radius:50%;right:-30px;top:-60px;box-shadow:0 0 0 45px rgba(140,229,192,.025),0 0 0 90px rgba(140,229,192,.02)}.contact-orb:before,.contact-orb:after{content:"";position:absolute;inset:70px;border:1px solid rgba(140,229,192,.15);border-radius:50%;transform:scaleX(.4) rotate(45deg)}.contact-orb:after{transform:scaleX(.7) rotate(-35deg)}.contact-meta{position:absolute;bottom:30px;left:9%;right:9%;display:flex;justify-content:space-between;font:8px Manrope;letter-spacing:.16em;color:#76969b}
.footer{background:#061722;color:#c6d6d1;padding:28px 7.2%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-footer{color:#fff;font-size:14px}.brand-footer .brand-mark{transform:scale(.8) skew(-22deg)}.footer>p{font-size:10px;color:#80999a;margin:0}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:10px}.footer-right a{color:var(--mint)}.footer-right span{color:#789094;font-size:9px}
@media(max-width:900px){.site-header{padding:0 5%}.main-nav{gap:19px}.hero{padding-left:6%;min-height:650px}.hero-copy{width:60%}.earth-visual{right:-14%;opacity:.75}.section-pad{padding:85px 7%}.service-card{padding:21px;min-height:290px}.footer{padding-left:6%;padding-right:6%}}
@media(max-width:680px){.site-header{height:70px}.menu-toggle{display:flex;background:none;border:0;flex-direction:column;gap:6px;padding:10px}.menu-toggle i{display:block;width:23px;height:2px;background:var(--navy)}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f8faf8;padding:22px 7%;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a{padding:14px 0;border-bottom:1px solid var(--line)}.main-nav .nav-contact{margin-top:12px;padding:13px}.hero{min-height:780px;padding:78px 7% 100px;align-items:flex-start}.hero-copy{width:100%}h1{font-size:55px}.hero-intro{max-width:420px;font-size:13px}.hero-footnote{margin-top:37px}.earth-visual{width:420px;height:420px;right:-125px;top:auto;bottom:-90px;transform:none;opacity:.48}.hero-bottom{left:7%;right:7%;font-size:7px}.hero-bottom span:first-child{max-width:180px}.section-pad{padding:75px 7%}.intro-content,.approach-layout{grid-template-columns:1fr;gap:28px}.intro h2,.section-heading h2,.solutions h2,.approach h2{font-size:43px}.principles{grid-template-columns:1fr;gap:23px;margin-top:48px}.section-heading,.solutions-heading{display:block}.section-heading>p,.solutions-heading p{margin:23px 0 0}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:280px;padding:18px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.solutions-heading{margin-bottom:38px}.solution-list a{grid-template-columns:30px 1fr 22px;gap:8px;padding:19px 0}.solution-name{font-size:13px}.solution-desc{display:none}.workflow-step{grid-template-columns:30px 1fr 55px}.contact{min-height:490px}.contact-orb{right:-300px;opacity:.7}.contact-meta{left:7%;right:7%;font-size:7px;gap:20px}.footer{flex-wrap:wrap;padding:25px 7%}.footer>p{order:3;width:100%}.footer-right{margin-left:auto}}
@media(max-width:390px){h1{font-size:47px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.hero-actions{gap:17px}.button{gap:12px;padding:14px}.text-link{font-size:10px}}
