:root {
  --p: #8b5cf6;
  --bg-page: #f6f2ff;
  --card: rgba(255,255,255,.82);
  --card-light: rgba(255,255,255,.66);
  --text-main: #2b2142;
  --text-muted: #6f628f;
  --border: rgba(139,92,246,.18);
  --success: #10b981;
  --danger: #ef4444;
  --accent-soft: rgba(139,92,246,.10);
  --lavender-glow: rgba(167,139,250,.22);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; font-family: Inter, Arial, sans-serif; background: radial-gradient(circle at top, #ffffff 0%, #f3ecff 42%, var(--bg-page) 100%); color: var(--text-main); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.hidden { display: none !important; }
.eyebrow { color: var(--p); text-transform: uppercase; letter-spacing: 1.4px; font-weight: 800; font-size: 12px; }
.muted { color: var(--text-muted); }
.small { font-size: 12px; }
.app-wrap { min-height: 100vh; padding: 18px; }
.app { min-height: calc(100vh - 36px); display: flex; border-radius: 28px; overflow: hidden; border: 1px solid var(--border); background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74)); box-shadow: 0 24px 80px rgba(91,64,160,.12); backdrop-filter: blur(18px); }
.left-panel { width: 330px; padding: 28px; background: linear-gradient(180deg, rgba(167,139,250,.18), rgba(255,255,255,.82)); border-right: 1px solid var(--border); display: flex; flex-direction: column; justify-content: space-between; gap: 18px; backdrop-filter: blur(12px); }
.biz-name { font-family: Outfit, sans-serif; margin: 8px 0 12px; font-size: 34px; line-height: 1; }
.locked-price { padding: 18px; border-radius: 22px; border: 1px solid var(--border); background: rgba(0,0,0,.24); }
.locked-price .small-label { display: block; color: var(--text-muted); font-size: 11px; text-transform: uppercase; }
.locked-price .big { display: block; margin-top: 6px; font-size: 22px; font-weight: 900; color: var(--p); }
.contact-box { display: grid; gap: 10px; color: var(--text-muted); font-size: 14px; }
.right-panel { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.top-controls { display: flex; justify-content: flex-end; padding: 18px 22px 0; }
.voice-toggle, .ghost, .ghost-link { border: 1px solid var(--border); color: var(--p); background: var(--accent-soft, rgba(0,240,255,.08)); border-radius: 999px; padding: 10px 14px; font-weight: 800; cursor: pointer; }
.body { flex: 1; overflow: auto; padding: 20px 26px 10px; }
.bottom-footer { border-top: 1px solid var(--border); background: rgba(255,255,255,.72); padding: 16px 24px 24px; position: sticky; bottom: 0; backdrop-filter: blur(14px); }
.flash { margin-bottom: 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.09); }
.flash.error { background: rgba(239,68,68,.12); color: #fecaca; }
.flash.success { background: rgba(16,185,129,.12); color: #a7f3d0; }
.nav-buttons { display: flex; gap: 14px; }
.primary, .ghost { border-radius: 18px; padding: 16px 18px; font-weight: 900; cursor: pointer; text-transform: uppercase; }
.primary { border: none; background: linear-gradient(135deg,#8b5cf6,#a855f7); color: #ffffff; flex: 1; box-shadow: 0 14px 30px rgba(139,92,246,.28); }
.primary.full { display: inline-flex; justify-content: center; width: 100%; }
.ghost { background: rgba(139,92,246,.08); color: #5b4ba0; }
.screen { max-width: 920px; margin: 0 auto; }
.screen h2 { margin: 6px 0 10px; font-family: Outfit, sans-serif; font-size: 34px; }
.grid { display: grid; gap: 14px; }
.grid.services { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.grid.addons { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.card { background: var(--card-light); border: 1px solid var(--border); border-radius: 22px; padding: 18px; cursor: pointer; transition: .18s ease; }
.card:hover, .card.selected { transform: translateY(-2px); border-color: var(--p); box-shadow: 0 14px 30px rgba(0,240,255,.08); }
.card h3 { margin: 10px 0 8px; font-size: 20px; }
.card p { margin: 0; color: var(--text-muted); font-size: 14px; }
.card .price { margin-top: 14px; font-weight: 900; color: var(--p); }
.field-list { display: grid; gap: 14px; margin-top: 20px; }
label { display: block; font-size: 13px; color: var(--text-muted); font-weight: 700; margin-bottom: 6px; }
.input, select, textarea { width: 100%; background: rgba(255,255,255,.94); border: 1px solid var(--border); color: #0f172a; border-radius: 18px; padding: 16px 18px; outline: none; }
textarea { min-height: 110px; resize: vertical; }
.review-box, .panel, .login-card, .success-card { max-width: 980px; margin: 0 auto; background: rgba(255,255,255,.94); border: 1px solid var(--border); border-radius: 26px; padding: 24px; box-shadow: 0 16px 40px rgba(99,102,241,.08); }
.summary-list { display: grid; gap: 10px; margin-top: 14px; }
.summary-row { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.center-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 22px; }
.login-card, .success-card { width: 100%; max-width: 520px; }
.checkmark { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; background: rgba(16,185,129,.14); border: 1px solid rgba(16,185,129,.35); color: #6ee7b7; font-size: 32px; margin-bottom: 16px; }
.alert.error { margin-bottom: 14px; padding: 12px 14px; border-radius: 14px; background: rgba(239,68,68,.12); color: #fecaca; border: 1px solid rgba(239,68,68,.22); }
.dashboard-wrap { max-width: 1600px; margin: 0 auto; padding: 24px; }
.dashboard-topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-bottom: 20px; }
.stat-card { background: rgba(255,255,255,.96); border: 1px solid var(--border); border-radius: 22px; padding: 18px; box-shadow: 0 10px 24px rgba(99,102,241,.06); }
.stat-card span { display: block; color: var(--text-muted); font-size: 13px; }
.stat-card strong { display: block; margin-top: 8px; font-size: 34px; }
.panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.table-wrap { overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 14px 10px; border-bottom: 1px solid rgba(99,102,241,.10); vertical-align: top; }
.badge { display: inline-block; border-radius: 999px; padding: 6px 10px; background: rgba(0,240,255,.12); color: var(--p); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.qty-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.qty-controls { display: inline-flex; align-items: center; gap: 10px; }
.qty-btn { width: 32px; height: 32px; border-radius: 10px; border: 1px solid var(--border); background: rgba(255,255,255,.05); color: white; cursor: pointer; }
.qty-val { width: 24px; text-align: center; font-weight: 800; }
@media (max-width: 860px) {
  .app-wrap { padding: 0; }
  .app { min-height: 100dvh; border-radius: 0; flex-direction: column; }
  .left-panel { width: 100%; padding: 18px; }
  .biz-name { font-size: 26px; }
  .body { padding: 18px; }
  .bottom-footer { padding: 14px 16px 20px; }
  .nav-buttons { flex-direction: row; }
  .screen h2 { font-size: 26px; }
}


.hero-card { display:grid; grid-template-columns: 1.3fr .9fr; gap:18px; padding:26px; border:1px solid var(--border); border-radius:28px; background:rgba(255,255,255,.03); }
.hero-copy h1 { font-family: Outfit, sans-serif; font-size: 44px; line-height: 1.02; margin: 10px 0 12px; }
.hero-text { max-width: 720px; font-size: 16px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.hero-stats { display:grid; gap:14px; }
.tenant-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:14px; }
.tenant-card { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 24px; padding: 18px; }
.banner { margin-bottom: 16px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(0,240,255,.22); background: rgba(0,240,255,.08); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.inline-form { display:inline; margin:0; }
.table-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:14px; }
.full-span { grid-column: 1 / -1; }
.section-label { margin-top: 8px; font-size: 13px; color: var(--p); text-transform: uppercase; font-weight: 800; letter-spacing: 1.3px; }
.split-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:20px; }
.timeline { display:grid; gap:12px; }
.timeline-item { padding:14px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); }
.summary-list.compact .summary-row { padding: 10px 0; }
pre { white-space: pre-wrap; word-break: break-word; color: #cbd5e1; }
@media (max-width: 860px) {
  .hero-card, .split-grid, .form-grid { grid-template-columns: 1fr; }
  .hero-copy h1 { font-size: 34px; }
}

.tile-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:14px; }
.tile-grid.compact-actions { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.tile-link { display:flex; flex-direction:column; gap:8px; padding:18px; border-radius:20px; border:1px solid var(--border); background: rgba(255,255,255,.03); }
.tile-link:hover { border-color: var(--p); box-shadow: 0 14px 30px rgba(0,240,255,.08); transform: translateY(-1px); }
.check-row { display:flex; align-items:center; gap:10px; color: var(--text-main); margin-top: 10px; }
.check-row input { width:auto; transform: scale(1.15); }
.form-page { max-width: 980px; }
.form-panel { max-width: none; }
.danger-link { color: #fca5a5; }

.filters-grid { display:grid; grid-template-columns: 2fr 1fr 1fr auto; gap:14px; align-items:end; }
.filters-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.action-stack { display:grid; gap:12px; }
.note-box { white-space:pre-wrap; word-break:break-word; min-height:120px; padding:14px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); color:#e2e8f0; }
.tile-link.is-active { border-color: var(--p); box-shadow: 0 14px 30px rgba(0,240,255,.08); }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: #bae6fd; }
@media (max-width: 860px) {
  .filters-grid { grid-template-columns: 1fr; }
}


.ai-screen { margin-bottom: 22px; }
.ai-card { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 26px; padding: 22px; }
.chat-shell { margin-top: 16px; display: grid; gap: 14px; }
.chat-messages { max-height: 320px; overflow: auto; display: grid; gap: 12px; padding-right: 4px; }
.chat-bubble { max-width: 88%; padding: 14px 16px; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); }
.chat-bubble.user { margin-left: auto; background: rgba(0,240,255,.09); border-color: rgba(0,240,255,.16); }
.chat-bubble.assistant { margin-right: auto; }
.chat-role { font-size: 11px; text-transform: uppercase; letter-spacing: 1.2px; color: var(--p); font-weight: 800; margin-bottom: 6px; }
.chat-text { color: #e5eef7; line-height: 1.5; }
.chat-form { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.chat-input { min-height: 56px; }
.chat-send { min-width: 110px; }
.ai-quick-actions { justify-content: flex-end; }
@media (max-width: 860px) {
  .chat-form { grid-template-columns: 1fr; }
  .chat-send { width: 100%; }
  .ai-quick-actions { justify-content: stretch; }
}


.storefront-theme { background: radial-gradient(circle at top, color-mix(in srgb, var(--p) 10%, transparent) 0%, var(--bg-page) 55%); }
.theme-preset-btn { cursor: pointer; color: inherit; }
.theme-preset-btn:hover { border-color: var(--p); transform: translateY(-1px); }
.theme-swatches { display:flex; gap:8px; align-items:center; }
.theme-dot { display:inline-block; width:18px; height:18px; border-radius:999px; border:1px solid rgba(255,255,255,.18); }
.theme-preview { margin-top:16px; padding:18px; border-radius:24px; border:1px solid var(--border); background: linear-gradient(180deg, var(--accent-soft, rgba(0,240,255,.08)), rgba(255,255,255,.02)); }
.theme-preview-card { padding:18px; border-radius:20px; border:1px solid var(--border); background: rgba(255,255,255,.03); }

.theme-light,
.theme-light body,
.theme-dark,
.theme-dark body {
  color-scheme: light;
}
.theme-light .app {
  background: rgba(255,255,255,.92);
  color: #0f172a;
  box-shadow: 0 20px 80px rgba(15, 23, 42, .10);
}
.theme-light .left-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  color: #0f172a;
  border-right: 1px solid rgba(37,99,235,.12);
}
.theme-light .right-panel,
.theme-light .body,
.theme-light .bottom-footer {
  background: rgba(255,255,255,.94);
}
.theme-light .muted,
.theme-light .card p,
.theme-light label,
.theme-light .small,
.theme-light .chat-text,
.theme-light .note-box,
.theme-light pre {
  color: #475569;
}
.theme-light .input,
.theme-light select,
.theme-light textarea,
.theme-light .panel,
.theme-light .login-card,
.theme-light .success-card,
.theme-light .ai-card,
.theme-light .card,
.theme-light .tenant-card,
.theme-light .stat-card,
.theme-light .review-box,
.theme-light .theme-preview-card,
.theme-light .timeline-item,
.theme-light .tile-link {
  background: rgba(255,255,255,.92);
  color: #0f172a;
  border-color: rgba(37,99,235,.14);
}
.theme-light .ghost,
.theme-light .ghost-link,
.theme-light .voice-toggle {
  color: #0f172a;
  background: rgba(37,99,235,.06);
  border-color: rgba(37,99,235,.12);
}
.theme-light .chat-bubble {
  background: rgba(248,250,252,.96);
  border-color: rgba(37,99,235,.10);
}
.theme-light .chat-bubble.user {
  background: rgba(37,99,235,.08);
}
.theme-light .contact-box,
.theme-light .locked-price,
.theme-light table,
.theme-light th,
.theme-light td {
  color: #0f172a;
}
.theme-light .theme-preview {
  background: linear-gradient(180deg, rgba(37,99,235,.08), rgba(255,255,255,.92));
}
.theme-preview-light {
  background: linear-gradient(180deg, rgba(37,99,235,.08), rgba(255,255,255,.92));
}
.preview-chip-row { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.preview-chip { display:inline-flex; gap:6px; align-items:center; border:1px solid var(--border); padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.06); }
.ai-card-muted { opacity:.95; }

.multi-service-pill { display:inline-flex; align-items:center; gap:8px; margin-top:10px; padding:8px 12px; border-radius:999px; background: var(--accent-soft, rgba(0,240,255,.08)); border:1px solid var(--border); color: var(--text-main); font-size:12px; font-weight:800; }
.service-selection-meta { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin: 10px 0 18px; }
.service-card-head { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.select-pill { display:inline-flex; padding:6px 10px; border-radius:999px; border:1px solid var(--border); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.8px; color: var(--text-muted); }
.service-section-card { margin-top: 8px; }
.multi-service-sections { gap: 18px; }
.dashboard-theme-toggle { position: fixed; right: 18px; top: 18px; z-index: 1000; display:inline-flex; align-items:center; gap:10px; border-radius:999px; border:1px solid var(--border); background: rgba(255,255,255,.06); color: var(--text-main); padding: 11px 15px; font-weight:800; cursor:pointer; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.dashboard-theme-toggle i { font-size: 16px; }

html.dashboard-light {
  --bg-page: #f5f8fc;
  --card: #ffffff;
  --card-light: rgba(255,255,255,.96);
  --text-main: #0f172a;
  --text-muted: #475569;
  --border: rgba(37,99,235,.14);
}
html.dashboard-light body {
  background: radial-gradient(circle at top, rgba(37,99,235,.12) 0%, #f5f8fc 58%);
  color: #0f172a;
}
html.dashboard-light .panel,
html.dashboard-light .login-card,
html.dashboard-light .success-card,
html.dashboard-light .stat-card,
html.dashboard-light .review-box,
html.dashboard-light .tenant-card,
html.dashboard-light .tile-link,
html.dashboard-light .timeline-item,
html.dashboard-light .theme-preview-card,
html.dashboard-light .ai-card,
html.dashboard-light .card {
  background: rgba(255,255,255,.95);
  color: #0f172a;
  border-color: rgba(37,99,235,.14);
  box-shadow: 0 12px 30px rgba(15,23,42,.05);
}
html.dashboard-light .ghost,
html.dashboard-light .ghost-link,
html.dashboard-light .voice-toggle,
html.dashboard-light .dashboard-theme-toggle {
  background: rgba(37,99,235,.06);
  color: #0f172a;
  border-color: rgba(37,99,235,.14);
}
html.dashboard-light .input,
html.dashboard-light select,
html.dashboard-light textarea {
  background: rgba(255,255,255,.98);
  color: #0f172a;
  border-color: rgba(37,99,235,.14);
}
html.dashboard-light .muted,
html.dashboard-light label,
html.dashboard-light .small,
html.dashboard-light .card p,
html.dashboard-light pre,
html.dashboard-light .note-box {
  color: #475569;
}
html.dashboard-light .note-box,
html.dashboard-light pre {
  background: rgba(248,250,252,.92);
  border-color: rgba(37,99,235,.10);
}
html.dashboard-light table,
html.dashboard-light th,
html.dashboard-light td,
html.dashboard-light .contact-box,
html.dashboard-light .locked-price {
  color: #0f172a;
}
html.dashboard-light .badge,
html.dashboard-light .select-pill {
  background: rgba(37,99,235,.08);
  color: #1d4ed8;
  border-color: rgba(37,99,235,.14);
}


.photo-upload-shell { display:flex; flex-direction:column; gap:10px; }
.upload-list { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.upload-pill { display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px; border:1px solid var(--border); background:var(--accent-soft, rgba(0,240,255,.08)); color:var(--p); text-decoration:none; font-size:13px; font-weight:700; }
.upload-pill:hover { opacity:.9; }


.field-list-compact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.contact-details-toggle {
  margin-top: 18px;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255,255,255,.03);
}

.contact-details-toggle summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--p);
  list-style: none;
}

.contact-details-toggle summary::-webkit-details-marker {
  display: none;
}

.contact-details-toggle[open] summary {
  margin-bottom: 4px;
}

/* --- ui polish + superadmin analytics v1 --- */
.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.icon-stat{position:relative;overflow:hidden;padding-top:18px}
.icon-stat .icon-badge{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);margin-bottom:12px;font-size:18px}
.dashboard-light .icon-stat .icon-badge{background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.08)}
.icon-stat small{display:block;margin-top:8px}
.icon-stat.success{outline:1px solid rgba(34,197,94,.35)}
.icon-tiles .tile-link{position:relative;padding-left:72px}
.tile-icon{position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.18);font-size:18px}
.dashboard-light .tile-icon{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.14)}
.panel-grid{display:grid;gap:20px}
.panel-grid.two-up{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.panel-grid.three-up{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.feature-panel{text-align:left;padding-top:24px}
.feature-icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.18);font-size:22px;margin-bottom:14px}
.dashboard-light .feature-icon{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.14)}
.mini-chart{display:flex;align-items:flex-end;gap:10px;min-height:170px;padding-top:8px}
.mini-bar-wrap{flex:1;min-width:0;text-align:center}
.mini-bar{background:linear-gradient(180deg,var(--accent,#00f0ff),rgba(0,240,255,.35));border-radius:14px 14px 8px 8px;display:flex;align-items:flex-start;justify-content:center;position:relative;padding-top:6px;min-height:12px}
.mini-bar span{font-size:11px;font-weight:800;color:#03131a}
.dashboard-light .mini-bar span{color:#082032}
.mini-bar-wrap small{display:block;margin-top:8px;color:var(--muted,#93a0b8);font-size:11px}
.status-stack{display:grid;gap:12px}
.status-row-wide{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.status-row-label .badge{text-transform:capitalize}
.status-bar-track{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.dashboard-light .status-bar-track{background:rgba(15,23,42,.08)}
.status-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent,#00f0ff),rgba(0,240,255,.35));border-radius:999px}
.rank-list{display:grid;gap:12px}
.rank-item{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.dashboard-light .rank-item{background:#fff}
.rank-number{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;background:rgba(0,240,255,.14);border:1px solid rgba(0,240,255,.2)}
.hero-stats-icons{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.eyebrow i,.panel-head h2 i,.hero-actions i,.ghost-link i,.primary i{margin-right:6px}
@media (max-width: 768px){
  .icon-tiles .tile-link{padding-left:18px}
  .tile-icon{position:static;margin-bottom:12px}
  .mini-chart{gap:6px;overflow-x:auto;padding-bottom:8px}
  .mini-bar-wrap{min-width:34px}
}

.build-badge { position: fixed; right: 16px; bottom: 16px; z-index: 9999; padding: 10px 14px; border-radius: 999px; border: 1px solid var(--border); background: rgba(3,5,8,.88); color: var(--text-main); font-size: 12px; font-weight: 800; box-shadow: 0 10px 30px rgba(0,0,0,.35); backdrop-filter: blur(10px); }
.build-inline { display: inline-flex; margin-top: 10px; padding: 7px 10px; border-radius: 999px; border: 1px solid var(--border); background: rgba(255,255,255,.04); color: var(--text-muted); font-size: 12px; font-weight: 700; }
.dashboard-light .build-badge { background: rgba(255,255,255,.95); color: #0f172a; }
@media (max-width: 700px) { .build-badge { right: 12px; bottom: 12px; font-size: 11px; padding: 8px 10px; } }

.two-col-grid {
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap:20px;
}
@media (max-width: 980px) {
  .two-col-grid { grid-template-columns: 1fr; }
}
.notice-card {
  border:1px solid rgba(34,197,94,.2);
  background:rgba(34,197,94,.08);
  border-radius:18px;
  padding:16px 18px;
}
.empty-state {
  border:1px dashed var(--line);
  border-radius:18px;
  padding:22px;
  background:rgba(255,255,255,.03);
}
.helper-example-btn {
  text-align:left;
  justify-content:flex-start;
}

/* --- experience overhaul v1 --- */
:root {
  --page-max: 1600px;
  --soft-glow: 0 20px 70px rgba(2, 8, 23, .35);
  --panel-deep: rgba(8, 13, 23, .86);
  --panel-glass: rgba(255,255,255,.045);
}
body {
  background:
    radial-gradient(circle at 10% 10%, rgba(0,240,255,.12), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(109,40,217,.16), transparent 24%),
    linear-gradient(180deg, #050810 0%, #07101a 42%, #05070d 100%);
}
.dashboard-wrap,
.marketing-wrap,
.app-wrap {
  width: min(var(--page-max), calc(100% - 28px));
  margin: 0 auto;
}
.dashboard-shell {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  padding-top: 24px;
  padding-bottom: 40px;
}
.shell-sidebar {
  position: sticky;
  top: 22px;
  display: grid;
  gap: 18px;
  padding: 24px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--soft-glow);
}
.shell-title {
  margin: 8px 0 8px;
  font-size: 28px;
  line-height: 1.05;
  font-family: Outfit, sans-serif;
}
.shell-copy {
  margin: 0;
  line-height: 1.65;
}
.shell-nav {
  display: grid;
  gap: 8px;
}
.shell-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid transparent;
  background: rgba(255,255,255,.02);
  color: var(--text-main);
  font-weight: 700;
}
.shell-link i { width: 20px; text-align: center; color: var(--p); }
.shell-link:hover,
.shell-link.active {
  border-color: rgba(0,240,255,.2);
  background: rgba(0,240,255,.08);
  transform: translateY(-1px);
}
.shell-aside-card {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
}
.shell-main {
  min-width: 0;
}
.hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .95fr);
  gap: 20px;
  padding: 28px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at top right, rgba(0,240,255,.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow: var(--soft-glow);
}
.hero-card-dashboard { min-height: 290px; }
.hero-copy h1 {
  margin: 8px 0 14px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.02;
  font-family: Outfit, sans-serif;
  max-width: 14ch;
}
.hero-text {
  max-width: 68ch;
  line-height: 1.72;
  font-size: 15px;
}
.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.hero-stats {
  display: grid;
  gap: 14px;
  align-content: stretch;
}
.hero-stats-icons {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.panel {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;
  box-shadow: var(--soft-glow);
}
.workspace-feature,
.workspace-panel,
.tenant-card-hero,
.feature-panel {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.workspace-feature:hover,
.tenant-card-hero:hover,
.tile-link:hover {
  transform: translateY(-3px);
}
.stat-card {
  min-height: 138px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 14px 34px rgba(2, 8, 23, .22);
}
.stat-card strong {
  font-size: clamp(28px, 3vw, 38px);
}
.icon-stat .icon-badge,
.feature-icon,
.rank-number {
  backdrop-filter: blur(10px);
}
.tenant-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
.tenant-card,
.tenant-card-hero {
  padding: 22px;
}
.table-wrap {
  overflow: auto;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.06);
}
.table-wrap table { min-width: 760px; }
.table-wrap th {
  position: sticky;
  top: 0;
  background: rgba(8,13,23,.96);
  z-index: 1;
}
.app-experience {
  min-height: calc(100vh - 36px);
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 0;
  border-radius: 34px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  box-shadow: 0 28px 90px rgba(2, 8, 23, .4);
}
.left-panel-lg {
  width: auto;
  padding: 34px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 38%),
    linear-gradient(180deg, var(--accent-soft, rgba(0,240,255,.08)), rgba(255,255,255,.025));
}
.left-hero-stack {
  display: grid;
  gap: 16px;
}
.locked-price-xl {
  padding: 24px;
  border-radius: 24px;
  background: rgba(0,0,0,.22);
}
.locked-price-xl .big {
  font-size: 32px;
}
.experience-card {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
}
.check-stack {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
.check-stack div {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--text-muted);
  line-height: 1.55;
}
.check-stack i {
  color: var(--p);
  margin-top: 2px;
}
.contact-box-rich {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
}
.right-panel-experience {
  background: rgba(5, 10, 18, .42);
}
.top-controls-experience {
  padding: 24px 28px 0;
  justify-content: space-between;
}
.body-experience {
  padding: 20px 28px 18px;
}
.storefront-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) 320px;
  gap: 22px;
  align-items: start;
}
.storefront-main {
  min-width: 0;
  display: grid;
  gap: 18px;
}
.storefront-rail {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 16px;
}
.rail-card {
  padding: 20px;
}
.rail-card-cta h3 {
  margin: 8px 0 10px;
  font-size: 24px;
  font-family: Outfit, sans-serif;
}
.ai-card-premium {
  padding: 24px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(0,240,255,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}
.screen-wide,
.builder-stage {
  max-width: none;
}
.builder-stage {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 28px;
  padding: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}
.builder-stage-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}
.builder-stage-title {
  margin: 6px 0 0;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.06;
  font-family: Outfit, sans-serif;
  max-width: 16ch;
}
.builder-progress-inline {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 360px;
}
.screen {
  max-width: none;
}
.screen h2 {
  font-size: clamp(34px, 5vw, 46px);
  line-height: 1.02;
  max-width: 16ch;
}
.grid.services {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.grid.addons {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.card {
  min-height: 176px;
  border-radius: 24px;
  padding: 22px;
}
.card h3 {
  font-size: 22px;
}
.field-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.field-list > div:has(textarea),
.field-list > div:has(.photo-upload-shell),
.field-list > .full-row,
.field-list .full-row {
  grid-column: 1 / -1;
}
.input,
select,
textarea {
  min-height: 58px;
  border-radius: 18px;
}
.chat-shell {
  min-height: 350px;
}
.chat-messages {
  max-height: 320px;
}
.footer-experience {
  padding: 18px 28px 28px;
  background: linear-gradient(180deg, rgba(5,10,18,.72), rgba(4,7,14,.95));
}
.nav-buttons-large .primary,
.nav-buttons-large .ghost {
  min-height: 58px;
  font-size: 15px;
}
.rank-list.compact-ranks .rank-item {
  padding: 10px 12px;
}
.marketing-wrap {
  padding-top: 26px;
  padding-bottom: 42px;
}
.marketing-hero {
  min-height: 340px;
}
.hero-copy .eyebrow i,
.shell-link i,
.feature-icon i,
.tile-icon i,
.icon-badge i {
  margin-right: 0;
}
html.dashboard-light body {
  background:
    radial-gradient(circle at 12% 10%, rgba(59,130,246,.10), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(14,165,233,.12), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 50%, #e9f0f8 100%);
}
html.dashboard-light .shell-sidebar,
html.dashboard-light .hero-card,
html.dashboard-light .panel,
html.dashboard-light .builder-stage,
html.dashboard-light .ai-card-premium,
html.dashboard-light .experience-card,
html.dashboard-light .contact-box-rich,
html.dashboard-light .rail-card,
html.dashboard-light .stat-card,
html.dashboard-light .locked-price-xl {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
  border-color: rgba(37,99,235,.12);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
}
html.dashboard-light .shell-link {
  background: rgba(37,99,235,.04);
  color: #0f172a;
}
html.dashboard-light .shell-link:hover,
html.dashboard-light .shell-link.active {
  background: rgba(37,99,235,.08);
  border-color: rgba(37,99,235,.14);
}
html.dashboard-light .table-wrap th {
  background: rgba(255,255,255,.97);
}
html.dashboard-light .app-experience,
html.dashboard-light .right-panel-experience {
  background: rgba(255,255,255,.55);
}
@media (max-width: 1180px) {
  .dashboard-shell {
    grid-template-columns: 1fr;
  }
  .shell-sidebar {
    position: static;
  }
  .hero-card,
  .marketing-hero {
    grid-template-columns: 1fr;
  }
  .storefront-grid {
    grid-template-columns: 1fr;
  }
  .storefront-rail {
    position: static;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
@media (max-width: 980px) {
  .app-experience {
    grid-template-columns: 1fr;
  }
  .left-panel-lg {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .field-list {
    grid-template-columns: 1fr;
  }
  .builder-stage-head {
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  .dashboard-wrap,
  .marketing-wrap,
  .app-wrap {
    width: min(100%, calc(100% - 18px));
  }
  .hero-copy h1,
  .builder-stage-title,
  .screen h2 {
    max-width: none;
  }
  .hero-stats-icons {
    grid-template-columns: 1fr 1fr;
  }
  .top-controls-experience {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .body-experience,
  .footer-experience,
  .left-panel-lg,
  .hero-card,
  .panel,
  .builder-stage,
  .ai-card-premium {
    padding-left: 18px;
    padding-right: 18px;
  }
  .storefront-rail {
    grid-template-columns: 1fr;
  }
}

/* Storefront Conversion Cleanup v1 */
.build-badge { z-index: 9999; }
.app-storefront-clean {
  grid-template-columns: 340px minmax(0, 1fr);
}
.left-panel-storefront {
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.07), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
}
.storefront-main-title {
  font-size: clamp(40px, 5vw, 58px);
  line-height: .96;
  margin: 10px 0 12px;
}
.storefront-subtitle {
  font-size: 17px;
  line-height: 1.65;
  max-width: 34ch;
}
.trust-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0;
}
.trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  font-size: 13px;
  color: var(--text-muted);
}
.storefront-main-actions {
  margin-top: 22px;
}
.storefront-main-actions .primary,
.storefront-main-actions .ghost {
  min-height: 52px;
}
.storefront-left-stack {
  margin-top: 24px;
}
.storefront-estimate-card {
  background: rgba(0,0,0,.18);
}
.storefront-contact-mini div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2px 0;
}
.storefront-topbar {
  align-items: center;
}
.storefront-topline {
  font-size: 13px;
  color: var(--text-muted);
  letter-spacing: .03em;
  text-transform: uppercase;
}
.storefront-top-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.storefront-grid-clean {
  grid-template-columns: minmax(0, 1.32fr) 300px;
  gap: 24px;
}
.storefront-main-clean {
  gap: 16px;
}
.ai-card-soft {
  padding: 22px;
}
.storefront-builder {
  padding: 28px;
}
.storefront-builder-title {
  font-size: clamp(34px, 4vw, 48px);
  max-width: 14ch;
}
.storefront-builder-copy {
  margin: 10px 0 0;
  max-width: 48ch;
}
.storefront-progress-inline {
  max-width: 460px;
}
.storefront-rail-clean {
  gap: 14px;
}
.storefront-cta-card,
.storefront-how-card {
  padding: 20px;
}
.storefront-cta-card .primary {
  min-height: 54px;
}
.storefront-footer {
  padding-top: 14px;
}
.storefront-footer .primary,
.storefront-footer .ghost {
  min-width: 170px;
}

html.dashboard-light .trust-pill {
  background: rgba(37,99,235,.05);
  border-color: rgba(37,99,235,.12);
  color: #334155;
}

@media (max-width: 1280px) {
  .app-storefront-clean {
    grid-template-columns: 320px minmax(0, 1fr);
  }
  .storefront-grid-clean {
    grid-template-columns: 1fr 280px;
  }
}

@media (max-width: 980px) {
  .app-storefront-clean {
    grid-template-columns: 1fr;
  }
  .storefront-grid-clean {
    grid-template-columns: 1fr;
  }
  .storefront-topbar {
    align-items: flex-start;
  }
}

@media (max-width: 720px) {
  .storefront-main-title {
    font-size: clamp(34px, 10vw, 46px);
  }
  .storefront-builder,
  .storefront-cta-card,
  .storefront-how-card,
  .storefront-estimate-card,
  .storefront-contact-mini,
  .ai-card-soft {
    padding: 18px;
  }
  .trust-pills {
    gap: 8px;
  }
  .storefront-top-actions {
    width: 100%;
  }
}


.build-badge{position:fixed;left:16px;bottom:16px;z-index:60;background:rgba(15,23,42,.92);color:#fff;padding:8px 12px;border-radius:999px;font:700 12px/1.2 Inter,Arial,sans-serif;box-shadow:0 10px 25px rgba(15,23,42,.24)}
.app-storefront-better{padding:28px 18px 120px;max-width:1440px;margin:0 auto}
.storefront-shell-better{width:100%}
.storefront-content-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:start}
.storefront-side-better,.storefront-main-panel-better{display:flex;flex-direction:column;gap:18px}
.storefront-hero-card-better{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,248,252,.98));border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 60px rgba(15,23,42,.08);border-radius:28px;padding:28px}
.theme-dark .storefront-hero-card-better,.storefront-theme.theme-dark .storefront-hero-card-better{background:linear-gradient(180deg,rgba(10,18,28,.95),rgba(15,23,42,.96));border-color:rgba(148,163,184,.16);box-shadow:0 22px 60px rgba(2,8,23,.4)}
.storefront-better-title{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.02;margin:10px 0 12px;font-weight:900;letter-spacing:-.03em}
.storefront-better-subtitle{font-size:1.05rem;line-height:1.6;max-width:38ch;margin:0 0 18px}
.storefront-trust-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.storefront-actions-stacked{display:flex;flex-wrap:wrap;gap:12px}.voice-hero-btn{cursor:pointer}
.storefront-summary-card,.storefront-help-card,.storefront-contact-card-simple,.storefront-assist-strip,.storefront-builder-better,.full-cta-card{border-radius:24px;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 46px rgba(15,23,42,.08);background:rgba(255,255,255,.96)}
.theme-dark .storefront-summary-card,.theme-dark .storefront-help-card,.theme-dark .storefront-contact-card-simple,.theme-dark .storefront-assist-strip,.theme-dark .storefront-builder-better,.theme-dark .full-cta-card,.storefront-theme.theme-dark .storefront-summary-card,.storefront-theme.theme-dark .storefront-help-card,.storefront-theme.theme-dark .storefront-contact-card-simple,.storefront-theme.theme-dark .storefront-assist-strip,.storefront-theme.theme-dark .storefront-builder-better,.storefront-theme.theme-dark .full-cta-card{background:rgba(15,23,42,.92);border-color:rgba(148,163,184,.16);box-shadow:0 18px 46px rgba(2,8,23,.38)}
.storefront-summary-card .locked-price{padding:0;background:none;border:none;box-shadow:none}.slim-locked-price .big{font-size:2.2rem}
.storefront-assist-strip{padding:22px}.storefront-assist-strip h2{margin:6px 0}.storefront-chat-shell{margin-top:16px}
.storefront-builder-better{padding:22px}.better-builder-head{gap:18px;align-items:flex-start}.storefront-builder-better #content .screen{padding:4px 0 0}
.storefront-contact-card-simple .contact-box{margin-top:10px}.compact-contact-card{display:grid;gap:10px}
.compact-ranks-better{gap:12px}.compact-ranks-better .rank-item{align-items:flex-start}
.full-cta-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px}
.floating-form-nav{position:sticky;bottom:0;z-index:24;padding:0 18px 18px;margin-top:18px}.floating-form-nav .nav-buttons{max-width:920px;margin:0 auto;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:14px;border-radius:22px;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 50px rgba(15,23,42,.1)}
.theme-dark .floating-form-nav .nav-buttons,.storefront-theme.theme-dark .floating-form-nav .nav-buttons{background:rgba(15,23,42,.94);border-color:rgba(148,163,184,.16);box-shadow:0 18px 50px rgba(2,8,23,.45)}
.storefront-builder-better .service-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.storefront-builder-better .service-card{min-height:150px;border-radius:22px}
.storefront-builder-better .panel{border-radius:20px}
@media (max-width: 1100px){.storefront-content-grid{grid-template-columns:1fr}.storefront-side-better{order:1}.storefront-main-panel-better{order:2}.floating-form-nav .nav-buttons{max-width:none}.full-cta-card{align-items:flex-start}}
@media (max-width: 720px){.app-storefront-better{padding:16px 12px 106px}.storefront-hero-card-better{padding:22px;border-radius:22px}.storefront-builder-better,.storefront-assist-strip{padding:18px}.storefront-better-title{font-size:2rem}.storefront-trust-list{gap:8px}.trust-pill{font-size:.84rem}}


/* BetterCleans-style simple booking storefront */
.storefront-clean-booking{padding:24px 18px 40px}
.booking-shell{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.booking-hero{text-align:center;max-width:860px;margin:0 auto 4px}
.booking-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(148,163,184,.22);font-weight:700;font-size:.92rem;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.storefront-theme.theme-dark .booking-badge,.theme-dark .booking-badge{background:rgba(15,23,42,.88);border-color:rgba(148,163,184,.18)}
.booking-hero h1{font-size:clamp(2.4rem,4.8vw,4.3rem);line-height:1.02;margin:16px 0 12px;font-weight:900;letter-spacing:-.04em}
.booking-subtitle{max-width:720px;margin:0 auto;font-size:1.08rem;color:var(--muted)}
.booking-trust-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto 0}
.booking-trust-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.2);font-weight:700;font-size:.92rem;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.storefront-theme.theme-dark .booking-trust-pill,.theme-dark .booking-trust-pill{background:rgba(15,23,42,.9);border-color:rgba(148,163,184,.18)}
.booking-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.booking-card,.booking-estimate-card,.booking-steps-card,.booking-contact-card{background:rgba(255,255,255,.96);border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 46px rgba(15,23,42,.08);border-radius:28px}
.storefront-theme.theme-dark .booking-card,.storefront-theme.theme-dark .booking-estimate-card,.storefront-theme.theme-dark .booking-steps-card,.storefront-theme.theme-dark .booking-contact-card,.theme-dark .booking-card,.theme-dark .booking-estimate-card,.theme-dark .booking-steps-card,.theme-dark .booking-contact-card{background:rgba(15,23,42,.93);border-color:rgba(148,163,184,.16);box-shadow:0 20px 46px rgba(2,8,23,.35)}
.booking-card{padding:28px}
.booking-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.16);margin-bottom:18px}
.booking-card-head h2{margin:8px 0 8px;font-size:clamp(1.6rem,2.2vw,2.2rem);letter-spacing:-.02em}
.booking-progress-inline{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.booking-progress-inline span{padding:9px 12px;border-radius:999px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.16);font-size:.84rem;font-weight:700}
.booking-help-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(248,250,252,.9);margin-bottom:16px}
.storefront-theme.theme-dark .booking-help-strip,.theme-dark .booking-help-strip{background:rgba(30,41,59,.45)}
.booking-help-actions{display:flex;gap:10px;flex-wrap:wrap}
.booking-chat-shell{margin:0 0 16px;border-radius:20px;padding:16px;background:rgba(248,250,252,.86);border:1px solid rgba(148,163,184,.14)}
.storefront-theme.theme-dark .booking-chat-shell,.theme-dark .booking-chat-shell{background:rgba(30,41,59,.38)}
.chat-helper-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;margin-bottom:10px}
.small-btn{padding:10px 12px;font-size:.88rem}
.booking-nav-wrap{margin-top:18px;padding-top:18px;border-top:1px solid rgba(148,163,184,.16)}
.inline-nav-buttons{max-width:none;justify-content:space-between}
.booking-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.booking-estimate-card,.booking-steps-card,.booking-contact-card{padding:22px}
.booking-locked-price{padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(247,250,252,.98),rgba(240,244,248,.98));border:1px solid rgba(148,163,184,.16)}
.storefront-theme.theme-dark .booking-locked-price,.theme-dark .booking-locked-price{background:linear-gradient(180deg,rgba(10,18,28,.9),rgba(15,23,42,.92));border-color:rgba(148,163,184,.16)}
.simple-steps-list{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.simple-step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.simple-step span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:rgba(37,99,235,.12);color:var(--primary);font-weight:900}
.booking-contact-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.full{width:100%;justify-content:center;text-align:center}
.booking-card .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.booking-card .service-card{min-height:162px;border-radius:22px}
.booking-card #content .screen{padding-top:4px}
.booking-card .addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width: 1100px){.booking-layout{grid-template-columns:1fr}.booking-side{position:static;order:2}.booking-main{order:1}.booking-card-head{flex-direction:column}.booking-progress-inline{justify-content:flex-start}}
@media (max-width: 760px){.storefront-clean-booking{padding:16px 12px 26px}.booking-hero h1{font-size:2.2rem}.booking-subtitle{font-size:1rem}.booking-card,.booking-estimate-card,.booking-steps-card,.booking-contact-card{border-radius:22px}.booking-card{padding:20px}.booking-help-strip{flex-direction:column;align-items:flex-start;padding:14px}.booking-card .service-grid,.booking-card .addon-grid{grid-template-columns:1fr}.inline-nav-buttons{flex-direction:column}.inline-nav-buttons button{width:100%}}


.service-meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px}.booking-trust-pill.small{font-size:11px;padding:6px 10px}.service-disclaimer{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.5}.storefront-theme.theme-light .service-disclaimer{background:rgba(15,23,42,.04)}


/* Guided welcome / name capture start */
.intro-stage .booking-card{padding-bottom:28px}
.welcome-screen{max-width:760px;margin:0 auto}
.welcome-start-card{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(255,255,255,.96));border-radius:26px;padding:26px;box-shadow:0 20px 52px rgba(15,23,42,.08)}
.storefront-theme.theme-dark .welcome-start-card,.theme-dark .welcome-start-card{background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(10,18,28,.96));border-color:rgba(148,163,184,.18);box-shadow:0 22px 52px rgba(2,8,23,.42)}
.welcome-assistant-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(37,99,235,.12);color:var(--primary);font-weight:800;font-size:.9rem}
.welcome-copy{max-width:52ch;margin-bottom:18px}
.welcome-input-shell{display:grid;gap:10px;margin-top:18px}
.name-capture-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.welcome-name-input{height:58px;font-size:1.05rem;border-radius:18px}
.name-voice-btn{min-height:58px;border-radius:18px;white-space:nowrap}
.intro-button-row{display:flex;justify-content:flex-start;margin-top:22px}
.welcome-continue-btn{min-height:56px;padding-inline:22px;border-radius:18px}
.welcome-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.welcome-preview-card{display:grid;gap:6px;padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.72)}
.storefront-theme.theme-dark .welcome-preview-card,.theme-dark .welcome-preview-card{background:rgba(30,41,59,.5);border-color:rgba(148,163,184,.18)}
.welcome-preview-card strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.welcome-preview-card span{font-weight:700}
@media (max-width:760px){.welcome-start-card{padding:20px;border-radius:22px}.name-capture-row{grid-template-columns:1fr}.name-voice-btn,.welcome-name-input,.welcome-continue-btn{width:100%}.welcome-preview-grid{grid-template-columns:1fr}}


/* Guided flow simplification */
.storefront-guided-flow .booking-shell-minimal{max-width:980px;margin:0 auto;padding:24px 16px 36px}
.storefront-guided-flow .booking-main-full{max-width:100%}
.storefront-guided-flow .booking-card-minimal{padding:22px 22px 18px;border-radius:28px}
.storefront-guided-flow .booking-card-head-minimal{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.16);margin-bottom:18px}
.storefront-guided-flow .quote-shell-title{margin:10px 0 8px;font-size:clamp(1.5rem,2.2vw,2.35rem);letter-spacing:-.03em}
.storefront-guided-flow .quote-shell-subtitle{max-width:56ch}
.storefront-guided-flow .quote-top-lock{display:grid;gap:4px;justify-items:end;padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(248,250,252,.72);min-width:140px}
.storefront-guided-flow .quote-top-lock-label{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.storefront-guided-flow .quote-top-lock strong{font-size:1.05rem}
.storefront-guided-flow .assistant-guide-card{display:grid;gap:10px;padding:20px;border-radius:24px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(255,255,255,.98));box-shadow:0 18px 40px rgba(15,23,42,.06);margin-bottom:16px}
.storefront-theme.theme-dark .storefront-guided-flow .assistant-guide-card,.theme-dark .storefront-guided-flow .assistant-guide-card{background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(10,18,28,.96));box-shadow:0 20px 48px rgba(2,8,23,.38)}
.storefront-guided-flow .assistant-guide-chip{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:9px 13px;border-radius:999px;background:rgba(37,99,235,.12);color:var(--primary);font-size:.85rem;font-weight:800}
.storefront-guided-flow .assistant-guide-card h2{margin:0;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.02em}
.storefront-guided-flow .assistant-guide-copy{margin:0;color:var(--muted);font-size:1rem;line-height:1.55}
.storefront-guided-flow .assistant-guide-note{padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.04);font-size:.95rem}
.storefront-theme.theme-dark .storefront-guided-flow .assistant-guide-note,.theme-dark .storefront-guided-flow .assistant-guide-note{background:rgba(148,163,184,.10)}
.storefront-guided-flow .assistant-guide-speaks{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.storefront-guided-flow .compact-intro-card{padding:22px;border-radius:26px}
.storefront-guided-flow .intro-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.storefront-guided-flow .intro-voice-row{display:grid;gap:8px;margin-top:16px}
.storefront-guided-flow .name-voice-btn{min-height:52px;border-radius:16px}
.storefront-guided-flow .service-queue-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.storefront-guided-flow .service-queue-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(248,250,252,.8);font-weight:700}
.storefront-guided-flow .service-queue-pill em{font-style:normal;font-size:.78rem;color:var(--muted)}
.storefront-guided-flow .service-queue-pill.active{border-color:rgba(37,99,235,.28);background:rgba(37,99,235,.12);color:var(--primary)}
.storefront-guided-flow .flow-helper-text{margin:0 0 14px}
.storefront-guided-flow .summary-service-card{padding:16px 18px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.7)}
.storefront-theme.theme-dark .storefront-guided-flow .summary-service-card,.theme-dark .storefront-guided-flow .summary-service-card{background:rgba(30,41,59,.42)}
.storefront-guided-flow .quote-support-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(148,163,184,.16)}
.storefront-guided-flow .quote-support-actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:760px){
  .storefront-guided-flow .booking-shell-minimal{padding:14px 10px 26px}
  .storefront-guided-flow .booking-card-minimal{padding:18px 16px 16px;border-radius:24px}
  .storefront-guided-flow .booking-card-head-minimal{flex-direction:column;align-items:flex-start}
  .storefront-guided-flow .quote-top-lock{justify-items:start;width:100%}
  .storefront-guided-flow .intro-field-grid{grid-template-columns:1fr}
  .storefront-guided-flow .quote-support-row{flex-direction:column;align-items:flex-start}
}

.service-step-actions{display:flex;justify-content:center;margin-top:18px}
.step-inline-continue{min-width:min(100%,360px)}


.addon-card{display:flex;flex-direction:column;gap:14px}
.addon-head-row{align-items:flex-start;gap:12px}
.addon-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.addon-title-wrap h3{margin:0}
.addon-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(124,58,237,.12);color:var(--accent,#7c3aed);flex:0 0 42px;font-size:18px;box-shadow:inset 0 0 0 1px rgba(124,58,237,.12)}
.review-actions{margin-top:16px}
.review-actions .primary{width:100%}

/* Premium estimate-first upgrade */
.service-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.service-card-head h3{margin:2px 0 0}
.service-icon-shell{width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,240,255,.18),rgba(124,58,237,.22));color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.08);font-size:20px;flex:0 0 52px}
.service-icon-shell.small{width:42px;height:42px;border-radius:14px;font-size:16px;flex-basis:42px}
.assistant-guide-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(8,15,31,.94),rgba(14,23,42,.88));border:1px solid rgba(0,240,255,.12);box-shadow:0 18px 55px rgba(2,8,23,.35)}
.assistant-guide-card::after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(0,240,255,.18) 0%,rgba(0,240,255,0) 68%);pointer-events:none}
.assistant-guide-card h2{display:flex;align-items:center;gap:12px}
.assistant-orb{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,240,255,.18),rgba(124,58,237,.24));color:#a5f3fc;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.addon-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(2,8,23,.18)}
.addon-icon{background:linear-gradient(135deg,rgba(0,240,255,.16),rgba(124,58,237,.18));color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.08)}
.estimate-screen-premium{display:grid;gap:18px}
.estimate-hero-card{display:grid;grid-template-columns:1.4fr auto;gap:18px;align-items:center;padding:22px 24px;border-radius:26px;border:1px solid rgba(0,240,255,.16);background:linear-gradient(135deg,rgba(7,18,40,.96),rgba(23,37,84,.86));box-shadow:0 20px 60px rgba(2,8,23,.32)}
.estimate-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#a5f3fc;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;margin-bottom:12px}
.estimate-hero-card h3{margin:0;font-size:2rem;line-height:1.05;color:#fff}
.estimate-hero-card p{margin:10px 0 0;color:#cbd5e1;max-width:700px}
.estimate-hero-actions{display:flex;align-items:center;justify-content:flex-end}
.premium-next-btn{min-width:220px;box-shadow:0 16px 34px rgba(0,240,255,.14)}
.estimate-coupon-card{padding:20px 22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(124,58,237,.20),rgba(8,145,178,.14));box-shadow:0 18px 42px rgba(2,8,23,.22)}
.estimate-coupon-card.is-expired{background:linear-gradient(135deg,rgba(51,65,85,.45),rgba(30,41,59,.7));opacity:.95}
.estimate-coupon-top{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.estimate-coupon-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#fde68a;margin-bottom:6px}
.estimate-coupon-card h3{margin:0 0 6px;color:#fff}
.estimate-coupon-card p{margin:0;color:#e2e8f0}
.estimate-timer-shell{min-width:112px;padding:14px 16px;border-radius:18px;background:rgba(2,6,23,.34);border:1px solid rgba(255,255,255,.1);text-align:center}
.estimate-timer-caption{display:block;font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#cbd5e1;margin-bottom:6px}
.estimate-timer{font-size:1.75rem;line-height:1;color:#fff}
.premium-offer-btn{margin-top:14px;display:inline-flex;align-items:center;gap:10px}
.premium-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.premium-review-grid .summary-row{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.premium-summary-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.summary-service-head{display:flex;align-items:center;gap:12px}
.theme-light .assistant-guide-card{background:linear-gradient(180deg,#f8fbff,#eef5ff);border-color:rgba(37,99,235,.12);box-shadow:0 18px 55px rgba(37,99,235,.10)}
.theme-light .assistant-guide-card::after{background:radial-gradient(circle,rgba(37,99,235,.10) 0%,rgba(37,99,235,0) 68%)}
.theme-light .assistant-orb,.theme-light .service-icon-shell,.theme-light .addon-icon{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.14));color:#1d4ed8}
.theme-light .estimate-hero-card{background:linear-gradient(135deg,#0f172a,#1d4ed8);border-color:rgba(37,99,235,.16)}
.theme-light .estimate-coupon-card{background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(14,165,233,.14))}
@media (max-width:860px){.estimate-hero-card,.estimate-coupon-top,.premium-review-grid{grid-template-columns:1fr}.estimate-hero-actions{justify-content:flex-start}.premium-next-btn{width:100%}}


/* 3D luxury demo shell */
.app-wrap-3d{position:relative;overflow:hidden;isolation:isolate;min-height:100dvh;background:
  radial-gradient(circle at 12% 18%, rgba(99,102,241,.22), transparent 26%),
  radial-gradient(circle at 84% 14%, rgba(34,211,238,.20), transparent 24%),
  radial-gradient(circle at 50% 110%, rgba(124,58,237,.20), transparent 36%),
  linear-gradient(180deg, #020617 0%, #081122 42%, #0f172a 100%);
}
.scene-glow,.scene-grid,.floating-orb{pointer-events:none;position:absolute;z-index:0}
.scene-glow{filter:blur(16px);opacity:.9;border-radius:999px}
.scene-glow-a{width:28rem;height:28rem;left:-6rem;top:-5rem;background:radial-gradient(circle, rgba(56,189,248,.34), transparent 68%)}
.scene-glow-b{width:32rem;height:32rem;right:-8rem;top:10rem;background:radial-gradient(circle, rgba(168,85,247,.28), transparent 68%)}
.scene-grid{inset:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(148,163,184,.07) 1px, transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg, rgba(255,255,255,.38), transparent 78%);opacity:.28}
.storefront-3d-demo,.booking-shell-3d,.booking-card-minimal,.assistant-guide-card,.welcome-start-card,.service-card,.addon-card,.summary-service-card,.estimate-hero-card,.estimate-coupon-card,.review-summary-card{position:relative;z-index:1}
.booking-shell-3d{--mx:50%;--my:38%;--rx:0deg;--ry:0deg;perspective:1800px;transform-style:preserve-3d}
.booking-main-full{position:relative;z-index:2}
.floating-orb{width:18rem;height:18rem;border-radius:999px;filter:blur(24px);opacity:.45;mix-blend-mode:screen}
.orb-one{left:-5rem;top:12rem;background:radial-gradient(circle, rgba(34,211,238,.42), transparent 68%);animation:orbFloat 11s ease-in-out infinite}
.orb-two{right:-4rem;bottom:8rem;background:radial-gradient(circle, rgba(168,85,247,.38), transparent 70%);animation:orbFloat 13s ease-in-out infinite reverse}
@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.05)}}
.storefront-guided-flow .booking-shell-minimal{max-width:1080px;padding:34px 18px 46px}
.storefront-guided-flow .booking-card-minimal{overflow:hidden;padding:26px 26px 22px;border-radius:32px;background:linear-gradient(160deg, rgba(15,23,42,.84), rgba(15,23,42,.58));border:1px solid rgba(148,163,184,.16);box-shadow:0 40px 100px rgba(2,6,23,.45), inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(22px);transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transition:transform .18s ease, box-shadow .25s ease}
.storefront-guided-flow .booking-card-minimal::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.16), transparent 28%);opacity:var(--glass-highlight-opacity,.95);pointer-events:none}
.storefront-guided-flow .booking-card-minimal::after{content:'';position:absolute;inset:1px;border-radius:31px;border:1px solid rgba(255,255,255,.08);pointer-events:none;mask:linear-gradient(135deg, rgba(255,255,255,.8), transparent 35%, transparent 68%, rgba(255,255,255,.28));}
.quote-shell-title{font-size:clamp(2rem, 3vw, 2.85rem);letter-spacing:-.04em}
.quote-shell-subtitle{max-width:48rem;font-size:1.03rem;line-height:1.6}
.booking-badge{background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(99,102,241,.2));border:1px solid rgba(103,232,249,.22);box-shadow:0 12px 24px rgba(8,47,73,.18)}
.quote-top-lock{padding:14px 16px;border-radius:20px;background:linear-gradient(180deg, rgba(15,23,42,.84), rgba(15,23,42,.58));border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 36px rgba(2,6,23,.28)}
.assistant-guide-card,.welcome-start-card,.service-step-actions .primary,.panel.review-summary-card,.summary-service-card,.service-card,.addon-card{transform-style:preserve-3d}
.assistant-guide-card,.welcome-start-card,.panel.review-summary-card,.summary-service-card{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 42px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.08)}
.assistant-guide-card{padding:22px;border-radius:26px}
.assistant-guide-chip,.assistant-guide-note,.assistant-guide-speaks{box-shadow:0 10px 24px rgba(2,8,23,.18)}
.intro-capture-screen,.estimate-screen-premium{position:relative}
.intro-capture-screen::before,.estimate-screen-premium::before{content:'';position:absolute;inset:-18px;background:radial-gradient(circle at 18% 10%, rgba(56,189,248,.10), transparent 28%), radial-gradient(circle at 80% 90%, rgba(168,85,247,.10), transparent 26%);pointer-events:none}
.intro-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.intro-field-grid > div{padding:14px 14px 12px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.welcome-name-input,.input,select,textarea{background:rgba(15,23,42,.54);border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(2,6,23,.15)}
.service-card,.addon-card,.summary-service-card{overflow:hidden}
.service-card::before,.addon-card::before,.summary-service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.1), transparent 40%, transparent 65%, rgba(99,102,241,.12));opacity:.72;pointer-events:none}
.service-card{min-height:176px;background:linear-gradient(160deg, rgba(15,23,42,.92), rgba(15,23,42,.72));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 42px rgba(2,8,23,.24), inset 0 1px 0 rgba(255,255,255,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.service-card:hover,.service-card:focus-visible{transform:translateY(-4px) rotateX(1.2deg);box-shadow:0 24px 50px rgba(2,8,23,.3), 0 0 0 1px rgba(96,165,250,.18)}
.service-card.selected{border-color:rgba(103,232,249,.42);box-shadow:0 24px 56px rgba(8,47,73,.30), inset 0 1px 0 rgba(255,255,255,.08)}
.service-title-wrap,.addon-title-wrap,.summary-service-head{gap:14px}
.service-icon-shell,.addon-icon{width:54px;height:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(34,211,238,.22), rgba(99,102,241,.18));border:1px solid rgba(125,211,252,.26);box-shadow:0 14px 30px rgba(8,47,73,.22), inset 0 1px 0 rgba(255,255,255,.14);color:#e0f2fe;transform:translateZ(18px)}
.service-icon-shell.small{width:42px;height:42px;border-radius:14px}
.service-meta-chips,.quote-support-actions,.intro-voice-row,.intro-button-row,.service-step-actions,.booking-nav-wrap{position:relative;z-index:2}
.booking-trust-pill.small,.select-pill,.service-queue-pill,.multi-service-pill,.estimate-kicker,.estimate-coupon-label{backdrop-filter:blur(16px)}
.addon-card{padding:18px 18px 16px;border-radius:24px;transition:transform .18s ease, box-shadow .18s ease,border-color .18s ease}
.addon-card:hover{transform:translateY(-3px);box-shadow:0 24px 52px rgba(2,8,23,.28)}
.addon-card.selected{border-color:rgba(196,181,253,.4);box-shadow:0 24px 52px rgba(76,29,149,.22)}
.qty-btn{border-radius:14px;background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));box-shadow:0 8px 18px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.08)}
.primary,.ghost{position:relative;overflow:hidden}
.primary{box-shadow:0 16px 34px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.14)}
.primary::after,.ghost::after{content:'';position:absolute;inset:auto -40% 0 auto;width:42%;height:160%;transform:translateY(28%) rotate(24deg);background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);transition:transform .35s ease;pointer-events:none}
.primary:hover::after,.ghost:hover::after{transform:translate(-180%, 18%) rotate(24deg)}
.estimate-hero-card{position:relative;overflow:hidden;transform:translateZ(24px);background:linear-gradient(145deg, rgba(2,6,23,.96), rgba(30,41,59,.88));border:1px solid rgba(96,165,250,.18);box-shadow:0 32px 70px rgba(2,8,23,.42), inset 0 1px 0 rgba(255,255,255,.08)}
.estimate-hero-card::before{content:'';position:absolute;inset:-10% -10% auto auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle, rgba(59,130,246,.32), transparent 62%);filter:blur(10px);opacity:.8}
.estimate-coupon-card{position:relative;overflow:hidden;box-shadow:0 28px 58px rgba(76,29,149,.24), inset 0 1px 0 rgba(255,255,255,.1)}
.review-summary-card.premium-review-grid{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border-radius:26px}
.premium-review-grid .summary-row{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.booking-nav-wrap{padding-top:14px}
.quote-support-row{margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,163,184,.16)}
.theme-light.app-wrap-3d,.theme-light .app-wrap-3d{background:
  radial-gradient(circle at 12% 18%, rgba(59,130,246,.16), transparent 24%),
  radial-gradient(circle at 84% 14%, rgba(45,212,191,.14), transparent 24%),
  linear-gradient(180deg, #eef4ff 0%, #f8fbff 45%, #edf4ff 100%)}
.theme-light .scene-grid{opacity:.18}
.theme-light .storefront-guided-flow .booking-card-minimal{background:linear-gradient(160deg, rgba(255,255,255,.84), rgba(255,255,255,.7));box-shadow:0 38px 86px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.72)}
.theme-light .assistant-guide-card,.theme-light .welcome-start-card,.theme-light .panel.review-summary-card,.theme-light .summary-service-card,.theme-light .service-card,.theme-light .addon-card{background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));box-shadow:0 18px 42px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86)}
.theme-light .welcome-name-input,.theme-light .input,.theme-light select,.theme-light textarea{background:rgba(255,255,255,.86)}
@media (max-width:860px){.storefront-guided-flow .booking-shell-minimal{padding:18px 12px 30px}.storefront-guided-flow .booking-card-minimal{padding:20px 16px 16px;border-radius:26px;transform:none}.intro-field-grid{grid-template-columns:1fr}.service-card:hover,.addon-card:hover{transform:none}.floating-orb,.scene-grid{display:none}}


/* 4D demo upgrade */
.app-wrap-3d {
  perspective: 1800px;
  overflow: hidden;
}
.scene-ring,
.scene-noise,
.scene-depth-panel {
  position: absolute;
  pointer-events: none;
}
.scene-ring {
  inset: auto;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 0 0 22px rgba(255,255,255,.02), 0 0 120px rgba(88,166,255,.10);
  filter: blur(.2px);
  animation: ringFloat 16s ease-in-out infinite;
}
.scene-ring-a { top: -120px; right: -100px; }
.scene-ring-b { bottom: -170px; left: -130px; width: 620px; height: 620px; animation-duration: 22s; }
.scene-noise {
  inset: 0;
  opacity: .08;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.22) 0 1px, transparent 1.5px),
    radial-gradient(circle at 80% 18%, rgba(255,255,255,.12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 55% 80%, rgba(255,255,255,.10) 0 1px, transparent 1.5px),
    radial-gradient(circle at 68% 60%, rgba(255,255,255,.08) 0 1px, transparent 1.5px);
  background-size: 180px 180px, 220px 220px, 260px 260px, 320px 320px;
  mix-blend-mode: screen;
  animation: noiseDrift 24s linear infinite;
}
.booking-shell-3d {
  transform-style: preserve-3d;
}
.scene-depth-panel {
  border-radius: 36px;
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 40px 120px rgba(8,15,34,.22);
}
.scene-depth-panel-a {
  width: 220px;
  height: 220px;
  top: 10%;
  right: 6%;
  transform: translateZ(-80px) rotate(18deg);
  opacity: .45;
}
.scene-depth-panel-b {
  width: 180px;
  height: 180px;
  bottom: 9%;
  left: 4%;
  transform: translateZ(-120px) rotate(-18deg);
  opacity: .35;
}
.orb-three {
  width: 170px;
  height: 170px;
  right: 16%;
  bottom: 12%;
  background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.85), rgba(99,102,241,.34) 42%, rgba(56,189,248,.06) 68%, transparent 74%);
  filter: blur(4px);
  animation: orbPulse 8s ease-in-out infinite;
}
.booking-card-minimal {
  transform: translateZ(26px);
  box-shadow: 0 34px 90px rgba(6, 13, 34, .34), inset 0 1px 0 rgba(255,255,255,.20);
}
.assistant-guide-card,
.card,
.review-box,
.estimate-coupon-card,
.contact-box,
.service-queue-pill {
  backdrop-filter: blur(18px);
}
.assistant-guide-card {
  position: relative;
  overflow: hidden;
}
.assistant-guide-card::after {
  content: '';
  position: absolute;
  inset: auto -20% -55% auto;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(96,165,250,.22), transparent 68%);
  transform: translateZ(24px);
  pointer-events: none;
}
.grid.services .card,
.grid.addons .card,
.review-service-card,
.estimate-summary-card {
  position: relative;
  transform-style: preserve-3d;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.grid.services .card:hover,
.grid.addons .card:hover,
.review-service-card:hover,
.estimate-summary-card:hover {
  transform: translateY(-3px) translateZ(16px) rotateX(4deg);
  box-shadow: 0 24px 54px rgba(6,13,34,.28);
}
.addon-card.selected,
.grid.services .card.selected {
  box-shadow: 0 24px 70px rgba(79,70,229,.22), inset 0 1px 0 rgba(255,255,255,.18);
}
.addon-icon,
.service-icon-shell,
.assistant-orb {
  box-shadow: 0 12px 30px rgba(76, 129, 255, .22), inset 0 1px 0 rgba(255,255,255,.24);
}
.qty-controls, .select-pill, .booking-trust-pill.small {
  backdrop-filter: blur(14px);
}
.estimate-coupon-card.is-live {
  animation: couponPulse 2.8s ease-in-out infinite;
}
html[data-quote-step="review"] .booking-card-minimal,
html[data-quote-step="contact"] .booking-card-minimal {
  box-shadow: 0 40px 120px rgba(76, 129, 255, .18), 0 28px 80px rgba(6,13,34,.34);
}
html[data-quote-step="addons"] .scene-ring-a,
html[data-quote-step="review"] .scene-ring-b {
  border-color: rgba(99,102,241,.18);
  box-shadow: 0 0 0 22px rgba(99,102,241,.05), 0 0 140px rgba(99,102,241,.18);
}
@keyframes ringFloat {
  0%,100% { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
  50% { transform: translate3d(0,-12px,0) scale(1.04) rotate(9deg); }
}
@keyframes noiseDrift {
  0% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(-10px, 8px, 0); }
  100% { transform: translate3d(0,0,0); }
}
@keyframes orbPulse {
  0%,100% { transform: translate3d(0,0,0) scale(1); opacity:.72; }
  50% { transform: translate3d(0,-10px,0) scale(1.08); opacity:1; }
}
@keyframes couponPulse {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.012); }
}


.app[data-graphics-preset="high"] .scene-grid,
.app[data-graphics-preset="ultra"] .scene-grid { opacity:.55; }
.app[data-graphics-preset="ultra"] .floating-orb { filter: blur(0px) saturate(1.2); animation-duration: 11s; }
.app[data-graphics-preset="ultra"] .scene-depth-panel { opacity:.9; }
.app[data-form-mode="step"] .booking-card { box-shadow: 0 35px 90px rgba(5,8,20,.48), inset 0 1px 0 rgba(255,255,255,.18); }
.app[data-form-mode="step"] .assistant-guide-card { position: relative; overflow: hidden; }
.app[data-form-mode="step"] .assistant-guide-card::after { content:""; position:absolute; inset:auto -8% -40% auto; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle, rgba(245,158,11,.24), transparent 68%); pointer-events:none; }
.oneform-block { margin-bottom:18px; }
.section-headline { display:flex; align-items:center; gap:10px; font-weight:800; margin-bottom:14px; font-size:1.02rem; }
.estimate-lock-card.locked { border-style:dashed; }
.estimate-lock-card.ready { box-shadow:0 28px 70px rgba(245,158,11,.18); }
.oneform-submit-row { justify-content:flex-end; }
.oneform-screen .grid.services { margin-top:0; }
.oneform-contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.oneform-field{display:grid;gap:8px;}
.oneform-field label{font-weight:700;color:#0f172a;font-size:.92rem;}
.oneform-helper{margin:-2px 0 12px;color:#64748b;}
.oneform-submit-note{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(var(--secondary-rgb), .5);border:1px solid rgba(var(--p-rgb), .12);}
.oneform-submit-row .primary{min-width:240px;}
.field-error{font-size:.82rem;color:#b42318;font-weight:700;}
.input-invalid{border-color:rgba(220,38,38,.45)!important;box-shadow:0 0 0 4px rgba(220,38,38,.10)!important;}
.has-error .input{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(254,242,242,.98));}
.field-card-invalid{border-color:rgba(220,38,38,.24)!important;box-shadow:0 20px 45px rgba(220,38,38,.08)!important;}
.estimate-lock-card.is-submitting{opacity:.92;}
.estimate-lock-card.is-submitting .estimate-hero-card{position:relative;overflow:hidden;}
.estimate-lock-card.is-submitting .estimate-hero-card::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);transform:translateX(-100%);animation:submitSweep 1.15s linear infinite;}
@keyframes submitSweep{100%{transform:translateX(100%);}}
@media (max-width: 760px){ .oneform-contact-grid { grid-template-columns:1fr; } .oneform-submit-row .primary{width:100%;} }


/* motion master package */
.app[data-ai-state="speaking"] .booking-badge,
.app[data-ai-state="thinking"] .booking-badge,
.app[data-ai-state="listening"] .booking-badge{position:relative;isolation:isolate}
.app[data-ai-state="speaking"] .booking-badge::after,
.app[data-ai-state="thinking"] .booking-badge::after,
.app[data-ai-state="listening"] .booking-badge::after{content:"";position:absolute;inset:-8px;border-radius:999px;border:1px solid rgba(96,165,250,.28);animation:badgePulse 1.3s ease-out infinite;pointer-events:none}
.app[data-ai-state="thinking"] .booking-badge::after{border-color:rgba(245,158,11,.35)}
.screen{transform-origin:50% 20%;will-change:transform,opacity,filter}
.screen-enter-forward{animation:screenEnterForward .55s cubic-bezier(.22,.9,.22,1)}
.screen-enter-backward{animation:screenEnterBackward .55s cubic-bezier(.22,.9,.22,1)}
@keyframes screenEnterForward{0%{opacity:0;transform:translate3d(38px,10px,0) scale(.975);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}
@keyframes screenEnterBackward{0%{opacity:0;transform:translate3d(-32px,8px,0) scale(.98);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}
@keyframes badgePulse{0%{opacity:.75;transform:scale(.98)}100%{opacity:0;transform:scale(1.18)}}
.service-card,.addon-card,.summary-service-card{transform:perspective(1000px) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg)) translateZ(0);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.service-card::after,.addon-card::after,.summary-service-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--shineX,50%) var(--shineY,50%), rgba(255,255,255,.18), transparent 35%);opacity:.0;transition:opacity .18s ease;pointer-events:none}
.service-card:hover::after,.addon-card:hover::after,.summary-service-card:hover::after{opacity:1}
.is-focused{box-shadow:0 0 0 1px rgba(96,165,250,.32), 0 16px 40px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.1)!important;transform:translateY(-1px)}
.question-card,.intro-field-grid > div,.contact-box .card{transition:box-shadow .18s ease, transform .18s ease, border-color .18s ease}
.btn-ripple{position:absolute;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.34);transform:translate(-50%,-50%) scale(0);animation:ripplePop .62s ease-out forwards;pointer-events:none}
@keyframes ripplePop{0%{opacity:.55;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(13)}}
.primary,.ghost,.qty-btn{isolation:isolate}
.quote-top-lock strong{display:inline-block;animation:floatPrice 4.5s ease-in-out infinite}
@keyframes floatPrice{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.scene-grid{animation:gridDrift 22s linear infinite}
@keyframes gridDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(20px,-10px,0)}100%{transform:translate3d(0,0,0)}}
.booking-nav-wrap .primary{animation:ctaBreath 3.2s ease-in-out infinite}
@keyframes ctaBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@media (prefers-reduced-motion: reduce){.screen-enter-forward,.screen-enter-backward,.booking-nav-wrap .primary,.quote-top-lock strong,.scene-grid,.scene-ring,.floating-orb,.scene-noise,.scene-depth-panel,.app[data-ai-state] .booking-badge::after,.storefront-step-pill,.storefront-step-pill::after,.storefront-progress-fill,.price-reveal-pop{animation:none!important;transition:none!important}.service-card,.addon-card,.summary-service-card{transform:none!important}}

.quote-assist-controls{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:-6px 0 14px}
.assist-toggle{min-width:132px;justify-content:center;border-radius:999px}
.assist-toggle.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
.ai-subtitle-bar{display:none;margin:10px 0 6px;padding:0;border:0;background:transparent;color:var(--text-primary,#eef4ff);font-size:15px;line-height:1.7;min-height:3.6em;letter-spacing:.01em;opacity:.98}
.ai-subtitle-bar.show{display:block}
.ai-subtitle-bar.typing::after{content:'▍';display:inline-block;margin-left:3px;animation:aiCaretBlink .9s steps(1,end) infinite;color:currentColor;opacity:.9}
@keyframes aiCaretBlink{0%,49%{opacity:0}50%,100%{opacity:1}}
.theme-light .ai-subtitle-bar{color:#1e293b}
.service-step-hint-row{justify-content:flex-start}
.service-step-hint-row .small{font-size:.92rem}
.assistant-guide-copy.hidden-live-copy{display:none}


.scene-photo{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .45s ease;background-image:var(--bg-image,none);background-size:cover;background-position:center center;filter:saturate(1.08) contrast(1.02)}
.scene-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,30,var(--bg-overlay-alpha,0.34)),rgba(8,15,30,calc(var(--bg-overlay-alpha,0.34) + .12)) 58%,rgba(8,15,30,calc(var(--bg-overlay-alpha,0.34) + .18)))}
.scene-photo.is-visible{opacity:.9}
.booking-card-minimal{background:rgba(var(--glass-surface,15,23,42),var(--glass-alpha,.28));backdrop-filter:blur(var(--glass-blur,20px));-webkit-backdrop-filter:blur(var(--glass-blur,20px));border:1px solid rgba(255,255,255,var(--glass-border-alpha,.18));box-shadow:0 24px 80px rgba(2,6,23,.30),0 0 0 1px rgba(255,255,255,.04) inset}
.theme-light .booking-card-minimal{box-shadow:0 24px 70px rgba(15,23,42,.10),0 0 0 1px rgba(255,255,255,.65) inset}
.brand-stack{display:flex;flex-direction:column;gap:10px}
.brand-lockup{display:flex;align-items:center;gap:14px;min-height:54px}
.brand-logo-image{display:block;max-height:132px;max-width:min(520px,84vw);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.18))}
.brand-fallback-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,var(--p),rgba(255,255,255,.92));color:#0f172a;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.booking-badge-soft{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.theme-light .booking-badge-soft{background:rgba(255,255,255,.72);border-color:rgba(37,99,235,.14)}
.service-card,.addon-card,.assistant-guide-card,.welcome-start-card,.summary-service-card,.estimate-hero-card,.estimate-coupon-card,.review-summary-card{background:rgba(var(--glass-surface,15,23,42),var(--glass-sub-alpha,0.22));backdrop-filter:blur(calc(var(--glass-blur,20px) * .8));-webkit-backdrop-filter:blur(calc(var(--glass-blur,20px) * .8));border:1px solid rgba(255,255,255,calc(var(--glass-border-alpha,.18) + .04));box-shadow:0 18px 44px rgba(2,6,23,.18)}
.theme-light .service-card,.theme-light .addon-card,.theme-light .assistant-guide-card,.theme-light .welcome-start-card,.theme-light .summary-service-card,.theme-light .estimate-hero-card,.theme-light .estimate-coupon-card,.theme-light .review-summary-card{box-shadow:0 18px 40px rgba(15,23,42,.08)}
.app-wrap-3d::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 18%, rgba(91,79,247,.22), transparent 28%),radial-gradient(circle at 82% 14%, rgba(34,211,238,.18), transparent 24%),radial-gradient(circle at 55% 78%, rgba(192,132,252,.16), transparent 26%)}
.theme-light .app-wrap-3d::after{background:radial-gradient(circle at 14% 18%, rgba(91,79,247,.16), transparent 28%),radial-gradient(circle at 82% 14%, rgba(34,211,238,.14), transparent 24%),radial-gradient(circle at 55% 78%, rgba(245,158,11,.10), transparent 26%)}
.quote-shell-subtitle{max-width:760px}
@media (max-width:860px){.brand-logo-image{max-width:82vw;max-height:92px}.scene-photo{background-position:center top}.brand-stack{gap:8px}}


/* deploy fix: compact add-on controls */
.compact-addon-card{padding:14px 14px 12px;cursor:pointer}
.addon-main-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.addon-title-wrap.compact{display:flex;align-items:center;gap:12px;min-width:0}
.addon-title-wrap.compact h3{margin:0 0 4px;font-size:15px;line-height:1.2}
.addon-title-wrap.compact p{margin:0;font-size:12px;line-height:1.35;opacity:.82}
.addon-icon.small{width:34px;height:34px;border-radius:12px;font-size:14px;flex:0 0 34px;box-shadow:none;transform:none}
.addon-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.qty-controls.compact{display:flex;align-items:center;gap:8px;position:relative;z-index:4}
.qty-btn{width:40px;height:40px;font-size:20px;font-weight:700;position:relative;z-index:5;touch-action:manipulation}
.qty-val{min-width:20px;text-align:center;font-weight:700}
@media (max-width: 860px){
  .addon-main-row{align-items:flex-start;gap:10px}
  .addon-right{gap:8px}
  .qty-btn{width:42px;height:42px}
  .addon-icon.small{width:30px;height:30px;font-size:13px}
}
.review-action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ghost-secondary{border:1px solid rgba(255,255,255,.18)}


.intro-choice-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 12px}
.intro-choice-btn{min-width:180px}
.compact-addon-card{padding:12px 12px 10px;transition:transform .18s ease, box-shadow .18s ease,border-color .18s ease}
.compact-addon-card .addon-main-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.compact-addon-card .addon-title-wrap.compact{display:flex;align-items:center;gap:10px;min-width:0}
.compact-addon-card .addon-title-wrap.compact h3{font-size:15px;line-height:1.2;margin:0 0 4px}
.compact-addon-card .addon-title-wrap.compact p{font-size:12px;line-height:1.35;margin:0;color:var(--muted)}
.addon-icon.small{width:28px;height:28px;border-radius:10px;font-size:12px;flex:0 0 28px}
.qty-controls.compact{gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:4px 6px;border-radius:14px}
.qty-btn{width:44px;height:44px;font-size:22px;font-weight:800;line-height:1;border-radius:12px}
.qty-val{min-width:24px;text-align:center;font-weight:800;font-size:15px}
.service-step-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:18px}
@media (max-width: 768px){
  .intro-choice-row{flex-direction:column}
  .intro-choice-btn,.welcome-continue-btn{width:100%}
  .compact-addon-card .addon-main-row{align-items:flex-start}
  .compact-addon-card .addon-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
  .qty-btn{width:46px;height:46px}
}


/* 2026 compact addon card refinement */
.grid.addons{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
}
.compact-addon-card{
  min-height:132px;
  padding:10px !important;
  border-radius:16px;
}
.compact-addon-card .addon-main-row{
  align-items:flex-start !important;
  gap:8px !important;
}
.compact-addon-card .addon-title-wrap.compact{
  gap:8px !important;
  min-width:0;
  flex:1;
}
.compact-addon-card .addon-title-wrap.compact h3{
  font-size:13px !important;
  line-height:1.15 !important;
  margin:0 0 4px !important;
}
.compact-addon-card .addon-title-wrap.compact p{
  font-size:10px !important;
  line-height:1.2 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:100%;
}
.compact-addon-card .price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 7px;
  border-radius:999px;
  font-size:11px !important;
  font-weight:700;
  white-space:nowrap;
}
.addon-icon.small{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  border-radius:7px !important;
  font-size:10px !important;
}
.compact-addon-card .addon-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  min-width:78px;
}
.qty-controls.compact{
  gap:4px !important;
  padding:3px 4px !important;
  border-radius:12px !important;
}
.qty-btn{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:10px !important;
  font-size:18px !important;
}
.qty-val{
  min-width:18px !important;
  font-size:13px !important;
}
@media (max-width: 768px){
  .grid.addons{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .compact-addon-card{
    min-height:122px;
    padding:9px !important;
  }
  .qty-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }
}

.addon-selected-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(139,92,246,.10);color:#7c3aed;min-height:36px}


/* Full transparency support */
.app[style*="--glass-alpha:0"] .booking-card-minimal,
.app[style*="--glass-alpha:0.0"] .booking-card-minimal,
.app[style*="--glass-alpha: 0"] .booking-card-minimal{box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.app[style*="--glass-alpha:0"] .service-card,
.app[style*="--glass-alpha:0"] .addon-card,
.app[style*="--glass-alpha:0"] .assistant-guide-card,
.app[style*="--glass-alpha:0"] .welcome-start-card,
.app[style*="--glass-alpha:0"] .summary-service-card,
.app[style*="--glass-alpha:0"] .estimate-hero-card,
.app[style*="--glass-alpha:0"] .estimate-coupon-card,
.app[style*="--glass-alpha:0"] .review-summary-card{background:transparent !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.app[style*="--glass-alpha:0"] .booking-card-minimal::before,
.app[style*="--glass-alpha:0"] .booking-card-minimal::after,
.app[style*="--glass-alpha:0"] .assistant-guide-card::after{opacity:0 !important}


/* Compact premium widget polish */
.booking-shell,.sq-main-shell{max-width:980px;margin-inline:auto;}
.grid.services .card{padding:16px;border-radius:18px;}
.addon-card{padding:12px;border-radius:16px;}
.service-icon-shell,.addon-icon{flex-shrink:0;}
.select-pill{font-size:11px;padding:6px 9px;border-radius:999px;}
.field-list .panel{border-radius:16px;}
.quote-shell,.estimate-lock-card{border-radius:20px;}
@media (max-width: 900px){.booking-shell,.sq-main-shell{max-width:100%;}.grid.services .card,.addon-card{padding:12px;}}


/* 2026 compact premium iframe-ready cleanup */
.storefront-premium-compact .booking-shell {
  max-width: 980px;
  margin-inline: auto;
}
.storefront-premium-compact .booking-card {
  border-radius: 26px;
  box-shadow: 0 20px 60px rgba(15,23,42,.10);
}
.storefront-premium-compact .booking-card-head {
  padding-bottom: 10px;
}
.storefront-premium-compact .quote-shell-title {
  font-size: clamp(28px, 4vw, 40px);
}
.storefront-premium-compact .quote-shell-subtitle {
  max-width: 640px;
}
.storefront-premium-compact .service-card,
.storefront-premium-compact .sq-service-card {
  border-radius: 18px;
  padding: 14px;
}
.storefront-premium-compact .sq-addon-card {
  border-radius: 16px;
}
.storefront-premium-compact .nav-buttons-large button,
.storefront-premium-compact .small-btn,
.storefront-premium-compact .primary,
.storefront-premium-compact .ghost {
  border-radius: 14px;
}


.app[data-form-mode="chat"] .booking-card { max-width: 860px; margin-inline: auto; }
.app[data-form-mode="chat"] .assistant-guide-card { margin-bottom: 14px; }
.app[data-form-mode="chat"] .chat-shell { background: rgba(255,255,255,.88); border:1px solid rgba(37,99,235,.12); border-radius: 24px; padding: 16px; }
.app[data-form-mode="chat"] .chat-messages { min-height: 280px; max-height: 440px; }
.app[data-form-mode="chat"] .chat-bubble { max-width: 92%; }
.app[data-form-mode="chat"] .chat-text { color:#334155; }
.app[data-form-mode="chat"] .chat-form { grid-template-columns: 1fr auto; }
.app[data-form-mode="chat"] .chat-send { min-width: 120px; }
.app-wrap, .theme-light, .theme-light body { color-scheme: light; }
.theme-dark, .theme-dark body { color-scheme: dark; }

.service-step-actions { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:16px; flex-wrap:wrap; }
.detail-line-list .summary-row { grid-template-columns: 1fr; }

.notice-card {
  border: 1px solid rgba(14,165,233,.18);
  background: linear-gradient(180deg, rgba(14,165,233,.08), rgba(14,165,233,.03));
  border-radius: 18px;
  padding: 12px 14px;
}

.estimate-breakdown {
  display: grid;
  gap: 8px;
  margin: 12px 0 16px;
}

.estimate-line {
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.65);
  font-size: .94rem;
}


body, .dashboard-wrap, .dashboard-shell, .panel, .table-wrap, table, th, td { color: #0f172a; }
.dashboard-light body, .dashboard-dark body { background: radial-gradient(circle at top, #eef2ff 0%, #f8fafc 62%); }
.dashboard-light .panel, .dashboard-light .hero-card, .dashboard-light .tile-link, .dashboard-light .stat-card,
.dashboard-light .workspace-panel, .dashboard-light .tenant-card, .dashboard-light .review-box,
.dashboard-light .login-card, .dashboard-light .success-card, .dashboard-light .theme-preview-card {
  background: rgba(255,255,255,.96);
  color: #0f172a;
  border-color: rgba(99,102,241,.12);
}
.dashboard-light .muted, .dashboard-light .small, .dashboard-light label { color: #475569; }
.dashboard-light .ghost, .dashboard-light .ghost-link, .dashboard-light .voice-toggle {
  color: #1e293b;
  background: rgba(99,102,241,.06);
  border-color: rgba(99,102,241,.12);
}
.dashboard-light .primary { color: #ffffff; }
.dashboard-theme-toggle { background: rgba(255,255,255,.95); color: #0f172a; border: 1px solid rgba(99,102,241,.12); box-shadow: 0 8px 24px rgba(99,102,241,.10); }
.marketing-light-shell .hero-card, .marketing-light-shell .panel { background: rgba(255,255,255,.96); }
.innovative-hero, .orange-hero { background: linear-gradient(135deg, rgba(238,242,255,.98), rgba(255,255,255,.96)); border-color: rgba(99,102,241,.14); }
.marketing-proof-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.proof-card { padding: 10px 4px; }
.pricing-section { display:grid; gap:16px; }
.marketing-headline-center { justify-content:center; text-align:center; }
.pricing-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:18px; }
.pricing-card { --plan-accent:#8b5cf6; padding:24px; border-radius:28px; border:1px solid rgba(99,102,241,.12); background: linear-gradient(180deg, rgba(248,250,252,.98), rgba(255,255,255,.96)); box-shadow: 0 16px 36px rgba(99,102,241,.08); }
.pricing-top { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.pricing-top h3 { margin:6px 0; font-size:28px; }
.pricing-price { text-align:right; color: var(--plan-accent); }
.pricing-price strong { display:block; font-size:44px; line-height:1; }
.trial-pill { display:inline-flex; gap:8px; align-items:center; padding:10px 14px; border-radius:999px; background: rgba(99,102,241,.10); color:#4338ca; font-weight:800; margin:14px 0 18px; }
.pricing-features { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.pricing-features li { display:flex; gap:10px; align-items:flex-start; color:#0f172a; }
.pricing-features i { color: var(--plan-accent); margin-top:3px; }
.pricing-actions { margin-top:18px; }
.admin-pricing-card .form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.admin-pricing-card .full-span { grid-column:1/-1; }
.mini-plan-form { display:grid; gap:8px; min-width:220px; }
@media (max-width: 860px) {
  .marketing-proof-grid { grid-template-columns: 1fr; }
  .pricing-top { flex-direction:column; }
}


/* Marketing navigation */
.marketing-top-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px 8px}
.marketing-brand{font-family:Outfit,Inter,sans-serif;font-weight:800;font-size:1.1rem;color:#312e81;text-decoration:none}
.marketing-nav-links{display:flex;flex-wrap:wrap;gap:14px}
.marketing-nav-links a{color:#0f172a;text-decoration:none;font-weight:700;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(99,102,241,.12)}
.marketing-nav-links a:hover{background:#fff;box-shadow:0 10px 24px rgba(99,102,241,.12)}
@media (max-width:760px){.marketing-top-nav{flex-direction:column;align-items:flex-start}.marketing-nav-links{width:100%}}

/* Unified storefront offer contrast across all themes */
.storefront-theme .estimate-coupon-card{border-width:1px}
.storefront-theme.theme-light .estimate-coupon-card,
.theme-light .estimate-coupon-card{background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(255,237,213,.94));border-color:rgba(249,115,22,.18);box-shadow:0 18px 42px rgba(249,115,22,.10), inset 0 1px 0 rgba(255,255,255,.9)}
.storefront-theme.theme-light .estimate-coupon-label,
.theme-light .estimate-coupon-label{color:#9a3412}
.storefront-theme.theme-light .estimate-coupon-card h3,
.theme-light .estimate-coupon-card h3{color:#111827}
.storefront-theme.theme-light .estimate-coupon-card p,
.theme-light .estimate-coupon-card p{color:#334155}
.storefront-theme.theme-light .estimate-timer-shell,
.theme-light .estimate-timer-shell{background:rgba(255,255,255,.88);border-color:rgba(249,115,22,.16)}
.storefront-theme.theme-light .estimate-timer-caption,
.theme-light .estimate-timer-caption{color:#64748b}
.storefront-theme.theme-light .estimate-timer,
.theme-light .estimate-timer{color:#111827}
.storefront-theme.theme-light .premium-offer-btn,
.theme-light .premium-offer-btn{background:#fff;color:#9a3412;border-color:rgba(249,115,22,.18)}

.storefront-theme.theme-dark .estimate-coupon-card,
.theme-dark .estimate-coupon-card{background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(249,115,22,.18));border-color:rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(2,8,23,.32)}
.storefront-theme.theme-dark .estimate-coupon-label,
.theme-dark .estimate-coupon-label{color:#fdba74}
.storefront-theme.theme-dark .estimate-coupon-card h3,
.theme-dark .estimate-coupon-card h3{color:#ffffff}
.storefront-theme.theme-dark .estimate-coupon-card p,
.theme-dark .estimate-coupon-card p{color:#e5e7eb}

.storefront-theme{--offer-title-color:#0f172a;--offer-body-color:#334155;--offer-label-color:#4338ca;--offer-timer-color:#312e81;--offer-btn-bg:#8b5cf6;--offer-btn-text:#ffffff;}
.storefront-theme.theme-light,.theme-light{--offer-title-color:#0f172a;--offer-body-color:#334155;--offer-label-color:#4338ca;--offer-timer-color:#312e81;--offer-btn-bg:#8b5cf6;--offer-btn-text:#ffffff;}
.storefront-theme.theme-dark,.theme-dark{--offer-title-color:#ffffff;--offer-body-color:#e5e7eb;--offer-label-color:#fdba74;--offer-timer-color:#ffffff;--offer-btn-bg:#2563eb;--offer-btn-text:#111827;}
.estimate-coupon-card h3{color:var(--offer-title-color)!important;}
.estimate-coupon-card p{color:var(--offer-body-color)!important;}
.estimate-coupon-label{color:var(--offer-label-color)!important;}
.estimate-coupon-card .estimate-timer{color:var(--offer-timer-color)!important;}
.estimate-coupon-card .premium-offer-btn{background:var(--offer-btn-bg)!important;color:var(--offer-btn-text)!important;border-color:transparent!important;font-weight:800;box-shadow:0 10px 24px rgba(15,23,42,.18);}
.estimate-coupon-card .premium-offer-btn:hover{filter:brightness(.97);transform:translateY(-1px);}

.storefront-theme.theme-dark .estimate-timer-shell,
.theme-dark .estimate-timer-shell{background:rgba(2,6,23,.34);border-color:rgba(255,255,255,.1)}
.storefront-theme.theme-dark .estimate-timer-caption,
.theme-dark .estimate-timer-caption{color:#cbd5e1}
.storefront-theme.theme-dark .estimate-timer,
.theme-dark .estimate-timer{color:#ffffff}
.storefront-theme.theme-dark .premium-offer-btn,
.theme-dark .premium-offer-btn{background:rgba(15,23,42,.88);color:#ffffff;border-color:rgba(255,255,255,.14)}

/* Better readability for dark presets */
.storefront-theme.theme-dark .muted,
.theme-dark .muted{color:#cbd5e1}
.storefront-theme.theme-dark .service-card p,
.storefront-theme.theme-dark .addon-title-wrap.compact p,
.storefront-theme.theme-dark .flow-helper-text,
.theme-dark .service-card p,
.theme-dark .addon-title-wrap.compact p,
.theme-dark .flow-helper-text{color:#cbd5e1}
.storefront-theme.theme-dark .price,
.theme-dark .price{color:#ffffff}
.storefront-theme.theme-dark .quote-shell-title,
.storefront-theme.theme-dark .assistant-guide-copy,
.theme-dark .quote-shell-title,
.theme-dark .assistant-guide-copy{color:#f8fafc}

/* =========================
   Kresna-style public rebuild
========================= */
.kresna-shell{max-width:1280px;margin:0 auto;padding:22px 20px 72px;color:#e5eefb;background:radial-gradient(circle at top left, rgba(249,115,22,.08), transparent 28%),radial-gradient(circle at 85% 12%, rgba(56,189,248,.10), transparent 26%),linear-gradient(180deg,#07111f 0%,#0a1324 36%,#0b1426 100%)}
.kresna-shell .muted{color:#9db0ca}
.kresna-shell h1,.kresna-shell h2,.kresna-shell h3,.kresna-shell h4{color:#f8fbff}
.kresna-nav{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(7,17,31,.74);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(2,8,23,.24)}
.kresna-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.kresna-brand strong{display:block;font-family:Outfit,Inter,sans-serif;font-size:1rem;line-height:1.05}
.kresna-brand small{display:block;color:#90a6c6;font-size:.82rem;margin-top:2px}
.brand-orb{width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#38bdf8);box-shadow:0 0 0 6px rgba(99,102,241,.10),0 0 30px rgba(99,102,241,.28)}
.kresna-nav-links,.kresna-nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kresna-nav-links a,.nav-ghost,.nav-primary{text-decoration:none;border-radius:999px;padding:11px 16px;font-weight:700;font-size:.95rem;transition:all .2s ease}
.kresna-nav-links a{color:#cbd9ee}
.kresna-nav-links a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-ghost{color:#fff;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.nav-primary{color:#09111f;background:linear-gradient(135deg,#8b5cf6,#2563eb);box-shadow:0 12px 30px rgba(99,102,241,.24)}
.kresna-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px;align-items:center;padding:56px 4px 18px}
.hero-pill,.section-eyebrow,.price-badge,.problem-tag,.offer-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);font-weight:700;font-size:.86rem;color:#ffd8bf}
.section-eyebrow{margin-bottom:16px;color:#ffcfad}
.hero-copy-block h1{font-family:Outfit,Inter,sans-serif;font-size:4.25rem;line-height:.98;letter-spacing:-.04em;margin:18px 0 18px;max-width:760px}
.hero-copy-block h1 span{color:#fbbf24}
.hero-subhead{font-size:1.08rem;line-height:1.8;max-width:760px;margin:0 0 24px;color:#b6c7df}
.hero-cta-row,.hero-meta-row,.demo-bullets,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-primary,.hero-secondary,.price-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;text-decoration:none;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-primary,.price-cta{background:linear-gradient(135deg,#8b5cf6,#2563eb);color:#09111f;box-shadow:0 16px 34px rgba(99,102,241,.24)}
.hero-secondary{color:#eff6ff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.hero-primary:hover,.hero-secondary:hover,.price-cta:hover,.nav-primary:hover{transform:translateY(-1px)}
.hero-meta-row{margin-top:18px;color:#c3d1e4;font-size:.94rem}
.hero-meta-row span{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.glow-surface{position:relative;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:28px;box-shadow:0 32px 80px rgba(2,8,23,.36),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.hero-screen{padding:18px}
.hero-screen::before,.solution-card::before,.demo-surface::before{content:'';position:absolute;inset:auto auto 12% -12%;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle, rgba(249,115,22,.24), transparent 64%);filter:blur(14px)}
.hero-screen::after,.demo-surface::after{content:'';position:absolute;inset:-8% -10% auto auto;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle, rgba(56,189,248,.22), transparent 68%);filter:blur(16px)}
.screen-toolbar{display:flex;align-items:center;gap:8px;padding:8px 8px 16px;color:#dce6f4;font-weight:700}
.screen-toolbar span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.16)}
.screen-content{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.screen-left-stack,.screen-right-stack{display:grid;gap:14px}
.mini-panel,.mini-chat-card,.mini-offer-card,.mini-card{border:1px solid rgba(255,255,255,.08);background:rgba(6,14,25,.66);border-radius:22px;padding:16px;color:#e9f1fb}
.stat-glow{box-shadow:0 16px 36px rgba(249,115,22,.16)}
.mini-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#8da5c6}
.mini-value{margin-top:10px;font-family:Outfit,Inter,sans-serif;font-size:1.5rem;font-weight:800}
.mini-muted{margin-top:8px;color:#9db0ca;font-size:.95rem;line-height:1.55}
.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mini-card span{display:block;color:#8da5c6;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.mini-card strong{display:block;font-size:1.7rem;margin-top:8px}
.mini-chat-header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:12px}
.live-dot{width:9px;height:9px;border-radius:999px;background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,.16)}
.mini-message{padding:12px 14px;border-radius:16px;font-size:.95rem;line-height:1.55}
.mini-message.assistant{background:rgba(255,255,255,.05);color:#e7eef9}
.mini-message.user{background:linear-gradient(135deg,rgba(249,115,22,.24),rgba(251,146,60,.18));color:#fff;margin:10px 0 10px auto;max-width:88%}
.mini-offer-card h4{margin:10px 0 8px;font-size:1.2rem}
.mini-offer-card p{margin:0;color:#a9bdd7;line-height:1.65}
.trusted-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 4px 8px;color:#d7e3f3}
.trusted-pills{display:flex;gap:10px;flex-wrap:wrap}
.trusted-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.92rem;color:#cfe0f5}
.section-frame{margin-top:26px;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:rgba(8,16,29,.58);box-shadow:0 22px 60px rgba(2,8,23,.22)}
.two-column-split,.demo-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.two-column-split h2,.pricing-headline h2,.contact-cta h2,.demo-copy h2{font-family:Outfit,Inter,sans-serif;font-size:2.4rem;line-height:1.08;margin:0}
.two-column-split p,.demo-copy p,.pricing-headline p,.contact-cta p{line-height:1.8;color:#aabed8;font-size:1rem}
.dark-grid-frame{background:linear-gradient(180deg,rgba(10,18,33,.88),rgba(7,15,27,.78))}
.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.problem-card,.solution-card,.how-card,.bento-card,.faq-item,.kresna-price-card{border:1px solid rgba(255,255,255,.08);border-radius:26px;background:rgba(255,255,255,.04);padding:24px;position:relative;overflow:hidden}
.problem-tag.success{color:#a7f3d0;border-color:rgba(16,185,129,.24);background:rgba(16,185,129,.10)}
.problem-card ul,.solution-card ul,.kresna-price-card ul{margin:18px 0 0;padding-left:18px;color:#c5d5e7;line-height:1.8}
.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.how-card span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#2563eb);color:#09111f;font-weight:900;margin-bottom:18px}
.how-card h3,.faq-item h3,.problem-card h3,.solution-card h3,.bento-card h3,.kresna-price-card h3{margin:0 0 10px;font-size:1.24rem}
.how-card p,.faq-item p,.bento-card p{margin:0;color:#abc0da;line-height:1.75}
.bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bento-card{min-height:220px}
.bento-wide{grid-column:span 2}
.bento-tall{grid-row:span 2}
.bento-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:16px;background:rgba(249,115,22,.16);color:#fdba74;margin-bottom:18px;font-size:1.1rem}
.bento-checks{display:grid;gap:10px;margin-top:18px}
.bento-checks span{display:inline-flex;align-items:center;gap:8px;color:#dbe7f6}
.demo-surface{padding:24px}
.demo-device{max-width:360px;margin:0 auto;border-radius:30px;padding:14px;background:linear-gradient(180deg,#0b1220,#111a2c);border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 50px rgba(2,8,23,.34)}
.demo-device-top{width:34%;height:18px;border-radius:999px;background:rgba(255,255,255,.12);margin:0 auto 14px}
.demo-device-body{border-radius:22px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
.demo-device-brand{font-family:Outfit,Inter,sans-serif;font-size:1.34rem;font-weight:800;color:#fff}
.demo-device-copy{margin-top:8px;color:#a8bdd8;line-height:1.6}
.demo-device-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.demo-chip{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d5e3f5;font-size:.92rem}
.demo-chip.active{background:linear-gradient(135deg,rgba(249,115,22,.24),rgba(251,146,60,.20));border-color:rgba(249,115,22,.28)}
.demo-form-line{height:12px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:18px}
.demo-form-line.short{width:68%}
.demo-offer-pill{display:inline-flex;margin-top:18px;padding:10px 14px;border-radius:999px;background:rgba(249,115,22,.16);border:1px solid rgba(249,115,22,.24);color:#ffe0c7;font-weight:700}
.pricing-headline{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.kresna-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kresna-price-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));min-height:100%}
.kresna-price-card.featured{border-color:rgba(249,115,22,.38);box-shadow:0 24px 60px rgba(249,115,22,.16)}
.kresna-price-card .price-line{display:flex;align-items:flex-end;gap:8px;margin:16px 0 10px}
.kresna-price-card .price-line strong{font-family:Outfit,Inter,sans-serif;font-size:3rem;line-height:1;color:#fff}
.kresna-price-card .price-line span{color:#93a8c4;font-weight:700}
.kresna-price-card .price-copy{color:#a6bdd7;line-height:1.7;min-height:120px}
.kresna-price-card ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:12px}
.kresna-price-card li{display:flex;gap:10px;color:#d9e7f6;align-items:flex-start}
.kresna-price-card i{color:#fbbf24;margin-top:4px}
.price-cta{width:100%}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.contact-actions{justify-content:flex-start}
.reveal-up{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.reveal-up.delay-1{transition-delay:.08s}.reveal-up.delay-2{transition-delay:.14s}
.reveal-up.is-visible{opacity:1;transform:none}
@media (max-width:1080px){.kresna-hero,.two-column-split,.demo-split,.contact-cta{grid-template-columns:1fr}.screen-content,.problem-solution-grid,.kresna-pricing-grid,.how-grid,.bento-grid,.faq-grid{grid-template-columns:1fr 1fr}.bento-wide,.bento-tall{grid-column:auto;grid-row:auto}.pricing-headline{flex-direction:column;align-items:flex-start}.contact-actions{margin-top:6px}}
@media (max-width:760px){.kresna-shell{padding:16px 12px 54px}.kresna-nav{top:10px;flex-direction:column;align-items:flex-start;padding:14px}.kresna-nav-links,.kresna-nav-actions{width:100%}.kresna-hero{padding-top:34px}.hero-copy-block h1{font-size:2.8rem}.screen-content,.mini-grid,.problem-solution-grid,.how-grid,.bento-grid,.faq-grid{grid-template-columns:1fr}.section-frame{padding:22px;border-radius:24px}.two-column-split h2,.pricing-headline h2,.contact-cta h2,.demo-copy h2{font-size:1.9rem}.trusted-strip{flex-direction:column;align-items:flex-start}.hero-meta-row span{width:100%}.kresna-price-card .price-copy{min-height:auto}}

/* ===== Innovative Booking public light landing v3 ===== */
.ib-public-light{max-width:1280px;margin:0 auto;padding:18px 18px 72px;background:radial-gradient(circle at 0 0,rgba(251,146,60,.14),transparent 28%),radial-gradient(circle at 95% 10%,rgba(253,186,116,.22),transparent 26%),linear-gradient(180deg,#fffaf5 0%,#fff7ed 46%,#ffffff 100%);color:#1f2937}
.ib-public-light h1,.ib-public-light h2,.ib-public-light h3,.ib-public-light h4{color:#111827}
.ib-public-light p{color:#475569;line-height:1.75}
.ib-nav{position:sticky;top:14px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:22px;border:1px solid rgba(251,146,60,.18);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.ib-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111827}
.ib-brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:800;box-shadow:0 14px 28px rgba(99,102,241,.22)}
.ib-brand strong{display:block;font-family:Outfit,Inter,sans-serif;font-size:1rem;line-height:1.05}.ib-brand small{display:block;color:#64748b;font-size:.82rem;margin-top:2px}
.ib-nav-links,.ib-nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ib-nav-links a,.ib-nav-ghost,.ib-nav-primary{text-decoration:none;border-radius:999px;padding:11px 16px;font-weight:700;font-size:.95rem;transition:all .2s ease}.ib-nav-links a{color:#475569}.ib-nav-links a:hover{background:rgba(99,102,241,.10);color:#111827}.ib-nav-ghost{color:#0f172a;background:#fff;border:1px solid rgba(226,232,240,.9)}.ib-nav-primary{background:linear-gradient(135deg,#8b5cf6,#2563eb);color:#fff;box-shadow:0 12px 24px rgba(99,102,241,.22)}
.ib-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:28px;align-items:center;padding:54px 6px 16px}
.ib-pill,.ib-eyebrow,.ib-price-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(251,146,60,.18);background:rgba(255,255,255,.82);font-weight:800;font-size:.86rem;color:#c2410c;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.ib-hero-copy h1{margin:16px 0 16px;font-family:Outfit,Inter,sans-serif;font-size:clamp(3rem,5vw,4.8rem);line-height:.98;letter-spacing:-.04em}.ib-hero-copy h1 span{background:linear-gradient(135deg,#8b5cf6,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.ib-lead{font-size:1.08rem;max-width:700px}
.ib-hero-actions,.ib-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ib-btn-primary,.ib-btn-secondary{text-decoration:none;border-radius:16px;padding:14px 18px;font-weight:800;display:inline-flex;align-items:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease}.ib-btn-primary{background:linear-gradient(135deg,#8b5cf6,#2563eb);color:#fff;box-shadow:0 16px 30px rgba(99,102,241,.24)}.ib-btn-secondary{background:#fff;color:#111827;border:1px solid rgba(226,232,240,.95);box-shadow:0 14px 26px rgba(15,23,42,.06)}.ib-btn-primary:hover,.ib-btn-secondary:hover,.ib-nav-primary:hover{transform:translateY(-1px)}.ib-btn-primary.full{justify-content:center;width:100%}
.ib-meta-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.ib-meta-row span{display:inline-flex;gap:8px;align-items:center;color:#475569;font-weight:700}
.ib-app-frame,.ib-copy-card,.ib-step-card,.ib-bento,.ib-price-card,.ib-faq-item,.ib-strip-card,.ib-box-card,.ib-stat-card,.ib-chat-card,.ib-contact{background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.95);border-radius:26px;box-shadow:0 22px 48px rgba(15,23,42,.07)}
.ib-float-card{position:relative;overflow:hidden}.ib-float-card::after{content:"";position:absolute;inset:auto -30% -45% auto;width:180px;height:180px;background:radial-gradient(circle,rgba(253,186,116,.32),transparent 65%);pointer-events:none}
.ib-app-frame{padding:18px}.ib-toolbar{display:flex;align-items:center;gap:8px;color:#64748b;font-weight:700;padding-bottom:14px}.ib-toolbar span{width:10px;height:10px;border-radius:999px;background:#fda4af}.ib-toolbar span:nth-child(2){background:#fcd34d}.ib-toolbar span:nth-child(3){background:#86efac}.ib-toolbar strong{margin-left:8px;color:#334155}
.ib-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ib-visual-stack,.ib-feature-column{display:grid;gap:14px}.ib-stat-card{padding:18px}.ib-stat-card label,.ib-offer-box small{display:block;color:#94a3b8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ib-stat-card strong{display:block;font-size:1.28rem;margin:6px 0 6px}
.ib-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ib-mini-card{padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff,#fff7ed);border:1px solid rgba(251,146,60,.16)}.ib-mini-card span{display:block;color:#94a3b8;font-weight:700;font-size:.82rem;margin-bottom:8px}.ib-mini-card strong{font-size:1.5rem;color:#111827}
.ib-chat-card{padding:18px;display:grid;gap:12px}.ib-chat-head{display:flex;align-items:center;gap:8px;color:#334155;font-weight:800}.ib-live-dot{width:10px;height:10px;border-radius:999px;background:#22c55e}.ib-msg{padding:12px 14px;border-radius:18px;font-size:.96rem}.ib-msg.ai{background:#eef2ff;color:#312e81}.ib-msg.user{background:#eff6ff;color:#1d4ed8;margin-left:auto;max-width:82%}.ib-offer-box{padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#eef2ff,#eff6ff);border:1px solid rgba(251,146,60,.18)}.ib-offer-box strong{display:block;color:#111827;font-size:1.06rem;margin:6px 0}
.ib-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 0}.ib-strip-card{padding:16px;display:flex;gap:10px;align-items:center;font-weight:800;color:#334155}.ib-strip-card i{color:#8b5cf6}
.ib-section{padding:34px 0}.ib-section-top{max-width:880px;margin-bottom:20px}.ib-section-top h2{font-size:clamp(2rem,3vw,2.9rem);line-height:1.06;margin:12px 0}.ib-subcopy{max-width:760px}
.ib-two-col{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px}.ib-copy-card{padding:24px}.ib-feature-column .ib-box-card{padding:20px}.ib-box-card strong{display:block;margin-bottom:8px;font-size:1.05rem;color:#111827}
.ib-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ib-step-card{padding:22px}.ib-step-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:900;margin-bottom:12px}.ib-step-card h3{margin:0 0 8px;font-size:1.1rem}
.ib-bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ib-bento{padding:22px}.ib-bento.wide{grid-column:span 2}.ib-bento.tall{grid-row:span 2}.ib-bento i{font-size:1.3rem;color:#8b5cf6;margin-bottom:12px}.ib-bento h3{margin:0 0 8px;font-size:1.16rem}.ib-bento ul{padding-left:18px;color:#475569;line-height:1.8}
.ib-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ib-price-card{padding:24px;background:linear-gradient(180deg,#ffffff,#fffaf5)}.ib-price-card.featured{border-color:rgba(249,115,22,.34);box-shadow:0 26px 60px rgba(249,115,22,.16)}.ib-price-line{display:flex;align-items:flex-end;gap:8px;margin:14px 0 12px}.ib-price-line strong{font-family:Outfit,Inter,sans-serif;font-size:3rem;line-height:1}.ib-price-line span{color:#64748b;font-weight:700}.ib-price-card ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:12px}.ib-price-card li{display:flex;gap:10px;align-items:flex-start;color:#334155}.ib-price-card i{color:#f59e0b;margin-top:4px}
.ib-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ib-faq-item{padding:22px}.ib-faq-item h3{margin:0 0 10px;font-size:1.08rem}
.ib-contact{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.ib-public-light .reveal-up{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.ib-public-light .reveal-up.is-visible{opacity:1;transform:none}
@media (max-width:1080px){.ib-hero,.ib-two-col,.ib-contact{grid-template-columns:1fr}.ib-app-grid,.ib-steps-grid,.ib-pricing-grid,.ib-faq-grid,.ib-bento-grid,.ib-strip{grid-template-columns:1fr 1fr}.ib-bento.wide,.ib-bento.tall{grid-column:auto;grid-row:auto}}
@media (max-width:760px){.ib-public-light{padding:14px 12px 54px}.ib-nav{top:10px;flex-direction:column;align-items:flex-start;padding:14px}.ib-nav-links,.ib-nav-actions{width:100%}.ib-hero{padding-top:36px;grid-template-columns:1fr}.ib-app-grid,.ib-mini-grid,.ib-strip,.ib-steps-grid,.ib-pricing-grid,.ib-faq-grid,.ib-bento-grid{grid-template-columns:1fr}.ib-hero-copy h1{font-size:2.8rem}.ib-contact{grid-template-columns:1fr}}


/* === Public landing v3: clean light AI SaaS === */
.ibv2-site{
  --ib-accent:#8b5cf6;
  --ib-accent-2:#c4b5fd;
  --ib-ink:#111827;
  --ib-muted:#5b6475;
  --ib-line:rgba(17,24,39,.08);
  --ib-card:#ffffff;
  --ib-soft:#f5f3ff;
  position:relative;
  min-height:100vh;
  background:
    radial-gradient(circle at 10% 0%, rgba(139,92,246,.14), transparent 28%),
    radial-gradient(circle at 100% 20%, rgba(196,181,253,.18), transparent 30%),
    linear-gradient(180deg, #fcfbff 0%, #f5f3ff 100%);
  color:var(--ib-ink);
  overflow:hidden;
}
.ibv2-bg-orb{position:absolute;border-radius:999px;filter:blur(70px);opacity:.32;pointer-events:none;}
.ibv2-bg-orb.orb-a{width:280px;height:280px;background:#ddd6fe;top:-70px;right:-40px;}
.ibv2-bg-orb.orb-b{width:240px;height:240px;background:#ede9fe;left:-80px;top:260px;}
.ibv2-nav,.ibv2-hero,.ibv2-section,.ibv2-contact,.ibv2-logo-strip{position:relative;z-index:2;max-width:1480px;margin:0 auto;padding-left:34px;padding-right:34px;}
.ibv2-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:18px;}
.ibv2-brand{display:flex;align-items:center;gap:14px;color:var(--ib-ink);text-decoration:none;}
.ibv2-brand strong{display:block;font-size:16px;line-height:1.1;}
.ibv2-brand small{display:block;font-size:12px;color:var(--ib-muted);}
.ibv2-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#c4b5fd);color:#fff;font-weight:900;box-shadow:0 18px 38px rgba(139,92,246,.22);}
.ibv2-nav-links,.ibv2-nav-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.ibv2-nav-links a{color:var(--ib-muted);text-decoration:none;font-weight:700;font-size:14px;}
.ibv2-nav-links a:hover{color:var(--ib-ink);}
.ibv2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;padding:13px 18px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:.2s ease;}
.ibv2-btn:hover{transform:translateY(-1px);}
.ibv2-btn.primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 18px 35px rgba(139,92,246,.22);}
.ibv2-btn.secondary{background:#fff;color:var(--ib-ink);border-color:var(--ib-line);}
.ibv2-btn.ghost{background:rgba(255,255,255,.7);color:var(--ib-ink);border-color:var(--ib-line);}
.ibv2-btn.full{width:100%;}
.ibv2-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding-top:54px;padding-bottom:54px;}
.ibv2-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--ib-line);color:#6d28d9;font-weight:800;font-size:13px;backdrop-filter: blur(10px);}
.ibv2-pill.soft{background:rgba(255,255,255,.9);}
.ibv2-hero-copy h1{font-size:clamp(42px,5.4vw,74px);line-height:.98;margin:18px 0 18px;letter-spacing:-.04em;max-width:700px;}
.ibv2-hero-copy h1 span{color:#7c3aed;}
.ibv2-hero-copy p{font-size:18px;line-height:1.7;color:var(--ib-muted);max-width:640px;margin:0;}
.ibv2-hero-actions,.ibv2-bullet-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.ibv2-hero-actions{margin-top:24px;}
.ibv2-bullet-row{margin-top:18px;color:var(--ib-ink);font-weight:700;}
.ibv2-bullet-row span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--ib-line);}
.ibv2-window{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.75);border-radius:30px;padding:16px;box-shadow:0 38px 80px rgba(139,92,246,.12),0 8px 24px rgba(17,24,39,.06);backdrop-filter: blur(18px);}
.ibv2-window-bar{display:flex;align-items:center;gap:8px;color:var(--ib-muted);font-size:13px;font-weight:800;padding:4px 6px 14px;}
.ibv2-window-bar span{width:10px;height:10px;border-radius:999px;background:#ddd6fe;}
.ibv2-window-bar span:nth-child(2){background:#c4b5fd}.ibv2-window-bar span:nth-child(3){background:#a78bfa}
.ibv2-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ibv2-preview-card,.ibv2-copy-card,.ibv2-icon-card,.ibv2-step,.ibv2-bento-card,.ibv2-price-card,.ibv2-faq-item,.ibv2-demo-card,.ibv2-logo-item{background:#fff;border:1px solid var(--ib-line);border-radius:24px;box-shadow:0 18px 40px rgba(17,24,39,.05);}
.ibv2-preview-card{padding:20px;display:flex;flex-direction:column;gap:10px;min-height:156px;}
.ibv2-preview-card.highlight{background:linear-gradient(180deg,#faf5ff,#ffffff);}
.ibv2-preview-card i{font-size:22px;color:#8b5cf6;}
.ibv2-preview-kicker{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#7c3aed;}
.ibv2-preview-card h3,.ibv2-section h2,.ibv2-contact h2{margin:0;color:var(--ib-ink);}
.ibv2-preview-card p,.ibv2-copy-card p,.ibv2-step p,.ibv2-bento-card p,.ibv2-price-card p,.ibv2-faq-item p,.ibv2-demo-card p,.ibv2-icon-card p{margin:0;color:var(--ib-muted);line-height:1.7;}
.ibv2-mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.ibv2-mini-tags span{padding:8px 10px;border-radius:999px;background:var(--ib-soft);color:#6d28d9;font-size:12px;font-weight:800;}
.ibv2-logo-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:8px;padding-bottom:16px;}
.ibv2-logo-item{padding:18px 14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7c3aed;font-weight:800;}
.ibv2-section{padding-top:72px;padding-bottom:10px;}
.ibv2-section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;max-width:820px;}
.ibv2-section-head.center{text-align:center;align-items:center;margin-left:auto;margin-right:auto;}
.ibv2-section-head span{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#7c3aed;}
.ibv2-section-head h2{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-.03em;}
.ibv2-grid.two{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;}
.ibv2-copy-card{padding:28px;display:grid;gap:16px;}
.ibv2-icon-stack{display:grid;gap:14px;}
.ibv2-icon-card{padding:20px;display:flex;gap:16px;align-items:flex-start;}
.ibv2-icon-card i{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:var(--ib-soft);color:#8b5cf6;flex:0 0 auto;}
.ibv2-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.ibv2-step{padding:24px;display:grid;gap:12px;}
.ibv2-step span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--ib-soft);color:#7c3aed;font-weight:900;}
.ibv2-step h3,.ibv2-bento-card h3,.ibv2-price-card h3,.ibv2-faq-item h3,.ibv2-demo-card h3{margin:0;font-size:20px;color:var(--ib-ink);}
.ibv2-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.ibv2-bento-card{padding:24px;display:grid;gap:12px;min-height:170px;}
.ibv2-bento-card.wide{grid-column:span 2;min-height:190px;background:linear-gradient(180deg,#faf5ff,#ffffff);}
.ibv2-bento-card i{font-size:26px;color:#8b5cf6;}
.ibv2-demo-card{padding:28px;display:grid;grid-template-columns:1fr .9fr;gap:22px;align-items:center;}
.ibv2-demo-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ibv2-demo-mini-grid article{padding:16px;border-radius:20px;background:var(--ib-soft);border:1px solid rgba(139,92,246,.14);display:grid;gap:8px;font-weight:800;color:var(--ib-ink);}
.ibv2-demo-mini-grid i{color:#8b5cf6;}
.ibv2-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ibv2-price-card{padding:28px;display:flex;flex-direction:column;gap:14px;}
.ibv2-price-card.featured{border-color:rgba(139,92,246,.28);box-shadow:0 28px 60px rgba(139,92,246,.14);transform:translateY(-4px);}
.ibv2-price-badge{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:var(--ib-soft);color:#6d28d9;font-weight:900;font-size:12px;}
.ibv2-price{font-size:52px;font-weight:900;line-height:1;letter-spacing:-.04em;}
.ibv2-price sup{font-size:22px;vertical-align:top;}
.ibv2-price small{font-size:14px;color:var(--ib-muted);font-weight:700;}
.ibv2-price-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.ibv2-price-card li{display:flex;gap:10px;align-items:flex-start;color:var(--ib-muted);}
.ibv2-price-card li i{color:#8b5cf6;margin-top:4px;}
.ibv2-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ibv2-faq-item{padding:22px;display:grid;gap:10px;}
.ibv2-contact{margin-top:72px;margin-bottom:64px;padding:42px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fdfbff,#ffffff 38%,#f7f3ff);border:1px solid var(--ib-line);border-radius:34px;box-shadow:0 28px 72px rgba(17,24,39,.06);}
.ibv2-contact p{margin:10px 0 0;color:var(--ib-muted);max-width:620px;}
.ibv2-contact-actions{display:flex;gap:12px;flex-wrap:wrap;}
@media (max-width: 1100px){
  .ibv2-hero,.ibv2-grid.two,.ibv2-demo-card{grid-template-columns:1fr;}
  .ibv2-steps,.ibv2-pricing-grid,.ibv2-bento,.ibv2-logo-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 860px){
  .ibv2-nav{flex-wrap:wrap;}
  .ibv2-nav-links{order:3;width:100%;justify-content:flex-start;overflow:auto;padding-bottom:4px;}
  .ibv2-preview-grid,.ibv2-faq-grid,.ibv2-demo-mini-grid,.ibv2-pricing-grid,.ibv2-steps,.ibv2-bento,.ibv2-logo-strip{grid-template-columns:1fr;}
  .ibv2-bento-card.wide{grid-column:auto;}
  .ibv2-contact{flex-direction:column;align-items:flex-start;}
  .ibv2-hero{padding-top:22px;}
  .ibv2-hero-copy h1{font-size:42px;}
}


.brand-fallback-mark{background:linear-gradient(135deg,#8b5cf6,#c084fc);color:#fff;box-shadow:0 16px 32px rgba(139,92,246,.24)}
.service-icon-shell,.addon-icon{width:56px;height:56px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,238,255,.95));border:1px solid rgba(139,92,246,.18);box-shadow:0 12px 30px rgba(139,92,246,.12), inset 0 1px 0 rgba(255,255,255,.9);color:#8b5cf6;transform:none}
.service-icon-shell i,.addon-icon i{font-size:20px;color:inherit}
.service-icon-shell.small{width:44px;height:44px;border-radius:16px}
.theme-light .service-icon-shell,.theme-light .addon-icon,.storefront-theme .service-icon-shell,.storefront-theme .addon-icon{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,238,255,.95));color:#8b5cf6;border-color:rgba(139,92,246,.18)}
.service-card,.addon-card,.booking-card,.panel,.card,.review-box,.tenant-card,.stat-card,.quote-builder-step,.estimate-coupon-card{background:rgba(255,255,255,.72)!important;border:1px solid rgba(139,92,246,.16)!important;box-shadow:0 16px 42px rgba(91,64,160,.10)!important;backdrop-filter:blur(18px)}
.service-card.is-selected,.addon-card.is-selected,.selected-service,.service-card.selected{border-color:#8b5cf6!important;box-shadow:0 18px 44px rgba(139,92,246,.18)!important}
.quote-shell-title,.screen h1,.screen h2,.section-headline,.booking-badge,strong{color:#2b2142}
.muted,.small,label,.quote-shell-subtitle{color:#6f628f}
.notes-box.premium-notes-box{margin-top:16px;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(246,242,255,.86));border:1px solid rgba(139,92,246,.16);box-shadow:0 12px 30px rgba(139,92,246,.10)}
.notes-box.premium-notes-box label{display:block;margin-bottom:8px;font-weight:700;color:#3f2d68}
textarea.input{min-height:104px;resize:vertical}
.estimate-coupon-card h3,.estimate-coupon-card p,.estimate-coupon-label,.estimate-timer,.estimate-timer-caption,.premium-offer-btn{color:#2b2142!important}
.premium-offer-btn{background:rgba(139,92,246,.10)!important;border-color:rgba(139,92,246,.18)!important}
.dashboard-body .page-shell,.dashboard-body .dashboard-panel,.dashboard-body .superadmin-shell,.dashboard-body .admin-shell,.dashboard-body .content-card{background:transparent}
body.public-marketing-body{background:radial-gradient(circle at top,#ffffff 0%,#f6f2ff 58%,#efe7ff 100%)}


.ibv2-site::after{content:"";position:absolute;inset:auto 0 -120px 0;height:320px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(196,181,253,.18));pointer-events:none;}
.ibv2-nav{padding-top:24px;padding-bottom:20px;}
.ibv2-nav.is-sticky{position:sticky;top:0;background:rgba(252,251,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,24,39,.06);}
.ibv2-brand-copy{display:grid;gap:2px;}
.ibv2-brand-copy em{font-style:normal;font-size:12px;color:var(--ib-muted);font-weight:700;}
.ibv2-hero-copy{max-width:760px;}
.ibv2-hero-copy p strong{color:var(--ib-ink);}
.ibv2-hero-shell{position:relative;}
.ibv2-hero-glow{position:absolute;right:-40px;top:-20px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle, rgba(139,92,246,.18), rgba(139,92,246,0));filter:blur(12px);pointer-events:none;}
.ibv2-window.hero-stage{padding:22px;position:relative;overflow:hidden;}
.ibv2-window.hero-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.06),rgba(255,255,255,0) 45%, rgba(59,130,246,.05));pointer-events:none;}
.ibv2-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 18px;position:relative;z-index:1;}
.ibv2-stage-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--ib-line);font-size:12px;font-weight:800;color:#6d28d9;}
.ibv2-stage-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px;position:relative;z-index:1;}
.ibv2-stage-score article{background:rgba(255,255,255,.84);border:1px solid rgba(17,24,39,.06);border-radius:20px;padding:14px 16px;display:grid;gap:4px;box-shadow:0 12px 24px rgba(17,24,39,.04);}
.ibv2-stage-score strong{font-size:26px;line-height:1;color:var(--ib-ink);}
.ibv2-stage-score span{font-size:12px;font-weight:800;color:var(--ib-muted);text-transform:uppercase;letter-spacing:.08em;}
.ibv2-stage-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;position:relative;z-index:1;}
.ibv2-stage-panel{background:rgba(255,255,255,.88);border:1px solid rgba(17,24,39,.06);border-radius:24px;padding:18px;display:grid;gap:14px;box-shadow:0 14px 30px rgba(17,24,39,.05);}
.ibv2-stage-panel h3{margin:0;font-size:18px;color:var(--ib-ink);}
.ibv2-stage-subline{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;}
.ibv2-stage-subline small{font-size:12px;font-weight:800;color:var(--ib-muted);}
.ibv2-stage-wave{display:flex;align-items:flex-end;gap:5px;height:34px;}
.ibv2-stage-wave span{display:block;width:7px;border-radius:999px;background:linear-gradient(180deg,#8b5cf6,#c4b5fd);animation:ibv2Wave 1.1s ease-in-out infinite;}
.ibv2-stage-wave span:nth-child(1){height:14px;animation-delay:.05s;}
.ibv2-stage-wave span:nth-child(2){height:28px;animation-delay:.15s;}
.ibv2-stage-wave span:nth-child(3){height:18px;animation-delay:.25s;}
.ibv2-stage-wave span:nth-child(4){height:30px;animation-delay:.35s;}
.ibv2-stage-wave span:nth-child(5){height:16px;animation-delay:.45s;}
@keyframes ibv2Wave{0%,100%{transform:scaleY(.8);opacity:.7}50%{transform:scaleY(1.05);opacity:1}}
.ibv2-service-list{display:grid;gap:10px;}
.ibv2-service-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#faf7ff);border:1px solid rgba(139,92,246,.12);font-weight:800;color:var(--ib-ink);}
.ibv2-service-item.active{box-shadow:0 18px 30px rgba(139,92,246,.12);border-color:rgba(139,92,246,.24);}
.ibv2-service-item small{color:#6d28d9;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.ibv2-service-item em{font-style:normal;color:var(--ib-muted);font-weight:700;font-size:13px;}
.ibv2-micro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ibv2-micro-card{padding:14px;border-radius:18px;background:linear-gradient(180deg,#faf5ff,#ffffff);border:1px solid rgba(139,92,246,.12);display:grid;gap:8px;}
.ibv2-micro-card strong{font-size:14px;color:var(--ib-ink);}
.ibv2-micro-card span{font-size:12px;color:var(--ib-muted);font-weight:700;}
.ibv2-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;}
.ibv2-trust-strip article{padding:18px 16px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid rgba(17,24,39,.06);box-shadow:0 14px 26px rgba(17,24,39,.04);display:grid;gap:6px;}
.ibv2-trust-strip strong{font-size:28px;line-height:1;color:var(--ib-ink);}
.ibv2-trust-strip span{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#7c3aed;}
.ibv2-trust-strip p{margin:0;color:var(--ib-muted);font-size:14px;line-height:1.55;}
.ibv2-copy-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.ibv2-copy-card li{display:flex;gap:12px;align-items:flex-start;color:var(--ib-muted);}
.ibv2-copy-card li i{color:#8b5cf6;margin-top:4px;}
.ibv2-logo-strip.full-bleed,.ibv2-band{max-width:none;padding-left:34px;padding-right:34px;}
.ibv2-band{position:relative;z-index:2;margin-top:10px;margin-bottom:10px;}
.ibv2-band-inner{max-width:1480px;margin:0 auto;padding:18px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,244,255,.82));border:1px solid rgba(17,24,39,.06);box-shadow:0 22px 44px rgba(17,24,39,.05);}
.ibv2-price-card .plan-note{font-size:13px;color:var(--ib-muted);font-weight:700;}
.ibv2-faq-item h3{font-size:18px;}
@media (max-width: 1100px){.ibv2-stage-grid,.ibv2-trust-strip{grid-template-columns:1fr 1fr;}}
@media (max-width: 860px){.ibv2-nav,.ibv2-hero,.ibv2-section,.ibv2-contact,.ibv2-logo-strip,.ibv2-band{padding-left:18px;padding-right:18px;}.ibv2-stage-grid,.ibv2-stage-score,.ibv2-trust-strip,.ibv2-micro-grid{grid-template-columns:1fr;}.ibv2-hero{gap:28px;}.ibv2-band-inner{padding:14px;}.ibv2-nav.is-sticky{position:relative;}.ibv2-window.hero-stage{padding:16px;}}


.booking-card-head-premium{align-items:stretch}
.quote-kicker-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.booking-badge-soft{background:rgba(139,92,246,.12);color:#6d28d9;border:1px solid rgba(139,92,246,.18)}
.booking-mini-proof{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.16);font-size:.84rem;font-weight:700;color:#334155}
.brand-lockup-premium{align-items:flex-start;gap:16px}
.quote-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7c3aed;margin-bottom:8px}
.storefront-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.storefront-value-card{display:grid;gap:6px;padding:14px 15px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.92));box-shadow:0 12px 30px rgba(15,23,42,.05)}
.storefront-value-card strong{font-size:.92rem;color:#0f172a}
.storefront-value-card span{font-size:.86rem;color:#64748b;line-height:1.45}
.quote-top-rail{display:grid;gap:12px;align-content:start;min-width:190px}
.quote-top-lock-premium{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,250,252,.92));box-shadow:0 14px 34px rgba(15,23,42,.06)}
.quote-assist-controls-premium{display:flex;justify-content:flex-end}
.storefront-guided-flow .quote-shell-subtitle{max-width:60ch;color:#64748b;font-size:1rem;line-height:1.6}
@media (max-width: 940px){.storefront-value-grid{grid-template-columns:1fr}.quote-top-rail{min-width:0}.quote-assist-controls-premium{justify-content:flex-start}}


/* 2026 iframe single-card mode */
.app-wrap.iframe-mode{min-height:auto;padding:0;background:transparent!important;}
.app-wrap.iframe-mode .scene-photo,.app-wrap.iframe-mode .scene-glow,.app-wrap.iframe-mode .scene-grid,.app-wrap.iframe-mode .scene-ring,.app-wrap.iframe-mode .scene-noise,.app-wrap.iframe-mode .floating-orb,.app-wrap.iframe-mode .scene-depth-panel{display:none!important;}
.app-wrap.iframe-mode::after{display:none!important;}
.app-wrap.iframe-mode .booking-shell-minimal{max-width:100%;padding:10px 10px 14px;}
.app-wrap.iframe-mode.transparent-frame .booking-shell-minimal{padding:0;}
.app-wrap.iframe-mode .booking-shell-3d,.app[data-iframe-mode="1"] .booking-card-minimal{perspective:none;transform:none!important;}
.app-wrap.iframe-mode .booking-card-minimal{border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.08);}
.app[data-iframe-mode="1"][data-compact-iframe-header="1"] .booking-card-head-premium{gap:12px;padding-bottom:12px;margin-bottom:12px;}
.app[data-iframe-mode="1"][data-compact-iframe-header="1"] .brand-stack{gap:8px;}
.app[data-iframe-mode="1"][data-compact-iframe-header="1"] .quote-shell-title{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.05;}
.app[data-iframe-mode="1"][data-compact-iframe-header="1"] .quote-shell-subtitle{font-size:.95rem;line-height:1.45;}
.app[data-iframe-mode="1"] .quote-kicker-row,.app[data-iframe-mode="1"] .storefront-value-grid,.app[data-iframe-mode="1"] .assistant-guide-card,.app[data-iframe-mode="1"] .quote-support-row{display:none;}
.app[data-iframe-mode="1"][data-show-brand-row="0"] .brand-lockup{display:none!important;}
.app[data-iframe-mode="1"][data-show-header-chips="1"] .quote-kicker-row{display:flex;}
.app[data-iframe-mode="1"][data-show-feature-cards="1"] .storefront-value-grid{display:grid;}
.app[data-iframe-mode="1"][data-show-intro-cards="1"] .assistant-guide-card{display:grid;}
.app[data-iframe-mode="1"][data-show-support-actions="1"] .quote-support-row{display:flex;}
.app[data-iframe-mode="1"][data-show-estimate-badge="0"] .quote-top-lock{display:none!important;}
.app[data-iframe-mode="1"][data-show-voice-toggle="0"] #voiceBtn{display:none!important;}
.app[data-iframe-mode="1"][data-show-estimate-badge="0"][data-show-voice-toggle="0"] .quote-top-rail{display:none!important;}
.app[data-iframe-mode="1"] .welcome-screen{gap:12px;}
.app[data-iframe-mode="1"] .welcome-start-card{margin-top:0;}
.app[data-iframe-mode="1"] .screen{padding-bottom:0;}
.app[data-iframe-mode="1"] .booking-nav-wrap{margin-top:12px;}
.app[data-iframe-mode="1"] .quote-support-row{margin-top:12px;padding-top:12px;}
@media (max-width:860px){.app-wrap.iframe-mode .booking-shell-minimal{padding:0 0 10px;}.app-wrap.iframe-mode.transparent-frame .booking-card-minimal{border-radius:18px;}}

/* 2026-04-03 booking form polish: question + live estimate */
.question-step-screen .assistant-guide-card,
.estimate-screen-refined .assistant-guide-card{
  margin-bottom:16px;
}
.question-step-shell,
.estimate-stage-shell{
  display:grid;
  gap:18px;
}
.question-step-meta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:20px 22px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.9));
  border:1px solid rgba(139,92,246,.14);
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.question-step-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(139,92,246,.1);
  color:#6d28d9;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.question-step-meta h3{
  margin:12px 0 8px;
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.05;
  color:#0f172a;
}
.question-step-meta p{
  margin:0;
  color:#64748b;
  max-width:60ch;
  line-height:1.65;
}
.question-step-note{
  min-width:132px;
  display:grid;
  justify-items:center;
  gap:6px;
  padding:16px 14px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(99,102,241,.08),rgba(255,255,255,.88));
  border:1px solid rgba(99,102,241,.14);
}
.question-step-count{
  font-size:2rem;
  font-weight:900;
  line-height:1;
  color:#4f46e5;
}
.question-step-note small{
  color:#64748b;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.question-step-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:0;
}
.question-step-grid .full-span{
  grid-column:1 / -1;
}
.question-card-premium{
  padding:20px 20px 18px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 36px rgba(15,23,42,.06);
}
.question-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.question-number,
.question-state{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.question-number{
  background:rgba(99,102,241,.1);
  color:#4338ca;
}
.question-state.required{
  background:rgba(34,197,94,.1);
  color:#166534;
}
.question-state.optional{
  background:rgba(148,163,184,.12);
  color:#475569;
}
.question-card-premium label{
  display:block;
  margin-bottom:10px;
  color:#0f172a;
  font-size:1rem;
  font-weight:800;
}
.question-card-premium .input,
.question-card-premium textarea,
.question-card-premium select{
  min-height:58px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.96);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 8px 20px rgba(15,23,42,.04);
  padding:16px 18px;
  font-size:1rem;
  color:#0f172a;
}
.question-card-premium textarea{
  min-height:120px;
}
.question-card-premium .input:focus,
.question-card-premium textarea:focus,
.question-card-premium select:focus{
  border-color:rgba(124,58,237,.34);
  box-shadow:0 0 0 4px rgba(167,139,250,.16), 0 14px 28px rgba(124,58,237,.08);
  outline:none;
}
.question-help-text{
  margin-top:10px;
  color:#64748b;
  font-size:.88rem;
  line-height:1.55;
}
.question-help-text.subtle{
  color:#94a3b8;
}
.question-card-premium .photo-upload-shell{
  display:grid;
  gap:10px;
}
.question-action-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 16px 36px rgba(15,23,42,.05);
}
.question-action-copy{
  display:grid;
  gap:4px;
}
.question-action-copy strong{
  color:#0f172a;
  font-size:1rem;
}
.question-action-copy span{
  color:#64748b;
  line-height:1.55;
}
.question-continue-btn{
  min-width:min(100%,360px);
}
.estimate-screen-refined .assistant-guide-card{
  border-radius:24px;
}
.estimate-hero-card-refined{
  gap:24px;
  padding:28px 30px;
  border-radius:28px;
  background:linear-gradient(135deg,#1e1b4b 0%, #4338ca 52%, #2563eb 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 60px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.12);
}
.estimate-hero-card-refined h3{
  font-size:clamp(2rem,4vw,3rem);
  letter-spacing:-.03em;
}
.refined-review-actions{
  align-items:stretch;
}
.refined-review-actions .premium-next-btn{
  min-width:220px;
  min-height:54px;
  border-radius:16px;
}
.estimate-overview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.estimate-info-card{
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 16px 36px rgba(15,23,42,.05);
  display:grid;
  gap:8px;
}
.estimate-info-card-wide{
  grid-column:span 2;
}
.estimate-info-label{
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
}
.estimate-info-value{
  font-size:1rem;
  line-height:1.45;
  color:#0f172a;
}
.estimate-info-subvalue{
  color:#64748b;
  font-size:.92rem;
}
.refined-breakdown-card{
  padding:22px 24px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 40px rgba(15,23,42,.05);
}
.estimate-breakdown-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.refined-breakdown-card .section-headline{
  margin-bottom:4px;
}
.estimate-breakdown-head p{
  margin:0;
  color:#64748b;
}
.estimate-breakdown-grid{
  display:grid;
  gap:10px;
}
.estimate-line-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.88);
}
.estimate-line-item span{
  color:#334155;
  font-weight:700;
}
.estimate-line-item strong{
  color:#0f172a;
  font-size:.97rem;
}
.estimate-line-item.single{
  grid-template-columns:1fr;
}
.estimate-services-stack{
  display:grid;
  gap:14px;
}
.estimate-services-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;
}
.refined-service-summary{
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 16px 36px rgba(15,23,42,.05);
}
.service-summary-lines{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.service-summary-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(99,102,241,.08);
  border:1px solid rgba(99,102,241,.14);
  color:#3730a3;
  font-size:.84rem;
  font-weight:700;
}
.service-summary-chip.muted{
  background:rgba(148,163,184,.12);
  border-color:rgba(148,163,184,.16);
  color:#475569;
}
@media (max-width: 980px){
  .question-step-grid,
  .estimate-overview-grid{grid-template-columns:1fr 1fr;}
  .estimate-info-card-wide{grid-column:span 2;}
}
@media (max-width: 760px){
  .question-step-meta,
  .question-action-bar,
  .estimate-hero-card-refined{grid-template-columns:1fr;}
  .question-step-grid,
  .estimate-overview-grid,
  .estimate-services-grid{grid-template-columns:1fr;}
  .estimate-info-card-wide{grid-column:auto;}
  .refined-review-actions .premium-next-btn,
  .question-continue-btn{width:100%;}
  .question-card-premium{padding:18px 16px 16px;}
  .estimate-hero-card-refined{padding:24px 20px;}
}


/* April 2026 booking form refinement */
.question-step-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.premium-question-card{
  padding:18px 18px 16px;
  border-radius:22px !important;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.86));
  box-shadow:0 16px 34px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.82);
}
.question-card-wide{grid-column:1 / -1;}
.question-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;}
.question-card-head label{display:block;margin:0;font-size:.96rem;font-weight:800;color:#201537;line-height:1.35;}
.question-required-pill,.question-optional-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.question-required-pill{background:rgba(124,58,237,.10);color:#6d28d9;}
.question-optional-pill{background:rgba(148,163,184,.12);color:#475569;}
.question-card-input .input,
.question-card-input textarea.input,
.question-card-input select.input{
  min-height:58px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(15,23,42,.04);
  font-size:1rem;
}
.question-card-input textarea.input{min-height:120px;padding-top:14px;}
.question-card-input .input:focus,
.question-card-input textarea.input:focus,
.question-card-input select.input:focus{
  border-color:rgba(124,58,237,.45);
  box-shadow:0 0 0 4px rgba(124,58,237,.10), 0 12px 24px rgba(124,58,237,.10);
}
.question-help-text{margin-top:10px;font-size:.82rem;line-height:1.45;color:#64748b;}
.question-step-footer{padding-top:6px;}

.estimate-screen-premium{display:grid;gap:18px;}
.premium-review-summary{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 22px;
  padding:22px 24px;
}
.premium-review-summary .summary-row{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:14px;
  align-items:start;
  padding:0;
  border:0;
}
.premium-review-summary .summary-row span{font-size:.82rem;color:#64748b;text-transform:none;}
.premium-review-summary .summary-row strong{font-size:.98rem;color:#1f2937;line-height:1.45;}
.premium-breakdown-card{
  padding:22px 24px;
  border-radius:24px;
}
.premium-detail-line-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
}
.detail-line-item{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.88));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 10px 22px rgba(15,23,42,.05);
}
.detail-line-item span{font-weight:700;color:#334155;}
.services-summary-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}
.premium-summary-card{
  padding:18px 18px 16px;
  border-radius:22px;
}
.premium-summary-card .summary-service-head{align-items:center;gap:12px;}
.premium-summary-card h3{margin:0 0 4px;font-size:1.02rem;}
.theme-light .premium-question-card,
.theme-light .detail-line-item{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92));
}
@media (max-width: 860px){
  .question-step-grid,
  .premium-detail-line-list,
  .premium-review-summary,
  .services-summary-grid{grid-template-columns:1fr;}
  .premium-review-summary .summary-row{grid-template-columns:1fr;gap:6px;}
}

/* Theme token harmonization for storefront */
:root {
  --p-rgb: 139,92,246;
  --secondary-rgb: 246,242,255;
  --accent-text: #ffffff;
}

.storefront-theme,
.storefront-theme .app {
  --theme-ring: rgba(var(--p-rgb), .18);
  --theme-ring-strong: rgba(var(--p-rgb), .28);
  --theme-soft: rgba(var(--p-rgb), .08);
  --theme-soft-strong: rgba(var(--p-rgb), .14);
  --theme-shadow: rgba(var(--p-rgb), .16);
  --theme-shadow-strong: rgba(var(--p-rgb), .24);
  --theme-tint: linear-gradient(180deg, rgba(255,255,255,.94), rgba(var(--p-rgb), .05));
}

.storefront-theme .primary,
.storefront-theme .ib-btn-primary,
.storefront-theme .ib-nav-primary,
.storefront-theme .ibv2-btn.primary,
.storefront-theme .nav-primary,
.storefront-theme .hero-primary,
.storefront-theme .price-cta,
.storefront-theme .premium-next-btn,
.storefront-theme .primary.full,
.storefront-theme .service-step-actions .primary {
  background: linear-gradient(135deg, rgba(var(--p-rgb), 1), rgba(var(--p-rgb), .84)) !important;
  color: var(--accent-text) !important;
  border-color: rgba(var(--p-rgb), .24) !important;
  box-shadow: 0 16px 36px rgba(var(--p-rgb), .24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.storefront-theme .ghost,
.storefront-theme .ghost-link,
.storefront-theme .small-btn,
.storefront-theme .voice-toggle,
.storefront-theme .ib-btn-secondary,
.storefront-theme .ib-nav-ghost,
.storefront-theme .quote-support-actions .ghost,
.storefront-theme .premium-offer-btn {
  background: rgba(var(--p-rgb), .08) !important;
  color: var(--p) !important;
  border-color: rgba(var(--p-rgb), .18) !important;
  box-shadow: none !important;
}

.storefront-theme .booking-badge,
.storefront-theme .booking-badge-soft,
.storefront-theme .booking-trust-pill,
.storefront-theme .assistant-guide-chip,
.storefront-theme .welcome-assistant-chip,
.storefront-theme .simple-step span,
.storefront-theme .service-queue-pill.active,
.storefront-theme .question-required-pill,
.storefront-theme .addon-selected-pill,
.storefront-theme .estimate-kicker,
.storefront-theme .estimate-coupon-label,
.storefront-theme .trial-pill,
.storefront-theme .badge,
.storefront-theme .multi-service-pill {
  background: rgba(var(--p-rgb), .10) !important;
  color: var(--p) !important;
  border: 1px solid rgba(var(--p-rgb), .18) !important;
}

.storefront-theme .service-icon-shell,
.storefront-theme .addon-icon,
.storefront-theme .assistant-orb,
.storefront-theme .brand-fallback-mark,
.storefront-theme .ib-brand-mark,
.storefront-theme .ibv2-brand-mark,
.storefront-theme .brand-orb {
  background: linear-gradient(135deg, rgba(var(--p-rgb), .14), rgba(var(--p-rgb), .28)) !important;
  color: var(--p) !important;
  border-color: rgba(var(--p-rgb), .22) !important;
  box-shadow: 0 12px 30px rgba(var(--p-rgb), .18), inset 0 1px 0 rgba(255,255,255,.3) !important;
}

.storefront-theme .service-card,
.storefront-theme .addon-card,
.storefront-theme .summary-service-card,
.storefront-theme .booking-card,
.storefront-theme .premium-summary-card,
.storefront-theme .premium-question-card,
.storefront-theme .detail-line-item,
.storefront-theme .notes-box.premium-notes-box,
.storefront-theme .assistant-guide-card,
.storefront-theme .welcome-start-card,
.storefront-theme .panel.review-summary-card,
.storefront-theme .review-summary-card,
.storefront-theme .estimate-coupon-card {
  border-color: rgba(var(--p-rgb), .16) !important;
  box-shadow: 0 18px 42px rgba(var(--p-rgb), .10) !important;
}

.storefront-theme .service-card.selected,
.storefront-theme .service-card.is-selected,
.storefront-theme .addon-card.selected,
.storefront-theme .addon-card.is-selected,
.storefront-theme .selected-service,
.storefront-theme .card.selected,
.storefront-theme .card:hover,
.storefront-theme .service-card:hover,
.storefront-theme .addon-card:hover {
  border-color: rgba(var(--p-rgb), .32) !important;
  box-shadow: 0 20px 48px rgba(var(--p-rgb), .16), 0 0 0 4px rgba(var(--p-rgb), .08) !important;
}

.storefront-theme .estimate-hero-card,
.storefront-theme .booking-locked-price,
.storefront-theme .quote-top-lock,
.storefront-theme .floating-form-nav .nav-buttons {
  border-color: rgba(var(--p-rgb), .20) !important;
  box-shadow: 0 22px 56px rgba(var(--p-rgb), .16) !important;
}

.storefront-theme.theme-light .estimate-hero-card,
.storefront-theme.theme-light .booking-locked-price,
.storefront-theme.theme-light .quote-top-lock {
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(var(--p-rgb), .10)) !important;
  color: #0f172a !important;
}

.storefront-theme.theme-dark .estimate-hero-card,
.storefront-theme.theme-dark .booking-locked-price,
.storefront-theme.theme-dark .quote-top-lock {
  background: linear-gradient(135deg, rgba(var(--secondary-rgb), .96), rgba(var(--p-rgb), .18)) !important;
  color: #ffffff !important;
}

.storefront-theme .estimate-coupon-card {
  background: linear-gradient(135deg, rgba(var(--p-rgb), .14), rgba(var(--p-rgb), .06)) !important;
}

.storefront-theme .booking-badge::after,
.storefront-theme[data-voice-listening="1"] .booking-badge::after {
  border-color: rgba(var(--p-rgb), .26) !important;
}

.storefront-theme .is-focused,
.storefront-theme .input:focus,
.storefront-theme select:focus,
.storefront-theme textarea:focus,
.storefront-theme .welcome-name-input:focus {
  border-color: rgba(var(--p-rgb), .42) !important;
  box-shadow: 0 0 0 4px rgba(var(--p-rgb), .10), 0 14px 32px rgba(var(--p-rgb), .12) !important;
}

.storefront-theme.theme-light.app-wrap-3d {
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--p-rgb), .18), transparent 26%),
    radial-gradient(circle at 84% 14%, rgba(var(--p-rgb), .12), transparent 24%),
    radial-gradient(circle at 50% 110%, rgba(var(--p-rgb), .14), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, var(--bg-page) 100%) !important;
}

.storefront-theme.theme-dark.app-wrap-3d {
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--p-rgb), .18), transparent 26%),
    radial-gradient(circle at 84% 14%, rgba(var(--p-rgb), .12), transparent 24%),
    radial-gradient(circle at 50% 110%, rgba(var(--p-rgb), .14), transparent 36%),
    linear-gradient(180deg, rgba(2,6,23,.98) 0%, var(--bg-page) 100%) !important;
}

.storefront-theme .scene-glow-a,
.storefront-theme .orb-one {
  background: radial-gradient(circle, rgba(var(--p-rgb), .26), transparent 68%) !important;
}

.storefront-theme .scene-glow-b,
.storefront-theme .orb-two,
.storefront-theme .ibv2-hero-glow {
  background: radial-gradient(circle, rgba(var(--p-rgb), .20), transparent 68%) !important;
}

.storefront-theme.app-wrap-3d::after {
  background:
    radial-gradient(circle at 14% 18%, rgba(var(--p-rgb), .18), transparent 28%),
    radial-gradient(circle at 82% 14%, rgba(var(--p-rgb), .12), transparent 24%),
    radial-gradient(circle at 55% 78%, rgba(var(--p-rgb), .10), transparent 26%) !important;
}

.storefront-theme .booking-mini-proof,
.storefront-theme .storefront-value-card strong,
.storefront-theme .quote-eyebrow,
.storefront-theme .price-figure,
.storefront-theme .summary-price,
.storefront-theme .booking-price-locked,
.storefront-theme .locked-price .big {
  color: var(--p) !important;
}


/* no-background storefront mode */
.app-wrap-3d.no-background-mode,
.theme-light.app-wrap-3d.no-background-mode,
.theme-light .app-wrap-3d.no-background-mode,
.storefront-theme.no-background-mode {
  background: #f8fafc !important;
}
html, body {
  background: #f8fafc;
}
.app-wrap-3d.no-background-mode::after,
.app-wrap-3d.no-background-mode .scene-photo,
.app-wrap-3d.no-background-mode .scene-glow,
.app-wrap-3d.no-background-mode .scene-grid,
.app-wrap-3d.no-background-mode .scene-ring,
.app-wrap-3d.no-background-mode .scene-noise,
.app-wrap-3d.no-background-mode .scene-depth-panel,
.app-wrap-3d.no-background-mode .floating-orb {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.app-wrap-3d.no-background-mode .booking-shell-3d,
.app-wrap-3d.no-background-mode .booking-shell-minimal {
  background: transparent !important;
}
.app-wrap-3d.no-background-mode .storefront-guided-flow .booking-card-minimal {
  box-shadow: 0 18px 42px rgba(15,23,42,.08), 0 0 0 1px rgba(255,255,255,.72) inset !important;
}
.theme-light .app-wrap-3d.no-background-mode .storefront-guided-flow .booking-card-minimal,
.theme-light .app-wrap-3d.no-background-mode .booking-card-minimal {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92)) !important;
}


.color-input{padding:8px 10px;min-height:52px;cursor:pointer;}
.storefront-theme{color:var(--body-text-color, var(--text-main));}
.storefront-theme .screen h1,
.storefront-theme .screen h2,
.storefront-theme .screen h3,
.storefront-theme .biz-name,
.storefront-theme .review-amount,
.storefront-theme .premium-estimate-price,
.storefront-theme .estimate-main-price{color:var(--heading-color, var(--text-main)) !important;}
.storefront-theme p,
.storefront-theme .screen p,
.storefront-theme .summary-row,
.storefront-theme .detail-line-item,
.storefront-theme .question-help-copy,
.storefront-theme .service-card p{color:var(--body-text-color, var(--text-main)) !important;}
.storefront-theme .muted,
.storefront-theme label,
.storefront-theme .summary-key,
.storefront-theme .helper-text,
.storefront-theme .small-note{color:var(--text-muted) !important;}
.storefront-theme .input,
.storefront-theme select,
.storefront-theme textarea,
.storefront-theme .review-box,
.storefront-theme .panel,
.storefront-theme .login-card,
.storefront-theme .success-card,
.storefront-theme .premium-question-card,
.storefront-theme .premium-summary-card,
.storefront-theme .estimate-breakdown-card,
.storefront-theme .premium-offer-card{background:var(--card) !important;}
.storefront-theme .primary,
.storefront-theme .premium-next-btn,
.storefront-theme .service-step-actions .primary{color:var(--button-text, var(--accent-text)) !important;}
.theme-builder-preview{margin-top:8px;}
.theme-builder-preview .preview-shell{padding:18px;border-radius:24px;border:1px solid color-mix(in srgb, var(--preview-border) 28%, white);background:linear-gradient(180deg, color-mix(in srgb, var(--preview-bg) 90%, white), white);display:grid;gap:12px;}
.theme-builder-preview .preview-chip{display:inline-flex;width:max-content;padding:7px 12px;border-radius:999px;background:color-mix(in srgb, var(--preview-primary) 12%, white);color:var(--preview-primary);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--preview-primary) 18%, white);}
.theme-builder-preview .preview-card{padding:18px;border-radius:20px;background:var(--preview-card);border:1px solid color-mix(in srgb, var(--preview-border) 24%, white);display:grid;gap:8px;}
.theme-builder-preview .preview-card strong{color:var(--preview-heading);font-size:1rem;}
.theme-builder-preview .preview-card p{margin:0;color:var(--preview-body);}
.theme-builder-preview .preview-button{border:0;border-radius:14px;padding:12px 16px;font-weight:800;background:linear-gradient(135deg,var(--preview-primary),color-mix(in srgb, var(--preview-primary) 78%, black));color:var(--preview-button-text);}


/* 2026-04-03 storefront shell cleanup: true white clean mode, real image mode, real transparency */
body.public-marketing-body.storefront-clean-body,
html body.public-marketing-body.storefront-clean-body {
  background: #ffffff !important;
}
body.public-marketing-body.storefront-image-body,
html body.public-marketing-body.storefront-image-body {
  background: #ffffff !important;
}
.storefront-theme.app-wrap-3d.no-background-mode,
.storefront-theme.theme-light.app-wrap-3d.no-background-mode,
.storefront-theme.theme-dark.app-wrap-3d.no-background-mode {
  background: #ffffff !important;
}
.storefront-theme.app-wrap-3d.no-background-mode::before,
.storefront-theme.app-wrap-3d.no-background-mode::after {
  display: none !important;
  background: none !important;
}
.storefront-theme.app-wrap-3d.background-image-mode,
.storefront-theme.theme-light.app-wrap-3d.background-image-mode,
.storefront-theme.theme-dark.app-wrap-3d.background-image-mode {
  background: linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.74)) !important;
}
.storefront-theme.app-wrap-3d.background-image-mode::after,
.storefront-theme.app-wrap-3d.background-image-mode .scene-glow,
.storefront-theme.app-wrap-3d.background-image-mode .scene-grid,
.storefront-theme.app-wrap-3d.background-image-mode .scene-ring,
.storefront-theme.app-wrap-3d.background-image-mode .scene-noise,
.storefront-theme.app-wrap-3d.background-image-mode .scene-depth-panel,
.storefront-theme.app-wrap-3d.background-image-mode .floating-orb {
  display: none !important;
  background: none !important;
}
.storefront-theme.app-wrap-3d.background-image-mode .scene-photo {
  opacity: 1 !important;
}
.storefront-theme.app-wrap-3d.background-image-mode .scene-photo::before {
  background: linear-gradient(180deg, rgba(15,23,42,var(--bg-overlay-alpha,0.18)), rgba(15,23,42,calc(var(--bg-overlay-alpha,0.18) + .06)) 58%, rgba(15,23,42,calc(var(--bg-overlay-alpha,0.18) + .12))) !important;
}
.storefront-theme .booking-card-minimal {
  background: rgba(var(--glass-surface,255,255,255), var(--glass-alpha,.82)) !important;
  backdrop-filter: blur(var(--glass-blur,18px)) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur,18px)) !important;
  border: 1px solid var(--border, rgba(148,163,184,.18)) !important;
  box-shadow: 0 24px 80px rgba(15,23,42,.12), 0 0 0 1px rgba(255,255,255,.72) inset !important;
}
.storefront-theme .service-card,
.storefront-theme .addon-card,
.storefront-theme .assistant-guide-card,
.storefront-theme .welcome-start-card,
.storefront-theme .summary-service-card,
.storefront-theme .estimate-hero-card,
.storefront-theme .estimate-coupon-card,
.storefront-theme .review-summary-card,
.storefront-theme .premium-question-card,
.storefront-theme .estimate-breakdown-card,
.storefront-theme .premium-summary-card,
.storefront-theme .premium-offer-card {
  background: rgba(var(--glass-surface,255,255,255), var(--glass-sub-alpha,.74)) !important;
  backdrop-filter: blur(calc(var(--glass-blur,18px) * .8)) !important;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur,18px) * .8)) !important;
  border: 1px solid var(--border, rgba(148,163,184,.16)) !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.08) !important;
}
.storefront-theme.theme-dark .booking-card-minimal {
  box-shadow: 0 24px 80px rgba(2,6,23,.38), 0 0 0 1px rgba(255,255,255,.05) inset !important;
}
.storefront-theme.theme-dark .service-card,
.storefront-theme.theme-dark .addon-card,
.storefront-theme.theme-dark .assistant-guide-card,
.storefront-theme.theme-dark .welcome-start-card,
.storefront-theme.theme-dark .summary-service-card,
.storefront-theme.theme-dark .estimate-hero-card,
.storefront-theme.theme-dark .estimate-coupon-card,
.storefront-theme.theme-dark .review-summary-card,
.storefront-theme.theme-dark .premium-question-card,
.storefront-theme.theme-dark .estimate-breakdown-card,
.storefront-theme.theme-dark .premium-summary-card,
.storefront-theme.theme-dark .premium-offer-card {
  box-shadow: 0 18px 44px rgba(2,6,23,.22) !important;
}


/* One-box intro redesign */
.single-box-intro-screen{padding-top:4px}
.single-box-intro-card{display:flex;flex-direction:column;gap:18px;padding:24px 24px 22px!important;border-radius:26px!important}
.single-box-intro-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.single-box-copy h2{margin:0 0 8px;font-size:clamp(2rem,3.2vw,2.45rem);line-height:1.02;letter-spacing:-.03em}
.single-box-copy .assistant-guide-copy{margin:0;color:var(--text-soft,#64748b);max-width:760px;font-size:1rem}
.single-box-info-pills{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.single-box-info-pill{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:16px;min-width:160px;background:rgba(var(--glass-surface,255,255,255),.18);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.single-box-info-pill strong{font-size:.78rem;line-height:1.1}
.single-box-info-pill em{font-style:normal;font-size:.76rem;line-height:1.2;color:var(--text-soft,#64748b)}
.single-box-form-grid{margin-top:2px}
.single-box-action-row{padding-top:4px}
.storefront-guided-flow .single-box-intro-card .intro-field-grid>div{padding:16px 16px 14px;border-radius:18px}
.storefront-guided-flow .single-box-intro-card .welcome-name-input{min-height:58px;border-radius:16px;font-size:1rem}
.storefront-guided-flow .single-box-intro-card .welcome-continue-btn{min-height:56px;border-radius:18px;font-size:.98rem;letter-spacing:.01em}
.storefront-guided-flow .single-box-intro-card .assistant-guide-chip{align-self:flex-start;margin-bottom:0}
.storefront-value-grid{display:none!important}
@media (max-width:860px){
  .single-box-intro-card{padding:20px 18px 18px!important;gap:16px}
  .single-box-copy h2{font-size:2rem}
  .single-box-info-pills{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .single-box-info-pill{min-width:0}
}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.app[data-hide-logo-on-form="1"] .brand-logo-image,.app[data-hide-logo-on-form="1"] .brand-fallback-mark{display:none!important;}
.app[data-hide-company-name-on-form="1"] .quote-shell-title{display:none!important;}

.oneform-block{padding:22px;border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));border:1px solid rgba(148,163,184,.15);box-shadow:0 16px 40px rgba(15,23,42,.05);}
.oneform-services .card{min-height:158px;}
.oneform-service-block .field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.oneform-service-block .service-section-card{padding:18px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94));border:1px solid rgba(148,163,184,.16);}
.estimate-lock-card .estimate-hero-card{border-radius:22px;padding:22px 22px 18px;}
@media (max-width:860px){.oneform-service-block .field-list{grid-template-columns:1fr;}}


.lead-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lead-stat-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px 18px;box-shadow:0 14px 32px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:6px}
.lead-stat-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.lead-stat-card strong{font-size:24px;line-height:1.1;color:#0f172a}
.lead-stat-card small{color:#64748b;line-height:1.45}
.calendar-inline-pill{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;border-radius:999px;background:rgba(148,163,184,.14);color:#475569;font-size:11px;font-weight:700;text-transform:capitalize}
@media (max-width: 980px){.lead-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.lead-stat-grid{grid-template-columns:1fr}}

/* CRM + jobs update */
.crm-wrap{max-width:1360px}
.crm-topbar{align-items:flex-start}
.crm-metric-grid .lead-stat-card{min-height:124px}
.crm-status-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.crm-filters-grid{grid-template-columns:2fr 1fr 1fr auto;gap:14px}
.crm-lead-list{display:grid;gap:14px}
.crm-lead-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;box-shadow:0 16px 32px rgba(15,23,42,.06)}
.crm-lead-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.crm-lead-name a{font-size:1.08rem;font-weight:800;color:#0f172a;text-decoration:none}
.crm-lead-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.crm-mini-label{display:block;margin-bottom:4px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.crm-lead-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;justify-content:center;min-width:148px}
.crm-lead-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.crm-lead-address{margin-top:12px}
.empty-state-card{padding:18px;border-radius:18px;border:1px dashed rgba(148,163,184,.45);background:rgba(248,250,252,.9)}
.crm-detail-grid{align-items:start}
.crm-quick-action-row{display:flex;gap:12px;flex-wrap:wrap}
.crm-inline-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.crm-inline-card{padding:14px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.22)}
.crm-inline-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:10px}
.crm-inline-form{display:grid;gap:10px}
.crm-booking-banner{border-radius:18px}
.crm-booking-form{padding-top:4px}
.crm-action-footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.crm-service-stack,.crm-answer-stack,.crm-staff-stack,.crm-calendar-list{display:grid;gap:12px}
.crm-service-row,.crm-answer-row{display:grid;gap:8px;padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#fff}
.crm-series-item{display:grid;gap:6px}
.crm-dual-timeline{max-height:520px;overflow:auto;padding-right:4px}
.crm-calendar-section .panel-head{margin-bottom:14px}
.crm-calendar-card{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;padding:16px 18px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 14px 28px rgba(15,23,42,.05)}
.crm-calendar-card.is-unassigned{border-color:rgba(239,68,68,.28);background:linear-gradient(180deg, rgba(255,255,255,1), rgba(254,242,242,.9))}
.crm-calendar-time{font-weight:800;color:#0f172a}
.crm-calendar-main strong a{color:#0f172a;text-decoration:none}
.crm-calendar-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.crm-calendar-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.crm-danger-pill{background:rgba(239,68,68,.1);color:#b91c1c}
.crm-portal-card{padding:14px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.22)}
.crm-staff-card{padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.04)}
.crm-staff-card.is-active{border-color:rgba(37,99,235,.28);box-shadow:0 16px 34px rgba(37,99,235,.08)}
.crm-staff-name-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.crm-color-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:10px;vertical-align:middle}
.crm-staff-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
@media (max-width: 1180px){.crm-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-lead-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-calendar-card{grid-template-columns:110px minmax(0,1fr)}.crm-calendar-side{grid-column:1 / -1;align-items:flex-start;flex-direction:row;flex-wrap:wrap}}
@media (max-width: 860px){.crm-filters-grid{grid-template-columns:1fr}.crm-inline-panels{grid-template-columns:1fr}.crm-lead-card{grid-template-columns:1fr}.crm-lead-actions{min-width:0;flex-direction:row;flex-wrap:wrap}.crm-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-calendar-card{grid-template-columns:1fr}.crm-calendar-time{font-size:.95rem}}
@media (max-width: 640px){.crm-lead-meta-grid{grid-template-columns:1fr}.crm-status-grid{grid-template-columns:1fr}.crm-quick-action-row{gap:8px}}

/* Quote engine control center update */
.quote-engine-wrap{max-width:1360px}
.quote-engine-layout{align-items:start}
.quote-engine-panel{background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 34px rgba(15,23,42,.05)}
.quote-pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.quote-mode-card{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff,#f8fafc)}
.quote-mode-card span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:6px}
.quote-mode-card strong{display:block;font-size:1.35rem;color:#0f172a;margin-bottom:4px}
.quote-mode-card small{display:block;color:#64748b;line-height:1.45}
.quote-builder-checklist,.quote-health-list,.quote-service-stack,.quote-mini-stack{display:grid;gap:12px}
.quote-builder-check{display:flex;gap:12px;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}
.quote-builder-check strong{font-size:1rem;color:var(--p)}
.quote-builder-check span{display:block;font-weight:800;color:#0f172a;margin-bottom:4px}
.quote-builder-check small{display:block;color:#64748b;line-height:1.45}
.quote-health-row{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}
.quote-health-row span{color:#64748b}
.quote-health-row strong{color:#0f172a}
.quote-engine-notice{margin-top:12px;padding:16px 18px;border-radius:18px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.14)}
.quote-engine-notice strong{display:block;color:#5b4ba0;margin-bottom:6px}
.quote-engine-notice p{margin:0;color:#5f5a71;line-height:1.55}
.quote-service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 16px 28px rgba(15,23,42,.04)}
.quote-service-card.is-live{border-color:rgba(37,99,235,.18)}
.quote-service-card.is-hidden{background:linear-gradient(180deg,#fff,#f8fafc)}
.quote-service-topline{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.quote-service-title{display:flex;align-items:center;gap:12px;font-size:1.08rem;color:#0f172a}
.quote-service-title i{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:rgba(139,92,246,.12);color:var(--p)}
.quote-service-pills,.quote-service-flags{display:flex;gap:8px;flex-wrap:wrap}
.quote-service-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.quote-service-meta-grid strong{display:block;color:#0f172a}
.quote-service-flags{margin-top:12px}
.quote-flag{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.2);font-size:12px;font-weight:700;color:#475569}
.quote-service-actions{display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:160px}
.quote-service-actions .primary,.quote-service-actions .ghost-link{justify-content:center;text-align:center}
.quote-mini-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#fff;align-items:center}
.quote-mini-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;color:#475569;font-weight:700}
.quote-engine-form-wrap{max-width:1240px}
.quote-engine-builder-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px;align-items:start}
.quote-engine-builder-grid--compact{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
.quote-engine-form-card{padding:24px}
.quote-engine-preview-card{position:sticky;top:22px;padding:22px;background:linear-gradient(180deg,#ffffff,#f8fafc)}
.quote-preview-hero{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:20px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}
.quote-preview-hero.compact{padding:14px}
.quote-preview-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(139,92,246,.12);color:var(--p);font-size:1.2rem;flex-shrink:0}
.quote-preview-hero strong{display:block;font-size:1.05rem;color:#0f172a;margin-bottom:6px}
.quote-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.quote-preview-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.quote-preview-stat{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.18)}
.quote-preview-stat span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:6px}
.quote-preview-stat strong{display:block;color:#0f172a}
.quote-preview-note{padding:14px 16px;border-radius:18px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.14);color:#5b4ba0;line-height:1.5}
.quote-preview-checks{display:grid;gap:10px;margin-top:14px}
.quote-preview-checks>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.18)}
.quote-preview-checks span{color:#64748b}
.quote-preview-checks strong{color:#0f172a}
.quote-preview-question-card{padding:16px;border-radius:20px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}
.quote-preview-question-card strong{display:block;font-size:1.04rem;color:#0f172a;margin-bottom:8px}
.quote-preview-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.quote-preview-meta-row span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);font-size:12px;font-weight:700;color:#475569}
@media (max-width: 1180px){.quote-service-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-engine-builder-grid,.quote-engine-builder-grid--compact{grid-template-columns:1fr}.quote-engine-preview-card{position:static}.quote-pill-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 860px){.quote-service-card,.quote-mini-row{grid-template-columns:1fr}.quote-service-actions{min-width:0;flex-direction:row;flex-wrap:wrap}.quote-mini-meta{align-items:flex-start}.quote-pill-grid,.quote-preview-grid,.quote-preview-grid.compact-grid{grid-template-columns:1fr}.quote-service-meta-grid{grid-template-columns:1fr}}


.crm-manual-lead-grid {
  align-items: start;
}

.crm-service-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.crm-service-picker {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(var(--theme-border-rgb, 139,92,246), 0.18);
  background: rgba(255,255,255,0.94);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.crm-service-picker input {
  margin-top: 4px;
}

.crm-service-picker.is-muted {
  opacity: 0.72;
}

.crm-service-picker strong {
  display: block;
  margin-bottom: 4px;
}

/* Admin manual quote builder parity */
.manual-quote-builder-page .crm-manual-lead-grid{
  align-items:start;
}
.manual-quote-builder-main{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.manual-builder-service-picker{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.manual-service-option{
  border:1px solid rgba(148,163,184,.26);
  background:#fff;
  border-radius:18px;
  padding:14px 16px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  box-shadow:0 16px 40px rgba(15,23,42,.05);
}
.manual-service-option.selected{
  border-color:var(--theme-primary,#8b5cf6);
  box-shadow:0 18px 44px rgba(var(--theme-primary-rgb,139,92,246),.16);
}
.manual-service-option.is-muted{opacity:.72}
.manual-service-option input{margin-top:4px}
.manual-service-option__body{display:flex; flex-direction:column; gap:4px}
.manual-quote-builder-sections{display:flex; flex-direction:column; gap:16px}
.manual-builder-empty-state,
.manual-builder-empty-inline{
  border:1px dashed rgba(148,163,184,.35);
  border-radius:18px;
  padding:18px;
  background:rgba(248,250,252,.88);
  color:#64748b;
}
.manual-service-builder-card{
  border:1px solid rgba(148,163,184,.22);
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
}
.manual-service-builder-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.manual-service-builder-price{
  font-weight:800;
  font-size:1.05rem;
  color:var(--theme-primary,#8b5cf6);
}
.manual-service-builder-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:18px;
}
.section-label.slim{font-size:.8rem; margin-bottom:10px}
.manual-question-stack,
.manual-addon-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.manual-question-card,
.manual-addon-card{
  border:1px solid rgba(148,163,184,.2);
  border-radius:18px;
  background:rgba(248,250,252,.92);
  padding:14px;
}
.manual-question-card.is-priced{
  border-color:rgba(var(--theme-primary-rgb,139,92,246),.28);
  background:rgba(var(--theme-primary-rgb,139,92,246),.05);
}
.manual-question-card label,
.manual-addon-card strong{display:block; margin-bottom:6px}
.required-pill,.optional-pill{
  display:inline-flex;
  margin-left:8px;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:3px 7px;
  border-radius:999px;
  vertical-align:middle;
}
.required-pill{background:#fee2e2;color:#b91c1c}
.optional-pill{background:#e2e8f0;color:#475569}
.manual-question-pricing-note{
  margin-top:8px;
  font-size:.78rem;
  color:#475569;
}
.manual-multiselect-stack{display:grid; gap:8px}
.manual-checkbox-row{display:flex; align-items:center; gap:8px; color:#334155}
.manual-addon-card.selected{
  border-color:rgba(var(--theme-primary-rgb,139,92,246),.34);
  box-shadow:0 14px 34px rgba(var(--theme-primary-rgb,139,92,246),.14);
}
.manual-addon-card__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:6px;
}
.manual-addon-price{font-weight:700;color:var(--theme-primary,#8b5cf6)}
.manual-addon-qty-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.small-qty-input{width:88px; padding:.65rem .8rem}
.manual-quote-preview-card{
  position:sticky;
  top:96px;
}
.manual-quote-total-hero{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(var(--theme-primary-rgb,139,92,246),.1), rgba(255,255,255,.94));
  border:1px solid rgba(var(--theme-primary-rgb,139,92,246),.18);
  margin-bottom:14px;
}
.manual-quote-total-hero strong{font-size:2rem;line-height:1.1;color:#0f172a}
.manual-quote-pill{
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(var(--theme-primary-rgb,139,92,246),.2);
  color:#475569;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.manual-quote-preview-fields{display:grid;gap:12px;margin-bottom:14px}
.manual-quote-breakdown{display:flex;flex-direction:column;gap:12px}
.manual-breakdown-card{
  border:1px solid rgba(148,163,184,.2);
  border-radius:18px;
  background:#fff;
  padding:14px;
}
.manual-breakdown-card__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.manual-breakdown-lines{display:grid;gap:6px;color:#475569;font-size:.92rem}
@media (max-width: 980px){
  .manual-service-builder-grid{grid-template-columns:1fr}
  .manual-quote-preview-card{position:static}
}

.automation-toggle-list .automation-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.automation-toggle-list .automation-row input[type="checkbox"] {
  width:18px;
  height:18px;
}
.automation-template-card textarea.input {
  min-height: 160px;
}

.reports-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
}

.reports-action-stack,
.reports-import-card {
  display: grid;
  gap: 12px;
}

.reports-import-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.reports-import-card {
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.reports-inline-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.compact-rank-list .rank-item {
  padding: 12px 0;
}

.compact-import-list .crm-lead-card {
  margin-bottom: 12px;
}

.compact-import-card {
  padding: 14px 16px;
}

@media (max-width: 940px) {
  .reports-grid,
  .reports-import-grid {
    grid-template-columns: 1fr;
  }
}


.admin-plan-card{position:relative;overflow:hidden}
.admin-plan-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--plan-accent,#8b5cf6)}
.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.compact-form-grid{gap:12px}
.check-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#fff;font-size:.92rem}
.cluster-checks{display:flex;flex-wrap:wrap;gap:10px}
.plan-permissions-box{margin-top:16px;padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.92))}
.section-headline-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.permission-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.permission-toggle-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px;border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.permission-toggle-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--plan-accent,#8b5cf6) 36%, rgba(15,23,42,.12))}
.permission-toggle-card input{margin-top:3px}
.permission-toggle-copy{display:flex;flex-direction:column;gap:4px}
.permission-toggle-copy strong{font-size:.97rem;color:#0f172a}
.permission-toggle-copy small{font-size:.82rem;line-height:1.35;color:#64748b}
.permission-toggle-state{font-size:.8rem;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(139,92,246,.10);color:#6d28d9;align-self:center}
.permission-toggle-card:has(input:checked){border-color:color-mix(in srgb,var(--plan-accent,#8b5cf6) 52%, rgba(15,23,42,.10));box-shadow:0 18px 36px color-mix(in srgb,var(--plan-accent,#8b5cf6) 14%, transparent)}
.permission-toggle-card:has(input:checked) .permission-toggle-state{background:color-mix(in srgb,var(--plan-accent,#8b5cf6) 14%, white);color:color-mix(in srgb,var(--plan-accent,#8b5cf6) 78%, black)}
@media (max-width: 980px){.permission-toggle-grid{grid-template-columns:1fr}.section-headline-row,.plan-card-head{flex-direction:column;align-items:stretch}}

.ibv2-brand-logo{width:48px;height:48px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid rgba(148,163,184,.18);padding:6px;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.ibv2-footer{margin:48px 0 24px;padding:24px 28px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.18);display:flex;justify-content:space-between;gap:20px;align-items:flex-start;box-shadow:0 18px 45px rgba(15,23,42,.07)}
.ibv2-footer-brand{display:flex;gap:16px;align-items:flex-start;max-width:680px}.ibv2-footer-logo{width:56px;height:56px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.18);padding:6px}
.ibv2-footer-brand p{margin:6px 0 0;color:var(--ib-muted)}
.ibv2-footer-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.ibv2-footer-links a{font-weight:700;color:var(--ib-ink);opacity:.82}
.pricing-card-actions{display:grid;gap:10px;margin-top:16px}
.plan-billing-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.billing-panel-card .summary-row strong{max-width:55%;text-align:right;word-break:break-word}
.inline-form select.input{min-width:140px}
@media (max-width: 900px){
  .ibv2-footer{flex-direction:column}
}


/* Embedded help center + wider admin shell */
.shell-main{min-width:0;}
.help-panel .rank-number{min-width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:rgba(99,102,241,.12);color:#4f46e5;}
.help-panel .rank-copy strong{display:block;line-height:1.5;}
.dashboard-shell.super-shell .shell-main .panel-grid,
.dashboard-shell .shell-main .panel-grid{width:100%;}
@media (min-width: 1500px){
  .dashboard-shell{grid-template-columns:330px minmax(0,1fr);gap:28px;}
  .panel-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr));}
  .panel-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr));}
  .admin-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .table-wrap,.workspace-panel,.hero-card{width:100%;}
}

/* Billing clean layout */
.billing-panel-card {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Remove excessive vertical gaps */
.panel-grid {
  gap: 16px !important;
}


/* === Stripe-style billing refresh === */
.billing-modern-shell{max-width:1180px;margin:0 auto;padding:24px 18px 48px}
.billing-hero-card{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.98));border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:28px 28px;box-shadow:0 20px 60px rgba(15,23,42,.08)}
.billing-kicker{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:6px}
.billing-hero-card h1,.billing-section-head h2{margin:0;color:#0f172a}
.billing-hero-card p{margin:8px 0 0;color:#475569;max-width:680px}
.billing-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.billing-primary-btn,.billing-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;text-decoration:none;font-weight:700}
.billing-primary-btn{background:#0f172a;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.15)}
.billing-secondary-btn{background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.25)}
.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.billing-stat-card{background:#fff;border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.billing-stat-card-accent{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.96));color:#fff}
.billing-stat-card-accent .billing-stat-label,.billing-stat-card-accent .billing-stat-meta{color:rgba(255,255,255,.78)}
.billing-stat-label{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.billing-stat-value{margin-top:8px;font-size:1.5rem;font-weight:800;line-height:1.15;color:inherit}
.billing-stat-meta{margin-top:6px;color:#64748b;font-size:.95rem}
.billing-section-card{margin-top:18px;background:#fff;border:1px solid rgba(148,163,184,.16);border-radius:28px;padding:24px;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.billing-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.billing-plan-card{border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:20px;background:linear-gradient(180deg,#fff,#fbfdff)}
.billing-plan-card.is-active{border-color:rgba(15,23,42,.55);box-shadow:0 0 0 2px rgba(15,23,42,.08) inset}
.billing-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.billing-plan-name{font-size:1.15rem;font-weight:800;color:#0f172a}
.billing-plan-badge{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.08);font-size:.78rem;font-weight:800;color:#0f172a}
.billing-plan-price-stack{display:grid;gap:6px;text-align:right;color:#475569}
.billing-plan-price-stack strong{font-size:1.15rem;color:#0f172a}
.billing-plan-price-stack span{margin-left:4px;font-size:.88rem;color:#64748b}
.billing-feature-list{display:grid;gap:10px;margin-top:18px}
.billing-feature-item{display:flex;gap:10px;align-items:flex-start;color:#334155}
.billing-feature-item i{margin-top:3px;color:#0f172a}
.billing-plan-actions{margin-top:18px}
.billing-plan-actions .billing-primary-btn,.billing-plan-actions .billing-secondary-btn{width:100%}
.billing-empty-state{padding:28px 10px;text-align:center}
.billing-empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#f8fafc;margin:0 auto 14px;color:#0f172a;font-size:1.4rem}
.billing-empty-state h3{margin:0;color:#0f172a}
.billing-empty-state p{margin:8px auto 18px;color:#64748b;max-width:540px}
.billing-included-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.billing-mini-card{display:grid;gap:10px;padding:18px;border-radius:22px;background:#f8fafc;border:1px solid rgba(148,163,184,.14)}
.billing-mini-card i{font-size:1.1rem;color:#0f172a}
.billing-mini-card strong{color:#0f172a}
.billing-mini-card span{color:#64748b}
@media (max-width:980px){
  .billing-hero-card{flex-direction:column;align-items:flex-start}
  .billing-hero-actions{justify-content:flex-start}
  .billing-summary-grid,.billing-plan-grid,.billing-included-grid{grid-template-columns:1fr}
}


.billing-hero-actions form,
.billing-plan-actions form{margin:0}
.billing-hero-actions form .billing-primary-btn,
.billing-hero-actions form .billing-secondary-btn,
.billing-plan-actions form .billing-primary-btn,
.billing-plan-actions form .billing-secondary-btn{
  appearance:none;
  border:none;
  cursor:pointer;
  font:inherit;
}


/* Launch checklist object rendering fix */
.launch-check-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.launch-check-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.launch-check-label{
  display:block;
  color:inherit;
}
.launch-check-detail{
  display:block;
  font-size:13px;
  line-height:1.45;
  opacity:.72;
  word-break:break-word;
}
\n
/* launch checklist real fix */
.launch-check-item{
  align-items:flex-start;
}
.launch-check-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.launch-check-label{
  display:block;
  color:inherit;
}
.launch-check-detail{
  display:block;
  font-size:13px;
  line-height:1.45;
  opacity:.74;
  word-break:break-word;
}


/* tenant self-serve plan change refresh */
.billing-cycle-picker{margin-top:18px}
.billing-cycle-row{display:grid;gap:8px;color:#475569;font-weight:600}
.billing-cycle-row span{font-size:.92rem}


/* admin help final fix */
.admin-help-item{align-items:flex-start}
.admin-help-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.admin-help-label{display:block;color:inherit}
.admin-help-detail{display:block;line-height:1.45;word-break:break-word}


/* onboarding patch */
.onboarding-shell .shell-sidebar{position:sticky;top:0;align-self:start}
.onboarding-panel{border-radius:24px}
.onboarding-progress-card{min-width:280px;max-width:340px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 34px rgba(15,23,42,.08)}
.onboarding-progress-label{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.onboarding-progress-value{font-size:2rem;font-weight:800;line-height:1.1;margin-top:6px;color:#0f172a}
.onboarding-progress-bar{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:12px 0 10px}
.onboarding-progress-bar span{display:block;height:100%;border-radius:999px;background:#0f172a}
.onboarding-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}
@media (max-width:980px){
  .onboarding-progress-card{max-width:none;width:100%}
}


/* onboarding full patch */
.onboarding-checklist{display:grid;gap:8px;margin-top:14px}
.onboarding-check{display:flex;gap:10px;align-items:center;color:#64748b;font-weight:600}
.onboarding-check.is-done{color:#0f172a}


/* junk qty patch */
.junk-demo-grid{display:grid;grid-template-columns:1.65fr .95fr;gap:20px}
.junk-demo-panel,.junk-summary-card{border-radius:24px}
.junk-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.junk-category{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px}
.junk-items{display:grid;gap:10px}
.junk-item-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:12px}
.junk-item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.junk-item-name{font-weight:700;margin-bottom:4px}
.junk-item-desc{font-size:12px;line-height:1.35;color:#64748b}
.junk-badge{font-size:11px;padding:5px 8px;border-radius:999px;white-space:nowrap;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.16)}
.junk-badge-warn{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.14);color:#a16207}
.junk-badge-danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.14);color:#b91c1c}
.junk-qty-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.junk-qty-box{display:flex;align-items:center;gap:8px}
.junk-qty-btn{min-width:38px;padding:9px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0c1423;color:#fff;font-weight:700;cursor:pointer}
.junk-qty-input{width:72px;text-align:center;background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:9px 8px;font:inherit}
.junk-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.junk-toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px}
.junk-toggle small{display:block;color:#64748b;margin-top:3px}
.junk-summary-stack{display:grid;gap:18px;position:sticky;top:16px;align-self:start}
.junk-summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.junk-price{font-size:36px;font-weight:800;margin:6px 0 2px}
.junk-alert{padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.45;border:1px solid rgba(255,255,255,.08)}
.junk-alert-ok{background:rgba(34,197,94,.12);color:#166534;border-color:rgba(34,197,94,.28)}
.junk-alert-warn{background:rgba(245,158,11,.12);color:#92400e;border-color:rgba(245,158,11,.28)}
.junk-alert-danger{background:rgba(239,68,68,.12);color:#991b1b;border-color:rgba(239,68,68,.28)}
.junk-mode-tag{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.24);color:#166534}
.junk-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.junk-reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#fff}
.junk-breakdown{display:grid;gap:9px;font-size:14px;color:#475569}
.junk-breakdown strong{color:#0f172a}
@media (max-width:980px){.junk-demo-grid{grid-template-columns:1fr}.junk-categories{grid-template-columns:1fr}.junk-toggle-row{grid-template-columns:1fr}.junk-summary-stack{position:static}}


/* storefront junk qty patch */
.junk-inline-shell {
  display: grid;
  gap: 16px;
}

.junk-inline-group {
  display: grid;
  gap: 10px;
}

.junk-inline-group-title {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}

.junk-inline-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.junk-inline-card {
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.72);
  border-radius: 18px;
  padding: 12px;
  transition: .18s ease;
}

.junk-inline-card.is-selected {
  border-color: rgba(139,92,246,.35);
  box-shadow: 0 10px 24px rgba(139,92,246,.12);
  background: rgba(255,255,255,.96);
}

.junk-inline-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.junk-inline-name {
  font-weight: 700;
  margin-bottom: 4px;
  color: #0f172a;
}

.junk-inline-desc {
  font-size: 12px;
  line-height: 1.35;
  color: #64748b;
}

.junk-inline-badge {
  font-size: 11px;
  padding: 5px 8px;
  border-radius: 999px;
  white-space: nowrap;
  border: 1px solid rgba(139,92,246,.24);
  background: rgba(139,92,246,.10);
  color: #6d28d9;
}

.junk-inline-badge.is-warn {
  border-color: rgba(245,158,11,.28);
  background: rgba(245,158,11,.10);
  color: #a16207;
}

.junk-inline-badge.is-danger {
  border-color: rgba(239,68,68,.28);
  background: rgba(239,68,68,.10);
  color: #b91c1c;
}

.junk-inline-qty-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.junk-inline-qty-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.junk-inline-qty-btn {
  min-width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: #0f172a;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.junk-inline-qty-input {
  width: 64px;
  text-align: center;
  border: 1px solid rgba(148,163,184,.28);
  border-radius: 10px;
  padding: 8px 6px;
  background: #fff;
  font: inherit;
}

@media (max-width: 900px) {
  .junk-inline-grid {
    grid-template-columns: 1fr;
  }
}

/* P3.3 storefront polish */
.storefront-polish-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.storefront-polish-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.2);font-size:.9rem;font-weight:700;color:var(--text-color,#0f172a)}
.theme-dark .storefront-polish-chip,.storefront-theme.theme-dark .storefront-polish-chip{background:rgba(15,23,42,.82);border-color:rgba(148,163,184,.18);color:#e2e8f0}
.storefront-progress-strip{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 14px;padding-top:14px;isolation:isolate;--progress:0%}
.storefront-progress-line{position:absolute;left:14px;right:14px;top:0;height:8px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden;z-index:0}
.storefront-progress-fill{display:block;height:100%;width:var(--progress);border-radius:inherit;background:linear-gradient(90deg,#8b5cf6 0%,#22d3ee 100%);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 10px 24px rgba(139,92,246,.28);transition:width .55s cubic-bezier(.22,.9,.22,1)}
.storefront-step-pill{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 10px 11px;border-radius:22px;border:1px solid rgba(148,163,184,.22);background:rgba(248,250,252,.88);font-size:.9rem;font-weight:800;color:#334155;letter-spacing:.01em;box-shadow:0 10px 24px rgba(15,23,42,.08);transition:transform .35s cubic-bezier(.22,.9,.22,1), box-shadow .35s cubic-bezier(.22,.9,.22,1), border-color .35s ease, background .35s ease, color .35s ease, opacity .35s ease;overflow:hidden}
.storefront-step-pill::after{content:'';position:absolute;inset:-40% auto auto 50%;width:74px;height:74px;transform:translateX(-50%) scale(.6);border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.28) 0%,rgba(139,92,246,0) 72%);opacity:0;transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.storefront-step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.22);font-size:.92rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px rgba(15,23,42,.08)}
.storefront-step-label{line-height:1;text-align:center}
.storefront-step-pill.is-upcoming{opacity:.78}
.storefront-step-pill.is-clickable{cursor:pointer}
.storefront-step-pill.is-clickable:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 18px 34px rgba(15,23,42,.12);border-color:rgba(99,102,241,.28)}
.storefront-step-pill.is-clickable:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.18),0 18px 34px rgba(15,23,42,.12)}
.storefront-step-pill.is-complete{background:linear-gradient(180deg,rgba(34,197,94,.16),rgba(34,197,94,.08));border-color:rgba(34,197,94,.34);color:#166534;box-shadow:0 16px 34px rgba(34,197,94,.14)}
.storefront-step-pill.is-complete .storefront-step-number{background:linear-gradient(180deg,#dcfce7,#bbf7d0);border-color:rgba(34,197,94,.28);color:#166534}
.storefront-step-pill.is-complete .storefront-step-number::before{content:'✓';font-size:1rem;font-weight:900}
.storefront-step-pill.is-complete .storefront-step-number{font-size:0}
.storefront-step-pill.is-active{transform:translateY(-3px) scale(1.03);background:linear-gradient(180deg,rgba(139,92,246,.18),rgba(34,211,238,.12));border-color:rgba(139,92,246,.42);color:#5b21b6;box-shadow:0 24px 46px rgba(91,33,182,.22),0 0 0 1px rgba(255,255,255,.46) inset;animation:storefrontStepPulse 1.85s ease-in-out infinite}
.storefront-step-pill.is-active::after{opacity:1;transform:translateX(-50%) scale(1)}
.storefront-step-pill.is-active .storefront-step-number{background:linear-gradient(180deg,#ffffff,#f5f3ff);border-color:rgba(139,92,246,.34);color:#6d28d9;box-shadow:0 12px 28px rgba(139,92,246,.2)}
.theme-dark .storefront-progress-line,.storefront-theme.theme-dark .storefront-progress-line{background:rgba(148,163,184,.14)}
.theme-dark .storefront-step-pill,.storefront-theme.theme-dark .storefront-step-pill{background:rgba(15,23,42,.92);border-color:rgba(148,163,184,.16);color:#cbd5e1;box-shadow:0 10px 24px rgba(2,6,23,.28)}
.theme-dark .storefront-step-number,.storefront-theme.theme-dark .storefront-step-number{background:rgba(30,41,59,.96);border-color:rgba(148,163,184,.14);color:#e2e8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(2,6,23,.22)}
.theme-dark .storefront-step-pill.is-active,.storefront-theme.theme-dark .storefront-step-pill.is-active{background:linear-gradient(180deg,rgba(91,33,182,.42),rgba(34,211,238,.18));border-color:rgba(167,139,250,.5);color:#ede9fe;box-shadow:0 24px 48px rgba(91,33,182,.3),0 0 0 1px rgba(255,255,255,.06) inset}
.theme-dark .storefront-step-pill.is-active .storefront-step-number,.storefront-theme.theme-dark .storefront-step-pill.is-active .storefront-step-number{background:linear-gradient(180deg,rgba(76,29,149,.92),rgba(49,46,129,.92));border-color:rgba(196,181,253,.24);color:#f5f3ff}
.theme-dark .storefront-step-pill.is-complete,.storefront-theme.theme-dark .storefront-step-pill.is-complete{background:linear-gradient(180deg,rgba(22,163,74,.2),rgba(34,197,94,.08));border-color:rgba(74,222,128,.26);color:#dcfce7}
.theme-dark .storefront-step-pill.is-complete .storefront-step-number,.storefront-theme.theme-dark .storefront-step-pill.is-complete .storefront-step-number{background:linear-gradient(180deg,rgba(20,83,45,.9),rgba(21,128,61,.9));border-color:rgba(74,222,128,.2);color:#dcfce7}
@keyframes storefrontStepPulse{0%,100%{transform:translateY(-3px) scale(1.03);box-shadow:0 24px 46px rgba(91,33,182,.22),0 0 0 1px rgba(255,255,255,.46) inset}50%{transform:translateY(-5px) scale(1.05);box-shadow:0 30px 60px rgba(91,33,182,.3),0 0 0 1px rgba(255,255,255,.55) inset}}
.storefront-comfort-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;background:rgba(248,250,252,.92);border:1px solid rgba(148,163,184,.18);margin-bottom:18px}
.theme-dark .storefront-comfort-strip,.storefront-theme.theme-dark .storefront-comfort-strip{background:rgba(15,23,42,.9);border-color:rgba(148,163,184,.16)}
.storefront-comfort-copy{display:grid;gap:6px}
.storefront-comfort-copy strong{font-size:1rem}
.storefront-comfort-copy span{font-size:.94rem;color:#64748b;line-height:1.55}
.theme-dark .storefront-comfort-copy span,.storefront-theme.theme-dark .storefront-comfort-copy span{color:#94a3b8}
.storefront-comfort-points{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.storefront-comfort-points span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.18);font-size:.88rem;font-weight:700}
.theme-dark .storefront-comfort-points span,.storefront-theme.theme-dark .storefront-comfort-points span{background:rgba(30,41,59,.8);border-color:rgba(148,163,184,.16)}
.storefront-reassurance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.storefront-reassurance-card{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:20px;border:1px solid rgba(148,163,184,.18);background:rgba(248,250,252,.92)}
.storefront-reassurance-card i{font-size:1.1rem;margin-top:3px;color:#7c3aed}
.storefront-reassurance-card strong{display:block;margin-bottom:5px}
.storefront-reassurance-card span{display:block;color:#64748b;line-height:1.5;font-size:.94rem}
.theme-dark .storefront-reassurance-card,.storefront-theme.theme-dark .storefront-reassurance-card{background:rgba(15,23,42,.9);border-color:rgba(148,163,184,.16)}
.theme-dark .storefront-reassurance-card span,.storefront-theme.theme-dark .storefront-reassurance-card span{color:#94a3b8}
.quote-support-row-polished{padding-top:8px;border-top:1px solid rgba(148,163,184,.14)}

.price-reveal-pop{animation:priceRevealPop .9s cubic-bezier(.2,.9,.2,1)}
.quote-top-lock strong.is-live{color:#5b21b6;text-shadow:0 10px 28px rgba(91,33,182,.18);animation:priceGlowPulse 1.6s ease-in-out 2}
.theme-dark .quote-top-lock strong.is-live,.storefront-theme.theme-dark .quote-top-lock strong.is-live{color:#f5f3ff;text-shadow:0 10px 30px rgba(167,139,250,.28)}
.service-card.selected,.addon-card.selected{transform:translateY(-4px) scale(1.01);animation:selectedCardPulse 1.4s ease-in-out 2}
.service-card.selected .select-pill,.addon-card.selected .select-pill{box-shadow:0 10px 22px rgba(139,92,246,.2)}
@keyframes selectedCardPulse{0%,100%{box-shadow:0 18px 44px rgba(139,92,246,.18)!important}50%{box-shadow:0 26px 60px rgba(139,92,246,.28)!important}}
@keyframes priceRevealPop{0%{transform:scale(.88);filter:brightness(.95)}45%{transform:scale(1.08);filter:brightness(1.08)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes priceGlowPulse{0%,100%{opacity:1}50%{opacity:.86}}
@media (max-width: 900px){.storefront-progress-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:18px}.storefront-step-pill:last-child{grid-column:1/-1}.storefront-comfort-strip{flex-direction:column}.storefront-comfort-points{justify-content:flex-start}.storefront-reassurance-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.storefront-progress-strip{grid-template-columns:1fr;gap:10px}.storefront-progress-line{left:12px;right:12px}.storefront-step-pill{flex-direction:row;justify-content:flex-start;padding:12px 14px}.storefront-step-label{text-align:left}.storefront-polish-meta{gap:8px}.storefront-polish-chip,.storefront-step-pill,.storefront-comfort-points span{font-size:.82rem}.storefront-comfort-strip,.storefront-reassurance-card{padding:14px 14px}}


/* P3.6 quote completion polish */
.refined-contact-grid{gap:14px}
.contact-field.has-error label{color:#fca5a5}
.field-error-note{margin-top:6px;font-size:12px;line-height:1.4;color:#fecaca}
.theme-light .field-error-note{color:#b91c1c}
.input-invalid{border-color:rgba(248,113,113,.9)!important;box-shadow:0 0 0 3px rgba(248,113,113,.14)!important;background:rgba(127,29,29,.08)!important}
.review-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.review-edit-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:12px 14px;font-weight:700}
.estimate-cta-band{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;margin-top:18px;padding:22px;border-radius:26px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg, rgba(99,102,241,.18), rgba(34,211,238,.12));box-shadow:0 20px 44px rgba(15,23,42,.22)}
.theme-light .estimate-cta-band{background:linear-gradient(135deg, rgba(99,102,241,.10), rgba(34,211,238,.10));box-shadow:0 18px 38px rgba(15,23,42,.08)}
.booking-nav-wrap{transition:transform .25s ease, box-shadow .25s ease, background .25s ease}
@media (max-width:860px){
  .booking-nav-wrap{position:sticky;bottom:max(10px, env(safe-area-inset-bottom));z-index:40;margin-top:16px;padding:12px;border-radius:18px;background:rgba(15,23,42,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 30px rgba(2,6,23,.28);border:1px solid rgba(255,255,255,.12)}
  .theme-light .booking-nav-wrap{background:rgba(255,255,255,.92);box-shadow:0 14px 28px rgba(15,23,42,.10)}
  .booking-nav-wrap .booking-progress-inline{gap:10px}
  .booking-nav-wrap .ghost,.booking-nav-wrap .primary{flex:1;min-height:52px}
  .review-edit-grid{grid-template-columns:1fr 1fr}
  .estimate-cta-band{grid-template-columns:1fr;padding:18px}
}
@media (max-width:560px){
  .review-edit-grid{grid-template-columns:1fr}
}


/* P3.7 trust + conversion layer */
.storefront-trust-banner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 6px;
}
.storefront-trust-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.9);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}
.storefront-trust-chip-accent {
  background: linear-gradient(135deg, rgba(142,92,246,0.34), rgba(59,130,246,0.22));
  border-color: rgba(167,139,250,0.38);
  box-shadow: 0 14px 32px rgba(91,33,182,0.2), inset 0 1px 0 rgba(255,255,255,0.16);
}
.review-trust-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}
.review-trust-card {
  position: relative;
  padding: 18px 18px 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(10,14,26,0.66);
  box-shadow: 0 18px 40px rgba(15,23,42,0.2);
}
.review-trust-card-strong {
  background: linear-gradient(145deg, rgba(37,99,235,0.18), rgba(139,92,246,0.18));
  border-color: rgba(147,197,253,0.24);
}
.review-trust-kicker {
  margin-bottom: 8px;
  color: rgba(191,219,254,0.92);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.review-trust-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.25;
}
.review-trust-card p {
  margin: 0;
  color: rgba(226,232,240,0.82);
}
.review-trust-badges,
.review-social-proof,
.estimate-cta-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.review-trust-badges span,
.review-proof-chip,
.estimate-cta-trust {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(248,250,252,0.94);
  font-size: 12px;
  font-weight: 700;
}
.estimate-cta-band-strong {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(15,23,42,0.92), rgba(76,29,149,0.82));
  border: 1px solid rgba(167,139,250,0.28);
  box-shadow: 0 26px 60px rgba(76,29,149,0.22);
}
.estimate-cta-band-strong::before {
  content: '';
  position: absolute;
  inset: -35% auto auto -10%;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(96,165,250,0.26), rgba(96,165,250,0));
  pointer-events: none;
}
@media (max-width: 980px) {
  .storefront-trust-banner,
  .review-trust-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .storefront-trust-banner,
  .review-trust-grid {
    grid-template-columns: 1fr;
  }
  .storefront-trust-chip {
    justify-content: flex-start;
    border-radius: 18px;
  }
}


/* Compact hardcoded demo mode */
.demo-compact-body .site-header,.demo-compact-body .site-footer{display:none;}
.demo-compact-mode .scene-grid,.demo-compact-mode .scene-ring,.demo-compact-mode .scene-noise,.demo-compact-mode .floating-orb,.demo-compact-mode .scene-depth-panel{display:none;}
.demo-compact-mode .app.storefront-premium-compact{padding:16px 0 28px;}
.demo-compact-mode .booking-shell{padding:0;min-height:auto;}
.demo-compact-mode .booking-main{padding:0;}
.demo-compact-mode .booking-card{max-width:980px;margin:0 auto;border-radius:24px;}
.demo-compact-mode .booking-card-head{padding:18px 18px 14px;}
.demo-compact-mode .quote-kicker-row{display:none;}
.demo-compact-mode .quote-shell-title{font-size:clamp(1.55rem,2.8vw,2.3rem);line-height:1.05;}
.demo-compact-mode .quote-shell-subtitle{margin-top:6px;max-width:46ch;font-size:.96rem;}
.demo-compact-mode .storefront-polish-meta{margin-top:10px;gap:8px;}
.demo-compact-mode .storefront-polish-chip{padding:6px 10px;font-size:.8rem;}
.demo-compact-mode .storefront-progress-strip{margin-top:10px;padding:12px 14px;gap:10px;}
.demo-compact-mode .storefront-step-pill{padding:10px 12px;min-height:auto;}
.demo-compact-mode .storefront-comfort-strip,.demo-compact-mode .storefront-reassurance-grid{display:none;}
.demo-compact-mode .storefront-trust-banner{margin:12px 18px 8px;padding:10px 12px;gap:8px;}
.demo-compact-mode #content{padding-top:6px;}
.demo-compact-mode .booking-nav-wrap{margin-top:10px;}
.demo-compact-mode .quote-support-row{margin-top:10px;padding-top:10px;}
.demo-compact-mode .brand-lockup-premium{align-items:center;gap:14px;}
.demo-compact-mode .brand-logo-image,.demo-compact-mode .brand-fallback-mark{width:52px;height:52px;}
@media (max-width: 640px){
  .demo-compact-mode .app.storefront-premium-compact{padding:8px 0 18px;}
  .demo-compact-mode .booking-card{border-radius:18px;}
  .demo-compact-mode .booking-card-head{padding:14px 14px 10px;}
  .demo-compact-mode .brand-lockup-premium{align-items:flex-start;}
  .demo-compact-mode .storefront-trust-banner{margin:10px 14px 6px;}
  .demo-compact-mode .storefront-progress-strip{padding:10px 12px;}
}


/* Demo palette + junk-removal text-first polish */
.demo-compact-mode{
  --p:#8b5cf6;
  --primary-color:#8b5cf6;
  --secondary-color:#f5f0ff;
  --bg-page:#f7f4ff;
  --card:#ffffff;
  --card-light:rgba(255,255,255,0.98);
  --border:rgba(139,92,246,0.16);
  --accent-soft:rgba(139,92,246,0.10);
  --accent-glow:rgba(139,92,246,0.16);
  --text-main:#211537;
  --heading-color:#211537;
  --body-text-color:#3d3156;
  --text-muted:#6f628f;
}
.demo-compact-mode .booking-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.92));
  border:1px solid rgba(139,92,246,0.16);
  box-shadow:0 30px 70px rgba(86,42,158,0.12);
}
.demo-compact-mode .primary,
.demo-compact-mode .premium-next-btn.primary{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed);
  color:#fff;
  border-color:rgba(124,58,237,0.5);
  box-shadow:0 16px 32px rgba(124,58,237,0.22);
}
.demo-compact-mode .ghost-secondary{
  border-color:rgba(139,92,246,0.18);
  color:#5b3f88;
  background:rgba(139,92,246,0.06);
}
.demo-compact-mode .storefront-polish-chip,
.demo-compact-mode .booking-trust-pill,
.demo-compact-mode .estimate-cta-trust,
.demo-compact-mode .review-proof-chip{
  background:rgba(139,92,246,0.08);
  border-color:rgba(139,92,246,0.14);
  color:#5b3f88;
}
.demo-compact-mode .service-card.selected,
.demo-compact-mode .storefront-step-pill.is-active{
  border-color:rgba(139,92,246,0.42);
  box-shadow:0 18px 36px rgba(124,58,237,0.18);
}
.demo-compact-mode .review-trust-card,
.demo-compact-mode .estimate-cta-band-strong,
.demo-compact-mode .storefront-trust-banner{
  border-color:rgba(139,92,246,0.14);
  background:linear-gradient(180deg, rgba(251,248,255,0.96), rgba(246,240,255,0.92));
}

/* Tenant demo advanced palette */
.demo-tenant-advanced-mode{
  --p:#7c3aed;
  --primary-color:#7c3aed;
  --secondary-color:#f4efff;
  --bg-page:radial-gradient(circle at top left, #f7f1ff 0%, #f4efff 32%, #f8fbff 100%);
  --card:#ffffff;
  --card-light:rgba(255,255,255,0.98);
  --border:rgba(124,58,237,0.18);
  --accent-soft:rgba(124,58,237,0.10);
  --accent-glow:rgba(88,28,135,0.18);
  --text-main:#1e1633;
  --heading-color:#1e1633;
  --body-text-color:#40325f;
  --text-muted:#71638f;
}
.demo-tenant-advanced-mode .scene-glow-a{background:radial-gradient(circle, rgba(124,58,237,0.22), transparent 68%);}
.demo-tenant-advanced-mode .scene-glow-b{background:radial-gradient(circle, rgba(56,189,248,0.16), transparent 70%);}
.demo-tenant-advanced-mode .booking-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,243,255,0.96));
  border:1px solid rgba(124,58,237,0.16);
  box-shadow:0 30px 80px rgba(76,29,149,0.14);
}
.demo-tenant-advanced-mode .booking-card-head-premium{
  background:linear-gradient(135deg, rgba(124,58,237,0.06), rgba(56,189,248,0.06));
  border-bottom:1px solid rgba(124,58,237,0.10);
}
.demo-tenant-advanced-mode .primary,
.demo-tenant-advanced-mode .premium-next-btn.primary{
  background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 40%,#4f46e5 100%);
  color:#fff;
  border-color:rgba(109,40,217,0.44);
  box-shadow:0 18px 38px rgba(109,40,217,0.24);
}
.demo-tenant-advanced-mode .ghost,
.demo-tenant-advanced-mode .ghost-secondary{
  background:rgba(124,58,237,0.06);
  color:#593f92;
  border-color:rgba(124,58,237,0.16);
}
.demo-tenant-advanced-mode .storefront-polish-chip,
.demo-tenant-advanced-mode .booking-trust-pill,
.demo-tenant-advanced-mode .review-proof-chip,
.demo-tenant-advanced-mode .estimate-cta-trust{
  background:linear-gradient(180deg, rgba(124,58,237,0.10), rgba(124,58,237,0.06));
  border-color:rgba(124,58,237,0.16);
  color:#5a3f94;
}
.demo-tenant-advanced-mode .service-card{
  border-color:rgba(124,58,237,0.12);
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,246,255,0.96));
}
.demo-tenant-advanced-mode .service-card.selected,
.demo-tenant-advanced-mode .service-card:hover,
.demo-tenant-advanced-mode .storefront-step-pill.is-active{
  border-color:rgba(124,58,237,0.40);
  box-shadow:0 18px 40px rgba(109,40,217,0.18);
}
.demo-tenant-advanced-mode .quote-top-lock-premium,
.demo-tenant-advanced-mode .storefront-trust-banner,
.demo-tenant-advanced-mode .review-trust-card,
.demo-tenant-advanced-mode .estimate-cta-band-strong{
  background:linear-gradient(180deg, rgba(251,248,255,0.98), rgba(244,239,255,0.94));
  border-color:rgba(124,58,237,0.16);
}
.demo-tenant-advanced-mode .brand-fallback-mark{
  background:linear-gradient(135deg,#8b5cf6,#4f46e5);
  box-shadow:0 16px 32px rgba(79,70,229,0.24);
}


/* P3.8.7 mobile-first intake for tenant demo */
@media (max-width: 640px){
  .demo-tenant-advanced-mode .booking-card-minimal{display:flex;flex-direction:column;padding:14px 12px 14px;border-radius:22px;}
  .demo-tenant-advanced-mode .booking-card-head-premium{order:1;padding:8px 8px 4px;margin-bottom:4px;gap:10px;background:transparent;border-bottom:none;}
  .demo-tenant-advanced-mode .brand-lockup-premium{gap:12px;align-items:center;}
  .demo-tenant-advanced-mode .brand-fallback-mark,.demo-tenant-advanced-mode .brand-logo-image{width:52px;height:52px;border-radius:18px;}
  .demo-tenant-advanced-mode .quote-eyebrow{font-size:.78rem;letter-spacing:.16em;margin-bottom:2px;}
  .demo-tenant-advanced-mode .quote-shell-title{font-size:clamp(2.1rem,10vw,2.7rem);line-height:.96;margin:0 0 4px;}
  .demo-tenant-advanced-mode .quote-shell-subtitle{font-size:.95rem;line-height:1.35;margin:0;}
  .demo-tenant-advanced-mode .quote-kicker-row,
  .demo-tenant-advanced-mode .storefront-polish-meta,
  .demo-tenant-advanced-mode .storefront-comfort-strip,
  .demo-tenant-advanced-mode .storefront-trust-banner,
  .demo-tenant-advanced-mode .storefront-reassurance-grid,
  .demo-tenant-advanced-mode .quote-support-row .muted.small,
  .demo-tenant-advanced-mode .quote-top-lock-premium{display:none !important;}
  .demo-tenant-advanced-mode .quote-top-rail{display:flex;justify-content:flex-end;min-width:0;gap:8px;}
  .demo-tenant-advanced-mode .quote-assist-controls-premium{justify-content:flex-end;}
  .demo-tenant-advanced-mode .assist-toggle{padding:10px 12px;border-radius:14px;font-size:.88rem;}
  .demo-tenant-advanced-mode #content{order:2;padding-top:2px;}
  .demo-tenant-advanced-mode .booking-nav-wrap{order:3;margin-top:10px;}
  .demo-tenant-advanced-mode .storefront-progress-strip{order:4;grid-template-columns:repeat(5,minmax(84px,1fr));gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:8px 4px 2px;margin:8px -2px 0;scrollbar-width:none;background:transparent;}
  .demo-tenant-advanced-mode .storefront-progress-strip::-webkit-scrollbar{display:none;}
  .demo-tenant-advanced-mode .storefront-progress-line{left:8px;right:8px;top:20px;}
  .demo-tenant-advanced-mode .storefront-step-pill{min-width:86px;padding:9px 10px;border-radius:18px;box-shadow:none;}
  .demo-tenant-advanced-mode .storefront-step-number{width:34px;height:34px;}
  .demo-tenant-advanced-mode .storefront-step-label{font-size:.8rem;}
  .demo-tenant-advanced-mode .quote-support-row{order:5;margin-top:10px;padding-top:8px;}
  .demo-tenant-advanced-mode .quote-support-actions{justify-content:flex-start;gap:8px;}
  .demo-tenant-advanced-mode .quote-support-actions .ghost.small-btn{padding:10px 12px;border-radius:14px;}
}

/* Patch Set D — storefront UX refinement */
.question-stage-shell{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);
  gap:18px;
  align-items:start;
}
.question-stage-main{display:grid;gap:18px;min-width:0;}
.question-step-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:18px 20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 16px 36px rgba(15,23,42,.06);
}
.question-step-kicker{
  display:inline-block;
  margin-bottom:8px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64748b;
}
.question-step-stat{display:grid;gap:4px;}
.question-step-stat strong{font-size:1.08rem;color:#0f172a;}
.question-step-stat small{color:#64748b;line-height:1.5;}
.question-summary-rail{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:24px;
  position:sticky;
  top:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}
.question-summary-head h3{margin:0 0 4px;font-size:1.15rem;color:#0f172a;}
.question-summary-head p{margin:0;color:#64748b;line-height:1.55;}
.question-summary-list{display:grid;gap:10px;}
.question-summary-item{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  padding:12px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(148,163,184,.14);
}
.question-summary-item.is-complete{
  background:linear-gradient(180deg,rgba(238,242,255,.95),rgba(243,244,246,.92));
  border-color:rgba(99,102,241,.18);
}
.question-summary-index{
  width:36px;
  height:36px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(99,102,241,.08);
  color:#4338ca;
  font-size:.82rem;
  font-weight:800;
}
.question-summary-item strong{display:block;margin-bottom:3px;color:#0f172a;font-size:.92rem;line-height:1.35;}
.question-summary-item span{color:#64748b;font-size:.84rem;line-height:1.45;}
.question-card-title-block{display:grid;gap:8px;min-width:0;}
.question-number-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(99,102,241,.08);
  border:1px solid rgba(99,102,241,.12);
  color:#4338ca;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.question-card-footer-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}
.question-complete-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(148,163,184,.12);
  color:#475569;
  font-size:.75rem;
  font-weight:800;
  white-space:nowrap;
}
.question-complete-pill.is-complete{
  background:rgba(34,197,94,.1);
  color:#166534;
}
.premium-question-card.is-complete{
  border-color:rgba(99,102,241,.18);
  box-shadow:0 18px 36px rgba(99,102,241,.08), inset 0 1px 0 rgba(255,255,255,.82);
}
.media-step-shell{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);
  gap:18px;
  align-items:start;
}
.media-upload-card,
.media-checklist-card{
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}
.media-upload-card.is-required,
.media-checklist-card.is-required,
.manual-review-mode .question-step-meta,
.manual-review-mode .question-summary-rail{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,243,255,.94));
  border-color:rgba(139,92,246,.18);
}
.media-upload-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.media-upload-head h3,
.media-checklist-card h3{margin:0 0 4px;color:#0f172a;font-size:1.15rem;}
.media-upload-head p,
.media-checklist-card p{margin:0;color:#64748b;line-height:1.55;}
.media-status-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(148,163,184,.12);
  color:#475569;
  font-size:.8rem;
  font-weight:800;
  white-space:nowrap;
}
.media-status-pill.is-complete{
  background:rgba(34,197,94,.1);
  color:#166534;
}
.media-checklist-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;}
.media-checklist-list li{display:flex;align-items:flex-start;gap:10px;color:#334155;line-height:1.5;font-weight:600;}
.media-checklist-list i{color:#4338ca;margin-top:2px;}
.media-requirement-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:16px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(99,102,241,.06);
  border:1px solid rgba(99,102,241,.1);
  color:#4338ca;
  font-size:.88rem;
  line-height:1.5;
  font-weight:700;
}
@media (max-width: 980px){
  .question-stage-shell,
  .media-step-shell,
  .question-step-meta{grid-template-columns:1fr;}
  .question-summary-rail{position:static;}
}
@media (max-width: 720px){
  .question-card-footer-row,
  .media-upload-head{flex-direction:column;align-items:flex-start;}
  .question-summary-item{grid-template-columns:32px minmax(0,1fr);}
}

/* ==============================
   PATCH SET E — SHARP DEMO REVAMP
   No database changes
   ============================== */

.demo-tenant-advanced-body {
  background:
    radial-gradient(circle at 12% 10%, rgba(139,92,246,.16), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(59,130,246,.12), transparent 24%),
    linear-gradient(180deg, #f8f5ff 0%, #f7fbff 44%, #f3f6fb 100%);
}

.demo-tenant-advanced-mode {
  --demo-ink: #0f172a;
  --demo-muted: #5b6476;
  --demo-border: rgba(109,40,217,.10);
  --demo-border-strong: rgba(109,40,217,.16);
  --demo-glow: 0 24px 60px rgba(76, 29, 149, .10), 0 12px 30px rgba(59, 130, 246, .06);
  --demo-card: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));
  --demo-soft: rgba(139,92,246,.08);
  --demo-soft-2: rgba(59,130,246,.06);
}

.demo-tenant-advanced-mode .scene-grid,
.demo-tenant-advanced-mode .scene-ring,
.demo-tenant-advanced-mode .scene-noise,
.demo-tenant-advanced-mode .floating-orb,
.demo-tenant-advanced-mode .scene-depth-panel {
  opacity: .45;
}

.demo-tenant-advanced-app {
  max-width: 1220px;
  margin: 0 auto;
}

.demo-tenant-advanced-mode .booking-shell {
  padding: clamp(18px, 3vw, 30px);
}

.demo-tenant-advanced-mode .booking-card {
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(255,255,255,.8);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 80px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.95);
  border-radius: 34px;
}

.demo-command-head {
  padding-bottom: 10px;
}

.demo-command-bar {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  gap: 18px;
  align-items: stretch;
}

.demo-command-main,
.demo-command-side {
  background: var(--demo-card);
  border: 1px solid var(--demo-border);
  border-radius: 28px;
  box-shadow: var(--demo-glow);
}

.demo-command-main {
  padding: 24px 26px;
  position: relative;
  overflow: hidden;
}

.demo-command-main::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -52px;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(139,92,246,.16) 0%, rgba(139,92,246,0) 68%);
  pointer-events: none;
}

.demo-command-side {
  padding: 18px;
  display: grid;
  gap: 12px;
}

.demo-command-kicker-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}

.demo-command-mini {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  color: var(--demo-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

.demo-brand-lockup {
  align-items: center;
}

.demo-command-subtitle {
  max-width: 62ch;
  color: var(--demo-muted);
}

.demo-command-lock {
  min-height: 92px;
  display: grid;
  align-content: center;
  background: linear-gradient(135deg, rgba(99,102,241,.08), rgba(255,255,255,.92));
  border: 1px solid rgba(99,102,241,.16);
}

.demo-command-controls .ghost {
  width: 100%;
  justify-content: center;
}

.demo-command-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.demo-command-metric {
  padding: 12px 10px;
  border-radius: 18px;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(148,163,184,.16);
  text-align: center;
}

.demo-command-metric span,
.service-luxe-stat span,
.luxe-contact-points span,
.luxe-intro-summary span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #6b7280;
  margin-bottom: 6px;
  font-weight: 800;
}

.demo-command-metric strong,
.service-luxe-stat strong,
.luxe-contact-points strong,
.luxe-intro-summary strong {
  color: var(--demo-ink);
  font-size: 14px;
  font-weight: 800;
}

.demo-progress-strip {
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(148,163,184,.14);
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
}

.demo-proof-bar {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.demo-proof-bar span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(148,163,184,.14);
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.demo-tenant-advanced-mode #content {
  padding-top: 6px;
}

.luxe-demo-screen,
.service-luxe-screen,
.luxe-contact-screen {
  display: grid;
  gap: 18px;
}

.luxe-intro-shell {
  display: grid;
}

.luxe-intro-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 20px;
  padding: 18px;
  border-radius: 28px;
}

.luxe-intro-copy,
.luxe-intro-form {
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 24px;
  padding: 22px;
}

.luxe-intro-copy h2 {
  margin: 10px 0 12px;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.02;
  letter-spacing: -.04em;
}

.luxe-intro-points {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.luxe-intro-points span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(99,102,241,.08), rgba(255,255,255,.92));
  color: #334155;
  font-weight: 700;
}

.luxe-intro-form-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.luxe-intro-form-top h3 {
  margin: 6px 0 0;
  font-size: 1.25rem;
}

.luxe-mini-label {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.05);
  color: #475569;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.luxe-mini-proof {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(99,102,241,.08);
  color: #4c1d95;
  font-size: 12px;
  font-weight: 800;
}

.luxe-intro-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.luxe-intro-summary > div {
  padding: 12px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(148,163,184,.16);
}

.luxe-intro-cta {
  width: 100%;
  min-height: 56px;
  border-radius: 18px;
  box-shadow: 0 18px 35px rgba(79,70,229,.24);
}

.service-luxe-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
  gap: 14px;
  align-items: stretch;
}

.service-luxe-copy,
.service-luxe-stat-row {
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 24px;
  box-shadow: 0 20px 40px rgba(15,23,42,.06);
}

.service-luxe-copy {
  padding: 22px 24px;
}

.service-luxe-kicker {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(99,102,241,.08);
  color: #4c1d95;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 800;
}

.service-luxe-copy h3 {
  margin: 10px 0 8px;
  font-size: clamp(1.4rem, 2.5vw, 2.2rem);
  line-height: 1.05;
  letter-spacing: -.03em;
}

.service-luxe-copy p { color: var(--demo-muted); }

.service-luxe-stat-row {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.service-luxe-stat {
  border-radius: 18px;
  padding: 14px 12px;
  background: #fff;
  border: 1px solid rgba(148,163,184,.14);
}

.luxe-service-grid {
  gap: 16px;
}

.luxe-service-card {
  text-align: left;
  border-radius: 26px;
  padding: 18px;
  gap: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(249,250,255,.88));
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 22px 45px rgba(15,23,42,.07);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.luxe-service-card:hover,
.luxe-service-card.selected {
  transform: translateY(-2px);
  border-color: rgba(99,102,241,.26);
  box-shadow: 0 26px 50px rgba(79,70,229,.14), 0 10px 24px rgba(59,130,246,.08);
}

.luxe-service-top,
.luxe-service-bottom {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.luxe-service-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.luxe-service-badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(99,102,241,.08);
  color: #4c1d95;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.luxe-service-badge.is-muted {
  background: rgba(15,23,42,.05);
  color: #475569;
}

.luxe-service-detail {
  font-size: 13px;
  line-height: 1.55;
  color: #5b6476;
  min-height: 58px;
}

.luxe-service-arrow {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(255,255,255,.95));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4c1d95;
}

.luxe-service-footer {
  margin-top: -2px;
}

.luxe-contact-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr);
  gap: 16px;
}

.luxe-contact-main,
.luxe-contact-rail {
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 24px;
  box-shadow: 0 20px 40px rgba(15,23,42,.06);
}

.luxe-contact-main {
  padding: 18px;
}

.luxe-contact-grid {
  margin-bottom: 14px;
}

.luxe-contact-rail {
  padding: 22px;
  display: grid;
  align-content: start;
  gap: 14px;
}

.luxe-contact-rail h3 {
  margin: 0;
  font-size: 1.45rem;
}

.luxe-contact-rail p {
  margin: 0;
  color: var(--demo-muted);
}

.luxe-contact-points {
  display: grid;
  gap: 10px;
}

.luxe-contact-points > div {
  padding: 12px 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(148,163,184,.14);
}

.luxe-review-grid {
  gap: 14px;
}

.demo-tenant-advanced-mode .question-stage-shell,
.demo-tenant-advanced-mode .estimate-overview-grid,
.demo-tenant-advanced-mode .review-action-row,
.demo-tenant-advanced-mode .storefront-progress-strip,
.demo-tenant-advanced-mode .service-queue-row,
.demo-tenant-advanced-mode .estimate-hero-card-refined,
.demo-tenant-advanced-mode .estimate-info-card,
.demo-tenant-advanced-mode .question-summary-rail,
.demo-tenant-advanced-mode .question-step-meta,
.demo-tenant-advanced-mode .premium-question-card,
.demo-tenant-advanced-mode .review-summary-card,
.demo-tenant-advanced-mode .media-step-shell,
.demo-tenant-advanced-mode .media-upload-panel,
.demo-tenant-advanced-mode .media-help-panel,
.demo-tenant-advanced-mode .notes-box,
.demo-tenant-advanced-mode .field-list,
.demo-tenant-advanced-mode .booking-nav-wrap,
.demo-tenant-advanced-mode .storefront-reassurance-grid > * {
  border-color: rgba(148,163,184,.14) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
}

.demo-tenant-advanced-mode .premium-question-card,
.demo-tenant-advanced-mode .review-summary-card,
.demo-tenant-advanced-mode .estimate-info-card,
.demo-tenant-advanced-mode .media-upload-panel,
.demo-tenant-advanced-mode .media-help-panel,
.demo-tenant-advanced-mode .question-summary-rail,
.demo-tenant-advanced-mode .question-step-meta,
.demo-tenant-advanced-mode .notes-box,
.demo-tenant-advanced-mode .field-list,
.demo-tenant-advanced-mode .booking-nav-wrap,
.demo-tenant-advanced-mode .estimate-hero-card-refined,
.demo-tenant-advanced-mode .service-queue-pill,
.demo-tenant-advanced-mode .storefront-step-pill,
.demo-tenant-advanced-mode .assistant-guide-card {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(250,251,255,.84)) !important;
}

.demo-tenant-advanced-mode .assistant-guide-card {
  border-radius: 28px;
}

.demo-tenant-advanced-mode .question-summary-item,
.demo-tenant-advanced-mode .service-summary-chip,
.demo-tenant-advanced-mode .question-complete-pill,
.demo-tenant-advanced-mode .booking-trust-pill,
.demo-tenant-advanced-mode .storefront-polish-chip,
.demo-tenant-advanced-mode .storefront-trust-chip,
.demo-tenant-advanced-mode .question-required-pill,
.demo-tenant-advanced-mode .question-optional-pill {
  border-radius: 999px;
}

.demo-tenant-advanced-mode .primary {
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 55%, #2563eb 100%);
  color: #fff;
  border: 0;
  box-shadow: 0 18px 34px rgba(79,70,229,.25);
}

.demo-tenant-advanced-mode .ghost {
  background: rgba(255,255,255,.9);
  color: #0f172a;
  border-color: rgba(148,163,184,.18);
}

.demo-tenant-advanced-mode .input,
.demo-tenant-advanced-mode textarea,
.demo-tenant-advanced-mode select {
  background: rgba(255,255,255,.92);
  border-color: rgba(148,163,184,.18);
  color: #0f172a;
}

.demo-tenant-advanced-mode .input:focus,
.demo-tenant-advanced-mode textarea:focus,
.demo-tenant-advanced-mode select:focus {
  border-color: rgba(99,102,241,.34);
  box-shadow: 0 0 0 4px rgba(99,102,241,.10);
}

.demo-tenant-advanced-mode .question-summary-rail,
.demo-tenant-advanced-mode .luxe-contact-rail {
  position: sticky;
  top: 18px;
}

.demo-tenant-advanced-mode .booking-nav-wrap {
  position: sticky;
  bottom: 10px;
  z-index: 10;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.demo-tenant-advanced-mode .booking-nav-wrap .nav-buttons {
  padding: 10px;
}

@media (max-width: 980px) {
  .demo-command-bar,
  .luxe-intro-card,
  .service-luxe-hero,
  .luxe-contact-shell {
    grid-template-columns: 1fr;
  }

  .demo-command-metrics,
  .service-luxe-stat-row,
  .luxe-intro-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .demo-tenant-advanced-mode .booking-shell {
    padding: 12px;
  }

  .demo-tenant-advanced-mode .booking-card {
    border-radius: 26px;
  }

  .demo-command-main,
  .demo-command-side,
  .service-luxe-copy,
  .service-luxe-stat-row,
  .luxe-intro-copy,
  .luxe-intro-form,
  .luxe-contact-main,
  .luxe-contact-rail {
    padding: 16px;
    border-radius: 22px;
  }

  .demo-command-metrics,
  .service-luxe-stat-row,
  .luxe-intro-summary {
    grid-template-columns: 1fr;
  }

  .demo-proof-bar span {
    width: 100%;
    justify-content: center;
  }

  .luxe-intro-copy h2 {
    font-size: 2rem;
  }

  .service-luxe-copy h3 {
    font-size: 1.5rem;
  }
}


/* Patch Set F — scientific AI demo launch */
.demo-top-mode-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(139,92,246,.16), rgba(59,130,246,.12));
  color: var(--text-main);
  font-size: 12px;
  font-weight: 800;
}
.scientific-demo-screen .scientific-start-shell {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 22px;
  align-items: stretch;
}
.scientific-demo-screen .scientific-start-copy,
.scientific-demo-screen .scientific-launch-card {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow: 0 30px 80px rgba(15,23,42,.22);
}
.scientific-demo-screen .scientific-start-copy {
  padding: 28px;
  position: relative;
  overflow: hidden;
}
.scientific-demo-screen .scientific-start-copy::before {
  content: '';
  position: absolute;
  inset: -20% auto auto -10%;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(99,102,241,.22), transparent 65%);
  pointer-events: none;
}
.scientific-demo-screen h2 { font-size: clamp(2rem, 3vw, 3.4rem); line-height: 1.02; margin: 12px 0 14px; }
.scientific-signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.scientific-signal-card,
.scientific-start-rail-card,
.ai-agent-side-card {
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(15,23,42,.34);
  padding: 16px;
}
.scientific-signal-card span,
.scientific-start-rail-card span,
.ai-agent-side-card span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.12em; color: var(--text-muted); margin-bottom: 6px; }
.scientific-signal-card strong,
.scientific-start-rail-card strong,
.ai-agent-side-card strong { display:block; font-size: 1rem; margin-bottom: 6px; }
.scientific-signal-card small,
.scientific-start-rail-card small,
.ai-agent-side-card small { color: var(--text-muted); line-height: 1.45; }
.scientific-launch-card { padding: 24px; display:grid; gap: 18px; }
.scientific-launch-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.scientific-mode-pill {
  display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px;
  background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); font-weight:800; white-space:nowrap;
}
.scientific-intent-grid {
  display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.scientific-intent-card {
  text-align:left; border-radius:24px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04);
  padding:16px; display:grid; gap:8px; color:inherit; cursor:pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.scientific-intent-card:hover,
.scientific-intent-card.is-selected {
  border-color: rgba(139,92,246,.58);
  box-shadow: 0 18px 40px rgba(76,29,149,.20);
  transform: translateY(-1px);
}
.scientific-intent-kicker {
  display:inline-flex; width:max-content; padding:6px 10px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  background: rgba(139,92,246,.14); color: #d8b4fe;
}
.scientific-name-grid { margin-top: 2px; }
.scientific-start-rail { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.scientific-cta-row { display:flex; justify-content:space-between; align-items:center; gap: 12px; }
.scientific-primary-cta { min-height: 54px; padding-inline: 20px; }
.scientific-secondary-cta { min-height: 50px; }
.scientific-greeting-card { max-width: 980px; margin: 0 auto; }
.scientific-greeting-meta { display:flex; flex-wrap:wrap; gap:10px; margin-top: 16px; }
.scientific-greeting-meta span {
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.05);
}
.ai-agent-screen .ai-agent-shell { display:grid; gap: 18px; }
.ai-agent-hero,
.ai-agent-console { border-radius: 30px; border:1px solid rgba(255,255,255,.10); background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)); padding: 24px; }
.ai-agent-pill-row { display:flex; flex-wrap:wrap; gap:10px; margin-top: 16px; }
.ai-agent-pill { display:inline-flex; gap:8px; align-items:center; padding:9px 13px; border-radius:999px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); }
.ai-agent-console-top { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom: 16px; }
.ai-agent-model-lockup { display:flex; gap: 12px; align-items:center; }
.ai-agent-orb { width: 46px; height: 46px; border-radius: 50%; display:grid; place-items:center; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(139,92,246,.5) 42%, rgba(30,41,59,.95) 100%); box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 38px rgba(139,92,246,.25); }
.ai-agent-orb span { width: 18px; height: 18px; border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 0 20px rgba(255,255,255,.45); }
.ai-agent-console-grid { display:grid; grid-template-columns: 1.35fr .72fr; gap: 16px; align-items:start; }
.scientific-chat-shell { gap: 14px; }
.scientific-chat-messages { max-height: 420px; border-radius: 24px; padding: 10px; background: rgba(15,23,42,.32); border:1px solid rgba(255,255,255,.08); }
.scientific-quick-actions { justify-content:flex-start; }
.scientific-composer-shell { display:grid; gap: 8px; }
.scientific-chat-input { min-height: 92px; resize: vertical; }
.scientific-composer-hint { font-size: 12px; color: var(--text-muted); }
.scientific-chat-form { grid-template-columns: 1fr auto; align-items:end; }
.scientific-chat-send { min-height: 54px; }
.chat-bubble.assistant { background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); }
.chat-bubble.user { background: linear-gradient(180deg, rgba(99,102,241,.18), rgba(59,130,246,.12)); }
@media (max-width: 980px) {
  .scientific-demo-screen .scientific-start-shell,
  .ai-agent-console-grid,
  .scientific-signal-grid,
  .scientific-start-rail,
  .scientific-intent-grid { grid-template-columns: 1fr; }
  .scientific-cta-row,
  .ai-agent-console-top { flex-direction: column; align-items: stretch; }
  .scientific-chat-form { grid-template-columns: 1fr; }
}


/* Redesign patch: AI Estimate Console */
.estimate-console-shell {
  max-width: 1480px;
}
.demo-command-head {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));
}
.demo-command-bar {
  gap: 20px;
}
.demo-command-mini {
  color: #64748b;
  font-weight: 700;
}
.quote-shell-subtitle.demo-command-subtitle {
  max-width: 760px;
}
.demo-command-metrics {
  grid-template-columns: repeat(3, minmax(110px, 1fr));
}
.demo-command-metric {
  background: #ffffff;
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 16px;
  padding: 12px 14px;
}
.demo-proof-bar,
.storefront-reassurance-grid,
.quote-support-row-polished {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
.console-start-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 24px;
  align-items: stretch;
}
.console-start-copy,
.console-start-panel {
  border-radius: 28px;
  border: 1px solid rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 18px 40px rgba(15,23,42,0.06);
  padding: 28px;
}
.console-chip {
  background: rgba(99,102,241,0.08);
  color: #4338ca;
  border: 1px solid rgba(99,102,241,0.12);
}
.console-start-copy h2 {
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.04;
  margin: 14px 0 12px;
  color: #0f172a;
}
.console-start-copy p,
.console-start-panel p {
  color: #475569;
}
.console-signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.console-signal-card {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,0.08);
  background: linear-gradient(180deg, #fff, #f8fafc);
}
.console-signal-card span {
  display:block; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:#6366f1; font-weight:800; margin-bottom:8px;
}
.console-signal-card strong { color:#0f172a; font-size:14px; line-height:1.4; }
.console-start-head {
  display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:18px;
}
.console-start-head h3 { margin:6px 0 0; color:#0f172a; font-size:24px; line-height:1.15; }
.console-mode-pill {
  border-radius:999px; padding:10px 14px; background: rgba(15,23,42,0.04); border:1px solid rgba(15,23,42,0.08); color:#0f172a; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;
}
.console-name-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 18px; }
.console-lane-grid {
  display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:14px;
}
.console-lane-card {
  text-align:left; border-radius:22px; padding:18px; border:1px solid rgba(15,23,42,0.08); background: #fff; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.console-lane-card strong { display:block; color:#0f172a; font-size:18px; margin:6px 0 8px; }
.console-lane-card small { color:#64748b; line-height:1.45; }
.console-lane-card:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(15,23,42,0.08); }
.console-lane-card.is-selected { border-color: rgba(99,102,241,0.5); box-shadow: 0 18px 34px rgba(99,102,241,0.14); background: linear-gradient(180deg, rgba(99,102,241,0.06), #fff); }
.console-lane-kicker {
  display:inline-flex; border-radius:999px; padding:6px 10px; background: rgba(15,23,42,0.04); border:1px solid rgba(15,23,42,0.08); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#475569;
}
.console-start-rail { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:12px; margin-top:18px; }
.console-start-rail-card { border:1px solid rgba(15,23,42,0.08); background:#f8fafc; border-radius:18px; padding:14px; }
.console-start-rail-card span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#64748b; font-weight:800; margin-bottom:6px; }
.console-start-rail-card strong { color:#0f172a; font-size:14px; }
.console-cta-row { display:flex; gap:12px; align-items:center; justify-content:flex-end; margin-top:20px; }
.console-greeting-card {
  border-radius: 28px;
  border: 1px solid rgba(15,23,42,0.08);
  background: linear-gradient(180deg, #fff, #f8fafc);
  box-shadow: 0 18px 36px rgba(15,23,42,0.06);
}
.console-greeting-meta { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 18px; }
.console-greeting-meta span {
  display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:8px 12px; border:1px solid rgba(15,23,42,0.08); background:#fff; color:#334155; font-size:13px; font-weight:700;
}
.service-luxe-hero {
  display:grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr); gap:18px; align-items:stretch;
}
.service-luxe-copy,
.service-luxe-stat-row { border-radius:24px; }
.service-luxe-copy {
  padding:24px; border:1px solid rgba(15,23,42,0.08); background: linear-gradient(180deg, #fff, #f8fafc);
}
.service-luxe-copy h3 { color:#0f172a; font-size:28px; line-height:1.1; margin:8px 0 10px; }
.service-luxe-copy p { color:#475569; }
.service-luxe-stat-row {
  display:grid; grid-template-columns: 1fr; gap:12px; padding:0; background:transparent;
}
.service-luxe-stat {
  padding:18px; border-radius:20px; border:1px solid rgba(15,23,42,0.08); background:#fff; box-shadow: 0 12px 24px rgba(15,23,42,0.04);
}
.luxe-service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.luxe-service-card {
  min-height: 250px;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,0.08);
  background: linear-gradient(180deg, #fff, #f8fafc);
  box-shadow: 0 16px 30px rgba(15,23,42,0.05);
}
.luxe-service-card.selected {
  border-color: rgba(99,102,241,0.55);
  box-shadow: 0 18px 34px rgba(99,102,241,0.16);
}
.question-stage-shell,
.luxe-contact-shell,
.luxe-review-grid {
  gap: 18px;
}
.question-stage-main .question-step-meta,
.luxe-contact-rail,
.estimate-info-card,
.refined-breakdown-card,
.review-trust-card {
  border-color: rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 14px 26px rgba(15,23,42,0.04);
}
.question-summary-item,
.review-edit-btn,
.service-summary-chip,
.review-proof-chip,
.review-trust-badges span {
  border-color: rgba(15,23,42,0.08);
}
.section-headline,
.estimate-info-value,
.summary-service-head h3,
.question-step-stat strong,
.question-card-title-block label {
  color: #0f172a;
}
.review-edit-btn,
.service-summary-chip,
.question-summary-item span,
.estimate-info-subvalue,
.question-step-stat small,
.review-trust-card p,
.summary-service-head .muted,
.estimate-line-item span {
  color:#475569;
}
@media (max-width: 1100px) {
  .console-start-shell,
  .service-luxe-hero {
    grid-template-columns: 1fr;
  }
  .console-signal-grid,
  .console-start-rail,
  .console-lane-grid,
  .luxe-service-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .console-start-copy,
  .console-start-panel,
  .console-greeting-card,
  .service-luxe-copy,
  .luxe-service-card {
    padding: 20px;
    border-radius: 22px;
  }
  .console-name-grid { grid-template-columns: 1fr; }
  .console-cta-row { flex-direction: column; }
  .console-cta-row .ghost,
  .console-cta-row .primary { width: 100%; }
}


/* PATCH G — MINIMAL WIDE LAYOUT */
.demo-tenant-advanced-mode .booking-card,
.demo-compact-mode .booking-card,
.storefront-guided-flow .booking-card-minimal{
  max-width:1500px !important;
  width:min(1500px, calc(100vw - 40px));
  margin:0 auto;
  border-radius:26px !important;
}
.demo-command-side,
.demo-proof-bar,
.storefront-reassurance-grid,
.quote-support-row,
.review-trust-grid,
.question-help-text:empty,
.service-luxe-copy p,
.luxe-service-detail{display:none !important;}
.demo-command-bar{grid-template-columns:1fr !important;align-items:center;}
.demo-command-main{width:100%;}
.demo-command-subtitle{max-width:none;font-size:.96rem;margin-top:4px;}
.brand-lockup-premium{align-items:center;}
.service-luxe-hero{grid-template-columns:minmax(0,1fr) 320px !important;gap:20px !important;margin-bottom:18px;}
.service-luxe-copy{padding:18px 20px !important;}
.service-luxe-copy h3{font-size:2rem !important;margin:6px 0 0 !important;}
.service-luxe-stat-row{grid-template-columns:1fr !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:none !important;}
.service-luxe-stat{padding:14px 16px !important;border-radius:18px !important;}
.luxe-service-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}
.luxe-service-card{min-height:190px !important;padding:18px !important;gap:10px !important;border-radius:22px !important;}
.luxe-service-card p{display:none !important;}
.service-title-wrap h3{font-size:1.08rem !important;line-height:1.15;}
.select-pill{font-size:.74rem !important;}
.question-stage-shell{grid-template-columns:minmax(0,1.72fr) 390px !important;gap:20px !important;}
.question-step-meta{padding:14px 16px !important;border-radius:20px !important;}
.question-step-stat small,.question-summary-head p,.estimate-info-subvalue,.muted.small{font-size:.82rem !important;}
.question-step-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}
.premium-question-card{padding:16px !important;border-radius:20px !important;min-height:unset !important;}
.question-card-head{margin-bottom:10px !important;align-items:flex-start !important;}
.question-card-title-block{gap:6px !important;}
.question-card-title-block label{font-size:1rem !important;line-height:1.25;}
.question-number-pill,.question-required-pill,.question-optional-pill,.question-complete-pill{font-size:.7rem !important;padding:7px 10px !important;}
.question-card-input .input,
.question-card-input select.input,
.question-card-input textarea.input{min-height:52px;}
.question-summary-rail{padding:16px !important;border-radius:20px !important;top:14px !important;}
.question-summary-head h3{font-size:1rem !important;margin:0 !important;}
.question-summary-item{padding:10px 12px !important;border-radius:16px !important;}
.luxe-contact-shell{grid-template-columns:minmax(0,1.55fr) 360px !important;gap:20px !important;}
.luxe-contact-main,.luxe-contact-rail{padding:18px !important;border-radius:22px !important;}
.field-list.refined-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
.notes-box textarea{min-height:120px;}
.estimate-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;}
.estimate-info-card{padding:16px !important;border-radius:18px !important;}
.estimate-info-card-wide{grid-column:span 2 !important;}
.review-edit-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:10px !important;}
.estimate-services-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;}
.refined-service-summary{padding:16px !important;border-radius:18px !important;}
.estimate-breakdown-head p,.refined-breakdown-card .section-headline + p{display:none !important;}
.assistant-guide-card{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;padding:14px 16px !important;border-radius:18px !important;margin-bottom:14px !important;}
.assistant-guide-card h2{font-size:1.2rem !important;line-height:1.1 !important;}
.assistant-guide-copy{margin:0 !important;font-size:.92rem !important;max-width:58ch !important;}
.assistant-guide-note{display:none !important;}
.assistant-guide-chip{font-size:.7rem !important;letter-spacing:.08em !important;}
.booking-nav-wrap{margin-top:18px !important;}
.inline-nav-buttons{max-width:420px;margin-left:auto !important;}
.inline-nav-buttons button{min-height:52px;border-radius:16px !important;}
@media (max-width: 1180px){
  .luxe-service-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .question-stage-shell,.luxe-contact-shell{grid-template-columns:1fr !important;}
  .question-summary-rail{position:static !important;}
  .estimate-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .review-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .estimate-services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 760px){
  .storefront-guided-flow .booking-card-minimal{width:min(100vw - 20px, 100%) !important;padding:16px 14px 14px !important;}
  .assistant-guide-card{display:grid !important;justify-content:flex-start !important;}
  .service-luxe-hero,.luxe-service-grid,.question-step-grid,.field-list.refined-contact-grid,.estimate-overview-grid,.review-edit-grid,.estimate-services-grid{grid-template-columns:1fr !important;}
  .luxe-service-card{min-height:auto !important;}
  .inline-nav-buttons{max-width:none;width:100%;}
}

/* Ultra minimal patch */
.estimate-console-shell .demo-command-subtitle,
.estimate-console-shell .demo-proof-bar,
.estimate-console-shell .storefront-reassurance-grid,
.estimate-console-shell .quote-support-row,
.estimate-console-shell .assistant-guide-copy,
.estimate-console-shell .assistant-guide-note,
.estimate-console-shell .assistant-guide-speaks,
.estimate-console-shell .console-start-copy p,
.estimate-console-shell .console-signal-grid,
.estimate-console-shell .console-start-rail,
.estimate-console-shell .console-greeting-meta,
.estimate-console-shell .service-luxe-copy p,
.estimate-console-shell .luxe-service-detail,
.estimate-console-shell .question-help-text,
.estimate-console-shell .question-summary-head p,
.estimate-console-shell .question-card-footer-row,
.estimate-console-shell .media-upload-head p,
.estimate-console-shell .media-upload-card .muted.small,
.estimate-console-shell .media-side-tips,
.estimate-console-shell .media-requirement-note,
.estimate-console-shell .luxe-contact-rail p,
.estimate-console-shell .service-step-actions .muted,
.estimate-console-shell .estimate-info-subvalue,
.estimate-console-shell .review-trust-grid,
.estimate-console-shell .oneform-helper,
.estimate-console-shell .oneform-submit-note,
.estimate-console-shell .question-required-pill,
.estimate-console-shell .question-optional-pill,
.estimate-console-shell .demo-command-lock .quote-top-lock-label,
.estimate-console-shell .console-lane-card small,
.estimate-console-shell .luxe-contact-points span,
.estimate-console-shell .service-luxe-stat span,
.estimate-console-shell .question-step-stat span,
.estimate-console-shell .estimate-info-label,
.estimate-console-shell .review-edit-btn i,
.estimate-console-shell .estimate-kicker i,
.estimate-console-shell .select-pill i,
.estimate-console-shell .review-proof-chip i,
.estimate-console-shell .assistant-guide-chip i,
.estimate-console-shell .quote-support-actions i,
.estimate-console-shell .question-complete-pill i,
.estimate-console-shell .storefront-step-label,
.estimate-console-shell .demo-command-bar .booking-badge i,
.estimate-console-shell .demo-top-mode-pill i,
.estimate-console-shell .service-icon-shell,
.estimate-console-shell .addon-icon,
.estimate-console-shell .luxe-service-arrow,
.estimate-console-shell .summary-service-head .service-icon-shell,
.estimate-console-shell .service-card-head .service-icon-shell,
.estimate-console-shell .estimate-kicker i,
.estimate-console-shell .section-headline i,
.estimate-console-shell .quote-eyebrow,
.estimate-console-shell .console-mode-pill {
  display: none !important;
}

.estimate-console-shell .demo-command-bar,
.estimate-console-shell .booking-main-full,
.estimate-console-shell .question-stage-shell,
.estimate-console-shell .luxe-contact-shell,
.estimate-console-shell .estimate-overview-grid,
.estimate-console-shell .estimate-services-grid {
  gap: 18px;
}

.estimate-console-shell .booking-card.booking-card-minimal {
  max-width: 1540px;
  width: min(96vw, 1540px);
}

.estimate-console-shell .demo-command-bar {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.estimate-console-shell .quote-shell-title {
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1;
  letter-spacing: -.04em;
}

.estimate-console-shell .assistant-guide-card,
.estimate-console-shell .question-step-meta,
.estimate-console-shell .luxe-contact-rail,
.estimate-console-shell .service-luxe-stat-row {
  padding: 12px 14px !important;
}

.estimate-console-shell .console-start-shell,
.estimate-console-shell .question-stage-shell,
.estimate-console-shell .luxe-contact-shell {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
}

.estimate-console-shell .console-start-copy {
  display:none !important;
}

.estimate-console-shell .console-start-shell {
  grid-template-columns: 1fr;
}

.estimate-console-shell .console-start-head h3,
.estimate-console-shell .service-luxe-copy h3,
.estimate-console-shell .question-summary-head h3,
.estimate-console-shell .luxe-contact-rail h3,
.estimate-console-shell .estimate-hero-card h3 {
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.05;
  letter-spacing: -.03em;
  margin: 0;
}

.estimate-console-shell .console-start-head,
.estimate-console-shell .service-luxe-hero,
.estimate-console-shell .estimate-hero-card,
.estimate-console-shell .question-summary-head,
.estimate-console-shell .luxe-contact-rail {
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.estimate-console-shell .console-lane-grid,
.estimate-console-shell .grid.services.luxe-service-grid,
.estimate-console-shell .oneform-services {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.estimate-console-shell .console-lane-card,
.estimate-console-shell .luxe-service-card,
.estimate-console-shell .oneform-services .card,
.estimate-console-shell .addon-card,
.estimate-console-shell .premium-question-card,
.estimate-console-shell .contact-field,
.estimate-console-shell .estimate-info-card,
.estimate-console-shell .refined-breakdown-card,
.estimate-console-shell .refined-service-summary {
  border-radius: 18px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.estimate-console-shell .console-lane-card,
.estimate-console-shell .luxe-service-card {
  min-height: 124px;
  justify-content: space-between;
  padding: 18px;
}

.estimate-console-shell .console-lane-card strong,
.estimate-console-shell .luxe-service-card h3,
.estimate-console-shell .section-headline,
.estimate-console-shell .question-card-title-block label,
.estimate-console-shell .summary-service-head h3 {
  font-size: 1.02rem;
  letter-spacing: -.02em;
}

.estimate-console-shell .luxe-service-top,
.estimate-console-shell .service-card-head,
.estimate-console-shell .summary-service-head,
.estimate-console-shell .question-card-head,
.estimate-console-shell .contact-field label,
.estimate-console-shell .notes-box label {
  margin-bottom: 8px;
}

.estimate-console-shell .select-pill,
.estimate-console-shell .luxe-service-badge,
.estimate-console-shell .service-summary-chip,
.estimate-console-shell .review-proof-chip,
.estimate-console-shell .booking-badge,
.estimate-console-shell .assistant-guide-chip,
.estimate-console-shell .question-number-pill,
.estimate-console-shell .storefront-step-number {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(17,24,39,.05);
  color: #111827;
}

.estimate-console-shell .storefront-step-pill {
  padding: 0;
  gap: 0;
  min-width: 32px;
}

.estimate-console-shell .service-luxe-hero,
.estimate-console-shell .estimate-hero-card,
.estimate-console-shell .console-start-panel,
.estimate-console-shell .question-summary-rail,
.estimate-console-shell .luxe-contact-rail {
  padding: 16px;
}

.estimate-console-shell .question-step-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.estimate-console-shell .question-card-wide {
  grid-column: span 2;
}

.estimate-console-shell .question-card-input .input,
.estimate-console-shell .contact-field .input,
.estimate-console-shell .notes-box .input,
.estimate-console-shell .photo-upload-shell .input,
.estimate-console-shell select.input {
  min-height: 54px;
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.1);
  background: #fff;
}

.estimate-console-shell textarea.input { min-height: 108px; }

.estimate-console-shell .nav-buttons.inline-nav-buttons,
.estimate-console-shell .console-cta-row,
.estimate-console-shell .review-action-row,
.estimate-console-shell .review-edit-grid,
.estimate-console-shell .service-step-actions.oneform-submit-row {
  gap: 12px;
}

.estimate-console-shell .primary,
.estimate-console-shell .ghost,
.estimate-console-shell .review-edit-btn,
.estimate-console-shell .console-lane-card,
.estimate-console-shell .luxe-service-card,
.estimate-console-shell .addon-card {
  min-height: 52px;
}

.estimate-console-shell .primary,
.estimate-console-shell .ghost {
  border-radius: 16px;
  font-size: .96rem;
  padding: 14px 18px;
}

.estimate-console-shell .section-headline,
.estimate-console-shell .estimate-info-value,
.estimate-console-shell .question-step-stat strong,
.estimate-console-shell .service-luxe-stat strong,
.estimate-console-shell .luxe-contact-points strong {
  font-weight: 700;
  color: #0f172a;
}

.estimate-console-shell .muted,
.estimate-console-shell small,
.estimate-console-shell p,
.estimate-console-shell span {
  letter-spacing: -.01em;
}

.estimate-console-shell .console-start-head .luxe-mini-label,
.estimate-console-shell .service-luxe-kicker,
.estimate-console-shell .question-step-kicker,
.estimate-console-shell .estimate-kicker,
.estimate-console-shell .eyebrow,
.estimate-console-shell .review-trust-kicker {
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #6b7280;
}

.estimate-console-shell .service-luxe-footer,
.estimate-console-shell .booking-nav-wrap,
.estimate-console-shell .review-edit-grid {
  margin-top: 14px;
}

.estimate-console-shell .question-summary-list {
  display: grid;
  gap: 10px;
}

.estimate-console-shell .question-summary-item {
  border: 1px solid rgba(17,24,39,.06);
  border-radius: 14px;
  padding: 10px 12px;
}

.estimate-console-shell .question-summary-item span {
  display:none;
}

.estimate-console-shell .question-summary-item strong {
  font-size: .88rem;
  font-weight: 600;
}

.estimate-console-shell .luxe-contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.estimate-console-shell .notes-box {
  margin-top: 12px;
}

.estimate-console-shell .estimate-services-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

.estimate-console-shell .service-summary-lines {
  margin-top: 6px;
}

@media (max-width: 1100px) {
  .estimate-console-shell .question-stage-shell,
  .estimate-console-shell .luxe-contact-shell,
  .estimate-console-shell .console-start-shell {
    grid-template-columns: 1fr;
  }
  .estimate-console-shell .question-step-grid,
  .estimate-console-shell .console-lane-grid,
  .estimate-console-shell .grid.services.luxe-service-grid,
  .estimate-console-shell .luxe-contact-grid,
  .estimate-console-shell .estimate-services-grid,
  .estimate-console-shell .oneform-services {
    grid-template-columns: 1fr;
  }
  .estimate-console-shell .question-card-wide {
    grid-column: span 1;
  }
}


/* SimplyBook-style direction patch */
.simplybook-start-screen .console-start-copy,
.simplybook-start-screen .console-start-panel,
.simplybook-service-screen .service-luxe-hero,
.simplybook-service-card,
.simplybook-service-screen .service-step-actions,
.simplybook-review-kicker { box-shadow: none; }
.simplybook-shell { display:grid; grid-template-columns: minmax(280px, 0.92fr) minmax(420px, 1.08fr); gap:24px; align-items:stretch; }
.simplybook-copy, .simplybook-panel { border-radius: 28px; background:#fff; border:1px solid rgba(15,23,42,.08); }
.simplybook-copy h2 { font-size: 48px; line-height: 1; margin: 6px 0 18px; }
.simplybook-actions-row { display:flex; gap:12px; align-items:center; margin-bottom:18px; }
.simplybook-mic-btn { min-width: 124px; justify-content:center; }
.simplybook-mode-pill, .simplybook-footer-note { display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px; background:#f8fafc; border:1px solid rgba(15,23,42,.08); color:#0f172a; font-weight:700; font-size:13px; }
.simplybook-value-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top: 8px; }
.simplybook-value-card { border:1px solid rgba(15,23,42,.08); border-radius:20px; padding:16px; background:#fbfdff; display:grid; gap:4px; }
.simplybook-value-card strong { font-size:18px; color:#0f172a; }
.simplybook-value-card span { font-size:13px; color:#64748b; }
.simplybook-name-grid { margin-bottom: 14px; }
.simplybook-name-grid .input { height: 58px; border-radius:18px; }
.simplybook-lane-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.simplybook-lane-card { min-height: 110px; border-radius: 24px; justify-content:space-between; padding:18px; }
.simplybook-lane-card small { display:none; }
.simplybook-footer-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.simplybook-cta-row { margin-left:auto; }
.simplybook-service-hero { padding: 0 0 8px; background: transparent; border: 0; }
.simplybook-service-stat-row { gap:10px; }
.simplybook-services-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }
.simplybook-service-card { border-radius: 24px; padding:18px; min-height: 156px; background:#fff; border:1px solid rgba(15,23,42,.08); }
.simplybook-service-card p, .simplybook-service-card .service-icon-shell, .simplybook-service-card .luxe-service-detail, .simplybook-service-card .luxe-service-badges .is-muted { display:none !important; }
.simplybook-service-title-wrap h3 { font-size: 24px; margin-top: 6px; }
.simplybook-service-top { align-items:flex-start; }
.simplybook-service-bottom { margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
.simplybook-service-bottom .price { font-size:18px; font-weight:800; }
.simplybook-service-footer { padding-top:10px; border-top:1px solid rgba(15,23,42,.08); }
.review-trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.review-trust-card p { max-width: 44ch; }
.estimate-overview-grid.luxe-review-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.estimate-info-card-wide { grid-column: span 2; }
.review-edit-grid { grid-template-columns: repeat(5, minmax(0,1fr)); }
@media (max-width: 1040px) {
  .simplybook-shell, .simplybook-services-grid, .review-trust-grid, .estimate-overview-grid.luxe-review-grid, .review-edit-grid { grid-template-columns: 1fr; }
  .simplybook-value-grid { grid-template-columns: 1fr; }
  .simplybook-footer-row { flex-direction:column; align-items:stretch; }
}

.simplybook-status { margin-top: 14px; font-size: 13px; color: #64748b; min-height: 20px; }


/* === VISUAL RESET PATCH === */
body.storefront-body,
.storefront-body {
  background: #f3f4f6 !important;
  color: #111827 !important;
}
.visual-reset-hidden,
.scene-photo,
.scene-glow,
.scene-grid,
.scene-ring,
.scene-noise,
.floating-orb,
.scene-depth-panel,
.ai-subtitle-bar,
.service-step-actions,
.question-help-text,
.review-trust-grid,
.storefront-step-label,
.demo-command-kicker-row .booking-badge,
.luxe-service-arrow,
.media-upload-head p,
.media-requirement-note,
.question-summary-item span,
.estimate-info-subvalue,
.quote-shell-subtitle,
.demo-top-mode-pill {
  display: none !important;
}
.app-wrap,
.app-wrap.app-wrap-3d,
.app.storefront-clean-booking {
  background: transparent !important;
}
.booking-shell,
.booking-shell.booking-shell-3d,
.estimate-console-shell {
  max-width: 1440px !important;
  margin: 24px auto !important;
  padding: 0 !important;
  background: transparent !important;
}
.booking-main,
.booking-main-full {
  width: 100% !important;
}
.booking-card,
.booking-card-minimal,
.panel,
.service-section-card,
.estimate-info-card,
.refined-breakdown-card,
.question-summary-rail,
.luxe-contact-rail,
.media-checklist-card,
.media-upload-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 12px 32px rgba(16,24,40,.06) !important;
  color: #111827 !important;
}
.booking-card.booking-card-minimal {
  border-radius: 28px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.demo-command-head,
.booking-card-head-premium {
  background: #ffffff !important;
  border-bottom: 1px solid #eef0f3 !important;
  padding: 20px 28px !important;
}
.demo-command-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
.brand-fallback-mark {
  background: #111827 !important;
  color: #fff !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:700 !important;
}
.quote-eyebrow {
  color: #6b7280 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 11px !important;
  margin-bottom: 2px !important;
}
.quote-shell-title {
  font-size: 30px !important;
  line-height: 1.05 !important;
  color: #111827 !important;
  margin: 0 !important;
}
.demo-command-subtitle {
  display:block !important;
  color:#6b7280 !important;
  margin:4px 0 0 !important;
  font-size:14px !important;
}
.quote-top-lock {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  border-radius: 16px !important;
  min-width: 120px !important;
}
#priceTag { color:#111827 !important; }
.assist-toggle,
.ghost,
.ghost-secondary {
  background: #fff !important;
  color: #111827 !important;
  border: 1px solid #d1d5db !important;
  box-shadow: none !important;
}
.primary,
.premium-next-btn,
#nextBtn {
  background: #6d5efc !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(109,94,252,.22) !important;
}
#backBtn { background:#fff !important; }
.storefront-progress-strip,
.demo-progress-strip {
  padding: 16px 28px 10px !important;
  background: #fff !important;
}
.storefront-progress-line {
  background:#eceff3 !important;
  height:4px !important;
  border-radius:999px !important;
}
.storefront-progress-fill { background:#6d5efc !important; }
.storefront-step-pill {
  background: transparent !important;
  border: 0 !important;
  color: #9ca3af !important;
  padding: 8px 0 !important;
}
.storefront-step-pill.is-active { color:#111827 !important; }
.storefront-step-number {
  width: 28px !important;
  height: 28px !important;
  background:#f3f4f6 !important;
  color:#374151 !important;
  border:1px solid #e5e7eb !important;
}
.storefront-step-pill.is-active .storefront-step-number {
  background:#6d5efc !important;
  color:#fff !important;
  border-color:#6d5efc !important;
}
#content {
  padding: 12px 28px 0 !important;
}
.booking-nav-wrap {
  padding: 18px 28px 28px !important;
  background:#fff !important;
  border-top:1px solid #eef0f3 !important;
}
.inline-nav-buttons {
  justify-content: space-between !important;
}
.inline-nav-buttons button {
  min-width: 150px !important;
  height: 54px !important;
  border-radius: 16px !important;
  font-weight: 700 !important;
}
.service-luxe-hero,
.question-step-meta,
.review-trust-card,
.review-trust-card-strong,
.estimate-breakdown-head p,
.estimate-services-stack .section-headline + * .muted,
.question-card-footer-row .fa,
.question-card-footer-row i,
.question-required-pill,
.question-optional-pill,
.service-luxe-stat-row {
  display: none !important;
}
.services.luxe-service-grid,
.simplybook-services-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.service-card,
.luxe-service-card,
.simplybook-service-card {
  padding: 18px !important;
  border-radius: 22px !important;
  min-height: 168px !important;
  text-align: left !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.service-card:hover { transform: translateY(-2px); border-color:#c7d2fe !important; }
.service-card.selected {
  border-color:#6d5efc !important;
  box-shadow: 0 0 0 2px rgba(109,94,252,.10), 0 16px 32px rgba(109,94,252,.12) !important;
}
.eyebrow { color:#6b7280 !important; font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.service-card h3 { color:#111827 !important; font-size:22px !important; margin: 12px 0 0 !important; }
.service-card .price { color:#111827 !important; font-size:18px !important; font-weight:700 !important; }
.select-pill {
  background:#f9fafb !important;
  color:#6b7280 !important;
  border:1px solid #e5e7eb !important;
}
.service-card.selected .select-pill { color:#6d5efc !important; border-color:#c7d2fe !important; background:#f5f3ff !important; }
.question-stage-shell,
.luxe-contact-shell,
.media-step-shell {
  display:grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, .85fr) !important;
  gap: 20px !important;
  align-items: start !important;
}
.question-step-grid {
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 16px !important;
}
.premium-question-card {
  border-radius: 22px !important;
  padding: 18px !important;
  min-height: 160px !important;
}
.question-card-wide { grid-column: span 2; }
.question-card-head { margin-bottom: 14px !important; }
.question-number-pill {
  background:#f3f4f6 !important;
  color:#4b5563 !important;
  border:1px solid #e5e7eb !important;
}
.question-card-title-block label,
.question-card-title-block label * {
  color:#111827 !important;
  font-size:20px !important;
  font-weight:700 !important;
}
.question-card-input .input,
.contact-field .input,
.notes-box .input,
.media-upload-shell .input,
.photo-input,
.input,
select.input,
textarea.input {
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #d1d5db !important;
  border-radius: 16px !important;
  min-height: 54px !important;
  box-shadow:none !important;
}
textarea.input { min-height: 112px !important; }
.question-summary-rail,
.luxe-contact-rail,
.media-checklist-card {
  position: sticky !important;
  top: 24px !important;
  border-radius: 24px !important;
  padding: 20px !important;
}
.question-summary-head h3,
.luxe-contact-rail h3,
.media-checklist-card h3 { color:#111827 !important; font-size:20px !important; margin: 8px 0 16px !important; }
.question-step-kicker,
.estimate-info-label,
.review-trust-kicker,
.section-headline,
.media-upload-head .question-step-kicker {
  color:#6b7280 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 11px !important;
}
.question-summary-item,
.estimate-info-card,
.summary-service-chip,
.service-summary-chip,
.review-edit-btn,
.preview-chip,
.upload-pill {
  border-radius: 14px !important;
}
.question-summary-item,
.estimate-info-card {
  background:#f9fafb !important;
  border:1px solid #edf1f5 !important;
  padding: 12px !important;
}
.question-summary-index {
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  color:#4b5563 !important;
}
.media-upload-head h3,
.estimate-hero-card h3,
.luxe-contact-rail h3 { color:#111827 !important; }
.estimate-hero-card {
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius: 24px !important;
  padding: 20px !important;
}
.estimate-overview-grid {
  grid-template-columns: 1.3fr repeat(3, minmax(0,1fr)) !important;
  gap: 14px !important;
}
.refined-breakdown-card,
.estimate-services-stack {
  border-radius:24px !important;
  padding:20px !important;
}
.review-edit-grid {
  display:grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 12px !important;
}
.review-edit-btn {
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
  justify-content:center !important;
}
.refined-service-summary {
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:20px !important;
  padding:16px !important;
}
.service-summary-chip,
.preview-chip,
.upload-pill {
  background:#f9fafb !important;
  color:#374151 !important;
  border:1px solid #e5e7eb !important;
}
.flash {
  background:#111827 !important;
  color:#fff !important;
  border:none !important;
  border-radius: 14px !important;
}
@media (max-width: 1180px) {
  .services.luxe-service-grid,
  .simplybook-services-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .question-stage-shell,
  .luxe-contact-shell,
  .media-step-shell { grid-template-columns: 1fr !important; }
  .question-summary-rail,
  .luxe-contact-rail,
  .media-checklist-card { position: static !important; }
  .estimate-overview-grid { grid-template-columns: 1fr 1fr !important; }
  .review-edit-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  .booking-shell, .estimate-console-shell { margin:0 !important; }
  .booking-card.booking-card-minimal { border-radius: 0 !important; }
  .demo-command-head, .storefront-progress-strip, #content, .booking-nav-wrap { padding-left: 18px !important; padding-right: 18px !important; }
  .services.luxe-service-grid,
  .simplybook-services-grid,
  .question-step-grid,
  .estimate-overview-grid,
  .review-edit-grid { grid-template-columns: 1fr !important; }
  .quote-shell-title { font-size: 24px !important; }
  .inline-nav-buttons button { min-width: 0 !important; flex:1 1 0 !important; }
}


/* ===== BLANK FORM REBUILD RESET ===== */
body.blank-form-body { background: #f5f7fb !important; color: #0f172a; }
body.blank-form-body .scene-photo, body.blank-form-body .scene-glow, body.blank-form-body .scene-grid, body.blank-form-body .scene-ring, body.blank-form-body .scene-noise, body.blank-form-body .floating-orb, body.blank-form-body .scene-depth-panel, body.blank-form-body .app-wrap-3d, body.blank-form-body .scene { display:none !important; }
body.blank-form-body .app-wrap, body.blank-form-body .app, body.blank-form-body .booking-shell, body.blank-form-body .booking-card, body.blank-form-body .panel { background: transparent !important; box-shadow:none !important; }
.blank-form-wrap { padding: 24px !important; }
.blank-form-app { display:block !important; min-height:auto !important; background: transparent !important; }
.blank-form-shell { max-width: 1440px; margin: 0 auto; display: grid; gap: 18px; }
.blank-shell-top { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.blank-brand-kicker,.blank-step-kicker,.blank-side-label,.blank-service-mode { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#6b7280; font-weight:700; }
.blank-shell-title { margin:4px 0 0; font-size:38px; line-height:1; font-weight:700; color:#0f172a; }
.blank-shell-subtitle { margin:6px 0 0; color:#64748b; font-size:14px; }
.blank-shell-tools { display:flex; align-items:center; gap:12px; }
.blank-status-box { min-width:180px; padding:14px 16px; border:1px solid #e2e8f0; border-radius:18px; background:#fff; display:grid; gap:4px; }
.blank-status-box span { font-size:11px; text-transform:uppercase; color:#94a3b8; letter-spacing:.12em; }
.blank-status-box strong { font-size:20px; color:#111827; }
.blank-progress-strip { background:#fff !important; border:1px solid #e2e8f0; border-radius:18px; padding:12px 16px !important; }
.blank-progress-strip .storefront-progress-line { background:#eef2f7 !important; }
.blank-progress-strip .storefront-progress-fill { background:#7c3aed !important; }
.blank-progress-strip .storefront-step-pill { background:transparent !important; border:none !important; color:#64748b !important; }
.blank-progress-strip .storefront-step-pill.is-active .storefront-step-number { background:#111827 !important; color:#fff !important; }
.blank-workspace { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }
.blank-main-stage { background:#fff; border:1px solid #e2e8f0; border-radius:28px; padding:28px; }
.blank-persistent-rail { position: sticky; top: 20px; }
.blank-side-card { background:#fff; border:1px solid #e2e8f0; border-radius:24px; padding:20px; display:grid; gap:12px; }
.blank-ai-note { min-height:56px; font-size:14px; color:#475569; line-height:1.5; }
.blank-step { display:grid; gap:22px; }
.blank-step-head { display:grid; gap:6px; }
.blank-step h2 { margin:0; font-size:32px; line-height:1.05; font-weight:700; color:#0f172a; }
.blank-inline-fields,.blank-contact-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; }
.blank-tile-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
.blank-tile,.blank-service-tile,.blank-addon-tile { border:1px solid #e2e8f0; background:#fff; border-radius:24px; padding:20px; text-align:left; display:grid; gap:8px; cursor:pointer; transition:.18s ease; }
.blank-tile:hover,.blank-service-tile:hover,.blank-addon-tile:hover { border-color:#c4b5fd; transform:translateY(-1px); }
.blank-tile.is-selected,.blank-service-tile.is-selected,.blank-addon-tile.is-selected { border-color:#7c3aed; box-shadow:0 0 0 3px rgba(124,58,237,.08); }
.blank-tile strong,.blank-service-tile strong,.blank-addon-tile strong { font-size:22px; color:#0f172a; }
.blank-service-price,.blank-addon-tile span,.blank-tile-eyebrow { color:#64748b; font-size:14px; }
.blank-step-actions { display:flex; gap:12px; align-items:center; justify-content:flex-end; }
.blank-question-layout,.blank-review-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
.blank-question-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
.blank-question-card,.blank-review-card,.blank-review-service { border:1px solid #e2e8f0; border-radius:22px; padding:18px; background:#fff; display:grid; gap:10px; }
.blank-question-card.is-wide { grid-column:1 / -1; }
.blank-question-card label,.blank-contact-field label { font-size:14px; font-weight:600; color:#0f172a; }
.blank-question-card .input,.blank-contact-field .input,.blank-inline-fields .input,.blank-question-card select,.blank-question-card textarea { background:#fff; color:#0f172a; border:1px solid #dbe4ee; border-radius:16px; min-height:52px; }
.blank-question-card textarea { min-height: 120px; }
.blank-summary-list,.blank-review-list,.blank-review-lines { display:grid; gap:10px; }
.blank-summary-row { display:flex; gap:12px; justify-content:space-between; align-items:flex-start; font-size:14px; color:#64748b; border-top:1px solid #eef2f7; padding-top:10px; }
.blank-summary-row:first-child { border-top:none; padding-top:0; }
.blank-summary-row strong { color:#0f172a; font-weight:600; text-align:right; }
.blank-review-service > div:first-child { display:flex; justify-content:space-between; gap:12px; }
.blank-review-service span { color:#64748b; font-size:13px; }
.blank-review-chips { display:flex; flex-wrap:wrap; gap:8px; }
.blank-chip { padding:8px 10px; border-radius:999px; background:#f8fafc; border:1px solid #e2e8f0; font-size:12px; color:#334155; }
.blank-empty { padding:18px; border:1px dashed #dbe4ee; border-radius:18px; color:#64748b; }
.blank-addon-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; }
.blank-addon-tile { display:flex; justify-content:space-between; align-items:center; }
.blank-nav-wrap { margin-top:24px; }
.blank-nav-wrap .nav-buttons { justify-content:space-between; }
.blank-nav-wrap .primary,.blank-step-actions .primary { background:#111827 !important; border-color:#111827 !important; color:#fff !important; border-radius:16px; min-height:52px; padding:0 22px; }
.blank-nav-wrap .ghost,.blank-step-actions .ghost,.blank-shell-tools .ghost { background:#fff !important; color:#111827 !important; border:1px solid #e2e8f0 !important; border-radius:16px; min-height:52px; }
.blank-shell-tools .ghost { min-height:46px; padding:0 16px; }
.blank-contact-field.has-error .input,.blank-question-card .input-invalid { border-color:#dc2626 !important; }
@media (max-width: 1080px) { .blank-workspace,.blank-question-layout,.blank-review-grid { grid-template-columns:1fr; } .blank-persistent-rail,.blank-side-rail { position:static; } }
@media (max-width: 760px) { .blank-form-wrap { padding:10px !important; } .blank-main-stage { padding:18px; border-radius:22px; } .blank-shell-top { flex-direction:column; } .blank-shell-tools { width:100%; flex-wrap:wrap; } .blank-inline-fields,.blank-contact-grid,.blank-tile-grid,.blank-question-grid,.blank-addon-grid { grid-template-columns:1fr; } .blank-shell-title { font-size:30px; } .blank-step h2 { font-size:26px; } }


/* fix blank patch */
body.blank-form-body { background: linear-gradient(180deg,#f8fafc 0%,#f2f5fb 100%) !important; }
.blank-form-wrap { padding: 28px !important; }
.blank-form-shell { gap: 22px; }
.blank-shell-top { align-items: stretch; gap: 18px; }
.blank-brand { display:grid; gap:8px; }
.blank-shell-title { font-size: 44px; letter-spacing: -.04em; font-weight: 800; }
.blank-shell-subtitle { font-size: 15px; color:#475569; max-width: 58ch; }
.blank-status-box { min-width: 220px; border-radius: 22px; padding: 18px 20px; border-color:#dde5f0; box-shadow:0 12px 32px rgba(15,23,42,.05); }
.blank-progress-strip { border-radius: 22px; padding: 14px 18px !important; box-shadow:0 10px 28px rgba(15,23,42,.04); }
.blank-workspace { grid-template-columns: minmax(0,1fr) 360px; gap: 28px; }
.blank-main-stage { border-radius: 32px; padding: 34px; border-color:#dde5f0; box-shadow:0 18px 44px rgba(15,23,42,.06); }
.blank-side-card { border-radius: 28px; padding: 24px; border-color:#dde5f0; box-shadow:0 14px 34px rgba(15,23,42,.05); }
.blank-side-card h3 { margin: 2px 0 2px; font-size: 24px; letter-spacing:-.03em; color:#0f172a; }
.blank-ai-note { min-height: 80px; font-size: 15px; line-height: 1.7; color:#334155; }
.blank-step { gap: 26px; }
.blank-step-head { gap: 8px; padding-bottom: 14px; border-bottom:1px solid #edf2f7; }
.blank-step h2 { font-size: 38px; letter-spacing:-.04em; font-weight: 800; }
.blank-inline-fields, .blank-contact-grid { gap: 16px; }
.blank-input, .blank-question-card .input, .blank-contact-field .input, .blank-inline-fields .input, .blank-question-card select, .blank-question-card textarea { min-height: 58px; border-radius: 18px !important; font-size: 16px; padding: 0 18px; }
.blank-question-card textarea { padding: 16px 18px; }
.blank-tile-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.blank-launch-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.blank-tile, .blank-service-tile, .blank-addon-tile { border-radius: 26px; padding: 22px; gap: 10px; border-color:#dde5f0; box-shadow:0 10px 24px rgba(15,23,42,.04); }
.blank-tile:hover, .blank-service-tile:hover, .blank-addon-tile:hover { transform: translateY(-2px); box-shadow:0 16px 28px rgba(15,23,42,.06); }
.blank-tile.is-selected, .blank-service-tile.is-selected, .blank-addon-tile.is-selected { border-color:#7c3aed; box-shadow:0 0 0 4px rgba(124,58,237,.10), 0 16px 30px rgba(124,58,237,.08); }
.blank-tile strong, .blank-service-tile strong, .blank-addon-tile strong { font-size: 24px; letter-spacing:-.03em; }
.blank-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.blank-service-tile { min-height: 170px; align-content: space-between; background: linear-gradient(180deg,#ffffff 0%,#fbfcff 100%); }
.blank-service-mode { color:#7c3aed; font-weight:800; }
.blank-service-price { font-size: 15px; color:#475569; }
.blank-step-actions { justify-content: space-between; border-top:1px solid #edf2f7; padding-top: 16px; }
.blank-question-layout, .blank-review-grid { grid-template-columns:minmax(0,1fr) 340px; gap: 28px; }
.blank-question-grid { gap: 18px; }
.blank-question-card, .blank-review-card, .blank-review-service { border-radius: 24px; padding: 20px; border-color:#dde5f0; box-shadow:0 10px 24px rgba(15,23,42,.04); }
.blank-question-card label, .blank-contact-field label { font-size: 13px; letter-spacing:.01em; color:#334155; }
.blank-summary-list, .blank-review-list, .blank-review-lines { gap: 12px; }
.blank-summary-row { padding-top: 12px; font-size: 14px; }
.blank-summary-row strong { font-size: 14px; max-width: 58%; }
.blank-chip { background:#fff; border-color:#dbe4ee; padding:8px 12px; }
.blank-addon-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.blank-addon-tile { min-height: 110px; border-radius: 22px; }
.blank-review-services { display:grid; gap: 14px; }
.blank-review-service > div:first-child strong { font-size: 18px; }
.blank-nav-wrap { margin-top: 28px; }
.blank-nav-wrap .primary, .blank-step-actions .primary { min-width: 180px; font-weight: 700; }
.blank-nav-wrap .ghost, .blank-step-actions .ghost, .blank-shell-tools .ghost { min-width: 120px; }
.ai-agent-screen .ai-agent-shell { gap: 14px; }
.ai-agent-hero-minimal, .ai-agent-console { background:#fff; border:1px solid #dde5f0; border-radius:28px; padding:24px; box-shadow:0 14px 36px rgba(15,23,42,.05); }
.ai-agent-hero-minimal h2 { margin: 6px 0 4px; font-size: 32px; letter-spacing:-.04em; color:#0f172a; }
.ai-agent-hero-minimal .assistant-guide-copy { margin:0; color:#475569; }
.ai-agent-console-grid { grid-template-columns: minmax(0,1fr) 300px; gap: 18px; }
.ai-agent-chat-card { border-radius:22px; border:1px solid #dde5f0; background:#fbfcfe; }
.scientific-chat-form { gap: 12px; }
.scientific-chat-input { min-height: 88px; border-radius:18px; background:#fff; }
.scientific-composer-hint { color:#64748b; font-size:13px; }
.ai-agent-side-card { background:#fff; border:1px solid #dde5f0; border-radius:22px; padding:18px; }
.ai-agent-orb { box-shadow:none; background:linear-gradient(180deg,#ede9fe,#ddd6fe); }
.ai-agent-orb span { background:#7c3aed; box-shadow:none; }
@media (max-width: 1200px) { .blank-tile-grid, .blank-launch-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .blank-workspace, .blank-question-layout, .blank-review-grid, .ai-agent-console-grid { grid-template-columns:1fr; } }
@media (max-width: 760px) { .blank-form-wrap { padding:12px !important; } .blank-main-stage { padding:22px; border-radius:24px; } .blank-shell-title { font-size:32px; } .blank-step h2 { font-size:28px; } .blank-tile-grid, .blank-launch-grid, .blank-service-grid, .blank-addon-grid, .blank-inline-fields, .blank-contact-grid, .blank-question-grid { grid-template-columns:1fr; } .blank-step-actions { flex-direction:column-reverse; align-items:stretch; } .blank-step-actions .primary, .blank-step-actions .ghost, .blank-nav-wrap .primary, .blank-nav-wrap .ghost { width:100%; min-width:0; } }


/* Booking-first cleanup patch */
.blank-brand-kicker{letter-spacing:.12em;text-transform:uppercase;}
.chat-role{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
.ai-agent-model-lockup strong,.ai-agent-side-card strong{font-size:1rem;}
.ai-agent-side-card span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:#64748b;}


/* part 10 caption visibility patch */
.blank-caption-overlay { position: relative; display:flex; justify-content:center; pointer-events:none; min-height: 0; z-index: 6; }
.blank-caption-overlay.is-mounted { min-height: 0; }
.blank-caption-overlay .blank-ai-note {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: min(760px, 88vw);
  margin: -6px auto 6px;
  padding: 14px 22px;
  min-height: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.70) 100%);
  border: 1px solid rgba(255,255,255,.68);
  box-shadow: 0 22px 44px rgba(124,58,237,.10), 0 8px 16px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter: blur(18px);
  color: #f8fafc;
  text-shadow: 0 0 12px rgba(255,255,255,.44), 0 2px 10px rgba(124,58,237,.16);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-18px) scale(.96);
  transition: opacity .28s ease, transform .42s cubic-bezier(.22,.9,.25,1), box-shadow .28s ease;
}
.blank-caption-overlay .blank-ai-note::before {
  content: '';
  position: absolute;
  inset: -14px;
  background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.55), rgba(196,181,253,.18) 38%, transparent 72%);
  filter: blur(16px);
  z-index: -1;
  opacity: .88;
}
.blank-caption-overlay .blank-ai-note.show { opacity: 1; transform: translateY(0) scale(1); }
.blank-caption-overlay .blank-ai-note.typing,
.blank-caption-overlay .blank-ai-note.is-speaking {
  box-shadow: 0 26px 50px rgba(124,58,237,.16), 0 10px 18px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86);
  animation: heavenlyCaptionFloat 4.2s ease-in-out infinite;
}
@keyframes heavenlyCaptionFloat {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4px) scale(1.01); }
}
.blank-side-hint { margin: 0; font-size: 14px; line-height: 1.6; color:#64748b; }
@media (max-width: 760px) {
  .blank-caption-overlay .blank-ai-note {
    max-width: 92vw;
    margin: -2px auto 4px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 22px;
  }
}


/* part 11 voice/avatar/caption reliability patch */
.blank-caption-overlay {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  pointer-events: none;
  min-height: 0;
  z-index: 8;
}
.blank-voice-avatar-btn {
  pointer-events: auto;
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.blank-voice-avatar {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: radial-gradient(circle at 32% 30%, rgba(255,255,255,.98), rgba(221,214,254,.92) 26%, rgba(139,92,246,.72) 52%, rgba(76,29,149,.96) 100%);
  box-shadow: 0 18px 40px rgba(124,58,237,.24), 0 0 0 1px rgba(255,255,255,.55), inset 0 1px 12px rgba(255,255,255,.38);
}
.blank-voice-avatar::before,
.blank-voice-avatar::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  border: 1px solid rgba(196,181,253,.58);
  opacity: .38;
}
.blank-voice-avatar::after { inset: -14px; opacity: .18; }
.blank-voice-avatar-core {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 0 18px rgba(255,255,255,.88), 0 0 44px rgba(255,255,255,.42);
}
.app[data-ai-state="listening"] .blank-voice-avatar { animation: voiceAvatarListening 1.9s ease-in-out infinite; }
.app[data-ai-state="speaking"] .blank-voice-avatar { animation: voiceAvatarSpeaking 1.15s ease-in-out infinite; }
@keyframes voiceAvatarListening {
  0%,100% { transform: translateY(0) scale(1); box-shadow: 0 18px 40px rgba(124,58,237,.24), 0 0 0 1px rgba(255,255,255,.55), inset 0 1px 12px rgba(255,255,255,.38); }
  50% { transform: translateY(-2px) scale(1.03); box-shadow: 0 22px 50px rgba(124,58,237,.30), 0 0 0 4px rgba(196,181,253,.14), inset 0 1px 12px rgba(255,255,255,.42); }
}
@keyframes voiceAvatarSpeaking {
  0%,100% { transform: translateY(0) scale(1); box-shadow: 0 18px 40px rgba(124,58,237,.26), 0 0 0 1px rgba(255,255,255,.58), inset 0 1px 12px rgba(255,255,255,.42); }
  50% { transform: translateY(-3px) scale(1.08); box-shadow: 0 26px 60px rgba(124,58,237,.36), 0 0 0 7px rgba(196,181,253,.18), inset 0 1px 14px rgba(255,255,255,.50); }
}
.blank-caption-overlay .blank-ai-note {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: min(720px, 84vw);
  margin: -2px auto 8px;
  padding: 16px 24px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.90) 100%);
  border: 1px solid rgba(255,255,255,.92);
  box-shadow: 0 24px 48px rgba(76,29,149,.12), 0 10px 20px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter: blur(18px);
  color: #312e81;
  text-shadow: 0 1px 0 rgba(255,255,255,.75);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-14px) scale(.96);
}
.blank-caption-overlay .blank-ai-note::before {
  content: '';
  position: absolute;
  inset: -18px;
  background: radial-gradient(circle at 50% 35%, rgba(255,255,255,.72), rgba(221,214,254,.28) 42%, transparent 72%);
  filter: blur(16px);
  z-index: -1;
}
.blank-caption-overlay .blank-ai-note.show { opacity: 1; transform: translateY(0) scale(1); }
@media (max-width: 760px) {
  .blank-caption-overlay { gap: 10px; align-items: flex-start; }
  .blank-voice-avatar { width: 48px; height: 48px; }
  .blank-voice-avatar-core { width: 15px; height: 15px; }
  .blank-caption-overlay .blank-ai-note { max-width: calc(100vw - 92px); padding: 13px 16px; border-radius: 24px; }
}


/* part 14 mobile service picker fix */
@media (max-width: 760px) {
  .blank-main-stage { box-shadow:none; }
  .blank-shell-top { gap:12px; }
  .blank-shell-title { font-size:24px; line-height:1.06; }
  .blank-shell-subtitle { font-size:15px; line-height:1.45; }
  .blank-shell-tools {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
  }
  .blank-shell-tools .ghost {
    width:100%;
    min-width:0;
    justify-content:center;
    padding:0 12px;
  }
  [data-quote-step="service"] .blank-status-box,
  [data-quote-step="service"] .blank-side-rail,
  [data-quote-step="service"] .blank-persistent-rail {
    display:none !important;
  }
  .blank-progress-strip.storefront-progress-strip,
  .storefront-progress-strip.blank-progress-strip {
    display:flex;
    grid-template-columns:none !important;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    padding:4px 2px 2px;
    margin:8px 0 6px;
    scrollbar-width:none;
    background:transparent;
  }
  .blank-progress-strip.storefront-progress-strip::-webkit-scrollbar,
  .storefront-progress-strip.blank-progress-strip::-webkit-scrollbar { display:none; }
  .blank-progress-strip .storefront-step-pill {
    flex:0 0 auto;
    min-width:64px;
    min-height:auto;
    padding:10px 12px;
    border-radius:16px;
    box-shadow:none;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    flex-direction:row;
    justify-content:center;
    gap:0;
  }
  .blank-progress-strip .storefront-step-label { display:none; }
  .blank-service-step { gap:16px; }
  .blank-service-grid { grid-template-columns:1fr !important; gap:12px; }
  .blank-service-tile {
    min-height:0;
    padding:18px 18px 16px;
    gap:6px;
    border-radius:22px;
    align-content:start;
    box-shadow:none;
    background:#fff;
  }
  .blank-service-tile strong { font-size:20px; line-height:1.12; }
  .blank-service-mode, .blank-service-price { font-size:13px; }
  .blank-service-tile.is-selected {
    border-color:#6d28d9;
    box-shadow:0 0 0 3px rgba(109,40,217,.10);
    background:linear-gradient(180deg,#fff 0%,#faf5ff 100%);
  }
  .blank-step-actions,
  .blank-nav-wrap {
    position:sticky;
    bottom:0;
    z-index:6;
    padding-top:10px;
    margin-top:12px;
    background:linear-gradient(180deg,rgba(248,250,252,0),rgba(248,250,252,.94) 28%,#f8fafc 100%);
  }
  .blank-nav-wrap .primary,
  .blank-step-actions .primary { box-shadow:none; }
}

/* Part 25 — live storefront theme render overrides for blank form shell */
.blank-form-wrap.storefront-theme {
  background:
    radial-gradient(circle at 12% 14%, rgba(var(--p-rgb), .16), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(var(--p-rgb), .10), transparent 24%),
    linear-gradient(180deg, rgba(var(--secondary-rgb), .40) 0%, var(--bg-page) 26%, var(--bg-page) 100%) !important;
}

body.blank-form-body .blank-form-wrap.storefront-theme {
  background:
    radial-gradient(circle at 12% 14%, rgba(var(--p-rgb), .16), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(var(--p-rgb), .10), transparent 24%),
    linear-gradient(180deg, rgba(var(--secondary-rgb), .40) 0%, var(--bg-page) 26%, var(--bg-page) 100%) !important;
}

.storefront-theme .blank-shell-title,
.storefront-theme .blank-step h2,
.storefront-theme .blank-question-card label,
.storefront-theme .blank-contact-field label,
.storefront-theme .blank-summary-row strong,
.storefront-theme .blank-side-card h3,
.storefront-theme .blank-status-box strong {
  color: var(--heading-color) !important;
}

.storefront-theme .blank-shell-subtitle,
.storefront-theme .blank-service-price,
.storefront-theme .blank-side-hint,
.storefront-theme .blank-ai-note,
.storefront-theme .blank-summary-row,
.storefront-theme .blank-chip,
.storefront-theme .blank-empty,
.storefront-theme .blank-brand-kicker,
.storefront-theme .blank-step-kicker,
.storefront-theme .blank-side-label,
.storefront-theme .blank-service-mode {
  color: var(--body-text-color) !important;
}

.storefront-theme .blank-status-box span,
.storefront-theme .blank-progress-strip .storefront-step-pill,
.storefront-theme .blank-summary-row span,
.storefront-theme .blank-review-service span {
  color: var(--text-muted) !important;
}

.storefront-theme .blank-status-box,
.storefront-theme .blank-progress-strip,
.storefront-theme .blank-main-stage,
.storefront-theme .blank-side-card,
.storefront-theme .blank-question-card,
.storefront-theme .blank-review-card,
.storefront-theme .blank-review-service,
.storefront-theme .blank-empty,
.storefront-theme .blank-chip,
.storefront-theme .blank-ai-note,
.storefront-theme .blank-service-tile,
.storefront-theme .blank-addon-tile,
.storefront-theme .blank-tile {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

.storefront-theme .blank-main-stage,
.storefront-theme .blank-side-card,
.storefront-theme .blank-question-card,
.storefront-theme .blank-review-card,
.storefront-theme .blank-review-service,
.storefront-theme .blank-status-box,
.storefront-theme .blank-progress-strip,
.storefront-theme .blank-service-tile,
.storefront-theme .blank-addon-tile,
.storefront-theme .blank-tile {
  box-shadow: 0 18px 42px rgba(var(--p-rgb), .10) !important;
}

.storefront-theme .blank-progress-strip .storefront-progress-line { background: rgba(var(--p-rgb), .10) !important; }
.storefront-theme .blank-progress-strip .storefront-progress-fill { background: linear-gradient(90deg, rgba(var(--p-rgb), 1), rgba(var(--p-rgb), .76)) !important; }
.storefront-theme .blank-progress-strip .storefront-step-pill.is-active .storefront-step-number {
  background: var(--p) !important;
  color: var(--accent-text) !important;
}

.storefront-theme .blank-shell-tools .ghost,
.storefront-theme .blank-nav-wrap .ghost,
.storefront-theme .blank-step-actions .ghost {
  background: rgba(var(--p-rgb), .08) !important;
  color: var(--p) !important;
  border-color: rgba(var(--p-rgb), .18) !important;
}

.storefront-theme .blank-nav-wrap .primary,
.storefront-theme .blank-step-actions .primary {
  background: linear-gradient(135deg, rgba(var(--p-rgb), 1), rgba(var(--p-rgb), .84)) !important;
  color: var(--accent-text) !important;
  border-color: rgba(var(--p-rgb), .24) !important;
  box-shadow: 0 16px 36px rgba(var(--p-rgb), .24) !important;
}

.storefront-theme .blank-service-mode { color: var(--p) !important; }

.storefront-theme .blank-service-tile:hover,
.storefront-theme .blank-addon-tile:hover,
.storefront-theme .blank-tile:hover {
  border-color: rgba(var(--p-rgb), .28) !important;
  box-shadow: 0 20px 46px rgba(var(--p-rgb), .14) !important;
}

.storefront-theme .blank-service-tile.is-selected,
.storefront-theme .blank-addon-tile.is-selected,
.storefront-theme .blank-tile.is-selected {
  border-color: rgba(var(--p-rgb), .42) !important;
  background: linear-gradient(180deg, var(--card) 0%, rgba(var(--p-rgb), .06) 100%) !important;
  box-shadow: 0 0 0 4px rgba(var(--p-rgb), .10), 0 20px 44px rgba(var(--p-rgb), .16) !important;
}

.storefront-theme.theme-dark .blank-service-tile,
.storefront-theme.theme-dark .blank-addon-tile,
.storefront-theme.theme-dark .blank-tile,
.storefront-theme.theme-dark .blank-main-stage,
.storefront-theme.theme-dark .blank-status-box,
.storefront-theme.theme-dark .blank-progress-strip,
.storefront-theme.theme-dark .blank-side-card,
.storefront-theme.theme-dark .blank-question-card,
.storefront-theme.theme-dark .blank-review-card,
.storefront-theme.theme-dark .blank-review-service,
.storefront-theme.theme-dark .blank-empty,
.storefront-theme.theme-dark .blank-ai-note,
.storefront-theme.theme-dark .blank-chip {
  background: color-mix(in srgb, var(--card) 94%, #000 6%) !important;
}

.storefront-theme.theme-dark .blank-nav-wrap,
.storefront-theme.theme-dark .blank-step-actions {
  background: linear-gradient(180deg, rgba(2,6,23,0), rgba(2,6,23,.86) 28%, rgba(2,6,23,.96) 100%) !important;
}

.storefront-theme.theme-light .blank-nav-wrap,
.storefront-theme.theme-light .blank-step-actions {
  background: linear-gradient(180deg, rgba(248,250,252,0), rgba(248,250,252,.94) 28%, var(--bg-page) 100%) !important;
}

.storefront-theme .blank-question-card .input,
.storefront-theme .blank-contact-field .input,
.storefront-theme .blank-inline-fields .input,
.storefront-theme .blank-question-card select,
.storefront-theme .blank-question-card textarea {
  background: color-mix(in srgb, var(--card) 92%, rgba(var(--p-rgb), .04)) !important;
  color: var(--heading-color) !important;
  border-color: rgba(var(--p-rgb), .16) !important;
}

.storefront-theme .blank-question-card .input::placeholder,
.storefront-theme .blank-contact-field .input::placeholder,
.storefront-theme .blank-question-card textarea::placeholder {
  color: var(--text-muted) !important;
}


/* Part 26 — combined visual sync patch */
.blank-form-wrap.storefront-theme {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 14%, rgba(var(--p-rgb), .14), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(var(--p-rgb), .08), transparent 24%),
    linear-gradient(180deg, rgba(var(--secondary-rgb), .32) 0%, var(--bg-page) 28%, var(--bg-page) 100%) !important;
}

.blank-form-wrap.storefront-theme::before,
.blank-form-wrap.storefront-theme::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.blank-form-wrap.storefront-theme::before {
  z-index: 0;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.02);
  opacity: 1;
}

.blank-form-wrap.storefront-theme::after {
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(var(--glass-surface), calc(var(--bg-overlay-alpha, .28) * .44)) 0%, rgba(var(--glass-surface), calc(var(--bg-overlay-alpha, .28) * .82)) 46%, rgba(var(--glass-surface), calc(var(--bg-overlay-alpha, .28) + .08)) 100%),
    radial-gradient(circle at 12% 12%, rgba(var(--p-rgb), .14), transparent 24%),
    radial-gradient(circle at 84% 8%, rgba(var(--p-rgb), .12), transparent 20%);
}

.storefront-theme .blank-form-shell,
.storefront-theme .blank-shell-top,
.storefront-theme .blank-workspace,
.storefront-theme .blank-main-stage,
.storefront-theme .blank-persistent-rail {
  position: relative;
  z-index: 1;
}

.storefront-theme .blank-shell-brand {
  padding: 22px 24px;
  border-radius: 30px;
  background: rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .18) + .12)) !important;
  border: 1px solid rgba(var(--p-rgb), .14);
  box-shadow: 0 16px 36px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(calc(var(--glass-blur, 18px) * .72));
  -webkit-backdrop-filter: blur(calc(var(--glass-blur, 18px) * .72));
}

.storefront-theme .blank-shell-title,
.storefront-theme .blank-step h2,
.storefront-theme .blank-side-card h3,
.storefront-theme .blank-status-box strong {
  text-shadow: 0 10px 28px rgba(15, 23, 42, .10);
}

.storefront-theme .blank-step-copy {
  margin: 2px 0 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--body-text-color) !important;
}

.storefront-theme .blank-status-box,
.storefront-theme .blank-progress-strip,
.storefront-theme .blank-main-stage,
.storefront-theme .blank-side-card,
.storefront-theme .blank-question-card,
.storefront-theme .blank-review-card,
.storefront-theme .blank-review-service,
.storefront-theme .blank-empty,
.storefront-theme .blank-ai-note,
.storefront-theme .blank-service-tile,
.storefront-theme .blank-addon-tile,
.storefront-theme .blank-tile,
.storefront-theme .blank-chip {
  background: rgba(var(--glass-surface), var(--glass-sub-alpha, .74)) !important;
  border-color: rgba(var(--p-rgb), .14) !important;
  backdrop-filter: blur(calc(var(--glass-blur, 18px) * .84)) !important;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur, 18px) * .84)) !important;
}

.storefront-theme .blank-main-stage,
.storefront-theme .blank-side-card,
.storefront-theme .blank-question-card,
.storefront-theme .blank-review-card,
.storefront-theme .blank-review-service,
.storefront-theme .blank-status-box,
.storefront-theme .blank-progress-strip,
.storefront-theme .blank-service-tile,
.storefront-theme .blank-addon-tile,
.storefront-theme .blank-tile {
  box-shadow: 0 20px 42px rgba(15, 23, 42, .12), 0 6px 22px rgba(var(--p-rgb), .10) !important;
}

.storefront-theme .blank-question-card .input,
.storefront-theme .blank-contact-field .input,
.storefront-theme .blank-inline-fields .input,
.storefront-theme .blank-question-card select,
.storefront-theme .blank-question-card textarea {
  background: rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .74) + .12)) !important;
  border-color: rgba(var(--p-rgb), .18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.storefront-theme .blank-service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.storefront-theme .blank-service-tile {
  position: relative;
  overflow: hidden;
  min-height: 206px;
  align-content: space-between;
  gap: 14px;
  background:
    linear-gradient(180deg, rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .72) + .12)) 0%, rgba(var(--glass-surface), var(--glass-sub-alpha, .72)) 100%) !important;
}

.storefront-theme .blank-service-tile::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%, transparent 72%, rgba(var(--p-rgb), .10));
  pointer-events: none;
}

.blank-service-hero,
.blank-service-meta,
.blank-service-copy,
.blank-review-service-head,
.blank-review-service-title {
  position: relative;
  z-index: 1;
}

.blank-service-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.blank-service-icon,
.blank-review-service-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(var(--p-rgb), .16), rgba(var(--p-rgb), .08));
  color: var(--p) !important;
  border: 1px solid rgba(var(--p-rgb), .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 22px rgba(var(--p-rgb), .12);
  font-size: 1.1rem;
}

.blank-service-badge,
.blank-service-eta,
.blank-review-service-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(var(--p-rgb), .10);
  color: var(--p) !important;
  border: 1px solid rgba(var(--p-rgb), .16);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

.blank-service-copy {
  display: grid;
  gap: 8px;
}

.blank-service-detail {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--body-text-color) !important;
}

.blank-service-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.blank-service-price {
  font-weight: 700;
  color: var(--heading-color) !important;
}

.storefront-theme .blank-service-mode {
  color: var(--p) !important;
}

.storefront-theme .blank-service-tile.is-selected,
.storefront-theme .blank-addon-tile.is-selected,
.storefront-theme .blank-tile.is-selected,
.storefront-theme .service-card.selected,
.storefront-theme .addon-card.selected {
  border-color: rgba(var(--p-rgb), .42) !important;
  background: linear-gradient(180deg, rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .72) + .16)) 0%, rgba(var(--p-rgb), .10) 100%) !important;
  box-shadow: 0 0 0 4px rgba(var(--p-rgb), .12), 0 22px 44px rgba(var(--p-rgb), .18) !important;
}

.storefront-theme .blank-service-tile.is-selected .blank-service-icon,
.storefront-theme .blank-addon-tile.is-selected .blank-addon-state,
.storefront-theme .service-card.selected .select-pill,
.storefront-theme .addon-card.selected .select-pill {
  background: rgba(var(--p-rgb), .16) !important;
  color: var(--p) !important;
  border-color: rgba(var(--p-rgb), .24) !important;
  box-shadow: 0 10px 22px rgba(var(--p-rgb), .18) !important;
}

.storefront-theme .primary,
.storefront-theme .blank-nav-wrap .primary,
.storefront-theme .blank-step-actions .primary,
.storefront-theme .review-actions .primary,
.storefront-theme .premium-next-btn.primary {
  background: linear-gradient(135deg, rgba(var(--p-rgb), 1), rgba(var(--p-rgb), .84)) !important;
  color: var(--accent-text) !important;
  border: 1px solid rgba(var(--p-rgb), .24) !important;
  box-shadow: 0 16px 34px rgba(var(--p-rgb), .24), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.storefront-theme .ghost,
.storefront-theme .blank-shell-tools .ghost,
.storefront-theme .blank-nav-wrap .ghost,
.storefront-theme .blank-step-actions .ghost,
.storefront-theme .ghost-secondary,
.storefront-theme .ghost-link {
  background: rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .72) + .10)) !important;
  color: var(--p) !important;
  border: 1px solid rgba(var(--p-rgb), .18) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
}

.storefront-theme .select-pill,
.storefront-theme .preview-chip,
.storefront-theme .blank-chip,
.storefront-theme .storefront-polish-chip,
.storefront-theme .review-proof-chip,
.storefront-theme .storefront-trust-chip,
.storefront-theme .check-chip,
.storefront-theme .multi-service-pill {
  background: rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .72) + .10)) !important;
  color: var(--body-text-color) !important;
  border-color: rgba(var(--p-rgb), .16) !important;
}

.storefront-theme .storefront-trust-chip-accent,
.storefront-theme .blank-service-badge,
.storefront-theme .blank-review-service-badge,
.storefront-theme .blank-service-eta {
  color: var(--p) !important;
}

.blank-review-service-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.blank-review-service-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.blank-review-service-title > div {
  display: grid;
  gap: 4px;
}

.blank-review-service-title strong {
  font-size: 18px;
  letter-spacing: -.02em;
}

.blank-voice-avatar {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: visible;
  background: radial-gradient(circle at 50% 35%, rgba(255,255,255,.96), rgba(var(--p-rgb), .18) 42%, rgba(var(--p-rgb), .48) 72%, rgba(var(--p-rgb), .74) 100%);
  box-shadow: 0 18px 40px rgba(var(--p-rgb), .22), 0 0 0 1px rgba(255,255,255,.52), inset 0 1px 10px rgba(255,255,255,.36);
}

.blank-voice-avatar::before,
.blank-voice-avatar::after,
.blank-voice-avatar-ring {
  content: '';
  position: absolute;
  border-radius: inherit;
}

.blank-voice-avatar::before {
  inset: -4px;
  border: 1px solid rgba(var(--p-rgb), .38);
  opacity: .52;
}

.blank-voice-avatar::after {
  inset: -12px;
  border: 1px solid rgba(var(--p-rgb), .20);
  opacity: .42;
}

.blank-voice-avatar-ring {
  inset: 4px;
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: inset 0 1px 6px rgba(255,255,255,.22);
}

.blank-voice-avatar-person {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}

.blank-voice-avatar-head {
  position: absolute;
  top: 1px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86));
  box-shadow: 0 2px 8px rgba(15,23,42,.12);
}

.blank-voice-avatar-body {
  position: absolute;
  bottom: 2px;
  width: 24px;
  height: 18px;
  border-radius: 999px 999px 10px 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.74));
  box-shadow: 0 4px 10px rgba(15,23,42,.12);
}

.blank-voice-avatar-core {
  position: absolute;
  right: 9px;
  bottom: 8px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: rgba(var(--p-rgb), .92);
  box-shadow: 0 0 16px rgba(var(--p-rgb), .42), 0 0 34px rgba(var(--p-rgb), .26), 0 0 0 3px rgba(255,255,255,.64);
}


.storefront-theme .blank-voice-avatar-face {
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(15,23,42,.12);
  z-index: 1;
}

.storefront-theme .blank-voice-avatar-img,
.storefront-theme .blank-voice-avatar-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.storefront-theme .blank-voice-avatar-video {
  background: #000;
}

.storefront-theme.theme-dark .blank-voice-avatar-face {
  background: rgba(255,255,255,.16);
}

@media (max-width: 760px) {
  .storefront-theme .blank-voice-avatar-face {
    width: 34px;
    height: 34px;
  }
}

@keyframes voiceAvatarListening {
  0%,100% { transform: translateY(0) scale(1); box-shadow: 0 18px 40px rgba(var(--p-rgb), .22), 0 0 0 1px rgba(255,255,255,.52), inset 0 1px 10px rgba(255,255,255,.36); }
  50% { transform: translateY(-2px) scale(1.03); box-shadow: 0 22px 50px rgba(var(--p-rgb), .28), 0 0 0 4px rgba(var(--p-rgb), .12), inset 0 1px 12px rgba(255,255,255,.40); }
}

@keyframes voiceAvatarSpeaking {
  0%,100% { transform: translateY(0) scale(1); box-shadow: 0 18px 40px rgba(var(--p-rgb), .24), 0 0 0 1px rgba(255,255,255,.56), inset 0 1px 12px rgba(255,255,255,.40); }
  50% { transform: translateY(-3px) scale(1.08); box-shadow: 0 26px 60px rgba(var(--p-rgb), .34), 0 0 0 7px rgba(var(--p-rgb), .16), inset 0 1px 14px rgba(255,255,255,.48); }
}

.storefront-theme.theme-dark .blank-shell-brand,
.storefront-theme.theme-dark .blank-status-box,
.storefront-theme.theme-dark .blank-progress-strip,
.storefront-theme.theme-dark .blank-main-stage,
.storefront-theme.theme-dark .blank-side-card,
.storefront-theme.theme-dark .blank-question-card,
.storefront-theme.theme-dark .blank-review-card,
.storefront-theme.theme-dark .blank-review-service,
.storefront-theme.theme-dark .blank-service-tile,
.storefront-theme.theme-dark .blank-addon-tile,
.storefront-theme.theme-dark .blank-chip,
.storefront-theme.theme-dark .blank-ai-note {
  box-shadow: 0 20px 46px rgba(2, 8, 23, .30), 0 8px 26px rgba(var(--p-rgb), .12) !important;
}

@media (max-width: 1080px) {
  .storefront-theme .blank-service-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .storefront-theme .blank-shell-brand {
    padding: 18px 18px;
    border-radius: 24px;
  }
  .blank-review-service-head,
  .blank-service-meta {
    align-items: flex-start;
    flex-direction: column;
  }
  .blank-service-icon,
  .blank-review-service-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }
}


/* Part 26C — theme coverage + contrast hardening */
.storefront-theme {
  --theme-accent-ink: color-mix(in srgb, var(--p) 72%, var(--heading-color) 28%);
  --theme-accent-soft-surface: rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .72) + .12));
  --theme-accent-soft-strong: rgba(var(--p-rgb), .16);
}

.storefront-theme .service-card,
.storefront-theme .addon-card,
.storefront-theme .booking-card,
.storefront-theme .panel,
.storefront-theme .card,
.storefront-theme .review-box,
.storefront-theme .tenant-card,
.storefront-theme .stat-card,
.storefront-theme .quote-builder-step,
.storefront-theme .estimate-coupon-card,
.storefront-theme .service-icon-shell,
.storefront-theme .addon-icon {
  background: linear-gradient(180deg, rgba(var(--glass-surface), calc(var(--glass-alpha, .84) + .06)), rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .72) + .08))) !important;
  border-color: rgba(var(--p-rgb), .16) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .10), 0 8px 24px rgba(var(--p-rgb), .10) !important;
}

.storefront-theme .service-icon-shell,
.storefront-theme .addon-icon,
.storefront-theme .blank-service-icon,
.storefront-theme .blank-review-service-icon {
  color: var(--theme-accent-ink) !important;
  border-color: rgba(var(--p-rgb), .18) !important;
}

.storefront-theme .quote-shell-title,
.storefront-theme .screen h1,
.storefront-theme .screen h2,
.storefront-theme .screen h3,
.storefront-theme .section-headline,
.storefront-theme .booking-badge,
.storefront-theme strong,
.storefront-theme .estimate-coupon-card h3,
.storefront-theme .estimate-timer,
.storefront-theme .estimate-timer-caption,
.storefront-theme .locked-price .big,
.storefront-theme .booking-price-locked,
.storefront-theme .oneform-field label,
.storefront-theme .blank-tile strong,
.storefront-theme .blank-service-tile strong,
.storefront-theme .blank-addon-tile strong {
  color: var(--heading-color) !important;
}

.storefront-theme .muted,
.storefront-theme .small,
.storefront-theme label,
.storefront-theme .quote-shell-subtitle,
.storefront-theme .estimate-coupon-card p,
.storefront-theme .estimate-coupon-label,
.storefront-theme .locked-price .small-label,
.storefront-theme .oneform-helper,
.storefront-theme .oneform-submit-note,
.storefront-theme .blank-service-price,
.storefront-theme .blank-addon-state,
.storefront-theme .qty-val,
.storefront-theme .service-queue-pill em,
.storefront-theme .junk-inline-copy p,
.storefront-theme .junk-inline-copy small,
.storefront-theme .blank-review-service span,
.storefront-theme .blank-summary-row,
.storefront-theme .blank-chip,
.storefront-theme .blank-empty {
  color: var(--body-text-color) !important;
}

.storefront-theme .primary,
.storefront-theme .ib-btn-primary,
.storefront-theme .ib-nav-primary,
.storefront-theme .ibv2-btn.primary,
.storefront-theme .nav-primary,
.storefront-theme .hero-primary,
.storefront-theme .price-cta,
.storefront-theme .premium-next-btn,
.storefront-theme .primary.full,
.storefront-theme .service-step-actions .primary,
.storefront-theme .oneform-submit-row .primary,
.storefront-theme .review-actions .primary {
  color: var(--button-text, var(--accent-text)) !important;
}

.storefront-theme .primary i,
.storefront-theme .ghost i,
.storefront-theme .ghost-link i,
.storefront-theme .premium-offer-btn i,
.storefront-theme .qty-btn i {
  color: inherit !important;
}

.storefront-theme .ghost,
.storefront-theme .ghost-link,
.storefront-theme .small-btn,
.storefront-theme .voice-toggle,
.storefront-theme .ib-btn-secondary,
.storefront-theme .ib-nav-ghost,
.storefront-theme .quote-support-actions .ghost,
.storefront-theme .premium-offer-btn,
.storefront-theme .qty-btn,
.storefront-theme .junk-inline-qty-btn {
  background: var(--theme-accent-soft-surface) !important;
  color: var(--theme-accent-ink) !important;
  border-color: rgba(var(--p-rgb), .18) !important;
}

.storefront-theme .booking-badge,
.storefront-theme .booking-badge-soft,
.storefront-theme .booking-trust-pill,
.storefront-theme .assistant-guide-chip,
.storefront-theme .welcome-assistant-chip,
.storefront-theme .simple-step span,
.storefront-theme .service-queue-pill.active,
.storefront-theme .question-required-pill,
.storefront-theme .addon-selected-pill,
.storefront-theme .estimate-kicker,
.storefront-theme .estimate-coupon-label,
.storefront-theme .trial-pill,
.storefront-theme .badge,
.storefront-theme .multi-service-pill,
.storefront-theme .select-pill,
.storefront-theme .preview-chip,
.storefront-theme .blank-chip {
  background: rgba(var(--p-rgb), .12) !important;
  color: var(--theme-accent-ink) !important;
  border-color: rgba(var(--p-rgb), .20) !important;
}

.storefront-theme .estimate-lock-card.locked {
  border-style: dashed !important;
  border-color: rgba(var(--p-rgb), .24) !important;
}

.storefront-theme .estimate-lock-card.locked .section-headline::after {
  content: 'Locked';
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(var(--p-rgb), .12);
  color: var(--theme-accent-ink);
  border: 1px solid rgba(var(--p-rgb), .18);
}

.storefront-theme .estimate-lock-card.locked .muted,
.storefront-theme .estimate-lock-card.locked .oneform-submit-note,
.storefront-theme .booking-locked-price .small-label,
.storefront-theme .locked-price .small-label {
  color: var(--body-text-color) !important;
  opacity: 1 !important;
}

.storefront-theme .estimate-lock-card.ready,
.storefront-theme .service-card.selected,
.storefront-theme .addon-card.selected,
.storefront-theme .service-card.is-selected,
.storefront-theme .blank-service-tile.is-selected,
.storefront-theme .blank-addon-tile.is-selected,
.storefront-theme .blank-tile.is-selected {
  border-color: rgba(var(--p-rgb), .40) !important;
  box-shadow: 0 0 0 4px rgba(var(--p-rgb), .12), 0 20px 46px rgba(var(--p-rgb), .16) !important;
}

.storefront-theme .primary:disabled,
.storefront-theme button:disabled {
  opacity: .78 !important;
  color: var(--button-text, var(--accent-text)) !important;
}

.storefront-theme.theme-dark .ghost,
.storefront-theme.theme-dark .ghost-link,
.storefront-theme.theme-dark .small-btn,
.storefront-theme.theme-dark .voice-toggle,
.storefront-theme.theme-dark .premium-offer-btn,
.storefront-theme.theme-dark .qty-btn,
.storefront-theme.theme-dark .junk-inline-qty-btn {
  background: rgba(var(--glass-surface), calc(var(--glass-sub-alpha, .72) + .18)) !important;
}


/* ===== PART 26D FINAL THEME LOCK ===== */
.blank-form-wrap,
.blank-form-wrap * {
  accent-color: var(--primary-color, var(--p)) !important;
}

body.blank-form-body,
.blank-form-wrap,
.blank-form-wrap .booking-shell,
.blank-form-wrap .estimate-console-shell,
.blank-form-wrap .booking-card,
.blank-form-wrap .panel,
.blank-form-wrap #content {
  color: var(--body-text-color, var(--text-main)) !important;
}

.blank-form-wrap .quote-shell-title,
.blank-form-wrap .screen h1,
.blank-form-wrap .screen h2,
.blank-form-wrap .screen h3,
.blank-form-wrap .question-card-title-block label,
.blank-form-wrap .question-card-title-block label *,
.blank-form-wrap .question-summary-head h3,
.blank-form-wrap .luxe-contact-rail h3,
.blank-form-wrap .media-checklist-card h3,
.blank-form-wrap .media-upload-head h3,
.blank-form-wrap .estimate-hero-card h3,
.blank-form-wrap .service-card h3,
.blank-form-wrap .luxe-service-card h3,
.blank-form-wrap .simplybook-service-card h3,
.blank-form-wrap .estimate-coupon-card h3,
.blank-form-wrap .refined-service-summary h4,
.blank-form-wrap .refined-service-summary strong,
.blank-form-wrap .review-summary-card strong,
.blank-form-wrap .summary-service-card strong,
.blank-form-wrap .booking-badge,
.blank-form-wrap strong {
  color: var(--text-main) !important;
}

.blank-form-wrap .muted,
.blank-form-wrap .small,
.blank-form-wrap label,
.blank-form-wrap .quote-shell-subtitle,
.blank-form-wrap .demo-command-subtitle,
.blank-form-wrap .quote-eyebrow,
.blank-form-wrap .eyebrow,
.blank-form-wrap .oneform-helper,
.blank-form-wrap .flow-helper-text,
.blank-form-wrap .question-step-kicker,
.blank-form-wrap .estimate-info-label,
.blank-form-wrap .review-trust-kicker,
.blank-form-wrap .section-headline,
.blank-form-wrap .media-upload-head .question-step-kicker,
.blank-form-wrap .contact-box,
.blank-form-wrap .service-card p,
.blank-form-wrap .addon-card p,
.blank-form-wrap .estimate-coupon-card p,
.blank-form-wrap .service-disclaimer,
.blank-form-wrap .blank-start-note,
.blank-form-wrap .question-summary-item small,
.blank-form-wrap .estimate-info-card small,
.blank-form-wrap .summary-service-chip,
.blank-form-wrap .service-summary-chip,
.blank-form-wrap .preview-chip,
.blank-form-wrap .upload-pill,
.blank-form-wrap .booking-trust-pill.small,
.blank-form-wrap .select-pill {
  color: var(--text-muted) !important;
}

.blank-form-wrap .primary,
.blank-form-wrap .premium-next-btn,
.blank-form-wrap #nextBtn,
.blank-form-wrap .chat-send,
.blank-form-wrap .premium-offer-btn,
.blank-form-wrap .blank-step-actions .primary,
.blank-form-wrap [data-intro-continue],
.blank-form-wrap [data-greeting-continue],
.blank-form-wrap [data-coupon-cta] {
  background: linear-gradient(135deg, rgba(var(--p-rgb), .96), rgba(var(--p-rgb), .82)) !important;
  color: var(--button-text, var(--accent-text, #ffffff)) !important;
  border: 1px solid rgba(var(--p-rgb), .22) !important;
  box-shadow: 0 16px 34px rgba(var(--p-rgb), .22) !important;
}
.blank-form-wrap .primary:hover,
.blank-form-wrap .premium-next-btn:hover,
.blank-form-wrap #nextBtn:hover,
.blank-form-wrap .chat-send:hover,
.blank-form-wrap .premium-offer-btn:hover,
.blank-form-wrap .blank-step-actions .primary:hover {
  filter: brightness(1.02) !important;
  transform: translateY(-1px) !important;
}

.blank-form-wrap .ghost,
.blank-form-wrap .ghost-link,
.blank-form-wrap .ghost-secondary,
.blank-form-wrap .assist-toggle,
.blank-form-wrap #backBtn,
.blank-form-wrap #voiceBtn,
.blank-form-wrap #captionBtn,
.blank-form-wrap .review-edit-btn,
.blank-form-wrap .helper-example-btn,
.blank-form-wrap .blank-voice-launch {
  background: rgba(var(--glass-surface,255,255,255), calc(var(--glass-alpha,.18) + .12)) !important;
  color: var(--p) !important;
  border: 1px solid rgba(var(--p-rgb), .18) !important;
  box-shadow: 0 12px 28px rgba(var(--p-rgb), .10) !important;
}
.blank-form-wrap .ghost:hover,
.blank-form-wrap .ghost-link:hover,
.blank-form-wrap .ghost-secondary:hover,
.blank-form-wrap .assist-toggle:hover,
.blank-form-wrap #backBtn:hover,
.blank-form-wrap #voiceBtn:hover,
.blank-form-wrap #captionBtn:hover,
.blank-form-wrap .review-edit-btn:hover,
.blank-form-wrap .helper-example-btn:hover,
.blank-form-wrap .blank-voice-launch:hover,
.blank-form-wrap .ghost.active,
.blank-form-wrap #voiceBtn.active,
.blank-form-wrap #captionBtn.active {
  background: rgba(var(--p-rgb), .12) !important;
  border-color: rgba(var(--p-rgb), .28) !important;
  color: var(--p) !important;
}

.blank-form-wrap .storefront-progress-strip,
.blank-form-wrap .demo-progress-strip,
.blank-form-wrap .booking-nav-wrap,
.blank-form-wrap .floating-form-nav .nav-buttons,
.blank-form-wrap .question-summary-rail,
.blank-form-wrap .luxe-contact-rail,
.blank-form-wrap .media-checklist-card,
.blank-form-wrap .estimate-hero-card,
.blank-form-wrap .refined-breakdown-card,
.blank-form-wrap .estimate-services-stack,
.blank-form-wrap .refined-service-summary,
.blank-form-wrap .question-summary-item,
.blank-form-wrap .estimate-info-card,
.blank-form-wrap .review-summary-card,
.blank-form-wrap .summary-service-card,
.blank-form-wrap .assistant-guide-card,
.blank-form-wrap .welcome-start-card,
.blank-form-wrap .service-card,
.blank-form-wrap .luxe-service-card,
.blank-form-wrap .simplybook-service-card,
.blank-form-wrap .addon-card,
.blank-form-wrap .premium-question-card,
.blank-form-wrap .estimate-coupon-card,
.blank-form-wrap .quote-top-lock,
.blank-form-wrap .locked-price,
.blank-form-wrap .locked-price-xl,
.blank-form-wrap .booking-locked-price {
  background: rgba(var(--glass-surface,255,255,255), calc(var(--glass-alpha,.18) + .12)) !important;
  backdrop-filter: blur(var(--glass-blur, 18px)) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur, 18px)) !important;
  border: 1px solid rgba(var(--p-rgb), .14) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.10) !important;
}
.blank-form-wrap .theme-dark .service-card,
.blank-form-wrap .theme-dark .addon-card,
.blank-form-wrap .theme-dark .premium-question-card,
.blank-form-wrap .theme-dark .estimate-coupon-card,
.blank-form-wrap .theme-dark .question-summary-rail,
.blank-form-wrap .theme-dark .luxe-contact-rail,
.blank-form-wrap .theme-dark .media-checklist-card,
.blank-form-wrap .theme-dark .review-summary-card,
.blank-form-wrap .theme-dark .summary-service-card,
.blank-form-wrap .theme-dark .booking-nav-wrap,
.blank-form-wrap .theme-dark .storefront-progress-strip {
  box-shadow: 0 18px 42px rgba(2,6,23,.28) !important;
}

.blank-form-wrap .service-card:hover,
.blank-form-wrap .luxe-service-card:hover,
.blank-form-wrap .simplybook-service-card:hover,
.blank-form-wrap .addon-card:hover,
.blank-form-wrap .premium-question-card:hover,
.blank-form-wrap .review-edit-btn:hover,
.blank-form-wrap .upload-pill:hover,
.blank-form-wrap .preview-chip:hover,
.blank-form-wrap .service-summary-chip:hover {
  border-color: rgba(var(--p-rgb), .24) !important;
  box-shadow: 0 20px 44px rgba(var(--p-rgb), .12) !important;
}
.blank-form-wrap .service-card.selected,
.blank-form-wrap .service-card.is-selected,
.blank-form-wrap .luxe-service-card.selected,
.blank-form-wrap .simplybook-service-card.selected,
.blank-form-wrap .addon-card.selected,
.blank-form-wrap .addon-card.is-selected,
.blank-form-wrap .selected-service,
.blank-form-wrap .premium-question-card.is-active {
  border-color: rgba(var(--p-rgb), .40) !important;
  box-shadow: 0 0 0 2px rgba(var(--p-rgb), .14), 0 22px 46px rgba(var(--p-rgb), .16) !important;
}

.blank-form-wrap .service-icon-shell,
.blank-form-wrap .addon-icon,
.blank-form-wrap .question-number-pill,
.blank-form-wrap .question-summary-index,
.blank-form-wrap .storefront-step-number {
  background: rgba(var(--p-rgb), .12) !important;
  color: var(--p) !important;
  border: 1px solid rgba(var(--p-rgb), .18) !important;
  box-shadow: none !important;
}

.blank-form-wrap .storefront-progress-line {
  background: rgba(var(--p-rgb), .10) !important;
}
.blank-form-wrap .storefront-progress-fill {
  background: linear-gradient(90deg, rgba(var(--p-rgb), .92), rgba(var(--p-rgb), .72)) !important;
}
.blank-form-wrap .storefront-step-pill {
  background: rgba(var(--glass-surface,255,255,255), calc(var(--glass-alpha,.18) + .06)) !important;
  border: 1px solid rgba(var(--p-rgb), .12) !important;
  color: var(--text-muted) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
  opacity: 1 !important;
}
.blank-form-wrap .storefront-step-pill .storefront-step-label {
  color: inherit !important;
}
.blank-form-wrap .storefront-step-pill.is-upcoming {
  opacity: .88 !important;
}
.blank-form-wrap .storefront-step-pill.is-clickable:hover,
.blank-form-wrap .storefront-step-pill.is-clickable:focus-visible {
  border-color: rgba(var(--p-rgb), .24) !important;
  box-shadow: 0 14px 30px rgba(var(--p-rgb), .12) !important;
}
.blank-form-wrap .storefront-step-pill.is-active,
.blank-form-wrap .storefront-step-pill.is-complete {
  background: rgba(var(--p-rgb), .12) !important;
  border-color: rgba(var(--p-rgb), .28) !important;
  color: var(--text-main) !important;
  box-shadow: 0 18px 34px rgba(var(--p-rgb), .14) !important;
}
.blank-form-wrap .storefront-step-pill.is-active .storefront-step-number,
.blank-form-wrap .storefront-step-pill.is-complete .storefront-step-number {
  background: linear-gradient(135deg, rgba(var(--p-rgb), .94), rgba(var(--p-rgb), .76)) !important;
  border-color: rgba(var(--p-rgb), .28) !important;
  color: var(--button-text, var(--accent-text, #fff)) !important;
}
.blank-form-wrap .storefront-step-pill.is-complete .storefront-step-number::before {
  color: var(--button-text, var(--accent-text, #fff)) !important;
}

.blank-form-wrap .locked-price .small-label,
.blank-form-wrap .locked-price-xl .small-label,
.blank-form-wrap .estimate-timer-caption,
.blank-form-wrap .estimate-coupon-label,
.blank-form-wrap .quote-top-lock small,
.blank-form-wrap .quote-top-lock .small-label {
  color: var(--text-muted) !important;
}
.blank-form-wrap .locked-price .big,
.blank-form-wrap .locked-price-xl .big,
.blank-form-wrap .booking-locked-price .big,
.blank-form-wrap #priceTag,
.blank-form-wrap .estimate-timer,
.blank-form-wrap .estimate-coupon-card h3,
.blank-form-wrap .premium-offer-btn,
.blank-form-wrap .quote-top-lock strong,
.blank-form-wrap .quote-top-lock {
  color: var(--text-main) !important;
}

.blank-form-wrap .estimate-coupon-card,
.blank-form-wrap .estimate-coupon-card.is-live,
.blank-form-wrap .estimate-coupon-card.is-expired {
  background: linear-gradient(135deg, rgba(var(--p-rgb), .14), rgba(var(--p-rgb), .06)) !important;
  border-color: rgba(var(--p-rgb), .20) !important;
}
.blank-form-wrap .estimate-coupon-label,
.blank-form-wrap .estimate-timer,
.blank-form-wrap .estimate-timer-caption,
.blank-form-wrap .estimate-coupon-card p {
  color: var(--text-main) !important;
}

.blank-form-wrap .question-card-input .input,
.blank-form-wrap .contact-field .input,
.blank-form-wrap .notes-box .input,
.blank-form-wrap .media-upload-shell .input,
.blank-form-wrap .photo-input,
.blank-form-wrap .input,
.blank-form-wrap select.input,
.blank-form-wrap textarea.input {
  background: rgba(var(--glass-surface,255,255,255), calc(var(--glass-alpha,.18) + .18)) !important;
  color: var(--text-main) !important;
  border: 1px solid rgba(var(--p-rgb), .14) !important;
}
.blank-form-wrap .input::placeholder,
.blank-form-wrap textarea::placeholder {
  color: var(--text-muted) !important;
}
.blank-form-wrap .input:focus,
.blank-form-wrap select.input:focus,
.blank-form-wrap textarea.input:focus {
  outline: none !important;
  border-color: rgba(var(--p-rgb), .34) !important;
  box-shadow: 0 0 0 3px rgba(var(--p-rgb), .14) !important;
}

.blank-form-wrap .select-pill,
.blank-form-wrap .service-summary-chip,
.blank-form-wrap .preview-chip,
.blank-form-wrap .upload-pill,
.blank-form-wrap .summary-service-chip,
.blank-form-wrap .booking-trust-pill.small,
.blank-form-wrap .question-summary-item,
.blank-form-wrap .estimate-info-card,
.blank-form-wrap .trust-pill,
.blank-form-wrap .multi-service-pill,
.blank-form-wrap .service-queue-pill,
.blank-form-wrap .welcome-assistant-chip,
.blank-form-wrap .booking-trust-pill {
  background: rgba(var(--p-rgb), .08) !important;
  border: 1px solid rgba(var(--p-rgb), .14) !important;
  color: var(--text-main) !important;
}
.blank-form-wrap .select-pill,
.blank-form-wrap .summary-service-chip,
.blank-form-wrap .service-summary-chip,
.blank-form-wrap .preview-chip,
.blank-form-wrap .upload-pill {
  color: var(--p) !important;
}
.blank-form-wrap .service-card.selected .select-pill,
.blank-form-wrap .addon-card.selected .select-pill,
.blank-form-wrap .service-card.is-selected .select-pill,
.blank-form-wrap .addon-card.is-selected .select-pill {
  background: rgba(var(--p-rgb), .14) !important;
  border-color: rgba(var(--p-rgb), .22) !important;
  color: var(--p) !important;
}

.blank-form-wrap .flash {
  background: var(--primary-color, var(--p)) !important;
  color: var(--button-text, var(--accent-text, #fff)) !important;
}


/* part 27c hardcoded video avatar size lock */
.storefront-theme .blank-voice-avatar,
.blank-voice-avatar {
  width: 86px !important;
  height: 86px !important;
}

.storefront-theme .blank-voice-avatar::before,
.blank-voice-avatar::before {
  inset: -5px !important;
}

.storefront-theme .blank-voice-avatar::after,
.blank-voice-avatar::after {
  inset: -15px !important;
}

.storefront-theme .blank-voice-avatar-ring,
.blank-voice-avatar-ring {
  inset: 5px !important;
}

.storefront-theme .blank-voice-avatar-face {
  width: 64px !important;
  height: 64px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 10px 24px rgba(15,23,42,.16) !important;
}

.storefront-theme .blank-voice-avatar-core,
.blank-voice-avatar-core {
  right: 11px !important;
  bottom: 10px !important;
  width: 16px !important;
  height: 16px !important;
}

@media (max-width: 760px) {
  .storefront-theme .blank-voice-avatar,
  .blank-voice-avatar {
    width: 72px !important;
    height: 72px !important;
  }

  .storefront-theme .blank-voice-avatar-face {
    width: 54px !important;
    height: 54px !important;
  }
}


/* part 28c hardcoded male/female electric avatar tones */
.storefront-theme .blank-voice-avatar,
.blank-voice-avatar {
  --avatar-rgb: var(--p-rgb);
}
.storefront-theme .blank-voice-avatar::before,
.blank-voice-avatar::before {
  border-color: rgba(var(--avatar-rgb), .95) !important;
  box-shadow: 0 0 24px rgba(var(--avatar-rgb), .42), 0 0 46px rgba(var(--avatar-rgb), .18) !important;
}
.storefront-theme .blank-voice-avatar::after,
.blank-voice-avatar::after {
  background: radial-gradient(circle, rgba(var(--avatar-rgb), .26) 0%, rgba(var(--avatar-rgb), 0) 72%) !important;
  opacity: .42 !important;
}
.storefront-theme .blank-voice-avatar-ring,
.blank-voice-avatar-ring {
  border-color: rgba(var(--avatar-rgb), .48) !important;
  box-shadow: 0 0 0 1px rgba(var(--avatar-rgb), .14), 0 0 20px rgba(var(--avatar-rgb), .22) !important;
}
.storefront-theme .blank-voice-avatar-core,
.blank-voice-avatar-core {
  background: rgba(var(--avatar-rgb), .96) !important;
  box-shadow: 0 0 16px rgba(var(--avatar-rgb), .50), 0 0 30px rgba(var(--avatar-rgb), .28), 0 0 0 3px rgba(255,255,255,.64) !important;
}
.storefront-theme .blank-voice-avatar-face,
.blank-voice-avatar-face {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 14px 30px rgba(var(--avatar-rgb), .18) !important;
}
.storefront-theme .blank-voice-avatar-img,
.storefront-theme .blank-voice-avatar-video,
.blank-voice-avatar-img,
.blank-voice-avatar-video {
  filter: var(--avatar-filter, none) !important;
}
@keyframes voiceAvatarListeningTone {
  0%,100% { transform: translateY(0) scale(1); box-shadow: 0 18px 40px rgba(var(--avatar-rgb), .24), 0 0 0 1px rgba(255,255,255,.52), inset 0 1px 10px rgba(255,255,255,.36); }
  50% { transform: translateY(-2px) scale(1.03); box-shadow: 0 22px 50px rgba(var(--avatar-rgb), .32), 0 0 0 4px rgba(var(--avatar-rgb), .14), inset 0 1px 12px rgba(255,255,255,.40); }
}
@keyframes voiceAvatarSpeakingTone {
  0%,100% { transform: translateY(0) scale(1); box-shadow: 0 18px 40px rgba(var(--avatar-rgb), .24), 0 0 0 1px rgba(255,255,255,.56), inset 0 1px 12px rgba(255,255,255,.40); }
  50% { transform: translateY(-3px) scale(1.08); box-shadow: 0 26px 60px rgba(var(--avatar-rgb), .36), 0 0 0 7px rgba(var(--avatar-rgb), .18), inset 0 1px 14px rgba(255,255,255,.48); }
}
.app[data-ai-state="listening"] .blank-voice-avatar { animation: voiceAvatarListeningTone 1.9s ease-in-out infinite !important; }
.app[data-ai-state="speaking"] .blank-voice-avatar { animation: voiceAvatarSpeakingTone 1.15s ease-in-out infinite !important; }