.brand{grid-template-columns:1.15fr 1fr;gap:.9em;display:grid}.brand__board{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:.6em;min-width:0;display:grid}.brand__card{border:1px solid var(--line);background:#fafafa;border-radius:.5em;flex-direction:column;gap:.5em;min-width:0;padding:.7em;display:flex}.brand__card h5{color:var(--muted);margin:0;font-size:.75em;font-weight:600}.brand__logo{background:var(--color-blue);border-color:var(--color-blue);flex-direction:row;grid-column:1/-1;justify-content:center;align-items:center;gap:.7em;min-height:5.5em}.brand__mark{aspect-ratio:1;background:var(--color-lime);clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,0 100%);width:2.4em}[dir=rtl] .brand__mark{clip-path:polygon(100% 0,28% 0,0 28%,0 100%,100% 100%)}.brand__word{font-family:var(--heading);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-lime);font-size:1.5em;font-weight:700}.brand__swatches{flex:1;grid-template-columns:1fr;gap:.35em;display:grid}.brand__swatches span{color:var(--muted);border-radius:.35em;outline:2px solid #0000;align-items:center;gap:.4em;padding:.2em;font-size:.75em;transition:outline-color .3s;display:flex}.brand__swatches span.is-active{outline-color:var(--color-blue);color:var(--ink)}.brand__swatches i{border-radius:.3em;flex:none;width:2.4em;height:100%;min-height:1.6em;box-shadow:inset 0 0 0 1px #00000014}.brand__type{justify-content:space-between}.brand__aa{font-family:var(--heading);color:var(--color-blue);font-size:4.2em;font-weight:700;line-height:.9}.brand__sample{flex-direction:column;gap:.3em;display:flex}.brand__sample b{font-family:var(--heading);text-transform:uppercase;color:var(--ink);font-size:1.05em;font-weight:700}.brand__sample span{color:var(--muted);font-size:.75em;line-height:1.35}.brand__side{flex-direction:column;gap:.6em;min-width:0;display:flex}.brand__post{border:1px solid var(--line);background:#fff;border-radius:.5em;flex-direction:column;display:flex;overflow:hidden}.brand__post-head,.brand__post-foot{color:var(--muted);align-items:center;gap:.5em;padding:.5em .7em;font-size:.75em;display:flex}.brand__post-head b{color:var(--ink)}.brand__post-head span:last-child{margin-left:auto}[dir=rtl] .brand__post-head span:last-child{margin-left:0;margin-right:auto}.brand__post-foot{color:var(--ink);justify-content:space-between;font-weight:600}.brand__avatar{aspect-ratio:1;background:var(--color-blue);border-radius:50%;width:1.5em}.brand__post-img{background:linear-gradient(135deg, transparent 55%, var(--color-neon-green) 55% 70%, transparent 70%), var(--color-lime);align-items:flex-end;min-height:6.5em;padding:.7em;display:flex}[dir=rtl] .brand__post-img{background:linear-gradient(-135deg, transparent 55%, var(--color-neon-green) 55% 70%, transparent 70%), var(--color-lime)}.brand__post-img span{font-family:var(--heading);text-transform:uppercase;color:var(--color-blue);font-size:1.3em;font-weight:700}.brand__growth{flex:1}.brand__growth .panel__chart{min-height:4.5em}.status{gap:.9em}.status__banner{background:color-mix(in srgb, var(--live-up) 12%, #fff);color:var(--live-up);border-radius:.5em;align-items:center;gap:.6em;padding:.8em 1em;font-size:1.05em;font-weight:600;display:flex}.status__banner i{aspect-ratio:1;background:var(--live-up);border-radius:50%;width:.7em;animation:1.8s ease-out infinite status-pulse}@keyframes status-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live-up) 55%, transparent)}to{box-shadow:0 0 0 .6em #0000}}.status__list{border:1px solid var(--line);border-radius:.5em;flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.status__list li{flex:1;grid-template-columns:5.5em minmax(0,1fr) 4em;align-items:center;gap:.8em;padding:.65em .8em;font-size:.85em;display:grid}.status__list li+li{border-top:1px solid var(--line)}.status__name{font-weight:600}.status__ticks{grid-template-columns:repeat(30,minmax(0,1fr));gap:.15em;height:1.6em;display:grid}.status__ticks i{background:var(--live-up);opacity:.85;border-radius:.15em}.status__ticks i.is-warn{background:#f59e0b}.status__uptime{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}[dir=rtl] .status__uptime{text-align:left}@media (prefers-reduced-motion:reduce){.status__banner i{animation:none}.brand__swatches span{transition:none}}