/* DJM CMS — canonical design system. Edit this file; no override stylesheets. */
:root {
 color-scheme:light;
 --brand-primary:#165DFF; --brand-primary-hover:#1047C7; --brand-primary-soft:#E7EFFF;
 --brand-canvas:#F7F9FE; --brand-surface:#FFFFFF; --brand-soft:#EFF4FC;
 --brand-hero:#EDF3FF; --brand-steel:var(--brand-soft);
 --brand-ink:#121D33; --brand-body:#52627A; --brand-line:#D7E1F0; --brand-control-line:#7D8EA8;
 --brand-night:#081526; --brand-night-line:#365375; --brand-on-night-link:#AFCBFF; --brand-night-raised:#14243D; --brand-on-night:#F3F7FF; --brand-on-night-muted:#AFC1DC;
 --brand-focus:#165DFF; --brand-success:#1E7049; --brand-error:#B2344A;
 --brand-gutter:clamp(16px,2.2vw,64px); --brand-content:1280px;
 --brand-page-edge:calc(var(--brand-gutter) + var(--brand-inset));
 --brand-content-width:min(var(--brand-content), calc(100% - 2 * var(--brand-page-edge)));
 --brand-heading-inset:max(var(--brand-page-edge), calc((100% - var(--brand-content)) / 2));
 --brand-section-space:clamp(64px,6vw,100px);
 --brand-inset:clamp(24px,5vw,96px); --brand-space:clamp(64px,5.6vw,96px); --brand-card-space:clamp(24px,2.2vw,40px);
 --brand-radius:16px; --brand-card-radius:12px; --brand-control-radius:8px; --brand-media-radius:8px;
 --brand-type-display:clamp(48px,5.2vw,96px); --brand-type-page:clamp(36px,3.4vw,56px); --brand-type-section:clamp(30px,3.1vw,48px);
 --brand-type-article:32px; --brand-reading-width:75ch;
 --brand-type-data:40px; --brand-type-card:26px; --brand-type-group:20px; --brand-type-body:16px; --brand-type-small:14px; --brand-type-meta:13px;
 --brand-control-height:48px; --brand-control-compact:44px; --brand-grid-gap:24px; --brand-heading-gap:32px;
 --brand-shadow:0 20px 48px -18px #08152640; --brand-ease:cubic-bezier(.16,1,.3,1); --brand-fast:160ms; --brand-slow:240ms;
 --paper:var(--brand-canvas); --surface:var(--brand-surface); --soft:var(--brand-soft); --surface-2:var(--brand-soft);
 --ink:var(--brand-ink); --muted:var(--brand-body); --text-body:var(--brand-body); --line:var(--brand-line); --line-strong:var(--brand-control-line);
 --accent:var(--brand-primary); --accent-hover:var(--brand-primary-hover); --accent-ink:#1554D2; --accent-soft:var(--brand-primary-soft); --on-accent:#fff;
 --code-bg:var(--brand-night); --gutter:var(--brand-gutter); --radius:var(--brand-card-radius);
 --font-sans:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
 --font-display:var(--font-sans); --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --brand-home-hero:#F6F9FF; --brand-home-wash:#EAF1FF;
 --brand-header-gutter:clamp(20px,3.2vw,72px);
 --brand-site-header-height:89px;
}
:root[data-theme="dark"] {
 color-scheme:dark;
 --brand-canvas:#080F1D; --brand-surface:#111E33; --brand-soft:#1A2B44; --brand-hero:#142744;
 --brand-ink:#F4F7FF; --brand-body:#B8C8E1; --brand-line:#365073; --brand-control-line:#6F8CAF;
 --brand-primary-soft:#203E6E; --brand-focus:#A9C7FF; --accent-ink:#BDD2FF;
 --brand-success:#9DDBBC; --brand-error:#FFB8C4;
 --brand-primary:#286CEE;
 --brand-primary-hover:#1C56C7;
 --brand-home-hero:#101C2C; --brand-home-wash:#142640;
}
@media (max-width:700px) {
 :root { --brand-header-gutter:16px; --brand-gutter:12px; --brand-inset:24px; --brand-section-space:32px; --brand-space:40px; --brand-card-space:24px; --brand-heading-gap:24px; --brand-type-page:34px; --brand-type-section:30px; --brand-type-card:24px; }
}

