Calmora: Stress Relief Blend - Organic Ashwagandha & Black Pepper
/* 2020WFG "CALMORA" TITANIUM EDITION - SAFE PROTOCOL */ :root { --titanium-dark: #050505; --titanium-panel: #0f0f0f; /* YOUR EXACT COLOR CODES */ --neon-taupe: #a58574; /* Primary Earth Tone */ --accent-sage: #7d9d8e; /* Accent Green */ --text-silver: #b5bfb7; /* Muted Silver Text */ --glass-surface: rgba(255, 255, 255, 0.03); --glass-border: rgba(165, 133, 116, 0.3); --text-white: #ffffff; /* TYPOGRAPHY SYSTEM */ --font-header: 'Anton', sans-serif; --font-tech: 'Orbitron', sans-serif; --font-body: 'Montserrat', sans-serif; } /* RESET & BASE */ .titan-wrapper { background-color: var(--titanium-dark); color: var(--text-white); font-family: var(--font-body); line-height: 1.6; overflow-x: hidden; position: relative; font-size: 16px; /* Earthy Tint Background */ background-image: radial-gradient(circle at 50% 0, #1a1410 0%, #000 70%); } .titan-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; } /* --- ANIMATION ENGINE --- */ @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } } @keyframes pulse-earth-glow { 0% { box-shadow: 0 0 5px var(--neon-taupe); border-color: var(--neon-taupe); } 50% { box-shadow: 0 0 20px 5px rgba(165, 133, 116, 0.3); border-color: var(--accent-sage); } 100% { box-shadow: 0 0 5px var(--neon-taupe); border-color: var(--neon-taupe); } } @keyframes scanline-sage { 0% { top: 0%; opacity: 0; } 50% { opacity: 1; box-shadow: 0 0 15px var(--accent-sage); } 100% { top: 100%; opacity: 0; } } @keyframes text-flicker { 0% { opacity: 1; } 95% { opacity: 1; } 96% { opacity: 0.8; } 97% { opacity: 1; } 98% { opacity: 0.5; } 100% { opacity: 1; } } .reveal-entry { animation: cinematicFade 0.8s ease-out forwards; opacity: 0; } @keyframes cinematicFade { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } /* --- HERO SECTION --- */ .titan-hero { min-height: 85vh; display: flex; align-items: center; justify-content: space-between; position: relative; border-bottom: 2px solid var(--neon-taupe); padding: 40px 0; box-shadow: 0 10px 50px -20px rgba(165, 133, 116, 0.15); } .hero-content { flex: 1; padding-right: 40px; z-index: 3; } /* HERO TAG */ .hero-tag { background: var(--neon-taupe); color: #000; padding: 5px 15px; font-family: var(--font-tech); font-size: 0.8rem; letter-spacing: 2px; font-weight: 800; display: inline-block; margin-bottom: 20px; border: 1px solid var(--accent-sage); box-shadow: 0 0 20px rgba(165, 133, 116, 0.4); animation: pulse-earth-glow 3s infinite; } h1.hero-title { font-family: var(--font-header); font-size: 5.5rem; line-height: 0.9; text-transform: uppercase; margin: 0 0 20px 0; color: var(--text-white); text-shadow: 0 0 20px rgba(0,0,0,0.8); } h1.hero-title span { color: var(--accent-sage); font-family: var(--font-tech); font-size: 2.2rem; display: block; letter-spacing: 4px; margin-top: 5px; text-shadow: 0 0 15px var(--accent-sage); animation: text-flicker 4s infinite; } /* BOTTLE DISPLAY */ .hero-visual-stage { flex: 1; position: relative; height: 550px; display: flex; justify-content: center; align-items: center; } .bottle-core { position: relative; z-index: 5; width: 320px; animation: float 6s ease-in-out infinite; filter: drop-shadow(0 20px 50px rgba(0,0,0,0.9)); } .bottle-core img { width: 100%; display: block; } /* SAGE LASER SCANNER */ .bottle-core::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--accent-sage); box-shadow: 0 0 20px var(--neon-taupe); opacity: 0.8; animation: scanline-sage 3s linear infinite; } /* DATA BOXES */ .hero-data-points { position: absolute; right: -40px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 15px; } .data-box { background: rgba(10, 10, 10, 0.9); border-right: 3px solid var(--neon-taupe); padding: 15px 20px; text-align: right; backdrop-filter: blur(5px); transition: 0.3s; width: 220px; cursor: pointer; } .data-box:hover { background: var(--neon-taupe); box-shadow: 0 0 25px rgba(165, 133, 116, 0.6); transform: translateX(-10px); border-right-color: var(--accent-sage); } .data-box h3 { font-family: var(--font-header); font-size: 1.5rem; margin: 0; color: #fff; line-height: 1; text-transform: uppercase; } .data-box p { margin: 0; font-size: 0.75rem; font-family: var(--font-tech); letter-spacing: 1px; color: var(--text-silver); } /* HOVER EFFECT: Text turns BLACK for readability on Taupe */ .data-box:hover h3 { color: #000; text-shadow:none; } .data-box:hover p { color: #000; font-weight:800; } /* --- SECTION: INFLUENCER COLLAB --- */ .collab-strip { background: linear-gradient(90deg, #000, #111, #000); border-bottom: 1px solid #333; padding: 20px 0; margin-bottom: 60px; box-shadow: inset 0 0 20px rgba(0,0,0,1); } .collab-content { display: flex; align-items: center; justify-content: space-between; } .collab-badge { font-family: var(--font-tech); font-weight: 700; color: var(--text-white); font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 10px; } .collab-dot { width: 8px; height: 8px; background: var(--accent-sage); border-radius: 50%; box-shadow: 0 0 10px var(--accent-sage); animation: pulse-earth-glow 1s infinite; } .collab-quote { font-style: italic; color: var(--text-silver); font-size: 0.9rem; } /* --- SECTION: USAGE & SPECS --- */ .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 60px 0; } .glass-card { background: rgba(15, 15, 15, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); padding: 30px; position: relative; overflow: hidden; transition: all 0.4s ease; } .glass-card:hover { border-color: var(--neon-taupe); box-shadow: 0 0 30px rgba(165, 133, 116, 0.15); transform: translateY(-5px); } .glass-card h3 { font-family: var(--font-header); font-size: 2rem; color: #fff; margin: 0 0 15px 0; text-transform: uppercase; } .glass-card h3 span { color: var(--accent-sage); text-shadow: 0 0 10px var(--accent-sage); } .spec-list { list-style: none; padding: 0; margin: 0; } .spec-list li { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; } .spec-label { font-weight: 700; color: #fff; font-size: 1rem; font-family: var(--font-tech); } .spec-val { color: var(--text-silver); text-align: right; font-size: 0.9rem; max-width: 60%; } /* --- SECTION: SCIENCE --- */ .science-header { text-align: center; margin-bottom: 40px; } .science-header h2 { font-family: var(--font-header); font-size: 3.5rem; color: #fff; margin: 0; text-shadow: 0 0 20px rgba(255,255,255,0.1); } .ing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; } .ing-card { background: #080808; border: 1px solid #222; padding: 25px; transition: 0.3s; position: relative; } .ing-card:hover { border-color: var(--accent-sage); transform: translateY(-5px); box-shadow: 0 0 20px rgba(125, 157, 142, 0.15); } .ing-title { font-family: var(--font-header); font-size: 1.4rem; color: #fff; margin-bottom: 10px; } .ing-desc { font-size: 0.85rem; color: #888; } /* --- SECTION: FAQ & DEPLOYMENT --- */ .deploy-box { background: rgba(165, 133, 116, 0.05); border: 1px solid var(--neon-taupe); padding: 30px; margin-top: 60px; box-shadow: 0 0 15px rgba(165, 133, 116, 0.1); animation: pulse-earth-glow 4s infinite; } .deploy-title { font-family: var(--font-tech); color: var(--neon-taupe); font-size: 1.2rem; margin-bottom: 15px; letter-spacing: 2px; text-shadow: 0 0 10px var(--neon-taupe); } /* --- MOBILE RESPONSIVE FIXES --- */ @media (max-width: 768px) { .titan-hero { flex-direction: column; padding-top: 20px; text-align: center; height: auto; } .hero-content { padding-right: 0; margin-bottom: 30px; width: 100%; } h1.hero-title { font-size: 3.8rem; line-height: 1; } h1.hero-title span { font-size: 1.5rem; letter-spacing: 2px; } .hero-visual-stage { height: 400px; width: 100%; margin-bottom: 20px; } .bottle-core { width: 220px; } /* MOBILE STACK */ .hero-data-points { position: relative; right: auto; top: auto; transform: none; width: 100%; flex-direction: column; align-items: center; gap: 15px; margin-top: 20px; } .data-box { width: 85%; max-width: 300px; text-align: center; border-right: 3px solid var(--neon-taupe); } .data-box:hover { transform: scale(1.02); } .collab-content { flex-direction: column; text-align: center; gap: 10px; } .specs-grid { grid-template-columns: 1fr; } } SERIES: CALM-016 CALMORAPROTOCOL The Systemic Equilibrium Agent. Formulated to support relaxation, promote mental clarity, and help maintain balance during periods of high physical demand. /// SYSTEM STATUS: STRESS BALANCE TRANQUILITY RELAXATION SUPPORT ADAPTOGEN STRESS RESILIENCE RECOVERY REST & REPAIR STATE OFFICIAL BALANCE AGENT: RIPGANG x 2020WFG "You grow when you rest. This helps you switch off and recover." MECHANISM OF ACTION CALMORA utilizes the Adaptogenic Response Matrix. It is formulated to support the body's natural ability to manage stress, helping to maintain a calm state of mind and promoting deep relaxation for optimal recovery. CLASS Stress Support EFFECT Balance & Calm ORIGIN Ayurvedic Matrix DEPLOYMENT STRATEGY Deploy during high-intensity training blocks or periods of life stress to support mental well-being and ensure recovery pathways remain open. DOSAGE 1 Capsule (2x Daily) TIMING AM & Pre-Sleep STACK WITH HGH-X2 (Recovery) COMPOUND INTELLIGENCE CLINICAL GRADE // NO FILLERS ORGANIC ASHWAGANDHA The Primary Adaptogen. Traditionally used to support the body's response to stress and promote a feeling of calm. ORGANIC BLACK PEPPER The Bio-Enhancer. Increases the absorption rate of active compounds, ensuring you get the most out of every capsule. CALM & FOCUS MATRIX Supports mental clarity and focus, helping to clear the mind without causing drowsiness. VEGGIE DELIVERY Encapsulated in premium plant-based shells for efficient digestion and utilization. /// TACTICAL F.A.Q. WILL IT MAKE ME TIRED? No. It supports stress management rather than sedating you. Most users report feeling calm and focused. WHEN TO TAKE IT? Consistent daily use is best. Many find taking it in the evening helps them unwind before sleep. ⚠️ WARNING: Stress management aid. Do not exceed recommended dose. Not intended for persons under 18. *These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.
