.brand-universe{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.brand-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:180px;height:66px;max-width:100%;background:#fff;border:1px solid #dbe1e6;border-radius:8px;overflow:hidden;flex-shrink:0}.brand-mark img{display:block;width:144px;height:40px;max-width:none;object-fit:contain}.brand-mark-anthropic img{width:148px;height:20px}.brand-mark-gemini img{width:144px;height:35px}.brand-mark-nvidia img{width:205px;height:115px;object-fit:contain}.brand-card>.brand-mark{margin-bottom:28px}.brand-card .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:10px}.brand-card h3{font-size:21px}.brand-card p{font-size:12px;line-height:1.85;margin:15px 0 24px;flex:1}.brand-card>a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:15px;width:100%;font-size:11px;font-weight:600}.brand-card>a:hover{color:var(--muted)}.brand-card>a>span[aria-hidden]{font-size:18px;color:var(--gold)}.brand-editorial-note{font-size:10px;line-height:1.7;margin:22px 0 0;color:var(--muted);max-width:900px}
.ai-layers .brand-mark{margin-bottom:25px}.hero-brand-logos{display:flex;gap:8px;margin-top:9px}.hero-brand-logos .brand-mark{width:112px;height:35px;max-width:31%;border:0;border-radius:5px}.hero-brand-logos .brand-mark img{width:89px;height:23px}.hero-brand-logos .brand-mark-anthropic img{width:91px;height:13px}.hero-brand-logos .brand-mark-gemini img{width:91px;height:23px}.ai-brand-names.hero-brand-logos{gap:8px;margin-top:20px}

@media(max-width:1100px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{padding:25px}.brand-card>.brand-mark{margin-bottom:23px}}
@media(max-width:600px){.brand-grid{grid-template-columns:1fr;gap:14px}.brand-card{padding:24px}.brand-card p{margin-top:11px;margin-bottom:20px;font-size:13px}.brand-card .brand-mark{height:58px}.ai-layers .ai-layer{padding:24px 0;min-height:0}.ai-layers .brand-mark{margin:0 0 18px;width:170px;height:62px}.hero-brand-logos .brand-mark{height:33px}.hero-brand-logos .brand-mark img{width:82%;height:22px}.hero-brand-logos .brand-mark-anthropic img{height:12px}.brand-editorial-note{font-size:10px}}

.reference-brand{display:inline-flex;vertical-align:middle;margin-right:12px;flex-shrink:0}.reference-brand .brand-mark{width:110px;height:44px}.reference-brand .brand-mark img{width:90px;height:30px}.reference-brand .brand-mark-apple img{width:26px;height:82px}.reference-brand .brand-mark-nvidia img{width:130px;height:73px}.reference-panel li>span:not(.reference-brand){flex:1}.reference-table .reference-brand{margin-right:7px}.reference-table .reference-brand .brand-mark{width:29px;height:29px;border-radius:5px}.reference-table .reference-brand .brand-mark-apple img{width:18px;height:57px}
@media(max-width:600px){.reference-panel .reference-brand .brand-mark{width:89px}.reference-panel .reference-brand .brand-mark-microsoft img{width:77px}.reference-panel .reference-brand .brand-mark-nvidia img{width:110px;height:62px}}

/* Editorial logos sit directly on the card, with readable wordmarks in both themes. */
.brand-mark-transparent{background:transparent;border:0;border-radius:0}.brand-mark-transparent .brand-mark-dark{display:none}
[data-theme=dark] .brand-mark-transparent .brand-mark-light{display:none}[data-theme=dark] .brand-mark-transparent .brand-mark-dark{display:block}

.brand-universe .section-heading h2{font-size:clamp(30px,3.4vw,48px)}.brand-universe .brand-grid{gap:20px}.brand-card.fighter-card{padding:0;overflow:hidden;position:relative;display:block;background:var(--surface);border-radius:14px}.fighter-stage{height:300px;width:100%;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#499c9226,transparent 68%)}.fighter-anthropic .fighter-stage{background:radial-gradient(ellipse at 50% 60%,#c07c422a,transparent 68%)}.fighter-gemini .fighter-stage{background:radial-gradient(ellipse at 50% 60%,#657ff733,transparent 68%)}.fighter-nvidia .fighter-stage{background:radial-gradient(ellipse at 50% 60%,#82b93a2a,transparent 68%)}.fighter-stage .fighter-character{height:calc(100% - 24px);width:100%;object-fit:contain;object-position:center bottom;position:relative;z-index:2;padding-top:15px;transition:transform .35s;filter:drop-shadow(0 14px 13px #0003)}.fighter-card:hover .fighter-character{transform:translateY(-5px)}.fighter-platform{position:absolute;bottom:10px;left:18%;right:18%;height:21px;background:radial-gradient(ellipse,#b9d8d01a,#b9d8d000 72%);border-bottom:1px solid var(--border);border-radius:50%;z-index:0}.fighter-number{position:absolute;top:20px;left:22px;color:var(--muted);font-size:10px;letter-spacing:.15em;opacity:.65}.fighter-copy{padding:23px 25px 28px}.brand-card .fighter-copy .eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:10px}.brand-card .fighter-copy h3{font-size:24px}.brand-card .fighter-copy p{font-size:12px;line-height:1.85;min-height:88px;margin:16px 0 20px}.fighter-watch{padding-top:17px;border-top:1px solid var(--border);display:grid;gap:6px}.fighter-watch>span{font-size:7px;letter-spacing:.17em;color:var(--muted);margin-bottom:5px}.fighter-watch strong{font-size:10px;font-weight:500;line-height:1.6}.fighter-watch strong:before{content:'↗';margin-right:9px;color:var(--gold)}.fighter-editorial{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-top:24px}.fighter-editorial p{font-size:10px;line-height:1.8;max-width:820px}.fighter-editorial a{white-space:nowrap;font-size:11px;flex-shrink:0}
@media(max-width:1100px){.fighter-stage{height:340px}.fighter-editorial{display:block}.fighter-editorial a{margin-top:15px}.brand-card .fighter-copy p{min-height:0}}
@media(max-width:600px){.fighter-stage{height:335px}.fighter-copy{padding:22px 26px 29px}.brand-card .fighter-copy p{font-size:13px}.brand-universe .section-heading h2{font-size:30px}.fighter-editorial p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fighter-stage .fighter-character{transition:none}.fighter-card:hover .fighter-character{transform:none}}
