[hidden]{display:none!important}

:root{--bg:#05070a;--bg2:#0a0e14;--panel:#0d131b;--text:#f7f9fb;--muted:#9ba7b6;--line:rgba(255,255,255,.11);--cyan:#8ff6ff;--blue:#5b7cff;--lime:#caff78;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1240px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:60;background:rgba(5,7,10,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:22px}.mark{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;position:relative}.mark:before,.mark:after{content:"";position:absolute;border:1px solid rgba(143,246,255,.65);border-radius:50%}.mark:before{inset:5px -7px;transform:rotate(-28deg)}.mark:after{inset:-5px 8px;transform:rotate(60deg);opacity:.55}.mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);right:-2px;top:7px;box-shadow:0 0 18px var(--cyan)}.brand small{font-size:15px;color:#93a0b1;letter-spacing:.03em}.links{display:flex;gap:34px;color:#c1c8d2;font-size:17px}.links a:hover{color:#fff}.actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:850;font-size:17px;border:1px solid transparent;transition:.22s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-light{background:#fff;color:#07090c}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035)}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 72% 28%,rgba(143,246,255,.09),transparent 28%),
    radial-gradient(circle at 18% 12%,rgba(91,124,255,.08),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 62%);pointer-events:none}.hero-grid{min-height:760px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:16px;position:relative;z-index:1}.kicker{display:flex;align-items:center;gap:10px;color:#c6d0dc;font-size:17px;margin-bottom:28px}.dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px rgba(202,255,120,.9)}h1{font-size:clamp(72px,8vw,118px);line-height:.84;letter-spacing:-.075em;margin:0;font-weight:950;max-width:760px}.muted-line{color:#8595aa}.lead{font-size:22px;line-height:1.55;color:#a8b3c1;max-width:690px;margin:34px 0 0}.hero-ctas{display:flex;align-items:center;gap:24px;margin-top:34px}.hero-ctas a:last-child{font-size:18px;font-weight:760;color:#d6dce5}.stats{display:flex;gap:38px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);max-width:700px}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:24px}.stats span{font-size:16px;color:#85909e}
.visual{height:630px;display:flex;align-items:center;justify-content:center;position:relative}
.esim-object{width:min(430px,88%);aspect-ratio:.72;border-radius:42px;padding:34px;position:relative;overflow:hidden;background:
  radial-gradient(circle at 78% 18%,rgba(143,246,255,.16),transparent 28%),
  linear-gradient(145deg,#141c28 0%,#0a1018 58%,#070b11 100%);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 48px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)}
.esim-object:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.04) 48%,transparent 72%);pointer-events:none}
.esim-head{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.esim-head strong{font-size:20px;letter-spacing:-.03em}.signal-pill{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 13px;color:#dce6f1;font-size:15px;font-weight:850}
.esim-chip{width:118px;height:92px;border:1px solid rgba(143,246,255,.32);border-radius:22px;margin-top:58px;position:relative;background:
  linear-gradient(90deg,transparent 32%,rgba(143,246,255,.12) 33% 34%,transparent 35% 65%,rgba(143,246,255,.12) 66% 67%,transparent 68%),
  linear-gradient(transparent 48%,rgba(143,246,255,.12) 49% 51%,transparent 52%);
  box-shadow:inset 0 0 30px rgba(143,246,255,.04)}
.esim-chip:before{content:"";position:absolute;inset:17px;border:1px solid rgba(143,246,255,.32);border-radius:12px}
.esim-label{margin-top:54px;color:#7f8c9e;font-size:15px;font-weight:900;letter-spacing:.12em}
.esim-object h3{font-size:58px;line-height:.94;letter-spacing:-.06em;margin:12px 0 32px;position:relative;z-index:1}
.esim-meta{display:flex;gap:10px;flex-wrap:wrap;position:absolute;left:34px;right:34px;bottom:34px}
.esim-meta span{padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);font-size:15px;color:#b8c3cf}
.esim-tag{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.12);background:rgba(8,13,20,.92);backdrop-filter:blur(14px);border-radius:18px;padding:14px 17px;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.esim-tag b{display:block;font-size:17px}.esim-tag span{font-size:14px;color:#8f9bab}.tag-one{left:2px;top:112px}.tag-two{right:0;bottom:112px}
.light-section{background:#f3f5f7;color:#0b0e13;padding:112px 0}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.eyebrow{font-size:17px;font-weight:900;letter-spacing:.05em;color:#6d7988;margin-bottom:18px}.section-title{font-size:clamp(48px,5.5vw,80px);line-height:.97;letter-spacing:-.06em;margin:0;font-weight:950}.section-copy{font-size:19px;line-height:1.6;color:#66717f;max-width:530px}.search-card{background:#fff;border:1px solid #e2e6ea;border-radius:32px;box-shadow:0 26px 80px rgba(27,39,55,.1);overflow:hidden}.search-box{height:94px;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid #e8ebee}.search-box span{font-size:30px}.search-box input{border:0;outline:0;width:100%;font-size:25px;font-weight:850;color:#0b0e13}.results{display:flex;flex-direction:column}.result{display:grid;grid-template-columns:48px 58px 1fr auto 26px;gap:16px;align-items:center;padding:22px 28px;border-bottom:1px solid #edf0f2}.result:last-child{border:0}.result:hover{background:#f7f9fb}.result .num{font-weight:900;color:#9aa3ae}.flag{width:42px;height:42px;border-radius:14px;background:#0d141d;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:950;letter-spacing:-.03em}.result strong{font-size:22px}.result small{font-size:16px;color:#7b8694;display:block;margin-top:3px}.price{font-size:19px;font-weight:900}
.band{overflow:hidden;background:var(--cyan);color:#071014;border-block:1px solid #081015}.track{display:flex;gap:34px;align-items:center;white-space:nowrap;width:max-content;padding:20px 0;font-size:18px;font-weight:950;letter-spacing:.045em;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}
.dark-section{padding:118px 0}.headline-row{display:grid;grid-template-columns:140px 1fr}.headline-row h2{font-size:clamp(52px,6.5vw,92px);line-height:.94;letter-spacing:-.065em;margin:0}.headline-row h2 span{color:#78879a}.cards{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:350px 350px;gap:18px;margin-top:64px}.dest{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;padding:30px;background:linear-gradient(145deg,#131a24,#0a0f16);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.dest:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.24)}.dest:first-child{grid-row:span 2}.dest:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-110px;bottom:-130px;filter:blur(16px);opacity:.36}.turkey:after{background:#ff6862}.uae:after{background:#e9b354}.europe:after{background:#657cff}.dest>*{position:relative;z-index:1}.dest-top{display:flex;justify-content:space-between;align-items:center}.dest-top .flag{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.07);font-size:15px}.dest-top span:last-child{font-size:16px;color:#9aa6b5}.dest small{font-size:16px;color:#94a0af}.dest h3{font-size:64px;letter-spacing:-.055em;margin:7px 0 10px}.dest:first-child h3{font-size:84px}.dest p{font-size:18px;line-height:1.5;color:#adb7c4;max-width:470px}.dest-bottom{display:flex;justify-content:space-between;align-items:center}.dest-bottom strong{font-size:27px}.arrow{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:24px}
.feature{padding:118px 0;background:#090d12}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}.phone-stage{min-height:620px;display:flex;align-items:center;justify-content:center;position:relative}.phone{width:310px;height:610px;border-radius:52px;border:8px solid #1c232e;background:#0d131b;padding:12px;box-shadow:0 34px 90px rgba(0,0,0,.55)}.screen{height:100%;border-radius:40px;padding:26px;background:radial-gradient(circle at 70% 20%,rgba(143,246,255,.16),transparent 32%),linear-gradient(#101824,#080d14);display:flex;flex-direction:column}.screen-top{display:flex;justify-content:space-between;font-weight:900}.country{font-size:25px;font-weight:850;margin-top:62px}.usage{width:185px;height:185px;border-radius:50%;margin:50px auto 24px;background:conic-gradient(var(--cyan) 0 68%,rgba(255,255,255,.1) 68%);display:grid;place-items:center;position:relative}.usage:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;background:#0d141e}.usage div{z-index:1;text-align:center}.usage b{display:block;font-size:42px}.usage span{font-size:16px;color:#9ba8b7}.screen button{margin-top:auto;border:0;border-radius:18px;padding:16px;background:#fff;color:#080b0f;font-weight:900;font-size:17px}.float{position:absolute;border:1px solid var(--line);background:rgba(11,16,24,.85);backdrop-filter:blur(14px);border-radius:18px;padding:14px 17px;font-size:16px}.f1{left:20px;top:120px}.f2{right:10px;bottom:135px}.feature h2{font-size:clamp(50px,5vw,74px);line-height:.98;letter-spacing:-.06em;margin:0 0 36px}.feature h2 span{color:#8090a4}.feature-list{display:flex;flex-direction:column}.feat{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:25px 0;border-top:1px solid var(--line)}.feat:last-child{border-bottom:1px solid var(--line)}.icon{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center}.feat h3{font-size:24px;margin:2px 0 7px}.feat p{font-size:17px;line-height:1.55;color:#919eae;margin:0}
.how{padding:118px 0}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:58px}.step{border-top:1px solid var(--line);padding:30px 8px 0 0;min-height:250px}.step b{font-size:17px;color:#748093}.step .big{font-size:44px;margin:40px 0 16px}.step h3{font-size:30px;margin:0 0 10px}.step p{font-size:18px;line-height:1.5;color:#909cab;max-width:330px}
.compat{background:#f2f4f6;color:#0b0e13;padding:108px 0}.compat-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center}.compat h2{font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-.06em;margin:0}.compat p{font-size:20px;line-height:1.6;color:#65707d}.device-card{background:#fff;border:1px solid #dde2e7;border-radius:30px;padding:28px}.device{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #e8ebee;font-size:20px;font-weight:800}.device:first-of-type{border-top:0}.ok{color:#167d62}
.faq{padding:110px 0}.faq-list{margin-top:50px}.qa{display:grid;grid-template-columns:90px 1fr;padding:30px 0;border-top:1px solid var(--line)}.qa:last-child{border-bottom:1px solid var(--line)}.qa>span{color:#6f7b89;font-weight:900;font-size:17px}.qa h3{font-size:31px;letter-spacing:-.03em;margin:0 0 10px}.qa p{font-size:19px;line-height:1.55;color:#929eac;max-width:830px;margin:0}
.cta{padding:40px 0 100px}.cta-card{min-height:520px;border-radius:38px;background:radial-gradient(circle at 80% 30%,rgba(143,246,255,.35),transparent 28%),radial-gradient(circle at 18% 75%,rgba(91,124,255,.42),transparent 32%),#dffbff;color:#081014;display:flex;align-items:center;padding:70px;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(8,16,20,.2);border-radius:50%;right:-70px;top:-60px;box-shadow:0 0 0 80px rgba(255,255,255,.08),0 0 0 160px rgba(255,255,255,.05)}.cta-content{position:relative;z-index:1;max-width:820px}.cta p{font-size:19px;font-weight:850}.cta h2{font-size:clamp(58px,7vw,100px);line-height:.9;letter-spacing:-.07em;margin:18px 0 34px}.footer{border-top:1px solid var(--line);padding:60px 0 32px}.footer-grid{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.footer-copy{font-size:18px;line-height:1.55;color:#8793a2;max-width:450px;margin-top:20px}.footer-links{display:flex;gap:26px;font-size:17px;color:#aab4c0}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line);color:#7d8998;font-size:16px}
.drawer{position:fixed;inset:0;z-index:100;background:#05070a;display:none;padding:28px}.drawer.open{display:flex;flex-direction:column}.drawer-top{display:flex;justify-content:space-between;align-items:center}.close{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:none;color:#fff;font-size:25px}.drawer nav{margin:auto 0;display:flex;flex-direction:column}.drawer nav a{font-size:42px;font-weight:900;letter-spacing:-.04em;padding:14px 0;border-bottom:1px solid var(--line)}

.device-modal,.plans-modal,.support-modal{position:fixed;inset:0;z-index:120;background:rgba(3,5,8,.72);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:22px}
.device-modal.open,.plans-modal.open,.support-modal.open{display:flex}
.modal-card{width:min(760px,100%);max-height:88vh;overflow:auto;background:#f4f6f8;color:#0a0e13;border-radius:34px;border:1px solid rgba(255,255,255,.22);box-shadow:0 44px 140px rgba(0,0,0,.55);padding:30px}
.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.modal-head h3{font-size:38px;letter-spacing:-.05em;margin:0}.modal-head p{font-size:17px;line-height:1.5;color:#65717e;margin:8px 0 0}
.modal-close{width:46px;height:46px;border-radius:50%;border:1px solid #d9dee4;background:#fff;color:#0a0e13;font-size:23px;cursor:pointer;flex:0 0 auto}
.check-search{margin-top:26px;background:#fff;border:1px solid #dde2e7;border-radius:22px;padding:18px 20px;font-size:19px;width:100%;outline:none}
.os-tabs{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.os-tab{border:1px solid #d8dde3;background:#fff;border-radius:999px;padding:12px 16px;font-weight:850;cursor:pointer}.os-tab.active{background:#0a0e13;color:#fff}
.check-result{margin-top:20px;border-radius:24px;background:#fff;border:1px solid #dce1e6;padding:22px}.check-result h4{font-size:24px;margin:0 0 8px}.check-result p{font-size:17px;line-height:1.55;color:#66717e;margin:0}.check-steps{display:grid;gap:10px;margin-top:16px}.check-step{padding:14px 16px;border-radius:16px;background:#eef1f4;font-size:16px;line-height:1.45}
.plan-country{display:flex;gap:12px;align-items:center;margin-top:10px;color:#65717e;font-size:16px}.plan-list{display:grid;gap:12px;margin-top:26px}.plan{background:#fff;border:1px solid #dde2e7;border-radius:24px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.plan:hover{border-color:#aab3bd}.plan h4{font-size:26px;margin:0 0 5px}.plan p{margin:0;color:#6b7683;font-size:16px}.plan-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.plan-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;background:#eef2f5;color:#53606d}.plan-badge.topup{background:#e8fbf3;color:#137457}.plan-badge.single{background:#f1f2f4;color:#6b7280}.plan-price{text-align:right}.plan-price strong{display:block;font-size:25px}.plan-price span{display:block;color:#788391;font-size:14px;margin-top:3px}.plan-action{grid-column:1/-1;border:0;border-radius:16px;background:#0a0e13;color:#fff;padding:15px 18px;font-weight:900;font-size:17px;cursor:pointer}.api-note{margin-top:18px;padding:15px 17px;border-radius:16px;background:#e9edf1;color:#56616f;font-size:14px;line-height:1.45}
@media(max-width:680px){.modal-card{padding:22px;border-radius:26px}.modal-head h3{font-size:32px}.plan{grid-template-columns:1fr}.plan-price{text-align:left}.device-modal,.plans-modal,.support-modal{align-items:flex-end;padding:10px}.modal-card{max-height:92vh}.footer-links{grid-template-columns:1fr!important}}
@media(max-width:1000px){.links,.actions .btn-ghost{display:none}.hero-grid,.split,.feature-grid,.compat-grid{grid-template-columns:1fr}.visual{height:560px}.cards{grid-template-columns:1fr;grid-template-rows:auto}.dest,.dest:first-child{grid-row:auto;min-height:390px}.steps{grid-template-columns:1fr}.step{min-height:auto;padding-bottom:34px}.headline-row{grid-template-columns:1fr}.headline-row .eyebrow{margin-bottom:28px}.feature-grid{gap:45px}.footer-grid{flex-direction:column}.menu{display:block}}
@media(max-width:680px){.shell{width:min(100% - 28px,1240px)}header{position:relative}.nav{height:72px}.actions .btn{display:none}.brand{font-size:19px}.hero-grid{min-height:auto;padding:58px 0 20px}h1{font-size:61px;line-height:.88}.lead{font-size:19px}.hero-ctas{flex-direction:column;align-items:flex-start}.stats{gap:18px;flex-wrap:wrap}.visual{height:470px}.esim-object{width:290px;border-radius:32px;padding:25px}.esim-object h3{font-size:42px}.esim-chip{width:96px;height:76px;margin-top:38px}.esim-label{margin-top:34px}.esim-meta{left:25px;right:25px;bottom:25px}.tag-one{left:0;top:74px}.tag-two{right:0;bottom:72px}.light-section,.dark-section,.feature,.how,.compat,.faq{padding:82px 0}.section-title,.headline-row h2,.feature h2,.compat h2{font-size:46px}.search-box{height:80px;padding:0 20px}.search-box input{font-size:20px}.result{grid-template-columns:42px 45px 1fr 22px;padding:19px 18px}.result .price{display:none}.result strong{font-size:19px}.cards{margin-top:42px}.dest{min-height:350px;padding:24px}.dest h3,.dest:first-child h3{font-size:53px}.dest p{font-size:17px}.phone-stage{min-height:550px}.phone{width:280px;height:550px}.f1{left:0}.f2{right:0}.qa{grid-template-columns:1fr;gap:10px}.qa h3{font-size:28px}.qa p{font-size:18px}.cta{padding-bottom:70px}.cta-card{min-height:500px;padding:32px;border-radius:28px}.cta h2{font-size:54px}.footer-links{flex-wrap:wrap}.copyright{flex-direction:column}}

/* === mobile hero cleanup + animated eSIM traces === */
.esim-chip{
  overflow:hidden;
  isolation:isolate;
  animation:chipTracePulse 4.2s ease-in-out infinite;
}
.esim-chip:before{
  z-index:2;
  animation:chipInnerPulse 4.2s ease-in-out infinite;
}
.esim-chip:after{
  content:"";
  position:absolute;
  z-index:3;
  inset:-35% -55%;
  pointer-events:none;
  background:linear-gradient(
    105deg,
    transparent 28%,
    rgba(91,124,255,0) 36%,
    rgba(91,124,255,.20) 42%,
    rgba(143,246,255,.92) 49%,
    rgba(255,255,255,.95) 51%,
    rgba(143,246,255,.76) 54%,
    rgba(91,124,255,.18) 60%,
    transparent 69%
  );
  transform:translateX(-62%) rotate(4deg);
  mix-blend-mode:screen;
  filter:blur(.2px);
  animation:chipSweep 3.8s cubic-bezier(.45,0,.3,1) infinite;
}
@keyframes chipSweep{
  0%,18%{transform:translateX(-68%) rotate(4deg);opacity:0}
  28%{opacity:.32}
  50%{opacity:.9}
  72%{opacity:.28}
  82%,100%{transform:translateX(68%) rotate(4deg);opacity:0}
}
@keyframes chipTracePulse{
  0%,100%{
    border-color:rgba(143,246,255,.28);
    box-shadow:inset 0 0 24px rgba(143,246,255,.035),0 0 0 rgba(91,124,255,0);
  }
  50%{
    border-color:rgba(143,246,255,.56);
    box-shadow:inset 0 0 34px rgba(143,246,255,.09),0 0 22px rgba(91,124,255,.10);
  }
}
@keyframes chipInnerPulse{
  0%,100%{
    border-color:rgba(143,246,255,.25);
    box-shadow:0 0 0 rgba(143,246,255,0);
  }
  50%{
    border-color:rgba(143,246,255,.58);
    box-shadow:0 0 16px rgba(143,246,255,.08);
  }
}
@media(prefers-reduced-motion:reduce){
  .esim-chip,.esim-chip:before,.esim-chip:after{animation:none!important}
}

@media(max-width:680px){
  .hero-grid{
    min-height:auto;
    padding:48px 0 34px;
    gap:38px;
  }
  .stats{
    width:100%;
    max-width:none;
    gap:10px;
    justify-content:space-between;
    margin-top:40px;
  }
  .stats>div{
    flex:1 1 0;
    min-width:0;
  }
  .stats strong{font-size:20px}
  .stats span{
    font-size:13px;
    line-height:1.35;
  }

  .visual{
    height:auto;
    min-height:0;
    display:block;
    padding:0 0 8px;
    overflow:visible;
  }
  .esim-object{
    width:min(100%,360px);
    min-height:430px;
    aspect-ratio:auto;
    margin:0 auto;
    padding:24px;
    border-radius:32px;
    overflow:hidden;
  }
  .esim-head{gap:10px}
  .esim-head strong{
    font-size:18px;
    white-space:nowrap;
  }
  .signal-pill{
    padding:8px 11px;
    font-size:12px;
    white-space:nowrap;
  }
  .esim-chip{
    width:116px;
    height:88px;
    margin-top:34px;
    border-radius:20px;
  }
  .esim-chip:before{
    inset:16px;
    border-radius:11px;
  }
  .esim-label{
    margin-top:29px;
    font-size:13px;
    letter-spacing:.11em;
  }
  .esim-object h3{
    max-width:270px;
    margin:10px 0 74px;
    font-size:38px;
    line-height:.94;
    letter-spacing:-.052em;
  }
  .esim-meta{
    left:24px;
    right:24px;
    bottom:24px;
    gap:8px;
    flex-wrap:nowrap;
  }
  .esim-meta span{
    padding:9px 11px;
    font-size:13px;
    white-space:nowrap;
  }

  /* Floating desktop callouts clutter the card on a narrow viewport. */
  .esim-tag{
    display:none;
  }
}

@media(max-width:390px){
  h1{font-size:54px}
  .lead{font-size:18px}
  .stats strong{font-size:18px}
  .stats span{font-size:12px}
  .esim-object{
    width:100%;
    min-height:408px;
    padding:21px;
  }
  .esim-head strong{font-size:17px}
  .signal-pill{font-size:11px}
  .esim-object h3{
    max-width:245px;
    font-size:35px;
    margin-bottom:70px;
  }
  .esim-meta{
    left:21px;
    right:21px;
    bottom:21px;
  }
  .esim-meta span{
    padding:8px 9px;
    font-size:12px;
  }
}


.checkout-form{margin-top:22px;background:#fff;border:1px solid #dde2e7;border-radius:24px;padding:22px}
.checkout-form label{display:block;font-weight:900;font-size:17px;margin-bottom:9px}
.checkout-form p{margin:0 0 16px;color:#66717e;font-size:15px;line-height:1.5}
.checkout-email{width:100%;border:1px solid #d7dde4;border-radius:16px;background:#f7f9fb;color:#0a0e13;padding:15px 16px;font-size:17px;outline:none}
.checkout-email:focus{border-color:#9aa8b8;background:#fff}
.checkout-submit{width:100%;margin-top:12px;border:0;border-radius:16px;background:#0a0e13;color:#fff;padding:15px 18px;font-weight:900;font-size:17px;cursor:pointer}
.checkout-submit:disabled{opacity:.6;cursor:wait}
.checkout-error{min-height:20px;margin-top:10px;font-size:14px;color:#b33a3a}
.payment-action{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:12px;border-radius:16px;background:#0a0e13;color:#fff;padding:15px 18px;font-weight:900;font-size:17px}
.support-form{display:grid;gap:14px;margin-top:22px}.support-form label{font-size:14px;font-weight:900;color:#495463}.support-input,.support-textarea{width:100%;border:1px solid #d7dde4;border-radius:16px;background:#fff;color:#0a0e13;padding:15px 16px;font-size:16px;outline:none}.support-textarea{min-height:150px;resize:vertical}.support-input:focus,.support-textarea:focus{border-color:#9aa8b8}.support-submit{border:0;border-radius:16px;background:#0a0e13;color:#fff;padding:15px 18px;font-weight:900;font-size:17px;cursor:pointer}.support-submit:disabled{opacity:.6}.support-status{font-size:14px;line-height:1.5;color:#66717e;min-height:20px}.support-status.ok{color:#157257}.support-status.err{color:#b33a3a}
.footer-links{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 34px!important}.footer-links a{color:#aab4c0}.footer-links a:hover{color:#fff}

/* Mobile service mockup: keep callouts inside the layout instead of over the phone */
@media(max-width:680px){
  .feature-grid{gap:34px}
  .phone-stage{
    min-height:0;
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "phone phone"
      "auto usage";
    align-items:center;
    justify-items:center;
    gap:12px;
    padding:0 0 10px;
    overflow:visible;
  }
  .phone{
    grid-area:phone;
    width:min(280px,calc(100vw - 56px));
    height:550px;
    margin:0 auto;
  }
  .phone-stage .float{
    position:static;
    transform:none;
    width:100%;
    max-width:180px;
    min-width:0;
    text-align:center;
    padding:12px 11px;
    font-size:13px;
    line-height:1.25;
    white-space:nowrap;
    border-radius:16px;
    box-sizing:border-box;
  }
  .phone-stage .f1{grid-area:auto;grid-area:auto;grid-column:1;grid-row:2}
  .phone-stage .f2{grid-column:2;grid-row:2}
}
@media(max-width:390px){
  .phone-stage{
    grid-template-columns:1fr;
    grid-template-areas:
      "phone"
      "auto"
      "usage";
    gap:10px;
  }
  .phone{
    grid-area:phone;
    width:min(268px,calc(100vw - 48px));
    height:528px;
  }
  .phone-stage .f1,
  .phone-stage .f2{
    grid-column:1;
    width:min(100%,268px);
    max-width:268px;
  }
  .phone-stage .f1{grid-row:2}
  .phone-stage .f2{grid-row:3}
}



@media(max-width:390px){.cta h2,.section-title,.headline-row h2,.feature h2,.compat h2{min-width:0;overflow-wrap:anywhere;font-size:clamp(34px,11vw,46px)}.footer-links{display:flex!important;flex-wrap:wrap;gap:12px!important;min-width:0}.footer-links a{overflow-wrap:anywhere}.copyright{flex-wrap:wrap}.shell{min-width:0}}
.screen .demo-topup{display:block;margin-top:auto;border:0;border-radius:18px;padding:16px;background:#fff;color:#080b0f;font-weight:900;font-size:17px;text-align:center;text-decoration:none}

/* Respawn-inspired three-column footer */
.footer .orbit-footer-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.95fr);gap:clamp(34px,7vw,100px);align-items:start}
.footer .orbit-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.footer .orbit-footer-brand .brand{margin:0 0 1px}
.footer .orbit-footer-description{font-size:14px;line-height:1.7;color:#8596aa;max-width:300px;margin:0 0 8px}
.footer .orbit-footer-heading,.footer .orbit-footer-column h2{font-size:14px;line-height:1.3;font-weight:900;color:#f5f7fa;margin:0 0 6px;letter-spacing:0}
.footer .orbit-footer-brand>a:not(.brand),.footer .orbit-footer-column>a{color:#9cacc0;text-decoration:none;font-size:14px;line-height:1.6;overflow-wrap:anywhere;transition:color .2s}
.footer .orbit-footer-brand>a:not(.brand):hover,.footer .orbit-footer-column>a:hover{color:#fff}
.footer .orbit-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.footer .orbit-footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;margin-top:48px;color:#718399;font-size:13px}
@media(max-width:900px){.footer .orbit-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.footer .orbit-footer-brand{grid-column:1/-1}}
@media(max-width:550px){.footer{padding:44px 0 28px}.footer .orbit-footer-grid{grid-template-columns:1fr 1fr;column-gap:20px;row-gap:32px}.footer .orbit-footer-brand{grid-column:1/-1}.footer .orbit-footer-column>a{font-size:13px}.footer .orbit-footer-column h2{font-size:13px}.footer .orbit-footer-bottom{margin-top:34px;flex-direction:column;align-items:flex-start}}