.watch-product{background:#07131d;color:#e2edf2}
.watch-wrap{width:min(1060px,100%);margin:auto;padding:clamp(24px,5vw,72px) clamp(18px,4vw,48px);font:1.05rem/1.65 system-ui,sans-serif;overflow-wrap:break-word}
.watch-wrap a{color:#95edf0;text-underline-offset:.2em}
.watch-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(24px,6vw,80px);padding:2rem 0}
.watch-hero h1,.watch-example figcaption{font:600 .85rem/1.4 ui-monospace,monospace;color:#ddbf82;letter-spacing:.12em;text-transform:uppercase}
.watch-title{font-size:clamp(2.45rem,5.6vw,4.6rem);font-weight:620;line-height:1.03;letter-spacing:-.055em;margin:.25em 0}
.watch-example{margin:0;border:1px solid #345261;border-radius:12px;background:linear-gradient(135deg,#10273b,#0b1926);padding:clamp(18px,3vw,32px)}
.watch-example dl{padding-left:1.4rem;border-left:1px solid #457483}
.watch-example dt{position:relative;font-size:.8rem;color:#96dfe3}
.watch-example dt:before{content:"";position:absolute;left:-1.67rem;top:.5em;width:.5rem;height:.5rem;transform:rotate(45deg);background:#7cdde3}
.watch-example dd{margin:0 0 1rem}.watch-example p{font-size:.88rem;color:#c2d3dc}
.watch-wrap section{border-top:1px solid #2d414f;padding:2rem 0}.watch-wrap section p,.watch-wrap li{max-width:68ch}
.watch-wrap h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.2}.watch-wrap li{margin:.65rem 0}
.watch-wrap summary{cursor:pointer;padding:.8rem 0;font-weight:600}.watch-wrap details{border-bottom:1px solid #283e4a}
.watch-wrap .watch-cta{display:inline-block;background:#aff5f5;color:#081925;padding:.6rem 1.1rem;border-radius:8px;font-weight:650;text-decoration:none}
@media(max-width:700px){.watch-hero{grid-template-columns:minmax(0,1fr);padding-top:1rem}}