:root{--ink:#111827;--fg:#374151;--muted:#6b7280;--bg:#fff;--accent:#1f6f5e}.brands-page{--pad:clamp(24px,3vw,48px);--wrap:min(1100px,92vw);color:var(--fg);background:var(--bg);line-height:1.8}.br-wrap{width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}.br-hero{padding:clamp(72px,10vw,144px) 0 var(--pad);background:radial-gradient(60% 80% at 10% 20%,rgba(31,111,94,.1) 0,transparent 60%),radial-gradient(50% 60% at 90% 0%,rgba(31,111,94,.08) 0,transparent 70%),linear-gradient(180deg,#f9fbfa 0%,#fff 60%)}.br-ttl{font-size:clamp(28px,5vw,48px);color:var(--ink);letter-spacing:.04em;margin:0 0 8px}.br-lead{color:var(--fg);font-size:clamp(15px,1.8vw,18px);margin:0}.br-list{padding:calc(var(--pad)*1.2) 0}.br-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}@media (max-width:900px){.br-grid{grid-template-columns:1fr}}.br-card{position:relative;background:#fff;border:1px solid #eef2f0;border-radius:18px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.03);overflow:hidden}.br-card:after{content:"";position:absolute;inset:auto -20% -20% auto;width:60%;height:60%;background:radial-gradient(60% 80% at 70% 30%,rgba(31,111,94,.08) 0,transparent 70%);pointer-events:none}.br-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);border:1px solid rgba(31,111,94,.35);padding:4px 10px;border-radius:999px;background:#fff}.br-name{margin:10px 0 6px;font-size:20px;color:var(--ink);letter-spacing:.02em}.br-desc{margin:0 0 10px;color:var(--fg)}.br-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none}.br-tags li{font-size:12px;color:#0f3f35;background:rgba(31,111,94,.1);border:1px solid rgba(31,111,94,.2);padding:4px 8px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:600;border:1px solid transparent;transition:.2s ease}.br-btn{background:var(--accent);color:#fff}.br-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(31,111,94,.22)}.btn.ghost{background:#fff;color:var(--accent);border-color:var(--accent);margin-left:10px}.btn.ghost:hover{background:rgba(31,111,94,.06)}.br-cta{padding:calc(var(--pad)*1.2) 0 var(--pad);background:linear-gradient(180deg,#fff 0%,#f7fbfa 100%)}.br-sec-ttl{font-size:clamp(22px,3.4vw,32px);color:var(--ink);margin:0 0 12px}.br-cta-lead{margin:0 0 12px;color:var(--fg)}.br-cta-actions{display:flex;gap:10px;flex-wrap:wrap}