*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F4EFE4;--sand: #E8DFD0;--tan: #C4B49A;--amber: #7B4F1E;--amber-light: #A8702D;--black: #1A1918;--charcoal: #3D3935;--green: #5C6E50;--white: #FDFAF5}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--black);font-family:Barlow,sans-serif;font-weight:400;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;background:#f4efe4e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(196,180,154,.3);transition:box-shadow .3s}.nav-logo{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--black);text-decoration:none;line-height:1.1}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--charcoal);transition:color .2s}.nav-links a:hover{color:var(--amber)}.nav-cta{background:var(--black);color:var(--cream)!important;padding:.55rem 1.4rem;border-radius:2px}.nav-cta:hover{background:var(--amber)!important}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:80px}.hero-text{display:flex;flex-direction:column;justify-content:center;padding:6rem 4rem 6rem 6rem}.hero-eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:1.5rem}.hero-headline{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(4rem,7vw,7rem);line-height:.95;text-transform:uppercase;letter-spacing:-.01em;color:var(--black);margin-bottom:2rem}.hero-headline em{font-style:normal;color:var(--amber)}.hero-sub{font-size:1.05rem;font-weight:300;color:var(--charcoal);line-height:1.7;max-width:420px;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;align-items:center}.btn-primary{background:var(--black);color:var(--cream);padding:.9rem 2.2rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--amber);transform:translateY(-1px)}.btn-ghost{font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--charcoal);text-decoration:none;border-bottom:1px solid var(--tan);padding-bottom:2px;transition:color .2s,border-color .2s}.btn-ghost:hover{color:var(--amber);border-color:var(--amber)}.hero-visual{position:relative;background:var(--sand);overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-badge{position:absolute;bottom:2.5rem;left:2.5rem;background:var(--white);padding:1rem 1.4rem;border-radius:2px;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--charcoal)}.hero-badge strong{display:block;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.05em;color:var(--black);margin-bottom:2px}.marquee-wrap{background:var(--black);color:var(--cream);padding:.85rem 0;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-block;animation:marquee 22s linear infinite}.marquee-track span{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;padding:0 2.5rem}.marquee-track span:before{content:"✦";margin-right:2.5rem;color:var(--tan)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.how-grid{display:grid;grid-template-columns:1fr 1fr}.how-text{background:var(--white);padding:7rem 5rem;display:flex;flex-direction:column;justify-content:center}.section-label{font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:1rem}.section-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(2.4rem,4vw,3.6rem);text-transform:uppercase;line-height:1;color:var(--black);margin-bottom:1.5rem}.section-body{font-size:1rem;font-weight:300;color:var(--charcoal);line-height:1.8;max-width:520px}.steps{margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.step{display:flex;gap:1.5rem;align-items:flex-start}.step-num{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:2.8rem;color:var(--sand);line-height:1;flex-shrink:0;width:2.5rem}.step-content h4{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--black);margin-bottom:.35rem}.step-content p{font-size:.9rem;font-weight:300;color:var(--charcoal);line-height:1.7}.how-image{position:relative;min-height:600px}.how-image img{width:100%;height:100%;object-fit:cover;display:block}.ingredients{background:var(--sand);padding:7rem 6rem}.ingredients-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.ingredient-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.ingredient-card{background:var(--white);padding:1.8rem 1.5rem;border-radius:2px}.ingredient-icon{font-size:1.6rem;margin-bottom:.75rem;display:block}.ingredient-card h4{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--black);margin-bottom:.4rem}.ingredient-card p{font-size:.83rem;font-weight:300;color:var(--charcoal);line-height:1.65}.ingredients-image{aspect-ratio:3/4;border-radius:2px;overflow:hidden}.ingredients-image img{width:100%;height:100%;object-fit:cover}.stats{background:var(--black);color:var(--cream);padding:6rem;display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:2rem 3rem;border-right:1px solid rgba(255,255,255,.08)}.stat:last-child{border-right:none}.stat-num{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:4rem;line-height:1;color:var(--white);margin-bottom:.5rem}.stat-num span{color:var(--amber-light)}.stat-label{font-size:.8rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--tan)}.stat-body{margin-top:1rem;font-size:.88rem;font-weight:300;color:#f4efe499;line-height:1.7}.product-cta{padding:8rem 6rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.product-card{background:var(--sand);border-radius:2px;padding:3rem;display:flex;flex-direction:column;align-items:center;text-align:center}.bottle-svg{width:160px;margin-bottom:2.5rem}.product-name{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:2rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;color:var(--black);margin-bottom:.5rem}.product-sub{font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:1.5rem}.product-price{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2.2rem;color:var(--black);margin-bottom:1.5rem}.product-price sub{font-size:1rem;vertical-align:middle;font-weight:400}.btn-buy{width:100%;background:var(--black);color:var(--cream);padding:1rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;transition:background .2s,transform .15s}.btn-buy:hover{background:var(--amber);transform:translateY(-1px)}.features-list{list-style:none;margin:2.5rem 0;display:flex;flex-direction:column;gap:1rem}.features-list li{display:flex;align-items:flex-start;gap:1rem;font-size:.93rem;font-weight:300;color:var(--charcoal);line-height:1.6}.features-list li:before{content:"✦";color:var(--amber);font-size:.7rem;margin-top:.3rem;flex-shrink:0}footer{background:var(--black);color:var(--cream);padding:3rem 6rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-logo{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.1}.footer-copy{font-size:.75rem;color:#f4efe466;letter-spacing:.06em}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#f4efe480;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--tan)}@media (max-width: 900px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-text{padding:5rem 2rem 3rem}.hero-visual{min-height:55vw}.how-grid{grid-template-columns:1fr}.how-text{padding:4rem 2rem}.how-image{min-height:300px}.ingredients{padding:5rem 2rem}.ingredients-inner{grid-template-columns:1fr;gap:3rem}.ingredients-image{aspect-ratio:4/3}.stats{grid-template-columns:1fr;padding:4rem 2rem}.stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:2rem 0}.stat:last-child{border-bottom:none}.product-cta{grid-template-columns:1fr;padding:5rem 2rem;gap:3rem}footer{padding:2rem 1.5rem;flex-direction:column;align-items:flex-start}.ingredient-cards{grid-template-columns:1fr}}
