/* PRICING-V3-FINAL 2026-09-01 */

/* ============================================================
   INTENT AMPLIFY
   FINAL PRE-LIVE PRICING + PORTFOLIO SHELL
   ============================================================ */

:root{
  --orange:#ff6200;
  --orange-dark:#e85a00;
  --orange-soft:#fff1e7;

  --black:#111820;

  --navy:#06232d;
  --navy-2:#0d303b;

  --green:#62ddb0;
  --green-dark:#168262;
  --green-soft:#eafaf4;

  --white:#ffffff;
  --offwhite:#faf9f6;
  --soft:#f6f5f1;

  --gray-100:#f3f4f2;
  --gray-200:#e3e5e2;
  --gray-300:#d4d8d4;
  --gray-500:#7b8389;
  --gray-600:#667078;
  --gray-700:#4e575e;

  --max:1200px;

  --radius-sm:8px;
  --radius:13px;
  --radius-lg:18px;

  --shadow:
    0 18px 50px rgba(16,24,32,.09);
}

.ia-pricing-shell *{
  box-sizing:border-box;
}

.ia-pricing-shell{
  scroll-behavior:smooth;
}

.ia-pricing-shell{
  margin:0;

  color:var(--black);
  background:#fff;

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;

  -webkit-font-smoothing:antialiased;
}

.ia-pricing-shell.no-scroll{
  overflow:hidden;
}

.ia-pricing-shell a{
  color:inherit;
  text-decoration:none;
}

.ia-pricing-shell button,
.ia-pricing-shell input,
.ia-pricing-shell select,
.ia-pricing-shell textarea{
  font:inherit;
}

.ia-pricing-shell button{
  border:0;
}

.ia-pricing-shell .container{
  width:min(
    calc(100% - 40px),
    var(--max)
  );

  margin-inline:auto;
}

.ia-pricing-shell .view{
  display:none;
}

.ia-pricing-shell .view.active{
  display:block;
}

.ia-pricing-shell .eyebrow{
  color:var(--orange);

  font-size:10px;
  line-height:1;

  font-weight:900;

  letter-spacing:.14em;
  text-transform:uppercase;
}

.ia-pricing-shell .eyebrow.green{
  color:var(--green);
}

.ia-pricing-shell .orange{
  color:var(--orange);
}

.ia-pricing-shell .muted{
  color:var(--gray-600);
}

.ia-pricing-shell .button{
  min-height:44px;

  padding:0 18px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:6px;

  border-radius:8px;

  cursor:pointer;

  font-size:11px;
  font-weight:850;

  transition:
    transform .16s ease,
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

.ia-pricing-shell .button:hover{
  transform:translateY(-1px);
}

.ia-pricing-shell .button-orange{
  color:#fff;
  background:var(--orange);
}

.ia-pricing-shell .button-orange:hover{
  background:var(--orange-dark);
}

.ia-pricing-shell .button-dark{
  color:#fff;
  background:var(--black);
}

.ia-pricing-shell .button-light{
  color:var(--black);

  background:#fff;

  border:1px solid var(--gray-200);
}

.ia-pricing-shell .button-ghost{
  padding-inline:5px;

  color:var(--orange);
  background:transparent;
}

.ia-pricing-shell .button-full{
  width:100%;
}


/* ============================================================
   NAVIGATION
   ============================================================ */

.ia-pricing-shell .site-nav{
  position:sticky;

  top:0;

  z-index:1000;

  background:rgba(255,255,255,.97);

  border-bottom:1px solid #ececea;

  backdrop-filter:blur(14px);
}

.ia-pricing-shell .nav-inner{
  min-height:68px;

  display:flex;

  align-items:center;

  gap:28px;
}

.ia-pricing-shell .brand{
  padding:0;

  display:flex;

  align-items:center;

  gap:9px;

  flex:0 0 auto;

  color:var(--black);
  background:none;

  cursor:pointer;

  font-size:10px;
  line-height:.95;

  font-weight:950;
}

.ia-pricing-shell .brand-mark{
  position:relative;

  width:30px;
  height:30px;

  border:3px solid var(--orange);
  border-radius:50%;
}

.ia-pricing-shell .brand-mark:after{
  content:"";

  position:absolute;

  left:50%;
  top:50%;

  width:7px;
  height:7px;

  transform:translate(-50%,-50%);

  border-radius:50%;

  background:var(--black);
}

.ia-pricing-shell .nav-links{
  margin-left:auto;

  display:flex;

  align-items:center;

  gap:17px;

  color:#515a61;

  font-size:10px;
  font-weight:760;
}

.ia-pricing-shell .nav-link{
  padding:8px 0;

  background:none;

  cursor:pointer;

  color:#515a61;
}

.ia-pricing-shell .nav-link:hover{
  color:var(--orange);
}


/* ============================================================
   PRICING-FIRST HERO
   ============================================================ */

.ia-pricing-shell .pricing-hero{
  padding:29px 0 21px;

  background:
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 76%,
      #faf9f6 100%
    );
}

.ia-pricing-shell .hero-copy{
  max-width:940px;

  margin:0 auto 16px;

  text-align:center;
}

.ia-pricing-shell .hero-copy h1{
  max-width:940px;

  margin:7px auto 10px;

  font-size:clamp(
    40px,
    5.25vw,
    64px
  );

  line-height:.94;

  letter-spacing:-.064em;

  font-weight:950;
}

.ia-pricing-shell .hero-copy p{
  max-width:810px;

  margin:0 auto;

  color:var(--gray-600);

  font-size:13px;
  line-height:1.58;
}

.ia-pricing-shell .proprietary-line{
  margin:12px auto 0;

  display:inline-flex;

  align-items:center;

  gap:7px;

  color:#5f686e;

  font-size:9px;
  font-weight:800;
}

.ia-pricing-shell .proprietary-line strong{
  color:var(--black);
}


/* ============================================================
   FAST SELF-SELECTION
   ============================================================ */

.ia-pricing-shell .fast-select{
  margin:19px 0 5px;

  padding:9px;

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:7px;

  border:1px solid var(--gray-200);

  border-radius:12px;

  background:var(--soft);
}

.ia-pricing-shell .fast-choice{
  padding:10px;

  display:flex;

  align-items:center;

  gap:9px;

  border:1px solid transparent;
  border-radius:8px;

  background:#fff;

  cursor:pointer;

  text-align:left;

  transition:.15s ease;
}

.ia-pricing-shell .fast-choice:hover{
  border-color:var(--orange);

  transform:translateY(-1px);
}

.ia-pricing-shell .fast-choice-number{
  width:23px;
  height:23px;

  flex:0 0 23px;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#fff;
  background:var(--black);

  font-size:9px;
  font-weight:900;
}

