.brand-page{display:flex;flex-direction:column;gap:56px;padding-bottom:40px}.brand-header{display:flex;flex-direction:column;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--color-line)}.brand-eyebrow{font-family:var(--font-ui);font-size:11px;letter-spacing:2.5px;color:var(--color-muted);text-transform:uppercase}.brand-title{font-family:var(--font-display);font-size:clamp(48px,6vw,88px);letter-spacing:1.5px;text-transform:uppercase;margin:0;line-height:.92;color:var(--color-text)}.brand-title .accent{color:var(--color-green)}.brand-lead{margin:0;font-size:15px;color:var(--color-muted);line-height:1.65;max-width:70ch}.brand-lead code{font-family:var(--font-mono);font-size:13px;color:var(--color-green);background:#c8ff3d14;padding:2px 6px;border-radius:4px}.brand-section{display:flex;flex-direction:column;gap:20px}.brand-section-title{font-family:var(--font-ui);font-size:12px;letter-spacing:3px;color:var(--color-green);margin:0;text-transform:uppercase}.brand-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.brand-logo-card{margin:0;display:flex;flex-direction:column;gap:10px;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:20px}.brand-logo-frame{aspect-ratio:16 / 9;display:grid;place-items:center;background:var(--color-bg);border-radius:var(--radius-sm);padding:16px}.brand-logo-frame img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.brand-logo-card figcaption{font-family:var(--font-ui);font-size:11px;letter-spacing:2px;color:var(--color-muted);text-transform:uppercase}.brand-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.brand-swatch{display:flex;flex-direction:column;gap:0;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.brand-swatch-chip{height:84px;width:100%;border-bottom:1px solid var(--color-line)}.brand-swatch-meta{display:flex;flex-direction:column;gap:4px;padding:14px 16px}.brand-swatch-name{font-family:var(--font-ui);font-size:13px;letter-spacing:2px;color:var(--color-text);text-transform:uppercase}.brand-swatch-token{font-family:var(--font-mono);font-size:11px;color:var(--color-green)}.brand-swatch-hex{font-family:var(--font-mono);font-size:11px;color:var(--color-muted)}.brand-swatch-role{margin:6px 0 0;font-size:12px;color:var(--color-muted-2);line-height:1.45}.brand-fonts{display:flex;flex-direction:column;gap:10px}.brand-font{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;padding:22px 24px;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md)}.brand-font-meta{display:flex;flex-direction:column;gap:4px}.brand-font-name{font-family:var(--font-ui);font-size:15px;letter-spacing:1.5px;color:var(--color-text);text-transform:uppercase}.brand-font-meta code{font-family:var(--font-mono);font-size:11px;color:var(--color-green)}.brand-font-meta p{margin:4px 0 0;font-size:12px;color:var(--color-muted);line-height:1.5}.brand-font-sample{font-size:clamp(22px,2.4vw,34px);color:var(--color-text);letter-spacing:.5px;line-height:1.1;word-break:break-word}.brand-tokens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.brand-tokens-block{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:22px 24px}.brand-tokens-block h3{font-family:var(--font-ui);font-size:12px;letter-spacing:2.5px;color:var(--color-text);margin:0 0 14px;text-transform:uppercase}.brand-tokens-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.brand-tokens-block li{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-muted)}.brand-tokens-block code{font-family:var(--font-mono);font-size:11px;color:var(--color-green)}.brand-tokens-meta{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--color-muted-2)}.brand-tokens-note{margin:0 0 14px;font-size:12px;color:var(--color-muted);line-height:1.5}.brand-tokens-note code{font-family:var(--font-mono);font-size:11px;color:var(--color-green)}.brand-radius-chip{width:36px;height:36px;background:linear-gradient(135deg,var(--color-purple),var(--color-bg-3));border:1px solid var(--color-line-2);flex-shrink:0}.brand-shadow-chip{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-bg-2);border:1px solid var(--color-line);flex-shrink:0}.brand-chamfer-row{display:flex;flex-wrap:wrap;gap:10px}.brand-chamfer{display:inline-grid;place-items:center;width:56px;height:56px;background:var(--color-green);color:var(--color-bg);font-family:var(--font-display);font-size:20px}.token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:14px}.token-card{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:18px}.token-mark-stage{width:132px;height:132px;display:grid;place-items:center;border-radius:var(--radius-md);background:radial-gradient(circle at 50% 35%,color-mix(in oklch,currentColor 14%,transparent),transparent 60%),var(--color-bg-2);border:1px solid var(--color-line)}.token-card[data-token=fun] .token-mark-stage,.token-card[data-token=fun] .token-meta{color:var(--color-green)}.token-card[data-token=gems] .token-mark-stage,.token-card[data-token=gems] .token-meta{color:var(--color-purple-soft)}.token-card[data-token=xp] .token-mark-stage,.token-card[data-token=xp] .token-meta{color:var(--color-cyan)}.token-meta{display:flex;flex-direction:column;gap:6px}.token-eyebrow{font-family:var(--font-ui);font-size:12px;letter-spacing:2.5px;color:currentColor;text-transform:uppercase}.token-component{font-family:var(--font-mono);font-size:11px;color:var(--color-muted)}.token-role{margin:4px 0 6px;font-size:12px;color:var(--color-muted);line-height:1.5;max-width:28ch}.token-sizes{display:flex;align-items:center;gap:12px;color:currentColor;margin-top:4px}.token-chip-row{display:flex;flex-wrap:wrap;gap:8px}.token-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--color-bg);border:1px solid var(--color-line);font-family:var(--font-ui);font-size:11px;letter-spacing:1.5px}.token-chip[data-token=fun]{color:var(--color-green);border-color:color-mix(in oklch,var(--color-green) 35%,var(--color-line))}.token-chip[data-token=gems]{color:var(--color-purple-soft);border-color:color-mix(in oklch,var(--color-purple-soft) 35%,var(--color-line))}.token-chip[data-token=xp]{color:var(--color-cyan);border-color:color-mix(in oklch,var(--color-cyan) 35%,var(--color-line))}.token-chip-label{color:currentColor}.token-chip-amount{color:var(--color-text);font-family:var(--font-ui);letter-spacing:.5px}.token-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.token-row{display:grid;grid-template-columns:22px auto 1fr auto;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--color-line);font-size:13px}.token-row:last-child{border-bottom:0}.token-row[data-token=fun]{color:var(--color-green)}.token-row[data-token=gems]{color:var(--color-purple-soft)}.token-row[data-token=xp]{color:var(--color-cyan)}.token-row-label{font-family:var(--font-ui);font-size:11px;letter-spacing:2px;color:currentColor;text-transform:uppercase}.token-row-amount{font-family:var(--font-ui);font-size:14px;letter-spacing:.5px;color:var(--color-text);justify-self:end}.token-row-meta{font-family:var(--font-mono);font-size:11px;color:var(--color-muted-2);justify-self:end}.token-hero-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.token-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 18px;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.token-hero[data-token=fun]{color:var(--color-green)}.token-hero[data-token=gems]{color:var(--color-purple-soft)}.token-hero[data-token=xp]{color:var(--color-cyan)}.token-hero-amount{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);letter-spacing:1px;color:currentColor;line-height:1;margin-top:4px}.token-hero-label{font-family:var(--font-ui);font-size:12px;letter-spacing:3px;color:currentColor;text-transform:uppercase;opacity:.8}.token-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.token-context-card{display:flex;flex-direction:column;gap:10px;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:16px}.token-context-eyebrow{font-family:var(--font-ui);font-size:10px;letter-spacing:2px;color:var(--color-muted-2);text-transform:uppercase}.token-tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.token-tx-list li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-line)}.token-tx-list li:last-child{border-bottom:0}.token-tx-icon[data-token=fun]{color:var(--color-green)}.token-tx-icon[data-token=gems]{color:var(--color-purple-soft)}.token-tx-icon[data-token=xp]{color:var(--color-cyan)}.token-tx-title{font-size:13px;color:var(--color-text)}.token-tx-amount{font-family:var(--font-ui);font-size:13px;letter-spacing:.5px;color:var(--color-text)}.token-tx-amount em{font-style:normal;margin-left:6px;font-size:10px;letter-spacing:1.5px}.token-tx-amount[data-token=fun] em{color:var(--color-green)}.token-tx-amount[data-token=gems] em{color:var(--color-purple-soft)}.token-tx-amount[data-token=xp] em{color:var(--color-cyan)}.token-balance-hero{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:16px;background:var(--color-bg-2);border:1px solid var(--color-line);border-radius:var(--radius-md)}.token-balance-hero[data-token=fun]{color:var(--color-green)}.token-balance-hero[data-token=fun]>svg{background:color-mix(in oklch,currentColor 12%,transparent);border-radius:var(--radius-sm);padding:14px}.token-balance-label{display:block;font-family:var(--font-ui);font-size:11px;letter-spacing:2px;color:var(--color-muted);text-transform:uppercase}.token-balance-amount{display:block;font-family:var(--font-display);font-size:28px;letter-spacing:.5px;color:var(--color-text);line-height:1.1;margin-top:2px}.token-balance-amount em{font-style:normal;font-size:14px;letter-spacing:2px;margin-left:6px;color:currentColor}.token-side-by-side{display:flex;flex-direction:column;gap:10px}.token-sbs-row{display:grid;grid-template-columns:64px repeat(2,1fr) auto;align-items:center;gap:14px;padding:14px 16px;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md)}.token-sbs-row[data-token=fun]{color:var(--color-green)}.token-sbs-row[data-token=gems]{color:var(--color-purple-soft)}.token-sbs-row[data-token=xp]{color:var(--color-cyan)}.token-sbs-label{font-family:var(--font-ui);font-size:11px;letter-spacing:2.5px;color:currentColor;text-transform:uppercase}.token-sbs-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-sm)}.token-sbs-meta{font-family:var(--font-mono);font-size:10px;color:var(--color-muted-2);letter-spacing:.5px}.token-sbs-sizes{display:grid;grid-template-columns:repeat(2,auto);align-items:center;gap:8px 10px;padding-left:12px;border-left:1px solid var(--color-line);color:currentColor}.token-webp-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.token-webp-cell{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md)}.token-webp-cell[data-token=fun]{color:var(--color-green)}.token-webp-cell[data-token=gems]{color:var(--color-purple-soft)}.token-webp-cell[data-token=xp]{color:var(--color-cyan)}.token-webp-cell img{display:block;width:auto;height:auto;object-fit:contain}.token-webp-label{font-family:var(--font-ui);font-size:12px;letter-spacing:3px;color:currentColor;text-transform:uppercase}.token-webp-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end;padding:8px 0}.token-webp-size-col{display:flex;flex-direction:column;align-items:center;gap:14px}.token-webp-size-col img{display:block;width:auto;height:auto;object-fit:contain}.token-webp-tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.token-webp-tx-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-line)}.token-webp-tx-list li:last-child{border-bottom:0}.token-webp-tx-list img{display:block}.token-webp-tx-title{font-size:13px;color:var(--color-text)}.token-webp-tx-amount{font-family:var(--font-ui);font-size:13px;letter-spacing:.5px;color:var(--color-text)}.token-webp-tx-amount em{font-style:normal;margin-left:6px;font-size:10px;letter-spacing:1.5px}.token-webp-tx-amount[data-token=fun] em{color:var(--color-green)}.token-webp-tx-amount[data-token=gems] em{color:var(--color-purple-soft)}.token-webp-tx-amount[data-token=xp] em{color:var(--color-cyan)}.token-webp-balance{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:16px;background:var(--color-bg-2);border:1px solid var(--color-line);border-radius:var(--radius-md)}.token-webp-balance img{display:block}.token-webp-balance-label{display:block;font-family:var(--font-ui);font-size:11px;letter-spacing:2px;color:var(--color-muted);text-transform:uppercase}.token-webp-balance-amount{display:block;font-family:var(--font-display);font-size:28px;letter-spacing:.5px;color:var(--color-text);line-height:1.1;margin-top:2px}.token-webp-balance-amount em{font-style:normal;font-size:14px;letter-spacing:2px;margin-left:8px}.token-webp-balance-amount em[data-token=fun]{color:var(--color-green)}@media(max-width:640px){.brand-page{gap:40px}.brand-font{grid-template-columns:1fr;gap:14px;align-items:start}.brand-logos{grid-template-columns:1fr 1fr}.token-card{grid-template-columns:1fr}.token-mark-stage{width:100%;height:160px}.token-hero-row{grid-template-columns:1fr}.token-sbs-row{grid-template-columns:1fr 1fr}.token-sbs-label{grid-column:1 / -1}.token-sbs-sizes{grid-column:1 / -1;border-left:0;padding-left:0}.token-webp-row,.token-webp-sizes{grid-template-columns:1fr}}