ANAVOL-X | Multi-Collagen Muscle, Fat & Joint Hybrid – 90 Capsules
/* 2020WFG "ANAVOL-X" TITANIUM EDITION - SAFE & READABLE */ :root { --titanium-dark: #050505; --titanium-panel: #0f0f0f; /* EXACT COLOR CODES */ --neon-steel: #5c706f; /* Steel Blu e Base */ --accent-reactor: #e42e14; /* Red Accent */ --glass-surface: rgba(255, 255, 255, 0.03); --glass-border: rgba(92, 112, 111, 0.3); --text-white: #ffffff; --text-silver: #a0a0a0; /* 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; background-image: radial-gradient(circle at 50% 0, #1a0502 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-steel-glow { 0% { box-shadow: 0 0 5px var(--neon-steel); border-color: var(--neon-steel); } 50% { box-shadow: 0 0 20px 5px rgba(228, 46, 20, 0.2); border-color: var(--accent-reactor); } 100% { box-shadow: 0 0 5px var(--neon-steel); border-color: var(--neon-steel); } } @keyframes scanline-reactor { 0% { top: 0%; opacity: 0; } 50% { opacity: 1; box-shadow: 0 0 15px var(--accent-reactor); } 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-steel); padding: 40px 0; box-shadow: 0 10px 50px -20px rgba(92, 112, 111, 0.2); } .hero-content { flex: 1; padding-right: 40px; z-index: 3; } /* HERO TAG */ .hero-tag { background: var(--neon-steel); color: #fff; 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-reactor); box-shadow: 0 0 20px rgba(92, 112, 111, 0.6); animation: pulse-steel-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-reactor); /* RED ACCENT TEXT */ font-family: var(--font-tech); font-size: 2.2rem; display: block; letter-spacing: 4px; margin-top: 5px; text-shadow: 0 0 15px var(--accent-reactor); 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; } /* RED LASER SCANNER */ .bottle-core::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--accent-reactor); box-shadow: 0 0 20px var(--accent-reactor); opacity: 0.8; animation: scanline-reactor 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-steel); padding: 15px 20px; text-align: right; backdrop-filter: blur(5px); transition: 0.3s; width: 220px; cursor: pointer; } .data-box:hover { background: var(--neon-steel); box-shadow: 0 0 25px rgba(228, 46, 20, 0.8); transform: translateX(-10px); border-right-color: var(--accent-reactor); } .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); } /* FIX: Text turns WHITE on hover for readability */ .data-box:hover h3 { color: #fff; text-shadow:none; } .data-box:hover p { color: #fff; 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-reactor); border-radius: 50%; box-shadow: 0 0 10px var(--accent-reactor); animation: pulse-steel-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-steel); box-shadow: 0 0 30px rgba(92, 112, 111, 0.2); 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-reactor); text-shadow: 0 0 10px var(--accent-reactor); } .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-reactor); transform: translateY(-5px); box-shadow: 0 0 20px rgba(228, 46, 20, 0.2); } .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(92, 112, 111, 0.05); border: 1px solid var(--neon-steel); padding: 30px; margin-top: 60px; box-shadow: 0 0 15px rgba(92, 112, 111, 0.1); animation: pulse-steel-glow 4s infinite; } .deploy-title { font-family: var(--font-tech); color: var(--accent-reactor); font-size: 1.2rem; margin-bottom: 15px; letter-spacing: 2px; text-shadow: 0 0 10px var(--accent-reactor); } /* --- 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-steel); } .data-box:hover { transform: scale(1.02); } .collab-content { flex-direction: column; text-align: center; gap: 10px; } .specs-grid { grid-template-columns: 1fr; } } SERIES: RECOMP-010 ANAVOL-XPROTOCOL The industry standard for Structural Reinforcement and Lean Tissue Synthesis. Engineered for joint armor, skin elasticity, and muscle density. /// SYSTEM STATUS: HYBRID RECOMPOSITION JOINT ARMOR CONNECTIVE TISSUE SUPPORT SYNTHESIS COLLAGEN MATRIX OPTIMIZATION LEAN MASS FAT REDUCTION & RETENTION OFFICIAL RECOMP AGENT: RIPGANG x 2020WFG "I can't lift heavy if my joints are trash. This is my insurance policy." MECHANISM OF ACTION ANAVOL-X mimics the structural integrity benefits of the "Structural Hardening Pathway" without suppression. By flooding the system with Type I, II, III, V, and X collagen, it reinforces the frame to handle heavier loads. CLASS Structural Hybrid EFFECT Joint & Muscle Support TARGET Tendons, Ligaments, Skin DEPLOYMENT STRATEGY Essential during heavy lifting cycles to prevent injury, or during cutting phases to maintain tissue elasticity when water is low. DOSAGE 3 Capsules Daily TIMING Post-Workout or AM STACK WITH D-BULK (Growth) COMPOUND INTELLIGENCE CLINICAL GRADE // NO FILLERS MULTI-COLLAGEN MATRIX Five distinct sources (Bovine, Chicken, Marine, Eggshell) to cover every structural need from cartilage to skin tightness. TYPE II HYDROLYZATE Specifically targets joint cartilage regeneration, allowing for pain-free movement under heavy loads. MARINE PEPTIDES The "Beauty" Collagen. Increases skin elasticity to prevent stretch marks during rapid growth phases. ABSORPTION ENHANCERS Ensures the collagen peptides are broken down and utilized by the body for repair, rather than being digested as expensive protein. /// TACTICAL F.A.Q. IS IT JUST FOR JOINTS? No. While it heals joints, the amino acid profile (Glycine/Proline) also supports muscle fullness and recovery. DOES IT BUILD MUSCLE? It supports the *structure* that allows you to build muscle. You can't grow if you're injured. ⚠️ WARNING: Contains marine and egg ingredients. Do not use if allergic. 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.