.ia-pricing-shell .fast-choice strong{
  display:block;

  font-size:10px;

  line-height:1.25;
}

.ia-pricing-shell .fast-choice span span{
  display:block;

  margin-top:2px;

  color:var(--gray-600);

  font-size:8px;

  line-height:1.3;
}


/* ============================================================
   PRICING CARDS
   ============================================================ */

.ia-pricing-shell .pricing-grid{
  padding-top:13px;

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:12px;
}

.ia-pricing-shell .price-card{
  position:relative;

  min-height:467px;

  padding:18px;

  display:flex;

  flex-direction:column;

  border:1px solid var(--gray-200);

  border-radius:14px;

  background:#fff;
}

.ia-pricing-shell .price-card.featured{
  border:2px solid var(--orange);

  box-shadow:var(--shadow);
}

.ia-pricing-shell .recommendation{
  position:absolute;

  top:-11px;
  left:16px;

  padding:5px 9px;

  border-radius:999px;

  color:#fff;
  background:var(--orange);

  font-size:8px;
  font-weight:900;

  letter-spacing:.06em;
  text-transform:uppercase;
}

.ia-pricing-shell .plan-label{
  color:var(--orange);

  font-size:9px;
  font-weight:900;

  letter-spacing:.12em;
  text-transform:uppercase;
}

.ia-pricing-shell .price-card h2{
  margin:6px 0 4px;

  font-size:19px;
  line-height:1.04;

  letter-spacing:-.04em;

  font-weight:930;
}

.ia-pricing-shell .card-description{
  min-height:43px;

  color:var(--gray-600);

  font-size:10px;
  line-height:1.42;
}

.ia-pricing-shell .best-for{
  margin-top:8px;

  color:var(--gray-600);

  font-size:8px;
  line-height:1.4;
}

.ia-pricing-shell .best-for strong{
  color:var(--black);
}

.ia-pricing-shell .price{
  margin:12px 0 2px;

  font-size:44px;
  line-height:1;

  letter-spacing:-.063em;

  font-weight:950;
}

.ia-pricing-shell .price span{
  margin-left:3px;

  color:var(--gray-500);

  font-size:9px;

  font-weight:700;

  letter-spacing:0;
}

.ia-pricing-shell .minimum{
  padding-bottom:10px;

  border-bottom:1px solid var(--gray-200);

  color:var(--gray-600);

  font-size:9px;
}

.ia-pricing-shell .minimum strong{
  color:var(--black);
}

.ia-pricing-shell .change-label{
  margin:10px 0 4px;

  color:var(--gray-500);

  font-size:8px;
  font-weight:900;

  letter-spacing:.08em;
  text-transform:uppercase;
}

.ia-pricing-shell .commercial-unit{
  padding:8px 9px;

  margin-bottom:4px;

  border-radius:7px;

  background:var(--orange-soft);

  font-size:10px;
  line-height:1.3;

  font-weight:850;
}

.ia-pricing-shell .features{
  flex:1;

  margin:4px 0 13px;

  padding:0;

  list-style:none;
}

.ia-pricing-shell .features li{
  padding:5px 0;

  border-bottom:1px solid #f0f0ed;

  color:var(--gray-700);

  font-size:9px;

  line-height:1.35;
}

.ia-pricing-shell .features li:before{
  content:"✓";

  margin-right:5px;

  color:#15966f;

  font-weight:950;
}

.ia-pricing-shell .price-actions{
  display:grid;

  gap:7px;
}


/* ============================================================
   SIMPLE BUY
   ============================================================ */

.ia-pricing-shell .simple-buy{
  margin-top:14px;

  padding:14px 15px;

  display:grid;

  grid-template-columns:1fr auto;

  gap:24px;

  align-items:center;

  border:1px solid var(--gray-200);

  border-radius:10px;

  background:#fff;
}

.ia-pricing-shell .simple-buy strong{
  display:block;

  margin-bottom:3px;

  font-size:11px;
}

.ia-pricing-shell .simple-buy span{
  color:var(--gray-600);

  font-size:9px;
  line-height:1.5;
}

.ia-pricing-shell .commercial-note{
  margin-top:10px;

  padding:11px 13px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  border-left:4px solid var(--green);

  border-radius:7px;

  background:var(--green-soft);

  color:#456057;

  font-size:9px;
  line-height:1.5;
}

.ia-pricing-shell .commercial-note a{
  flex:0 0 auto;

  color:var(--black);

  font-weight:900;

  white-space:nowrap;
}


/* ============================================================
   COMMERCIAL CLARITY
   ============================================================ */

.ia-pricing-shell .procurement{
  padding:14px 0;

  border-top:1px solid var(--gray-200);
  border-bottom:1px solid var(--gray-200);

  background:#fff;
}

.ia-pricing-shell .procurement-inner{
  display:flex;

  align-items:center;
  justify-content:center;

  flex-wrap:wrap;

  gap:8px;
}

.ia-pricing-shell .procurement-label{
  margin-right:4px;

  color:var(--gray-500);

  font-size:8px;
  font-weight:900;

  letter-spacing:.08em;
  text-transform:uppercase;
}

.ia-pricing-shell .procurement-pill{
  padding:6px 9px;

  border:1px solid var(--gray-200);

  border-radius:999px;

  color:var(--gray-600);

  font-size:8px;
  font-weight:760;
}


/* ============================================================
   TRUST
   ============================================================ */

.ia-pricing-shell .trust{
  padding:27px 0;

  text-align:center;
}

.ia-pricing-shell .trust strong{
  display:block;

  margin-bottom:14px;

  font-size:9px;

  letter-spacing:.1em;
  text-transform:uppercase;
}

.ia-pricing-shell .logo-row{
  display:flex;

  align-items:center;
  justify-content:center;

  flex-wrap:wrap;

  gap:34px;

  color:#687078;

  font-size:11px;
  font-weight:900;
}


/* ============================================================
   CUSTOMER PROOF
   ============================================================ */

.ia-pricing-shell .proof{
  padding:62px 0;

  background:var(--soft);
}

.ia-pricing-shell .proof-grid{
  padding:30px;

  display:grid;

  grid-template-columns:.45fr 1.55fr;

  gap:35px;

  border:1px solid var(--gray-200);

  border-radius:18px;

  background:#fff;
}

.ia-pricing-shell .proof-logo{
  min-height:225px;

  display:grid;

  place-items:center;

  border-radius:12px;

  background:#eef0ee;

  font-size:34px;
  font-weight:950;

  letter-spacing:-.055em;
}

.ia-pricing-shell .proof-badge{
  display:inline-flex;

  padding:5px 8px;

  border-radius:999px;

  background:#fff0e6;

  color:#98420b;

  font-size:8px;
  font-weight:900;

  text-transform:uppercase;
}

