@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#102d36;--muted:#687b80;--brand:#0c615c;--mint:#19a88b;--cream:#f4f1e9;--line:#dce5e3;--orange:#f0804c;--white:#fff;--shadow:0 24px 70px rgba(16,45,54,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcfa;color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}h1,h2,h3,b,strong{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:18px 5vw;background:rgba(251,252,250,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,227,.8)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font-size:19px}.brand small{color:var(--muted);font-size:10px;letter-spacing:.04em}.site-header nav{display:flex;align-items:center;gap:28px;font-weight:600}.site-header nav>a:not(.button):hover{color:var(--mint)}.nav-login{border-left:1px solid var(--line);padding-left:28px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--brand);color:white;border:0;border-radius:11px;padding:15px 23px;font:700 14px Manrope;cursor:pointer;box-shadow:0 10px 25px rgba(12,97,92,.2);transition:.25s}.button:hover{background:#084c49;transform:translateY(-2px)}.button.small{padding:11px 18px}.button.light{background:#fff;color:var(--ink)}.button.outline{background:transparent;color:var(--brand);border:1px solid var(--brand);box-shadow:none}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:700 11px Manrope;color:var(--mint)}em{font-style:normal;color:var(--mint)}.hero{max-width:1380px;margin:auto;min-height:680px;padding:90px 5vw 80px;display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center;background:radial-gradient(circle at 90% 20%,#e1f5ef 0,transparent 36%)}.hero h1{font-size:clamp(50px,5.8vw,82px);line-height:1.03;letter-spacing:-.055em;margin:20px 0}.hero-copy>p{max-width:590px;font-size:19px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin:33px 0}.text-link{font-weight:700}.trust-row{display:flex;gap:24px;color:#54706f;font-size:13px}.product-scene{background:#143d46;border-radius:25px;padding:14px;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);box-shadow:0 42px 90px rgba(16,45,54,.25);color:white}.scene-top{height:48px;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:12px}.scene-top i{width:9px;height:9px;background:var(--orange);border-radius:50%}.scene-top b{margin-left:auto;font-size:10px;color:#7be6c5}.scene-body{height:470px;display:flex;background:#f1f5f3;border-radius:17px;overflow:hidden;color:var(--ink)}.scene-body aside{width:62px;background:#0c2e35;display:flex;align-items:center;flex-direction:column;gap:24px;padding:18px 0}.scene-body aside strong{display:grid;place-items:center;background:var(--mint);border-radius:10px;width:35px;height:35px;color:#fff}.scene-body aside i{width:21px;height:8px;background:#547177;border-radius:5px}.scene-main{padding:25px;flex:1;min-width:0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-row article,.chart-card,.orders{background:white;border:1px solid #e0e8e5;border-radius:13px;padding:17px}.metric-row small,.chart-card small{display:block;color:#78908e;font-size:10px}.metric-row b{display:block;font-size:19px;margin:6px 0}.metric-row span{font-size:9px;color:#0d977a}.metric-row .amber{color:#dc7644}.chart-card{margin-top:15px;height:230px}.chart-card>div{display:flex;justify-content:space-between}.chart-card svg{width:100%;height:170px}.chart-card .area{fill:url(#fill)}.chart-card .line{fill:none;stroke:#18a88e;stroke-width:4}.orders{margin-top:15px;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:10px;gap:8px}.orders i{color:#0d977a}.logo-strip{display:flex;justify-content:center;gap:8vw;padding:24px;background:var(--cream);color:#80908d;font:700 10px Manrope;letter-spacing:.16em}.section{max-width:1320px;margin:auto;padding:110px 5vw}.section-heading{max-width:700px}.section-heading h2,.page-hero h1,.dark-cta h2{font-size:clamp(38px,4vw,59px);line-height:1.1;letter-spacing:-.045em;margin:15px 0}.section-heading p,.page-hero p{font-size:18px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.feature-card{min-height:275px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b9d9d2}.feature-card>span{color:var(--mint);font:700 11px Manrope}.feature-card h3{font-size:21px;margin-top:45px}.feature-card p{color:var(--muted)}.feature-card i{display:block;font-style:normal;font-size:22px;margin-top:24px}.dark-cta{max-width:1240px;margin:30px auto 90px;padding:80px;border-radius:28px;text-align:center;background:#113b43;color:white;box-shadow:var(--shadow)}.dark-cta h2{color:white}.dark-cta p{max-width:650px;margin:0 auto 30px;color:#bad0d1;font-size:17px}.site-footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);padding:55px 5vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer>div{display:flex;flex-direction:column;gap:8px}.site-footer a:not(.brand),.site-footer span{color:var(--muted)}.footer-brand img{width:44px}.page-hero{padding:75px 5vw 35px;text-align:center;max-width:900px;margin:auto}.page-hero.compact h1{margin:12px}.billing-toggle{display:inline-flex;background:#edf3f1;padding:5px;border-radius:12px;margin-top:22px}.billing-toggle button{border:0;padding:11px 18px;border-radius:9px;background:transparent;font-weight:700;color:var(--muted);cursor:pointer}.billing-toggle button.active{background:white;color:var(--brand);box-shadow:0 4px 15px #dce5e3}.billing-toggle small{color:var(--mint)}.pricing-grid{max-width:1220px;margin:35px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 4vw}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--brand);transform:translateY(-10px);box-shadow:var(--shadow)}.popular{position:absolute;top:0;right:25px;transform:translateY(-50%);background:var(--orange);color:white;border-radius:30px;padding:5px 12px;font-size:9px;font-weight:700;letter-spacing:.1em}.plan-code{color:var(--mint);font-weight:700;font-size:11px;letter-spacing:.13em}.price-card h2{font-size:26px;margin:8px 0}.price{display:flex;align-items:baseline;gap:4px;margin:13px 0}.price b{font-size:36px}.price span{color:var(--muted)}.price-card p{color:var(--muted)}.price-card ul{padding:0;list-style:none;flex:1;margin:20px 0}.price-card li{padding:8px 0;border-bottom:1px solid #eef2f1}.price-card li:before{content:'✓';color:var(--mint);margin-right:10px}.pricing-note{text-align:center;margin:35px 0 90px}.pricing-note a{color:var(--brand);text-decoration:underline}.onboarding-shell{max-width:1180px;margin:60px auto 100px;display:grid;grid-template-columns:.78fr 1.22fr;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:white;box-shadow:var(--shadow)}.onboarding-intro{background:#123b44;color:white;padding:52px}.onboarding-intro h1{font-size:39px;line-height:1.1;margin:18px 0}.onboarding-intro>p{color:#b9cfd0}.onboarding-intro ol{list-style:none;padding:30px 0;margin:30px 0;border-top:1px solid #31545b;border-bottom:1px solid #31545b}.onboarding-intro li{display:flex;gap:14px;align-items:center;margin:17px 0;color:#8ca9ab}.onboarding-intro li b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #527078;border-radius:50%}.onboarding-intro li.active{color:white}.onboarding-intro li.active b{background:var(--mint);border-color:var(--mint)}.onboarding-intro aside{display:flex;flex-direction:column;background:#1c4a52;padding:18px;border-radius:13px}.onboarding-intro aside span{color:#abc2c3;font-size:13px}.onboarding-intro aside a{color:#80e0ca;margin-top:8px}.onboarding-form{padding:50px}.form-title{display:flex;gap:17px;align-items:start;margin-bottom:30px}.form-title>span{font:700 12px Manrope;color:var(--mint);padding-top:7px}.form-title h2{margin:0;font-size:27px}.form-title p{margin:3px 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-weight:700;font-size:12px}.form-grid .wide{grid-column:1/-1}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccd9d7;border-radius:10px;background:#fbfcfc;padding:13px 14px;color:var(--ink);font:14px DM Sans;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(25,168,139,.12)}.consent{display:flex;align-items:flex-start;gap:9px;margin:24px 0;color:var(--muted);font-size:13px}.consent input{width:auto;margin:4px 0}.onboarding-form .submit{width:100%}.form-status{margin-bottom:0;color:#b54b42;font-weight:600}.form-status.success{color:var(--mint)}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:82px;left:4vw;right:4vw;background:white;padding:20px;flex-direction:column;box-shadow:var(--shadow);border-radius:15px}.site-header nav.open{display:flex}.menu-toggle{display:block;border:0;background:none;font-size:24px}.hero{grid-template-columns:1fr;padding-top:65px}.product-scene{transform:none}.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.onboarding-shell{margin:30px 4vw;grid-template-columns:1fr}.onboarding-intro ol{display:none}}@media(max-width:620px){.hero h1{font-size:46px}.hero-actions,.trust-row{align-items:flex-start;flex-direction:column}.product-scene{display:none}.feature-grid,.pricing-grid,.site-footer,.form-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.onboarding-form,.onboarding-intro{padding:30px}.form-grid .wide{grid-column:auto}.site-footer{padding-left:7vw}.logo-strip{overflow:hidden;justify-content:flex-start}.scene-body{height:400px}}