:root {
  --readable-muted: #52605b;
  --surface-raised: #fffefa;
}
body { --portal-copy-size:16px; font-size:16px; line-height:1.55; }
body[data-text-size="large"] { --portal-copy-size:18px; }
.owner-navigation { display:flex; flex-wrap:wrap; gap:12px; padding:16px 28px; border-bottom:1px solid var(--border); background:var(--theme-surface); }
.owner-navigation [aria-pressed="true"] { outline:2px solid var(--gold); outline-offset:2px; }
.owner-management-banner { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:20px; }
.owner-management-banner p { flex:1 1 320px; margin:0; }
.owner-access-card { padding:24px; margin:20px 0; border:2px solid var(--teal); border-radius:16px; background:var(--teal-soft); }
.owner-access-card h3 { margin-top:0; }
.owner-advanced { margin-top:24px; }
.owner-portal summary { cursor:pointer; font-size:var(--portal-copy-size); padding:12px 0; }
#demoDialog { background:var(--theme-surface); color:var(--ink); }
#demoDialog :is(.tour-frame,.tour-stat,.tour-card,.tour-switch) { background:var(--paper); border-color:var(--line); }
#demoDialog .tour-switch button { color:var(--ink); }
#demoDialog .tour-switch button[aria-pressed="true"] { background:var(--teal-soft); color:var(--ink); }
#demoDialog :is(.tour-label,.tour-stat small) { font-size:14px; }
#demoDialog :is(.tour-row,.tour-screen>p) { font-size:16px; color:var(--readable-muted); border-color:var(--line); }
#demoDialog .tour-row strong { color:var(--ink); }
#demoDialog :is(.tour-screen strong[style],p[style],.tour-actions span[style]) { font-size:16px !important; color:var(--readable-muted) !important; }
#demoDialog .tour-disclaimer { background:var(--teal-soft); color:var(--ink); }
:is(.app,.owner-portal,dialog) :is(p,small,label,input,select,textarea,td,li,.data-note,.analytics-note,.request-status-note,.staff-meta,.feed-copy,.notification-item,.theme-option-copy small,.unit-row,.rule-guidance) { font-size:16px; line-height:1.6; }
:is(.app,.owner-portal,dialog) :is(p,small)[style*="font-size"] { font-size:var(--portal-copy-size) !important; color:var(--readable-muted) !important; }
:is(.app,.owner-portal,dialog) :is(button,.secondary-btn,.primary-btn,.nav-legal-link) { font-size:16px; min-height:44px; }
:is(.app,.owner-portal,dialog) :is(.eyebrow,.stat-label,.badge,.nav-label,.brand-sub,.crumb,.account-name,.theme-picker-note,th,.notification-item time) { font-size:14px; line-height:1.5; }
:is(.app,.owner-portal,dialog) :is(h2,.panel-head h2,.goal-top h2) { font-size:24px; line-height:1.25; }
:is(.app,.owner-portal,dialog) :is(h3,.reward-body h3) { font-size:20px; line-height:1.35; }
:is(.app,.owner-portal,dialog) :is(.empty,.stat-foot,.unit-name,.unit-sub,.unit-score,.feed-text,.feed-meta,.legend,.trend,.goal-progress-row,.roadmap-foot,.analytics-bar-row,.analytics-category,.staff-balance,.rule-row strong,.leaderboard-name,.leaderboard-score,.callout,.category-bars-head,.privacy-note,.privacy-note strong,.user-mini strong) { font-size:16px; line-height:1.6; }
:is(.app,.owner-portal,dialog) :is(.avatar,.rank,.goal-tag,.phase-num) { font-size:14px; }
:is(.app,.owner-portal,dialog) :is(.empty,.stat-foot,.unit-sub,.feed-text,.feed-meta,.legend,.trend,.goal-progress-row,.roadmap-foot,.analytics-bar-row,.analytics-category,.category-bars-head) { color:var(--readable-muted); }
.toast { font-size:16px; line-height:1.6; max-width:calc(100vw - 44px); }
.owner-workspace :is(span,small) { font-size:16px; overflow-wrap:anywhere; }
:is(.app,.owner-portal,dialog) :is(p,small,.data-note,.analytics-note,.request-status-note,.stat-label,.field label,.theme-option-copy small) { color:var(--readable-muted); }
.app .sidebar { width:280px; overflow-y:auto; }
.app .main { margin-left:280px; }
.app .sidebar :is(p,small,.brand-sub,.nav-label,.privacy-note) { color:#d5dfd8; }
.app .nav button { padding:12px; white-space:normal; font-size:var(--portal-copy-size); }
#notificationCount { font-size:var(--portal-copy-size); min-width:28px; line-height:1.5; }
.app .theme-option-copy strong { font-size:var(--portal-copy-size); }
.app .cost { font-size:var(--portal-copy-size); }
.app code { white-space:normal; overflow-wrap:anywhere; }
.app :is(.setup-progress-text,.setup-complete,.setup-step strong,.insight-card strong,.integration-status) { font-size:var(--portal-copy-size); line-height:1.5; }
.app :is(.setup-progress-text,.setup-complete,.setup-step small) { color:var(--readable-muted); }
.app .integration-status { color:var(--ink); background:var(--teal-soft); }
.app .integration-status::before { background:var(--teal); }
.app .topbar,.owner-portal .topbar { min-height:80px; height:auto; gap:16px; flex-wrap:wrap; padding-top:16px; padding-bottom:16px; }
.top-right { flex-wrap:wrap; gap:10px; }
#accountName { font-size:16px !important; }
.app :is(.panel,.simple-card,.card,.setup-card) { background:var(--paper); }
:is(.app,.owner-portal) :is(.panel-head,.setup-head) { flex-wrap:wrap; }
:is(.app,.owner-portal) :is(.panel-head,.setup-head)>* { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.app :is(.secondary-btn,.theme-option,.field input,.field textarea,.field select) { background:var(--paper); color:var(--ink); border-color:var(--line); }
:is(.app,.owner-portal,dialog) select { color-scheme:light; background:var(--paper); color:var(--ink); border-color:var(--line); min-height:44px; }
:is(.app,.owner-portal,dialog) select :is(option,optgroup) { background:var(--paper); color:var(--ink); }
:is(.app,.owner-portal,dialog) select option:disabled { color:var(--readable-muted); }
.app :is(td,.unit-row,.feed-item) { border-color:var(--line); }
.app .staff-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); }
.app .staff-card { grid-template-columns:44px minmax(0,1fr); align-items:start; }
.app .staff-card>div { min-width:0; overflow-wrap:anywhere; }
.app .staff-balance { grid-column:1/-1; text-align:left; white-space:normal; }
.app .staff-balance button { margin:8px 8px 0 0; max-width:100%; white-space:normal; }
.app .goal-card :is(p,small) { color:#fff !important; }
.app[data-theme] .goal-tag { color:var(--ink); background:var(--teal-soft); }
.appearance-grid,.engagement-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.engagement-card { padding:24px; margin-bottom:18px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }
.engagement-card p,.engagement-card small { overflow-wrap:anywhere; white-space:pre-wrap; }
.engagement-meta { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:16px; }
.engagement-card .inline-actions { flex-wrap:wrap; }
.engagement-entry { padding:16px 0; border-bottom:1px solid var(--line); }
.engagement-hero { border-left:4px solid var(--teal); padding:24px; background:var(--teal-soft); border-radius:16px; margin-bottom:24px; }
.engagement-hero h2 { margin-top:0; }
.engagement-form { display:grid; gap:12px; }
.engagement-form textarea { min-height:100px; }
.hub-thread { scroll-margin-top:24px; }
.appearance-dialog { width:min(680px,calc(100% - 32px)); }
.appearance-dialog .modal-body { padding:24px; }
.appearance-dialog .appearance-grid { margin-bottom:20px; }
.appearance-sample { padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--paper); box-shadow:var(--shadow); }
.appearance-sample-label { display:inline-flex; align-items:center; font-size:16px; min-height:44px; }
body[data-corners="crisp"] :is(.app,.owner-portal,dialog) :is(.card,.panel,.simple-card,.engagement-card,.staff-card,.theme-option,.appearance-sample,.engagement-hero,.primary-btn,.secondary-btn,.field input,.field select,.field textarea) { border-radius:6px; }
body[data-density="spacious"] :is(.app,.owner-portal,dialog) :is(.panel,.simple-card,.engagement-card,.appearance-sample) { padding:32px; }
body[data-density="spacious"] :is(.app,.owner-portal,dialog) :is(.unit-row,.engagement-entry,.staff-card,td) { padding-top:22px; padding-bottom:22px; }
body[data-depth="flat"] :is(.app,.owner-portal,dialog) :is(.card,.panel,.simple-card,.engagement-card,.staff-card,.theme-option,.appearance-sample,.goal-card,.primary-btn,.secondary-btn) { box-shadow:none; background-image:none; }
body[data-contrast="high"] { --readable-muted:#26312c; --line:#59685f; }
body[data-contrast="high"][data-mode="dark"] { --readable-muted:#f1f4ef; --line:#a2b5a8; }
body[data-contrast="high"] :is(.app,.owner-portal,dialog) :is(p,small,.data-note,.empty,.stat-foot,.unit-sub,.feed-meta,.stat-label,.analytics-note) { color:var(--readable-muted); }
body[data-contrast="high"] .app .goal-card :is(p,small) { color:#fff; }
body[data-mode="dark"] .appearance-sample { background:var(--paper); color:var(--ink); }
:is(button,input,select,textarea,a):focus-visible { outline:3px solid var(--teal); outline-offset:3px; }
.landing :is(.landing-nav a,.landing-nav button,.proof-item,.feature-card p,.price-audience,.price-period,.price-card li,.pricing-note,.hero-caption,.section-intro,.landing-faq p,.landing-footer,.hero-assurance,.hero-product-shot figcaption) { font-size:16px; line-height:1.6; }
.landing :is(.hero-kicker,.lux-byline,.eyebrow,.pricing-capacity) { font-size:14px; }
.landing .landing-nav { height:auto; min-height:90px; padding-top:16px; padding-bottom:16px; flex-wrap:wrap; gap:16px; }
.landing :is(.feature-card p,.price-audience,.price-period,.price-card li,.pricing-note,.landing-section.light .section-intro) { color:#505d56; }
.landing :is(.hero-caption,.hero-assurance,.hero-product-shot figcaption,.landing-section.dark .section-intro,.landing-footer) { color:#c1cabf; }
body[data-theme="nocturne"] { --readable-muted:#52605b; --gold:#80602e; }
body[data-theme="rose"] { --ink:#35252d; --readable-muted:#644c59; --line:#dfc8d2; --paper:#fffdfd; --canvas:#f7eff2; --teal:#925b6b; --teal-dark:#71414f; --teal-soft:#f3e6eb; --gold:#956044; --gold-soft:#f7ece5; }
body[data-theme="lagoon"] { --ink:#1d3033; --readable-muted:#3e6063; --line:#c2dcd7; --paper:#fbfffe; --canvas:#edf5f4; --teal:#247c78; --teal-dark:#165e5b; --teal-soft:#dcf0ed; --gold:#8c6629; --gold-soft:#f3ecd9; }
body[data-theme="starlight"] { --ink:#28263d; --readable-muted:#575374; --line:#d0cce4; --paper:#fdfcff; --canvas:#f2f1f8; --teal:#6557a6; --teal-dark:#4b4088; --teal-soft:#e9e6f7; --gold:#88632a; }
.app[data-theme] {
  --ink:inherit; --muted:var(--readable-muted); --paper:inherit; --canvas:inherit; --line:inherit;
  --teal:inherit; --teal-dark:inherit; --teal-soft:inherit; --gold:inherit; --gold-soft:inherit;
}
:is(input,select,textarea):focus-visible { outline:3px solid var(--teal) !important; outline-offset:3px; }
.sidebar :is(button,a):focus-visible { outline-color:#f1ddb5; }
.engagement-entry p { overflow-wrap:anywhere; white-space:pre-wrap; }
body[data-mode="dark"] {
  color-scheme:dark; --ink:#f1f4ef; --muted:#c6d2c8; --readable-muted:#c6d2c8; --line:#45554b;
  --paper:#1e2a24; --canvas:#111a16; --teal:#8dd9b8; --teal-dark:#b3ebd2; --teal-soft:#283f33;
  --gold:#e4c58c; --gold-soft:#3c3527; --blue-soft:#253c48; --theme-surface:#1e2a24;
}
body[data-mode="dark"][data-theme="rose"] { --paper:#30232b; --canvas:#1c141a; --line:#654553; --teal:#efabc0; --teal-dark:#f7c9d7; --teal-soft:#472f3c; --readable-muted:#e0c6d1; --theme-surface:#30232b; }
body[data-mode="dark"][data-theme="lagoon"] { --paper:#1c3033; --canvas:#102124; --line:#3b5d62; --teal:#8dddd0; --teal-dark:#b4f2e7; --teal-soft:#23494c; --readable-muted:#c0dade; --theme-surface:#1c3033; }
body[data-mode="dark"][data-theme="starlight"] { --paper:#29263d; --canvas:#171425; --line:#514866; --teal:#c2b2fa; --teal-dark:#ded4ff; --teal-soft:#39324f; --readable-muted:#d2cce5; --theme-surface:#29263d; }
body[data-mode="dark"] .app[data-theme] {
  --blue-soft:inherit; --theme-surface:inherit;
  color:inherit; background:transparent;
}
body[data-mode="dark"] :is(.app,.owner-portal,dialog) :is(.card,.panel,.simple-card,.setup-card,.staff-card,.theme-option,.notification-item,.insight-card,.engagement-card,.field input,select,.field textarea,.secondary-btn,.topbar,.table-wrap,.integration-hero,.points-guide,.weekly-summary,.rule-row,.callout,.empty,.owner-history-entry) {
  color:#f1f4ef; background:var(--theme-surface); border-color:var(--line);
}
body[data-mode="dark"] .app .main { background:transparent; }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) :is(h1,h2,h3,strong,td,label,input,textarea,select,.crumb,.cost) { color:#f1f4ef; }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) select { color-scheme:dark; }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) select :is(option,optgroup) { background:var(--theme-surface); color:#f1f4ef; }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) select option:disabled { color:var(--readable-muted); }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) :is(.data-note,.analytics-note,p,small,.stat-label,th,.theme-option-copy small) { color:var(--readable-muted); }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) .primary-btn { color:#13221a; background:#b3ebd2; border-color:#b3ebd2; }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) .badge { background:#3c3527; color:#f1ddb5; }
body[data-mode="dark"] :is(.app,.owner-portal,dialog) :is(.eyebrow,.nav-label) { color:#e4c58c; }
body[data-mode="dark"] dialog { color:#f1f4ef; background:var(--theme-surface); }
body[data-mode="dark"] .app .reward-art { background:#2c4337; color:#e0f3e7; }
body[data-mode="dark"] .app .goal-card { background:#283f33; }
body[data-mode="dark"] .app[data-theme] .theme-option[aria-pressed="true"]::after { color:var(--ink); }
body[data-mode="dark"] .owner-workspace[aria-pressed="true"] { background:#3c3527; border-color:#e4c58c; }
body[data-motion="reduced"] *,body[data-motion="reduced"] *::before,body[data-motion="reduced"] *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
body[data-motion="reduced"] [data-reveal] { opacity:1; transform:none; }
body[data-text-size="large"] :is(.app,.owner-portal,dialog) :is(p,small,label,input,select,textarea,td,li,button,.data-note,.analytics-note,.nav-legal-link) { font-size:18px; }
body[data-text-size="large"] :is(.app,.owner-portal,dialog) :is(.empty,.stat-foot,.unit-name,.unit-sub,.unit-score,.feed-text,.feed-meta,.legend,.trend,.goal-progress-row,.roadmap-foot,.analytics-bar-row,.analytics-category,.staff-balance,.rule-row strong,.leaderboard-name,.leaderboard-score,.callout,.category-bars-head,.privacy-note,.privacy-note strong,.user-mini strong) { font-size:18px; }
@media (max-width:1000px) {
  .app .sidebar { width:250px; }
  .app .main { margin-left:250px; }
  .appearance-grid,.engagement-grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .app .setup-step { grid-template-columns:18px minmax(0,1fr); }
  .app .setup-step :is(button,.setup-complete) { grid-column:2; justify-self:start; max-width:100%; white-space:normal; }
  #demoDialog .tour-stats { grid-template-columns:1fr; }
  .app .main { margin-left:0; }
  .app .sidebar { width:min(310px,90vw); }
  .top-right { width:100%; }
  .owner-metrics { grid-template-columns:1fr; }
  .owner-portal .welcome h1 { font-size:32px; }
  .engagement-card { padding:18px; }
}
@media print {
  body,.app[data-theme] { color:#111 !important; background:#fff !important; }
  .app :is(.card,.panel,.simple-card) { background:#fff !important; color:#111 !important; }
  .app :is(p,small,h1,h2,h3,strong,td,th) { color:#111 !important; }
}

/* Portal workspace hierarchy uses the account's existing appearance tokens. */
:is(.app,.owner-portal) .welcome { align-items:flex-start; gap:24px; margin-bottom:28px; }
:is(.app,.owner-portal) .welcome h1 { font-size:clamp(30px,3vw,44px); line-height:1.16; letter-spacing:-.035em; }
:is(.app,.owner-portal) .welcome p { max-width:760px; margin-bottom:0; }
:is(.app,.owner-portal) :is(.card,.engagement-card,.portal-action) { border:1px solid var(--line); }
.app .content,.owner-content { min-width:0; }
.sidebar-context { margin:8px 0 22px; padding:16px 12px; border:1px solid #65746b; border-radius:12px; color:#f1f4ef; }
.sidebar-close { display:none; }
.sidebar-context .nav-label { display:block; padding:0; margin-bottom:6px; }
.sidebar-context>strong { display:block; font-size:var(--portal-copy-size); line-height:1.5; }
.sidebar-finder { display:flex; justify-content:space-between; gap:12px; width:100%; margin-top:12px; padding:10px 0; border:0; border-top:1px solid #65746b; border-radius:0; color:#f1f4ef; background:transparent; text-align:left; }
.app .nav-group-label { color:#d5dfd8; font-size:14px; line-height:1.5; font-weight:650; padding:18px 12px 6px; letter-spacing:.035em; }
.app .nav-group-label:first-child { padding-top:0; }
.app .nav button.active { outline:1px solid #65746b; outline-offset:-1px; }
.app .sidebar-bottom { padding-top:24px; }
.app .sidebar-bottom .privacy-note { display:none; }
.portal-action-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 20px; }
:is(.app,.owner-portal) .portal-action { display:flex; flex-direction:column; align-items:flex-start; gap:12px; text-align:left; padding:24px; border-radius:18px; background:var(--paper); color:var(--ink); box-shadow:var(--shadow); transition:border-color .18s ease,transform .18s ease; min-width:0; }
.portal-action:hover { border-color:var(--teal); transform:translateY(-2px); }
.portal-action strong { font-size:23px; font-weight:650; letter-spacing:-.02em; line-height:1.3; }
.portal-action>span { font-size:var(--portal-copy-size); color:var(--readable-muted); line-height:1.6; }
.portal-action .action-kicker,.action-kicker { color:var(--gold); font-size:14px; font-weight:650; letter-spacing:.035em; }
.portal-action .action-link { color:var(--teal-dark); font-weight:650; margin-top:auto; padding-top:8px; }
#workspaceHomeScope { margin-bottom:24px; }
.portal-section-nav { display:flex; flex-wrap:wrap; gap:8px; padding:12px; margin-bottom:24px; border:1px solid var(--line); border-radius:14px; background:var(--paper); }
.portal-section-nav button { border:1px solid transparent; border-radius:9px; padding:10px 14px; min-height:44px; color:var(--readable-muted); background:transparent; font:inherit; text-align:left; line-height:1.5; }
.portal-section-nav button:hover { border-color:var(--line); color:var(--ink); }
.portal-section-nav button[aria-pressed="true"] { background:var(--teal-soft); border-color:var(--teal); color:var(--ink); font-weight:650; }
.portal-section-panel { min-width:0; }
#portal-dashboard-activity .overview:has(>.goal-card[hidden]) { grid-template-columns:1fr; }
.portal-section-panel>.card,.portal-section-panel>.engagement-card { margin-top:0 !important; margin-bottom:20px; }
.portal-section-panel :is(.reward-form,.engagement-form) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.portal-section-panel :is(.reward-form,.engagement-form)>:is(button,p) { grid-column:1/-1; justify-self:start; }
.portal-section-panel .field { min-width:0; }
.app .insight-card { flex-wrap:wrap; gap:16px; }
.app .insight-card>div { flex:1 1 240px; min-width:0; }
.app .insight-card button { max-width:100%; white-space:normal; }
.portal-section-panel #opportunityForm>label:has(textarea),.portal-section-panel #hubPostForm>label:has(textarea) { grid-column:1/-1; }
#page-engage>.engagement-grid:empty { display:none; }
#portal-account-appearance .theme-preferences { margin:0; padding:0; border:0; }
#portal-account-appearance .panel-head::after { content:none; }
.portal-guidance { margin-top:24px; }
.owner-portal { display:grid; grid-template-columns:250px minmax(0,1fr); background:var(--canvas); }
.owner-portal>.topbar { grid-column:1/-1; border-bottom:1px solid var(--line); }
.owner-portal>.owner-navigation { grid-column:1; grid-row:2; display:flex; flex-direction:column; flex-wrap:nowrap; gap:8px; align-self:start; position:sticky; top:20px; padding:24px 16px; margin:20px 0 0 16px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }
.owner-navigation .secondary-btn { text-align:left; white-space:normal; border-color:transparent; padding:14px; }
.owner-portal .owner-navigation .secondary-btn[aria-pressed="true"] { background:var(--teal-soft); color:var(--ink); border-color:var(--teal); outline:0; }
.owner-content { grid-column:2; grid-row:2; width:100%; padding:32px !important; }
.owner-metrics .card h2 { font-size:40px; line-height:1.15; margin:12px 0 0; letter-spacing:-.035em; }
.owner-columns { grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr); gap:24px; align-items:start; }
.owner-directory-card { min-width:0; }
.directory-controls { display:grid; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.directory-controls .field { margin:0; }
#ownerDirectory { max-height:700px; overflow-y:auto; padding:4px; margin:16px -4px; }
.owner-workspace { width:100%; gap:6px; margin:0 0 10px; padding:18px; border-radius:12px; background:var(--paper); }
.owner-workspace>strong { font-size:var(--portal-copy-size); }
.owner-workspace>span { color:var(--readable-muted); line-height:1.6; }
.owner-workspace[aria-pressed="true"] { border-color:var(--teal); background:var(--teal-soft); box-shadow:inset 3px 0 var(--teal); }
.portal-empty-state { display:flex; flex-direction:column; justify-content:center; min-height:360px; }
.owner-advanced { border:1px solid var(--line); border-radius:12px; padding:0 18px; margin-top:16px; }
.owner-advanced[open] { padding-bottom:20px; }
.owner-advanced>summary { font-weight:650; padding:18px 0; color:var(--ink); }
.owner-access-card { margin-top:20px; padding:24px; }
.owner-leadership-card { margin-top:24px; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.owner-leadership-card .engagement-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.owner-leadership-card .engagement-form>:is(p,button) { grid-column:1/-1; justify-self:start; }
.owner-leadership-card :is(.field,.owner-history-entry) { min-width:0; overflow-wrap:anywhere; }
.owner-leadership-card button { max-width:100%; white-space:normal; }
@media(max-width:600px) { .owner-leadership-card { padding:16px; } .owner-leadership-card .engagement-form { grid-template-columns:1fr; } }
#portalNavigatorDialog { width:min(720px,calc(100% - 24px)); }
.navigator-results { max-height:min(55vh,520px); overflow-y:auto; display:grid; gap:8px; padding:4px; margin:-4px; }
.navigator-result { display:grid; gap:6px; padding:16px; background:var(--paper); border:1px solid var(--line); border-radius:12px; color:var(--ink); text-align:left; font:inherit; min-width:0; overflow-wrap:anywhere; }
.navigator-result:hover { background:var(--teal-soft); border-color:var(--teal); }
.navigator-result span { color:var(--readable-muted); font-size:var(--portal-copy-size); line-height:1.6; }
body[data-density="spacious"] .portal-action { padding:32px; }
body[data-corners="crisp"] :is(.portal-action,.portal-section-nav,.owner-advanced,.owner-navigation,.owner-access-card,.navigator-result,.sidebar-context) { border-radius:6px; }
body[data-depth="flat"] .portal-action { box-shadow:none; }
body[data-mode="dark"] .portal-action { color:var(--ink); background:var(--paper); }
@media (max-width:1200px) {
  .owner-columns { grid-template-columns:1fr; }
  #ownerDirectory { max-height:420px; }
  .portal-action-grid { grid-template-columns:1fr; }
  .portal-action { min-height:0; }
}
@media (max-width:760px) {
  .app .sidebar-close { display:block; width:100%; padding:12px; margin-bottom:16px; border:1px solid #65746b; border-radius:10px; background:transparent; color:#f1f4ef; font:inherit; }
  .owner-portal { grid-template-columns:minmax(0,1fr); }
  .owner-portal>.owner-navigation { grid-column:1; grid-row:auto; position:static; flex-direction:row; flex-wrap:wrap; margin:16px; padding:12px; }
  .owner-navigation .secondary-btn { flex:1 1 180px; }
  .owner-content { grid-column:1; grid-row:auto; padding:20px 16px 40px !important; }
  .owner-columns { grid-template-columns:minmax(0,1fr); }
  :is(.app,.owner-portal) .portal-action { padding:20px; }
  .portal-section-nav { padding:8px; gap:6px; }
  .portal-section-nav button { flex:1 1 140px; padding:10px; }
  .portal-section-panel :is(.reward-form,.engagement-form) { grid-template-columns:minmax(0,1fr); }
  .owner-access-card { padding:18px; }
  .app .topbar .crumb { overflow-wrap:anywhere; }
}
@media print {
  .portal-action-grid,.portal-section-nav,.sidebar-context { display:none; }
}

/* Decorative layers stay behind opaque text surfaces and never intercept input. */
body {
  --portal-elevation:0 6px 16px rgba(23,32,28,.05),0 24px 54px rgba(23,32,28,.09);
  --portal-highlight:rgba(255,255,255,.75);
}
body[data-mode="dark"] {
  --portal-elevation:0 8px 20px rgba(0,0,0,.2),0 26px 60px rgba(0,0,0,.32);
  --portal-highlight:rgba(255,255,255,.08);
}
body :is(.app[data-theme] .main,.owner-portal) {
  background-color:var(--canvas);
  background-image:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 52%),radial-gradient(ellipse at 0% 65%,color-mix(in srgb,var(--gold) 7%,transparent),transparent 55%);
}
:is(.app,.owner-portal) .welcome {
  position:relative; isolation:isolate; overflow:hidden; padding:32px; border:1px solid var(--line); border-radius:22px;
  background:linear-gradient(115deg,var(--paper) 52%,color-mix(in srgb,var(--paper) 88%,var(--teal-soft)));
  box-shadow:var(--portal-elevation),inset 0 1px var(--portal-highlight); align-items:center;
}
:is(.app,.owner-portal) .welcome::before {
  content:""; position:absolute; z-index:-1; pointer-events:none; right:-100px; top:-170px; width:400px; height:400px;
  border:1px solid color-mix(in srgb,var(--teal) 20%,transparent); border-radius:50%;
  box-shadow:0 0 0 36px color-mix(in srgb,var(--teal) 4%,transparent),0 0 0 72px color-mix(in srgb,var(--gold) 4%,transparent);
}
:is(.app,.owner-portal) .welcome::after {
  content:""; position:absolute; pointer-events:none; left:32px; bottom:0; height:3px; width:120px;
  background:linear-gradient(90deg,var(--gold),var(--teal),transparent);
}
:is(.app,.owner-portal) .welcome>div { flex:1 1 340px; min-width:0; }
:is(.app,.owner-portal) .welcome h1 { font-size:clamp(32px,3.4vw,48px); margin-top:14px; max-width:22ch; overflow-wrap:anywhere; }
:is(.app,.owner-portal) .welcome p { max-width:65ch; }
:is(.app,.owner-portal) .welcome .eyebrow {
  display:inline-block; max-width:100%; padding:6px 12px; border:1px solid var(--line); border-radius:30px;
  background:var(--paper); color:var(--teal-dark); letter-spacing:.06em; overflow-wrap:anywhere;
}
:is(.app,.owner-portal) .welcome>button { flex-shrink:0; max-width:100%; white-space:normal; }
:is(.app,.owner-portal) :is(.card,.engagement-card,.portal-action) {
  box-shadow:var(--portal-elevation),inset 0 1px var(--portal-highlight);
}
body :is(.app,.owner-portal) .portal-action {
  --action-accent:var(--teal); position:relative; overflow:hidden; border-radius:20px; padding:26px;
  background-color:var(--paper);
  background-image:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--action-accent) 7%,transparent),transparent 55%);
  border-top:2px solid color-mix(in srgb,var(--action-accent) 55%,var(--line));
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
:is(.app,.owner-portal) .portal-action:nth-child(2) { --action-accent:var(--gold); }
:is(.app,.owner-portal) .portal-action:nth-child(3) { --action-accent:var(--teal-dark); }
.portal-action-icon {
  box-sizing:content-box; width:26px; height:26px; flex-shrink:0; padding:14px; border:1px solid var(--line); border-radius:16px;
  color:var(--action-accent); background:var(--paper); box-shadow:inset 0 1px var(--portal-highlight);
  fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;
}
:is(.app,.owner-portal) .portal-action>strong { font-size:25px; line-height:1.25; max-width:22ch; }
:is(.app,.owner-portal) .portal-action .action-kicker { color:var(--gold); }
:is(.app,.owner-portal) .portal-action .action-link { width:100%; padding-top:16px; border-top:1px solid var(--line); color:var(--teal-dark); }
:is(.app,.owner-portal) .portal-action:hover { transform:translateY(-4px); border-color:var(--action-accent); box-shadow:var(--portal-elevation),0 0 0 1px var(--action-accent); }
:is(.app,.owner-portal) .portal-action:active { transform:translateY(-1px); }
:is(.app,.owner-portal) .portal-action:focus-visible { outline:3px solid var(--teal); outline-offset:4px; }
.app .stat,.owner-metrics .card { position:relative; overflow:hidden; border-top:2px solid var(--gold); }
.app .stat { padding:24px; }
.app .stat-value { font-size:36px; line-height:1.2; margin:12px 0; }
.app .stat-icon { border:1px solid var(--line); color:var(--teal-dark); background:var(--teal-soft); }
.owner-metrics .card { background:var(--paper); }
.owner-metrics { margin-bottom:24px; }
.owner-metrics .card h2 { color:var(--teal-dark); }
:is(.app,.owner-portal) .topbar { box-shadow:0 4px 20px rgba(0,0,0,.06); background:var(--paper); }
.owner-portal>.owner-navigation { box-shadow:var(--portal-elevation); }
.owner-navigation .secondary-btn { transition:background-color .18s ease,border-color .18s ease; }
.app .sidebar-context { background:rgba(255,255,255,.04); box-shadow:inset 0 1px rgba(255,255,255,.08); }
.app .nav button.active { border-radius:12px; }
.portal-section-nav { box-shadow:0 4px 16px rgba(0,0,0,.06),inset 0 1px var(--portal-highlight); }
.portal-section-nav button[aria-pressed="true"] { box-shadow:0 3px 8px rgba(0,0,0,.08); }
.app .engagement-hero { border:1px solid var(--line); border-left:4px solid var(--teal); box-shadow:var(--portal-elevation); background:linear-gradient(110deg,var(--teal-soft),var(--paper)); }
.owner-leadership-card { border-top:3px solid var(--gold); box-shadow:inset 0 1px var(--portal-highlight); }
.owner-access-card { box-shadow:inset 0 1px var(--portal-highlight); }
.app .reward-art { background:radial-gradient(circle at 50% 40%,var(--paper),var(--teal-soft)); color:var(--teal-dark); border-bottom:1px solid var(--line); }
:is(.app,.owner-portal) .primary-btn { box-shadow:0 6px 16px color-mix(in srgb,var(--teal) 16%,transparent); }
body[data-mode="dark"] :is(.app,.owner-portal) .primary-btn { color:#13221a; background:var(--teal); border-color:var(--teal); }
body[data-mode="dark"] :is(.app,.owner-portal) .welcome .eyebrow { color:var(--gold); }
@keyframes portal-arrive { from { opacity:.7; transform:translateY(8px); } to { opacity:1; transform:none; } }
.app .section-page.active>.welcome { animation:portal-arrive .32s ease-out; }
body[data-corners="crisp"] :is(.app,.owner-portal) :is(.welcome,.portal-action,.portal-action-icon,.owner-leadership-card,.welcome .eyebrow) { border-radius:6px; }
body[data-depth="flat"] :is(.app[data-theme] .main,.owner-portal,.app .welcome,.owner-portal .welcome,.app .card,.owner-portal .card,.portal-action,.portal-action-icon,.owner-navigation,.portal-section-nav,.portal-section-nav button,.engagement-hero,.sidebar-context,.owner-leadership-card,.owner-access-card,.app .primary-btn,.owner-portal .primary-btn) { box-shadow:none; background-image:none; }
body[data-depth="flat"] :is(.app,.owner-portal) .welcome::before { display:none; }
body[data-contrast="high"] :is(.app,.owner-portal) :is(.welcome,.portal-action,.engagement-hero) { background:var(--paper); }
body[data-contrast="high"] :is(.app,.owner-portal) .welcome::before { display:none; }
body[data-motion="reduced"] :is(.app,.owner-portal) .portal-action:hover,body[data-motion="reduced"] :is(.app,.owner-portal) .portal-action:active { transform:none; }
@media(prefers-reduced-motion:reduce) {
  .app .section-page.active>.welcome { animation:none; }
  :is(.app,.owner-portal) .portal-action { transition:none; }
  :is(.app,.owner-portal) .portal-action:hover,:is(.app,.owner-portal) .portal-action:active { transform:none; }
}
@media(max-width:760px) {
  :is(.app,.owner-portal) .welcome { padding:24px 20px; gap:20px; flex-wrap:wrap; border-radius:16px; }
  :is(.app,.owner-portal) .welcome::after { left:20px; }
  :is(.app,.owner-portal) .welcome>button { flex-shrink:1; }
  :is(.app,.owner-portal) .portal-action { padding:22px; }
  .portal-action-icon { padding:12px; }
  body[data-corners="crisp"] :is(.app,.owner-portal) .welcome { border-radius:6px; }
}
@media print {
  :is(.app[data-theme] .main,.owner-portal,.app .card,.owner-portal .card) { background-image:none; box-shadow:none; }
  :is(.app,.owner-portal) .welcome::before,:is(.app,.owner-portal) .welcome::after { display:none; }
}

body { --portal-glass:color-mix(in srgb,var(--paper) 90%,transparent); }
body[data-mode="dark"] { --portal-glass:color-mix(in srgb,var(--paper) 94%,transparent); }
:is(.app,.owner-portal) .portal-action .action-kicker {
  background:var(--paper); padding:4px 8px; border:1px solid var(--line); border-radius:8px; max-width:100%;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body:not([data-depth="flat"]):not([data-contrast="high"]) :is(.app,.owner-portal) :is(.welcome,.portal-action,.topbar,.portal-section-nav,.owner-navigation) {
    background-color:var(--portal-glass);
    -webkit-backdrop-filter:blur(16px) saturate(115%);
    backdrop-filter:blur(16px) saturate(115%);
  }
  body:not([data-depth="flat"]):not([data-contrast="high"]) :is(.app,.owner-portal) .welcome {
    background-image:linear-gradient(115deg,transparent 52%,color-mix(in srgb,var(--teal-soft) 30%,transparent));
  }
}
body:not([data-depth="flat"]):not([data-contrast="high"]) :is(.app,.owner-portal) .portal-action {
  isolation:isolate; box-shadow:var(--portal-elevation),inset 0 1px var(--portal-highlight),inset 1px 0 var(--portal-highlight);
}
body:not([data-depth="flat"]):not([data-contrast="high"]) :is(.app,.owner-portal) .portal-action::before {
  content:""; position:absolute; z-index:-1; pointer-events:none; inset:0; border-radius:inherit;
  background:linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--teal) 8%,transparent) 48%,transparent 70%);
  transform:translateX(-110%); opacity:0; transition:transform .65s ease,opacity .25s ease;
}
body:not([data-depth="flat"]):not([data-contrast="high"]) :is(.app,.owner-portal) .portal-action:is(:hover,:focus-visible)::before {
  transform:translateX(0); opacity:1;
}
.portal-action-icon { transition:transform .25s ease,box-shadow .25s ease; }
body:not([data-depth="flat"]) :is(.app,.owner-portal) .portal-action:is(:hover,:focus-visible) .portal-action-icon {
  transform:translateY(-2px) rotate(-4deg); box-shadow:0 4px 14px color-mix(in srgb,var(--action-accent) 12%,transparent);
}
@keyframes portal-card-arrive { from { opacity:.85; transform:translateY(10px); } to { opacity:1; transform:none; } }
body:not([data-depth="flat"]) :is(.app .section-page.active,.owner-portal) .portal-action { animation:portal-card-arrive .4s ease-out backwards; }
body:not([data-depth="flat"]) :is(.app .section-page.active,.owner-portal) .portal-action:nth-child(2) { animation-delay:.06s; }
body:not([data-depth="flat"]) :is(.app .section-page.active,.owner-portal) .portal-action:nth-child(3) { animation-delay:.12s; }
body[data-motion="reduced"] :is(.app,.owner-portal) :is(.portal-action-icon,.portal-action::before) { transform:none !important; }
body[data-motion="reduced"] :is(.app,.owner-portal) .portal-action::before { display:none; }
body:is([data-depth="flat"],[data-contrast="high"]) :is(.app,.owner-portal) :is(.welcome,.portal-action,.topbar,.portal-section-nav,.owner-navigation) {
  background-color:var(--paper); -webkit-backdrop-filter:none; backdrop-filter:none;
}
body:is([data-depth="flat"],[data-contrast="high"]) :is(.app,.owner-portal) .portal-action { animation:none !important; }
body:is([data-depth="flat"],[data-contrast="high"]) :is(.app,.owner-portal) .portal-action::before { display:none; }
@media(prefers-reduced-motion:reduce) {
  :is(.app,.owner-portal) .portal-action { animation:none !important; }
  :is(.app,.owner-portal) .portal-action-icon { transform:none !important; transition:none; }
  :is(.app,.owner-portal) .portal-action::before { display:none; }
}
@media(max-width:760px) {
  body:not([data-depth="flat"]):not([data-contrast="high"]) :is(.app,.owner-portal) :is(.welcome,.portal-action,.topbar,.portal-section-nav,.owner-navigation) {
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  }
}
@media print {
  body :is(.app,.owner-portal) :is(.welcome,.portal-action,.topbar,.portal-section-nav,.owner-navigation) {
    background:var(--paper) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; animation:none !important;
  }
  :is(.app,.owner-portal) .portal-action::before { display:none; }
}

/* A shared, restrained scale keeps marketing, workspace and account surfaces cohesive. */
:is(.app,.owner-portal) .welcome { gap:20px; margin-bottom:20px; border-radius:16px; }
body:not([data-density="spacious"]) :is(.app,.owner-portal) .welcome { padding:24px; }
:is(.app,.owner-portal) .welcome h1 { font-size:clamp(28px,2.5vw,36px); line-height:1.2; margin:10px 0; max-width:30ch; }
:is(.app,.owner-portal) .welcome p { line-height:1.55; }
.portal-action-grid { gap:14px; }
body:not([data-density="spacious"]) :is(.app,.owner-portal) .portal-action { padding:20px; gap:10px; }
body[data-density="spacious"] :is(.app,.owner-portal) .portal-action { padding:32px; }

.owner-home-button { padding:0; border:0; background:transparent; color:var(--ink); text-align:left; }
.owner-home-button .brand-name,.owner-home-button .brand-sub { display:block; }
.owner-home-button:focus-visible { outline:3px solid var(--gold); outline-offset:6px; border-radius:6px; }
.owner-nav-context { display:grid; gap:8px; padding:4px 12px 16px; margin-bottom:4px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.owner-nav-context strong { font-size:var(--portal-copy-size); }
.owner-route-guide ol { list-style:none; counter-reset:owner-step; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:0; margin:24px 0; }
.owner-route-guide li { counter-increment:owner-step; display:grid; gap:10px; align-content:start; border-top:1px solid var(--line); padding-top:16px; }
.owner-route-guide li::before { content:"0" counter(owner-step); font-weight:700; color:var(--gold); }
.owner-route-guide li span { color:var(--readable-muted); line-height:1.65; }
.owner-directory-options summary { min-height:44px; cursor:pointer; padding:10px 0; font-weight:600; }
.owner-directory-options[open] { display:grid; gap:12px; }
.owner-workspace-entry { display:grid; gap:8px; padding-bottom:16px; border-bottom:1px solid var(--line); min-width:0; }
.owner-workspace-entry>button { width:100%; white-space:normal; overflow-wrap:anywhere; }
.owner-detail-nav { margin:20px 0; }
.owner-detail-nav button { flex:1 1 120px; }
.owner-task-overview>h3 { margin:10px 0; font-size:22px; }
.owner-task-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.owner-task-shortcuts .secondary-btn { display:grid; gap:8px; padding:18px; white-space:normal; text-align:left; align-content:start; }
.owner-task-shortcuts span { font-size:var(--portal-copy-size); font-weight:400; color:var(--readable-muted); line-height:1.6; }
.owner-admin-entry { padding:20px; margin-top:20px; border:1px solid var(--line); border-left:3px solid var(--teal); border-radius:12px; background:var(--paper); }
.owner-admin-entry h3 { margin:0 0 10px; font-size:20px; }
#ownerDetailLeadership .owner-leadership-card { margin-top:0; }
#ownerDetailAccess .owner-access-card { margin-top:0; }
.owner-management-banner>div:first-child { flex:1 1 360px; min-width:0; }
.owner-management-banner strong { display:block; margin:8px 0; font-size:20px; overflow-wrap:anywhere; }
.owner-management-banner .inline-actions { flex:0 1 auto; }
.portal-switch-notice { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:24px; background:var(--canvas); color:var(--ink); font-size:18px; text-align:center; }
body[data-corners="crisp"] .owner-admin-entry { border-radius:6px; }
@media(min-width:1100px) {
  :is(.app,.owner-portal)>.topbar,.app .main>.topbar { position:sticky; top:0; z-index:40; }
  .owner-portal>.owner-navigation { top:100px; }
}
@media(max-width:900px) { .owner-route-guide ol { grid-template-columns:1fr; gap:12px; } }
@media(max-width:760px) {
  .owner-nav-context { flex:1 0 100%; padding:4px 4px 12px; }
  .owner-nav-context .data-note { display:none; }
  .owner-detail-nav button { flex:1 1 100px; }
  .owner-task-shortcuts { grid-template-columns:1fr; }
  .owner-home-button { min-height:44px; }
}
@media print { .portal-switch-notice,.owner-detail-nav,.owner-task-shortcuts,.owner-home-button { display:none; } }
:is(.app,.owner-portal) .portal-action>strong { font-size:20px; line-height:1.3; max-width:26ch; }
:is(.app,.owner-portal) .portal-action>span { line-height:1.5; }
:is(.app,.owner-portal) .portal-action .action-link { padding-top:12px; }
.portal-action-icon { width:22px; height:22px; padding:10px; border-radius:12px; }
:is(.app,.owner-portal) .portal-action .portal-action-icon { position:absolute; top:20px; right:20px; }
:is(.app,.owner-portal) .portal-action .action-kicker { display:inline-flex; align-items:center; min-height:44px; max-width:calc(100% - 56px); }
:is(.app,.owner-portal,dialog) :is(h2,.panel-head h2,.goal-top h2) { font-size:22px; }
:is(.app,.owner-portal,dialog) :is(h3,.reward-body h3) { font-size:18px; }
body:not([data-density="spacious"]) :is(.app,.owner-portal) :is(.panel,.simple-card,.engagement-card) { padding:20px; }
.app .stat { min-height:110px; }
body:not([data-density="spacious"]) .app .stat { padding:18px; }
.app .stat-value { font-size:30px; margin:8px 0; }
.owner-metrics .card h2 { font-size:32px; margin:8px 0 0; }
body:not([data-density="spacious"]) :is(.app,.owner-portal) :is(.owner-access-card,.owner-leadership-card,.engagement-hero) { padding:20px; }
.owner-portal>.owner-navigation { padding:16px 12px; }
.owner-navigation .secondary-btn { padding:10px 12px; }
body:not([data-density="spacious"]) :is(.app,.owner-portal) .topbar { min-height:68px; padding-top:12px; padding-bottom:12px; }
.portal-section-nav { padding:8px; gap:6px; margin-bottom:20px; }
.portal-section-nav button { padding:8px 12px; }
@media(min-width:1100px) { .portal-action-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:901px) and (max-width:1099px) { .portal-action-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .portal-action-grid { grid-template-columns:minmax(0,1fr); } }

.landing .landing-nav { min-height:76px; padding-top:12px; padding-bottom:12px; }
.landing .landing-hero { min-height:0; padding-top:64px; padding-bottom:64px; gap:32px; }
.landing h1 { font-size:clamp(40px,4.5vw,60px); line-height:1.06; max-width:18ch; }
.landing .hero-copy p { font-size:16px; line-height:1.65; margin-bottom:22px; }
.landing .landing-section,.landing #experience,.landing #launch-readiness { padding-top:64px; padding-bottom:64px; }
.landing .landing-section h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; }
.landing .feature-grid { gap:16px; margin-top:28px; }
.landing .feature-card { min-height:0; padding:22px; border-radius:16px; background:#fffefa; box-shadow:0 8px 24px rgba(23,32,28,.07),inset 0 1px #fff; }
.landing .feature-card:nth-child(2),.landing .feature-card:nth-child(5) { transform:none; }
@media(min-width:761px) and (max-width:1000px) { .landing .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.landing .feature-card h3 { font-size:20px; margin-top:14px; }
.landing .feature-card p { max-width:none; }
.landing .price-card { padding:22px; border-radius:16px; background:#fffefa; box-shadow:0 10px 28px rgba(23,32,28,.08),inset 0 1px #fff; }
.landing .price-card.featured { border-top:3px solid #80602e; }
.landing .price-value { font-size:32px; margin-top:16px; }
.landing .price-card .price-audience { min-height:0; }
.landing .pricing-includes { background:#fffefa; border-radius:14px; font-size:16px; }
.landing .landing-faq details { margin:12px 0; padding:16px 20px; border:1px solid #53685c; border-radius:14px; background:#1b2821; }
.landing .landing-faq summary { font-size:16px; min-height:28px; }
.landing .landing-faq p { color:#c6d2c8; }
.landing :is(.motion-story-copy p,.motion-note p,.motion-note-footer,.motion-chip,.motion-caption) { font-size:16px; line-height:1.55; }
.landing .motion-note-top { font-size:12px; letter-spacing:.06em; }
.landing .motion-note { background:#fffefa; }
.landing .motion-note p,.landing .motion-note-footer { color:#52605b; }
.landing .motion-caption { bottom:-16px; }
.landing .motion-stage { min-height:360px; }
.landing .motion-chip { background:#26362c; max-width:90%; }
.landing .motion-note::after { opacity:0; animation:none; }
dialog { background:var(--paper); border:1px solid var(--line); border-radius:16px; max-height:90dvh; overflow-y:auto; overscroll-behavior:contain; }
dialog::backdrop { background:rgba(10,18,14,.65); backdrop-filter:blur(5px); }
dialog .modal-head { padding:20px 22px 16px; background:var(--teal-soft); border-bottom:1px solid var(--line); }
dialog .modal-head h2 { font-size:22px; }
dialog .modal-body { padding:20px 22px; }
dialog :is(input,select,textarea) { min-height:44px; background:var(--paper); color:var(--ink); border-color:var(--line); }
dialog .field label { color:var(--readable-muted); }
dialog .modal-actions { flex-wrap:wrap; }
dialog .modal-actions button { max-width:100%; white-space:normal; }
dialog .terms-copy { color:var(--ink); background:var(--paper); }
body[data-corners="crisp"] :is(.app,.owner-portal) .welcome,body[data-corners="crisp"] dialog { border-radius:6px; }
@media(max-width:760px) {
  body:not([data-density="spacious"]) :is(.app,.owner-portal) .welcome { padding:20px; }
  :is(.app,.owner-portal) .welcome h1 { font-size:28px; }
  .landing .landing-hero { padding:40px 20px 48px; }
  .landing h1 { font-size:clamp(36px,8vw,48px); }
  .landing .landing-section,.landing #experience,.landing #launch-readiness { padding:44px 20px; }
  .landing .feature-card,.landing .price-card { padding:20px; }
  .landing .landing-section h2 { font-size:30px; }
  .landing .motion-stage { min-height:400px; }
  .landing .motion-chip.one { top:0; }
  .landing .motion-chip.two { bottom:0; }
  .landing .motion-caption { position:static; align-self:end; margin-top:16px; }
  dialog .modal-body,dialog .modal-head { padding:18px; }
}