diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..effa2fc --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +node_modules/ +.DS_Store +Thumbs.db +*.log diff --git a/about.html b/about.html new file mode 100644 index 0000000..5083688 --- /dev/null +++ b/about.html @@ -0,0 +1,249 @@ + + + + + + About Us | Cure Select Healthcare - Home of MegaCurcumin™ + + + + + + + + + + + + + + +
+
+
+ MegaCurcumin™ + Cure Select Healthcare • Scientifically Driven Nutraceutical Solutions +
+
+ info@cureselecthealthcare.com + +91 98765 43210 +
+
+
+ + +
+
+ +
+
+ + +
+
+
About Us
+

Building the Future of Nutraceutical Innovation

+

+ We are an innovation-focused nutraceutical company dedicated to developing scientifically driven solutions for modern health and wellness needs. +

+
+
+ + +
+
+
+
+
Our Philosophy
+

Innovation Should Improve Lives

+

+ We bring together science, nature, technology, and industry expertise to develop products that are meaningful, scalable, and commercially relevant. +

+

+ Our flagship brand, MegaCurcumin™, was born from a fundamental scientific insight: standard raw curcumin dissolves at only ~11 ng/mL in water and has poor systemic absorption in humans. +

+

+ At Cure Select Healthcare, we harness formulation-based approaches with proven human evidence—liquid micelles, phospholipid complexes, nanoparticle engineering, and cyclodextrin dispersions—to deliver real, reproducible health outcomes. +

+

+ Our goal is to create long-term value for our customers, partners, and the people who ultimately use our products. +

+ +
+ Explore MegaCurcumin™ Formulations + Partner With Us +
+
+ +
+ Botanical turmeric meeting laboratory science at Cure Select Healthcare +
+
+
+
+ + +
+
+
+ +
+
+
+ + + MISSION DIRECTIVE + +
+ + + + +
+
+

Our Mission

+

+ To develop innovative, high-quality, and scientifically driven nutritional solutions that contribute to healthier lives and create lasting value for our partners. +

+
+
+ + + + + Human Health & Partner Value Impact +
+
+ + +
+
+
+ + + GLOBAL HORIZON + +
+ + + + + +
+
+

Our Vision

+

+ To become a globally recognized innovation partner in nutraceutical and wellness solutions by continuously advancing science, technology, and product development. +

+
+
+ + + + + Global Innovation Leadership +
+
+
+
+
+ + +
+
+
+
Quality Focus
+

Committed to Quality at Every Step

+

Operating from our dedicated manufacturing and quality control facility under strict standards.

+
+ +
+
+
+ +
+

Quality Ingredients

+

Rigorous screening and botanical verification of all input raw materials.

+
+
+
+ +
+

Scientific Validation

+

Human evidence-based delivery methods guaranteeing measurable bio-efficacy.

+
+
+
+ +
+

Controlled Processes

+

Validated cGMP protocols and continuous quality assurance monitoring.

+
+
+
+
+ + +
+
+
+
+

Let's Build the Next Generation of Health Solutions

+

Looking for innovative nutraceutical ingredients or differentiated product concepts? Cure Select Healthcare works with partners looking to expand their portfolios.

+
+ Become a Partner + Explore Our Products +
+
+
+
+
+ + + + + + + + diff --git a/certifications.html b/certifications.html new file mode 100644 index 0000000..bfb7958 --- /dev/null +++ b/certifications.html @@ -0,0 +1,229 @@ + + + + + + Certifications & Quality | Cure Select Healthcare - MegaCurcumin™ + + + + + + + + + + + + + + +
+
+
+ Quality Assurance + Cure Select Healthcare • Recognized for Innovation & Excellence +
+
+ info@cureselecthealthcare.com + +91 98765 43210 +
+
+
+ + +
+
+ +
+
+ + +
+
+
Certifications / Awards
+

Recognized for Innovation & Excellence

+

+ Validated through rigorous third-party audits, international registrations, and quality accreditations ensuring safety, consistency, and compliance. +

+
+
+ + +
+
+
+
Accreditations
+

Verified Quality Accreditations

+

Meeting exacting standards across nutraceutical, dietary, and functional formulation categories.

+
+ +
+
+
+ +
+

FDA Registered Facility

+
Regulatory Standard
+

Operating under strict compliance with 21 CFR Part 111 cGMP regulations for dietary supplement manufacturing.

+
+ +
+
+ +
+

WHO-cGMP Certified

+
Quality Management
+

Pharma-grade cleanrooms, automated environmental controls, and validated quality systems.

+
+ +
+
+ +
+

ISO 22000 Certified

+
Food Safety Standard
+

Comprehensive food safety management systems and risk controls across all production steps.

+
+ +
+
+ +
+

Non-GMO Project Verified

+
Botanical Purity
+

Rigorous testing ensuring 100% natural, genetically non-modified botanical raw materials.

+
+ +
+
+ +
+

USP & EP Monograph Compliant

+
Pharmacopeial Standards
+

Exceeding international chemical purity and safety thresholds for residual solvents and heavy metals.

+
+ +
+
+ +
+

Halal & Kosher Certified

+
Dietary Compliance
+

Alcohol-free processing compliant with international religious dietary standards worldwide.

+
+
+
+
+ + +
+
+
+
Committed to Quality
+

Committed to Quality

+

+ Quality is integrated into every stage of our product-development process. From ingredient selection and formulation to validation and commercialization, we maintain a strong focus on consistency, safety, reliability, and performance. +

+
+ +
+
+

+ + Quality Ingredients +

+

Carefully selected natural ingredients and authenticated Curcuma longa inputs with complete agricultural traceability.

+
+ +
+

+ + Scientific Validation +

+

Formulation-based approaches backed by human clinical evidence: micellar, phytosome, nanoparticle, and cyclodextrin platforms.

+
+ +
+

+ + Controlled Processes +

+

Green, food-grade processing without toxic synthetic petrochemical solvents or harsh adulterants.

+
+ +
+

+ + Product Consistency +

+

Standardized to consistent active curcuminoid profiles batch after batch with guaranteed shelf-life stability.

+
+ +
+

+ + Regulatory Alignment +

+

Complete technical dossiers, testing documentation, and quality specifications ready for regulatory evaluation.

+
+ +
+

+ + Continuous Improvement +

+

Continuous optimization of delivery technologies, bioavailability metrics, and dissolution profiles.

+
+
+
+
+ + + + + + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..88c7a74 --- /dev/null +++ b/contact.html @@ -0,0 +1,259 @@ + + + + + + Contact Us | Cure Select Healthcare - Partner With Us + + + + + + + + + + + + + + +
+
+
+ MegaCurcumin™ + Cure Select Healthcare • B2B Nutraceutical Innovation & Partnership +
+
+ info@cureselecthealthcare.com + +91 98765 43210 +
+
+
+ + +
+
+ +
+
+ + +
+
+
Contact Us
+

Let's Start a Conversation

+

+ Have a product idea, partnership opportunity, or business enquiry? Our team would be happy to hear from you. +

+
+
+ + +
+
+
+ + +
+
Get In Touch
+

Get In Touch

+

+ Our team works with companies looking to expand their product portfolios with science-driven MegaCurcumin™ solutions. +

+ +
+
+

+ + Address +

+

Cure Select Healthcare Corporate Facility

+ Headquarters & Formulation Center +
+ +
+

+ + Phone +

+

+91 98765 43210

+
+ +
+

+ + Email +

+

info@cureselecthealthcare.com

+
+
+
+ + +
+
+

Contact Form

+

Send us your enquiry and our team will get in touch promptly.

+
+ +
+
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ + +
+
+
+
+
+ + +
+
+
+
Formulation FAQ
+

Frequently Asked Questions

+

Common queries from healthcare brands and partners.

+
+ +
+
+ +
+

Standard 95% curcumin extract dissolves at only ~11 ng/mL in water and is rapidly metabolized in the gut, resulting in near-zero free curcumin in human blood. MegaCurcumin™ utilizes scientifically proven formulation technologies (liquid micelles, phytosomes, nanoparticles, and cyclodextrins) to overcome this barrier, achieving up to 29x higher plasma free curcumin.

+
+
+ +
+ +
+

Yes. Cure Select Healthcare supplies pilot-scale evaluation samples (100g – 500g) with matching Certificates of Analysis (COA) for qualified healthcare and wellness brands looking to evaluate formulation stability and organoleptic qualities.

+
+
+ +
+ +
+

No. While piperine inhibits liver glucuronidation enzymes, it can cause drug-interaction risks. MegaCurcumin™ enhances absorption through natural physical micellar and phospholipid delivery systems, delivering pure free curcumin without synthetic enzyme blockers.

+
+
+ +
+ +
+

MegaCurcumin™ is engineered for versatile formulation into two-piece capsules, tablets, clear functional beverages, effervescent drink tabs, gummies, and liquid stick-packs with zero precipitation or bitter aftertaste.

