
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial;background:#050813;color:#eef3ff;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.header{height:78px;position:fixed;inset:0 0 auto;z-index:50;background:rgba(5,8,19,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.6px}.brandmark{width:34px;height:34px;border:3px solid #3979ff;border-radius:50%;position:relative;display:inline-block;transform:rotate(-18deg);box-shadow:0 0 25px #3979ff55}.brandmark:after{content:"";position:absolute;width:45px;height:12px;border:2px solid #42b8ff;border-radius:50%;left:-8px;top:8px}.brandmark i{width:7px;height:7px;background:#7bdcff;border-radius:50%;position:absolute;right:-5px;top:8px;box-shadow:0 0 14px #7bdcff}.navlinks{display:flex;gap:28px;margin-left:auto;font-size:14px;color:#b6c0d9}.navlinks a:hover{color:#fff}.btn{border:0;color:white;background:linear-gradient(135deg,#3979ff,#6958ff);padding:14px 22px;border-radius:11px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 35px #3979ff2f;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px #3979ff48}.btn.small{padding:11px 17px;font-size:13px}.btn.secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);box-shadow:none}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:25px}.hero{min-height:820px;padding-top:150px;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 32%,#152b6c 0,transparent 28%),radial-gradient(circle at 20% 24%,#101d45 0,transparent 31%),#050813}.stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:90px 90px}.planet{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.4}.p1{width:250px;height:250px;background:#143385;right:-100px;top:140px;box-shadow:0 0 100px #2264ff}.p2{width:130px;height:130px;background:#49277e;left:-60px;bottom:160px;box-shadow:0 0 80px #8242ff}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.kicker,.section-title>span{font-size:12px;letter-spacing:2.1px;color:#88aaff;font-weight:800}.kicker span{display:inline-block;width:24px;height:2px;background:#6087ff;vertical-align:middle;margin-right:10px}.hero h1{font-size:65px;line-height:1.04;letter-spacing:-3.5px;margin:22px 0}.hero h1 span,.section-title em{font-style:normal;background:linear-gradient(90deg,#6d8cff,#5de1ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.7;color:#aab5cf;max-width:650px}.actions{display:flex;gap:12px;margin-top:32px}.mini-trust{display:flex;gap:21px;margin-top:28px;font-size:12px;color:#9ca8c1}.mini-trust i{font-style:normal;color:#69e3bc}.hero-visual{position:relative}.glass{background:linear-gradient(150deg,rgba(24,37,75,.68),rgba(7,12,28,.88));border:1px solid rgba(117,153,255,.22);box-shadow:0 40px 110px #0009, inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px)}.dashboard{padding:25px;border-radius:24px;position:relative;z-index:2;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.d-top,.analytics-head{display:flex;justify-content:space-between;align-items:center}.d-top small{font-size:9px;letter-spacing:1.6px;color:#7786a9}.d-top h3{margin:6px 0;font-size:18px}.status{font-size:10px;color:#70e6bd;background:#163b36;padding:7px 9px;border-radius:20px}.status i{display:inline-block;width:6px;height:6px;background:#70e6bd;border-radius:50%;margin-right:5px}.revenue{margin-top:24px}.revenue span{display:block;font-size:11px;color:#8492b2}.revenue strong{font-size:32px;display:inline-block;margin-top:5px}.revenue em{font-size:11px;font-style:normal;color:#64d7b0;margin-left:10px}.chart{height:200px;margin-top:8px;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#ffffff08 40px)}.chart svg{width:100%;height:100%}.d-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.d-metrics div{padding:13px;background:#0c1329;border:1px solid #ffffff09;border-radius:10px}.d-metrics span{font-size:9px;color:#8290ae;display:block}.d-metrics b{font-size:16px}.halo{position:absolute;border:1px solid #467dff40;border-radius:50%;inset:-70px;animation:spin 22s linear infinite}.h2{inset:-20px;animation-duration:15s;animation-direction:reverse}.halo:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#63caff;top:50%;left:-4px;box-shadow:0 0 20px #63caff}.float-card{position:absolute;z-index:4;padding:12px 15px;border:1px solid #ffffff18;background:#10182de8;border-radius:13px;display:flex;gap:10px;align-items:center;box-shadow:0 14px 45px #0008}.float-card>span{width:29px;height:29px;border-radius:8px;background:#2f6fff;display:grid;place-items:center}.float-card b,.float-card small{display:block}.float-card b{font-size:12px}.float-card small{font-size:9px;color:#8190ae;margin-top:3px}.f1{left:-35px;bottom:70px}.f2{right:-20px;top:70px}.platform-marquee{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;padding:21px 0;background:#080c18cc;overflow:hidden}.marquee-track{display:flex;gap:70px;width:max-content;animation:marquee 22s linear infinite;color:#7e89a3;font-weight:800;font-size:12px;letter-spacing:.7px}.stats-section{background:#080c17;border-bottom:1px solid #ffffff09}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;padding:35px 10px;border-right:1px solid #ffffff08}.stat:last-child{border:0}.stat b{display:block;font-size:28px}.stat span{font-size:11px;color:#8490aa}.section{padding:110px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 55px}.section-title h2{font-size:44px;letter-spacing:-2px;margin:13px 0 12px}.section-title p,.muted{color:#8692ad;line-height:1.7}.section-title.left{text-align:left;margin:0 0 35px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:290px;padding:26px;border-radius:18px;border:1px solid #ffffff0c;background:linear-gradient(160deg,#0d1426,#080c17);position:relative;overflow:hidden;transition:.3s}.service-card:before{content:"";position:absolute;width:170px;height:170px;background:#1b5eff22;border-radius:50%;right:-60px;top:-70px;filter:blur(4px)}.service-card:hover{transform:translateY(-7px);border-color:#517aff66;box-shadow:0 25px 70px #0007}.service-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#3979ff,#6c56ff);display:grid;place-items:center;font-weight:900;font-size:18px;margin-bottom:42px;box-shadow:0 10px 30px #3979ff44}.service-card>span{font-size:9px;letter-spacing:1.5px;color:#708cff}.service-card h3{font-size:19px}.service-card p{font-size:13px;color:#8996b0;line-height:1.65}.learn{display:inline-block;margin-top:8px;font-size:12px;color:#7ea5ff;font-weight:700}.why{background:radial-gradient(circle at 50% -10%,#182b67,transparent 35%),#070b16}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit{padding:29px;border:1px solid #ffffff0d;border-radius:16px;background:#0b1020}.benefit .num{color:#527eff;font-size:11px}.benefit h3{margin-top:35px}.benefit p{color:#8290ac;font-size:13px;line-height:1.65}.feature-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-list>div{display:flex;gap:12px;padding:17px;background:#0a1020;border:1px solid #ffffff0b;border-radius:13px}.feature-list i{width:28px;height:28px;display:grid;place-items:center;background:#182f63;color:#75a4ff;border-radius:8px;font-style:normal}.feature-list b,.feature-list small{display:block}.feature-list b{font-size:12px}.feature-list small{font-size:9px;color:#7887a4;margin-top:4px}.analytics-card{padding:28px;border-radius:20px;background:#0b1223;border:1px solid #ffffff0e}.analytics-head{font-size:12px}.analytics-head select{background:#101a31;color:#9da9c1;border:1px solid #ffffff10;border-radius:8px;padding:8px}.big-number{margin:30px 0}.big-number small{display:block;color:#8390aa}.big-number b{font-size:35px;margin-right:12px}.big-number em{font-size:11px;color:#67ddb6}.bars{height:210px;display:flex;align-items:end;gap:13px;border-bottom:1px solid #ffffff10}.bars i{flex:1;background:linear-gradient(#5688ff,#293e7a);border-radius:4px 4px 0 0;min-height:20px}.months{display:flex;justify-content:space-between;color:#68758e;font-size:9px;margin-top:9px}.plans-bg{background:#070b15}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan{padding:30px;border-radius:20px;background:#0d1324;border:1px solid #ffffff0e;position:relative}.plan.popular{border-color:#567eff;box-shadow:0 25px 75px #345dff24;transform:scale(1.025)}.badge{position:absolute;right:18px;top:18px;font-size:9px;background:#315ddd;padding:6px 9px;border-radius:20px}.plan h3{font-size:20px;margin-top:10px}.plan .subtitle{font-size:11px;color:#7c89a4}.plan .price{font-size:36px;font-weight:900;margin:28px 0}.plan ul{list-style:none;padding:0;margin:0 0 28px}.plan li{padding:9px 0;color:#9aa7c0;font-size:12px}.plan li:before{content:"✓";color:#6e9cff;margin-right:9px}.plan .btn{width:100%}.result-section{background:radial-gradient(circle at 76% 45%,#1a2866,transparent 32%),#060a14}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-metrics div{padding:22px;border:1px solid #ffffff0d;background:#0b1020;border-radius:14px}.result-metrics b{display:block;font-size:27px}.result-metrics span{color:#8190aa;font-size:10px}.growth-card{padding:27px;background:#0d1427;border:1px solid #ffffff12;border-radius:20px}.gc-head{display:flex;justify-content:space-between;color:#91a0bc;font-size:11px}.growth-card>strong{display:block;font-size:37px;margin:28px 0 5px}.growth-card>strong small{font-size:10px;color:#61d5aa}.growth-chart{height:260px}.growth-chart svg{width:100%;height:100%}.testimonial-section{background:#090e1b}.testimonial-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-track article{padding:28px;border:1px solid #ffffff0d;border-radius:18px;background:#0c1324}.stars5{color:#ffd76a;letter-spacing:3px}.testimonial-track p{color:#a2aec5;line-height:1.75;font-size:13px;min-height:75px}.testimonial-track footer b,.testimonial-track footer span{display:block}.testimonial-track footer b{font-size:12px}.testimonial-track footer span{color:#74829c;font-size:10px;margin-top:4px}.faq{background:#f5f7fb;color:#101526}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq .section-title p{color:#667085}.support-card{background:#0c1427;color:#fff;padding:26px;border-radius:16px}.support-card p{color:#8c9bb9;font-size:12px}.faq-item{border-bottom:1px solid #dfe4ec;padding:20px 0}.faq-q{display:flex;justify-content:space-between;cursor:pointer;font-weight:800;font-size:14px}.faq-a{height:0;overflow:hidden;color:#667085;font-size:13px;line-height:1.65;transition:.25s}.faq-item.open .faq-a{height:auto;padding-top:12px}.cta{padding:100px 0;background:linear-gradient(135deg,#0b1839,#111131);position:relative;overflow:hidden;text-align:center}.cta-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:#2854ff29;filter:blur(70px);left:50%;top:50%;transform:translate(-50%,-50%)}.cta-inner{position:relative}.cta-inner>span{font-size:11px;letter-spacing:2px;color:#7ea3ff;font-weight:800}.cta h2{font-size:47px;margin:15px 0}.cta h2 em{font-style:normal;color:#71a2ff}.cta p{color:#96a5c0}.actions.center{justify-content:center}.cta small{display:block;margin-top:25px;color:#71809b}footer{padding:70px 0 25px;background:#050812}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .8fr 1.2fr;gap:45px}.footer-grid>div{display:flex;flex-direction:column;gap:11px}.footer-grid p,.footer-grid a,.footer-grid span{font-size:11px;color:#78869f;line-height:1.6}.footer-grid>div>b{font-size:12px;margin-bottom:8px}.copyright{border-top:1px solid #ffffff0b;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#61708b}.modal{position:fixed;inset:0;background:#02040bcc;z-index:100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{width:min(430px,95vw);background:#0e1628;border:1px solid #ffffff18;border-radius:20px;padding:30px;position:relative;text-align:center;box-shadow:0 40px 120px #000}.x{position:absolute;right:15px;top:10px;border:0;background:none;color:#8391ac;font-size:27px;cursor:pointer}.modal-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#17386a;color:#61d594;margin:auto}.modalbox p{color:#8491aa;font-size:12px}.modalbox #waButtons{display:grid;gap:9px;margin-top:22px}.wa-btn{display:block;background:#15223d;border:1px solid #ffffff0e;padding:13px;border-radius:11px;font-size:13px}.formbox{text-align:left}.formbox input,.formbox select,.formbox textarea{width:100%;margin:7px 0;padding:13px;background:#090f1e;color:white;border:1px solid #ffffff14;border-radius:10px;outline:none}.formbox textarea{min-height:100px;resize:vertical}.formbox .btn{width:100%;margin-top:7px}.formbox #formMsg{font-size:12px;margin-top:10px;color:#75dfb9}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.on{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.navlinks,.nav>.btn{display:none}.menu{display:block}.navlinks.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#080d19;padding:20px;flex-direction:column}.hero{padding-top:125px;min-height:auto;padding-bottom:115px}.hero-grid,.feature-split,.result-grid,.faq-grid{grid-template-columns:1fr}.hero h1{font-size:45px;letter-spacing:-2px}.hero-visual{margin-top:35px}.service-grid,.benefits,.plans,.testimonial-track{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.f1{left:5px}.f2{right:5px}.section{padding:80px 0}}@media(max-width:600px){.service-grid,.benefits,.plans,.testimonial-track,.result-metrics,.feature-list{grid-template-columns:1fr}.section-title h2,.cta h2{font-size:34px}.hero h1{font-size:39px}.hero-grid{gap:30px}.dashboard{padding:17px}.float-card{display:none}.mini-trust{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr}.plan.popular{transform:none}}

