:root{--bg:#020812;--panel:#06111e;--panel2:#091827;--ink:#eef7ff;--muted:#8fa6bc;--blue:#08a9ff;--cyan:#24d7ff;--line:rgba(93,184,255,.18);--white:#f6fbff;--light:#eef5fa;--dark:#071321;--body:#08111d;--font-display:'Tektur',sans-serif;--font-tech:'Rajdhani',sans-serif;--font-body:'Space Grotesk',sans-serif;--font-ui:'Exo 2',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:#0a1626;font-family:var(--font-body);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.wrap{width:min(1400px,calc(100% - 80px));margin:auto}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1000;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),#fff);box-shadow:0 0 14px var(--cyan)}
.header{position:fixed;z-index:100;top:0;left:0;right:0;height:72px;background:rgba(1,8,16,.78);border-bottom:1px solid rgba(70,170,230,.16);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 0 24px rgba(0,180,255,.18)}.brand-logo img{width:31px;height:31px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font:800 14px var(--font-ui);letter-spacing:1.4px;color:#fff}.brand-copy small{margin-top:5px;font:600 6px var(--font-tech);letter-spacing:2px;color:#7190a9}.nav{display:flex;align-items:center;gap:27px;font:600 12px var(--font-ui);color:#a8bdce;letter-spacing:.15px}.nav a{transition:.25s}.nav a:hover,.nav a.active{color:#fff}.nav .quote{padding:10px 16px;border:1px solid rgba(36,190,255,.45);border-radius:9px;color:#eaf8ff;background:linear-gradient(180deg,rgba(15,77,110,.28),rgba(2,19,31,.4));box-shadow:inset 0 0 22px rgba(0,175,255,.06)}.menu{display:none;background:none;border:0}.menu span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{min-height:950px;position:relative;background:#020913;color:#fff;overflow:hidden;padding-top:72px}.hero-bg,.hero-image,.hero-vignette,.hero-grid,.hero-scan{position:absolute;inset:0}.hero-image{background-image:url('server-bg.jpg');background-size:cover;background-position:center;opacity:.45;filter:saturate(1.1) contrast(1.05)}.hero-vignette{background:radial-gradient(circle at 66% 45%,rgba(0,160,255,.23),transparent 31%),linear-gradient(90deg,#020812 0%,rgba(2,8,18,.9) 34%,rgba(2,8,18,.42) 66%,#020812 100%),linear-gradient(0deg,#020812 0%,transparent 25%,rgba(0,0,0,.12) 100%)}.hero-grid{background-image:linear-gradient(rgba(50,165,230,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(50,165,230,.09) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 78%,transparent)}.hero-scan{background:linear-gradient(transparent 0%,rgba(24,180,255,.07) 50%,transparent 100%);height:160px;top:-160px;animation:scan 8s linear infinite}.hero-layout{min-height:770px;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative;z-index:2}.kicker{display:flex;align-items:center;gap:11px;font:700 11px var(--font-tech);letter-spacing:2.8px;color:#63caff}.kicker i{width:20px;height:2px;background:var(--blue);box-shadow:0 0 10px var(--blue)}.hero-copy h1{font:400 clamp(43px,5.05vw,82px)/.91 var(--font-display);letter-spacing:.012em;margin:25px 0 25px;max-width:700px}.hero-copy h1 span{display:block;color:#f7fbff}.hero-copy h1 em{display:block;color:#16bfff;font-style:normal;text-shadow:0 0 30px rgba(0,185,255,.18)}.hero-copy p{font:500 17px/1.55 var(--font-ui);color:#b4c9d9;max-width:620px;margin:0 0 28px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 24px;border-radius:9px;border:1px solid transparent;font:700 13px var(--font-ui);letter-spacing:.35px;cursor:pointer;transition:.25s}.btn.primary{background:linear-gradient(135deg,#04a6ff,#0789ff);color:#fff;box-shadow:0 0 30px rgba(0,150,255,.25),inset 0 0 0 1px rgba(255,255,255,.18)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(0,170,255,.4)}.btn.ghost{color:#e9f8ff;border-color:#149edc;background:rgba(0,25,42,.55)}.btn.ghost:hover{background:rgba(0,135,205,.16)}.play{font-size:10px}.trust-row{display:flex;gap:25px;margin-top:34px;color:#b5cad9;font:600 13px var(--font-tech)}.trust-row span{display:flex;gap:9px;align-items:center}.trust-row b{color:#0abaff;font-size:17px}.command-center{position:relative;height:690px;display:flex;align-items:center;justify-content:center}.globe-wrap{width:690px;height:690px;position:relative}.globe{position:absolute;left:50%;top:50%;width:360px;height:360px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(41,205,255,.7);background:radial-gradient(circle at 35% 30%,rgba(47,192,255,.35),rgba(4,40,67,.28) 42%,rgba(0,9,20,.9) 72%);box-shadow:0 0 80px rgba(0,170,255,.28),inset 0 0 60px rgba(0,170,255,.12)}.globe:before,.globe:after{content:"";position:absolute;inset:12px;border:1px solid rgba(40,196,255,.24);border-radius:50%}.globe:after{inset:45px;border-style:dashed;opacity:.65}.globe-lines{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(50,190,255,.18) 40px 41px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(50,190,255,.14) 40px 41px);mask-image:radial-gradient(circle,black 45%,transparent 72%);animation:spin 20s linear infinite}.globe-dots{position:absolute;inset:22px;border-radius:50%;background-image:radial-gradient(circle,rgba(67,210,255,.9) 1px,transparent 1.5px);background-size:24px 24px;opacity:.24;animation:floatDots 7s ease-in-out infinite}.globe-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:3}.globe-core img{width:76px;height:76px;border-radius:20px;background:#fff;padding:7px;box-shadow:0 0 35px rgba(0,195,255,.5)}.globe-core strong{font:700 21px var(--font-display);letter-spacing:1.2px;margin-top:12px}.globe-core small{font:600 8px var(--font-tech);letter-spacing:3px;color:#6ccff4;margin-top:7px}.glow-orb{position:absolute;width:540px;height:540px;left:75px;top:75px;border-radius:50%;background:radial-gradient(circle,rgba(0,175,255,.18),transparent 65%);filter:blur(8px)}.orbit{position:absolute;border:1px solid rgba(24,191,255,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitSpin 16s linear infinite}.orbit-a{width:500px;height:500px}.orbit-b{width:600px;height:350px;transform:translate(-50%,-50%) rotate(25deg);animation-duration:21s}.orbit-c{width:350px;height:610px;transform:translate(-50%,-50%) rotate(-22deg);animation-duration:26s}.beam{position:absolute;width:8px;height:230px;bottom:50px;left:50%;transform:translateX(-50%);background:linear-gradient(transparent,rgba(24,210,255,.8),transparent);filter:blur(4px);opacity:.8}.service-node{position:absolute;min-width:145px;padding:12px 15px;border:1px solid rgba(25,193,255,.48);border-radius:12px;background:rgba(2,18,31,.85);box-shadow:0 0 28px rgba(0,145,230,.13),inset 0 0 22px rgba(0,165,255,.05);backdrop-filter:blur(8px);display:flex;align-items:center;gap:11px}.service-node span{width:35px;height:35px;border:1px solid rgba(37,201,255,.5);border-radius:50%;display:grid;place-items:center;color:#20c7ff;font-size:17px}.service-node b{font:700 10px/1.35 var(--font-body);letter-spacing:.8px}.n1{top:64px;left:270px}.n2{top:235px;left:8px}.n3{top:235px;right:8px}.n4{bottom:95px;left:52px}.n5{bottom:95px;right:52px}.status-panel{position:absolute;right:-20px;top:210px;width:230px;padding:18px;background:rgba(1,13,24,.88);border:1px solid rgba(40,195,255,.35);border-radius:10px;box-shadow:0 0 40px rgba(0,110,180,.16);backdrop-filter:blur(12px)}.status-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(100,180,220,.14);font:700 9px var(--font-tech);letter-spacing:2px}.status-head span{display:flex;gap:7px;align-items:center}.status-head i{width:7px;height:7px;background:#21e7a2;border-radius:50%;box-shadow:0 0 9px #21e7a2}.status-head b{color:#48c9ff}.status-list{padding:10px 0}.status-list div{display:flex;justify-content:space-between;padding:7px 0;font:600 11px var(--font-body);color:#a6bed0}.status-list strong{color:#22e4a3}.status-foot{border-top:1px solid rgba(100,180,220,.14);padding-top:12px;display:flex;flex-direction:column;gap:4px}.status-foot small{font:700 7px var(--font-tech);letter-spacing:2.2px;color:#6792aa}.status-foot b{font:700 11px var(--font-tech);letter-spacing:1.5px;color:#e7f8ff}.hero-tagline{position:absolute;right:15px;bottom:65px;display:flex;gap:13px;align-items:center;padding:12px 17px;border:1px solid rgba(70,190,245,.28);background:rgba(3,20,34,.7);border-radius:30px;font:700 10px var(--font-body);letter-spacing:1.4px}.hero-tagline i{width:1px;height:12px;background:#28708d}.hero-services{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(58,180,235,.24);background:rgba(2,12,22,.72);backdrop-filter:blur(10px)}.service-mini{padding:16px 19px;min-height:98px;border-right:1px solid rgba(58,180,235,.18);display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-content:center}.service-mini:last-child{border-right:0}.service-mini small{color:#09baff;font:700 10px var(--font-display)}.service-mini b{font:700 12px/1.05 var(--font-display);letter-spacing:.4px}.service-mini em{grid-column:2;font:500 9px var(--font-tech);color:#7895aa;font-style:normal;margin-top:5px}.scroll-cue{position:absolute;right:22px;bottom:27px;z-index:4;font:600 8px var(--font-tech);letter-spacing:2px;color:#76a2b9;display:flex;align-items:center;gap:9px;writing-mode:vertical-rl}.scroll-cue span{height:35px;width:1px;background:linear-gradient(var(--blue),transparent)}
.ticker{height:52px;background:#03101d;border-top:1px solid rgba(40,160,220,.18);border-bottom:1px solid rgba(40,160,220,.18);overflow:hidden;color:#83a7bc}.ticker-track{height:100%;display:flex;align-items:center;gap:28px;width:max-content;animation:ticker 28s linear infinite;font:700 10px var(--font-tech);letter-spacing:3px}.ticker i{font-style:normal;color:#0abaff;font-size:7px}
.section{padding:125px 0;background:var(--light)}.section-head{display:grid;grid-template-columns:1.1fr .8fr;gap:70px;align-items:end;margin-bottom:55px}.section-head h2,.partner-intro h2{font:800 clamp(44px,5vw,76px)/.94 var(--font-display);letter-spacing:-2.7px;margin:18px 0 0;color:#071426}.section-head h2 em,.partner-intro h2 em{font-style:normal;color:#a4b8c8}.section-head p{font:500 16px/1.7 var(--font-body);color:#617c91;max-width:550px;margin:0}.blue{color:#008dff}.solution-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.solution-card{grid-column:span 4;background:#fff;border:1px solid #d6e3ed;border-radius:15px;overflow:hidden;box-shadow:0 15px 40px rgba(24,67,96,.07);transition:.35s}.solution-card.large{grid-column:span 8}.solution-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(11,74,113,.13)}.card-image{height:240px;position:relative;overflow:hidden;background:#06121f}.solution-card.large .card-image{height:310px}.card-image img{width:100%;height:100%;object-fit:cover;transition:.6s;filter:saturate(.9) contrast(1.04)}.solution-card:hover img{transform:scale(1.06);filter:saturate(1.15) contrast(1.08)}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,15,25,.08),rgba(0,10,18,.55))}.card-image span{position:absolute;z-index:2;top:16px;left:16px;color:#fff;font:700 12px var(--font-display);padding:8px 10px;border:1px solid rgba(45,195,255,.6);background:rgba(2,17,29,.7);border-radius:7px}.scan{position:absolute;z-index:2;left:0;right:0;height:2px;top:30%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);opacity:.7}.solution-card:hover .scan{animation:scanCard 1.8s linear infinite}.card-body{padding:25px}.card-body small{font:700 9px var(--font-tech);letter-spacing:2.5px;color:#008eff}.card-body h3{font:800 27px var(--font-display);letter-spacing:-1px;margin:10px 0}.card-body p{font:500 14px/1.65 var(--font-body);color:#637c90;min-height:67px}.text-link{border:0;background:none;padding:0;color:#008fff;font:700 12px var(--font-tech);letter-spacing:.8px;cursor:pointer}.text-link b{margin-left:8px}
.dark-grid{position:relative;overflow:hidden;background:#020a13;color:#fff}.dark-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,150,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,150,220,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.architecture{padding:145px 0}.architecture-grid{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.architecture-copy h2{font:800 clamp(45px,5.4vw,78px)/.95 var(--font-display);letter-spacing:-3px;margin:20px 0}.architecture-copy h2 span{color:#13bfff}.architecture-copy p{font:500 16px/1.75 var(--font-body);color:#91a8ba;max-width:610px}.architecture-copy .btn{margin-top:18px}.architecture-map{height:590px;position:relative}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;height:205px;border:1px solid rgba(33,199,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,rgba(11,92,138,.38),rgba(1,11,20,.92) 68%);box-shadow:0 0 80px rgba(0,170,255,.2)}.map-center img{width:56px;height:56px;background:#fff;padding:5px;border-radius:14px}.map-center b{font:800 15px var(--font-display);letter-spacing:1px;margin-top:9px}.map-center small{font:600 7px var(--font-tech);letter-spacing:2px;color:#6bcff4;margin-top:5px}.map-node{position:absolute;width:155px;padding:14px;border:1px solid rgba(35,192,255,.38);background:rgba(3,18,29,.9);border-radius:9px;text-align:center;box-shadow:0 0 25px rgba(0,155,220,.1)}.map-node b{display:block;font:700 13px var(--font-display);letter-spacing:1px}.map-node small{display:block;font:600 8px var(--font-tech);letter-spacing:1.4px;color:#7193a9;margin-top:6px}.m1{top:30px;left:50%;transform:translateX(-50%)}.m2{left:35px;top:190px}.m3{right:35px;top:190px}.m4{left:120px;bottom:50px}.m5{right:120px;bottom:50px}.map-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#16bfff,transparent);transform-origin:left center;box-shadow:0 0 12px rgba(0,180,255,.8)}.l1{width:180px;left:50%;top:50%;transform:rotate(-90deg) translateX(-50%)}.l2{width:250px;left:50%;top:50%;transform:rotate(210deg)}.l3{width:250px;left:50%;top:50%;transform:rotate(-30deg)}.l4{width:210px;left:50%;top:50%;transform:rotate(145deg)}.l5{width:210px;left:50%;top:50%;transform:rotate(35deg)}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry{min-height:150px;padding:25px;background:#fff;border:1px solid #d9e6ef;border-radius:12px;position:relative;overflow:hidden;transition:.3s}.industry:after{content:"";position:absolute;right:-50px;bottom:-50px;width:150px;height:150px;border:1px solid rgba(0,154,255,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(0,154,255,.03),0 0 0 70px rgba(0,154,255,.02)}.industry:hover{border-color:#8fd5f5;transform:translateY(-4px)}.industry span{display:block;color:#008fff;font:700 10px var(--font-display);margin-bottom:28px}.industry b{display:block;font:800 20px var(--font-display);letter-spacing:-.4px}.industry small{display:block;margin-top:9px;color:#7890a2;font:600 11px var(--font-body);letter-spacing:1px}
.deployments{padding:135px 0}.section-head.light h2{color:#fff}.section-head.light h2 span{color:#16bfff}.section-head.light p{color:#8ba4b7}.deploy-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:260px 260px;gap:16px}.deploy{position:relative;border-radius:13px;overflow:hidden;border:1px solid rgba(67,182,236,.2);background:#06121f}.deploy img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.72);transition:.6s}.deploy:hover img{transform:scale(1.06);filter:saturate(1.15) brightness(.75)}.deploy:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,5,12,.95),rgba(0,7,13,.05) 65%)}.deploy>div{position:absolute;z-index:2;left:22px;right:22px;bottom:19px}.deploy small{display:block;font:700 9px var(--font-tech);letter-spacing:2px;color:#1cc2ff}.deploy b{display:block;font:800 20px var(--font-display);margin-top:5px}.deploy span{display:block;color:#8ea9bc;font:600 11px var(--font-body);margin-top:5px}.d1{grid-row:1/3}.d4{grid-column:2/4}
.partners{background:#f7fafc}.partner-intro{max-width:720px}.partner-intro p{color:#667e91;line-height:1.7;max-width:650px}.partner-wall{margin-top:55px;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #cfdee8;border-bottom:1px solid #cfdee8}.partner-wall span{height:145px;display:grid;place-items:center;border-right:1px solid #cfdee8;font:800 clamp(15px,1.4vw,24px) var(--font-display);letter-spacing:-.5px;color:#132536;filter:grayscale(.8);transition:.25s}.partner-wall span:last-child{border-right:0}.partner-wall span:hover{color:#008fff;filter:none;background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{min-height:240px;padding:26px;background:#fff;border:1px solid #d6e3ec;border-radius:12px;position:relative}.process-card span{font:700 11px var(--font-display);color:#008fff}.process-card b{display:block;font:800 23px var(--font-display);margin-top:55px}.process-card p{font:500 13px/1.6 var(--font-body);color:#687f91}
.contact{position:relative;background:#020913;color:#fff;padding:135px 0;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(30,151,214,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(30,151,214,.08) 1px,transparent 1px);background-size:70px 70px}.contact-glow{position:absolute;width:600px;height:600px;right:-150px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(0,170,255,.22),transparent 68%);filter:blur(20px)}.contact-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:start}.contact-copy h2{font:800 clamp(48px,5.4vw,78px)/.95 var(--font-display);letter-spacing:-3px;margin:20px 0}.contact-copy h2 span{color:#13bfff}.contact-copy>p{color:#93aabd;line-height:1.7;max-width:590px}.contact-lines{margin:38px 0 25px;display:flex;flex-wrap:wrap;gap:13px}.contact-lines a{padding:16px 18px;min-width:185px;border:1px solid rgba(54,180,235,.2);background:rgba(7,23,36,.65);border-radius:9px}.contact-lines small{display:block;font:700 8px var(--font-tech);letter-spacing:2px;color:#57b9df}.contact-lines b{display:block;margin-top:6px;font:700 13px var(--font-tech);color:#e9f6ff}.wa-button{display:inline-flex;align-items:center;gap:22px;color:#1ddf9d;font:700 12px var(--font-tech);letter-spacing:1px}.wa-button span{color:#fff}.contact form{padding:30px;background:rgba(3,18,30,.78);border:1px solid rgba(55,185,240,.25);border-radius:13px;box-shadow:0 25px 70px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.form-top{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}.form-top b{font:800 18px var(--font-display);letter-spacing:1px}.form-top span{color:#7894a8;font:600 11px var(--font-body)}form label{display:block;color:#93aec0;font:700 10px var(--font-tech);letter-spacing:1.2px;margin-bottom:15px}input,textarea{display:block;width:100%;margin-top:7px;background:#06131f;border:1px solid rgba(66,177,225,.18);border-radius:7px;color:#fff;padding:13px 14px;outline:0;font:500 13px var(--font-body);transition:.2s}input:focus,textarea:focus{border-color:#0ab6ff;box-shadow:0 0 0 3px rgba(0,165,255,.08)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}form .btn{width:100%;margin-top:5px}form #formNote{color:#617e92;font:500 10px/1.5 var(--font-tech)}
.image-note{padding:11px 20px;background:#020812;color:#4e687c;text-align:center;font:500 9px var(--font-tech);letter-spacing:.5px}.floating-wa{position:fixed;z-index:80;right:24px;bottom:24px;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#18d97d;color:#fff;font:800 11px var(--font-display);box-shadow:0 0 30px rgba(24,217,125,.3)}footer{background:#01060c;color:#fff;border-top:1px solid rgba(60,180,235,.16);padding:30px 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}.footer-links{display:flex;gap:20px;justify-content:center;color:#7690a4;font:600 10px var(--font-tech)}footer p{margin:0;text-align:right;color:#516b7d;font:500 9px var(--font-tech)}
.modal{position:fixed;inset:0;z-index:300;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,4,9,.78);backdrop-filter:blur(8px)}.modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 40px));max-height:90vh;overflow:auto;background:#061321;border:1px solid rgba(45,191,255,.35);border-radius:15px;padding:40px;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.5)}.modal-panel h2{font:800 36px var(--font-display);margin:14px 0}.modal-panel>p{color:#9db4c4;line-height:1.65}.modal-close{position:absolute;right:18px;top:15px;background:none;border:0;color:#8aa8bb;font-size:30px;cursor:pointer}.modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0}.modal-columns small{font:700 9px var(--font-tech);letter-spacing:2px;color:#1cbfff}.modal-columns ul{padding-left:18px;color:#dcecf6;line-height:1.9;font:500 13px var(--font-body)}.modal-columns p{color:#9db4c4;line-height:1.7;font-size:13px}.modal-actions{display:flex;gap:12px}.modal-open{overflow:hidden}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}
@keyframes scan{to{top:100%}}@keyframes scanCard{from{top:20%}to{top:85%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes floatDots{50%{transform:translateY(-10px);opacity:.4}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:1150px){.wrap{width:min(100% - 48px,1100px)}.nav{gap:15px}.hero-layout{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(40px,5.5vw,65px)}.command-center{transform:scale(.86);transform-origin:center}.hero-services{width:calc(100% - 48px)}.status-panel{right:-30px}.section-head{gap:35px}.partner-wall span{font-size:13px}}
@media(max-width:900px){.header{height:66px}.nav{display:none;position:absolute;top:66px;left:20px;right:20px;background:rgba(2,10,18,.98);border:1px solid rgba(60,180,235,.2);padding:18px;border-radius:12px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav .quote{text-align:center}.menu{display:block}.hero{min-height:1120px}.hero-layout{grid-template-columns:1fr;min-height:940px;padding-top:35px}.hero-copy{text-align:left}.hero-copy h1{font-size:clamp(39px,10vw,66px)}.command-center{height:560px;transform:scale(.8);margin-top:-20px}.hero-services{display:none}.scroll-cue{display:none}.solution-card,.solution-card.large{grid-column:span 6}.section-head,.architecture-grid,.contact-layout{grid-template-columns:1fr}.architecture-map{height:520px}.industry-grid{grid-template-columns:repeat(2,1fr)}.deploy-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 280px}.d1{grid-row:auto}.d4{grid-column:auto}.partner-wall{grid-template-columns:repeat(2,1fr)}.partner-wall span:nth-child(odd){border-right:1px solid #cfdee8}.partner-wall span:nth-child(6),.partner-wall span:nth-child(7){border-top:1px solid #cfdee8}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-inner p{text-align:left}.status-panel{right:-60px}}
@media(max-width:620px){.wrap{width:calc(100% - 32px)}.brand-copy b{font-size:11px}.brand-copy small{font-size:5px}.hero{min-height:1060px}.hero-layout{min-height:920px}.hero-copy p{font-size:14px}.trust-row{gap:10px;flex-wrap:wrap;font-size:11px}.command-center{height:470px;transform:scale(.58);margin-left:-25px;margin-right:-25px}.status-panel{right:-85px;top:160px}.n1{left:270px}.n4{left:65px}.n5{right:65px}.hero-tagline{right:30px;bottom:10px}.section{padding:85px 0}.section-head{gap:25px;margin-bottom:35px}.section-head h2,.partner-intro h2{font-size:42px}.solution-card,.solution-card.large{grid-column:span 12}.solution-card.large .card-image,.card-image{height:220px}.industry-grid,.process-grid{grid-template-columns:1fr}.industry{min-height:130px}.architecture{padding:90px 0}.architecture-copy h2{font-size:43px}.architecture-map{height:450px;transform:scale(.78);transform-origin:center}.m2{left:0}.m3{right:0}.m4{left:45px}.m5{right:45px}.deploy-grid{grid-template-columns:1fr;grid-template-rows:260px 260px 260px 260px}.deploy.d1,.deploy.d4{grid-column:auto;grid-row:auto}.contact{padding:90px 0}.contact-copy h2{font-size:45px}.contact-layout{gap:45px}.form-row{grid-template-columns:1fr}.modal-panel{padding:28px}.modal-columns{grid-template-columns:1fr}.footer-links{gap:12px}.image-note{font-size:8px}.floating-wa{right:16px;bottom:16px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* V15 typography refinement */
.hero-copy h1,.section-head h2,.partner-intro h2,.architecture-copy h2,.contact-copy h2,.deploy b,.process-card b,.modal-panel h2{font-family:'Tektur',sans-serif;font-weight:400;letter-spacing:.01em}
.hero-copy h1{font-style:normal;text-shadow:0 0 1px rgba(255,255,255,.18),0 10px 45px rgba(0,0,0,.28)}
.hero-copy h1 em{font-weight:700;background:linear-gradient(90deg,#15bfff,#6ceaff 55%,#bff7ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.brand-copy b{font-family:'Space Grotesk',sans-serif;font-weight:800;letter-spacing:2.4px}
.nav,.btn,.trust-row,.kicker,.section-head p,.card-body p,.card-link,.status-panel,.partner-wall span{font-family:'Exo 2',sans-serif}
.kicker,.card-link,.status-panel,.trust-row{letter-spacing:1px}

/* SR INFOTEL signature display lettering — premium sci-fi, not gaming */\n.hero-title{\n  position:relative;\n  width:max-content;\n  max-width:100%;\n  transform:skewX(-1.5deg);\n  transform-origin:left center;\n  text-transform:uppercase;\n  filter:drop-shadow(0 18px 35px rgba(0,0,0,.28));\n}\n.hero-title span,.hero-title em{\n  display:block;\n  width:max-content;\n  max-width:100%;\n}\n.hero-title span:first-child{\n  color:#f7fbff;\n  text-shadow:0 0 18px rgba(255,255,255,.12),0 0 42px rgba(10,155,255,.08);\n}\n.hero-title em{\n  font-family:'Tektur',sans-serif;\n  font-style:normal;\n  color:#13bfff;\n  background:linear-gradient(105deg,#0ba9ff 0%,#47dcff 48%,#d5fbff 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  text-shadow:none;\n  filter:drop-shadow(0 0 18px rgba(0,184,255,.18));\n}\n.hero-title span:nth-of-type(2){\n  color:#f5fbff;\n  font-size:.84em;\n  letter-spacing:.018em;\n  opacity:.97;\n}\n.hero-title span:last-child{\n  color:#eaf8ff;\n  font-size:.98em;\n  letter-spacing:.035em;\n}\n.hero-title:after{\n  content:"";\n  position:absolute;\n  left:2px;\n  bottom:-13px;\n  width:42%;\n  height:2px;\n  background:linear-gradient(90deg,#13bfff,rgba(19,191,255,0));\n  box-shadow:0 0 16px rgba(19,191,255,.55);\n}\n@media(max-width:900px){.hero-title{transform:skewX(-1deg)}}\n@media(max-width:620px){.hero-title{width:100%;font-size:clamp(34px,9.6vw,52px);letter-spacing:.008em}.hero-title span:nth-of-type(2){font-size:.82em}.hero-title:after{width:55%}}\n

/* V16 — SR INFOTEL cinematic typography system */
:root{--font-display:'Michroma',sans-serif;--font-body:'Sora',sans-serif;--font-tech:'Rajdhani',sans-serif}
.hero-title{font-family:'Michroma',sans-serif!important;font-weight:400!important;letter-spacing:.006em!important;line-height:.96!important;transform:skewX(-1.5deg);text-wrap:balance}
.hero-title span,.hero-title em{font-family:'Michroma',sans-serif!important;font-weight:400!important}
.hero-title span:first-child{font-size:.92em;letter-spacing:.015em;color:#f5fbff;text-shadow:0 0 22px rgba(255,255,255,.13),0 0 50px rgba(0,157,255,.09)}
.hero-title em{font-size:1.02em;letter-spacing:.005em;background:linear-gradient(100deg,#00a9ff 0%,#26d7ff 45%,#d8fbff 100%);filter:drop-shadow(0 0 16px rgba(0,190,255,.22))}
.hero-title span:nth-of-type(2){font-size:.72em;letter-spacing:.006em;color:#f2f8fc;opacity:.98}
.hero-title span:last-child{font-size:.86em;letter-spacing:.012em;color:#eaf7ff}
.hero-title:after{bottom:-15px;width:46%;height:2px;background:linear-gradient(90deg,#00c4ff 0%,#48e6ff 45%,rgba(72,230,255,0) 100%);box-shadow:0 0 20px rgba(0,190,255,.62)}
.hero-copy p{font-family:'Space Grotesk',sans-serif;font-size:14px;line-height:1.75;letter-spacing:-.01em}
.nav a,.btn{font-family:'Space Grotesk',sans-serif}
.nav a{font-weight:600;letter-spacing:.01em}
.btn{font-weight:700;letter-spacing:.01em}
.kicker,.status-head,.status-list,.status-foot,.service-mini,.scroll-cue,.card-body small,.text-link,.ticker,.partner-wall,.process-card small{font-family:'Rajdhani',sans-serif}
@media(max-width:900px){.hero-title{transform:skewX(-.8deg)}}
@media(max-width:620px){.hero-title{font-size:clamp(31px,8.8vw,49px)!important;line-height:.98!important;letter-spacing:0!important}.hero-title span:first-child{font-size:.9em}.hero-title em{font-size:.98em}.hero-title span:nth-of-type(2){font-size:.7em}.hero-title span:last-child{font-size:.84em}.hero-title:after{width:58%}}


/* V17 signature futuristic typography */
.hero-copy h1,.hero-title,.hero-title span,.hero-title em{font-family:'Tektur',sans-serif!important;font-weight:700!important}
.hero-title{font-size:clamp(45px,5.55vw,91px)!important;line-height:.86!important;letter-spacing:-.035em!important;transform:none!important;filter:drop-shadow(0 22px 48px rgba(0,0,0,.38));}
.hero-title span,.hero-title em{position:relative;display:block;max-width:100%;}
.hero-title span:first-child{font-size:.92em!important;letter-spacing:-.045em!important;color:#f8fcff!important;text-shadow:0 0 18px rgba(255,255,255,.13),0 0 55px rgba(0,166,255,.12);}
.hero-title em{font-size:1.06em!important;letter-spacing:-.055em!important;background:linear-gradient(100deg,#00a8ff 0%,#39dfff 45%,#e3fbff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(0,190,255,.28));}
.hero-title span:nth-of-type(2){font-size:.67em!important;letter-spacing:-.035em!important;color:#eaf5fb!important;opacity:.94;}
.hero-title span:last-child{font-size:.84em!important;letter-spacing:-.04em!important;color:#f7fbff!important;}
.hero-title:before{content:'SR / DIGITAL CONNECTIVITY';position:absolute;left:3px;top:-25px;font:600 9px/1 'Rajdhani',sans-serif;letter-spacing:4px;color:#63d8ff;opacity:.8;}
.hero-title:after{left:3px!important;bottom:-19px!important;width:52%!important;height:3px!important;background:linear-gradient(90deg,#00baff 0%,#7aeaff 48%,rgba(122,234,255,0) 100%)!important;box-shadow:0 0 20px rgba(0,190,255,.7)!important;}
.hero-copy p{font-family:'Space Grotesk',sans-serif!important;font-size:15px!important;line-height:1.7!important;max-width:590px!important;}
.nav,.btn,.brand-copy b{font-family:'Space Grotesk',sans-serif!important}
@media(max-width:900px){.hero-title{font-size:clamp(42px,9.5vw,70px)!important}.hero-title:before{top:-21px;letter-spacing:3px}}
@media(max-width:620px){.hero-title{font-size:clamp(34px,10.8vw,55px)!important;line-height:.9!important}.hero-title span:nth-of-type(2){font-size:.66em!important}.hero-title span:last-child{font-size:.82em!important}.hero-title:after{width:62%!important}.hero-title:before{font-size:8px;letter-spacing:2.4px}}


/* V18 production polish */
html{scroll-padding-top:78px}
img{max-width:100%;font-style:italic}
button,a{touch-action:manipulation}
.nav a:focus-visible,.btn:focus-visible,.menu:focus-visible,.text-link:focus-visible,.wa-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #55dcff;outline-offset:4px}
.menu{border:0;background:transparent;padding:10px;cursor:pointer}
.hero-image{background-position:center center}
.solution-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.solution-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.03)}
@media(max-width:620px){.hero-copy h1{max-width:100%}.hero-copy p{max-width:100%}.btn{min-height:48px}.contact-lines a{min-height:54px}}

/* V19 production hardening */
.noscript-banner{padding:10px 16px;background:#071321;color:#dff7ff;text-align:center;font:600 13px/1.4 Space Grotesk,sans-serif;border-bottom:1px solid rgba(85,220,255,.25)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
