/* Linko eSIM V61.22 · light airy motion layer
   Visual-only enhancement. Does not modify catalog/SKU/API/payment/runtime logic. */
:root{
  --lk-bg:#F7F8F7;
  --lk-surface:#FFFFFF;
  --lk-ink:#17191C;
  --lk-muted:#687078;
  --lk-brand:#35586C;
  --lk-brand-2:#466878;
  --lk-brand-soft:#EDF3F5;
  --lk-blue-mist:#E6F0F3;
  --lk-sage:#EEF3EF;
  --lk-warm:#F7F2E9;
  --lk-line:#E3E8E8;
  --lk-shadow:0 14px 38px rgba(31,54,66,.075);
  --lk-shadow-soft:0 8px 24px rgba(31,54,66,.055);
  --lk-radius:24px;
}

html{background:var(--lk-bg)}
body{
  color:var(--lk-ink);
  background:
    radial-gradient(circle at 84% 9%,rgba(205,223,230,.36),transparent 24rem),
    radial-gradient(circle at 10% 42%,rgba(239,243,239,.62),transparent 28rem),
    linear-gradient(180deg,#FBFCFB 0%,var(--lk-bg) 46%,#FAFBFA 100%)!important;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(53,88,108,.09) .55px,transparent .55px);
  background-size:24px 24px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 34%);
}

/* Header: translucent, calm, not dark-blue */
.siteHeader,.header,.final-header{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(227,232,232,.86)!important;
  box-shadow:0 1px 0 rgba(23,25,28,.025)!important;
  backdrop-filter:saturate(130%) blur(18px);
  -webkit-backdrop-filter:saturate(130%) blur(18px);
}
.siteHeader .brand,.header .brand,.final-header .brand{transition:transform .22s ease}
.siteHeader .brand:hover,.header .brand:hover,.final-header .brand:hover{transform:translateY(-1px)}
.header-order,.btn.primary,.primary,.hero-buttons a:first-child,.final-hero .primary{
  background:var(--lk-brand)!important;color:#fff!important;border-color:var(--lk-brand)!important;
  box-shadow:0 8px 20px rgba(53,88,108,.12)!important;
}
.header-order:hover,.btn.primary:hover,.primary:hover,.hero-buttons a:first-child:hover,.final-hero .primary:hover{
  background:var(--lk-brand-2)!important;transform:translateY(-1px)
}
.lang-toggle,.linko-lang-current,.header-search,.mobileMenu summary{
  background:rgba(255,255,255,.92)!important;border-color:var(--lk-line)!important;color:var(--lk-brand)!important;
  box-shadow:0 4px 16px rgba(31,54,66,.035)!important;
}

/* Home hero: airy depth + gentle motion */
.hero{
  position:relative;isolation:isolate;
  background:
    radial-gradient(circle at 84% 37%,rgba(189,210,219,.36),transparent 31%),
    radial-gradient(circle at 68% 92%,rgba(238,243,239,.78),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,249,248,.94))!important;
  border:1px solid rgba(227,232,232,.9)!important;
  border-radius:34px!important;
  box-shadow:var(--lk-shadow-soft)!important;
  overflow:hidden!important;
}
.hero:before,.final-hero:before{
  content:"";position:absolute;inset:auto -7% -28% auto;width:360px;height:360px;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(224,236,240,.68),rgba(224,236,240,0) 68%);
}
.hero:after,.final-hero:after{
  content:"";position:absolute;width:10px;height:10px;border:1px solid rgba(53,88,108,.22);border-radius:50%;right:17%;top:22%;z-index:0;
  box-shadow:70px 58px 0 -2px rgba(53,88,108,.1),-32px 92px 0 -3px rgba(53,88,108,.1),92px 128px 0 -3px rgba(53,88,108,.1);
}
.coverageBadge{
  background:rgba(237,243,245,.92)!important;color:var(--lk-brand)!important;border:1px solid rgba(53,88,108,.08)!important;
  border-radius:999px!important;padding:8px 12px!important;font-weight:650!important;letter-spacing:.01em!important;
}
.hero h1,.final-hero h1,.page-head h1{color:var(--lk-ink)!important;letter-spacing:-.045em!important}
.heroCn,.hero p,.final-hero p,.page-head p{color:var(--lk-muted)!important}
.heroSearch,.final-search,.search-card,.search-box{
  background:rgba(255,255,255,.96)!important;border:1px solid var(--lk-line)!important;
  box-shadow:0 10px 28px rgba(31,54,66,.055)!important;
}
.heroSearch:focus-within,.final-search:focus-within,.search-card:focus-within,.search-box:focus-within{
  border-color:rgba(53,88,108,.32)!important;box-shadow:0 0 0 4px rgba(53,88,108,.06)!important;
}
.heroVisual img,.final-hero-art{
  filter:drop-shadow(0 18px 26px rgba(53,88,108,.11))!important;
  animation:linkoFloat 6.8s ease-in-out infinite;
  transform-origin:50% 52%;
}
@keyframes linkoFloat{0%,100%{transform:translate3d(0,0,0) rotate(-.3deg)}50%{transform:translate3d(0,-8px,0) rotate(.35deg)}}
@media(prefers-reduced-motion:reduce){.heroVisual img,.final-hero-art{animation:none!important}.lk-reveal{transition:none!important}}

