@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',system-ui,sans-serif;background:#030712;color:#05070F;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid #3B82F6;outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 5%}
h1,h2,h3,.brandmark{font-family:'Sora',sans-serif}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}*{animation-duration:.001s!important}}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;background:#05070F;color:#fff;padding:14px 24px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}
.btn.accent{background:#3B82F6}.btn.accent:hover{background:#2563EB}
.btn.ghost{background:transparent;border:1.5px solid #1E2536;color:#05070F}
.btn.sm{padding:10px 16px;font-size:13px;border-radius:9px}
.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;transition:padding .25s,background .25s,box-shadow .25s}
.nav.solid{padding:12px 5%;background:#0B1020f2;backdrop-filter:blur(10px);box-shadow:0 1px 0 #1E2536}
.brandmark{font-weight:800;font-size:20px}.brandmark span{color:#3B82F6}
.navlinks{display:flex;gap:28px;font-size:13.5px;font-weight:600;color:#94A3B8}
.navlinks a:hover{color:#05070F}
.navRight{display:flex;align-items:center;gap:14px}
.navTeam{font-size:13px;font-weight:600;color:#94A3B8;border:1px solid #1E2536;padding:9px 14px;border-radius:9px}
.burger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:3px;background:#F8FAFC!important;border-radius:999px;box-shadow:0 0 8px rgba(59,130,246,.75);opacity:1!important}
.mobileMenu{display:none;position:fixed;inset:0;background:#030712;z-index:70;padding:90px 8% 40px;flex-direction:column;gap:22px}
.mobileMenu.open{display:flex}
.mobileMenu a{font-size:20px;font-weight:700}
@media(max-width:860px){.navlinks,.navTeam{display:none}.burger{display:flex}}

.hero{position:relative;padding:150px 5% 90px;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.heroKicker{display:inline-flex;align-items:center;gap:8px;background:#3B82F615;color:#2563EB;font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:20px;margin-bottom:22px}
.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.06;font-weight:800;margin:0 0 20px}
.hero h1 .hl{color:#3B82F6}
.hero p{color:#94A3B8;font-size:17px;line-height:1.65;max-width:520px;margin:0 0 30px}
.heroCtas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.heroTrust{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#94A3B8;font-weight:600}
.pipeline{position:relative;background:#0B1020;border:1px solid #1E2536;border-radius:20px;padding:26px;box-shadow:0 24px 60px #0000001c}
.pipeRow{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:6px}
.pipeNode{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative;z-index:2}
.pipeIcon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:#030712;border:1.5px solid #1E2536;transition:all .4s}
.pipeNode.active .pipeIcon{background:#3B82F6;border-color:#3B82F6;color:#fff;transform:scale(1.12)}
.pipeLabel{font-size:10px;font-weight:700;color:#94A3B8;text-align:center}
.pipeLine{position:absolute;top:23px;left:0;right:0;height:2px;background:#1E2536;z-index:1}
.pipeLineFill{position:absolute;top:0;left:0;height:100%;background:#3B82F6;width:0%;transition:width .6s ease}
.pipeCaption{margin-top:18px;text-align:center;font-size:13px;color:#94A3B8;font-weight:600;min-height:18px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:120px}.pipeRow{flex-wrap:wrap;gap:16px 0}.pipeLine,.pipeLineFill{display:none}}

.sec{padding:100px 0}
.secHead{max-width:640px;margin:0 auto 50px;text-align:center}
.secHead.left{text-align:left;margin:0 0 44px}
.kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#2563EB;font-weight:800;margin-bottom:14px}
.secTitle{font-size:clamp(26px,3.2vw,40px);font-weight:800;margin:0 0 14px}
.secSub{color:#94A3B8;font-size:15.5px;line-height:1.65;margin:0}

.demoBox{background:#05070F;border-radius:22px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;color:#fff}
.demoLeft h3{font-size:22px;margin:0 0 12px}.demoLeft p{color:#C7CBC8;font-size:14.5px;line-height:1.6;margin:0 0 22px}
.demoSteps{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.demoStepDot{font-size:11px;font-weight:700;padding:6px 12px;border-radius:20px;background:#ffffff12;color:#9BA39D}
.demoStepDot.done{background:#E6F7EE;color:#27AE60}
.demoStepDot.now{background:#3B82F6;color:#fff}
.chatMock{background:#0B1020;color:#05070F;border-radius:16px;padding:18px;min-height:300px;display:flex;flex-direction:column;gap:9px;justify-content:flex-end}
.chatMock .bub{padding:10px 13px;border-radius:10px;font-size:13.5px;max-width:85%;opacity:0;transform:translateY(8px);animation:bubIn .4s forwards}
@keyframes bubIn{to{opacity:1;transform:none}}
.chatMock .bot{background:#030712;border:1px solid #1E2536;align-self:flex-start}
.chatMock .user{background:#3B82F6;color:#fff;align-self:flex-end}
.leadCard{margin-top:14px;background:#E6F7EE;border:1px solid #27AE6055;border-radius:10px;padding:12px;display:none;font-size:12.5px}
.leadCard.show{display:block;animation:bubIn .4s forwards}
.leadCard b{color:#27AE60;display:block;margin-bottom:3px}
@media(max-width:860px){.demoBox{grid-template-columns:1fr;padding:26px}}

.sectorTabs{display:flex;gap:10px;justify-content:center;margin-bottom:36px;flex-wrap:wrap}
.sectorTab{border:1.5px solid #1E2536;background:#0B1020;padding:11px 20px;border-radius:30px;font-weight:700;font-size:13.5px;cursor:pointer;display:flex;align-items:center;gap:8px}
.sectorTab.active{background:#05070F;color:#fff;border-color:#05070F}
.sectorPanel{background:#0B1020;border:1px solid #1E2536;border-radius:20px;padding:40px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.mockBrowser{border-radius:14px;overflow:hidden;border:1px solid #1E2536;box-shadow:0 16px 40px #00000014}
.mockTopbar{height:26px;background:#EDEAE3;display:flex;align-items:center;gap:5px;padding:0 10px}
.mockDot{width:8px;height:8px;border-radius:50%;background:#D8D3C8}
.mockBody{padding:26px 22px;min-height:200px}
.mockBody h4{margin:0 0 8px;font-size:19px}
.mockBody p{margin:0 0 12px;font-size:12.5px;opacity:.85}
.mockChip{display:inline-block;font-size:11px;font-weight:700;padding:6px 12px;border-radius:20px;background:#ffffffcc}
.mockSubopts{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.mockSub{border:1px solid #00000022;background:#ffffffcc;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;color:#05070F}
.mockSub:hover,.mockSub.active{background:#05070F;color:#fff;border-color:#05070F}
.miniChat{display:flex;flex-direction:column;gap:6px;margin-top:12px;min-height:10px}
.miniChat .bub{padding:8px 11px;border-radius:9px;font-size:12.5px;max-width:92%;opacity:0;transform:translateY(6px);animation:bubIn .35s forwards}
.miniChat .bot{background:#ffffffe6;border:1px solid #00000014;align-self:flex-start;color:#05070F}
.miniChat .user{background:#3B82F6;color:#fff;align-self:flex-end}
.sectorInfo h3{font-size:20px;margin:0 0 8px}
.sectorInfo p{color:#94A3B8;font-size:14px;line-height:1.6;margin:0 0 16px}
.sectorLead{background:#030712;border:1px solid #1E2536;border-radius:10px;padding:12px 14px;font-size:12.5px}
.sectorLead b{color:#27AE60}
@media(max-width:860px){.sectorPanel{grid-template-columns:1fr}}

.exGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.exCard{border:1px solid #1E2536;border-radius:16px;overflow:hidden;background:#0B1020;transition:transform .25s,box-shadow .25s}
.exCard:hover{transform:translateY(-5px);box-shadow:0 18px 36px #00000014}
.exPreview{height:190px;position:relative;overflow:hidden}
.exPreview .tag{position:absolute;bottom:10px;left:10px;background:#ffffffe6;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:20px}
.exMockTop{height:22px;background:#00000010;display:flex;align-items:center;gap:5px;padding:0 10px}
.exMockTop span{width:7px;height:7px;border-radius:50%;background:#00000022}
.exMockHero{height:calc(190px - 22px);padding:30px 16px 14px;display:flex;flex-direction:column;gap:7px;transition:transform .25s ease;transform-origin:center}
.exCard:hover .exMockHero{transform:scale(1.045)}
.exMockTag{position:absolute;top:34px;left:14px;background:#ffffffe6;color:#05070F;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;z-index:2}
.exMockHero h5{margin:16px 0 0;font-size:15px;font-weight:800;line-height:1.28;max-width:82%}
.exMockChips{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
.exMockChips span{font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:14px;background:#ffffff40}
.exMockCta{align-self:flex-start;margin-top:auto;font-size:10px;font-weight:800;background:#fff;color:#05070F;padding:5px 12px;border-radius:16px}
.exBody{padding:18px}
.exBody h4{margin:0 0 6px;font-size:16px}
.exBody p{margin:0 0 14px;font-size:12.5px;color:#94A3B8}
@media(max-width:900px){.exGrid{grid-template-columns:1fr}}

.tourTabs{display:flex;gap:8px;justify-content:center;margin-bottom:34px;flex-wrap:wrap}
.tourTab{border:0;background:#030712;border:1.5px solid #1E2536;padding:11px 18px;border-radius:11px;font-weight:700;font-size:13px;cursor:pointer}
.tourTab.active{background:#05070F;color:#fff;border-color:#05070F}
.tourPanel{background:#0B1020;border:1px solid #1E2536;border-radius:20px;overflow:hidden;display:none}
.tourPanel.active{display:grid;grid-template-columns:.9fr 1.4fr;animation:tourIn .22s ease}
@keyframes tourIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tourText{padding:40px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.tourText h3{font-size:22px;margin:0}
.tourText p{color:#94A3B8;font-size:14px;line-height:1.6;margin:0}
.tourChecks{display:grid;gap:8px;margin-top:4px}
.tourChecks span{font-size:13px;font-weight:700;color:#05070F}
.tourVisual{background:#030712;padding:34px;display:flex;align-items:center;justify-content:center;min-height:380px}
.webMock{width:100%;max-width:420px;border-radius:14px;overflow:hidden;border:1px solid #1E2536;box-shadow:0 20px 50px #00000018;background:#0B1020}
.webMockHero{padding:34px 26px;transition:background .3s}
.webMockBadge{display:inline-block;font-size:10.5px;font-weight:800;padding:5px 11px;border-radius:20px;background:#ffffffcc;margin-bottom:10px}
.webMockHero h4{font-size:19px;margin:0 0 6px}
.webMockHero p{font-size:12.5px;opacity:.85;margin:0 0 16px}
.webMockCta{background:#05070F;color:#fff;border:0;padding:10px 18px;border-radius:9px;font-weight:700;font-size:12px;cursor:default}
.webMockSecTabs{display:flex;gap:6px;padding:14px 20px;border-top:1px solid #1E2536;flex-wrap:wrap}
.webMockSecBtn{border:1px solid #1E2536;background:#030712;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;color:#05070F}
.webMockSecBtn.active{background:#05070F;color:#fff;border-color:#05070F}
.chatDemoMock{width:100%;max-width:380px;background:#0B1020;border:1px solid #1E2536;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000018}
.chatDemoHead{background:#3B82F6;color:#fff;padding:14px 16px;font-weight:700;font-size:13px}
.chatDemoBody{padding:16px;display:flex;flex-direction:column;gap:8px;min-height:140px}
.chatDemoBody .bub{opacity:1;transform:none;animation:none}
.chatDemoChips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 12px}
.chatDemoChips span{border:1px solid #1E2536;padding:6px 11px;border-radius:20px;font-size:11px;font-weight:700}
.chatDemoTag{background:#E6F7EE;color:#27AE60;font-size:11.5px;font-weight:800;padding:10px 16px;border-top:1px solid #1E2536}
.followMock{width:100%;max-width:420px;display:grid;gap:10px}
.followRow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0B1020;border:1px solid #1E2536;border-radius:12px;padding:12px 16px;box-shadow:0 4px 14px #00000008}
.followRow b{display:block;font-size:13.5px}
.followRow small{color:#94A3B8;font-size:12px}
@media(max-width:900px){.tourPanel.active{grid-template-columns:1fr}.tourVisual{min-height:280px;padding:22px}.tourText{padding:28px 24px}}

.crmMock{background:#0B1020;border:1px solid #1E2536;border-radius:20px;padding:28px;box-shadow:0 10px 30px #0000000d}
.crmKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.crmKpi{background:#030712;border:1px solid #1E2536;border-radius:12px;padding:14px}
.crmKpi span{font-size:10px;color:#94A3B8;text-transform:uppercase;font-weight:700}
.crmKpi b{display:block;font-size:22px;margin-top:5px}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kcol{background:#030712;border:1px solid #1E2536;border-radius:12px;padding:10px;min-height:220px}
.kcol.dragover{outline:2px dashed #3B82F6}
.khead{font-size:10px;font-weight:800;text-transform:uppercase;color:#94A3B8;margin-bottom:8px;display:flex;justify-content:space-between}
.kcard{background:#0B1020;border:1px solid #1E2536;border-radius:9px;padding:10px;margin-bottom:8px;font-size:12px;cursor:grab;box-shadow:0 1px 4px #0000000a}
.kcard b{display:block;font-size:12.5px}
.kcard small{color:#94A3B8}
@media(max-width:900px){.crmKpis,.kanban{grid-template-columns:1fr 1fr}}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:#05070F;color:#fff;padding:12px 22px;border-radius:10px;font-size:13.5px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:80}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.tryBox{max-width:640px;margin:0 auto;text-align:center}
.tryForm{display:flex;gap:10px;margin:26px 0;flex-wrap:wrap}
.tryForm input{flex:1;min-width:200px;padding:15px 18px;border:1.5px solid #1E2536;border-radius:12px;font-size:15px}
.tryResult{display:none;text-align:left;margin-top:10px}
.tryResult.show{display:block}

.convergeWrap{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}
.chanCloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chanChip{background:#0B1020;border:1px solid #1E2536;border-radius:20px;padding:9px 16px;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:7px}
.arrowBig{font-size:28px;color:#3B82F6}
.convergeTarget{background:#05070F;color:#fff;border-radius:16px;padding:26px;text-align:center}
.convergeTarget b{font-size:16px}
@media(max-width:760px){.convergeWrap{grid-template-columns:1fr}.arrowBig{transform:rotate(90deg)}}

.compareGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compareCol{border-radius:16px;padding:26px}
.compareCol.bad{background:#0B1020;border:1px solid #1E2536}
.compareCol.good{background:#05070F;color:#fff}
.compareCol h3{margin:0 0 16px;font-size:16px}
.compareRow{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px}
.compareRow .ic{width:20px;text-align:center}
@media(max-width:760px){.compareGrid{grid-template-columns:1fr}}

.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plan{background:#0B1020;border:1.5px solid #1E2536;border-radius:16px;padding:26px;position:relative;display:flex;flex-direction:column}
.plan.rec{border-color:#3B82F6;box-shadow:0 14px 34px #3B82F622}
.recTag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#3B82F6;color:#fff;font-size:10.5px;font-weight:800;padding:4px 12px;border-radius:20px}
.plan h3{margin:0 0 6px;font-size:19px}
.pprice{font-size:26px;font-weight:800;color:#2563EB;margin-bottom:6px}.pprice span{font-size:11.5px;color:#94A3B8;font-weight:600}
.plan ul{list-style:none;padding:0;margin:14px 0;flex:1}
.plan li{font-size:12.5px;padding:6px 0;border-bottom:1px solid #1E2536}
@media(max-width:900px){.plans{grid-template-columns:1fr 1fr}}
.calcBox{background:#0B1020;border:1px solid #1E2536;border-radius:16px;padding:30px;margin-top:40px;display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}
.calcBox select{padding:12px;border:1.5px solid #1E2536;border-radius:10px;font-size:14px;width:100%}
.calcLabel{font-size:12px;font-weight:700;color:#94A3B8;margin-bottom:6px;display:block}
.calcResult{margin-top:16px;font-size:14px;font-weight:700;display:none}
.calcResult.show{display:block}
@media(max-width:760px){.calcBox{grid-template-columns:1fr}}

.finalCta{position:relative;padding:110px 5%;text-align:center;background:#05070F;color:#fff;overflow:hidden}
.finalCta h2{font-size:clamp(28px,3.6vw,44px);margin:0 0 16px;max-width:640px;margin-left:auto;margin-right:auto}
.finalCta p{color:#C7CBC8;margin-bottom:30px}
.finalCtas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
footer{padding:40px 5%;text-align:center;color:#94A3B8;font-size:12.5px;border-top:1px solid #1E2536}
footer a{text-decoration:underline}

.chatWidget{position:fixed;bottom:20px;right:20px;z-index:90;display:flex;flex-direction:column;align-items:flex-end}
.chatFab{width:58px;height:58px;border-radius:50%;background:#3B82F6;color:#fff;border:0;font-size:22px;cursor:pointer;box-shadow:0 10px 26px #0000002e}
.chatPanel{display:none;width:360px;max-width:calc(100vw - 24px);background:#0B1020;border:1px solid #1E2536;border-radius:16px;box-shadow:0 20px 50px #00000020;margin-bottom:14px;overflow:hidden}
.chatPanel.open{display:block}
.chatHead{background:#3B82F6;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13.5px}
.chatHead div{display:flex;gap:10px}
.chatHead button{background:none;border:0;color:#fff;cursor:pointer;font-size:16px;opacity:.9}
.chatBody{height:330px;overflow:auto;padding:14px;background:#030712;display:flex;flex-direction:column;gap:8px}
.chatBody.min{display:none}
.cbot,.cuser{padding:9px 12px;border-radius:10px;font-size:13px;max-width:85%}
.cbot{background:#0B1020;border:1px solid #1E2536;align-self:flex-start}
.cuser{background:#3B82F6;color:#fff;align-self:flex-end}
.chatChips{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px}
.chatChips.min{display:none}
.cchip{border:1px solid #1E2536;background:#0B1020;border-radius:20px;padding:7px 12px;font-size:11.5px;font-weight:700;cursor:pointer}
.chatConsent{font-size:10px;color:#94A3B8;padding:0 14px 8px}
.chatConsent.min{display:none}
.chatConsent a{color:#3B82F6}
.chatForm{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #1E2536}
.chatForm.min{display:none}
.chatForm input{padding:11px;border:1px solid #1E2536;border-radius:8px}
@media(max-width:480px){.chatPanel{width:calc(100vw - 24px)}}
.modalOverlay{display:none;position:fixed;inset:0;background:rgba(15,13,11,.55);z-index:95;align-items:center;justify-content:center;padding:20px}
.modalOverlay.open{display:flex}
.modalBox{background:#0B1020;border-radius:18px;padding:32px;max-width:440px;width:100%;position:relative;max-height:90vh;overflow:auto}
.modalClose{position:absolute;top:14px;right:14px;background:none;border:0;font-size:18px;cursor:pointer;color:#94A3B8}
.fRow2{margin-bottom:12px}
.fRow2 input,.fRow2 select,.fRow2 textarea{width:100%;padding:12px;border:1.5px solid #1E2536;border-radius:10px;font-size:14px;font-family:inherit;color:#05070F}
.consentNote{font-size:11.5px;color:#94A3B8;margin:4px 0 12px}
.consentNote a{color:#3B82F6}

@media(max-width:480px){
  .nav{padding:14px 4%}
  .nav.solid{padding:11px 4%}
  .brandmark{font-size:17px}
  .navRight{gap:8px}
  #navCta{display:none}
}
@media(max-width:600px){
  .pipeNode{flex:0 0 30%;max-width:30%}
  .pipeIcon{width:38px;height:38px;font-size:15px}
  .pipeLabel{font-size:9px}
  .kanban{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
  .modalBox{padding:22px}
  .mockSub{padding:8px 14px;font-size:12px}
  .fRow2 input,.fRow2 select,.fRow2 textarea,.tryForm input,.chatForm input{font-size:16px}
  footer{padding-bottom:84px}
  .heroCtas,.finalCtas{flex-direction:column}
  .heroCtas .btn,.finalCtas .btn{width:100%;justify-content:center}
  .sec{padding:64px 0}
  .demoBox{padding:22px}
  .sectorPanel{padding:24px}
}
@media(max-width:360px){
  .hero h1{font-size:30px}
  .secTitle{font-size:23px}
}

/* ===== LEADVEXA REDESIGN — hero, navbar, CRM mockup, AI widget, sector cards ===== */
body{background:#030712}
.nav{background:transparent}
.nav.solid{background:#05070Fee;backdrop-filter:blur(14px);box-shadow:0 1px 0 #1E2536}
.brandmark{color:#F8FAFC}.brandmark span{background:linear-gradient(90deg,#3B82F6,#8B5CF6);-webkit-background-clip:text;background-clip:text;color:transparent}
.navlinks a{color:#94A3B8}.navlinks a:hover{color:#F8FAFC}
.navTeam{color:#94A3B8;border-color:#1E2536}
.btn.accent{background:linear-gradient(90deg,#2563EB,#3B82F6);box-shadow:0 8px 24px #3B82F633}
.btn.accent:hover{background:linear-gradient(90deg,#3B82F6,#8B5CF6)}
.btn.ghost{border-color:#1E2536;color:#F8FAFC}
.mobileMenu{background:#05070F}
.mobileMenu a{color:#F8FAFC}

.hero{position:relative;padding:150px 5% 110px;max-width:1320px;overflow:visible}
.hero::before{content:'';position:absolute;top:-180px;left:8%;width:640px;height:640px;background:radial-gradient(circle,#3B82F630,transparent 68%);filter:blur(10px);pointer-events:none;z-index:0}
.hero::after{content:'';position:absolute;top:-60px;right:2%;width:560px;height:560px;background:radial-gradient(circle,#8B5CF628,transparent 68%);filter:blur(10px);pointer-events:none;z-index:0}
.hero > *{position:relative;z-index:1}
.heroKicker{background:#0B1020;border:1px solid #1E2536;color:#CBD5E1}
.hero h1{color:#F8FAFC;letter-spacing:-.01em}
.hero h1 .hl{background:linear-gradient(90deg,#3B82F6,#8B5CF6 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#94A3B8}
.heroTrust{color:#CBD5E1}
.heroTrust span::before{content:'';display:none}

.heroMock{position:relative;perspective:1400px}
.mockCard{position:relative;background:linear-gradient(160deg,#0B1020,#05070F);border:1px solid #1E2536;border-radius:20px;box-shadow:0 40px 90px -20px rgba(59,130,246,.18),0 0 0 1px rgba(139,92,246,.06),0 60px 120px -30px rgba(0,0,0,.6);transform:rotateY(-6deg) rotateX(3deg) scale(1);transition:transform .5s ease;overflow:hidden;display:grid;grid-template-columns:190px 1fr}
.heroMock:hover .mockCard{transform:rotateY(-3deg) rotateX(1.5deg) scale(1.01)}
.mockSide{background:#05070Fcc;border-right:1px solid #1E2536;padding:18px 14px;display:flex;flex-direction:column;gap:3px}
.mockBrand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:#F8FAFC;padding:4px 6px 16px}
.mockBrand .dot{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#3B82F6,#8B5CF6)}
.mockNavItem{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;font-size:11.5px;color:#94A3B8;font-weight:600}
.mockNavItem.active{background:linear-gradient(90deg,#3B82F622,#8B5CF618);color:#F8FAFC}
.mockNavItem .dot2{width:6px;height:6px;border-radius:50%;background:#94A3B8}
.mockNavItem.active .dot2{background:#3B82F6}
.mockMain{padding:20px 22px 22px;min-width:0}
.mockTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.mockTop h4{color:#F8FAFC;font-size:16px;margin:0 0 3px}
.mockTop p{color:#94A3B8;font-size:11px;margin:0}
.mockDemoTag{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#8B5CF6;background:#8B5CF618;border:1px solid #8B5CF644;padding:4px 8px;border-radius:20px;white-space:nowrap}
.mockKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.mockKpi{background:#030712;border:1px solid #1E2536;border-radius:10px;padding:9px 10px}
.mockKpi span{display:block;font-size:8.5px;color:#94A3B8;text-transform:uppercase;font-weight:700;letter-spacing:.3px;margin-bottom:5px}
.mockKpi b{font-size:15px;color:#F8FAFC}
.mockGrid2{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.mockPanel{background:#030712;border:1px solid #1E2536;border-radius:10px;padding:12px}
.mockPanel h5{font-size:10px;color:#94A3B8;text-transform:uppercase;letter-spacing:.3px;margin:0 0 10px;font-weight:700}
.mockChart{display:flex;align-items:flex-end;gap:5px;height:56px}
.mockChart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#3B82F6,#8B5CF6);opacity:.85}
.mockOriginRow{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#CBD5E1;padding:5px 0}
.mockOriginRow .bar{flex:1;height:4px;background:#1E2536;border-radius:4px;margin:0 8px;overflow:hidden}
.mockOriginRow .bar i{display:block;height:100%;background:linear-gradient(90deg,#3B82F6,#8B5CF6)}
.mockPipeline{display:flex;gap:6px;margin-top:10px}
.mockPipeCol{flex:1;background:#030712;border:1px solid #1E2536;border-radius:8px;padding:6px}
.mockPipeCol span{font-size:8px;color:#94A3B8;text-transform:uppercase;font-weight:700}
.mockPipeCard{margin-top:5px;background:#0B1020;border:1px solid #1E2536;border-radius:6px;padding:5px 6px;font-size:9px;color:#CBD5E1}

.aiFloat{position:absolute;right:-18px;bottom:-26px;width:220px;background:#0B1020;border:1px solid #8B5CF655;border-radius:14px;box-shadow:0 20px 50px -10px rgba(139,92,246,.35);padding:12px;z-index:3;animation:aiFloatBob 5s ease-in-out infinite}
@keyframes aiFloatBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.aiFloatHead{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#F8FAFC;margin-bottom:6px}
.aiFloatHead .pulse{width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 rgba(34,197,94,.5);animation:pulseDot 1.8s infinite}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.aiFloatMsg{font-size:10.5px;color:#CBD5E1;line-height:1.5;margin-bottom:8px}
.aiFloatChips{display:flex;flex-wrap:wrap;gap:4px}
.aiFloatChips span{font-size:9px;border:1px solid #1E2536;color:#94A3B8;padding:3px 7px;border-radius:12px}
@media(max-width:900px){.heroMock{margin-top:10px}.mockCard{transform:none;grid-template-columns:1fr}.mockSide{display:none}.aiFloat{right:6px;bottom:-20px;width:170px}}
@media(max-width:600px){.mockKpis{grid-template-columns:repeat(2,1fr)}.mockGrid2{grid-template-columns:1fr}.aiFloat{display:none}}

.sectorCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sectorCardV{position:relative;border-radius:18px;overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border:1px solid #1E2536;transition:transform .25s,box-shadow .25s}
.sectorCardV:hover{transform:translateY(-4px);box-shadow:0 24px 50px -18px rgba(59,130,246,.28)}
.sectorCardV.v1{background:linear-gradient(160deg,#0B1220,#1E293B)}
.sectorCardV.v2{background:linear-gradient(160deg,#0B0F1A,#1A1030)}
.sectorCardV.v3{background:linear-gradient(160deg,#0B1220,#301A3B)}
.sectorCardV .sTag{position:absolute;top:18px;left:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#ffffff1a;padding:5px 10px;border-radius:20px}
.sectorCardV h3{color:#F8FAFC;font-size:19px;margin:0 0 4px}
.sectorCardV p{color:#CBD5E1;font-size:13px;margin:0}
@media(max-width:900px){.sectorCardsGrid{grid-template-columns:1fr}}
body{color:#F8FAFC}.secTitle,.secHead h2,.secHead h3,.sectorInfo h3,.tourText h3,.tryBox h2,.tryBox h3{color:#F8FAFC}.secSub,.sectorInfo p,.tourText p{color:#A8B3C7}.sectorTab,.tourTab{color:#CBD5E1;background:#0B1020;border-color:#27324A}.sectorTab:hover,.tourTab:hover{color:#fff;border-color:#3B82F6}.sectorTab.active,.tourTab.active{background:#2563EB;color:#fff;border-color:#3B82F6}.navlinks a:hover{color:#fff}.navTeam{color:#CBD5E1}.btn.ghost{color:#F8FAFC;border-color:#334155}.heroTrust{color:#CBD5E1}.demoLeft h3{color:#fff}.compareCol.bad,.plan,.crmMock{color:#F8FAFC}.compareCol.bad h3,.plan h3,.crmKpi b,.kcard b{color:#F8FAFC}.faqQ,.faqA{color:#F8FAFC}.mockBrowser,.mockBrowser h1,.mockBrowser h2,.mockBrowser h3,.mockBrowser h4,.mockBrowser h5,.mockBrowser p,.mockBody,.mockBody h4,.mockBody p{color:#111827}.mockBody .mockChip,.mockBody .mockSub{color:#111827}.tourChecks span{color:#E2E8F0!important}.webMockHero,.webMockHero h4,.webMockHero p{color:#111827!important}.webMockBadge{color:#111827!important}.webMockSecTabs{background:#0B1020}.webMockSecBtn{color:#CBD5E1!important;background:#0B1020;border-color:#334155}.webMockSecBtn.active{color:#fff!important;background:#2563EB;border-color:#3B82F6}.chatMock .bot,.miniChat .bot,.chatDemoBody .bot{color:#E2E8F0!important;background:#111827!important;border-color:#334155!important}.chatMock .user,.miniChat .user,.chatDemoBody .user{color:#fff!important;background:#3B82F6!important}.chatMock .bub,.miniChat .bub,.chatDemoBody .bub{opacity:1}.chatDemoMock{color:#E2E8F0}.chatDemoChips span{color:#CBD5E1;border-color:#334155}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:38px}.heroVisual{max-width:820px;width:100%;margin:0 auto}.sectorPanel,.tourPanel.active{grid-template-columns:1fr}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.crmKpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.wrap{padding:0 18px}.sec{padding:72px 0}.hero{padding:112px 18px 64px}.hero h1{font-size:clamp(36px,11vw,52px)}.hero p{font-size:15px}.heroCtas .btn{flex:1;justify-content:center;min-width:150px}.demoBox,.sectorPanel{padding:22px}.tourVisual{min-height:240px}.plans{grid-template-columns:1fr}.crmMock{padding:16px;overflow:hidden}.crmKpis{grid-template-columns:1fr 1fr}.kanban{overflow-x:auto;grid-template-columns:repeat(4,minmax(230px,80vw));padding-bottom:10px}.chatMock{min-height:260px}.exGrid{grid-template-columns:1fr}.finalCta{padding:80px 18px}}@media(max-width:480px){.nav{padding-left:16px;padding-right:16px}.hero{padding-left:16px;padding-right:16px}.heroCtas{display:grid;grid-template-columns:1fr}.heroTrust{display:grid;gap:8px}.sectorTabs,.tourTabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.sectorTab,.tourTab{flex:0 0 auto}.crmKpis{grid-template-columns:1fr}.mockBody{padding:20px 16px}.demoBox{padding:18px}.secTitle{font-size:30px}.chatPanel{right:12px;bottom:76px;width:calc(100vw - 24px)}}@media(max-width:768px){html,body{width:100%;max-width:100%;overflow-x:hidden!important}.nav,.hero,.wrap,.sec,.finalCta,footer{max-width:100vw}.hero{width:100%;min-width:0}.hero>*{min-width:0}.hero h1{font-size:clamp(38px,12.2vw,56px);overflow-wrap:anywhere;word-break:normal}.heroVisual,.pipeline,.demoBox,.sectorPanel,.tourPanel,.crmMock,.tryBox,.calcBox{width:100%;max-width:100%;min-width:0}.mockBrowser,.tourVisual,.chatMock{max-width:100%;min-width:0}.heroCtas,.heroCtas .btn{width:100%;max-width:100%}.heroCtas .btn{white-space:normal;text-align:center}.nav{width:100%}.mobileMenu{width:100vw}.chatFab{right:18px}.chatPanel{max-width:calc(100vw - 24px)}img,svg,video,canvas{max-width:100%;height:auto}}@media(max-width:480px){.hero h1{font-size:clamp(38px,12vw,50px);line-height:1.04}.hero p{max-width:100%}.heroKicker{max-width:100%;white-space:normal}.heroTrust{width:100%}}