html[data-runtime=loading] #main,html[data-runtime=loading] .preview-bar{visibility:hidden}
.live-error{margin-block:48px}
.live-section{padding-block:38px 64px}
.live-form{width:100%;max-width:620px;margin-inline:auto}
.live-form .field{margin-bottom:18px}
.live-form .notice{margin-block:18px}
.live-account-nav{display:grid;gap:6px;margin-bottom:0}
.live-account-nav a,.live-account-nav button{padding:10px 16px}
.live-plan-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.live-qr{display:block;width:256px;height:256px;object-fit:contain;margin:20px auto;background:white}
.live-code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;user-select:all;background:var(--teal-100);padding:14px;border:1px solid var(--teal-200);border-radius:8px;margin-block:10px 20px}
.live-checkbox{display:flex;gap:12px;align-items:flex-start;margin-block:20px}
.live-checkbox input{margin-top:5px}
.live-status{border-inline-start:4px solid var(--teal-700);padding:18px;background:var(--teal-100);margin-block:20px}
.live-progress{width:100%;accent-color:var(--teal-800);height:20px}
.live-order-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.live-order-row h3{margin-bottom:8px}
.live-search{margin-block:20px 30px}
.live-form [role=status]:empty{display:none}
.live-form [role=status]{margin-top:18px}
.live-form textarea{min-height:150px}
.live-muted{font-size:.85rem;color:var(--muted)}
.live-confirm{white-space:pre-wrap}
.live-order-code{font-family:ui-monospace,monospace;font-size:.9rem;overflow-wrap:anywhere}
.live-auth{max-width:1100px;gap:48px;align-items:stretch}
.live-auth-aside{position:relative;border:1px solid var(--teal-200);border-radius:20px;background:linear-gradient(155deg,var(--teal-50),var(--teal-100));padding:42px;overflow:hidden}
.live-auth .page-head{padding:0;margin-top:22px}
.live-auth .page-head h1{font-size:clamp(2.2rem,4vw,3.7rem);overflow-wrap:break-word}
.live-auth .lead{font-size:1rem}
.live-auth-aside .feature-list{margin-top:30px;position:relative;z-index:1}
.live-auth-symbol{display:flex;justify-content:end;margin-top:40px;color:var(--teal-700);opacity:.65}
.live-auth-symbol svg{width:100px;height:100px;transform:rotate(12deg)}
.live-auth-content{align-content:center;min-width:0}
.live-auth-content .live-form{max-width:none;padding:32px;box-shadow:0 12px 40px #064c4d08}
.live-form [role=status]{padding:14px 16px;border:1px solid var(--teal-200);border-radius:8px;background:var(--teal-50);font-size:.9rem;overflow-wrap:anywhere}
.live-form [role=status].notice-error{border-color:#edc4ba;background:#fff2ef;color:#903d2a}
.live-form .field{margin-bottom:0}
.live-support{align-items:start}
.live-support .live-form{max-width:none;margin:0}
.live-help-card{background:var(--teal-50);border-color:var(--teal-200)}
.live-help-card .icon-box{margin-bottom:22px}
.live-help-card h2{font-size:1.6rem}
.live-install-guide .card p{margin-bottom:0}
.plan-card h3{overflow-wrap:anywhere}
.plan-card .button{margin-top:auto}
.live-account-content{align-content:start}
.live-account-content .live-section{padding:0}
.live-account-content .live-form{max-width:none;margin:0}
.live-account-content .live-metrics{gap:16px}
.live-account-nav button{margin-top:14px}
.live-empty{grid-column:1/-1}
.live-empty h2{font-size:1.65rem}
.live-empty p{max-width:560px;margin-inline:auto;color:var(--muted)}
.live-empty .actions{justify-content:center}
.live-setup{margin-bottom:24px}
.live-setup>strong{display:block;margin-bottom:10px}
.live-setup .live-code{font-size:.82rem;overflow-wrap:anywhere}
.live-plan-top>div{min-width:0}
.live-plan-top h2{font-size:1.6rem;margin:12px 0 0;overflow-wrap:anywhere}
.live-plan-details>h3{font-size:1.1rem}
.live-networks{border-top:1px solid var(--line);padding-top:18px}
.live-networks summary{cursor:pointer;font-weight:650;color:var(--teal-900)}
.live-networks ul{padding:0;list-style:none;display:grid;gap:16px}
.live-networks li>span{display:block;font-size:.86rem;color:var(--muted)}
.live-plan-details .spec-list dd{max-width:65%}
.faq-list details>p{padding:0 22px 20px;margin:0;color:var(--muted)}
@media(max-width:980px){.live-auth{gap:24px}.live-auth-aside{padding:28px}.live-metrics.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.live-metrics .card{padding:16px}}
@media(max-width:720px){.live-auth{gap:20px}.live-auth-aside{padding:24px}.live-auth-aside .feature-list,.live-auth-symbol{display:none}.live-auth-content .live-form{padding:24px}.live-account-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-bottom:0}.live-account-nav button{margin:0;white-space:nowrap}.live-account-nav svg{width:18px;height:18px}.live-plan-top{align-items:flex-start}.live-metrics .metric strong{font-size:1.6rem}.live-metrics .metric p{font-size:.75rem}.live-empty{padding:36px 20px}.live-qr{max-width:100%;height:auto}.live-order-row>.actions{width:100%}}
/* Storefront refinement: consistent surfaces, country browsing and mobile rhythm. */
:root{--radius:18px;--shadow:0 16px 48px #064c4d0b}
body{background:#fafcfb}
.site-header{background:#ffffffed;box-shadow:0 2px 18px #042f3104}
.header-inner{min-height:88px}
.site-header .brand img{width:112px;height:58px;object-fit:contain}
.button{border-radius:11px;transition:background .18s,box-shadow .18s,transform .18s}
.button-primary{background:#075b57;box-shadow:0 5px 12px #075b5714}
.button-primary:hover{background:#034740;box-shadow:0 8px 22px #075b5725;transform:translateY(-1px)}
.card{border-radius:18px;box-shadow:0 3px 16px #064c4d04}
.hero{padding-block:72px 54px;gap:52px}
.hero h1{font-size:clamp(3rem,6.2vw,5.3rem);letter-spacing:-.055em}
.hero-copy{font-size:1.04rem;max-width:510px}
.hero-visual{background:radial-gradient(ellipse at 45% 40%,#bce5d9 0%,#e7f4ed 48%,transparent 72%);border-radius:40px}
.hero-search{border-radius:16px;padding:20px;box-shadow:0 12px 34px #075b570b}
.quick-destinations{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-block:16px 22px;font-size:.78rem;color:var(--muted)}
.quick-destinations a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:white;border-radius:100px;padding:6px 11px;color:var(--teal-900)}
.quick-destinations .flag-image{width:20px;height:14px;border-radius:3px;box-shadow:none}
.service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 0;margin-bottom:24px;border-block:1px solid var(--line)}
.service-strip>div{display:grid;gap:4px;padding-inline:30px;border-inline-end:1px solid var(--line)}
.service-strip>div:first-child{padding-inline-start:0}.service-strip>div:last-child{border:0}
.service-strip strong{font-size:1.08rem;color:var(--teal-900)}.service-strip span{font-size:.82rem;color:var(--muted)}
.flag-image{object-fit:contain;border-radius:5px;filter:drop-shadow(0 2px 3px #13222312)}
.destination-card{position:relative;transition:transform .2s,border-color .2s,box-shadow .2s;background:#fff}
.destination-card:hover{transform:translateY(-4px);border-color:#8bc5b6;box-shadow:0 12px 30px #064c4d0e}
.destination-card h3{margin-block:20px 9px;font-size:1.12rem;letter-spacing:-.02em}
.destination-card .bottom-line{padding-top:16px;border-top:1px solid #edf2f0;margin-top:auto}
.destination-card .bottom-line b{font-size:1.1rem}.destination-card .bottom-line>svg{width:18px}
.plan-card{background:#fff;gap:0;position:relative;transition:border-color .2s,box-shadow .2s}
.plan-card:hover{border-color:#8bc5b6;box-shadow:0 10px 30px #064c4d0b}
.plan-card .live-plan-top{justify-content:space-between}.plan-card .badge{font-size:.68rem;padding:5px 9px}
.plan-card h3{font-size:1.05rem;min-height:2.5em;line-height:1.4;color:var(--muted);font-weight:600}
.plan-card .plan-data{font-size:2.1rem;font-weight:780;letter-spacing:-.045em;line-height:1.2;color:var(--teal-950)}
.plan-validity{font-size:.87rem;color:var(--muted);margin-block:8px!important}.plan-validity span{font-size:.75rem}
.plan-coverage{font-size:.8rem;color:var(--teal-800);padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:17px}
.plan-card .price{font-size:1.8rem;margin-bottom:4px}.plan-card .live-muted{font-size:.74rem;margin-bottom:20px}
.plan-card .button{width:100%}
.country-directory{padding-block:12px 42px;border-bottom:1px solid var(--line)}
.country-directory>input{max-width:560px;padding-inline:18px;border-radius:12px;box-shadow:0 3px 12px #064c4d04}
.country-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.country-grid .destination-card{padding:23px}.directory-meta{font-size:.8rem;color:var(--muted);margin-block:16px}
.directory-plans-link{display:inline-block;margin-top:28px;font-size:.9rem}
.toolbar{border-radius:16px;background:white;box-shadow:0 5px 20px #064c4d05;align-items:end}
.toolbar .field{min-width:130px}.filter-pills{gap:9px}.pill{min-height:42px}
.pill[aria-pressed=true]{background:var(--teal-900);color:white;border-color:var(--teal-900)}
.result-meta{padding-block:10px}.test-mode-banner{font-size:.8rem;border-radius:10px;border-color:#ecd9b9;background:#fffaf0;color:#795d2a;padding:11px 16px}
.live-plan-details .notice p{font-size:.88rem}.live-plan-details .notice p:last-of-type{margin-bottom:10px}
.live-plan-details .notice a{font-size:.85rem}.live-plan-details{align-self:start}
.article-body{max-width:850px;background:white;border:1px solid var(--line);border-radius:20px;padding:32px;margin-bottom:48px}
.site-footer{background:#f0f6f3;padding-top:52px}.footer-grid nav a{padding-block:2px}.footer-bottom{padding-bottom:6px}
@media(min-width:981px){.live-plan-details+.card,.live-plan-details+.live-form{position:sticky;top:112px}}
@media(max-width:980px){.hero{gap:24px}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-strip>div{padding-inline:18px}.site-header .brand img{width:100px;height:54px}}
@media(max-width:720px){.header-inner{min-height:76px}.site-header .brand img{width:92px;height:48px}.hero{padding-block:34px;gap:12px}.hero h1{font-size:clamp(2.9rem,11.8vw,4.5rem)}.hero-copy{font-size:1rem}.hero-visual{min-height:460px;transform:scale(.94);margin-block:-12px}.quick-destinations{gap:7px}.quick-destinations>span{width:100%}.service-strip{grid-template-columns:1fr;gap:14px;padding:22px 0;margin:0}.service-strip>div,.service-strip>div:first-child{padding:0;border:0;grid-template-columns:1fr 1.3fr;align-items:center;gap:10px}.service-strip strong{font-size:.9rem}.service-strip span{font-size:.75rem}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.country-grid .destination-card{padding:18px 14px}.country-grid .destination-card h3{font-size:1rem}.country-grid .bottom-line{font-size:.75rem}.country-grid .bottom-line b{font-size:.94rem}.country-grid .bottom-line>svg{display:none}.country-directory .section-heading h2{font-size:1.9rem}.country-directory .section-heading{gap:14px}.country-directory>input{font-size:.9rem}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar .field{min-width:0}.toolbar .grow{grid-column:1/-1}.toolbar select{padding-inline:8px;font-size:.84rem}.plan-card{padding:24px}.plan-card h3{min-height:0}.plan-card .plan-data{font-size:2.2rem}.article-body{padding:22px}.test-mode-banner{font-size:.72rem}.live-section{padding-block:24px 40px}.country-directory{padding-top:4px}.mobile-menu nav{top:74px}.section-heading>.button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.destination-card:hover,.button-primary:hover{transform:none}}
.coverage-countries{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px 22px}.coverage-country{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;font-size:.8rem;background:#fff}.coverage-country:hover{border-color:var(--teal-700);background:var(--teal-50)}.coverage-country .flag-image{width:24px;height:16px;border-radius:3px}.coverage-disclosure summary{cursor:pointer;padding-block:12px;color:var(--teal-800);font-weight:650}.plan-data,.plan-card .price{unicode-bidi:plaintext}
@media(max-width:720px){#destinations .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#destinations .destination-card{padding:18px 14px}#destinations .destination-card h3{font-size:1rem}#destinations .destination-card .bottom-line{font-size:.75rem}#destinations .destination-card .bottom-line b{font-size:.94rem}#destinations .destination-card .bottom-line svg{display:none}}
/* One consistent flag frame across country cards, plan coverage and shortcuts. */
.flag-image,.quick-destinations .flag-image,.coverage-country .flag-image{display:inline-block;width:42px;height:28px;min-width:42px;max-width:42px;flex:0 0 42px;object-fit:fill;vertical-align:middle;border-radius:4px;filter:none;border:1px solid #13222312;background:white}
.quick-destinations a,.coverage-country{min-height:44px}
@media(prefers-reduced-motion:no-preference){.skeleton{background-size:200% 100%;animation:loading-shimmer 1.5s linear infinite}@keyframes loading-shimmer{to{background-position:-200% 0}}}
/* Override older square flag rules in the base stylesheet. */
img.flag-image{width:42px!important;height:28px!important;min-width:42px;max-width:42px;max-height:28px;aspect-ratio:3/2}
@media(max-width:720px){.hero-visual{transform:none}}