:root{
  --navy:#082c6a;
  --blue:#0c4eb8;
  --blue-2:#0f6ee8;
  --red:#ef2b2d;
  --gold:#ffc928;
  --ink:#0e1b33;
  --muted:#667085;
  --line:#e7edf6;
  --soft:#f5f8fd;
  --white:#fff;
  --success:#16a66a;
  --shadow:0 28px 70px rgba(17,47,94,.14);
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Montserrat",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.container{max-width:1200px}
.announcement-bar{background:linear-gradient(90deg,#071f4c,#0d439d);color:#fff;font-size:.82rem;position:relative;z-index:1040}
.announcement-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.announcement-left,.announcement-right{display:flex;align-items:center;gap:10px}
.announcement-right{opacity:.85;gap:12px}
.announcement-right i{width:3px;height:3px;border-radius:50%;background:#91b8ff}
.live-dot{width:7px;height:7px;background:#3ee49d;border-radius:50%;box-shadow:0 0 0 5px rgba(62,228,157,.13)}
.site-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,231,244,.82)}
.brand-lockup{display:inline-flex;align-items:center;gap:10px}
.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,var(--gold),#ffae1a);display:grid;place-items:center;box-shadow:0 8px 18px rgba(255,177,0,.28);transform:rotate(-4deg)}
.brand-mark svg{width:29px;height:29px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round}
.brand-mark circle{fill:#fff;stroke:none}
.brand-copy{display:flex;flex-direction:column;line-height:.95}
.brand-small{font-family:"Montserrat";font-size:.78rem;font-weight:800;color:var(--navy);letter-spacing:.02em}
.brand-main{font-family:"Montserrat";font-size:1.38rem;font-weight:800;color:#0d4db6;letter-spacing:-.05em}.brand-main b{color:var(--red)}
.navbar .nav-link{font-size:.9rem;font-weight:700;color:#344054;padding:.55rem .75rem!important;border-radius:999px}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--blue);background:#f3f7fd}
.sign-in-btn{font-weight:800;color:#31415e;text-decoration:none!important}
.btn{font-weight:800;border-radius:14px;padding:.78rem 1.2rem;transition:.25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary-gradient{border:0;color:#fff;background:linear-gradient(135deg,#0a4db6,#0f72ef);box-shadow:0 12px 26px rgba(14,92,203,.28)}
.btn-primary-gradient:hover{color:#fff;box-shadow:0 16px 34px rgba(14,92,203,.35)}
.btn-outline-soft{background:#fff;border:1px solid #dbe4f1;color:#16243f;box-shadow:0 7px 20px rgba(16,44,87,.07)}
.btn-outline-soft:hover{border-color:#b9c9e1;background:#f9fbff;color:var(--blue)}
.custom-toggler{border:0;padding:8px}.custom-toggler:focus{box-shadow:none}.custom-toggler span{display:block;width:25px;height:2px;background:var(--navy);margin:5px;border-radius:4px}
.hero-section{position:relative;background:radial-gradient(circle at 72% 26%,rgba(26,122,255,.13),transparent 31%),linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%);min-height:720px}
.py-lg-6{padding-top:5.6rem!important;padding-bottom:5.8rem!important}
.hero-copy-wrap{position:relative;z-index:2}
.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #d8e5f7;background:#fff;color:#29456e;font-size:.78rem;font-weight:800;padding:8px 13px;border-radius:999px;box-shadow:0 7px 18px rgba(42,79,131,.08)}
.hero-title{font-family:"Montserrat";font-size:clamp(3.1rem,6.3vw,5.5rem);line-height:.98;letter-spacing:-.075em;font-weight:800;margin:1.35rem 0 1.35rem;color:#0b1730;max-width:710px}
.gradient-text{background:linear-gradient(90deg,#0b50bd,#0d72e9 68%,#e82331 135%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-subtitle{font-size:1.08rem;line-height:1.8;color:#5b6b82;max-width:630px;margin-bottom:1.7rem}
.hero-actions .btn-lg{padding:.95rem 1.35rem;font-size:.95rem}
.trust-row{display:flex;gap:25px;flex-wrap:wrap;margin-top:2rem;padding-top:1.3rem;border-top:1px solid #dce5f0;max-width:560px}.trust-row>div{display:flex;align-items:center;gap:9px}.trust-icon{width:29px;height:29px;display:grid;place-items:center;background:#eaf8f1;color:#168b5c;border-radius:50%;font-weight:900}.trust-row strong,.trust-row small{display:block}.trust-row strong{font-size:.84rem}.trust-row small{font-size:.7rem;color:#7c899c;margin-top:1px}
.hero-orb{position:absolute;border-radius:50%;filter:blur(.3px);opacity:.9}.hero-orb-one{width:220px;height:220px;background:rgba(255,205,44,.2);right:-80px;top:80px}.hero-orb-two{width:150px;height:150px;background:rgba(238,43,46,.08);left:-80px;bottom:110px}
.hero-bottom-wave{height:34px;background:white;clip-path:polygon(0 45%,15% 60%,35% 38%,56% 58%,77% 30%,100% 46%,100% 100%,0 100%);margin-top:-34px;position:relative}
.purchase-stage{position:relative;max-width:540px;margin-left:auto}
.quick-buy-card{background:rgba(255,255,255,.96);border:1px solid rgba(218,228,242,.95);border-radius:30px;padding:27px;box-shadow:0 34px 90px rgba(22,58,111,.18);position:relative;z-index:2}
.qb-top{margin-bottom:24px}.mini-label{font-size:.68rem;letter-spacing:.16em;font-weight:900;color:#6780a4}.qb-top h2{font-family:"Montserrat";font-size:1.45rem;font-weight:800;letter-spacing:-.04em;margin:.25rem 0 0}.secure-badge{font-size:.72rem;font-weight:800;color:#188154;background:#ecf9f2;border:1px solid #cef0df;padding:7px 10px;border-radius:999px}
.form-block{margin-bottom:21px}.form-label{font-size:.76rem;font-weight:800;color:#253751;margin-bottom:9px}.network-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.network-option{border:1px solid #dde5f0;background:#fbfdff;border-radius:15px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.76rem;font-weight:800;color:#3a4860;transition:.2s}.network-option:hover,.network-option.active{border-color:#87afe6;background:#f2f7ff;box-shadow:0 0 0 3px rgba(23,97,205,.07)}
.net-logo{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:.64rem;font-weight:900}.mtn-logo{background:#ffd600;color:#111}.at-logo{background:#0c56b5;color:#fff;font-size:1.1rem;font-style:italic}.tele-logo{background:#ef2d2d;color:#fff;font-size:1.05rem}
.phone-field{height:54px;border:1px solid #dce5f0;background:#fbfdff;border-radius:14px;display:flex;align-items:center;padding:0 13px;transition:.2s}.phone-field:focus-within{border-color:#6f9fdf;box-shadow:0 0 0 3px rgba(15,99,215,.08);background:#fff}.country-code{font-weight:800;font-size:.88rem;padding-right:11px;margin-right:11px;border-right:1px solid #d7dfeb;color:#263b59}.phone-field input{border:0;outline:0;background:transparent;width:100%;font-weight:700;color:#15263f}.phone-field input::placeholder{color:#9aa6b7}.valid-icon{width:24px;height:24px;border-radius:50%;display:none;place-items:center;background:#e9f8f0;color:#15905d;font-size:.75rem;font-weight:900}.tiny-help{font-size:.67rem;color:#8491a4;margin-top:6px}.text-button{border:0;background:none;padding:0;color:#0c63d3;font-weight:800;font-size:.72rem}.bundle-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bundle-choice{position:relative;border:1px solid #dce4ef;background:#fff;border-radius:14px;padding:12px 5px 10px;display:flex;flex-direction:column;gap:3px;text-align:center;transition:.2s}.bundle-choice span{font-weight:900;font-size:.9rem}.bundle-choice small{font-size:.66rem;color:#6f7e92}.bundle-choice b{position:absolute;top:-8px;right:4px;background:var(--gold);color:#3c2c00;font-size:.48rem;border-radius:999px;padding:3px 5px;text-transform:uppercase;letter-spacing:.03em}.bundle-choice:hover,.bundle-choice.active{border-color:#5e94df;background:#f2f7ff;box-shadow:0 0 0 3px rgba(17,92,196,.06)}
.purchase-summary{padding:13px 15px;background:#f5f8fc;border-radius:14px;margin-bottom:13px}.purchase-summary span{display:block;font-size:.64rem;color:#7d8a9e}.purchase-summary strong{display:block;font-size:.83rem;margin-top:2px}.qb-submit{padding:1rem}.payment-note{display:flex;gap:7px;align-items:flex-start;justify-content:center;text-align:center;color:#78869a;font-size:.62rem;line-height:1.5;margin-top:10px}.decor-chip{position:absolute;z-index:3;border-radius:16px;font-family:"Montserrat";font-weight:900;box-shadow:0 18px 35px rgba(11,54,120,.17);display:grid;place-items:center}.chip-one{width:78px;height:78px;background:#ffd42a;left:-64px;top:80px;color:#1b1b1b;transform:rotate(-9deg)}.chip-two{width:76px;height:76px;background:#0b66d8;color:#fff;right:-56px;top:-42px;transform:rotate(10deg)}.chip-three{width:72px;height:72px;background:#ef2f31;color:#fff;right:-52px;bottom:58px;transform:rotate(-8deg)}
.trust-strip-section{margin-top:-2px}.trust-strip{display:grid;grid-template-columns:1.15fr repeat(3,1fr);border:1px solid #e2e9f3;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(16,50,98,.08)}.strip-intro,.strip-network{padding:19px 20px;display:flex;align-items:center}.strip-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#fbfcfe}.strip-intro small{font-size:.6rem;letter-spacing:.14em;color:#7a8ba3;font-weight:900}.strip-intro strong{font-size:.87rem;margin-top:3px}.strip-network{gap:11px;border-left:1px solid #e7edf4;position:relative;transition:.2s}.strip-network:hover{background:#fafcff}.strip-network div{display:flex;flex-direction:column}.strip-network strong{font-size:.82rem}.strip-network small{font-size:.65rem;color:#8290a2}.brand-pill{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;font-size:.7rem;font-weight:900}.brand-pill-mtn{background:#ffd600;color:#111}.brand-pill-at{background:#0a55b4;color:#fff;font-size:1.2rem;font-style:italic}.brand-pill-tele{background:#ed2d2f;color:#fff;font-size:1.2rem}.arrow-circle{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0f4f9;color:#53657d}
.section-space{padding:100px 0}.section-head{max-width:720px}.section-kicker{display:inline-block;font-size:.68rem;font-weight:900;letter-spacing:.16em;color:#0c64d5;margin-bottom:12px}.section-head h2,.section-title-left{font-family:"Montserrat";font-weight:800;letter-spacing:-.055em;color:#101e37}.section-head h2{font-size:clamp(2.15rem,4vw,3.4rem)}.section-head p,.section-side-copy{color:#6b788d;line-height:1.75}.section-title-left{font-size:clamp(2.15rem,4.5vw,3.6rem);line-height:1.08}
.bundle-filter{margin:35px 0}.filter-pill{border:1px solid #dfe7f1;background:#fff;color:#5b6b81;border-radius:999px;padding:9px 15px;font-size:.76rem;font-weight:800}.filter-pill.active,.filter-pill:hover{background:#0c4fb7;color:#fff;border-color:#0c4fb7}
.bundle-card{height:100%;border:1px solid #e2e9f3;border-radius:24px;padding:22px;background:#fff;transition:.28s;overflow:hidden;position:relative}.bundle-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#0f6ce7}.bundle-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(19,48,91,.12);border-color:#d3deed}.theme-mtn:before{background:#ffd600}.theme-at:before{background:linear-gradient(90deg,#0a57bc,#ee2d34)}.theme-telecel:before{background:#ee2f33}.bundle-top{display:flex;align-items:center;justify-content:space-between}.network-mini{font-size:.68rem;font-weight:900;color:#52627a}.card-badge{font-size:.56rem;font-weight:900;background:#f1f5fb;color:#45617f;padding:5px 7px;border-radius:999px}.bundle-size{font-family:"Montserrat";font-size:2.7rem;font-weight:800;letter-spacing:-.07em;margin-top:22px}.bundle-card p{font-size:.76rem;color:#7a8798;min-height:39px}.bundle-price{font-family:"Montserrat";font-size:1.5rem;font-weight:800;margin:20px 0}.bundle-price small{font-size:.62rem;margin-right:4px;color:#617086}.bundle-price span{font-size:.78rem;color:#6d7a8e}.bundle-buy{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f4f7fb;border:1px solid #e1e7f0;color:#1a2c48;padding:.75rem .9rem;font-size:.76rem}.bundle-buy:hover{background:#0c58c9;color:#fff;border-color:#0c58c9}
.how-section{background:linear-gradient(180deg,#f7faff 0%,#f3f7fc 100%)}.steps-shell{display:grid;grid-template-columns:1fr 65px 1fr 65px 1fr;align-items:center}.step-card{background:#fff;border:1px solid #e3eaf3;border-radius:24px;padding:24px;height:100%;min-height:350px;box-shadow:0 16px 36px rgba(22,52,93,.06)}.step-number{width:42px;height:42px;border-radius:13px;background:#edf4fe;color:#0c61cf;font-size:.72rem;font-weight:900;display:grid;place-items:center}.step-visual{height:120px;border-radius:18px;margin:20px 0;background:#f6f9fd;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual-network{gap:8px}.bubble{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 25px rgba(20,56,108,.12)}.mtn-b{background:#ffd600}.at-b{background:#0b5dc5;color:#fff}.tel-b{background:#ed3035;color:#fff;font-size:1.4rem}.visual-bundle>div:first-child{width:128px;height:80px;border:1px solid #dce6f2;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 25px rgba(24,57,105,.09)}.visual-bundle b{font-size:1.5rem}.visual-bundle small{color:#758399}.selected-check{position:absolute;right:62px;bottom:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#17a76d;color:#fff;border:4px solid #f6f9fd;font-weight:900}.visual-success{gap:12px}.success-ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e6f8ef;color:#13905d;font-size:1.25rem;font-weight:900}.visual-success div{display:flex;flex-direction:column}.visual-success b{font-size:.8rem}.visual-success small{font-size:.65rem;color:#8190a4}.step-card h3{font-family:"Montserrat";font-weight:800;font-size:1.1rem}.step-card p{font-size:.78rem;line-height:1.7;color:#738095}.step-line{display:grid;place-items:center}.step-line:before{content:"";height:1px;width:100%;background:#cad7e7;grid-area:1/1}.step-line span{grid-area:1/1;background:#f5f8fc;color:#7890ae;padding:0 9px}
.phone-mock-wrap{position:relative;min-height:585px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#e9f2ff 0,transparent 66%)}.phone-mock{width:290px;border:9px solid #12213b;border-radius:42px;background:#12213b;box-shadow:0 35px 80px rgba(8,33,74,.23);position:relative;z-index:2}.phone-screen{background:linear-gradient(#eff5fd,#f9fbfe);border-radius:32px;min-height:535px;padding:25px 17px 14px;position:relative;overflow:hidden}.phone-notch{position:absolute;z-index:4;top:9px;left:50%;transform:translateX(-50%);width:90px;height:24px;background:#12213b;border-radius:0 0 16px 16px}.phone-brand{display:flex;justify-content:space-between;align-items:center;color:#0b3a88;font-size:.72rem;margin-top:6px}.mini-logo{width:26px;height:26px;background:#ffd22a;border-radius:8px;display:grid;place-items:center}.phone-greeting{margin:32px 0 18px}.phone-greeting small{font-size:.64rem;color:#8694a7}.phone-greeting h4{font-family:"Montserrat";font-weight:800;letter-spacing:-.04em}.phone-card{background:linear-gradient(145deg,#0c4fb8,#073278);color:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 42px rgba(12,66,149,.25)}.phone-card-top{display:flex;justify-content:space-between;align-items:center}.net-circle{width:38px;height:38px;border-radius:12px;background:#ffd600;color:#111;display:grid;place-items:center;font-size:.55rem;font-weight:900}.done-pill{font-size:.54rem;background:rgba(255,255,255,.15);padding:5px 8px;border-radius:999px}.phone-data{font-family:"Montserrat";font-size:2.25rem;display:block;margin-top:22px}.phone-card small{color:#c7d7ef}.phone-divider{height:1px;background:rgba(255,255,255,.15);margin:18px 0 12px}.phone-card span{font-size:.65rem}.phone-card strong{font-size:.72rem}.phone-actions{position:absolute;bottom:12px;left:12px;right:12px;background:#fff;border:1px solid #e1e8f2;border-radius:18px;padding:10px 12px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 10px 24px rgba(19,49,91,.09)}.phone-actions>span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8693a6;font-size:.85rem}.phone-actions small{font-size:.5rem}.phone-buy{width:44px;height:44px;background:#0d63d7;border-radius:14px;color:#fff!important;justify-content:center;transform:translateY(-8px);box-shadow:0 9px 20px rgba(13,99,215,.28)}.signal-card{position:absolute;z-index:3;background:#fff;border:1px solid #e0e8f2;border-radius:17px;padding:11px 14px;box-shadow:0 18px 36px rgba(20,49,90,.1);display:flex;align-items:center;gap:9px}.signal-card span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef5ff}.signal-card div{display:flex;flex-direction:column}.signal-card b{font-size:.7rem}.signal-card small{font-size:.56rem;color:#8a96a8}.signal-card-one{left:8px;top:130px;transform:rotate(-4deg)}.signal-card-two{right:2px;bottom:105px;transform:rotate(4deg)}.why-copy{color:#6e7c90;line-height:1.8;margin:20px 0}.feature-list{margin-top:26px}.feature-item{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #e8edf4}.feature-item>span{width:35px;height:35px;border-radius:11px;background:#f0f5fc;color:#0c61cf;display:grid;place-items:center;font-size:.65rem;font-weight:900}.feature-item h4{font-family:"Montserrat";font-size:.92rem;font-weight:800;margin-bottom:3px}.feature-item p{font-size:.74rem;color:#7a879a;margin:0}
.return-section{padding-top:35px}.return-card{background:linear-gradient(135deg,#07295f,#0b53bc 67%,#0e6fe3);border-radius:32px;padding:47px;color:#fff;overflow:hidden;position:relative}.return-card:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(255,202,40,.13);right:-130px;top:-150px}.light-kicker{color:#9fc7ff}.return-card h2{font-family:"Montserrat";font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-.055em}.return-card p{color:#c8daf3;max-width:610px;line-height:1.75}.return-form-card{background:#fff;color:#1b2940;border-radius:22px;padding:22px;position:relative;z-index:2}.return-form-card label{font-size:.68rem;font-weight:800;margin-bottom:8px}.return-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid #dce5f0;border-radius:14px;padding-left:12px;overflow:hidden}.return-input span{font-weight:800;font-size:.82rem;padding-right:10px;border-right:1px solid #d9e1eb}.return-input input{border:0;outline:0;padding:14px 12px;font-weight:700;min-width:0}.return-input button{border:0;background:#0d60cf;color:#fff;font-size:.72rem;font-weight:800;padding:14px;border-radius:11px;margin:4px}.return-input button span{border:0;padding:0}.return-form-card>small{font-size:.6rem;color:#8490a1;display:block;margin-top:7px}
.testimonial-section{background:#fff}.rating-pill{display:inline-flex;align-items:center;gap:5px;background:#fff7db;color:#8a6400;border:1px solid #f6e4a9;border-radius:999px;padding:9px 13px;font-weight:900}.rating-pill small{font-weight:700;color:#846e30}.testimonial-card{height:100%;border:1px solid #e1e8f1;border-radius:22px;padding:24px;background:#fff;box-shadow:0 12px 30px rgba(18,49,91,.05)}.testimonial-card.featured{transform:translateY(-8px);border-color:#b8d3f5;box-shadow:0 20px 45px rgba(19,68,136,.11)}.stars{color:#f3b616;letter-spacing:.08em;font-size:.82rem}.testimonial-card p{font-size:.82rem;line-height:1.75;color:#596980;margin:16px 0 22px}.person{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:13px;background:#eef4fd;color:#0b5bc8;display:grid;place-items:center;font-size:.7rem;font-weight:900}.person b,.person small{display:block}.person b{font-size:.75rem}.person small{font-size:.62rem;color:#8b97a8}.testimonial-disclaimer{text-align:center;color:#9aa4b4;font-size:.62rem;margin-top:25px}
.faq-section{background:#f7f9fc}.faq-support-card{margin-top:30px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e8f1;border-radius:17px;padding:14px}.faq-support-icon{width:39px;height:39px;border-radius:12px;background:#e9f4ff;display:grid;place-items:center}.faq-support-card div{display:flex;flex-direction:column}.faq-support-card b{font-size:.72rem}.faq-support-card small{font-size:.6rem;color:#8491a5}.faq-support-card a{margin-left:auto;font-size:.68rem;font-weight:900;color:#0c60ce}.custom-accordion .accordion-item{border:0;border-bottom:1px solid #e1e8f1;background:transparent}.custom-accordion .accordion-button{font-family:"Montserrat";font-size:.9rem;font-weight:800;background:transparent;box-shadow:none;padding:19px 0;color:#1a2941}.custom-accordion .accordion-button:not(.collapsed){color:#0c58c7}.custom-accordion .accordion-body{padding:0 35px 20px 0;color:#6f7e92;font-size:.78rem;line-height:1.75}
.cta-section{padding:80px 0 95px}.cta-card{background:linear-gradient(135deg,#0c4db3,#0f6fe6);border-radius:30px;padding:46px;color:#fff;position:relative;overflow:hidden}.cta-card h2{font-family:"Montserrat";font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.055em;margin-bottom:10px}.cta-card p{color:#cde0fb;margin:0}.btn-light-cta{background:#fff;color:#0b4daa;border:0;padding:1rem 1.4rem}.btn-light-cta:hover{color:#0b4daa}.cta-decor{position:absolute;border-radius:50%;border:26px solid rgba(255,255,255,.06)}.cta-d1{width:230px;height:230px;right:-90px;top:-100px}.cta-d2{width:160px;height:160px;left:-60px;bottom:-95px;border-color:rgba(255,201,40,.16)}
.site-footer{background:#081c3e;color:#fff;padding-top:70px}.footer-brand .brand-small{color:#a9c7f4}.footer-desc{color:#a7b5c9;font-size:.76rem;line-height:1.75;max-width:360px;margin:20px 0}.footer-contact span{font-size:.6rem;color:#6f86a9;display:block}.footer-contact a{font-family:"Montserrat";font-weight:800}.site-footer h5{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#dbe6f6;margin-bottom:18px}.site-footer .col-lg-2>a{display:block;font-size:.72rem;color:#8fa2bd;margin:11px 0;transition:.2s}.site-footer .col-lg-2>a:hover{color:#fff;transform:translateX(2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:45px;padding:20px 0;color:#6f86a9;font-size:.62rem}
.whatsapp-float{position:fixed;right:18px;bottom:22px;z-index:1050;background:#17ad67;color:#fff;border-radius:999px;padding:10px 14px 10px 10px;display:flex;align-items:center;gap:9px;box-shadow:0 15px 35px rgba(15,129,76,.3)}.whatsapp-float>span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.1rem}.whatsapp-float small,.whatsapp-float b{display:block}.whatsapp-float small{font-size:.52rem;opacity:.8}.whatsapp-float b{font-size:.68rem}.mobile-buy-bar{position:fixed;left:10px;right:10px;bottom:9px;z-index:1045;background:#0b2450;color:#fff;border-radius:17px;padding:9px 9px 9px 14px;box-shadow:0 15px 36px rgba(8,26,55,.28);display:flex;align-items:center;justify-content:space-between}.mobile-buy-bar small,.mobile-buy-bar strong{display:block}.mobile-buy-bar small{font-size:.58rem;color:#a9c3e8}.mobile-buy-bar strong{font-size:.82rem}.mobile-buy-bar a{background:#fff;color:#0b54bf;font-size:.68rem;font-weight:900;padding:10px 13px;border-radius:11px}.toast-shell{position:fixed;right:18px;top:95px;z-index:1100;max-width:350px;background:#fff;border:1px solid #dfe7f1;border-radius:17px;padding:13px;box-shadow:0 20px 50px rgba(15,42,82,.15);display:flex;gap:10px;align-items:center;transform:translateX(calc(100% + 30px));transition:.3s}.toast-shell.show{transform:translateX(0)}.toast-icon{width:36px;height:36px;border-radius:50%;background:#eaf8f1;color:#14905d;display:grid;place-items:center;font-weight:900}.toast-shell div:nth-child(2){display:flex;flex-direction:column}.toast-shell b{font-size:.75rem}.toast-shell span{font-size:.62rem;color:#7a8799}.toast-shell button{margin-left:auto;border:0;background:none;font-size:1.2rem;color:#8793a4}
@media(min-width:992px){.mobile-buy-bar{display:none!important}}
@media(max-width:991.98px){.navbar-collapse{padding:18px 0 8px}.navbar .nav-link{padding:.72rem .2rem!important;background:transparent!important}.nav-actions{border-top:1px solid #e6edf6;padding-top:15px}.hero-section{min-height:auto}.py-lg-6{padding-top:3.5rem!important;padding-bottom:4rem!important}.hero-title{font-size:clamp(3.05rem,10vw,4.5rem)}.purchase-stage{margin:0 auto}.trust-strip{grid-template-columns:1fr 1fr}.strip-intro{grid-column:1/-1;border-bottom:1px solid #e7edf4}.strip-network:last-child{grid-column:1/-1}.strip-network{border-top:1px solid #e7edf4}.steps-shell{grid-template-columns:1fr}.step-line{height:50px}.step-line:before{height:100%;width:1px}.step-line span{transform:rotate(90deg)}.phone-mock-wrap{min-height:560px}.whatsapp-float{bottom:78px}.return-card{padding:36px 28px}.testimonial-card.featured{transform:none}.section-space{padding:78px 0}}
@media(max-width:767.98px){.announcement-inner{justify-content:center}.brand-mark{width:39px;height:39px}.brand-main{font-size:1.22rem}.hero-section{text-align:left}.hero-actions .btn{width:100%}.trust-row{gap:14px}.quick-buy-card{padding:20px;border-radius:24px}.decor-chip{display:none}.network-option{flex-direction:column;gap:4px}.bundle-choice-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr}.strip-intro,.strip-network{grid-column:1!important;border-left:0;border-top:1px solid #e7edf4}.strip-intro{border-top:0}.section-space{padding:68px 0}.section-head h2,.section-title-left{font-size:2.15rem}.bundle-card-grid>.col-sm-6{width:50%}.bundle-card{padding:17px}.bundle-size{font-size:2.15rem}.bundle-card p{font-size:.68rem}.bundle-price{font-size:1.25rem}.bundle-buy{font-size:.68rem;padding:.67rem}.phone-mock-wrap{min-height:525px;transform:scale(.95)}.signal-card-one{left:-5px}.signal-card-two{right:-5px}.return-card{border-radius:24px;padding:30px 20px}.return-input{grid-template-columns:auto 1fr}.return-input button{grid-column:1/-1;width:calc(100% - 8px);margin:0 4px 4px}.cta-card{padding:32px 22px}.site-footer{padding-bottom:70px}.whatsapp-float{width:52px;height:52px;padding:7px;border-radius:50%;right:14px;bottom:79px}.whatsapp-float>span{width:38px;height:38px}.whatsapp-float div{display:none}}
@media(max-width:479.98px){.hero-title{font-size:3rem}.hero-subtitle{font-size:.94rem}.bundle-card-grid>.col-sm-6{width:100%}.phone-mock-wrap{margin-left:-15px;margin-right:-15px}.phone-mock{width:270px}.signal-card{padding:9px}.signal-card b{font-size:.62rem}.signal-card small{font-size:.5rem}.faq-support-card{align-items:flex-start}.faq-support-card a{align-self:center}.toast-shell{left:12px;right:12px;max-width:none}}

/* ===== Refinement pass: Montserrat, slim CTAs, animated 270° borders ===== */
@property --border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

:root{
  --font-main:"Montserrat",sans-serif;
}

html, body, button, input, select, textarea{font-family:var(--font-main)!important}
body{font-family:var(--font-main)!important}
.brand-small,.brand-main,.hero-title,.qb-top h2,.section-head h2,.section-title-left,.bundle-size,.bundle-price,.step-card h3,.phone-greeting h4,.phone-data,.feature-item h4,.return-card h2,.custom-accordion .accordion-button,.cta-card h2,.footer-contact a{font-family:var(--font-main)!important}

/* Shorter, cleaner heading rhythm */
.hero-title{font-size:clamp(3rem,5.7vw,5rem);letter-spacing:-.06em;max-width:650px}
.section-head h2,.section-title-left{letter-spacing:-.045em;line-height:1.03}
.section-head h2{font-size:clamp(2rem,3.4vw,3rem)}
.section-title-left{font-size:clamp(2rem,3.7vw,3.1rem)}
.return-card h2,.cta-card h2{letter-spacing:-.04em}

/* 270-degree animated border: 270° illuminated + 90° quiet gap */
.moving-border{
  --border-angle:0deg;
  --border-line:rgba(22,105,228,.95);
  border:1px solid transparent!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    conic-gradient(from var(--border-angle), transparent 0deg 90deg, var(--border-line) 90deg 360deg) border-box!important;
  animation:borderOrbit 5.5s linear infinite;
}
.moving-border-dark{
  --border-line:rgba(255,214,48,.95);
}
@keyframes borderOrbit{to{--border-angle:360deg}}

/* Preserve card themes while keeping the border orbit */
.bundle-card.theme-mtn{--border-line:#ffd600}
.bundle-card.theme-at{--border-line:#176ad4}
.bundle-card.theme-telecel{--border-line:#ed3035}
.bundle-card.theme-blue{--border-line:#0f6ce7}
.strip-network.mtn-band{--border-line:#ffd600}
.strip-network.at-band{--border-line:#176ad4}
.strip-network.tele-band{--border-line:#ed3035}

/* Theme bars remain separate from border animation */
.bundle-card:before{z-index:2}

/* Slim CTA bands */
.return-section{padding-top:18px!important}
.return-card{
  padding:22px 26px!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,#07295f,#0b53bc 67%,#0e6fe3) padding-box,
    conic-gradient(from var(--border-angle),transparent 0deg 90deg,var(--border-line) 90deg 360deg) border-box!important;
}
.return-card h2{font-size:clamp(1.55rem,3.2vw,2.25rem)!important;margin-bottom:6px}
.return-card p{font-size:.76rem;line-height:1.55;margin-bottom:0}
.return-form-card{padding:13px 14px!important;border-radius:16px!important}
.return-input input{padding:11px 10px!important}
.return-input button{padding:11px 13px!important}

.cta-section{padding:32px 0 48px!important}
.cta-card{
  border-radius:20px!important;
  padding:18px 24px!important;
  background:
    linear-gradient(135deg,#0c4db3,#0f6fe6) padding-box,
    conic-gradient(from var(--border-angle),transparent 0deg 90deg,var(--border-line) 90deg 360deg) border-box!important;
}
.cta-card h2{font-size:clamp(1.55rem,3.2vw,2.3rem)!important;margin:0 0 4px!important}
.cta-card p{font-size:.74rem;line-height:1.5}
.cta-card .section-kicker{margin-bottom:5px}
.btn-light-cta{padding:.72rem 1.1rem!important}
.cta-decor{opacity:.6}

/* Button motion: shimmer + lift + arrow movement */
.btn,.bundle-buy,.filter-pill,.return-input button,.text-button,.network-option,.bundle-choice{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease!important;
}
.btn::before,.bundle-buy::before,.return-input button::before{
  content:"";
  position:absolute;
  inset:-20% auto -20% -45%;
  width:28%;
  transform:skewX(-24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  opacity:0;
  z-index:-1;
}
.btn:hover,.bundle-buy:hover,.filter-pill:hover,.return-input button:hover,.network-option:hover,.bundle-choice:hover{
  transform:translateY(-2px);
}
.btn:hover::before,.bundle-buy:hover::before,.return-input button:hover::before{
  opacity:1;
  animation:buttonSheen .7s ease forwards;
}
.btn span,.bundle-buy span,.return-input button span,.arrow-circle{
  display:inline-block;
  transition:transform .25s ease;
}
.btn:hover span,.bundle-buy:hover span,.return-input button:hover span{transform:translateX(4px)}
.btn-primary-gradient{animation:softPulse 3.2s ease-in-out infinite}
.btn-primary-gradient:hover{animation:none;transform:translateY(-3px) scale(1.015)}
@keyframes buttonSheen{from{left:-45%}to{left:125%}}
@keyframes softPulse{0%,100%{box-shadow:0 12px 26px rgba(14,92,203,.25)}50%{box-shadow:0 15px 34px rgba(14,92,203,.4)}}

/* Keep card motion premium and subtle */
.bundle-card:hover,.step-card:hover,.testimonial-card:hover,.return-form-card:hover,.faq-support-card:hover,.strip-network:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 48px rgba(16,50,98,.11);
}
.quick-buy-card:hover{box-shadow:0 38px 95px rgba(22,58,111,.22)}

/* Avoid the border animation conflicting with reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  .moving-border,.btn-primary-gradient{animation:none!important}
  .btn,.bundle-buy,.filter-pill,.return-input button,.network-option,.bundle-choice{transition:none!important}
}

@media(max-width:767.98px){
  .return-card{padding:18px!important}
  .cta-card{padding:15px 17px!important}
  .cta-section{padding:24px 0 36px!important}
  .hero-title{font-size:2.85rem}
}

/* Decorative hero chips: keep them inside the viewport on narrower desktops
   and drop them entirely once the hero stacks, where they would overlap copy. */
@media(min-width:1200px) and (max-width:1399.98px){
  .purchase-stage{max-width:500px;margin-right:36px}
}
@media(min-width:992px) and (max-width:1199.98px){
  .purchase-stage{max-width:470px;margin-right:18px}
  .chip-two,.chip-three{display:none}
}
@media(max-width:991.98px){
  .decor-chip{display:none}
}

/* Trust cards (replaces placeholder review stars) */
.trust-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:#0b5ecd;font-weight:900;font-size:.95rem}
.testimonial-card p b{color:#12294c}

/* Keep bundle card rows aligned whether or not a card carries a badge. */
.bundle-top{min-height:26px}

/* Expanded mobile menu must be opaque — page content was showing through it. */
@media(max-width:991.98px){
  .site-header{background:#fff}
  .site-header .navbar-collapse.show,
  .site-header .navbar-collapse.collapsing{
    background:#fff;
    border-top:1px solid #e8eef7;
    margin:14px -12px 0;
    padding:10px 12px 16px;
    box-shadow:0 22px 40px rgba(16,44,88,.10)
  }
  .site-header .navbar-collapse .navbar-nav{margin-left:0!important}
}

/* Error variant so failures never appear as a green success toast. */
.toast-shell.is-error{border-color:#f4cdcd}
.toast-shell.is-error .toast-icon{background:#fdeceb;color:#c52e36}

/* Bootstrap's .row negative gutter (g-5 = -24px) is wider than the container's
   12px padding, which pushed every page 12px past the viewport on phones. */
.site-footer .row{--bs-gutter-x:1.5rem}
@media(max-width:575.98px){
  .site-footer .row{--bs-gutter-x:1.5rem}
  .hero-section .row,.inner-hero .row{--bs-gutter-x:1.5rem}
}
/* Safety net so a decorative element can never create a sideways scroll. */
html,body{overflow-x:clip}

/* Photographic storytelling */
.hero-section{
  background-image:
    linear-gradient(90deg,rgba(251,253,255,.98) 0%,rgba(247,251,255,.92) 39%,rgba(244,249,255,.73) 62%,rgba(244,249,255,.48) 100%),
    url("../images/site/home-hero-connectivity.webp");
  background-position:center,center;
  background-size:cover;
  background-repeat:no-repeat;
}
.convenience-photo{position:absolute;inset:18px 34px;border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(8,44,106,.18)}
.convenience-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,rgba(6,28,63,.12)),linear-gradient(0deg,rgba(8,31,70,.12),transparent 45%)}
.convenience-photo img{width:100%;height:100%;object-fit:cover;display:block}
.phone-mock-wrap .phone-mock{transform:translateX(92px) scale(.78);transform-origin:center right;z-index:3}
.phone-mock-wrap .signal-card{z-index:4}
.about-story-photo{margin:4px 0 0;border-radius:24px;overflow:hidden;box-shadow:0 22px 52px rgba(14,50,104,.15);aspect-ratio:1.42/1}
.about-story-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:60% center}
@media(max-width:991.98px){
  .hero-section{background-position:center,68% center}
  .phone-mock-wrap .phone-mock{transform:translateX(88px) scale(.75)}
  .about-story-photo{aspect-ratio:16/8;max-width:720px}
}
@media(max-width:767.98px){
  .hero-section{background-image:linear-gradient(180deg,rgba(251,253,255,.98),rgba(244,249,255,.9)),url("../images/site/home-hero-connectivity.webp");background-position:center,72% center}
  .convenience-photo{inset:12px 8px;border-radius:26px}
  .phone-mock-wrap .phone-mock{transform:translateX(55px) scale(.7)}
  .about-story-photo{aspect-ratio:16/10}
}