/* Base, navigation, forms and native content components. */
*, ::before, ::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:112px; }
body { margin:0px; background:var(--paper); color:var(--ink); font:16px/1.75 var(--font-sans); -webkit-font-smoothing:antialiased; }
button, input, select, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:wait; opacity:0.65; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1, h2, h3, h4, p, figure { margin:0px; }
h1, h2, h3, h4 { font-family:var(--font-display); line-height:1.25; letter-spacing:-0.025em; }
h1, h2, h3 { text-wrap:balance; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
::selection { background:var(--accent); color:rgb(255, 255, 255); }
.container { width:calc(100% - 2 * var(--gutter)); margin-inline:auto; }
.mono { font-family:var(--font-mono); }
.sr-only { position:absolute; width:1px; height:1px; padding:0px; margin:-1px; overflow:hidden; clip:rect(0px, 0px, 0px, 0px); white-space:nowrap; border:0px; }
.skip-link { position:fixed; z-index:500; top:12px; left:12px; padding:12px 20px; background:var(--ink); color:var(--paper); transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.eyebrow { color:var(--muted); font:500 11px/1.5 var(--font-mono); letter-spacing:1.7px; margin-bottom:22px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--brand-grid-gap); min-height:var(--brand-control-height); padding:12px 22px; border:1px solid transparent; border-radius:var(--brand-control-radius); font-size:var(--brand-type-small); font-weight:500; transition:background 0.2s, color 0.2s; }
.btn-primary { background:var(--accent); color:var(--on-accent); }
.btn-primary:hover { background:var(--accent-hover); }
.btn-ghost { border-color:var(--line-strong); background:var(--surface); color:var(--ink); }
.btn-ghost:hover { border-color:var(--accent); color:var(--accent-ink); }
.btn-sm { min-height:var(--brand-control-compact); padding:10px 16px; font-size:var(--brand-type-small); }
.text-link { display:inline-flex; gap:16px; color:var(--accent-ink); font-size:var(--brand-type-small); font-weight:500; min-height:var(--brand-control-compact); }
.text-link:hover { text-decoration:underline; text-underline-offset:6px; }
.site-header { position:sticky; z-index:100; top:0px; background:var(--paper); border-bottom:1px solid transparent; }
.site-header.is-scrolled { border-bottom-color:var(--line); }
.header-inner { min-height:88px; display:flex; align-items:center; gap:30px; }
.brand { display:inline-flex; align-items:center; gap:12px; white-space:nowrap; }
.brand-symbol { width:31px; height:31px; color:var(--accent); flex-shrink:0; }
.brand-name { display:flex; align-items:center; gap:9px; font-size:25px; font-weight:750; letter-spacing:-1px; }
.brand-name > span { font:500 10px var(--font-mono); letter-spacing:1px; border-left:1px solid var(--line-strong); padding-left:9px; color:var(--muted); }
.navigation { flex:1 1 0%; min-width:0px; display:flex; align-items:center; justify-content:space-between; gap:30px; margin-left:clamp(20px, 7vw, 160px); }
.nav-menu { display:flex; align-items:center; gap:30px; list-style:none; margin:0px; padding:0px; }
.nav-link { display:block; color:var(--text-body); font-size:var(--brand-type-meta); padding:12px 0px; white-space:nowrap; }
.nav-link:hover, .nav-link[aria-current="page"] { color:var(--accent-ink); }
.nav-actions { display:flex; align-items:center; gap:26px; white-space:nowrap; }
.nav-account { font-size:var(--brand-type-meta); color:var(--text-body); }
.nav-account > span { margin-left:5px; }
.header-cta { display:inline-flex; align-items:center; gap:20px; min-height:38px; padding:0px 14px; background:transparent; color:var(--ink); border:1px solid var(--line); border-radius:var(--brand-control-radius); font-size:var(--brand-type-meta); }
.header-cta:hover { background:var(--accent); color:var(--on-accent); }
.nav-toggle { display:none; width:38px; height:38px; background:transparent; border:1px solid var(--line); border-radius:var(--brand-control-radius); padding:10px; color:var(--ink); }
.nav-toggle > span:not(.sr-only) { display:block; height:1px; margin:5px 0px; background:currentcolor; }
.theme-select { position:relative; flex-shrink:0; }
.theme-toggle { display:grid; place-items:center; width:32px; height:32px; border:0px; background:transparent; color:var(--muted); border-radius:var(--brand-control-radius); padding:0px; }
.theme-toggle:hover { background:var(--soft); }
.theme-toggle__icon { display:block; width:14px; height:14px; border-radius:50%; border:1px solid; background:linear-gradient(90deg, currentcolor 50%, transparent 50%); }
.theme-menu { position:absolute; z-index:120; top:42px; right:0px; width:150px; padding:5px; background:var(--surface); border:1px solid var(--line); border-radius:var(--brand-card-radius); box-shadow:var(--brand-shadow); }
.theme-menu button { display:block; width:100%; padding:10px 12px; background:transparent; color:var(--muted); border:0px; border-radius:var(--brand-control-radius); text-align:left; font-size:var(--brand-type-meta); }
.theme-menu button:hover { background:var(--soft); }
.theme-menu button[aria-selected="true"] { color:var(--accent-ink); }
.preview-tag { margin-left:auto; font-size:9px; color:var(--brand-on-night-muted); }
.pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px, 6vw, 120px); }
.price-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.price-commercial { border-top-color:var(--accent); background:var(--brand-soft); border-color:var(--brand-line); }
.price-card h3 { font-size:var(--brand-type-card); font-weight:500; }
.price-card > p { color:var(--muted); margin-top:11px; font-size:15px; }
.price-amount { font:500 clamp(52px,4vw,76px)/1.2 var(--font-display); letter-spacing:-3px; margin-block:28px; }
.price-amount > span { font:11px var(--font-sans); color:var(--muted); letter-spacing:0px; margin-left:12px; }
.price-card > .btn { display:flex; justify-content:space-between; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.price-commercial > .btn { color:var(--accent-ink); background:transparent; border-color:var(--line-strong); min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.price-commercial > .btn:hover { border-color:var(--accent); background:var(--accent-soft); }
.price-benefits { list-style:none; margin:25px 0px 0px; padding:0px; color:var(--text-body); font-size:15px; line-height:2.7; }
.price-benefits li::before { content:"✓"; margin-right:13px; color:var(--accent); font-size:15px; }
.price-card .price-footnote { border-top:1px solid var(--line); padding-top:20px; margin-top:25px; font-size:var(--brand-type-meta); line-height:1.9; }
.nexus-inner { padding-block:32px var(--brand-space); }
.inner-heading { margin-bottom:45px; padding:var(--brand-space) var(--brand-inset); }
.inner-heading h1 { font-size:var(--brand-type-page); font-weight:400; letter-spacing:-0.035em; line-height:1.3; }
.inner-heading > p:last-child { color:var(--muted); font-size:15px; max-width:70ch; margin-top:22px; }
.comparison-wrap { margin-top:45px; overflow:auto; border:1px solid var(--line); border-radius:var(--brand-card-radius); }
.comparison-table { width:100%; border-collapse:collapse; text-align:left; background:var(--surface); font-size:var(--brand-type-meta); }
.comparison-table th, .comparison-table td { padding:18px 24px; border-bottom:1px solid var(--line); }
.comparison-table thead th { background:var(--soft); font-size:var(--brand-type-meta); }
.comparison-table tbody th { font-weight:500; }
.comparison-table td { color:var(--muted); }
.comparison-table tr:last-child > * { border-bottom:0px; }
.faq-stack { margin-top:60px; }
.faq-stack h2 { font-size:var(--brand-type-card); font-weight:500; margin-bottom:20px; }
.faq-stack details { padding:21px 0px; border-bottom:1px solid var(--line); }
.faq-stack summary { cursor:pointer; font-size:var(--brand-type-small); }
.faq-stack details p { max-width:90ch; margin-top:15px; font-size:var(--brand-type-meta); color:var(--muted); line-height:1.9; }
.doc-grid { display:grid; grid-template-columns:repeat(3, minmax(0px, 1fr)); gap:18px; }
.doc-card { padding:var(--brand-card-space); background:var(--brand-soft); border-right:0px; border-bottom:0px; border-left:0px; border-image:none; border-radius:var(--brand-card-radius); transition:border-color 0.2s, transform 0.2s; border:1px solid var(--brand-line); }
.doc-card:hover { border-top-color:var(--accent); }
.doc-card > .mono { color:var(--accent-ink); font-size:var(--brand-type-meta); letter-spacing:1px; }
.doc-card h2 { font-size:var(--brand-type-card); font-weight:500; margin:25px 0px 15px; }
.doc-card p { color:var(--muted); font-size:var(--brand-type-meta); margin-bottom:28px; }
.doc-card > span:last-child { font-size:var(--brand-type-meta); color:var(--accent-ink); }
.notice-box { padding:17px 21px; background:var(--accent-soft); border:1px solid var(--line); border-radius:var(--brand-card-radius); color:var(--text-body); font-size:var(--brand-type-meta); line-height:1.9; margin-block:25px; }
.download-platforms { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.platform-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); min-width:0px; }
.platform-card h2 { font-size:var(--brand-type-card); font-weight:500; margin-bottom:10px; }
.platform-card > p:not(.eyebrow) { font-size:var(--brand-type-meta); color:var(--muted); }
.platform-card .btn { margin-top:25px; font-size:var(--brand-type-small); min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); border-radius:var(--brand-control-radius); }
.platform-meta { margin-top:23px; overflow-wrap:anywhere; font-size:var(--brand-type-meta); }
.platform-meta code { display:block; font:9px/1.8 var(--font-mono); margin-top:8px; word-break:break-all; }
.apply-layout { display:grid; grid-template-columns:minmax(0px, 1fr) minmax(290px, 26%); gap:30px; align-items:start; }
.apply-panel { padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.apply-progress { display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding-bottom:25px; margin-bottom:30px; border-bottom:1px solid var(--line); font-size:var(--brand-type-meta); color:var(--muted); }
.apply-progress > span:first-child { color:var(--accent-ink); }
.license-form, .member-card form, .member-account-panel form { display:grid; gap:21px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.license-form label, .member-card label, .member-account-panel label { display:grid; gap:8px; color:var(--text-body); font-size:var(--brand-type-meta); }
input, select, textarea { max-width:100%; }
.license-form input, .license-form select, .license-form textarea, .member-card input, .member-account-panel input, .member-account-panel textarea, .member-account-panel select { width:100%; padding:12px 13px; border:1px solid var(--line-strong); background:var(--paper); color:var(--ink); border-radius:var(--brand-control-radius); min-height:var(--brand-control-height); font:13px var(--font-sans); font-size:var(--brand-type-body); }
.license-form textarea { min-height:var(--brand-control-height); resize:vertical; }
input::placeholder, textarea::placeholder { color:var(--muted); }
.field-help, .member-account-panel small { font-size:var(--brand-type-meta); color:var(--muted); font-weight:400; }
.license-form .checkbox-label { display:flex; gap:10px; align-items:flex-start; font-size:var(--brand-type-meta); line-height:1.9; }
.checkbox-label input { width:15px; height:15px; min-height:15px; margin:3px 0px 0px; flex-shrink:0; accent-color:var(--accent); }
.checkbox-label a { color:var(--accent-ink); text-decoration:underline; }
.form-status, .member-form-status, [data-member-status] { font-size:var(--brand-type-meta); color:var(--accent-ink); line-height:1.9; overflow-wrap:anywhere; }
.form-status[data-state="error"], [data-member-status][data-state="error"] { color:var(--brand-error); }
:root[data-theme="dark"] .form-status[data-state="error"], :root[data-theme="dark"] [data-member-status][data-state="error"] { color:var(--brand-error); }
[aria-invalid="true"] { border-color:rgb(195, 60, 80) !important; }
.application-summary { position:sticky; top:116px; padding:var(--brand-card-space); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-soft); }
.application-summary > .mono { font-size:var(--brand-type-meta); letter-spacing:1px; color:var(--accent-ink); }
.application-summary h2 { font-size:var(--brand-type-card); margin-top:21px; font-weight:500; }
.application-summary .price-amount { font-size:43px; margin-block:21px; }
.application-summary p, .application-summary li { font-size:var(--brand-type-meta); color:var(--muted); }
.application-summary ul { padding-left:18px; margin-block:23px; }
.application-summary .notice-box { background:var(--surface); }
.captcha-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.captcha-row input { flex:1 1 130px; min-width:0px; width:130px; }
.captcha-row img { width:120px; height:45px; object-fit:contain; background:white; border:1px solid var(--line); border-radius:var(--brand-card-radius); }
.captcha-row button { background:transparent; border:0px; }
.member-page { --member-top-space:80px; min-height:70vh; padding-block:var(--member-top-space) var(--brand-space); }
.member-card { max-width:460px; margin:auto; padding:var(--brand-card-space); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-surface); box-shadow:none; }
.member-card h1 { font-size:32px; font-weight:500; margin-bottom:15px; }
.member-card > .member-hint { color:var(--muted); font-size:var(--brand-type-meta); margin-bottom:28px; }
.member-card > p:last-child { font-size:var(--brand-type-meta); color:var(--muted); margin-top:25px; }
.member-card a { color:var(--accent-ink); }
.member-card .button, .member-account .button { display:inline-flex; justify-content:center; align-items:center; min-height:var(--brand-control-height); padding:12px 22px; background:var(--accent); border:1px solid var(--accent); color:var(--on-accent); border-radius:var(--brand-control-radius); font-size:var(--brand-type-small); cursor:pointer; gap:var(--brand-grid-gap); }
.password-field { position:relative; }
.password-field input { padding-right:55px; }
.password-toggle { position:absolute; top:2px; right:4px; background:transparent; color:var(--muted); border:0px; font-size:13px; min-width:44px; min-height:44px; padding:8px; }
.member-account-summary { display:flex; align-items:center; gap:22px; background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); }
.member-account-summary h1 { font-size:32px; }
.member-account-summary p, .member-account-identity > span { font-size:var(--brand-type-meta); color:var(--muted); }
.member-account-avatar { width:64px; height:64px; display:grid; place-items:center; border-radius:var(--brand-card-radius); background:var(--accent-soft); color:var(--accent-ink); font-size:27px; }
.account-logout { margin-left:auto; padding:8px 13px; border:1px solid var(--line); border-radius:var(--brand-card-radius); background:var(--paper); color:var(--muted); font-size:var(--brand-type-meta); }
.member-account-nav { display:flex; flex-wrap:wrap; gap:25px; padding:24px 0px; color:var(--accent-ink); font-size:var(--brand-type-meta); }
.member-account-facts { display:grid; grid-template-columns:repeat(3, minmax(0px, 1fr)); gap:25px; margin:0px 0px 28px; padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.member-account-facts dt { color:var(--muted); font-size:var(--brand-type-meta); }
.member-account-facts dd { font-size:var(--brand-type-meta); margin:5px 0px 0px; overflow-wrap:anywhere; }
.member-account-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.member-account-panel { min-width:0px; padding:var(--brand-card-space); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-surface); }
.member-account-panel header > span { font:9px var(--font-mono); color:var(--accent-ink); }
.member-account-panel h2 { font-size:var(--brand-type-card); margin-top:10px; font-weight:500; }
.member-account-panel header p { font-size:var(--brand-type-meta); color:var(--muted); margin:13px 0px 25px; }
.member-filter { text-align:right; margin-block:20px; font-size:var(--brand-type-meta); }
.member-filter select { padding:5px; border:1px solid var(--line); border-radius:var(--brand-control-radius); background:var(--surface); color:var(--ink); }
.member-hint, .member-notice { color:var(--muted); font-size:var(--brand-type-meta); }
.member-empty-link, .text-button { color:var(--accent-ink); font-size:var(--brand-type-meta); }
.submission-list, .comment-list, .message-list { list-style:none; padding:0px; }
.submission-item, .message-item, .comment-item { padding-block:18px; border-bottom:1px solid var(--line); }
.submission-meta, .comment-body, .message-body { font-size:var(--brand-type-meta); color:var(--muted); overflow-wrap:anywhere; }
.submission-item-actions, .submission-actions { display:flex; gap:15px; flex-wrap:wrap; margin-block:12px; }
.page-shell, .article-layout { padding-block:32px var(--brand-space); }
.page-head { margin-bottom:32px; padding-bottom:30px; border-bottom:1px solid var(--line); }
.crumbs { color:var(--muted); font-size:var(--brand-type-meta); margin-bottom:23px; }
.crumbs a:hover { color:var(--accent-ink); }
.page-head h1, .article-head h1 { font-size:var(--brand-type-page); font-weight:500; line-height:1.3; }
.page-head > p { color:var(--muted); font-size:var(--brand-type-small); margin-top:18px; max-width:65ch; }
.page-grid, .article-layout { display:grid; grid-template-columns:minmax(0px, 1fr) minmax(260px, 22%); gap:clamp(30px, 4vw, 75px); align-items:start; }
.article { min-width:0px; padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.prose { color:var(--text-body); font-size:15px; line-height:2; max-width:85ch; overflow-wrap:anywhere; }
.prose h2 { margin:30px 0px 18px; color:var(--ink); font-size:var(--brand-type-card); font-weight:500; }
.prose h2:first-child { margin-top:0px; }
.prose h3 { margin:25px 0px 13px; color:var(--ink); font-size:var(--brand-type-group); }
.prose p, .prose ul, .prose ol { margin:16px 0px; }
.prose ul, .prose ol { padding-left:24px; }
.prose a { color:var(--accent-ink); text-decoration:underline; text-underline-offset:3px; }
.prose pre { position:relative; padding:22px; background:var(--code-bg); color:rgb(220, 232, 255); border-radius:var(--brand-media-radius); font:12px/2 var(--font-mono); overflow:auto; }
.prose img { height:auto; border-radius:var(--brand-media-radius); }
.prose table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; font-size:var(--brand-type-meta); }
.prose td, .prose th { border:1px solid var(--line); padding:10px; }
.code-copy { position:absolute; top:8px; right:8px; background:var(--brand-night-raised); color:rgb(197, 216, 255); border:0px; border-radius:var(--brand-control-radius); font-size:10px; padding:5px 8px; }
.sidebar, .article-aside { display:grid; gap:22px; position:sticky; top:112px; }
.sidebar-block, .aside-block, .toc { padding:var(--brand-card-space); border:1px solid var(--brand-line); background:var(--brand-soft); border-radius:var(--brand-card-radius); }
.sidebar-block h2, .aside-block h2, .toc h2 { font-size:var(--brand-type-small); font-weight:500; margin-bottom:17px; }
.sidebar-block p { font-size:var(--brand-type-meta); color:var(--muted); margin-bottom:20px; }
.sidebar-nav, .toc-list { display:grid; gap:3px; }
.sidebar-nav a, .toc-list a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 0px; font-size:var(--brand-type-meta); color:var(--muted); }
.sidebar-nav a:hover, .sidebar-nav a.is-active, .toc-list a.is-active { color:var(--accent-ink); }
.sidebar-nav i { font-style:normal; }
.toc-list .toc-level-3 { padding-left:12px; font-size:var(--brand-type-meta); }
.toc-empty { font-size:var(--brand-type-meta); color:var(--muted); }
.heading-anchor { margin-left:10px; opacity:0; font-size:15px; }
.prose h2:hover .heading-anchor, .prose h3:hover .heading-anchor, .heading-anchor:focus { opacity:1; }
.post-list { min-width:0px; }
.post-card { display:flex; gap:25px; padding:28px; margin-bottom:15px; border:1px solid var(--line); border-radius:var(--brand-card-radius); background:var(--surface); }
.post-card-rail { font:11px var(--font-mono); color:var(--muted); padding-top:5px; }
.post-card h2 { font-size:var(--brand-type-card); font-weight:500; margin-block:12px; }
.post-card p { color:var(--muted); font-size:var(--brand-type-meta); }
.post-card-kicker { display:flex; gap:18px; font-size:var(--brand-type-meta); color:var(--muted); }
.read-more { display:inline-flex; gap:20px; margin-top:18px; color:var(--accent-ink); font-size:var(--brand-type-meta); }
.pagination { display:flex; gap:7px; margin-top:25px; flex-wrap:wrap; }
.pagination a, .pagination span { border:1px solid var(--line); padding:5px 11px; font-size:var(--brand-type-meta); border-radius:var(--brand-card-radius); }
.page-search { display:flex; max-width:720px; margin-top:25px; }
.page-search input { flex:1 1 0%; min-width:0px; padding:13px; background:var(--surface); color:var(--ink); border:1px solid var(--line-strong); border-radius:var(--brand-control-radius); }
.page-search button { padding:0px 23px; border:0px; color:var(--on-accent); background:var(--accent); border-radius:var(--brand-control-radius); }
.article-category, .article-meta, .article-tags { font-size:var(--brand-type-meta); color:var(--muted); }
.article-category { color:var(--accent-ink); display:block; margin-bottom:18px; }
.article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:22px; }
.article-tags { display:flex; gap:9px; }
.article-tldr { background:var(--accent-soft); padding:18px; border-radius:var(--brand-card-radius); margin-block:28px; font-size:var(--brand-type-meta); }
.article-tldr > span { color:var(--accent-ink); }
.article-tldr p { color:var(--text-body); margin-top:8px; }
.adjacent { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-block:1px solid var(--line); padding-block:20px; margin-block:35px; font-size:var(--brand-type-meta); color:var(--muted); }
.comments h2 { font-size:var(--brand-type-card); margin-bottom:20px; }
.comments h3 { font-size:var(--brand-type-group); margin-block:25px; }
.comment, .comment-reply { padding-block:18px; border-bottom:1px solid var(--line); }
.comment header { display:flex; justify-content:space-between; font-size:var(--brand-type-meta); }
.comment p { font-size:var(--brand-type-meta); margin-top:10px; }
.comment time { color:var(--muted); }
.comment-reply { margin-left:24px; }
.related-item { display:block; margin-top:18px; font-size:var(--brand-type-meta); }
.related-item > span { display:block; font-size:var(--brand-type-meta); color:var(--muted); margin-bottom:6px; }
.sidebar-tags { display:flex; gap:8px; flex-wrap:wrap; font-size:var(--brand-type-meta); color:var(--accent-ink); }
.error-page { min-height:65vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding-block:65px; }
.error-page > p:first-child { font:500 110px/1.2 var(--font-display); color:var(--accent); letter-spacing:-7px; }
.error-page h1 { font-size:var(--brand-type-page); margin-top:18px; }
.error-text { color:var(--muted); font-size:var(--brand-type-small); margin-top:15px; }
.error-actions { display:flex; gap:12px; margin-top:30px; }
.text-button { background:transparent; border:0px; cursor:pointer; padding:0px; }
.djm-comment-form { display:grid; gap:17px; margin-top:20px; }
.djm-comment-form label { display:grid; gap:7px; color:var(--text-body); font-size:var(--brand-type-meta); }
.djm-comment-form input, .djm-comment-form textarea { width:100%; border:1px solid var(--line-strong); border-radius:var(--brand-control-radius); padding:12px; background:var(--paper); color:var(--ink); font:13px var(--font-sans); font-size:var(--brand-type-body); }
.djm-comment-form textarea { min-height:var(--brand-control-height); resize:vertical; }
.djm-comment-form button[type="submit"] { justify-self:start; padding:12px 24px; border:0px; border-radius:var(--brand-control-radius); background:var(--accent); color:var(--on-accent); font-size:var(--brand-type-meta); }
.djm-comment-form [data-comment-status] { font-size:var(--brand-type-meta); color:var(--muted); }
.site-footer { background:var(--soft); color:var(--ink); border-top:1px solid var(--line); }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:55px; padding-block:65px; }
.site-footer .brand-symbol { color:var(--ink); }
.site-footer .brand-name > span { color:var(--muted); border-color:var(--line-strong); }
.footer-intro > p { margin:25px 0px 12px; color:var(--muted); font-size:var(--brand-type-meta); }
.footer-motto { font-size:var(--brand-type-meta); letter-spacing:1px; color:var(--muted); }
.footer-col { display:flex; flex-direction:column; gap:10px; }
.footer-col h3 { font:500 12px var(--font-sans); margin-bottom:15px; font-size:var(--brand-type-small); }
.footer-col > a { color:var(--muted); font-size:var(--brand-type-meta); }
.footer-col > a:hover { color:var(--ink); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-block:24px; border-top:1px solid var(--line); color:var(--muted); font-size:var(--brand-type-meta); }
.footer-bottom > .mono { font-size:var(--brand-type-meta); letter-spacing:0.5px; }
@media (max-width: 1150px) {
.navigation { margin-left:20px; gap:20px; }
.nav-menu { gap:20px; }
.nav-actions { gap:18px; }
.desktop-break { display:none; }
}
@media (max-width: 1000px) {
.header-inner { min-height:76px; gap:20px; }
.nav-toggle { display:block; margin-left:auto; }
.navigation { display:none; position:absolute; top:76px; left:0px; right:0px; margin:0px; padding:24px var(--gutter); border-bottom:1px solid var(--line); background:var(--paper); flex-direction:column; align-items:stretch; }
.navigation.is-open { display:flex; }
.nav-menu { flex-direction:column; align-items:stretch; gap:0px; }
.nav-actions { justify-content:space-between; padding-top:18px; border-top:1px solid var(--line); }
.doc-grid { grid-template-columns:1fr 1fr; }
.apply-layout { grid-template-columns:minmax(0px, 1fr) 270px; gap:20px; }
.application-summary { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.footer-top { gap:35px; }
}
@media (max-width: 700px) {
.header-inner { min-height:70px; gap:15px; }
.navigation { top:70px; }
.brand-symbol { width:27px; height:27px; }
.brand-name { font-size:23px; }
.eyebrow { font-size:var(--brand-type-meta); margin-bottom:18px; }
.pricing-grid { grid-template-columns:1fr; gap:18px; }
.price-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.price-card h3 { font-size:var(--brand-type-card); }
.price-card > p { font-size:15px; }
.price-benefits { font-size:15px; }
.price-amount { font-size:57px; }
.nexus-inner { padding-block:32px var(--brand-space); }
.inner-heading { margin-bottom:30px; padding:var(--brand-space) var(--brand-inset); }
.inner-heading h1 { font-size:var(--brand-type-page); }
.inner-heading > p:last-child { font-size:var(--brand-type-meta); }
.comparison-table { min-width:570px; font-size:var(--brand-type-meta); }
.comparison-table th, .comparison-table td { padding:15px 17px; }
.faq-stack h2 { font-size:var(--brand-type-card); }
.faq-stack summary { font-size:var(--brand-type-meta); }
.doc-grid { grid-template-columns:1fr; gap:14px; }
.doc-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.doc-card h2 { font-size:var(--brand-type-card); margin-top:20px; }
.doc-card p { margin-bottom:20px; }
.notice-box { padding:16px; font-size:var(--brand-type-meta); }
.download-platforms { grid-template-columns:1fr; }
.platform-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.platform-card h2 { font-size:var(--brand-type-card); }
.apply-layout { grid-template-columns:1fr; }
.application-summary { position:static; grid-row:1; padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.application-summary h2 { margin-top:12px; font-size:var(--brand-type-card); }
.application-summary .price-amount { font-size:36px; margin-block:12px; }
.application-summary ul { display:none; }
.application-summary .notice-box { margin-block:16px; }
.apply-panel { padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.apply-progress { font-size:var(--brand-type-meta); gap:9px; }
.form-row { grid-template-columns:1fr; gap:21px; }
.member-card { padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.member-account-summary { flex-wrap:wrap; padding:var(--brand-card-space); gap:17px; background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.account-logout { margin-left:0px; }
.member-account-grid, .member-account-facts { grid-template-columns:1fr; background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); }
.member-account-nav { gap:18px; }
.member-account-panel { padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.page-shell, .article-layout { padding-block:32px var(--brand-space); }
.page-grid, .article-layout { grid-template-columns:1fr; gap:30px; }
.page-head h1, .article-head h1 { font-size:var(--brand-type-page); }
.article { padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.sidebar, .article-aside { position:static; }
.prose { font-size:var(--brand-type-small); }
.prose h2 { font-size:var(--brand-type-card); }
.post-card { padding:22px; gap:17px; }
.post-card h2 { font-size:var(--brand-type-card); }
.error-page > p:first-child { font-size:90px; }
.error-page h1 { font-size:var(--brand-type-page); }
.footer-top { grid-template-columns:repeat(3, 1fr); gap:35px 15px; padding-block:40px; }
.footer-intro { grid-column:1 / -1; }
.footer-col > a { font-size:var(--brand-type-meta); }
.footer-col h3 { font-size:var(--brand-type-small); }
.footer-bottom { flex-wrap:wrap; gap:15px; font-size:var(--brand-type-meta); }
.footer-bottom > .mono { flex-basis:100%; font-size:var(--brand-type-meta); }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior:auto; }
*, ::before, ::after { animation:auto ease 0s 1 normal none running none !important; transition:none !important; }
}
/* Brand shell and homepage composition. */
.brand-site { background:var(--brand-canvas); color:var(--brand-ink); scrollbar-color:var(--brand-line) var(--brand-canvas); caret-color:var(--brand-focus); }
.brand-site :focus-visible { outline-color:var(--brand-focus); }
.brand-site ::selection { background:var(--brand-primary); color:rgb(255, 255, 255); }
.brand-site .site-header { background:var(--brand-surface); }
.brand-site .header-inner { min-height:76px; }
.brand-site .theme-toggle, .brand-site .nav-toggle { width:44px; height:44px; }
.brand-site .nav-link, .brand-site .nav-account { font-size:var(--brand-type-small); }
.brand-site .header-cta { min-height:44px; border-color:var(--brand-line); border-radius:var(--brand-control-radius); }
.brand-site .navigation.is-open { animation:brand-menu-open 180ms var(--brand-ease); }
@keyframes brand-menu-open { 
  0% { opacity: 0.5; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.brand-home main { display:grid; gap:0; padding:0; }
.brand-module { border-radius:0; padding:var(--brand-section-space) var(--brand-page-edge); min-width:0px; background:transparent; border:0; }
.brand-inner { width:100%; max-width:var(--brand-content); margin-inline:auto; min-width:0px; }
.brand-title { font-size:var(--brand-type-section); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.brand-description { color:var(--brand-body); font-size:16px; line-height:1.85; max-width:65ch; }
.brand-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:var(--brand-heading-gap); }
.brand-heading .brand-description { max-width:39ch; }
.brand-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--brand-grid-gap); min-height:var(--brand-control-height); padding:12px 22px; border:1px solid transparent; border-radius:var(--brand-control-radius); font-size:var(--brand-type-small); font-weight:500; line-height:1.5; background:var(--brand-primary); color:rgb(255, 255, 255); transition:background var(--brand-fast),border-color var(--brand-fast),transform var(--brand-fast); }
.brand-button:hover { background:var(--brand-primary-hover); }
.brand-button:active { transform:translateY(1px); }
.brand-button--quiet { border-color:var(--brand-line); background:transparent; color:var(--brand-ink); }
.brand-button--quiet:hover { background:var(--brand-surface); }
.brand-link { display:inline-flex; align-items:center; gap:16px; min-height:var(--brand-control-compact); font-size:var(--brand-type-small); font-weight:500; color:var(--accent-ink); text-underline-offset:6px; }
.brand-link:hover { text-decoration:underline; }
.brand-arrow { width:18px; height:18px; flex-shrink:0; }
.brand-hero { background:var(--brand-hero); padding-top:clamp(56px, 6vw, 112px); padding-bottom:0px; overflow:hidden; }
.brand-hero-layout { display:grid; grid-template-columns:minmax(0px, 0.78fr) minmax(0px, 1.22fr); align-items:center; gap:clamp(32px, 3.3vw, 64px); min-height:clamp(470px, 34vw, 680px); }
.brand-release { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:var(--brand-type-meta); color:var(--brand-body); margin-top:20px; margin-bottom:0px; }
.brand-release span { padding-left:12px; border-left:1px solid var(--brand-line); font-variant-numeric:tabular-nums; }
.brand-release:hover { color:var(--accent-ink); }
.brand-hero h1 { font-size:var(--brand-type-display); font-weight:500; line-height:1.2; letter-spacing:-0.04em; }
.brand-hero h1 span { color:var(--accent-ink); }
.brand-hero-copy > .brand-description { margin-top:28px; }
.brand-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:32px; }
.brand-product-stage { min-width:0px; padding:12px 0px; }
.brand-preview--link { display:block; box-shadow:none; }
.hero-preview-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 18px; background:var(--brand-night-raised); color:var(--brand-on-night-muted); font-size:12px; line-height:1.5; transition:background var(--brand-fast); }
.hero-preview-footer > span:last-child { display:flex; align-items:center; gap:12px; color:var(--brand-on-night); }
.hero-preview-footer .brand-arrow { width:15px; height:15px; }
.brand-preview--link:hover .hero-preview-footer { background:var(--brand-night-raised); }
.brand-preview { border-radius:var(--brand-media-radius); background:var(--brand-night); overflow:hidden; box-shadow:none; border:1px solid var(--brand-night-line); }
.brand-preview img { width:100%; height:auto; }
.brand-window-bar { display:flex; align-items:center; gap:12px; min-height:38px; padding:8px 16px; background:var(--brand-night-raised); color:var(--brand-on-night-muted); font:11px/1.5 var(--font-mono); }
.brand-window-bar > span:last-child { margin-left:auto; font:11px var(--font-sans); }
.brand-window-dots { display:flex; gap:5px; }
.brand-window-dots i { display:block; width:5px; height:5px; border-radius:50%; background:var(--brand-on-night-muted); }
.brand-foundation { display:grid; grid-template-columns:repeat(4, minmax(0px, 1fr)); gap:var(--brand-grid-gap); border-top:1px solid var(--brand-line); padding-block:28px; margin-top:56px; }
.brand-foundation strong { display:block; font-size:16px; font-weight:500; }
.brand-foundation span { display:block; margin-top:4px; color:var(--brand-body); font-size:var(--brand-type-meta); }
.brand-workspace { background:var(--brand-night); color:var(--brand-on-night); --brand-focus:var(--brand-on-night-link); padding-block:var(--brand-space); }
.brand-workspace-layout { display:grid; gap:40px; max-width:var(--brand-content); }
.brand-workspace-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:64px; }
.brand-workspace .brand-title { font-size:var(--brand-type-section); }
.brand-workspace-context { max-width:44ch; justify-self:end; }
.brand-workspace .brand-description { color:var(--brand-on-night-muted); margin:0px; }
.brand-workspace .brand-link { color:var(--brand-on-night-link); font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-workspace-context > .brand-link { margin-top:16px; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-workspace-gallery { width:min(100%, 1120px); justify-self:center; min-width:0px; }
.brand-tabs { display:grid; grid-template-columns:repeat(5, minmax(0px, 1fr)); gap:8px; margin:0px 0px 24px; padding:0px 0px 8px; border-bottom:1px solid var(--brand-night-line); }
.brand-tabs button { display:flex; align-items:center; justify-content:center; min-width:0px; min-height:48px; padding:10px 16px; background:transparent; color:var(--brand-on-night-muted); border-width:0px 0px 2px; border-style:none none solid; border-color:currentcolor currentcolor transparent; border-image:none; border-radius:var(--brand-control-radius); font-size:var(--brand-type-small); line-height:1.5; transition:background var(--brand-fast),border-color var(--brand-fast); }
.brand-tabs button:hover { background:var(--brand-night-raised); color:var(--brand-on-night); }
.brand-tabs button.is-active { background:var(--brand-night-raised); border-bottom-color:var(--brand-on-night-link); color:var(--brand-on-night); }
.brand-workspace .brand-preview { box-shadow:none; border:1px solid var(--brand-night-line); }
.brand-preview-caption { display:flex; justify-content:space-between; align-items:center; gap:var(--brand-grid-gap); padding:20px 0px 0px; color:var(--brand-on-night-muted); font-size:13px; }
.brand-preview-copy { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; }
.brand-preview-caption strong { color:var(--brand-on-night); font-size:14px; font-weight:500; white-space:nowrap; }
.brand-preview-caption > .brand-link { flex-shrink:0; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-capabilities { padding-inline:var(--brand-page-edge); background:transparent; }
.brand-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--brand-grid-gap); }
.brand-product-card { display:flex; flex-direction:column; background:var(--brand-soft); border-radius:var(--brand-card-radius); overflow:hidden; min-width:0px; border:1px solid var(--brand-line); padding:0; }
.brand-card-copy { padding:var(--brand-card-space); }
.brand-product-card h3 { font-size:var(--brand-type-card); font-weight:500; line-height:1.4; }
.brand-product-card p { margin-top:12px; color:var(--brand-body); font-size:15px; line-height:1.85; max-width:44ch; }
.brand-product-card .brand-link { margin-top:8px; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-card-media { margin-top:auto; flex-shrink:0; padding:0; height:auto; overflow:hidden; border-top:1px solid var(--brand-line); }
.brand-card-media img { width:100%; height:auto; border-radius:0; display:block; }
.brand-product-card--blue { background:var(--brand-soft); }
.brand-build { background:transparent; padding-inline:var(--brand-page-edge); }
.brand-build-layout { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.brand-build .brand-description { margin-top:24px; }
.brand-terminal { min-width:0px; background:var(--brand-night); color:var(--brand-on-night); border-radius:var(--brand-media-radius); overflow:hidden; }
.brand-terminal .brand-window-bar { font-size:11px; }
.brand-terminal button { margin-left:auto; min-height:40px; padding:6px 10px; border:1px solid rgb(103, 130, 172); border-radius:var(--brand-control-radius); background:transparent; color:var(--brand-on-night); font-size:var(--brand-type-meta); }
.brand-terminal button:hover { background:var(--brand-night-raised); }
.brand-terminal pre { padding:32px; margin:0px; overflow:auto; font:14px/2 var(--font-mono); }
.brand-code-comment { color:rgb(182, 200, 227); }
.brand-terminal-note { padding:18px 24px; background:var(--brand-night-raised); color:var(--brand-on-night-muted); font-size:var(--brand-type-meta); }
.brand-pricing { background:transparent; }
.brand-pricing .pricing-grid { gap:var(--brand-grid-gap); }
.brand-pricing .price-card { border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); background:var(--brand-soft); }
.brand-pricing .price-card > p, .brand-pricing .price-benefits { font-size:15px; }
.brand-pricing .price-card .price-footnote { font-size:var(--brand-type-meta); }
.brand-pricing .price-amount { letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.brand-pricing .price-amount > span { font-size:var(--brand-type-meta); }
.brand-pricing .price-card > .btn { min-height:var(--brand-control-height); border-radius:var(--brand-control-radius); font-size:var(--brand-type-small); padding:12px 22px; gap:var(--brand-grid-gap); }
.brand-pricing .price-commercial > .btn { background:var(--brand-primary); color:rgb(255, 255, 255); border-color:transparent; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.brand-pricing .price-commercial > .btn:hover { background:var(--brand-primary-hover); }
.brand-pricing .price-benefits li::before { color:var(--accent-ink); font-size:15px; }
.brand-news-card { display:block; border-top:1px solid var(--brand-line); padding-top:28px; min-width:0px; }
.brand-news-card h3 { font-size:var(--brand-type-group); font-weight:500; }
.brand-news-card p { color:var(--brand-body); font-size:var(--brand-type-small); line-height:1.85; margin-block:14px; }
.brand-news-card .brand-link { pointer-events:none; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-news-card:hover h3 { color:var(--accent-ink); }
.brand-news-card:hover .brand-link { text-decoration:underline; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-closing { padding:var(--brand-section-space) var(--brand-page-edge); overflow:visible; background:transparent; }
.brand-closing-layout { display:grid; max-width:var(--brand-content); grid-template-columns:1.35fr 1fr; border-radius:0; background:transparent; overflow:visible; gap:var(--brand-section-space); border-top:1px solid var(--brand-line); padding-top:var(--brand-section-space); }
.brand-closing-docs, .brand-closing-download { padding:0; }
.brand-closing h2 { margin-bottom:24px; font-size:var(--brand-type-card); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.brand-closing-links { display:grid; grid-template-columns:repeat(2, minmax(0px, 1fr)); gap:8px 32px; }
.brand-closing-links > a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; border-bottom:1px solid var(--brand-line); font-size:15px; }
.brand-closing-links > a:hover { color:var(--accent-ink); }
.brand-closing-links .brand-arrow { width:16px; height:16px; flex-shrink:0; }
.brand-closing-download { background:transparent; padding:0 0 0 var(--brand-section-space); border-left:1px solid var(--brand-line); }
.brand-closing .brand-actions { display:grid; justify-items:stretch; width:min(100%, 240px); gap:12px; margin:0px; }
.brand-closing .brand-button { justify-content:space-between; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.brand-closing .brand-link { justify-content:center; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-site .site-footer { background:var(--brand-canvas); color:var(--brand-ink); border-top:1px solid var(--brand-line); }
.brand-site .site-footer .brand-symbol { color:var(--brand-primary); }
.brand-site .site-footer .container { max-width:var(--brand-content); width:calc(100% - 2 * var(--brand-page-edge)); }
.brand-site .footer-col > a, .brand-site .footer-intro > p { font-size:var(--brand-type-small); }
.brand-site .footer-col > a { padding-block:4px; }
.brand-site .footer-col h3 { font-size:var(--brand-type-small); }
.brand-site .footer-motto, .brand-site .footer-bottom, .brand-site .footer-bottom > .mono { font-size:var(--brand-type-meta); }
@media (max-width: 1150px) {
.brand-site .navigation { margin-left:20px; }
.brand-hero-layout { grid-template-columns:1fr 1fr; gap:28px; }
.brand-hero h1 { font-size:var(--brand-type-display); }
}
@media (max-width: 1000px) {
.brand-site .header-inner { min-height:76px; }
.brand-hero-layout { grid-template-columns:1fr; min-height:0px; }
.brand-hero h1 { font-size:var(--brand-type-display); }
.brand-hero-copy > .brand-description { max-width:46ch; }
.brand-product-stage { padding-top:24px; padding-bottom:0px; }
.brand-release { margin-top:16px; margin-bottom:0px; }
.brand-foundation { margin-top:36px; }
.brand-heading { align-items:start; flex-direction:column; gap:var(--brand-grid-gap); margin-bottom:var(--brand-heading-gap); }
.brand-build-layout { gap:40px; }
}
@media (max-width: 700px) {
.brand-site .header-inner { min-height:72px; gap:12px; }
.brand-site .navigation { top:72px; padding-inline:24px; }
.brand-site .nav-link { padding-block:14px; }
.brand-home main { gap:0; padding-bottom:16px; padding:0; }
.brand-hero { padding-top:32px; }
.brand-hero h1 { font-size:var(--brand-type-display); }
.brand-hero-copy > .brand-description { font-size:15px; margin-top:20px; }
.brand-actions { gap:12px; margin-top:24px; }
.brand-hero .brand-actions { align-items:stretch; flex-direction:column; }
.brand-hero .brand-link { justify-content:center; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-product-stage { margin-inline:-12px; }
.brand-window-bar { padding-inline:10px; gap:8px; font-size:9px; }
.brand-window-bar > span:last-child { font-size:10px; }
.brand-foundation { grid-template-columns:1fr 1fr; gap:20px 12px; padding-block:24px; margin-top:28px; }
.brand-foundation strong { font-size:var(--brand-type-small); }
.brand-foundation span { font-size:var(--brand-type-meta); }
.brand-title, .brand-workspace .brand-title { font-size:var(--brand-type-section); }
.brand-workspace-layout { gap:var(--brand-grid-gap); }
.brand-workspace-heading { grid-template-columns:1fr; gap:20px; }
.brand-workspace-context { justify-self:start; }
.brand-workspace-context > .brand-link { margin-top:8px; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.brand-tabs { grid-template-columns:repeat(6, minmax(0px, 1fr)); gap:4px 6px; margin:0px 0px 20px; }
.brand-tabs button { grid-column:span 2; }
.brand-tabs button:nth-last-child(-n+2) { grid-column:span 3; }
.brand-tabs button { padding-inline:8px; font-size:var(--brand-type-meta); }
.brand-preview-caption { flex-direction:column; align-items:start; gap:8px; padding:16px 0px 0px; font-size:12px; }
.brand-preview-copy { flex-direction:column; align-items:start; gap:6px; }
.brand-product-grid, .brand-build-layout, .brand-pricing .pricing-grid { grid-template-columns:1fr; }
.brand-capabilities { padding-block:var(--brand-space); background:transparent; padding-inline:var(--brand-page-edge); }
.brand-heading { margin-bottom:var(--brand-heading-gap); gap:20px; }
.brand-card-copy { padding:var(--brand-card-space); }
.brand-product-card h3 { font-size:var(--brand-type-card); }
.brand-card-media { padding-inline:20px; height:auto; padding:0; border-top:1px solid var(--brand-line); }
.brand-terminal pre { padding:24px 20px; font-size:12px; }
.brand-terminal-note { padding:16px 20px; }
.brand-terminal .brand-window-dots { display:none; }
.brand-pricing .price-benefits { line-height:2; font-size:15px; }
.brand-pricing .price-benefits li { margin-block:10px; font-size:15px; }
.brand-pricing .price-amount > span { margin-left:8px; }
.brand-closing { padding:var(--brand-section-space) var(--brand-page-edge); overflow:visible; background:transparent; }
.brand-closing-layout { grid-template-columns:1fr; background:transparent; border-radius:0; overflow:visible; max-width:var(--brand-content); gap:var(--brand-section-space); border-top:1px solid var(--brand-line); padding-top:var(--brand-section-space); }
.brand-closing-docs, .brand-closing-download { padding:0; }
.brand-closing-download { border-left:0; border-top:1px solid var(--brand-line); padding:var(--brand-section-space) 0 0; }
.brand-closing h2 { font-size:var(--brand-type-card); margin-bottom:20px; }
.brand-closing-links { gap:4px 20px; }
.brand-closing .brand-actions { width:100%; }

.brand-site .footer-top { gap:32px 20px; padding-block:48px; }
}
@media (prefers-reduced-motion: reduce) {
.brand-site { background:var(--brand-canvas); color:var(--brand-ink); scrollbar-color:var(--brand-line) var(--brand-canvas); caret-color:var(--brand-focus); }
.brand-button, .brand-tabs button { transition:none; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.brand-site .navigation.is-open { animation:auto ease 0s 1 normal none running none; }
.brand-button:active { transform:none; }
}
.brand-site p { text-wrap:pretty; }
.brand-site .btn { transition:background var(--brand-fast),border-color var(--brand-fast),color var(--brand-fast); min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.brand-site .btn:active:not(:disabled) { transform:translateY(1px); }
.brand-site .header-inner { width:var(--brand-content-width); max-width:var(--brand-content); position:relative; gap:var(--brand-grid-gap); }
.brand-site .navigation { margin-left:auto; gap:24px; flex:0 0 auto; }
.brand-site .nav-menu { gap:clamp(18px, 2vw, 36px); }
.brand-site .nav-actions { gap:var(--brand-grid-gap); }
.brand-site .nav-link, .nav-trigger { min-height:44px; display:flex; align-items:center; gap:6px; font-size:var(--brand-type-small); color:var(--brand-body); white-space:nowrap; }
.nav-trigger { padding:10px 0px; border:0px; background:transparent; }
.nav-trigger:hover, .nav-trigger[aria-expanded="true"], .nav-trigger.is-active { color:var(--accent-ink); }
.nav-chevron { width:15px; height:15px; transition:transform 160ms; }
.nav-trigger[aria-expanded="true"] .nav-chevron { transform:rotate(180deg); }
.nav-external { font-size:var(--brand-type-meta); }
.brand-site .header-cta { background:var(--brand-primary); border-color:transparent; color:rgb(255, 255, 255); padding-inline:18px; font-size:var(--brand-type-meta); }
.brand-site .header-cta:hover { background:var(--brand-primary-hover); }
.brand-site .nav-account { min-height:44px; display:inline-flex; align-items:center; }
.nav-dropdown { position:relative; }
.nav-panel { max-height:calc(100dvh - var(--brand-site-header-height)); overflow-y:auto; overscroll-behavior:contain; position:fixed; z-index:110; top:var(--brand-site-header-height); left:0; transform:none; width:100%; padding:28px 0; display:block; border-radius:0; background:var(--brand-surface); box-shadow:0 20px 32px -24px #08152666; animation:nav-panel-appear 160ms var(--brand-ease); right:0; border-bottom:1px solid var(--brand-line); }
@keyframes nav-panel-appear { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.nav-panel-links { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.nav-panel-links > a { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:88px; padding:16px; border-radius:var(--brand-card-radius); }
.nav-panel-links > a:hover { background:var(--brand-hero); }
.nav-panel-links > a > div { display:grid; gap:6px; min-width:0px; flex:1; }
.nav-panel-links strong { font-size:15px; font-weight:500; }
.nav-panel-links span { font-size:var(--brand-type-meta); line-height:1.65; color:var(--brand-body); }
.nav-panel-links .brand-arrow { width:15px; height:15px; color:var(--brand-body); flex-shrink:0; }
.nav-panel-footer { border-top:1px solid var(--brand-line); margin:8px 12px 0px; padding-top:8px; }
.nav-panel-footer > a { display:flex; align-items:center; justify-content:space-between; min-height:44px; color:var(--accent-ink); font-size:var(--brand-type-meta); }
.nav-panel-footer .brand-arrow { width:15px; height:15px; }
.brand-site .theme-menu { width:164px; }
.brand-site .theme-menu button { font-size:var(--brand-type-meta); min-height:44px; }
.brand-inner-page main.container, .brand-inner-page main > .container { max-width:none; width:100%; }
/* Shared content rail inside a full-width page frame. */
.page-content { width:var(--brand-content-width); margin-inline:auto; min-width:0; }
.brand-inner-page .container.article-layout, .brand-inner-page .container.error-page { width:calc(100% - 2 * var(--brand-page-edge)); max-width:var(--brand-content); }
.member-account { width:var(--brand-content-width); margin-inline:auto; min-width:0; }
/* Inner pages and shared navigation states. */
.brand-inner-page .nexus-inner { padding-block:0 var(--brand-space); }
.brand-inner-page .inner-heading, .guide-heading { padding:var(--brand-space) var(--brand-heading-inset); background:var(--brand-hero); border-radius:0; margin-bottom:40px; border:0; }
.brand-inner-page .inner-heading h1, .brand-inner-page .page-head h1 { font-size:var(--brand-type-page); line-height:1.25; letter-spacing:-0.035em; font-weight:500; }
.brand-inner-page .inner-heading > p:last-child, .brand-inner-page .inner-heading > p, .brand-inner-page .page-head > p { margin-top:24px; font-size:16px; line-height:1.85; max-width:66ch; color:var(--brand-body); }
.brand-inner-page .eyebrow { font-size:var(--brand-type-meta); }
.brand-inner-page .btn { min-height:var(--brand-control-height); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); padding:12px 22px; gap:var(--brand-grid-gap); }
.brand-inner-page .text-link { min-height:var(--brand-control-compact); align-items:center; font-size:var(--brand-type-small); gap:16px; }
.brand-inner-page .notice-box { padding:24px; border:0px; border-radius:var(--brand-card-radius); background:var(--brand-steel); color:var(--brand-body); font-size:var(--brand-type-small); }
.brand-inner-page .pricing-grid { gap:var(--brand-grid-gap); }
.brand-inner-page .price-card { padding:var(--brand-card-space); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-soft); }
.brand-inner-page .price-commercial { background:var(--brand-soft); border-color:var(--brand-line); }
.brand-inner-page .price-commercial > .btn { background:var(--brand-primary); color:rgb(255, 255, 255); border-color:transparent; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.brand-inner-page .price-commercial > .btn:hover { background:var(--brand-primary-hover); }
.brand-inner-page .price-card > p, .brand-inner-page .price-benefits { font-size:15px; }
.brand-inner-page .price-card .price-footnote { font-size:var(--brand-type-meta); }
.brand-inner-page .comparison-wrap { border-radius:var(--brand-card-radius); }
.brand-inner-page .comparison-table { font-size:var(--brand-type-small); }
.brand-inner-page .faq-stack { background:transparent; padding:0; border-radius:0; }
.brand-inner-page .faq-stack summary { font-size:16px; }
.brand-inner-page .faq-stack details p { font-size:var(--brand-type-small); max-width:72ch; }
.docs-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:28px; }
.docs-toolbar label { font-size:16px; font-weight:500; }
.docs-toolbar input, .release-search input { width:min(100%, 420px); min-height:48px; padding:12px 16px; border:1px solid var(--brand-line); border-radius:var(--brand-control-radius); background:var(--brand-surface); color:var(--brand-ink); font-size:15px; }
.docs-toolbar > span { color:var(--brand-body); font-size:var(--brand-type-meta); margin-left:auto; }
.brand-inner-page .doc-grid { gap:var(--brand-grid-gap); }
.brand-inner-page .doc-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.brand-inner-page .doc-card:hover { border-color:var(--accent-ink); }
.brand-inner-page .doc-card h2 { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0px 0px 16px; font-size:var(--brand-type-card); }
.brand-inner-page .doc-card p { margin:0px; font-size:15px; line-height:1.85; }
.brand-inner-page .doc-card > span:last-child { font-size:var(--brand-type-small); }
.brand-inner-page .download-platforms { gap:var(--brand-grid-gap); }
.brand-inner-page .platform-card { border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); background:var(--brand-soft); }
.brand-inner-page .platform-card h2 { font-size:var(--brand-type-card); }
.brand-inner-page .platform-card > p:not(.eyebrow), .brand-inner-page .platform-meta { font-size:var(--brand-type-small); }
.brand-inner-page .platform-meta code { display:block; margin-top:16px; font-size:11px; overflow-wrap:anywhere; }
.brand-inner-page .inner-heading > p.download-checked { margin-top:16px; font-size:var(--brand-type-meta); }
.download-integrity { margin-top:20px; padding-top:12px; border-top:1px solid var(--brand-line); }
.download-integrity summary { cursor:pointer; color:var(--brand-body); font-size:var(--brand-type-meta); min-height:44px; align-content:center; }
.download-integrity code { display:block; margin-block:12px; padding:16px; background:var(--brand-steel); color:var(--brand-ink); border-radius:var(--brand-media-radius); font:12px/1.8 var(--font-mono); overflow-wrap:anywhere; }
.integrity-copy { min-height:44px; padding:8px 12px; border:1px solid var(--brand-line); border-radius:var(--brand-control-radius); background:transparent; color:var(--accent-ink); font-size:var(--brand-type-meta); }
.integrity-copy:hover { background:var(--brand-steel); }
.integrity-status { font-size:var(--brand-type-meta); color:var(--brand-body); margin-left:12px; }
.brand-inner-page .apply-layout { grid-template-columns:minmax(0px, 1fr) 340px; gap:32px; }
.brand-inner-page .apply-panel { border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); background:var(--brand-surface); }
.brand-inner-page .license-form { gap:var(--brand-grid-gap); }
.brand-inner-page .license-form label { font-size:var(--brand-type-small); gap:10px; }
.brand-inner-page .license-form input, .brand-inner-page .license-form select, .brand-inner-page .license-form textarea { font-size:var(--brand-type-body); min-height:var(--brand-control-height); padding:13px 16px; }
.brand-inner-page .license-form .field-help { font-size:var(--brand-type-meta); }
.brand-inner-page .license-form .checkbox-label { font-size:var(--brand-type-meta); }
.brand-inner-page .checkbox-label input { min-height:16px; width:16px; }
.brand-inner-page .apply-progress { font-size:var(--brand-type-meta); gap:12px; }
.brand-inner-page .application-summary { position:sticky; top:112px; background:var(--brand-soft); padding:var(--brand-card-space); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.brand-inner-page .application-summary > p, .brand-inner-page .application-summary > ul { font-size:var(--brand-type-small); }
.brand-inner-page .application-summary > .mono { font:13px var(--font-sans); letter-spacing:0px; }
.brand-inner-page .form-status { font-size:var(--brand-type-small); }
.guide-shell { padding-block:0 var(--brand-space); }
.guide-layout { display:grid; grid-template-columns:220px minmax(0px, 1fr) 200px; gap:32px; align-items:start; }
.guide-navigation, .guide-toc { position:sticky; top:112px; min-width:0px; }
.guide-nav summary { display:none; }
.guide-navigation .sidebar-nav { gap:3px; }
.guide-navigation .sidebar-nav a { padding:10px 14px; font-size:var(--brand-type-small); border-radius:var(--brand-card-radius); }
.guide-navigation .sidebar-nav a:hover { background:var(--brand-steel); }
.guide-navigation .sidebar-nav a.is-active { background:var(--brand-hero); color:var(--accent-ink); }
.guide-nav-label { font-size:var(--brand-type-meta); color:var(--brand-body); padding:24px 14px 8px; }
.brand-inner-page .article { border:0; border-radius:0; padding:0; background:transparent; }
.guide-layout .prose { max-width:75ch; font-size:16px; line-height:1.95; }
.guide-layout .prose h2 { font-size:var(--brand-type-card); margin-top:40px; margin-bottom:18px; }
.guide-layout .prose > h2:first-child { margin-top:0px; }
.guide-layout .prose h3 { font-size:var(--brand-type-group); }
.guide-layout .prose pre { font-size:13px; }
.guide-layout .prose pre code { white-space:pre; }
.guide-toc .toc { border:0px; background:transparent; padding:8px 0px; }
.guide-toc .toc h2 { font-size:var(--brand-type-small); }
.guide-toc .toc-list a { padding-block:9px; font-size:var(--brand-type-meta); }
.guide-download { display:grid; gap:10px; padding:var(--brand-card-space); background:var(--brand-soft); border-radius:var(--brand-card-radius); font-size:var(--brand-type-meta); color:var(--brand-body); margin-top:24px; border:1px solid var(--brand-line); }
.guide-download strong { color:var(--accent-ink); font-size:var(--brand-type-meta); font-weight:500; }
.guide-next { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding-top:28px; margin-top:48px; border-top:1px solid var(--brand-line); font-size:var(--brand-type-small); color:var(--accent-ink); }
.feature-spotlight { padding:var(--brand-section-space) var(--brand-page-edge); margin-bottom:0; border-radius:0; background:transparent; border:0; }
.feature-spotlight h2 { font-size:var(--brand-type-section); font-weight:500; line-height:1.4; }
.feature-spotlight p { color:var(--brand-body); font-size:16px; line-height:1.85; margin-block:24px; max-width:38ch; }
.feature-spotlight img { width:100%; height:auto; border-radius:var(--brand-card-radius); }
.feature-spotlight-layout { display:grid; grid-template-columns:0.72fr 1fr; align-items:center; gap:clamp(32px,5vw,96px); }
.feature-spotlight--reverse .feature-spotlight-layout { grid-template-columns:1fr 0.72fr; }
.feature-spotlight--reverse .feature-spotlight-copy { order:2; }
.capability-section { background:transparent; padding-inline:var(--brand-page-edge); }
.product-page > .capability-section { margin-top:0; padding-inline:var(--brand-page-edge); background:transparent; }
.product-next { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:56px 0px 0px; }
.product-next h2 { font-size:var(--brand-type-card); font-weight:500; }
.product-next p { color:var(--brand-body); margin-top:16px; font-size:15px; }
.product-next .brand-actions { margin:0px; flex-shrink:0; }
.demo-access { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:32px; padding:28px 32px; margin-bottom:32px; border-radius:var(--brand-card-radius); background:var(--brand-primary-soft); color:var(--accent-ink); }
.demo-access h2 { font-size:24px; font-weight:650; color:var(--brand-ink); }
.demo-access-intro>p { margin:8px 0 20px; font-size:15px; }
.demo-credentials { margin:0; }
.demo-credentials>div { display:flex; align-items:center; gap:16px; padding:10px 0; }
.demo-credentials>div+div { border-top:1px solid var(--brand-control-line); }
.demo-credentials dt { flex-shrink:0; font-size:14px; }
.demo-credentials dd { display:flex; align-items:center; justify-content:space-between; flex:1; gap:16px; min-width:0; margin:0; }
.demo-credentials code { font:600 20px/1.5 var(--font-mono); color:var(--brand-ink); overflow-wrap:anywhere; user-select:all; }
.demo-credentials button { flex-shrink:0; min-height:44px; padding:6px 12px; border:1px solid var(--brand-control-line); border-radius:var(--brand-control-radius); background:var(--brand-surface); color:var(--accent-ink); font-size:13px; font-weight:600; }
.demo-credentials button:hover { border-color:var(--brand-primary); background:var(--brand-soft); }
.demo-access-note, .demo-copy-status { font-size:13px; margin-top:8px; }
.demo-copy-status:empty { display:none; }
@media(max-width:1000px) {
 .demo-access { grid-template-columns:1fr; gap:20px; padding:24px; }
 .demo-access-intro>p { margin-bottom:16px; }
}
@media(max-width:700px) {
 .demo-access { padding:20px; margin-bottom:24px; }
 .demo-access h2 { font-size:22px; }
 .demo-credentials>div { display:block; padding:12px 0; }
 .demo-credentials dt { margin-bottom:4px; }
 .demo-credentials dd { gap:8px; }
 .demo-credentials code { font-size:16px; }
 .demo-credentials button { padding-inline:8px; }
}
.demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--brand-grid-gap); }
.demo-card { background:var(--brand-soft); border-radius:var(--brand-card-radius); overflow:hidden; min-width:0px; border:1px solid var(--brand-line); padding:0; }
.demo-card-copy { padding:var(--brand-card-space); }
.demo-card h2 { font-size:var(--brand-type-card); font-weight:500; margin-top:24px; }
.demo-card p { font-size:16px; line-height:1.85; color:var(--brand-body); margin-block:20px 28px; max-width:42ch; }
.demo-card .brand-actions { margin:0px; gap:16px; }
.demo-card > img { width:100%; height:auto; aspect-ratio:1.6 / 1; object-fit:cover; object-position:center top; }
.demo-card--dark { background:var(--brand-night); color:var(--brand-on-night); --brand-focus:var(--brand-on-night-link); }
.demo-card--dark p { color:var(--brand-on-night-muted); }
.demo-card--dark .brand-link { color:rgb(196, 213, 255); font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.status-badge { display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:3px 10px; border-radius:999px; background:var(--brand-hero); color:var(--accent-ink); font-size:var(--brand-type-meta); }
.demo-card--dark .status-badge { color:rgb(218, 230, 255); background:var(--brand-night-raised); }
.demo-help { display:flex; justify-content:space-between; gap:40px; margin-top:var(--brand-section-space); padding:var(--brand-section-space) 0; background:transparent; border-radius:0; border:0; border-top:1px solid var(--brand-line); }
.demo-help h2 { font-size:var(--brand-type-card); font-weight:500; }
.demo-help p { font-size:15px; color:var(--brand-body); max-width:50ch; line-height:1.8; margin-top:20px; }
.demo-help nav { display:grid; align-content:start; gap:12px; }
.demo-help nav a { min-height:44px; font-size:var(--brand-type-small); color:var(--accent-ink); }
.release-toolbar { display:flex; align-items:end; justify-content:space-between; gap:var(--brand-grid-gap); margin-bottom:32px; }
.release-filters { display:flex; flex-wrap:wrap; gap:8px; }
.release-filters button { min-height:44px; padding:10px 18px; border:1px solid var(--brand-line); background:var(--brand-surface); color:var(--brand-body); border-radius:var(--brand-control-radius); font-size:var(--brand-type-small); }
.release-filters button[aria-pressed="true"] { background:var(--brand-night); color:var(--brand-on-night); border-color:var(--brand-night); }
.release-search { display:grid; gap:8px; width:min(100%, 360px); font-size:var(--brand-type-meta); color:var(--brand-body); }
.release-search input { width:100%; }
.release-layout { display:grid; grid-template-columns:minmax(0px, 1fr) 270px; gap:32px; align-items:start; }
.release-list { min-width:0px; }
.release-card { margin-bottom:20px; background:var(--brand-surface); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); border:1px solid var(--brand-line); }
.release-card summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:16px; }
.release-card summary::-webkit-details-marker { display:none; }
.release-card summary::after { content:"+"; font-size:26px; font-weight:400; margin-left:auto; color:var(--brand-body); }
.release-card[open] summary::after { content:"−"; }
.release-card summary h2 { font-size:var(--brand-type-card); font-weight:500; }
.release-card summary time, .release-date { color:var(--brand-body); font-size:var(--brand-type-meta); }
.release-card summary .release-meta { display:grid; gap:10px; }
.release-tag { display:inline-flex; padding:4px 10px; border-radius:999px; background:var(--brand-hero); color:var(--accent-ink); font-size:var(--brand-type-meta); white-space:nowrap; }
.release-body { margin-top:28px; border-top:1px solid var(--brand-line); padding-top:24px; }
.release-body p, .release-body li { font-size:15px; line-height:1.9; color:var(--brand-body); }
.release-body ul { padding-left:20px; margin:12px 0px 24px; }
.release-body li { margin-block:8px; }
.release-body a { font-size:var(--brand-type-meta); color:var(--accent-ink); text-decoration:underline; text-underline-offset:4px; }
.release-aside { position:sticky; top:112px; background:var(--brand-soft); padding:var(--brand-card-space); border-radius:var(--brand-card-radius); border:1px solid var(--brand-line); }
.release-aside h2 { font-size:var(--brand-type-card); font-weight:500; margin-bottom:20px; }
.release-aside p { font-size:var(--brand-type-meta); line-height:1.85; color:var(--brand-body); margin-block:16px; }
.release-aside a:not(.brand-button) { min-height:44px; display:flex; align-items:center; color:var(--accent-ink); font-size:var(--brand-type-small); }
.release-aside .brand-button { width:100%; font-size:var(--brand-type-small); gap:var(--brand-grid-gap); padding-inline:12px; min-height:var(--brand-control-height); padding:12px 22px; border-radius:var(--brand-control-radius); }
.release-count { font-size:var(--brand-type-meta); color:var(--brand-body); margin-bottom:20px; }
.filter-empty { padding:40px; border:1px dashed var(--brand-line); border-radius:var(--brand-card-radius); color:var(--brand-body); font-size:15px; }
.home-updates { background:transparent; }
.brand-inner-page .page-shell { padding-block:0 var(--brand-space); }
.brand-inner-page .page-shell > .page-head { padding:var(--brand-space) var(--brand-heading-inset); margin-bottom:40px; border-radius:0; background:var(--brand-hero); border:0; }
.brand-inner-page .post-card, .brand-inner-page .sidebar-block, .brand-inner-page .aside-block { border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-soft); padding:var(--brand-card-space); }
.brand-inner-page .post-card p { font-size:15px; }
.brand-inner-page .post-card-kicker, .brand-inner-page .article-meta, .brand-inner-page .article-category { font-size:var(--brand-type-meta); }
.brand-inner-page .article-layout { padding-block:32px var(--brand-space); }
.brand-inner-page .member-card { border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-surface); padding:var(--brand-card-space); }
.brand-inner-page .member-card > h1 { font-size:32px; }
.brand-inner-page .member-card p, .brand-inner-page .member-card label { font-size:var(--brand-type-small); }
.brand-inner-page .member-card input { min-height:var(--brand-control-height); font-size:var(--brand-type-body); }
.brand-inner-page .member-card button[type="submit"] { min-height:var(--brand-control-height); font-size:15px; }
.brand-inner-page .error-page { min-height:70vh; }
@media (max-width: 1200px) {
.guide-layout { grid-template-columns:200px minmax(0px, 1fr); gap:var(--brand-grid-gap); }
.guide-toc { display:none; }
.brand-inner-page .apply-layout { grid-template-columns:minmax(0px, 1fr) 290px; }
}
@media (max-width: 1280px) {
.brand-site .nav-toggle { display:block; margin-left:auto; }
.brand-site .navigation { display:none; position:fixed; top:var(--brand-site-header-height); left:0; right:0; margin:0px; padding:24px var(--brand-header-gutter); background:var(--brand-surface); border-bottom:1px solid var(--brand-line); flex-direction:column; align-items:stretch; gap:var(--brand-grid-gap); max-height:none; overflow-y:auto; height:calc(100dvh - var(--brand-site-header-height)); overscroll-behavior:contain; }
.brand-site .navigation.is-open { display:flex; }
.brand-site .nav-menu { flex-direction:column; align-items:stretch; gap:8px; }
.brand-site .nav-link, .nav-trigger { width:100%; justify-content:space-between; padding-block:12px; }
.brand-site .nav-actions { justify-content:space-between; padding-top:16px; border-top:1px solid var(--brand-line); }
.nav-panel { max-height:none; overflow:visible; position:static; left:auto; top:auto; transform:none; width:100%; padding:8px 0; box-shadow:none; border:0; margin-block:4px 12px; background:transparent; }
body.nav-open { overflow:hidden; }
}
@media (max-width: 1100px) {
.feature-spotlight-layout, .feature-spotlight--reverse .feature-spotlight-layout { grid-template-columns:1fr; gap:var(--brand-grid-gap); }
.feature-spotlight--reverse .feature-spotlight-copy { order:0; }
.feature-spotlight p { max-width:65ch; }
.product-next { align-items:start; flex-direction:column; padding-inline:0px; }
}
@media (max-width: 900px) {
.brand-inner-page .apply-layout, .release-layout { grid-template-columns:1fr; }
.brand-inner-page .application-summary, .release-aside { position:static; background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); }
.release-aside { order:-1; background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); padding:var(--brand-card-space); }
.release-aside .brand-button { width:auto; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.release-aside h2 { margin-bottom:12px; }
.guide-layout { grid-template-columns:1fr; }
.guide-navigation { position:static; }
.guide-nav { padding:16px 20px; border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.guide-nav summary { display:list-item; cursor:pointer; font-size:var(--brand-type-small); }
.guide-nav .sidebar-nav { margin-top:16px; }
.guide-nav-label { padding-top:16px; }
.demo-grid { grid-template-columns:1fr; }
.demo-help { flex-direction:column; padding:var(--brand-section-space) 0; background:transparent; border:0; border-top:1px solid var(--brand-line); border-radius:0; margin-top:var(--brand-section-space); }
}
@media (max-width: 700px) {
.brand-site .navigation { padding:20px var(--brand-header-gutter); max-height:none; }
.nav-panel-links { gap:4px; }
.nav-panel-links > a { padding:12px 10px; min-height:64px; gap:14px; }
.nav-panel-links strong { font-size:var(--brand-type-small); }
.nav-panel-links span { display:none; }
.brand-inner-page .nexus-inner, .guide-shell { padding-block:0 var(--brand-space); }
.brand-inner-page .inner-heading, .guide-heading { padding:var(--brand-space) var(--brand-heading-inset); border-radius:0; margin-bottom:24px; border:0; }
.brand-inner-page .inner-heading h1, .brand-inner-page .page-head h1 { font-size:var(--brand-type-page); }
.brand-inner-page .inner-heading > p, .brand-inner-page .page-head > p { font-size:15px; margin-top:20px; }
.brand-inner-page .doc-grid, .brand-inner-page .download-platforms, .home-update-grid { grid-template-columns:1fr; }
.docs-toolbar { gap:12px; }
.docs-toolbar input { width:100%; order:3; }
.brand-inner-page .doc-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.brand-inner-page .platform-card { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.brand-inner-page .platform-card h2 { font-size:var(--brand-type-card); }
.brand-inner-page .platform-card .btn { white-space:normal; text-align:center; width:100%; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.brand-inner-page .platform-meta code { font-size:11px; }
.brand-inner-page .apply-panel { padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.brand-inner-page .form-row { grid-template-columns:1fr; gap:var(--brand-grid-gap); }
.brand-inner-page .apply-progress { font-size:var(--brand-type-meta); gap:8px; }
.brand-inner-page .application-summary { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.brand-inner-page .article { padding:0; background:transparent; border:0; border-radius:0; }
.guide-layout .prose { font-size:15px; }
.guide-layout .prose h2 { font-size:var(--brand-type-card); }
.feature-spotlight { padding:var(--brand-section-space) var(--brand-page-edge); gap:var(--brand-grid-gap); background:transparent; border:0; margin-bottom:0; border-radius:0; }
.feature-spotlight h2 { font-size:var(--brand-type-section); }
.feature-spotlight p { font-size:15px; }
.product-page > .capability-section { margin-top:0; padding-inline:var(--brand-page-edge); background:transparent; }
.product-next { padding-top:32px; }
.product-next .brand-actions { flex-direction:column; align-items:stretch; width:100%; }
.product-next h2 { font-size:var(--brand-type-card); }
.demo-card-copy { padding:var(--brand-card-space); }
.demo-card h2 { font-size:var(--brand-type-card); }
.demo-card p { font-size:15px; }
.demo-card .brand-actions { align-items:stretch; flex-direction:column; }
.demo-card .brand-link { justify-content:center; font-size:var(--brand-type-small); min-height:var(--brand-control-compact); gap:16px; }
.demo-help { margin-top:var(--brand-section-space); padding:var(--brand-section-space) 0; gap:var(--brand-grid-gap); background:transparent; border:0; border-top:1px solid var(--brand-line); border-radius:0; }
.demo-help h2 { font-size:var(--brand-type-card); }
.release-toolbar { flex-direction:column; align-items:stretch; gap:20px; }
.release-filters { gap:8px; }
.release-filters button { padding-inline:12px; font-size:var(--brand-type-meta); }
.release-search input { width:100%; }
.release-card { padding:var(--brand-card-space); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.release-card summary { flex-wrap:wrap; gap:12px; }
.release-card summary h2 { font-size:var(--brand-type-card); }
.release-card summary .release-meta { flex:1 1 70%; }
.release-tag { font-size:var(--brand-type-meta); }
.release-card summary::after { margin-left:0px; }
.release-aside { padding:var(--brand-card-space); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
.release-body p, .release-body li { font-size:var(--brand-type-small); }
.brand-inner-page .page-shell > .page-head { padding:var(--brand-space) var(--brand-heading-inset); margin-bottom:24px; border:0; border-radius:0; }
.brand-inner-page .page-search { margin-top:24px; }
.brand-inner-page .page-search button { padding-inline:18px; }
.brand-inner-page .license-form :is(input, select, textarea), .brand-inner-page .member-account-panel :is(input, select, textarea), .docs-toolbar input, .release-search input, .brand-inner-page .page-search input { font-size:16px; }
}
@media (prefers-reduced-motion: reduce) {
.nav-chevron, .brand-site .btn { transition:none; min-height:var(--brand-control-height); padding:12px 22px; gap:var(--brand-grid-gap); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.nav-panel { animation:auto ease 0s 1 normal none running none; }
.brand-site .btn:active:not(:disabled) { transform:none; }
}
/* Native comment form and confirmation dialog. */
.djm-comment-member { margin:0px; padding:10px 12px; border-left:1px solid var(--brand-line); background:var(--soft); color:var(--muted); font-size:var(--brand-type-small); border-radius:var(--brand-control-radius); }
.djm-comment-form input[readonly] { background:var(--soft); color:var(--muted); cursor:not-allowed; }
.djm-comment-dialog { position:fixed; inset:0px; z-index:1000; display:grid; place-items:center; padding:20px; background:rgba(19, 23, 29, 0.45); }
.djm-comment-dialog__panel { width:min(440px, 100%); display:grid; grid-template-columns:42px 1fr; gap:0px 16px; padding:26px; background:var(--brand-surface); border:1px solid var(--line); box-shadow:var(--brand-shadow); border-radius:var(--brand-card-radius); }
.djm-comment-dialog__icon { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:rgb(234, 246, 238); color:rgb(37, 131, 74); }
.djm-comment-dialog__icon::before { content:"✓"; font-size:22px; font-weight:700; }
.djm-comment-dialog[data-tone="error"] .djm-comment-dialog__icon { background:rgb(255, 240, 237); color:rgb(201, 73, 53); }
.djm-comment-dialog[data-tone="error"] .djm-comment-dialog__icon::before { content:"!"; }
.djm-comment-dialog__body h3, .djm-comment-dialog__body p { margin:0px; }
.djm-comment-dialog__body h3 { font-size:var(--brand-type-group); }
.djm-comment-dialog__body p { margin-top:8px; color:var(--muted); line-height:1.7; }
.djm-comment-dialog__confirm { grid-column:2; justify-self:end; min-width:88px; margin-top:22px; padding:10px 20px; border:0px; background:var(--accent); color:rgb(255, 255, 255); cursor:pointer; min-height:var(--brand-control-height); border-radius:var(--brand-control-radius); font-size:var(--brand-type-small); }
:root[data-theme="dark"] .djm-comment-dialog__panel { background:var(--surface,#1b1b1a); border-color:var(--line); box-shadow:var(--brand-shadow); }
:root[data-theme="dark"] .djm-comment-dialog__body p { color:var(--muted); }
:root[data-theme="dark"] .djm-comment-dialog__icon { background:rgb(22, 49, 31); color:rgb(127, 217, 159); }
:root[data-theme="dark"] .djm-comment-dialog[data-tone="error"] .djm-comment-dialog__icon { background:rgb(58, 26, 23); color:rgb(242, 154, 138); }
:root[data-theme="dark"] .djm-comment-member { background:var(--soft); color:var(--muted); }
:root[data-theme="dark"] .djm-comment-form input[readonly] { background:var(--soft); color:var(--muted); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .djm-comment-dialog__panel { background:var(--surface,#1b1b1a); border-color:var(--line); box-shadow:var(--brand-shadow); }
:root:not([data-theme="light"]) .djm-comment-dialog__body p { color:var(--muted); }
:root:not([data-theme="light"]) .djm-comment-dialog__icon { background:rgb(22, 49, 31); color:rgb(127, 217, 159); }
:root:not([data-theme="light"]) .djm-comment-dialog[data-tone="error"] .djm-comment-dialog__icon { background:rgb(58, 26, 23); color:rgb(242, 154, 138); }
:root:not([data-theme="light"]) .djm-comment-member { background:var(--soft); color:var(--muted); }
:root:not([data-theme="light"]) .djm-comment-form input[readonly] { background:var(--soft); color:var(--muted); }
}

/* Product capability evidence and lower-homepage visual rhythm. */
.capability-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.capability-group { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-surface); }
.capability-group--content, .capability-group--operations { grid-column:span 7; }
.capability-group--develop, .capability-group--people { grid-column:span 5; }
.capability-copy { padding:28px 32px; }
.capability-card-heading { display:flex; align-items:center; gap:16px; }
.feature-icon { width:24px; height:24px; flex-shrink:0; }
.capability-card-heading>.feature-icon { color:var(--accent-ink); }
.capability-card-heading h3 { font-size:var(--brand-type-card); font-weight:500; line-height:1.4; }
.capability-copy>p { margin-top:14px; color:var(--brand-body); font-size:15px; line-height:1.8; }
.capability-group-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:16px; }
.capability-group-links>a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:var(--accent-ink); }
.capability-group-links h4 { font-size:14px; font-weight:500; letter-spacing:0; }
.capability-group-links>a:hover h4 { text-decoration:underline; text-underline-offset:5px; }
.capability-group-links .brand-arrow { width:15px; height:15px; }
.capability-screenshot { margin-top:auto; height:244px; overflow:hidden; border-top:1px solid var(--brand-line); }
.capability-screenshot img { width:100%; height:100%; object-fit:cover; object-position:left top; }
.capability-group--develop { color:var(--brand-ink); }
.capability-code { margin:0 32px 28px; padding-top:20px; border-top:1px solid var(--brand-line); min-width:0; }
.capability-code>div:first-child { display:flex; align-items:center; gap:12px; font:13px var(--font-mono); color:var(--brand-body); }
.capability-code .feature-icon { width:18px; height:18px; }
.capability-code pre { margin:20px 0; font:13px/1.9 var(--font-mono); white-space:pre-wrap; overflow-wrap:anywhere; }
.capability-code code>span { color:var(--brand-body); }
.capability-files { display:flex; flex-wrap:wrap; gap:8px; }
.capability-files span { border:1px solid var(--brand-line); border-radius:6px; padding:5px 10px; font:12px var(--font-mono); color:var(--brand-body); }
.deploy-map { display:grid; grid-template-columns:1fr 32px 1fr 32px 1fr; align-items:center; margin:auto 32px; padding:28px 0; }
.deploy-node { display:grid; justify-items:center; gap:16px; min-width:0; color:var(--brand-body); }
.deploy-node>.feature-icon { width:40px; height:40px; }
.deploy-node strong { font-size:14px; font-weight:500; color:var(--brand-ink); }
.deploy-node--core { color:var(--accent-ink); }
.deploy-connector { height:1px; background:var(--brand-control-line); position:relative; }
.deploy-connector::after { content:""; position:absolute; width:6px; height:6px; border-top:1px solid var(--brand-control-line); border-right:1px solid var(--brand-control-line); right:0; top:-3px; transform:rotate(45deg); }
.deploy-databases { display:grid; gap:12px; text-align:center; }
.deploy-databases>span { padding:10px 8px; background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:8px; font:13px var(--font-mono); }
.deploy-maintenance { display:flex; flex-wrap:wrap; justify-content:center; gap:16px 24px; margin:24px 32px 32px; padding-top:24px; border-top:1px solid var(--brand-line); }
.deploy-maintenance>span { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--brand-body); }
.deploy-maintenance .feature-icon { width:16px; height:16px; color:var(--accent-ink); }
.install-flow { display:flex; list-style:none; padding:0; margin:32px 0; gap:20px; }
.install-flow li { display:grid; gap:12px; flex:1; min-width:0; border-top:1px solid var(--brand-line); padding-top:20px; font-size:14px; color:var(--brand-body); }
.install-flow .feature-icon { width:28px; height:28px; color:var(--accent-ink); }
.install-platforms { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0; }
.install-platforms>a { display:flex; align-items:center; gap:12px; min-width:0; min-height:76px; padding:14px; border:1px solid var(--brand-line); border-radius:8px; background:var(--brand-soft); }
.install-platforms>a:hover { border-color:var(--accent-ink); }
.install-platforms>a>span { font-size:14px; font-weight:500; }
.install-platforms small { display:block; color:var(--brand-body); font:11px/1.7 var(--font-mono); }
.install-platforms .brand-arrow { margin-left:auto; width:15px; height:15px; }
.price-icon { display:none; }
.brand-site .license-plan-grid .price-icon { display:grid; place-items:center; float:right; width:48px; height:48px; border:1px solid var(--brand-line); border-radius:12px; color:var(--accent-ink); }
.brand-site .license-plan-grid .price-commercial { background:var(--brand-surface); color:var(--brand-ink); border-color:var(--brand-primary); }
.home-update-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:24px; }
.home-update-card { overflow:hidden; display:flex; flex-direction:column; min-width:0; padding:28px 32px; border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-surface); }
.home-update-card:hover { border-color:var(--accent-ink); }
.home-update-copy>span { font-size:13px; color:var(--brand-body); }
.home-update-card h3 { margin-block:12px; font-size:var(--brand-type-card); font-weight:500; }
.home-update-card p { font-size:15px; color:var(--brand-body); line-height:1.8; }
.home-update-card .brand-link { margin-top:16px; font-size:14px; }
.home-update-shot { height:164px; overflow:hidden; margin:24px -32px -28px; border-top:1px solid var(--brand-line); }
.home-update-shot img { width:100%; height:100%; object-fit:cover; object-position:top left; }
.home-update-card--archive { background:transparent; }
.release-archive-flow { display:flex; gap:24px; padding-top:32px; margin-top:auto; }
.archive-node { flex:1; position:relative; padding:24px 0 0; border-top:1px solid var(--brand-line); }
.archive-node::before { content:""; position:absolute; width:8px; height:8px; border-radius:50%; border:2px solid var(--accent-ink); background:var(--brand-canvas); top:-5px; left:0; }
.archive-node strong { display:block; font:500 15px var(--font-mono); }
.archive-node small { display:block; margin-top:8px; font-size:13px; color:var(--brand-body); }
.brand-closing-links>a>.feature-icon { width:22px; height:22px; color:var(--accent-ink); }
.brand-closing-links>a>span { margin-right:auto; }
.closing-download-heading { display:flex; align-items:center; gap:16px; }
.closing-download-heading>.feature-icon { width:32px; height:32px; color:var(--accent-ink); }
.brand-closing .closing-download-heading h2 { margin:0; }
.closing-platforms { display:flex; align-items:center; gap:24px; margin:20px 0 24px; color:var(--brand-body); font-size:13px; }
.closing-platforms>span { display:flex; align-items:center; gap:8px; }
.closing-platforms .feature-icon { width:18px; height:18px; }
@media (max-width:900px) {
 .capability-grid { grid-template-columns:1fr; }
 .capability-group { grid-column:auto; }
 .capability-screenshot { height:260px; }
 .capability-code { margin-top:auto; }
 .home-update-grid { grid-template-columns:1fr 1fr; }
 .install-platforms { grid-template-columns:1fr; }
}
@media (max-width:700px) {
 .capability-section .brand-heading { flex-direction:row; align-items:center; gap:16px; }
 .capability-copy, .home-update-card { padding:24px; }
 .capability-card-heading { gap:12px; }
 .capability-card-heading h3 { font-size:22px; }
 .capability-screenshot { height:190px; }
 .capability-code { margin:0 24px 24px; }
 .deploy-map { grid-template-columns:1fr 16px 1fr 16px 1fr; margin:8px 24px; padding:24px 0; }
 .deploy-node>.feature-icon { width:28px; height:28px; }
 .deploy-node strong, .deploy-databases>span { font-size:12px; }
 .deploy-databases>span { padding:8px 4px; }
 .deploy-maintenance { gap:12px; margin:12px 24px 24px; }
 .install-flow { gap:12px; }
 .install-flow li { font-size:13px; }
 .install-platforms { grid-template-columns:1fr 1fr; }
 .install-platforms>a { flex-wrap:wrap; padding:12px; gap:8px; }
 .install-platforms .brand-arrow { display:none; }
 .home-update-grid { grid-template-columns:1fr; }
 .home-update-shot { margin:24px -24px -24px; height:150px; }
}

/* Inner-page evidence, packages and license guidance share the home components. */
.page-hero-content { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; width:100%; max-width:var(--brand-content); margin-inline:auto; }
.page-hero-copy { min-width:0; }
.page-hero-copy>p { margin-top:24px; color:var(--brand-body); font-size:16px; line-height:1.85; max-width:46ch; }
.page-hero-copy .download-checked { font-size:13px; margin-top:16px; }
.page-hero-media { width:100%; max-width:640px; justify-self:end; min-width:0; overflow:hidden; border:1px solid var(--brand-night-line); border-radius:12px; background:var(--brand-night); }
.page-hero-media>img { width:100%; height:auto; }
.page-hero-media>figcaption, .feature-screen>figcaption { display:flex; align-items:center; gap:10px; padding:12px 16px; background:var(--brand-night); color:var(--brand-on-night-muted); font-size:13px; }
.page-hero-media>figcaption .feature-icon, .feature-screen>figcaption .feature-icon { width:18px; height:18px; }
.feature-title-row { display:flex; align-items:center; gap:16px; }
.feature-title-row>.feature-icon { width:32px; height:32px; color:var(--accent-ink); }
.feature-screen { overflow:hidden; border:1px solid var(--brand-night-line); border-radius:12px; min-width:0; background:var(--brand-night); }
.feature-screen>img { border-radius:0; }
.feature-models, .feature-file-list { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.feature-models>span { display:flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid var(--brand-line); border-radius:8px; background:var(--brand-soft); font-size:13px; }
.feature-models .feature-icon { width:16px; height:16px; color:var(--accent-ink); }
.feature-file-list>span { padding:8px 12px; border:1px solid var(--brand-line); border-radius:8px; font:13px var(--font-mono); color:var(--brand-body); }
.package-preview { width:100%; max-width:420px; justify-self:end; padding:28px 32px; background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:12px; }
.package-preview-title { display:flex; align-items:center; gap:20px; padding-bottom:24px; border-bottom:1px solid var(--brand-line); }
.package-preview-title>.feature-icon { width:44px; height:44px; color:var(--accent-ink); }
.package-preview-title h2 { font-size:20px; font-weight:500; }
.package-preview ul { display:grid; gap:20px; margin:24px 0 0; padding:0; list-style:none; }
.package-preview li { display:flex; align-items:center; gap:14px; color:var(--brand-body); }
.package-preview li>.feature-icon { width:20px; height:20px; color:var(--accent-ink); }
.package-preview code { font:14px var(--font-mono); color:var(--brand-ink); }
.platform-card-heading { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.platform-os-icon { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:12px; color:var(--accent-ink); }
.platform-os-icon .feature-icon { width:28px; height:28px; }
.platform-arch { margin-left:auto; padding:6px 10px; border:1px solid var(--brand-line); border-radius:6px; color:var(--brand-body); font:13px var(--font-mono); }
.download-guide { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; margin-block:var(--brand-space); }
.license-flow { display:grid; width:100%; max-width:420px; justify-self:end; padding:0; margin:0; list-style:none; }
.license-flow>li { display:flex; align-items:center; gap:20px; position:relative; min-height:80px; padding-block:12px; font-size:18px; font-weight:500; }
.license-flow>li:not(:last-child)::after { content:""; position:absolute; top:64px; left:23px; width:1px; height:32px; background:var(--brand-control-line); }
.license-flow-icon { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; border:1px solid var(--brand-line); border-radius:12px; color:var(--accent-ink); background:var(--brand-surface); }
.brand-site .license-plan-grid .price-benefits li::before { color:var(--accent-ink); }
.license-comparison { margin-top:var(--brand-space); }
.license-comparison .comparison-wrap { margin-top:0; }
.comparison-table thead .feature-icon { width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:10px; color:var(--accent-ink); }
.form-section-title { margin-bottom:28px; font-size:24px; font-weight:500; }
.summary-icon { float:right; color:var(--accent-ink); }
.summary-icon>.feature-icon { width:32px; height:32px; }
.brand-inner-page .application-summary[data-plan="commercial"] { background:var(--brand-primary-soft); color:var(--brand-ink); border-color:var(--brand-primary); }
@media (max-width:1000px) {
 .page-hero-content { grid-template-columns:1fr; gap:32px; }
 .page-hero-media, .package-preview, .license-flow { justify-self:start; }
 .download-guide { grid-template-columns:1fr; }
}
@media (max-width:700px) {
 .page-hero-content { gap:28px; }
 .feature-title-row { align-items:start; gap:12px; }
 .feature-title-row>.feature-icon { width:24px; height:24px; margin-top:7px; }
 .feature-models { gap:8px; }
 .feature-models>span { padding:6px 10px; }
 .package-preview { padding:24px; }
 .package-preview-title { gap:14px; }
 .package-preview-title>.feature-icon { width:32px; height:32px; }
 .package-preview-title h2 { font-size:18px; }
 .platform-card-heading { flex-wrap:wrap; gap:12px; }
 .platform-os-icon { width:40px; height:40px; }
 .platform-os-icon .feature-icon { width:24px; height:24px; }
 .platform-arch { font-size:12px; padding:5px 8px; }
 .license-flow { max-width:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 .license-flow>li { display:grid; justify-items:start; gap:12px; align-content:start; min-height:0; font-size:13px; }
 .license-flow>li:not(:last-child)::after { top:36px; left:54px; width:calc(100% - 48px); height:1px; }
 .license-comparison .brand-heading { align-items:start; gap:16px; }
 .comparison-table thead .feature-icon { display:block; margin:0 0 8px; }
 .form-section-title { font-size:22px; }
}

.doc-card-label { display:flex; align-items:center; gap:12px; min-width:0; }
.doc-card-label>.feature-icon { width:24px; height:24px; color:var(--accent-ink); }
.demo-symbol { float:right; display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--brand-line); border-radius:12px; color:var(--accent-ink); }
.demo-symbol>.feature-icon { width:26px; height:26px; }

/* Member workspace: task navigation and actual account state, on the public content rail. */
.member-console-page .member-account-summary { padding:0 0 32px; margin-bottom:32px; border:0; border-bottom:1px solid var(--brand-line); border-radius:0; background:transparent; }
.member-console-page .member-account-identity { min-width:0; }
.member-console-page .member-account-summary h1 { font-size:32px; font-weight:600; line-height:1.3; }
.member-console-page .member-account-summary p { margin-top:8px; font-size:14px; color:var(--brand-body); overflow-wrap:anywhere; }
.member-console-page .member-account-avatar { width:64px; height:64px; flex-shrink:0; font-size:26px; }
.member-console-page .account-logout, .member-console-page .member-account-summary>.text-button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; margin-left:auto; padding:10px 16px; border:1px solid var(--brand-line); border-radius:8px; color:var(--brand-body); background:transparent; font-size:14px; }
.member-console-page .account-logout:hover, .member-console-page .member-account-summary>.text-button:hover { border-color:var(--accent-ink); color:var(--accent-ink); }
.member-console-layout { display:grid; grid-template-columns:208px minmax(0,1fr); gap:32px; align-items:start; }
.member-console-content { min-width:0; }
.member-sidebar { position:sticky; top:calc(var(--brand-site-header-height) + 32px); padding:12px; border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-surface); }
.member-console-page .member-account-nav { display:flex; flex-direction:column; gap:6px; padding:0; }
.member-account-nav>a { display:flex; align-items:center; gap:12px; min-height:48px; padding:12px 16px; border-radius:8px; color:var(--brand-body); font-size:14px; }
.member-account-nav>a>.feature-icon { width:20px; height:20px; }
.member-account-nav>a:hover { background:var(--brand-soft); color:var(--accent-ink); }
.member-account-nav>a[aria-current="page"] { background:var(--brand-primary-soft); color:var(--accent-ink); font-weight:600; }
.member-sidebar-help { display:grid; gap:4px; margin-top:16px; padding-top:12px; border-top:1px solid var(--brand-line); }
.member-sidebar-help>a { display:flex; align-items:center; gap:12px; min-height:44px; padding:10px 16px; color:var(--brand-body); font-size:13px; }
.member-sidebar-help .feature-icon { width:18px; height:18px; }
.member-sidebar-help>a:hover { color:var(--accent-ink); text-decoration:underline; text-underline-offset:5px; }
.member-console-page .member-account-facts { padding:20px 24px; margin:0 0 20px; border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-surface); gap:24px; }
.member-account-facts>div { min-width:0; }
.member-console-page .member-account-facts dt { display:flex; align-items:center; gap:8px; font-size:13px; }
.member-account-facts dt>.feature-icon { width:16px; height:16px; color:var(--accent-ink); }
.member-console-page .member-account-facts dd { font-size:15px; margin-top:8px; line-height:1.7; }
/* A compact, native disclosure keeps the unlinked-license status visible. */
.member-license-note { margin-bottom:24px; border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:transparent; color:var(--brand-body); font-size:13px; line-height:1.85; }
.member-license-note>summary { display:flex; align-items:center; gap:12px; min-height:56px; padding:16px 20px; cursor:pointer; list-style:none; }
.member-license-note>summary::-webkit-details-marker { display:none; }
.member-license-note>summary>.feature-icon { width:20px; height:20px; flex-shrink:0; color:var(--accent-ink); }
.member-license-note>summary::after { content:""; width:7px; height:7px; flex-shrink:0; margin-left:auto; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform var(--brand-fast) var(--brand-ease); }
.member-license-note[open]>summary::after { transform:rotate(225deg); }
.member-license-note>summary:hover { color:var(--accent-ink); }
.member-license-note>div { padding:0 20px 18px 52px; }
.member-console-page .member-account-grid { gap:24px; background:transparent; border:0; padding:0; }
.member-console-page .member-account-grid>.member-account-panel { margin-bottom:0; }
.member-console-page .member-account-panel { margin-bottom:24px; padding:28px; background:var(--brand-surface); }
.member-panel-heading { display:flex; align-items:center; gap:12px; }
.member-panel-heading>.feature-icon { color:var(--accent-ink); width:26px; height:26px; }
.member-console-page .member-account-panel h2 { font-size:22px; font-weight:600; margin:0; line-height:1.4; }
.member-console-page .member-account-panel h2 small { font-size:13px; }
.member-console-page .member-account-panel>header { margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--brand-line); }
.member-console-page .member-account-panel header p { margin:10px 0 0; font-size:13px; line-height:1.75; }
.member-console-page .member-account-panel form>.button { justify-self:start; min-width:132px; }
.member-console-page .member-account-panel label { font-size:14px; }
.member-console-page .member-account-panel input, .member-console-page .member-account-panel textarea, .member-console-page .member-account-panel select { font-size:16px; }
.member-console-page .button-outline { background:transparent; color:var(--accent-ink); border-color:var(--brand-control-line); }
.member-console-page .button:hover { background:var(--brand-primary-hover); color:#fff; }
.member-console-page .button-outline:hover { background:var(--brand-primary-soft); color:var(--accent-ink); border-color:var(--accent-ink); }
.member-console-page .member-filter { display:flex; align-items:center; justify-content:flex-end; gap:16px; margin:0 0 20px; font-size:14px; }
.member-filter label { display:flex; align-items:center; gap:12px; }
.member-console-page .member-filter select { min-height:44px; padding:8px 32px 8px 12px; width:auto; font-size:16px; }
.member-console-page .text-button, .member-console-page [data-member-retry] { min-height:44px; padding:8px 12px; border:1px solid var(--brand-line); border-radius:8px; background:transparent; color:var(--accent-ink); font-size:14px; }
.member-console-page .submission-list { margin:0; }
.member-console-page .submission-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 24px; padding-block:22px; }
.member-console-page .submission-item>strong, .member-console-page .submission-meta, .member-console-page .comment-body, .member-console-page .message-body { grid-column:1; min-width:0; overflow-wrap:anywhere; }
.member-console-page .submission-item>strong { font-size:16px; font-weight:500; }
.member-console-page .submission-meta { display:block; font-size:13px; }
.member-console-page .comment-body, .member-console-page .message-body { font-size:14px; line-height:1.85; }
.member-console-page .submission-item-actions { grid-column:2; grid-row:1 / span 3; align-self:start; gap:8px; margin:0; }
.member-console-page .message-item[data-unread="1"]>strong { font-weight:700; }
.member-console-page .message-item[data-unread="1"]>strong::before { content:""; display:inline-block; width:7px; height:7px; margin-right:8px; vertical-align:middle; border-radius:50%; background:var(--brand-primary); }
/* Empty states share the content alignment instead of forming a second hero. */
.member-empty-state, .member-closed-state { display:grid; grid-template-columns:40px minmax(0,1fr); column-gap:16px; align-content:start; padding:20px 0; }
.member-empty-state>.feature-icon, .member-closed-state>.feature-icon { grid-column:1; grid-row:1 / span 3; width:32px; height:32px; color:var(--accent-ink); }
.member-empty-state h3, .member-closed-state h2 { grid-column:2; font-size:16px; font-weight:600; line-height:1.5; }
.member-empty-state p, .member-closed-state p { grid-column:2; color:var(--brand-body); font-size:14px; line-height:1.85; max-width:44ch; margin-top:8px; }
.member-empty-link { grid-column:2; justify-self:start; display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:8px; color:var(--accent-ink); font-size:14px; }
.member-empty-link .brand-arrow { width:16px; height:16px; }
.member-empty-link:hover { text-decoration:underline; text-underline-offset:5px; }
.member-closed-state { padding:28px; border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); background:var(--brand-surface); }
.member-form-status:empty, [data-member-logout-status]:empty, [data-member-status]:empty { display:none; }
.member-form-status[data-state="error"], [data-member-logout-status][data-state="error"] { color:var(--brand-error); }
.member-form-status[data-state="success"], [data-member-status][data-state="success"] { color:var(--brand-success); }
/* Authentication is one focused task, with the account workspace's spacing and controls. */
.member-auth-layout { width:var(--brand-content-width); max-width:460px; margin-inline:auto; display:flex; justify-content:center; }
.member-auth-page .member-card { width:100%; max-width:460px; margin:0; padding:32px; }
.auth-card-heading { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.auth-card-heading>.feature-icon { width:24px; height:24px; color:var(--accent-ink); }
.member-auth-page .auth-card-heading h1 { font-size:26px; font-weight:600; margin:0; line-height:1.4; }
.member-auth-page .member-card>.member-hint { font-size:14px; line-height:1.8; margin-bottom:24px; }
.member-auth-page .member-card form { gap:20px; }
.member-auth-page .member-card label { font-size:14px; }
.member-auth-page .member-card .field-help { font-size:12px; line-height:1.75; }
.member-auth-page .member-auth-switch { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:24px 0 0; padding-top:16px; border-top:1px solid var(--brand-line); font-size:14px; }
.member-auth-switch>a { display:inline-flex; align-items:center; min-height:44px; font-weight:500; }
.member-auth-page [data-member-status][data-state="error"] { color:var(--brand-error); }
.member-auth-page [data-member-status][data-state="success"] { color:var(--brand-success); }
@media (max-width:1100px) {
 .member-console-layout { grid-template-columns:180px minmax(0,1fr); gap:24px; }
 .member-console-page .member-account-grid { grid-template-columns:1fr; }
}
@media (max-width:900px) {
 .member-page { --member-top-space:64px; }
 .member-console-layout { grid-template-columns:1fr; }
 .member-sidebar { position:static; }
 .member-console-page .member-account-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
 .member-account-nav>a { display:grid; justify-items:center; gap:8px; padding:12px 8px; font-size:13px; text-align:center; }
 .member-sidebar-help { display:none; }
}
@media (max-width:700px) {
 .member-page { --member-top-space:48px; }
 .member-console-page .member-account-summary { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:16px; padding-top:0; }
 .member-console-page .member-account-avatar { grid-column:1; grid-row:1; width:56px; height:56px; font-size:24px; }
 .member-console-page .member-account-summary h1 { font-size:28px; }
 .member-console-page .member-account-summary>.text-button, .member-console-page .account-logout { grid-column:2; grid-row:2; justify-self:start; margin-left:0; }
 .member-console-page [data-member-logout-status] { grid-column:1 / -1; }
 .member-console-page .member-account-identity { grid-column:2; grid-row:1; }
 .member-sidebar { padding:8px; }
 .member-console-page .member-account-nav { grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; }
 .member-account-nav>a { grid-column:span 2; min-height:64px; padding:10px 4px; font-size:12px; }
 .member-account-nav>a:nth-child(n+4) { grid-column:span 3; }
 .member-console-page .member-account-facts { grid-template-columns:1fr; gap:16px; padding:20px; }
 .member-account-facts>div { display:grid; grid-template-columns:92px minmax(0,1fr); gap:12px; align-items:baseline; }
 .member-console-page .member-account-facts dd { margin:0; font-size:14px; }
 .member-console-page .member-account-panel, .member-auth-page .member-card { padding:24px; }
 .member-console-page .member-account-panel h2 { font-size:20px; }
 .member-console-page .member-account-panel form>.button { justify-self:stretch; }
 .member-panel-heading { align-items:start; }
 .member-panel-heading>.feature-icon { width:24px; height:24px; margin-top:3px; }
 .member-license-note>summary { padding:16px; }
 .member-license-note>div { padding:0 16px 16px; }
 .member-console-page .submission-item { grid-template-columns:1fr; gap:10px; }
 .member-console-page .submission-item-actions { grid-column:1; grid-row:auto; }
 .member-console-page .member-filter { justify-content:start; }
 .member-auth-page .auth-card-heading h1 { font-size:24px; }
}


/* Internet product navigation: full-width bar and disclosure, full-height mobile surface. */
.brand-site .navigation>nav { position:absolute; left:0; right:0; top:0; bottom:0; width:max-content; height:max-content; margin:auto; }
.brand-site .nav-link, .brand-site .nav-trigger { font-size:15px; font-weight:500; }
.nav-trigger[aria-expanded="true"] .nav-chevron { transform:rotate(180deg); }
.nav-panel-inner { display:grid; grid-template-columns:260px minmax(0,1fr); gap:48px; width:var(--brand-content-width); max-width:var(--brand-content); margin-inline:auto; }
.nav-panel-lead { min-width:0; padding-right:28px; border-right:1px solid var(--brand-line); }
.nav-panel-lead h2 { font-size:22px; font-weight:500; line-height:1.4; margin-bottom:16px; }
.nav-panel-lead p { font-size:14px; line-height:1.85; color:var(--brand-body); max-width:22ch; }
.nav-lead-icon { display:block; width:36px; height:36px; color:var(--accent-ink); margin-bottom:20px; }
.nav-feature { display:block; }
.nav-feature img { width:100%; height:auto; border-radius:8px; border:1px solid var(--brand-night-line); }
.nav-feature>span { display:flex; align-items:center; gap:12px; min-height:44px; font-size:14px; color:var(--accent-ink); }
.nav-feature .brand-arrow { width:16px; height:16px; }
.nav-panel-body { min-width:0; }
.nav-panel-links>a>.feature-icon { width:24px; height:24px; color:var(--accent-ink); }
.nav-panel-links strong { color:var(--brand-ink); }

/* Homepage: centered product statement, then a real interactive workbench. */
.brand-home .brand-hero { padding-block:72px 80px; background-color:var(--brand-home-hero); background-image:linear-gradient(180deg,var(--brand-home-hero),var(--brand-home-wash) 46%,var(--brand-canvas)); }
.brand-home .brand-hero-layout { display:flex; flex-direction:column; gap:44px; min-height:0; }
.brand-home .brand-hero-copy { width:100%; text-align:center; }
.brand-home .brand-hero h1 { display:flex; justify-content:center; align-items:baseline; flex-wrap:wrap; gap:0 .22em; font-size:clamp(40px,4.7vw,68px); font-weight:750; line-height:1.22; letter-spacing:-0.035em; }
.brand-home .brand-hero h1 span { color:var(--brand-ink); white-space:nowrap; }
.copy-phrase { display:inline-block; }
.brand-home .brand-hero h1 .hero-emphasis { color:var(--accent-ink); }
.brand-home .brand-hero h1 i { font-style:normal; color:var(--brand-body); font-weight:400; }
.brand-home .brand-hero-copy>.brand-description { margin:22px auto 0; max-width:52ch; font-size:17px; line-height:1.8; }
.hero-mobile-break { display:none; }
.brand-home .brand-hero .brand-actions { justify-content:center; margin-top:28px; gap:14px; }
.brand-home .brand-hero .brand-button--quiet { background:var(--brand-surface); color:var(--brand-ink); border-color:var(--brand-line); }
.brand-home .brand-hero .brand-button--quiet:hover { color:var(--accent-ink); border-color:var(--brand-primary); }
.brand-home .brand-release { margin:0; min-height:32px; gap:8px; font-size:12px; }
.brand-home .brand-release span { border:0; padding:0; }
.brand-home .brand-release .brand-arrow { width:13px; height:13px; }
.brand-home .brand-release:hover { color:var(--accent-ink); text-decoration:underline; text-underline-offset:5px; }
.home-workbench { width:min(100%,1120px); overflow:clip; border-radius:14px; background:var(--brand-surface); box-shadow:0 24px 64px -28px #27447540; text-align:left; }
.home-workbench-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:60px; padding:8px 24px; border-bottom:1px solid var(--brand-line); }
.home-workbench-bar>strong { font-size:15px; font-weight:600; }
.home-workbench-bar>.brand-link { font-size:13px; gap:8px; }
.home-workbench-bar .brand-arrow { width:14px; height:14px; }
.home-preview-hint { margin:14px 20px 0; color:var(--brand-body); font-size:13px; }
.home-workbench .brand-tabs { margin:0; padding:10px 20px 16px; border:0; gap:10px; }
.home-workbench .brand-tabs button { gap:10px; color:var(--brand-ink); background:var(--brand-soft); border:1px solid var(--brand-control-line); min-height:52px; padding:10px 12px; font-size:15px; font-weight:600; }
.home-workbench .brand-tabs button svg { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.home-workbench .brand-tabs button:hover { color:var(--accent-ink); border-color:var(--brand-primary); background:var(--brand-primary-soft); }
.home-workbench .brand-tabs button.is-active { color:var(--on-accent); background:var(--brand-primary); border-color:var(--brand-primary); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; }
.home-workbench .brand-tabs button.is-active:hover { background:var(--brand-primary-hover); }
.home-workbench .brand-preview { margin:0 20px; border:1px solid var(--brand-line); border-radius:6px; background:var(--brand-surface); box-shadow:none; }
.home-workbench .brand-preview img { aspect-ratio:1120/698; object-fit:contain; }
.home-workbench .brand-preview-caption { padding:14px 24px; color:var(--brand-body); border:0; }
.home-workbench .brand-preview-caption strong { color:var(--brand-ink); }
.home-workbench .brand-preview-caption>.brand-link { color:var(--accent-ink); }
.brand-home .brand-heading { align-items:center; }
.brand-home .brand-title { font-size:clamp(30px,3vw,42px); font-weight:650; letter-spacing:-0.03em; }
.brand-home .capability-card-heading h3, .brand-home .home-update-card h3 { font-size:24px; font-weight:600; }
.brand-home .capability-section { padding-top:32px; }
.brand-home .capability-section .brand-heading, .brand-home .brand-pricing .brand-heading { flex-direction:column; text-align:center; justify-content:center; gap:12px; margin-bottom:36px; }
.brand-home .brand-pricing .brand-heading .brand-link { font-size:14px; }
.brand-home .brand-pricing .price-card { background:var(--brand-surface); }
.brand-home .brand-pricing .price-commercial { border-color:var(--brand-primary); }
.brand-home .price-card h3 { font-weight:600; }
.brand-home .brand-build { background:var(--brand-soft); }
@media(max-width:1000px) {
 .brand-home .brand-hero { padding-block:56px 64px; }
 .brand-home .brand-hero-layout { gap:36px; }
}
@media(max-width:700px) {
 .brand-home .brand-hero { padding-block:40px 48px; }
 .brand-home .brand-hero h1 { font-size:clamp(28px,9.2vw,38px); line-height:1.25; gap:4px .16em; }
 .brand-home .brand-hero h1 i { display:none; }
 .brand-home .brand-hero h1 span { flex-basis:100%; }
 .brand-home .brand-hero-copy>.brand-description { margin-top:20px; font-size:15px; line-height:1.8; }
 .hero-mobile-break { display:block; }
 .brand-home .brand-hero .brand-actions { flex-direction:row; align-items:center; gap:12px; }
 .brand-home .brand-hero .brand-button { padding:12px 16px; gap:12px; }
 .home-workbench-bar { min-height:56px; padding:8px 14px; }
 .home-workbench-bar>strong { font-size:13px; }
 .home-workbench-bar>.brand-link { font-size:12px; gap:6px; }
 .home-preview-hint { margin:12px 10px 0; font-size:12px; }
 .home-workbench .brand-tabs { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:10px; }
 .home-workbench .brand-tabs button { grid-column:span 2; flex-direction:column; min-height:68px; gap:7px; padding:8px 4px 12px; font-size:13px; }
 .home-workbench .brand-tabs button:nth-last-child(-n+2) { grid-column:span 3; }
 .home-workbench .brand-tabs button svg { width:18px; height:18px; }
 .home-workbench .brand-preview { margin-inline:10px; }
 .home-workbench .brand-preview-caption { padding:12px 14px; gap:4px; }
 .home-workbench .brand-preview-copy { flex-direction:column; align-items:start; gap:4px; }
 .home-workbench .brand-preview-caption>.brand-link { align-self:end; min-height:32px; font-size:12px; }
 .brand-home .capability-section { padding-top:24px; }
 .brand-home .brand-heading { align-items:start; }
 .brand-home .capability-card-heading h3 { font-size:22px; }
}
.nav-toggle[aria-expanded="true"]>span:first-child { transform:translateY(3px) rotate(45deg); }
.nav-toggle[aria-expanded="true"]>span:nth-child(2) { transform:translateY(-3px) rotate(-45deg); }
@media (max-width:1280px) {
 .brand-site .navigation>nav { position:static; left:auto; right:auto; top:auto; bottom:auto; width:100%; height:auto; margin:0; }
 .brand-site .navigation { justify-content:flex-start; }
 .brand-site .nav-link, .brand-site .nav-trigger { font-size:18px; }
 .nav-panel-inner { display:block; width:100%; max-width:none; }
 .nav-panel-lead { display:none; }
 .nav-panel-links>a>.feature-icon { width:22px; height:22px; }
 .brand-site .nav-actions { margin-top:auto; gap:20px; }
}

/* The home navigation is part of the hero until the hero leaves the sticky bar. */
.brand-home .header-inner { width:var(--brand-content-width); max-width:var(--brand-content); }
.brand-home .site-header:not(.is-past-hero) {
 --brand-surface:var(--brand-home-hero); --surface:var(--brand-surface);
 background:var(--brand-home-hero); border-bottom-color:transparent;
}
.brand-home .site-header:not(.is-past-hero) .theme-menu button[aria-selected="true"] { background:var(--brand-primary-soft); }
@media (max-width:1280px) {
 .brand-home .navigation { padding-inline:var(--brand-page-edge); }
}

/* Public-site documentation: topic guides, full tag reference and tutorial paths. */
.docs-section-title { margin:36px 0 24px; font-size:24px; font-weight:600; }
.manual-entry { display:grid; gap:10px; padding:24px; margin-bottom:28px; background:var(--brand-primary-soft); border:1px solid var(--brand-line); border-radius:12px; color:var(--brand-ink); }
.manual-entry>h2, .manual-entry>strong { font-size:22px; font-weight:600; }
.manual-entry>p, .manual-entry>span { font-size:14px; line-height:1.8; color:var(--brand-body); }
.manual-entry>span:last-child { color:var(--accent-ink); }
.manual-entry:hover { border-color:var(--brand-primary); }
.tutorial-doc-meta { color:var(--brand-body); font-size:13px; }
.imported-docs { margin-top:48px; }
.tutorial-doc-card h2 { margin-top:12px; font-size:21px; line-height:1.5; }
.guide-tutorials .post-card { display:block; }
.home-docs-layout { display:grid; grid-template-columns:1fr 1.3fr; gap:40px; align-items:start; }
.home-manual-card { padding:32px; border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-primary-soft); }
.home-manual-card h3 { font-size:26px; font-weight:600; }
.home-manual-card p { margin-top:16px; font-size:15px; color:var(--brand-body); }
.home-manual-card .brand-link { margin-top:16px; }
.home-tutorial-list { display:grid; }
.home-tutorial-link { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; border-bottom:1px solid var(--brand-line); }
.home-tutorial-link:first-child { padding-top:0; }
.home-tutorial-link strong { font-size:16px; font-weight:500; line-height:1.6; }
.home-tutorial-link>span { flex-shrink:0; font-size:13px; color:var(--accent-ink); }
.tag-manual { min-width:0; }
.tag-source-note { font-size:14px; color:var(--brand-body); }
.tag-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-block:28px; }
.tag-rules>div { min-width:0; }
.tag-rules strong { display:block; font-size:15px; }
.tag-rules code { display:block; margin:10px 0; overflow-wrap:anywhere; }
.tag-rules p { font-size:14px; line-height:1.8; }
.tag-toolbar { display:flex; align-items:center; gap:16px; position:sticky; top:var(--brand-site-header-height); z-index:5; padding-block:12px; border-bottom:1px solid var(--brand-line); background:var(--brand-canvas); }
.tag-search { flex:1; min-width:0; }
.tag-search input { width:100%; min-height:48px; padding:12px; border:1px solid var(--brand-control-line); border-radius:8px; background:var(--brand-surface); color:var(--brand-ink); font-size:16px; }
.tag-count { flex-shrink:0; color:var(--brand-body); font-size:13px; }
.tag-groups { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 32px; }
.tag-chip { display:inline-flex; align-items:center; min-height:44px; padding:8px 14px; border-radius:8px; background:var(--brand-soft); color:var(--accent-ink); font-size:14px; }
.tag-manual .tag-group { margin-block:40px; scroll-margin-top:180px; }
.tag-manual .tag-group>h2 { display:flex; gap:12px; align-items:center; }
.tag-group h2>span { font-size:14px; color:var(--brand-body); }
.tag-group__desc { font-size:14px; color:var(--brand-body); }
.tag-card { min-width:0; padding-block:28px; border-top:1px solid var(--brand-line); scroll-margin-top:180px; }
.tag-card__head { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-bottom:16px; }
.tag-card__head>code { font-size:18px; max-width:100%; overflow-wrap:anywhere; background:var(--brand-primary-soft); color:var(--accent-ink); }
.tag-card__head>b { font-size:19px; font-weight:600; }
.tag-kind { color:var(--brand-body); font-size:12px; }
.tag-card>p { font-size:15px; }
.tag-table-wrap { overflow-x:auto; margin:20px 0; }
.tag-params { width:100%; min-width:600px; border-collapse:collapse; font-size:13px; line-height:1.8; }
.tag-params th, .tag-params td { padding:12px; border:1px solid var(--brand-line); vertical-align:top; }
.tag-params th { background:var(--brand-soft); font-weight:500; text-align:left; }
.tag-params code { white-space:nowrap; }
.tag-req { color:var(--brand-body); }
.tag-req.is-required { color:var(--accent-ink); font-weight:500; }
.tag-fields { padding:16px 0; border-top:1px solid var(--brand-line); font-size:14px; }
.tag-fields summary { min-height:44px; cursor:pointer; color:var(--accent-ink); }
.tag-fields li { margin-bottom:10px; }
.tag-fields li>span { margin-left:12px; color:var(--brand-body); }
.tag-manual .code-block { min-width:0; }
.tag-manual pre { max-width:100%; }
@media(max-width:900px) {
 .home-docs-layout { grid-template-columns:1fr; gap:28px; }
 .tag-rules { grid-template-columns:1fr; gap:12px; }
}
@media(max-width:700px) {
 .home-manual-card { padding:24px; }
 .home-tutorial-link { align-items:start; flex-direction:column; gap:8px; }
 .tag-toolbar { flex-wrap:wrap; gap:6px; }
 .tag-search { flex-basis:100%; }
 .tag-count { min-height:24px; }
 .tag-card__head>b { font-size:18px; }
 .tag-card__head>code { font-size:16px; }
 .manual-entry { padding:20px; }
}

.docs-tag-cloud { display:flex; flex-wrap:wrap; gap:8px; margin-top:36px; }
.docs-tag-cloud>a { display:inline-flex; align-items:center; min-height:40px; padding:6px 12px; background:var(--brand-soft); border-radius:6px; font-size:13px; color:var(--accent-ink); }
.docs-tag-cloud>a:hover { background:var(--brand-primary-soft); }

.release-source-reference, .document-download { margin-bottom:24px; font-size:14px; }

.tag-primer { padding:16px 0; margin-bottom:28px; border-bottom:1px solid var(--brand-line); }
.tag-primer>summary { display:list-item; min-height:44px; cursor:pointer; color:var(--accent-ink); font-size:14px; }
.tag-primer[open]>.tag-source-note { margin-top:16px; }

/* Homepage product data and concise capability overview. */
.home-product-data { max-width:920px; margin:32px auto 0; }
.home-data-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.home-data-item { display:flex; flex-direction:column; align-items:center; gap:5px; min-width:0; padding:20px 12px; background:var(--brand-surface); border-radius:12px; box-shadow:0 12px 28px -22px #2744754d; }
.home-data-item>strong { color:var(--accent-ink); font-size:var(--brand-type-data); font-weight:700; line-height:1.1; letter-spacing:-0.03em; font-variant-numeric:tabular-nums; }
.home-data-item>span { margin-top:5px; color:var(--brand-ink); font-size:14px; font-weight:500; }
.home-data-item>small { color:var(--brand-body); font-size:12px; line-height:1.6; }
.home-data-item:hover>span { color:var(--accent-ink); text-decoration:underline; text-underline-offset:5px; }
.home-workbench-title { display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; min-width:0; }
.home-workbench-title>strong { font-size:15px; font-weight:600; }
.home-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.home-feature { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-surface); }
.home-feature h3 { font-size:24px; font-weight:600; }
.home-feature>p { margin-top:12px; color:var(--brand-body); font-size:14px; line-height:1.8; }
.home-feature-visual { margin:24px 0; min-width:0; }
.home-visual-label { display:block; margin-bottom:16px; color:var(--brand-body); font-size:12px; }
.home-model-types { display:flex; flex-wrap:wrap; gap:8px; }
.home-model-types>span { padding:7px 12px; background:var(--brand-primary-soft); color:var(--accent-ink); border-radius:6px; font-size:13px; }
.home-content-path { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:24px; padding-top:20px; border-top:1px solid var(--brand-line); color:var(--brand-body); font-size:12px; }
.home-content-path>i { font-style:normal; color:var(--accent-ink); }
.home-template-example { padding:18px; background:var(--brand-soft); border-radius:8px; }
.home-template-example pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--brand-ink); font:12px/1.9 var(--font-mono); }
.home-user-capabilities>div+div { border-top:1px solid var(--brand-line); padding-top:16px; margin-top:16px; }
.home-user-capabilities dt { color:var(--brand-body); font-size:12px; }
.home-user-capabilities dd { display:flex; flex-wrap:wrap; gap:8px 16px; margin:8px 0 0; color:var(--brand-ink); font-size:14px; }
.home-feature>.brand-link { margin-top:auto; font-size:14px; }
.home-start-resources { display:grid; grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding-top:28px; border-top:1px solid var(--brand-line); }
.home-start-resources>a { display:grid; gap:10px; align-content:start; min-width:0; }
.home-start-resources strong { font-size:17px; font-weight:500; }
.home-start-resources span { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; color:var(--brand-body); font-size:13px; }
.home-start-resources .brand-arrow { width:15px; height:15px; color:var(--accent-ink); }
.home-start-resources>a:hover strong { color:var(--accent-ink); }
@media(max-width:1000px) {
 .home-feature-grid { grid-template-columns:1fr; }
 .home-feature { display:grid; grid-template-columns:1fr 1.2fr; gap:0 32px; }
 .home-feature h3, .home-feature>p, .home-feature>.brand-link { grid-column:1; }
 .home-feature>.brand-link { align-self:end; }
 .home-feature-visual { grid-column:2; grid-row:1/4; margin:0; }
}
@media(max-width:700px) {
 .home-product-data { margin-top:24px; }
 .home-data-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .home-data-item { padding:16px 8px; }
 .home-data-item>strong { font-size:32px; }
 .home-data-item>small { font-size:11px; }
 .home-workbench-title { gap:0 8px; }
 .home-workbench-title>strong { font-size:13px; }
 .home-workbench-title .brand-release { min-height:24px; font-size:11px; }
 .home-workbench-title .brand-release>.brand-arrow { display:none; }
 .home-feature { display:flex; padding:24px; }
 .home-feature h3 { font-size:22px; }
 .home-feature-visual { margin:24px 0; }
 .home-start-resources { grid-template-columns:1fr; gap:20px; }
 .home-start-resources>a+a { padding-top:20px; border-top:1px solid var(--brand-line); }
}

/* Inner-page standard: compact headers, task-first content and complete reference material. */
.brand-inner-page .inner-heading,
.brand-inner-page .guide-heading,
.brand-inner-page .page-head,
.brand-inner-page .page-shell>.page-head { padding:48px var(--brand-heading-inset); margin-bottom:32px; background:var(--brand-home-hero); }
.brand-inner-page .inner-heading h1,
.brand-inner-page .guide-heading h1,
.brand-inner-page .page-head h1 { font-size:clamp(32px,3.2vw,44px); font-weight:650; line-height:1.25; letter-spacing:-0.03em; }
.brand-inner-page .inner-heading>p,
.brand-inner-page .guide-heading>p,
.brand-inner-page .page-head>p { margin-top:16px; max-width:64ch; color:var(--brand-body); font-size:16px; line-height:1.8; }
.brand-inner-page .inner-heading>.brand-actions { margin-top:24px; }
.page-inline-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:20px; }
.page-inline-links>a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent-ink); font-size:14px; }
.page-inline-links>a:hover { text-decoration:underline; text-underline-offset:5px; }
.page-facts { display:flex; flex-wrap:wrap; gap:12px 32px; margin-top:20px; }
.page-facts>a { display:inline-flex; align-items:baseline; gap:8px; min-height:40px; }
.page-facts strong { color:var(--accent-ink); font-size:26px; font-weight:650; line-height:1.3; font-variant-numeric:tabular-nums; }
.page-facts span { color:var(--brand-body); font-size:13px; }
.page-facts>a:hover span { color:var(--accent-ink); text-decoration:underline; text-underline-offset:5px; }
.product-page .capability-section { padding-top:0; }
.brand-inner-page .capability-card-heading h2 { font-size:24px; font-weight:600; line-height:1.4; }
.product-page .feature-models { margin-top:16px; }
.brand-inner-page .platform-card,
.brand-inner-page .price-card,
.brand-inner-page .apply-panel,
.brand-inner-page .application-summary,
.brand-inner-page .demo-card { background:var(--brand-surface); }
.brand-inner-page .platform-card { padding:28px; }
.brand-inner-page .platform-card h2 { font-size:24px; font-weight:600; }
.brand-inner-page .download-checked { font-size:13px; }
.download-guide { margin-top:48px; }
.download-guide .brand-title { font-size:28px; font-weight:600; }
.download-guide .brand-link { margin-top:16px; }
.inner-disclosure { padding-block:20px; border-top:1px solid var(--brand-line); border-bottom:1px solid var(--brand-line); margin-block:32px; }
.inner-disclosure>summary { min-height:44px; padding-block:8px; cursor:pointer; font-size:17px; font-weight:550; color:var(--brand-ink); }
.inner-disclosure[open]>summary { margin-bottom:20px; }
.disclosure-body { color:var(--brand-body); font-size:15px; line-height:1.85; }
.comparison-disclosure .license-comparison { margin-top:0; }
.comparison-disclosure .brand-title { font-size:26px; }
.comparison-disclosure .brand-heading { margin-bottom:20px; }
.brand-inner-page .application-summary { top:calc(var(--brand-site-header-height) + 24px); }
.brand-inner-page .application-summary[data-plan="commercial"] { background:var(--brand-primary-soft); }
.brand-inner-page .price-card { padding:28px; }
.brand-inner-page .price-card h3 { font-weight:600; }
.demo-card .demo-symbol { margin-top:0; }
.demo-card .status-badge { margin-bottom:16px; }
.docs-topic-grid { display:block; column-count:2; column-gap:24px; margin-top:28px; }
.docs-topic { break-inside:avoid; margin-bottom:24px; min-width:0; padding:24px; border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-surface); }
.docs-topic>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--brand-line); }
.docs-topic h2 { font-size:21px; font-weight:600; line-height:1.5; }
.docs-topic h2>a:hover { color:var(--accent-ink); }
.docs-topic [data-topic-count] { flex-shrink:0; color:var(--brand-body); font-size:13px; }
.docs-topic ul { list-style:none; padding:0; margin:0; }
.docs-topic li+li { border-top:1px solid var(--brand-line); }
.brand-inner-page .docs-topic .tutorial-doc-card { display:grid; gap:8px; padding:18px 0; border:0; border-radius:0; background:transparent; }
.docs-topic .tutorial-doc-card strong { font-size:16px; font-weight:500; line-height:1.6; }
.docs-topic .tutorial-doc-card time { color:var(--brand-body); font-size:12px; }
.docs-topic .tutorial-doc-card:hover strong { color:var(--accent-ink); text-decoration:underline; text-underline-offset:4px; }
.docs-page .manual-entry { padding:24px; }
.brand-inner-page .docs-page .manual-entry h2 { margin:0 0 10px; font-size:24px; font-weight:600; }
.docs-page .manual-entry>span { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; }
.docs-tags .docs-tag-cloud { margin-top:0; }
.docs-tags .docs-tag-cloud>a { min-height:44px; }
.brand-inner-page .post-card { display:block; border:0; border-bottom:1px solid var(--brand-line); border-radius:0; background:transparent; padding:24px 0; margin:0; }
.brand-inner-page .post-card h2 { font-size:22px; font-weight:550; line-height:1.5; }
.brand-inner-page .post-card p { font-size:14px; line-height:1.85; }
.brand-inner-page .post-card h2>a:hover { color:var(--accent-ink); }
.brand-inner-page .sidebar-block,
.brand-inner-page .aside-block { background:transparent; border:0; border-top:1px solid var(--brand-line); border-radius:0; padding:24px 0; }
.brand-inner-page .sidebar-block:first-child { border-top:0; padding-top:0; }
.brand-inner-page .article-head h1 { font-size:var(--brand-type-article); font-weight:600; line-height:1.5; letter-spacing:-0.02em; overflow-wrap:anywhere; }
.brand-inner-page .article-tldr { margin-block:24px; padding:0 0 24px; background:transparent; border-radius:0; border-bottom:1px solid var(--brand-line); font-size:15px; line-height:1.85; }
.article-tldr>p { margin:0; }
.guide-toc { top:calc(var(--brand-site-header-height) + 24px); }
.guide-toc .toc-list { max-height:calc(100dvh - 220px); overflow-y:auto; }
.member-console-page .member-account-panel { padding:28px; }
@media(min-width:901px) {
 .guide-nav { border:0; padding:0; border-radius:0; background:transparent; }
}
@media(max-width:900px) {
 .docs-topic-grid { column-count:1; }
 .brand-inner-page .application-summary { position:static; }
}
@media(max-width:700px) {
 .brand-inner-page .inner-heading,
 .brand-inner-page .guide-heading,
 .brand-inner-page .page-head,
 .brand-inner-page .page-shell>.page-head { padding:32px var(--brand-heading-inset); margin-bottom:24px; }
 .brand-inner-page .inner-heading h1,
 .brand-inner-page .guide-heading h1,
 .brand-inner-page .page-head h1 { font-size:32px; }
 .brand-inner-page .inner-heading>p,
 .brand-inner-page .guide-heading>p,
 .brand-inner-page .page-head>p { font-size:15px; }
 .page-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
 .page-facts>a { display:grid; gap:4px; align-content:start; }
 .page-facts strong { font-size:24px; }
 .page-facts span { font-size:12px; line-height:1.6; }
 .docs-topic { padding:20px; }
 .docs-topic h2 { font-size:20px; }
 .brand-inner-page .docs-page .manual-entry h2 { font-size:22px; }
 .brand-inner-page .post-card h2 { font-size:20px; }
 .brand-inner-page .platform-card,
 .brand-inner-page .price-card,
 .member-console-page .member-account-panel { padding:24px; }
 .brand-inner-page .article-head h1 { font-size:24px; }
 .inner-disclosure>summary { font-size:16px; }
}

.form-intro { margin:12px 0 24px; color:var(--brand-body); font-size:14px; line-height:1.85; }
@media(max-width:900px) {
 .brand-inner-page .apply-layout>.apply-panel { grid-row:1; }
 .brand-inner-page .apply-layout>.application-summary { grid-row:auto; }
}

/* Reading surfaces: one text measure, quiet metadata and native navigation. */
:root:has(.content-detail-page) { scroll-padding-top:calc(var(--brand-site-header-height) + 24px); }
.content-detail-page .prose { color:var(--brand-ink); font-size:16px; line-height:1.95; max-width:var(--brand-reading-width); overflow-wrap:anywhere; }
.content-detail-page .article-layout { grid-template-columns:minmax(0,1fr) 240px; gap:28px 64px; align-items:start; padding-block:64px var(--brand-space); }
.article-intro { grid-column:1; grid-row:1; min-width:0; max-width:var(--brand-reading-width); }
.content-detail-page .article { grid-column:1; grid-row:2; width:100%; max-width:var(--brand-reading-width); }
.article-head h1 .article-title-word { display:inline-block; max-width:100%; overflow-wrap:anywhere; vertical-align:top; }
.article-intro .crumbs { margin-bottom:20px; font-size:13px; }
.article-intro .article-meta { gap:8px 12px; margin-top:16px; }
.article-intro .article-tags { flex-basis:100%; flex-wrap:wrap; gap:6px 12px; }
.article-intro .article-tags>a { display:inline-flex; align-items:center; min-height:36px; color:var(--brand-body); overflow-wrap:anywhere; }
.article-intro .article-tags>a:hover { color:var(--accent-ink); text-decoration:underline; text-underline-offset:4px; }
.content-detail-page .article-tldr { margin:16px 0 0; padding-bottom:24px; color:var(--brand-body); }
.content-detail-page .article-aside { grid-column:2; grid-row:1 / span 2; top:calc(var(--brand-site-header-height) + 32px); gap:20px; max-height:calc(100dvh - var(--brand-site-header-height) - 64px); overflow-y:auto; padding:4px; }
.content-detail-page .article-directory { background:transparent; border:0; padding:0; border-radius:0; }
.article-directory>summary { display:flex; align-items:center; gap:16px; min-height:44px; color:var(--brand-ink); cursor:pointer; font-size:14px; font-weight:600; list-style:none; }
.article-directory>summary::-webkit-details-marker { display:none; }
.article-directory>summary::after { content:""; width:7px; height:7px; margin-left:auto; flex-shrink:0; border-bottom:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); transition:transform var(--brand-fast) var(--brand-ease); }
.article-directory[open]>summary::after { transform:rotate(225deg); }
.article-directory .toc-list { gap:4px; padding-top:8px; }
.article-directory .toc-list a { display:flex; align-items:center; min-height:44px; padding:8px 12px; font-size:13px; line-height:1.65; border-radius:var(--brand-control-radius); overflow-wrap:anywhere; }
.article-directory .toc-list a:hover { background:var(--brand-soft); }
.article-directory .toc-list a.is-active { background:var(--brand-primary-soft); color:var(--accent-ink); }
.article-directory .toc-list .toc-level-3 { padding-left:24px; }
.content-detail-page .article-reading-links { padding:20px 0 0; }
.content-detail-page .article-reading-links h2 { font-size:14px; font-weight:600; margin-bottom:12px; }
.content-detail-page .prose h2 { font-size:24px; font-weight:600; line-height:1.5; margin:40px 0 16px; }
.content-detail-page .prose h3 { font-size:20px; font-weight:600; line-height:1.55; margin:32px 0 12px; }
.content-detail-page .prose h4 { font-size:17px; line-height:1.6; margin:28px 0 12px; }
.content-detail-page .prose :is(h2,h3,h4) { scroll-margin-top:0; }
.content-detail-page .prose>p:first-child { margin-top:0; }
.content-detail-page .prose li+li { margin-top:8px; }
.content-detail-page .prose li>ul, .content-detail-page .prose li>ol { margin-block:8px; }
.content-detail-page .prose strong { color:var(--brand-ink); font-weight:600; }
.content-detail-page .prose :not(pre)>code { padding:2px 5px; background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:4px; color:var(--brand-ink); font:0.875em/1.7 var(--font-mono); overflow-wrap:anywhere; }
.content-detail-page .prose blockquote { margin:24px 0; padding:16px 20px; border:1px solid var(--brand-line); border-radius:var(--brand-control-radius); background:var(--brand-soft); color:var(--brand-body); }
.content-detail-page .prose blockquote>:first-child { margin-top:0; }
.content-detail-page .prose blockquote>:last-child { margin-bottom:0; }
.content-detail-page .prose hr { margin-block:32px; border:0; border-top:1px solid var(--brand-line); }
.content-detail-page .prose img { width:auto; max-width:100%; height:auto; margin:24px auto; border-radius:var(--brand-media-radius); }
.content-detail-page .prose figure { margin-block:24px; }
.content-detail-page .prose figcaption { margin-top:12px; color:var(--brand-body); font-size:13px; line-height:1.75; text-align:center; }
.content-detail-page .prose table { width:100%; margin-block:24px; font-size:14px; line-height:1.8; }
.content-detail-page .prose th { color:var(--brand-ink); font-weight:600; text-align:left; background:var(--brand-soft); }
.content-detail-page .prose th, .content-detail-page .prose td { padding:12px 16px; vertical-align:top; border-color:var(--brand-line); }
.article-code { margin-block:24px; overflow:hidden; border-radius:var(--brand-media-radius); background:var(--brand-night); color:var(--brand-on-night); }
.article-code-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 12px 0 20px; min-height:48px; background:var(--brand-night-raised); color:var(--brand-on-night-muted); font:12px/1.7 var(--font-sans); }
.article-code .code-copy { position:static; min-height:44px; padding:8px 12px; background:transparent; color:var(--brand-on-night); border:0; font-size:12px; }
.article-code .code-copy:hover { background:var(--brand-night); }
.content-detail-page .prose .article-code pre { margin:0; padding:20px; border-radius:0; background:transparent; color:var(--brand-on-night); font:13px/1.85 var(--font-mono); tab-size:2; }
.content-detail-page .prose .article-code pre code { font:inherit; white-space:pre; }
.article-code:focus-within { outline:2px solid var(--brand-focus); outline-offset:3px; }
.content-detail-page .prose .heading-anchor { display:inline-flex; align-items:center; justify-content:center; width:32px; min-height:32px; margin-left:4px; font-size:16px; text-decoration:none; vertical-align:middle; }
.content-detail-page .prose :is(h2,h3):focus-within .heading-anchor { opacity:1; }
.content-detail-page .adjacent { gap:20px; margin-block:40px; padding-block:20px; line-height:1.8; }
.content-detail-page .adjacent>div { min-width:0; overflow-wrap:anywhere; }
.content-detail-page .adjacent a { display:block; min-height:44px; color:var(--brand-ink); }
.content-detail-page .adjacent a:hover { color:var(--accent-ink); }
.article-related { margin-block:40px; }
.article-related:not(:has(.related-item)) { display:none; }
.article-related h2, .content-detail-page .comments>h2 { font-size:22px; font-weight:600; line-height:1.5; margin-bottom:20px; }
.article-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
.article-related .related-item { margin:0; padding:16px 0; border-top:1px solid var(--brand-line); font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.article-related .related-item>span { font-size:12px; }
.article-related .related-item>strong { font-weight:500; }
.article-related .related-item:hover>strong { color:var(--accent-ink); }
.content-detail-page .comments { margin-top:40px; padding-top:28px; border-top:1px solid var(--brand-line); }
.content-detail-page .comment header, .content-detail-page .comment-reply header { flex-wrap:wrap; gap:8px; }
.content-detail-page .comment p { font-size:15px; line-height:1.9; overflow-wrap:anywhere; }
.content-detail-page .djm-comment-form { gap:20px; }
.content-detail-page .djm-comment-form label { font-size:14px; }
.content-detail-page .djm-comment-form :is(input,button[type="submit"]) { min-height:48px; }
.content-detail-page .djm-comment-form textarea { min-height:144px; }
@media(max-width:900px) {
 .content-detail-page .article-layout { grid-template-columns:1fr; padding-top:48px; gap:24px; }
 .article-intro { grid-column:1; grid-row:1; max-width:100%; }
 .content-detail-page .article-aside { grid-column:1; grid-row:2; position:static; max-height:none; overflow:visible; padding:0; }
 .content-detail-page .article { grid-column:1; grid-row:3; max-width:100%; }
 .content-detail-page .prose { max-width:100%; }
 .content-detail-page .article-directory { padding:8px 16px; background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:var(--brand-card-radius); }
 .content-detail-page .article-reading-links { display:none; }
}
@media(max-width:700px) {
 .content-detail-page .article-layout { padding-top:40px; }
 .content-detail-page .prose h2 { font-size:22px; margin-top:32px; }
 .content-detail-page .prose h3 { font-size:18px; margin-top:28px; }
 .article-intro .crumbs { margin-bottom:16px; }
 .article-intro .article-meta { margin-top:12px; }
 .content-detail-page .adjacent, .article-related-grid { grid-template-columns:1fr; }
 .content-detail-page .adjacent { gap:16px; }
 .article-related h2, .content-detail-page .comments>h2 { font-size:20px; }
 .article-code-toolbar { padding-left:16px; }
 .content-detail-page .prose .article-code pre { padding:16px; }
}