* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Inter', sans-serif;
      background: #06070A;
      color: #F5F7FA;
      line-height: 1.6;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    .container {
      width: 92%;
      max-width: 1220px;
      margin: auto;
    }

    section {
      padding: 110px 0;
      border-bottom: 1px solid rgba(255,255,255,0.05);
    }

    .hero {
      min-height: 100svh;
      display: flex;
      align-items: stretch;
      padding: 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 10% 18%, rgba(33, 111, 255, 0.16), transparent 30%),
        radial-gradient(circle at 86% 16%, rgba(33, 196, 153, 0.10), transparent 34%),
        linear-gradient(118deg, #04060A 0%, #07101A 48%, #05070B 100%);
    }

    .hero .container {
      width: min(97vw, 1760px);
      max-width: none;
      margin: 0 auto;
    }

    .hero-layout {
      min-height: 100svh;
      display: grid;
      grid-template-columns: minmax(420px, 1fr) minmax(760px, 1fr);
      align-items: stretch;
      gap: clamp(18px, 1.7vw, 28px);
    }

    .hero-content {
      max-width: 604px;
      padding: clamp(34px, 5.2vh, 62px) 0 clamp(28px, 4.6vh, 48px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-self: center;
      position: relative;
      z-index: 2;
    }

    .hero-mockup {
      position: relative;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      min-height: 100svh;
      padding: clamp(18px, 3.4vh, 34px) 0;
    }

    .hero-mockup::before {
      content: '';
      position: absolute;
      right: 4%;
      top: 10%;
      width: min(58vw, 1080px);
      height: min(76vh, 860px);
      border-radius: 44px;
      background: radial-gradient(circle, rgba(76,132,255,0.18) 0%, rgba(76,132,255,0.09) 38%, transparent 74%);
      filter: blur(34px);
      pointer-events: none;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      padding: 10px 15px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.08);
      background: #0D1117;
      color: #9FB0C5;
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 14px;
      letter-spacing: 0.48px;
      text-transform: uppercase;
    }

    .hero-kicker {
      font-size: clamp(0.92rem, 0.96vw, 1.02rem);
      font-weight: 700;
      color: #DCE8F5;
      letter-spacing: -0.01em;
      margin-bottom: 12px;
      max-width: 38ch;
    }

    h1 {
      font-size: clamp(2.56rem, 3.86vw, 4.24rem);
      line-height: 0.93;
      font-weight: 800;
      letter-spacing: -2.2px;
      margin-bottom: 14px;
      max-width: 14.1ch;
      position: relative;
      top: 0;
    }

    .hero p {
      font-size: clamp(0.98rem, 1.02vw, 1.06rem);
      color: #A7B2BE;
      max-width: 48ch;
      margin-bottom: 20px;
    }

    .hero-buttons {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
      margin: 6px 0 14px;
    }

    .hero-audience {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
      width: 100%;
    }

    .hero-audience span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 32px;
      padding: 0 12px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.03);
      color: #DCE6F1;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.02em;
      white-space: nowrap;
    }

    .btn {
      min-height: 48px;
      padding: 14px 20px;
      border-radius: 14px;
      font-size: 14px;
      font-weight: 600;
      transition: 0.25s ease;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: none;
      cursor: pointer;
    }

    .btn-primary {
      background: #FFFFFF;
      color: #06070A;
    }

    .btn-primary:hover {
      opacity: 0.92;
    }

    .btn-secondary {
      background: #10151D;
      color: #D8E0EA;
      border: 1px solid rgba(255,255,255,0.08);
    }

    .btn-secondary:hover {
      background: #151B24;
    }

    .hero-analyzer-shell {
      width: min(100%, 1080px);
      margin-left: auto;
      transform: translateY(0);
    }

    .section-title {
      font-size: 3rem;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -2px;
      margin-bottom: 18px;
    }

    .section-subtitle {
      font-size: 1.1rem;
      color: #9BA6B2;
      max-width: 760px;
      margin-bottom: 60px;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 22px;
    }

    .grid-4{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:24px;
      margin-top:40px;
    }

.card{
      background: linear-gradient(180deg, rgba(15,20,28,1) 0%, rgba(10,14,20,1) 100%);
      border: 1px solid rgba(255,255,255,0.08);
      box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset, 0 10px 30px rgba(0,0,0,0.35);
      border-radius: 22px;
      padding: 34px;
      transition: 0.25s ease;
    }

    .card:hover {
      border-color: rgba(255,255,255,0.14);
      transform: translateY(-4px);
    }

    .card h3 {
      font-size: 1.35rem;
      margin-bottom: 16px;
      letter-spacing: -0.5px;
    }

    .card p,
    .card li {
      color: #9BA6B2;
      font-size: 0.98rem;
    }

    .card ul {
      margin-top: 16px;
      padding-left: 18px;
    }

    .metrics {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin-top: 55px;
    }

    .metric-box {
      background: #0D1117;
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 22px;
      padding: 34px;
    }

    .metric-box h2 {
      font-size: 3rem;
      margin-bottom: 10px;
      letter-spacing: -2px;
    }

    .metric-box p {
      color: #9BA6B2;
    }

    .cta {
      text-align: center;
    }

    @media(max-width:1380px){
      .hero-layout {
        grid-template-columns: minmax(380px, 1fr) minmax(620px, 1fr);
      }
    }

    @media(max-width:1180px){
      .hero {
        min-height: auto;
        padding: 12px 0 24px;
      }

      .hero .container {
        width: 94%;
      }

      .hero-layout {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .hero-content {
        max-width: none;
        padding: 8px 0 0;
        align-self: auto;
      }

      h1 {
        max-width: 12ch;
      }

      .hero p {
        max-width: 58ch;
      }

      .hero-buttons,
      .hero-audience {
        justify-content: flex-start;
      }

      .hero-mockup {
        min-height: auto;
        justify-content: center;
        padding: 4px 0 14px;
      }

      .hero-mockup::before {
        right: auto;
        top: 8%;
        width: min(92vw, 980px);
        height: min(72vw, 640px);
      }

      .hero-analyzer-shell {
        width: 100%;
      }
    }

    @media(max-width:768px){
      .hero {
        padding: 12px 0 24px;
        align-items: flex-start;
      }

      .hero-layout {
        min-height: auto;
        gap: 24px;
      }

      .hero-content {
        padding: 4px 0 8px;
      }

      h1 {
        font-size: clamp(2.2rem, 8.7vw, 3.24rem);
        max-width: none;
        letter-spacing: -1.5px;
        margin-bottom: 12px;
      }

      .hero p {
        font-size: 0.98rem;
        max-width: none;
        margin-bottom: 18px;
      }

      .hero-mockup {
        padding-top: 12px;
      }

      .hero-buttons {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
      }

      .hero-buttons .btn {
        width: 100%;
      }

      .hero-audience {
        gap: 8px;
      }

      .hero-audience span {
        height: 34px;
        font-size: 11px;
        padding: 0 12px;
      }
    }

    @media(max-width:480px){
      .container {
        width: 94%;
      }

      .badge {
        font-size: 11px;
        padding: 9px 12px;
        margin-bottom: 14px;
      }

      .hero-kicker {
        margin-bottom: 10px;
      }
    }

    .section-title {
      font-size: 3rem;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -2px;
      margin-bottom: 18px;
    }

    .section-subtitle {
      font-size: 1.1rem;
      color: #9BA6B2;
      max-width: 760px;
      margin-bottom: 60px;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 22px;
    }

    .grid-4{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:24px;
      margin-top:40px;
    }

.card{
      background: linear-gradient(180deg, rgba(15,20,28,1) 0%, rgba(10,14,20,1) 100%);
      border: 1px solid rgba(255,255,255,0.08);
      box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset, 0 10px 30px rgba(0,0,0,0.35);
      border-radius: 22px;
      padding: 34px;
      transition: 0.25s ease;
    }

    .card:hover {
      border-color: rgba(255,255,255,0.14);
      transform: translateY(-4px);
    }

    .card h3 {
      font-size: 1.35rem;
      margin-bottom: 16px;
      letter-spacing: -0.5px;
    }

    .card p,
    .card li {
      color: #9BA6B2;
      font-size: 0.98rem;
    }

    .card ul {
      margin-top: 16px;
      padding-left: 18px;
    }

    .metrics {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin-top: 55px;
    }

    .metric-box {
      background: #0D1117;
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 22px;
      padding: 34px;
    }

    .metric-box h2 {
      font-size: 3rem;
      margin-bottom: 10px;
      letter-spacing: -2px;
    }

    .metric-box p {
      color: #9BA6B2;
    }

    .cta {
      text-align: center;
    }

    @media(max-width:1380px){
      .hero-layout {
        grid-template-columns: minmax(360px, 36%) minmax(620px, 64%);
      }
    }

    @media(max-width:1180px){
      .hero {
        min-height: auto;
        padding: 12px 0 24px;
      }

      .hero .container {
        width: 94%;
      }

      .hero-layout {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .hero-content {
        max-width: none;
        padding: 8px 0 0;
        align-self: auto;
      }

      h1 {
        max-width: 12ch;
      }

      .hero p {
        max-width: 58ch;
      }

      .hero-buttons,
      .hero-audience {
        justify-content: flex-start;
      }

      .hero-mockup {
        min-height: auto;
        justify-content: center;
        padding: 2px 0 14px;
      }

      .hero-mockup::before {
        right: auto;
        top: 8%;
        width: min(92vw, 980px);
        height: min(72vw, 640px);
      }

      .hero-analyzer-shell {
        width: 100%;
        transform: none;
      }
    }

    @media(max-width:768px){
      .hero {
        padding: 12px 0 24px;
        align-items: flex-start;
      }

      .hero-layout {
        min-height: auto;
        gap: 24px;
      }

      .hero-content {
        padding: 4px 0 8px;
      }

      h1 {
        font-size: clamp(2.2rem, 8.7vw, 3.24rem);
        max-width: none;
        letter-spacing: -1.5px;
        margin-bottom: 12px;
      }

      .hero p {
        font-size: 0.98rem;
        max-width: none;
        margin-bottom: 18px;
      }

      .hero-mockup {
        padding-top: 12px;
      }

      .hero-buttons {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
      }

      .hero-buttons .btn {
        width: 100%;
      }

      .hero-audience {
        gap: 8px;
      }

      .hero-audience span {
        height: 34px;
        font-size: 11px;
        padding: 0 12px;
      }
    }

    @media(max-width:480px){
      .container {
        width: 94%;
      }

      .badge {
        font-size: 11px;
        padding: 9px 12px;
        margin-bottom: 14px;
      }

      .hero-kicker {
        margin-bottom: 10px;
      }
    }

    .section-title {
      font-size: 3rem;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -2px;
      margin-bottom: 18px;
    }

    .section-subtitle {
      font-size: 1.1rem;
      color: #9BA6B2;
      max-width: 760px;
      margin-bottom: 60px;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 22px;
    }

    .grid-4{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:24px;
      margin-top:40px;
    }

.card{
      background: linear-gradient(180deg, rgba(15,20,28,1) 0%, rgba(10,14,20,1) 100%);
      border: 1px solid rgba(255,255,255,0.08);
      box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset, 0 10px 30px rgba(0,0,0,0.35);
      border-radius: 22px;
      padding: 34px;
      transition: 0.25s ease;
    }

    .card:hover {
      border-color: rgba(255,255,255,0.14);
      transform: translateY(-4px);
    }

    .card h3 {
      font-size: 1.35rem;
      margin-bottom: 16px;
      letter-spacing: -0.5px;
    }

    .card p,
    .card li {
      color: #9BA6B2;
      font-size: 0.98rem;
    }

    .card ul {
      margin-top: 16px;
      padding-left: 18px;
    }

    .metrics {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin-top: 55px;
    }

    .metric-box {
      background: #0D1117;
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 22px;
      padding: 34px;
    }

    .metric-box h2 {
      font-size: 3rem;
      margin-bottom: 10px;
      letter-spacing: -2px;
    }

    .metric-box p {
      color: #9BA6B2;
    }

    .cta {
      text-align: center;
    }

    @media(max-width:1380px){
      .hero-layout {
        grid-template-columns: minmax(340px, 29%) minmax(640px, 71%);
      }

      .hero-content {
        max-width: 560px;
      }

      h1 {
        max-width: 13.2ch;
      }
    }

    @media(max-width:1180px){
      .hero {
        min-height: auto;
      }

      .hero .container {
        width: 94%;
      }

      .hero-layout {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .hero-content {
        max-width: none;
        padding: 18px 0 10px;
        align-self: auto;
      }

      h1 {
        max-width: 13.6ch;
      }

      .hero p {
        max-width: 58ch;
      }

      .hero-mockup {
        min-height: auto;
        justify-content: center;
        padding: 14px 0 18px;
      }

      .hero-mockup::before {
        right: auto;
        top: 8%;
        width: min(92vw, 980px);
        height: min(72vw, 640px);
      }

      .hero-analyzer-shell {
        width: 100%;
        transform: none;
      }
    }

    @media(max-width:768px){
      .hero {
        padding: 12px 0 24px;
        align-items: flex-start;
      }

      .hero-layout {
        min-height: auto;
        gap: 24px;
      }

      .hero-content {
        padding: 4px 0 8px;
      }

      h1 {
        font-size: clamp(2.2rem, 8.7vw, 3.24rem);
        max-width: none;
        letter-spacing: -1.5px;
        margin-bottom: 12px;
      }

      .hero p {
        font-size: 0.98rem;
        max-width: none;
        margin-bottom: 18px;
      }

      .hero-mockup {
        padding-top: 12px;
      }

      .hero-buttons {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
      }

      .hero-buttons .btn {
        width: 100%;
      }

      .hero-audience {
        gap: 8px;
      }

      .hero-audience span {
        height: 34px;
        font-size: 11px;
        padding: 0 12px;
      }
    }

    @media(max-width:480px){
      .container {
        width: 94%;
      }

      .badge {
        font-size: 11px;
        padding: 9px 12px;
        margin-bottom: 14px;
      }

      .hero-kicker {
        margin-bottom: 10px;
      }
    }

    .section-title {
      font-size: 3rem;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -2px;
      margin-bottom: 18px;
    }

    .section-subtitle {
      font-size: 1.1rem;
      color: #9BA6B2;
      max-width: 760px;
      margin-bottom: 60px;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 22px;
    }

    .grid-4{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:24px;
      margin-top:40px;
    }

.card{
      background: linear-gradient(180deg, rgba(15,20,28,1) 0%, rgba(10,14,20,1) 100%);
      border: 1px solid rgba(255,255,255,0.08);
      box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset, 0 10px 30px rgba(0,0,0,0.35);
      border-radius: 22px;
      padding: 34px;
      transition: 0.25s ease;
    }

    .card:hover {
      border-color: rgba(255,255,255,0.14);
      transform: translateY(-4px);
    }

    .card h3 {
      font-size: 1.35rem;
      margin-bottom: 16px;
      letter-spacing: -0.5px;
    }

    .card p,
    .card li {
      color: #9BA6B2;
      font-size: 0.98rem;
    }

    .card ul {
      margin-top: 16px;
      padding-left: 18px;
    }

    .metrics {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin-top: 55px;
    }

    .metric-box {
      background: #0D1117;
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 22px;
      padding: 34px;
    }

    .metric-box h2 {
      font-size: 3rem;
      margin-bottom: 10px;
      letter-spacing: -2px;
    }

    .metric-box p {
      color: #9BA6B2;
    }

    .cta {
      text-align: center;
    }

    .cta h2 {
      font-size: 3.2rem;
      line-height: 1;
      margin-bottom: 20px;
      letter-spacing: -2px;
    }

    .cta p {
      max-width: 760px;
      margin: auto;
      margin-bottom: 40px;
      color: #9BA6B2;
    }

    form {
      max-width: 760px;
      margin: auto;
      display: grid;
      gap: 16px;
      margin-top: 42px;
    }

.contact-form {
  max-width: 760px;
  margin: auto;
  display: grid;
  gap: 16px;
  margin-top: 42px;
  background: #0D1117;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 28px;
  padding: 42px;
  backdrop-filter: blur(10px);
}

.contact-honey {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.field-invalid {
  border-color: #ff4d4f !important;
  box-shadow: 0 0 0 1px rgba(255,77,79,0.18);
}

.form-status {
  min-height: 22px;
  margin: -2px 0 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: #A7B2BE;
}

.form-status.is-loading {
  color: #DCE8F5;
}

.form-status.is-success {
  color: #9EF0B8;
}

.form-status.is-error {
  color: #FF9EA0;
}

.contact-form button[disabled] {
  opacity: 0.72;
  cursor: wait;
}

    input,
    select,
    textarea {
      width: 100%;
      padding: 18px;
      background: #0D1117;
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 14px;
      color: white;
      font-size: 15px;
      outline: none;
    }

    textarea {
      min-height: 150px;
      resize: vertical;
    }

    input:focus,
    select:focus,
    textarea:focus {
      border-color: rgba(255,255,255,0.2);
    }

    .seo-block {
      margin-top: 70px;
      padding: 34px;
      border-radius: 22px;
      background: #0D1117;
      border: 1px solid rgba(255,255,255,0.06);
    }

    .seo-block h3 {
      margin-bottom: 18px;
      font-size: 1.3rem;
    }

    .seo-block p {
      color: #9BA6B2;
      margin-bottom: 12px;
    }

    footer {
      padding: 50px 0;
      text-align: center;
      color: #7F8A96;
      font-size: 0.92rem;
    }

    @media(max-width:1200px){
      .grid-4{
        grid-template-columns:repeat(2,1fr);
      }
    }

    @media(max-width:768px){
      .grid-4{
        grid-template-columns:1fr;
      }
    }

    @media(max-width: 768px) {
      h1 {
        font-size: 3.4rem;
      }

      .section-title,
      .cta h2 {
        font-size: 2.2rem;
      }

      section {
        padding: 80px 0;
      }
    }

/* V11 HERO SPACING / GUTTER / BADGE ALIGNMENT OVERRIDES */
:root {
  --hero-inline-space: clamp(42px, 4vw, 72px);
  --hero-top-edge: clamp(24px, 3vh, 34px);
}

.hero .container {
  width: calc(100vw - (var(--hero-inline-space) * 2));
  max-width: none;
}

.hero-layout {
  position: relative;
  grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
  gap: var(--hero-inline-space);
}

.hero-badge-corner {
  position: absolute;
  top: var(--hero-top-edge);
  left: 0;
  z-index: 6;
}

.hero-badge-corner .badge {
  margin: 0;
  min-height: 52px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
}

.hero-content {
  max-width: none;
  padding: clamp(110px, 14vh, 148px) 0 clamp(28px, 4.6vh, 48px);
}

.hero-mockup {
  padding: clamp(54px, 8vh, 92px) 0 clamp(40px, 7vh, 72px);
}

.hero-mockup::before {
  right: 0;
  top: 14%;
  width: min(50vw, 940px);
  height: min(72vh, 760px);
}

.hero-analyzer-shell {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1180px) {
  :root {
    --hero-inline-space: clamp(22px, 4.8vw, 32px);
    --hero-top-edge: clamp(18px, 3.2vw, 24px);
  }

  .hero .container {
    width: calc(100vw - (var(--hero-inline-space) * 2));
  }

  .hero-layout {
    gap: 26px;
  }

  .hero-content {
    padding-top: calc(var(--hero-top-edge) + 74px);
  }
}

@media (max-width: 768px) {
  .hero-badge-corner {
    position: static;
    margin-bottom: 12px;
  }

  .hero-content {
    padding-top: 0;
  }
}

/* V12 HERO TYPO / CTA / BADGE CLEANUP */
.hero-layout {
  grid-template-areas: "content mockup" "cta cta";
  row-gap: clamp(18px, 2.4vh, 28px);
}

.hero-content {
  grid-area: content;
  padding-top: clamp(122px, 15.5vh, 162px);
}

.hero-mockup {
  grid-area: mockup;
}

.hero-kicker {
  font-size: clamp(1.08rem, 1.18vw, 1.22rem);
  line-height: 1.45;
  margin-bottom: 18px;
  max-width: 40ch;
}

h1 {
  font-size: clamp(3.45rem, 5.2vw, 5.9rem);
  line-height: 0.91;
  margin-bottom: 22px;
  max-width: 11.2ch;
}

.hero p {
  font-size: clamp(1.08rem, 1.14vw, 1.18rem);
  line-height: 1.62;
  max-width: 50ch;
  margin-bottom: 0;
}

.hero-buttons {
  grid-area: cta;
  grid-column: 1 / -1;
  justify-self: center;
  align-self: start;
  width: auto;
  margin: clamp(-8px, -1vh, -2px) auto 0;
  gap: 14px;
}

.hero-audience {
  display: none !important;
}

@media (max-width: 1180px) {
  .hero-layout {
    row-gap: 18px;
  }

  .hero-kicker {
    font-size: 1.02rem;
    margin-bottom: 16px;
  }

  h1 {
    font-size: clamp(3rem, 6vw, 4.4rem);
    margin-bottom: 18px;
  }

  .hero p {
    font-size: 1.04rem;
  }
}

@media (max-width: 768px) {
  .hero-layout {
    grid-template-areas:
      "content"
      "mockup"
      "cta";
    row-gap: 18px;
  }

  .hero-content {
    padding-top: 0;
  }

  .hero-buttons {
    width: 100%;
    margin-top: 4px;
  }
}

/* V12.1 HERO TIGHTEN TEXT TO VIDEO */
@media (min-width: 1024px) {
  .hero-layout {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
    column-gap: clamp(6px, 0.9vw, 14px);
    row-gap: clamp(14px, 2vh, 22px);
  }

  .hero-content {
    max-width: none;
    padding-top: clamp(122px, 15vh, 154px);
    padding-right: 0;
  }

  .hero-kicker {
    font-size: clamp(0.98rem, 1vw, 1.04rem);
    line-height: 1.25;
    margin-bottom: 20px;
    max-width: none;
    white-space: nowrap;
  }

  h1 {
    font-size: clamp(3.55rem, 5.35vw, 6rem);
    line-height: 0.92;
    letter-spacing: -2.3px;
    margin-bottom: 24px;
    max-width: 8.8ch;
  }

  .hero p {
    font-size: clamp(1.02rem, 1.02vw, 1.08rem);
    line-height: 1.56;
    max-width: 58ch;
    margin-bottom: 0;
  }

  .hero-mockup {
    justify-content: flex-start;
    align-items: center;
    padding-top: clamp(52px, 7vh, 82px);
    padding-bottom: clamp(36px, 5vh, 60px);
  }

  .hero-analyzer-shell,
  .hero-media--video {
    width: 100%;
    margin-left: 0;
  }

  .hero-buttons {
    margin-top: -6px;
  }
}

/* V12.2 EXACT DESKTOP HERO COMPOSITION */
.hero-brand {
  color: #FFFFFF;
}

.hero-title-line {
  display: block;
}

@media (min-width: 1024px) {
  .hero {
    min-height: 100svh;
  }

  .hero-layout {
    grid-template-areas:
      "kicker kicker"
      "content mockup"
      "cta cta";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(2px, 0.45vw, 8px);
    row-gap: clamp(8px, 1.4vh, 16px);
    min-height: 100svh;
    align-items: center;
  }

  .hero-kicker {
    grid-area: kicker;
    white-space: nowrap;
    max-width: none;
    font-size: clamp(0.98rem, 0.98vw, 1.02rem);
    line-height: 1.2;
    margin: 0;
    align-self: end;
  }

  .hero-content {
    grid-area: content;
    max-width: none;
    width: 100%;
    padding-top: clamp(106px, 13.2vh, 132px);
    padding-right: 0;
    padding-bottom: 0;
    justify-content: flex-start;
    align-self: start;
  }

  h1 {
    font-size: clamp(4rem, 5.35vw, 5.9rem);
    line-height: 0.95;
    letter-spacing: -2.2px;
    max-width: none;
    margin: 16px 0 22px;
  }

  .hero p {
    font-size: clamp(1.02rem, 1.03vw, 1.08rem);
    line-height: 1.5;
    max-width: 61ch;
    margin: 0;
  }

  .hero-mockup {
    grid-area: mockup;
    min-height: auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: clamp(44px, 6vh, 68px);
    padding-bottom: clamp(26px, 4.2vh, 42px);
  }

  .hero-analyzer-shell,
  .hero-media--video {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .hero-buttons {
    grid-area: cta;
    grid-column: 1 / -1;
    justify-self: center;
    align-self: center;
    width: auto;
    margin: 0 auto;
    gap: 12px;
  }
}

/* V12.3 DESKTOP PIXEL POSITIONING */
@media (min-width: 1024px) {
  .hero-layout {
    align-content: start;
    padding-top: clamp(16px, 2.2vh, 24px);
    padding-bottom: clamp(18px, 2.6vh, 28px);
    row-gap: 10px;
    column-gap: clamp(2px, 0.35vw, 6px);
  }

  .hero-badge-corner {
    top: clamp(18px, 2.2vh, 24px);
  }

  .hero-kicker {
    margin-top: clamp(58px, 7.2vh, 72px);
    padding-left: 6px;
  }

  .hero-content,
  .hero-mockup {
    align-self: start;
  }

  .hero-content {
    padding-top: 0;
    padding-left: 6px;
    margin-top: 0;
  }

  h1 {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .hero p {
    max-width: 60ch;
  }

  .hero-mockup {
    padding-top: 2px;
    padding-bottom: 0;
  }

  .hero-buttons {
    margin-top: 2px;
    padding-top: 0;
  }
}

/* V12.4 DESKTOP AERATION */
@media (min-width: 1024px) {
  .hero-layout {
    row-gap: clamp(22px, 3.2vh, 34px);
    padding-top: clamp(20px, 2.6vh, 30px);
    padding-bottom: clamp(22px, 3vh, 32px);
  }

  .hero-kicker {
    margin-top: clamp(66px, 8vh, 84px);
    margin-bottom: 0;
    font-size: clamp(0.98rem, 1vw, 1.03rem);
    line-height: 1.22;
  }

  .hero-content {
    padding-top: 0;
  }

  h1 {
    margin-top: 0;
    margin-bottom: clamp(30px, 3.8vh, 40px);
    line-height: 0.97;
  }

  .hero p {
    margin-top: 0;
    line-height: 1.6;
    max-width: 62ch;
  }

  .hero-buttons {
    margin-top: clamp(12px, 1.8vh, 20px);
  }
}

/* V12.5 MORE VERTICAL AIR ONLY */
@media (min-width: 1024px) {
  .hero-kicker {
    margin-bottom: clamp(18px, 2.4vh, 26px);
  }

  h1 {
    margin-bottom: clamp(42px, 5vh, 54px);
  }
}

/* V12.6 EXACT SPACING + 2-LINE DESC */
.hero-desc-break {
  display: none;
}

@media (min-width: 1024px) {
  .hero-layout {
    row-gap: 0;
    padding-top: clamp(18px, 2.1vh, 22px);
    padding-bottom: clamp(20px, 2.4vh, 26px);
  }

  .hero-kicker {
    margin-top: clamp(0px, 0.3vh, 4px);
    margin-bottom: clamp(10px, 1.5vh, 16px);
  }

  h1 {
    margin-bottom: clamp(10px, 1.4vh, 12px);
  }

  .hero p {
    max-width: 76ch;
    line-height: 1.5;
  }

  .hero-desc-break {
    display: block;
  }

  .hero-buttons {
    margin-top: clamp(0px, 0.6vh, 6px);
  }
}

@media (max-width: 1023px) {
  .hero-desc-break {
    display: none;
  }
}

/* V12.7 DESKTOP SHIFT DOWN ONLY */
@media (min-width: 1024px) {
  .hero-layout {
    padding-top: clamp(42px, 5.6vh, 58px);
    padding-bottom: clamp(20px, 2.4vh, 26px);
  }

  .hero-kicker {
    margin-top: clamp(18px, 2.2vh, 24px);
  }

  .hero-buttons {
    margin-top: clamp(4px, 0.9vh, 8px);
  }
}

/* V12.8 PRECISE DOWN SHIFT */
@media (min-width: 1024px) {
  .hero-kicker {
    margin-top: clamp(26px, 3.2vh, 32px);
  }

  .hero-content,
  .hero-mockup {
    margin-top: 16px;
  }

  .hero-buttons {
    margin-top: clamp(20px, 2.7vh, 24px);
  }
}

/* V12.9 MORE DOWN NO INLINE */
@media (min-width: 1024px) {
  .hero-kicker {
    margin-top: calc(clamp(26px, 3.2vh, 32px) + 16px);
  }

  .hero-content,
  .hero-mockup {
    margin-top: 48px;
  }

  .hero-buttons {
    margin-top: calc(clamp(20px, 2.7vh, 24px) + 32px);
  }
}

/* V13.0 H1 TO SUBTITLE 32PX */
@media (min-width: 1024px) {
  h1 {
    margin-bottom: 32px;
  }
}

/* V13.1 DESCEND TITLE SUBTITLE 32PX ONLY */
@media (min-width: 1024px) {
  h1 {
    margin-top: 32px;
  }
}

/* V13.2 DESCEND TITLE SUBTITLE ANOTHER 32PX */
@media (min-width: 1024px) {
  h1 {
    margin-top: 64px;
  }
}

/* V13.3 SUBTITLE DOWN 16PX + 2 LINES */
@media (min-width: 1024px) {
  .hero p {
    margin-top: 16px;
    max-width: 82ch;
  }

  .hero-desc-break {
    display: block;
  }
}

/* V13.4 KICKER BIGGER + DOWN 16PX */
@media (min-width: 1024px) {
  .hero-kicker {
    font-size: clamp(1.08rem, 1.12vw, 1.16rem);
    margin-top: calc(clamp(42px, 4.8vh, 48px) + 16px);
  }
}

/* V-RESPONSIVE FIX 1180 TABLET MOBILE */
@media (min-width: 1024px) and (max-width: 1180px) {
  .hero {
    min-height: auto;
  }

  .hero .container {
    width: min(94vw, 1120px);
  }

  .hero-layout {
    grid-template-areas:
      "kicker kicker"
      "content mockup"
      "cta cta";
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
    min-height: auto;
    align-items: start;
    column-gap: 22px;
    row-gap: 14px;
    padding-top: 84px;
    padding-bottom: 22px;
  }

  .hero-badge-corner {
    top: 18px;
    left: 0;
  }

  .hero-kicker {
    grid-area: kicker;
    margin: 0;
    padding-left: 0;
    font-size: 0.98rem;
    line-height: 1.25;
    white-space: normal;
    max-width: 56ch;
  }

  .hero-content {
    grid-area: content;
    max-width: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  h1 {
    font-size: clamp(3rem, 4.5vw, 4.4rem);
    max-width: 10ch;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .hero p {
    max-width: 50ch;
    margin-top: 0;
    line-height: 1.48;
    font-size: 0.98rem;
  }

  .hero-mockup {
    grid-area: mockup;
    min-height: auto;
    margin-top: 0;
    padding-top: 6px;
    padding-bottom: 0;
    justify-content: flex-start;
  }

  .hero-analyzer-shell,
  .hero-media--video {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .hero-buttons {
    grid-area: cta;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: auto;
    margin: 6px auto 0;
  }
}

@media (max-width: 1023px) {
  .hero {
    min-height: auto;
    padding: 0 0 24px;
    align-items: flex-start;
  }

  .hero .container {
    width: min(94vw, 760px);
  }

  .hero-layout {
    grid-template-columns: 1fr;
    min-height: auto;
    row-gap: 16px;
    padding-top: 80px;
    padding-bottom: 12px;
  }

  .hero-badge-corner {
    position: static;
    top: auto;
    left: auto;
    grid-column: 1;
    justify-self: start;
    margin: 0;
  }

  .hero-badge-corner .badge {
    min-height: auto;
    padding: 8px 14px;
  }

  .hero-kicker {
    margin: 0;
    padding-left: 0;
    font-size: 1rem;
    line-height: 1.3;
    white-space: normal;
    max-width: none;
  }

  .hero-content {
    max-width: none;
    margin: 0;
    padding: 0;
    align-self: auto;
  }

  h1 {
    font-size: clamp(2.7rem, 6.8vw, 4rem);
    max-width: none;
    margin-top: 0;
    margin-bottom: 18px;
    letter-spacing: -1.6px;
  }

  .hero p {
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
  }

  .hero-mockup {
    min-height: auto;
    margin: 0;
    padding: 0;
    justify-content: center;
  }

  .hero-mockup::before {
    right: auto;
    top: 8%;
    width: min(92vw, 760px);
    height: min(72vw, 520px);
  }

  .hero-analyzer-shell,
  .hero-media--video {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .hero-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin: 8px 0 0;
    gap: 12px;
  }

  .hero-buttons .btn {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .hero .container {
    width: 94vw;
  }

  .hero-layout {
    row-gap: 14px;
    padding-top: 74px;
  }

  .hero-kicker {
    font-size: 0.94rem;
  }

  h1 {
    font-size: clamp(2.15rem, 10vw, 3.2rem);
    line-height: 0.95;
    margin-bottom: 16px;
  }

  .hero p {
    font-size: 0.96rem;
    line-height: 1.48;
  }

  .hero-buttons {
    grid-template-columns: 1fr;
  }

  .hero-mockup {
    margin-top: 4px;
  }
}

/* V-RESPONSIVE REFINE 1180 TABLET MOBILE */
@media (min-width: 1024px) and (max-width: 1180px) {
  .hero-layout {
    padding-top: 68px;
    row-gap: 10px;
    column-gap: 18px;
  }

  .hero-kicker {
    font-size: 0.94rem;
    max-width: 52ch;
  }

  h1 {
    font-size: clamp(2.8rem, 4.1vw, 4rem);
    margin-bottom: 16px;
  }

  .hero p {
    font-size: 0.95rem;
    max-width: 48ch;
    line-height: 1.45;
  }

  .hero-mockup {
    padding-top: 0;
  }

  .hero-buttons {
    margin-top: 0;
  }
}

@media (max-width: 1023px) {
  .hero .container {
    width: min(94vw, 760px);
  }

  .hero-layout {
    grid-template-areas:
      "badge"
      "kicker"
      "content"
      "cta"
      "mockup";
    grid-template-columns: 1fr;
    row-gap: 14px;
    padding-top: 72px;
    padding-bottom: 14px;
  }

  .hero-badge-corner {
    grid-area: badge;
  }

  .hero-kicker {
    grid-area: kicker;
    font-size: 0.98rem;
    line-height: 1.3;
  }

  .hero-content {
    grid-area: content;
  }

  h1 {
    font-size: clamp(2.45rem, 6vw, 3.6rem);
    margin-bottom: 14px;
    line-height: 0.96;
  }

  .hero p {
    font-size: 0.98rem;
    line-height: 1.48;
  }

  .hero-buttons {
    grid-area: cta;
    margin: 2px 0 0;
  }

  .hero-mockup {
    grid-area: mockup;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .hero-layout {
    padding-top: 64px;
    row-gap: 12px;
  }

  .hero-badge-corner .badge {
    padding: 7px 12px;
    font-size: 10px;
  }

  .hero-kicker {
    font-size: 0.9rem;
    line-height: 1.28;
  }

  h1 {
    font-size: clamp(1.95rem, 9vw, 2.8rem);
    margin-bottom: 12px;
    letter-spacing: -1.2px;
  }

  .hero p {
    font-size: 0.92rem;
    line-height: 1.44;
  }

  .hero-buttons {
    margin-top: 0;
    gap: 10px;
  }

  .hero-buttons .btn {
    min-height: 46px;
    font-size: 13px;
    padding: 12px 16px;
  }
}

/* V-RESPONSIVE GLOBAL POLISH TABLET MOBILE */
@media (max-width: 1023px) {
  section {
    padding: 78px 0;
  }

  .hero {
    padding-bottom: 18px;
  }

  .section-title,
  .cta h2 {
    font-size: clamp(2rem, 5.2vw, 2.8rem);
    line-height: 1.02;
    letter-spacing: -1.3px;
    margin-bottom: 14px;
  }

  .section-subtitle,
  .cta p {
    font-size: 1rem;
    line-height: 1.58;
    margin-bottom: 34px;
    max-width: none;
  }

  .grid,
  .grid-4,
  .metrics {
    gap: 16px;
  }

  .grid-4 {
    grid-template-columns: 1fr 1fr;
    margin-top: 24px !important;
  }

  .grid + .grid {
    margin-top: 24px !important;
  }

  .card,
  .metric-box,
  .seo-block {
    border-radius: 18px;
    padding: 24px;
  }

  .card h3 {
    font-size: 1.18rem;
    margin-bottom: 12px;
  }

  .card p,
  .card li,
  .metric-box p,
  .seo-block p {
    font-size: 0.96rem;
    line-height: 1.56;
  }

  .seo-block {
    margin-top: 26px;
  }

  .metrics {
    margin-top: 34px;
  }

  form {
    gap: 12px;
    margin-top: 28px;
  }

  .cta form {
    padding: 26px !important;
    border-radius: 20px !important;
  }

  input,
  select,
  textarea {
    padding: 15px;
    font-size: 15px;
    border-radius: 12px;
  }
}

@media (max-width: 767px) {
  section {
    padding: 62px 0;
  }

  .hero {
    padding-bottom: 18px;
  }

  .hero + section {
    padding-top: 72px;
  }

  .section-title,
  .cta h2 {
    font-size: clamp(1.72rem, 8vw, 2.2rem);
    line-height: 1.04;
    letter-spacing: -1px;
    margin-bottom: 12px;
  }

  .section-subtitle,
  .cta p {
    font-size: 0.94rem;
    line-height: 1.54;
    margin-bottom: 26px;
  }

  .grid,
  .grid-4,
  .metrics {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .card,
  .metric-box,
  .seo-block {
    border-radius: 16px;
    padding: 20px;
  }

  .card h3 {
    font-size: 1.08rem;
    margin-bottom: 10px;
  }

  .card p,
  .card li,
  .metric-box p,
  .seo-block p {
    font-size: 0.92rem;
    line-height: 1.52;
  }

  .metrics {
    margin-top: 26px;
  }

  .seo-block {
    margin-top: 20px;
  }

  form {
    gap: 10px;
    margin-top: 22px;
  }

  .cta form {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  input,
  select,
  textarea {
    padding: 13px 14px;
    font-size: 14px;
    border-radius: 11px;
  }

  textarea {
    min-height: 130px;
  }
}

/* V-RESPONSIVE TABLET HERO DECONDENSE + VIDEO CLOSER */
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-layout {
    grid-template-areas:
      "badge"
      "kicker"
      "content"
      "mockup"
      "cta";
    row-gap: 10px;
    padding-top: 78px;
    padding-bottom: 18px;
  }

  .hero-kicker {
    font-size: 1.02rem;
    line-height: 1.34;
    margin-bottom: 2px;
  }

  .hero-content {
    padding-top: 2px;
  }

  h1 {
    margin-bottom: 18px;
    line-height: 0.98;
  }

  .hero p {
    line-height: 1.56;
    margin-bottom: 0;
  }

  .hero-mockup {
    margin-top: -14px;
    padding-top: 0;
  }

  .hero-buttons {
    margin-top: 8px;
  }
}

/* === Hero gradient harmonized across all landing sections === */
section:not(.hero),
footer {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 18%, rgba(33, 111, 255, 0.16), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(33, 196, 153, 0.10), transparent 34%),
    linear-gradient(118deg, #04060A 0%, #07101A 48%, #05070B 100%);
}

section:not(.hero)::before,
footer::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.00) 22%, rgba(4,6,10,0.14) 100%);
  opacity: 0.92;
}

section:not(.hero) > .container,
footer {
  position: relative;
  z-index: 1;
}

/* === FINAL PREMIUM VISUAL POLISH === */
:root {
  --aa-section-bg:
    radial-gradient(circle at 12% 16%, rgba(66, 124, 255, 0.17), transparent 30%),
    radial-gradient(circle at 84% 14%, rgba(33, 196, 153, 0.11), transparent 34%),
    linear-gradient(118deg, #04060A 0%, #07101A 48%, #05070B 100%);
  --aa-section-overlay:
    linear-gradient(180deg, rgba(255,255,255,0.028) 0%, rgba(255,255,255,0.012) 22%, rgba(4,6,10,0.22) 100%);
  --aa-panel-bg:
    linear-gradient(180deg, rgba(15, 21, 31, 0.82) 0%, rgba(9, 13, 19, 0.90) 100%);
  --aa-panel-border: rgba(170, 197, 234, 0.12);
  --aa-panel-border-strong: rgba(122, 171, 255, 0.22);
  --aa-text-high: #F7FBFF;
  --aa-text-mid: #C9D6E3;
  --aa-text-low: #AEBBCC;
  --aa-input-bg: rgba(7, 11, 17, 0.92);
}

section:not(.hero),
footer {
  background: var(--aa-section-bg);
}

section:not(.hero)::before,
footer::before {
  background: var(--aa-section-overlay);
  opacity: 1;
}

section:not(.hero) {
  border-top: 1px solid rgba(255,255,255,0.03);
}

section:not(.hero) > .container {
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 30px;
  padding: clamp(26px, 3vw, 42px);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.008) 100%),
    radial-gradient(circle at top left, rgba(88, 147, 255, 0.06) 0%, transparent 32%);
  box-shadow:
    0 24px 70px rgba(0,0,0,0.28),
    0 0 0 1px rgba(255,255,255,0.015) inset;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.section-title,
.cta h2,
.card h3,
.seo-block h3,
.metric-box h2,
.hero-brand,
.text-strong-light {
  color: var(--aa-text-high);
}

.section-subtitle,
.card p,
.card li,
.metric-box p,
.seo-block p,
.cta p,
footer,
.form-status,
.hero p,
.hero-kicker {
  color: var(--aa-text-mid);
}

.card,
.metric-box,
.seo-block,
.contact-form {
  background: var(--aa-panel-bg);
  border-color: var(--aa-panel-border);
  box-shadow:
    0 20px 56px rgba(0,0,0,0.28),
    0 0 0 1px rgba(255,255,255,0.024) inset,
    0 0 30px rgba(50, 110, 218, 0.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.card:hover {
  border-color: var(--aa-panel-border-strong);
  box-shadow:
    0 28px 72px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.03) inset,
    0 0 42px rgba(67, 132, 255, 0.12);
}

.btn-primary {
  background: linear-gradient(180deg, #F7FBFF 0%, #DCEBFF 100%);
  color: #07101A;
  box-shadow:
    0 18px 42px rgba(190, 219, 255, 0.16),
    0 0 0 1px rgba(255,255,255,0.30) inset;
}

.btn-primary:hover {
  background: linear-gradient(180deg, #FFFFFF 0%, #E8F2FF 100%);
}

.btn-secondary {
  background: linear-gradient(180deg, rgba(15, 22, 33, 0.90) 0%, rgba(10, 14, 20, 0.96) 100%);
  color: var(--aa-text-high);
  border-color: rgba(170, 197, 234, 0.14);
}

.btn-secondary:hover {
  background: linear-gradient(180deg, rgba(18, 26, 38, 0.96) 0%, rgba(11, 16, 24, 0.98) 100%);
  border-color: rgba(122, 171, 255, 0.24);
}

input,
select,
textarea {
  background: var(--aa-input-bg);
  border-color: rgba(170, 197, 234, 0.12);
  color: var(--aa-text-high);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.018) inset;
}

input::placeholder,
textarea::placeholder {
  color: var(--aa-text-low);
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(122, 171, 255, 0.34);
  box-shadow:
    0 0 0 4px rgba(67, 132, 255, 0.10),
    0 0 0 1px rgba(255,255,255,0.02) inset;
}

.grid-spaced {
  margin-top: 42px;
}

footer {
  color: var(--aa-text-mid);
  border-top: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 -10px 40px rgba(0,0,0,0.16) inset;
}

@media (max-width: 1180px) {
  section:not(.hero) > .container {
    border-radius: 24px;
    padding: 24px;
  }
}

@media (max-width: 768px) {
  section:not(.hero) > .container {
    border-radius: 20px;
    padding: 20px;
  }

  .section-title,
  .cta h2 {
    text-wrap: balance;
  }
}

/* === FINAL PREMIUM CONTINUITY PASS === */
:root {
  --aa-flow-body:
    radial-gradient(circle at 12% 8%, rgba(68, 132, 255, 0.20), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(33, 196, 153, 0.10), transparent 24%),
    radial-gradient(circle at 50% 34%, rgba(36, 92, 188, 0.08), transparent 34%),
    linear-gradient(118deg, #04060A 0%, #07101A 48%, #05070B 100%);
  --aa-flow-panel:
    linear-gradient(180deg, rgba(15, 21, 31, 0.58) 0%, rgba(10, 14, 21, 0.70) 100%);
  --aa-flow-panel-strong:
    linear-gradient(180deg, rgba(16, 24, 36, 0.72) 0%, rgba(10, 14, 21, 0.84) 100%);
}

html {
  background: #04060A;
}

body {
  background: var(--aa-flow-body);
  background-attachment: fixed;
}

section:not(.hero),
footer {
  background: transparent;
  border-top: none;
  overflow: clip;
  isolation: isolate;
}

section:not(.hero)::before,
section:not(.hero)::after,
footer::before,
footer::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

section:not(.hero)::before,
footer::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.00) 18%, rgba(4,6,10,0.14) 100%),
    radial-gradient(circle at 12% 28%, rgba(79, 140, 255, 0.10), transparent 28%);
  opacity: 1;
}

section:not(.hero)::after,
footer::after {
  background:
    linear-gradient(180deg, rgba(4,6,10,0) 0%, rgba(4,6,10,0.14) 100%),
    linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0) 18%);
  mix-blend-mode: screen;
  opacity: 0.65;
}

section:not(.hero):nth-of-type(2)::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.00) 22%, rgba(4,6,10,0.16) 100%),
    radial-gradient(circle at 18% 24%, rgba(92, 152, 255, 0.14), transparent 30%),
    radial-gradient(circle at 82% 74%, rgba(34, 196, 153, 0.06), transparent 26%);
}

section:not(.hero):nth-of-type(3)::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.00) 18%, rgba(4,6,10,0.16) 100%),
    radial-gradient(circle at 84% 20%, rgba(92, 152, 255, 0.13), transparent 29%),
    radial-gradient(circle at 18% 76%, rgba(34, 196, 153, 0.06), transparent 24%);
}

section:not(.hero):nth-of-type(4)::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.00) 18%, rgba(4,6,10,0.16) 100%),
    radial-gradient(circle at 20% 50%, rgba(92, 152, 255, 0.10), transparent 30%),
    radial-gradient(circle at 78% 20%, rgba(34, 196, 153, 0.07), transparent 22%);
}

