/* v20 · consolidated current design */
.topbar .brand-mark,.footer-brand .brand-mark{animation:troykaT 3.2s ease-in-out infinite;transform-origin:50% 70%}
.network-node{animation:countryDrift 4.8s ease-in-out infinite}.network-node.n2,.network-node.n5{animation-delay:-1.5s}.network-node.n3,.network-node.n6{animation-delay:-3s}.n5{left:40%;top:4%}.n6{right:7%;top:68%}
.footer-brand address{font-style:normal;color:#8396ad;font-size:12px;line-height:1.65;margin-top:7px}
.payment-fields select,.currency-field select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;font:inherit;color:var(--ink)}
@keyframes troykaT{0%,100%{transform:rotate(-8deg) translateY(0)}35%{transform:rotate(7deg) translateY(-3px)}70%{transform:rotate(-13deg) translateY(1px)}}
@keyframes countryDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-8px)}}
@media(max-width:920px){.n5,.n6{display:none}}
@media(prefers-reduced-motion:reduce){.topbar .brand-mark,.footer-brand .brand-mark,.network-node{animation:none}}
.bank-panel{overflow:hidden;border:1px solid #d7e1ef;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(7,22,41,.09)}
.bank-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px;background:linear-gradient(125deg,#071629,#113a67);color:#fff}
.bank-identity{display:flex;align-items:center;gap:14px}.bank-identity small{display:block;color:#91a8c2;font-size:10px;letter-spacing:1.5px}.bank-identity h3{margin:4px 0 0;font-size:21px}.bank-secure{border:1px solid rgba(125,226,237,.34);border-radius:999px;padding:10px 14px;background:rgba(125,226,237,.08);color:#bff8ff;font-size:12px;font-weight:700}
.currency-account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.currency-account{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;padding:25px;border-right:1px solid #e5ebf3;align-items:start}.currency-account:last-child{border-right:0}.currency-account>div{min-width:0}.currency-account small{display:block;color:#526780;font-size:10px;font-weight:800;letter-spacing:1.1px;margin:4px 0 10px}.currency-account code{display:block;font-family:Manrope,Arial,sans-serif;color:#132b48;font-size:13px;font-weight:800;line-height:1.55;overflow-wrap:anywhere}.currency-tag{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:800}.currency-tag.try{color:#c42d3c;background:#fff0f2}.currency-tag.usd{color:#14724d;background:#e8f8f0}.currency-tag.eur{color:#285ec8;background:#edf3ff}.currency-account .copy-iban{grid-column:1/-1;width:100%;margin-top:5px;padding:11px;background:#f3f7ff}.bank-panel-foot{display:flex;justify-content:space-between;gap:20px;padding:16px 27px;border-top:1px solid #e5ebf3;background:#f7f9fc;color:#5a6d83;font-size:12px}.bank-panel-foot b{color:#18314f}
.invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:2px 0;padding:17px;border:1px solid #d8e3f0;border-radius:13px;background:#f8faff}.invoice-details[hidden]{display:none}.invoice-details legend{grid-column:1/-1;padding:0 7px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.7px}.invoice-details .wide{grid-column:1/-1}.invoice-details input,.invoice-details select,.invoice-details textarea{background:#fff}.invoice-details textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:14px;font:inherit;resize:vertical}.invoice-note{grid-column:1/-1;margin:0;color:#62758c;font-size:11px;line-height:1.55}.topup-form .invoice-details{margin:18px 0}.modal-card{width:min(620px,100%)}
@media(max-width:820px){.currency-account-grid{grid-template-columns:1fr}.currency-account{border-right:0;border-bottom:1px solid #e5ebf3}.currency-account:last-child{border-bottom:0}.bank-panel-foot{flex-direction:column;gap:6px}}
@media(max-width:560px){.bank-panel-head{align-items:flex-start;flex-direction:column}.bank-secure{font-size:11px}.currency-account{padding:20px}.invoice-details{grid-template-columns:1fr}.invoice-details label,.invoice-details .wide{grid-column:1/-1}}

/* Mobile layout stabilization and compact vertical rhythm */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{position:relative}
main,main>section,footer,.topbar{width:100%;max-width:100%}
img,svg,video,canvas{max-width:100%;height:auto}
.finder-fields>*,.shop-head>*,.topup>*,.roaming-head>*,.currency-box>*,.accounts-head>*,.currency-account-grid>*,.invoice-details>*{min-width:0}
.service-grid a{position:relative;overflow:hidden}
@media(max-width:760px){
  .topbar{padding-left:18px;padding-right:18px}.brand{font-size:16px}.brand-mark{width:31px;height:31px;border-radius:9px}.menu{padding:8px 0}
  .hero{min-height:0!important;padding:122px 18px 46px}.hero:after,.world-network{display:none}.hero h1{font-size:clamp(34px,10.5vw,48px);line-height:1.04;letter-spacing:-1.8px;margin:18px 0 16px}.hero-copy{font-size:16px;line-height:1.6}
  .global-status{left:18px;right:18px}.finder{margin-top:28px;padding:9px}.finder-fields{padding-left:4px;padding-right:4px}.finder select{min-width:0}.trust-row{padding:8px 5px}.instant-note{margin-top:18px}
  .quick-rate{padding:13px;margin-top:14px}.quick-rate-title b{font-size:25px}.quick-rate-values b{font-size:12px}
  .section{padding:58px 18px}.section h2,.usecases h2,.cta h2{font-size:clamp(30px,9vw,40px);letter-spacing:-1.4px}.service-menu{padding-top:52px;padding-bottom:22px}.service-menu h2{margin-bottom:24px}.service-grid a{min-height:0;padding:20px}.service-grid b{margin-top:13px}.service-grid strong{padding-top:14px}
  .shop-head{gap:22px;margin-bottom:25px}.billing-choice{margin-top:14px}.basket{min-width:0}.country-card{gap:14px;padding:17px}
  .topup{margin:8px 10px;padding:46px 16px;border-radius:19px;gap:26px}.topup h2{font-size:clamp(30px,9vw,40px);letter-spacing:-1.3px}.topup-form{padding:18px}.topup-benefits{margin-top:18px}.topup-form .invoice-details{margin:15px 0;padding:14px}
  .roaming{padding-top:58px}.roaming-grid{margin-top:28px}.roaming-grid article{padding:22px}.currency-box{padding:19px}.currency-values{min-width:0}.currency-values span{min-width:0}.currency-values b{overflow-wrap:anywhere;white-space:normal}
  .payment-accounts{padding-top:58px;padding-bottom:58px}.accounts-head{margin-bottom:24px}.bank-panel-head{padding:20px}.bank-panel-foot{padding:15px 20px}
  .order-heading,.order-row{align-items:flex-start;flex-direction:column;gap:6px}.order-row>strong{white-space:normal}
  .reveal{opacity:1;transform:none}
}
@media(max-width:560px){
  footer{grid-template-columns:1fr;padding:46px 22px 24px;gap:30px}.footer-brand{grid-column:auto}.footer-bottom{grid-column:1;gap:8px;margin-top:12px}
  .mobile-nav{left:10px;right:10px}.modal{padding:10px}.modal-card{border-radius:16px;padding:26px 17px}.invoice-details{padding:13px}.bank-secure{width:100%;text-align:center}
}

/* v19 · visible language control, livelier palette and tighter mobile spacing */
:root{--blue:#1468ff;--cyan:#20dff2;--violet:#7548ff}
.primary{background:linear-gradient(135deg,#1468ff,#684cff);box-shadow:0 12px 30px rgba(20,104,255,.3)}
.hero{background:radial-gradient(circle at 82% 28%,rgba(32,223,242,.24),transparent 27%),radial-gradient(circle at 70% 90%,rgba(117,72,255,.3),transparent 31%),linear-gradient(128deg,#041326 5%,#09345e 58%,#101b4b)}
.service-grid a:nth-child(1){background:linear-gradient(145deg,#fff 55%,#edf4ff)}.service-grid a:nth-child(2){background:linear-gradient(145deg,#fff 55%,#e9fbff)}.service-grid a:nth-child(3){background:linear-gradient(145deg,#fff 55%,#f1edff)}.service-grid a:nth-child(4){background:linear-gradient(145deg,#fff 55%,#eaf8ff)}
.country-card{background:linear-gradient(150deg,#fff 65%,#f0f6ff)}.country-card.selected{background:linear-gradient(150deg,#fff,#e8f1ff)}
.topup{background:radial-gradient(circle at 10% 100%,rgba(32,223,242,.28),transparent 40%),radial-gradient(circle at 92% 8%,rgba(117,72,255,.28),transparent 35%),linear-gradient(135deg,#06182f,#0b3260)}
.bank-panel-head{background:linear-gradient(120deg,#06172d,#0f4c83 65%,#176ac0)}
.language{border:1px solid rgba(125,235,247,.55);border-radius:999px;background:rgba(11,49,84,.72);color:#fff!important;padding:9px 13px!important;font-size:12px;font-weight:800;letter-spacing:.4px;white-space:nowrap;backdrop-filter:blur(12px)}
@media(max-width:900px){.topbar .actions{display:flex;margin-left:auto;margin-right:8px}.topbar .actions .login,.topbar .actions .primary{display:none}}
@media(max-width:760px){
  .section{padding-top:44px;padding-bottom:44px}.service-menu{padding-top:42px;padding-bottom:14px}.country-shop{padding-top:44px;padding-bottom:44px}
  .stats{padding-top:22px;padding-bottom:22px;gap:17px}.stats b{font-size:19px}.stats span{font-size:12px;text-align:center}
  .topup{padding-top:38px;padding-bottom:38px}.roaming{padding-top:44px;padding-bottom:44px}.payment-accounts{padding-top:44px;padding-bottom:44px}
  .hero{padding-bottom:38px}.country-stream{padding-top:10px;padding-bottom:10px}.stream-track{gap:30px}
}
@media(max-width:380px){.topbar{padding-left:14px;padding-right:14px}.brand{gap:7px;font-size:14px}.language{padding:8px 10px!important;font-size:11px}.topbar .actions{margin-right:5px}}

/* v20 · brighter surfaces with balanced corporate saturation */
body{background:#edf6ff;background-image:radial-gradient(circle at 8% 18%,rgba(32,223,242,.1),transparent 24%),radial-gradient(circle at 92% 42%,rgba(117,72,255,.09),transparent 26%)}
main{background:transparent}.section h2{color:#08264b}.topup h2{color:#fff}.kicker{color:#065fff}.kicker.light{color:#8ff5ff}.eyebrow{color:#55efff}
.stats{background:linear-gradient(105deg,#f5fbff,#eaf4ff 48%,#f2edff);border-bottom-color:#c7dcef}.stats b{color:#075fff}.stats div:nth-child(2) b{color:#07a8be}.stats div:nth-child(3) b{color:#684cff}.stats div:nth-child(4) b{color:#087ec8}
.service-menu{margin:14px max(1.2vw,10px) 0;border-radius:28px;background:radial-gradient(circle at 8% 20%,rgba(32,223,242,.18),transparent 25%),linear-gradient(135deg,#f1fbff,#eaf2ff 55%,#f3edff);box-shadow:0 18px 55px rgba(22,91,171,.09)}
.service-grid a{border-color:#c5d9f3;box-shadow:0 15px 34px rgba(10,73,145,.11)}.service-grid a:nth-child(1){border-top:4px solid #1468ff}.service-grid a:nth-child(2){border-top:4px solid #04bcd4}.service-grid a:nth-child(3){border-top:4px solid #7548ff}.service-grid a:nth-child(4){border-top:4px solid #087ec8}.service-grid strong{color:#075fff}
.country-shop{margin:14px max(1.2vw,10px);border-radius:28px;background:radial-gradient(circle at 92% 8%,rgba(117,72,255,.14),transparent 23%),linear-gradient(140deg,#eaf6ff,#f8fbff 52%,#eef0ff)}
.country-card{border-color:#c4d9f1;box-shadow:0 12px 28px rgba(17,84,154,.1)}.country-card:hover{border-color:#5593ff;box-shadow:0 18px 38px rgba(20,104,255,.17)}.card-price{color:#075fff}.billing-choice{background:linear-gradient(135deg,#e9f4ff,#fff 56%,#f1edff);border-color:#8fb6f5}
.roaming{margin:14px max(1.2vw,10px);border-radius:28px;background:radial-gradient(circle at 4% 90%,rgba(32,223,242,.16),transparent 24%),linear-gradient(135deg,#f6fbff,#eaf4ff 58%,#f0ebff)}.roaming-grid article{background:#fff;border-color:#c4d8ef;box-shadow:0 14px 34px rgba(11,72,140,.1)}.roaming-grid article.featured{background:linear-gradient(155deg,#fff,#edf5ff)}.price-seal{background:linear-gradient(145deg,#075fff,#6a45ef);box-shadow:0 20px 45px rgba(61,77,225,.28)}
.currency-box{background:linear-gradient(135deg,#eaf7ff,#fff 48%,#f2edff);border-color:#afcaeb;box-shadow:0 14px 32px rgba(18,93,255,.1)}.currency-values span{border-color:#c8daf0;box-shadow:0 7px 16px rgba(17,83,148,.07)}
.payment-accounts{margin:14px max(1.2vw,10px);border-radius:28px;background:radial-gradient(circle at 90% 15%,rgba(32,223,242,.18),transparent 25%),linear-gradient(135deg,#e8f7ff,#f7fbff 55%,#eeeaff);border:1px solid #c8dcf2}.bank-panel{border-color:#afc9e8;box-shadow:0 24px 60px rgba(15,78,148,.15)}
.modal-card,.topup-form{box-shadow:0 25px 70px rgba(0,45,105,.22)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(32,223,242,.24);border-color:#1468ff!important}
footer{background:radial-gradient(circle at 8% 10%,rgba(32,223,242,.14),transparent 24%),linear-gradient(125deg,#041326,#082b50 60%,#17194e)}
@media(max-width:760px){
  .service-menu,.country-shop,.roaming,.payment-accounts{margin:8px 7px;border-radius:21px}
  .service-grid a,.country-card,.roaming-grid article{box-shadow:0 11px 24px rgba(13,78,151,.12)}
  .stats{background:linear-gradient(145deg,#f2faff,#e9f3ff 55%,#f0ebff)}
}