:root{--font-size-meta:.75rem;--font-size-label:.75rem;--font-size-table:.875rem;--font-size-control:.9375rem;--font-size-body:1rem;--font-size-intro:1.125rem;--font-size-card:1.125rem;--font-size-nav:.9375rem;--font-size-brand:1.25rem;--content-max:100rem}
html{font-size:100%}body{font-size:var(--font-size-body);line-height:1.55}.page-header{display:block;padding:0;border-bottom:1px solid var(--color-border)}
.topbar{position:sticky;z-index:20;top:0;width:min(100%,var(--content-max));margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"identity nav theme" "status status status";align-items:center;gap:.75rem 1.5rem;padding:.75rem clamp(1.25rem,3vw,3rem);border-bottom:1px solid var(--color-border);background:var(--color-background)}
.identity{grid-area:identity;display:grid;gap:.2rem;white-space:nowrap;color:var(--color-text-primary);text-decoration:none}.brand-composition{display:flex;align-items:center;gap:.65rem}.brand-image-wrap{display:flex;align-items:center;justify-content:center;padding:.28rem .4rem;background:transparent}.brand-image-wrap img{display:block;width:clamp(4.75rem,6vw,6.5rem);height:auto;aspect-ratio:2400/667;object-fit:contain;mix-blend-mode:multiply}[data-theme="dark"] .brand-image-wrap img{filter:invert(1);mix-blend-mode:screen}.product-name{font-size:var(--font-size-brand);font-weight:700}.product-qualifier{color:var(--color-text-muted);font:600 var(--font-size-meta) ui-monospace,monospace;letter-spacing:.04em}.identity:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
.hero-copy{padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,5rem) 3rem}.hero-copy h1{font-size:clamp(3rem,6vw,6rem)}
.theme-selector{grid-area:theme}.theme-selector button{font-size:.875rem}.status-stack{grid-area:status;flex-direction:row;justify-content:flex-end;gap:.5rem}.signal{padding:.4rem .65rem;font-size:var(--font-size-meta);letter-spacing:0}
.workspace{display:block;margin-top:3rem}.canvas{padding:1.5rem 0}
nav{grid-area:nav;display:flex;flex-direction:row;justify-content:center;gap:.1rem;padding:0;border:0;min-width:0}
nav button{min-height:44px;border:0;border-bottom:2px solid transparent;padding:.5rem .65rem;font-size:var(--font-size-nav);white-space:nowrap}
nav button.active,nav button:hover{border-bottom-color:var(--color-accent)}.menu-toggle{display:none}
body:not([data-view="overview"]) .page-header{padding:0}body:not([data-view="overview"]) .hero-copy{display:none}
@media(max-width:1200px){.topbar{grid-template-columns:auto auto;grid-template-areas:"identity theme" "nav nav" "status status"}nav{justify-content:flex-start;overflow-x:auto}.workspace{display:block}.canvas{padding-left:0}}
@media(max-width:800px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity menu" "nav nav" "theme theme" "status status"}.menu-toggle{grid-area:menu;display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);padding:.35rem .65rem}.menu-icon{display:grid;gap:3px}.menu-icon i{display:block;width:18px;height:2px;background:currentColor}nav{display:none;flex-direction:column;align-items:stretch;padding:.35rem 0;border-top:1px solid var(--color-border);overflow:visible}nav[data-open="true"]{display:flex}nav button{text-align:left;border-bottom:0;border-left:2px solid transparent;padding:.55rem}nav button.active{border-left-color:var(--color-accent)}.theme-selector{justify-self:start}.status-stack{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.hero-copy{padding-top:2.5rem}}
@media(max-width:520px){.topbar{padding:.65rem 1rem}.hero-copy{padding:2rem 1rem}.theme-selector{width:100%}.status-stack{flex-direction:column}.signal{width:100%}}
@media(max-width:520px){.brand-composition{gap:.45rem}.brand-image-wrap{padding:.2rem .3rem}.brand-image-wrap img{width:clamp(4rem,21vw,5rem)}.product-name{font-size:1rem}.product-qualifier{font-size:.75rem}.hero-copy h1{font-size:clamp(2.5rem,13vw,4rem)}}
main,footer{width:min(100%,var(--content-max));margin-inline:auto}
footer{display:grid;grid-template-columns:minmax(10rem,.8fr) minmax(14rem,1fr) minmax(18rem,1.4fr);align-items:center;gap:1.5rem;min-height:6rem;background:var(--color-background);font-size:.8125rem;line-height:1.5}footer>div{display:grid;gap:.2rem;min-width:0}.footer-signature strong{font-size:1.25rem;letter-spacing:.04em}.footer-signature span,.footer-platform span,.footer-environment small{color:var(--color-text-muted)}.footer-platform strong{font-size:1rem}.footer-environment{text-align:right}.footer-environment span{color:var(--color-text-secondary);overflow-wrap:anywhere}
h2{font-size:clamp(2.25rem,3vw,3rem)}.lede,.view-summary{font-size:var(--font-size-intro)}.eyebrow,label,.data-table th,.section-head>span,footer{font-size:var(--font-size-label);letter-spacing:.06em}.attention-grid h3{font-size:var(--font-size-card)}.data-table{font-size:var(--font-size-table)}.secondary,.mono{font-size:var(--font-size-meta)}select,.filters button,.action{font-size:var(--font-size-control)}.metrics span{font-size:.875rem}
@media(max-width:800px){nav button{font-size:1rem}.menu-toggle{font-size:1rem;min-height:44px}.theme-selector button{min-height:44px}}
@media(max-width:800px){footer{grid-template-columns:1fr;font-size:.875rem;gap:1.25rem}.footer-environment{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}