/* ===== Mr. Michael Data Hub — Public inner pages ===== */
:root{
  --page-blue:#0c58c9;
  --page-soft:#f5f8fd;
}
body.inner-page{background:#fff}
.inner-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 16%,rgba(255,201,40,.18),transparent 25%),radial-gradient(circle at 12% 90%,rgba(239,43,45,.08),transparent 28%),linear-gradient(180deg,#fbfdff 0%,#f1f6ff 100%);padding:76px 0 70px;border-bottom:1px solid #e9eef7}
.inner-hero.compact{padding:58px 0 54px}
.inner-hero .hero-orb{pointer-events:none}
.breadcrumb-mini{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.68rem;font-weight:800;color:#7d8da5;margin-bottom:16px}
.breadcrumb-mini a{color:#185ebd}.breadcrumb-mini span{opacity:.55}
.page-title{font-size:clamp(2.65rem,5.2vw,4.7rem);line-height:.98;letter-spacing:-.06em;font-weight:900;max-width:780px;margin:0 0 18px;color:#0b1730}
.page-title.short{max-width:610px}.page-lead{max-width:690px;font-size:1rem;line-height:1.8;color:#607087;margin:0}.page-lead.center{margin-left:auto;margin-right:auto}
.hero-actions-tight{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions-tight .btn{padding:.76rem 1.1rem;font-size:.78rem}
.hero-side-card{max-width:460px;margin-left:auto;border-radius:24px;padding:22px;box-shadow:0 24px 62px rgba(19,55,108,.14);position:relative;z-index:2}
.hero-side-card h3{font-size:1.15rem;font-weight:900;letter-spacing:-.03em;margin:0 0 8px}.hero-side-card p{font-size:.76rem;line-height:1.65;color:#6e7e93;margin:0}
.micro-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.micro-stat{padding:12px 10px;border-radius:14px;background:#f5f8fd;text-align:center}.micro-stat strong{display:block;font-size:1rem}.micro-stat small{font-size:.55rem;color:#7b899b;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.page-section{padding:78px 0}.page-section.soft{background:#f7f9fd}.page-section.tight{padding:52px 0}.page-section-topless{padding-top:0}
.section-intro{max-width:680px;margin-bottom:34px}.section-intro.center{text-align:center;margin-left:auto;margin-right:auto}.section-intro .section-kicker{margin-bottom:10px}.section-intro h2{font-size:clamp(2rem,3.6vw,3.05rem);line-height:1.02;letter-spacing:-.045em;font-weight:900;margin:0 0 12px}.section-intro p{font-size:.86rem;line-height:1.75;color:#6a798d;margin:0}
.slim-cta-wrap{padding:22px 0 50px}.slim-cta{border-radius:18px;padding:15px 20px;color:#fff;background:linear-gradient(135deg,#082d6d,#0b55c1 68%,#0e6ee6) padding-box,conic-gradient(from var(--border-angle),transparent 0deg 90deg,#ffd233 90deg 360deg) border-box!important;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 38px rgba(11,60,135,.16)}
.slim-cta h3{font-size:1.08rem;font-weight:900;letter-spacing:-.025em;margin:0 0 3px}.slim-cta p{font-size:.67rem;color:#cfe0fb;margin:0}.slim-cta .btn{padding:.66rem 1rem;font-size:.7rem;white-space:nowrap}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{border-radius:20px;padding:21px;min-height:100%;box-shadow:0 14px 34px rgba(16,50,98,.07);transition:.25s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(16,50,98,.12)}.info-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef5ff;color:#0b61d4;font-size:1rem;font-weight:900;margin-bottom:16px}.info-card h3{font-size:1rem;font-weight:900;letter-spacing:-.025em;margin:0 0 8px}.info-card p{font-size:.72rem;line-height:1.65;color:#6e7c90;margin:0}.info-card a{display:inline-flex;margin-top:13px;color:#0b5dcb;font-size:.68rem;font-weight:900}
.notice-card{background:#fff8de;border:1px solid #f6df82;border-radius:16px;padding:14px 16px;color:#5d4d10;font-size:.7rem;line-height:1.6}.notice-card b{font-weight:900}
.network-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:28px}.network-tab{border:1px solid #dce5f1;background:#fff;border-radius:999px;padding:10px 15px;font-size:.68rem;font-weight:900;color:#53637b}.network-tab.active,.network-tab:hover{background:#0c58c9;border-color:#0c58c9;color:#fff;transform:translateY(-1px)}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catalog-card{border-radius:20px;padding:18px;position:relative;box-shadow:0 13px 32px rgba(17,47,94,.07);transition:.25s ease}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(16,50,98,.12)}.catalog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.network-tag{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:900;color:#50617b}.network-dot{width:10px;height:10px;border-radius:50%}.network-dot.mtn{background:#ffd600}.network-dot.at{background:#0c56b5}.network-dot.telecel{background:#ef2d2d}.catalog-badge{font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;background:#edf4ff;color:#0b60d1;padding:5px 7px}.catalog-size{font-size:2rem;font-weight:900;letter-spacing:-.055em}.catalog-price{font-size:1.05rem;font-weight:900;color:#0a53bf;margin:2px 0 10px}.catalog-note{font-size:.62rem;color:#8290a3;min-height:31px}.catalog-card .btn{width:100%;margin-top:13px;padding:.65rem;font-size:.66rem}
.bundle-feature-hero{border-radius:26px;padding:24px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 18px 46px rgba(16,50,98,.09)}.bundle-feature-hero.mtn-accent{--border-line:#ffd600}.bundle-feature-hero.at-accent{--border-line:#176ad4}.bundle-feature-hero.tele-accent{--border-line:#ed3035}
.bundle-feature-hero .display-bundle{font-size:3.8rem;font-weight:900;letter-spacing:-.07em;line-height:.9}.bundle-feature-hero .display-price{font-size:1.25rem;font-weight:900;color:#0b5ecd}.bundle-feature-hero small{color:#728198;font-size:.66rem}.bundle-mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.bundle-mini{padding:11px 12px;background:#f5f8fc;border-radius:13px;display:flex;justify-content:space-between;align-items:center;font-size:.66rem}.bundle-mini b{font-size:.73rem}
/* Buy-data flow */
.checkout-shell{max-width:900px;margin:-34px auto 0;position:relative;z-index:3}.checkout-card{border-radius:28px;padding:28px;box-shadow:0 30px 78px rgba(16,50,98,.15)}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.stepper-item{position:relative;padding:10px 8px;border-radius:13px;background:#f4f7fc;font-size:.6rem;font-weight:900;color:#8090a5;text-align:center}.stepper-item.active{background:#0c58c9;color:#fff}.stepper-item.done{background:#eaf8f1;color:#188154}.checkout-step{display:none}.checkout-step.active{display:block}.checkout-step h2{font-size:1.55rem;font-weight:900;letter-spacing:-.035em;margin:0 0 6px}.checkout-step>p{font-size:.73rem;color:#758398;margin-bottom:20px}.select-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.select-card{border:1px solid #dfe7f2;background:#fff;border-radius:17px;padding:18px 14px;text-align:center;cursor:pointer;transition:.22s}.select-card:hover,.select-card.selected{border-color:#4f8bdc;background:#f3f8ff;box-shadow:0 0 0 3px rgba(13,93,204,.07);transform:translateY(-2px)}.select-card .brand-pill{margin:0 auto 10px}.select-card b{display:block;font-size:.78rem}.select-card small{font-size:.57rem;color:#7b899b}.checkout-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #e7edf4}.checkout-actions .btn{font-size:.7rem;padding:.72rem 1rem}.form-control-pro,.form-select-pro{width:100%;border:1px solid #dbe4ef;border-radius:14px;background:#fbfdff;padding:13px 14px;outline:0;font-size:.75rem;font-weight:700;color:#21334e;transition:.2s}.form-control-pro:focus,.form-select-pro:focus{border-color:#6b9ddd;box-shadow:0 0 0 3px rgba(13,93,204,.07);background:#fff}.form-group-pro label{display:block;font-size:.66rem;font-weight:900;color:#31445e;margin-bottom:7px}.field-hint{font-size:.58rem;color:#8b98a9;margin-top:6px}.bundle-radio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bundle-radio{border:1px solid #dce5ef;border-radius:15px;padding:14px 8px;background:#fff;text-align:center;cursor:pointer}.bundle-radio.selected{border-color:#5d92d9;background:#f2f7ff;box-shadow:0 0 0 3px rgba(10,88,199,.06)}.bundle-radio b{display:block;font-size:1rem}.bundle-radio small{font-size:.6rem;color:#79879b}.review-panel{background:#f6f8fc;border-radius:18px;padding:18px}.review-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #e4ebf4;font-size:.69rem}.review-row:last-child{border-bottom:0}.review-row span{color:#7c899b}.review-row b{color:#1b2d48}.review-total{font-size:.9rem!important}.confirm-check{display:flex;gap:9px;align-items:flex-start;margin-top:14px;font-size:.62rem;line-height:1.55;color:#607087}.confirm-check input{margin-top:3px}
/* Track order */
.track-box{max-width:720px;margin:-30px auto 0;position:relative;z-index:3}.track-card{border-radius:24px;padding:25px;box-shadow:0 28px 65px rgba(16,50,98,.14)}.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.track-result{display:none;margin-top:22px;border-top:1px solid #e6edf6;padding-top:20px}.track-result.show{display:block}.status-chip{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:900;border-radius:999px;padding:7px 10px}.status-chip.success{background:#eaf8f1;color:#158b5c}.status-chip.pending{background:#fff6d8;color:#755e0b}.status-chip.danger{background:#ffeded;color:#b62d35}.timeline{position:relative;margin-top:18px}.timeline:before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:1px;background:#dce5ef}.timeline-item{position:relative;display:flex;gap:13px;padding:0 0 18px}.timeline-dot{width:25px;height:25px;border-radius:50%;background:#e8eff8;color:#6f8097;display:grid;place-items:center;font-size:.55rem;font-weight:900;z-index:1}.timeline-item.done .timeline-dot{background:#e8f8f0;color:#13875a}.timeline-copy b{display:block;font-size:.72rem}.timeline-copy small{font-size:.58rem;color:#8794a5}
/* How it works / about */
.process-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{padding:20px;border-radius:20px;position:relative;min-height:190px}.process-no{font-size:2.5rem;line-height:1;font-weight:900;letter-spacing:-.06em;color:#dbe8fa;margin-bottom:20px}.process-card h3{font-size:.92rem;font-weight:900;margin-bottom:8px}.process-card p{font-size:.69rem;line-height:1.65;color:#6f7d90}.process-card a{font-size:.65rem;color:#0b5fcd;font-weight:900}
.story-line{position:relative;padding-left:30px}.story-line:before{content:"";position:absolute;left:8px;top:5px;bottom:5px;width:2px;background:linear-gradient(#0b5fcf,#ef2d34)}.story-point{position:relative;margin-bottom:24px}.story-point:before{content:"";position:absolute;left:-27px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #0b61d4}.story-point h3{font-size:1rem;font-weight:900;margin:0 0 7px}.story-point p{font-size:.72rem;line-height:1.7;color:#6b7a8f;margin:0}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-card{padding:19px;border-radius:18px;text-align:left}.value-card b{font-size:.86rem}.value-card p{font-size:.64rem;line-height:1.6;color:#728097;margin:8px 0 0}
/* Reseller */
.reseller-metric{padding:18px;border-radius:18px}.reseller-metric strong{font-size:1.7rem;font-weight:900;letter-spacing:-.05em;display:block}.reseller-metric small{font-size:.59rem;color:#7a889b}.pricing-example{overflow:hidden;border-radius:21px}.pricing-example table{margin:0}.pricing-example th{font-size:.59rem;text-transform:uppercase;letter-spacing:.07em;color:#7b899e;padding:13px 16px}.pricing-example td{font-size:.68rem;font-weight:700;padding:13px 16px}.pricing-example td b{font-weight:900;color:#0b58c7}
/* FAQ */
.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:26px}.faq-nav{position:sticky;top:118px;height:max-content;border-radius:18px;padding:12px}.faq-nav button{display:block;width:100%;border:0;background:transparent;text-align:left;border-radius:11px;padding:11px 12px;font-size:.66rem;font-weight:800;color:#66768d}.faq-nav button.active,.faq-nav button:hover{background:#edf4ff;color:#0c5eca}.faq-group{margin-bottom:32px}.faq-group-title{font-size:1.05rem;font-weight:900;margin:0 0 12px}.faq-group[hidden]{display:none!important}
/* Support / contact */
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.support-option{padding:21px;border-radius:20px}.support-option .info-icon{margin-bottom:13px}.support-option h3{font-size:.9rem;font-weight:900}.support-option p{font-size:.67rem;color:#718097;line-height:1.6}.support-option a{font-size:.64rem;color:#0b5cca;font-weight:900}.contact-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.contact-panel{border-radius:22px;padding:22px}.contact-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e7edf4}.contact-item:last-child{border-bottom:0}.contact-item .info-icon{width:36px;height:36px;margin:0;flex:0 0 auto}.contact-item b{display:block;font-size:.72rem}.contact-item span,.contact-item a{font-size:.62rem;color:#738197}.form-card{border-radius:22px;padding:24px}.form-card h2{font-size:1.35rem;font-weight:900;letter-spacing:-.03em}.form-card>p{font-size:.68rem;line-height:1.6;color:#748298}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.form-card textarea{min-height:120px;resize:vertical}
/* Legal */
.legal-shell{display:grid;grid-template-columns:240px 1fr;gap:32px}.legal-nav{position:sticky;top:118px;height:max-content;padding:14px;border-radius:18px}.legal-nav a{display:block;padding:9px 10px;border-radius:9px;font-size:.62rem;font-weight:800;color:#697991}.legal-nav a:hover{background:#edf4ff;color:#0a5dcd}.legal-copy h2{font-size:1.25rem;font-weight:900;letter-spacing:-.02em;margin:30px 0 10px;scroll-margin-top:120px}.legal-copy h2:first-child{margin-top:0}.legal-copy p,.legal-copy li{font-size:.72rem;line-height:1.8;color:#64748a}.legal-copy ul{padding-left:18px}.legal-updated{display:inline-flex;border-radius:999px;background:#edf4ff;color:#0b5ccb;padding:7px 10px;font-size:.58rem;font-weight:900;margin-bottom:20px}
/* Auth */
.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(255,201,40,.16),transparent 25%),radial-gradient(circle at 90% 85%,rgba(239,43,45,.08),transparent 28%),#f6f9ff}.auth-shell{min-height:calc(100vh - 36px);display:grid;place-items:center;padding:36px 16px}.auth-card{width:min(100%,460px);border-radius:26px;padding:28px;box-shadow:0 30px 75px rgba(15,47,95,.14)}.auth-card .brand-lockup{margin-bottom:24px}.auth-card h1,.auth-card h2{font-size:1.8rem;font-weight:900;letter-spacing:-.045em;margin:0 0 7px}.auth-card>p{font-size:.69rem;color:#748297;line-height:1.6;margin-bottom:22px}.auth-separator{display:flex;align-items:center;gap:12px;margin:18px 0;color:#9aa5b5;font-size:.57rem}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#e2e9f3;flex:1}.auth-foot{text-align:center;font-size:.62rem;color:#78869a;margin-top:17px}.auth-foot a{color:#0b5dcc;font-weight:900}
/* 404 */
.error-code{font-size:clamp(6rem,18vw,12rem);line-height:.8;font-weight:900;letter-spacing:-.08em;background:linear-gradient(90deg,#0b56c3,#0f75eb,#ed2d34);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.95}
/* responsive */
@media(max-width:991.98px){
  .catalog-grid{grid-template-columns:repeat(3,1fr)}.info-grid,.support-grid{grid-template-columns:repeat(2,1fr)}.process-rail{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.contact-shell{grid-template-columns:1fr}.faq-layout,.legal-shell{grid-template-columns:1fr}.faq-nav,.legal-nav{position:static;display:flex;overflow:auto;gap:5px;padding:8px}.faq-nav button,.legal-nav a{white-space:nowrap;width:auto}.checkout-shell{margin-top:-18px}.hero-side-card{margin-left:0}.inner-hero{padding:58px 0 54px}
}
@media(max-width:767.98px){
  .page-title{font-size:2.7rem}.page-lead{font-size:.88rem}.inner-hero{padding:46px 0 46px}.page-section{padding:58px 0}.catalog-grid{grid-template-columns:repeat(2,1fr)}.info-grid,.support-grid{grid-template-columns:1fr}.slim-cta{align-items:flex-start;flex-direction:column}.slim-cta .btn{width:100%}.checkout-card{padding:20px;border-radius:22px}.stepper{grid-template-columns:repeat(2,1fr)}.select-card-grid{grid-template-columns:1fr}.bundle-radio-grid{grid-template-columns:repeat(2,1fr)}.track-form{grid-template-columns:1fr}.process-rail,.value-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.micro-stat-grid{grid-template-columns:1fr 1fr}.micro-stat-grid .micro-stat:last-child{grid-column:1/-1}.hero-side-card{margin-top:12px}
}
@media(max-width:479.98px){.catalog-grid{grid-template-columns:1fr}.bundle-mini-list{grid-template-columns:1fr}.micro-stat-grid{grid-template-columns:1fr}.micro-stat-grid .micro-stat:last-child{grid-column:auto}.page-title{font-size:2.45rem}.checkout-actions{flex-direction:column-reverse}.checkout-actions .btn{width:100%}}

/* Equal-height catalogue cards with the CTA pinned to the bottom. */
.catalog-card{display:flex;flex-direction:column;height:100%}
.catalog-card .catalog-note{flex:1 1 auto}
.catalog-card .btn{margin-top:auto}

/* Promo code entry on the checkout review step. */
.promo-box{margin:14px 0 4px}
.promo-box .form-label{display:block;font-size:.66rem;font-weight:800;color:#3d4c62;margin-bottom:7px}
.promo-box .form-label span{font-weight:600;color:#8a97a9}
.promo-field{display:flex;gap:8px}
.promo-field input{flex:1 1 auto;min-width:0;border:1px solid #dce4ef;border-radius:13px;padding:.7rem .85rem;font-family:"Montserrat";font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff}
.promo-field input:focus{outline:0;border-color:#5e94df;box-shadow:0 0 0 3px rgba(17,92,196,.08)}
.promo-field .btn{flex:0 0 auto;padding:.7rem 1.1rem;font-size:.7rem}
.promo-feedback{font-size:.64rem;margin-top:7px;min-height:16px}
.promo-feedback.ok{color:#14905d;font-weight:700}
.promo-feedback.err{color:#c52e36;font-weight:700}