:root {--navy-950:#020914;--navy-900:#061326;--navy-850:#071a32;--navy-800:#0a2342;--blue:#168cff;--blue-2:#0a6bff;--blue-soft:#6fc6ff;--green:#2ddf8d;--purple:#8e67ff;--orange:#ff8f29;--text:#f8fbff;--muted:#b9c8d8;--light:#f5f8fc;--ink:#09172c;--line:rgba(120,174,227,.18);--card:rgba(13,34,62,.74);--container:1180px;--shadow:0 24px 80px rgba(0,0,0,.26);} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--navy-950);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid #8bc7ff;outline-offset:3px} .container{width:min(calc(100% - 36px),var(--container));margin-inline:auto} .skip-link{position:fixed;top:-80px;left:18px;z-index:999;background:#fff;color:#051224;padding:12px 16px;border-radius:10px;font-weight:800;transition:.2s} .skip-link:focus{top:18px} .site-header{position:sticky;top:0;z-index:90;background:rgba(2,9,20,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(89,146,205,.13)} .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px} .brand{font-size:25px;font-weight:950;letter-spacing:-1.2px;white-space:nowrap} .brand span{color:#1590ff} .nav-links{display:flex;align-items:center;gap:30px;color:#dce8f4;font-size:14px;font-weight:760} .nav-links a{transition:.2s} .nav-links a:hover{color:#fff} .nav-actions{display:flex;align-items:center;gap:18px} .phone-link{display:flex;align-items:center;gap:8px;font-weight:760;font-size:14px;color:#e7f2fc} .wa-dot{width:18px;height:18px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:10px} .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:0 20px;font-weight:850;font-size:14px;transition:.22s;border:1px solid transparent;cursor:pointer} .btn-primary{background:linear-gradient(135deg,#1595ff,#0561ff);color:#fff;box-shadow:0 14px 34px rgba(0,105,255,.34)} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,105,255,.42)} .btn-outline{border-color:#0bbf6b;color:#fff;background:rgba(9,32,49,.22)} .btn-outline:hover{background:rgba(24,204,116,.09);border-color:#22df83} .btn-ghost{border-color:#217cf0;color:#fff;background:rgba(7,28,54,.55)} .btn-ghost:hover{background:rgba(15,75,148,.22)} .menu-btn{display:none;width:44px;height:44px;border:1px solid rgba(135,177,217,.25);border-radius:10px;background:transparent;color:#fff;font-size:22px} .mobile-nav{display:none;padding:0 18px 16px;gap:10px} .mobile-nav.open{display:grid} .mobile-nav a{padding:10px 4px;color:#d7e7f5;font-weight:760} .dark-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 73% 23%,rgba(5,85,255,.21),transparent 24%),radial-gradient(circle at 18% 46%,rgba(0,116,255,.08),transparent 28%),linear-gradient(180deg,#03101f 0%,#04162c 58%,#071d39 100%)} .dark-stage::before,.dark-stage::after{content:"";position:absolute;width:1250px;height:420px;right:-190px;top:100px;border-radius:50%;border:1px solid rgba(28,113,255,.38);transform:rotate(-10deg);pointer-events:none} .dark-stage::after{right:-260px;top:160px;border-color:rgba(0,143,255,.22);box-shadow:0 0 0 28px rgba(10,74,255,.035),0 0 0 62px rgba(10,74,255,.025),0 0 0 98px rgba(10,74,255,.016)} .hero{position:relative;z-index:2;padding:42px 0 24px} .hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:48px;min-height:390px} .eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(17,110,216,.18);color:#50b3ff;border:1px solid rgba(42,141,255,.15);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase} .eyebrow::before{content:"⚡";font-size:12px} .hero h1{font-size:clamp(42px,5vw,65px);line-height:1.08;letter-spacing:-2.3px;margin:18px 0 16px;max-width:670px} .hero h1 .accent{color:#1594ff} .hero-copy{max-width:600px;color:#d4e0eb;font-size:18px;margin:0} .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px} .hero-note{display:flex;align-items:center;gap:10px;color:#c6d4e2;font-size:14px;margin:18px 0 0} .clock{width:18px;height:18px;border:2px solid #7eb4e5;border-radius:50%;position:relative} .clock::before{content:"";position:absolute;width:1px;height:5px;background:#7eb4e5;left:7px;top:3px}.clock::after{content:"";position:absolute;width:4px;height:1px;background:#7eb4e5;left:7px;top:8px;transform:rotate(28deg);transform-origin:left} .visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center} .glow{position:absolute;width:480px;height:210px;background:#0875ff;filter:blur(95px);opacity:.14;right:55px;top:90px} .laptop{position:relative;width:min(100%,610px);height:335px;border:2px solid rgba(176,198,218,.3);border-radius:16px 16px 11px 11px;background:#03070c;padding:12px;box-shadow:0 25px 60px rgba(0,0,0,.46);z-index:3} .screen{height:100%;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#06192d,#091d36 70%,#061325);display:grid;grid-template-columns:90px 1fr;color:#e8f1fa;font-size:8px} .side{background:rgba(4,20,38,.78);padding:18px 11px;display:grid;align-content:start;gap:12px;border-right:1px solid rgba(135,178,218,.09)} .side-logo{width:20px;height:20px;border:2px solid #40a7ff;border-radius:5px;margin-bottom:6px} .side-item{display:flex;gap:8px;align-items:center;color:#b7c9db}.side-item.active{background:#0a3971;color:#fff;border-radius:5px;padding:6px;margin:-6px} .dot-icon{width:7px;height:7px;border:1px solid currentColor;border-radius:2px} .dash{padding:18px 16px;display:grid;grid-template-rows:auto auto 1fr;gap:12px} .dash-title{font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric,.panel{background:rgba(13,41,70,.68);border:1px solid rgba(125,178,224,.07);border-radius:8px;padding:11px}.metric small{color:#98afc4;display:block;margin-bottom:8px}.metric strong{font-size:13px}.up{display:block;color:#32dd8b;font-weight:850;margin-top:3px}.dash-grid{display:grid;grid-template-columns:1.65fr .9fr;gap:8px}.panel-title{font-size:9px;margin-bottom:8px}.chart{height:118px;position:relative;padding:6px 2px}.chart::before{content:"";position:absolute;inset:10px 0 8px;background:repeating-linear-gradient(to bottom,transparent 0 24px,rgba(142,180,211,.08) 25px)} .line-chart{position:absolute;left:10px;right:6px;bottom:18px;height:80px}.line-chart svg{width:100%;height:100%;overflow:visible}.donut{width:78px;height:78px;margin:20px auto 9px;border-radius:50%;background:conic-gradient(#168cff 0 45%,#2cb8be 45% 68%,#265d9e 68% 100%);position:relative}.donut::after{content:"";position:absolute;inset:17px;border-radius:50%;background:#0a2039}.legend{display:flex;gap:8px;justify-content:center;color:#8daac0;font-size:7px} .base{position:absolute;z-index:2;width:680px;max-width:109%;height:18px;bottom:17px;background:linear-gradient(#777,#222 55%,#090b0e);border-radius:4px 4px 18px 18px;box-shadow:0 8px 16px rgba(0,0,0,.35)} .base::after{content:"";position:absolute;width:180px;height:6px;background:#444;left:50%;top:0;transform:translateX(-50%);border-radius:0 0 9px 9px} .phone{position:absolute;z-index:6;width:148px;height:294px;right:0;bottom:8px;border:2px solid #5a6876;border-radius:27px;background:#05090e;padding:8px;box-shadow:0 20px 45px rgba(0,0,0,.48)} .phone::before{content:"";position:absolute;width:54px;height:14px;border-radius:0 0 10px 10px;background:#05090e;left:50%;top:6px;transform:translateX(-50%);z-index:2} .phone-screen{height:100%;border-radius:20px;background:linear-gradient(180deg,#07182b,#081827);padding:26px 10px 10px;font-size:8px;color:#dce9f5}.phone-title{font-size:12px;margin-bottom:14px}.phone-stat{background:#102439;border:1px solid rgba(135,178,218,.09);border-radius:7px;padding:9px;margin-bottom:7px}.phone-stat small{color:#95a9ba;display:block}.phone-stat strong{font-size:13px;display:block;margin:2px 0}.phone-more{margin-top:12px;border:1px solid rgba(142,181,214,.16);border-radius:8px;padding:8px;text-align:center;color:#bcd0e1} .needs-wrap{position:relative;z-index:8;padding:8px 0 24px} .needs-panel{border:1px solid rgba(80,139,202,.16);border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(6,22,44,.91),rgba(5,21,42,.76));padding:15px 20px 20px;box-shadow:0 -18px 60px rgba(0,30,80,.09)} .section-title{font-size:30px;line-height:1.15;text-align:center;margin:0 0 16px;letter-spacing:-.8px}.section-title::after{content:"";display:block;width:52px;height:2px;background:var(--blue);margin:7px auto 0} .needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.need-card{min-height:118px;border:1px solid rgba(110,158,204,.18);background:linear-gradient(145deg,rgba(14,38,67,.95),rgba(8,29,53,.82));border-radius:11px;padding:18px;display:grid;grid-template-columns:42px 1fr 34px;gap:14px;align-items:center;transition:.25s}.need-card:hover{transform:translateY(-3px);border-color:rgba(56,146,255,.55);box-shadow:0 15px 34px rgba(0,0,0,.22)}.need-icon{font-size:30px;display:grid;place-items:center}.need-card h3{font-size:16px;line-height:1.3;margin:0 0 6px}.need-card p{font-size:12px;line-height:1.45;margin:0;color:#c8d7e5}.arrow{width:34px;height:34px;border:1px solid rgba(143,179,214,.34);border-radius:50%;display:grid;place-items:center;color:#dcecff}.need-blue .need-icon{color:#1d8fff}.need-green .need-icon{color:#64d3a0}.need-purple .need-icon{color:#9a6cff}.need-orange .need-icon{color:#ff922e} .areas{background:radial-gradient(circle at 50% 10%,#fff 0,#f6f9fd 40%,#f1f5fa 100%);color:var(--ink);padding:22px 0 28px} .areas .section-title{margin-bottom:18px}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.area-card{background:rgba(255,255,255,.96);border:1px solid #dde6ef;border-radius:11px;padding:18px;box-shadow:0 10px 25px rgba(33,66,99,.08);min-height:150px;display:grid;grid-template-columns:50px 1fr;gap:13px}.area-icon{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:24px;box-shadow:0 10px 20px rgba(34,87,142,.16)}.area-card h3{font-size:15px;margin:0 0 5px}.area-card p{font-size:12px;color:#27384c;line-height:1.45;margin:0 0 8px}.area-link{font-size:12px;font-weight:900}.blue .area-icon{background:linear-gradient(135deg,#55a7ff,#096fff)}.blue h3,.blue .area-link{color:#086eec}.green .area-icon{background:linear-gradient(135deg,#57c98f,#149d59)}.green h3,.green .area-link{color:#0a9b50}.purple .area-icon{background:linear-gradient(135deg,#aa82ff,#7043df)}.purple h3,.purple .area-link{color:#6840df}.orange .area-icon{background:linear-gradient(135deg,#ff9d45,#e76500)}.orange h3,.orange .area-link{color:#dc5a00} .process{background:linear-gradient(90deg,#06182c,#082442 50%,#06182c);padding:20px 0 34px;border-top:1px solid rgba(111,166,216,.15)} .process h2{text-align:center;margin:0 0 16px;font-size:21px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.process-step{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;position:relative}.process-step:not(:last-child)::after{content:"→";position:absolute;right:-18px;top:18px;color:#4fa9ff;font-size:22px}.process-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0f4d90,#0a2c57);border:1px solid rgba(100,175,242,.35);font-size:22px}.process-step h3{font-size:14px;margin:4px 0}.process-step p{font-size:12px;color:#c0d1e0;margin:0;line-height:1.45} .content-light{background:#f5f8fc;color:var(--ink);padding:66px 0}.benefit-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}.content-light h2{font-size:42px;line-height:1.1;letter-spacing:-1.5px;margin:0 0 14px}.content-light .lead{color:#49627a;font-size:17px;max-width:560px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:13px}.benefit{background:#fff;border:1px solid #dce6ef;border-radius:13px;padding:16px;box-shadow:0 10px 24px rgba(32,66,100,.06)}.benefit strong{display:block;margin-bottom:4px}.benefit span{font-size:13px;color:#526a80} .contact{background:linear-gradient(135deg,#05162b,#09294c);padding:62px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-copy h2{font-size:40px;line-height:1.1;margin:10px 0}.contact-copy p{color:#c5d5e4}.contact-links{display:grid;gap:9px;margin-top:22px}.contact-links a{color:#66b9ff;font-weight:800}.form-card{background:rgba(8,27,49,.76);border:1px solid rgba(110,158,204,.2);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:850;color:#dce8f3}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(135,177,217,.26);background:#06172a;color:#fff;border-radius:9px;padding:12px}.field textarea{min-height:110px;resize:vertical}.form-note{font-size:12px;color:#9eb4c6;margin:10px 0}.form-status{min-height:22px;margin-top:8px;color:#77e7ae;font-weight:800} footer{background:#020a15;border-top:1px solid rgba(109,159,205,.15);padding:30px 0 35px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer-grid p,.footer-grid a{color:#9fb3c6;font-size:13px}.footer-links{display:grid;gap:7px}.footer-title{font-size:14px;font-weight:900;margin-bottom:8px}.copyright{border-top:1px solid rgba(109,159,205,.12);margin-top:24px;padding-top:16px;color:#7f96aa;font-size:12px} .floating{position:fixed;z-index:100;right:22px;bottom:22px;display:grid;gap:10px}.float-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);background:#07172a;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.24);font-size:20px}.float-btn.wa{background:#24d366;border-color:#24d366}.float-btn:hover{transform:translateY(-2px)} .reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.need-card{transition:none}} @media(max-width:1040px){.nav-links{gap:18px}.phone-link{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.phone{right:-8px}.needs-grid,.area-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2)::after{display:none}} @media(max-width:760px){.nav-links,.nav-actions{display:none}.menu-btn{display:block}.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:clamp(40px,12vw,54px)}.hero-copy{font-size:16px}.visual{min-height:330px}.laptop{width:92%;height:290px}.base{width:100%;bottom:15px}.phone{width:118px;height:235px;right:0}.screen{grid-template-columns:68px 1fr}.side{padding:14px 7px}.metrics{gap:5px}.metric{padding:7px}.metric strong{font-size:10px}.dash{padding:12px 9px}.dash-grid{grid-template-columns:1.6fr .8fr}.needs-panel{padding:16px}.needs-grid,.area-grid,.benefits,.form-grid,.footer-grid,.contact-grid,.benefit-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-step::after{display:none!important}.content-light h2,.contact-copy h2{font-size:34px}.floating{right:14px;bottom:14px}.float-btn:not(.wa){display:none}.section-title{font-size:26px}} @media(max-width:480px){.container{width:min(calc(100% - 24px),var(--container))}.hero-actions .btn{width:100%}.needs-grid,.area-grid{grid-template-columns:1fr}.need-card{min-height:105px}.visual{min-height:270px}.laptop{height:240px;padding:8px}.phone{width:96px;height:200px}.phone-stat{padding:6px}.phone-stat strong{font-size:10px}.base{height:12px}.areas{padding-top:28px}} .solution-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 18%,var(--theme-glow),transparent 26%),linear-gradient(180deg,#03101f 0%,#06182d 100%)} .solution-stage::after{content:"";position:absolute;width:900px;height:330px;right:-210px;top:80px;border-radius:50%;border:1px solid color-mix(in srgb,var(--theme) 35%,transparent);transform:rotate(-12deg);pointer-events:none;box-shadow:0 0 0 34px color-mix(in srgb,var(--theme) 4%,transparent),0 0 0 78px color-mix(in srgb,var(--theme) 2.5%,transparent)} .breadcrumbs{position:relative;z-index:3;padding-top:18px;color:#9fb4c9;font-size:13px}.breadcrumbs a{color:#71baff;font-weight:800}.breadcrumbs span{margin:0 7px;color:#607b96} .solution-hero{position:relative;z-index:2;padding:40px 0 62px}.solution-hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:54px;min-height:430px} .solution-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--theme) 13%,transparent);border:1px solid color-mix(in srgb,var(--theme) 22%,transparent);color:var(--theme-soft);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.solution-kicker::before{content:"◆";font-size:9px} .solution-hero h1{font-size:clamp(43px,5vw,66px);line-height:1.05;letter-spacing:-2.4px;margin:18px 0 17px}.solution-hero h1 span{color:var(--theme)} .solution-hero .hero-copy{max-width:650px}.solution-hero .btn-primary{background:linear-gradient(135deg,var(--theme-soft),var(--theme));box-shadow:0 14px 34px color-mix(in srgb,var(--theme) 30%,transparent)} .solution-hero .btn-ghost{border-color:color-mix(in srgb,var(--theme) 60%,#224b75)} .product-mock{position:relative;min-height:385px}.product-shell{position:absolute;inset:22px 12px 26px 30px;background:#061422;border:1px solid rgba(160,192,222,.26);border-radius:20px;padding:11px;box-shadow:0 30px 70px rgba(0,0,0,.46)} .product-screen{height:100%;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#081b31,#0b2038);display:grid;grid-template-columns:105px 1fr}.product-sidebar{padding:18px 10px;background:#061527;border-right:1px solid rgba(130,176,219,.1)}.product-mark{width:25px;height:25px;border-radius:7px;background:linear-gradient(135deg,var(--theme-soft),var(--theme));margin-bottom:22px}.product-nav-item{height:9px;border-radius:4px;background:#284159;margin:0 0 13px}.product-nav-item.active{background:var(--theme);opacity:.9}.product-main{padding:20px}.product-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-title{width:130px;height:12px;background:#d7e6f3;border-radius:4px}.product-pill{width:72px;height:22px;border-radius:99px;background:color-mix(in srgb,var(--theme) 24%,#0e2b48)} .product-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.product-metric{background:#102b48;border:1px solid rgba(135,179,219,.08);border-radius:10px;padding:12px}.product-metric small{display:block;color:#87a0b7;font-size:8px}.product-metric strong{display:block;color:#fff;font-size:15px;margin-top:5px}.product-metric em{display:block;color:#44dc91;font-size:8px;font-style:normal;margin-top:3px}.product-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:9px;margin-top:9px}.product-panel{min-height:150px;background:#102b48;border:1px solid rgba(135,179,219,.08);border-radius:10px;padding:12px}.product-panel-title{height:8px;width:88px;background:#7792aa;border-radius:4px;margin-bottom:14px}.barset{height:100px;display:flex;align-items:end;gap:8px;padding:8px}.barset i{display:block;flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(var(--theme-soft),var(--theme));opacity:.9}.barset i:nth-child(1){height:32%}.barset i:nth-child(2){height:48%}.barset i:nth-child(3){height:42%}.barset i:nth-child(4){height:68%}.barset i:nth-child(5){height:59%}.barset i:nth-child(6){height:86%}.mini-list{display:grid;gap:8px}.mini-list i{display:block;height:20px;border-radius:6px;background:#153754}.mini-list i:nth-child(2){width:86%}.mini-list i:nth-child(3){width:72%}.product-badge{position:absolute;right:-4px;bottom:4px;width:155px;border:1px solid color-mix(in srgb,var(--theme) 45%,#314e68);background:#07182a;border-radius:17px;padding:13px;box-shadow:0 18px 40px rgba(0,0,0,.4)}.product-badge strong{display:block;font-size:13px;margin-bottom:3px}.product-badge span{font-size:10px;color:#a8bbcd} .light-section{background:#f5f8fc;color:var(--ink);padding:62px 0}.light-section .section-title{color:var(--ink)}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.problem-card,.solution-card{background:#fff;border:1px solid #dce6ef;border-radius:17px;padding:24px;box-shadow:0 12px 30px rgba(27,61,94,.07)}.problem-card h2,.solution-card h2{font-size:22px;margin:0 0 14px}.list-clean{list-style:none;padding:0;margin:0;display:grid;gap:11px}.list-clean li{position:relative;padding-left:25px;color:#354a5e;font-size:14px}.problem-card .list-clean li::before{content:"•";position:absolute;left:7px;color:#ef7848;font-size:22px;line-height:15px}.solution-card .list-clean li::before{content:"✓";position:absolute;left:1px;color:var(--theme);font-weight:950} .feature-band{background:linear-gradient(135deg,#06182c,#082442);padding:58px 0}.feature-head{max-width:760px;margin:0 auto 25px;text-align:center}.feature-head h2{font-size:clamp(30px,4vw,44px);margin:0 0 8px;letter-spacing:-1.4px}.feature-head p{color:#b8cbdc;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:linear-gradient(145deg,rgba(15,44,76,.92),rgba(8,28,51,.88));border:1px solid rgba(120,169,215,.16);border-radius:14px;padding:20px}.feature-icon{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--theme) 18%,#0c2948);border:1px solid color-mix(in srgb,var(--theme) 32%,transparent);display:grid;place-items:center;color:var(--theme-soft);font-size:19px;margin-bottom:12px}.feature-card h3{font-size:16px;margin:0 0 6px}.feature-card p{font-size:13px;color:#b9cadd;margin:0} .solution-cta{background:#f5f8fc;color:var(--ink);padding:58px 0}.solution-cta-panel{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;background:#fff;border:1px solid #d9e4ee;border-radius:19px;padding:32px;box-shadow:0 18px 45px rgba(32,66,100,.08)}.solution-cta-panel h2{font-size:clamp(29px,4vw,42px);line-height:1.08;margin:7px 0 10px;letter-spacing:-1.2px}.solution-cta-panel p{color:#4e667d}.solution-cta .btn-ghost{color:#0b2846;background:#fff;border-color:#b9cce0} .solution-contact{background:linear-gradient(135deg,#05162b,#09294c);padding:62px 0}.solution-contact .contact-grid{align-items:start}.contact-card-copy{padding-top:6px}.contact-card-copy h2{font-size:38px;line-height:1.1;margin:10px 0}.contact-card-copy p{color:#c5d5e4}.contact-card-copy .backlink{display:inline-block;margin-top:14px;color:#6fbcff;font-weight:850} .faq-section{background:#f5f8fc;color:var(--ink);padding:56px 0}.faq-box{max-width:900px;margin:auto;background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:24px;box-shadow:0 10px 26px rgba(32,66,100,.06)}.faq-box h2{font-size:29px;margin:0 0 16px}.faq-box details{border-top:1px solid #e2e9f0;padding:16px 0}.faq-box details:first-of-type{border-top:0}.faq-box summary{font-weight:900;cursor:pointer}.faq-box p{color:#486077} .inner-floating .float-btn.wa{background:#24d366} @media(max-width:900px){.solution-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.product-shell{inset:20px 5px 25px}.feature-grid{grid-template-columns:1fr 1fr}.solution-cta-panel{grid-template-columns:1fr}.product-screen{grid-template-columns:85px 1fr}} @media(max-width:760px){.solution-hero-grid{grid-template-columns:1fr}.product-mock{min-height:330px}.product-shell{inset:10px 0 25px}.product-screen{grid-template-columns:70px 1fr}.product-main{padding:12px}.product-metrics{gap:5px}.product-metric{padding:8px}.product-metric strong{font-size:11px}.product-badge{right:0;width:132px}.split-cards,.feature-grid{grid-template-columns:1fr}.solution-contact .contact-grid{grid-template-columns:1fr}.solution-hero h1{font-size:clamp(40px,12vw,54px)}} .float-btn.wa{width:50px;height:50px;background:#25D366;border:0;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.1);font-size:0;position:relative;overflow:hidden;transition:transform .2s ease,background .2s ease,box-shadow .2s ease} .float-btn.wa::before{content:"";position:absolute;left:50%;top:50%;width:25px;height:25px;transform:translate(-50%,-50%);background:center/25px 25px no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27white%27%20d%3D%27M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479s1.065%202.875%201.213%203.074c.149.198%202.095%203.2%205.076%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.872.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%200%201-5.031-1.378l-.361-.214-3.741.981.998-3.648-.235-.374a9.86%209.86%200%200%201-1.51-5.26c.001-5.45%204.436-9.884%209.891-9.884a9.82%209.82%200%200%201%207.021%202.91%209.83%209.83%200%200%201%202.9%207.01c-.003%205.45-4.437%209.884-9.888%209.884m8.413-18.297A11.815%2011.815%200%200%200%2012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.056%2024l6.305-1.654a11.88%2011.88%200%200%200%205.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893A11.82%2011.82%200%200%200%2020.121%203.495%27%2F%3E%3C%2Fsvg%3E")} .float-btn.wa:hover{background:#20c763;transform:translateY(-2px);box-shadow:0 13px 28px rgba(0,0,0,.28),0 0 0 4px rgba(37,211,102,.1)} .float-btn.wa:focus-visible{outline:3px solid #fff;outline-offset:4px} .wa-dot{font-size:0;border:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20fill%3D%27%2325D366%27%20d%3D%27M13.601%202.326A7.854%207.854%200%200%200%207.994%200C3.627%200%20.068%203.558.064%207.926c0%201.399.366%202.76%201.057%203.965L0%2016l4.204-1.102a7.93%207.93%200%200%200%203.79.965h.004c4.368%200%207.926-3.558%207.93-7.93A7.9%207.9%200%200%200%2013.6%202.326zM7.994%2014.521a6.573%206.573%200%200%201-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.25a6.56%206.56%200%200%201-1.007-3.505c0-3.626%202.957-6.584%206.591-6.584a6.56%206.56%200%200%201%204.66%201.931%206.56%206.56%200%200%201%201.928%204.66c-.004%203.639-2.961%206.591-6.592%206.591m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.066-.315-.099-.445.099-.133.197-.514.646-.627.775-.116.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.984-.59-.525-.987-1.17-1.103-1.368-.116-.198-.013-.305.086-.404.09-.088.197-.232.295-.348.1-.116.133-.197.198-.33.066-.133.033-.248-.016-.347-.05-.099-.445-1.073-.611-1.47-.16-.389-.323-.336-.445-.342-.116-.007-.248-.007-.38-.007a.729.729%200%200%200-.529.248c-.182.198-.691.677-.691%201.654s.71%201.916.81%202.049c.098.133%201.394%202.132%203.383%202.992.47.205.84.326%201.129.418.475.152.904.129%201.246.08.38-.056%201.17-.478%201.335-.942.165-.464.165-.86.116-.943-.05-.082-.182-.132-.38-.23%27%2F%3E%3C%2Fsvg%3E");width:20px;height:20px;display:inline-block;flex:0 0 20px} .hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px} .hero-meta .hero-note{margin:0} .price-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(82,174,255,.3);background:rgba(8,54,101,.52);color:#e8f5ff;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:850} .price-pill strong{color:#65c1ff}.solution-hero .price-pill{border-color:color-mix(in srgb,var(--theme) 45%,transparent);background:color-mix(in srgb,var(--theme) 12%,#06182d)} .price-note{font-size:12px;color:#94acc1} .social-proof{background:#fff;color:var(--ink);padding:58px 0;border-top:1px solid #e2e9f1;border-bottom:1px solid #e2e9f1} .social-proof-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px} .social-proof-head h2{font-size:clamp(31px,4vw,46px);letter-spacing:-1.5px;line-height:1.08;margin:7px 0 0}.social-proof-head p{max-width:510px;color:#567087;margin:0} .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof-card{background:linear-gradient(145deg,#fff,#f6f9fc);border:1px solid #dce6ef;border-radius:16px;padding:22px;box-shadow:0 12px 28px rgba(30,64,98,.07);min-height:154px}.proof-value{display:block;color:#0979ed;font-size:31px;font-weight:950;letter-spacing:-1.3px;line-height:1}.proof-card h3{font-size:16px;margin:11px 0 5px}.proof-card p{color:#526b81;font-size:13px;margin:0}.proof-foot{margin-top:18px;color:#71869a;font-size:12px} .trust-strip{background:#f5f8fc;color:var(--ink);padding:18px 0;border-bottom:1px solid #dde7ef}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trust-item{background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:13px 15px;box-shadow:0 7px 18px rgba(31,63,94,.05)}.trust-item strong{display:block;color:var(--theme,#087cf0);font-size:18px}.trust-item span{font-size:12px;color:#597188}.trust-item.price strong{color:#0b7b4c} .faq-box{max-width:980px}.faq-intro{color:#60768a;margin:-7px 0 14px}.faq-box details{transition:background .2s ease}.faq-box details[open]{background:#f8fbfe;margin-inline:-12px;padding-inline:12px;border-radius:10px}.faq-box summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-box summary::-webkit-details-marker{display:none}.faq-box summary::after{content:"+";flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf4fa;color:#315b7f;font-size:18px;font-weight:700}.faq-box details[open] summary::after{content:"−"}.faq-box p{margin-bottom:3px}.faq-price{color:#0b7b4c;font-weight:900} @media(max-width:900px){.proof-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.social-proof-head{display:block}.social-proof-head p{margin-top:10px}} @media(max-width:760px){.float-btn.wa{width:48px;height:48px}.float-btn.wa::before{width:24px;height:24px;background-size:24px 24px}.hero-meta{align-items:flex-start}.proof-grid,.trust-grid{grid-template-columns:1fr}.social-proof{padding:44px 0}.proof-card{min-height:auto}.price-pill{border-radius:10px}}