*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#070707;--panel:#11110f;--gold:#d6a43a;--gold2:#f4cf72;
  --white:#f7f5ef;--muted:#a8a59d;--line:rgba(214,164,58,.22);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 38%,rgba(214,164,58,.08),transparent 28%),radial-gradient(circle at 15% 75%,rgba(255,255,255,.035),transparent 25%);z-index:-2}
.scene{min-height:100vh;position:relative;overflow:hidden}
.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(214,164,58,.08),transparent 68%);transform:translate(-50%,-50%);z-index:1;transition:opacity .3s}
.topbar{height:92px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px);position:relative;z-index:10;background:rgba(7,7,7,.62);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:13px}
.brand-mark{width:48px;height:48px;display:grid;place-items:center}
.brand-mark svg{width:100%;height:100%;fill:none;stroke:var(--gold2);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(214,164,58,.22))}
.brand-mark path:last-child{fill:var(--gold2);stroke:none}
.brand-name{font-family:"Playfair Display",serif;font-size:25px;letter-spacing:1.5px}.brand-name em{font-style:normal;color:var(--gold2)}
.top-tag{font-size:10px;letter-spacing:2.5px;color:#bbb}.top-tag span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold2);box-shadow:0 0 12px var(--gold2);margin-right:9px}

.hero{max-width:1400px;margin:auto;min-height:calc(100vh - 92px);display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:10px;padding:55px clamp(22px,5vw,70px) 40px;position:relative;z-index:2}
.hero-copy{padding:30px 0;position:relative;z-index:4}
.eyebrow,.panel-kicker{font-size:10px;letter-spacing:3.2px;color:var(--gold2);font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow span{width:34px;height:1px;background:var(--gold2)}
h1{font-family:"Playfair Display",serif;font-size:clamp(60px,6.2vw,105px);line-height:.91;letter-spacing:-4px;margin:25px 0 28px;font-weight:700}
h1 span{display:block}h1 strong{display:block;font-style:italic;color:#e8e5dc;font-weight:700}h1 .is-gold{color:var(--gold2);font-size:.68em;letter-spacing:-2px;margin-top:10px}
.intro{max-width:540px;color:#aaa79f;font-size:16px;line-height:1.8}.intro b{color:#eee}
.cta-row{display:flex;gap:13px;margin-top:32px}.btn{padding:15px 23px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.6px;transition:.3s;display:inline-flex;gap:24px;align-items:center}.btn i{font-size:18px;font-style:normal}.btn-gold{background:linear-gradient(135deg,#f0c965,#b87c1d);color:#111;box-shadow:0 12px 35px rgba(214,164,58,.15)}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(214,164,58,.28)}.btn-ghost{border:1px solid rgba(255,255,255,.18);color:#eee}.btn-ghost:hover{border-color:var(--gold2);color:var(--gold2);transform:translateY(-3px)}
.mini-stats{display:flex;gap:34px;margin-top:58px}.mini-stats div{display:flex;gap:11px;align-items:flex-start}.mini-stats b{color:var(--gold2);font-size:11px}.mini-stats span{font-size:9px;line-height:1.5;color:#777;letter-spacing:1.2px;text-transform:uppercase}

.product-stage{height:610px;position:relative;perspective:1200px;transform-style:preserve-3d}
.halo{position:absolute;border-radius:50%;border:1px solid rgba(214,164,58,.32);left:50%;top:45%;transform:translate(-50%,-50%);animation:spin 18s linear infinite}.halo-1{width:450px;height:450px;box-shadow:0 0 60px rgba(214,164,58,.06)}.halo-2{width:570px;height:570px;border-color:rgba(214,164,58,.11);animation-duration:27s;animation-direction:reverse}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.platform{position:absolute;left:50%;top:67%;transform:translate(-50%,-50%) rotateX(67deg);border-radius:50%;background:linear-gradient(90deg,#080808,#292317,#080808);border:1px solid rgba(214,164,58,.45);box-shadow:0 0 50px rgba(214,164,58,.13)}.platform-back{width:580px;height:250px;opacity:.65}.platform-front{width:510px;height:210px;border-width:2px;box-shadow:0 25px 55px #000,0 0 35px rgba(214,164,58,.12)}
.product{position:absolute;transform-style:preserve-3d;filter:drop-shadow(0 28px 18px rgba(0,0,0,.6));animation:float 5s ease-in-out infinite}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}
.product-watch{width:112px;height:145px;left:21%;top:43%;transform:rotate(-13deg) rotateY(-12deg);z-index:5;animation-delay:-1s}
.watch-face{position:absolute;inset:28px 8px 27px;background:radial-gradient(circle at 35% 30%,#444,#080808 50%);border:5px solid #252525;border-radius:28px;box-shadow:inset 0 0 20px #000,0 0 0 2px #111;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800}.watch-face small{font-size:11px;color:var(--gold2);margin-top:23px}.watch-strap{position:absolute;left:25px;width:62px;height:48px;background:repeating-linear-gradient(90deg,#161616 0 5px,#222 5px 8px);border-radius:10px;z-index:-1}.watch-strap.top{top:0}.watch-strap.bottom{bottom:0}.watch-crown{position:absolute;right:1px;top:57px;width:8px;height:22px;background:#b18a3e;border-radius:2px}
.product-box{width:180px;height:170px;left:44%;top:31%;z-index:4;transform:rotateY(-16deg) rotateX(3deg);animation-delay:-2.3s}.box-lid{height:48px;background:linear-gradient(135deg,#222,#080808);border:1px solid #4d3a1c;display:grid;place-items:center;color:var(--gold2);font-family:"Playfair Display";font-size:25px}.box-body{height:120px;background:linear-gradient(145deg,#181714,#060606);border:1px solid #3b301d;border-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:4px}.box-body strong{font-family:"Playfair Display";font-size:22px}.box-body small{color:var(--gold2);font-size:8px;letter-spacing:3px;margin-top:6px}
.product-bottle{width:82px;height:155px;left:57%;top:45%;z-index:6;animation-delay:-.8s}.bottle-cap{height:22px;width:35px;margin:auto;background:linear-gradient(90deg,#777,#eee,#777);border-radius:4px 4px 1px 1px}.bottle-body{height:128px;margin-top:2px;border-radius:12px 12px 18px 18px;background:linear-gradient(90deg,#17120b,#806225,#17120b);border:1px solid #d2a747;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #000}.bottle-body span{font-size:9px;color:#fff;letter-spacing:1px}.bottle-body b{font-family:"Playfair Display";font-size:16px;color:#f2ca65}.bottle-body small{font-size:6px;letter-spacing:2px;margin-top:7px}
.product-bag{width:170px;height:190px;left:67%;top:36%;z-index:3;animation-delay:-3.2s}.bag-body{position:absolute;bottom:0;width:150px;height:145px;border-radius:5px 5px 12px 12px;background:linear-gradient(145deg,#ece6d7,#9b9589);box-shadow:inset -15px -12px 25px rgba(0,0,0,.22);display:grid;place-items:center;color:#151515;font-family:"Playfair Display";font-size:30px}.bag-body:after{content:"";position:absolute;inset:12px;border:1px solid rgba(0,0,0,.15)}.bag-handle{position:absolute;left:38px;top:0;width:95px;height:55px;border:7px solid #b6ae9d;border-bottom:0;border-radius:55px 55px 0 0;z-index:2}
.floating-card{position:absolute;z-index:8;background:rgba(15,14,12,.74);border:1px solid rgba(214,164,58,.25);backdrop-filter:blur(15px);padding:15px 17px;box-shadow:0 20px 50px #0005;animation:cardFloat 6s ease-in-out infinite}.floating-card small{font-size:7px;letter-spacing:2px;color:#8d8a83;display:block;margin-bottom:6px}.floating-card b{font-size:9px;letter-spacing:1.2px;line-height:1.4}.card-left{left:2%;top:27%}.card-right{right:1%;top:23%;animation-delay:-2s}.spark{color:var(--gold2);font-size:17px;display:block;margin-bottom:4px}@keyframes cardFloat{50%{translate:0 -9px}}
.reflection{position:absolute;width:330px;height:80px;left:43%;top:76%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(214,164,58,.15),transparent 68%);filter:blur(8px)}

.launch-panel{max-width:1260px;margin:0 auto 90px;padding:42px 45px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;border:1px solid var(--line);background:linear-gradient(110deg,rgba(25,23,18,.85),rgba(12,12,11,.75));box-shadow:0 25px 80px rgba(0,0,0,.35);position:relative;z-index:5}.panel-kicker{display:block}.launch-panel h2{font-family:"Playfair Display";font-size:34px;margin:8px 0}.launch-panel h2 i{color:var(--gold2)}.launch-panel p{color:#888;font-size:13px;line-height:1.7;max-width:500px}
.notify-form{display:flex;flex-wrap:wrap;gap:9px;position:relative}.notify-form input{width:100%;height:52px;background:#080808;border:1px solid #292822;color:#fff;padding:0 18px;outline:none;border-radius:3px}.notify-form input:focus{border-color:var(--gold)}.notify-form button{height:50px;padding:0 22px;border:0;background:var(--gold2);color:#111;font-weight:800;border-radius:3px;cursor:pointer}.notify-form button span{margin-left:18px;font-size:17px}.form-message{font-size:11px;color:var(--gold2);min-height:15px;width:100%}
.features{max-width:1260px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.features article{padding:30px 25px;border-right:1px solid rgba(255,255,255,.08)}.features article:last-child{border-right:0}.features span{color:var(--gold2);font-size:10px}.features h3{font-family:"Playfair Display";font-size:22px;margin:12px 0 7px}.features p{font-size:11px;color:#777;line-height:1.6}
footer{max-width:1260px;margin:auto;padding:25px 20px 35px;display:flex;justify-content:space-between;color:#56544f;font-size:8px;letter-spacing:2px}
.grid-floor{position:absolute;bottom:-180px;left:-10%;width:120%;height:430px;opacity:.16;background-image:linear-gradient(rgba(214,164,58,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(214,164,58,.25) 1px,transparent 1px);background-size:65px 65px;transform:perspective(450px) rotateX(62deg);transform-origin:top}
.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-a{width:7px;height:7px;background:var(--gold2);box-shadow:0 0 25px 5px rgba(214,164,58,.3);top:20%;left:49%;animation:blink 2.5s infinite}.orb-b{width:4px;height:4px;background:#fff;top:65%;left:91%;box-shadow:0 0 18px #fff;animation:blink 3s infinite .7s}@keyframes blink{50%{opacity:.25;scale:.5}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.intro{margin:auto}.cta-row{justify-content:center}.mini-stats{justify-content:center}.product-stage{height:540px;margin-top:-5px}.launch-panel{margin-left:22px;margin-right:22px}.features{margin-left:22px;margin-right:22px}}
@media(max-width:650px){.topbar{height:76px;padding:0 18px}.brand-mark{width:38px;height:38px}.brand-name{font-size:19px}.top-tag{font-size:7px;letter-spacing:1.5px}.hero{padding:45px 18px 25px}h1{font-size:54px;letter-spacing:-2.5px}.intro{font-size:13px}.mini-stats{gap:18px;margin-top:42px}.mini-stats span{font-size:7px}.product-stage{height:440px;transform:scale(.83);transform-origin:top center;margin-bottom:-65px}.halo-1{width:360px;height:360px}.halo-2{width:450px;height:450px}.launch-panel{grid-template-columns:1fr;padding:30px 22px;gap:25px}.launch-panel h2{font-size:27px}.features{grid-template-columns:1fr 1fr}.features article:nth-child(2){border-right:0}.features article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}footer{flex-direction:column;gap:10px;text-align:center}.card-left{left:0}.card-right{right:0}}
@media(max-width:420px){.top-tag{display:none}.hero{padding-top:38px}h1{font-size:48px}.cta-row{flex-direction:column}.btn{justify-content:center}.product-stage{transform:scale(.68);height:390px;margin-bottom:-100px}.features{grid-template-columns:1fr}.features article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)}}
