@font-face {
  font-family: "Reviewous Outfit";
  src: url("reviewous-codex-handoff/assets/fonts/Outfit[wght].woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Reviewous Noto Sans SC";
  src: url("reviewous-codex-handoff/assets/fonts/NotoSansCJKsc-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

:root {
  color-scheme: light;
  --canvas: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #f0f2f6;
  --ink: #161c27;
  --ink-soft: #485466;
  --muted: #6f7c8f;
  --line: #dce1e9;
  --line-strong: #b7c0ce;
  --blue: #0757d0;
  --blue-strong: #0647ac;
  --blue-pale: #eaf0ff;
  --blue-ink: #10296e;
  --on-blue: #ffffff;
  --on-ink: #ffffff;
  --red: #b52b43;
  --gold: #9b6810;
  --shadow: 0 14px 35px rgb(18 29 47 / .07), 0 2px 5px rgb(18 29 47 / .04);
  --radius: 12px;
  --radius-sm: 8px;
  --font-impact: "Archivo Black", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --font-modern: "DM Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-classic: Fraunces, "Iowan Old Style", Georgia, serif;
  --font-soft: Nunito, "Avenir Next Rounded", "Arial Rounded MT Bold", var(--font-modern);
  --sans: var(--font-modern);
  --serif: var(--font-classic);
  --mono: "DM Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --body-size: 18px;
  --text-xs: 14px;
  --text-sm: 15px;
  --text-base: var(--body-size);
  --text-lg: clamp(22px, 2vw, 28px);
  --text-xl: clamp(34px, 5vw, 62px);
  --max: 1180px;
}

:root[data-mode="dark"] {
  color-scheme: dark;
  --canvas: #121722;
  --surface: #1a2230;
  --surface-2: #222c3e;
  --ink: #f3f6fb;
  --ink-soft: #c5cfdf;
  --muted: #a5b1c4;
  --line: #334157;
  --line-strong: #526079;
  --blue: #8facff;
  --blue-strong: #b7c9ff;
  --blue-pale: #25365f;
  --blue-ink: #e8eeff;
  --on-blue: #101827;
  --on-ink: #101827;
  --red: #ff9fb0;
  --gold: #f5cb76;
  --shadow: 0 14px 35px rgb(0 0 0 / .23), 0 2px 5px rgb(0 0 0 / .18);
}
:root[data-mode="dark"] .button--primary { color: var(--on-blue); }
:root[data-mode="dark"] .button--primary:hover { color: var(--on-blue); }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--canvas); font: var(--text-base)/1.55 var(--sans); letter-spacing: normal; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
::selection { background: var(--blue-pale); color: var(--ink); }

.skip-link { position: fixed; z-index: 1000; left: 12px; top: -50px; color: var(--on-blue); background: var(--blue); padding: 9px 12px; border-radius: var(--radius-sm); transition: top .16s; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }

.shell { min-height: 100vh; overflow: clip; }
.site-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid color-mix(in srgb, var(--line) 90%, transparent); background: color-mix(in srgb, var(--canvas) 92%, transparent); backdrop-filter: blur(14px); }
.header-inner { width: min(var(--max), calc(100% - 40px)); min-height: 70px; margin: auto; display: flex; align-items: center; gap: 25px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: none; }
.brand picture { display: block; line-height: 0; }
.brand-logo { display: block; width: 137px; height: 37px; object-fit: contain; }
:root[data-mode="dark"] .brand-logo { filter: brightness(0) invert(1); }
.main-nav { display: flex; align-items: center; gap: 4px; flex: 1; }
.nav-link { color: var(--ink-soft); border-bottom: 2px solid transparent; padding: 23px 10px 19px; font-size: var(--text-sm); white-space: nowrap; }
.nav-link:hover, .nav-link[aria-current="page"] { color: var(--ink); border-bottom-color: var(--blue); }
.header-actions { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.appearance-menu { height: 44px; display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--line); background: var(--surface); border-radius: 9px; }
.icon-btn { width: 36px; height: 36px; border: 0; color: var(--ink-soft); background: transparent; border-radius: 6px; display: grid; place-items: center; }
.icon-btn:hover, .icon-btn.is-active { color: var(--blue-ink); background: var(--blue-pale); }
.appearance-mode { width: 36px; min-width: 36px; padding: 0; }
.nav-toggle { display: none; }

.page { width: min(var(--max), calc(100% - 40px)); margin: auto; padding: 54px 0 86px; }
.page--wide { width: 100%; padding-top: 0; }
.section { margin-top: 88px; }
.section-head { max-width: 730px; margin-bottom: 30px; }
.eyebrow { margin: 0 0 13px; color: var(--blue); font-size: var(--text-xs); font-weight: 700; letter-spacing: .095em; text-transform: uppercase; }
h1, h2, h3, h4, p { margin-top: 0; }
h1 { max-width: 900px; margin-bottom: 18px; font-size: var(--text-xl); line-height: 1.02; letter-spacing: -.025em; }
h2 { margin-bottom: 10px; font-size: var(--text-lg); line-height: 1.16; letter-spacing: -.02em; }
h3 { margin-bottom: 7px; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.27; letter-spacing: -.012em; }
h4 { margin-bottom: 5px; font-size: var(--text-base); line-height: 1.3; }
.lede { max-width: 680px; color: var(--ink-soft); font-size: clamp(18px, 1.8vw, 21px); line-height: 1.55; }
.fine-print, .muted { color: var(--muted); font-size: var(--text-sm); }
.mono { font-family: var(--mono); }
.nowrap { white-space: nowrap; }

.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); padding: 9px 14px; color: var(--ink); background: var(--surface); font-weight: 600; font-size: var(--text-sm); transition: transform .16s, background .16s, border-color .16s, box-shadow .16s; }
.button:hover { border-color: var(--ink-soft); transform: translateY(-1px); box-shadow: 0 5px 13px rgb(15 30 55 / .09); }
.button--primary { color: var(--on-blue); border-color: var(--blue); background: var(--blue); }
.button--primary:hover { color: var(--on-blue); border-color: var(--blue-strong); background: var(--blue-strong); }
.button--quiet { border-color: transparent; background: transparent; color: var(--ink-soft); }
.button--quiet:hover { background: var(--surface-2); box-shadow: none; }
.button--full { width: 100%; }
.button--danger { color: var(--red); }
.button svg, .inline-icon { width: 18px; height: 18px; flex: 0 0 auto; }


