/* Klivy landing v3.2.36 — references, European shop motion, coverage stats, offline mode and multilingual SEO copy. Header intentionally unchanged. */
.apple-section--shops,
.apple-section--references,
.apple-section--seo-copy{
  position:relative;
  overflow:hidden;
}
.apple-section--shops::before,
.apple-section--references::before,
.apple-section--seo-copy::before{
  content:"";
  position:absolute;
  inset:8% auto auto 50%;
  width:min(520px,44vw);
  height:min(520px,44vw);
  border-radius:50%;
  background:radial-gradient(circle,rgba(39,173,245,.16),transparent 67%);
  transform:translateX(-50%);
  pointer-events:none;
}
.shop-chip-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin-top:34px;
}
.shop-chip-grid span{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 18px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:24px;
  background:rgba(255,255,255,.76);
  color:#0b1220;
  font-weight:850;
  letter-spacing:-.025em;
  box-shadow:0 18px 50px rgba(20,37,68,.08),inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease;
}
.shop-chip-grid span:hover{
  transform:translateY(-3px);
  border-color:rgba(45,145,245,.18);
  box-shadow:0 24px 70px rgba(35,91,168,.13),inset 0 1px 0 rgba(255,255,255,.95);
}
.reference-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:34px;
}
.reference-card{
  min-height:292px;
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.68));
  box-shadow:0 24px 80px rgba(18,37,70,.10),inset 0 1px 0 rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(24px);
  backdrop-filter:blur(24px);
}
.reference-card__avatar{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:20px;
  border-radius:17px;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg,#1677ff,#18c8df);
  box-shadow:0 14px 34px rgba(22,119,255,.22);
}
.reference-card p{
  margin:0;
  color:#17243a;
  font-size:17px;
  line-height:1.58;
  letter-spacing:-.018em;
}
.reference-card strong{
  display:block;
  margin-top:auto;
  padding-top:24px;
  color:#071126;
  font-size:15px;
}
.reference-card span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:10px;
  padding:8px 11px;
  border-radius:999px;
  color:#136a7a;
  background:rgba(25,201,223,.12);
  font-size:12px;
  font-weight:800;
}
.seo-copy-card{
  position:relative;
  display:grid;
  gap:16px;
  padding:42px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:36px;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(242,248,255,.72));
  box-shadow:0 26px 90px rgba(18,37,70,.10),inset 0 1px 0 rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(24px);
  backdrop-filter:blur(24px);
}
.seo-copy-card span{
  color:#127c8d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.seo-copy-card h2{
  max-width:920px;
  margin:0;
  color:#071126;
  font-size:clamp(34px,4vw,58px);
  line-height:.98;
  letter-spacing:-.06em;
}
.seo-copy-card p{
  max-width:940px;
  margin:0;
  color:#526070;
  font-size:17px;
  line-height:1.62;
}
@media (max-width:980px){
  .shop-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
  .shop-chip-grid span{min-height:58px;padding:12px;border-radius:18px;font-size:14px}
  .reference-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}
  .reference-card{min-height:0;padding:22px;border-radius:24px}
  .reference-card p{font-size:15px}
  .seo-copy-card{padding:26px;border-radius:26px}
  .seo-copy-card h2{font-size:clamp(30px,9vw,42px)}
  .seo-copy-card p{font-size:15px}
}

