.bg-toc{top:calc(4.5rem + env(safe-area-inset-top,0px));z-index:40;padding-block:var(--space-sm);background:color-mix(in oklab, var(--color-cream) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:top .35s var(--ease-out-quart);flex-wrap:wrap;gap:.35rem .75rem;margin-block-end:var(--space-2xl);padding-inline:clamp(1rem,4vw,3.5rem);display:flex;position:sticky}html[data-scroll-state=down]:not([data-header-pinned=true]) .bg-toc{top:env(safe-area-inset-top,0px)}.bg-toc a{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.bg-toc a:hover{color:var(--color-green)}.bg-intro{max-width:var(--max-width-text);margin-block-end:var(--space-3xl)}.bg-intro p{color:var(--color-text-secondary);font-size:1.125rem}.bg-section{margin-block:var(--space-4xl);scroll-margin-top:calc(4.5rem + 3.25rem + env(safe-area-inset-top,0px))}.bg-section-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);border-bottom:1px solid var(--color-border);flex-wrap:wrap;margin-block-end:var(--space-xl);padding-block-end:var(--space-md);display:flex}.bg-section-index{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.bg-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.75rem,3vw + .5rem,2.5rem);font-weight:400}.bg-section-lead{max-width:40rem;margin-block:var(--space-md) var(--space-xl);color:var(--color-text-secondary);line-height:1.7}.bg-logo-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.bg-logo-specimen{gap:var(--space-md);flex-direction:column;display:flex}.bg-logo-stage{min-height:11rem;padding:var(--space-xl);border:1px solid var(--color-border);background:var(--color-cream-warm);place-items:center;display:grid}.bg-logo-stage--dark{background:var(--color-green);border-color:var(--color-green-deep)}.bg-logo-stage img{width:auto;max-width:100%;height:auto;max-height:5.5rem}.bg-logo-stage--wide img{max-height:4rem}.bg-logo-meta{flex-direction:column;gap:.25rem;display:flex}.bg-logo-meta strong{font-family:var(--font-body);color:var(--color-text);font-size:.9375rem;font-weight:600}.bg-logo-meta span{color:var(--color-text-muted);font-size:.875rem}.bg-logo-download{align-self:flex-start;margin-block-start:var(--space-sm)}.bg-font-links{gap:var(--space-md);margin-block:var(--space-xl) var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.bg-font-link{padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);background:var(--color-cream-warm);color:var(--color-text);transition:border-color .2s var(--ease-out-quart), background-color .2s var(--ease-out-quart);flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.bg-font-link:hover{border-color:var(--color-green-muted);background:var(--color-cream);color:var(--color-green)}.bg-font-link strong{font-family:var(--font-body);font-size:1rem;font-weight:600}.bg-font-link span{color:var(--color-text-muted);font-size:.8125rem}.bg-font-link:hover span{color:var(--color-text-secondary)}.bg-font-link-cta{letter-spacing:.04em;text-transform:uppercase;margin-block-start:.35rem;font-weight:600;color:var(--color-copper)!important;font-size:.75rem!important}.bg-type-meta a{color:var(--color-copper);text-underline-offset:.15em;text-decoration:underline}.bg-type-meta a:hover{color:var(--color-green-deep)}.bg-rules{gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-block-start:var(--space-2xl);display:grid}@media (width<=640px){.bg-rules{grid-template-columns:1fr}}.bg-rule h3{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;margin-block-end:var(--space-sm);font-size:.8125rem;font-weight:700}.bg-rule--do h3{color:var(--color-green)}.bg-rule--dont h3{color:oklch(45% .08 25)}.bg-rule ul{color:var(--color-text-secondary);margin:0;padding-inline-start:1.15rem;line-height:1.65}.bg-rule li+li{margin-block-start:.4rem}.bg-swatch-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));display:grid}.bg-swatch{gap:var(--space-sm);flex-direction:column;display:flex}.bg-swatch-chip{aspect-ratio:1.35;border:1px solid var(--color-border)}.bg-swatch-chip--bordered{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-text) 8%, transparent)}.bg-swatch-label{flex-direction:column;gap:.15rem;display:flex}.bg-swatch-label strong{font-size:.9375rem;font-weight:600}.bg-swatch-copy{max-width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .2s var(--ease-out-quart);background:0 0;border:0;border-radius:4px;align-items:center;gap:.35rem;margin:0;padding:.15rem .2rem;display:inline-flex;position:relative}.bg-swatch-copy:hover,.bg-swatch-copy:focus-visible{background:color-mix(in oklab, var(--color-green) 6%, transparent)}.bg-swatch-copy code{color:var(--color-text-muted);word-break:break-all;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.75rem}.bg-swatch-copy-icon{width:.85rem;height:.85rem;color:var(--color-text-muted);opacity:0;transition:opacity .2s var(--ease-out-quart), color .2s var(--ease-out-quart);flex-shrink:0}.bg-swatch-copy:hover .bg-swatch-copy-icon,.bg-swatch-copy:focus-visible .bg-swatch-copy-icon,.bg-swatch-copy.is-copied .bg-swatch-copy-icon{opacity:1}.bg-swatch-copy:hover .bg-swatch-copy-icon,.bg-swatch-copy:focus-visible .bg-swatch-copy-icon{color:var(--color-copper)}.bg-swatch-copy.is-copied .bg-swatch-copy-icon{color:var(--color-green)}.bg-swatch-copy[data-state=copied]:after{content:attr(data-copied-label);inset-inline-start:0;background:var(--color-green);color:var(--color-text-on-dark);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:4px;padding:.2rem .45rem;font-size:.65rem;font-weight:600;position:absolute;bottom:calc(100% + .25rem)}@media (hover:none){.bg-swatch-copy-icon{opacity:.55}}.bg-type-stack{gap:var(--space-2xl);flex-direction:column;display:flex}.bg-type-row{gap:var(--space-lg);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(8rem,12rem) 1fr;align-items:start;padding-block-end:var(--space-xl);display:grid}@media (width<=720px){.bg-type-row{grid-template-columns:1fr}}.bg-type-meta{color:var(--color-text-muted);flex-direction:column;gap:.35rem;font-size:.8125rem;display:flex}.bg-type-meta strong{color:var(--color-text);letter-spacing:.02em;text-transform:uppercase;font-size:.875rem;font-weight:600}.bg-type-specimen{color:var(--color-text)}.bg-type-display{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.75rem,6vw + 1rem,4.5rem);font-weight:400;line-height:1.1}.bg-type-headline{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.75rem,3vw + .5rem,2.75rem);font-weight:400;line-height:1.1}.bg-type-title{font-family:var(--font-display);font-size:clamp(1.25rem,1.5vw + .5rem,1.5rem);font-weight:400;line-height:1.2}.bg-type-body{font-family:var(--font-body);max-width:36rem;font-size:1.0625rem;font-weight:400;line-height:1.65}.bg-type-label{font-family:var(--font-body);font-size:.9375rem;font-weight:600}.bg-type-arabic{font-family:var(--font-ar);letter-spacing:0;text-align:start;direction:rtl;font-size:1.5rem;font-weight:400;line-height:1.5}.bg-weight-row{gap:var(--space-lg);flex-wrap:wrap;margin-block-start:var(--space-lg);display:flex}.bg-weight{flex-direction:column;gap:.25rem;min-width:6.5rem;display:flex}.bg-weight span{color:var(--color-text);font-size:1.75rem;line-height:1.2}.bg-weight small{color:var(--color-text-muted);font-size:.75rem}.bg-space-scale{gap:var(--space-md);flex-direction:column;display:flex}.bg-space-row{gap:var(--space-md);grid-template-columns:5.5rem 4.5rem 1fr;align-items:center;display:grid}.bg-space-row code,.bg-space-row span{color:var(--color-text-muted);font-size:.8125rem}.bg-space-row strong{color:var(--color-text);font-size:.875rem;font-weight:600}.bg-space-bar{background:var(--color-green);border-radius:2px;max-width:100%;height:.65rem}.bg-radius-row{gap:var(--space-lg);flex-wrap:wrap;margin-block-start:var(--space-xl);display:flex}.bg-radius-chip{background:var(--color-cream-deep);border:1px solid var(--color-border);place-items:end start;width:4.5rem;height:4.5rem;padding:.35rem;display:grid}.bg-radius-chip small{color:var(--color-text-muted);font-size:.65rem}.bg-voice-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=720px){.bg-voice-grid{grid-template-columns:1fr}}.bg-voice-block h3{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--color-green);margin-block-end:var(--space-sm);font-size:.8125rem;font-weight:700}.bg-voice-block ul{color:var(--color-text-secondary);margin:0;padding-inline-start:1.15rem;line-height:1.65}.bg-voice-block li+li{margin-block-start:.4rem}.bg-contact{margin-block:var(--space-4xl) var(--space-3xl);padding:var(--space-2xl);background:var(--color-cream-warm);border:1px solid var(--color-border)}.bg-contact h2{margin-block-end:var(--space-sm);font-size:clamp(1.5rem,2vw + .5rem,2rem)}.bg-contact p{max-width:36rem;color:var(--color-text-secondary);margin-block-end:var(--space-lg)}