@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{--ink:#263d33;--ink-soft:#53665b;--sage:#dce5d8;--sage-2:#edf0e8;--cream:#f5f4ef;--paper:#fffefa;--orange:#c98768;--line:#e4e5dc;--shadow:0 24px 70px rgba(38,61,51,.12);--heading:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.site-header{height:82px;position:sticky;top:0;z-index:20;background:rgba(245,244,239,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(38,61,51,.08)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:39px;height:39px;border:1px solid rgba(38,61,51,.2);border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--sage-2)}.brand-mark svg{width:27px;height:27px}.brand-name{font:800 23px var(--heading);letter-spacing:-1.2px}.brand-name span{color:var(--orange)}.nav-links{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:var(--ink-soft)}.nav-links>a:not(.nav-login):hover{color:var(--orange)}.nav-login{border:1px solid rgba(38,61,51,.24);padding:12px 18px;border-radius:999px;color:var(--ink)}.nav-login:hover{background:var(--ink);color:white}.menu-toggle{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding-top:58px;padding-bottom:76px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#778477;font-size:10px;letter-spacing:1.6px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(42px,5.2vw,66px)/1.12 var(--heading);letter-spacing:-3.3px;margin:22px 0;color:var(--ink)}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:490px;color:#69766c;font-size:16px;line-height:1.85;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:50px;padding:0 21px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:white;box-shadow:0 10px 22px rgba(38,61,51,.14)}.button-primary:hover{background:#344f42}.button-secondary{border:1px solid #cdd3c9;color:var(--ink)}.button-secondary:hover{background:white}.hero-note{margin-top:25px;color:#879087;font-size:11px}.check{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sage);color:var(--ink);margin-right:6px;font-weight:700}
.hero-visual{min-height:470px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:#e7ebe1}.visual-orbit{position:absolute;border:1px solid rgba(201,135,104,.35);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:490px;height:270px}.orbit-two{width:430px;height:350px;transform:rotate(34deg)}.dashboard-card{position:relative;width:min(390px,90%);padding:25px;background:var(--paper);border:1px solid rgba(38,61,51,.08);border-radius:19px;box-shadow:var(--shadow);transform:rotate(2deg)}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.dash-kicker{display:block;font-size:8px;letter-spacing:1.8px;color:#9aa398;font-weight:700;margin-bottom:5px}.dash-top strong{font:700 17px var(--heading)}.dash-avatar{width:32px;height:32px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font-weight:700}.dash-welcome{font:700 18px var(--heading);margin:20px 0}.dash-welcome span{color:var(--orange)}.dash-welcome small{display:block;color:#929b91;font:400 11px var(--body);margin-top:5px}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#f2f4ee;border-radius:11px;padding:13px}.stat span,.stat small{display:block;color:#859084;font-size:10px}.stat b{display:block;font:700 25px var(--heading);margin:7px 0 2px}.dash-section-title{font-size:10px;font-weight:700;margin:20px 0 8px}.dash-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #eff0ea}.row-icon{width:31px;height:31px;border-radius:9px;background:#e5ebdf;display:grid;place-items:center;color:var(--ink)}.row-icon.peach{background:#f5e8df;color:#b8785d}.row-icon.sage{background:#e8eee8}.dash-row b,.dash-row small{display:block}.dash-row b{font-size:11px}.dash-row small{font-size:9px;color:#9aa197;margin-top:3px}.row-arrow{margin-left:auto;color:#9ba69a}.floating-note{position:absolute;right:-3px;bottom:53px;display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:13px;background:white;box-shadow:0 12px 35px rgba(38,61,51,.13);transform:rotate(-3deg)}.floating-note>span{color:var(--orange);font-size:23px}.floating-note b,.floating-note small{display:block}.floating-note b{font:700 11px var(--heading)}.floating-note small{font-size:9px;color:#929b91;margin-top:3px}
.trust-strip{background:#e9ede5;border-block:1px solid #e0e5dc}.trust-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#758174;font-size:9px;letter-spacing:1.3px;font-weight:700}.trust-inner i{height:4px;width:4px;border-radius:50%;background:var(--orange)}
.section{padding-top:112px;padding-bottom:115px}.section-heading{text-align:center;max-width:600px;margin:0 auto 48px}.section-heading h2,.benefit-copy h2,.pricing-copy h2,.final-cta h2{font:700 clamp(34px,4vw,48px)/1.2 var(--heading);letter-spacing:-2px;margin:17px 0}.section-heading p{color:#788378;line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;background:var(--paper);border:1px solid #e8e8df;border-radius:17px;padding:29px;min-height:240px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:23px;margin-bottom:28px}.feature-icon.green{background:#e4ebdf}.feature-icon.orange{background:#f5e9e1;color:#b8795e}.feature-icon.sage{background:#e8eee8}.feature-number{position:absolute;right:27px;top:34px;color:#b2b9af;font-size:10px;letter-spacing:1px}.feature-card h3{font:700 18px var(--heading);margin-bottom:10px}.feature-card p{color:#7b867c;font-size:13px;line-height:1.75;margin:0}
.benefits-section{background:#e9ede5;padding:90px 0}.benefits-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.benefit-art{height:370px;position:relative;display:grid;place-items:center;overflow:hidden}.art-circle{width:280px;height:280px;border-radius:50%;background:#d5dfd1;position:relative}.art-circle:before,.art-circle:after{content:"";position:absolute;border:1px solid rgba(38,61,51,.25);border-radius:50%;inset:25px}.art-circle:after{inset:55px;border-color:rgba(201,135,104,.6)}.art-line{position:absolute;width:250px;height:100px;border:3px solid var(--ink);border-color:var(--ink) transparent transparent;border-radius:50%;transform:rotate(-35deg)}.line-a{top:105px;left:12%}.line-b{bottom:95px;right:8%;transform:rotate(145deg);border-color:var(--orange) transparent transparent}.art-leaf{position:absolute;font-size:105px;color:var(--ink);transform:rotate(-30deg);font-family:serif}.art-caption{position:absolute;bottom:18px;right:3%;font:italic 14px var(--heading);color:#718072}.benefit-copy h2{max-width:500px}.benefit-copy>p{color:#718072;line-height:1.9;font-size:14px;max-width:480px}.benefit-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:14px}.benefit-list li{font-size:13px;color:#53665b;display:flex;align-items:center;gap:11px}.benefit-list li span{width:21px;height:21px;border-radius:50%;background:#d5dfd1;display:grid;place-items:center;font-size:11px;font-weight:700}
.pricing-section{padding-top:105px;padding-bottom:100px}.pricing-card{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:35px;padding:45px 55px;background:var(--paper);border:1px solid #e8e8df;border-radius:20px;box-shadow:0 15px 45px rgba(38,61,51,.06)}.pricing-copy h2{font-size:36px}.pricing-copy p{max-width:470px;color:#7b867c;line-height:1.8;font-size:14px;margin:0}.price{border-left:1px solid var(--line);padding-left:42px;display:flex;flex-direction:column;align-items:flex-start}.price>span{font-size:11px;color:#849084}.price strong{font:800 43px var(--heading);letter-spacing:-2px;margin:4px 0}.price strong small{font-size:25px}.price .button{margin-top:18px;white-space:nowrap}.pricing-footnote{text-align:center;color:#899388;font-size:11px;margin:20px 0 0}
.final-cta{background:var(--ink);color:white;text-align:center;padding:82px 24px}.final-cta .eyebrow{color:#bdc9bc}.final-cta h2{margin:18px 0 28px}.final-cta h2 em{color:#e2a17e}.button-light{background:#f5f4ef;color:var(--ink)}.button-light:hover{background:white}
.site-footer{background:#202f28;color:#c4cec3;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner .brand-mark{background:#34483f;border-color:#53675a;color:#e8eee6}.footer-inner .brand-name{color:#f5f4ef;font-size:19px}.footer-inner>span,.footer-inner>a:last-child{font-size:10px;color:#b4c0b4}
@media(max-width:850px){.nav-links{gap:18px}.hero{gap:15px}.hero h1{font-size:49px}.benefits-layout{gap:35px}.pricing-card{padding:35px;grid-template-columns:1fr 230px}.price{padding-left:28px}}
@media(max-width:680px){.container{width:min(100% - 36px,520px)}.site-header{height:70px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px}.menu-toggle span{width:23px;height:2px;background:var(--ink);border-radius:2px}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:var(--cream);padding:20px 24px 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav-links.open{display:flex}.nav-login{text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:58px;padding-bottom:60px;gap:28px}.hero h1{font-size:clamp(41px,11vw,55px);letter-spacing:-2.5px}.hero-lead{font-size:14px}.hero-actions{display:grid}.button{width:100%}.hero-visual{min-height:390px}.hero-visual:before{width:300px;height:300px}.orbit-one{width:350px;height:220px}.orbit-two{width:340px;height:270px}.dashboard-card{width:min(350px,94%);padding:20px}.floating-note{right:-2px;bottom:22px}.trust-inner{padding:18px 0;justify-content:center;flex-wrap:wrap;line-height:1.8}.trust-inner span:first-child{width:100%;text-align:center}.trust-inner i:nth-of-type(1){display:none}.section{padding-top:75px;padding-bottom:78px}.section-heading{margin-bottom:30px}.section-heading h2,.benefit-copy h2{font-size:36px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:205px}.feature-icon{margin-bottom:20px}.benefits-section{padding:65px 0}.benefits-layout{grid-template-columns:1fr;gap:18px}.benefit-art{height:270px;order:2}.art-circle{width:220px;height:220px}.benefit-copy{order:1}.pricing-section{padding-top:72px;padding-bottom:75px}.pricing-card{grid-template-columns:1fr;padding:28px;gap:25px}.pricing-copy h2{font-size:31px}.price{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.price strong{font-size:42px}.final-cta{padding:68px 18px}.final-cta h2{font-size:34px}.footer-inner{flex-direction:column;text-align:center}.footer-inner>span{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
