/* Watch companion overview */
.watch-hero{text-align:center;padding-top:4rem;background:radial-gradient(ellipse at 50% 60%,#69462655,transparent 65%)}
.watch-hero h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.04em;line-height:.98}.watch-hero h1 span{color:var(--accent)}
.watch-intro{max-width:38rem;margin:1.8rem auto;font-size:1.25rem;color:var(--muted)}.watch-status{display:inline-block;border:1px solid var(--border);border-radius:2rem;padding:.45rem 1rem;font-size:.85rem}
.watch-duo{display:flex;justify-content:center;align-items:center;gap:clamp(2rem,8vw,7rem);margin:3.5rem 0 2rem}.watch-duo figure{max-width:42%;flex:1 1 16rem}.watch-face{background:#090909;border:5px solid #60594e;box-shadow:0 1.5rem 3rem #0006;overflow:hidden;margin:auto}.watch-face.apple{max-width:17rem;border-radius:3rem}.watch-face.wear{max-width:19rem;border-radius:50%}.watch-face img{width:100%}.watch-duo figcaption{margin-top:1.3rem;font-weight:800;font-size:1.1rem}.watch-duo small{font-size:.88rem;font-weight:400;color:var(--muted)}.watch-hero .button{margin-top:2rem}
.watch-features{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.watch-features article>span{font-size:4rem}.watch-features h2{margin-bottom:1.5rem}.watch-features p:last-child{color:var(--muted);font-size:1.15rem;max-width:30rem}
.watch-guide>p{max-width:48rem;margin:1.2rem 0;color:var(--muted)}.watch-guide>.eyebrow{color:var(--accent)}.watch-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.watch-steps b{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:var(--bg);font-size:1.4rem;margin-bottom:1.3rem}.watch-steps h3,.watch-platforms h3{margin-bottom:1rem}.watch-steps p,.watch-platforms p{color:var(--muted)}.watch-platforms{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.watch-platforms article{padding:2rem;border:1px solid var(--border);border-radius:1.5rem;background:var(--surface)}.watch-platforms p{margin-bottom:1rem}.watch-platforms .caption{text-align:left}.watch-guide details{border-top:1px solid var(--border);padding:1.3rem 0}.watch-guide summary{cursor:pointer;font-size:1.15rem;font-weight:800}.watch-guide details p{margin-top:1rem;max-width:50rem;color:var(--muted)}.watch-teaser{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem}.watch-teaser p{max-width:40rem;color:var(--muted);margin:1.4rem 0}.watch-teaser .watch-glyph{font-size:7rem}
@media(max-width:700px){.watch-features,.watch-platforms,.watch-steps,.watch-teaser{grid-template-columns:1fr;gap:2.5rem}.watch-duo{gap:1.25rem;margin-top:2.5rem}.watch-face.apple{border-radius:2rem}.watch-face{border-width:3px}.watch-duo figcaption{font-size:1rem}.watch-duo small{font-size:.75rem}.watch-teaser .watch-glyph{display:none}.watch-platforms article{padding:1.4rem}}

/* The real home screens, paged in each watch OS's native direction. */
.watch-duo { align-items: start; }
.watch-duo .watch-demo { display: grid; grid-template-rows: 21rem auto; width: 100%; max-width: 24rem; min-width: 0; }
.watch-demo .watch-face { width: 100%; align-self: center; }
.watch-viewport { aspect-ratio: 1; overflow: auto; scrollbar-width: none; scroll-snap-type: x mandatory; cursor: grab; user-select: none; -webkit-user-select: none; }
.apple .watch-viewport { aspect-ratio: 324 / 394; scroll-snap-type: y mandatory; }
.watch-viewport::-webkit-scrollbar { display: none; }
.watch-viewport:focus-visible { outline-offset: -0.4rem; border-radius: inherit; }
.watch-slides { display: flex; width: 100%; height: 100%; }
.apple .watch-slides { flex-direction: column; }
.watch-slide { flex: 0 0 100%; width: 100%; height: 100%; min-width: 0; min-height: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.watch-slide img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.watch-viewport.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.watch-demo figcaption { margin-top: 1.5rem; }
.watch-demo figcaption strong { font-family: var(--font-fun); font-size: 1.4rem; font-weight: 500; }
.watch-hint { margin: .45rem 0 1rem; color: var(--muted); font-size: .85rem; font-weight: 400; }
.watch-picker { display: flex; justify-content: center; gap: .4rem; }
.watch-picker button { min-height: 2.75rem; padding: .45rem .9rem; border: 1px solid var(--border); border-radius: 9999px; color: var(--muted); background: var(--surface); font-size: .85rem; font-weight: 800; transition: background .18s, color .18s; }
.watch-picker button:hover { color: var(--text); border-color: var(--accent); }
.watch-picker button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--bg); }
.watch-screen-description { max-width: 22rem; min-height: 4.5em; margin: 1rem auto 0; font-size: .9rem; font-weight: 400; color: var(--muted); }
@media (max-width: 600px) {
  .watch-duo { flex-direction: column; align-items: center; gap: 2.5rem; }
  .watch-duo .watch-demo { flex: none; max-width: 22rem; }
  .watch-demo .watch-face.apple { border-radius: 3rem; }
  .watch-screen-description { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .watch-picker button { transition: none; }
}

.watch-picker { flex-wrap: wrap; }