:root{--blue:#027fe3;--ui:#0d6efd;--yellow:#fedd08;--navy:#2f516b;--ink:#172531;--muted:#6f7c86;--pale:#f4f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 64px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:10;background:#ffffffdf;backdrop-filter:blur(18px);border-bottom:1px solid #e9eef1}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--navy);font-size:16px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:4px;text-align:center;margin-top:-2px}.brand-mark{width:32px;height:38px;display:block;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:100% 0 100% 0;transform:rotate(-26deg)}.brand-mark:before{background:var(--blue);width:12px;height:28px;left:4px;top:5px}.brand-mark:after{background:var(--yellow);width:12px;height:25px;left:14px;top:9px;transform:rotate(28deg)}.brand-mark i{position:absolute;width:2px;height:32px;background:var(--navy);left:15px;top:6px;z-index:2;transform:rotate(4deg)}.brand-mark b{position:absolute;width:20px;height:2px;background:var(--navy);left:8px;bottom:1px;transform:rotate(-18deg)}.nav-links{display:flex;gap:34px;font-size:13px;color:#596873;font-weight:600}.nav-links a:hover,.text-link:hover{color:var(--blue)}.nav-cta{font-size:13px;font-weight:800;color:var(--blue)}.nav-cta span{font-size:18px;margin-left:7px}.menu{display:none;background:none;border:0;font-size:23px;color:var(--navy)}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:55px;padding-bottom:55px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--blue)}.eyebrow span{display:inline-block;width:8px;height:8px;background:var(--yellow);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-4px;margin:24px 0}.hero h1 em,.intro h2 em,.dashboard-head em,.features h2 em,.quote em,.contact h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:460px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px}.button{border:0;cursor:pointer;border-radius:4px;padding:16px 22px;font:800 13px Manrope;display:inline-flex;align-items:center;gap:22px}.primary{background:var(--blue);color:white;box-shadow:0 12px 25px #027fe32b}.button span{font-size:18px}.text-link{font-size:13px;font-weight:800;color:var(--blue)}.text-link span{margin-left:9px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:60px;color:#89939a;font-size:11px;line-height:1.5}.hero-proof strong{color:var(--navy)}.avatars{display:flex}.avatars i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin-right:-6px;border:2px solid white;color:white;font-size:9px;background:var(--navy)}.avatars i:nth-child(2){background:#f6a94b}.avatars i:nth-child(3){background:#6da88d}.avatars i:nth-child(4){background:var(--blue)}.hero-art{height:550px;position:relative;overflow:hidden;background:linear-gradient(145deg,#eaf6ff 0,#fff 55%);border-radius:48% 0 48% 0}.glow{position:absolute;width:400px;height:400px;background:#dff2ff;border-radius:50%;top:70px;left:90px}.sun{position:absolute;width:160px;height:160px;background:var(--yellow);border-radius:50%;top:75px;right:60px;opacity:.8}.soil{position:absolute;background:#2f516b;height:75px;width:570px;bottom:0;left:-20px;border-radius:50% 50% 0 0/40% 40% 0 0;transform:rotate(-5deg)}.plant{position:absolute;bottom:52px;z-index:2;width:150px;height:390px}.plant:before{content:"";position:absolute;width:8px;height:330px;background:var(--navy);bottom:0;left:70px;border-radius:8px;transform:rotate(-5deg)}.plant span,.plant b{position:absolute;width:86px;height:150px;border-radius:100% 0 100% 0;background:var(--blue)}.plant span{top:105px;left:3px;transform:rotate(30deg)}.plant b{top:35px;right:-5px;background:var(--yellow);transform:rotate(115deg)}.plant-back{left:125px;transform:scale(.78);transform-origin:bottom}.plant-front{left:280px;transform:scale(1.12);transform-origin:bottom}.coin{position:absolute;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#ffe879;border:3px solid #d7b900;color:#7b6900;z-index:4}.coin-one{width:52px;height:52px;top:125px;left:65px;transform:rotate(-18deg)}.coin-two{width:38px;height:38px;top:190px;right:42px;background:#fff;border-color:var(--blue);color:var(--blue)}.hero-card,.hero-note{position:absolute;background:#fff;border:1px solid #e6edf1;border-radius:9px;box-shadow:0 16px 35px #0e4c6d1a;z-index:5}.hero-card{top:188px;right:28px;width:190px;padding:16px}.card-top{display:flex;justify-content:space-between;color:var(--blue);font-size:10px;font-weight:800}.dots{color:#a3adb3}.hero-card p{color:#7a8790;font-size:10px;line-height:1.5}.hero-card p strong{font-size:27px;color:var(--ink);display:block}.bars{display:flex;align-items:end;height:38px;gap:5px}.bars i{width:16px;background:#bde5ff;border-radius:3px 3px 0 0}.bars i:nth-child(2){height:65%}.bars i:nth-child(3){height:90%;background:var(--blue)}.bars i:nth-child(4){height:52%}.bars i:nth-child(5){height:80%;background:var(--yellow)}.bars i:nth-child(6){height:62%}.bars i:nth-child(7){height:100%;background:var(--navy)}.hero-note{padding:10px 13px;left:25px;top:280px}.hero-note strong{display:block;color:var(--blue);font-size:16px}.hero-note small{color:#7c8991;font-size:9px}.note-two{top:auto;left:auto;right:18px;bottom:100px}.ticker{background:var(--navy);color:#fff;overflow:hidden}.ticker-track{white-space:nowrap;display:flex;gap:35px;justify-content:center;align-items:center;min-height:72px;font-size:13px;letter-spacing:2px;font-weight:700}.ticker b{color:var(--yellow);font-size:20px}.intro{padding:120px 0}.intro-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:100px;align-items:end}.section-kicker{margin-bottom:28px}.intro h2,.dashboard-head h2,.features h2,.contact h2{font-size:clamp(35px,4.5vw,62px);line-height:1.08;letter-spacing:-2.5px;margin:0}.intro-grid p,.dashboard-head p,.contact p{color:var(--muted);line-height:1.8;font-size:15px;margin:0 0 25px}.dark{color:var(--navy)}.dashboard-section{background:var(--blue);color:#fff;padding:100px 0 115px;position:relative;overflow:hidden}.dashboard-section:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff2b;border-radius:50%;right:-120px;top:-190px}.light{color:var(--yellow)}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:60px}.dashboard-head p{color:#d7efff;max-width:310px}.dashboard-head h2 em{color:var(--yellow)}.dashboard{display:grid;grid-template-columns:145px 1fr;background:#e8edf0;border-radius:12px;overflow:hidden;color:var(--ink);box-shadow:0 25px 60px #004a872b;min-height:370px}.dashboard aside{background:#fff;padding:22px 12px}.dash-logo{color:var(--navy);font-size:11px;font-weight:800;display:block;margin-bottom:38px}.dash-logo:first-letter{color:var(--yellow);font-size:18px}.side-item{display:flex;gap:9px;align-items:center;font-size:9px;color:#71808a;padding:11px 8px;margin:3px 0;border-radius:4px}.side-item.active{background:var(--ui);color:#fff}.dash-main{padding:20px}.dash-bar{display:flex;justify-content:space-between;font-size:14px;font-weight:800}.user{font-size:9px;color:#87939b}.dash-filter{display:flex;gap:14px;align-items:end;margin:22px 0}.dash-filter span{font-size:8px;color:#77838a}.dash-filter b{display:inline-block;background:white;border:1px solid #ccd4d9;padding:8px 32px 8px 10px;font-size:9px;color:#9aa3aa;font-weight:500;margin-top:5px}.dash-filter button{border:0;background:var(--ui);color:#fff;padding:9px 28px;font-size:9px;border-radius:3px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:#fff;border:1px solid #dfe4e7;border-radius:5px;padding:14px;min-height:72px}.metric small{display:block;font-size:9px;color:#5d6c76}.metric strong{display:block;font-size:20px;margin:4px 0}.metric span{font-size:9px;color:#15a879}.metric.chart{grid-row:span 2}.chartline{height:53px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #d8e5ea}.chartline i{width:17%;height:32%;background:var(--blue);border-radius:4px 4px 0 0}.chartline i:nth-child(2){height:50%}.chartline i:nth-child(3){height:38%;background:#76c2f6}.chartline i:nth-child(4){height:72%}.chartline i:nth-child(5){height:55%;background:var(--yellow)}.chartline i:nth-child(6){height:82%}.chartline i:nth-child(7){height:100%;background:var(--navy)}.features{padding:120px 0}.features h2{margin-bottom:65px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-grid article{border-top:1px solid #dce4e8;padding:30px 15px 15px 0}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;font-size:25px;margin-bottom:30px}.feature-icon.yellow{background:#fff5b4;color:#917d00}.feature-icon.blue{background:#dff1ff;color:var(--blue)}.feature-icon.navy{background:#e8eff3;color:var(--navy)}article h3{font-size:20px;margin:0 0 14px}article p{color:var(--muted);line-height:1.7;font-size:14px;min-height:72px}article a{font-size:12px;font-weight:800;color:var(--blue)}.quote{background:var(--pale);padding:115px 0}.quote-inner{display:grid;grid-template-columns:100px 1fr 1fr;gap:25px;align-items:start}.quote-mark{font-size:120px;color:var(--yellow);line-height:.6}.quote blockquote{font-size:clamp(38px,5vw,72px);font-weight:800;letter-spacing:-3px;line-height:1.05;margin:0}.quote-side{padding-top:50px;max-width:320px}.quote-side p{font-size:16px;line-height:1.7;color:var(--muted)}.quote-side span{font-size:12px;font-weight:800;color:var(--navy)}.contact{margin-top:100px;margin-bottom:100px;background:var(--navy);border-radius:12px;color:#fff;padding:70px 80px;display:grid;grid-template-columns:1fr .8fr;gap:90px}.contact h2 em{color:var(--yellow)}.contact p{color:#c4d4dd;max-width:370px}.contact form{display:flex;flex-direction:column;gap:16px}.contact label{font-size:11px;color:#d8e7ee;font-weight:700}.contact input{display:block;width:100%;border:1px solid #ffffff3b;background:#ffffff12;color:white;border-radius:3px;padding:14px;margin-top:7px;font:13px Manrope}.contact input::placeholder{color:#b8c6ce}.yellow-btn{background:var(--yellow);color:var(--navy);margin-top:8px;justify-content:space-between}.success{text-align:center;padding:30px 0}.success span{display:grid;place-items:center;background:var(--yellow);color:var(--navy);width:52px;height:52px;border-radius:50%;margin:0 auto 18px;font-size:25px}.success h3{margin:0 0 8px}.success p{font-size:13px!important;margin:0!important}footer{background:#172531;color:#afbec6;padding:28px 0;font-size:11px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.inverse{color:#fff}.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.18s}section h2,article{opacity:0;transform:translateY(20px);transition:.7s ease}section h2.visible,article.visible{opacity:1;transform:none}
@media(max-width:800px){.container{width:min(100% - 36px,560px)}.nav-links{display:none;position:absolute;top:70px;left:18px;right:18px;background:#fff;padding:18px;box-shadow:0 12px 25px #1232;flex-direction:column;gap:18px}.nav-links.open{display:flex}.nav-cta{display:none}.menu{display:block}.hero{display:flex;flex-direction:column;padding-top:60px;gap:30px}.hero-copy{width:100%}.hero h1{font-size:56px}.hero-art{width:100%;height:430px}.plant-front{left:220px}.plant-back{left:75px}.hero-card{right:18px}.intro{padding:80px 0}.intro-grid{grid-template-columns:1fr;gap:24px}.dashboard-section{padding:75px 0}.dashboard-head{display:block;margin-bottom:35px}.dashboard-head p{margin-top:22px}.dashboard{grid-template-columns:1fr}.dashboard aside{display:none}.dash-filter{overflow:auto}.metric-grid{grid-template-columns:1fr}.metric.chart{grid-row:auto}.features{padding:80px 0}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid article{padding:25px 0}.quote{padding:80px 0}.quote-inner{grid-template-columns:1fr;gap:10px}.quote-mark{font-size:80px}.quote-side{padding-top:20px}.contact{margin:55px 18px;padding:42px 28px;grid-template-columns:1fr;gap:35px}.footer-inner{flex-direction:column;gap:18px}.ticker-track{justify-content:flex-start;min-width:900px}}
