@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--green:#b7f7c8;--green2:#76e69a;--dark:#101512;--muted:#66736b;--light:#f4fbf6;--border:#dfe9e2;--white:#fff;--radius:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--dark);background:var(--white);line-height:1.6}a{text-decoration:none;color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #edf2ee;background:#fff;position:sticky;top:0;z-index:10}.logo{font-family:Manrope;font-size:22px;font-weight:800;display:flex;align-items:center;gap:9px}.logo span,.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green2);display:grid;place-items:center;font-family:Manrope}.desktop-nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.desktop-nav>a:not(.login-link):hover{color:#28a953}.login-link{border:1px solid var(--dark);padding:9px 16px;border-radius:10px}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:650px;padding:90px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;background:linear-gradient(135deg,#f7fff9,#fff)}.hero h1,.page-hero h1,.login-box h1{font-family:Manrope;font-size:clamp(45px,6vw,76px);line-height:1.05;letter-spacing:-3px;margin:18px 0}.hero h1 span,.page-hero h1 span{color:#2bb65b}.hero p,.page-hero p{font-size:18px;color:var(--muted);max-width:600px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.7px;font-weight:800;color:#26994d}.actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-weight:700;border:1px solid transparent;cursor:pointer;font-family:inherit}.primary{background:var(--dark);color:#fff}.secondary{background:#fff;border-color:var(--border)}.dark{background:#fff;color:var(--dark)}.trust{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#607066}.dashboard-card{background:#fff;border:1px solid var(--border);border-radius:26px;padding:25px;box-shadow:0 25px 70px #174b2b16}.dash-top{display:flex;justify-content:space-between}.status{font-size:11px;color:#2ca957}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.metric-grid div,.appointment{border:1px solid var(--border);padding:17px;border-radius:15px}.metric-grid small,.metric-grid em,.appointment small{display:block;color:#718077;font-size:11px}.metric-grid strong{font-size:28px;display:block}.metric-grid em{color:#299e51;font-style:normal}.chart{height:150px;display:flex;align-items:end;gap:10px;padding:10px 5px;border-bottom:1px solid var(--border)}.chart div{flex:1;background:var(--green2);border-radius:7px 7px 0 0}.appointment{margin-top:16px;display:flex;align-items:center;gap:12px}.avatar{background:var(--green);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:bold}.appointment div{flex:1}.pill,.tag{background:#e9faed;color:#258c48;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 7%;background:var(--dark);color:#fff;gap:20px}.stats div{border-right:1px solid #ffffff1c;padding-left:20px}.stats strong{font:800 32px Manrope;display:block;color:var(--green2)}.stats span{font-size:13px;color:#b9c5bd}.section{padding:90px 7%}.section.light{background:var(--light)}.section-head{text-align:center;max-width:700px;margin:0 auto 45px}.section-head h2,.split h2{font:700 40px Manrope;line-height:1.15;margin:12px 0}.section-head p,.split p{color:var(--muted)}.cards{display:grid;gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.cards article,.large-card,.pricing article{border:1px solid var(--border);border-radius:var(--radius);padding:30px;background:#fff}.cards h3{font:700 21px Manrope;margin:14px 0 8px}.cards p,.large-card p,.pricing p{color:var(--muted)}.icon{width:46px;height:46px;border-radius:14px;background:var(--green);display:grid;place-items:center;font-size:21px}.cta{margin:40px 7% 90px;background:var(--green);border-radius:28px;padding:50px;display:flex;justify-content:space-between;align-items:center}.cta h2{font:700 35px Manrope;margin-top:8px}.page-hero{text-align:center;padding:100px 7% 80px;background:var(--light)}.page-hero h1{font-size:clamp(45px,6vw,68px);max-width:900px;margin:16px auto}.page-hero p{margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-panel,.portal-card,.dashboard-mini{background:var(--light);border-radius:26px;padding:40px;border:1px solid var(--border)}.big-icon{font-size:65px}.large-card h2{font:700 25px Manrope;margin:15px 0 8px}.large-card a,.resource a{display:inline-block;margin-top:20px;font-weight:700}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}.feature-list>div{padding:30px 0;border-bottom:1px solid var(--border)}.feature-list span{color:#2eaa59;font-weight:800}.feature-list h2{font:700 24px Manrope;margin:7px 0}.feature-list p{color:var(--muted)}.checks{list-style:none;margin-top:20px}.checks li{margin:13px 0}.checks li:before{content:'✓';display:inline-grid;place-items:center;background:var(--green);width:22px;height:22px;border-radius:50%;margin-right:10px;font-size:12px}.schedule{display:grid;grid-template-columns:70px 1fr;gap:3px 15px;padding:18px 0;border-bottom:1px solid var(--border)}.schedule span{grid-row:span 2;color:#2eaa59;font-size:13px}.schedule small{color:var(--muted)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.pricing article{position:relative}.pricing article.popular{border:2px solid #54d77d;transform:translateY(-10px)}.pricing label{position:absolute;right:20px;top:20px;background:var(--dark);color:#fff;border-radius:20px;padding:5px 9px;font-size:10px}.pricing strong{font:800 38px Manrope;display:block;margin:25px 0}.pricing strong small{font:400 12px DM Sans;color:var(--muted)}.pricing .btn{width:100%;margin-top:15px}.resource .tag{display:inline-block}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-info{margin-top:35px}.contact-info div{margin:18px 0}.contact-info b,.contact-info span{display:block}.contact-info span{color:var(--muted)}.form{display:grid;gap:16px}.form label{font-size:13px;font-weight:700}.form input,.form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--border);border-radius:11px;padding:13px 14px;font:inherit;outline:none}.form input:focus,.form textarea:focus{border-color:#4bc870}.login-page{min-height:calc(100vh - 78px);display:grid;place-items:center;background:var(--light);padding:50px}.login-box{background:#fff;border:1px solid var(--border);border-radius:26px;padding:45px;width:min(440px,100%);box-shadow:0 20px 60px #174b2b10}.brand-mark{margin-bottom:25px}.login-box h1{font-size:35px;letter-spacing:-1.5px;margin:10px 0}.login-box p{color:var(--muted);margin-bottom:25px}.back{display:block;text-align:center;margin-top:22px;font-size:13px;color:var(--muted)}footer{background:var(--dark);color:#fff;padding:60px 7% 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;position:relative}footer p{color:#9eaaa2;max-width:300px;margin-top:15px;font-size:13px}footer b{display:block;margin-bottom:13px}footer>div>a:not(.logo){display:block;color:#aeb9b1;font-size:13px;margin:9px 0}.copyright{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:20px;color:#87938b;font-size:11px}
@media(max-width:900px){.desktop-nav{display:none}.menu{display:block}.nav-open .desktop-nav{position:absolute;display:flex;flex-direction:column;top:78px;left:0;right:0;background:#fff;padding:25px;box-shadow:0 15px 30px #0001}.hero,.split,.contact-grid{grid-template-columns:1fr}.hero{padding-top:60px}.stats{grid-template-columns:1fr 1fr}.cards.three,.pricing{grid-template-columns:1fr}.cards.two,.feature-list{grid-template-columns:1fr}.pricing article.popular{transform:none}.cta{display:block}.cta .btn{margin-top:25px}footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}
@media(max-width:550px){.hero h1,.page-hero h1{letter-spacing:-2px}.section,.hero{padding-left:5%;padding-right:5%}.stats{padding:30px 5%}.stats div{border:0;padding:0}.stats strong{font-size:25px}.stats span{font-size:11px}.cta{margin-left:5%;margin-right:5%;padding:30px}.cta h2{font-size:27px}footer{padding-left:5%;padding-right:5%;grid-template-columns:1fr 1fr}}
