@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{position:fixed;inset:0;z-index:0;pointer-events:none;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}.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);color:var(--text-body);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:color-mix(in srgb,var(--bg-page) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:var(--border-width) solid 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 var(--border);border-radius:var(--radius-lg);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)}.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:var(--text-xs);letter-spacing:.02em;color:var(--text-subtle);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);padding:2px 10px}.tile-disabled{cursor:default;box-shadow:none;opacity:.72}.tile-add{align-items:center;justify-content:center;flex-direction:column;gap:var(--space-2);min-height:170px;border-style:dashed;background:transparent;color:var(--text-subtle);box-shadow:none}.tile-add-label{font-size:var(--text-sm)}@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)}