:root{--blue:#0b63ce;--dark:#07152f;--muted:#64748b;--soft:#f3f7fb;--line:#dbe5ef;--red:#e8282d;--green:#0ca678;--gold:#f7b731}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--dark);background:white}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#34b3ff);color:white;font-weight:900}.brand small{display:block;color:var(--muted);font-size:12px}.nav{display:flex;gap:18px;color:#334155;font-size:14px}.hero{position:relative;min-height:78vh;display:grid;align-items:end;overflow:hidden}.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,31,.22),rgba(4,13,31,.76))}.hero-content{position:relative;z-index:2;color:white;padding:32px 18px 34px;max-width:980px}.eyebrow,.section-label{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#1b8fff;background:#eaf4ff;border:1px solid #cce5ff;border-radius:999px;padding:8px 12px}.hero .eyebrow{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25);color:white}.hero h1{font-size:44px;line-height:.95;margin:18px 0 12px;max-width:780px}.lead{font-size:19px;line-height:1.5;max-width:720px;color:#e9f2ff}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 18px;border-radius:16px;font-weight:800;box-shadow:0 10px 25px rgba(15,23,42,.1)}.primary{background:var(--blue);color:white}.secondary{background:#eef6ff;color:var(--blue);border:1px solid #cde5ff}.ghost{background:white;color:var(--dark)}.small{padding:12px 14px;border-radius:13px;width:100%;margin-top:14px}.hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.hero-points span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:10px;border-radius:14px;font-weight:700;font-size:13px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.trust-strip div{background:#fff;padding:18px}.trust-strip span{display:block;color:var(--muted);margin-top:5px;font-size:14px}.section{padding:68px 18px;max-width:1120px;margin:auto}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.section h2{font-size:34px;line-height:1.08;margin:16px 0 14px}.section p{font-size:17px;line-height:1.65;color:#475569}.section-note{max-width:780px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card,.plan,.compare-card,.experience-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.mini-card span{display:block;color:var(--muted);margin-top:8px}.plans-section{max-width:1180px}.plans{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;margin-top:26px}.plan{position:relative}.plan.featured{border:2px solid var(--blue);transform:translateY(-8px)}.plan h3{font-size:28px;margin:10px 0 4px}.network{font-size:14px!important;color:var(--muted)!important;margin:0 0 10px!important}.badge{display:inline-flex;border-radius:999px;padding:7px 10px;background:var(--blue);color:white;font-weight:800;font-size:12px}.badge.soft{background:#fff3cd;color:#8a5a00}.badge.dark{background:#0f172a}.plan ul{padding-left:19px;line-height:1.8;color:#334155}.price{margin-top:12px}.price del{color:#94a3b8;margin-right:10px}.price strong{font-size:30px;color:var(--red)}.custom .price strong{color:var(--dark)}.viettel-box{margin-top:20px;border-radius:26px;background:linear-gradient(135deg,#fff5f5,#f8fbff);border:1px solid #ffd6d6;padding:22px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.v-plans{display:grid;gap:10px}.v-plan-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:white;border:1px solid #ffe2e2;padding:10px;border-radius:14px}.v-plan-row span{padding:2px}.v-plan-row .btn{margin-top:0;width:auto;white-space:nowrap;padding:11px 13px}.alt{background:var(--soft);max-width:100%;padding-left:max(18px,calc((100vw - 1120px)/2));padding-right:max(18px,calc((100vw - 1120px)/2))}.rounded-img{border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.18);height:520px;object-fit:cover;width:100%}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.check-list span{background:white;border:1px solid var(--line);border-radius:14px;padding:12px;font-weight:700}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-card.good{border-color:#b7ebd1;background:#f0fff7}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery img{height:260px;width:100%;object-fit:cover;border-radius:22px}.partners{background:#07152f;color:white;border-radius:34px;margin-top:32px;padding:46px}.partners p{color:#dbeafe}.partner-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.partner-tags span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 12px}.experience-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:white}.experience-card p{color:#dbeafe}.faq details{border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin:10px 0;background:white}.faq summary{cursor:pointer;font-weight:800}.contact-section{margin:32px auto 0;max-width:1120px;background:linear-gradient(135deg,#0b63ce,#083b88);color:white;border-radius:34px;padding:44px 24px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.contact-section p{color:#dbeafe;font-size:17px;line-height:1.6}.light{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);color:white}.lightbtn{background:white;color:var(--blue)}.outline-light{background:transparent;color:white;border:1px solid rgba(255,255,255,.45)}.float-whatsapp{position:fixed;right:16px;bottom:16px;z-index:40;background:#20c462;color:white;border-radius:999px;padding:15px 18px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.25)}footer{padding:30px 18px 90px;text-align:center;color:#64748b;display:grid;gap:8px}@media(max-width:760px){.topbar{padding:10px 12px}.nav{display:none}.brand small{font-size:11px}.hero{min-height:82vh}.hero img{object-position:42% center}.hero-content{padding:24px 14px 28px}.hero h1{font-size:38px}.lead{font-size:16px}.btn{width:100%;padding:15px 14px}.hero-points{grid-template-columns:1fr 1fr}.trust-strip,.two-col,.plans,.viettel-box,.compare,.contact-section{grid-template-columns:1fr}.trust-strip div{padding:15px}.section{padding:48px 14px}.section h2{font-size:29px}.service-grid{grid-template-columns:1fr}.plan.featured{transform:none}.plans{gap:12px}.viettel-box{padding:18px}.v-plan-row{grid-template-columns:1fr}.v-plan-row .btn{width:100%}.rounded-img{height:360px}.check-list{grid-template-columns:1fr}.gallery{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.gallery img{min-width:78%;height:250px;scroll-snap-align:start}.partners{border-radius:0;margin-left:-14px;margin-right:-14px;padding:42px 18px}.contact-section{border-radius:0}.float-whatsapp{left:14px;right:14px;text-align:center;justify-content:center}.price strong{font-size:28px}}.wechat-mini{text-align:center;background:#fff}.wechat-mini img{max-width:360px;width:100%;border-radius:22px;border:1px solid #e5eaf2;box-shadow:0 16px 40px rgba(0,0,0,.08)}

.why-local,.physical-sim{text-align:center}.intl-support{margin-top:20px;color:white}.intl-support h3{margin:18px 0 8px}


/* Stable mobile patch: keep previous layout, only reduce blocking CTA and tighten hero safely */
body{padding-bottom:74px;}
.float-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
}
@media(max-width:760px){
  .hero{min-height:76vh;}
  .hero h1{font-size:36px;line-height:1.04;letter-spacing:-.02em;}
  .lead{font-size:16px;line-height:1.45;}
  .section{padding:44px 18px;}
  .section h2{font-size:30px;line-height:1.12;}
  .float-whatsapp{
    left:auto!important;
    right:14px!important;
    bottom:14px!important;
    width:170px!important;
    height:50px!important;
    padding:0 16px!important;
    font-size:15px!important;
    border-radius:999px!important;
  }
  footer{padding-bottom:78px;}
}
@media(max-width:390px){
  .hero h1{font-size:32px;}
  .float-whatsapp{width:158px!important;font-size:14px!important;}
}