.ia-pricing-shell .proof-content h2{
  margin:10px 0 10px;

  font-size:clamp(
    31px,
    4vw,
    45px
  );

  line-height:1;

  letter-spacing:-.05em;

  font-weight:950;
}

.ia-pricing-shell .hero-metric{
  margin:14px 0 2px;

  font-size:48px;
  line-height:1;

  letter-spacing:-.06em;

  font-weight:950;
}

.ia-pricing-shell .hero-metric-label{
  color:var(--gray-600);

  font-size:9px;
}

.ia-pricing-shell .proof-content p{
  max-width:760px;

  color:var(--gray-600);

  font-size:11px;
  line-height:1.65;
}

.ia-pricing-shell .proof-metrics{
  margin:17px 0;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:9px;
}

.ia-pricing-shell .proof-metric{
  padding:13px;

  border:1px solid var(--gray-200);

  border-radius:9px;
}

.ia-pricing-shell .proof-metric strong{
  display:block;

  font-size:22px;

  letter-spacing:-.04em;
}

.ia-pricing-shell .proof-metric span{
  color:var(--gray-600);

  font-size:8px;
}

.ia-pricing-shell .proof-warning{
  margin-top:14px;

  padding:11px;

  border:1px solid #efddcf;

  border-radius:8px;

  background:#fffaf4;

  color:#73523e;

  font-size:8px;
  line-height:1.5;
}


/* ============================================================
   ECONOMICS
   ============================================================ */

.ia-pricing-shell .economics{
  padding:68px 0;

  color:#fff;
  background:var(--navy);
}

.ia-pricing-shell .economics-grid{
  display:grid;

  grid-template-columns:.8fr 1.2fr;

  gap:44px;

  align-items:start;
}

.ia-pricing-shell .economics h2{
  margin:8px 0 12px;

  font-size:clamp(
    36px,
    4.6vw,
    52px
  );

  line-height:.98;

  letter-spacing:-.055em;

  font-weight:950;
}

.ia-pricing-shell .economics-copy p{
  color:#aec0c6;

  font-size:12px;
  line-height:1.65;
}

.ia-pricing-shell .calculator{
  padding:24px;

  border-radius:16px;

  background:#fff;

  color:var(--black);
}

.ia-pricing-shell .calc-fields{
  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:13px;
}

.ia-pricing-shell .field label{
  display:block;

  margin-bottom:6px;

  color:#626c73;

  font-size:8px;
  font-weight:900;

  letter-spacing:.05em;
  text-transform:uppercase;
}

.ia-pricing-shell .field input,
.ia-pricing-shell .field select,
.ia-pricing-shell .field textarea{
  width:100%;

  min-height:43px;

  padding:0 11px;

  border:1px solid var(--gray-200);

  border-radius:7px;

  outline:none;

  color:var(--black);
  background:#fff;

  font-size:11px;
}

.ia-pricing-shell .field textarea{
  min-height:92px;

  padding-block:11px;

  resize:vertical;
}

.ia-pricing-shell .field input:focus,
.ia-pricing-shell .field select:focus,
.ia-pricing-shell .field textarea:focus{
  border-color:var(--orange);
}

.ia-pricing-shell .calc-results{
  margin-top:16px;

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:10px;
}

.ia-pricing-shell .calc-result{
  padding:15px;

  border-radius:10px;

  background:var(--soft);
}

.ia-pricing-shell .calc-result.good{
  background:var(--green-soft);
}

.ia-pricing-shell .calc-result small{
  display:block;

  color:#69737a;

  font-size:8px;
  font-weight:900;

  letter-spacing:.07em;
  text-transform:uppercase;
}

.ia-pricing-shell .calc-result strong{
  display:block;

  margin-top:3px;

  font-size:34px;

  letter-spacing:-.055em;
}

.ia-pricing-shell .calc-message{
  margin-top:13px;

  padding:10px;

  border-radius:8px;

  background:#f7f7f4;

  color:#566067;

  font-size:9px;
  line-height:1.5;
}

.ia-pricing-shell .calc-caption{
  margin-top:10px;

  color:#7c878d;

  font-size:8px;
  line-height:1.5;
}


/* ============================================================
   COMMERCIAL LADDER
   ============================================================ */

.ia-pricing-shell .comparison{
  padding:66px 0 46px;
}

.ia-pricing-shell .comparison h2,
.ia-pricing-shell .compare-plans h2{
  max-width:850px;

  margin:8px 0 12px;

  font-size:clamp(
    34px,
    4.4vw,
    50px
  );

  line-height:1;

  letter-spacing:-.05em;

  font-weight:950;
}

.ia-pricing-shell .comparison-intro,
.ia-pricing-shell .compare-plans-intro{
  max-width:760px;

  color:var(--gray-600);

  font-size:11px;
  line-height:1.65;
}

.ia-pricing-shell .comparison-grid{
  margin-top:26px;

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:12px;
}

.ia-pricing-shell .compare-card{
  padding:19px;

  border:1px solid var(--gray-200);

  border-radius:12px;

  background:#fff;

  cursor:pointer;

  text-align:left;

  transition:.15s ease;
}

.ia-pricing-shell .compare-card:hover{
  border-color:var(--orange);

  transform:translateY(-1px);
}

.ia-pricing-shell .compare-card b{
  color:var(--orange);

  font-size:9px;
}

.ia-pricing-shell .compare-card h3{
  margin:6px 0;

  font-size:18px;

  letter-spacing:-.035em;
}

.ia-pricing-shell .compare-card p{
  margin:0;

  color:var(--gray-600);

  font-size:10px;
  line-height:1.55;
}


/* ============================================================
   FULL PLAN COMPARISON
   ============================================================ */

.ia-pricing-shell .compare-plans{
  padding:20px 0 66px;
}

.ia-pricing-shell .compare-shell{
  margin-top:26px;

  overflow:hidden;

  border:1px solid var(--gray-200);

  border-radius:15px;

  background:#fff;
}

.ia-pricing-shell .compare-header{
  display:grid;

  grid-template-columns:1.35fr repeat(4,1fr);

  background:var(--offwhite);

  border-bottom:1px solid var(--gray-200);
}

.ia-pricing-shell .compare-header > div{
  padding:16px;

  border-right:1px solid var(--gray-200);
}

.ia-pricing-shell .compare-header > div:last-child{
  border-right:0;
}

.ia-pricing-shell .compare-header small{
  color:var(--orange);

  font-size:8px;
  font-weight:900;

  letter-spacing:.05em;
  text-transform:uppercase;
}

.ia-pricing-shell .compare-header strong{
  display:block;

  margin-top:4px;

  font-size:13px;
}

