:root{
  --bg:#070e12;--bg2:#09151a;--surface:#0b1318;--surface2:#101a20;--line:#1b2a31;
  --text:#f4f7f7;--muted:#91a0aa;--green:#4dde78;--green2:#a6f0ba;
  --red:#ff3f67;--amber:#ffbd42;--blue:#5b9cff;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(90,150,130,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,150,130,.07) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}
a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}
.nav{height:84px;border-bottom:1px solid #111f25;background:rgba(5,11,14,.88);backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand-icon{width:44px;height:44px;border-radius:14px;background:var(--green);color:#06110a;display:grid;place-items:center;font-size:22px;font-weight:900}
.nav-links{display:flex;gap:42px;margin:auto;color:#8e9ba4;font-size:17px}.nav-links a:hover{color:#fff}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;padding:12px 20px;font-weight:650;transition:.2s;border:1px solid transparent}.btn-green{background:var(--green);color:#06110a}.btn-green:hover{background:#67ee8d;transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#26353c;color:#f2f5f5}.btn-outline:hover{border-color:#53656e;background:#0e181e}.btn-large{padding:16px 30px;font-size:16px}
.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{border-top:1px solid #132128}
.hero{min-height:650px;display:grid;place-items:center;text-align:center;padding:110px 24px 90px;position:relative}.hero:after{content:"";position:absolute;width:850px;height:360px;background:radial-gradient(ellipse,rgba(31,210,92,.13),transparent 68%);top:40px;left:50%;transform:translateX(-50%);pointer-events:none}
.hero-content{position:relative;z-index:1}.eyebrow-pill{display:inline-flex;gap:9px;align-items:center;border:1px solid #1d3238;background:#0b171c;color:#9eb0ba;border-radius:999px;padding:9px 18px;font-size:14px}.eyebrow-pill span{color:var(--green)}
.hero h1{font-size:clamp(52px,7.2vw,96px);line-height:1.02;letter-spacing:-5px;margin:42px auto 28px;max-width:1100px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#effff2,#51df7a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:780px;margin:0 auto;color:#9aa8b1;font-size:21px;line-height:1.55}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:44px}
.stats-card{border:1px solid #1d2b32;background:rgba(10,17,22,.75);border-radius:24px;display:grid;grid-template-columns:repeat(3,1fr);padding:42px 30px;margin-top:-18px;position:relative;z-index:2}.stats-card div{text-align:center}.stats-card div+div{border-left:1px solid #1c2930}.stats-card strong{display:block;font-size:56px;letter-spacing:-2px;color:#b4efc3}.stats-card span{display:block;color:#8f9ca5;letter-spacing:2px;font-size:14px;margin-top:8px}
.problem{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:145px 0}.phone-stage{display:flex;justify-content:center;align-items:center;min-height:470px}.glow{background:radial-gradient(circle,rgba(52,220,104,.13),transparent 65%)}
.phone{width:330px;height:590px;border:11px solid #020608;border-radius:48px;background:#081114;box-shadow:0 0 0 1px #25363d,0 0 65px rgba(56,228,112,.16);overflow:hidden;position:relative}.notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:105px;height:27px;background:#020608;border-radius:0 0 18px 18px;z-index:2}.phone-head{height:76px;background:#202d33;padding:20px 14px 10px;display:flex;align-items:center;gap:9px}.phone-head b{font-size:13px;display:block}.phone-head small{color:#8fa0a7;font-size:8px}.mini-avatar{width:34px;height:34px;border-radius:50%;background:#42ca6a;color:#06120a;display:grid;place-items:center;font-weight:800}
.chat-screen{padding:20px 12px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:82%;padding:12px 13px;border-radius:13px;background:#222c30;font-size:12px;line-height:1.4}.bubble.user-b{align-self:flex-end;background:#007c67}.bubble small{display:block;text-align:right;color:#9fb3b3;font-size:7px;margin-top:4px}.bubble.reply{align-self:flex-start}
.section-tag{font-size:11px;letter-spacing:1.8px;color:var(--green);font-weight:800}.section-copy h2{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:17px 0 32px}.section-copy h2 span{color:#87949e}.issue-list{display:grid;gap:15px}.issue-list article{display:flex;gap:16px;border:1px solid #1c2a31;background:#0a1217;border-radius:16px;padding:19px}.issue-list i{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#29121c;color:#ff3f67;display:grid;place-items:center;font-style:normal;font-size:20px}.issue-list b{font-size:15px}.issue-list p{color:#83949e;font-size:13px;margin:5px 0 0;line-height:1.5}
.how{padding:120px 0 145px}.center-heading{text-align:center}.center-heading h2{font-size:42px;letter-spacing:-1.5px;margin:13px 0 32px}.tabs{width:430px;max-width:90%;margin:auto;background:#111b20;padding:4px;border-radius:9px;display:grid;grid-template-columns:repeat(3,1fr)}.tab{border:0;background:transparent;color:#81909a;padding:10px 6px;border-radius:7px;font-size:11px}.tab.active{background:var(--green);color:#06110a}.step-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:510px}.step-copy{max-width:420px;margin:auto}.step-copy h3{font-size:28px;margin-bottom:14px}.step-copy p{color:#8fa0a9;line-height:1.7;font-size:14px}
.phone-small{width:220px;height:405px;border-radius:34px;border-width:8px}.phone-small .phone-head{height:58px;padding:14px 10px 7px}.phone-small .mini-avatar{width:25px;height:25px;font-size:9px}.phone-small .phone-head b{font-size:9px}.phone-small .phone-head small{font-size:6px}.flow-card{margin:12px 9px;border:1px solid #33444a;border-radius:14px;background:#1a2429;padding:12px}.flow-card .flow-label{color:var(--green);font-size:6px;display:block;margin-bottom:7px}.flow-card>b{font-size:10px}.field{background:#0c1519;border-radius:7px;padding:8px;margin-top:8px;font-size:7px;color:#cbd5d8}.flow-card button{width:100%;border:0;background:var(--green);color:#06110a;border-radius:7px;padding:8px;margin-top:9px;font-size:7px;font-weight:800}
.priority{padding:125px 0;border-top:1px solid #132128}.narrow{max-width:650px;margin:auto}.narrow h2{font-size:42px;line-height:1.08}.narrow h2 span{color:#a8efba}.narrow p{color:#81919b;font-size:13px;line-height:1.6}.priority-demo{margin:55px auto 0;display:flex;flex-direction:column;align-items:center}.phone-tiny{width:200px;height:360px;border-radius:32px;border-width:8px}.lead-list>div{padding:10px 11px;border-bottom:1px solid #17252a}.lead-list b{font-size:8px;display:block}.lead-list small{display:block;color:#8b9aa2;font-size:6px;margin:3px 0}.lead-list label{font-size:6px}.qualified{color:#4dde78}.review{color:#ffbd42}.incomplete{color:#5b9cff}.bad{color:#ff3f67}.labels{width:450px;max-width:90%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.labels>div{border:1px solid #7c8a91;border-radius:10px;padding:10px;display:grid;grid-template-columns:22px 1fr;align-items:center}.labels i{grid-row:span 2;width:16px;height:16px;border-radius:4px;display:grid;place-items:center;font-style:normal;font-size:10px}.labels b{font-size:9px}.labels small{font-size:7px;color:#7e8c95}.green{color:#4dde78;background:#163123}.amber{color:#ffbd42;background:#302612}.blue{color:#5b9cff;background:#132442}.red{color:#ff3f67;background:#31151d}
.insights{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:130px 0}.insight-copy h2{font-size:46px;line-height:1.08;letter-spacing:-2px}.insight-copy h2 span{color:#9beab0}.insight-copy p{color:#87969f;line-height:1.7;max-width:480px}.report-bubble{margin:10px;background:#273237;border-radius:10px;padding:9px;font-size:8px;line-height:1.5}.report-bubble p{color:#c4ced2;margin:7px 0}.report-phone{height:440px;width:230px}
.pricing{padding:120px 0 65px;border-top:1px solid #132128}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.price-card{border:1px solid #1c2b32;border-radius:14px;padding:25px 20px;background:#0a1217;position:relative}.price-card h3{font-size:14px;margin:0 0 3px}.price-card>small{color:#87959e;font-size:8px}.price{font-size:34px;font-weight:800;margin:25px 0}.price sup{font-size:9px;font-weight:500;color:#b2bec4;margin-right:3px}.price em{font-size:8px;font-style:normal;color:#8b999f;font-weight:500}.price-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:9px;color:#9eabb2;font-size:9px}.price-card li:before{content:"✓";color:var(--green);margin-right:8px}.price-card .btn{width:100%;font-size:9px;padding:9px}.popular{border-color:#35c96a;box-shadow:0 0 35px rgba(47,210,101,.09)}.popular-badge{position:absolute;top:-7px;right:25px;background:var(--green);color:#06110a;border-radius:999px;padding:3px 8px;font-size:7px;font-weight:800}.pricing-note{text-align:center;color:#72818a;font-size:8px;margin-top:15px}
.mini-stats{border-top:1px solid #17262d;border-bottom:1px solid #17262d;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;margin-top:45px}.mini-stats div{text-align:center}.mini-stats strong{display:block;color:#a8efba;font-size:22px}.mini-stats span{display:block;color:#74848d;font-size:6px;letter-spacing:1px;margin-top:6px}
.cta{margin-top:75px;margin-bottom:48px;border:1px solid #287d4c;border-radius:15px;text-align:center;padding:70px 20px;background:radial-gradient(circle at 50% 0,rgba(51,207,99,.14),transparent 60%),#0a151a;box-shadow:0 0 50px rgba(50,210,101,.07)}.cta h2{font-size:38px;line-height:1.12;margin:12px 0}.cta h2 span{color:#a8efba}.cta p{color:#83929a;font-size:10px;margin-bottom:25px}
.footer{border-top:1px solid #15232a;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;color:#78868f;font-size:9px}.footer .brand{font-size:10px}.footer .brand-icon{width:18px;height:18px;border-radius:5px;font-size:9px}.footer a{margin-left:18px}
@media(max-width:900px){.nav{padding:0 18px}.nav-links{display:none}.nav>.btn{display:none}.mobile-menu{display:block;margin-left:auto}.hero h1{letter-spacing:-3px}.problem,.insights,.step-content{grid-template-columns:1fr;gap:35px}.problem{padding:95px 0}.section-copy{order:-1}.phone-stage{min-height:420px}.step-copy{text-align:center}.pricing-grid{grid-template-columns:1fr;max-width:450px}.mini-stats{grid-template-columns:1fr 1fr;gap:25px}.footer{flex-wrap:wrap;gap:20px}}
@media(max-width:560px){.wrap{width:min(100% - 28px,var(--max))}.hero{padding:85px 14px 70px;min-height:590px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.stats-card{grid-template-columns:1fr;padding:20px;gap:25px}.stats-card div+div{border-left:0;border-top:1px solid #1c2930;padding-top:25px}.stats-card strong{font-size:40px}.section-copy h2,.insight-copy h2,.center-heading h2,.narrow h2{font-size:34px}.labels{grid-template-columns:1fr}.cta h2{font-size:30px}.footer{padding:22px 16px;display:grid;justify-content:center;text-align:center}}