.hero { width: min(var(--max), calc(100% - 40px)); margin: auto; padding: 68px 0 55px; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(400px, .96fr); align-items: center; gap: clamp(35px, 7vw, 90px); }
.hero h1 { font-size: clamp(42px, 5.65vw, 73px); }
.hero h1 em { color: var(--blue); font-style: normal; font-family: var(--serif); font-weight: 500; }
.hero-logo-icon { display: inline-block; width: 1.224em; height: 1.224em; margin: 0 .04em .055em .035em; vertical-align: middle; }
:root[data-mode="dark"] .hero-logo-icon { filter: brightness(0) invert(1); }
.hero-actions { display: flex; gap: 11px; flex-wrap: wrap; margin-top: 28px; }
.hero-meta { display: flex; gap: 15px; align-items: center; margin-top: 24px; color: var(--muted); font-size: var(--text-sm); }
.hero-meta span { display: flex; align-items: center; gap: 6px; }
.check { color: var(--blue); font-weight: 700; }
.hero-visual { position: relative; }
.draft-window { position: relative; overflow: hidden; border: 1px solid var(--line); border-top: 4px solid var(--blue); background: var(--surface); box-shadow: var(--shadow); }
.window-bar { min-height: 45px; padding: 0 15px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--line); color: var(--muted); font: 12px var(--mono); }
.window-bar::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--line-strong); box-shadow: 14px 0 0 var(--line-strong), 28px 0 0 var(--line-strong); margin-right: 33px; }
.window-content { padding: 26px; }
.business-mini { display: flex; align-items: center; gap: 11px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.business-logo { width: 42px; height: 42px; display: grid; place-items: center; color: var(--blue); background: var(--blue-pale); font: 500 22px var(--serif); }
.business-mini strong { display: block; font-size: 16px; }
.business-mini span { display: block; margin-top: 1px; color: var(--muted); font-size: 13px; }
.visual-title { margin: 21px 0 10px; font-size: 22px; }
.choice-label { display: flex; justify-content: space-between; margin: 17px 0 8px; color: var(--ink-soft); font-size: 13px; font-weight: 600; }
.pill-row { display: flex; flex-wrap: wrap; gap: 7px; }
.pill { min-height: 34px; display: inline-flex; align-items: center; padding: 5px 10px; color: var(--ink-soft); border: 1px solid var(--line); border-radius: 99px; background: var(--surface); font-size: 13px; }
.pill.is-selected { color: var(--canvas); border-color: var(--ink); background: var(--ink); }
.mini-question { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.mini-question span:last-child { color: var(--blue); font-size: 12px; font-weight: 700; }
.draft-snippet { margin-top: 20px; padding: 15px; border-left: 3px solid var(--blue); background: var(--surface-2); color: var(--ink-soft); font: 14px/1.62 var(--serif); }
.floating-note { position: absolute; right: -35px; bottom: -22px; z-index: 1; width: 183px; padding: 13px 15px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); font-size: 13px; }
.floating-note strong { display: block; color: var(--blue); font-size: 22px; letter-spacing: -.02em; }
.floating-note span { display: block; margin-top: 4px; color: var(--ink-soft); line-height: 1.4; }

.trust-bar { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-inner { width: min(var(--max), calc(100% - 40px)); min-height: 104px; margin: auto; display: flex; align-items: center; gap: 30px; }
.trust-intro { max-width: 255px; color: var(--muted); font-size: var(--text-sm); }
.trust-stat { min-width: 110px; padding-left: 23px; border-left: 1px solid var(--line); }
.trust-stat strong { display: block; font-size: 24px; letter-spacing: -.02em; }
.trust-stat span { color: var(--muted); font-size: 13px; }

.feature-grid, .card-grid, .industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.feature { min-height: 205px; padding: 22px; border: 1px solid var(--line); background: var(--surface); }
.feature-number { display: block; margin-bottom: 31px; color: var(--blue); font: 500 12px var(--mono); }
.feature p, .card p { margin-bottom: 0; color: var(--ink-soft); font-size: var(--text-sm); }
.legal-documents { display: grid; gap: 12px; }
.legal-document { border: 1px solid var(--line); background: var(--surface); }
.legal-document summary { display: grid; grid-template-columns: 95px minmax(0, 1fr) 28px; gap: 18px; align-items: center; padding: 22px; cursor: pointer; list-style: none; }
.legal-document summary::-webkit-details-marker { display: none; }
.legal-document-number { color: var(--blue); font: 500 12px var(--mono); }
.legal-document-title { display: grid; gap: 4px; }
.legal-document-title strong { font-size: 21px; letter-spacing: -.015em; }
.legal-document-title span { color: var(--ink-soft); font-size: var(--text-sm); }
.legal-document-toggle { width: 28px; height: 28px; display: grid; place-items: center; color: var(--blue); border: 1px solid var(--line); border-radius: 50%; font-size: 20px; line-height: 1; transition: transform .18s ease, background .18s ease; }
.legal-document[open] .legal-document-toggle { color: var(--canvas); background: var(--blue); transform: rotate(45deg); }
.legal-document-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; padding: 2px 22px 24px 135px; }
.legal-document-body section { padding: 18px 0; border-top: 1px solid var(--line); }
.legal-document-body h2 { margin: 0 0 7px; font-size: 16px; letter-spacing: -.01em; }
.legal-document-body p { margin: 0; color: var(--ink-soft); font-size: var(--text-sm); line-height: 1.62; }
.icon-tile { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 18px; color: var(--blue); border: 1px solid color-mix(in srgb, var(--blue) 24%, var(--line)); background: var(--blue-pale); }

.showcase { display: grid; grid-template-columns: .9fr 1.1fr; gap: 42px; align-items: center; padding: clamp(26px, 4vw, 54px); border: 1px solid var(--line); background: var(--surface); }
.showcase--reverse { grid-template-columns: 1.1fr .9fr; }
.process { counter-reset: process; display: grid; gap: 0; }
.process-item { position: relative; display: grid; grid-template-columns: 42px 1fr; gap: 15px; padding: 17px 0; border-top: 1px solid var(--line); }
.process-item:last-child { border-bottom: 1px solid var(--line); }
.process-num { color: var(--blue); font: 500 13px var(--mono); }
.process-item p { margin: 3px 0 0; color: var(--muted); font-size: var(--text-sm); }
.quote-card { padding: 30px; color: var(--ink); border: 1px solid var(--line); background: var(--canvas); }
.quote-card p { margin-bottom: 20px; font: 500 clamp(20px, 2vw, 28px)/1.35 var(--serif); letter-spacing: -.015em; }
.quote-card footer { color: var(--muted); font-size: var(--text-sm); }

.demo-trade-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.demo-trade-card { min-height: 128px; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 13px; align-content: center; padding: 18px; border: 1px solid var(--line); background: var(--surface); transition: border-color .16s, box-shadow .16s, transform .16s; }
.demo-trade-card:hover, .demo-trade-card:focus-visible { z-index: 1; border-color: var(--blue); box-shadow: 0 8px 19px rgb(15 30 55 / .11); outline: 0; transform: translateY(-2px); }
.demo-trade-icon { width: 44px; height: 44px; display: grid; place-items: center; color: var(--blue); border: 1px solid color-mix(in srgb, var(--blue) 26%, var(--line)); background: var(--blue-pale); }
.demo-trade-icon .industry-icon { width: 22px; height: 22px; }
.demo-trade-copy { min-width: 0; }
.demo-trade-copy strong, .demo-trade-copy small { display: block; }
.demo-trade-copy strong { font-size: 18px; line-height: 1.24; letter-spacing: -.012em; }
.demo-trade-copy small { margin-top: 5px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.demo-trade-action { grid-column: 2; display: inline-flex; align-items: center; gap: 6px; margin-top: 1px; color: var(--blue); font-size: 13px; font-weight: 700; }
.demo-trade-action svg { width: 15px; height: 15px; }
.demo-trades-note { margin: 15px 0 0; color: var(--muted); font-size: var(--text-sm); }

.route-hero { padding: 19px 0 0; border-bottom: 1px solid var(--line); background: var(--surface); }
.route-hero .inner { width: min(var(--max), calc(100% - 40px)); margin: auto; padding: 54px 0 50px; }
.route-hero h1 { font-size: clamp(38px, 5vw, 58px); }
.route-hero .lede { margin-bottom: 0; }
.route-hero--visual { position: relative; isolation: isolate; overflow: hidden; border-bottom: 0; background: #111927; color: #fff; }
.route-hero--visual::before { content: ""; position: absolute; z-index: -2; inset: 0; background: var(--route-image) center / cover no-repeat; }
.route-hero--visual::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(10 18 32 / .93) 0%, rgb(10 18 32 / .86) 34%, rgb(10 18 32 / .58) 51%, rgb(10 18 32 / .10) 76%, rgb(10 18 32 / .05) 100%); }
.route-hero--visual .inner { min-height: 348px; display: flex; flex-direction: column; justify-content: center; padding: 66px 0; }
.route-hero--visual .crumb { color: rgb(255 255 255 / .72); }
.route-hero--visual .crumb a:hover { color: #fff; }
.route-hero--visual .eyebrow { color: #a8bcff; }
.route-hero--visual h1 { max-width: 740px; color: #fff; }
.route-hero--visual h1 em { color: #a8bcff; font-family: var(--serif); font-style: normal; font-weight: 500; }
.route-hero--visual .lede { max-width: 640px; color: rgb(255 255 255 / .86); }
.crumb { display: flex; gap: 7px; align-items: center; margin-bottom: 25px; color: var(--muted); font-size: 13px; }
.crumb a:hover { color: var(--blue); }

.why-hero { border-bottom: 1px solid var(--line); background: linear-gradient(115deg, color-mix(in srgb, var(--blue-pale) 56%, var(--canvas)) 0%, var(--canvas) 63%); }
.why-hero-grid { display: grid; grid-template-columns: minmax(0, .98fr) minmax(340px, .82fr); align-items: center; gap: clamp(32px, 6vw, 84px); padding-top: 68px; padding-bottom: 55px; }
.why-hero h1 { max-width: 690px; font-size: clamp(42px, 5.65vw, 73px); }
.why-hero h1 em { color: var(--blue); font-style: normal; font-family: var(--serif); font-weight: 500; }
.why-hero .lede { max-width: 630px; }
.why-supporting { margin: 14px 0 0; color: var(--muted); font-size: var(--text-sm); }
.why-editor-preview { overflow: hidden; padding: 18px; border: 1px solid var(--line); border-top: 4px solid var(--blue); background: var(--surface); box-shadow: var(--shadow); }
.why-preview-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid var(--line); color: var(--ink); font-weight: 700; letter-spacing: -.015em; }
.why-preview-top small { color: var(--blue); font: 600 10px var(--mono); letter-spacing: .06em; }
.why-editor-preview h2 { margin: 22px 0 18px; font-size: clamp(22px, 2.2vw, 29px); }
.why-preview-question { padding: 13px 0; border-top: 1px solid var(--line); }
.why-preview-question > span { display: block; margin-bottom: 9px; color: var(--ink-soft); font-size: var(--text-sm); font-weight: 700; }
.why-preview-question div { display: flex; flex-wrap: wrap; gap: 6px; }
.why-preview-question i { padding: 5px 8px; border: 1px solid var(--line-strong); border-radius: 99px; color: var(--ink-soft); font-size: 12px; font-style: normal; }
.why-preview-draft { margin-top: 11px; padding: 12px; border-left: 3px solid var(--blue); color: var(--ink-soft); background: var(--surface-2); font: 15px/1.55 var(--serif); }
.why-editor-preview > p { margin: 11px 0 0; color: var(--muted); font-size: 12px; }
.why-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .58fr); align-items: center; gap: clamp(30px, 7vw, 100px); }
.why-copy .lede { margin-bottom: 26px; }
.why-point-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.why-point-list li, .why-trust span { display: flex; align-items: center; gap: 9px; color: var(--ink-soft); font-size: var(--text-sm); }
.why-point-list svg, .why-trust svg { width: 17px; height: 17px; color: var(--blue); flex: 0 0 auto; }
.research-card { padding: clamp(22px, 3vw, 30px); border: 1px solid var(--line); background: var(--surface); box-shadow: 0 9px 23px rgb(18 29 47 / .05); }
.research-value { display: block; margin-bottom: 3px; color: var(--blue); font-size: clamp(50px, 6vw, 72px); font-weight: 700; line-height: .96; letter-spacing: -.03em; }
.research-card > p { max-width: 270px; margin: 0; color: var(--ink); font-size: 18px; line-height: 1.35; }
.research-source { margin: 22px 0 0 !important; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted) !important; font-size: 12px !important; line-height: 1.55 !important; overflow-wrap: anywhere; }
.research-source a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; }
.why-barriers { margin-top: 88px; padding: 82px 0; color: #f5f7ff; background: #172133; }
.why-barriers .page { padding-top: 0; padding-bottom: 0; }
.why-barriers .eyebrow { color: #9db5ff; }
.why-barriers h2 { max-width: 680px; color: #fff; }
.why-barriers .lede { color: #d3dced; }
.why-barrier-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 25px 0; }
.why-barrier-list span { display: flex; gap: 9px; align-items: baseline; padding: 12px 0; border-top: 1px solid rgb(255 255 255 / .18); color: #eef3ff; font-size: var(--text-sm); }
.why-barrier-list b { color: #9db5ff; font: 500 12px var(--mono); }
.why-closing-copy { margin: 0; color: #d3dced; }
.research-card--dark { color: #f5f7ff; border-color: rgb(255 255 255 / .18); background: rgb(255 255 255 / .075); box-shadow: none; }
.research-figures { display: grid; gap: 18px; }
.research-figures p { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 11px; align-items: baseline; max-width: none; color: #e8edf8; font-size: var(--text-sm); }
.research-figures strong { color: #a8bcff; font-size: 34px; letter-spacing: -.025em; }
.research-card--dark .research-source { border-color: rgb(255 255 255 / .18); color: #c6d0e4 !important; }
.research-card--dark .research-source a { color: #b7c9ff; }
.why-help .section-head { margin-bottom: 34px; }
.why-step-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.why-step { min-height: 205px; padding: 22px; background: var(--surface); }
.why-step > span, .why-setup-grid > article > span { display: block; margin-bottom: 28px; color: var(--blue); font: 500 12px var(--mono); }
.why-step p, .why-setup-grid p { margin: 0; color: var(--ink-soft); font-size: var(--text-sm); }
.why-help-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 22px; padding: 20px 0 0; border-top: 1px solid var(--line); }
.why-help-footer p { max-width: 690px; margin: 0; color: var(--muted); font-size: var(--text-sm); }
.why-setup { padding: 82px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface-2); }
.why-setup .page { padding-top: 0; padding-bottom: 0; }
.why-setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 27px; }
.why-setup-grid > article { min-height: 200px; padding: 22px; border: 1px solid var(--line); background: var(--surface); }
.why-final { text-align: center; }
.why-final > .lede { margin-right: auto; margin-left: auto; }
.why-final .hero-actions { justify-content: center; }
.why-trust { width: min(100%, 750px); margin: 43px auto 0; padding: 27px; border: 1px solid var(--line); background: var(--surface); text-align: left; }
.why-control .why-trust { margin-top: 0; }
.why-trust strong { display: block; font-size: clamp(22px, 2.4vw, 30px); letter-spacing: -.02em; }
.why-trust p { max-width: 610px; margin: 7px 0 18px; color: var(--ink-soft); }
.why-trust > div { display: flex; flex-wrap: wrap; gap: 12px 19px; }
.content-json { min-height: 660px !important; padding: 15px !important; font: 12px/1.55 var(--mono) !important; tab-size: 2; }

.segmented { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--line); background: var(--surface-2); border-radius: 9px; }
.segmented button { min-height: 36px; border: 0; border-radius: 6px; padding: 6px 11px; color: var(--ink-soft); background: transparent; font-size: var(--text-sm); }
.segmented button[aria-pressed="true"] { color: var(--ink); background: var(--surface); box-shadow: 0 1px 3px rgb(15 28 52 / .12); }

.pricing-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 26px; }
.pricing-toolbar + .price-grid { margin-top: 0; }
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: stretch; }
.plan-card { position: relative; display: flex; flex-direction: column; min-height: 520px; padding: 54px 27px 27px; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.plan-card.is-featured { border: 2px solid var(--blue); box-shadow: var(--shadow); }
.plan-badge { position: absolute; right: 15px; top: 15px; padding: 4px 7px; color: var(--blue-ink); background: var(--blue-pale); font: 500 11px var(--mono); }
.plan-card p { color: var(--ink-soft); font-size: var(--text-sm); }
.plan-price { margin: 25px 0 5px; font-size: 42px; font-variant-numeric: lining-nums tabular-nums; font-weight: 600; line-height: 1; letter-spacing: normal; }
.plan-price [data-plan-price] { display: inline-block; letter-spacing: normal; }
.plan-price small { color: var(--muted); font-size: var(--text-sm); font-weight: 500; letter-spacing: normal; }
.plan-card ul { display: grid; gap: 12px; padding: 0; margin: 27px 0; list-style: none; color: var(--ink-soft); font-size: var(--text-sm); }
.plan-card li::before { content: "✓"; margin-right: 9px; color: var(--blue); font-weight: 700; }
.plan-card .button { margin-top: auto; }
.notice { display: flex; gap: 11px; align-items: flex-start; padding: 14px 16px; border-left: 3px solid var(--blue); background: var(--blue-pale); color: var(--blue-ink); font-size: var(--text-sm); }
.notice--warning { color: var(--gold); border-color: var(--gold); background: color-mix(in srgb, var(--gold) 11%, var(--surface)); }

.search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 11px; margin: 24px 0; }
.field { display: grid; gap: 7px; color: var(--ink-soft); font-size: var(--text-sm); font-weight: 600; }
.field > span { display: flex; justify-content: space-between; gap: 10px; }
.field input, .field textarea, .field select { width: 100%; min-height: 46px; padding: 10px 12px; color: var(--ink); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); outline: 0; background: var(--surface); font-weight: 400; }
.password-field { display: block; min-width: 0; position: relative; }
.field > .password-field { display: block; }
.password-field input { padding-right: 48px; }
.password-toggle { align-items: center; background: var(--blue-pale); border: 1px solid var(--line-strong); border-radius: 7px; color: var(--blue-ink); cursor: pointer; display: inline-flex; height: 34px; justify-content: center; padding: 6px; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 34px; }
.password-toggle:hover { border-color: var(--blue); color: var(--blue-ink); background: color-mix(in srgb, var(--blue-pale) 78%, var(--surface)); }
.password-toggle:focus-visible { outline: 3px solid color-mix(in srgb, var(--blue) 32%, transparent); outline-offset: 1px; }
.password-toggle svg { fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 19px; }
.field textarea { min-height: 116px; resize: vertical; line-height: 1.5; }
.field textarea[data-auto-expand] { overflow-y: hidden; resize: none; }
.field input::placeholder, .field textarea::placeholder { color: var(--muted); opacity: .85; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent); }
.field-hint { color: var(--muted); font-size: 13px; font-weight: 400; }
.checkbox { display: flex; gap: 9px; align-items: flex-start; color: var(--ink-soft); font-size: var(--text-sm); }
.checkbox input { width: 18px; height: 18px; flex: 0 0 auto; margin: 2px 0 0; accent-color: var(--blue); }

.industry-grid { grid-template-columns: repeat(3, 1fr); }
.industry-intro { max-width: 760px; margin-bottom: 32px; }
.industry-intro .crumb { margin-bottom: 18px; }
.industry-intro h1 { margin-bottom: 11px; font-size: clamp(35px, 4.5vw, 53px); }
.industry-intro .lede { max-width: 650px; margin-bottom: 0; }
.industry-explorer { margin-top: 29px; }
.industry-explorer-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 18px; }
.industry-explorer-head .eyebrow { margin-bottom: 7px; }
.industry-explorer-head h2 { margin-bottom: 6px; }
.industry-explorer-head .lede { max-width: 600px; margin-bottom: 0; }
.industry-explorer-head > .muted { margin: 0 0 3px; font: 500 11px var(--mono); white-space: nowrap; }
.industry-explore-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.industry-explore-card { position: relative; isolation: isolate; min-height: 166px; display: flex; align-items: end; overflow: hidden; padding: 18px; color: #fff; border: 1px solid var(--line); background: var(--ink); text-align: left; transition: transform .16s, border-color .16s, box-shadow .16s; }
.industry-explore-card::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(8 18 35 / .66), rgb(8 18 35 / .42) 48%, rgb(8 18 35 / .10)); }
.industry-explore-card:hover, .industry-explore-card:focus-visible { z-index: 1; border-color: var(--blue); transform: translateY(-2px); box-shadow: 0 8px 19px rgb(15 30 55 / .13); outline: 0; }
.industry-explore-card img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.industry-explore-card-copy { display: grid; gap: 3px; }
.industry-explore-card-copy strong { font-size: 22px; line-height: 1.06; letter-spacing: -.02em; }
.industry-explore-card-copy small { color: rgb(255 255 255 / .77); font: 500 11px var(--mono); }
.industry-explore-card-icon { width: 38px; height: 38px; display: grid; place-items: center; margin: 0 0 11px; color: #fff; border: 1px solid rgb(255 255 255 / .5); background: rgb(255 255 255 / .12); font-size: 19px; }
.industry-explore-card--plain { background: var(--ink); }
.industry-explore-card--plain, .industry-explore-card--popular, .industry-explore-card--other { align-items: flex-start; flex-direction: column; justify-content: flex-end; }
.industry-explore-card--popular { background: var(--blue); }
.industry-explore-card--popular::after { background: linear-gradient(135deg, rgb(255 255 255 / .18), transparent 52%); }
.industry-explore-card--other { background: #33445f; }
.industry-selection { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 28px 0 20px; padding: 16px 18px; border: 1px solid var(--line); background: var(--surface-2); }
.industry-selection .eyebrow { margin-bottom: 3px; }
.industry-selection p:last-child { margin-bottom: 0; color: var(--muted); font-size: var(--text-sm); }
.industry-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; margin: 24px 0 15px; }
.industry-tab { min-height: 44px; min-width: 0; display: inline-flex; align-items: center; justify-content: flex-start; gap: 7px; padding: 8px 10px; color: var(--ink-soft); border: 1px solid var(--line); border-radius: 8px; background: var(--surface); font-size: var(--text-sm); line-height: 1.2; text-align: left; }
.industry-tab span { color: var(--blue); font-size: 15px; }
.industry-icon { width: 1em; height: 1em; display: block; flex: 0 0 auto; }
.industry-tab small { margin-left: auto; color: var(--muted); font: 500 11px var(--mono); }
.industry-tab[aria-selected="true"] { color: var(--blue-ink); border-color: var(--blue); background: var(--blue-pale); box-shadow: inset 0 0 0 1px var(--blue); }
.industry-groups { display: grid; gap: 38px; }
.industry-family { scroll-margin-top: 100px; }
.industry-family-head { position: relative; min-height: 168px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; overflow: hidden; margin-bottom: 13px; padding: 24px; border: 1px solid var(--line); background: var(--ink); }
.industry-family-head::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgb(8 18 35 / .90) 0%, rgb(8 18 35 / .86) 33%, rgb(8 18 35 / .58) 52%, rgb(8 18 35 / .22) 100%); }
.industry-family-title { position: relative; z-index: 2; display: flex; align-items: center; gap: 9px; }
.industry-family-head h2 { margin: 0; color: #fff; font-size: clamp(25px, 2.8vw, 36px); letter-spacing: -.025em; }
.industry-family-summary { position: absolute; inset: 0; }
.industry-family-summary img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; border: 0; }
.industry-family-summary .muted { position: absolute; z-index: 2; top: 16px; right: 16px; padding: 5px 8px; color: #fff; border: 1px solid rgb(255 255 255 / .45); background: rgb(8 18 35 / .45); font: 500 11px var(--mono); }
.industry-family-symbol, .industry-symbol { display: grid; place-items: center; color: var(--blue); border: 1px solid color-mix(in srgb, var(--blue) 26%, var(--line)); background: var(--blue-pale); }
.industry-family-symbol { width: 35px; height: 35px; color: #fff; border-color: rgb(255 255 255 / .5); background: rgb(255 255 255 / .15); font-size: 17px; }
.industry-family-head--plain { min-height: 88px; align-items: center; background: var(--surface-2); }
.industry-family-head--plain::after { display: none; }
.industry-family-head--plain h2 { color: var(--ink); font-size: clamp(23px, 2.25vw, 29px); }
.industry-family-head--plain .industry-family-symbol { color: var(--blue); border-color: color-mix(in srgb, var(--blue) 26%, var(--line)); background: var(--blue-pale); }
.industry-family-head--plain .industry-family-summary .muted { color: var(--muted); border-color: var(--line); background: var(--surface); }
.industry-card { min-height: 106px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 15px; border: 1px solid var(--line); background: var(--surface); }
.industry-symbol { width: 38px; height: 38px; font-size: 19px; }
.industry-card .code { display: block; margin-bottom: 4px; color: var(--blue); font: 500 10px var(--mono); text-transform: uppercase; }
.industry-card strong { display: block; font-size: 17px; }
.industry-card span { color: var(--muted); font-size: 14px; }
.industry-card .industry-symbol { color: var(--blue); font-size: 19px; }
.industry-card small { align-self: end; color: var(--muted); font: 500 10px var(--mono); white-space: nowrap; }
.industry-card .industry-card-zh { display: block; color: var(--muted); font-size: 14px; }
.industry-results-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 24px; }
.industry-count { margin: 0; color: var(--muted); font-size: var(--text-sm); }
.industry-language-control { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; white-space: nowrap; }
.industry-language-toggle { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2); }
.industry-language-toggle button { min-height: 31px; border: 0; border-radius: 5px; padding: 4px 9px; color: var(--ink-soft); background: transparent; font-size: 13px; }
.industry-language-toggle button[aria-pressed="true"] { color: var(--ink); background: var(--surface); box-shadow: 0 1px 3px rgb(15 28 52 / .12); }
.trade-picker { margin-top: 4px; }
.trade-current { margin: 10px 0; color: var(--muted); font-size: var(--text-sm); }
.trade-current strong { color: var(--ink); }
.selected-framework { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid var(--blue); border-radius: 10px; background: var(--blue-pale); }
.selected-framework .eyebrow { margin: 0 0 6px; color: var(--blue); }
.selected-framework h3 { margin: 0; font-size: 20px; }
.selected-framework .muted { margin: 5px 0 0; }
.selected-framework .button { flex: 0 0 auto; }
.trade-picker-actions { display: flex; margin-top: 14px; }
.trade-search-empty { margin: 13px 0 0; padding: 13px; border: 1px dashed var(--line-strong); color: var(--muted); background: var(--surface-2); }
.trade-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 330px; overflow: auto; padding-right: 2px; }
.trade-result { min-width: 0; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); text-align: left; color: var(--ink); cursor: pointer; }
.trade-result:hover, .trade-result:focus-visible { border-color: var(--blue); outline: none; }
.trade-result.is-selected { border-color: var(--blue); background: var(--blue-pale); }
.trade-result strong, .trade-result span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trade-result span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.category-editor { margin-top: 9px; }
.category-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 16px; }
.category-status { min-height: 20px; margin-top: 12px; }
.category-choice { padding: 11px; border: 1px solid var(--line); border-radius: 10px; }
.category-choice:has(input:checked) { border-color: var(--blue); background: var(--blue-pale); }
.category-choice-toggle { display: flex; gap: 9px; align-items: flex-start; cursor: pointer; }
.category-choice input { width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--blue); }
.category-choice b, .category-choice small { display: block; }
.category-choice small { margin-top: 2px; color: var(--muted); }
.wording-profile-steps.customer-choice-count-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 9px 0 10px; }
.wording-profile-step.customer-choice-count-step { min-height: 92px; }
.language-panel { margin-bottom: 14px; }
.language-panel > .muted { margin: -5px 0 13px; }
.language-toggle { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); }
.language-choice { min-height: 36px; display: inline-flex; align-items: center; gap: 7px; border: 0; border-radius: 6px; padding: 6px 12px; color: var(--ink-soft); background: transparent; font-size: var(--text-sm); }
.language-choice[aria-pressed="true"] { color: var(--on-blue, #fff); background: var(--blue); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blue) 78%, #000), 0 1px 3px rgb(15 28 52 / .18); font-weight: 700; }
.language-choice-check { font-size: 12px; line-height: 1; }
.customer-language-static { color: var(--muted); font-size: var(--text-sm); }
.google-review-url-control { display: flex; align-items: stretch; gap: 8px; }
.google-review-url-control input { min-width: 0; flex: 1 1 auto; }
.google-review-url-control .button { min-height: 46px; flex: 0 0 auto; white-space: nowrap; }
.google-place-status { margin: 8px 0 0; }
.google-place-results { display: grid; gap: 7px; margin-top: 10px; }
.google-place-result { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border: 1px solid var(--line); background: var(--surface-2); }
.google-place-result > div { min-width: 0; }
.google-place-result strong, .google-place-result small { display: block; }
.google-place-result small { margin-top: 2px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.google-place-result .button { flex: 0 0 auto; min-height: 34px; padding: 6px 10px; }
.catalog-panel { margin-bottom: 14px; }
.catalog-panel > form > .muted { margin: -5px 0 15px; }
.visit-options-manager { margin: 18px 0 20px; padding: 16px; border: 1px solid var(--line); background: var(--surface-2); }
.visit-option-list { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 13px; }
.visit-option-choice { display: inline-flex; align-items: center; gap: 9px; min-width: 142px; padding: 9px 11px; border: 1px solid var(--line-strong); background: var(--surface); cursor: pointer; }
.visit-option-choice:has(input:checked) { border-color: var(--blue); background: var(--blue-pale); }
.visit-option-choice input { width: 16px; height: 16px; margin: 0; accent-color: var(--blue); }
.visit-option-choice b, .visit-option-choice small { display: block; }
.visit-option-choice b { font-size: var(--text-sm); }
.visit-option-choice small { margin-top: 1px; color: var(--muted); font-size: 12px; }
.catalog-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.catalog-split > * { min-width: 0; }
.catalog-list { display: grid; gap: 9px; }
.catalog-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; padding: 12px; border: 1px solid var(--line); background: var(--surface-2); }
.catalog-row-actions { grid-column: 1 / -1; justify-self: end; }
.catalog-row .button { min-height: 34px; padding: 6px 11px; }
.catalog-row--single-language { grid-template-columns: minmax(0, 1fr); }
.service-team { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.catalog-split .catalog-subpanel { margin: 0; }
.subsection-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.subsection-heading h3 { margin: 0 0 5px; font-size: var(--text-base); }
.subsection-heading p { max-width: 680px; margin: 0; }
.provider-list { display: grid; gap: 9px; margin-top: 14px; }
.provider-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .65fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 10px; align-items: end; padding: 11px; border: 1px solid var(--line); background: var(--surface-2); }
.provider-row .button { min-height: 42px; }
.provider-row--single-language { grid-template-columns: minmax(0, 1fr) minmax(120px, .65fr) minmax(0, 1fr) auto; }
.catalog-split .provider-row, .catalog-split .provider-row--single-language { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.catalog-split .provider-row .button { grid-column: 1 / -1; justify-self: start; }
.service-team .hero-actions { margin-top: 12px; }
.item-empty { margin: 0; color: var(--muted); font-size: var(--text-sm); }
.entry-list { margin-top: 14px; }
.entry-list-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.entry-list-head h3 { margin: 0; font-size: var(--text-base); }
.entry-list .saved-option-list, .entry-list .item-empty { margin-top: 9px; }
.saved-option-list { display: grid; gap: 8px; margin-top: 14px; }
.saved-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 11px; border: 1px solid var(--line); background: var(--surface-2); }
.saved-option > div:first-child { min-width: 0; }
.saved-option strong, .saved-option small { display: block; }
.saved-option small { margin-top: 2px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.saved-option-actions { display: flex; flex: 0 0 auto; gap: 5px; }
.saved-option-actions .button { min-height: 34px; padding: 6px 10px; }
.entry-editor { display: grid; gap: 12px; margin-top: 14px; padding: 14px; border: 1px solid var(--line-strong); background: var(--surface); }
.entry-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.entry-editor-head h3 { margin: 0; font-size: var(--text-base); }
.entry-editor-head p { margin: 3px 0 0; font-size: 13px; }
.entry-editor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.entry-editor-fields--single { grid-template-columns: 1fr; }
.provider-entry-editor-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.entry-editor .hero-actions { margin-top: 0; }
.entry-editor .form-status { min-height: 20px; }
.customer-form-layout { align-items: start; }
.form-foundations-stack { display: grid; gap: 14px; }
.customer-form-column { display: grid; align-content: start; gap: 15px; }
.customer-form-layout > .catalog-panel { grid-column: 1 / -1; }
.customer-form-layout .panel { margin: 0; }
.customer-form-layout .trade-builder-panel { min-height: 0; }
.customer-form-layout .builder-panel > .muted { margin: -5px 0 0; }
.customer-form-layout .builder-destinations { display: grid; gap: 8px; margin: 16px 0; }
.customer-form-layout .builder-destinations > div { display: grid; gap: 2px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.customer-form-layout .builder-destinations span { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm); }
.wording-profile-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 15px; overflow: hidden; border: 1px solid var(--line-strong); background: var(--surface-2); }
.wording-profile-step { min-width: 0; min-height: 92px; display: grid; align-content: start; gap: 9px; padding: 12px 9px 11px; color: var(--ink-soft); border: 0; border-left: 1px solid var(--line-strong); background: var(--surface); text-align: left; }
.wording-profile-step:first-child { border-left: 0; }
.wording-profile-step:hover:not(:disabled), .wording-profile-step:focus-visible { position: relative; z-index: 1; outline: 2px solid var(--blue); outline-offset: -2px; }
.wording-profile-step-copy { display: grid; gap: 2px; min-width: 0; }
.wording-profile-step-copy b { overflow-wrap: anywhere; font-size: 13px; line-height: 1.15; }
.wording-profile-step-copy small { color: var(--muted); font-size: 11px; line-height: 1.25; }
.wording-profile-step.is-active { color: var(--blue-ink); background: var(--blue-pale); box-shadow: inset 0 3px 0 var(--blue); }
.wording-profile-step.is-locked { color: #8a93a3; background: #f3f4f6; opacity: 1; }
.wording-profile-step.is-locked .wording-profile-step-copy small { color: #8a93a3; }
.wording-profile-note { margin: 11px 0 0; }

.faq-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); align-items: start; gap: 42px; }
.faq-sidebar { position: sticky; top: 90px; display: grid; gap: 4px; }
.faq-sidebar button { border: 0; border-left: 2px solid transparent; padding: 8px 10px; color: var(--ink-soft); background: transparent; text-align: left; font-size: var(--text-sm); }
.faq-sidebar button:hover, .faq-sidebar button.is-active { color: var(--blue); border-left-color: var(--blue); background: var(--blue-pale); }
.faq-list { display: grid; gap: 8px; }
.faq-item { border: 1px solid var(--line); background: var(--surface); }
.faq-item summary { position: relative; padding: 16px 48px 16px 17px; color: var(--ink); cursor: pointer; font-size: var(--text-base); font-weight: 600; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 17px; color: var(--blue); font: 27px/1 var(--sans); }
.faq-item[open] summary::after { content: "–"; }
.faq-item p { margin: 0; padding: 0 17px 17px; color: var(--ink-soft); font-size: var(--text-sm); }
.faq-contact { margin: 25px 0 0; }
.faq-guide-callout { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 28px; padding: 22px 24px; border: 1px solid color-mix(in srgb, var(--blue) 32%, var(--line)); background: var(--blue-pale); }
.faq-guide-callout .eyebrow { margin-bottom: 7px; }
.faq-guide-callout h2 { margin-bottom: 6px; }
.faq-guide-callout p:not(.eyebrow) { max-width: 650px; margin: 0; color: var(--ink-soft); font-size: var(--text-sm); }
.faq-guide-callout .button { flex: 0 0 auto; }

.google-reviews-guide { padding-top: 44px; }
.google-guide-intro { max-width: 800px; margin-bottom: 34px; }
.google-guide-intro > p { max-width: 750px; margin-bottom: 20px; color: var(--ink-soft); font-size: clamp(18px, 1.8vw, 21px); line-height: 1.55; }
.google-guide-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: start; gap: 42px; }
.google-guide-nav { position: sticky; top: 90px; display: grid; gap: 4px; }
.google-guide-nav .eyebrow { margin: 0 0 7px; }
.google-guide-nav a { display: grid; gap: 1px; padding: 9px 10px; border-left: 2px solid transparent; color: var(--ink-soft); font-size: var(--text-sm); }
.google-guide-nav a:hover, .google-guide-nav a:focus-visible { border-left-color: var(--blue); color: var(--blue); background: var(--blue-pale); outline: 0; }
.google-guide-nav a b { font-size: 13px; }
.google-guide-nav a span { color: var(--muted); font-size: 12px; }
.google-guide-content { display: grid; gap: 15px; }
.google-guide-step { scroll-margin-top: 92px; padding: clamp(22px, 3vw, 31px); border: 1px solid var(--line); background: var(--surface); }
.google-guide-step-number { margin: 0 0 8px; color: var(--blue); font: 600 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.google-guide-step h2 { margin-bottom: 12px; }
.google-guide-step > p, .google-guide-step li { color: var(--ink-soft); font-size: var(--text-sm); line-height: 1.65; }
.google-guide-step > p:last-child { margin-bottom: 0; }
.google-guide-step ul, .google-guide-step ol { display: grid; gap: 12px; margin: 17px 0 0; padding-left: 22px; }
.google-guide-step li { padding-left: 3px; }
.google-guide-step strong { color: var(--ink); }
.google-guide-step--reviewous { border-left: 3px solid var(--blue); background: color-mix(in srgb, var(--blue-pale) 42%, var(--surface)); }
.google-guide-step--reviewous .button { margin-top: 6px; }
.guide-external-link, .field-help-link { color: var(--blue); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.guide-external-link { display: inline-flex; align-items: center; gap: 4px; margin-top: 7px; }
.guide-external-link svg { width: 15px; height: 15px; }
.field-help-link { margin-left: auto; font-size: 13px; font-weight: 500; }

.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 50px; align-items: start; }
.contact-list { display: grid; gap: 0; border-top: 1px solid var(--line); }
.contact-list div { padding: 17px 0; border-bottom: 1px solid var(--line); }
.contact-list strong { display: block; margin-bottom: 3px; }
.form-card { padding: clamp(20px, 4vw, 34px); border: 1px solid var(--line); background: var(--surface); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.form-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; }
.form-status { margin: 0; color: var(--blue); font-size: var(--text-sm); }

.site-footer { border-top: 1px solid var(--line); background: var(--surface); }
.footer-inner { width: min(var(--max), calc(100% - 40px)); margin: auto; padding: 42px 0 22px; }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 24px; }
.footer-grid p { max-width: 300px; margin-top: 14px; color: var(--muted); font-size: var(--text-sm); }
.footer-col { display: grid; align-content: start; gap: 7px; }
.footer-col strong { margin-bottom: 3px; font-size: var(--text-sm); }
.footer-col a { color: var(--muted); font-size: var(--text-sm); }
.footer-col a:hover { color: var(--blue); }
.footer-bottom { display: flex; justify-content: space-between; gap: 15px; margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }

.help-launcher { position: fixed; z-index: 35; right: 20px; bottom: 20px; width: 46px; min-width: 46px; min-height: 46px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; padding: 0; color: var(--on-ink); background: var(--ink); box-shadow: var(--shadow); font-size: var(--text-sm); font-weight: 600; }
.help-launcher:hover { background: var(--blue); border-color: var(--blue); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
.modal-backdrop { position: fixed; z-index: 100; inset: 0; display: grid; place-items: end; padding: 18px; background: rgb(12 18 29 / .4); }
.session-recovery { width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - 32px); color: var(--ink); }
.session-recovery::backdrop { background: rgb(12 18 29 / .55); }
.help-drawer { width: min(440px, 100%); max-height: min(670px, calc(100vh - 36px)); overflow: auto; padding: 21px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.drawer-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.drawer-head h2 { margin-bottom: 4px; font-size: 24px; }
.drawer-head p { margin-bottom: 0; color: var(--muted); font-size: var(--text-sm); }
.help-links { display: grid; gap: 8px; margin: 17px 0; }
.help-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--line); background: var(--canvas); font-size: var(--text-sm); }
.help-link:hover { border-color: var(--blue); }
.help-links[hidden], .help-results[hidden], .help-link[hidden] { display: none !important; }
.help-results { display: grid; gap: 8px; margin: 17px 0; }
.help-results-title { margin: 0 0 2px; color: var(--ink-soft); font-size: var(--text-sm); font-weight: 700; }
.help-result { display: flex; align-items: start; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--line); background: var(--canvas); font-size: var(--text-sm); }
.help-result:hover, .help-result:focus-visible { border-color: var(--blue); }
.help-result b, .help-result small { display: block; }
.help-result small { margin-top: 4px; color: var(--muted); line-height: 1.4; }
.help-result svg { flex: 0 0 auto; margin-top: 2px; }
.help-results-all { color: var(--blue); font-size: var(--text-sm); font-weight: 700; }

