Q-Synovi Multi-Pathway Joint Support | Crassula & QuanticSphere™<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --burg:#7B1D1D;--burg-mid:#9B2A2A;--burg-lt:#C04040;\n --burg-pale:#FAF0F0;--burg-dark:#F0D8D8;\n --dark:#1A0808;--dark-mid:#3B1414;\n --cream:#FDFAF8;--cream-dark:#F4EDEA;--cream-mid:#E8DDD8;\n --text:#1A0808;--text-light:#7A5550;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Roboto',sans-serif;font-weight:400;background:var(--cream);color:var(--text);overflow-x:hidden}\nbutton:focus,button:hover{outline-color:var(--burg-lt)}\nbutton:focus-visible{outline:2px solid var(--burg-lt);outline-offset:3px}\n\n\/* HERO *\/\n.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}\n.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(123,29,29,.07) 0%,transparent 70%)}\n.hero-left{display:flex;flex-direction:column;justify-content:center;padding:8rem 5rem 6rem 0rem;position:relative;z-index:2}\n.badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--dark);color:#fff;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.45rem 1.1rem;border-radius:2rem;width:fit-content;margin-bottom:2.2rem;opacity:0;animation:fadeUp .7s .2s forwards}\n.badge span{width:6px;height:6px;border-radius:50%;background:var(--burg-lt);display:block}\n.hero-title{font-size:clamp(3rem,5vw,5.2rem);font-weight:900;line-height:1;color:var(--dark);margin-bottom:.6rem;letter-spacing:-.02em;opacity:0;animation:fadeUp .8s .35s forwards}\n.hero-title em{font-style:italic;font-weight:300;color:var(--burg);display:block}\n.hero-subtitle{font-size:1rem;font-weight:300;line-height:1.75;color:var(--text-light);max-width:430px;margin-bottom:1.8rem;opacity:0;animation:fadeUp .8s .5s forwards}\n.hero-tagline{font-size:1.1rem;font-weight:300;font-style:italic;color:var(--dark);border-left:2px solid var(--burg-lt);padding-left:1rem;margin-bottom:2.8rem;opacity:0;animation:fadeUp .8s .6s forwards}\n.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .65s forwards}\n.btn-primary{background:var(--burg);color:#fff;padding:.85rem 2.2rem;border-radius:3rem;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.06em;transition:background .25s,transform .2s;border:none;cursor:pointer}\n.btn-primary:hover,.btn-primary:focus{color:#fff; background:var(--burg-mid);transform:translateY(-2px);outline:none}\n.btn-outline{border:1.5px solid var(--burg);color:var(--burg);padding:.85rem 2.2rem;border-radius:3rem;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.06em;transition:background .25s,color .25s,transform .2s}\n.btn-outline:hover,.btn-outline:focus{background:var(--burg);color:#fff;transform:translateY(-2px);outline:none}\n.hero-right{position:relative;overflow:hidden}\n.hero-img-wrap{position:absolute;inset:0;opacity:0;animation:fadeIn 1.2s .3s forwards}\n.hero-img-wrap img{width:100%;height:100%;object-fit:cover}\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--cream) 0%,transparent 30%);z-index:1}\n.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}\n.orb-1{width:300px;height:300px;background:rgba(123,29,29,.1);top:10%;right:15%;animation:orb 8s ease-in-out infinite alternate}\n.orb-2{width:200px;height:200px;background:rgba(192,64,64,.08);bottom:15%;right:5%;animation:orb 6s 2s ease-in-out infinite alternate}\n@keyframes orb{from{transform:translate(0,0) scale(1)}to{transform:translate(20px,30px) scale(1.1)}}\n\n\/* STATS *\/\n.stats-strip{background:var(--dark);padding:2.8rem 6rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}\n.stat-item{text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,.12);padding:0 1rem}\n.stat-item:last-child{border-right:none}\n.stat-num{font-size:3rem;font-weight:900;color:var(--burg-lt);line-height:1;margin-bottom:.4rem;letter-spacing:-.02em}\n.stat-label{font-size:.78rem;font-weight:300;letter-spacing:.08em;opacity:.8;line-height:1.5}\n\n\/* SECTIONS *\/\nsection{padding:7rem 6rem}\n.section-label{font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--burg);margin-bottom:1.2rem}\n.section-title{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;color:var(--dark);line-height:1.1;margin-bottom:1.6rem;letter-spacing:-.02em}\n.section-body{font-size:.95rem;font-weight:300;line-height:1.85;color:var(--text-light);max-width:600px}\n\n\/* SUMMARY *\/\n.summary{background:#fff}\n.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}\n.summary-card{background:var(--cream-dark);border-radius:1.4rem;padding:2.4rem;border-top:4px solid var(--burg);text-align:center;transition:transform .3s,box-shadow .3s}\n.summary-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(123,29,29,.1)}\n.summary-card-num{font-size:2.8rem;font-weight:900;color:var(--burg);line-height:1;margin-bottom:.5rem}\n.summary-card-title{font-size:.9rem;font-weight:700;color:var(--dark);margin-bottom:.6rem}\n.summary-card-desc{font-size:.82rem;font-weight:300;color:var(--text-light);line-height:1.65}\n\n\/* OA PATHOPHYSIOLOGY *\/\n.pathophysiology{background:var(--dark);color:#fff;position:relative;overflow:hidden}\n.pathophysiology .orb-dec{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}\n.pathophysiology .orb-dec-1{width:400px;height:400px;background:rgba(192,64,64,.1);top:-100px;right:-100px}\n.pathophysiology .orb-dec-2{width:250px;height:250px;background:rgba(123,29,29,.15);bottom:-60px;left:20%}\n.pathophysiology .section-title{color:#fff}\n.pathophysiology .section-label{color:var(--burg-lt)}\n.pathophysiology .section-body{color:rgba(255,255,255,.75)}\n.patho-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}\n.patho-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;padding:2rem;border-top:3px solid var(--burg-lt);transition:background .3s,transform .3s}\n.patho-card:hover{background:rgba(255,255,255,.12);transform:translateY(-5px)}\n.patho-icon{width:36px;height:36px;color:var(--burg-lt);margin-bottom:1rem}\n.patho-icon svg{width:100%;height:100%}\n.patho-title{font-size:.9rem;font-weight:700;color:var(--burg-lt);margin-bottom:.5rem}\n.patho-desc{font-size:.82rem;font-weight:300;color:rgba(255,255,255,.65);line-height:1.6}\n\n\/* FAILS *\/\n.fails{background:var(--cream-dark)}\n.fails-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2.5rem}\n.fail-cards{display:flex;flex-direction:column;gap:.9rem}\n.fail-card{display:flex;align-items:flex-start;gap:1rem;padding:1.3rem 1.6rem;background:#fff;border-radius:.9rem;border-left:3px solid #e05252;transition:transform .2s}\n.fail-card:hover{transform:translateX(5px)}\n.fail-x{color:#e05252;font-weight:900;font-size:1.1rem;min-width:18px;margin-top:.05rem}\n.fail-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.2rem}\n.fail-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.55}\n.challenges-box{background:#fff;border-radius:1.2rem;padding:2rem;border-left:3px solid var(--burg)}\n.challenges-title{font-size:.8rem;font-weight:700;color:var(--burg);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem}\n.challenge-list{display:flex;flex-direction:column;gap:.5rem}\n.challenge-item{font-size:.82rem;font-weight:300;color:var(--text-light);line-height:1.55;padding-left:1.2rem;position:relative}\n.challenge-item::before{content:'--';position:absolute;left:0;color:var(--burg)}\n.fails-callout{margin-top:1.5rem;padding:1.2rem 1.6rem;background:var(--burg);border-radius:.8rem;color:rgba(255,255,255,.9);font-size:.88rem;font-weight:300;line-height:1.7;border-left:3px solid rgba(255,200,200,.5);font-style:italic}\n\n\/* TECH *\/\n.tech{background:#fff}\n.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}\n.tech-card{background:var(--cream-dark);border-radius:1.2rem;padding:1.8rem;border-top:3px solid var(--burg);transition:transform .3s,box-shadow .3s}\n.tech-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(123,29,29,.1)}\n.tech-icon{width:28px;height:28px;color:var(--burg);margin-bottom:.8rem}\n.tech-icon svg{width:100%;height:100%}\n.tech-title{font-size:.85rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}\n.tech-desc{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.6}\n\n\/* STRUCTURAL *\/\n.structural{background:var(--cream-dark);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\n.struct-img{border-radius:1.4rem;overflow:hidden;height:460px;position:relative;order:2}\n.struct-img img{width:100%;height:100%;object-fit:cover}\n.struct-img-overlay{position:absolute;inset:0;background:linear-gradient(to left,var(--cream-dark) 0%,transparent 30%);z-index:1}\n.struct-cards{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}\n.struct-card{display:flex;align-items:flex-start;gap:1rem;padding:1.3rem 1.6rem;background:#fff;border-radius:.9rem;border-left:3px solid var(--burg);transition:transform .2s,background .2s}\n.struct-card:hover{transform:translateX(5px);background:var(--burg-pale)}\n.struct-icon{width:28px;height:28px;min-width:28px;color:var(--burg);margin-top:.1rem}\n.struct-icon svg{width:100%;height:100%}\n.struct-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.25rem}\n.struct-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.6}\n\n\/* ANTI-INFLAMMATORY *\/\n.antiinflam{background:var(--burg);color:#fff;position:relative;overflow:hidden}\n.antiinflam .orb-dec{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}\n.antiinflam .orb-dec-1{width:400px;height:400px;background:rgba(255,255,255,.05);top:-100px;right:-100px}\n.antiinflam .orb-dec-2{width:250px;height:250px;background:rgba(0,0,0,.1);bottom:-60px;left:20%}\n.antiinflam .section-title{color:#fff}\n.antiinflam .section-label{color:rgba(255,255,255,.6)}\n.antiinflam .section-body{color:rgba(255,255,255,.75)}\n.inflam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}\n.inflam-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:1.1rem;padding:1.6rem;border-top:3px solid rgba(255,255,255,.4);transition:background .3s,transform .3s}\n.inflam-card:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}\n.inflam-name{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:.4rem}\n.inflam-mechanism{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}\n.inflam-desc{font-size:.78rem;font-weight:300;color:rgba(255,255,255,.7);line-height:1.6}\n\n\/* ANTIOXIDANT *\/\n.antioxidant{background:#fff}\n.antioxidant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}\n.antioxidant-card{background:var(--cream-dark);border-radius:1.2rem;padding:2rem;border-left:3px solid var(--burg);display:flex;align-items:flex-start;gap:1rem;transition:transform .3s}\n.antioxidant-card:hover{transform:translateY(-4px)}\n.antioxidant-icon{width:28px;height:28px;min-width:28px;color:var(--burg);margin-top:.1rem}\n.antioxidant-icon svg{width:100%;height:100%}\n.antioxidant-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.3rem}\n.antioxidant-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.6}\n\n\/* MAPPING *\/\n.mapping{background:var(--cream-dark)}\n.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.5rem}\n.mapping-card{background:#fff;border-radius:1.1rem;padding:1.6rem;border-left:3px solid var(--burg);transition:transform .2s}\n.mapping-card:hover{transform:translateX(5px)}\n.mapping-mechanism{font-size:.72rem;font-weight:700;color:var(--burg);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}\n.mapping-ingredients{font-size:.85rem;font-weight:500;color:var(--dark);margin-bottom:.4rem}\n.mapping-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.55}\n\n\/* BIOAVAILABILITY *\/\n.bioavail{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\n.bioavail-img{border-radius:1.4rem;overflow:hidden;height:460px;position:relative}\n.bioavail-img img{width:100%;height:100%;object-fit:cover}\n.bioavail-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,#fff 0%,transparent 30%);z-index:1}\n.bioavail-table{width:100%;border-collapse:collapse;margin-top:1.5rem}\n.bioavail-table th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1rem;border-bottom:2px solid var(--burg)}\n.bioavail-table th:nth-child(2){color:var(--text-light)}\n.bioavail-table th:nth-child(3){color:var(--burg)}\n.bioavail-table td{padding:.9rem 1rem;font-size:.88rem;font-weight:300;color:var(--text);border-bottom:1px solid rgba(0,0,0,.05);line-height:1.5}\n.bioavail-table tr:last-child td{border-bottom:none}\n.bioavail-table td:first-child{font-weight:700;color:var(--dark)}\n.bioavail-table td:nth-child(2){color:#999}\n.bioavail-table td:nth-child(3){color:var(--burg);font-weight:700}\n.bioavail-table tr:nth-child(even){background:var(--burg-pale)}\n.bioavail-callout{margin-top:1.5rem;padding:1.2rem 1.6rem;background:var(--dark);border-radius:.8rem;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:300;line-height:1.7;border-left:3px solid var(--burg-lt)}\n.chart-wrap{background:var(--cream-dark);border-radius:1.2rem;padding:1.5rem;margin-top:1.5rem}\n.chart-label{font-size:.72rem;font-weight:700;color:var(--burg);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}\n\n\/* TARGET *\/\n.target{background:var(--cream-dark)}\n.target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}\n.target-card{background:#fff;border-radius:1.2rem;padding:1.8rem;border-top:3px solid var(--burg);text-align:center;transition:transform .3s,box-shadow .3s}\n.target-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(123,29,29,.1)}\n.target-icon{width:36px;height:36px;color:var(--burg);margin:0 auto .9rem}\n.target-icon svg{width:100%;height:100%}\n.target-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}\n.target-desc{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.55}\n\n\/* STAGES *\/\n.stages{background:#fff}\n.stages-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem;position:relative}\n.stages-timeline::before{content:'';position:absolute;top:23px;left:28px;right:28px;height:2px;background:linear-gradient(to right,var(--burg),var(--burg-lt));z-index:0}\n.stage-card{background:var(--cream-dark);border-radius:1.2rem;padding:1.6rem;text-align:center;position:relative;z-index:1;transition:transform .3s,box-shadow .3s}\n.stage-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(123,29,29,.1)}\n.stage-dot{width:46px;height:46px;border-radius:50%;background:var(--burg);color:#fff;font-size:1.1rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:3px solid var(--cream-dark);box-shadow:0 0 0 3px var(--burg)}\n.stage-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}\n.stage-desc{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.55}\n.stage-disclaimer{margin-top:2.5rem;padding:1rem 1.6rem;background:var(--cream-dark);border-radius:.8rem;font-size:.82rem;font-weight:300;color:var(--text-light);text-align:center;font-style:italic}\n\n\/* CTA *\/\n.cta-final{background:var(--burg);padding:7rem 6rem;text-align:center;position:relative;overflow:hidden}\n.cta-final .orb-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(0,0,0,.15) 0%,transparent 70%)}\n.cta-final h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:1rem;position:relative;z-index:1}\n.cta-final h2 em{font-style:italic;font-weight:300;color:rgba(255,200,200,.9)}\n.cta-tagline{font-size:.95rem;font-weight:300;color:rgba(255,255,255,.8);margin:0 auto 3rem;max-width:680px;line-height:1.8;position:relative;z-index:1}\n.btn-white{background:#fff;color:var(--burg);padding:1rem 2.8rem;border-radius:3rem;text-decoration:none;font-size:.88rem;font-weight:700;letter-spacing:.06em;transition:opacity .2s,transform .2s;position:relative;z-index:1;display:inline-block;border:none;cursor:pointer}\n.btn-white:hover,.btn-white:focus{opacity:.9;transform:translateY(-3px);outline:none}\n.cta-contact{margin-top:2.5rem;font-size:.8rem;font-weight:300;color:rgba(255,255,255,.6);position:relative;z-index:1}\n.cta-contact a{color:rgba(255,255,255,.8);text-decoration:none}\n.cta-contact a:hover{color:rgba(255,200,200,.9)}\n\n\/* FAB *\/\n.dl-fab{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;gap:.6rem;background:var(--dark);color:#fff;border:none;padding:.85rem 1.6rem;border-radius:3rem;font-family:'Roboto',sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 30px rgba(26,8,8,.4);transition:transform .25s,box-shadow .25s,background .2s;animation:fadeUp .8s 1.2s both}\n.dl-fab:hover,.dl-fab:focus{transform:translateY(-3px);box-shadow:0 14px 40px rgba(26,8,8,.5);background:var(--burg);outline:none}\n.dl-fab svg{width:16px;height:16px;stroke:rgba(255,200,200,.9);fill:none;flex-shrink:0}\n\n\/* MODAL *\/\n.modal-overlay{display:none;position:fixed;inset:0;background:rgba(10,2,2,.7);backdrop-filter:blur(6px);z-index:1000;align-items:center;justify-content:center;padding:1.5rem}\n.modal-overlay.open{display:flex;animation:fadeIn .3s}\n.modal{background:var(--cream);border-radius:1.8rem;padding:3rem;max-width:460px;width:100%;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.25);animation:slideUp .35s cubic-bezier(.22,.61,.36,1)}\n@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}\n.modal-close{position:absolute;top:1.2rem;right:1.4rem;background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--text-light);line-height:1;transition:color .2s}\n.modal-close:hover,.modal-close:focus{color:var(--burg);outline:none}\n.modal-icon{width:52px;height:52px;background:var(--dark);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}\n.modal-icon svg{width:24px;height:24px;stroke:var(--burg-lt);fill:none}\n.modal h3{font-size:1.7rem;font-weight:700;color:var(--dark);margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.15}\n.modal p{font-size:.85rem;font-weight:300;color:var(--text-light);line-height:1.7;margin-bottom:1.6rem}\n.modal-input{width:100%;padding:1rem 1.3rem;border:1.5px solid var(--cream-mid);border-radius:.9rem;font-family:'Roboto',sans-serif;font-size:.9rem;background:#fff;color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none;margin-bottom:.5rem}\n.modal-input:focus{border-color:var(--burg-lt);box-shadow:0 0 0 3px rgba(192,64,64,.12)}\n.modal-input.error{border-color:#e05252}\n.modal-error{font-size:.75rem;color:#e05252;margin-bottom:.5rem;display:none}\n.modal-error.show{display:block}\n.modal-consent-wrap{margin-bottom:1.2rem}\n.modal-consent-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}\n.modal-consent-input{position:absolute;opacity:0;width:0;height:0}\n.modal-consent-box{width:20px;height:20px;min-width:20px;border:1.5px solid var(--cream-mid);border-radius:.35rem;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:.1rem;transition:border-color .2s,background .2s}\n.modal-consent-box::after{content:'';width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) scaleY(0);transform-origin:bottom;transition:transform .15s;margin-top:-2px}\n.modal-consent-input:checked ~ .modal-consent-box{background:var(--burg);border-color:var(--burg)}\n.modal-consent-input:checked ~ .modal-consent-box::after{transform:rotate(45deg) scaleY(1)}\n.modal-consent-text{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.6}\n.consent-link{color:var(--burg);text-decoration:underline;text-underline-offset:2px}\n.modal-consent-wrap .modal-error{margin-top:.4rem;margin-left:1.8rem}\n.modal-btn{width:100%;padding:1rem;background:var(--burg);color:#fff;border:none;border-radius:.9rem;font-family:'Roboto',sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.5rem}\n.modal-btn:hover,.modal-btn:focus{background:var(--burg-mid);transform:translateY(-1px);outline:none}\n.modal-btn svg{width:16px;height:16px;stroke:rgba(255,200,200,.9);fill:none}\n.modal-disclaimer{font-size:.72rem;font-weight:300;color:var(--text-light);text-align:center;margin-top:1rem;opacity:.75;line-height:1.6}\n.modal-success{display:none;text-align:center}\n.modal-success.show{display:block;animation:fadeIn .4s}\n.modal-form.hide{display:none}\n.success-check{width:64px;height:64px;background:var(--burg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}\n.success-check svg{width:28px;height:28px;fill:none;stroke:rgba(255,200,200,.9);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\n.modal-success h3{font-size:1.8rem;font-weight:700;color:var(--dark);margin-bottom:.6rem;letter-spacing:-.02em}\n.modal-success p{font-size:.85rem;font-weight:300;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}\n.btn-dl{display:inline-flex;align-items:center;gap:.5rem;background:var(--burg);color:#fff;padding:.9rem 2rem;border-radius:3rem;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-decoration:none;transition:opacity .2s,transform .2s;border:none;cursor:pointer;font-family:'Roboto',sans-serif}\n.btn-dl:hover,.btn-dl:focus{opacity:.88;transform:translateY(-2px);outline:none}\n.btn-dl svg{width:15px;height:15px;stroke:rgba(255,200,200,.9);fill:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}\n.reveal.visible{opacity:1;transform:none}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n section{padding:5rem 3rem}\n .hero{grid-template-columns:1fr;min-height:auto}\n .hero-left{padding:6rem 3rem 3rem}\n .hero-right{height:100vw}\n .stats-strip{grid-template-columns:repeat(2,1fr);padding:2.5rem 3rem}\n .summary-cards{grid-template-columns:1fr}\n .patho-grid{grid-template-columns:1fr}\n .fails-layout{grid-template-columns:1fr}\n .tech-grid{grid-template-columns:1fr 1fr}\n .structural{grid-template-columns:1fr;gap:3rem}\n .struct-img{order:0}\n .inflam-grid{grid-template-columns:1fr 1fr}\n .antioxidant-grid{grid-template-columns:1fr}\n .mapping-grid{grid-template-columns:1fr}\n .bioavail{grid-template-columns:1fr;gap:3rem}\n .target-grid{grid-template-columns:1fr 1fr}\n .stages-timeline{grid-template-columns:1fr 1fr}\n .stages-timeline::before{display:none}\n}\n@media(max-width:640px){\n section{padding:4rem 1.5rem}\n .hero-left{padding:5rem 1.5rem 2rem}\n .stats-strip{grid-template-columns:repeat(2,1fr);padding:2rem 1.5rem}\n .tech-grid{grid-template-columns:1fr}\n .inflam-grid{grid-template-columns:1fr}\n .cta-final{padding:5rem 1.5rem}\n}\n::-webkit-scrollbar{width:5px}\n::-webkit-scrollbar-track{background:var(--cream)}\n::-webkit-scrollbar-thumb{background:var(--burg-lt);border-radius:3px}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"hero-left\">\n <div class=\"badge\"><span><\/span> QuanticSphere™ NanoSphere Technology · Crassula<\/div>\n <h1 class=\"hero-title\">Q-Synovi<br><em>Multi-Pathway<br>Joint Support<\/em><\/h1>\n <p class=\"hero-subtitle\">Clinically engineered precision gut-friendly system for structural, anti-inflammatory, and antioxidant joint support. 16 synergistic actives — 85–90% uptake advantage.<\/p>\n <p class=\"hero-tagline\">“Rebuilding Support. Reviving Mobility.”<\/p>\n <div class=\"hero-cta\">\n <a href=\"#bioavail\" class=\"btn-primary\">Bioavailability Advantage<\/a>\n <a href=\"#formulation\" class=\"btn-outline\">View Formula<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/q-synovi-hero-1.jpg\" alt=\"Q-Synovi joint pain knee support\" loading=\"lazy\" title=\"\">\n <div class=\"hero-overlay\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"stats-strip reveal\">\n <div class=\"stat-item\"><div class=\"stat-num\" data-target=\"16\" data-suffix=\"\">0<\/div><div class=\"stat-label\">Synergistic Actives<br>Encapsulated<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\" data-target=\"85\" data-suffix=\"–90%\">0%<\/div><div class=\"stat-label\">Bioavailability Uptake<br>vs 10–20% Standard<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\">4<\/div><div class=\"stat-label\">Therapeutic<br>Pathways Addressed<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\">0<\/div><div class=\"stat-label\">GI Issues —<br>Gut-Friendly Formula<\/div><\/div>\n<\/div>\n\n<section class=\"summary\">\n <p class=\"section-label reveal\">Executive Summary<\/p>\n <h2 class=\"section-title reveal\">The Complete<br>Joint Health System<\/h2>\n <p class=\"section-body reveal\">Q-Synovi goes beyond symptomatic relief — a precision-engineered multi-pathway system addressing every biological dimension of joint deterioration simultaneously.<\/p>\n <div class=\"summary-cards\">\n <div class=\"summary-card reveal\"><div class=\"summary-card-num\">16<\/div><div class=\"summary-card-title\">Synergistic Actives<\/div><div class=\"summary-card-desc\">Encapsulated with QuanticSphere™ nano-sphere technology for optimal delivery and protection of every active ingredient.<\/div><\/div>\n <div class=\"summary-card reveal\"><div class=\"summary-card-num\">~85–90%<\/div><div class=\"summary-card-title\">Bioavailability Uptake<\/div><div class=\"summary-card-desc\">Designed to deliver exceptional bioavailability compared to standard supplement formulations (10–20%).<\/div><\/div>\n <div class=\"summary-card reveal\"><div class=\"summary-card-num\">4<\/div><div class=\"summary-card-title\">Multi-Pathway Support<\/div><div class=\"summary-card-desc\">Structural, anti-inflammatory, antioxidant mechanisms plus enhanced absorption for comprehensive joint health management.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"pathophysiology\">\n <div class=\"orb-dec orb-dec-1\"><\/div><div class=\"orb-dec orb-dec-2\"><\/div>\n <p class=\"section-label\">Osteoarthritis Pathophysiology<\/p>\n <h2 class=\"section-title\">The 3 Drivers of<br>Joint Degeneration<\/h2>\n <p class=\"section-body\" style=\"margin-bottom:0\">Osteoarthritis is a multi-factorial condition requiring simultaneous intervention across structural, inflammatory, and functional dimensions.<\/p>\n <div class=\"patho-grid reveal\">\n <div class=\"patho-card\">\n <div class=\"patho-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n <div class=\"patho-title\">Degenerative Cartilage Loss<\/div>\n <div class=\"patho-desc\">Progressive breakdown of articular cartilage leads to structural compromise and reduced joint function over time.<\/div>\n <\/div>\n <div class=\"patho-card\">\n <div class=\"patho-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\n <div class=\"patho-title\">Inflammation & Oxidative Stress<\/div>\n <div class=\"patho-desc\">Chronic inflammatory mediators and reactive oxygen species accelerate tissue damage and pain signaling pathways.<\/div>\n <\/div>\n <div class=\"patho-card\">\n <div class=\"patho-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M6 20v-2a6 6 0 0 1 12 0v2\"\/><\/svg><\/div>\n <div class=\"patho-title\">Reduced Mobility<\/div>\n <div class=\"patho-desc\">Joint stiffness, pain, and functional limitations significantly impact quality of life and daily activities.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"fails\">\n <p class=\"section-label reveal\">Why Current Supplements Fall Short<\/p>\n <h2 class=\"section-title reveal\">The Problem with<br>Standard Formulations<\/h2>\n <div class=\"fails-layout\">\n <div class=\"fail-cards\">\n <div class=\"fail-card reveal\"><span class=\"fail-x\">✕<\/span><div><div class=\"fail-title\">Low Absorption (<20%)<\/div><div class=\"fail-desc\">Poor bioavailability means most active ingredients never reach target tissues, wasting therapeutic potential.<\/div><\/div><\/div>\n <div class=\"fail-card reveal\"><span class=\"fail-x\">✕<\/span><div><div class=\"fail-title\">High Dose & GI Issues<\/div><div class=\"fail-desc\">Compensating with higher doses leads to gastrointestinal discomfort, poor tolerance, and reduced adherence.<\/div><\/div><\/div>\n <div class=\"fail-card reveal\"><span class=\"fail-x\">✕<\/span><div><div class=\"fail-title\">One-Dimensional Mechanisms<\/div><div class=\"fail-desc\">Single-pathway approaches fail to address the complex, multi-factorial nature of osteoarthritis pathology.<\/div><\/div><\/div>\n <\/div>\n <div>\n <div class=\"challenges-box reveal\">\n <div class=\"challenges-title\">Current Clinical Challenges<\/div>\n <div class=\"challenge-list\">\n <div class=\"challenge-item\">Symptomatic relief only — no cartilage regeneration<\/div>\n <div class=\"challenge-item\">NSAIDs long-term → gastric, renal, cardiovascular risks<\/div>\n <div class=\"challenge-item\">Steroids → joint damage, systemic side effects<\/div>\n <div class=\"challenge-item\">High cost and poor patient compliance<\/div>\n <div class=\"challenge-item\">Invasive surgical interventions as last resort<\/div>\n <\/div>\n <\/div>\n <div class=\"fails-callout reveal\">This prepares the terrain for Q-Synovi — a comprehensive solution engineered to overcome these fundamental limitations.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"tech\">\n <p class=\"section-label reveal\">QuanticSphere™ Nano-Sphere Technology<\/p>\n <h2 class=\"section-title reveal\">The Technology Behind<br>85–90% Uptake<\/h2>\n <p class=\"section-body reveal\">The technology that makes possible the ~85–90% uptake advantage — a precision delivery system engineered for maximum therapeutic impact.<\/p>\n <div class=\"tech-grid\">\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div class=\"tech-title\">Improves Epithelial Transport<\/div><div class=\"tech-desc\">Nano-sphere architecture facilitates efficient crossing of intestinal barriers, maximizing active ingredient delivery to systemic circulation.<\/div><\/div>\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div><div class=\"tech-title\">Protects Actives from Degradation<\/div><div class=\"tech-desc\">Encapsulation shields sensitive compounds from harsh gastric pH and enzymatic breakdown, preserving therapeutic integrity.<\/div><\/div>\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><div class=\"tech-title\">Enhanced Solubility + Controlled Release<\/div><div class=\"tech-desc\">Improves water solubility of lipophilic compounds while enabling sustained, controlled release kinetics throughout the day.<\/div><\/div>\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><div class=\"tech-title\">Gut-Friendly Delivery<\/div><div class=\"tech-desc\">Gentle on the gastrointestinal system, reducing irritation and improving patient tolerance and long-term compliance.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"structural\" id=\"formulation\">\n <div>\n <p class=\"section-label reveal\">Structural Support Cluster<\/p>\n <h2 class=\"section-title reveal\">Cartilage Matrix Maintenance<br>& Tissue Regeneration<\/h2>\n <p class=\"section-body reveal\">Integral structural support for cartilage matrix maintenance and joint tissue regeneration through three complementary bioactives.<\/p>\n <div class=\"struct-cards\">\n <div class=\"struct-card reveal\"><div class=\"struct-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div><div><div class=\"struct-title\">Glucosamine + Chondroitin<\/div><div class=\"struct-desc\">Maintain cartilage matrix by providing essential building blocks for proteoglycan synthesis and structural integrity.<\/div><\/div><\/div>\n <div class=\"struct-card reveal\"><div class=\"struct-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><div><div class=\"struct-title\">Collagen Peptides<\/div><div class=\"struct-desc\">Aid regeneration by stimulating chondrocyte activity and supporting extracellular matrix repair processes.<\/div><\/div><\/div>\n <div class=\"struct-card reveal\"><div class=\"struct-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/><\/svg><\/div><div><div class=\"struct-title\">Hyaluronic Acid<\/div><div class=\"struct-desc\">Lubricates joints by maintaining synovial fluid viscosity and promoting smooth, pain-free articulation.<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"struct-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/q-synovi-cluster.jpg\" alt=\"Structural joint support cartilage collagen\" loading=\"lazy\" title=\"\">\n <div class=\"struct-img-overlay\"><\/div>\n <\/div>\n<\/section>\n\n<section class=\"antiinflam\">\n <div class=\"orb-dec orb-dec-1\"><\/div><div class=\"orb-dec orb-dec-2\"><\/div>\n <p class=\"section-label\">Anti-Inflammatory Action<\/p>\n <h2 class=\"section-title\">6 Botanical Anti-Inflammatory<br>Agents in Synergy<\/h2>\n <p class=\"section-body\" style=\"margin-bottom:0\">Q-Synovi modulates multiple inflammatory pathways simultaneously — delivering comprehensive pain and mobility support through a multi-target botanical approach.<\/p>\n <div class=\"inflam-grid reveal\">\n <div class=\"inflam-card\"><div class=\"inflam-name\">Boswellia (AKBA)<\/div><div class=\"inflam-mechanism\">5-LOX Modulation<\/div><div class=\"inflam-desc\">Reduces leukotriene synthesis, targeting key inflammatory pathways in joint tissues.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Curcumin<\/div><div class=\"inflam-mechanism\">NF-κB & COX-2 Balance<\/div><div class=\"inflam-desc\">Multi-target anti-inflammatory mechanisms at the cellular transcription level.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">PEA<\/div><div class=\"inflam-mechanism\">Endocannabinoid System<\/div><div class=\"inflam-desc\">Adjunct mobility & pain modulation through endocannabinoid system support and nociceptive pathway regulation.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Rosehip<\/div><div class=\"inflam-mechanism\">Galactolipid Content<\/div><div class=\"inflam-desc\">Adjunct mobility & pain modulation supporting inflammatory mediator balance naturally.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Arnebia<\/div><div class=\"inflam-mechanism\">Botanical Compounds<\/div><div class=\"inflam-desc\">Traditional botanical compounds with modern validated anti-inflammatory mechanisms.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Cissus<\/div><div class=\"inflam-mechanism\">Joint Mobility Support<\/div><div class=\"inflam-desc\">Adjunct mobility & pain modulation supporting joint comfort and functional movement capacity.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"antioxidant\">\n <p class=\"section-label reveal\">Antioxidant Defense & Uptake Boost<\/p>\n <h2 class=\"section-title reveal\">Cellular Protection<br>& Enhancement<\/h2>\n <p class=\"section-body reveal\">Comprehensive antioxidant defense mechanisms protect active ingredients while enhancing their bioavailability and therapeutic efficacy.<\/p>\n <div class=\"antioxidant-grid\">\n <div class=\"antioxidant-card reveal\"><div class=\"antioxidant-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22V12M12 12C12 12 7 9 7 5a5 5 0 0 1 10 0c0 4-5 7-5 7z\"\/><\/svg><\/div><div><div class=\"antioxidant-title\">Moringa & Harad Polyphenols<\/div><div class=\"antioxidant-desc\">Protect actives through powerful antioxidant capacity, neutralizing free radicals and preserving compound stability throughout delivery.<\/div><\/div><\/div>\n <div class=\"antioxidant-card reveal\"><div class=\"antioxidant-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><div><div class=\"antioxidant-title\">Omega-3 EPA\/DHA<\/div><div class=\"antioxidant-desc\">Cellular support via membrane integration, anti-inflammatory eicosanoid production, and neuroprotective effects on joint tissues.<\/div><\/div><\/div>\n <div class=\"antioxidant-card reveal\"><div class=\"antioxidant-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><div><div class=\"antioxidant-title\">Piperine<\/div><div class=\"antioxidant-desc\">Boosts curcumin absorption by inhibiting glucuronidation and enhancing intestinal permeability for dramatically improved bioavailability.<\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"mapping\">\n <p class=\"section-label reveal\">Mechanism → Ingredient Mapping<\/p>\n <h2 class=\"section-title reveal\">How Every Pathway<br>is Addressed<\/h2>\n <p class=\"section-body reveal\">A key connection demonstrating how each pathological mechanism is addressed by specific active ingredients in Q-Synovi.<\/p>\n <div class=\"mapping-grid\">\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Cartilage Wear<\/div><div class=\"mapping-ingredients\">Glucosamine + Chondroitin + Collagen + HA<\/div><div class=\"mapping-desc\">Provide structural matrix support and regenerative capacity for lasting cartilage maintenance.<\/div><\/div>\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Inflammatory Mediators<\/div><div class=\"mapping-ingredients\">Boswellia + Curcumin + Rosehip + Arnebia + Cissus<\/div><div class=\"mapping-desc\">Modulate multiple inflammatory pathways simultaneously for comprehensive relief.<\/div><\/div>\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Nociception & Stiffness<\/div><div class=\"mapping-ingredients\">PEA<\/div><div class=\"mapping-desc\">Targets pain perception and joint mobility through endocannabinoid system modulation.<\/div><\/div>\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Oxidative Stress<\/div><div class=\"mapping-ingredients\">Curcumin + Rosehip + Arnebia + Moringa + Harad<\/div><div class=\"mapping-desc\">Neutralize reactive oxygen species and protect joint tissues from oxidative damage.<\/div><\/div>\n <div class=\"mapping-card reveal\" style=\"grid-column:1\/-1\"><div class=\"mapping-mechanism\">Bioavailability Enhancement<\/div><div class=\"mapping-ingredients\">Piperine + QuanticSphere™ NanoSphere Technology<\/div><div class=\"mapping-desc\">Ensure maximum absorption and therapeutic delivery of all 16 actives — achieving the ~85–90% uptake advantage.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"bioavail\" id=\"bioavail\">\n <div class=\"bioavail-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/q-synovi-bioavailability.jpg\" alt=\"QuanticSphere nanoparticle bioavailability\" loading=\"lazy\" title=\"\">\n <div class=\"bioavail-img-overlay\"><\/div>\n <\/div>\n <div>\n <p class=\"section-label reveal\">Bioavailability Comparison<\/p>\n <h2 class=\"section-title reveal\">The QuanticSphere™<br>Advantage<\/h2>\n <p class=\"section-body reveal\">The dramatic improvement in bioavailability translates directly to enhanced therapeutic efficacy, reduced dosing requirements, and superior patient compliance.<\/p>\n <table class=\"bioavail-table reveal\">\n <thead><tr><th>Feature<\/th><th>Standard Supplements<\/th><th>Q-Synovi + QuanticSphere™<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Absorption<\/td><td>10–20%<\/td><td>85–90%<\/td><\/tr>\n <tr><td>Dose Requirement<\/td><td>High<\/td><td>Lower<\/td><\/tr>\n <tr><td>GI Tolerability<\/td><td>Variable<\/td><td>Gut-friendly<\/td><\/tr>\n <\/tbody>\n <\/table>\n <div class=\"chart-wrap reveal\">\n <div class=\"chart-label\">Absorption Rate Comparison<\/div>\n <canvas id=\"bioChart\" height=\"140\"><\/canvas>\n <\/div>\n <div class=\"bioavail-callout reveal\">Q-Synovi achieves up to <strong style=\"color:var(--burg-lt)\">4–8× higher absorption<\/strong> than standard joint supplements — ensuring every active reaches the target tissue.<\/div>\n <\/div>\n<\/section>\n\n<section class=\"target\">\n <p class=\"section-label reveal\">Target Use & Positioning<\/p>\n <h2 class=\"section-title reveal\">Who Benefits from<br>Q-Synovi<\/h2>\n <p class=\"section-body reveal\">Multi-pathway relief + structural support for comprehensive joint health management across four key patient populations.<\/p>\n <div class=\"target-grid\">\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M6 20v-2a6 6 0 0 1 12 0v2\"\/><\/svg><\/div><div class=\"target-title\">Mild–Moderate OA<\/div><div class=\"target-desc\">Comprehensive joint support and symptom management for early to moderate osteoarthritis.<\/div><\/div>\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><div class=\"target-title\">Aging Joints<\/div><div class=\"target-desc\">Maintain mobility, flexibility, and quality of life against age-related joint changes.<\/div><\/div>\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div class=\"target-title\">Active Adults & Athletes<\/div><div class=\"target-desc\">Joint protection, recovery support, and performance maintenance for physically active individuals.<\/div><\/div>\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><div class=\"target-title\">Postmenopausal Women<\/div><div class=\"target-desc\">Targeted support for hormonal changes that accelerate cartilage loss and joint vulnerability.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"stages\">\n <p class=\"section-label reveal\">What to Expect by OA Stage<\/p>\n <h2 class=\"section-title reveal\">Stage-by-Stage<br>Therapeutic Expectations<\/h2>\n <p class=\"section-body reveal\">Q-Synovi provides meaningful benefit across all stages of osteoarthritis, with greatest structural impact in early to moderate disease.<\/p>\n <div class=\"stages-timeline\">\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">I<\/div><div class=\"stage-title\">Stage I — Early<\/div><div class=\"stage-desc\">Optimal window for structure support + inflammation control. Maximum protective benefit.<\/div><\/div>\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">II<\/div><div class=\"stage-title\">Stage II — Mild<\/div><div class=\"stage-desc\">Strong window for structure support + inflammation control. Meaningful symptom and structural benefit.<\/div><\/div>\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">III<\/div><div class=\"stage-title\">Stage III — Moderate<\/div><div class=\"stage-desc\">Multi-pathway relief: 5-LOX + NF-κB modulation, HA lubrication, collagen\/UC-II tolerance induction.<\/div><\/div>\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">IV<\/div><div class=\"stage-title\">Stage IV — Severe<\/div><div class=\"stage-desc\">Symptom control remains helpful. Discuss comprehensive care with a clinician for advanced management.<\/div><\/div>\n <\/div>\n <p class=\"stage-disclaimer reveal\">Supplements complement, not replace, medical advice. Always consult a healthcare professional for your specific condition.<\/p>\n<\/section>\n\n<div class=\"cta-final\">\n <div class=\"orb-bg\"><\/div>\n <h2>Rebuilding Support.<br><em>Reviving Mobility.<\/em><\/h2>\n <p class=\"cta-tagline\">Q-Synovi represents a paradigm shift in joint health supplementation — moving beyond single-ingredient approaches to deliver a clinically engineered, multi-pathway solution powered by QuanticSphere™ NanoSphere Technology.<\/p>\n <a href=\"mailto:info@crassulapharma.com\" class=\"btn-white\">Contact the Medical Team<\/a>\n<\/div>\n\n<button class=\"dl-fab\" onclick=\"openModal()\">\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n <span>Download PDF<\/span>\n<\/button>\n\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"handleOverlayClick(event)\">\n <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n <button class=\"modal-close\" onclick=\"closeModal()\">✕<\/button>\n <div class=\"modal-form\" id=\"modalForm\">\n <div class=\"modal-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/div>\n <h3 id=\"modalTitle\">Download the<br>Product Dossier<\/h3>\n <p>Enter your email to access the full <strong>Q-Synovi <\/strong> dossier — free of charge.<\/p>\n <input class=\"modal-input\" type=\"email\" id=\"emailInput\" placeholder=\"your@email.com\" autocomplete=\"email\" onkeydown=\"if(event.key==='Enter') submitEmail()\">\n <div class=\"modal-error\" id=\"emailError\">Please enter a valid email address.<\/div>\n <div class=\"modal-consent-wrap\">\n <label class=\"modal-consent-label\" for=\"consentCheck\">\n <input type=\"checkbox\" id=\"consentCheck\" class=\"modal-consent-input\">\n <span class=\"modal-consent-box\"><\/span>\n <span class=\"modal-consent-text\">I have read and accept the <a href=\"\/privacy-policy\" target=\"_blank\" class=\"consent-link\">Data Protection & Privacy Policy<\/a>. I consent to Crassula storing my email to send the requested document and relevant clinical updates.<\/span>\n <\/label>\n <div class=\"modal-error\" id=\"consentError\">You must accept the Data Protection Policy to continue.<\/div>\n <\/div>\n <button class=\"modal-btn\" onclick=\"submitEmail()\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>Get the PDF<\/button>\n <p class=\"modal-disclaimer\">🔒 Your data is protected under GDPR. We will never share your information with third parties.<\/p>\n <\/div>\n <div class=\"modal-success\" id=\"modalSuccess\">\n <div class=\"success-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <h3>You're all set!<\/h3>\n <p>Thank you. Your download is ready. Click below to get the <strong>Q-Synovi<\/strong> dossier.<\/p>\n <button class=\"btn-dl\" onclick=\"triggerDownload()\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>Download Now<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\nconst revealObs=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');revealObs.unobserve(e.target)}})},{threshold:.08});\ndocument.querySelectorAll('.reveal').forEach(e=>revealObs.observe(e));\nconst SELS=['.summary-card','.patho-card','.fail-card','.tech-card','.struct-card','.inflam-card','.antioxidant-card','.mapping-card','.target-card','.stage-card','.challenge-item','.bioavail-table tbody tr'];\nSELS.forEach(s=>{const m=new Map();document.querySelectorAll(s).forEach(c=>{const p=c.parentElement;if(!m.has(p))m.set(p,[]);m.get(p).push(c)});m.forEach(g=>{g.forEach((c,i)=>{c.style.opacity='0';c.style.transform='translateY(22px)';new IntersectionObserver(([e])=>{if(e.isIntersecting){c.style.transition=`opacity .55s ${i*.09}s,transform .55s ${i*.09}s`;c.style.opacity='1';c.style.transform='none';}}\n,{threshold:.08}).observe(c)})})});\ndocument.querySelectorAll('.fails-callout,.bioavail-callout').forEach(el=>{el.style.opacity='0';el.style.transform='translateY(14px)';new IntersectionObserver(([e])=>{if(e.isIntersecting){el.style.transition='opacity .6s .1s,transform .6s .1s';el.style.opacity='1';el.style.transform='none'}}\n,{threshold:.2}).observe(el)});\nfunction animateCounters(){document.querySelectorAll('[data-target]').forEach(el=>{const t=parseFloat(el.dataset.target),s=el.dataset.suffix||'';let c=0;const step=t\/60,ti=setInterval(()=>{c+=step;if(c>=t){c=t;clearInterval(ti)}el.textContent=Math.round(c)+s},20)})}\nnew IntersectionObserver(([e])=>{if(e.isIntersecting)animateCounters()},{threshold:.5}).observe(document.querySelector('.stats-strip'));\nlet chartBuilt=false;\nnew IntersectionObserver(([e])=>{if(e.isIntersecting&&!chartBuilt){chartBuilt=true;new Chart(document.getElementById('bioChart').getContext('2d'),{type:'bar',data:{labels:['Standard Supplements','Q-Synovi\u2122 + QuanticSphere\u2122'],datasets:[{label:'Absorption Rate (%)',data:[15,87.5],backgroundColor:['rgba(150,150,150,.45)','rgba(123,29,29,.7)'],borderColor:['#999','#7B1D1D'],borderWidth:1.5,borderRadius:8}]},options:{responsive:true,animation:{duration:1200,easing:'easeInOutQuart'},indexAxis:'y',plugins:{legend:{display:false},tooltip:{backgroundColor:'#1A0808',titleColor:'#C04040',bodyColor:'rgba(255,255,255,.85)',padding:12,cornerRadius:8,titleFont:{family:'Roboto',weight:'700'},bodyFont:{family:'Roboto',weight:'300'},callbacks:{label:c=>` Absorption: ${c.raw}%`}}},sections:{x:{min:0,max:100,ticks:{callback:v=>v+'%',font:{family:'Roboto',size:11},color:'#7A5550'}},y:{grid:{display:false},ticks:{font:{family:'Roboto',size:11},color:'#7A5550'}}},scales:{x:{min:0,max:100,grid:{color:'rgba(0,0,0,.04)'},ticks:{font:{family:'Roboto',size:11},color:'#7A5550',callback:v=>v+'%'}},y:{grid:{display:false},ticks:{font:{family:'Roboto',size:11},color:'#7A5550'}}}}})}},{threshold:.3}).observe(document.getElementById('bioChart'));\nconst PDF_URL='https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/Q-Synovi-wp.pdf';\nfunction openModal(){document.getElementById('modalOverlay').classList.add('open');document.body.style.overflow='hidden';setTimeout(()=>document.getElementById('emailInput').focus(),300)}\nfunction closeModal(){document.getElementById('modalOverlay').classList.remove('open');document.body.style.overflow=''}\nfunction handleOverlayClick(e){if(e.target===document.getElementById('modalOverlay'))closeModal()}\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape')closeModal()});\nfunction isValidEmail(e){return\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e.trim())}\nfunction submitEmail(){const i=document.getElementById('emailInput'),ee=document.getElementById('emailError'),c=document.getElementById('consentCheck'),ce=document.getElementById('consentError'),b=document.querySelector('.modal-btn'),em=i.value.trim();let v=true;if(!isValidEmail(em)){i.classList.add('error');ee.classList.add('show');i.focus();v=false}else{i.classList.remove('error');ee.classList.remove('show')}if(!c.checked){ce.classList.add('show');v=false}else ce.classList.remove('show');if(!v)return;b.disabled=true;b.style.opacity='.7';b.innerHTML='<svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;stroke:rgba(255,200,200,.9);fill:none;animation:spin .8s linear infinite\"><path d=\"M12 2a10 10 0 1 0 10 10\" stroke-width=\"2\"\/><\/svg> Saving...';const aj=(typeof crassulaAjax!=='undefined')?crassulaAjax.url:'\/wp-admin\/admin-ajax.php',n=(typeof crassulaAjax!=='undefined')?crassulaAjax.nonce:'';let pu='',pt='';try{pu=window.top.location.href}catch(e){pu=window.location.href}try{pt=window.top.document.title}catch(e){pt=document.title}if(!pt){const og=document.querySelector('meta[property=\"og:title\"]');pt=og?og.getAttribute('content'):document.title}const fd=new URLSearchParams();fd.append('action','crassula_save_pdf_lead');fd.append('email',em);fd.append('consent','1');fd.append('nonce',n);fd.append('page_url',pu);fd.append('page_title',pt);fetch(aj,{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded'},body:fd.toString()}).then(r=>r.json()).then(()=>{document.getElementById('modalForm').classList.add('hide');document.getElementById('modalSuccess').classList.add('show')}).catch(()=>{document.getElementById('modalForm').classList.add('hide');document.getElementById('modalSuccess').classList.add('show')})}\nfunction triggerDownload(){const l=document.createElement('a');l.href=PDF_URL;l.download='Q-Synovi.pdf';document.body.appendChild(l);l.click();document.body.removeChild(l);setTimeout(closeModal,800)}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Q-Synovi Multi-Pathway Joint Support | Crassula & QuanticSphere™ QuanticSphere™ NanoSphere Technology · Crassula Q-SynoviMulti-PathwayJoint Support Clinically engineered precision gut-friendly system for structural, anti-inflammatory, and antioxidant joint support. 16 synergistic actives — 85–90% uptake advantage. “Rebuilding Support. Reviving Mobility.” Bioavailability Advantage View Formula 0Synergistic ActivesEncapsulated 0%Bioavailability Uptakevs 10–20% Standard 4TherapeuticPathways Addressed 0GI Issues —Gut-Friendly Formula Executive […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-10471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/10471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/comments?post=10471"}],"version-history":[{"count":29,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/10471\/revisions"}],"predecessor-version":[{"id":10771,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/10471\/revisions\/10771"}],"wp:attachment":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/media?parent=10471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nQ-Synovi Multi-Pathway Joint Support | Crassula & QuanticSphere™<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --burg:#7B1D1D;--burg-mid:#9B2A2A;--burg-lt:#C04040;\n --burg-pale:#FAF0F0;--burg-dark:#F0D8D8;\n --dark:#1A0808;--dark-mid:#3B1414;\n --cream:#FDFAF8;--cream-dark:#F4EDEA;--cream-mid:#E8DDD8;\n --text:#1A0808;--text-light:#7A5550;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Roboto',sans-serif;font-weight:400;background:var(--cream);color:var(--text);overflow-x:hidden}\nbutton:focus,button:hover{outline-color:var(--burg-lt)}\nbutton:focus-visible{outline:2px solid var(--burg-lt);outline-offset:3px}\n\n\/* HERO *\/\n.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}\n.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(123,29,29,.07) 0%,transparent 70%)}\n.hero-left{display:flex;flex-direction:column;justify-content:center;padding:8rem 5rem 6rem 0rem;position:relative;z-index:2}\n.badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--dark);color:#fff;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.45rem 1.1rem;border-radius:2rem;width:fit-content;margin-bottom:2.2rem;opacity:0;animation:fadeUp .7s .2s forwards}\n.badge span{width:6px;height:6px;border-radius:50%;background:var(--burg-lt);display:block}\n.hero-title{font-size:clamp(3rem,5vw,5.2rem);font-weight:900;line-height:1;color:var(--dark);margin-bottom:.6rem;letter-spacing:-.02em;opacity:0;animation:fadeUp .8s .35s forwards}\n.hero-title em{font-style:italic;font-weight:300;color:var(--burg);display:block}\n.hero-subtitle{font-size:1rem;font-weight:300;line-height:1.75;color:var(--text-light);max-width:430px;margin-bottom:1.8rem;opacity:0;animation:fadeUp .8s .5s forwards}\n.hero-tagline{font-size:1.1rem;font-weight:300;font-style:italic;color:var(--dark);border-left:2px solid var(--burg-lt);padding-left:1rem;margin-bottom:2.8rem;opacity:0;animation:fadeUp .8s .6s forwards}\n.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .65s forwards}\n.btn-primary{background:var(--burg);color:#fff;padding:.85rem 2.2rem;border-radius:3rem;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.06em;transition:background .25s,transform .2s;border:none;cursor:pointer}\n.btn-primary:hover,.btn-primary:focus{color:#fff; background:var(--burg-mid);transform:translateY(-2px);outline:none}\n.btn-outline{border:1.5px solid var(--burg);color:var(--burg);padding:.85rem 2.2rem;border-radius:3rem;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.06em;transition:background .25s,color .25s,transform .2s}\n.btn-outline:hover,.btn-outline:focus{background:var(--burg);color:#fff;transform:translateY(-2px);outline:none}\n.hero-right{position:relative;overflow:hidden}\n.hero-img-wrap{position:absolute;inset:0;opacity:0;animation:fadeIn 1.2s .3s forwards}\n.hero-img-wrap img{width:100%;height:100%;object-fit:cover}\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--cream) 0%,transparent 30%);z-index:1}\n.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}\n.orb-1{width:300px;height:300px;background:rgba(123,29,29,.1);top:10%;right:15%;animation:orb 8s ease-in-out infinite alternate}\n.orb-2{width:200px;height:200px;background:rgba(192,64,64,.08);bottom:15%;right:5%;animation:orb 6s 2s ease-in-out infinite alternate}\n@keyframes orb{from{transform:translate(0,0) scale(1)}to{transform:translate(20px,30px) scale(1.1)}}\n\n\/* STATS *\/\n.stats-strip{background:var(--dark);padding:2.8rem 6rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}\n.stat-item{text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,.12);padding:0 1rem}\n.stat-item:last-child{border-right:none}\n.stat-num{font-size:3rem;font-weight:900;color:var(--burg-lt);line-height:1;margin-bottom:.4rem;letter-spacing:-.02em}\n.stat-label{font-size:.78rem;font-weight:300;letter-spacing:.08em;opacity:.8;line-height:1.5}\n\n\/* SECTIONS *\/\nsection{padding:7rem 6rem}\n.section-label{font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--burg);margin-bottom:1.2rem}\n.section-title{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;color:var(--dark);line-height:1.1;margin-bottom:1.6rem;letter-spacing:-.02em}\n.section-body{font-size:.95rem;font-weight:300;line-height:1.85;color:var(--text-light);max-width:600px}\n\n\/* SUMMARY *\/\n.summary{background:#fff}\n.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}\n.summary-card{background:var(--cream-dark);border-radius:1.4rem;padding:2.4rem;border-top:4px solid var(--burg);text-align:center;transition:transform .3s,box-shadow .3s}\n.summary-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(123,29,29,.1)}\n.summary-card-num{font-size:2.8rem;font-weight:900;color:var(--burg);line-height:1;margin-bottom:.5rem}\n.summary-card-title{font-size:.9rem;font-weight:700;color:var(--dark);margin-bottom:.6rem}\n.summary-card-desc{font-size:.82rem;font-weight:300;color:var(--text-light);line-height:1.65}\n\n\/* OA PATHOPHYSIOLOGY *\/\n.pathophysiology{background:var(--dark);color:#fff;position:relative;overflow:hidden}\n.pathophysiology .orb-dec{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}\n.pathophysiology .orb-dec-1{width:400px;height:400px;background:rgba(192,64,64,.1);top:-100px;right:-100px}\n.pathophysiology .orb-dec-2{width:250px;height:250px;background:rgba(123,29,29,.15);bottom:-60px;left:20%}\n.pathophysiology .section-title{color:#fff}\n.pathophysiology .section-label{color:var(--burg-lt)}\n.pathophysiology .section-body{color:rgba(255,255,255,.75)}\n.patho-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}\n.patho-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;padding:2rem;border-top:3px solid var(--burg-lt);transition:background .3s,transform .3s}\n.patho-card:hover{background:rgba(255,255,255,.12);transform:translateY(-5px)}\n.patho-icon{width:36px;height:36px;color:var(--burg-lt);margin-bottom:1rem}\n.patho-icon svg{width:100%;height:100%}\n.patho-title{font-size:.9rem;font-weight:700;color:var(--burg-lt);margin-bottom:.5rem}\n.patho-desc{font-size:.82rem;font-weight:300;color:rgba(255,255,255,.65);line-height:1.6}\n\n\/* FAILS *\/\n.fails{background:var(--cream-dark)}\n.fails-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2.5rem}\n.fail-cards{display:flex;flex-direction:column;gap:.9rem}\n.fail-card{display:flex;align-items:flex-start;gap:1rem;padding:1.3rem 1.6rem;background:#fff;border-radius:.9rem;border-left:3px solid #e05252;transition:transform .2s}\n.fail-card:hover{transform:translateX(5px)}\n.fail-x{color:#e05252;font-weight:900;font-size:1.1rem;min-width:18px;margin-top:.05rem}\n.fail-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.2rem}\n.fail-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.55}\n.challenges-box{background:#fff;border-radius:1.2rem;padding:2rem;border-left:3px solid var(--burg)}\n.challenges-title{font-size:.8rem;font-weight:700;color:var(--burg);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem}\n.challenge-list{display:flex;flex-direction:column;gap:.5rem}\n.challenge-item{font-size:.82rem;font-weight:300;color:var(--text-light);line-height:1.55;padding-left:1.2rem;position:relative}\n.challenge-item::before{content:'--';position:absolute;left:0;color:var(--burg)}\n.fails-callout{margin-top:1.5rem;padding:1.2rem 1.6rem;background:var(--burg);border-radius:.8rem;color:rgba(255,255,255,.9);font-size:.88rem;font-weight:300;line-height:1.7;border-left:3px solid rgba(255,200,200,.5);font-style:italic}\n\n\/* TECH *\/\n.tech{background:#fff}\n.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}\n.tech-card{background:var(--cream-dark);border-radius:1.2rem;padding:1.8rem;border-top:3px solid var(--burg);transition:transform .3s,box-shadow .3s}\n.tech-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(123,29,29,.1)}\n.tech-icon{width:28px;height:28px;color:var(--burg);margin-bottom:.8rem}\n.tech-icon svg{width:100%;height:100%}\n.tech-title{font-size:.85rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}\n.tech-desc{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.6}\n\n\/* STRUCTURAL *\/\n.structural{background:var(--cream-dark);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\n.struct-img{border-radius:1.4rem;overflow:hidden;height:460px;position:relative;order:2}\n.struct-img img{width:100%;height:100%;object-fit:cover}\n.struct-img-overlay{position:absolute;inset:0;background:linear-gradient(to left,var(--cream-dark) 0%,transparent 30%);z-index:1}\n.struct-cards{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}\n.struct-card{display:flex;align-items:flex-start;gap:1rem;padding:1.3rem 1.6rem;background:#fff;border-radius:.9rem;border-left:3px solid var(--burg);transition:transform .2s,background .2s}\n.struct-card:hover{transform:translateX(5px);background:var(--burg-pale)}\n.struct-icon{width:28px;height:28px;min-width:28px;color:var(--burg);margin-top:.1rem}\n.struct-icon svg{width:100%;height:100%}\n.struct-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.25rem}\n.struct-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.6}\n\n\/* ANTI-INFLAMMATORY *\/\n.antiinflam{background:var(--burg);color:#fff;position:relative;overflow:hidden}\n.antiinflam .orb-dec{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}\n.antiinflam .orb-dec-1{width:400px;height:400px;background:rgba(255,255,255,.05);top:-100px;right:-100px}\n.antiinflam .orb-dec-2{width:250px;height:250px;background:rgba(0,0,0,.1);bottom:-60px;left:20%}\n.antiinflam .section-title{color:#fff}\n.antiinflam .section-label{color:rgba(255,255,255,.6)}\n.antiinflam .section-body{color:rgba(255,255,255,.75)}\n.inflam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}\n.inflam-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:1.1rem;padding:1.6rem;border-top:3px solid rgba(255,255,255,.4);transition:background .3s,transform .3s}\n.inflam-card:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}\n.inflam-name{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:.4rem}\n.inflam-mechanism{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}\n.inflam-desc{font-size:.78rem;font-weight:300;color:rgba(255,255,255,.7);line-height:1.6}\n\n\/* ANTIOXIDANT *\/\n.antioxidant{background:#fff}\n.antioxidant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}\n.antioxidant-card{background:var(--cream-dark);border-radius:1.2rem;padding:2rem;border-left:3px solid var(--burg);display:flex;align-items:flex-start;gap:1rem;transition:transform .3s}\n.antioxidant-card:hover{transform:translateY(-4px)}\n.antioxidant-icon{width:28px;height:28px;min-width:28px;color:var(--burg);margin-top:.1rem}\n.antioxidant-icon svg{width:100%;height:100%}\n.antioxidant-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.3rem}\n.antioxidant-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.6}\n\n\/* MAPPING *\/\n.mapping{background:var(--cream-dark)}\n.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.5rem}\n.mapping-card{background:#fff;border-radius:1.1rem;padding:1.6rem;border-left:3px solid var(--burg);transition:transform .2s}\n.mapping-card:hover{transform:translateX(5px)}\n.mapping-mechanism{font-size:.72rem;font-weight:700;color:var(--burg);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}\n.mapping-ingredients{font-size:.85rem;font-weight:500;color:var(--dark);margin-bottom:.4rem}\n.mapping-desc{font-size:.8rem;font-weight:300;color:var(--text-light);line-height:1.55}\n\n\/* BIOAVAILABILITY *\/\n.bioavail{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\n.bioavail-img{border-radius:1.4rem;overflow:hidden;height:460px;position:relative}\n.bioavail-img img{width:100%;height:100%;object-fit:cover}\n.bioavail-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,#fff 0%,transparent 30%);z-index:1}\n.bioavail-table{width:100%;border-collapse:collapse;margin-top:1.5rem}\n.bioavail-table th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1rem;border-bottom:2px solid var(--burg)}\n.bioavail-table th:nth-child(2){color:var(--text-light)}\n.bioavail-table th:nth-child(3){color:var(--burg)}\n.bioavail-table td{padding:.9rem 1rem;font-size:.88rem;font-weight:300;color:var(--text);border-bottom:1px solid rgba(0,0,0,.05);line-height:1.5}\n.bioavail-table tr:last-child td{border-bottom:none}\n.bioavail-table td:first-child{font-weight:700;color:var(--dark)}\n.bioavail-table td:nth-child(2){color:#999}\n.bioavail-table td:nth-child(3){color:var(--burg);font-weight:700}\n.bioavail-table tr:nth-child(even){background:var(--burg-pale)}\n.bioavail-callout{margin-top:1.5rem;padding:1.2rem 1.6rem;background:var(--dark);border-radius:.8rem;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:300;line-height:1.7;border-left:3px solid var(--burg-lt)}\n.chart-wrap{background:var(--cream-dark);border-radius:1.2rem;padding:1.5rem;margin-top:1.5rem}\n.chart-label{font-size:.72rem;font-weight:700;color:var(--burg);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}\n\n\/* TARGET *\/\n.target{background:var(--cream-dark)}\n.target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}\n.target-card{background:#fff;border-radius:1.2rem;padding:1.8rem;border-top:3px solid var(--burg);text-align:center;transition:transform .3s,box-shadow .3s}\n.target-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(123,29,29,.1)}\n.target-icon{width:36px;height:36px;color:var(--burg);margin:0 auto .9rem}\n.target-icon svg{width:100%;height:100%}\n.target-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}\n.target-desc{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.55}\n\n\/* STAGES *\/\n.stages{background:#fff}\n.stages-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem;position:relative}\n.stages-timeline::before{content:'';position:absolute;top:23px;left:28px;right:28px;height:2px;background:linear-gradient(to right,var(--burg),var(--burg-lt));z-index:0}\n.stage-card{background:var(--cream-dark);border-radius:1.2rem;padding:1.6rem;text-align:center;position:relative;z-index:1;transition:transform .3s,box-shadow .3s}\n.stage-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(123,29,29,.1)}\n.stage-dot{width:46px;height:46px;border-radius:50%;background:var(--burg);color:#fff;font-size:1.1rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:3px solid var(--cream-dark);box-shadow:0 0 0 3px var(--burg)}\n.stage-title{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}\n.stage-desc{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.55}\n.stage-disclaimer{margin-top:2.5rem;padding:1rem 1.6rem;background:var(--cream-dark);border-radius:.8rem;font-size:.82rem;font-weight:300;color:var(--text-light);text-align:center;font-style:italic}\n\n\/* CTA *\/\n.cta-final{background:var(--burg);padding:7rem 6rem;text-align:center;position:relative;overflow:hidden}\n.cta-final .orb-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(0,0,0,.15) 0%,transparent 70%)}\n.cta-final h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:1rem;position:relative;z-index:1}\n.cta-final h2 em{font-style:italic;font-weight:300;color:rgba(255,200,200,.9)}\n.cta-tagline{font-size:.95rem;font-weight:300;color:rgba(255,255,255,.8);margin:0 auto 3rem;max-width:680px;line-height:1.8;position:relative;z-index:1}\n.btn-white{background:#fff;color:var(--burg);padding:1rem 2.8rem;border-radius:3rem;text-decoration:none;font-size:.88rem;font-weight:700;letter-spacing:.06em;transition:opacity .2s,transform .2s;position:relative;z-index:1;display:inline-block;border:none;cursor:pointer}\n.btn-white:hover,.btn-white:focus{opacity:.9;transform:translateY(-3px);outline:none}\n.cta-contact{margin-top:2.5rem;font-size:.8rem;font-weight:300;color:rgba(255,255,255,.6);position:relative;z-index:1}\n.cta-contact a{color:rgba(255,255,255,.8);text-decoration:none}\n.cta-contact a:hover{color:rgba(255,200,200,.9)}\n\n\/* FAB *\/\n.dl-fab{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;gap:.6rem;background:var(--dark);color:#fff;border:none;padding:.85rem 1.6rem;border-radius:3rem;font-family:'Roboto',sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 30px rgba(26,8,8,.4);transition:transform .25s,box-shadow .25s,background .2s;animation:fadeUp .8s 1.2s both}\n.dl-fab:hover,.dl-fab:focus{transform:translateY(-3px);box-shadow:0 14px 40px rgba(26,8,8,.5);background:var(--burg);outline:none}\n.dl-fab svg{width:16px;height:16px;stroke:rgba(255,200,200,.9);fill:none;flex-shrink:0}\n\n\/* MODAL *\/\n.modal-overlay{display:none;position:fixed;inset:0;background:rgba(10,2,2,.7);backdrop-filter:blur(6px);z-index:1000;align-items:center;justify-content:center;padding:1.5rem}\n.modal-overlay.open{display:flex;animation:fadeIn .3s}\n.modal{background:var(--cream);border-radius:1.8rem;padding:3rem;max-width:460px;width:100%;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.25);animation:slideUp .35s cubic-bezier(.22,.61,.36,1)}\n@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}\n.modal-close{position:absolute;top:1.2rem;right:1.4rem;background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--text-light);line-height:1;transition:color .2s}\n.modal-close:hover,.modal-close:focus{color:var(--burg);outline:none}\n.modal-icon{width:52px;height:52px;background:var(--dark);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}\n.modal-icon svg{width:24px;height:24px;stroke:var(--burg-lt);fill:none}\n.modal h3{font-size:1.7rem;font-weight:700;color:var(--dark);margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.15}\n.modal p{font-size:.85rem;font-weight:300;color:var(--text-light);line-height:1.7;margin-bottom:1.6rem}\n.modal-input{width:100%;padding:1rem 1.3rem;border:1.5px solid var(--cream-mid);border-radius:.9rem;font-family:'Roboto',sans-serif;font-size:.9rem;background:#fff;color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none;margin-bottom:.5rem}\n.modal-input:focus{border-color:var(--burg-lt);box-shadow:0 0 0 3px rgba(192,64,64,.12)}\n.modal-input.error{border-color:#e05252}\n.modal-error{font-size:.75rem;color:#e05252;margin-bottom:.5rem;display:none}\n.modal-error.show{display:block}\n.modal-consent-wrap{margin-bottom:1.2rem}\n.modal-consent-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}\n.modal-consent-input{position:absolute;opacity:0;width:0;height:0}\n.modal-consent-box{width:20px;height:20px;min-width:20px;border:1.5px solid var(--cream-mid);border-radius:.35rem;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:.1rem;transition:border-color .2s,background .2s}\n.modal-consent-box::after{content:'';width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) scaleY(0);transform-origin:bottom;transition:transform .15s;margin-top:-2px}\n.modal-consent-input:checked ~ .modal-consent-box{background:var(--burg);border-color:var(--burg)}\n.modal-consent-input:checked ~ .modal-consent-box::after{transform:rotate(45deg) scaleY(1)}\n.modal-consent-text{font-size:.78rem;font-weight:300;color:var(--text-light);line-height:1.6}\n.consent-link{color:var(--burg);text-decoration:underline;text-underline-offset:2px}\n.modal-consent-wrap .modal-error{margin-top:.4rem;margin-left:1.8rem}\n.modal-btn{width:100%;padding:1rem;background:var(--burg);color:#fff;border:none;border-radius:.9rem;font-family:'Roboto',sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.5rem}\n.modal-btn:hover,.modal-btn:focus{background:var(--burg-mid);transform:translateY(-1px);outline:none}\n.modal-btn svg{width:16px;height:16px;stroke:rgba(255,200,200,.9);fill:none}\n.modal-disclaimer{font-size:.72rem;font-weight:300;color:var(--text-light);text-align:center;margin-top:1rem;opacity:.75;line-height:1.6}\n.modal-success{display:none;text-align:center}\n.modal-success.show{display:block;animation:fadeIn .4s}\n.modal-form.hide{display:none}\n.success-check{width:64px;height:64px;background:var(--burg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}\n.success-check svg{width:28px;height:28px;fill:none;stroke:rgba(255,200,200,.9);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\n.modal-success h3{font-size:1.8rem;font-weight:700;color:var(--dark);margin-bottom:.6rem;letter-spacing:-.02em}\n.modal-success p{font-size:.85rem;font-weight:300;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}\n.btn-dl{display:inline-flex;align-items:center;gap:.5rem;background:var(--burg);color:#fff;padding:.9rem 2rem;border-radius:3rem;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-decoration:none;transition:opacity .2s,transform .2s;border:none;cursor:pointer;font-family:'Roboto',sans-serif}\n.btn-dl:hover,.btn-dl:focus{opacity:.88;transform:translateY(-2px);outline:none}\n.btn-dl svg{width:15px;height:15px;stroke:rgba(255,200,200,.9);fill:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}\n.reveal.visible{opacity:1;transform:none}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n section{padding:5rem 3rem}\n .hero{grid-template-columns:1fr;min-height:auto}\n .hero-left{padding:6rem 3rem 3rem}\n .hero-right{height:100vw}\n .stats-strip{grid-template-columns:repeat(2,1fr);padding:2.5rem 3rem}\n .summary-cards{grid-template-columns:1fr}\n .patho-grid{grid-template-columns:1fr}\n .fails-layout{grid-template-columns:1fr}\n .tech-grid{grid-template-columns:1fr 1fr}\n .structural{grid-template-columns:1fr;gap:3rem}\n .struct-img{order:0}\n .inflam-grid{grid-template-columns:1fr 1fr}\n .antioxidant-grid{grid-template-columns:1fr}\n .mapping-grid{grid-template-columns:1fr}\n .bioavail{grid-template-columns:1fr;gap:3rem}\n .target-grid{grid-template-columns:1fr 1fr}\n .stages-timeline{grid-template-columns:1fr 1fr}\n .stages-timeline::before{display:none}\n}\n@media(max-width:640px){\n section{padding:4rem 1.5rem}\n .hero-left{padding:5rem 1.5rem 2rem}\n .stats-strip{grid-template-columns:repeat(2,1fr);padding:2rem 1.5rem}\n .tech-grid{grid-template-columns:1fr}\n .inflam-grid{grid-template-columns:1fr}\n .cta-final{padding:5rem 1.5rem}\n}\n::-webkit-scrollbar{width:5px}\n::-webkit-scrollbar-track{background:var(--cream)}\n::-webkit-scrollbar-thumb{background:var(--burg-lt);border-radius:3px}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"hero-left\">\n <div class=\"badge\"><span><\/span> QuanticSphere™ NanoSphere Technology · Crassula<\/div>\n <h1 class=\"hero-title\">Q-Synovi<br><em>Multi-Pathway<br>Joint Support<\/em><\/h1>\n <p class=\"hero-subtitle\">Clinically engineered precision gut-friendly system for structural, anti-inflammatory, and antioxidant joint support. 16 synergistic actives — 85–90% uptake advantage.<\/p>\n <p class=\"hero-tagline\">“Rebuilding Support. Reviving Mobility.”<\/p>\n <div class=\"hero-cta\">\n <a href=\"#bioavail\" class=\"btn-primary\">Bioavailability Advantage<\/a>\n <a href=\"#formulation\" class=\"btn-outline\">View Formula<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/q-synovi-hero-1.jpg\" alt=\"Q-Synovi joint pain knee support\" loading=\"lazy\" title=\"\">\n <div class=\"hero-overlay\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"stats-strip reveal\">\n <div class=\"stat-item\"><div class=\"stat-num\" data-target=\"16\" data-suffix=\"\">0<\/div><div class=\"stat-label\">Synergistic Actives<br>Encapsulated<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\" data-target=\"85\" data-suffix=\"–90%\">0%<\/div><div class=\"stat-label\">Bioavailability Uptake<br>vs 10–20% Standard<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\">4<\/div><div class=\"stat-label\">Therapeutic<br>Pathways Addressed<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\">0<\/div><div class=\"stat-label\">GI Issues —<br>Gut-Friendly Formula<\/div><\/div>\n<\/div>\n\n<section class=\"summary\">\n <p class=\"section-label reveal\">Executive Summary<\/p>\n <h2 class=\"section-title reveal\">The Complete<br>Joint Health System<\/h2>\n <p class=\"section-body reveal\">Q-Synovi goes beyond symptomatic relief — a precision-engineered multi-pathway system addressing every biological dimension of joint deterioration simultaneously.<\/p>\n <div class=\"summary-cards\">\n <div class=\"summary-card reveal\"><div class=\"summary-card-num\">16<\/div><div class=\"summary-card-title\">Synergistic Actives<\/div><div class=\"summary-card-desc\">Encapsulated with QuanticSphere™ nano-sphere technology for optimal delivery and protection of every active ingredient.<\/div><\/div>\n <div class=\"summary-card reveal\"><div class=\"summary-card-num\">~85–90%<\/div><div class=\"summary-card-title\">Bioavailability Uptake<\/div><div class=\"summary-card-desc\">Designed to deliver exceptional bioavailability compared to standard supplement formulations (10–20%).<\/div><\/div>\n <div class=\"summary-card reveal\"><div class=\"summary-card-num\">4<\/div><div class=\"summary-card-title\">Multi-Pathway Support<\/div><div class=\"summary-card-desc\">Structural, anti-inflammatory, antioxidant mechanisms plus enhanced absorption for comprehensive joint health management.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"pathophysiology\">\n <div class=\"orb-dec orb-dec-1\"><\/div><div class=\"orb-dec orb-dec-2\"><\/div>\n <p class=\"section-label\">Osteoarthritis Pathophysiology<\/p>\n <h2 class=\"section-title\">The 3 Drivers of<br>Joint Degeneration<\/h2>\n <p class=\"section-body\" style=\"margin-bottom:0\">Osteoarthritis is a multi-factorial condition requiring simultaneous intervention across structural, inflammatory, and functional dimensions.<\/p>\n <div class=\"patho-grid reveal\">\n <div class=\"patho-card\">\n <div class=\"patho-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n <div class=\"patho-title\">Degenerative Cartilage Loss<\/div>\n <div class=\"patho-desc\">Progressive breakdown of articular cartilage leads to structural compromise and reduced joint function over time.<\/div>\n <\/div>\n <div class=\"patho-card\">\n <div class=\"patho-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\n <div class=\"patho-title\">Inflammation & Oxidative Stress<\/div>\n <div class=\"patho-desc\">Chronic inflammatory mediators and reactive oxygen species accelerate tissue damage and pain signaling pathways.<\/div>\n <\/div>\n <div class=\"patho-card\">\n <div class=\"patho-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M6 20v-2a6 6 0 0 1 12 0v2\"\/><\/svg><\/div>\n <div class=\"patho-title\">Reduced Mobility<\/div>\n <div class=\"patho-desc\">Joint stiffness, pain, and functional limitations significantly impact quality of life and daily activities.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"fails\">\n <p class=\"section-label reveal\">Why Current Supplements Fall Short<\/p>\n <h2 class=\"section-title reveal\">The Problem with<br>Standard Formulations<\/h2>\n <div class=\"fails-layout\">\n <div class=\"fail-cards\">\n <div class=\"fail-card reveal\"><span class=\"fail-x\">✕<\/span><div><div class=\"fail-title\">Low Absorption (<20%)<\/div><div class=\"fail-desc\">Poor bioavailability means most active ingredients never reach target tissues, wasting therapeutic potential.<\/div><\/div><\/div>\n <div class=\"fail-card reveal\"><span class=\"fail-x\">✕<\/span><div><div class=\"fail-title\">High Dose & GI Issues<\/div><div class=\"fail-desc\">Compensating with higher doses leads to gastrointestinal discomfort, poor tolerance, and reduced adherence.<\/div><\/div><\/div>\n <div class=\"fail-card reveal\"><span class=\"fail-x\">✕<\/span><div><div class=\"fail-title\">One-Dimensional Mechanisms<\/div><div class=\"fail-desc\">Single-pathway approaches fail to address the complex, multi-factorial nature of osteoarthritis pathology.<\/div><\/div><\/div>\n <\/div>\n <div>\n <div class=\"challenges-box reveal\">\n <div class=\"challenges-title\">Current Clinical Challenges<\/div>\n <div class=\"challenge-list\">\n <div class=\"challenge-item\">Symptomatic relief only — no cartilage regeneration<\/div>\n <div class=\"challenge-item\">NSAIDs long-term → gastric, renal, cardiovascular risks<\/div>\n <div class=\"challenge-item\">Steroids → joint damage, systemic side effects<\/div>\n <div class=\"challenge-item\">High cost and poor patient compliance<\/div>\n <div class=\"challenge-item\">Invasive surgical interventions as last resort<\/div>\n <\/div>\n <\/div>\n <div class=\"fails-callout reveal\">This prepares the terrain for Q-Synovi — a comprehensive solution engineered to overcome these fundamental limitations.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"tech\">\n <p class=\"section-label reveal\">QuanticSphere™ Nano-Sphere Technology<\/p>\n <h2 class=\"section-title reveal\">The Technology Behind<br>85–90% Uptake<\/h2>\n <p class=\"section-body reveal\">The technology that makes possible the ~85–90% uptake advantage — a precision delivery system engineered for maximum therapeutic impact.<\/p>\n <div class=\"tech-grid\">\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div class=\"tech-title\">Improves Epithelial Transport<\/div><div class=\"tech-desc\">Nano-sphere architecture facilitates efficient crossing of intestinal barriers, maximizing active ingredient delivery to systemic circulation.<\/div><\/div>\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div><div class=\"tech-title\">Protects Actives from Degradation<\/div><div class=\"tech-desc\">Encapsulation shields sensitive compounds from harsh gastric pH and enzymatic breakdown, preserving therapeutic integrity.<\/div><\/div>\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><div class=\"tech-title\">Enhanced Solubility + Controlled Release<\/div><div class=\"tech-desc\">Improves water solubility of lipophilic compounds while enabling sustained, controlled release kinetics throughout the day.<\/div><\/div>\n <div class=\"tech-card reveal\"><div class=\"tech-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><div class=\"tech-title\">Gut-Friendly Delivery<\/div><div class=\"tech-desc\">Gentle on the gastrointestinal system, reducing irritation and improving patient tolerance and long-term compliance.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"structural\" id=\"formulation\">\n <div>\n <p class=\"section-label reveal\">Structural Support Cluster<\/p>\n <h2 class=\"section-title reveal\">Cartilage Matrix Maintenance<br>& Tissue Regeneration<\/h2>\n <p class=\"section-body reveal\">Integral structural support for cartilage matrix maintenance and joint tissue regeneration through three complementary bioactives.<\/p>\n <div class=\"struct-cards\">\n <div class=\"struct-card reveal\"><div class=\"struct-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div><div><div class=\"struct-title\">Glucosamine + Chondroitin<\/div><div class=\"struct-desc\">Maintain cartilage matrix by providing essential building blocks for proteoglycan synthesis and structural integrity.<\/div><\/div><\/div>\n <div class=\"struct-card reveal\"><div class=\"struct-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><div><div class=\"struct-title\">Collagen Peptides<\/div><div class=\"struct-desc\">Aid regeneration by stimulating chondrocyte activity and supporting extracellular matrix repair processes.<\/div><\/div><\/div>\n <div class=\"struct-card reveal\"><div class=\"struct-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/><\/svg><\/div><div><div class=\"struct-title\">Hyaluronic Acid<\/div><div class=\"struct-desc\">Lubricates joints by maintaining synovial fluid viscosity and promoting smooth, pain-free articulation.<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"struct-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/q-synovi-cluster.jpg\" alt=\"Structural joint support cartilage collagen\" loading=\"lazy\" title=\"\">\n <div class=\"struct-img-overlay\"><\/div>\n <\/div>\n<\/section>\n\n<section class=\"antiinflam\">\n <div class=\"orb-dec orb-dec-1\"><\/div><div class=\"orb-dec orb-dec-2\"><\/div>\n <p class=\"section-label\">Anti-Inflammatory Action<\/p>\n <h2 class=\"section-title\">6 Botanical Anti-Inflammatory<br>Agents in Synergy<\/h2>\n <p class=\"section-body\" style=\"margin-bottom:0\">Q-Synovi modulates multiple inflammatory pathways simultaneously — delivering comprehensive pain and mobility support through a multi-target botanical approach.<\/p>\n <div class=\"inflam-grid reveal\">\n <div class=\"inflam-card\"><div class=\"inflam-name\">Boswellia (AKBA)<\/div><div class=\"inflam-mechanism\">5-LOX Modulation<\/div><div class=\"inflam-desc\">Reduces leukotriene synthesis, targeting key inflammatory pathways in joint tissues.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Curcumin<\/div><div class=\"inflam-mechanism\">NF-κB & COX-2 Balance<\/div><div class=\"inflam-desc\">Multi-target anti-inflammatory mechanisms at the cellular transcription level.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">PEA<\/div><div class=\"inflam-mechanism\">Endocannabinoid System<\/div><div class=\"inflam-desc\">Adjunct mobility & pain modulation through endocannabinoid system support and nociceptive pathway regulation.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Rosehip<\/div><div class=\"inflam-mechanism\">Galactolipid Content<\/div><div class=\"inflam-desc\">Adjunct mobility & pain modulation supporting inflammatory mediator balance naturally.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Arnebia<\/div><div class=\"inflam-mechanism\">Botanical Compounds<\/div><div class=\"inflam-desc\">Traditional botanical compounds with modern validated anti-inflammatory mechanisms.<\/div><\/div>\n <div class=\"inflam-card\"><div class=\"inflam-name\">Cissus<\/div><div class=\"inflam-mechanism\">Joint Mobility Support<\/div><div class=\"inflam-desc\">Adjunct mobility & pain modulation supporting joint comfort and functional movement capacity.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"antioxidant\">\n <p class=\"section-label reveal\">Antioxidant Defense & Uptake Boost<\/p>\n <h2 class=\"section-title reveal\">Cellular Protection<br>& Enhancement<\/h2>\n <p class=\"section-body reveal\">Comprehensive antioxidant defense mechanisms protect active ingredients while enhancing their bioavailability and therapeutic efficacy.<\/p>\n <div class=\"antioxidant-grid\">\n <div class=\"antioxidant-card reveal\"><div class=\"antioxidant-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22V12M12 12C12 12 7 9 7 5a5 5 0 0 1 10 0c0 4-5 7-5 7z\"\/><\/svg><\/div><div><div class=\"antioxidant-title\">Moringa & Harad Polyphenols<\/div><div class=\"antioxidant-desc\">Protect actives through powerful antioxidant capacity, neutralizing free radicals and preserving compound stability throughout delivery.<\/div><\/div><\/div>\n <div class=\"antioxidant-card reveal\"><div class=\"antioxidant-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><div><div class=\"antioxidant-title\">Omega-3 EPA\/DHA<\/div><div class=\"antioxidant-desc\">Cellular support via membrane integration, anti-inflammatory eicosanoid production, and neuroprotective effects on joint tissues.<\/div><\/div><\/div>\n <div class=\"antioxidant-card reveal\"><div class=\"antioxidant-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><div><div class=\"antioxidant-title\">Piperine<\/div><div class=\"antioxidant-desc\">Boosts curcumin absorption by inhibiting glucuronidation and enhancing intestinal permeability for dramatically improved bioavailability.<\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"mapping\">\n <p class=\"section-label reveal\">Mechanism → Ingredient Mapping<\/p>\n <h2 class=\"section-title reveal\">How Every Pathway<br>is Addressed<\/h2>\n <p class=\"section-body reveal\">A key connection demonstrating how each pathological mechanism is addressed by specific active ingredients in Q-Synovi.<\/p>\n <div class=\"mapping-grid\">\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Cartilage Wear<\/div><div class=\"mapping-ingredients\">Glucosamine + Chondroitin + Collagen + HA<\/div><div class=\"mapping-desc\">Provide structural matrix support and regenerative capacity for lasting cartilage maintenance.<\/div><\/div>\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Inflammatory Mediators<\/div><div class=\"mapping-ingredients\">Boswellia + Curcumin + Rosehip + Arnebia + Cissus<\/div><div class=\"mapping-desc\">Modulate multiple inflammatory pathways simultaneously for comprehensive relief.<\/div><\/div>\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Nociception & Stiffness<\/div><div class=\"mapping-ingredients\">PEA<\/div><div class=\"mapping-desc\">Targets pain perception and joint mobility through endocannabinoid system modulation.<\/div><\/div>\n <div class=\"mapping-card reveal\"><div class=\"mapping-mechanism\">Oxidative Stress<\/div><div class=\"mapping-ingredients\">Curcumin + Rosehip + Arnebia + Moringa + Harad<\/div><div class=\"mapping-desc\">Neutralize reactive oxygen species and protect joint tissues from oxidative damage.<\/div><\/div>\n <div class=\"mapping-card reveal\" style=\"grid-column:1\/-1\"><div class=\"mapping-mechanism\">Bioavailability Enhancement<\/div><div class=\"mapping-ingredients\">Piperine + QuanticSphere™ NanoSphere Technology<\/div><div class=\"mapping-desc\">Ensure maximum absorption and therapeutic delivery of all 16 actives — achieving the ~85–90% uptake advantage.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"bioavail\" id=\"bioavail\">\n <div class=\"bioavail-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/q-synovi-bioavailability.jpg\" alt=\"QuanticSphere nanoparticle bioavailability\" loading=\"lazy\" title=\"\">\n <div class=\"bioavail-img-overlay\"><\/div>\n <\/div>\n <div>\n <p class=\"section-label reveal\">Bioavailability Comparison<\/p>\n <h2 class=\"section-title reveal\">The QuanticSphere™<br>Advantage<\/h2>\n <p class=\"section-body reveal\">The dramatic improvement in bioavailability translates directly to enhanced therapeutic efficacy, reduced dosing requirements, and superior patient compliance.<\/p>\n <table class=\"bioavail-table reveal\">\n <thead><tr><th>Feature<\/th><th>Standard Supplements<\/th><th>Q-Synovi + QuanticSphere™<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Absorption<\/td><td>10–20%<\/td><td>85–90%<\/td><\/tr>\n <tr><td>Dose Requirement<\/td><td>High<\/td><td>Lower<\/td><\/tr>\n <tr><td>GI Tolerability<\/td><td>Variable<\/td><td>Gut-friendly<\/td><\/tr>\n <\/tbody>\n <\/table>\n <div class=\"chart-wrap reveal\">\n <div class=\"chart-label\">Absorption Rate Comparison<\/div>\n <canvas id=\"bioChart\" height=\"140\"><\/canvas>\n <\/div>\n <div class=\"bioavail-callout reveal\">Q-Synovi achieves up to <strong style=\"color:var(--burg-lt)\">4–8× higher absorption<\/strong> than standard joint supplements — ensuring every active reaches the target tissue.<\/div>\n <\/div>\n<\/section>\n\n<section class=\"target\">\n <p class=\"section-label reveal\">Target Use & Positioning<\/p>\n <h2 class=\"section-title reveal\">Who Benefits from<br>Q-Synovi<\/h2>\n <p class=\"section-body reveal\">Multi-pathway relief + structural support for comprehensive joint health management across four key patient populations.<\/p>\n <div class=\"target-grid\">\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M6 20v-2a6 6 0 0 1 12 0v2\"\/><\/svg><\/div><div class=\"target-title\">Mild–Moderate OA<\/div><div class=\"target-desc\">Comprehensive joint support and symptom management for early to moderate osteoarthritis.<\/div><\/div>\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><div class=\"target-title\">Aging Joints<\/div><div class=\"target-desc\">Maintain mobility, flexibility, and quality of life against age-related joint changes.<\/div><\/div>\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div class=\"target-title\">Active Adults & Athletes<\/div><div class=\"target-desc\">Joint protection, recovery support, and performance maintenance for physically active individuals.<\/div><\/div>\n <div class=\"target-card reveal\"><div class=\"target-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><div class=\"target-title\">Postmenopausal Women<\/div><div class=\"target-desc\">Targeted support for hormonal changes that accelerate cartilage loss and joint vulnerability.<\/div><\/div>\n <\/div>\n<\/section>\n\n<section class=\"stages\">\n <p class=\"section-label reveal\">What to Expect by OA Stage<\/p>\n <h2 class=\"section-title reveal\">Stage-by-Stage<br>Therapeutic Expectations<\/h2>\n <p class=\"section-body reveal\">Q-Synovi provides meaningful benefit across all stages of osteoarthritis, with greatest structural impact in early to moderate disease.<\/p>\n <div class=\"stages-timeline\">\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">I<\/div><div class=\"stage-title\">Stage I — Early<\/div><div class=\"stage-desc\">Optimal window for structure support + inflammation control. Maximum protective benefit.<\/div><\/div>\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">II<\/div><div class=\"stage-title\">Stage II — Mild<\/div><div class=\"stage-desc\">Strong window for structure support + inflammation control. Meaningful symptom and structural benefit.<\/div><\/div>\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">III<\/div><div class=\"stage-title\">Stage III — Moderate<\/div><div class=\"stage-desc\">Multi-pathway relief: 5-LOX + NF-κB modulation, HA lubrication, collagen\/UC-II tolerance induction.<\/div><\/div>\n <div class=\"stage-card reveal\"><div class=\"stage-dot\">IV<\/div><div class=\"stage-title\">Stage IV — Severe<\/div><div class=\"stage-desc\">Symptom control remains helpful. Discuss comprehensive care with a clinician for advanced management.<\/div><\/div>\n <\/div>\n <p class=\"stage-disclaimer reveal\">Supplements complement, not replace, medical advice. Always consult a healthcare professional for your specific condition.<\/p>\n<\/section>\n\n<div class=\"cta-final\">\n <div class=\"orb-bg\"><\/div>\n <h2>Rebuilding Support.<br><em>Reviving Mobility.<\/em><\/h2>\n <p class=\"cta-tagline\">Q-Synovi represents a paradigm shift in joint health supplementation — moving beyond single-ingredient approaches to deliver a clinically engineered, multi-pathway solution powered by QuanticSphere™ NanoSphere Technology.<\/p>\n <a href=\"mailto:info@crassulapharma.com\" class=\"btn-white\">Contact the Medical Team<\/a>\n<\/div>\n\n<button class=\"dl-fab\" onclick=\"openModal()\">\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n <span>Download PDF<\/span>\n<\/button>\n\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"handleOverlayClick(event)\">\n <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n <button class=\"modal-close\" onclick=\"closeModal()\">✕<\/button>\n <div class=\"modal-form\" id=\"modalForm\">\n <div class=\"modal-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/div>\n <h3 id=\"modalTitle\">Download the<br>Product Dossier<\/h3>\n <p>Enter your email to access the full <strong>Q-Synovi <\/strong> dossier — free of charge.<\/p>\n <input class=\"modal-input\" type=\"email\" id=\"emailInput\" placeholder=\"your@email.com\" autocomplete=\"email\" onkeydown=\"if(event.key==='Enter') submitEmail()\">\n <div class=\"modal-error\" id=\"emailError\">Please enter a valid email address.<\/div>\n <div class=\"modal-consent-wrap\">\n <label class=\"modal-consent-label\" for=\"consentCheck\">\n <input type=\"checkbox\" id=\"consentCheck\" class=\"modal-consent-input\">\n <span class=\"modal-consent-box\"><\/span>\n <span class=\"modal-consent-text\">I have read and accept the <a href=\"\/privacy-policy\" target=\"_blank\" class=\"consent-link\">Data Protection & Privacy Policy<\/a>. I consent to Crassula storing my email to send the requested document and relevant clinical updates.<\/span>\n <\/label>\n <div class=\"modal-error\" id=\"consentError\">You must accept the Data Protection Policy to continue.<\/div>\n <\/div>\n <button class=\"modal-btn\" onclick=\"submitEmail()\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>Get the PDF<\/button>\n <p class=\"modal-disclaimer\">🔒 Your data is protected under GDPR. We will never share your information with third parties.<\/p>\n <\/div>\n <div class=\"modal-success\" id=\"modalSuccess\">\n <div class=\"success-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <h3>You're all set!<\/h3>\n <p>Thank you. Your download is ready. Click below to get the <strong>Q-Synovi<\/strong> dossier.<\/p>\n <button class=\"btn-dl\" onclick=\"triggerDownload()\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>Download Now<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\nconst revealObs=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');revealObs.unobserve(e.target)}})},{threshold:.08});\ndocument.querySelectorAll('.reveal').forEach(e=>revealObs.observe(e));\nconst SELS=['.summary-card','.patho-card','.fail-card','.tech-card','.struct-card','.inflam-card','.antioxidant-card','.mapping-card','.target-card','.stage-card','.challenge-item','.bioavail-table tbody tr'];\nSELS.forEach(s=>{const m=new Map();document.querySelectorAll(s).forEach(c=>{const p=c.parentElement;if(!m.has(p))m.set(p,[]);m.get(p).push(c)});m.forEach(g=>{g.forEach((c,i)=>{c.style.opacity='0';c.style.transform='translateY(22px)';new IntersectionObserver(([e])=>{if(e.isIntersecting){c.style.transition=`opacity .55s ${i*.09}s,transform .55s ${i*.09}s`;c.style.opacity='1';c.style.transform='none';}}\n,{threshold:.08}).observe(c)})})});\ndocument.querySelectorAll('.fails-callout,.bioavail-callout').forEach(el=>{el.style.opacity='0';el.style.transform='translateY(14px)';new IntersectionObserver(([e])=>{if(e.isIntersecting){el.style.transition='opacity .6s .1s,transform .6s .1s';el.style.opacity='1';el.style.transform='none'}}\n,{threshold:.2}).observe(el)});\nfunction animateCounters(){document.querySelectorAll('[data-target]').forEach(el=>{const t=parseFloat(el.dataset.target),s=el.dataset.suffix||'';let c=0;const step=t\/60,ti=setInterval(()=>{c+=step;if(c>=t){c=t;clearInterval(ti)}el.textContent=Math.round(c)+s},20)})}\nnew IntersectionObserver(([e])=>{if(e.isIntersecting)animateCounters()},{threshold:.5}).observe(document.querySelector('.stats-strip'));\nlet chartBuilt=false;\nnew IntersectionObserver(([e])=>{if(e.isIntersecting&&!chartBuilt){chartBuilt=true;new Chart(document.getElementById('bioChart').getContext('2d'),{type:'bar',data:{labels:['Standard Supplements','Q-Synovi\u2122 + QuanticSphere\u2122'],datasets:[{label:'Absorption Rate (%)',data:[15,87.5],backgroundColor:['rgba(150,150,150,.45)','rgba(123,29,29,.7)'],borderColor:['#999','#7B1D1D'],borderWidth:1.5,borderRadius:8}]},options:{responsive:true,animation:{duration:1200,easing:'easeInOutQuart'},indexAxis:'y',plugins:{legend:{display:false},tooltip:{backgroundColor:'#1A0808',titleColor:'#C04040',bodyColor:'rgba(255,255,255,.85)',padding:12,cornerRadius:8,titleFont:{family:'Roboto',weight:'700'},bodyFont:{family:'Roboto',weight:'300'},callbacks:{label:c=>` Absorption: ${c.raw}%`}}},sections:{x:{min:0,max:100,ticks:{callback:v=>v+'%',font:{family:'Roboto',size:11},color:'#7A5550'}},y:{grid:{display:false},ticks:{font:{family:'Roboto',size:11},color:'#7A5550'}}},scales:{x:{min:0,max:100,grid:{color:'rgba(0,0,0,.04)'},ticks:{font:{family:'Roboto',size:11},color:'#7A5550',callback:v=>v+'%'}},y:{grid:{display:false},ticks:{font:{family:'Roboto',size:11},color:'#7A5550'}}}}})}},{threshold:.3}).observe(document.getElementById('bioChart'));\nconst PDF_URL='https:\/\/crassulapharma.com\/wp-content\/uploads\/2026\/03\/Q-Synovi-wp.pdf';\nfunction openModal(){document.getElementById('modalOverlay').classList.add('open');document.body.style.overflow='hidden';setTimeout(()=>document.getElementById('emailInput').focus(),300)}\nfunction closeModal(){document.getElementById('modalOverlay').classList.remove('open');document.body.style.overflow=''}\nfunction handleOverlayClick(e){if(e.target===document.getElementById('modalOverlay'))closeModal()}\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape')closeModal()});\nfunction isValidEmail(e){return\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e.trim())}\nfunction submitEmail(){const i=document.getElementById('emailInput'),ee=document.getElementById('emailError'),c=document.getElementById('consentCheck'),ce=document.getElementById('consentError'),b=document.querySelector('.modal-btn'),em=i.value.trim();let v=true;if(!isValidEmail(em)){i.classList.add('error');ee.classList.add('show');i.focus();v=false}else{i.classList.remove('error');ee.classList.remove('show')}if(!c.checked){ce.classList.add('show');v=false}else ce.classList.remove('show');if(!v)return;b.disabled=true;b.style.opacity='.7';b.innerHTML='<svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;stroke:rgba(255,200,200,.9);fill:none;animation:spin .8s linear infinite\"><path d=\"M12 2a10 10 0 1 0 10 10\" stroke-width=\"2\"\/><\/svg> Saving...';const aj=(typeof crassulaAjax!=='undefined')?crassulaAjax.url:'\/wp-admin\/admin-ajax.php',n=(typeof crassulaAjax!=='undefined')?crassulaAjax.nonce:'';let pu='',pt='';try{pu=window.top.location.href}catch(e){pu=window.location.href}try{pt=window.top.document.title}catch(e){pt=document.title}if(!pt){const og=document.querySelector('meta[property=\"og:title\"]');pt=og?og.getAttribute('content'):document.title}const fd=new URLSearchParams();fd.append('action','crassula_save_pdf_lead');fd.append('email',em);fd.append('consent','1');fd.append('nonce',n);fd.append('page_url',pu);fd.append('page_title',pt);fetch(aj,{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded'},body:fd.toString()}).then(r=>r.json()).then(()=>{document.getElementById('modalForm').classList.add('hide');document.getElementById('modalSuccess').classList.add('show')}).catch(()=>{document.getElementById('modalForm').classList.add('hide');document.getElementById('modalSuccess').classList.add('show')})}\nfunction triggerDownload(){const l=document.createElement('a');l.href=PDF_URL;l.download='Q-Synovi.pdf';document.body.appendChild(l);l.click();document.body.removeChild(l);setTimeout(closeModal,800)}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Q-Synovi Multi-Pathway Joint Support | Crassula & QuanticSphere™ QuanticSphere™ NanoSphere Technology · Crassula Q-SynoviMulti-PathwayJoint Support Clinically engineered precision gut-friendly system for structural, anti-inflammatory, and antioxidant joint support. 16 synergistic actives — 85–90% uptake advantage. “Rebuilding Support. Reviving Mobility.” Bioavailability Advantage View Formula 0Synergistic ActivesEncapsulated 0%Bioavailability Uptakevs 10–20% Standard 4TherapeuticPathways Addressed 0GI Issues —Gut-Friendly Formula Executive […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-10471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/10471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/comments?post=10471"}],"version-history":[{"count":29,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/10471\/revisions"}],"predecessor-version":[{"id":10771,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/10471\/revisions\/10771"}],"wp:attachment":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/media?parent=10471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}