/* Formenzo P27 — focused UAE free-zone comparison workspace. */
html.fz-compare-p27 {
  color-scheme: light;
  scroll-behavior: smooth;
}

html.fz-compare-p27 *,
html.fz-compare-p27 *::before,
html.fz-compare-p27 *::after { box-sizing: border-box; }

html.fz-compare-p27 body {
  margin: 0;
  overflow-x: hidden;
  background: var(--p26-canvas, #f3f5f4);
  color: var(--p26-ink, #0a1d33);
}

html.fz-compare-p27 a { color: inherit; }
html.fz-compare-p27 img { display: block; max-width: 100%; }
html.fz-compare-p27 button,
html.fz-compare-p27 select { font: inherit; }

.cmp-shell {
  width: min(calc(100% - 40px), 1320px);
  margin-inline: auto;
}

.fz-skip {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 99999;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 8px;
  background: #fff;
  color: #0a1d33;
  font-weight: 700;
}
.fz-skip:focus { transform: none; }
.cmp-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Header */
.cmp-hd {
  position: sticky;
  top: 0;
  z-index: 80;
  border-bottom: 1px solid var(--p26-line, rgba(10,29,51,.16));
  background: var(--p26-header, rgba(255,253,248,.96));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.cmp-hd__in {
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.cmp-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--p26-ink, #0a1d33);
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.04em;
}
.cmp-brand img { width: 38px; height: 38px; object-fit: contain; }
.cmp-brand i { color: var(--p26-gold-edge, #b97b16); font-style: normal; }
.cmp-nav { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.cmp-nav a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  border-radius: 999px;
  color: #35495b;
  text-decoration: none;
  font-size: 14px;
  font-weight: 650;
}
.cmp-nav a:hover,
.cmp-nav a[aria-current="page"] { background: rgba(10,49,66,.07); color: #071a2e; }
.cmp-nav .cmp-login {
  margin-left: 7px;
  border: 1px solid rgba(185,123,22,.45);
  background: var(--p26-gold-button, linear-gradient(135deg,#e4b849,#c88b1f));
  color: var(--p26-button-ink, #0a1d33);
  box-shadow: 0 10px 22px -17px rgba(116,75,8,.8);
}

/* Hero and comparison surface */
.cmp-stage {
  position: relative;
  isolation: isolate;
  padding: 50px 0 44px;
  overflow: hidden;
  background: var(--p26-frame, linear-gradient(100deg,#061426,#0a3142 70%,#0d4f52));
}
.cmp-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .86;
  background:
    radial-gradient(circle at 82% 12%, rgba(22,132,126,.38), transparent 31%),
    radial-gradient(circle at 12% 120%, rgba(216,166,60,.16), transparent 33%);
}
.cmp-intro { max-width: 980px; color: #fff; }
.cmp-kicker,
.cmp-label {
  font-family: var(--fz-font-data, ui-monospace, monospace);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cmp-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid var(--p26-kicker-line, rgba(240,200,102,.58));
  border-radius: 999px;
  background: var(--p26-kicker-bg, rgba(6,25,43,.7));
  color: var(--p26-kicker-text, #f0d487);
}
.cmp-intro h1 {
  max-width: 1030px;
  margin: 18px 0 0;
  color: var(--p26-hero-title, #f7fafc);
  font-size: clamp(39px, 5vw, 66px);
  font-weight: 780;
  line-height: 1.02;
  letter-spacing: -.052em;
  text-wrap: balance;
  text-shadow: var(--p26-title-shadow, 0 3px 22px rgba(0,0,0,.28));
}
.cmp-intro h1 em {
  font-family: var(--fz-font-editorial, Georgia, serif);
  color: var(--p26-gold-highlight, #f0c866);
  font-style: italic;
  font-weight: 700;
  letter-spacing: -.035em;
}
.cmp-intro .ai-answer {
  max-width: 850px;
  margin: 17px 0 0;
  color: var(--p26-hero-copy, #d7e5e7);
  font-size: clamp(15px, 1.7vw, 18px);
  line-height: 1.65;
}
.cmp-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  color: #e4ecef;
  font-size: 13px;
  font-weight: 600;
}
.cmp-proof li::before { content: "✓"; margin-right: 7px; color: var(--p26-gold-highlight, #f0c866); }

.cmp-explorer {
  margin-top: 28px;
  padding: 24px;
  border: 1px solid var(--p26-search-line, rgba(216,166,60,.66));
  border-radius: 24px;
  background: var(--p26-search-bg, rgba(255,253,248,.95));
  box-shadow: 0 34px 80px -48px rgba(0,0,0,.9);
  color: var(--p26-ink, #0a1d33);
}
.cmp-explorer__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}
.cmp-label { color: var(--p26-gold-text, #7b5207); }
.cmp-explorer h2,
.cmp-section-head h2,
.cmp-faq h2 {
  margin: 5px 0 0;
  color: var(--p26-ink, #0a1d33);
  font-size: clamp(23px, 2.7vw, 34px);
  line-height: 1.15;
  letter-spacing: -.035em;
}
.cmp-status { margin: 0; color: var(--p26-muted, #4b5e6f); font-size: 13px; white-space: nowrap; }
.cmp-status b { color: var(--p26-ink, #0a1d33); }

.cmp-filters {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr auto;
  align-items: end;
  gap: 12px;
  margin: 20px 0 18px;
}
.cmp-filter { min-width: 0; }
.cmp-filter label,
.cmp-filter legend {
  display: block;
  margin: 0 0 7px;
  padding: 0;
  border: 0;
  color: #516172;
  font-family: var(--fz-font-data, ui-monospace, monospace);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cmp-filter fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.cmp-filter select {
  width: 100%;
  min-height: 48px;
  padding: 0 38px 0 13px;
  border: 1px solid rgba(10,29,51,.18);
  border-radius: 12px;
  outline: 0;
  background: var(--p26-field-bg, rgba(241,246,244,.88));
  color: var(--p26-ink, #0a1d33);
  font-size: 14px;
  font-weight: 650;
}
.cmp-visas {
  display: grid;
  grid-template-columns: repeat(4, minmax(44px, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(10,29,51,.14);
  border-radius: 12px;
  background: #edf1ef;
}
.cmp-visas button {
  min-width: 44px;
  min-height: 40px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #566676;
  cursor: pointer;
  font-weight: 750;
}
.cmp-visas button[aria-checked="true"] {
  background: #fffdf8;
  color: #071a2e;
  box-shadow: 0 5px 14px -10px rgba(7,26,46,.8);
}
.cmp-reset {
  min-height: 48px;
  padding: 0 15px;
  border: 1px solid rgba(10,29,51,.18);
  border-radius: 12px;
  background: #fff;
  color: #35495b;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}
.cmp-reset:hover { border-color: var(--p26-gold-edge, #b97b16); color: #0a1d33; }

.cmp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.cmp-zone-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--p26-line, rgba(10,29,51,.16));
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 42px -38px var(--p26-shadow, rgba(10,28,51,.76));
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.cmp-zone-card:hover {
  transform: translateY(-2px);
  border-color: rgba(185,123,22,.62);
  box-shadow: 0 25px 50px -38px rgba(10,28,51,.76);
}
.cmp-zone-card.is-best { border-color: var(--p26-gold-edge, #b97b16); }
.cmp-zone-card.is-selected { box-shadow: 0 0 0 3px rgba(216,166,60,.22), 0 25px 50px -38px rgba(10,28,51,.76); }
.cmp-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.cmp-card__identity { min-width: 0; display: flex; align-items: center; gap: 12px; }
.cmp-card__logo {
  width: 46px;
  height: 46px;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(10,29,51,.12);
  border-radius: 12px;
  background: #fff;
  color: #0a1d33;
  font-family: var(--fz-font-data, ui-monospace, monospace);
  font-size: 17px;
  font-weight: 750;
}
.cmp-card__logo img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.cmp-card__logo i { display: none; font-style: normal; }
.cmp-card__logo.is-fallback { background: #f4ead3; border-color: rgba(185,123,22,.36); }
.cmp-card__logo.is-fallback i { display: block; }
.cmp-card__name {
  margin: 0;
  color: #0a1d33;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.24;
  letter-spacing: -.018em;
}
.cmp-card__emirate { margin-top: 4px; color: #687787; font-size: 12.5px; }
.cmp-badge {
  flex: none;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f6ead0;
  color: #7b5207;
  font-size: 9.5px;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.cmp-card__price { margin: 22px 0 15px; }
.cmp-card__price > span {
  display: block;
  color: #5c6b78;
  font-family: var(--fz-font-data, ui-monospace, monospace);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.cmp-card__price strong {
  display: block;
  margin-top: 5px;
  color: #0a1d33;
  font-family: var(--fz-font-data, ui-monospace, monospace);
  font-size: clamp(25px, 2.6vw, 32px);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
.cmp-card__price strong.is-quote { font-family: var(--fz-font-ui, sans-serif); font-size: 21px; letter-spacing: -.025em; }
.cmp-card__price small { display: block; margin-top: 5px; color: #5a6c7b; font-size: 12px; }
.cmp-card__includes {
  min-height: 44px;
  margin: 0 0 17px;
  color: #4f6172;
  font-size: 12.5px;
  line-height: 1.5;
}
.cmp-card__details {
  margin: 0 0 16px;
  border: 1px solid rgba(10,29,51,.13);
  border-radius: 12px;
  background: #fbfcfb;
}
.cmp-card__details summary {
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 11px;
  color: #173246;
  cursor: pointer;
  list-style: none;
  font-size: 11.5px;
  font-weight: 750;
}
.cmp-card__details summary::-webkit-details-marker { display: none; }
.cmp-card__details summary::after { content: "+"; color: #9a6c12; font-size: 18px; font-weight: 500; }
.cmp-card__details[open] summary::after { content: "−"; }
.cmp-card__details summary small { margin-left: auto; color: #667687; font-size: 10px; font-weight: 600; }
.cmp-card__details-body { padding: 0 11px 12px; }
.cmp-cost-split { color: #31495a; }
.cmp-cost-split__label,
.cmp-requirements__label {
  display: block;
  margin-bottom: 7px;
  color: #8a681d;
  font-family: var(--fz-font-data, ui-monospace, monospace);
  font-size: 9.5px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cmp-cost-split__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 0;
  border-top: 1px solid rgba(10,29,51,.09);
  font-size: 11.5px;
  line-height: 1.35;
}
.cmp-cost-split__row b { flex: none; color: #173246; font-family: var(--fz-font-data, ui-monospace, monospace); font-size: 11px; }
.cmp-cost-split__row.is-muted { color: #697989; }
.cmp-cost-split__row.is-muted b { color: #697989; font-family: var(--fz-font-ui, sans-serif); font-size: 10.5px; }
.cmp-cost-split small { display: block; margin-top: 7px; color: #677787; font-size: 10px; line-height: 1.4; }
.cmp-requirements { margin-top: 13px; padding-top: 12px; border-top: 1px solid rgba(10,29,51,.11); }
.cmp-requirements ul { display: grid; gap: 5px; margin: 0; padding-left: 16px; color: #4d6272; font-size: 10.5px; line-height: 1.4; }
.cmp-requirements p { margin: 9px 0 0; color: #4d6272; font-size: 10.5px; line-height: 1.4; }
.cmp-requirements b { color: #20384a; }
.cmp-card__actions { margin-top: auto; display: grid; grid-template-columns: 1fr auto; gap: 9px; }
.cmp-card__primary,
.cmp-card__secondary,
.cmp-card__compare {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  text-decoration: none;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 750;
}
.cmp-card__primary {
  padding: 0 14px;
  border: 1px solid #c68a20;
  background: var(--p26-gold-button, linear-gradient(135deg,#e4b849,#c88b1f));
  color: var(--p26-button-ink, #0a1d33);
}
.cmp-card__secondary { padding: 0 12px; border: 1px solid rgba(10,29,51,.18); background: #fff; color: #20384a; }
.cmp-card__compare {
  grid-column: 1 / -1;
  border: 1px dashed rgba(10,49,66,.3);
  background: #f1f6f4;
  color: #244a52;
}
.cmp-card__compare[aria-pressed="true"] { border-style: solid; border-color: #0d6666; background: #dfeeed; color: #063f43; }

.cmp-empty {
  margin: 4px 0 0;
  padding: 32px 18px;
  border: 1px dashed rgba(185,123,22,.45);
  border-radius: 16px;
  background: #fffaf0;
  color: #5e4a20;
  text-align: center;
}
.cmp-empty[hidden] { display: none; }
.cmp-fineprint { margin: 16px 2px 0; color: #657585; font-size: 11.5px; line-height: 1.55; }
.cmp-fineprint a { color: #805a0c; font-weight: 700; }

/* Side-by-side comparison */
.cmp-compare-panel {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid rgba(216,166,60,.55);
  border-radius: 18px;
  background: #071a2e;
  color: #e8eff2;
  scroll-margin-top: 92px;
}
.cmp-compare-panel[hidden] { display: none; }
.cmp-compare-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.cmp-compare-panel h3 { margin: 0; color: #fff; font-size: 22px; letter-spacing: -.025em; }
.cmp-panel-close { min-height: 40px; padding: 0 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; background: transparent; color: #fff; cursor: pointer; }
.cmp-compare-scroll { margin-top: 16px; overflow-x: auto; }
.cmp-compare-table { min-width: 720px; width: 100%; border-collapse: separate; border-spacing: 0; color: #dbe5e9; font-size: 13px; }
.cmp-compare-table th,
.cmp-compare-table td { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.1); text-align: left; vertical-align: top; }
.cmp-compare-table thead th { color: #fff; font-size: 14px; }
.cmp-compare-table tbody th { width: 170px; color: #9fb3b8; font-weight: 600; }
.cmp-compare-table strong { color: var(--p26-gold-highlight, #f0c866); font-family: var(--fz-font-data, monospace); font-size: 18px; }
.cmp-compare-table a { color: #f0c866; font-weight: 700; }
.cmp-table-zone { display: flex; align-items: center; gap: 9px; min-width: 150px; }
.cmp-table-logo { width: 30px; height: 30px; flex: none; border-color: rgba(255,255,255,.18); background: #fff; border-radius: 8px; }
.cmp-table-logo img { padding: 4px; }
.cmp-compare-table .cmp-cost-split { min-width: 175px; color: #dbe5e9; }
.cmp-compare-table .cmp-cost-split__label { color: #f0c866; }
.cmp-compare-table .cmp-cost-split__row { border-color: rgba(255,255,255,.12); }
.cmp-compare-table .cmp-cost-split__row b { color: #fff1bd; }
.cmp-compare-table .cmp-cost-split__row.is-muted,
.cmp-compare-table .cmp-cost-split__row.is-muted b,
.cmp-compare-table .cmp-cost-split small { color: #b7c8ce; }

.cmp-tray {
  position: fixed;
  left: 50%;
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 70;
  width: min(calc(100% - 32px), 900px);
  transform: translate(-50%, 18px);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(240,200,102,.46);
  border-radius: 16px;
  background: rgba(7,26,46,.96);
  box-shadow: 0 22px 60px -22px rgba(0,0,0,.82);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  backdrop-filter: blur(14px);
}
.cmp-tray[hidden] { display: none; }
.cmp-tray.is-visible { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.cmp-tray__label { flex: none; color: #b9c6cc; font-size: 11px; font-weight: 700; }
.cmp-tray__zones { min-width: 0; flex: 1; display: flex; gap: 7px; overflow-x: auto; }
.cmp-tray__chip { flex: none; min-height: 36px; display: inline-flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(255,255,255,.08); color: #fff; font-size: 11.5px; }
.cmp-tray__chip button { width: 24px; height: 24px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; }
.cmp-tray__go { flex: none; min-height: 40px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--p26-gold-button, linear-gradient(135deg,#e4b849,#c88b1f)); color: #0a1d33; cursor: pointer; font-weight: 800; }
.cmp-tray__go:disabled { opacity: .45; cursor: not-allowed; }
.cmp-tray__clear { flex: none; border: 0; background: transparent; color: #c9d3d8; cursor: pointer; font-size: 12px; }

/* Moving verification strip retained from the homepage. */
.cmp-ticker {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--p26-ticker-line, rgba(240,200,102,.4));
  border-bottom: 1px solid var(--p26-ticker-line, rgba(240,200,102,.4));
  background: var(--p26-ticker, #071a2e);
  color: var(--p26-ticker-text, #d7e5e7);
}
.cmp-ticker__toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  z-index: 2;
  min-height: 30px;
  transform: translateY(-50%);
  padding: 0 10px;
  border: 1px solid rgba(240,200,102,.48);
  border-radius: 999px;
  background: rgba(7,26,46,.94);
  color: #f4dc98;
  cursor: pointer;
  font-size: 10px;
  font-weight: 750;
}
.cmp-ticker.is-paused .cmp-ticker__track { animation-play-state: paused; }
.cmp-ticker__track { display: flex; width: max-content; animation: cmpTicker 38s linear infinite; }
.cmp-ticker__group { display: flex; align-items: center; flex: none; }
.cmp-ticker__item { min-height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 0 18px; white-space: nowrap; font-size: 11px; }
.cmp-ticker__item b { color: var(--p26-ticker-price, #f0c866); font-family: var(--fz-font-data, monospace); }
.cmp-ticker__item small { color: var(--p26-ticker-muted, #9fb3b8); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.cmp-ticker__dot { width: 5px; height: 5px; border-radius: 50%; background: #f0c866; }
@keyframes cmpTicker { to { transform: translateX(-50%); } }

/* Evidence and FAQ */
.cmp-content { padding: 64px 0 70px; }
.cmp-section-head { max-width: 760px; }
.cmp-section-head > p { margin: 12px 0 0; color: var(--p26-muted, #4b5e6f); font-size: 15px; line-height: 1.65; }
.cmp-panels { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-top: 28px; }
.cmp-panel,
.cmp-faq details,
.cmp-resources {
  min-width: 0;
  border: 1px solid var(--p26-line, rgba(10,29,51,.16));
  border-radius: 16px;
  background: var(--p26-surface, #fffdf8);
}
.cmp-panel summary,
.cmp-faq summary,
.cmp-resources > summary {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 17px 20px;
  color: #0a1d33;
  cursor: pointer;
  list-style: none;
  font-weight: 720;
}
.cmp-panel summary::-webkit-details-marker,
.cmp-faq summary::-webkit-details-marker,
.cmp-resources > summary::-webkit-details-marker { display: none; }
.cmp-panel summary::after,
.cmp-faq summary::after,
.cmp-resources > summary::after { content: "+"; flex: none; color: #9a6c12; font-size: 21px; font-weight: 500; }
.cmp-panel[open] summary::after,
.cmp-faq details[open] summary::after,
.cmp-resources[open] > summary::after { content: "−"; }
.cmp-panel summary small { color: #5c6b78; font-size: 11px; font-weight: 600; }
.cmp-panel__body { padding: 0 20px 22px; color: #4b5e6f; font-size: 14px; line-height: 1.65; }
.cmp-panel__body p { margin: 0 0 12px; }
.cmp-panel__body ul { margin: 0; padding-left: 20px; }
.cmp-panel__body li + li { margin-top: 7px; }
.cmp-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid rgba(10,29,51,.12); border-radius: 12px; }
.cmp-data-table { min-width: 720px; width: 100%; border-collapse: collapse; background: #fff; color: #314557; font-size: 12.5px; }
.cmp-data-table th,
.cmp-data-table td { padding: 10px 12px; border-bottom: 1px solid rgba(10,29,51,.1); text-align: left; }
.cmp-data-table thead th { background: #0a2637; color: #fff; font-size: 11px; }
.cmp-data-table tbody tr:last-child td { border-bottom: 0; }
.cmp-data-table .price { color: #7b5207; font-family: var(--fz-font-data, monospace); font-weight: 700; white-space: nowrap; }
.cmp-sources a { color: #7b5207; font-weight: 650; }

.cmp-faq { margin-top: 52px; }
.cmp-faq__list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.cmp-faq details > div { padding: 0 20px 20px; color: #4b5e6f; font-size: 13.5px; line-height: 1.65; }

.cmp-byline { padding: 18px 0 0; color: #637382; font-size: 12.5px; }
.cmp-byline a { color: #7b5207; font-weight: 700; }
.cmp-resources { width: min(calc(100% - 40px), 1320px); margin: 0 auto 36px; }
.cmp-resources__body { padding: 0 20px 20px; }
.cmp-resource-links { display: flex; flex-wrap: wrap; gap: 9px; }
.cmp-resource-links a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid rgba(10,29,51,.14); border-radius: 999px; background: #fff; color: #31495a; text-decoration: none; font-size: 12.5px; font-weight: 650; }
.cmp-resource-links + .cmp-resource-links { margin-top: 11px; }

html.fz-compare-p27 :is(a,button,select,summary):focus-visible {
  outline: 2px solid #0d6566;
  outline-offset: 3px;
  box-shadow: 0 0 0 4px rgba(240,200,102,.8);
}

@media (max-width: 1024px) {
  .cmp-filters { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cmp-filters > .cmp-reset { grid-column: 1 / -1; width: 100%; }
  .cmp-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cmp-panels { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .cmp-nav a:not(.cmp-login) { display: none; }
  .cmp-hd__in { min-height: 64px; }
  .cmp-stage { padding: 34px 0 26px; }
  .cmp-intro h1 { font-size: clamp(32px, 10vw, 41px); line-height: 1.04; }
  .cmp-explorer { margin-top: 23px; padding: 17px; border-radius: 19px; }
  .cmp-explorer__head { align-items: flex-start; flex-direction: column; gap: 7px; }
  .cmp-status { white-space: normal; }
  .cmp-filters,
  .cmp-grid,
  .cmp-faq__list { grid-template-columns: 1fr; }
  .cmp-filter select { font-size: 16px; }
  .cmp-card__actions { grid-template-columns: 1fr; }
  .cmp-card__compare { grid-column: auto; }
  .cmp-zone-card { padding: 17px; }
  .cmp-card__secondary { min-height: 30px; padding: 2px 0; border: 0; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
  .cmp-card__compare { min-height: 38px; }
  .cmp-content { padding: 48px 0 56px; }
  .cmp-tray { align-items: stretch; flex-wrap: wrap; bottom: max(96px, calc(env(safe-area-inset-bottom) + 86px)); }
  .cmp-tray__label { width: 100%; }
  .cmp-tray__zones { order: 2; width: 100%; flex-basis: 100%; }
  .cmp-tray__go { margin-left: auto; }
  .cmp-ticker__item { min-height: 38px; padding: 0 13px; }
  .cmp-ticker__toggle { right: 8px; min-height: 28px; padding: 0 8px; font-size: 9px; }
}

@media (max-width: 480px) {
  .cmp-shell,
  .cmp-resources { width: min(calc(100% - 28px), 1320px); }
  .cmp-brand { font-size: 19px; }
  .cmp-brand img { width: 34px; height: 34px; }
  .cmp-nav .cmp-login { min-height: 39px; margin-left: 0; padding: 0 11px; font-size: 12px; }
  .cmp-proof { display: grid; grid-template-columns: 1fr; gap: 7px; }
  .cmp-card__price strong { font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  html.fz-compare-p27 { scroll-behavior: auto; }
  .cmp-ticker__track { animation: none; }
  .cmp-ticker__toggle { display: none; }
  .cmp-zone-card,
  .cmp-tray { transition: none; }
}