@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{--green:#12372a;--green-2:#1e4c3a;--mint:#d9e9d8;--cream:#f8f7f0;--paper:#fffefb;--ink:#17251e;--muted:#68736b;--line:#e4e7df;--yellow:#f3d98a;--lilac:#e7e1f2;--max:1160px}
*{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",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:99}.skip-link:focus{left:8px}
.site-header{height:82px;background:rgba(255,254,251,.92);border-bottom:1px solid rgba(228,231,223,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:#fff;border-radius:11px;font-size:19px;letter-spacing:-1px}
.brand-dot{color:#648b6c}
.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:20px;font-size:13px;color:#536057;font-weight:600}
.desktop-nav a:hover,.text-link:hover,.inline-link:hover{color:#4e7957}
.nav-cta{font-size:13px;font-weight:700;background:#edf2e9;padding:12px 16px;border-radius:999px;white-space:nowrap}
.nav-cta span{margin-left:8px}
.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;background:var(--cream);padding:82px 0 28px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative;z-index:1}
.hero-copy{padding:10px 0 26px}
.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:#64816a}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce4d8;background:#fdfdf8;border-radius:999px;padding:8px 13px;letter-spacing:1.2px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#6a9a70;box-shadow:0 0 0 4px #e4efe1}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.8px}
h1{font-size:clamp(42px,5.1vw,68px);line-height:1.12;font-weight:800;margin:25px 0 23px;max-width:620px}
h1 span{color:#628267}
.hero-lead{max-width:510px;font-size:17px;line-height:1.8;color:#5c685f}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:999px;padding:15px 20px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--green);color:white;box-shadow:0 8px 18px #12372a1a}
.button-primary:hover{background:#20523d}
.text-link,.inline-link{font-size:13px;font-weight:700;color:var(--green)}
.text-link span{margin-left:6px}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:35px;color:#7b847b;font-size:12px}
.note-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e5ebdf;color:#456b4b}
.hero-art{min-height:440px;position:relative;display:grid;place-items:center}
.art-orbit{position:absolute;border:1px solid #d8e0d2;border-radius:50%;transform:rotate(-22deg)}
.orbit-a{width:440px;height:310px}.orbit-b{width:360px;height:430px;transform:rotate(33deg)}
.art-sun{position:absolute;width:260px;height:260px;border-radius:50%;background:#e6eddf;right:7%;top:6%;filter:blur(1px)}
.main-card{position:relative;z-index:2;background:#fff;border:1px solid #e9ebe4;border-radius:22px;padding:22px;width:min(390px,90%);box-shadow:0 28px 70px #213c2b18;transform:rotate(-2deg)}
.card-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.mini-logo{display:grid;place-items:center;width:27px;height:27px;background:var(--green);color:#fff;border-radius:8px;font-family:Manrope;font-weight:800}
.pill{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#5f7862;background:#edf3e9;border-radius:999px;padding:6px 9px;font-weight:700}
.search-illustration{display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid #e9ece5;border-radius:10px;color:#8a928b;font-size:11px;margin-bottom:15px}
.search-icon{width:13px;height:13px;border:1.5px solid #78877a;border-radius:50%;position:relative}.search-icon:after{content:"";width:5px;height:1.5px;background:#78877a;position:absolute;right:-4px;bottom:-2px;transform:rotate(45deg)}
.filter-icon{margin-left:auto;font-size:17px;color:#5f7862}
.mock-job{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f1ed}
.job-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:18px;font-weight:700}
.icon-green{background:#dcebdc;color:#3c6c47}.icon-cream{background:#f8edce;color:#8c7134}.icon-lilac{background:#eae5f5;color:#78639c}
.job-lines{display:flex;flex-direction:column;gap:7px;flex:1}
.line{height:6px;background:#dce2da;border-radius:8px;display:block}.line-long{width:90px}.line-mid{width:75px}.line-short{width:57px;background:#edf0eb}.line-shorter{width:45px;background:#edf0eb}
.mock-tag{font-size:9px;background:#f4f5f0;border-radius:6px;padding:5px 7px;color:#68736b}
.faded{opacity:.55}
.card-foot{font-size:10px;color:#6c796d;padding-top:16px;display:flex;align-items:center;gap:8px}
.foot-check{display:grid;place-items:center;width:17px;height:17px;background:#e1efdf;color:#4d8054;border-radius:50%;font-size:10px}
.floating-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #edf0e9;border-radius:14px;padding:12px 15px;box-shadow:0 12px 28px #1c39251a}
.floating-badge strong,.floating-badge small{display:block}.floating-badge strong{font-size:11px}.floating-badge small{font-size:9px;color:#7a847b;margin-top:1px}
.badge-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f8edce;color:#8c7134}
.badge-symbol-dark{background:#e0ebdc;color:#426b47}
.badge-top{top:54px;right:0}.badge-bottom{bottom:48px;left:0}
.art-caption{position:absolute;bottom:0;right:12px;color:#8d958b;font-size:9px;letter-spacing:.2px}
.hero-bottom{display:flex;align-items:center;gap:18px;margin-top:44px;color:#829083;font-size:9px;letter-spacing:1.6px;font-weight:700}
.hero-bottom-line{height:1px;background:#dfe5da;flex:1}
.section-pad{padding:105px 0}
.intro-grid{display:grid;grid-template-columns:.95fr 1fr;gap:90px}
.section-kicker{margin-bottom:24px}
h2{font-size:clamp(32px,4vw,48px);line-height:1.2;font-weight:800;margin-bottom:0}
h2 em{font-style:normal;color:#638368}
.intro-body{padding-top:35px}
.intro-body p,.roadmap-copy>p{font-size:15px;line-height:1.9;color:#657067;margin-bottom:18px}
.inline-link{display:inline-block;margin-top:10px}.inline-link span{padding-left:8px}
.principles{background:#f7f8f2;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.principle-card{background:#fff;border:1px solid #e9ede5;border-radius:18px;padding:26px 26px 30px;position:relative;min-height:245px}
.principle-number{font-size:10px;color:#9ba49b;letter-spacing:1px;font-weight:700}
.principle-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:21px;margin:28px 0 20px}
.icon-round-green{background:#e2eddf;color:#4a7450}.icon-round-yellow{background:#f8edcf;color:#8c7134}.icon-round-lilac{background:#e9e3f4;color:#78659b}
.principle-card h3{font-size:19px;letter-spacing:-.5px;margin-bottom:9px}
.principle-card p{font-size:12px;line-height:1.8;color:#768077;margin-bottom:0}
.roadmap-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.roadmap-copy>p{margin-top:25px;max-width:390px}
.roadmap-list{border-top:1px solid var(--line)}
.roadmap-item{display:grid;grid-template-columns:35px 1fr auto;align-items:start;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}
.roadmap-status{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e7eee3;color:#4b7050;font-size:10px;font-weight:700}
.roadmap-item h3{font-size:15px;letter-spacing:-.3px;margin:2px 0 6px}
.roadmap-item p{font-size:12px;color:#778078;line-height:1.7;margin-bottom:0;max-width:330px}
.status-label{font-size:9px;color:#68766a;background:#f1f3ed;padding:6px 8px;border-radius:6px;white-space:nowrap}
.cta-section{background:var(--green);color:#fff;position:relative;overflow:hidden;padding:76px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative}
.cta-decoration{position:absolute;font-family:Manrope;font-weight:800;font-size:300px;line-height:1;right:27%;top:-120px;color:#ffffff08;pointer-events:none}
.section-kicker-light{color:#a7c3a4}
.cta-copy{max-width:660px;position:relative;z-index:1}
.cta-copy h2{font-size:clamp(30px,3.5vw,43px);max-width:620px}
.cta-copy h2 em{color:#b8d1ad}
.cta-copy p{color:#d0ded2;font-size:14px;max-width:520px;margin:18px 0 0;line-height:1.8}
.button-light{background:#f5f4e9;color:var(--green);white-space:nowrap;position:relative;z-index:1}
.button-light:hover{background:#fff}
.site-footer{background:#0d2a20;color:#fff;padding:35px 0 18px}
.footer-main{display:flex;align-items:center;gap:25px;padding-bottom:28px}
.footer-brand{font-size:19px}.footer-brand .brand-mark{background:#d9e8d4;color:var(--green)}
.footer-brand .brand-dot{color:#b3cdb0}
.footer-main p{font-size:11px;color:#aebeb0;margin:0 auto 0 0}
.footer-email{font-size:12px;color:#d4e0d3}
.footer-bottom{border-top:1px solid #ffffff1c;padding-top:15px;display:flex;justify-content:space-between;color:#9db0a0;font-size:10px}
@media(max-width:900px){.hero-grid{gap:20px}.hero-art{min-height:390px}.art-orbit.orbit-a{width:350px;height:280px}.art-orbit.orbit-b{width:300px;height:370px}.intro-grid,.roadmap-grid{gap:45px}.desktop-nav{gap:20px}}
@media(max-width:700px){.container{width:min(100% - 36px,var(--max))}.site-header{height:70px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:#eef2e9;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center}.menu-toggle span{width:17px;height:2px;background:var(--green);border-radius:2px}.mobile-menu{display:flex;flex-direction:column;gap:0;padding:8px 18px 16px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile-menu[hidden]{display:none}.mobile-menu a{padding:11px 5px;font-size:14px}.hero{padding:55px 0 24px}.hero-grid{grid-template-columns:1fr;gap:8px}.hero-copy{padding-bottom:0}.hero-lead{font-size:15px}.hero-art{min-height:390px;margin-top:5px}.main-card{width:min(360px,86%);padding:18px}.badge-top{right:0;top:36px}.badge-bottom{left:0;bottom:32px}.art-caption{right:4px;bottom:0}.hero-bottom{margin-top:22px;gap:10px;font-size:8px;letter-spacing:1px}.section-pad{padding:72px 0}.intro-grid,.roadmap-grid{grid-template-columns:1fr;gap:24px}.intro-body{padding-top:0}.principle-grid{grid-template-columns:1fr;gap:12px;margin-top:25px}.principle-card{min-height:0;padding:22px}.principle-icon{margin:18px 0 14px}.roadmap-item{grid-template-columns:32px 1fr;gap:12px}.status-label{grid-column:2;justify-self:start}.cta-section{padding:60px 0}.cta-inner{align-items:flex-start;flex-direction:column;gap:26px}.cta-decoration{font-size:200px;right:0;top:-70px}.footer-main{align-items:flex-start;flex-direction:column;gap:14px}.footer-main p{margin:0}.footer-bottom{gap:15px;flex-wrap:wrap}.footer-bottom span:last-child{text-align:right;margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}