/* NexGen Voice eSIMs - every rule is scoped to .es so it cannot clash with the site CSS.
   NOTE: the red X marks in the cPanel editor next to the --variables are only the editor's
   old CSS linter not knowing CSS custom properties. They are NOT errors; the file works. */

.es{
  --navy:#011031; --navy-2:#06173f; --blue-d:#005aa6; --blue:#0072c6; --blue-b:#1a8fff; --blue-l:#4db3ff; --ok:#12a150;
  --bg:#f4f9ff; --bg-2:#e6f1fc; --ink:#0a1a3a; --muted:#5f7391; --line:#dbe7f5;
  --g-btn:linear-gradient(135deg,#1a8fff,#005aa6);
  --g-dark:linear-gradient(135deg,#011031 0%,#002e64 58%,#004a94 100%);
  --r:16px;
  --sh-sm:0 1px 2px rgba(1,16,49,.04),0 6px 18px -8px rgba(1,16,49,.10);
  --sh-md:0 20px 44px -22px rgba(1,16,49,.28);
  --sh-lg:0 30px 60px -26px rgba(0,90,166,.45);
  --ease:cubic-bezier(.2,.8,.2,1);
}
.es *{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
/* stops anything wider than the screen from creating a sideways scrollbar / empty space on the right */
html,body{max-width:100%;overflow-x:clip}
.es{background:linear-gradient(180deg,#eaf4ff 0,#f4f9ff 520px,#f4f9ff 100%);color:var(--ink);font:400 16px/1.65 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;max-width:100%;overflow-x:clip}
.es a{color:inherit;text-decoration:none}
.es img{max-width:100%}
.es [hidden]{display:none!important}
.es h1,.es h2,.es h3,.es h4{font-family:Inter,system-ui,sans-serif;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--ink)}
.es p{margin:0}
.es .wrap{max-width:1200px;margin:auto;padding:0 24px}
.es .ic{flex:none;vertical-align:middle}
.es ::selection{background:rgba(26,143,255,.25)}
.es :focus-visible{outline:3px solid var(--blue-b);outline-offset:3px;border-radius:10px}

/* ---------- buttons, pills, small bits ---------- */
.es .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 28px;border:0;border-radius:99px;background:var(--g-btn);color:#fff;font:700 15px Inter,sans-serif;cursor:pointer;box-shadow:0 14px 26px -12px rgba(0,90,166,.8);transition:transform .25s var(--ease),box-shadow .25s}
.es .btn:hover{transform:translateY(-2px);box-shadow:0 20px 32px -14px rgba(0,90,166,.9)}
.es .btn .ic{transition:transform .25s var(--ease)}
.es .btn:hover .ic{transform:translateX(3px)}
.es .btn:active{transform:scale(.98)}
.es .btn.ghost{background:#fff;color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}
.es .btn.ghost:hover{background:rgba(0,114,198,.07)}
.es .btn.light{background:#fff;color:var(--blue-d);box-shadow:0 14px 28px -14px rgba(0,0,0,.55)}
.es .pill{--pc:var(--blue);display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:99px;font:700 12px Inter,sans-serif;color:var(--pc);background:color-mix(in srgb,var(--pc) 11%,#fff)}
.es .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc)}
.es .p-ok{--pc:var(--ok)} .es .p-hi{--pc:var(--blue-b)} .es .p-sec{--pc:var(--blue-d)}
.es .kick{display:block;font:700 12px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.js .es .rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i,0)*40ms)}
.js .es .rv.in{opacity:1;transform:none}

/* ---------- Travel / Regional toggle ---------- */
.es .toprow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.es .seg{position:relative;display:inline-flex;gap:4px;padding:5px;border-radius:99px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-md)}
.es .seg a{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 24px;border-radius:99px;font:700 14.5px Inter,sans-serif;color:var(--muted);transition:color .2s,background .25s,box-shadow .25s}
.es .seg a .ic{color:var(--blue)}
.es .seg a:hover{color:var(--ink);background:var(--bg)}
.es .seg a.on{color:#fff;background:var(--g-btn);box-shadow:0 12px 22px -10px rgba(0,90,166,.9)}
.es .seg a.on .ic{color:#fff}

/* ---------- hero: ONE container, background image with the content written over it (slider) ---------- */
.es .hero{position:relative;overflow:hidden;color:#fff;background:var(--navy)}
.es .sl-track{display:flex;transition:transform .7s var(--ease)}
.es .sl-slide{position:relative;flex:0 0 100%;min-height:680px;display:flex;align-items:center;background:
  radial-gradient(700px 420px at 85% 30%,rgba(0,114,198,.5),transparent 70%),
  radial-gradient(520px 360px at 0% 110%,rgba(26,143,255,.25),transparent 70%),var(--navy)}
.es .sl-slide:nth-child(2){background:radial-gradient(700px 420px at 80% 35%,rgba(26,143,255,.5),transparent 70%),linear-gradient(135deg,#011031,#002e64)}
.es .sl-slide:nth-child(3){background:radial-gradient(700px 420px at 85% 25%,rgba(77,179,255,.4),transparent 70%),linear-gradient(135deg,#06173f,#004a94)}
.es .sl-slide .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.es .sl-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,16,49,.97) 0%,rgba(1,16,49,.9) 40%,rgba(1,16,49,.6) 68%,rgba(1,16,49,.38) 100%),linear-gradient(180deg,rgba(1,16,49,.45),rgba(1,16,49,0) 30%,rgba(1,16,49,0) 70%,rgba(1,16,49,.5))}
.es .sl-in{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:150px}
.es .sl-txt{max-width:640px;text-shadow:0 2px 22px rgba(1,16,49,.75)}
.es .hero-tabs{position:absolute;z-index:6;top:32px;left:0;right:0}
.es .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:8px 16px;border-radius:99px;background:rgba(2,14,46,.6);border:1px solid rgba(255,255,255,.22);font:700 12px Inter;letter-spacing:.16em;text-shadow:none;text-transform:uppercase;color:#cfe6ff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.es .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--blue-b)}
.es .hero h1{color:#fff;font-size:clamp(38px,5.2vw,62px);font-weight:800}
.es .grad{text-shadow:none;display:block;background:linear-gradient(90deg,#1a8fff,#5cb9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.es .lead{margin-top:20px;max-width:520px;font-size:clamp(16px,1.7vw,18.5px);color:#dce8fa}
.es .checks{list-style:none;margin:24px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:10px;max-width:560px}
.es .checks li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:rgba(2,14,46,.62);border:1px solid rgba(255,255,255,.22);font:600 13px Inter;color:#e6f0fd;text-shadow:none}
.es .checks .ic{color:var(--blue-l)}
.es .cta-row{display:flex;flex-wrap:wrap;gap:12px}
.es .btn.line{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.es .btn.line:hover{background:rgba(255,255,255,.14)}
.es .hchips{position:absolute;z-index:4;top:50%;transform:translateY(-50%);right:max(24px,calc((100% - 1200px)/2 + 24px));display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.es .hchip{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:12px;background:rgba(2,14,46,.8);border:1px solid rgba(77,179,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:600 13.5px Inter;color:#fff;box-shadow:0 18px 34px -14px rgba(0,0,0,.7)}
.es .hchip .ic{color:var(--blue-l)}
.es .hchip b{font-weight:800}
.es .sl-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(2,14,46,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.es .sl-arrow:hover{background:rgba(26,143,255,.5);border-color:var(--blue-b)}
.es .sl-prev{left:18px}.es .sl-next{right:18px}
.es .sl-dots{position:absolute;z-index:6;left:0;right:0;bottom:106px;display:flex;justify-content:center;gap:8px}
.es .sl-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.4);cursor:pointer;transition:width .3s var(--ease),background .3s}
.es .sl-dots .on{width:30px;background:#fff}

/* ---------- flags ---------- */
.es .flag{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#dbe8f7,#f4f8fe);color:var(--muted);box-shadow:0 0 0 3px #fff,0 6px 14px -6px rgba(1,16,49,.4)}
.es .flag b{font:700 12px Inter}
.es .flag img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.es .flag.globe{background:var(--g-btn);color:#fff}

/* ---------- finder card (search + continent chips) ---------- */
.es .finder{position:relative;z-index:3;margin-top:-84px;padding:30px clamp(18px,3.4vw,40px) 26px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 34px 64px -34px rgba(1,16,49,.4)}
.es .finder h2{font-size:clamp(22px,2.6vw,28px);font-weight:800}
.es .finder>p{margin-top:6px;font-size:14px;color:var(--muted)}
.es .search{display:flex;align-items:center;gap:12px;max-width:760px;margin:20px auto 16px;padding:5px 5px 5px 22px;border-radius:99px;background:#fff;border:1.5px solid var(--line);color:var(--muted);transition:box-shadow .25s,border-color .25s}
.es .search:focus-within{border-color:var(--blue-b);box-shadow:0 0 0 5px rgba(26,143,255,.18)}
.es .search input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:500 16.5px Inter,sans-serif;padding:14px 0;outline:0}
.es .search input::placeholder{color:#8aa0bd}
.es .search kbd{font:700 12px Inter;color:var(--muted);border:1px solid var(--line);border-bottom-width:2px;border-radius:8px;padding:3px 9px;background:var(--bg)}
.es .search .ic{color:var(--blue)}
.es .sbtn{flex:none;border:0;border-radius:99px;padding:12px 28px;background:var(--g-btn);color:#fff;font:700 15px Inter,sans-serif;cursor:pointer;box-shadow:0 10px 18px -10px rgba(0,90,166,.9);transition:transform .25s var(--ease),box-shadow .25s}
.es .sbtn:hover{transform:translateY(-1px);box-shadow:0 14px 22px -10px rgba(0,90,166,.95)}
.es .sbtn:active{transform:scale(.97)}
.es .cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.es .cats button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 20px;border-radius:99px;font:600 13.5px Inter,sans-serif;cursor:pointer;transition:all .2s}
.es .cats button:hover{border-color:var(--blue-b);color:var(--blue)}
.es .cats .on{background:var(--g-btn);color:#fff;border-color:transparent;box-shadow:0 10px 18px -10px rgba(0,90,166,.9)}
.es .rc{font-weight:600;color:var(--blue);font-size:14px;min-height:22px;margin:10px 0 0;text-align:center}

/* ---------- stat cards ---------- */
.es .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.es .st{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm)}
.es .st .bub{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--blue);background:var(--bg-2);flex:none}
.es .st b{display:block;font:800 22px/1.1 Inter;letter-spacing:-.03em}
.es .st small{display:block;margin-top:2px;font-size:13px;color:var(--muted)}

/* ---------- section titles ---------- */
.es .sec{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin:76px 0 30px}
.es .sec h2{font-size:clamp(28px,3.4vw,40px);font-weight:800}
.es .sec p{color:var(--muted);max-width:560px}
.es .link-pill{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;border-radius:99px;background:#fff;border:1.5px solid var(--blue);color:var(--blue);font:700 14px Inter;transition:background .25s,color .25s,transform .25s var(--ease)}
.es .link-pill:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}

/* ---------- country tiles ---------- */
.es .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;margin:0 0 20px}
.es .tile{--c:var(--blue);position:relative;min-width:0;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.es .tile:hover{transform:translateY(-4px);border-color:#b9d4f0;box-shadow:0 22px 38px -24px rgba(0,90,166,.5)}
.es .tile .tx{flex:1;min-width:0}
.es .tile b{display:block;font:700 15.5px/1.25 Inter;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es .tile small{display:block;margin-top:2px;color:var(--muted);font-size:13px}
.es .tile small em{font-style:normal;font-weight:700;color:var(--c)}
.es .tile .go{color:#9db3cf;transition:transform .25s var(--ease),color .25s}
.es .tile:hover .go{transform:translateX(3px);color:var(--blue)}
.es #none{text-align:center;color:var(--muted);padding:40px 0}
.es #none a{color:var(--blue);font-weight:700}

/* ---------- pagination ---------- */
.es .pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:30px 0 6px}
.es .pg-b{min-width:44px;height:44px;padding:0 14px;display:inline-grid;place-items:center;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink);font:700 14.5px Inter,sans-serif;cursor:pointer;box-shadow:var(--sh-sm);transition:transform .2s var(--ease),border-color .2s,color .2s,box-shadow .2s}
.es .pg-b:hover:not(:disabled){transform:translateY(-2px);border-color:var(--blue-b);color:var(--blue)}
.es .pg-b.on{background:var(--g-btn);color:#fff;border-color:transparent;box-shadow:0 10px 18px -10px rgba(0,90,166,.9)}
.es .pg-b:disabled{opacity:.4;cursor:not-allowed}
.es .pg-gap{color:var(--muted);padding:0 2px}
.es .pg-info{flex-basis:100%;text-align:center;margin-top:10px;font-size:13.5px;color:var(--muted)}

/* ---------- how it works ---------- */
.es .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.es .step{position:relative;padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .3s var(--ease),box-shadow .3s}
.es .step:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.es .step .n{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:var(--blue);background:var(--bg-2);margin-bottom:18px;transition:background .3s,color .3s}
.es .step:hover .n{background:var(--g-btn);color:#fff}
.es .step h3{font-size:19px;font-weight:700;margin-bottom:6px}
.es .step p{color:var(--muted);font-size:14.5px}
.es .step i{position:absolute;right:20px;top:14px;font:800 42px Inter;font-style:normal;letter-spacing:-.04em;color:rgba(0,114,198,.1)}

/* ---------- why choose ---------- */
.es .why{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;margin-top:84px}
.es .why-vis{position:relative;min-height:340px;border-radius:26px;background:var(--g-dark);display:grid;place-items:center;color:#fff;overflow:hidden;box-shadow:0 36px 64px -30px rgba(1,16,49,.7)}
.es .why-vis::before{content:"";position:absolute;right:-80px;top:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(26,143,255,.45),transparent 70%)}
.es .why-vis .big-ic{position:relative;width:128px;height:128px;border-radius:32px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:var(--blue-l)}
.es .why-vis .big-ic .ic{width:64px;height:64px}
.es .why-vis .fc{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font:600 13px Inter}
.es .why-vis .f1{top:26px;left:24px}.es .why-vis .f2{bottom:30px;right:24px}.es .why-vis .f3{bottom:26px;left:26px}
.es .why-tx h2{font-size:clamp(28px,3.4vw,40px);font-weight:800;margin:10px 0 12px}
.es .why-tx>p{color:var(--muted);max-width:520px}
.es .ticks{list-style:none;margin:22px 0 28px;padding:0;display:grid;gap:12px}
.es .ticks li{display:flex;align-items:center;gap:12px;font-weight:500;color:#33496e}
.es .ticks .ic{color:#fff;background:var(--blue);border-radius:50%;padding:4px;width:24px;height:24px}

/* ---------- bottom CTA band ---------- */
.es .cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:84px;padding:34px clamp(22px,4vw,48px);border-radius:24px;background:var(--g-dark);color:#fff;box-shadow:0 36px 64px -30px rgba(1,16,49,.7)}
.es .cta::before{content:"";position:absolute;right:-60px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(26,143,255,.4),transparent 70%)}
.es .cta>*{position:relative}
.es .cta h2{color:#fff;font-size:clamp(22px,2.8vw,30px);font-weight:800}
.es .cta p{margin-top:6px;color:#a9bdd9}
.es .spacer{height:76px}

/* ---------- destination / regional hero (dark, same look as the home hero) ---------- */
.es .dest{--c:var(--blue-b);position:relative;overflow:hidden;padding:30px 0 70px;color:#fff;background:
  radial-gradient(640px 340px at 88% -10%,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%),
  radial-gradient(520px 320px at 4% 120%,rgba(0,114,198,.45),transparent 70%),var(--navy)}
.es .dest .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.es .dest::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,16,49,.94),rgba(1,16,49,.74) 60%,rgba(1,16,49,.5))}
.es .dest .wrap{position:relative;z-index:2}
.es .back{display:inline-flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;border-radius:99px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm);font:700 14px Inter;color:var(--blue);transition:transform .25s var(--ease)}
.es .back:hover{transform:translateX(-3px)}
.es .back .ic{transform:rotate(180deg)}
.es .dh{display:flex;align-items:center;gap:22px;margin-top:34px}
.es .dh .flag{width:84px;height:84px;box-shadow:0 0 0 5px rgba(255,255,255,.25),0 18px 34px -12px rgba(0,0,0,.6)}
.es .dh .flag b{font-size:22px}
.es .dh h1{color:#fff;font-size:clamp(32px,5vw,54px);font-weight:800}
.es .dh p{margin-top:10px;font-size:18px;color:#b9cbe6}
.es .meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.es .meta span{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);font:600 13px Inter;color:#d6e6fb}
.es .meta .ic{color:var(--blue-l)}
.es .dest.tall{min-height:620px;padding:36px 0 150px}
.es .dest.tall .bg{object-position:center}
.es .dest.tall::before{background:linear-gradient(90deg,rgba(1,16,49,.97) 0%,rgba(1,16,49,.9) 40%,rgba(1,16,49,.6) 68%,rgba(1,16,49,.38) 100%),linear-gradient(180deg,rgba(1,16,49,.45),rgba(1,16,49,0) 30%,rgba(1,16,49,0) 70%,rgba(1,16,49,.5))}
.es .dest.tall .dh{margin-top:96px}
.es .dest.tall .dh h1,.es .dest.tall .dh p{text-shadow:0 2px 22px rgba(1,16,49,.75)}
.es .dest.tall .dh p{color:#dce8fa}
.es .dest.tall .meta span{background:rgba(2,14,46,.62);border-color:rgba(255,255,255,.22);color:#e6f0fd}
.es .dest.tall+main .finder.up{margin-top:-84px}
.es .finder.up{margin-top:-40px}
.es .search.sm{margin:0 auto}

/* ---------- plan filters + plan cards (used by destination.php) ---------- */
.es .filters{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin:40px 0 8px}
.es .chips{display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm)}
.es .chips button{border:0;background:none;color:var(--muted);padding:9px 20px;border-radius:99px;font:700 14px Inter;cursor:pointer;transition:color .2s,background .25s,box-shadow .25s}
.es .chips button:hover{color:var(--ink)}
.es .chips .on{background:var(--g-btn);color:#fff;box-shadow:0 8px 16px -8px rgba(0,90,166,.9)}
.es .fr{display:flex;align-items:center;gap:14px}
.es select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235F7391' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;color:var(--ink);padding:11px 42px 11px 20px;border-radius:99px;font:600 14px Inter,sans-serif;cursor:pointer;box-shadow:var(--sh-sm);transition:border-color .2s}
.es select:hover{border-color:var(--blue)}
.es .count{color:var(--muted);font-weight:500;font-size:14px}
.es .plans{grid-template-columns:repeat(auto-fill,minmax(min(285px,100%),1fr));gap:18px;margin:18px 0 72px}
.es .plan{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:22px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.es .plan:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:#b9d4f0;border-top-color:var(--blue)}
.es .plan.best{border-top-color:var(--ok)}
.es .data{position:relative;overflow:hidden;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#eaf3fc,#dcebfb);display:flex;flex-direction:column;gap:6px}
.es .data::after{content:"";position:absolute;right:-26px;bottom:-34px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(26,143,255,.3),transparent 70%);transition:transform .5s var(--ease)}
.es .plan:hover .data::after{transform:scale(1.5)}
.es .data .top-row{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative;z-index:1}
.es .big{font:800 46px/1.05 Inter;letter-spacing:-.04em;background:linear-gradient(135deg,var(--navy-2),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}
.es .data small{color:var(--muted);font-weight:600;font-size:13px;position:relative;z-index:1}
.es .feat{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.es .feat li{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 6px;border-radius:99px;background:#f3f8fe;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:#40557a}
.es .feat li span.i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:#fff;color:var(--blue);box-shadow:0 1px 3px rgba(1,16,49,.12)}
.es .feat .ic{width:13px;height:13px}
.es .buy{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:18px;border-top:1px dashed var(--line)}
.es .price small{display:block;color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.es .price b{font:800 30px/1.1 Inter;letter-spacing:-.03em;color:var(--navy)}
.es .price em{display:block;font:500 12.5px Inter;font-style:normal;color:var(--muted);margin-top:2px}
.es .empty{text-align:center;padding:110px 22px}
.es .empty h2{font-size:34px;margin-bottom:24px}

/* ---------- responsive ---------- */
@media(max-width:1020px){
  .es .hchips{display:none}
  .es .sl-slide::after{background:linear-gradient(180deg,rgba(1,16,49,.88),rgba(1,16,49,.84) 60%,rgba(1,16,49,.8))}
  .es .stats{grid-template-columns:1fr 1fr}
  .es .why{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media(max-width:700px){
  .es .sl-slide{min-height:640px}
  .es .sl-in{padding-top:118px;padding-bottom:160px}
  .es .sl-dots{bottom:112px}
  .es{font-size:15px}
  .es .hero h1{font-size:34px}
  .es .lead{font-size:15.5px;margin-top:16px}
  .es .eyebrow{font-size:11px;letter-spacing:.12em;padding:7px 13px;margin-bottom:16px}
  .es .cta-row{flex-wrap:nowrap;gap:10px}
  .es .cta-row .btn{flex:1 1 0;padding:13px 10px;font-size:14px;gap:6px;white-space:nowrap}
  .es .sec h2{font-size:26px}
  .es .dest{padding-bottom:50px}
  .es .dest.tall{min-height:0;padding:28px 0 140px}
  .es .dest.tall .dh{margin-top:36px}
  .es .dest.tall::before{background:linear-gradient(180deg,rgba(1,16,49,.88),rgba(1,16,49,.84) 60%,rgba(1,16,49,.8))}
  .es .dest .toprow .back{align-self:flex-start}
  .es .dh h1{font-size:30px}
  .es .dh p{font-size:15px}
  .es .plans{gap:16px;margin-bottom:56px}
  .es .plan{padding:18px;gap:16px;border-radius:18px}
  .es .data{padding:16px 18px}
  .es .big{font-size:38px}
  .es .price b{font-size:26px}
  .es .buy .btn{padding:12px 20px;font-size:14px}
  .es .sbtn{padding:11px 16px}
  .es .pg-b{min-width:40px;height:40px;padding:0 10px;font-size:14px}
  .es .pager{gap:6px}
  .es .sl-arrow{display:none}
  .es .hero-tabs{top:22px}
  .es .checks li{font-size:12.5px;padding:7px 12px}
  .es .wrap{padding:0 16px}
  .es .toprow{flex-direction:column;align-items:stretch}
  .es .seg{display:flex;width:100%}
  .es .seg a{flex:1;padding:11px 6px;font-size:12.5px;gap:6px;white-space:nowrap}
  .es .seg a .ic{width:14px;height:14px}
  .es .sbtn{padding:11px 18px;font-size:14px}
  .es .search input{font-size:16px}
  .es .cats{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .es .cats button{white-space:nowrap}
  .es .stats{grid-template-columns:1fr 1fr;gap:12px}
  .es .st{flex-direction:column;align-items:flex-start;padding:16px}
  .es .grid,.es .plans{grid-template-columns:minmax(0,1fr)}
  .es .sec{margin:56px 0 24px}
  .es .dh{gap:16px}
  .es .dh .flag{width:66px;height:66px}
  .es .filters{flex-direction:column;align-items:stretch}
  .es .fr{justify-content:space-between}
  .es .chips{justify-content:space-between}
  .es .chips button{flex:1;padding:9px 8px}
  .es .why-vis{min-height:280px}
  .es .cta{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .es *,.es *::before,.es *::after{animation:none!important;transition:none!important}
  .js .es .rv{opacity:1;transform:none}
}