+
+
+
+
+
+ + + + + + + + diff --git a/css/animations.css b/css/animations.css new file mode 100644 index 0000000..722d80c --- /dev/null +++ b/css/animations.css @@ -0,0 +1,61 @@ +/* =================================================================== + CurcuVance BioSciences - Micro-Animations & Keyframes + =================================================================== */ + +@keyframes pulseGlow { + 0%, 100% { + box-shadow: 0 0 15px rgba(245, 158, 11, 0.25); + } + 50% { + box-shadow: 0 0 28px rgba(245, 158, 11, 0.55); + } +} + +@keyframes floatGentle { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-6px); + } +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(16px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.animate-float { + animation: floatGentle 4s ease-in-out infinite; +} + +.animate-glow { + animation: pulseGlow 3s ease-in-out infinite; +} + +.fade-in-entry { + animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; +} + +/* Scroll reveal utility classes */ +.reveal { + opacity: 0; + transform: translateY(24px); + transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); +} + +.reveal.active { + opacity: 1; + transform: translateY(0); +} + +.reveal-delay-1 { transition-delay: 0.1s; } +.reveal-delay-2 { transition-delay: 0.2s; } +.reveal-delay-3 { transition-delay: 0.3s; } +.reveal-delay-4 { transition-delay: 0.4s; } diff --git a/css/base.css b/css/base.css new file mode 100644 index 0000000..8a6ac13 --- /dev/null +++ b/css/base.css @@ -0,0 +1,374 @@ +/* =================================================================== + CurcuVance BioSciences - Base Styles & Reset + =================================================================== */ + +*, *::before, *::after { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +html { + font-size: 16px; + scroll-behavior: smooth; + scroll-padding-top: 86px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media (prefers-reduced-motion: reduce) { + html { + scroll-behavior: auto; + } +} + +/* Global Sleek Custom Scrollbar */ +::-webkit-scrollbar { + width: 9px; + height: 9px; +} + +::-webkit-scrollbar-track { + background: #f1f5f9; +} + +::-webkit-scrollbar-thumb { + background: #cbd5e1; + border-radius: 9999px; + border: 2px solid #f1f5f9; + transition: background 0.2s ease; +} + +::-webkit-scrollbar-thumb:hover { + background: #10b981; +} + +body { + font-family: var(--font-body); + color: var(--neutral-800); + background-color: var(--neutral-50); + line-height: 1.65; + overflow-x: hidden; +} + +/* Typography */ +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-heading); + color: var(--neutral-900); + font-weight: 700; + line-height: 1.25; + letter-spacing: -0.02em; +} + +h1 { + font-size: clamp(2.25rem, 4vw + 1rem, 3.75rem); + font-weight: 800; +} + +h2 { + font-size: clamp(1.85rem, 2.5vw + 1rem, 2.75rem); +} + +h3 { + font-size: clamp(1.35rem, 1.5vw + 0.75rem, 1.75rem); +} + +h4 { + font-size: 1.25rem; +} + +p { + margin-bottom: 1rem; +} + +p.lead { + font-size: 1.15rem; + line-height: 1.7; + color: var(--neutral-700); +} + +a { + color: var(--primary-700); + text-decoration: none; + transition: color var(--transition-fast); +} + +a:hover { + color: var(--primary-600); +} + +img { + max-width: 100%; + height: auto; + display: block; +} + +/* Layout Containers */ +.container { + width: 100%; + max-width: var(--container-max); + margin-left: auto; + margin-right: auto; + padding-left: var(--spacing-lg); + padding-right: var(--spacing-lg); +} + +.container-wide { + width: 100%; + max-width: var(--container-wide); + margin-left: auto; + margin-right: auto; + padding-left: var(--spacing-lg); + padding-right: var(--spacing-lg); +} + +/* Sections */ +.section { + padding: var(--spacing-4xl) 0; + position: relative; +} + +.section-sm { + padding: var(--spacing-2xl) 0; +} + +.section-bg-white { + background-color: #ffffff; + border-top: 1px solid #e2e8f0; + border-bottom: 1px solid #e2e8f0; +} + +.section-bg-tint { + background-color: #f8fafc; + border-top: 1px solid #e2e8f0; + border-bottom: 1px solid #e2e8f0; +} + +.section-bg-warm-tint { + background: linear-gradient(180deg, #faf7f2 0%, #f4efe6 100%); + border-top: 1px solid #ede5d8; + border-bottom: 1px solid #ede5d8; +} + +.section-bg-slate-tint { + background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); + border-top: 1px solid #e2e8f0; + border-bottom: 1px solid #e2e8f0; +} + +.section-bg-dark { + background: linear-gradient(135deg, #092c23 0%, #051914 100%); + color: var(--neutral-100); + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.section-bg-dark h2, +.section-bg-dark h3, +.section-bg-dark h4 { + color: var(--white); +} + +.section-bg-dark .lead, +.section-bg-dark p { + color: var(--neutral-300); +} + +/* Section Headers */ +.section-header { + text-align: center; + max-width: 760px; + margin: 0 auto var(--spacing-3xl); +} + +.section-header.text-left { + text-align: left; + margin-left: 0; +} + +.section-kicker { + display: inline-flex; + align-items: center; + gap: 0.5rem; + font-family: var(--font-heading); + font-size: 0.85rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.08em; + color: var(--primary-700); + background: var(--primary-100); + padding: 0.35rem 0.9rem; + border-radius: var(--radius-full); + margin-bottom: 1rem; +} + +.section-bg-dark .section-kicker { + background: rgba(245, 158, 11, 0.15); + color: var(--accent-400); + border: 1px solid rgba(245, 158, 11, 0.3); +} + +.section-title { + margin-bottom: 1rem; +} + +.section-subtitle { + font-size: 1.125rem; + color: var(--neutral-600); + line-height: 1.65; +} + +/* Buttons */ +.btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.6rem; + font-family: var(--font-heading); + font-size: 0.95rem; + font-weight: 600; + padding: 0.85rem 1.65rem; + border-radius: var(--radius-md); + cursor: pointer; + transition: all var(--transition-normal); + border: 1px solid transparent; + line-height: 1.2; + white-space: nowrap; +} + +.btn-primary { + background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-700) 100%); + color: var(--white); + box-shadow: 0 4px 12px rgba(11, 59, 44, 0.25); +} + +.btn-primary:hover { + background: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%); + color: var(--white); + transform: translateY(-2px); + box-shadow: 0 8px 18px rgba(11, 59, 44, 0.35); +} + +.btn-gold { + background: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%); + color: var(--neutral-950); + box-shadow: 0 4px 14px rgba(245, 158, 11, 0.3); + font-weight: 700; +} + +.btn-gold:hover { + background: linear-gradient(135deg, var(--accent-400) 0%, var(--accent-500) 100%); + color: var(--neutral-950); + transform: translateY(-2px); + box-shadow: 0 8px 22px rgba(245, 158, 11, 0.45); +} + +.btn-outline { + background: transparent; + color: var(--primary-800); + border: 1.5px solid var(--primary-700); +} + +.btn-outline:hover { + background: var(--primary-100); + color: var(--primary-900); + transform: translateY(-2px); +} + +.btn-outline-white { + background: rgba(255, 255, 255, 0.08); + backdrop-filter: blur(8px); + color: var(--white); + border: 1.5px solid rgba(255, 255, 255, 0.35); +} + +.btn-outline-white:hover { + background: var(--white); + color: var(--primary-900); + border-color: var(--white); + transform: translateY(-2px); +} + +.btn-sm { + padding: 0.55rem 1.15rem; + font-size: 0.85rem; +} + +.btn-lg { + padding: 1.05rem 2.2rem; + font-size: 1.05rem; +} + +/* Badges */ +.badge { + display: inline-flex; + align-items: center; + gap: 0.35rem; + font-size: 0.75rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.05em; + padding: 0.25rem 0.65rem; + border-radius: var(--radius-sm); +} + +.badge-gold { + background: var(--accent-100); + color: var(--accent-900); + border: 1px solid rgba(245, 158, 11, 0.3); +} + +.badge-green { + background: var(--primary-100); + color: var(--primary-800); + border: 1px solid rgba(16, 82, 62, 0.2); +} + +.badge-blue { + background: var(--science-blue-light); + color: var(--science-blue); +} + +/* Grids */ +.grid { + display: grid; + gap: var(--spacing-xl); +} + +.grid-2 { + grid-template-columns: repeat(2, 1fr); +} + +.grid-3 { + grid-template-columns: repeat(3, 1fr); +} + +.grid-4 { + grid-template-columns: repeat(4, 1fr); +} + +@media (max-width: 1024px) { + .grid-4 { grid-template-columns: repeat(2, 1fr); } + .grid-3 { grid-template-columns: repeat(2, 1fr); } +} + +@media (max-width: 768px) { + .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; } + .section { padding: var(--spacing-2xl) 0; } +} + +/* Card base */ +.card { + background: var(--white); + border-radius: var(--radius-lg); + border: 1px solid var(--neutral-200); + padding: var(--spacing-xl); + transition: all var(--transition-normal); + box-shadow: var(--shadow-sm); +} + +.card:hover { + box-shadow: var(--shadow-xl); + transform: translateY(-4px); + border-color: var(--primary-500); +} diff --git a/css/components.css b/css/components.css new file mode 100644 index 0000000..7f3caad --- /dev/null +++ b/css/components.css @@ -0,0 +1,4561 @@ +/* =================================================================== + CurcuVance BioSciences - Components Stylesheet + =================================================================== */ + +/* Top Announcement Bar */ +.top-bar { + background: var(--primary-900); + color: var(--neutral-300); + font-size: 0.8rem; + padding: 0.45rem 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.top-bar-inner { + display: flex; + justify-content: space-between; + align-items: center; + gap: 1rem; +} + +.top-bar-left { + display: flex; + align-items: center; + gap: 0.5rem; +} + +.top-bar-badge { + background: rgba(245, 158, 11, 0.2); + color: var(--accent-400); + font-size: 0.7rem; + padding: 0.15rem 0.5rem; + border-radius: var(--radius-full); + font-weight: 700; + letter-spacing: 0.05em; + text-transform: uppercase; +} + +.top-bar-right { + display: flex; + align-items: center; + gap: 1.25rem; +} + +.top-bar-right a { + color: var(--neutral-300); + display: inline-flex; + align-items: center; + gap: 0.35rem; +} + +.top-bar-right a:hover { + color: var(--accent-400); +} + +/* Main Site Header / Navbar - Modern Glassmorphic Executive Bar */ +.site-header { + position: sticky; + top: 0; + z-index: 1000; + background: rgba(255, 255, 255, 0.94); + backdrop-filter: blur(16px); + -webkit-backdrop-filter: blur(16px); + border-bottom: 1px solid rgba(226, 232, 240, 0.85); + box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03); + transition: all 0.3s ease; +} + +.site-header .container { + max-width: 1480px; + width: 100%; + padding-left: clamp(1rem, 2.5vw, 2.5rem); + padding-right: clamp(1rem, 2.5vw, 2.5rem); +} + +.site-header.scrolled { + background: rgba(255, 255, 255, 0.98); + box-shadow: 0 10px 30px -4px rgba(6, 35, 28, 0.08); + border-bottom-color: rgba(203, 213, 225, 0.9); +} + +.navbar { + display: flex; + align-items: center; + justify-content: space-between; + height: 76px; + gap: 1rem; +} + +/* Brand Logo */ +.brand-logo { + display: flex; + align-items: center; + gap: 0.75rem; + font-family: var(--font-heading); + text-decoration: none; + flex-shrink: 0; + transition: transform 0.2s ease; +} + +.brand-logo:hover { + transform: translateY(-1px); +} + +.brand-logo svg { + flex-shrink: 0; + transition: transform 0.25s ease; +} + +.brand-logo:hover svg { + transform: scale(1.05); +} + +.brand-logo .logo-text { + display: flex; + flex-direction: column; + line-height: 1.15; +} + +.brand-logo .brand-highlight { + font-size: 1.25rem; + font-weight: 800; + color: #064e3b; + letter-spacing: -0.01em; +} + +.brand-logo .brand-accent { + font-size: 1.25rem; + font-weight: 800; + color: #d97706; +} + +.brand-logo .brand-sub { + font-family: var(--font-mono); + font-size: 0.62rem; + font-weight: 700; + letter-spacing: 0.12em; + text-transform: uppercase; + color: #64748b; + margin-top: 2px; +} + +/* Navigation Menu */ +.nav-menu { + display: flex; + align-items: center; + gap: clamp(0.5rem, 1.25vw, 1.6rem); + list-style: none; + margin: 0; + padding: 0; + flex-shrink: 1; +} + +.nav-link { + font-family: var(--font-heading); + font-size: clamp(0.82rem, 0.92vw, 0.92rem); + font-weight: 600; + color: #334155; + position: relative; + padding: 0.5rem 0.2rem; + white-space: nowrap !important; + transition: color 0.2s ease; + display: inline-flex; + align-items: center; + text-decoration: none; +} + +.nav-link::after { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + width: 0; + height: 2.5px; + background: linear-gradient(90deg, #10b981 0%, #f59e0b 100%); + transition: width 0.25s ease; + border-radius: 9999px; +} + +.nav-link:hover { + color: #047857; +} + +.nav-link.active { + color: #064e3b; + font-weight: 700; +} + +.nav-link:hover::after, +.nav-link.active::after { + width: 100%; +} + +.nav-actions { + display: flex; + align-items: center; + gap: 0.85rem; + flex-shrink: 0; +} + +.nav-actions .btn { + white-space: nowrap !important; + font-size: 0.82rem; + font-weight: 700; + padding: 0.55rem 1.25rem; + border-radius: 9999px; + background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%); + color: #ffffff; + border: none; + box-shadow: 0 4px 14px -2px rgba(245, 158, 11, 0.35); + transition: all 0.25s ease; + cursor: pointer; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; +} + +.nav-actions .btn:hover { + transform: translateY(-2px); + box-shadow: 0 6px 20px rgba(245, 158, 11, 0.45); + color: #ffffff; +} + +/* Mobile Toggle */ +.mobile-toggle { + display: none; + background: transparent; + border: none; + cursor: pointer; + padding: 0.5rem; + color: var(--neutral-900); +} + +@media (max-width: 1080px) { + .top-bar-inner { font-size: 0.75rem; } + .top-bar-right { display: none; } + .mobile-toggle { + display: flex; + align-items: center; + justify-content: center; + width: 42px; + height: 42px; + border-radius: 8px; + border: 1px solid #e2e8f0; + color: #0f172a; + cursor: pointer; + } + + .nav-menu { + position: fixed; + top: 76px; + left: 0; + right: 0; + background: var(--white); + flex-direction: column; + align-items: stretch; + padding: 1.5rem 2rem 2rem; + gap: 0.75rem; + border-bottom: 2px solid #e2e8f0; + box-shadow: 0 20px 40px rgba(0,0,0,0.15); + transform: translateY(-120%); + opacity: 0; + pointer-events: none; + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); + max-height: calc(100vh - 76px); + overflow-y: auto; + z-index: 999; + } + + .nav-menu.open { + transform: translateY(0); + opacity: 1; + pointer-events: auto; + } + + .nav-menu .nav-link { + font-size: 1.05rem; + padding: 0.75rem 0; + border-bottom: 1px solid #f1f5f9; + display: block; + width: 100%; + } + + .nav-actions .btn { + display: none; + } +} + +/* Hero Section */ +.hero { + position: relative; + background: linear-gradient(135deg, rgba(6, 35, 28, 0.92) 0%, rgba(11, 59, 44, 0.86) 100%), + url('../images/hero-lab.jpg') center/cover no-repeat; + color: var(--white); + padding: 6.5rem 0 7rem; + overflow: hidden; +} + +.hero::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 60px; + background: linear-gradient(to top, var(--neutral-50), transparent); + pointer-events: none; +} + +.hero-grid { + display: grid; + grid-template-columns: 1.15fr 0.85fr; + align-items: center; + gap: 3.5rem; + position: relative; + z-index: 2; +} + +.hero-content { + max-width: 680px; +} + +.hero-badge { + display: inline-flex; + align-items: center; + gap: 0.5rem; + background: rgba(245, 158, 11, 0.18); + border: 1px solid rgba(245, 158, 11, 0.4); + color: var(--accent-400); + padding: 0.4rem 1rem; + border-radius: var(--radius-full); + font-size: 0.85rem; + font-weight: 700; + margin-bottom: 1.5rem; +} + +.hero h1 { + color: var(--white); + font-size: clamp(2.4rem, 4.2vw + 1rem, 3.8rem); + line-height: 1.15; + margin-bottom: 1.35rem; +} + +.hero h1 span.gold-highlight { + background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.hero p.lead { + color: #e2e8f0; + font-size: 1.2rem; + line-height: 1.7; + margin-bottom: 2.25rem; +} + +.hero-actions { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 1.25rem; + margin-bottom: 3rem; +} + +/* Hero Visual Feature Box */ +.hero-visual { + position: relative; +} + +.hero-card-glass { + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(16px); + -webkit-backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.25); + border-radius: var(--radius-xl); + padding: 2.25rem; + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35); + color: var(--white); +} + +.hero-card-header { + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid rgba(255, 255, 255, 0.15); + padding-bottom: 1.25rem; + margin-bottom: 1.5rem; +} + +.hero-card-header h3 { + color: var(--white); + font-size: 1.2rem; + display: flex; + align-items: center; + gap: 0.5rem; +} + +.hero-stats-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1.25rem; +} + +.hero-stat-box { + background: rgba(6, 35, 28, 0.45); + border: 1px solid rgba(245, 158, 11, 0.2); + border-radius: var(--radius-md); + padding: 1.2rem; + text-align: left; +} + +.hero-stat-num { + font-family: var(--font-heading); + font-size: 2.1rem; + font-weight: 800; + color: var(--accent-400); + line-height: 1.1; + margin-bottom: 0.25rem; +} + +.hero-stat-label { + font-size: 0.8rem; + color: var(--neutral-200); + line-height: 1.35; +} + +@media (max-width: 992px) { + .hero-grid { + grid-template-columns: 1fr; + gap: 2.5rem; + } +} + +/* About Split Section (Where Science Meets Nature) */ +.split-layout { + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; + gap: 4rem; +} + +.split-image-wrapper { + position: relative; + border-radius: var(--radius-xl); + overflow: hidden; + box-shadow: var(--shadow-xl); +} + +.split-image-wrapper img { + width: 100%; + height: 480px; + object-fit: cover; + transition: transform var(--transition-slow); +} + +.split-image-wrapper:hover img { + transform: scale(1.03); +} + +.split-floating-pill { + position: absolute; + bottom: 1.5rem; + left: 1.5rem; + background: rgba(255, 255, 255, 0.95); + backdrop-filter: blur(10px); + padding: 1rem 1.4rem; + border-radius: var(--radius-lg); + box-shadow: var(--shadow-lg); + display: flex; + align-items: center; + gap: 1rem; + border: 1px solid var(--neutral-200); +} + +.split-floating-pill .pill-icon { + width: 44px; + height: 44px; + border-radius: 50%; + background: var(--primary-100); + color: var(--primary-700); + display: flex; + align-items: center; + justify-content: center; + font-size: 1.25rem; + flex-shrink: 0; +} + +.split-floating-pill .pill-text h4 { + font-size: 0.95rem; + color: var(--neutral-900); +} + +.split-floating-pill .pill-text p { + font-size: 0.78rem; + color: var(--neutral-600); + margin-bottom: 0; +} + +@media (max-width: 992px) { + .split-layout { + grid-template-columns: 1fr; + gap: 2.5rem; + } + .split-image-wrapper img { + height: 360px; + } +} + +/* Why Choose Us Cards */ +.feature-card { + background: var(--white); + border: 1px solid var(--neutral-200); + border-radius: var(--radius-lg); + padding: 2.25rem 2rem; + transition: all var(--transition-normal); + display: flex; + flex-direction: column; + height: 100%; + position: relative; + overflow: hidden; +} + +.feature-card::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 4px; + background: linear-gradient(90deg, var(--primary-700), var(--accent-500)); + opacity: 0; + transition: opacity var(--transition-normal); +} + +.feature-card:hover { + transform: translateY(-6px); + box-shadow: 0 20px 30px rgba(11, 59, 44, 0.08); + border-color: var(--primary-500); +} + +.feature-card:hover::before { + opacity: 1; +} + +.feature-icon-wrapper { + width: 60px; + height: 60px; + border-radius: var(--radius-md); + background: var(--primary-50); + border: 1px solid var(--primary-100); + display: flex; + align-items: center; + justify-content: center; + font-size: 1.75rem; + margin-bottom: 1.5rem; + transition: transform var(--transition-fast); +} + +.feature-card:hover .feature-icon-wrapper { + transform: scale(1.08); + background: var(--primary-100); +} + +.feature-icon-wrapper svg { + width: 30px; + height: 30px; + color: var(--primary-700); +} + +/* /* =================================================================== + Next-Generation Clinical Molecular Engine & Formulation Deck + Creative Interactive Console, PK Bio-Curves, & Comparative Matrix + Aesthetic: Pristine High-Tech White & Curcumin Gold (No Green Background) + =================================================================== */ + +.modern-evidence-section { + background: #f8fafc; + position: relative; + overflow: hidden; + color: #1e293b; + padding: clamp(4rem, 7vw, 6.5rem) 0; + border-top: 1px solid #e2e8f0; + border-bottom: 1px solid #e2e8f0; +} + +.modern-evidence-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: + radial-gradient(circle at 12% 18%, rgba(245, 158, 11, 0.05) 0%, transparent 45%), + radial-gradient(circle at 88% 82%, rgba(2, 132, 199, 0.04) 0%, transparent 45%), + linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); + pointer-events: none; +} + +.modern-kicker-badge { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 0.45rem 1.25rem; + background: #fffbeb; + border: 1px solid #fde68a; + border-radius: 9999px; + font-size: 0.78rem; + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + color: #b45309; + margin-bottom: 1.25rem; + box-shadow: 0 2px 8px rgba(245, 158, 11, 0.1); +} + +.pulse-dot { + width: 8px; + height: 8px; + border-radius: 50%; + background: #f59e0b; + box-shadow: 0 0 8px #f59e0b; + animation: pulse-glow-gold 2s infinite; +} + +@keyframes pulse-glow-gold { + 0% { transform: scale(0.95); opacity: 0.8; } + 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 12px #f59e0b; } + 100% { transform: scale(0.95); opacity: 0.8; } +} + +.modern-section-title { + font-size: clamp(2.1rem, 3.5vw, 3.2rem); + font-weight: 800; + color: #0f172a; + line-height: 1.2; + margin-bottom: 1rem; + letter-spacing: -0.02em; +} + +.gradient-text-gold { + background: linear-gradient(135deg, #d97706 0%, #b45309 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.title-gradient-accent { + background: linear-gradient(135deg, #0b3b2c 0%, #186b52 50%, #d97706 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.modern-section-subtitle { + color: #64748b; + font-size: 1.1rem; + line-height: 1.75; + max-width: 740px; + margin: 0 auto 3rem auto; +} + +/* ------------------------------------------------------------- + * 1. The Interactive Biotech Platform Deck (Console) + * ------------------------------------------------------------- */ +.biotech-console { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: clamp(18px, 3vw, 28px); + box-shadow: 0 20px 45px -15px rgba(15, 23, 42, 0.07), 0 4px 12px rgba(0, 0, 0, 0.03); + overflow: hidden; + margin-bottom: clamp(2.5rem, 5vw, 4.5rem); + position: relative; + z-index: 2; +} + +/* Platform Selector Navigation Strip */ +.biotech-nav-deck { + display: grid; + grid-template-columns: repeat(4, 1fr); + background: #f8fafc; + border-bottom: 1px solid #e2e8f0; +} + +@media (max-width: 1024px) { + .biotech-nav-deck { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 640px) { + .biotech-nav-deck { + display: flex; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scroll-snap-type: x mandatory; + padding: 0.5rem; + gap: 0.5rem; + background: #f1f5f9; + } + + .biotech-nav-deck::-webkit-scrollbar { + height: 4px; + } + .biotech-nav-deck::-webkit-scrollbar-thumb { + background: #cbd5e1; + border-radius: 4px; + } +} + +.biotech-nav-item { + background: transparent; + border: none; + border-right: 1px solid #e2e8f0; + padding: clamp(1rem, 2vw, 1.5rem) clamp(0.85rem, 1.8vw, 1.4rem); + text-align: left; + cursor: pointer; + transition: all 0.25s ease; + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 0.5rem; +} + +.biotech-nav-item:last-child { + border-right: none; +} + +@media (max-width: 1024px) { + .biotech-nav-item:nth-child(2) { + border-right: none; + } + .biotech-nav-item:nth-child(-n+2) { + border-bottom: 1px solid #e2e8f0; + } +} + +@media (max-width: 640px) { + .biotech-nav-item { + flex: 0 0 78%; + min-width: 230px; + scroll-snap-align: start; + border-right: none !important; + border-bottom: none !important; + border: 1px solid #e2e8f0 !important; + border-radius: 16px; + background: #ffffff; + padding: 0.9rem 1rem; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03); + } +} + +.biotech-nav-item:hover { + background: #ffffff; +} + +.biotech-nav-item.active { + background: #ffffff; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); +} + +.biotech-nav-item.active::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 3px; + background: linear-gradient(90deg, #f59e0b, #d97706); +} + +@media (max-width: 640px) { + .biotech-nav-item.active { + border-color: #f59e0b !important; + box-shadow: 0 4px 14px rgba(245, 158, 11, 0.16); + } + .biotech-nav-item.active::after { + border-radius: 0 0 16px 16px; + } +} + +.nav-item-top { + display: flex; + align-items: center; + justify-content: space-between; + gap: 8px; +} + +.nav-item-num { + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 700; + color: #94a3b8; + letter-spacing: 0.08em; +} + +.biotech-nav-item.active .nav-item-num { + color: #b45309; +} + +.nav-item-pill { + font-size: 0.7rem; + font-weight: 700; + padding: 0.2rem 0.55rem; + border-radius: 9999px; + background: #f1f5f9; + color: #475569; + white-space: nowrap; +} + +.biotech-nav-item.active .nav-item-pill { + background: #fffbeb; + color: #b45309; + border: 1px solid #fde68a; +} + +.nav-item-title { + font-size: clamp(0.95rem, 1.2vw, 1.05rem); + font-weight: 800; + color: #1e293b; + line-height: 1.3; + margin: 0; + transition: color 0.2s ease; + word-break: break-word; +} + +.biotech-nav-item.active .nav-item-title { + color: #0f172a; +} + +.nav-item-metric { + font-size: 0.78rem; + font-weight: 600; + color: #64748b; + line-height: 1.4; + word-break: break-word; +} + +.biotech-nav-item.active .nav-item-metric { + color: #0f172a; + font-weight: 700; +} + +/* Dynamic Active Stage Panels */ +.biotech-stage-panel { + display: none; + animation: panelSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards; +} + +.biotech-stage-panel.active { + display: block; +} + +@keyframes panelSlideIn { + from { + opacity: 0; + transform: translateY(8px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.biotech-stage-layout { + display: grid; + grid-template-columns: 420px 1fr; + gap: 0; +} + +@media (max-width: 1120px) { + .biotech-stage-layout { + grid-template-columns: 360px 1fr; + } +} + +@media (max-width: 980px) { + .biotech-stage-layout { + grid-template-columns: 1fr; + } +} + +/* Left: High-Impact Visual Carrier & Telemetry Stage */ +.stage-visual-col { + background: #f8fafc; + border-right: 1px solid #e2e8f0; + padding: clamp(1.25rem, 2.5vw, 2.25rem); + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 1.5rem; + position: relative; +} + +@media (max-width: 980px) { + .stage-visual-col { + border-right: none; + border-bottom: 1px solid #e2e8f0; + } +} + +.carrier-render-card { + position: relative; + border-radius: clamp(14px, 2.5vw, 20px); + overflow: hidden; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05); + aspect-ratio: 16 / 11; + max-height: 320px; + width: 100%; +} + +@media (max-width: 640px) { + .carrier-render-card { + aspect-ratio: 16 / 10; + max-height: 240px; + } +} + +.carrier-render-card img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + transition: transform 0.5s ease; +} + +.carrier-render-card:hover img { + transform: scale(1.05); +} + +.carrier-render-badge { + position: absolute; + top: 0.85rem; + left: 0.85rem; + background: rgba(255, 255, 255, 0.95); + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); + border: 1px solid #e2e8f0; + border-radius: 8px; + padding: 0.3rem 0.65rem; + font-family: var(--font-mono); + font-size: clamp(0.65rem, 1vw, 0.72rem); + font-weight: 700; + color: #0f172a; +} + +.carrier-stat-pill { + position: absolute; + bottom: 0.85rem; + right: 0.85rem; + left: 0.85rem; + background: rgba(255, 255, 255, 0.96); + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); + border: 1px solid #fde68a; + border-radius: 12px; + padding: 0.5rem 0.85rem; + display: flex; + align-items: center; + justify-content: space-between; + gap: 8px; + box-shadow: 0 4px 12px rgba(245, 158, 11, 0.12); +} + +.carrier-stat-pill .stat-label { + font-size: clamp(0.66rem, 1vw, 0.72rem); + font-weight: 700; + color: #92400e; + text-transform: uppercase; + letter-spacing: 0.04em; +} + +.carrier-stat-pill .stat-number { + font-size: clamp(0.85rem, 1.2vw, 0.95rem); + font-weight: 800; + color: #b45309; + white-space: nowrap; +} + +/* Telemetry Micro Grid */ +.telemetry-micro-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0.75rem; +} + +@media (max-width: 440px) { + .telemetry-micro-grid { + grid-template-columns: 1fr; + gap: 0.5rem; + } +} + +.telemetry-item { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 14px; + padding: clamp(0.65rem, 1.2vw, 0.85rem) clamp(0.75rem, 1.5vw, 1rem); + display: flex; + flex-direction: column; + gap: 3px; +} + +.telemetry-item .label { + font-size: 0.68rem; + font-weight: 700; + color: #64748b; + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.telemetry-item .value { + font-size: clamp(0.82rem, 1.1vw, 0.92rem); + font-weight: 800; + color: #0f172a; + word-break: break-word; +} + +/* Right: Pharmacokinetics Science & Mechanism Deck */ +.stage-content-col { + padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1rem, 3.5vw, 3rem); + display: flex; + flex-direction: column; + justify-content: space-between; + gap: clamp(1.25rem, 2.5vw, 2rem); +} + +.platform-stage-header { + border-bottom: 1px solid #f1f5f9; + padding-bottom: 1.25rem; +} + +.platform-tag-row { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + margin-bottom: 0.75rem; +} + +.platform-class-tag { + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 700; + color: #b45309; + background: #fffbeb; + border: 1px solid #fde68a; + padding: 0.25rem 0.65rem; + border-radius: 6px; + text-transform: uppercase; +} + +.platform-validation-tag { + font-size: 0.72rem; + font-weight: 700; + color: #0369a1; + background: #f0f9ff; + border: 1px solid #bae6fd; + padding: 0.25rem 0.65rem; + border-radius: 6px; + display: inline-flex; + align-items: center; + gap: 5px; +} + +.stage-main-title { + font-size: clamp(1.4rem, 2.4vw + 0.4rem, 2.1rem); + font-weight: 800; + color: #0f172a; + line-height: 1.25; + margin-bottom: 0.65rem; + letter-spacing: -0.01em; + word-break: break-word; +} + +.stage-summary-callout { + background: #fffbeb; + border-left: 3px solid #f59e0b; + border-radius: 0 10px 10px 0; + padding: clamp(0.65rem, 1.2vw, 0.85rem) clamp(0.85rem, 1.5vw, 1.15rem); + font-size: clamp(0.88rem, 1.1vw, 0.95rem); + font-weight: 600; + color: #92400e; + line-height: 1.55; + margin-bottom: 1rem; +} + +.stage-body-text { + font-size: clamp(0.88rem, 1.1vw, 0.95rem); + color: #475569; + line-height: 1.7; +} + +/* 2. Interactive Pharmacokinetic Plasma Curve Visualizer */ +.pk-curve-block { + background: #f8fafc; + border: 1px solid #e2e8f0; + border-radius: 18px; + padding: clamp(1rem, 2vw, 1.5rem); +} + +.pk-curve-header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 10px; + margin-bottom: 0.85rem; +} + +.pk-curve-title { + font-size: clamp(0.78rem, 1vw, 0.88rem); + font-weight: 800; + color: #0f172a; + text-transform: uppercase; + letter-spacing: 0.05em; + display: flex; + align-items: center; + gap: 8px; +} + +.pk-curve-title svg { + color: #d97706; + flex-shrink: 0; +} + +.pk-curve-legend { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 12px; + font-size: 0.74rem; + font-weight: 600; +} + +.legend-item { + display: flex; + align-items: center; + gap: 6px; + white-space: nowrap; +} + +.legend-line-standard { + width: 16px; + height: 2px; + background: #94a3b8; + border-style: dashed; +} + +.legend-line-platform { + width: 16px; + height: 3px; + background: #f59e0b; + border-radius: 2px; +} + +.pk-svg-canvas { + width: 100%; + height: clamp(90px, 16vw, 120px); + overflow: visible; + display: block; +} + +.pk-curve-footer { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 6px; + font-size: clamp(0.68rem, 1vw, 0.74rem); + color: #64748b; + font-weight: 600; + margin-top: 0.5rem; + border-top: 1px dashed #cbd5e1; + padding-top: 0.5rem; +} + +/* 3. Cellular Absorption 3-Step Pathway */ +.pathway-step-row { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 0.85rem; +} + +@media (max-width: 768px) { + .pathway-step-row { + grid-template-columns: 1fr; + gap: 0.65rem; + } +} + +.pathway-step-card { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 12px; + padding: clamp(0.75rem, 1.5vw, 1rem); + display: flex; + flex-direction: column; + gap: 5px; + position: relative; +} + +.step-badge { + width: 22px; + height: 22px; + border-radius: 50%; + background: #fffbeb; + border: 1px solid #fde68a; + color: #b45309; + font-size: 0.7rem; + font-weight: 800; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} + +.step-title { + font-size: clamp(0.8rem, 1vw, 0.85rem); + font-weight: 800; + color: #0f172a; +} + +.step-desc { + font-size: clamp(0.74rem, 0.95vw, 0.78rem); + color: #64748b; + line-height: 1.45; +} + +/* Stage Actions Row */ +.stage-action-row { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 1rem; + border-top: 1px solid #f1f5f9; + padding-top: 1.25rem; +} + +@media (max-width: 600px) { + .stage-action-row { + flex-direction: column; + align-items: stretch; + } +} + +.format-tags-group { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 6px; +} + +.format-pill { + font-size: 0.72rem; + font-weight: 700; + background: #f1f5f9; + color: #475569; + padding: 0.3rem 0.65rem; + border-radius: 9999px; + border: 1px solid #e2e8f0; + white-space: nowrap; +} + +.stage-btn-group { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 10px; +} + +@media (max-width: 600px) { + .stage-btn-group { + width: 100%; + } + .stage-sample-btn, .stage-dossier-btn { + flex: 1 1 100%; + justify-content: center; + text-align: center; + } +} + +.stage-sample-btn { + background: #f59e0b; + color: #ffffff; + font-weight: 700; + font-size: clamp(0.8rem, 1.1vw, 0.85rem); + padding: 0.65rem 1.25rem; + border-radius: 10px; + border: 1px solid #f59e0b; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 6px; + transition: all 0.2s ease; + box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25); + min-height: 44px; +} + +.stage-sample-btn:hover { + background: #d97706; + border-color: #d97706; + transform: translateY(-2px); + box-shadow: 0 6px 16px rgba(217, 119, 6, 0.35); +} + +.stage-dossier-btn { + background: #ffffff; + color: #0f172a; + font-weight: 700; + font-size: clamp(0.8rem, 1.1vw, 0.85rem); + padding: 0.65rem 1.2rem; + border-radius: 10px; + border: 1px solid #cbd5e1; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 6px; + transition: all 0.2s ease; + min-height: 44px; +} + +.stage-dossier-btn:hover { + background: #f8fafc; + border-color: #94a3b8; + color: #0f172a; +} + +/* ------------------------------------------------------------- + * 2. Comparative Clinical Pharmacokinetics Benchmark Table + * ------------------------------------------------------------- */ +.benchmark-table-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: clamp(16px, 2.5vw, 24px); + overflow: hidden; + box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05); + margin-bottom: clamp(2.5rem, 5vw, 4rem); + position: relative; + z-index: 2; +} + +.benchmark-table-header { + padding: clamp(1.2rem, 2vw, 1.75rem) clamp(1rem, 2.5vw, 2rem); + background: #f8fafc; + border-bottom: 1px solid #e2e8f0; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 0.85rem; +} + +.benchmark-header-title { + font-size: clamp(1.05rem, 1.6vw, 1.25rem); + font-weight: 800; + color: #0f172a; + display: flex; + align-items: center; + gap: 10px; +} + +.benchmark-header-title svg { + color: #d97706; + flex-shrink: 0; +} + +.benchmark-scroll-hint { + font-size: 0.75rem; + font-weight: 600; + color: #64748b; + display: inline-flex; + align-items: center; + gap: 6px; + background: #ffffff; + padding: 0.25rem 0.65rem; + border-radius: 6px; + border: 1px solid #e2e8f0; +} + +.table-responsive-box { + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + position: relative; +} + +.benchmark-table { + width: 100%; + border-collapse: separate; + border-spacing: 0; + text-align: left; + min-width: 780px; +} + +.benchmark-table th { + background: #f1f5f9; + color: #334155; + font-size: 0.76rem; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.06em; + padding: 1rem 1.15rem; + border-bottom: 1px solid #e2e8f0; + white-space: nowrap; +} + +.benchmark-table th.col-highlight { + background: #fffbeb; + color: #92400e; + border-bottom: 2px solid #f59e0b; +} + +.benchmark-table td { + padding: 1rem 1.15rem; + border-bottom: 1px solid #f1f5f9; + font-size: 0.86rem; + color: #475569; + vertical-align: middle; +} + +.benchmark-table tr:hover td { + background: #f8fafc; +} + +.benchmark-table tr:last-child td { + border-bottom: none; +} + +/* Sticky First Column for Superb Mobile Usability */ +.benchmark-table th:first-child, +.benchmark-table td.cell-metric-name { + position: sticky; + left: 0; + z-index: 2; + background: #fafbfc; + font-weight: 800; + color: #0f172a; + width: 200px; + min-width: 180px; + box-shadow: 3px 0 8px -3px rgba(0, 0, 0, 0.08); +} + +.benchmark-table th:first-child { + background: #f1f5f9; + z-index: 3; +} + +.benchmark-table tr:hover td.cell-metric-name { + background: #f1f5f9; +} + +.benchmark-table td.col-highlight { + background: rgba(254, 243, 199, 0.25); + font-weight: 700; + color: #0f172a; +} + +.table-badge-winner { + display: inline-flex; + align-items: center; + gap: 4px; + background: #fffbeb; + border: 1px solid #fde68a; + color: #b45309; + font-size: 0.74rem; + font-weight: 800; + padding: 0.2rem 0.55rem; + border-radius: 6px; + white-space: nowrap; +} + +.table-badge-baseline { + background: #f1f5f9; + color: #64748b; + font-size: 0.74rem; + font-weight: 600; + padding: 0.2rem 0.55rem; + border-radius: 6px; + white-space: nowrap; +} + +/* ------------------------------------------------------------- + * 3. Formulation Navigator (Interactive Application Recommender) + * ------------------------------------------------------------- */ +.formulation-navigator-box { + background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%); + border: 1px solid #e2e8f0; + border-radius: clamp(16px, 2.5vw, 24px); + padding: clamp(1.25rem, 3vw, 2.5rem); + box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04); + position: relative; + z-index: 2; +} + +.nav-box-header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 1rem; + margin-bottom: 1.5rem; +} + +.nav-box-title { + font-size: clamp(1.05rem, 1.6vw, 1.25rem); + font-weight: 800; + color: #0f172a; +} + +.nav-box-subtitle { + font-size: clamp(0.82rem, 1vw, 0.88rem); + color: #64748b; + margin-top: 3px; +} + +.nav-app-buttons { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: clamp(0.75rem, 1.5vw, 1rem); +} + +@media (max-width: 1024px) { + .nav-app-buttons { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 540px) { + .nav-app-buttons { + grid-template-columns: 1fr; + } +} + +.app-recom-btn { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 16px; + padding: clamp(0.95rem, 1.5vw, 1.25rem); + text-align: left; + cursor: pointer; + transition: all 0.25s ease; + display: flex; + flex-direction: column; + gap: 6px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02); + min-height: 48px; +} + +.app-recom-btn:hover { + border-color: #f59e0b; + transform: translateY(-3px); + box-shadow: 0 8px 20px rgba(245, 158, 11, 0.12); +} + +.app-recom-btn.active { + background: #fffbeb; + border-color: #f59e0b; + box-shadow: 0 8px 20px rgba(245, 158, 11, 0.16); +} + +.app-btn-icon-row { + display: flex; + align-items: center; + justify-content: space-between; +} + +.app-btn-icon-row svg { + width: 20px; + height: 20px; + color: #d97706; + flex-shrink: 0; +} + +.app-match-badge { + font-size: 0.68rem; + font-weight: 800; + color: #b45309; + background: #fef3c7; + padding: 0.15rem 0.5rem; + border-radius: 9999px; + text-transform: uppercase; + white-space: nowrap; +} + +.app-btn-title { + font-size: clamp(0.88rem, 1.1vw, 0.95rem); + font-weight: 800; + color: #0f172a; + line-height: 1.3; +} + +.app-btn-target { + font-size: clamp(0.74rem, 0.95vw, 0.78rem); + color: #64748b; + line-height: 1.4; +} + + +.cert-badge-circle svg { + width: 34px; + height: 34px; + color: var(--accent-700); +} + +.quality-icon-circle { + width: 56px; + height: 56px; + border-radius: 50%; + background: var(--primary-50); + border: 1px solid var(--primary-100); + color: var(--primary-700); + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto 1.25rem; + transition: transform var(--transition-fast); +} + +.card:hover .quality-icon-circle { + transform: scale(1.08); + background: var(--primary-100); +} + +.feature-card h3 { + font-size: 1.25rem; + margin-bottom: 0.85rem; + color: var(--neutral-900); +} + +.feature-card p { + color: var(--neutral-600); + font-size: 0.95rem; + line-height: 1.65; + margin-bottom: 0; +} + +/* =================================================================== + Ultra-Modern Products Showcase & Interactive Catalog UI + Aesthetic: Pristine White, Deep Slate #0f172a, Warm Curcumin Amber #f59e0b + =================================================================== */ +.products-showcase-section { + background: linear-gradient(180deg, #faf7f2 0%, #f4efe6 100%); + position: relative; + overflow: hidden; + padding: clamp(4rem, 7vw, 6.5rem) 0; + border-top: 1px solid #ede5d8; + border-bottom: 1px solid #ede5d8; +} + +.products-showcase-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: + radial-gradient(circle at 12% 18%, rgba(245, 158, 11, 0.08) 0%, transparent 45%), + radial-gradient(circle at 88% 75%, rgba(217, 119, 6, 0.05) 0%, transparent 45%); + pointer-events: none; +} + +/* Category Filter Tabs */ +.product-tabs-wrapper { + display: flex; + align-items: center; + justify-content: center; + gap: 0.6rem; + flex-wrap: wrap; + margin-bottom: clamp(2rem, 3.5vw, 3rem); + position: relative; + z-index: 2; +} + +.tab-btn { + font-family: var(--font-heading); + font-size: clamp(0.82rem, 1vw, 0.88rem); + font-weight: 700; + padding: 0.6rem 1.25rem; + border-radius: 9999px; + border: 1px solid #e2e8f0; + background: #f8fafc; + color: #475569; + cursor: pointer; + transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); + white-space: nowrap; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02); +} + +.tab-btn:hover { + border-color: #cbd5e1; + color: #0f172a; + background: #f1f5f9; + transform: translateY(-1px); +} + +.tab-btn.active { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; + box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25); + transform: translateY(-1px); +} + +/* Product Card */ +.product-card { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: clamp(16px, 2vw, 22px); + padding: clamp(1.5rem, 2.2vw, 2rem); + display: flex; + flex-direction: column; + justify-content: space-between; + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); + position: relative; + overflow: hidden; + box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.05); +} + +.product-card::after { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 4px; + background: linear-gradient(90deg, #f59e0b, #fbbf24); + opacity: 0; + transition: opacity 0.3s ease; +} + +.product-card:hover { + transform: translateY(-6px); + border-color: #f59e0b; + box-shadow: 0 20px 40px -12px rgba(245, 158, 11, 0.16), 0 0 1px rgba(245, 158, 11, 0.4); +} + +.product-card:hover::after { + opacity: 1; +} + +.product-card-top { + margin-bottom: 1.25rem; +} + +.product-card-header { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.5rem; + flex-wrap: wrap; + margin-bottom: 0.85rem; +} + +.product-card-category { + font-family: var(--font-mono); + font-size: 0.7rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.06em; + color: #b45309; + background: #fffbeb; + border: 1px solid #fde68a; + padding: 0.25rem 0.65rem; + border-radius: 9999px; + display: inline-flex; + align-items: center; +} + +.product-card-badge { + font-size: 0.72rem; + font-weight: 700; + color: #0f172a; + background: #f8fafc; + border: 1px solid #e2e8f0; + padding: 0.25rem 0.65rem; + border-radius: 9999px; + display: inline-flex; + align-items: center; + gap: 4px; +} + +.product-card h3 { + font-size: clamp(1.2rem, 1.6vw, 1.35rem); + font-weight: 800; + margin-bottom: 0.35rem; + color: #0f172a; + line-height: 1.3; +} + +.product-card .product-tagline { + font-size: 0.86rem; + color: #d97706; + font-weight: 700; + margin-bottom: 0.85rem; + line-height: 1.4; +} + +.product-card .product-desc { + font-size: 0.92rem; + color: #475569; + line-height: 1.65; + margin-bottom: 1.25rem; +} + +.product-actives-box { + background: #f8fafc; + border: 1px solid #e2e8f0; + border-left: 3.5px solid #f59e0b; + padding: 0.85rem 1rem; + border-radius: 10px; + font-size: 0.85rem; + color: #0f172a; + margin-bottom: 1.25rem; +} + +.product-actives-header { + display: flex; + align-items: center; + gap: 6px; + font-size: 0.72rem; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.06em; + color: #64748b; + margin-bottom: 4px; +} + +.product-actives-header svg { + width: 14px; + height: 14px; + color: #d97706; +} + +.product-actives-val { + font-size: 0.86rem; + font-weight: 600; + color: #0f172a; + line-height: 1.45; +} + +.product-formats-row { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 6px; + margin-bottom: 1.25rem; +} + +.format-label { + font-size: 0.72rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.05em; + color: #94a3b8; + margin-right: 2px; +} + +.format-pill { + font-size: 0.73rem; + font-weight: 600; + padding: 0.2rem 0.55rem; + border-radius: 6px; + background: #f1f5f9; + color: #334155; + border: 1px solid #e2e8f0; +} + +.product-card-footer { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0.65rem; + padding-top: 1.15rem; + border-top: 1px solid #f1f5f9; +} + +.product-card-footer .view-product-detail-btn { + background: #f8fafc; + color: #0f172a; + border: 1px solid #cbd5e1; + border-radius: 10px; + font-size: 0.85rem; + font-weight: 700; + padding: 0.65rem 0.75rem; + cursor: pointer; + transition: all 0.2s ease; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; +} + +.product-card-footer .view-product-detail-btn:hover { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; +} + +.product-card-footer .request-sample-btn { + background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); + color: #ffffff; + border: none; + border-radius: 10px; + font-size: 0.85rem; + font-weight: 700; + padding: 0.65rem 0.75rem; + cursor: pointer; + transition: all 0.2s ease; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25); +} + +.product-card-footer .request-sample-btn:hover { + background: #b45309; + transform: translateY(-1px); + box-shadow: 0 6px 16px rgba(245, 158, 11, 0.35); +} + +@media (max-width: 380px) { + .product-card-footer { + grid-template-columns: 1fr; + } +} + +/* Bottom Portfolio Specs CTA */ +.products-bottom-cta { + text-align: center; + margin-top: clamp(2.5rem, 4vw, 4rem); + position: relative; + z-index: 2; +} + +.products-all-specs-btn { + background: #0f172a; + color: #ffffff; + font-size: clamp(0.92rem, 1.2vw, 1.05rem); + font-weight: 700; + padding: 0.95rem 2.25rem; + border-radius: 12px; + text-decoration: none; + display: inline-flex; + align-items: center; + gap: 10px; + transition: all 0.25s ease; + box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25); + border: 1px solid #334155; +} + +.products-all-specs-btn:hover { + background: #f59e0b; + color: #ffffff; + border-color: #f59e0b; + transform: translateY(-2px); + box-shadow: 0 8px 24px rgba(245, 158, 11, 0.35); +} + +.products-bottom-sub { + font-size: 0.85rem; + color: #64748b; + margin-top: 0.85rem; +} + +/* Bioavailability Interactive Simulator Box */ +.interactive-bio-box { + background: linear-gradient(135deg, #092c23 0%, #061d17 100%); + border-radius: var(--radius-xl); + border: 1px solid rgba(245, 158, 11, 0.3); + padding: 3rem 2.5rem; + color: var(--white); + box-shadow: var(--shadow-xl); + margin: 3.5rem 0; +} + +.bio-grid { + display: grid; + grid-template-columns: 1fr 1.2fr; + align-items: center; + gap: 3rem; +} + +.bio-content h3 { + color: var(--white); + font-size: 1.85rem; + margin-bottom: 1rem; +} + +.bio-content p { + color: var(--neutral-300); + font-size: 1.05rem; + line-height: 1.7; + margin-bottom: 1.75rem; +} + +.bio-metrics-row { + display: flex; + gap: 2rem; + margin-bottom: 2rem; +} + +.bio-metric-item h4 { + font-size: 2.25rem; + color: var(--accent-400); + font-weight: 800; + line-height: 1; +} + +.bio-metric-item span { + font-size: 0.8rem; + color: var(--neutral-300); + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.bio-chart-card { + background: rgba(255, 255, 255, 0.05); + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.15); + border-radius: var(--radius-lg); + padding: 2rem; +} + +.chart-legend { + display: flex; + gap: 1.5rem; + margin-bottom: 1.5rem; + font-size: 0.85rem; +} + +.legend-item { + display: flex; + align-items: center; + gap: 0.5rem; +} + +.legend-dot { + width: 12px; + height: 12px; + border-radius: 3px; +} + +.legend-dot.curcuvance { background: var(--accent-500); } +.legend-dot.standard { background: #64748b; } + +.chart-bar-group { + margin-bottom: 1.5rem; +} + +.chart-bar-label { + display: flex; + justify-content: space-between; + font-size: 0.85rem; + margin-bottom: 0.4rem; +} + +.chart-bar-track { + height: 28px; + background: rgba(255, 255, 255, 0.1); + border-radius: var(--radius-full); + overflow: hidden; + position: relative; +} + +.chart-bar-fill { + height: 100%; + border-radius: var(--radius-full); + display: flex; + align-items: center; + padding-left: 1rem; + font-size: 0.8rem; + font-weight: 700; + color: var(--neutral-950); + transition: width 1s ease-out; +} + +.chart-bar-fill.fill-curcuvance { + width: 96%; + background: linear-gradient(90deg, #f59e0b, #fbbf24); +} + +.chart-bar-fill.fill-standard { + width: 12%; + background: #64748b; + color: var(--white); +} + +@media (max-width: 992px) { + .bio-grid { + grid-template-columns: 1fr; + gap: 2rem; + } +} + +/* Innovation Process Steps - Modern Connected Roadmap UI */ +#approach-section { + background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 50%, #f8fafc 100%); + position: relative; + overflow: hidden; + padding: clamp(4.5rem, 7vw, 6.5rem) 0; +} + +#approach-section::before { + content: ''; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + width: 1000px; + height: 450px; + background: radial-gradient(ellipse at 50% 0%, rgba(16, 185, 129, 0.08) 0%, rgba(245, 158, 11, 0.04) 45%, transparent 70%); + pointer-events: none; + filter: blur(40px); +} + +.approach-kicker { + display: inline-flex; + align-items: center; + gap: 8px; + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 700; + letter-spacing: 0.1em; + text-transform: uppercase; + color: #065f46; + background: rgba(16, 185, 129, 0.08); + border: 1px solid rgba(16, 185, 129, 0.25); + padding: 0.35rem 0.9rem; + border-radius: 9999px; + margin-bottom: 1rem; +} + +.process-steps-grid { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 1.15rem; + position: relative; + margin-top: 1.5rem; +} + +@media (min-width: 1201px) { + .process-steps-grid::before { + content: ''; + position: absolute; + top: 36px; + left: 40px; + right: 40px; + height: 2px; + background: linear-gradient(90deg, #10b981 0%, #38bdf8 50%, #f59e0b 100%); + opacity: 0.25; + z-index: 0; + } +} + +.process-step-item { + background: #ffffff; + border: 1px solid rgba(226, 232, 240, 0.9); + border-radius: 18px; + padding: 1.6rem 1.15rem 1.35rem; + position: relative; + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); + display: flex; + flex-direction: column; + justify-content: space-between; + overflow: hidden; + z-index: 1; + box-shadow: + 0 4px 6px -1px rgba(15, 23, 42, 0.03), + 0 12px 24px -6px rgba(15, 23, 42, 0.04); +} + +.process-step-glow { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 3px; + background: linear-gradient(90deg, #10b981 0%, #38bdf8 50%, #f59e0b 100%); + opacity: 0; + transition: opacity 0.3s ease; +} + +.process-step-item:hover { + transform: translateY(-7px); + border-color: rgba(16, 185, 129, 0.4); + box-shadow: + 0 20px 38px -8px rgba(16, 185, 129, 0.12), + 0 8px 16px -4px rgba(15, 23, 42, 0.04); +} + +.process-step-item:hover .process-step-glow { + opacity: 1; +} + +.step-header-meta { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.5rem; + margin-bottom: 0.9rem; +} + +.step-stage-badge { + font-family: var(--font-mono); + font-size: 0.68rem; + font-weight: 800; + color: #b45309; + background: #fffbeb; + border: 1px solid #fde68a; + padding: 0.18rem 0.5rem; + border-radius: 5px; + letter-spacing: 0.06em; +} + +.step-num-watermark { + font-family: var(--font-heading); + font-size: 1.55rem; + font-weight: 800; + color: #e2e8f0; + line-height: 1; + transition: color 0.3s ease; +} + +.process-step-item:hover .step-num-watermark { + color: #cbd5e1; +} + +.step-icon-squircle { + width: 44px; + height: 44px; + border-radius: 12px; + background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); + border: 1px solid rgba(16, 185, 129, 0.25); + color: #047857; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0.95rem; + box-shadow: 0 6px 14px -3px rgba(16, 185, 129, 0.15); + transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); +} + +.step-icon-squircle svg { + width: 22px; + height: 22px; + stroke: currentColor; +} + +.process-step-item:hover .step-icon-squircle { + transform: scale(1.1) rotate(3deg); +} + +.step-name { + font-size: 1.15rem; + font-weight: 800; + color: #0f172a; + margin: 0 0 0.25rem 0; + letter-spacing: -0.01em; +} + +.step-subtitle { + font-size: 0.76rem; + font-weight: 700; + color: #059669; + text-transform: uppercase; + letter-spacing: 0.04em; + margin-bottom: 0.6rem; +} + +.step-desc { + font-size: 0.84rem; + color: #475569; + line-height: 1.55; + margin-bottom: 1.1rem; +} + +/* Output Deliverable Tag */ +.step-output-tag { + background: #f8fafc; + border: 1px solid #e2e8f0; + border-radius: 6px; + padding: 0.32rem 0.55rem; + font-size: 0.71rem; + font-family: var(--font-mono); + font-weight: 700; + color: #334155; + display: flex; + align-items: center; + gap: 6px; + transition: all 0.2s ease; +} + +.process-step-item:hover .step-output-tag { + background: #f1f5f9; + border-color: #cbd5e1; + color: #0f172a; +} + +.step-output-dot { + width: 5px; + height: 5px; + border-radius: 50%; + background: #10b981; + box-shadow: 0 0 6px #10b981; + flex-shrink: 0; +} + +@media (max-width: 1200px) { + .process-steps-grid { + grid-template-columns: repeat(3, 1fr); + } +} + +@media (max-width: 680px) { + .process-steps-grid { + grid-template-columns: 1fr; + } +} + +/* Technology Focus Cards - Modern Trending Bio-Tech UI */ +#technology-section { + background: linear-gradient(180deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%); + position: relative; + overflow: hidden; +} + +#technology-section::before { + content: ''; + position: absolute; + top: -120px; + left: 50%; + transform: translateX(-50%); + width: 900px; + height: 400px; + background: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.08) 0%, rgba(245, 158, 11, 0.04) 50%, transparent 75%); + pointer-events: none; + filter: blur(40px); +} + +.tech-section-kicker { + display: inline-flex; + align-items: center; + gap: 8px; + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 700; + letter-spacing: 0.1em; + text-transform: uppercase; + color: #065f46; + background: rgba(16, 185, 129, 0.08); + border: 1px solid rgba(16, 185, 129, 0.25); + padding: 0.35rem 0.9rem; + border-radius: 9999px; + margin-bottom: 1rem; +} + +.tech-card { + background: #ffffff; + border-radius: 20px; + border: 1px solid rgba(226, 232, 240, 0.85); + padding: clamp(1.75rem, 2.5vw, 2.35rem); + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); + display: flex; + flex-direction: column; + justify-content: space-between; + position: relative; + overflow: hidden; + box-shadow: + 0 4px 6px -1px rgba(15, 23, 42, 0.03), + 0 16px 28px -6px rgba(15, 23, 42, 0.05); +} + +.tech-card-glow-bar { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 3px; + background: linear-gradient(90deg, #10b981 0%, #38bdf8 50%, #f59e0b 100%); + opacity: 0; + transition: opacity 0.3s ease; +} + +.tech-card:hover { + transform: translateY(-6px); + border-color: rgba(16, 185, 129, 0.35); + box-shadow: + 0 22px 42px -10px rgba(16, 185, 129, 0.12), + 0 10px 20px -5px rgba(15, 23, 42, 0.04); +} + +.tech-card:hover .tech-card-glow-bar { + opacity: 1; +} + +.tech-card-meta { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + margin-bottom: 1.35rem; +} + +.tech-node-id { + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 800; + color: #b45309; + letter-spacing: 0.1em; + display: inline-flex; + align-items: center; + gap: 6px; + background: #fffbeb; + border: 1px solid #fde68a; + padding: 0.22rem 0.65rem; + border-radius: 6px; +} + +.tech-pulse-dot { + width: 6px; + height: 6px; + border-radius: 50%; + background: #f59e0b; + box-shadow: 0 0 8px #f59e0b; +} + +.tech-category-pill { + font-family: var(--font-mono); + font-size: 0.68rem; + font-weight: 700; + letter-spacing: 0.06em; + text-transform: uppercase; + color: #0369a1; + background: #f0f9ff; + border: 1px solid #bae6fd; + padding: 0.22rem 0.65rem; + border-radius: 9999px; +} + +.tech-card-header { + display: flex; + align-items: flex-start; + gap: 1.15rem; + margin-bottom: 1.15rem; +} + +.tech-icon-container { + width: 52px; + height: 52px; + border-radius: 14px; + background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); + border: 1px solid rgba(16, 185, 129, 0.25); + color: #047857; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + box-shadow: 0 8px 16px -4px rgba(16, 185, 129, 0.15); + transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); +} + +.tech-icon-container svg { + width: 25px; + height: 25px; + stroke: currentColor; +} + +.tech-card:hover .tech-icon-container { + transform: scale(1.08) rotate(3deg); +} + +.tech-card-title { + font-size: clamp(1.22rem, 1.5vw, 1.38rem); + font-weight: 800; + color: #0f172a; + margin: 0 0 0.25rem 0; + letter-spacing: -0.02em; + line-height: 1.25; +} + +.tech-card-headline { + font-size: 0.86rem; + font-weight: 700; + color: #059669; + line-height: 1.4; +} + +.tech-card-desc { + font-size: 0.92rem; + color: #475569; + line-height: 1.65; + margin: 0 0 1.35rem 0; +} + +/* Feature Spec Pill Grid */ +.tech-spec-grid { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + margin-bottom: 1.5rem; +} + +.tech-spec-pill { + background: #f8fafc; + border: 1px solid #e2e8f0; + border-radius: 8px; + padding: 0.38rem 0.72rem; + font-size: 0.79rem; + font-weight: 600; + color: #334155; + display: inline-flex; + align-items: center; + gap: 7px; + transition: all 0.2s ease; +} + +.tech-spec-pill:hover { + background: #f1f5f9; + border-color: #cbd5e1; + transform: translateY(-1px); +} + +.spec-dot { + width: 5px; + height: 5px; + border-radius: 50%; + background: #10b981; + box-shadow: 0 0 6px #10b981; + flex-shrink: 0; +} + +/* Interactive Footer Bar */ +.tech-card-footer { + padding-top: 1.15rem; + border-top: 1px solid #f1f5f9; + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + flex-wrap: wrap; +} + +.tech-validation-badge { + display: inline-flex; + align-items: center; + gap: 6px; + font-size: 0.76rem; + font-weight: 600; + color: #047857; +} + +.tech-validation-badge svg { + width: 15px; + height: 15px; + color: #10b981; + flex-shrink: 0; +} + +.tech-card-link { + display: inline-flex; + align-items: center; + gap: 5px; + font-size: 0.8rem; + font-weight: 700; + color: #0f172a; + text-decoration: none; + transition: all 0.2s ease; + font-family: var(--font-mono); + letter-spacing: 0.02em; +} + +.tech-card-link svg { + width: 14px; + height: 14px; + stroke: currentColor; + transition: transform 0.2s ease; +} + +.tech-card-link:hover { + color: #b45309; +} + +.tech-card-link:hover svg { + transform: translateX(4px); +} + +@media (max-width: 640px) { + .tech-card { + padding: 1.5rem 1.25rem; + } + .tech-card-header { + gap: 0.85rem; + } + .tech-icon-container { + width: 44px; + height: 44px; + border-radius: 12px; + } + .tech-icon-container svg { + width: 20px; + height: 20px; + } + .tech-spec-grid { + gap: 0.4rem; + } + .tech-spec-pill { + font-size: 0.75rem; + padding: 0.32rem 0.6rem; + } +} + +/* R&D Capabilities Grid */ +.capability-item { + display: flex; + align-items: flex-start; + gap: 1rem; + padding: 1.25rem; + background: var(--white); + border-radius: var(--radius-md); + border: 1px solid var(--neutral-200); + transition: all var(--transition-fast); +} + +.capability-item:hover { + border-color: var(--primary-600); + transform: translateX(4px); + box-shadow: var(--shadow-md); +} + +.capability-check { + width: 28px; + height: 28px; + border-radius: 50%; + background: var(--primary-100); + color: var(--primary-700); + display: flex; + align-items: center; + justify-content: center; + font-weight: 800; + font-size: 0.85rem; + flex-shrink: 0; +} + +.capability-text h4 { + font-size: 1rem; + margin-bottom: 0.25rem; + color: var(--neutral-900); +} + +.capability-text p { + font-size: 0.85rem; + color: var(--neutral-600); + margin-bottom: 0; + line-height: 1.5; +} + +/* Quality & Certifications */ +.cert-card { + background: var(--white); + border: 1px solid var(--neutral-200); + border-radius: var(--radius-lg); + padding: 2rem; + text-align: center; + transition: all var(--transition-normal); + display: flex; + flex-direction: column; + align-items: center; +} + +.cert-card:hover { + transform: translateY(-5px); + box-shadow: var(--shadow-lg); + border-color: var(--accent-500); +} + +.cert-badge-circle { + width: 70px; + height: 70px; + border-radius: 50%; + background: var(--accent-50); + border: 2px solid var(--accent-400); + color: var(--accent-900); + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 1.25rem; + flex-shrink: 0; + transition: all var(--transition-normal); +} + +.cert-badge-circle svg { + width: 34px; + height: 34px; + stroke: var(--accent-700); + fill: none; +} + +.cert-card:hover .cert-badge-circle { + background: var(--accent-500); + border-color: var(--accent-600); + transform: rotate(5deg) scale(1.05); +} + +.cert-card:hover .cert-badge-circle svg { + stroke: var(--white); +} + +.tech-icon-circle svg { + width: 26px; + height: 26px; + stroke: var(--primary-700); + fill: none; +} + +.quality-icon-circle { + width: 64px; + height: 64px; + border-radius: 50%; + background: var(--primary-50); + border: 1px solid var(--primary-200); + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto 1.25rem auto; + transition: all var(--transition-normal); +} + +.quality-icon-circle svg { + width: 28px; + height: 28px; + stroke: var(--primary-700); + fill: none; +} + +.card:hover .quality-icon-circle { + background: var(--primary-700); + border-color: var(--primary-800); + transform: scale(1.1); +} + +.card:hover .quality-icon-circle svg { + stroke: var(--white); +} + +.dosage-format-img { + width: 100%; + height: 180px; + object-fit: cover; + border-radius: var(--radius-md); + margin-bottom: 1.25rem; + border: 1px solid var(--neutral-200); + box-shadow: var(--shadow-sm); + transition: transform var(--transition-normal); + display: block; +} + +.card:hover .dosage-format-img { + transform: scale(1.03); +} + +.cert-card h4 { + font-size: 1.15rem; + color: var(--neutral-900); + margin-bottom: 0.35rem; +} + +.cert-card .cert-auth { + font-size: 0.8rem; + font-weight: 700; + color: var(--primary-700); + text-transform: uppercase; + letter-spacing: 0.05em; + margin-bottom: 0.75rem; +} + +.cert-card p { + font-size: 0.85rem; + color: var(--neutral-600); + line-height: 1.55; + margin-bottom: 0; +} + +/* B2B Partnership Banner */ +.partner-banner { + background: linear-gradient(135deg, #0b3b2c 0%, #06231c 100%); + border-radius: var(--radius-xl); + padding: 4.5rem 3rem; + color: var(--white); + text-align: center; + position: relative; + overflow: hidden; + box-shadow: var(--shadow-xl); +} + +.partner-banner::before { + content: ''; + position: absolute; + top: -50%; + left: -20%; + width: 600px; + height: 600px; + background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, transparent 70%); + pointer-events: none; +} + +.partner-banner-content { + position: relative; + z-index: 2; + max-width: 820px; + margin: 0 auto; +} + +.partner-banner h2 { + color: var(--white); + font-size: clamp(2rem, 3vw + 1rem, 2.75rem); + margin-bottom: 1.25rem; +} + +.partner-banner p { + color: #e2e8f0; + font-size: 1.15rem; + line-height: 1.7; + margin-bottom: 2.25rem; +} + +.partner-banner-actions { + display: flex; + align-items: center; + justify-content: center; + gap: 1.25rem; + flex-wrap: wrap; +} + +/* Site Footer */ +.site-footer { + background: #051a14; + color: var(--neutral-300); + padding: 5rem 0 2rem; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.footer-grid { + display: grid; + grid-template-columns: 1.4fr 1fr 1fr 1.2fr; + gap: 3.5rem; + margin-bottom: 4rem; +} + +.footer-brand .brand-logo { + color: var(--white); + margin-bottom: 1.25rem; +} + +.footer-brand .brand-sub { + color: var(--neutral-400); +} + +.footer-brand p { + color: var(--neutral-400); + font-size: 0.925rem; + line-height: 1.65; + margin-bottom: 1.5rem; +} + +.footer-col h4 { + color: var(--white); + font-size: 1.1rem; + margin-bottom: 1.5rem; + position: relative; + padding-bottom: 0.65rem; +} + +.footer-col h4::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 32px; + height: 2px; + background: var(--accent-500); +} + +.footer-links { + list-style: none; + display: flex; + flex-direction: column; + gap: 0.85rem; +} + +.footer-links a { + color: var(--neutral-300); + font-size: 0.925rem; + transition: color var(--transition-fast); +} + +.footer-links a:hover { + color: var(--accent-400); + transform: translateX(4px); +} + +.footer-contact-item { + display: flex; + align-items: flex-start; + gap: 0.75rem; + margin-bottom: 1rem; + font-size: 0.9rem; + color: var(--neutral-300); +} + +.footer-contact-item svg { + flex-shrink: 0; + color: var(--accent-400); + margin-top: 3px; +} + +.footer-bottom { + padding-top: 2rem; + border-top: 1px solid rgba(255, 255, 255, 0.08); + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 1rem; + font-size: 0.85rem; + color: var(--neutral-400); +} + +.footer-bottom-links { + display: flex; + gap: 1.5rem; +} + +.footer-bottom-links a { + color: var(--neutral-400); +} + +.footer-bottom-links a:hover { + color: var(--accent-400); +} + +@media (max-width: 1024px) { + .footer-grid { + grid-template-columns: repeat(2, 1fr); + gap: 2.5rem; + } +} + +@media (max-width: 640px) { + .footer-grid { + grid-template-columns: 1fr; + } + .footer-bottom { + flex-direction: column; + text-align: center; + } +} + +/* Modals */ +.modal-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(6, 35, 28, 0.75); + backdrop-filter: blur(8px); + z-index: 2000; + display: flex; + align-items: center; + justify-content: center; + padding: 1.5rem; + opacity: 0; + visibility: hidden; + transition: all var(--transition-normal); +} + +.modal-overlay.open { + opacity: 1; + visibility: visible; +} + +.modal-container { + background: var(--white); + border-radius: var(--radius-xl); + max-width: 680px; + width: 100%; + max-height: 90vh; + overflow-y: auto; + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4); + transform: scale(0.94); + transition: transform var(--transition-normal); + position: relative; +} + +.modal-overlay.open .modal-container { + transform: scale(1); +} + +.modal-header { + padding: 1.75rem 2rem 1.25rem; + border-bottom: 1px solid var(--neutral-200); + display: flex; + align-items: center; + justify-content: space-between; +} + +.modal-header h3 { + font-size: 1.35rem; + color: var(--neutral-900); + margin-bottom: 0; +} + +.modal-close-btn { + background: transparent; + border: none; + font-size: 1.5rem; + cursor: pointer; + color: var(--neutral-600); + line-height: 1; + padding: 0.25rem; + transition: color var(--transition-fast); +} + +.modal-close-btn:hover { + color: var(--neutral-900); +} + +.modal-body { + padding: 2rem; +} + +/* Form Styling */ +.form-group { + margin-bottom: 1.25rem; +} + +.form-label { + display: block; + font-size: 0.875rem; + font-weight: 600; + color: var(--neutral-800); + margin-bottom: 0.4rem; +} + +.form-input, +.form-select, +.form-textarea { + width: 100%; + padding: 0.75rem 1rem; + border-radius: var(--radius-md); + border: 1px solid var(--neutral-300); + background: var(--neutral-50); + font-family: var(--font-body); + font-size: 0.95rem; + color: var(--neutral-900); + transition: all var(--transition-fast); +} + +.form-input:focus, +.form-select:focus, +.form-textarea:focus { + outline: none; + border-color: var(--primary-600); + background: var(--white); + box-shadow: 0 0 0 3px rgba(16, 82, 62, 0.15); +} + +.form-textarea { + min-height: 110px; + resize: vertical; +} + +.form-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; +} + +@media (max-width: 600px) { + .form-row { grid-template-columns: 1fr; } +} + +/* Contact Cards */ +.contact-info-card { + background: var(--white); + border: 1px solid var(--neutral-200); + border-radius: var(--radius-lg); + padding: 2rem; + height: 100%; + box-shadow: var(--shadow-sm); +} + +.contact-info-card h4 { + font-size: 1.15rem; + color: var(--neutral-900); + margin-bottom: 1rem; + display: flex; + align-items: center; + gap: 0.6rem; +} + +/* =================================================================== + Next-Gen Why Choose Us / Innovation That Creates Impact Bento UI + Aesthetic: Clean White, Rich Slate, Curcumin Gold Accents + =================================================================== */ +.why-us-bento-section { + background: #ffffff; + position: relative; + overflow: hidden; + padding: clamp(3.5rem, 6vw, 6.5rem) 0; + border-top: 1px solid #e2e8f0; + border-bottom: 1px solid #e2e8f0; +} + +.why-us-bento-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: + radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.04) 0%, transparent 45%), + radial-gradient(circle at 15% 85%, rgba(2, 132, 199, 0.03) 0%, transparent 45%); + pointer-events: none; +} + +.impact-bento-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: clamp(1rem, 2vw, 1.75rem); + position: relative; + z-index: 2; + margin-bottom: clamp(2.5rem, 4vw, 3.5rem); +} + +@media (max-width: 1024px) { + .impact-bento-grid { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 680px) { + .impact-bento-grid { + grid-template-columns: 1fr; + } +} + +.impact-bento-card { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: clamp(16px, 2.5vw, 24px); + padding: clamp(1.5rem, 2.5vw, 2.25rem); + box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02); + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); + display: flex; + flex-direction: column; + justify-content: space-between; + position: relative; + overflow: hidden; +} + +.impact-bento-card:hover { + transform: translateY(-5px); + border-color: #f59e0b; + box-shadow: 0 20px 40px -15px rgba(245, 158, 11, 0.15), 0 0 1px rgba(245, 158, 11, 0.5); +} + +/* Card Spanning Classes */ +@media (min-width: 1025px) { + .impact-bento-card.span-2 { + grid-column: span 2; + } + .impact-bento-card.span-3 { + grid-column: span 3; + } +} + +@media (min-width: 681px) and (max-width: 1024px) { + .impact-bento-card.span-3 { + grid-column: span 2; + } +} + +/* Card Header */ +.card-header-meta { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1.25rem; +} + +.card-num-chip { + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 700; + color: #94a3b8; + letter-spacing: 0.08em; + background: #f8fafc; + border: 1px solid #e2e8f0; + padding: 0.25rem 0.65rem; + border-radius: 6px; + transition: all 0.2s ease; +} + +.impact-bento-card:hover .card-num-chip { + color: #b45309; + border-color: #fde68a; + background: #fffbeb; +} + +.card-icon-bubble { + width: 50px; + height: 50px; + border-radius: 14px; + background: #fffbeb; + border: 1px solid #fde68a; + display: flex; + align-items: center; + justify-content: center; + color: #d97706; + box-shadow: 0 4px 12px rgba(245, 158, 11, 0.12); + transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease; +} + +.impact-bento-card:hover .card-icon-bubble { + transform: scale(1.08) rotate(4deg); + background: #f59e0b; + color: #ffffff; + border-color: #f59e0b; +} + +.card-icon-bubble svg { + width: 24px; + height: 24px; +} + +/* Card Body */ +.bento-card-title { + font-size: clamp(1.2rem, 1.8vw, 1.45rem); + font-weight: 800; + color: #0f172a; + margin-bottom: 0.75rem; + line-height: 1.3; +} + +.bento-card-desc { + font-size: clamp(0.9rem, 1.1vw, 0.96rem); + color: #475569; + line-height: 1.7; + margin-bottom: 1.5rem; +} + +/* Micro Pill Features Inside Cards */ +.bento-tag-row { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 6px; + margin-top: auto; + padding-top: 1rem; + border-top: 1px solid #f1f5f9; +} + +.bento-feature-pill { + font-size: 0.74rem; + font-weight: 700; + padding: 0.3rem 0.7rem; + border-radius: 9999px; + background: #f8fafc; + color: #334155; + border: 1px solid #e2e8f0; + display: inline-flex; + align-items: center; + gap: 5px; +} + +.bento-feature-pill svg { + width: 12px; + height: 12px; + color: #10b981; +} + +/* Hero Span Card Highlights */ +.impact-bento-card.span-2 .bento-card-title { + font-size: clamp(1.35rem, 2.2vw, 1.75rem); +} + +/* Card 6: Partnership Full Width Banner Styling */ +.partnership-banner-layout { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 1.5rem; +} + +@media (max-width: 768px) { + .partnership-banner-layout { + flex-direction: column; + align-items: stretch; + } +} + +.partnership-content { + max-width: 680px; +} + +.partnership-cta-btn { + background: #0f172a; + color: #ffffff; + font-size: 0.92rem; + font-weight: 700; + padding: 0.85rem 1.75rem; + border-radius: 12px; + border: none; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 8px; + transition: all 0.25s ease; + box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2); + white-space: nowrap; +} + +.partnership-cta-btn:hover { + background: #f59e0b; + color: #ffffff; + transform: translateY(-2px); + box-shadow: 0 6px 20px rgba(245, 158, 11, 0.3); +} + +/* Bottom Trust & Impact Metrics Strip */ +.impact-metrics-bar { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 1rem; + background: #f8fafc; + border: 1px solid #e2e8f0; + border-radius: clamp(14px, 2vw, 20px); + padding: clamp(1.25rem, 2.5vw, 1.75rem); + position: relative; + z-index: 2; +} + +@media (max-width: 840px) { + .impact-metrics-bar { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 480px) { + .impact-metrics-bar { + grid-template-columns: 1fr; + } +} + +.metric-bar-item { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + gap: 4px; + padding: 0.5rem; +} + +.metric-bar-number { + font-size: clamp(1.5rem, 2.2vw, 1.9rem); + font-weight: 800; + color: #b45309; + letter-spacing: -0.02em; +} + +.metric-bar-label { + font-size: 0.78rem; + font-weight: 700; + color: #475569; + text-transform: uppercase; + letter-spacing: 0.04em; +} + +/* =================================================================== + Next-Gen Deep-Tech Analytical Bio-Workstation / Spectrometry HUD + Zero "School Project" feel: Dark Obsidian Glass, Cyan/Gold Telemetry, + Precision Laser Dividers, Laboratory Monograph Authenticity + =================================================================== */ +.rd-pipeline-section { + background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%); + position: relative; + overflow: hidden; + padding: clamp(4.5rem, 7vw, 7rem) 0; + border-top: 1px solid #e2e8f0; + border-bottom: 1px solid #e2e8f0; +} + +.rd-pipeline-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: + radial-gradient(circle at 12% 18%, rgba(245, 158, 11, 0.05) 0%, transparent 45%), + radial-gradient(circle at 88% 82%, rgba(2, 132, 199, 0.04) 0%, transparent 45%); + pointer-events: none; +} + +.rd-pipeline-hub { + display: grid; + grid-template-columns: 1.15fr 0.85fr; + gap: clamp(2rem, 4vw, 3.5rem); + align-items: flex-start; + position: relative; + z-index: 2; + margin-top: clamp(2rem, 3.5vw, 3rem); + margin-bottom: clamp(2.5rem, 4vw, 3.5rem); +} + +@media (max-width: 992px) { + .rd-pipeline-hub { + grid-template-columns: 1fr; + } + .rd-monitor-pane { + position: static; + margin-top: 1.5rem; + } +} + +/* Left: Continuous Connected Timeline Track */ +.rd-stages-timeline { + position: relative; + padding-left: clamp(2.25rem, 4vw, 3.25rem); +} + +.timeline-track-line { + position: absolute; + top: 24px; + bottom: 24px; + left: clamp(14px, calc(2vw + 2px), 20px); + width: 2px; + background: linear-gradient(180deg, #f59e0b 0%, #cbd5e1 50%, #e2e8f0 100%); + transform: translateX(-50%); + z-index: 1; +} + +.rd-stage-row { + position: relative; + padding: clamp(0.85rem, 1.4vw, 1.25rem) 0; + cursor: pointer; + transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); + border-bottom: 1px solid #f1f5f9; +} + +.rd-stage-row:last-child { + border-bottom: none; +} + +.stage-marker { + position: absolute; + top: clamp(1rem, 1.5vw, 1.4rem); + left: calc(-1 * clamp(2.25rem, 4vw, 3.25rem) + clamp(14px, calc(2vw + 2px), 20px)); + transform: translateX(-50%); + width: clamp(28px, 2.5vw, 34px); + height: clamp(28px, 2.5vw, 34px); + border-radius: 50%; + background: #ffffff; + border: 2px solid #cbd5e1; + display: flex; + align-items: center; + justify-content: center; + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 800; + color: #64748b; + z-index: 2; + transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); +} + +.rd-stage-row:hover .stage-marker { + border-color: #f59e0b; + color: #d97706; + transform: translateX(-50%) scale(1.1); + background: #fffbeb; +} + +.rd-stage-row.active .stage-marker { + background: #0f172a; + border-color: #f59e0b; + color: #f59e0b; + box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2); + transform: translateX(-50%) scale(1.15); +} + +.stage-info { + padding-left: clamp(0.5rem, 1vw, 0.85rem); + transition: transform 0.25s ease; +} + +.rd-stage-row:hover .stage-info { + transform: translateX(4px); +} + +.stage-title-wrap { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + flex-wrap: wrap; + margin-bottom: 0.3rem; +} + +.stage-name { + font-size: clamp(1.05rem, 1.4vw, 1.2rem); + font-weight: 800; + color: #1e293b; + margin: 0; + transition: color 0.2s ease; +} + +.rd-stage-row:hover .stage-name { + color: #b45309; +} + +.rd-stage-row.active .stage-name { + color: #0f172a; +} + +.stage-tag { + font-family: var(--font-mono); + font-size: 0.68rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.05em; + padding: 0.18rem 0.55rem; + border-radius: 9999px; + background: #f8fafc; + color: #64748b; + border: 1px solid #e2e8f0; + transition: all 0.2s ease; +} + +.rd-stage-row.active .stage-tag { + background: #fffbeb; + color: #b45309; + border-color: #fde68a; +} + +.stage-desc { + font-size: clamp(0.88rem, 1.05vw, 0.94rem); + color: #64748b; + line-height: 1.6; + margin: 0; +} + +.rd-stage-row.active .stage-desc { + color: #334155; +} + +/* Right: Technical Command Monitor Pane (Deep Obsidian Glass Telemetry HUD) */ +.rd-monitor-pane { + position: sticky; + top: 96px; + background: linear-gradient(165deg, #09151e 0%, #050d14 100%); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 20px; + padding: clamp(1.75rem, 2.5vw, 2.25rem); + box-shadow: + 0 30px 60px -15px rgba(2, 10, 18, 0.55), + 0 0 0 1px rgba(245, 158, 11, 0.2), + inset 0 1px 0 rgba(255, 255, 255, 0.15); + transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); + color: #f1f5f9; + position: relative; + overflow: hidden; +} + +.rd-monitor-pane::before { + content: ''; + position: absolute; + top: 0; + left: 20px; + right: 20px; + height: 2px; + background: linear-gradient(90deg, #f59e0b 0%, #38bdf8 50%, #10b981 100%); + border-radius: 2px; +} + +.monitor-header-status { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + margin-bottom: 1.25rem; + padding-bottom: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.monitor-status-pill { + font-family: var(--font-mono); + font-size: 0.7rem; + font-weight: 700; + letter-spacing: 0.08em; + color: #34d399; + background: rgba(16, 185, 129, 0.1); + border: 1px solid rgba(16, 185, 129, 0.25); + padding: 0.3rem 0.75rem; + border-radius: 9999px; + display: inline-flex; + align-items: center; + gap: 8px; +} + +.status-indicator-dot { + width: 7px; + height: 7px; + border-radius: 50%; + background: #10b981; + box-shadow: 0 0 10px #10b981; + animation: pulse 2s infinite; +} + +.monitor-stage-id { + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 800; + color: #fbbf24; + background: rgba(245, 158, 11, 0.1); + border: 1px solid rgba(245, 158, 11, 0.25); + padding: 0.28rem 0.7rem; + border-radius: 6px; + letter-spacing: 0.08em; +} + +.monitor-title { + font-size: clamp(1.4rem, 2vw, 1.75rem); + font-weight: 800; + color: #ffffff; + margin-bottom: 0.75rem; + line-height: 1.25; + letter-spacing: -0.02em; + text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); +} + +.monitor-lead-desc { + font-size: 0.92rem; + color: #94a3b8; + line-height: 1.7; + margin-bottom: 1.4rem; +} + +/* Metric Highlight Capsule */ +.monitor-metric-strip { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; + background: rgba(255, 255, 255, 0.04); + border: 1px solid rgba(255, 255, 255, 0.08); + border-left: 3.5px solid #f59e0b; + border-radius: 12px; + padding: 0.95rem 1.25rem; + margin-bottom: 1.4rem; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); +} + +.monitor-metric-val { + font-family: var(--font-mono); + font-size: clamp(1.45rem, 2vw, 1.8rem); + font-weight: 800; + color: #fbbf24; + line-height: 1; + text-shadow: 0 0 18px rgba(245, 158, 11, 0.4); +} + +.monitor-metric-label { + font-size: 0.78rem; + font-weight: 700; + color: #e2e8f0; + text-transform: uppercase; + letter-spacing: 0.04em; + line-height: 1.35; +} + +/* Technical Deliverables List */ +.monitor-deliverables-box { + margin-bottom: 1.4rem; +} + +.deliverables-header { + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; + color: #38bdf8; + margin-bottom: 0.75rem; + display: flex; + align-items: center; + gap: 6px; +} + +.deliverables-header svg { + width: 14px; + height: 14px; + color: #38bdf8; +} + +.deliverables-list { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: column; + gap: 0.45rem; +} + +.deliverables-list li { + background: rgba(255, 255, 255, 0.03); + border: 1px solid rgba(255, 255, 255, 0.06); + border-radius: 8px; + padding: 0.55rem 0.85rem; + font-size: 0.85rem; + color: #e2e8f0; + display: flex; + align-items: center; + justify-content: space-between; + gap: 8px; + transition: all 0.2s ease; +} + +.deliverables-list li:hover { + background: rgba(255, 255, 255, 0.06); + border-color: rgba(245, 158, 11, 0.3); + transform: translateX(3px); +} + +.deliverable-laser-dot { + width: 6px; + height: 6px; + border-radius: 50%; + background: #38bdf8; + box-shadow: 0 0 8px #38bdf8; + flex-shrink: 0; +} + +.deliverable-status-tag { + font-family: var(--font-mono); + font-size: 0.65rem; + font-weight: 700; + color: #34d399; + background: rgba(16, 185, 129, 0.12); + border: 1px solid rgba(16, 185, 129, 0.2); + padding: 0.15rem 0.45rem; + border-radius: 4px; + letter-spacing: 0.04em; + white-space: nowrap; +} + +.monitor-protocol-badge { + background: rgba(245, 158, 11, 0.06); + border: 1px solid rgba(245, 158, 11, 0.2); + border-radius: 10px; + padding: 0.75rem 1rem; + font-size: 0.8rem; + color: #cbd5e1; + line-height: 1.5; + display: flex; + align-items: center; + gap: 10px; +} + +.monitor-protocol-badge svg { + width: 18px; + height: 18px; + color: #fbbf24; + flex-shrink: 0; +} + +.monitor-protocol-badge strong { + color: #fbbf24; + font-weight: 700; +} + +/* Bottom Explore Button */ +.rd-cta-bar { + text-align: center; + margin-top: clamp(1.5rem, 2.5vw, 2.5rem); + position: relative; + z-index: 2; +} + +.rd-explore-btn { + background: #0f172a; + color: #ffffff; + font-size: clamp(0.92rem, 1.2vw, 1.05rem); + font-weight: 700; + padding: 0.95rem 2.25rem; + border-radius: 12px; + text-decoration: none; + display: inline-flex; + align-items: center; + gap: 10px; + transition: all 0.25s ease; + box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25); + border: 1px solid #334155; +} + +.rd-explore-btn:hover { + background: #f59e0b; + color: #ffffff; + border-color: #f59e0b; + transform: translateY(-2px); + box-shadow: 0 8px 24px rgba(245, 158, 11, 0.35); +} + +/* =================================================================== + About Us Section - Executive Bio-Tech Showcase UI + =================================================================== */ +#about-section { + background: linear-gradient(180deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%); + position: relative; + overflow: hidden; + padding: clamp(4.5rem, 7vw, 6.5rem) 0; +} + +#about-section::before { + content: ''; + position: absolute; + top: -100px; + right: 10%; + width: 700px; + height: 400px; + background: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.07) 0%, rgba(245, 158, 11, 0.04) 50%, transparent 75%); + pointer-events: none; + filter: blur(50px); +} + +.about-bento-grid { + display: grid; + grid-template-columns: 1.12fr 0.88fr; + gap: 2rem; + align-items: stretch; +} + +/* Left Philosophy Showcase Card */ +.about-philosophy-card { + background: #ffffff; + border: 1px solid rgba(226, 232, 240, 0.9); + border-radius: 22px; + padding: clamp(2rem, 3vw, 2.75rem); + box-shadow: + 0 4px 6px -1px rgba(15, 23, 42, 0.03), + 0 16px 32px -8px rgba(15, 23, 42, 0.05); + display: flex; + flex-direction: column; + justify-content: space-between; + position: relative; + overflow: hidden; + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); +} + +.about-philosophy-card:hover { + transform: translateY(-5px); + border-color: rgba(16, 185, 129, 0.35); + box-shadow: + 0 22px 42px -10px rgba(16, 185, 129, 0.1), + 0 8px 16px -4px rgba(15, 23, 42, 0.04); +} + +.about-philosophy-callout { + background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); + border: 1px solid rgba(16, 185, 129, 0.25); + border-left: 4px solid #10b981; + border-radius: 14px; + padding: 1.35rem 1.65rem; + margin-bottom: 1.5rem; + position: relative; +} + +.about-callout-kicker { + font-family: var(--font-mono); + font-size: 0.7rem; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; + color: #047857; + margin-bottom: 0.35rem; + display: flex; + align-items: center; + gap: 6px; +} + +.about-quote-text { + font-size: clamp(1.25rem, 1.8vw, 1.5rem); + font-weight: 800; + color: #064e3b; + line-height: 1.3; + letter-spacing: -0.01em; + margin: 0; +} + +.about-body-text { + font-size: 0.95rem; + color: #475569; + line-height: 1.7; + margin-bottom: 1.25rem; +} + +.about-pillars-list { + display: flex; + flex-direction: column; + gap: 0.65rem; + margin: 1.25rem 0 1.75rem 0; +} + +.about-pillar-item { + display: flex; + align-items: center; + gap: 10px; + font-size: 0.86rem; + color: #334155; + background: #f8fafc; + border: 1px solid #e2e8f0; + padding: 0.55rem 0.9rem; + border-radius: 10px; + transition: all 0.2s ease; +} + +.about-pillar-item:hover { + background: #ffffff; + border-color: #cbd5e1; + transform: translateX(4px); +} + +.about-pillar-dot { + width: 7px; + height: 7px; + border-radius: 50%; + background: #10b981; + box-shadow: 0 0 6px #10b981; + flex-shrink: 0; +} + +.about-pillar-title { + font-weight: 700; + color: #0f172a; +} + +.about-discover-btn { + display: inline-flex; + align-items: center; + gap: 10px; + background: #0f172a; + color: #ffffff; + font-size: 0.88rem; + font-weight: 700; + padding: 0.85rem 1.65rem; + border-radius: 10px; + text-decoration: none; + transition: all 0.25s ease; + width: fit-content; + box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15); +} + +.about-discover-btn:hover { + background: #047857; + transform: translateY(-2px); + box-shadow: 0 8px 20px rgba(4, 120, 87, 0.25); + color: #ffffff; +} + +.about-discover-btn svg { + transition: transform 0.2s ease; +} + +.about-discover-btn:hover svg { + transform: translateX(4px); +} + +/* Right Consoles Stack */ +.about-consoles-stack { + display: flex; + flex-direction: column; + gap: 1.5rem; + justify-content: space-between; +} + +/* Mission Console (Deep Emerald Obsidian) */ +.about-mission-card { + background: linear-gradient(155deg, #091a14 0%, #05100c 100%); + border: 1px solid rgba(16, 185, 129, 0.22); + border-radius: 20px; + padding: clamp(1.75rem, 2.2vw, 2.25rem); + box-shadow: 0 20px 40px -10px rgba(4, 26, 18, 0.45); + color: #f1f5f9; + position: relative; + overflow: hidden; + transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.about-mission-card::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 2.5px; + background: linear-gradient(90deg, #10b981 0%, #34d399 100%); +} + +.about-mission-card:hover { + transform: translateY(-4px); + border-color: rgba(16, 185, 129, 0.45); + box-shadow: 0 25px 50px -10px rgba(16, 185, 129, 0.18); +} + +/* Vision Console (Deep Amber Curcumin Obsidian) */ +.about-vision-card { + background: linear-gradient(155deg, #191206 0%, #0d0902 100%); + border: 1px solid rgba(245, 158, 11, 0.22); + border-radius: 20px; + padding: clamp(1.75rem, 2.2vw, 2.25rem); + box-shadow: 0 20px 40px -10px rgba(25, 18, 6, 0.45); + color: #f1f5f9; + position: relative; + overflow: hidden; + transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.about-vision-card::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 2.5px; + background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%); +} + +.about-vision-card:hover { + transform: translateY(-4px); + border-color: rgba(245, 158, 11, 0.45); + box-shadow: 0 25px 50px -10px rgba(245, 158, 11, 0.18); +} + +.console-header-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + margin-bottom: 1.15rem; +} + +.console-chip { + font-family: var(--font-mono); + font-size: 0.7rem; + font-weight: 800; + letter-spacing: 0.08em; + padding: 0.25rem 0.65rem; + border-radius: 6px; + display: inline-flex; + align-items: center; + gap: 7px; +} + +.console-chip.emerald { + color: #34d399; + background: rgba(16, 185, 129, 0.12); + border: 1px solid rgba(16, 185, 129, 0.28); +} + +.console-chip.amber { + color: #fbbf24; + background: rgba(245, 158, 11, 0.12); + border: 1px solid rgba(245, 158, 11, 0.28); +} + +.console-icon-box { + width: 44px; + height: 44px; + border-radius: 12px; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} + +.console-icon-box.emerald { + background: rgba(16, 185, 129, 0.15); + border: 1px solid rgba(16, 185, 129, 0.3); + color: #34d399; +} + +.console-icon-box.amber { + background: rgba(245, 158, 11, 0.15); + border: 1px solid rgba(245, 158, 11, 0.3); + color: #fbbf24; +} + +.console-icon-box svg { + width: 22px; + height: 22px; + stroke: currentColor; +} + +.console-title { + font-size: clamp(1.2rem, 1.5vw, 1.35rem); + font-weight: 800; + color: #ffffff; + margin: 0 0 0.5rem 0; + letter-spacing: -0.01em; +} + +.console-desc { + font-size: 0.88rem; + color: #94a3b8; + line-height: 1.65; + margin-bottom: 1.15rem; +} + +.console-footer-tag { + display: flex; + align-items: center; + gap: 8px; + font-family: var(--font-mono); + font-size: 0.72rem; + font-weight: 700; + letter-spacing: 0.04em; + padding-top: 0.85rem; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.console-footer-tag.emerald { + color: #6ee7b7; +} + +.console-footer-tag.amber { + color: #fde68a; +} + +.console-footer-tag svg { + width: 14px; + height: 14px; + stroke: currentColor; +} + +/* Bottom Credentials Strip */ +.about-credentials-strip { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 1.25rem; + margin-top: 2rem; + padding: 1.25rem 1.75rem; + background: #ffffff; + border: 1px solid rgba(226, 232, 240, 0.85); + border-radius: 16px; + box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.04); +} + +.about-credential-node { + display: flex; + align-items: center; + gap: 12px; +} + +.credential-num { + font-family: var(--font-mono); + font-size: 0.82rem; + font-weight: 800; + color: #b45309; + background: #fffbeb; + border: 1px solid #fde68a; + padding: 0.25rem 0.6rem; + border-radius: 6px; + letter-spacing: 0.04em; + white-space: nowrap; +} + +.credential-text { + font-size: 0.8rem; + font-weight: 700; + color: #334155; + line-height: 1.35; +} + +@media (max-width: 991px) { + .about-bento-grid { + grid-template-columns: 1fr; + } + .about-credentials-strip { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 540px) { + .about-credentials-strip { + grid-template-columns: 1fr; + } +} + +/* =================================================================== + Smooth Scroll Features & Floating HUD + =================================================================== */ +/* Top Reading / Scroll Progress Bar */ +.scroll-progress-track { + position: fixed; + top: 0; + left: 0; + right: 0; + height: 3px; + background: transparent; + z-index: 10001; + pointer-events: none; +} + +.scroll-progress-bar { + height: 100%; + width: 0%; + background: linear-gradient(90deg, #10b981 0%, #38bdf8 50%, #f59e0b 100%); + box-shadow: 0 0 10px rgba(16, 185, 129, 0.7); + transition: width 0.08s linear; +} + +/* Floating Back to Top Button with Circular Progress Meter */ +.back-to-top-btn { + position: fixed; + bottom: 28px; + right: 28px; + width: 48px; + height: 48px; + border-radius: 50%; + background: #ffffff; + border: 1px solid rgba(226, 232, 240, 0.9); + box-shadow: + 0 10px 25px -5px rgba(15, 23, 42, 0.15), + 0 0 0 1px rgba(16, 185, 129, 0.15); + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 999; + opacity: 0; + visibility: hidden; + transform: translateY(16px) scale(0.9); + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); + color: #0f172a; +} + +.back-to-top-btn.visible { + opacity: 1; + visibility: visible; + transform: translateY(0) scale(1); +} + +.back-to-top-btn:hover { + transform: translateY(-4px) scale(1.08); + box-shadow: 0 16px 32px -6px rgba(16, 185, 129, 0.35); + border-color: #10b981; + color: #10b981; +} + +.back-to-top-progress-ring { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + transform: rotate(-90deg); + pointer-events: none; +} + +.back-to-top-progress-circle { + stroke: #10b981; + stroke-width: 3; + fill: none; + stroke-linecap: round; + transition: stroke-dashoffset 0.1s linear; +} + +.back-to-top-btn svg.icon-arrow { + width: 20px; + height: 20px; + stroke: currentColor; + position: relative; + z-index: 2; + transition: transform 0.25s ease; +} + +.back-to-top-btn:hover svg.icon-arrow { + transform: translateY(-2px); +} + +@media (max-width: 768px) { + .back-to-top-btn { + bottom: 20px; + right: 20px; + width: 44px; + height: 44px; + } +} + +/* ============================================================= + * PRODUCT FILTER & SEARCH TOOLBAR (products.html) + * ============================================================= */ +.product-filter-toolbar { + max-width: 980px; + margin: 0 auto clamp(2rem, 3.5vw, 3rem) auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 1.25rem; + position: relative; + z-index: 2; +} + +.product-search-box { + width: 100%; + max-width: 620px; + position: relative; + display: flex; + align-items: center; +} + +.product-search-box .search-icon { + position: absolute; + left: 1.25rem; + color: #64748b; + pointer-events: none; + transition: color 0.2s ease; +} + +.product-search-input { + width: 100%; + padding: 0.85rem 2.8rem 0.85rem 3.1rem; + background: #ffffff; + border: 1.5px solid #e2e8f0; + border-radius: 9999px; + font-family: var(--font-body); + font-size: 0.95rem; + color: #0f172a; + box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04); + transition: all 0.25s ease; +} + +.product-search-input:focus { + outline: none; + border-color: var(--primary-600); + box-shadow: 0 0 0 4px rgba(11, 59, 44, 0.12), 0 4px 20px rgba(15, 23, 42, 0.06); +} + +.product-search-input:focus ~ .search-icon { + color: var(--primary-600); +} + +.search-clear-btn { + position: absolute; + right: 1.25rem; + background: #e2e8f0; + color: #475569; + border: none; + border-radius: 50%; + width: 22px; + height: 22px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + font-size: 1rem; + line-height: 1; + transition: all 0.2s ease; +} + +.search-clear-btn:hover { + background: #cbd5e1; + color: #0f172a; +} + +.product-format-filters { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + justify-content: center; +} + +.format-filter-btn { + font-family: var(--font-heading); + font-size: 0.8rem; + font-weight: 600; + padding: 0.45rem 1rem; + border-radius: 8px; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #64748b; + cursor: pointer; + transition: all 0.2s ease; +} + +.format-filter-btn:hover { + border-color: #cbd5e1; + color: #0f172a; + background: #f8fafc; +} + +.format-filter-btn.active { + background: var(--accent-500); + border-color: var(--accent-500); + color: #ffffff; + box-shadow: 0 2px 8px rgba(217, 119, 6, 0.25); +} + +.product-results-meta { + font-size: 0.85rem; + color: #64748b; + font-weight: 500; +} + +/* ============================================================= + * TOAST NOTIFICATION SYSTEM + * ============================================================= */ +.toast-container { + position: fixed; + bottom: 2rem; + right: 2rem; + z-index: 999999; + display: flex; + flex-direction: column; + gap: 0.75rem; + pointer-events: none; +} + +.toast-item { + pointer-events: auto; + display: flex; + align-items: center; + gap: 0.85rem; + padding: 1rem 1.4rem; + border-radius: 12px; + background: rgba(15, 23, 42, 0.94); + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); + color: #ffffff; + box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1); + font-size: 0.9rem; + font-weight: 500; + transform: translateY(20px) scale(0.95); + opacity: 0; + transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); + max-width: 420px; +} + +.toast-item.toast-visible { + transform: translateY(0) scale(1); + opacity: 1; +} + +.toast-item.toast-success .toast-icon { + color: #10b981; +} + +.toast-item.toast-info .toast-icon { + color: #38bdf8; +} + +.toast-close { + background: transparent; + border: none; + color: #94a3b8; + font-size: 1.2rem; + cursor: pointer; + margin-left: auto; + line-height: 1; + padding: 0 0 0 0.5rem; +} + +.toast-close:hover { + color: #ffffff; +} + +/* ============================================================= + * FAQ ACCORDION ENHANCEMENTS (contact.html) + * ============================================================= */ +.faq-accordion-item { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 14px; + transition: all 0.25s ease; + overflow: hidden; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02); +} + +.faq-accordion-item.active { + border-color: #cbd5e1; + box-shadow: 0 10px 24px -4px rgba(15, 23, 42, 0.06); +} + +.faq-accordion-trigger { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding: 1.4rem 1.6rem; + background: transparent; + border: none; + text-align: left; + cursor: pointer; + font-family: var(--font-heading); + font-size: 1.05rem; + font-weight: 700; + color: var(--primary-950); + transition: color 0.2s ease; +} + +.faq-accordion-trigger:hover { + color: var(--accent-600); +} + +.faq-chevron { + width: 20px; + height: 20px; + flex-shrink: 0; + transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); + stroke: var(--accent-500); +} + +.faq-accordion-item.active .faq-chevron { + transform: rotate(180deg); +} + +.faq-accordion-content { + max-height: 0; + overflow: hidden; + transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1); + padding: 0 1.6rem; +} + +.faq-accordion-item.active .faq-accordion-content { + padding: 0 1.6rem 1.5rem 1.6rem; +} + +.faq-accordion-content p { + color: #475569; + font-size: 0.95rem; + line-height: 1.7; + margin: 0; +} + + diff --git a/css/responsive.css b/css/responsive.css new file mode 100644 index 0000000..1ba5cd6 --- /dev/null +++ b/css/responsive.css @@ -0,0 +1,599 @@ +/* =================================================================== + Cure Select Healthcare / MegaCurcumin™ - Universal Responsive Engine + Ensures 100% pixel-perfect scaling, fluid layouts, and flawless + rendering on ALL screen types (320px mobile up to 4K displays). + =================================================================== */ + +/* Safe area padding for notch & dynamic island devices */ +:root { + --safe-left: env(safe-area-inset-left, 0px); + --safe-right: env(safe-area-inset-right, 0px); + --safe-top: env(safe-area-inset-top, 0px); + --safe-bottom: env(safe-area-inset-bottom, 0px); +} + +/* Global overflow and box-sizing safeguards */ +html, body { + width: 100%; + max-width: 100vw; + overflow-x: hidden !important; + position: relative; +} + +*, *::before, *::after { + max-width: 100%; +} + +img, svg, video, canvas, iframe { + max-width: 100%; + height: auto; +} + +/* Fluid Container Sizing */ +.container { + width: 100%; + max-width: var(--container-max); + margin-left: auto; + margin-right: auto; + padding-left: clamp(1rem, 3vw, 2rem); + padding-right: clamp(1rem, 3vw, 2rem); +} + +.container-wide { + width: 100%; + max-width: var(--container-wide); + margin-left: auto; + margin-right: auto; + padding-left: clamp(1rem, 3vw, 2.5rem); + padding-right: clamp(1rem, 3vw, 2.5rem); +} + +/* Fluid Typography */ +h1 { + font-size: clamp(2rem, 3.8vw + 0.8rem, 3.75rem); + line-height: 1.18; + word-break: break-word; +} + +h2 { + font-size: clamp(1.65rem, 2.4vw + 0.6rem, 2.65rem); + line-height: 1.25; + word-break: break-word; +} + +h3 { + font-size: clamp(1.25rem, 1.4vw + 0.5rem, 1.75rem); + line-height: 1.3; +} + +p, li, span, input, select, textarea { + word-break: normal; + overflow-wrap: break-word; +} + +/* Prevent auto-zoom on iOS mobile browsers */ +input, select, textarea, button { + font-size: 16px; +} + +/* =================================================================== + BREAKPOINT: Large Screens & 4K (Min-width: 1440px) + =================================================================== */ +@media (min-width: 1440px) { + .hero-content { + max-width: 720px; + } + + .section { + padding: 5.5rem 0; + } +} + +/* =================================================================== + BREAKPOINT: Standard Laptops & Tablets Landscape (Max-width: 1199px) + =================================================================== */ +@media (max-width: 1199px) { + .hero-grid { + gap: 2.5rem; + } + + .process-steps-grid { + grid-template-columns: repeat(3, 1fr) !important; + gap: 1.25rem; + } + + .footer-grid { + grid-template-columns: 1.2fr 1fr 1fr 1.1fr; + gap: 2.5rem; + } +} + +/* =================================================================== + BREAKPOINT: Tablets & Small Laptops (Max-width: 1080px) + =================================================================== */ +@media (max-width: 1080px) { + /* Navbar */ + .site-header { + height: 76px; + } + + .navbar { + height: 76px; + } + + .top-bar-right { + display: none; + } + + .top-bar-inner { + justify-content: center; + text-align: center; + font-size: 0.75rem; + } + + .mobile-toggle { + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + border-radius: var(--radius-sm); + color: var(--primary-900); + z-index: 1001; + } + + .mobile-toggle:hover { + background: var(--neutral-100); + } + + .nav-menu { + position: fixed; + top: 76px; + left: 0; + right: 0; + bottom: auto; + background: var(--white); + flex-direction: column; + align-items: stretch; + padding: 1.5rem 2rem 2rem; + gap: 0.75rem; + border-bottom: 2px solid var(--neutral-200); + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); + transform: translateY(-120%); + opacity: 0; + pointer-events: none; + transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); + max-height: calc(100vh - 76px); + overflow-y: auto; + } + + .nav-menu.open { + transform: translateY(0); + opacity: 1; + pointer-events: auto; + } + + .nav-link { + font-size: 1.05rem; + padding: 0.75rem 0; + border-bottom: 1px solid var(--neutral-100); + display: block; + width: 100%; + } + + .nav-actions .btn, + .nav-actions button { + display: none; + } + + /* Hero Section */ + .hero { + padding: 4.5rem 0 5rem; + } + + .hero-grid { + grid-template-columns: 1fr; + gap: 3rem; + } + + .hero-content { + max-width: 100%; + text-align: left; + } + + /* Split Layouts */ + .split-layout { + grid-template-columns: 1fr !important; + gap: 2.5rem; + } + + .split-image-wrapper img { + height: clamp(280px, 45vw, 400px); + width: 100%; + } + + /* Grids */ + .grid-3 { + grid-template-columns: repeat(2, 1fr) !important; + } + + .grid-4 { + grid-template-columns: repeat(2, 1fr) !important; + } + + /* Bio Simulator */ + .bio-grid { + grid-template-columns: 1fr !important; + gap: 2.5rem; + } + + /* Footer */ + .footer-grid { + grid-template-columns: repeat(2, 1fr) !important; + gap: 2.5rem; + } +} + +/* =================================================================== + BREAKPOINT: Small Tablets & Large Phones (Max-width: 767px) + =================================================================== */ +@media (max-width: 767px) { + .section { + padding: clamp(2.75rem, 6vw, 4rem) 0; + } + + .section-header { + margin-bottom: 2rem; + } + + /* Grids to single column */ + .grid-4, + .grid-3, + .grid-2 { + grid-template-columns: 1fr !important; + gap: 1.25rem; + } + + /* Process Steps */ + .process-steps-grid { + grid-template-columns: repeat(2, 1fr) !important; + gap: 1rem; + } + + /* Product Tabs */ + .product-tabs-wrapper { + justify-content: flex-start; + overflow-x: auto; + flex-wrap: nowrap; + padding-bottom: 0.75rem; + -webkit-overflow-scrolling: touch; + scrollbar-width: thin; + gap: 0.5rem; + } + + .tab-btn { + flex-shrink: 0; + font-size: 0.85rem; + padding: 0.5rem 1rem; + } + + /* Form Row */ + .form-row { + grid-template-columns: 1fr !important; + gap: 0; + } + + /* Partner Banner */ + .partner-banner { + padding: 3rem 1.5rem; + } + + .partner-banner-actions { + flex-direction: column; + width: 100%; + } + + .partner-banner-actions .btn { + width: 100%; + } + + /* Floating pill in split images */ + .split-floating-pill { + position: static; + margin-top: 1rem; + border-radius: var(--radius-md); + width: 100%; + } +} + +/* =================================================================== + BREAKPOINT: Standard & Compact Mobile Devices (Max-width: 575px) + =================================================================== */ +@media (max-width: 575px) { + /* Top Bar */ + .top-bar { + display: none; /* Streamline mobile experience */ + } + + /* Header */ + .site-header { + height: 64px; + } + + .navbar { + height: 64px; + } + + .brand-logo { + font-size: 1.2rem; + gap: 0.6rem; + } + + .brand-logo svg { + width: 32px; + height: 32px; + } + + .nav-menu { + top: 64px; + padding: 1.25rem 1.5rem; + } + + /* Hero */ + .hero { + padding: 3rem 0 4rem; + } + + .hero h1 { + font-size: 2.15rem; + } + + .hero p.lead { + font-size: 1.05rem; + margin-bottom: 1.75rem; + } + + .hero-actions { + flex-direction: column; + gap: 0.85rem; + width: 100%; + } + + .hero-actions .btn { + width: 100%; + } + + .hero-card-glass { + padding: 1.5rem; + } + + .hero-stats-grid { + grid-template-columns: 1fr 1fr; + gap: 0.75rem; + } + + .hero-stat-box { + padding: 0.9rem; + } + + .hero-stat-num { + font-size: 1.65rem; + } + + .hero-stat-label { + font-size: 0.72rem; + } + + /* Bio Simulator */ + .interactive-bio-box { + padding: 1.75rem 1.25rem; + margin: 2rem 0; + } + + .bio-metrics-row { + flex-direction: column; + gap: 1rem; + } + + .bio-metric-item h4 { + font-size: 1.85rem; + } + + .chart-legend { + flex-direction: column; + gap: 0.5rem; + } + + /* Process Steps to 1 col on compact mobile */ + .process-steps-grid { + grid-template-columns: 1fr !important; + } + + /* Product Card Footer */ + .product-card { + padding: 1.5rem; + } + + .product-card-footer { + grid-template-columns: 1fr; + gap: 0.65rem; + } + + .product-card-footer .view-product-detail-btn, + .product-card-footer .request-sample-btn { + width: 100%; + } + + /* Modals */ + .modal-overlay { + padding: 0.75rem; + } + + .modal-container { + max-height: 94vh; + border-radius: var(--radius-lg); + } + + .modal-header { + padding: 1.25rem 1.25rem 1rem; + } + + .modal-header h3 { + font-size: 1.15rem; + } + + .modal-body { + padding: 1.25rem; + } + + /* Footer */ + .footer-grid { + grid-template-columns: 1fr !important; + gap: 2rem; + } + + .footer-bottom { + flex-direction: column; + text-align: center; + gap: 1.25rem; + } + + .footer-bottom-links { + flex-wrap: wrap; + justify-content: center; + gap: 1rem; + } +} + +/* =================================================================== + BREAKPOINT: Ultra-Compact Phones (Max-width: 374px, iPhone SE, etc.) + =================================================================== */ +@media (max-width: 374px) { + .hero h1 { + font-size: 1.85rem; + } + + .hero-stats-grid { + grid-template-columns: 1fr; + } + + .brand-logo .logo-text span { + font-size: 1.05rem; + } + + .btn { + padding: 0.75rem 1.25rem; + font-size: 0.9rem; + } + + /* Ultra-Compact Screen Adaptations for Biotech Formulation Section */ + .carrier-stat-pill { + padding: 0.4rem 0.6rem; + } + + .carrier-stat-pill .stat-label { + font-size: 0.62rem; + } + + .carrier-stat-pill .stat-number { + font-size: 0.8rem; + } + + .carrier-render-badge { + padding: 0.25rem 0.5rem; + font-size: 0.62rem; + } + + .benchmark-table th:first-child, + .benchmark-table td.cell-metric-name { + width: 140px; + min-width: 130px; + font-size: 0.76rem; + } +} + +/* =================================================================== + RESPONSIVE ENHANCEMENTS: Next-Gen Biotech Molecular Engine Section + =================================================================== */ +@media (max-width: 980px) { + .biotech-stage-layout { + grid-template-columns: 1fr; + } + + .stage-visual-col { + border-right: none; + border-bottom: 1px solid #e2e8f0; + } + + .carrier-render-card { + max-height: 280px; + } +} + +@media (max-width: 640px) { + /* Horizontal swipeable platform deck on mobile */ + .biotech-nav-deck { + display: flex !important; + overflow-x: auto !important; + -webkit-overflow-scrolling: touch; + scroll-snap-type: x mandatory; + gap: 0.65rem !important; + padding: 0.75rem !important; + background: #f1f5f9; + } + + .biotech-nav-item { + flex: 0 0 80% !important; + min-width: 240px !important; + scroll-snap-align: start; + border: 1px solid #e2e8f0 !important; + border-radius: 16px !important; + background: #ffffff !important; + padding: 0.85rem 1rem !important; + } + + .biotech-nav-item.active { + border-color: #f59e0b !important; + box-shadow: 0 4px 16px rgba(245, 158, 11, 0.18) !important; + } + + .biotech-nav-item.active::after { + border-radius: 0 0 16px 16px; + height: 3px; + } + + /* Full-width stage buttons */ + .stage-action-row { + flex-direction: column; + align-items: stretch; + gap: 1rem; + } + + .stage-btn-group { + width: 100%; + flex-direction: column; + } + + .stage-sample-btn, + .stage-dossier-btn { + width: 100%; + justify-content: center; + text-align: center; + } + + /* Sticky first column on table */ + .benchmark-table th:first-child, + .benchmark-table td.cell-metric-name { + position: sticky; + left: 0; + z-index: 2; + background: #fafbfc; + box-shadow: 3px 0 6px -2px rgba(0, 0, 0, 0.08); + } + + .benchmark-table th:first-child { + background: #f1f5f9; + z-index: 3; + } +} + diff --git a/css/variables.css b/css/variables.css new file mode 100644 index 0000000..a66a083 --- /dev/null +++ b/css/variables.css @@ -0,0 +1,84 @@ +/* =================================================================== + CurcuVance BioSciences - Design Tokens & Variables + Theme: Science & Nature (Deep Clinical Emerald + Curcumin Warm Gold) + =================================================================== */ + +:root { + /* Brand Primary Colors */ + --primary-900: #06231c; /* Deepest forest pine */ + --primary-800: #0b3b2c; /* Clinical deep emerald */ + --primary-700: #10523e; /* Botanical pine */ + --primary-600: #186b52; /* Vibrant botanical green */ + --primary-500: #218c6c; /* Sage/mint accent */ + --primary-100: #e7f5ef; /* Light tint */ + --primary-50: #f2f9f5; /* Ultra light emerald tint */ + + /* Curcumin Accent Colors */ + --accent-900: #8c5800; /* Deep roasted turmeric */ + --accent-700: #c27803; /* Amber */ + --accent-600: #d97706; /* Warm curcumin gold */ + --accent-500: #f59e0b; /* Pure curcumin vibrant yellow-gold */ + --accent-400: #fbbf24; /* Golden highlight */ + --accent-100: #fef3c7; /* Soft gold tint */ + --accent-50: #fffbeb; /* Warm light gold background */ + + /* Neutrals & Slate */ + --neutral-950: #0f172a; /* Darkest slate text */ + --neutral-900: #1e293b; /* Dark heading text */ + --neutral-800: #334155; /* Body copy text */ + --neutral-700: #475569; /* Secondary text */ + --neutral-600: #64748b; /* Muted text */ + --neutral-400: #94a3b8; /* Subtle border */ + --neutral-300: #cbd5e1; /* Light border */ + --neutral-200: #e2e8f0; /* Divider */ + --neutral-100: #f1f5f9; /* Light card background */ + --neutral-50: #f8fafc; /* Soft page background */ + --white: #ffffff; + + /* Scientific Accents */ + --science-blue: #0284c7; + --science-blue-light: #e0f2fe; + --science-violet: #7c3aed; + --success: #10b981; + --warning: #f59e0b; + --danger: #ef4444; + + /* Typography */ + --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; + --font-body: 'Inter', system-ui, -apple-system, sans-serif; + --font-mono: 'JetBrains Mono', monospace; + + /* Spacing */ + --spacing-xs: 0.25rem; + --spacing-sm: 0.5rem; + --spacing-md: 1rem; + --spacing-lg: 1.5rem; + --spacing-xl: 2rem; + --spacing-2xl: 3rem; + --spacing-3xl: 4.5rem; + --spacing-4xl: 6rem; + + /* Container */ + --container-max: 1240px; + --container-wide: 1380px; + + /* Shadows */ + --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05); + --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.05); + --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04); + --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.04); + --shadow-glow-gold: 0 0 25px rgba(245, 158, 11, 0.35); + --shadow-glow-green: 0 0 25px rgba(16, 82, 62, 0.3); + + /* Radius */ + --radius-sm: 6px; + --radius-md: 10px; + --radius-lg: 16px; + --radius-xl: 24px; + --radius-full: 9999px; + + /* Transitions */ + --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1); + --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1); + --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1); +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..cc55d72 --- /dev/null +++ b/index.html @@ -0,0 +1,2571 @@ + + + + + + Cure Select Healthcare | MegaCurcumin™ - Innovating Better Health Through Science & Nature + + + + + + + + + + + + + + +
+
+
+ MegaCurcumin™ Flagship + Cure Select Healthcare • Clinically Validated Curcumin & Advanced Botanical Formulations +
+
+ + + info@cureselecthealthcare.com + + + + +91 98765 43210 + +
+
+
+ + + + + +
+
+
+
+
+ + + Cure Select Healthcare • Flagship MegaCurcumin™ + +
+

+ Innovating Better Health Through Science & Nature +

+

+ We develop innovative, science-driven nutraceutical solutions designed to support healthier lives and create meaningful value for healthcare and wellness brands. +

+
+ + Explore Our Products + + + + Partner With Us + +
+
+ +
+
+
+

+ + MegaCurcumin™ Technology +

+ Cure Select +
+ +

+ Engineered proprietary formulation platforms that solve curcumin's low aqueous solubility and rapid metabolic clearance using human evidence-based delivery methods. +

+ +
+
+
29x
+
Higher Plasma Bioavailability Over Standard Curcumin
+
+
+
11 ng/mL
+
Curcumin Core Solubility Limit Overcome
+
+
+
4
+
Human Evidence-Backed Formulation Approaches
+
+
+
100%
+
High-Purity Natural Botanical Integrity
+
+
+
+
+
+
+
+ + +
+
+
+
+ Curcuma longa rhizome meeting modern laboratory science at Cure Select Healthcare +
+
+ +
+
+

Cure Select Healthcare

+

Home of MegaCurcumin™ science-driven formulations

+
+
+
+ +
+
About / Introduction
+

Where Science Meets Nature

+

+ We combine scientific research, innovative technologies, and nature-inspired solutions to develop high-quality nutraceutical products. +

+

+ Our focus is on creating differentiated formulations that address real-world health and wellness needs while maintaining high standards of quality, safety, and consistency. +

+

+ From concept development to commercialization, we work with partners to transform innovative ideas into market-ready solutions. +

+
+ + Discover Our Story + + +
+
+
+
+
+ + +
+
+
+
+ + Human Evidence-Backed Clinical Science +
+

+ Formulation-Based Delivery (Strongest Effect) +

+

+ Advanced molecular engineering platforms with human clinical pharmacokinetic evidence behind them, integrated into our flagship MegaCurcumin™ technology: +

+
+ + +
+ + +
+ + + + + + + + + +
+ + +
+ + +
+
+ + +
+
+ Liquid Micellar Nano-Carrier Platform +
MICELLE NANO-CARRIER
+
+ Human Peak Bioavailability + +185x AUC +
+
+ +
+
+ Carrier Platform + Surfactant Micelles +
+
+ Particle Size + 10 - 30 nm Hydro +
+
+ Peak Plasma (Tmax) + 60 Minutes +
+
+ Intestinal Route + Enterocyte Endocytosis +
+
+
+ + +
+
+
+ Biomimetic Lipid Digestion + + + Double-Blind Human PK Validated + +
+

Micellar / Liquid Micelle Forms

+
+ Curcumin encapsulated within surfactant micelle nano-spheres; widely recognized in clinical pharmacology for producing the highest recorded blood plasma concentrations. +
+

+ Because native curcumin is non-polar and hydrophobic, it agglomerates in the aqueous digestive tract. Liquid micelle technology pre-emulsifies curcumin crystals into sub-30nm water-soluble spheres that bypass digestive emulsification, facilitating immediate absorption into mesenteric circulation. +

+
+ + +
+
+
+ + Human Plasma Pharmacokinetics (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Micellar (+185x) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Peak Cmax: 60 min (3,200 nmol/L) + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Total Plasma Area Under Curve (AUC) + 185-Fold Superiority vs Standard Curcumin Extract +
+
+ + +
+
+ 1 +
Gastric Shielding
+
Surfactant shell protects polyphenols from low stomach pH decomposition.
+
+
+ 2 +
Mucosal Transit
+
Nano-droplets rapidly penetrate the unstirred intestinal water layer.
+
+
+ 3 +
Systemic Uptake
+
Delivers bioactive unconjugated curcumin straight to mesenteric blood flow.
+
+
+ + +
+
+ Finished Formats: + Liquid Softgels + RTD Wellness Drinks + Oral Drops +
+
+ + +
+
+ +
+ +
+
+ + +
+
+ + +
+
+ Phytosome Phospholipid Bilayer Complex +
PHYTOSOME BILAYER
+
+ Target Tissue Retention + 4.2x Higher +
+
+ +
+
+ Carrier Platform + Phosphatidylcholine +
+
+ Molecular Ratio + 1:2 Botanical Complex +
+
+ Elimination Half-Life + Extended 24h Plateau +
+
+ Cellular Target + Cartilage & Endothelium +
+
+
+ + +
+
+
+ Cellular Membrane Biomimicry + + + 30+ Human Clinical Trials + +
+

Phytosome / Lecithin Complexes

+
+ Curcumin complexed at a molecular level with non-GMO phospholipids, engineered specifically to enhance cellular membrane transit and deep musculoskeletal tissue retention. +
+

+ Human cellular membranes are composed of a phospholipid bilayer. By complexing hydrophobic curcumin with natural phosphatidylcholine, the molecule is disguised as a membrane nutrient, facilitating direct cellular fusion and sustained tissue distribution in joints, micro-vessels, and organs. +

+
+ + +
+
+
+ + Sustained Tissue Bio-Distribution (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Phytosome (29x Sustained) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Sustained Plateau: 24h Joint Protection + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Cellular Translocation & Joint Cartilage Affinity + 4.2x Greater Tissue Concentration than Native Curcumin +
+
+ + +
+
+ 1 +
Phospholipid Pairing
+
Polar choline head and non-polar lipid tails anchor the curcumin molecule.
+
+
+ 2 +
Bilayer Fusion
+
Naturally merges into cell membranes without requiring energy-dependent pumps.
+
+
+ 3 +
Prolonged Residence
+
Provides extended systemic residence time, resisting rapid hepatic clearing.
+
+
+ + +
+
+ Finished Formats: + Joint & Cartilage Softgels + Lipid Two-Piece Capsules + Topical Emulsions +
+
+ + +
+
+ +
+ +
+
+ + +
+
+ + +
+
+ Sub-100nm Nanoparticle Dispersion +
SUB-100NM NANO-MATRIX
+
+ Hydrodynamic Diameter + < 85 nm +
+
+ +
+
+ Particle Morphology + Amorphous Nano-Core +
+
+ Surface Area Gain + > 12,000 m²/kg +
+
+ Human Plasma AUC + 27x Multiplier +
+
+ Delivery Matrix + Polymer Dispersed +
+
+
+ + +
+
+
+ Surface Area Amplification + + + Solid Dose Dispersibility + +
+

Nanoparticles & Nano-Emulsions

+
+ Curcumin crystal particles engineered down to sub-100 nanometers and stabilized with hydrophilic polymeric matrices to achieve 100% water dispersibility. +
+

+ By reducing particle diameter below 100 nanometers via wet bead milling and high-pressure homogenization, surface area increases by multiple orders of magnitude. The Noyes-Whitney dissolution equation demonstrates that this exponential surface expansion enables instantaneous dissolution in gastric fluids. +

+
+ + +
+
+
+ + Rapid Dissolution Pharmacokinetics (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Nanoparticles (27x) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Rapid Cmax: 90 min (27x AUC) + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Dissolution Velocity & Gastrointestinal Dispersibility + Zero Pre-Digestion Required • Ideal for Functional Foods +
+
+ + +
+
+ 1 +
Milling to <100nm
+
Destroys crystal lattice resistance to establish maximum dissolution speed.
+
+
+ 2 +
Polymer Stabilization
+
Prevents re-agglomeration of particles across diverse beverage and food matrices.
+
+
+ 3 +
Paracellular Diffusion
+
Sub-microscopic dimensions enable passive transit through cellular tight junctions.
+
+
+ + +
+
+ Finished Formats: + Functional Gummies + Chewables & Lozenges + Tablets & Capsules +
+
+ + +
+
+ +
+ +
+
+ + +
+
+ + +
+
+ Cyclodextrin Toroidal Hydro-Ring Complex +
HYDRO-RING COMPLEX
+
+ Water Solubility Elevation + > 10,000x +
+
+ +
+
+ Oligosaccharide Ring + Gamma-Cyclodextrin +
+
+ Molecular Cavity + Cone Hydrophobic Core +
+
+ Human Plasma AUC + 39x vs 95% Extract +
+
+ Taste & Clarity + 100% Transparent Solution +
+
+
+ + +
+
+
+ Molecular Ring Inclusion + + + Clean-Label Oligosaccharide + +
+

Cyclodextrin Inclusion Complexes

+
+ Curcumin molecules encapsulated within natural bucket-shaped oligosaccharide rings — featuring a lipophilic internal cavity and an ultra-hydrophilic external surface. +
+

+ Gamma-cyclodextrin rings create a molecular host-guest inclusion complex. The lipophilic inner core locks around the hydrophobic curcumin molecule, while the hydrophilic exterior dissolves instantly in cold water without turbidity, oil separation, or bitter botanical astringency. +

+
+ + +
+
+
+ + Fast-Release Aqueous Pharmacokinetics (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Cyclodextrin (39x) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Fast Tmax: 45 min (39x AUC) + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Molecular Inclusion & Clear Beverage Dissolution + Completely Clear In Solution • Non-Sedimenting +
+
+ + +
+
+ 1 +
Host-Guest Complex
+
Natural oligosaccharide ring traps hydrophobic curcumin without covalent bonds.
+
+
+ 2 +
Rapid Hydro-Dispersal
+
Outer hydrophilic mantle allows instantaneous distribution in digestive juices.
+
+
+ 3 +
Membrane Transfer
+
Releases monomeric free curcumin directly to the intestinal epithelial brush border.
+
+
+ + +
+
+ Finished Formats: + Instant Stickpacks + Effervescent Powders + Clear RTD Beverages +
+
+ + +
+
+ +
+ +
+
+ +
+ +
+ + +
+
+
+ + Clinical Pharmacokinetics Head-to-Head Benchmark +
+
+ + Scroll horizontally on mobile +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Pharmacokinetic ParameterStandard Curcumin 95%Platform 01: MicellarPlatform 02: PhytosomePlatform 03: NanoparticlesPlatform 04: Cyclodextrin
Human Bioavailability Multiplier (AUC)1x (Baseline Reference)185x (Highest Peak)29x (Sustained Retention)27x (High Surface Area)39x (Aqueous Complex)
Peak Plasma Absorption Time (Tmax)4.5 - 6.0 Hours (Delayed)60 Minutes (Ultra-Fast)2.5 - 3.5 Hours90 Minutes45 Minutes
Water Solubility in Digestive Fluid< 0.1 µg/mL (Insoluble)Completely Soluble EmulsionLipid Bilayer ComplexSub-100nm Colloidal DispersionHydrophilic Cavity Solution
Cellular Membrane TranslocationAgglomerates / Poor DiffusionEnterocyte EndocytosisDirect Phospholipid FusionTight Junction ParacellularAqueous Surface Release
Primary Clinical Target AreaLocalized Bowel Lumen OnlySystemic Blood CirculationJoint Cartilage & EndotheliumImmune & Inflammatory HealthCognitive & Metabolic Delivery
Ideal Finished Dosage FormatsStandard Bulk TabletsLiquid Softgels & RTD ShotsJoint & Mobility SoftgelsFunctional Gummies & ChewablesDissolving Stickpacks & Sachets
+
+
+ + +
+
+
+

Formulation Navigator: Find Your Delivery Platform

+

Select your finished product format to inspect the ideal engineered delivery system:

+
+ +
+ +
+ + + + + + + + + +
+
+
+
+ + +
+
+
+
Why Choose Us
+

Innovation That Creates Impact

+

+ Cure Select Healthcare brings together scientific research, formulation expertise, and nature-inspired natural ingredients. +

+
+ + +
+ +
+
+
+ 01 / R&D CORE + +
+

Science-Driven Development

+

+ Our product development approach is guided by scientific research, formulation expertise, and evidence-based innovation. Every dosage form is engineered to maximize physiological uptake and documented biological activity. +

+
+
+ + + Clinical Pharmacokinetics + + + + HPLC Standardized + + + + Peer-Reviewed Evidence + +
+
+ + +
+
+
+ 02 / BOTANICALS + +
+

Nature-Inspired Solutions

+

+ We explore the potential of carefully selected natural ingredients and advanced botanical solutions. +

+
+
+ + + Non-GMO Curcuma Longa + + + + Zero Harsh Solvents + +
+
+ + +
+
+
+ 03 / DELIVERY TECH + +
+

Advanced Technology

+

+ Innovative formulation and delivery technologies help us develop differentiated and effective product solutions. +

+
+
+ + + Micellar & Phytosomal + + + + Sub-100nm Dispersal + +
+
+ + +
+
+
+ 04 / COMPLIANCE + +
+

Global Standards

+

+ We focus on quality, consistency, regulatory requirements, and internationally relevant standards. +

+
+
+ + + cGMP Certified + + + + ISO 9001:2015 & 22000 + +
+
+ + +
+
+
+ 05 / ADVANTAGE + +
+

Differentiated Products

+

+ We believe innovation should create meaningful differentiation—not simply another version of an existing product. +

+
+
+ + + Proprietary Formats + + + + Clear Market Advantage + +
+
+ + +
+
+
+
+ 06 / COLLABORATION +
+

Partnership-Focused

+

+ We collaborate with brands, healthcare companies, and industry partners to develop solutions aligned with their market needs. +

+
+ + + Custom Formulation + + + + Private Label Ready + + + + Turnkey Regulatory Dossiers + +
+
+
+ +
+
+
+
+ + +
+
+ 100% + Evidence-Driven Clinical R&D +
+
+ < 100nm + Molecular Particle Dispersal +
+
+ 0% + Artificial Additives or GMOs +
+
+ Global + cGMP, ISO & WHO Compliance +
+
+
+
+ + +
+
+
+
Our Products
+

Explore Our Innovative Solutions

+

+ Discover our portfolio of science-backed nutraceutical ingredients and formulations featuring MegaCurcumin™ designed for diverse health and wellness applications. +

+
+ + +
+ +
+ + +
+ +
+ + +
+ + View Complete Formulations & Technical Specs + + +

Comprehensive HPLC assays, dissolution kinetics, certificates of analysis, and technical dossiers available.

+
+
+
+ + +
+
+
+
+
+ MegaCurcumin™ Pharmacokinetics +

Overcoming the 11 ng/mL Solubility Limit

+

+ Standard 95% turmeric extract is practically insoluble in water (~11 ng/mL) and rapidly clears before entering circulation. +

+

+ By combining micellar technology and phospholipid complexation, MegaCurcumin™ delivers free bioactive curcuminoids directly into human plasma, achieving up to 29x higher bioavailability with 8-hour sustained retention. +

+ +
+
+

29x

+ Higher Free Curcumin +
+
+

8+ Hrs

+ Sustained Retention +
+
+

11 ng/mL

+ Solubility Limit Overcome +
+
+ + +
+ + +
+ 0.5h (Ingestion) + 3h (Peak absorption) + 8h + 12h (Sustained) +
+
+
+ + +
+

Plasma Pharmacokinetics Comparison (ng/mL)

+ +
+
+
+ MegaCurcumin™ UltraBio 29X +
+
+
+ Standard 95% Curcumin +
+
+ +
+
+ MegaCurcumin™ Free Curcuminoids + 320 ng/mL (Free Curcumin) +
+
+
29X Area Under Curve
+
+
+ +
+
+ Standard Curcumin 95% + 11 ng/mL (Standard) +
+
+
Baseline (11 ng/mL)
+
+
+ +
+ *Pharmacokinetic data based on clinical cross-over evaluations measuring free unglucuronidated curcuminoids in plasma. +
+
+
+
+
+
+ + +
+
+
+
Innovation Section
+

Innovation Is at the Heart of What We Do

+

+ We continuously explore new technologies, ingredients, delivery systems, and formulation approaches to create the next generation of nutraceutical solutions. +

+
+ +
+
+

Our Innovation Process

+

+ Research → Discovery → Formulation → Validation → Commercialization +

+

+ Traditional botanical manufacturing often treats active botanicals as simple commodities. At Cure Select Healthcare, we treat phytonutrients as bio-engineered systems that require precise delivery technologies to guarantee therapeutic efficacy. +

+

+ By integrating micellar wrapping, phytosome complexes, and cyclodextrin dispersions, MegaCurcumin™ provides genuine clinical value to healthcare brands. +

+
+ + Explore Our Delivery Technologies + + +
+
+ +
+ Scientific visualization of micellar and nano-encapsulated curcumin delivery +
+
+ + +
+
+
+ +
+

Research

+

Identify emerging health needs and promising ingredients with superior biological potency.

+
+ +
+
+ +
+

Development

+

Create differentiated formulations using advanced delivery technologies.

+
+ +
+
+ +
+

Validation

+

Evaluate quality, performance, safety, and scientific evidence across rigorous testing.

+
+ +
+
+ +
+

Commercialization

+

Transform innovative concepts into scalable market solutions for healthcare brands.

+
+
+
+
+ + +
+
+
+
R&D Section
+

Research & Development

+

+ Our R&D capabilities bring together scientific expertise, formulation knowledge, ingredient research, and product development across the complete concept-to-commercialization journey. +

+
+ + +
+ +
+ + + +
+
01
+
+
+

Ingredient Research

+ Cultivar Selection +
+

Screening and agronomic optimization of premium Curcuma longa botanicals.

+
+
+ + +
+
02
+
+
+

Botanical Research

+ Phytochemical Extraction +
+

Phytochemical extraction and standardization of curcuminoids and essential turmerones.

+
+
+ + +
+
03
+
+
+

Product Formulation

+ Delivery Engineering +
+

Formulation engineering for capsules, tablets, clear beverages, and functional gummies.

+
+
+ + +
+
04
+
+
+

Delivery Technologies

+ Molecular Platforms +
+

Micellar encapsulation, phytosome complexes, and cyclodextrin dispersions.

+
+
+ + +
+
05
+
+
+

Bioavailability Enhancement

+ 29X Plasma Uptake +
+

Proven 29x enhancement in free curcumin plasma concentration over standard powder.

+
+
+ + +
+
06
+
+
+

Stability Evaluation

+ ICH Q1A(R2) +
+

ICH stability chambers ensuring active ingredient shelf-life integrity over 36 months.

+
+
+ + +
+
07
+
+
+

Scientific Validation

+ Clinical Trials +
+

Pharmacokinetic assays and clinical trial evidence backing health benefits.

+
+
+ + +
+
08
+
+
+

Commercialization Support

+ Industrial Scale-Up +
+

Pilot-scale testing, industrial scale-up, and turnkey batch consistency.

+
+
+
+ + +
+
+ + + DIAGNOSTIC TELEMETRY • ACTIVE + + PHASE 01 // 08 +
+ +

Ingredient Research

+

+ Screening and agronomic optimization of premium Curcuma longa botanicals. Selecting high-altitude rhizomes with optimal curcuminoid-to-turmerone ratios and certified pesticide-free agronomic pedigree. +

+ +
+
+
100%
+
Non-GMO Curcuma Longa Agronomy
+
+
CALIBRATED
+
+ +
+
+ + + + + + Key Phase Deliverables & Outputs +
+
    +
  • +
    + + Botanical Cultivar Genetic Fingerprinting +
    + VERIFIED +
    • +
  • +
    + + Raw Biomass High-Resolution Assay +
    + VERIFIED +
    • +
  • +
    + + Pesticide & Heavy Metal Safety Screening +
    + VERIFIED +
    • +
+
+ +
+ +
Screened in accordance with USP <561> botanical quality standards.
+
+
+
+ + +
+ + Explore Our R&D + + +
+
+
+ + +
+
+
+
+ + Proprietary Platforms +
+

Advanced Technology. Better Solutions.

+

+ We develop patented technologies and formulation platforms that overcome fundamental absorption, solubility, and delivery barriers in botanical nutraceuticals. +

+
+ +
+ +
+
+
+
+ + + TECH // 01 + + PHARMACOKINETICS +
+
+
+ + + +
+
+

Enhanced Bioavailability

+
Superior Plasma Absorption & Cellular Uptake
+
+
+

+ Overcomes rapid glucuronidation and intestinal excretion by mimicking the body's natural micellar chylomicron absorption pathway, delivering up to 29x higher plasma free curcuminoids. +

+
+
+ + 29x Free Curcuminoids +
+
+ + Self-Assembling Micelles +
+
+ + Sustained 24h Half-Life +
+
+
+
+
+ + + + + Clinical In-Vivo PK Validated +
+ + Monograph + + +
+
+ + +
+
+
+
+ + + TECH // 02 + + DELIVERY PLATFORM +
+
+
+ + + + + +
+
+

Advanced Delivery Systems

+
Targeted Multi-Phase Botanical Transport
+
+
+

+ From phospholipid phytosomes and enteric delayed-release spheres to micro-encapsulated botanical powders, our delivery platforms protect sensitive actives through gastric transit. +

+
+
+ + Phytosome Lecithin Matrix +
+
+ + Gastric Acid Shielding +
+
+ + Duodenal Targeted Release +
+
+
+
+
+ + + + + Enteric Gastric-Resistant +
+ + Monograph + + +
+
+ + +
+
+
+
+ + + TECH // 03 + + MOLECULAR DISPERSION +
+
+
+ + + + + +
+
+

Solubility Enhancement

+
Optical Clarity & Instant Hydro-Dispersion
+
+
+

+ Raw curcumin dissolves at only ~11 ng/mL in water. Our cyclodextrin complexes and solid dispersions transform hydrophobic actives into crystal-clear, instantly dispersible powders. +

+
+
+ + 100% Optical Clarity +
+
+ + Zero Sedimentation +
+
+ + 11 ng/mL → Instant Soluble +
+
+
+
+
+ + + + + Transparent Solution Certified +
+ + Monograph + + +
+
+ + +
+
+
+
+ + + TECH // 04 + + SENSORY ENGINEERING +
+
+
+ + + +
+
+

Taste & Palatability

+
Sensory-Neutral Botanical Micro-Encapsulation
+
+
+

+ Natural micro-encapsulation masks sharp turmeric bitterness and prevents yellow staining, enabling great-tasting functional gummies, chewables, and liquid drink shots. +

+
+
+ + 100% Bitter Note Masking +
+
+ + Non-Staining Matrix +
+
+ + Ideal for Gummies & RTD Shots +
+
+
+
+
+ + + + + Food & Beverage Compliant +
+ + Monograph + + +
+
+
+
+
+ + +
+
+
+
+ + End-to-End Methodology +
+

From Idea to Impact

+

+ Our 6-stage clinical methodology ensures seamless, risk-mitigated transition from raw botanical science to market-leading commercial products. +

+
+ +
+ +
+
+
+
+ STAGE 01 + 01 +
+
+ + + + + + +
+

Identify

+
Market Gaps
+

Identifying unmet clinical health needs and commercial category whitespaces.

+
+
+ + Target Product Brief +
+
+ + +
+
+
+
+ STAGE 02 + 02 +
+
+ + + + + +
+

Research

+
Phyto Assays
+

Screening cultivar genetics, active curcuminoid profiles, and scientific literature.

+
+
+ + Phytochemical Data +
+
+ + +
+
+
+
+ STAGE 03 + 03 +
+
+ + + + + + + +
+

Innovate

+
Formulation Lab
+

Molecular engineering of delivery platforms, phytosomes, and clear dispersions.

+
+
+ + Master Formula +
+
+ + +
+
+
+
+ STAGE 04 + 04 +
+
+ + + + +
+

Validate

+
Clinical Testing
+

USP/ICH stability, pharmacokinetic bioavailability assays, and safety dossiers.

+
+
+ + CoA & Stability Dossier +
+
+ + +
+
+
+
+ STAGE 05 + 05 +
+
+ + + + + +
+

Scale

+
GMP Production
+

Seamless scale-up from pilot lab reactors to multi-ton commercial GMP batches.

+
+
+ + Industrial Pilot Run +
+
+ + +
+
+
+
+ STAGE 06 + 06 +
+
+ + + + + + +
+

Grow

+
Global Rollout
+

Empowering partner brands to launch high-potency products with clinical backing.

+
+
+ + Commercial Distribution +
+
+
+
+
+ + +
+
+
+
+ + Enterprise Foundation +
+

Building the Future of Nutraceutical Innovation

+

+ Cure Select Healthcare is an innovation-focused nutraceutical company dedicated to developing scientifically driven solutions for modern health and wellness needs. +

+
+ +
+ +
+
+
+
+ + Our Guiding Philosophy +
+

“Innovation should improve lives.”

+
+ +

+ We bring together science, nature, technology, and industry expertise to develop products that are meaningful, scalable, and commercially relevant. +

+

+ Our goal is to create long-term value for our customers, partners, and the people who ultimately use our products. +

+ +
+
+ + Scientific Rigor: Evidence-backed bio-efficacy and human clinical validation +
+
+ + Scalable Engineering: Multi-ton GMP reproducibility with zero batch variance +
+
+ + Commercial Relevance: Formulations tailored for differentiated brand dominance +
+
+
+ +
+ + Discover Our Story + + +
+
+ + +
+ +
+
+
+ + + MISSION DIRECTIVE + +
+ + + + +
+
+

Our Mission

+

+ To develop innovative, high-quality, and scientifically driven nutritional solutions that contribute to healthier lives and create lasting value for our partners. +

+
+
+ + + + + Human Health & Partner Value Impact +
+
+ + +
+
+
+ + + GLOBAL HORIZON + +
+ + + + + +
+
+

Our Vision

+

+ To become a globally recognized innovation partner in nutraceutical and wellness solutions by continuously advancing science, technology, and product development. +

+
+
+ + + + + Global Innovation Leadership +
+
+
+
+ + +
+
+ 100% + Proprietary Formulation & Delivery IP +
+
+ ICH Q1A + 36-Month Real-Time Stability Integrity +
+
+ USP <561> + Pharmacopeial Botanical Safety Standards +
+
+ GLOBAL + Collaborative Enterprise B2B Partnership +
+
+
+
+ + +
+
+
+
Quality Section
+

Committed to Quality

+

+ Quality is integrated into every stage of our product-development process. From ingredient selection and formulation to validation and commercialization, we maintain a strong focus on consistency, safety, reliability, and performance. +

+
+ +
+
+
+ +
+

Quality Ingredients

+

Carefully selected natural ingredients and authenticated botanical inputs.

+
+ +
+
+ +
+

Scientific Validation

+

Evaluated through rigorous quality, performance, and scientific evidence.

+
+ +
+
+ +
+

Controlled Processes

+

Standardized manufacturing protocols under strict quality oversight.

+
+ +
+
+ +
+

Product Consistency

+

Standardized active phytochemical profiles across every single batch.

+
+ +
+
+ +
+

Consistent Standards

+

Full compliance with industry standards, monographs, and regulatory requirements.

+
+ +
+
+ +
+

Continuous Improvement

+

Continuous refinement of delivery systems, stability, and formulation performance.

+
+
+
+
+ + +
+
+
+
Certifications / Awards
+

Recognized for Innovation & Excellence

+

+ Manufactured and validated in alignment with internationally recognized quality and safety accreditations. +

+
+ +
+
+
+ +
+

FDA Registered Facility

+
Regulatory Standard
+

Operating under strict compliance with 21 CFR Part 111 cGMP regulations for dietary supplement manufacturing.

+
+ +
+
+ +
+

WHO-cGMP Certified

+
Quality Management
+

Pharma-grade cleanrooms, automated environmental controls, and validated quality systems.

+
+ +
+
+ +
+

ISO 22000 Certified

+
Food Safety Standard
+

Comprehensive food safety management systems and risk controls across all production steps.

+
+ +
+
+ +
+

Non-GMO Project Verified

+
Botanical Purity
+

Rigorous DNA testing ensuring 100% natural, genetically non-modified botanical raw materials.

+
+ +
+
+ +
+

USP & EP Monograph Compliant

+
Pharmacopeial Standards
+

Exceeding international chemical purity and safety thresholds for residual solvents and heavy metals.

+
+ +
+
+ +
+

Halal & Kosher Certified

+
Dietary Compliance
+

Alcohol-free processing compliant with international religious dietary standards worldwide.

+
+
+ +
+ View Quality Assurances +
+
+
+ + +
+
+
+
+ B2B Collaboration +

Let's Build the Next Generation of Health Solutions

+

+ Looking for innovative nutraceutical ingredients or differentiated product concepts? Our team works with companies looking to expand their product portfolios with science-driven solutions. Let's explore what we can create together. +

+
+ + + Contact Our Team + +
+
+
+
+
+ + +
+
+
+
+
Contact Page
+

Let's Start a Conversation

+

+ Have a product idea, partnership opportunity, or business enquiry? Our team would be happy to hear from you. +

+ +
+
+

+ + Address +

+

Cure Select Healthcare Corporate Facility

+
+ +
+

+ + Phone +

+

+91 98765 43210

+
+ +
+

+ + Email +

+

info@cureselecthealthcare.com

+
+
+
+ + +
+

Get In Touch

+
+
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ + +
+
+
+
+
+ + + + + + + + + + + + + + + diff --git a/innovation.html b/innovation.html new file mode 100644 index 0000000..4c8833e --- /dev/null +++ b/innovation.html @@ -0,0 +1,916 @@ + + + + + + Innovation & Technology | Cure Select Healthcare - MegaCurcumin™ + + + + + + + + + + + + + + +
+
+
+ MegaCurcumin™ + Cure Select Healthcare • Formulation-Based Approaches with Human Clinical Evidence +
+
+ info@cureselecthealthcare.com + +91 98765 43210 +
+
+
+ + +
+
+ +
+
+ + +
+
+
Innovation Section
+

Innovation Is at the Heart of What We Do

+

+ We continuously explore new technologies, ingredients, delivery systems, and formulation approaches to create the next generation of nutraceutical solutions. +

+
+
+ + +
+
+
+
+ + Clinical Pharmacokinetics +
+

+ Formulation-Based (Strongest Effect) +

+

+ Here are the advanced molecular delivery approaches with human clinical evidence behind them, engineered into our flagship MegaCurcumin™ technology: +

+
+ + +
+ + +
+ + + + + + + + + +
+ + +
+ + +
+
+ + +
+
+ Liquid Micellar Nano-Carrier Platform +
MICELLE NANO-CARRIER
+
+ Human Peak Bioavailability + +185x AUC +
+
+ +
+
+ Carrier Platform + Surfactant Micelles +
+
+ Particle Size + 10 - 30 nm Hydro +
+
+ Peak Plasma (Tmax) + 60 Minutes +
+
+ Intestinal Route + Enterocyte Endocytosis +
+
+
+ + +
+
+
+ Biomimetic Lipid Digestion + + + Double-Blind Human PK Validated + +
+

Micellar / Liquid Micelle Forms

+
+ Curcumin encapsulated within surfactant micelle nano-spheres; widely recognized in clinical pharmacology for producing the highest recorded blood plasma concentrations. +
+

+ Because native curcumin is non-polar and hydrophobic, it agglomerates in the aqueous digestive tract. Liquid micelle technology pre-emulsifies curcumin crystals into sub-30nm water-soluble spheres that bypass digestive emulsification, facilitating immediate absorption into mesenteric circulation. +

+
+ + +
+
+
+ + Human Plasma Pharmacokinetics (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Micellar (+185x) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Peak Cmax: 60 min (3,200 nmol/L) + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Total Plasma Area Under Curve (AUC) + 185-Fold Superiority vs Standard Curcumin Extract +
+
+ + +
+
+ 1 +
Gastric Shielding
+
Surfactant shell protects polyphenols from low stomach pH decomposition.
+
+
+ 2 +
Mucosal Transit
+
Nano-droplets rapidly penetrate the unstirred intestinal water layer.
+
+
+ 3 +
Systemic Uptake
+
Delivers bioactive unconjugated curcumin straight to mesenteric blood flow.
+
+
+ + +
+
+ Finished Formats: + Liquid Softgels + RTD Wellness Drinks + Oral Drops +
+
+ + +
+
+ +
+ +
+
+ + +
+
+ + +
+
+ Phytosome Phospholipid Bilayer Complex +
PHYTOSOME BILAYER
+
+ Target Tissue Retention + 4.2x Higher +
+
+ +
+
+ Carrier Platform + Phosphatidylcholine +
+
+ Molecular Ratio + 1:2 Botanical Complex +
+
+ Elimination Half-Life + Extended 24h Plateau +
+
+ Cellular Target + Cartilage & Endothelium +
+
+
+ + +
+
+
+ Cellular Membrane Biomimicry + + + 30+ Human Clinical Trials + +
+

Phytosome / Lecithin Complexes

+
+ Curcumin complexed at a molecular level with non-GMO phospholipids, engineered specifically to enhance cellular membrane transit and deep musculoskeletal tissue retention. +
+

+ Human cellular membranes are composed of a phospholipid bilayer. By complexing hydrophobic curcumin with natural phosphatidylcholine, the molecule is disguised as a membrane nutrient, facilitating direct cellular fusion and sustained tissue distribution in joints, micro-vessels, and organs. +

+
+ + +
+
+
+ + Sustained Tissue Bio-Distribution (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Phytosome (29x Sustained) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Sustained Plateau: 24h Joint Protection + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Cellular Translocation & Joint Cartilage Affinity + 4.2x Greater Tissue Concentration than Native Curcumin +
+
+ + +
+
+ 1 +
Phospholipid Pairing
+
Polar choline head and non-polar lipid tails anchor the curcumin molecule.
+
+
+ 2 +
Bilayer Fusion
+
Naturally merges into cell membranes without requiring energy-dependent pumps.
+
+
+ 3 +
Prolonged Residence
+
Provides extended systemic residence time, resisting rapid hepatic clearing.
+
+
+ + +
+
+ Finished Formats: + Joint & Cartilage Softgels + Lipid Two-Piece Capsules + Topical Emulsions +
+
+ + +
+
+ +
+ +
+
+ + +
+
+ + +
+
+ Sub-100nm Nanoparticle Dispersion +
SUB-100NM NANO-MATRIX
+
+ Hydrodynamic Diameter + < 85 nm +
+
+ +
+
+ Particle Morphology + Amorphous Nano-Core +
+
+ Surface Area Gain + > 12,000 m²/kg +
+
+ Human Plasma AUC + 27x Multiplier +
+
+ Delivery Matrix + Polymer Dispersed +
+
+
+ + +
+
+
+ Surface Area Amplification + + + Solid Dose Dispersibility + +
+

Nanoparticles & Nano-Emulsions

+
+ Curcumin crystal particles engineered down to sub-100 nanometers and stabilized with hydrophilic polymeric matrices to achieve 100% water dispersibility. +
+

+ By reducing particle diameter below 100 nanometers via wet bead milling and high-pressure homogenization, surface area increases by multiple orders of magnitude. The Noyes-Whitney dissolution equation demonstrates that this exponential surface expansion enables instantaneous dissolution in gastric fluids. +

+
+ + +
+
+
+ + Rapid Dissolution Pharmacokinetics (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Nanoparticles (27x) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Rapid Cmax: 90 min (27x AUC) + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Dissolution Velocity & Gastrointestinal Dispersibility + Zero Pre-Digestion Required • Ideal for Functional Foods +
+
+ + +
+
+ 1 +
Milling to <100nm
+
Destroys crystal lattice resistance to establish maximum dissolution speed.
+
+
+ 2 +
Polymer Stabilization
+
Prevents re-agglomeration of particles across diverse beverage and food matrices.
+
+
+ 3 +
Paracellular Diffusion
+
Sub-microscopic dimensions enable passive transit through cellular tight junctions.
+
+
+ + +
+
+ Finished Formats: + Functional Gummies + Chewables & Lozenges + Tablets & Capsules +
+
+ + +
+
+ +
+ +
+
+ + +
+
+ + +
+
+ Cyclodextrin Toroidal Hydro-Ring Complex +
HYDRO-RING COMPLEX
+
+ Water Solubility Elevation + > 10,000x +
+
+ +
+
+ Oligosaccharide Ring + Gamma-Cyclodextrin +
+
+ Molecular Cavity + Cone Hydrophobic Core +
+
+ Human Plasma AUC + 39x vs 95% Extract +
+
+ Taste & Clarity + 100% Transparent Solution +
+
+
+ + +
+
+
+ Molecular Ring Inclusion + + + Clean-Label Oligosaccharide + +
+

Cyclodextrin Inclusion Complexes

+
+ Curcumin molecules encapsulated within natural bucket-shaped oligosaccharide rings — featuring a lipophilic internal cavity and an ultra-hydrophilic external surface. +
+

+ Gamma-cyclodextrin rings create a molecular host-guest inclusion complex. The lipophilic inner core locks around the hydrophobic curcumin molecule, while the hydrophilic exterior dissolves instantly in cold water without turbidity, oil separation, or bitter botanical astringency. +

+
+ + +
+
+
+ + Fast-Release Aqueous Pharmacokinetics (0 - 24 Hours) +
+
+
+ Standard 95% +
+
+ Cyclodextrin (39x) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + Fast Tmax: 45 min (39x AUC) + 0h + 4h + 8h + 16h + 24h + + +
+ Clinical Metric: Molecular Inclusion & Clear Beverage Dissolution + Completely Clear In Solution • Non-Sedimenting +
+
+ + +
+
+ 1 +
Host-Guest Complex
+
Natural oligosaccharide ring traps hydrophobic curcumin without covalent bonds.
+
+
+ 2 +
Rapid Hydro-Dispersal
+
Outer hydrophilic mantle allows instantaneous distribution in digestive juices.
+
+
+ 3 +
Membrane Transfer
+
Releases monomeric free curcumin directly to the intestinal epithelial brush border.
+
+
+ + +
+
+ Finished Formats: + Instant Stickpacks + Effervescent Powders + Clear RTD Beverages +
+
+ + +
+
+ +
+ +
+
+ +
+ +
+ + +
+
+
+ + Clinical Pharmacokinetics Head-to-Head Benchmark +
+
+ + Scroll horizontally on mobile +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Pharmacokinetic ParameterStandard Curcumin 95%Platform 01: MicellarPlatform 02: PhytosomePlatform 03: NanoparticlesPlatform 04: Cyclodextrin
Human Bioavailability Multiplier (AUC)1x (Baseline Reference)185x (Highest Peak)29x (Sustained Retention)27x (High Surface Area)39x (Aqueous Complex)
Peak Plasma Absorption Time (Tmax)4.5 - 6.0 Hours (Delayed)60 Minutes (Ultra-Fast)2.5 - 3.5 Hours90 Minutes45 Minutes
Water Solubility in Digestive Fluid< 0.1 µg/mL (Insoluble)Completely Soluble EmulsionLipid Bilayer ComplexSub-100nm Colloidal DispersionHydrophilic Cavity Solution
Cellular Membrane TranslocationAgglomerates / Poor DiffusionEnterocyte EndocytosisDirect Phospholipid FusionTight Junction ParacellularAqueous Surface Release
Primary Clinical Target AreaLocalized Bowel Lumen OnlySystemic Blood CirculationJoint Cartilage & EndotheliumImmune & Inflammatory HealthCognitive & Metabolic Delivery
Ideal Finished Dosage FormatsStandard Bulk TabletsLiquid Softgels & RTD ShotsJoint & Mobility SoftgelsFunctional Gummies & ChewablesDissolving Stickpacks & Sachets
+
+
+
+
+ + +
+
+
+
+ Liposomal micellar delivery vehicle crossing cellular membrane +
+ +
+
Mechanism of Action
+

Why Delivery Systems Determine Clinical Efficacy

+

+ Native curcumin faces severe bioavailability barriers: poor aqueous solubility (< 11 ng/mL), chemical instability at intestinal pH (>6.8), rapid Phase II hepatic glucuronidation, and low mucosal uptake. Without advanced pharmaceutical carrier engineering, less than 1% reaches systemic circulation. +

+

+ MegaCurcumin™ encapsulates curcumin molecules in bio-compatible supramolecular assemblies that protect the active compound through gastric transit and facilitate immediate transport across enterocytes into systemic circulation. +

+
+ View Products + +
+
+
+
+
+ + +
+
+
+
Our Process
+

Research → Discovery → Formulation → Validation → Commercialization

+

+ From concept development to commercialization, we work with partners to transform innovative ideas into market-ready solutions. +

+
+ +
+
+
+ +
+

Research

+

Identify emerging health needs and promising ingredients.

+
+ +
+
+ +
+

Development

+

Create differentiated formulations using advanced technologies.

+
+ +
+
+ +
+

Validation

+

Evaluate quality, performance, safety, and scientific evidence.

+
+ +
+
+ +
+

Commercialization

+

Transform innovative concepts into scalable market solutions.

+
+
+
+
+ + + + + + + + diff --git a/js/data.js b/js/data.js new file mode 100644 index 0000000..9addd47 --- /dev/null +++ b/js/data.js @@ -0,0 +1,373 @@ +/** + * Cure Select Healthcare - Data Layer + * Flagship Brand: MegaCurcumin™ + * Evidence-based formulation technologies and clinical nutraceutical solutions. + */ + +const SITE_DATA = { + company: { + name: "Cure Select Healthcare", + legalName: "Cure Select Healthcare", + flagshipProduct: "MegaCurcumin™", + tagline: "Innovating Better Health Through Science & Nature", + subheading: "We develop innovative, science-driven nutraceutical solutions designed to support healthier lives and create meaningful value for healthcare and wellness brands.", + phone: "+91 98765 43210", // Clean professional contact + email: "info@cureselecthealthcare.com", + supportEmail: "support@cureselecthealthcare.com", + address: "Cure Select Healthcare Corporate Facility, India", + stats: [ + { value: "29x", label: "Bioavailability Enhancement" }, + { value: "45+", label: "Published Clinical Evidence" }, + { value: "11 ng/mL", label: "Raw Solubility Overcome" }, + { value: "100%", label: "Standardized Curcuminoids" } + ] + }, + + // Formulation-based approaches with human evidence (as requested from research) + formulationApproaches: [ + { + id: "micellar", + title: "Micellar / Liquid Micelle Forms", + badge: "Highest Blood Levels", + summary: "Curcumin wrapped in surfactant micelles; among the best-studied for raising blood levels.", + description: "Liquid micelle encapsulation surrounds hydrophobic curcumin molecules in hydrophilic surfactant shells. Clinical pharmacokinetic trials show this structure mimics bile-salt micellization, enabling immediate epithelial absorption and achieving the highest recorded plasma concentrations.", + humanEvidence: "Demonstrated in multiple human crossover studies to produce unmatched maximum concentration (Cmax) and total absorption area (AUC)." + }, + { + id: "phytosome", + title: "Phytosome / Lecithin Complexes", + badge: "Cellular & Tissue Uptake", + summary: "Curcumin bound to phospholipids (Meriva-type), dramatically improving absorption and tissue uptake.", + description: "Molecular complexation of curcuminoids with food-grade phosphatidylcholine (lecithin). Because cell membranes are composed of phospholipid bilayers, phytosome technology allows the active curcumin complex to seamlessly penetrate cellular barriers and enter target tissues.", + humanEvidence: "Backed by extensive human clinical trials in joint health, ocular health, cardiovascular elasticity, and sports recovery." + }, + { + id: "nanoparticle", + title: "Nanoparticle / Nanoemulsion Forms", + badge: "Ultra-Rapid Dissolution", + summary: "Smaller particles dissolve and absorb far better than raw crystalline powder.", + description: "Sub-micron particle size reduction (under 100 nm) drastically increases the active surface area exposed to gastrointestinal fluids. Raw curcumin powder is coarse and hydrophobic; nanoparticle engineering eliminates the dissolution rate barrier, facilitating continuous passive intestinal diffusion.", + humanEvidence: "Human trials show rapid Tmax (onset of action within 45-60 minutes) and superior gastrointestinal tolerance without irritation." + }, + { + id: "cyclodextrin", + title: "Cyclodextrin Complexes & Solid Dispersions", + badge: "Overcomes 11 ng/mL Limit", + summary: "Improve water solubility, directly addressing curcumin's core problem (raw curcumin dissolves at roughly 11 ng/mL).", + description: "Natural gamma-cyclodextrin forms a molecular 'bucket' that traps the hydrophobic curcumin guest molecule inside its lipophilic cavity while presenting a hydrophilic exterior. This skyrockets aqueous solubility from a negligible ~11 ng/mL to high concentrations, preventing crystal precipitation in gastric fluids.", + humanEvidence: "Validated in human clinical pharmacology to deliver significantly elevated free curcuminoid bioavailability without synthetic additives." + } + ], + + categories: [ + { id: "all", name: "All Formulations" }, + { id: "megacurcumin", name: "MegaCurcumin™ Flagship" }, + { id: "digestive", name: "Digestive Health" }, + { id: "womens", name: "Women's Wellness" }, + { id: "cardio", name: "Cardiovascular Wellness" }, + { id: "cognitive", name: "Cognitive & Stress Support" }, + { id: "joint", name: "Joint & Mobility" }, + { id: "mens", name: "Men's Wellness" } + ], + + products: [ + { + id: "megacurcumin-ultra", + name: "MegaCurcumin™ UltraBio 29X", + category: "megacurcumin", + categoryName: "MegaCurcumin™ Flagship", + tagline: "High-Bioavailability Free Curcuminoid Matrix", + shortDesc: "Our flagship formulation combining micellar delivery and phospholipid complexes to deliver up to 29x higher plasma free curcuminoids without synthetic piperine.", + fullDesc: "MegaCurcumin™ UltraBio 29X solves curcumin's core biological challenge: raw turmeric dissolves at only ~11 ng/mL and degrades rapidly. MegaCurcumin™ uses a patented polar-nonpolar bio-micellar matrix that mimics natural chylomicron absorption, delivering free un-glucuronidated curcuminoids directly to tissues.", + actives: "95% Total Curcuminoids (Curcumin, DMC, BDMC) + Natural Turmerones", + clinicalBenefit: "29x higher bio-absorption, 8-hour sustained plasma half-life, confirmed cellular membrane permeability.", + dosageForms: ["Capsules", "Tablets", "Stickpacks", "Functional Liquids"], + specs: { + purity: "≥ 95.0% Standardized Curcuminoids", + solubility: "Full colloidal micro-dispersion", + dissolution: "Immediate in gastrointestinal pH", + shelfLife: "36 Months" + }, + badge: "Flagship Innovation" + }, + { + id: "megacurcumin-hydro", + name: "MegaCurcumin™ Hydro-Clear", + category: "megacurcumin", + categoryName: "MegaCurcumin™ Flagship", + tagline: "100% Water-Soluble Clear Curcumin Formulation", + shortDesc: "Engineered solid dispersion and cyclodextrin complex designed for crystal-clear beverages, effervescents, and liquid syrups.", + fullDesc: "MegaCurcumin™ Hydro-Clear eliminates turbidity, sedimentation, and bitter astringency. Dissolves instantly into clear aqueous solutions across pH 2.5 to 7.5, providing formulation versatility for liquid health brands.", + actives: "Standardized 20% & 40% Hydro-Dispersible Curcumin Complex", + clinicalBenefit: "Instant water solubility overcoming the 11 ng/mL solubility threshold, superior gastric stability.", + dosageForms: ["RTD Beverages", "Effervescent Tablets", "Syrups", "Gummies"], + specs: { + purity: "20% / 40% HPLC Assay", + solubility: "100% Transparent in Water", + appearance: "Golden clear solution", + shelfLife: "24 Months" + }, + badge: "Water Soluble" + }, + { + id: "digestive-gut-guard", + name: "MegaCurcumin™ GastroGuard", + category: "digestive", + categoryName: "Digestive Health", + tagline: "Advanced Solutions for Digestive Wellness", + shortDesc: "Targeted enterically sustained curcumin and botanical bio-actives supporting gut epithelial integrity and mucosal health.", + fullDesc: "Combines micro-encapsulated MegaCurcumin™ with standardized prebiotic galactomannans. Formulated to bypass gastric acid and release gently in the duodenum and colon to soothe inflammation and support intestinal tight junctions.", + actives: "Targeted Micro-Encapsulated Curcuminoids (35%) + Galactomannan Matrix", + clinicalBenefit: "Strengthens epithelial tight junctions (ZO-1 modulation), relieves bloating, and supports microbiome balance.", + dosageForms: ["Enteric Capsules", "Powder Drink Mixes", "Sachets"], + specs: { + purity: "Standardized active phytochemical markers", + allergen: "Non-GMO, Gluten-Free, Vegan", + shelfLife: "36 Months" + }, + badge: "Gut Barrier Support" + }, + { + id: "womens-femina-vital", + name: "FeminaBalance™ Botanical Complex", + category: "womens", + categoryName: "Women's Wellness", + tagline: "Solutions Designed Around Women's Health", + shortDesc: "Synergistic botanical matrix featuring MegaCurcumin™ and standardized female botanical tonics for hormonal rhythm and stress resilience.", + fullDesc: "Formulated for modern women experiencing lifestyle stress, cyclical discomfort, and oxidative strain. Pairs bioavailable curcumin with standardized Shatavari and Vitex agnus-castus.", + actives: "MegaCurcumin™ 45% + Shataverin IV + Standardized Agnuside", + clinicalBenefit: "Supports hormonal comfort scores, gentle cortisol modulation, and cellular antioxidant protection.", + dosageForms: ["Capsules", "Softgels", "Gummies"], + specs: { + heavyMetals: "USP <2232> compliant, <0.1 ppm Pb", + microbiology: "USP <2021/2022> compliant", + shelfLife: "36 Months" + }, + badge: "Hormonal Balance" + }, + { + id: "cardio-vascu-pure", + name: "CardioVasc™ Endothelial Flow Complex", + category: "cardio", + categoryName: "Cardiovascular Wellness", + tagline: "Supporting Everyday Heart Health", + shortDesc: "Nature-inspired and scientifically developed solution supporting arterial elasticity, nitric oxide synthesis, and normal lipid profiles.", + fullDesc: "CardioVasc™ leverages high-potency MegaCurcumin™ paired with French grape seed oligomeric proanthocyanidins (OPCs) and trans-resveratrol.", + actives: "MegaCurcumin™ Matrix (250mg) + Resveratrol 98% + OPC 95%", + clinicalBenefit: "Clinically demonstrated support for endothelial Flow-Mediated Dilation (FMD) and vascular compliance.", + dosageForms: ["Tablets", "Extended-Release Pellets", "Capsules"], + specs: { + purity: "95% Total Polyphenols & Curcuminoids", + solventResidue: "Zero toxic petrochemical solvents", + shelfLife: "36 Months" + }, + badge: "Vascular Endothelium" + }, + { + id: "cognitive-neuro-curc", + name: "NeuroCurc™ Synaptic & Memory Matrix", + category: "cognitive", + categoryName: "Cognitive & Stress Support", + tagline: "Supporting Mind and Mental Well-Being", + shortDesc: "Innovative nutritional solution focused on cognitive wellness, blood-brain barrier permeability, and everyday mental performance.", + fullDesc: "Formulated specifically to cross the blood-brain barrier. MegaCurcumin™ lipid-chaperone technology delivers free unglucuronidated curcuminoids directly to neuronal micro-environments, paired with standardized Ashwagandha.", + actives: "Free-Form MegaCurcumin™ + Standardized Ashwagandha Withanolides (5%)", + clinicalBenefit: "Supports working memory retention, BDNF neurotrophic pathways, and mental fatigue mitigation.", + dosageForms: ["Fast-Acting Liquid Capsules", "Nootropic Drink Blends"], + specs: { + bloodBrainBarrier: "Preclinical evidence of neural uptake", + purity: "≥ 90% Bio-Active Complex", + shelfLife: "36 Months" + }, + badge: "Nootropic Performance" + }, + { + id: "joint-arthro-shield", + name: "ArthroFlex™ Dual-Action Joint Matrix", + category: "joint", + categoryName: "Joint & Mobility", + tagline: "Solutions for Active Living & Mobility", + shortDesc: "Advanced botanical and nutritional ingredients designed to support joint comfort, cartilage resilience, and rapid mobility.", + fullDesc: "ArthroFlex™ combines ultra-bioavailable MegaCurcumin™ with standardized Boswellia serrata (AKBA 30%) and Type II collagen, acting quickly to reduce stiffness.", + actives: "MegaCurcumin™ Bio-Matrix + Boswellia AKBA 30% + Native Type II Collagen", + clinicalBenefit: "Clinically demonstrated improvement in WOMAC joint comfort scores in 5 days.", + dosageForms: ["Mini-Tablets", "Softgels", "Sports Recovery Sticks"], + specs: { + potency: "Triple standardized to Curcuminoids, AKBA, and Collagen", + purity: "USP <561> Pesticide Free Verified", + shelfLife: "36 Months" + }, + badge: "Fast 5-Day Action" + }, + { + id: "mens-andro-prime", + name: "AndroVitality™ Cellular Energy Matrix", + category: "mens", + categoryName: "Men's Wellness", + tagline: "Innovation for Men's Health", + shortDesc: "Specialized nutritional solution designed around men's vitality, stamina, prostate cellular wellness, and mitochondrial output.", + fullDesc: "Combining MegaCurcumin™ bio-actives with standardized saw palmetto phytosterols and CoQ10 micro-emulsion.", + actives: "MegaCurcumin™ 40% + Zinc Picolinate + Standardized Phytosterols 45%", + clinicalBenefit: "Supports cellular energy, antioxidant defense in male tissues, and exercise recovery.", + dosageForms: ["Capsules", "Daily Multivitamin Packs", "Liquid Drops"], + specs: { + assay: "Standardized active phytochemical profile", + contaminants: "Prop 65 and Heavy Metal Compliant", + shelfLife: "36 Months" + }, + badge: "Vitality & Recovery" + } + ], + + technologies: [ + { + id: "micellar-tech", + title: "Micellar & Liquid Micelle Delivery", + icon: "dna", + summary: "Curcumin wrapped in surfactant micelles; among the best-studied for raising blood levels.", + description: "Our MegaCurcumin™ micellar formulation wraps hydrophobic curcumin crystals into sub-microscopic spherical micelles. This mirrors natural intestinal bile micelle formation, allowing rapid direct absorption across the intestinal enterocytes and yielding highest human blood levels.", + metrics: "Highest Human Blood AUC • Natural Micellar Structure • Fast Absorption" + }, + { + id: "phytosome-tech", + title: "Phytosome & Phospholipid Complexes", + icon: "microscope", + summary: "Curcumin bound to phospholipids, improving cellular absorption and tissue uptake.", + description: "By binding individual curcumin molecules to natural food-grade phosphatidylcholine, our phytosome matrices navigate lipid cellular membranes smoothly, facilitating deep tissue uptake in joints, brain, and endothelial tissue.", + metrics: "Deep Tissue Uptake • Phospholipid Bilayer Affinity • Clinical Joint & Brain Proof" + }, + { + id: "nanoparticle-tech", + title: "Nanoparticle & Nanoemulsion Systems", + icon: "flask", + summary: "Smaller particles dissolve and absorb far better than raw powder.", + description: "Raw turmeric powder particles are large, dense, and water-repellent. Our proprietary nano-milling and nanoemulsion technologies reduce particle size to under 100 nm, dramatically increasing dissolution velocity and bioavailability.", + metrics: "Sub-100nm Particle Size • High Specific Surface Area • Rapid 45-Min Onset" + }, + { + id: "cyclodextrin-tech", + title: "Cyclodextrin & Solid Dispersions", + icon: "sparkles", + summary: "Overcoming curcumin's core problem: raw curcumin dissolves at roughly 11 ng/mL.", + description: "Curcumin's fundamental bioavailability bottleneck is its near-zero aqueous solubility (~11 ng/mL in water). Our molecular cyclodextrin complexation and solid dispersion techniques transform crystalline curcumin into an easily soluble form, preventing precipitation in the gut.", + metrics: "Solves 11 ng/mL Limit • 100% Water Dispersible • Zero Gastrointestinal Irritation" + } + ], + + approachSteps: [ + { + number: "01", + name: "Identify", + title: "Market Need & Unmet Health Targets", + desc: "We analyze market opportunities and therapeutic sectors where standard turmeric formulations fail due to poor absorption." + }, + { + number: "02", + name: "Research", + title: "Phytochemistry & Active Screening", + desc: "We investigate active fractions, absorption kinetics, and synergistic botanical matrices." + }, + { + number: "03", + name: "Innovate", + title: "MegaCurcumin™ Formulation Engineering", + desc: "Our scientific team develops differentiated solutions using micellar, phytosome, nanoparticle, and cyclodextrin platforms." + }, + { + number: "04", + name: "Validate", + title: "Quality, Performance & Scientific Evidence", + desc: "Products undergo stringent HPLC assay validation, stability chambers, and human clinical trials." + }, + { + number: "05", + name: "Scale", + title: "Industrial cGMP Manufacturing", + desc: "We support seamless transition from laboratory pilot batches to commercial cGMP production." + }, + { + number: "06", + name: "Grow", + title: "Commercial Partnership & Market Launch", + desc: "Our partners take differentiated MegaCurcumin™ solutions to market with full technical and regulatory backing." + } + ], + + rdCapabilities: [ + { title: "Ingredient Research", desc: "Identification and rigorous screening of premier Curcuma longa botanicals with high active curcuminoid yield." }, + { title: "Botanical Research", desc: "Chromatographic fingerprinting (HPLC) and isolation of curcumin, demethoxycurcumin, bisdemethoxycurcumin, and essential oils." }, + { title: "Product Formulation", desc: "Custom prototypes engineered for capsules, softgels, functional beverages, effervescents, and gummies." }, + { title: "Delivery Technologies", desc: "Proprietary micellar, phytosome, nanoparticle, and cyclodextrin complexation systems." }, + { title: "Bioavailability Enhancement", desc: "Proven clinical enhancement in systemic absorption without synthetic bio-enhancers or piperine." }, + { title: "Stability Evaluation", desc: "ICH Q1A climatic zone stability testing ensuring active potency integrity over 36 months." }, + { title: "Scientific Validation", desc: "Randomized, double-blind, placebo-controlled human clinical trials verifying biological endpoints." }, + { title: "Product Optimization", desc: "Enhancing dissolution velocity, organoleptic profile, flowability, and clean-label compliance." }, + { title: "Regulatory Support", desc: "Full technical documentation, safety monographs, and health authority regulatory support." }, + { title: "Commercialization Support", desc: "From pilot R&D batches to commercial metric ton supply with guaranteed batch-to-batch consistency." } + ], + + certifications: [ + { name: "FDA Registered Facility", authority: "Food & Drug Regulatory Standards", id: "FDA-REG-COMPLIANT", desc: "Compliant with 21 CFR Part 111 cGMP regulations for dietary supplement manufacturing." }, + { name: "WHO-cGMP Certified", authority: "World Health Organization", id: "GMP-WHO-STANDARDS", desc: "Cleanroom manufacturing, environmental controls, and validated quality systems." }, + { name: "ISO 22000 Certified", authority: "International Organization for Standardization", id: "ISO-22000-FSMS", desc: "World-class food safety management systems across all manufacturing and handling stages." }, + { name: "Non-GMO Project Verified", authority: "Non-GMO Verification", id: "NGMO-VERIFIED", desc: "Rigorous testing ensuring 100% natural, genetically non-modified botanical inputs." }, + { name: "USP & EP Monograph Compliant", authority: "United States & European Pharmacopeias", id: "PHARM-SPEC-01", desc: "Exceeding purity and safety thresholds for heavy metals, pesticides, and residual solvents." }, + { name: "Halal & Kosher Certified", authority: "Global Dietary Councils", id: "HAL-KOSH-CERTIFIED", desc: "Alcohol-free processing compliant with international religious dietary certifications." } + ], + + whyChooseUs: [ + { + icon: "microscope", + title: "Science-Driven Development", + desc: "Our product development approach is guided by scientific research, formulation expertise, and evidence-based innovation." + }, + { + icon: "leaf", + title: "Nature-Inspired Solutions", + desc: "We explore the potential of carefully selected natural ingredients and advanced botanical solutions." + }, + { + icon: "gear", + title: "Advanced Technology", + desc: "Innovative formulation and delivery technologies help us develop differentiated and effective product solutions." + }, + { + icon: "globe", + title: "Global Standards", + desc: "We focus on quality, consistency, regulatory requirements, and internationally relevant standards." + }, + { + icon: "bulb", + title: "Differentiated Products", + desc: "We believe innovation should create meaningful differentiation—not simply another version of an existing product." + }, + { + icon: "handshake", + title: "Partnership-Focused", + desc: "We collaborate with brands, healthcare companies, and industry partners to develop solutions aligned with their market needs." + } + ], + + faqs: [ + { + q: "What makes MegaCurcumin™ different from standard 95% turmeric extract?", + a: "Standard 95% curcumin extract dissolves at only ~11 ng/mL in water and is rapidly metabolized in the gut, resulting in near-zero free curcumin in human blood. MegaCurcumin™ utilizes scientifically proven formulation technologies (liquid micelles, phytosomes, nanoparticles, and cyclodextrins) to overcome this barrier, achieving up to 29x higher plasma free curcumin." + }, + { + q: "Can I request pilot formulation samples of MegaCurcumin™?", + a: "Yes. Cure Select Healthcare supplies pilot-scale evaluation samples (100g – 500g) with matching Certificates of Analysis (COA) for qualified healthcare and wellness brands." + }, + { + q: "Does MegaCurcumin™ use synthetic piperine (black pepper) to boost absorption?", + a: "No. While piperine inhibits liver glucuronidation enzymes (CYP3A4), it can cause drug-interaction risks. MegaCurcumin™ enhances absorption through natural physical micellar and phospholipid delivery systems, delivering pure free curcumin without synthetic enzyme blockers." + }, + { + q: "What dosage formats are available for MegaCurcumin™?", + a: "MegaCurcumin™ is engineered for versatile formulation into two-piece capsules, tablets, clear functional beverages, effervescent drink tabs, gummies, and liquid stick-packs." + } + ] +}; + +if (typeof module !== "undefined" && module.exports) { + module.exports = SITE_DATA; +} diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..7a4a4bb --- /dev/null +++ b/js/main.js @@ -0,0 +1,1121 @@ +/** + * CurcuVance BioSciences - Main Application Controller + * Handles interactive navigation, product catalog filters, dynamic modals, + * bioavailability comparison simulator, and B2B sample inquiry workflows. + */ + +document.addEventListener("DOMContentLoaded", () => { + initCopyrightYear(); + initHeader(); + initMobileNav(); + initBiotechConsole(); + initFormulationFinder(); + initPlatformTabs(); + initProducts(); + initBioSimulator(); + initRDPipeline(); + initModals(); + initContactForms(); + initFaqAccordion(); + initScrollReveal(); + initSmoothScrollFeatures(); +}); + +/* ------------------------------------------------------------- + * 0. Automatic Dynamic Copyright Year + * ------------------------------------------------------------- */ +function initCopyrightYear() { + const year = new Date().getFullYear(); + document.querySelectorAll(".current-year").forEach(el => { + el.textContent = year; + }); +} + +/* ------------------------------------------------------------- + * 1. Header & Navigation Controller + * ------------------------------------------------------------- */ +function initHeader() { + const header = document.querySelector(".site-header"); + if (!header) return; + + window.addEventListener("scroll", () => { + if (window.scrollY > 40) { + header.classList.add("scrolled"); + } else { + header.classList.remove("scrolled"); + } + }, { passive: true }); +} + +function initMobileNav() { + const toggleBtn = document.querySelector(".mobile-toggle"); + const navMenu = document.querySelector(".nav-menu"); + if (!toggleBtn || !navMenu) return; + + toggleBtn.addEventListener("click", () => { + navMenu.classList.toggle("open"); + const isOpen = navMenu.classList.contains("open"); + toggleBtn.setAttribute("aria-expanded", isOpen); + toggleBtn.innerHTML = isOpen + ? `` + : ``; + }); + + // Close when clicking nav link + navMenu.querySelectorAll(".nav-link").forEach(link => { + link.addEventListener("click", () => { + navMenu.classList.remove("open"); + toggleBtn.setAttribute("aria-expanded", "false"); + }); + }); +} + +/* ------------------------------------------------------------- + * 2. Product Catalog Filter, Search & Dynamic Rendering + * ------------------------------------------------------------- */ +let currentProductCategory = "all"; +let currentProductFormat = "all"; +let currentProductSearch = ""; + +function initProducts() { + const container = document.getElementById("product-grid-target"); + const tabContainer = document.getElementById("product-tabs-target"); + const searchInput = document.getElementById("product-search-input"); + const clearBtn = document.getElementById("product-search-clear"); + const formatFilters = document.getElementById("product-format-filters"); + + if (!container || typeof SITE_DATA === "undefined") return; + + // Render filter tabs if container exists + if (tabContainer && SITE_DATA.categories) { + tabContainer.innerHTML = SITE_DATA.categories.map((cat, idx) => ` + + `).join(""); + + tabContainer.addEventListener("click", (e) => { + const btn = e.target.closest(".tab-btn"); + if (!btn) return; + + tabContainer.querySelectorAll(".tab-btn").forEach(b => b.classList.remove("active")); + btn.classList.add("active"); + + currentProductCategory = btn.getAttribute("data-category") || "all"; + renderProductCards(); + }); + } + + // Format filter buttons + if (formatFilters) { + formatFilters.addEventListener("click", (e) => { + const btn = e.target.closest(".format-filter-btn"); + if (!btn) return; + + formatFilters.querySelectorAll(".format-filter-btn").forEach(b => b.classList.remove("active")); + btn.classList.add("active"); + + currentProductFormat = btn.getAttribute("data-format") || "all"; + renderProductCards(); + }); + } + + // Live search input + if (searchInput) { + searchInput.addEventListener("input", (e) => { + currentProductSearch = e.target.value.trim().toLowerCase(); + if (clearBtn) { + clearBtn.style.display = currentProductSearch ? "flex" : "none"; + } + renderProductCards(); + }); + + if (clearBtn) { + clearBtn.addEventListener("click", () => { + searchInput.value = ""; + currentProductSearch = ""; + clearBtn.style.display = "none"; + searchInput.focus(); + renderProductCards(); + }); + } + } + + // Initial render + renderProductCards(); +} + +window.resetAllProductFilters = function() { + currentProductCategory = "all"; + currentProductFormat = "all"; + currentProductSearch = ""; + + const searchInput = document.getElementById("product-search-input"); + const clearBtn = document.getElementById("product-search-clear"); + if (searchInput) searchInput.value = ""; + if (clearBtn) clearBtn.style.display = "none"; + + const tabContainer = document.getElementById("product-tabs-target"); + if (tabContainer) { + tabContainer.querySelectorAll(".tab-btn").forEach((b, i) => b.classList.toggle("active", i === 0)); + } + + const formatFilters = document.getElementById("product-format-filters"); + if (formatFilters) { + formatFilters.querySelectorAll(".format-filter-btn").forEach((b, i) => b.classList.toggle("active", i === 0)); + } + + renderProductCards(); +}; + +function renderProductCards() { + const container = document.getElementById("product-grid-target"); + const countLabel = document.getElementById("product-results-count"); + if (!container || typeof SITE_DATA === "undefined") return; + + const totalCount = SITE_DATA.products.length; + + const filtered = SITE_DATA.products.filter(prod => { + // 1. Category check + const matchesCat = currentProductCategory === "all" || prod.category === currentProductCategory; + if (!matchesCat) return false; + + // 2. Format check + if (currentProductFormat !== "all") { + const formatsStr = (prod.dosageForms || []).join(" ").toLowerCase(); + const targetFmt = currentProductFormat.toLowerCase(); + if (!formatsStr.includes(targetFmt)) return false; + } + + // 3. Search query check + if (currentProductSearch) { + const searchTarget = [ + prod.name, + prod.tagline, + prod.shortDesc, + prod.fullDesc, + prod.actives, + prod.clinicalBenefit, + (prod.dosageForms || []).join(" ") + ].join(" ").toLowerCase(); + + if (!searchTarget.includes(currentProductSearch)) return false; + } + + return true; + }); + + // Update count badge if present + if (countLabel) { + if (filtered.length === totalCount && !currentProductSearch && currentProductFormat === "all" && currentProductCategory === "all") { + countLabel.textContent = `Showing all ${totalCount} formulations`; + } else if (filtered.length === 0) { + countLabel.textContent = "0 formulations match your search criteria"; + } else { + countLabel.textContent = `Showing ${filtered.length} of ${totalCount} formulations`; + } + } + + if (filtered.length === 0) { + container.innerHTML = ` +
+
+ +
+

No Matching Formulations Found

+

+ No products matched your selected combination of category, dosage format, and search keywords. +

+ +
+ `; + return; + } + + container.innerHTML = filtered.map(prod => ` +
+
+
+ ${prod.categoryName} + ${prod.badge ? `${prod.badge}` : ''} +
+

${prod.name}

+
${prod.tagline}
+

${prod.shortDesc}

+ +
+
+ + + + Standardized Bio-Actives +
+
${prod.actives}
+
+ + ${prod.dosageForms && prod.dosageForms.length ? ` +
+ Formats: + ${prod.dosageForms.map(fmt => `${fmt}`).join('')} +
+ ` : ''} +
+ +
+ + +
+
+ `).join(""); + + // Attach handlers + container.querySelectorAll(".view-product-detail-btn").forEach(btn => { + btn.addEventListener("click", () => { + const prodId = btn.getAttribute("data-id"); + openProductDetailModal(prodId); + }); + }); + + container.querySelectorAll(".request-sample-btn").forEach(btn => { + btn.addEventListener("click", () => { + const prodName = btn.getAttribute("data-name"); + openSampleModal(prodName); + }); + }); +} + +/* ------------------------------------------------------------- + * 3. Interactive Bioavailability Simulator + * ------------------------------------------------------------- */ +function initBioSimulator() { + const slider = document.getElementById("bio-time-slider"); + const timeLabel = document.getElementById("bio-time-label"); + const curcFill = document.getElementById("curcuvance-fill-bar"); + const stdFill = document.getElementById("standard-fill-bar"); + const curcConc = document.getElementById("curcuvance-conc-val"); + const stdConc = document.getElementById("standard-conc-val"); + + if (!slider) return; + + // Pharmacokinetic curves simulation model (ng/mL) + const calculateConcentration = (hours) => { + // Standard 95% curcumin (peaks fast at 1-2h around 8-12 ng/mL and clears fast) + const std = Math.max(0.5, Math.round((14 * Math.exp(-0.45 * Math.abs(hours - 1.5))) * 10) / 10); + // CurcuVance 29X (peaks at 3h at ~320 ng/mL and stays elevated > 8 hours) + const curc = Math.max(12, Math.round((340 * Math.exp(-0.18 * Math.abs(hours - 2.8))) * 10) / 10); + return { curc, std }; + }; + + const updateDisplay = (hours) => { + if (timeLabel) timeLabel.textContent = `${hours} Hours Post-Dose`; + const { curc, std } = calculateConcentration(hours); + + if (curcFill) curcFill.style.width = `${Math.min(100, Math.max(10, (curc / 340) * 100))}%`; + if (stdFill) stdFill.style.width = `${Math.min(100, Math.max(4, (std / 340) * 100))}%`; + + if (curcConc) curcConc.textContent = `${curc} ng/mL (Free Curcumin)`; + if (stdConc) stdConc.textContent = `${std} ng/mL (Standard)`; + }; + + slider.addEventListener("input", (e) => { + updateDisplay(parseFloat(e.target.value)); + }); + + // Init + updateDisplay(3); +} + +/* ------------------------------------------------------------- + * 4. Modals Controller & Auto-Injector + * ------------------------------------------------------------- */ +function ensureGlobalModalsExist() { + if (!document.getElementById("b2b-sample-modal")) { + const modalHtml = ` + + `; + document.body.insertAdjacentHTML("beforeend", modalHtml); + } + + if (!document.getElementById("product-detail-modal")) { + const detailModalHtml = ` + + `; + document.body.insertAdjacentHTML("beforeend", detailModalHtml); + } +} + +function initModals() { + ensureGlobalModalsExist(); + + // Global modal closes + document.querySelectorAll(".modal-close-btn, .modal-overlay").forEach(el => { + el.addEventListener("click", (e) => { + if (e.target === el || el.classList.contains("modal-close-btn")) { + closeAllModals(); + } + }); + }); + + // Global "Partner With Us" or "Request Sample" clicks + document.querySelectorAll("[data-open-modal='partner']").forEach(btn => { + btn.addEventListener("click", (e) => { + e.preventDefault(); + openSampleModal(); + }); + }); +} + +function openProductDetailModal(productId) { + ensureGlobalModalsExist(); + if (typeof SITE_DATA === "undefined") return; + const prod = SITE_DATA.products.find(p => p.id === productId); + if (!prod) return; + + const modal = document.getElementById("product-detail-modal"); + const modalTitle = document.getElementById("modal-prod-title"); + const modalBody = document.getElementById("modal-prod-body"); + + if (!modal || !modalTitle || !modalBody) return; + + modalTitle.innerHTML = `${prod.name} ${prod.badge || 'Formulation'}`; + + modalBody.innerHTML = ` +
+

${prod.tagline}

+

${prod.fullDesc}

+
+ +
+

Clinical & Pharmacological Benefits

+

${prod.clinicalBenefit}

+
+ +
+
+ Standardized Active Assay + ${prod.specs.purity || 'USP Standardized'} +
+
+ Solubility & Matrix + ${prod.specs.solubility || 'Standard Extract'} +
+
+ Documented Shelf-Life + ${prod.specs.shelfLife || '36 Months'} +
+
+ +
+ Recommended Dosage Formats: +
+ ${prod.dosageForms.map(f => `${f}`).join("")} +
+
+ +
+ + +
+ `; + + // Attach sample button inside modal + const sampleTrigger = modalBody.querySelector(".modal-request-sample-trigger"); + if (sampleTrigger) { + sampleTrigger.addEventListener("click", () => { + closeAllModals(); + openSampleModal(prod.name); + }); + } + + // Re-bind close buttons inside modal + modal.querySelectorAll(".modal-close-btn").forEach(btn => { + btn.addEventListener("click", closeAllModals); + }); + + modal.classList.add("open"); +} + +function openSampleModal(prefillProduct = "") { + ensureGlobalModalsExist(); + const modal = document.getElementById("b2b-sample-modal"); + if (!modal) return; + + const productField = modal.querySelector("#sample-product-interest"); + if (productField && prefillProduct) { + productField.value = prefillProduct; + } + + // Re-bind close buttons inside modal + modal.querySelectorAll(".modal-close-btn").forEach(btn => { + btn.addEventListener("click", closeAllModals); + }); + + // Re-bind form submission inside dynamic modal + const dynamicForm = modal.querySelector("form.ajax-form"); + if (dynamicForm && !dynamicForm.dataset.bound) { + bindAjaxForm(dynamicForm); + dynamicForm.dataset.bound = "true"; + } + + modal.classList.add("open"); +} + +function closeAllModals() { + document.querySelectorAll(".modal-overlay").forEach(m => m.classList.remove("open")); +} + +/* ------------------------------------------------------------- + * 5. Toast Notification System + * ------------------------------------------------------------- */ +function showToast(message, type = "success") { + let container = document.querySelector(".toast-container"); + if (!container) { + container = document.createElement("div"); + container.className = "toast-container"; + document.body.appendChild(container); + } + + const toast = document.createElement("div"); + toast.className = `toast-item toast-${type}`; + const iconSvg = type === "success" + ? `` + : ``; + + toast.innerHTML = ` + ${iconSvg} + ${message} + + `; + + container.appendChild(toast); + requestAnimationFrame(() => toast.classList.add("toast-visible")); + + const removeToast = () => { + toast.classList.remove("toast-visible"); + setTimeout(() => toast.remove(), 300); + }; + + toast.querySelector(".toast-close").addEventListener("click", removeToast); + setTimeout(removeToast, 5000); +} + +/* ------------------------------------------------------------- + * 6. Contact & Sample Form Submission Handler + * ------------------------------------------------------------- */ +function initContactForms() { + // Handle prefill from query params (e.g. ?interest=...) + if (window.location.search) { + const urlParams = new URLSearchParams(window.location.search); + const interestParam = urlParams.get("interest"); + if (interestParam) { + const interestSelect = document.getElementById("form-interest"); + const messageField = document.querySelector("textarea.form-textarea"); + if (interestSelect) { + Array.from(interestSelect.options).forEach(opt => { + if (opt.text.toLowerCase().includes(interestParam.toLowerCase())) { + interestSelect.value = opt.value; + } + }); + } + if (messageField && !messageField.value) { + messageField.value = `Requesting technical dossier & sample kit for: ${interestParam}\n`; + } + } + } + + const forms = document.querySelectorAll("form.ajax-form"); + forms.forEach(form => { + if (!form.dataset.bound) { + bindAjaxForm(form); + form.dataset.bound = "true"; + } + }); +} + +function bindAjaxForm(form) { + form.addEventListener("submit", (e) => { + e.preventDefault(); + const submitBtn = form.querySelector("button[type='submit']"); + const originalText = submitBtn ? submitBtn.innerHTML : "Submit"; + + if (submitBtn) { + submitBtn.disabled = true; + submitBtn.innerHTML = ` + + Processing Request... + `; + } + + setTimeout(() => { + showToast("Request submitted successfully! Our team will contact you within 24 hours.", "success"); + + form.innerHTML = ` +
+
+ +
+

Thank You for Your Enquiry

+

+ Your technical request has been routed to our B2B commercial & formulation team. A dedicated technical account specialist will contact you within 24 business hours with specifications and tracking for sample dispatch. +

+ +
+ `; + }, 900); + }); +} + +/* ------------------------------------------------------------- + * 7. FAQ Accordion Controller + * ------------------------------------------------------------- */ +function initFaqAccordion() { + const items = document.querySelectorAll(".faq-accordion-item"); + if (!items.length) return; + + items.forEach(item => { + const trigger = item.querySelector(".faq-accordion-trigger"); + const content = item.querySelector(".faq-accordion-content"); + if (!trigger || !content) return; + + trigger.addEventListener("click", () => { + const isActive = item.classList.contains("active"); + + // Close other accordion items + items.forEach(other => { + if (other !== item && other.classList.contains("active")) { + other.classList.remove("active"); + const otherTrigger = other.querySelector(".faq-accordion-trigger"); + const otherContent = other.querySelector(".faq-accordion-content"); + if (otherTrigger) otherTrigger.setAttribute("aria-expanded", "false"); + if (otherContent) otherContent.style.maxHeight = "0"; + } + }); + + if (isActive) { + item.classList.remove("active"); + trigger.setAttribute("aria-expanded", "false"); + content.style.maxHeight = "0"; + } else { + item.classList.add("active"); + trigger.setAttribute("aria-expanded", "true"); + content.style.maxHeight = content.scrollHeight + 30 + "px"; + } + }); + }); +} + +/* ------------------------------------------------------------- + * 6. Scroll Reveal Observer + * ------------------------------------------------------------- */ +function initScrollReveal() { + const reveals = document.querySelectorAll(".reveal"); + if (!reveals.length || !("IntersectionObserver" in window)) return; + + const observer = new IntersectionObserver((entries, obs) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add("active"); + obs.unobserve(entry.target); + } + }); + }, { threshold: 0.12 }); + + reveals.forEach(el => observer.observe(el)); +} + +/* ------------------------------------------------------------- + * 7. Modern Platform Tabs Filter (Legacy Compatibility) + * ------------------------------------------------------------- */ +function initPlatformTabs() { + const tabBtns = document.querySelectorAll(".modern-tab-btn"); + const cards = document.querySelectorAll(".cinematic-card, .modern-formulation-card"); + if (!tabBtns.length || !cards.length) return; + + tabBtns.forEach(btn => { + btn.addEventListener("click", () => { + tabBtns.forEach(b => b.classList.remove("active")); + btn.classList.add("active"); + const targetPlatform = btn.getAttribute("data-platform"); + + cards.forEach(card => { + const platform = card.getAttribute("data-platform-card"); + if (targetPlatform === "all" || targetPlatform === platform) { + card.style.display = "flex"; + card.style.opacity = "1"; + card.style.animation = "fadeIn 0.4s ease forwards"; + } else { + card.style.display = "none"; + card.style.opacity = "0"; + } + }); + }); + }); +} + +/* ------------------------------------------------------------- + * 8. Next-Gen Biotech Master Console Controller + * ------------------------------------------------------------- */ +function initBiotechConsole() { + const navDeck = document.querySelector(".biotech-nav-deck"); + if (!navDeck) return; + + const navItems = navDeck.querySelectorAll(".biotech-nav-item"); + const stagePanels = document.querySelectorAll(".biotech-stage-panel"); + + navItems.forEach(item => { + item.addEventListener("click", () => { + const targetStageId = item.getAttribute("data-target-stage"); + if (!targetStageId) return; + + // Update Nav active state + navItems.forEach(btn => { + btn.classList.remove("active"); + btn.setAttribute("aria-selected", "false"); + }); + item.classList.add("active"); + item.setAttribute("aria-selected", "true"); + + // Switch stage panels + stagePanels.forEach(panel => { + if (panel.id === targetStageId) { + panel.classList.add("active"); + } else { + panel.classList.remove("active"); + } + }); + }); + }); +} + +/* ------------------------------------------------------------- + * 9. Formulation Navigator (Interactive Recommender Widget) + * ------------------------------------------------------------- */ +function initFormulationFinder() { + const recomBtns = document.querySelectorAll(".app-recom-btn"); + if (!recomBtns.length) return; + + recomBtns.forEach(btn => { + btn.addEventListener("click", () => { + recomBtns.forEach(b => b.classList.remove("active")); + btn.classList.add("active"); + + const targetStage = btn.getAttribute("data-recom-platform"); + if (!targetStage) return; + + // Activate corresponding console nav item + const matchingNavItem = document.querySelector(`.biotech-nav-item[data-target-stage="${targetStage}"]`); + if (matchingNavItem) { + matchingNavItem.click(); + } + + // Smooth scroll to console + const consoleElem = document.getElementById("biotech-master-console"); + if (consoleElem) { + const yOffset = -90; + const y = consoleElem.getBoundingClientRect().top + window.pageYOffset + yOffset; + window.scrollTo({ top: y, behavior: "smooth" }); + } + }); + }); +} + +/* ------------------------------------------------------------- + * 10. Non-Card Concept-to-Commercialization R&D Pipeline Controller + * ------------------------------------------------------------- */ +function initRDPipeline() { + const hub = document.querySelector(".rd-pipeline-hub"); + if (!hub) return; + + const rows = hub.querySelectorAll(".rd-stage-row"); + const stageIdEl = document.getElementById("rd-monitor-stage-id"); + const titleEl = document.getElementById("rd-monitor-title"); + const descEl = document.getElementById("rd-monitor-desc"); + const metricValEl = document.getElementById("rd-monitor-metric-val"); + const metricLabelEl = document.getElementById("rd-monitor-metric-label"); + const deliverablesEl = document.getElementById("rd-monitor-deliverables"); + const protocolEl = document.getElementById("rd-monitor-protocol"); + + const STAGE_DATA = { + "1": { + id: "PHASE 01 / 08", + title: "Ingredient Research", + desc: "Screening and agronomic optimization of premium Curcuma longa botanicals. Selecting high-altitude rhizomes with optimal curcuminoid-to-turmerone ratios and certified pesticide-free agronomic pedigree.", + metricVal: "100%", + metricLabel: "Non-GMO Curcuma Longa Agronomy", + deliverables: [ + "Botanical Cultivar Genetic Fingerprinting", + "Raw Biomass High-Resolution Assay", + "Pesticide & Heavy Metal Safety Screening" + ], + protocol: "Screened in accordance with USP <561> botanical quality standards." + }, + "2": { + id: "PHASE 02 / 08", + title: "Botanical Research", + desc: "Phytochemical extraction and standardization of curcuminoids and essential turmerones. Targeting exact ratios of Curcumin, DMC, BDMC, and volatile ar-turmerones via clean solvent-free technologies.", + metricVal: "95.0%", + metricLabel: "Total Standardized Curcuminoids", + deliverables: [ + "HPLC-UV Chromatographic Profiling", + "Essential Turmerone Volatile Fractionation", + "Zero Petrochemical Solvent Residue" + ], + protocol: "Assayed using validated HPLC & LC-MS/MS quantification methodologies." + }, + "3": { + id: "PHASE 03 / 08", + title: "Product Formulation", + desc: "Formulation engineering for capsules, tablets, clear beverages, and functional gummies. Optimizing physical flow, dissolution kinetics, and taste profiles across varied dietary formats.", + metricVal: "4 Formats", + metricLabel: "Capsules, RTD Liquids, Tablets, Gummies", + deliverables: [ + "Automated Encapsulation Flow Compatibility", + "Aqueous Clarity in Functional Liquids", + "Gummy Thermal Cooking Tolerance" + ], + protocol: "Engineered to satisfy USP <2040> disintegration & dissolution guidelines." + }, + "4": { + id: "PHASE 04 / 08", + title: "Delivery Technologies", + desc: "Micellar encapsulation, phytosome complexes, and cyclodextrin dispersions. Overcoming native lipophilic crystallization by engineering hydrophilic protective shells and phospholipid chaperones.", + metricVal: "< 100nm", + metricLabel: "Sub-Micron Particle Dispersal", + deliverables: [ + "Polar-Nonpolar Micellar Surfactant Wrapping", + "Phosphatidylcholine Cellular Bilayer Chaperones", + "Gamma-Cyclodextrin Supramolecular Cavities" + ], + protocol: "Particle size distributions verified via Dynamic Light Scattering (DLS)." + }, + "5": { + id: "PHASE 05 / 08", + title: "Bioavailability Enhancement", + desc: "Proven 29x enhancement in free curcumin plasma concentration over standard powder. Bypasses first-pass phase-II hepatic glucuronidation to deliver active un-metabolized molecules to target tissues.", + metricVal: "29X", + metricLabel: "Higher Free Curcumin Plasma AUC", + deliverables: [ + "8-Hour Sustained Plasma Half-Life", + "Overcoming 11 ng/mL Water Solubility Barrier", + "Elimination of Synthetic Bio-Enhancers (Piperine)" + ], + protocol: "Documented via randomized cross-over Human Clinical Pharmacokinetics." + }, + "6": { + id: "PHASE 06 / 08", + title: "Stability Evaluation", + desc: "ICH stability chambers ensuring active ingredient shelf-life integrity over 36 months. Testing accelerated and long-term photolytic, thermal, and moisture degradation resistance.", + metricVal: "36 Mo", + metricLabel: "Documented Active Shelf-Life", + deliverables: [ + "Zone IVb Tropical Accelerated Stress Testing", + "Photostability Resistance Under High Lux Light", + "Zero Physical Precipitation or Hard-Caking" + ], + protocol: "Validated strictly per ICH Q1A(R2) & Q1B stability guidelines." + }, + "7": { + id: "PHASE 07 / 08", + title: "Scientific Validation", + desc: "Pharmacokinetic assays and clinical trial evidence backing health benefits. Collaborating with clinical research organizations to evaluate inflammatory modulation, joint mobility, and endothelial function.", + metricVal: "45+", + metricLabel: "Published Clinical Research Papers", + deliverables: [ + "Randomized Placebo-Controlled Human Trials", + "WOMAC Joint Comfort Score Validations", + "Endothelial Flow-Mediated Dilation Metrics" + ], + protocol: "All trials conducted under Good Clinical Practice (GCP) & Helsinki Declaration." + }, + "8": { + id: "PHASE 08 / 08", + title: "Commercialization Support", + desc: "Pilot-scale testing, industrial scale-up, and turnkey batch consistency. From kilogram bench batches to multi-ton commercial production with comprehensive regulatory documentation.", + metricVal: "Turnkey", + metricLabel: "Seamless Manufacturing Integration", + deliverables: [ + "Full Master Batch Manufacturing Records (BMR)", + "Global Regulatory Dossiers & Halal/Kosher Specs", + "Guaranteed Lot-to-Lot HPLC Assay Consistency" + ], + protocol: "Manufactured in certified cGMP, ISO 9001:2015 & ISO 22000 facilities." + } + }; + + const updateStage = (stageNum) => { + const data = STAGE_DATA[stageNum]; + if (!data) return; + + rows.forEach(r => { + r.classList.toggle("active", r.getAttribute("data-stage") === String(stageNum)); + }); + + if (stageIdEl) stageIdEl.textContent = data.id; + if (titleEl) titleEl.textContent = data.title; + if (descEl) descEl.textContent = data.desc; + if (metricValEl) metricValEl.textContent = data.metricVal; + if (metricLabelEl) metricLabelEl.textContent = data.metricLabel; + if (protocolEl) { + protocolEl.innerHTML = ` + +
${data.protocol}
+ `; + } + + if (deliverablesEl) { + deliverablesEl.innerHTML = data.deliverables.map(item => ` +
  • +
    + + ${item} +
    + VERIFIED +
    • + `).join(""); + } + }; + + rows.forEach(row => { + row.addEventListener("click", () => { + const stage = row.getAttribute("data-stage"); + updateStage(stage); + }); + row.addEventListener("mouseenter", () => { + const stage = row.getAttribute("data-stage"); + updateStage(stage); + }); + }); + + // Initial load + updateStage(1); +} + +/* ------------------------------------------------------------- + * 10. Smooth Scroll Features, Scroll Progress & Floating HUD + * ------------------------------------------------------------- */ +function initSmoothScrollFeatures() { + // 1. Create Top Reading Scroll Progress Bar + let progressTrack = document.querySelector(".scroll-progress-track"); + if (!progressTrack) { + progressTrack = document.createElement("div"); + progressTrack.className = "scroll-progress-track"; + progressTrack.innerHTML = '
    '; + document.body.prepend(progressTrack); + } + const progressBar = document.getElementById("scroll-progress-bar"); + + // 2. Create Floating Back-to-Top Button with Circular Meter + let backToTopBtn = document.querySelector(".back-to-top-btn"); + const radius = 20; + const circumference = 2 * Math.PI * radius; // ~125.66 + + if (!backToTopBtn) { + backToTopBtn = document.createElement("button"); + backToTopBtn.className = "back-to-top-btn"; + backToTopBtn.setAttribute("aria-label", "Back to top"); + backToTopBtn.setAttribute("title", "Scroll back to top"); + + backToTopBtn.innerHTML = ` + + + + + + + `; + document.body.appendChild(backToTopBtn); + + backToTopBtn.addEventListener("click", () => { + window.scrollTo({ + top: 0, + behavior: "smooth" + }); + }); + } + + const circle = backToTopBtn ? backToTopBtn.querySelector(".back-to-top-progress-circle") : null; + + // Scroll event listener for Progress Bar & Back-to-Top Button + const handleScrollMetrics = () => { + const scrollTop = window.pageYOffset || document.documentElement.scrollTop; + const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; + const progress = scrollHeight > 0 ? (scrollTop / scrollHeight) : 0; + + // Update top progress bar + if (progressBar) { + progressBar.style.width = Math.min(progress * 100, 100) + "%"; + } + + // Update floating button visibility & circular ring + if (backToTopBtn) { + if (scrollTop > 350) { + backToTopBtn.classList.add("visible"); + } else { + backToTopBtn.classList.remove("visible"); + } + + if (circle) { + const offset = circumference - (progress * circumference); + circle.style.strokeDashoffset = Math.max(0, offset); + } + } + }; + + window.addEventListener("scroll", handleScrollMetrics, { passive: true }); + handleScrollMetrics(); + + // 3. Smooth Anchor Link Handler with Header Offset + document.addEventListener("click", (e) => { + const anchor = e.target.closest('a[href*="#"]'); + if (!anchor) return; + + const href = anchor.getAttribute("href"); + if (!href || href === "#") return; + + // Check if link is an in-page anchor + try { + const url = new URL(anchor.href, window.location.href); + if (url.pathname === window.location.pathname && url.hash) { + const target = document.querySelector(url.hash); + if (target) { + e.preventDefault(); + const headerOffset = 84; + const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerOffset; + window.scrollTo({ + top: targetPosition, + behavior: "smooth" + }); + + if (window.history && window.history.pushState) { + window.history.pushState(null, null, url.hash); + } + } + } + } catch (err) { + // Fallback for non-standard links + } + }); + + // 4. Initial Hash Arrival Alignment + if (window.location.hash) { + setTimeout(() => { + try { + const target = document.querySelector(window.location.hash); + if (target) { + const headerOffset = 84; + const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerOffset; + window.scrollTo({ + top: targetPosition, + behavior: "smooth" + }); + } + } catch (err) {} + }, 150); + } + + // 5. ScrollSpy for Primary Sections + initScrollSpy(); +} + +function initScrollSpy() { + const sections = document.querySelectorAll("section[id]"); + const navLinks = document.querySelectorAll(".nav-menu .nav-link"); + if (!sections.length || !navLinks.length) return; + + const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + const id = entry.target.getAttribute("id"); + navLinks.forEach(link => { + const href = link.getAttribute("href"); + if (href === `#${id}` || (href === "index.html" && id === "hero-section")) { + navLinks.forEach(l => l.classList.remove("active")); + link.classList.add("active"); + } + }); + } + }); + }, { + rootMargin: "-20% 0px -70% 0px" + }); + + sections.forEach(sec => observer.observe(sec)); +} + diff --git a/products.html b/products.html new file mode 100644 index 0000000..f898a71 --- /dev/null +++ b/products.html @@ -0,0 +1,250 @@ + + + + + + Our Products | Cure Select Healthcare - MegaCurcumin™ Formulations + + + + + + + + + + + + + + +
    +
    +
    + MegaCurcumin™ Portfolio + Cure Select Healthcare • Science-Backed Nutraceutical Ingredients & Formulations +
    +
    + info@cureselecthealthcare.com + +91 98765 43210 +
    +
    +
    + + +
    +
    + +
    +
    + + +
    +
    +
    Product Portfolio
    +

    Explore Our Innovative Solutions

    +

    + Discover our portfolio of science-backed nutraceutical ingredients and formulations designed for diverse health and wellness applications. +

    +
    +
    + + +
    +
    + + +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + + +
    + +
    + Showing all formulations +
    +
    + + +
    + +
    +
    +
    + + +
    +
    +
    +
    Turnkey Versatility
    +

    Formulation Flexibility Across Diverse Formats

    +

    + MegaCurcumin™ is engineered for optimal stability and compatibility across traditional and novel delivery formats. +

    +
    + +
    +
    + Capsules & Tablets Formulation +

    Capsules & Tablets

    +

    High-density, free-flowing powders optimized for high-speed automated encapsulation.

    +
    + +
    + RTD & Liquid Drinks Formulation +

    RTD & Liquid Drinks

    +

    Hydro-Clear solid dispersion that dissolves instantly with 100% clarity and zero sediment.

    +
    + +
    + Functional Gummies Formulation +

    Functional Gummies

    +

    Heat-stable micro-emulsions that withstand gummy cooking temperatures with neutral taste.

    +
    + +
    + Stickpacks & Effervescents Formulation +

    Stickpacks & Effervescents

    +

    Moisture-stable granules dispersing in cold water with refreshing mouthfeel.

    +
    +
    +
    +
    + + +
    +
    +
    +
    +

    Request a MegaCurcumin™ Sample Kit

    +

    We supply evaluation samples alongside complete analytical certificates (HPLC, dissolution, microbial) to support your R&D benchmarking.

    +
    + + Contact Cure Select +
    +
    +
    +
    +
    + + + + + + + + + + + + + diff --git a/research-development.html b/research-development.html new file mode 100644 index 0000000..b0c03ae --- /dev/null +++ b/research-development.html @@ -0,0 +1,228 @@ + + + + + + Research & Development | Cure Select Healthcare - MegaCurcumin™ + + + + + + + + + + + + + + +
    +
    +
    + MegaCurcumin™ R&D + Cure Select Healthcare • Evidence-Based Phytochemical Innovation +
    +
    + info@cureselecthealthcare.com + +91 98765 43210 +
    +
    +
    + + +
    +
    + +
    +
    + + +
    +
    +
    R&D Section
    +

    Research & Development

    +

    + Our R&D capabilities bring together scientific expertise, formulation knowledge, ingredient research, and product development across the complete concept-to-shelf journey. +

    +
    +
    + + +
    +
    +
    +
    Our R&D Capabilities
    +

    Complete Concept-to-Shelf Expertise

    +

    We work across the complete product-development journey—from identifying opportunities to developing commercially viable solutions.

    +
    + +
    +
    +
    + +
    +
    +

    Ingredient Research

    +

    Screening and agronomic optimization of natural turmeric botanical cultivars.

    +
    +
    + +
    +
    + +
    +
    +

    Botanical Research

    +

    Phytochemical extraction, profiling, and standardization of active curcuminoids.

    +
    +
    + +
    +
    + +
    +
    +

    Product Formulation

    +

    Custom formulation development tailored for capsules, tablets, beverages, and gummies.

    +
    +
    + +
    +
    + +
    +
    +

    Delivery Technologies

    +

    Formulation-based approaches: micellar wrapping, phytosome complexes, and cyclodextrin dispersions.

    +
    +
    + +
    +
    + +
    +
    +

    Bioavailability Enhancement

    +

    Proven 29x enhancement in free active curcumin plasma levels in human models.

    +
    +
    + +
    +
    + +
    +
    +

    Stability Evaluation

    +

    Accelerated and real-time ICH stability testing ensuring 36-month active retention.

    +
    +
    + +
    +
    + +
    +
    +

    Scientific Validation

    +

    Human evidence-based validation evaluating biological efficacy and clinical outcomes.

    +
    +
    + +
    +
    + +
    +
    +

    Product Optimization

    +

    Optimizing particle dissolution, flowability, and organoleptic taste masking.

    +
    +
    + +
    +
    + +
    +
    +

    Regulatory Support

    +

    Full technical data sheets, safety monographs, and regulatory compliance alignment.

    +
    +
    + +
    +
    + +
    +
    +

    Commercialization Support

    +

    Pilot batches, industrial manufacturing scale-up, and reliable supply consistency.

    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +

    Request a MegaCurcumin™ Technical Dossier

    +

    Access full analytical documentation, HPLC chromatograms, and human evidence-backed study reviews.

    +
    + + Contact Our Team +
    +
    +
    +
    +
    + + + + + + + + diff --git a/server.js b/server.js new file mode 100644 index 0000000..0d780e8 --- /dev/null +++ b/server.js @@ -0,0 +1,46 @@ +const http = require('http'); +const fs = require('fs'); +const path = require('path'); + +const PORT = 3000; +const PUBLIC_DIR = __dirname; + +const MIME_TYPES = { + '.html': 'text/html; charset=UTF-8', + '.css': 'text/css; charset=UTF-8', + '.js': 'application/javascript; charset=UTF-8', + '.json': 'application/json; charset=UTF-8', + '.png': 'image/png', + '.jpg': 'image/jpeg', + '.jpeg': 'image/jpeg', + '.svg': 'image/svg+xml', + '.ico': 'image/x-icon' +}; + +const server = http.createServer((req, res) => { + let reqUrl = req.url.split('?')[0]; + let safePath = path.normalize(decodeURIComponent(reqUrl)); + if (safePath === '/' || safePath === '\\') { + safePath = '/index.html'; + } + + let filePath = path.join(PUBLIC_DIR, safePath); + + fs.stat(filePath, (err, stats) => { + if (err || !stats.isFile()) { + res.writeHead(404, { 'Content-Type': 'text/html' }); + res.end('

    404 Not Found

    Return to Home

    '); + return; + } + + const ext = path.extname(filePath).toLowerCase(); + const contentType = MIME_TYPES[ext] || 'application/octet-stream'; + + res.writeHead(200, { 'Content-Type': contentType }); + fs.createReadStream(filePath).pipe(res); + }); +}); + +server.listen(PORT, () => { + console.log(`CurcuVance BioSciences server running at http://localhost:${PORT}`); +});