*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0a;--bg-darker: #050505;--text-light: #ffffff;--text-gray: #b3b3b3;--accent-gold: #d4af37;--accent-silver: #c0c0c0;--shadow-glow: rgba(212, 175, 55, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-darker) 100%);color:var(--text-light);overflow-x:hidden;line-height:1.6}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,rgba(212,175,55,.05) 0%,transparent 70%)}.hero-content{text-align:center;z-index:1}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:300;letter-spacing:.2em;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-gold) 0%,var(--text-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-gray);font-weight:300;letter-spacing:.1em;opacity:1}.watch-section{display:flex;align-items:flex-start;justify-content:center;position:relative;padding:2rem 2rem 4rem;margin-top:0;margin-bottom:12rem}.watch-container{position:relative;width:400px;height:400px;margin:0 auto}.watch-part{position:absolute;opacity:0;pointer-events:none}.watch-case-frame{width:400px;height:400px;left:50%;top:50%;pointer-events:none;position:absolute}.case-frame-image{width:100%;height:100%;object-fit:contain;opacity:1;display:block}.watch-dial{width:400px;height:400px;padding:60px;left:50%;top:50%;position:absolute}.dial-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#162b54,#0a1a2e);position:relative;box-shadow:inset 0 0 30px #0006,0 0 20px #0000004d;border:20px solid #08172e}.watch-numeral{position:absolute;left:50%;top:50%;z-index:25;opacity:0;pointer-events:none;transform:translate(-50%,-50%);font-size:20px;font-weight:400;color:#fff;font-family:Times New Roman,Georgia,serif;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(255,255,255,.3);white-space:nowrap;letter-spacing:1px}.tachymeter-scale{position:absolute;left:50%;top:50%;z-index:10;opacity:0;pointer-events:none;font-size:10px;font-weight:400;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px rgba(255,255,255,.2);white-space:nowrap;letter-spacing:.5px}.watch-hand{position:absolute;left:50%;top:50%;z-index:30;opacity:0;pointer-events:none;transform-origin:center bottom}.hand-inner{position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:2px 2px 0 0;transform-origin:center bottom}.hour-hand-inner{width:6px;height:60px;background:linear-gradient(90deg,#fff,silver,#fff);box-shadow:0 0 5px #fff6,inset 0 0 3px #fff9}.minute-hand-inner{width:4px;height:80px;background:linear-gradient(90deg,#fff,silver,#fff);box-shadow:0 0 5px #fff6,inset 0 0 3px #fff9}.second-hand-inner{width:2px;height:90px;background:#d32f2f;box-shadow:0 0 3px #d32f2f99}.hand-center{position:absolute;left:50%;top:50%;width:12px;height:12px;background:#fff;border:2px solid #333;border-radius:50%;transform:translate(-50%,-50%);z-index:31;opacity:0;pointer-events:none;box-shadow:0 0 5px #00000080}.rive-watch-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:4rem 2rem;margin-top:4rem;background:#2f2f2f;border-top:1px solid var(--accent-gold);border-bottom:1px solid var(--accent-gold)}.rive-watch-container{width:100%;max-width:600px;height:600px;display:flex;align-items:center;justify-content:center;margin:0 auto}.rive-watch-container canvas{width:100%!important;height:100%!important;max-width:600px;max-height:600px}.info-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.info-content{max-width:800px;opacity:1}.info-title{font-size:clamp(2rem,5vw,4rem);font-weight:300;letter-spacing:.1em;margin-bottom:2rem;color:var(--accent-gold)}.info-text{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-gray);line-height:1.8;font-weight:300}.footer{padding:2rem;text-align:center;color:var(--text-gray);font-size:.9rem}@media (max-width: 768px){.watch-container{width:300px;height:300px}.rive-watch-container{max-width:100%;height:400px;padding:1rem}.rive-watch-container canvas{max-width:100%;max-height:400px}.watch-case-frame{width:300px;height:300px}.watch-dial{width:210px;height:210px}}