*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#050d05;color:#f5f0e8;overflow-x:hidden}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#050d05}
::-webkit-scrollbar-thumb{background:#c9a96e44;border-radius:3px}
::selection{background:rgba(201,169,110,0.3);color:#f5f0e8}
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes rotateSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pulseGold{0%,100%{box-shadow:0 0 0 0 rgba(201,169,110,0.4)}50%{box-shadow:0 0 20px 5px rgba(201,169,110,0.15)}}
@keyframes diamondGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(201,169,110,0.3))}50%{filter:drop-shadow(0 0 20px rgba(201,169,110,0.6))}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(-15%,5%)}70%{transform:translate(8%,10%)}90%{transform:translate(-10%,15%)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.animate-fadeInUp{animation:fadeInUp 1s ease forwards}
.animate-fadeInDown{animation:fadeInDown 0.8s ease forwards}
.animate-scaleIn{animation:scaleIn 1.2s ease forwards}
.animate-float{animation:float 6s ease-in-out infinite}
.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}
.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-800{animation-delay:.8s}
.reveal{opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.16,1,.3,1)}
.reveal.active{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-60px);transition:all .9s cubic-bezier(.16,1,.3,1)}
.reveal-left.active{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(60px);transition:all .9s cubic-bezier(.16,1,.3,1)}
.reveal-right.active{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(.8);transition:all 1s cubic-bezier(.16,1,.3,1)}
.reveal-scale.active{opacity:1;transform:scale(1)}
.gold-shimmer{background:linear-gradient(90deg,#c9a96e 0%,#e2c992 25%,#fff5d4 50%,#e2c992 75%,#c9a96e 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}
.diamond-glow{animation:diamondGlow 3s ease-in-out infinite}
.grain-overlay::before{content:'';position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite;pointer-events:none;z-index:9998;opacity:.5}
.hero-bg{background:radial-gradient(ellipse at 20% 50%,rgba(13,40,24,.8) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(20,61,37,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(201,169,110,.05) 0%,transparent 40%),#050d05}
.watch-card{background:linear-gradient(145deg,rgba(13,40,24,.5),rgba(5,13,5,.8));border:1px solid rgba(201,169,110,.1);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}
.watch-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,169,110,.06),transparent);transition:left .7s ease}
.watch-card:hover::before{left:100%}
.watch-card:hover{border-color:rgba(201,169,110,.35);transform:translateY(-8px);box-shadow:0 20px 60px rgba(201,169,110,.08)}
.btn-lux{position:relative;overflow:hidden;background:transparent;border:1px solid rgba(201,169,110,.4);transition:all .5s ease}
.btn-lux::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#c9a96e,#a68a4b);transition:width .5s ease;z-index:-1}
.btn-lux:hover::before{width:100%}.btn-lux:hover{color:#050d05;border-color:#c9a96e}
.btn-lux-filled{background:linear-gradient(135deg,#c9a96e,#a68a4b);color:#050d05;transition:all .4s ease;position:relative;overflow:hidden}
.btn-lux-filled:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,169,110,.3)}
.gold-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.3),transparent)}
.marquee-track{animation:marquee 25s linear infinite}.marquee-track:hover{animation-play-state:paused}
.nav-glass{background:rgba(5,13,5,.7);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.08);transition:all .4s ease}
.nav-glass.scrolled{background:rgba(5,13,5,.92);border-bottom-color:rgba(201,169,110,.15)}
.logo-spin-slow{animation:rotateSlow 30s linear infinite}
.mobile-menu{clip-path:circle(0% at calc(100% - 40px) 40px);transition:clip-path .7s cubic-bezier(.65,0,.35,1)}
.mobile-menu.open{clip-path:circle(150% at calc(100% - 40px) 40px)}
.img-mask-angled{clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%)}
.testimonial-card{background:linear-gradient(135deg,rgba(13,40,24,.4),rgba(5,13,5,.6));border:1px solid rgba(201,169,110,.08);transition:all .5s ease}
.testimonial-card:hover{border-color:rgba(201,169,110,.2)}
.feature-icon{animation:pulseGold 3s ease-in-out infinite}
.brand-tag{letter-spacing:.15em;font-size:10px;font-weight:700;text-transform:uppercase;padding:4px 12px;background:rgba(201,169,110,.9);color:#050d05}
.watch-img-container{position:relative;overflow:hidden;aspect-ratio:1/1;background:linear-gradient(135deg,rgba(10,26,10,.8),rgba(5,13,5,.9));display:flex;align-items:center;justify-content:center}
.watch-img-container img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));transition:all .8s cubic-bezier(.16,1,.3,1)}
.watch-card:hover .watch-img-container img{transform:scale(1.08) rotate(1deg);filter:drop-shadow(0 15px 40px rgba(201,169,110,.15))}
.watch-img-container::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(5,13,5,.3) 100%);pointer-events:none}
.typing-cursor{display:inline-block;width:3px;height:1.1em;background:#c9a96e;margin-left:4px;vertical-align:text-bottom;animation:blink .8s step-end infinite}
.typing-line{opacity:0;transform:translateY(15px)}
.typing-line.visible{opacity:1;transform:translateY(0);transition:all .6s ease}
.quote-mark{color:rgba(201,169,110,.3);font-family:'Playfair Display',serif;font-size:3rem;line-height:0;vertical-align:-.3em;margin-right:8px}
.slogan-section{position:relative;overflow:hidden}
.slogan-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.1),transparent)}
.slogan-section::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.1),transparent)}
.lux-btn{display:inline-flex;align-items:center;gap:12px;padding:10px 20px;border-radius:6px;border:1px solid rgba(201,169,110,.25);background:linear-gradient(135deg,rgba(13,40,24,.6),rgba(5,13,5,.8));backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.16,1,.3,1);text-decoration:none;position:relative;overflow:hidden}
.lux-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,169,110,.08),transparent);opacity:0;transition:opacity .5s ease}
.lux-btn:hover::before{opacity:1}
.lux-btn:hover{border-color:rgba(201,169,110,.5);transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,169,110,.12)}
.lux-btn img{transition:transform .5s cubic-bezier(.16,1,.3,1);filter:saturate(0.8) brightness(0.9)}
.lux-btn:hover img{transform:scale(1.1);filter:saturate(1) brightness(1)}
.lux-btn .lux-name{color:#e2c992;font-size:13px;font-weight:600;letter-spacing:.04em;position:relative;z-index:1}
.lux-btn .lux-handle{color:rgba(201,169,110,.5);font-size:11px;font-weight:400;position:relative;z-index:1;transition:color .4s ease}
.lux-btn:hover .lux-handle{color:rgba(201,169,110,.8)}
.lux-btn-sm{padding:8px 14px}
.lux-btn-sm img{width:28px;height:28px}
.lux-btn-lg{padding:12px 24px}
.lux-btn-lg img{width:48px;height:48px}
.lux-btn-sm .lux-name{font-size:11px}
.lux-btn-sm .lux-handle{font-size:10px}
.lux-btn-lg .lux-name{font-size:14px}
.lux-btn-lg .lux-handle{font-size:12px}
.lux-btn-lg .lux-label{color:rgba(201,169,110,.35);font-size:9px;text-transform:uppercase;letter-spacing:.2em;display:block;margin-bottom:2px;position:relative;z-index:1}
html{scroll-behavior:smooth}