/* Klivy landing v3.2.36 — European shops motion, coverage stats and offline mode mention. Header intentionally unchanged. */
.apple-section--coverage,
.apple-section--offline-mode{
  position:relative;
  overflow:hidden;
}
.coverage-shell{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(420px,1.05fr);
  gap:28px;
  align-items:stretch;
  padding:42px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:38px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(241,248,255,.78));
  box-shadow:0 28px 90px rgba(20,37,68,.10),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(26px);
  backdrop-filter:blur(26px);
}
.coverage-shell::before{
  content:"";
  position:absolute;
  inset:auto -140px -170px auto;
  width:440px;
  height:440px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,201,223,.22),transparent 68%);
  pointer-events:none;
}
.coverage-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}
.coverage-copy span,
.offline-mode-card__copy span{
  color:#127c8d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.coverage-copy h2,
.offline-mode-card__copy h2{
  max-width:760px;
  margin:12px 0 0;
  color:#071126;
  font-size:clamp(36px,4.4vw,62px);
  line-height:.96;
  letter-spacing:-.065em;
}
.coverage-copy p,
.offline-mode-card__copy p{
  max-width:680px;
  margin:18px 0 0;
  color:#526070;
  font-size:17px;
  line-height:1.62;
}
.coverage-stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:14px;
}
.coverage-stat{
  position:relative;
  overflow:hidden;
  min-height:178px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:28px;
  background:rgba(255,255,255,.68);
  box-shadow:0 22px 60px rgba(20,37,68,.09),inset 0 1px 0 rgba(255,255,255,.95);
}
.coverage-stat::before{
  content:"";
  position:absolute;
  inset:-40% -20% auto auto;
  width:200px;
  height:200px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,119,255,.16),transparent 70%);
}
.coverage-stat--hero{grid-row:span 2;min-height:370px;background:linear-gradient(160deg,#071126,#10264c 58%,#0b6f82)}
.coverage-stat--hero::before{background:radial-gradient(circle,rgba(115,232,245,.35),transparent 68%)}
.coverage-stat strong{
  position:relative;
  display:flex;
  align-items:baseline;
  gap:6px;
  color:#071126;
  font-size:clamp(42px,5.3vw,78px);
  line-height:.82;
  letter-spacing:-.075em;
  font-weight:950;
}
.coverage-stat--hero strong{color:#fff;font-size:clamp(64px,8vw,122px)}
.coverage-stat--offline strong{font-size:clamp(28px,3.6vw,48px);letter-spacing:-.05em}
.coverage-stat strong i{font-style:normal;color:#18c8df}
.coverage-stat>span{
  position:relative;
  display:block;
  margin-top:16px;
  color:#0e1a2f;
  font-size:15px;
  font-weight:900;
}
.coverage-stat--hero>span{color:#dff9ff}
.coverage-stat p{
  position:relative;
  max-width:280px;
  margin:8px 0 0;
  color:#647184;
  font-size:13px;
  line-height:1.45;
}
.coverage-stat--hero p{color:rgba(236,251,255,.78)}
.coverage-stat--offline{
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(236,250,246,.7));
}
.eu-shop-wall{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:13px;
  margin-top:34px;
  padding:22px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:36px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,249,255,.7));
  box-shadow:0 26px 90px rgba(18,37,70,.10),inset 0 1px 0 rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(24px);
  backdrop-filter:blur(24px);
}
.eu-shop-wall::before,
.eu-shop-wall::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:120px;
  z-index:2;
  pointer-events:none;
}
.eu-shop-wall::before{left:0;background:linear-gradient(90deg,rgba(248,251,255,.98),transparent)}
.eu-shop-wall::after{right:0;background:linear-gradient(270deg,rgba(248,251,255,.98),transparent)}
.eu-shop-wall__glow{
  position:absolute;
  inset:auto auto -120px 50%;
  width:520px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,201,223,.18),transparent 70%);
  transform:translateX(-50%);
  pointer-events:none;
}
.eu-shop-lane{
  position:relative;
  z-index:1;
  display:flex;
  gap:12px;
  width:max-content;
  will-change:transform;
  animation:shop-lane-left 44s linear infinite;
}
.eu-shop-lane--b{animation-name:shop-lane-right;animation-duration:52s;transform:translateX(-16%)}
.eu-shop-lane--c{animation-duration:48s}
.eu-shop-lane span{
  min-width:142px;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  color:#0b1220;
  font-size:15px;
  font-weight:900;
  letter-spacing:-.025em;
  box-shadow:0 16px 40px rgba(20,37,68,.08),inset 0 1px 0 rgba(255,255,255,.92);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease;
}
.eu-shop-wall:hover .eu-shop-lane{animation-play-state:paused}
.eu-shop-lane span:hover{
  transform:translateY(-4px) scale(1.02);
  border-color:rgba(24,201,223,.24);
  box-shadow:0 24px 70px rgba(35,91,168,.14),inset 0 1px 0 rgba(255,255,255,.98);
}
@keyframes shop-lane-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes shop-lane-right{from{transform:translateX(-42%)}to{transform:translateX(0)}}
.offline-mode-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:34px;
  align-items:center;
  padding:42px;
  border:1px solid rgba(13,33,66,.08);
  border-radius:40px;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(239,250,252,.76));
  box-shadow:0 28px 90px rgba(20,37,68,.10),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(26px);
  backdrop-filter:blur(26px);
}
.offline-mode-card::after{
  content:"";
  position:absolute;
  right:-160px;
  top:-180px;
  width:460px;
  height:460px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(34,197,94,.18),transparent 66%);
  pointer-events:none;
}
.offline-mode-card__copy,
.offline-mode-card__phone{position:relative;z-index:1}
.offline-mode-card__phone{
  min-height:420px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px;
  border:10px solid #071126;
  border-radius:42px;
  background:linear-gradient(180deg,#f8fbff,#edf7fb);
  box-shadow:0 30px 90px rgba(8,23,48,.22);
}
.offline-phone__bar{
  min-height:56px;
  display:grid;
  grid-template-columns:22px 1fr auto;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border-radius:22px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(13,33,66,.08);
}
.offline-phone__bar span{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12)}
.offline-phone__bar strong{color:#0b1220;font-size:13px}
.offline-phone__bar em{font-style:normal;color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}
.offline-phone__item{
  min-height:68px;
  display:grid;
  grid-template-columns:28px 1fr auto;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(20,37,68,.07),inset 0 0 0 1px rgba(13,33,66,.07);
}
.offline-phone__item b{width:24px;height:24px;border-radius:50%;border:2px solid rgba(13,33,66,.16)}
.offline-phone__item.is-done b{background:#22c55e;border-color:#22c55e;box-shadow:inset 0 0 0 5px #fff}
.offline-phone__item span{color:#071126;font-weight:850;font-size:14px}
.offline-phone__item strong{color:#127c8d;font-size:12px}
.offline-phone__sync{
  margin-top:auto;
  min-height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-radius:18px;
  color:#425066;
  background:rgba(24,201,223,.10);
  font-size:12px;
  font-weight:800;
}
.offline-phone__sync i{width:12px;height:12px;border-radius:50%;background:#18c8df;animation:offline-pulse 1.7s ease-in-out infinite}
@keyframes offline-pulse{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.18);opacity:1}}
@media (max-width:980px){
  .coverage-shell{grid-template-columns:1fr;padding:26px;border-radius:28px;gap:20px}
  .coverage-copy h2,.offline-mode-card__copy h2{font-size:clamp(30px,9vw,42px)}
  .coverage-copy p,.offline-mode-card__copy p{font-size:15px}
  .coverage-stats{grid-template-columns:1fr;gap:10px}
  .coverage-stat,.coverage-stat--hero{min-height:148px;padding:20px;border-radius:22px}
  .coverage-stat--hero strong{font-size:64px}
  .eu-shop-wall{margin-top:24px;padding:14px;border-radius:26px;gap:10px}
  .eu-shop-wall::before,.eu-shop-wall::after{width:54px}
  .eu-shop-lane{gap:9px;animation-duration:36s}
  .eu-shop-lane--b{animation-duration:42s}
  .eu-shop-lane span{min-width:118px;min-height:52px;padding:11px 14px;border-radius:17px;font-size:13px}
  .offline-mode-card{grid-template-columns:1fr;padding:26px;border-radius:28px;gap:22px}
  .offline-mode-card__phone{min-height:340px;border-width:8px;border-radius:34px;padding:14px}
}
@media (prefers-reduced-motion:reduce){
  .eu-shop-lane,.offline-phone__sync i{animation:none!important}
}