IGF‑1X: Bone-Density Dominator | D3 + K2 Formula for Strength, Immunity & Muscle Integrity
/* 2020WFG "IGF-1X" TITANIUM EDITION - NAVY & STEEL */ :root { --titanium-dark: #050505; --titanium-panel: #0f0f0f; /* YOUR EXACT COLOR CODES */ --neon-navy: #085aa6; /* Primary De ep Navy */ --accent-steel: #203b52; /* Steel Grey Accent */ --text-silver: #a0a0a0; /* Muted Silver */ --glass-surface: rgba(255, 255, 255, 0.03); --glass-border: rgba(8, 90, 166, 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; /* Navy/Steel Tint Background */ background-image: radial-gradient(circle at 50% 0, #020f1a 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-navy-glow { 0% { box-shadow: 0 0 5px var(--neon-navy); border-color: var(--neon-navy); } 50% { box-shadow: 0 0 20px 5px rgba(32, 59, 82, 0.3); border-color: var(--accent-steel); } 100% { box-shadow: 0 0 5px var(--neon-navy); border-color: var(--neon-navy); } } @keyframes scanline-steel { 0% { top: 0%; opacity: 0; } 50% { opacity: 1; box-shadow: 0 0 15px var(--accent-steel); } 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-navy); padding: 40px 0; box-shadow: 0 10px 50px -20px rgba(8, 90, 166, 0.2); } .hero-content { flex: 1; padding-right: 40px; z-index: 3; } /* HERO TAG */ .hero-tag { background: var(--neon-navy); 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-steel); box-shadow: 0 0 20px rgba(8, 90, 166, 0.6); animation: pulse-navy-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-steel); font-family: var(--font-tech); font-size: 2.2rem; display: block; letter-spacing: 4px; margin-top: 5px; text-shadow: 0 0 15px var(--accent-steel); 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; } /* STEEL LASER SCANNER */ .bottle-core::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--accent-steel); box-shadow: 0 0 20px var(--neon-navy); opacity: 0.8; animation: scanline-steel 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-navy); padding: 15px 20px; text-align: right; backdrop-filter: blur(5px); transition: 0.3s; width: 220px; cursor: pointer; } .data-box:hover { background: var(--neon-navy); box-shadow: 0 0 25px rgba(8, 90, 166, 0.8); transform: translateX(-10px); border-right-color: var(--accent-steel); } .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 WHITE 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-steel); border-radius: 50%; box-shadow: 0 0 10px var(--accent-steel); animation: pulse-navy-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-navy); box-shadow: 0 0 30px rgba(8, 90, 166, 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-steel); text-shadow: 0 0 10px var(--accent-steel); } .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-steel); transform: translateY(-5px); box-shadow: 0 0 20px rgba(32, 59, 82, 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(8, 90, 166, 0.05); border: 1px solid var(--neon-navy); padding: 30px; margin-top: 60px; box-shadow: 0 0 15px rgba(8, 90, 166, 0.1); animation: pulse-navy-glow 4s infinite; } .deploy-title { font-family: var(--font-tech); color: var(--neon-navy); font-size: 1.2rem; margin-bottom: 15px; letter-spacing: 2px; text-shadow: 0 0 10px var(--neon-navy); } /* --- 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-navy); } .data-box:hover { transform: scale(1.02); } .collab-content { flex-direction: column; text-align: center; gap: 10px; } .specs-grid { grid-template-columns: 1fr; } } SERIES: MATRIX-020 IGF-1XPROTOCOL The Structural Fortification Agent. Engineered to solidify skeletal infrastructure, enhance mineral absorption, and support deep tissue integration. /// SYSTEM STATUS: SKELETAL ARMOR DENSITY MINERAL SATURATION INTEGRITY JOINT REINFORCEMENT RESILIENCE IMMUNE SYSTEM ARMOR OFFICIAL ARMOR AGENT: RIPGANG x 2020WFG "You can't build a skyscraper on sand. This is the concrete foundation." MECHANISM OF ACTION IGF-1X engages the Osteo-Integration Pathway. By synergizing Vitamin D3 and K2 (MK-7), it directs calcium away from soft tissues and into the skeletal matrix, reinforcing the frame for heavier loads. CLASS Structural Matrix EFFECT Skeletal Hardening TARGET Bone & Joint Density DEPLOYMENT STRATEGY Mandatory for athletes engaged in heavy compound lifting (Squats/Deadlifts) to prevent micro-fractures and support long-term joint health. DOSAGE 1 Capsule (2x Daily) TIMING AM & PM w/ Meals STACK WITH HGH-X2 (Repair) COMPOUND INTELLIGENCE CLINICAL GRADE // NO FILLERS VITAMIN D3 (CHOLECALCIFEROL) The Architect. Increases calcium absorption efficiency by up to 20x, ensuring raw materials are available for bone remodeling. VITAMIN K2 (MK-7) The Traffic Controller. Activates osteocalcin to bind calcium to bone, preventing calcification in arteries and joints. ABSORPTION MATRIX Bio-enhancers that ensure fat-soluble vitamins are fully assimilated, even when taken with lighter meals. IMMUNE SHIELD High-dose D3 acts as a potent immune modulator, hardening the body's defenses against systemic stress and pathogens. /// TACTICAL F.A.Q. IS IT JUST A VITAMIN? No. This is a clinical-strength matrix dosed specifically for the demands of high-performance athletes, not general wellness. CAN I STACK IT? Yes. It is non-hormonal and serves as the structural "insurance policy" for any aggressive cycle. ⚠️ WARNING: Structural support. 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.