@layer theme, base, components, utilities;@layer components{.brand{--brand-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--brand-hair:rgba(255,255,255,0.08)}.brand-eyebrow,.brand-mono{font-family:var(--brand-mono)}.brand-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--ms-cyan)}.brand-eyebrow__index{color:var(--text-300)}.brand-eyebrow__rule{display:inline-block;width:28px;height:1px;background:rgba(34,211,238,.5)}.brand-h4{font-family:var(--font-display),ui-sans-serif,system-ui;font-weight:600;font-size:17px;line-height:1.25;letter-spacing:.01em;color:var(--text-100)}.brand-section{position:relative}.brand-section:before{content:"";position:absolute;top:0;left:50%;width:min(1184px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09) 18%,rgba(255,255,255,.09) 82%,transparent)}.brand-tile--dark{background:radial-gradient(120% 90% at 50% 0,rgba(30,102,245,.1),transparent 62%),#050818}.brand-tile--light{background:#F7F9FC}.brand-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--brand-hair);background:rgba(2,6,23,.55);font-family:var(--brand-mono);font-size:11px;letter-spacing:.06em;color:var(--text-300);white-space:nowrap}.brand-chip__dot{width:8px;height:8px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(148,163,184,.6)}.brand-chip--light{background:rgba(255,255,255,.8);border-color:rgba(2,6,23,.12);color:#0C1424}.brand-dl{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px 5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(16,24,36,.6);font-size:12.5px;font-weight:500;line-height:1;color:var(--text-100);text-decoration:none;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.brand-dl svg{color:var(--ms-cyan);flex:none}.brand-dl:hover{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.07)}.brand-dl__size{font-family:var(--brand-mono);font-size:11px;color:var(--text-300)}.brand-dlrow{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 2px;font-size:13px;font-weight:500;line-height:1;color:var(--text-100);text-decoration:none;border-top:1px solid var(--brand-hair);transition:color .2s ease}.brand-dlrow svg{flex:none}.brand-dlrow svg,.brand-dlrow:hover{color:var(--ms-cyan)}.brand-dlrow .brand-dl__size{margin-left:auto}.brand-dl__size,.brand-dlrow{white-space:nowrap}@media (max-width:400px){.brand-dlrow{gap:6px;font-size:12px}}.brand-copy{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(16,24,36,.6);font-size:12.5px;font-weight:500;line-height:1;color:var(--text-100);white-space:nowrap;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.brand-copy span{color:inherit}.brand-copy:hover{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.07)}.brand-copy.is-copied{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.1);color:var(--ms-cyan)}.brand-code{font-family:var(--brand-mono);font-size:12px;color:var(--text-300);overflow-wrap:anywhere}.brand-button-size{font-size:11.5px;font-weight:500;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:rgba(2,6,23,.28);color:#FFFFFF}.bd-svg text,.brand-button-size,.cb-svg text{font-family:var(--brand-mono)}.bd-cap{letter-spacing:.1em}.bd-cap,.bd-tag{font-size:17px;fill:#94A3B8}.bd-tag{letter-spacing:.08em;paint-order:stroke;stroke:#0A101E;stroke-width:6px;stroke-linejoin:round}.bd-x{font-size:20px;fill:#22D3EE}.bd-svg--compact .bd-tag,.bd-svg--compact .bd-x{font-size:24px}@media (min-width:768px){.bd-svg--wide .bd-cap,.bd-svg--wide .bd-tag{font-size:15px}.bd-svg--wide .bd-x{font-size:17px}}@media (min-width:1024px){.bd-svg--wide .bd-cap,.bd-svg--wide .bd-tag{font-size:19px}.bd-svg--wide .bd-x{font-size:22px}}@media (min-width:1280px){.bd-svg--wide .bd-cap,.bd-svg--wide .bd-tag{font-size:15.5px}.bd-svg--wide .bd-x{font-size:18px}}.cb-cap{letter-spacing:.1em;fill:#94A3B8}.cb-cap--guide{fill:#A78BFA}.cb-x{fill:#22D3EE}.cb-svg--stacked .cb-cap{font-size:23px}.cb-svg--stacked .cb-x{font-size:28px}.cb-svg--wide .cb-cap{font-size:23px}.cb-svg--wide .cb-x{font-size:26px}@media (min-width:1024px){.cb-svg--wide .cb-cap{font-size:16.5px}.cb-svg--wide .cb-x{font-size:20px}}@media (min-width:1280px){.cb-svg--wide .cb-cap{font-size:14px}.cb-svg--wide .cb-x{font-size:18px}}.brand-aurora{container-type:inline-size}.brand-aurora__field{position:absolute;inset:0;background:radial-gradient(42cqw 42cqw at 12% 18%,rgba(34,211,238,.18),transparent 60%),radial-gradient(34cqw 34cqw at 84% 28%,rgba(30,102,245,.22),transparent 60%),radial-gradient(44cqw 44cqw at 50% 78%,rgba(139,92,246,.16),transparent 65%),linear-gradient(140deg,#020617,#050818 35%,#031024 70%,#020617)}.brand-light{position:absolute;display:grid;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:999px;border:1px solid;background:rgba(2,6,23,.55);font-family:var(--brand-mono);font-size:11px;line-height:1}.brand-light:after{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px dashed;opacity:.35}.brand-pre{margin:0;padding:16px 18px;border-radius:12px;border:1px solid var(--brand-hair);background:rgba(2,6,23,.7);font-family:var(--brand-mono);font-size:12px;line-height:1.7;color:var(--text-300);overflow-x:auto;white-space:pre}.brand-glyphs{overflow-wrap:anywhere;word-break:break-word}.brand-quote{border-left:2px solid rgba(34,211,238,.45);padding-left:16px}}