:root {
  --sk-blue: #0b4ea2;
  --sk-red: #d71920;
  --sk-soft: #eef6ff;
  --sk-ink: #0b2345;
}

.slovakia-transfer-page .article-hero-copy h1 {
  max-width: 760px;
}

.slovakia-hero-card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 10%, rgba(255,255,255,.22), transparent 27%),
    linear-gradient(145deg, #071b38 0%, #0b4ea2 62%, #d71920 145%);
  border: 1px solid rgba(255,255,255,.2);
}

.slovakia-hero-card::after {
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 30px rgba(255,255,255,.05), 0 0 0 60px rgba(255,255,255,.03);
  content: "";
}

.slovakia-hero-card > * {
  position: relative;
  z-index: 1;
}

.slovakia-hero-visual {
  overflow: hidden;
  margin: -6px -6px 24px;
  background: #f8fbff;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(2,20,48,.2);
}

.slovakia-hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1672 / 941;
  object-fit: cover;
}

.slovakia-hero-visual picture {
  display: block;
}

.route-flags {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.route-flags span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 42px;
  color: var(--sk-ink);
  background: #fff;
  border-radius: 11px;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.route-flags span:last-child {
  box-shadow: inset 0 -5px 0 var(--sk-red), 0 8px 24px rgba(0,0,0,.12);
}

.route-flags b {
  color: #9fefff;
  font-size: 24px;
}

.slovakia-hero-card h2 {
  max-width: 440px;
  margin: 0 0 9px;
  color: #fff;
  font-size: clamp(29px, 3vw, 39px);
  line-height: 1.08;
}

.slovakia-hero-card > p {
  color: rgba(255,255,255,.8);
}

.route-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  overflow: hidden;
  margin: 22px 0 0;
  background: rgba(255,255,255,.96);
  border-radius: 16px;
}

.route-facts div {
  padding: 14px 15px;
  border-right: 1px solid #dce7f2;
  border-bottom: 1px solid #dce7f2;
}

.route-facts div:nth-child(2n) { border-right: 0; }
.route-facts div:nth-last-child(-n+2) { border-bottom: 0; }

.route-facts dt {
  color: #667b91;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.route-facts dd {
  margin: 4px 0 0;
  color: var(--sk-ink);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
}

.corridor-strip > div:first-child { box-shadow: inset 0 4px 0 var(--sk-blue); }
.corridor-strip > div:last-child { box-shadow: inset 0 4px 0 var(--sk-red); }

.route-verdict {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin: 20px 0;
}

.route-verdict > div {
  padding: 21px;
  background: linear-gradient(145deg, #f5faff, #eef5fc);
  border: 1px solid #d6e5f2;
  border-top: 5px solid var(--sk-blue);
  border-radius: 16px;
}

.route-verdict > div:last-child { border-top-color: var(--sk-red); }

.route-verdict span,
.route-verdict strong {
  display: block;
}

.route-verdict span {
  color: #60778e;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.route-verdict strong {
  margin-top: 7px;
  color: var(--sk-ink);
  font-size: 20px;
  line-height: 1.3;
}

.route-verdict p {
  margin: 9px 0 0;
  color: #4d667f;
  font-size: 14px;
  line-height: 1.55;
}

.route-cost-layers > div {
  position: relative;
  padding-top: 50px;
}

.route-cost-layers > div > b {
  position: absolute;
  top: 16px;
  left: 17px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #fff;
  background: var(--sk-blue);
  border-radius: 9px;
}

.route-insight {
  margin-top: 20px;
  padding: 18px 20px;
  color: #0f3155;
  background: #eef8ff;
  border: 1px solid #c9e2f5;
  border-left: 5px solid #1478e8;
  border-radius: 14px;
}

.route-insight strong { display: block; }
.route-insight p { margin: 6px 0 0; font-size: 14px; }

.benchmark-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 13px;
  margin: 20px 0;
}

