.brand-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-bottom,#f4f7f4)}.brand-page main{flex:1 1;padding:0 0 64px}.brand-page .br-hero{background:radial-gradient(120% 170% at 12% -20%,rgba(87,212,147,.18),transparent 52%),linear-gradient(120deg,#14532a,#0f4322 55%,#0a3319);color:#fff;padding:72px 0 60px;margin-bottom:8px}.brand-page .br-eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8ff0c0;margin-bottom:12px}.brand-page .br-hero h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:600;letter-spacing:-.02em;margin:0 0 16px;color:#fff}.brand-page .br-hero p{max-width:680px;font-size:1.12rem;font-weight:300;color:rgba(255,255,255,.87);line-height:1.6;margin:0}.brand-page .br-body{padding-top:40px}.brand-page .br-section{padding:22px 0 40px;border-bottom:1px solid var(--border)}.brand-page .br-section:last-child{border-bottom:none}.brand-page .br-h2{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0 0 10px}.brand-page .br-h3{font-size:1.05rem;font-weight:600;color:var(--ink);margin:26px 0 12px}.brand-page .br-lead{font-size:1rem;font-weight:300;color:var(--muted);line-height:1.6;max-width:760px;margin:0 0 18px}.brand-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:var(--grey-100);padding:1px 6px;border-radius:6px;color:var(--ink)}.brand-page .br-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px;margin-bottom:24px}.brand-page .br-logo-tile{position:relative;border-radius:var(--radius-card,18px);border:1px solid var(--border);min-height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-page .br-logo-tile.is-light{background:#fff}.brand-page .br-logo-tile.is-dark{background:var(--green);border-color:var(--green-dark)}.brand-page .br-logo{height:54px;width:auto}.brand-page .br-logo-invert{filter:brightness(0) invert(1)}.brand-page .br-tile-cap{position:absolute;bottom:10px;left:14px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.brand-page .br-logo-tile.is-dark .br-tile-cap{color:rgba(255,255,255,.75)}.brand-page .br-dodont{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.brand-page .br-do,.brand-page .br-dont{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card,18px);padding:20px 22px;box-shadow:var(--shadow-soft)}.brand-page .br-do h3,.brand-page .br-dont h3{font-size:1rem;font-weight:600;margin:0 0 10px}.brand-page .br-do h3{color:var(--green-dark)}.brand-page .br-dont h3{color:var(--err)}.brand-page .br-do ul,.brand-page .br-dont ul{margin:0;padding-left:18px}.brand-page .br-do li,.brand-page .br-dont li{font-size:.92rem;font-weight:300;color:var(--muted);line-height:1.5;margin-bottom:6px}.brand-page .br-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.brand-page .br-swatch{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card,18px);overflow:hidden;box-shadow:var(--shadow-soft)}.brand-page .br-chip{height:92px;width:100%}.brand-page .br-chip.is-dark{border-bottom:1px solid rgba(255,255,255,.15)}.brand-page .br-chip-meta{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.brand-page .br-chip-name{font-size:.98rem;font-weight:600;color:var(--ink)}.brand-page .br-chip-hex{font-size:.82rem;color:var(--ink);background:var(--grey-100);align-self:flex-start}.brand-page .br-chip-token{font-size:.78rem;color:var(--muted);background:transparent;padding:0}.brand-page .br-chip-note{font-size:.82rem;font-weight:300;color:var(--muted);line-height:1.45;margin-top:2px}.brand-page .br-grad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.brand-page .br-grad{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card,18px);overflow:hidden;box-shadow:var(--shadow-soft)}.brand-page .br-grad-demo{height:120px;width:100%}.brand-page .br-grad-meta{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.brand-page .br-grad-name{font-size:.98rem;font-weight:600;color:var(--ink)}.brand-page .br-grad-usage{font-size:.82rem;font-weight:300;color:var(--muted);line-height:1.45}.brand-page .br-grad-css{font-size:.74rem;color:var(--ink);background:var(--grey-100);line-height:1.5;word-break:break-word;padding:8px 10px;border-radius:8px}.brand-page .br-type-list{display:flex;flex-direction:column;gap:14px}.brand-page .br-type-row{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card,18px);padding:18px 22px;box-shadow:var(--shadow-soft);display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand-page .br-specimen{color:var(--ink)}.brand-page .br-type-h1{font-size:1.9rem;font-weight:600;letter-spacing:-.01em}.brand-page .br-type-h2{font-size:1.15rem;font-weight:600}.brand-page .br-type-h3{font-size:1.05rem;font-weight:600}.brand-page .br-type-body{font-size:1rem;font-weight:400;line-height:1.5;max-width:560px}.brand-page .br-type-caption{font-size:.85rem;font-weight:300;color:var(--muted)}.brand-page .br-type-meta{font-size:.82rem;font-weight:300;color:var(--muted);white-space:nowrap}.brand-page .br-type-meta span{display:inline-block;font-weight:600;color:var(--green-dark);margin-right:8px}.brand-page .br-btn-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.brand-page .br-ui-notes{margin:0 0 24px;padding-left:18px}.brand-page .br-ui-notes li{font-size:.93rem;font-weight:300;color:var(--muted);line-height:1.6;margin-bottom:6px}.brand-page .br-radii{display:flex;gap:24px;flex-wrap:wrap}.brand-page .br-radii-item{display:flex;flex-direction:column;align-items:center;gap:10px}.brand-page .br-radii-demo{width:96px;height:64px;background:var(--success-bg);border:1.5px solid var(--green)}.brand-page .br-radii-item code{font-size:.78rem}.brand-page .br-voice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-bottom:8px}.brand-page .br-voice-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card,18px);padding:20px 22px;box-shadow:var(--shadow-soft)}.brand-page .br-voice-card h3{font-size:1rem;font-weight:600;color:var(--green-dark);margin:0 0 8px}.brand-page .br-voice-card p{font-size:.92rem;font-weight:300;color:var(--muted);line-height:1.55;margin:0}.brand-page .br-say-table{border:1px solid var(--border);border-radius:var(--radius-card,18px);overflow:hidden;background:#fff;box-shadow:var(--shadow-soft)}.brand-page .br-say-head,.brand-page .br-say-row{display:grid;grid-template-columns:1fr 1fr}.brand-page .br-say-head{background:var(--grey-100)}.brand-page .br-say-head span{padding:12px 18px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.brand-page .br-say-head span:first-child{color:var(--green-dark)}.brand-page .br-say-row span{padding:14px 18px;font-size:.92rem;font-weight:300;color:var(--ink);border-top:1px solid var(--border);line-height:1.5}.brand-page .br-say-row span:first-child{border-right:1px solid var(--border)}.brand-page .br-say-row span:last-child{color:var(--muted)}.brand-page .br-cta{text-align:center;padding:8px 0 20px}.brand-page .br-cta h2{font-size:1.4rem;font-weight:600;color:var(--ink);margin:0 0 8px}.brand-page .br-cta p{font-size:1rem;font-weight:300;color:var(--muted);margin:0 0 18px}@media (max-width:640px){.brand-page .br-dodont,.brand-page .br-say-head,.brand-page .br-say-row{grid-template-columns:1fr}.brand-page .br-say-row span:first-child{border-right:none}.brand-page .br-type-row{flex-direction:column;align-items:flex-start;gap:8px}}