
/* Infinite Telecoms — Corporate Executive redesign 2026. Scoped to preserve existing order forms. */
:root{--exec-navy:#08152c;--exec-ink:#14243b;--exec-red:#e72e42;--exec-light:#f4f7fb}
html{scroll-behavior:smooth}body{background:#f7f9fc;color:#172842} .shell{max-width:1250px!important;margin-inline:auto}
.header{background:#fff!important;box-shadow:0 6px 30px #0b1b3314!important;position:sticky;top:0;z-index:1200;border-bottom:1px solid #e8edf4}
.header .nav{min-height:90px;gap:20px}.header .brand{max-width:225px;flex:0 0 auto}.header .brand img{max-height:65px;max-width:205px;object-fit:contain}
.header nav a{font-weight:700!important;letter-spacing:-.01em}.header .btn{border-radius:10px!important}
#home.hero{position:relative;isolation:isolate;overflow:hidden;min-height:700px;background:#07152e!important;color:white!important;padding:0!important;border:0}
#home .executive-hero-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 37%,#174675 0,transparent 43%),radial-gradient(ellipse at 0% 95%,#153d67 0,transparent 45%),linear-gradient(122deg,#061328,#0c2445 62%,#0a1c37)}
#home .executive-hero-backdrop:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black)}
.executive-hero-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:635px;gap:45px;padding:72px 20px 56px}.executive-hero-copy{position:relative;z-index:3}
.executive-kicker{display:inline-flex;align-items:center;gap:12px;color:#d1dce9;font-size:11px;font-weight:800;letter-spacing:2.4px}.executive-pulse{width:8px;height:8px;border-radius:50%;background:#fb5063;box-shadow:0 0 0 6px #fb50632b;animation:execPulse 2.4s infinite}
.executive-hero-copy h1{font-size:clamp(48px,5vw,78px);font-weight:850;letter-spacing:-.065em;line-height:1.07;color:#fff;margin:27px 0}.executive-hero-copy h1 span{color:#ff5367}.executive-hero-copy>p{color:#b9c8db;font-size:17px;line-height:1.85;max-width:570px}
.executive-hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin:35px 0 47px}.executive-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 23px;border-radius:9px;font-weight:800;font-size:13px;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.executive-button:hover{transform:translateY(-3px)}.executive-button-red{background:#e72e42;color:#fff!important;box-shadow:0 12px 30px #e72e4230}.executive-button-outline{border:1px solid #ffffff55;color:#fff!important;background:#ffffff0a}.executive-button span{font-size:18px}
.executive-hero-metrics{display:flex;gap:30px;flex-wrap:wrap}.executive-hero-metrics>div{padding-left:20px;border-left:2px solid #e53b51}.executive-hero-metrics strong{display:block;color:#fff;font-size:17px}.executive-hero-metrics small{display:block;color:#a7bad2;margin-top:4px;font-size:11px}
.executive-visual{height:515px;position:relative;perspective:1000px}.executive-visual-glow{position:absolute;inset:15% 4%;border-radius:50%;background:#377cbb50;filter:blur(65px)}.executive-device{position:absolute;border:1px solid #86a9d24d;border-radius:20px;background:linear-gradient(150deg,#203b60f5,#0a1b33f5);box-shadow:0 35px 70px #0007,inset 0 1px #ffffff35;color:#fff}.executive-device-back{width:75%;height:260px;right:0;top:45px;transform:rotateY(-13deg) rotateZ(6deg);padding:25px}.executive-device-front{width:72%;height:340px;left:0;top:135px;transform:rotateY(9deg) rotateZ(-5deg);padding:28px;animation:execFloat 7s ease-in-out infinite}.executive-device-top{display:flex;justify-content:space-between;color:#aabed6;font-size:10px;letter-spacing:2px;font-weight:800}.executive-device-top i{width:8px;height:8px;border-radius:50%;background:#51e6b1;box-shadow:0 0 14px #51e6b1}.executive-device-icon{font-size:115px;font-weight:900;color:#f04459;line-height:1.35;text-shadow:0 10px 45px #f0445960}.executive-device-front strong{display:block;font-size:23px;letter-spacing:-.04em}.executive-device-front p{color:#aec2da;font-size:12px;margin:8px 0 24px}.executive-signal{display:flex;gap:8px;align-items:flex-end;height:35px}.executive-signal span{height:40%;width:18%;background:linear-gradient(#ff6174,#b41f35);border-radius:4px}.executive-signal span:nth-child(2){height:70%}.executive-signal span:nth-child(3){height:48%}.executive-signal span:nth-child(4){height:95%}.executive-signal span:nth-child(5){height:62%}.executive-bars{display:flex;align-items:end;gap:7px;height:135px;padding:24px 0 8px}.executive-bars b{flex:1;height:35%;background:linear-gradient(#4ea3f4,#1d4b83);border-radius:5px 5px 0 0}.executive-bars b:nth-child(3n){height:85%}.executive-bars b:nth-child(4n){height:60%}.executive-bars b:nth-child(5n){height:95%}.executive-device-label{display:flex;justify-content:space-between;font-size:9px;color:#b9cde3;letter-spacing:1px}.executive-device-label span{color:#61edb3}.executive-floating{position:absolute;z-index:4;border:1px solid #ffffff35;background:#173455ee;box-shadow:0 15px 35px #0005;border-radius:11px;padding:15px 19px;color:#fff;font-size:12px;font-weight:750;backdrop-filter:blur(10px)}.executive-floating-one{top:28px;left:2%;color:#ffc2ca}.executive-floating-one span{color:white;margin-left:6px}.executive-floating-two{right:-4%;bottom:33px}.executive-green-dot{display:inline-block;width:8px;height:8px;background:#4de0a6;border-radius:50%;margin-right:8px}
.executive-bottom-strip{border-top:1px solid #ffffff19;background:#07152b88}.executive-strip-inner{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:#b7c5d6;font-size:11px;font-weight:800;letter-spacing:1.7px;padding:15px 20px}
.proof{background:white!important;border-bottom:1px solid #e9edf4}.proof-grid{padding-top:28px!important;padding-bottom:28px!important}.proof-grid>div{border-left:3px solid #e72e42;padding-left:20px}.proof-grid b{color:#122944!important}
.executive-intro{padding:100px 0 105px;background:#f5f7fa}.executive-section-header{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:38px}.executive-overline{color:#e22b42;font-size:11px;font-weight:900;letter-spacing:2px}.executive-section-header h2{font-size:clamp(29px,3.2vw,47px);letter-spacing:-.045em;line-height:1.2;color:#0b203b;margin:16px 0 0}.executive-section-header h2 em{font-style:normal;color:#718097}.executive-section-header>p{max-width:340px;color:#64748b;line-height:1.8;font-size:14px}.executive-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.executive-service-card{background:#fff;border:1px solid #e4eaf1;border-radius:14px;padding:28px 23px 26px;text-decoration:none!important;display:flex;flex-direction:column;min-height:310px;transition:transform .25s,box-shadow .25s,border-color .25s}.executive-service-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px #0922441a;border-color:#c6d4e5}.executive-card-number{color:#8796a8;font-size:10px;font-weight:800;letter-spacing:1px}.executive-service-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:14px;background:#edf2f9;color:#d82942;font-size:31px;margin:24px 0 16px}.executive-service-card h3{font-size:20px;line-height:1.25;color:#0b203b;letter-spacing:-.03em;margin:0 0 12px}.executive-service-card p{color:#68788b;font-size:13px;line-height:1.7;margin:0 0 20px}.executive-card-link{color:#d72840;font-size:12px;font-weight:850;margin-top:auto}
#packages,#addons,#tramigo,#wifi-cameras,#website-design,#banking,#support-ticket,#contact{scroll-margin-top:105px} .section h2,.tmg-section h2,.wifi-section h2,.website-design-service h2{letter-spacing:-.035em}
.site-footer{background:#07162d!important;color:#d7e1ee!important}.site-footer a{color:#c6d3e3}.site-footer a:hover{color:#fff}
@keyframes execFloat{0%,100%{transform:rotateY(9deg) rotateZ(-5deg) translateY(0)}50%{transform:rotateY(9deg) rotateZ(-5deg) translateY(-13px)}}@keyframes execPulse{0%,100%{box-shadow:0 0 0 4px #fb50632b}50%{box-shadow:0 0 0 10px #fb506305}}
@media(max-width:1100px){.executive-hero-layout{grid-template-columns:1fr 0.8fr;gap:15px}.executive-hero-copy h1{font-size:54px}.executive-service-grid{grid-template-columns:repeat(2,1fr)}.executive-floating-two{right:0}}
@media(max-width:800px){#home.hero{min-height:0}.executive-hero-layout{display:block;padding:65px 22px 25px}.executive-hero-copy h1{font-size:clamp(44px,10vw,64px)}.executive-visual{height:380px;max-width:480px;margin:25px auto 0}.executive-device-front{height:295px;top:75px}.executive-device-back{top:10px;height:220px}.executive-device-icon{font-size:82px}.executive-floating-one{top:0}.executive-floating-two{bottom:5px}.executive-section-header{display:block}.executive-section-header>p{max-width:650px}.executive-intro{padding:70px 20px}.executive-strip-inner{justify-content:center}.executive-hero-metrics{gap:17px}}
@media(max-width:530px){.executive-hero-copy h1{font-size:42px}.executive-hero-buttons{display:grid}.executive-hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.executive-hero-metrics>div{padding-left:8px}.executive-hero-metrics strong{font-size:12px}.executive-hero-metrics small{font-size:10px}.executive-visual{height:310px}.executive-device-front{padding:18px;width:75%;height:240px}.executive-device-back{padding:18px;height:170px}.executive-device-icon{font-size:55px}.executive-device-front strong{font-size:17px}.executive-device-front p{font-size:10px}.executive-bars{height:75px}.executive-floating{font-size:9px;padding:9px}.executive-service-grid{grid-template-columns:1fr}.executive-service-card{min-height:250px}.executive-section-header h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.executive-device-front,.executive-pulse{animation:none!important}html{scroll-behavior:auto}}
