@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&family=Roboto+Mono:wght@400;500;600&display=swap");:root{--ink-900:#111315;--ink-800:#1c1f21;--ink-700:#2c2f31;--ink-600:#4b4d4f;--ink-500:#5b5d5f;--ink-400:#87898b;--ink-300:#b4b6b6;--ink-200:#d7d8d6;--ink-150:#e4e4e1;--ink-100:#eeeeec;--ink-50:#f5f5f2;--paper:#fbfbf9;--paper-dim:#f3f2ee;--white:#ffffff;--night:#0e1537;--night-800:#16214a;--night-700:#1f2c5c;--night-deep:#080d24;--azure-tint:#e7f0fe;--azure-200:#a8c4fa;--azure:#3d7df2;--azure-deep:#1849a9;--green-tint:#e9f2ec;--green-200:#b8d6c1;--green:#7aae88;--green-deep:#4f7c5e;--danger-tint:#fbe4e2;--danger-200:#eda9a2;--danger:#c0392b;--danger-deep:#8a271c;--mauve-tint:var(--azure-tint);--mauve-200:var(--azure-200);--mauve:var(--azure);--mauve-deep:var(--azure-deep);--ag-tint:var(--azure-tint);--ag-200:var(--azure-200);--ag:var(--azure);--ag-deep:var(--azure-deep);--banking-tint:var(--azure-tint);--banking-200:var(--azure-200);--banking:var(--azure);--banking-deep:var(--azure-deep);--sweetifi-tint:var(--azure-tint);--sweetifi-200:var(--azure-200);--sweetifi:var(--azure);--sweetifi-deep:var(--azure-deep);--lime-tint:var(--green-tint);--lime-200:var(--green-200);--lime:var(--green);--lime-deep:var(--green-deep);--steel-tint:var(--azure-tint);--steel-200:var(--azure-200);--steel:var(--azure);--steel-deep:var(--azure-deep);--terra-tint:var(--danger-tint);--terra-200:var(--danger-200);--terra:var(--danger);--terra-deep:var(--danger-deep);--bg-page:var(--paper);--bg-elevated:var(--white);--bg-recessed:var(--paper-dim);--bg-inverse:var(--night);--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);--text-on-dark:var(--paper);--text-on-accent:var(--white);--border-strong:var(--ink-200);--border:var(--ink-150);--border-subtle:var(--ink-100);--brand:var(--azure);--brand-deep:var(--azure-deep);--brand-tint:var(--azure-tint);--accent-action:var(--ink-900);--focus-ring:var(--azure);--highlight:var(--green);--highlight-deep:var(--green-deep);--positive:var(--green-deep);--positive-bg:var(--green-tint);--negative:var(--danger);--negative-bg:var(--danger-tint);--warning:#b5852f;--warning-bg:#f6ead2;--info:var(--azure);--info-bg:var(--azure-tint);--font-serif:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;--font-sans:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Roboto Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5.5rem;--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-eyebrow:0.16em;--display-font:var(--font-sans);--display-weight:var(--fw-medium);--display-leading:var(--leading-tight);--display-tracking:var(--tracking-tight);--heading-font:var(--font-sans);--heading-weight:var(--fw-medium);--body-font:var(--font-sans);--body-weight:var(--fw-regular);--body-leading:var(--leading-relaxed);--eyebrow-font:var(--font-sans);--eyebrow-weight:var(--fw-semibold);--eyebrow-tracking:var(--tracking-eyebrow);--data-font:var(--font-mono);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-pill:999px;--radius-circle:50%;--border-width:1px;--border-width-strong:1.5px;--shadow-xs:0 1px 2px rgba(17,19,21,0.05);--shadow-sm:0 2px 6px rgba(17,19,21,0.06);--shadow-md:0 8px 24px -8px rgba(17,19,21,0.12);--shadow-lg:0 20px 48px -16px rgba(17,19,21,0.18);--shadow-ring:0 0 0 3px rgba(78,147,174,0.35);--ease-out:cubic-bezier(0.22,0.61,0.36,1);--ease-in-out:cubic-bezier(0.65,0.05,0.36,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;--container-sm:640px;--container-md:880px;--container-lg:1120px;--container-xl:1320px;--gutter:var(--space-5)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--text-base);line-height:var(--body-leading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--heading-font);font-weight:var(--heading-weight);color:var(--text-strong);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);margin:0 0 .5em}h1{font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--brand-deep);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--ink-900)}strong{font-weight:var(--fw-semibold);color:var(--text-strong)}small{font-size:var(--text-sm)}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--azure-tint);color:var(--ink-900)}:focus-visible{outline:none;box-shadow:var(--shadow-ring);border-radius:var(--radius-xs)}hr{border:0;border-top:var(--border-width) solid var(--border);margin:var(--space-6) 0}:root[data-theme=dark]{--bg-page:var(--night-deep);--bg-elevated:var(--night);--bg-recessed:#0a1230;--bg-inverse:var(--paper);--text-strong:var(--paper);--text-body:#ccd5ea;--text-muted:#8f9abb;--text-subtle:#6d789c;--text-on-dark:var(--paper);--border:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.20);--border-subtle:rgba(255,255,255,0.06);--brand-deep:var(--azure-200);--accent-action:var(--azure);--shadow-xs:0 1px 2px rgba(0,0,0,0.35);--shadow-sm:0 2px 6px rgba(0,0,0,0.40);--shadow-md:0 8px 24px -8px rgba(0,0,0,0.55);--shadow-lg:0 20px 48px -16px rgba(0,0,0,0.65)}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html.theme-ready .themed,html.theme-ready body{transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}body{min-height:100dvh}.mark-light{display:block}.mark-dark,:root[data-theme=dark] .mark-light{display:none}:root[data-theme=dark] .mark-dark{display:block}.seed-watermark{background-image:radial-gradient(circle at center,var(--border-strong) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 32%,#000 0,transparent 72%);mask-image:radial-gradient(ellipse 70% 60% at 50% 32%,#000 0,transparent 72%);opacity:.5}.ambient,.seed-watermark{position:fixed;inset:0;z-index:0;pointer-events:none}.ambient{overflow:hidden}.ambient-mark{position:absolute;display:block;will-change:transform}.ambient-mark img{display:block;width:100%;height:auto}.ambient--halo .ambient-a{width:74vmin;top:-20vmin;right:-16vmin;filter:blur(22px);opacity:.18;transform:translate3d(calc(var(--mx, 0) * -72px + var(--drift, 0) * 20px),calc(var(--my, 0) * -56px + var(--drift2, 0) * 16px),0) rotate(calc(var(--mx, 0) * 7deg))}:root[data-theme=dark] .ambient--halo .ambient-a{opacity:.26}.ambient--orbs .ambient-a{width:60vmin;left:-14vmin;bottom:-18vmin;filter:blur(26px);opacity:.16;transform:translate3d(calc(var(--mx, 0) * 96px + var(--drift, 0) * 18px),calc(var(--my, 0) * 68px + var(--drift2, 0) * 14px),0) rotate(calc(var(--mx, 0) * -8deg))}.ambient--orbs .ambient-b{width:34vmin;right:-8vmin;top:-8vmin;filter:blur(14px);opacity:.14;transform:translate3d(calc(var(--mx, 0) * -52px + var(--drift2, 0) * 12px),calc(var(--my, 0) * -38px + var(--drift, 0) * 10px),0) rotate(calc(var(--mx, 0) * 10deg))}:root[data-theme=dark] .ambient--orbs .ambient-a{opacity:.24}:root[data-theme=dark] .ambient--orbs .ambient-b{opacity:.2}.ambient--breathe .ambient-a{width:92vmin;left:50%;top:42%;margin:-46vmin 0 0 -46vmin;filter:blur(34px);opacity:.15;transform:translate3d(calc(var(--mx, 0) * 22vw + var(--drift, 0) * 12px),calc(var(--my, 0) * 18vh + var(--drift2, 0) * 10px),0) rotate(calc(var(--mx, 0) * 4deg)) scale(calc(1.04 + var(--breathe, 0) * .05))}:root[data-theme=dark] .ambient--breathe .ambient-a{opacity:.24}.ambient-switch{position:fixed;right:14px;bottom:12px;z-index:30;display:flex;gap:8px;font-family:var(--font-mono);font-size:10px}.ambient-switch a{color:var(--text-subtle);text-decoration:none;padding:2px 8px;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-pill)}.ambient-switch a.is-active{color:var(--brand-deep);border-color:var(--brand)}.ambient-switch a:hover,.icon-button{color:var(--text-body)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.icon-button:hover{border-color:var(--border-strong);color:var(--text-strong)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:transparent;border-bottom:var(--border-width) solid transparent;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.topbar.is-scrolled{background:color-mix(in srgb,var(--bg-page) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom-color:var(--border-subtle)}.topbar-inner{max-width:var(--container-xl);margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between}.topbar-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.topbar-actions form{display:inline-flex;margin:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-body);text-decoration:none;font-size:var(--text-sm);font-weight:var(--fw-medium)}.back-link:hover{color:var(--text-strong)}.shell{position:relative;z-index:1;max-width:var(--container-xl);margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-9)}.hero{margin-bottom:var(--space-7)}.hero .eyebrow{font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;font-size:var(--text-xs);color:var(--text-subtle)}.hero .eyebrow,.hero h1{margin:0 0 var(--space-3)}.hero h1{font-size:var(--text-3xl)}.hero p{color:var(--text-muted);max-width:46ch;margin:0}.section-label{font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;font-size:var(--text-xs);color:var(--text-subtle);margin:0 0 var(--space-4)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6);min-height:170px;padding:var(--space-5);border:var(--border-width) solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-body);text-decoration:none;box-shadow:var(--shadow-xs);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.tile-featured:hover,a.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}:root[data-theme=dark] .tile:not(.tile-featured){background:color-mix(in srgb,var(--night) 55%,var(--night-800))}.tile-top{display:flex;align-items:flex-start;justify-content:space-between;color:var(--text-strong)}.tile-logo{display:inline-flex;align-items:center}.tile-logo img{height:100%;width:auto}.tile-arrow{color:var(--text-subtle)}.tile-text{display:flex;flex-direction:column;gap:4px}.tile-title{font-family:var(--heading-font);font-weight:var(--fw-medium);font-size:var(--text-md);color:var(--text-strong)}.tile-blurb{font-size:var(--text-sm);color:var(--text-muted)}.tile-featured{grid-column:span 2;background:var(--azure);border-color:transparent;color:var(--text-on-accent);box-shadow:var(--shadow-sm)}.tile-featured .tile-title,.tile-featured .tile-top{color:#fff}.tile-featured .tile-blurb{color:var(--azure-tint)}.tile-badge{font-family:var(--font-mono);font-size:10px;line-height:1.4;letter-spacing:.01em;color:var(--text-subtle);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-pill);padding:1px 7px;white-space:nowrap;flex:none}.tile-featured .tile-badge{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.3)}.tile-disabled{cursor:default;box-shadow:none;opacity:.72}@media (max-width:560px){.tile-featured{grid-column:span 1}}.login-wrap{position:relative;z-index:1;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.login-card{width:100%;max-width:380px;text-align:center;padding:var(--space-7) var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-md)}.login-logo{display:flex;justify-content:center;margin:0 0 var(--space-5)}.login-card .lede{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.field{height:46px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-strong);background:var(--bg-page);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);text-align:center;outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.field:focus{border-color:var(--azure);box-shadow:var(--shadow-ring)}.btn-primary{height:46px;border:none;border-radius:var(--radius-sm);background:var(--accent-action);color:#fff;font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--text-base);cursor:pointer;transition:filter var(--dur-fast) var(--ease-out)}.btn-primary:hover{filter:brightness(1.08)}.login-error{color:var(--negative);font-size:var(--text-sm);margin:0;min-height:1.2em}.login-foot{margin-top:var(--space-5);color:var(--text-subtle);font-size:var(--text-xs)}.ds{position:relative;z-index:1;max-width:var(--container-lg);margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-9)}.ds-hero{margin-bottom:var(--space-8)}.ds-hero h1{font-size:var(--text-3xl);margin:0 0 var(--space-4)}.ds-lede{color:var(--text-muted);max-width:60ch;margin:0}.ds-section{padding-top:var(--space-7);margin-top:var(--space-7);border-top:var(--border-width) solid var(--border-subtle)}.ds-note{color:var(--text-muted);max-width:62ch;margin:0 0 var(--space-5)}.ds-note,.ds-subhead{font-size:var(--text-sm)}.ds-subhead{font-weight:var(--fw-medium);color:var(--text-body);margin:var(--space-5) 0 var(--space-3)}.ds-lockups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.ds-lockup{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);overflow:hidden}.ds-lockup-art{display:flex;align-items:center;justify-content:center;min-height:150px;padding:var(--space-6)}.ds-lockup-art img{max-width:190px;width:100%;height:auto}.ds-lockup figcaption{display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid var(--border-subtle)}.ds-lockup-name{font-weight:var(--fw-medium);color:var(--text-strong)}.ds-lockup-sub{font-size:var(--text-sm);color:var(--text-muted)}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.ds-swatch{display:flex;flex-direction:column;gap:6px}.ds-chip{height:60px;border-radius:var(--radius-sm);border:var(--border-width) solid transparent}.ds-chip[data-light=true]{border-color:var(--border)}.ds-swatch-name{color:var(--text-strong)}.ds-swatch-hex,.ds-swatch-name{font-family:var(--font-mono);font-size:var(--text-xs)}.ds-swatch-hex{color:var(--text-subtle)}.ds-type-families{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.ds-type-card{padding:var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.ds-type-tag{display:block;font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-size:var(--text-xs);color:var(--text-subtle);margin-bottom:var(--space-3)}.ds-type-card p{color:var(--text-strong)}.ds-scale{display:flex;flex-direction:column}.ds-scale-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--border-subtle)}.ds-scale-sample{color:var(--text-strong);font-family:var(--font-sans);line-height:1.1}.ds-scale-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap}.ds-radii,.ds-shadows{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.ds-shadows{margin-top:var(--space-6)}.ds-radius-item,.ds-shadow-item{display:flex;flex-direction:column;gap:6px}.ds-radius-box{height:64px;background:var(--azure-tint);border:var(--border-width) solid var(--azure-200)}.ds-shadow-box{height:64px;border-radius:var(--radius-md);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle)}.ds-foot{margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--border-width) solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle)}.brand-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.brand-logo{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);overflow:hidden}.brand-logo-art{display:flex;align-items:center;justify-content:center;min-height:128px;padding:var(--space-5)}.brand-logo-art img{max-height:62px;max-width:120px;width:auto;height:auto}.brand-logo-art.is-wide img{max-width:190px}.brand-logo figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-top:var(--border-width) solid var(--border-subtle)}.brand-logo-meta{display:flex;flex-direction:column;gap:2px}.brand-download{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;flex:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-body);text-decoration:none;padding:5px 10px;border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.brand-download:hover{border-color:var(--brand);color:var(--brand-deep)}.brand-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6)}.brand-pillar{display:flex;flex-direction:column;gap:4px;padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.brand-pillar-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--brand)}.brand-pillar-title{font-weight:var(--fw-medium);color:var(--text-strong)}.brand-pillar-desc{font-size:var(--text-sm);color:var(--text-muted)}.brand-vp{margin:0 0 var(--space-6);padding:var(--space-5) var(--space-6);border-left:3px solid var(--brand);background:var(--bg-recessed);border-radius:0;color:var(--text-body);font-size:var(--text-md);line-height:var(--leading-relaxed)}.brand-vocab{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.brand-vocab-head{display:inline-flex;align-items:center;gap:6px;font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-size:var(--text-xs);margin-bottom:var(--space-3)}.brand-vocab-yes{color:var(--positive)}.brand-vocab-no{color:var(--negative)}.brand-chips{display:flex;flex-wrap:wrap;gap:8px}.brand-chip{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-body);background:var(--bg-recessed);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px 12px}.brand-chip.is-avoid{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--negative);text-decoration-color:var(--negative)}.br-lockups{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.br-cell{position:relative;height:128px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.br-cell.is-dark{background:var(--night);border-color:transparent}.br-cell img{max-height:66px;max-width:78%;width:auto}.br-cell-lbl{position:absolute;top:9px;left:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--text-subtle)}.br-cell.is-dark .br-cell-lbl{color:rgba(255,255,255,.5)}.br-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.br-rule{padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.br-rule ul{margin:10px 0 0;padding-left:18px}.br-rule li{font-size:var(--text-sm);color:var(--text-body);margin-bottom:6px}.br-rule-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-size:var(--text-xs)}.br-rule--do .br-rule-tag{color:var(--positive)}.br-rule--dont .br-rule-tag{color:var(--negative)}.br-downloads{display:flex;flex-wrap:wrap;gap:8px}.br-mark-panels,.br-wm-panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.br-mark-panel{display:flex;align-items:center;justify-content:center;gap:22px;min-height:128px;border-radius:var(--radius-md);padding:18px}.br-mark-panel.is-light{background:#fff;border:1px solid var(--border)}.br-mark-panel.is-dark{background:var(--night)}.br-wm{position:relative;overflow:hidden;height:150px;border-radius:var(--radius-lg);display:flex;align-items:flex-end;padding:18px}.br-wm.is-ink{background:var(--night)}.br-wm.is-paper{background:var(--paper-dim);border:1px solid var(--border)}.br-wm-img{position:absolute;width:260px;pointer-events:none}.br-wm.is-ink .br-wm-img{top:-66px;right:-56px;filter:brightness(0) invert(1);opacity:.14}.br-wm.is-paper .br-wm-img{bottom:-86px;left:-66px;opacity:.5}.br-wm-cap{position:relative;font-size:var(--text-lg)}.br-wm.is-ink .br-wm-cap{color:var(--paper)}.br-wm.is-paper .br-wm-cap{color:var(--ink-900)}.br-surfaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.br-surface{height:108px;border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;justify-content:space-between}.br-surface-name{font-size:var(--text-md)}.br-surface-token{font-family:var(--font-mono);font-size:11px}.br-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.br-status-chip{position:relative;overflow:hidden;border-radius:var(--radius-md);padding:15px 14px;display:flex;flex-direction:column;gap:12px}.br-status-rail{position:absolute;left:0;top:0;bottom:0;width:4px}.br-status-badge{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-weight:var(--fw-semibold);font-size:12px;padding:5px 11px;border-radius:var(--radius-pill);background:rgba(255,255,255,.65)}.br-status-dot{width:8px;height:8px;border-radius:50%}.br-status-val{font-family:var(--font-mono);font-size:var(--text-md);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.br-eyebrow-demo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.br-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-size:var(--text-xs);color:var(--brand-deep)}.br-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--brand)}.br-eyebrow-head{margin:12px 0 0;font-size:var(--text-xl);font-weight:400;letter-spacing:-.02em;color:var(--text-strong)}.br-eyebrow-meta{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.br-data{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.br-data-widget{position:relative;overflow:hidden;background:var(--night);border-radius:var(--radius-lg);padding:22px 24px;display:flex;flex-direction:column}.br-data-cap{font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-size:11px;color:var(--ink-400);margin-bottom:10px}.br-data-amt{font-family:var(--font-mono);font-size:38px;font-weight:500;color:var(--paper);letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.br-data-delta{font-family:var(--font-mono);font-size:13px;color:var(--green);margin-top:12px}.br-data-ledger{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.br-data-ledger table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.br-data-ledger td{padding:5px 0;color:var(--text-body)}.br-data-ledger td.r{text-align:right}.br-data-ledger td.pos{color:var(--positive)}.br-data-ledger td.neg{color:var(--negative)}.br-data-meta{display:block;font-family:var(--font-mono);font-size:10px;color:var(--text-subtle);margin-top:12px}.br-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:var(--space-3)}.demo-btn{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--text-sm);border-radius:var(--radius-sm);padding:0 16px;height:40px;cursor:pointer;border:1px solid transparent;transition:filter var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.demo-btn--primary{background:var(--accent-action);color:#fff}.demo-btn--accent{background:var(--brand);color:#fff}.demo-btn--secondary{background:var(--bg-elevated);color:var(--text-strong);border-color:var(--border-strong)}.demo-btn--ghost{background:transparent;color:var(--text-strong)}.demo-btn--accent:hover,.demo-btn--primary:hover{filter:brightness(1.08)}.demo-btn--ghost:hover,.demo-btn--secondary:hover{background:var(--bg-recessed)}.demo-btn--sm{height:32px;font-size:var(--text-xs);padding:0 12px}.demo-btn--lg{height:48px;font-size:var(--text-base);padding:0 22px}.demo-btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.demo-badge{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-medium);font-size:12px;padding:4px 12px;border-radius:var(--radius-pill)}.demo-badge-dot{width:7px;height:7px;border-radius:50%}.br-comp-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.br-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.br-card-title{margin:10px 0 4px;font-size:var(--text-lg);font-weight:var(--fw-medium);color:var(--text-strong)}.br-card-body{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.br-field-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:6px}.br-field{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-subtle);font-size:var(--text-sm)}.br-field-prefix{color:var(--text-strong);font-family:var(--font-mono)}.br-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:18px 22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.demo-stat{display:flex;flex-direction:column;gap:3px}.demo-stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500;color:var(--text-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.demo-stat-delta{font-family:var(--font-mono);font-size:var(--text-xs)}.demo-stat-delta.is-up{color:var(--positive)}.demo-stat-delta.is-down{color:var(--negative)}.br-motion{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--space-3)}.br-motion-row{display:flex;align-items:center;gap:14px}.br-motion-lbl{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);width:190px;flex:none}.br-motion-rail{position:relative;flex:1 1;height:26px;background:var(--bg-recessed);border-radius:var(--radius-pill)}.br-motion-dot{position:absolute;top:4px;width:18px;height:18px;border-radius:50%;background:var(--brand)}.br-radii{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.br-radius-item{display:flex;flex-direction:column;gap:6px}.br-radius-box{height:60px;background:var(--brand-tint);border:1px solid var(--brand-200)}@media (max-width:560px){.br-comp-grid,.br-data,.br-mark-panels,.br-wm-panels{grid-template-columns:1fr}}