section:not(.hero):nth-of-type(5)::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.00) 18%, rgba(4,6,10,0.16) 100%),
    radial-gradient(circle at 78% 24%, rgba(92, 152, 255, 0.12), transparent 28%),
    radial-gradient(circle at 20% 78%, rgba(34, 196, 153, 0.06), transparent 24%);
}

section:not(.hero):nth-of-type(6)::before,
section.cta::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.00) 20%, rgba(4,6,10,0.18) 100%),
    radial-gradient(circle at 50% 16%, rgba(92, 152, 255, 0.16), transparent 32%),
    radial-gradient(circle at 82% 82%, rgba(34, 196, 153, 0.07), transparent 24%);
}

section:not(.hero) > .container {
  border: 1px solid rgba(255,255,255,0.035);
  border-radius: 30px;
  padding: clamp(28px, 3vw, 42px);
  background:
    radial-gradient(circle at top left, rgba(97, 155, 255, 0.065) 0%, transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(255,255,255,0.006) 100%),
    var(--aa-flow-panel);
  box-shadow:
    0 22px 64px rgba(0,0,0,0.24),
    0 0 0 1px rgba(255,255,255,0.012) inset;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

section.cta > .container {
  background:
    radial-gradient(circle at 50% 0%, rgba(97, 155, 255, 0.11) 0%, transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.008) 100%),
    var(--aa-flow-panel-strong);
  border-color: rgba(122, 171, 255, 0.10);
  box-shadow:
    0 28px 80px rgba(0,0,0,0.28),
    0 0 0 1px rgba(255,255,255,0.018) inset,
    0 0 56px rgba(56, 118, 228, 0.08);
}

.section-title,
.cta h2 {
  text-shadow: 0 4px 24px rgba(56, 118, 228, 0.08);
}

.section-subtitle,
.cta p,
.seo-block p,
.card p,
.card li,
footer,
.form-status {
  color: #CDD8E4;
}

.card,
.metric-box,
.seo-block,
.contact-form {
  background:
    radial-gradient(circle at top left, rgba(96, 152, 255, 0.05) 0%, transparent 36%),
    linear-gradient(180deg, rgba(17, 25, 37, 0.72) 0%, rgba(10, 15, 22, 0.88) 100%);
  border-color: rgba(173, 201, 236, 0.115);
  box-shadow:
    0 18px 52px rgba(0,0,0,0.24),
    0 0 0 1px rgba(255,255,255,0.022) inset,
    0 0 34px rgba(60, 122, 235, 0.07);
}

.card:hover {
  transform: translateY(-3px);
  border-color: rgba(124, 173, 255, 0.24);
  box-shadow:
    0 24px 66px rgba(0,0,0,0.30),
    0 0 0 1px rgba(255,255,255,0.026) inset,
    0 0 46px rgba(68, 132, 255, 0.12);
}

.seo-block,
.contact-form {
  border-color: rgba(124, 173, 255, 0.12);
}

footer {
  background:
    radial-gradient(circle at 20% 12%, rgba(66, 124, 255, 0.10), transparent 26%),
    linear-gradient(118deg, #04060A 0%, #07101A 48%, #05070B 100%);
  color: #D1DDEA;
}

@media (max-width: 1180px) {
  body {
    background-attachment: scroll;
  }

  section:not(.hero) > .container {
    border-radius: 24px;
    padding: 24px;
  }
}

@media (max-width: 768px) {
  section:not(.hero) > .container {
    border-radius: 20px;
    padding: 20px;
  }

  section:not(.hero)::before,
  section:not(.hero)::after {
    opacity: 0.88;
  }
}

/* === SECTION-TO-SECTION BACKGROUND BLEND FIX === */
section:not(.hero) {
  border-bottom: none;
}

section:not(.hero),
footer {
  overflow: visible;
}

section:not(.hero)::before,
section:not(.hero)::after,
footer::before,
footer::after {
  inset: -88px 0;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.92) 16%, rgba(0,0,0,0.92) 84%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.92) 16%, rgba(0,0,0,0.92) 84%, transparent 100%);
}

section:not(.hero) + section:not(.hero),
section:not(.hero) + footer {
  margin-top: -34px;
}

section:not(.hero) > .container {
  position: relative;
  z-index: 1;
  border-color: rgba(255,255,255,0.022);
  box-shadow:
    0 16px 44px rgba(0,0,0,0.18),
    0 0 0 1px rgba(255,255,255,0.010) inset;
}

section.cta > .container {
  box-shadow:
    0 20px 54px rgba(0,0,0,0.20),
    0 0 0 1px rgba(255,255,255,0.014) inset,
    0 0 44px rgba(56, 118, 228, 0.06);
}

footer {
  margin-top: -28px;
}

@media (max-width: 1180px) {
  section:not(.hero)::before,
  section:not(.hero)::after,
  footer::before,
  footer::after {
    inset: -64px 0;
  }

  section:not(.hero) + section:not(.hero),
  section:not(.hero) + footer {
    margin-top: -24px;
  }

  footer {
    margin-top: -20px;
  }
}

@media (max-width: 768px) {
  section:not(.hero)::before,
  section:not(.hero)::after,
  footer::before,
  footer::after {
    inset: -40px 0;
  }

  section:not(.hero) + section:not(.hero),
  section:not(.hero) + footer,
  footer {
    margin-top: -12px;
  }
}

/* === ULTRA PREMIUM FINAL POLISH === */
:root {
  --aa-ui-surface: linear-gradient(180deg, rgba(16, 24, 35, 0.78) 0%, rgba(10, 15, 22, 0.90) 100%);
  --aa-ui-surface-soft: linear-gradient(180deg, rgba(16, 23, 34, 0.62) 0%, rgba(10, 14, 21, 0.76) 100%);
  --aa-ui-border: rgba(173, 201, 236, 0.10);
  --aa-ui-border-strong: rgba(124, 173, 255, 0.24);
  --aa-ui-shadow: 0 18px 54px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,255,255,0.018) inset, 0 0 34px rgba(66, 124, 255, 0.07);
  --aa-ui-shadow-strong: 0 24px 72px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.024) inset, 0 0 44px rgba(66, 124, 255, 0.12);
}

/* More compact hero headline for long locales */
.hero-content h1 {
  font-size: clamp(2.34rem, 3.48vw, 3.78rem);
  max-width: 15.2ch;
  line-height: 0.95;
  letter-spacing: -0.038em;
  text-wrap: balance;
}

.hero-title-line {
  display: block;
  white-space: normal;
}

/* Section-to-section background continuity: softer, longer fade */
section:not(.hero),
footer {
  overflow: visible;
  background: transparent !important;
}

section:not(.hero)::before,
section:not(.hero)::after,
footer::before,
footer::after {
  inset: -132px 0;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.42) 10%, rgba(0,0,0,0.94) 24%, rgba(0,0,0,0.94) 76%, rgba(0,0,0,0.42) 90%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.42) 10%, rgba(0,0,0,0.94) 24%, rgba(0,0,0,0.94) 76%, rgba(0,0,0,0.42) 90%, transparent 100%);
}

section:not(.hero) + section:not(.hero),
section:not(.hero) + footer {
  margin-top: -54px;
}

footer {
  margin-top: -42px;
}

section:not(.hero) > .container {
  border-color: rgba(255,255,255,0.018);
  background:
    radial-gradient(circle at top left, rgba(97, 155, 255, 0.055) 0%, transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.012) 0%, rgba(255,255,255,0.004) 100%),
    var(--aa-ui-surface-soft);
  box-shadow:
    0 12px 34px rgba(0,0,0,0.14),
    0 0 0 1px rgba(255,255,255,0.008) inset;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

section.cta > .container {
  background:
    radial-gradient(circle at 50% 0%, rgba(97, 155, 255, 0.10) 0%, transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(255,255,255,0.006) 100%),
    var(--aa-ui-surface);
  border-color: rgba(124, 173, 255, 0.09);
  box-shadow:
    0 16px 40px rgba(0,0,0,0.18),
    0 0 0 1px rgba(255,255,255,0.012) inset,
    0 0 40px rgba(56, 118, 228, 0.06);
}

/* Premium UI family aligned with hero */
.badge,
.card,
.metric-box,
.seo-block,
.contact-form {
  border-color: var(--aa-ui-border);
}

.badge {
  background: linear-gradient(180deg, rgba(12, 18, 28, 0.82) 0%, rgba(10, 14, 21, 0.94) 100%);
  color: #E9F2FF;
  box-shadow: 0 14px 36px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,255,255,0.025) inset, 0 0 28px rgba(66, 124, 255, 0.09);
}

.btn {
  box-shadow: var(--aa-ui-shadow);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease, opacity 180ms ease;
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--aa-ui-shadow-strong);
}

.btn-primary {
  background: linear-gradient(180deg, #F8FBFF 0%, #DDEBFF 100%);
  color: #07101A;
  border: 1px solid rgba(255,255,255,0.24);
}

.btn-secondary {
  background: linear-gradient(180deg, rgba(15, 22, 33, 0.84) 0%, rgba(9, 13, 19, 0.96) 100%);
  color: #F4F8FD;
  border-color: rgba(173, 201, 236, 0.12);
}

.card,
.metric-box,
.seo-block,
.contact-form {
  background:
    radial-gradient(circle at top left, rgba(96, 152, 255, 0.05) 0%, transparent 38%),
    linear-gradient(180deg, rgba(16, 24, 35, 0.74) 0%, rgba(10, 15, 22, 0.90) 100%);
  box-shadow: var(--aa-ui-shadow);
}

.card:hover,
.metric-box:hover,
.seo-block:hover {
  border-color: var(--aa-ui-border-strong);
  box-shadow: var(--aa-ui-shadow-strong);
}

.contact-form {
  border-color: rgba(124, 173, 255, 0.12);
}

input,
select,
textarea {
  background: linear-gradient(180deg, rgba(8, 12, 18, 0.92) 0%, rgba(10, 14, 21, 0.98) 100%);
  border-color: rgba(173, 201, 236, 0.10);
  color: #F5F9FF;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.014) inset;
}

input:hover,
select:hover,
textarea:hover {
  border-color: rgba(124, 173, 255, 0.18);
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(124, 173, 255, 0.30);
  box-shadow: 0 0 0 4px rgba(66, 124, 255, 0.10), 0 0 0 1px rgba(255,255,255,0.018) inset;
}

.form-status {
  color: #D7E2EE;
}

footer {
  color: #D6E1EC;
}

@media (max-width: 1380px) {
  .hero-content h1 {
    font-size: clamp(2.18rem, 3.26vw, 3.46rem);
    max-width: 15.8ch;
  }

}

@media (max-width: 1180px) {
  section:not(.hero)::before,
  section:not(.hero)::after,
  footer::before,
  footer::after {
    inset: -92px 0;
  }

  section:not(.hero) + section:not(.hero),
  section:not(.hero) + footer {
    margin-top: -34px;
  }

  footer {
    margin-top: -26px;
  }

  .hero-content h1 {
    font-size: clamp(2.18rem, 5.2vw, 3.34rem);
    max-width: 15.6ch;
  }

}

@media (max-width: 768px) {
  section:not(.hero)::before,
  section:not(.hero)::after,
  footer::before,
  footer::after {
    inset: -58px 0;
  }

  section:not(.hero) + section:not(.hero),
  section:not(.hero) + footer,
  footer {
    margin-top: -18px;
  }

  .hero-content h1 {
    font-size: clamp(1.96rem, 7.2vw, 2.72rem);
    max-width: none;
    line-height: 0.97;
  }

}

/* === FIRST ZIP — HERO PRIORITY FIXES === */
.hero-content h1 {
  font-size: clamp(2.46rem, 3.72vw, 4.02rem);
  max-width: 14.8ch;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (max-width: 1180px) {
  .hero-layout {
    gap: 36px;
  }

  .hero-content {
    padding: 24px 0 14px;
  }

  .hero-kicker {
    margin-bottom: 14px;
  }

  .hero-content h1 {
    font-size: clamp(2.34rem, 5.8vw, 3.56rem);
    max-width: 14.8ch;
    margin-bottom: 18px;
  }

  .hero p {
    margin-bottom: 22px;
  }

  .hero-mockup {
    padding-top: 18px;
  }
}

@media (max-width: 768px) {
  .hero {
    padding: 18px 0 30px;
  }

  .hero-layout {
    gap: 30px;
  }

  .hero-badge-corner .badge {
    margin-bottom: 16px;
  }

  .hero-kicker {
    font-size: 0.98rem;
    line-height: 1.4;
    margin-bottom: 14px;
    max-width: 34ch;
  }

  .hero-content {
    padding: 8px 0 14px;
  }

  .hero-content h1 {
    font-size: clamp(2.34rem, 9vw, 3.12rem);
    line-height: 0.97;
    max-width: none;
    margin-bottom: 16px;
  }

  .hero p {
    font-size: 0.99rem;
    line-height: 1.58;
    margin-bottom: 22px;
  }

  .hero-mockup {
    padding: 18px 0 14px;
  }

  .hero-buttons {
    margin-top: 6px;
    gap: 10px;
  }

  .section-title,
  .cta h2 {
    font-size: clamp(1.62rem, 7vw, 1.98rem);
    line-height: 1.06;
  }
}

@media (max-width: 480px) {
  .hero-content h1 {
    font-size: clamp(2.18rem, 10vw, 2.72rem);
  }

  .hero-kicker {
    margin-bottom: 12px;
  }

  .hero p {
    margin-bottom: 20px;
  }
}

/* === ZIP 2 — FLAT PREMIUM CONVERSION PASS === */
:root {
  --aa-flat-bg: #05090f;
  --aa-flat-bg-deep: #071019;
  --aa-flat-panel: rgba(11, 16, 24, 0.84);
  --aa-flat-panel-strong: rgba(11, 17, 25, 0.92);
  --aa-flat-border: rgba(255,255,255,0.06);
  --aa-flat-border-strong: rgba(173, 201, 236, 0.14);
  --aa-flat-title: #F3F7FC;
  --aa-flat-text: #C9D3DE;
  --aa-flat-muted: #9EABB8;
}

body {
  background: linear-gradient(180deg, var(--aa-flat-bg) 0%, var(--aa-flat-bg-deep) 28%, var(--aa-flat-bg-deep) 74%, var(--aa-flat-bg) 100%);
}

section:not(.hero),
footer {
  background: transparent !important;
  border: 0 !important;
}

section:not(.hero)::before,
section:not(.hero)::after,
footer::before,
footer::after {
  display: none !important;
}

section:not(.hero) + section:not(.hero),
section:not(.hero) + footer,
footer {
  margin-top: 0 !important;
}

section:not(.hero) {
  padding: clamp(88px, 10vw, 118px) 0;
}

section:not(.hero) > .container,
footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.section-title,
.cta h2 {
  color: var(--aa-flat-title);
  font-size: clamp(2rem, 3vw, 2.66rem);
  line-height: 1.02;
  letter-spacing: -0.035em;
  margin-bottom: 14px;
  max-width: 13ch;
}

.section-subtitle,
.cta p {
  max-width: 56ch;
  margin-bottom: 32px;
  color: var(--aa-flat-text);
  font-size: clamp(1rem, 1.08vw, 1.08rem);
  line-height: 1.62;
}

.hero + section .section-title {
  font-size: clamp(2.26rem, 3.4vw, 2.96rem);
  max-width: 15ch;
}

.hero + section .section-subtitle,
#program .section-subtitle {
  color: #D7E1EC;
}

#program .section-title {
  font-size: clamp(2.08rem, 3.12vw, 2.78rem);
}

section:nth-of-type(5) .section-title {
  font-size: clamp(1.94rem, 2.72vw, 2.42rem);
}

section:nth-of-type(6) .section-title {
  font-size: clamp(1.82rem, 2.5vw, 2.22rem);
  color: #D9E3EE;
}

section:nth-of-type(6) .section-subtitle {
  max-width: 48ch;
  color: #B6C1CC;
}

.grid,
.grid-4,
.metrics {
  gap: 18px;
}

.card,
.metric-box,
.seo-block,
.contact-form {
  background: linear-gradient(180deg, rgba(11, 16, 24, 0.84) 0%, rgba(8, 12, 18, 0.94) 100%) !important;
  border: 1px solid var(--aa-flat-border) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hero + section .card {
  background: linear-gradient(180deg, rgba(12, 18, 27, 0.90) 0%, rgba(8, 12, 18, 0.98) 100%) !important;
  border-color: var(--aa-flat-border-strong) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18) !important;
}

.card:hover,
.metric-box:hover,
.seo-block:hover {
  transform: translateY(-1px);
  border-color: rgba(173, 201, 236, 0.14) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.20) !important;
}

.card h3,
.seo-block h3,
.metric-box h2 {
  color: #EEF4FB;
}

.card p,
.card li,
.metric-box p,
.seo-block p {
  color: var(--aa-flat-muted);
}

.btn {
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

.btn-primary {
  background: linear-gradient(180deg, #F4F8FD 0%, #E3ECF8 100%) !important;
  color: #07101A;
}

.btn-secondary {
  background: rgba(10, 14, 20, 0.86) !important;
  color: #F4F8FD;
}

.badge {
  background: rgba(10, 14, 20, 0.78) !important;
  color: #EAF2FD;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18) !important;
}

.contact-form {
  max-width: 720px;
}

input,
select,
textarea {
  background: rgba(7, 11, 16, 0.96) !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(173, 201, 236, 0.22) !important;
  box-shadow: 0 0 0 4px rgba(66, 124, 255, 0.08) !important;
}

section.cta {
  padding-top: clamp(94px, 10vw, 126px);
}

section.cta > .container {
  background: linear-gradient(180deg, rgba(12, 18, 27, 0.88) 0%, rgba(8, 12, 18, 0.98) 100%) !important;
  border: 1px solid rgba(173, 201, 236, 0.10) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,0.20) !important;
  padding: clamp(34px, 4vw, 48px) !important;
}

footer {
  color: #AAB5C0;
  padding-top: 64px;
}

@media (max-width: 1180px) {
  section:not(.hero) {
    padding: 76px 0;
  }

  .section-title,
  .cta h2 {
    font-size: clamp(1.88rem, 4.6vw, 2.36rem);
    max-width: 14ch;
  }

  .hero + section .section-title {
    font-size: clamp(2rem, 5vw, 2.52rem);
  }

  .section-subtitle,
  .cta p {
    font-size: 0.98rem;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  section:not(.hero) {
    padding: 58px 0;
  }

  .hero + section {
    padding-top: 68px;
  }

  .section-title,
  .cta h2 {
    font-size: clamp(1.62rem, 6.2vw, 1.96rem);
    max-width: none;
    margin-bottom: 10px;
  }

  .hero + section .section-title {
    font-size: clamp(1.82rem, 6.9vw, 2.18rem);
  }

  #program .section-title {
    font-size: clamp(1.74rem, 6.5vw, 2.04rem);
  }

  section:nth-of-type(5) .section-title,
  section:nth-of-type(6) .section-title {
    font-size: clamp(1.58rem, 6vw, 1.88rem);
  }

  .section-subtitle,
  .cta p {
    font-size: 0.95rem;
    line-height: 1.56;
    margin-bottom: 22px;
    max-width: none;
  }

  .card,
  .metric-box,
  .seo-block {
    padding: 18px;
  }

  section.cta > .container {
    padding: 22px !important;
  }
}

/* === ZIP 3 — FINAL CONVERSION PASS === */
:root {
  --aa-conv-bg: #06090e;
  --aa-conv-panel: rgba(10, 14, 20, 0.74);
  --aa-conv-panel-soft: rgba(10, 14, 20, 0.58);
  --aa-conv-panel-strong: rgba(10, 14, 20, 0.88);
  --aa-conv-border: rgba(255,255,255,0.05);
  --aa-conv-border-strong: rgba(173, 201, 236, 0.12);
  --aa-conv-title: #F5F8FC;
  --aa-conv-text: #C7D1DB;
  --aa-conv-muted: #94A1AE;
}

body {
  background: linear-gradient(180deg, #05080d 0%, #07101A 18%, #08111A 56%, #06090e 100%);
}

section:not(.hero) {
  padding: clamp(82px, 9vw, 112px) 0;
}

.hero + section {
  padding-top: clamp(96px, 10vw, 128px);
}

section:not(.hero) > .container {
  max-width: 1220px;
}

.section-title,
.cta h2 {
  color: var(--aa-conv-title);
  font-size: clamp(1.82rem, 2.58vw, 2.34rem);
  line-height: 1.03;
  letter-spacing: -0.034em;
  max-width: 12ch;
  margin-bottom: 12px;
}

.hero + section .section-title {
  font-size: clamp(2.14rem, 3vw, 2.72rem);
  max-width: 14ch;
}

#program .section-title {
  font-size: clamp(1.96rem, 2.68vw, 2.38rem);
}

section:nth-of-type(5) .section-title,
section:nth-of-type(6) .section-title {
  font-size: clamp(1.72rem, 2.22vw, 2.04rem);
  max-width: 14ch;
}

.section-subtitle,
.cta p {
  color: var(--aa-conv-text);
  max-width: 44ch;
  font-size: clamp(0.98rem, 1vw, 1.04rem);
  line-height: 1.56;
  margin-bottom: 24px;
}

.hero + section .section-subtitle {
  color: #D6E0EA;
  max-width: 46ch;
}

#program .section-subtitle {
  color: #CDD8E3;
  max-width: 38ch;
}

section:nth-of-type(5) .section-subtitle,
section:nth-of-type(6) .section-subtitle {
  color: #B5C1CC;
  max-width: 36ch;
}

.grid,
.grid-4,
.metrics {
  gap: 16px;
}

.card,
.metric-box,
.seo-block,
.contact-form {
  background: var(--aa-conv-panel) !important;
  border: 1px solid var(--aa-conv-border) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
  border-radius: 20px !important;
}

.hero + section .card,
.hero + section .seo-block {
  background: linear-gradient(180deg, rgba(12, 18, 26, 0.84) 0%, rgba(9, 13, 19, 0.94) 100%) !important;
  border-color: var(--aa-conv-border-strong) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.16) !important;
}

section:nth-of-type(3) .card,
section:nth-of-type(4) .card,
section:nth-of-type(5) .card,
section:nth-of-type(6) .card,
section:nth-of-type(5) .seo-block {
  background: var(--aa-conv-panel-soft) !important;
}

.card:hover,
.metric-box:hover,
.seo-block:hover {
  transform: none !important;
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.14) !important;
}

.card h3 {
  font-size: 1.08rem;
  margin-bottom: 10px;
}

.card p,
.card li,
.seo-block p,
.metric-box p {
  color: var(--aa-conv-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.seo-block {
  margin-top: 24px;
}

.seo-block h3 {
  font-size: 1.12rem;
  margin-bottom: 12px;
}

.badge {
  background: rgba(10, 14, 20, 0.72) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.16) !important;
}

.btn {
  min-height: 50px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.16) !important;
}

.btn-primary {
  background: linear-gradient(180deg, #F7FAFE 0%, #E8EFF8 100%) !important;
  border-color: rgba(255,255,255,0.22) !important;
}

.btn-secondary {
  background: rgba(10, 14, 20, 0.78) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.hero-buttons .btn {
  min-width: 0;
}

.contact-form {
  max-width: 680px;
  gap: 14px;
}

input,
select,
textarea {
  background: rgba(7, 11, 16, 0.98) !important;
}

section.cta {
  padding-top: clamp(104px, 12vw, 138px);
}

section.cta > .container {
  background: linear-gradient(180deg, rgba(12, 18, 27, 0.92) 0%, rgba(8, 12, 18, 0.98) 100%) !important;
  border: 1px solid rgba(173, 201, 236, 0.12) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,0.18) !important;
  max-width: 1160px;
}

section.cta h2 {
  font-size: clamp(2.02rem, 2.86vw, 2.56rem);
  max-width: none;
}

section.cta p {
  max-width: 34ch;
  color: #D8E1EB;
}

footer {
  color: #95A2AE;
  padding-top: 56px;
}

@media (max-width: 1180px) {
  section:not(.hero) {
    padding: 72px 0;
  }

  .hero + section {
    padding-top: 84px;
  }

  .section-title,
  .cta h2 {
    font-size: clamp(1.72rem, 4.1vw, 2.08rem);
  }

  .hero + section .section-title {
    font-size: clamp(1.92rem, 4.6vw, 2.32rem);
  }

  .section-subtitle,
  .cta p {
    max-width: 40ch;
    margin-bottom: 22px;
  }

  .card,
  .metric-box,
  .seo-block {
    padding: 22px;
  }
}

@media (max-width: 768px) {
  section:not(.hero) {
    padding: 54px 0;
  }

  .hero + section {
    padding-top: 70px;
  }

  .section-title,
  .cta h2 {
    font-size: clamp(1.54rem, 5.8vw, 1.84rem);
    max-width: none;
    margin-bottom: 8px;
  }

  .hero + section .section-title {
    font-size: clamp(1.72rem, 6.4vw, 2.04rem);
  }

  #program .section-title {
    font-size: clamp(1.62rem, 6vw, 1.92rem);
  }

  section:nth-of-type(5) .section-title,
  section:nth-of-type(6) .section-title,
  section.cta h2 {
    font-size: clamp(1.46rem, 5.4vw, 1.74rem);
  }

  .section-subtitle,
  .cta p {
    font-size: 0.93rem;
    line-height: 1.5;
    margin-bottom: 18px;
    max-width: none;
  }

  .card,
  .metric-box,
  .seo-block {
    padding: 16px;
    border-radius: 16px !important;
  }

  .card h3 {
    font-size: 1.02rem;
    margin-bottom: 8px;
  }

  .card p,
  .card li,
  .seo-block p {
    font-size: 0.9rem;
  }

  .contact-form {
    gap: 10px;
    max-width: none;
  }

  .hero-buttons .btn,
  .contact-form .btn {
    min-height: 48px;
  }

  section.cta > .container {
    padding: 20px !important;
  }
}

/* === ZIP 4 — APP CUTOUT STORY SECTION === */
.app-story > .container {
  max-width: 1260px;
}
.app-story-copy {
  position: relative;
  z-index: 3;
  padding-top: 8px;
}

.app-story-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(173, 201, 236, 0.12);
  background: rgba(10, 14, 20, 0.62);
  color: #DCE7F2;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.app-story .section-title {
  max-width: 12ch;
  margin-bottom: 14px;
}

