/* Skytech public homepage. No styles are loaded by authenticated pages. */
.sky-home { --home-ink:#121a30; --home-muted:#667086; --home-blue:#446bff; --home-night:#090e1f; background:#fff !important; color:var(--home-ink); font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif; }
.sky-home a { text-decoration:none; }
.sky-home main { overflow:clip; }
.sky-home h1,.sky-home h2,.sky-home h3,.sky-home p { margin:0; }
.sky-home .home-wrap { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
.sky-home .home-icon { flex-shrink:0; vertical-align:middle; }
.sky-home .brand { font-size:20px; font-weight:750; gap:10px; letter-spacing:-.7px; }
.sky-home .brand > span { margin-left:-10px; color:#9caefa; }
.home-header { background:var(--home-night); color:#fff; }
.home-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:88px; border-bottom:1px solid #ffffff12; }
.home-header a.brand { color:#fff; }
.home-nav,.home-account { display:flex; align-items:center; gap:32px; }
.home-nav a,.home-signin { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:500; color:#bac0d3 !important; }
.home-nav a:hover,.home-signin:hover { color:#fff !important; }
.home-account { gap:24px; }
.sky-home .btn { border-radius:8px; min-height:52px; padding:14px 24px; font-size:14px; font-weight:600; gap:14px; transition:transform .2s,background .2s,box-shadow .2s; }
.sky-home .btn .home-icon { width:19px; height:19px; }
.sky-home .btn:hover { transform:translateY(-2px); }
.sky-home .home-header-cta { min-height:42px; padding:10px 17px; color:#f2f5ff; background:#ffffff09; border:1px solid #ffffff24; font-size:12px; gap:15px; }
.sky-home .home-header-cta:hover { background:#ffffff14; }
.home-hero { position:relative; background:var(--home-night); color:#fff; isolation:isolate; }
.home-hero::before { position:absolute; content:""; inset:0; z-index:-1; background:radial-gradient(ellipse at 75% 28%,#17294e77,transparent 52%),radial-gradient(ellipse at 100% 100%,#14162d55,transparent 45%); }
.home-hero-grid { display:grid; grid-template-columns:1.08fr 1fr; gap:25px; align-items:center; min-height:560px; padding-block:38px; }
.home-hero-copy { position:relative; z-index:2; padding-bottom:15px; }
.home-kicker { display:flex; align-items:center; gap:9px; color:#a7b7ed; font-size:10px; letter-spacing:2.2px; font-weight:600; }
.home-kicker > span { width:19px; height:1px; background:#90a3ec; }
.sky-home h1 { font-size:clamp(56px,6.2vw,80px); font-weight:600; line-height:1.045; letter-spacing:-4.8px; margin-top:25px; }
.sky-home h1 > span { color:#a9baff; background:linear-gradient(110deg,#f0f3ff,#b2c9ff 40%,#8490f1 90%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.sky-home .home-lead { font-size:17px; line-height:1.85; color:#a0aac4; max-width:460px; margin-top:24px; }
.home-actions { display:flex; flex-wrap:wrap; align-items:center; gap:28px; margin-top:30px; }
.sky-home .btn.primary { background:#3f63f0; color:#fff; box-shadow:0 7px 24px #2b52e42b; }
.sky-home .btn.primary:hover { background:#577aff; box-shadow:0 9px 28px #2b52e44d; }
.home-explore { display:inline-flex; align-items:center; gap:10px; min-height:48px; color:#d3d9ec !important; font-size:13px; }
.home-explore:hover { color:#fff !important; }
.home-explore .home-icon { width:17px; height:17px; }
.sky-home .home-hero-note { margin-top:26px; font-size:11px; color:#71809f; }
.home-hero-art { position:relative; display:grid; place-items:center; min-width:0; height:485px; }
.home-art-glow { position:absolute; width:78%; height:74%; top:15%; left:12%; background:radial-gradient(ellipse,#1c51b648,transparent 67%); filter:blur(35px); }
.sky-home .home-sculpture { position:relative; width:100%; max-width:520px; height:auto; filter:drop-shadow(0 20px 42px #03081555); transform:rotate(-8deg); }
.home-art-label { position:absolute; bottom:2px; right:16px; font-size:8px; letter-spacing:2.2px; color:#596b92; }
.home-network-bar { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #ffffff12; padding-block:24px 27px; }
.home-network-bar > p { font-size:9px; letter-spacing:1.6px; color:#657390; line-height:1.9; }
.home-network-bar > p strong { color:#a0abc7; font-weight:500; }
.home-networks { display:flex; align-items:center; gap:72px; }
.home-network { display:inline-flex; align-items:center; justify-content:center; min-height:44px; color:#dfe6fa !important; }
.home-network:hover { opacity:.75; }
.home-network.mtn { font-size:21px; font-weight:750; letter-spacing:-1.2px; border:1px solid #8c98b3; border-radius:50%; min-height:34px; width:68px; }
.home-network.telecel { font-size:22px; font-weight:650; letter-spacing:-1px; gap:7px; }
.home-network.telecel > span { width:14px; height:14px; border-radius:50%; border:3px solid #c2cbe1; border-top-color:transparent; transform:rotate(-25deg); }
.home-network.at { font-size:27px; font-weight:750; letter-spacing:-1.5px; }
.home-network.at > span { color:#8d9df2; }
.home-network-bar .home-network-note { text-align:right; letter-spacing:0; font-size:11px; color:#7f8ca7; }
.home-services { padding-block:76px 68px; }
.home-section-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:34px; }
.sky-home .home-eyebrow { color:#6d70a0; font-size:10px; font-weight:600; letter-spacing:2px; line-height:1.7; }
.sky-home h2 { font-size:clamp(30px,3.25vw,40px); line-height:1.2; font-weight:550; letter-spacing:-1.8px; }
.home-section-heading h2 { margin-top:13px; }
.home-section-heading > p { color:var(--home-muted); font-size:13px; line-height:1.8; padding-bottom:4px; }
.home-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.home-service-card { position:relative; overflow:hidden; background:#f2f5fd; border:1px solid #e9edf7; padding:26px 28px; border-radius:14px; }
.home-service-card.data { background:linear-gradient(145deg,#183788,#102861); color:#fff; border-color:transparent; }
.home-service-card.airtime { background:#faf8f2; border-color:#f1eee6; }
.home-service-card.afa { background:#f5f3fb; border-color:#ece9f4; }
.home-service-art { height:138px; position:relative; display:grid; place-items:center; margin-bottom:11px; }
.home-art-disc { position:absolute; top:6px; width:122px; height:122px; border-radius:50%; background:linear-gradient(140deg,#ffffff16,#ffffff02); border:1px solid #ffffff15; }
.home-service-symbol { position:relative; width:78px; height:78px; display:grid; place-items:center; border:1px solid #ffffff30; background:linear-gradient(145deg,#527cee,#284ca3); box-shadow:0 9px 20px #050e3933,inset 0 1px 0 #ffffff30; border-radius:20px; transform:rotate(-9deg); }
.home-service-symbol .home-icon { width:38px; height:38px; stroke-width:1.1px; }
.home-art-dot { position:absolute; width:16px; height:16px; left:calc(50% + 55px); top:28px; border-radius:50%; background:linear-gradient(135deg,#c0d1ff,#4f69ad); box-shadow:0 2px 5px #00000010; }
.airtime .home-art-disc { background:linear-gradient(135deg,#f2e6c5,#ffffff00); border-color:#eee3c5; }
.airtime .home-service-symbol { background:linear-gradient(135deg,#fffbef,#eee2ba); color:#987832; border-color:#f0e8d3; box-shadow:0 8px 20px #796b3420,inset 0 1px 0 #fff; transform:rotate(8deg); }
.airtime .home-art-dot { background:linear-gradient(135deg,#f9f1cf,#c5aa6b); left:calc(50% - 72px); top:86px; }
.afa .home-art-disc { background:linear-gradient(135deg,#e7def9,#ffffff00); border-color:#e5ddf2; }
.afa .home-service-symbol { background:linear-gradient(135deg,#f6f1ff,#d6c6ee); color:#8261a8; border-color:#e8dff5; box-shadow:0 8px 20px #83699b20,inset 0 1px 0 #fff; transform:rotate(-8deg); }
.afa .home-art-dot { background:linear-gradient(135deg,#e7ddfb,#9c87bd); }
.sky-home .home-service-type { font-size:9px; letter-spacing:1.4px; color:#7f8bae; font-weight:600; margin-bottom:10px; }
.airtime .home-service-type { color:#928264; }
.afa .home-service-type { color:#8a779e; }
.sky-home .home-service-card h3 { font-size:26px; line-height:1.23; font-weight:550; letter-spacing:-.95px; }
.sky-home .home-service-description { font-size:14px; color:#667086; line-height:1.85; margin-top:14px; }
.data .home-service-description { color:#aebfe9; }
.home-service-link { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:25px; color:var(--home-ink) !important; font-size:12px; font-weight:600; min-height:44px; }
.data .home-service-link { color:#fff !important; }
.home-service-link > span { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border:1px solid #18244220; border-radius:50%; transition:transform .2s,background .2s; }
.data .home-service-link > span { border-color:#ffffff30; }
.home-service-link .home-icon { width:16px; height:16px; }
.home-service-link:hover > span { transform:rotate(45deg); background:#ffffff30; }
.home-control { display:grid; grid-template-columns:1fr 1.08fr; gap:80px; padding-block:30px 72px; border-bottom:1px solid #e9edf4; }
.home-control-intro h2 { margin-top:13px; }
.home-control-intro > p:not(.home-eyebrow) { color:var(--home-muted); font-size:14px; line-height:1.8; max-width:330px; margin-top:18px; }
.home-control-intro > a { display:inline-flex; align-items:center; gap:17px; min-height:44px; margin-top:19px; font-size:13px; font-weight:600; color:#3459cc; }
.home-control-intro > a .home-icon { width:18px; height:18px; }
.home-control-features { display:grid; gap:22px; padding-top:7px; }
.home-control-features > div { display:flex; align-items:start; gap:18px; }
.home-control-features > div > span { display:grid; place-items:center; flex-shrink:0; width:42px; height:42px; border-radius:11px; border:1px solid #e8edf8; background:#f7f9fd; color:#52639a; }
.home-control-features .home-icon { width:21px; height:21px; }
.sky-home .home-control-features h3 { font-size:15px; line-height:1.5; font-weight:600; }
.home-control-features p { color:var(--home-muted); font-size:14px; line-height:1.85; margin-top:6px; max-width:370px; }
.home-guide { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; padding-block:64px; border-bottom:1px solid #e9edf4; }
.home-guide h2 { margin-top:13px; }
.home-guide-copy p { font-size:15px; line-height:1.9; color:var(--home-muted); }
.home-guide-copy p + p { margin-top:18px; }
.home-guide-copy a { color:#3459cc; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#3459cc50; }
.home-guide-copy a:hover { text-decoration-color:currentColor; }
/* The panel class keeps the previous markup styled during the two-file upload. */
.sky-home .home-guide-panel { display:block; padding:32px 36px 26px; margin-top:36px; background:linear-gradient(120deg,#f6f9ff,#f9f7fe); border:1px solid #e6eaf4; border-radius:18px; }
.home-guide-panel h2 { margin-top:8px; font-size:32px; letter-spacing:-1.1px; }
.sky-home .home-guide-intro { margin-top:10px; font-size:14px; line-height:1.7; color:var(--home-muted); }
.home-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:26px; }
.home-guide-item { min-width:0; }
.home-guide-item + .home-guide-item { border-left:1px solid #dfe5f0; padding-left:24px; }
.sky-home .home-guide-item h3 { display:flex; align-items:center; gap:10px; font-size:15px; line-height:1.5; font-weight:600; letter-spacing:-.2px; }
.home-guide-item h3 > span { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; border:1px solid #e1e6f3; border-radius:8px; background:#ffffffb0; color:#5369ae; }
.home-guide-item h3 .home-icon { width:17px; height:17px; }
.sky-home .home-guide-item p { margin-top:12px; font-size:14px; line-height:1.75; color:#626d84; }
.home-guide-item a { color:#3459cc; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#3459cc50; }
.home-guide-item a:hover { text-decoration-color:currentColor; }
.sky-home .home-guide-note { display:flex; align-items:center; gap:9px; margin-top:22px; padding-top:18px; border-top:1px solid #dfe5f0; font-size:12px; line-height:1.7; color:#68738a; }
.home-guide-note .home-icon { width:16px; height:16px; color:#5369ae; }
/* Skytech story: a distinct service feature, scoped for safe CSS-first upload. */
.sky-home .home-story { position:relative; isolation:isolate; overflow:hidden; margin-top:38px; padding:38px 40px 23px; border:1px solid #203256; border-radius:24px; background:radial-gradient(ellipse at 100% 0,#25467d66,transparent 52%),#101b32; color:#f5f7ff; }
.home-story::before { content:""; position:absolute; z-index:-1; top:-172px; right:-60px; width:405px; height:405px; border:1px solid #a3bafa13; border-radius:50%; box-shadow:0 0 0 55px #a3bafa06,0 0 0 110px #a3bafa03; pointer-events:none; }
.home-story-heading { display:grid; grid-template-columns:1.25fr 1fr; align-items:end; gap:44px; padding-bottom:28px; }
.sky-home .home-story-kicker { display:flex; align-items:center; gap:9px; font-size:9px; font-weight:600; letter-spacing:1.7px; line-height:1.7; color:#b9c9ee; }
.home-story-kicker > span { width:6px; height:6px; border-radius:50%; background:#7c9dff; box-shadow:0 0 0 4px #7192ee12; }
.sky-home .home-story h2 { margin-top:15px; font-size:38px; font-weight:550; line-height:1.15; letter-spacing:-1.6px; }
.home-story h2 > span { color:#9fbbff; }
.sky-home .home-story-lead { font-size:15px; line-height:1.85; color:#b4c0d8; max-width:350px; padding-bottom:3px; }
.home-story-services { display:grid; grid-template-columns:1.45fr 1fr; gap:30px; }
.home-story-data { min-width:0; padding:25px 27px 23px; background:linear-gradient(125deg,#1d3358,#192943); border:1px solid #8ca8df25; border-radius:16px; }
.home-story-afa { min-width:0; padding:25px 5px 23px 5px; }
.home-story-label { display:flex; align-items:center; gap:10px; color:#c8d6f3; }
.home-story-label > span { display:grid; place-items:center; width:29px; height:29px; border:1px solid #abc0ef30; border-radius:8px; background:#aec7ff09; }
.home-story-label .home-icon { width:16px; height:16px; }
.sky-home .home-story-label p { font-size:9px; line-height:1.6; font-weight:600; letter-spacing:1.3px; }
.sky-home .home-story-services h3 { margin-top:16px; font-size:25px; line-height:1.25; font-weight:550; letter-spacing:-.65px; }
.home-story-networks { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:18px; }
.home-story-networks > span { display:inline-flex; align-items:center; justify-content:center; min-height:27px; padding:5px 12px; border-radius:6px; font-size:11px; line-height:1.4; font-weight:750; letter-spacing:-.25px; }
.home-story-networks .story-mtn { background:#ffce38; color:#142139; }
.home-story-networks .story-telecel { background:#ce303b; color:#fff; }
.home-story-networks .story-at { background:#3d68c5; color:#fff; min-width:44px; }
.sky-home .home-story-copy { margin-top:17px; font-size:15px; line-height:1.85; color:#c6d0e4; }
.home-story .home-story-copy a,.home-story-business a { color:#e1eaff; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; text-decoration-color:#aec4fb70; }
.home-story .home-story-copy a:hover,.home-story-business a:hover { color:#fff; text-decoration-color:#fff; }
.home-story a:focus-visible { outline:2px solid #c5d8ff; outline-offset:4px; border-radius:2px; }
.sky-home .home-story-detail { display:flex; align-items:center; gap:8px; margin-top:17px; font-size:12px; line-height:1.7; color:#aebedb; }
.home-story-detail .home-icon { width:15px; height:15px; }
.home-story-business { display:grid; grid-template-columns:1fr 1.4fr; align-items:center; gap:28px; margin-top:27px; padding-block:22px; border-top:1px solid #a7bce028; border-bottom:1px solid #a7bce028; }
.home-story-business > div { display:flex; align-items:center; gap:13px; }
.home-story-business-icon { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; background:#b6c8ff0c; border:1px solid #bacbf32a; border-radius:50%; color:#b9cdfb; }
.home-story-business-icon .home-icon { width:18px; height:18px; }
.sky-home .home-story-business h3 { font-size:17px; line-height:1.5; font-weight:550; letter-spacing:-.25px; }
.sky-home .home-story-business > p { font-size:14px; line-height:1.8; color:#b4c0d8; }
.sky-home .home-story-footer { display:flex; align-items:center; gap:9px; padding-top:18px; font-size:11px; line-height:1.7; color:#a8b8d5; }
.home-story-footer .home-icon { width:15px; height:15px; }
@media (max-width:800px) {
  .sky-home .home-story { padding:30px 28px 22px; margin-top:28px; border-radius:20px; }
  .home-story-heading { grid-template-columns:1fr; gap:17px; padding-bottom:25px; }
  .sky-home .home-story h2 { font-size:34px; }
  .sky-home .home-story-lead { max-width:490px; }
  .home-story-services { grid-template-columns:1.3fr 1fr; gap:23px; }
  .home-story-data { padding:21px; }
  .home-story-afa { padding:21px 0; }
  .sky-home .home-story-services h3 { font-size:23px; }
  .home-story-business { grid-template-columns:1fr; gap:13px; margin-top:23px; padding-block:21px; }
}
@media (max-width:600px) {
  .sky-home .home-story { padding:26px 22px 21px; margin-top:24px; border-radius:18px; }
  .home-story::before { width:270px; height:270px; top:-130px; right:-150px; }
  .home-story-heading { gap:14px; }
  .sky-home .home-story h2 { font-size:28px; letter-spacing:-1px; line-height:1.2; margin-top:13px; }
  .sky-home .home-story-lead { font-size:14px; line-height:1.8; }
  .home-story-services { grid-template-columns:1fr; gap:0; }
  .home-story-data { padding:20px; }
  .home-story-afa { padding:25px 1px 3px; }
  .sky-home .home-story-services h3 { font-size:22px; margin-top:14px; }
  .home-story-afa h3 br { display:none; }
  .sky-home .home-story-copy { font-size:14px; line-height:1.85; margin-top:14px; }
  .home-story-networks { margin-top:16px; }
  .sky-home .home-story-detail { font-size:11px; margin-top:14px; }
  .home-story-business { margin-top:23px; gap:12px; }
  .sky-home .home-story-business h3 { font-size:16px; }
  .sky-home .home-story-business > p { font-size:13px; }
  .sky-home .home-story-footer { align-items:start; font-size:10px; padding-top:16px; }
  .home-story-footer .home-icon { margin-top:2px; }
}
.home-faq { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; padding-block:70px 76px; }
.home-faq h2 { margin-top:13px; }
.home-support-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:18px; font-size:13px; font-weight:500; color:#3e61d2 !important; }
.home-support-link .home-icon { width:17px; height:17px; }
.home-faq-list details { border-bottom:1px solid #e8ecf4; }
.home-faq-list details:first-child { border-top:1px solid #e8ecf4; }
.home-faq-list summary { cursor:pointer; list-style:none; font-size:14px; font-weight:550; min-height:64px; padding:20px 30px 20px 0; position:relative; }
.home-faq-list summary::-webkit-details-marker { display:none; }
.home-faq-list summary::after { content:"+"; position:absolute; right:3px; top:13px; font-size:23px; font-weight:300; color:#8590a9; }
.home-faq-list details[open] summary::after { content:"−"; }
.home-faq-list details p { color:var(--home-muted); font-size:14px; line-height:1.85; padding:0 20px 20px 0; }
.home-faq-list details p a { text-decoration:underline; }
.home-join { background:radial-gradient(ellipse at 80% 150%,#243966,transparent 65%),#0e162b; color:#fff; }
.home-join-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; padding-block:55px 58px; }
.home-join .home-eyebrow { color:#7f90b5; }
.home-join h2 { margin-top:16px; font-size:48px; line-height:1.14; letter-spacing:-2.1px; }
.home-join h2 > span { color:#a6b9f3; }
.home-join-inner > div:last-child > p { font-size:14px; line-height:1.9; color:#95a4c4; margin-bottom:21px; }
.sky-home .home-join .btn { color:#162241; background:#f0f3ff; }
.sky-home .home-join .btn:hover { background:#fff; }
.home-footer { padding-block:35px 22px; }
.home-footer-top,.home-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.home-footer .brand { font-size:17px; }
.home-footer .brand > span { color:#596aae; }
.home-footer .brand-mark { width:30px; height:30px; flex-basis:30px; }
.home-footer nav { display:flex; align-items:center; flex-wrap:wrap; gap:5px 22px; }
.home-footer nav a { display:inline-flex; align-items:center; min-height:44px; color:#6d7588; font-size:11px; }
.home-footer-bottom { border-top:1px solid #edf0f5; margin-top:22px; padding-top:19px; font-size:10px; color:#9098aa; }
@media (max-width:1050px) {
  .sky-home .home-wrap { width:calc(100% - 64px); }
  .home-nav,.home-account { gap:22px; }
  .home-header-inner { gap:20px; }
  .sky-home h1 { font-size:66px; letter-spacing:-3.6px; }
  .home-hero-grid { min-height:530px; }
  .home-hero-art { height:430px; }
  .home-networks { gap:45px; }
  .home-service-card { padding:22px; }
  .sky-home .home-service-card h3 { font-size:23px; }
  .home-control { gap:40px; }
}
@media (max-width:800px) {
  .sky-home .home-wrap { width:calc(100% - 48px); }
  .home-header-inner { min-height:0; flex-wrap:wrap; padding-block:20px 8px; gap:10px; }
  .home-nav { width:100%; order:3; justify-content:center; gap:35px; border-top:1px solid #ffffff0b; padding-top:6px; }
  .home-hero-grid { min-height:440px; padding-block:28px; grid-template-columns:1.05fr 1fr; gap:10px; }
  .sky-home h1 { font-size:52px; letter-spacing:-2.8px; }
  .home-kicker { font-size:8px; letter-spacing:1.4px; }
  .sky-home .home-lead { font-size:14px; }
  .home-actions { gap:18px; margin-top:23px; }
  .sky-home .home-actions .btn { font-size:12px; padding:12px 18px; min-height:48px; }
  .home-explore { font-size:11px; }
  .home-hero-art { height:330px; }
  .home-art-label { font-size:6px; letter-spacing:1.4px; bottom:-8px; right:0; }
  .home-network-bar { gap:20px; padding-block:19px; }
  .home-networks { gap:30px; }
  .home-network-bar .home-network-note { font-size:10px; }
  .home-services { padding-block:54px 45px; }
  .home-section-heading > p { font-size:11px; }
  .home-service-grid { gap:12px; }
  .home-service-card { padding:18px; }
  .home-service-art { height:108px; }
  .home-art-disc { width:97px; height:97px; }
  .home-service-symbol { width:64px; height:64px; border-radius:16px; }
  .home-service-symbol .home-icon { width:31px; height:31px; }
  .home-art-dot { width:12px; height:12px; left:calc(50% + 44px); top:23px; }
  .airtime .home-art-dot { left:calc(50% - 55px); top:66px; }
  .sky-home .home-service-card h3 { font-size:20px; letter-spacing:-.7px; }
  .sky-home .home-service-description { font-size:12px; line-height:1.8; }
  .home-service-link { font-size:10px; gap:5px; }
  .home-service-link > span { width:27px; height:27px; }
  .home-service-link .home-icon { width:13px; height:13px; }
  .home-control { gap:35px; padding-block:20px 50px; }
  .home-control-intro h2 { font-size:30px; }
  .sky-home .home-control-features h3 { font-size:13px; }
  .home-control-features > div { gap:12px; }
  .home-control-features > div > span { width:36px; height:36px; }
  .home-guide { gap:40px; padding-block:50px; }
  .home-guide-copy p { font-size:14px; }
  .sky-home .home-guide-panel { padding:28px; margin-top:28px; }
  .home-guide-grid { gap:18px; }
  .home-guide-item + .home-guide-item { padding-left:18px; }
  .home-faq { gap:40px; padding-block:50px 55px; }
  .home-join h2 { font-size:38px; }
  .home-join-inner { gap:30px; padding-block:42px; }
  .home-join-inner > div:last-child > p { font-size:12px; }
  .home-join .btn { font-size:12px; padding-inline:18px; }
  .home-footer-top { flex-direction:column; align-items:start; gap:8px; }
}
@media (max-width:600px) {
  .sky-home .home-wrap { width:calc(100% - 40px); }
  .home-header-inner { padding-top:16px; }
  .sky-home .brand { font-size:16px; gap:8px; }
  .sky-home .brand > span { margin-left:-8px; }
  .home-header .brand-mark { width:30px; height:30px; flex-basis:30px; }
  .home-account { gap:15px; }
  .home-signin { font-size:11px; }
  .sky-home .home-header-cta { font-size:10px; min-height:38px; padding:9px 11px; gap:8px; }
  .home-header-cta .home-icon { width:14px !important; height:14px !important; }
  .home-nav { gap:30px; }
  .home-nav a { font-size:10px; min-height:39px; }
  .home-hero-grid { grid-template-columns:1fr; gap:0; min-height:0; padding-block:35px 12px; }
  .home-hero-copy { padding-bottom:0; }
  .home-kicker { font-size:8px; letter-spacing:1.55px; }
  .sky-home h1 { font-size:clamp(47px,13vw,67px); line-height:1.03; letter-spacing:-2.8px; margin-top:22px; }
  .sky-home .home-lead { font-size:14px; line-height:1.85; margin-top:22px; max-width:370px; }
  .home-actions { margin-top:23px; gap:23px; }
  .sky-home .home-actions .btn { min-height:48px; font-size:12px; padding:12px 19px; gap:12px; }
  .home-explore { font-size:11px; gap:7px; }
  .home-hero-art { height:282px; max-width:360px; width:100%; margin:18px auto 5px; }
  .sky-home .home-sculpture { width:300px; max-width:100%; }
  .home-art-label { right:5px; bottom:0; font-size:6px; letter-spacing:1.6px; }
  .sky-home .home-hero-note { font-size:10px; margin-top:18px; }
  .home-network-bar { gap:18px; padding-block:19px; }
  .home-network-bar > p { font-size:7px; letter-spacing:1.1px; flex-shrink:0; }
  .home-network-bar .home-network-note { display:none; }
  .home-networks { justify-content:space-between; gap:23px; flex:1; }
  .home-network.mtn { font-size:14px; width:44px; min-height:26px; }
  .home-network.telecel { font-size:17px; gap:5px; }
  .home-network.telecel > span { width:11px; height:11px; border-width:2px; }
  .home-network.at { font-size:22px; }
  .home-services { padding-block:44px 42px; }
  .sky-home h2 { font-size:30px; letter-spacing:-1.3px; }
  .sky-home .home-eyebrow { font-size:9px; letter-spacing:1.5px; }
  .home-section-heading { margin-bottom:26px; }
  .home-section-heading > p { display:none; }
  .home-service-grid { grid-template-columns:1fr; gap:16px; }
  .home-service-card { padding:24px; }
  .home-service-art { height:135px; margin-bottom:12px; }
  .home-art-disc { width:122px; height:122px; }
  .home-service-symbol { width:78px; height:78px; border-radius:20px; }
  .home-service-symbol .home-icon { width:38px; height:38px; }
  .home-art-dot { left:calc(50% + 55px); width:16px; height:16px; top:26px; }
  .airtime .home-art-dot { left:calc(50% - 72px); top:86px; }
  .sky-home .home-service-type { font-size:9px; }
  .sky-home .home-service-card h3 { font-size:28px; letter-spacing:-1px; }
  .sky-home .home-service-description { font-size:14px; line-height:1.8; }
  .home-service-link { font-size:12px; margin-top:22px; }
  .home-service-link > span { width:34px; height:34px; }
  .home-service-link .home-icon { width:16px; height:16px; }
  .home-control { grid-template-columns:1fr; gap:26px; padding-block:6px 42px; }
  .home-control-intro h2 { font-size:30px; }
  .home-control-intro > p:not(.home-eyebrow) { font-size:14px; }
  .home-control-intro > a { margin-top:13px; }
  .home-control-features { gap:24px; }
  .home-control-features > div { gap:15px; }
  .home-control-features > div > span { width:42px; height:42px; }
  .sky-home .home-control-features h3 { font-size:14px; }
  .home-control-features p { font-size:13px; }
  .home-guide { grid-template-columns:1fr; gap:24px; padding-block:40px; }
  .sky-home .home-guide-panel { padding:24px 22px 20px; margin-top:24px; border-radius:14px; }
  .sky-home .home-guide-panel h2 { font-size:27px; line-height:1.25; letter-spacing:-.9px; }
  .home-guide-grid { grid-template-columns:1fr; gap:18px; margin-top:23px; }
  .home-guide-item + .home-guide-item { border-left:0; border-top:1px solid #dfe5f0; padding:18px 0 0; }
  .sky-home .home-guide-item p { margin-top:9px; }
  .sky-home .home-guide-note { align-items:start; font-size:11px; margin-top:19px; padding-top:16px; }
  .home-guide-note .home-icon { margin-top:2px; }
  .home-faq { grid-template-columns:1fr; gap:24px; padding-block:40px 45px; }
  .home-faq-list summary { font-size:13px; }
  .home-faq-list details p { font-size:13px; }
  .home-support-link { margin-top:12px; }
  .home-join-inner { flex-direction:column; align-items:start; gap:26px; padding-block:39px 42px; }
  .home-join h2 { font-size:36px; letter-spacing:-1.7px; }
  .home-join-inner > div:last-child { width:100%; }
  .home-join-inner > div:last-child > p { font-size:13px; margin-bottom:21px; }
  .home-join .btn { width:100%; }
  .home-footer { padding-block:26px 21px; }
  .home-footer nav { gap:0 20px; }
  .home-footer-bottom { flex-direction:column; align-items:start; gap:7px; margin-top:17px; }
}
@media (max-width:360px) {
  .home-header .brand { font-size:14px; }
  .home-header .brand-mark { width:27px; height:27px; flex-basis:27px; }
  .sky-home .home-header-cta { display:none; }
  .home-account { gap:10px; }
  .home-actions { gap:14px; }
  .sky-home .home-actions .btn { padding-inline:17px; }
  .home-explore .home-icon { display:none; }
  .home-networks { gap:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .sky-home *, .sky-home *::before, .sky-home *::after { transition:none !important; }
}