.ia-pricing-shell .compare-header span{
  display:block;

  margin-top:3px;

  color:var(--gray-600);

  font-size:8px;
}

.ia-pricing-shell .compare-row{
  display:grid;

  grid-template-columns:1.35fr repeat(4,1fr);

  border-bottom:1px solid var(--gray-200);
}

.ia-pricing-shell .compare-row:last-child{
  border-bottom:0;
}

.ia-pricing-shell .compare-row > div{
  min-height:60px;

  padding:14px 16px;

  display:flex;

  align-items:center;

  border-right:1px solid var(--gray-200);

  color:var(--gray-700);

  font-size:9px;
  line-height:1.45;
}

.ia-pricing-shell .compare-row > div:last-child{
  border-right:0;
}

.ia-pricing-shell .compare-row .compare-attribute{
  color:var(--black);

  background:#fbfbf9;

  font-weight:850;
}

.ia-pricing-shell .compare-check{
  color:#168262;

  font-weight:900;
}

.ia-pricing-shell .compare-plan-cta{
  margin-top:13px;

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:10px;
}

.ia-pricing-shell .compare-plan-button{
  padding:13px;

  display:grid;

  gap:7px;

  border:1px solid var(--gray-200);

  border-radius:11px;

  background:#fff;

  text-align:left;
}

.ia-pricing-shell .compare-plan-button strong{
  font-size:11px;
}

.ia-pricing-shell .compare-plan-button span{
  color:var(--gray-600);

  font-size:8px;
}

.ia-pricing-shell .compare-help{
  margin-top:15px;

  padding:15px;

  display:grid;

  grid-template-columns:1fr auto;

  gap:20px;

  align-items:center;

  border-left:4px solid var(--green);

  border-radius:9px;

  background:var(--green-soft);
}

.ia-pricing-shell .compare-help strong{
  display:block;

  margin-bottom:3px;

  font-size:11px;
}

.ia-pricing-shell .compare-help span{
  color:#53655e;

  font-size:9px;
}


/* ============================================================
   START FROM PROBLEM
   ============================================================ */

.ia-pricing-shell .plan-guide{
  padding:0 0 66px;
}

.ia-pricing-shell .guide-box{
  padding:25px;

  border:1px solid var(--gray-200);

  border-radius:14px;

  background:var(--offwhite);
}

.ia-pricing-shell .guide-box h2{
  margin:7px 0 18px;

  font-size:30px;
  line-height:1;

  letter-spacing:-.045em;

  font-weight:950;
}

.ia-pricing-shell .guide-grid{
  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:10px;
}

.ia-pricing-shell .guide-row{
  padding:14px;

  display:flex;

  justify-content:space-between;

  gap:20px;

  border:1px solid var(--gray-200);

  border-radius:9px;

  background:#fff;
}

.ia-pricing-shell .guide-row strong{
  display:block;

  font-size:10px;
}

.ia-pricing-shell .guide-row span{
  display:block;

  margin-top:3px;

  color:var(--gray-600);

  font-size:9px;
}

.ia-pricing-shell .guide-row button{
  align-self:center;

  flex:0 0 auto;

  padding:0;

  color:var(--orange);
  background:none;

  cursor:pointer;

  font-size:9px;
  font-weight:900;
}


/* ============================================================
   SCOPE FORM
   ============================================================ */

.ia-pricing-shell .inbound{
  padding:72px 0;

  background:var(--offwhite);
}

.ia-pricing-shell .inbound-head{
  max-width:770px;

  margin:0 auto;

  text-align:center;
}

.ia-pricing-shell .inbound h2{
  margin:7px 0 10px;

  font-size:clamp(
    35px,
    4.7vw,
    49px
  );

  line-height:1;

  letter-spacing:-.05em;

  font-weight:950;
}

.ia-pricing-shell .inbound-head p{
  color:var(--gray-600);

  font-size:11px;
  line-height:1.6;
}

.ia-pricing-shell .selected-plan-banner{
  max-width:790px;

  margin:20px auto -1px;

  padding:13px 16px;

  display:flex;

  justify-content:space-between;

  gap:20px;

  border:1px solid var(--gray-200);

  border-radius:12px 12px 0 0;

  background:var(--orange-soft);

  font-size:10px;
}

.ia-pricing-shell .selected-plan-banner strong{
  font-size:11px;
}

.ia-pricing-shell .form{
  max-width:790px;

  margin:0 auto;

  padding:25px;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:13px;

  border:1px solid var(--gray-200);

  border-radius:0 0 14px 14px;

  background:#fff;
}

.ia-pricing-shell .full{
  grid-column:1/-1;
}

.ia-pricing-shell .fine{
  color:#838b90;

  font-size:8px;
  line-height:1.5;
}

.ia-pricing-shell .success{
  display:none;

  padding:10px;

  border-radius:7px;

  color:#126b50;
  background:var(--green-soft);

  font-weight:800;
}


/* ============================================================
   FAQ
   ============================================================ */

.ia-pricing-shell .faq{
  padding:66px 0;

  color:#fff;

  background:var(--navy);
}

.ia-pricing-shell .faq-wrap{
  max-width:900px;
}

.ia-pricing-shell .faq h2{
  margin:8px 0 28px;

  font-size:clamp(
    34px,
    4.3vw,
    47px
  );

  line-height:1;

  letter-spacing:-.05em;

  font-weight:950;
}

.ia-pricing-shell details{
  border-top:1px solid #29414a;
}

.ia-pricing-shell summary{
  padding:17px 0;

  display:flex;

  justify-content:space-between;

  gap:20px;

  cursor:pointer;

  list-style:none;

  font-size:11px;
  font-weight:850;
}

.ia-pricing-shell summary::-webkit-details-marker{
  display:none;
}

.ia-pricing-shell summary:after{
  content:"+";

  color:var(--orange);

  font-size:18px;
  font-weight:900;
}

.ia-pricing-shell details[open] summary:after{
  content:"−";
}

.ia-pricing-shell details p{
  max-width:780px;

  margin:-2px 0 18px;

  color:#aec0c6;

  font-size:10px;
  line-height:1.65;
}


/* ============================================================
   STACK DETAILS
   ============================================================ */

.ia-pricing-shell .stack-hero{
  padding:58px 0 50px;
}

.ia-pricing-shell .breadcrumb{
  margin-bottom:22px;

  color:var(--gray-600);

  font-size:10px;
  font-weight:700;
}

.ia-pricing-shell .breadcrumb button{
  padding:0;

  color:var(--orange);
  background:none;

  cursor:pointer;

  font-weight:800;
}

.ia-pricing-shell .stack-layout{
  display:grid;

  grid-template-columns:1.15fr .85fr;

  gap:54px;

  align-items:center;
}