.app-story .section-subtitle {
  max-width: 44ch;
  margin-bottom: 0;
}
.app-story-stage::before {
  content: "";
  position: absolute;
  inset: 6% -8% -8% 18%;
  background: radial-gradient(circle at center, rgba(77, 136, 227, 0.18) 0%, rgba(77, 136, 227, 0.10) 30%, rgba(77, 136, 227, 0) 68%);
  filter: blur(8px);
  opacity: 0.9;
}

.app-shot-window {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(173, 201, 236, 0.12);
  background: linear-gradient(180deg, rgba(11, 17, 25, 0.66) 0%, rgba(8, 12, 18, 0.90) 100%);
  box-shadow: 0 24px 80px rgba(0,0,0,0.24);
  transform: rotate(-4deg);
  opacity: 0.88;
  -webkit-mask-image: radial-gradient(circle at 34% 38%, #000 0%, #000 60%, rgba(0,0,0,0.82) 76%, transparent 100%);
  mask-image: radial-gradient(circle at 34% 38%, #000 0%, #000 60%, rgba(0,0,0,0.82) 76%, transparent 100%);
}

.app-shot-window::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 18%, rgba(255,255,255,0) 42%);
  pointer-events: none;
}

.app-shot-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.app-shot-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(226, 236, 248, 0.55);
}

.app-shot-label {
  margin-left: 8px;
  color: #EAF2FC;
  font-size: 0.82rem;
  font-weight: 600;
}
@media (max-width: 1180px) {
.app-shot-window {
    transform: rotate(-2.5deg);
    opacity: 0.96;
  }
}

@media (max-width: 768px) {
  .app-story .section-title,
  .app-story .section-subtitle {
    max-width: none;
  }

  .app-story-eyebrow {
    margin-bottom: 12px;
    font-size: 0.68rem;
    letter-spacing: 0.1em;
  }
.app-shot-window {
    border-radius: 22px;
    transform: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
.app-shot-fields-2,
  .app-shot-country-grid,
}

@media (max-width: 560px) {
  .app-shot-fields-2,
}

/* === ZIP 5 — B2B CLASSIC APP STAGE === */
.app-story.app-story-b2b > .container {
  max-width: 1380px;
}

.app-story-b2b-shell {
  display: grid;
  gap: 26px;
}

.app-story-b2b-head {
  max-width: 760px;
}

.app-story-b2b-head .section-title {
  max-width: 13ch;
  margin-bottom: 14px;
}

.app-story-b2b-head .section-subtitle {
  max-width: 60ch;
  margin-bottom: 0;
}

.app-story-b2b-grid {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(220px, 280px);
  gap: 18px;
  align-items: center;
}

.app-story-b2b-side {
  display: grid;
  gap: 14px;
}

.app-story-b2b-card {
  min-height: 160px;
  background: rgba(10, 14, 20, 0.82) !important;
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.15) !important;
}

.app-story-b2b-card h3 {
  color: #F3F7FC;
  font-size: 1rem;
  margin-bottom: 10px;
}

.app-story-b2b-card p {
  color: #A8B5C2;
  font-size: 0.94rem;
  line-height: 1.52;
}

.app-story-b2b-stage-wrap {
  position: relative;
  min-width: 0;
  padding: 14px 22px 22px;
}

.app-story-b2b-stage-glow {
  position: absolute;
  inset: 2% 5% 8% 5%;
  border-radius: 34px;
  background: radial-gradient(circle at center, rgba(77, 136, 227, 0.22) 0%, rgba(77, 136, 227, 0.12) 36%, rgba(77, 136, 227, 0) 72%);
  filter: blur(16px);
  pointer-events: none;
}

