@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#07111f;--panel:#0d1b2d;--panel2:#101f33;--text:#edf5ff;--muted:#9db0c6;--line:#1d3048;--brand:#5b8cff;--brand2:#7c5cff;--cyan:#38d9ff;--green:#40d6a0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#07111f;color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#07111fd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:76px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;white-space:nowrap}.logoImg{height:34px;width:auto;display:block}.footerGrid .logoImg{height:28px}.logoMark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));font-weight:800}.logo b{color:#80a7ff}.navLinks{display:flex;gap:24px;margin-left:auto}.navLinks a,.login{font-size:14px;color:#afbed0}.navLinks a:hover,.login:hover{color:#fff}.navActions{display:flex;align-items:center;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#5b8cff,#795cff);padding:12px 18px;border-radius:11px;font-size:14px;font-weight:700;box-shadow:0 10px 30px #4c66ff33;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:transparent;border:1px solid #314760;box-shadow:none}.menuBtn{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{position:relative;overflow:hidden;padding:88px 0 72px}.heroGlow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(71,107,255,.18),transparent 65%);right:-160px;top:-200px}.heroGrid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#8caeff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.hero h1{font-size:clamp(40px,5.3vw,68px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px;max-width:760px}.heroCopy>p{font-size:18px;color:#a9bad0;max-width:650px}.heroCtas{display:flex;align-items:center;gap:25px;margin:30px 0}.textCta{display:flex;align-items:center;gap:10px;color:#d8e5f5;font-weight:600}.play{width:31px;height:31px;border:1px solid #334b68;border-radius:50%;display:grid;place-items:center}.trustLine{display:flex;align-items:center;gap:8px;color:#90a6be;font-size:13px}.trustLine svg{color:var(--green)}.integrationStrip{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.integrationStrip span{display:flex;align-items:center;gap:7px;border:1px solid #1d3047;background:#0b1929;padding:7px 10px;border-radius:9px;font-size:11px;color:#aabbd0}.heroVisual{position:relative}.dashMock{background:#0b1727;border:1px solid #243b56;border-radius:17px;overflow:hidden;box-shadow:0 35px 100px #00000059}.dashTop{height:36px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#0f2034;border-bottom:1px solid #20364e}.dot{width:7px;height:7px;border-radius:50%;background:#61758d}.red{background:#ff6868}.yellow{background:#ffc65a}.green{background:#50d39b}.dashUrl{font-size:9px;color:#71859d;margin-left:6px}.dashBody{display:grid;grid-template-columns:145px 1fr;min-height:410px}.dashBody aside{padding:18px 10px;background:#091523;border-right:1px solid #1c3147}.miniLogo{width:25px;height:25px;border-radius:7px;overflow:hidden;display:grid;place-items:center;margin:0 10px 20px}.miniLogo img{width:100%;height:100%;object-fit:cover}.sideItem{font-size:9px;color:#71869e;padding:9px 10px;border-radius:7px;display:flex;gap:8px}.sideItem.active{background:#172b44;color:#dce9f8}.dashMain{padding:20px}.dashHeader{display:flex;justify-content:space-between;align-items:center}.dashHeader small{font-size:9px;color:#72869c}.dashHeader h3{font-size:15px;margin:2px 0 12px}.statusPill{font-size:8px;padding:5px 8px;border-radius:20px;background:#0d2a27;color:#55d9a9}.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metricGrid>div,.smallCard,.chartCard{border:1px solid #1b3048;background:#0d1d30;border-radius:9px;padding:12px}.metricGrid small{font-size:8px;color:#7f93aa}.metricGrid strong{display:block;font-size:19px;margin:3px 0}.metricGrid em{font-style:normal;font-size:8px;color:#4ed7a3}.chartCard{margin-top:8px}.chartTitle{display:flex;justify-content:space-between;font-size:9px}.chartTitle span{color:#6e8298}.chart{height:95px;margin-top:10px;display:flex;align-items:end;gap:7px}.chart i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#638fff,#4d67c9);height:var(--h,50%)}.chart i:nth-child(1){--h:32%}.chart i:nth-child(2){--h:42%}.chart i:nth-child(3){--h:35%}.chart i:nth-child(4){--h:60%}.chart i:nth-child(5){--h:52%}.chart i:nth-child(6){--h:68%}.chart i:nth-child(7){--h:55%}.chart i:nth-child(8){--h:78%}.chart i:nth-child(9){--h:65%}.chart i:nth-child(10){--h:83%}.chart i:nth-child(11){--h:74%}.chart i:nth-child(12){--h:92%}.lowerGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.smallCard{font-size:9px}.smallCard>b{font-size:9px}.smallCard p{display:flex;justify-content:space-between;margin:9px 0;color:#8498ae}.smallCard strong{font-size:7px;color:#50d39b}.floatCard{position:absolute;background:#102239;border:1px solid #29435f;border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:9px;box-shadow:0 20px 50px #0000004d}.floatCard.one{left:-35px;bottom:55px}.floatCard.two{right:-25px;top:60px}.floatCard svg{color:#75a0ff}.floatCard b{font-size:10px;display:block}.floatCard small{display:block;color:#7e93a9;font-size:8px}.section{padding:96px 0}.muted{background:#091625}.sectionHead{max-width:720px;margin-bottom:45px}.sectionHead.center{text-align:center;margin-left:auto;margin-right:auto}.sectionHead h2,.twoCol h2,.control h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 15px}.sectionHead p,.lead{color:#91a6bd;font-size:16px;margin:0}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.featureCard{padding:25px;border:1px solid #1b3048;background:#0b192a;border-radius:15px;transition:.2s}.featureCard:hover{transform:translateY(-4px);border-color:#36547a}.iconBox{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#142944;color:#80a5ff}.featureCard h3{margin:20px 0 8px}.featureCard p{font-size:14px;color:#8499b1;min-height:66px}.featureCard a{display:flex;align-items:center;gap:4px;color:#8eb0ff;font-size:12px;font-weight:600}.twoCol,.controlGrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.checkList{list-style:none;padding:0;margin:25px 0}.checkList li{display:flex;align-items:center;gap:10px;margin:13px 0;color:#b3c3d5}.checkList svg{color:var(--green)}.problemVisual{padding:25px;border:1px solid #1b3048;border-radius:16px;background:#0b192a}.taskCard{border:1px solid #263c53;background:#0e1e31;padding:20px;border-radius:12px}.taskCard span{font-size:10px;padding:5px 8px;border-radius:5px;background:#39252a;color:#ff9c9c}.taskCard b{display:block;margin:13px 0 4px}.taskCard p{font-size:12px;color:#879bb0}.taskCard.good{border-color:#225446}.taskCard.good .goodTag{background:#12352e;color:#61dcb1}.taskArrow{text-align:center;color:#60768e;padding:8px}.control{background:linear-gradient(180deg,#07111f,#091829)}.controlGrid{grid-template-columns:.95fr 1.05fr}.permissionCard{background:#0b192a;border:1px solid #29435f;border-radius:15px;padding:20px;box-shadow:0 25px 80px #0000004d}.permHeader{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #1d3147}.permHeader svg{color:#80a5ff}.permRow{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #172a40;font-size:12px;color:#adbed0}.switch{width:31px;height:18px;border-radius:20px;background:#456fd0;padding:2px}.switch i{display:block;width:14px;height:14px;background:#fff;border-radius:50%;margin-left:13px}.switch.off{background:#25374a}.switch.off i{margin-left:0;background:#7d8ea1}.permissionCard small{display:block;color:#6f859c;font-size:9px;margin-top:13px}.miniBenefits{margin-top:25px}.miniBenefits>div{display:flex;gap:13px;margin:18px 0}.miniBenefits svg{color:#80a5ff}.miniBenefits b,.miniBenefits small{display:block}.miniBenefits small{font-size:12px;color:#7f94aa;margin-top:3px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:18px;border:1px solid #1d3048;border-radius:13px;background:#0b192a}.step>span{font-size:11px;color:#7fa3ff;font-weight:800}.step h3{font-size:14px;margin:16px 0 7px}.step p{font-size:12px;color:#7f94aa}.integrationGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.integrationGrid.large{grid-template-columns:repeat(4,1fr)}.integrationCard{padding:23px;text-align:center;border:1px solid #1d3048;background:#0b192a;border-radius:14px}.brandIcon{width:48px;height:48px;border-radius:13px;background:#142944;display:grid;place-items:center;margin:0 auto 13px;color:#8cb0ff}.integrationCard b{display:block}.integrationCard span{display:block;color:#72879d;font-size:10px;margin-top:4px}.brandIcon.simpleIcon{overflow:hidden}.brandIcon.simpleIcon svg{display:block;fill:currentColor}.categoryStack{display:flex;flex-direction:column;gap:38px}.categoryHead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #1d3048}.categoryHead b{font-size:18px}.categoryHead span{font-size:12px;color:#72879d}.connGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.connCard{padding:22px;text-align:left;border:1px solid #1d3048;background:#0b192a;border-radius:14px}.connCardTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.connCardTop .brandIcon{margin:0}.connCard b{display:block;margin-bottom:5px;font-size:14px}.connCard>span{display:block;color:#8297ae;font-size:12px}.roadmapGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.roadmapCard{padding:22px;border:1px solid #1d3048;background:#0b192a;border-radius:14px}.roadmapCard b{display:block;margin-bottom:8px;font-size:14px;color:#eaf1fb}.roadmapCard small{display:block;margin-bottom:10px;color:#7f94aa;font-size:11.5px;line-height:1.55}.roadmapCard p{margin:0;padding-top:12px;border-top:1px solid #1d3048;color:#8297ae;font-size:12.5px;line-height:1.7}.apiBanner{margin-top:18px;padding:25px;border:1px solid #243d58;background:linear-gradient(90deg,#0e2034,#0d1a2a);border-radius:15px;display:flex;justify-content:space-between;align-items:center}.apiBanner h3{margin:0 0 5px}.apiBanner p{margin:0;color:#7f94aa;font-size:13px}.apiBanner>a{display:flex;align-items:center;gap:6px;color:#8eb0ff;font-size:12px;font-weight:700}.useGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.useGrid article{padding:23px;border:1px solid #1c3047;background:#0b192a;border-radius:14px}.useGrid svg{color:#80a5ff}.useGrid h3{margin:15px 0 6px}.useGrid p{color:#8297ae;font-size:13px}.dashboardSection .dashMock{max-width:980px;margin:auto}.finalCta{padding:30px 0 100px}.ctaBox{position:relative;overflow:hidden;text-align:center;padding:70px 25px;border-radius:22px;border:1px solid #294363;background:radial-gradient(circle at 50% 0,rgba(91,140,255,.18),transparent 55%),#0b1a2d}.ctaBox h2{font-size:clamp(32px,4vw,50px);margin:0 0 12px}.ctaBox p{color:#8da3bb;margin-bottom:27px}.faq{max-width:900px}.faq details{border-top:1px solid #20344c;padding:19px 0}.faq summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:#8297ae;font-size:14px;max-width:800px}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:40px;padding:65px 0;border-top:1px solid #1a2d43}.footerGrid>div:first-child p{max-width:320px;color:#778da5;font-size:13px}.footerGrid small{color:#60768d}.footerGrid b{display:block;margin-bottom:15px;font-size:12px}.footerGrid a{display:block;color:#758ba3;font-size:12px;margin:9px 0}.innerHero{padding:100px 0 80px;background:radial-gradient(circle at 70% 0,rgba(82,111,255,.14),transparent 45%),#091625}.narrow{max-width:850px}.narrow h1{font-size:clamp(40px,6vw,64px);line-height:1.05;letter-spacing:-.04em;margin:0 0 20px}.narrow>p{font-size:18px;color:#93a8bf;max-width:750px;margin-bottom:30px}.contentGrid{display:grid;grid-template-columns:1fr 320px;gap:65px}.contentGrid article h2{font-size:28px;margin-top:38px}.contentGrid article p{color:#8ca1b8}.keywordCards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.keywordCards>div{padding:14px;border:1px solid #1d3048;border-radius:10px;display:flex;gap:8px;align-items:center;background:#0b192a;color:#aabbd0;font-size:13px}.keywordCards svg{color:#4fd8a3}.sideCta{padding:24px;border:1px solid #29415d;background:#0c1b2d;border-radius:15px}.sideCta svg{color:#80a5ff}.sideCta h3{margin:15px 0 5px}.sideCta p{font-size:13px;color:#8095ac}.sideLinks{margin-top:15px;padding:20px;border:1px solid #1b3048;border-radius:15px}.sideLinks b{font-size:12px}.sideLinks a{display:block;color:#8398ae;font-size:12px;margin-top:11px}.pricingGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.enterpriseCta{margin-top:40px;padding:36px;border:1px solid #243d58;background:linear-gradient(90deg,#0e2034,#0d1a2a);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:30px}.enterpriseCta h3{margin:10px 0 8px;font-size:23px;letter-spacing:-.02em}.enterpriseCta p{margin:0;color:#8da3bb;font-size:14px;max-width:520px}.enterpriseCtaActions{display:flex;gap:12px;flex-shrink:0}.priceCard{padding:25px;border:1px solid #1e344d;background:#0b192a;border-radius:15px;display:flex;flex-direction:column}.priceCard h2{font-size:22px;margin:12px 0 8px}.priceCard>p{font-size:13px;color:#8297ae;min-height:30px}.priceCard ul{padding:0;list-style:none;color:#a8bacd;font-size:12px}.priceCard li{display:flex;gap:7px;margin:11px 0}.priceCard li svg{width:15px;color:#50d7a3;flex-shrink:0}.priceCard .btn{margin-top:auto}.overageRates{margin:4px 0 15px;padding-top:12px;border-top:1px solid #1d3048}.overageRates small{display:block;color:#6f859c;font-size:10px;margin-bottom:8px}.overageRates ul{font-size:11px;color:#8da0b5}.overageRates li{margin:6px 0}.pricingNote{margin-top:18px;padding:18px;border:1px solid #493f24;background:#211b0d;color:#b8a979;border-radius:10px;font-size:12px}.regionSwitch{color:#8cb0ff!important;font-weight:600}@media(max-width:950px){.navLinks{display:none;position:absolute;left:20px;right:20px;top:68px;background:#0b192a;border:1px solid #243a53;border-radius:12px;padding:15px;flex-direction:column}.navLinks.open{display:flex}.menuBtn{display:block}.navActions{margin-left:auto}.navActions .btn{display:none}.heroGrid,.twoCol,.controlGrid,.contentGrid{grid-template-columns:1fr}.heroVisual{margin-top:25px}.featureGrid,.steps{grid-template-columns:1fr 1fr}.integrationGrid{grid-template-columns:repeat(3,1fr)}.connGrid,.roadmapGrid{grid-template-columns:repeat(2,1fr)}.useGrid,.pricingGrid,.footerGrid{grid-template-columns:1fr 1fr}.floatCard.one{left:5px}.floatCard.two{right:5px}}@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.nav{height:66px}.login{display:none}.hero{padding:65px 0 55px}.hero h1{font-size:39px}.heroCopy>p{font-size:16px}.heroCtas{align-items:flex-start;flex-direction:column;gap:16px}.integrationStrip{gap:6px}.integrationStrip span{font-size:9px}.dashBody{grid-template-columns:75px 1fr}.sideItem{font-size:0;justify-content:center}.dashBody aside{padding:14px 5px}.metricGrid,.lowerGrid{grid-template-columns:1fr}.dashMain{padding:12px}.floatCard{display:none}.section{padding:70px 0}.featureGrid,.useGrid,.pricingGrid,.integrationGrid,.integrationGrid.large,.connGrid,.roadmapGrid,.keywordCards{grid-template-columns:1fr}.categoryHead{flex-direction:column;align-items:flex-start;gap:4px}.steps{grid-template-columns:1fr}.apiBanner,.enterpriseCta{align-items:flex-start;gap:20px;flex-direction:column}.enterpriseCtaActions{width:100%}.enterpriseCtaActions .btn{flex:1;justify-content:center}.footerGrid{grid-template-columns:1fr 1fr;gap:30px}.footerGrid>div:first-child{grid-column:1/-1}.sectionHead h2,.twoCol h2,.control h2{font-size:34px}.innerHero{padding:70px 0 55px}.narrow h1{font-size:40px}.navLinks a{padding:6px}.logo{font-size:16px}}
