@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400&family=DM+Sans:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--black: #0c0c0c;--dark: #141413;--stone: #1c1c1a;--warm-gray: #2a2926;--cream: #f4f1eb;--warm-white: #faf9f6;--sage: #8b9a7d;--sage-light: #a3b295;--gold: #b8a369}html,body,#root,.app{height:100%;overflow:hidden}body{font-family:DM Sans,sans-serif;background-color:var(--black);color:var(--warm-white);-webkit-font-smoothing:antialiased}.gradient-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 100% at 50% 100%,rgba(139,154,125,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 0% 50%,rgba(184,163,105,.04) 0%,transparent 40%),radial-gradient(ellipse 60% 60% at 100% 30%,rgba(139,154,125,.03) 0%,transparent 40%)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-10px;background:var(--sage);border-radius:50%;opacity:0;animation:float linear infinite}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) translate(20px);opacity:0}}nav{position:fixed;top:0;left:0;right:0;padding:2.5rem 3rem;z-index:100}.logo{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:400;letter-spacing:.02em;display:flex;align-items:center}.logo-icon{flex-shrink:0;margin-right:.5rem}.logo span{color:var(--sage-light)}.hero{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.hero-content{position:relative;z-index:1;text-align:center}.product-visual{position:relative;margin:0 auto 3rem;display:flex;flex-direction:column;align-items:center;animation:fadeIn 1.2s ease}.product-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(139,154,125,.2) 0%,transparent 60%);filter:blur(40px);top:50%;left:50%;transform:translate(-50%,-50%);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.15)}}.chip-section{display:flex;flex-direction:column;align-items:center;animation:fadeIn 1.2s ease}.chip-visual{width:140px;height:140px;opacity:.9;transition:all .4s ease;filter:drop-shadow(0 10px 40px rgba(139,154,125,.15))}.chip-visual:hover{opacity:1;transform:scale(1.05)}.chip-label{margin-top:1rem;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--sage);opacity:.6}h1{font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:300;letter-spacing:.01em;line-height:1.15;margin-bottom:1rem;animation:fadeIn 1.2s ease .2s both}h1 em{font-style:italic;color:var(--sage-light)}.tagline{font-size:.95rem;font-weight:400;color:var(--cream);opacity:.45;margin-bottom:2.5rem;letter-spacing:.03em;animation:fadeIn 1.2s ease .4s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.email-form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;animation:fadeIn 1.2s ease .6s both}.email-input{padding:1rem 1.4rem;background:var(--dark);border:1px solid var(--stone);border-radius:100px;color:var(--warm-white);font-family:DM Sans,sans-serif;font-size:.9rem;width:260px;outline:none;transition:border-color .4s}.email-input::placeholder{color:var(--cream);opacity:.3}.email-input:focus{border-color:var(--sage)}.btn-primary{padding:1rem 2.2rem;background:var(--sage);color:var(--black);border:none;border-radius:100px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .4s ease}.btn-primary:hover{background:var(--sage-light);box-shadow:0 0 40px #8b9a7d40}.coming-soon{background:linear-gradient(45deg,var(--sage),var(--cream));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1rem;font-weight:500;opacity:0;margin-top:2rem;letter-spacing:.05em;text-shadow:0 0 20px rgba(139,154,125,.3);animation:comingSoonFade 1.2s ease 1s both,subtlePulse 3s ease-in-out 2.2s infinite}@keyframes comingSoonFade{0%{opacity:0}to{opacity:.7}}@keyframes subtlePulse{0%,to{opacity:.7}50%{opacity:.9}}@media (max-width: 600px){nav{padding:1.5rem}.wristband-product{width:260px}.product-glow{width:280px;height:120px}.email-input{width:100%;max-width:280px}}