:root{--ink:#17201d;--muted:#68716d;--lime:#c9f153;--green:#315b49;--cream:#f4f3ec;--line:#dcded7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.header{height:78px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope}.brand b,.app aside b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--lime)}.header nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.btn{display:inline-flex;justify-content:center;background:var(--lime);padding:16px 21px;border-radius:9px;font-weight:700;box-shadow:0 10px 28px #78952224;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.small{padding:11px 15px}.menu{display:none;border:0;background:transparent;font-weight:700}.hero{max-width:1240px;margin:auto;padding:90px 24px 75px;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.label{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--green)}h1,h2{font-family:Manrope,sans-serif;line-height:.98;letter-spacing:-.055em;margin:20px 0}h1{font-size:clamp(52px,5.3vw,80px)}h2{font-size:clamp(42px,5vw,67px)}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-copy>p,.heading>p,.cta>p{font-size:17px;line-height:1.65;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;margin:32px 0 22px;font-weight:700;font-size:14px}.hero-copy>small{color:#7c8580}.product{background:#1d2924;border-radius:20px;padding:11px;box-shadow:0 35px 70px #25382f38;transform:rotate(1deg)}.browser{height:34px;color:#65756e;font-size:8px}.browser span{display:block;text-align:center;margin-top:-9px}.app{height:410px;background:#f8f8f5;border-radius:11px;display:flex;overflow:hidden}.app aside{width:52px;background:#26362f;display:flex;flex-direction:column;align-items:center;gap:22px;padding:17px 0}.app aside b{width:27px;height:27px;background:var(--lime);color:var(--ink);font-size:13px}.app aside i{width:15px;height:15px;border:2px solid #6e837a;border-radius:4px}.dashboard{flex:1;padding:25px}.dashboard header{display:flex;justify-content:space-between}.dashboard header small,.dashboard header strong{display:block}.dashboard header strong{font:700 17px Manrope}.dashboard mark{background:#e3f1df;color:#417348;padding:6px 9px;border-radius:20px;font-size:8px;height:min-content}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:23px 0}.metrics article,.graph{background:white;border:1px solid #e9ebe7;border-radius:10px;padding:15px}.metrics small,.metrics b,.metrics em{display:block}.metrics small{font-size:9px;color:#7d8681}.metrics b{font:700 18px Manrope;margin:8px 0}.metrics em{font-style:normal;color:#4d8a61;font-size:8px}.graph>b{font-size:10px}.graph>div{height:150px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #e6e9e4;padding:15px}.graph i{flex:1;background:#dff2a8;border-radius:4px 4px 0 0}.graph i:nth-last-child(-n+2){background:var(--green)}.trust{text-align:center;border-block:1px solid var(--line);padding:28px 24px}.trust small{letter-spacing:.18em;color:#8b928f;font-weight:800}.trust div{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;margin-top:20px;color:#5d6863}.section{max-width:1240px;margin:auto;padding:115px 24px}.heading{max-width:720px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:58px}.features article{background:white;border:1px solid var(--line);border-radius:14px;padding:30px;min-height:255px}.features .featured{grid-row:span 2;min-height:525px;background:var(--green);color:white}.features article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#edf1ea;color:var(--green);font-size:20px}.features .featured>span{background:var(--lime);color:var(--ink)}.features h3{font:700 20px Manrope;margin-top:31px}.features p{font-size:14px;line-height:1.6;color:#718079}.features .featured p{color:#c7d3cd}.flow{margin-top:42px;background:#294c3d;border:1px solid #4c715f;border-radius:11px;padding:20px;font-size:12px}.flow b{float:right}.flow hr{border:0;border-top:1px solid #466a59;margin:13px 0}.flow strong{display:block;color:var(--lime);margin-top:22px}.dark{background:#19231f;color:white;padding:110px max(24px,calc((100vw - 1192px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px}.dark p{color:#9ca9a4;line-height:1.65}.dark .label{color:#dfe7e3}.list p{display:flex;gap:25px;border-top:1px solid #3b4540;margin:0;padding:25px 0;font-size:13px}.list p>b{color:var(--lime)}.list strong{display:block;color:white;font:700 17px Manrope;margin-bottom:7px}.cta{text-align:center}.cta>p{max-width:600px;margin:0 auto 30px}.cta .btn{margin-top:10px}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:38px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;color:#737c78;font-size:12px}footer div{display:flex;gap:22px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}
@media(max-width:900px){.menu{display:block}.header nav{display:none;position:absolute;z-index:5;top:70px;left:16px;right:16px;background:white;padding:22px;border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:stretch;box-shadow:0 18px 50px #25372f25}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.product{transform:none}.features{grid-template-columns:1fr 1fr}.features .featured{grid-column:span 2;grid-row:auto}.dark{grid-template-columns:1fr;gap:45px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
@media(max-width:580px){.actions{flex-direction:column;align-items:stretch;text-align:center}.app{height:320px}.dashboard{padding:14px}.metrics article{padding:9px}.metrics b{font-size:13px}.graph>div{height:100px}.section{padding-block:82px}.features{grid-template-columns:1fr}.features .featured{grid-column:auto}.dark{padding-block:82px}.trust div{gap:20px}footer div{flex-direction:column}}
.pricing{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.pricing-intro{position:sticky;top:35px}.pricing-intro p{font-size:17px;line-height:1.65;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.price-card{position:relative;min-height:570px;padding:34px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;box-shadow:0 18px 45px #25382f0d}.price-card.preferred{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-18px);box-shadow:0 28px 60px #25382f2e}.plan-tag{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--green)}.preferred .plan-tag{color:var(--lime)}.saving{position:absolute;right:20px;top:20px;background:var(--lime);color:var(--ink);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.price-card h3{font:700 23px Manrope;margin:28px 0 8px}.price-card>p{min-height:46px;margin:0;color:#75807b;font-size:14px;line-height:1.6}.preferred>p,.preferred>small{color:#c7d5cf}.price{display:flex;align-items:end;gap:8px;margin:30px 0 8px}.price b{font:800 42px Manrope;letter-spacing:-.05em}.price span{padding-bottom:8px;color:#7b8580}.preferred .price span{color:#c7d5cf}.price-card ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px;font-size:13px}.price-card li:before{content:'✓';color:var(--green);font-weight:800;margin-right:10px}.preferred li:before{color:var(--lime)}.price-action{margin-top:auto;border:1px solid #cfd5d0;border-radius:10px;padding:14px;text-align:center;font-weight:800;font-size:13px}.price-action.bright{background:var(--lime);border-color:var(--lime);color:var(--ink)}.price-note{grid-column:2;display:flex;justify-content:space-between;gap:20px;margin-top:-45px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}.price-note b{color:var(--ink)}
@media(max-width:900px){.pricing{grid-template-columns:1fr}.pricing-intro{position:static}.price-note{grid-column:1;margin-top:0}}
@media(max-width:580px){.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.price-card.preferred{transform:none}.price-note{flex-direction:column}.saving{position:static;align-self:flex-start;width:max-content;margin-bottom:18px}}