.app-shot-window.app-shot-window-b2b {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(173, 201, 236, 0.12);
  background: linear-gradient(180deg, rgba(11, 17, 25, 0.90) 0%, rgba(8, 12, 18, 0.98) 100%);
  box-shadow: 0 28px 80px rgba(0,0,0,0.24);
  transform: none !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.app-shot-grid.app-shot-grid-b2b {
  display: grid;
  grid-template-columns: 1.02fr 1.12fr;
  gap: 14px;
  padding: 20px;
}
@media (max-width: 1280px) {
  .app-story-b2b-grid {
    grid-template-columns: 240px minmax(0, 1fr) 240px;
  }
}

@media (max-width: 1180px) {
  .app-story-b2b-grid {
    grid-template-columns: 1fr;
  }

  .app-story-b2b-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-story-b2b-stage-wrap {
    order: -1;
    padding: 8px 0 14px;
  }
}

@media (max-width: 768px) {
  .app-story-b2b-head .section-title,
  .app-story-b2b-head .section-subtitle {
    max-width: none;
  }

  .app-shot-grid.app-shot-grid-b2b {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }
.app-story-b2b-side {
    grid-template-columns: 1fr;
  }

  .app-story-b2b-card {
    min-height: auto;
  }
}

@media (max-width: 560px) {
  .app-shot-fields-4,
}

/* === ZIP 6 — FULL PROOF CONVERSION === */
.proof-stage + .proof-stage {
  padding-top: clamp(78px, 8vw, 104px);
}

.proof-stage .app-story-b2b-head {
  max-width: 820px;
}

.proof-stage .app-story-b2b-head .section-title {
  max-width: 11ch;
}

.proof-stage .app-story-b2b-head .section-subtitle {
  max-width: 54ch;
}

.proof-stage .app-story-eyebrow {
  background: rgba(10, 14, 20, 0.68);
  border-color: rgba(180, 205, 236, 0.16);
}

.proof-stage .app-story-b2b-card {
  min-height: 150px;
}

.proof-stage .app-story-b2b-card h3 {
  margin-bottom: 10px;
}

.proof-stage .app-story-b2b-card p {
  color: #C9D3DE;
}

.proof-stage .app-shot-window-b2b {
  border-color: rgba(184, 209, 239, 0.16);
  box-shadow: 0 42px 110px rgba(0, 0, 0, 0.42);
}
.proof-tone-1 .app-story-b2b-stage-glow { background: radial-gradient(circle at 50% 50%, rgba(81, 135, 225, 0.28), transparent 72%); }

@media (max-width: 1180px) {
  .proof-stage + .proof-stage {
    padding-top: 70px;
  }
  .proof-stage .app-story-b2b-card {
    min-height: auto;
  }
}

@media (max-width: 768px) {
  .proof-stage + .proof-stage {
    padding-top: 58px;
  }
  .proof-stage .app-story-b2b-head .section-title,
  .proof-stage .app-story-b2b-head .section-subtitle {
    max-width: none;
  }
}

/* === ZIP 8 — INTERACTIVE PROOF + VARIED SECTIONS === */
.proof-live-grid {
  grid-template-columns: 260px minmax(0, 1fr) 260px;
  align-items: stretch;
}
.proof-live-cards .app-story-b2b-card {
  min-height: 164px;
}
.proof-demo-shell {
  overflow: hidden !important;
}
.proof-demo-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 20px 14px;
}
.proof-demo-status {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.12);
  border: 1px solid rgba(96, 165, 250, 0.18);
  color: #EAF1F9;
  font-size: 0.76rem;
  font-weight: 700;
}
.proof-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}
.proof-btn:hover { transform: translateY(-1px); }
.proof-btn-primary {
  color: #fff;
  background: linear-gradient(180deg, #2563EB 0%, #1D4ED8 100%);
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 14px 24px rgba(29, 78, 216, 0.22);
}
.proof-btn-primary[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}
.proof-btn-secondary {
  color: #EAF1F9;
  background: rgba(255,255,255,0.04);
}
.proof-demo-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.78fr;
  gap: 14px;
  padding: 0 20px 20px;
}
.proof-panel {
  border-radius: 18px;
  border: 1px solid rgba(176, 203, 236, 0.10);
  background: linear-gradient(180deg, rgba(15,23,42,0.74) 0%, rgba(15,23,42,0.92) 100%);
  padding: 16px;
}
.proof-panel-head {
  color: #F4F8FD;
  font-size: 0.84rem;
  font-weight: 800;
  margin-bottom: 12px;
}
.proof-fields-grid {
  display: grid;
  gap: 10px;
}
.proof-fields-grid-2 {
  grid-template-columns: 1fr 1fr;
}
.proof-field {
  display: grid;
  gap: 6px;
}
.proof-field span {
  color: rgba(226, 232, 240, 0.72);
  font-size: 0.72rem;
  font-weight: 700;
}
.proof-field input {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: linear-gradient(180deg, rgba(15,23,42,0.72) 0%, rgba(30,41,59,0.90) 100%);
  color: #F8FAFC;
  padding: 0 12px;
  outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.proof-field input::placeholder {
  color: rgba(255,255,255,0.42);
}
.proof-field.is-autofilled input,
.proof-field input.proof-input-autofilled {
  background: linear-gradient(180deg, rgba(240,247,255,0.14) 0%, rgba(30,64,175,0.18) 100%);
  border-color: rgba(59,130,246,0.82);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.14);
}
.proof-field input:focus,
.proof-field input.proof-input-focus {
  border-color: rgba(96,165,250,0.62);
  box-shadow: 0 0 0 0.25rem rgba(37,99,235,0.20), 0 14px 26px rgba(2,6,23,0.28);
}
.proof-demo-actions {
  margin-top: 14px;
}
.proof-mini-stack {
  display: grid;
  gap: 10px;
}
.proof-vin-modal,
.proof-success-modal,
.proof-loading-overlay {
  position: absolute;
  inset: 0;
  z-index: 12;
}
.proof-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17,24,39,0.78);
  backdrop-filter: blur(4px);
}
.proof-modal-dialog,
.proof-success-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(430px, calc(100% - 32px));
  border-radius: 1.15rem;
  border: 1px solid rgba(30,64,175,0.14);
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 24px 52px rgba(15, 23, 42, 0.16);
}
.proof-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 1rem 1.2rem;
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 55%, #2563eb 100%);
  color: #fff;
}
.proof-modal-title { font-size: 1.02rem; font-weight: 700; }
.proof-modal-close {
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}
.proof-modal-body { padding: 1.15rem 1.2rem; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
.proof-modal-field { display: grid; gap: 8px; }
.proof-modal-field span { color: #475569; font-size: 0.76rem; font-weight: 700; }
.proof-modal-field input {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,0.24);
  background: #fff;
  color: #0f172a;
  padding: 0 12px;
  outline: none;
}
.proof-modal-help { margin-top: 10px; color: #64748b; font-size: 0.74rem; line-height: 1.45; }
.proof-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 0.95rem 1.2rem;
  background: linear-gradient(180deg, #f8fbff 0%, #f1f5f9 100%);
  border-top: 1px solid rgba(30,64,175,0.10);
}
.proof-loading-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(17,24,39,0.92);
  backdrop-filter: blur(4px);
}
.proof-loading-card {
  width: min(380px, calc(100% - 32px));
  color: #fff;
  text-align: center;
}
.proof-loading-spinner {
  width: 52px;
  height: 52px;
  margin: 0 auto 14px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.18);
  border-top-color: #60A5FA;
  animation: proofSpin 0.8s linear infinite;
}
@keyframes proofSpin { to { transform: rotate(360deg); } }
.proof-loading-title { font-size: 1.02rem; font-weight: 800; margin-bottom: 6px; }
.proof-loading-copy { font-size: 0.78rem; color: rgba(255,255,255,0.72); margin-bottom: 12px; }
.proof-loading-steps { display: grid; gap: 8px; }
.proof-loading-step {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.82);
  font-size: 0.76rem;
}
.proof-loading-step.is-active { border-color: rgba(96,165,250,0.48); background: rgba(37,99,235,0.18); }
.proof-success-dialog { padding: 18px; }
.proof-success-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(37,99,235,0.10);
  border: 1px solid rgba(37,99,235,0.14);
  color: #1D4ED8;
  font-size: 0.70rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.proof-success-title { margin-top: 10px; color: #0F172A; font-size: 1.02rem; font-weight: 800; }
.proof-success-copy { margin-top: 8px; color: #475569; font-size: 0.78rem; line-height: 1.5; }
.proof-success-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.proof-success-item {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(148,163,184,0.18);
}
.proof-success-item span { color: #64748B; font-size: 0.68rem; }
.proof-success-item strong { color: #0F172A; font-size: 0.82rem; font-weight: 800; }
.proof-success-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
@keyframes proofPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(96,165,250,0.0); }
  50% { box-shadow: 0 0 0 6px rgba(96,165,250,0.06); }
}
@media (max-width: 768px) {
  .proof-live-grid { grid-template-columns: 1fr; }
  .proof-demo-grid { grid-template-columns: 1fr; }
  .proof-demo-topbar { flex-direction: column; align-items: stretch; }
  .proof-modal-footer,
  .proof-success-actions { flex-direction: column; }
}

/* === ZIP 9 — STABLE INTERACTIVE PROOFS === */
.proof-demo-shell[data-proof-demo] {
  position: relative;
}
.proof-vin-modal,
.proof-success-modal,
.proof-loading-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}
.proof-vin-modal.is-open,
.proof-success-modal.is-open,
.proof-loading-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}
.proof-vin-modal.is-open .proof-modal-dialog,
.proof-success-modal.is-open .proof-success-dialog {
  animation: proofModalIn 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
.proof-loading-overlay.is-open .proof-loading-card {
  animation: proofModalIn 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
.proof-field.is-autofilled input,
.proof-field input.proof-input-autofilled {
  animation: proofFieldFlash 900ms ease;
}
.proof-demo-status.is-live {
  animation: proofStatusPulse 1.2s ease;
}
.proof-loading-progress {
  position: relative;
  overflow: hidden;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  margin-top: 14px;
}
.proof-loading-progress::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 35%;
  border-radius: inherit;
  background: linear-gradient(90deg, #60A5FA 0%, #2563EB 100%);
  animation: proofLoadingBar 1.4s ease-in-out infinite;
}
.proof-loading-step.is-done {
  border-color: rgba(96,165,250,0.28);
  background: rgba(96,165,250,0.12);
}
@keyframes proofModalIn {
  from { transform: translate(-50%, calc(-50% + 18px)) scale(0.985); opacity: 0; }
  to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
@keyframes proofFieldFlash {
  0% { box-shadow: 0 0 0 0 rgba(59,130,246,0); }
  35% { box-shadow: 0 0 0 6px rgba(59,130,246,0.16); }
  100% { box-shadow: 0 0 0 0 rgba(59,130,246,0); }
}
@keyframes proofStatusPulse {
  0% { transform: scale(1); }
  40% { transform: scale(1.04); }
  100% { transform: scale(1); }
}
@keyframes proofCardPulse {
  0% { transform: translateY(0); }
  40% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes proofLoadingBar {
  0% { transform: translateX(-110%); }
  55% { transform: translateX(140%); }
  100% { transform: translateX(140%); }
}

/* === ZIP 10 — ANCHOR TRIGGER STABLE === */
.proof-stage {
  scroll-margin-top: 90px;
}

.proof-stage:not(.is-visible) .app-story-b2b-head,
.proof-stage:not(.is-visible) .app-story-b2b-side,
.proof-stage:not(.is-visible) .app-story-b2b-stage-wrap {
  opacity: 0;
}

.proof-stage.is-visible .app-story-b2b-head {
  animation: proofFadeUp 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.proof-stage.is-visible .app-story-b2b-stage-wrap {
  animation: proofStageIn 760ms cubic-bezier(0.22, 1, 0.36, 1) 90ms both;
}

.proof-stage.is-visible .app-story-b2b-side-left {
  animation: proofCardsLeft 760ms cubic-bezier(0.22, 1, 0.36, 1) 130ms both;
}

.proof-stage.is-visible .app-story-b2b-side-right {
  animation: proofCardsRight 760ms cubic-bezier(0.22, 1, 0.36, 1) 170ms both;
}

.proof-live-demo .proof-demo-status.is-live {
  animation: proofStatusPulse 1s ease;
}

.proof-live-demo .proof-field.is-autofilled input,
.proof-live-demo .proof-field input.proof-input-autofilled {
  animation: proofFieldFlash 900ms ease;
}

.proof-vin-modal[hidden],
.proof-success-modal[hidden],
.proof-loading-overlay[hidden] {
  display: none !important;
}

.proof-vin-modal,
.proof-success-modal,
.proof-loading-overlay {
  opacity: 0;
  pointer-events: none;
}

.proof-vin-modal.is-open,
.proof-success-modal.is-open,
.proof-loading-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

.proof-vin-modal.is-open .proof-modal-dialog,
.proof-success-modal.is-open .proof-success-dialog {
  animation: proofModalIn 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.proof-loading-overlay.is-open .proof-loading-card {
  animation: proofFadeUp 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.proof-loading-progress {
  position: relative;
  overflow: hidden;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  margin-top: 14px;
}

.proof-loading-progress::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 34%;
  border-radius: inherit;
  background: linear-gradient(90deg, #60A5FA 0%, #2563EB 100%);
  animation: proofLoadingBar 1.35s ease-in-out infinite;
}

.proof-loading-step.is-done {
  border-color: rgba(96,165,250,0.28);
  background: rgba(96,165,250,0.12);
}

@keyframes proofFadeUp {
  from { opacity: 0; transform: translate3d(0, 26px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes proofStageIn {
  from { opacity: 0; transform: translate3d(0, 32px, 0) scale(0.985); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes proofCardsLeft {
  from { opacity: 0; transform: translate3d(-24px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes proofCardsRight {
  from { opacity: 0; transform: translate3d(24px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes proofCardsUp {
  from { opacity: 0; transform: translate3d(0, 24px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes proofTimelineStep {
  from { opacity: 0; transform: translate3d(-16px, 24px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes proofModalIn {
  from { opacity: 0; transform: translate(-50%, calc(-50% + 18px)) scale(0.985); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@keyframes proofFieldFlash {
  0% { box-shadow: 0 0 0 0 rgba(59,130,246,0); }
  35% { box-shadow: 0 0 0 6px rgba(59,130,246,0.16); }
  100% { box-shadow: 0 0 0 0 rgba(59,130,246,0); }
}

@keyframes proofStatusPulse {
  0% { transform: scale(1); }
  40% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

@keyframes proofCardPulse {
  0% { transform: translateY(0); box-shadow: 0 0 0 0 rgba(37,99,235,0); }
  40% { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(37,99,235,0.12); }
  100% { transform: translateY(0); box-shadow: 0 0 0 0 rgba(37,99,235,0); }
}

@keyframes proofLoadingBar {
  0% { transform: translateX(-115%); }
  55% { transform: translateX(175%); }
  100% { transform: translateX(175%); }
}

/* === ZIP 13 — VIN CONTRAST FIX === */
.proof-field input,
.proof-modal-field input {
  opacity: 1 !important;
  font-weight: 700;
  -webkit-text-fill-color: currentColor;
  caret-color: #2563EB;
}

.proof-field input[readonly] {
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
}

.proof-modal-field input {
  color: #0F172A !important;
  -webkit-text-fill-color: #0F172A !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(37, 99, 235, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 0 0 3px rgba(37,99,235,0.08);
}

.proof-field-vin input,
.proof-modal-field input[data-proof-vin-input],
.proof-field input[data-proof-vin-display] {
  letter-spacing: 0.08em;
  font-family: Inter, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

.proof-field input[data-proof-vin-display] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: linear-gradient(180deg, rgba(15,23,42,0.92) 0%, rgba(30,41,59,0.98) 100%) !important;
  border-color: rgba(96,165,250,0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 0 0 1px rgba(96,165,250,0.08);
}

.proof-field input[data-proof-vin-display]::placeholder,
.proof-modal-field input[data-proof-vin-input]::placeholder {
  color: rgba(148,163,184,0.95) !important;
  -webkit-text-fill-color: rgba(148,163,184,0.95) !important;
}

/* === ZIP 14 — VIN ENTER BUTTON === */
.proof-modal-footer {
  justify-content: center;
}

.proof-modal-field {
  position: relative;
}

.proof-modal-field.is-typing::after {
  content: '';
  position: absolute;
  left: calc(14px + (var(--cursor-step, 0) * 0.68ch));
  top: 42px;
  width: 2px;
  height: 20px;
  border-radius: 999px;
  background: #2563EB;
  box-shadow: 0 0 0 1px rgba(37,99,235,0.08), 0 0 16px rgba(37,99,235,0.20);
  animation: proofCaretBlink 0.9s step-end infinite;
  pointer-events: none;
}

.proof-modal-field.is-typing input[data-proof-vin-input] {
  caret-color: transparent !important;
}

@keyframes proofCaretBlink {
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: 0; }
}

@keyframes proofAnalysisSpotlight {
  0% { transform: translateY(10px) scale(0.985); box-shadow: 0 8px 18px rgba(2,6,23,0.20); }
  35% { transform: translateY(-3px) scale(1.01); box-shadow: 0 20px 44px rgba(37,99,235,0.18), 0 0 0 1px rgba(96,165,250,0.20); }
  100% { transform: translateY(0) scale(1); box-shadow: 0 16px 34px rgba(2,6,23,0.16); }
}

/* === ZIP 16 — CINEMATIC VIN AUTOFILL === */
.proof-field.is-stage-live {
  animation: proofAutofillStage 1.05s cubic-bezier(0.22, 1, 0.36, 1) both;
  border-radius: 16px;
}

.proof-field.is-stage-live input {
  border-color: rgba(96,165,250,0.85) !important;
  box-shadow: 0 0 0 0.25rem rgba(37,99,235,0.18), 0 18px 34px rgba(2,6,23,0.22) !important;
}

@keyframes proofAutofillStage {
  0% { transform: translateY(0); }
  40% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}

.proof-modal-field.is-typing::after {
  width: 2px;
  height: 21px;
  top: 41px;
  background: linear-gradient(180deg, #60A5FA 0%, #2563EB 100%);
  box-shadow: 0 0 0 1px rgba(37,99,235,0.10), 0 0 18px rgba(37,99,235,0.26), 0 0 28px rgba(96,165,250,0.12);
  animation: proofCaretBlinkCinematic 1.15s linear infinite;
}

@keyframes proofCaretBlinkCinematic {
  0%, 32% { opacity: 1; transform: translateY(0); }
  33%, 42% { opacity: 0; transform: translateY(0.5px); }
  43%, 78% { opacity: 1; transform: translateY(0); }
  79%, 100% { opacity: 0; transform: translateY(0.5px); }
}

/* === ZIP 17 — DIRECTED SEQUENCE PROOF 1 TO PROOF 2 === */
.proof-btn.is-pressed {
  animation: proofButtonPress 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes proofButtonPress {
  0% { transform: translateY(0) scale(1); }
  38% { transform: translateY(3px) scale(0.97); }
  100% { transform: translateY(0) scale(1); }
}

.proof-field.is-co2-live input {
  animation: proofCo2Blink 1.05s ease-in-out infinite;
  border-color: rgba(96,165,250,0.92) !important;
}

@keyframes proofCo2Blink {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37,99,235,0.08); }
  50% { box-shadow: 0 0 0 0.32rem rgba(37,99,235,0.22), 0 16px 28px rgba(37,99,235,0.12); }
}

.proof-success-dialog {
  max-width: 430px;
}

.proof-success-actions {
  justify-content: flex-start;
}

/* === ZIP 18 — 4S HOLD + UNIFIED BUTTONS === */

.proof-btn[disabled] {
  opacity: 0.52 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

@keyframes proofButtonPressUnified {
  0% { transform: translateY(0) scale(1); box-shadow: 0 14px 26px rgba(29,78,216,0.22); }
  35% { transform: translateY(3px) scale(0.972); box-shadow: inset 0 6px 14px rgba(0,0,0,0.18), 0 6px 12px rgba(29,78,216,0.16); }
  100% { transform: translateY(0) scale(1); box-shadow: 0 14px 26px rgba(29,78,216,0.22); }
}

.proof-modal-field.is-typing::after {
  width: 1.5px !important;
  height: 20px !important;
  top: 42px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, #60A5FA 35%, #2563EB 100%) !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,0.08), 0 0 12px rgba(96,165,250,0.22), 0 0 24px rgba(37,99,235,0.18) !important;
  animation: proofCaretBlinkHuman 1.05s cubic-bezier(0.4, 0.0, 0.2, 1) infinite !important;
}

@keyframes proofCaretBlinkHuman {
  0%, 18% { opacity: 1; }
  19%, 28% { opacity: 0; }
  29%, 58% { opacity: 1; }
  59%, 72% { opacity: 0; }
  73%, 100% { opacity: 1; }
}

.proof-loading-progress,
.proof-loading-progress::before {
  display: none !important;
  animation: none !important;
  content: none !important;
}

.proof-field.is-stage-live input {
  transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease !important;
}

.proof-field.is-co2-live input {
  animation: proofCo2Blink 0.92s ease-in-out infinite !important;
}

/* === ZIP 19 — 2S BUTTONS + CO2 FIX === */

@keyframes proofButtonPressSlow {
  0% { transform: translateY(0) scale(1); box-shadow: 0 14px 26px rgba(29,78,216,0.22); }
  10% { transform: translateY(3px) scale(0.972); box-shadow: inset 0 6px 14px rgba(0,0,0,0.18), 0 6px 12px rgba(29,78,216,0.16); }
  78% { transform: translateY(3px) scale(0.972); box-shadow: inset 0 6px 14px rgba(0,0,0,0.18), 0 6px 12px rgba(29,78,216,0.16); }
  100% { transform: translateY(0) scale(1); box-shadow: 0 14px 26px rgba(29,78,216,0.22); }
}

.proof-btn.is-muted,
.proof-btn[aria-disabled='true'] {
  background: linear-gradient(180deg, #94A3B8 0%, #64748B 100%) !important;
  border-color: rgba(100,116,139,0.42) !important;
  box-shadow: none !important;
  color: rgba(255,255,255,0.92) !important;
  filter: grayscale(0.08) saturate(0.7);
  pointer-events: none;
}

.proof-field.is-co2-live input {
  animation: proofCo2BlinkSlow 1.05s ease-in-out infinite !important;
}

@keyframes proofCo2BlinkSlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37,99,235,0.08); border-color: rgba(96,165,250,0.74); }
  50% { box-shadow: 0 0 0 0.34rem rgba(37,99,235,0.24), 0 16px 28px rgba(37,99,235,0.14); border-color: rgba(96,165,250,0.98); }
}

/* === ZIP 20 — VIEW TIMING + READY BUTTON GLOW === */

/* === ZIP 21 — PREMIUM RUNNING BORDER + ENGLISH PROOFS === */

@keyframes proofPremiumBorderSweep {
  0% { transform: rotate(0deg); filter: brightness(1); }
  50% { transform: rotate(180deg); filter: brightness(1.18); }
  100% { transform: rotate(360deg); filter: brightness(1); }
}

/* === ZIP 22 — HALO FLASH BUTTONS === */

/* === ZIP 23 — APP-LIKE HALO FLASH === */

.proof-btn-primary,
.proof-btn.proof-btn-primary,
.proof-success-actions .proof-btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #3b82f6 100%) !important;
  border-color: rgba(37, 99, 235, 0.42) !important;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18) !important;
}

/* === ZIP 24 — STRONGER HALO + VIN TYPING CLEANUP === */

.proof-modal-field.is-typing::after {
  display: none !important;
  content: none !important;
}

.proof-modal-field.is-typing input[data-proof-vin-input] {
  caret-color: transparent !important;
  border-color: rgba(37, 99, 235, 0.46) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  animation: proofVinTypingField 1.35s ease-in-out infinite;
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.06),
    0 14px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

@keyframes proofVinTypingField {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(37, 99, 235, 0.06),
      0 14px 28px rgba(15, 23, 42, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92);
    border-color: rgba(37, 99, 235, 0.40);
  }
  50% {
    box-shadow:
      0 0 0 3px rgba(59, 130, 246, 0.10),
      0 18px 34px rgba(30, 64, 175, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.96);
    border-color: rgba(59, 130, 246, 0.58);
  }
}

/* === ZIP 25 — ANALYZER APP CTA HARMONIZATION === */

.proof-btn[disabled],
.proof-btn.is-muted,
.proof-btn[aria-disabled='true'] {
  background: linear-gradient(135deg, rgba(30,58,138,0.42) 0%, rgba(37,99,235,0.42) 55%, rgba(59,130,246,0.42) 100%) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
  color: rgba(255,255,255,0.78) !important;
  box-shadow: none !important;
  filter: saturate(0.72) brightness(0.92) !important;
}

@keyframes proofButtonPressAnalyzer {
  0% { transform: translateY(0) scale(1); box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18); }
  10% { transform: translateY(2px) scale(0.978); box-shadow: inset 0 6px 14px rgba(0,0,0,0.16), 0 6px 12px rgba(29,78,216,0.16); }
  78% { transform: translateY(2px) scale(0.978); box-shadow: inset 0 6px 14px rgba(0,0,0,0.16), 0 6px 12px rgba(29,78,216,0.16); }
  100% { transform: translateY(0) scale(1); box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18); }
}

.proof-modal-field.is-typing input[data-proof-vin-input] {
  caret-color: transparent !important;
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 8px 18px rgba(15, 23, 42, 0.05) !important;
  animation: proofVinTypingFluid 1.25s ease-in-out infinite !important;
}

@keyframes proofVinTypingFluid {
  0%, 100% {
    border-color: rgba(37, 99, 235, 0.30);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 8px 18px rgba(15, 23, 42, 0.05);
  }
  50% {
    border-color: rgba(37, 99, 235, 0.46);
    box-shadow: 0 0 0 2px rgba(59,130,246,0.08), inset 0 1px 0 rgba(255,255,255,0.92), 0 12px 24px rgba(15, 23, 42, 0.07);
  }
}

/* === ZIP 26 — BOARDROOM ENTERPRISE CTA TUNING === */

.proof-btn[disabled],
.proof-btn.is-muted,
.proof-btn[aria-disabled='true'] {
  background: linear-gradient(135deg, rgba(30,58,138,0.34) 0%, rgba(37,99,235,0.34) 55%, rgba(59,130,246,0.34) 100%) !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
  color: rgba(255,255,255,0.72) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14) !important;
  filter: saturate(0.68) brightness(0.92) !important;
}

@keyframes proofButtonPressBoardroom {
  0% { transform: translateY(0) scale(1); box-shadow: 0 18px 34px rgba(37, 99, 235, 0.22); }
  10% { transform: translateY(2px) scale(0.982); box-shadow: inset 0 5px 12px rgba(0,0,0,0.14), 0 8px 16px rgba(29,78,216,0.14); }
  78% { transform: translateY(2px) scale(0.982); box-shadow: inset 0 5px 12px rgba(0,0,0,0.14), 0 8px 16px rgba(29,78,216,0.14); }
  100% { transform: translateY(0) scale(1); box-shadow: 0 18px 34px rgba(37, 99, 235, 0.22); }
}

/* === ZIP 27 — STATIC BUTTONS DARK HALO === */

@keyframes proofDarkHaloPressStatic {
  0% {
    transform: none;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.22);
    filter: brightness(1);
  }
  18% {
    transform: none;
    box-shadow:
      inset 0 4px 10px rgba(0, 0, 0, 0.12),
      0 12px 24px rgba(29, 78, 216, 0.14),
      0 0 18px 6px rgba(2, 6, 23, 0.12);
    filter: brightness(0.98);
  }
  82% {
    transform: none;
    box-shadow:
      inset 0 4px 10px rgba(0, 0, 0, 0.12),
      0 12px 24px rgba(29, 78, 216, 0.14),
      0 0 18px 6px rgba(2, 6, 23, 0.12);
    filter: brightness(0.98);
  }
  100% {
    transform: none;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.22);
    filter: brightness(1);
  }
}

/* View 1 — softer because the section already carries a blue ambient glow */
.proof-tone-1 {
  --cta-halo-core: rgba(2, 6, 23, 0.20);
  --cta-halo-deep: rgba(15, 23, 42, 0.16);
  --cta-halo-mid: rgba(30, 41, 59, 0.12);
  --cta-halo-blue: rgba(37, 99, 235, 0.18);
  --cta-halo-blur-1: 20px;
  --cta-halo-spread-1: 7px;
  --cta-halo-blur-2: 44px;
  --cta-halo-spread-2: 16px;
}

/* Stronger on every view, while preserving hierarchy */
.proof-tone-1 {
  --cta-halo-core: rgba(2, 6, 23, 0.28);
  --cta-halo-deep: rgba(15, 23, 42, 0.22);
  --cta-halo-mid: rgba(30, 41, 59, 0.16);
  --cta-halo-blue: rgba(37, 99, 235, 0.23);
  --cta-halo-blur-1: 24px;
  --cta-halo-spread-1: 9px;
  --cta-halo-blur-2: 54px;
  --cta-halo-spread-2: 20px;
}

.proof-tone-1 {
  --cta-halo-core: rgba(0, 0, 0, 0.30);
  --cta-halo-deep: rgba(2, 6, 23, 0.26);
  --cta-halo-mid: rgba(15, 23, 42, 0.22);
  --cta-halo-soft: rgba(30, 41, 59, 0.16);
  --cta-halo-blur-1: 26px;
  --cta-halo-spread-1: 9px;
  --cta-halo-blur-2: 58px;
  --cta-halo-spread-2: 22px;
  --cta-halo-blur-3: 84px;
  --cta-halo-spread-3: 30px;
}

.proof-btn[disabled],
.proof-btn.is-muted,
.proof-btn[aria-disabled='true'] {
  color: rgba(248, 250, 252, 0.70) !important;
  background: linear-gradient(180deg, rgba(51, 65, 85, 0.68) 0%, rgba(30, 41, 59, 0.68) 52%, rgba(15, 23, 42, 0.72) 100%) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: 0 10px 20px rgba(2, 6, 23, 0.16) !important;
  filter: saturate(0.75) brightness(0.92) !important;
}

/* === ZIP 32 — FLAT PREMIUM BUTTONS + DARK MODALS + VISIBLE STAGE HALO === */

/* Visible neutral background halo per view: smoke / slate / graphite, no blue */
.app-story-b2b-stage-glow {
  inset: 1% 4% 6% 4% !important;
  border-radius: 38px !important;
  filter: blur(28px) saturate(0.92) !important;
  opacity: 1 !important;
  pointer-events: none;
}

.proof-tone-1 .app-story-b2b-stage-glow {
  background: radial-gradient(circle at 50% 48%, rgba(226, 232, 240, 0.10) 0%, rgba(148, 163, 184, 0.12) 18%, rgba(51, 65, 85, 0.18) 40%, rgba(15, 23, 42, 0.24) 58%, rgba(15, 23, 42, 0.00) 78%) !important;
}

/* Flat premium buttons aligned across the full flow */

.proof-btn[disabled],
.proof-btn.is-muted,
.proof-btn[aria-disabled='true'] {
  color: rgba(248, 250, 252, 0.68) !important;
  border-color: rgba(148, 163, 184, 0.10) !important;
  background: linear-gradient(180deg, rgba(71, 85, 105, 0.54) 0%, rgba(51, 65, 85, 0.58) 54%, rgba(30, 41, 59, 0.68) 100%) !important;
  box-shadow: 0 8px 16px rgba(2, 6, 23, 0.16) !important;
  filter: saturate(0.78) brightness(0.93) !important;
}

/* Neutral dark halo only on active CTAs */

/* Remove the bootstrap-like blue modal look and align with the native app dark modal language */
.proof-modal-backdrop {
  background: rgba(2, 6, 23, 0.76) !important;
  backdrop-filter: blur(6px) !important;
}

.proof-modal-dialog,
.proof-success-dialog,
.proof-loading-card {
  border-radius: 1.15rem !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.99) 100%) !important;
  box-shadow: 0 28px 56px rgba(2, 6, 23, 0.34) !important;
  color: #e5edf7 !important;
}

.proof-modal-header {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  color: #f8fafc !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
}

.proof-modal-title,
.proof-success-title,
.proof-loading-title {
  color: #f8fafc !important;
}

.proof-modal-close {
  color: rgba(248, 250, 252, 0.86) !important;
}

.proof-modal-body,
.proof-modal-footer {
  background: transparent !important;
}

.proof-modal-footer {
  border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
}

.proof-modal-field span,
.proof-success-copy,
.proof-loading-copy,
.proof-modal-help,
.proof-success-item span {
  color: #94a3b8 !important;
}

.proof-modal-field input {
  min-height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.74) 0%, rgba(30, 41, 59, 0.90) 100%) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.proof-modal-field input::placeholder {
  color: rgba(148, 163, 184, 0.78) !important;
  -webkit-text-fill-color: rgba(148, 163, 184, 0.78) !important;
}

.proof-success-badge {
  background: rgba(148, 163, 184, 0.10) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  color: #cbd5e1 !important;
}

.proof-success-item {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72) 0%, rgba(30, 41, 59, 0.90) 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.proof-success-item strong {
  color: #f8fafc !important;
}

.proof-loading-spinner {
  border-color: rgba(148, 163, 184, 0.16) !important;
  border-top-color: rgba(226, 232, 240, 0.80) !important;
}

.proof-loading-step {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(148, 163, 184, 0.10) !important;
  color: rgba(226, 232, 240, 0.82) !important;
}

.proof-loading-step.is-active,
.proof-loading-step.is-done {
  background: rgba(148, 163, 184, 0.10) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

.proof-loading-progress {
  background: rgba(255, 255, 255, 0.06) !important;
}

.proof-loading-progress::before {
  background: linear-gradient(90deg, rgba(203, 213, 225, 0.16) 0%, rgba(226, 232, 240, 0.78) 50%, rgba(148, 163, 184, 0.20) 100%) !important;
}

/* === ZIP 33 — FLAT BUTTON CLEANUP + VIN WHITE + AIRIER PROGRESS === */

/* Keep VIN input/value and placeholder white before, during and after typing */
.proof-modal-field input[data-proof-vin-input],
.proof-modal-field input[data-proof-vin-input]:focus,
.proof-modal-field input[data-proof-vin-input]:not(:placeholder-shown),
.proof-field input[data-proof-vin-display],
.proof-field input[data-proof-vin-display]:not(:placeholder-shown) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

.proof-modal-field input[data-proof-vin-input]::placeholder,
.proof-modal-field input[data-proof-vin-input]:focus::placeholder,
.proof-field input[data-proof-vin-display]::placeholder {
  color: rgba(248, 250, 252, 0.78) !important;
  -webkit-text-fill-color: rgba(248, 250, 252, 0.78) !important;
}

/* Airier Analysis in progress card */
.proof-loading-card {
  width: min(408px, calc(100% - 28px)) !important;
  padding: 0 18px 4px !important;
}

.proof-loading-title,
.proof-loading-copy {
  padding-inline: 6px !important;
}

.proof-loading-steps {
  gap: 10px !important;
  padding-inline: 6px !important;
}

.proof-loading-step {
  padding: 10px 14px !important;
}

.proof-loading-progress {
  margin-inline: 6px !important;
}

/* === ZIP 34 — BUTTON FLAT FIX + VIN DARK FIX === */

/* Kill any white bottom line / shine layer on CTAs */

/* VIN input must stay readable: white text on dark field, never transparent/white-on-white */
.proof-modal-field input[data-proof-vin-input],
.proof-modal-field input[data-proof-vin-input]:focus,
.proof-modal-field input[data-proof-vin-input]:active,
.proof-modal-field.is-typing input[data-proof-vin-input],
.proof-field input[data-proof-vin-display],
.proof-field input[data-proof-vin-display]:focus,
.proof-field input[data-proof-vin-display]:active {
  background: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 0 0 1000px #111827 inset !important;
  -webkit-box-shadow: 0 0 0 1000px #111827 inset !important;
}

.proof-modal-field input[data-proof-vin-input]::placeholder,
.proof-modal-field input[data-proof-vin-input]:focus::placeholder,
.proof-modal-field.is-typing input[data-proof-vin-input]::placeholder,
.proof-field input[data-proof-vin-display]::placeholder {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
  opacity: 1 !important;
}

/* === ZIP 35 — CTA HARD RESET + VIN VISIBILITY + LOADING MATCH === */

/* VIN field: readable white text on dark field at all times */
.proof-modal-field input[data-proof-vin-input],
.proof-modal-field input[data-proof-vin-input]:focus,
.proof-modal-field input[data-proof-vin-input]:active,
.proof-modal-field input[data-proof-vin-input]:not(:placeholder-shown),
.proof-modal-field.is-typing input[data-proof-vin-input],
.proof-modal-field input[data-proof-vin-input]:-webkit-autofill,
.proof-modal-field input[data-proof-vin-input]:-webkit-autofill:hover,
.proof-modal-field input[data-proof-vin-input]:-webkit-autofill:focus,
.proof-field input[data-proof-vin-display],
.proof-field input[data-proof-vin-display]:focus,
.proof-field input[data-proof-vin-display]:active,
.proof-field input[data-proof-vin-display]:not(:placeholder-shown) {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  opacity: 1 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 0 0 1000px #111827 inset !important;
  -webkit-box-shadow: 0 0 0 1000px #111827 inset !important;
}

.proof-modal-field input[data-proof-vin-input]::placeholder,
.proof-modal-field input[data-proof-vin-input]:focus::placeholder,
.proof-modal-field input[data-proof-vin-input]:not(:placeholder-shown)::placeholder,
.proof-modal-field.is-typing input[data-proof-vin-input]::placeholder,
.proof-field input[data-proof-vin-display]::placeholder {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
  opacity: 1 !important;
}

/* Analysis in progress card: same outer size spirit as Analysis Completed + more vertical air */
.proof-loading-card {
  width: min(430px, calc(100% - 32px)) !important;
  max-width: 430px !important;
  padding: 18px !important;
  box-sizing: border-box !important;
}

.proof-loading-title {
  margin-bottom: 8px !important;
  padding-inline: 4px !important;
}

.proof-loading-copy {
  margin-bottom: 16px !important;
  padding-inline: 4px !important;
}

.proof-loading-steps {
  gap: 10px !important;
  padding-block: 6px !important;
  padding-inline: 4px !important;
}

.proof-loading-step {
  padding: 11px 14px !important;
}

.proof-loading-progress {
  margin-top: 16px !important;
  margin-inline: 4px !important;
}

/* Loading card sized to match Analysis Completed with more top/bottom air */
.proof-success-dialog,
.proof-loading-card {
  width: min(430px, calc(100% - 32px)) !important;
  max-width: 430px !important;
  min-height: 336px !important;
  box-sizing: border-box !important;
}

.proof-loading-card {
  padding: 22px 18px !important;
}

.proof-loading-title {
  margin-bottom: 8px !important;
  padding-inline: 4px !important;
}

.proof-loading-copy {
  margin-bottom: 16px !important;
  padding-inline: 4px !important;
}

.proof-loading-steps {
  gap: 10px !important;
  padding-block: 8px !important;
  padding-inline: 4px !important;
}

/* Green progress rows with check marks */
.proof-loading-step {
  position: relative !important;
  overflow: hidden !important;
  padding: 11px 42px 11px 14px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(148, 163, 184, 0.10) !important;
  color: rgba(226, 232, 240, 0.84) !important;
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
}

.proof-loading-step::before {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  top: 50%;
  height: 8px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.10);
  transform: translateY(-50%);
  z-index: 0;
}

.proof-loading-step::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1.5px solid rgba(148, 163, 184, 0.26);
  background: rgba(255, 255, 255, 0.03);
  transform: translateY(-50%);
  z-index: 2;
}

.proof-loading-step > * ,
.proof-loading-step {
  position: relative;
  z-index: 1;
}

.proof-loading-step.is-active {
  border-color: rgba(34, 197, 94, 0.32) !important;
  color: #ecfdf5 !important;
  box-shadow: 0 10px 20px rgba(2, 6, 23, 0.16) !important;
}

.proof-loading-step.is-active::before {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.18) 0%, rgba(34, 197, 94, 0.82) 72%, rgba(34, 197, 94, 0.12) 100%) !important;
}

.proof-loading-step.is-done {
  border-color: rgba(34, 197, 94, 0.26) !important;
  background: rgba(34, 197, 94, 0.08) !important;
  color: #dcfce7 !important;
}

.proof-loading-step.is-done::before {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.30) 0%, rgba(34, 197, 94, 0.88) 100%) !important;
}

.proof-loading-step.is-done::after {
  content: '✓';
  display: grid;
  place-items: center;
  color: #052e16;
  font-size: 0.78rem;
  font-weight: 900;
  border-color: rgba(34, 197, 94, 0.36) !important;
  background: #4ade80 !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14) !important;
}

.proof-loading-progress {
  margin-top: 16px !important;
  margin-inline: 4px !important;
}

/* Slower, readable progress view with thin bars below the text */
.proof-loading-card {
  min-height: 356px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.proof-loading-copy {
  margin-bottom: 18px !important;
}

.proof-loading-steps {
  gap: 12px !important;
  padding-top: 10px !important;
  padding-bottom: 12px !important;
}

.proof-loading-step {
  min-height: 54px !important;
  padding: 10px 42px 16px 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}

.proof-loading-step::before {
  left: 14px !important;
  right: 42px !important;
  top: auto !important;
  bottom: 10px !important;
  height: 3px !important;
  transform: none !important;
  transform-origin: left center !important;
  background: rgba(148, 163, 184, 0.18) !important;
}

.proof-loading-step::after {
  right: 12px !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateY(-50%) !important;
}

.proof-loading-step.is-active::before {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.22) 0%, rgba(34, 197, 94, 0.88) 100%) !important;
  animation: proofStepProgress var(--step-progress-ms, 1200ms) linear forwards !important;
}

.proof-loading-step.is-done::before {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.36) 0%, rgba(34, 197, 94, 0.92) 100%) !important;
  animation: none !important;
}

@keyframes proofStepProgress {
  0% { transform: scaleX(0); opacity: 0.92; }
  100% { transform: scaleX(1); opacity: 1; }
}

/* Remove spinner completely */
.proof-loading-spinner {
  display: none !important;
}

.proof-loading-card {
  padding-top: 26px !important;
}

.proof-loading-title {
  margin-top: 0 !important;
}

/* Hard remove spinner */
.proof-loading-spinner,
.proof-loading-card .proof-loading-spinner,
[data-proof-loading] .proof-loading-spinner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}

/* Perfect centering of the loading card */
.proof-loading-overlay,
[data-proof-loading].proof-loading-overlay {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.proof-loading-card {
  margin: 0 auto !important;
  align-self: center !important;
  justify-self: center !important;
  padding-top: 28px !important;
}

.proof-loading-title {
  margin-top: 0 !important;
}

/* Remove loading copy and align loading/success card height exactly */
.proof-loading-copy {
  display: none !important;
}

.proof-success-dialog,
.proof-loading-card {
  width: min(430px, calc(100% - 32px)) !important;
  max-width: 430px !important;
  min-height: 318px !important;
  box-sizing: border-box !important;
}

.proof-loading-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 22px 18px !important;
}

.proof-success-dialog {
  min-height: 318px !important;
}

/* Keep spinner absolutely removed */
.proof-loading-spinner,
.proof-loading-card .proof-loading-spinner,
[data-proof-loading] .proof-loading-spinner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

/* One unified class for all flow CTAs */

/* === ZIP 49 — UNIFIED CTA GRAMMAR === */
.proof-cta,
.proof-btn.proof-cta,
a.proof-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  min-height: 48px !important;
  padding: 0.86rem 1.18rem !important;
  border-radius: 999px !important;
  color: #f8fafc !important;
  background: linear-gradient(180deg, #314156 0%, #243244 100%) !important;
  border: 1px solid rgba(96, 165, 250, 0.18) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 30px rgba(2, 6, 23, 0.24), 0 8px 18px rgba(15, 23, 42, 0.16) !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  transition: box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease, filter 180ms ease, opacity 180ms ease !important;
  will-change: box-shadow, filter !important;
}

.proof-cta::before,
.proof-cta::after,
.proof-btn.proof-cta::before,
.proof-btn.proof-cta::after,
a.proof-cta::before,
a.proof-cta::after {
  content: none !important;
  display: none !important;
}

.proof-cta:hover,
.proof-cta:focus-visible,
.proof-btn.proof-cta:hover,
.proof-btn.proof-cta:focus-visible,
a.proof-cta:hover,
a.proof-cta:focus-visible {
  color: #f8fafc !important;
  background: linear-gradient(180deg, #38506a 0%, #2b3d52 100%) !important;
  border-color: rgba(96, 165, 250, 0.26) !important;
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.28), 0 12px 22px rgba(15, 23, 42, 0.18), 0 0 24px rgba(37, 99, 235, 0.10) !important;
  transform: none !important;
}

.proof-cta:disabled,
.proof-cta[aria-disabled="true"],
.proof-cta.is-muted {
  opacity: 0.42 !important;
  color: rgba(226, 232, 240, 0.68) !important;
  background: linear-gradient(180deg, #1e2937 0%, #17212d 100%) !important;
  border-color: rgba(71, 85, 105, 0.22) !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
  -webkit-animation: none !important;
}

.proof-cta.proof-flow-static {
  opacity: 1 !important;
}

.proof-cta.proof-flow-static.is-pressed {
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.24) !important;
  filter: brightness(1) saturate(1) !important;
}

.proof-cta.proof-flow-cta:not([data-flow-active="true"]):not(.is-pressed):not(:disabled):not([aria-disabled="true"]) {
  opacity: 0.48 !important;
  filter: grayscale(0.18) saturate(0.78) brightness(0.84) !important;
  box-shadow: 0 10px 20px rgba(2, 6, 23, 0.16) !important;
}

.proof-cta.proof-flow-cta[data-flow-active="true"],
.proof-cta.proof-flow-cta.is-flow-live {
  opacity: 1 !important;
  color: #f8fafc !important;
  background: linear-gradient(180deg, #34485f 0%, #253548 100%) !important;
  border: 2px solid rgba(96, 165, 250, 0.34) !important;
  transform: none !important;
  text-decoration: none !important;
}

.proof-cta.proof-flow-cta[data-flow-active="true"][data-flow-phase="a"],
.proof-cta.proof-flow-cta.is-flow-live[data-flow-phase="a"] {
  filter: brightness(1.04) saturate(1.08) contrast(1.04) !important;
  box-shadow:
    0 18px 34px rgba(2, 6, 23, 0.34),
    0 0 0 3px rgba(37, 99, 235, 0.18),
    0 0 0 9px rgba(59, 130, 246, 0.10),
    0 0 28px rgba(37, 99, 235, 0.16) !important;
}

.proof-cta.proof-flow-cta[data-flow-active="true"][data-flow-phase="b"],
.proof-cta.proof-flow-cta.is-flow-live[data-flow-phase="b"] {
  filter: brightness(1.18) saturate(1.18) contrast(1.08) !important;
  box-shadow:
    0 22px 42px rgba(2, 6, 23, 0.42),
    0 0 0 4px rgba(59, 130, 246, 0.30),
    0 0 0 14px rgba(37, 99, 235, 0.16),
    0 0 44px rgba(37, 99, 235, 0.24),
    0 0 74px rgba(15, 23, 42, 0.18) !important;
}

.proof-cta.proof-flow-cta.is-pressed,
.proof-cta.proof-flow-static.is-pressed {
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.24) !important;
  filter: brightness(1) saturate(1) !important;
}

.hero-mockup--empty {
  min-height: 0 !important;
  padding: 0 !important;
}

.hero-mockup--empty::before {
  display: none !important;
}

@keyframes proofZeroCaret {
  50% { opacity: 0; }
}

.proof-live-demo .proof-live-cards,
.proof-live-demo .app-story-b2b-side,
.proof-live-demo .app-story-b2b-side-left {
  overflow: visible !important;
  position: relative;
}

/* ZIP 87 — LIVE PRODUCT PROOF DROPDOWN WIDGET NO CARD */
.proof-live-demo .app-story-b2b-side-left.proof-live-cards {
  position: relative !important;
  overflow: visible !important;
}

.proof-live-demo .app-story-b2b-side-left.proof-live-cards {
  position: relative !important;
  overflow: visible !important;
}

.proof-live-demo .proof-live-origin-slot {
  position: relative;
  min-height: 164px;
  overflow: visible !important;
  z-index: 14;
}

.proof-live-demo .proof-live-origin-card {
  position: absolute;
  inset: 0;
  padding: 18px 18px 16px;
  border-radius: 20px;
  background: rgba(10, 14, 20, 0.82);
  border: 1px solid rgba(255,255,255,0.07);
  box-shadow: 0 10px 24px rgba(0,0,0,0.15);
  overflow: visible;
  isolation: isolate;
}

.proof-live-demo .proof-live-origin-head {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 12px;
}

.proof-live-demo .proof-live-origin-kicker {
  color: #f3f7fc;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.2;
}

.proof-live-demo .proof-live-origin-copy {
  color: #a8b5c2;
  font-size: 0.76rem;
  line-height: 1.4;
}

.proof-live-demo .proof-live-origin-field {
  position: relative;
  z-index: 2;
}

.proof-live-demo .proof-live-origin-label {
  margin-bottom: 8px;
  color: #d9e5f1;
  font-size: 0.72rem;
  font-weight: 700;
}

.proof-live-demo .proof-live-origin-required {
  color: #7dd3fc;
}

.proof-live-demo .proof-live-origin-display {
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: #101722;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #eef4fb;
  font-size: 0.84rem;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.proof-live-demo .proof-live-origin-display em {
  font-style: normal;
  color: #8ea0b3;
  transition: transform 220ms ease;
}

.proof-live-demo .proof-live-origin-list {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  max-height: 208px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 22, 32, 0.98);
  padding: 8px;
  scroll-behavior: smooth;
  box-shadow: 0 24px 44px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.03) inset;
  opacity: 0;
  transform: translateY(-10px) scale(0.985);
  transform-origin: top center;
  pointer-events: none;
  z-index: 20;
  transition: opacity 220ms ease, transform 240ms ease;
}

.proof-live-demo .proof-live-origin-option {
  width: 100%;
  min-height: 36px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #dbe7f4;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.proof-live-demo .proof-live-origin-option + .proof-live-origin-option {
  margin-top: 4px;
}

.proof-live-demo .proof-live-origin-option.is-targeting {
  background: rgba(59, 130, 246, 0.12);
  color: #f8fbff;
  transform: translateX(2px);
}

.proof-live-demo .proof-live-origin-option.is-selected {
  background: linear-gradient(180deg, rgba(34, 197, 94, 0.22), rgba(22, 163, 74, 0.12));
  color: #f8fff9;
  box-shadow: inset 0 0 0 1px rgba(134, 239, 172, 0.18);
}

.proof-live-demo .proof-live-origin-mini-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 220ms ease, transform 220ms ease;
}

.proof-live-demo .proof-live-origin-mini-card {
  min-height: 62px;
  padding: 11px 11px 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86));
  border: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.proof-live-demo .proof-live-origin-mini-card span {
  color: #97A7B7;
  font-size: 0.7rem;
}

.proof-live-demo .proof-live-origin-mini-card strong {
  color: #F4F8FD;
  font-size: 0.82rem;
  font-weight: 700;
}

.proof-live-demo .proof-live-origin-card.is-open {
  z-index: 24;
}

.proof-live-demo .proof-live-origin-card.is-open .proof-live-origin-display {
  border-color: rgba(96, 165, 250, 0.34);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.proof-live-demo .proof-live-origin-card.is-open .proof-live-origin-display em {
  transform: rotate(180deg);
}

.proof-live-demo .proof-live-origin-card.is-open .proof-live-origin-list {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.proof-live-demo .proof-live-origin-card.is-availability-visible .proof-live-origin-mini-row {
  opacity: 1;
  transform: translateY(0);
}

.proof-live-demo .proof-live-origin-slot + .app-story-b2b-card {
  position: relative;
  z-index: 1;
}

.proof-live-demo .proof-live-origin-list::-webkit-scrollbar {
  width: 7px;
}

.proof-live-demo .proof-live-origin-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(120, 144, 172, 0.45);
}

@media (max-width: 767px) {
  .proof-live-demo .proof-live-origin-slot {
    min-height: 176px;
  }

  .proof-live-demo .proof-live-origin-card {
    padding: 16px 16px 14px;
  }

  .proof-live-demo .proof-live-origin-list {
    max-height: 180px;
  }

  .proof-live-demo .proof-live-origin-mini-row {
    grid-template-columns: 1fr;
  }
}

/* ZIP 89 — LIVE PRODUCT PROOF 4 HOMOGENEOUS MINI CARDS */
.proof-live-demo .proof-live-flow-side {
  position: relative !important;
  overflow: visible !important;
}

.proof-live-demo .proof-live-flow-card {
  position: relative;
  min-height: 164px !important;
  overflow: visible !important;
  isolation: isolate;
}

.proof-live-demo .proof-live-flow-card.is-open {
  z-index: 26;
}

.proof-live-demo .proof-live-flow-card-suppliers,
.proof-live-demo .proof-live-flow-card-params {
  z-index: 8;
}

.proof-live-demo .proof-live-flow-card-origin,
.proof-live-demo .proof-live-flow-card-scope {
  z-index: 4;
}

.proof-live-demo .proof-live-flow-head {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 12px;
}

.proof-live-demo .proof-live-flow-kicker {
  color: #f3f7fc;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.2;
}

.proof-live-demo .proof-live-flow-copy {
  color: #a8b5c2;
  font-size: 0.76rem;
  line-height: 1.4;
}

.proof-live-demo .proof-live-flow-field {
  position: relative;
  z-index: 2;
}

.proof-live-demo .proof-live-flow-label {
  margin-bottom: 8px;
  color: #d9e5f1;
  font-size: 0.72rem;
  font-weight: 700;
}

.proof-live-demo .proof-live-flow-required {
  color: #7dd3fc;
}

.proof-live-demo .proof-live-flow-display {
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: #101722;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #eef4fb;
  font-size: 0.84rem;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.proof-live-demo .proof-live-flow-display em {
  font-style: normal;
  color: #8ea0b3;
  transition: transform 220ms ease;
}

.proof-live-demo .proof-live-flow-card.is-open .proof-live-flow-display {
  border-color: rgba(96, 165, 250, 0.34);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.proof-live-demo .proof-live-flow-card.is-open .proof-live-flow-display em {
  transform: rotate(180deg);
}

.proof-live-demo .proof-live-flow-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 22, 32, 0.98);
  padding: 8px;
  box-shadow: 0 24px 44px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.03) inset;
  opacity: 0;
  transform: translateY(-10px) scale(0.985);
  transform-origin: top center;
  pointer-events: none;
  z-index: 22;
  transition: opacity 220ms ease, transform 240ms ease;
}

.proof-live-demo .proof-live-flow-card.is-open .proof-live-flow-overlay {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.proof-live-demo .proof-live-flow-overlay-list {
  max-height: 208px;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.proof-live-demo .proof-live-flow-option {
  width: 100%;
  min-height: 36px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #dbe7f4;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.proof-live-demo .proof-live-flow-option + .proof-live-flow-option {
  margin-top: 4px;
}

.proof-live-demo .proof-live-flow-option.is-targeting {
  background: rgba(59, 130, 246, 0.12);
  color: #f8fbff;
  transform: translateX(2px);
}

.proof-live-demo .proof-live-flow-option.is-selected {
  background: linear-gradient(180deg, rgba(34, 197, 94, 0.22), rgba(22, 163, 74, 0.12));
  color: #f8fff9;
  box-shadow: inset 0 0 0 1px rgba(134, 239, 172, 0.18);
}

.proof-live-demo .proof-live-flow-mini-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease;
}

.proof-live-demo .proof-live-flow-card.is-resolved .proof-live-flow-mini-row {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.proof-live-demo .proof-live-flow-mini-card {
  min-height: 62px;
  padding: 11px 11px 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86));
  border: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.proof-live-demo .proof-live-flow-mini-card span {
  color: #97A7B7;
  font-size: 0.7rem;
}

.proof-live-demo .proof-live-flow-mini-card strong {
  color: #F4F8FD;
  font-size: 0.82rem;
  font-weight: 700;
}

.proof-live-demo .proof-live-supplier-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  margin-bottom: 8px;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(59,130,246,0.18) 0%, rgba(14,165,233,0.12) 100%);
  border: 1px solid rgba(125,211,252,0.24);
  color: #bae6fd;
  font-size: 0.72rem;
  font-weight: 700;
}

.proof-live-demo .proof-live-param-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.proof-live-demo .proof-live-param-chip {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.58);
  color: #b8c6d5;
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 700;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.proof-live-demo .proof-live-param-chip.is-active {
  background: linear-gradient(180deg, rgba(34,197,94,0.22), rgba(22,163,74,0.12));
  color: #eafff1;
  border-color: rgba(134,239,172,0.2);
  box-shadow: inset 0 0 0 1px rgba(134,239,172,0.14);
}

.proof-live-demo .proof-live-param-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.proof-live-demo .proof-live-param-item {
  min-height: 42px;
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(9, 14, 24, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.proof-live-demo .proof-live-param-item span {
  color: #97A7B7;
  font-size: 0.72rem;
}

.proof-live-demo .proof-live-param-item strong {
  color: #F4F8FD;
  font-size: 0.78rem;
}

.proof-live-demo .proof-live-param-item.is-targeting {
  border-color: rgba(96, 165, 250, 0.34);
  background: rgba(12, 21, 34, 0.98);
  transform: translateX(2px);
}

.proof-live-demo .proof-live-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.proof-live-demo .proof-live-scope-pill {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.10);
  background: rgba(9, 14, 24, 0.9);
  color: #d8e5f3;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.proof-live-demo .proof-live-scope-pill.is-selected {
  border-color: rgba(134,239,172,0.2);
  background: linear-gradient(180deg, rgba(34,197,94,0.18), rgba(22,163,74,0.10));
  color: #f4fff7;
  transform: translateY(-1px);
}

.proof-live-demo .proof-live-scope-pill.is-muted {
  opacity: 0.58;
}

.proof-live-demo .proof-live-flow-overlay-list::-webkit-scrollbar,
.proof-live-demo .proof-live-scope-grid::-webkit-scrollbar {
  width: 7px;
}

.proof-live-demo .proof-live-flow-overlay-list::-webkit-scrollbar-thumb,
.proof-live-demo .proof-live-scope-grid::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(120, 144, 172, 0.45);
}

@media (max-width: 767px) {
  .proof-live-demo .proof-live-flow-mini-row,
  .proof-live-demo .proof-live-scope-grid {
    grid-template-columns: 1fr;
  }

  .proof-live-demo .proof-live-flow-overlay-list,
  .proof-live-demo .proof-live-flow-overlay-panel {
    max-height: 188px;
    overflow-y: auto;
  }
}

/* ZIP 90 — LIVE PRODUCT PROOF 4 HOMOGENEOUS MINI CARDS PIXEL PERFECT V2 */
.proof-live-demo .proof-live-flow-side {
  gap: 15px !important;
  align-content: start !important;
}

.proof-live-demo .proof-live-flow-card {
  min-height: 172px !important;
  padding: 18px 18px 16px !important;
}

.proof-live-demo .proof-live-flow-head {
  gap: 4px !important;
  margin-bottom: 11px !important;
  min-height: 45px;
}

.proof-live-demo .proof-live-flow-kicker {
  line-height: 1.16 !important;
}

.proof-live-demo .proof-live-flow-copy {
  font-size: 0.75rem !important;
  line-height: 1.38 !important;
}

.proof-live-demo .proof-live-flow-label {
  margin-bottom: 7px !important;
  line-height: 1.2 !important;
}

.proof-live-demo .proof-live-flow-display {
  min-height: 44px !important;
  padding: 0 13px !important;
  border-radius: 15px !important;
}

.proof-live-demo .proof-live-flow-overlay {
  top: calc(100% + 9px) !important;
  padding: 9px !important;
  border-radius: 15px !important;
}

.proof-live-demo .proof-live-flow-overlay-panel {
  padding: 10px !important;
}

.proof-live-demo .proof-live-flow-overlay-list {
  max-height: 216px !important;
}

.proof-live-demo .proof-live-flow-option {
  min-height: 37px !important;
  padding: 0 11px !important;
}

.proof-live-demo .proof-live-flow-option + .proof-live-flow-option {
  margin-top: 5px !important;
}

.proof-live-demo .proof-live-flow-mini-row {
  gap: 9px !important;
  margin-top: 11px !important;
  align-items: stretch !important;
}

.proof-live-demo .proof-live-flow-mini-card {
  min-height: 64px !important;
  padding: 11px 12px 10px !important;
  border-radius: 15px !important;
  justify-content: center;
}

.proof-live-demo .proof-live-flow-mini-card span {
  line-height: 1.15 !important;
}

.proof-live-demo .proof-live-flow-mini-card strong {
  line-height: 1.24 !important;
}

.proof-live-demo .proof-live-supplier-badge {
  min-height: 27px !important;
  margin-bottom: 9px !important;
}

.proof-live-demo .proof-live-param-chip-row {
  gap: 7px !important;
  margin-bottom: 9px !important;
}

.proof-live-demo .proof-live-param-chip {
  min-height: 29px !important;
  padding: 0 11px !important;
}

.proof-live-demo .proof-live-param-grid {
  gap: 7px !important;
}

.proof-live-demo .proof-live-param-item {
  min-height: 43px !important;
  padding: 9px 11px !important;
  border-radius: 13px !important;
}

.proof-live-demo .proof-live-scope-grid {
  gap: 7px !important;
}

.proof-live-demo .proof-live-scope-pill {
  min-height: 39px !important;
  padding: 8px 11px !important;
  border-radius: 13px !important;
  align-items: center !important;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-mini-card strong {
  font-size: 0.79rem !important;
}

@media (max-width: 767px) {
  .proof-live-demo .proof-live-flow-card {
    min-height: 176px !important;
    padding: 17px 16px 15px !important;
  }

  .proof-live-demo .proof-live-flow-head {
    min-height: 0 !important;
  }

  .proof-live-demo .proof-live-flow-overlay-list,
  .proof-live-demo .proof-live-flow-overlay-panel {
    max-height: 192px !important;
  }
}

/* ZIP 99 — LIVE PRODUCT PROOF SUPPLIERS APP FIELDS COMPACT */
.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-head {
  margin-bottom: 8px;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-field {
  margin-top: 0;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-display {
  margin-top: 0;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-overlay {
  top: calc(100% + 6px);
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-mini-row-inline {
  grid-template-columns: 1fr;
  gap: 8px;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-mini-card-inline {
  min-height: 36px;
  padding: 8px 10px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-mini-card-inline span,
.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-mini-card-inline strong {
  display: inline-flex;
  align-items: center;
  line-height: 1.15;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-mini-card-inline span {
  font-size: 0.72rem;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-mini-card-inline strong {
  font-size: 0.8rem;
  white-space: nowrap;
}

/* ZIP 100 — LIVE PRODUCT PROOF SUPPLIERS V2 REFERENCE HISTORY EMAIL */
.proof-live-demo .proof-live-flow-meta-suppliers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 10px;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86));
  border: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease, border-color 180ms ease, background 180ms ease;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline span,
.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline strong {
  display: inline-flex;
  align-items: center;
  line-height: 1.15;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline span {
  color: #97A7B7;
  font-size: 0.72rem;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline strong {
  color: #F4F8FD;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: right;
  justify-content: flex-end;
}

/* ZIP 101 — LIVE PRODUCT PROOF SUPPLIERS HISTORY LAST ANALYSIS REFERENCE */
.proof-live-demo .proof-live-flow-card-suppliers {
  min-height: 166px !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-head {
  min-height: 0 !important;
  margin-bottom: 5px !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-field {
  margin-top: 0 !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-display {
  margin-top: 0 !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-meta-suppliers {
  margin-top: 8px;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline {
  min-height: 34px;
  padding: 7px 10px;
}

/* ZIP 104 — SUPPLIER DROPDOWN CLOSE + REFERENCE VISIBILITY */
.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline.is-typing {
  border-color: rgba(96, 165, 250, 0.34);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), 0 0 0 1px rgba(255,255,255,0.02) inset;
}

/* ZIP 105 — ORIGIN COMPACT COUNTRY AVAILABILITY DATE */
.proof-live-demo .proof-live-flow-card-origin {
  min-height: 166px !important;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-head {
  min-height: 0 !important;
  margin-bottom: 5px !important;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-field {
  margin-top: 0 !important;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-display {
  margin-top: 0 !important;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-overlay {
  top: calc(100% + 6px);
}

.proof-live-demo .proof-live-flow-meta-origin {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 8px;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86));
  border: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline span,
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline strong {
  display: inline-flex;
  align-items: center;
  line-height: 1.15;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline span {
  color: #97A7B7;
  font-size: 0.72rem;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline strong {
  color: #F4F8FD;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: right;
  justify-content: flex-end;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline.is-targeting {
  border-color: rgba(96, 165, 250, 0.34);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline.is-selected {
  border-color: rgba(134,239,172,0.22);
  background: linear-gradient(180deg, rgba(34,197,94,0.18), rgba(22,163,74,0.10));
}

/* ZIP 106 — ORIGIN AVAILABILITY SLOW NO GREEN */
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline.is-selected {
  border-color: rgba(148, 163, 184, 0.12) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  box-shadow: none !important;
}

/* ZIP 108 — ORIGIN LABELS STATIC, VALUES INJECTED ONLY */
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline strong[data-proof-live-origin-value] {
  min-width: 88px;
}

/* ZIP 109 — PARAMS LABELS STATIC, VALUES INJECTED ONLY */
.proof-live-demo .proof-live-flow-card-params .proof-live-flow-mini-row-params {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

.proof-live-demo .proof-live-flow-card-params strong[data-proof-live-param-value],
.proof-live-demo .proof-live-flow-card-params strong[data-proof-live-param-mini] {
  min-width: 76px;
}

/* ZIP 110 — PARAMS REMOVE LABEL + RAISE DROPDOWN */
.proof-live-demo .proof-live-flow-card-params {
  min-height: 166px !important;
}

.proof-live-demo .proof-live-flow-card-params .proof-live-flow-head {
  min-height: 0 !important;
  margin-bottom: 5px !important;
}

.proof-live-demo .proof-live-flow-card-params .proof-live-flow-field {
  margin-top: 0 !important;
}

.proof-live-demo .proof-live-flow-card-params .proof-live-flow-display {
  margin-top: 0 !important;
}

.proof-live-demo .proof-live-flow-card-params .proof-live-flow-overlay {
  top: calc(100% + 6px);
}

/* ZIP 111 — PARAMS DIRECT FIELDS NO DROPDOWN */
.proof-live-demo .proof-live-flow-field-params-direct {
  margin-top: 0 !important;
}

.proof-live-demo .proof-live-flow-card-params .proof-live-param-chip-row {
  margin-bottom: 9px !important;
}

.proof-live-demo .proof-live-flow-card-params .proof-live-param-grid {
  gap: 7px !important;
}

/* ZIP 112 — PARAMS NO DUPLICATES HUMAN INPUT */
.proof-live-demo .proof-live-flow-card-params {
  min-height: 160px !important;
}

/* ZIP 113 — PARAMS REALISM + CURRENCY PREFIX */
.proof-live-demo .proof-live-param-chip.is-targeting {
  border-color: rgba(96, 165, 250, 0.34);
  background: rgba(12, 21, 34, 0.98);
  color: #eef6ff;
  transform: translateX(1px);
}

.proof-live-demo .proof-live-param-item strong[data-proof-live-param-value] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1px;
  min-width: 72px;
}

.proof-live-demo .proof-live-param-item strong[data-proof-live-param-value]::before {
  content: '€';
  color: #97A7B7;
  font-size: 0.72rem;
  line-height: 1;
}

/* ZIP 114 — SCOPE DIRECT MARKET SCOPE */
.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-head {
  margin-bottom: 8px;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-field {
  margin-top: 0;
}

.proof-live-demo .proof-live-flow-field-scope-direct {
  display: grid;
  gap: 10px;
}

.proof-live-demo .proof-live-scope-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.proof-live-demo .proof-live-scope-action {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.58);
  color: #b8c6d5;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.proof-live-demo .proof-live-scope-action.is-targeting,
.proof-live-demo .proof-live-scope-action.is-active {
  border-color: rgba(96, 165, 250, 0.34);
  background: rgba(12, 21, 34, 0.98);
  color: #eef6ff;
}

.proof-live-demo .proof-live-scope-action[data-proof-live-scope-action="clear"] {
  opacity: 0.68;
}

.proof-live-demo .proof-live-scope-action[data-proof-live-scope-action="clear"].is-visible {
  opacity: 1;
}

.proof-live-demo .proof-live-scope-grid-direct {
  margin-top: 0;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-mini-row {
  margin-top: 10px;
}

/* ZIP 115 — SCOPE SELECT ALL THEN DESELECT MUTED */
.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-head {
  margin-bottom: 4px;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-field-scope-direct {
  gap: 8px;
}

.proof-live-demo .proof-live-scope-actions {
  margin-top: -2px;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-scope-grid-direct {
  margin-top: 0;
}

/* ZIP 116 — SCOPE ACTIONS TOP + ALL GRAY DEFAULT */
.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-head-scope-direct {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-field-scope-direct {
  margin-top: 0;
  gap: 6px;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-scope-actions {
  margin-top: 0;
  justify-content: flex-end;
}

.proof-live-demo .proof-live-flow-card-scope .proof-live-scope-grid-direct {
  margin-top: 0;
}

.proof-live-demo .proof-live-scope-pill {
  opacity: 0.58;
  color: #a9bacb;
  background: rgba(9, 14, 24, 0.82);
}

.proof-live-demo .proof-live-scope-pill.is-targeting {
  opacity: 0.92;
  border-color: rgba(96, 165, 250, 0.34);
  background: rgba(12, 21, 34, 0.98);
  color: #eef6ff;
  transform: translateX(2px);
}

.proof-live-demo .proof-live-scope-pill.is-selected {
  opacity: 1;
}

@media (max-width: 767px) {
  .proof-live-demo .proof-live-flow-card-scope .proof-live-flow-head-scope-direct {
    flex-direction: column;
    align-items: stretch;
  }

  .proof-live-demo .proof-live-flow-card-scope .proof-live-scope-actions {
    justify-content: flex-start;
  }
}

/* ZIP 117 — GLOBAL MINI-CARDS PIXEL PASS + INSTANT SELECT ALL */
.proof-live-demo .proof-live-flow-card {
  min-height: 162px !important;
  padding: 16px 16px 14px !important;
  border-radius: 18px !important;
}

.proof-live-demo .proof-live-flow-head,
.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-head,
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-head,
.proof-live-demo .proof-live-flow-card-params .proof-live-flow-head,
.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-head,
.proof-live-demo .proof-live-flow-card-scope .proof-live-flow-head-scope-direct {
  margin-bottom: 6px !important;
}

.proof-live-demo .proof-live-flow-kicker {
  font-size: 0.86rem !important;
  line-height: 1.18 !important;
}

.proof-live-demo .proof-live-flow-display,
.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline,
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline,
.proof-live-demo .proof-live-param-item,
.proof-live-demo .proof-live-scope-pill {
  border-radius: 13px !important;
}

.proof-live-demo .proof-live-flow-display {
  min-height: 40px !important;
  padding: 0 11px !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline,
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline,
.proof-live-demo .proof-live-param-item {
  min-height: 35px !important;
  padding: 8px 10px !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline span,
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline span,
.proof-live-demo .proof-live-param-item span,
.proof-live-demo .proof-live-scope-action {
  font-size: 0.71rem !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline strong,
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline strong,
.proof-live-demo .proof-live-param-item strong,
.proof-live-demo .proof-live-scope-pill {
  font-size: 0.79rem !important;
}

.proof-live-demo .proof-live-flow-card-suppliers .proof-live-flow-detail-inline.is-typing,
.proof-live-demo .proof-live-flow-card-origin .proof-live-flow-detail-inline.is-targeting,
.proof-live-demo .proof-live-param-chip.is-targeting,
.proof-live-demo .proof-live-param-item.is-targeting,
.proof-live-demo .proof-live-scope-action.is-targeting,
.proof-live-demo .proof-live-scope-action.is-active,
.proof-live-demo .proof-live-scope-pill.is-targeting,
.proof-live-demo .proof-live-flow-card.is-open .proof-live-flow-display {
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), 0 0 0 1px rgba(255,255,255,0.02) inset !important;
}

.proof-live-demo .proof-live-param-item.is-targeting,
.proof-live-demo .proof-live-scope-pill.is-targeting {
  transform: translateX(2px) !important;
}

.proof-live-demo .proof-live-scope-actions {
  margin-top: 0 !important;
  gap: 7px !important;
}

.proof-live-demo .proof-live-scope-action {
  min-height: 28px !important;
  padding: 0 11px !important;
}

.proof-live-demo .proof-live-scope-pill {
  min-height: 36px !important;
  padding: 8px 10px !important;
  opacity: 0.56 !important;
}

.proof-live-demo .proof-live-scope-pill.is-selected {
  opacity: 1 !important;
}

/* ZIP 118 — CENTRAL BLOCK HARMONIZATION WITH MINI CARDS */
.proof-live-demo .proof-demo-grid {
  gap: 12px !important;
  padding: 0 18px 18px !important;
}

.proof-live-demo .proof-panel {
  border-radius: 18px !important;
  padding: 16px !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 10px !important;
  font-size: 0.86rem !important;
  line-height: 1.18 !important;
}

.proof-live-demo .proof-fields-grid,
.proof-live-demo .proof-fields-grid-2 {
  gap: 8px !important;
}

.proof-live-demo .proof-field {
  gap: 4px !important;
  min-width: 0;
}

.proof-live-demo .proof-field span {
  color: #97A7B7 !important;
  font-size: 0.71rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.proof-live-demo .proof-field input {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  background: #101722 !important;
  color: #F4F8FD !important;
  padding: 0 11px !important;
  font-size: 0.79rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field input::placeholder {
  font-size: 0.79rem !important;
}

.proof-live-demo .proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display] {
  font-size: 0.77rem !important;
}

.proof-live-demo .proof-field.is-autofilled input,
.proof-live-demo .proof-field input.proof-input-autofilled,
.proof-live-demo .proof-field input:focus,
.proof-live-demo .proof-field input.proof-input-focus,
.proof-live-demo .proof-field.is-stage-live input,
.proof-live-demo .proof-field.is-co2-live input {
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), 0 0 0 1px rgba(255,255,255,0.02) inset !important;
}

.proof-live-demo .proof-demo-actions {
  margin-top: 12px !important;
}

.proof-live-demo .proof-panel-side {
  align-self: start;
}

.proof-live-demo .proof-mini-stack {
  gap: 8px !important;
}

/* ZIP 119 — DIRECT VIN ENTRY + VEHICLE INFORMATION */
.proof-live-demo .proof-field.proof-field-vin {
  position: relative;
}

.proof-live-demo .proof-field.proof-field-vin.is-typing::after {
  content: '';
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 2px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #93c5fd 0%, #2563eb 100%);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.08), 0 0 12px rgba(37, 99, 235, 0.28);
  animation: proofCaretBlinkCinematic 1.15s linear infinite;
  pointer-events: none;
}

.proof-live-demo .proof-field.proof-field-vin.is-typing input[data-proof-vin-display] {
  border-color: rgba(96, 165, 250, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.18), 0 0 0 1000px #111827 inset !important;
}

.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display] {
  text-transform: uppercase;
}

/* ZIP 122 — LIVE CENTER FLATTEN + HEIGHT FIX */
.proof-live-demo .proof-demo-shell {
  min-height: 372px !important;
}

.proof-live-demo .proof-demo-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
}

.proof-live-demo .proof-panel-form {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.proof-live-demo .proof-panel-side {
  display: none !important;
}

.proof-live-demo .proof-demo-actions {
  margin-top: 14px !important;
}

.proof-live-demo .proof-loading-overlay,
.proof-live-demo .proof-success-modal {
  inset: 0 !important;
}

/* ZIP 123 — RESTORE LIVE RIGHT PANEL WITHOUT NESTED CARD EFFECT */
.proof-live-demo .proof-demo-shell {
  min-height: 372px !important;
}

.proof-live-demo .proof-demo-grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(180px, 0.68fr) !important;
  align-items: start !important;
}

.proof-live-demo .proof-panel-form,
.proof-live-demo .proof-panel-side {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.proof-live-demo .proof-panel-side {
  display: block !important;
  align-self: start !important;
}

.proof-live-demo .proof-mini-stack {
  width: 100% !important;
}

.proof-live-demo .proof-demo-actions {
  margin-top: 14px !important;
}

/* ZIP 125 — LIVE RIGHT AUTOFILL + ALIGNMENT */
.proof-live-demo .proof-demo-shell {
  min-height: 372px !important;
}

.proof-live-demo .proof-demo-grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(176px, 0.68fr) !important;
  gap: 14px !important;
  padding: 0 20px 20px !important;
  align-items: start !important;
}

.proof-live-demo .proof-panel-form,
.proof-live-demo .proof-panel-side {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.proof-live-demo .proof-panel-form {
  display: grid !important;
  align-content: start !important;
}

.proof-live-demo .proof-panel-side {
  display: block !important;
  align-self: start !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 12px !important;
}

.proof-live-demo .proof-fields-grid,
.proof-live-demo .proof-fields-grid-2 {
  gap: 10px !important;
}

.proof-live-demo .proof-field {
  gap: 6px !important;
}

.proof-live-demo .proof-field span {
  font-size: 0.72rem !important;
  line-height: 1.12 !important;
}

.proof-live-demo .proof-field input {
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  padding: 0 12px !important;
}

.proof-live-demo .proof-panel-side .proof-mini-stack {
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 980px) {
  .proof-live-demo .proof-demo-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .proof-live-demo .proof-panel-side {
    width: 100% !important;
  }
}

/* ZIP 126 — INLINE VEHICLE INFORMATION FIELDS + KILOMETRAGE */
.proof-live-demo .proof-panel-head {
  margin-bottom: 10px !important;
  padding-inline: 2px !important;
}

.proof-live-demo .proof-fields-grid-2 {
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.proof-live-demo .proof-field {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  background: #101722 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
  min-width: 0 !important;
}

.proof-live-demo .proof-field span {
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: #97A7B7 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
}

.proof-live-demo .proof-field input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #F4F8FD !important;
  font-size: 0.80rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: right !important;
}

.proof-live-demo .proof-field input::placeholder {
  color: rgba(244, 248, 253, 0.46) !important;
  opacity: 1 !important;
}

.proof-live-demo .proof-field.is-autofilled,
.proof-live-demo .proof-field.is-stage-live,
.proof-live-demo .proof-field.is-mileage-live,
.proof-live-demo .proof-field.is-co2-live,
.proof-live-demo .proof-field:focus-within {
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field input.proof-input-autofilled,
.proof-live-demo .proof-field input.proof-input-focus,
.proof-live-demo .proof-field input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

@media (max-width: 980px) {
  .proof-live-demo .proof-fields-grid-2 {
    grid-template-columns: 1fr !important;
  }
}

/* ZIP 127 — VEHICLE INFORMATION REORDER FULLWIDTH */
.proof-live-demo .proof-demo-shell {
  min-height: 438px !important;
}

.proof-live-demo .proof-demo-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 0 20px 20px !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  display: block !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 12px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 10px !important;
  padding-inline: 0 !important;
}

.proof-live-demo .proof-fields-grid-vehicle {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.proof-live-demo .proof-field-span-3 {
  grid-column: 1 / -1 !important;
}

.proof-live-demo .proof-field {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
  min-width: 0 !important;
}

.proof-live-demo .proof-field span {
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: #97A7B7 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
}

.proof-live-demo .proof-field input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #F4F8FD !important;
  font-size: 0.80rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: right !important;
}

.proof-live-demo .proof-field input::placeholder {
  color: rgba(244, 248, 253, 0.46) !important;
  opacity: 1 !important;
}

.proof-live-demo .proof-field-coc-value {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

.proof-live-demo .proof-field-coc .proof-live-param-chip {
  margin: 0 !important;
}

.proof-live-demo .proof-field.is-autofilled,
.proof-live-demo .proof-field.is-stage-live,
.proof-live-demo .proof-field.is-mileage-live,
.proof-live-demo .proof-field.is-co2-live,
.proof-live-demo .proof-field:focus-within {
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field input.proof-input-autofilled,
.proof-live-demo .proof-field input.proof-input-focus,
.proof-live-demo .proof-field input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.proof-live-demo .proof-demo-actions {
  display: flex !important;
  justify-content: center !important;
  margin-top: 14px !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-fields-grid-vehicle {
    grid-template-columns: 1fr !important;
  }

  .proof-live-demo .proof-field-span-3 {
    grid-column: auto !important;
  }
}

/* ZIP 128 — VEHICLE INFORMATION SPACING + MANUAL FOCUS + COC CHECK */
.proof-live-demo .proof-demo-shell {
  min-height: 454px !important;
}

.proof-live-demo .proof-demo-grid {
  padding: 0 18px 20px !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  padding: 16px 18px 20px !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 14px !important;
}

.proof-live-demo .proof-fields-grid-vehicle {
  gap: 10px !important;
}

.proof-live-demo .proof-field {
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field input.proof-input-autofilled,
.proof-live-demo .proof-field input.proof-input-focus,
.proof-live-demo .proof-field input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.proof-live-demo .proof-field.is-autofill-flash {
  border-color: rgba(96, 165, 250, 0.42) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.10), inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field.is-autofilled,
.proof-live-demo .proof-field.is-stage-live {
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field.is-mileage-live,
.proof-live-demo .proof-field.is-co2-live,
.proof-live-demo .proof-field:focus-within {
  border-color: rgba(96, 165, 250, 0.42) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.12), inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field-coc-value {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

.proof-live-demo .proof-field-coc-check {
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.16) !important;
  color: rgba(255,255,255,0) !important;
  font-size: 0.70rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

.proof-live-demo .proof-field-coc-check.is-active {
  background: #22c55e !important;
  color: #052e16 !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14) !important;
  transform: scale(1) !important;
}

.proof-live-demo .proof-field-coc.is-coc-active {
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-demo-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
  min-height: 74px !important;
  margin-top: 18px !important;
  padding-top: 14px !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-panel-form-vehicle {
    padding: 14px 14px 18px !important;
  }

  .proof-live-demo .proof-demo-actions {
    min-height: 62px !important;
    margin-top: 16px !important;
  }
}

/* ZIP 129 — RUN BUTTON OUTSIDE CARD */
.proof-live-demo .proof-demo-actions-outside {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 0 18px 6px !important;
}

.proof-live-demo .proof-demo-actions-outside .proof-btn {
  min-width: 168px !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  margin-bottom: 0 !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-demo-actions-outside {
    margin-top: 12px !important;
    padding: 0 14px 4px !important;
  }
}

/* ZIP 130 — REAL OUTSIDE RUN BUTTON + HUMAN PAUSE + VIN FIRST COLUMN */
.proof-live-stage-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.proof-live-stage-wrap .proof-demo-shell {
  order: 1 !important;
}

.proof-live-stage-wrap .proof-demo-actions-outside {
  order: 2 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

.proof-live-stage-wrap .proof-demo-actions-outside .proof-btn {
  min-width: 168px !important;
}

.proof-live-demo .proof-fields-grid-vehicle {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.proof-live-demo .proof-field-vin {
  grid-column: 1 / span 1 !important;
}

.proof-live-demo .proof-field-spacer {
  visibility: hidden !important;
  pointer-events: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1100px) {
  .proof-live-stage-wrap .proof-demo-actions-outside {
    margin-top: 14px !important;
  }
}

@media (max-width: 768px) {
  .proof-live-demo .proof-field-spacer {
    display: none !important;
  }
}

/* ZIP 131 — SLOWER HUMAN TIMING + MINI-CARD EXACT SPACING */
.proof-live-demo .proof-panel-form-vehicle {
  padding: 16px 16px 14px !important;
  border-radius: 18px !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 6px !important;
}

.proof-live-demo .proof-fields-grid-vehicle {
  gap: 8px !important;
}

.proof-live-demo .proof-field {
  min-height: 35px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  gap: 10px !important;
}

.proof-live-demo .proof-field span {
  font-size: 0.71rem !important;
  line-height: 1.15 !important;
}

.proof-live-demo .proof-field input {
  font-size: 0.79rem !important;
  line-height: 1.15 !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-panel-form-vehicle {
    padding: 16px 16px 14px !important;
  }
}

/* ZIP 132 — VIN FIT + NO BLUE HUMAN TYPING + EXACT MINI-CARD SPACING + TOP ALIGN */
.proof-live-demo .app-story-b2b-grid {
  align-items: start !important;
}

.proof-live-demo .app-story-b2b-stage-wrap {
  padding-top: 0 !important;
}

.proof-live-demo .proof-demo-grid {
  padding: 0 16px 14px !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  padding: 16px 16px 14px !important;
  border-radius: 18px !important;
  margin-top: 0 !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 6px !important;
  padding-inline: 0 !important;
}

.proof-live-demo .proof-fields-grid-vehicle {
  gap: 8px !important;
}

.proof-live-demo .proof-field {
  min-height: 35px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  gap: 10px !important;
}

.proof-live-demo .proof-field.proof-field-vin {
  gap: 6px !important;
}

.proof-live-demo .proof-field.proof-field-vin span {
  flex: 0 0 auto !important;
  font-size: 0.68rem !important;
}

.proof-live-demo .proof-field.proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display] {
  font-size: 0.67rem !important;
  letter-spacing: -0.015em !important;
  line-height: 1.1 !important;
  text-align: right !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.proof-live-demo .proof-field span {
  font-size: 0.71rem !important;
  line-height: 1.15 !important;
}

.proof-live-demo .proof-field input {
  font-size: 0.79rem !important;
  line-height: 1.15 !important;
}

.proof-live-demo .proof-field input[data-proof-mileage],
.proof-live-demo .proof-field input[data-proof-co2],
.proof-live-demo .proof-field input.proof-input-focus,
.proof-live-demo .proof-field input:focus {
  caret-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.proof-live-demo .proof-field.is-mileage-live,
.proof-live-demo .proof-field.is-co2-live,
.proof-live-demo .proof-field:focus-within {
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .app-story-b2b-stage-wrap {
    padding-top: 0 !important;
  }

  .proof-live-demo .proof-demo-grid {
    padding: 0 16px 14px !important;
  }

  .proof-live-demo .proof-panel-form-vehicle {
    padding: 16px 16px 14px !important;
  }
}

/* ZIP 133 — CSS CASCADE FIX: VIN CURSOR, HUMAN BLUE BORDER, EXACT MINI-CARD METRICS */
.proof-live-demo .proof-field.proof-field-vin.is-typing::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display],
.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display]:focus,
.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display]:active,
.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display]:not(:placeholder-shown),
.proof-live-demo .proof-field.proof-field-vin.is-typing input[data-proof-vin-display] {
  caret-color: transparent !important;
}

.proof-live-demo .proof-field.proof-field-vin {
  gap: 10px !important;
}

.proof-live-demo .proof-field.proof-field-vin span {
  font-size: 0.67rem !important;
}

.proof-live-demo .proof-field.proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display] {
  font-size: 0.62rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
}

.proof-live-demo .proof-field:focus-within {
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field.is-mileage-live,
.proof-live-demo .proof-field.is-co2-live,
.proof-live-demo .proof-field.proof-field-coc.is-coc-active {
  border-color: rgba(96, 165, 250, 0.46) !important;
  box-shadow: inset 0 0 0 1px rgba(96,165,250,0.18) !important;
}

.proof-live-demo .app-story-b2b-grid {
  align-items: start !important;
}

.proof-live-demo .app-story-b2b-stage-wrap {
  padding: 0 !important;
}

.proof-live-demo .proof-demo-grid {
  padding: 0 !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  padding: 16px 16px 14px !important;
  border-radius: 18px !important;
  margin-top: 0 !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 6px !important;
}

.proof-live-demo .proof-fields-grid-vehicle {
  gap: 8px !important;
}

.proof-live-demo .proof-field {
  min-height: 35px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  gap: 10px !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .app-story-b2b-stage-wrap,
  .proof-live-demo .proof-demo-grid {
    padding: 0 !important;
  }

  .proof-live-demo .proof-panel-form-vehicle {
    padding: 16px 16px 14px !important;
  }
}

/* ZIP 134 — VIN INNER BLUE FRAME OFF + COC STANDALONE CHECK + CARD SKIN = MINI CARDS */
.proof-live-demo .proof-field.proof-field-vin.is-typing::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.proof-live-demo .proof-field.proof-field-vin.is-typing input[data-proof-vin-display],
.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display],
.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display]:focus,
.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display]:active,
.proof-live-demo .proof-field.proof-field-vin input[data-proof-vin-display]:not(:placeholder-shown) {
  caret-color: transparent !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  box-shadow: none !important;
  border-radius: 13px !important;
  padding: 16px 16px 14px !important;
}

.proof-live-demo .app-story-b2b-grid {
  align-items: start !important;
}

.proof-live-demo .app-story-b2b-stage-wrap,
.proof-live-demo .proof-live-stage-wrap,
.proof-live-demo .proof-demo-grid {
  padding-top: 0 !important;
}

.proof-live-demo .proof-demo-grid {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.proof-live-demo .proof-panel-head {
  margin-bottom: 6px !important;
}

.proof-live-demo .proof-fields-grid-vehicle {
  gap: 8px !important;
}

.proof-live-demo .proof-field {
  min-height: 35px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  gap: 10px !important;
}

.proof-live-demo .proof-field-coc-standalone {
  min-height: 35px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.proof-live-demo .proof-field-coc-standalone .proof-field-coc-check {
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.16) !important;
  color: rgba(255,255,255,0) !important;
  font-size: 0.70rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

.proof-live-demo .proof-field-coc-standalone .proof-field-coc-check.is-active {
  background: #22c55e !important;
  color: #052e16 !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14) !important;
  transform: scale(1) !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-panel-form-vehicle {
    padding: 16px 16px 14px !important;
  }

  .proof-live-demo .app-story-b2b-stage-wrap,
  .proof-live-demo .proof-live-stage-wrap,
  .proof-live-demo .proof-demo-grid {
    padding-top: 0 !important;
  }

  .proof-live-demo .proof-demo-grid {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
}

/* ZIP 135 — FINAL RADIUS MATCH WITH MINI CARDS */
.proof-live-demo .proof-panel-form-vehicle {
  border-radius: 13px !important;
}

/* ZIP 136 — REMOVE MILEAGE, COC CHIP LEFT, REMOVE PARAMS COC CHIP */
.proof-live-demo .proof-field-coc-chip {
  min-height: 35px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  color: #97A7B7 !important;
  font-size: 0.71rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field-coc-chip .proof-field-coc-label {
  color: #97A7B7 !important;
  font-size: 0.71rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.proof-live-demo .proof-field-coc-chip .proof-field-coc-check {
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.16) !important;
  color: rgba(255,255,255,0) !important;
  font-size: 0.70rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

.proof-live-demo .proof-field-coc-chip.is-coc-active {
  border-color: rgba(96, 165, 250, 0.46) !important;
  box-shadow: inset 0 0 0 1px rgba(96,165,250,0.18) !important;
}

.proof-live-demo .proof-field-coc-chip.is-coc-active .proof-field-coc-label,
.proof-live-demo .proof-field-coc-chip .proof-field-coc-check.is-active + .proof-field-coc-label {
  color: #dcfce7 !important;
}

.proof-live-demo .proof-field-coc-chip .proof-field-coc-check.is-active {
  background: #22c55e !important;
  color: #052e16 !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14) !important;
  transform: scale(1) !important;
}

.proof-live-demo .proof-field-coc-standalone {
  display: none !important;
}

/* ZIP 137 — RESTORE KM + COC LEFT + NO PERSISTENT BLUE BORDER ON COC */
.proof-live-demo .proof-field-coc-chip {
  justify-content: flex-start !important;
  gap: 8px !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field-coc-chip .proof-field-coc-check {
  order: 1 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.proof-live-demo .proof-field-coc-chip .proof-field-coc-label {
  order: 2 !important;
}

.proof-live-demo .proof-field-coc-chip.is-coc-active {
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field-coc-chip.is-coc-active .proof-field-coc-label,
.proof-live-demo .proof-field-coc-chip .proof-field-coc-check.is-active + .proof-field-coc-label {
  color: #97A7B7 !important;
}

.proof-live-demo .proof-field input[data-proof-mileage]::placeholder {
  color: rgba(244, 248, 253, 0.46) !important;
  opacity: 1 !important;
}

/* ZIP 138 — LANDING PRUNED TO HERO + LIVE PRODUCT PROOF + REQUEST EARLY ACCESS */

/* ZIP 140 — COC LABEL FIRST + REMOVE KM + REMOVE MASTER CARD BORDER */
.proof-live-demo .proof-panel-form-vehicle {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.proof-live-demo .proof-field-coc-chip {
  justify-content: flex-start !important;
  gap: 8px !important;
}

.proof-live-demo .proof-demo-shell {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.proof-live-demo .proof-field-coc-chip .proof-field-coc-label {
  order: 1 !important;
}

.proof-live-demo .proof-field-coc-chip .proof-field-coc-check {
  order: 2 !important;
}

.proof-live-demo .proof-field.proof-field-mileage {
  display: none !important;
}

/* ZIP 141 — RESTORE KM FIELD, REMOVE KM SUFFIX, KEEP CARD TRANSPARENT */
.proof-live-demo .proof-field.proof-field-mileage {
  display: flex !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  background: transparent !important;
}

/* ZIP 142 — UNITS AFTER HUMAN ENTRY + MULTI CHECKS + TRANSPARENT MASTER CARDS */
.proof-live-demo .app-shot-window.app-shot-window-b2b,
.proof-live-demo .proof-demo-shell,
.proof-live-demo .proof-panel-form-vehicle {
  background: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.proof-live-demo .proof-field-coc-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.proof-live-demo .proof-field-coc-choice {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.proof-live-demo .proof-field-coc-choice .proof-field-coc-label {
  order: 1 !important;
  color: #97A7B7 !important;
}

.proof-live-demo .proof-field-coc-choice .proof-field-coc-check {
  order: 2 !important;
}

.proof-live-demo .proof-field-coc-choice .proof-field-coc-check.is-active {
  background: #22c55e !important;
  color: #052e16 !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14) !important;
}

.proof-live-demo .proof-field-coc-chip.is-coc-active .proof-field-coc-choice .proof-field-coc-label {
  color: #97A7B7 !important;
}

/* ZIP 143 — RESTORE VISIBILITY AFTER TRANSPARENCY REGRESSION */
.proof-live-demo .app-shot-window.app-shot-window-b2b,
.proof-live-demo .proof-demo-shell {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 372px !important;
  background: rgba(8, 12, 18, 0.14) !important;
  border: 1px solid rgba(173, 201, 236, 0.08) !important;
  box-shadow: none !important;
}

.proof-live-demo .proof-demo-grid {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.proof-live-demo .proof-field,
.proof-live-demo .proof-field-coc-chip {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ZIP 144 — RESPONSIVE CARD RELAYOUT ONLY */
.proof-live-demo .proof-live-flow-side,
.proof-live-demo .proof-live-stage-wrap {
  display: contents !important;
}

.proof-live-demo .app-story-b2b-stage-glow {
  display: none !important;
}

.proof-live-demo .app-story-b2b-grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) minmax(0, 1.28fr) minmax(240px, 1fr) !important;
  grid-template-areas:
    'supplier vehicle origin'
    'scope . params'
    '. run .';
  align-items: start !important;
  gap: 18px !important;
}

.proof-live-demo .proof-live-flow-card-suppliers {
  grid-area: supplier !important;
}

.proof-live-demo .proof-live-flow-card-origin {
  grid-area: origin !important;
}

.proof-live-demo .proof-demo-shell {
  grid-area: vehicle !important;
}

.proof-live-demo .proof-live-flow-card-scope {
  grid-area: scope !important;
}

.proof-live-demo .proof-live-flow-card-params {
  grid-area: params !important;
}

.proof-live-demo .proof-demo-actions-outside {
  grid-area: run !important;
  justify-self: center !important;
  align-self: start !important;
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .app-story-b2b-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      'supplier origin'
      'vehicle vehicle'
      'scope params'
      'run run';
  }

  .proof-live-demo .proof-demo-actions-outside {
    justify-self: center !important;
  }
}

@media (max-width: 767px) {
  .proof-live-demo .app-story-b2b-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      'supplier'
      'vehicle'
      'origin'
      'scope'
      'params'
      'run';
  }

  .proof-live-demo .proof-demo-actions-outside {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* ZIP 145 — REGRESSION FIX: KEEP RELAYOUT, RESTORE CARD SIZES */
@media (min-width: 1101px) {
  .proof-live-demo .proof-live-flow-side,
  .proof-live-demo .proof-live-stage-wrap {
    display: contents !important;
  }

  .proof-live-demo .app-story-b2b-stage-glow {
    display: none !important;
  }

  .proof-live-demo .app-story-b2b-grid {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(220px, 280px) !important;
    grid-template-areas:
      'supplier vehicle origin'
      'scope . params'
      '. run .' !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .proof-live-demo .proof-live-flow-card-suppliers {
    grid-area: supplier !important;
  }

  .proof-live-demo .proof-live-flow-card-origin {
    grid-area: origin !important;
  }

  .proof-live-demo .proof-live-flow-card-scope {
    grid-area: scope !important;
  }

  .proof-live-demo .proof-live-flow-card-params {
    grid-area: params !important;
  }

  .proof-live-demo .proof-demo-shell {
    grid-area: vehicle !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .proof-live-demo .proof-demo-actions-outside {
    grid-area: run !important;
    width: 100% !important;
    margin-top: 4px !important;
    justify-self: center !important;
    align-self: start !important;
  }
}

/* ZIP 148 — LIMIT VEHICLE INFORMATION CARD HEIGHT + REMOVE MASTER CARD SHELL */
/* Supprime le fond, la bordure et la hauteur minimale de la card englobante */
.proof-live-demo .app-shot-window.app-shot-window-b2b,
.proof-live-demo .proof-demo-shell {
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Réduit le padding bas pour coller au dernier champ */
.proof-live-demo .proof-demo-grid {
  align-items: start !important;
  padding-bottom: 6px !important;
}

.proof-live-demo .proof-panel-form-vehicle {
  padding-bottom: 6px !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-demo-grid {
    padding-bottom: 4px !important;
  }

  .proof-live-demo .proof-panel-form-vehicle {
    padding-bottom: 4px !important;
  }
}

/* ZIP 150 — DETACHED ANALYSIS MODALS ON MOBILE + TABLET */
@media (max-width: 1100px) {
  body.proof-detached-modal-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  .proof-loading-overlay.is-detached-modal,
  .proof-success-modal.is-detached-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1400 !important;
  }

  .proof-loading-overlay.is-detached-modal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(10, 15, 24, 0.88) !important;
    backdrop-filter: blur(8px) !important;
  }

  .proof-loading-overlay.is-detached-modal .proof-loading-card {
    width: min(460px, calc(100vw - 28px)) !important;
    max-height: min(82vh, 720px) !important;
    overflow: auto !important;
    padding: 22px 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(15,23,42,0.96), rgba(9,14,24,0.98)) !important;
    border: 1px solid rgba(96,165,250,0.18) !important;
    box-shadow: 0 28px 72px rgba(2, 6, 23, 0.46) !important;
  }

  .proof-success-modal.is-detached-modal .proof-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(10, 15, 24, 0.72) !important;
    backdrop-filter: blur(8px) !important;
  }

  .proof-success-modal.is-detached-modal .proof-success-dialog {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(520px, calc(100vw - 28px)) !important;
    max-height: min(82vh, 720px) !important;
    overflow: auto !important;
    border-radius: 20px !important;
    box-shadow: 0 28px 72px rgba(2, 6, 23, 0.32) !important;
  }
}

/* ZIP 150b — STATICALLY MOVE ANALYSIS MODALS OUTSIDE VEHICLE CARD */
@media (max-width: 1100px) {
  .proof-live-stage-wrap > .proof-loading-overlay,
  .proof-live-stage-wrap > .proof-success-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1400 !important;
  }
}

/* ZIP 152 — MOVE MODALS OUT OF VEHICLE AREA AND FORCE TRUE VIEWPORT OVERLAY */
@media (max-width: 1100px) {
  .proof-loading-overlay,
  .proof-success-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1600 !important;
  }

  .proof-loading-overlay {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(10, 15, 24, 0.88) !important;
    backdrop-filter: blur(8px) !important;
  }

  .proof-loading-overlay .proof-loading-card {
    width: min(460px, calc(100vw - 28px)) !important;
    max-height: min(82vh, 720px) !important;
    overflow: auto !important;
    padding: 22px 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(15,23,42,0.96), rgba(9,14,24,0.98)) !important;
    border: 1px solid rgba(96,165,250,0.18) !important;
    box-shadow: 0 28px 72px rgba(2, 6, 23, 0.46) !important;
  }

  .proof-success-modal .proof-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(10, 15, 24, 0.72) !important;
    backdrop-filter: blur(8px) !important;
  }

  .proof-success-modal .proof-success-dialog {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(520px, calc(100vw - 28px)) !important;
    max-height: min(82vh, 720px) !important;
    overflow: auto !important;
    border-radius: 20px !important;
    box-shadow: 0 28px 72px rgba(2, 6, 23, 0.32) !important;
  }
}

/* ZIP 153 — RUN AUTO AFTER 3S + TRUE GLOBAL ANALYSIS MODALS */
@media (max-width: 1100px) {
  body.proof-detached-modal-open {
    overflow: hidden !important;
    touch-action: none !important;
    overscroll-behavior: none !important;
  }

  .proof-live-demo .proof-loading-overlay,
  .proof-live-demo .proof-success-modal,
  body > .proof-loading-overlay,
  body > .proof-success-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    z-index: 2000 !important;
  }

  .proof-live-demo .proof-loading-overlay,
  body > .proof-loading-overlay {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(10, 15, 24, 0.9) !important;
    backdrop-filter: blur(10px) !important;
  }

  .proof-live-demo .proof-loading-overlay .proof-loading-card,
  body > .proof-loading-overlay .proof-loading-card {
    width: min(460px, calc(100vw - 28px)) !important;
    max-height: min(82vh, 720px) !important;
    overflow: auto !important;
    border-radius: 22px !important;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.48) !important;
  }

  .proof-live-demo .proof-success-modal .proof-modal-backdrop,
  body > .proof-success-modal .proof-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(10, 15, 24, 0.76) !important;
    backdrop-filter: blur(10px) !important;
  }

  .proof-live-demo .proof-success-modal .proof-success-dialog,
  body > .proof-success-modal .proof-success-dialog {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(520px, calc(100vw - 28px)) !important;
    max-height: min(82vh, 720px) !important;
    overflow: auto !important;
    border-radius: 22px !important;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.4) !important;
    z-index: 2001 !important;
  }
}

/* ZIP 154 — STRONGER BACKGROUND TRANSPARENCY BEHIND ANALYSIS OVERLAYS */
@media (max-width: 1100px) {
  .proof-live-demo .proof-live-shell > .app-story-b2b-grid {
    transition: opacity 220ms ease, filter 220ms ease !important;
  }

  body.proof-detached-modal-open .proof-live-demo .proof-live-shell > .app-story-b2b-grid {
    opacity: 0.16 !important;
    filter: saturate(0.78) brightness(0.72) !important;
  }

  body.proof-detached-modal-open .proof-live-demo::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(4, 10, 20, 0.38);
    backdrop-filter: blur(4px);
    z-index: 1985;
    pointer-events: none;
  }

  .proof-live-demo .proof-loading-overlay,
  .proof-live-demo .proof-success-modal {
    z-index: 2000 !important;
  }

  .proof-live-demo .proof-success-modal .proof-success-dialog {
    z-index: 2001 !important;
  }
}

/* ZIP 156 — TIGHTER CARD STACKS + RUN CLEARLY OUTSIDE VEHICLE CARD */
@media (min-width: 1101px) {
  .proof-live-demo .app-story-b2b-grid {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(220px, 280px) !important;
    align-items: start !important;
    column-gap: 14px !important;
    row-gap: 12px !important;
  }

  .proof-live-demo .proof-live-flow-side {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-self: start !important;
    min-width: 0 !important;
  }

  .proof-live-demo .app-story-b2b-side-left.proof-live-flow-side {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  .proof-live-demo .proof-live-stage-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    min-width: 0 !important;
  }

  .proof-live-demo .app-story-b2b-side-right.proof-live-flow-side {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }

  .proof-live-demo .proof-live-flow-card,
  .proof-live-demo .proof-demo-shell,
  .proof-live-demo .proof-demo-actions-outside {
    grid-area: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .proof-live-demo .proof-demo-actions-outside {
    display: flex !important;
    justify-content: center !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 1100px) {
  .proof-live-demo .app-story-b2b-grid {
    row-gap: 12px !important;
    column-gap: 12px !important;
  }

  .proof-live-demo .proof-demo-actions-outside {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .proof-live-demo .app-story-b2b-grid {
    row-gap: 10px !important;
  }
}

/* ZIP 158 — VIN EMPHASIS + UPLOAD COC BUTTON ON VIN ROW */
.proof-live-demo .proof-fields-grid-vehicle {
  align-items: stretch !important;
}

.proof-live-demo .proof-field.proof-field-vin {
  grid-column: 1 / span 2 !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  gap: 12px !important;
}

.proof-live-demo .proof-field.proof-field-vin span {
  font-size: 0.72rem !important;
}

.proof-live-demo .proof-field.proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display] {
  font-size: 0.74rem !important;
  line-height: 1.15 !important;
}

.proof-live-demo .proof-field-coc-upload-wrap {
  grid-column: 3 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

.proof-live-demo .proof-btn-upload-coc {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  justify-content: center !important;
  white-space: nowrap !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  color: #dbe7f5 !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.76), rgba(9, 14, 24, 0.90)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03) !important;
}

.proof-live-demo .proof-btn-upload-coc:hover {
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), inset 0 0 0 1px rgba(255,255,255,0.03) !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-fields-grid-vehicle {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .proof-live-demo .proof-field.proof-field-vin {
    grid-column: 1 / span 2 !important;
  }

  .proof-live-demo .proof-field-coc-upload-wrap {
    grid-column: 3 !important;
  }
}

@media (max-width: 767px) {
  .proof-live-demo .proof-fields-grid-vehicle {
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }

  .proof-live-demo .proof-field.proof-field-vin {
    grid-column: 1 !important;
  }

  .proof-live-demo .proof-field-coc-upload-wrap {
    grid-column: 2 !important;
    min-width: 118px !important;
  }

  .proof-live-demo .proof-fields-grid-vehicle > :not(.proof-field-vin):not(.proof-field-coc-upload-wrap) {
    grid-column: 1 / -1 !important;
  }

  .proof-live-demo .proof-btn-upload-coc {
    min-width: 118px !important;
    padding-inline: 12px !important;
  }
}

/* ZIP 159 — LIMIT VIN WIDTH TO ~1.5 COLUMNS + REMOVE MINI-CARD BORDERS */
.proof-live-demo .proof-live-flow-card {
  border: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 768px) {
  .proof-live-demo .proof-field.proof-field-vin {
    grid-column: 1 / span 2 !important;
    justify-self: start !important;
    width: 100% !important;
    max-width: calc(75% - 4px) !important;
    min-height: 48px !important;
  }

  .proof-live-demo .proof-field-coc-upload-wrap {
    grid-column: 3 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 132px !important;
  }

  .proof-live-demo .proof-btn-upload-coc {
    width: auto !important;
    min-width: 132px !important;
  }
}

@media (max-width: 767px) {
  .proof-live-demo .proof-live-flow-card {
    border: 0 !important;
    box-shadow: none !important;
  }

  .proof-live-demo .proof-field.proof-field-vin {
    max-width: 100% !important;
  }
}

/* ZIP 160 — MINI CARDS TOTALLY FLAT + CLEANER HOMOGENEOUS INNER SPACING */
.proof-live-demo .proof-live-flow-card {
  background: rgba(10, 16, 28, 0.72) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 16px !important;
  border-radius: 18px !important;
  min-height: auto !important;
}

.proof-live-demo .proof-live-flow-head,
.proof-live-demo .proof-live-flow-head-scope-direct {
  margin-bottom: 12px !important;
  gap: 6px !important;
}

.proof-live-demo .proof-live-flow-field,
.proof-live-demo .proof-live-flow-field-params-direct,
.proof-live-demo .proof-live-flow-field-scope-direct {
  margin: 0 !important;
}

.proof-live-demo .proof-live-flow-display {
  min-height: 40px !important;
  border-radius: 13px !important;
}

.proof-live-demo .proof-live-flow-meta,
.proof-live-demo .proof-live-param-grid,
.proof-live-demo .proof-live-scope-grid-direct {
  margin-top: 10px !important;
  gap: 8px !important;
}

.proof-live-demo .proof-live-flow-detail,
.proof-live-demo .proof-live-param-item,
.proof-live-demo .proof-live-scope-pill {
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .proof-live-flow-card {
    padding: 15px !important;
    border-radius: 16px !important;
  }

  .proof-live-demo .proof-live-flow-head,
  .proof-live-demo .proof-live-flow-head-scope-direct {
    margin-bottom: 10px !important;
  }

  .proof-live-demo .proof-live-flow-meta,
  .proof-live-demo .proof-live-param-grid,
  .proof-live-demo .proof-live-scope-grid-direct {
    margin-top: 8px !important;
    gap: 8px !important;
  }
}

@media (max-width: 767px) {
  .proof-live-demo .proof-live-flow-card {
    padding: 14px !important;
    border-radius: 15px !important;
  }

  .proof-live-demo .proof-live-flow-display {
    min-height: 38px !important;
  }
}

/* ZIP 161 — PREMIUM ANALYSIS LOADING MODAL + REALISTIC MICRO-CUT PROGRESS */
.proof-loading-overlay {
  background: radial-gradient(circle at top, rgba(28, 63, 122, 0.34), rgba(8, 12, 22, 0.96) 48%), rgba(8, 12, 22, 0.94) !important;
  backdrop-filter: blur(10px) !important;
}

.proof-loading-card {
  width: min(470px, calc(100% - 32px)) !important;
  padding: 24px 22px 22px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background:
    radial-gradient(circle at top right, rgba(96, 165, 250, 0.18), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(7, 11, 20, 0.98)) !important;
  box-shadow: 0 34px 90px rgba(2, 6, 23, 0.52), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  text-align: left !important;
  position: relative;
  overflow: hidden;
}

.proof-loading-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.05) 18%, transparent 36%);
  transform: translateX(-120%);
  animation: proofLoadingSheen 3.8s ease-in-out infinite;
  pointer-events: none;
}

.proof-loading-spinner {
  width: 58px !important;
  height: 58px !important;
  margin: 0 0 16px !important;
  border-width: 4px !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  border-top-color: #93c5fd !important;
  box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.07), 0 0 32px rgba(59, 130, 246, 0.16) !important;
}

.proof-loading-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.12);
  border: 1px solid rgba(96, 165, 250, 0.2);
  color: #bfdbfe;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.proof-loading-title {
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  margin-bottom: 8px !important;
}

.proof-loading-copy {
  font-size: 0.83rem !important;
  line-height: 1.55 !important;
  color: rgba(226, 232, 240, 0.78) !important;
  margin-bottom: 14px !important;
  max-width: 42ch;
}

.proof-loading-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.proof-loading-meta-item {
  color: rgba(191, 219, 254, 0.88);
  font-size: 0.73rem;
  font-weight: 700;
  line-height: 1.35;
}

.proof-loading-meta-item-value {
  color: #f8fbff;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.proof-loading-progress-rail {
  position: relative;
  height: 10px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.28);
  overflow: hidden;
}

.proof-loading-progress-fill {
  display: block;
  height: 100%;
  width: var(--proof-overall-progress, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #60a5fa 0%, #3b82f6 36%, #2563eb 100%);
  box-shadow: 0 0 18px rgba(59, 130, 246, 0.34);
  transition: width 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.proof-loading-progress-fill::after {
  content: '';
  position: absolute;
  top: 0;
  right: -10px;
  width: 22px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
  filter: blur(1px);
}

.proof-loading-steps {
  display: grid;
  gap: 10px !important;
}

.proof-loading-step {
  position: relative;
  overflow: hidden;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.045) !important;
  border: 1px solid rgba(148, 163, 184, 0.1) !important;
  color: rgba(226, 232, 240, 0.86) !important;
  font-size: 0.78rem !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.proof-loading-step::before {
  content: '';
  position: absolute;
  inset: 0;
  width: var(--proof-step-progress, 0%);
  background: linear-gradient(90deg, rgba(59,130,246,0.08), rgba(37,99,235,0.26));
  transition: width 160ms linear;
  z-index: 0;
}

.proof-loading-step::after {
  content: '';
  position: absolute;
  left: 12px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.62);
  transform: translateY(-50%);
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.08);
}

.proof-loading-step.is-active {
  border-color: rgba(96,165,250,0.28) !important;
  background: rgba(37,99,235,0.12) !important;
}

.proof-loading-step.is-active::after {
  background: #93c5fd;
  box-shadow: 0 0 0 5px rgba(96,165,250,0.12), 0 0 14px rgba(96,165,250,0.46);
}

.proof-loading-step.is-done {
  border-color: rgba(96,165,250,0.22) !important;
  background: rgba(37,99,235,0.1) !important;
  color: rgba(248, 250, 252, 0.95) !important;
}

.proof-loading-step.is-done::after {
  background: #34d399;
  box-shadow: 0 0 0 5px rgba(52,211,153,0.12), 0 0 14px rgba(52,211,153,0.3);
}

.proof-loading-step {
  padding-left: 28px !important;
}

@keyframes proofLoadingSheen {
  0% { transform: translateX(-120%); }
  35% { transform: translateX(130%); }
  100% { transform: translateX(130%); }
}

@media (max-width: 767px) {
  .proof-loading-card {
    width: min(100%, calc(100% - 22px)) !important;
    padding: 20px 18px 18px !important;
    border-radius: 20px !important;
  }

  .proof-loading-title {
    font-size: 1.06rem !important;
  }

  .proof-loading-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}

/* ZIP 162 — DARK PREMIUM FINTECH LOADING STEPS: CHECK POSITION + BLUE TONALITY */
.proof-loading-step {
  padding: 13px 16px 13px 44px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(96, 165, 250, 0.10) !important;
  background: linear-gradient(180deg, rgba(8, 17, 32, 0.88), rgba(7, 13, 24, 0.98)) !important;
  color: rgba(226, 232, 240, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.proof-loading-step::before {
  inset: auto 0 0 0 !important;
  top: auto !important;
  height: 2px !important;
  width: var(--proof-step-progress, 0%);
  background: linear-gradient(90deg, rgba(96,165,250,0.58), rgba(56,189,248,0.92), rgba(59,130,246,0.82)) !important;
  box-shadow: 0 0 12px rgba(59,130,246,0.28) !important;
}

.proof-loading-step::after {
  left: 14px !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateY(-50%) !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.9) !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.proof-loading-step.is-active {
  border-color: rgba(96,165,250,0.22) !important;
  background: linear-gradient(180deg, rgba(10, 22, 42, 0.96), rgba(7, 14, 28, 0.98)) !important;
  box-shadow: 0 0 0 1px rgba(96,165,250,0.08), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.proof-loading-step.is-active::after {
  content: '' !important;
  background: radial-gradient(circle at 35% 35%, #dbeafe 0%, #93c5fd 34%, #3b82f6 72%, #1d4ed8 100%) !important;
  border-color: rgba(147, 197, 253, 0.34) !important;
  box-shadow: 0 0 0 5px rgba(59,130,246,0.10), 0 0 16px rgba(59,130,246,0.34) !important;
}

.proof-loading-step.is-done {
  border-color: rgba(96,165,250,0.18) !important;
  background: linear-gradient(180deg, rgba(8, 19, 36, 0.92), rgba(6, 12, 24, 0.98)) !important;
  color: rgba(248, 250, 252, 0.96) !important;
}

.proof-loading-step.is-done::after {
  content: '✓' !important;
  color: #e0f2fe !important;
  font-size: 0.70rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: linear-gradient(180deg, #38bdf8 0%, #2563eb 100%) !important;
  border-color: rgba(125, 211, 252, 0.20) !important;
  box-shadow: 0 0 0 5px rgba(37,99,235,0.10), 0 0 14px rgba(56,189,248,0.20) !important;
}

.proof-loading-progress-rail {
  background: rgba(148, 163, 184, 0.10) !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.34), 0 0 0 1px rgba(255,255,255,0.03) !important;
}

.proof-loading-progress-fill {
  background: linear-gradient(90deg, #60a5fa 0%, #38bdf8 40%, #2563eb 100%) !important;
  box-shadow: 0 0 18px rgba(59,130,246,0.24) !important;
}

.proof-loading-spinner {
  border-color: rgba(148, 163, 184, 0.16) !important;
  border-top-color: #7dd3fc !important;
  box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.05), 0 0 28px rgba(56, 189, 248, 0.12) !important;
}

/* ZIP 166 — BLOOMBERG TERMINAL BOARDROOM ANALYSIS MODAL */
.proof-loading-overlay {
  background: rgba(2, 4, 7, 0.972) !important;
  backdrop-filter: blur(3px) !important;
}

.proof-loading-card {
  width: min(488px, calc(100% - 32px)) !important;
  padding: 18px 18px 15px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background: linear-gradient(180deg, rgba(7, 9, 13, 0.998), rgba(4, 6, 10, 0.998)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255,255,255,0.015) !important;
}

.proof-loading-card::before {
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.018) 18%, transparent 36%) !important;
  animation-duration: 6.2s !important;
}

.proof-loading-spinner {
  width: 44px !important;
  height: 44px !important;
  margin: 0 0 10px !important;
  border-width: 2px !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  border-top-color: rgba(255, 255, 255, 0.66) !important;
  box-shadow: none !important;
}

.proof-loading-badge {
  min-height: 20px !important;
  padding: 0 7px !important;
  margin-bottom: 10px !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, 0.028) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.80) !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
}

.proof-loading-title {
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 5px !important;
}

.proof-loading-copy {
  color: rgba(203, 213, 225, 0.56) !important;
  font-size: 0.71rem !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
  max-width: 44ch !important;
}

.proof-loading-meta {
  margin-bottom: 7px !important;
}

.proof-loading-meta-item {
  color: rgba(226, 232, 240, 0.52) !important;
  font-size: 0.62rem !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.proof-loading-meta-item-value {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
}

.proof-loading-progress-rail {
  height: 6px !important;
  margin-bottom: 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.045) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.28) !important;
}

.proof-loading-progress-fill {
  background: linear-gradient(90deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.56) 55%, rgba(255,255,255,0.78) 100%) !important;
  box-shadow: none !important;
}

.proof-loading-progress-fill::after {
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.10), rgba(255,255,255,0)) !important;
}

.proof-loading-steps {
  gap: 0 !important;
  margin-top: 2px !important;
  border: 1px solid rgba(255,255,255,0.055) !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.012) !important;
}

.proof-loading-step {
  padding: 9px 12px 9px 34px !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.065) !important;
  background: linear-gradient(180deg, rgba(9, 12, 17, 0.965), rgba(6, 8, 12, 0.985)) !important;
  color: rgba(226, 232, 240, 0.82) !important;
  font-size: 0.69rem !important;
  line-height: 1.32 !important;
  font-weight: 650 !important;
  letter-spacing: 0.005em !important;
  box-shadow: none !important;
}

.proof-loading-step:last-child {
  border-bottom: 0 !important;
}

.proof-loading-step::before {
  height: 1px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.20), rgba(255,255,255,0.58)) !important;
  box-shadow: none !important;
}

.proof-loading-step::after {
  left: 12px !important;
  width: 12px !important;
  height: 12px !important;
  background: #09111d !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: none !important;
}

.proof-loading-step.is-active {
  border-color: rgba(255, 179, 71, 0.18) !important;
  background: linear-gradient(180deg, rgba(18, 22, 28, 0.99), rgba(10, 14, 19, 0.99)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 179, 71, 0.05) !important;
}

.proof-loading-step.is-active::after {
  background: radial-gradient(circle at 35% 35%, #ffe2b2 0%, #ffb347 40%, #ff8c1a 100%) !important;
  border-color: rgba(255, 179, 71, 0.26) !important;
  box-shadow: 0 0 0 4px rgba(255, 179, 71, 0.08), 0 0 12px rgba(249,115,22,0.18) !important;
}

.proof-loading-step.is-done {
  border-color: rgba(255, 179, 71, 0.12) !important;
  background: linear-gradient(180deg, rgba(14, 18, 24, 0.98), rgba(8, 12, 16, 0.98)) !important;
  color: rgba(248, 250, 252, 0.95) !important;
}

.proof-loading-step.is-done::after {
  content: '✓' !important;
  color: #141a22 !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, #ffd28a 0%, #ffb347 100%) !important;
  border-color: rgba(255, 179, 71, 0.20) !important;
  box-shadow: 0 0 0 4px rgba(255, 179, 71, 0.06) !important;
}

@media (max-width: 767px) {
  .proof-loading-card {
    border-radius: 10px !important;
    padding: 18px 16px 16px !important;
  }

  .proof-loading-step {
    padding-left: 40px !important;
  }
}

/* ZIP 167 — WHITE CHECKS + STABLE LOADING STATES + VIN/COC DARK HIGHLIGHT */
.proof-loading-steps {
  contain: layout paint !important;
}

.proof-loading-step,
.proof-loading-step::before,
.proof-loading-step::after {
  transition: none !important;
}

.proof-loading-step {
  min-height: 34px !important;
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased;
  transform: translateZ(0);
}

.proof-loading-step::after {
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
}

.proof-loading-step.is-active {
  border-color: rgba(255, 255, 255, 0.10) !important;
  background: linear-gradient(180deg, rgba(14, 18, 24, 0.985), rgba(8, 11, 16, 0.99)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
}

.proof-loading-step.is-active::after {
  content: '' !important;
  background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.88) 44%, rgba(226,232,240,0.64) 100%) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.045) !important;
}

.proof-loading-step.is-done {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: linear-gradient(180deg, rgba(11, 15, 20, 0.985), rgba(7, 10, 14, 0.99)) !important;
  color: rgba(248, 250, 252, 0.95) !important;
}

.proof-loading-step.is-done::after {
  content: '✓' !important;
  color: #0b111b !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(226,232,240,0.88) 100%) !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.035) !important;
}

.proof-live-demo .proof-field.proof-field-vin {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field.proof-field-vin:hover,
.proof-live-demo .proof-field.proof-field-vin:focus-within {
  border-color: rgba(148, 163, 184, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(51, 65, 85, 0.20), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.proof-live-demo .proof-field.proof-field-vin span,
.proof-live-demo .proof-field.proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display] {
  color: #f8fafc !important;
}

.proof-live-demo .proof-field.proof-field-vin input::placeholder,
.proof-live-demo .proof-field input[data-proof-vin-display]::placeholder {
  color: rgba(226, 232, 240, 0.46) !important;
}

.proof-live-demo .proof-btn-upload-coc {
  color: #f8fafc !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-btn-upload-coc:hover,
.proof-live-demo .proof-btn-upload-coc:focus-visible {
  border-color: rgba(148, 163, 184, 0.36) !important;
  background: linear-gradient(180deg, rgba(51, 65, 85, 0.82) 0%, rgba(30, 41, 59, 0.92) 52%, rgba(15, 23, 42, 0.96) 100%) !important;
  box-shadow: 0 0 0 3px rgba(51, 65, 85, 0.18), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* ZIP 168 — COUNTRY DROPDOWN COLOR FOR VIN/UPLOAD + TRANSPARENT LOADING BACKDROP */
.proof-loading-overlay {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* Reuse the country dropdown / origin detail dark gradient:
   linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) */
.proof-live-demo .proof-field.proof-field-vin {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-field.proof-field-vin:hover,
.proof-live-demo .proof-field.proof-field-vin:focus-within {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.proof-live-demo .proof-btn-upload-coc {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03) !important;
}

.proof-live-demo .proof-btn-upload-coc:hover,
.proof-live-demo .proof-btn-upload-coc:focus-visible {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(9, 14, 24, 0.86)) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), inset 0 0 0 1px rgba(255,255,255,0.03) !important;
}

/* ZIP 169 — ULTRA FINE DARK CONTRAST HARMONISATION VIN / UPLOAD / COUNTRY DROPDOWN */
/* Country dropdown reference: .proof-live-flow-display uses #101722 with a subtle inner line */
.proof-loading-overlay {
  background: transparent !important;
  backdrop-filter: none !important;
}

.proof-live-demo .proof-field.proof-field-vin {
  background: #101722 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset !important;
}

.proof-live-demo .proof-field.proof-field-vin:hover,
.proof-live-demo .proof-field.proof-field-vin:focus-within {
  background: #101722 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset !important;
}

.proof-live-demo .proof-field.proof-field-vin span {
  color: #9aaaba !important;
}

.proof-live-demo .proof-field.proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display] {
  color: #eef4fb !important;
}

.proof-live-demo .proof-field.proof-field-vin input::placeholder,
.proof-live-demo .proof-field input[data-proof-vin-display]::placeholder {
  color: rgba(238, 244, 251, 0.38) !important;
}

.proof-live-demo .proof-btn-upload-coc {
  background: #101722 !important;
  color: #eef4fb !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset !important;
}

.proof-live-demo .proof-btn-upload-coc:hover,
.proof-live-demo .proof-btn-upload-coc:focus-visible {
  background: #101722 !important;
  color: #f4f8fd !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset, 0 0 0 3px rgba(37,99,235,0.06) !important;
}

.proof-live-demo .proof-live-flow-display {
  background: #101722 !important;
  color: #eef4fb !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset !important;
}

.proof-live-demo .proof-live-flow-display em {
  color: #8ea0b3 !important;
}

/* ZIP 170 — CINEMATIC MODAL HARMONISATION + EXECUTIVE SUCCESS PACKAGE */
.proof-success-modal .proof-modal-backdrop {
  background: transparent !important;
  backdrop-filter: none !important;
}

.proof-success-dialog {
  width: min(488px, calc(100% - 32px)) !important;
  padding: 18px 18px 15px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background: linear-gradient(180deg, rgba(7, 9, 13, 0.998), rgba(4, 6, 10, 0.998)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255,255,255,0.015) !important;
  color: rgba(255,255,255,0.92) !important;
}

.proof-success-badge {
  min-height: 20px !important;
  padding: 0 7px !important;
  margin-bottom: 10px !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, 0.028) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.80) !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

.proof-success-title {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.proof-success-copy {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  color: rgba(203, 213, 225, 0.56) !important;
  font-size: 0.71rem !important;
  line-height: 1.42 !important;
  max-width: 46ch !important;
}

.proof-success-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

.proof-success-item {
  display: grid !important;
  gap: 4px !important;
  padding: 10px 11px !important;
  border-radius: 5px !important;
  border: 1px solid rgba(255,255,255,0.055) !important;
  background: linear-gradient(180deg, rgba(9, 12, 17, 0.965), rgba(6, 8, 12, 0.985)) !important;
  box-shadow: none !important;
}

.proof-success-item span {
  color: rgba(226, 232, 240, 0.52) !important;
  font-size: 0.62rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
}

.proof-success-item strong {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.proof-success-item-highlight {
  grid-column: 1 / -1 !important;
  border-color: rgba(255,255,255,0.10) !important;
  background: linear-gradient(180deg, rgba(14, 18, 24, 0.99), rgba(8, 11, 16, 0.995)) !important;
}

.proof-success-item-highlight strong {
  font-size: 0.92rem !important;
  letter-spacing: 0.04em !important;
}

.proof-success-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

@media (max-width: 767px) {
  .proof-success-summary {
    grid-template-columns: 1fr !important;
  }

  .proof-success-dialog {
    padding: 17px 16px 14px !important;
  }
}

/* ZIP 171 — DARK SLATE MODAL FINISH + LIGHT PAGE VEIL + TOP-RIGHT CLOSE */
.proof-loading-overlay,
.proof-live-demo .proof-loading-overlay,
body > .proof-loading-overlay {
  background: rgba(8, 13, 22, 0.14) !important;
  backdrop-filter: blur(2px) !important;
}

.proof-success-modal .proof-modal-backdrop,
.proof-live-demo .proof-success-modal .proof-modal-backdrop,
body > .proof-success-modal .proof-modal-backdrop {
  background: rgba(8, 13, 22, 0.14) !important;
  backdrop-filter: blur(2px) !important;
}

.proof-loading-card,
.proof-live-demo .proof-loading-overlay .proof-loading-card,
body > .proof-loading-overlay .proof-loading-card {
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  background: linear-gradient(180deg, rgba(16, 23, 34, 0.97) 0%, rgba(15, 23, 42, 0.97) 52%, rgba(9, 14, 24, 0.98) 100%) !important;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.22), inset 0 1px 0 rgba(255,255,255,0.02) !important;
}

.proof-success-dialog,
.proof-live-demo .proof-success-modal .proof-success-dialog,
body > .proof-success-modal .proof-success-dialog {
  width: min(500px, calc(100% - 32px)) !important;
  padding: 44px 18px 15px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  background: linear-gradient(180deg, rgba(16, 23, 34, 0.97) 0%, rgba(15, 23, 42, 0.97) 52%, rgba(9, 14, 24, 0.98) 100%) !important;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.22), inset 0 1px 0 rgba(255,255,255,0.02) !important;
}

.proof-success-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: rgba(255,255,255,0.04) !important;
  color: rgba(238, 244, 251, 0.84) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.proof-success-close:hover,
.proof-success-close:focus-visible {
  border-color: rgba(148, 163, 184, 0.24) !important;
  background: rgba(255,255,255,0.06) !important;
  outline: none !important;
}

.proof-success-copy {
  max-width: 42ch !important;
}

.proof-success-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}

.proof-success-actions .proof-btn {
  min-height: 40px !important;
}

@media (max-width: 767px) {
  .proof-success-dialog,
  .proof-live-demo .proof-success-modal .proof-success-dialog,
  body > .proof-success-modal .proof-success-dialog {
    padding: 42px 16px 14px !important;
  }

  .proof-success-actions {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
}

/* ZIP 172 — SUCCESS ACTION CENTER + RESTART FIX */
.proof-success-actions {
  justify-content: center !important;
}

.proof-success-actions .proof-btn {
  margin-inline: auto !important;
}

@media (max-width: 767px) {
  .proof-success-actions {
    justify-content: center !important;
  }
}

/* ZIP 173 — CLOSE RESTART HARD FIX + OPEN ANALYSIS TRUE CENTER */
.proof-success-actions,
.proof-live-demo .proof-success-actions,
body > .proof-success-modal .proof-success-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 14px !important;
  text-align: center !important;
}

.proof-success-actions .proof-btn,
.proof-success-actions .proof-btn.proof-cta,
.proof-success-actions a.proof-cta,
.proof-success-actions [data-proof-open-analysis] {
  flex: 0 0 auto !important;
  width: fit-content !important;
  max-width: max-content !important;
  margin: 0 !important;
  align-self: center !important;
}

@media (max-width: 767px) {
  .proof-success-actions,
  .proof-live-demo .proof-success-actions,
  body > .proof-success-modal .proof-success-actions {
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

/* ZIP 176 — DECISION PREVIEW + LOCKED APP ACTIONS + PROGRAM CTA */
.proof-success-badge {
  background: rgba(255, 255, 255, 0.032) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  color: rgba(241, 245, 249, 0.84) !important;
}

.proof-success-title {
  max-width: 30ch !important;
}

.proof-success-copy {
  max-width: 47ch !important;
  color: rgba(226, 232, 240, 0.66) !important;
}

.proof-success-actions-locked,
.proof-live-demo .proof-success-actions-locked,
body > .proof-success-modal .proof-success-actions-locked {
  justify-content: center !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
}

.proof-success-locked-btn,
.proof-success-actions-locked .proof-success-locked-btn {
  min-height: 40px !important;
  padding: 0.82rem 1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background: linear-gradient(180deg, rgba(26, 35, 48, 0.72) 0%, rgba(17, 24, 39, 0.82) 100%) !important;
  color: rgba(203, 213, 225, 0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.10) saturate(0.82) !important;
}

.proof-success-locked-btn[disabled],
.proof-success-actions-locked .proof-success-locked-btn[disabled],
.proof-success-actions-locked .proof-success-locked-btn[aria-disabled="true"] {
  opacity: 1 !important;
}

.proof-success-locked-btn-secondary {
  color: rgba(191, 219, 254, 0.34) !important;
}

.proof-success-locked-note {
  margin-top: 10px !important;
  color: rgba(148, 163, 184, 0.76) !important;
  font-size: 0.68rem !important;
  line-height: 1.48 !important;
  text-align: center !important;
  max-width: 44ch !important;
  margin-inline: auto !important;
}

.proof-success-program-cta,
.proof-live-demo .proof-success-program-cta,
body > .proof-success-modal .proof-success-program-cta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 14px !important;
}

.proof-success-program-cta .proof-btn,
.proof-success-program-cta [data-proof-open-analysis] {
  min-height: 44px !important;
  margin: 0 !important;
  width: fit-content !important;
  max-width: max-content !important;
}

@media (max-width: 767px) {
  .proof-success-actions-locked,
  .proof-live-demo .proof-success-actions-locked,
  body > .proof-success-modal .proof-success-actions-locked {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .proof-success-actions-locked .proof-success-locked-btn {
    width: 100% !important;
    max-width: none !important;
  }

  .proof-success-locked-note {
    max-width: 100% !important;
  }
}

/* ZIP 178 — GO SPLIT + BEST MARKET + POSITIVE GREEN METRICS */
.proof-success-item-highlight-split {
  grid-column: span 1 !important;
}

.proof-success-item-highlight-split strong {
  font-size: 0.88rem !important;
}

.proof-success-value-positive,
.proof-success-item strong.proof-success-value-positive {
  color: #86efac !important;
}

.proof-success-item-highlight .proof-success-value-positive {
  color: #86efac !important;
  text-shadow: 0 0 18px rgba(34, 197, 94, 0.08) !important;
}

@media (max-width: 767px) {
  .proof-success-item-highlight-split {
    grid-column: 1 / -1 !important;
  }
}

/* ZIP 180 — PREMIUM TRADING DESK VISUAL FINISH */
.proof-success-dialog,
.proof-live-demo .proof-success-modal .proof-success-dialog,
body > .proof-success-modal .proof-success-dialog {
  border-color: rgba(148, 163, 184, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(20, 30, 43, 0.985) 0%, rgba(14, 22, 35, 0.985) 48%, rgba(10, 16, 27, 0.99) 100%) !important;
  box-shadow:
    0 24px 54px rgba(2, 6, 23, 0.34),
    0 10px 26px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.035),
    inset 0 0 0 1px rgba(148, 163, 184, 0.04) !important;
}

.proof-success-badge {
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.022)) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  color: rgba(241, 245, 249, 0.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.proof-success-title {
  color: rgba(248, 250, 252, 0.97) !important;
  letter-spacing: 0.005em !important;
}

.proof-success-copy {
  color: rgba(203, 213, 225, 0.72) !important;
}

.proof-success-summary {
  gap: 9px !important;
}

.proof-success-item {
  border-color: rgba(148, 163, 184, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(24, 34, 48, 0.84) 0%, rgba(15, 23, 36, 0.94) 100%) !important;
  box-shadow:
    0 10px 22px rgba(2, 6, 23, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.022) !important;
}

.proof-success-item span {
  color: rgba(191, 203, 219, 0.58) !important;
  letter-spacing: 0.11em !important;
}

.proof-success-item strong {
  color: rgba(248, 250, 252, 0.90) !important;
  font-weight: 760 !important;
}

.proof-success-item-highlight,
.proof-success-item-highlight-split {
  border-color: rgba(134, 239, 172, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 35, 32, 0.86) 0%, rgba(14, 27, 29, 0.95) 100%) !important;
  box-shadow:
    0 14px 28px rgba(2, 6, 23, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.03),
    inset 0 0 0 1px rgba(134, 239, 172, 0.035) !important;
}

.proof-success-item-highlight-split strong {
  font-size: 0.9rem !important;
}

.proof-success-value-positive,
.proof-success-item strong.proof-success-value-positive,
.proof-success-item-highlight .proof-success-value-positive {
  color: #9af7ba !important;
  font-weight: 800 !important;
  letter-spacing: 0.018em !important;
  text-shadow:
    0 0 16px rgba(34, 197, 94, 0.10),
    0 0 28px rgba(16, 185, 129, 0.05) !important;
}

.proof-success-actions-locked,
.proof-live-demo .proof-success-actions-locked,
body > .proof-success-modal .proof-success-actions-locked {
  border-top-color: rgba(148, 163, 184, 0.12) !important;
  margin-top: 15px !important;
  padding-top: 13px !important;
}

.proof-success-locked-btn,
.proof-success-actions-locked .proof-success-locked-btn {
  border-color: rgba(148, 163, 184, 0.15) !important;
  background: linear-gradient(180deg, rgba(34, 45, 62, 0.76) 0%, rgba(19, 28, 41, 0.88) 100%) !important;
  color: rgba(226, 232, 240, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.025),
    0 8px 16px rgba(2, 6, 23, 0.10) !important;
}

.proof-success-locked-note {
  color: rgba(148, 163, 184, 0.82) !important;
}

.proof-success-program-cta .proof-btn,
.proof-success-program-cta [data-proof-open-analysis] {
  background: linear-gradient(180deg, #36506b 0%, #273b52 100%) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  box-shadow:
    0 18px 34px rgba(2, 6, 23, 0.28),
    0 10px 20px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.proof-success-program-cta .proof-btn:hover,
.proof-success-program-cta .proof-btn:focus-visible,
.proof-success-program-cta [data-proof-open-analysis]:hover,
.proof-success-program-cta [data-proof-open-analysis]:focus-visible {
  background: linear-gradient(180deg, #3d5c7a 0%, #2c435d 100%) !important;
  border-color: rgba(191, 219, 254, 0.26) !important;
  box-shadow:
    0 22px 40px rgba(2, 6, 23, 0.32),
    0 0 0 3px rgba(59, 130, 246, 0.10),
    0 0 24px rgba(59, 130, 246, 0.08) !important;
}

/* ZIP 181 — NARRATIVE LEGACY INTEGRATION MODULES */
.narrative-section {
  position: relative;
  padding: 96px 0;
  background:
    radial-gradient(circle at 12% 12%, rgba(37, 99, 235, 0.07), transparent 28%),
    linear-gradient(180deg, rgba(7, 11, 17, 0.98) 0%, rgba(6, 9, 15, 0.98) 100%);
}

.narrative-section-alt {
  background:
    radial-gradient(circle at 88% 18%, rgba(16, 185, 129, 0.06), transparent 30%),
    linear-gradient(180deg, rgba(8, 12, 18, 0.98) 0%, rgba(7, 10, 16, 0.98) 100%);
}

.narrative-shell {
  display: grid;
  gap: 28px;
}

.narrative-head {
  max-width: 860px;
}

.narrative-head-left {
  max-width: 760px;
}

.narrative-grid {
  display: grid;
  gap: 18px;
}

.narrative-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.narrative-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.narrative-card {
  padding: 28px 26px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.92) 0%, rgba(10, 16, 28, 0.96) 100%);
  box-shadow:
    0 20px 40px rgba(2, 6, 23, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.narrative-card h3,
.program-step-card h3 {
  margin-bottom: 12px;
  color: #F3F7FB;
  font-size: 1.14rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.narrative-card p,
.program-step-card p,
.narrative-closing-note {
  color: #AEBAC8;
  font-size: 0.96rem;
  line-height: 1.65;
}

.narrative-card-compact {
  padding: 24px 22px;
}

.narrative-band {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.narrative-band-item {
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: linear-gradient(180deg, rgba(14, 20, 31, 0.9), rgba(9, 13, 21, 0.96));
}

.narrative-band-item span,
.narrative-card-label,
.program-step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 9px;
  margin-bottom: 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(255,255,255,0.03);
  color: #D9E5F1;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.narrative-band-item strong {
  display: block;
  color: #EAF1F9;
  font-size: 0.95rem;
  line-height: 1.55;
  font-weight: 600;
}

.narrative-card-confidentiality {
  display: grid;
  gap: 8px;
  padding: 26px 28px;
  border-color: rgba(96, 165, 250, 0.16);
  background:
    linear-gradient(180deg, rgba(16, 24, 36, 0.92), rgba(10, 16, 26, 0.98));
}

.program-steps-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.program-step-card {
  padding: 28px 26px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.94) 0%, rgba(10, 16, 28, 0.98) 100%);
  box-shadow:
    0 20px 42px rgba(2, 6, 23, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.025);
}

.program-step-index {
  color: #9AF7BA;
  border-color: rgba(134, 239, 172, 0.16);
  background: rgba(16, 185, 129, 0.08);
}

.narrative-closing-note {
  margin-top: 2px;
  padding: 18px 20px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  color: #C6D1DD;
}

#apply .container > p {
  max-width: 760px;
}

@media (max-width: 1100px) {
  .narrative-grid-3,
  .narrative-grid-4,
  .program-steps-grid,
  .narrative-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .narrative-section {
    padding: 72px 0;
  }

  .narrative-grid-3,
  .narrative-grid-4,
  .program-steps-grid,
  .narrative-band {
    grid-template-columns: 1fr;
  }

  .narrative-card,
  .program-step-card {
    padding: 22px 18px;
  }

  .narrative-band-item {
    padding: 16px 16px;
  }
}

/* ZIP 189 — CALCULATION PARAMETERS EMPHASIS + BLUE-GREY VIN FIELD */
.proof-live-demo .proof-live-flow-card-params-emphasis {
  position: relative;
  overflow: visible;
  border-color: rgba(148, 163, 184, 0.18) !important;
  background: linear-gradient(180deg, rgba(17, 25, 37, 0.96) 0%, rgba(10, 16, 25, 0.99) 100%) !important;
  box-shadow:
    0 24px 52px rgba(2, 6, 23, 0.24),
    0 10px 24px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.05) !important;
  transform: translateY(-2px);
}

.proof-live-demo .proof-live-flow-card-params-emphasis::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.00) 34%);
  pointer-events: none;
}

.proof-live-demo .proof-live-flow-card-params-emphasis .proof-live-flow-head,
.proof-live-demo .proof-live-flow-card-params-emphasis .proof-live-flow-field,
.proof-live-demo .proof-live-flow-card-params-emphasis .proof-live-param-chip-row,
.proof-live-demo .proof-live-flow-card-params-emphasis .proof-live-param-grid {
  position: relative;
  z-index: 1;
}

.proof-live-demo .proof-live-flow-card-params-emphasis .proof-live-flow-kicker {
  color: #F8FBFF !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
}

.proof-live-demo .proof-live-flow-card-params-emphasis .proof-live-param-item:not(.proof-live-param-item-margin-emphasis) {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(9, 14, 24, 0.90)) !important;
}

.proof-live-demo .proof-live-param-item-margin-emphasis {
  border-color: rgba(134, 239, 172, 0.20) !important;
  background: linear-gradient(180deg, rgba(18, 40, 31, 0.38) 0%, rgba(11, 24, 20, 0.68) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 20px rgba(5, 46, 22, 0.10),
    0 0 0 1px rgba(134, 239, 172, 0.04) !important;
}

.proof-live-demo .proof-live-param-item-margin-emphasis span {
  color: #CFF7DD !important;
  font-weight: 800 !important;
}

.proof-live-demo .proof-live-param-item-margin-emphasis strong,
.proof-live-demo .proof-live-param-item-margin-emphasis strong[data-proof-live-param-value] {
  color: #9AF7BA !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(134, 239, 172, 0.10);
}

.proof-live-demo .proof-live-param-item-margin-emphasis strong[data-proof-live-param-value]::before {
  color: #9AF7BA !important;
  opacity: 0.94;
}

.proof-live-demo .proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display],
.proof-live-demo .proof-modal-field input[data-proof-vin-input] {
  color: #07101A !important;
  -webkit-text-fill-color: #07101A !important;
  background: linear-gradient(180deg, #F4F8FD 0%, #DDEBFF 100%) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  box-shadow:
    0 18px 42px rgba(190, 219, 255, 0.16),
    0 0 0 1px rgba(255,255,255,0.28) inset !important;
}

.proof-live-demo .proof-field-vin input::placeholder,
.proof-live-demo .proof-field input[data-proof-vin-display]::placeholder,
.proof-live-demo .proof-modal-field input[data-proof-vin-input]::placeholder {
  color: rgba(71, 85, 105, 0.90) !important;
  -webkit-text-fill-color: rgba(71, 85, 105, 0.90) !important;
}

.proof-live-demo .proof-field.is-stage-live input,
.proof-live-demo .proof-field.is-stage-live input[data-proof-vin-display],
.proof-live-demo .proof-modal-field.is-typing input[data-proof-vin-input] {
  border-color: rgba(122, 171, 255, 0.62) !important;
  box-shadow:
    0 0 0 4px rgba(67, 132, 255, 0.12),
    0 18px 42px rgba(190, 219, 255, 0.16),
    0 0 0 1px rgba(255,255,255,0.30) inset !important;
}

@media (max-width: 767px) {
  .proof-live-demo .proof-live-flow-card-params-emphasis {
    box-shadow:
      0 18px 34px rgba(2, 6, 23, 0.22),
      inset 0 1px 0 rgba(255,255,255,0.04) !important;
  }
}

/* ZIP 190 — CONVERSION MASTER COPY SUPPORT */
.hero-trust-line {
  margin-top: 18px;
  color: #C6D4E3;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.narrative-section-support {
  padding-top: 24px !important;
  padding-bottom: 20px !important;
}

.narrative-band-single {
  grid-template-columns: 1fr !important;
}

.cta-intro-copy {
  max-width: 820px;
  margin: 0 auto 14px;
  color: #C6D4E3;
  font-weight: 500;
}

/* ZIP191 — HERO BALANCE / BRAND / CHROME ALIGNMENT */
:root {
  --chrome-pill-height: 52px;
  --chrome-pill-padding: 0 18px;
  --chrome-pill-border: rgba(255,255,255,0.10);
  --chrome-pill-border-strong: rgba(255,255,255,0.16);
  --chrome-pill-bg: rgba(13,17,23,0.96);
  --chrome-pill-shadow: 0 18px 48px rgba(0,0,0,0.34);
}

.hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 28%, rgba(52, 211, 153, 0.11), transparent 22%),
    radial-gradient(circle at 18% 16%, rgba(69, 140, 255, 0.18), transparent 24%),
    linear-gradient(180deg, rgba(6,10,15,0.98) 0%, rgba(7,12,18,1) 100%);
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,9,14,0.00) 46%, rgba(5,9,14,0.10) 100%),
    radial-gradient(circle at 70% 48%, rgba(255,255,255,0.04), transparent 28%);
  pointer-events: none;
}

.hero > .container,
.narrative-section > .container,
.app-story > .container {
  position: relative;
  z-index: 1;
}

.hero-badge-corner .badge,
.app-story-eyebrow {
  min-height: var(--chrome-pill-height);
  padding: var(--chrome-pill-padding);
  border-radius: 999px;
  border: 1px solid var(--chrome-pill-border);
  background: var(--chrome-pill-bg);
  box-shadow: var(--chrome-pill-shadow);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.hero-badge-corner .badge {
  font-size: 0.76rem;
  letter-spacing: 0.12em;
}

.app-story-eyebrow {
  font-size: 0.74rem;
  letter-spacing: 0.12em;
}

.hero-brand-lockup {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.hero-brand-pill {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(17,24,34,0.96) 0%, rgba(11,16,24,0.98) 100%);
  border: 1px solid rgba(134, 239, 172, 0.24);
  box-shadow: 0 12px 30px rgba(0,0,0,0.26), 0 0 0 1px rgba(255,255,255,0.03) inset, 0 0 24px rgba(134,239,172,0.08);
  color: #F5F7FA;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-brand-context {
  color: #AFC0D2;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.hero-brand {
  color: #FFFFFF;
  font-weight: 800;
}

.hero-trust-line {
  margin-top: 18px;
  color: #DCE7F2;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.hero-mockup {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.hero-proof-zero-shell {
  width: min(100%, 980px);
  margin-left: auto;
}

.hero-proof-input--margin {
  background: linear-gradient(180deg, rgba(10, 56, 35, 0.96) 0%, rgba(7, 43, 28, 0.98) 100%);
  border-color: rgba(134, 239, 172, 0.22);
  box-shadow: 0 16px 34px rgba(3, 18, 12, 0.18), 0 0 0 1px rgba(154, 247, 186, 0.08) inset;
}

.hero-proof-input--margin .hero-proof-input-value,
.hero-proof-input--margin .hero-proof-input-addon,
.hero-proof-field--margin .hero-proof-label {
  color: #D8FBE4;
}

@media (min-width: 1024px) {
  .hero-layout {
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
    column-gap: clamp(24px, 2.4vw, 42px) !important;
    row-gap: clamp(14px, 2vh, 22px) !important;
    align-items: start !important;
  }

  .hero-kicker {
    padding-left: 0 !important;
    margin-top: clamp(22px, 2.8vh, 30px) !important;
    max-width: none !important;
  }

  .hero-content {
    padding-left: 0 !important;
    max-width: min(100%, 720px);
    margin-top: 10px !important;
  }

  h1 {
    max-width: 9.4ch !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  .hero p {
    max-width: 60ch !important;
  }

  .hero-mockup {
    padding-top: clamp(22px, 2.8vh, 34px) !important;
    margin-top: 0 !important;
  }

  .hero-buttons {
    margin-top: clamp(10px, 1.8vh, 18px) !important;
  }

  .hero-badge-corner {
    top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .hero-brand-lockup {
    margin-bottom: 14px;
  }

  .hero-brand-context {
    font-size: 0.84rem;
  }

  .hero-trust-line {
    font-size: 0.84rem;
    line-height: 1.45;
  }
}

/* ZIP192 — REMOVE HERO PRODUCT PREVIEW / ADD SECTION HEADER VARIANTS */
.hero {
  background:
    radial-gradient(circle at 74% 34%, rgba(41, 98, 255, 0.16), transparent 20%),
    radial-gradient(circle at 82% 46%, rgba(52, 211, 153, 0.10), transparent 18%),
    radial-gradient(circle at 18% 16%, rgba(69, 140, 255, 0.16), transparent 22%),
    linear-gradient(180deg, rgba(6,10,15,0.98) 0%, rgba(7,12,18,1) 100%);
}

.hero::before {
  background:
    linear-gradient(90deg, rgba(5,9,14,0.00) 42%, rgba(5,9,14,0.08) 100%),
    radial-gradient(circle at 76% 46%, rgba(255,255,255,0.03), transparent 26%);
}

.hero-mockup--atmosphere {
  position: relative;
  width: 100%;
  min-height: clamp(280px, 42vh, 520px);
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  border-radius: 34px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(8, 14, 22, 0.18) 0%, rgba(8, 14, 22, 0.02) 52%, rgba(8, 14, 22, 0.00) 100%);
  border: 1px solid rgba(173, 201, 236, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.hero-atmosphere-core,
.hero-atmosphere-orb,
.hero-atmosphere-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-atmosphere-core {
  background:
    radial-gradient(circle at 62% 42%, rgba(40, 106, 255, 0.20), transparent 0 18%),
    radial-gradient(circle at 74% 52%, rgba(255,255,255,0.06), transparent 0 10%),
    radial-gradient(circle at 78% 34%, rgba(52, 211, 153, 0.10), transparent 0 12%);
  filter: blur(4px);
}

.hero-atmosphere-orb-primary {
  inset: 10% 2% 12% 36%;
  border-radius: 40px;
  background: radial-gradient(circle at 70% 45%, rgba(52, 112, 255, 0.22), rgba(16, 31, 58, 0.06) 46%, transparent 72%);
  filter: blur(24px);
}

.hero-atmosphere-orb-secondary {
  inset: 16% 8% 20% 54%;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(255,255,255,0.08), rgba(125, 169, 255, 0.08) 34%, transparent 66%);
  filter: blur(18px);
}

.hero-atmosphere-grid {
  inset: 8% 0 6% 46%;
  background-image:
    linear-gradient(rgba(173, 201, 236, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(173, 201, 236, 0.06) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.9) 24%, rgba(0,0,0,0.98) 74%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.9) 24%, rgba(0,0,0,0.98) 74%, transparent 100%);
  opacity: 0.32;
}

@media (min-width: 1024px) {
  .hero-layout {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr) !important;
    column-gap: clamp(26px, 2.8vw, 44px) !important;
  }

  .hero-content {
    max-width: min(100%, 760px) !important;
  }

  .hero-mockup {
    padding-top: clamp(34px, 4.2vh, 48px) !important;
    min-height: clamp(280px, 38vh, 460px);
  }
}

@media (max-width: 1023px) {
  .hero-mockup--atmosphere {
    min-height: 220px;
  }

  .hero-atmosphere-grid {
    inset: 10% 0 8% 28%;
  }
}

.narrative-head {
  gap: 18px;
}

.narrative-head-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  align-items: end;
  column-gap: clamp(28px, 3vw, 54px);
  row-gap: 14px;
}

.narrative-head-split .narrative-head-main,
.narrative-head-split .narrative-head-side {
  min-width: 0;
}

.narrative-head-split .app-story-eyebrow {
  margin-bottom: 16px;
}

.narrative-head-split .section-title {
  max-width: 12ch;
  margin-bottom: 0;
}

.narrative-head-split .section-subtitle {
  max-width: 34ch;
  margin: 0 0 0 auto;
  color: #C7D4E2;
}

.narrative-head-center {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 16px;
}

.narrative-head-center .app-story-eyebrow {
  margin-bottom: 0;
}

.narrative-head-center .section-title {
  max-width: 14ch;
  margin: 0 auto;
}

.narrative-head-center .section-subtitle {
  max-width: 60ch;
  margin: 0 auto;
}

#program .narrative-grid,
#program .narrative-band {
  margin-top: 8px;
}

#access-model .narrative-head-split {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.62fr);
}

#access-model .narrative-head-split .section-subtitle {
  max-width: 30ch;
}

@media (max-width: 980px) {
  .narrative-head-split {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }

  .narrative-head-split .section-subtitle {
    max-width: none;
    margin-left: 0;
  }

  .narrative-head-center {
    justify-items: start;
    text-align: left;
  }

  .narrative-head-center .section-title,
  .narrative-head-center .section-subtitle {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
}

/* ZIP193 — HERO STRUCTURAL CORRECTION / EDITORIAL COMPACT */
.hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(69, 140, 255, 0.12), transparent 18%),
    linear-gradient(180deg, rgba(5,9,14,0.98) 0%, rgba(7,12,18,1) 100%) !important;
}

.hero::before {
  background:
    linear-gradient(90deg, rgba(5,9,14,0.00) 0%, rgba(5,9,14,0.03) 100%) !important;
}

.hero-badge-corner,
.hero-mockup,
.hero-mockup--atmosphere {
  display: none !important;
}

.hero-layout {
  display: block !important;
  min-height: auto !important;
  max-width: 1260px;
}

.hero-kicker {
  max-width: 820px !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  color: #DCE7F2;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em;
}

.hero-content {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.hero-brand-lockup {
  gap: 10px;
  margin-bottom: 16px !important;
}

.hero-brand-pill {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(134, 239, 172, 0.18);
  box-shadow: 0 8px 20px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.02) inset;
  font-size: 0.82rem;
}

.hero-brand-context {
  color: #C1D0DE;
  font-size: 0.92rem;
  font-weight: 600;
}

.hero-content h1,
h1 {
  max-width: 9.6ch !important;
  margin: 0 0 18px !important;
  line-height: 0.95 !important;
}

.hero p {
  max-width: 760px !important;
  margin: 0 !important;
  color: #D2DCE7;
  line-height: 1.58 !important;
}

.hero-trust-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px !important;
}

.hero-proof-chipline {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(173, 201, 236, 0.14);
  background: rgba(11, 17, 25, 0.62);
  box-shadow: 0 12px 24px rgba(0,0,0,0.16), 0 0 0 1px rgba(255,255,255,0.02) inset;
  color: #E5EEF8;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.hero-buttons {
  justify-content: flex-start !important;
  align-items: center;
  width: auto !important;
  margin: 24px 0 0 !important;
  gap: 12px !important;
}

.hero-buttons .btn {
  min-width: 0;
}

.btn-primary {
  box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}

.btn-secondary {
  border-color: rgba(255,255,255,0.10);
  background: rgba(11, 17, 25, 0.84);
  color: #F5F7FA;
}

.btn-secondary:hover {
  border-color: rgba(255,255,255,0.18);
  background: rgba(14, 21, 31, 0.94);
}

.narrative-head-split {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
}

.narrative-head-center {
  gap: 18px;
}

.narrative-head-center .section-title {
  max-width: 13ch;
}

@media (min-width: 1024px) {
  .hero-layout {
    padding-top: clamp(56px, 7vh, 82px) !important;
    padding-bottom: clamp(34px, 4vh, 46px) !important;
  }
}

@media (max-width: 1023px) {
  .hero-layout {
    padding-top: 78px !important;
  }

  .hero-kicker,
  .hero-content {
    max-width: none !important;
  }

  .hero-brand-context {
    font-size: 0.84rem;
  }

  .hero-proof-chipline {
    font-size: 0.78rem;
  }

  .hero-buttons {
    width: 100% !important;
  }
}

/* ZIP194 — STRONGER BRAND VISIBILITY IN HERO */
.hero-layout {
  max-width: 1180px !important;
}

.hero-kicker {
  margin-bottom: 10px !important;
  color: #C7D6E5 !important;
  font-size: 0.96rem !important;
  font-weight: 650;
  letter-spacing: 0.01em;
}

.hero-brand-lockup,
.hero-brand-pill {
  display: none !important;
}

.hero-brand-signature {
  display: grid;
  gap: 4px;
  margin-bottom: 18px;
}

.hero-wordmark {
  color: #FFFFFF;
  font-size: clamp(1.9rem, 2.6vw, 2.7rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.035em;
  text-shadow: 0 10px 30px rgba(24, 78, 180, 0.16);
}

.hero-brand-context {
  color: #BFD0E2;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  max-width: 760px;
}

.hero-content h1,
h1 {
  margin-top: 4px !important;
  margin-bottom: 20px !important;
}

.hero p {
  max-width: 740px !important;
}

.hero-trust-line {
  margin-top: 20px !important;
}

.hero-proof-chipline {
  border-color: rgba(173, 201, 236, 0.18);
  background: rgba(11, 17, 25, 0.78);
  box-shadow: 0 14px 28px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.03) inset;
}

.hero-buttons {
  margin-top: 26px !important;
}

.btn-secondary {
  border-color: rgba(230, 240, 255, 0.16) !important;
  background: linear-gradient(180deg, rgba(18, 27, 40, 0.94) 0%, rgba(12, 18, 28, 0.98) 100%) !important;
  color: #F5F8FC !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.03) inset;
}

.btn-secondary:hover {
  border-color: rgba(255,255,255,0.26) !important;
  background: linear-gradient(180deg, rgba(22, 32, 47, 0.98) 0%, rgba(14, 21, 32, 1) 100%) !important;
}

@media (max-width: 1023px) {
  .hero-wordmark {
    font-size: clamp(1.7rem, 7vw, 2.25rem);
  }

  .hero-brand-context {
    font-size: 0.84rem;
  }
}

/* ZIP195 — COMPLETE CONVERSION DESIGN PASS */
.hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(60, 122, 255, 0.12), transparent 22%),
    radial-gradient(circle at 78% 26%, rgba(52, 211, 153, 0.06), transparent 20%),
    linear-gradient(180deg, rgba(5,9,14,0.98) 0%, rgba(7,12,18,1) 100%) !important;
}

.hero::before {
  background:
    linear-gradient(90deg, rgba(5,9,14,0.00) 0%, rgba(5,9,14,0.06) 100%) !important;
}

.hero-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.96fr) minmax(360px, 0.82fr) !important;
  grid-template-areas:
    'kicker kicker'
    'content problem';
  column-gap: clamp(34px, 4vw, 62px) !important;
  row-gap: 18px !important;
  align-items: start !important;
  max-width: 1240px !important;
  min-height: auto !important;
}

.hero-kicker {
  grid-area: kicker;
  max-width: none !important;
  margin: 0 0 2px !important;
}

.hero-content {
  grid-area: content;
  max-width: 720px !important;
  margin: 0 !important;
}

.hero-brand-signature {
  margin-bottom: 20px !important;
}

.hero-wordmark {
  font-size: clamp(2.2rem, 3vw, 3rem) !important;
}

.hero-brand-context {
  max-width: 680px;
}

.hero-content h1,
h1 {
  max-width: 8.8ch !important;
  margin-bottom: 18px !important;
}

.hero p {
  max-width: 670px !important;
}

.hero-trust-line {
  margin-top: 20px !important;
  max-width: 700px;
}

.hero-buttons {
  margin-top: 24px !important;
}

.hero-problem-panel {
  grid-area: problem;
  align-self: stretch;
}

.hero-problem-shell {
  position: relative;
  height: 100%;
  min-height: 420px;
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(173, 201, 236, 0.10);
  background:
    radial-gradient(circle at 78% 18%, rgba(52, 211, 153, 0.08), transparent 18%),
    radial-gradient(circle at 18% 10%, rgba(67, 132, 255, 0.10), transparent 22%),
    linear-gradient(180deg, rgba(12, 18, 27, 0.86) 0%, rgba(8, 13, 20, 0.96) 100%);
  box-shadow:
    0 28px 80px rgba(0,0,0,0.28),
    0 0 0 1px rgba(255,255,255,0.03) inset,
    0 0 46px rgba(67, 132, 255, 0.08);
  overflow: hidden;
}

.hero-problem-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.00) 18%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), rgba(0,0,0,0.2));
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), rgba(0,0,0,0.2));
  pointer-events: none;
}