.benchmark-grid > div {
  padding: 20px;
  background: linear-gradient(145deg, #0b2345, #0b4ea2);
  border-radius: 16px;
  box-shadow: 0 12px 26px rgba(11,35,69,.12);
}

.benchmark-grid span,
.benchmark-grid strong,
.benchmark-grid b { display: block; }

.benchmark-grid span {
  color: #a9dbff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.benchmark-grid strong {
  margin: 6px 0 11px;
  color: #fff;
  font-size: 22px;
  white-space: nowrap;
}

.benchmark-grid b {
  color: #c8f22c;
  font-size: 18px;
}

.route-provider-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin-top: 22px;
}

.route-provider-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 20px;
  background: #fff;
  border: 1px solid #d9e5ef;
  border-top: 5px solid var(--provider-color, var(--sk-blue));
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(13,49,88,.07);
}

.route-provider-card[data-provider="paysend"] { --provider-color: #7048ff; }
.route-provider-card[data-provider="wise"] { --provider-color: #56ad2a; }
.route-provider-card[data-provider="revolut"] { --provider-color: #1478e8; }
.route-provider-card[data-provider="transfergo"] { --provider-color: #efbd17; }
.route-provider-card.route-bank-card { grid-column: 1 / -1; }

.route-provider-head {
  display: grid;
  grid-template-columns: 90px minmax(0,1fr);
  gap: 14px;
  align-items: center;
}

.route-provider-head img,
.provider-symbol {
  display: grid;
  place-items: center;
  width: 90px;
  height: 52px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e5edf4;
  border-radius: 10px;
}

.provider-symbol {
  color: #fff;
  background: linear-gradient(145deg, #0b4ea2, #1478e8);
  font-size: 28px;
  font-weight: 900;
}

.route-provider-head h3 { margin: 0; font-size: 23px; }
.route-provider-head p { margin: 3px 0 0; color: #657b90; font-size: 13px; }
.route-provider-card ul { margin: 17px 0; padding-left: 21px; }
.route-provider-card li { margin: 7px 0; color: #405b75; font-size: 14px; line-height: 1.5; }

.route-provider-actions {
  display: grid;
  gap: 10px;
  margin-top: auto;
  text-align: center;
}

.route-provider-actions .button {
  min-height: 48px;
  height: auto;
  padding-block: 11px;
  white-space: normal;
  line-height: 1.3;
}

.route-provider-actions > a:last-child { font-size: 13px; font-weight: 900; }

.fee-snapshot-list {
  display: grid;
  gap: 15px;
  margin-top: 20px;
}

.fee-snapshot-list article {
  padding: 18px;
  background: #fff;
  border: 1px solid #d9e5ef;
  border-radius: 17px;
}

.fee-snapshot-list header {
  display: grid;
  grid-template-columns: 105px minmax(0,1fr);
  gap: 15px;
  align-items: center;
  margin-bottom: 13px;
}

.fee-snapshot-list header img {
  width: 105px;
  height: 57px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #edf1f5;
  border-radius: 10px;
}

.fee-snapshot-list header span,
.fee-snapshot-list header strong { display: block; }
.fee-snapshot-list header span { color: #60768c; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.fee-snapshot-list header strong { margin-top: 4px; color: var(--sk-ink); font-size: 20px; }
.fee-snapshot-list article > p { margin: 0; color: #435f79; font-size: 14px; }

.ambassador-offer {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(240px, .45fr);
  gap: 24px;
  align-items: center;
  color: #fff;
  background: linear-gradient(135deg, #0b2345, #0b4ea2 68%, #7048ff);
  border-color: transparent;
}

.ambassador-offer h2,
.ambassador-offer p,
.ambassador-offer li { color: #fff; }
.ambassador-offer .eyebrow { color: #c8f22c; }
.ambassador-offer ul { margin-bottom: 0; }
.ambassador-offer .button { height: auto; min-height: 54px; padding: 13px 16px; white-space: normal; text-align: center; line-height: 1.3; }

.route-steps {
  display: grid;
  gap: 12px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.route-steps > li {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 15px;
  align-items: start;
  padding: 17px;
  background: #f7fafc;
  border: 1px solid #dce7f0;
  border-radius: 14px;
}

.route-steps > li > b {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #fff;
  background: var(--sk-blue);
  border-radius: 12px;
  font-size: 18px;
}

.route-steps h3 { margin: 0; font-size: 19px; }
.route-steps p { margin: 5px 0 0; color: #4b657e; font-size: 14px; }

.route-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  padding: 18px;
  background: #eef8ff;
  border: 1px solid #cce3f5;
  border-radius: 15px;
}

.route-checklist > strong { grid-column: 1 / -1; }
.route-checklist label { display: flex; gap: 8px; align-items: center; color: #35536f; font-size: 13px; }
.route-checklist input { width: 18px; height: 18px; accent-color: var(--sk-blue); }

.iban-layout {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 20px;
  align-items: start;
  margin: 20px 0;
}

.iban-format {
  padding: 23px;
  color: #fff;
  background: linear-gradient(145deg, #0b2345, #0b4ea2);
  border-radius: 17px;
}

.iban-format span,
.iban-format strong { display: block; }
.iban-format span { color: #aee7ff; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.iban-format strong { margin: 9px 0; color: #fff; font-size: 25px; }
.iban-format p { margin: 0; color: rgba(255,255,255,.78); font-size: 14px; }
.iban-layout h3 { margin-top: 0; }

.use-case-grid,
.risk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 13px;
  margin-top: 20px;
}

.use-case-grid article,
.risk-grid > div {
  padding: 19px;
  background: #f7fafc;
  border: 1px solid #dce7f0;
  border-radius: 15px;
}

.use-case-grid span {
  color: var(--sk-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.use-case-grid h3 { margin: 5px 0 7px; font-size: 19px; }
.use-case-grid p,
.risk-grid p { margin: 0; color: #4b657d; font-size: 14px; }
.risk-grid strong { display: block; margin-bottom: 7px; color: var(--sk-ink); }

.speed-timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 13px;
  margin: 20px 0;
}

.speed-timeline > div {
  padding: 20px;
  background: linear-gradient(145deg, #f3f9ff, #fff);
  border: 1px solid #d8e6f1;
  border-top: 5px solid var(--sk-blue);
  border-radius: 15px;
}

.speed-timeline > div:nth-child(2) { border-top-color: #19a46b; }
.speed-timeline > div:nth-child(3) { border-top-color: #e3a318; }
.speed-timeline span,
.speed-timeline strong { display: block; }
.speed-timeline span { color: #62778d; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.speed-timeline strong { margin: 7px 0; color: var(--sk-ink); font-size: 19px; }
.speed-timeline p { margin: 0; color: #4e6880; font-size: 13px; }

@media (max-width: 900px) {
  .route-provider-grid,
  .use-case-grid,
  .risk-grid { grid-template-columns: 1fr; }
  .route-provider-card.route-bank-card { grid-column: auto; }
  .ambassador-offer { grid-template-columns: 1fr; }
  .speed-timeline { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .slovakia-transfer-page .article-hero-copy h1 { font-size: clamp(37px, 11vw, 52px); }
  .route-facts,
  .route-verdict,
  .benchmark-grid,
  .route-checklist,
  .iban-layout { grid-template-columns: 1fr; }
  .route-facts div { border-right: 0; border-bottom: 1px solid #dce7f2; }
  .route-facts div:nth-last-child(-n+2) { border-bottom: 1px solid #dce7f2; }
  .route-facts div:last-child { border-bottom: 0; }
  .benchmark-grid strong { white-space: normal; }
  .route-provider-card,
  .fee-snapshot-list article { padding: 15px; }
  .route-provider-head,
  .fee-snapshot-list header { grid-template-columns: 76px minmax(0,1fr); }
  .route-provider-head img,
  .provider-symbol,
  .fee-snapshot-list header img { width: 76px; height: 48px; }
  .route-provider-head h3 { font-size: 20px; }
  .fee-snapshot-list header strong { font-size: 17px; }
  .route-steps > li { grid-template-columns: 38px minmax(0,1fr); gap: 11px; padding: 14px; }
  .route-steps > li > b { width: 38px; height: 38px; }
  .ambassador-offer { padding: 23px 19px; }
}

@media (prefers-reduced-motion: reduce) {
  .slovakia-transfer-page * { scroll-behavior: auto !important; }
}