.ia-pricing-shell .stack-stage{
  margin-bottom:11px;

  display:inline-flex;

  align-items:center;

  gap:7px;

  color:#687078;

  font-size:9px;
  font-weight:850;

  text-transform:uppercase;

  letter-spacing:.08em;
}

.ia-pricing-shell .stack-stage strong{
  color:var(--orange);
}

.ia-pricing-shell .stack-hero h1{
  max-width:760px;

  margin:10px 0 15px;

  font-size:clamp(
    45px,
    6vw,
    72px
  );

  line-height:.94;

  letter-spacing:-.065em;

  font-weight:950;
}

.ia-pricing-shell .stack-hero h1 span{
  color:var(--orange);
}

.ia-pricing-shell .stack-lede{
  max-width:720px;

  color:var(--gray-600);

  font-size:15px;
  line-height:1.65;
}

.ia-pricing-shell .stack-actions{
  margin-top:24px;

  display:flex;

  flex-wrap:wrap;

  gap:10px;
}

.ia-pricing-shell .price-summary{
  padding:27px;

  border:1px solid var(--gray-200);

  border-radius:18px;

  background:#fff;

  box-shadow:var(--shadow);
}

.ia-pricing-shell .price-summary h2{
  margin:7px 0 4px;

  font-size:24px;
  line-height:1.05;

  letter-spacing:-.04em;
}

.ia-pricing-shell .price-number{
  margin:20px 0 3px;

  font-size:56px;
  line-height:1;

  font-weight:950;

  letter-spacing:-.065em;
}

.ia-pricing-shell .price-number span{
  color:var(--gray-500);

  font-size:10px;

  letter-spacing:0;
}

.ia-pricing-shell .price-minimum{
  padding-bottom:17px;

  border-bottom:1px solid var(--gray-200);

  color:var(--gray-600);

  font-size:10px;
}

.ia-pricing-shell .value-box{
  margin-top:17px;

  padding:13px;

  border-radius:9px;

  background:var(--orange-soft);

  font-size:12px;
  line-height:1.45;

  font-weight:850;
}

.ia-pricing-shell .section{
  padding:68px 0;
}

.ia-pricing-shell .section-soft{
  background:var(--offwhite);
}

.ia-pricing-shell .section-dark{
  color:#fff;

  background:var(--navy);
}

.ia-pricing-shell .section h2{
  max-width:840px;

  margin:8px 0 13px;

  font-size:clamp(
    34px,
    4.5vw,
    52px
  );

  line-height:1;

  letter-spacing:-.055em;

  font-weight:950;
}

.ia-pricing-shell .section-intro{
  max-width:780px;

  color:var(--gray-600);

  font-size:12px;
  line-height:1.65;
}

.ia-pricing-shell .section-dark .section-intro{
  color:#aec0c6;
}

.ia-pricing-shell .value-grid{
  margin-top:28px;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:12px;
}

.ia-pricing-shell .value-card{
  padding:22px;

  border:1px solid var(--gray-200);

  border-radius:13px;

  background:#fff;
}

.ia-pricing-shell .value-card small{
  color:var(--orange);

  font-size:8px;
  font-weight:900;

  letter-spacing:.1em;
  text-transform:uppercase;
}

.ia-pricing-shell .value-card h3{
  margin:8px 0;

  font-size:20px;
  line-height:1.05;

  letter-spacing:-.04em;
}

.ia-pricing-shell .value-card p{
  margin:0;

  color:var(--gray-600);

  font-size:10px;
  line-height:1.6;
}

.ia-pricing-shell .use-grid{
  margin-top:27px;

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:12px;
}

.ia-pricing-shell .use-card{
  padding:21px;

  border:1px solid var(--gray-200);

  border-radius:12px;

  background:#fff;
}

.ia-pricing-shell .use-card strong{
  display:block;

  margin-bottom:6px;

  font-size:13px;
}

.ia-pricing-shell .use-card span{
  color:var(--gray-600);

  font-size:10px;
  line-height:1.55;
}

.ia-pricing-shell .sales-object{
  margin-top:28px;

  display:grid;

  grid-template-columns:.8fr 1.2fr;

  gap:28px;

  align-items:start;
}

.ia-pricing-shell .sales-list{
  padding:0;

  margin:0;

  list-style:none;
}

.ia-pricing-shell .sales-list li{
  padding:11px 0;

  border-bottom:1px solid #25414b;

  color:#b9c8cd;

  font-size:11px;
  line-height:1.5;
}

.ia-pricing-shell .sales-list li strong{
  color:#fff;
}

.ia-pricing-shell .decision-grid{
  margin-top:27px;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:13px;
}

.ia-pricing-shell .decision-card{
  padding:22px;

  border:1px solid var(--gray-200);

  border-radius:12px;

  background:#fff;
}

.ia-pricing-shell .decision-card.correct{
  border-left:4px solid var(--green);
}

.ia-pricing-shell .decision-card.upgrade{
  border-left:4px solid var(--orange);
}

.ia-pricing-shell .decision-card h3{
  margin:0 0 8px;

  font-size:19px;

  letter-spacing:-.035em;
}

.ia-pricing-shell .decision-card p{
  margin:0;

  color:var(--gray-600);

  font-size:10px;
  line-height:1.6;
}

.ia-pricing-shell .internal-nav{
  padding:58px 0;

  background:var(--offwhite);
}

.ia-pricing-shell .internal-nav h2{
  margin:8px 0 24px;

  font-size:36px;
  line-height:1;

  letter-spacing:-.05em;
}

.ia-pricing-shell .plan-links{
  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:10px;
}

.ia-pricing-shell .plan-link{
  padding:17px;

  border:1px solid var(--gray-200);

  border-radius:11px;

  background:#fff;

  cursor:pointer;

  text-align:left;
}

.ia-pricing-shell .plan-link.active{
  border:2px solid var(--orange);
}

.ia-pricing-shell .plan-link small{
  color:var(--orange);

  font-size:8px;
  font-weight:900;
}

.ia-pricing-shell .plan-link strong{
  display:block;

  margin-top:5px;

  font-size:12px;
}

.ia-pricing-shell .plan-link span{
  display:block;

  margin-top:3px;

  color:var(--gray-600);

  font-size:9px;
}


/* ============================================================
   FINAL CTA
   ============================================================ */

.ia-pricing-shell .final{
  padding:60px 0;
}

.ia-pricing-shell .final-box{
  padding:34px;

  display:grid;

  grid-template-columns:1fr auto;

  gap:28px;

  align-items:center;

  border-radius:18px;

  background:var(--black);

  color:#fff;
}

.ia-pricing-shell .final-box h2{
  max-width:760px;

  margin:5px 0 8px;

  font-size:clamp(
    31px,
    4.2vw,
    44px
  );

  line-height:1;

  letter-spacing:-.05em;

  font-weight:950;
}

