:root{--ink:#101318;--muted:#66707d;--line:#e7e9ed;--paper:#f7f7f5;--white:#fff;--blue:#4b67ff;--violet:#7056e8;--cyan:#25b8c9;--dark:#11151c;--green:#39a46b;--radius:24px;--shadow:0 22px 70px rgba(20,25,35,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.announcement{background:#11151c;color:#dce0e8;font-size:12px;letter-spacing:.02em}.announcement .wrap{min-height:36px;display:flex;align-items:center;gap:10px}.announcement b{color:#fff}.announcement a{margin-left:auto;color:#bfc7ff}.siteHeader{position:sticky;top:0;z-index:20;background:rgba(247,247,245,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,25,35,.07)}.nav{height:76px;display:flex;align-items:center}.brand img{display:block;width:156px;height:49px;object-fit:contain}.desktopNav{display:flex;gap:30px;margin-left:auto;margin-right:35px}.desktopNav a,.textLink{font-size:13px;color:#4e5662;font-weight:600}.desktopNav a:hover,.textLink:hover{color:var(--ink)}.navActions{display:flex;align-items:center;gap:22px}.navCta{background:#171b23;color:#fff;padding:11px 17px;border-radius:12px;font-size:13px;font-weight:700}.navCta span{margin-left:8px;color:#aeb7ff}.menuBtn{display:none;border:0;background:none;font-size:23px}.hero{background:linear-gradient(115deg,#f7f7f5 0%,#f1f3ff 48%,#eef8f7 100%);padding:82px 0 0;overflow:hidden;border-bottom:1px solid var(--line)}.heroGrid{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}.eyebrow,.sectionKicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#68717e}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 0 5px #e7eaff}.hero h1,.sectionHead h2,.statement h2,.workflow h2,.networkCopy h2,.roles h2,.demo h2,.pricing h2,.faq h2,.finalCta h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.03}.hero h1{font-size:clamp(52px,6vw,78px);margin:24px 0 25px}.hero h1 em{font-style:normal;color:#6875e8}.heroLead{font-size:18px;color:#5e6875;max-width:570px;line-height:1.75}.heroBtns{display:flex;gap:12px;margin:32px 0 40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 19px;border-radius:13px;font-weight:700;font-size:14px;border:1px solid transparent}.btn.dark{background:#171b23;color:#fff;box-shadow:0 12px 30px rgba(17,21,28,.15)}.btn.ghost{background:#fff;border-color:#dfe2e7}.btn span{opacity:.7}.heroMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #dfe2e6;padding-top:22px}.heroMeta div{display:flex;flex-direction:column}.heroMeta strong{font-size:12px}.heroMeta span{font-size:11px;color:#7a828d}.heroVisual{position:relative;padding:10px 0 45px}.visualLabel{display:flex;align-items:end;justify-content:space-between;margin:0 20px 12px}.visualLabel span{font-size:10px;letter-spacing:.15em;color:#7c8592;font-weight:800}.visualLabel b{font-size:12px}.dashFrame{background:#fff;border:1px solid #dfe2e7;border-radius:18px;padding:9px;box-shadow:var(--shadow);transform:rotate(1.1deg);position:relative;z-index:2}.frameBar{height:27px;display:flex;align-items:center;gap:5px;padding:0 8px}.frameBar span{width:7px;height:7px;border-radius:50%;background:#d7dbe1}.frameBar small{margin-left:auto;color:#a1a7b0;font-size:9px}.dashFrame img{width:100%;display:block;border-radius:10px;border:1px solid #eceef1}.sideNote{position:absolute;background:#fff;border:1px solid #e3e5e9;border-radius:14px;padding:11px 14px;box-shadow:0 12px 30px rgba(30,35,45,.1);z-index:3}.sideNote b{display:block;font-size:11px}.sideNote span{display:block;font-size:10px;color:#78818e}.noteA{left:-34px;bottom:95px}.noteB{right:-20px;top:145px}.heroBottom{height:74px;display:flex;align-items:center;gap:18px;color:#747d88;font-size:11px;letter-spacing:.04em}.heroBottom .line{height:1px;background:#dce0e5;flex:1}.statement{padding:120px 0;background:#fff}.statementGrid{display:grid;grid-template-columns:220px 1fr;gap:70px}.statement h2{font-size:clamp(42px,5vw,68px);max-width:850px;margin:0 0 26px}.statement h2 span{color:#6d76df}.statement p{max-width:750px;color:#6a7380;font-size:18px}.capabilities{padding:120px 0;background:#f7f7f5}.sectionHead{display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:end;margin-bottom:55px}.sectionHead h2{font-size:clamp(44px,5vw,64px);margin:13px 0 0}.sectionHead p{color:#6d7682;line-height:1.8}.capGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cap{background:#fff;border:1px solid #e5e7ea;border-radius:20px;padding:28px;min-height:320px;position:relative;transition:.25s}.cap:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cap.featured{background:#171b23;color:#fff;border-color:#171b23}.capNo{font-size:10px;letter-spacing:.14em;color:#969da8}.featured .capNo{color:#9ca6ba}.capIcon{margin:25px 0 17px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eef0ff;color:#5868e9;font-size:20px;font-weight:700}.featured .capIcon{background:#303643;color:#c6ccff}.cap h3{font-family:'Space Grotesk';font-size:24px;margin:0 0 10px;letter-spacing:-.03em}.cap p{font-size:13px;color:#737c88}.featured p{color:#c1c6cf}.cap ul{list-style:none;padding:0;margin:20px 0 0;border-top:1px solid #e7e9ec;padding-top:16px}.featured ul{border-color:#333945}.cap li{font-size:11px;color:#626b77;margin:5px 0}.featured li{color:#d2d6dd}.workflow{background:#15191f;color:#fff;padding:120px 0}.workflowGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.workflow .sectionKicker{color:#8f98a8}.workflow h2{font-size:clamp(45px,5vw,64px);margin:15px 0 22px}.workflowCopy>p{color:#aeb5c0;max-width:480px;line-height:1.8}.inlineBtn{display:inline-block;margin-top:25px;font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}.steps{border-top:1px solid #333943}.step{display:grid;grid-template-columns:55px 1fr;gap:24px;padding:27px 0;border-bottom:1px solid #333943}.step>b{font-size:11px;color:#8f98a8}.step small{font-size:10px;letter-spacing:.15em;color:#7d87f4;font-weight:800}.step h3{font-family:'Space Grotesk';font-size:24px;margin:6px 0}.step p{margin:0;color:#9ea7b4;font-size:13px}.screens{padding:120px 0;background:#fff}.screenHead h2 span{color:#6974e4}.screenTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.screenTab{border:1px solid #e0e3e8;background:#f7f8fa;color:#66707d;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer}.screenTab.active{background:#171b23;color:#fff;border-color:#171b23}.screenStage{background:#f5f6f8;border:1px solid #e2e4e8;border-radius:24px;padding:26px;display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:center}.screenCaption span,.videoLabel,.credHead small{font-size:9px;letter-spacing:.16em;font-weight:800;color:#7b8490}.screenCaption h3{font-family:'Space Grotesk';font-size:30px;margin:12px 0}.screenCaption p{font-size:13px;color:#6e7783;line-height:1.7}.points{display:flex;flex-direction:column;gap:7px;margin-top:22px}.points i{font-style:normal;font-size:11px;color:#4f5966}.points i:before{content:'✓';color:#5d6de9;margin-right:8px}.screenShot{background:#fff;border:1px solid #dfe2e6;border-radius:14px;padding:8px;box-shadow:0 16px 45px rgba(24,29,39,.08);overflow:hidden}.screenShot img{width:100%;display:block;border-radius:8px;transition:.2s}.screenShot img.switching{opacity:.25;transform:scale(.995)}.networkShow{padding:120px 0;background:#eef1ff}.networkGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.networkImage{position:relative}.networkImage img{width:100%;display:block;border:10px solid #fff;border-radius:18px;box-shadow:var(--shadow)}.imageTag{position:absolute;z-index:2;top:-14px;left:24px;background:#171b23;color:#fff;border-radius:8px;padding:7px 10px;font-size:9px;letter-spacing:.13em;font-weight:800}.networkCopy h2{font-size:clamp(42px,4vw,58px);margin:15px 0 22px}.networkCopy>p{color:#68717e;line-height:1.8}.networkRows{margin-top:28px;border-top:1px solid #d9dce8}.networkRows div{padding:15px 0;border-bottom:1px solid #d9dce8}.networkRows b{display:block;font-size:10px;letter-spacing:.12em}.networkRows span{display:block;color:#68717e;font-size:12px}.roles{padding:120px 0;background:#f7f7f5}.roleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.roleGrid article{background:#fff;border:1px solid #e3e5e8;border-radius:18px;padding:26px;min-height:220px}.roleGrid span{font-size:10px;color:#77808c}.roleGrid h3{font-family:'Space Grotesk';font-size:23px;margin:40px 0 8px}.roleGrid p{font-size:12px;color:#737c88}.demo{padding:120px 0;background:#171b23;color:#fff}.demoIntro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.sectionKicker.light{color:#8f98a8}.demo h2{font-size:clamp(45px,5vw,64px);margin:14px 0}.demo h2 span{color:#a9b1ff}.demoIntro p{color:#aab1bd;max-width:650px}.lightBtn{background:#fff;color:#171b23}.demoGrid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.videoCard,.credentials{background:#20252d;border:1px solid #303641;border-radius:22px;padding:20px}.videoLabel{color:#8f98a8;margin-bottom:14px}.videoPoster{position:relative;display:block;overflow:hidden;border-radius:14px}.videoPoster img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;filter:brightness(.7)}.videoPoster .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#fff;color:#171b23;display:grid;place-items:center;padding-left:3px}.videoPoster div{position:absolute;left:18px;bottom:16px}.videoPoster b,.videoPoster small{display:block}.videoPoster small{font-size:11px;color:#d1d6df;margin-top:3px}.credHead{display:flex;justify-content:space-between;align-items:start}.credHead h3{font-family:'Space Grotesk';font-size:25px;margin:5px 0 20px}.credHead>span{font-size:9px;letter-spacing:.13em;background:#303641;border-radius:99px;padding:7px 9px;color:#b9c1ce}.credList{border-top:1px solid #343a45}.cred{display:grid;grid-template-columns:105px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #343a45}.cred>b{font-size:12px}.cred>span{font-size:10px;color:#8f98a8}.cred code{font-size:10px;color:#d5d9df;background:#292f38;border-radius:6px;padding:6px 8px}.cred button{background:none;border:1px solid #414854;color:#b8c0cd;border-radius:7px;padding:5px 8px;font-size:9px;cursor:pointer}.demoWarn{font-size:10px;color:#8f98a8;margin:15px 0 0}.pricing{padding:120px 0;background:#fff}.pricingGrid{display:grid;grid-template-columns:1fr 450px;gap:100px;align-items:center}.pricing h2{font-size:clamp(45px,5vw,64px);margin:14px 0 20px}.pricingGrid>div>p{color:#69727f;max-width:550px}.priceCard{border:1px solid #dfe2e6;border-radius:22px;padding:30px;box-shadow:var(--shadow)}.priceTop{display:flex;justify-content:space-between;color:#727b87;font-size:12px}.priceTop b{color:#5f6ce0}.priceCard h3{font-family:'Space Grotesk';font-size:28px;margin:30px 0 7px}.priceCard>p{font-size:13px;color:#737c88}.priceList{display:grid;gap:10px;margin:25px 0}.priceList span{font-size:12px}.wide{width:100%}.faq{padding:120px 0;background:#f7f7f5}.faqGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq h2{font-size:clamp(42px,4vw,56px);margin:14px 0}.faqList details{border-top:1px solid #dfe1e4;padding:20px 0}.faqList details:last-child{border-bottom:1px solid #dfe1e4}.faqList summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none}.faqList summary::-webkit-details-marker{display:none}.faqList summary:after{content:'+';float:right;font-size:20px;font-weight:400}.faqList details[open] summary:after{content:'−'}.faqList p{color:#707986;font-size:13px;max-width:700px;margin:12px 0 0}.finalCta{padding:90px 0;background:#e9ebff}.finalCta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.finalCta h2{font-size:clamp(43px,5vw,62px);margin:14px 0 0}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding:70px 0 55px}.footerGrid img{width:150px;height:48px;object-fit:contain}.footerGrid p{font-size:12px;color:#737c88;max-width:280px}.footerGrid div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footerGrid b{font-size:11px;letter-spacing:.1em;margin-bottom:6px}.footerGrid a,.footerGrid span{font-size:11px;color:#737c88}.footerBottom{border-top:1px solid #dddfe3;padding:18px 0;display:flex;justify-content:space-between;font-size:10px;color:#858d98}
@media(max-width:900px){.desktopNav{display:none}.menuBtn{display:block}.textLink{display:none}.heroGrid,.statementGrid,.workflowGrid,.networkGrid,.pricingGrid,.faqGrid{grid-template-columns:1fr;gap:45px}.hero{padding-top:55px}.heroVisual{padding-bottom:20px}.noteA{left:5px}.noteB{right:5px}.sectionHead{grid-template-columns:1fr;gap:15px}.capGrid{grid-template-columns:repeat(2,1fr)}.roleGrid{grid-template-columns:repeat(2,1fr)}.screenStage{grid-template-columns:1fr}.demoIntro{display:block}.demoIntro .btn{margin-top:20px}.demoGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:2fr 1fr 1fr}.desktopNav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px 24px;flex-direction:column;margin:0;border-bottom:1px solid #ddd}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.announcement .wrap{font-size:10px}.announcement .wrap b{display:none}.hero h1{font-size:48px}.heroLead{font-size:16px}.heroMeta{grid-template-columns:1fr}.heroBottom{height:auto;padding:25px 0}.heroBottom .line{display:none}.heroBottom span:last-child{display:none}.statement,.capabilities,.workflow,.screens,.networkShow,.roles,.demo,.pricing,.faq{padding:80px 0}.capGrid,.roleGrid{grid-template-columns:1fr}.screenTabs{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.screenTab{white-space:nowrap}.cred{grid-template-columns:1fr auto}.cred>span{grid-column:1}.cred code{grid-column:1}.cred button{grid-column:2;grid-row:2}.finalCta .wrap{display:block}.finalCta .btn{margin-top:20px}.footerGrid{grid-template-columns:1fr 1fr;gap:30px}.footerBottom{display:block}.footerBottom span{display:block;margin:4px 0}}

/* ISPConnect v2 — original product-led additions */
.proofStrip{background:#171b23;color:#fff;border-bottom:1px solid #2b3038}
.proofGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.proofGrid>div{padding:25px 22px;border-right:1px solid #303640;display:flex;flex-direction:column}
.proofGrid>div:first-child{border-left:1px solid #303640}
.proofGrid strong{font-family:'Space Grotesk';font-size:27px;letter-spacing:-.04em;color:#aab2ff}
.proofGrid span{font-size:12px;font-weight:700;margin-top:2px}
.proofGrid small{font-size:10px;color:#8e97a5;margin-top:3px}
.experience{padding:120px 0;background:#fff}
.experience .sectionHead h2 span{color:#6974e4}
.experienceGrid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:14px;align-items:stretch}
.experienceCard{border:1px solid #e1e4e8;border-radius:22px;background:#f6f7f9;padding:22px;overflow:hidden;min-height:500px;position:relative}
.experienceCard.darkCard{background:#171b23;border-color:#171b23;color:#fff}
.experienceCard.accentCard{background:#eef1ff}
.cardTop{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.13em;font-weight:800;color:#7b8490}
.darkCard .cardTop{color:#929ba8}
.experienceCard h3{font-family:'Space Grotesk';font-size:29px;line-height:1.1;letter-spacing:-.04em;margin:55px 0 12px;max-width:370px}
.experienceCard p{font-size:12px;line-height:1.75;color:#6d7682;max-width:390px}
.darkCard p{color:#aeb5c0}
.experienceCard img{position:absolute;left:22px;right:22px;bottom:-42px;width:calc(100% - 44px);border:7px solid #fff;border-radius:13px;box-shadow:0 20px 50px rgba(20,25,35,.15)}
.darkCard img{border-color:#262c35}
.integrationBand{padding:100px 0;background:#f7f7f5;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}
.integrationIntro{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:end}
.integrationIntro h2{font-family:'Space Grotesk';font-size:clamp(40px,4.5vw,57px);line-height:1.04;letter-spacing:-.055em;margin:14px 0 0;max-width:760px}
.integrationIntro p{color:#6c7581;font-size:14px;line-height:1.8;margin:0}
.integrationItems{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px;border-top:1px solid #dfe2e5;border-bottom:1px solid #dfe2e5}
.integrationItems div{padding:22px 18px;border-right:1px solid #dfe2e5}
.integrationItems div:first-child{border-left:1px solid #dfe2e5}
.integrationItems b{font-size:10px;letter-spacing:.12em;display:block}
.integrationItems span{font-size:10px;color:#78818d;display:block;margin-top:5px;line-height:1.5}
@media(max-width:900px){.proofGrid{grid-template-columns:repeat(2,1fr)}.proofGrid>div:nth-child(3){border-left:1px solid #303640}.experienceGrid{grid-template-columns:1fr}.experienceCard{min-height:430px}.integrationIntro{grid-template-columns:1fr;gap:15px}.integrationItems{grid-template-columns:repeat(2,1fr)}.integrationItems div:nth-child(3){border-left:1px solid #dfe2e5}.integrationItems div:nth-child(5){grid-column:span 2;border-left:1px solid #dfe2e5}}
@media(max-width:600px){.proofGrid{grid-template-columns:1fr 1fr}.proofGrid>div{padding:18px 14px}.proofGrid>div:nth-child(odd){border-left:1px solid #303640}.experience,.integrationBand{padding:80px 0}.experienceCard{min-height:440px}.experienceCard h3{font-size:25px;margin-top:38px}.integrationItems{grid-template-columns:1fr}.integrationItems div,.integrationItems div:nth-child(5){border-left:1px solid #dfe2e5;border-right:1px solid #dfe2e5;grid-column:auto}}


/* ISPConnect payment + Android app section */
.payments{padding:120px 0 110px;background:#f7f8fb;overflow:hidden}
.paymentsHead{align-items:end}
.paymentsHead h2{margin-bottom:18px}
.paymentsHead h2 span{color:#6d5dfc}
.paymentHero{margin-top:55px;background:#10131d;border-radius:32px;padding:34px;box-shadow:0 24px 70px rgba(16,19,29,.13)}
.paymentIntro{display:flex;align-items:center;gap:18px;color:#fff;padding:10px 4px 32px}
.payOrb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#6d5dfc,#9a6cff);font-size:27px;font-weight:800;box-shadow:0 12px 28px rgba(109,93,252,.35)}
.paymentIntro small{display:block;color:#aeb5c7;font-weight:700;letter-spacing:.12em;font-size:11px}
.paymentIntro h3{margin:5px 0 4px;font-size:25px;color:#fff}
.paymentIntro p{margin:0;color:#9ea6b8;max-width:760px;font-size:14px}
.paymentGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.paymentCard{background:#fff;border:1px solid #e8eaf0;border-radius:22px;padding:25px;min-height:260px;position:relative;overflow:hidden;transition:.25s ease}
.paymentCard:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(20,25,40,.12)}
.paymentCard:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:#111}
.paymentCard.bkash:before{background:#e2136e}.paymentCard.webhook:before{background:#6d5dfc}.paymentCard.ssl:before{background:#1769aa}.paymentCard.send:before{background:#16a47b}
.paymentLogo{font-weight:900;font-size:23px;color:#e2136e;margin-bottom:22px}.sslLogo{color:#1769aa;font-size:18px}.paymentIcon{font-size:28px;font-weight:800;margin-bottom:18px}
.payTag{font-size:10px;letter-spacing:.12em;font-weight:800;color:#8a90a0;display:block;margin-bottom:8px}.paymentCard h3{font-size:20px;margin:0 0 10px}.paymentCard p{font-size:13px;line-height:1.7;color:#697080;margin:0 0 18px}.paymentCard>b{font-size:11px;color:#171a23}
.androidApp{margin-top:70px;border-radius:30px;background:linear-gradient(120deg,#e9e7ff 0%,#f5f4ff 48%,#fff 100%);padding:58px 70px;display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:center;position:relative;overflow:hidden}
.androidApp:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(109,93,252,.08);right:-130px;top:-180px}
.phoneMock{width:220px;height:430px;background:#11131a;border:7px solid #0b0c10;border-radius:38px;margin:auto;box-shadow:0 28px 60px rgba(15,16,25,.28);padding:8px;position:relative;z-index:1}
.phoneTop{height:22px;width:74px;border-radius:0 0 15px 15px;background:#0b0c10;margin:-8px auto 8px}.phoneScreen{height:380px;border-radius:27px;background:#fff;padding:23px 15px}.appMiniLogo{font-weight:900;font-size:16px;margin-bottom:24px}.appBalance{background:#11131d;border-radius:18px;color:#fff;padding:18px;margin-bottom:15px}.appBalance small,.appBalance span{display:block;color:#aeb4c2;font-size:9px}.appBalance strong{display:block;font-size:27px;margin:7px 0}.appBtn{background:#6d5dfc;color:#fff;text-align:center;padding:11px;border-radius:12px;font-size:12px;font-weight:800;margin-bottom:13px}.appRow{display:flex;justify-content:space-between;padding:14px 4px;border-bottom:1px solid #eee;font-size:10px;font-weight:700}.appRow i{font-style:normal;color:#999}
.androidCopy{position:relative;z-index:1}.androidCopy h3{font-size:42px;line-height:1.12;margin:10px 0 18px;max-width:680px}.androidCopy h3 span{color:#6d5dfc}.androidCopy>p{max-width:650px;color:#697080;line-height:1.8}.appFeatures{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:25px 0;color:#303440;font-size:13px;font-weight:700}.appFeatures span{padding:12px 14px;background:rgba(255,255,255,.7);border:1px solid rgba(220,220,235,.9);border-radius:12px}
@media(max-width:980px){.paymentGrid{grid-template-columns:1fr 1fr}.androidApp{grid-template-columns:230px 1fr;padding:45px 35px;gap:35px}.androidCopy h3{font-size:34px}}
@media(max-width:700px){.paymentGrid{grid-template-columns:1fr}.paymentHero{padding:22px}.paymentIntro{align-items:flex-start}.androidApp{grid-template-columns:1fr;padding:40px 24px}.phoneMock{width:190px;height:375px}.phoneScreen{height:325px}.appFeatures{grid-template-columns:1fr}.androidCopy h3{font-size:30px}}

/* ISPConnect payment ecosystem — premium redesign */
.payments{padding:125px 0 120px;background:#f5f6f8;overflow:hidden}
.paymentsTop{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}
.paymentsTop h2{font-family:'Space Grotesk';font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.065em;margin:15px 0 0}
.paymentsTop h2 span{color:#6d5dfc}
.paymentsLead{max-width:500px;margin:0 0 7px;color:#68717e;font-size:15px;line-height:1.9}
.paySystem{margin-top:60px;display:grid;grid-template-columns:.78fr 1.22fr;background:#12151d;border-radius:30px;overflow:hidden;box-shadow:0 28px 75px rgba(16,20,30,.15)}
.paySystemIntro{padding:52px;color:#fff;position:relative;background:radial-gradient(circle at 80% 20%,rgba(109,93,252,.27),transparent 40%)}
.payBadge{display:inline-flex;gap:9px;align-items:center;border:1px solid #333947;border-radius:100px;padding:9px 13px;font-size:9px;letter-spacing:.12em;font-weight:800}
.payBadge span{color:#aab1c0}.payBadge b{color:#8f82ff}
.paySystemIntro h3{font-family:'Space Grotesk';font-size:39px;line-height:1.05;letter-spacing:-.045em;margin:55px 0 16px}.paySystemIntro h3 em{font-style:normal;color:#8c80ff}.paySystemIntro p{color:#9ca5b5;line-height:1.75;font-size:13px;max-width:360px}.paySystemLink{display:inline-flex;gap:12px;align-items:center;margin-top:25px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.paySystemLink span{color:#8e82ff}
.payFlow{padding:42px 42px 38px;position:relative;background:#181c25}.flowLine{position:absolute;left:68px;top:76px;bottom:72px;width:1px;background:#343a46}.flowNode{position:relative;display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;margin-bottom:21px}.flowIcon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#242934;border:1px solid #343a46;color:#fff;font-size:15px;font-weight:900;z-index:1}.flowIcon.bk{color:#ff4b9a}.flowIcon.ssl{color:#66b7ff}.flowIcon.sm{color:#55d4ae}.flowNode small,.flowResult small{display:block;color:#737d8d;font-size:8px;letter-spacing:.13em;font-weight:800}.flowNode strong{display:block;color:#fff;font-size:14px;margin-top:4px}.flowNode p{margin:3px 0 0;color:#858e9e;font-size:10px}.flowResult{display:flex;gap:14px;align-items:center;margin-left:10px;margin-top:8px;padding:17px 18px;border:1px solid #303643;background:#20252f;border-radius:16px}.flowResult>span{width:31px;height:31px;border-radius:10px;background:#223b35;color:#63dbb4;display:grid;place-items:center;font-weight:900}.flowResult strong{color:#e7ebf2;font-size:12px;display:block;margin-top:3px}
.paymentCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.paymentCards article{background:#fff;border:1px solid #e2e5ea;border-radius:19px;padding:24px;display:grid;grid-template-columns:42px 1fr 18px;gap:13px;align-items:start;min-height:155px;transition:.22s}.paymentCards article:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,25,35,.09)}.miniMark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:13px}.bkMark{background:#fff0f6;color:#e2136e}.hookMark{background:#f0edff;color:#6d5dfc}.sslMark{background:#edf7ff;color:#1671b8}.sendMark{background:#eafaf5;color:#15906c}.paymentCards article span{display:block;color:#9299a5;font-size:8px;font-weight:800;letter-spacing:.11em}.paymentCards h3{font-size:15px;margin:5px 0 7px}.paymentCards p{font-size:10px;color:#747d89;line-height:1.6;margin:0}.cardArrow{font-size:14px;color:#9aa1ad}
.androidShowcase{margin-top:80px;background:#e9e8ff;border-radius:32px;display:grid;grid-template-columns:1fr 1fr;min-height:610px;overflow:hidden;position:relative}.appVisual{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#dedbff,#f5f4ff 70%)}.appGlow{position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(109,93,252,.10);filter:blur(2px)}.phone{width:245px;height:500px;background:#0d0f15;border:7px solid #080a0e;border-radius:42px;padding:8px;position:relative;z-index:2;box-shadow:0 35px 70px rgba(34,28,80,.28);transform:rotate(-4deg)}.phoneNotch{width:85px;height:22px;background:#080a0e;border-radius:0 0 17px 17px;margin:-8px auto 8px}.phoneUi{height:445px;background:#f9f9fc;border-radius:30px;padding:20px 16px;overflow:hidden}.phoneHeader{display:flex;justify-content:space-between;font-size:12px;font-weight:900}.phoneHeader i{font-style:normal;color:#858b96}.clientHello{margin-top:25px}.clientHello small{font-size:8px;color:#8d94a1;letter-spacing:.1em;font-weight:800}.clientHello strong{display:block;font-family:'Space Grotesk';font-size:24px;margin:5px 0}.clientHello span{font-size:9px;color:#7b8390;line-height:1.5;display:block}.billCard{margin-top:20px;padding:17px;border-radius:18px;background:#171a23;color:#fff;display:flex;align-items:end;justify-content:space-between}.billCard small,.billCard span{display:block;color:#9ea5b4;font-size:8px}.billCard strong{font-size:25px;display:block;margin:4px 0}.billCard>b{background:#6d5dfc;padding:9px 13px;border-radius:10px;font-size:9px}.appMenu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.appMenu div{background:#fff;border:1px solid #e6e7eb;border-radius:13px;padding:12px 5px;text-align:center}.appMenu i{width:25px;height:25px;margin:auto auto 6px;display:grid;place-items:center;border-radius:8px;background:#f0eeff;color:#6d5dfc;font-style:normal;font-size:11px}.appMenu span{display:block;font-size:8px;font-weight:800}.appStatus{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e6e7eb;border-radius:14px;margin-top:13px;padding:11px}.appStatus>span{width:8px;height:8px;border-radius:50%;background:#42c89b;box-shadow:0 0 0 5px #e7f8f2}.appStatus small{display:block;color:#969daa;font-size:7px;letter-spacing:.08em}.appStatus strong{display:block;font-size:9px;margin-top:3px}.appFloat{position:absolute;z-index:3;background:#fff;border:1px solid #e2e2ea;border-radius:15px;padding:12px 15px;box-shadow:0 15px 35px rgba(44,39,90,.12)}.appFloat b{display:block;font-size:10px}.appFloat span{display:block;font-size:8px;color:#9298a5;margin-top:3px}.floatOne{left:8%;top:23%}.floatTwo{right:8%;bottom:24%}.androidText{padding:82px 75px;display:flex;flex-direction:column;justify-content:center;background:#fff}.androidText h3{font-family:'Space Grotesk';font-size:clamp(43px,5vw,65px);line-height:.99;letter-spacing:-.06em;margin:14px 0 22px}.androidText h3 span{color:#6d5dfc}.androidText>p{max-width:500px;color:#68717e;font-size:14px;line-height:1.85}.appPoints{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 32px;max-width:560px}.appPoints div{padding:14px 13px;border:1px solid #e5e6eb;border-radius:13px;background:#fafafd}.appPoints b{font-size:9px;color:#6d5dfc;margin-right:9px}.appPoints span{font-size:10px;font-weight:700;color:#333844}
@media(max-width:950px){.paymentsTop{grid-template-columns:1fr;gap:20px}.paySystem{grid-template-columns:1fr}.paymentCards{grid-template-columns:1fr 1fr}.androidShowcase{grid-template-columns:1fr}.androidText{padding:65px 45px}.appVisual{min-height:590px}}
@media(max-width:600px){.payments{padding:90px 0}.paySystem{margin-top:40px}.paySystemIntro{padding:35px 25px}.paySystemIntro h3{margin-top:38px;font-size:33px}.payFlow{padding:30px 22px}.paymentCards{grid-template-columns:1fr}.androidShowcase{margin-top:55px}.androidText{padding:50px 25px}.appPoints{grid-template-columns:1fr}.appVisual{min-height:530px}.phone{transform:scale(.88) rotate(-4deg)}.floatOne{left:3%;top:17%}.floatTwo{right:3%;bottom:17%}}