@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#0c1830;--muted:#64748b;--blue:#2766ee;--navy:#07152e;--border:#e1e8f4;--pale:#f5f8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif;background:white}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{max-width:1180px;margin:auto;padding:0 24px}.top{background:#051229;color:#bcd1f4;font-size:12px;padding:9px 0}.top .wrap{display:flex;justify-content:space-between}.top a{color:#cfe2ff}.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e6edf7}.nav-in{min-height:83px;display:flex;align-items:center;gap:22px}.logo{font:800 23px 'Manrope',sans-serif;letter-spacing:-1.4px;color:#122444;white-space:nowrap}.logo span{color:#2671f5}.nav-links{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:13px;font-weight:700}.nav-links a{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;background:var(--blue);color:#fff!important;border-radius:9px;font-size:14px;font-weight:800;border:1px solid var(--blue);cursor:pointer}.btn:hover{background:#164cc4}.btn.outline{background:transparent;border-color:#bfd0ef;color:var(--ink)!important}.nav .btn{padding:11px 15px}.mobile-toggle{display:none;margin-left:auto;background:white;border:1px solid #ddd;border-radius:8px;padding:7px 12px;font-size:22px;cursor:pointer}.hero{background:radial-gradient(ellipse at 85% 50%,#164782 0%,transparent 43%),linear-gradient(116deg,#07152f 0%,#10244a 100%);color:white;overflow:hidden}.hero-inner{min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:74px;padding-bottom:75px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#6aa9ff;font-size:12px;font-weight:800}.hero h1{font:800 clamp(40px,5vw,68px)/1.09 Manrope,sans-serif;letter-spacing:-2.8px;margin:18px 0}.hero h1 span{color:#70b5ff}.hero p{color:#c8d9f3;max-width:570px;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .btn.outline{border-color:#7891b7;color:#fff!important}.art{height:350px;position:relative;display:grid;place-items:center}.ring{position:absolute;border:1px solid #5ab0ff52;border-radius:50%;width:260px;height:260px;box-shadow:0 0 85px #1d69dd44}.ring:nth-child(2){width:340px;height:340px}.ring:nth-child(3){width:410px;height:410px}.art-main{z-index:1;background:linear-gradient(145deg,#326dec,#112e65);box-shadow:0 24px 85px #04112699, inset 0 1px 30px #8ac5ff33;border:1px solid #75baff55;border-radius:32px;padding:40px;text-align:center}.art-main svg{width:120px;height:120px}.art-main strong{display:block;font-size:13px;letter-spacing:2px}.mini{position:absolute;z-index:2;background:#122b55ee;border:1px solid #5b9ee777;border-radius:12px;padding:12px 18px;font-weight:800;font-size:12px;box-shadow:0 15px 35px #0005}.mini.a{top:35px;left:0}.mini.b{bottom:35px;right:0}.section{padding:88px 0}.section.alt{background:var(--pale)}h2{font:800 clamp(28px,3vw,42px)/1.18 Manrope,sans-serif;letter-spacing:-1.2px;margin:10px 0 18px}.lead{font-size:17px;color:var(--muted);max-width:690px}.center{text-align:center}.center .lead{margin:0 auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:39px}.card{padding:29px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 8px 28px #173d7f06;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #173d7f12}.symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:13px;background:#eaf1ff;color:#205ee8;font-size:25px;font-weight:800}.card h3{font:800 18px/1.3 Manrope,sans-serif;margin:23px 0 9px}.card p{color:var(--muted);font-size:14px;margin:0 0 22px;flex:1}.more{font-size:13px;font-weight:800;color:#2261df}.two{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.panel{background:#0b1c3a;color:white;border-radius:24px;padding:42px;min-height:270px;position:relative;overflow:hidden}.panel:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #427ed8;border-radius:50%;right:-100px;top:-140px}.panel h3{font:800 30px Manrope;margin:0 0 15px}.panel p{color:#bed1ef}.pill{display:inline-block;background:#eaf1ff;color:#205bdd;font-size:12px;border-radius:40px;padding:6px 12px;font-weight:800}.feature-list{list-style:none;padding:0;display:grid;gap:13px}.feature-list li:before{content:'✓';color:#2178ec;font-weight:900;margin-right:13px}.cta{background:#0b2249;color:#fff;text-align:center;border-radius:22px;padding:58px 26px}.cta p{color:#c4d8f1}.pagehero{background:linear-gradient(120deg,#07152f,#153b78);color:white;padding:82px 0}.pagehero h1{font:800 clamp(33px,4.5vw,56px)/1.12 Manrope;margin:12px 0;max-width:850px}.pagehero p{color:#d2e1f7;font-size:18px;max-width:680px}.breadcrumbs{font-size:13px;color:#95b8f4}.prose{max-width:770px}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.field{display:grid;gap:7px;margin-bottom:16px}label{font-size:13px;font-weight:800}input,textarea,select{font:inherit;width:100%;border:1px solid #cdd9e9;border-radius:9px;padding:12px 14px;background:#fff}textarea{min-height:135px}input:focus,textarea:focus{outline:2px solid #91b9ff}.note{font-size:13px;color:#718199}.footer{background:#06142c;color:#b8c9e3;padding:65px 0 25px}.footer .logo{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer a{color:#cbd8ee;display:block;margin:8px 0;font-size:14px}.footer h4{color:white;margin-top:0}.bottom{border-top:1px solid #253857;margin-top:43px;padding-top:21px;font-size:12px}.notice{border:1px solid #b7cffd;background:#eef5ff;border-radius:12px;padding:16px;color:#254e87}.footnote{font-size:13px;color:#64748b}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-grid div{padding:17px;border:1px solid var(--border);border-radius:11px}.service-grid div:before{content:'✓';color:#2568e9;margin-right:10px;font-weight:bold}@media(max-width:1020px){.nav-links{gap:10px}.nav-links a{font-size:12px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:770px){.mobile-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:83px;background:#fff;padding:20px 24px;box-shadow:0 15px 22px #0002;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-in{min-height:83px}.hero-inner{grid-template-columns:1fr;padding-top:60px;padding-bottom:52px}.art{height:240px}.ring:nth-child(3){width:265px;height:265px}.ring:nth-child(2){width:235px;height:235px}.ring{width:180px;height:180px}.art-main{padding:22px}.art-main svg{width:70px;height:70px}.hero h1{letter-spacing:-1.6px}.section{padding:58px 0}.two,.contact-grid,.footer-grid{grid-template-columns:1fr;gap:25px}.cards{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.top{display:none}}
/* Sky Telecom brand refresh — navy + blue with signature orange accent */
:root{--orange:#f28c28;--orange-light:#ffb357}
.logo{position:relative;display:inline-flex!important;align-items:baseline;isolation:isolate;padding-left:12px}
.logo:before{content:"";position:absolute;left:0;top:-9px;width:48px;height:47px;border:2px solid var(--orange);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(29deg);z-index:-1;pointer-events:none}
.logo span{color:#2466e8}
.logo span:last-child{color:#64748b}
.footer .logo span:last-child{color:#a9b8cf!important}
.eyebrow{color:var(--orange-light)}
.btn{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px)}
.hero-actions>.btn:first-child,.cta .btn{background:var(--orange);border-color:var(--orange);color:#091832!important;box-shadow:0 8px 30px #f28c2836}
.hero-actions>.btn:first-child:hover,.cta .btn:hover{background:#ffad52}
.hero h1 span{color:#8ec7ff}
.hero .art-main{border-color:#f28c2877;box-shadow:0 24px 85px #04112699,0 0 55px #f28c281f}
.ring:nth-child(2){border-color:#f28c2859}
.mini:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:6px}
.symbol{background:#fff3e7;color:#ca6d10}
.card:hover{border-color:#ffbd7f}
.more{color:#d16f10}
.pill{background:#fff1df;color:#a75808}
.feature-list li:before,.service-grid div:before{color:var(--orange)}
input:focus,textarea:focus,select:focus{outline-color:#f5a54f}
@media(max-width:770px){.logo:before{width:39px;height:39px;top:-5px}}

/* Authentic Sky Telecom logo brand integration */
.logo{padding:0!important;display:inline-flex!important;align-items:center!important;isolation:auto!important;flex-shrink:0;line-height:1}
.logo:before,.logo:after{content:none!important;display:none!important}
.logo img{display:block;width:178px;height:auto;max-height:82px;object-fit:contain}
.nav-in{min-height:99px}
.nav-links{gap:15px}
.footer .logo img{width:200px;max-height:none;background:#fff;border-radius:9px;padding:7px}
:root{--orange:#ed7c11;--blue:#2756bd}
.btn:hover{background:#dc7410;border-color:#dc7410}
.hero-actions .btn:first-child,.cta .btn{background:var(--orange);border-color:var(--orange);color:#fff!important}
.hero-actions .btn:first-child:hover,.cta .btn:hover{background:#d66e0b;border-color:#d66e0b}
.hero .eyebrow,.pagehero .eyebrow{color:#ffab5f}
@media(max-width:770px){.nav-in{min-height:80px}.logo img{width:136px;max-height:65px}.nav-links{top:80px}.footer .logo img{width:170px}}

/* Release 1 – unified branding and two-role portal */
.login-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.login-cards .card{display:flex;flex-direction:column;align-items:flex-start}.login-cards .card .btn{margin-top:auto}.login-cards .card h2{font-size:1.55rem}.footnote{font-size:.83rem;color:#61718a;margin-top:14px}@media(max-width:760px){.login-cards{grid-template-columns:1fr}.nav .logo img{width:125px;height:auto}}

/* Final release: visible orange interaction accents and three portal choices */
.login-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.login-cards .card{min-height:280px}.login-cards .card .btn{white-space:normal}.pill{color:#e87815}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f58220;outline-offset:3px}@media(max-width:980px){.login-cards{grid-template-columns:1fr}.login-cards .card{min-height:0}}

/* 2026-10-28 secure forms release */
:root{--orange:#f58020}
.btn:hover,.btn:focus-visible{box-shadow:0 0 0 3px #f5802050}
.hero .btn:first-child,.contact-grid .btn[type=submit]{background:var(--orange);border-color:var(--orange);color:#08162d!important}
.cf-turnstile{margin:18px 0;min-height:64px}
button:disabled{opacity:.65;cursor:not-allowed}
#form-status{font-weight:600;min-height:2em}
#form-status[data-error=true]{color:#b02c2c}
.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* Accessibility enhancements — 2026-10-28 */
.skip-link{position:fixed;z-index:99999;top:10px;left:12px;transform:translateY(-160%);padding:13px 18px;background:#fff;color:#0b2345;border:3px solid #f58020;border-radius:8px;font-weight:700;box-shadow:0 6px 22px #0002}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #e9780d!important;outline-offset:4px!important}
.footer .bottom .footer-accessibility{display:inline!important;text-decoration:underline;text-underline-offset:3px}
.form-privacy-note{font-size:.88rem;line-height:1.6;color:#435673;margin:14px 0 20px}
.form-privacy-note a{color:#17499d;text-decoration:underline;text-underline-offset:2px}
.prose a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:2px}
.prose li{line-height:1.8;margin-bottom:6px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
@media (forced-colors:active){.btn,.skip-link{border:2px solid ButtonText}.btn:focus-visible{outline:3px solid Highlight!important}}

/* Approved footer and policy typography • October 2026 */
.footer{padding:55px 0 25px}
.footer-grid-refined{grid-template-columns:minmax(0,2.7fr) minmax(155px,.8fr) minmax(175px,.95fr);gap:28px;align-items:start}
.footer-grid-refined .footer-brand{min-width:0}
.footer-brand .footer-tagline{font-size:13.5px;line-height:1.5;letter-spacing:-.18px;white-space:nowrap;margin:15px 0 9px;color:#e0e9f9}
.footer-brand .footer-coverage{max-width:530px;color:#b8c9e3;font-size:12.5px;line-height:1.65;margin:0}
.footer-links h4{font-size:15px;margin:5px 0 16px;color:#fff}
.footer-links a{font-size:13.5px;margin:0 0 11px;line-height:1.4}
.footer-bottom-refined{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #2b405c;margin-top:35px;padding-top:20px;color:#b8c9e3}
.footer-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footer-legal a{display:inline;margin:0;color:#dbe6f7;text-decoration:none;font-size:12px}
.footer-legal a:hover,.footer-legal a:focus-visible{text-decoration:underline}
.footer .wrap:after{content:'';display:block;background:#f58220;height:3px;margin-top:22px;border-radius:5px}
.prose h2{font-size:clamp(20px,2vw,25px);line-height:1.35;letter-spacing:-.45px;margin:28px 0 12px}
@media(max-width:1050px){.footer-grid-refined{grid-template-columns:minmax(0,1.8fr) minmax(145px,.8fr) minmax(165px,.9fr);gap:20px}.footer-brand .footer-tagline{white-space:normal}}
@media(max-width:770px){.footer-grid-refined{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-brand{grid-column:1 / -1}.footer-brand .footer-tagline{white-space:normal}.footer-bottom-refined{align-items:flex-start;flex-direction:column}.footer-legal{gap:18px}}
@media(max-width:420px){.footer-grid-refined{grid-template-columns:1fr}.footer-brand{grid-column:auto}}