/* ============================================================
   WEB VENTURES — SHOWROOM EDITION (additive layer, loaded last)
   Condensation only: the Mobile Clean design language, hero,
   chapter system and demos are unchanged. These rules style
   the condensed pieces — price anchor, 2-line call glimpse,
   compact search step cues, standalone chat mini-demo, and
   the visible frame edge for the dark MenuCortex hero.
   ============================================================ */

/* ---------- A · single price anchor (replaces pricing cards) ---------- */
.sr-price-anchor{margin-top:22px;font-family:var(--font-m);font-size:13px;letter-spacing:.04em;color:var(--accent2);border:1px solid rgba(168,200,255,.3);border-radius:12px;padding:13px 16px;background:rgba(168,200,255,.05);line-height:1.7}

/* ---------- A · console glimpse: at most two lines, no full-call log ---------- */
.sr-glimpse{padding:12px 20px 6px;display:flex;flex-direction:column;gap:12px;min-height:96px}
.sr-glimpse .p2-idle{padding:18px 12px}

/* ---------- B · standalone ask-a-question mini-demo ---------- */
.sr-chat{max-width:760px;margin:38px auto 0}
@media(max-width:640px){.sr-chat{margin-top:30px}}

/* ---------- B · dark hero (MenuCortex) gets a visible frame edge ---------- */
.p2-devices.sr-darkframe .p2-frame-desktop{border-color:rgba(168,200,255,.6);box-shadow:0 0 0 1px rgba(168,200,255,.35),0 44px 110px rgba(0,0,0,.6)}
.p2-devices.sr-darkframe .p2-frame-phone{border-color:rgba(168,200,255,.6);box-shadow:0 0 0 1px rgba(168,200,255,.35),0 34px 80px rgba(0,0,0,.65)}

/* ---------- C · step rail shrunk to short visual cues ---------- */
.sr-steps div{padding:11px 12px}
.sr-steps span{display:none}
.sr-steps b{margin-top:0;font-size:13.5px}
@media(max-width:720px){.sr-steps div{padding:10px 8px}.sr-steps b{font-size:12.5px}}

/* ---------- height compaction: spacing only (no type, no tap-target cuts) ---------- */
@media(min-width:641px){
  .p2-section{padding:76px 0}
  .p2-partner{padding:56px 0}
  section.cta{padding:88px 0}
}
.p2-wave{height:46px}
.sr-glimpse{min-height:84px;padding-top:8px}
.p2-captured{padding:13px 16px}
.p2-sales{margin:12px 20px 16px;padding:15px}
.p2-draft{margin-top:10px;padding:12px 14px}
.p2-approve-row{margin-top:11px}
.p2-handoff{margin-top:14px}
.p2-console-foot{padding:10px 20px 14px}
.p2-chat{gap:10px}
.p2-bubbles{min-height:96px}
.p2-device-cap{margin-top:24px}
.p2-site-chips{margin-top:14px}
.p2-search-panel{gap:12px}
.p2-result{padding:12px 15px}
.p2-caption{margin-top:16px;padding:20px 22px}
@media(max-width:640px){
  .p2-section{padding:26px 0}
  .p2-section .p2-head{margin-bottom:18px}
  .p2-wave{height:40px}
  .sr-glimpse{min-height:72px}
  .p2-post-img{height:64px}
  .p2-board{gap:14px}
  .p2-queue-item{margin-top:8px;padding:9px 12px}
  .p2-effort{margin-top:16px;padding:16px 18px}
  .p2-map{min-height:205px}
  .p2-progress{margin-top:18px}
  footer{padding-top:32px}
  .foot{gap:18px}
  .legal{margin-top:14px;padding-top:12px}
}