.hero-problem-kicker,
.hero-problem-list,
.hero-problem-footer {
  position: relative;
  z-index: 1;
}

.hero-problem-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(173, 201, 236, 0.16);
  background: rgba(10, 16, 24, 0.72);
  color: #E4EDF7;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hero-problem-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.hero-problem-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 14px 14px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.06);
  background: linear-gradient(180deg, rgba(16, 24, 36, 0.72) 0%, rgba(11, 16, 24, 0.84) 100%);
  box-shadow: 0 12px 28px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.hero-problem-index {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(134, 239, 172, 0.18);
  background: rgba(13, 22, 33, 0.88);
  color: #D9E6F3;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.hero-problem-copy {
  display: grid;
  gap: 6px;
}

.hero-problem-copy strong {
  color: #F6FAFF;
  font-size: 1rem;
  line-height: 1.28;
  font-weight: 760;
}

.hero-problem-copy span {
  color: #AFC0D2;
  font-size: 0.84rem;
  line-height: 1.45;
}

.hero-problem-footer {
  display: grid;
  gap: 6px;
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(134, 239, 172, 0.14);
  background: linear-gradient(180deg, rgba(12, 36, 26, 0.46) 0%, rgba(10, 22, 18, 0.72) 100%);
  box-shadow: 0 14px 30px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.hero-problem-footer-label {
  color: #B9C9D8;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hero-problem-footer-value {
  color: #F4FBF7;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 760;
}

#decision-strip > .container {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  border-color: rgba(122, 171, 255, 0.08);
}

