.audio-video-demo-section{padding:42px 0;background:#f4f7fc}.audio-video-demo{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);overflow:hidden;background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 20px 55px rgb(7 21 47/.1)}.audio-video-controls{display:grid;align-content:start;gap:16px;padding:24px;border-right:1px solid #e1e7f0}.audio-video-controls label,.audio-video-controls fieldset{display:grid;gap:7px;margin:0;color:#1c2c47;font-weight:800}.audio-video-controls input,.audio-video-controls select{width:100%;min-height:44px;padding:10px 12px;color:#14233d;background:#fff;border:1px solid #b9c5d7;border-radius:8px}.audio-layout-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.audio-layout-choices button{min-height:44px;padding:8px;color:#344661;background:#f7f9fc;border:1px solid #ccd5e2;border-radius:8px;font-weight:750}.audio-layout-choices button[aria-pressed=true]{color:#075be2;background:#eef5ff;border-color:#3e83ed;box-shadow:inset 0 0 0 1px #3e83ed}.audio-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important}.audio-check input{width:20px;height:20px;min-height:0}.audio-video-preview{display:grid;align-content:start;gap:18px;padding:26px;background:#eef2f8}.audio-video-canvas{position:relative;display:grid;grid-template-columns:34% 1fr;align-items:center;gap:5%;overflow:hidden;aspect-ratio:16/9;padding:7%;color:#fff;background:radial-gradient(circle at 82% 20%,#274e9a,transparent 31%),linear-gradient(145deg,#06122f,#0a2555);border-radius:13px;box-shadow:0 22px 45px -28px #00143f}.audio-cover-art{display:grid;aspect-ratio:1;place-items:center;padding:10%;color:#fff;background:linear-gradient(145deg,#176fff,#0639a5);border:1px solid rgb(255 255 255/.3);border-radius:12px;font-size:clamp(.85rem,2vw,1.5rem);font-weight:950;line-height:.9;text-align:center;letter-spacing:.04em}.audio-video-copy{display:grid;gap:8px}.audio-video-copy strong{font-size:clamp(1rem,2.4vw,2rem);line-height:1.05}.audio-video-copy span{color:#bdd4ff;font-size:clamp(.6rem,1.2vw,.9rem);font-weight:750}.audio-wave{position:absolute;right:7%;bottom:12%;left:46%;display:flex;height:18%;align-items:center;gap:2px;opacity:0;transition:opacity .15s}.audio-wave i{flex:1;height:var(--h);background:#45a5ff;border-radius:8px}.audio-progress{position:absolute;right:0;bottom:0;left:0;height:8px;background:rgb(255 255 255/.16)}.audio-progress i{display:block;width:62%;height:100%;background:#2c8cff}.audio-video-preview[data-layout=waveform] .audio-wave,.audio-video-preview[data-layout=spectrum] .audio-wave{opacity:1}.audio-video-preview[data-layout=spectrum] .audio-wave i{background:linear-gradient(#7d5cff,#2ccfff)}.audio-video-preview[data-layout=podcast] .audio-video-canvas{grid-template-columns:40% 1fr;background:linear-gradient(145deg,#211a4c,#0a2651)}.audio-video-preview dl{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0}.audio-video-preview dl div{padding:11px;background:#fff;border:1px solid #d5deeb;border-radius:9px}.audio-video-preview dt{color:#60708a;font-size:.72rem;font-weight:750}.audio-video-preview dd{margin:3px 0 0;color:#172641;font-weight:850}.audio-video-package{display:grid;gap:7px;padding:14px;color:#21314e;background:#fff;border:1px solid #bdd4f4;border-radius:10px}.audio-video-package strong{color:#075be2}.audio-video-package span::before{content:'✓ ';color:#07855b;font-weight:900}@media(max-width:760px){.audio-video-demo{grid-template-columns:1fr}.audio-video-controls{border-right:0;border-bottom:1px solid #e1e7f0}.audio-video-preview{padding:16px}.audio-video-preview dl{grid-template-columns:1fr}.audio-video-copy strong{font-size:clamp(.82rem,4vw,1.35rem)}}@media(max-width:420px){.audio-layout-choices{grid-template-columns:1fr}.audio-video-controls{padding:18px}.audio-video-preview{padding:12px}}@media(prefers-reduced-motion:reduce){.audio-wave{transition:none}}