/* --- Screenshot-inspired advanced sections --- */
.light-services,.about-diagram,.faq-light{background:#fff;color:#111827}
.lightmode h2,.lightmode p{color:#111827}.lightmode p{color:#667085}.lightmode>span{color:#4a7dff}
.light-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.light-service-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:26px;min-height:250px;box-shadow:0 8px 22px #12223b0a;transition:.25s}
.light-service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #16376f14}
.light-service-card.featured{background:linear-gradient(150deg,#2a0c22,#3a1535);color:#fff;border-color:#e84e58;box-shadow:0 18px 45px #7d213235}
.ls-top{display:flex;align-items:center;justify-content:space-between}.ls-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#eef4ff;color:#2e6eff}
.ls-icon.m{color:#1668ff}.ls-icon.b{color:#1688e9}.ls-icon.s{color:#f7c300;background:#fff9d8}.ls-icon.t{background:#050505;color:#fff}.ls-icon.a{color:#f59f00;background:#fff4df}
.pill{font-size:9px;padding:5px 9px;border-radius:20px;background:#eef4ff}.pill.blue{color:#326aff}.pill.green{color:#16904d;background:#eaf8ef}.pill.amber{color:#a86f00;background:#fff4d7}.pill.red{color:#ff6c78;background:#4b1b33}
.light-service-card h3{font-size:16px;margin:22px 0 10px}.light-service-card p{font-size:12px;line-height:1.7;color:#6c778d}.light-service-card.featured p{color:#c8b8c5}.light-service-card a{font-size:11px;color:#3979ff;font-weight:800}.light-service-card.featured a{color:#ff5c67}
.choose-section{background:#112650}.choose-section .section-title h2{color:#fff}.choose-section .section-title p{color:#9fb0d1}
.choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.choose-grid article{padding:28px;border:1px solid #ffffff18;border-radius:16px;background:#19315f}.choose-grid h3{font-size:15px}.choose-grid p{font-size:12px;color:#a7b4ce;line-height:1.7}
.choose-icon{width:42px;height:42px;border-radius:10px;background:#2369db;display:grid;place-items:center;font-weight:900}.choose-icon.green{background:#2aa85d}.choose-icon.amber{background:#e99b00}.choose-icon.red{background:#d64a4a}
.about-diagram{background-image:linear-gradient(#edf1f6 1px,transparent 1px),linear-gradient(90deg,#edf1f6 1px,transparent 1px);background-size:28px 28px}
.diagram-wrap{position:relative;max-width:900px;height:430px;margin:auto}
.diagram-card{position:absolute;width:34%;background:#fff;border:1px solid #e0e6ef;border-radius:14px;padding:26px;text-align:center;box-shadow:0 12px 35px #14223b0c}
.diagram-card h3{font-size:14px}.diagram-card p{font-size:11px;color:#69758b;line-height:1.6}.diagram-icon{width:34px;height:34px;margin:auto;border-radius:10px;background:#eef4ff;display:grid;place-items:center}
.top-left{left:0;top:20px}.top-right{right:0;top:20px}.bottom-left{left:0;bottom:20px}.bottom-right{right:0;bottom:20px}
.blue-line{border-left:3px solid #2671ff}.green-line{border-right:3px solid #2dbb68}.red-line{border-left:3px solid #ff4d4f}.amber-line{border-right:3px solid #f2aa00}
.diagram-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:20px;background:#fff;border:1px solid #dce3ee;display:grid;place-items:center;box-shadow:0 14px 35px #12315a20}.diagram-center b{position:absolute;font-size:28px;color:#347cff}.diagram-center .brandmark{opacity:.35}
.proof-dark{background:#04070d}.proof-head{max-width:650px}.proof-head>span{font-size:10px;letter-spacing:2px;color:#3f82ff;font-weight:800}.proof-head h2{font-size:34px;margin:10px 0}.proof-head p{color:#8190aa;font-size:12px;line-height:1.7}
.proof-cards{display:flex;gap:16px;overflow:hidden;margin-top:35px}.proof-cards article{min-width:220px;flex:1;background:#0d1320;border:1px solid #ffffff0f;border-radius:13px;padding:20px}.proof-cards p{font-size:11px;line-height:1.7;color:#a4afc1;min-height:75px}.proof-cards footer b,.proof-cards footer span{display:block}.proof-cards footer b{font-size:10px}.proof-cards footer span{font-size:9px;color:#71809a}
.proof-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:620px;margin:34px auto 0;text-align:center}.proof-stats b{display:block;font-size:18px}.proof-stats span{font-size:9px;color:#6f7b90}
.faq-simple{max-width:760px;margin:auto}.faq-simple details{border:1px solid #e0e5ed;border-radius:11px;padding:15px 18px;margin:10px 0;background:#f8fafc}.faq-simple summary{cursor:pointer;font-size:13px;font-weight:800}.faq-simple p{font-size:12px;color:#667085;line-height:1.7}
.final-cta-wrap{background:#04070d;padding:70px 0 95px}.final-cta{max-width:820px;margin:auto;text-align:center;background:linear-gradient(145deg,#111827,#0b101a);border:1px solid #ffffff12;border-radius:18px;padding:48px}.final-cta h2{font-size:32px;margin:0 0 12px}.final-cta p{font-size:12px;color:#93a0b6;max-width:560px;margin:0 auto}.final-cta small{display:block;margin-top:20px;color:#6d788c;font-size:9px}
@media(max-width:900px){.light-service-grid,.choose-grid{grid-template-columns:1fr 1fr}.diagram-wrap{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.diagram-card,.diagram-center{position:relative;inset:auto!important;transform:none;width:auto}.diagram-center{display:none}.proof-cards{overflow-x:auto}.proof-cards article{min-width:260px}}
@media(max-width:600px){.light-service-grid,.choose-grid,.diagram-wrap{grid-template-columns:1fr}.proof-stats{grid-template-columns:1fr;gap:18px}.final-cta{padding:32px 20px}.final-cta h2{font-size:26px}}

/* Professional About section */
.about-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;max-width:1050px;margin:0 auto 65px}
.about-label{font-size:11px;letter-spacing:2px;color:#3979ff;font-weight:900}
.about-intro h2{font-size:42px;line-height:1.12;letter-spacing:-1.8px;color:#111827;margin:14px 0}
.about-intro h2 em{font-style:normal;color:#3979ff}
.about-intro p{margin:5px 0 25px;color:#667085;font-size:14px;line-height:1.85}
.about-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}
.about-mini-stats div{padding:18px;text-align:center;border-right:1px solid #e2e8f0}
.about-mini-stats div:last-child{border:0}.about-mini-stats b{display:block;color:#111827;font-size:20px}
.about-mini-stats span{font-size:9px;color:#7a8699;text-transform:uppercase;letter-spacing:.7px}
@media(max-width:700px){.about-intro{grid-template-columns:1fr;gap:15px}.about-intro h2{font-size:34px}}

/* === PRO LOGOS + ADVANCED ABOUT LIGHTING === */
.platform-chip{display:flex!important;align-items:center;gap:10px;white-space:nowrap}
.platform-chip img{width:25px;height:25px;object-fit:contain;background:#fff;border-radius:7px;padding:4px}
.brand-service-icon{background:#fff!important;padding:8px!important;border:1px solid #ffffff22;box-shadow:0 8px 25px #3979ff22}
.brand-service-icon img{width:100%;height:100%;object-fit:contain}
.logo-box{background:#fff!important;border:1px solid #e6eaf0!important;padding:8px!important;box-shadow:0 8px 22px #182b4c12}
.logo-box img{width:100%;height:100%;object-fit:contain}.amazon-logo img{width:90%}

.about-platform-strip{max-width:1050px;margin:0 auto 28px;padding:16px 20px;background:rgba(255,255,255,.84);border:1px solid #e1e8f2;border-radius:18px;box-shadow:0 18px 45px rgba(20,45,80,.08);backdrop-filter:blur(12px)}
.about-platform-strip>span{display:block;text-align:center;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#738099;font-weight:900;margin-bottom:14px}
.about-platform-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.about-platform-logos div{height:58px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #edf1f6;border-radius:12px;background:#fff;transition:.3s}
.about-platform-logos div:hover{transform:translateY(-4px);border-color:#bcd1ff;box-shadow:0 10px 25px rgba(40,93,180,.12)}
.about-platform-logos img{width:26px;height:26px;object-fit:contain}.about-platform-logos b{font-size:10px;color:#25334a}

.about-network{position:relative;max-width:1040px;height:590px;margin:0 auto;isolation:isolate}
.network-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.network-lines path{fill:none;stroke:url(#lineBlue);stroke-width:2.1;stroke-linecap:round;stroke-dasharray:7 9;opacity:.55;filter:url(#lineGlow);animation:dashFlow 9s linear infinite}
@keyframes dashFlow{to{stroke-dashoffset:-180}}
.travel-dot{fill:#fff;stroke:#56afff;stroke-width:3;filter:drop-shadow(0 0 8px #2c8eff) drop-shadow(0 0 16px #4fbcff)}

.network-card{position:absolute;width:31%;min-height:158px;padding:24px;background:rgba(255,255,255,.88);border:1px solid rgba(215,225,240,.95);border-radius:18px;box-shadow:0 24px 55px rgba(31,51,83,.10);backdrop-filter:blur(14px);z-index:3;transition:.35s}
.network-card:before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(120deg,transparent 15%,rgba(70,145,255,.7),transparent 52%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.45;animation:borderSweep 3.2s linear infinite}
@keyframes borderSweep{0%,100%{opacity:.18}50%{opacity:.9}}
.network-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 28px 70px rgba(31,80,160,.18)}
.network-card span{font-size:8px;letter-spacing:1.4px;color:#6b7d98;font-weight:900}.network-card h3{font-size:15px;color:#172033;margin:9px 0}.network-card p{font-size:11px;color:#6f7b91;line-height:1.65;margin:0}
.network-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;margin-bottom:12px;background:#edf4ff;color:#3678ff;box-shadow:0 0 22px rgba(54,120,255,.22)}
.network-icon.green{color:#18a75e;background:#eafaf1;box-shadow:0 0 22px rgba(24,167,94,.20)}
.network-icon.red{color:#ff5560;background:#fff0f1;box-shadow:0 0 22px rgba(255,85,96,.18)}
.network-icon.amber{color:#e6a400;background:#fff8dd;box-shadow:0 0 22px rgba(230,164,0,.18)}
.n1{left:2%;top:48px}.n2{right:2%;top:48px}.n3{left:2%;bottom:48px}.n4{right:2%;bottom:48px}

.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:30px;background:rgba(255,255,255,.92);border:1px solid #dce6f3;box-shadow:0 0 0 10px rgba(255,255,255,.58),0 25px 65px rgba(32,86,172,.23);z-index:5;display:grid;place-items:center}
.network-center>b{position:absolute;font-size:35px;line-height:1;color:#387cff;text-shadow:0 0 18px rgba(56,124,255,.4)}
.network-center small{position:absolute;bottom:-42px;text-align:center;font-size:8px;letter-spacing:1.8px;color:#71829d;font-weight:900}
.network-center .large{opacity:.25;transform:scale(1.4)}
.orbit-ring{position:absolute;border:1px solid rgba(65,129,255,.28);border-radius:50%;pointer-events:none}
.ring1{inset:-22px;animation:orbitPulse 2.6s ease-in-out infinite}.ring2{inset:-44px;animation:orbitPulse 2.6s .6s ease-in-out infinite}.ring3{inset:-68px;animation:orbitPulse 2.6s 1.2s ease-in-out infinite}
@keyframes orbitPulse{0%,100%{transform:scale(.96);opacity:.18}50%{transform:scale(1.05);opacity:.75;box-shadow:0 0 28px rgba(55,127,255,.25)}}
.network-glow{position:absolute;border-radius:50%;filter:blur(55px);opacity:.25;z-index:0;animation:floatGlow 6s ease-in-out infinite}
.glow-a{width:250px;height:250px;background:#4285ff;left:30%;top:17%}.glow-b{width:220px;height:220px;background:#48dfbd;right:25%;bottom:13%;animation-delay:-3s}
@keyframes floatGlow{0%,100%{transform:translate3d(0,0,0) scale(.9)}50%{transform:translate3d(35px,-18px,0) scale(1.12)}}

@media(max-width:850px){
 .about-platform-logos{grid-template-columns:repeat(3,1fr)}
 .about-network{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:150px}
 .network-card{position:relative;inset:auto!important;width:auto;min-height:0}
 .network-lines{display:none}.network-center{top:70px}.network-glow{display:none}
}
@media(max-width:560px){
 .about-platform-logos{grid-template-columns:repeat(2,1fr)}
 .about-network{grid-template-columns:1fr;padding-top:150px}
 .about-platform-logos b{display:none}
}