#decision-strip .narrative-band {
  align-items: center;
}

#decision-strip .narrative-band-item {
  min-height: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

#decision-strip .narrative-band-item span {
  font-size: 0.84rem;
  letter-spacing: 0.08em;
}

#decision-strip .narrative-band-item strong {
  font-size: 1rem;
  line-height: 1.5;
}

#problem-frame .narrative-card {
  border-color: rgba(255,255,255,0.05);
  background:
    linear-gradient(180deg, rgba(17, 24, 34, 0.78) 0%, rgba(11, 16, 24, 0.88) 100%);
}

#problem-frame .narrative-card h3 {
  position: relative;
  padding-top: 10px;
}

#problem-frame .narrative-card h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(134,239,172,0.9), rgba(67,132,255,0.32));
}

#program > .container {
  border-color: rgba(122, 171, 255, 0.10);
  background:
    radial-gradient(circle at 50% 0%, rgba(97, 155, 255, 0.10) 0%, transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.006) 100%),
    var(--aa-flow-panel-strong);
}

#program .narrative-grid {
  margin-top: 18px;
}

#program .narrative-card {
  min-height: 100%;
}

#access-model .narrative-closing-note,
.narrative-program-steps .narrative-closing-note {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.05);
  color: #CFD9E5;
}

