.watch-preview{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding:52px 48px;margin:56px 0;border:1px solid #304c67;border-radius:28px;background:radial-gradient(ellipse at 85% 50%,#29558455,transparent 60%),linear-gradient(135deg,#192f46,#0e1d30);overflow:hidden}
.watch-copy{position:relative;z-index:1}.watch-copy>.badge{display:inline-block;margin:18px 0 16px;background:#234460;color:#cbe4ff;border:1px solid #426689;padding:7px 12px;border-radius:30px;font-size:12px}.watch-copy h2{margin:0 0 22px;line-height:1.07}.watch-copy p{color:#b9cbe0;line-height:1.8;max-width:540px}.watch-benefits{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px;font-size:14px;color:#e5f0ff}.watch-benefits li:before{content:'✓';color:#a9d1ff;margin-right:12px}.watch-copy .watch-note{font-size:12px;color:#9eb4ce;line-height:1.7}
.watch-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;margin:0;isolation:isolate}.watch-halo{position:absolute;width:340px;max-width:100%;aspect-ratio:1;top:50%;transform:translateY(-55%);border:1px solid #7ca9da20;border-radius:50%;box-shadow:0 0 0 30px #76baff05,0 0 0 60px #76baff03;background:radial-gradient(circle,#5ca5f524,transparent 70%);z-index:-1}.watch-hardware{position:relative;width:270px;height:380px;flex-shrink:0}.watch-strap{position:absolute;top:0;bottom:0;left:75px;width:120px;border-radius:35px;background:repeating-linear-gradient(0deg,transparent 0 9px,#ffffff06 9px 10px),linear-gradient(90deg,#0b1420,#25354a 25%,#152337 75%,#080e18);border:1px solid #415369;box-shadow:inset 4px 0 8px #ffffff08,0 22px 35px #0005}.watch-crown{position:absolute;right:-5px;top:157px;width:15px;height:40px;background:linear-gradient(90deg,#1a2635,#72849a,#182638);border:1px solid #65788f;border-radius:5px}.watch-case{position:absolute;inset:55px 0;border-radius:50%;padding:12px;background:linear-gradient(135deg,#99aabc 0%,#394b60 18%,#0b1420 45%,#5e7289 80%,#b4c5d6 100%);box-shadow:0 25px 40px #0009,inset 0 0 0 2px #adcae24d}.watch-face{height:100%;border:4px solid #03070b;border-radius:50%;background:#101418;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 24px #0009;color:#f1f5fa;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.watch-face img{border-radius:7px;margin-bottom:6px}.watch-brand{font-size:13px;font-weight:700}.watch-location{font-size:10px;color:#b8c6d8;margin-top:13px}.watch-code{font-size:34px;font-weight:750;line-height:1.4;letter-spacing:1px}.watch-demo-label{font-size:8px;letter-spacing:1.4px;color:#8ea7bf}.watch-refresh{font-size:20px;color:#b7d8ff;margin-top:8px}.watch-visual figcaption{font-size:11px;color:#a2b9d2;text-align:center;line-height:1.7;margin-top:20px;max-width:270px}
@media(max-width:760px){.watch-preview{grid-template-columns:1fr;padding:30px 24px;gap:28px}.watch-copy h2{font-size:36px;letter-spacing:-1.2px}.watch-visual{padding:10px 0 6px}.watch-hardware{transform:scale(.9);margin:-19px 0}.watch-visual figcaption{margin-top:14px}}
@media(max-width:360px){.watch-preview{padding:28px 18px}.watch-copy h2{font-size:30px}.watch-hardware{transform:scale(.8);margin:-38px -20px}}