*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1d2b;-webkit-font-smoothing:antialiased;background:#f8f9fb;font-family:Inter,system-ui,sans-serif;line-height:1.6}.brand-nav{background:#fafbfc;border-bottom:1px solid #e2e6ee;justify-content:space-between;align-items:center;padding:20px 48px;display:flex}.brand-nav-lockup{color:inherit;align-items:flex-end;gap:1px;text-decoration:none;display:inline-flex}.brand-nav-lockup span{letter-spacing:-.3px;color:#1a1d2b;padding-bottom:1px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;line-height:1}.brand-nav-back{color:#5a6178;font-size:13px;text-decoration:none;transition:color .2s}.brand-nav-back:hover{color:#1a1d2b}.page{max-width:900px;margin:0 auto;padding:48px}h1{letter-spacing:-1px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:36px;font-weight:700}.page-sub{color:#5a6178;margin-bottom:56px;font-size:15px}.section{margin-bottom:64px}.section-label{letter-spacing:.14em;text-transform:uppercase;color:#4a90d9;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600}.section-title{letter-spacing:-.5px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.section-desc{color:#5a6178;max-width:600px;margin-bottom:28px;font-size:14px;line-height:1.6}.rule{color:#5a6178;margin-bottom:8px;font-size:13px;line-height:1.6}.rule strong{color:#1a1d2b}.logo-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.logo-cell{border:1px solid #e2e6ee;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:140px;padding:32px 24px;display:flex}.logo-cell.light{background:#fff}.logo-cell.dark{background:#0f1120}.logo-cell.grey{background:#f3f5f8}.logo-cell-label{color:#9098ad;letter-spacing:.06em;text-align:center;font-size:10px;font-weight:500}.logo-cell.dark .logo-cell-label{color:#555a72}.lockup-demo{align-items:flex-end;gap:1px;display:inline-flex}.lockup-demo svg{flex-shrink:0;width:28px;height:auto}.lockup-demo span{letter-spacing:-.3px;padding-bottom:1px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;line-height:1}.color-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.swatch{border:1px solid #e2e6ee;border-radius:10px;overflow:hidden}.swatch-color{height:72px}.swatch-info{background:#fff;padding:10px 12px}.swatch-name{color:#1a1d2b;margin-bottom:2px;font-size:12px;font-weight:600}.swatch-value{color:#9098ad;font-family:Outfit,monospace;font-size:11px}.type-sample{background:#fff;border:1px solid #e2e6ee;border-radius:10px;margin-bottom:20px;padding:20px 24px}.type-meta{color:#9098ad;margin-bottom:8px;font-size:11px}.spec-table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:13px}.spec-table th{text-align:left;color:#1a1d2b;background:#f3f5f8;border:1px solid #e2e6ee;padding:8px 12px;font-weight:600}.spec-table td{color:#5a6178;border:1px solid #e2e6ee;padding:8px 12px}.spec-table code{background:#f3f5f8;border-radius:3px;padding:1px 5px;font-family:Outfit,monospace;font-size:12px}.sig-preview{background:#fff;border:1px solid #e2e6ee;border-radius:12px;margin-bottom:16px;padding:32px}.sig-note{color:#9098ad;margin-bottom:24px;font-size:12px}.code-block{color:#e8eaf0;white-space:pre-wrap;word-break:break-all;background:#0f1120;border-radius:10px;margin-bottom:16px;padding:20px 24px;font-family:monospace;font-size:12px;line-height:1.6;overflow-x:auto}hr{border:none;border-top:1px solid #e2e6ee;margin:48px 0}.brand-footer{text-align:center;color:#9098ad;border-top:1px solid #e2e6ee;padding:24px 48px;font-size:12px}.brand-footer a{color:#9098ad;text-decoration:none}.brand-footer a:hover{color:#5a6178}@media (max-width:768px){.brand-nav{padding:16px 20px}.page{padding:32px 20px}.logo-grid{grid-template-columns:1fr}.brand-footer{padding:20px}}