/* Scoped to the approved summary/plans screens; Form A and the demo keep their existing styles. */
body:has(.sales-flow){background:#f3f5f3;color:#152d3d}
.commercial-shell:has(.sales-flow){max-width:1304px;padding:28px 48px 48px}
#app:has(.sales-flow)>header,#app:has(.sales-flow)>nav,#app:has(.sales-flow)>p,#app:has(.sales-flow)~footer{display:none}
.commercial-shell .sales-flow{--commercial-green:#087f7b;--commercial-ink:#152d3d;--commercial-muted:#607585;font-size:18px;line-height:1.5;margin-top:24px}
.sales-flow h1{font:700 clamp(28px,3vw,40px)/1.2 Arial,sans-serif;margin:8px 0 10px;letter-spacing:.3px}
.sales-flow .sales-eyebrow{font-weight:700;color:#00837e;font-size:18px;letter-spacing:.5px;margin:0}
.sales-flow .sales-subtitle{color:#607585;font-size:21px;margin:0 0 24px}
.sales-flow .sales-steps,.sales-flow .sales-plan-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:white;border-radius:18px;padding:12px 24px;margin:24px 0}
.sales-flow .sales-plan-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 24px}
.commercial-shell .sales-flow button,.commercial-shell .sales-flow a.action{border:1px solid #d8e2e1;border-radius:10px;font-weight:700;font-size:18px;line-height:1.3;margin:0;padding:14px 17px;min-height:52px;text-decoration:none}
.sales-flow .sales-steps button{border:0;background:white;color:#607585;text-align:left;font-weight:400}
.sales-flow .sales-steps button[aria-current=step]{color:#00837e;background:#e4f3ef;font-weight:700}
.sales-flow .sales-summary,.sales-flow .sales-benefits,.sales-flow .sales-price{background:white;border-radius:20px;padding:28px 30px;min-width:0}
.sales-flow .sales-summary h2,.sales-flow .sales-benefits h2{font:700 36px/1.2 Arial,sans-serif;margin:24px 0 8px}
.sales-flow .sales-summary h2{margin-top:22px}
.sales-flow .sales-pill{display:inline-block;border-radius:30px;background:#e4f3ef;color:#00837e;font-size:15px;font-weight:700;padding:5px 14px}
.sales-flow .sales-summary-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;border-block:1px solid #d8e2e1;padding:26px 0;margin-top:24px}
.sales-flow h3{font:700 14px/1.5 Arial,sans-serif;color:#607585;margin:6px 0 18px}
.sales-flow .sales-summary-columns p{font-size:24px;margin:12px 0;overflow-wrap:anywhere}
.sales-flow .sales-summary-note{color:#607585;margin-top:26px}
.sales-flow .sales-demo-note{display:flex;align-items:center;gap:20px;color:#607585;margin:34px 0 0}
.sales-flow .sales-actions{display:grid;grid-template-columns:1fr 260px 390px;gap:18px;margin-top:36px;align-items:start}
.sales-flow .sales-actions>button:first-child{justify-self:start}
.sales-flow .sales-actions a{text-align:center}
.sales-flow .sales-plan-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.sales-flow .sales-benefits h2{display:inline-block;margin:0 34px 16px 0;font-size:40px}
.sales-flow .sales-benefit{display:flex;gap:18px;margin:18px 0 22px}
.sales-flow .sales-benefit>span{color:#00837e;font-size:23px}
.sales-flow .sales-benefit h4{font-size:24px;line-height:1.3;margin:0 0 3px}
.sales-flow .sales-benefit p{color:#607585;margin:0;font-size:20px}
.sales-flow .sales-limits{color:#607585;font-size:14px;font-weight:700;margin:40px 0 0}
.sales-flow .sales-price strong{font-size:26px;display:block}
.sales-flow .sales-price p{font-size:18px;color:#607585}
.sales-flow .sales-price>button:last-of-type{border:0;border-top:1px solid #d8e2e1;border-radius:0;margin-top:24px;padding-left:0;width:100%;text-align:left;color:#00837e}
.sales-flow .sales-plan-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:20px}
.sales-flow .sales-main-actions{display:flex;gap:16px;padding-top:8px}
.sales-flow .sales-internal{background:#e7efec;border-radius:14px;padding:10px 24px 16px}
.sales-flow .sales-internal h3{margin:0 0 10px}
.sales-flow .sales-internal>div{display:flex;gap:16px}
.sales-flow [hidden]{display:none!important}
@media(max-width:900px){.commercial-shell:has(.sales-flow){padding:24px}.sales-flow .sales-actions{grid-template-columns:1fr 1fr}.sales-flow .sales-actions>button:first-child{grid-column:1/-1}.sales-flow .sales-plan-actions{flex-direction:column}.sales-flow .sales-summary-columns{gap:20px}.sales-flow .sales-summary-columns p{font-size:16px}}
@media(max-width:600px){.commercial-shell:has(.sales-flow){padding:20px 16px}.sales-flow .sales-subtitle{font-size:17px}.sales-flow .sales-steps{gap:4px;padding:8px}.commercial-shell .sales-flow .sales-steps button{font-size:13px;padding:10px 6px}.sales-flow .sales-summary-columns,.sales-flow .sales-plan-layout{grid-template-columns:1fr}.sales-flow .sales-summary-columns{gap:12px}.sales-flow .sales-summary-columns section+section{border-top:1px solid #d8e2e1;padding-top:16px}.sales-flow .sales-summary,.sales-flow .sales-benefits,.sales-flow .sales-price{padding:22px 20px}.sales-flow .sales-summary h2{font-size:28px}.sales-flow .sales-actions,.sales-flow .sales-plan-tabs{grid-template-columns:1fr 1fr;gap:10px}.sales-flow .sales-actions>button:first-child{justify-self:stretch}.sales-flow .sales-actions>button:last-child{grid-column:1/-1}.sales-flow .sales-demo-note{align-items:flex-start;flex-direction:column;gap:12px}.sales-flow .sales-main-actions,.sales-flow .sales-internal>div{flex-wrap:wrap;width:100%}.sales-flow .sales-main-actions>*{flex:1}.sales-flow .sales-internal{box-sizing:border-box;width:100%;padding:14px}.sales-flow .sales-internal button{flex:1}.sales-flow .sales-benefit h4{font-size:21px}.sales-flow .sales-benefit p{font-size:18px}}

.commercial-shell:has(.sales-flow)>#status,.commercial-shell:has(.sales-flow)>header>.badge{display:none}
.commercial-shell:has(.sales-flow)>header .wordmark{text-transform:uppercase;color:#152d3d;font-size:22px}
#app:has(.sales-flow)>button{position:absolute;top:28px;right:48px}
.sales-flow .sales-steps button{display:flex;align-items:center;gap:14px}
.sales-step-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:29px;height:29px;flex-shrink:0;background:#eaf0ef;font-weight:700}
.sales-steps [aria-current=step] .sales-step-number{background:#00837e;color:white}
@media(max-width:600px){#app:has(.sales-flow)>button{position:static;margin-top:16px}.sales-flow .sales-steps button{gap:5px;flex-direction:column;align-items:flex-start}.sales-step-number{width:24px;height:24px}}