/* Shared semantic palette for the planning flow, launch list and dialog chrome.
   Personalized previews retain their explicit chosen palette; Auto follows this theme. */
:root {
  --page: #1B201C;
  --surface: #2B382E;
  --surface-soft: #202D23;
  --text: #F5F0E5;
  --muted: #C5C6B8;
  --border: #55634F;
  --accent: #B0C9A8;
  --on-accent: #1B201C;
  --accent-hover: #C3D7BA;
  --accent-text: #B0C9A8;
  --selected: #202D23;
  --focus: #B0C9A8;
  --danger: #FFB4A5;
  --danger-bg: #3E211C;
  --success: #B0D5AD;
  --success-bg: #203B29;
  --overlay: #070E09CC;
  --teal: #B0C9A8;
  --ochre: #D0B99B;
  --mist: #D0B99B;
  --ink: #F5F0E5;
  --sheet: #2B382E;
  --sheet-edge: #55634F;
  --slab: #202D23;
  --band-life: #344A37;
  --band-work: #413D33;
  --on-band: #E6F0DD;
  --on-band-work: #F6EDDE;
  --chart-secondary: #CEB79A;
  --chart-current: #E5D6BF;
  --finish-bg: #CEB79A;
  --finish-text: #253127;
  --finish-dot: #253127;
  --glow: #6E9270;
  --shadow-rgb: 6,15,8;
  --shadow: 0 22px 44px rgba(6,15,8,.18);
  color-scheme: dark;
}
:root[data-theme="light"] {
  --page: #E9E1D5;
  --surface: #FAF7F0;
  --surface-soft: #D7C8B4;
  --text: #262C27;
  --muted: #475046;
  --border: #B9B09F;
  --accent: #27563B;
  --on-accent: #E9E1D5;
  --accent-hover: #1D442D;
  --accent-text: #27563B;
  --selected: #D7C8B4;
  --focus: #27563B;
  --danger: #9F2E20;
  --danger-bg: #FFF0EB;
  --success: #245B35;
  --success-bg: #E6F1E4;
  --overlay: #263D2D99;
  --teal: #27563B;
  --ochre: #D1B99C;
  --mist: #D1B99C;
  --ink: #262C27;
  --sheet: #FAF7F0;
  --sheet-edge: #B9B09F;
  --slab: #D7C8B4;
  --band-life: #E4E9DE;
  --band-work: #263D2D;
  --on-band: #254832;
  --on-band-work: #F7F3E9;
  --chart-secondary: #78634C;
  --chart-current: #27563B;
  --finish-bg: #243F2D;
  --finish-text: #F8F3E8;
  --finish-dot: #D1B99C;
  --glow: #648B68;
  --shadow-rgb: 35,44,32;
  --shadow: 0 22px 44px rgba(35,44,32,.18);
  color-scheme: light;
}
/* Specificity matches the legacy generated light stylesheet without !important. */
:root:not(#_):not(#__) { background:var(--page); scroll-padding-top:100px; }
:root:not(#_):not(#__) body { background:var(--page);color:var(--text); }
:root:not(#_):not(#__) #dashio-embed { --ink:var(--text);--soft:var(--muted);--line:var(--border);--glass:var(--surface);--glass-strong:var(--surface-soft);color:var(--text); }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-shell,.sq-dashio-wizard,.sq-dashio-panel,.sq-dashio-preview,.sq-dashio-result,.sq-dashio-close,.hq-info-band,.hq-footer) { background:transparent;box-shadow:none;backdrop-filter:none;border-color:var(--border); }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-shell { width:min(1200px,100%);padding:0 32px;min-height:0;overflow:visible; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-shell::before { display:none; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-wizard { padding:26px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;scroll-margin-top:100px; }
:root:not(#_):not(#__) #dashio-embed [hidden] { display:none !important; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-panel { padding:30px 0;border:0;min-height:0; }
:root:not(#_):not(#__) #dashio-embed :is(h1,h2,h3,h4,h5,strong,label,summary,.hq-brand,.hq-word) { color:var(--text);text-shadow:none; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-copy,.sq-dashio-help,.sq-step-sub,.sq-dashio-field,.sq-lead-consent,.sq-prompt-copy p,.sq-prompt-copy small,.sq-prompt-fields small,.hq-info-band p,.hq-footer p,.sq-dashio-close p,.sq-dashio-price-card p,.sq-dashio-price-card li,.sq-dashio-price-card small) { color:var(--muted);text-shadow:none; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-kicker,.sq-dashio-step,.hq-word-hq) { color:var(--accent-text);text-shadow:none; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-panel h2,.sq-dashio-panel h3.sq-step-lead,.sq-dashio-panel h2.sq-step-lead) { font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.1;max-width:850px; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-button,.sq-dashio-chip,.sq-dashio-icon-card,.sq-dashio-check,.sq-dashio-ai-card,.sq-dashio-source-card,.sq-dashio-lane-card,.sq-dashio-computer-card,.sq-dashio-price-card,.sq-dashio-reco,.sq-dashio-adjust,.sq-dashio-save) { background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none;backdrop-filter:none;border-radius:8px; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-icon-card small,.sq-dashio-check small,.sq-dashio-ai-card small,.sq-dashio-source-card small,.sq-dashio-lane-card small,.sq-dashio-computer-card small) { color:var(--muted); }
:root:not(#_):not(#__) #dashio-embed :is(button[aria-pressed="true"],.sq-dashio-check:has(input:checked),.sq-dashio-icon-card.is-selected) { background:var(--selected);border-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent); }
:root:not(#_):not(#__) #dashio-embed :is(input:not([type="checkbox"]):not([type="color"]),select,textarea) { background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;box-shadow:none; }
:root:not(#_):not(#__) #dashio-embed :is(input,textarea)::placeholder { color:var(--muted);opacity:1; }
:root:not(#_):not(#__) #dashio-embed input[type="checkbox"] { accent-color:var(--accent-text); }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-button.primary,.hq-action.primary) { background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:none;text-shadow:none; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-button.primary:hover,.hq-action.primary:hover) { background:var(--accent-hover);transform:none; }
:root:not(#_):not(#__) #dashio-embed :is(button:disabled) { opacity:.5;cursor:not-allowed; }
:root:not(#_):not(#__) #dashio-embed :focus-visible { outline:3px solid var(--focus);outline-offset:4px; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-hint,[role="alert"]) { color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger);box-shadow:none; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-hint strong { color:var(--danger); }
:root:not(#_):not(#__) #dashio-embed :is([data-sq-status],[data-prompt-status],[data-contact-status]) { color:var(--danger);font-size:14px;line-height:1.5; }
:root:not(#_):not(#__) #dashio-embed [data-prompt-status][data-state="success"] { color:var(--success); }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-progress { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-progress button { background:transparent;color:var(--muted);border:0;border-bottom:2px solid var(--border);border-radius:0;box-shadow:none;min-height:52px;padding:8px; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-progress button.active { border-color:var(--accent);color:var(--text);background:var(--selected); }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-progress button.done { color:var(--accent-text); }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-progress button span { color:inherit;background:transparent;border-color:var(--border);box-shadow:none; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-nav,.sq-dashio-nav-top) { background:transparent;border-color:var(--border);padding:18px 0;color:var(--muted); }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-navlink { color:var(--accent-text);text-shadow:none; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-navlink::before,:root:not(#_):not(#__) #dashio-embed .sq-dashio-navlink::after { color:inherit; }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-fx,.sq-dashio-veil) { display:none; }
:root:not(#_):not(#__) #dashio-embed :is(.hq-word-hq,.hq-bar,.sq-dashio-reveal,.sq-dashio-wizard,.sq-dashio-panel) { animation:none;transition:none;transform:none;opacity:1;filter:none; }
:root:not(#_):not(#__) #dashio-embed .hq-word-hq { -webkit-text-fill-color:var(--accent-text);background:none;font-family:inherit;font-size:inherit;letter-spacing:inherit;margin:0;font-weight:800; }
:root:not(#_):not(#__) #dashio-embed .hq-mark g { fill:var(--text); }
:root:not(#_):not(#__) #dashio-embed .hq-brand:hover .hq-mark { transform:none; }
:root:not(#_):not(#__) #dashio-embed .hq-word { display:inline;font-size:25px; }
:root:not(#_):not(#__) #dashio-embed .hq-header { height:82px;background:var(--page);border-color:var(--border);backdrop-filter:none;padding-inline:max(24px,calc((100vw - 1136px)/2)); }
:root:not(#_):not(#__) #dashio-embed .hq-nav a { color:var(--text);font-size:13px; }
:root:not(#_):not(#__) #dashio-embed .hq-header-right { margin-left:auto;gap:16px; }
:root:not(#_):not(#__) #dashio-embed :is(.hq-menu-btn,.hq-theme-toggle,.hq-action,.hq-launch-link) { border:1px solid var(--border);background:transparent;color:var(--text);border-radius:6px;text-decoration:none;cursor:pointer; }
:root:not(#_):not(#__) #dashio-embed .hq-theme-toggle { padding:9px 12px;font-size:12px;white-space:nowrap;min-height:40px; }
:root:not(#_):not(#__) #dashio-embed .hq-launch-link { padding:12px 16px;border-color:var(--accent); }
.pilot-banner { text-align:center;background:#263D2D;color:#F7F3E9;font-size:12px;line-height:1.5;padding:9px 15px; }
.pilot-banner span { color:#D1B99C;padding:0 6px; }
.hq-landing { max-width:1200px;padding:0 32px;margin:auto; }
.hq-hero-copy { text-align:center;padding:52px 0 16px; }
.hq-eyebrow { color:var(--accent-text);text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 20px; }
#dashio-embed .hq-hero-copy h1 { font-size:clamp(36px,5.1vw,64px);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:0; }
.hq-hero-description { max-width:800px;margin:20px auto;font-size:20px;line-height:1.5;color:var(--muted); }
.hq-hero-actions { display:flex;justify-content:center;gap:16px;margin:24px 0 14px; }
.hq-action { display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;font-weight:650;font-size:15px;min-height:48px; }
.hq-hero-note { color:var(--muted);font-size:13px;margin:0 0 10px; }
.hq-hero-preview { margin:0;border:1px solid var(--border);border-radius:7px;overflow:hidden;scroll-margin-top:100px;background:var(--surface); }
.hq-hero-preview figcaption { padding:13px 16px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-text);font-weight:650;border-bottom:1px solid var(--border); }
.hq-hero-preview img { display:block;width:100%;height:auto; }
.hq-how { display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 42px;margin:0;list-style:none;scroll-margin-top:100px; }
.hq-how li { display:flex;align-items:flex-start;gap:20px;padding:0 24px;border-right:1px solid var(--border); }
.hq-how li:first-child{padding-left:0}.hq-how li:last-child{border:0;padding-right:0}
.hq-how li>span { color:var(--accent-text);font-size:25px;font-weight:700;line-height:1; }
#dashio-embed .hq-how h2 { font-size:16px;line-height:1.3;margin:0 0 8px;letter-spacing:0; }
.hq-how p { color:var(--muted);font-size:14px;line-height:1.5;margin:0; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-close { margin-top:0;padding:22px 0 32px;border:0;border-bottom:1px solid var(--border); }
:root:not(#_):not(#__) #dashio-embed .hq-launch-list { max-width:1136px;margin:32px auto 64px;scroll-margin-top:110px; }
:root:not(#_):not(#__) #dashio-embed .sq-prompt-request { background:var(--surface);border:1px solid var(--border);padding:36px;border-radius:8px;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;gap:48px; }
:root:not(#_):not(#__) #dashio-embed .sq-prompt-copy h4 { font-size:32px;letter-spacing:-.03em; }
:root:not(#_):not(#__) #dashio-embed .sq-prompt-fields { min-width:0; }
:root:not(#_):not(#__) #dashio-embed .sq-prompt-fields a { color:var(--accent-text); }
:root:not(#_):not(#__) #dashio-embed .hq-info-band { max-width:1136px;padding:40px 0;margin:auto;border-top:1px solid var(--border); }
:root:not(#_):not(#__) #dashio-embed :is(.hq-faq-list details,.hq-footer) { border-color:var(--border); }
:root:not(#_):not(#__) #dashio-embed :is(.biz-dialog,.hq-tour-dialog) { background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 20px 60px #0003; }
:root:not(#_):not(#__) #dashio-embed :is(.biz-dialog button,.hq-tour-dialog button) { background:var(--surface-soft);color:var(--text);border-color:var(--border); }
:root:not(#_):not(#__) #dashio-embed :is(.biz-dialog p,.biz-dialog li,.hq-tour-dialog p) { color:var(--muted); }
:root:not(#_):not(#__) #hq-purchase-success { background:var(--overlay);color:var(--text); }
:root:not(#_):not(#__) #hq-purchase-success .hq-purchase-card { background:var(--surface);border-color:var(--border); }
:root:not(#_):not(#__) #hq-purchase-success :is(h2,strong) { color:var(--text); }
:root:not(#_):not(#__) #hq-purchase-success :is(p,a) { color:var(--muted); }
:root:not(#_):not(#__) #hq-purchase-success .hq-purchase-mark { color:var(--success);border-color:var(--success); }
:root:not(#_):not(#__) #dashio-embed .dash-demo { box-shadow:none; }
@media(max-width:800px) {
  :root:not(#_):not(#__) #dashio-embed .hq-header { padding-inline:18px;height:72px;gap:8px; }
  :root:not(#_):not(#__) #dashio-embed .hq-word { font-size:21px; }
  :root:not(#_):not(#__) #dashio-embed .hq-mark { width:38px;height:38px; }
  :root:not(#_):not(#__) #dashio-embed .hq-header-right { gap:8px; }
  :root:not(#_):not(#__) #dashio-embed .hq-theme-toggle { padding:8px;font-size:11px; }
  :root:not(#_):not(#__) #dashio-embed .hq-menu-btn { display:inline-flex;padding:8px;font-size:11px;min-height:40px; }
  :root:not(#_):not(#__) #dashio-embed .hq-nav { display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);padding:18px;box-shadow:0 10px 20px #0002;border-bottom:1px solid var(--border); }
  :root:not(#_):not(#__) #dashio-embed .hq-header.is-menu-open .hq-nav { display:grid;gap:18px; }
  .hq-landing{padding-inline:20px}.hq-hero-copy{padding-top:34px}.hq-eyebrow{font-size:10px;max-width:250px;margin:0 auto 18px;line-height:1.5}
  #dashio-embed .hq-hero-copy h1{font-size:38px}.hq-hero-description{font-size:17px}.hq-hero-actions{flex-direction:column;gap:10px}.hq-hero-note{font-size:12px;margin-bottom:10px}
  .hq-hero-preview picture{display:block;overflow:hidden}.hq-hero-preview img{max-width:none;width:175%;margin-left:-29%}.hq-hero-preview figcaption{font-size:9px;padding:12px}
  .hq-how{grid-template-columns:1fr;padding-block:26px}.hq-how li{border-right:0;border-bottom:1px solid var(--border);padding:18px 0;gap:16px}.hq-how li:first-child{padding-top:0}.hq-how li:last-child{padding-bottom:0}
  :root:not(#_):not(#__) #dashio-embed .sq-dashio-shell { padding-inline:20px; }
  :root:not(#_):not(#__) #dashio-embed .sq-dashio-progress { gap:4px; }
  :root:not(#_):not(#__) #dashio-embed .sq-dashio-progress button { display:flex;flex-direction:column;font-size:10px;padding:8px 2px;gap:5px; }
  :root:not(#_):not(#__) #dashio-embed .sq-dashio-progress button span{font-size:13px;line-height:18px;width:20px;height:20px}
  :root:not(#_):not(#__) #dashio-embed .hq-launch-list { margin:20px 20px 36px; }
  :root:not(#_):not(#__) #dashio-embed .sq-prompt-request { grid-template-columns:1fr;padding:24px;gap:24px; }
  :root:not(#_):not(#__) #dashio-embed .hq-info-band { margin-inline:20px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto !important}*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
:root:not(#_):not(#__) #dashio-embed .sq-lead-reveal { animation:none;opacity:1;transform:none;filter:none; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-close article { border:0;border-radius:0;padding:0 18px 0 0; }
.hq-mobile-sample{display:none}
@media(max-width:800px){
 .hq-hero-preview picture{display:none}.hq-mobile-sample{display:block;padding:16px;background:var(--surface-soft)}
 .hq-mobile-sample .sample-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;margin-bottom:16px}.sample-heading small{font-size:10px;color:var(--muted)}
 .hq-mobile-sample .sample-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}.sample-kpis div{background:var(--surface);padding:12px 8px;border-radius:5px}.sample-kpis b{font-size:17px;display:block;letter-spacing:-.04em}.sample-kpis small{font-size:9px;line-height:1.35;display:block;color:var(--muted);margin-top:5px}.sample-kpis div:first-child b{color:var(--accent-text)}.sample-kpis div:nth-child(2) b{color:var(--danger)}
 .sample-section{padding:15px 12px;background:var(--surface);border-radius:5px;margin-top:12px}.sample-section h3{font-size:13px;margin:0 0 12px}.sample-section ul{list-style:none;padding:0;margin:0}.sample-section li{font-size:11px;line-height:1.4;padding:9px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:8px}.sample-section li:last-child{border:0}.sample-section li small{font-size:9px;color:var(--accent-text)}.sample-section>strong{font-size:24px}.sample-section>p{font-size:11px;color:var(--muted);margin:4px 0 8px}.sample-section li b{font-size:11px;font-variant-numeric:tabular-nums}
}
/* Theme switches are atomic: avoid intermediate low-contrast color interpolation. */
:root:not(#_):not(#__) #dashio-embed * { transition-property:transform; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-navlink { background:var(--surface);border:1px solid var(--border);box-shadow:none; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-navlink.is-next { background:var(--accent);color:var(--on-accent);border-color:var(--accent); }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-progress { background:transparent;border-radius:0; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-template-card { background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-template-card :is(strong,small,p) { color:var(--muted); }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-template-card.selected { background:var(--selected);border-color:var(--accent); }
:root:not(#_):not(#__) #dashio-embed :is(.sq-dashio-navlink,.sq-dashio-flow span,.sq-dashio-progress button) { animation:none; }
:root:not(#_):not(#__) #dashio-embed .sq-dashio-close article { background:transparent;backdrop-filter:none;min-height:0; }
:root:not(#_):not(#__) #dashio-embed :is([data-sq-count],.hq-footer-legal span) { color:var(--muted); }
:root:not(#_):not(#__) #dashio-embed .hq-faq-more a { color:var(--accent-text);text-decoration:underline;text-underline-offset:3px; }
:root:not(#_):not(#__) #dashio-embed .dash-demo.ground-dark { --muted:#bdb2a2; }
:root:not(#_):not(#__) #dashio-embed .dash-demo.ground-slate { --muted:#b2c6df; }
@media(max-width:360px){
 :root:not(#_):not(#__) #dashio-embed .hq-header{padding-inline:12px;gap:5px}
 :root:not(#_):not(#__) #dashio-embed .hq-word{font-size:17px}
 :root:not(#_):not(#__) #dashio-embed .hq-brand{gap:5px}
 :root:not(#_):not(#__) #dashio-embed .hq-mark{width:30px;height:30px}
 :root:not(#_):not(#__) #dashio-embed .hq-header-right{gap:5px}
 :root:not(#_):not(#__) #dashio-embed .hq-theme-toggle{padding-inline:6px;font-size:10px}
 :root:not(#_):not(#__) #dashio-embed .hq-menu-btn{padding-inline:6px;font-size:10px}
 #dashio-embed .hq-hero-copy h1{font-size:33px}
}

/* Explicit, state-isolated walkthrough. Native dialog supplies modal focus containment. */
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough-trigger{display:block;margin:18px auto 0;min-height:44px;padding:8px 12px;background:transparent;color:var(--accent-text);border:0;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough{position:fixed;inset:0;margin:auto;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0006;animation:none;transition:none}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough::backdrop{background:#0009}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough-top,:root:not(#_):not(#__) #dashio-embed .hq-walkthrough-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough button{min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--text);font:600 14px/1.3 system-ui;cursor:pointer}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough button:disabled{opacity:.45;cursor:default}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough button:focus-visible,:root:not(#_):not(#__) #dashio-embed .hq-walkthrough-trigger:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough [data-tour-next]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough [data-tour-counter]{font-size:12px;color:var(--muted)}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough-preview{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;margin:18px 0;border-radius:6px;background:var(--surface-soft)}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough h2{margin:8px 0 12px;font-size:26px;line-height:1.15;color:var(--text)}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough p{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 22px}
:root:not(#_):not(#__) #dashio-embed .hq-walkthrough [data-tour-viz]{width:32px;height:32px;color:var(--accent-text)}
@media(max-width:480px){:root:not(#_):not(#__) #dashio-embed .hq-walkthrough{padding:16px}:root:not(#_):not(#__) #dashio-embed .hq-walkthrough-preview{max-height:160px}:root:not(#_):not(#__) #dashio-embed .hq-walkthrough h2{font-size:23px}}

/* Local review: quieter opening; full product detail remains below the preview. */
:root:not(#_):not(#__) #dashio-embed .hq-hero-copy{padding-top:38px;padding-bottom:22px}
:root:not(#_):not(#__) #dashio-embed .hq-hero-description{max-width:600px;font-size:20px;margin:18px auto 24px}
:root:not(#_):not(#__) #dashio-embed .hq-package-note{max-width:750px;margin:24px auto;color:var(--muted);font-size:14px;line-height:1.6;text-align:center}
:root:not(#_):not(#__) #dashio-embed .hq-explainer{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;margin:30px 0}
:root:not(#_):not(#__) #dashio-embed .hq-explainer summary{cursor:pointer;font-weight:650;color:var(--text);padding:8px;min-height:44px;box-sizing:border-box}
:root:not(#_):not(#__) #dashio-embed .hq-explainer summary:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
:root:not(#_):not(#__) #dashio-embed .hq-explainer .hq-how{margin-top:20px}
@media(max-width:760px){:root:not(#_):not(#__) #dashio-embed .hq-hero-description{font-size:18px}:root:not(#_):not(#__) #dashio-embed .hq-hero-copy{padding-top:25px}}
/* Finish the shared Forest Tan chrome, including legacy decorative accents. */
:root:not(#_):not(#__) #dashio-embed .hq-faq-list summary::after{color:var(--accent-text);}
:root:not(#_):not(#__) #dashio-embed .sq-step-facts{color:var(--muted);}
:root:not(#_):not(#__) #dashio-embed .sq-step-facts li::before{background:var(--accent-text);box-shadow:none;}
:root:not(#_):not(#__) #dashio-embed .sq-dashio-price-card.featured{border-color:var(--accent);background:var(--selected);}
:root:not(#_):not(#__) #dashio-embed .sq-dashio-price-card.is-highlighted{border-color:var(--accent);animation:none;}