/* Conversion V2 — production-safe visual layer. */
.demo-conversion-v1{background:#f5f8fb;padding-bottom:76px}
.demo-conversion-v1 .lead-zone{margin:12px auto 12px!important}
.demo-conversion-v1 .lead-card{box-shadow:0 12px 32px rgba(5,30,52,.10)!important;border:1px solid #dfe8ef!important}
.demo-conversion-v1 .demo-best-badge{display:none}
.demo-conversion-v1 .p3-level-card[data-package-card="Standard"]{position:relative;border:2px solid #f07a37!important;background:linear-gradient(180deg,#fff8f1 0%,#fff 38%)!important;box-shadow:0 12px 28px rgba(238,105,43,.10)!important}
.demo-conversion-v1 .p3-level-card[data-package-card="Standard"] .demo-best-badge{display:block;position:absolute;right:10px;top:-10px;padding:5px 8px;border-radius:999px;background:#f36a2d;color:#fff;font-size:9px;font-weight:900;letter-spacing:.03em}
.demo-conversion-v1 .p3-level-price strong{white-space:nowrap}
.demo-conversion-v1 .p6-reviews-slot:empty{display:none}
.demo-conversion-v1 .demo-sticky{display:none}

@media(max-width:650px){
  .demo-conversion-v1{padding-bottom:72px}
  .demo-conversion-v1 .hero-stage h1{font-size:31px!important;line-height:.97!important}
  .demo-conversion-v1 .hero-lead{font-size:12.8px!important;line-height:1.45!important}
  .demo-conversion-v1 .hero-trust-card b{font-size:9.8px!important}
  .demo-conversion-v1 .hero-trust-card small{font-size:8.8px!important}
  .demo-conversion-v1 .hero-copy>.hero-price-chip>span{font-size:9.8px!important}
  .demo-conversion-v1 .hero-copy>.hero-price-chip>#hero-chip-note{font-size:9.4px!important;line-height:1.32!important}
  .demo-conversion-v1 .conversion-how{padding:24px 13px 12px!important}
  .demo-conversion-v1 .conversion-how .section-head h2{font-size:20px!important}
  .demo-conversion-v1 .conversion-how .three-steps{gap:0!important}
  .demo-conversion-v1 .conversion-how .three-steps article{border:0!important;border-bottom:1px solid #e6edf2!important;border-radius:0!important;background:transparent!important;padding:12px 4px!important;grid-template-columns:34px 30px minmax(0,1fr)!important}
  .demo-conversion-v1 .conversion-how .how-step-copy h3{font-size:12.4px!important}
  .demo-conversion-v1 .conversion-how .how-step-copy p{font-size:10.4px!important;line-height:1.38!important}
  .demo-conversion-v1 .lead-zone{margin:8px 10px 18px!important}
  .demo-conversion-v1 .lead-card{padding:14px!important;border-radius:18px!important}
  .demo-conversion-v1 .lead-heading-polish h2{font-size:20px!important}
  .demo-conversion-v1 .lead-heading-polish p{font-size:10.5px!important}
  .demo-conversion-v1 .p1-price-main>span{font-size:10px!important}
  .demo-conversion-v1 .hero-sale-price b{font-size:25px!important}
  .demo-conversion-v1 .hero-sale-price small,.demo-conversion-v1 .p1-price-disclaimer{font-size:10px!important;line-height:1.35!important}
  .demo-conversion-v1 .lead-card label{font-size:11.5px!important}
  .demo-conversion-v1 .lead-area-hint,.demo-conversion-v1 .hero-card-safe-note{font-size:9.8px!important}
  .demo-conversion-v1 .p1-mini-step b{font-size:10.2px!important}
  .demo-conversion-v1 .p1-mini-step small{font-size:9px!important}
  .demo-conversion-v1 .early-visual-proof{padding:22px 13px!important}
  .demo-conversion-v1 .early-proof-head h2{font-size:22px!important}
  .demo-conversion-v1 .early-proof-head>p{font-size:10.5px!important;line-height:1.42!important}
  .demo-conversion-v1 .early-proof-gallery{grid-template-columns:1fr 1fr!important;height:auto!important;gap:8px!important}
  .demo-conversion-v1 .early-proof-shot{height:128px!important}
  .demo-conversion-v1 .early-proof-shot:first-child{grid-column:1/-1;height:190px!important}
  .demo-conversion-v1 .early-proof-shot b{font-size:9.8px!important}
  .demo-conversion-v1 .p3-landing{padding:24px 13px!important}
  .demo-conversion-v1 .p3-landing-head h2{font-size:24px!important}
  .demo-conversion-v1 .p3-landing-head p:last-child{font-size:11px!important;line-height:1.42!important}
  .demo-conversion-v1 .p3-landing-grid{gap:10px!important}
  .demo-conversion-v1 .p3-level-card{padding:14px!important;border-radius:16px!important}
  .demo-conversion-v1 .p3-level-head small{font-size:8.5px!important}
  .demo-conversion-v1 .p3-level-head h3{font-size:17px!important}
  .demo-conversion-v1 .p3-level-price span{font-size:8.5px!important}
  .demo-conversion-v1 .p3-level-price strong{font-size:18px!important}
  .demo-conversion-v1 .p3-level-card .package-fit{font-size:11px!important;line-height:1.36!important;margin:7px 0 3px!important}
  .demo-conversion-v1 .p3-level-card li{font-size:10.5px!important;line-height:1.32!important;padding-top:2.5px!important;padding-bottom:2.5px!important}
  .demo-conversion-v1 .p3-level-card [data-p3-landing-package]{font-size:11.5px!important;min-height:44px!important}
  .demo-conversion-v1 .p3-note{font-size:9.8px!important;line-height:1.4!important}
  .demo-conversion-v1 .p3-report-showcase{padding:24px 13px!important}
  .demo-conversion-v1 .p3-report-heading h2{font-size:24px!important}
  .demo-conversion-v1 .p3-report-heading>p:last-child{font-size:11px!important}
  .demo-conversion-v1 .p3-report-card-head b,.demo-conversion-v1 .p3-report-proof-copy b{font-size:12px!important}
  .demo-conversion-v1 .p3-report-summary b{font-size:11.5px!important}
  .demo-conversion-v1 .p3-report-summary p,.demo-conversion-v1 .p3-report-rows small,.demo-conversion-v1 .p3-report-proof-copy p{font-size:10px!important;line-height:1.38!important}
  .demo-conversion-v1 .p3-report-rows b{font-size:11px!important}
  .demo-conversion-v1 .p6-compact-copy>p:not(.eyebrow),.demo-conversion-v1 .p5-trust-head p,.demo-conversion-v1 .p5-policy-grid p,.demo-conversion-v1 .p5-faq-side>p:last-child,.demo-conversion-v1 .p5-faq-list p{font-size:10.8px!important;line-height:1.48!important}
  .demo-conversion-v1 .p5-faq-list summary{font-size:12px!important}
  .demo-conversion-v1 .demo-sticky{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;position:fixed;left:8px;right:8px;bottom:8px;z-index:120;padding:8px 9px 8px 12px;border-radius:16px;background:rgba(5,31,53,.96);box-shadow:0 12px 36px rgba(0,0,0,.22);backdrop-filter:blur(10px);color:#fff}
  .demo-conversion-v1 .demo-sticky small{display:block;font-size:10px;color:#bcd0df}
  .demo-conversion-v1 .demo-sticky b{display:block;margin-top:1px;font-size:14px}
  .demo-conversion-v1 .demo-sticky a{min-height:42px;display:flex;align-items:center;padding:0 14px;border-radius:11px;background:#ff672b;color:#fff;text-decoration:none;font-size:11.5px;font-weight:900}
}

/* V2 pricing anchor — flagship 1.69M is primary, 990k stays secondary. */
.demo-conversion-v1 .demo-entry-price{
  display:block!important;margin-top:3px!important;color:#60798d!important;font-weight:700!important
}
.demo-conversion-v1 .hero-copy>.hero-price-chip #hero-chip-price{color:#ff642c!important}
.demo-conversion-v1 .hero-copy>.hero-price-chip #hero-chip-note b{color:#123f67}
.demo-conversion-v1 .p3-level-card[data-package-card="Quick"]{opacity:.94}
.demo-conversion-v1 .p3-level-card[data-package-card="Standard"]{
  transform:scale(1.01);z-index:2
}
.demo-conversion-v1 .p3-level-card[data-package-card="Standard"] [data-p3-landing-package]{
  background:#f36a2d!important;border-color:#f36a2d!important;color:#fff!important
}
.demo-conversion-v1 .demo-report-value{
  margin:8px 0 0;padding:9px 10px;border-left:3px solid #f36a2d;border-radius:0 10px 10px 0;
  background:#fff7f1;color:#5d6670;font-size:12px;line-height:1.45
}
.demo-conversion-v1 .demo-report-value b{color:#153c60}
@media(max-width:650px){
  .demo-conversion-v1 .demo-entry-price{font-size:9.2px!important;line-height:1.32!important}
  .demo-conversion-v1 .p3-level-card[data-package-card="Standard"]{transform:none}
  .demo-conversion-v1 .demo-report-value{font-size:10.5px!important}
}
@media(max-width:650px){
  .demo-conversion-v1 .demo-sticky em{
    display:block;margin-top:1px;color:#9fb8ca;font-size:9px;font-style:normal;font-weight:600
  }
}


/* VISUAL V2 — image-led conversion experiment. */
.demo-visual-v2 .early-visual-proof{
  background:linear-gradient(180deg,#f7fbfe 0%,#eef5f9 100%)!important;
}
.demo-visual-v2 .early-proof-gallery{
  position:relative;
}
.demo-visual-v2 .early-proof-shot{
  box-shadow:0 8px 24px rgba(7,35,58,.10)!important;
  border-color:rgba(255,255,255,.8)!important;
}
.demo-visual-v2 .early-proof-shot>span{
  background:rgba(6,35,58,.82)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.15)!important;
  backdrop-filter:blur(10px)!important;
}
.demo-visual-v2 .early-proof-shot>span .p6-icon{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.demo-visual-v2 .demo-visual-proof-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px
}
.demo-visual-v2 .demo-visual-proof-strip span{
  min-width:0;padding:9px 8px;border:1px solid #dce7ee;border-radius:12px;background:#fff
}
.demo-visual-v2 .demo-visual-proof-strip b{
  display:block;color:#f36a2d;font-size:10px;letter-spacing:.06em
}
.demo-visual-v2 .demo-visual-proof-strip small{
  display:block;margin-top:2px;color:#28445d;font-size:10px;font-weight:750;line-height:1.2
}
.demo-visual-v2 .demo-package-visual{
  display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:4px;height:82px;margin:7px 0 8px;
  overflow:hidden;border-radius:10px
}
.demo-visual-v2 .demo-package-visual img{
  width:100%;height:100%;object-fit:cover;display:block
}
.demo-visual-v2 .demo-report-visual-first .report-proof-grid{
  background:#edf4f8;border-radius:14px;padding:8px
}
.demo-visual-v2 .demo-report-visual-first .report-pages{
  gap:8px
}
.demo-visual-v2 .demo-report-visual-first .report-thumb{
  background:#fff;box-shadow:0 8px 24px rgba(8,37,65,.10)
}
.demo-visual-v2 .demo-report-visual-first .tracker-shot{
  opacity:.88
}

@media(max-width:650px){
  .demo-visual-v2 .early-visual-proof{padding:22px 10px 18px!important}
  .demo-visual-v2 .early-proof-head{padding:0 3px}
  .demo-visual-v2 .early-proof-head h2{font-size:21px!important;line-height:1.08!important}
  .demo-visual-v2 .early-proof-head>p{font-size:10.2px!important}
  .demo-visual-v2 .early-proof-gallery{
    grid-template-columns:1fr 1fr!important;gap:7px!important
  }
  .demo-visual-v2 .early-proof-shot:first-child{
    grid-column:1/-1;height:224px!important;border-radius:15px!important
  }
  .demo-visual-v2 .early-proof-shot:not(:first-child){
    height:138px!important;border-radius:12px!important
  }
  .demo-visual-v2 .early-proof-shot>span{
    min-height:32px!important;left:7px!important;right:7px!important;bottom:7px!important
  }
  .demo-visual-v2 .demo-visual-proof-strip{gap:5px;margin-top:8px}
  .demo-visual-v2 .demo-visual-proof-strip span{padding:8px 6px;border-radius:10px}
  .demo-visual-v2 .demo-visual-proof-strip small{font-size:8.8px}
  .demo-visual-v2 .demo-package-visual{height:96px;margin:8px 0 9px}
  .demo-visual-v2 .p3-level-card[data-package-card="Standard"]{
    padding-top:16px!important;padding-bottom:13px!important
  }
  .demo-visual-v2 .p3-report-layout{
    gap:10px!important
  }
  .demo-visual-v2 .p3-report-card{
    padding:11px!important
  }
  .demo-visual-v2 .demo-report-visual-first{
    padding:10px!important;border-radius:15px!important
  }
  .demo-visual-v2 .demo-report-visual-first .report-pages{
    display:grid!important;grid-template-columns:1fr 1fr!important
  }
  .demo-visual-v2 .demo-report-visual-first .report-thumb img{
    height:190px!important;object-fit:contain!important;background:#fff
  }
  .demo-visual-v2 .demo-report-visual-first .tracker-shot{
    display:none!important
  }
}

/* V3 copy fit — keep the stronger hero line premium, not oversized. */
@media(max-width:650px){
  .demo-visual-v2 .hero-stage h1{
    font-size:29px!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
    max-width:355px!important;
  }
  .demo-visual-v2 .hero-stage h1 em{display:inline!important}
  .demo-visual-v2 .hero-lead{max-width:345px!important}
  .demo-visual-v2 .early-proof-head h2{max-width:350px}
}


/* FOUR NEW CUSTOMER IMAGES — single conversion proof section. */
.demo-visual-v2 .demo-four-proof{
  max-width:1100px;
  margin:0 auto;
  padding:32px 22px 28px!important;
  box-sizing:border-box;
  background:linear-gradient(180deg,#fff 0%,#f4f8fb 100%);
}
.demo-visual-v2 .demo-four-proof-head{
  max-width:720px;
  margin:0 0 16px;
}
.demo-visual-v2 .demo-four-proof-head h2{
  margin:5px 0 7px;
  color:#0d3150;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.demo-visual-v2 .demo-four-proof-head>p:last-child{
  margin:0;
  color:#647989;
  font-size:11.5px;
  line-height:1.5;
}
.demo-visual-v2 .demo-four-proof-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);
  grid-template-rows:repeat(3,132px);
  gap:8px;
}
.demo-visual-v2 .demo-four-proof-card{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:15px;
  background:#0b263d;
  box-shadow:0 10px 28px rgba(9,42,67,.10);
}
.demo-visual-v2 .demo-four-proof-main{
  grid-row:1 / 4;
}
.demo-visual-v2 .demo-four-proof-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  image-rendering:auto;
  transform:none;
}
.demo-visual-v2 .demo-four-proof-main img{object-position:center center}
.demo-visual-v2 .demo-four-proof-obd img{object-position:center 46%}
.demo-visual-v2 .demo-four-proof-result img{object-position:center center}
.demo-visual-v2 .demo-four-proof-explain img{object-position:center 48%}
.demo-visual-v2 .demo-four-proof-card:after{
  content:"";
  position:absolute;
  inset:33% 0 0;
  background:linear-gradient(180deg,transparent 0%,rgba(4,23,39,.88) 100%);
  pointer-events:none;
}
.demo-visual-v2 .demo-four-proof-card figcaption{
  position:absolute;
  z-index:2;
  left:11px;
  right:11px;
  bottom:10px;
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  gap:8px;
  align-items:start;
}
.demo-visual-v2 .demo-four-proof-index{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:8px;
  background:#ff682c;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.demo-visual-v2 .demo-four-proof-card figcaption b{
  display:block;
  color:#fff;
  font-size:11.2px;
  line-height:1.25;
}
.demo-visual-v2 .demo-four-proof-card figcaption small{
  display:block;
  margin-top:2px;
  color:#d8e2e9;
  font-size:9.2px;
  line-height:1.3;
}
.demo-visual-v2 .demo-four-proof-main figcaption b{font-size:15px}
.demo-visual-v2 .demo-four-proof-main figcaption small{font-size:10.5px}
.demo-visual-v2 .demo-four-proof-cta{
  margin-top:9px;
  padding:11px 12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  border:1px solid #dce7ee;
  border-radius:14px;
  background:#fff;
}
.demo-visual-v2 .demo-four-proof-cta b{
  display:block;
  color:#173d5b;
  font-size:12px;
}
.demo-visual-v2 .demo-four-proof-cta small{
  display:block;
  margin-top:2px;
  color:#70818e;
  font-size:9.8px;
}
.demo-visual-v2 .demo-four-proof-cta .btn{
  flex:0 0 auto;
  min-height:42px;
  text-decoration:none;
  white-space:nowrap;
}

@media(max-width:650px){
  .demo-visual-v2 .demo-four-proof{
    padding:23px 10px 20px!important;
  }
  .demo-visual-v2 .demo-four-proof-head{
    padding:0 3px;
    margin-bottom:11px;
  }
  .demo-visual-v2 .demo-four-proof-head h2{
    font-size:22px;
    line-height:1.06;
  }
  .demo-visual-v2 .demo-four-proof-head>p:last-child{
    font-size:10.2px;
    line-height:1.42;
  }
  .demo-visual-v2 .demo-four-proof-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
    gap:7px;
  }
  .demo-visual-v2 .demo-four-proof-main{
    grid-column:1 / -1;
    grid-row:auto;
    height:224px;
  }
  .demo-visual-v2 .demo-four-proof-obd{
    grid-column:1 / -1;
    height:170px;
  }
  .demo-visual-v2 .demo-four-proof-result,
  .demo-visual-v2 .demo-four-proof-explain{
    height:142px;
  }
  .demo-visual-v2 .demo-four-proof-card{
    border-radius:13px;
  }
  .demo-visual-v2 .demo-four-proof-card figcaption{
    left:8px;
    right:8px;
    bottom:8px;
    grid-template-columns:24px minmax(0,1fr);
    gap:6px;
  }
  .demo-visual-v2 .demo-four-proof-index{
    width:24px;
    height:24px;
    border-radius:7px;
    font-size:8px;
  }
  .demo-visual-v2 .demo-four-proof-card figcaption b{
    font-size:9.6px;
  }
  .demo-visual-v2 .demo-four-proof-card figcaption small{
    font-size:8.1px;
    line-height:1.25;
  }
  .demo-visual-v2 .demo-four-proof-main figcaption b{font-size:12px}
  .demo-visual-v2 .demo-four-proof-main figcaption small{font-size:9px}
  .demo-visual-v2 .demo-four-proof-obd figcaption b{font-size:10.5px}
  .demo-visual-v2 .demo-four-proof-obd figcaption small{font-size:8.7px}
  .demo-visual-v2 .demo-four-proof-cta{
    display:grid;
    grid-template-columns:1fr;
    padding:10px;
    gap:8px;
    border-radius:12px;
  }
  .demo-visual-v2 .demo-four-proof-cta b{font-size:11px}
  .demo-visual-v2 .demo-four-proof-cta small{font-size:9px}
  .demo-visual-v2 .demo-four-proof-cta .btn{
    width:100%;
    min-height:44px;
    justify-content:center;
  }
}


/* INFO COMPLETENESS — restore schedule + visible tracker without restoring noisy copy. */
.demo-visual-v2 #schedule-preview{
  display:block!important;
  max-width:1100px;
  margin:0 auto;
}
.demo-visual-v2 .demo-report-visual-first .tracker-shot{
  display:grid!important;
  opacity:1!important;
}
@media(max-width:650px){
  .demo-visual-v2 #schedule-preview{
    margin:8px 10px 18px!important;
    border-radius:18px!important;
  }
  .demo-visual-v2 #schedule-preview .part2-progress small,
  .demo-visual-v2 #schedule-preview .part2-heading p,
  .demo-visual-v2 #schedule-preview .part2-area-gate span,
  .demo-visual-v2 #schedule-preview .part2-final-trust{
    font-size:9.8px!important;
    line-height:1.4!important;
  }
  .demo-visual-v2 #schedule-preview .part2-heading h2{
    font-size:20px!important;
    line-height:1.1!important;
  }
  .demo-visual-v2 .demo-report-visual-first .tracker-shot{
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    min-height:62px!important;
    margin-top:7px!important;
  }
  .demo-visual-v2 .demo-report-visual-first .tracker-shot img{
    width:62px!important;
    height:62px!important;
  }
  .demo-visual-v2 .demo-report-visual-first .tracker-shot figcaption b{
    font-size:10.5px!important;
  }
  .demo-visual-v2 .demo-report-visual-first .tracker-shot figcaption span{
    font-size:9px!important;
  }
}


/* REAL CASE LOT 1 — visual proof storytelling. */
.demo-visual-v2 .demo-real-cases{
  max-width:1100px;
  margin:0 auto;
  padding:34px 22px 30px!important;
  box-sizing:border-box;
  background:#fff;
}
.demo-visual-v2 .demo-real-cases-head{max-width:760px;margin:0 0 16px}
.demo-visual-v2 .demo-real-cases-head h2{
  margin:5px 0 7px;color:#0d3150;font-size:30px;line-height:1.08;letter-spacing:-.025em
}
.demo-visual-v2 .demo-real-cases-head>p:last-child{
  margin:0;color:#647989;font-size:12px;line-height:1.5
}
.demo-visual-v2 .demo-real-case{
  margin:0 0 14px;padding:13px;border:1px solid #dce8ef;border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#f7fafc 100%);
  box-shadow:0 10px 30px rgba(7,45,72,.07)
}
.demo-visual-v2 .demo-real-case-title{
  display:flex;align-items:center;gap:10px;margin:0 0 10px
}
.demo-visual-v2 .demo-real-case-title>span{
  flex:0 0 auto;padding:7px 9px;border-radius:9px;background:#0f4d78;color:#fff;
  font-size:10px;font-weight:900;letter-spacing:.06em
}
.demo-visual-v2 .demo-real-case-one .demo-real-case-title>span{background:#f45a1e}
.demo-visual-v2 .demo-real-case-title b{display:block;color:#123b5b;font-size:14px}
.demo-visual-v2 .demo-real-case-title small{display:block;margin-top:2px;color:#738590;font-size:10px}
.demo-visual-v2 .demo-real-case-flow{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.demo-visual-v2 .demo-real-case-flow figure{
  margin:0;overflow:hidden;border:1px solid #dce7ed;border-radius:13px;background:#fff
}
.demo-visual-v2 .demo-real-case-flow img{
  display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#eaf0f4
}
.demo-visual-v2 .demo-real-case-flow figcaption{
  display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;padding:9px 9px 10px
}
.demo-visual-v2 .demo-real-case-flow figcaption i{
  display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:#f45a1e;color:#fff;font-size:10px;font-weight:900;font-style:normal
}
.demo-visual-v2 .demo-real-case-two .demo-real-case-flow figcaption i{background:#1769aa}
.demo-visual-v2 .demo-real-case-flow figcaption b{
  display:block;color:#163a57;font-size:11px;line-height:1.25
}
.demo-visual-v2 .demo-real-case-flow figcaption small{
  display:block;margin-top:2px;color:#758691;font-size:9.2px;line-height:1.35
}
.demo-visual-v2 .demo-real-case-result{
  margin-top:9px;padding:9px 11px;border-radius:11px;background:#edf6fb;
  display:flex;align-items:center;gap:10px
}
.demo-visual-v2 .demo-real-case-one .demo-real-case-result{background:#fff3ec}
.demo-visual-v2 .demo-real-case-result strong{
  flex:0 0 auto;color:#0f4d78;font-size:10px;text-transform:uppercase;letter-spacing:.04em
}
.demo-visual-v2 .demo-real-case-one .demo-real-case-result strong{color:#d94b13}
.demo-visual-v2 .demo-real-case-result span{color:#405d72;font-size:10px;line-height:1.4}
.demo-visual-v2 .demo-real-cases-cta{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:12px 13px;border:1px solid #dce7ee;border-radius:14px;background:#f8fbfd
}
.demo-visual-v2 .demo-real-cases-cta b{display:block;color:#173d5b;font-size:12px}
.demo-visual-v2 .demo-real-cases-cta small{display:block;margin-top:2px;color:#70818e;font-size:9.8px}
.demo-visual-v2 .demo-real-cases-cta .btn{flex:0 0 auto;white-space:nowrap;text-decoration:none}

@media(max-width:650px){
  .demo-visual-v2 .demo-real-cases{padding:24px 10px 21px!important}
  .demo-visual-v2 .demo-real-cases-head{padding:0 3px;margin-bottom:12px}
  .demo-visual-v2 .demo-real-cases-head h2{font-size:22px;line-height:1.06}
  .demo-visual-v2 .demo-real-cases-head>p:last-child{font-size:10px;line-height:1.42}
  .demo-visual-v2 .demo-real-case{padding:9px;margin-bottom:10px;border-radius:15px}
  .demo-visual-v2 .demo-real-case-title{gap:8px;margin-bottom:8px}
  .demo-visual-v2 .demo-real-case-title>span{padding:6px 8px;font-size:9px}
  .demo-visual-v2 .demo-real-case-title b{font-size:11.5px;line-height:1.25}
  .demo-visual-v2 .demo-real-case-title small{font-size:8.7px;line-height:1.3}
  .demo-visual-v2 .demo-real-case-flow{
    grid-template-columns:1fr;gap:7px
  }
  .demo-visual-v2 .demo-real-case-flow figure{
    display:grid;grid-template-columns:46% 54%;min-height:126px;border-radius:11px
  }
  .demo-visual-v2 .demo-real-case-flow img{
    width:100%;height:100%;aspect-ratio:auto;object-fit:cover
  }
  .demo-visual-v2 .demo-real-case-flow figcaption{
    align-self:center;padding:8px;grid-template-columns:22px minmax(0,1fr);gap:6px
  }
  .demo-visual-v2 .demo-real-case-flow figcaption i{width:22px;height:22px;font-size:9px}
  .demo-visual-v2 .demo-real-case-flow figcaption b{font-size:10px}
  .demo-visual-v2 .demo-real-case-flow figcaption small{font-size:8.6px}
  .demo-visual-v2 .demo-real-case-result{
    align-items:flex-start;display:grid;grid-template-columns:1fr;gap:2px;padding:8px 9px
  }
  .demo-visual-v2 .demo-real-case-result strong{font-size:8.8px}
  .demo-visual-v2 .demo-real-case-result span{font-size:9px}
  .demo-visual-v2 .demo-real-cases-cta{
    display:grid;grid-template-columns:1fr;gap:8px;padding:10px
  }
  .demo-visual-v2 .demo-real-cases-cta b{font-size:11px}
  .demo-visual-v2 .demo-real-cases-cta small{font-size:9px}
  .demo-visual-v2 .demo-real-cases-cta .btn{width:100%;justify-content:center;min-height:44px}
}

/* FOUR PROOF SHARPNESS — serve 2x source pixels on high-DPR phones. */
.demo-visual-v2 .demo-four-proof-card img{
  image-rendering:auto!important;
  transform:none!important;
  backface-visibility:visible!important;
  filter:none!important;
}


/* RESPONSIVE PROOF IMAGES — sharp source + device-appropriate transfer size. */
.demo-visual-v2 .demo-four-proof-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:auto;
  transform:none!important;
  backface-visibility:visible!important;
  filter:none!important;
}

/* PREDEPLOY TRUTHFULNESS — illustrative scenario disclosure. */
.demo-visual-v2 .demo-real-cases-disclosure{
  margin:0 2px 12px;color:#7b8995;font-size:8.5px;line-height:1.45
}
@media(max-width:650px){
  .demo-visual-v2 .demo-real-cases-disclosure{font-size:8.4px;margin:0 3px 10px}
}


/* TECHNICIAN LOT 2 — competence proof without fabricated credentials. */
.demo-visual-v2 .demo-tech-proof{
  max-width:1100px;margin:0 auto;padding:38px 22px 34px!important;box-sizing:border-box;
  background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)
}
.demo-visual-v2 .demo-tech-head{max-width:760px;margin-bottom:15px}
.demo-visual-v2 .demo-tech-head h2{margin:5px 0 7px;color:#0d3150;font-size:30px;line-height:1.08;letter-spacing:-.025em}
.demo-visual-v2 .demo-tech-head>p:last-child{margin:0;color:#617888;font-size:12px;line-height:1.55}
.demo-visual-v2 .demo-tech-assurance{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px
}
.demo-visual-v2 .demo-tech-assurance span{
  padding:10px 11px;border:1px solid #dce8ef;border-radius:12px;background:#fff
}
.demo-visual-v2 .demo-tech-assurance b{display:block;color:#173f5e;font-size:11px}
.demo-visual-v2 .demo-tech-assurance small{display:block;margin-top:2px;color:#748894;font-size:9px;line-height:1.35}
.demo-visual-v2 .demo-tech-people{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px
}
.demo-visual-v2 .demo-tech-person{
  overflow:hidden;border:1px solid #dbe7ed;border-radius:15px;background:#fff;
  box-shadow:0 10px 28px rgba(9,48,75,.07)
}
.demo-visual-v2 .demo-tech-person img{
  display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#e8eef2
}
.demo-visual-v2 .demo-tech-person>div{padding:10px 11px 12px}
.demo-visual-v2 .demo-tech-person small{display:block;color:#f05a22;font-size:8.5px;font-weight:900;letter-spacing:.07em}
.demo-visual-v2 .demo-tech-person b{display:block;margin-top:3px;color:#173d59;font-size:12px;line-height:1.28}
.demo-visual-v2 .demo-tech-person p{margin:4px 0 0;color:#74838e;font-size:9.5px;line-height:1.4}
.demo-visual-v2 .demo-tech-equipment-head{
  display:flex;align-items:baseline;gap:9px;margin:19px 1px 8px
}
.demo-visual-v2 .demo-tech-equipment-head span{color:#f05a22;font-size:8.5px;font-weight:900;letter-spacing:.08em}
.demo-visual-v2 .demo-tech-equipment-head b{color:#183d59;font-size:13px}
.demo-visual-v2 .demo-tech-equipment{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px
}
.demo-visual-v2 .demo-tech-equip{
  margin:0;overflow:hidden;border:1px solid #dbe7ed;border-radius:14px;background:#0f2f48
}
.demo-visual-v2 .demo-tech-equip img{
  display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#dce6ec
}
.demo-visual-v2 .demo-tech-equip-main img{aspect-ratio:3/2}
.demo-visual-v2 .demo-tech-equip figcaption{padding:9px 10px 10px}
.demo-visual-v2 .demo-tech-equip figcaption b{display:block;color:#fff;font-size:11px}
.demo-visual-v2 .demo-tech-equip figcaption small{display:block;margin-top:2px;color:#c5d3dc;font-size:8.9px;line-height:1.35}
.demo-visual-v2 .demo-tech-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  margin-top:11px;padding:11px 12px;border:1px solid #d9e7ee;border-radius:13px;background:#fff
}
.demo-visual-v2 .demo-tech-bottom b{display:block;color:#153c59;font-size:11px}
.demo-visual-v2 .demo-tech-bottom small{display:block;margin-top:2px;color:#71848f;font-size:9.3px;line-height:1.4}
.demo-visual-v2 .demo-tech-bottom .btn{flex:0 0 auto;white-space:nowrap;text-decoration:none}
.demo-visual-v2 .demo-tech-disclosure{margin:7px 3px 0;color:#8a98a2;font-size:8px;line-height:1.4}

@media(max-width:650px){
  .demo-visual-v2 .demo-tech-proof{padding:25px 10px 22px!important}
  .demo-visual-v2 .demo-tech-head{padding:0 3px;margin-bottom:11px}
  .demo-visual-v2 .demo-tech-head h2{font-size:22px;line-height:1.06}
  .demo-visual-v2 .demo-tech-head>p:last-child{font-size:10px;line-height:1.43}
  .demo-visual-v2 .demo-tech-assurance{gap:5px;margin-bottom:8px}
  .demo-visual-v2 .demo-tech-assurance span{padding:8px 6px;border-radius:10px}
  .demo-visual-v2 .demo-tech-assurance b{font-size:9.1px;line-height:1.22}
  .demo-visual-v2 .demo-tech-assurance small{font-size:7.7px;line-height:1.3}
  .demo-visual-v2 .demo-tech-people{grid-template-columns:1fr 1fr;gap:7px}
  .demo-visual-v2 .demo-tech-person-primary{
    grid-column:1/-1;display:grid;grid-template-columns:44% 56%;min-height:150px
  }
  .demo-visual-v2 .demo-tech-person-primary img{height:100%;min-height:150px;max-height:180px;aspect-ratio:auto;object-fit:cover}
  .demo-visual-v2 .demo-tech-person-primary>div{align-self:center}
  .demo-visual-v2 .demo-tech-person{border-radius:12px}
  .demo-visual-v2 .demo-tech-person>div{padding:8px 8px 9px}
  .demo-visual-v2 .demo-tech-person small{font-size:7.7px}
  .demo-visual-v2 .demo-tech-person b{font-size:9.8px}
  .demo-visual-v2 .demo-tech-person p{font-size:8.2px;line-height:1.33}
  .demo-visual-v2 .demo-tech-equipment-head{margin:14px 2px 7px}
  .demo-visual-v2 .demo-tech-equipment-head span{font-size:7.7px}
  .demo-visual-v2 .demo-tech-equipment-head b{font-size:11px}
  .demo-visual-v2 .demo-tech-equipment{grid-template-columns:1fr 1fr;gap:7px}
  .demo-visual-v2 .demo-tech-equip-main{
    grid-column:1/-1;display:grid;grid-template-columns:48% 52%;min-height:145px
  }
  .demo-visual-v2 .demo-tech-equip-main img{height:100%;min-height:145px;max-height:180px;aspect-ratio:auto;object-fit:cover}
  .demo-visual-v2 .demo-tech-equip-main figcaption{align-self:center}
  .demo-visual-v2 .demo-tech-equip{border-radius:11px}
  .demo-visual-v2 .demo-tech-equip figcaption{padding:8px}
  .demo-visual-v2 .demo-tech-equip figcaption b{font-size:9.5px}
  .demo-visual-v2 .demo-tech-equip figcaption small{font-size:8px}
  .demo-visual-v2 .demo-tech-bottom{display:grid;grid-template-columns:1fr;gap:7px;padding:9px}
  .demo-visual-v2 .demo-tech-bottom b{font-size:10px}
  .demo-visual-v2 .demo-tech-bottom small{font-size:8.6px}
  .demo-visual-v2 .demo-tech-bottom .btn{width:100%;justify-content:center;min-height:44px}
  .demo-visual-v2 .demo-tech-disclosure{font-size:7.7px;margin-top:6px}
}


/* CUSTOMER LOT 3 — show-the-evidence experience proof. */
.demo-visual-v2 .demo-customer-proof{
  max-width:1100px;margin:0 auto;padding:38px 22px 34px!important;box-sizing:border-box;
  background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%)
}
.demo-visual-v2 .demo-customer-head{max-width:790px;margin-bottom:15px}
.demo-visual-v2 .demo-customer-head h2{margin:5px 0 7px;color:#0d3150;font-size:30px;line-height:1.08;letter-spacing:-.025em}
.demo-visual-v2 .demo-customer-head>p:last-child{margin:0;color:#617888;font-size:12px;line-height:1.55}
.demo-visual-v2 .demo-customer-assurance{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px
}
.demo-visual-v2 .demo-customer-assurance span{
  padding:10px 11px;border:1px solid #dce8ef;border-radius:12px;background:#fff
}
.demo-visual-v2 .demo-customer-assurance b{display:block;color:#173f5e;font-size:11px}
.demo-visual-v2 .demo-customer-assurance small{display:block;margin-top:2px;color:#748894;font-size:9px;line-height:1.35}
.demo-visual-v2 .demo-customer-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px
}
.demo-visual-v2 .demo-customer-card{
  margin:0;overflow:hidden;border:1px solid #dbe7ed;border-radius:15px;background:#fff;
  box-shadow:0 10px 28px rgba(9,48,75,.07)
}
.demo-visual-v2 .demo-customer-card-wide{
  grid-column:1/-1;display:grid;grid-template-columns:58% 42%;min-height:270px
}
.demo-visual-v2 .demo-customer-card img{
  display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e9eff3
}
.demo-visual-v2 .demo-customer-card-wide img{
  height:100%;min-height:270px;aspect-ratio:auto
}
.demo-visual-v2 .demo-customer-card figcaption{
  display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:10px 11px 11px
}
.demo-visual-v2 .demo-customer-card-wide figcaption{align-self:center;padding:15px 16px}
.demo-visual-v2 .demo-customer-card figcaption i{
  display:grid;place-items:center;width:27px;height:27px;border-radius:50%;
  background:#f45a1e;color:#fff;font-size:10px;font-weight:900;font-style:normal
}
.demo-visual-v2 .demo-customer-card figcaption b{display:block;color:#163d5a;font-size:11px;line-height:1.28}
.demo-visual-v2 .demo-customer-card figcaption small{display:block;margin-top:3px;color:#748691;font-size:9.2px;line-height:1.4}
.demo-visual-v2 .demo-customer-card-obd{background:#103751}
.demo-visual-v2 .demo-customer-card-obd figcaption b{color:#fff}
.demo-visual-v2 .demo-customer-card-obd figcaption small{color:#cbd8df}
.demo-visual-v2 .demo-customer-takeaway{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  margin-top:11px;padding:12px 13px;border:1px solid #d8e6ed;border-radius:14px;background:#fff
}
.demo-visual-v2 .demo-customer-takeaway-copy{max-width:720px}
.demo-visual-v2 .demo-customer-takeaway-copy>small{display:block;color:#f05a22;font-size:8px;font-weight:900;letter-spacing:.07em}
.demo-visual-v2 .demo-customer-takeaway-copy>b{display:block;margin-top:3px;color:#153c59;font-size:12px;line-height:1.3}
.demo-visual-v2 .demo-customer-takeaway-copy>p{margin:3px 0 0;color:#71848f;font-size:9.3px;line-height:1.4}
.demo-visual-v2 .demo-customer-takeaway .btn{flex:0 0 auto;white-space:nowrap;text-decoration:none}
.demo-visual-v2 .demo-customer-disclosure{margin:7px 3px 0;color:#8a98a2;font-size:8px;line-height:1.4}

@media(max-width:650px){
  .demo-visual-v2 .demo-customer-proof{padding:25px 10px 22px!important}
  .demo-visual-v2 .demo-customer-head{padding:0 3px;margin-bottom:11px}
  .demo-visual-v2 .demo-customer-head h2{font-size:22px;line-height:1.06}
  .demo-visual-v2 .demo-customer-head>p:last-child{font-size:10px;line-height:1.43}
  .demo-visual-v2 .demo-customer-assurance{gap:5px;margin-bottom:8px}
  .demo-visual-v2 .demo-customer-assurance span{padding:8px 6px;border-radius:10px}
  .demo-visual-v2 .demo-customer-assurance b{font-size:9.1px;line-height:1.22}
  .demo-visual-v2 .demo-customer-assurance small{font-size:7.7px;line-height:1.3}
  .demo-visual-v2 .demo-customer-grid{gap:7px}
  .demo-visual-v2 .demo-customer-card{border-radius:12px}
  .demo-visual-v2 .demo-customer-card-wide{
    min-height:156px;grid-template-columns:49% 51%
  }
  .demo-visual-v2 .demo-customer-card-wide img{
    height:100%;min-height:156px;max-height:190px;aspect-ratio:auto
  }
  .demo-visual-v2 .demo-customer-card img{aspect-ratio:3/2}
  .demo-visual-v2 .demo-customer-card figcaption{grid-template-columns:22px minmax(0,1fr);gap:6px;padding:8px}
  .demo-visual-v2 .demo-customer-card-wide figcaption{padding:8px}
  .demo-visual-v2 .demo-customer-card figcaption i{width:22px;height:22px;font-size:9px}
  .demo-visual-v2 .demo-customer-card figcaption b{font-size:9.6px}
  .demo-visual-v2 .demo-customer-card figcaption small{font-size:8px;line-height:1.34}
  .demo-visual-v2 .demo-customer-takeaway{display:grid;grid-template-columns:1fr;gap:8px;padding:10px}
  .demo-visual-v2 .demo-customer-takeaway-copy>b{font-size:10.2px}
  .demo-visual-v2 .demo-customer-takeaway-copy>p{font-size:8.6px}
  .demo-visual-v2 .demo-customer-takeaway .btn{width:100%;justify-content:center;min-height:44px}
  .demo-visual-v2 .demo-customer-disclosure{font-size:7.7px;margin-top:6px}
}


/* REVIEW LOT 4 — paired vehicle + customer response social proof. */
.demo-visual-v2 .demo-review-proof{
  max-width:1100px;margin:0 auto;padding:38px 22px 34px!important;box-sizing:border-box;
  background:linear-gradient(180deg,#f8fbfd 0%,#fff 100%)
}
.demo-visual-v2 .demo-review-head{max-width:800px;margin-bottom:14px}
.demo-visual-v2 .demo-review-head h2{margin:5px 0 7px;color:#0d3150;font-size:30px;line-height:1.08;letter-spacing:-.025em}
.demo-visual-v2 .demo-review-head>p:last-child{margin:0;color:#617888;font-size:12px;line-height:1.55}
.demo-visual-v2 .demo-review-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px
}
.demo-visual-v2 .demo-review-summary span{
  position:relative;padding:10px 10px 10px 42px;border:1px solid #dce8ef;border-radius:12px;background:#fff
}
.demo-visual-v2 .demo-review-summary i{
  position:absolute;left:9px;top:10px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;
  background:#ff6528;color:#fff;font-style:normal;font-size:9px;font-weight:900
}
.demo-visual-v2 .demo-review-summary b{display:block;color:#153d5a;font-size:10px;line-height:1.3}
.demo-visual-v2 .demo-review-summary small{display:block;margin-top:3px;color:#7b8a95;font-size:8.5px;line-height:1.35}
.demo-visual-v2 .demo-review-cases{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px
}
.demo-visual-v2 .demo-review-case{
  overflow:hidden;border:1px solid #d8e5ec;border-radius:16px;background:#fff;
  box-shadow:0 12px 30px rgba(8,49,76,.08)
}
.demo-visual-v2 .demo-review-car{position:relative;margin:0}
.demo-visual-v2 .demo-review-car img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.demo-visual-v2 .demo-review-car figcaption{
  position:absolute;left:9px;right:9px;bottom:9px;display:flex;align-items:center;gap:7px;
  padding:7px 8px;border-radius:10px;background:rgba(10,43,65,.86);backdrop-filter:blur(7px);color:#fff
}
.demo-visual-v2 .demo-review-car figcaption span{
  flex:0 0 auto;padding:4px 6px;border-radius:7px;background:#ff6428;font-size:8px;font-weight:900
}
.demo-visual-v2 .demo-review-car figcaption b{font-size:9.5px;line-height:1.25}
.demo-visual-v2 .demo-review-quote{padding:11px 12px 9px}
.demo-visual-v2 .demo-review-quote>small{display:block;color:#f05a22;font-size:7.8px;font-weight:900;letter-spacing:.08em}
.demo-visual-v2 .demo-review-quote blockquote{
  margin:5px 0 4px;color:#123b59;font-size:13px;line-height:1.27;font-weight:850;letter-spacing:-.012em
}
.demo-visual-v2 .demo-review-quote p{margin:0;color:#74848f;font-size:9px;line-height:1.38}
.demo-visual-v2 .demo-review-shot{
  position:relative;display:block;margin:0 10px 11px;overflow:hidden;border:1px solid #d9e5eb;border-radius:11px;
  background:#edf4f8;text-decoration:none
}
.demo-visual-v2 .demo-review-shot img{display:block;width:100%;height:auto}
.demo-visual-v2 .demo-review-shot span{
  position:absolute;right:8px;bottom:8px;padding:5px 7px;border-radius:8px;background:rgba(8,44,68,.86);
  color:#fff;font-size:8px;font-weight:800;backdrop-filter:blur(5px)
}
.demo-visual-v2 .demo-review-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  margin-top:11px;padding:12px 13px;border:1px solid #d8e6ed;border-radius:14px;background:#0f3450
}
.demo-visual-v2 .demo-review-bottom>div{max-width:720px}
.demo-visual-v2 .demo-review-bottom small{display:block;color:#ff8a58;font-size:8px;font-weight:900;letter-spacing:.08em}
.demo-visual-v2 .demo-review-bottom b{display:block;margin-top:3px;color:#fff;font-size:11px;line-height:1.35}
.demo-visual-v2 .demo-review-bottom .btn{flex:0 0 auto;white-space:nowrap;text-decoration:none}
.demo-visual-v2 .demo-review-disclosure{margin:7px 3px 0;color:#8a98a2;font-size:8px;line-height:1.4}

@media(max-width:650px){
  .demo-visual-v2 .demo-review-proof{padding:25px 10px 22px!important;overflow:hidden}
  .demo-visual-v2 .demo-review-head{padding:0 3px;margin-bottom:11px}
  .demo-visual-v2 .demo-review-head h2{font-size:22px;line-height:1.06}
  .demo-visual-v2 .demo-review-head>p:last-child{font-size:10px;line-height:1.43}
  .demo-visual-v2 .demo-review-summary{gap:5px;margin-bottom:9px}
  .demo-visual-v2 .demo-review-summary span{padding:8px 5px 8px 29px;border-radius:10px}
  .demo-visual-v2 .demo-review-summary i{left:5px;top:7px;width:19px;height:19px;border-radius:6px;font-size:7.5px}
  .demo-visual-v2 .demo-review-summary b{font-size:8.2px;line-height:1.24}
  .demo-visual-v2 .demo-review-summary small{font-size:7.1px;line-height:1.25}
  .demo-visual-v2 .demo-review-cases{
    display:flex;gap:9px;overflow-x:auto;padding:1px 7vw 8px 1px;scroll-snap-type:x mandatory;
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  .demo-visual-v2 .demo-review-cases::-webkit-scrollbar{display:none}
  .demo-visual-v2 .demo-review-case{
    flex:0 0 84vw;max-width:335px;scroll-snap-align:start;border-radius:14px
  }
  .demo-visual-v2 .demo-review-car figcaption{left:7px;right:7px;bottom:7px;padding:6px 7px}
  .demo-visual-v2 .demo-review-quote{padding:10px 10px 8px}
  .demo-visual-v2 .demo-review-quote blockquote{font-size:12.5px}
  .demo-visual-v2 .demo-review-quote p{font-size:8.7px}
  .demo-visual-v2 .demo-review-shot{margin:0 8px 9px;border-radius:10px}
  .demo-visual-v2 .demo-review-shot span{font-size:7.7px}
  .demo-visual-v2 .demo-review-bottom{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;margin-top:8px}
  .demo-visual-v2 .demo-review-bottom b{font-size:10px}
  .demo-visual-v2 .demo-review-bottom .btn{width:100%;justify-content:center;min-height:44px}
  .demo-visual-v2 .demo-review-disclosure{font-size:7.7px;margin-top:6px}
}



/* PROD MOBILE STICKY CTA — SINGLE OWNER.
   Mobile only. Dynamic prices come from live DOM populated by backend pricing.
   Redundant content CTAs are hidden on mobile while action-specific controls remain. */
.soioto-mobile-sticky{display:none}
@media(min-width:651px){
  .demo-conversion-v1{padding-bottom:0}
}
@media(max-width:650px){
  .demo-conversion-v1{padding-bottom:78px}
  .soioto-mobile-sticky{
    position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:140;
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;
    min-height:64px;padding:7px 8px 7px 11px;box-sizing:border-box;
    border:1px solid rgba(255,255,255,.12);border-radius:15px;
    background:rgba(6,36,58,.96);box-shadow:0 12px 34px rgba(0,0,0,.22);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    color:#fff;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;
    transition:transform .2s ease,opacity .18s ease
  }
  .soioto-mobile-sticky.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
  .soioto-mobile-sticky-copy{min-width:0}
  .soioto-mobile-sticky-copy small{
    display:block;margin:0;color:#bdd0dd;font-size:8px;font-weight:800;line-height:1.15;
    letter-spacing:.035em;white-space:nowrap
  }
  .soioto-mobile-sticky-copy b{
    display:block;margin-top:2px;color:#fff;font-size:15px;line-height:1.05;white-space:nowrap
  }
  .soioto-mobile-sticky-copy em{
    display:block;margin-top:2px;overflow:hidden;color:#a9bfce;font-size:7.8px;
    font-style:normal;font-weight:650;line-height:1.15;white-space:nowrap;text-overflow:ellipsis
  }
  .soioto-mobile-sticky button{
    min-height:46px;padding:0 13px;border:0;border-radius:11px;background:#ff6428;color:#fff;
    font:900 10.5px/1.1 inherit;letter-spacing:.015em;white-space:nowrap;cursor:pointer
  }

  /* The sticky owns the repeated mobile conversion prompt. Keep contextual/info copy, remove duplicate buttons. */
  .demo-four-proof-cta .btn,
  .demo-real-cases-cta .btn,
  .demo-tech-bottom .btn,
  .demo-customer-takeaway .btn,
  .demo-review-bottom .btn,
  .p6-close [data-p6-start]{display:none!important}

  /* Hero keeps one strong action. Secondary package jump becomes a quiet text link. */
  .hero-actions .btn-soft{
    min-height:auto!important;padding:5px 2px!important;border:0!important;background:transparent!important;
    box-shadow:none!important;color:#c9d8e2!important;font-size:10px!important;text-decoration:underline;
    text-underline-offset:3px
  }
}
@media(prefers-reduced-motion:reduce){
  .soioto-mobile-sticky{transition:none}
}



/* CV3 PROOF / REVIEW / REPORT V1 */
.demo-visual-v2 .early-proof-shot>span{align-items:flex-start;flex-wrap:wrap}
.demo-visual-v2 .early-proof-shot>span b{flex:1 1 auto}
.demo-visual-v2 .early-proof-shot>span small{
  flex:0 0 100%;display:block;margin-top:3px;color:rgba(255,255,255,.86);
  font-size:8px;line-height:1.32;font-weight:600
}
.demo-visual-v2 .demo-package-proof-chips{
  height:auto;min-height:78px;gap:6px;background:transparent;overflow:visible
}
.demo-visual-v2 .demo-package-proof-chips span{
  min-width:0;display:grid;place-items:center;align-content:center;gap:5px;padding:9px 5px;
  border:1px solid #dbe7ed;border-radius:10px;background:#f8fbfd;color:#153d5a;text-align:center
}
.demo-visual-v2 .demo-package-proof-chips i{font-size:17px;color:#f1662d}
.demo-visual-v2 .demo-package-proof-chips b{font-size:8.5px;line-height:1.2}
.demo-visual-v2 .demo-review-nav{display:none}
.demo-visual-v2 .cv3-report-deliverables{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px
}
.demo-visual-v2 .cv3-report-deliverables span{
  display:block;padding:10px;border:1px solid #dce7ee;border-radius:12px;background:#fff
}
.demo-visual-v2 .cv3-report-deliverables b{display:block;color:#163d59;font-size:9.2px;line-height:1.3}
.demo-visual-v2 .cv3-report-deliverables small{display:block;margin-top:4px;color:#6f8492;font-size:8px;line-height:1.4}
.demo-visual-v2 .report-modal-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px
}
.demo-visual-v2 .report-modal-toolbar>div{display:grid;gap:2px}
.demo-visual-v2 .report-modal-toolbar small{color:#f1662d;font-size:8px;font-weight:900;letter-spacing:.08em}
.demo-visual-v2 .report-modal-toolbar b{color:#133d59;font-size:13px}
.demo-visual-v2 .report-modal-toolbar .report-close{position:static;flex:0 0 auto}
.demo-visual-v2 .report-switch button[aria-pressed="true"]{border-color:#f1662d;background:#fff5ef;color:#c94716}
.demo-visual-v2 .report-close:focus-visible,
.demo-visual-v2 .report-switch button:focus-visible,
.demo-visual-v2 .report-thumb:focus-visible,
.demo-visual-v2 .demo-review-nav button:focus-visible{outline:3px solid rgba(241,102,45,.35);outline-offset:2px}

@media(max-width:650px){
  .demo-visual-v2 .early-proof-shot>span small{font-size:7.5px;line-height:1.25}
  .demo-visual-v2 .demo-package-proof-chips{min-height:70px!important;height:auto!important;grid-template-columns:repeat(3,1fr)!important}
  .demo-visual-v2 .demo-package-proof-chips span{padding:8px 4px}
  .demo-visual-v2 .demo-review-summary{display:none}
  .demo-visual-v2 .demo-review-nav{
    display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 8px
  }
  .demo-visual-v2 .demo-review-nav button{
    width:38px;height:38px;border:1px solid #d8e5ec;border-radius:50%;background:#fff;
    color:#123b59;font-size:22px;line-height:1;box-shadow:0 5px 16px rgba(8,49,76,.07)
  }
  .demo-visual-v2 .demo-review-nav span{
    flex:1;text-align:center;color:#607888;font-size:9px;font-weight:800;letter-spacing:.02em
  }
  .demo-visual-v2 .demo-review-cases{
    padding:1px 6vw 10px 0;scroll-padding-inline:0 6vw;overscroll-behavior-x:contain
  }
  .demo-visual-v2 .demo-review-case{flex-basis:88vw;max-width:355px}
  .demo-visual-v2 .cv3-report-deliverables{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
  .demo-visual-v2 .cv3-report-deliverables span{padding:9px 8px}
  .demo-visual-v2 .cv3-report-deliverables b{font-size:8.8px}
  .demo-visual-v2 .cv3-report-deliverables small{font-size:7.6px}
  .demo-visual-v2 .demo-report-visual-first .report-pages{
    grid-template-columns:1fr!important;gap:9px!important
  }
  .demo-visual-v2 .demo-report-visual-first .report-thumb-primary img{
    height:auto!important;max-height:none!important;object-fit:contain!important
  }
  .demo-visual-v2 .demo-report-visual-first .report-thumb-secondary img{
    height:230px!important;object-fit:contain!important;background:#fff
  }
  .demo-visual-v2 .p3-report-proof .report-thumb span{padding:9px!important}
  .demo-visual-v2 .p3-report-proof .report-thumb b{font-size:10px!important}
  .demo-visual-v2 .p3-report-proof .report-thumb small{font-size:8px!important}
  .demo-visual-v2 .report-modal{padding:8px}
  .demo-visual-v2 .report-modal-panel{width:100%;max-height:96svh;padding:10px;border-radius:14px}
  .demo-visual-v2 .report-modal-panel>img{max-height:78svh}
  .demo-visual-v2 .report-modal-toolbar b{font-size:11px}
  .demo-visual-v2 .report-switch{position:sticky;bottom:0;padding:10px 0 2px;background:#fff}
  .demo-visual-v2 .report-switch button{min-height:40px;padding:9px 14px}
}

@media(max-width:650px){
  .demo-visual-v2 .demo-review-shot img{
    height:230px!important;object-fit:cover!important;object-position:top!important
  }
}

/* CV4 V2 — page compression without changing CV3 review/report behavior. */
.demo-visual-v2 .demo-real-case-more,
.demo-visual-v2 .demo-customer-more{
  margin:10px 0 12px
}
.demo-visual-v2 .demo-real-case-more>summary,
.demo-visual-v2 .demo-customer-more>summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;
  padding:10px 12px;border:1px solid #dce7ed;border-radius:12px;background:#f7fafc;
  color:#183d59;cursor:pointer;list-style:none
}
.demo-visual-v2 .demo-real-case-more>summary::-webkit-details-marker,
.demo-visual-v2 .demo-customer-more>summary::-webkit-details-marker{display:none}
.demo-visual-v2 .demo-real-case-more>summary span,
.demo-visual-v2 .demo-customer-more>summary span{
  color:#f05a22;font-size:8px;font-weight:900;letter-spacing:.06em
}
.demo-visual-v2 .demo-real-case-more>summary b,
.demo-visual-v2 .demo-customer-more>summary b{
  font-size:10px;line-height:1.35;text-align:right
}
.demo-visual-v2 .demo-real-case-more[open]>summary,
.demo-visual-v2 .demo-customer-more[open]>summary{background:#eef5f8}
.demo-visual-v2 .demo-real-case-more .demo-real-case{margin-top:9px;margin-bottom:0}
.demo-visual-v2 .demo-customer-grid-more{margin-top:9px}

/* KTV/equipment: keep the three strongest visible proofs — engine inspection, OBD and paint meter. */
.demo-visual-v2 .demo-tech-people{grid-template-columns:1fr}
.demo-visual-v2 .demo-tech-person:nth-child(n+2){display:none}
.demo-visual-v2 .demo-tech-person-primary{
  display:grid;grid-template-columns:minmax(260px,42%) minmax(0,1fr);min-height:220px
}
.demo-visual-v2 .demo-tech-person-primary img{
  height:100%;min-height:220px;max-height:260px;aspect-ratio:auto;object-fit:cover
}
.demo-visual-v2 .demo-tech-person-primary>div{align-self:center;padding:16px 18px}
.demo-visual-v2 .demo-tech-equipment{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-visual-v2 .demo-tech-equip:nth-child(n+3){display:none}
.demo-visual-v2 .demo-tech-equipment-head{margin-top:12px}

/* Customer experience: three primary examples visible; secondary examples remain expandable. */
.demo-visual-v2 .demo-customer-grid-more .demo-customer-card{display:block}
.demo-visual-v2 .demo-customer-grid-more .demo-customer-card-wide{display:grid}

/* Reduce repeated desktop CTA density; keep the contextual copy and the primary conversion path elsewhere. */
@media(min-width:651px){
  .demo-visual-v2 .demo-tech-bottom .btn,
  .demo-visual-v2 .demo-customer-takeaway .btn,
  .demo-visual-v2 .demo-review-bottom .btn{display:none}
  .demo-visual-v2 .demo-tech-bottom,
  .demo-visual-v2 .demo-customer-takeaway,
  .demo-visual-v2 .demo-review-bottom{padding:9px 11px}
}

/* Tighten long proof sections without shrinking readable type. */
.demo-visual-v2 .demo-real-cases,
.demo-visual-v2 .demo-tech-proof,
.demo-visual-v2 .demo-customer-proof,
.demo-visual-v2 .demo-review-proof{padding-top:28px!important;padding-bottom:26px!important}
.demo-visual-v2 .demo-tech-head,
.demo-visual-v2 .demo-customer-head,
.demo-visual-v2 .demo-review-head{margin-bottom:10px}
.demo-visual-v2 .demo-tech-assurance,
.demo-visual-v2 .demo-customer-assurance,
.demo-visual-v2 .demo-review-summary{margin-bottom:9px}

@media(max-width:650px){
  .demo-visual-v2 .demo-real-case-more,
  .demo-visual-v2 .demo-customer-more{margin:7px 0 9px}
  .demo-visual-v2 .demo-real-case-more>summary,
  .demo-visual-v2 .demo-customer-more>summary{
    display:grid;grid-template-columns:1fr;gap:2px;min-height:44px;padding:8px 9px
  }
  .demo-visual-v2 .demo-real-case-more>summary b,
  .demo-visual-v2 .demo-customer-more>summary b{text-align:left;font-size:9px}
  .demo-visual-v2 .demo-tech-proof,
  .demo-visual-v2 .demo-customer-proof,
  .demo-visual-v2 .demo-review-proof{padding-top:19px!important;padding-bottom:18px!important}
  .demo-visual-v2 .demo-real-cases{padding-top:19px!important;padding-bottom:18px!important}
  .demo-visual-v2 .demo-tech-person-primary{
    grid-template-columns:44% 56%;min-height:138px
  }
  .demo-visual-v2 .demo-tech-person-primary img{
    min-height:138px;max-height:170px
  }
  .demo-visual-v2 .demo-tech-person-primary>div{padding:9px}
  .demo-visual-v2 .demo-tech-equipment{grid-template-columns:1fr 1fr}
  .demo-visual-v2 .demo-tech-equipment-head{margin-top:9px}
  .demo-visual-v2 .demo-customer-grid-more{grid-template-columns:1fr 1fr}
  .demo-visual-v2 .demo-customer-grid-more .demo-customer-card-wide{
    grid-column:1/-1;grid-template-columns:49% 51%
  }
}

/* SOIOTO MOBILE FLOW OPT V1
   Reduce repeated sales blocks while preserving existing conversion/report contracts. */

/* Location is an input task, not a package-sales surface. Keep pricing hooks alive but out of layout. */
.demo-visual-v2 .lead-card .price-anchor{display:none!important}

/* The full Packages section now appears earlier; remove the duplicate Standard banner between proof sections. */
.demo-visual-v2 .p3-early-primary{display:none!important}

/* Merge Early Proof + Four Proof into one visual chapter: keep three complementary moments, drop repeated heading/CTA. */
.demo-visual-v2 .early-visual-proof{padding-bottom:12px!important}
.demo-visual-v2 .demo-four-proof{padding-top:0!important;margin-top:-2px}
.demo-visual-v2 .demo-four-proof-head,
.demo-visual-v2 .demo-four-proof-cta,
.demo-visual-v2 .demo-four-proof-explain{display:none!important}
.demo-visual-v2 .demo-four-proof-grid{grid-template-columns:1.15fr .85fr .85fr;gap:9px;margin-top:0}

/* Message screenshots behave like controls opening the in-page lightbox. */
.demo-visual-v2 button.demo-review-shot{
  width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;
  font:inherit;text-align:inherit;cursor:zoom-in;appearance:none;-webkit-appearance:none
}
.demo-visual-v2 button.demo-review-shot:focus-visible{outline:3px solid rgba(241,102,45,.35);outline-offset:3px;border-radius:12px}
.demo-visual-v2 #report-large{touch-action:pan-y}

/* Report: one representative preview on-page; the existing lightbox owns page 1/page 2 detail. */
.demo-visual-v2 .p3-report-proof .report-thumb-secondary,
.demo-visual-v2 .p3-report-proof .tracker-shot{display:none!important}
.demo-visual-v2 .p3-report-proof .report-proof-grid,
.demo-visual-v2 .p3-report-proof .report-pages{grid-template-columns:1fr!important}
.demo-visual-v2 .p3-report-proof .report-thumb-primary img{
  width:100%;height:420px!important;max-height:420px!important;object-fit:cover!important;object-position:top!important
}
/* Avoid repeating the same report action immediately in the next section. */
.demo-visual-v2 .p6-compact-links .p6-secondary{display:none!important}

/* Compact policy cards without hiding policy substance. */
.demo-visual-v2 #policy .p5-policy-grid article{padding:11px!important;min-height:0!important}
.demo-visual-v2 #policy .p5-policy-grid article p{
  margin-top:3px!important;line-height:1.38!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}

/* Slightly tighten package cards now that they arrive earlier in the journey. */
.demo-visual-v2 #packages .package-card{padding-top:13px!important;padding-bottom:13px!important}
.demo-visual-v2 #packages .package-card ul{margin-top:8px!important;margin-bottom:9px!important}
.demo-visual-v2 #packages .package-card li{margin-top:3px!important}
.demo-visual-v2 #packages .p3-value-step{margin-top:8px!important;margin-bottom:8px!important}

@media(max-width:650px){
  /* Smaller sticky + explicit page reserve. It becomes extra-compact around Policy/FAQ. */
  .demo-conversion-v1{padding-bottom:68px}
  .soioto-mobile-sticky{
    min-height:56px;padding:6px 7px 6px 10px;gap:7px;border-radius:14px
  }
  .soioto-mobile-sticky-copy small{font-size:7.5px}
  .soioto-mobile-sticky-copy b{font-size:14px;margin-top:1px}
  .soioto-mobile-sticky-copy em{font-size:7.3px;margin-top:1px}
  .soioto-mobile-sticky button{min-height:40px;padding:0 11px;font-size:9.8px}
  .soioto-mobile-sticky.is-compact{min-height:48px;padding-top:5px;padding-bottom:5px}
  .soioto-mobile-sticky.is-compact .soioto-mobile-sticky-copy em{display:none}
  .soioto-mobile-sticky.is-compact .soioto-mobile-sticky-copy small{font-size:7px}
  .soioto-mobile-sticky.is-compact .soioto-mobile-sticky-copy b{font-size:13px}
  .soioto-mobile-sticky.is-compact button{min-height:36px}
  #policy,#faq{scroll-margin-bottom:62px}

  .demo-visual-v2 .early-visual-proof{padding-bottom:7px!important}
  .demo-visual-v2 .demo-four-proof{padding-top:0!important;padding-bottom:14px!important}
  .demo-visual-v2 .demo-four-proof-grid{grid-template-columns:1fr 1fr;gap:7px}
  .demo-visual-v2 .demo-four-proof-main{grid-column:1/-1}
  .demo-visual-v2 .demo-four-proof-card figcaption{padding:8px!important}
  .demo-visual-v2 .demo-four-proof-card small{font-size:7.4px!important;line-height:1.3!important}

  /* The deliverables already explain report contents; mobile only needs the visual preview. */
  .demo-visual-v2 .p3-report-card{display:none!important}
  .demo-visual-v2 .p3-report-showcase{padding-top:20px!important;padding-bottom:20px!important}
  .demo-visual-v2 .p3-report-heading{margin-bottom:9px!important}
  .demo-visual-v2 .p3-report-proof .report-thumb-primary img{
    height:290px!important;max-height:290px!important;object-fit:cover!important;object-position:top!important
  }
  .demo-visual-v2 .p3-report-proof-copy{margin-bottom:7px!important}
  .demo-visual-v2 .p3-report-proof .btn{margin-top:7px!important}

  .demo-visual-v2 #policy{padding-top:18px!important;padding-bottom:16px!important}
  .demo-visual-v2 #policy .p5-trust-head{margin-bottom:7px!important}
  .demo-visual-v2 #policy .p5-policy-grid{gap:5px!important}
  .demo-visual-v2 #policy .p5-policy-grid article{padding:8px 9px!important}
  .demo-visual-v2 #policy .p5-policy-grid article h3{font-size:10px!important;margin:0!important}
  .demo-visual-v2 #policy .p5-policy-grid article p{font-size:8.7px!important;line-height:1.32!important}
}

/* Modal mode safety: hidden report-page switch must stay hidden for message/inspection lightboxes. */
.demo-visual-v2 .report-switch[hidden]{display:none!important}

/* MOBILE FLOW OPT V1 — keep modal controls reachable above tall chat/report imagery. */
.demo-visual-v2 .report-modal-toolbar{
  position:sticky;top:-2px;z-index:5;background:#fff;
  padding:8px 0 10px;margin-top:-6px
}
.demo-visual-v2 .report-modal-panel{overscroll-behavior:contain}
@media(max-width:650px){
  .demo-visual-v2 .report-modal-toolbar{top:-10px;padding-top:10px}
}

/* MOBILE CONVERSION OPT V2 — P3: selective readable mobile typography.
   Decorative kickers/metadata stay compact; explanatory copy gets a readable floor. */
@media(max-width:650px){
  .demo-visual-v2 .demo-four-proof-card small,
  .customer-app .early-proof-shot small{
    font-size:12px!important;line-height:1.38!important
  }

  .demo-visual-v2 .demo-real-cases-head>p:last-child,
  .demo-visual-v2 .demo-tech-head>p:last-child,
  .demo-visual-v2 .demo-customer-head>p:last-child{
    font-size:12.5px!important;line-height:1.45!important
  }
  .demo-visual-v2 .demo-real-case-title small,
  .demo-visual-v2 .demo-real-case-flow figcaption small,
  .demo-visual-v2 .demo-real-case-result span,
  .demo-visual-v2 .demo-real-cases-cta small,
  .demo-visual-v2 .demo-real-cases-disclosure{
    font-size:12px!important;line-height:1.38!important
  }

  .demo-visual-v2 .demo-tech-assurance small,
  .demo-visual-v2 .demo-tech-person p,
  .demo-visual-v2 .demo-tech-equip figcaption small,
  .demo-visual-v2 .demo-tech-bottom small,
  .demo-visual-v2 .demo-tech-disclosure,
  .demo-visual-v2 .demo-customer-assurance small,
  .demo-visual-v2 .demo-customer-card figcaption small,
  .demo-visual-v2 .demo-customer-takeaway-copy>p,
  .demo-visual-v2 .demo-customer-disclosure{
    font-size:12px!important;line-height:1.38!important
  }

  .demo-visual-v2 .demo-review-shot span,
  .demo-visual-v2 .demo-review-disclosure{
    font-size:12px!important;line-height:1.38!important
  }

  .demo-visual-v2 .cv3-report-deliverables b{
    font-size:12.5px!important;line-height:1.32!important
  }
  .demo-visual-v2 .cv3-report-deliverables small{
    font-size:12px!important;line-height:1.38!important
  }

  .customer-app #packages .p3-level-card .package-fit{
    font-size:12.5px!important;line-height:1.38!important
  }
  .customer-app #packages .p3-level-card li{
    font-size:12px!important;line-height:1.34!important
  }
  .customer-app #packages .p3-level-card[data-package-card="Standard"] li{
    font-size:12.5px!important
  }
  .customer-app #packages .p3-level-card[data-package-card="Specialist"] .p3-value-step span,
  .customer-app #packages .p3-level-card[data-package-card="Specialist"] .p3-value-step b{
    font-size:12px!important;line-height:1.35!important
  }
  .customer-app #packages .p3-shared-core b,
  .customer-app #packages .p3-shared-core span,
  .customer-app #packages .p3-all-included,
  .customer-app #packages .p3-all-included b,
  .customer-app #packages .p3-note{
    font-size:12px!important;line-height:1.4!important
  }

  .customer-app #policy .p5-policy-grid p,
  .customer-app #faq .p5-faq-side>p:not(.eyebrow),
  .customer-app #faq .p5-faq-list p{
    font-size:12px!important;line-height:1.42!important
  }
  .customer-app #faq .p5-faq-list summary{
    font-size:12.5px!important;line-height:1.35!important
  }

  .customer-app .p6-compact-copy>p:not(.eyebrow),
  .customer-app .p6-compact-links>span{
    font-size:12px!important;line-height:1.42!important
  }
}

/* MOBILE CONVERSION OPT V2 — final P3 specificity guards. */
@media(max-width:650px){
  .demo-visual-v2 #policy .p5-policy-grid article p{
    font-size:12px!important;
    line-height:1.42!important;
  }
  .demo-visual-v2 #packages .p3-level-price .p3-price-help{
    font-size:12px!important;
    line-height:1.35!important;
    color:#607488!important;
  }
}

/* MOBILE CONVERSION OPT V2 RECONCILE — final meaningful-copy floor. */
@media(max-width:650px){
  .demo-visual-v2 #schedule-preview.part2-experience.needs-area .part2-area-gate>div>span{
    font-size:12px!important;
    line-height:1.4!important;
  }
  .demo-visual-v2 #packages [data-package-card="Standard"] .p3-value-step-support span,
  .demo-visual-v2 #packages [data-package-card="Standard"] .p3-value-step-support b{
    font-size:12px!important;
    line-height:1.35!important;
  }
}

/* MOBILE CONTENT POLISH V3 — compact hierarchy, less repetition, no sticky behavior changes. */
@media(max-width:650px){
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-stage h1{
    font-size:31px!important;line-height:1.02!important;max-width:330px!important;margin-bottom:6px!important
  }
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-stage .hero-lead{
    max-width:320px!important;font-size:12.5px!important;line-height:1.38!important
  }
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-secondary-cta{display:none!important}
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-trust-card small{display:none!important}
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-trust .hero-trust-card{min-height:58px!important}
  .demo-visual-v2 .demo-real-cases-head h2,
  .demo-visual-v2 #packages .p3-landing-head h2,
  .demo-visual-v2 .demo-tech-head h2,
  .demo-visual-v2 .demo-customer-head h2,
  .demo-visual-v2 .demo-review-head h2,
  .demo-visual-v2 .p3-report-heading h2,
  .demo-visual-v2 #why-soioto .p6-compact-copy h2,
  .demo-visual-v2 #policy .p5-trust-head h2,
  .demo-visual-v2 #faq .p5-faq-side h2{
    font-size:21px!important;line-height:1.12!important;letter-spacing:-.025em!important
  }
  .demo-visual-v2 #why-soioto .p6-close h3{font-size:19px!important;line-height:1.15!important}
  .demo-visual-v2 .demo-tech-assurance,
  .demo-visual-v2 .demo-customer-assurance{
    grid-template-columns:1fr 1fr!important;gap:6px!important
  }
  .demo-visual-v2 .demo-tech-assurance span:last-child,
  .demo-visual-v2 .demo-customer-assurance span:last-child{grid-column:1/-1}
  .demo-visual-v2 .demo-tech-assurance b,
  .demo-visual-v2 .demo-customer-assurance b{font-size:10.5px!important}
  .demo-visual-v2 .demo-tech-assurance small,
  .demo-visual-v2 .demo-customer-assurance small{font-size:10.5px!important;line-height:1.32!important}
  .demo-visual-v2 .demo-tech-equipment{grid-template-columns:1fr 1fr!important;align-items:stretch}
  .demo-visual-v2 .demo-tech-equip{display:grid;grid-template-rows:auto 1fr}
  .demo-visual-v2 .demo-tech-equip-main{
    grid-column:auto!important;display:grid!important;grid-template-columns:1fr!important;min-height:0!important
  }
  .demo-visual-v2 .demo-tech-equip img,
  .demo-visual-v2 .demo-tech-equip-main img{
    height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important;object-fit:cover!important
  }
  .demo-visual-v2 #packages .p3-price-help{display:none!important}
  .demo-visual-v2 #packages .p3-note{font-size:11.5px!important;line-height:1.38!important}
  .demo-visual-v2 #policy .p5-policy-grid article p{
    display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;
    font-size:11.5px!important;line-height:1.4!important
  }
  .demo-visual-v2 .demo-four-proof-card figcaption small,
  .demo-visual-v2 .early-proof-shot>span small{display:none!important}
  .demo-visual-v2 .demo-four-proof-card figcaption{padding:7px!important}
  .demo-visual-v2 .demo-review-shot span{font-size:10.5px!important;line-height:1.25!important}
  .demo-visual-v2 .demo-real-cases-head>p:last-child,
  .demo-visual-v2 .demo-tech-head>p:last-child,
  .demo-visual-v2 .demo-customer-head>p:last-child{
    font-size:12px!important;line-height:1.42!important
  }
}

/* CONVERSION BOOST V4 — selected scope only: typography #1-5 + UI #3-7. */
@media(max-width:650px){
  /* Typography #1: make the primary hero action read like the main action. */
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-stage .hero-actions .btn.btn-brand.btn-xl{
    font-size:15px!important;font-weight:900!important;letter-spacing:-.01em!important
  }

  /* Typography #2: supporting promise should not read like a caption. */
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-stage .hero-lead{
    font-size:14px!important;line-height:1.38!important;color:rgba(255,255,255,.98)!important;font-weight:600!important
  }

  /* Typography #3: three core benefits need scan-level readability. */
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-trust-card b{
    font-size:11.5px!important;line-height:1.2!important;color:#0d2540!important;font-weight:800!important
  }

  /* Typography #4: price qualifiers are conversion copy, not legal fine print. */
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-price-chip>small,
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-price-chip .hero-basic-price,
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-price-chip .hero-basic-price b,
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-price-chip #hero-chip-note,
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-price-chip .hero-price-flex{
    font-size:11px!important;line-height:1.32!important;color:#526b80!important
  }
  .customer-app.customer-ads-v6.customer-ads-v7.demo-visual-v2 .hero-price-chip .hero-basic-price b{
    color:#173f66!important;font-weight:850!important
  }

  /* Typography #5: stronger package-price comparison; Standard remains the focal tier. */
  .customer-app #packages .p3-level-price strong{
    font-size:20px!important;line-height:1.05!important;color:#d94b13!important;font-weight:900!important;letter-spacing:-.025em!important
  }
  .customer-app #packages [data-package-card="Standard"] .p3-level-price strong{
    font-size:22px!important
  }

  /* UI #3: preserve package intent when a package click sends the user back to lead capture. */
  .customer-app .lead-package-selection{
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 8px;align-items:center;
    margin:8px 0 3px;padding:8px 10px;border:1px solid #ffd2bd;border-radius:11px;background:#fff7f2
  }
  .customer-app .lead-package-selection[hidden]{display:none!important}
  .customer-app .lead-package-selection span{
    color:#ba4b1e;font-size:8px;font-weight:900;letter-spacing:.07em
  }
  .customer-app .lead-package-selection b{
    color:#173a5c;font-size:12px;line-height:1.2
  }
  .customer-app .lead-package-selection small{
    color:#d94b13;font-size:11.5px;font-weight:900;white-space:nowrap
  }
  .customer-app .lead-package-selection + .price-anchor{margin-top:7px!important}
  .customer-app #lead-form .hero-form-cta span{line-height:1.15}

  /* UI #6: flatten non-interactive nested cards so CTAs remain the strongest rectangles. */
  .customer-app #packages .p3-deliverables-mini-grid span{
    min-height:0!important;padding:5px 2px!important;border:0!important;border-radius:0!important;background:transparent!important
  }
  .customer-app #packages .p3-shared-core{
    padding:7px 1px!important;border:0!important;border-radius:0!important;background:transparent!important
  }
  .demo-visual-v2 .demo-tech-assurance span,
  .demo-visual-v2 .demo-customer-assurance span{
    padding:6px 4px!important;border:0!important;border-radius:0!important;background:transparent!important
  }

  /* UI #7: Standard stays fully explained; secondary tiers become scan-first on mobile. */
  .customer-app #packages [data-package-card="Quick"],
  .customer-app #packages [data-package-card="Specialist"]{
    padding-top:11px!important;padding-bottom:11px!important
  }
  .customer-app #packages [data-package-card="Quick"] ul,
  .customer-app #packages [data-package-card="Specialist"] ul,
  .customer-app #packages [data-package-card="Specialist"] .p3-value-step{
    display:none!important
  }
  .customer-app #packages [data-package-card="Quick"] .package-fit,
  .customer-app #packages [data-package-card="Specialist"] .package-fit{
    margin:5px 0 7px!important;font-size:11.5px!important;line-height:1.32!important
  }
  .customer-app #packages [data-package-card="Quick"] [data-p3-landing-package],
  .customer-app #packages [data-package-card="Specialist"] [data-p3-landing-package]{
    min-height:42px!important;margin-top:3px!important;font-size:13.5px!important
  }
  .customer-app #packages [data-package-card="Standard"] [data-p3-landing-package]{
    font-size:14px!important;font-weight:900!important
  }
}

/* CONVERSION BOOST V4.1 — keep “Từ 1.990.000đ” visually separated at heavy display weights. */
@media(max-width:650px){
  .customer-app .hero-price-chip #hero-chip-price,
  .customer-app #packages .p3-level-price strong{word-spacing:3px!important}
}

/* MOBILE DEFECT FIX V5 — agreed post-deploy fixes only. */
@media(max-width:650px){
  /* 1 + 4: keep the larger package prices, but give the price rail enough width. */
  .customer-app #packages .p3-level-head{
    grid-template-columns:minmax(0,1fr) 152px!important;
    gap:6px!important;
    align-items:center!important;
  }
  .customer-app #packages .p3-level-price{
    width:152px!important;
    max-width:152px!important;
    min-width:0!important;
    justify-self:end!important;
    overflow:visible!important;
  }
  .customer-app #packages .p3-level-price span,
  .customer-app #packages .p3-level-price strong,
  .customer-app #packages .p3-level-price small{
    max-width:100%!important;
    text-align:right!important;
  }
  .customer-app #packages .p3-level-price strong{
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  /* 2: restore the fourth existing proof card so the 2-column row is complete. */
  .demo-visual-v2 .demo-four-proof-explain{display:block!important}

  /* 3: preserve sticky behavior; only reserve enough bottom/safe-area space. */
  .demo-conversion-v1{
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important
  }

  /* 5: keep the pre-area schedule state, but make it a compact locked state. */
  .customer-app.customer-ads-v6 #schedule-preview.part2-experience.needs-area{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .customer-app.customer-ads-v6 #schedule-preview.part2-experience.needs-area .part2-area-gate{
    padding:6px 9px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:7px!important;
    border-radius:11px!important;
  }
  .customer-app.customer-ads-v6 #schedule-preview.part2-experience.needs-area .part2-gate-icon{
    width:26px!important;height:26px!important;border-radius:8px!important
  }
  .customer-app.customer-ads-v6 #schedule-preview.part2-experience.needs-area .part2-area-gate b{
    font-size:12.5px!important;line-height:1.25!important
  }
  .customer-app.customer-ads-v6 #schedule-preview.part2-experience.needs-area .part2-area-gate>div>span{
    display:none!important
  }

  /* 6 + 7: mobile tap targets meet a 44px floor without visually enlarging icons/text. */
  .customer-app.customer-ads-v6.customer-ads-v7 .mobile-menu-toggle{
    width:44px!important;height:44px!important;padding:11px!important
  }
  .demo-visual-v2 .demo-review-nav button{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important
  }
  .customer-app #packages .p3-policy-microcopy a{
    display:inline-flex!important;align-items:center!important;min-height:44px!important;
    padding:0 7px!important;margin:-4px -7px!important
  }
}