/* Shared extensions to the original JB Labs design tokens. */
:root { --soft: #efefec; --ink: #22231f; }
:root[data-theme="light"] { color-scheme:light; --bg:#f7f7f5; --paper:#fff; --text:#171717; --muted:#686868; --line:#d8d8d5; --accent:#d76532; --soft:#efefec; }
:root[data-theme="dark"] { color-scheme:dark; --bg:#151513; --paper:#1d1d1a; --text:#f1f0eb; --muted:#aaa79e; --line:#343430; --accent:#d76532; --soft:#22221f; }
@media(prefers-color-scheme:dark) { :root:not([data-theme="light"]) { --soft:#22221f; } }
button,input,select { font:inherit; }
button,a,input,select,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
button { color:inherit; }
[hidden] { display:none !important; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed;top:-80px;left:16px;z-index:100;background:var(--paper);padding:10px 20px; }
.skip-link:focus { top:12px; }
.site-header { position:relative; z-index:20; gap:24px; }
.site-header nav { gap:25px;margin-left:auto; }
.site-header nav > a,.nav-menu summary { font-size:12px; }
.site-header nav [aria-current="page"] { color:var(--accent); }
.division-mark { display:flex;flex-direction:column;line-height:1.1;padding:15px 0; }
.division-mark > span { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-top:7px; }
.header-actions { display:flex;align-items:center;gap:22px; }
.site-header .nav-login { color:var(--text);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;border-left:1px solid var(--line);padding-left:22px; }
.site-header .nav-login:hover { color:var(--accent); }
.theme-toggle { background:none;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;padding:0;font-size:18px;line-height:1; }
.theme-toggle:hover { color:var(--accent);border-color:var(--accent); }
.mobile-toggle { display:none; }
.catalog-menu { width:340px;max-width:calc(100vw - 64px);display:grid;gap:9px;right:auto;left:-20px;max-height:calc(100dvh - 125px);overflow-y:auto; }
.catalog-menu .nav-label { margin-top:10px;font-size:9px; }
.catalog-menu > a:first-child { padding-bottom:13px;border-bottom:1px solid var(--line); }
.micro { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase;line-height:1.6; }
.muted { color:var(--muted); }
.small { font-size:12px;line-height:1.7; }
.status-dot { display:inline-block;width:6px;height:6px;flex-shrink:0;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:middle; }
.actions { display:flex;align-items:center;gap:26px;flex-wrap:wrap; }
.button { display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:13px 19px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid transparent;line-height:1.5;transition:background .18s,transform .18s; }
.button:hover { transform:translateY(-2px); }
.button.primary { background:var(--accent);color:#fff; }
:root[data-theme="dark"] .button.primary { color:#171717; }
@media(prefers-color-scheme:dark) { :root:not([data-theme="light"]) .button.primary { color:#171717; } }
.button.outline { border-color:var(--line);background:transparent; }
.button.outline:hover { border-color:var(--text); }
.quiet-link { font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:22px; }
.quiet-link:hover,.back-link:hover { color:var(--accent); }
.full-width { width:100%; }
.business-hero { padding:47px 0 0; }
.hero-topline,.hero-footnote,.section-kicker { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.hero-topline .eyebrow { margin:0;font-size:10px; }
.hero-topline > .micro { color:var(--muted);font-size:9px; }
.business-hero-grid { display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:69px 0 74px; }
.business-hero h1 { font-size:clamp(52px,5.7vw,76px);line-height:1.02;letter-spacing:-.05em; }
.hero-description { font-size:18px;color:var(--muted);line-height:1.65;margin:26px 0 30px; }
.hero-footnote { border-top:1px solid var(--line);padding:17px 0;font-size:11px;color:var(--muted); }
.hero-footnote a { text-decoration:none;display:flex;gap:22px; }
.workspace-preview { border:1px solid var(--line);background:var(--paper);box-shadow:0 18px 40px #00000005;transform:rotate(-1deg); }
.preview-toolbar { display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line); }
.preview-toolbar .micro { font-size:9px; }
.preview-dot { height:5px;width:5px;border-radius:50%;background:var(--accent); }
.preview-content { padding:26px 25px 20px; }
.preview-content > .micro { font-size:8px; }
.preview-company { font-size:13px;font-weight:600;display:flex;justify-content:space-between;margin-top:5px; }
.preview-company > span { color:var(--muted); }
.preview-greeting { font-family:Georgia,serif;font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:24px 0; }
.preview-apps { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.preview-apps > div { background:var(--bg);border:1px solid var(--line);padding:15px 9px 12px;display:flex;align-items:center;gap:9px;flex-direction:column;font-size:10px; }
.app-icon { width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--line);border-radius:9px;flex-shrink:0; }
.app-icon svg { width:23px;height:23px; }
.preview-apps .app-icon { width:35px;height:35px;background:var(--paper);border-radius:7px; }
.preview-apps .app-icon svg { width:20px;height:20px; }
.preview-record { display:flex;align-items:center;font-size:8px;color:var(--muted);margin-top:21px; }
.preview-record .status-dot { width:4px;height:4px; }
.preview-bottom { display:flex;justify-content:space-between;padding:11px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:9px; }
.preview-bottom .micro { font-size:8px; }
.editorial-section { padding:76px 0 80px;border-top:1px solid var(--line);scroll-margin-top:25px; }
.section-kicker { margin-bottom:42px; }
.section-kicker > .micro:first-child { color:var(--accent); }
.section-intro { display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:start;margin-bottom:44px; }
.business-page h2,.catalog-bottom h2,.purchase-options h2,.about-page h2 { font-family:Georgia,serif;font-size:clamp(33px,3.7vw,48px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0; }
.section-intro p { color:var(--muted);font-size:15px;line-height:1.8;margin:0; }
.section-intro p + p { margin-top:15px; }
.service-grid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line); }
.service-grid article { padding:28px 30px 0 0; }
.service-grid article + article { padding-left:30px;border-left:1px solid var(--line); }
.service-grid article:last-child { padding-right:0; }
.service-grid .micro { font-size:8px; }
.service-grid h3 { font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:29px 0 18px; }
.service-grid p { font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:30px; }
.service-meta { font-size:9px;color:var(--muted); }
.business-app-row { display:grid;grid-template-columns:46px 1fr 1.2fr auto;gap:25px;align-items:center;padding:24px 0;border-top:1px solid var(--line);text-decoration:none;transition:padding .2s; }
.business-app-row:last-child { border-bottom:1px solid var(--line); }
.business-app-row:hover { padding-left:12px; }
.business-app-row:hover h3 { color:var(--accent); }
.business-app-row h3 { margin:0;font-size:17px;font-weight:500;letter-spacing:-.025em; }
.business-app-row p { margin:0;color:var(--muted);font-size:12px;line-height:1.75; }
.business-app-row .micro { font-size:8px;color:var(--muted); }
.business-app-row > span:last-child { font-size:19px;color:var(--accent); }
.workspace-story-grid { display:grid;grid-template-columns:1fr 1fr;gap:110px; }
.workspace-story-grid > div > p { font-size:15px;color:var(--muted);max-width:360px;margin:22px 0; }
.workspace-story-grid > div > .small { font-size:11px; }
.steps { list-style:none;padding:0;margin:0; }
.steps li { display:flex;gap:23px; padding:20px 0;border-top:1px solid var(--line); }
.steps li:first-child { padding-top:0;border:0; }
.steps li > .micro { padding-top:4px;color:var(--accent); }
.steps h3 { font-size:16px;font-weight:500;margin:0 0 6px; }
.steps p { font-size:13px;color:var(--muted);margin:0; }
.custom-section { background:var(--soft);padding:36px 40px 50px;scroll-margin-top:25px; }
.custom-grid { display:grid;grid-template-columns:1.2fr 1fr;gap:90px; }
.custom-grid h2 { font-size:clamp(38px,4.8vw,60px); }
.custom-grid h2 em { font-weight:400;color:var(--accent); }
.custom-grid p { margin:0 0 28px;font-size:14px;color:var(--muted); }
.custom-process { font-size:9px;color:var(--muted);margin-top:30px; }
.closing-section { display:flex;justify-content:space-between;align-items:center;gap:30px;padding:56px 0 65px; }
.closing-section h3 { font-family:Georgia,serif;font-size:25px;letter-spacing:-.025em;font-weight:400;margin:8px 0 0; }
.footer-note { margin-left:16px; }
.catalog-page { padding-top:82px; }
.catalog-intro { padding-bottom:65px; }
.catalog-intro h1 { font-size:clamp(52px,7vw,86px); }
.catalog-intro .lede { font-size:20px; }
.catalog-filters { border-block:1px solid var(--line);padding:20px 0;display:flex;flex-direction:column;gap:20px; }
.filter-audience { display:flex;gap:26px; }
.filter-audience button { border:0;background:transparent;padding:0;font-size:13px;color:var(--muted); }
.filter-audience [aria-pressed="true"] { color:var(--text); }
.filter-audience [aria-pressed="true"]:before { content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:middle; }
.filter-options { display:flex;gap:12px; }
input,select { min-width:0;border:1px solid var(--line);border-radius:0;background:var(--paper);padding:10px 12px;color:var(--text);font-size:13px; }
.search-field { flex:1; }
.search-field input { width:100%; }
.catalog-count { color:var(--muted);padding:22px 0; }
.catalog-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px; }
.product-tile { display:flex;flex-direction:column;position:relative;padding-bottom:30px;margin-bottom:35px;border-bottom:1px solid var(--line);text-decoration:none;min-width:0; }
.product-visual { height:180px;background:var(--soft);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--line); }
.product-visual .app-icon { width:66px;height:66px;background:var(--paper);border-radius:14px;transition:transform .25s; }
.product-visual svg { width:34px;height:34px; }
.product-visual img { width:72px;height:72px;border-radius:17px;transition:transform .25s; }
.product-visual .visual-index { position:absolute;left:15px;top:12px;font-size:9px;color:var(--muted); }
.product-visual .visual-format { position:absolute;right:15px;bottom:12px;font-size:8px;color:var(--muted); }
.product-tile:hover .app-icon,.product-tile:hover img { transform:translateY(-5px); }
.product-tile:hover h2 { color:var(--accent); }
.product-tile h2 { font-size:21px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:20px 0 12px; }
.product-tile p { font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 20px; }
.tag-list { display:flex;gap:6px;flex-wrap:wrap;margin-top:auto; }
.tag { font-size:9px;padding:3px 7px;border:1px solid var(--line);color:var(--muted);text-transform:capitalize; }
.tile-status { display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:var(--muted);font-size:10px; }
.tile-status .available { color:var(--accent); }
.catalog-bottom { padding:25px 0 70px;display:flex;justify-content:space-between;gap:30px;align-items:center; }
.catalog-bottom h2 { font-size:32px; }
.empty-state { grid-column:1/-1;padding:70px 0;text-align:center; }
.empty-state h2 { font-family:Georgia,serif;font-weight:400; }
.login-page { display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:center;padding:100px 0 115px;min-height:75vh; }
.login-story h1 { font-size:clamp(55px,6.5vw,82px); }
.login-story .lede { font-size:20px; }
.login-caption { font-size:10px;color:var(--muted);margin-top:65px; }
.login-panel { border:1px solid var(--line);background:var(--paper);padding:35px; }
.login-panel h2 { font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.04em;margin:16px 0 3px; }
.login-panel > p { font-size:13px;color:var(--muted);margin-top:0; }
.org-avatar { width:35px;height:35px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--soft);border-radius:5px;font-family:Georgia,serif;font-size:13px; }
.login-panel > .small { font-size:10px;margin-top:14px; }
.login-help { font-size:11px;color:var(--muted);margin-top:30px; }
.login-help .text-link { font-size:11px; }
.detail-page { padding:35px 0 10px; }
.back-link { color:var(--muted);font-size:12px;text-decoration:none; }
.detail-hero { display:grid;grid-template-columns:1.3fr 1fr;gap:85px;align-items:center;padding:70px 0 90px; }
.detail-hero h1 { font-size:clamp(50px,6vw,74px); }
.detail-hero .lede { margin-top:30px;font-size:21px;color:var(--text); }
.detail-hero .hero-description { font-size:15px; }
.status-label { font-family:monospace;font-size:10px;color:var(--muted); }
.invoice-art { padding:30px;background:var(--soft);border:1px solid var(--line); }
.sheet-rows { display:grid;grid-template-columns:1fr auto;font-family:monospace;font-size:10px;margin-top:20px; }
.sheet-rows span { border-bottom:1px solid var(--line);padding:10px 0; }
.sheet-rows span:nth-child(-n+2) { color:var(--muted); }
.conversion-arrow { text-align:center;color:var(--accent);padding:15px;font-size:24px; }
.sample-invoice { background:var(--paper);padding:22px;border:1px solid var(--line); }
.sample-invoice strong { font-family:Georgia,serif;display:block;font-size:36px;font-weight:400;margin:10px 0; }
.sample-invoice > div { display:flex;justify-content:space-between;font-size:12px; }
.sample-invoice hr { border:0;border-top:1px solid var(--line);margin:18px 0; }
.purchase-options { display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line); }
.purchase-options article { padding:40px 50px 45px 0; }
.purchase-options article+article { border-left:1px solid var(--line);padding-left:50px;padding-right:0; }
.purchase-options h2 { font-size:36px;margin-top:25px; }
.purchase-options p { color:var(--muted);font-size:14px; }
.purchase-options .text-link { font-size:12px; }
.about-page { padding-top:100px; }
.about-page > .lede { margin-bottom:90px; }
.about-page .section-intro { margin-bottom:0; }
/* Workspace: compact operational typography, the same palette and fine rules. */
.workspace-site .site-header,.workspace-site .site-footer { --page:1360px; }
.workspace-shell { --page:1360px;display:grid;grid-template-columns:220px minmax(0,1fr);margin-top:24px;margin-bottom:45px;border:1px solid var(--line);min-height:720px;background:var(--paper); }
.workspace-sidebar { background:var(--bg);padding:22px 16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column; }
.organization-switch { display:flex;align-items:center;gap:10px;text-decoration:none;padding-bottom:22px;border-bottom:1px solid var(--line); }
.organization-switch strong { font-size:11px;display:block;line-height:1.5; }
.organization-switch small { color:var(--muted);font-size:9px;display:block;margin-top:2px; }
.sidebar-label { color:var(--muted);font-size:8px;margin:26px 10px 12px; }
.workspace-nav { display:flex;flex-direction:column;align-items:stretch;gap:4px; }
.workspace-nav a { font-size:11px;padding:9px 10px;display:flex;gap:13px;border-radius:3px; }
.workspace-nav a > span { font-size:17px;line-height:1;width:16px;text-align:center;color:var(--muted); }
.workspace-nav a[aria-current="page"] { background:var(--soft);color:var(--text); }
.workspace-nav a[aria-current="page"] > span { color:var(--accent); }
.workspace-nav a:hover { background:var(--soft); }
.workspace-nav .sidebar-label { margin-top:25px;margin-bottom:6px; }
.sidebar-bottom { margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:10px; }
.user-avatar { border-radius:50%;font-family:inherit;font-size:10px; }
.sidebar-bottom strong { display:block;font-size:10px; }
.sidebar-bottom small { display:block;font-size:9px;color:var(--muted); }
.sidebar-bottom a { margin-left:auto;text-decoration:none; }
.workspace-main { min-width:0;padding:0 32px 35px; }
.workspace-topbar { display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line); }
.workspace-topbar .micro { font-size:8px;color:var(--muted); }
.notification-link { font-size:10px;text-decoration:none; }
.notification-dot { width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block;vertical-align:middle;margin-left:5px; }
.workspace-status-bar { display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:9px; }
.workspace-status-bar > span:first-child { color:var(--accent); }
.workspace-status-bar .status-dot { width:4px;height:4px; }
.workspace-heading { margin:34px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.workspace-heading h1 { font-size:36px;letter-spacing:-.04em;line-height:1.12; }
.workspace-heading p { font-size:12px;color:var(--muted);margin:10px 0 0; }
.workspace-heading > .org-avatar { width:48px;height:48px;font-size:20px; }
.workspace-section-label { display:flex;justify-content:space-between;align-items:center;margin-bottom:15px; }
.workspace-section-label h2 { font-weight:600;font-size:12px;margin:0; }
.workspace-section-label a { font-size:10px;color:var(--muted);text-decoration:none; }
.workspace-app-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.workspace-app { border:1px solid var(--line);padding:20px;text-align:left;background:var(--paper);display:flex;flex-direction:column;transition:border-color .18s,transform .18s;min-width:0; }
.workspace-app:hover { border-color:var(--accent);transform:translateY(-3px); }
.workspace-app h3 { font-size:14px;letter-spacing:-.02em;line-height:1.3;font-weight:500;margin:23px 0 8px; }
.workspace-app p { color:var(--muted);font-size:10px;line-height:1.8;margin:0 0 22px; }
.workspace-app .app-access { margin-top:auto;display:flex;justify-content:space-between;width:100%;font-size:9px;color:var(--muted); }
.app-access span:last-child { color:var(--accent); }
.workspace-summary { display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:36px; }
.activity-list { list-style:none;padding:0;margin:0; }
.activity-list li { padding:15px 0;border-top:1px solid var(--line);display:flex;align-items:start;gap:11px; }
.activity-list .activity-mark { color:var(--accent);font-size:13px; }
.activity-list strong { display:block;font-size:11px;font-weight:500; }
.activity-list small { display:block;font-size:9px;color:var(--muted);margin-top:3px; }
.company-summary { border:1px solid var(--line);padding:20px; }
.company-summary h3 { font-size:14px;margin:0 0 5px;font-weight:500; }
.company-summary p { font-size:10px;color:var(--muted); }
.company-summary .quiet-link { font-size:10px;margin-top:15px; }
.profile-lines { margin:15px 0 0; }
.profile-lines > div { display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:9px 0;font-size:10px; }
.profile-lines dt { color:var(--muted); }
.profile-lines dd { margin:0;text-align:right; }
.workspace-planned { margin-top:32px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px; }
.workspace-planned a { text-decoration:none; }
.workspace-table { width:100%;border-collapse:collapse;font-size:11px; }
.workspace-table th { color:var(--muted);font-size:9px;font-weight:500;text-align:left; }
.workspace-table td,.workspace-table th { padding:15px 8px;border-bottom:1px solid var(--line); }
.workspace-table td:first-child,.workspace-table th:first-child { padding-left:0; }
.workspace-table button { background:transparent;border:0;padding:0;text-align:left;font-size:11px; }
.workspace-table button:hover { color:var(--accent); }
.table-scroll { overflow-x:auto; }
.settings-form { max-width:650px; }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.settings-form label { display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted); }
.settings-form label.wide { grid-column:1/-1; }
.settings-form input { width:100%; }
.form-actions { display:flex;align-items:center;gap:20px;margin-top:25px; }
.form-status { color:var(--accent);font-size:11px; }
.info-box { padding:22px;background:var(--bg);border:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:26px; }
.info-box h2 { color:var(--text);font-size:20px;letter-spacing:-.02em;margin:0 0 10px;font-weight:500; }
.info-box p { margin:0; }
.settings-row { display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;border-block:1px solid var(--line); }
.settings-row strong { font-size:13px;display:block; }
.settings-row p { font-size:11px;color:var(--muted);margin:4px 0 0; }
.settings-row input { width:18px;height:18px;accent-color:var(--accent); }
.dialog-close { position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px;color:var(--muted);padding:5px; }
dialog { padding:38px;width:min(620px,calc(100% - 32px));max-height:85vh;border:1px solid var(--line);background:var(--paper);color:var(--text); }
dialog::backdrop { background:#0008; }
dialog h2 { font-family:Georgia,serif;font-size:34px;letter-spacing:-.04em;font-weight:400;line-height:1.15;margin:20px 0 12px; }
dialog p { font-size:13px;color:var(--muted); }
dialog .button { margin-top:20px; }
.dialog-steps { display:flex;gap:20px;border-block:1px solid var(--line);padding:15px 0;margin:22px 0;font-size:10px;color:var(--muted); }
.sample-result { margin-top:20px;border:1px solid var(--line);padding:18px;background:var(--bg); }
.sample-result h3 { margin:0 0 10px;font-size:15px;font-weight:500; }
@media(min-width:1400px) { .business-hero-grid { gap:95px; } }
@media(max-width:1050px) {
 .site-header nav { gap:16px; }.site-header .nav-login { padding-left:14px; }
 .business-hero-grid { gap:35px; }.business-hero h1 { font-size:60px; }.business-hero .actions { gap:18px; }
 .section-intro,.workspace-story-grid,.custom-grid,.login-page,.detail-hero { gap:50px; }
 .workspace-shell { grid-template-columns:190px minmax(0,1fr); }.workspace-main { padding-inline:22px; }.workspace-app { padding:15px; }.workspace-summary { gap:20px; }
}
@media(max-width:850px) {
 .site-header { min-height:78px;flex-wrap:nowrap;padding-block:0; }
 .mobile-toggle { display:flex;align-items:center;gap:16px;font-size:12px;border:0;background:transparent;padding:10px 0 10px 10px;margin-left:auto; }
 .site-header > nav { display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border:1px solid var(--line);padding:20px;align-items:stretch;gap:0;box-shadow:0 16px 30px #0001; }
 .site-header.menu-open > nav { display:flex;flex-direction:column; }
 .site-header > nav > a,.site-header .nav-menu summary { padding:13px 0;font-size:14px; }
 .header-actions { margin-left:auto;gap:24px; }
 .site-header .nav-login { border:0;padding:12px 0;margin:0; }
 .header-actions .mobile-toggle { margin:0;padding:12px 0;min-width:34px;justify-content:center; }
 .theme-toggle { margin-top:12px; }
 .nav-menu { position:relative; }.catalog-menu { position:static;width:100%;max-width:none;max-height:none;overflow:visible;border:0;border-left:1px solid var(--line);margin:5px 0 10px;padding:5px 18px;box-shadow:none; }.nav-popover::before { display:none; }
 .business-hero-grid { grid-template-columns:1fr 1fr;gap:30px; }.business-hero h1 { font-size:50px; }.hero-description { font-size:15px; }.business-hero .actions { align-items:flex-start;flex-direction:column;gap:18px; }.preview-content { padding:20px 15px; }.preview-apps { gap:5px; }.preview-record { font-size:7px; }
 .service-grid h3 { font-size:22px; }.service-grid article { padding-right:20px; }.service-grid article+article { padding-left:20px; }
 .section-intro { gap:50px; }.business-app-row { gap:18px;grid-template-columns:43px 1fr 1fr auto; }.business-app-row h3 { font-size:15px; }
 .catalog-grid { grid-template-columns:repeat(2,1fr); }.login-page { gap:45px; }.login-panel { padding:25px; }.login-story h1 { font-size:58px; }.footer-note { display:none; }
 .workspace-shell { grid-template-columns:170px minmax(0,1fr); }.workspace-sidebar { padding-inline:12px; }.organization-switch { gap:7px; }.organization-switch .org-avatar { width:27px;height:30px;font-size:11px; }.organization-switch strong { font-size:10px; }.workspace-app-grid { grid-template-columns:1fr; }.workspace-app { display:grid;grid-template-columns:40px 1fr auto;gap:5px 15px;align-items:center; }.workspace-app .app-icon { grid-row:1/3;width:36px;height:36px; }.workspace-app h3 { margin:0; }.workspace-app p { margin:0;grid-column:2; }.workspace-app .app-access { grid-column:3;grid-row:1/3;display:block; }.app-access span:last-child { display:block;margin-top:7px; }.workspace-summary { grid-template-columns:1fr; }.workspace-heading h1 { font-size:32px; }.workspace-heading > .org-avatar { display:none; }
}
@media(max-width:620px) {
 .hero-topline > .micro { display:none; }.business-hero { padding-top:28px; }.business-hero-grid { grid-template-columns:1fr;gap:45px;padding:40px 0 38px; }.business-hero h1 { font-size:clamp(48px,11vw,68px); }.hero-description { font-size:17px; }.business-hero .actions { flex-direction:row;align-items:center;gap:18px; }.quiet-link { font-size:11px;gap:15px; }.button { font-size:11px;padding:12px 15px;gap:20px; }.workspace-preview { max-width:440px;width:100%;transform:none; }.preview-content { padding:23px; }.preview-apps { gap:9px; }.preview-record { font-size:9px; }.preview-greeting { font-size:28px; }.hero-footnote { font-size:9px; }.hero-footnote > span { max-width:190px; }.hero-footnote a { flex-shrink:0;gap:12px; }
 .editorial-section { padding:48px 0; }.section-kicker { margin-bottom:28px; }.section-kicker .micro { font-size:8px; }.section-kicker > .micro:last-child:not(:first-child) { display:none; }.section-kicker .quiet-link { font-size:10px; }
 .section-intro { grid-template-columns:1fr;gap:22px;margin-bottom:30px; }.section-intro p { font-size:14px; }.business-page h2 { font-size:36px; }.service-grid { grid-template-columns:1fr; }.service-grid article,.service-grid article+article { border:0;border-bottom:1px solid var(--line);padding:25px 0; }.service-grid h3 { font-size:26px;margin:18px 0 14px; }.service-grid h3 br { display:none; }.service-grid p { margin-bottom:18px; }.service-meta { font-size:10px; }
 .business-app-row { grid-template-columns:40px 1fr 15px;gap:6px 16px;padding:22px 0; }.business-app-row > .app-icon { grid-row:1/3;width:38px;height:38px;align-self:start; }.business-app-row > p { grid-column:2; }.business-app-row > span:last-child { grid-column:3;grid-row:1; }.business-app-row h3 { font-size:16px; }.business-app-row .micro { font-size:8px; }.business-app-row > p { margin-top:5px; }
 .workspace-story-grid,.custom-grid { grid-template-columns:1fr;gap:32px; }.workspace-story-grid > div > p { max-width:none; }.custom-section { padding:27px 23px 33px;margin-inline:-4px; }.custom-grid h2 { font-size:42px; }.custom-grid p { font-size:13px; }.custom-section .section-kicker { margin-bottom:30px; }.closing-section { padding:38px 0 45px;align-items:flex-start;flex-direction:column;gap:18px; }.closing-section h3 { font-size:25px; }
 .catalog-page { padding-top:50px; }.catalog-intro { padding-bottom:40px; }.catalog-intro h1 { font-size:53px; }.catalog-intro .lede { font-size:17px;margin-top:24px; }.filter-audience { justify-content:space-between;gap:10px; }.filter-audience button { font-size:12px; }.filter-options { display:grid;grid-template-columns:1fr 1fr;gap:10px; }.filter-options .search-field { grid-column:1/-1; }.filter-options select { width:100%;font-size:11px; }.catalog-grid { gap:0 20px; }.product-visual { height:140px; }.product-tile h2 { font-size:18px; }.product-tile p { font-size:12px; }.product-visual .visual-format { font-size:7px; }.tag { font-size:8px; }.catalog-bottom { flex-direction:column;align-items:flex-start;gap:20px; }.catalog-bottom h2 { font-size:30px; }
 .login-page { grid-template-columns:1fr;gap:40px;padding:50px 0 65px; }.login-story h1 { font-size:56px; }.login-story .lede { font-size:18px;margin-top:23px; }.login-caption { display:none; }.login-panel { padding:28px; }.detail-hero { grid-template-columns:1fr;gap:40px;padding:40px 0 50px; }.detail-hero h1 { font-size:52px; }.invoice-art { padding:25px; }.purchase-options { grid-template-columns:1fr; }.purchase-options article,.purchase-options article+article { padding:30px 0;border-left:0; }.purchase-options article+article { border-top:1px solid var(--line); }.purchase-options h2 { font-size:32px; }.about-page { padding-top:55px; }.about-page h1 { font-size:58px; }.about-page>.lede { font-size:18px;margin-bottom:50px; }
 .workspace-shell { display:block;margin-top:16px; }.workspace-sidebar { padding:15px;border-right:0;border-bottom:1px solid var(--line); }.organization-switch { border:0;padding:0 0 14px;gap:10px; }.organization-switch strong { font-size:12px; }.organization-switch small { font-size:10px; }.workspace-sidebar > .sidebar-label,.sidebar-bottom,.workspace-nav .sidebar-label { display:none; }.workspace-nav { flex-direction:row;overflow-x:auto;padding-bottom:4px;gap:6px; }.workspace-nav a { flex:0 0 auto;padding:9px 10px;font-size:10px; }.workspace-nav a > span { display:none; }.workspace-main { padding-inline:17px; }.workspace-topbar { padding:15px 0; }.workspace-status-bar { font-size:8px; }.workspace-status-bar > span:last-child { font-size:7px; }.workspace-heading { margin:27px 0; }.workspace-heading h1 { font-size:31px; }.workspace-heading p { font-size:11px; }.workspace-app { grid-template-columns:36px 1fr;gap:6px 12px; }.workspace-app p { font-size:10px; }.workspace-app .app-access { grid-column:2;grid-row:auto;display:flex;margin-top:8px;font-size:8px; }.app-access span:last-child { margin:0; }.workspace-planned { flex-direction:column;gap:8px; }.form-grid { grid-template-columns:1fr;gap:15px; }.settings-form label.wide { grid-column:auto; }.form-actions { align-items:flex-start;flex-direction:column;gap:10px; }.workspace-table { font-size:10px; }.workspace-table td,.workspace-table th { padding:12px 6px; }.workspace-table th { font-size:8px; }.workspace-table button { font-size:10px; }dialog { padding:28px 22px; }dialog h2 { font-size:30px; }.dialog-steps { gap:12px;font-size:8px; }
}
@media(max-width:380px) { .catalog-grid { grid-template-columns:1fr; }.product-visual { height:180px; }.hero-description { font-size:16px; }.business-hero .actions { align-items:flex-start;flex-direction:column; }.preview-record { font-size:8px; }.business-page h2 { font-size:33px; }.workspace-heading h1 { font-size:28px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; }.workspace-preview { transform:none; } }

/* Final mobile and keyboard refinements. */
.workspace-heading h1,.organization-switch strong,.company-summary h3 { overflow-wrap:anywhere; }
.profile-lines dd { overflow-wrap:anywhere;min-width:0; }
@media(max-width:850px) {
 .site-header > nav { max-height:calc(100dvh - 100px);overflow-y:auto; }
 .site-header .theme-toggle { width:40px;height:40px; }
 .catalog-menu a { min-height:34px;align-items:center; }
}
@media(max-width:380px) {
 .business-hero h1 { font-size:40px; }
 .preview-greeting { font-size:25px; }
 .preview-content { padding:20px 17px; }
 .preview-record { font-size:7px; }
 .custom-grid h2 { font-size:34px; }
}
/* Keep operational copy comfortably readable without adding visual noise. */
.service-grid p { font-size:14px; }
.business-app-row p { font-size:13px; }
.workspace-nav a { font-size:12px; }
.workspace-app h3 { font-size:16px; }
.workspace-app p { font-size:12px;line-height:1.65; }
.workspace-app .app-access { font-size:10px; }
.activity-list strong { font-size:12px; }
.activity-list small { font-size:10px; }
.company-summary p,.profile-lines > div { font-size:11px; }
.workspace-table { font-size:12px; }
@media(max-width:850px) {
 .workspace-nav a { font-size:11px; }
 .workspace-app h3 { font-size:15px; }
 .workspace-app p { font-size:11px; }
 .workspace-app .app-access { font-size:9px; }
}
@media(max-width:620px) {
 .business-app-row p { font-size:12px; }
 .workspace-table { font-size:10px; }
 .workspace-app .app-access { font-size:9px; }
}

/* Audience menus retain the original Software / Hardware organization. */
.catalog-menu .nav-audience > summary { justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text); }
.catalog-menu .nav-audience[open] > summary { color:var(--accent); }
.catalog-menu .nav-audience-content { padding:2px 0 15px 14px;margin:5px 0;border-left:1px solid var(--line); }
.nav-product-group + .nav-product-group { margin-top:19px; }
.nav-product-group .nav-label { margin:0 0 8px;font-size:9px; }
.nav-product-group ul { list-style:none;margin:0;padding:0;display:grid;gap:4px; }
.nav-product-group li a { gap:15px;padding:7px 0;font-size:12px;font-weight:500;line-height:1.6; }
.nav-product-group li a > span[aria-hidden] { margin-left:auto; }
.nav-empty { color:var(--muted);font-size:12px;padding:5px 0; }
@media(max-width:850px) {
 .catalog-menu .nav-audience > summary { min-height:44px;padding:10px 0; }
 .nav-product-group li a { min-height:40px; }
}
.nav-menu .nav-audience > summary::after { transform:rotate(45deg) translateY(-2px); }
.nav-menu .nav-audience[open] > summary::after { transform:rotate(225deg) translate(-2px,-1px); }
/* Auth uses the same quiet type, paper surfaces, and accent as the workspace. */
.auth-form { display:grid;gap:20px;margin-top:30px; }
.auth-form label { display:grid;gap:8px;font-size:11px;color:var(--text); }
.auth-form input,.workspace-picker-label select { box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;min-height:44px; }
.auth-form input:focus,.workspace-picker-label select:focus { outline:2px solid var(--accent);outline-offset:3px; }
.auth-options { display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px; }
.auth-options a { color:var(--text); }
.auth-options .small { font-size:10px; }
.form-status { font-size:12px;line-height:1.6; }
.form-status:empty { display:none; }
.auth-form button:disabled { opacity:.65;cursor:wait; }
#new-password-fields { display:grid;gap:20px; }
[hidden],#new-password-fields[hidden] { display:none!important; }
.workspace-picker-label { display:grid;gap:8px;margin:0 0 22px;font-size:10px;color:var(--muted); }
.workspace-picker-label select { font-size:11px; }
.quiet-button { border:0;padding:5px;background:transparent;color:var(--muted);font:inherit;cursor:pointer; }
.quiet-button:hover { color:var(--text); }
.workspace-choice { display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--text);cursor:pointer; }
.workspace-choice strong { display:block;font-family:Georgia,serif;font-size:24px;font-weight:400; }
.workspace-choice small { display:block;color:var(--muted);margin-top:8px; }
.workspace-empty { padding:28px 0;border-block:1px solid var(--line); }
.workspace-empty h3 { font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 10px; }
.workspace-empty p { color:var(--muted);font-size:12px;max-width:55ch; }
.subscription-price { font-family:Georgia,serif;font-size:42px;margin:12px 0; }
#record-detail { white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:12px; }
@media(max-width:650px) { .workspace-picker-label { margin:0 0 14px; }.auth-options { gap:10px; } }
.settings-form fieldset { border:0;padding:0;margin:0;min-width:0; }
@media (min-width:651px) and (max-width:850px) {
 .login-page { grid-template-columns:1fr;gap:40px;padding:50px 0; }
 .login-caption { margin-top:24px; }
 .login-panel { max-width:520px;width:100%;box-sizing:border-box; }
}
/* Workspace applications: ruled ledger rows (My Apps) and a comparison table (Browse Apps). No cards. */
.app-ledger { list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line); }
.app-ledger > li { display:grid;grid-template-columns:28px minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;padding:22px 0;border-top:1px solid var(--line); }
.app-ledger-index { color:var(--muted);padding-top:2px; }
.app-ledger h3 { margin:0 0 6px;font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:1.3; }
.app-ledger p { margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:52ch; }
.app-ledger dl { margin:0;display:grid;gap:6px; }
.app-ledger dl > div { display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;font-size:12px;line-height:1.6; }
.app-ledger dt { color:var(--muted);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase; }
.app-ledger dd { margin:0;overflow-wrap:anywhere; }
.app-state { display:flex;align-items:center;font-size:12px;font-weight:600;line-height:1.6; }
.app-ledger-state small,.app-table small { display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px; }
.app-ledger-state .text-link { display:inline-block;margin-top:8px;font-size:12px; }
.app-table td { vertical-align:top; }
.app-table td:first-child strong { font-weight:500;font-size:13px; }
.app-notes { margin-top:24px;display:grid;gap:10px;max-width:62ch; }
.app-notes p { margin:0; }
.app-notes .text-link,.app-more .text-link { font-size:12px; }
.app-preview-label { margin-top:40px; }
@media(max-width:850px) { .app-ledger > li { grid-template-columns:24px minmax(0,1fr);gap:12px 14px; }.app-ledger > li > :not(.app-ledger-index) { grid-column:2; } }
@media(max-width:620px) { .app-ledger h3 { font-size:15px; }.app-ledger p { font-size:11px; } }