:root{--bg:#07090c;--bg2:#0d1117;--panel:#10161d;--panel2:#151b24;--line:#1e2733;--line2:#2a3441;--text:#f7f9fc;--muted:#97a1ae;--green:#41e77a;--green2:#29c95e;--green-soft:#12291a;--blue:#6ea6ff;--radius:22px;--shadow:0 30px 90px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:40;background:rgba(7,9,12,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav__inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand b{color:var(--green)}.brand__mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#0fa84b);color:#041007;font-weight:800}.nav__links{display:flex;gap:28px;color:#c5ccd5;font-size:14px}.nav__links a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;font-weight:700;border:1px solid transparent;transition:transform .25s ease,background .25s ease,border-color .25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn--sm{padding:10px 14px;font-size:13px}.btn--primary{background:var(--green);color:#041007;box-shadow:0 10px 30px rgba(65,231,122,.18)}.btn--outline{background:#0e1319;border-color:#26313d}.btn--ghost{background:rgba(255,255,255,.02);border-color:#26313d}.btn--lg{padding:17px 26px}
.hero{position:relative;overflow:hidden;padding:92px 0 72px}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none}.glow--one{width:500px;height:500px;background:var(--green);right:-160px;top:10px}.glow--two{width:420px;height:420px;background:var(--blue);left:-180px;bottom:-100px}.hero__grid{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:24px;height:1px;background:var(--green)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(48px,6vw,78px);line-height:1.01;letter-spacing:-.055em;margin:18px 0 24px}h1 span,h2 span{color:var(--green)}.hero__copy>p{font-size:19px;color:#b7c0ca;max-width:640px}.hero__actions{display:flex;gap:12px;margin:32px 0}.trust{display:flex;gap:34px;margin-top:38px}.trust div{display:flex;flex-direction:column}.trust strong{font-size:18px}.trust span{font-size:12px;color:var(--muted)}
.hero-stack{position:relative;min-height:560px}.hero-card--main{position:relative;border:1px solid var(--line2);background:linear-gradient(180deg,#111822,#0b1015);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.app-bar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);color:#a9b3be;font-size:11px}.app-bar small{color:var(--green)}.app-bar__dots{display:flex;gap:5px}.app-bar__dots i{width:7px;height:7px;border-radius:50%;background:#495564}.crm-board{display:grid;grid-template-columns:48px 180px 1fr;min-height:420px}.crm-sidebar{border-right:1px solid var(--line);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:22px;color:#687483}.crm-sidebar .active{color:var(--green)}.mini-logo{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--green);color:#061009;font-weight:800}.crm-inbox{border-right:1px solid var(--line);padding:15px 10px}.crm-inbox small{color:#6e7a88;font-size:8px;letter-spacing:.15em}.inbox-item{margin-top:10px;padding:12px;border-radius:12px;background:#121821;border:1px solid transparent}.inbox-item.active{background:#152118;border-color:#23462f}.inbox-item b,.inbox-item span,.inbox-item em{display:block}.inbox-item b{font-size:11px}.inbox-item span{font-size:9px;color:#8d98a5;margin-top:4px}.inbox-item em{font-size:8px;color:#667281;margin-top:7px;font-style:normal}.crm-window{background:#0c1117;display:flex;flex-direction:column}.crm-window__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.crm-window__top b{display:block;font-size:12px}.crm-window__top small{font-size:9px;color:#7e8995}.stage-pill{font-size:10px;font-weight:700;color:#7df1a3;background:#16321e;padding:7px 10px;border-radius:999px}.crm-window__body{padding:18px;display:flex;flex-direction:column;gap:10px}.msg{max-width:78%;font-size:11px;line-height:1.45;padding:10px 12px;border-radius:12px}.msg--in{background:#1a212b;align-self:flex-start}.msg--out{background:#153720;align-self:flex-end}.product-card{align-self:flex-end;width:84%;background:#141b22;border:1px solid #24303b;border-radius:14px;padding:10px;display:flex;gap:10px}.shoe{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#eef0f2;font-size:28px}.product-card b,.product-card span,.product-card strong{display:block}.product-card b{font-size:11px}.product-card span{font-size:9px;color:#81dd9f;margin-top:3px}.product-card strong{font-size:10px;margin-top:6px}.hero-pipeline{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--line);padding:12px;color:#84909c;font-size:9px}.hero-pipeline span{background:#151b22;padding:6px 9px;border-radius:8px}.hero-pipeline__active{background:#17331f !important;color:#80f3a8}.floating-card{position:absolute;border:1px solid #26313d;background:rgba(13,19,25,.96);border-radius:18px;padding:16px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.floating-card--one{left:-26px;top:44px;max-width:170px}.floating-card--two{right:-10px;top:58px;max-width:200px}.floating-card--three{right:28px;bottom:44px;max-width:200px}.metric small{display:block;font-size:10px;letter-spacing:.12em;color:#8894a0;margin-bottom:6px}.metric strong{display:block;font-size:22px;line-height:1.1}.metric span{display:block;margin-top:6px;font-size:11px;color:#96a0ad}
.logos-strip{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#090c10}.logos-strip__inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;color:#7f8995;font-size:12px;font-weight:700}.logos-strip__inner i{width:3px;height:3px;border-radius:50%;background:#3d4854}
.section{padding:110px 0}.section--alt{background:#0a0e13}.section-head{max-width:760px;margin:0 auto 54px;text-align:center}.section-head .eyebrow{justify-content:center}.section-head h2,.split h2,.cta h2{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:16px 0 18px}.section-head p,.lead-copy{color:#9ca7b4;font-size:17px}.grid{display:grid;gap:18px}.cards-6{grid-template-columns:repeat(3,1fr)}.card{padding:27px;background:linear-gradient(180deg,#10151c,#0c1117);border:1px solid #1d2630;border-radius:var(--radius)}.card .icon{width:42px;height:42px;border-radius:12px;background:#13291b;color:var(--green);display:grid;place-items:center;margin-bottom:34px;font-size:20px}.card h3{font-size:18px}.card p{color:#8e99a6;font-size:14px;margin-bottom:0}
.fake-demo{display:grid;grid-template-columns:320px 1fr;gap:22px;background:linear-gradient(180deg,#0e141c,#0a0f14);border:1px solid #1e2833;border-radius:26px;padding:20px}.fake-demo__left{display:grid;gap:18px;align-content:start}.demo-note,.demo-help{padding:18px;border:1px solid #22303b;background:#0e141b;border-radius:18px}.demo-note span,.demo-help small,.insight-card span{display:block;font-size:10px;letter-spacing:.12em;color:#88dba5;margin-bottom:9px}.demo-note h3{font-size:24px;margin-bottom:8px}.demo-note p,.demo-help li,.insight-card p{color:#9ba6b2;font-size:14px}.quick-prompts{display:grid;gap:10px}.quick-prompt{text-align:left;padding:14px 16px;border-radius:14px;border:1px solid #243341;background:#10171f;color:#fff;cursor:pointer;transition:.25s}.quick-prompt:hover{border-color:#2e5e3f;background:#132117;transform:translateY(-1px)}.demo-help ul{margin:0;padding-left:18px}.fake-demo__right{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:18px;align-items:start}.phone{width:min(390px,100%);margin:auto;border:1px solid #303b47;background:#10161d;border-radius:34px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.phone__top{padding:13px 14px;color:#dbe1e7;font-weight:700;font-size:13px}.phone__top span{float:right;color:var(--green);font-size:10px}.phone__body{min-height:520px;background:#0a0f14;border-radius:26px 26px 0 0;padding:30px 18px;display:flex;flex-direction:column;gap:12px;overflow:auto}.demo-placeholder{margin:auto;text-align:center;max-width:240px;color:#a9b3be}.demo-placeholder__icon{width:56px;height:56px;border-radius:16px;background:#13291b;color:var(--green);display:grid;place-items:center;margin:0 auto 14px;font-size:22px}.demo-placeholder h4{margin:0 0 8px;font-size:18px}.demo-placeholder p{margin:0;font-size:13px}.bubble{padding:12px 14px;border-radius:14px;max-width:82%;font-size:13px;line-height:1.45;opacity:0;transform:translateY(10px);animation:fadeUp .35s ease forwards}.bubble.in{align-self:flex-start;background:#1a222c}.bubble.out{align-self:flex-end;background:#17361f}.wa-product{align-self:flex-end;width:88%;display:flex;gap:11px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#171f28,#121821);border:1px solid #2a3541;box-shadow:0 14px 30px rgba(0,0,0,.22);opacity:0;transform:translateY(10px);animation:fadeUp .35s ease forwards}.wa-image{width:72px;height:72px;background:linear-gradient(180deg,#f2f4f6,#d8dde2);border-radius:14px;display:grid;place-items:center;font-size:38px}.wa-product b,.wa-product small,.wa-product strong,.wa-product em{display:block;font-style:normal}.wa-product b{font-size:12px}.wa-product small{font-size:10px;color:#98a2ad;margin-top:2px}.wa-product strong{margin-top:7px;font-size:13px}.wa-product em{margin-top:8px;font-size:10px;color:#7de3a2}.product-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.product-badges span{font-size:9px;padding:5px 7px;border-radius:999px;background:#13271a;color:#88e7aa;border:1px solid #1d4b2f}.typing{align-self:flex-end;background:#13241a;color:#90e8ad;font-size:10px;border-radius:999px;padding:9px 12px;display:flex;gap:4px;min-width:54px;justify-content:center}.typing i{width:6px;height:6px;border-radius:50%;background:#90e8ad;display:block;animation:blink 1s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.fake-input{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border:1px solid #1f2a34;border-top:none;border-radius:0 0 26px 26px;background:#0f151b}.fake-input input{width:100%;border:none;outline:none;border-radius:12px;padding:14px 16px;background:#141c24;color:#fff;font-size:14px}.fake-input input::placeholder{color:#7d8895}.fake-input button{border:none;border-radius:12px;padding:0 18px;font-weight:700;background:var(--green);color:#041007;cursor:pointer}.fake-insights{display:grid;gap:12px}.insight-card{padding:18px;border-radius:18px;border:1px solid #22303b;background:#0e141b}.insight-card strong{display:block;font-size:22px;line-height:1.2;margin-bottom:8px}.insight-card ul{margin:0;padding-left:18px;color:#c3cbd5}.insight-card li{margin:8px 0;font-size:14px}.demo-cta{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:14px;background:var(--green);color:#041007;font-weight:800}.insight-card--cta{background:linear-gradient(180deg,#112118,#0f1813);border-color:#264837}
.split{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.split--reverse{grid-template-columns:.95fr 1fr}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow-x:auto;padding-bottom:8px}.pipe-col{min-width:190px;padding:10px;background:#0d1218;border:1px solid #1d2630;border-radius:16px;min-height:280px}.pipe-col header{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;padding:6px}.pipe-col header span{width:7px;height:7px;border-radius:50%;background:#65707c}.pipe-col header b{margin-left:auto;color:#84909c}.ticket{margin-top:9px;padding:12px;border-radius:11px;background:#151c24;border:1px solid #202a35}.ticket b,.ticket small,.ticket span{display:block}.ticket b{font-size:11px}.ticket small{font-size:9px;color:#8d98a5;margin-top:5px}.ticket span{font-size:8px;color:#707c88;margin-top:10px}.ticket.active{border-color:#2d6840;background:#102117}.ticket.success{background:#11271a}.ticket.success span{color:var(--green)}
.data-card{background:#10161d;border:1px solid #25303a;border-radius:22px;padding:18px}.data-card__head{display:flex;justify-content:space-between;padding:9px 6px 15px;font-size:10px;color:#88939f}.data-card__head b{color:var(--green)}.data-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px;border-top:1px solid #1d2630}.thumb{width:48px;height:48px;border-radius:10px;background:#e8eaed;display:grid;place-items:center;font-size:26px}.data-row b,.data-row span{display:block}.data-row b{font-size:12px}.data-row span{font-size:9px;color:#7f8a97}.data-row strong{font-size:10px;color:#b9c2cb}.sync{text-align:center;margin-top:14px;padding:10px;background:#0c1210;color:#69d990;border-radius:10px;font-size:10px}.checklist{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.checklist li{position:relative;padding-left:26px;color:#b8c1cb}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.handoff{display:grid;grid-template-columns:1fr auto 1.4fr auto 1fr;gap:18px;align-items:center}.handoff__side,.handoff__box{border:1px solid #1e2833;background:#0d1218;border-radius:18px;padding:20px}.handoff__side{display:flex;gap:13px;align-items:center}.avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#25303b;font-size:11px;font-weight:800}.avatar--green{background:#15361f;color:var(--green)}.handoff small{font-size:8px;color:#77828e}.handoff h3{font-size:14px;margin:3px 0}.handoff p{font-size:11px;color:#8f9aa6;margin:0}.handoff__center{color:#4d5966}.handoff__box>span{font-size:9px;color:var(--green);font-weight:800}.handoff__box p{margin:8px 0 12px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags b{font-size:8px;background:#162c1d;color:#75e69b;padding:6px 8px;border-radius:20px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}.compare__col{padding:34px;border-radius:22px;border:1px solid #222c36;background:#0e1319}.compare__col h3{font-size:22px}.compare__col ul{list-style:none;padding:0;margin:22px 0 0}.compare__col li{padding:12px 0;border-top:1px solid #1f2730;color:#a3adb8}.compare__col--before li{color:#7e8995}.compare__col--after{border-color:#285638;background:linear-gradient(180deg,#102119,#0d1511)}.compare__col--after h3,.compare__col--after li{color:#d7fbe2}
.cta{padding:120px 0;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:auto 20% -250px;width:60%;height:450px;background:var(--green);filter:blur(150px);opacity:.1}.cta__inner{position:relative}.cta p{color:#9ca7b4;font-size:17px;max-width:680px;margin:0 auto 28px}
footer{border-top:1px solid #1c242d;padding:28px 0;color:#74808c;font-size:12px}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer__inner p{margin:0}.floating-wa{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:var(--green);color:#061009;display:grid;place-items:center;font-size:26px;font-weight:800;box-shadow:0 12px 30px rgba(65,231,122,.25);z-index:25}.reveal{opacity:0;transform:translateY(20px)}@keyframes blink{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero__grid,.split,.split--reverse{grid-template-columns:1fr;gap:54px}.hero__copy{text-align:center}.hero__copy>p{margin-left:auto;margin-right:auto}.hero__actions,.trust{justify-content:center}.hero-stack{min-height:auto}.floating-card--one{left:10px;top:18px}.floating-card--two{right:10px;top:20px}.floating-card--three{right:30px;bottom:30px}.fake-demo{grid-template-columns:1fr}.fake-demo__right{grid-template-columns:1fr}.handoff{grid-template-columns:1fr}.handoff__center{transform:rotate(90deg);text-align:center}.pipeline{grid-template-columns:repeat(5,230px)}}
@media(max-width:980px){.nav__links{display:none}.cards-6{grid-template-columns:1fr 1fr}.crm-board{grid-template-columns:48px 1fr}.crm-inbox{display:none}.hero-card--main{max-width:760px;margin:auto}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.nav__inner{min-height:66px}.nav .btn{display:none}.hero{padding:58px 0 50px}.hero__grid{gap:38px}h1{font-size:44px}.hero__actions{flex-direction:column}.trust{gap:16px;flex-wrap:wrap}.trust div{min-width:90px}.cards-6{grid-template-columns:1fr}.section{padding:78px 0}.section-head h2,.split h2,.cta h2{font-size:38px}.logos-strip__inner{overflow:auto;gap:20px;justify-content:flex-start;white-space:nowrap}.checklist{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.footer__inner{flex-direction:column;align-items:flex-start}.handoff__side,.handoff__box{padding:16px}.floating-card{position:relative;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;max-width:none}.hero-stack{display:grid;gap:12px}.fake-input{grid-template-columns:1fr}}