:root{--ink:#0e1330;--muted:#5d6470;--line:#e3e8f4;--soft:#f2f6ff;--blue:#1647d8;--blue-deep:#0e2f9e;--blue-dark:#0a1f66;--blue-soft:#e9efff;--blue-100:#dbe5ff;--red:#e1262d;--red-soft:#fff0f0;--green:#1b8b61;--gold:#f7ad3c;--shadow:0 20px 50px rgba(22,71,216,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.04em}.brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}.brand b{font-weight:800;color:var(--blue)}
.site-header{height:78px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:45px;font-size:13px;color:var(--muted);font-weight:600}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:12px}
.language-toggle{border:0;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:12px;border-radius:999px;padding:9px 14px}.language-toggle span{color:#9db4f5;margin:0 4px}
.support-mini,.support-float{display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff}.support-mini{width:37px;height:37px;font-size:16px}
.support-float{position:fixed;right:23px;bottom:24px;width:54px;height:54px;z-index:40;font-size:21px;box-shadow:0 12px 26px rgba(22,71,216,.35);transition:transform .2s}.support-float:hover{transform:translateY(-3px)}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;color:var(--blue);display:block;margin-bottom:13px}
.hero{max-width:1180px;margin:0 auto;padding:80px 24px 68px;display:grid;grid-template-columns:1fr 1fr;min-height:560px;align-items:center;position:relative}
.hero-copy{padding-left:30px}
.live-dot{display:inline-block;width:7px;height:7px;background:#38bd86;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #eaf9f2}
.hero h1,.page-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5.2vw,72px);line-height:1.04;letter-spacing:-.07em;margin:0 0 23px;font-weight:800;color:var(--blue-dark)}
.hero h1 span{color:#a9adb3}
.page-intro h1 span,h2 span,.legal-page h1 span{color:var(--blue)}
.hero-copy>p{max-width:430px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:31px}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.button{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 22px;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(22,71,216,.22)}
.button-dark{background:var(--blue);color:#fff}
.button-soft{background:var(--blue-soft);color:var(--blue)}
.button-light{background:#fff;color:var(--blue)}
.button-wide{width:100%;padding:17px}
.text-link{font-weight:700;font-size:13px;color:var(--blue)}.text-link i{font-size:15px;margin-left:4px}
.trust-line{display:flex;gap:23px;margin-top:36px;color:var(--muted);font-size:11px;font-weight:700}.trust-line i{color:var(--green);margin-right:5px;font-size:14px}
.hero-visual{height:425px;position:relative;display:grid;place-items:center}
.hero-visual:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d9e4ff,#eef3ff 70%);right:55px}
.hero-orb{position:absolute;border-radius:50%;z-index:1}
.orb-one{width:20px;height:20px;background:var(--red);top:55px;right:110px;box-shadow:0 0 0 9px #fff,0 0 0 10px #f9d4d5}
.orb-two{width:12px;height:12px;background:var(--gold);bottom:54px;left:90px;box-shadow:0 0 0 7px #fff7e8}
.phone-card{position:relative;z-index:2;width:220px;height:376px;border:7px solid #14235d;border-radius:33px;background:linear-gradient(140deg,#f9fbff,#dfe9ff);padding:31px 17px 15px;box-shadow:18px 25px 40px rgba(24,47,120,.25);transform:rotate(7deg)}
.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:70px;height:14px;background:#14235d;border-radius:0 0 12px 12px}
.phone-top,.phone-bottom{display:flex;justify-content:space-between;font-size:8px;color:#6d7586}
.phone-top span{font-weight:800;color:var(--blue-deep)}
.phone-balance{background:#fff;border-radius:15px;padding:16px 12px;margin-top:19px;box-shadow:0 8px 18px rgba(34,61,135,.1)}
.phone-balance small{display:block;color:#8d97b4;font-size:8px}
.phone-balance strong{display:block;font:800 36px Manrope;margin:3px 0;color:var(--blue)}
.phone-balance em{font:700 13px 'DM Sans';font-style:normal;color:#8090bb}
.phone-balance span{font-size:7px;color:#788395}
.phone-chart{height:100px;display:flex;gap:7px;align-items:end;padding:20px 8px 12px}
.phone-chart span{width:13px;background:var(--blue);border-radius:6px 6px 2px 2px;opacity:.85}.phone-chart span:nth-child(2n){background:#a7b8fc}
.phone-bottom{border-top:1px solid #dbe3f5;padding-top:12px}.phone-bottom b{font-size:7px;color:var(--blue)}
.floating-tag{z-index:3;position:absolute;background:#fff;border-radius:13px;padding:11px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 35px rgba(26,49,119,.16);font-size:10px}
.floating-tag i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:14px}
.floating-tag span{display:flex;flex-direction:column}.floating-tag b{font-size:11px}.floating-tag small{font-size:8px;color:#8a93a8;margin-top:2px}
.tag-data{top:103px;right:35px}.tag-check{bottom:84px;left:46px}.tag-check i{background:#eaf9f2;color:var(--green)}
.section{max-width:1180px;margin:0 auto;padding:90px 24px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px;gap:20px}
.section-heading h2,.how-intro h2{font:800 42px/1.08 Manrope;letter-spacing:-.06em;margin:0;color:var(--blue-dark)}
.section-heading p{color:var(--muted);font-size:13px;margin:12px 0 0;max-width:440px}
/* operator entry cards */
.operator-choice{padding-top:20px}
.operator-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.operator-card{border-radius:26px;padding:40px 38px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:270px}
.operator-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.25);right:-90px;top:-120px}
.operator-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08);right:-40px;bottom:-70px}
.operator-card.moov{background:linear-gradient(135deg,#1d54f0,#0e2f9e)}
.operator-card.airtel{background:linear-gradient(135deg,#f0353c,#a8121a)}
.operator-card img{width:56px;height:56px;border-radius:16px;object-fit:cover;border:3px solid rgba(255,255,255,.6);margin-bottom:22px}
.operator-card h3{font:800 30px Manrope;letter-spacing:-.05em;margin:0 0 8px}
.operator-card p{color:rgba(255,255,255,.85);font-size:13px;margin:0 0 26px;max-width:320px;position:relative;z-index:1}
.operator-card .button{background:#fff;position:relative;z-index:1}
.operator-card.moov .button{color:var(--blue)}
.operator-card.airtel .button{color:var(--red)}
/* plans page */
.plans-page{min-height:calc(100vh - 78px)}
.operator-tabs{display:flex;background:var(--blue-soft);border-radius:999px;padding:4px;gap:3px}
.operator-tabs a{padding:10px 18px;border-radius:999px;font-size:12px;font-weight:700;color:#5d76c9}
.operator-tabs a.active{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(22,71,216,.14)}
.operator-tabs a.active.airtel{color:var(--red)}
.tab-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:5px}.moov-bg{background:var(--blue)}.airtel-bg{background:var(--red)}
.operator-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 17px}
.operator-name{display:flex;align-items:center;gap:12px}
.operator-name img,.operator-badge img{width:42px;height:42px;border-radius:12px;object-fit:cover}
.operator-heading.moov .operator-name img{border:2px solid var(--blue-100)}
.operator-heading.airtel .operator-name img{border:2px solid #ffd7d9}
.operator-name span{color:var(--blue);text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800}
.operator-heading.airtel .operator-name span{color:var(--red)}
.operator-name h3{font:800 24px Manrope;margin:0;letter-spacing:-.05em;color:var(--blue-dark)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.plan-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff}
.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.plan-card.moov:hover{border-color:#b9c9ff}.plan-card.airtel:hover{border-color:#ffc4c6}
.plan-ribbon{padding:8px 20px;font-size:10px;font-weight:800;color:#fff;letter-spacing:.06em;text-transform:uppercase}
.plan-card.moov .plan-ribbon{background:linear-gradient(90deg,#1d54f0,#0e2f9e)}
.plan-card.airtel .plan-ribbon{background:linear-gradient(90deg,#f0353c,#b3141b)}
.plan-content{padding:19px 20px 17px}
.data-amount{font:800 28px Manrope;letter-spacing:-.06em}
.plan-card.moov .data-amount{color:var(--blue)}.plan-card.airtel .data-amount{color:var(--red)}
.validity{font-size:10px;color:var(--muted);font-weight:700;margin-top:3px}.validity i{margin-right:4px}
.plan-content p{font-size:11px;color:var(--muted);margin:15px 0 17px}
.plan-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px}
.plan-bottom strong{font:800 20px Manrope;letter-spacing:-.05em}
.plan-card.moov .plan-bottom strong{color:var(--blue)}.plan-card.airtel .plan-bottom strong{color:var(--red)}
.buy-button{border-radius:999px;padding:10px 15px;font-size:11px;font-weight:700;color:#fff}
.plan-card.moov .buy-button{background:var(--blue)}.plan-card.airtel .buy-button{background:var(--red)}
.buy-button i{margin-left:7px}
/* steps */
.how-section{display:grid;grid-template-columns:280px 1fr;gap:75px;padding-top:60px}
.how-intro p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:23px}
.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.step-card{border:1px solid var(--line);border-radius:18px;padding:23px 25px;min-height:172px;position:relative;background:linear-gradient(160deg,#fff,#f7faff)}
.step-card:hover{border-color:#b9c9ff;box-shadow:0 12px 30px rgba(22,71,216,.08)}
.step-number{font:800 11px Manrope;color:#fff;letter-spacing:.08em;background:var(--blue);border-radius:8px;padding:4px 8px;display:inline-block}
.step-card>i{display:block;font-size:22px;margin:17px 0 10px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}
.step-card:nth-child(1)>i{background:var(--blue-soft);color:var(--blue)}
.step-card:nth-child(2)>i{background:#eaf9f2;color:var(--green)}
.step-card:nth-child(3)>i{background:#fff4e0;color:#d88b12}
.step-card:nth-child(4)>i{background:var(--red-soft);color:var(--red)}
.step-card h3{font:700 16px Manrope;margin:0 0 6px;letter-spacing:-.04em;color:var(--blue-dark)}
.step-card p{color:var(--muted);font-size:11px;line-height:1.6;margin:0}
/* reviews */
.reviews-section{max-width:none;background:linear-gradient(160deg,#f2f6ff,#e9efff);padding-left:max(24px,calc((100% - 1180px)/2));padding-right:0;overflow:hidden}
.reviews-section .section-heading{max-width:1132px}
.review-arrows{display:flex;gap:8px}
.review-arrows button{border:1px solid #c9d6f8;background:#fff;color:var(--blue);border-radius:50%;width:39px;height:39px}
.review-arrows button:hover{background:var(--blue);color:#fff}
.reviews-track{display:flex;gap:15px;overflow-x:auto;padding:2px 0 20px;scrollbar-width:none}
.reviews-track::-webkit-scrollbar{display:none}
.review-card{background:#fff;border:1px solid #dee7fb;border-radius:16px;padding:23px 23px 20px;min-width:275px;max-width:300px;flex:none}
.stars{color:var(--gold);font-size:11px;letter-spacing:2px}
.review-card p{font-size:13px;line-height:1.65;min-height:63px;margin:20px 0;color:#3c4560}
.review-author{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;gap:9px}
.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:800}
.review-author div:last-child{display:flex;flex-direction:column}
.review-author b{font-size:11px}.review-author small{font-size:9px;color:#7d87a3}
/* footer */
.site-footer{background:linear-gradient(150deg,#0e2f9e,#0a1f66);color:#fff;padding:52px max(24px,calc((100% - 1180px)/2)) 30px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}
.site-footer .brand{color:#fff}.site-footer .brand b{color:#9db4f5}
.site-footer .brand img{width:34px;height:34px;border:2px solid rgba(255,255,255,.35)}
.site-footer p{color:#b9c8f2;font-size:12px;max-width:320px;margin:14px 0 0}
.footer-links{display:flex;flex-direction:column;gap:13px;font-size:12px;font-weight:600}
.footer-links span{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800;color:#8fa5ec}
.footer-links a{color:#dbe4fb}.footer-links a:hover{color:#fff}.footer-links a i{margin-right:8px;color:#9db4f5}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;display:flex;justify-content:space-between;gap:12px;color:#9fb1ea;font-size:11px;flex-wrap:wrap}
.bottom-nav{display:none}
.alert{max-width:1180px;margin:15px auto;padding:14px 18px;border-radius:12px;font-size:12px}
.alert-success{background:#eaf9f2;color:#176c4b}.alert-error{background:var(--red-soft);color:#b51d24}
/* checkout / payment / orders (unchanged structure, refreshed tones) */
.checkout-page,.payment-page{background:var(--soft);min-height:calc(100vh - 78px);padding:42px 24px 90px}
.checkout-back{max-width:1000px;margin:0 auto 25px;font-size:12px;font-weight:700;color:var(--blue)}
.checkout-back i,.back-link i{margin-right:7px}
.checkout-layout{max-width:1000px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.checkout-summary{padding:47px 43px;position:relative;overflow:hidden;color:#fff}
.checkout-summary:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-110px;bottom:-80px}
.checkout-summary.moov{background:linear-gradient(150deg,#1d54f0,#0e2f9e)}
.checkout-summary.airtel{background:linear-gradient(150deg,#f0353c,#a8121a)}
.operator-badge{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:69px}
.operator-badge img{width:39px;height:39px}
.checkout-summary .eyebrow{color:rgba(255,255,255,.7)}
.checkout-summary h1{font:800 52px/1 Manrope;letter-spacing:-.08em;margin:10px 0}
.checkout-summary>p{color:rgba(255,255,255,.8);font-size:12px}
.checkout-price{display:block;font:800 28px Manrope;margin-top:45px}
.summary-line{position:absolute;bottom:30px;left:43px;right:43px;border-top:1px solid rgba(255,255,255,.28);padding-top:17px;display:flex;justify-content:space-between;color:rgba(255,255,255,.8);font-size:9px}
.summary-line i{margin-right:5px}
.checkout-form-card{padding:47px 46px}
.form-heading{display:flex;gap:14px;align-items:center;margin-bottom:31px}
.step-bubble{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font:800 11px Manrope}
.form-heading .eyebrow{margin:0}
.form-heading h2{font:800 25px Manrope;letter-spacing:-.06em;margin:2px 0 0;color:var(--blue-dark)}
.checkout-form-card form>label{display:block;font-size:11px;font-weight:700;margin:19px 0 7px}
.input-with-icon{display:flex;align-items:center;border:1px solid #d4ddf3;border-radius:10px;padding:0 13px;color:#7d89ad;background:#fff}
.input-with-icon:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.input-with-icon i{font-size:16px}
.input-with-icon input{min-width:0;flex:1;border:0;outline:0;padding:14px 10px;font-size:12px;color:var(--ink);background:transparent}
.field-help{font-size:10px;color:#8a93ad}
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.payment-option input{position:absolute;opacity:0}
.payment-option span{border:1px solid #d4ddf3;border-radius:10px;padding:11px;display:flex;align-items:center;gap:8px;font-size:10px;cursor:pointer}
.payment-option input:checked+span{border-color:var(--blue);background:var(--blue-soft)}
.payment-option img{width:24px;height:24px;object-fit:cover;border-radius:7px}
.payment-option b{flex:1}.payment-option i{color:var(--blue);opacity:0}
.payment-option input:checked+span i{opacity:1}
.checkout-form-card .button{margin-top:28px}
.secure-note{text-align:center;color:#8a93ad;font-size:10px}.secure-note i{margin-right:4px}
.referral-note{display:flex;gap:8px;align-items:center;border:1px solid var(--blue-100);background:var(--soft);color:var(--blue);border-radius:10px;padding:10px 12px;font-size:10px;font-weight:700;margin:0 0 16px}.referral-note i{font-size:14px}
.payment-page{display:grid;place-items:center;padding-top:60px}
.payment-card{max-width:570px;width:100%;background:#fff;border-radius:24px;padding:47px;text-align:center;box-shadow:var(--shadow)}
.payment-icon{margin:0 auto 20px;width:63px;height:63px;border-radius:50%;display:grid;place-items:center;font-size:27px}
.payment-icon.waiting{background:var(--blue-soft);color:var(--blue)}
.payment-icon.done{background:#eaf9f2;color:var(--green)}
.payment-icon.failed{background:var(--red-soft);color:var(--red)}
.payment-card h1{font:800 33px/1.08 Manrope;letter-spacing:-.07em;margin:8px 0 13px;color:var(--blue-dark)}
.payment-lead{font-size:13px;color:var(--muted);line-height:1.7}.payment-lead strong{color:var(--ink)}
.payment-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:left;padding:18px 0;margin:28px 0}
.payment-details span,.payment-details b{display:block}
.payment-details span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8a93ad}
.payment-details b{font-size:11px;margin-top:5px}
.countdown{display:flex;justify-content:center;gap:8px;align-items:center;color:var(--muted);font-size:11px}
.countdown i{color:var(--blue);font-size:16px}.countdown b{color:var(--blue);font-size:13px}
.polling{margin:20px 0 10px;color:var(--muted);font-size:11px}
.pulse{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;margin-right:5px;box-shadow:0 0 0 5px var(--blue-soft)}
.demo-hint{font-size:10px;color:#8a93ad;margin:20px 0}
.payment-expired{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 4px;color:var(--muted);font-size:11px}
.payment-expired i{color:var(--blue);font-size:16px}
.payment-expired[hidden],.payment-card .button[hidden]{display:none!important}
.payment-card .button{margin-top:16px}
.back-link{display:block;margin-top:25px;color:var(--blue);font-weight:700;font-size:11px}
.orders-page{max-width:880px;min-height:calc(100vh - 78px)}
.page-intro{text-align:center;margin-bottom:38px}
.page-intro h1{font-size:54px}
.page-intro p{color:var(--muted);font-size:13px}
.lookup-card{background:var(--soft);border:1px solid var(--blue-100);border-radius:17px;padding:25px 28px;margin-bottom:32px}
.lookup-card label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}
.lookup-row{display:flex;gap:10px}
.lookup-row .input-with-icon{flex:1;background:#fff}
.lookup-row .button{white-space:nowrap}
.orders-results{margin-top:33px}
.results-heading{display:flex;justify-content:space-between;align-items:center}
.results-heading h2{font:800 22px Manrope;letter-spacing:-.05em;color:var(--blue-dark)}
.results-heading span{font-size:11px;color:var(--muted)}
.order-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:10px;background:#fff}
.order-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center}
.order-icon.moov{color:var(--blue);background:var(--blue-soft)}
.order-icon.airtel{color:var(--red);background:var(--red-soft)}
.order-main{flex:1}
.order-main b,.order-main small{display:block}
.order-main b{font-size:12px}
.order-main small{color:#7d87a3;font-size:9px;margin-top:3px}
.order-row>strong{font-size:12px;color:var(--blue-dark)}
.status-badge{font-size:9px;font-weight:700;border-radius:99px;padding:6px 9px}
.status-badge.success{background:#eaf9f2;color:#1a7653}
.status-badge.info{background:var(--blue-soft);color:var(--blue)}
.status-badge.warning{background:#fff5df;color:#a26c10}
.status-badge.error{background:var(--red-soft);color:var(--red)}
.empty-state{text-align:center;border:1px dashed #c2d0f2;border-radius:17px;padding:40px;color:var(--muted);background:#fff}
.empty-state i{font-size:30px;color:#9db4f5}
.empty-state h3{font:800 17px Manrope;color:var(--blue-dark);margin:12px 0 4px}
.empty-state p{font-size:11px}
.empty-state .button{margin-top:14px}
.legal-page{max-width:800px;min-height:calc(100vh - 78px)}
.legal-page h1{font:800 52px Manrope;letter-spacing:-.07em;margin:0 0 33px;color:var(--blue-dark)}
.legal-page h2{font:800 21px Manrope;margin-top:35px;color:var(--blue-dark)}
.legal-page p{color:var(--muted);font-size:14px;line-height:1.8}
@media(max-width:800px){
.site-header{height:65px;padding:0 17px}
.brand{font-size:13px}.brand img{width:32px;height:32px}
.desktop-nav{display:none}
.language-toggle{padding:8px 11px;font-size:11px}
.support-mini{width:33px;height:33px}
.hero{grid-template-columns:1fr;padding:52px 22px 36px;min-height:auto}
.hero-copy{padding:0;text-align:center}
.hero h1{font-size:46px}
.hero-copy>p{font-size:14px;margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center;gap:13px}
.trust-line{justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-visual{height:355px;margin-top:25px}
.hero-visual:before{width:300px;height:300px;right:50%;transform:translateX(50%)}
.phone-card{width:190px;height:325px;padding:28px 14px 13px}
.phone-balance strong{font-size:30px}
.phone-chart{height:85px}
.floating-tag{transform:scale(.87)}
.tag-data{right:3px;top:67px}.tag-check{left:3px;bottom:53px}
.section{padding:60px 20px}
.section-heading{display:block}
.section-heading h2,.how-intro h2{font-size:33px}
.operator-cards{grid-template-columns:1fr;gap:15px}
.operator-card{padding:30px 26px;min-height:225px}
.operator-card h3{font-size:25px}
.operator-tabs{margin-top:22px;display:inline-flex}
.plan-grid{grid-template-columns:1fr;gap:12px}
.plan-content{padding:17px 18px}
.plan-bottom{display:flex}
.operator-heading{margin-top:28px}
.operator-name h3{font-size:20px}
.how-section{display:block}
.steps-grid{grid-template-columns:1fr;margin-top:30px}
.step-card{min-height:auto;padding:20px}
.reviews-section{padding-left:20px}
.reviews-section .section-heading{padding-right:20px}
.reviews-track{margin-right:-20px}
.site-footer{display:block;padding:40px 22px 105px}
.footer-links{margin-top:28px}
.footer-bottom{margin-top:28px;display:block}
.footer-bottom span{display:block;margin-top:8px}
.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid var(--line);z-index:30;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(14,25,74,.06)}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#8a93ad;font-weight:700;min-width:80px}
.bottom-nav a i{font-size:18px}
.bottom-nav a.active{color:var(--blue)}
.support-float{bottom:calc(80px + env(safe-area-inset-bottom))}
.checkout-page{padding:25px 15px 100px}
.checkout-layout{display:block;border-radius:17px}
.checkout-summary{padding:29px 25px 98px}
.operator-badge{margin-bottom:38px}
.checkout-summary h1{font-size:43px}
.summary-line{left:25px;right:25px}
.checkout-form-card{padding:30px 22px}
.payment-options{grid-template-columns:1fr}
.payment-card{padding:33px 20px;border-radius:17px}
.payment-card h1{font-size:29px}
.payment-details{gap:4px}.payment-details b{font-size:10px}
.orders-page{padding-top:50px;padding-bottom:100px}
.page-intro h1{font-size:44px}
.lookup-card{padding:20px}
.lookup-row{display:block}
.lookup-row .button{width:100%;margin-top:10px}
.order-row{gap:9px;flex-wrap:wrap}
.order-row>strong{margin-left:auto}
.status-badge{margin-left:48px}
.legal-page h1{font-size:43px}
.alert{margin:15px 20px}
}
.phone-prefix{display:inline-flex;align-items:center;font-weight:700;color:#5a6472;background:#eceef2;border:1px solid #d4ddf3;border-radius:7px;padding:4px 9px;margin-right:9px;font-size:14px;white-space:nowrap}