/* IDX Bloom site v2 (2026-11-10, Josh yes on the mockups). Loaded ONLY by index.v2.html and pricing.v2.html, which the router serves only with ?bloom_preview=1
   (or when the constant IDXB_SITE_V2_LIVE is true). Everything is scoped to body.v2, so no other page can change. White and light only, no dark boxes.
   Brand: navy #10264A, green #00D48A, Bricolage Grotesque + Figtree. */
body.v2{--ink:#10264A;--ink-2:#41567A;--line:#D5DEEC;--mint:#00D48A;--mint-soft:#E6FBF3;--mint-ink:#007A50;--paper:#FFFFFF;--v2-bg2:#F6F9FD;--v2-mint2:#C9F5E4}
body.v2 .cx-hd{border-bottom:1.5px solid #D5DEEC}
body.v2 .cx-btn-s{border-width:2px;background:#00D48A;border-color:#10264A;color:#10264A}
body.v2 .cx-btn,body.v2 .btn,body.v2 .btn-primary{border-width:2px;border-color:#10264A;color:#10264A;box-shadow:0 4px 0 #10264A}
body.v2 .cx-btn,body.v2 .btn-primary{background:#00D48A}
body.v2 .cx-btn:hover,body.v2 .btn-primary:hover{transform:translateY(2px);box-shadow:0 2px 0 #10264A;background:#00D48A}
body.v2 .btn-ghost{background:#fff;box-shadow:0 4px 0 #D5DEEC;border-width:2px;border-color:#10264A}
body.v2 .btn-ghost:hover{background:#fff;transform:translateY(2px);box-shadow:0 2px 0 #D5DEEC}

/* ---- home: hero ---- */
body.v2 .ax-hero{background:linear-gradient(180deg,#F2FCF8,#fff)}
body.v2 .ax-kick{background:#E6FBF3;color:#007A50}
body.v2 .ax-kick i{background:#00D48A}
body.v2 .ax-h{color:#10264A;margin-bottom:12px}
body.v2 .ax-h mark{color:#007A50}
body.v2 .ax-sub{color:#41567A}
body.v2 .v2-cta{margin:18px 0 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
body.v2 .v2-cta .cx-btn{margin-top:0}
body.v2 .v2-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;border:2px solid #10264A;border-radius:14px;background:#fff;color:#10264A;font:800 1.05rem/1.1 var(--f-body);text-decoration:none;box-shadow:0 4px 0 #D5DEEC}
body.v2 .v2-ghost:hover{transform:translateY(2px);box-shadow:0 2px 0 #D5DEEC}
body.v2 .cx-micro{color:#41567A;margin-top:12px}
body.v2 .v2-proof{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:600;color:#41567A}
body.v2 .v2-proof li::before{content:"✓";color:#007A50;margin-right:7px;font-weight:800}
body.v2 .ax-3{border-color:#D5DEEC;background:#F6F9FD;color:#10264A}
body.v2 .ax-found{background:#E6FBF3;color:#007A50}
body.v2 .ax-found b{color:#10264A}
body.v2 .ax-demo{border:1.5px solid #D5DEEC;box-shadow:0 30px 60px -30px rgba(16,38,74,.35)}
body.v2 .ax-demo-bar{background:#F6F9FD;border-bottom-color:#D5DEEC;color:#41567A}
body.v2 .ax-demo-bar i,body.v2 .ax-demo-bar span{background:#fff;border-color:#D5DEEC}
body.v2 .ax-demo-bar i{background:#D5DEEC}
body.v2 .ax-demo-h{color:#10264A}
body.v2 .ax-note{color:#41567A}
body.v2 .ax-demo .axd-ans{min-height:420px}
body.v2 .ax-demo .axd{--axd-ink:#10264A;--axd-ink2:#41567A;--axd-mint:#00D48A;--axd-mint-ink:#007A50;--axd-line:#D5DEEC}

/* ---- home: what happens when a buyer asks ---- */
body.v2 .v2-flow{padding:56px 0 8px}
body.v2 .v2-tag{margin:0 0 8px;font:800 12px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#41567A}
body.v2 .v2-flow-grid{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.v2 .v2-flow-grid li{background:#fff;border:1.5px solid #D5DEEC;border-radius:18px;padding:22px}
body.v2 .v2-flow-grid b.n{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#E6FBF3;color:#007A50;font:800 20px var(--f-display);margin-bottom:14px}
body.v2 .v2-flow-grid h3{font:800 22px/1.1 var(--f-display);letter-spacing:-.02em;margin:0 0 8px;color:#10264A}
body.v2 .v2-flow-grid p{margin:0;color:#41567A}

/* ---- home: the old way, now a light section (no dark slab) ---- */
body.v2 .cx-old{border-top:0;background:#F6F9FD}
body.v2 .cx-oldlist li{color:#41567A}
body.v2 .cx-oldlist s::after{background:#00D48A}
body.v2 .cx-stamp{background:#E6FBF3;color:#007A50;border:1.5px solid #C9F5E4;transform:none;font-size:clamp(1.5rem,5vw,2.3rem)}

/* ---- home: steps (no times), calm cards ---- */
body.v2 .cx-steps li{border:1.5px solid #D5DEEC;border-radius:16px;background:#fff}
body.v2 .cx-steps li:last-child{background:#E6FBF3;border-color:#C9F5E4}
body.v2 .cx-steps li b{background:#E6FBF3;color:#007A50}
body.v2 .cx-faq,body.v2 .cx-price{border-top:1.5px solid #D5DEEC}

/* ---- sticky Start free bar, phones only ---- */
body.v2 .v2-stick{display:none}
@media (max-width:860px){
  body.v2{padding-bottom:76px}
  body.v2 .v2-stick{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:12px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1.5px solid #D5DEEC}
  body.v2 .v2-stick small{font-size:12px;line-height:1.2;color:#41567A;max-width:112px}
  body.v2 .v2-stick .cx-btn{flex:1;justify-content:center;margin:0;min-height:48px;padding:12px 18px;font-size:1.05rem}
  body.v2 .v2-cta .cx-btn,body.v2 .v2-ghost{width:100%;justify-content:center}
  body.v2 .v2-flow-grid{grid-template-columns:minmax(0,1fr)}
  body.v2 .ax-hero{padding-top:20px}
  body.v2 .ax-demo .axd-ans{min-height:0}
}

/* ---- pricing ---- */
body.v2 .v2-planwrap{padding-top:34px}
body.v2 .v2-plan-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start;max-width:1000px;margin:0 auto}
body.v2 .v2-plan{background:#fff;border:2px solid #10264A;border-radius:18px;box-shadow:0 8px 0 #00D48A;padding:28px}
body.v2 .v2-plan .v2-tag{margin-bottom:4px}
body.v2 .v2-price{font:800 72px/1 var(--f-display);letter-spacing:-.05em;color:#10264A}
body.v2 .v2-price small{font:600 20px var(--f-body);color:#41567A;letter-spacing:0}
body.v2 .v2-plan ul{list-style:none;margin:18px 0;padding:0}
body.v2 .v2-plan li{position:relative;padding:9px 0 9px 32px;border-bottom:1px solid #D5DEEC;color:#10264A}
body.v2 .v2-plan li::before{content:"✓";position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;background:#E6FBF3;color:#007A50;font:800 13px/22px var(--f-body);text-align:center}
body.v2 .v2-zero{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;text-align:center}
body.v2 .v2-zero div{background:#F6F9FD;border-radius:12px;padding:10px 4px;font-weight:700;font-size:14px;color:#41567A}
body.v2 .v2-zero b{display:block;font:800 20px var(--f-display);color:#10264A}
body.v2 .v2-plan .btn{width:100%}
body.v2 .v2-fine{margin:12px 0 0;text-align:center;font-size:14px;color:#41567A}
body.v2 .v2-side{display:grid;gap:16px}
body.v2 .v2-side .v2-box{background:#fff;border:1.5px solid #D5DEEC;border-radius:16px;padding:20px}
body.v2 .v2-side .v2-box h2{font:800 22px/1.1 var(--f-display);letter-spacing:-.02em;margin:0 0 8px;color:#10264A}
body.v2 .v2-side .v2-found{background:#E6FBF3;border-color:#C9F5E4}
body.v2 .v2-side .v2-found p{margin:0;color:#10264A}
body.v2 .v2-side .v2-found b{color:#007A50}
body.v2 .compare-wrap{border:1.5px solid #D5DEEC;border-radius:14px;box-shadow:none;background:#fff;overflow-x:visible}
body.v2 table.compare{min-width:0;width:100%;table-layout:fixed}
body.v2 table.compare th,body.v2 table.compare td{padding:11px 10px;font-size:15px;border-bottom:1px solid #D5DEEC;vertical-align:middle;overflow-wrap:anywhere}
body.v2 table.compare th{background:#E6FBF3;color:#10264A;border-bottom:1.5px solid #D5DEEC}
body.v2 table.compare th:first-child{width:40%}
body.v2 table.compare th.c,body.v2 table.compare td.c{text-align:center}
body.v2 .nk{font-size:13px;color:#41567A;font-weight:600}
body.v2 .tk{color:#007A50;font-weight:800}
body.v2 .v2-morefaq{margin-top:4px}
body.v2 .v2-morefaq>summary{cursor:pointer;font:800 1.05rem var(--f-display);color:#10264A;padding:12px 4px;list-style:none;min-height:44px}
body.v2 .v2-morefaq>summary::-webkit-details-marker{display:none}
body.v2 .v2-morefaq>summary::before{content:"+ ";color:#007A50}
body.v2 .v2-morefaq[open]>summary::before{content:"– "}
body.v2 .faq-item{border:1.5px solid #D5DEEC}
body.v2 .faq-item summary::after{border-color:#D5DEEC;background:#E6FBF3}
body.v2 .cta-final{border-top:1.5px solid #D5DEEC}
@media (max-width:860px){
  body.v2 .v2-plan-grid{grid-template-columns:minmax(0,1fr)}
  body.v2 .v2-price{font-size:60px}
  body.v2 .v2-plan{padding:22px}
  body.v2 table.compare th,body.v2 table.compare td{padding:10px 6px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){body.v2 *{transition:none!important;animation:none!important}}