/* ════════════════════════════════════════════════════════════════════
 * STANDALONE SERVICE (Category B) - net-new pieces
 * Reuses tokens.css + homepage.css + service.css
 * ════════════════════════════════════════════════════════════════════ */

/* hero pricing line */
.hero-price{ display:inline-flex; align-items:baseline; gap:var(--space-2); margin-bottom:var(--space-6); font-family:var(--font-mono); }
.hero-price .amt{ font-size:var(--text-h3); font-weight:var(--weight-bold); color:var(--text-on-dark); letter-spacing:var(--tracking-tight); }
.hero-price .mdl{ font-size:var(--text-body-sm); color:var(--text-mid-dark); }

/* the one sharp problem - centered, with a mock "before" chat bubble */
.one-problem{ max-width:var(--container-prose); margin-inline:auto; text-align:center; }
.one-problem p{ font-size:var(--text-body-lg); color:var(--text-secondary); line-height:var(--leading-relaxed); }
.one-problem .stat-line{ font-family:var(--font-mono); font-size:var(--text-body-sm); color:var(--brand-purple); margin-top:var(--space-5); }
.before-mock{ max-width:380px; margin:var(--space-8) auto 0; background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); padding:var(--space-5); text-align:left; }
.before-mock .bm-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-tertiary); margin-bottom:var(--space-3); }
.bm-bubble{ background:var(--bg-subtle); border-radius:var(--radius-lg); border-top-left-radius:var(--radius-sm); padding:var(--space-3) var(--space-4); font-size:var(--text-body-sm); color:var(--text-secondary); max-width:80%; }
.bm-meta{ display:flex; align-items:center; gap:var(--space-2); margin-top:var(--space-3); font-size:var(--text-caption); color:var(--color-danger-text); }

/* deliverables 2-col bullet grid */
.deliv-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-3) var(--space-8); max-width:820px; margin-inline:auto; }
@media (min-width:640px){ .deliv-grid{ grid-template-columns:1fr 1fr; } }
.deliv-grid li{ display:flex; gap:var(--space-3); font-size:var(--text-body); color:var(--text-secondary); line-height:var(--leading-snug); list-style:none; }
.deliv-grid li::before{ content:'✓'; color:var(--color-success); font-weight:var(--weight-bold); flex:none; }
.deliv-reporting{ max-width:820px; margin:var(--space-8) auto 0; padding:var(--space-5) var(--space-6); background:var(--bg-card); border:1px solid var(--border-subtle); border-left:3px solid var(--brand-purple); border-radius:var(--radius-md); }
.deliv-reporting h4{ font-size:var(--text-body); margin-bottom:var(--space-2); }
.deliv-reporting p{ font-size:var(--text-body-sm); color:var(--text-secondary); line-height:var(--leading-relaxed); }

/* single-tier pricing card */
.price-single{ max-width:440px; margin-inline:auto; background:var(--bg-card); border:2px solid var(--brand-purple); border-radius:var(--radius-2xl); box-shadow:var(--shadow-lg); padding:var(--space-10) var(--space-8); text-align:center; }
.ps-amt{ font-family:var(--font-mono); font-size:56px; font-weight:var(--weight-black); letter-spacing:var(--tracking-tighter); line-height:1; background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.ps-model{ font-size:var(--text-body-sm); color:var(--text-tertiary); margin-top:var(--space-2); margin-bottom:var(--space-6); }
.ps-list{ list-style:none; padding:0; margin:0 0 var(--space-8); display:flex; flex-direction:column; gap:var(--space-3); text-align:left; }
.ps-list li{ display:flex; gap:var(--space-2); font-size:var(--text-body-sm); color:var(--text-secondary); }
.ps-list li::before{ content:'✓'; color:var(--color-success); font-weight:var(--weight-bold); flex:none; }
.ps-cta{ width:100%; }
.price-note{ text-align:center; max-width:560px; margin:var(--space-8) auto 0; font-size:var(--text-body-sm); color:var(--text-secondary); font-style:italic; }

/* upsell to full management */
.upsell{ background:var(--bg); }
.upsell-card{ max-width:820px; margin-inline:auto; background:linear-gradient(135deg, var(--brand-purple-light) 0%, var(--brand-blue-light) 100%); border:1px solid #ddd6fe; border-radius:var(--radius-2xl); padding:var(--space-10); text-align:center; }
.upsell-compare{ display:grid; grid-template-columns:1fr; gap:var(--space-4); max-width:520px; margin:var(--space-6) auto var(--space-8); }
@media (min-width:560px){ .upsell-compare{ grid-template-columns:1fr auto 1fr; align-items:center; } }
.uc-box{ background:rgba(255,255,255,0.7); border-radius:var(--radius-lg); padding:var(--space-5); }
.uc-box .lbl{ font-size:var(--text-caption); font-weight:var(--weight-semibold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-tertiary); margin-bottom:var(--space-1); }
.uc-box .val{ font-size:var(--text-body-sm); color:var(--text-primary); font-weight:var(--weight-medium); }
.uc-box.full{ background:var(--bg-dark); }
.uc-box.full .lbl{ color:var(--brand-glow); }
.uc-box.full .val{ color:var(--text-on-dark); }
.uc-arrow{ font-size:var(--text-h4); color:var(--brand-purple); font-weight:var(--weight-bold); }
.upsell-note{ font-size:var(--text-body-sm); color:var(--text-secondary); margin-top:var(--space-4); }