.ia-pricing-shell .final-box p{
  margin:0;

  color:#b6c0c5;

  font-size:10px;
  line-height:1.55;
}


/* ============================================================
   MOBILE STICKY CTA
   ============================================================ */

.ia-pricing-shell .mobile-sticky{
  display:none;
}


/* ============================================================
   FOOTER
   ============================================================ */

.ia-pricing-shell footer{
  padding:30px 0;

  border-top:1px solid var(--gray-200);

  color:#7d858a;

  font-size:8px;
  line-height:1.5;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:1050px){

  .ia-pricing-shell .pricing-grid,
.ia-pricing-shell .value-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .ia-pricing-shell .fast-select,
.ia-pricing-shell .comparison-grid,
.ia-pricing-shell .plan-links,
.ia-pricing-shell .compare-plan-cta{
    grid-template-columns:repeat(2,1fr);
  }

  .ia-pricing-shell .economics-grid,
.ia-pricing-shell .proof-grid,
.ia-pricing-shell .stack-layout,
.ia-pricing-shell .sales-object{
    grid-template-columns:1fr;
  }

  .ia-pricing-shell .compare-header,
.ia-pricing-shell .compare-row{
    grid-template-columns:1.2fr repeat(4,1fr);
  }

  .ia-pricing-shell .nav-link{
    display:none;
  }

}

@media(max-width:760px){

  .ia-pricing-shell{
    padding-bottom:68px;
  }

  .ia-pricing-shell .container{
    width:min(
      calc(100% - 24px),
      var(--max)
    );
  }

  .ia-pricing-shell .hero-copy h1{
    font-size:38px;
  }

  .ia-pricing-shell .stack-hero h1{
    font-size:43px;
  }

  .ia-pricing-shell .fast-select,
.ia-pricing-shell .pricing-grid,
.ia-pricing-shell .comparison-grid,
.ia-pricing-shell .guide-grid,
.ia-pricing-shell .calc-fields,
.ia-pricing-shell .calc-results,
.ia-pricing-shell .form,
.ia-pricing-shell .proof-metrics,
.ia-pricing-shell .value-grid,
.ia-pricing-shell .use-grid,
.ia-pricing-shell .decision-grid,
.ia-pricing-shell .plan-links,
.ia-pricing-shell .compare-plan-cta{
    grid-template-columns:1fr;
  }

  .ia-pricing-shell .simple-buy,
.ia-pricing-shell .final-box,
.ia-pricing-shell .compare-help{
    grid-template-columns:1fr;
  }

  .ia-pricing-shell .commercial-note,
.ia-pricing-shell .selected-plan-banner{
    align-items:flex-start;

    flex-direction:column;
  }

  .ia-pricing-shell .full{
    grid-column:auto;
  }

  .ia-pricing-shell .compare-shell{
    overflow-x:auto;
  }

  .ia-pricing-shell .compare-header,
.ia-pricing-shell .compare-row{
    min-width:850px;
  }

  .ia-pricing-shell .mobile-sticky{
    position:fixed;

    left:0;
    right:0;
    bottom:0;

    z-index:1200;

    min-height:62px;

    padding:9px 12px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    border-top:1px solid var(--gray-200);

    background:rgba(255,255,255,.98);

    box-shadow:
      0 -8px 25px rgba(16,24,32,.08);
  }

  .ia-pricing-shell .mobile-sticky strong{
    display:block;

    font-size:11px;
  }

  .ia-pricing-shell .mobile-sticky span{
    display:block;

    color:var(--gray-600);

    font-size:9px;
  }

}

