:root{
  --ink:#121714;
  --muted:#6d746f;
  --paper:#f8faf7;
  --white:#fff;
  --line:#e3e8e3;
  --mint:#bff3d2;
  --mint-2:#dff8e8;
  --lav:#d9d5ff;
  --soft:#f0f4f0;
  --dark:#121814;
  --radius:28px;
  --container:min(1180px, calc(100% - 48px));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:var(--container);margin-inline:auto}
.section{position:relative;padding:120px 0}
.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}

.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:40;padding:18px 0}
.nav{height:64px;padding:0 10px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 12px 40px rgba(35,55,44,.06)}
.logo{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.06em;font-size:18px;display:flex;align-items:center;gap:8px}
.logo-dot{color:#58b77a}
.logo-mark{display:flex;align-items:end;gap:2px;width:21px;height:19px}
.logo-mark i{width:5px;background:var(--ink);border-radius:4px}
.logo-mark i:nth-child(1){height:9px}.logo-mark i:nth-child(2){height:15px}.logo-mark i:nth-child(3){height:19px}
.nav-links{display:flex;gap:34px;color:#59605c;font-size:13px}
.nav-links a{transition:.25s}.nav-links a:hover{color:var(--ink)}
.nav-cta{display:flex;gap:14px;align-items:center;background:var(--ink);color:#fff;padding:12px 17px;border-radius:14px;font-size:13px;font-weight:600}
.nav-cta span{font-size:16px}
.menu-btn{display:none;border:0;background:none}

.hero{min-height:930px;padding-top:170px;overflow:hidden;background:linear-gradient(140deg,#eff9f1 0%,#dff9eb 40%,#f8fbf7 75%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.orb-a{width:550px;height:550px;background:radial-gradient(circle,#baf0d0 0%,rgba(186,240,208,0) 68%);right:-100px;top:100px}
.orb-b{width:450px;height:450px;background:radial-gradient(circle,#d6d0ff 0%,rgba(214,208,255,0) 70%);left:-160px;bottom:20px;opacity:.55}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700;color:#66706a}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#56bb7a;box-shadow:0 0 0 5px rgba(86,187,122,.13)}
.hero-title{font:800 clamp(56px,6.5vw,94px)/.9 Manrope,sans-serif;letter-spacing:-.075em;margin:26px 0 30px}
.hero-title .line{display:block}
.hero-title em,.section-head em,.process-copy em,.results-heading em,.faq h2 em,.contact-box em{font-style:normal;color:#65b982}
.hero-text{max-width:510px;color:#65706a;font-size:16px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.btn{display:inline-flex;align-items:center;gap:28px;padding:15px 18px;border-radius:14px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(15,25,19,.12)}
.btn-dark{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:8px}
.hero-proof{display:flex;align-items:center;gap:13px;margin-top:45px}
.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#78807b;margin-top:3px}
.avatars{display:flex}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 10px Manrope;border:2px solid #eff9f1;margin-left:-7px}.avatar:first-child{margin-left:0}.avatar-1{background:#a7c7ae}.avatar-2{background:#8b91be}.avatar-3{background:#d79d7d}

.hero-visual{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}
.visual-glow{position:absolute;width:90%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(173,244,205,.75),transparent 65%);filter:blur(18px)}
.browser-card{position:relative;width:min(620px,100%);border-radius:25px;background:#fff;padding:8px;box-shadow:0 35px 80px rgba(44,77,59,.17);transform:perspective(1300px) rotateY(-6deg) rotateX(3deg)}
.browser-top{height:36px;display:flex;align-items:center;gap:14px;padding:0 11px;color:#89918c;font-size:8px}
.browser-dots{display:flex;gap:4px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#d8ded9}
.browser-address{flex:1;text-align:center}
.browser-pill{font-size:7px;padding:4px 7px;border-radius:8px;background:#e8f8ed;color:#51a870;font-weight:700}
.dashboard{display:flex;min-height:430px;border-radius:18px;overflow:hidden;background:#f5f7f5}
.dash-side{width:53px;background:#17201b;padding:15px 0;display:flex;flex-direction:column;align-items:center;gap:18px;color:#839088}
.dash-brand{color:#fff;font:800 16px Manrope;margin-bottom:16px}.dash-brand span{color:#70d594}
.dash-nav{font-size:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px}.dash-nav.active{background:#34463b;color:#bff3d2}.dash-spacer{flex:1}
.dash-main{flex:1;padding:24px}
.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small{font-size:7px;color:#9aa29d;letter-spacing:.08em}.dash-heading h3{font:700 17px Manrope;letter-spacing:-.04em;margin-top:4px}.mini-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#d4f3df;font-size:10px;font-weight:700}
.dash-cards{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:18px}.stat-card,.chart-card,.activity-card,.score-card{background:#fff;border:1px solid #e8ece8;border-radius:13px;padding:15px}.stat-card small,.activity-card>small{font-size:7px;color:#9ca39e;letter-spacing:.08em}.stat-card strong{display:block;font:800 25px Manrope;letter-spacing:-.05em;margin-top:8px}.primary-stat{background:#dff7e8}.sparkline{display:flex;align-items:end;gap:4px;height:22px;margin-top:7px}.sparkline span{width:8px;background:#68bd86;border-radius:3px}.sparkline span:nth-child(1){height:6px}.sparkline span:nth-child(2){height:11px}.sparkline span:nth-child(3){height:8px}.sparkline span:nth-child(4){height:16px}.sparkline span:nth-child(5){height:12px}.sparkline span:nth-child(6){height:18px}.sparkline span:nth-child(7){height:21px}
.progress{height:5px;background:#eef0ed;border-radius:8px;margin-top:16px;overflow:hidden}.progress i{display:block;width:74%;height:100%;background:#a79ef0;border-radius:8px}
.chart-card{margin-top:12px;padding-bottom:10px}.chart-head{display:flex;justify-content:space-between;font-size:8px}.chart-head span{color:#9da39e}.chart{height:140px;position:relative;margin-top:7px}.chart .gridline{height:1px;background:#f0f2ef;position:absolute;left:0;right:0}.chart .gridline:nth-child(1){top:25%}.chart .gridline:nth-child(2){top:50%}.chart .gridline:nth-child(3){top:75%}.chart svg{width:100%;height:100%;position:relative}
.dash-bottom{display:grid;grid-template-columns:1fr .42fr;gap:12px;margin-top:12px}.activity-row{display:flex;justify-content:space-between;border-top:1px solid #f0f2ef;padding-top:8px;margin-top:8px;font-size:8px}.activity-row span{color:#65ae7f}.score-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e6dcff}.score-card span,.score-card small{font-size:7px;color:#726c85}.score-card strong{font:800 34px Manrope;letter-spacing:-.06em;margin:4px 0}
.float-card{position:absolute;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);padding:11px 13px;border-radius:14px;box-shadow:0 15px 35px rgba(41,70,52,.13);display:flex;align-items:center;gap:9px;z-index:2}.float-card small,.float-card strong{display:block}.float-card small{font-size:7px;color:#8b938d}.float-card strong{font:800 13px Manrope;margin-top:2px}.float-icon{width:27px;height:27px;border-radius:9px;background:#dcf7e6;display:grid;place-items:center;color:#55af73;font-weight:800}.float-card-left{left:-10px;bottom:120px}.float-card-right{right:-10px;top:130px}.float-card-right .float-icon{background:#e8e2ff;color:#8073cf}

.brand-strip{border-top:1px solid rgba(110,126,116,.2);margin-top:35px;padding-top:26px;display:flex;align-items:center;gap:35px;color:#8a928d;font-size:10px}.brand-list{display:flex;justify-content:space-between;align-items:center;flex:1;color:#5f6862;font-size:15px;letter-spacing:-.04em}.brand-list span{color:#5a9c70}

.solutions{background:#fbfcfa}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:58px}.section-head h2,.process-copy h2,.results-heading h2,.faq h2,.contact-box h2{font:800 clamp(40px,4.6vw,66px)/.96 Manrope;letter-spacing:-.07em;margin-top:18px}.section-head>p{max-width:390px;color:var(--muted);line-height:1.7;font-size:14px}
.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.feature-card{background:#f2f5f2;border:1px solid #e7ebe7;border-radius:var(--radius);padding:30px;min-height:390px;position:relative;overflow:hidden}.feature-card.large{grid-row:span 2;min-height:796px;background:linear-gradient(145deg,#e8f8ed,#f1f4f1 62%)}.feature-card.wide{grid-column:span 2;min-height:370px;display:flex;justify-content:space-between;background:#f0f0fa}
.card-icon{width:42px;height:42px;border-radius:13px;background:#dff6e8;display:grid;place-items:center;color:#5eb77b;margin-bottom:48px}.card-icon.green{background:#dff6e8}.card-icon.purple{background:#e7e2ff;color:#8378c9}
.feature-card>span,.wide-content>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7c847e;font-weight:700}.feature-card h3{font:700 28px/1.08 Manrope;letter-spacing:-.055em;max-width:430px;margin:10px 0 14px}.feature-card p{color:#707972;font-size:13px;line-height:1.7;max-width:430px}.feature-card a{display:inline-block;margin-top:28px;font-size:12px;font-weight:700}.feature-card a span{margin-left:12px}.code-window{position:absolute;left:30px;right:30px;bottom:30px;height:235px;border-radius:18px;background:#17201b;color:#dcefe2;overflow:hidden;box-shadow:0 25px 45px rgba(35,53,42,.14);transform:rotate(-2deg)}.code-bar{height:35px;background:#202b24;padding:0 13px;display:flex;align-items:center;gap:4px}.code-bar i{width:6px;height:6px;border-radius:50%;background:#66726b}.code-window pre{padding:26px;font:12px/2 "DM Sans";color:#a9c3b0}.code-window code span{color:#b9aef6}.code-window code b{color:#8ee2a8}
.mini-metric{position:absolute;bottom:28px;left:30px;display:flex;align-items:baseline;gap:10px}.mini-metric strong{font:800 31px Manrope;letter-spacing:-.05em}.mini-metric span{font-size:10px;color:#7b837d}.security-bars{position:absolute;bottom:35px;left:30px;right:30px;display:flex;gap:7px}.security-bars i{height:10px;flex:1;border-radius:8px;background:#e2dff8}.security-bars i:nth-child(-n+4){background:#9d92df}
.wide-content{padding-top:8px}.wide-content h3{font:800 40px/1 Manrope;letter-spacing:-.065em;margin:17px 0}.wide-content p{font-size:13px;color:#727974;max-width:350px;line-height:1.7}.phone-stack{position:relative;width:360px;height:290px;margin-right:55px}.phone{position:absolute;width:145px;height:270px;border-radius:25px;background:#fff;box-shadow:0 25px 45px rgba(68,66,100,.14);border:5px solid #e8e7ef}.phone-back{right:15px;top:0;transform:rotate(12deg);opacity:.6}.phone-front{right:80px;top:20px;transform:rotate(-5deg);padding:25px 14px;background:#17201b;color:#fff}.phone-notch{width:55px;height:10px;border-radius:0 0 10px 10px;background:#0c100e;margin:-20px auto 40px}.phone-line{height:5px;width:30px;background:#70d594;border-radius:5px}.phone-title{font:500 17px/1.08 Manrope;letter-spacing:-.06em;margin-top:42px}.phone-title b{color:#bdf0cf}.phone-button{height:28px;border-radius:10px;background:#bff3d2;margin-top:40px}

.process{background:#edf5ef}.process-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.process-copy p{color:#6f7972;line-height:1.75;font-size:14px;max-width:390px;margin:25px 0 30px}.steps{border-top:1px solid #cfd8d1}.step{display:grid;grid-template-columns:60px 1fr 30px;gap:20px;align-items:start;padding:27px 0;border-bottom:1px solid #cfd8d1;transition:.3s}.step-num{font:700 11px Manrope;color:#8d968f;padding-top:5px}.step h3{font:700 21px Manrope;letter-spacing:-.04em}.step p{font-size:12px;color:#778079;line-height:1.7;max-width:560px;margin-top:7px}.step-arrow{opacity:.35;transition:.3s}.step:hover,.step.active{padding-left:10px}.step:hover .step-arrow,.step.active .step-arrow{opacity:1;color:#54ae73}

.results{background:#fff}.results-box{background:#17201b;color:#fff;border-radius:34px;padding:60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;overflow:hidden;position:relative}.results-box:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(117,215,151,.18),transparent 65%);right:-130px;top:-150px}.results-heading .section-kicker{color:#98a59d}.results-heading h2{position:relative;z-index:1}.results-heading em{color:#9be4b5}.metrics{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1}.metric{padding:8px 0 28px;border-bottom:1px solid #39453e}.metric:nth-child(odd){margin-right:28px}.metric:nth-child(even){padding-left:28px;border-left:1px solid #39453e}.metric:nth-child(n+3){padding-top:28px;border-bottom:0}.metric strong{font:800 clamp(38px,4vw,58px) Manrope;letter-spacing:-.07em;display:block}.metric span{font-size:10px;color:#98a39c;text-transform:uppercase;letter-spacing:.1em}

.testimonial{background:#fff;padding-top:30px}.testimonial-inner{max-width:950px;text-align:center}.quote-mark{font:800 70px Manrope;color:#b8ebca;display:block;height:45px}.testimonial blockquote{font:600 clamp(26px,3.1vw,44px)/1.25 Manrope;letter-spacing:-.055em}.quote-person{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px}.person-avatar{width:35px;height:35px;border-radius:50%;background:#d9d2ff;display:grid;place-items:center;font-weight:700}.quote-person strong,.quote-person span{display:block;text-align:left}.quote-person strong{font-size:11px}.quote-person span{font-size:10px;color:#7f8781;margin-top:3px}

.faq{background:#f4f7f4}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-list{border-top:1px solid #cfd7d1}.faq details{border-bottom:1px solid #cfd7d1;padding:21px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font:600 15px Manrope;letter-spacing:-.03em}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400;color:#7b857e;transition:.3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#737c76;line-height:1.7;font-size:12px;max-width:650px;padding-top:14px}

.contact{padding-bottom:90px;background:#f4f7f4}.contact-box{background:linear-gradient(130deg,#d8f7e3,#bdeed0);border-radius:35px;text-align:center;padding:95px 25px;position:relative;overflow:hidden}.contact-orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.65),transparent 67%);left:50%;top:50%;transform:translate(-50%,-50%)}.contact-box>*{position:relative;z-index:1}.contact-box h2{font-size:clamp(44px,5vw,70px)}.contact-box p{max-width:500px;margin:22px auto 28px;color:#637169;font-size:14px;line-height:1.7}

.footer{background:#17201b;color:#8e9991;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:10px}.footer .logo{color:#fff;font-size:16px}.footer a:hover{color:#fff}

.reveal-up{opacity:0;transform:translateY(25px)}.reveal-scale{opacity:0;transform:scale(.94)}.reveal-card{opacity:0;transform:translateY(40px)}

@media(max-width:950px){
  :root{--container:min(100% - 34px,700px)}
  .nav-links{display:none}.nav-cta{display:none}.menu-btn{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-btn span{width:22px;height:2px;background:var(--ink);display:block}
  .hero{padding-top:145px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-text{margin-inline:auto}.hero-visual{min-height:490px}.browser-card{transform:none}.brand-strip{flex-direction:column;align-items:flex-start}.brand-list{width:100%;flex-wrap:wrap;gap:22px}
  .feature-grid{grid-template-columns:1fr}.feature-card.large{grid-row:auto;min-height:650px}.feature-card.wide{grid-column:auto}.process-grid,.faq-grid,.results-box{grid-template-columns:1fr;gap:45px}.results-box{padding:45px}.phone-stack{margin-right:0}.section-head{align-items:start;flex-direction:column}
}
@media(max-width:620px){
  .section{padding:85px 0}.hero-title{font-size:52px}.hero-actions{flex-direction:column;gap:18px}.hero-visual{min-height:400px}.browser-card{padding:5px;border-radius:18px}.dashboard{min-height:340px}.dash-main{padding:14px}.dash-side{width:39px}.dash-nav{width:26px;height:26px}.dash-cards{gap:7px}.stat-card,.chart-card{padding:10px}.stat-card strong{font-size:18px}.chart{height:105px}.float-card{transform:scale(.8)}.float-card-left{left:-28px}.float-card-right{right:-28px}
  .feature-card{padding:23px;min-height:360px}.feature-card.large{min-height:610px}.code-window{left:23px;right:23px;bottom:23px}.wide-content h3{font-size:32px}.feature-card.wide{min-height:600px;display:block}.phone-stack{margin-top:30px;margin-left:auto}
  .results-box{padding:35px 25px}.metrics{grid-template-columns:1fr}.metric,.metric:nth-child(even),.metric:nth-child(odd){margin:0;padding:22px 0!important;border-left:0;border-bottom:1px solid #39453e}.metric:last-child{border-bottom:0}.contact-box{padding:70px 20px}
  .footer-inner{flex-direction:column;gap:15px;text-align:center}
}