.program-step-card {
  position: relative;
  overflow: hidden;
}

.program-step-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(134,239,172,0.7), rgba(67,132,255,0.18));
}

.cta > .container {
  border-color: rgba(122, 171, 255, 0.12);
}

@media (max-width: 1180px) {
  .hero-layout {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      'kicker'
      'content'
      'problem';
    row-gap: 22px !important;
  }

  .hero-content {
    max-width: none !important;
  }

  .hero-problem-shell {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .hero-problem-card {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .hero-problem-copy strong {
    font-size: 0.94rem;
  }

  .hero-problem-copy span {
    font-size: 0.8rem;
  }

  .hero-proof-chipline {
    min-height: 32px;
  }
}

/* ZIP196 — HERO RIGHT PANEL FIX */
.hero-layout {
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 0.92fr) !important;
  column-gap: clamp(42px, 4.6vw, 74px) !important;
  align-items: stretch !important;
}

.hero-content {
  display: block;
  align-self: center;
  padding-right: 0 !important;
}

.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.hero-problem-panel {
  grid-area: problem;
  display: block !important;
  width: 100%;
  max-width: 560px;
  justify-self: end;
  align-self: stretch;
}

.hero-problem-shell {
  min-height: 500px;
  padding: 24px;
}

.hero-problem-list {
  gap: 14px;
  margin-top: 20px;
}

.hero-problem-card {
  padding: 16px 16px 16px 14px;
}

.hero-problem-footer {
  margin-top: 18px;
}

@media (max-width: 1280px) {
  .hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr) !important;
    column-gap: clamp(28px, 3.4vw, 48px) !important;
  }

  .hero-problem-panel {
    max-width: 520px;
  }
}

@media (max-width: 1180px) {
  .hero-problem-panel {
    max-width: none;
    justify-self: stretch;
  }

  .hero-problem-shell {
    min-height: auto;
  }
}

/* ZIP197 — HERO AIR + TITLE / PROBLEM ALIGNMENT */
.hero {
  --hero-problem-kicker-align: clamp(52px, 4.6vw, 64px);
}

.hero-layout {
  grid-template-columns: minmax(0, 0.86fr) minmax(430px, 0.94fr) !important;
  column-gap: clamp(54px, 5.2vw, 86px) !important;
  row-gap: 20px !important;
}

.hero-content {
  align-self: start !important;
  max-width: 690px !important;
}

.hero-brand-signature {
  margin-bottom: 26px !important;
}

.hero-wordmark {
  line-height: 0.96 !important;
}

.hero-brand-context {
  margin-top: 8px;
  max-width: 620px;
}

.hero-content h1,
.hero h1 {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px;
  max-width: 8.4ch !important;
  margin: 0 0 24px !important;
  line-height: 0.94 !important;
  letter-spacing: -0.03em !important;
}

.hero-title-line {
  display: block;
}

.hero p {
  max-width: 640px !important;
  margin: 0 !important;
  line-height: 1.58 !important;
}

.hero-trust-line {
  margin-top: 24px !important;
  max-width: 660px !important;
}

.hero-buttons {
  margin-top: 30px !important;
}

.hero-problem-panel {
  max-width: 572px;
  margin-top: var(--hero-problem-kicker-align);
}

.hero-problem-shell {
  min-height: 520px;
  padding: 18px 24px 24px;
}

.hero-problem-kicker {
  min-height: 36px;
}

@media (max-width: 1280px) {
  .hero {
    --hero-problem-kicker-align: 46px;
  }

  .hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.88fr) !important;
    column-gap: clamp(34px, 3.6vw, 56px) !important;
  }
}

@media (max-width: 1180px) {
  .hero {
    --hero-problem-kicker-align: 0px;
  }

  .hero-layout {
    grid-template-columns: 1fr !important;
    row-gap: 24px !important;
  }

  .hero-problem-panel {
    margin-top: 0;
    max-width: none;
  }

  .hero-problem-shell {
    min-height: auto;
    padding-top: 20px;
  }
}

/* ZIP198 — HERO TRUE 3 LINES + TITLE DE-CONDENSED DESKTOP */
@media (min-width: 1024px) {
  .hero {
    --hero-problem-kicker-align: 118px;
  }

  .hero-layout {
    grid-template-columns: minmax(0, 0.9fr) minmax(470px, 0.9fr) !important;
    column-gap: clamp(56px, 5vw, 88px) !important;
  }

  .hero-content {
    max-width: 760px !important;
  }

  .hero-content h1,
  .hero h1 {
    max-width: clamp(430px, 36vw, 560px) !important;
    margin: 0 0 26px !important;
    gap: 0 !important;
    line-height: 0.95 !important;
  }

  .hero-title-line {
    white-space: nowrap;
  }

  .hero p {
    max-width: 620px !important;
  }

  .hero-trust-line {
    margin-top: 26px !important;
  }

  .hero-buttons {
    margin-top: 32px !important;
  }

  .hero-problem-panel {
    margin-top: var(--hero-problem-kicker-align) !important;
    max-width: 560px !important;
  }

  .section-title,
  .cta h2 {
    text-wrap: balance;
  }

  .app-story .section-title {
    max-width: 16ch !important;
  }

  .app-story-b2b-head {
    max-width: 980px !important;
  }

  .app-story-b2b-head .section-title {
    max-width: 18ch !important;
  }

  .narrative-head-split {
    grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.78fr) !important;
    column-gap: clamp(32px, 3.4vw, 54px) !important;
    align-items: end !important;
  }

  .narrative-head-main {
    max-width: 780px;
  }

  #problem-frame .section-title {
    max-width: 18ch !important;
  }

  #program .section-title {
    max-width: 22ch !important;
  }

  #operator-fit .section-title,
  #access-model .section-title,
  .narrative-program-steps .section-title,
  section.cta h2 {
    max-width: 18ch !important;
  }
}

@media (min-width: 1024px) and (max-width: 1320px) {
  .hero {
    --hero-problem-kicker-align: 108px;
  }

  .hero-layout {
    grid-template-columns: minmax(0, 0.94fr) minmax(420px, 0.86fr) !important;
    column-gap: clamp(42px, 4vw, 64px) !important;
  }

  .hero-content h1,
  .hero h1 {
    max-width: clamp(400px, 34vw, 500px) !important;
  }

  .hero-problem-panel {
    max-width: 520px !important;
  }
}

/* ZIP199 — HERO LEFT CHIPS WITHOUT BACKGROUND / BORDER */
.hero-trust-line {
  gap: 14px !important;
}

.hero-proof-chipline {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #DCE7F2 !important;
}

@media (max-width: 767px) {
  .hero-trust-line {
    gap: 10px !important;
  }
}

/* ZIP200 — HERO LEFT CTA MINIMAL + MORE AIR */
.hero .hero-trust-line {
  gap: 16px !important;
}

.hero .hero-buttons {
  margin-top: 42px !important;
  gap: 26px !important;
  align-items: center !important;
}

.hero .hero-buttons .btn {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.hero .hero-buttons .btn-primary,
.hero .hero-buttons .btn-secondary {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.hero .hero-buttons .btn-primary {
  color: #F7FAFE !important;
}

.hero .hero-buttons .btn-secondary {
  color: #C8D5E4 !important;
}

.hero .hero-buttons .btn-primary::after,
.hero .hero-buttons .btn-secondary::after {
  content: '→';
  font-size: 0.92em;
  line-height: 1;
  opacity: 0.92;
}

.hero .hero-buttons .btn-primary:hover,
.hero .hero-buttons .btn-primary:focus-visible {
  color: #FFFFFF !important;
}

.hero .hero-buttons .btn-secondary:hover,
.hero .hero-buttons .btn-secondary:focus-visible {
  color: #E3EDF8 !important;
}

@media (max-width: 767px) {
  .hero .hero-buttons {
    margin-top: 34px !important;
    gap: 18px !important;
  }
}

/* ZIP201 — HERO CARDS ONLY + CTA REVERT */
.hero .hero-proof-chipline {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #DCE7F2 !important;
}

.hero .hero-trust-line {
  gap: 14px !important;
}

.hero .hero-buttons {
  margin-top: 40px !important;
  gap: 14px !important;
  align-items: center !important;
}

.hero .hero-buttons .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18) !important;
}

.hero .hero-buttons .btn::after,
.hero .hero-buttons .btn-primary::after,
.hero .hero-buttons .btn-secondary::after {
  content: none !important;
}

.hero .hero-buttons .btn-primary {
  color: #07101A !important;
  background: linear-gradient(180deg, #F7FAFE 0%, #E8EFF8 100%) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
}

.hero .hero-buttons .btn-secondary {
  color: #F5F8FC !important;
  background: linear-gradient(180deg, rgba(18, 27, 40, 0.94) 0%, rgba(12, 18, 28, 0.98) 100%) !important;
  border: 1px solid rgba(230, 240, 255, 0.16) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.03) inset !important;
}

.hero .hero-buttons .btn-primary:hover,
.hero .hero-buttons .btn-primary:focus-visible {
  color: #07101A !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #E8F2FF 100%) !important;
}

.hero .hero-buttons .btn-secondary:hover,
.hero .hero-buttons .btn-secondary:focus-visible {
  color: #F5F8FC !important;
  background: linear-gradient(180deg, rgba(22, 32, 47, 0.98) 0%, rgba(14, 21, 32, 1) 100%) !important;
  border-color: rgba(255,255,255,0.26) !important;
}

/* ZIP202 — HERO LEFT REMOVE ALL FILLS / BORDERS */
.hero .hero-trust-line {
  gap: 14px !important;
}

.hero .hero-proof-chipline,
.hero .hero-buttons .btn,
.hero .hero-buttons .btn-primary,
.hero .hero-buttons .btn-secondary {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.hero .hero-proof-chipline {
  min-height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #DCE7F2 !important;
}

.hero .hero-buttons {
  margin-top: 40px !important;
  gap: 24px !important;
  align-items: center !important;
}

.hero .hero-buttons .btn,
.hero .hero-buttons .btn-primary,
.hero .hero-buttons .btn-secondary {
  min-height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}

.hero .hero-buttons .btn::after,
.hero .hero-buttons .btn-primary::after,
.hero .hero-buttons .btn-secondary::after,
.hero .hero-buttons .btn::before,
.hero .hero-buttons .btn-primary::before,
.hero .hero-buttons .btn-secondary::before {
  content: none !important;
}

.hero .hero-buttons .btn-primary {
  color: #F7FAFE !important;
}

.hero .hero-buttons .btn-secondary {
  color: #C8D5E4 !important;
}

/* ZIP203 — HERO RIGHT REMOVE CARD FILLS / BORDERS */
.hero .hero-problem-shell,
.hero .hero-problem-card,
.hero .hero-problem-footer {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.hero .hero-problem-shell::before {
  content: none !important;
  display: none !important;
}

/* ZIP204 — HERO LEFT AIR + CTA ORIGINAL */
.hero .hero-content {
  max-width: 760px !important;
}

.hero .hero-brand-signature {
  margin-bottom: 30px !important;
}

.hero .hero-content h1,
.hero h1 {
  margin: 0 0 34px !important;
}

.hero p {
  max-width: 640px !important;
  line-height: 1.62 !important;
}

.hero .hero-trust-line {
  margin-top: 34px !important;
  gap: 16px !important;
}

.hero .hero-buttons {
  margin-top: 46px !important;
  gap: 14px !important;
  align-items: center !important;
}

.hero .hero-buttons .btn,
.hero .hero-buttons .btn-primary,
.hero .hero-buttons .btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
}

.hero .hero-buttons .btn::before,
.hero .hero-buttons .btn::after,
.hero .hero-buttons .btn-primary::before,
.hero .hero-buttons .btn-primary::after,
.hero .hero-buttons .btn-secondary::before,
.hero .hero-buttons .btn-secondary::after {
  content: none !important;
}

.hero .hero-buttons .btn-primary {
  color: #07101A !important;
  background: linear-gradient(180deg, #F7FAFE 0%, #E8EFF8 100%) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18) !important;
}

.hero .hero-buttons .btn-primary:hover,
.hero .hero-buttons .btn-primary:focus-visible {
  color: #07101A !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #E8F2FF 100%) !important;
  border-color: rgba(255,255,255,0.28) !important;
}

.hero .hero-buttons .btn-secondary {
  color: #F5F8FC !important;
  background: linear-gradient(180deg, rgba(18, 27, 40, 0.94) 0%, rgba(12, 18, 28, 0.98) 100%) !important;
  border: 1px solid rgba(230, 240, 255, 0.16) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.03) inset !important;
}

.hero .hero-buttons .btn-secondary:hover,
.hero .hero-buttons .btn-secondary:focus-visible {
  color: #F5F8FC !important;
  background: linear-gradient(180deg, rgba(22, 32, 47, 0.98) 0%, rgba(14, 21, 32, 1) 100%) !important;
  border-color: rgba(255,255,255,0.26) !important;
}

@media (max-width: 767px) {
  .hero .hero-brand-signature {
    margin-bottom: 24px !important;
  }

  .hero .hero-content h1,
  .hero h1 {
    margin-bottom: 26px !important;
  }

  .hero .hero-trust-line {
    margin-top: 24px !important;
    gap: 12px !important;
  }

  .hero .hero-buttons {
    margin-top: 34px !important;
  }
}

/* ZIP205 — HERO BRAND STACK AIR */
.hero .hero-brand-signature {
  display: grid !important;
  gap: 12px !important;
  margin-bottom: 40px !important;
}

.hero .hero-wordmark {
  margin: 0 !important;
  line-height: 0.98 !important;
}

.hero .hero-brand-context {
  margin: 0 !important;
}

.hero .hero-content h1,
.hero h1 {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  .hero .hero-brand-signature {
    gap: 10px !important;
    margin-bottom: 32px !important;
  }
}

/* ZIP208 — COMPLETE PAGE HEADER REORGANISATION (HERO EXCLUDED) */
#proof-live-demo .app-story-b2b-head,
.narrative-head-editorial,
#apply .cta-intro {
  display: grid;
  gap: 12px;
}