.ia-pricing-shell{padding-top:0}
.ia-pricing-shell .form-error{display:none;padding:10px;border-radius:7px;background:#fff1e7;color:#8d3f0c;font-size:9px;line-height:1.5}
.ia-pricing-shell .form-error.active{display:block}


/* Buying Group evidence disclaimer: explicit high-contrast production styling. */
.ia-pricing-shell .ia-buying-group-disclaimer {
    background: #123d47;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.18);
}

.ia-pricing-shell .ia-thank-you {
    min-height: 68vh;
    display: grid;
    place-items: center;
    padding: 72px 20px;
}
.ia-pricing-shell .ia-thank-you-card {
    width: min(820px, 100%);
    padding: 48px;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 24px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 18px 60px rgba(0,0,0,.08);
}
.ia-pricing-shell .ia-thank-you-kicker {
    font-weight: 800;
    letter-spacing: .12em;
    font-size: 12px;
    margin-bottom: 16px;
}
.ia-pricing-shell .ia-thank-you-card h1 {
    margin: 0 auto 18px;
    max-width: 720px;
}
.ia-pricing-shell .ia-thank-you-card p {
    max-width: 680px;
    margin: 0 auto 12px;
}
.ia-pricing-shell .ia-thank-you-next {
    font-weight: 600;
}
.ia-pricing-shell .ia-thank-you-actions {
    margin-top: 28px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
@media (max-width: 640px) {
    .ia-pricing-shell .ia-thank-you-card { padding: 32px 20px; }
}

/* ============================================================
   DARK THEME FIX V2 — ALL PRICING ROUTES
   Applies only when the global theme switcher sets:
   <html data-theme="dark">
   Standard / Corporate themes are intentionally unchanged.
   Routes covered:
   /pricing/
   /pricing/demand/
   /pricing/verified/
   /pricing/intent/
   /pricing/buying-group/
   /pricing/thank-you/
   ============================================================ */

html[data-theme="dark"] .ia-pricing-shell {
  --ia-p-bg: #07131f;
  --ia-p-bg-2: #0b1b2a;
  --ia-p-bg-3: #102538;
  --ia-p-card: #0d2031;
  --ia-p-card-hover: #132b40;
  --ia-p-line: #264159;
  --ia-p-text: #f5f8fb;
  --ia-p-muted: #aab9c8;
  --ia-p-muted-2: #8295a7;
  color: var(--ia-p-text) !important;
  background: var(--ia-p-bg) !important;
}

/* Main page + detail-page major section surfaces */
html[data-theme="dark"] .ia-pricing-shell .pricing-hero,
html[data-theme="dark"] .ia-pricing-shell .stack-hero,
html[data-theme="dark"] .ia-pricing-shell .section,
html[data-theme="dark"] .ia-pricing-shell .comparison,
html[data-theme="dark"] .ia-pricing-shell .faq,
html[data-theme="dark"] .ia-pricing-shell .calculator,
html[data-theme="dark"] .ia-pricing-shell .final,
html[data-theme="dark"] .ia-pricing-shell .ia-thank-you {
  background: var(--ia-p-bg) !important;
  color: var(--ia-p-text) !important;
}

html[data-theme="dark"] .ia-pricing-shell .procurement,
html[data-theme="dark"] .ia-pricing-shell .economics,
html[data-theme="dark"] .ia-pricing-shell .compare-plans,
html[data-theme="dark"] .ia-pricing-shell .plan-guide,
html[data-theme="dark"] .ia-pricing-shell .section-soft,
html[data-theme="dark"] .ia-pricing-shell .internal-nav {
  background: var(--ia-p-bg-2) !important;
  color: var(--ia-p-text) !important;
  border-color: var(--ia-p-line) !important;
}

html[data-theme="dark"] .ia-pricing-shell .section-dark,
html[data-theme="dark"] .ia-pricing-shell .inbound,
html[data-theme="dark"] .ia-pricing-shell .final-box {
  background: #04131d !important;
  color: #fff !important;
}

/* All white cards / panels used by pricing index and tier pages */
html[data-theme="dark"] .ia-pricing-shell .fast-select,
html[data-theme="dark"] .ia-pricing-shell .fast-choice,
html[data-theme="dark"] .ia-pricing-shell .price-card,
html[data-theme="dark"] .ia-pricing-shell .simple-buy,
html[data-theme="dark"] .ia-pricing-shell .procurement-inner,
html[data-theme="dark"] .ia-pricing-shell .proof-content,
html[data-theme="dark"] .ia-pricing-shell .field,
html[data-theme="dark"] .ia-pricing-shell .calc-result,
html[data-theme="dark"] .ia-pricing-shell .compare-card,
html[data-theme="dark"] .ia-pricing-shell .compare-shell,
html[data-theme="dark"] .ia-pricing-shell .compare-plan-button,
html[data-theme="dark"] .ia-pricing-shell .guide-box,
html[data-theme="dark"] .ia-pricing-shell .guide-row,
html[data-theme="dark"] .ia-pricing-shell .price-summary,
html[data-theme="dark"] .ia-pricing-shell .value-card,
html[data-theme="dark"] .ia-pricing-shell .use-card,
html[data-theme="dark"] .ia-pricing-shell .decision-card,
html[data-theme="dark"] .ia-pricing-shell .plan-link,
html[data-theme="dark"] .ia-pricing-shell .ia-thank-you-card {
  background: var(--ia-p-card) !important;
  color: var(--ia-p-text) !important;
  border-color: var(--ia-p-line) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .ia-pricing-shell .fast-choice:hover,
html[data-theme="dark"] .ia-pricing-shell .price-card:hover,
html[data-theme="dark"] .ia-pricing-shell .compare-card:hover,
html[data-theme="dark"] .ia-pricing-shell .compare-plan-button:hover,
html[data-theme="dark"] .ia-pricing-shell .plan-link:hover {
  background: var(--ia-p-card-hover) !important;
}

/* Featured / selected pricing cards retain orange emphasis */
html[data-theme="dark"] .ia-pricing-shell .price-card.featured,
html[data-theme="dark"] .ia-pricing-shell .fast-choice.active,
html[data-theme="dark"] .ia-pricing-shell .plan-link.active,
html[data-theme="dark"] .ia-pricing-shell .compare-card.active {
  border-color: var(--orange) !important;
}

/* Comparison table */
html[data-theme="dark"] .ia-pricing-shell .compare-header,
html[data-theme="dark"] .ia-pricing-shell .compare-row,
html[data-theme="dark"] .ia-pricing-shell .compare-row > div,
html[data-theme="dark"] .ia-pricing-shell .compare-header > div,
html[data-theme="dark"] .ia-pricing-shell .compare-row .compare-attribute {
  border-color: var(--ia-p-line) !important;
}

html[data-theme="dark"] .ia-pricing-shell .compare-header,
html[data-theme="dark"] .ia-pricing-shell .compare-row .compare-attribute {
  background: var(--ia-p-bg-3) !important;
  color: var(--ia-p-text) !important;
}

html[data-theme="dark"] .ia-pricing-shell .compare-row {
  background: var(--ia-p-card) !important;
  color: var(--ia-p-text) !important;
}

/* Typography: headings and strong content */
html[data-theme="dark"] .ia-pricing-shell h1,
html[data-theme="dark"] .ia-pricing-shell h2,
html[data-theme="dark"] .ia-pricing-shell h3,
html[data-theme="dark"] .ia-pricing-shell h4,
html[data-theme="dark"] .ia-pricing-shell .hero-copy h1,
html[data-theme="dark"] .ia-pricing-shell .price-card h2,
html[data-theme="dark"] .ia-pricing-shell .price,
html[data-theme="dark"] .ia-pricing-shell .price strong,
html[data-theme="dark"] .ia-pricing-shell .price-number,
html[data-theme="dark"] .ia-pricing-shell #stackPrice,
html[data-theme="dark"] .ia-pricing-shell .fast-choice strong,
html[data-theme="dark"] .ia-pricing-shell .minimum strong,
html[data-theme="dark"] .ia-pricing-shell .best-for strong,
html[data-theme="dark"] .ia-pricing-shell .simple-buy strong,
html[data-theme="dark"] .ia-pricing-shell .procurement-inner strong,
html[data-theme="dark"] .ia-pricing-shell .proof-metric strong,
html[data-theme="dark"] .ia-pricing-shell .calc-result strong,
html[data-theme="dark"] .ia-pricing-shell .compare-card h3,
html[data-theme="dark"] .ia-pricing-shell .compare-header strong,
html[data-theme="dark"] .ia-pricing-shell .compare-plan-button strong,
html[data-theme="dark"] .ia-pricing-shell .guide-row strong,
html[data-theme="dark"] .ia-pricing-shell .value-card h3,
html[data-theme="dark"] .ia-pricing-shell .use-card strong,
html[data-theme="dark"] .ia-pricing-shell .decision-card h3,
html[data-theme="dark"] .ia-pricing-shell .plan-link strong,
html[data-theme="dark"] .ia-pricing-shell .ia-thank-you-card h1 {
  color: var(--ia-p-text) !important;
}

/* Secondary copy */
html[data-theme="dark"] .ia-pricing-shell .hero-copy p,
html[data-theme="dark"] .ia-pricing-shell .card-description,
html[data-theme="dark"] .ia-pricing-shell .best-for,
html[data-theme="dark"] .ia-pricing-shell .price span,
html[data-theme="dark"] .ia-pricing-shell .minimum,
html[data-theme="dark"] .ia-pricing-shell .commercial-unit,
html[data-theme="dark"] .ia-pricing-shell .features li,
html[data-theme="dark"] .ia-pricing-shell .simple-buy span,
html[data-theme="dark"] .ia-pricing-shell .commercial-note,
html[data-theme="dark"] .ia-pricing-shell .procurement-label,
html[data-theme="dark"] .ia-pricing-shell .proof p,
html[data-theme="dark"] .ia-pricing-shell .proof-metric span,
html[data-theme="dark"] .ia-pricing-shell .economics-copy p,
html[data-theme="dark"] .ia-pricing-shell .calc-caption,
html[data-theme="dark"] .ia-pricing-shell .calc-message,
html[data-theme="dark"] .ia-pricing-shell .compare-plans-intro,
html[data-theme="dark"] .ia-pricing-shell .compare-card p,
html[data-theme="dark"] .ia-pricing-shell .compare-header span,
html[data-theme="dark"] .ia-pricing-shell .compare-row > div,
html[data-theme="dark"] .ia-pricing-shell .compare-plan-button span,
html[data-theme="dark"] .ia-pricing-shell .compare-help span,
html[data-theme="dark"] .ia-pricing-shell .guide-row span,
html[data-theme="dark"] .ia-pricing-shell .breadcrumb,
html[data-theme="dark"] .ia-pricing-shell .stack-stage,
html[data-theme="dark"] .ia-pricing-shell .stack-lede,
html[data-theme="dark"] .ia-pricing-shell .section-intro,
html[data-theme="dark"] .ia-pricing-shell .price-number span,
html[data-theme="dark"] .ia-pricing-shell .price-minimum,
html[data-theme="dark"] .ia-pricing-shell .value-card p,
html[data-theme="dark"] .ia-pricing-shell .use-card span,
html[data-theme="dark"] .ia-pricing-shell .decision-card p,
html[data-theme="dark"] .ia-pricing-shell .plan-link span,
html[data-theme="dark"] .ia-pricing-shell .ia-thank-you-card p,
html[data-theme="dark"] .ia-pricing-shell .muted {
  color: var(--ia-p-muted) !important;
}

/* Divider lines */
html[data-theme="dark"] .ia-pricing-shell .minimum,
html[data-theme="dark"] .ia-pricing-shell .features li,
html[data-theme="dark"] .ia-pricing-shell .sales-list li,
html[data-theme="dark"] .ia-pricing-shell .price-minimum,
html[data-theme="dark"] .ia-pricing-shell .proof-metrics,
html[data-theme="dark"] .ia-pricing-shell .economics-grid,
html[data-theme="dark"] .ia-pricing-shell .comparison-grid {
  border-color: var(--ia-p-line) !important;
}

/* Soft highlight boxes */
html[data-theme="dark"] .ia-pricing-shell .commercial-unit,
html[data-theme="dark"] .ia-pricing-shell .value-box,
html[data-theme="dark"] .ia-pricing-shell .selected-plan-banner {
  background: #35251c !important;
  color: #ffd9c2 !important;
  border-color: #75452b !important;
}

html[data-theme="dark"] .ia-pricing-shell .procurement-pill,
html[data-theme="dark"] .ia-pricing-shell .compare-help,
html[data-theme="dark"] .ia-pricing-shell .success {
  background: #12352f !important;
  color: #c4f6e5 !important;
  border-color: #25584c !important;
}

html[data-theme="dark"] .ia-pricing-shell .proof-warning,
html[data-theme="dark"] .ia-pricing-shell .form-error {
  background: #3b281d !important;
  color: #ffd8bf !important;
  border-color: #70452b !important;
}

/* Form controls in calculator / scope forms */
html[data-theme="dark"] .ia-pricing-shell input,
html[data-theme="dark"] .ia-pricing-shell select,
html[data-theme="dark"] .ia-pricing-shell textarea {
  background: #091a29 !important;
  color: var(--ia-p-text) !important;
  border-color: var(--ia-p-line) !important;
}

html[data-theme="dark"] .ia-pricing-shell input::placeholder,
html[data-theme="dark"] .ia-pricing-shell textarea::placeholder {
  color: var(--ia-p-muted-2) !important;
}

/* Secondary buttons */
html[data-theme="dark"] .ia-pricing-shell .button-light,
html[data-theme="dark"] .ia-pricing-shell .button-ghost {
  background: var(--ia-p-card) !important;
  color: var(--ia-p-text) !important;
  border: 1px solid var(--ia-p-line) !important;
}

html[data-theme="dark"] .ia-pricing-shell .button-light:hover,
html[data-theme="dark"] .ia-pricing-shell .button-ghost:hover {
  background: var(--ia-p-card-hover) !important;
  border-color: #3c607b !important;
}

/* Preserve dark CTA/button contrast */
html[data-theme="dark"] .ia-pricing-shell .button-dark {
  background: #020b12 !important;
  color: #fff !important;
  border: 1px solid #284256 !important;
}

/* Sales receipt section */
html[data-theme="dark"] .ia-pricing-shell .sales-list li {
  color: #b9c8d3 !important;
}
html[data-theme="dark"] .ia-pricing-shell .sales-list li strong {
  color: #fff !important;
}

/* Mobile sticky CTA must not turn white in dark mode */
@media (max-width: 760px) {
  html[data-theme="dark"] .ia-pricing-shell .mobile-sticky {
    background: rgba(7,19,31,.98) !important;
    color: var(--ia-p-text) !important;
    border-top-color: var(--ia-p-line) !important;
    box-shadow: 0 -8px 25px rgba(0,0,0,.28) !important;
  }
  html[data-theme="dark"] .ia-pricing-shell .mobile-sticky span {
    color: var(--ia-p-muted) !important;
  }
}

/* Guarantee body-area dark surface around pricing shell */
html[data-theme="dark"] body:has(.ia-pricing-shell) {
  background: var(--ia-p-bg, #07131f) !important;
}

/* ============================================================
   PRICING VISIBILITY PATCH — CTA / CALLOUT TEXT ONLY
   Keeps existing layout, spacing and component styling unchanged.
   ============================================================ */

/* Light peach guardrail/value boxes inside the dark Sales section
   inherit white text from .section-dark; force readable dark copy. */
.ia-pricing-shell .section-dark .value-box {
  color: #3b2418;
}

/* In dark mode the scope form controls are dark, but the form shell
   was still white. Match the shell to the existing dark card surface
   so labels, consent copy and CTA-adjacent text remain visible. */
html[data-theme="dark"] .ia-pricing-shell .form {
  background: var(--ia-p-card) !important;
  color: var(--ia-p-text) !important;
  border-color: var(--ia-p-line) !important;
}

html[data-theme="dark"] .ia-pricing-shell .form .fine {
  color: var(--ia-p-muted) !important;
}

/* Preserve the existing dark-theme guardrail treatment. */
html[data-theme="dark"] .ia-pricing-shell .section-dark .value-box {
  color: #ffd9c2 !important;
}