.hero-video{display:block;width:100%;height:auto;border-radius:18px;background:#000}
.plans{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}
.plans .price-card{padding:1.2rem}
.plans .price{font-size:clamp(2.2rem,5vw,3rem)}
.plan-note{margin-top:1rem;max-width:60ch}
.gets{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1.5rem}
.gets img{width:100%;height:auto;border-radius:14px}
.legal{max-width:760px;margin:0 auto;padding:2.5rem 16px 4rem;line-height:1.65}
.legal h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:.25rem}
.legal h2{font-size:1.2rem;margin-top:2rem}
.legal .updated{opacity:.75;margin-bottom:2rem}
.legal ul{padding-left:1.2rem}
.site-foot{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;text-align:center;padding:2rem 16px;opacity:.85}
#top{padding-inline:var(--gutter)}
#top>header,#top>main,#top>footer{max-width:1180px;margin-inline:auto}
.hero-media .clip-label{margin-top:12px}
#faq details{background:var(--panel);border-radius:var(--r-panel);padding:.95rem 1.1rem;box-shadow:var(--lip);max-width:74ch}
#faq details+details{margin-top:12px}
#faq summary{cursor:pointer;font:400 1.125rem/1.35 var(--f-display);letter-spacing:.01em}
#faq details p{margin-top:12px;color:var(--muted)}