:root{--navy:#06183a;--navy2:#0b2b61;--blue:#0878ff;--cyan:#18c9ff;--ink:#10213d;--muted:#64748b;--bg:#f6f9ff;--white:#fff;--line:#dce7f5;--shadow:0 20px 60px rgba(8,45,102,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#04122d;color:#dce9ff;font-size:13px}.topbar .inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar a{color:#fff}.toplinks{display:flex;gap:20px;flex-wrap:wrap}.ltr{direction:ltr!important;unicode-bidi:isolate;display:inline-block}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,231,245,.9)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:205px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:800;color:#243b64}.navlinks a{position:relative;padding:9px 0}.navlinks a:hover,.navlinks a.active{color:var(--blue)}.nav-cta{padding:11px 17px!important;border-radius:12px;background:linear-gradient(135deg,var(--blue),#0054d8);color:#fff!important;box-shadow:0 10px 25px rgba(8,120,255,.24)}.lang{border:1px solid var(--line);background:#fff;color:var(--navy);padding:9px 12px;border-radius:10px;font-weight:800}.menu{display:none;border:0;background:transparent;font-size:28px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(24,201,255,.26),transparent 32%),radial-gradient(circle at 20% 100%,rgba(8,120,255,.26),transparent 30%),linear-gradient(135deg,#04132f 0%,#08275a 55%,#053d89 100%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-grid{position:relative;min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:70px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;color:#bfefff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.05;margin:20px 0;letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,#fff,#66d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;max-width:680px;color:#c9dcf8;margin:0 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:13px;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#13bfff,#0878ff);color:#fff;box-shadow:0 15px 35px rgba(0,159,255,.25)}.btn-light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#c9dcf8;font-size:13px}.hero-points b{color:#fff;display:block}.hero-visual{position:relative;min-height:420px}.orbit{position:absolute;width:390px;height:390px;border:1px solid rgba(90,207,255,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(90,207,255,.15);border-radius:50%;inset:38px}.orbit:after{inset:85px}.tech-card{position:absolute;inset:55px 10px 40px 65px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.tech-card .mini-logo{background:#fff;border-radius:18px;padding:12px;display:inline-flex;box-shadow:0 12px 25px rgba(0,0,0,.18)}.tech-card .mini-logo img{width:210px;height:auto}.signal{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.signal div{padding:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px}.signal strong{display:block;font-size:24px}.network{position:absolute;right:-5px;bottom:10px;padding:15px 17px;border-radius:17px;background:#fff;color:var(--navy);box-shadow:0 18px 40px rgba(0,0,0,.2);font-weight:800;font-size:13px}.network span{display:block;color:var(--blue);font-size:22px}
.page-hero{background:linear-gradient(135deg,#06183a,#0b3e83);color:#fff;padding:80px 0}.page-hero .container{max-width:950px}.page-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.08;margin:12px 0}.page-hero p{max-width:760px;color:#c9dcf8;font-size:17px;margin:0}.breadcrumb{font-size:13px;color:#bfefff;font-weight:800}.breadcrumb a:hover{color:#fff}
section{padding:86px 0}.section-head{max-width:780px;margin-bottom:42px}.kicker{color:var(--blue);font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:10px 0 14px;letter-spacing:-.035em}.section-head p{color:var(--muted);font-size:17px;margin:0}.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:225px;transition:.25s;box-shadow:0 8px 28px rgba(14,54,110,.05)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bcd5f5}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e7f8ff,#e7efff);color:var(--blue);font-size:23px}.service-card h3{margin:20px 0 8px;font-size:18px}.service-card p{margin:0;color:var(--muted);font-size:14px}.service-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;bottom:-60px;background:rgba(24,201,255,.08)}.service-link{display:inline-block;margin-top:15px;color:var(--blue);font-size:13px;font-weight:900}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-panel{background:linear-gradient(145deg,#06183a,#0c438f);color:#fff;border-radius:32px;padding:38px;position:relative;overflow:hidden;min-height:390px}.about-panel:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-90px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 50px rgba(255,255,255,.03),0 0 0 100px rgba(255,255,255,.02)}.about-panel h3{font-size:28px;max-width:430px;margin:18px 0}.about-panel p{color:#c8dcfa}.about-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.about-badges span{padding:8px 12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;font-size:12px}.checklist{display:grid;gap:17px;margin-top:26px}.check{display:flex;gap:13px}.check i{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:#dff8ff;color:#0676d9;font-style:normal;font-weight:900}.check strong{display:block}.check span{color:var(--muted);font-size:14px}
.software{background:#eef5ff}.software-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.soft-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.soft-card b{font-size:15px}.soft-card p{font-size:13px;color:var(--muted);margin:7px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 8px 28px rgba(14,54,110,.05)}.detail-card h3{margin:14px 0 8px}.detail-card p{color:var(--muted);margin:0}.bullet-list{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.bullet-list li{position:relative;padding-inline-start:25px;color:#425674;font-size:14px}.bullet-list li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--blue);font-weight:900}
.partners{background:#fff}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.partner-card{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fbfdff;display:flex;align-items:center;justify-content:center;min-height:115px}.partner-card img{width:100%;max-width:230px;max-height:55px;height:auto}.partner-note{color:var(--muted);font-size:13px;margin-top:18px}.partner-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.partner-visual{background:linear-gradient(145deg,#06183a,#0b3e83);border-radius:28px;padding:30px;color:#fff}.partner-visual h3{font-size:27px;margin:0 0 10px}.partner-visual p{color:#c9dcf8;margin:0}.partner-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.partner-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);padding:26px;border-radius:20px}.num{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:.1em}.step h3{margin:9px 0 7px}.step p{margin:0;color:var(--muted);font-size:14px}.cta-band{padding:50px 0;background:linear-gradient(90deg,#0677ed,#10b9f5);color:#fff}.cta-band .inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{margin:0;font-size:32px;line-height:1.1}.cta-band p{margin:8px 0 0;color:#e5f8ff}.cta-band .btn{background:#fff;color:var(--navy)}
.contact{background:linear-gradient(135deg,#06183a,#0b3e83);color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.contact h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:10px 0 15px}.contact p{color:#c9dcf8}.contact-list{display:grid;gap:15px;margin-top:28px}.contact-item{display:flex;gap:14px;align-items:flex-start}.contact-icon{width:43px;height:43px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center}.contact-item b{display:block}.contact-item span{color:#c9dcf8;font-size:14px}.form{background:#fff;border-radius:26px;padding:27px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:900;color:#355071}.field input,.field textarea{width:100%;border:1px solid #d8e4f2;border-radius:12px;padding:12px 13px;outline:0;background:#fbfdff;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:#72b9ff;box-shadow:0 0 0 4px rgba(8,120,255,.08)}.field textarea{min-height:130px;resize:vertical}.form .btn{width:100%;margin-top:14px}.form-note{color:#7b8da5;font-size:12px;margin:10px 0 0;text-align:center}
footer{background:#04122d;color:#c8d8ef;padding:46px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:35px;align-items:start}.footer-brand{display:grid;gap:15px}.footer-logo-wrap{background:#fff;border-radius:18px;padding:12px 18px;width:min(330px,100%);box-shadow:0 14px 35px rgba(0,0,0,.18)}.footer-logo{display:block;width:100%;height:auto;max-height:110px;object-fit:contain}.footer-brand p{max-width:400px;color:#9fb5d4;margin:0;font-size:13px}.footer-col h4{color:#fff;margin:0 0 13px}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a:hover{color:#fff}.footer-contact{display:grid;gap:9px;font-size:13px}.footer-contact b{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8298b8;font-size:12px}.arabic{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
@media(max-width:1050px){.navlinks{gap:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.software-grid{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.topbar .inner{padding:8px 0;align-items:flex-start;flex-direction:column;gap:3px}.nav{min-height:72px}.brand img{width:175px}.menu{display:block}.navlinks{position:absolute;left:20px;right:20px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:2px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px rgba(8,45,102,.16)}.navlinks.open{display:flex}.navlinks a{padding:12px 13px}.nav-cta{display:block;text-align:center}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:60px 0}.hero-visual{min-height:340px}.tech-card{inset:30px 20px 35px 20px}.orbit{width:320px;height:320px}.partner-intro,.split,.contact-grid{grid-template-columns:1fr;gap:35px}.partner-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-band .inner{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}section{padding:65px 0}.service-grid,.software-grid,.partner-grid,.process,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-visual{min-height:300px}.tech-card .mini-logo img{width:170px}.signal strong{font-size:20px}.network{right:0}.page-hero{padding:60px 0}.page-hero h1{font-size:42px}.footer-logo-wrap{width:100%;max-width:350px}}

/* Premium navigation & motion */
.navlinks .nav-dropdown{position:relative}
.navlinks .nav-dropdown>a{display:flex;align-items:center;gap:7px}
.navlinks .nav-dropdown>a:after{content:"⌄";font-size:12px;opacity:.65;transition:transform .2s}
.navlinks .nav-dropdown:hover>a:after,.navlinks .nav-dropdown:focus-within>a:after{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:250px;padding:10px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 55px rgba(8,45,102,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.2s;backdrop-filter:blur(18px)}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dropdown-menu a{display:block!important;padding:11px 13px!important;border-radius:11px;color:#294466!important;font-size:13px;font-weight:750}
.dropdown-menu a:hover{background:#eef6ff;color:var(--blue)!important}
.dropdown-menu .drop-label{padding:7px 13px 5px;color:#8aa0bb;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.navlinks .nav-dropdown.active>a{color:var(--blue)}
@media(max-width:900px){
 .navlinks .nav-dropdown{width:100%}.navlinks .nav-dropdown>a{justify-content:space-between}
 .dropdown-menu{position:static;transform:none!important;width:100%;display:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;background:#f7faff;margin:4px 0 8px;padding:5px}
 .nav-dropdown.open .dropdown-menu{display:block}
}
.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-240px;top:-220px;background:radial-gradient(circle,rgba(24,201,255,.16),transparent 68%);pointer-events:none}
.hero-visual .orbit{animation:spinOrbit 22s linear infinite}
.hero-visual .tech-card{animation:floatCard 6s ease-in-out infinite}
@keyframes spinOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.detail-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.detail-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(8,45,102,.12);border-color:#c7ddf8}
.partner-marquee{overflow:hidden;position:relative;margin-top:30px;padding:6px 0}
.partner-marquee:before,.partner-marquee:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff,transparent)}
.partner-marquee:after{right:0;transform:rotate(180deg)}
.partner-track{display:flex;width:max-content;gap:16px;animation:partnerScroll 30s linear infinite}
.partner-marquee:hover .partner-track{animation-play-state:paused}
.partner-track .partner-card{width:210px;min-width:210px;height:110px;background:#fbfdff;box-shadow:0 8px 28px rgba(14,54,110,.05)}
.partner-track .partner-card img{max-width:170px}
@keyframes partnerScroll{to{transform:translateX(calc(-50% - 8px))}}
.partner-grid.premium-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.service-grid .service-card,.software-grid .soft-card{position:relative}
.section-head h2{font-weight:850}
.page-hero{position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-150px;top:-190px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 50px rgba(255,255,255,.03),0 0 0 100px rgba(255,255,255,.02)}
@media(max-width:900px){
 .partner-grid,.partner-grid.premium-grid{grid-template-columns:repeat(2,1fr)}
 .service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
 .partner-grid,.partner-grid.premium-grid,.service-grid,.detail-grid{grid-template-columns:1fr}
 .partner-track .partner-card{width:180px;min-width:180px}
}

/* ===== TELNET360 PREMIUM REDESIGN ===== */
:root{--navy:#07162f;--blue:#1769ff;--cyan:#16c7e8;--ink:#0b1b34;--muted:#64748b;--line:#dce6f3;--surface:#f5f8fc;--white:#fff;--shadow:0 22px 70px rgba(9,35,75,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#fff 0%,#f7faff 46%,#fff 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:var(--navy);color:#dce9ff;border:0;font-size:12px}.topbar .inner{min-height:38px}.toplinks a{color:#eaf3ff}
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(210,223,240,.75);box-shadow:0 8px 30px rgba(8,30,65,.05)}
.nav{min-height:76px}.brand img{width:190px;height:auto;display:block}.navlinks{gap:5px}.navlinks>a,.nav-drop-trigger{border:0;background:transparent;color:#1c3556;padding:11px 13px;border-radius:12px;font-weight:750;font-size:14px;cursor:pointer}.navlinks>a:hover,.nav-drop-trigger:hover,.nav-dropdown.active .nav-drop-trigger{background:#edf5ff;color:var(--blue)}
.nav-drop-trigger{display:flex;align-items:center;gap:8px;font:inherit}.chevron{font-size:13px;transition:.2s}.nav-dropdown.open .chevron{transform:rotate(180deg)}
.dropdown-menu{top:calc(100% + 8px);width:280px;padding:12px;background:rgba(255,255,255,.98);border:1px solid #dce8f6;border-radius:20px;box-shadow:0 28px 70px rgba(7,35,75,.18)}.dropdown-menu a{padding:12px 14px!important;font-size:13px!important}.dropdown-menu a:hover{background:#eef6ff!important}.drop-label{padding:8px 14px 7px!important}
.nav-cta{background:linear-gradient(135deg,var(--blue),#4c8cff)!important;color:white!important;padding-inline:18px!important;box-shadow:0 10px 25px rgba(23,105,255,.22)}.nav-cta:hover{transform:translateY(-1px)}
.hero{position:relative;overflow:hidden;padding:88px 0 92px;background:radial-gradient(circle at 80% 20%,rgba(22,199,232,.16),transparent 30%),radial-gradient(circle at 15% 25%,rgba(23,105,255,.11),transparent 32%),linear-gradient(135deg,#f8fbff,#eef5ff)}.hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(23,105,255,.13);border-radius:50%;right:-150px;top:-130px;box-shadow:0 0 0 55px rgba(23,105,255,.025),0 0 0 110px rgba(23,105,255,.02)}
.hero-grid{position:relative;z-index:2}.eyebrow,.kicker{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;color:var(--blue)}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.99;letter-spacing:-.055em;max-width:760px;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,var(--blue),#13aeca);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.75;color:#5e7089;max-width:690px}.hero-actions{margin-top:30px}.btn{border-radius:14px;padding:14px 20px;font-weight:800;box-shadow:0 12px 30px rgba(9,35,75,.08)}.btn-primary{background:linear-gradient(135deg,var(--blue),#05aee0)}.btn-light{background:white;border:1px solid var(--line)}
.hero-visual{filter:drop-shadow(0 28px 55px rgba(7,35,75,.15))}.tech-card{border:1px solid rgba(255,255,255,.8)!important;background:linear-gradient(145deg,rgba(9,31,66,.97),rgba(15,71,127,.94))!important;border-radius:30px!important}.mini-logo img{width:110px!important}.signal strong{color:#fff}
section{padding:90px 0}.services{background:#fff}.section-head{max-width:780px}.section-head h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:10px 0 16px}.section-head p{font-size:16px;color:var(--muted);line-height:1.75}
.service-grid-all{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}.service-card{position:relative;overflow:hidden;min-height:300px;padding:26px!important;border:1px solid #dfe9f5!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 12px 35px rgba(8,38,80,.055);transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:before{content:"";position:absolute;inset:auto -30px -80px auto;width:170px;height:170px;background:radial-gradient(circle,rgba(22,199,232,.13),transparent 68%)}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(8,38,80,.12);border-color:#bcd7fb!important}.service-card .icon,.detail-card .icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#e9f2ff,#e7fbff);color:var(--blue);margin-bottom:20px;box-shadow:inset 0 0 0 1px #d7e7fa}.service-card .icon svg,.detail-card .icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-tag{font-size:9px;letter-spacing:.14em;font-weight:900;color:#7890ad}.service-card h3{font-size:20px;line-height:1.2;margin:8px 0 10px}.service-card p{color:#687a91;line-height:1.65;font-size:14px}.service-link{font-weight:850;color:var(--blue)!important;text-decoration:none;display:inline-flex;gap:7px;margin-top:12px}.service-link span{transition:.2s}.service-link:hover span{transform:translateX(4px)}
.split{gap:50px}.about-panel{border-radius:28px!important;background:linear-gradient(145deg,#081a38,#123f72)!important;box-shadow:var(--shadow);color:#fff}.about-panel p{color:#cbd9ed!important}.about-badges span{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.07)}
.page-hero{padding:72px 0 70px!important;background:radial-gradient(circle at 80% 10%,rgba(22,199,232,.13),transparent 28%),linear-gradient(135deg,#07172f,#0e315b)!important;color:white}.page-hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em}.page-hero p{color:#bfd0e7!important;max-width:760px;line-height:1.75}.breadcrumb,.breadcrumb a{color:#9fc0ea!important}
.detail-grid{gap:18px}.detail-card{border:1px solid #dfe9f5!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 38px rgba(8,38,80,.055);padding:28px!important;transition:.25s}.detail-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(8,38,80,.1)}
.cta-band{background:linear-gradient(135deg,#07172f,#0c467a)!important;border:0!important}.cta-band h2{color:white}.cta-band p{color:#c4d4e9}
footer{background:#061329!important;border-top:0!important}.footer-brand p,.footer-contact,.footer-links a{color:#9fb2cd!important}.copyright{border-top-color:rgba(255,255,255,.1)!important;color:#7f95b2!important}
@media(max-width:1050px){.service-grid-all{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.brand img{width:165px}.hero{padding:62px 0}.hero h1{font-size:46px}.hero-visual{margin-top:35px}.service-grid-all{grid-template-columns:1fr}.service-card{min-height:0}.page-hero{padding:52px 0!important}}
@media(max-width:900px){.navlinks{background:white}.nav-dropdown .dropdown-menu{display:none}.nav-dropdown.open .dropdown-menu{display:block}.nav-dropdown .nav-drop-trigger{width:100%;justify-content:space-between}.navlinks>a,.nav-drop-trigger{width:100%;text-align:left}.nav-dropdown{width:100%}}

/* Premium visual refresh v2: stronger contrast, graphical depth and cleaner navigation */
:root{--ink:#071a36;--muted:#5b6d84;--blue:#1769ff;--cyan:#09b9dc;--line:#d8e5f3;--shadow:0 24px 70px rgba(6,29,64,.12)}
body{color:var(--ink);background:#f7faff}
.topbar{background:#06162f!important;color:#dbe8f8!important}
.topbar a{color:#fff!important}
header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dce7f3!important;box-shadow:0 8px 28px rgba(8,32,70,.06);position:sticky;top:0;z-index:50}
.navlinks>a{color:#17304f!important;font-weight:800}
.navlinks>a:hover,.navlinks>a.active{color:var(--blue)!important}
.nav-cta{background:linear-gradient(135deg,#1769ff,#08b6da)!important;color:#fff!important;box-shadow:0 12px 26px rgba(23,105,255,.22)}
.lang{background:#eef5ff!important;color:#17304f!important;border:1px solid #d5e3f4!important}
.hero{overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(9,185,220,.16),transparent 24%),radial-gradient(circle at 12% 70%,rgba(23,105,255,.10),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#edf5ff 52%,#e9faff 100%)!important}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,105,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,black,transparent 80%);pointer-events:none}
.hero h1{color:#071a36!important;text-shadow:none}
.hero p{color:#53677f!important}
.hero-points b{color:#102a4a!important}.hero-points span{color:#657990!important}
.btn-primary{color:#fff!important}.btn-light{color:#102a4a!important;background:#fff!important;border-color:#cddced!important}
.tech-card{background:linear-gradient(145deg,#071a36,#0d4c80 68%,#087eaa)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 30px 80px rgba(6,30,66,.28)!important}
.tech-card h3,.tech-card p{color:#fff!important}.tech-card p{opacity:.82}.signal{display:none!important}
.network.coverage-badge{position:absolute;right:6%;bottom:8%;z-index:4;background:#fff!important;color:#0b2443!important;border:1px solid #d4e2f0!important;border-radius:18px!important;padding:14px 18px!important;box-shadow:0 18px 40px rgba(7,34,70,.16)!important;display:flex!important;gap:10px;align-items:center}.network.coverage-badge span:first-child{font-weight:900;color:var(--blue);font-size:22px}
section{position:relative}.services{background:#f8fbff!important}
.premium-services{padding-top:105px}.capability-head{max-width:850px;margin-bottom:32px}.capability-head .kicker{color:var(--blue)!important}.capability-head h2{color:#071a36!important;margin-top:8px}.capability-head p{color:#5b6d84!important;max-width:760px}
.capability-group{margin-top:90px;padding-top:72px;border-top:1px solid #dce7f3}.capability-grid{margin-top:0!important}
.service-grid-all{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.service-card{min-height:315px!important;padding:30px!important;border:1px solid #d8e5f3!important;border-radius:28px!important;background:linear-gradient(145deg,#ffffff,#f3f8ff)!important;box-shadow:0 16px 42px rgba(8,38,80,.07)!important}
.service-card:after{content:"";position:absolute;top:-45px;right:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(9,185,220,.16),transparent 70%);pointer-events:none}
.service-card:hover{transform:translateY(-10px)!important;box-shadow:0 28px 60px rgba(8,38,80,.14)!important}
.service-card .icon,.detail-card .icon{width:66px!important;height:66px!important;border-radius:20px!important;background:linear-gradient(135deg,#e8f1ff,#e2fbff)!important;color:#1769ff!important;box-shadow:0 10px 24px rgba(23,105,255,.10),inset 0 0 0 1px #d5e5f5!important}
.service-card .icon svg,.detail-card .icon svg{width:32px!important;height:32px!important;stroke-width:1.7!important}
.service-card h3{color:#081c38!important;font-size:21px!important}.service-card p{color:#60748d!important}.service-link{color:#1769ff!important}
.page-hero{overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(9,185,220,.18),transparent 26%),linear-gradient(135deg,#06162f,#0c3159 70%,#0b5d7d)!important}
.page-hero h1{color:#fff!important}.page-hero p{color:#d2e1f2!important}.breadcrumb,.breadcrumb a{color:#a9c7e8!important}
.detail-card{background:linear-gradient(145deg,#fff,#f5f9ff)!important;border-color:#d8e5f3!important;box-shadow:0 16px 44px rgba(8,38,80,.07)!important}.detail-card h3{color:#0a1d38!important}.detail-card p,.bullet-list{color:#60748d!important}
.partners-visual,.partner-visual{background:linear-gradient(145deg,#071a36,#0e4b78)!important;color:#fff!important;border-radius:28px;box-shadow:var(--shadow)}
.cta-band{box-shadow:inset 0 1px rgba(255,255,255,.08)}
footer{background:#051329!important}
footer h4,footer .footer-brand p,footer .footer-contact b{color:#fff!important}.footer-links a,.footer-contact,.footer-contact a{color:#b7c9df!important}
@media(max-width:1050px){.service-grid-all{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.service-grid-all{grid-template-columns:1fr}.capability-group{margin-top:65px;padding-top:50px}.network.coverage-badge{position:relative;right:auto;bottom:auto;margin:18px auto 0;width:max-content}.hero{padding-bottom:75px}}

/* v4 portfolio refinement */
.portfolio-intro{max-width:900px;margin:0 auto 46px;text-align:center}.portfolio-intro h2{margin:8px 0 0;color:#071a36!important;font-size:clamp(28px,3vw,44px);line-height:1.12}.home-service-group{margin-top:54px!important;padding-top:0!important;border-top:0!important}.home-service-group.web-group{margin-top:78px!important;padding-top:70px!important;border-top:1px solid #dce7f3!important}.home-service-group .capability-head{margin-bottom:28px}.home-service-group .capability-head h2{font-size:34px!important}.home-service-group .capability-head p{font-size:16px;line-height:1.7}.compact-hero{padding-top:64px!important;padding-bottom:58px!important}.compact-hero .hero-grid{min-height:0!important}.compact-hero .hero-visual{min-height:460px!important}.premium-services{padding-top:72px!important;padding-bottom:78px!important}.service-card{min-height:292px!important}.whatsapp-item .whatsapp-icon{font-size:26px;font-weight:900}.whatsapp-link{color:#168b55!important;font-weight:800}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:#18a957;color:#fff!important;box-shadow:0 18px 42px rgba(7,70,40,.25);font-weight:800}.whatsapp-float span{width:28px;height:28px;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;font-size:16px}.whatsapp-float strong{font-size:14px}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(7,70,40,.32)}
@media(max-width:760px){.compact-hero{padding-top:38px!important;padding-bottom:42px!important}.compact-hero .hero-visual{min-height:360px!important}.premium-services{padding-top:48px!important}.portfolio-intro{margin-bottom:32px}.home-service-group.web-group{margin-top:52px!important;padding-top:48px!important}.whatsapp-float{right:16px;bottom:16px;padding:12px 15px}.whatsapp-float strong{display:none}}