.audio-hero { padding: 80px 0 0; }
.audio-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 64px; }
.audio-hero-copy h1 { font-size: clamp(2.8rem, 5.2vw, 4.6rem); margin: 18px 0 24px; }
.audio-hero-copy .lede { max-width: 530px; font-size: 1.08rem; line-height: 1.75; }
.audio-hero-links { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 28px; font-size: .9rem; }
.audio-explore { padding: 12px 18px; border: 1px solid rgba(139,140,255,.35); border-radius: 8px; background: rgba(94,106,210,.13); }
.audio-explore:hover { background: rgba(94,106,210,.25); }
.audio-explore span { margin-left: 16px; color: #b6b7ff; }
.audio-signal-art { position: relative; min-width: 0; padding: 28px; border: 1px solid rgba(139,140,255,.22); border-radius: 20px; background: radial-gradient(ellipse at 50% 45%, rgba(94,106,210,.18), transparent 70%), linear-gradient(145deg,#171922,#0c0e14); box-shadow: 0 24px 90px rgba(0,0,0,.3); }
.audio-art-top { display: flex; align-items: center; justify-content: space-between; color: #c7c9db; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }
.audio-art-dot { width: 6px; height: 6px; border-radius: 50%; background: #9b9dff; box-shadow: 0 0 14px #8b8cff; }
.audio-wave { display: flex; align-items: center; justify-content: center; gap: 5px; height: 228px; position: relative; }
.audio-wave::before { content: ''; position: absolute; height: 1px; width: 100%; background: rgba(139,140,255,.15); }
.audio-wave span { width: 5px; flex: 1; max-width: 6px; height: var(--bar-height); border-radius: 6px; background: linear-gradient(180deg,#c1c4ff,#7f88ee 50%,#555ba3); box-shadow: 0 0 14px rgba(139,140,255,.13); transform-origin: center; animation: audio-wave-drift 5s ease-in-out infinite; animation-delay: var(--bar-delay); }
@keyframes audio-wave-drift { 0%,100% { transform: scaleY(.78); opacity: .7; } 50% { transform: scaleY(1); opacity: 1; } }
.audio-art-flow { display: grid; grid-template-columns: 1fr .7fr 1fr; gap: 14px; }
.audio-art-flow span { padding: 9px 4px; font-size: .7rem; text-align: center; border: 1px solid rgba(139,140,255,.18); border-radius: 6px; color: #d4d6ee; background: rgba(139,140,255,.04); }
.audio-art-flow span:nth-child(2) { border-color: rgba(139,140,255,.45); background: rgba(139,140,255,.1); }
.audio-art-caption { text-align: center; color: #949bb5; font-size: .7rem; margin-top: 18px; }
.audio-use-row { display: flex; flex-wrap: wrap; gap: 18px 42px; padding-top: 32px; padding-bottom: 28px; margin-top: 52px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: var(--muted); font-size: .8rem; }
.audio-use-row span::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #8b8cff; margin: 0 10px 3px 0; }
.audio-capabilities { padding: 64px 0; scroll-margin-top: 84px; }
.audio-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 28px; }
.audio-section-heading h2 { margin-bottom: 0; }
.audio-section-heading > p { color: var(--muted); font-size: .85rem; margin-bottom: 4px; }
.audio-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.audio-topic-card { position: relative; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; padding: 28px 30px 0; background: linear-gradient(135deg,#14161c,#101115); scroll-margin-top: 90px; transition: border-color .2s, box-shadow .2s; }
.audio-topic-card:hover { border-color: rgba(139,140,255,.4); box-shadow: 0 8px 32px rgba(0,0,0,.12); }
.audio-topic-card:has(details[open]) { grid-column: 1 / -1; border-color: rgba(139,140,255,.4); }
.audio-card-top { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 22px; }
.audio-topic-icon { color: #a5a9ff; flex-shrink: 0; }
.audio-topic-label { color: #9299af; text-transform: uppercase; font-size: .63rem; letter-spacing: .1em; }
.audio-topic-card h3 { font-size: 1.35rem; line-height: 1.3; margin: 0 0 12px; letter-spacing: -.025em; }
.audio-topic-summary { color: var(--muted); font-size: .91rem; line-height: 1.7; min-height: 3.4em; margin: 0 0 24px; }
.audio-topic-details { border-top: 1px solid rgba(255,255,255,.08); }
.audio-topic-details summary { position: relative; list-style: none; padding: 17px 0; cursor: pointer; color: #c7caff; font-size: .8rem; display: flex; align-items: center; justify-content: space-between; }
.audio-topic-details summary::-webkit-details-marker { display: none; }
.audio-topic-details summary::marker { content: ''; }
.audio-topic-details summary:focus-visible { outline: 2px solid #a5a9ff; outline-offset: 5px; border-radius: 3px; }
.audio-detail-toggle { position: relative; width: 18px; height: 18px; }
.audio-detail-toggle::before,.audio-detail-toggle::after { content: ''; position: absolute; background: currentColor; border-radius: 1px; top: 8px; left: 3px; width: 12px; height: 1px; }
.audio-detail-toggle::after { transform: rotate(90deg); transition: transform .2s; }
.audio-topic-details[open] .audio-detail-toggle::after { transform: rotate(0); }
.audio-read-less { display: none; }
.audio-topic-details[open] .audio-read-more { display: none; }
.audio-topic-details[open] .audio-read-less { display: inline; }
.audio-detail-copy { padding: 6px 0 22px; max-width: 80ch; }
.audio-detail-copy h4 { font-size: .95rem; font-weight: 600; line-height: 1.5; margin: 0 0 16px; }
.audio-detail-copy p { color: #b9bdca; font-size: .9rem; line-height: 1.85; margin-bottom: 16px; }
.audio-detail-copy p:last-child { margin-bottom: 0; }
.audio-detail-copy a,.audio-topic-summary a { color: #c7caff; text-decoration: underline; text-underline-offset: 3px; }
.audio-topic-led { border-color: rgba(139,140,255,.3); background: radial-gradient(ellipse at 100% 0,rgba(94,106,210,.16),transparent 75%),#12141b; }
@media (max-width: 900px) {
    .audio-hero-grid { gap: 30px; grid-template-columns: 1.1fr 1fr; }
    .audio-signal-art { padding: 22px 18px; }
    .audio-art-flow { gap: 7px; }
    .audio-wave { gap: 3px; height: 190px; }
    .audio-topic-card { padding: 24px 22px 0; }
    .audio-section-heading { align-items: start; }
}
@media (max-width: 700px) {
    .audio-hero { padding-top: 48px; }
    .audio-hero-grid { grid-template-columns: 1fr; gap: 32px; }
    .audio-signal-art { max-width: 480px; width: 100%; }
    .audio-wave { height: 160px; }
    .audio-wave span { height: calc(var(--bar-height) * .8); }
    .audio-use-row { margin-top: 32px; gap: 12px 24px; }
    .audio-section-heading { display: block; }
    .audio-section-heading > p { margin-top: 16px; }
    .audio-card-grid { grid-template-columns: 1fr; gap: 14px; }
    .audio-capabilities { padding-top: 40px; }
    .audio-topic-summary { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .audio-wave span { animation: none; }
    .audio-topic-card,.audio-detail-toggle::after { transition: none; }
}
@media print {
    .audio-signal-art { display: none; }
    .audio-card-grid,.audio-hero-grid { display: block; }
    .audio-topic-details::details-content { content-visibility: visible; }
    .audio-topic-card { break-inside: avoid; margin-bottom: 16px; }
}