.brackets{color:#fff;background:var(--strong);border-radius:6px;padding:24px;overflow:hidden}.brackets-header,.brackets-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.brackets-label,.brackets-caption,.brackets-symbol{letter-spacing:.1em;font-size:9px;line-height:1.5;font-family:var(--font-mono)}.brackets-label{color:#b6cbd4}.brackets-arrow{color:#56d4cc}.brackets-caption{color:#b6cbd4}.brackets-symbol{color:#56d4cc;white-space:nowrap}.brackets-stacks{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:34px 12px;display:grid;transform:rotate(-5deg)}.brackets-stack{gap:8px;display:grid}.brackets-stack:last-child{transform:translateY(14px)}.brackets-record{height:63px;color:var(--strong);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);background:#f1f3f3;justify-content:space-between;align-items:center;gap:12px;padding:8px 17px;display:flex}.brackets-record-label{letter-spacing:-.06em;font-size:clamp(26px,3vw,39px);font-family:var(--font-bold)}.brackets-record-dot{background:#19aeab;border-radius:50%;flex-shrink:0;width:10px;height:10px}@media (width<=1000px){.brackets{padding:20px}.brackets-stacks{margin:32px 0}.brackets-record{height:58px;padding:8px 13px}}@media (width<=760px){.brackets{padding:20px 24px}.brackets-stacks{max-width:360px;margin:26px auto 32px}.brackets-record{height:56px}.brackets-record-label{font-size:clamp(24px,8vw,31px)}}