/* Trust row */
.trustRow span,.hero-proof span{
  color:var(--lk-brand)!important;background:rgba(255,255,255,.58);border-radius:999px;padding:6px 8px;
}

/* Sections and cards */
.sectionTitle h2,.final-section-head h2,.page-head h1{font-weight:650!important}
.sectionTitle>a,.final-section-head>a{color:var(--lk-brand)!important;font-weight:600!important}
.popularGrid button,.final-pop-grid .country-card,.country-card,.country-tile{
  background:rgba(255,255,255,.94)!important;border:1px solid var(--lk-line)!important;
  box-shadow:0 6px 20px rgba(31,54,66,.04)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.popularGrid button:hover,.final-pop-grid .country-card:hover,.country-card:hover,.country-tile:hover{
  transform:translateY(-3px);box-shadow:var(--lk-shadow-soft)!important;border-color:rgba(53,88,108,.18)!important;
}
.popularGrid button.is-hot{border-color:rgba(53,88,108,.28)!important;background:linear-gradient(160deg,#fff,#F0F5F6)!important;position:relative}
.popularGrid button.is-hot:after{content:"★";position:absolute;top:7px;right:7px;background:var(--lk-brand);color:#fff;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:650;letter-spacing:.04em}

.featuredCard,.final-plan-card,.plan-card,.product-card,.package-card{
  background:rgba(255,255,255,.96)!important;border:1px solid var(--lk-line)!important;
  box-shadow:var(--lk-shadow-soft)!important;overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.featuredCard:hover,.final-plan-card:hover,.plan-card:hover,.product-card:hover,.package-card:hover{
  transform:translateY(-4px);box-shadow:var(--lk-shadow)!important;border-color:rgba(53,88,108,.18)!important;
}
.featuredFlagVisual{
  background:
    radial-gradient(circle at 72% 24%,rgba(255,255,255,.98),transparent 18%),
    linear-gradient(145deg,#F5F8F8,#EDF3F5)!important;
  color:var(--lk-ink);border-color:var(--lk-line)!important;
}
.featuredCard:nth-child(2) .featuredFlagVisual{background:linear-gradient(145deg,#F9F5F4,#F4EEEE)!important}
.featuredCard:nth-child(3) .featuredFlagVisual{background:linear-gradient(145deg,#F6F4EE,#F3F0E7)!important}
.featuredCard:nth-child(4) .featuredFlagVisual{background:linear-gradient(145deg,#F3F7F7,#EAF1F0)!important}
.featuredCard:nth-child(5) .featuredFlagVisual{background:linear-gradient(145deg,#F6F8F6,#EDF2ED)!important}
.featuredCard:nth-child(6) .featuredFlagVisual{background:linear-gradient(145deg,#F5F5F8,#ECEEF3)!important}
.featuredBody i,.arrow-button,.circle-arrow{background:var(--lk-brand)!important;color:#fff!important;box-shadow:none!important}
.featuredCountry em,.tag,.chip,.badge{
  border-color:rgba(53,88,108,.12)!important;background:var(--lk-brand-soft)!important;color:var(--lk-brand)!important;
}

/* Workflow + utility cards */
.howSection{background:transparent!important}
.stepGrid article,.serviceGrid>a,.purchase-flow>* ,.quick-card,.help-card,.feature-grid .card,.panel,.card,.lookup-card,.checkout-card,.notice,.business-contact-card{
  background:rgba(255,255,255,.94)!important;border:1px solid var(--lk-line)!important;
  box-shadow:0 8px 26px rgba(31,54,66,.045)!important;
}
.stepGrid article,.serviceGrid>a,.purchase-flow>* ,.quick-card,.help-card,.feature-grid .card,.panel,.card{
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.stepGrid article:hover,.serviceGrid>a:hover,.purchase-flow>*:hover,.quick-card:hover,.help-card:hover,.feature-grid .card:hover,.panel:hover,.card:hover{
  transform:translateY(-2px);box-shadow:var(--lk-shadow-soft)!important;
}
.stepIcon,.serviceIcon,.feature-grid .icon,.quick-card svg,.help-card svg{
  color:var(--lk-brand)!important;background:var(--lk-brand-soft)!important;border-radius:16px!important;
}

/* Secondary-page hero */
.page-head,.inner-hero,.final-hero{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 92% 14%,rgba(210,225,231,.52),transparent 27rem),
    linear-gradient(135deg,#FAFBFA,#F3F7F7)!important;
  border-bottom:1px solid rgba(227,232,232,.75)!important;
}
.page-head .eyebrow,.eyebrow{color:var(--lk-brand)!important;letter-spacing:.13em!important;font-weight:700!important}

/* FAQ */
.faq details{
  border:1px solid var(--lk-line)!important;background:rgba(255,255,255,.96)!important;
  border-radius:20px!important;box-shadow:0 6px 20px rgba(31,54,66,.035)!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
.faq details[open]{border-color:rgba(53,88,108,.18)!important;box-shadow:var(--lk-shadow-soft)!important}
.faq summary{font-weight:620!important;color:var(--lk-ink)!important}

/* Forms / checkout */
input,select,textarea{
  border-color:var(--lk-line)!important;background:#fff!important;color:var(--lk-ink)!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
input:focus,select:focus,textarea:focus{
  outline:0!important;border-color:rgba(53,88,108,.34)!important;box-shadow:0 0 0 4px rgba(53,88,108,.065)!important;
}
.checkout-card,.lookup-card{border-radius:28px!important}

/* Legal/editorial pages */
.prose,.two-col,.feature-grid{position:relative;z-index:1}
.prose h2{letter-spacing:-.02em;color:var(--lk-ink)}
.prose a{color:var(--lk-brand)!important}

/* Footer */
.siteFooter,.footer{
  background:linear-gradient(180deg,#F2F5F4,#ECF1F1)!important;color:var(--lk-ink)!important;
  border-top:1px solid var(--lk-line)!important;
}
.siteFooter a,.footer a{color:var(--lk-muted)!important}
.siteFooter a:hover,.footer a:hover{color:var(--lk-brand)!important}
.footerBottom,.footer-bottom{border-color:rgba(53,88,108,.1)!important;color:var(--lk-muted)!important}

/* Mobile bottom nav */
.bottom-nav,.final-bottom{
  background:rgba(255,255,255,.92)!important;border-top:1px solid rgba(227,232,232,.9)!important;
  box-shadow:0 -10px 28px rgba(31,54,66,.055)!important;
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
}
.bottom-nav a.active,.final-bottom a.active{color:var(--lk-brand)!important}

/* Motion reveal: modest, non-blocking */
.lk-reveal{opacity:0;transform:translateY(10px);transition:opacity .48s ease,transform .48s ease}
.lk-reveal.lk-in{opacity:1;transform:none}

@media(max-width:900px){
  .hero{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
  .heroCopy{padding-right:22%!important}
  .heroVisual{right:2px!important;top:82px!important;width:46%!important;opacity:.9!important}
  .heroVisual img{max-width:188px!important}
  .page-head{padding-top:34px!important;padding-bottom:30px!important}
}
@media(max-width:640px){
  :root{--lk-radius:20px}
  body:before{display:none}
  .hero{min-height:350px!important}
  .hero h1{font-size:36px!important;line-height:1.04!important;max-width:250px!important}
  .heroCopy{padding-right:20%!important}
  .heroVisual{right:-4px!important;top:96px!important;width:45%!important}
  .heroVisual img{max-width:158px!important}
  .coverageBadge{font-size:10px!important;padding:6px 9px!important}
  .trustRow span{padding:3px 4px!important;background:transparent!important}
  .popularGrid button.is-hot:after{font-size:7px;top:4px;right:4px;padding:2px 5px}
  .page-head h1{font-size:38px!important;line-height:1.08!important}
  .page-head p{font-size:15px!important}
  .faq details{border-radius:17px!important}
  .checkout-card,.lookup-card{border-radius:22px!important}
}
@media(max-width:390px){
  .hero h1{font-size:33px!important}
  .heroVisual{top:102px!important;width:43%!important}
  .heroVisual img{max-width:145px!important}
}
