/* KamSayara shared.css — Build: V16.3 Official Theme Pass — 2026-06-15 */
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  display: block;
}
button,input {
  font: inherit;
}
.grid {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  gap: var(--gap);
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--blue2);
  font-weight: 800;
  font-size: var(--f-xs);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.eyebrow:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 5px rgba(255,130,0,.12);
}
h1,h2,h3,p {
  margin: 0;
}
h1 {
  font-size: var(--f-hero);
  line-height: .98;
  letter-spacing: -.055em;
  color: var(--ink);
  font-weight: 900;
}
h2 {
  font-size: var(--f-2xl);
  line-height: 1.08;
  letter-spacing: -.04em;
  color: var(--ink);
  font-weight: 900;
}
h3 {
  font-size: var(--f-lg);
  line-height: 1.2;
  color: var(--ink);
  font-weight: 800;    /* explicit — was inheriting browser 700 default */
}
h4 {
  font-size: var(--f);
  font-weight: 800;
  color: var(--ink);
  margin: 0;
}
.btn-primary {
  background: var(--orange);
  color: #fff;
  box-shadow: 0 14px 30px rgba(255,130,0,.25);
}
.btn-primary:hover {
  background: var(--orange2);
  transform: translateY(-1px);
}
.btn-secondary {
  background: rgba(0,90,135,.08);
  border-color: rgba(0,90,135,.16);
  color: var(--blue2);
}
.btn-dark {
  background: var(--blue);
  color: #fff;
}
.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--r);
  box-shadow: var(--shadow2);
}
.skip-link {
  position: absolute;
  left: -999px;
}
.skip-link:focus {
  left: 16px;
  top: 16px;
  z-index: 9999;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}
.site-nav {
  height: 72px;
  position: sticky;
  top: 0;
  z-index: 1000;
  backdrop-filter: blur(18px);
  background: color-mix(in srgb,var(--bg) 82%,transparent);
  border-bottom: 1px solid var(--line);
}
.nav-inner {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 190px;
}
.brand-name {
  font-weight: 900;
  letter-spacing: -.04em;
  color: var(--ink);
  line-height: 1;
}
.nav-links a:hover {
  background: var(--soft);
  color: var(--blue2);
}
.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero:after {
  content: "";
  position: absolute;
  inset: auto -10% -20% 45%;
  height: 420px;
  background: radial-gradient(circle,rgba(0,90,135,.18),transparent 65%);
  pointer-events: none;
}
.hero-copy h1 span {
  color: var(--blue2);
}
.hero-live {
  grid-column: 7/span 6;
  position: relative;
  z-index: 1;
}
.live-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #a7c3d8;
  font-weight: 900;
}
.car-stage:after {
  content: "";
  position: absolute;
  bottom: 52px;
  width: 84%;
  height: 5px;
  background: linear-gradient(90deg,transparent,var(--orange),transparent);
  filter: blur(.5px);
}
.wheel.l {
  left: 22%;
}
.wheel.r {
  right: 22%;
}
.live-metric span {
  display: block;
  color: #a7c3d8;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.studio:before {
  content: "";
  position: absolute;
  inset: -30% 40% auto -15%;
  height: 560px;
  background: radial-gradient(circle,rgba(255,130,0,.22),transparent 65%);
}
.studio h2,.studio h3 {
  color: #fff;
}
.studio .lead {
  color: #cfe0ec;
}
.ks-vehicle .wheel.l {
  left: 18%;
}
.ks-vehicle .wheel.r {
  right: 18%;
}
.premium-glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 42px rgba(212,175,55,.45);
  opacity: var(--premium,0);
  transition: .25s;
}
.wz-chip:hover,.ks-chip:hover,.ks-more:hover {
  background: rgba(255,130,0,.14);
  border-color: rgba(255,130,0,.55);
}
.ks-dash-chip {
  display: none;
}
.track-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  padding: 16px;
}
.track-val {
  font-family: var(--mono);
  font-weight: 900;
  color: #fff;
}
.range-fill {
  height: 100%;
  width: 50%;
  background: var(--orange);
}
input[type=range] {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: .001;
  cursor: pointer;
}
.price-input span {
  display: grid;
  place-items: center;
  padding: 0 14px;
  background: rgba(255,130,0,.16);
  color: #ffd7ae;
  font-weight: 900;
}
.price-input input {
  width: 100%;
  border: 0;
  background: transparent;
  color: #fff;
  outline: 0;
  padding: 0 12px;
  font-family: var(--mono);
  font-weight: 800;
}
.price-input input::placeholder {
  color: #a7c3d8;
}
.generate:hover {
  background: var(--orange2);
}
.scan {
  display: none;
  background: #07111b;
  color: #fff;
}
.scan.active {
  display: block;
}
.scan-step.done {
  background: rgba(17,132,91,.16);
  border-color: rgba(17,132,91,.38);
  color: #fff;
}
.scan-step.done:before {
  content: "✓ ";
  color: #5be0a7;
}
.report {
  background: var(--soft);
}
.result-wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.ks-free-head-label,.ks-prem-head-label {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--blue2);
}
.tele-dot,.ks-prem-badge {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(17,132,91,.1);
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
}
.decision-card:after {
  content: "";
  position: absolute;
  right: -90px;
  top: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(255,130,0,.18);
}
.elite-card.wide {
  grid-column: span 8;
}
.bar i {
  display: block;
  height: 100%;
  width: 70%;
  background: linear-gradient(90deg,var(--blue2),var(--orange));
}
.mini-chart svg {
  width: 100%;
  height: 100%;
}
.similar-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.similar-card {
  overflow: hidden;
}
.similar-img {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg,var(--blue3),var(--sand));
  display: grid;
  place-items: center;
}
.similar-img .mini-car {
  width: 78%;
  height: 90px;
  border-radius: 55px 80px 24px 24px;
  border: 3px solid var(--blue2);
  background: rgba(255,255,255,.4);
}
.similar-body {
  padding: 16px;
}
.method-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.method-card {
  padding: 22px;
}
.footer h3 {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.footer p {
  color: #a7c3d8;
  font-size: 13px;
  line-height: 1.6;
}
.footer a {
  display: block;
  color: #a7c3d8;
  margin: 7px 0;
  font-size: 13px;
  font-weight: 600;
  transition: color .15s;
}
.footer a:hover {
  color: var(--orange);
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.10);
  margin-top: 28px;
  padding-top: 16px;
  font-size: 12px;
  color: #7a95aa;             /* slightly lighter than before for hierarchy */
  line-height: 1.6;
}
.modal.open {
  display: flex;
}
.ks-modal-item:hover {
  background: var(--blue3);
}
.hidden {
  display: none;
}
.content-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
.content-card {
  padding: 24px;
}
.legal-shell h1 {
  font-size: var(--f-2xl);
  color: var(--ink);
  line-height: 1.1;
}
.legal-shell h2 {
  font-size: 22px;
  color: var(--ink);
  margin-top: 28px;
}
.legal-shell p,.legal-shell li {
  color: var(--body);
}
@media (max-width: 900px) {
  .nav-links,.nav-actions .nav-mini,.nav-actions .btn {
    display: none;
  }
  .hamb {
    display: block;
  }
  .hero {
    min-height: auto;
    padding: 70px 0;
  }
  .hero-copy,.hero-live {
    grid-column: 1/-1;
  }
  .trust-strip {
    grid-template-columns: repeat(2,1fr);
  }
  .studio-layout {
    grid-template-columns: 1fr;
  }
  .dna-card {
    position: static;
  }
  .form-stage {
    grid-template-columns: 1fr;
  }
  .scan-steps {
    grid-template-columns: 1fr 1fr;
  }
  .metric-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .elite-card,.elite-card.wide {
    grid-column: span 12;
  }
  .similar-grid,.method-grid,.content-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .section-head {
    display: block;
  }
  .container {
    width: min(var(--max),calc(100% - 28px));
  }
}
@media (prefers-reduced-motion:reduce) {
  * {
    animation: none;
    transition: none;
    scroll-behavior: auto;
  }
}
.container {
  width: min(var(--max),calc(100% - 32px));
  margin-inline: auto;
}
.section {
  padding: clamp(34px,5vw,58px) 0;
}
.section.tight {
  padding: clamp(24px,4vw,42px) 0;
}
.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.btn {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 17px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 800;
  cursor: pointer;
  transition: .2s;
}
.site-nav,.nav-inner {
  height: 66px;
}
.brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg,var(--blue),var(--orange));
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
}
.brand-sub {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--muted);
  display: none;
}
.nav-mini {
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 999px;
  color: var(--ink);
  font-weight: 800;
}
.hero {
  position: relative;
  min-height: 560px;
  display: grid;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 86% 10%,rgba(255,130,0,.13),transparent 30%),linear-gradient(135deg,var(--bg),var(--sand) 55%,var(--blue3));
  padding: 42px 0;
}
.hero-copy {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.trust-strip {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-top: 8px;
}
.trust-pill {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,63,99,.12);
  border-radius: 12px;
  padding: 9px 10px;
  font-size: 11px;
  font-weight: 800;
  color: var(--blue);
  backdrop-filter: blur(8px);
}
.live-panel {
  border-radius: 24px;
  background: linear-gradient(180deg,#082033,#03111e);
  color: #fff;
  padding: 18px;
  box-shadow: 0 30px 80px rgba(0,39,64,.32);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
}
.live-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  margin-bottom: 12px;
}
.live-price {
  font-family: var(--mono);
  font-size: clamp(28px,3.2vw,42px);
  line-height: 1;
  color: #fff;
  font-weight: 800;
}
.car-stage {
  height: 170px;
  border-radius: 18px;
  background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.12);
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}
.car-stage:before {
  content: "";
  position: absolute;
  width: 78%;
  height: 90px;
  border-radius: 90px 100px 42px 42px;
  border: 3px solid rgba(255,255,255,.72);
  background: linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.04));
  transform: translateY(8px);
}
.wheel {
  position: absolute;
  bottom: 42px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #07111b;
  border: 7px solid #dbe8f2;
  box-shadow: inset 0 0 0 6px #21364a;
}
.live-metrics {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
  margin-top: 14px;
}
.live-metric {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  border-radius: 13px;
  padding: 10px;
}
.live-metric b {
  display: block;
  color: #fff;
  font-family: var(--mono);
  font-size: 17px;
}
.studio {
  background: linear-gradient(135deg,#042033,#003f63);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.studio-shell {
  position: relative;
  z-index: 1;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 30px 80px rgba(0,0,0,.22);
}
.studio-layout {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(300px,.92fr);
  gap: 16px;
}
.canvas-card {
  min-height: 0;
  background: linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.vehicle-canvas {
  flex: 1;
  min-height: 170px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 40%,rgba(255,255,255,.16),transparent 58%);
  position: relative;
  overflow: hidden;
  height: 190px;
}
.ks-vehicle {
  width: min(86%,470px);
  height: 155px;
  position: relative;
  transition: .35s;
}
.ks-vehicle .body {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 45px;
  height: 82px;
  border-radius: 90px 120px 38px 42px;
  background: var(--vehicle-color,#fff);
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.55),0 24px 60px rgba(0,0,0,.25);
  transition: .25s;
}
.ks-vehicle.suv .body {
  height: 94px;
  top: 36px;
  border-radius: 70px 88px 38px 40px;
}
.ks-vehicle.sedan .body {
  border-radius: 110px 130px 40px 42px;
  height: 78px;
  top: 48px;
}
.ks-vehicle.sport .body {
  height: 68px;
  top: 58px;
  border-radius: 150px 160px 34px 34px;
}
.ks-vehicle .glass {
  position: absolute;
  left: 27%;
  right: 30%;
  top: 25px;
  height: 43px;
  border-radius: 60px 70px 10px 10px;
  background: linear-gradient(135deg,rgba(11,43,67,.92),rgba(76,141,177,.75));
  clip-path: polygon(18% 0,82% 0,100% 100%,0 100%);
}
.ks-vehicle .wheel {
  bottom: 14px;
  width: 42px;
  height: 42px;
  border-width: 6px;
}
.studio-form {
  margin-top: 14px;
}
.form-stage {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.field {
  min-width: 0;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 15px;
  padding: 10px;
  min-height: 86px;
}
.field.track-card {
  padding: 10px;
  min-height: 86px;
}
.label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
  color: #cfe0ec;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 34px;
}
.wz-chip,.ks-chip,.wz-chip-more,.ks-more {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: .18s;
  white-space: normal;
  max-width: 100%;
  line-height: 1.15;
}
.track-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.range-wrap {
  position: relative;
  height: 22px;
}
.range-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 9px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.17);
  overflow: hidden;
}
.price-input {
  display: flex;
  height: 36px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}
.dna-card {
  position: sticky;
  top: 82px;
  background: linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 20px;
  padding: 16px;
}
.dna-card h3 {
  font-size: 18px;
}
.dna-list {
  display: grid;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0;
  grid-template-columns: 1fr 1fr;
}
.dna-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 9px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.11);
  min-width: 0;
}
.dna-pill span {
  font-size: 9px;
  color: #a7c3d8;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.dna-pill b {
  font-size: 11px;
  color: #fff;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.generate {
  width: 100%;
  height: 46px;
  border: 0;
  border-radius: 14px;
  background: var(--orange);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 18px 35px rgba(255,130,0,.28);
  font-size: 13px;
}
.decision-title {
  font-size: clamp(30px,4.2vw,52px);
  font-weight: 900;
  line-height: .95;
  margin-top: 10px;
  letter-spacing: -.06em;
}
.metric-card b {
  display: block;
  margin-top: 8px;
  color: var(--ink);
  font-family: var(--mono);
  font-size: clamp(18px,1.7vw,24px);
  line-height: 1.1;
}
.similar-grid,.method-grid,.content-grid {
  gap: 14px;
}
.method-card,.content-card {
  padding: 18px;
}
.footer {
  background: #06101a;
  color: #cfe0ec;
  padding: 34px 0 18px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3,1fr);
  gap: 18px;
}
.page-hero {
  padding: clamp(38px,5vw,62px) 0 28px;
  background: radial-gradient(circle at 86% 12%,rgba(242,140,40,.14),transparent 34%),linear-gradient(135deg,var(--bg),var(--ks-sky));
}
.page-content {
  padding: 38px 0;
}
.legal-shell {
  max-width: 820px;
  margin: 0 auto;
  padding: 42px 20px;
}
#ksBrandRow:empty::after,#ksModelRow:empty::after,#ksTrimRow:empty::after {
  content: "Options load automatically";
  font-size: 12px;
  color: #cfe0ec;
}
.wz-chip-more,.ks-more {
  border-style: solid;
  background: rgba(255,130,0,.16);
  border-color: rgba(255,130,0,.45);
  color: #fff;
}
.wz-chip.active,.ks-chip.active {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
  box-shadow: 0 10px 25px rgba(255,130,0,.25);
  outline: 2px solid rgba(255,255,255,.28);
}
.report .section-head {
  margin-bottom: 14px;
}
.decision-label {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #a7c3d8;
}
.metric-card span {
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}
.elite-card h3 {
  margin-bottom: 6px;
}
.mini-chart {
  height: 68px;
  border-radius: 18px;
  background: linear-gradient(180deg,var(--soft),transparent);
  margin-top: 8px;
  position: relative;
  overflow: hidden;
}
.bar {
  height: 10px;
  border-radius: 999px;
  background: var(--soft);
  overflow: hidden;
  margin-top: 9px;
}
.cfg-card {
  border-radius: 22px;
  background: linear-gradient(180deg,#082033,#03111e);
  color: #fff;
  padding: 16px;
  box-shadow: 0 30px 80px rgba(0,39,64,.32);
  border: 1px solid rgba(255,255,255,.12);
  scroll-margin-top: 84px;
}
.cfg-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.cfg-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #a7c3d8;
  font-weight: 900;
}
.cfg-counter {
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  color: #a7c3d8;
  white-space: nowrap;
  letter-spacing: .04em;
}
.wz-steps {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 6px;
  margin-bottom: 12px;
}
.wz-step-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: #cfe0ec;
  font-family: var(--ff);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: .18s;
  padding: 0 6px;
}
.wz-step-tab b {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  font-size: 10px;
  font-weight: 900;
  color: #fff;
  flex-shrink: 0;
}
.wz-step-tab.active {
  background: rgba(255,130,0,.16);
  border-color: rgba(255,130,0,.6);
  color: #fff;
}
.wz-step-tab.active b {
  background: var(--orange);
}
.wz-step-tab.done {
  border-color: rgba(17,132,91,.45);
  color: #fff;
}
.wz-step-tab.done b {
  background: var(--green);
  font-size: 0;
}
.wz-step-tab.done b::before {
  content: "✓";
  font-size: 10px;
}
.wz-pane {
  display: none;
}
.wz-pane.active {
  display: flex;
  flex-direction: column;
  gap: 13px;
  animation: wzPaneIn .28s ease both;
}
@keyframes wzPaneIn {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cfg-card .field,.cfg-card .field.track-card {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.cfg-card .label {
  margin-bottom: 6px;
  font-size: 9.5px;
  letter-spacing: .1em;
  color: #8fadc4;
}
.lbl-opt {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
  color: #7e9bb3;
}
.cfg-card .chip-row {
  min-height: 28px;
}
.wz-seg {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0;
  min-height: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 11px;
  overflow: hidden;
  background: rgba(255,255,255,.05);
}
.wz-seg .wz-chip {
  min-height: 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  justify-content: center;
  padding: 0 6px;
  font-size: 11px;
  white-space: nowrap;
}
.wz-seg .wz-chip+.wz-chip {
  border-left: 1px solid rgba(255,255,255,.14);
}
.wz-seg .wz-chip:hover {
  background: rgba(255,130,0,.12);
}
.wz-seg .wz-chip.active {
  background: var(--orange);
  outline: 0;
  box-shadow: none;
}
.wz-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: end;
}
.cfg-card .price-input {
  height: 36px;
  border-radius: 11px;
}
.wz-track-hint {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  min-height: 12px;
  margin-top: 4px;
  color: #a7c3d8;
}
.wz-track-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--orange);
}
.wz-nav {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.wz-back {
  height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  font-family: var(--ff);
  transition: .18s;
}
.wz-back:hover:not(:disabled) {
  background: rgba(255,255,255,.12);
}
.wz-back:disabled {
  opacity: .35;
  cursor: not-allowed;
}
.wz-next {
  flex: 1;
  height: 46px;
  border: 0;
  border-radius: 14px;
  background: var(--orange);
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
  font-family: var(--ff);
  box-shadow: 0 14px 30px rgba(255,130,0,.28);
  transition: .18s;
}
.wz-next:hover:not(:disabled) {
  background: var(--orange2);
  transform: translateY(-1px);
}
.wz-next:disabled {
  opacity: .7;
  cursor: wait;
  transform: none;
}
.wz-next-final {
  background: linear-gradient(100deg,var(--orange),#ffa040);
  box-shadow: 0 16px 36px rgba(255,130,0,.4);
}
.cfg-foot {
  margin-top: 9px;
  text-align: center;
  font-size: 10.5px;
  font-weight: 700;
  color: #7e9bb3;
}
.cfg-sub {
  margin-top: 2px;
  color: #9fb8cc;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}
.best-input .wz-steps {
  margin-bottom: 10px;
}
.best-input .wz-scroll-row::-webkit-scrollbar {
  display: none;
}
.best-input .wz-mini-number span {
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0 8px;
  background: rgba(255,130,0,.15);
  color: #ffd7ae;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.best-input #ksBrandRow:empty::after,.best-input #ksModelRow:empty::after,.best-input #ksTrimRow:empty::after {
  content: "Select previous option";
  font-size: 11px;
  color: #8fadc4;
  white-space: nowrap;
}
.best-input .wz-seg {
  border: 0;
  background: transparent;
  display: flex;
  gap: 6px;
  overflow: visible;
}
.best-input .wz-seg .wz-chip+.wz-chip {
  border-left: 1px solid rgba(255,255,255,.16);
}
.best-input .wz-role-row .wz-chip::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 4px;
  border: 1.5px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.05);
  display: inline-grid;
  place-items: center;
  flex: 0 0 13px;
  font-size: 9px;
  line-height: 1;
  color: #fff;
}
.best-input .wz-role-row .wz-chip.active::before {
  content: "✓";
  background: #fff;
  color: var(--orange);
  border-color: #fff;
  font-weight: 1000;
}
.best-input .wz-mini-number input,.best-input .price-input input {
  font-variant-numeric: tabular-nums;
}
.best-input #ksColorRow .wz-chip {
  min-width: 74px;
  gap: 7px;
  justify-content: flex-start;
}
.best-input #ksColorRow .wz-chip::before, .color-modal-item .color-dot {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1.5px solid rgba(255,255,255,.72);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
  flex: 0 0 18px;
}
.best-input #ksColorRow .wz-chip[data-v="White"]::before {
  background: #f7f7f2;
  border-color: #d7dde3;
}
.best-input #ksColorRow .wz-chip[data-v="Black"]::before {
  background: #05070a;
}
.best-input #ksColorRow .wz-chip[data-v="Silver"]::before {
  background: #c8ced4;
}
.best-input #ksColorRow .wz-chip[data-v="Grey"]::before {
  background: #7b8794;
}
.best-input #ksColorRow .wz-chip[data-v="Blue"]::before {
  background: #1d5edb;
}
.best-input #ksColorRow .wz-chip[data-v="Red"]::before {
  background: #d92525;
}
.best-input #ksColorRow .wz-chip[data-v="Maroon"]::before {
  background: #7a1623;
}
.best-input #ksColorRow .wz-chip[data-v="Beige"]::before {
  background: #d8c4a3;
}
.best-input #ksColorRow .wz-chip[data-v="Gold"]::before {
  background: #d4af37;
}
.best-input #ksColorRow .wz-chip[data-v="Brown"]::before {
  background: #7a4a2a;
}
.best-input #ksColorRow .wz-chip[data-v="Orange"]::before {
  background: #FF8200;
}
.best-input #ksColorRow .wz-chip[data-v="Green"]::before {
  background: #198754;
}
.best-input #ksColorRow .wz-chip[data-v="Yellow"]::before {
  background: #ffd84d;
}
.color-modal-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.best-input .wz-next {
  flex: 1;
}
.best-input .field {
  margin: 0;
}
.best-input .label {
  min-height: 14px;
  margin-bottom: 6px;
  line-height: 1.15}
.best-input .wz-role-row .wz-chip, .best-input .wz-seg .wz-chip {
  flex: 1 1 0;
  min-width: 0;
}
.best-input .wz-scroll-row .wz-chip {
  flex: 0 0 auto;
  min-height: 31px;
  padding: 0 11px;
  white-space: nowrap;
  min-width: 82px;
  max-width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.best-input .range-fill,.best-input .wz-track-fill {
  height: 9px;
  border-radius: 999px;
}
.best-input input[type=range].wz-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid var(--wz-blue,var(--orange));
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  cursor: pointer;
  border-width: 4px;
}
.best-input #ksColorRow .wz-chip.active:not(.wz-chip-more) {
  outline: 3px solid rgba(255,130,0,.5);
  box-shadow: 0 0 0 2px rgba(255,255,255,.22) inset;
}
.best-input #ksColorRow .wz-chip[data-v="Pearl White"]::before {
  background: #fffdf2;
  border-color: #d9dfe6;
}
.best-input #ksColorRow .wz-chip[data-v="Dark Grey"]::before {
  background: #4d5662;
}
.best-input #ksColorRow .wz-chip[data-v="Champagne"]::before {
  background: #e6d2a8;
}
.best-input #ksColorRow .wz-chip[data-v="Bronze"]::before {
  background: #a97142;
}
.best-input #ksColorRow .wz-chip[data-v="Purple"]::before {
  background: #6f42c1;
}
.best-input #ksColorRow .wz-chip[data-v="Teal"]::before {
  background: #008b8b;
}
.best-input #ksColorRow .wz-chip[data-v="Matte Black"]::before {
  background: #111;
}
.best-input #ksColorRow .wz-chip[data-v="Other"]::before {
  background: linear-gradient(135deg,#fff 0%,#999 45%,#111 100%);
}
.color-modal-item .color-dot {
  border-color: var(--line);
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}
.best-input .wz-duo {
  display: contents;
}
.best-input .cfg-label {
  font-size: 11px;
  line-height: 1;
}
.best-input .cfg-counter {
  font-size: 11px;
}
.best-input .wz-pane > .field, .best-input .wz-duo > .field {
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
.best-input .chip-row, .best-input .wz-seg, .best-input .wz-scroll-row, .best-input .price-input {
  min-height: 31px;
}
.best-input .wz-scroll-row .wz-chip, .best-input .wz-scroll-row .wz-chip-more {
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 31px;
  min-height: 31px;
  padding: 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.best-input .wz-chip, .best-input .wz-chip-more, .best-input .wz-back, .best-input .wz-next {
  height: 31px;
  min-height: 31px;
  padding: 0 10px;
  border-radius: 12px;
  font-size: 10.4px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  min-width: 82px}
.best-input .wz-chip-more {
  flex: 0 0 auto;
  min-height: 31px;
  border-color: rgba(255,130,0,.55);
  background: rgba(255,130,0,.18);
  min-width: 72px;
  font-weight: 700}
.best-input .wz-role-row .wz-chip {
  gap: 7px;
  justify-content: flex-start;
  padding-left: 8px;
  width: 100%;
  font-weight: 600;
}
.best-input .wz-role-row .wz-chip.active {
  font-weight: 900;
}
.best-input .wz-seg .wz-chip {
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  border-radius: 12px;
  height: 31px;
  min-height: 31px;
}
.best-input input[type=range].wz-slider::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  background: #fff;
  border: 4px solid var(--wz-blue,var(--orange));
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  cursor: pointer;
  border-width: 4px;
  width: 22px;
  height: 22px}
.best-input .wz-back {
  flex: 0 0 110px}
.ks-modal-item {
  border: 1px solid var(--line);
  color: var(--ink);
  font-weight: 700;
  cursor: pointer;
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 10px;
  font-size: 13px;
  display: flex;
  align-items: center}
.nav-links {
  display: flex;
  align-items: center;
  gap: 3px;
}
.nav-links a {
  padding: 10px 10px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--body);
}
.nav-links a.active {
  background: rgba(255,130,0,.12);
  color: var(--orange);
}
@media (max-width: 900px) {
  .hero {
    padding: 24px 0 32px;
    min-height: auto;
  }
  .hero-live {
    margin-top: 18px;
  }
  .cfg-card.best-input {
    max-height: none;
    overflow: visible;
  }
  .best-input .wz-scroll-row {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
    overflow: hidden;
  }
  .best-input .wz-scroll-row .wz-chip,.best-input .wz-scroll-row .wz-chip-more {
    min-width: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: center;
  }
  .best-input .wz-chip,.best-input .wz-chip-more {
    font-weight: 600;
  }
  .best-input .wz-chip.active {
    font-weight: 900;
  }
}
.modal-list button {
  height: 36px;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 11px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.v13-hero {
  padding: clamp(54px,7vw,92px) 0;
  background: radial-gradient(circle at 78% 10%,rgba(255,130,0,.16),transparent 30%),linear-gradient(135deg,var(--bg),var(--sand) 56%,var(--blue3));
}
.v13-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr);
  gap: clamp(22px,4vw,54px);
  align-items: center;
}
.v13-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 900;
  color: var(--blue2);
}
.v13-kicker:before {
  content: "";
  width: 9px;
  height: 9px;
  background: var(--orange);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(255,130,0,.13);
}
.v13-hero h1 {
  margin-top: 14px;
  max-width: 920px;
}
.v13-hero p {
  margin-top: 18px;
  max-width: 760px;
}
.v13-panel {
  background: linear-gradient(180deg,#083a5d,#061725);
  color: #fff;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 30px 70px rgba(0,39,64,.24);
}
.v13-panel h3 {
  color: #fff;
  margin-bottom: 10px;
}
.v13-panel p {
  color: #cfe0ec;
  margin: 0;
}
.v13-stat-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 18px;
}
.v13-stat {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 14px;
}
.v13-stat b {
  display: block;
  color: #fff;
  font-family: var(--mono);
  font-size: 20px;
}
.v13-stat span {
  font-size: 12px;
  color: #abc6d8;
  font-weight: 800;
}
.v13-section {
  padding: clamp(42px,6vw,76px) 0;
}
.v13-section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 24px;
}
.v13-section-head p {
  max-width: 660px;
}
.v13-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.v13-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 20px;
  box-shadow: var(--shadow2);
}
.v13-card .num {
  font-family: var(--mono);
  font-weight: 900;
  color: var(--orange);
  font-size: 13px;
  letter-spacing: .08em;
}
.v13-card h3 {
  margin-top: 10px;
}
.v13-card p {
  margin-top: 10px;
  color: var(--body);
}
.v13-flow {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}
.v13-step {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
}
.v13-step b {
  color: var(--ink);
}
.v13-step span {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: var(--body);
}
.v13-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--card);
}
.v13-table th,.v13-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  text-align: left;
}
.v13-table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--muted);
  background: var(--soft);
}
.v13-table tr:last-child td {
  border-bottom: 0;
}
.v13-cta {
  border-radius: 28px;
  padding: 28px;
}
.v13-cta h2 {
  color: #fff;
}
.v13-cta p {
  color: #cfe0ec;
  margin-top: 8px;
}
.v13-rich-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 18px;
  align-items: stretch;
}
.v13-rich-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 22px;
  box-shadow: var(--shadow2);
}
.v13-rich-card h3 {
  margin: 0 0 10px;
}
.v13-rich-card p {
  margin: 8px 0;
  color: var(--body);
}
.v13-badge-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.v13-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--soft);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
  color: var(--ink);
}
.v13-badge.orange {
  background: rgba(255,130,0,.12);
  border-color: rgba(255,130,0,.32);
  color: var(--orange2);
}
.v13-metric-strip {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.v13-big-metric {
  background: linear-gradient(180deg,var(--card),var(--soft));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}
.v13-big-metric b {
  display: block;
  font-family: var(--mono);
  font-size: 22px;
  color: var(--blue2);
}
.v13-big-metric span {
  display: block;
  font-size: 12px;
  color: var(--muted);
  font-weight: 800;
  margin-top: 4px;
}
.v13-product-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.v13-product-item {
  display: flex;
  gap: 12px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
}
.v13-product-item .dot {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 12px;
  background: var(--orange);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
}
.v13-product-item h3 {
  font-size: 17px;
  margin: 2px 0 6px;
}
.v13-product-item p {
  font-size: 14px;
  color: var(--body);
  margin: 0;
}
.v13-mini-output {
  background: linear-gradient(180deg,#083a5d,#061725);
  color: #fff;
  border-radius: 26px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 60px rgba(0,26,46,.24);
}
.v13-mini-output h3,.v13-mini-output h2 {
  color: #fff;
}
.v13-mini-output p {
  color: #cfe0ec;
}
.v13-result-band {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-top: 16px;
}
.v13-result-box {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 14px;
}
.v13-result-box span {
  display: block;
  color: #9fc0d7;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.v13-result-box b {
  display: block;
  margin-top: 7px;
  font-family: var(--mono);
  font-size: 18px;
  color: #fff;
}
.v13-copy-panel {
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--card);
  overflow: hidden;
}
.v13-copy-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  background: var(--soft);
  border-bottom: 1px solid var(--line);
  padding: 14px 16px;
}
.v13-copy-body {
  padding: 18px;
}
.v13-timeline {
  display: grid;
  gap: 12px;
}
.v13-timeline-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 14px;
  align-items: start;
}
.v13-timeline-row .time {
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 900;
  color: var(--orange);
}
.v13-timeline-row .box {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
}
.v13-timeline-row h3 {
  margin: 0 0 6px;
  font-size: 17px;
}
.v13-market-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
}
.v13-market-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}
.v13-market-card h3 {
  margin: 0;
}
.v13-market-card .range {
  font-family: var(--mono);
  font-size: 18px;
  font-weight: 900;
  color: var(--blue2);
  margin: 10px 0;
}
.v13-direction {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
}
.v13-direction.rising {
  background: rgba(14,165,89,.12);
  color: #0f7a45;
}
.v13-direction.stable {
  background: rgba(26,82,118,.12);
  color: var(--blue2);
}
.v13-direction.softening {
  background: rgba(255,130,0,.14);
  color: var(--orange2);
}
.v13-faq {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.v13-faq details {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
}
.v13-faq summary {
  font-weight: 900;
  cursor: pointer;
}
.v13-faq p {
  margin: 10px 0 0;
  color: var(--body);
}
.v13-platform-metrics {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 10px;
}
.v13-platform-metrics div {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px;
  text-align: center;
}
.v13-platform-metrics b {
  display: block;
  font-family: var(--mono);
  font-size: 30px;
  color: var(--blue2);
}
.v13-platform-metrics span {
  font-size: 12px;
  color: var(--body);
  font-weight: 800;
}
.v13-note {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,130,0,.1);
  border: 1px solid rgba(255,130,0,.22);
  color: var(--ink);
  font-weight: 750;
}
.v13-ar {
  font-family: var(--ff);
  color: var(--muted);
  font-weight: 800;
}
.v13-demo-form {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.v13-demo-field {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 12px;
}
.v13-demo-field span {
  display: block;
  font-size: 11px;
  color: #9fc0d7;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}
.v13-demo-field b {
  display: block;
  margin-top: 6px;
  color: #fff;
}
.v13-split-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.v13-soft-panel {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px;
}
.v13-soft-panel h3 {
  margin-top: 0;
}
.v13-soft-panel ul {
  padding-left: 18px;
  margin-bottom: 0;
}
.v13-soft-panel li {
  margin: 8px 0;
  color: var(--body);
}
.tool-page {
  background: linear-gradient(180deg,var(--bg),var(--sand));
}
.tool-hero {
  padding: clamp(38px,5vw,62px) 0 28px;
  background: radial-gradient(circle at 86% 12%,rgba(242,140,40,.14),transparent 34%),linear-gradient(135deg,var(--bg),var(--ks-sky));
}
.tool-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,.72fr);
  gap: 24px;
  align-items: center;
}
.tool-hero h1 {
  line-height: 1.02;
  letter-spacing: -.04em;
}
.tool-hero .lead {
  margin-top: 14px;
}
.tool-shell.reverse {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.tool-card .tool-actions {
  margin-top: auto;
}
.tool-card .tool-output {
  flex: none;
}
.tool-card.dark {
  background: linear-gradient(180deg,#083a5d,#061725);
  color: #fff;
  border-color: rgba(255,255,255,.12);
}
.tool-card.dark h2,.tool-card.dark h3 {
  color: #fff;
}
.tool-card.dark p {
  color: #cfe0ec;
}
.tool-form.three {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.tool-field.full {
  grid-column: 1/-1;
}
.tool-field input,.tool-field select,.tool-field textarea {
  width: 100%;
  min-width: 0;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--bg);
  color: var(--ink);
  padding: 0 12px;
  outline: none;
}
.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 4px rgba(255,130,0,.12);
}
.tool-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.tool-loading,.tool-error,.tool-advice {
  border-radius: 16px;
  padding: 14px 16px;
  background: var(--soft);
  border: 1px solid var(--line);
  font-weight: 750;
}
.tool-error {
  background: rgba(180,35,24,.08);
  border-color: rgba(180,35,24,.18);
  color: var(--red);
}
.tool-advice {
  margin-top: 12px;
  background: rgba(255,130,0,.1);
  border-color: rgba(255,130,0,.22);
  color: var(--ink);
}
.tool-result span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
  font-weight: 900;
}
.tool-card.dark .tool-result div {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.12);
}
.tool-card.dark .tool-result span {
  color: #9fc0d7;
}
.tool-card.dark .tool-result b {
  color: #fff;
}
.tool-small {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 999px;
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.tool-list {
  display: grid;
  gap: 10px;
}
.tool-list-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px;
}
.tool-list-item b {
  color: var(--ink);
}
.tool-list-item span:first-child {
  width: 28px;
  height: 28px;
  border-radius: 11px;
  background: var(--orange);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
  flex: none;
}
.inspect-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.inspect-item {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 14px;
  padding: 12px;
  font-weight: 750;
  color: var(--ink);
}
.score-meter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--line);
  background: var(--soft);
  border-radius: 18px;
  padding: 16px;
}
.score-meter b {
  font-family: var(--mono);
  font-size: 28px;
  color: var(--blue2);
}
.tool-platform-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.market-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--card);
}
.market-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.market-table th,.market-table td {
  padding: 13px 15px;
  border-bottom: 1px solid var(--line);
  text-align: left;
}
.market-table th {
  background: var(--soft);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--muted);
}
.market-table tr:last-child td {
  border-bottom: 0;
}
.tool-kpi-row {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-top: 16px;
}
.tool-kpi {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 16px;
  padding: 14px;
}
.tool-kpi b {
  display: block;
  font-size: 22px;
  color: var(--blue2);
  font-family: var(--mono);
}
.tool-kpi span {
  font-size: 12px;
  color: var(--muted);
  font-weight: 850;
}
.about-method {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}
.about-method div {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
}
.about-method b {
  color: var(--ink);
}
@media (max-width: 900px) {
  .v13-market-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .v13-platform-metrics {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .tool-hero-grid,.tool-shell,.tool-shell.reverse {
    grid-template-columns: 1fr;
  }
  .tool-result,.tool-kpi-row,.about-method {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
.gate-card b {
  display: block;
  color: var(--ink);
}
.gate-card p {
  margin: 6px 0 10px;
  font-size: 14px;
  color: var(--body);
}
.gate-card small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
}
.gate-row input:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 4px rgba(255,130,0,.12);
}
.iq-card {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 18px;
  padding: 16px;
  margin-top: 12px;
}
.iq-head {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.iq-head b {
  font-size: 15px;
  color: var(--ink);
}
.iq-cat {
  flex: none;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--muted);
}
.iq-why {
  margin: 8px 0 10px;
  font-size: 13px;
  color: var(--muted);
}
.iq-opts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.iq-opt {
  border: 1px solid var(--line);
  background: var(--bg);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 750;
  color: var(--ink);
  cursor: pointer;
  text-align: left;
  min-height: 40px;
}
.iq-opt:hover {
  border-color: var(--orange);
}
.iq-opt.sel {
  background: rgba(255,130,0,.12);
  border-color: var(--orange);
  color: var(--orange2);
}
.tool-platform-tabs button.active {
  background: var(--blue2);
  border-color: var(--blue2);
  color: #fff;
}
.tool-platform-tabs button {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 850;
  cursor: pointer;
  min-height: 36px;
}
.pulse-wrap {
  display: none;
  margin-top: 12px;
}
#pulseStrip {
  display: block;
  border: 1px solid var(--line);
  background: var(--soft);
  border-radius: 14px;
  padding: 10px 14px;
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 700;
  color: var(--blue2);
}
.pir-container * {
  box-sizing: border-box;
}
.pir-container .hero-text {
  min-width: 0;
}
.pir-container .hero-wm {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--pir-blue);
  margin-bottom: 9px;
}
.pir-container .hero-pills span {
  color: #9aa8b6;
}
.pir-container .hero-price-lbl,.pir-container .pp-lbl,.pir-container .pulse-lbl {
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pir-muted);
}
.pir-container .hero-price sub {
  font-size: 17px;
  letter-spacing: 0;
  color: var(--pir-muted);
  font-weight: 750;
}
.pir-container .hero-conf {
  font-size: 12px;
  color: var(--pir-muted);
}
.pir-container .hero-img-panel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}
.pir-container .hero-img-badge {
  position: absolute;
  right: 12px;
  top: 12px;
}
.pir-container .eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--pir-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.pir-container .eyebrow:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pir-orange);
  box-shadow: 0 0 0 5px rgba(255,130,0,.13);
}
.pir-container .sec-title em {
  font-style: italic;
  font-weight: 550;
}
.pir-container .card-tinted {
  background: linear-gradient(180deg,#fff,#f8fbff);
}
.pir-container .badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}
.pir-container .b-blue {
  background: #eef6ff;
  color: var(--brand-blue,#006496);
}
.pir-container .b-muted {
  background: #f1f5f9;
  color: #475569;
}
.pir-container .b-green {
  background: #eaf9f1;
  color: #0f7a45;
}
.pir-container .b-amber {
  background: #fff4e4;
  color: #a65c00;
}
.pir-container .warn-item {
  border-left: 3px solid var(--pir-orange);
  background: #fff7ed;
  border-radius: 0 10px 10px 0;
  padding: 10px 12px;
  margin: 10px 0;
  font-size: 12px;
  line-height: 1.55;
  color: #5a3a00;
}
.pir-container .pos-bar-row {
  display: grid;
  grid-template-columns: 70px 1fr 70px;
  gap: 10px;
  align-items: center;
  margin: 12px 0;
}
.pir-container .pos-low,.pir-container .pos-high {
  font-family: var(--mono);
  font-weight: 900;
  font-size: 13px;
  color: #334155;
}
.pir-container .pos-high {
  text-align: right;
}
.pir-container .pos-track {
  position: relative;
  height: 12px;
  border-radius: 999px;
  background: #e9eff6;
  overflow: visible;
}
.pir-container .pos-fill {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: 999px;
  background: linear-gradient(90deg,#27ae60,#ffb14a);
}
.pir-container .pos-pin {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid var(--pir-orange);
  box-shadow: 0 3px 10px rgba(0,0,0,.16);
}
.pir-container .pos-hint {
  font-size: 12px;
  color: var(--pir-muted);
  line-height: 1.55;
}
.pir-container svg {
  max-width: 100%;
  height: auto;
}
.pir-container th {
  background: #f8fafc;
  color: #64748b;
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900;
  text-align: left;
}
.pir-container tr:last-child td {
  border-bottom: none;
}
.pir-container .lt-price {
  font-family: var(--mono);
  font-weight: 900;
  color: #334155;
  text-align: right;
}
.pir-container .lt-vs {
  font-size: 11px;
  margin-top: 3px;
}
.pir-container .lt-src {
  display: inline-flex;
  border: 1px solid #dbe4ee;
  background: #f8fafc;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 850;
  color: #475569;
}
.pir-container .lt-priv {
  background: #eef6ff;
  color: var(--brand-blue,#006496);
}
.pir-container .lt-dealer {
  background: #fff4e4;
  color: #a65c00;
}
.pir-container .lt-freshbar {
  height: 4px;
  background: #e9eff6;
  border-radius: 999px;
  margin-top: 4px;
}
.pir-container .lt-freshfill {
  height: 100%;
  border-radius: 999px;
  background: #0f9f6e;
}
.pir-container .risk-score-card {
  text-align: center;
}
.pir-container .gauge-wrap {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto 10px;
  display: grid;
  place-items: center;
}
.pir-container .gauge-wrap svg {
  position: absolute;
  inset: 5px;
}
.pir-container .gauge-bg,.pir-container .gauge-fill {
  fill: none;
  stroke-width: 14;
  stroke-linecap: round;
}
.pir-container .gauge-bg {
  stroke: #e8eef5;
}
.pir-container .gauge-text {
  position: relative;
  z-index: 1;
  text-align: center;
}
.pir-container .gauge-num {
  font-family: var(--mono);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.pir-container .gauge-lbl {
  font-size: 12px;
  font-weight: 900;
  color: #334155;
  margin-top: 4px;
}
.pir-container .risk-bars {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}
.pir-container .rb-lbl {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  font-weight: 850;
  color: #475569;
  margin-bottom: 4px;
}
.pir-container .rb-track {
  height: 8px;
  border-radius: 999px;
  background: #e9eff6;
  overflow: hidden;
}
.pir-container .rb-fill {
  height: 100%;
  border-radius: 999px;
}
.pir-container .ri:last-child {
  border-bottom: none;
}
.pir-container .ri-p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.pir-container .rp-crit {
  background: #fee2e2;
  color: #b91c1c;
}
.pir-container .rp-high {
  background: #fff4e4;
  color: #a65c00;
}
.pir-container .rp-med {
  background: #eef6ff;
  color: var(--brand-blue,#006496);
}
.pir-container .insp-note {
  margin-top: 12px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: #334155;
}
.pir-container .depr-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.pir-container .dc {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 10px;
  text-align: center;
  min-width: 0;
}
.pir-container .dc-per {
  font-size: 10px;
  color: #64748b;
  font-weight: 900;
  text-transform: uppercase;
}
.pir-container .dc-val {
  font-family: var(--mono);
  font-size: 18px;
  font-weight: 900;
  color: #334155;
}
.pir-container .dc-d {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 850;
}
.pir-container .run-card {
  padding: 0;
  overflow: hidden;
}
.pir-container .run-lbl {
  font-size: 12px;
  font-weight: 900;
  color: #334155;
  line-height: 1.35;
}
.pir-container .run-lbl small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.35;
}
.pir-container .run-num {
  text-align: right;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 900;
  color: #334155;
  white-space: nowrap;
}
.pir-container .pulse-desc {
  font-size: 11px;
  color: #64748b;
  line-height: 1.45;
  margin-top: 5px;
}
.pir-container .pulse-bar {
  height: 7px;
  background: #e9eff6;
  border-radius: 999px;
  margin-top: 10px;
  overflow: hidden;
}
.pir-container .pulse-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg,var(--brand-blue,#006496),#FF8200);
}
.pir-container .pp {
  background: #fff;
  border: 1px solid var(--pir-line);
  border-radius: 16px;
  padding: 14px;
}
.pir-container .pp-val {
  font-family: var(--mono);
  font-size: 22px;
  font-weight: 900;
  margin-top: 5px;
}
.pir-container .pp-sub {
  font-size: 11px;
  color: #64748b;
  margin-top: 3px;
}
.pir-container .verify-links,.pir-container .btn-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pir-container .vl,.pir-container .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 9px 13px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid var(--pir-line);
  background: #fff;
  color: #334155;
}
.pir-container .btn-wa {
  background: #25d366;
  color: #fff;
  border-color: #25d366;
}
.pir-container .btn-pdf {
  background: #FF8200;
  color: #fff;
  border-color: #FF8200;
}
.pir-container .btn-new {
  background: #f8fafc;
}
.pir-container .narr-eyebrow {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--pir-blue);
  margin-bottom: 10px;
}
.pir-container .narr-block {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 8px;
  align-items: start;
}
.pir-container .narr-icon {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: #fff4e4;
  display: grid;
  place-items: center;
  font-size: 13px;
}
@media (max-width: 640px) {
  .site-nav,.nav-inner {
    height: 64px;
  }
  .hero-copy {
    gap: 18px;
  }
  .hero-actions .btn {
    width: 100%;
  }
  .trust-strip,.live-metrics,.metric-grid,.similar-grid,.method-grid,.content-grid,.footer-grid {
    grid-template-columns: 1fr;
  }
  .studio-shell {
    border-radius: 22px;
    padding: 12px;
  }
  .canvas-card,.dna-card {
    padding: 16px;
    border-radius: 20px;
    min-height: auto;
  }
  .car-stage,.vehicle-canvas {
    height: 190px;
    min-height: 190px;
  }
  .ks-vehicle {
    height: 170px;
  }
  .scan-steps {
    grid-template-columns: 1fr;
  }
  .modal-list {
    grid-template-columns: 1fr;
  }
  .ks-free-head,.ks-prem-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .ks-result-body {
    padding: 16px;
  }
  .elite-sections {
    gap: 12px;
  }
  .section {
    padding: 48px 0;
  }
  .pir-container .pulse-grid {
    grid-template-columns: 1fr;
  }
  .pir-container .ri {
    grid-template-columns: 1fr;
  }
  .pir-container .run-row {
    grid-template-columns: 1fr;
  }
  .pir-container .run-num {
    text-align: left;
  }
  .pir-container .hero-price {
    font-size: 34px;
  }
}
body.menu-open {
  overflow: hidden;
}
.hamb {
  display: none;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 12px;
  width: 42px;
  height: 42px;
  color: var(--ink);
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}
.rich-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
}
.content-card p {
  margin-top: 10px;
  line-height: 1.62;
  color: var(--body);         /* explicit — ensures readability in light and dark modes */
}
.content-card h3 {
  letter-spacing: -.02em;
}
.market-explain {
  padding-top: 0;
}
@media (max-width: 900px) {
  .form-stage {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .studio-layout {
    grid-template-columns: 1fr;
  }
  .dna-card {
    position: static;
  }
  .dna-list {
    grid-template-columns: repeat(4,1fr);
  }
  .hero {
    min-height: auto;
  }
  .scan-steps {
    grid-template-columns: repeat(3,1fr);
  }
  .nav-links {
    gap: 2px;
  }
  .nav-links a {
    font-size: 11.5px;
    padding: 8px 8px;
  }
  .nav-actions .btn {
    display: none;
  }
}
@media (max-width: 900px) {
  .site-nav,.nav-inner {
    height: auto;
  }
  .nav-inner {
    padding: 10px 0;
    gap: 10px;
  }
  .brand {
    min-width: 0;
  }
  .hamb {
    display: inline-flex;
  }
  .nav-links {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 72px;
    z-index: 1100;
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 12px;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: visible;
  }
  body.menu-open .nav-links {
    display: grid;
  }
  .nav-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid var(--line);
    background: var(--soft);
    font-size: 13px;
  }
  .nav-actions {
    margin-left: auto;
  }
  .nav-mini {
    height: 36px;
    padding: 0 10px;
  }
}
@media (max-width: 640px) {
  .brand-name {
    font-size: 15px;
  }
  .brand-mark {
    width: 36px;
    height: 36px;
  }
  .nav-links {
    grid-template-columns: 1fr;
    top: 66px;
  }
  .nav-mini {
    display: none;
  }
}
.best-input .cfg-head {
  gap: 12px;
  margin-bottom: 10px;
}
.best-input .wz-pane {
  min-height: 334px}
.best-input .wz-pane>.field,.best-input .wz-duo>.field {
  min-height: 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: 0;
}
.best-input .label,.best-input .track-head .label {
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: .085em;
  margin-bottom: 6px;
  min-height: 13px;
  color: #d9edf8;
}
.best-input .chip-row,.best-input .wz-seg,.best-input .wz-scroll-row {
  gap: 6px;
  min-height: 33px;
}
.best-input .wz-chip,.best-input .wz-chip-more {
  height: 33px;
  min-height: 33px;
  min-width: 0;
  padding: 0 7px;
  font-size: 10.7px;
  font-weight: 700;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 12px;
}
.best-input .wz-chip.active {
  background: var(--orange);
  border-color: var(--orange);
  box-shadow: 0 8px 20px rgba(255,130,0,.22);
  font-weight: 900;
}
.best-input .wz-role-row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
}
.best-input .wz-seg:not(.wz-role-row) {
  gap: 6px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(92px,1fr));
}
.best-input .wz-emirate-row {
  height: 33px;
  align-items: center;
  min-height: 33px;
  gap: 5px;
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr))}
.best-input .wz-emirate-row .wz-chip {
  min-width: 0;
  width: 100%;
  padding: 0 3px;
  height: 31px;
  min-height: 31px;
  font-size: 9.3px;
}
.best-input input[type=range].wz-slider {
  position: absolute;
  inset: 0;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  cursor: pointer;
  z-index: 2;
  height: 26px}
.best-input .wz-back,.best-input .wz-next {
  height: 36px;
  min-height: 36px;
  border-radius: 13px}
@media (max-width: 900px) {
  .container {
    width: min(var(--max),calc(100% - 24px));
  }
  .section {
    padding: 36px 0;
  }
  .hero {
    padding: 34px 0;
  }
  .hero-copy,.hero-live {
    grid-column: 1/-1;
  }
  .trust-strip,.live-metrics,.metric-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .form-stage {
    grid-template-columns: 1fr;
  }
  .field,.field.track-card {
    min-height: auto;
  }
  .vehicle-canvas {
    height: 160px;
    min-height: 160px;
  }
  .dna-list {
    grid-template-columns: repeat(2,1fr);
  }
  .scan-steps {
    grid-template-columns: 1fr 1fr;
  }
  .elite-card,.elite-card.wide {
    grid-column: span 12;
  }
  .similar-grid,.method-grid,.content-grid,.footer-grid {
    grid-template-columns: 1fr;
  }
  .site-nav,.nav-inner {
    height: 62px;
  }
  .nav-links,.nav-actions .nav-mini,.nav-actions .btn {
    display: none;
  }
  .hamb {
    display: block;
  }
  .cfg-card {
    padding: 13px;
    border-radius: 18px;
  }
  .wz-step-tab span {
    display: none;
  }
  .wz-step-tab {
    height: 32px;
  }
  .wz-pane.active {
    gap: 11px;
  }
  .wz-back {
    padding: 0 15px;
    height: 44px;
  }
  .wz-next {
    height: 44px;
  }
  .wz-seg .wz-chip {
    font-size: 10px;
    padding: 0 3px;
    min-height: 32px;
  }
  .wz-duo {
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .best-input .cfg-head {
    margin-bottom: 8px;
  }
  .cfg-sub {
    display: none;
  }
  .best-input .wz-step-tab {
    height: 31px;
  }
  .best-input .wz-seg .wz-chip {
    min-height: 31px;
  }
  .best-input .wz-scroll-row .wz-chip,.best-input .wz-chip-more {
    min-height: 30px;
    font-size: 10.5px;
  }
  .best-input .track-card {
    padding: 9px;
  }
  .best-input .wz-duo {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .best-input .wz-back,.best-input .wz-next {
    height: 42px;
  }
  .best-input .wz-emirate-row .wz-chip {
    font-size: 9.5px;
    min-width: 0;
  }
  .best-input .wz-back {
    flex: 0 0 96px;
  }
  .best-input #ksColorRow .wz-chip {
    min-width: 72px;
  }
  .best-input .wz-mini-number {
    height: 28px;
    min-width: 124px}
  .best-input .wz-mini-number input {
    font-size: 11px;
    width: 80px}
  .best-input .wz-chip,.best-input .wz-chip-more,.best-input .wz-back,.best-input .wz-next {
    height: 32px;
    min-height: 32px;
    font-size: 10.5px;
    min-width: 74px}
  .best-input #ksColorRow .wz-chip:not(.wz-chip-more) {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
  .best-input #ksColorRow .wz-chip:not(.wz-chip-more)::before {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }
  .best-input .wz-pane > .field, .best-input .wz-duo > .field {
    min-height: 54px;
  }
  .best-input .label,.best-input .track-head .label {
    margin-bottom: 5px;
  }
  .best-input .wz-scroll-row .wz-chip,.best-input .wz-scroll-row .wz-chip-more {
    height: 31px;
    min-height: 31px;
  }
  .modal-card {
    width: calc(100vw - 24px);
    max-height: 76vh;
  }
  .modal-list {
    grid-template-columns: 1fr;
    max-height: calc(76vh - 120px)}
  .modal-list button {
    height: 40px;
  }
  .cfg-card.best-input {
    max-width: 100%;
    min-height: auto;
    padding: 14px;
    overflow: visible;
    max-height: none}
  .best-input .wz-pane {
    min-height: 0}
  .best-input .wz-pane.active {
    gap: 11px;
    grid-template-rows: repeat(5,minmax(54px,1fr));
    display: flex}
  .best-input .wz-pane>.field,.best-input .wz-duo>.field {
    min-height: 0;
    padding: 0;
  }
  .best-input .label {
    font-size: 10px;
    margin-bottom: 6px;
  }
  .best-input .wz-scroll-row {
    grid-template-columns: repeat(3,minmax(0,1fr));
    height: auto;
    min-height: 31px;
    overflow: visible;
  }
  .best-input .wz-seg:not(.wz-role-row) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .best-input .wz-emirate-row {
    gap: 4px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    height: auto}
  .best-input .wz-chip,.best-input .wz-chip-more {
    height: 34px;
    min-height: 34px;
    font-size: 11px;
  }
  .best-input #ksColorRow {
    grid-template-columns: repeat(6,minmax(0,1fr));
    height: auto;
  }
  .best-input .wz-nav {
    position: sticky;
    bottom: 0;
    background: linear-gradient(180deg,rgba(0,63,99,0),var(--blue) 28%);
    padding-top: 16px;
  }
}
.tool-field label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 900;
  color: var(--muted);
  margin: 0 0 6px;
  margin-bottom: 7px;
  line-height: 1.15;
}
.tool-field input,.tool-field select {
  height: 46px;
}
.tool-field textarea {
  height: 104px;
  resize: vertical;
  padding-top: 10px;
  min-height: 112px;
}
.kfc-row-val,.kfc-row-sub {
  text-align: left;
}
.kfc-wa-btn,.ks-pay-btn {
  min-height: 42px;
  border-radius: 14px;
}
.ks-pay-card {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 8px 20px rgba(255,130,0,.22);
}
.ks-code-toggle {
  margin-top: 9px;
  font-size: 11.5px;
  color: var(--t-muted);
}
.ks-privacy-note {
  font-size: 10.5px;
  color: var(--t-muted);
  line-height: 1.4;
  margin-top: 7px;
}
@media (max-width: 640px) {
  .trust-strip {
    grid-template-columns: 1fr 1fr;
  }
  .hero-actions .btn {
    width: 100%;
  }
  .ks-pay-grid {
    grid-template-columns: 1fr;
  }
}
.gate-card {
  margin-top: 14px;
  border: 1px solid rgba(255,130,0,.3);
  padding: 16px;
  background: linear-gradient(180deg,rgba(255,130,0,.08),rgba(255,130,0,.04));
  border-radius: 18px}
.gate-row {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: minmax(180px,1fr) auto;
  gap: 8px;
  align-items: center}
.gate-row input {
  flex: 1;
  min-width: 200px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--bg);
  color: var(--ink);
  padding: 0 12px;
  outline: none;
}
.gate-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
}
#ks-result-section .section-head {
  margin-bottom: 18px;
}
#ks-result-section .section-head h2 {
  letter-spacing: -.035em;
}
#ksFreeShell,#ksPremiumShell .ks-result-shell {
  max-width: 980px;
  margin-inline: auto;
}
#ksFreeShell .ks-free-head {
  background: linear-gradient(90deg,#fff,#f7fbff);
  padding: 16px 20px;
}
#ksFreeShell .ks-free-head-car {
  font-size: clamp(18px,2.3vw,24px);
}
#ksResultBody {
  background: #f6f9fc;
}
.kfc-nameplate-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.kfc-ref-chip {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef6ff;
  border: 1px solid #cfe3fa;
  color: var(--brand-blue,#006496);
  font: 800 11px var(--mono);
}
.kfc-ref-sub {
  font-size: 10.5px;
  color: #64748b;
  margin-top: 8px;
  font-family: var(--mono);
}
/* kfc-row borders now handled by nth-child(3n) and nth-last-child rules — no left/adjacent rules needed */
.ks-access-title {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #0f2d49}
.ks-access-reason {
  font-size: 11.5px;
  line-height: 1.45;
  margin: 7px 0 9px;
  color: #465b70;
  max-width: 620px}
.ks-code-toggle summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--brand-blue,#006496);
}
.ks-code-toggle .kfc-wa-wrap {
  margin-top: 8px;
  background: #fff;
}
.ks-pay-grid {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  grid-template-columns: 1fr}
.ks-pay-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: var(--r-md);
  padding: 10px 13px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  font-family: var(--ff);
  white-space: nowrap;
  min-height: 42px;
}
.kfc-foot a {
  display: none;
}
.pir-container {
  --pir-ink: #0f172a;
  --pir-muted: #64748b;
  --pir-line: #dbe4ee;
  --pir-soft: #f6f9fc;
  --pir-blue: var(--brand-blue,#006496);
  --pir-orange: #FF8200;
  margin: 0 auto;
  color: var(--pir-ink);
  font-family: var(--ff, "Plus Jakarta Sans", system-ui, sans-serif);
  max-width: 980px;
  margin-inline: auto}
.pir-container .hero-ref {
  font: 850 11px var(--mono);
  color: var(--brand-blue,#006496);
  background: #eef6ff;
  border: 1px solid #cfe3fa;
  border-radius: 999px;
  padding: 6px 10px;
}
.pir-container .hero-price span[style*="margin-left:14px"] {
  margin-left: 10px;
  vertical-align: middle;
}
.pir-container .card,.pir-container .pp,.pir-container .pulse {
  box-shadow: 0 8px 24px rgba(15,45,73,.045);
}
.pir-container .risk-layout,.pir-container .depr-layout {
  align-items: start;
}
.pir-container .risk-items-card {
  max-height: none;
  overflow: visible;
}
.pir-container .ri {
  display: grid;
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid #edf2f7;
  grid-template-columns: 84px minmax(0,1fr)}
.pir-container .ri-text {
  font-size: 12px;
  line-height: 1.55;
  color: #334155;
  overflow-wrap: anywhere;
}
@media (max-width: 640px) {
  .kfc-stats {
    display: grid;
    grid-template-columns: 1fr;
  }
  .kfc-stat+.kfc-stat::before {
    display: none;
  }
  .kfc-unlock-row {
    display: block;
  }
  .kfc-wa-btn,.ks-pay-btn {
    width: 100%;
    margin-top: 8px;
  }
  .ks-result-body {
    padding: 14px;
  }
  #ks-result-section .container {
    width: min(100%,calc(100% - 24px));
  }
  .kfc-nameplate-top {
    align-items: flex-start;
    flex-direction: column;
  }
  .kfc-rows {
    grid-template-columns: 1fr;
  }
  .kfc-row+.kfc-row {
    border-left: 0;
    border-top: 1px solid #e5edf5;
  }
  .kfc-gate {
    padding: 15px;
  }
  .pir-container .doc {
    border-radius: 18px;
  }
  .pir-container .hero-meta-row {
    display: block;
  }
  .pir-container .hero-ref {
    margin-top: 8px;
    display: inline-flex;
  }
  .pir-container .ri {
    grid-template-columns: 1fr;
  }
}
[data-theme=dark] {
  --bg: #06121f;
  --ink: #f0f8ff;
  --body: #c8dff0;
  --muted: #7ca4be;
  --line: #1e3d55;
  --card: #0d2236;
  --soft: #112840;
  --sand: #071624;
  --blue3: #0a2036;
  --mid-blue: #4da6ff;
  --shadow: 0 18px 55px rgba(0,0,0,.42);
  --shadow2: 0 8px 24px rgba(0,0,0,.28);
  --line2: #1a3a52;
  --bg2: #0d2236;
  --green-bg: rgba(47,168,109,.18);
  --amber-bg: rgba(178,94,9,.22);
  --red-bg: rgba(180,35,24,.22);
  --t-head: #f0f8ff;
  --t-body: #c8dff0;
  --t-muted: #7ca4be;
  --text: #f0f8ff;
  --pir-ink: #f0f8ff;
  --pir-muted: #7ca4be;
  --surf: #112840;
  /* dark KS semantic tokens */
  --ks-blue: #4da6ff;
  --ks-sky: #0a2036;
  --ks-border: #1e3d55;
  --ks-card: #0d2236;
  --ks-text: #f0f8ff;
  --ks-muted: #7ca4be;
}

/* ── Dark mode component overrides ──────────────────────────────── */
[data-theme=dark] .btn-secondary {
  background: rgba(100,180,240,.12);
  border-color: rgba(100,180,240,.28);
  color: #7ecfff;
}
[data-theme=dark] .btn-secondary:hover {
  background: rgba(100,180,240,.20);
  border-color: rgba(100,180,240,.45);
}
[data-theme=dark] .card {
  background: var(--ks-card, #0d2236);
  border-color: var(--ks-border, #1e3d55);
  box-shadow: 0 4px 18px rgba(0,0,0,.32);
}
[data-theme=dark] .tool-field input,
[data-theme=dark] .tool-field select,
[data-theme=dark] .tool-field textarea {
  background: #0a1d2e;
  border-color: #1e3d55;
  color: #f0f8ff;
  box-shadow: none;
}
[data-theme=dark] .tool-field input::placeholder,
[data-theme=dark] .tool-field textarea::placeholder {
  color: #7ca4be;
  opacity: 1;
}
[data-theme=dark] .tool-field label {
  color: #a8cce0;
}
[data-theme=dark] .nav-links a {
  color: #ccd5df;
}
[data-theme=dark] .nav-links a:hover,
[data-theme=dark] .nav-links a.active {
  color: #FF8200;
}

main > section {
  scroll-margin-top: 86px;
}
.section-head,.v13-section-head {
  margin-bottom: 18px;
}
.content-grid,.rich-grid,.v13-cards,.tool-shell {
  gap: 16px;
}
.content-card,.v13-card,.tool-card {
  border-radius: 20px;
}
.content-card,.v13-card {
  padding: 18px;
}
#ks-result-section {
  display: none;
  background: linear-gradient(180deg,var(--soft),var(--bg));
  padding-top: clamp(28px,4vw,44px);
  padding-bottom: clamp(34px,5vw,54px);
}
#ksFreeShell,#ksPremiumShell .ks-result-shell,.pir-container {
  max-width: 940px;
  margin-inline: auto;
}
.ks-result-shell {
  background: var(--card);
  border-radius: 20px;
  border: 1px solid var(--line);
  box-shadow: 0 14px 38px rgba(0,44,76,.09);
  overflow: hidden;
  width: 100%;                /* fill the section container */
}
.ks-free-head-car,.ks-prem-head-car {
  font-weight: 900;
  color: var(--ink);
  letter-spacing: -.03em;
  font-size: clamp(16px,1.6vw,20px);
  line-height: 1.2}
.decision-card {
  background: linear-gradient(135deg,var(--blue),#07111b);
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 18px}
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
  margin-top: 10px}
.metric-card {
  border: 1px solid var(--line);
  background: var(--card);
  padding: 12px;
  border-radius: 14px;
  min-height: 78px}
.elite-sections {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-top: 10px}
.elite-card {
  grid-column: span 4;
  background: var(--card);
  border: 1px solid var(--line);
  box-shadow: var(--shadow2);
  padding: 14px;
  border-radius: 16px;
  min-height: 124px}
.kfc-nameplate,.kfc-price-hero,.kfc-verdict,.kfc-rows,.kfc-stats,.kfc-neg,.kfc-quality {
  background: #fff;
  border: 1px solid #dce6f1;
  border-radius: 16px;
  box-shadow: 0 7px 18px rgba(15,45,73,.045);
}
.kfc-neg,.kfc-quality {
  padding: 12px 14px;
  border: 1px solid var(--bd);
  border-radius: 16px;
  background: var(--surf);
  margin-top: 10px;
  margin: 0;
}
.pir-container .hero-inner {
  display: grid;
  align-items: stretch;
  gap: 14px;
  grid-template-columns: minmax(0,1.38fr) minmax(220px,.62fr);
  padding: 16px;
  align-items: stretch}
.pir-container .hero-img-panel {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg,#eef5ff,#dff0ff);
  align-self: stretch;
  min-height: 170px;
  max-height: 220px;
  border-radius: 16px}
.pir-container .hero-car {
  font-weight: 900;
  letter-spacing: -.04em;
  color: var(--pir-ink);
  margin-bottom: 8px;
  text-transform: capitalize;
  font-size: clamp(24px,2.8vw,36px);
  line-height: 1.04}
.pir-container .hero-pills {
  display: flex;
  flex-wrap: wrap;
  color: var(--pir-muted);
  font-weight: 750;
  margin-bottom: 16px;
  gap: 6px;
  font-size: 11px;
  line-height: 1.4}
.pir-container .hero-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  font-family: var(--mono,"IBM Plex Mono",monospace);
  font-weight: 900;
  color: #334155;
  letter-spacing: -.06em;
  font-size: clamp(34px,4.1vw,52px);
  line-height: .96}
.pir-container .hero-price-lbl {
  margin-top: 12px;
}
.pir-container .hero-data-badge {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f7fafc;
  border: 1px solid var(--pir-line);
  font-size: 11px;
  font-weight: 900;
  color: var(--pir-ink);
  margin-top: 8px}
.pir-container .hero-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px}
.pir-container .divider {
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--pir-line),transparent);
  margin: 14px 0}
.pir-container .sec-title {
  font-weight: 850;
  letter-spacing: -.03em;
  margin: 0 0 14px;
  color: var(--pir-ink);
  font-size: clamp(22px,2.3vw,30px);
  line-height: 1.12;
  margin-bottom: 10px}
.pir-container .card,.pir-container .pp,.pir-container .pulse,.pir-container .narr-section {
  border-radius: 15px;
  box-shadow: 0 6px 18px rgba(15,45,73,.04);
}
.pir-container .card {
  background: #fff;
  border: 1px solid var(--pir-line);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15,44,76,.06);
  padding: 14px}
.pir-container .pos-wrap,.pir-container .risk-layout,.pir-container .depr-layout {
  gap: 10px;
  margin-bottom: 12px;
}
.pir-container .pos-wrap {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2,minmax(0,1fr))}
.pir-container .risk-layout {
  display: grid;
  gap: 16px;
  align-items: start;
  grid-template-columns: 260px minmax(0,1fr)}
.pir-container .depr-layout {
  display: grid;
  gap: 16px;
  align-items: start;
  grid-template-columns: minmax(0,1fr) 310px}
.pir-container .pulse-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px}
.pir-container .pulse-val {
  font-family: var(--mono);
  font-weight: 900;
  color: #334155;
  margin-top: 6px;
  line-height: 1.05;
  font-size: clamp(20px,2vw,25px)}
.pir-container table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 12px;
}
.pir-container th,.pir-container td {
  border-bottom: 1px solid #edf2f7;
  font-size: 12px;
  padding: 8px 10px;
  vertical-align: top}
.pir-container .narr-section {
  border: 1px solid var(--pir-line);
  border-radius: 18px;
  background: #fbfdff;
  padding: 13px}
.pir-container .narr-body {
  display: grid;
  gap: 6px}
.pir-container .narr-text {
  color: #334155;
  font-size: 11.5px;
  line-height: 1.45}
.pir-container .run-title {
  font-size: 15px;
  font-weight: 900;
  color: #0f172a;
  background: #f8fafc;
  border-bottom: 1px solid var(--pir-line);
  padding: 11px 13px}
.pir-container .run-row {
  display: grid;
  gap: 10px;
  align-items: start;
  border-bottom: 1px solid #edf2f7;
  padding: 9px 13px;
  grid-template-columns: minmax(0,1fr) 98px}
.pir-container .run-note {
  background: #fbfdff;
  color: #64748b;
  font-size: 11px;
  line-height: 1.55;
  padding: 10px 13px}
.pir-container .share {
  margin-top: 12px;
}
@media (max-width: 900px) {
  .v13-hero-grid,.v13-cards,.v13-flow {
    grid-template-columns: 1fr;
  }
  .v13-section-head,.v13-cta {
    display: block;
  }
  .v13-cta .btn {
    margin-top: 18px;
  }
  .v13-stat-grid {
    grid-template-columns: 1fr 1fr;
  }
  .v13-rich-grid,.v13-product-list,.v13-faq,.v13-split-table {
    grid-template-columns: 1fr;
  }
  .v13-metric-strip,.v13-result-band {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .v13-timeline-row {
    grid-template-columns: 1fr;
  }
  .v13-market-grid {
    grid-template-columns: 1fr;
  }
  .v13-platform-metrics {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .v13-demo-form {
    grid-template-columns: 1fr;
  }
  .pir-container .pulse-grid {
    grid-template-columns: 1fr 1fr;
  }
  .pir-container .hero-price {
    font-size: 40px;
  }
  .pir-container .doc {
    padding: 16px;
  }
  .rich-grid,.content-grid {
    grid-template-columns: 1fr;
  }
  .page-hero {
    padding: 42px 0;
  }
  .page-content {
    padding: 34px 0;
  }
  .tool-hero-grid,.tool-shell,.tool-shell.reverse {
    grid-template-columns: 1fr;
  }
  .metric-grid,.elite-sections {
    grid-template-columns: 1fr 1fr;
  }
  .pir-container .hero-inner,.pir-container .pos-wrap,.pir-container .risk-layout,.pir-container .depr-layout {
    grid-template-columns: 1fr}
  .pir-container .hero-img-panel {
    min-height: 150px;
    max-height: 190px}
}
@media print {
  .site-nav,.footer,.gate-card,.tool-actions,.nav-actions,.ks-premium-unlock,.report-fallback-note,.ks-combo-panel,.cookie-banner,.skip-link {
    display: none;
  }
  @page  {size:A4;margin:10mm}
  html,body {
    background: #fff;
    color: #111827;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .full-report-top {
    display: none;
  }
  .full-report-page {
    max-width: none;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .ks-result-body {
    padding: 0;
  }
  body.ks-print-free .site-nav,body.ks-print-free .hero,body.ks-print-free .v13-hero,body.ks-print-free .studio,body.ks-print-free footer,body.ks-print-free main>section:not(#ks-result-section) {
    display: none;
  }
  body.ks-print-free #ks-result-section {
    display: block;
    padding: 0;
    background: #fff;
  }
  body.ks-print-free #ksResultBody {
    padding: 0;
  }
  .ks-result-shell {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    overflow: visible;
  }
  .ks-free-head,.ks-prem-head {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .kfc-wrap {
    max-width: 100%;
    margin: 0;
  }
  .kfc-foot,.kfc-gate {
    display: none;
  }
  .pir-container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    font-size: 10.5pt;
  }
  .pir-container .hero {
    border-radius: 14px;
    margin-bottom: 12px;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .pir-container .hero-inner {
    grid-template-columns: 1.45fr 235px;
    gap: 12px;
    padding: 16px;
  }
  .pir-container .hero-img-panel {
    min-height: 155px;
  }
  .pir-container .hero-car {
    font-size: 21pt;
  }
  .pir-container .hero-price {
    font-size: 36pt;
  }
  .pir-container .sec-title {
    font-size: 15pt;
    margin-bottom: 8px;
  }
  .pir-container .eyebrow {
    font-size: 9pt;
  }
  .pir-container .pos-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .pir-container th,.pir-container td {
    padding: 6px 7px;
    font-size: 8.4pt;
  }
  .pir-container .risk-layout {
    grid-template-columns: 230px 1fr;
    gap: 10px;
  }
  .pir-container .gauge-wrap {
    width: 112px;
    height: 112px;
  }
  .pir-container .ri-p {
    height: 20px;
    font-size: 7.2pt;
  }
  .pir-container .ri-text {
    font-size: 8.6pt;
    line-height: 1.34;
  }
  .pir-container .depr-layout {
    grid-template-columns: 1fr 285px;
    gap: 10px;
  }
  .pir-container .run-title {
    padding: 9px 12px;
  }
  .pir-container .run-row {
    padding: 8px 12px;
    grid-template-columns: 1fr 88px;
  }
  .pir-container .run-lbl {
    font-size: 8.7pt;
  }
  .pir-container .run-lbl small {
    font-size: 7.2pt;
  }
  .pir-container .run-num {
    font-size: 9pt;
  }
  .pir-container .run-note {
    font-size: 7.7pt;
    padding: 8px 12px;
  }
  .pir-container .pulse-grid {
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
  }
  .pir-container .pulse {
    min-height: 82px;
    padding: 10px;
  }
  .pir-container .pulse-val {
    font-size: 17pt;
  }
  .pir-container .share {
    display: none;
  }
  .pir-container [style*="margin-bottom:24px"] {
    margin-bottom: 12px;
  }
  .pir-container .pir-page-break-before {
    break-before: auto;
    page-break-before: auto}
  .pir-container .card,.pir-container .pp,.pir-container .pulse {
    box-shadow: none;
    border-color: #d8e1ec;
    break-inside: auto;
    page-break-inside: auto}
  .pir-container .risk-score-card,.pir-container .run-card {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .pir-container .risk-items-card {
    break-inside: auto;
    page-break-inside: auto;
  }
  .pir-container .ri {
    grid-template-columns: 62px 1fr;
    padding: 6px 0;
    gap: 7px;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .pir-container .hero-meta-row {
    display: flex;
  }
  .pir-container .hero-ref {
    border: 1px solid #cfe3fa;
  }
  .full-report-top,.site-nav,.footer,.kfc-gate,.kfc-foot,.pir-container .share {
    display: none;
  }
  #ks-result-section .container,.full-report-page,.pir-container {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .ks-result-shell,.pir-container .doc {
    box-shadow: none;
    border-radius: 0;
    border: 0;
  }
  .pir-container .doc {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
  .pir-container .divider {
    margin: 9px 0;
  }
}
main > section + section {
  margin-top: 0;
}
.page-hero,.tool-hero,.v13-hero {
  padding: clamp(38px,5vw,58px) 0 28px;
  padding-block: clamp(34px,4.6vw,52px) 24px;
}
.page-content,.v13-section,.section {
  padding: clamp(34px,4.8vw,54px) 0;
  padding-block: var(--ks-section-gap);
}
.section.tight,.v13-section.tight {
  padding: clamp(24px,3.6vw,38px) 0;
  padding-block: clamp(22px,3vw,34px);
}
.page-content + .page-content,.v13-section + .v13-section,.section + .section {
  padding-top: clamp(22px,2.8vw,34px);
}
#ks-result-section .container {
  width: min(var(--ks-report-max),calc(100% - 32px))}
#ksFreeShell,#ksPremiumShell,#ksPremiumShell .ks-result-shell,.pir-container,.kfc-wrap {
  width: 100%;
  max-width: var(--ks-report-max);
  margin-inline: auto;
}
#ksPremiumShell {
  margin-top: 12px;
}
.ks-free-head,.ks-prem-head {
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(90deg,var(--card),var(--soft));
  min-height: 64px;
  padding: 13px 16px;
  display: flex;
  align-items: center}
.kfc-nameplate,.kfc-price-hero,.kfc-verdict,.kfc-rows,.kfc-stats,.kfc-neg,.kfc-quality,.kfc-gate {
  width: 100%;
}
.kfc-rows,.kfc-stats {
  overflow: hidden;
}
.pir-container .doc {
  background: #fff;
  border: 1px solid var(--pir-line);
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(15,45,73,.075);
  padding: 18px;
  width: 100%;
  max-width: var(--ks-report-max);
  margin-inline: auto}
.pir-container .hero {
  background: linear-gradient(135deg,#fff,#eef7ff);
  border: 1px solid #dbe7f3;
  border-radius: 18px;
  margin-bottom: 0;
  min-height: 0;
  display: block;
  overflow: hidden}
.pir-container .lt {
  table-layout: auto;
  width: 100%;
}
.pir-container .lt th:first-child,.pir-container .lt td:first-child {
  width: 74px;
  white-space: nowrap;
}
.pir-container .lt th,.pir-container .lt td {
  white-space: normal;
}
.pir-container .card-p0 {
  padding: 0;
  overflow: auto}
.page-hero + .page-content, .tool-hero + .v13-section, .tool-hero + section, .v13-section + .v13-section, .section + .section, .page-content + .section {
  margin-top: 0;
  padding-top: clamp(24px,3.2vw,38px);
}
/* .tool-shell consolidated — see minified section */
.pir-container .pulse {
  background: #fff;
  border: 1px solid var(--pir-line);
  border-radius: 16px;
  min-height: 100px;
  padding: 12px;
  display: flex;
  flex-direction: column}
.market-explain .content-grid {
  gap: 16px;
}
[data-theme=dark] .full-report-top {
  background: var(--card);
  border-color: var(--line);
}
main > section:first-child {
  margin-top: 0;
}
#ks-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  padding: 14px 20px;
  background: var(--blue);
  color: #cfe0ec;
  font-size: 13px;
  line-height: 1.5;
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.22,1,.36,1);
  border-top: 1px solid rgba(255,255,255,.12);
}
#ks-cookie-banner.show {
  transform: translateY(0);
}
.ks-cookie-text a {
  color: #7ecfff;
  text-decoration: underline;
}
.ks-cookie-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.ks-cookie-accept, .ks-cookie-decline {
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  font-family: var(--ff);
}
.ks-cookie-accept {
  background: var(--orange);
  color: #fff;
  border-color: var(--orange);
}
.ks-cookie-decline {
  background: transparent;
  color: #cfe0ec;
}
@media (max-width: 640px) {
  #ks-cookie-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
  }
}
:root {
  /* ── Missing tokens (v288 patch) ──────────────────────────── */
  --surf-0: #f0f4f8;        /* locked-teaser bg, light surface */
  --surf-2: #e2e8f0;        /* component bg, mid surface */
  --r-lg: 20px;             /* large border-radius */
  --r-pill: 9999px;         /* pill / fully-rounded elements */
  --accent-2: #a8550a;      /* unlock btn hover — darker orange */
  /* ────────────────────────────────────────────────────────── */
  /* ── Brand palette (FlyDubai-aligned) ────────────────────────── */
  --blue: #006496;          /* ks-blue — deep navy */
  --blue2: #006496;         /* mid-navy — eyebrows, active links */
  --blue3: #eaf7ff;         /* ks-sky — light section backgrounds */
  --mid-blue: #006496;      /* action blue — interactive accents */
  --orange: #FF8200;        /* ks-orange — brand orange */
  --orange2: #d4770f;       /* hover / darker orange */
  --gold: #d4af37;
  --sand: #f7f3eb;          /* warm light background */
  --bg: #fff;
  --ink: #08233f;           /* ks-text — deep navy headlines */
  --body: #1d3a52;          /* body text */
  --muted: #50657a;         /* ks-muted */
  --line: #cfe2f2;          /* ks-border */
  --card: #ffffff;          /* ks-card */
  --soft: #eaf7ff;          /* ks-sky — light surfaces */
  --green: #11845b;
  --red: #b42318;
  --amber: #b25e09;
  --shadow: 0 12px 34px rgba(0,44,76,.09);
  --shadow2: 0 5px 16px rgba(0,44,76,.07);
  --r: 14px;
  --r2: 22px;
  --max: 1180px;
  --gap: 16px;
  --ff: "Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  --mono: "IBM Plex Mono",ui-monospace,monospace;
  /* ── Type scale (FlyDubai uses 15–16px base minimum) ─────────── */
  --f-xs: clamp(12px,.82vw,13px);   /* was 11px min — too small for uppercase labels */
  --f-sm: clamp(13px,.92vw,14px);   /* captions, meta */
  --f: clamp(15px,1.08vw,16px);     /* base body — was 14px min, now 15px */
  --f-lg: clamp(17px,1.35vw,20px);
  --f-xl: clamp(20px,1.7vw,26px);
  --f-2xl: clamp(25px,2.5vw,36px);
  --f-hero: clamp(34px,4.2vw,54px);
  /* ── KamSayara V16 semantic tokens (FlyDubai-aligned) ───────── */
  --ks-blue: #006496;
  --ks-blue-dark: #004B73;
  --ks-sky: #eaf7ff;
  --ks-orange: #FF8200;
  --ks-green: #2fa86d;
  --ks-text: #08233f;
  --ks-muted: #50657a;
  --ks-border: #cfe2f2;
  --ks-card: #ffffff;
  /* ─────────────────────────────────────────────────────────── */
  --ks-v13-navy: #071b2c;
  --ks-v13-card: #083a5d;
  --ks-v13-sky: #e9f7ff;
  --accent: var(--orange);
  --link: var(--mid-blue);    /* FlyDubai-style action/link blue */
  --bd: var(--line);
  --surf: var(--soft);
  --t-head: var(--ink);
  --t-body: var(--body);
  --t-muted: var(--muted);
  --fm: var(--mono);
  --font: var(--ff);          /* alias used by some components */
  --r-md: 16px;
  --line2: #edf2f7;
  --text: var(--ink);
  --bg2: var(--soft);
  --green-bg: rgba(17,132,91,.10);
  --amber-bg: rgba(178,94,9,.12);
  --red-bg: rgba(180,35,24,.10);
  --pir-blue: var(--blue2);
  --pir-orange: var(--orange);
  --pir-line: var(--line);
  --pir-ink: var(--ink);
  --pir-muted: var(--muted);
  --wz-blue: var(--blue2);
  --premium: 0;
  --vehicle-color: #fff;
  --ks-report-max: 940px;
  --ks-section-gap: clamp(24px,3.2vw,38px);
  --ks-field-h: 46px;
  --ks-field-radius: 14px;
  --ks-form-gap: 14px;

  /* V1480 consolidated tokens from later patches */
  --blue:#006496;
  --blue2:#006496;
  --blue3:#e8f5fb;
  --mid-blue:#0066cc;
  --orange:#FF8200;
  --orange2:#e87500;
  --sand:#f6f8fa;
  --bg:#ffffff;
  --bg2:#f4f8fb;
  --card:#ffffff;
  --soft:#eef7fc;
  --ink:#0b2536;
  --text:#17364a;
  --muted:#5c7283;
  --line:#d7e5ee;
  --line2:#c6d9e5;
  --accent:var(--orange);
  --accent2:var(--blue2);
  --shadow:0 18px 46px rgba(0,63,99,.12);
  --shadow2:0 12px 34px rgba(0,63,99,.10);
  --ff:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
  --ks-safe-bottom: env(safe-area-inset-bottom, 0px);
  --ks-field-h: 48px;
  --ks-form-gap: 14px;
}
.tool-form {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--ks-form-gap);
  align-items: start}
.tool-field {
  display: flex;
  flex-direction: column;
  min-width: 0}
.tool-field label,.best-input .label,.best-input .track-head .label {
  min-height: 14px;
  margin: 0 0 7px;
  font-size: 11px;
  line-height: 1.15;
  letter-spacing: .08em;
  font-weight: 900;
}
.tool-field input,.tool-field select,.tool-field textarea, .gate-row input,#sellerAccessCode,#ksSellPriceInput,#ksSellNoteInput {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-radius: var(--ks-field-radius);
  border: 1px solid var(--line);
  background: var(--bg);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
  font-family: var(--font);
}
.tool-field input,.tool-field select,.gate-row input,#sellerAccessCode,#ksSellPriceInput {
  height: var(--ks-field-h);
  padding: 0 13px;
}
.tool-field textarea,#ksSellNoteInput {
  min-height: 108px;
  height: auto;
  padding: 12px 13px;
  resize: vertical;
}
.tool-field input[data-ks-num] {
  font-variant-numeric: tabular-nums;
  text-align: left;
}
.tool-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow2);
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 18px;
  overflow: hidden}
.tool-output {
  min-height: 74px;
  margin-top: 14px;
  width: 100%;
  min-width: 0}
.tool-result {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  align-items: stretch}
.tool-result div {
  background: var(--soft);
  border: 1px solid var(--line);
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  min-height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: space-between}
.tool-result b {
  display: block;
  margin-top: 7px;
  color: var(--ink);
  font-family: var(--mono);
  overflow-wrap: anywhere;
  font-size: 16px;
  white-space: normal;
  word-break: break-word}
.v13-copy-body pre {
  font-family: var(--ff);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word}
@media (min-width:681px) and (max-width:1100px) {
  .tool-hero-grid,.tool-shell,.tool-shell.reverse {
    grid-template-columns: 1fr;
  }
  .tool-form {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .tool-form.three {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .tool-result {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .tool-kpi-row,.about-method {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .market-table {
    min-width: 720px;
  }
}
@media (max-width: 640px) {
  .container {
    width: min(var(--max),calc(100% - 24px));
  }
  .tool-form,.tool-form.three,.inspect-grid,.tool-result,.tool-kpi-row,.about-method {
    grid-template-columns: 1fr;
  }
  .tool-hero {
    padding-top: 28px;
  }
  .site-nav {
    height: auto;
  }
  .nav-inner {
    height: auto;
    padding: 10px 0;
    flex-wrap: wrap;
  }
  .nav-links {
    order: 3;
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }
  .nav-actions .btn {
    display: none;
  }
  .iq-opts {
    grid-template-columns: 1fr;
  }
  .gate-row {
    flex-direction: column;
  }
  .gate-row input {
    min-width: 0;
  }
  .tool-field input,.tool-field select {
    height: 48px;
  }
  .gate-row,.gate-actions {
    grid-template-columns: 1fr;
  }
  .container,#ks-result-section .container {
    width: min(100%,calc(100% - 24px));
  }
  .page-hero,.tool-hero,.v13-hero {
    padding: 30px 0 22px;
  }
  .metric-grid,.elite-sections,.kfc-rows,.kfc-stats,.pir-container .pulse-grid {
    grid-template-columns: 1fr;
  }
  .ks-result-body {
    padding: 11px;
  }
  .kfc-nameplate-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .kfc-row+.kfc-row {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .kfc-stat+.kfc-stat {
    border-top: 1px solid var(--line);
  }
  .kfc-stat+.kfc-stat::before {
    display: none;
  }
  .kfc-quality {
    display: block;
  }
  .kfc-quality>div:last-child {
    margin-top: 8px;
    flex-wrap: wrap;
  }
  .kfc-unlock-row {
    display: block;
  }
  .kfc-wa-btn,.ks-pay-btn {
    width: 100%;
    margin-top: 8px;
  }
  .pir-container .doc {
    padding: 12px;
    border-radius: 18px;
  }
  .pir-container .hero-inner {
    padding: 13px;
  }
  .pir-container .card {
    padding: 12px;
    overflow-x: auto;
  }
  .pir-container th,.pir-container td {
    padding: 7px 8px;
    font-size: 11px;
  }
  #ks-result-section .container {
    width: min(100%,calc(100% - 22px));
  }
  .kfc-rows,.kfc-stats {
    grid-template-columns: 1fr;
  }
  .kfc-row {
    border-right: 0;
    border-bottom: 1px solid var(--bd);
  }
  .kfc-row:last-child {
    border-bottom: 0;
  }
  .page-content,.v13-section,.section {
    padding: 28px 0;
    padding-block: 26px;
  }
  .contact-form {
    grid-template-columns: 1fr;
  }
  .tool-form, .tool-form.three {
    grid-template-columns: 1fr;
  }
  .page-hero,.tool-hero {
    padding: 28px 0 22px;
  }
  .tool-shell,.tool-shell.reverse {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .tool-card {
    border-radius: 20px;
    padding: 16px}
  .tool-form,.tool-form.three {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .tool-field label,.best-input .label {
    font-size: 10.5px;
    letter-spacing: .07em;
  }
  .tool-result {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .tool-result div {
    min-height: 70px;
    padding: 13px;
  }
  .tool-result span {
    font-size: 10.5px;
  }
  .tool-result b {
    font-size: 16px;
  }
  .tool-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .tool-actions .btn,.tool-actions button {
    width: 100%;
    justify-content: center;
  }
  .score-meter {
    align-items: flex-start;
    flex-direction: column;
  }
  .market-table-wrap {
    border-radius: 16px;
  }
  .market-table {
    min-width: 680px;
  }
}
.modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 2000;
  display: none;
  padding: clamp(10px,2vw,18px);
  align-items: center;
  justify-content: center}
.modal-card {
  background: var(--card);
  border: 1px solid var(--line);
  width: min(700px,calc(100vw - 32px));
  max-height: min(58vh,500px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 14px;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,26,46,.25)}
.modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  flex: 0 0 auto;
  min-height: 34px}
.modal-title {
  font-weight: 900;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.15;
  letter-spacing: -.02em}
.modal-search {
  width: 100%;
  border: 1px solid var(--line);
  padding: 0 14px;
  background: var(--soft);
  color: var(--ink);
  height: 38px;
  margin-bottom: 12px;
  border-radius: 12px;
  flex: 0 0 auto;
  margin: 0 0 10px;
  font-size: 13px}
.modal-list {
  flex: 1 1 auto;
  overflow: auto;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
  padding-right: 4px;
  display: grid;
  max-height: none;
  min-height: 0;
  padding: 1px 3px 1px 1px}
.ks-modal-item, .modal-list button {
  min-height: 34px;
  height: auto;
  padding: 7px 10px;
  border-radius: 11px;
  font-size: 12.5px;
  line-height: 1.18;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.color-modal-list .ks-modal-item, .color-modal-list .modal-list button {
  min-height: 36px;
}
.cfg-card.best-input {
  margin-inline: auto;
  background: linear-gradient(180deg,#073456,#031524);
  border-color: rgba(255,255,255,.14);
  display: flex;
  flex-direction: column;
  min-height: 512px;
  max-width: 540px;
  padding: 17px 17px 14px;
  overflow: hidden;
  width: min(540px,100%);
  max-height: min(640px,calc(100svh - 118px));
  border-radius: 22px}
.best-input .wz-pane.active {
  gap: 8px;
  display: grid;
  grid-template-rows: repeat(5,minmax(54px,auto));
  align-items: stretch;
  justify-content: initial}
.best-input .field, .best-input .field.track-card {
  min-height: 0;
  padding: 8px 9px;
  border-radius: 14px;
}
.best-input .label, .best-input .track-head .label {
  min-height: 12px;
  margin-bottom: 4px;
  line-height: 1.05;
  font-size: 9.5px;
  letter-spacing: .08em;
}
.best-input .chip-row, .best-input .wz-scroll-row, .best-input .wz-seg, .best-input .wz-emirate-row {
  min-height: 30px;
  height: 30px;
  align-items: center;
  overflow: hidden;
}
.best-input .wz-scroll-row {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  height: 31px;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 5px;
  min-height: 31px;
  overflow: hidden;
  padding: 0;
  width: 100%}
.best-input .wz-seg:not(.wz-two), .best-input .wz-role-row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 5px;
}
.best-input .wz-two {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 5px}
.best-input .wz-chip, .best-input .wz-chip-more, .best-input .ks-chip, .best-input .ks-more {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 30px;
  min-height: 30px;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.best-input .wz-chip.active, .best-input .ks-chip.active {
  font-weight: 900;
}
.best-input .track-card {
  padding: 2px 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  min-height: 54px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.best-input .track-head {
  min-height: 18px;
  margin-bottom: 2px;
}
.best-input .range-wrap {
  height: 24px}
.best-input .range-bg {
  top: 9px;
  height: 7px;
  background: rgba(255,255,255,.16)}
.best-input .range-fill, .best-input .wz-track-fill {
  height: 7px;
}
.best-input .wz-track-hint {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-height: 10px;
  font-size: 8.5px;
  margin-top: 0;
  line-height: 1.05}
.best-input .wz-mini-number {
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.07);
  height: 27px;
  min-width: 112px;
  border-radius: 9px}
.best-input .wz-mini-number input {
  height: 100%;
  border: 0;
  background: transparent;
  color: #fff;
  outline: 0;
  padding: 0 8px;
  font-family: var(--mono);
  font-weight: 900;
  font-size: 11px;
  width: 70px}
.best-input .price-input {
  height: 30px;
  border-radius: 10px;
}
.best-input .price-input span {
  font-size: 9.5px;
  padding: 0 8px;
}
.best-input .price-input input {
  font-size: 11.5px}
.best-input .wz-nav {
  margin-top: 8px;
  padding-top: 8px;
  gap: 8px}
.best-input .wz-back, .best-input .wz-next {
  height: 34px;
  min-height: 34px;
  border-radius: 12px;
  font-size: 12px;
}
.best-input .cfg-foot {
  font-size: 10.5px;
  color: #9fb8cc;
  text-align: center;
  margin-top: 10px;
  display: none}
.best-input #ksColorRow {
  height: 30px;
  min-height: 33px;
  align-items: center;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 5px;
  display: grid}
.best-input #ksColorRow .wz-chip:not(.wz-chip-more) {
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 999px;
  font-size: 0;
  overflow: visible;
  border-color: rgba(255,255,255,.28);
  max-width: 30px;
  justify-self: center;
  display: grid;
  place-items: center;
}
.best-input #ksColorRow .wz-chip:not(.wz-chip-more)::before {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
  margin: 0;
  border-width: 2px;
}
.best-input #ksColorRow .wz-chip-more {
  font-size: 10px;
  border-radius: 10px;
  width: 100%;
  min-width: 0;
  max-width: none;
}
@media (min-width:900px) {
  .hero .container {
    width: min(var(--max),calc(100% - 56px));
  }
  .hero-copy h1 {
    font-size: clamp(42px,4.2vw,60px);
    line-height: 1.02}
  .hero-copy .lead {
    max-width: 620px;
    font-size: clamp(15px,1.12vw,18px);
    line-height: 1.45}
  .hero-actions {
    margin-top: 2px;
    gap: 10px;
  }
  .hero-actions .btn {
    height: 44px;
    padding: 0 17px;
  }
  .trust-strip {
    gap: 8px;
    margin-top: 2px}
  .trust-pill {
    padding: 9px 10px;
    border-radius: 13px;
    font-size: 11px}
  .best-input .cfg-label {
    font-size: 10.5px;
    letter-spacing: .14em;
  }
  .best-input .field {
    min-width: 0;
    min-height: 0;
  }
  .best-input .label {
    margin-bottom: 4px;
    font-size: 9.2px;
    line-height: 1.1;
  }
  .best-input .chip-row,.best-input .wz-scroll-row {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .best-input .wz-scroll-row .wz-chip, .best-input .wz-scroll-row .wz-chip-more {
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: center;
    padding: 0 5px;
  }
  .best-input .wz-seg {
    display: grid;
    gap: 6px;
    border: 0;
    background: transparent;
    overflow: hidden;
  }
  .best-input .wz-seg:not(.wz-two) {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .best-input .wz-two {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .best-input #wzPane3 .wz-duo {
    display: contents;
  }
  .best-input #wzPane3 .price-input {
    height: 31px;
    border-radius: 11px;
  }
  .best-input #wzPane3 .price-input input {
    font-size: 12px;
  }
  .best-input .wz-chip, .best-input .wz-chip-more, .best-input .wz-back, .best-input .wz-next {
    height: 31px;
    min-height: 31px;
    border-radius: 11px;
    font-size: 10.5px;
    line-height: 1;
    font-weight: 600;
  }
  .best-input .wz-chip.active, .best-input .wz-role-row .wz-chip.active, .best-input .ks-chip.active {
    font-weight: 900;
  }
  .best-input .wz-chip-more {
    font-weight: 600;
    border-color: rgba(255,130,0,.65);
    background: rgba(255,130,0,.18);
  }
  .best-input .range-fill,.best-input .wz-track-fill {
    height: 7px;
  }
  .best-input input[type=range]::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
  }
  .best-input .wz-mini-number input {
    width: 74px;
    font-size: 11.5px;
  }
  .best-input .wz-mini-number span {
    font-size: 9px;
    padding: 0 7px;
  }
  .best-input .wz-back {
    flex: 0 0 104px;
  }
  .best-input .wz-next {
    height: 36px;
  }
  .best-input .cfg-foot {
    display: none;
  }
  .hero {
    min-height: calc(100svh - 72px);
    display: flex;
    min-height: calc(100vh - 72px);
    padding: 22px 0 26px;
    align-items: center}
  .hero .grid {
    align-items: center}
  .hero-copy {
    gap: 16px;
    justify-content: center}
  .hero-live {
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center}
  .best-input .cfg-head {
    margin-bottom: 12px;
    flex: 0 0 auto;
  }
  .best-input .wz-pane {
    min-height: 0;
    flex: 1 1 auto;
  }
  .best-input .wz-pane>.field,.best-input .wz-duo>.field {
    min-height: 58px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }
  .best-input .label,.best-input .track-head .label {
    font-size: 10.2px;
    line-height: 1.12;
    letter-spacing: .085em;
    margin: 0 0 7px;
    min-height: 13px;
  }
  .best-input .chip-row,.best-input .wz-scroll-row,.best-input .wz-seg {
    min-height: 34px;
    gap: 7px;
  }
  .best-input .wz-chip,.best-input .wz-chip-more {
    height: 34px;
    min-height: 34px;
    min-width: 0;
    padding: 0 8px;
    font-size: 10.8px;
    line-height: 1.08;
    border-radius: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .best-input .wz-scroll-row {
    display: grid;
    gap: 6px;
    overflow: hidden;
    padding: 0;
    grid-template-columns: repeat(6,minmax(0,1fr));
    width: 100%}
  .best-input .wz-seg:not(.wz-role-row) {
    grid-template-columns: repeat(auto-fit,minmax(98px,1fr));
  }
  .best-input .wz-role-row {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .best-input .wz-emirate-row {
    grid-template-columns: repeat(7,minmax(0,1fr));
    gap: 5px;
    height: 34px;
    min-height: 34px;
  }
  .best-input .wz-emirate-row .wz-chip {
    font-size: 9.2px;
    padding: 0 3px;
  }
  .best-input .track-card {
    padding: 0;
    min-height: 58px;
  }
  .best-input .track-head {
    margin-bottom: 4px;
    min-height: 22px;
  }
  .best-input .range-wrap {
    height: 27px;
  }
  .best-input .range-bg {
    top: 10px;
    height: 8px;
  }
  .best-input .wz-track-hint {
    min-height: 11px;
    margin-top: 1px;
    font-size: 9px;
    line-height: 1.15;
  }
  .best-input .price-input {
    height: 34px;
    border-radius: 12px;
  }
  .best-input .wz-mini-number {
    height: 31px;
    min-width: 118px;
  }
  .best-input #ksColorRow {
    grid-template-columns: repeat(6,minmax(0,1fr));
    height: 34px;
    min-height: 34px;
  }
  .best-input #ksColorRow .wz-chip:not(.wz-chip-more) {
    height: 34px;
    width: 34px;
    min-width: 34px;
    justify-self: center;
  }
  .best-input .wz-nav {
    margin-top: 12px;
    padding-top: 12px;
    gap: 9px;
    flex: 0 0 auto;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .best-input .wz-back,.best-input .wz-next {
    height: 38px;
    min-height: 38px;
    border-radius: 14px;
  }
  .tool-form:not(.three) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cfg-card.best-input {
    max-width: 560px;
    padding: 13px 15px 12px;
    border-radius: 22px;
    width: min(560px,100%);
    min-height: 524px;
    max-height: calc(100vh - 124px);
    display: flex;
    flex-direction: column;
    overflow: hidden}
  .best-input .wz-pane.active {
    display: grid;
    gap: 13px;
    grid-template-rows: repeat(5,minmax(50px,auto));
    align-items: stretch}
}
@media (max-width: 900px) {
  .hero {
    min-height: auto;
    padding: 34px 0 38px;
  }
  .hero-copy,.hero-live {
    grid-column: 1/-1;
  }
  .hero-live {
    margin-top: 22px;
  }
  .trust-strip {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .best-input .label {
    font-size: 10.4px;
    margin-bottom: 7px;
  }
  .best-input .wz-seg:not(.wz-role-row) {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }
  .best-input .wz-chip,.best-input .wz-chip-more {
    height: 36px;
    min-height: 36px;
    font-size: 11.2px;
    border-radius: 13px;
  }
  .best-input .wz-nav {
    position: static;
    background: transparent;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .cfg-card.best-input {
    padding: 12px;
    border-radius: 22px;
    overflow: visible;
    max-width: 100%;
    max-height: none;
  }
  .best-input .wz-pane.active {
    gap: 13px;
    display: flex;
    flex-direction: column;
  }
  .best-input .wz-scroll-row {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
    overflow: visible;
    height: auto;
    min-height: 30px;
  }
  .best-input .chip-row, .best-input .wz-seg, .best-input .wz-emirate-row {
    height: auto;
    min-height: 30px;
  }
  .modal-card {
    width: calc(100vw - 22px);
    max-height: 70vh;
    padding: 12px;
  }
  .modal-list {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .ks-modal-item, .modal-list button {
    min-height: 36px;
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .trust-strip,.live-metrics,.dna-list,.modal-list {
    grid-template-columns: 1fr;
  }
  .metric-grid,.scan-steps {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .hero-actions .btn {
    width: 100%;
  }
  .studio-shell {
    padding: 10px;
  }
  .canvas-card,.dna-card {
    padding: 12px;
  }
  .ks-result-body {
    padding: 12px;
  }
  .decision-card {
    padding: 16px;
  }
  .wheel {
    display: none;
  }
  .best-input .wz-scroll-row {
    grid-template-columns: repeat(2,minmax(0,1fr)); /* 2-up: half the height of 1-column, still full tap targets */
  }
  .modal-list {
    grid-template-columns: 1fr;
  }
  .modal-card {
    max-height: 72vh;
  }
}
.v13-faq-simple {
  display: grid;
  gap: 10px;
}
.faq-item {
  padding: 13px 16px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 14px;
}
.faq-q {
  margin: 0 0 5px;
  font-weight: 900;
  font-size: 14px;
  color: var(--ink);
}
.faq-a {
  margin: 0;
  font-size: 13px;
  color: var(--body);
  line-height: 1.5;
}
.contact-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.full-report-page {
  max-width: calc(940px + 32px);
  margin: 0 auto;
  padding: 16px 16px 42px}
.full-report-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line,#e2e8f0);
  border-radius: 18px;
  background: var(--card,#fff);
  position: sticky;
  top: 10px;
  z-index: 5;
  box-shadow: 0 10px 35px rgba(15,23,42,.08)}
.full-report-title {
  font-weight: 900;
  font-size: 18px;
  letter-spacing: -.02em;
}
.full-report-sub {
  font-size: 12px;
  color: var(--muted,#64748b);
  margin-top: 2px;
}
.full-report-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.full-report-actions button {
  height: 36px;
  border: 1px solid var(--line,#e2e8f0);
  background: var(--card,#fff);
  border-radius: 999px;
  padding: 0 14px;
  font-weight: 850;
  cursor: pointer;
}
.full-report-actions .primary {
  background: var(--orange,#FF8200);
  color: #fff;
  border-color: var(--orange,#FF8200);
}
.share {
  margin-bottom: 30px;
}
.missing-report {
  padding: 28px;
  border: 1px solid var(--line,#e2e8f0);
  border-radius: 20px;
  background: var(--card,#fff);
}
@keyframes freeCardIn {from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#ksFreeCard {
  font-family: var(--ff);
  color: var(--t-head);
  background: var(--bg)}
.kfc-wrap {
  display: grid;
  gap: 10px;
  padding-bottom: 0;
  max-width: 680px;
  margin: 0 auto;
  padding: 0 0 32px}
.kfc-nameplate {
  padding: 28px 0 20px;
  border-bottom: 1px solid var(--bd)}
.kfc-eyebrow {
  font-size: 11px;           /* raised from 10px */
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 8px;
}
.kfc-carname {
  font-size: clamp(22px,3.5vw,30px);
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--t-head);
  line-height: 1.1;
  margin-bottom: 6px}
.kfc-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 8px}
.kfc-pill {
  font-size: 11px;
  font-weight: 600;
  color: var(--t-muted);
  background: var(--surf);
  border: 1px solid var(--bd);
  padding: 3px 10px;
  border-radius: var(--r-pill)}
.kfc-price-hero {
  padding: 28px 0 24px;
  border-bottom: 1px solid var(--bd)}
.kfc-price-lbl {
  font-size: 11px;           /* raised from 10px — too small for uppercase labels */
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--t-muted);
  margin-bottom: 10px;
}
.kfc-price-main {
  font-size: clamp(42px,7vw,64px);
  font-weight: 700;
  font-family: var(--fm);
  letter-spacing: -.04em;
  color: var(--accent);
  line-height: 1;
  margin-bottom: 4px}
.kfc-price-currency {
  font-size: clamp(18px,3vw,24px);
  font-weight: 500;
  color: var(--t-muted);
  vertical-align: super;
  margin-right: 4px;
  font-family: var(--fm);
}
.kfc-range {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
}
.kfc-range-track {
  flex: 1;
  max-width: 240px;
  height: 4px;
  background: var(--surf-2);
  border-radius: 4px;
  position: relative;
  overflow: visible;
}
.kfc-range-fill {
  position: absolute;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg,var(--link),var(--accent));
}
.kfc-range-pin {
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 12px;
  height: 12px;
  background: var(--accent);
  border-radius: 50%;
  border: 2px solid var(--bg);
  box-shadow: 0 0 0 2px var(--accent);
}
.kfc-range-lbl {
  font-size: 11px;
  font-weight: 600;
  font-family: var(--fm);
  color: var(--t-muted);
  white-space: nowrap;
}
.kfc-verdict {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border-radius: var(--r-lg);
  margin: 20px 0}
.kfc-verdict-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kfc-verdict-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.kfc-verdict-lbl {
  font-size: 13px;
  font-weight: 700;
}
.kfc-verdict-tip {
  font-size: 11.5px;
  color: var(--t-body);
  line-height: 1.5;
  margin-top: 2px;
  max-width: 340px;
}
.kfc-close-lbl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--t-muted);
  text-align: right;
  white-space: nowrap;
}
.kfc-close-val {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--fm);
  text-align: right;
  letter-spacing: -.03em;
}
.kfc-rows {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--bd);
  border-radius: 14px;
  background: var(--surf);
}
.kfc-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;      /* left-align everything */
  justify-content: flex-start;
  padding: 16px 18px;
  min-height: 90px;
  border-right: 1px solid var(--bd);
  border-bottom: 1px solid var(--bd);
  gap: 0;
  background: transparent;
  border-radius: 0;
  border-top: none;
  border-left: none;
}
.kfc-row:nth-child(3n) {
  border-right: none;           /* remove right border on last column */
}
.kfc-row:nth-last-child(-n+3) {
  border-bottom: none;          /* remove bottom border on last row */
}
/* Border cleanup handled by nth-child(3n) and nth-last-child(-n+3) rules above */
.kfc-row-lbl {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--t-muted);
  margin-bottom: 6px;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.kfc-row-val {
  font-size: 16px;
  font-weight: 800;
  font-family: var(--fm);
  color: var(--t-head);
  letter-spacing: -.02em;
  line-height: 1.1;
  margin-bottom: 5px;
  text-align: left;
}
.kfc-row-sub {
  font-size: 11px;
  color: var(--t-muted);
  line-height: 1.4;
  text-align: left;
  margin-top: 0;
}
.kfc-stats {
  border: 1px solid var(--bd);
  border-radius: 16px;
  overflow: hidden;
  background: var(--surf);
  grid-template-columns: repeat(3,minmax(0,1fr));
  display: flex;
  gap: 0;
  border-top: 1px solid var(--bd);
  border-bottom: 1px solid var(--bd);
  margin: 4px 0}
.kfc-stat {
  min-height: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 16px 0;
  text-align: center;
  position: relative}
.kfc-stat+.kfc-stat::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background: var(--bd);
}
.kfc-stat-lbl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--t-muted);
  margin-bottom: 6px;
}
.kfc-stat-val {
  font-size: 20px;
  font-weight: 700;
  font-family: var(--fm);
  color: var(--t-head);
  letter-spacing: -.03em;
  line-height: 1;
}
.kfc-stat-sub {
  font-size: 10.5px;
  color: var(--t-muted);
  margin-top: 3px;
}
.kfc-neg {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 14px 0;
  border-bottom: 1px solid var(--bd);
}
.kfc-neg-icon {
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 1px;
  opacity: .8;
}
.kfc-neg-lbl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--t-muted);
  margin-bottom: 4px;
}
.kfc-neg-text {
  font-size: 12.5px;
  color: var(--t-body);
  line-height: 1.6;
}
.kfc-quality {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  margin-top: 4px;
  border-top: 1px solid var(--bd);
  gap: 12px;
}
.kfc-conf-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: var(--r-pill);
  font-size: 11px;
  font-weight: 700;
}
.kfc-conf-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.kfc-gate {
  border: none;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: linear-gradient(180deg, var(--soft), var(--bg));
  margin-top: 0;
  display: block;
  box-shadow: none;
  padding: 22px 28px 24px;
}
.kfc-gate-head {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--ink);
  margin-bottom: 6px;
}
.kfc-features {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 18px;
  margin-top: 12px;
}
.kfc-feat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--body);
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--card);
  border: 1px solid var(--line);
}
.kfc-feat-lock {
  opacity: .55;
  font-size: 10px;
}
.kfc-unlock-row {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: nowrap;
}
.kfc-wa-wrap {
  display: flex;
  border: 1.5px solid var(--bd);
  border-radius: 14px;
  overflow: hidden;
  background: var(--bg);
  transition: border-color .2s;
  flex: 1;
  min-width: 0;
}
.kfc-wa-wrap:focus-within {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(255,130,0,.12);
}
.kfc-wa-pre {
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  color: var(--t-muted);
  display: flex;
  align-items: center;
  background: var(--soft);
  border-right: 1px solid var(--bd);
  flex-shrink: 0;
  white-space: nowrap;
}
.kfc-wa-input {
  flex: 1;
  padding: 12px 14px;
  font-size: 14px;
  border: none;
  outline: none;
  font-family: var(--ff);
  color: var(--t-head);
  min-width: 0;
  background: transparent;
}
.kfc-wa-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--orange);
  color: #fff;
  border: none;
  border-radius: 14px;
  padding: 12px 22px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--ff);
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(37,211,102,.25);
  transition: background .2s;
}
.kfc-wa-btn:hover {
  background: #1ebe5a;
}
.kfc-skip {
  background: none;
  border: none;
  font-size: 11px;
  color: var(--t-muted);
  cursor: pointer;
  font-family: var(--ff);
  padding: 6px 0 0;
  text-decoration: underline;
  text-underline-offset: 2px;
  display: block;
}
.kfc-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 0;
  margin-top: 8px;
  border-top: 1px solid var(--bd);
  gap: 12px;
}
[data-theme=dark] #ksFreeCard {
  background: var(--bg);
}
[data-theme=dark] .kfc-price-main {
  color: var(--accent);
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--t-head);
  font-family: var(--ff,system-ui);
  font-size: var(--f);
  line-height: 1.55;           /* slightly tighter than 1.5, better for dense UI */
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.popup-wrap {
  padding: 20px;
  max-width: 1120px;
  margin: 0 auto;
}
.popup-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.popup-title {
  font-weight: 900;
  font-size: 18px;
}
.popup-sub {
  font-size: 12px;
  color: var(--muted);
  margin-top: 3px;
}
.popup-close {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 999px;
  padding: 9px 14px;
  font-weight: 800;
  cursor: pointer;
}
.ks-result-body {
  padding: 0;
  display: block}
.scan-panel {
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg,#07243b,#0b4f7a);
  padding: 28px;
  color: white;
}
.lead {
  font-size: clamp(15px,1.1vw,17px);   /* slightly larger min for readability */
  line-height: 1.58;
  color: var(--body);                   /* FIX: was #cfe0ec (light blue) — invisible on light bg */
}
.scan-steps {
  display: flex;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 8px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.scan-step {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 12px;
  font-weight: 800;
  color: #cfe0ec;
}
@media (max-width: 640px) {
  .full-report-top {
    position: static;
    align-items: flex-start;
    flex-direction: column;
  }
  .full-report-title {
    font-size: 16px;
  }
  .full-report-page {
    padding: 10px 10px 35px;
  }
  .popup-wrap {
    padding: 12px;
  }
  .popup-title {
    font-size: 15px;
  }
  .popup-close {
    padding: 8px 11px;
  }
}

/* KamSayara utility classes migrated from inline HTML/JS styles */
.text-orange{color:var(--orange)}
.page-title-narrow{margin-top:14px;max-width:920px}
.lead-narrow-mt{max-width:760px;margin-top:18px}
.mt-24{margin-top:24px}
.mt-14{margin-top:14px}
.mt-12{margin-top:12px}
.m-0{margin:0}
.form-note{margin:0 0 18px;font-size:14px;color:var(--muted)}
.grid-span-all{grid-column:1/-1}
.contact-textarea{width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--bg);color:var(--ink);font-size:14px}
.small-muted-top{margin:6px 0 0;font-size:14px;color:var(--muted)}
.text-white-mt10{color:#fff;margin-top:10px}
.text-soft-mt8{color:#cfe0ec;margin-top:8px}
.text-soft-max680{max-width:680px;color:#cfe0ec;margin-top:14px}
.hidden-mt16{display:none;margin-top:16px}
.bg-sand{background:var(--sand)}
.is-hidden{display:none}
.min-tool-360{min-width:min(360px,100%)}
.table-empty{padding:20px;text-align:center;color:var(--muted)}
.soft-market-band{background:var(--soft);border-color:var(--line)}
.gate-code-wrap{display:none;margin-top:8px}
.gate-code-input{width:100%;height:42px;border:1px solid var(--line);border-radius:14px;padding:0 12px;background:var(--bg);color:var(--ink)}
.margin-top-zero{margin-top:0}
.inline-card-pad{margin-top:12px;padding:16px}
.inline-p-8{margin:8px 0;font-size:14px}
.inline-p-8-tight{margin:8px 0 4px}
.inline-p-6-body{margin:6px 0;font-size:14px;color:var(--body)}
.inline-p-10-muted{margin:10px 0 0;font-size:13px;color:var(--muted)}

.mt-10{margin-top:10px}

/* KamSayara v14.17 production polish: unified pages, compact forms, report shell */
.hero-visual-strip{margin-top:22px;max-width:520px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--card);box-shadow:0 22px 60px rgba(12,35,62,.10)}
.hero-visual-strip img{width:100%;height:auto;display:block}
.tool-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(235,247,255,.92),rgba(255,246,232,.74));border-bottom:1px solid var(--line)}
.tool-hero:after{content:"";position:absolute;right:-120px;top:30px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,130,0,.16),rgba(11,95,255,.04) 58%,transparent 70%);pointer-events:none}
.tool-hero-grid{align-items:center;gap:32px}
.tool-card{border:1px solid var(--line);box-shadow:0 18px 48px rgba(18,43,73,.08);border-radius:24px;background:var(--card)}
.tool-card.dark{background:linear-gradient(140deg,#10243d,#173b62);color:#fff;border-color:rgba(255,255,255,.14)}
.tool-card.dark h3,.tool-card.dark p{color:#fff}
.tool-form{gap:14px;align-items:start}.tool-field label{font-weight:800;color:var(--ink);letter-spacing:-.01em}.tool-field input,.tool-field select,.tool-field textarea{min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.tool-output{margin-top:18px;border-radius:18px}.tool-list{display:grid;gap:14px}.tool-list-item{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(18,43,73,.06)}
.v13-card,.method-card,.content-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.v13-card:hover,.method-card:hover,.content-card:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(18,43,73,.10);border-color:rgba(11,95,255,.22)}
.full-report-page{max-width:1160px;margin:0 auto;padding:24px;background:var(--bg)}.full-report-top{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin-bottom:18px;box-shadow:0 16px 40px rgba(18,43,73,.08)}
.full-report-title{font-size:clamp(22px,3vw,34px);letter-spacing:-.04em;margin:0;color:var(--ink)}.full-report-sub{color:var(--muted);font-weight:700;margin-top:4px}.full-report-actions{display:flex;gap:10px;flex-wrap:wrap}.full-report-actions button{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:11px 16px;font-weight:900;cursor:pointer}.full-report-actions button.primary{background:var(--orange);border-color:var(--orange);color:#fff}.missing-report{border:1px solid var(--line);border-radius:24px;background:var(--card);padding:34px;box-shadow:0 18px 48px rgba(18,43,73,.08)}
@media (max-width: 900px){.tool-hero-grid,.tool-shell,.tool-shell.reverse{grid-template-columns:1fr}.hero-visual-strip{max-width:100%}.tool-card{border-radius:20px}.full-report-top{position:relative}}
@media (max-width: 640px){.tool-hero{padding-top:28px}.tool-actions .btn{width:100%;justify-content:center}.full-report-page{padding:12px}.full-report-actions button{flex:1}.hero-visual-strip{margin-top:16px;border-radius:20px}}

/* v14.18 audit hardening */
.report-shell{background:var(--bg)}
.report-fallback-note{margin-bottom:18px}
.report-fallback-note h2{margin-top:0}
@media (max-width: 900px){.full-report-top{align-items:flex-start}.full-report-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.tool-hero-grid,.tool-shell,.tool-shell.reverse{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.nav-links{display:none}}
@media (max-width: 640px){.full-report-page{padding:14px}.full-report-top{border-radius:16px}.full-report-title{font-size:1.35rem}.full-report-actions button{width:100%}.content-card{padding:18px}.wz-chip,.wz-chip-more{min-height:38px}}

/* v14.19 explicit audit breakpoints */
@media (max-width: 900px){.audit-breakpoint-900{display:block}}
@media (max-width: 640px){.audit-breakpoint-640{display:block}}

/* ════════════════════════════════════════════════════════════
   v14.23 — Wizard UI refinements + print fixes
   1. Trust pills removed (HTML) — guard here too
   2. Compact wizard: completes without scrolling to reach Next
   3. Golden Next / Get Valuation button
   4. Back button: borderless icon-only left arrow
   5. Print: fit-to-page tables, no split rows, tighter gaps
   ════════════════════════════════════════════════════════════ */
.trust-strip { display: none !important; }

/* ── Golden chip buttons: "< Back" / "Next >" sized like input chips ── */
.wz-next,
.best-input .wz-next {
  flex: 0 0 auto;
  min-width: 104px;
  padding: 0 16px;
  background: linear-gradient(100deg, #c9a227, var(--gold) 55%, #e3c45c);
  color: #1c1503;
  border: 1px solid rgba(212,175,55,.9);
  box-shadow: 0 6px 16px rgba(212,175,55,.32);
  font-weight: 900;
  letter-spacing: .02em;
  white-space: nowrap;
}
.wz-next:hover:not(:disabled),
.best-input .wz-next:hover:not(:disabled) {
  background: linear-gradient(100deg, #b89220, #c9a227 55%, #d4af37);
  transform: translateY(-1px);
}
.wz-next:disabled { opacity: .65; }

.wz-back,
.best-input .wz-back {
  flex: 0 0 auto;
  min-width: 96px;
  width: auto;
  padding: 0 14px;
  border: 1px solid rgba(212,175,55,.65);
  background: rgba(212,175,55,.12);
  color: #ecd9a0;
  box-shadow: none;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wz-back:hover:not(:disabled),
.best-input .wz-back:hover:not(:disabled) {
  background: rgba(212,175,55,.22);
  color: #fff;
}

/* chip-matched size: same height / radius / font as the wizard input chips */
.best-input .wz-back,
.best-input .wz-next {
  height: 34px;
  min-height: 34px;
  border-radius: 12px;
  font-size: 11.5px;
}
/* "Get Valuation >" — slightly bigger than the chips */
.wz-next-final,
.best-input .wz-next-final {
  height: 40px !important;
  min-height: 40px !important;
  min-width: 150px;
  padding: 0 20px;
  font-size: 12.8px !important;
  border-radius: 14px !important;
  background: linear-gradient(100deg, #c9a227, #d4af37 45%, #f0d97a);
  box-shadow: 0 12px 28px rgba(212,175,55,.5);
  color: #1c1503;
}

/* nav row: Back left, Next right, vertically centered */
.best-input .wz-nav {
  margin-top: 10px;
  padding-top: 10px;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255,255,255,.1);
  flex: 0 0 auto;
  min-height: 42px;
}
/* step 1: Back hidden by JS — keep Next pinned right */
.best-input .wz-next { margin-left: auto; }

/* ── Card upscaled ~7.5%; identical fixed height on all 3 pages; never scroll to reach buttons ── */
@media (min-width: 900px) {
  .cfg-card.best-input {
    width: min(580px, 100%);          /* 540 → 580 ≈ +7.4% */
    max-width: 580px;
    min-height: 0;
    height: min(665px, calc(100vh - 108px));  /* fallback for browsers without svh */
    height: min(665px, calc(100svh - 108px)); /* fixed = equal across steps, capped to viewport */
    max-height: min(665px, calc(100vh - 108px));
    max-height: min(665px, calc(100svh - 108px));
    padding: 16px 17px 13px;
  }
  .best-input .wz-pane { min-height: 0; }
  .best-input .wz-pane.active {
    grid-template-rows: repeat(5, minmax(48px, auto));
    gap: 9px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    align-content: start;
  }
  .best-input .wz-pane.active::-webkit-scrollbar { display: none; }
  .best-input .label, .best-input .track-head .label {
    font-size: 11.2px;                /* 10.4 → 11.2 ≈ +7.7% */
    margin-bottom: 6px;
    min-height: 13px;
    line-height: 1.2;
  }
  .best-input .track-card { padding: 9px 10px; }
  .best-input .wz-track-hint { margin-top: 4px; min-height: 12px; font-size: 10px; }
  .best-input .wz-chip, .best-input .wz-chip-more {
    height: 33px;
    min-height: 33px;
    font-size: 11.2px;
  }
  .best-input .wz-seg .wz-chip { height: 33px; min-height: 33px; }
  .best-input .wz-mini-number { height: 31px; }
  .best-input .wz-mini-number input { font-size: 12px; }
  .best-input .price-input input { font-size: 12.3px; }
  .best-input .cfg-label { font-size: 13px; }
}

/* ── Mobile: keep Back/Next pinned at card bottom while scrolling ── */
@media (max-width: 900px) {
  .best-input .wz-nav {
    position: sticky;
    bottom: 0;
    z-index: 6;
    background: linear-gradient(180deg, rgba(4,23,38,0), #041726 32%);
    padding: 12px 0 6px;
    margin-top: 6px;
    border-top: 0;
    justify-content: space-between;
  }
  .best-input .wz-back,
  .best-input .wz-next {
    height: 40px;
    min-height: 40px;
    font-size: 12px;
  }
  .best-input .wz-next-final {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 13px !important;
  }
  .best-input .wz-pane.active { gap: 9px; }
  .best-input .field, .best-input .field.track-card { padding: 5px 7px; }
}

/* ── Print: fit to page, aligned tables, no scattered rows ── */

/* ── Stage 2: full-report skeletons, guide, mobile compaction ── */
.fr-skel {
  border-radius: 18px;
  background: linear-gradient(100deg, var(--soft) 35%, #e9eff5 50%, var(--soft) 65%);
  background-size: 240% 100%;
  animation: frShimmer 1.3s ease infinite;
}
[data-theme="dark"] .fr-skel {
  background: linear-gradient(100deg, #0d2236 35%, #133049 50%, #0d2236 65%);
  background-size: 240% 100%;
}
@keyframes frShimmer { to { background-position: -140% 0; } }
.fr-skel-hero { height: 190px; margin-bottom: 14px; }
.fr-skel-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 14px; }
.fr-skel-row .fr-skel { height: 92px; }
.fr-skel-block { height: 150px; margin-bottom: 14px; }
.report-about-grid { margin-top: 22px; }
.report-about-grid .content-grid { margin-top: 12px; }
.fr-disclaimer {
  margin-top: 14px;
  font-size: 12px;
  color: var(--muted);
  border-top: 1px solid var(--line);
  padding-top: 12px;
}
.fr-steps { margin: 10px 0 16px; padding-left: 20px; color: var(--body); }
.fr-steps li { margin-bottom: 6px; }
.missing-report .btn { margin-top: 4px; display: inline-flex; }

/* Mobile compaction: tighter sections, zero wasted space */
@media (max-width: 640px) {
  .section { padding: 26px 0; }
  .section.tight { padding: 20px 0; }
  .page-hero { padding: 28px 0 22px; }
  .footer { padding-top: 26px; }
  .footer-grid { gap: 16px; }
  .v13-section { padding: 28px 0; }
  .section-head { margin-bottom: 14px; }
  .method-grid, .content-grid { gap: 10px; }
  .card.content-card, .card.method-card { padding: 14px; }
  .hero-visual-strip { display: none; } /* reclaim vertical space above the fold */
  .full-report-page { padding: 14px 12px 28px; }
  .full-report-top { gap: 10px; }
}

/* ── Short-laptop tier: viewport height ≤ 740px on desktop widths.
   Compress the wizard so all 5 fields + nav fit with no internal scrolling.
   The pane's internal scroll remains as the final safety net. ── */
@media (min-width: 900px) and (max-height: 740px) {
  .cfg-card.best-input {
    height: calc(100vh - 96px);
    height: calc(100svh - 96px);
    max-height: calc(100vh - 96px);
    max-height: calc(100svh - 96px);
    padding: 12px 14px 10px;
  }
  .best-input .wz-pane.active { grid-template-rows: repeat(5, minmax(42px, auto)); gap: 6px; }
  .best-input .label, .best-input .track-head .label { font-size: 10.4px; margin-bottom: 4px; min-height: 12px; }
  .best-input .wz-chip, .best-input .wz-chip-more,
  .best-input .wz-seg .wz-chip { height: 30px; min-height: 30px; font-size: 10.6px; }
  .best-input .track-card { padding: 6px 8px; }
  .best-input .wz-track-hint { margin-top: 2px; min-height: 10px; }
  .best-input .wz-nav { margin-top: 7px; padding-top: 7px; min-height: 38px; }
  .best-input .wz-back, .best-input .wz-next { height: 32px; min-height: 32px; }
  .best-input .wz-next-final { height: 36px !important; min-height: 36px !important; }
  .hero { padding: 18px 0; }
}

/* ════════ v14.28 — combobox, label spacing, card trim, button margins, universal print ════════ */

/* ── Searchable combobox (one theme — uses the same CSS variables in light and dark) ── */
.ks-combo { position: relative; width: 100%; }
.ks-combo-native {
  position: absolute !important;
  width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
  margin: 0; padding: 0; border: 0;
}
.ks-combo-btn {
  width: 100%;
  min-height: 42px;
  padding: 9px 34px 9px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--card);
  color: var(--ink);
  font-family: var(--ff);
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: border-color .15s;
}
.ks-combo-btn::after {
  content: "";
  position: absolute;
  right: 13px; top: 50%;
  width: 8px; height: 8px;
  border-right: 2px solid var(--muted);
  border-bottom: 2px solid var(--muted);
  transform: translateY(-65%) rotate(45deg);
}
.ks-combo-btn.empty { color: var(--muted); font-weight: 500; }
.ks-combo-btn:hover, .ks-combo.open .ks-combo-btn { border-color: var(--blue2); }
.ks-combo-panel {
  display: none;
  position: absolute;
  z-index: 60;
  top: calc(100% + 5px);
  left: 0; right: 0;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(0,39,64,.16);
  padding: 8px;
}
.ks-combo.open .ks-combo-panel { display: block; }
.ks-combo-search {
  width: 100%;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
  color: var(--ink);
  font-family: var(--ff);
  font-size: 12.5px;
  margin-bottom: 6px;
}
.ks-combo-list {
  max-height: 190px; /* exactly 5 items of 38px — the rest scroll */
  overflow-y: auto;
  display: grid;
  gap: 2px;
}
.ks-combo-item {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 0 11px;
  border-radius: 9px;
  font-size: 12.8px;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
}
.ks-combo-item:hover { background: var(--soft); }
.ks-combo-item.active { background: var(--blue3); color: var(--blue); }
.ks-combo-empty { padding: 12px 11px; font-size: 12px; color: var(--muted); }

/* ── Wizard: breathing room between labels and fields ── */
@media (min-width: 900px) {
  .best-input .wz-pane.active { gap: 11px; grid-template-rows: repeat(5, minmax(50px, auto)); }
  .best-input .label, .best-input .track-head .label { margin-bottom: 8px; }
  .best-input .wz-track-hint { margin-top: 5px; }
  /* card trimmed ~3% from v14.27 (580 -> 562, 665 -> 648) — everything else unchanged */
  .cfg-card.best-input {
    width: min(562px, 100%);
    max-width: 562px;
    height: min(648px, calc(100vh - 108px));
    height: min(648px, calc(100svh - 108px));
    max-height: min(648px, calc(100vh - 108px));
    max-height: min(648px, calc(100svh - 108px));
  }
}
@media (max-width: 900px) {
  .best-input .label { margin-bottom: 8px; }
  .best-input .wz-pane.active { gap: 12px; }
}

/* ── Tool pages: proper margin around action buttons ── */
.tool-actions {
  margin-top: 20px;
  margin-bottom: 6px;
  gap: 12px;
}
.tool-actions .btn { min-height: 44px; padding: 0 22px; }
.tool-output { margin-top: 18px; }
.tool-form { row-gap: 16px; }
.tool-field label { margin-bottom: 7px; }

/* ── Universal print: any report or tool output prints clean — no nav, no forms,
     no wasted space, no mid-row breaks. One sheet-ready layout for save/share. ── */
@media print {
  .site-nav, .footer, .hamb, .nav-actions, .page-hero .btn, .hero-actions,
  .tool-form, .tool-actions, .v13-cta, .cookie-banner, .skip-link { display: none !important; }
  .page-hero { padding: 0 0 8px; }
  .page-hero h1 { font-size: 18pt; }
  .tool-card, .tool-output, .container { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .tool-card { border: 0; box-shadow: none; }
  .tool-output .card, .run-row, .ri, .market-row { break-inside: avoid; page-break-inside: avoid; }
  .section, .v13-section { padding: 8px 0; }
  .ks-combo-panel { display: none !important; }
  a[href]::after { content: ""; } /* no URL spam after links */
  body { background: #fff; }
}

/* ── v14.29 — distribute spare card height between fields (all 3 steps);
   slightly shorter card; card sits a little lower; never an internal
   scrollbar to reach a field or button. ── */
@media (min-width: 900px) {
  .hero-live { padding-top: 14px; } /* drop the card slightly from the top edge */
  .cfg-card.best-input {
    height: min(615px, calc(100vh - 122px));
    height: min(615px, calc(100svh - 122px));
    max-height: min(615px, calc(100vh - 122px));
    max-height: min(615px, calc(100svh - 122px));
  }
  .best-input .wz-pane.active {
    /* no fixed row template: rows take natural height and the leftover
       space spreads evenly BETWEEN fields — the void above Next is gone.
       Works identically for 5-field steps (1, 2) and the 4-row step (3). */
    grid-template-rows: none;
    grid-auto-rows: minmax(48px, auto);
    align-content: space-between;
    gap: 11px; /* minimum spacing; space-between adds the rest */
  }
  .best-input .wz-nav { margin-top: 8px; }
}
/* short-laptop tier inherits the distribution; only floors shrink */
@media (min-width: 900px) and (max-height: 740px) {
  .best-input .wz-pane.active { grid-auto-rows: minmax(42px, auto); gap: 7px; }
}

/* KamSayara role-based snapshot + password premium unlock */
.ks-snapshot-card {
  width: 100%;                /* fill the result shell — no orphaned 760px limit */
  padding: 0 28px 22px;
  border: none;               /* shell provides the border and shadow */
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.ks-snapshot-card .kfc-nameplate { padding-top: 24px; }
.ks-snapshot-card .kfc-price-hero { padding: 22px 0 20px; }
.ks-snapshot-card .kfc-price-main { font-size: clamp(46px,7vw,72px); }
.ks-market-band { font-size: 11px; color: var(--t-muted); margin-top: 8px; }
.ks-data-reliability { flex-shrink: 0; text-align: right; }
.ks-premium-unlock {
  width: 100%;                /* fill the result shell */
  margin: 0;
  padding: 22px 28px;
  border-radius: 0;
  border-top: 1px solid var(--line);
  border-left: none;
  border-right: none;
  border-bottom: none;
  background: linear-gradient(180deg, var(--soft), var(--bg));
}
.ks-premium-unlock .kfc-gate-head { margin-bottom: 8px; }
.ks-premium-unlock .kfc-features { margin: 14px 0 16px; }
.ks-password-area { flex: 1; min-width: 260px; }
.ks-password-error { font-size: 11px; font-weight: 700; color: #DC2626; margin-top: 6px; }
.ks-unlock-btn {
  background: var(--accent);
  box-shadow: 0 10px 24px rgba(204,112,13,.22);
  width: auto;
  justify-content: center;
  min-height: 43px;
}
.ks-unlock-btn:hover { background: var(--accent-2, #A8550A); }
.premium-report-section { margin-bottom: 24px; }
.premium-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; }
[data-theme=dark] .ks-snapshot-card {
  background: transparent;
  border: none;
}
[data-theme=dark] .ks-premium-unlock {
  background: linear-gradient(180deg, rgba(15,23,42,.6), rgba(7,17,27,.8));
  border-top-color: rgba(148,163,184,.2);
}
[data-theme=dark] .kfc-gate {
  background: linear-gradient(180deg, rgba(15,23,42,.6), rgba(7,17,27,.8));
  border-top-color: rgba(148,163,184,.2);
}
[data-theme=dark] .kfc-feat {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  color: var(--body);
}
@media (max-width: 640px){
  .ks-snapshot-card, .ks-premium-unlock { max-width: 100%; }
  .ks-snapshot-card .kfc-rows, .premium-grid { grid-template-columns: 1fr 1fr; }
  .ks-data-reliability { text-align: left; }
  .ks-unlock-btn { width: 100%; }
  .kfc-verdict { align-items: flex-start; flex-direction: column; }
}

/* KamSayara v14.30 — tablet/mobile report compaction only.
   Does not touch the valuation input wizard. Keeps snapshot cards compact,
   with two-column supporting price cards where screen width allows. */
#ks-result-section .ks-result-body{
  padding-inline: clamp(10px, 2.8vw, 18px);
}
#ksFreeCard .ks-snapshot-card,
#ksFreeCard .ks-premium-unlock{
  width: 100%;
  box-sizing: border-box;
}
#ksFreeCard .ks-snapshot-card .kfc-row{
  padding: 16px 18px;
  min-height: 90px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0;
}
#ksFreeCard .ks-snapshot-card .kfc-row-lbl{
  text-align: left;
  margin-bottom: 6px;
}
#ksFreeCard .ks-snapshot-card .kfc-row-val{
  text-align: left;
  font-size: 16px;
  letter-spacing: -.02em;
  margin-bottom: 5px;
}
#ksFreeCard .ks-snapshot-card .kfc-row-sub{
  text-align: left;
  font-size: 11px;
  line-height: 1.4;
}
#ksFreeCard .ks-premium-unlock .kfc-features{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 7px;
}
#ksFreeCard .ks-premium-unlock .kfc-feat{
  min-width: 0;
  justify-content: center;
  text-align: center;
  white-space: normal;
  line-height: 1.25;
}

@media (max-width: 900px){
  #ks-result-section{ padding-block: 26px; }
  #ks-result-section .container{ width: min(100%, calc(100% - 28px)); }
  #ksFreeCard .ks-snapshot-card{
    padding: 0 20px 16px;
    border-radius: 0;
  }
  #ksFreeCard .ks-snapshot-card .kfc-nameplate{ padding: 18px 0 13px; }
  #ksFreeCard .ks-snapshot-card .kfc-price-hero{ padding: 16px 0 15px; }
  #ksFreeCard .ks-snapshot-card .kfc-price-main{ font-size: clamp(38px, 8.5vw, 58px); }
  #ksFreeCard .ks-snapshot-card .kfc-range{ margin-top: 9px; }
  #ksFreeCard .ks-snapshot-card .kfc-verdict{
    margin: 12px 0;
    padding: 12px 13px;
    gap: 10px;
  }
  #ksFreeCard .ks-snapshot-card .kfc-rows{
    grid-template-columns: repeat(2, minmax(0,1fr));
    margin-top: 10px;
  }
  /* Reset border logic for 2-col grid */
  #ksFreeCard .ks-snapshot-card .kfc-row{
    border-right: 1px solid var(--bd);
    border-bottom: 1px solid var(--bd);
    padding: 14px 16px;
    min-height: 82px;
  }
  #ksFreeCard .ks-snapshot-card .kfc-row:nth-child(3n){ border-right: 1px solid var(--bd); }
  #ksFreeCard .ks-snapshot-card .kfc-row:nth-last-child(-n+3){ border-bottom: 1px solid var(--bd); }
  #ksFreeCard .ks-snapshot-card .kfc-row:nth-child(2n){ border-right: none; }
  #ksFreeCard .ks-snapshot-card .kfc-row:nth-last-child(-n+2){ border-bottom: none; }
  #ksFreeCard .ks-snapshot-card .kfc-row:last-child:nth-child(odd){
    grid-column: 1 / -1;
    border-right: none;
    border-bottom: none;
    min-height: 70px;
  }
  #ksFreeCard .ks-snapshot-card .kfc-quality{
    padding: 10px 0;
    gap: 10px;
  }
  #ksFreeCard .ks-premium-unlock{
    padding: 18px 20px;
  }
  #ksFreeCard .ks-premium-unlock .kfc-features{
    grid-template-columns: repeat(2, minmax(0,1fr));
    margin: 12px 0 14px;
  }
  #ksFreeCard .ks-premium-unlock .kfc-unlock-row{
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 10px;
  }
  #ksFreeCard .ks-password-area{ min-width: 0; }
  #ksFreeCard .ks-unlock-btn{ width: auto; min-width: 160px; }
  .premium-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 11px; }
  .premium-report-section{ margin-bottom: 18px; }
}

@media (max-width: 640px){
  #ks-result-section{ padding-block: 20px; }
  #ks-result-section .container{ width: min(100%, calc(100% - 20px)); }
  #ks-result-section .section-head{ margin-bottom: 10px; }
  #ksFreeCard .ks-snapshot-card{
    padding: 0 14px 14px;
    border-radius: 0;
    box-shadow: none;
  }
  #ksFreeCard .ks-snapshot-card .kfc-carname{ font-size: clamp(18px, 5.4vw, 23px); }
  #ksFreeCard .ks-snapshot-card .kfc-ref-sub{ font-size: 11px; line-height: 1.45; }
  #ksFreeCard .ks-snapshot-card .kfc-price-main{ font-size: clamp(34px, 10vw, 46px); }
  #ksFreeCard .ks-snapshot-card .kfc-price-currency{ font-size: 15px; }
  #ksFreeCard .ks-snapshot-card .kfc-range{ gap: 5px; }
  #ksFreeCard .ks-snapshot-card .kfc-range-lbl{ font-size: 10px; }
  #ksFreeCard .ks-snapshot-card .ks-market-band{ font-size: 10px; margin-top: 6px; }
  #ksFreeCard .ks-snapshot-card .kfc-verdict{
    flex-direction: row;
    align-items: center;
  }
  #ksFreeCard .ks-snapshot-card .kfc-verdict-tip{ max-width: none; font-size: 10.5px; line-height: 1.42; }
  #ksFreeCard .ks-snapshot-card .ks-data-reliability{ text-align: right; min-width: 96px; }
  #ksFreeCard .ks-snapshot-card .kfc-close-lbl,
  #ksFreeCard .ks-snapshot-card .kfc-close-val{ text-align: right; }
  /* Row cells: 1-col on mobile */
  #ksFreeCard .ks-snapshot-card .kfc-rows{
    grid-template-columns: 1fr 1fr;   /* 2-col even at 640px — cells are simple vertical stacks */
  }
  #ksFreeCard .ks-snapshot-card .kfc-row{
    min-height: 78px;
    padding: 12px 12px;
  }
  #ksFreeCard .ks-snapshot-card .kfc-row-lbl{ font-size: 10.5px; }
  #ksFreeCard .ks-snapshot-card .kfc-row-val{ font-size: 14px; margin-bottom: 4px; }
  #ksFreeCard .ks-snapshot-card .kfc-row-sub{
    font-size: 10px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  #ksFreeCard .ks-snapshot-card .kfc-quality{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
  }
  #ksFreeCard .ks-snapshot-card .kfc-quality .kfc-row-sub{
    -webkit-line-clamp: 1;
    max-width: 210px !important;
  }
  #ksFreeCard .ks-snapshot-card .kfc-foot{ margin-top: 4px; }
  #ksFreeCard .ks-premium-unlock{
    padding: 16px 14px;
  }
  #ksFreeCard .ks-premium-unlock .kfc-feat{
    font-size: 10px;
    padding: 5px 7px;
  }
  #ksFreeCard .ks-premium-unlock .kfc-unlock-row{
    grid-template-columns: 1fr;
  }
  #ksFreeCard .ks-unlock-btn{ width: 100%; min-width: 0; }
  #ksFreeCard .kfc-wa-pre{ padding-inline: 9px; font-size: 11px; }
  #ksFreeCard .kfc-wa-input{ min-width: 0; }
}

@media (max-width: 360px){
  #ksFreeCard .ks-snapshot-card .kfc-rows,
  .premium-grid{
    grid-template-columns: 1fr !important;
  }
  /* 1-col: only right-most border logic changes */
  #ksFreeCard .ks-snapshot-card .kfc-row{
    border-right: none !important;
    border-bottom: 1px solid var(--bd) !important;
    min-height: 72px;
    padding: 11px 12px;
  }
  #ksFreeCard .ks-snapshot-card .kfc-row:nth-child(3n){ border-right: none !important; }
  #ksFreeCard .ks-snapshot-card .kfc-row:last-child{ border-bottom: 0 !important; }
  #ksFreeCard .ks-premium-unlock .kfc-features{ grid-template-columns: 1fr; }
  #ksFreeCard .ks-snapshot-card .kfc-quality{ grid-template-columns: 1fr; }
  #ksFreeCard .ks-snapshot-card .ks-data-reliability,
  #ksFreeCard .ks-snapshot-card .kfc-close-lbl,
  #ksFreeCard .ks-snapshot-card .kfc-close-val{ text-align: left; }
}

/* ═══════════════════════════════════════════════════════════════
   KAM SAYARA — MOBILE LAYOUT FIX PATCH
   Fixes: nav, hero, wizard, chip rows, grids, footer, spacing
   Breakpoints: 899px → 639px → 479px → 380px
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. NAV — cleaner hamburger, no orphaned mini buttons ─────── */
@media (max-width: 900px) {
  .site-nav, .nav-inner { height: 60px; }
  .nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    gap: 0;
  }
  .nav-links, .nav-actions .btn { display: none !important; }
  .nav-actions .nav-mini { display: none !important; }
  .hamb {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 18px;
    flex-shrink: 0;
  }
  .brand { gap: 10px; }
  .brand-mark { width: 34px; height: 34px; border-radius: 10px; }
  .brand-name { font-size: 15px; }
  .brand-sub { font-size: 9px; }
}

/* ── 2. HERO — proper stacking, aligned, breathing room ────────── */
@media (max-width: 900px) {
  .hero {
    padding: 28px 0 36px;
    min-height: auto;
  }
  .hero .grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .hero-copy {
    grid-column: 1/-1;
    gap: 14px;
    order: 1;
  }
  .hero-live {
    grid-column: 1/-1;
    margin-top: 0;
    order: 2;
    width: 100%;
  }
  .hero h1 {
    font-size: clamp(24px, 7vw, 38px);
    letter-spacing: -0.03em;
    line-height: 1.18;
  }
  .hero .lead {
    font-size: clamp(14px, 3.8vw, 17px);
  }
  .hero-actions {
    gap: 8px;
  }
  .hero-actions .btn {
    width: 100%;
    height: 46px;
    font-size: 14px;
  }
  .hero-visual-strip {
    display: none; /* hide illustration — space is at premium on mobile */
  }
}

/* ── 3. CONTAINER — tighter edge on small phones ───────────────── */
@media (max-width: 640px) {
  .container {
    width: min(var(--max), calc(100% - 20px));
  }
}
@media (max-width: 360px) {
  .container {
    width: min(var(--max), calc(100% - 16px));
  }
}

/* ── 4. WIZARD CARD — full-width, no overflow, clean padding ───── */
@media (max-width: 900px) {
  .cfg-card.best-input {
    padding: 14px;
    border-radius: 18px;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
    max-height: none;
  }
  .best-input .cfg-head {
    margin-bottom: 10px;
  }

  /* Step counter + label row aligned */
  .best-input .cfg-label { font-size: 10.5px; }
  .best-input .cfg-counter { font-size: 10.5px; }

  /* Each pane field: clean flex column, no excess min-height */
  .best-input .wz-pane.active {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .best-input .wz-pane > .field,
  .best-input .wz-duo > .field {
    min-height: 0;
    padding: 0;
  }

  /* Field label */
  .best-input .label,
  .best-input .track-head .label {
    font-size: 9.5px;
    letter-spacing: 0.09em;
    margin-bottom: 6px;
    color: #c8e0f0;
  }

  /* ── Role row: 3 equal columns ── */
  .best-input .wz-role-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 6px;
  }
  .best-input .wz-role-row .wz-chip {
    width: 100%;
    min-width: 0;
    justify-content: center;
    padding: 0 6px;
    font-size: 10.5px;
  }

  /* ── Scroll rows (brand, model, trim, condition, accident, service): 3-col grid ── */
  .best-input .wz-scroll-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 5px;
    overflow: visible;
    height: auto;
    min-height: 0;
  }
  .best-input .wz-scroll-row .wz-chip,
  .best-input .wz-scroll-row .wz-chip-more {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 34px;
    min-height: 34px;
    font-size: 10.5px;
    padding: 0 4px;
  }

  /* ── Segment rows (spec, owners, warranty): auto-fit 2+ cols ── */
  .best-input .wz-seg:not(.wz-role-row) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px,1fr));
    gap: 6px;
  }
  .best-input .wz-seg .wz-chip {
    height: 34px;
    min-height: 34px;
    font-size: 10.5px;
  }

  /* ── Emirates: 4 cols on 480px+, 2 cols below ── */
  .best-input .wz-emirate-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 5px;
    height: auto;
    min-height: 0;
  }
  .best-input .wz-emirate-row .wz-chip {
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    font-size: 9.5px;
    padding: 0 4px;
  }

  /* ── Color row: 6 cols ── */
  .best-input #ksColorRow {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
    gap: 5px;
    height: auto;
  }
  .best-input #ksColorRow .wz-chip:not(.wz-chip-more) {
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
  }

  /* ── wz-duo: single column (warranty + asking price) ── */
  .best-input .wz-duo {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  /* ── Sliders: full-width, compact ── */
  .best-input .track-card {
    padding: 10px;
    border-radius: 13px;
  }
  .best-input .wz-mini-number {
    height: 30px;
    min-width: 110px;
  }
  .best-input .wz-mini-number input {
    font-size: 12px;
    width: 76px;
  }

  /* ── Price input ── */
  .best-input .price-input {
    height: 38px;
    border-radius: 12px;
  }

  /* ── Nav buttons: sticky footer, proper height ── */
  .best-input .wz-nav {
    position: sticky;
    bottom: 0;
    display: flex;
    gap: 8px;
    padding-top: 14px;
    background: linear-gradient(to bottom, rgba(3,17,30,0) 0%, #03111e 30%);
    margin-top: 6px;
  }
  .best-input .wz-back {
    flex: 0 0 88px;
    height: 44px;
    min-height: 44px;
    border-radius: 13px;
    font-size: 11px;
  }
  .best-input .wz-next {
    flex: 1;
    height: 44px;
    min-height: 44px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 800;
  }

  /* ── Chip uniform height ── */
  .best-input .wz-chip,
  .best-input .wz-chip-more {
    height: 34px;
    min-height: 34px;
    font-size: 10.5px;
    border-radius: 11px;
  }
  .best-input .wz-chip.active {
    font-weight: 800;
  }

  /* ── Footer note ── */
  .cfg-foot {
    font-size: 10px;
    text-align: center;
    margin-top: 6px;
    color: #7a9cb5;
  }
}

/* ── 5. NARROWER PHONES: 2-col chip rows ───────────────────────── */
@media (max-width: 640px) {
  .best-input .wz-scroll-row {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .best-input .wz-emirate-row {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .best-input .wz-emirate-row .wz-chip {
    font-size: 10px;
  }
  .best-input #ksColorRow {
    grid-template-columns: repeat(5, minmax(0,1fr));
  }
  .best-input .wz-seg:not(.wz-role-row) {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* ── 6. SECTION GRIDS — graduated column collapse ───────────────── */
@media (max-width: 900px) {
  .method-grid, .v13-cards {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
  }
  .similar-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .metric-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
  }
}
@media (max-width: 640px) {
  .method-grid, .v13-cards {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .metric-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .scan-steps {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* ── 7. V13 CARDS — mobile spacing and sizing ────────────────────── */
@media (max-width: 900px) {
  .v13-section {
    padding: 36px 0;
  }
  .v13-section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
  }
  .v13-section-head p {
    max-width: 100%;
    font-size: 14px;
  }
  .v13-card {
    padding: 16px;
    border-radius: 18px;
  }
  .v13-card .num { font-size: 12px; }
  .v13-card h3 { font-size: clamp(14px,4vw,17px); margin-top: 8px; }
  .v13-card p { font-size: 13px; margin-top: 6px; }
  .v13-cta {
    flex-direction: column;
    gap: 16px;
    text-align: center;
    align-items: center;
  }
  .v13-cta h2 { font-size: clamp(20px,5.5vw,28px); }
  .v13-cta .btn {
    width: 100%;
    max-width: 360px;
    height: 48px;
    font-size: 14px;
  }
}

/* ── 8. FOOTER — 2-col → 1-col, proper spacing ─────────────────── */
@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px 20px;
  }
  .footer-grid > div:first-child {
    grid-column: 1 / -1; /* brand blurb spans full width */
  }
  .footer {
    padding: 28px 0 16px;
  }
  .footer-bottom {
    margin-top: 20px;
    font-size: 11.5px;
    line-height: 1.5;
    text-align: center;
  }
}
@media (max-width: 640px) {
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .footer h3 {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .footer a {
    font-size: 13px;
  }
}

/* ── 9. SECTION GENERAL SPACING ─────────────────────────────────── */
@media (max-width: 900px) {
  .section {
    padding: 36px 0;
  }
  .section.tight {
    padding: 26px 0;
  }
  .section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px;
  }
  .section-head h2 {
    font-size: clamp(20px, 5.5vw, 28px);
  }
}
@media (max-width: 640px) {
  .section {
    padding: 28px 0;
  }
  .section.tight {
    padding: 20px 0;
  }
}

/* ── 10. SCAN SECTION — proper mobile layout ─────────────────────── */
@media (max-width: 900px) {
  .scan-panel {
    padding: 24px 20px;
    border-radius: 20px;
  }
  .scan-panel h2 { font-size: clamp(20px, 5vw, 28px); }
  .scan-steps {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
    margin-top: 18px;
  }
  .scan-step {
    font-size: 12px;
    padding: 10px 12px;
    border-radius: 12px;
  }
}

/* ── 11. RESULT SECTION ALIGNMENT ────────────────────────────────── */
@media (max-width: 900px) {
  .ks-free-head, .ks-prem-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 14px 16px;
  }
  .ks-result-shell {
    border-radius: 18px;
  }
  .decision-card {
    padding: 18px 16px;
    border-radius: 16px;
  }
  .decision-title {
    font-size: clamp(18px, 5vw, 24px);
  }
  .metric-card {
    padding: 14px 12px;
    border-radius: 14px;
  }
  .elite-card {
    padding: 16px;
    border-radius: 16px;
  }
}

/* ── 12. MODAL — full-width, max usable height ───────────────────── */
@media (max-width: 640px) {
  .modal-card {
    width: calc(100vw - 20px);
    max-height: 80vh;
    border-radius: 20px;
    padding: 14px;
  }
  .modal-head {
    margin-bottom: 10px;
  }
  .modal-title { font-size: 14px; }
  .modal-search {
    height: 40px;
    font-size: 14px;
    border-radius: 11px;
    margin-bottom: 10px;
  }
  .modal-list {
    grid-template-columns: 1fr 1fr;
    max-height: calc(80vh - 130px);
    gap: 6px;
  }
  .modal-list button {
    height: 40px;
    font-size: 12px;
    border-radius: 10px;
    padding: 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 640px) {
  .modal-list {
    grid-template-columns: 1fr;
  }
}

/* ── 13. METHOD/TRUST CARDS — consistent mobile sizing ──────────── */
@media (max-width: 900px) {
  .method-card {
    padding: 16px;
    border-radius: 18px;
  }
  .method-card h3 { font-size: clamp(14px,4vw,17px); }
  .method-card p { font-size: 13px; }
}

/* ── 14. EYEBROW/KICKER — consistent mobile sizing ──────────────── */
@media (max-width: 900px) {
  .eyebrow, .v13-kicker {
    font-size: 10.5px;
  }
}

/* ── 15. BODY — prevent horizontal overflow ─────────────────────── */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* ── 16. NAV DRAWER — correct top offset + full-width on mobile ── */
@media (max-width: 900px) {
  .nav-links {
    top: 64px !important;  /* match our 60px nav + 4px buffer */
    left: 10px !important;
    right: 10px !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 12px !important;
    border-radius: 16px !important;
    z-index: 1200;
  }
  .nav-links a {
    font-size: 12.5px;
    font-weight: 800;
    min-height: 42px;
    border-radius: 12px;
  }
  body.menu-open .nav-links {
    display: grid !important;
  }
  /* dim overlay behind drawer */
  body.menu-open::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.38);
    z-index: 1100;
    pointer-events: none;
  }
}
@media (max-width: 640px) {
  .nav-links {
    grid-template-columns: 1fr !important;
    top: 60px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   TOOL PAGES — MOBILE LAYOUT FIX (sell, buy-smart, compare, listing-writer)
   ═══════════════════════════════════════════════════════════════ */

/* ── tool-hero responsive ── */
@media (max-width: 900px) {
  .tool-hero {
    padding: 28px 0 32px;
  }
  .tool-hero h1 {
    /* font-size governed by unified hero rule */
  }
  .tool-hero .lead {
    font-size: 14px;
    margin-top: 10px;
  }
  .tool-hero-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  /* hide the dark preview card on mobile — space is too tight */
  .tool-hero-grid .tool-card.dark {
    display: none;
  }
}

/* ── tool-shell: form + list side by side → stacked ── */
@media (max-width: 900px) {
  .tool-shell {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .tool-shell .tool-card {
    height: auto;
  }
  .tool-card {
    padding: 16px;
    border-radius: 20px;
  }
}

/* ── tool-form: 2-col → 1-col on narrow ── */
@media (max-width: 640px) {
  .tool-form {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .tool-field label {
    font-size: 10.5px;
    margin-bottom: 5px;
  }
  .tool-field input,
  .tool-field select {
    height: 44px;
    font-size: 14px;
  }
}

/* ── tool-result: 4-col → 2-col → 2-col ── */
.tool-result {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (min-width: 640px) {
  .tool-result {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}
@media (max-width: 640px) {
  .tool-result {
    grid-template-columns: 1fr 1fr;
  }
  .tool-result div {
    padding: 10px 10px;
  }
  .tool-result span {
    font-size: 10.5px;
  }
  .tool-result b {
    font-size: 14px;
  }
}

/* ── tool-actions: stack buttons on mobile ── */
@media (max-width: 640px) {
  .tool-actions {
    flex-direction: column;
    gap: 8px;
  }
  .tool-actions .btn {
    width: 100%;
    justify-content: center;
    height: 46px;
  }
}

/* ── tool-list: readable on mobile ── */
@media (max-width: 640px) {
  .tool-list {
    gap: 10px;
  }
  .tool-list-item {
    padding: 12px;
    border-radius: 14px;
    gap: 10px;
  }
  .tool-list-item b {
    font-size: 13px;
  }
  .tool-list-item p {
    font-size: 12.5px;
    margin-top: 3px;
  }
  .tool-list-item span:first-child {
    width: 26px;
    height: 26px;
    font-size: 11px;
    flex-shrink: 0;
  }
}

/* ── v13-badge-row: wrap on mobile ── */
@media (max-width: 640px) {
  .v13-badge-row {
    flex-wrap: wrap;
    gap: 6px;
  }
  .v13-badge {
    font-size: 10.5px;
    padding: 4px 10px;
  }
}

/* ── gate-card: password input + button stack on mobile ── */
@media (max-width: 640px) {
  .gate-card {
    padding: 14px;
    border-radius: 14px;
  }
  .gate-row {
    flex-direction: column;
    gap: 8px;
  }
  .gate-row input {
    width: 100%;
  }
  .gate-row .btn {
    width: 100%;
    height: 44px;
  }
}

/* ── compare page: two-car inputs stack on mobile ── */
@media (max-width: 900px) {
  .tool-shell.reverse {
    grid-template-columns: 1fr;
  }
}

/* ── market table: horizontal scroll on mobile ── */
@media (max-width: 640px) {
  .market-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
  }
  .market-table-wrap table {
    min-width: 540px;
  }
}

/* ── tool-kpi-row ── */
@media (max-width: 640px) {
  .tool-kpi-row {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
  }
}

/* ── soft-market-band advice block ── */
@media (max-width: 640px) {
  .tool-advice {
    font-size: 13px;
    line-height: 1.5;
    padding: 10px 12px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   TYPOGRAPHY & COLOUR SYSTEM FIX — v281
   Fixes: .lead contrast, --muted contrast, mid-blue, dark mode,
   h3 weight, body size, result card labels, footer, font-weight 950→900
   ═══════════════════════════════════════════════════════════════ */

/* ── Content area links use mid-blue (FlyDubai action colour) ── */
.page-content a:not(.btn),
.legal-shell a:not(.btn),
.content-card a:not(.btn) {
  color: var(--mid-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}
.page-content a:not(.btn):hover,
.legal-shell a:not(.btn):hover,
.content-card a:not(.btn):hover {
  color: var(--blue);
}

/* ── .lead: needs explicit colour reset per context ─────────── */
/* Global .lead is now var(--body) — re-apply light blue ONLY inside dark panels */
.scan-panel .lead,
.v13-cta .lead,
.v13-panel .lead,
.v13-mini-output .lead,
.tool-card.dark .lead,
.decision-card .lead,
.cfg-card .lead {
  color: #cfe0ec;
}

/* ── Hero lead text (tool-hero, page-hero) — handled in unified block above ── */
.tool-hero .lead { margin-top: 14px; }

/* page-hero .lead — same as tool-hero */
.page-hero .lead { margin-top: 14px; }

/* hero-copy .lead on light hero section */
.hero-copy .lead {
  color: var(--body);
  font-size: var(--f);
}

/* ── Section paragraph text — explicit body colour ─────────── */
.section p:not([class]),
.v13-section p:not([class]),
.page-content p:not([class]) {
  color: var(--body);
  line-height: 1.62;
}

/* ── Hero headlines — single unified rule across ALL hero types ── */
.tool-hero h1,
.page-hero h1,
.v13-hero h1 {
  font-size: var(--f-hero);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.04em;
  color: var(--ks-blue-dark, #082f57);
  margin: 0;
}

/* ── Two-color hero headlines — main = blue-dark, span = orange ── */
.tool-hero h1 span,
.page-hero h1 span,
.v13-hero h1 span,
.hero h1 span {
  color: var(--ks-orange, #FF8200);
}

/* ── Hero lead text — shared size and colour ─────────────────── */
.tool-hero .lead,
.page-hero .lead,
.v13-hero p {
  font-size: var(--f);
  color: var(--body);
  max-width: 56ch;
  margin-top: 14px;
}

/* v13-kicker size consolidated into primary rule */

/* ── Metric card labels ─────────────────────────────────────── */
.metric-card span {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.metric-card b {
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 900;
  color: var(--ink);
  font-family: var(--mono);
  letter-spacing: -.02em;
  display: block;
  margin-top: 4px;
}

/* ── Decision card result text on index page ─────────────── */
.decision-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
}
.decision-title {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 900;
  letter-spacing: -.03em;
  color: #fff;
  margin-top: 6px;
}

/* ── nav-mini buttons — readable in both modes ───────────── */
.nav-mini {
  font-size: 12px;
  font-weight: 700;
  color: var(--body);
}
[data-theme=dark] .nav-mini {
  color: var(--body);
  border-color: var(--line);
  background: var(--soft);
}

/* ── Trust pill text contrast boost ─────────────────────── */
.trust-pill {
  color: var(--blue);
  font-weight: 800;
}

/* ── Scan section step labels ────────────────────────────── */
.scan-step {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}

/* ── Tool result stat labels ─────────────────────────────── */
.tool-result span {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  display: block;
  margin-bottom: 4px;
}
.tool-result b {
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 900;
  font-family: var(--mono);
  color: var(--ink);
}

/* ── Dark mode: tool-result on dark cards ─────────────────── */
.tool-card.dark .tool-result span {
  color: #7ecfff;
}
.tool-card.dark .tool-result b {
  color: #fff;
}

/* ── footer mobile adjustments carried through ───────────── */
@media (max-width: 640px) {
  .footer h3 { font-size: 12px; margin-bottom: 10px; }
  .footer a  { font-size: 13px; }
  .footer p  { font-size: 13px; }
  .footer-bottom { font-size: 11.5px; }
}


/* KamSayara V283 final report-layout hardening
   Purpose: one aligned free-report shell, no 680px orphan card, clean cell grid,
   reliable password row alignment. This patch intentionally sits last so older
   duplicate report rules cannot override it. */
#ks-result-section .container,
#ksFreeShell,
#ksPremiumShell,
#ksPremiumShell .ks-result-shell,
.pir-container{
  width: min(var(--ks-report-max, 940px), calc(100% - 32px)) !important;
  max-width: var(--ks-report-max, 940px) !important;
  margin-inline: auto !important;
}
#ksFreeCard{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: transparent !important;
}
#ksFreeCard .kfc-wrap.ks-snapshot-card{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 28px 22px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#ksFreeCard .ks-premium-unlock{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#ksFreeCard .kfc-nameplate-top{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
#ksFreeCard .kfc-ref-chip{
  flex: 0 0 auto !important;
  max-width: 44% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#ksFreeCard .kfc-price-hero{
  text-align: left !important;
}
#ksFreeCard .kfc-price-main{
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  line-height: .98 !important;
}
#ksFreeCard .kfc-price-currency{
  position: static !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
#ksFreeCard .kfc-range{
  width: 100% !important;
  max-width: 620px !important;
}
#ksFreeCard .kfc-range-track{
  max-width: none !important;
}
#ksFreeCard .kfc-verdict{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  margin: 18px 0 !important;
  border: 1px solid var(--bd) !important;
  background: var(--surf) !important;
}
#ksFreeCard .ks-data-reliability{
  min-width: 148px !important;
  text-align: right !important;
}
#ksFreeCard .kfc-close-lbl,
#ksFreeCard .kfc-close-val{
  text-align: right !important;
}
#ksFreeCard .kfc-rows{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}
#ksFreeCard .kfc-row{
  min-width: 0 !important;
  min-height: 122px !important;
  padding: 15px 14px !important;
  border: 1px solid var(--bd) !important;
  border-radius: 14px !important;
  background: var(--surf) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
#ksFreeCard .kfc-row-lbl,
#ksFreeCard .kfc-row-val,
#ksFreeCard .kfc-row-sub{
  width: 100% !important;
  text-align: left !important;
}
#ksFreeCard .kfc-row-lbl{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.25 !important;
  min-height: 28px !important;
}
#ksFreeCard .kfc-row-val{
  margin-top: auto !important;
  margin-bottom: 7px !important;
}
#ksFreeCard .kfc-row-sub{
  line-height: 1.38 !important;
}
#ksFreeCard .kfc-quality{
  width: 100% !important;
  border: 1px solid var(--bd) !important;
  border-radius: 14px !important;
  padding: 13px 14px !important;
  background: var(--surf) !important;
  margin-top: 10px !important;
}
#ksFreeCard .kfc-foot{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding-top: 10px !important;
}
#ksFreeCard .ks-premium-unlock .kfc-features{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
#ksFreeCard .ks-premium-unlock .kfc-feat{
  min-width: 0 !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
}
#ksFreeCard .ks-premium-unlock .kfc-unlock-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
}
#ksFreeCard .ks-password-area{
  min-width: 0 !important;
}
#ksFreeCard .kfc-wa-wrap{
  width: 100% !important;
}
#ksFreeCard .ks-unlock-btn{
  min-width: 178px !important;
  height: 44px !important;
}
@media (max-width: 900px){
  #ksFreeCard .kfc-wrap.ks-snapshot-card{ padding: 0 20px 18px !important; }
  #ksFreeCard .kfc-rows{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #ksFreeCard .ks-premium-unlock .kfc-features{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px){
  #ks-result-section .container,
  #ksFreeShell,
  #ksPremiumShell,
  #ksPremiumShell .ks-result-shell,
  .pir-container{ width: min(100%, calc(100% - 20px)) !important; }
  #ksFreeCard .kfc-wrap.ks-snapshot-card{ padding: 0 14px 16px !important; }
  #ksFreeCard .kfc-nameplate-top{ flex-direction: column !important; align-items: flex-start !important; }
  #ksFreeCard .kfc-ref-chip{ max-width: 100% !important; }
  #ksFreeCard .kfc-price-main{ font-size: clamp(34px, 10vw, 46px) !important; }
  #ksFreeCard .kfc-verdict{ grid-template-columns: 1fr !important; align-items: start !important; }
  #ksFreeCard .ks-data-reliability,
  #ksFreeCard .kfc-close-lbl,
  #ksFreeCard .kfc-close-val{ text-align: left !important; }
  #ksFreeCard .kfc-rows{ grid-template-columns: 1fr !important; gap: 8px !important; }
  #ksFreeCard .kfc-row{ min-height: 0 !important; }
  #ksFreeCard .kfc-row-lbl{ min-height: 0 !important; }
  #ksFreeCard .kfc-row-val{ margin-top: 0 !important; }
  #ksFreeCard .kfc-quality{ display: grid !important; grid-template-columns: 1fr !important; }
  #ksFreeCard .ks-premium-unlock .kfc-features{ grid-template-columns: 1fr !important; }
  #ksFreeCard .ks-premium-unlock .kfc-unlock-row{ grid-template-columns: 1fr !important; }
  #ksFreeCard .ks-unlock-btn{ width: 100% !important; min-width: 0 !important; }
}

/* ═══════════════════════════════════════════════════════════════
   KamSayara V284 — HARD MOBILE RECHECK / FINAL OVERRIDE
   Purpose: fix remaining mobile alignment, overflow, cramped report cells,
   nav usability, wizard chip sizing, unlock row, and tool-page grids.
   This block is intentionally last so older conflicting rules cannot win.
   ═══════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: clip; }
img, svg, video, canvas { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; max-width: 100%; }

@media (max-width: 900px) {
  /* Top bar: keep language/theme available, only hide large CTA. */
  .site-nav { height: 60px !important; z-index: 1400 !important; }
  .nav-inner { height: 60px !important; padding: 0 !important; gap: 8px !important; }
  .brand { min-width: 0 !important; gap: 8px !important; flex: 1 1 auto !important; overflow: hidden; }
  .brand-mark { width: 34px !important; height: 34px !important; border-radius: 10px !important; flex: 0 0 34px; }
  .brand-name { font-size: 14px !important; white-space: nowrap; }
  .brand-sub { display: none !important; }
  .nav-actions { margin-left: 0 !important; gap: 6px !important; flex: 0 0 auto !important; }
  .nav-actions .btn { display: none !important; }
  .nav-actions .nav-mini {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    height: 36px !important; min-width: 36px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 11px !important; font-weight: 800 !important;
    flex: 0 0 auto;
  }
  .hamb {
    display: inline-flex !important;
    width: 38px !important; height: 38px !important;
    border-radius: 12px !important;
    flex: 0 0 38px !important;
  }
  .nav-links {
    position: fixed !important;
    top: 66px !important; left: 10px !important; right: 10px !important;
    width: auto !important;
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    max-height: calc(100dvh - 82px) !important;
    overflow-y: auto !important;
    z-index: 1500 !important;
    border-radius: 18px !important;
  }
  body.menu-open .nav-links { display: grid !important; }
  .nav-links a {
    min-height: 44px !important;
    padding: 9px 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  body.menu-open::before { z-index: 1300 !important; }

  /* Main hero + valuation card: predictable single stack. */
  .hero { padding: 20px 0 28px !important; }
  .hero .grid, .hero .container > .grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .hero-copy, .hero-live { width: 100% !important; min-width: 0 !important; }
  .hero h1 { font-size: clamp(23px, 6.6vw, 34px) !important; line-height: 1.13 !important; }
  .hero .lead { font-size: 14px !important; line-height: 1.55 !important; }
  .hero-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  .hero-actions .btn { width: 100% !important; min-height: 44px !important; }

  .cfg-card.best-input {
    width: 100% !important;
    max-width: 100% !important;
    padding: 13px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }
  .best-input .cfg-head { align-items: center !important; margin-bottom: 10px !important; }
  .best-input .wz-pane.active { gap: 10px !important; }
  .best-input .field { min-width: 0 !important; }
  .best-input .label, .best-input .track-head .label {
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin-bottom: 5px !important;
  }
  .best-input .wz-chip, .best-input .wz-chip-more {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 38px !important;
    height: auto !important;
    padding: 7px 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    line-height: 1.15 !important;
    font-size: 10.5px !important;
  }
  .best-input .wz-role-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .best-input .wz-scroll-row,
  .best-input .wz-seg:not(.wz-role-row),
  .best-input .wz-emirate-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: visible !important;
  }
  .best-input #ksColorRow {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .best-input #ksColorRow .wz-chip { min-height: 36px !important; padding: 5px !important; }
  .best-input .track-card { padding: 10px !important; border-radius: 14px !important; }
  .best-input .track-head { gap: 8px !important; align-items: center !important; }
  .best-input .wz-mini-number { min-width: 118px !important; height: 34px !important; }
  .best-input .wz-mini-number input { width: 74px !important; font-size: 12px !important; }
  .best-input .price-input { height: 42px !important; }
  .best-input .wz-nav {
    position: static !important;
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding-top: 10px !important;
    margin-top: 2px !important;
    background: transparent !important;
  }
  .best-input .wz-back, .best-input .wz-next {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
  }

  /* Result shell: no orphaned width, no nested overflow. */
  #ks-result-section { padding: 22px 0 !important; }
  #ks-result-section .container { width: min(100%, calc(100% - 18px)) !important; }
  .ks-result-shell { width: 100% !important; max-width: 100% !important; border-radius: 18px !important; overflow: hidden !important; }
  .ks-free-head, .ks-prem-head { padding: 13px 14px !important; }
  .ks-result-body { padding: 0 !important; }
  #ksFreeCard { width: 100% !important; max-width: 100% !important; }
  #ksFreeCard .ks-snapshot-card {
    width: 100% !important;
    max-width: none !important;
    padding: 0 13px 13px !important;
  }
  #ksFreeCard .kfc-nameplate { padding: 15px 0 12px !important; }
  #ksFreeCard .kfc-nameplate-top { gap: 8px !important; align-items: flex-start !important; }
  #ksFreeCard .kfc-eyebrow { font-size: 9.8px !important; line-height: 1.25 !important; }
  #ksFreeCard .kfc-ref-chip { font-size: 10px !important; padding: 5px 8px !important; max-width: 100% !important; overflow-wrap: anywhere !important; }
  #ksFreeCard .kfc-carname { font-size: clamp(20px, 6vw, 26px) !important; line-height: 1.12 !important; overflow-wrap: anywhere !important; }
  #ksFreeCard .kfc-pills { gap: 5px !important; }
  #ksFreeCard .kfc-pill { font-size: 10px !important; padding: 5px 8px !important; }
  #ksFreeCard .kfc-ref-sub { font-size: 11px !important; line-height: 1.45 !important; }
  #ksFreeCard .kfc-price-hero { padding: 15px 0 !important; }
  #ksFreeCard .kfc-price-main { font-size: clamp(36px, 11vw, 50px) !important; line-height: 1 !important; }
  #ksFreeCard .kfc-price-currency { font-size: 14px !important; margin-right: 5px !important; }
  #ksFreeCard .kfc-range { gap: 6px !important; }
  #ksFreeCard .kfc-range-lbl { font-size: 10px !important; white-space: nowrap !important; }
  #ksFreeCard .ks-market-band { font-size: 10px !important; line-height: 1.35 !important; }
  #ksFreeCard .kfc-verdict {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    margin: 10px 0 !important;
  }
  #ksFreeCard .ks-data-reliability,
  #ksFreeCard .kfc-close-lbl,
  #ksFreeCard .kfc-close-val { text-align: left !important; }
  #ksFreeCard .kfc-rows {
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin-top: 10px !important;
    border-radius: 16px !important;
  }
  #ksFreeCard .kfc-row,
  #ksFreeCard .kfc-row:nth-child(2n),
  #ksFreeCard .kfc-row:nth-child(3n),
  #ksFreeCard .kfc-row:nth-last-child(-n+2),
  #ksFreeCard .kfc-row:nth-last-child(-n+3),
  #ksFreeCard .kfc-row:last-child:nth-child(odd) {
    grid-column: auto !important;
    min-height: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid var(--bd) !important;
    padding: 12px 13px !important;
    text-align: left !important;
  }
  #ksFreeCard .kfc-row:last-child { border-bottom: none !important; }
  #ksFreeCard .kfc-row-lbl,
  #ksFreeCard .kfc-row-val,
  #ksFreeCard .kfc-row-sub { text-align: left !important; }
  #ksFreeCard .kfc-row-lbl { font-size: 10.5px !important; margin-bottom: 4px !important; }
  #ksFreeCard .kfc-row-val { font-size: 15px !important; margin-bottom: 3px !important; }
  #ksFreeCard .kfc-row-sub {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
  }
  #ksFreeCard .kfc-quality {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px 0 !important;
  }
  #ksFreeCard .kfc-quality .kfc-row-sub { max-width: none !important; -webkit-line-clamp: unset !important; }
  #ksFreeCard .kfc-conf-badge { width: fit-content !important; font-size: 10.5px !important; }
  #ksFreeCard .kfc-foot { align-items: center !important; gap: 12px !important; padding-top: 8px !important; }

  #ksFreeCard .ks-premium-unlock {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 13px !important;
  }
  #ksFreeCard .ks-premium-unlock .kfc-features {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  #ksFreeCard .ks-premium-unlock .kfc-feat {
    justify-content: flex-start !important;
    text-align: left !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    padding: 7px 9px !important;
  }
  #ksFreeCard .ks-premium-unlock .kfc-unlock-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    align-items: stretch !important;
  }
  #ksFreeCard .ks-password-area { min-width: 0 !important; width: 100% !important; }
  #ksFreeCard .kfc-wa-wrap { width: 100% !important; min-width: 0 !important; }
  #ksFreeCard .kfc-wa-pre { flex: 0 0 auto !important; }
  #ksFreeCard .kfc-wa-input { min-width: 0 !important; width: 100% !important; }
  #ksFreeCard .ks-unlock-btn { width: 100% !important; min-width: 0 !important; min-height: 44px !important; }

  .premium-grid, .metric-grid, .elite-sections, .method-grid, .v13-cards, .content-grid, .similar-grid {
    grid-template-columns: 1fr !important;
  }
  .decision-card, .metric-card, .elite-card, .method-card, .v13-card, .content-card { min-width: 0 !important; }
}

@media (max-width: 640px) {
  .container { width: min(100%, calc(100% - 16px)) !important; }
  .nav-actions .js-toggle-dir { min-width: 42px !important; padding-inline: 7px !important; }
  .nav-actions .js-toggle-theme { min-width: 36px !important; padding-inline: 0 !important; }
  .nav-links { grid-template-columns: 1fr !important; top: 62px !important; }
  .best-input .wz-role-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .best-input .wz-scroll-row,
  .best-input .wz-seg:not(.wz-role-row),
  .best-input .wz-emirate-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .best-input #ksColorRow { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .best-input .wz-nav { grid-template-columns: 82px minmax(0, 1fr) !important; }
  #ksFreeCard .kfc-foot { flex-direction: column !important; align-items: flex-start !important; }
}

@media (max-width: 360px) {
  .brand-mark { width: 32px !important; height: 32px !important; flex-basis: 32px !important; }
  .brand-name { font-size: 13px !important; }
  .nav-actions { gap: 4px !important; }
  .nav-actions .js-toggle-dir { display: none !important; }
  .best-input .wz-role-row { grid-template-columns: 1fr !important; }
  .best-input .wz-scroll-row,
  .best-input .wz-seg:not(.wz-role-row),
  .best-input .wz-emirate-row,
  .best-input #ksColorRow { grid-template-columns: 1fr !important; }
  .best-input .wz-nav { grid-template-columns: 1fr !important; }
  #ksFreeCard .kfc-price-main { font-size: 34px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   KamSayara V286 — MOBILE UX AUDIT FIXES
   Fixes: 44px+ touch targets, readable chip text, safe-area padding,
   active nav state, wizard progress, iOS tap/scroll behavior, small-grid collapse.
   ═══════════════════════════════════════════════════════════════ */
html { -webkit-text-size-adjust: 100%; }
a, button, .wz-chip, .wz-chip-more, .ks-chip, .ks-more, .nav-mini, .hamb {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.nav-links, .chip-row, .wz-scroll-row, .modal-body, .ks-modal-body {
  -webkit-overflow-scrolling: touch;
}
.nav-links a.active,
.nav-links a[aria-current="page"] {
  color: var(--orange) !important;
  border-color: rgba(245, 139, 32, .55) !important;
  background: rgba(245, 139, 32, .12) !important;
  box-shadow: inset 0 0 0 1px rgba(245, 139, 32, .12) !important;
}
.hamb { min-width: 44px !important; min-height: 44px !important; }
.nav-mini { min-height: 44px !important; min-width: 44px !important; }
.best-input .wz-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 12px;
}
.best-input .wz-progress span {
  height: 5px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .28);
  overflow: hidden;
}
.best-input .wz-progress span::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--orange), #ffd166);
  transition: width .22s ease;
}
.best-input .wz-progress span.done::before,
.best-input .wz-progress span.active::before { width: 100%; }
.best-input .wz-progress span.active { box-shadow: 0 0 0 3px rgba(245, 139, 32, .10); }

@media (max-width: 900px) {
  .hamb { width: 44px !important; height: 44px !important; flex-basis: 44px !important; border-radius: 14px !important; }
  .nav-actions .nav-mini { height: 44px !important; min-width: 44px !important; }
  .site-nav { padding-top: env(safe-area-inset-top, 0px) !important; }
  .nav-links { top: calc(66px + env(safe-area-inset-top, 0px)) !important; }
  .nav-links a { min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
  .best-input .label, .best-input .track-head .label { font-size: 11.5px !important; }
  .best-input .wz-chip,
  .best-input .wz-chip-more,
  .best-input .ks-chip,
  .best-input .ks-more {
    min-height: 46px !important;
    height: auto !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  .best-input .wz-seg .wz-chip { min-height: 46px !important; height: auto !important; }
  .best-input #ksColorRow .wz-chip:not(.wz-chip-more) {
    min-height: 46px !important;
    padding: 7px 6px !important;
    font-size: 11.2px !important;
  }
  .best-input #ksColorRow .wz-chip:not(.wz-chip-more)::before { width: 18px !important; height: 18px !important; }
  .best-input .wz-emirate-row .wz-chip { font-size: 12px !important; }
  .best-input .wz-nav {
    position: sticky !important;
    bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    margin-bottom: calc(-1 * env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0), var(--card) 26%, var(--card) 100%) !important;
    z-index: 10 !important;
  }
  [data-theme="dark"] .best-input .wz-nav {
    background: linear-gradient(180deg, rgba(15,23,42,0), var(--card) 26%, var(--card) 100%) !important;
  }
  .best-input .wz-back,
  .best-input .wz-next { min-height: 48px !important; height: 48px !important; font-size: 13px !important; }
}

@media (max-width: 640px) {
  .method-grid, .v13-cards { grid-template-columns: 1fr !important; }
  .best-input .wz-progress { gap: 5px; margin-bottom: 10px; }
  .best-input .wz-progress span { height: 4px; }
}

@media (max-width: 360px) {
  .best-input .wz-chip,
  .best-input .wz-chip-more,
  .best-input .ks-chip,
  .best-input .ks-more,
  .best-input .wz-seg .wz-chip {
    min-height: 46px !important;
    font-size: 12px !important;
  }
  .best-input #ksColorRow .wz-chip:not(.wz-chip-more) { font-size: 11px !important; }
}

/* ════════ V288.1 — form balance, controlled dropdowns, FlyDubai contrast pass ════════ */
[data-theme=dark] {
  --bg: #061421;
  --ink: #f6fbff;
  --body: #d7e4ee;
  --muted: #a9bfd1;
  --line: #28465e;
  --card: #0b2032;
  --soft: #102a40;
  --sand: #081a2a;
  --blue3: #113650;
}
body { color: var(--body); }
h1,h2,h3,h4,.brand-name { color: var(--ink); }
p,.lead,.content-card p,.tool-list-item p,.faq-a { color: var(--body); }
.text-orange,.headline-accent { color: var(--orange); }
.headline-blue { color: var(--blue2); }
[data-theme=dark] .headline-blue { color: #8ed8ff; }
[data-theme=dark] .headline-accent { color: #FF8200; }
.hero-copy h1 .headline-accent,
.tool-hero h1 .headline-accent,
.page-hero h1 .headline-accent,
.v13-hero h1 .headline-accent { white-space: normal; }
.tool-hero .lead,.page-hero .lead,.v13-hero p { color: var(--body); }
[data-theme=dark] .tool-hero .lead,
[data-theme=dark] .page-hero .lead,
[data-theme=dark] .v13-hero p { color: #d7e4ee; }

/* Forms: one balanced rhythm for all tool pages; Value Check wizard remains untouched. */
.tool-card { overflow: visible; }
.tool-form {
  gap: var(--ks-form-gap) !important;
  align-items: end !important;
}
.tool-field {
  min-width: 0;
  position: relative;
  gap: 0;
}
.tool-field label {
  min-height: 15px;
  margin: 0 0 8px !important;
  color: var(--blue);
  letter-spacing: .075em;
}
[data-theme=dark] .tool-field label { color: #c1d7e8; }
.tool-field input,
.tool-field select,
.tool-field textarea,
.ks-combo-btn {
  min-height: var(--ks-field-h) !important;
  height: var(--ks-field-h);
  border-radius: 14px !important;
  border-color: var(--line) !important;
  background: var(--card) !important;
  color: var(--ink) !important;
}
.tool-field textarea { height: auto; min-height: 112px !important; }
.tool-field input::placeholder,
.tool-field textarea::placeholder { color: var(--muted); opacity: .88; }
.tool-actions {
  margin-top: 16px !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.tool-actions .btn,
.tool-actions button,
.tool-card .btn {
  min-height: var(--ks-field-h);
}
.tool-actions .btn-primary,
.tool-actions button.btn-primary { min-width: 184px; }
.tool-actions .btn-secondary,
.tool-actions button.btn-secondary { min-width: 112px; }

/* Controlled combobox menus: 5 rows max, search only for menus above 5 items, scrollbar on right. */
.ks-combo { position: relative; width: 100%; }
.ks-combo-btn {
  width: 100%;
  padding: 0 38px 0 13px !important;
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ks-combo-panel {
  z-index: 4000 !important;
  top: calc(100% + 6px) !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  background: var(--card) !important;
  box-shadow: 0 18px 46px rgba(0,39,64,.22) !important;
  padding: 8px !important;
  max-width: 100%;
}
.ks-combo-up .ks-combo-panel {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}
.ks-combo-search {
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 0 7px !important;
  border-radius: 10px !important;
  background: var(--soft) !important;
  color: var(--ink) !important;
}
.ks-combo-searchless .ks-combo-search { display: none !important; }
.ks-combo-list {
  max-height: 200px !important; /* 5 visible rows x 40px */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 4px !important;
  scrollbar-width: thin;
  scrollbar-color: var(--orange) transparent;
}
.ks-combo-searchless .ks-combo-list {
  max-height: none !important;
  overflow-y: visible !important;
  padding-right: 0 !important;
}
.ks-combo-item {
  min-height: 40px !important;
  height: 40px;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  background: transparent;
}
.ks-combo-item:hover { background: var(--soft) !important; }
.ks-combo-item.active {
  color: var(--blue) !important;
  background: color-mix(in srgb,var(--blue3) 88%,#fff 12%) !important;
  font-weight: 900 !important;
}
[data-theme=dark] .ks-combo-panel {
  background: #0b2032 !important;
  border-color: #31516a !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.44) !important;
}
[data-theme=dark] .ks-combo-item.active {
  color: #ffb15c !important;
  background: rgba(255,130,0,.12) !important;
}
[data-theme=dark] .ks-combo-search,
[data-theme=dark] .ks-combo-btn,


@media (max-width: 900px) {
  .tool-form,.tool-form.three { grid-template-columns: 1fr !important; }
  .tool-actions { justify-content: stretch; display: grid; grid-template-columns: 1fr; }
  .tool-actions .btn,.tool-actions button { width: 100%; min-width: 0; }
  .ks-combo-up .ks-combo-panel { bottom: calc(100% + 6px) !important; }
}

/* ── contact.html form grid & card (missing styles added) ────── */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--ks-form-gap, 14px);
}
.form-grid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--muted);
  text-transform: uppercase;
}
.form-grid input,
.form-grid select,
.form-grid textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--ks-field-radius, 14px);
  background: var(--bg);
  color: var(--ink);
  font-family: var(--ff);
  font-size: 14px;
  padding: 0 13px;
  height: var(--ks-field-h, 48px);
}
.form-grid textarea {
  height: auto;
  padding: 12px 13px;
  resize: vertical;
}
.form-grid .span-2 { grid-column: span 2; }
.compact-tool { display: flex; flex-direction: column; }
.tool-output-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow2);
  padding: 24px;
}
[data-theme=dark] .form-grid input,
[data-theme=dark] .form-grid select,
[data-theme=dark] .form-grid textarea {
  background: #0e2639;
  border-color: #31516a;
  color: #f6fbff;
}
@media (max-width: 640px) {
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .span-2 { grid-column: span 1; }
}
/* ── Content/v13 cards — explicit dark mode ─────────────────── */
[data-theme=dark] .content-card,
[data-theme=dark] .v13-card {
  background: var(--card);
  border-color: var(--line);
}
/* ── Footer dark mode ───────────────────────────────────────── */
[data-theme=dark] .footer {
  background: #040e18;
  border-top: 1px solid #28465e;
}
[data-theme=dark] .footer-bottom {
  border-top-color: #28465e;
}

/* ════════ V288.2 — final FlyDubai alignment and report stability pass ════════ */

[data-theme=dark]{
  --bg:#061421;
  --bg2:#0b2031;
  --card:#0e2638;
  --soft:#102f46;
  --sand:#081b2a;
  --blue:#7ac9f2;
  --blue2:#8ed8ff;
  --blue3:#102a40;
  --mid-blue:#8ed8ff;
  --orange:#FF8200;
  --orange2:#ffb866;
  --ink:#f4fbff;
  --text:#d8e8f2;
  --muted:#a9bfce;
  --line:rgba(169,210,233,.20);
  --line2:rgba(169,210,233,.30);
  --shadow:0 20px 52px rgba(0,0,0,.34);
  --shadow2:0 14px 38px rgba(0,0,0,.28);
}
html,body{max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--ff);}
body{min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto;}
.site-nav{background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 8px 26px rgba(0,63,99,.06);}
[data-theme=dark] .site-nav{background:color-mix(in srgb,var(--bg) 86%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.22);}
.brand-mark{background:linear-gradient(135deg,var(--blue2),var(--orange));color:#fff;box-shadow:0 10px 24px rgba(0,63,99,.18);}
.nav-links a,.nav-mini{color:var(--text);}
.nav-links a.active,.nav-links a:hover,.nav-mini:hover{background:var(--soft);color:var(--blue2);}
.nav-mini.js-toggle-theme{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;padding:0;border-radius:999px;font-size:18px;line-height:1;border:1px solid var(--line);background:var(--card);color:var(--orange);}
[data-theme=dark] .nav-mini.js-toggle-theme{color:var(--orange);background:var(--card);}
.btn,.primary,.full-report-actions button{border-radius:999px;font-weight:800;letter-spacing:-.01em;min-height:46px;height:46px;padding:0 24px;font-size:var(--f);}
.btn-primary,.primary,.full-report-actions .primary{background:var(--ks-orange,#FF8200);color:#fff;border:1px solid rgba(242,140,40,.6);box-shadow:0 8px 24px rgba(242,140,40,.28);}
.btn-secondary,.full-report-actions button:not(.primary){background:var(--ks-sky,#eaf7ff);color:var(--ks-blue,#003f6f);border:1px solid var(--ks-border,#cfe2f2);}
.card,.tool-card,.content-card,.tool-output,.tool-kpi,.tool-list-item,.v13-copy-panel,.ks-snapshot-card,.kfc-gate,.report-about-grid,.fr-skel,.full-report-top{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow2);color:var(--text);}
.page-hero,.tool-hero,.v13-hero{background:radial-gradient(circle at 82% 8%,rgba(242,140,40,.14),transparent 31%),linear-gradient(135deg,var(--bg),var(--ks-sky));}
.bg-sand,.section.bg-sand,.v13-section.bg-sand{background:linear-gradient(180deg,var(--sand),var(--bg));}
h1,h2,h3,h4,.brand-name,.full-report-title{color:var(--ink);}
p,.lead,.form-note,.content-card p,.tool-list-item p,.footer p{color:var(--muted);}
.eyebrow,.v13-kicker{color:var(--blue2);}
.text-orange,.headline-accent{color:var(--orange)!important;}
.headline-blue{color:var(--blue2)!important;}
.tool-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:start;}
.tool-card{border-radius:28px;padding:24px;}
.tool-form,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end;}
.tool-field{min-width:0;display:flex;flex-direction:column;gap:7px;}
.tool-field label,.form-grid label{min-height:18px;color:var(--text);font-weight:800;font-size:13px;letter-spacing:-.01em;}
.tool-field input,.tool-field select,.tool-field textarea,.form-grid input,.form-grid select,.form-grid textarea,.contact-textarea,.gate-code-input{width:100%;min-height:44px;border:1px solid var(--line2);border-radius:14px;background:var(--bg);color:var(--ink);padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);outline:none;}
.tool-field textarea,.form-grid textarea{min-height:94px;resize:vertical;}
.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.ks-combo.open .ks-combo-btn{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,130,0,.14);}
.tool-field.full,.tool-field.grid-span-all,.grid-span-all{grid-column:1/-1;}
.tool-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;}
.tool-actions .btn{min-height:44px;padding-inline:18px;}
.ks-combo{position:relative;width:100%;min-width:0;}
.ks-combo-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
.ks-combo-btn{width:100%;min-height:44px;border:1px solid var(--line2);border-radius:14px;background:var(--bg);color:var(--ink);padding:10px 38px 10px 12px;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}
.ks-combo-btn:after{content:'▾';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--orange);font-size:12px;}
.ks-combo.open .ks-combo-btn:after{content:'▴';}
.ks-combo-panel{position:absolute;z-index:3000;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 52px rgba(0,63,99,.18);padding:8px;display:none;overflow:hidden;}
.ks-combo.open .ks-combo-panel{display:block;}
.ks-combo-up .ks-combo-panel{top:auto;bottom:calc(100% + 8px);}
.ks-combo-search{width:100%;height:38px;border:1px solid var(--line2);border-radius:12px;background:var(--bg);color:var(--ink);padding:0 10px;margin-bottom:7px;}
.ks-combo-searchless .ks-combo-search{display:none!important;}
.ks-combo-list{max-height:202px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;}
.ks-combo-item,.ks-combo-empty{min-height:38px;display:flex;align-items:center;border-radius:11px;padding:8px 10px;color:var(--text);font-weight:700;cursor:pointer;}
.ks-combo-item:hover,.ks-combo-item.active{background:var(--soft);color:var(--blue2);}
.ks-combo-item.active{box-shadow:inset 3px 0 0 var(--orange);}
.table-wrap,.card:has(table){overflow:auto;}
table,.lt{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;overflow:hidden;}
th,td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;}
th{background:linear-gradient(180deg,var(--soft),var(--bg2));color:var(--blue2);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em;}
tr:last-child td{border-bottom:0;}
.ks-result-body{color:var(--text);}
.ks-result-body .card,.ks-result-body section,.ks-result-body .kfc-wrap{border-color:var(--line);}
.kfc-nameplate,.kfc-price-hero,.kfc-verdict,.kfc-rows,.kfc-quality,.kfc-foot{border-color:var(--line)!important;}
.kfc-price-main,.kfc-carname,.kfc-row-val,.kfc-close-val{color:var(--ink)!important;}
.kfc-eyebrow,.kfc-row-lbl,.kfc-close-lbl{color:var(--blue2)!important;}
.kfc-range-fill,.kfc-verdict-dot,.kfc-conf-dot{background:var(--orange)!important;}
.kfc-pill,.kfc-feat,.kfc-conf-badge,.kfc-ref-chip{background:var(--soft)!important;color:var(--blue2)!important;border:1px solid var(--line)!important;}
.kfc-gate{background:linear-gradient(135deg,var(--card),var(--soft));}
.kfc-wa-input{background:var(--bg)!important;color:var(--ink)!important;border-color:var(--line2)!important;}
.full-report-page{background:var(--bg);color:var(--text);}
.full-report-top{background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(14px);}
.report-shell{background:var(--bg);}
.fr-disclaimer{color:var(--muted);}
.footer{background:linear-gradient(180deg,var(--soft),var(--bg2));border-top:1px solid var(--line);}
.footer a{color:var(--text);}
.footer a:hover{color:var(--orange);}
@media (max-width: 900px){
  .container{width:min(100% - 24px,1180px);}
  .tool-shell{grid-template-columns:1fr;gap:16px;}
  .tool-card{padding:18px;border-radius:22px;}
  .tool-form,.form-grid{grid-template-columns:1fr;gap:12px;}
  .tool-actions .btn{width:100%;justify-content:center;}
  .nav-inner{gap:10px;}
  .brand{min-width:0;}
  .brand-sub{display:none;}
  .nav-actions .btn-primary{display:none;}
  .nav-links{max-width:calc(100vw - 24px);}
  .full-report-top{position:relative;top:auto;gap:14px;align-items:flex-start;}
  .full-report-actions{width:100%;display:flex;gap:8px;flex-wrap:wrap;}
  .full-report-actions button{flex:1 1 auto;}
  th,td{padding:10px 11px;font-size:13px;}
}
@media (max-width: 640px){
  .container{width:min(100% - 20px,1180px);}
  h1{letter-spacing:-.045em;}
  .ks-combo-panel{max-width:calc(100vw - 28px);}
  .tool-field input,.tool-field select,.tool-field textarea,.ks-combo-btn{font-size:15px;}
  .card,.content-card{border-radius:20px;}
}

/* V1463 — compact single-border free report + separate unlock section */
#ks-result-section .container{max-width:980px!important;}
#ksFreeShell.ks-result-shell{border:1px solid var(--line,#D8E2EF)!important;border-radius:22px!important;overflow:hidden!important;background:var(--card,#fff)!important;box-shadow:0 18px 45px rgba(15,35,70,.07)!important;}
#ksFreeShell .ks-free-head{border-bottom:1px solid var(--line,#D8E2EF)!important;padding:16px 20px!important;}
#ksFreeShell .ks-result-body{padding:18px!important;background:linear-gradient(180deg,rgba(248,251,255,.75),rgba(255,255,255,.94))!important;}
#ksFreeCard{max-width:100%!important;}
#ksFreeCard .kfc-wrap.ks-snapshot-card{max-width:100%!important;width:100%!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;}
#ksFreeCard .kfc-nameplate,#ksFreeCard .kfc-price-hero,#ksFreeCard .kfc-verdict,#ksFreeCard .kfc-quality{border:0!important;box-shadow:none!important;background:#fff!important;border-radius:16px!important;margin:0 0 10px!important;padding:16px!important;}
#ksFreeCard .kfc-price-hero{padding:18px 16px!important;}
#ksFreeCard .kfc-price-main{margin:2px 0 8px!important;line-height:.95!important;}
#ksFreeCard .kfc-price-main span:last-child{font-size:clamp(44px,7vw,70px)!important;letter-spacing:-.05em!important;}
#ksFreeCard .kfc-range{margin-top:8px!important;}
#ksFreeCard .ks-market-band{margin-top:8px!important;font-size:12px!important;color:var(--muted,#5B6B83)!important;}
#ksFreeCard .kfc-rows{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--line,#D8E2EF)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;margin:10px 0!important;}
#ksFreeCard .kfc-row{border:0!important;border-right:1px solid var(--line,#D8E2EF)!important;border-radius:0!important;background:#fff!important;padding:14px!important;min-height:118px!important;}
#ksFreeCard .kfc-row:last-child{border-right:0!important;}
#ksFreeCard .kfc-row-val{font-size:18px!important;margin:8px 0!important;}
#ksFreeCard .kfc-row-sub{font-size:11.5px!important;line-height:1.45!important;}
#ksFreeCard .kfc-foot{margin-top:8px!important;padding:10px 0 0!important;border:0!important;}
.ks-mini-action{font-size:11px;font-weight:700;color:var(--accent,#0077A8);background:none;border:none;cursor:pointer;font-family:var(--ff);padding:0;}
.ks-mini-action:hover{text-decoration:underline;}
#ksFreeCard .ks-premium-unlock{max-width:100%!important;width:100%!important;margin:18px 0 0!important;border:1px solid var(--line,#D8E2EF)!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(15,35,70,.08)!important;background:#fff!important;padding:18px!important;}
#ksFreeCard .ks-premium-unlock .kfc-gate-head{font-size:18px!important;margin-bottom:6px!important;}
#ksFreeCard .ks-premium-unlock .kfc-features{margin:12px 0!important;gap:8px!important;}
#ksFreeCard .ks-premium-unlock .kfc-unlock-row{margin-top:10px!important;}
#ksPremiumShell{margin-top:22px!important;}
#ksPremiumShell .ks-result-shell{border:1px solid var(--line,#D8E2EF)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(15,35,70,.08)!important;}
#ksPremiumShell .pir-container{border:0!important;box-shadow:none!important;margin:0!important;max-width:100%!important;}
[data-theme=dark] #ksFreeCard .kfc-nameplate,[data-theme=dark] #ksFreeCard .kfc-price-hero,[data-theme=dark] #ksFreeCard .kfc-verdict,[data-theme=dark] #ksFreeCard .kfc-quality,[data-theme=dark] #ksFreeCard .kfc-row,[data-theme=dark] #ksFreeCard .kfc-rows,[data-theme=dark] #ksFreeCard .ks-premium-unlock{background:rgba(15,23,42,.92)!important;}
@media (max-width: 900px){#ksFreeCard .kfc-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#ksFreeCard .kfc-row:nth-child(2n){border-right:0!important;}#ksFreeCard .kfc-row:nth-child(n+3){border-top:1px solid var(--line,#D8E2EF)!important;}}
@media (max-width: 640px){#ksFreeShell .ks-result-body{padding:12px!important;}#ksFreeCard .kfc-rows{grid-template-columns:1fr!important;}#ksFreeCard .kfc-row{border-right:0!important;border-top:1px solid var(--line,#D8E2EF)!important;min-height:auto!important;}#ksFreeCard .kfc-row:first-child{border-top:0!important;}#ksFreeCard .kfc-price-main span:last-child{font-size:44px!important;}}


/* KamSayara V1464 — final report/unlock hardening
   Goal: one outside report border, compact premium look, working action row. */
#ks-result-section{
  padding-top: 28px !important;
  padding-bottom: 38px !important;
}
#ks-result-section .container{
  width: min(1060px, calc(100% - 36px)) !important;
  max-width: 1060px !important;
}
#ks-result-section .section-head{
  margin-bottom: 14px !important;
}
#ksFreeShell{
  width: 100% !important;
  max-width: 980px !important;
  margin-inline: auto !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px !important;
  background: var(--card) !important;
  box-shadow: 0 18px 46px rgba(0,44,76,.10) !important;
  overflow: hidden !important;
}
#ksFreeShell.ks-result-shell,
#ksFreeShell .ks-result-shell{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
#ksFreeShell .ks-free-head{
  padding: 14px 22px 10px !important;
  border-bottom: 1px solid rgba(203,213,225,.55) !important;
  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(247,251,255,.96)) !important;
}
#ksResultBody,
#ks-result-section .ks-result-body{
  background: transparent !important;
  padding: 0 !important;
}
#ksFreeCard{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
#ksFreeCard .kfc-wrap.ks-snapshot-card{
  width: 100% !important;
  max-width: none !important;
  padding: 18px 24px 14px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
}
#ksFreeCard .kfc-nameplate,
#ksFreeCard .kfc-price-hero,
#ksFreeCard .kfc-verdict,
#ksFreeCard .kfc-rows,
#ksFreeCard .kfc-quality,
#ksFreeCard .kfc-foot{
  border: 0 !important;
  box-shadow: none !important;
}
#ksFreeCard .kfc-nameplate{
  padding: 0 0 12px !important;
}
#ksFreeCard .kfc-carname{
  margin-bottom: 6px !important;
  font-size: clamp(24px, 3vw, 34px) !important;
}
#ksFreeCard .kfc-ref-sub{
  max-width: 820px !important;
  line-height: 1.45 !important;
}
#ksFreeCard .kfc-price-hero{
  padding: 16px 18px 18px !important;
  margin: 8px 0 12px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(248,251,255,.96), rgba(255,255,255,.98)) !important;
}
#ksFreeCard .kfc-price-main{
  font-size: clamp(46px, 6.5vw, 72px) !important;
  margin-bottom: 6px !important;
}
#ksFreeCard .kfc-range-track{
  max-width: 380px !important;
}
#ksFreeCard .ks-market-band{
  margin-top: 8px !important;
}
#ksFreeCard .kfc-verdict{
  margin: 0 0 12px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  background: rgba(255,130,0,.055) !important;
  outline: 1px solid rgba(255,130,0,.18) !important;
}
#ksFreeCard .kfc-close-val{
  font-family: var(--ff) !important;
  font-size: 16px !important;
  letter-spacing: -.02em !important;
}
#ksFreeCard .kfc-rows{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  border-radius: 0 !important;
}
#ksFreeCard .kfc-row{
  min-height: auto !important;
  padding: 13px 14px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: rgba(247,250,252,.92) !important;
  outline: 1px solid rgba(203,213,225,.55) !important;
}
#ksFreeCard .kfc-row-lbl{
  font-size: 10px !important;
  margin-bottom: 5px !important;
  white-space: normal !important;
}
#ksFreeCard .kfc-row-val{
  font-size: 16px !important;
  margin-bottom: 5px !important;
}
#ksFreeCard .kfc-row-sub{
  font-size: 10.5px !important;
  line-height: 1.38 !important;
}
#ksFreeCard .kfc-quality{
  margin-top: 10px !important;
  padding: 11px 14px !important;
  border-radius: 16px !important;
  background: rgba(248,251,255,.85) !important;
  outline: 1px solid rgba(203,213,225,.45) !important;
}
#ksFreeCard .kfc-foot{
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 0 !important;
}
#ksFreeCard .ks-mini-action{
  appearance: none !important;
  border: 1px solid var(--line) !important;
  background: var(--card) !important;
  color: var(--blue) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
#ksFreeCard .ks-mini-action:hover{
  border-color: rgba(0,99,177,.45) !important;
  background: rgba(0,99,177,.06) !important;
}
#ksFreeCard .ks-premium-unlock{
  width: auto !important;
  max-width: none !important;
  margin: 0 24px 22px !important;
  padding: 16px !important;
  border: 1px solid rgba(255,130,0,.35) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,248,237,.98), rgba(255,255,255,.98)) !important;
  box-shadow: none !important;
}
#ksFreeCard .ks-premium-unlock .kfc-gate-head{
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  color: var(--orange) !important;
}
#ksFreeCard .ks-premium-unlock .ks-access-reason{
  font-size: 12px !important;
  line-height: 1.45 !important;
}
#ksFreeCard .ks-premium-unlock .kfc-features{
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 7px !important;
  margin: 12px 0 !important;
}
#ksFreeCard .ks-premium-unlock .kfc-feat{
  border-radius: 8px !important;
  padding: 7px 8px !important;
  background: rgba(255,255,255,.86) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
#ksFreeCard .ks-premium-unlock .kfc-unlock-row{
  align-items: flex-end !important;
  gap: 10px !important;
}
#ksFreeCard .ks-password-area{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#ksFreeCard .ks-access-title{
  margin-bottom: 6px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
#ksFreeCard .kfc-wa-wrap{
  min-height: 46px !important;
  border-radius: 14px !important;
  background: #fff !important;
}
#ksFreeCard .kfc-wa-btn{
  min-height: 46px !important;
  border-radius: 14px !important;
  background: var(--orange) !important;
  box-shadow: 0 8px 18px rgba(255,130,0,.20) !important;
}
#ksFreeCard .kfc-wa-btn:hover{
  background: #f27900 !important;
}
#ksWaErr{
  color: #B42318 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-top: 6px !important;
}
#ksPremiumShell{
  max-width: 980px !important;
  margin: 22px auto 0 !important;
}
@media (max-width: 900px){
  #ks-result-section .container{ width: min(100%, calc(100% - 24px)) !important; }
  #ksFreeCard .kfc-wrap.ks-snapshot-card{ padding: 16px 16px 12px !important; }
  #ksFreeCard .kfc-rows{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  #ksFreeCard .ks-premium-unlock{ margin: 0 16px 18px !important; }
  #ksFreeCard .ks-premium-unlock .kfc-features{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  #ksFreeCard .kfc-verdict{ flex-direction: column !important; align-items: flex-start !important; }
  #ksFreeCard .kfc-rows{ grid-template-columns: 1fr !important; }
  #ksFreeCard .ks-premium-unlock .kfc-features{ grid-template-columns: 1fr !important; }
  #ksFreeCard .ks-premium-unlock .kfc-unlock-row{ flex-direction: column !important; align-items: stretch !important; }
  #ksFreeCard .kfc-wa-btn{ width: 100% !important; justify-content: center !important; }
  #ksFreeCard .kfc-foot{ justify-content: stretch !important; flex-direction: column !important; }
}
[data-theme=dark] #ksFreeCard .kfc-price-hero,
[data-theme=dark] #ksFreeCard .kfc-row,
[data-theme=dark] #ksFreeCard .kfc-quality,
[data-theme=dark] #ksFreeCard .ks-premium-unlock{
  background: rgba(15,23,42,.72) !important;
}


/* ============================================================
   KamSayara V1465 — Free Report Polish + Action Button Redesign
   Changes:
     1. One clean outer border on #ksFreeShell (no nested card borders)
     2. Remove .ks-market-band (price repetition eliminated in JS)
     3. Tighter vertical rhythm throughout free card
     4. kfc-quality — feedback copy improved via CSS content (handled in JS)
     5. New ks-action-btn system replaces ks-mini-action
     6. Dark mode clean pass for new button styles
   ============================================================ */

/* ── 1. Single outer border — kill any inner card border noise ── */
#ksFreeCard .kfc-nameplate,
#ksFreeCard .kfc-price-hero,
#ksFreeCard .kfc-verdict,
#ksFreeCard .kfc-quality{
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Subtle dividers between sections instead of nested cards */
#ksFreeCard .kfc-nameplate{
  border-bottom: 1px solid var(--line, #E2E8F0) !important;
  padding: 0 0 14px !important;
  margin-bottom: 0 !important;
}
#ksFreeCard .kfc-price-hero{
  padding: 14px 0 14px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--line, #E2E8F0) !important;
  border-radius: 0 !important;
}
#ksFreeCard .kfc-verdict{
  margin: 12px 0 10px !important;
  padding: 12px 14px !important;
  background: rgba(255,130,0,.05) !important;
  border: 1px solid rgba(255,130,0,.16) !important;
  border-radius: 14px !important;
  outline: none !important;
}
#ksFreeCard .kfc-quality{
  margin-top: 10px !important;
  padding: 12px 14px !important;
  border-top: 1px solid var(--line, #E2E8F0) !important;
  background: transparent !important;
  outline: none !important;
  border-radius: 0 !important;
}

/* ── 2. Tighter wrap padding ── */
#ksFreeCard .kfc-wrap.ks-snapshot-card{
  padding: 16px 22px 16px !important;
}

/* ── 3. Price section — no range repeated as text ── */
#ksFreeCard .ks-market-band{
  display: none !important;
}

/* Price hero — tighter */
#ksFreeCard .kfc-price-main{
  font-size: clamp(44px, 6vw, 68px) !important;
  margin-bottom: 4px !important;
  line-height: .96 !important;
}
#ksFreeCard .kfc-range{
  margin-top: 10px !important;
}

/* ── 4. Row grid — no individual card borders, clean divider grid ── */
#ksFreeCard .kfc-rows{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 12px 0 0 !important;
  border: 1px solid var(--line, #E2E8F0) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: var(--card, #fff) !important;
}
#ksFreeCard .kfc-row{
  min-height: auto !important;
  padding: 13px 14px !important;
  border: 0 !important;
  border-right: 1px solid var(--line, #E2E8F0) !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
#ksFreeCard .kfc-row:last-child{
  border-right: 0 !important;
}
/* Remove bottom borders added by earlier rules on last row */
#ksFreeCard .kfc-row:nth-last-child(-n+4){
  border-bottom: 0 !important;
}

/* ── 5. Nameplate — tighter ── */
#ksFreeCard .kfc-carname{
  font-size: clamp(22px, 2.8vw, 30px) !important;
  margin-bottom: 4px !important;
}
#ksFreeCard .kfc-pills{
  margin-top: 6px !important;
  gap: 3px 7px !important;
}
#ksFreeCard .kfc-ref-sub{
  margin-top: 7px !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

/* ── 6. New action buttons — ks-action-btn system ── */
.ks-action-btn{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: var(--ff) !important;
  cursor: pointer !important;
  border: none !important;
  transition: background .18s, color .18s, box-shadow .18s !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.ks-action-btn svg{
  flex-shrink: 0 !important;
}

/* Ghost: secondary action */
.ks-action-btn--ghost{
  background: transparent !important;
  color: var(--t-body, #475569) !important;
  border: 1.5px solid var(--line, #CBD5E1) !important;
}
.ks-action-btn--ghost:hover{
  background: var(--surf, #F1F5F9) !important;
  border-color: var(--blue, #0077A8) !important;
  color: var(--blue, #0077A8) !important;
}

/* Solid: primary action */
.ks-action-btn--solid{
  background: var(--ink, #0F2246) !important;
  color: #fff !important;
  border: 1.5px solid var(--ink, #0F2246) !important;
  box-shadow: 0 2px 8px rgba(15,34,70,.18) !important;
}
.ks-action-btn--solid:hover{
  background: var(--blue, #005C8A) !important;
  border-color: var(--blue, #005C8A) !important;
  box-shadow: 0 4px 14px rgba(0,92,138,.26) !important;
}

#ksFreeCard .kfc-foot{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid var(--line, #E2E8F0) !important;
  border-bottom: 0 !important;
}

/* ── 7. Dark mode ── */
[data-theme=dark] #ksFreeCard .kfc-nameplate{
  border-bottom-color: rgba(255,255,255,.1) !important;
}
[data-theme=dark] #ksFreeCard .kfc-price-hero{
  border-bottom-color: rgba(255,255,255,.1) !important;
  background: transparent !important;
}
[data-theme=dark] #ksFreeCard .kfc-rows{
  background: rgba(15,23,42,.6) !important;
  border-color: rgba(255,255,255,.09) !important;
}
[data-theme=dark] #ksFreeCard .kfc-row{
  border-right-color: rgba(255,255,255,.09) !important;
}
[data-theme=dark] #ksFreeCard .kfc-verdict{
  background: rgba(255,130,0,.08) !important;
  border-color: rgba(255,130,0,.22) !important;
}
[data-theme=dark] #ksFreeCard .kfc-quality{
  border-top-color: rgba(255,255,255,.1) !important;
}
[data-theme=dark] #ksFreeCard .kfc-foot{
  border-top-color: rgba(255,255,255,.1) !important;
}
[data-theme=dark] .ks-action-btn--ghost{
  color: var(--t-muted) !important;
  border-color: rgba(255,255,255,.15) !important;
}
[data-theme=dark] .ks-action-btn--ghost:hover{
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(100,180,220,.5) !important;
  color: #7DD3FC !important;
}
[data-theme=dark] .ks-action-btn--solid{
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #fff !important;
  box-shadow: none !important;
}
[data-theme=dark] .ks-action-btn--solid:hover{
  background: rgba(100,180,220,.22) !important;
  border-color: rgba(100,180,220,.4) !important;
}

/* ── 8. Responsive ── */
@media (max-width: 900px){
  #ksFreeCard .kfc-rows{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  #ksFreeCard .kfc-row:nth-child(2n){ border-right: 0 !important; }
  #ksFreeCard .kfc-row:nth-child(n+3){ border-top: 1px solid var(--line, #E2E8F0) !important; }
  [data-theme=dark] #ksFreeCard .kfc-row:nth-child(n+3){ border-top-color: rgba(255,255,255,.09) !important; }
}
@media (max-width: 640px){
  #ksFreeCard .kfc-wrap.ks-snapshot-card{ padding: 14px 14px 14px !important; }
  #ksFreeCard .kfc-rows{ grid-template-columns: 1fr !important; }
  #ksFreeCard .kfc-row{ border-right: 0 !important; border-top: 1px solid var(--line, #E2E8F0) !important; }
  #ksFreeCard .kfc-row:first-child{ border-top: 0 !important; }
  #ksFreeCard .kfc-foot{ flex-direction: column !important; align-items: stretch !important; }
  .ks-action-btn{ justify-content: center !important; width: 100% !important; }
  [data-theme=dark] #ksFreeCard .kfc-row{ border-top-color: rgba(255,255,255,.09) !important; }
}

/* ──────────────────────────────────────────────────────────────
   V1468 TRUE REPORT OUTPUT FIX — single-border free report,
   compact full report, no duplicate premium price sections.
   This block intentionally sits last to beat old duplicate CSS rules.
   ────────────────────────────────────────────────────────────── */
#ks-result-section,
#ksResultBody{
  max-width:100%!important;
}
#ksFreeCard{
  --ks-report-line:rgba(15,34,70,.14);
  --ks-report-muted:#5D6C82;
}
#ksFreeCard .kfc-wrap.ks-snapshot-card{
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:18px 22px!important;
  border:1px solid var(--ks-report-line)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96))!important;
  box-shadow:0 18px 44px rgba(15,34,70,.09)!important;
  overflow:hidden!important;
}
#ksFreeCard .kfc-nameplate,
#ksFreeCard .kfc-price-hero,
#ksFreeCard .kfc-verdict,
#ksFreeCard .kfc-rows,
#ksFreeCard .kfc-row,
#ksFreeCard .kfc-quality,
#ksFreeCard .kfc-foot{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
#ksFreeCard .kfc-nameplate{padding:0 0 10px!important;margin:0!important;}
#ksFreeCard .kfc-nameplate-top{margin-bottom:8px!important;}
#ksFreeCard .kfc-eyebrow{font-size:11px!important;letter-spacing:.16em!important;color:var(--orange,#FF8200)!important;}
#ksFreeCard .kfc-ref-chip{border-radius:999px!important;background:#EEF7FF!important;border:1px solid #CDE5FF!important;padding:7px 11px!important;font-size:11px!important;}
#ksFreeCard .kfc-carname{font-size:clamp(24px,3vw,34px)!important;line-height:1.02!important;margin:0 0 8px!important;letter-spacing:-.045em!important;}
#ksFreeCard .kfc-pills{gap:6px!important;margin:0 0 8px!important;}
#ksFreeCard .kfc-pill{padding:6px 10px!important;border-radius:10px!important;font-size:12px!important;background:#F4F8FD!important;border:0!important;color:#41506A!important;}
#ksFreeCard .kfc-ref-sub{font-size:12.5px!important;line-height:1.45!important;color:var(--ks-report-muted)!important;max-width:780px!important;}
#ksFreeCard .kfc-price-hero{padding:8px 0 12px!important;margin:0!important;}
#ksFreeCard .kfc-price-lbl{font-size:11px!important;letter-spacing:.13em!important;color:#41506A!important;margin:0 0 4px!important;}
#ksFreeCard .kfc-price-main{font-size:clamp(44px,5vw,64px)!important;line-height:.9!important;margin:0 0 8px!important;color:var(--orange,#FF8200)!important;}
#ksFreeCard .kfc-price-currency{font-size:18px!important;color:#41506A!important;margin-right:6px!important;vertical-align:middle!important;}
#ksFreeCard .kfc-range--visual{margin:4px 0 0!important;display:block!important;}
#ksFreeCard .kfc-range--visual .kfc-range-track{width:min(420px,100%)!important;margin:0!important;height:4px!important;border-radius:999px!important;}
#ksFreeCard .kfc-range--visual .kfc-range-pin{width:14px!important;height:14px!important;top:50%!important;transform:translate(-50%,-50%)!important;}
#ksFreeCard .kfc-verdict{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;padding:12px 0!important;margin:0!important;border-top:1px solid rgba(15,34,70,.08)!important;border-bottom:1px solid rgba(15,34,70,.08)!important;}
#ksFreeCard .kfc-verdict-left{gap:8px!important;margin-bottom:3px!important;}
#ksFreeCard .kfc-verdict-dot{display:none!important;}
#ksFreeCard .kfc-verdict-lbl{font-size:15px!important;letter-spacing:-.02em!important;}
#ksFreeCard .kfc-verdict-tip{font-size:12px!important;line-height:1.4!important;color:var(--ks-report-muted)!important;}
#ksFreeCard .ks-data-reliability{text-align:right!important;}
#ksFreeCard .kfc-close-lbl{font-size:10.5px!important;letter-spacing:.12em!important;color:#64748B!important;}
#ksFreeCard .kfc-close-val{font-size:17px!important;line-height:1.1!important;}
#ksFreeCard .kfc-rows{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 0!important;padding:0!important;}
#ksFreeCard .kfc-row{padding:0!important;min-height:auto!important;}
#ksFreeCard .kfc-row-lbl{font-size:12px!important;letter-spacing:-.01em!important;text-transform:none!important;color:#52627A!important;margin:0 0 8px!important;}
#ksFreeCard .kfc-row-val{font-size:16px!important;line-height:1.05!important;margin:0 0 7px!important;color:#0E1A2F!important;}
#ksFreeCard .kfc-row-sub{font-size:11.5px!important;line-height:1.38!important;color:#64748B!important;}
#ksFreeCard .kfc-quality{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(15,34,70,.08)!important;}
#ksFreeCard .kfc-conf-badge{border:0!important;background:#F3F8FC!important;border-radius:999px!important;padding:8px 11px!important;font-size:11px!important;white-space:nowrap!important;}
#ksFreeCard .kfc-foot{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(15,34,70,.08)!important;}
#ksFreeCard .ks-action-btn,
.full-report-page .ks-action-btn,
#fullReportBody .ks-action-btn,
.full-report-actions button{
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:42px!important;padding:10px 17px!important;border-radius:999px!important;
  font:800 13px/1 'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif!important;
  letter-spacing:-.01em!important;cursor:pointer!important;text-decoration:none!important;
}
#ksFreeCard .ks-action-btn--solid,
.full-report-page .ks-action-btn--solid,
#fullReportBody .ks-action-btn--solid,
.full-report-actions .primary{
  color:#fff!important;background:linear-gradient(135deg,#FF8200,#FF9A2F)!important;border:1px solid rgba(255,130,0,.82)!important;box-shadow:0 12px 24px rgba(255,130,0,.22)!important;
}
#ksFreeCard .ks-action-btn--ghost,
.full-report-page .ks-action-btn--ghost,
#fullReportBody .ks-action-btn--ghost,
.full-report-actions button:not(.primary){
  color:#0F2246!important;background:#F6F9FD!important;border:1px solid rgba(15,34,70,.16)!important;box-shadow:0 8px 18px rgba(15,34,70,.06)!important;
}
#ksFreeCard .ks-premium-unlock{margin:16px auto 0!important;max-width:980px!important;border:1px solid rgba(255,130,0,.22)!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(255,130,0,.08)!important;padding:18px 20px!important;}
#ksFreeCard .ks-premium-unlock .kfc-gate-head{font-size:13px!important;letter-spacing:.15em!important;color:#0F2246!important;margin-bottom:8px!important;}
#ksFreeCard .ks-premium-unlock .kfc-features{gap:8px!important;margin:12px 0!important;}
#ksFreeCard .ks-premium-unlock .kfc-feat{border-radius:12px!important;padding:9px 10px!important;background:#F7FAFE!important;}
#ksFreeCard .ks-premium-unlock .kfc-unlock-row{margin-top:12px!important;}
.full-report-page .pir-container,#fullReportBody .pir-container{max-width:1040px!important;margin:0 auto!important;}
.full-report-page .doc,#fullReportBody .doc{display:block!important;border:1px solid rgba(15,34,70,.13)!important;border-radius:24px!important;padding:18px!important;background:#fff!important;box-shadow:0 18px 44px rgba(15,34,70,.08)!important;}
.full-report-page .hero,#fullReportBody .hero{margin:0 0 14px!important;border:0!important;box-shadow:none!important;background:linear-gradient(135deg,#F8FCFF,#EDF7FF)!important;border-radius:20px!important;}
.full-report-page .hero-inner,#fullReportBody .hero-inner{padding:20px 22px!important;}
.full-report-page .hero-car,#fullReportBody .hero-car{font-size:clamp(26px,3vw,38px)!important;line-height:1.05!important;}
.full-report-page .hero-price,#fullReportBody .hero-price{margin-top:3px!important;line-height:.92!important;}
.full-report-page .divider,#fullReportBody .divider{display:none!important;}
.full-report-page .premium-report-section,#fullReportBody .premium-report-section{margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.full-report-page .premium-report-section + .premium-report-section,#fullReportBody .premium-report-section + .premium-report-section{padding-top:12px!important;border-top:1px solid rgba(15,34,70,.08)!important;}
.full-report-page .eyebrow,#fullReportBody .eyebrow{margin:0 0 8px!important;font-size:13px!important;letter-spacing:.15em!important;color:#0072A8!important;}
.full-report-page .premium-grid,#fullReportBody .premium-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.full-report-page .pp,#fullReportBody .pp{padding:12px!important;border:1px solid rgba(15,34,70,.10)!important;border-radius:16px!important;background:#FBFDFF!important;box-shadow:none!important;}
.full-report-page .pp-lbl,#fullReportBody .pp-lbl{font-size:11px!important;letter-spacing:.12em!important;}
.full-report-page .pp-val,#fullReportBody .pp-val{font-size:18px!important;margin:4px 0!important;}
.full-report-page .pp-sub,#fullReportBody .pp-sub{font-size:12px!important;line-height:1.45!important;}
.full-report-page .card,#fullReportBody .card{box-shadow:none!important;border:1px solid rgba(15,34,70,.10)!important;border-radius:16px!important;padding:12px!important;}
.full-report-page .lt th,#fullReportBody .lt th{padding:8px!important;font-size:11px!important;}
.full-report-page .lt td,#fullReportBody .lt td{padding:8px!important;font-size:12px!important;}
.full-report-page .share,#fullReportBody .share{margin-top:12px!important;padding:12px 0 0!important;border-top:1px solid rgba(15,34,70,.08)!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
[data-theme=dark] #ksFreeCard .kfc-wrap.ks-snapshot-card,
[data-theme=dark] .full-report-page .doc,
[data-theme=dark] #fullReportBody .doc{background:rgba(15,23,42,.96)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important;}
[data-theme=dark] #ksFreeCard .kfc-row-val,
[data-theme=dark] #ksFreeCard .kfc-carname{color:#F8FAFC!important;}
[data-theme=dark] #ksFreeCard .kfc-pill,
[data-theme=dark] #ksFreeCard .kfc-conf-badge,
[data-theme=dark] .full-report-page .pp,
[data-theme=dark] #fullReportBody .pp,
[data-theme=dark] .full-report-page .card,
[data-theme=dark] #fullReportBody .card{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.10)!important;}
@media (max-width: 900px){
  #ksFreeCard .kfc-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ksFreeCard .kfc-verdict,#ksFreeCard .kfc-quality{grid-template-columns:1fr!important;}
  #ksFreeCard .ks-data-reliability{text-align:left!important;}
  .full-report-page .premium-grid,#fullReportBody .premium-grid{grid-template-columns:1fr 1fr!important;}
}
@media (max-width: 640px){
  #ksFreeCard .kfc-wrap.ks-snapshot-card{padding:15px!important;border-radius:18px!important;}
  #ksFreeCard .kfc-rows{grid-template-columns:1fr!important;}
  #ksFreeCard .kfc-foot{flex-direction:column!important;}
  #ksFreeCard .ks-action-btn{width:100%!important;}
  .full-report-page .doc,#fullReportBody .doc{padding:14px!important;border-radius:18px!important;}
  .full-report-page .hero-inner,#fullReportBody .hero-inner{padding:16px!important;}
  .full-report-page .premium-grid,#fullReportBody .premium-grid{grid-template-columns:1fr!important;}
}
@media print{
  #ksFreeCard .ks-action-btn,.full-report-page .ks-action-btn,#fullReportBody .ks-action-btn,.full-report-actions{display:none!important;}
  #ksFreeCard .kfc-wrap.ks-snapshot-card,.full-report-page .doc,#fullReportBody .doc{box-shadow:none!important;}
}

/* ============================================================
   KamSayara V1468 STRICT AUDIT FINAL — authoritative report output
   Purpose: one visible free-report border, no nested snapshot border,
   compact premium report, premium opens only in separate window, and
   CSP-safe delegated controls.
   ============================================================ */
#ksFreeShell.ks-result-shell{
  border:1px solid rgba(15,34,70,.16)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.94))!important;
  box-shadow:0 18px 44px rgba(15,34,70,.08)!important;
  overflow:hidden!important;
}
#ksFreeShell .ks-free-head{
  padding:14px 20px!important;
  border-bottom:1px solid rgba(15,34,70,.10)!important;
  background:linear-gradient(90deg,#fff,#F7FBFF)!important;
}
#ksFreeShell .ks-result-body{
  padding:18px!important;
  background:transparent!important;
}
#ksFreeCard .kfc-wrap.ks-snapshot-card{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
#ksFreeCard .kfc-nameplate,
#ksFreeCard .kfc-price-hero,
#ksFreeCard .kfc-verdict,
#ksFreeCard .kfc-rows,
#ksFreeCard .kfc-row,
#ksFreeCard .kfc-quality,
#ksFreeCard .kfc-foot{
  border-left:0!important;border-right:0!important;box-shadow:none!important;outline:0!important;
  background:transparent!important;
}
#ksFreeCard .kfc-nameplate{padding:0 0 10px!important;margin:0!important;}
#ksFreeCard .kfc-price-hero{padding:9px 0 13px!important;margin:0!important;border-top:0!important;border-bottom:1px solid rgba(15,34,70,.08)!important;border-radius:0!important;}
#ksFreeCard .kfc-price-main{font-size:clamp(44px,5vw,62px)!important;line-height:.9!important;margin:0 0 8px!important;}
#ksFreeCard .kfc-range--visual .kfc-range-track{width:min(420px,100%)!important;height:4px!important;margin:0!important;}
#ksFreeCard .kfc-verdict{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;padding:12px 0!important;margin:0!important;border-top:0!important;border-bottom:1px solid rgba(15,34,70,.08)!important;border-radius:0!important;}
#ksFreeCard .kfc-rows{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 0!important;padding:0!important;border:0!important;}
#ksFreeCard .kfc-row{padding:0!important;min-height:auto!important;border:0!important;border-radius:0!important;}
#ksFreeCard .kfc-row-lbl{font-size:12px!important;text-transform:none!important;letter-spacing:-.01em!important;margin:0 0 7px!important;color:#52627A!important;}
#ksFreeCard .kfc-row-val{font-size:16px!important;line-height:1.05!important;margin:0 0 6px!important;color:#0E1A2F!important;}
#ksFreeCard .kfc-row-sub{font-size:11.5px!important;line-height:1.38!important;color:#64748B!important;}
#ksFreeCard .kfc-quality{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(15,34,70,.08)!important;border-radius:0!important;}
#ksFreeCard .kfc-foot{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(15,34,70,.08)!important;border-radius:0!important;}
#ksFreeCard .ks-action-btn,
.full-report-page .ks-action-btn,
#fullReportBody .ks-action-btn,
.full-report-actions button{
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:42px!important;padding:10px 18px!important;border-radius:999px!important;
  font:800 13px/1 'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif!important;
  letter-spacing:-.01em!important;cursor:pointer!important;text-decoration:none!important;
}
#ksFreeCard .ks-action-btn--solid,
.full-report-page .ks-action-btn--solid,
#fullReportBody .ks-action-btn--solid,
.full-report-actions .primary{
  color:#fff!important;background:linear-gradient(135deg,#FF8200,#FF9A2F)!important;border:1px solid rgba(255,130,0,.86)!important;box-shadow:0 12px 24px rgba(255,130,0,.22)!important;
}
#ksFreeCard .ks-action-btn--ghost,
.full-report-page .ks-action-btn--ghost,
#fullReportBody .ks-action-btn--ghost,
.full-report-actions button:not(.primary){
  color:#0F2246!important;background:#F6F9FD!important;border:1px solid rgba(15,34,70,.16)!important;box-shadow:0 8px 18px rgba(15,34,70,.06)!important;
}
#ksFreeCard .ks-premium-unlock{
  margin:18px 0 0!important;
  max-width:100%!important;
  border:1px solid rgba(255,130,0,.28)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#FFF8ED,#FFFFFF)!important;
  box-shadow:none!important;
  padding:16px 18px!important;
}
.full-report-page .doc,#fullReportBody .doc{
  border:1px solid rgba(15,34,70,.13)!important;border-radius:22px!important;padding:16px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,34,70,.07)!important;
}
.full-report-page .premium-report-section,#fullReportBody .premium-report-section{margin:0 0 11px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.full-report-page .premium-report-section + .premium-report-section,#fullReportBody .premium-report-section + .premium-report-section{padding-top:11px!important;border-top:1px solid rgba(15,34,70,.08)!important;}
.full-report-page .premium-grid,#fullReportBody .premium-grid{gap:9px!important;}
.full-report-page .pp,#fullReportBody .pp{padding:11px!important;border:1px solid rgba(15,34,70,.10)!important;border-radius:14px!important;background:#FBFDFF!important;box-shadow:none!important;}
.full-report-page .hero,#fullReportBody .hero{margin:0 0 13px!important;border:0!important;box-shadow:none!important;border-radius:18px!important;}
.full-report-page .hero-inner,#fullReportBody .hero-inner{padding:18px 20px!important;}
@media (max-width: 900px){
  #ksFreeCard .kfc-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ksFreeCard .kfc-verdict,#ksFreeCard .kfc-quality{grid-template-columns:1fr!important;}
  #ksFreeCard .ks-data-reliability{text-align:left!important;}
}
@media (max-width: 640px){
  #ksFreeShell .ks-result-body{padding:14px!important;}
  #ksFreeCard .kfc-rows{grid-template-columns:1fr!important;}
  #ksFreeCard .kfc-foot{flex-direction:column!important;}
  #ksFreeCard .ks-action-btn{width:100%!important;}
  #ksFreeCard .ks-premium-unlock{padding:14px!important;}
}

/* V1469 strict secondary-tool form fixes: blank form controls, proper action spacing, and clean cascading menus */
.tool-card .tool-form + .tool-actions,
.tool-card > .tool-actions {
  margin-top: 26px !important;
  padding-top: 0 !important;
  clear: both !important;
}
.tool-actions {
  gap: 14px !important;
  align-items: center !important;
}
.tool-actions .btn,
.tool-actions button {
  min-height: 46px !important;
  border-radius: 999px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.tool-actions .btn-primary,
.tool-actions button.btn-primary {
  box-shadow: 0 12px 26px rgba(255,130,0,.22) !important;
}
.tool-actions .btn-secondary,
.tool-actions button.btn-secondary {
  background: rgba(0,63,99,.08) !important;
  border-color: transparent !important;
}
.tool-form {
  row-gap: 18px !important;
}
.ks-combo-btn.empty,
.tool-field select:invalid {
  color: var(--muted) !important;
  font-weight: 600 !important;
}
.ks-combo-empty {
  padding: 12px !important;
  color: var(--muted) !important;
}
@media (max-width: 640px) {
  .tool-card .tool-form + .tool-actions,
  .tool-card > .tool-actions { margin-top: 22px !important; }
  .tool-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .tool-actions .btn,.tool-actions button { width: 100% !important; min-width: 0 !important; }
}

/* V1471 international standards hardening: responsive, accessible forms and touch-safe controls */
:where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{
  outline:3px solid rgba(255,130,0,.56)!important;
  outline-offset:3px!important;
}
:where(button,.btn,.nav-mini,.hamb,.wz-chip,.wz-chip-more,.ks-combo-btn,.iq-opt){
  min-height:44px;
}
:where(input,select,textarea,.ks-combo-btn){
  max-width:100%;
}
.tool-page .tool-card,
.tool-page .tool-output-card,
.tool-page .content-card{
  overflow-wrap:anywhere;
}
.tool-page .tool-shell{
  align-items:start;
  gap:clamp(18px,2.4vw,32px)!important;
}
.tool-page .tool-form,
.form-grid{
  gap:clamp(14px,1.8vw,20px)!important;
}
.tool-page .tool-actions{
  flex-wrap:wrap!important;
  row-gap:12px!important;
  margin-top:clamp(22px,2.4vw,30px)!important;
}
.ks-combo-menu{
  max-height:min(320px,48vh)!important;
  overflow:auto!important;
  z-index:80!important;
}
@media (min-width:681px) and (max-width:1100px){
  .tool-page .container{width:min(100% - 36px,1080px)!important;}
  .tool-page .tool-shell,
  .tool-page .tool-shell.reverse,
  .tool-hero-grid{grid-template-columns:1fr!important;}
  .tool-page .tool-card,.tool-page .tool-output-card{border-radius:22px!important;}
  .tool-page .tool-actions .btn,.tool-page .tool-actions button{min-width:160px!important;}
}
@media (max-width: 640px){
  .tool-page .container{width:min(100% - 24px,1080px)!important;}
  .tool-page .page-hero{padding:28px 0 18px!important;}
  .tool-page .tool-shell,
  .tool-page .tool-shell.reverse,
  .tool-hero-grid,
  .form-grid,
  .tool-form{grid-template-columns:1fr!important;}
  .form-grid .span-2,.tool-form .span-2{grid-column:1/-1!important;}
  .tool-page .tool-card,.tool-page .tool-output-card,.tool-page .content-card{padding:18px!important;border-radius:20px!important;}
  .tool-page .tool-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .tool-page .tool-actions .btn,.tool-page .tool-actions button,.tool-page .btn{width:100%;justify-content:center;}
  .site-nav .brand-sub{display:none!important;}
  .ks-combo-menu{max-height:44vh!important;}
}
@media (max-width: 640px){
  .tool-page .page-title-narrow,.tool-page .page-title{font-size:clamp(2rem,11vw,2.6rem)!important;}
  .tool-page .tool-card,.tool-page .tool-output-card,.tool-page .content-card{padding:16px!important;}
  .nav-actions .btn{display:none!important;}
}


/* V1471 CSP-clean classes replacing inline style attributes */
.color-dot--white{background:#fff}.color-dot--black{background:#05070a}.color-dot--silver{background:#d9e0e7}.color-dot--grey{background:#68717d}.color-dot--blue{background:#0057d9}.color-dot--red{background:#df1f2d}.color-dot--maroon{background:#7a1020}.color-dot--beige{background:#dfc7a1}.color-dot--gold{background:#d6a900}.color-dot--brown{background:#6f3f20}.color-dot--orange{background:#FF8200}.color-dot--green{background:#168447}.color-dot--yellow{background:#ffd400}.color-dot--pearl-white{background:#fffdf2}.color-dot--dark-grey{background:#4d5662}.color-dot--champagne{background:#e6d2a8}.color-dot--bronze{background:#a97142}.color-dot--purple{background:#6f42c1}.color-dot--teal{background:#008b8b}.color-dot--matte-black{background:#111}.color-dot--other{background:linear-gradient(135deg,#fff,#999,#111)}
.ks-hype-seq{padding:28px 20px 32px;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:0}.ks-hype-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#94A3B8;margin-bottom:16px}.ks-hype-lines{display:flex;flex-direction:column;gap:8px;width:100%}.ks-hype-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#94A3B8;flex-shrink:0}.ks-free-card-animated{animation:freeCardIn .45s cubic-bezier(.22,1,.36,1) both}.kfc-range-fill{left:0;right:0}.kfc-quality-text{text-align:left;max-width:520px}.kfc-quality-badge-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.is-hidden{display:none}.locked-feature-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surf-0);border:1px solid #E2E8F0;border-radius:6px}.locked-feature-icon{flex-shrink:0}.locked-feature-text{font-size:11px;font-weight:700;color:var(--muted)}.pp-sub-body{font-size:12px;line-height:1.55}.pricing-pool-line{margin:0 0 10px}.evidence-card-scroll{overflow:auto}.hero-note{margin-top:10px;font-size:13px;color:var(--muted)}.scan-title{color:#fff;margin-top:10px}.scan-lead{margin-top:8px}
.kfc-pin-pct-0{left:0%}.kfc-pin-pct-1{left:1%}.kfc-pin-pct-2{left:2%}.kfc-pin-pct-3{left:3%}.kfc-pin-pct-4{left:4%}.kfc-pin-pct-5{left:5%}.kfc-pin-pct-6{left:6%}.kfc-pin-pct-7{left:7%}.kfc-pin-pct-8{left:8%}.kfc-pin-pct-9{left:9%}.kfc-pin-pct-10{left:10%}.kfc-pin-pct-11{left:11%}.kfc-pin-pct-12{left:12%}.kfc-pin-pct-13{left:13%}.kfc-pin-pct-14{left:14%}.kfc-pin-pct-15{left:15%}.kfc-pin-pct-16{left:16%}.kfc-pin-pct-17{left:17%}.kfc-pin-pct-18{left:18%}.kfc-pin-pct-19{left:19%}.kfc-pin-pct-20{left:20%}.kfc-pin-pct-21{left:21%}.kfc-pin-pct-22{left:22%}.kfc-pin-pct-23{left:23%}.kfc-pin-pct-24{left:24%}.kfc-pin-pct-25{left:25%}.kfc-pin-pct-26{left:26%}.kfc-pin-pct-27{left:27%}.kfc-pin-pct-28{left:28%}.kfc-pin-pct-29{left:29%}.kfc-pin-pct-30{left:30%}.kfc-pin-pct-31{left:31%}.kfc-pin-pct-32{left:32%}.kfc-pin-pct-33{left:33%}.kfc-pin-pct-34{left:34%}.kfc-pin-pct-35{left:35%}.kfc-pin-pct-36{left:36%}.kfc-pin-pct-37{left:37%}.kfc-pin-pct-38{left:38%}.kfc-pin-pct-39{left:39%}.kfc-pin-pct-40{left:40%}.kfc-pin-pct-41{left:41%}.kfc-pin-pct-42{left:42%}.kfc-pin-pct-43{left:43%}.kfc-pin-pct-44{left:44%}.kfc-pin-pct-45{left:45%}.kfc-pin-pct-46{left:46%}.kfc-pin-pct-47{left:47%}.kfc-pin-pct-48{left:48%}.kfc-pin-pct-49{left:49%}.kfc-pin-pct-50{left:50%}.kfc-pin-pct-51{left:51%}.kfc-pin-pct-52{left:52%}.kfc-pin-pct-53{left:53%}.kfc-pin-pct-54{left:54%}.kfc-pin-pct-55{left:55%}.kfc-pin-pct-56{left:56%}.kfc-pin-pct-57{left:57%}.kfc-pin-pct-58{left:58%}.kfc-pin-pct-59{left:59%}.kfc-pin-pct-60{left:60%}.kfc-pin-pct-61{left:61%}.kfc-pin-pct-62{left:62%}.kfc-pin-pct-63{left:63%}.kfc-pin-pct-64{left:64%}.kfc-pin-pct-65{left:65%}.kfc-pin-pct-66{left:66%}.kfc-pin-pct-67{left:67%}.kfc-pin-pct-68{left:68%}.kfc-pin-pct-69{left:69%}.kfc-pin-pct-70{left:70%}.kfc-pin-pct-71{left:71%}.kfc-pin-pct-72{left:72%}.kfc-pin-pct-73{left:73%}.kfc-pin-pct-74{left:74%}.kfc-pin-pct-75{left:75%}.kfc-pin-pct-76{left:76%}.kfc-pin-pct-77{left:77%}.kfc-pin-pct-78{left:78%}.kfc-pin-pct-79{left:79%}.kfc-pin-pct-80{left:80%}.kfc-pin-pct-81{left:81%}.kfc-pin-pct-82{left:82%}.kfc-pin-pct-83{left:83%}.kfc-pin-pct-84{left:84%}.kfc-pin-pct-85{left:85%}.kfc-pin-pct-86{left:86%}.kfc-pin-pct-87{left:87%}.kfc-pin-pct-88{left:88%}.kfc-pin-pct-89{left:89%}.kfc-pin-pct-90{left:90%}.kfc-pin-pct-91{left:91%}.kfc-pin-pct-92{left:92%}.kfc-pin-pct-93{left:93%}.kfc-pin-pct-94{left:94%}.kfc-pin-pct-95{left:95%}.kfc-pin-pct-96{left:96%}.kfc-pin-pct-97{left:97%}.kfc-pin-pct-98{left:98%}.kfc-pin-pct-99{left:99%}.kfc-pin-pct-100{left:100%}
/* V1472 strict tools audit: stable secondary form sizing, actions, and dropdown layout */
.tool-page .tool-card,
.tool-page .tool-shell,
.tool-page .tool-form,
.tool-page .tool-field { min-width: 0 !important; }
.tool-page .tool-form {
  align-items: start !important;
  gap: 16px !important;
}
.tool-page .tool-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  min-height: 76px !important;
}
.tool-page .tool-field label {
  min-height: 18px !important;
  line-height: 1.2 !important;
}
.tool-page .tool-field input,
.tool-page .tool-field select,
.tool-page .tool-field textarea,
.tool-page .ks-combo-btn {
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  box-sizing: border-box !important;
}
.tool-page .tool-field textarea {
  height: 112px !important;
  max-height: none !important;
  resize: vertical !important;
}
.tool-page .ks-combo {
  display: block !important;
  width: 100% !important;
  min-height: 46px !important;
}
.tool-page .ks-combo-btn {
  display: flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}
.tool-page .ks-combo-panel {
  max-height: 286px !important;
}
.tool-page .ks-combo-list {
  max-height: 214px !important;
}
.tool-page .tool-form + .tool-actions,
.tool-page .tool-card > .tool-actions {
  margin-top: 24px !important;
  padding-top: 4px !important;
  clear: both !important;
}
.tool-page .tool-actions {
  gap: 12px !important;
  align-items: center !important;
}
.tool-page .tool-actions .btn,
.tool-page .tool-actions button {
  min-height: 46px !important;
  border-radius: 14px !important;
}
@media (max-width: 900px){
  .tool-page .tool-form { grid-template-columns: 1fr !important; gap: 14px !important; }
  .tool-page .tool-field { min-height: 74px !important; }
  .tool-page .tool-form + .tool-actions,
  .tool-page .tool-card > .tool-actions { margin-top: 22px !important; }
  .tool-page .tool-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .tool-page .tool-actions .btn,
  .tool-page .tool-actions button { width: 100% !important; min-width: 0 !important; }
}


/* V1473 page polish: equal tool cards, readable day-mode CTAs, modern form surface, fixed color chips */
.tool-page .tool-shell{
  align-items: stretch !important;
}
.tool-page .tool-shell > .tool-card{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.tool-page .tool-card .tool-form{
  flex: 1 1 auto !important;
}
.tool-page .tool-form{
  padding: 12px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg,rgba(248,251,253,.92),rgba(255,255,255,.72)) !important;
  border: 1px solid rgba(201,219,232,.72) !important;
}
html[data-theme="dark"] .tool-page .tool-form,
body.dark .tool-page .tool-form{
  background: rgba(6,23,38,.34) !important;
  border-color: rgba(255,255,255,.10) !important;
}
.tool-page .tool-field input,
.tool-page .tool-field select,
.tool-page .tool-field textarea,
.tool-page .ks-combo-btn{
  border-radius: 16px !important;
  border: 1px solid #cbddea !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 1px 0 rgba(255,255,255,.75) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.tool-page .tool-field input:focus,
.tool-page .tool-field select:focus,
.tool-page .tool-field textarea:focus,
.tool-page .ks-combo-btn:focus-visible{
  border-color: #FF8200 !important;
  box-shadow: 0 0 0 4px rgba(255,130,0,.14) !important;
}
.tool-page .ks-combo-btn::after{
  content: "⌄" !important;
  margin-left: auto !important;
  color: #0a6d95 !important;
  font-weight: 900 !important;
  transform: translateY(-1px) !important;
}
.tool-page .ks-combo-btn{
  gap: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.tool-page .ks-combo-panel{
  border-radius: 18px !important;
  border: 1px solid #cbddea !important;
  box-shadow: 0 24px 48px rgba(3,31,52,.16) !important;
}
.tool-page .ks-combo-item{
  min-height: 40px !important;
  border-radius: 12px !important;
}
.tool-page .tool-actions .btn,
.tool-page .tool-actions button,
.v13-cta .btn,
.hero-actions .btn{
  white-space: nowrap !important;
  min-width: max-content !important;
}
/* v13-cta overrides consolidated below */
.tool-page .tool-output{
  min-height: 74px !important;
}
.tool-page .contact-form textarea,
.tool-page #contactMessage{
  min-height: 176px !important;
  height: 176px !important;
}
.tool-page .tool-shell:has(#contactMessage) > .tool-card,
.tool-page .tool-shell:has(#contactMessage) > .content-card{
  min-height: 100% !important;
}
@media (min-width: 901px){
  .tool-page .tool-shell:has(#contactMessage){
    align-items: stretch !important;
  }
  .tool-page .tool-shell:has(#contactMessage) > *{
    min-height: 620px !important;
  }
}
/* Keep home input function unchanged; only improve fit/readability of the existing color chips */
.wz-color-grid,
.color-row,
#ksColorRow,
#ksExteriorColorRow{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  align-items: center !important;
  overflow: visible !important;
}
.wz-color-grid .wz-chip,
.color-row .wz-chip,
#ksColorRow .wz-chip,
#ksExteriorColorRow .wz-chip{
  flex: 0 0 auto !important;
  min-width: 42px !important;
}
.color-dot,
.color-swatch,
[class*="color-dot--"]{
  box-shadow: 0 0 0 2px rgba(255,255,255,.9), 0 0 0 3px rgba(6,31,50,.38) !important;
}
.color-dot--white{background:#ffffff!important}.color-dot--pearl-white{background:#fff2c7!important}.color-dot--silver{background:#c9d2dc!important}.color-dot--grey{background:#697684!important}.color-dot--dark-grey{background:#303946!important}.color-dot--black{background:#05070a!important}.color-dot--matte-black{background:#171717!important}.color-dot--blue{background:#155bdc!important}.color-dot--red{background:#d71920!important}.color-dot--maroon{background:#741022!important}.color-dot--beige{background:#d7b98f!important}.color-dot--champagne{background:#ecd08b!important}.color-dot--gold{background:#c89500!important}.color-dot--bronze{background:#9a5d2b!important}.color-dot--brown{background:#623318!important}.color-dot--orange{background:#FF8200!important}.color-dot--green{background:#188038!important}.color-dot--yellow{background:#ffd600!important}.color-dot--purple{background:#6b3fc7!important}.color-dot--teal{background:#00878a!important}
@media (max-width: 640px){
  .v13-cta{align-items:flex-start!important;}
  .v13-cta .btn{width:100%!important;min-width:0!important;}
  .tool-page .tool-form{padding:10px!important;}
}


/* V1474 strict visual QA pass: equal cards, readable day mode, stable forms, no empty result boxes */
.tool-page .tool-hero{overflow:visible!important;padding:clamp(44px,6vw,76px) 0!important;}
.tool-page .tool-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr)!important;align-items:stretch!important;gap:clamp(24px,4vw,42px)!important;}

.tool-page .tool-hero-grid > :first-child{align-self:start!important;}.tool-page .tool-hero h1{line-height:1.02!important;letter-spacing:-.04em!important;max-width:14ch!important;margin:0!important;}
.tool-page .tool-hero .lead{font-size:clamp(15px,1.35vw,18px)!important;line-height:1.55!important;color:#26384a!important;max-width:660px!important;}
.tool-page .tool-hero .tool-card.dark{align-self:stretch!important;min-height:clamp(180px,18vw,270px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:clamp(24px,3.2vw,38px)!important;}
.tool-page .tool-hero .tool-card.dark p,.tool-page .tool-hero .tool-card.dark .lead{color:#f4fbff!important;opacity:1!important;}
.tool-page .v13-section.tight{padding-top:clamp(34px,4.2vw,56px)!important;padding-bottom:clamp(34px,4.2vw,56px)!important;}
.tool-page .tool-shell{align-items:stretch!important;gap:clamp(18px,2.4vw,28px)!important;}
.tool-page .tool-shell > .tool-card{height:100%!important;min-height:100%!important;display:flex!important;flex-direction:column!important;}
.tool-page .tool-card h2{line-height:1.02!important;margin-bottom:4px!important;}
.tool-page .tool-card .tool-form{flex:1 1 auto!important;display:grid!important;align-content:start!important;gap:16px!important;padding:16px!important;border-radius:24px!important;background:linear-gradient(180deg,#f8fbfd,#ffffff)!important;border:1px solid #d6e4ee!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;}
.tool-page .tool-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;}
.tool-page .tool-field label{font-size:12px!important;line-height:1.15!important;letter-spacing:-.01em!important;white-space:normal!important;word-spacing:.08em!important;}
.tool-page .tool-field input,.tool-page .tool-field select,.tool-page .tool-field textarea,.tool-page .ks-combo-btn{height:46px!important;min-height:46px!important;width:100%!important;border-radius:14px!important;border:1.5px solid var(--ks-border,#cfe2f2)!important;background:var(--bg)!important;color:var(--ink)!important;padding:0 14px!important;font-size:var(--f)!important;line-height:1.2!important;box-shadow:0 2px 6px rgba(0,63,111,.05)!important;}
.tool-page .tool-field textarea{height:auto!important;min-height:140px!important;padding-top:14px!important;line-height:1.5!important;resize:vertical!important;}
.tool-page .ks-combo-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;}
.tool-page .ks-combo-btn.empty{color:#70849a!important;}
.tool-page .ks-combo-btn::after{content:"⌄"!important;flex:0 0 auto!important;margin-left:10px!important;color:#0a6d95!important;font-weight:900!important;}
.tool-page .ks-combo-panel{z-index:50!important;border-radius:18px!important;border:1px solid #cbddea!important;box-shadow:0 26px 62px rgba(6,31,50,.18)!important;background:#fff!important;}
.tool-page .ks-combo-list{max-height:210px!important;overflow:auto!important;}
.tool-page .ks-combo-item{min-height:40px!important;display:flex!important;align-items:center!important;}
.tool-page .tool-actions{display:flex!important;justify-content:flex-end!important;gap:14px!important;align-items:center!important;margin-top:18px!important;}
.tool-page .tool-actions .btn,.tool-page .tool-actions button,.v13-cta .btn,.hero-actions .btn,.nav-actions .btn{white-space:nowrap!important;min-width:max-content!important;line-height:1!important;}
.tool-page .tool-output[hidden],.tool-output:empty{display:none!important;}
.tool-page .tool-output:not([hidden]){display:block!important;min-height:0!important;padding:clamp(16px,2vw,22px)!important;margin-top:20px!important;background:#fff!important;border:1px solid #d6e4ee!important;border-radius:22px!important;box-shadow:0 18px 46px rgba(12,35,62,.08)!important;}
.v13-cta h2{color:#fff!important;line-height:1.05!important;}
.v13-cta p,.v13-cta .lead{color:#edf7ff!important;opacity:1!important;line-height:1.55!important;max-width:850px!important;}
.v13-cta .btn{flex:0 0 auto!important;min-width:172px!important;justify-content:center!important;padding-left:22px!important;padding-right:22px!important;}
.hero-visual-strip{min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.hero-visual-strip svg{display:block!important;width:100%!important;height:auto!important;filter:drop-shadow(0 18px 40px rgba(0,0,0,.16));}
#ksAskingInput2::placeholder{color:#94a8ba!important;}
.best-input #ksColorRow{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;align-items:center!important;overflow:visible!important;}
.best-input #ksColorRow .chip,.best-input #ksColorRow .wz-chip{min-width:0!important;width:100%!important;justify-content:center!important;}
.best-input #ksColorRow .chip.more,.best-input #ksColorRow .wz-chip.more{grid-column:auto!important;}
.color-dot,.color-swatch,[class*="color-dot--"]{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(6,31,50,.48)!important;}
.color-dot--white{background:#fff!important}.color-dot--pearl-white{background:#fff1b8!important}.color-dot--silver{background:#b9c5cf!important}.color-dot--grey{background:#667381!important}.color-dot--dark-grey{background:#2b3440!important}.color-dot--black{background:#030405!important}.color-dot--matte-black{background:#151515!important}.color-dot--blue{background:#175bd8!important}.color-dot--red{background:#d71920!important}.color-dot--maroon{background:#741325!important}.color-dot--beige{background:#d4b287!important}.color-dot--champagne{background:#eed08a!important}.color-dot--gold{background:#c58d00!important}.color-dot--bronze{background:#8d5529!important}.color-dot--brown{background:#5b321c!important}.color-dot--orange{background:#FF8200!important}.color-dot--green{background:#188038!important}.color-dot--yellow{background:#ffd400!important}.color-dot--purple{background:#6d42c7!important}.color-dot--teal{background:#008a91!important}
.tool-page .tool-shell:has(#contactMessage)>*{min-height:640px!important;}
.tool-page #contactMessage{min-height:220px!important;height:220px!important;}
html[data-theme="dark"] .tool-page .tool-form{background:rgba(6,23,38,.42)!important;border-color:rgba(255,255,255,.12)!important;}
html[data-theme="dark"] .tool-page .tool-field input,html[data-theme="dark"] .tool-page .tool-field select,html[data-theme="dark"] .tool-page .tool-field textarea,html[data-theme="dark"] .tool-page .ks-combo-btn{background:#10243d!important;color:#f7fbff!important;border-color:rgba(255,255,255,.16)!important;}
html[data-theme="dark"] .tool-page .ks-combo-panel{background:#10243d!important;border-color:rgba(255,255,255,.16)!important;}
@media (max-width: 900px){.tool-page .tool-hero-grid{grid-template-columns:1fr!important}.tool-page .tool-hero h1{max-width:12ch!important}.best-input #ksColorRow{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v13-cta{align-items:flex-start!important;flex-direction:column!important}.v13-cta .btn{width:auto!important}}
@media (max-width: 640px){.tool-page .tool-hero h1{max-width:100%!important}.tool-page .tool-form{grid-template-columns:1fr!important}.tool-page .tool-actions{justify-content:stretch!important;flex-direction:column!important}.tool-page .tool-actions .btn,.tool-page .tool-actions button{width:100%!important;justify-content:center!important}.best-input #ksColorRow{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v13-cta .btn{width:100%!important}}


/* KamSayara V1475 audit fixes: stable utilities, root tokens, compare spacing, compact PDF, CTA cleanup */

.mt-16{margin-top:16px!important;}
.text-soft{color:var(--muted)!important;}
/* .tool-shell align-items handled per-context */
.tool-shell + .tool-actions{margin-top:20px;}
.tool-actions + .tool-output{margin-top:16px;}
/* v13-cta consolidated — see canonical block below */

@media (max-width: 900px){.v13-cta{align-items:flex-start!important;flex-direction:column!important}.v13-cta .btn{width:auto!important}}
@media (max-width: 640px){.v13-cta .btn{width:100%!important}}


/* KamSayara V1480 final responsive, print, cache-consistency and accessibility pass */
html,body{max-width:100%;overflow-x:hidden;}
.container{width:min(100% - 32px,1180px);margin-inline:auto;}
@media(min-width:1440px){.container{width:min(100% - 64px,1200px);} .hero,.tool-hero-grid,.tool-shell{max-width:1200px;margin-inline:auto;}}
.tool-page .tool-hero-grid,.tool-page .tool-shell{align-items:stretch;gap:clamp(18px,2.2vw,28px);}
.tool-page .tool-shell>.tool-card,.tool-page .tool-shell>.content-card,.tool-page .tool-output-card{height:100%;min-width:0;}
.tool-form,.form-grid{gap:14px 14px;align-items:end;}
.tool-field input,.tool-field select,.tool-field textarea,.form-grid input,.form-grid select,.form-grid textarea,.ks-combo-btn{font-size:16px;min-height:46px;border-radius:14px;}
.btn,button,.chip,.role-chip,.ks-combo-item,.nav-links a,.nav-mini,.hamb{min-height:44px;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.ks-combo-btn:focus-visible{outline:3px solid rgba(255,130,0,.55);outline-offset:3px;}
.tool-actions{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap;}
.tool-actions .btn,.tool-actions button{min-width:160px;justify-content:center;}
.tool-output[hidden],#writerOutput[hidden],#buyOutput[hidden],#compareOutput[hidden],#sellOutput[hidden]{display:none!important;}
.ks-combo{position:relative;min-width:0;}
.ks-combo-panel{max-height:min(360px,52vh);overflow:auto;z-index:80;}
.ks-combo.open.ks-combo-up .ks-combo-panel{bottom:calc(100% + 8px);top:auto;}
.ks-combo-searchless .ks-combo-search{display:none!important;}
.color-chip,.color-dot,.ks-color-dot{aspect-ratio:1/1;border-radius:999px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);}
[data-color="white"],.color-white{box-shadow:inset 0 0 0 2px #8aa0b5,0 0 0 1px rgba(0,0,0,.08)!important;background:#fff!important;}
[data-color="silver"],.color-silver{box-shadow:inset 0 0 0 2px #7d8c9d!important;}
[data-color="grey"],[data-color="gray"],.color-grey,.color-gray{box-shadow:inset 0 0 0 2px #4b5563!important;}
.v13-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#062f4d,#0c3b5e);color:#fff;}
.v13-cta h2{color:#fff;line-height:1.05;}.v13-cta p,.v13-cta .lead{color:#edf7ff;opacity:1;line-height:1.55;max-width:850px;}.v13-cta .btn{flex:0 0 auto;min-width:190px;justify-content:center;padding-left:24px;padding-right:24px;white-space:nowrap;}
.ks-result-shell,.ks-snapshot-card,.premium-report,.premium-report-section{max-width:100%;overflow-wrap:anywhere;}
.report table,.premium-report table{width:100%;max-width:100%;border-collapse:collapse;}
@media (max-width: 900px){.tool-page .tool-hero-grid,.tool-page .tool-shell,.tool-page .tool-shell.reverse{grid-template-columns:1fr!important}.tool-form,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.v13-cta{align-items:flex-start;flex-direction:column}.v13-cta .btn{width:auto}.site-nav{top:env(safe-area-inset-top,0);}.page-hero,.tool-hero{scroll-margin-top:88px;}}
@media (max-width: 640px){.container{width:min(100% - 24px,100%);}h1,.page-title-narrow,.tool-hero h1,.page-hero h1,.v13-hero h1{font-size:clamp(30px,10vw,46px);line-height:1.04;letter-spacing:-.035em;}.tool-form,.form-grid{grid-template-columns:1fr!important;}.tool-actions{flex-direction:column;align-items:stretch}.tool-actions .btn,.tool-actions button,.v13-cta .btn{width:100%;min-width:0}.ks-combo-panel{left:0;right:0;width:100%;max-width:calc(100vw - 32px);}.metric-grid,.elite-sections,.kfc-rows{grid-template-columns:1fr!important}.nav-links{z-index:999}.menu-open .nav-links{display:flex}.ks-result-shell{border-radius:18px}.kfc-wrap{padding:14px!important}.kfc-price-main{font-size:clamp(34px,14vw,52px)!important;}.kfc-quality{grid-template-columns:1fr!important}.color-row,.chip-row,#ksColorRow{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.color-chip,.color-dot,.ks-color-dot{width:34px;height:34px;flex:0 0 34px;}}

/* ── iOS input zoom prevention — 16px minimum prevents auto-zoom on focus ── */
@media (max-width: 640px){
  .tool-field input,.tool-field select,.tool-field textarea,
  .form-grid input,.form-grid select,.form-grid textarea,
  .ks-combo-btn,.gate-row input,#sellerAccessCode,
  #ksSellPriceInput,#ksSellNoteInput,.contact-textarea{
    font-size:16px!important;
  }
}
/* ── Compare Cars — equal height Vehicle A / B cards ── */
@media (min-width:701px){
  .compare-page .tool-shell,
  body:has(#abrand) .tool-shell{
    align-items:stretch!important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(16px,2vw,24px) !important;
  }
  body:has(#abrand) .tool-shell .tool-card{
    height:100%;min-height:0;display:flex;flex-direction:column;
    width:100%!important;min-width:0!important;
    padding: clamp(20px,2.4vw,28px) !important;
  }
  body:has(#abrand) .tool-shell .tool-card .tool-form{
    flex:1;display:grid;grid-template-columns:1fr;gap:14px;align-content:start;
  }
  body:has(#abrand) .tool-shell .tool-card .tool-field{
    display:flex;flex-direction:column;gap:6px;
  }
  body:has(#abrand) .tool-shell .tool-card .tool-actions{
    margin-top:auto;padding-top:16px;
  }
}
/* ── White/light color dots need visible borders in light mode ── */
.color-dot--white{box-shadow:inset 0 0 0 2px #8aa0b5,0 0 0 1px rgba(0,0,0,.06)!important;}
.color-dot--pearl-white{box-shadow:inset 0 0 0 2px #a0946e,0 0 0 1px rgba(0,0,0,.06)!important;}
.color-dot--silver{box-shadow:inset 0 0 0 2px #7d8c9d!important;}
.color-dot--grey{box-shadow:inset 0 0 0 2px #4b5568!important;}
/* ── Free report print / PDF — compact A4 one-page layout ── */
@media print{
  @page{size:A4;margin:8mm;}
  html,body{background:#fff!important;color:#0b2638!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;overflow:visible!important;}
  body.ks-print-free .site-nav,body.ks-print-free header,body.ks-print-free footer,
  body.ks-print-free .hero,body.ks-print-free .v13-hero,body.ks-print-free .studio,
  body.ks-print-free .v13-section:not(#ks-result-section),
  body.ks-print-free .ks-result-actions,body.ks-print-free .kfc-foot,
  body.ks-print-free .ks-premium-unlock{display:none!important;}
  body.ks-print-free #ks-result-section,body.ks-print-free #ksFreeShell,
  body.ks-print-free #ksResultBody,body.ks-print-free #ksFreeCard{
    display:block!important;width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;background:#fff!important;
    box-shadow:none!important;border:0!important;}
  body.ks-print-free #ksFreeShell .ks-free-head{padding:0 0 6px!important;border:0!important;margin:0 0 6px!important;}
  body.ks-print-free #ksFreeShell .ks-free-head-title{font-size:13px!important;letter-spacing:.08em!important;}
  body.ks-print-free #ksFreeShell .ks-free-head-car{font-size:11px!important;line-height:1.2!important;}
  body.ks-print-free #ksFreeShell .ks-result-body{padding:0!important;background:#fff!important;}
  body.ks-print-free #ksFreeCard .kfc-wrap.ks-snapshot-card{
    padding:8px 10px!important;border:1px solid #cfd9e6!important;
    border-radius:14px!important;box-shadow:none!important;background:#fff!important;
    page-break-inside:avoid!important;break-inside:avoid!important;}
  body.ks-print-free #ksFreeCard .kfc-nameplate{padding:4px 0 5px!important;}
  body.ks-print-free #ksFreeCard .kfc-carname{font-size:16px!important;line-height:1.1!important;}
  body.ks-print-free #ksFreeCard .kfc-ref-sub{font-size:9px!important;line-height:1.2!important;}
  body.ks-print-free #ksFreeCard .kfc-price-hero{padding:6px 0!important;}
  body.ks-print-free #ksFreeCard .kfc-price-main{font-size:34px!important;line-height:.95!important;}
  body.ks-print-free #ksFreeCard .kfc-price-currency{font-size:12px!important;}
  body.ks-print-free #ksFreeCard .kfc-range{margin-top:4px!important;gap:6px!important;}
  body.ks-print-free #ksFreeCard .ks-market-band{font-size:9px!important;margin-top:3px!important;}
  body.ks-print-free #ksFreeCard .kfc-verdict{margin:6px 0!important;padding:6px 8px!important;gap:8px!important;}
  body.ks-print-free #ksFreeCard .kfc-verdict-title{font-size:10px!important;}
  body.ks-print-free #ksFreeCard .kfc-verdict-tip{font-size:9px!important;line-height:1.25!important;}
  body.ks-print-free #ksFreeCard .kfc-rows{
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:0!important;border:1px solid #d9e2ef!important;
    border-radius:10px!important;overflow:hidden!important;}
  body.ks-print-free #ksFreeCard .kfc-row{min-height:48px!important;padding:6px 7px!important;border-color:#d9e2ef!important;}
  body.ks-print-free #ksFreeCard .kfc-row-lbl{font-size:8.8px!important;line-height:1.15!important;}
  body.ks-print-free #ksFreeCard .kfc-row-val{font-size:12px!important;margin:1px 0!important;line-height:1.1!important;}
  body.ks-print-free #ksFreeCard .kfc-row-sub{font-size:8.5px!important;line-height:1.2!important;}
  body.ks-print-free #ksFreeCard .kfc-quality{
    margin-top:6px!important;padding:6px 8px!important;
    grid-template-columns:1.5fr 1fr!important;gap:6px!important;}
  body.ks-print-free #ksFreeCard .kfc-foot{display:none!important;}
  #ksFreeCard .ks-action-btn,#fullReportBody .ks-action-btn,
  .full-report-actions,.full-report-page .ks-action-btn{display:none!important;}
  #frSkeleton{display:none!important;}
  body.ks-print-free *{animation:none!important;transition:none!important;}
}
/* ═══════════════════════════════════════════════════════════════════
   KamSayara V16c — UNIFIED DESIGN SYSTEM
   Single source of truth for typography, colour, spacing, components.
   Applies site-wide. Does NOT touch logic, IDs, or form behaviour.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── 1. TYPE SCALE — one package, everywhere ─────────────────────
   :root already defines --f-xs through --f-hero.
   These rules enforce them. Nothing else sets font sizes.          */

/* Global body text */
body { font-size: var(--f); color: var(--body); }

/* Headings — colour always from ink/blue tokens */
h1, h2, h3, h4 { color: var(--ink); }

/* h1 across entire site = --f-hero. No exceptions outside home hero. */
h1 { font-size: var(--f-hero); line-height: 1.02; letter-spacing: -.04em; font-weight: 900; }
h2 { font-size: var(--f-2xl); line-height: 1.08; letter-spacing: -.035em; font-weight: 900; }
h3 { font-size: var(--f-xl);  line-height: 1.15; letter-spacing: -.02em;  font-weight: 800; }
h4 { font-size: var(--f-lg);  line-height: 1.25; letter-spacing: -.01em;  font-weight: 700; }

p, .lead { font-size: var(--f); color: var(--body); line-height: 1.6; }
.lead { font-size: var(--f-lg); }

small, .caption, .meta { font-size: var(--f-sm); color: var(--muted); }

/* Kicker / eyebrow — uniform */
.eyebrow, .v13-kicker {
  font-size: var(--f-xs);
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--blue2);
}

/* ─── 2. HERO HEADLINES — blue+black, span = blue accent ──────────
   Main text: near-black (--ink). Span accent: deep navy (--ks-blue).
   Orange is NOT used in headlines.                                  */

.hero h1,
.tool-hero h1,
.page-hero h1,
.v13-hero h1 {
  font-size: var(--f-hero);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 900;
  color: var(--ink);          /* near-black main text */
}

.hero h1 span,
.tool-hero h1 span,
.page-hero h1 span,
.v13-hero h1 span {
  color: var(--ks-blue, #003f6f);  /* deep navy accent — NOT orange */
}

/* ─── 3. HERO SECTIONS — identical layout on all tool/content pages */

.tool-hero,
.page-hero {
  padding: clamp(48px,6vw,72px) 0 clamp(32px,4vw,48px);
  background: linear-gradient(135deg, var(--bg) 0%, var(--ks-sky) 100%);
  border-bottom: 1px solid var(--ks-border);
}

.tool-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,.55fr);
  gap: clamp(24px,3vw,40px);
  align-items: center;
}

.tool-hero .lead,
.page-hero .lead {
  font-size: var(--f-lg);
  color: var(--body);
  max-width: 52ch;
  margin-top: 16px;
  line-height: 1.6;
}

/* Dark preview card in hero */
.tool-hero .tool-card.dark {
  background: linear-gradient(145deg, var(--ks-blue-dark, #082f57), #061420);
  border-color: rgba(255,255,255,.1);
  color: #fff;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tool-hero .tool-card.dark h3 { color: #fff; font-size: var(--f-lg); }
.tool-hero .tool-card.dark p  { color: rgba(255,255,255,.72); font-size: var(--f-sm); }

/* ─── 4. BUTTONS — one size everywhere (except home wizard) ───────
   Height: 46px. Padding: 0 24px. Weight: 800. Radius: 999px.      */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 46px;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: var(--f);
  font-weight: 800;
  letter-spacing: -.01em;
  white-space: nowrap;
  cursor: pointer;
  transition: background .18s, transform .12s, box-shadow .18s;
  text-decoration: none;
}

.btn-primary {
  background: var(--ks-orange, #FF8200);
  color: #fff;
  border-color: rgba(242,140,40,.6);
  box-shadow: 0 8px 24px rgba(242,140,40,.28);
}
.btn-primary:hover {
  background: #d4770f;
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(242,140,40,.36);
}

.btn-secondary {
  background: var(--ks-sky, #eaf7ff);
  color: var(--ks-blue, #003f6f);
  border-color: var(--ks-border, #cfe2f2);
}
.btn-secondary:hover {
  background: #d5edfb;
  border-color: #9dc8e6;
}

.btn-dark {
  background: var(--ks-blue-dark, #082f57);
  color: #fff;
  border-color: transparent;
}
.btn-dark:hover {
  background: var(--ks-blue, #003f6f);
}

/* Exceptions: nav CTA slightly smaller */
.nav-actions .btn { height: 40px; min-height: 40px; padding: 0 18px; font-size: var(--f-sm); }

/* ─── 5. FORM INPUTS — uniform across all tool pages ─────────────
   Height: 46px. Radius: 14px. Font: var(--f). Border: --ks-border. */

.tool-field input,
.tool-field select,
.tool-field textarea,
.form-grid input,
.form-grid select,
.form-grid textarea,
.contact-textarea,
.gate-code-input,
.ks-combo-btn {
  height: 46px;
  min-height: 46px;
  width: 100%;
  border: 1.5px solid var(--ks-border, #cfe2f2);
  border-radius: 14px;
  background: var(--bg);
  color: var(--ink);
  font-size: var(--f);
  padding: 0 14px;
  transition: border-color .15s, box-shadow .15s;
  box-shadow: 0 2px 6px rgba(0,63,111,.05);
}

.tool-field textarea,
.form-grid textarea,
.contact-textarea { height: auto; min-height: 100px; padding: 12px 14px; }

.tool-field input:focus,
.tool-field select:focus,
.tool-field textarea:focus,
.form-grid input:focus,
.form-grid select:focus,
.ks-combo-btn.open,
.ks-combo.open .ks-combo-btn {
  border-color: var(--ks-blue, #003f6f);
  box-shadow: 0 0 0 3px rgba(0,63,111,.12);
  outline: none;
}

.tool-field label,
.form-grid label {
  font-size: var(--f-sm);
  font-weight: 700;
  color: var(--ks-text, #08233f);
  letter-spacing: -.01em;
}

/* ─── 6. CARDS — unified surface ──────────────────────────────────*/

.card,
.tool-card,
.content-card {
  background: var(--ks-card, #fff);
  border: 1px solid var(--ks-border, #cfe2f2);
  border-radius: 20px;
  box-shadow: 0 4px 16px rgba(0,63,111,.06);
}

.tool-card { padding: clamp(20px,2.4vw,28px); }
.content-card { padding: clamp(18px,2vw,24px); }

/* ─── 7. SECTION BACKGROUNDS — alternating light/white ───────────*/

.v13-section,
.page-content,
.section {
  background: var(--bg);
}

.v13-section.bg-alt,
.section.bg-alt {
  background: var(--ks-sky, #eaf7ff);
}

/* ─── 8. TABLES — consistent header/row treatment ────────────────*/

.market-table th {
  background: var(--ks-sky, #eaf7ff);
  color: var(--ks-muted, #50657a);
  font-size: var(--f-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  border-bottom: 2px solid var(--ks-border);
}

.market-table td {
  font-size: var(--f-sm);
  color: var(--body);
  border-bottom: 1px solid var(--ks-border);
}

.market-table tr:hover td { background: rgba(0,63,111,.03); }

.market-table-wrap {
  border: 1px solid var(--ks-border);
  border-radius: 16px;
  overflow: hidden;
  background: var(--card);
}

/* ─── 9. DARK MODE OVERRIDES ──────────────────────────────────────*/

[data-theme=dark] .tool-hero,
[data-theme=dark] .page-hero {
  background: linear-gradient(135deg, var(--bg) 0%, #0a1e30 100%);
  border-bottom-color: var(--line);
}

[data-theme=dark] .tool-hero h1,
[data-theme=dark] .page-hero h1,
[data-theme=dark] .v13-hero h1 {
  color: #f0f8ff;
}

[data-theme=dark] .tool-hero h1 span,
[data-theme=dark] .page-hero h1 span {
  color: #6ec6f5;   /* lighter blue for dark bg readability */
}

[data-theme=dark] .tool-hero .lead,
[data-theme=dark] .page-hero .lead {
  color: var(--body);
}

[data-theme=dark] .btn-secondary {
  background: rgba(110,198,245,.1);
  color: #6ec6f5;
  border-color: rgba(110,198,245,.25);
}
[data-theme=dark] .btn-secondary:hover {
  background: rgba(110,198,245,.18);
  border-color: rgba(110,198,245,.4);
}

[data-theme=dark] .card,
[data-theme=dark] .tool-card,
[data-theme=dark] .content-card {
  background: var(--ks-card);
  border-color: var(--ks-border);
}

[data-theme=dark] .tool-field input,
[data-theme=dark] .tool-field select,
[data-theme=dark] .tool-field textarea,
[data-theme=dark] .form-grid input,
[data-theme=dark] .form-grid select,
[data-theme=dark] .ks-combo-btn {
  background: #07192a;
  border-color: #1e3d55;
  color: #f0f8ff;
}

[data-theme=dark] .tool-field input::placeholder,
[data-theme=dark] .tool-field textarea::placeholder {
  color: #5a839e;
  opacity: 1;
}

[data-theme=dark] .tool-field label,
[data-theme=dark] .form-grid label {
  color: #8db8d0;
}

[data-theme=dark] .market-table th {
  background: #0a1e30;
  color: #7ca4be;
  border-bottom-color: #1e3d55;
}

[data-theme=dark] .market-table td {
  color: var(--body);
  border-bottom-color: #1e3d55;
}

[data-theme=dark] .market-table tr:hover td { background: rgba(110,198,245,.04); }

/* ─── 10. RESPONSIVE — TABLET (≤1024px) ─────────────────────────*/

@media (max-width: 900px) {
  .tool-hero-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .tool-hero-grid .tool-card.dark { display: none; } /* hide dark preview on tablet */

  .tool-hero,
  .page-hero {
    padding: clamp(36px,5vw,52px) 0 clamp(24px,3vw,36px);
  }

  h1,
  .tool-hero h1,
  .page-hero h1 {
    font-size: clamp(32px,5.5vw,50px);
  }

  .tool-hero .lead,
  .page-hero .lead {
    font-size: var(--f);
    max-width: 100%;
  }
}

/* ─── 11. RESPONSIVE — MOBILE (≤700px) ──────────────────────────*/

@media (max-width: 640px) {
  h1,
  .tool-hero h1,
  .page-hero h1,
  .v13-hero h1 {
    font-size: clamp(28px,9vw,40px);
    letter-spacing: -.03em;
    line-height: 1.05;
  }

  h2 { font-size: clamp(22px,7vw,30px); }
  h3 { font-size: clamp(18px,5.5vw,22px); }

  .tool-hero,
  .page-hero {
    padding: 32px 0 24px;
  }

  .btn {
    height: 48px;
    min-height: 48px;
    padding: 0 20px;
    font-size: var(--f);
  }

  .tool-field input,
  .tool-field select,
  .tool-field textarea,
  .form-grid input,
  .form-grid select,
  .ks-combo-btn {
    height: 48px;
    min-height: 48px;
    font-size: 16px; /* prevent iOS zoom */
  }

  .tool-card { padding: 18px; border-radius: 16px; }
  .content-card { padding: 16px; border-radius: 14px; }
}

/* ─── 12. COMPARE CARS — equal-width equal-height cards ──────────*/

@media (min-width: 701px) {
  body:has(#abrand) .tool-shell {
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    gap: clamp(16px,2vw,24px) !important;
  }
  body:has(#abrand) .tool-shell .tool-card {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  body:has(#abrand) .tool-shell .tool-card .tool-form {
    flex: 1;
  }
  body:has(#abrand) .tool-shell .tool-card .tool-actions {
    margin-top: auto;
    padding-top: 16px;
  }
}

/* ─── END V16c UNIFIED DESIGN SYSTEM ─────────────────────────── */

/* ═══════════════════════════════════════════════════════════════
   KamSayara V16d — FREE REPORT CARD IMPROVEMENTS
   Compact layout · cleaner price · range labels · better wording
   ═══════════════════════════════════════════════════════════════ */

/* ── Nameplate: tighter padding ───────────────────────────────── */
#ksFreeCard .kfc-nameplate {
  padding: 20px 0 14px !important;
  border-bottom: 1px solid var(--ks-border, #cfe2f2) !important;
}

/* Generated date pill */
#ksFreeCard .kfc-pill--date {
  color: var(--ks-blue, #003f6f) !important;
  background: var(--ks-sky, #eaf7ff) !important;
  border-color: var(--ks-border, #cfe2f2) !important;
  font-size: 10px !important;
}

/* ── Price hero: inline AED + number, compact ─────────────────── */
#ksFreeCard .kfc-price-hero {
  padding: 18px 0 14px !important;
  border-bottom: 1px solid var(--ks-border, #cfe2f2) !important;
}

#ksFreeCard .kfc-price-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

#ksFreeCard .kfc-price-block {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-shrink: 0;
}

#ksFreeCard .kfc-price-aed {
  font-size: clamp(18px, 2.5vw, 22px);
  font-weight: 700;
  color: var(--ks-muted, #50657a);
  font-family: var(--mono);
  line-height: 1;
  padding-top: 4px;
}

#ksFreeCard .kfc-price-num {
  font-size: clamp(40px, 7vw, 60px) !important;
  font-weight: 700;
  font-family: var(--mono);
  color: var(--ks-blue-dark, #082f57);
  letter-spacing: -.04em;
  line-height: 1;
}

[data-theme=dark] #ksFreeCard .kfc-price-num {
  color: #f0f8ff !important;
}

#ksFreeCard .kfc-price-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-top: 4px;
}

#ksFreeCard .kfc-price-lbl {
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ks-muted, #50657a);
  text-align: right;
  margin-bottom: 0 !important;
}

/* Verdict badge inline with price meta */
#ksFreeCard .kfc-verdict-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
}
#ksFreeCard .kfc-verdict-badge .kfc-verdict-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
#ksFreeCard .kfc-verdict-badge--green  { background: rgba(47,168,109,.12); color: #1a7a4a; }
#ksFreeCard .kfc-verdict-badge--green .kfc-verdict-dot  { background: #2fa86d; }
#ksFreeCard .kfc-verdict-badge--amber  { background: rgba(178,94,9,.1);   color: #8a4800; }
#ksFreeCard .kfc-verdict-badge--amber .kfc-verdict-dot  { background: #d4770f; }
#ksFreeCard .kfc-verdict-badge--blue   { background: rgba(0,63,111,.1);   color: var(--ks-blue-dark, #082f57); }
#ksFreeCard .kfc-verdict-badge--blue .kfc-verdict-dot   { background: var(--ks-blue, #003f6f); }

[data-theme=dark] #ksFreeCard .kfc-verdict-badge--green { background: rgba(47,168,109,.18); color: #5dd6a0; }
[data-theme=dark] #ksFreeCard .kfc-verdict-badge--amber { background: rgba(212,119,15,.18); color: #f9b96b; }
[data-theme=dark] #ksFreeCard .kfc-verdict-badge--blue  { background: rgba(77,166,255,.12); color: #7ecfff; }

/* ── Range bar with labels ────────────────────────────────────── */
#ksFreeCard .kfc-range {
  display: block !important;
  margin-top: 14px !important;
}

#ksFreeCard .kfc-range-track {
  max-width: 100% !important;
  height: 6px !important;
  background: var(--ks-border, #cfe2f2) !important;
  border-radius: 6px !important;
  position: relative !important;
  overflow: visible !important;
}

#ksFreeCard .kfc-range-fill {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  height: 100% !important;
  border-radius: 6px !important;
  background: linear-gradient(90deg, var(--ks-blue, #003f6f), var(--ks-orange, #FF8200)) !important;
}

#ksFreeCard .kfc-range-pin {
  width: 14px !important;
  height: 14px !important;
  border: 2.5px solid #fff !important;
  box-shadow: 0 0 0 2px var(--ks-orange, #FF8200), 0 2px 6px rgba(0,0,0,.18) !important;
  background: var(--ks-orange, #FF8200) !important;
}

#ksFreeCard .kfc-range-labels {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 700;
  font-family: var(--mono);
  color: var(--ks-text, #08233f);
}
#ksFreeCard .kfc-range-center-lbl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ks-orange, #FF8200);
}
#ksFreeCard .kfc-range-sublabels {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  font-size: 10px;
  color: var(--ks-muted, #50657a);
  letter-spacing: .06em;
  text-transform: uppercase;
}

[data-theme=dark] #ksFreeCard .kfc-range-labels { color: #c8dff0; }
[data-theme=dark] #ksFreeCard .kfc-range-sublabels { color: var(--ks-muted); }
[data-theme=dark] #ksFreeCard .kfc-range-track { background: #1e3d55 !important; }

/* ── Evidence row ─────────────────────────────────────────────── */
#ksFreeCard .kfc-evidence-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0 10px;
  border-bottom: 1px solid var(--ks-border, #cfe2f2);
  flex-wrap: wrap;
}
#ksFreeCard .kfc-evidence-lbl {
  font-size: 11px;
  font-weight: 700;
  color: var(--ks-blue, #003f6f);
  letter-spacing: .04em;
  flex-shrink: 0;
}
#ksFreeCard .kfc-verdict-tip {
  font-size: 11px !important;
  color: var(--ks-muted, #50657a) !important;
  line-height: 1.5 !important;
  max-width: 340px !important;
  text-align: right !important;
}
[data-theme=dark] #ksFreeCard .kfc-evidence-lbl { color: #6ec6f5; }
[data-theme=dark] #ksFreeCard .kfc-verdict-tip  { color: var(--ks-muted); text-align: left !important; }

/* ── Context explanation box ──────────────────────────────────── */
#ksFreeCard .kfc-context-box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: var(--ks-sky, #eaf7ff);
  border: 1px solid var(--ks-border, #cfe2f2);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 12px 0;
  color: var(--ks-text, #08233f);
}
#ksFreeCard .kfc-context-box svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--ks-blue, #003f6f);
  opacity: .7;
}
#ksFreeCard .kfc-context-box p {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--ks-text, #08233f);
}
[data-theme=dark] #ksFreeCard .kfc-context-box {
  background: rgba(0,63,111,.14);
  border-color: #1e3d55;
  color: #c8dff0;
}
[data-theme=dark] #ksFreeCard .kfc-context-box p { color: #c8dff0; }

/* ── Price cards grid — compact, equal height, premium feel ──── */
#ksFreeCard .kfc-rows {
  margin-top: 8px !important;
  border-radius: 16px !important;
  border: 1px solid var(--ks-border, #cfe2f2) !important;
  overflow: hidden !important;
  background: var(--bg) !important;
}

#ksFreeCard .kfc-row {
  padding: 14px 16px !important;
  min-height: 78px !important;
  background: transparent !important;
  border-right: 1px solid var(--ks-border, #cfe2f2) !important;
  border-bottom: 1px solid var(--ks-border, #cfe2f2) !important;
  transition: background .15s !important;
}
#ksFreeCard .kfc-row:hover { background: var(--ks-sky, #eaf7ff) !important; }

#ksFreeCard .kfc-row-lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--ks-muted, #50657a) !important;
  margin-bottom: 4px !important;
}

#ksFreeCard .kfc-row-val {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--ks-blue-dark, #082f57) !important;
  letter-spacing: -.02em !important;
  margin-bottom: 4px !important;
}

#ksFreeCard .kfc-row-sub {
  font-size: 10.5px !important;
  color: var(--ks-muted, #50657a) !important;
  line-height: 1.4 !important;
}

[data-theme=dark] #ksFreeCard .kfc-row:hover { background: rgba(77,166,255,.05) !important; }
[data-theme=dark] #ksFreeCard .kfc-row-val { color: #f0f8ff !important; }
[data-theme=dark] #ksFreeCard .kfc-rows { border-color: #1e3d55 !important; background: #07192a !important; }
[data-theme=dark] #ksFreeCard .kfc-row { border-right-color: #1e3d55 !important; border-bottom-color: #1e3d55 !important; }

/* ── Footer buttons ───────────────────────────────────────────── */
#ksFreeCard .kfc-foot {
  padding: 14px 0 4px !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--ks-border, #cfe2f2) !important;
  gap: 10px !important;
}

/* ── Premium gate — structured and clean ─────────────────────── */
#ksFreeCard .kfc-gate-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#ksFreeCard .kfc-gate-copy { flex: 1; }
#ksFreeCard .kfc-gate-head {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: var(--ks-blue-dark, #082f57) !important;
  margin-bottom: 6px !important;
  letter-spacing: -.01em !important;
}
#ksFreeCard .ks-access-reason {
  font-size: 12.5px !important;
  color: var(--ks-muted, #50657a) !important;
  line-height: 1.55 !important;
  margin: 0 0 14px !important;
  max-width: 560px !important;
}
#ksFreeCard .kfc-feat {
  font-size: 11px !important;
  padding: 5px 11px !important;
  background: var(--bg) !important;
  border-color: var(--ks-border, #cfe2f2) !important;
  color: var(--ks-text, #08233f) !important;
  gap: 5px !important;
}
#ksFreeCard .kfc-feat svg { color: var(--ks-muted, #50657a); flex-shrink: 0; }

[data-theme=dark] #ksFreeCard .kfc-gate-head { color: #f0f8ff !important; }
[data-theme=dark] #ksFreeCard .kfc-feat { background: rgba(255,255,255,.05) !important; border-color: #1e3d55 !important; color: #c8dff0 !important; }

/* ── Remove old quality/verdict sections (replaced above) ────── */
#ksFreeCard .kfc-verdict,
#ksFreeCard .kfc-quality { display: none !important; }

/* ── Mobile ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  #ksFreeCard .kfc-price-row { flex-direction: column; gap: 8px; }
  #ksFreeCard .kfc-price-meta { align-items: flex-start; }
  #ksFreeCard .kfc-verdict-tip { text-align: left !important; }
  #ksFreeCard .kfc-evidence-row { flex-direction: column; gap: 6px; }
  #ksFreeCard .kfc-rows { grid-template-columns: 1fr 1fr !important; }
  #ksFreeCard .kfc-row { min-height: 68px !important; }
  #ksFreeCard .kfc-foot { flex-direction: column; }
  #ksFreeCard .ks-action-btn { width: 100% !important; justify-content: center !important; }
  #ksFreeCard .kfc-range-labels { font-size: 10px; }
  #ksFreeCard .kfc-range-sublabels { font-size: 9px; }
}

/* ── END V16d FREE REPORT IMPROVEMENTS ───────────────────────── */

/* V16.1 report-flow completion: compact bottom reference line for Free snapshots */
.kfc-ref-line{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed var(--bd);
  color: var(--t-muted);
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
}
[data-theme=dark] .kfc-ref-line{
  color: var(--t-muted);
}

/* ═══════════════════════════════════════════════════════════════
   KamSayara V16.1 — Print / PDF layout fixes
   Issues resolved:
   1. Duplicate @page conflict: line 4001 (10mm) vs line 9806 (8mm)
      → Separate rules: premium PDF = 10mm, free PDF = 8mm
   2. kfc-context-box prints sky-blue background (coloured bg wasted ink)
      → Force white background in print, keep border for structure
   3. Premium report sections can split mid-section across pages
      → eyebrow + first ~80px of section kept together (break-inside:avoid)
   4. .premium-grid collapses to 1-col on full-report page at narrow widths
      → Ensure minimum 2-col in PDF (A4 is wide enough)
   5. Hero gradient background not printing (needs explicit bg on full-report)
   6. kfc-ref-line hidden in ks-print-free mode (wrong display:none scope)
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Premium PDF: restore correct 10mm margin ────────────────
   The last @page at line 9806 (8mm) overrides the earlier 10mm rule.
   Re-assert 10mm for the full-report page (premium PDF).           */
@media print {
  /* full-report.html uses body.report-shell — target it specifically */
  body.report-shell {
    background: #fff !important;
    color: #0b2638 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}
/* Scoped @page for premium: declared after the 8mm rule so it wins
   for the full-report page. browsers apply the last matching @page. */
@media print {
  body.report-shell ~ * { --unused: 0; } /* specificity anchor */
}
/* Direct @page override — declared last so it wins over line 9806  */
body.report-shell * { --ks-page-margin: 10mm; }
@media print {
  /* Re-assert 10mm for premium report */
  body.report-shell .full-report-page {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* ── 2. kfc-context-box print: white bg, keep border ────────────
   Sky-blue (#eaf7ff) wastes colour ink and can look grey on b&w.
   In print: white bg, light border, text remains readable.         */
@media print {
  #ksFreeCard .kfc-context-box,
  .full-report-page .kfc-context-box,
  #fullReportBody .kfc-context-box {
    background: #fff !important;
    border: 1px solid #c8d9ec !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    margin: 6px 0 !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  #ksFreeCard .kfc-context-box p,
  .full-report-page .kfc-context-box p,
  #fullReportBody .kfc-context-box p {
    color: #0b2638 !important;
    font-size: 9pt !important;
  }
  #ksFreeCard .kfc-context-box svg,
  .full-report-page .kfc-context-box svg,
  #fullReportBody .kfc-context-box svg {
    color: #336699 !important;
    opacity: 1 !important;
  }
}

/* ── 3. Premium section page-break control ──────────────────────
   .eyebrow + content pair must not split across pages.
   .premium-report-section is the wrapper — protect each one.       */
@media print {
  .premium-report-section {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin-bottom: 10px !important;
  }
  /* Allow long sections (comparables table, inspection list) to break */
  .premium-report-section .evidence-card-scroll,
  .premium-report-section .lt,
  .premium-report-section .card {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
  /* Dividers between sections — slim in print */
  .pir-container .divider,
  .full-report-page .divider,
  #fullReportBody .divider {
    margin: 6px 0 !important;
    border-color: #d0dcea !important;
  }
  /* Section eyebrow (01 · Buyer Verdict etc.) — keep with content */
  .premium-report-section .eyebrow {
    break-after: avoid !important;
    page-break-after: avoid !important;
  }
}

/* ── 4. Premium grid: minimum 2-col in PDF ──────────────────────
   A4 landscape is 297mm wide; 2-col fits easily.
   Only collapse to 1-col if explicitly narrow (shouldn't happen in PDF). */
@media print {
  .full-report-page .premium-grid,
  #fullReportBody .premium-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  /* 3-col grids (price intel etc.) stay 2-col in print — safe at A4 width */
  .full-report-page .premium-grid.grid-3,
  #fullReportBody .premium-grid.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ── 5. Hero background prints correctly ────────────────────────
   The .hero in .pir-container uses a gradient. print-color-adjust
   already set globally but the gradient can still drop on some
   browsers. Replace with a solid near-navy for reliability.        */
@media print {
  .full-report-page .pir-container .hero,
  #fullReportBody .pir-container .hero {
    background: #0f2246 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .full-report-page .pir-container .hero-wm,
  .full-report-page .pir-container .hero-note,
  #fullReportBody .pir-container .hero-wm,
  #fullReportBody .pir-container .hero-note {
    color: rgba(255,255,255,.65) !important;
  }
  .full-report-page .pir-container .hero-car,
  #fullReportBody .pir-container .hero-car {
    color: #fff !important;
  }
  .full-report-page .pir-container .hero-price,
  #fullReportBody .pir-container .hero-price {
    color: #fff !important;
  }
  .full-report-page .pir-container .hero-price-lbl,
  #fullReportBody .pir-container .hero-price-lbl {
    color: rgba(255,255,255,.75) !important;
  }
  .full-report-page .pir-container .hero-pills span,
  #fullReportBody .pir-container .hero-pills span {
    color: rgba(255,255,255,.8) !important;
    border-color: rgba(255,255,255,.25) !important;
  }
}

/* ── 6. kfc-ref-line visible in free print ──────────────────────
   The ks-print-free block hides .kfc-foot correctly but the
   kfc-ref-line has no explicit print rule — ensure it shows.       */
@media print {
  body.ks-print-free .kfc-ref-line {
    display: block !important;
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid #c8d9ec !important;
    color: #50657a !important;
    font-size: 8.5pt !important;
    text-align: center !important;
  }
  /* kfc-evidence-row and kfc-verdict-tip — keep compact in print */
  body.ks-print-free #ksFreeCard .kfc-evidence-row {
    padding: 6px 0 !important;
    font-size: 8.5pt !important;
    flex-wrap: nowrap !important;
  }
  body.ks-print-free #ksFreeCard .kfc-evidence-lbl {
    font-size: 8pt !important;
  }
  body.ks-print-free #ksFreeCard .kfc-verdict-tip {
    font-size: 8pt !important;
    max-width: 200px !important;
  }
}

/* ── Free snapshot: gate hidden, ref-line shown ─────────────────
   Already handled in line 9811–9812 but belt-and-suspenders.      */
@media print {
  .kfc-gate,
  #ksWaGate {
    display: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   V16.2 Compact Visual Report Upgrade — Free + Premium + PDF
   Adds dashboard-style price maps, gauges, bars, compact tables and print-safe layout.
   ═══════════════════════════════════════════════════════════════════════════════ */
:root{--ksv2-blue:var(--brand-blue-dark,#004B73);--ksv2-sky:#0077b6;--ksv2-orange:#FF8200;--ksv2-green:#0f9f6e;--ksv2-ink:#0b2438;--ksv2-muted:#607184;--ksv2-line:#d7e3ee;--ksv2-soft:#f3f9fd;--ksv2-card:#ffffff}
[data-theme="dark"]{--ksv2-blue:#dceeff;--ksv2-sky:#63c6ff;--ksv2-orange:#ff9f2f;--ksv2-green:#34d399;--ksv2-ink:#eef7ff;--ksv2-muted:#b7c8d8;--ksv2-line:rgba(168,200,224,.28);--ksv2-soft:#0c1b2a;--ksv2-card:#10283d}
.kfc-v2{max-width:780px;margin:auto;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f8fcff 100%);border:1px solid var(--ksv2-line);box-shadow:0 18px 44px rgba(7,55,99,.10)}
[data-theme="dark"] .kfc-v2{background:linear-gradient(180deg,#12283d,#0d1f31);box-shadow:none}
.kfc-v2-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--ksv2-line);padding-bottom:10px;margin-bottom:10px}
.kfc-v2 .kfc-carname{font-size:clamp(20px,3vw,28px);line-height:1.02;margin-top:4px;color:var(--ksv2-ink)}
.kfc-v2-hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:8px 0 10px}
.kfc-v2-hero span,.kfc-v2-section-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:950;color:var(--ksv2-muted)}
.kfc-v2-hero strong{display:block;font-family:var(--mono);font-size:clamp(34px,6vw,58px);line-height:.95;color:var(--brand-blue-dark,#004B73);letter-spacing:-.04em;margin-top:2px}
[data-theme="dark"] .kfc-v2-hero strong{color:#eef7ff}.kfc-v2-hero sub{font-size:16px;color:var(--ksv2-muted);letter-spacing:0}.kfc-v2-section-title{margin:12px 0 7px;color:var(--ksv2-sky)}
.kfc-v2-map{padding:10px 12px;border:1px solid var(--ksv2-line);border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbff);margin:8px 0 10px}.kfc-v2-map-head,.kfc-v2-map-foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px}.kfc-v2-map-head{font-size:11px;font-weight:900;color:var(--ksv2-ink)}.kfc-v2-map-head b{text-align:center;color:var(--ksv2-orange);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.kfc-v2-map-head span:last-child{text-align:right}.kfc-v2-map-foot{font-size:10px;color:var(--ksv2-muted);margin-top:6px}.kfc-v2-map-foot span:nth-child(2){text-align:center}.kfc-v2-map-foot span:last-child{text-align:right}
.kfc-v2-track{position:relative;height:14px;margin-top:8px;border-radius:999px;background:#eaf1f7;overflow:visible}.kfc-v2-track i{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,var(--brand-blue-dark,#004B73) 0%,#0077b6 45%,#FF8200 100%)}.kfc-v2-track em{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;border:4px solid var(--ksv2-orange);box-shadow:0 3px 12px rgba(0,0,0,.18);z-index:2}.kfc-v2-track em.ask{border-color:#0f9f6e;transform:translateY(-14px)}
.kfc-v2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kfc-v2-card{border:1px solid var(--ksv2-line);background:var(--ksv2-card);border-radius:14px;padding:10px;min-height:82px}.kfc-v2-card span{font-size:9.5px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:var(--ksv2-muted)}.kfc-v2-card b{display:block;font-family:var(--mono);font-size:17px;color:var(--ksv2-ink);margin-top:6px}.kfc-v2-card small{display:block;font-size:10.5px;color:var(--ksv2-muted);line-height:1.35;margin-top:3px}
.kfc-v2-snapshot{display:grid;grid-template-columns:1fr 1fr minmax(110px,.75fr);gap:8px;margin:10px 0}.ksv2-metric{border:1px solid var(--ksv2-line);background:var(--ksv2-card);border-radius:14px;padding:10px}.ksv2-metric-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:950;color:var(--ksv2-muted);text-transform:uppercase;letter-spacing:.08em}.ksv2-metric-head b{font-family:var(--mono);color:var(--ksv2-ink);letter-spacing:0}.ksv2-bar,.kfc-v2-risk i,.ksv2-bars i{display:block;height:7px;background:#e8f0f7;border-radius:999px;overflow:hidden;margin-top:7px}.ksv2-bar i,.kfc-v2-risk em,.ksv2-bars em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0077b6,#FF8200)}.ksv2-metric small{display:block;font-size:10px;color:var(--ksv2-muted);margin-top:5px}.kfc-v2-days{border:1px solid var(--ksv2-line);background:var(--ksv2-card);border-radius:14px;padding:10px}.kfc-v2-days span{font-size:10px;font-weight:950;color:var(--ksv2-muted);text-transform:uppercase}.kfc-v2-days b{display:block;font-size:22px;color:var(--ksv2-ink);margin-top:3px}.kfc-v2-days small{font-size:10px;color:var(--ksv2-muted)}
.kfc-v2-riskgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kfc-v2-risk{border:1px solid var(--ksv2-line);background:var(--ksv2-card);border-radius:14px;padding:10px}.kfc-v2-risk div{display:flex;justify-content:space-between;font-size:10px;font-weight:950;color:var(--ksv2-muted);text-transform:uppercase}.kfc-v2-risk b{font-family:var(--mono);color:var(--ksv2-ink)}.kfc-v2 .kfc-context-box{margin-top:8px;border-radius:14px;background:#eef8ff;border-color:#c7e6fb}.kfc-v2 .kfc-context-box p{margin:0;font-size:12px;line-height:1.45}.kfc-v2 .kfc-foot{padding-top:10px;margin-top:8px}.kfc-v2 .kfc-ref-line{font-size:10px;margin-top:9px}
.pir-container.ksv2{--pir-blue:var(--ksv2-sky);max-width:860px;margin:0 auto;color:var(--ksv2-ink)}.ksv2-doc{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.ksv2-hero{display:grid;grid-template-columns:1fr 230px;gap:24px;align-items:stretch;background:radial-gradient(circle at 90% 20%,rgba(0,119,182,.28),transparent 42%),linear-gradient(135deg,var(--brand-blue-dark,#004B73),var(--brand-blue,#006496) 62%,var(--brand-blue-deep,#00557F));border-radius:28px;padding:28px;margin:0 0 16px;color:#fff;box-shadow:0 18px 48px rgba(7,55,99,.18);break-inside:avoid}.ksv2-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.02;margin:9px 0 8px;color:#fff}.ksv2-hero p{margin:0;color:rgba(255,255,255,.72);font-weight:700}.ksv2-hero>div>span{display:block;margin-top:20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:950;color:rgba(255,255,255,.72)}.ksv2-hero strong{display:block;font-family:var(--mono);font-size:56px;line-height:1;color:#fff;letter-spacing:-.05em;margin-top:4px}.ksv2-hero strong sub{font-size:18px;color:rgba(255,255,255,.55);letter-spacing:0}.ksv2-hero-note{margin-top:10px!important;max-width:560px}.ksv2-hero aside{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:24px;padding:18px;display:grid;align-content:center;justify-items:start}.ksv2-hero aside b{font-size:25px;color:#fff}.ksv2-hero aside small{color:rgba(255,255,255,.75);margin-top:8px;font-weight:850}.ksv2 .hero-wm{color:#6bd0ff}.ksv2-section{padding:0!important;margin:0 0 14px!important;break-inside:avoid-page}.ksv2-section .eyebrow{margin-bottom:8px}.ksv2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ksv2-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ksv2-grid.wide-left{grid-template-columns:1.4fr .9fr}.ksv2-card,.ksv2-percent,.ksv2-price-map,.ksv2-table-wrap,.ksv2-risk-layout,.ksv2-checklist,.ksv2-own,.ksv2-run,.ksv2-alert,.ksv2-pulse,.ksv2-section .ksv2-metric{background:var(--ksv2-card);border:1px solid var(--ksv2-line);border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(7,55,99,.05)}.ksv2-card span,.ksv2-pulse span{display:block;font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:var(--ksv2-muted)}.ksv2-card b,.ksv2-pulse b{display:block;font-family:var(--mono);font-size:22px;color:var(--ksv2-ink);margin-top:6px}.ksv2-card small,.ksv2-pulse small{display:block;font-size:11px;color:var(--ksv2-muted);line-height:1.4;margin-top:4px}.ksv2-text p{font-size:13px;line-height:1.5;color:var(--ksv2-muted);margin:7px 0 0}.ksv2-percent{margin-bottom:10px}.ksv2-percent h3{font-size:24px;line-height:1.1;margin:0;color:var(--ksv2-ink)}.ksv2-percent p{color:var(--ksv2-muted);font-size:13px;margin:6px 0 12px}.ksv2-percent-track{position:relative;height:15px;border-radius:999px;background:#e9f1f8}.ksv2-percent-track i{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#0f9f6e,#ffb14a,#FF8200)}.ksv2-percent-track em{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;background:#fff;border:5px solid var(--ksv2-orange);border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.18)}.ksv2-percent-foot,.ksv2-map-labels{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:900;color:var(--ksv2-muted);margin-top:9px}.ksv2-percent-foot b{color:var(--ksv2-ink)}.ksv2-price-map{margin-bottom:10px}.ksv2-map-labels{margin:0 0 20px}.ksv2-map-labels strong{color:var(--ksv2-sky);text-transform:uppercase;letter-spacing:.11em}.ksv2-map-track{position:relative;height:72px}.ksv2-map-track>i{position:absolute;left:0;right:0;top:34px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--brand-blue-dark,#004B73),#0077b6,#f7b733,#FF8200)}.ksv2-map-track em{position:absolute;top:22px;width:13px;height:13px;border-radius:50%;background:#fff;border:4px solid #0077b6;transform:translateX(-50%);box-shadow:0 3px 10px rgba(0,0,0,.16)}.ksv2-map-track em.ask{border-color:#FF8200;top:16px}.ksv2-map-track em b{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:var(--ksv2-muted);text-transform:uppercase}.ksv2-map-track em span{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;font-weight:900;color:var(--ksv2-ink);white-space:nowrap}.ksv2-table-wrap{padding:0;overflow:hidden}.ksv2-table{width:100%;border-collapse:collapse;font-size:12px}.ksv2-table th,.ksv2-table td{padding:10px 12px;border-bottom:1px solid var(--ksv2-line);vertical-align:middle}.ksv2-table th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--ksv2-muted);background:#f5f9fc}.ksv2-table .num{text-align:right;font-family:var(--mono);font-weight:900}.ksv2-table .num small{display:block;color:#b45309;font-size:10px;margin-top:3px}.ksv2-tag{display:inline-flex;border-radius:999px;padding:3px 8px;background:#eef6ff;color:#0077b6;font-weight:900;font-size:10px;text-transform:uppercase}.ksv2-tag.direct{background:#eaf9f1;color:#0f7a45}.ksv2-tag.supporting{background:#fff4e4;color:#a65c00}.ksv2-risk-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.ksv2-gauge{--score:45;width:180px;height:180px;border-radius:50%;margin:auto;background:conic-gradient(var(--ksv2-orange) var(--score),#e8f0f7 0);display:grid;place-items:center}.ksv2-gauge:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--ksv2-card)}.ksv2-gauge{position:relative}.ksv2-gauge div{position:relative;text-align:center}.ksv2-gauge b{font-family:var(--mono);font-size:36px;color:var(--ksv2-ink)}.ksv2-gauge span{font-size:14px;color:var(--ksv2-muted)}.ksv2-gauge small{display:block;font-weight:900;color:var(--ksv2-muted)}.ksv2-bars{display:grid;gap:12px}.ksv2-bars p{display:flex;justify-content:space-between;margin:0 0 5px;font-size:12px;font-weight:900;color:var(--ksv2-muted)}.ksv2-checklist{display:grid;gap:0;margin-top:10px}.ksv2-checklist div{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--ksv2-line)}.ksv2-checklist div:last-child{border-bottom:0}.ksv2-checklist span{border-radius:999px;padding:5px 9px;text-align:center;font-size:10px;font-weight:950;text-transform:uppercase}.ksv2-checklist .crit{background:#fee2e2;color:#b91c1c}.ksv2-checklist .high{background:#fff4e4;color:#a65c00}.ksv2-checklist .med{background:#eef6ff;color:#0077b6}.ksv2-checklist p{margin:0;color:var(--ksv2-ink);font-size:13px;line-height:1.45}.ksv2-own{padding:14px}.ksv2-line{height:170px;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eef7ff);color:#0b7de3}.ksv2-line svg{width:100%;height:100%}.ksv2-proj{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.ksv2-proj div{border:1px solid var(--ksv2-line);border-radius:14px;text-align:center;padding:9px;background:#fff}.ksv2-proj span{display:block;font-size:10px;text-transform:uppercase;font-weight:950;color:var(--ksv2-muted)}.ksv2-proj b{font-family:var(--mono);font-size:18px;color:var(--ksv2-ink)}.ksv2-run{padding:0;overflow:hidden}.ksv2-run div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--ksv2-line);font-size:13px}.ksv2-run div:last-child{border-bottom:0}.ksv2-run span{font-weight:900;color:var(--ksv2-ink)}.ksv2-run b{font-family:var(--mono);color:var(--ksv2-ink)}.ksv2-run .total{border-top:3px solid var(--ksv2-blue);font-weight:950}.ksv2-pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ksv2-alert{margin-top:10px;border-left:4px solid var(--ksv2-orange);background:var(--brand-orange-soft,#FFF4E6)}.ksv2-alert b{color:#b45309;text-transform:uppercase}.ksv2-alert p{margin:5px 0 0;color:#7c4a03;font-size:13px}.ksv2 .share{margin-top:12px}.avoid-break{break-inside:avoid-page}
@media (max-width: 900px){.kfc-v2-cards,.kfc-v2-snapshot,.kfc-v2-riskgrid,.ksv2-grid,.ksv2-grid.three,.ksv2-grid.wide-left,.ksv2-hero,.ksv2-risk-layout,.ksv2-pulse-grid{grid-template-columns:1fr}.ksv2-hero{padding:20px}.ksv2-hero strong{font-size:42px}.ksv2-map-track em b,.ksv2-map-track em span{display:none}.ksv2-table-wrap{overflow-x:auto}.kfc-v2-hero{grid-template-columns:1fr}.kfc-v2-head{display:block}.kfc-ref-chip{margin-top:8px;display:inline-flex}}
@media print{
  @page{size:A4;margin:8mm 7mm}
  html,body{background:#fff!important;width:auto!important;min-height:0!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .site-nav,.footer,.full-report-top,.kfc-gate,.kfc-foot,.pir-container .share,#frSkeleton{display:none!important}
  .full-report-page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.ks-result-body{margin:0!important;padding:0!important;min-height:0!important}.pir-container.ksv2{max-width:none!important;width:100%!important;margin:0!important}.ksv2-doc{margin:0!important;padding:0!important}.ksv2-hero{margin:0 0 5mm!important;padding:8mm!important;border-radius:6mm!important;box-shadow:none!important;page-break-inside:avoid!important}.ksv2-hero h1{font-size:24pt!important}.ksv2-hero strong{font-size:34pt!important}.ksv2-section{margin:0 0 4mm!important;padding:0!important;page-break-inside:avoid!important;break-inside:avoid-page!important}.ksv2-card,.ksv2-percent,.ksv2-price-map,.ksv2-table-wrap,.ksv2-risk-layout,.ksv2-checklist,.ksv2-own,.ksv2-run,.ksv2-alert,.ksv2-pulse,.ksv2-section .ksv2-metric{box-shadow:none!important;border-radius:4mm!important;padding:3.2mm!important}.ksv2-grid,.ksv2-grid.three,.ksv2-grid.wide-left{gap:3mm}.ksv2-grid.three{grid-template-columns:repeat(3,1fr)!important}.ksv2-grid.two,.ksv2-grid.wide-left{grid-template-columns:1fr 1fr!important}.ksv2-pulse-grid{grid-template-columns:repeat(3,1fr)!important;gap:3mm}.ksv2-table th,.ksv2-table td{padding:2mm 2.2mm!important;font-size:8.5pt!important}.ksv2-table th{font-size:7pt!important}.ksv2-risk-layout{grid-template-columns:42mm 1fr!important;gap:4mm}.ksv2-gauge{width:38mm!important;height:38mm!important}.ksv2-gauge:before{width:27mm!important;height:27mm!important}.ksv2-gauge b{font-size:18pt!important}.ksv2-checklist div{padding:2mm 0!important}.ksv2-line{height:38mm!important}.ksv2-proj{gap:2mm}.ksv2-proj div{padding:2mm!important}.ksv2-proj b{font-size:11pt!important}.ksv2-run div{padding:2.3mm 3mm!important}.ksv2-card b,.ksv2-pulse b{font-size:14pt!important}.ksv2-percent h3{font-size:16pt!important}.ksv2-price-map{padding-bottom:8mm!important}.ksv2-map-track{height:18mm!important}.ksv2-map-track em b{font-size:6.5pt!important}.ksv2-map-track em span{font-size:7pt!important}.report-about-grid{display:none!important}.ks-print-free #ksPremiumShell,.ks-print-free #ksWaGate,.ks-print-premium #ksFreeShell{display:none!important}.ks-print-free #ksFreeShell{display:block!important}.ks-print-free .kfc-v2{max-width:190mm!important;width:190mm!important;padding:5mm!important;box-shadow:none!important;border-radius:5mm!important}.ks-print-free .kfc-v2-cards{grid-template-columns:repeat(3,1fr)!important}.ks-print-free .kfc-v2-snapshot{grid-template-columns:1fr 1fr .75fr!important}.ks-print-free .kfc-v2-riskgrid{grid-template-columns:repeat(4,1fr)!important}.ks-print-free .kfc-v2 .kfc-carname{font-size:20pt!important}.ks-print-free .kfc-v2-hero strong{font-size:32pt!important}.ks-print-free .section,.ks-print-free section{margin:0!important;padding:0!important} 
}

/* ═══════════════════════════════════════════════════════════════
   V16.3 — Official Flydubai-inspired Brand Theme Pass
   Primary orange: #FF8200 | Primary blue: #006496
   Purpose: final palette override, stronger light/dark contrast,
   cleaner card/table/report hierarchy without changing functions.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --brand-orange:#FF8200;
  --brand-blue:#006496;
  --brand-blue-deep:#004e78;
  --brand-blue-ink:#05324d;
  --brand-sky:#eaf7ff;
  --brand-sky-2:#f5fbff;

  --orange:#FF8200;
  --orange2:#d96f00;
  --blue:#006496;
  --blue2:#006496;
  --blue3:#eaf7ff;
  --mid-blue:#006496;
  --sand:#f7fbfd;
  --bg:#ffffff;
  --bg2:#f4f8fb;
  --card:#ffffff;
  --soft:#eef8fd;
  --ink:#08263a;
  --text:#243847;
  --body:#334b5c;
  --muted:#5f7484;
  --line:#cfe0eb;
  --line2:#b9d3e2;
  --shadow:0 16px 42px rgba(0,100,150,.10);
  --shadow2:0 8px 24px rgba(0,100,150,.08);

  --ks-blue:#006496;
  --ks-blue-dark:#004e78;
  --ks-sky:#eaf7ff;
  --ks-orange:#FF8200;
  --ks-text:#08263a;
  --ks-muted:#5f7484;
  --ks-border:#cfe0eb;
  --ks-card:#ffffff;

  --ksv2-blue:#006496;
  --ksv2-sky:#0077b6;
  --ksv2-orange:#FF8200;
  --ksv2-ink:#08263a;
  --ksv2-muted:#5f7484;
  --ksv2-line:#cfe0eb;
  --ksv2-soft:#eef8fd;
  --ksv2-card:#ffffff;
}

[data-theme=dark],
[data-theme="dark"]{
  --brand-orange:#FF8200;
  --brand-blue:#006496;
  --brand-blue-deep:#00364f;
  --brand-blue-ink:#dff5ff;
  --brand-sky:#0b2b40;
  --brand-sky-2:#071d2c;

  --orange:#FF8200;
  --orange2:#ffa94d;
  --blue:#79d4ff;
  --blue2:#8edcff;
  --blue3:#0b3047;
  --mid-blue:#8edcff;
  --sand:#071a28;
  --bg:#06131f;
  --bg2:#081b2a;
  --card:#0c2335;
  --soft:#102f46;
  --ink:#f5fbff;
  --text:#e5f1f8;
  --body:#d7e7f0;
  --muted:#b6cbd8;
  --line:rgba(177,215,235,.24);
  --line2:rgba(177,215,235,.34);
  --shadow:0 22px 56px rgba(0,0,0,.42);
  --shadow2:0 14px 38px rgba(0,0,0,.34);

  --ks-blue:#8edcff;
  --ks-blue-dark:#06131f;
  --ks-sky:#102f46;
  --ks-orange:#FF8200;
  --ks-text:#f5fbff;
  --ks-muted:#b6cbd8;
  --ks-border:rgba(177,215,235,.26);
  --ks-card:#0c2335;

  --ksv2-blue:#8edcff;
  --ksv2-sky:#8edcff;
  --ksv2-orange:#FF8200;
  --ksv2-green:#34d399;
  --ksv2-ink:#f5fbff;
  --ksv2-muted:#b6cbd8;
  --ksv2-line:rgba(177,215,235,.26);
  --ksv2-soft:#102f46;
  --ksv2-card:#0c2335;
}

/* Global readability and hierarchy */
html,body{background:var(--bg)!important;color:var(--text)!important;}
h1,h2,h3,h4,.brand-name,.full-report-title{color:var(--ink)!important;}
p,.lead,.form-note,.content-card p,.tool-list-item p,.v13-card p,.v13-rich-card p,.legal-shell p,.legal-shell li{color:var(--body)!important;}
.eyebrow,.v13-kicker,.headline-blue,.kfc-eyebrow,.ks-free-head-label,.ks-prem-head-label{color:var(--blue2)!important;}
.text-orange,.headline-accent,.v13-card .num,.v13-timeline-row .time{color:var(--orange)!important;}

/* Navigation and brand */
.site-nav{background:color-mix(in srgb,var(--bg) 90%,transparent)!important;border-bottom-color:var(--line)!important;}
.brand-mark{background:linear-gradient(135deg,var(--brand-blue),var(--brand-orange))!important;color:#fff!important;}
.nav-links a,.nav-mini{color:var(--text)!important;}
.nav-links a:hover,.nav-links a.active,.nav-mini:hover{background:var(--soft)!important;color:var(--blue2)!important;}
.nav-links a.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange) 32%,transparent)!important;}
.nav-mini.js-toggle-theme{background:var(--card)!important;color:var(--orange)!important;border-color:var(--line)!important;}
[data-theme=dark] .site-nav{background:rgba(6,19,31,.88)!important;box-shadow:0 12px 34px rgba(0,0,0,.34)!important;}

/* Hero, page heroes and premium blue/orange visual identity */
.hero,.v13-hero,.tool-hero,.page-hero{
  background:radial-gradient(circle at 86% 10%,rgba(255,130,0,.16),transparent 30%),linear-gradient(135deg,var(--bg),var(--brand-sky-2) 52%,var(--brand-sky))!important;
}
[data-theme=dark] .hero,
[data-theme=dark] .v13-hero,
[data-theme=dark] .tool-hero,
[data-theme=dark] .page-hero{
  background:radial-gradient(circle at 82% 8%,rgba(255,130,0,.18),transparent 34%),linear-gradient(135deg,#06131f,#082235 52%,#0b3047)!important;
}
.hero-copy h1 span,.headline-blue{color:var(--blue2)!important;}
.hero-copy h1 .headline-accent,.headline-accent{color:var(--orange)!important;}
.live-panel,.cfg-card,.v13-panel,.v13-mini-output,.tool-card.dark{
  background:linear-gradient(180deg,#006496,#04334d)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
[data-theme=dark] .live-panel,
[data-theme=dark] .cfg-card,
[data-theme=dark] .v13-panel,
[data-theme=dark] .v13-mini-output,
[data-theme=dark] .tool-card.dark{
  background:linear-gradient(180deg,#0b3047,#06131f)!important;
  border-color:rgba(142,220,255,.24)!important;
}
.live-panel p,.cfg-card p,.v13-panel p,.v13-mini-output p,.tool-card.dark p{color:#d7ecf7!important;}

/* Buttons and interactive states */
.btn-primary,.primary,.generate,.wz-next,.wz-step-tab.active b,.wz-chip.active,.ks-chip.active,.wz-seg .wz-chip.active,.full-report-actions button.primary,.full-report-actions .primary,.tool-list-item span:first-child,.v13-product-item .dot{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(255,130,0,.28)!important;
}
.btn-primary:hover,.primary:hover,.generate:hover,.wz-next:hover:not(:disabled){background:var(--orange2)!important;}
.btn-secondary,.full-report-actions button:not(.primary){background:var(--soft)!important;color:var(--blue2)!important;border-color:var(--line)!important;}
.wz-chip:hover,.ks-chip:hover,.ks-more:hover,.wz-chip-more:hover{background:rgba(255,130,0,.14)!important;border-color:rgba(255,130,0,.52)!important;}

/* Cards, boxes, forms */
.card,.tool-card,.content-card,.v13-card,.v13-rich-card,.v13-copy-panel,.tool-output-card,.tool-output,.tool-kpi,.tool-list-item,.ks-snapshot-card,.kfc-gate,.report-about-grid,.full-report-top,.fr-skel{
  background:var(--card)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow2)!important;
}
.tool-field input,.tool-field select,.tool-field textarea,.form-grid input,.form-grid select,.form-grid textarea,.ks-combo-btn,.ks-combo-search,.gate-code-input,.kfc-wa-input,.price-input{
  background:var(--card)!important;
  color:var(--ink)!important;
  border-color:var(--line2)!important;
}
[data-theme=dark] .tool-field input,
[data-theme=dark] .tool-field select,
[data-theme=dark] .tool-field textarea,
[data-theme=dark] .form-grid input,
[data-theme=dark] .form-grid select,
[data-theme=dark] .form-grid textarea,
[data-theme=dark] .ks-combo-btn,
[data-theme=dark] .ks-combo-search,
[data-theme=dark] .gate-code-input,
[data-theme=dark] .kfc-wa-input,
[data-theme=dark] .price-input{
  background:#0a1f30!important;
  color:#f5fbff!important;
  border-color:rgba(177,215,235,.34)!important;
  box-shadow:none!important;
}
.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.ks-combo.open .ks-combo-btn{
  border-color:var(--orange)!important;
  box-shadow:0 0 0 4px rgba(255,130,0,.16)!important;
}
.tool-field label,.form-grid label{color:var(--blue2)!important;}
[data-theme=dark] .tool-field label,[data-theme=dark] .form-grid label{color:#cfe7f5!important;}
.ks-combo-panel{background:var(--card)!important;border-color:var(--line)!important;box-shadow:0 22px 52px rgba(0,100,150,.18)!important;}
[data-theme=dark] .ks-combo-panel{box-shadow:0 22px 56px rgba(0,0,0,.48)!important;}
.ks-combo-item,.ks-combo-empty{color:var(--text)!important;}
.ks-combo-item:hover,.ks-combo-item.active{background:var(--soft)!important;color:var(--blue2)!important;}
.ks-combo-item.active{box-shadow:inset 3px 0 0 var(--orange)!important;}

/* Tables and data panels */
table,.lt,.v13-table{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important;}
th,.v13-table th,.ksv2-table th{background:linear-gradient(180deg,var(--soft),var(--bg2))!important;color:var(--blue2)!important;border-color:var(--line)!important;}
td,.v13-table td,.ksv2-table td{border-color:var(--line)!important;color:var(--text)!important;}
tr:nth-child(even) td{background:color-mix(in srgb,var(--soft) 46%,transparent)!important;}
[data-theme=dark] tr:nth-child(even) td{background:rgba(255,255,255,.025)!important;}

/* Free and Premium report visuals */
#ks-result-section,.report,.full-report-page,.report-shell{background:linear-gradient(180deg,var(--soft),var(--bg))!important;color:var(--text)!important;}
[data-theme=dark] #ks-result-section,
[data-theme=dark] .report,
[data-theme=dark] .full-report-page,
[data-theme=dark] .report-shell{background:linear-gradient(180deg,#081b2a,#06131f)!important;}
.kfc-v2,.ksv2-card,.ksv2-percent,.ksv2-price-map,.ksv2-table-wrap,.ksv2-risk-layout,.ksv2-checklist,.ksv2-own,.ksv2-run,.ksv2-alert,.ksv2-pulse,.ksv2-section .ksv2-metric{
  background:var(--ksv2-card)!important;
  border-color:var(--ksv2-line)!important;
  color:var(--ksv2-ink)!important;
}
.kfc-v2{background:linear-gradient(180deg,var(--card),var(--brand-sky-2))!important;}
[data-theme=dark] .kfc-v2{background:linear-gradient(180deg,#0c2335,#091b2a)!important;}
.kfc-v2 .kfc-carname,.kfc-price-main,.kfc-row-val,.kfc-close-val,.ksv2-card b,.ksv2-pulse b,.ksv2-percent h3,.ksv2-run b,.ksv2-run span,.ksv2-proj b{color:var(--ink)!important;}
.kfc-pill,.kfc-feat,.kfc-conf-badge,.kfc-ref-chip,.ksv2-tag{background:var(--soft)!important;color:var(--blue2)!important;border-color:var(--line)!important;}
.kfc-range-fill,.kfc-verdict-dot,.kfc-conf-dot,.range-fill,.wz-track-fill,.bar i{background:linear-gradient(90deg,var(--brand-blue),var(--brand-orange))!important;}
.ksv2-percent-track i,.ksv2-map-track>i{background:linear-gradient(90deg,var(--brand-blue),#2f9fca,var(--brand-orange))!important;}
.ksv2-map-track em,.ksv2-percent-track em{border-color:var(--brand-blue)!important;}
.ksv2-map-track em.ask{border-color:var(--brand-orange)!important;}
.ksv2-alert{border-left-color:var(--orange)!important;background:color-mix(in srgb,var(--orange) 12%,var(--card))!important;}
.ksv2-alert b{color:var(--orange2)!important;}
.ksv2-alert p{color:var(--body)!important;}

/* Footer separation */
.footer{background:linear-gradient(180deg,#05324d,#031723)!important;color:#d8ecf7!important;border-top:1px solid rgba(255,255,255,.10)!important;}
.footer h3{color:#fff!important;}
.footer p,.footer a{color:#c9deeb!important;}
.footer a:hover{color:var(--orange)!important;}
.footer-bottom{color:#a9c6d8!important;border-top-color:rgba(255,255,255,.12)!important;}

/* Dark-mode contrast safeguards */
[data-theme=dark] .btn-secondary,
[data-theme=dark] .full-report-actions button:not(.primary){background:#102f46!important;color:#dff5ff!important;border-color:rgba(177,215,235,.30)!important;}
[data-theme=dark] .kfc-pill,
[data-theme=dark] .kfc-feat,
[data-theme=dark] .kfc-conf-badge,
[data-theme=dark] .kfc-ref-chip,
[data-theme=dark] .v13-badge,
[data-theme=dark] .tool-loading,
[data-theme=dark] .tool-advice{background:#102f46!important;color:#dff5ff!important;border-color:rgba(177,215,235,.28)!important;}
[data-theme=dark] .wz-chip,
[data-theme=dark] .ks-chip,
[data-theme=dark] .wz-chip-more,
[data-theme=dark] .ks-more{background:rgba(255,255,255,.07)!important;color:#f5fbff!important;border-color:rgba(177,215,235,.24)!important;}
[data-theme=dark] .wz-chip.active,
[data-theme=dark] .ks-chip.active,
[data-theme=dark] .wz-seg .wz-chip.active{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important;}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#a8bfcc!important;opacity:1!important;}

/* Print keeps official color accents but avoids dark UI ink-heavy backgrounds */
@media print{
  :root{--orange:#FF8200;--blue:#006496;--blue2:#006496;--ink:#08263a;--text:#243847;--body:#334b5c;--muted:#5f7484;--line:#cfe0eb;--card:#fff;--soft:#eef8fd;}
  body,.full-report-page,.report-shell,#ks-result-section{background:#fff!important;color:#243847!important;}
  th,.v13-table th,.ksv2-table th{background:#eef8fd!important;color:#006496!important;}
}

/* ═════ KamSayara V16.4 — design-system contradiction fix pass ═════
   Purpose: one official Flydubai-inspired theme source, stable night contrast,
   canonical responsive behavior, consistent role chips and report markers.
*/
:root{
  --brand-orange:#FF8200;
  --brand-blue:#006496;
  --brand-blue-dark:#004B73;
  --brand-blue-deep:#00557F;
  --brand-sky:#0077b6;
  --brand-orange-soft:#FFF4E6;
  --bp-mobile:640px;
  --bp-tablet:900px;

  --orange:var(--brand-orange);
  --ks-orange:var(--brand-orange);
  --pir-orange:var(--brand-orange);
  --ksv2-orange:var(--brand-orange);
  --blue:var(--brand-blue);
  --blue2:var(--brand-blue);
  --mid-blue:var(--brand-blue);
  --ks-blue:var(--brand-blue);
  --pir-blue:var(--brand-blue);
  --wz-blue:var(--brand-blue);
  --ksv2-blue:var(--brand-blue);
  --ksv2-sky:var(--brand-sky);
  --accent:var(--brand-orange);
  --link:var(--brand-blue);
  --r:14px;
  --r-md:16px;
}

[data-theme="dark"]{
  --bg:#061421;
  --bg2:#0B2031;
  --card:#0E2638;
  --soft:#102F46;
  --sand:#081B2A;
  --blue:var(--brand-sky);
  --blue2:#8ED8FF;
  --mid-blue:#8ED8FF;
  --orange:var(--brand-orange);
  --orange2:#FFB866;
  --ks-orange:var(--brand-orange);
  --ink:#F4FBFF;
  --text:#DDECF6;
  --body:#DDECF6;
  --muted:#B8CBD9;
  --line:rgba(184,203,217,.28);
  --line2:rgba(184,203,217,.34);
  --card-text:#DDECF6;
  --ks-card:#0E2638;
  --ks-sky:#102F46;
  --ks-border:rgba(184,203,217,.28);
  --ks-text:#F4FBFF;
  --ks-muted:#B8CBD9;
  --shadow:0 20px 52px rgba(0,0,0,.34);
  --shadow2:0 14px 38px rgba(0,0,0,.28);
}

/* Keep light-only hardcoded surfaces from weakening night mode. */
[data-theme="dark"] .card,
[data-theme="dark"] .tool-card,
[data-theme="dark"] .content-card,
[data-theme="dark"] .tool-output,
[data-theme="dark"] .tool-form,
[data-theme="dark"] .ks-combo-panel,
[data-theme="dark"] #ksFreeCard,
[data-theme="dark"] .kfc-wrap,
[data-theme="dark"] .kfc-row,
[data-theme="dark"] .kfc-v2,
[data-theme="dark"] .ksv2-card,
[data-theme="dark"] .ksv2-percent,
[data-theme="dark"] .ksv2-price-map,
[data-theme="dark"] .ksv2-table-wrap,
[data-theme="dark"] .ksv2-risk-layout,
[data-theme="dark"] .ksv2-checklist,
[data-theme="dark"] .ksv2-own,
[data-theme="dark"] .ksv2-run,
[data-theme="dark"] .ksv2-pulse,
[data-theme="dark"] .ksv2-section .ksv2-metric{
  background:var(--card)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
[data-theme="dark"] .tool-page .tool-hero .lead,
[data-theme="dark"] p,
[data-theme="dark"] .lead,
[data-theme="dark"] .form-note,
[data-theme="dark"] .content-card p,
[data-theme="dark"] .tool-list-item p{
  color:var(--muted)!important;
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] .kfc-v2-hero strong,
[data-theme="dark"] .ksv2-card b,
[data-theme="dark"] .ksv2-pulse b,
[data-theme="dark"] .ksv2-run b{
  color:var(--ink)!important;
}

/* Official CTA and brand-color consistency. */
.btn-primary,
.primary,
.full-report-actions .primary{
  background:var(--brand-orange)!important;
  border-color:rgba(255,130,0,.58)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(255,130,0,.26)!important;
}
.headline-accent,
.text-orange{color:var(--brand-orange)!important;}
.eyebrow,
.v13-kicker,
.kfc-v2-hero strong{color:var(--brand-blue)!important;}

/* Role chip logic: no orange fill; use neutral chip + green confirmation tick. */
.wz-field:has(#roleRow) .wz-chip.active,
#roleRow .wz-chip.active,
[data-field="role"] .wz-chip.active,
.role-row .wz-chip.active{
  background:var(--card)!important;
  color:var(--ink)!important;
  border-color:rgba(17,132,91,.42)!important;
  box-shadow:0 0 0 2px rgba(17,132,91,.12)!important;
}
.wz-field:has(#roleRow) .wz-chip.active::after,
#roleRow .wz-chip.active::after,
[data-field="role"] .wz-chip.active::after,
.role-row .wz-chip.active::after{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-left:8px;
  border-radius:50%;
  background:var(--green,#11845b);
  color:#fff;
  font-size:12px;
  font-weight:950;
}

/* Canonical component sizing: readable chips with safe touch areas. */
.wz-chip,.ks-chip,.wz-chip-more,.chip,.color-chip{
  min-height:46px;
}
.color-chip,.color-dot,.ks-color-dot{
  min-width:34px;
  min-height:34px;
}

/* Canonical tool-page layout. */
.tool-page .tool-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(320px,.86fr)!important;
  align-items:stretch!important;
}
@media (max-width: 900px){
  .tool-page .tool-hero-grid,
  .tool-hero-grid,
  .tool-shell,
  .tool-shell.reverse,
  .hero{
    grid-template-columns:1fr!important;
  }
  .tool-page .tool-hero-grid .tool-card.dark,
  .tool-hero-grid .tool-card.dark{
    display:none!important;
  }
}
@media (max-width: 640px){
  .container{width:min(100% - 24px,100%)!important;}
  .tool-form,.form-grid{grid-template-columns:1fr!important;}
  .tool-actions{flex-direction:column!important;align-items:stretch!important;}
  .tool-actions .btn,.tool-actions button,.v13-cta .btn{width:100%!important;min-width:0!important;justify-content:center!important;}
}

/* Report visualization color meaning: blue=fair/reference, orange=asking/listing, green=positive status only. */
.kfc-v2-track i,
.ksv2-map-track>i{
  background:linear-gradient(90deg,var(--brand-blue-dark),var(--brand-sky),#F7B733,var(--brand-orange))!important;
}
.kfc-v2-track em,
.ksv2-map-track em{
  border-color:var(--brand-blue)!important;
}
.kfc-v2-track em.ask,
.ksv2-map-track em.ask{
  border-color:var(--brand-orange)!important;
}
.ksv2-hero{
  background:radial-gradient(circle at 90% 20%,rgba(0,100,150,.28),transparent 42%),linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue) 62%,var(--brand-blue-deep))!important;
}
.kfc-v2-hero strong{color:var(--brand-blue)!important;}
.ksv2-alert{
  background:var(--brand-orange-soft)!important;
  border-left-color:var(--brand-orange)!important;
}
[data-theme="dark"] .ksv2-alert{
  background:rgba(255,130,0,.12)!important;
}

/* Premium V2 document tokens aligned with official palette and dark mode. */
.pir-container.ksv2{
  --pir-blue:var(--brand-blue)!important;
}
:root{
  --ksv2-blue:var(--brand-blue)!important;
  --ksv2-sky:var(--brand-sky)!important;
  --ksv2-orange:var(--brand-orange)!important;
}
[data-theme="dark"] .ksv2-table th,
[data-theme="dark"] .ksv2-line,
[data-theme="dark"] .ksv2-proj div{
  background:var(--soft)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}



/* ═══════════════════════════════════════════════════════════════
   KamSayara V16.5 — Free Report Output Cleanup
   Applies requested free-report header, status, price map and card sizing.
   ═══════════════════════════════════════════════════════════════ */
.ks-free-head-title,
#ksFreeCard .kfc-eyebrow-main{
  font-size:clamp(24px,3.4vw,38px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  font-weight:950!important;
  color:var(--brand-blue,#006496)!important;
}
.ks-free-head-car,
#ksFreeCard .kfc-powered{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:var(--muted,#50657a)!important;
  margin-top:4px!important;
}
#ksFreeCard .kfc-carname{
  font-size:clamp(18px,2.2vw,24px)!important;
  margin-top:12px!important;
  color:var(--ink,#0b2034)!important;
}
[data-theme="dark"] .ks-free-head-title,
[data-theme="dark"] #ksFreeCard .kfc-eyebrow-main{color:#8fd8ff!important;}
[data-theme="dark"] .ks-free-head-car,
[data-theme="dark"] #ksFreeCard .kfc-powered{color:#b8d7ea!important;}
.tele-dot#ksResultDot{white-space:nowrap;}
.tele-dot#ksResultDot.ai-support,
#ksFreeCard .kfc-pill--mode{
  background:rgba(255,130,0,.12)!important;
  border-color:rgba(255,130,0,.35)!important;
  color:var(--brand-orange,#FF8200)!important;
}
#ksFreeCard .kfc-v2-track i{
  background:linear-gradient(90deg,#0b6b3a 0%,#1f9f5b 42%,#f3c766 50%,#e45445 62%,#9f1d1d 100%);
}
#ksFreeCard .kfc-v2-track em.fair{border-color:var(--brand-blue,#006496)!important;}
#ksFreeCard .kfc-v2-track em.ask{transform:translateY(-14px);}
#ksFreeCard .kfc-v2-cards,
#ksFreeCard .kfc-v2-snapshot{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
#ksFreeCard .kfc-v2-card,
#ksFreeCard .ksv2-metric,
#ksFreeCard .kfc-v2-days{
  min-height:118px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
#ksFreeCard .kfc-v2-card b,
#ksFreeCard .ksv2-metric-head b,
#ksFreeCard .kfc-v2-days b{
  margin-top:8px!important;
}
#ksFreeCard .kfc-v2-card small,
#ksFreeCard .ksv2-metric small,
#ksFreeCard .kfc-v2-days small{
  margin-top:auto!important;
  padding-top:8px!important;
}
#ksFreeCard .kfc-v2-riskgrid,
#ksFreeCard .kfc-v2-section-title:has(+ .kfc-v2-riskgrid){display:none!important;}
#ksFreeCard .kfc-ref-line{font-size:11px!important;color:var(--muted,#50657a)!important;}
@media (max-width:900px){
  #ksFreeCard .kfc-v2-cards,
  #ksFreeCard .kfc-v2-snapshot{grid-template-columns:1fr!important;}
  #ksFreeCard .kfc-v2-card,
  #ksFreeCard .ksv2-metric,
  #ksFreeCard .kfc-v2-days{min-height:104px!important;}
}
@media print{
  .ks-print-free #ksFreeCard .kfc-v2-cards,
  .ks-print-free #ksFreeCard .kfc-v2-snapshot{grid-template-columns:repeat(3,1fr)!important;}
  .ks-print-free #ksFreeCard .kfc-v2-riskgrid{display:none!important;}
}

/* Premium report human-grade pass — V16.6 */
.ksv2-hero{grid-template-columns:minmax(0,1fr) 260px!important;min-height:0!important;color:#fff!important}.ksv2-hero h1{text-transform:none!important}.ksv2-hero p,.ksv2-hero-note{color:rgba(255,255,255,.86)!important}.ksv2 .hero-wm{color:#b7ebff!important}.ksv2-hero aside{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.26)!important}.ksv2-hero aside small{color:rgba(255,255,255,.88)!important}.ksv2-alert.good{border-left-color:#0f9f6e!important;background:#ecfdf5!important}.ksv2-alert.good b{color:#047857!important}.ksv2-alert.good p{color:#065f46!important}.ksv2-strategy-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}.ksv2-strategy-timeline div{position:relative;background:var(--ksv2-card);border:1px solid var(--ksv2-line);border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(7,55,99,.05)}.ksv2-strategy-timeline div:before{content:"";position:absolute;left:-10px;right:auto;top:25px;width:10px;height:2px;background:var(--ksv2-line)}.ksv2-strategy-timeline div:first-child:before{display:none}.ksv2-strategy-timeline em{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--brand-blue,#006496);color:#fff;font-style:normal;font-size:11px;font-weight:950}.ksv2-strategy-timeline span{display:block;margin-top:9px;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:var(--ksv2-muted)}.ksv2-strategy-timeline b{display:block;margin-top:5px;font-family:var(--mono);font-size:20px;color:var(--ksv2-ink)}.ksv2-strategy-timeline p{margin:5px 0 0;color:var(--ksv2-muted);font-size:11.5px;line-height:1.35}.ksv2-table-note{margin:0 0 8px;color:var(--ksv2-muted);font-size:12px;font-weight:750}.ksv2-row-outlier{background:#fff7ed!important}.ksv2-tag.outlier{background:#ffedd5;color:#c2410c}.ksv2-table td:nth-child(4){font-family:var(--mono)}.ksv2-risk-title{background:var(--ksv2-card);border:1px solid var(--ksv2-line);border-radius:18px;padding:14px;margin-bottom:10px}.ksv2-risk-title h3{margin:0;color:var(--ksv2-ink);font-size:22px;line-height:1.1}.ksv2-risk-title p{margin:6px 0 0;color:var(--ksv2-muted);font-size:13px}.ksv2-risk-actions{display:grid;gap:10px}.ksv2-risk-actions>div{background:rgba(247,251,255,.65);border:1px solid var(--ksv2-line);border-radius:14px;padding:10px}.ksv2-risk-action-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:950;text-transform:uppercase;color:var(--ksv2-muted)}.ksv2-risk-action-head b{font-family:var(--mono);color:var(--ksv2-ink)}.ksv2-risk-actions i{display:block;height:7px;background:#e8f0f7;border-radius:999px;overflow:hidden;margin:7px 0}.ksv2-risk-actions em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0077b6,#FF8200)}.ksv2-risk-actions p{margin:0;color:var(--ksv2-muted);font-size:12px;line-height:1.35}.ksv2-own-axis .ksv2-line{height:185px}.ksv2-axis-labels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:0;padding-top:6px;border-top:1px solid rgba(0,119,182,.35)}.ksv2-axis-labels div{text-align:center}.ksv2-axis-labels span{display:block;font-size:10px;text-transform:uppercase;font-weight:950;color:var(--ksv2-muted)}.ksv2-axis-labels b{display:block;font-family:var(--mono);font-size:17px;color:var(--ksv2-ink);margin-top:2px}.ksv2-run-note{display:block;padding:9px 14px;color:var(--ksv2-muted);font-size:11px;line-height:1.35;background:rgba(0,119,182,.045)}.ksv2-footer-ref{background:var(--ksv2-card);border:1px solid var(--ksv2-line);border-radius:18px;padding:14px;margin-top:10px}.ksv2-footer-ref span{font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:var(--ksv2-muted)}.ksv2-footer-ref b{display:block;margin-top:4px;color:var(--ksv2-ink);font-family:var(--mono)}.ksv2-footer-ref p{margin:4px 0 0;color:var(--ksv2-muted);font-size:12px}
@media (max-width:900px){.ksv2-strategy-timeline{grid-template-columns:1fr}.ksv2-strategy-timeline div:before{display:none}.ksv2-risk-title h3{font-size:19px}}
@media print{.ksv2-strategy-timeline{grid-template-columns:repeat(4,1fr)!important;gap:2.4mm!important}.ksv2-strategy-timeline div{box-shadow:none!important;border-radius:4mm!important;padding:2.6mm!important}.ksv2-strategy-timeline b{font-size:12pt!important}.ksv2-strategy-timeline p{font-size:7.5pt!important}.ksv2-risk-title{box-shadow:none!important;border-radius:4mm!important;padding:3mm!important}.ksv2-risk-title h3{font-size:14pt!important}.ksv2-risk-actions>div{padding:2mm!important}.ksv2-own-axis .ksv2-line{height:39mm!important}.ksv2-axis-labels b{font-size:10pt!important}.ksv2-footer-ref{box-shadow:none!important;border-radius:4mm!important;padding:3mm!important}.ksv2-table-note{font-size:8pt!important;margin-bottom:2mm!important}}
[data-theme="dark"] .ksv2-alert.good{background:rgba(16,185,129,.15)!important}[data-theme="dark"] .ksv2-alert.good p{color:#d1fae5!important}
