.brand-page{min-height:100vh;background:var(--color-surface-dark);color:var(--color-light);overflow-x:clip;padding:var(--size-xxxl) var(--layout-page-padding-inline) var(--layout-page-padding-block-xl);padding-top:var(--layout-header-reserved-space)}@media(min-width:1024px){.brand-page{padding-inline:var(--size-xl);padding-top:var(--layout-header-reserved-space-lg)}}.brand-container{width:100%;max-width:var(--layout-landing-content-width);margin:0 auto}.brand-hero{display:grid;justify-items:start;gap:var(--size-md)}.brand-title{margin:0;max-width:16ch;font-family:var(--font-family-base);font-size:2.5rem;font-weight:var(--font-weight-extrabold);line-height:1.1;letter-spacing:0}@media(min-width:1024px){.brand-title{font-size:3.25rem}}.brand-lede{margin:0;max-width:60ch;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-default);letter-spacing:0;color:var(--color-overlay-text-soft)}@media(min-width:1024px){.brand-lede{font-size:var(--font-size-body-xl)}}.brand-download-kit-link{display:inline-flex;align-items:center;gap:var(--size-xxs);margin-top:var(--size-xs);padding:14px 24px;border-radius:var(--radius-capsule);background:var(--color-brand-sky);color:var(--color-ink);font-weight:var(--font-weight-bold);text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.brand-download-kit-link:hover{transform:translateY(-1px)}.brand-download-kit-link:focus-visible{outline:2px solid var(--color-light);outline-offset:3px}.brand-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--size-xl)}@media(min-width:1024px){.brand-layout{grid-template-columns:199px minmax(0,1fr);gap:var(--size-4xl);align-items:start}}.brand-nav{display:none}@media(min-width:1024px){.brand-nav{display:grid;gap:8px;position:sticky;top:clamp(88px,18vh,144px);align-self:start;width:199px;max-height:calc(100vh - 176px);padding:22px 25px;border-radius:var(--radius-card-lg);background:var(--color-overlay-surface-subtle);overflow:auto;scrollbar-width:none}.brand-nav::-webkit-scrollbar{display:none}}.brand-nav-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.brand-nav-link{display:inline-flex;align-items:flex-start;gap:6px;width:fit-content;margin-inline:-8px;padding:4px 8px;color:var(--color-light);font-size:.875rem;line-height:1.4286;font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-easing-standard)}.brand-nav-link:hover{color:var(--color-brand-sky)}.brand-nav-link.is-active{color:var(--color-brand-sky);font-weight:var(--font-weight-extrabold)}.brand-nav-marker{display:block;width:9px;height:9px;flex:0 0 auto;margin-top:.375rem;background:var(--color-brand-sky);clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard)}.brand-nav-link.is-active .brand-nav-marker{opacity:1}.brand-sections{display:grid;gap:var(--size-5xl);min-width:0}.brand-section{display:grid;gap:var(--size-md);scroll-margin-top:var(--layout-header-reserved-space-lg)}.brand-section-title{margin:0;font-family:var(--font-family-base);font-size:2.25rem;font-weight:var(--font-weight-bold);line-height:1.111;letter-spacing:0}@media(min-width:1024px){.brand-section-title{font-size:2.5rem;line-height:1.1}}.brand-section-subtitle{margin:0;font-family:var(--font-family-base);font-size:1.25rem;font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:0;color:var(--color-brand-sky)}@media(min-width:1024px){.brand-section-subtitle{font-size:1.5rem}}.brand-definition-list{display:grid;gap:var(--size-md);margin:0}.brand-definition-term{font-family:var(--font-family-base);font-size:1.25rem;font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:0;color:var(--color-light)}@media(min-width:1024px){.brand-definition-term{font-size:1.5rem}}.brand-definition-description{margin:var(--size-xxxs) 0 0;max-width:68ch;color:var(--color-overlay-text-soft);line-height:var(--line-height-relaxed)}.brand-callout{margin:0;max-width:68ch;padding:var(--size-md) var(--size-lg);border-left:2px solid var(--color-brand-sky);background:var(--color-overlay-surface-subtle);color:var(--color-overlay-text-strong);line-height:var(--line-height-relaxed)}.brand-table-scroller{width:100%;overflow-x:auto}.brand-table{width:100%;border-collapse:collapse;text-align:left}.brand-table th,.brand-table td{padding:var(--size-xs) var(--size-sm);border-bottom:1px solid var(--color-border-dark-default);vertical-align:top}.brand-table th{font-family:var(--font-family-base);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);letter-spacing:0;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dark-subtle);white-space:nowrap}.brand-table td{color:var(--color-overlay-text-soft)}.brand-table-use-cell{color:var(--color-light)!important;font-weight:var(--font-weight-semibold)}.brand-rule-list{display:grid;gap:var(--size-xs);max-width:68ch;margin:0;padding:0;list-style:none}.brand-rule-item{position:relative;padding-left:var(--size-md);color:var(--color-overlay-text-soft);line-height:var(--line-height-relaxed)}.brand-rule-item:before{content:"";position:absolute;top:.6em;left:0;width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-brand-sky)}.brand-boilerplate-list{display:grid;gap:var(--size-md)}.brand-boilerplate-card{display:grid;gap:var(--size-xs);padding:var(--size-lg);border:1px solid var(--color-border-dark-default);border-radius:var(--radius-card-lg);background:var(--color-surface-dark-elevated)}.brand-boilerplate-head{display:flex;align-items:center;justify-content:space-between;gap:var(--size-sm)}.brand-boilerplate-label{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);letter-spacing:0;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dark-subtle)}.brand-boilerplate-text{margin:0;color:var(--color-overlay-text-strong);line-height:var(--line-height-relaxed)}.brand-copy-button{display:inline-flex;align-items:center;gap:var(--size-xxxs);padding:6px 12px;border:1px solid var(--color-overlay-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-light);font-family:var(--font-family-base);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-default);white-space:nowrap;cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-easing-standard)}.brand-copy-button:hover{background:var(--color-overlay-surface-subtle)}.brand-copy-button:focus-visible{outline:2px solid var(--color-brand-sky);outline-offset:2px}.icon-check,.is-copied .icon-copy{display:none}.is-copied .icon-check{display:inline-flex}.brand-asset-card{display:grid;overflow:hidden;border:1px solid var(--color-border-dark-default);border-radius:var(--radius-card-lg);background:var(--color-surface-dark-elevated)}.brand-asset-preview{display:grid;place-items:center;height:220px;background:var(--color-surface-black);border-bottom:1px solid var(--color-border-dark-default)}.brand-preview-image{display:block}.brand-preview-image--wordmark{width:220px;height:auto;border-radius:0}.brand-preview-image--icon{width:96px;height:96px;border-radius:var(--radius-default)}.brand-downloads{display:grid;gap:var(--size-xs);padding:var(--size-lg);color:var(--color-text-dark-subtle);font-size:var(--font-size-body-sm)}.brand-download-row{display:flex;align-items:center;justify-content:space-between;gap:var(--size-xs)}.brand-download-group{display:inline-flex;gap:var(--size-xs)}.brand-download-link{color:var(--color-brand-sky);font-weight:var(--font-weight-semibold);text-decoration:none}.brand-download-link:hover{text-decoration:underline}.brand-icon-variant-grid{display:grid;grid-template-columns:1fr;gap:var(--size-md)}@media(min-width:768px){.brand-icon-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand-icon-variant-card{display:grid;gap:var(--size-xs);padding:var(--size-lg);border:1px solid var(--color-border-dark-default);border-radius:var(--radius-card-lg);background:var(--color-surface-dark-elevated);justify-items:center;text-align:center}.brand-icon-variant-preview{display:block;width:128px;height:128px;border-radius:var(--radius-card)}.brand-icon-variant-label{margin:var(--size-xs) 0 0;font-family:var(--font-family-base);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);letter-spacing:0;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dark-subtle)}.brand-swatch-grid{display:grid;grid-template-columns:1fr;gap:var(--size-md)}@media(min-width:768px){.brand-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.brand-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.brand-swatch-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--size-md);min-height:260px;padding:var(--size-lg);border:1px solid var(--color-border-dark-default);border-radius:var(--radius-card-lg);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;text-align:left;cursor:pointer}.brand-swatch-card:focus-visible{outline:2px solid currentColor;outline-offset:-6px}.brand-swatch-copy-icon{position:absolute;top:var(--size-md);right:var(--size-md);display:inline-flex;opacity:.7}.brand-swatch-card:hover .brand-swatch-copy-icon{opacity:1}.brand-swatch-info{display:grid;gap:var(--size-xs)}.brand-swatch-name{font-size:1rem}.brand-swatch-line{font-size:.8125rem;line-height:1.6}.brand-swatch-line strong{font-weight:var(--font-weight-bold)}.brand-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}