/* Customer editor */
.editor-shell { min-height: 100vh; background: var(--canvas); }
.editor-header { min-height: 64px; display: flex; align-items: center; gap: 16px; padding: 0 max(20px, calc((100% - var(--max)) / 2)); border-bottom: 1px solid var(--line); background: var(--surface); }
.editor-header .brand-logo { width: 123px; height: 33px; }
.editor-header-spacer { flex: 1; }
.embed-appearance { display: flex; justify-content: flex-end; padding: 10px 14px 0; }
.editor-host { padding: clamp(25px, 5vw, 70px) 20px; }
.experience { position: relative; width: min(1050px, 100%); margin: auto; overflow: hidden; border: 1px solid var(--line); border-top: 4px solid var(--brand, var(--blue)); background: var(--surface); box-shadow: var(--shadow); }
.tier-ribbon { position: absolute; z-index: 4; top: 17px; left: -50px; width: 165px; padding: 8px 0; color: #fff; background: #78462d; box-shadow: 0 3px 9px rgb(31 24 14 / .2); font: 700 12px/1 var(--mono); letter-spacing: .12em; text-align: center; text-transform: uppercase; transform: rotate(-45deg); pointer-events: none; }
.tier-ribbon[data-plan-tier="advanced"] { background: #65717f; }
.tier-ribbon[data-plan-tier="expert"] { color: #352306; background: #d6a32f; }
.experience[data-theme="editorial"] .experience-business h2 { font-family: var(--serif); font-size: 32px; }
.experience[data-theme="editorial"] .editor-intro h1 { font-family: var(--serif); font-weight: 500; }
.experience[data-theme="warm"] { background: color-mix(in srgb, var(--brand-pale, var(--blue-pale)) 28%, var(--surface)); }
.experience[data-theme="warm"] .option-group, .experience[data-theme="warm"] .draft-card { background: color-mix(in srgb, var(--surface) 84%, var(--brand-pale, var(--blue-pale))); }
.experience[data-theme="compact"] .experience-body { padding: clamp(16px, 3vw, 28px); }
.experience[data-theme="compact"] .editor-intro { margin: 18px 0; }
.experience[data-theme="compact"] .review-fields { gap: 11px; }
.experience[data-theme="showcase"] { color: #f5f7ff; border-color: #384967; background: #141c2b; box-shadow: 0 22px 52px rgb(4 9 19 / .32); }
.experience[data-theme="showcase"] .experience-body { background: #141c2b; }
.experience[data-theme="showcase"] .experience-top, .experience[data-theme="showcase"] .private-feedback { border-color: rgb(214 225 255 / .19); }
.experience[data-theme="showcase"] .experience-business h2, .experience[data-theme="showcase"] .editor-intro h1, .experience[data-theme="showcase"] .option-title strong, .experience[data-theme="showcase"] .draft-card h3, .experience[data-theme="showcase"] .destination, .experience[data-theme="showcase"] .share-qr { color: #f5f7ff; }
.experience[data-theme="showcase"] .experience-business p, .experience[data-theme="showcase"] .experience-address, .experience[data-theme="showcase"] .editor-intro p, .experience[data-theme="showcase"] .option-title span, .experience[data-theme="showcase"] .draft-meta, .experience[data-theme="showcase"] .customer-language-static { color: #b9c6dc; }
.experience[data-theme="showcase"] .experience-logo { color: var(--brand-text, #101827); border: 1px solid color-mix(in srgb, var(--brand, #8da8ff) 75%, #fff); background: var(--brand, #8da8ff); }
.experience[data-theme="showcase"] .experience-service-mode { color: #dce6ff; border-color: rgb(214 225 255 / .28); background: rgb(214 225 255 / .08); }
.experience[data-theme="showcase"] .segmented { border-color: rgb(214 225 255 / .24); background: #1e293d; }
.experience[data-theme="showcase"] .segmented button { color: #b9c6dc; }
.experience[data-theme="showcase"] .segmented button[aria-pressed="true"] { color: #101827; background: #f5f7ff; box-shadow: none; }
.experience[data-theme="showcase"] .option-group, .experience[data-theme="showcase"] .draft-card, .experience[data-theme="showcase"] .destination, .experience[data-theme="showcase"] .share-qr { border-color: rgb(214 225 255 / .2); background: #1b2639; }
.experience[data-theme="showcase"] .select-pill { color: #dce6ff; border-color: #51627f; background: #141c2b; }
.experience[data-theme="showcase"] .select-pill[aria-pressed="true"] { color: var(--brand-text, #101827); border-color: var(--brand, #8da8ff); background: var(--brand, #8da8ff); }
.experience[data-theme="showcase"] .choice-score-box { border-color: rgb(214 225 255 / .25); background: #141c2b; }
.experience[data-theme="showcase"] .choice-score-box--positive { background: color-mix(in srgb, var(--brand, #8da8ff) 18%, #141c2b); }
.experience[data-theme="showcase"] .choice-score-box--neutral { background: #1e293d; }
.experience[data-theme="showcase"] .choice-score-box--critical { background: color-mix(in srgb, #d37a8a 13%, #141c2b); }
.experience[data-theme="showcase"] .choice-score-box.is-selected { border-color: var(--brand, #8da8ff); }
.experience[data-theme="showcase"] .choice-score-empty { color: #b9c6dc; }
.experience[data-theme="showcase"] .food-ranker-source, .experience[data-theme="showcase"] .food-rank-box { border-color: rgb(214 225 255 / .25); background: #141c2b; }
.experience[data-theme="showcase"] .food-rank-box--loved { background: color-mix(in srgb, var(--brand, #8da8ff) 18%, #141c2b); }
.experience[data-theme="showcase"] .food-rank-box--fine { background: #1e293d; }
.experience[data-theme="showcase"] .food-rank-box--skip { background: color-mix(in srgb, #d37a8a 13%, #141c2b); }
.experience[data-theme="showcase"] .food-ranker-source > span, .experience[data-theme="showcase"] .food-ranker-help, .experience[data-theme="showcase"] .food-rank-empty { color: #b9c6dc; }
.experience[data-theme="showcase"] .food-ranker-item { color: #f5f7ff; border-color: #51627f; background: #111827; }
.experience[data-theme="showcase"] .food-ranker-item.is-ranked, .experience[data-theme="showcase"] .food-ranker-item.is-active { color: var(--brand-text, #101827); border-color: var(--brand, #8da8ff); background: var(--brand, #8da8ff); }
.experience[data-theme="showcase"] .draft-area { color: #f5f7ff; border-color: rgb(214 225 255 / .24); background: #111827; }
.experience[data-theme="showcase"] .draft-area::placeholder { color: #9fafc8; }
.experience[data-theme="showcase"] .draft-area:focus { border-color: var(--brand, #8da8ff); background: #111827; }
.experience[data-theme="showcase"] .field { color: #dce6ff; }
.experience[data-theme="showcase"] .field input, .experience[data-theme="showcase"] .field textarea, .experience[data-theme="showcase"] .field select { color: #f5f7ff; border-color: #51627f; background: #111827; }
.experience[data-theme="showcase"] .field input::placeholder, .experience[data-theme="showcase"] .field textarea::placeholder { color: #9fafc8; }
.experience[data-theme="showcase"] .field input:focus, .experience[data-theme="showcase"] .field textarea:focus, .experience[data-theme="showcase"] .field select:focus { border-color: var(--brand, #8da8ff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #8da8ff) 25%, transparent); }
.experience[data-theme="showcase"] .button { color: #f5f7ff; border-color: #5b6e8f; background: #202d44; }
.experience[data-theme="showcase"] .button:hover { border-color: #b9c6dc; background: #283852; }
.experience[data-theme="showcase"] .button--primary { color: var(--brand-text, #101827); border-color: var(--brand, #8da8ff); background: var(--brand, #8da8ff); }
.experience[data-theme="showcase"] .button--primary:hover { color: var(--brand-text, #101827); border-color: var(--brand, #8da8ff); background: color-mix(in srgb, var(--brand, #8da8ff) 86%, #fff); }
.experience[data-theme="showcase"] .button--quiet { color: #c9d5ec; border-color: transparent; background: transparent; }
.experience[data-theme="showcase"] .button--quiet:hover { background: rgb(214 225 255 / .1); }
.experience[data-theme="showcase"] .destination:hover { border-color: var(--brand, #8da8ff); }
.experience-hero { height: 134px; background: linear-gradient(120deg, color-mix(in srgb, var(--brand, var(--blue)) 25%, #0f1837), color-mix(in srgb, var(--brand, var(--blue)) 38%, #0f1837)); }
.experience-hero--image { min-height: 185px; background-image: var(--hero-image); background-position: center var(--hero-focus, 50%); background-size: cover; }
.experience-body { padding: clamp(20px, 4vw, 38px); }
.experience-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding-bottom: 21px; border-bottom: 1px solid var(--line); }
.experience-business { display: flex; gap: 12px; align-items: center; }
.experience-logo { width: 48px; height: 48px; display: grid; place-items: center; overflow: hidden; color: var(--brand, var(--blue)); background: var(--brand-pale, var(--blue-pale)); font: 500 25px var(--serif); }
.experience-logo img { width: 100%; height: 100%; object-fit: contain; background: white; }
.experience--with-hero .experience-body { padding-top: 0; }
.experience--with-hero .experience-top { position: relative; min-height: 110px; padding-top: 72px; }
.experience--with-hero .experience-business { position: absolute; z-index: 1; top: -32px; left: 0; align-items: flex-end; gap: 16px; }
.experience--with-hero .experience-logo { width: 112px; height: 112px; flex: 0 0 112px; border: 5px solid var(--surface); border-radius: 8px; box-shadow: 0 7px 18px rgb(7 14 25 / .22); }
.experience--with-hero .experience-top > .segmented, .experience--with-hero .experience-top > .customer-language-static { position: absolute; top: 20px; right: 0; }
.experience--with-hero .customer-language-static { display: inline-flex; }
.experience-business h2 { margin: 0; font-family: var(--serif); font-size: 26px; }
.experience-business-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 7px; margin-top: 3px; }
.experience-business p { margin: 0; color: var(--muted); font-size: var(--text-sm); }
.experience-address { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: var(--text-sm); }
.experience-address .question-icon { width: 13px; height: 13px; }
.experience-website { color: var(--blue); font-size: var(--text-sm); font-weight: 700; text-decoration: none; }
.experience-website:hover { text-decoration: underline; }
.experience-service-mode { display: inline-block; padding: 3px 7px; border: 1px solid var(--line); border-radius: 99px; color: var(--ink-soft); background: var(--surface-2); font-size: 11px; font-weight: 650; }
.editor-intro { margin: 27px 0; }
.editor-intro h1 { margin-bottom: 8px; font-size: clamp(28px, 4vw, 42px); }
.editor-intro p { margin-bottom: 0; color: var(--ink-soft); }
.editor-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: 26px; align-items: start; }
.review-fields { display: grid; gap: 17px; }
.option-group { padding: 17px; border: 1px solid var(--line); background: var(--surface); }
.option-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.option-title strong { font-size: 17px; }
.question-heading { display: inline-flex; align-items: center; gap: 7px; }
.question-icon { flex: 0 0 16px; width: 16px; height: 16px; }
.option-title > span { color: var(--muted); font-size: 13px; }
.select-pills { display: flex; gap: 7px; flex-wrap: wrap; }
.select-pill { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line-strong); border-radius: 99px; padding: 7px 11px; color: var(--ink-soft); background: var(--surface); text-align: center; font-size: 13px; line-height: normal; white-space: nowrap; }
.select-pill[aria-pressed="true"] { color: var(--brand-text, #fff); border-color: var(--brand, var(--blue)); background: var(--brand, var(--blue)); }
.choice-ranker { display: grid; gap: 12px; padding: 17px 17px 0; overflow: hidden; }
.choice-ranker .option-title { margin-bottom: 0; }
.choice-score-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 -17px; border-top: 1px solid var(--line); }
.choice-score-box { min-height: 96px; display: grid; align-content: start; padding: 13px; border: 0; border-left: 1px solid var(--line); background: var(--surface); transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.choice-score-box:first-child { border-left: 0; }
.choice-score-box.is-selected { border-color: var(--brand, var(--blue)); }
.choice-score-box--positive { background: color-mix(in srgb, var(--brand-pale, var(--blue-pale)) 45%, var(--surface)); }
.choice-score-box--neutral { background: var(--surface-2); }
.choice-score-box--critical { background: color-mix(in srgb, var(--red) 5%, var(--surface)); }
.choice-score-box-items { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 7px; }
.choice-score-pill { width: fit-content; max-width: min(100%, 138px); min-width: 0; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 5px 8px; flex: 0 1 auto; font-size: 13px; line-height: 1.25; text-align: center; text-wrap: balance; overflow-wrap: anywhere; }
.choice-score-empty { align-self: center; color: var(--muted); font-size: 12px; font-style: italic; }
.rating-picker { display: grid; gap: 10px; }
.rating-picker .option-title { margin-bottom: 0; }
.rating-picker-controls { display: flex; align-items: center; gap: 6px; min-height: 38px; }
.rating-star { width: 26px; height: 32px; padding: 0; color: var(--gold); border: 0; background: transparent; font-size: 25px; line-height: 1; }
.rating-star:hover, .rating-star:focus-visible { color: var(--gold); transform: translateY(-1px); outline: none; }
.rating-star:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, var(--blue)) 22%, transparent); border-radius: 5px; }
.rating-star.is-selected { color: var(--gold); }
.rating-picker-status { margin-left: 7px; color: var(--muted); font-size: 12px; }
.food-ranker { display: grid; gap: 12px; }
.food-ranker .option-title { margin-bottom: 0; }
.food-ranker-help { margin: -3px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.food-ranker-source { display: grid; gap: 8px; padding: 11px; border: 1px dashed var(--line-strong); background: var(--surface-2); }
.food-ranker-source > span { color: var(--ink-soft); font-size: 12px; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; }
.food-ranker-source-items, .food-rank-box-items { display: flex; flex-wrap: wrap; gap: 7px; align-content: flex-start; }
.food-ranker-item { min-height: 35px; padding: 6px 10px; color: var(--ink); border: 1px solid var(--line-strong); border-radius: 99px; background: var(--surface); cursor: grab; font: 600 13px var(--sans); }
.food-ranker-item:active { cursor: grabbing; }
.food-ranker-item.is-ranked { color: var(--brand-text, #fff); border-color: var(--brand, var(--blue)); background: var(--brand, var(--blue)); }
.food-ranker-item.is-active { color: var(--brand-text, #fff); border-color: var(--brand, var(--blue)); background: var(--brand, var(--blue)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, var(--blue)) 18%, transparent); }
.food-rank-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.food-rank-box { min-height: 126px; display: grid; grid-template-rows: auto 1fr; gap: 10px; padding: 11px; border: 1px solid var(--line); outline: none; background: var(--surface); transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.food-rank-box:focus-visible, .food-rank-box.is-drag-over { border-color: var(--brand, var(--blue)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, var(--blue)) 18%, transparent); }
.food-rank-box--loved { background: color-mix(in srgb, var(--brand-pale, var(--blue-pale)) 45%, var(--surface)); }
.food-rank-box--fine { background: var(--surface-2); }
.food-rank-box--skip { background: color-mix(in srgb, var(--red) 5%, var(--surface)); }
.food-rank-box > strong { font-size: 14px; }
.food-rank-empty { align-self: center; color: var(--muted); font-size: 12px; font-style: italic; }
.choice-score-pills { margin-top: 11px; }
.choice-score-pill { width: auto; max-width: none; min-height: 40px; padding: 7px 11px; line-height: normal; white-space: nowrap; text-wrap: wrap; overflow-wrap: normal; }
.food-rank-list { display: grid; gap: 9px; }
.food-rank-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px; border: 1px solid var(--line); background: var(--surface-2); }
.food-rank-row > strong { color: var(--ink); font-size: 14px; }
.food-rank-options { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.food-rank-option { min-height: 40px; }
.experience[data-theme="showcase"] .food-rank-row { border-color: rgb(214 225 255 / .25); background: #141c2b; }
.draft-card { position: sticky; top: 86px; padding: 19px; border: 1px solid var(--line); border-top: 3px solid var(--brand, var(--blue)); background: var(--surface); }
.draft-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.draft-card h3 { margin: 0; }
.draft-area { width: 100%; min-height: 260px; padding: 13px; color: var(--ink); border: 1px solid var(--line); outline: none; overflow-y: hidden; background: var(--surface-2); resize: none; font-size: var(--text-sm); line-height: 1.55; }
.draft-area:focus { background: var(--surface); border-color: var(--brand, var(--blue)); }
.draft-meta { display: flex; justify-content: space-between; gap: 10px; margin: 7px 0 14px; color: var(--muted); font-size: 13px; }
.draft-variation-actions { display: grid; gap: 8px; margin: 0 0 8px; }
.draft-card [data-action="speak-draft"].is-listening { color: var(--brand-text, #fff); border-color: var(--brand, var(--blue)); background: var(--brand, var(--blue)); }
.draft-card > [data-action="speak-draft"] + [data-action="copy-draft"] { margin-top: 8px; }
.destinations { display: grid; gap: 7px; margin-top: 16px; }
.destination { min-height: 48px; display: flex; justify-content: space-between; align-items: center; gap: 10px; border: 1px solid var(--line); padding: 7px 10px; background: var(--surface); font-size: var(--text-sm); }
.destination:hover { border-color: var(--brand, var(--blue)); }
.share-qr { display: grid; grid-template-columns: 118px minmax(0, 1fr); align-items: center; gap: 16px; margin-top: 18px; padding: 14px; border: 1px solid var(--line); background: var(--surface-2); }
.share-qr-image { width: 118px; padding: 8px; color: #101828; background: #fff; }
.share-qr-code { display: block; width: 100%; height: auto; }
.share-qr strong { display: block; margin-bottom: 5px; }
.share-qr p { margin: 0 0 11px; font-size: var(--text-sm); line-height: 1.5; }
.destination-start { display: flex; gap: 9px; align-items: center; }
.destination img, .destination-icon { width: 27px; height: 27px; object-fit: contain; padding: 3px; border: 1px solid var(--line); background: white; }
.private-feedback { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 16px; }
.private-feedback summary { cursor: pointer; font-size: var(--text-sm); font-weight: 600; }
.private-feedback .field { margin-top: 12px; }

/* Product workspaces */
.workspace { min-height: 100vh; background: var(--canvas); }
.workspace-header { min-height: 65px; display: flex; align-items: center; gap: 17px; padding: 0 max(20px, calc((100% - 1460px) / 2)); border-bottom: 1px solid var(--line); background: var(--surface); }
.workspace-name { padding-left: 17px; border-left: 1px solid var(--line); color: var(--ink-soft); font-size: var(--text-sm); font-weight: 600; }
.workspace-page-switch { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; white-space: nowrap; }
.workspace-page-switch select { min-height: 34px; max-width: 230px; padding: 6px 28px 6px 9px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: var(--surface); font: inherit; }
.workspace-user { color: var(--muted); font-size: var(--text-sm); white-space: nowrap; }
.workspace-grid { width: min(1460px, 100%); min-height: calc(100vh - 65px); margin: auto; display: grid; grid-template-columns: 228px minmax(0, 1fr); }
.workspace-nav { padding: 21px 13px; border-right: 1px solid var(--line); background: var(--surface); }
.workspace-nav-label { display: block; padding: 0 9px 8px; color: var(--muted); font: 500 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.workspace-nav button { width: 100%; min-height: 40px; display: flex; align-items: center; gap: 10px; border: 0; border-left: 2px solid transparent; padding: 7px 9px; color: var(--ink-soft); background: transparent; text-align: left; font-size: var(--text-sm); }
.workspace-nav button:hover, .workspace-nav button.is-active { color: var(--ink); border-left-color: var(--blue); background: var(--blue-pale); }
.workspace-nav-public { display: none; }
.workspace-content { padding: clamp(22px, 3.5vw, 48px); min-width: 0; }
.workspace-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; flex-wrap: wrap; margin-bottom: 30px; }
.workspace-title h1 { margin-bottom: 7px; font-size: clamp(30px, 4vw, 44px); }
.workspace-title p { margin: 0; color: var(--muted); font-size: var(--text-sm); }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 30px; }
.stat { min-height: 123px; padding: 17px; border: 1px solid var(--line); background: var(--surface); }
.stat span { display: block; margin-bottom: 19px; color: var(--muted); font-size: 13px; }
.stat strong { display: block; font-size: 29px; letter-spacing: -.025em; }
.stat small { color: var(--blue); font-size: 12px; }
.workspace-cards { display: grid; grid-template-columns: 1.25fr .75fr; gap: 15px; }
.workspace-cards.sharing-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.panel { padding: 21px; border: 1px solid var(--line); background: var(--surface); }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.panel-head h2 { margin: 0; font-size: 21px; }
.panel-head p { margin: 5px 0 0; }
.customer-pages-manager { margin-bottom: 30px; }
.customer-pages-manager .panel-head { align-items: flex-start; }
.customer-page-capacity { flex: 0 0 auto; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--blue) 32%, var(--line)); border-radius: 99px; color: var(--blue-ink); background: var(--blue-pale); font-size: 12px; font-weight: 700; white-space: nowrap; }
.customer-page-list { display: grid; gap: 10px; }
.customer-page-card { border: 1px solid var(--line); border-radius: 9px; padding: 15px; background: var(--surface-2); }
.customer-page-card.is-selected { border-color: var(--blue); box-shadow: inset 3px 0 0 var(--blue); background: color-mix(in srgb, var(--blue-pale) 45%, var(--surface)); }
.customer-page-card--available { border-style: dashed; background: color-mix(in srgb, var(--surface-2) 86%, var(--blue-pale)); }
.customer-page-card-main { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.customer-page-card-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.customer-page-card h3 { margin: 0; font-size: 16px; }
.customer-page-card p { margin: 4px 0; color: var(--muted); font-size: 13px; }
.customer-page-card small { color: var(--muted); font: 11px var(--mono); }
.customer-page-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.customer-page-actions .button { min-height: 38px; padding: 7px 11px; font-size: 12px; }
.customer-page-slot-note { margin: 14px 0 0; color: var(--ink-soft); font-size: 12px; }
.customer-page-create { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto; align-items: end; gap: 12px; margin-top: 15px; padding-top: 16px; border-top: 1px solid var(--line); }
.customer-page-create .form-status { grid-column: 1 / -1; margin: 0; }
.customer-directory table { min-width: 1110px; }
.directory-business-link { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); }
.directory-business-link:hover { color: var(--blue); }
.directory-business-link .inline-icon { width: 14px; height: 14px; color: var(--blue); }
.customer-directory td small { display: block; max-width: 135px; margin-top: 7px; color: var(--muted); font-size: 11px; line-height: 1.35; }
.directory-actions, .document-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.directory-actions .button, .document-actions .button { min-height: 35px; padding: 6px 9px; font-size: 12px; white-space: nowrap; }
.site-toggle { display: inline-flex; align-items: center; gap: 7px; min-height: 31px; padding: 5px 8px; color: var(--muted); border: 1px solid var(--line-strong); border-radius: 99px; background: var(--surface-2); font-size: 12px; font-weight: 700; }
.site-toggle span { width: 18px; height: 10px; position: relative; border-radius: 99px; background: var(--muted); }
.site-toggle span::after { content: ""; position: absolute; top: 2px; left: 2px; width: 6px; height: 6px; border-radius: 50%; background: #fff; transition: transform .16s ease; }
.site-toggle.is-on { color: var(--blue-ink); border-color: color-mix(in srgb, var(--blue) 34%, var(--line)); background: var(--blue-pale); }
.site-toggle.is-on span { background: var(--blue); }
.site-toggle.is-on span::after { transform: translateX(8px); }
.biz-layout { margin-top: 17px; }
.biz-layout .panel > .panel-head { align-items: flex-start; }
.biz-layout .process { margin-top: 12px; }
.customer-page-unavailable { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: var(--canvas); }
.customer-page-unavailable section { width: min(100%, 620px); padding: clamp(28px, 6vw, 60px); border: 1px solid var(--line); background: var(--surface); text-align: center; }
.customer-page-unavailable h1 { margin-bottom: 13px; font-size: clamp(32px, 5vw, 52px); letter-spacing: -.025em; }
.customer-page-unavailable .lede { margin-bottom: 0; }
.activity-list { display: grid; }
.activity { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 10px; padding: 13px 0; border-top: 1px solid var(--line); font-size: var(--text-sm); }
.activity-dot { width: 7px; height: 7px; background: var(--blue); border-radius: 50%; }
.activity time { color: var(--muted); font-size: 12px; }
.settings-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.settings-layout .panel--wide { grid-column: 1 / -1; }
.brand-form-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 0 0; border-top: 1px solid var(--line); }
.brand-form-actions .hero-actions { margin-top: 0; }
.brand-form-actions .form-status { flex: 1 1 240px; margin: 0; text-align: right; }
.destination-row { display: grid; grid-template-columns: minmax(150px, .65fr) minmax(0, 2fr) auto; gap: 8px; align-items: end; margin-top: 10px; }
.asset-library { display: grid; gap: 15px; }
.asset-library-list { display: grid; gap: 10px; }
.asset-library-row { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 13px; align-items: start; padding: 13px; border: 1px solid var(--line); background: var(--surface-2); }
.asset-library-logo { width: 68px; height: 68px; display: grid; place-items: center; overflow: hidden; color: var(--ink-soft); border: 1px solid var(--line); background: var(--surface); font: 500 20px var(--serif); }
.asset-library-logo img { width: 100%; height: 100%; object-fit: contain; }
.asset-library-fields { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; }
.asset-library-fields .field { gap: 5px; }
.asset-library-actions { display: flex; flex-wrap: wrap; align-items: end; gap: 7px; min-height: 42px; }
.asset-library-actions .button { min-height: 40px; }
.asset-library-row--style { grid-template-columns: 68px minmax(0, 1fr); }
.asset-style-swatch { width: 68px; height: 68px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.asset-style-swatch i:first-child { background: var(--asset-primary); }
.asset-style-swatch i:last-child { background: var(--asset-accent); }
.asset-library-fields--style { grid-template-columns: minmax(130px, .8fr) minmax(180px, 1.5fr) 90px 90px auto; }
.asset-library-fields--style input[type="color"] { width: 100%; min-height: 42px; padding: 4px; cursor: pointer; }
.industry-image-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.industry-image-focus-card { overflow: hidden; border: 1px solid var(--line); background: var(--surface-2); }
.industry-image-focus-preview { position: relative; height: 94px; overflow: hidden; border-bottom: 1px solid var(--line); background: var(--ink); }
.industry-image-focus-preview::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(8 18 35 / .42), transparent 72%); pointer-events: none; }
.industry-image-focus-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.industry-image-focus-preview span { position: absolute; z-index: 1; top: 9px; left: 10px; padding: 3px 6px; color: #fff; border: 1px solid rgb(255 255 255 / .45); background: rgb(8 18 35 / .45); font: 500 10px var(--mono); }
.industry-image-focus-controls { display: grid; gap: 9px; padding: 13px; }
.industry-image-focus-controls h3 { margin: 0; font-size: 17px; }
.industry-image-focus-controls .muted { margin: -3px 0 1px; font-size: 13px; line-height: 1.42; }
.industry-focus-field { gap: 5px; }
.industry-focus-field > span { display: flex; justify-content: space-between; gap: 10px; }
.industry-focus-field output { color: var(--blue); font: 500 12px var(--mono); }
.industry-focus-field input[type="range"] { width: 100%; accent-color: var(--blue); }
.brand-image-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 17px; }
.brand-image-control { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 15px; align-items: start; padding: 13px; border: 1px solid var(--line); background: var(--surface-2); }
.brand-image-preview { width: 128px; height: 94px; display: grid; place-items: center; overflow: hidden; color: var(--muted); border: 1px solid var(--line); background: var(--surface); font: 500 22px var(--serif); text-align: center; }
.brand-image-preview--hero { font: 500 13px var(--sans); }
.brand-image-preview img { width: 100%; height: 100%; object-fit: contain; }
.brand-hero-controls { display: grid; gap: 11px; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--line); }
.brand-hero-controls .field { gap: 5px; }
.hero-crop-preview { position: relative; min-height: 116px; overflow: hidden; display: flex; align-items: flex-end; padding: 10px; color: #fff; border: 1px solid var(--line); background: var(--ink) var(--hero-preview) center var(--hero-focus, 50%) / cover no-repeat; }
.hero-crop-preview::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgb(7 14 25 / .62)); }
.hero-crop-preview span { position: relative; z-index: 1; padding: 4px 6px; border: 1px solid rgb(255 255 255 / .42); background: rgb(7 14 25 / .55); font: 500 11px var(--mono); }
.hero-crop-preview--empty { align-items: center; justify-content: center; padding: 16px; color: var(--muted); background: var(--surface); font-size: 12px; text-align: center; }
.hero-crop-preview--empty::after { display: none; }
.brand-hero-controls input[type="range"] { min-height: auto; padding: 0; accent-color: var(--blue); }
.brand-hero-controls output { color: var(--muted); font: 500 12px var(--mono); }
.brand-hero-controls .fine-print { margin: -5px 0 0; }
.brand-image-preview--hero img { object-fit: cover; }
.brand-image-copy h3 { margin: 1px 0 5px; font-size: var(--text-base); }
.brand-image-copy p { margin: 0; }
.brand-image-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.brand-image-actions .button { margin: 0; }
.file-upload { position: relative; overflow: hidden; cursor: pointer; }
.file-upload input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.file-upload:focus-within { outline: 3px solid var(--blue); outline-offset: 3px; }
.theme-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.theme-choice { min-height: 143px; display: grid; align-content: start; gap: 7px; padding: 9px; border: 1px solid var(--line); color: var(--ink-soft); background: var(--surface-2); text-align: left; font-size: 12px; }
.theme-choice > span:last-child { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.theme-choice strong { color: inherit; font-size: 12px; }
.theme-choice small { color: var(--muted); font-size: 10px; font-weight: 600; }
.theme-choice.is-locked { cursor: not-allowed; opacity: .62; }
.theme-choice-sample { position: relative; min-height: 103px; display: grid; grid-template-columns: 21px minmax(0, 1fr); grid-template-rows: 16px 9px 6px 18px; gap: 7px 8px; padding: 12px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--choice, var(--blue)) 32%, var(--line)); border-top: 3px solid var(--choice, var(--blue)); background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 62%, var(--surface)); }
.theme-choice-sample i { display: block; }
.theme-choice-hero { grid-column: 1 / -1; background: var(--choice-accent, var(--blue-pale)); opacity: .92; }
.theme-choice-avatar { grid-row: 2 / span 2; width: 21px; height: 21px; align-self: center; border: 1px solid color-mix(in srgb, var(--choice, var(--blue)) 46%, var(--line)); background: var(--choice-accent, var(--blue-pale)); }
.theme-choice-title { grid-column: 2; background: var(--choice, var(--blue)); opacity: .7; }
.theme-choice-line { grid-column: 2; width: 91%; align-self: center; height: 5px; background: var(--choice, var(--blue)); opacity: .38; }
.theme-choice-pills { grid-column: 1 / -1; display: flex; gap: 4px; }
.theme-choice-pills i { width: 31%; height: 18px; border: 1px solid color-mix(in srgb, var(--choice, var(--blue)) 58%, var(--line)); border-radius: 99px; }
.theme-choice-type { position: absolute; z-index: 1; top: 4px; right: 7px; color: var(--choice, var(--blue)); font: 600 15px/1 var(--sans); letter-spacing: -.02em; }
.theme-choice[data-theme-choice="editorial"] .theme-choice-type, .theme-choice[data-theme-choice="warm"] .theme-choice-type, .theme-choice[data-theme-choice="soft"] .theme-choice-type, .theme-choice[data-theme-choice="classic"] .theme-choice-type, .theme-choice[data-theme-choice="showcase"] .theme-choice-type { font-family: var(--serif); font-weight: 500; }
.theme-choice[data-theme-choice="compact"] .theme-choice-type { font-family: var(--mono); font-size: 13px; letter-spacing: -.025em; }
.theme-choice[data-theme-choice="impact"] .theme-choice-type { font-family: var(--font-impact); font-size: 19px; letter-spacing: -.02em; }
.theme-choice[data-theme-choice="editorial"] .theme-choice-title { width: 88%; height: 7px; border-bottom: 1px solid var(--choice); background: transparent; opacity: 1; }
.theme-choice[data-theme-choice="editorial"] .theme-choice-hero { height: 9px; align-self: end; opacity: .24; }
.theme-choice[data-theme-choice="showcase"] .theme-choice-sample { grid-template-rows: 27px 7px 6px; color: #fff; border-color: color-mix(in srgb, var(--choice, var(--blue)) 48%, #101827); border-top: 0; background: #101827; }
.theme-choice[data-theme-choice="showcase"] .theme-choice-hero { opacity: 1; background: linear-gradient(120deg, #101827 8%, var(--choice, var(--blue)) 57%, var(--choice-accent, var(--blue-pale))); }
.theme-choice[data-theme-choice="showcase"] .theme-choice-title { background: #fff; }
.theme-choice[data-theme-choice="showcase"] .theme-choice-line { background: #fff; }
.theme-choice[data-theme-choice="showcase"] .theme-choice-pill { border-color: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 76%, #fff); }
.theme-choice[data-theme-choice="showcase"] .theme-choice-type { color: #fff; }
.theme-choice[data-theme-choice="warm"] .theme-choice-sample { border-radius: 8px; background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 74%, #fff); }
.theme-choice[data-theme-choice="warm"] .theme-choice-hero { background: var(--choice, var(--blue)); opacity: .25; }
.theme-choice[data-theme-choice="warm"] .theme-choice-pill { background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 62%, #fff); }
.theme-choice[data-theme-choice="compact"] .theme-choice-sample { grid-template-columns: 1fr 1fr; grid-template-rows: 10px 10px 10px; gap: 3px; padding: 5px; }
.theme-choice[data-theme-choice="compact"] .theme-choice-hero { grid-column: 1 / 2; opacity: .32; }
.theme-choice[data-theme-choice="compact"] .theme-choice-title { grid-column: 2; grid-row: 1; height: auto; }
.theme-choice[data-theme-choice="compact"] .theme-choice-line { grid-column: 1; grid-row: 2; width: 100%; height: auto; }
.theme-choice[data-theme-choice="compact"] .theme-choice-pill { grid-column: 2; grid-row: 2; width: 100%; height: auto; border-radius: 0; }
.theme-choice[data-theme-choice="modern"] .theme-choice-sample { border-radius: 9px; }
.theme-choice[data-theme-choice="modern"] .theme-choice-pills i { border-radius: 8px; }
.theme-choice[data-theme-choice="soft"] .theme-choice-sample { border-radius: 24px; background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 68%, #fff); }
.theme-choice[data-theme-choice="soft"] .theme-choice-hero { border-radius: 99px; background: var(--choice, var(--blue)); opacity: .26; }
.theme-choice[data-theme-choice="soft"] .theme-choice-avatar { margin-top: 2px; border-radius: 46% 54% 50% 50% / 55% 45% 55% 45%; }
.theme-choice[data-theme-choice="soft"] .theme-choice-title, .theme-choice[data-theme-choice="soft"] .theme-choice-line { border-radius: 99px; }
.theme-choice[data-theme-choice="soft"] .theme-choice-pills i { border-radius: 99px; background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 54%, #fff); }
.theme-choice[data-theme-choice="soft"] .theme-choice-pills { margin-top: 2px; }
.theme-choice[data-theme-choice="soft"] .theme-choice-type { top: 12px; right: 16px; padding: 2px 4px; color: var(--choice, var(--blue)); border: 1px solid color-mix(in srgb, var(--choice, var(--blue)) 28%, var(--choice-accent, var(--blue-pale))); border-radius: 99px; background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 86%, #fff); font-family: var(--font-soft); font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.theme-choice[data-theme-choice="classic"] .theme-choice-sample { border-top-width: 1px; background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 42%, #fff); }
.theme-choice[data-theme-choice="classic"] .theme-choice-title { height: 11px; border-bottom: 1px solid var(--choice); background: transparent; opacity: 1; }
.theme-choice[data-theme-choice="classic"] .theme-choice-pills i { border-radius: 0; }
.theme-choice[data-theme-choice="impact"] .theme-choice-sample { border-color: color-mix(in srgb, var(--choice, var(--blue)) 38%, var(--choice-accent, var(--blue-pale))); border-top: 5px solid var(--choice); background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 74%, #fff); }
.theme-choice[data-theme-choice="impact"] .theme-choice-hero { background: var(--choice); opacity: 1; }
.theme-choice[data-theme-choice="impact"] .theme-choice-avatar { border-color: var(--choice); border-radius: 0; }
.theme-choice[data-theme-choice="impact"] .theme-choice-title, .theme-choice[data-theme-choice="impact"] .theme-choice-line { background: var(--choice); }
.theme-choice[data-theme-choice="impact"] .theme-choice-pills i { border-color: var(--choice); border-radius: 0; background: var(--choice); }
.theme-choice[data-theme-choice="impact"] .theme-choice-type { top: 8px; right: 12px; padding: 2px 4px; color: var(--choice, var(--blue)); border: 1px solid color-mix(in srgb, var(--choice, var(--blue)) 28%, var(--choice-accent, var(--blue-pale))); background: var(--choice-accent, var(--blue-pale)); font-size: 17px; line-height: 1; }
.theme-choice[data-colour-preview="night"] .theme-choice-sample { color: #f6f8fc; border-color: color-mix(in srgb, var(--choice, var(--blue)) 60%, #071018); border-top-color: var(--choice, var(--blue)); background: color-mix(in srgb, var(--choice, var(--blue)) 32%, #09121b); }
.theme-choice[data-colour-preview="night"] .theme-choice-hero { background: color-mix(in srgb, var(--choice, var(--blue)) 25%, #13202c); opacity: 1; }
.theme-choice[data-colour-preview="night"] .theme-choice-avatar { border-color: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 54%, #fff); background: color-mix(in srgb, var(--choice, var(--blue)) 44%, #13202c); }
.theme-choice[data-colour-preview="night"] .theme-choice-title { background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 78%, #fff); opacity: .96; }
.theme-choice[data-colour-preview="night"] .theme-choice-line { background: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 70%, #fff); opacity: .68; }
.theme-choice[data-colour-preview="night"] .theme-choice-pills i { border-color: color-mix(in srgb, var(--choice-accent, var(--blue-pale)) 72%, #fff); background: color-mix(in srgb, var(--choice, var(--blue)) 18%, #13202c); }
.theme-choice[data-colour-preview="night"] .theme-choice-type { color: var(--choice-accent, #f6f8fc); }
.theme-choice[data-theme-choice="impact"][data-colour-preview="night"] .theme-choice-sample { border-color: color-mix(in srgb, var(--choice, var(--blue)) 66%, #071018); border-top-color: var(--choice); background: #0c1620; }
.theme-choice[data-theme-choice="impact"][data-colour-preview="night"] .theme-choice-hero { background: linear-gradient(115deg, var(--choice), color-mix(in srgb, var(--choice) 42%, #101923)); }
.theme-choice[data-theme-choice="impact"][data-colour-preview="night"] .theme-choice-avatar { border-color: var(--choice-accent); background: var(--choice-accent); }
.theme-choice[data-theme-choice="impact"][data-colour-preview="night"] .theme-choice-title, .theme-choice[data-theme-choice="impact"][data-colour-preview="night"] .theme-choice-line { background: #f6f8fc; }
.theme-choice[data-theme-choice="impact"][data-colour-preview="night"] .theme-choice-pills i { border-color: color-mix(in srgb, var(--choice-accent) 76%, #fff); background: transparent; }
.theme-choice[data-theme-choice="impact"][data-colour-preview="night"] .theme-choice-type { color: #0c1620; border-color: transparent; background: var(--choice-accent); }
.theme-choice[data-theme-choice="soft"][data-colour-preview="night"] .theme-choice-sample { background: color-mix(in srgb, var(--choice, var(--blue)) 28%, #09121b); }
.theme-choice[data-theme-choice="soft"][data-colour-preview="night"] .theme-choice-hero { background: color-mix(in srgb, var(--choice, var(--blue)) 52%, #13202c); }
.theme-choice[data-theme-choice="soft"][data-colour-preview="night"] .theme-choice-type { color: #0c1620; border-color: transparent; background: var(--choice-accent, #f6f8fc); }
.theme-choice[data-theme-choice="classic"][data-colour-preview="night"] .theme-choice-sample { background: color-mix(in srgb, var(--choice, var(--blue)) 24%, #09121b); }
.theme-choice[data-theme-choice="classic"][data-colour-preview="night"] .theme-choice-title { border-bottom-color: var(--choice-accent); background: transparent; }
.theme-choice[aria-pressed="true"] { border-color: var(--blue); color: var(--ink); box-shadow: inset 0 0 0 1px var(--blue); }
.colour-mode-control { display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.colour-mode-control > span { color: var(--muted); font-size: 12px; }
.palette-row { display: flex; gap: 8px; flex-wrap: wrap; }
.palette { width: 40px; height: 40px; border: 2px solid transparent; border-radius: 50%; background: var(--palette); }
.palette[aria-pressed="true"] { border-color: var(--ink); outline: 2px solid var(--surface); outline-offset: -4px; }
.palette-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
.palette-set { min-height: 72px; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; align-items: center; border: 1px solid var(--line); padding: 9px; color: var(--ink-soft); background: var(--surface-2); text-align: left; }
.palette-set:hover, .palette-set:focus-visible { border-color: var(--blue); outline: none; }
.palette-set[aria-pressed="true"] { border-color: var(--blue); color: var(--ink); background: var(--blue-pale); box-shadow: inset 0 0 0 1px var(--blue); }
.palette-set-swatch { height: 40px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid rgb(15 28 52 / .14); }
.palette-set-swatch i:first-child { background: var(--palette-primary); }
.palette-set-swatch i:last-child { background: var(--palette-accent); }
.palette-set strong, .palette-set small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.palette-set strong { font-size: 13px; }
.palette-set--preset strong { overflow: visible; text-overflow: clip; white-space: normal; line-height: 1.3; }
.palette-set small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.custom-palette-set { position: relative; min-width: 0; }
.palette-set--custom { width: 100%; padding-right: 78px; }
.palette-set-swatch--trio { grid-template-columns: repeat(3, 1fr); }
.palette-set-swatch--trio i:first-child { background: var(--palette-primary); }
.palette-set-swatch--trio i:nth-child(2) { background: var(--palette-accent); }
.palette-set-swatch--trio i:nth-child(3) { background: var(--palette-highlight); }
.palette-set-edit { position: absolute; top: 14px; right: 9px; min-height: 40px; padding: 7px 10px; font-size: 13px; }
.custom-colour-editor { margin-top: 12px; padding: 14px; border: 1px solid var(--line); background: var(--surface-2); }
.custom-colour-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.custom-colour-editor-head > div { display: flex; align-items: baseline; gap: 8px; }
.custom-colour-editor-head strong { color: var(--ink); }
.custom-colour-editor-head span { color: var(--muted); font-size: 12px; }
.custom-colour-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 12px; }
.custom-colour-fields input[type="color"] { width: 100%; min-height: 44px; padding: 4px; cursor: pointer; }
.table-wrap { overflow: auto; border: 1px solid var(--line); background: var(--surface); }
table { width: 100%; border-collapse: collapse; min-width: 620px; font-size: var(--text-sm); }
th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { color: var(--muted); background: var(--surface-2); font-size: 12px; font-weight: 600; }
td { color: var(--ink-soft); }
td strong { color: var(--ink); }
.inbox-message summary { cursor: pointer; }
.inbox-message p { margin: 10px 0 0; white-space: normal; }
.status { display: inline-flex; align-items: center; min-height: 23px; padding: 3px 7px; border: 1px solid var(--line); color: var(--ink-soft); background: var(--surface-2); font: 500 11px var(--mono); text-transform: uppercase; }
.status--new { color: var(--blue-ink); background: var(--blue-pale); border-color: color-mix(in srgb, var(--blue) 25%, var(--line)); }
.status--resolved { color: var(--muted); }
.empty-state { padding: 33px 20px; color: var(--muted); text-align: center; }

/* The customer-page style is owned by Corp Admin: theme controls form, colour mode controls the palette treatment. */
.experience[data-colour-mode="day"] { --customer-page: color-mix(in srgb, var(--brand-pale) 21%, #fff); --customer-panel: #fff; --customer-subtle: color-mix(in srgb, var(--brand-pale) 56%, #fff); --customer-input: #fff; --customer-ink: #141c2b; --customer-muted: #5c6c84; --customer-line: color-mix(in srgb, var(--brand) 21%, #c8d1de); --customer-pill: #fff; --customer-logo: color-mix(in srgb, var(--brand-pale) 82%, #fff); --customer-shadow: 0 16px 36px rgb(18 29 47 / .1); --customer-positive: color-mix(in srgb, var(--brand-pale) 78%, #fff); --customer-neutral: color-mix(in srgb, #a3afbf 18%, #fff); --customer-critical: color-mix(in srgb, var(--brand-highlight, #cf5c76) 16%, #fff); --customer-positive-rule: var(--brand); --customer-neutral-rule: #8794a7; --customer-critical-rule: var(--brand-highlight, #bf4865); }
.experience[data-colour-mode="night"] { --customer-page: color-mix(in srgb, var(--brand) 32%, #09121b); --customer-panel: color-mix(in srgb, var(--brand) 26%, #13202c); --customer-subtle: color-mix(in srgb, var(--brand-pale) 11%, #1b2a35); --customer-input: color-mix(in srgb, var(--brand) 17%, #0c1722); --customer-ink: #f7f9fc; --customer-muted: #b9c9d1; --customer-line: color-mix(in srgb, var(--brand) 62%, #7a8a9b); --customer-pill: color-mix(in srgb, var(--brand) 19%, #172733); --customer-logo: color-mix(in srgb, var(--brand-pale) 20%, #1d2e35); --customer-shadow: 0 26px 58px rgb(1 6 12 / .52), 0 2px 8px rgb(1 6 12 / .32); --customer-positive: color-mix(in srgb, var(--brand) 49%, var(--customer-panel)); --customer-neutral: color-mix(in srgb, var(--brand-pale) 12%, var(--customer-panel)); --customer-critical: color-mix(in srgb, var(--brand-highlight, #cf5c76) 34%, var(--customer-panel)); --customer-positive-rule: color-mix(in srgb, var(--brand) 78%, #fff); --customer-neutral-rule: #b8c5cd; --customer-critical-rule: color-mix(in srgb, var(--brand-highlight, #cf5c76) 82%, #fff); }
.experience[data-theme][data-colour-mode] { --theme-frame-radius: 0; --theme-card-radius: 0; --theme-pill-radius: 99px; --theme-page-padding: clamp(20px, 4vw, 38px); --theme-editor-gap: 26px; --theme-field-gap: 17px; --theme-body-font: var(--font-modern); --theme-display-font: var(--font-modern); --theme-display-weight: 720; color: var(--customer-ink); border-color: var(--customer-line); border-top-color: var(--brand); border-radius: var(--theme-frame-radius); background: var(--customer-page); box-shadow: var(--customer-shadow); font-family: var(--theme-body-font); }
.experience[data-colour-mode="night"] .experience-hero--image { background-image: linear-gradient(180deg, rgb(4 12 18 / .08), rgb(4 12 18 / .36)), var(--hero-image); }
.experience[data-theme="modern"] { --theme-frame-radius: 18px; --theme-card-radius: 14px; --theme-pill-radius: 10px; --theme-page-padding: clamp(24px, 4.4vw, 44px); --theme-editor-gap: 30px; --theme-body-font: var(--font-modern); --theme-display-font: var(--font-modern); }
.experience[data-theme="soft"] { --theme-frame-radius: 36px; --theme-card-radius: 30px; --theme-pill-radius: 99px; --theme-page-padding: clamp(28px, 5vw, 52px); --theme-editor-gap: 32px; --theme-field-gap: 20px; --theme-body-font: var(--font-soft); --theme-display-font: var(--font-soft); --theme-display-weight: 800; }
.experience[data-theme="classic"] { --theme-frame-radius: 0; --theme-card-radius: 0; --theme-pill-radius: 0; --theme-page-padding: clamp(28px, 4.7vw, 50px); --theme-editor-gap: 34px; --theme-field-gap: 19px; --theme-body-font: var(--font-classic); --theme-display-font: var(--font-classic); --theme-display-weight: 500; }
.experience[data-theme="impact"] { --theme-frame-radius: 0; --theme-card-radius: 0; --theme-pill-radius: 0; --theme-page-padding: clamp(20px, 3.5vw, 36px); --theme-editor-gap: 20px; --theme-field-gap: 12px; --theme-body-font: var(--font-modern); --theme-display-font: var(--font-impact); --theme-display-weight: 400; }
.experience[data-theme][data-colour-mode] .experience-body { padding: var(--theme-page-padding); background: var(--customer-page); }
.experience--with-hero[data-theme][data-colour-mode] .experience-body { padding-top: 0; }
.experience[data-theme][data-colour-mode] .experience-top, .experience[data-theme][data-colour-mode] .private-feedback { border-color: var(--customer-line); }
.experience[data-theme][data-colour-mode] .experience-logo { color: var(--brand); border-color: var(--customer-page); background: var(--customer-logo); }
.experience[data-theme][data-colour-mode] .experience-business h2, .experience[data-theme][data-colour-mode] .editor-intro h1, .experience[data-theme][data-colour-mode] .option-title strong, .experience[data-theme][data-colour-mode] .draft-card h3, .experience[data-theme][data-colour-mode] .destination, .experience[data-theme][data-colour-mode] .share-qr { color: var(--customer-ink); }
.experience[data-theme][data-colour-mode] .experience-business h2, .experience[data-theme][data-colour-mode] .editor-intro h1, .experience[data-theme][data-colour-mode] .draft-card h3 { font-family: var(--theme-display-font); font-weight: var(--theme-display-weight); }
.experience[data-theme][data-colour-mode] .experience-business p, .experience[data-theme][data-colour-mode] .experience-address, .experience[data-theme][data-colour-mode] .editor-intro p, .experience[data-theme][data-colour-mode] .option-title > span, .experience[data-theme][data-colour-mode] .draft-meta, .experience[data-theme][data-colour-mode] .customer-language-static { color: var(--customer-muted); }
.experience[data-theme][data-colour-mode] .experience-website { color: var(--customer-ink); }
.experience[data-theme][data-colour-mode] .experience-service-mode { color: var(--customer-muted); border-color: var(--customer-line); background: var(--customer-subtle); }
.experience[data-theme][data-colour-mode] .field { color: var(--customer-ink); }
.experience[data-theme][data-colour-mode] .segmented { border-color: var(--customer-line); background: var(--customer-subtle); }
.experience[data-theme][data-colour-mode] .segmented button { color: var(--customer-muted); }
.experience[data-theme][data-colour-mode] .segmented button[aria-pressed="true"] { color: var(--customer-ink); background: var(--customer-panel); box-shadow: 0 1px 3px rgb(6 14 28 / .16); }
.experience[data-theme][data-colour-mode] .option-group, .experience[data-theme][data-colour-mode] .draft-card, .experience[data-theme][data-colour-mode] .destination, .experience[data-theme][data-colour-mode] .share-qr { border-color: var(--customer-line); border-radius: var(--theme-card-radius); background: var(--customer-panel); }
.experience[data-theme][data-colour-mode] .option-group { overflow: hidden; }
.experience[data-theme][data-colour-mode] .food-rank-row { border-color: var(--customer-line); background: var(--customer-subtle); }
.experience[data-theme][data-colour-mode] .food-rank-row > strong { color: var(--customer-ink); }
.experience[data-theme][data-colour-mode] .review-fields { gap: var(--theme-field-gap); }
.experience[data-theme][data-colour-mode] .editor-layout { gap: var(--theme-editor-gap); }
.experience[data-theme][data-colour-mode] .select-pill, .experience[data-theme][data-colour-mode] .food-ranker-item { color: var(--customer-ink); border-color: var(--customer-line); border-radius: var(--theme-pill-radius); background: var(--customer-pill); }
.experience[data-theme][data-colour-mode] .select-pill[aria-pressed="true"], .experience[data-theme][data-colour-mode] .food-ranker-item.is-ranked, .experience[data-theme][data-colour-mode] .food-ranker-item.is-active { color: var(--brand-text, #fff); border-color: var(--brand); background: var(--brand); font-weight: 700; }
.experience[data-theme][data-colour-mode] .choice-score-grid, .experience[data-theme][data-colour-mode] .choice-score-box, .experience[data-theme][data-colour-mode] .food-ranker-source, .experience[data-theme][data-colour-mode] .food-rank-box { border-color: var(--customer-line); }
.experience[data-theme][data-colour-mode] .choice-score-box, .experience[data-theme][data-colour-mode] .food-ranker-source, .experience[data-theme][data-colour-mode] .food-rank-box { background: var(--customer-panel); }
.experience[data-theme][data-colour-mode] .choice-score-box--positive, .experience[data-theme][data-colour-mode] .food-rank-box--loved { background: var(--customer-positive); box-shadow: inset 0 4px 0 var(--customer-positive-rule); }
.experience[data-theme][data-colour-mode] .choice-score-box--neutral, .experience[data-theme][data-colour-mode] .food-rank-box--fine { background: var(--customer-neutral); box-shadow: inset 0 4px 0 var(--customer-neutral-rule); }
.experience[data-theme][data-colour-mode] .choice-score-box--critical, .experience[data-theme][data-colour-mode] .food-rank-box--skip { background: var(--customer-critical); box-shadow: inset 0 4px 0 var(--customer-critical-rule); }
.experience[data-theme][data-colour-mode] .choice-score-box--positive.is-selected { box-shadow: inset 0 4px 0 var(--customer-positive-rule); }
.experience[data-theme][data-colour-mode] .choice-score-box--neutral.is-selected { box-shadow: inset 0 4px 0 var(--customer-neutral-rule); }
.experience[data-theme][data-colour-mode] .choice-score-box--critical.is-selected { box-shadow: inset 0 4px 0 var(--customer-critical-rule); }
.experience[data-theme][data-colour-mode] .food-rank-box:focus-visible, .experience[data-theme][data-colour-mode] .food-rank-box.is-drag-over { outline: 3px solid color-mix(in srgb, var(--brand) 48%, transparent); outline-offset: -3px; }
.experience[data-theme][data-colour-mode] .choice-score-empty, .experience[data-theme][data-colour-mode] .food-ranker-source > span, .experience[data-theme][data-colour-mode] .food-ranker-help, .experience[data-theme][data-colour-mode] .food-rank-empty { color: var(--customer-muted); }
.experience[data-theme][data-colour-mode] .draft-area, .experience[data-theme][data-colour-mode] .field input, .experience[data-theme][data-colour-mode] .field textarea, .experience[data-theme][data-colour-mode] .field select { color: var(--customer-ink); border-color: var(--customer-line); border-radius: var(--theme-card-radius); background: var(--customer-input); }
.experience[data-theme][data-colour-mode] .draft-area::placeholder, .experience[data-theme][data-colour-mode] .field input::placeholder, .experience[data-theme][data-colour-mode] .field textarea::placeholder { color: var(--customer-muted); }
.experience[data-theme][data-colour-mode] .draft-area:focus, .experience[data-theme][data-colour-mode] .field input:focus, .experience[data-theme][data-colour-mode] .field textarea:focus, .experience[data-theme][data-colour-mode] .field select:focus { border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent); }
.experience[data-theme][data-colour-mode] .button { color: var(--customer-ink); border-color: var(--customer-line); border-radius: var(--theme-card-radius); background: var(--customer-subtle); }
.experience[data-theme][data-colour-mode] .button:hover { border-color: var(--brand); background: color-mix(in srgb, var(--brand-pale) 62%, var(--customer-panel)); }
.experience[data-theme][data-colour-mode] .button--primary { color: var(--brand-text, #fff); border-color: var(--brand); background: var(--brand); }
.experience[data-theme][data-colour-mode] .button--primary:hover { color: var(--brand-text, #fff); border-color: var(--brand); background: color-mix(in srgb, var(--brand) 88%, #fff); }
.experience[data-theme][data-colour-mode] .button--quiet { color: var(--customer-muted); border-color: transparent; background: transparent; }
.experience[data-theme][data-colour-mode] .button--quiet:hover { background: var(--customer-subtle); }
.experience[data-theme][data-colour-mode] [data-action="undo-draft"].button--quiet { color: var(--customer-ink); border-color: var(--customer-line); background: var(--customer-panel); }
.experience[data-theme][data-colour-mode] [data-action="undo-draft"].button--quiet:hover { border-color: var(--brand); background: var(--customer-subtle); }
.experience[data-theme][data-colour-mode] .destination:hover { border-color: var(--brand); }
.experience[data-theme="modern"][data-colour-mode] .option-group, .experience[data-theme="modern"][data-colour-mode] .draft-card { box-shadow: 0 8px 20px rgb(18 29 47 / .05); }
.experience[data-theme="soft"][data-colour-mode] .experience-top { padding: 15px 17px; border: 0; border-radius: 24px; background: var(--customer-subtle); }
.experience[data-theme="soft"][data-colour-mode] .experience-logo { border-radius: 46% 54% 50% 50% / 55% 45% 55% 45%; }
.experience[data-theme="soft"][data-colour-mode] .option-group, .experience[data-theme="soft"][data-colour-mode] .draft-card { border-color: transparent; box-shadow: 0 10px 24px rgb(18 29 47 / .08); }
.experience[data-theme="soft"][data-colour-mode] .food-ranker-source, .experience[data-theme="soft"][data-colour-mode] .food-rank-box { border-radius: 22px; }
.experience[data-theme="soft"][data-colour-mode] .option-group.choice-ranker { border-radius: 18px 18px 0 0; }
.experience[data-theme="soft"][data-colour-mode] .choice-score-grid { border-radius: 0; overflow: visible; }
.experience[data-theme="soft"][data-colour-mode] .button { border-radius: 99px; font-family: var(--font-soft); font-weight: 800; }
.experience[data-theme="soft"][data-colour-mode] .choice-score-grid { margin-left: -17px; margin-right: -17px; }
.experience[data-theme="classic"][data-colour-mode] .experience-top { border-bottom-width: 2px; }
.experience[data-theme="classic"][data-colour-mode] .option-group { border-left: 3px solid var(--brand); }
.experience[data-theme="classic"][data-colour-mode] .option-title strong, .experience[data-theme="classic"][data-colour-mode] .draft-card h3 { font-family: var(--serif); font-weight: 500; }
.experience[data-theme="classic"][data-colour-mode] .select-pill, .experience[data-theme="classic"][data-colour-mode] .button { font-family: var(--sans); }
.experience[data-theme="impact"][data-colour-mode] .experience-top { margin: calc(var(--theme-page-padding) * -1) calc(var(--theme-page-padding) * -1) 27px; padding: var(--theme-page-padding); border-bottom: 0; background: var(--brand); }
.experience[data-theme="impact"][data-colour-mode] .experience-top .experience-business h2, .experience[data-theme="impact"][data-colour-mode] .experience-top .experience-business p, .experience[data-theme="impact"][data-colour-mode] .experience-top .experience-address, .experience[data-theme="impact"][data-colour-mode] .experience-top .customer-language-static { color: var(--brand-text, #fff); }
.experience[data-theme="impact"][data-colour-mode] .experience-top .experience-website { color: var(--brand-text, #fff); }
.experience[data-theme="impact"][data-colour-mode] .experience-top .experience-service-mode { color: var(--brand-text, #fff); border-color: color-mix(in srgb, var(--brand-text, #fff) 48%, transparent); background: color-mix(in srgb, var(--brand-text, #fff) 12%, transparent); }
.experience[data-theme="impact"][data-colour-mode] .experience-top .segmented { border-color: color-mix(in srgb, var(--brand-text, #fff) 42%, transparent); background: color-mix(in srgb, var(--brand-text, #fff) 12%, transparent); }
.experience[data-theme="impact"][data-colour-mode] .experience-top .segmented button, .experience[data-theme="impact"][data-colour-mode] .experience-top .segmented button[aria-pressed="true"] { color: var(--brand-text, #fff); background: transparent; box-shadow: none; }
.experience[data-theme="impact"][data-colour-mode] .experience-top .segmented button[aria-pressed="true"] { background: color-mix(in srgb, var(--brand-text, #fff) 20%, transparent); }
.experience[data-theme="impact"][data-colour-mode] .editor-intro h1 { letter-spacing: -.015em; line-height: .96; text-transform: uppercase; }
.experience[data-theme="impact"][data-colour-mode] .option-group { border-left: 6px solid var(--brand); }
.experience[data-theme="impact"][data-colour-mode] .option-title strong { font-family: var(--theme-display-font); font-size: 18px; letter-spacing: .01em; text-transform: uppercase; }

.toast { position: fixed; z-index: 150; right: 20px; bottom: 79px; max-width: 340px; padding: 12px 15px; color: var(--on-ink); background: var(--ink); box-shadow: var(--shadow); font-size: var(--text-sm); }
.toast--error { background: var(--red); }

@media (max-width: 1040px) {
  .hero { grid-template-columns: 1fr; padding-top: 53px; }
  .why-hero-grid { padding-top: 53px; }
  .hero-copy { max-width: 720px; }
  .hero-visual { width: min(620px, 93%); margin: 0 auto; }
  .feature-grid, .price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .demo-trade-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-grid .feature:last-child { grid-column: 1 / -1; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .faq-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 25px; }
  .google-guide-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 25px; }
  .provider-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .provider-row .button { grid-column: 1 / -1; justify-self: start; }
  .industry-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .why-hero-grid, .why-split { grid-template-columns: 1fr; }
  .why-editor-preview { width: min(620px, 100%); }
  .why-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .header-inner { width: min(100% - 30px, var(--max)); min-height: 62px; gap: 10px; }
  .brand { min-width: 44px; min-height: 44px; justify-content: center; }
  .main-nav { position: absolute; left: 0; right: 0; top: 62px; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 10px 15px 14px; border-bottom: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
  .main-nav.is-open { display: flex; }
  .nav-link { padding: 11px 4px; border-bottom: 0; border-left: 2px solid transparent; }
  .nav-link[aria-current="page"] { border-left-color: var(--blue); }
  .header-actions .button { display: none; }
  .appearance-menu { height: 48px; margin-left: auto; }
  .appearance-mode, .nav-toggle { width: 44px; min-width: 44px; min-height: 44px; }
  .nav-toggle { display: grid; height: 44px; }
  .brand small { display: none; }
  .page { width: min(100% - 30px, var(--max)); padding: 38px 0 67px; }
  .hero { width: min(100% - 30px, var(--max)); padding: 43px 0; }
  .why-hero-grid { padding-top: 43px; }
  .trust-inner { width: min(100% - 30px, var(--max)); flex-wrap: wrap; gap: 12px; padding: 18px 0; }
  .trust-intro { width: 100%; max-width: none; }
  .trust-stat { padding-left: 11px; }
  .feature-grid, .industry-grid, .price-grid { grid-template-columns: 1fr 1fr; }
  .industry-explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .showcase, .showcase--reverse, .contact-grid { grid-template-columns: 1fr; gap: 27px; }
  .demo-trade-grid { grid-template-columns: 1fr; }
  .showcase--reverse > :first-child { order: 2; }
  .faq-layout { grid-template-columns: 1fr; gap: 19px; }
  .faq-sidebar { position: static; display: flex; gap: 3px; overflow: auto; padding-bottom: 4px; }
  .faq-sidebar button { flex: 0 0 auto; border-left: 0; border-bottom: 2px solid transparent; }
  .faq-sidebar button.is-active { border-bottom-color: var(--blue); }
  .faq-guide-callout { align-items: flex-start; flex-direction: column; gap: 15px; }
  .google-guide-layout { grid-template-columns: 1fr; gap: 19px; }
  .google-guide-nav { position: static; display: flex; gap: 3px; overflow: auto; padding-bottom: 4px; }
  .google-guide-nav .eyebrow { display: none; }
  .google-guide-nav a { flex: 0 0 auto; border-left: 0; border-bottom: 2px solid transparent; }
  .google-guide-nav a:hover, .google-guide-nav a:focus-visible { border-bottom-color: var(--blue); }
  .google-guide-nav a span { display: none; }
  .editor-layout { grid-template-columns: 1fr; }
  .draft-card { position: static; }
  .workspace-grid { grid-template-columns: 1fr; }
  .workspace-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; gap: 5px; padding: 10px 15px; border-right: 0; border-bottom: 1px solid var(--line); }
  .workspace-nav-label { display: none; }
  .workspace-nav button { width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--line); border-left: 2px solid transparent; padding: 8px 9px; white-space: normal; }
  .workspace-nav button.is-active { border-color: color-mix(in srgb, var(--blue) 45%, var(--line)); border-left-color: var(--blue); }
  .workspace-nav-public { min-height: 44px; display: flex; min-width: 0; align-items: center; gap: 7px; border: 1px solid var(--line); padding: 7px 9px; color: var(--ink-soft); font-size: var(--text-sm); text-decoration: none; white-space: normal; }
  .workspace-nav-public:hover, .workspace-nav-public:focus-visible { color: var(--ink); border-color: var(--blue); outline: none; }
  .workspace-cards { grid-template-columns: 1fr; }
  .workspace-cards.sharing-layout { grid-template-columns: 1fr; }
  .settings-layout { grid-template-columns: 1fr; }
  .customer-form-layout { display: flex; flex-direction: column; }
  .customer-form-layout > .customer-form-column { display: contents; }
  .customer-form-layout .language-panel { order: -5; }
  .customer-form-layout .trade-builder-panel { order: -4; }
  .customer-form-layout .business-details-panel { order: -3; }
  .customer-form-layout .wording-profile-panel { order: -2; }
  .customer-form-layout .customer-choices-panel { order: -1; }
  .customer-form-layout > .catalog-panel { order: 0; }
  .asset-library-fields--style { grid-template-columns: minmax(130px, .8fr) minmax(180px, 1.5fr) 90px 90px; }
  .asset-library-fields--style .asset-library-actions { grid-column: 1 / -1; }
  .workspace-header { padding: 0 15px; }
  .customer-page-create { grid-template-columns: 1fr 1fr; }
  .customer-page-create .button { grid-column: 1 / -1; justify-self: start; }
  .legal-document-body { padding-left: 22px; }
  .experience .select-pill { min-height: 44px; padding: 8px 12px; }
}

@media (max-width: 520px) {
  .brand-logo, .editor-header .brand-logo { width: 32px; height: 32px; }
}

@media (max-width: 720px) {
  .industry-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .food-rank-row { align-items: flex-start; flex-direction: column; }
  .food-rank-options { justify-content: flex-start; }
  .food-rank-grid, .choice-score-grid { grid-template-columns: 1fr; }
  .food-rank-box, .choice-score-box { min-height: 92px; }
  .header-actions { gap: 4px; }
  .appearance-menu { gap: 1px; padding: 2px; }
  .appearance-mode { width: 44px; min-width: 44px; padding: 0; }
  .hero h1 { font-size: clamp(39px, 12vw, 55px); }
  .route-hero--visual .inner { min-height: 318px; padding: 48px 0; }
  .route-hero--visual::before { background-position: 62% center; }
  .industry-intro { margin-bottom: 25px; }
  .industry-intro .crumb { margin-bottom: 15px; }
  .industry-explorer-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .industry-explorer-head > .muted { white-space: normal; }
  .industry-explore-grid { grid-template-columns: 1fr; }
  .industry-explore-card { min-height: 142px; }
  .industry-selection { align-items: stretch; flex-direction: column; }
  .industry-selection .button { width: 100%; }
  .industry-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .industry-tab { min-height: 42px; padding: 7px 8px; font-size: 13px; }
  .industry-family-head { min-height: 138px; padding: 17px; }
  .industry-family-summary .muted { top: 9px; right: 9px; }
  .industry-results-toolbar { align-items: flex-start; flex-direction: column; gap: 10px; }
  .floating-note { right: -9px; bottom: -29px; width: 161px; }
  .window-content { padding: 18px; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-grid .feature:last-child { grid-column: 1 / -1; }
  .catalog-split { grid-template-columns: 1fr; }
  .industry-grid, .price-grid, .form-grid, .trade-results, .category-list, .catalog-row, .provider-row, .brand-image-grid { grid-template-columns: 1fr; }
  .google-review-url-control { flex-direction: column; }
  .google-review-url-control .button { width: 100%; }
  .field > span { flex-wrap: wrap; }
  .field-help-link { width: 100%; margin-left: 0; }
  .google-place-result { align-items: stretch; flex-direction: column; }
  .google-place-result .button { width: 100%; }
  .saved-option, .entry-editor-head { align-items: stretch; flex-direction: column; }
  .saved-option-actions { width: 100%; }
  .saved-option-actions .button { flex: 1 1 0; }
  .entry-editor-fields, .provider-entry-editor-fields { grid-template-columns: 1fr; }
  .selected-framework { align-items: stretch; flex-direction: column; }
  .selected-framework .button { width: 100%; }
  .legal-document summary { grid-template-columns: minmax(0, 1fr) 28px; gap: 9px; padding: 18px; }
  .legal-document-number { grid-column: 1 / -1; }
  .legal-document-body { grid-template-columns: 1fr; gap: 0; padding: 0 18px 18px; }
  .share-qr { grid-template-columns: 98px minmax(0, 1fr); padding: 12px; gap: 12px; }
  .share-qr-image { width: 98px; }
  .section { margin-top: 62px; }
  .section-head { margin-bottom: 20px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > :first-child { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
  .form-actions { align-items: stretch; flex-direction: column-reverse; }
  .form-actions .button { width: 100%; }
  .editor-header { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 8px 14px; }
  .editor-header .brand { grid-column: 1; grid-row: 1; }
  .editor-header > .muted, .editor-header-spacer { display: none; }
  .editor-header .appearance-menu { display: flex; grid-column: 2; grid-row: 1; margin-left: 0; }
  .editor-header .button--quiet { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  .workspace-header { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; padding: 8px 14px; }
  .workspace-header .brand { grid-column: 1; grid-row: 1; }
  .workspace-header .workspace-name { grid-column: 1 / -1; grid-row: 2; padding-left: 0; border-left: 0; }
  .workspace-header .editor-header-spacer { display: none; }
  .workspace-header .appearance-menu { display: flex; grid-column: 2; grid-row: 1; margin-left: 0; }
  .workspace-header .workspace-user, .workspace-header .workspace-public { display: none; }
  .workspace-header .workspace-page-switch { grid-column: 1 / -1; grid-row: 3; }
  .workspace-page-switch select { max-width: 100%; width: 100%; }
  .workspace-header .workspace-logout { grid-column: 3; grid-row: 1; align-self: center; min-height: 44px; padding: 6px 8px; font-size: 13px; }
  .workspace-content { padding: 20px 15px 42px; }
  .workspace-title { gap: 12px; margin-bottom: 22px; }
  .workspace-title h1 { font-size: clamp(29px, 9vw, 36px); }
  .panel { padding: 17px; }
  .panel-head { gap: 10px; margin-bottom: 14px; }
  .panel-head h2 { font-size: 20px; }
  .customer-pages-manager .panel-head { display: grid; }
  .customer-page-capacity { justify-self: start; }
  .customer-page-create { grid-template-columns: 1fr; }
  .customer-page-create .button { grid-column: auto; width: 100%; justify-self: stretch; }
  .palette-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .palette-grid .custom-palette-set { grid-column: 1 / -1; }
  .palette-set { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; padding: 8px; }
  .palette-set-swatch { height: 38px; }
  .brand-image-control { grid-template-columns: 1fr; gap: 12px; }
  .brand-image-preview { width: 100%; height: 136px; }
  .sharing-layout .hero-actions { align-items: stretch; }
  .sharing-layout .hero-actions .button { flex: 1 1 0; justify-content: center; }
  .embed-appearance { padding: 8px 10px 0; }
  .editor-host { padding: 20px 10px; }
  .experience-body { padding: 20px 15px; }
  .experience-top { align-items: flex-start; flex-direction: column; }
  .experience--with-hero .experience-body { padding-top: 0; }
  .experience--with-hero .experience-top { display: block; min-height: 0; padding-top: 72px; }
  .experience--with-hero .experience-business { position: relative; top: auto; left: auto; gap: 12px; margin-top: -120px; }
  .experience--with-hero .experience-logo { width: 96px; height: 96px; flex-basis: 96px; border-width: 4px; }
  .experience--with-hero .experience-top > .segmented, .experience--with-hero .experience-top > .customer-language-static { position: static; margin-top: 16px; }
  .editor-layout { gap: 18px; }
  .theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-form-actions { align-items: stretch; flex-direction: column; }
  .brand-form-actions .hero-actions { width: 100%; }
  .brand-form-actions .hero-actions .button { flex: 1 1 0; justify-content: center; }
  .brand-form-actions .form-status { text-align: left; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .destination-row { grid-template-columns: 1fr; }
  .asset-library-row { grid-template-columns: 1fr; }
  .asset-library-logo, .asset-style-swatch { width: 58px; height: 58px; }
  .asset-library-fields, .asset-library-fields--style { grid-template-columns: 1fr; }
  .asset-library-fields--style .asset-library-actions { grid-column: auto; }
  .industry-image-focus-grid { grid-template-columns: 1fr; }
  .help-launcher { right: 13px; bottom: 13px; }
  .modal-backdrop { padding: 8px; }
  .why-hero h1 { font-size: clamp(39px, 12vw, 55px); }
  .why-barriers, .why-setup { margin-top: 62px; padding: 56px 0; }
  .why-barrier-list, .why-step-grid, .why-setup-grid { grid-template-columns: 1fr; }
  .why-help-footer { align-items: stretch; flex-direction: column; }
  .why-help-footer .button { width: 100%; }
  .content-json { min-height: 460px !important; font-size: 11px !important; }
}

.corp-editor-context { display: grid; gap: 13px; margin: -4px 0 24px; padding: 15px 17px; border: 1px solid var(--line); background: var(--panel); }
.corp-editor-context-top { display: flex; align-items: center; gap: 14px; }
.corp-editor-context-top > div { display: grid; min-width: 0; }
.corp-editor-context-top .eyebrow { margin: 0 0 2px; }
.corp-editor-context-top strong { font-size: 18px; overflow-wrap: anywhere; }
.corp-editor-context-top .button:last-child { margin-left: auto; }
.corp-editor-tabs { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 2px; }
.corp-editor-tabs a { flex: 0 0 auto; padding: 8px 10px; border: 1px solid var(--line); color: var(--ink-soft); text-decoration: none; font-size: 13px; font-weight: 700; }
.corp-editor-tabs a[aria-current="page"] { border-color: var(--primary); background: var(--accent); color: var(--primary); }
.welcome-kit-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 1.2fr); gap: 20px; align-items: end; }
.welcome-kit-intro h2 { margin: 0 0 7px; }
.welcome-kit-intro .field { margin: 0; }
.welcome-kit-controls { margin-top: 16px; }
.welcome-kit-control-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: end; }
.welcome-kit-control-grid h3 { font-size: 15px; margin: 0 0 8px; }
.welcome-kit-language-warning { margin-top: 18px; }
.welcome-kit-size-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.welcome-kit-size-choice { display: flex; align-items: center; gap: 10px; min-height: 62px; padding: 14px 16px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); font-weight: 700; cursor: pointer; }
.welcome-kit-size-choice:hover { border-color: var(--primary); }
.welcome-kit-size-choice:has(input:checked) { border-color: var(--primary); background: var(--accent); }
.welcome-kit-size-choice input { width: 16px; height: 16px; margin: 0; accent-color: var(--primary); }
.welcome-kit-empty { display: grid; justify-items: center; gap: 5px; padding: 45px 24px; border: 1px dashed var(--line); text-align: center; color: var(--ink-soft); }
.welcome-kit-empty strong { color: var(--ink); }
.google-guide-breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 19px; color: var(--ink-soft); font-size: 13px; }
.google-guide-breadcrumb a { color: inherit; }
.google-guide-intro-copy { max-width: 760px; margin-bottom: 24px; color: var(--ink-soft); font-size: 18px; line-height: 1.55; }
.google-guide-choice, .google-guide-step { max-width: 860px; padding: clamp(22px, 4vw, 42px); border: 1px solid var(--line); background: var(--panel); }
.google-guide-choice h2, .google-guide-step h2 { margin-top: 0; }
.google-guide-choice-grid { display: grid; gap: 10px; margin-top: 22px; }
.google-guide-choice-grid a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 14px; align-items: center; padding: 15px 16px; border: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.google-guide-choice-grid a:hover { border-color: var(--primary); background: var(--accent); }
.google-guide-choice-grid a strong { grid-column: 1; }
.google-guide-choice-grid a span { grid-column: 1; color: var(--ink-soft); font-size: 14px; }
.google-guide-choice-grid a svg { grid-column: 2; grid-row: 1 / span 2; color: var(--primary); }
.google-guide-step ol { padding-left: 22px; }
.google-guide-step li + li { margin-top: 9px; }
.google-guide-step .guide-external-link { display: inline-flex; margin-top: 6px; }
.google-guide-actions { display: flex; gap: 10px; margin-top: 15px; }
/* The guide already has its own contextual help. Keep the floating launcher
   beside the masthead so it cannot sit over the return breadcrumb. */
body:has(.google-reviews-guide) .help-launcher { top: 78px; right: 20px; bottom: auto; left: auto; transform: none; }

@media (max-width: 900px) {
  .corp-editor-context-top { align-items: flex-start; flex-wrap: wrap; }
  .corp-editor-context-top .button:last-child { margin-left: 0; }
  .welcome-kit-intro, .welcome-kit-control-grid { grid-template-columns: 1fr; }
  .welcome-kit-size-grid { grid-template-columns: 1fr; }
  .google-guide-choice, .google-guide-step { padding: 22px 17px; }
  /* Keep Help available without covering a customer choice or report card. */
  .help-launcher { position: static; margin: 24px auto; }
  body:has(.google-reviews-guide) .help-launcher { position: fixed; top: 74px; right: 14px; bottom: auto; left: auto; transform: none; }
}

@media (max-width: 420px) {
  .header-inner { min-width: 0; }
  .header-inner .brand { min-width: 44px; }
  .header-inner .brand-logo { width: 30px; height: 30px; }
  .header-actions { min-width: 0; }
  .header-actions .appearance-menu { transform: none; }
  .welcome-kit-size-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; } }