/* ============================================================
AI Visibility Audit — visual redesign (matches Local SEO)
brand: #ff7a45 / black / white / cream
============================================================ */
   .aiva,
   .aiva h1,
   .aiva h2,
   .aiva h3,
   .aiva h4,
   .aiva h5,
   .aiva p,
   .aiva span,
   .aiva a,
   .aiva div,
   .aiva li,
   .aiva label {
      font-family: "Poppins", sans-serif
   }

   .aiva {
      --o: #ff7a45;
      --o2: #ff9e6b;
      --od: #e5622f;
      --ink: #141414;
      --cream: #FFF4EF;
      --dark: #0e0f12;
      --dark2: #17181d;
      position: relative;
      z-index: 2
   }

   #mainfooter {
      position: relative;
      z-index: 1
   }

   .aiva * {
      box-sizing: border-box
   }

   #mainheader {
      min-height: 0 !important;
      padding: 0 !important
   }

   .aiva .container {
      max-width: 1180px;
      margin: 0 auto
   }

   .aiva .cmn_padd {
      padding: 88px 20px
   }

   /* ---------- buttons ---------- */
   .aiva-btn {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      background: var(--o);
      color: #fff;
      font-weight: 600;
      font-size: 15px;
      padding: 15px 30px;
      border-radius: 10px;
      text-decoration: none;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
      border: 2px solid var(--o);
      box-shadow: 0 10px 26px rgba(255, 122, 69, .28)
   }

   .aiva-btn:hover {
      background: var(--od);
      border-color: var(--od);
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 16px 34px rgba(255, 122, 69, .4)
   }

   .aiva-btn.out {
      background: transparent;
      color: var(--o);
      box-shadow: none
   }

   .aiva-btn.out:hover {
      background: var(--o);
      color: #fff
   }

   .aiva-btn svg {
      width: 17px;
      height: 17px
   }

   /* ---------- scroll reveal ---------- */
   .aiva .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
      transition-delay: var(--d, 0s)
   }

   .aiva .reveal.in {
      opacity: 1;
      transform: none
   }

   @media(prefers-reduced-motion:reduce) {
      .aiva .reveal {
         opacity: 1 !important;
         transform: none !important;
         transition: none !important
      }

      .aiva [class*="aiva-float"] {
         animation: none !important
      }
   }

   /* ---------- section heading ---------- */
   .aiva-head {
      text-align: center;
      max-width: 800px;
      margin: 0 auto
   }

   .aiva-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--o);
      background: #fff4ef;
      border: 1px solid #ffd8c6;
      padding: 7px 15px;
      border-radius: 30px;
      margin-bottom: 18px
   }

   .aiva-eyebrow svg {
      width: 14px;
      height: 14px;
      stroke: var(--o)
   }

   .aiva-eyebrow.on-dark {
      background: rgba(255, 122, 69, .12);
      border-color: rgba(255, 122, 69, .35)
   }

   .aiva-head h2 {
      font-size: 40px;
      line-height: 1.14;
      font-weight: 700;
      color: var(--ink);
      margin: 0
   }

   .aiva-head h2 span {
      color: var(--o)
   }

   .aiva-head .uline {
      width: 118px;
      height: 5px;
      border-radius: 4px;
      background: linear-gradient(90deg, var(--o), #ffc3a3);
      margin: 18px auto 0
   }

   .aiva-head p {
      font-size: 16px;
      line-height: 1.75;
      color: #5c5c5c;
      max-width: 720px;
      margin: 22px auto 0
   }

   .aiva-know .aiva-head h2 {
      color: #fff
   }

   .aiva-know .aiva-head p {
      color: #b9bcc6
   }

   .aiva-know .aiva-head {
      text-align: left;
      margin: 0
   }

   .aiva-know .aiva-head .uline {
      margin: 18px 0 0
   }

   /* ---------- icon chip ---------- */
   .aiva-ic {
      width: 58px;
      height: 58px;
      border-radius: 15px;
      background: linear-gradient(135deg, #fff2ea, #ffe0d1);
      border: 1px solid #ffe0d1;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--o);
      margin: 0 0 18px;
      box-shadow: 0 8px 20px rgba(255, 122, 69, .16)
   }

   .aiva-ic svg {
      width: 28px;
      height: 28px;
      stroke: var(--o)
   }

   /* =====================================================================
HERO — dark, two column (text left, form right)
===================================================================== */
   .aivaud-herosec {
   position: relative;
   overflow: hidden;
   background: var(--dark);
   padding: 112px 20px 104px;
}

   .aivaud-herosec:before {
   content: "";
   position: absolute;
   top: -160px;
   right: -120px;
   width: 640px;
   height: 640px;
   background: radial-gradient(circle, rgba(255, 122, 69, .26), transparent 62%);
   pointer-events: none;
}

   .aivaud-herosec:after {
   content: "";
   position: absolute;
   inset: 0;
   background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
   background-size: 46px 46px;
   mask-image: radial-gradient(circle at 28% 42%, #000, transparent 78%);
   -webkit-mask-image: radial-gradient(circle at 28% 42%, #000, transparent 78%);
   pointer-events: none;
}

   .aivaud-herosec .container {
   position: relative;
   z-index: 2;
   display: grid;
   grid-template-columns: 1.02fr .98fr;
   gap: 54px;
   align-items: center;
}

   .aiva-heleft {
      max-width: 600px
   }

   .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--o2);
      background: rgba(255, 122, 69, .1);
      border: 1px solid rgba(255, 122, 69, .32);
      padding: 8px 16px;
      border-radius: 30px;
      margin-bottom: 22px
   }

   .hero-eyebrow svg {
      width: 15px;
      height: 15px;
      stroke: var(--o2)
   }

   .aivaud-h1 {
   font-size: 50px;
   line-height: 1.1;
   margin: 0 0 20px;
}

   .aivaud-lead {
      font-size: 18px;
      line-height: 1.7;
      color: #b9bcc6;
      margin: 0 0 26px;
      max-width: 560px
   }

   .aivaud-checks {
      list-style: none;
      padding: 0;
      margin: 0 0 24px
   }

   .aivaud-checks li {
      position: relative;
      padding: 0 0 14px 36px;
      color: #e7e8ee;
      font-size: 15.5px;
      line-height: 1.5
   }

   .aivaud-checks li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 23px;
      height: 23px;
      background: var(--o);
      border-radius: 50%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 13px
   }

   .aivaud-trust {
   gap: 10px 12px;
   margin: 0 0 22px;
   padding: 0;
}

   .aivaud-trust span {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   font-size: 13px;
   font-weight: 600;
   color: #e7e8ee;
   background: rgba(255, 255, 255, .06);
   border: 1px solid rgba(255, 255, 255, .12);
   border-radius: 30px;
   padding: 7px 14px;
}

   .aivaud-trust span:before {
   content: "";
   width: 14px;
   height: 14px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9e6b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain;
}

   .aiva-engines {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 9px
   }

   .aiva-engines b {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .5px;
      text-transform: uppercase;
      color: #8a8d99;
      margin-right: 2px
   }

   .aiva-engines .e {
      font-size: 12.5px;
      font-weight: 600;
      color: #cfd2db;
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 8px;
      padding: 5px 11px
   }

   /* hero entrance */
   .aivaud-herosec .anim {
   opacity: 0;
   transform: translateY(26px);
   animation: aivaUp .8s cubic-bezier(.16, 1, .3, 1) forwards;
}

   .aivaud-herosec .anim.d1 {
   animation-delay: .06s;
}

   .aivaud-herosec .anim.d2 {
   animation-delay: .16s;
}

   .aivaud-herosec .anim.d3 {
   animation-delay: .26s;
}

   .aivaud-herosec .anim.d4 {
   animation-delay: .36s;
}

   .aivaud-herosec .anim.d5 {
   animation-delay: .46s;
}

   .aivaud-herosec .anim.d6 {
   animation-delay: .56s;
}

   @keyframes aivaUp {
      to {
         opacity: 1;
         transform: none
      }
   }

   @media(prefers-reduced-motion:reduce) {
      .aivaud-herosec .anim {
      opacity: 1;
      transform: none;
      animation: none;
   }
   }

   .aiva-float {
      animation: aivaFloaty 6s ease-in-out infinite
   }

   @keyframes aivaFloaty {

      0%,
      100% {
         transform: translateY(0)
      }

      50% {
         transform: translateY(-11px)
      }
   }

   /* form column + floating score */
   .aivaud-formcol {
      position: relative
   }

   /* =====================================================================
FORM CARD (kept functional; restyled to brand)
===================================================================== */
   .aivf2-card {
      background: #fff;
      border: 0;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 40px 80px rgba(0, 0, 0, .5)
   }

   .aivf2-head {
      position: relative;
      background: var(--dark2);
      padding: 28px 32px 26px
   }

   .aivf2-head:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 5px;
      width: 100%;
      background: linear-gradient(90deg, var(--o), #ff9e6b)
   }

   .aivf2-head h3 {
      margin: 0;
      color: #fff;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.25
   }

   .aivf2-head p {
      margin: 8px 0 0;
      color: #c7c1be;
      font-size: 13px;
      line-height: 1.5
   }

   .aivf2-body {
      padding: 28px 32px 30px
   }

   .aivf2-row {
      margin-bottom: 15px
   }

   .aivf2-row label {
      display: block;
      font-size: 11px;
      font-weight: 600;
      color: #111;
      margin-bottom: 7px;
      text-transform: uppercase;
      letter-spacing: .5px
   }

   .aivf2-row input {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #e3ddd8;
      border-radius: 10px;
      padding: 14px 15px;
      font-size: 15px;
      color: #1E1E1E;
      background: #faf8f7;
      font-family: inherit;
      transition: border-color .2s, box-shadow .2s, background .2s
   }

   .aivf2-row input::placeholder {
      color: #b3b0ad
   }

   .aivf2-row input:focus {
      outline: none;
      border-color: var(--o);
      background: #fff;
      box-shadow: 0 0 0 3px rgba(255, 122, 69, .16)
   }

   .aivf2-btn {
      width: 100%;
      cursor: pointer;
      margin-top: 10px;
      font-size: 16px;
      font-weight: 600;
      border: 0;
      background: var(--o);
      color: #fff;
      padding: 16px 18px;
      border-radius: 10px;
      font-family: inherit;
      transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease
   }

   .aivf2-btn:hover {
      background: var(--od);
      transform: translateY(-2px);
      box-shadow: 0 12px 26px rgba(255, 122, 69, .36)
   }

   .aivf2-btn:disabled {
      opacity: .7;
      cursor: default;
      transform: none;
      box-shadow: none
   }

   .aivf2-msg {
      margin: 16px 0 0;
      font-size: 15px;
      line-height: 1.6;
      font-weight: 600
   }

   .aivf2-note {
      text-align: center;
      color: #9a9a9a;
      font-size: 12px;
      margin: 15px 0 0
   }

   /* =====================================================================
WHY THIS AUDIT IS WORTH IT (white, 3 cards)
===================================================================== */
   .aiva-worth {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 52px
   }

   .aiva-worth .it {
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 18px;
      padding: 32px 28px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
   }

   .aiva-worth .it:hover {
      transform: translateY(-10px);
      box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
      border-color: #ffd8c6
   }

   .aiva-worth .it h4 {
      font-size: 18px;
      font-weight: 600;
      color: #111;
      margin: 0 0 9px
   }

   .aiva-worth .it p {
      font-size: 14px;
      line-height: 1.7;
      color: #666;
      margin: 0
   }

   /* =====================================================================
WHAT YOU'LL KNOW (dark; checklist + scan visual)
===================================================================== */
   .aiva-know {
      background: var(--dark);
      position: relative;
      overflow: hidden
   }

   .aiva-know:before {
      content: "";
      position: absolute;
      top: -160px;
      right: -120px;
      width: 560px;
      height: 560px;
      background: radial-gradient(circle, rgba(255, 122, 69, .16), transparent 62%);
      pointer-events: none
   }

   .aiva-know .container {
      position: relative;
      z-index: 2
   }

   .aiva-knowwrap {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 56px;
      align-items: center;
      margin-top: 8px
   }

   .aiva-checklist {
      list-style: none;
      padding: 0;
      margin: 26px 0 0
   }

   .aiva-checklist li {
      position: relative;
      padding: 0 0 18px 44px;
      color: #e7e8ee;
      font-size: 16px;
      line-height: 1.55;
      font-weight: 500
   }

   .aiva-checklist li:last-child {
      padding-bottom: 0
   }

   .aiva-checklist li:before {
      content: "";
      position: absolute;
      left: 0;
      top: -1px;
      width: 28px;
      height: 28px;
      border-radius: 9px;
      background: linear-gradient(135deg, var(--o), #ff9e6b);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 15px
   }

   .aiva-scan {
      background: var(--dark2);
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 20px;
      padding: 24px 24px 22px;
      box-shadow: 0 30px 66px rgba(0, 0, 0, .4)
   }

   .aiva-scan .sc-head {
      display: flex;
      align-items: center;
      gap: 7px;
      padding-bottom: 16px;
      margin-bottom: 16px;
      border-bottom: 1px solid rgba(255, 255, 255, .08)
   }

   .aiva-scan .sc-head .d {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .18)
   }

   .aiva-scan .sc-head .d.on {
      background: var(--o)
   }

   .aiva-scan .sc-head b {
      margin-left: 6px;
      font-size: 12.5px;
      font-weight: 600;
      letter-spacing: .4px;
      color: #cfd2db
   }

   .aiva-scan .sc-row {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 15px
   }

   .aiva-scan .sc-row .eng {
      flex: 0 0 44%;
      font-size: 13px;
      font-weight: 600;
      color: #e7e8ee
   }

   .aiva-scan .sc-row .bar {
      flex: 1;
      height: 8px;
      border-radius: 6px;
      background: rgba(255, 255, 255, .09);
      overflow: hidden
   }

   .aiva-scan .sc-row .bar i {
      display: block;
      height: 100%;
      border-radius: 6px;
      background: linear-gradient(90deg, var(--o), #ff9e6b)
   }

   .aiva-scan .sc-foot {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 19px;
      padding-top: 16px;
      border-top: 1px solid rgba(255, 255, 255, .08);
      font-size: 12.5px;
      font-weight: 600;
      color: var(--o2)
   }

   .aiva-scan .sc-foot svg {
      width: 15px;
      height: 15px;
      stroke: var(--o2);
      flex: 0 0 auto
   }

   /* urgency note */
   .aiva-urg {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: 12.5px;
      font-weight: 600;
      color: #cfd2db;
      line-height: 1.5;
      max-width: 360px
   }

   .aiva-urg svg {
      width: 15px;
      height: 15px;
      stroke: var(--o2);
      flex: 0 0 auto;
      margin-top: 1px
   }

   .aiva-urg .ph {
      display: block;
      color: #8a8d99;
      font-weight: 500;
      font-style: italic;
      font-size: 11px;
      margin-top: 2px
   }

   .aiva-formurg {
      margin: 16px 0 0;
      display: flex;
      justify-content: center
   }

   .aiva-cta-urg {
      color: #e7e8ee;
      font-size: 13.5px;
      font-weight: 600;
      margin: 0 auto 22px;
      max-width: 540px;
      line-height: 1.5
   }

   .aiva-cta-urg .ph {
      color: #8a8d99;
      font-weight: 500;
      font-style: italic;
      font-size: .82em
   }

   /* =====================================================================
WHAT YOUR AUDIT REVEALS (2-col: report mockup + cards)
===================================================================== */
   .aiva-revealwrap {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 76px;
      align-items: center;
      margin-top: 52px
   }

   .aivaud-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 22px
   }

   .aivaud-cards .it {
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 18px;
      padding: 28px 26px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
   }

   .aivaud-cards .it:hover {
      transform: translateY(-10px);
      box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
      border-color: #ffd8c6
   }

   .aivaud-cards .it .ic {
      width: 54px;
      height: 54px;
      border-radius: 14px;
      background: linear-gradient(135deg, #fff2ea, #ffe0d1);
      border: 1px solid #ffe0d1;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--o);
      margin-bottom: 16px;
      box-shadow: 0 8px 20px rgba(255, 122, 69, .16)
   }

   .aivaud-cards .it .ic svg {
      width: 27px;
      height: 27px;
      stroke: var(--o)
   }

   .aivaud-cards .it h4 {
      font-size: 17.5px;
      font-weight: 600;
      color: #111;
      margin: 0 0 8px
   }

   .aivaud-cards .it p {
      font-size: 14px;
      line-height: 1.7;
      color: #666;
      margin: 0
   }

   /* sample report scorecard */
   .aiva-report {
      position: relative;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 30px 66px rgba(0, 0, 0, .14);
      border: 1px solid #f0e5de;
      overflow: hidden;
      max-width: 400px
   }

   .aiva-report .rhead {
      background: var(--dark2);
      padding: 22px 22px;
      display: flex;
      align-items: center;
      gap: 12px
   }

   .aiva-report .rhead .lg {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: linear-gradient(135deg, var(--o), #ff9e6b);
      color: #fff;
      font-weight: 800;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto
   }

   .aiva-report .rhead h5 {
      margin: 0;
      color: #fff;
      font-size: 15px;
      font-weight: 700
   }

   .aiva-report .rhead small {
      display: block;
      color: #b0abac;
      font-size: 11.5px;
      font-weight: 500;
      margin-top: 2px
   }

   .aiva-report .rhead .tag {
      margin-left: auto;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .5px;
      color: var(--o2);
      background: rgba(255, 122, 69, .14);
      border: 1px solid rgba(255, 122, 69, .3);
      padding: 5px 10px;
      border-radius: 20px
   }

   .aiva-report .rbody {
      padding: 22px 22px
   }

   .aiva-score {
      display: flex;
      align-items: center;
      gap: 18px;
      padding-bottom: 20px;
      border-bottom: 1px solid #f0eae6;
      margin-bottom: 20px
   }

   .aiva-score .ring {
      position: relative;
      width: 84px;
      height: 84px;
      flex: 0 0 84px
   }

   .aiva-score .ring svg {
      width: 84px;
      height: 84px;
      transform: rotate(-90deg)
   }

   .aiva-score .ring .v {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
   }

   .aiva-score .ring .v b {
      font-size: 24px;
      font-weight: 800;
      color: #111;
      line-height: 1
   }

   .aiva-score .ring .v small {
      font-size: 10px;
      color: #9a9a9a;
      font-weight: 600
   }

   .aiva-score .sx b {
      display: block;
      font-size: 14px;
      font-weight: 700;
      color: #111
   }

   .aiva-score .sx p {
      margin: 4px 0 0;
      font-size: 12.5px;
      color: #777;
      line-height: 1.5
   }

   .aiva-score .sx .pill {
      display: inline-block;
      margin-top: 8px;
      font-size: 10.5px;
      font-weight: 700;
      letter-spacing: .4px;
      color: #c0392b;
      background: #fdece9;
      border: 1px solid #f6cfc8;
      padding: 4px 10px;
      border-radius: 20px
   }

   .aiva-report .rlab {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .8px;
      text-transform: uppercase;
      color: #9a9a9a;
      margin: 0 0 12px
   }

   .aiva-eng {
      display: flex;
      flex-direction: column;
      margin-bottom: 20px
   }

   .aiva-eng .erow {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 0;
      border-bottom: 1px solid #f4efec
   }

   .aiva-eng .erow:first-child {
      padding-top: 0
   }

   .aiva-eng .erow:last-child {
      border-bottom: 0;
      padding-bottom: 0
   }

   .aiva-eng .erow .en {
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 13.5px;
      color: #333;
      font-weight: 500;
      white-space: nowrap;
      min-width: 0
   }

   .aiva-eng .erow .st {
      flex: 0 0 auto;
      font-size: 11px;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      padding: 3px 9px;
      border-radius: 20px
   }

   .aiva-eng .erow .st svg {
      width: 12px;
      height: 12px
   }

   .aiva-eng .erow.no .st {
      color: #c0392b;
      background: #fdece9
   }

   .aiva-eng .erow.yes .st {
      color: #1a7f37;
      background: #e9f6ee
   }

   .aiva-eng .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      flex: 0 0 auto
   }

   .aiva-eng .erow.no .dot {
      background: #e07a6b
   }

   .aiva-eng .erow.yes .dot {
      background: #4bbf73
   }

   .aiva-gaps {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px
   }

   .aiva-gaps span {
      font-size: 11px;
      font-weight: 600;
      color: #8a5a2a;
      background: #fff4ea;
      border: 1px solid #ffdcc2;
      border-radius: 20px;
      padding: 7px 10px;
      text-align: center
   }

   .aiva-report .rfoot {
      background: #fff8f4;
      border-top: 1px solid #ffe6d8;
      padding: 14px 22px;
      font-size: 12.5px;
      font-weight: 600;
      color: var(--od);
      display: flex;
      align-items: center;
      gap: 8px
   }

   .aiva-report .rfoot svg {
      width: 15px;
      height: 15px;
      stroke: var(--o)
   }

   /* =====================================================================
VISIBLE VS INVISIBLE
===================================================================== */
   .aivaud-vs {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 26px;
      align-items: stretch;
      margin-top: 52px
   }

   .aivaud-vs .c {
      background: #fff;
      border-radius: 20px;
      padding: 34px 32px;
      box-shadow: 0 12px 34px rgba(0, 0, 0, .07);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease
   }

   .aivaud-vs .c.lose {
      border: 1px solid #eadfd8;
      background: #faf7f5
   }

   .aivaud-vs .c.win {
      border: 2px solid var(--o);
      box-shadow: 0 24px 54px rgba(255, 122, 69, .22);
      background: linear-gradient(180deg, #fffaf7, #fff)
   }

   .aivaud-vs .c:hover {
      transform: translateY(-8px);
      box-shadow: 0 30px 60px rgba(255, 122, 69, .18)
   }

   .aivaud-vs .c .vhd {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 20px
   }

   .aivaud-vs .c .vhd .vi {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto
   }

   .aivaud-vs .c.lose .vhd .vi {
      background: #f2e7e2;
      color: #b3796a
   }

   .aivaud-vs .c.win .vhd .vi {
      background: linear-gradient(135deg, #fff2ea, #ffe0d1);
      color: var(--o);
      border: 1px solid #ffe0d1
   }

   .aivaud-vs .c .vhd .vi svg {
      width: 24px;
      height: 24px
   }

   .aivaud-vs .c h4 {
      font-size: 19px;
      font-weight: 700;
      margin: 0;
      color: #111
   }

   .aivaud-vs .c ul {
      list-style: none;
      padding: 0;
      margin: 0
   }

   .aivaud-vs .c li {
      position: relative;
      padding: 0 0 14px 32px;
      color: #4a4a4a;
      font-size: 15px;
      line-height: 1.5
   }

   .aivaud-vs .c li:last-child {
      padding-bottom: 0
   }

   .aivaud-vs .c li:before {
      position: absolute;
      left: 0;
      top: 1px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12px;
      content: ""
   }

   .aivaud-vs .c.lose li:before {
      background-color: #f7ded8;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")
   }

   .aivaud-vs .c.win li:before {
      background-color: var(--o);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
   }

   .aivaud-vs .vsdiv {
      align-self: center;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: var(--dark);
      color: #fff;
      font-size: 15px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 12px 28px rgba(0, 0, 0, .25)
   }

   /* =====================================================================
HOW IT WORKS (timeline)
===================================================================== */
   .aivaud-steps {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 26px;
      margin-top: 56px
   }

   .aivaud-steps:before {
      content: "";
      position: absolute;
      top: 34px;
      left: 16%;
      right: 16%;
      height: 2px;
      background: repeating-linear-gradient(90deg, #ffcdb6 0 8px, transparent 8px 16px);
      z-index: 0
   }

   .aivaud-steps .st {
      position: relative;
      z-index: 1;
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 18px;
      padding: 34px 26px 30px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
   }

   .aivaud-steps .st:hover {
      transform: translateY(-10px);
      box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
      border-color: #ffd8c6
   }

   .aivaud-steps .st .n {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--o), #ff9e6b);
      color: #fff;
      font-size: 22px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 18px;
      box-shadow: 0 10px 24px rgba(255, 122, 69, .34);
      border: 4px solid #fff
   }

   .aivaud-steps .st h4 {
      font-size: 17.5px;
      font-weight: 600;
      margin: 0 0 8px;
      color: #111
   }

   .aivaud-steps .st p {
      font-size: 14px;
      line-height: 1.7;
      color: #666;
      margin: 0
   }

   /* =====================================================================
FAQ (accordion kept functional; restyled)
===================================================================== */
   .aivaud-faq {
      max-width: 840px;
      margin: 52px auto 0
   }

   .aivaud-faq details {
      background: #fff;
      border: 1px solid #f2ece7;
      border-radius: 14px;
      margin-bottom: 14px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
      transition: box-shadow .3s ease, border-color .3s ease
   }

   .aivaud-faq details[open] {
      border-color: #ffd8c6;
      box-shadow: 0 16px 38px rgba(255, 122, 69, .12)
   }

   .aivaud-faq summary {
      cursor: pointer;
      list-style: none;
      padding: 20px 50px 20px 24px;
      font-weight: 600;
      color: #1E1E1E;
      font-size: 16px;
      position: relative
   }

   .aivaud-faq summary::after {
      content: "";
      position: absolute;
      right: 24px;
      top: 24px;
      width: 9px;
      height: 9px;
      border-right: 2px solid #c3a99b;
      border-bottom: 2px solid #c3a99b;
      transform: rotate(45deg);
      transition: transform .3s ease, border-color .3s ease
   }

   .aivaud-faq details[open] summary::after {
      transform: rotate(-135deg);
      border-color: var(--o)
   }

   .aivaud-faq summary::-webkit-details-marker {
      display: none
   }

   .aivaud-faq details[open] summary {
      color: var(--o)
   }

   .aivaud-faq .fa {
      padding: 0 24px 20px;
      color: #666;
      font-size: 14.5px;
      line-height: 1.75;
      overflow: hidden;
      box-sizing: border-box;
      transition: max-height .32s ease
   }

   /* =====================================================================
FINAL CTA (dark)
===================================================================== */
   .aivaud-cta {
      background: var(--dark);
      position: relative;
      overflow: hidden
   }

   .aivaud-cta:before {
      content: "";
      position: absolute;
      top: -140px;
      left: 50%;
      transform: translateX(-50%);
      width: 640px;
      height: 420px;
      background: radial-gradient(circle, rgba(255, 122, 69, .24), transparent 62%);
      pointer-events: none
   }

   .aivaud-cta .container {
      position: relative;
      z-index: 2
   }

   .aivaud-cta h2 {
      color: #fff !important;
      font-size: 40px;
      font-weight: 700;
      margin: 0 0 16px;
      letter-spacing: -.4px
   }

   .aivaud-cta h2 span {
      color: var(--o)
   }

   .aivaud-cta p {
      color: #b9bcc6;
      max-width: 600px;
      margin: 0 auto 28px;
      font-size: 16.5px;
      line-height: 1.7
   }

   /* =====================================================================
RESPONSIVE
===================================================================== */
   @media(max-width:991px) {
      .aivaud-herosec {
      padding: 96px 18px 72px;
   }

      .aivaud-herosec .container {
      grid-template-columns: 1fr;
      gap: 44px;
   }

      .aivaud-h1 {
      font-size: 38px;
   }

      .aivaud-formcol {
         margin-top: 8px
      }

      .aiva-revealwrap {
         grid-template-columns: 1fr;
         gap: 40px
      }

      .aiva-report {
         margin: 0 auto
      }

      .aiva-worth {
         grid-template-columns: 1fr
      }

      .aiva-knowwrap {
         grid-template-columns: 1fr;
         gap: 40px
      }

      .aiva-know .aiva-head {
         text-align: center;
         margin: 0 auto
      }

      .aiva-know .aiva-head .uline {
         margin: 18px auto 0
      }

      .aiva-urg,
      .aiva-formurg {
         max-width: none;
         justify-content: center
      }

      .aivaud-vs {
         grid-template-columns: 1fr
      }

      .aivaud-vs .vsdiv {
         margin: 0 auto;
         transform: rotate(90deg)
      }

      .aivaud-steps {
         grid-template-columns: 1fr;
         gap: 20px
      }

      .aivaud-steps:before {
         display: none
      }
   }

   @media(max-width:600px) {
      .aivaud-h1 {
      font-size: 32px;
   }

      .aiva-head h2,
      .aivaud-cta h2 {
         font-size: 28px
      }

      .aivaud-cards {
         grid-template-columns: 1fr
      }
   }