@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg-primary:#050505;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#cfcfcf;--accent:#a6d608;--accent-glow:#a6d6084d;--border-color:#2a2a2a;--card-bg:#111;--button-text:#000;--header-bg:#1a1a1a;--utility-bg:#000;--hero-overlay:linear-gradient(to right, #050505 32%, #050505e6 45%, #05050566 65%, #05050500 85%);--font-heading:"Oswald", sans-serif;--font-body:"Inter", sans-serif;--transition-speed:.6s;--section-padding:80px}[data-theme=zen]{--bg-primary:#fdfbf7;--bg-secondary:#f4f1ea;--bg-tertiary:#ebe7de;--text-primary:#2d342b;--text-secondary:#5e6b5a;--accent:#4f6348;--accent-glow:#4f63481a;--border-color:#e0e5d1;--card-bg:#fff;--button-text:#fff;--header-bg:#fff;--utility-bg:#ebe7de;--hero-overlay:linear-gradient(to right, #fdfbf7 32%, #fdfbf7e6 45%, #fdfbf766 65%, #fdfbf700 85%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;-webkit-font-smoothing:antialiased;overflow-x:hidden}html,body{width:100%;position:relative;overflow-x:hidden}.app-container{width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:1px;font-weight:600}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none;transition:opacity .3s,color .3s}a:hover{color:var(--accent)}button{cursor:pointer;font-family:var(--font-heading);border:none;transition:all .3s}.neon-glow{box-shadow:0 0 15px var(--accent-glow)}.section-padding{padding:var(--section-padding) 0}.hero-section{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);height:550px;max-height:550px;transition:background-color var(--transition-speed) ease;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.hero-container{z-index:2;background-image:var(--hero-overlay), var(--hero-bg-img,url(/images/charNeemfullbranding.png));width:100%;height:100%;transition:filter var(--transition-speed) ease;background-position:100% 100%;background-repeat:no-repeat;background-size:contain;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-theme=zen] .hero-container{filter:grayscale(.1)brightness(1.05)}.hero-content-card{z-index:2;width:100%;max-width:600px;position:relative}.btn-primary{background-color:var(--accent);color:var(--button-text);text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 4px 15px var(--accent-glow);border:1px solid var(--accent);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);color:var(--accent);background-color:#0000;transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);text-transform:uppercase;letter-spacing:1.2px;border:1px solid var(--border-color);background-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.btn-secondary:hover{border-color:var(--text-primary);background-color:#ffffff0d}[data-theme=zen] .btn-secondary:hover{border-color:var(--text-primary);background-color:#00000008}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-wrap{width:100%;display:flex;overflow:hidden}.ticker-content{white-space:nowrap;width:max-content;animation:30s linear infinite ticker;display:flex}.ticker-item{align-items:center;gap:8px;padding:0 30px;display:flex}@media (width>=769px){.ticker-content{justify-content:space-between!important;width:100%!important;animation:none!important}.ticker-wrap{overflow:visible}}.mobile-show{display:none!important}@media (width<=768px){:root{--section-padding:40px}.container{padding:0 15px}.section-padding{padding:var(--section-padding) 0}.mobile-hide{display:none!important}.mobile-stack{flex-direction:column!important;gap:20px!important;display:flex!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-grid-2{grid-template-columns:1fr 1fr!important}.mobile-show{display:block!important}.hero-section{height:auto;max-height:none;padding:20px 0}.hero-container{background-image:linear-gradient(to bottom, #05050573 0%, #05050573 100%), var(--hero-bg-img,url(/images/charNeemfullbranding.png));background-position:50%;background-size:cover;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:auto;padding:24px 16px;overflow:hidden}[data-theme=zen] .hero-container{background-image:linear-gradient(to bottom, #fdfbf773 0%, #fdfbf773 100%), var(--hero-bg-img,url(/images/charNeemfullbranding.png))}.hero-content-card{margin:0 auto;-webkit-backdrop-filter:blur(15px)!important;background:#050505a6!important;border:1px solid #ffffff14!important;border-radius:16px!important;padding:24px 20px!important;box-shadow:0 10px 30px #0006!important}[data-theme=zen] .hero-content-card{background:#fdfbf7b3!important;border:1px solid #00000014!important;box-shadow:0 10px 30px #0000000d!important}}.ingredients-grid{grid-template-columns:repeat(6,1fr);gap:15px;margin-top:40px;display:grid}.ingredient-col{text-align:center;border-right:1px solid var(--border-color);transition:all var(--transition-speed) ease;padding:0 10px}.ingredient-col:last-child{border-right:none}.ingredient-col-img-wrapper{justifyContent:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;display:flex}.ingredient-col img{object-fit:cover;width:100%;height:100%;transition:all var(--transition-speed) ease;filter:drop-shadow(0 10px 20px #00000080);border-radius:0}[data-theme=zen] .ingredient-col img{filter:drop-shadow(0 5px 15px #0000001a);border-radius:20px}@media (width<=768px){.ingredients-grid{grid-template-columns:repeat(2,1fr);gap:30px 15px}.ingredient-col{border-right:none!important}}.faq-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.faq-grid{grid-template-columns:1fr;gap:15px}}
