/* Current app sections are independent of the retired audio-card layout. */
.current-features{padding-block:32px 80px;scroll-margin-top:100px}
.current-features>.eyebrow{color:var(--blue);margin-bottom:18px}
.current-features>h2{font-size:clamp(30px,4vw,48px)}
.current-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.current-feature{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;min-width:0}
.current-feature .eyebrow{font-size:13px;color:var(--blue)}
.current-feature h3{font-size:25px;line-height:1.4;letter-spacing:-.03em;margin:16px 0}
.current-feature>p:last-child{font-size:16px;line-height:1.8;color:#586273;overflow-wrap:anywhere}
.product-stage.current-stage{display:flex;justify-content:center;min-height:0;grid-template-areas:none;padding:32px;margin-top:36px;background:#e9edf6}
.current-stage .hero-device{display:block;width:280px;max-width:100%;grid-area:auto}
.current-capture{position:relative;aspect-ratio:1080 / 1550;overflow:hidden;border-radius:16px;background:#f5f6fa}
.current-capture img,.hero-device .current-capture img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:-4.52%;border:0;border-radius:0;padding:0}
.journal-capture figcaption{font-size:13px;line-height:1.6;margin-top:12px;text-align:center;color:#586273}
.guide-page .guide-main a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.guide-page .guide-main a:hover{color:var(--blue)}
.support-topic{border-top:1px solid var(--line);padding-top:28px;margin-top:32px}
.guide-page .guide-main h1{overflow-wrap:anywhere}
@media(max-width:900px){.current-feature-grid{grid-template-columns:1fr}.current-feature{padding:24px}.current-feature h3{font-size:24px}}
@media(max-width:760px){
  .current-features{padding-block:28px 48px}
  .product-stage.current-stage{width:calc(100% - 40px);padding:24px;margin-top:28px;border-radius:22px}
  .current-stage .hero-device{width:240px}
  .journal-captures{max-width:320px;grid-template-columns:1fr;gap:24px}
  .hero-copy h1{overflow-wrap:anywhere}
  .header .nav{gap:10px}
  .header .brand{min-width:0}
  .header .nav-download{flex-shrink:0}
}