:root{--primary: #ffffff;--secondary: #888888;--accent: #0071e3;--bg: #000000;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg);color:var(--primary);line-height:1.6;overflow-x:hidden}main{opacity:0;transition:opacity 1s ease}body.loaded main{opacity:1}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}#loading-text{color:#fff;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;margin-top:20px}.floating-herbs-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;perspective:1000px}.herb{position:absolute;font-size:5rem;opacity:.12;filter:blur(8px);will-change:transform;transition:transform .15s cubic-bezier(.2,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.herb-root{color:tan;text-shadow:0 0 30px rgba(210,180,140,.4)}.herb-resin{color:#2c1810;text-shadow:0 0 25px rgba(44,24,16,.8)}.herb-leaf{color:#4ade80;text-shadow:0 0 40px rgba(74,222,128,.4)}.herb-1{top:12%;left:-15%;font-size:7rem;filter:blur(14px)}.herb-2{top:35%;left:-20%;font-size:5rem;filter:blur(4px);opacity:.18}.herb-3{top:65%;left:-12%;font-size:9rem;filter:blur(10px)}.herb-4{top:22%;left:-25%;font-size:6rem;filter:blur(6px);opacity:.08}.herb-5{top:55%;left:-18%;font-size:4rem;filter:blur(2px);opacity:.22}.herb-6{top:82%;left:-15%;font-size:8rem;filter:blur(18px)}@keyframes subtleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.herb{animation:subtleFloat 10s infinite ease-in-out}.loader{width:50px;height:50px;border:3px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.split-title,.section-title,.cinematic-text-block h2,.cta-section h2{font-weight:900;letter-spacing:-1px;transition:all .6s cubic-bezier(.16,1,.3,1);display:inline-block;cursor:pointer}.split-title:hover,.section-title:hover,.cinematic-text-block h2:hover,.cta-section h2:hover{transform:perspective(1000px) translate3d(0,-10px,40px) rotateX(8deg);text-shadow:0 10px 30px rgba(255,255,255,.3),0 20px 60px rgba(255,255,255,.1);filter:brightness(1.2)}.highlight-title:hover{transform:perspective(1000px) translate3d(0,-12px,60px) rotateX(10deg)!important;filter:brightness(1.3) drop-shadow(0 0 30px rgba(255,215,0,.4))!important}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--glass-border)}.logo{font-size:1.5rem;font-weight:900;letter-spacing:2px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{color:var(--secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary)}.btn-nav{padding:8px 20px;background:var(--primary);color:var(--bg)!important;border-radius:50px;font-weight:700}.hero-section{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:#fff}#hero-background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1}.hero-content{position:relative;z-index:1}.hero-title{font-size:8rem;font-weight:900;margin-bottom:10px;background:linear-gradient(180deg,#000,#444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInDown 1.5s ease-out}.hero-subtitle{font-size:1.5rem;color:#666;letter-spacing:5px;text-transform:uppercase;animation:fadeInUp 1.5s ease-out}.scrolly-section{height:400vh;position:relative}.sticky-container{position:sticky;top:0;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#sequence-canvas{width:100%;height:100%;object-fit:contain;max-width:1200px;max-height:800px}.overlay-text{position:absolute;max-width:300px;padding:30px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;opacity:0;transform:translateY(50px);transition:all .8s ease}.overlay-text.active{opacity:1;transform:translateY(0)}.overlay-text.left{left:10%;top:30%}.overlay-text.right{right:10%;bottom:30%}.overlay-text h2{font-size:1.5rem;margin-bottom:10px}.overlay-text p{color:var(--secondary)}.split-section{padding:100px 50px;background:#050505}.split-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split-container.inverted{grid-template-columns:1.2fr .8fr}.split-container.inverted .split-visual-column{order:-1}.split-text-column{padding:40px}.split-icon{margin-bottom:30px;color:var(--primary)}.split-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(180deg,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.split-title.highlight-title{background:linear-gradient(180deg,gold,#b8860b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.clickable-visual{display:block;width:100%;height:100%;text-decoration:none;cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1)}.clickable-visual:hover{transform:scale(1.02)}.clickable-visual:after{content:"View Details";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 25px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:1px;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.clickable-visual:hover:after{opacity:1;transform:translate(-50%,-60%)}.split-description{font-size:1.2rem;color:var(--secondary);line-height:1.8;margin-bottom:30px}.benefit-list{list-style:none;margin-bottom:40px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.benefit-list li{font-size:1.1rem;color:#ccc;margin-bottom:15px;padding-left:30px;position:relative;opacity:.8}.benefit-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.split-visual-column{position:relative;height:600px;background:var(--glass);border:1px solid var(--glass-border);border-radius:40px;overflow:hidden;display:flex;justify-content:center;align-items:center;perspective:1000px}#sequence2-canvas{width:100%;height:100%;object-fit:contain}.btn-outline{display:inline-block;padding:15px 40px;border:1px solid var(--primary);color:var(--primary);text-decoration:none;font-weight:600;border-radius:50px;transition:all .3s ease}.btn-outline:hover{background:var(--primary);color:var(--bg)}@media(max-width:968px){.split-container{grid-template-columns:1fr}.split-visual-column{height:400px}}.cta-section{padding:150px 50px;text-align:center;background:#000}.cta-section h2{font-size:4rem;font-weight:700;margin-bottom:40px}.btn-large{display:inline-block;padding:20px 50px;background:var(--primary);color:var(--bg);text-decoration:none;font-size:1.2rem;font-weight:700;border-radius:50px;transition:transform .3s ease,box-shadow .3s ease}.btn-large:hover{transform:scale(1.05);box-shadow:0 0 30px #ffffff4d}footer{padding:50px;text-align:center;border-top:1px solid var(--glass-border);color:var(--secondary);font-size:.9rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:4rem}.navbar{padding:15px 20px}.features-section{grid-template-columns:1fr}.overlay-text{position:relative;inset:auto!important;margin:20px auto;width:90%}}.cinematic-bg-section{position:relative;height:150vh;background:#000;overflow:visible}#features-bg-canvas,#slim-bg-canvas,#glow-bg-canvas,#mindset-bg-canvas{position:sticky;top:0;width:100%;height:100vh;object-fit:cover;z-index:1}.cinematic-bg-content{position:relative;z-index:2;margin-top:-100vh;padding:0 10%;height:100%;display:flex;align-items:center;justify-content:flex-start;pointer-events:none}.cinematic-bg-section.inverted-cinematic .cinematic-bg-content{justify-content:flex-end}.cinematic-bg-section.inverted-cinematic .split-text-column{text-align:right}.cinematic-bg-section.inverted-cinematic .benefit-list{align-items:flex-end;text-align:right}.cinematic-bg-section.inverted-cinematic .benefit-list li{padding-left:0;padding-right:30px}.cinematic-bg-section.inverted-cinematic .benefit-list li:before{display:none}.cinematic-bg-section.inverted-cinematic .benefit-list li:after{content:"";position:absolute;right:0;top:10px;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.cinematic-bg-content .split-text-column{max-width:600px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:60px;border-radius:40px;border:1px solid var(--glass-border);pointer-events:auto;transition:all .5s cubic-bezier(.4,0,.2,1);text-align:left}.clickable-section{cursor:pointer}.clickable-section:hover .split-text-column{transform:scale(1.02);background:#00000080;border-color:#ffffff4d}.cinematic-section{background:#000;position:relative;overflow:visible;padding:0}.cinematic-bg-container{position:sticky;top:0;height:100vh;width:100%;z-index:1;overflow:hidden;background:#000}#cinematic-bg-canvas{width:100%;height:100%;object-fit:cover}.cinematic-container{position:relative;z-index:2;margin-top:-100vh;padding:0 10%;display:flex;justify-content:flex-end}.cinematic-right-column{width:100%;max-width:600px}.cinematic-text-block{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:50px 0;opacity:.1;transform:translate(50px);transition:all 1s cubic-bezier(.16,1,.3,1)}.cinematic-text-block.active{opacity:1;transform:translate(0)}.cinematic-text-block h2{font-size:3.5rem;margin-bottom:30px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:968px){.cinematic-container{justify-content:center;padding:0 5%}.cinematic-text-block{align-items:center;text-align:center;transform:translateY(30px)}.cinematic-text-block.active{transform:translateY(0)}}.features-grid-section{padding:120px 0;background:var(--bg);color:var(--text);overflow:hidden;position:relative;z-index:10}#features-grid-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.3}.features-grid-section .container{max-width:1200px;margin:0 auto;padding:0 40px}.section-header{text-align:center;margin-bottom:80px}.eyebrow{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:4px;color:var(--primary);margin-bottom:20px;font-weight:700}.section-title{font-size:3.5rem;font-weight:800;background:linear-gradient(180deg,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:80px}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.16,1,.3,1);cursor:default}.feature-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-10px);box-shadow:0 40px 80px #0009}.feature-icon{width:50px;height:50px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;color:var(--primary);transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);background:var(--primary);color:var(--bg)}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:15px;color:#fff}.feature-card p{font-size:.95rem;line-height:1.6;color:#888;transition:color .3s ease}.feature-card:hover p{color:#ccc}.features-cta{display:flex;justify-content:center;gap:20px}.btn-primary{background:#fff;color:#000;padding:16px 40px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#ccc;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}.section-title{font-size:2.5rem}.features-grid-section .container{padding:0 20px}}.product-showcase-section{padding:150px 0;background:#000;position:relative;overflow:hidden}.product-3d-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1100px;margin:0 auto;padding:0 20px;justify-content:center}.product-card-3d{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:600px}.product-card-3d:hover{background:#ffffff0f;border-color:#fff3;transform:perspective(1000px) scale(1.02);box-shadow:0 50px 100px #000c}.product-visual{position:relative;height:300px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;transform:translateZ(50px)}.product-bottle{width:auto;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.product-card-3d:hover .product-bottle{transform:scale(1.1) translateZ(30px) rotateY(10deg)}.product-glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.3;transition:opacity .6s ease}.product-card-3d:hover .product-glow{opacity:.6}.product-glow.warm{background:gold}.product-glow.blue{background:#0071e3}.product-glow.red{background:#ff3b30}.product-info-box{transform:translateZ(10px);text-align:center}.product-review{font-size:.8rem;color:gold;margin-bottom:10px;letter-spacing:1px}.product-info-box h3{font-size:2rem;font-weight:800;margin-bottom:15px;background:linear-gradient(180deg,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.product-pricing{margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px}.price-current{font-size:1.5rem;font-weight:700;color:#fff}.price-old{font-size:1.1rem;color:#666;text-decoration:line-through}.price-tag{background:#ffffff1a;padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:600;color:#fff}.product-info-box p{font-size:.95rem;line-height:1.6;color:#fff;margin-bottom:25px}.product-mini-benefits{list-style:none;margin-bottom:30px;display:inline-block;text-align:left}.product-mini-benefits li{font-size:.9rem;color:#ccc;margin-bottom:10px;padding-left:20px;position:relative}.product-mini-benefits li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--primary);border-radius:50%}.btn-buy-now{width:100%;padding:16px;background:#fff;color:#000;border:none;border-radius:15px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-buy-now:hover{background:gold;transform:translateY(-5px);box-shadow:0 10px 20px #ffd70033}@media(max-width:968px){.product-3d-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.product-3d-grid{grid-template-columns:1fr}}#slim-product-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.2;pointer-events:none}.product-showcase-section{position:relative;overflow:hidden}