/* Focused polish; retain the established palette and page layout. */
.site-home .feature{border-radius:12px;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}
.site-home .feature:focus-visible{background:var(--surface);box-shadow:0 0 0 9px var(--surface)}
.site-home .hero-capture{width:260px}
.site-home .screen-panel .shot-link{width:270px}
.site-home .screen-panel .shot-link img{aspect-ratio:auto}
.site-home #screenshots.screen-showcase{grid-template-columns:minmax(0,280px) 270px;gap:16px 32px}
.site-home .button:hover,.site-home .button:focus-visible{transform:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 25%,transparent)}
.site-home .button:active{transform:scale(.99)}
.site-home .watch-preview{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:20px;align-items:center;padding-bottom:16px}
.site-home .watch-preview figure{margin:0;text-align:center}
.site-home .watch-preview .shot-link{display:block;border-radius:24px;overflow:hidden;background:#000}
.site-home .watch-preview img{display:block;width:100%;height:auto;aspect-ratio:auto}
.site-home .watch-preview figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:8px}
.site-home #apple-watch{scroll-margin-top:100px}
.site-policy .legal h1{font-size:clamp(30px,5vw,42px);line-height:1.15;letter-spacing:-.03em;margin:0 0 20px;overflow-wrap:anywhere}
.site-policy .legal h2{font-size:25px;line-height:1.3}
.site-guide .missing-page{max-width:700px;margin:clamp(24px,6vw,72px) auto}
.site-guide .missing-page .eyebrow{color:var(--blue);font-size:14px;letter-spacing:.08em;font-weight:700}
.site-guide .missing-page nav{margin:24px 0}
@media(hover:hover){.site-home .feature:hover{transform:translateY(-2px);background:var(--surface);box-shadow:0 0 0 9px var(--surface)}.site-home .shot-link:hover{transform:scale(1.015)}}
@media(max-width:760px){.site-home #screenshots.screen-showcase{display:block}.site-home .screen-panel .shot-link{width:min(290px,100%)}.site-home .screen-panel h3{font-size:21px}.site-home .watch-preview{grid-template-columns:minmax(0,1fr) 120px;gap:16px}.site-home .hero .lead{max-width:36ch;line-height:1.55}}
@media(max-width:400px){.site-home .watch-preview{grid-template-columns:1fr}.site-home .watch-preview figure{width:144px;justify-self:center}}
@media(prefers-reduced-motion:reduce){.site-home .feature,.site-home .shot-link,.site-home .button{transition:none!important;transform:none!important}}