#proof-live-demo .app-story-b2b-head {
  justify-items: center;
  text-align: center;
  max-width: 960px;
  margin: 0 auto 28px;
}

#proof-live-demo .app-story-eyebrow,
#program .app-story-eyebrow {
  margin: 0 auto;
}

.narrative-head-editorial .app-story-eyebrow,
#apply .cta-intro .app-story-eyebrow {
  margin: 0;
  width: max-content;
}

#proof-live-demo .section-title,
#program .section-title,
#problem-frame .section-title,
#operator-fit .section-title,
#access-model .section-title,
.narrative-program-steps .section-title,
#apply .section-title {
  margin: 0 !important;
  text-wrap: balance;
  line-height: 1.03;
}

#proof-live-demo .section-subtitle,
#program .section-subtitle,
#problem-frame .section-subtitle,
#operator-fit .section-subtitle,
#access-model .section-subtitle,
.narrative-program-steps .section-subtitle,
#apply .section-subtitle {
  margin: 0 !important;
  color: #C7D4E2;
}

#proof-live-demo .section-title {
  max-width: 18ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#proof-live-demo .section-subtitle {
  max-width: 74ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#program .narrative-head-center {
  gap: 14px;
  max-width: 920px;
  margin: 0 auto 24px;
}

#program .section-title {
  max-width: 18ch !important;
}

#program .section-subtitle {
  max-width: 68ch !important;
}

#problem-frame .narrative-head-editorial,
#operator-fit .narrative-head-editorial,
#access-model .narrative-head-editorial,
.narrative-program-steps .narrative-head-editorial,
#apply .cta-intro {
  justify-items: start;
  text-align: left;
  max-width: 860px;
  margin-bottom: 24px;
}

#problem-frame .section-title {
  max-width: 17ch !important;
}

#problem-frame .section-subtitle,
#access-model .section-subtitle,
.narrative-program-steps .section-subtitle,
#apply .section-subtitle {
  max-width: 62ch !important;
}

#operator-fit .section-title {
  max-width: 19ch !important;
}

#operator-fit .section-subtitle {
  max-width: 66ch !important;
}

#access-model .section-title {
  max-width: 16ch !important;
}

.narrative-program-steps .section-title {
  max-width: 15ch !important;
}

#apply .section-title {
  max-width: 16ch !important;
}

#apply .cta-intro-copy {
  max-width: 60ch;
  margin: 0 0 18px;
  color: #AFC0D2;
}

#problem-frame .narrative-grid,
#program .narrative-grid,
#operator-fit .narrative-grid,
#access-model .narrative-grid,
.narrative-program-steps .program-steps-grid,
#apply form {
  margin-top: 4px;
}

@media (max-width: 980px) {
  #proof-live-demo .app-story-b2b-head,
  #program .narrative-head-center,
  #problem-frame .narrative-head-editorial,
  #operator-fit .narrative-head-editorial,
  #access-model .narrative-head-editorial,
  .narrative-program-steps .narrative-head-editorial,
  #apply .cta-intro {
    justify-items: start;
    text-align: left;
    max-width: none;
  }

  #proof-live-demo .app-story-eyebrow,
  #program .app-story-eyebrow {
    margin-left: 0;
    margin-right: 0;
  }

  #proof-live-demo .section-title,
  #proof-live-demo .section-subtitle {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
  }
}

/* ZIP209 — PROGRAM + CTA CONVERSION AIR (NO FORM FIELD REMOVAL) */
#program > .container {
  padding-top: 42px;
  padding-bottom: 42px;
}

#program .narrative-head-center {
  max-width: 1040px;
  gap: 18px;
  margin: 0 auto 34px;
}

#program .app-story-eyebrow {
  margin-bottom: 2px;
}

#program .section-title {
  max-width: 22ch !important;
  line-height: 1.04;
}

#program .section-subtitle {
  max-width: 74ch !important;
  line-height: 1.62;
}

#program .narrative-grid {
  margin-top: 14px !important;
  gap: 22px;
}

#program .narrative-card {
  min-height: 188px;
  padding: 30px 26px;
}

#program .narrative-band {
  margin-top: 24px !important;
  gap: 18px;
}

#program .narrative-band-item {
  padding: 22px 22px;
}

#program .narrative-band-item strong {
  line-height: 1.6;
}

section.cta#apply {
  padding-top: clamp(82px, 9vw, 106px);
}

#apply > .container {
  max-width: 1220px;
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

#apply .cta-intro {
  max-width: 820px;
  gap: 10px;
  margin-bottom: 18px;
}

#apply .cta-intro .app-story-eyebrow {
  margin-bottom: 0;
}

#apply .section-title {
  max-width: 14ch !important;
  line-height: 1.02;
}

#apply .section-subtitle {
  max-width: 62ch !important;
  line-height: 1.58;
}

#apply .cta-intro-copy {
  max-width: 66ch;
  margin: 0 0 16px;
  line-height: 1.58;
}

#apply .contact-form {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}

#apply .contact-form > textarea,
#apply .contact-form > .form-status,
#apply .contact-form > button {
  grid-column: 1 / -1;
}

#apply .contact-form > input:not([type="hidden"]):not(.contact-honey),
#apply .contact-form > select,
#apply .contact-form > textarea {
  width: 100%;
  min-width: 0;
}

#apply .contact-form input,
#apply .contact-form select,
#apply .contact-form textarea {
  min-height: 50px;
  padding: 0 15px;
  border-color: rgba(173, 201, 236, 0.16);
}

#apply .contact-form textarea {
  min-height: 120px;
  padding: 14px 15px;
}

#apply .contact-form input:focus,
#apply .contact-form select:focus,
#apply .contact-form textarea:focus {
  border-color: rgba(122, 171, 255, 0.34);
  box-shadow: 0 0 0 1px rgba(122, 171, 255, 0.12), 0 12px 28px rgba(0,0,0,0.12);
}

#apply .contact-form .btn {
  width: 100%;
  min-height: 52px;
  margin-top: 4px;
}

@media (max-width: 1023px) {
  #program > .container {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  #program .narrative-head-center {
    margin-bottom: 26px;
  }

  #program .section-title,
  #program .section-subtitle {
    max-width: none !important;
  }

  #program .narrative-card {
    min-height: auto;
    padding: 24px 22px;
  }

  #apply > .container {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  #apply .contact-form {
    grid-template-columns: 1fr;
    max-width: none;
    padding: 22px;
  }
}

/* ZIP210 — GLOBAL SECTION HEADER AIR + PROGRAM 3-CARD BAND + CTA COPY CENTER (HERO EXCLUDED) */
#proof-live-demo .app-story-b2b-head,
.narrative-head-editorial,
#apply .cta-intro {
  gap: 14px;
}

#proof-live-demo .app-story-b2b-head,
#program .narrative-head-center {
  max-width: 1080px;
  margin-bottom: 36px;
}

#proof-live-demo .app-story-eyebrow,
.narrative-head-editorial .app-story-eyebrow,
#apply .cta-intro .app-story-eyebrow {
  margin-bottom: 0;
}

#proof-live-demo .section-title,
#program .section-title,
#problem-frame .section-title,
#operator-fit .section-title,
#access-model .section-title,
.narrative-program-steps .section-title,
#apply .section-title {
  line-height: 1.04;
}

#proof-live-demo .section-subtitle,
#program .section-subtitle,
#problem-frame .section-subtitle,
#operator-fit .section-subtitle,
#access-model .section-subtitle,
.narrative-program-steps .section-subtitle,
#apply .section-subtitle {
  line-height: 1.64;
}

#proof-live-demo .section-title {
  max-width: 19ch !important;
}

#proof-live-demo .section-subtitle {
  max-width: 78ch !important;
}

#problem-frame .narrative-head-editorial,
#operator-fit .narrative-head-editorial,
#access-model .narrative-head-editorial,
.narrative-program-steps .narrative-head-editorial,
#apply .cta-intro {
  max-width: 900px;
  margin-bottom: 28px;
}

#problem-frame .section-title {
  max-width: 19ch !important;
}

#operator-fit .section-title {
  max-width: 21ch !important;
}

#access-model .section-title {
  max-width: 18ch !important;
}

.narrative-program-steps .section-title {
  max-width: 17ch !important;
}

#problem-frame .section-subtitle,
#operator-fit .section-subtitle,
#access-model .section-subtitle,
.narrative-program-steps .section-subtitle,
#apply .section-subtitle {
  max-width: 70ch !important;
}

#proof-live-demo .app-story-b2b-grid,
#problem-frame .narrative-grid,
#program .narrative-grid,
#operator-fit .narrative-grid,
#access-model .narrative-grid,
.narrative-program-steps .program-steps-grid {
  margin-top: 8px;
}

#program .narrative-band {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  margin-top: 26px !important;
}

#program .narrative-band-item {
  min-height: 100%;
  display: grid;
  align-content: start;
}

#apply .cta-intro-copy {
  max-width: 72ch;
  margin: 0 auto 18px;
  text-align: center;
}

@media (max-width: 1180px) {
  #proof-live-demo .app-story-b2b-head,
  #program .narrative-head-center,
  #problem-frame .narrative-head-editorial,
  #operator-fit .narrative-head-editorial,
  #access-model .narrative-head-editorial,
  .narrative-program-steps .narrative-head-editorial,
  #apply .cta-intro {
    margin-bottom: 24px;
  }

  #program .narrative-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #proof-live-demo .app-story-b2b-head,
  #program .narrative-head-center,
  #problem-frame .narrative-head-editorial,
  #operator-fit .narrative-head-editorial,
  #access-model .narrative-head-editorial,
  .narrative-program-steps .narrative-head-editorial,
  #apply .cta-intro {
    gap: 12px;
    margin-bottom: 20px;
  }

  #program .narrative-band {
    grid-template-columns: 1fr;
  }

  #apply .cta-intro-copy {
    max-width: none;
  }
}

/* ZIP211 — ACCESS FORM ACCORDION ARCHITECTURE */
#apply .contact-form--accordion {
  display: block !important;
  max-width: 980px;
  margin: 0 auto;
  padding: 26px;
}

#apply .form-progress-line {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 16px;
  color: #AFC0D2;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#apply .form-accordion {
  display: grid;
  gap: 12px;
}

#apply .form-accordion-item {
  border: 1px solid rgba(173, 201, 236, 0.12);
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(96, 152, 255, 0.045) 0%, transparent 38%),
    linear-gradient(180deg, rgba(12, 18, 27, 0.72) 0%, rgba(8, 12, 18, 0.9) 100%);
  box-shadow: 0 14px 36px rgba(0,0,0,0.16), 0 0 0 1px rgba(255,255,255,0.016) inset;
  overflow: hidden;
}

#apply .form-accordion-summarybar {
  list-style: none;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 28ch) auto;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  cursor: pointer;
}

#apply .form-accordion-summarybar::-webkit-details-marker {
  display: none;
}

#apply .form-accordion-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(173, 201, 236, 0.14);
  background: rgba(10, 14, 20, 0.64);
  color: #F5F8FC;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#apply .form-accordion-heading {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#apply .form-accordion-title {
  color: #F4F8FD;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.18;
}

#apply .form-accordion-description {
  color: #AFC0D2;
  font-size: 0.88rem;
  line-height: 1.45;
}

#apply .form-accordion-state {
  color: #D6E0EA;
  font-size: 0.84rem;
  line-height: 1.4;
  text-align: right;
}

#apply .form-accordion-state.is-placeholder {
  color: #7F90A3;
}

#apply .form-accordion-chevron {
  color: #C8D5E4;
  font-size: 1rem;
  line-height: 1;
  transition: transform 180ms ease;
}

#apply .form-accordion-item[open] .form-accordion-chevron {
  transform: rotate(180deg);
}

#apply .form-accordion-panel {
  padding: 0 20px 20px;
  border-top: 1px solid rgba(173, 201, 236, 0.08);
}

#apply .form-accordion-grid {
  margin-top: 16px;
  display: grid;
  gap: 12px;
}

#apply .form-accordion-grid--two,
#apply .form-accordion-grid--context {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#apply .form-accordion-grid--final {
  grid-template-columns: 1fr;
}

#apply .form-field-wrap {
  min-width: 0;
}

#apply .field-span-2 {
  grid-column: 1 / -1;
}

#apply .form-field-wrap input,
#apply .form-field-wrap select,
#apply .form-field-wrap textarea {
  width: 100%;
}

#apply .field-submit .btn {
  width: 100%;
  min-height: 52px;
  margin-top: 2px;
}

#apply .field-status .form-status {
  margin: 0;
}

#apply .form-accordion-item.is-complete {
  border-color: rgba(96, 168, 124, 0.18);
}

#apply .form-accordion-item.is-open {
  border-color: rgba(122, 171, 255, 0.18);
  box-shadow: 0 18px 42px rgba(0,0,0,0.18), 0 0 0 1px rgba(122,171,255,0.06) inset;
}

@media (max-width: 1023px) {
  #apply .contact-form--accordion {
    padding: 22px;
  }

  #apply .form-accordion-summarybar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  #apply .form-accordion-state {
    grid-column: 2 / 3;
    text-align: left;
    margin-top: 2px;
  }
}

@media (max-width: 767px) {
  #apply .form-progress-line {
    justify-content: flex-start;
    margin-bottom: 14px;
  }

  #apply .form-accordion-summarybar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    padding: 16px;
  }

  #apply .form-accordion-state {
    grid-column: 1 / -1;
    text-align: left;
    padding-left: 46px;
  }

  #apply .form-accordion-panel {
    padding: 0 16px 16px;
  }

  #apply .form-accordion-grid--two,
  #apply .form-accordion-grid--context {
    grid-template-columns: 1fr;
  }
}

/* ZIP212 — ACCORDION MICRO UX POLISH ONLY */
#apply .contact-form--accordion {
  padding: 28px;
}

#apply .form-progress-line {
  margin-bottom: 18px;
  opacity: 0.92;
}

#apply .form-accordion {
  gap: 10px;
}

#apply .form-accordion-item {
  border-color: rgba(173, 201, 236, 0.10);
  box-shadow: 0 12px 30px rgba(0,0,0,0.14), 0 0 0 1px rgba(255,255,255,0.014) inset;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease, transform 180ms ease;
}

#apply .form-accordion-item:hover {
  border-color: rgba(173, 201, 236, 0.14);
}

#apply .form-accordion-summarybar {
  gap: 15px;
  padding: 17px 18px;
  position: relative;
}

#apply .form-accordion-summarybar::after {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(173,201,236,0.00) 0%, rgba(173,201,236,0.08) 14%, rgba(173,201,236,0.08) 86%, rgba(173,201,236,0.00) 100%);
  opacity: 0;
  transition: opacity 180ms ease;
}

#apply .form-accordion-item[open] .form-accordion-summarybar::after {
  opacity: 1;
}

#apply .form-accordion-step {
  width: 32px;
  height: 32px;
  border-color: rgba(173, 201, 236, 0.12);
  background: rgba(9, 13, 19, 0.58);
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

#apply .form-accordion-title {
  transition: color 180ms ease;
}

#apply .form-accordion-description {
  color: #9FB1C4;
  transition: color 180ms ease, opacity 180ms ease;
}

#apply .form-accordion-state {
  color: #C6D4E3;
  font-size: 0.82rem;
  line-height: 1.38;
  transition: color 180ms ease, opacity 180ms ease;
}

#apply .form-accordion-state.is-placeholder {
  color: #74859A;
}

#apply .form-accordion-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(173, 201, 236, 0.10);
  background: rgba(10, 14, 20, 0.48);
  color: #D7E1EB;
  font-size: 0.92rem;
  line-height: 1;
  transform-origin: center;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

#apply .form-accordion-panel {
  padding: 0 18px 18px;
  border-top: 1px solid rgba(173, 201, 236, 0.06);
}

#apply .form-accordion-grid {
  margin-top: 14px;
  gap: 11px;
}

#apply .form-accordion-item.is-open,
#apply .form-accordion-item[open] {
  border-color: rgba(122, 171, 255, 0.18);
  background:
    radial-gradient(circle at top left, rgba(96, 152, 255, 0.055) 0%, transparent 40%),
    linear-gradient(180deg, rgba(13, 19, 29, 0.78) 0%, rgba(8, 12, 18, 0.92) 100%);
  box-shadow: 0 18px 44px rgba(0,0,0,0.18), 0 0 0 1px rgba(122,171,255,0.05) inset;
}

#apply .form-accordion-item.is-open .form-accordion-step,
#apply .form-accordion-item[open] .form-accordion-step {
  border-color: rgba(122, 171, 255, 0.18);
  background: rgba(16, 25, 38, 0.82);
  color: #F7FAFE;
  box-shadow: 0 0 0 1px rgba(122,171,255,0.05) inset;
}

#apply .form-accordion-item.is-open .form-accordion-title,
#apply .form-accordion-item[open] .form-accordion-title {
  color: #FFFFFF;
}

#apply .form-accordion-item.is-open .form-accordion-description,
#apply .form-accordion-item[open] .form-accordion-description {
  color: #B9C9D9;
}

#apply .form-accordion-item.is-open .form-accordion-state,
#apply .form-accordion-item[open] .form-accordion-state {
  color: #DCE7F2;
}

#apply .form-accordion-item.is-open .form-accordion-chevron,
#apply .form-accordion-item[open] .form-accordion-chevron {
  border-color: rgba(122, 171, 255, 0.16);
  background: rgba(16, 25, 38, 0.78);
  color: #F7FAFE;
}

#apply .form-accordion-item.is-complete:not([open]) {
  border-color: rgba(104, 183, 133, 0.16);
}

#apply .form-accordion-item.is-complete:not([open]) .form-accordion-step {
  border-color: rgba(104, 183, 133, 0.16);
  color: #E6F5EA;
}

#apply .form-accordion-item.is-complete:not([open]) .form-accordion-state {
  color: #CFE4D6;
}

@media (max-width: 1023px) {
  #apply .contact-form--accordion {
    padding: 24px;
  }

  #apply .form-accordion-summarybar {
    padding: 16px 17px;
  }

  #apply .form-accordion-panel {
    padding: 0 17px 17px;
  }
}

@media (max-width: 767px) {
  #apply .contact-form--accordion {
    padding: 20px;
  }

  #apply .form-progress-line {
    margin-bottom: 16px;
  }

  #apply .form-accordion-summarybar {
    padding: 15px 15px;
    gap: 11px;
  }

  #apply .form-accordion-summarybar::after {
    left: 15px;
    right: 15px;
  }

  #apply .form-accordion-panel {
    padding: 0 15px 15px;
  }

  #apply .form-accordion-state {
    padding-left: 43px;
  }
}

/* ZIP213 — GLOBAL ANCHOR VIEWPORT ALIGNMENT FIX */
#proof-live-demo,
#problem-frame,
#program,
#operator-fit,
#access-model,
#apply {
  scroll-margin-top: 0 !important;
}

/* ZIP214 — SLIGHTLY HIGHER ANCHORS + MODAL TOPBAR ALIGNMENT */
.proof-success-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

.proof-success-topbar .proof-success-badge {
  margin: 0 !important;
}

.proof-success-topbar .proof-success-close {
  position: static !important;
  top: auto !important;
  right: auto !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}

.proof-success-dialog,
.proof-live-demo .proof-success-modal .proof-success-dialog,
body > .proof-success-modal .proof-success-dialog {
  padding: 22px 18px 15px !important;
}

@media (max-width: 767px) {
  .proof-success-dialog,
  .proof-live-demo .proof-success-modal .proof-success-dialog,
  body > .proof-success-modal .proof-success-dialog {
    padding: 20px 16px 14px !important;
  }

  .proof-success-topbar {
    gap: 10px !important;
    margin-bottom: 9px !important;
  }
}

/* ZIP216 — PREMIUM DARK GREEN SECTION BADGES ONLY */
#proof-live-demo > .container .app-story-b2b-head .app-story-eyebrow,
#problem-frame .narrative-head-editorial .app-story-eyebrow,
#program .narrative-head-center .app-story-eyebrow,
#operator-fit .narrative-head-editorial .app-story-eyebrow,
#access-model .narrative-head-editorial .app-story-eyebrow,
.narrative-program-steps .narrative-head-editorial .app-story-eyebrow,
#apply .cta-intro .app-story-eyebrow {
  background: linear-gradient(180deg, rgba(13, 31, 24, 0.92) 0%, rgba(10, 24, 19, 0.94) 100%) !important;
  border-color: rgba(86, 146, 118, 0.30) !important;
  color: #DCEFE5 !important;
  box-shadow: 0 8px 20px rgba(3, 10, 7, 0.18), inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

/* ZIP217 — HERO BADGE DARK GREEN PREMIUM ONLY */
.hero-brand-pill {
  background: linear-gradient(180deg, rgba(14, 28, 22, 0.94) 0%, rgba(10, 20, 16, 0.97) 100%) !important;
  border-color: rgba(86, 146, 118, 0.18) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,255,255,0.025) inset !important;
  color: #F1F6F2 !important;
}

/* ZIP218 — HERO BRAND BLUISH GRAY ONLY */
.hero-brand {
  color: #D8E1EB !important;
}

/* ZIP219 — HERO BRANDING MORE VISIBLE PREMIUM ONLY */
.hero-brand-pill {
  background: linear-gradient(180deg, rgba(20, 45, 34, 0.96) 0%, rgba(12, 29, 22, 0.98) 100%) !important;
  border-color: rgba(110, 170, 138, 0.34) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.24), 0 0 0 1px rgba(255,255,255,0.03) inset !important;
  color: #E7F5EC !important;
}

.hero-brand {
  color: #C7D4E2 !important;
}

/* ZIP220 — HERO KICKERS GREEN + AMBER ONLY */
.hero-kicker {
  color: #9FBFAF !important;
}

.hero-problem-kicker {
  color: #D2B486 !important;
}

/* ZIP221 — HERO KICKER + WORDMARK + PROBLEM INDEX TUNE ONLY */
.hero-kicker {
  color: #7F9F8F !important;
}

.hero .hero-wordmark {
  color: #C7D4E2 !important;
}

.hero-problem-kicker,
.hero-problem-index {
  color: #D2B486 !important;
}

/* ZIP222 — HERO PRIMARY CTA MODAL FAMILY + WORDMARK ONLY */
.hero .hero-buttons .btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  min-height: 48px !important;
  padding: 0.86rem 1.18rem !important;
  border-radius: 999px !important;
  color: #F8FAFC !important;
  background: linear-gradient(180deg, #36506B 0%, #273B52 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.28), 0 10px 20px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255,255,255,0.045) !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  transition: box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease, opacity 180ms ease !important;
}

.hero .hero-buttons .btn-primary::before,
.hero .hero-buttons .btn-primary::after {
  content: none !important;
  display: none !important;
}

.hero .hero-buttons .btn-primary:hover,
.hero .hero-buttons .btn-primary:focus-visible {
  color: #F8FAFC !important;
  background: linear-gradient(180deg, #3D5C7A 0%, #2C435D 100%) !important;
  border-color: rgba(191, 219, 254, 0.26) !important;
  box-shadow: 0 20px 36px rgba(2, 6, 23, 0.30), 0 12px 22px rgba(15, 23, 42, 0.20), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  transform: none !important;
  filter: none !important;
}

.hero .hero-wordmark {
  color: #D7E3F0 !important;
}

/* ZIP223 — HERO BRANDING DEPTH ONLY */
.hero-kicker {
  color: #6E8C79 !important;
}

.hero .hero-wordmark {
  color: #D2E1F1 !important;
  text-shadow: 0 10px 28px rgba(53, 87, 126, 0.26), 0 0 18px rgba(36, 65, 104, 0.10) !important;
}

.hero .hero-brand-context {
  color: #AEC0D3 !important;
}

/* ZIP224 — HERO BRANDING FINAL LIFT ONLY */
.hero-kicker {
  color: #749682 !important;
}

.hero .hero-wordmark {
  color: #DCE8F5 !important;
  text-shadow: 0 12px 30px rgba(61, 99, 141, 0.30), 0 0 22px rgba(40, 73, 116, 0.12) !important;
}

.hero .hero-brand-context {
  color: #BBCDDF !important;
}

/* ZIP225 — HERO WORDMARK + BASELINE MICRO LIFT ONLY */
.hero .hero-wordmark {
  color: #E4EEF8 !important;
  text-shadow: 0 13px 32px rgba(73, 115, 160, 0.34), 0 0 24px rgba(46, 82, 128, 0.14) !important;
}

.hero .hero-brand-context {
  color: #C7D6E6 !important;
}

/* ZIP226 — RESPONSIVE STABILITY PASS WITH DEMO PRIORITY */
section:not(.hero),
section:not(.hero) > .container,
.narrative-grid,
.narrative-band,
.program-steps-grid,
.contact-form,
.form-accordion,
.form-accordion-panel {
  min-width: 0;
}

.proof-live-demo,
.proof-live-demo > .container,
.proof-live-demo .app-story-b2b-shell,
.proof-live-demo .proof-live-shell,
.proof-live-demo .app-story-b2b-grid,
.proof-live-demo .proof-live-flow-side,
.proof-live-demo .proof-live-stage-wrap,
.proof-live-demo .proof-demo-shell,
.proof-live-demo .proof-demo-grid,
.proof-live-demo .proof-panel-form-vehicle,
.proof-live-demo .proof-live-flow-card,
.proof-live-demo .proof-live-origin-slot,
.proof-live-demo .proof-live-origin-card,
.proof-live-demo .proof-loading-card,
.proof-live-demo .proof-success-dialog {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.proof-live-demo .proof-live-flow-option,
.proof-live-demo .proof-live-flow-option strong,
.proof-live-demo .proof-live-flow-option span,
.proof-live-demo .proof-live-origin-copy,
.proof-live-demo .proof-live-origin-label,
.proof-live-demo .proof-live-origin-display,
.proof-live-demo .proof-live-supplier-detail,
.proof-live-demo .proof-live-origin-detail,
.proof-live-demo .proof-live-param-item,
.proof-live-demo .proof-live-param-item strong,
.proof-live-demo .proof-live-param-item span,
.proof-live-demo .proof-field,
.proof-live-demo .proof-field span,
.proof-live-demo .proof-field input {
  min-width: 0 !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.proof-live-demo .proof-live-origin-list {
  max-width: 100% !important;
}

@media (max-width: 1100px) {
  .proof-live-demo .app-story-b2b-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      'supplier'
      'origin'
      'vehicle'
      'scope'
      'params'
      'run' !important;
    row-gap: 14px !important;
  }

  .proof-live-demo .proof-live-flow-side,
  .proof-live-demo .proof-live-stage-wrap,
  .proof-live-demo .proof-demo-shell,
  .proof-live-demo .proof-live-flow-card,
  .proof-live-demo .proof-demo-actions-outside {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .proof-live-demo .proof-demo-grid {
    padding: 0 14px 14px !important;
    gap: 10px !important;
  }

  .proof-live-demo .proof-panel-form-vehicle {
    padding: 14px !important;
  }

  .proof-live-demo .proof-demo-topbar {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  .proof-live-demo .proof-live-origin-slot,
  .proof-live-demo .proof-live-origin-card {
    min-height: 0 !important;
  }
}

@media (max-width: 767px) {
  .proof-live-demo .app-story-b2b-shell {
    gap: 18px !important;
  }

  .proof-live-demo .app-story-b2b-grid {
    row-gap: 12px !important;
  }

  .proof-live-demo .proof-demo-topbar {
    padding: 0 14px 12px !important;
    gap: 8px !important;
  }

  .proof-live-demo .proof-demo-status {
    min-height: 32px !important;
    font-size: 0.72rem !important;
  }

  .proof-live-demo .proof-demo-grid {
    padding: 0 12px 12px !important;
  }

  .proof-live-demo .proof-panel-form-vehicle {
    padding: 12px !important;
  }

  .proof-live-demo .proof-fields-grid-vehicle,
  .proof-live-demo .proof-fields-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .proof-live-demo .proof-field {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding: 10px 12px !important;
  }

  .proof-live-demo .proof-field span,
  .proof-live-demo .proof-field input {
    width: 100% !important;
    text-align: left !important;
  }

  .proof-live-demo .proof-demo-actions-outside {
    display: flex !important;
    justify-content: center !important;
  }

  .proof-live-demo .proof-demo-actions-outside .proof-cta,
  .proof-live-demo .proof-demo-actions-outside .proof-btn,
  .proof-live-demo .proof-demo-actions-outside a {
    width: 100% !important;
    max-width: 360px !important;
  }

  .proof-live-demo .proof-success-dialog,
  body > .proof-success-modal .proof-success-dialog,
  .proof-live-demo .proof-loading-overlay .proof-loading-card,
  body > .proof-loading-overlay .proof-loading-card {
    width: min(100%, calc(100vw - 20px)) !important;
    max-height: min(86dvh, 760px) !important;
  }
}

/* ZIP232 — VIN CONTRAST + DE HERO RESPONSIVE TITLE SAFETY */
.proof-live-demo .proof-field.proof-field-vin input,
.proof-live-demo .proof-field input[data-proof-vin-display],
.proof-live-demo .proof-modal-field input[data-proof-vin-input] {
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(30, 41, 59, 0.98) 100%) !important;
  background-color: #0F172A !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 0 0 1px rgba(96,165,250,0.08) !important;
  text-shadow: none !important;
}

.proof-live-demo .proof-field.proof-field-vin input::placeholder,
.proof-live-demo .proof-field input[data-proof-vin-display]::placeholder,
.proof-live-demo .proof-modal-field input[data-proof-vin-input]::placeholder {
  color: rgba(203, 213, 225, 0.92) !important;
  -webkit-text-fill-color: rgba(203, 213, 225, 0.92) !important;
}

/* ZIP234 — MINIMAL DE HERO OVERLAP SAFETY + A11Y CONSISTENCY */


/* ZIP236 — HERO RIGHT PANEL SHIFT RIGHT WITHOUT GLOBAL REDESIGN */
@media (min-width: 1024px) {
  .hero-layout {
    grid-template-columns: minmax(0, 0.88fr) minmax(500px, 0.82fr) !important;
    column-gap: clamp(76px, 6.2vw, 122px) !important;
    align-items: start !important;
  }

  .hero-content {
    max-width: 720px !important;
  }

  .hero-problem-panel {
    justify-self: end !important;
    align-self: start !important;
    width: 100%;
    max-width: 560px !important;
    margin-left: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1320px) {
  .hero-layout {
    grid-template-columns: minmax(0, 0.92fr) minmax(460px, 0.80fr) !important;
    column-gap: clamp(58px, 4.8vw, 84px) !important;
  }

  .hero-problem-panel {
    max-width: 520px !important;
  }
}

/* ZIP237 — HERO RIGHT PANEL PUSHED FURTHER RIGHT */
@media (min-width: 1024px) {
  .hero-layout {
    grid-template-columns: minmax(0, 0.84fr) minmax(540px, 0.78fr) !important;
    column-gap: clamp(92px, 7vw, 148px) !important;
  }

  .hero-content {
    max-width: 700px !important;
  }

  .hero-problem-panel {
    justify-self: end !important;
    width: 100%;
    max-width: 580px !important;
    margin-left: auto !important;
    transform: translateX(10px);
  }
}

@media (min-width: 1024px) and (max-width: 1320px) {
  .hero-layout {
    grid-template-columns: minmax(0, 0.88fr) minmax(500px, 0.78fr) !important;
    column-gap: clamp(68px, 5.4vw, 98px) !important;
  }

  .hero-problem-panel {
    max-width: 540px !important;
    transform: translateX(8px);
  }
}

/* ZIP240 — HERO LARGE AIR BETWEEN BRAND CONTEXT AND H1 ON ALL PAGES */
.hero .hero-brand-signature {
  gap: 12px !important;
  margin-bottom: 68px !important;
}

.hero .hero-brand-context {
  margin: 0 !important;
}

.hero .hero-content h1,
.hero h1 {
  margin-top: 0 !important;
}

@media (max-width: 1180px) {
  .hero .hero-brand-signature {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .hero .hero-brand-signature {
    gap: 10px !important;
    margin-bottom: 42px !important;
  }
}

/* ZIP241 — HERO RIGHT PANEL PUSHED FURTHER RIGHT FROM USER SCREENSHOT */
@media (min-width: 1024px) {
  .hero-layout {
    grid-template-columns: minmax(0, 0.80fr) minmax(600px, 0.72fr) !important;
    column-gap: clamp(116px, 8.4vw, 190px) !important;
  }

  .hero-problem-panel {
    justify-self: end !important;
    align-self: start !important;
    width: 100%;
    max-width: 610px !important;
    margin-left: auto !important;
    transform: translateX(34px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1320px) {
  .hero-layout {
    grid-template-columns: minmax(0, 0.86fr) minmax(540px, 0.74fr) !important;
    column-gap: clamp(82px, 6vw, 124px) !important;
  }

  .hero-problem-panel {
    max-width: 560px !important;
    transform: translateX(22px) !important;
  }
}

/* ZIP242 — DESKTOP ONLY HERO RIGHT PANEL +80PX */
@media (min-width: 1024px) {
  .hero-problem-panel {
    transform: translateX(114px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1320px) {
  .hero-problem-panel {
    transform: translateX(102px) !important;
  }
}

/* ZIP243 — DESKTOP HERO RIGHT PANEL REAL +150PX SHIFT WITH WIDER LAYOUT */
@media (min-width: 1024px) {
  .hero-layout {
    max-width: 1360px !important;
    grid-template-columns: minmax(0, 0.74fr) minmax(640px, 0.70fr) !important;
    column-gap: clamp(150px, 10vw, 230px) !important;
  }

  .hero-problem-panel {
    justify-self: end !important;
    width: 100%;
    max-width: 620px !important;
    margin-left: auto !important;
    transform: translateX(150px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1320px) {
  .hero-layout {
    max-width: 1280px !important;
    grid-template-columns: minmax(0, 0.80fr) minmax(560px, 0.72fr) !important;
    column-gap: clamp(110px, 7.2vw, 160px) !important;
  }

  .hero-problem-panel {
    max-width: 560px !important;
    transform: translateX(150px) !important;
  }
}

/* ZIP244 — HERO CTA SINGLE ROW ON TABLET/DESKTOP FOR ALL LANGUAGES */
@media (min-width: 768px) {
  .hero .hero-content {
    max-width: 860px !important;
  }

  .hero .hero-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: max-content !important;
    max-width: 100% !important;
    gap: 12px !important;
  }

  .hero .hero-buttons .btn,
  .hero .hero-buttons .btn-primary,
  .hero .hero-buttons .btn-secondary {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 0.92rem !important;
    letter-spacing: -0.01em !important;
    padding: 0.82rem 1rem !important;
    min-height: 48px !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .hero .hero-buttons {
    gap: 10px !important;
  }

  .hero .hero-buttons .btn,
  .hero .hero-buttons .btn-primary,
  .hero .hero-buttons .btn-secondary {
    font-size: 0.88rem !important;
    padding: 0.78rem 0.92rem !important;
  }
}

/* ZIP245 — HERO SUBTITLE WIDER ON THE RIGHT FOR ALL LANGUAGES */
@media (min-width: 768px) {
  .hero .hero-content {
    max-width: 920px !important;
  }

  .hero p {
    max-width: 780px !important;
  }
}

@media (min-width: 1024px) {
  .hero p {
    max-width: 820px !important;
  }
}

/* ZIP246 — HERO SUBTITLE EVEN WIDER ON DESKTOP, BIASED TO THE RIGHT */
@media (min-width: 1024px) {
  .hero .hero-content {
    max-width: 1020px !important;
  }

  .hero p {
    max-width: 920px !important;
  }
}

@media (min-width: 1280px) {
  .hero .hero-content {
    max-width: 1080px !important;
  }

  .hero p {
    max-width: 980px !important;
  }
}