:root { color-scheme: light; }
  body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f5f3ee; color: #1d252c; }
  header { background: #172026; color: white; padding: 18px 28px; display: flex; justify-content: space-between; align-items: center; }
  header a { color: white; text-decoration: none; margin-left: 18px; font-size: 14px; }
  main { max-width: 1180px; margin: 0 auto; padding: 24px; }
  h1 { margin: 0 0 18px; font-size: 28px; letter-spacing: 0; }
  h2 { font-size: 18px; margin-top: 26px; }
  h3 { margin: 0 0 8px; font-size: 15px; }
  .panel { background: white; border: 1px solid #ded9cf; border-radius: 8px; padding: 18px; }
  .public-hero { background: #050607; color: white; border-radius: 8px; padding: 30px; margin-bottom: 16px; display: grid; grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr); gap: 24px; align-items: center; box-shadow: 0 22px 60px rgba(17,24,32,.18); border: 1px solid #24282b; }
  .public-hero h1 { font-size: 42px; line-height: 1.02; max-width: 780px; margin-bottom: 12px; }
  .public-hero p { color: #d8e0e6; font-size: 16px; line-height: 1.55; margin: 0; max-width: 720px; }
  .hero-kicker { color: #ff6b14; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; }
  .hero-media { border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); background: #090a0b; }
  .hero-media img { display: block; width: 100%; aspect-ratio: 1942 / 809; object-fit: cover; }
  .waitlist-shell { max-width: 980px; margin: 0 auto; }
  .waitlist-hero { text-align: center; padding: 56px 18px 28px; }
  .waitlist-banner { max-width: 760px; margin: 0 auto 26px; border-radius: 8px; overflow: hidden; background: #111820; border: 1px solid rgba(222,217,207,.9); box-shadow: 0 22px 58px rgba(29,37,44,.16); }
  .waitlist-banner img { display: block; width: 100%; aspect-ratio: 1942 / 809; object-fit: cover; }
  .waitlist-hero .hero-kicker { margin-bottom: 14px; }
  .waitlist-hero h1 { font-size: 54px; line-height: 1.02; margin: 0 auto 14px; max-width: 820px; }
  .waitlist-hero p { color: #53606a; font-size: 18px; line-height: 1.55; margin: 0 auto; max-width: 680px; }
  .waitlist-card { background: rgba(255,255,255,.88); border: 1px solid #ded9cf; border-radius: 8px; padding: 22px; box-shadow: 0 18px 54px rgba(29,37,44,.10); backdrop-filter: blur(14px); }
  .waitlist-card h2 { margin: 0 0 8px; font-size: 22px; }
  .waitlist-card .grid { margin-top: 16px; }
  .waitlist-card button { width: 100%; margin-top: 8px; background: #111820; padding: 13px 16px; }
  .waitlist-admin-card { margin-bottom: 12px; }
  .bot-field { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; }
  .turnstile-box { margin: 16px 0 4px; }
  .turnstile-box strong { display: block; font-size: 13px; color: #1d252c; margin-bottom: 8px; }
  .turnstile-box span { display: block; color: #6e7881; font-size: 12px; margin-top: 8px; }
  .waitlist-admin-card textarea { min-height: 72px; }
  .waitlist-admin-card .admin-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .waitlist-admin-card .admin-actions button { width: auto; }
  .waitlist-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
  .waitlist-proof .proof-card { background: rgba(255,255,255,.72); }
  .label-shell { max-width: 1120px; margin: 0 auto; }
  .label-hero { display: grid; grid-template-columns: minmax(0, .95fr) minmax(320px, .8fr); gap: 18px; align-items: stretch; margin: 10px 0 16px; }
  .label-hero > *, .label-interface > * { min-width: 0; }
  .label-hero-main { background: #101820; color: white; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; padding: 28px; box-shadow: 0 24px 64px rgba(17,24,32,.22); }
  .label-hero-main .hero-kicker { white-space: normal; overflow-wrap: anywhere; }
  .label-hero-main h1 { font-size: 48px; line-height: 1.02; margin: 0 0 14px; max-width: 760px; overflow-wrap: break-word; }
  .label-hero-main p { color: #d8e0e6; font-size: 17px; line-height: 1.55; max-width: 680px; margin: 0; overflow-wrap: break-word; }
  .label-hero-card { background: #fffaf2; border: 1px solid rgba(255,107,20,.42); border-radius: 8px; padding: 22px; box-shadow: 0 18px 48px rgba(17,24,32,.12); }
  .label-hero-card h2 { margin-top: 0; font-size: 22px; }
  .label-hero-card ul { margin: 12px 0 0; padding-left: 18px; color: #394854; line-height: 1.5; overflow-wrap: break-word; }
  .label-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 14px 0 16px; }
  .label-metric { background: rgba(255,255,255,.94); border: 1px solid #ded9cf; border-radius: 8px; padding: 14px; box-shadow: 0 14px 34px rgba(17,24,32,.08); }
  .label-metric strong { display: block; color: #101820; font-size: 22px; line-height: 1.1; }
  .label-metric span { display: block; color: #53606a; font-size: 12px; line-height: 1.35; margin-top: 5px; }
  .label-interface { display: grid; grid-template-columns: minmax(0, .8fr) minmax(380px, 1fr); gap: 16px; align-items: start; }
  .label-panel { background: rgba(255,255,255,.94); border: 1px solid #ded9cf; border-radius: 8px; padding: 22px; box-shadow: 0 18px 48px rgba(17,24,32,.09); }
  .label-panel h2 { margin: 0 0 8px; font-size: 24px; }
  .label-panel h3 { margin-top: 18px; font-size: 16px; }
  .label-panel p { color: #53606a; line-height: 1.55; }
  .label-pill-row { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0 0; }
  .label-pill { display: inline-flex; align-items: center; min-height: 30px; border-radius: 999px; background: #edf5ff; color: #1c4973; border: 1px solid #c9ddf2; padding: 6px 10px; font-size: 12px; font-weight: 800; }
  .label-lanes { display: grid; gap: 10px; margin-top: 12px; }
  .label-lane { border: 1px solid #e2e6e8; border-radius: 8px; padding: 12px; background: #f8fafb; }
  .label-lane strong { display: block; color: #101820; }
  .label-lane span { display: block; color: #53606a; font-size: 13px; line-height: 1.4; margin-top: 4px; }
  .label-form { background: #ffffff; }
  .label-form .grid { margin-top: 12px; }
  .label-checkbox-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 10px 0 14px; }
  .label-check { display: flex; gap: 10px; align-items: flex-start; min-height: 58px; background: #f8fafb; border: 1px solid #e2e6e8; border-radius: 8px; padding: 11px; }
  .label-check input { width: auto; min-height: auto; margin-top: 3px; }
  .label-check span { display: block; color: #24313a; font-size: 13px; font-weight: 760; line-height: 1.35; }
  .label-required-note { background: #fff0e5; border: 1px solid rgba(255,107,20,.32); border-radius: 8px; padding: 12px; color: #7a3b0e; font-size: 13px; line-height: 1.45; }
  .success-panel { background: #eaf7ee; border: 1px solid #b9dfc4; color: #17351f; }
  .hero-proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
  .proof-card { background: #fff; border: 1px solid #ded9cf; border-radius: 8px; padding: 12px; }
  .proof-card strong { display: block; font-size: 20px; }
  .proof-card span { display: block; color: #6e7881; font-size: 12px; margin-top: 4px; }
  .section-head { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin: 24px 0 10px; }
  .section-head h2 { margin: 0; font-size: 20px; }
  .section-head p { margin: 0; max-width: 520px; }
  .intake-panel { border-color: #d5cec2; box-shadow: 0 14px 38px rgba(29,37,44,.08); }
  .product-card { min-height: 132px; position: relative; overflow: hidden; }
  .product-card strong { font-size: 18px; }
  .product-card span { font-size: 13px; }
  .product-card small { display: block; margin-top: 10px; color: rgba(255,255,255,.92); font-size: 12px; font-weight: 700; }
  .visual-world-shell { background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,246,241,.72)); border: 1px solid #e5dfd4; border-radius: 8px; padding: 12px; }
  .visual-category-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 2px 2px 10px; margin-bottom: 8px; scrollbar-width: none; }
  .visual-category-tabs::-webkit-scrollbar { display: none; }
  .visual-tab { flex: 0 0 auto; border: 1px solid #d8d1c6; background: rgba(255,255,255,.82); color: #53606a; border-radius: 999px; padding: 8px 12px; font-size: 13px; font-weight: 800; }
  .visual-tab.active { background: #111820; border-color: #111820; color: white; box-shadow: 0 8px 24px rgba(17,24,32,.14); }
  .music-video-mode-heading, .music-video-preset-heading { margin-top: 8px; }
  [data-music-video-mode-tabs] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; overflow: visible; }
  [data-music-video-mode-tabs] .visual-tab { min-height: 88px; text-align: left; white-space: normal; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; border-radius: 10px; }
  [data-music-video-mode-tabs] .visual-tab strong { font-size: 16px; }
  [data-music-video-mode-tabs] .visual-tab span { font-size: 12px; opacity: .82; }
  @media (max-width: 760px) { [data-music-video-mode-tabs] { grid-template-columns: 1fr; } }
  .music-video-text-policy { margin: 14px 0 18px; display: grid; gap: 4px; }
  .music-video-text-policy span { line-height: 1.45; }
  .preset-category-status { margin: -2px 2px 10px; color: #65717a; font-size: 13px; font-weight: 720; }
  .visual-world-grid { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
  #presetGrid .preset-card[hidden] { display: none !important; }
  .visual-world-grid .preset-card { min-height: 108px; padding: 13px; border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.16); }
  .visual-world-grid .preset-card strong { font-size: 16px; line-height: 1.1; }
  .visual-world-grid .preset-card span { max-width: 16ch; line-height: 1.25; }
  .flow-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 12px 0 18px; }
  .flow-step { background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 12px; min-height: 72px; }
  .flow-step b { display: block; color: #c65335; font-size: 12px; margin-bottom: 5px; }
  .flow-step strong { display: block; font-size: 13px; }
  .flow-step span { display: block; color: #6e7881; font-size: 12px; margin-top: 4px; }
  .pricing-panel { background: #172026; color: white; border-color: #172026; }
  .pricing-panel h2 { margin-top: 0; }
  .pricing-panel .muted { color: #c3ccd3; }
  .pricing-card { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 14px; }
  .pricing-card span { color: #c3ccd3; }
  .pricing-card strong { display: block; color: white; font-size: 28px; margin: 5px 0; }
  .pricing-card em { display: block; color: #ff7a1a; font-style: normal; font-size: 12px; font-weight: 750; margin-bottom: 8px; }
  .form-section { border-top: 1px solid #ece7df; margin-top: 24px; padding-top: 18px; }
  .form-section:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
  .submit-row { display: flex; gap: 14px; align-items: center; margin-top: 18px; }
  .submit-row button { font-size: 15px; padding: 13px 18px; }
  .upload-status { margin-top: 10px; min-height: 20px; }
  .landing-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 20px; }
  .landing-actions a { display: inline-block; text-decoration: none; border-radius: 6px; padding: 12px 15px; font-weight: 800; }
  .primary-cta { background: #ff6b14; color: #111820; }
  .secondary-cta { background: rgba(255,255,255,.08); color: white; border: 1px solid rgba(255,255,255,.18); }
  .landing-section { margin: 18px 0; }
  .landing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .landing-card { background: white; border: 1px solid #ded9cf; border-radius: 8px; padding: 16px; }
  .landing-card strong { display: block; font-size: 17px; margin-bottom: 6px; }
  .landing-card p { margin: 0; color: #53606a; line-height: 1.45; }
  .showcase-band { background: #111820; color: white; border-radius: 8px; padding: 22px; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 20px; align-items: center; }
  .showcase-band img { width: 100%; border-radius: 8px; border: 1px solid rgba(255,255,255,.14); display: block; }
  .showcase-band p { color: #c3ccd3; line-height: 1.5; }
  .review-callout { background: #fff8ea; border: 2px solid #ff7a1a; box-shadow: 0 12px 32px rgba(255,122,26,.12); }
  .review-callout h2 { margin-top: 0; }
  .review-callout a.review-button { display: inline-block; background: #ff6b14; color: #111820; text-decoration: none; border-radius: 6px; padding: 12px 15px; font-weight: 850; margin-top: 8px; }
  .payment-callout { background: #111820; color: white; border: 2px solid #ff7a1a; box-shadow: 0 12px 32px rgba(17,24,32,.18); }
  .payment-callout h2 { margin-top: 0; }
  .payment-callout p { color: #d8e0e6; }
  .payment-callout strong { color: white; }
  .payment-callout button, .payment-callout a.payment-button { display: inline-block; background: #ff6b14; color: #111820; text-decoration: none; border-radius: 6px; padding: 12px 15px; font-weight: 850; margin-top: 8px; }
  .secure-checkout-badge { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(30,166,90,.4); background: rgba(30,166,90,.09); font-size: 13px; line-height: 1.45; max-width: 560px; }
  .review-top-link-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 4px 0 14px; }
  .secure-checkout-badge .lock { color: #1ea65a; flex: none; margin-top: 2px; }
  .secure-checkout-badge strong { display: block; font-size: 13px; }
  .secure-checkout-badge span { opacity: .78; }
  .checkout-status { margin-top: 10px; color: #d8e0e6; }
  .checkout-status a { color: #111820; background: #fff2e8; border-radius: 6px; display: inline-block; font-weight: 850; padding: 10px 12px; text-decoration: none; }
  .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  label { display: block; font-size: 13px; color: #53606a; margin-bottom: 6px; }
  input, textarea, select { width: 100%; box-sizing: border-box; border: 1px solid #c9c2b6; border-radius: 6px; padding: 10px; font: inherit; background: white; }
  textarea { min-height: 150px; resize: vertical; }
  button { border: 0; background: #c65335; color: white; border-radius: 6px; padding: 11px 14px; font-weight: 700; cursor: pointer; }
  table { width: 100%; border-collapse: collapse; background: white; border: 1px solid #ded9cf; border-radius: 8px; overflow: hidden; }
  .table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-wrap table { min-width: 760px; }
  .admin-jobs-table table { min-width: 980px; }
  th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #ece7df; font-size: 14px; vertical-align: top; }
  th { background: #eee9df; color: #53606a; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
	  .status { display: inline-block; border-radius: 999px; padding: 3px 9px; font-size: 12px; font-weight: 700; background: #e8edf2; }
	  .running { background: #dcecff; }
	  .done { background: #dff4e6; }
	  .failed { background: #ffe1dc; }
	  .status-pill { display: inline-block; border-radius: 999px; padding: 5px 9px; font-size: 12px; font-weight: 800; margin: 3px 5px 3px 0; }
	  .stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; margin-top: 10px; }
	  .stats-grid p { margin: 0; background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 6px; padding: 9px; overflow-wrap: anywhere; }
	  .preset-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 8px 0 16px; }
	  .preset-card { min-height: 96px; text-align: left; color: white; border: 1px solid rgba(0,0,0,.12); border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: flex-end; background: #34424c; box-shadow: inset 0 -42px 48px rgba(0,0,0,.34); }
	  .preset-card[hidden] { display: none !important; }
	  .preset-card strong { display: block; font-size: 14px; line-height: 1.15; }
	  .preset-card span { display: block; margin-top: 4px; font-size: 12px; opacity: .9; font-weight: 500; }
	  .preset-card.active { outline: 3px solid #c65335; outline-offset: 2px; }
	  .character-grid { grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); }
	  .character-card { min-height: 190px; padding: 0; overflow: hidden; position: relative; background: #111820; justify-content: stretch; box-shadow: 0 12px 28px rgba(18,24,32,.14); }
	  .character-card-image { width: 100%; aspect-ratio: 4 / 5; height: auto; min-height: 144px; object-fit: cover; display: block; flex: 1 1 auto; }
	  .character-card-image[hidden] { display: none !important; }
	  .character-card.image-failed::before { content: "Image preview unavailable"; display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 5; min-height: 144px; padding: 14px; box-sizing: border-box; background: linear-gradient(135deg,#151d25,#303c47); color: rgba(255,255,255,.72); font-size: 12px; font-weight: 850; text-align: center; }
	  .character-card-copy { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-height: 62px; padding: 12px 11px; margin: 0; background: linear-gradient(180deg, rgba(8,10,15,.78), rgba(8,10,15,.96)); color: #fff; }
	  .character-card-copy strong { display: block; line-height: 1.18; }
	  .character-card-copy span { display: block; margin-top: 0; line-height: 1.3; opacity: .84; }
	  .custom-character-card { justify-content: center; padding: 14px; border: 1px dashed rgba(198,83,53,.55); background: linear-gradient(135deg,#121820,#27313c); }
	  .custom-character-card span { max-width: 19ch; }
	  #danceControls .section-head { margin: 30px 0 18px; padding-top: 22px; border-top: 1px solid #e5dfd4; }
	  #danceControls .section-head:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
	  #danceControls .section-head h2 { margin-bottom: 7px; line-height: 1.22; }
	  #danceControls .section-head p { max-width: 760px; font-size: 13px; line-height: 1.55; }
	  #danceControls .preset-grid { gap: 12px; margin: 0 0 22px; }
	  #danceControls .preset-card:not(.character-card) { min-height: 116px; border-radius: 8px; padding: 14px; }
	  #danceControls .preset-card:not(.character-card) strong { line-height: 1.24; }
	  #danceControls .preset-card:not(.character-card) span { margin-top: 6px; line-height: 1.35; }
	  #danceControls .summary { margin: 2px 2px 24px; max-width: 820px; line-height: 1.6; }
	  #danceControls .character-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; max-height: 640px; margin: 0 0 22px; padding: 3px 5px 8px 3px; }
	  #danceControls .character-card { min-height: 226px; }
	  #danceControls .character-card-image { min-height: 154px; }
	  #danceControls .character-card-copy { min-height: 66px; padding: 13px 12px; gap: 6px; }
	  #danceControls .character-card-copy strong { line-height: 1.2; }
	  #danceControls .character-card-copy span { line-height: 1.35; }
	  #danceControls .custom-character-card { min-height: 190px; padding: 16px; justify-content: flex-end; }
	  #danceControls .custom-character-card strong { line-height: 1.22; }
	  #danceControls .custom-character-card span { margin-top: 8px; line-height: 1.38; max-width: 22ch; }
	  .test-lab-page .lab-filter-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 12px; }
	  .test-lab-page .lab-filter-button { min-height: 34px; border: 1px solid rgba(36,49,58,.16); border-radius: 999px; background: #fff; color: #24313a; padding: 7px 11px; font-size: 12px; font-weight: 850; box-shadow: none; }
	  .test-lab-page .lab-filter-button.active { background: #24313a; color: white; border-color: #24313a; box-shadow: 0 8px 18px rgba(36,49,58,.12); }
	  .test-lab-page .lab-control-panel { grid-column: 1 / -1; border: 1px solid #e2dbd0; border-radius: 8px; background: #fbfaf7; padding: 14px; box-shadow: 0 10px 26px rgba(29,37,44,.04); }
	  .test-lab-page .lab-control-heading { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; margin-bottom: 12px; }
	  .test-lab-page .lab-control-heading strong { color: #172026; font-size: 15px; }
	  .test-lab-page .lab-control-heading span { color: #65717a; font-size: 12px; line-height: 1.35; text-align: right; }
	  .test-lab-page .lab-control-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
	  .test-lab-page .lab-switch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	  .test-lab-page .lab-switch-grid .check-row { margin: 0; }
	  .test-lab-page .lab-character-tools { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .35fr); gap: 12px; align-items: end; margin: 0 0 10px; }
	  .test-lab-page .lab-character-tools .lab-filter-tabs { margin: 0; }
	  .test-lab-page .lab-character-search input { min-height: 38px; padding: 9px 11px; }
	  .test-lab-page .lab-organized-character-grid { grid-template-columns: repeat(auto-fit, minmax(126px, 1fr)); max-height: 620px; overflow: auto; padding: 2px 4px 6px 2px; scrollbar-width: thin; }
	  .test-lab-page .lab-organized-character-grid .character-card { min-height: 170px; }
	  .test-lab-page .lab-organized-character-grid .character-card-image { min-height: 118px; }
	  .test-lab-page .lab-organized-character-grid .character-card.image-failed::before { min-height: 118px; }
	  .test-lab-page .lab-organized-character-grid .character-card-copy { min-height: 50px; padding: 9px 10px; }
		  .mobile-wizard-shell { display: none; }
		  .mobile-wizard-fallback, .mobile-wizard-review-summary { display: none; }
	  .mobile-wizard-header { display: grid; gap: 12px; margin-bottom: 14px; }
	  .mobile-wizard-topline { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
	  .mobile-wizard-brand { color: #fffaf2; font-weight: 900; letter-spacing: 0; }
	  .mobile-wizard-progress-text { color: #abb6bd; font-size: 12px; font-weight: 820; white-space: nowrap; }
	  .mobile-wizard-rail { height: 6px; border-radius: 999px; background: rgba(255,255,255,.12); overflow: hidden; }
	  .mobile-wizard-rail span { display: block; height: 100%; width: 16.666%; border-radius: inherit; background: linear-gradient(90deg,#ff6b14,#f0bf4b); transition: width .22s ease; }
	  .mobile-wizard-title { margin: 0; color: #fffaf2; font-size: 28px; line-height: 1.05; }
	  .mobile-wizard-copy { margin: -4px 0 0; color: #c9d2d8; font-size: 14px; line-height: 1.45; }
	  .mobile-wizard-header, .mobile-wizard-header > div, .mobile-wizard-title, .mobile-wizard-copy { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
	  .mobile-wizard-copy { white-space: normal; }
	  .mobile-wizard-steps { display: flex; gap: 6px; overflow-x: auto; padding: 0 0 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	  .mobile-wizard-steps::-webkit-scrollbar { display: none; }
		  .mobile-wizard-step { flex: 0 0 auto; min-height: 34px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.06); color: #dce4e8; box-shadow: none; padding: 7px 10px; font-size: 12px; font-weight: 850; }
		  .mobile-wizard-step.is-active { background: #fffaf2; color: #121820; border-color: #fffaf2; }
		  .mobile-wizard-step.is-complete { border-color: rgba(255,107,20,.55); color: #ffd7bd; }
		  .mobile-wizard-error { margin: -4px 0 0; border: 1px solid rgba(255,107,20,.45); border-radius: 8px; background: rgba(255,250,242,.96); color: #7a2d00; padding: 10px 12px; font-size: 13px; font-weight: 850; line-height: 1.35; box-shadow: 0 10px 28px rgba(0,0,0,.2); }
		  .mobile-wizard-nav { display: none; }
	  .mobile-wizard-nav button { box-shadow: none; }
	  .mobile-wizard-review-summary { border: 1px solid #e2dbd0; border-radius: 8px; background: #fffaf2; padding: 14px; color: #172026; }
	  .mobile-review-title { display: block; font-size: 16px; margin-bottom: 10px; }
	  .mobile-review-grid { display: grid; gap: 8px; }
	  .mobile-review-row { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; border-bottom: 1px solid rgba(36,49,58,.1); padding-bottom: 7px; }
	  .mobile-review-row:last-child { border-bottom: 0; padding-bottom: 0; }
	  .mobile-review-row span { color: #65717a; font-size: 12px; font-weight: 820; }
	  .mobile-review-row b { color: #172026; font-size: 13px; text-align: right; overflow-wrap: anywhere; }
	  .dance-scene-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 12px; }
	  .dance-scene-tab { border: 1px solid rgba(36,49,58,.16); border-radius: 999px; background: #fff; color: #24313a; padding: 8px 11px; font-size: 12px; font-weight: 850; cursor: pointer; }
	  .dance-scene-tab span { opacity: .62; font-weight: 780; }
	  .dance-scene-tab.active { background: #24313a; color: white; border-color: #24313a; }
	  #danceControls .dance-scene-tabs { gap: 8px; margin: 0 0 12px; padding-bottom: 8px; }
	  #danceControls .dance-scene-tab { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 8px 12px; line-height: 1.2; }
	  #danceControls .dance-scene-tab span { margin: 0; font-size: 11px; line-height: 1.2; }
	  #danceControls .preset-category-status { margin: 0 2px 14px; line-height: 1.45; }
	  #danceSceneGrid .preset-card[hidden] { display: none !important; }
	  .dance-scene-card-studio_stage { background: linear-gradient(135deg,#11143a,#1fb6d1 52%,#ec4fc2); }
	  .dance-scene-card-street_urban { background: linear-gradient(135deg,#14171b,#5a636a 54%,#dca743); }
	  .dance-scene-card-outdoor_nature { background: linear-gradient(135deg,#174335,#61a86a 52%,#f0c05a); }
	  .dance-scene-card-nightlife_luxury { background: linear-gradient(135deg,#090b10,#2e5574 45%,#f0a64b 78%); }
	  .dance-scene-card-social_everyday { background: linear-gradient(135deg,#26313a,#8b7460 54%,#e0b780); }
	  .dance-scene-card-stylized_worlds { background: linear-gradient(135deg,#15132b,#3b82f6 38%,#22c55e 62%,#f97316); }
	  .vibe-controls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 12px; }
	  .creative-vibe-builder { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; background: #111820; color: white; border: 1px solid rgba(255,107,20,.36); border-radius: 8px; padding: 16px; margin: 14px 0 16px; box-shadow: 0 18px 46px rgba(17,24,32,.16); }
	  .creative-vibe-builder label { color: #ffba7a; margin-bottom: 5px; }
	  .creative-vibe-builder strong { display: block; font-size: 18px; line-height: 1.25; }
	  .creative-vibe-builder span { display: block; color: #d8e0e6; font-size: 13px; line-height: 1.45; margin-top: 5px; }
	  .creative-vibe-builder button { white-space: nowrap; }
	  .creative-vibe-builder button:disabled { background: #2e3942; color: #aab5bd; border-color: rgba(170,181,189,.34); opacity: 1; cursor: not-allowed; box-shadow: none; }
	  .creative-vibe-status { grid-column: 1 / -1; min-height: 20px; color: #c3ccd3; font-size: 13px; margin: -4px 0 0; }
	  .creative-vibe-status.is-error { color: #ffd0c7; }
	  .creative-vibe-status.is-done { color: #dff4e6; }
	  .creative-direction-path { display: grid; gap: 12px; margin: 16px 0; padding: 18px; border: 1px solid rgba(255,138,30,.3); border-radius: 16px; background: linear-gradient(145deg,rgba(255,138,30,.075),rgba(18,25,42,.72)); }
	  .creative-direction-path h3 { margin: 0; color: #fff; font-size: clamp(20px,3vw,27px); line-height: 1.12; }
	  .creative-direction-path > p { margin: 0; color: #c5cfda; font-size: 13px; line-height: 1.5; }
	  .creative-direction-path-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
	  .creative-direction-path-button { min-height: 82px; padding: 13px 15px; text-align: left; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; color: #f7fbff; background: rgba(255,255,255,.045); box-shadow: none; transform: none !important; }
	  .creative-direction-path-button strong { display: block; color: inherit; font-size: 14px; }
	  .creative-direction-path-button span { display: block; margin-top: 5px; color: #b9c5d2; font-size: 11.5px; line-height: 1.4; }
	  .creative-direction-path-button[aria-pressed="true"] { border-color: #ff8749 !important; background: linear-gradient(145deg,rgba(255,116,54,.22),rgba(104,79,255,.13)) !important; box-shadow: 0 0 0 3px rgba(255,135,73,.15) !important; }
	  .creative-direction-path-button:focus-visible { outline: 3px solid rgba(255,171,112,.48); outline-offset: 3px; }
	  .creative-direction-path-status { margin: 0 !important; color: #ffd2b6 !important; font-size: 11.5px !important; line-height: 1.45 !important; }
	  .director-room { background: linear-gradient(145deg,#0b1118 0%,#11192a 48%,#17122a 100%); color: #f8fbff; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 24px; margin: 16px 0 22px; box-shadow: 0 24px 64px rgba(4,8,14,.24); overflow: hidden; }
	  .director-room[hidden], .director-room [hidden] { display: none !important; }
	  .director-room-head { display: grid; gap: 7px; margin-bottom: 18px; }
	  .director-room-kicker { color: #ffab70; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
	  .director-room-head h3 { color: #fff; font-size: clamp(24px,4vw,34px); line-height: 1.08; letter-spacing: -.025em; margin: 0; }
	  .director-room-head p { color: #c5cfda; font-size: 14px; line-height: 1.55; margin: 0; max-width: 68ch; }
	  .director-room-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 16px 0 12px; }
	  .director-room-step { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 9px; align-items: start; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 10px; background: rgba(255,255,255,.035); }
	  .director-room-step > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; color: #111820; background: #ff9a62; font-size: 12px; font-weight: 900; }
	  .director-room-step strong { display: block; color: #fff; font-size: 12px; line-height: 1.25; }
	  .director-room-step small { display: block; color: #aebbc8; font-size: 10.5px; line-height: 1.35; margin-top: 3px; }
	  .director-room-lenses { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
	  .director-room-lens { position: relative; min-height: 88px; text-align: left; border: 1px solid rgba(255,255,255,.16); border-radius: 13px; padding: 13px 40px 13px 13px; color: #f7fbff; background: rgba(255,255,255,.055); box-shadow: none; cursor: pointer; touch-action: manipulation; user-select: none; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease; transform: none !important; }
	  .director-room-lens strong { display: block; color: #fff; font-size: 14px; }
	  .director-room-lens span { display: block; color: #b9c5d2; font-size: 12px; line-height: 1.4; margin-top: 5px; }
	  .director-room-lens:hover, .director-room-lens:active { transform: none !important; }
	  @media (hover:hover) and (pointer:fine) { .director-room-lens:hover { border-color: rgba(255,135,73,.65); background: rgba(255,255,255,.085); } }
	  .director-room-lens[aria-pressed="true"] { border-color: #ff8749 !important; background: linear-gradient(145deg,rgba(255,116,54,.24),rgba(104,79,255,.18)) !important; box-shadow: 0 0 0 3px rgba(255,135,73,.2) !important; }
	  .director-room-lens[aria-pressed="true"]::after { content:"✓"; position:absolute; top: 12px; right: 12px; display:grid; place-items:center; width:22px; height:22px; border-radius:999px; color:#111820; background:#ff9a62; font-size:13px; font-weight:950; }
	  .director-room-lens:focus-visible { outline: 3px solid rgba(255,171,112,.48); outline-offset: 3px; }
	  .director-room-lens:disabled { cursor: not-allowed; opacity: .58; transform: none !important; }
	  .director-room-lens-hint { color: #aebbc8; font-size: 11px; line-height: 1.4; margin: -7px 0 12px; }
	  .director-room-consent { display: flex; gap: 9px; align-items: flex-start; color: #c9d3dd; font-size: 12px; line-height: 1.45; margin: 12px 0; }
	  .director-room-consent input { width: auto; margin: 3px 0 0; }
	  .director-room-consent label { color: inherit; font-size: inherit; font-weight: 550; margin: 0; }
		  .director-room-start-actions { display: grid; gap: 7px; margin: 14px 0 0; }
		  .director-room-generate { width: 100%; min-height: 50px; color: #111820; background: linear-gradient(90deg,#ff6f37,#ffad63); border: 1px solid rgba(255,173,99,.75); box-shadow: 0 14px 32px rgba(255,111,55,.2); transform: none !important; }
		  .director-room-generate:hover, .director-room-generate:active { transform: none !important; }
		  .director-room-generate:focus-visible { outline: 3px solid rgba(255,171,112,.48); outline-offset: 3px; }
		  .director-room-generate:disabled { color: #98a6b3; background: #303b46; border-color: rgba(255,255,255,.08); box-shadow: none; cursor: not-allowed; opacity: 1; }
		  .director-room-start-note { color: #9fadb9; font-size: 10.5px; line-height: 1.4; text-align: center; }
		  .director-room-finality-note { color: #ffd2b6; font-size: 11.5px; line-height: 1.45; text-align: center; }
		  .director-room-progress { display: grid; gap: 8px; border: 1px solid rgba(255,171,112,.24); border-radius: 12px; padding: 12px; margin-top: 10px; background: rgba(255,255,255,.045); }
		  .director-room-progress-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: #dbe5ee; font-size: 12px; }
		  .director-room-progress-head strong { color: #fff; }
		  .director-room-progress-track { height: 8px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.1); }
		  .director-room-progress-fill { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ff6f37,#ffbd70); transition: width .28s ease; }
		  .director-room-progress-copy { color: #aebbc8; font-size: 11px; line-height: 1.4; margin: 0; }
		  .director-room-status { min-height: 20px; color: #bfcad5; font-size: 13px; line-height: 1.45; margin: 8px 0 0; }
	  .director-room-status.is-error { color: #ffb9aa; }
	  .director-room-status.is-done { color: #a9edc5; }
	  .director-room-read { border: 1px solid rgba(124,168,255,.28); border-radius: 14px; padding: 16px; margin: 18px 0; background: rgba(54,87,157,.14); }
	  .director-room-read h4, .director-room-choice h4 { color: #fff; font-size: 15px; margin: 0 0 8px; }
	  .director-room-read p { color: #dce6ef; line-height: 1.5; margin: 0; }
	  .director-room-read-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
	  .director-room-read-meta span { display: block; color: #c9d4df; background: rgba(255,255,255,.055); border-radius: 10px; padding: 9px; font-size: 12px; line-height: 1.35; }
		  .director-room-toolbar { display: flex; align-items: center; gap: 12px; margin: 18px 0 11px; }
		  .director-room-toolbar strong { color: #fff; font-size: 16px; }
		  .director-room-concepts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
	  .director-room-card { --dr-accent:#7a8cff; position: relative; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; padding: 16px; background: linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); overflow: hidden; }
	  .director-room-card::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:var(--dr-accent); }
	  .director-room-card[data-family="performance_spectacle"] { --dr-accent:linear-gradient(90deg,#ff6b45,#ffc14f); }
	  .director-room-card[data-family="cinematic_narrative"] { --dr-accent:linear-gradient(90deg,#4c8dff,#5be1ff); }
	  .director-room-card[data-family="symbolic_world"] { --dr-accent:linear-gradient(90deg,#885cff,#d960ff); }
	  .director-room-card[data-family="surreal_transformation"] { --dr-accent:linear-gradient(90deg,#ff4ca0,#ff8465); }
	  .director-room-card[data-family="intimate_portrait"] { --dr-accent:linear-gradient(90deg,#55d6a0,#aee85c); }
	  .director-room-card[data-family="visual_journey"] { --dr-accent:linear-gradient(90deg,#29c6d1,#5e7bff); }
	  .director-room-card.is-selected { border-color: #ff9460; box-shadow: 0 0 0 2px rgba(255,116,54,.16),0 18px 42px rgba(0,0,0,.22); }
	  .director-room-card-top { display: flex; justify-content: space-between; gap: 8px; align-items: center; margin-bottom: 9px; }
	  .director-room-badge { color: #dce6ef; background: rgba(255,255,255,.09); border-radius: 999px; padding: 5px 8px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
	  .director-room-scale { color: #aebac6; font-size: 10px; text-transform: capitalize; }
	  .director-room-card h4 { color: #fff; font-size: 19px; line-height: 1.2; margin: 0 0 8px; }
	  .director-room-card p { color: #c8d3de; font-size: 12.5px; line-height: 1.48; margin: 0 0 10px; }
	  .director-room-card-detail { color: #e7edf4; background: rgba(255,255,255,.04); border-radius: 9px; padding: 9px; }
	  .director-room-card-select { width: 100%; margin-top: 4px; background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.16); box-shadow: none; }
		  .director-room-card.is-selected .director-room-card-select { background: #ff6f37; border-color: #ff6f37; }
		  .director-room-variants { display: grid; gap: 7px; margin-top: 12px; }
		  .director-room-variant-helper { border-left: 3px solid #ff9b68; padding: 8px 10px; background: rgba(255,111,55,.1); border-radius: 0 9px 9px 0; }
		  .director-room-variant-helper strong { display: block; color: #fff; font-size: 12px; }
		  .director-room-variant-helper span { display: block; color: #cbd5de; font-size: 11px; line-height: 1.4; margin-top: 2px; }
		  .director-room-variant { text-align: left; background: rgba(255,255,255,.05); color: #eaf0f6; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; padding: 10px; box-shadow: none; }
	  .director-room-variant strong { display: block; font-size: 12px; color: #fff; }
	  .director-room-variant span { display: block; color: #b9c5d0; font-size: 11px; line-height: 1.35; margin-top: 3px; }
	  .director-room-variant[aria-pressed="true"] { border-color: #ff9b68; background: rgba(255,111,55,.18); }
		  .director-room-choice { border: 1px solid rgba(255,111,55,.28); border-radius: 14px; margin: 18px 0; padding: 18px; background: #111820; color: #edf4fa; box-shadow: 0 18px 42px rgba(17,24,32,.14); }
		  .director-room-choice textarea { min-height: 82px; background: rgba(255,255,255,.075); color: #fff; border-color: rgba(255,255,255,.17); }
		  .director-room-choice label { color: #d4dee7; }
		  .director-room-adjustment-help, .director-room-lock-note { color: #aebbc8; font-size: 11.5px; line-height: 1.45; margin: 6px 0 10px; }
		  .director-room-lock-note { color: #ffd2b6; }
		  .director-room-build { width: 100%; margin-top: 10px; background: linear-gradient(90deg,#ff6f37,#ff9154); }
	  .director-room-build:disabled { background: #34404b; color: #99a7b4; opacity: 1; cursor: not-allowed; }
	  .director-room-result { display: flex; align-items: flex-start; gap: 12px; border: 1px solid rgba(79,221,142,.3); background: rgba(41,142,87,.14); border-radius: 13px; padding: 14px; margin-top: 16px; }
	  .director-room-result strong { color: #dff8e9; }
	  .director-room-result span { display: block; color: #bcdac9; font-size: 12px; line-height: 1.45; margin-top: 3px; }
		  .director-room-secondary-head { margin: 24px 0 10px; }
		  .director-room-secondary-head strong { display: block; color: #24313a; font-size: 15px; }
		  .director-room-secondary-head span { display: block; color: #66727c; font-size: 12px; margin-top: 3px; }
		  .director-room-director-choice { width: 100%; margin-top: 10px; text-align: left; }
		  .director-room-director-choice strong { color: inherit; }
		  .director-room-director-choice span { color: inherit; opacity: .78; }
		  @media (prefers-reduced-motion: reduce) { .director-room-progress-fill { transition: none; } }
	  .slider-row { background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 12px; }
	  .slider-row input { padding: 0; }
	  .range-labels { display: flex; justify-content: space-between; color: #6e7881; font-size: 11px; margin-top: 4px; }
	  .chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
	  .chip { border: 1px solid #c9c2b6; background: #fff; color: #24313a; border-radius: 999px; padding: 7px 10px; font-size: 13px; font-weight: 650; }
	  .chip.active { background: #24313a; color: white; border-color: #24313a; }
	  .summary { background: #fff8ea; border: 1px solid #efd28f; border-radius: 8px; padding: 12px; margin: 12px 0; color: #514223; }
	  .price-estimate { float: right; background: #e9f2ff; border: 1px solid #bed6f7; color: #1d3f66; border-radius: 8px; padding: 10px 12px; font-weight: 700; }
	  .package-upgrade { background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 14px; margin: 14px 0; }
	  .package-upgrade[hidden] { display: none; }
	  .package-upgrade .choice-row { margin-top: 8px; }
	  .lyric-typography-preset-block { margin-top: 14px; padding-top: 14px; border-top: 1px solid #e5dfd4; }
	  .lyric-typography-preset-block[hidden] { display: none; }
	  .lyric-typography-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin-top: 10px; }
	  .lyric-typography-card { position: relative; min-height: 132px; border: 1px solid rgba(18,24,32,.18); border-radius: 10px; padding: 14px; color: white; text-align: left; display: flex; flex-direction: column; justify-content: flex-end; box-shadow: inset 0 -62px 70px rgba(0,0,0,.42); cursor: pointer; }
	  .lyric-typography-card strong, .lyric-typography-card span { display: block; position: relative; z-index: 1; }
	  .lyric-typography-card strong { font-size: 17px; line-height: 1.1; }
	  .lyric-typography-card span { margin-top: 5px; font-size: 12px; line-height: 1.35; }
	  .lyric-typography-card.active { border-color: #ff6b14; box-shadow: inset 0 -62px 70px rgba(0,0,0,.42), 0 0 0 3px rgba(255,107,20,.32); }
	  .lyric-typography-badge { position: absolute !important; top: 10px; right: 10px; border-radius: 999px; background: #fff2cc; color: #5e3400; padding: 5px 8px; font-size: 10px !important; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
	  .check-row { display: flex; gap: 10px; align-items: flex-start; background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 12px; margin: 14px 0; }
	  .check-row input { width: auto; margin-top: 3px; }
	  .check-row label { margin: 0; color: #24313a; line-height: 1.4; }
	  .hero-style-mirror-row { margin: 10px 0 0; }
	  .hero-style-mirror-row label strong { display: block; margin-bottom: 3px; }
	  .hero-style-mirror-row label span { display: block; color: #53606a; font-size: 12px; line-height: 1.4; }
	  details { background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 12px; margin: 10px 0; }
	  details summary { cursor: pointer; font-weight: 750; }
	  details p { margin: 10px 0 0; color: #53606a; line-height: 1.45; }
	  .mode-specific { display: none; }
	  .mode-specific.active { display: block; }
	  .timeline { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }
	  .step { border: 1px solid #ded9cf; border-radius: 8px; padding: 10px; background: #f8f6f1; min-height: 58px; }
	  .step strong { display: block; font-size: 13px; }
	  .step span { display: block; margin-top: 4px; color: #6e7881; font-size: 12px; }
	  .step.done { background: #eaf7ee; border-color: #b9dfc4; }
	  .step.current { background: #e9f2ff; border-color: #bed6f7; }
	  .step.failed { background: #ffece8; border-color: #f3bbb0; }
	  .quote-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
	  .metric { background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 10px; }
	  .metric span { display: block; color: #6e7881; font-size: 12px; }
	  .metric strong { display: block; font-size: 18px; margin-top: 3px; }
	  .deliverables { margin: 14px 0; background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 12px; }
	  .deliverables strong { display: block; margin-bottom: 8px; }
	  .deliverables ul { margin: 0; padding-left: 20px; columns: 2; }
	  .deliverables li { margin: 4px 0; }
  .asset-checklist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 18px; }
  .asset-check { background: #fbfaf7; border: 1px solid #e4ded3; border-radius: 8px; padding: 12px; box-shadow: 0 10px 26px rgba(29,37,44,.035); }
  .asset-check strong { display: block; font-size: 13px; color: #1d252c; }
  .asset-check span { display: block; margin-top: 4px; color: #65717a; font-size: 12px; line-height: 1.35; }
  .asset-check.muted-optional { opacity: .58; background: #f2eee6; }
  .notice-box { border: 1px solid rgba(154,114,44,.28); background: rgba(255,247,226,.82); border-radius: 12px; padding: 13px 14px; margin: 12px 0; color: #4f3d1c; }
  .creative-highlight { border: 1px solid rgba(255,107,20,.42); background: rgba(255,107,20,.06); border-radius: 14px; padding: 14px 18px; margin: 18px 0; box-shadow: 0 18px 46px rgba(17,24,32,.14); }
  .creative-highlight-head { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: #ff7a1a; margin: 2px 0 12px; }
  .product-tier-grid .product-card:not(.active) { display: grid !important; grid-template-columns: 1fr auto !important; grid-template-areas: "title price" "note note" !important; align-items: center !important; column-gap: 20px !important; row-gap: 8px !important; }
  .product-tier-grid .product-card:not(.active) > strong { grid-area: title; }
  .product-tier-grid .product-card:not(.active) > span { grid-area: price; justify-self: end; text-align: right; font-size: 21px; font-weight: 800; white-space: nowrap; color: #fff; }
  .product-tier-grid .product-card:not(.active) > small:not(.product-card-note) { display: none !important; }
  .product-tier-grid .product-card:not(.active) > .product-card-note { grid-area: note; }
  @media (max-width: 620px) { .product-tier-grid .product-card:not(.active) { grid-template-columns: 1fr !important; grid-template-areas: "title" "price" "note" !important; } .product-tier-grid .product-card:not(.active) > span { justify-self: start !important; text-align: left !important; margin-top: 4px; } }
  /* Temporarily hidden from UI - protagonist, antagonist, and "another lead singer" (delete this rule to restore) */
  #alternateVocalBlock, #alternateVocalNotice, #fullVideoStoryCastBlock, #fullVideoAntagonistCastBlock { display: none !important; }
  .notice-box strong { display: block; margin-bottom: 4px; color: #2f2411; }
  .suno-import-box { display: grid; gap: 12px; margin-bottom: 16px; border-color: rgba(255,107,20,.28); background: rgba(255,250,242,.92); }
  .suno-import-box .suno-import-head { display: grid; gap: 4px; }
  .suno-import-box .suno-import-head span { display: block; color: #6a5530; font-size: 13px; line-height: 1.45; }
  .suno-import-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  .suno-import-step { border: 1px solid rgba(154,114,44,.22); background: rgba(255,255,255,.65); border-radius: 8px; padding: 10px; color: #4f3d1c; font-size: 12.5px; line-height: 1.35; }
  .suno-import-step b { display: block; color: #2f2411; margin-bottom: 3px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
  .suno-import-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .suno-import-confirm { margin: 0 !important; background: rgba(255,255,255,.6) !important; }
  .intake-finalize-notice { border-color: rgba(255,107,20,.38); background: rgba(255,248,238,.95); color: #342315; }
  .intake-finalize-notice[hidden] { display: none; }
  .intake-finalize-notice span { display: block; line-height: 1.45; }
  .deposit-note { border: 1px solid rgba(255,107,20,.24); background: rgba(255,255,255,.72); border-radius: 12px; padding: 14px 16px; margin: 14px 0 18px; box-shadow: 0 12px 30px rgba(29,37,44,.045); }
  .deposit-note strong { color: #172026; }
	  .gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
	  .asset { border: 1px solid #ded9cf; border-radius: 8px; background: #fff; overflow: hidden; }
	  .asset img, .asset video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #11161c; }
	  .asset audio { display: block; width: calc(100% - 18px); margin: 12px 9px; }
	  .asset a { display: block; padding: 9px; font-size: 13px; overflow-wrap: anywhere; word-break: break-word; }
	  .asset-placeholder { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; background: #172026; color: white; font-weight: 700; }
	  .admin-final-video { margin: 14px 0 16px; border: 1px solid #ded9cf; border-radius: 8px; overflow: hidden; background: #050607; }
	  .admin-final-video video { display: block; width: 100%; max-height: 72vh; background: #050607; object-fit: contain; }
	  .admin-final-video-body { background: #f8f6f1; padding: 12px; }
	  .admin-final-video-body strong { display: block; color: #1d252c; font-size: 15px; }
	  .admin-final-video-body span { display: block; color: #6e7881; font-size: 12px; line-height: 1.4; margin-top: 4px; }
	  .dashboard-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 12px 0 18px; }
	  .dashboard-card { display: block; background: white; border: 1px solid #ded9cf; border-radius: 8px; padding: 12px; color: #1d252c; text-decoration: none; }
	  .dashboard-card strong { display: block; font-size: 26px; }
	  .dashboard-card span { display: block; color: #6e7881; font-size: 12px; margin-top: 3px; }
	  .dashboard-card.active { outline: 3px solid #c65335; outline-offset: 2px; }
	  .progress-wrap { background: #e9e3d8; border-radius: 999px; overflow: hidden; height: 12px; margin: 10px 0; }
	  .progress-bar { background: #c65335; height: 100%; width: 0%; transition: width .3s ease; }
	  .customer-progress-card { background: #111820; color: white; border-color: #111820; }
	  .customer-progress-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: end; }
	  .customer-progress-head h2 { margin: 0; font-size: 22px; }
	  .customer-progress-head p { margin: 6px 0 0; color: #c3ccd3; }
	  .progress-percent { display: grid; justify-items: end; color: #ff7a1a; font-size: 46px; line-height: 1; font-weight: 850; }
	  .progress-percent small { margin-bottom: 5px; color: #c3ccd3; font-size: 10px; line-height: 1.2;
	    font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
	  .customer-progress-card .progress-wrap { height: 18px; background: rgba(255,255,255,.16); margin: 16px 0 10px; }
	  .customer-progress-card .progress-bar { background: #ff7a1a; box-shadow: 0 0 24px rgba(255,122,26,.38); }
	  .customer-progress-card .status-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	  .customer-poll-status { margin: 10px 0 0; color: #c3ccd3; font-size: 12px; }
	  .customer-progress-card .status-mini { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); }
	  .customer-progress-card .status-mini span { color: #c3ccd3; }
	  .customer-progress-card .muted { color: #c3ccd3; }
	  .dynamic-next-action { display: none; margin: 16px 0; background: white; color: #172026; border: 1px solid rgba(255,122,26,.36); border-radius: 8px; padding: 18px; box-shadow: 0 16px 38px rgba(0,0,0,.18); }
	  .dynamic-next-action.active { display: block; }
	  .dynamic-next-action h3 { margin: 0 0 6px; font-size: 19px; color: #172026; }
	  .dynamic-next-action p { margin: 0 0 12px; color: #5f6971; }
	  .dynamic-next-action a { display: inline-block; background: #ff6b14; color: #111820; text-decoration: none; border-radius: 8px; padding: 12px 15px; font-weight: 850; }
	  .customer-live-explain { margin: 16px 0; padding: 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.075); }
	  .customer-live-explain span { display: block; color: #c3ccd3; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
	  .customer-live-explain strong { display: block; margin-top: 4px; color: #fff; font-size: 18px; line-height: 1.25; }
	  .customer-live-explain p { margin: 10px 0 0; color: #e7edf2; }
	  .customer-live-explain .next { color: #cbd4db; }
	  .customer-live-explain .refresh-note { color: #ffba7a; font-weight: 800; }
	  .status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
	  .status-mini { background: #f8f6f1; border: 1px solid #e5dfd4; border-radius: 8px; padding: 10px; }
	  .status-mini span { display: block; color: #6e7881; font-size: 12px; }
	  .asset-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
	  .asset-list a { background: white; border: 1px solid #ded9cf; color: #24313a; border-radius: 999px; padding: 7px 10px; text-decoration: none; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; word-break: break-word; }
	  .filter-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 14px; }
	  .filter-row a { background: white; border: 1px solid #ded9cf; color: #24313a; border-radius: 999px; padding: 7px 10px; text-decoration: none; font-size: 13px; font-weight: 650; }
	  .filter-row a.active { background: #24313a; border-color: #24313a; color: white; }
	  pre { background: #11161c; color: #e7edf4; padding: 14px; border-radius: 8px; overflow: auto; max-height: 520px; white-space: pre-wrap; }
	  .muted { color: #6e7881; font-size: 13px; }
	  .brand-mark { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: .01em; }
	  .brand-mark img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
	  .actions a { display: inline-block; max-width: 100%; margin-right: 12px; overflow-wrap: anywhere; word-break: break-word; }
  body { background: #f7f6f2; color: #182229; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
  header { background: rgba(17,24,32,.94); padding: 16px 34px; backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.08); }
  header nav { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
  header a { margin-left: 8px; color: rgba(255,255,255,.78); padding: 7px 9px; border-radius: 6px; }
  header a:hover { background: rgba(255,255,255,.08); color: white; }
  main { max-width: 1160px; padding: 34px 28px 56px; }
  h1 { font-size: 34px; line-height: 1.08; margin-bottom: 22px; font-weight: 820; }
  h2 { font-size: 21px; line-height: 1.18; margin-top: 32px; margin-bottom: 12px; font-weight: 760; }
  h3 { font-size: 16px; line-height: 1.25; margin-bottom: 10px; }
  p { line-height: 1.55; }
  .panel, .landing-card, .proof-card, .flow-step, .metric, .status-mini, details, .deliverables, .slider-row, .check-row, .dashboard-card, .asset { border-color: #e4ded3; box-shadow: 0 10px 30px rgba(29,37,44,.045); }
  .panel { padding: 24px; margin-bottom: 18px; }
  .panel > h1:first-child, .panel > h2:first-child, .panel > h3:first-child { margin-top: 0; }
  .public-hero { padding: 42px; margin-bottom: 24px; gap: 34px; box-shadow: 0 26px 70px rgba(17,24,32,.20); }
  .public-hero h1 { font-size: 48px; letter-spacing: 0; }
  .hero-proof, .waitlist-proof, .landing-grid, .dashboard-grid, .quote-grid, .gallery { gap: 14px; margin-bottom: 22px; }
  .proof-card, .landing-card, .pricing-card { padding: 18px; }
  .section-head { margin: 34px 0 14px; padding-top: 2px; }
  .section-head p, .muted { color: #65717a; }
  .form-section { margin-top: 34px; padding-top: 28px; }
  .grid { gap: 18px 20px; }
  form p { margin: 0 0 16px; }
  label { font-size: 12px; font-weight: 720; letter-spacing: .01em; color: #5d6870; }
  input, textarea, select { min-height: 44px; border-color: #d7d0c5; border-radius: 8px; padding: 12px 13px; color: #1d252c; box-shadow: inset 0 1px 0 rgba(255,255,255,.72); }
  input:focus, textarea:focus, select:focus { outline: 3px solid rgba(255,122,26,.20); border-color: #ff7a1a; }
  textarea { min-height: 172px; line-height: 1.5; }
  button, .landing-actions a, .payment-callout button, .payment-callout a.payment-button, .review-callout a.review-button { min-height: 44px; border-radius: 8px; padding: 12px 17px; font-weight: 820; box-shadow: 0 10px 24px rgba(198,83,53,.18); }
  button:hover, .landing-actions a:hover, .payment-callout button:hover, .payment-callout a.payment-button:hover, .review-callout a.review-button:hover { transform: translateY(-1px); }
  .primary-cta, button { background: #ff6b14; color: #111820; }
  .secondary-cta { color: white; }
  .summary, .review-callout { border-radius: 8px; }
  .review-callout { padding: 24px; }
  .pricing-panel { padding: 26px; box-shadow: 0 22px 54px rgba(17,24,32,.18); }
  .pricing-card strong { font-size: 32px; line-height: 1; margin: 8px 0; }
  .price-estimate { padding: 12px 14px; box-shadow: 0 8px 20px rgba(29,63,102,.08); }
  .preset-grid { gap: 14px; margin: 12px 0 20px; }
  .preset-card { min-height: 116px; padding: 15px; }
  .preset-card strong { font-size: 15px; }
  .flow-strip, .timeline { gap: 10px; margin: 16px 0 22px; }
  .flow-step, .step { padding: 14px; }
  .waitlist-shell { max-width: 940px; }
  .waitlist-hero { padding: 44px 18px 34px; }
  .waitlist-banner { margin-bottom: 30px; box-shadow: 0 24px 64px rgba(29,37,44,.18); }
  .waitlist-card { padding: 28px; margin-bottom: 18px; }
  .waitlist-card h2 { font-size: 24px; }
  .waitlist-card button { margin-top: 10px; background: #ff6b14; color: #111820; }
  .customer-simple .operator-only { display: none !important; }
  .customer-simple .form-section { margin-top: 42px; padding-top: 34px; }
  .customer-simple .section-head h2 { font-size: 24px; }
  .customer-simple .section-head p { max-width: 680px; }
  .customer-simple textarea#vibeText { min-height: 118px; }
  .customer-simple [name="lyrics_text"] { min-height: 180px; }
  .customer-output-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; padding: 4px 0 2px; }
  .delivery-format-block { grid-column: 1 / -1; }
  .choice-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 7px; }
  .choice-row.delivery-format-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .choice-button { background: rgba(255,255,255,.86); color: #1d252c; border: 1px solid #d7d0c5; box-shadow: 0 8px 20px rgba(29,37,44,.055); text-align: left; }
  .choice-button:hover { transform: translateY(-1px); background: white; }
  .choice-button.active { background: #111820; border-color: #111820; color: white; box-shadow: 0 14px 32px rgba(17,24,32,.22); }
  .choice-button strong, .choice-button span { display: block; }
  .choice-button span { margin-top: 3px; font-size: 12px; color: inherit; opacity: .72; }
  #previewWindowNotice { margin-top: 8px; border-left: 3px solid rgba(255,107,20,.55); padding-left: 10px; }
  #testStartSecInput:disabled { opacity: .55; background: rgba(244,241,236,.75); }
  .customer-shell { max-width: 1040px; margin: 0 auto; }
  .customer-title { margin-bottom: 16px; }
  .customer-title h1 { margin-bottom: 8px; }
  .customer-title p { margin: 0; max-width: 760px; color: #65717a; }
  .customer-action-stack { display: grid; gap: 16px; margin: 16px 0 22px; }
  .next-action-card { border-width: 2px; }
  .next-action-card h2 { margin-top: 0; font-size: 24px; }
  .next-action-card p { max-width: 760px; }
  .review-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
  .review-step { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 9px; align-items: flex-start; background: rgba(255,255,255,.88); border: 1px solid rgba(255,122,26,.22); border-radius: 8px; padding: 12px; color: #111820; }
  .review-check { position: relative; display: inline-flex; width: 22px; height: 22px; border: 2px solid rgba(198,83,53,.55); border-radius: 6px; background: rgba(255,255,255,.92); margin-top: 1px; }
  .review-step.is-complete .review-check { background: #ff6b14; border-color: #ff6b14; }
  .review-step.is-complete .review-check::after { content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #111820; border-width: 0 3px 3px 0; transform: rotate(45deg); }
  .review-step.is-current { border-color: rgba(255,107,20,.62); box-shadow: inset 0 0 0 1px rgba(255,107,20,.2); }
  .review-step b { display: block; color: #c65335; font-size: 12px; margin-bottom: 5px; }
  .review-step strong { display: block; color: #05070a; }
  .review-step-copy > span { display: block; color: #172026; font-size: 12px; margin-top: 4px; line-height: 1.4; }
  .customer-detail-card { background: rgba(255,255,255,.78); }
  .customer-detail-card details { background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0; }
  .customer-detail-card details summary { list-style: none; }
  .customer-detail-card details summary::-webkit-details-marker { display: none; }
  .delivery-hero { background: #111820; color: white; border-color: #111820; box-shadow: 0 22px 60px rgba(17,24,32,.20); }
  .delivery-hero h2 { color: white; margin-top: 0; font-size: 26px; }
  .delivery-hero p { color: #d8e0e6; }
  .delivery-hero .muted { color: #c3ccd3; }
  .delivery-hero video { width: 100%; max-height: 620px; background: #050607; border-radius: 8px; border: 1px solid rgba(255,255,255,.14); margin: 14px 0; }
  .download-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
  .download-actions a, .download-actions button { display: inline-block; background: #ff6b14; color: #111820; text-decoration: none; border-radius: 8px; padding: 12px 15px; font-weight: 850; min-height: 44px; box-sizing: border-box; }
  .download-actions a.secondary { background: rgba(255,255,255,.10); color: white; border: 1px solid rgba(255,255,255,.18); }
  .customer-assets h2 { margin-top: 0; }
  .delivery-stage-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0 4px; }
  .delivery-stage { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.075); border-radius: 8px; padding: 12px; }
  .delivery-stage strong { display: block; color: white; font-size: 14px; }
  .delivery-stage span { display: block; color: rgba(216,224,230,.78); font-size: 12px; line-height: 1.35; margin-top: 4px; }
  .customer-save-note { margin-top: 12px; padding: 12px 14px; border-radius: 8px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #d8e0e6; }
  .customer-video-placeholder { display: grid; place-items: center; min-height: 220px; border-radius: 8px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.24); color: #c3ccd3; text-align: center; padding: 18px; }
  .customer-file-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
  .customer-file-card { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 190px; border: 1px solid var(--kv-line); background: rgba(255,255,255,.96); border-radius: 8px; padding: 14px; box-shadow: 0 12px 30px rgba(18,24,32,.055); }
  .customer-file-card.primary { border-color: rgba(255,107,20,.38); box-shadow: 0 16px 38px rgba(255,107,20,.11); }
  .file-card-head strong { display: block; color: var(--kv-ink); font-size: 16px; line-height: 1.2; }
  .file-card-head span { display: block; margin-top: 4px; color: var(--kv-muted); font-size: 12px; }
  .customer-file-card p { margin: 0; color: var(--kv-muted); font-size: 13px; line-height: 1.45; }
  .file-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
  .file-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 12px; border-radius: 8px; background: var(--kv-accent); color: #111820; text-decoration: none; font-weight: 820; font-size: 13px; overflow-wrap: anywhere; word-break: break-word; }
  .file-actions a.secondary { background: var(--kv-soft); color: var(--kv-text); border: 1px solid var(--kv-line); }
  .clip-download-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
  .clip-download-card { min-width: 0; border: 1px solid var(--kv-line); border-radius: 8px; overflow: hidden; background: rgba(255,255,255,.96); box-shadow: 0 12px 30px rgba(18,24,32,.055); }
  .clip-download-card video { display: block; width: 100%; aspect-ratio: 16 / 9; max-height: 320px; object-fit: contain; background: #050607; }
  .clip-download-body { min-width: 0; padding: 12px; }
  .clip-download-body strong { display: block; color: var(--kv-ink); font-size: 14px; overflow-wrap: anywhere; }
  .clip-download-body span { display: block; color: var(--kv-muted); font-size: 12px; margin-top: 3px; }
  .clip-download-body a { display: block; margin-top: 10px; min-height: 38px; border-radius: 8px; background: var(--kv-soft); color: var(--kv-text); text-align: center; padding: 9px 10px; text-decoration: none; font-weight: 800; box-sizing: border-box; overflow-wrap: anywhere; word-break: break-word; }
  /* Final customer-facing polish layer. Kept here so product iteration can stay inside this single-file app. */
  :root {
    --kv-ink: #121820;
    --kv-text: #1f2932;
    --kv-muted: #63717c;
    --kv-page: #f6f7f7;
    --kv-surface: #ffffff;
    --kv-soft: #f1f3f4;
    --kv-line: #e2e6e8;
    --kv-accent: #ff6b14;
    --kv-accent-soft: #fff0e5;
    --kv-green: #1f8f57;
  }
  body {
    min-height: 100vh;
    background-color: #f6f7f7;
    background-image:
      linear-gradient(180deg, rgba(246,247,247,.90), rgba(246,247,247,.96)),
      url("/brand/full-page-background.webp");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--kv-text);
  }
  header { position: sticky; top: 0; z-index: 30; background: rgba(18,24,32,.92); border-bottom: 1px solid rgba(255,255,255,.10); box-shadow: 0 10px 30px rgba(18,24,32,.12); }
  header nav { gap: 4px; }
  header a { color: rgba(255,255,255,.76); min-height: 34px; display: inline-flex; align-items: center; }
  header a:hover { color: white; }
  .theme-toggle {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.86);
    border-radius: 999px;
    box-shadow: none;
    font-size: 13px;
  }
  .theme-toggle:hover { background: rgba(255,255,255,.14); color: white; }
  main { max-width: 1120px; }
  .panel, .landing-card, .proof-card, .flow-step, .metric, .status-mini, details, .deliverables, .slider-row, .check-row, .dashboard-card, .asset, .waitlist-card, .label-panel, .label-metric, .label-hero-card, .review-step, .choice-button {
    border-color: var(--kv-line);
    box-shadow: 0 12px 32px rgba(18,24,32,.055);
  }
  .panel, .waitlist-card, .label-panel { background: rgba(255,255,255,.94); }
  .panel h2, .panel h3, .waitlist-card h2, .label-panel h2, .label-panel h3 { color: var(--kv-ink); }
  .muted, .section-head p, .customer-title p, .status-mini span, .flow-step span, .step span { color: var(--kv-muted); }
  input, textarea, select { background: #fff; border-color: #d8dee2; }
  input:hover, textarea:hover, select:hover { border-color: #c7d0d6; }
  input:focus, textarea:focus, select:focus { outline: 3px solid rgba(255,107,20,.18); border-color: var(--kv-accent); }
  button, .landing-actions a, .payment-callout button, .payment-callout a.payment-button, .review-callout a.review-button, .download-actions a, .download-actions button {
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease;
  }
  button:disabled { opacity: .58; cursor: wait; transform: none; box-shadow: none; }
  .customer-shell { max-width: 980px; }
  .customer-title { padding: 8px 2px 2px; }
  .customer-title h1 { font-size: 36px; line-height: 1.08; letter-spacing: 0; margin-bottom: 8px; }
  .customer-action-stack { position: relative; z-index: 2; margin: 18px 0 18px; }
  .next-action-card, .review-callout, .payment-callout {
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(18,24,32,.12);
  }
  .review-callout { background: #fffaf2; border-color: rgba(255,107,20,.46); }
  .payment-callout { background: #121820; border-color: var(--kv-accent); }
  .payment-callout a.payment-button, .payment-callout button, .review-callout a.review-button { min-width: 190px; text-align: center; }
  .customer-progress-card { background: #121820; border-color: #121820; box-shadow: 0 22px 52px rgba(18,24,32,.20); }
  .customer-progress-head h2 { font-size: 24px; }
  .progress-percent { color: var(--kv-accent); }
  .customer-progress-card .progress-wrap { height: 14px; background: rgba(255,255,255,.14); }
  .customer-progress-card .status-grid { gap: 8px; }
  .customer-progress-card .status-mini { padding: 11px; background: rgba(255,255,255,.075); }
  .customer-progress-card .status-mini strong { color: white; }
  .dynamic-next-action { border-color: rgba(255,107,20,.42); box-shadow: 0 16px 42px rgba(18,24,32,.16); }
  .delivery-hero { background: #121820; box-shadow: 0 24px 58px rgba(18,24,32,.22); }
  .delivery-hero video { border-radius: 8px; box-shadow: 0 18px 46px rgba(0,0,0,.22); }
  .download-actions { gap: 9px; }
  .download-actions a.secondary { background: rgba(255,255,255,.08); }
  .customer-file-card { background: rgba(255,255,255,.96); }
  .customer-detail-card { background: rgba(255,255,255,.78); box-shadow: none; }
  .customer-detail-card details summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
  .public-hero { background: #121820; }
  .public-hero h1, .waitlist-hero h1 { letter-spacing: 0; }
  .hero-recover {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 14px !important;
    color: rgba(232,239,244,.74) !important;
    font-size: 14px !important;
  }
  .public-hero .secondary-cta {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    text-decoration: none;
    line-height: 1;
    font-size: 13px;
    font-weight: 820;
    white-space: nowrap;
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.20);
    box-shadow: none;
  }
  .public-hero .secondary-cta::after {
    content: ">";
    margin-left: 7px;
    color: var(--kv-accent);
  }
  .hero-proof .proof-card {
    background: rgba(18,24,32,.74);
    border-color: rgba(255,255,255,.12);
    color: white;
    box-shadow: 0 16px 36px rgba(18,24,32,.16), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(14px);
  }
  .hero-proof .proof-card strong { color: white; }
  .hero-proof .proof-card span {
    color: rgba(232,239,244,.76);
    line-height: 1.32;
  }
  .waitlist-shell { max-width: 900px; }
  .waitlist-hero { padding-top: 34px; }
  .waitlist-banner { border-color: var(--kv-line); }
  .waitlist-proof .proof-card, .proof-card { background: rgba(255,255,255,.92); }
  .label-hero-main { background: #121820; }
  .label-hero-card { background: rgba(255,250,242,.96); }
  .label-metric, .label-lane, .label-check { border-color: var(--kv-line); }
  .product-card, .preset-card { cursor: pointer; }
  .product-card:hover, .preset-card:hover, .choice-button:hover, .chip:hover { transform: translateY(-1px); }
  .product-card {
    isolation: isolate;
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 14px 34px rgba(18,24,32,.10), inset 0 -54px 58px rgba(0,0,0,.34);
  }
  .product-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      radial-gradient(circle at 82% 16%, rgba(255,255,255,.30), rgba(255,255,255,0) 34%),
      linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.12));
    opacity: .86;
  }
  .product-card strong,
  .product-card span,
  .product-card small { position: relative; z-index: 1; }
  .product-card.active, .preset-card.active, .choice-button.active {
    outline: 0;
    border-color: var(--kv-accent);
    box-shadow: 0 16px 34px rgba(255,107,20,.16), inset 0 0 0 2px var(--kv-accent);
  }
  .product-card.active {
    border-color: var(--kv-accent);
    outline: 4px solid rgba(255,107,20,.96);
    outline-offset: 3px;
    box-shadow: 0 18px 44px rgba(255,107,20,.22), inset 0 0 0 2px rgba(255,255,255,.82);
  }
  .product-tier-stack { display: grid; gap: 14px; margin: 12px 0 20px; }
  .product-tier-group {
    border: 1px solid var(--kv-line);
    border-radius: 10px;
    background: rgba(255,255,255,.68);
    padding: 13px;
  }
  .product-tier-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
  }
  .product-tier-head h3 {
    margin: 0;
    font-size: 15px;
    line-height: 1.2;
    color: var(--kv-ink);
  }
  .product-tier-head span {
    color: var(--kv-muted);
    font-size: 12px;
    font-weight: 750;
    text-align: right;
  }
  .product-tier-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .product-tier-group.featured-product-tier {
    border-color: rgba(255,107,20,.32);
    background: linear-gradient(180deg, #ffffff, #fff8f1);
    box-shadow: 0 18px 42px rgba(20,53,58,.09);
    padding: 18px;
  }
  .product-tier-group.featured-product-tier .product-tier-grid { grid-template-columns: minmax(0, 1fr); }
  .featured-product-card {
    min-height: 232px;
    padding: 24px;
    box-shadow: 0 20px 44px rgba(20,53,58,.18), inset 0 -90px 90px rgba(0,0,0,.32);
  }
  .featured-product-card strong { font-size: 30px; line-height: 1.02; max-width: 16ch; }
  .featured-product-card span { font-size: 22px; font-weight: 850; margin-top: 8px; }
  .featured-product-card small { max-width: 46ch; font-size: 14px; line-height: 1.45; }
  .featured-product-card .product-card-note {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,.88);
    font-size: 12px;
    font-weight: 760;
    letter-spacing: .01em;
  }
  .visual-world-shell { background: rgba(255,255,255,.78); border-color: var(--kv-line); box-shadow: 0 14px 36px rgba(18,24,32,.055); }
  .visual-tab { background: white; border-color: var(--kv-line); color: #4d5b65; min-height: 38px; }
  .visual-tab.active { background: #121820; border-color: #121820; }
  .preset-category-status { color: var(--kv-muted); }
  .preset-card { border-color: rgba(18,24,32,.12); }
  .city-setting-row {
    margin-top: 12px;
    padding: 13px;
    border: 1px solid var(--kv-line);
    border-radius: 8px;
    background: rgba(255,255,255,.74);
  }
  .city-setting-row p { margin: 7px 0 0; }
  .era-selector {
    margin-top: 12px;
    padding: 13px;
    border: 1px solid var(--kv-line);
    border-radius: 8px;
    background: rgba(255,255,255,.74);
  }
  .era-selector-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    align-items: baseline;
    margin-bottom: 10px;
  }
  .era-selector-head label { margin: 0; }
  .era-selector-head span { color: var(--kv-muted); font-size: 13px; font-weight: 650; }
  .era-choice-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .era-choice-row .choice-button { min-height: 70px; padding: 10px; }
  .era-more { margin-top: 10px; padding: 10px; }
  .era-more summary { cursor: pointer; font-weight: 850; color: var(--kv-ink); }
  #eraAestheticSummary { margin: 10px 0 0; }
  .chip { min-height: 38px; background: white; border-color: var(--kv-line); }
  .chip.active { background: #121820; border-color: #121820; }
  .asset-check, .slider-row, .package-upgrade, .deliverables, .summary, details { background: var(--kv-soft); border-color: var(--kv-line); }
  .status.done, .status-pill.done, .step.done { background: #e9f7ef; color: #16492f; border-color: #c9ead7; }
  .status.running, .step.current { background: #edf5ff; color: #1c4973; border-color: #c9ddf2; }
  .status.failed, .step.failed { background: #fff0ed; color: #7b2419; border-color: #f3c9c1; }
  .price-estimate { background: #eef6ff; border-color: #cfe3f8; }
  .submit-row { border-top: 1px solid var(--kv-line); padding-top: 18px; }
  .pricing-panel {
    background: linear-gradient(180deg, #ffffff, #f7f8f8);
    color: var(--kv-text);
    border: 1px solid var(--kv-line);
    box-shadow: 0 18px 44px rgba(18,24,32,.08);
  }
  .pricing-panel h2 { color: var(--kv-ink); }
  .pricing-copy {
    color: #394854;
    font-size: 15px;
    line-height: 1.62;
    max-width: 940px;
    margin: 0 0 18px;
  }
  .pricing-copy strong {
    color: var(--kv-ink);
    font-weight: 900;
  }
  .pricing-promise {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    max-width: 940px;
    margin: 0 0 18px;
    border: 1px solid rgba(255,107,20,.22);
    border-radius: 8px;
    background: rgba(255,247,238,.76);
    padding: 13px 14px;
  }
  .pricing-promise strong {
    justify-self: start;
    border: 1px solid rgba(255,107,20,.26);
    border-radius: 999px;
    background: rgba(255,107,20,.10);
    color: #a13f00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1;
    padding: 8px 10px;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .pricing-promise span {
    color: #31424e;
    font-size: 14px;
    line-height: 1.45;
  }
  .pricing-panel .quote-grid { gap: 12px; }
  .pricing-tier-groups { display: grid; gap: 14px; }
  .pricing-tier-group {
    border: 1px solid #dfe5e8;
    border-radius: 10px;
    background: rgba(255,255,255,.64);
    padding: 14px;
  }
  .pricing-tier-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
  }
  .pricing-tier-head h3 {
    color: var(--kv-ink);
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
  }
  .pricing-tier-head span {
    color: #5b6872;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
  }
  .pricing-panel .pricing-card {
    background: #ffffff;
    border: 1px solid #dfe5e8;
    box-shadow: 0 10px 26px rgba(18,24,32,.06);
  }
  .pricing-panel .pricing-card.featured-pricing-card {
    border-color: rgba(255,107,20,.34);
    background: linear-gradient(180deg, #ffffff, #fff7ee);
    box-shadow: 0 18px 44px rgba(20,53,58,.10);
    padding: 22px;
  }
  .pricing-panel .pricing-card.coming-soon-pricing-card {
    opacity: .72;
    background: #f3f5f6;
    border-style: dashed;
  }
  .pricing-panel .pricing-card span {
    color: #4b5a65;
    line-height: 1.42;
  }
  .pricing-panel .pricing-card > span:first-child {
    color: var(--kv-ink);
    font-weight: 820;
  }
  .pricing-panel .pricing-card strong {
    color: var(--kv-ink);
    font-size: 34px;
  }
  .pricing-panel .pricing-card.featured-pricing-card strong {
    font-size: 46px;
    line-height: .95;
  }
  .pricing-panel .pricing-card strong.sale-price {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: baseline;
  }
  .pricing-panel .pricing-card .price-was {
    color: #6b7780;
    font-size: 20px;
    font-weight: 760;
  }
  .pricing-panel .pricing-card .price-now {
    color: #121820;
    font-size: 36px;
    font-weight: 900;
  }
  .pricing-panel .pricing-card em {
    display: inline-block;
    background: var(--kv-accent-soft);
    color: #a13f00;
    border: 1px solid rgba(255,107,20,.26);
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1.2;
  }
  .pricing-panel .pricing-card .pricing-meta {
    display: grid;
    gap: 8px;
    align-items: start;
    margin-top: 4px;
  }
  .pricing-panel .pricing-card .pricing-meta em {
    width: fit-content;
    margin: 0;
  }
  .pricing-panel .pricing-card .pricing-meta span {
    display: block;
  }
  .pricing-panel .pricing-card small {
    display: block;
    color: #5f6d76;
    line-height: 1.42;
    margin-top: 10px;
  }
  @media (max-width: 760px) {
    .product-tier-head, .pricing-tier-head { display: block; }
    .product-tier-head span, .pricing-tier-head span { display: block; margin-top: 4px; text-align: left; }
    .product-tier-grid { grid-template-columns: 1fr; }
  }
  .promo-audio-limit {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(255,107,20,.36);
    border-radius: 8px;
    background: #fff4e8;
    color: #4d2504;
    font-size: 14px;
    line-height: 1.42;
  }
  .promo-audio-limit strong {
    display: block;
    color: #121820;
    font-weight: 900;
  }
  .duration-tier-recommendation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 9px 12px;
    border: 1px solid #ff6b14;
    border-radius: 999px;
    background: #ff6b14;
    color: #fff;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
  }
  .duration-tier-recommendation:hover {
    filter: brightness(.94);
    transform: translateY(-1px);
  }
  .panel.review-callout {
    border-width: 1px;
    box-shadow: 0 18px 46px rgba(18,24,32,.12);
  }
  .panel.review-callout h2 {
    margin-top: 0;
    font-size: 24px;
    letter-spacing: 0;
  }
  .panel.review-callout p {
    font-size: 15px;
    line-height: 1.62;
  }
  :root[data-theme="dark"] {
    color-scheme: dark;
    --kv-ink: #f6f7f8;
    --kv-text: #e6ecef;
    --kv-muted: #a7b3bc;
    --kv-page: #0d1116;
    --kv-surface: #151b22;
    --kv-soft: #1c242c;
    --kv-line: #2d3943;
    --kv-accent: #ff7a1a;
    --kv-accent-soft: rgba(255,122,26,.16);
  }
  :root[data-theme="dark"] body {
    background-color: #05070b;
    background-image:
      radial-gradient(circle at 50% 0%, rgba(255,107,20,.12), rgba(5,7,11,0) 38%),
      linear-gradient(180deg, rgba(5,7,11,.68), rgba(5,7,11,.90)),
      url("/brand/full-page-background.webp");
    color: var(--kv-text);
  }
  :root[data-theme="dark"] header { background: rgba(8,11,15,.94); border-bottom-color: rgba(255,255,255,.10); }
  :root[data-theme="dark"] .panel,
  :root[data-theme="dark"] .waitlist-card,
  :root[data-theme="dark"] .label-panel,
  :root[data-theme="dark"] .label-metric,
  :root[data-theme="dark"] .label-hero-card,
  :root[data-theme="dark"] .landing-card,
  :root[data-theme="dark"] .proof-card,
  :root[data-theme="dark"] .dashboard-card,
  :root[data-theme="dark"] .asset,
  :root[data-theme="dark"] .pricing-panel,
  :root[data-theme="dark"] .pricing-panel .pricing-card,
  :root[data-theme="dark"] .pricing-panel .pricing-promise {
    background: rgba(21,27,34,.94) !important;
    color: var(--kv-text) !important;
    border-color: var(--kv-line) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.22) !important;
  }
  :root[data-theme="dark"] .pricing-panel .pricing-tier-group {
    background: rgba(255,255,255,.04) !important;
    border-color: rgba(255,255,255,.10) !important;
  }
  :root[data-theme="dark"] .pricing-panel .pricing-card.coming-soon-pricing-card {
    background: rgba(28,36,44,.72) !important;
  }
  :root[data-theme="dark"] .panel h2,
  :root[data-theme="dark"] .panel h3,
  :root[data-theme="dark"] .label-panel h2,
  :root[data-theme="dark"] .label-panel h3,
  :root[data-theme="dark"] .label-metric strong,
  :root[data-theme="dark"] .label-lane strong,
  :root[data-theme="dark"] .pricing-panel h2,
  :root[data-theme="dark"] .pricing-copy strong,
  :root[data-theme="dark"] .pricing-promise strong,
  :root[data-theme="dark"] .pricing-panel .pricing-card strong,
  :root[data-theme="dark"] .pricing-panel .pricing-card > span:first-child,
  :root[data-theme="dark"] .asset-check strong,
  :root[data-theme="dark"] .deposit-note strong,
  :root[data-theme="dark"] .waitlist-card h2 {
    color: var(--kv-ink) !important;
  }
  :root[data-theme="dark"] .muted,
  :root[data-theme="dark"] .section-head p,
  :root[data-theme="dark"] .pricing-copy,
  :root[data-theme="dark"] .pricing-promise span,
  :root[data-theme="dark"] .label-panel p,
  :root[data-theme="dark"] .label-metric span,
  :root[data-theme="dark"] .label-lane span,
  :root[data-theme="dark"] .label-hero-card ul,
  :root[data-theme="dark"] .pricing-panel .pricing-card span,
  :root[data-theme="dark"] .pricing-panel .pricing-card small,
  :root[data-theme="dark"] .customer-title p,
  :root[data-theme="dark"] .asset-check span,
  :root[data-theme="dark"] label {
    color: var(--kv-muted) !important;
  }
  :root[data-theme="dark"] input,
  :root[data-theme="dark"] textarea,
  :root[data-theme="dark"] select {
    background: #10161d;
    color: var(--kv-text);
    border-color: #34434e;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }
  :root[data-theme="dark"] input:hover,
  :root[data-theme="dark"] textarea:hover,
  :root[data-theme="dark"] select:hover { border-color: #43525e; }
  :root[data-theme="dark"] .visual-world-shell,
  :root[data-theme="dark"] .city-setting-row,
  :root[data-theme="dark"] .era-selector,
  :root[data-theme="dark"] .label-lane,
  :root[data-theme="dark"] .label-check,
  :root[data-theme="dark"] .asset-check,
  :root[data-theme="dark"] .slider-row,
  :root[data-theme="dark"] .package-upgrade,
  :root[data-theme="dark"] .deliverables,
  :root[data-theme="dark"] .summary,
  :root[data-theme="dark"] details,
  :root[data-theme="dark"] .check-row,
  :root[data-theme="dark"] .flow-step,
  :root[data-theme="dark"] .step,
  :root[data-theme="dark"] .metric,
  :root[data-theme="dark"] .status-mini,
  :root[data-theme="dark"] .deposit-note {
    background: var(--kv-soft);
    color: var(--kv-text);
    border-color: var(--kv-line);
  }
  :root[data-theme="dark"] .visual-tab,
  :root[data-theme="dark"] .choice-button,
  :root[data-theme="dark"] .chip,
  :root[data-theme="dark"] .asset-list a,
  :root[data-theme="dark"] .filter-row a {
    background: #10161d;
    color: var(--kv-text);
    border-color: var(--kv-line);
  }
  :root[data-theme="dark"] .visual-tab.active,
  :root[data-theme="dark"] .choice-button.active,
  :root[data-theme="dark"] .chip.active {
    background: #f4f7f8;
    color: #10161d;
    border-color: #f4f7f8;
  }
  :root[data-theme="dark"] .review-callout { background: #251b13; border-color: rgba(255,122,26,.54); }
  :root[data-theme="dark"] .customer-file-card,
  :root[data-theme="dark"] .clip-download-card {
    background: #151b22;
    border-color: var(--kv-line);
  }
  :root[data-theme="dark"] .file-actions a.secondary,
  :root[data-theme="dark"] .clip-download-body a {
    background: #10161d;
    color: var(--kv-text);
    border-color: var(--kv-line);
  }
  :root[data-theme="dark"] .hero-style-mirror-row label span { color: var(--kv-muted); }
  :root[data-theme="dark"] .payment-callout,
  :root[data-theme="dark"] .customer-progress-card,
  :root[data-theme="dark"] .delivery-hero,
  :root[data-theme="dark"] .public-hero,
  :root[data-theme="dark"] .label-hero-main { background: #090d12; border-color: #090d12; }
  :root[data-theme="dark"] .label-check span { color: var(--kv-text); }
  :root[data-theme="dark"] .label-required-note { background: #251b13; border-color: rgba(255,122,26,.42); color: #ffba7a; }
  :root[data-theme="dark"] .customer-live-explain,
  :root[data-theme="dark"] .dynamic-next-action { background: #151b22; color: var(--kv-text); }
  :root[data-theme="dark"] .customer-live-explain strong { color: var(--kv-ink); }
  :root[data-theme="dark"] .customer-live-explain p { color: var(--kv-text); }
  :root[data-theme="dark"] .customer-live-explain .next { color: var(--kv-muted); }
  :root[data-theme="dark"] .dynamic-next-action h3 { color: var(--kv-ink); }
  :root[data-theme="dark"] .dynamic-next-action p { color: var(--kv-muted); }
  :root[data-theme="dark"] .price-estimate { background: #142132; border-color: #244567; color: #d8ebff; }
  :root[data-theme="dark"] .success-panel { background: #13281d; border-color: #245f3d; color: #d7f6e3; }
  :root[data-theme="dark"] table { background: #151b22; border-color: var(--kv-line); }
  :root[data-theme="dark"] th { background: #10161d; color: var(--kv-muted); }
  :root[data-theme="dark"] td { border-bottom-color: var(--kv-line); }
  :root[data-theme="dark"] .admin-final-video { border-color: var(--kv-line); }
  :root[data-theme="dark"] .admin-final-video-body {
    background: #10161d;
    color: var(--kv-text);
  }
  :root[data-theme="dark"] .admin-final-video-body strong { color: var(--kv-ink); }
  :root[data-theme="dark"] .admin-final-video-body span { color: var(--kv-muted); }
  :root[data-theme="dark"] .stats-grid p {
    background: #10161d;
    color: var(--kv-text);
    border-color: var(--kv-line);
  }
  :root[data-theme="dark"] .stats-grid p strong {
    color: var(--kv-ink);
  }
  :root[data-theme="dark"] .status,
  :root[data-theme="dark"] .status-pill {
    color: #172026;
  }
	  @media (max-width: 980px) { .public-hero, .showcase-band, .label-hero, .label-interface { grid-template-columns: 1fr; } .preset-grid, .vibe-controls, .timeline, .flow-strip, .quote-grid, .gallery, .dashboard-grid, .landing-grid, .label-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
	  @media (max-width: 760px) { main { padding: 20px 16px 42px; } h1 { font-size: 31px; } h2 { font-size: 20px; } .panel { padding: 18px; } .public-hero { padding: 24px; } .public-hero h1 { font-size: 34px; } .label-hero-main { padding: 22px; } .label-hero-main h1 { font-size: 34px; } .label-hero-main p { font-size: 15px; } .label-panel, .label-hero-card { padding: 18px; } .waitlist-hero { padding-top: 24px; } .waitlist-banner { margin-bottom: 20px; } .waitlist-card { padding: 20px; } .waitlist-hero h1 { font-size: 36px; } .customer-title h1 { font-size: 30px; } .grid, .preset-grid, .vibe-controls, .timeline, .flow-strip, .quote-grid, .gallery, .dashboard-grid, .hero-proof, .landing-grid, .waitlist-proof, .label-metrics, .label-checkbox-grid, .asset-checklist, .review-steps, .customer-output-grid, .music-video-mode-tabs { grid-template-columns: 1fr; } .choice-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .deliverables ul { columns: 1; } header { align-items: flex-start; flex-direction: column; gap: 8px; padding: 16px 18px; } header nav { width: 100%; } header a { margin-left: 0; } .price-estimate { float: none; display: block; margin-bottom: 14px; } .section-head { display: block; } .submit-row { display: block; } .submit-row .muted { margin-top: 10px; } .customer-progress-head { grid-template-columns: 1fr; } .customer-progress-card .status-grid { grid-template-columns: 1fr; } .progress-percent { font-size: 38px; } .payment-callout a.payment-button, .payment-callout button, .review-callout a.review-button, .download-actions a, .download-actions button { width: 100%; text-align: center; } }
	  @media (max-width: 760px) { .creative-vibe-builder { grid-template-columns: 1fr; } .creative-vibe-builder button { width: 100%; white-space: normal; } .creative-direction-path { padding: 15px 14px; } .creative-direction-path-options { grid-template-columns: 1fr; } .director-room { padding: 18px 14px; border-radius: 15px; } .director-room-steps, .director-room-lenses, .director-room-read-meta, .director-room-concepts { grid-template-columns: 1fr; } .director-room-toolbar { align-items: flex-start; } }
	  @media (max-width: 760px) { .test-lab-page .lab-control-grid, .test-lab-page .lab-switch-grid, .test-lab-page .lab-character-tools { grid-template-columns: 1fr; } .test-lab-page .lab-control-heading { display: block; } .test-lab-page .lab-control-heading span { display: block; text-align: left; margin-top: 4px; } .test-lab-page .lab-organized-character-grid { max-height: none; } }
	  @media (max-width: 760px) {
	    .test-lab-page, .quick-trial-page.ktx-mobile-wizard-active { margin: -14px -12px -34px; background: #0f1518; color: #172026; min-height: calc(100vh - 72px); }
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) { margin: -14px -12px -34px; background: #0f1518; color: #172026; min-height: calc(100vh - 72px); padding-top: 12px; }
	    .test-lab-page > .panel.review-callout { margin: 0; border-radius: 0; border-left: 0; border-right: 0; background: #121820; color: #fffaf2; border-color: rgba(255,255,255,.12); box-shadow: none; }
	    .test-lab-page > .panel.review-callout p { color: #c9d2d8; }
	    .test-lab-page #intakeForm, .quick-trial-page.ktx-mobile-wizard-active #intakeForm, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) #intakeForm { border: 0; border-radius: 0; background: #0f1518; box-shadow: none; padding: 16px 12px 104px; margin: 0; max-width: 100%; }
	    .test-lab-page .mobile-wizard-shell, .quick-trial-page .mobile-wizard-shell, .standard-intake-page.ktx-mobile-wizard-active .mobile-wizard-shell { display: grid; gap: 14px; position: sticky; top: 0; z-index: 12; margin: -16px -12px 12px; padding: 14px 12px 12px; background: linear-gradient(180deg,#0f1518 0%,#0f1518 82%,rgba(15,21,24,.92) 100%); border-bottom: 1px solid rgba(255,255,255,.1); }
	    .quick-trial-page.ktx-mobile-wizard-active [data-mobile-card],
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) [data-mobile-card] { display: none !important; }
	    .quick-trial-page.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active,
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) [data-mobile-card].is-mobile-card-active { display: block !important; animation: ktxMobileCardIn .18s ease-out; }
	    .quick-trial-page.ktx-mobile-wizard-active [data-mobile-card][hidden],
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) [data-mobile-card][hidden] { display: none !important; }
	    .quick-trial-page.ktx-mobile-wizard-active .quick-test-offer[data-mobile-card].is-mobile-card-active,
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .quick-test-offer[data-mobile-card].is-mobile-card-active { display: grid !important; }
	    .quick-trial-page.ktx-mobile-wizard-active .submit-row[data-mobile-card].is-mobile-card-active,
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .submit-row[data-mobile-card].is-mobile-card-active { display: flex !important; }
	    .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card],
	    .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card] { display: none !important; }
	    .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active,
	    .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active { display: block !important; animation: ktxMobileCardIn .18s ease-out; }
	    .test-lab-page #intakeForm.ktx-mobile-wizard-active .quick-test-offer[data-mobile-card].is-mobile-card-active,
	    .quick-trial-page #intakeForm.ktx-mobile-wizard-active .quick-test-offer[data-mobile-card].is-mobile-card-active { display: grid !important; }
	    .test-lab-page #intakeForm.ktx-mobile-wizard-active .submit-row[data-mobile-card].is-mobile-card-active,
	    .quick-trial-page #intakeForm.ktx-mobile-wizard-active .submit-row[data-mobile-card].is-mobile-card-active { display: flex !important; }
	    .test-lab-page #intakeForm.ktx-mobile-wizard-active .upload-status[data-mobile-card].is-mobile-card-active,
	    .quick-trial-page #intakeForm.ktx-mobile-wizard-active .upload-status[data-mobile-card].is-mobile-card-active { display: block !important; }
	    .test-lab-page #intakeForm.ktx-mobile-wizard-active .intake-finalize-notice[data-mobile-card].is-mobile-card-active:not([hidden]),
	    .quick-trial-page #intakeForm.ktx-mobile-wizard-active .intake-finalize-notice[data-mobile-card].is-mobile-card-active:not([hidden]) { display: block !important; }
	    .test-lab-page #intakeForm.ktx-mobile-wizard-active .mode-specific[data-mobile-card].is-mobile-card-active:not(.active),
	    .quick-trial-page #intakeForm.ktx-mobile-wizard-active .mode-specific[data-mobile-card].is-mobile-card-active:not(.active),
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .mode-specific[data-mobile-card].is-mobile-card-active:not(.active) { display: none !important; }
	    .test-lab-page .mobile-wizard-fallback.is-mobile-card-active, .test-lab-page .mobile-wizard-review-summary.is-mobile-card-active,
	    .quick-trial-page .mobile-wizard-fallback.is-mobile-card-active, .quick-trial-page .mobile-wizard-review-summary.is-mobile-card-active { display: block !important; }
	    .test-lab-page .product-selector-block, .test-lab-page .form-section, .test-lab-page .mode-specific.active, .test-lab-page .mobile-wizard-fallback, .test-lab-page .mobile-wizard-review-summary, .test-lab-page .deposit-note, .test-lab-page .deliverables,
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .product-selector-block, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .form-section, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .mode-specific.active, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .mobile-wizard-fallback, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .mobile-wizard-review-summary, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .deposit-note, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .deliverables, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .review-flow-block,
	    .quick-trial-page .quick-test-offer, .quick-trial-page .form-section, .quick-trial-page .mode-specific.active, .quick-trial-page .mobile-wizard-fallback, .quick-trial-page .mobile-wizard-review-summary, .quick-trial-page .deposit-note { border: 1px solid #e2dbd0; border-radius: 8px; background: #fffaf2; padding: 15px; box-shadow: 0 18px 42px rgba(0,0,0,.18); }
	    .test-lab-page .deposit-note, .test-lab-page .deliverables { margin: 12px 0 0; }
	    .quick-trial-page .deposit-note { margin: 12px 0 0; }
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) > .quick-test-offer { display: none !important; }
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) > .panel.review-callout,
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .order-progress,
	    .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) #priceEstimate { display: none !important; }
	    .quick-trial-page .quick-test-offer { margin: 0; color: #121820; background: #fffaf2; gap: 14px; }
	    :root[data-theme="dark"] .quick-trial-page.ktx-mobile-wizard-active .quick-test-offer { background: #fffaf2; border-color: #e2dbd0; color: #121820; box-shadow: 0 18px 42px rgba(0,0,0,.18); }
	    .quick-trial-page .quick-test-offer h2,
	    .quick-trial-page .quick-test-setup-head h3,
	    .quick-trial-page .quick-test-steps h3,
	    .quick-trial-page .quick-test-step strong { color: #121820; }
	    :root[data-theme="dark"] .quick-trial-page.ktx-mobile-wizard-active .quick-test-offer h2,
	    :root[data-theme="dark"] .quick-trial-page.ktx-mobile-wizard-active .quick-test-setup-head h3,
	    :root[data-theme="dark"] .quick-trial-page.ktx-mobile-wizard-active .quick-test-steps h3,
	    :root[data-theme="dark"] .quick-trial-page.ktx-mobile-wizard-active .quick-test-step strong { color: #121820; }
	    .quick-trial-page .quick-test-offer p,
	    .quick-trial-page .quick-test-setup-head p,
	    .quick-trial-page .quick-test-step span,
	    .quick-trial-page .quick-test-format .muted,
	    .quick-trial-page .quick-test-window .muted,
	    .quick-trial-page .quick-style-card span,
	    .quick-trial-page .quick-style-card small { color: #65717a; }
	    .quick-trial-page .quick-test-note,
	    .quick-trial-page .quick-test-controls,
	    .quick-trial-page .quick-style-card { background: #fbfaf7; border-color: #e2dbd0; color: #121820; box-shadow: none; }
	    .quick-trial-page .quick-style-card,
	    .quick-trial-page .quick-style-card strong,
	    .quick-trial-page .quick-style-card span,
	    .quick-trial-page .quick-style-card small { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
	    .quick-trial-page .quick-style-card.active { border-color: #ff6b14; box-shadow: inset 0 0 0 1px #ff6b14, 0 10px 24px rgba(255,107,20,.12); }
	    .quick-trial-page .quick-test-format .choice-button,
	    .quick-trial-page .quick-test-window-grid input { background: #fff; color: #121820; border-color: #d8d1c6; }
	    .test-lab-page .section-head, .quick-trial-page .section-head, .standard-intake-page.ktx-mobile-wizard-active .section-head { margin: 0 0 12px; padding: 0; }
	    .test-lab-page .section-head h2, .quick-trial-page .section-head h2, .standard-intake-page.ktx-mobile-wizard-active .section-head h2 { font-size: 22px; line-height: 1.08; margin: 0 0 6px; color: #121820; }
	    .test-lab-page .section-head p, .quick-trial-page .section-head p, .standard-intake-page.ktx-mobile-wizard-active .section-head p { font-size: 13px; line-height: 1.42; }
	    .test-lab-page .preset-grid, .quick-trial-page .preset-grid, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .preset-grid { grid-template-columns: 1fr; max-height: min(52vh, 520px); overflow: auto; padding: 2px 3px 8px; scrollbar-width: thin; }
	    .test-lab-page #productModeGrid, .test-lab-page #presetGrid, .quick-trial-page #presetGrid, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) #productModeGrid, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) #presetGrid { max-height: min(46vh, 460px); }
	    .test-lab-page.ktx-mobile-wizard-active, .quick-trial-page.ktx-mobile-wizard-active, .standard-intake-page.ktx-mobile-wizard-active { overscroll-behavior-x: none; }
	    .test-lab-page .preset-grid, .quick-trial-page .preset-grid, .standard-intake-page.ktx-mobile-wizard-active:not(.test-lab-page):not(.quick-trial-page) .preset-grid {
	      overscroll-behavior: contain;
	      -webkit-overflow-scrolling: touch;
	      touch-action: pan-y;
	    }
	    .test-lab-page .visual-category-tabs, .test-lab-page .lab-filter-tabs, .test-lab-page .dance-scene-tabs,
	    .quick-trial-page .visual-category-tabs, .quick-trial-page .dance-scene-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; overscroll-behavior-x: contain; touch-action: pan-x; }
	    .test-lab-page .visual-category-tabs::-webkit-scrollbar, .test-lab-page .lab-filter-tabs::-webkit-scrollbar, .test-lab-page .dance-scene-tabs::-webkit-scrollbar,
	    .quick-trial-page .visual-category-tabs::-webkit-scrollbar, .quick-trial-page .dance-scene-tabs::-webkit-scrollbar { display: none; }
	    .test-lab-page .lab-control-panel { padding: 12px; margin-bottom: 10px; }
	    .test-lab-page .lab-control-grid, .test-lab-page .grid, .quick-trial-page .grid, .standard-intake-page.ktx-mobile-wizard-active .grid { gap: 12px; }
	    .test-lab-page .asset-checklist, .quick-trial-page .asset-checklist, .standard-intake-page.ktx-mobile-wizard-active .asset-checklist { grid-template-columns: 1fr; }
	    :root[data-theme="dark"] .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active,
	    :root[data-theme="dark"] .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .section-head h2,
	    :root[data-theme="dark"] .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active > strong,
	    :root[data-theme="dark"] .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active,
	    :root[data-theme="dark"] .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .section-head h2,
	    :root[data-theme="dark"] .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active > strong,
	    :root[data-theme="dark"] .standard-intake-page.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active,
	    :root[data-theme="dark"] .standard-intake-page.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .section-head h2,
	    :root[data-theme="dark"] .standard-intake-page.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active > strong {
	      color: #121820;
	    }
	    :root[data-theme="dark"] .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .section-head p,
	    :root[data-theme="dark"] .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .muted,
	    :root[data-theme="dark"] .test-lab-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active label,
	    :root[data-theme="dark"] .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .section-head p,
	    :root[data-theme="dark"] .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .muted,
	    :root[data-theme="dark"] .quick-trial-page #intakeForm.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active label,
	    :root[data-theme="dark"] .standard-intake-page.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .section-head p,
	    :root[data-theme="dark"] .standard-intake-page.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active .muted,
	    :root[data-theme="dark"] .standard-intake-page.ktx-mobile-wizard-active [data-mobile-card].is-mobile-card-active label {
	      color: #65717a;
	    }
	    .test-lab-page .check-row label span, .quick-trial-page .check-row label span, .standard-intake-page.ktx-mobile-wizard-active .check-row label span { font-size: 12px; line-height: 1.35; }
	    .test-lab-page textarea#vibeText, .quick-trial-page textarea#vibeText, .standard-intake-page.ktx-mobile-wizard-active textarea#vibeText { min-height: 108px; }
	    .test-lab-page [name="lyrics_text"], .quick-trial-page [name="lyrics_text"], .standard-intake-page.ktx-mobile-wizard-active [name="lyrics_text"] { min-height: 160px; }
	    .mobile-wizard-nav { position: fixed; left: 0; right: auto; bottom: 0; z-index: 30; display: grid; grid-template-columns: 82px minmax(72px, 1fr) 96px; gap: 8px; align-items: center; width: 100%; max-width: 390px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(15,21,24,.96); border-top: 1px solid rgba(255,255,255,.12); box-shadow: 0 -18px 34px rgba(0,0,0,.26); }
	    .mobile-wizard-nav button { min-height: 46px; border-radius: 8px; padding: 10px 12px; font-size: 14px; }
	    .mobile-wizard-back { background: rgba(255,255,255,.08); color: #fffaf2; border: 1px solid rgba(255,255,255,.16); }
	    .mobile-wizard-back:disabled { opacity: .42; }
	    .mobile-wizard-count { color: #c9d2d8; text-align: center; font-size: 12px; font-weight: 850; }
	    .mobile-wizard-next { background: #ff6b14; color: #121820; border-color: #ff6b14; }
	  }
	  @keyframes ktxMobileCardIn {
	    from { opacity: 0; transform: translateX(10px); }
	    to { opacity: 1; transform: translateX(0); }
	  }
  /* Mobile spacing pass: compact the customer flow without changing desktop composition. */
  @media (max-width: 760px) {
    html { scroll-padding-top: 112px; }
    body { overflow-x: hidden; }
    header {
      gap: 10px;
      padding: 12px 14px 10px;
    }
    .brand-mark {
      gap: 9px;
      font-size: 16px;
      line-height: 1.1;
    }
    .brand-mark img {
      width: 30px;
      height: 30px;
    }
    header nav {
      display: flex;
      flex-wrap: nowrap;
      gap: 6px;
      overflow-x: auto;
      padding: 2px 0 4px;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }
    header nav::-webkit-scrollbar { display: none; }
    header a,
    .theme-toggle {
      flex: 0 0 auto;
      min-height: 44px;
      margin-left: 0;
      padding: 6px 9px;
      font-size: 13px;
      white-space: nowrap;
    }
    main { padding: 14px 12px 34px; }
    h1 {
      font-size: 30px;
      line-height: 1.08;
      margin-bottom: 14px;
    }
    h2 {
      font-size: 19px;
      margin-top: 22px;
      margin-bottom: 10px;
    }
    p { line-height: 1.48; }
    .panel,
    .waitlist-card,
    .label-panel,
    .label-hero-card,
    .pricing-panel,
    .review-callout,
    .payment-callout {
      padding: 16px;
      margin-bottom: 14px;
    }
    .public-hero {
      gap: 16px;
      padding: 18px;
      margin-bottom: 14px;
    }
    .public-hero h1 {
      font-size: 32px;
      margin-bottom: 10px;
    }
    .public-hero p {
      font-size: 14px;
      line-height: 1.48;
    }
    .hero-kicker { margin-bottom: 8px; }
    .hero-media { margin-top: 2px; }
    .hero-proof,
    .waitlist-proof {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 14px;
    }
    .proof-card {
      min-height: 82px;
      padding: 12px;
    }
    .proof-card strong { font-size: 18px; }
    .section-head {
      margin: 24px 0 10px;
      padding-top: 0;
    }
    .section-head h2 {
      font-size: 20px;
      margin-bottom: 6px;
    }
    .section-head p {
      max-width: none;
      line-height: 1.45;
    }
    .form-section,
    .customer-simple .form-section {
      margin-top: 28px;
      padding-top: 22px;
    }
    .grid,
    .customer-output-grid { gap: 14px; }
    .preset-grid {
      gap: 10px;
      margin: 10px 0 16px;
    }
    .preset-card,
    .product-card {
      min-height: 104px;
      padding: 13px;
    }
    .product-card strong { font-size: 16px; }
    .product-card small { margin-top: 8px; }
    .visual-world-shell { padding: 10px; }
    .visual-category-tabs {
      gap: 6px;
      margin: 0 -2px 8px;
      padding: 0 2px 9px;
    }
    .visual-tab {
      min-height: 44px;
      padding: 7px 10px;
      font-size: 12px;
    }
    .preset-category-status {
      margin: 0 2px 8px;
      font-size: 12px;
    }
    .visual-world-grid .preset-card {
      min-height: 92px;
      padding: 12px;
    }
    .visual-world-grid .preset-card strong { font-size: 15px; }
    .visual-world-grid .preset-card span { max-width: none; }
    .asset-checklist {
      gap: 8px;
      margin-bottom: 14px;
    }
    .asset-check { padding: 10px; }
    .choice-row { gap: 8px; }
    .choice-button {
      min-height: 50px;
      padding: 10px 11px;
    }
    .choice-button span { font-size: 11px; }
    input,
    textarea,
    select {
      min-height: 44px;
      padding: 11px 12px;
    }
    textarea { min-height: 132px; }
    .customer-simple textarea#vibeText { min-height: 96px; }
    .customer-simple [name="lyrics_text"] { min-height: 150px; }
    .notice-box,
    .deposit-note,
    .summary,
    details,
    .package-upgrade,
    .check-row {
      padding: 12px;
      margin: 10px 0 12px;
    }
    .price-estimate {
      width: 100%;
      box-sizing: border-box;
      margin: 0 0 12px;
      padding: 10px 12px;
      text-align: center;
    }
    .submit-row {
      margin-top: 14px;
      padding-top: 14px;
    }
    .submit-row button { width: 100%; }
    .customer-title {
      margin-bottom: 12px;
      padding: 2px 0 0;
    }
    .customer-title h1 { font-size: 29px; }
    .customer-action-stack {
      gap: 12px;
      margin: 12px 0 16px;
    }
    .next-action-card h2 { font-size: 21px; }
    .review-steps {
      gap: 8px;
      margin: 12px 0;
    }
    .review-step { padding: 10px; }
    .customer-progress-card .progress-wrap { margin: 12px 0 8px; }
    .dynamic-next-action {
      padding: 14px;
      margin: 12px 0;
    }
    .delivery-hero video {
      max-height: 460px;
      margin: 10px 0 12px;
    }
    .download-actions { gap: 8px; }
    .download-actions a,
    .download-actions button,
    .payment-callout a.payment-button,
    .payment-callout button,
    .review-callout a.review-button {
      min-height: 44px;
      padding: 11px 13px;
    }
    .delivery-stage-list,
    .customer-file-grid,
    .clip-download-grid {
      grid-template-columns: 1fr;
      gap: 9px;
    }
    .stats-grid {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    .customer-file-card {
      min-height: auto;
      padding: 13px;
    }
    .file-actions a {
      width: 100%;
      min-height: 44px;
    }
    .actions a {
      display: block;
      width: 100%;
      margin: 0 0 8px;
    }
    .clip-download-card video {
      max-height: 260px;
    }
    .flow-strip,
    .timeline {
      gap: 8px;
      margin: 12px 0 16px;
    }
    .flow-step,
    .step,
    .metric,
    .status-mini {
      min-height: auto;
      padding: 10px;
    }
    .waitlist-hero {
      padding: 22px 0 20px;
    }
    .waitlist-hero h1 {
      font-size: 32px;
      margin-bottom: 10px;
    }
    .waitlist-hero p {
      font-size: 15px;
      line-height: 1.48;
    }
    .waitlist-banner { margin-bottom: 18px; }
    .waitlist-card .grid { margin-top: 12px; }
    .label-hero {
      gap: 12px;
      margin-top: 4px;
    }
    .label-hero-main {
      padding: 18px;
    }
    .label-hero-main .hero-kicker {
      font-size: 10px;
      letter-spacing: .09em;
      line-height: 1.45;
    }
    .label-hero-main h1 {
      font-size: 30px;
      margin-bottom: 10px;
    }
    .label-hero-card ul {
      padding-left: 17px;
      line-height: 1.45;
    }
    .label-metric {
      padding: 12px;
    }
    .label-check {
      min-height: auto;
      padding: 10px;
    }
    .pricing-copy {
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 14px;
    }
    .pricing-promise {
      grid-template-columns: 1fr;
      align-items: start;
    }
    .pricing-card { padding: 14px; }
    .pricing-panel .pricing-card strong { font-size: 30px; }
    .pricing-panel .pricing-card .pricing-meta {
      gap: 9px;
      margin-top: 6px;
    }
  }
  @media (max-width: 380px) {
    main {
      padding-left: 10px;
      padding-right: 10px;
    }
    .panel,
    .waitlist-card,
    .label-panel,
    .label-hero-card,
    .pricing-panel,
    .review-callout,
    .payment-callout {
      padding: 14px;
    }
    .public-hero { padding: 16px; }
    .public-hero h1 { font-size: 30px; }
    header nav { gap: 4px; }
    header a,
    .theme-toggle {
      min-height: 44px;
      padding: 5px 6px;
      font-size: 12px;
    }
    .hero-proof,
    .waitlist-proof { gap: 8px; }
    .proof-card { padding: 10px; }
    .choice-button { padding: 9px 10px; }
  }
  /* Kinetix mobile-first order-flow redesign pass. */
  *, *::before, *::after { box-sizing: border-box; }
  html, body { max-width: 100%; overflow-x: clip; }
  img, video, canvas, svg { max-width: 100%; }
  :root {
    --kv-cinema-bg: #080a0f;
    --kv-cinema-surface: rgba(13, 17, 24, .84);
    --kv-cinema-card: rgba(20, 23, 32, .82);
    --kv-purple: #7c5cff;
    --kv-purple-soft: rgba(124,92,255,.18);
  }
  main, header, nav, form, section, .panel, .public-hero, .intake-panel,
  .preset-grid, .hero-proof, .landing-grid, .quote-grid, .grid,
  .customer-output-grid, .choice-row, .visual-world-shell,
  .quick-test-offer, .quick-test-offer > *, .quick-test-controls,
  .quick-test-controls > *, .quick-test-format, .quick-test-window,
  .quick-test-metrics, .quick-test-window-grid {
    min-width: 0;
  }
  .public-hero {
    width: 100%;
    overflow: hidden;
    grid-template-columns: minmax(0, .96fr) minmax(0, .92fr);
    border-radius: 20px;
    background:
      radial-gradient(circle at 12% 0%, rgba(255,107,20,.22), transparent 34%),
      radial-gradient(circle at 86% 20%, rgba(124,92,255,.18), transparent 32%),
      linear-gradient(145deg, rgba(8,10,15,.96), rgba(14,19,27,.88)),
      #080a0f;
    border-color: rgba(255,255,255,.12);
  }
  .public-hero > * { min-width: 0; }
  .public-hero h1 {
    max-width: 11ch;
    font-size: clamp(38px, 5.2vw, 64px);
    line-height: .98;
    overflow-wrap: normal;
    text-wrap: balance;
  }
  .public-hero p { max-width: 58ch; }
  .hero-kicker {
    color: rgba(255,255,255,.72);
    letter-spacing: .16em;
  }
  .hero-media {
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0,0,0,.36);
  }
  .hero-media img {
    max-width: 100%;
    height: auto;
  }
  .hero-price-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0 0;
  }
  .hero-price-row span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(244,247,248,.86);
    font-size: 12px;
    font-weight: 820;
    white-space: nowrap;
  }
  .hero-price-row span:first-child {
    background: rgba(255,107,20,.14);
    border-color: rgba(255,107,20,.36);
    color: #ffd8bf;
  }
  .landing-actions .primary-cta {
    border-radius: 999px;
    min-height: 48px;
    padding: 14px 19px;
  }
  .landing-actions .secondary-cta {
    border-radius: 999px;
    min-height: 48px;
    padding: 14px 17px;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.16);
  }
  .hero-proof.trust-chipline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: -8px 0 22px;
  }
  .hero-proof.trust-chipline .proof-card {
    flex: 1 1 190px;
    min-height: auto;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 11px 13px;
    border-radius: 14px;
    background: rgba(18,24,32,.78);
    border-color: rgba(255,255,255,.12);
    color: white;
  }
  .hero-proof.trust-chipline .proof-card::before {
    content: "";
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--kv-accent);
    box-shadow: 0 0 0 4px rgba(255,107,20,.13);
  }
  .hero-proof.trust-chipline .proof-card strong {
    font-size: 14px;
    line-height: 1.15;
  }
  .hero-proof.trust-chipline .proof-card span {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.32;
  }
  .intake-panel {
    position: relative;
    border-radius: 20px;
    overflow: visible;
  }
  .order-progress {
    position: sticky;
    top: 73px;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    margin: -4px -4px 18px;
    padding: 6px;
    border-radius: 16px;
    background: rgba(246,247,247,.82);
    border: 1px solid rgba(226,230,232,.9);
    backdrop-filter: blur(18px);
    box-shadow: 0 14px 36px rgba(18,24,32,.08);
  }
  .order-progress a {
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 12px;
    color: var(--kv-muted);
    text-decoration: none;
    font-size: 12px;
    font-weight: 820;
  }
  .order-progress a:first-child {
    color: #111820;
    background: white;
    box-shadow: 0 10px 26px rgba(18,24,32,.08);
  }
  .order-progress b {
    display: grid;
    place-items: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(124,92,255,.12);
    color: var(--kv-purple);
    font-size: 11px;
  }
  .order-progress a:first-child b {
    background: var(--kv-accent);
    color: #111820;
  }
  .order-progress span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .price-estimate {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 0 10px auto;
    border-radius: 999px;
  }
  .quick-test-offer {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .78fr);
    gap: 24px;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 20px;
    padding: 28px;
    border-radius: 20px;
    background:
      radial-gradient(circle at 8% 0%, rgba(255,107,20,.16), transparent 32%),
      radial-gradient(circle at 86% 12%, rgba(12,139,143,.13), transparent 34%),
      linear-gradient(145deg, rgba(8,10,15,.97), rgba(14,19,27,.92)),
      #080a0f;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 24px 68px rgba(18,24,32,.22);
    overflow: hidden;
  }
  .quick-test-offer.active {
    border-color: rgba(255,107,20,.34);
    box-shadow: 0 26px 78px rgba(18,24,32,.28);
  }
  .quick-test-hero-copy {
    display: grid;
    gap: 20px;
    align-content: start;
  }
  .quick-test-offer h2 {
    max-width: 11.4ch;
    margin: 0;
    color: white;
    font-size: clamp(42px, 5.4vw, 64px);
    line-height: .98;
    letter-spacing: 0;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }
  .quick-test-offer p {
    max-width: 100%;
    margin: 0;
    color: rgba(232,239,244,.78);
    font-size: 16px;
    line-height: 1.52;
    overflow-wrap: anywhere;
  }
  .quick-test-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  .quick-test-select {
    min-height: 52px;
    border-radius: 999px;
    padding: 15px 22px;
    color: #111820;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 18px 38px rgba(255,107,20,.24);
  }
  .quick-test-secondary {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
    border-radius: 999px;
    padding: 14px 16px;
    color: rgba(244,247,248,.92);
    text-decoration: none;
    font-weight: 850;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
  }
  .quick-test-secondary::after {
    content: ">";
    margin-left: 8px;
    color: var(--kv-accent);
  }
  .quick-test-style-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
  }
  .quick-style-card {
    display: grid;
    gap: 10px;
    min-width: 0;
    min-height: 176px;
    padding: 16px;
    text-align: left;
    color: white;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  }
  .quick-style-card.active {
    border-color: var(--kv-accent);
    box-shadow: inset 0 0 0 1px var(--kv-accent), 0 16px 34px rgba(255,107,20,.12);
  }
  .quick-style-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    color: #ffd8bf;
    background: rgba(255,107,20,.12);
    border: 1px solid rgba(255,107,20,.46);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .04em;
  }
  .quick-style-card strong {
    display: block;
    font-size: 17px;
    line-height: 1.15;
  }
  .quick-style-card span {
    display: block;
    color: rgba(232,239,244,.74);
    font-size: 13px;
    line-height: 1.42;
  }
  .quick-style-card small {
    display: block;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.10);
    color: rgba(232,239,244,.70);
    font-size: 12px;
    line-height: 1.35;
  }
  .quick-test-note {
    max-width: 66ch;
    padding: 12px 14px;
    border-radius: 8px;
    color: rgba(232,239,244,.72);
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
    font-size: 13px;
    line-height: 1.45;
  }
  .quick-test-controls {
    display: grid;
    gap: 14px;
    align-content: start;
    min-width: 0;
    padding: 22px;
    border-radius: 8px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  }
  .quick-test-setup-head h3 {
    margin: 0 0 6px;
    color: white;
    font-size: 23px;
  }
  .quick-test-setup-head p {
    color: rgba(232,239,244,.70);
    font-size: 14px;
  }
  .quick-trial-page .public-hero,
  .quick-trial-page .hero-proof.trust-chipline,
  .quick-trial-page .launch-offer-card,
  .quick-trial-page .product-selector-block,
  .quick-trial-page .review-flow-block,
  .quick-trial-page #standardOutputControls,
  .quick-trial-page #quickTestLock,
	  .quick-trial-page #productDeliverables,
	  .quick-trial-page #packageUpgradeBlock,
	  .quick-trial-page .pricing-panel,
	  .quick-trial-page #priceEstimate,
	  .quick-trial-page .quick-test-select,
	  .quick-trial-page .quick-test-secondary {
	    display: none !important;
	  }
  .quick-trial-page .quick-test-offer {
    margin-top: 0;
  }
  .quick-trial-page .intake-panel {
    margin-top: 18px;
  }
  .quick-test-window {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    min-width: 0;
    max-width: 100%;
  }
  .quick-test-format {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    min-width: 0;
    max-width: 100%;
  }
  .quick-test-format label {
    display: block;
    margin-bottom: 9px;
  }
  .quick-test-format .choice-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .quick-test-format .choice-button,
  .quick-test-window-grid input {
    background: rgba(8,10,15,.64);
    border-color: rgba(255,255,255,.14);
    color: white;
  }
  .quick-test-format .choice-button.active {
    border-color: var(--kv-accent);
    box-shadow: inset 0 0 0 1px var(--kv-accent);
  }
  .quick-test-format .choice-button span,
  .quick-test-window-grid span,
  .quick-test-format .muted,
  .quick-test-window .muted {
    color: rgba(232,239,244,.66);
  }
  .quick-test-window label {
    display: block;
    margin-bottom: 9px;
  }
  .quick-test-window-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
  }
  .quick-test-window-grid span {
    display: block;
    margin-bottom: 5px;
    color: rgba(232,239,244,.66);
    font-size: 12px;
    font-weight: 800;
  }
  .quick-test-window-grid input {
    min-height: 42px;
  }
  .quick-test-steps {
    display: grid;
    gap: 12px;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.10);
  }
  .quick-test-steps h3 {
    margin: 0;
    color: white;
    font-size: 20px;
  }
  .quick-test-step {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }
  .quick-test-step b {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(255,107,20,.14);
    color: #ffd8bf;
    border: 1px solid rgba(255,107,20,.30);
    font-size: 12px;
  }
  .quick-test-step strong {
    display: block;
    color: white;
    font-size: 15px;
    line-height: 1.2;
  }
  .quick-test-step span {
    display: block;
    color: rgba(232,239,244,.66);
    font-size: 13px;
    line-height: 1.35;
    margin-top: 3px;
  }
  .quick-test-lock {
    margin: -2px 0 18px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255,107,20,.10);
    border: 1px solid rgba(255,107,20,.28);
    color: #18353a;
    font-weight: 800;
  }
  .quick-test-upgrade-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
  }
  .quick-test-upgrade-actions form {
    margin: 0;
  }
  .quick-test-upgrade-actions button {
    min-height: 42px;
    border-radius: 999px;
    padding: 11px 15px;
  }
  .quick-test-upgrade-actions a.payment-button,
  .quick-test-upgrade-top a.payment-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 11px 18px;
    background: #ff6b14;
    color: #111820;
    text-decoration: none;
    font-weight: 850;
  }
  .trial-upgrade-form fieldset {
    border: 0;
    padding: 0;
    margin: 24px 0;
  }
  .trial-upgrade-form legend {
    padding: 0;
    font-weight: 850;
    font-size: 18px;
  }
  .trial-upgrade-form .upgrade-choice {
    display: block;
    cursor: pointer;
    padding: 16px;
    border-radius: 12px;
  }
  .trial-upgrade-form .upgrade-choice:has(input:checked) {
    background: #111820;
    border-color: #ff7a1a;
    color: white;
    box-shadow: 0 14px 32px rgba(17,24,32,.22);
  }
  .trial-upgrade-form .upgrade-choice:has(input:disabled) {
    opacity: .45;
    cursor: not-allowed;
  }
  .trial-upgrade-form .upgrade-choice input {
    width: auto;
    margin: 0 0 10px;
  }
  .upgrade-price-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    background: rgba(255,107,20,.10);
    border: 1px solid rgba(255,107,20,.28);
  }
  .upgrade-price-summary > strong {
    font-size: 25px;
    white-space: nowrap;
  }
  .quick-test-upgrade-details summary {
    cursor: pointer;
    line-height: 1.45;
  }
  .quick-test-upgrade-details-body {
    padding-top: 14px;
  }
  .quick-test-upgrade-details-body h2 {
    margin-top: 0;
  }
  .quick-test-upgrade-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    border-color: rgba(255,107,20,.46);
    background: linear-gradient(135deg, rgba(255,107,20,.14), rgba(255,72,42,.08));
  }
  .quick-test-upgrade-top h2 {
    margin: 2px 0 5px;
  }
  .quick-test-upgrade-top p {
    margin: 0;
  }
  .quick-test-upgrade-top .eyebrow {
    color: #ff8a45;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .quick-test-upgrade-top form {
    margin: 0;
  }
  .quick-test-upgrade-top button {
    min-height: 50px;
    white-space: nowrap;
    border-radius: 999px;
    padding: 12px 20px;
  }
  .customer-simple #productModeGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .customer-simple #productModeGrid.product-tier-stack {
    grid-template-columns: minmax(0, 1fr);
    max-height: none;
    overflow: visible;
  }
  .customer-simple .product-tier-group .product-tier-head h3 {
    color: #1d252c;
  }
  .customer-simple .product-tier-group .product-tier-head span {
    color: #62707b;
  }
  .launch-offer-card {
    background: linear-gradient(135deg, rgba(255,107,20,.10), rgba(124,92,255,.09)), rgba(255,255,255,.92);
  }
  :root[data-theme="dark"] .order-progress {
    background: rgba(8,11,15,.74);
    border-color: rgba(255,255,255,.10);
  }
  :root[data-theme="dark"] .order-progress a:first-child {
    background: rgba(244,247,248,.12);
    color: white;
  }
  :root[data-theme="dark"] .hero-proof.trust-chipline .proof-card {
    background: rgba(14,18,25,.82);
  }
  :root[data-theme="dark"] .launch-offer-card {
    background: linear-gradient(135deg, rgba(255,107,20,.12), rgba(124,92,255,.10)), rgba(21,27,34,.94);
  }
  :root[data-theme="dark"] .quick-test-offer {
    background:
      radial-gradient(circle at 8% 0%, rgba(255,107,20,.16), transparent 32%),
      radial-gradient(circle at 86% 12%, rgba(12,139,143,.13), transparent 34%),
      linear-gradient(145deg, rgba(8,10,15,.97), rgba(14,19,27,.92)),
      #080a0f;
    border-color: rgba(255,255,255,.12);
  }
  :root[data-theme="dark"] .quick-test-controls,
  :root[data-theme="dark"] .quick-style-card,
  :root[data-theme="dark"] .quick-test-note {
    border-color: rgba(255,255,255,.10);
  }
  :root[data-theme="dark"] .quick-test-lock {
    color: white;
  }
  :root[data-theme="dark"] .quick-test-lock {
    background: rgba(255,107,20,.12);
    border-color: rgba(255,107,20,.34);
  }
  @media (max-width: 980px) {
    .public-hero {
      grid-template-columns: 1fr;
    }
    .quick-test-offer {
      grid-template-columns: 1fr;
    }
    .quick-test-style-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .customer-simple #productModeGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .order-progress {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 760px) {
    html, body {
      width: 100%;
      overflow-x: hidden;
    }
    body {
      background-attachment: scroll;
    }
    header {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
    }
    header nav {
      max-width: 100%;
      overflow-x: auto;
    }
    main {
      width: 100%;
      max-width: 100%;
      padding: 12px 16px 86px;
      overflow: hidden;
    }
    .public-hero {
      width: 100%;
      max-width: 100%;
      padding: 20px;
      border-radius: 18px;
      gap: 18px;
    }
    .public-hero h1 {
      max-width: 9.8ch;
      font-size: clamp(31px, 9vw, 36px);
      line-height: 1;
      letter-spacing: 0;
    }
    .public-hero p {
      max-width: 100%;
      font-size: 14px;
    }
    .hero-media img {
      width: 100%;
      max-height: 240px;
      object-fit: cover;
    }
    .hero-price-row {
      gap: 7px;
    }
    .hero-price-row span {
      white-space: normal;
      line-height: 1.2;
    }
    .landing-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 9px;
    }
    .landing-actions a {
      width: 100%;
      text-align: center;
    }
    .hero-proof.trust-chipline {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin: 0 0 14px;
    }
    .hero-proof.trust-chipline .proof-card {
      padding: 10px;
      flex: none;
    }
    .hero-proof.trust-chipline .proof-card span {
      display: none;
    }
    .intake-panel {
      padding: 16px;
      border-radius: 18px;
      max-width: 100%;
      overflow: visible;
    }
    .order-progress {
      top: 88px;
      display: flex;
      gap: 6px;
      overflow-x: auto;
      margin: -2px -6px 14px;
      padding: 6px;
      border-radius: 14px;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }
    .order-progress::-webkit-scrollbar { display: none; }
    .order-progress a {
      flex: 0 0 auto;
      min-height: 38px;
      padding: 7px 9px;
    }
    .order-progress span {
      max-width: 82px;
    }
    .price-estimate {
      position: sticky;
      bottom: 0;
      z-index: 28;
      width: calc(100% + 32px);
      min-height: 50px;
      margin: 0 -16px 16px;
      padding: 13px 16px;
      border-radius: 18px 18px 0 0;
      box-shadow: 0 -16px 36px rgba(18,24,32,.18);
    }
    .quick-test-offer {
      grid-template-columns: minmax(0, 1fr);
      width: 100%;
      max-width: calc(100vw - 32px);
      margin-left: auto;
      margin-right: auto;
      padding: 18px;
      gap: 18px;
      border-radius: 18px;
    }
    .quick-test-offer > div,
    .quick-test-controls,
    .quick-test-format,
    .quick-test-format .choice-row,
    .quick-test-window,
    .quick-test-window-grid {
      width: 100%;
      max-width: 100%;
    }
    .quick-test-offer h2 {
      max-width: 12ch;
      font-size: clamp(32px, 10vw, 40px);
      line-height: 1.05;
    }
    .quick-test-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 9px;
    }
    .quick-test-select,
    .quick-test-secondary {
      width: 100%;
      justify-content: center;
      text-align: center;
    }
    .quick-test-style-grid {
      grid-template-columns: 1fr;
      gap: 9px;
    }
    .quick-style-card {
      min-height: auto;
      grid-template-columns: 44px minmax(0, 1fr);
      align-items: start;
    }
    .quick-style-card .quick-style-icon {
      grid-row: 1 / span 3;
    }
    .quick-style-card strong,
    .quick-style-card span,
    .quick-style-card small {
      grid-column: 2;
    }
    .quick-style-card small {
      margin-top: 0;
    }
    .quick-test-format .choice-row {
      grid-template-columns: 1fr;
    }
    .quick-test-controls {
      padding: 16px;
    }
    .quick-test-window-grid {
      grid-template-columns: 1fr 1fr;
    }
    .quick-test-upgrade-actions {
      display: grid;
      grid-template-columns: 1fr;
    }
    .quick-test-upgrade-actions button {
      width: 100%;
    }
    .quick-test-upgrade-actions a.payment-button,
    .quick-test-upgrade-top a.payment-button {
      width: 100%;
      text-align: center;
    }
    .quick-test-upgrade-top {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .quick-test-upgrade-top button {
      width: 100%;
      white-space: normal;
    }
    .trial-upgrade-form .upgrade-video-types,
    .trial-upgrade-form .upgrade-direction-choices {
      grid-template-columns: 1fr;
    }
    .upgrade-price-summary {
      align-items: flex-start;
    }
    .customer-simple #productModeGrid {
      grid-template-columns: 1fr;
    }
    .customer-simple #productModeGrid .product-card {
      min-height: 112px;
    }
    .preset-grid:not(#productModeGrid),
    .visual-world-grid,
    .customer-output-grid,
    .asset-checklist,
    .grid,
    .quote-grid {
      width: 100%;
      max-width: 100%;
    }
    .preset-card,
    .product-card,
    .choice-button,
    .proof-card,
    .pricing-card,
    .asset-check,
    .summary,
    .deposit-note,
    .notice-box,
    .deliverables,
    details {
      max-width: 100%;
      overflow-wrap: anywhere;
    }
    input, textarea, select {
      max-width: 100%;
    }
    main > section,
    main > div,
    main > form {
      width: 100%;
      max-width: calc(100vw - 32px);
      margin-left: auto;
      margin-right: auto;
    }
    .public-hero,
    .hero-proof.trust-chipline,
    .panel,
    .intake-panel,
    .review-callout,
    .pricing-panel,
    .showcase-band {
      width: 100%;
      max-width: calc(100vw - 32px);
    }
    .public-hero {
      display: flex;
      flex-direction: column;
    }
    .public-hero h1,
    .public-hero p,
    .public-hero .landing-actions,
    .public-hero .hero-price-row,
    .hero-media {
      width: 100%;
      max-width: 100%;
    }
    .public-hero h1,
    .public-hero p {
      overflow-wrap: anywhere;
    }
    .hero-price-row {
      display: grid;
      grid-template-columns: 1fr;
    }
    .hero-price-row span {
      width: 100%;
      justify-content: center;
      text-align: center;
    }
    .landing-actions a {
      box-sizing: border-box;
    }
    .hero-proof.trust-chipline {
      grid-template-columns: 1fr;
    }
  }