@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700&display=swap"); :root {
--color-deep-blue: #2B3990;
--color-blue:      #1C75BC;
--color-light-blue:#00AEEF;
--color-dark-bg:   #060C1A;
--color-dark-surf: #0D1628;
--color-dark-card: #111B2E;
--color-border:    rgba(0,174,239,0.15);
--color-text-1:    #F0F4FF;
--color-text-2:    #8BA8C8;
--color-text-3:    #4A6580;
--color-success:   #00C896;
--color-warn:      #F59E0B;
--color-error:     #EF4444;
--font-d: 'Poppins',    sans-serif;
--font-b: 'Montserrat', sans-serif;
--r-sm:  4px;  --r-md: 8px;  --r-lg: 16px;  --r-xl: 24px;  --r-f: 9999px;
--glow:  0 0 40px rgba(0,174,239,0.15);
--card:  0 8px 32px rgba(0,0,0,0.4);
--ease:  all 0.4s cubic-bezier(0.4,0,0.2,1);
--spring:all 0.5s cubic-bezier(0.34,1.56,0.64,1);
}
[data-theme="light"] {
--color-dark-bg:   #F0F4FF;
--color-dark-surf: #FFFFFF;
--color-dark-card: #EEF3FC;
--color-border:    rgba(43,57,144,0.15);
--color-text-1:    #0D1628;
--color-text-2:    #2B3990;
--color-text-3:    #6B7A99;
--glow:  0 0 40px rgba(43,57,144,0.1);
--card:  0 8px 32px rgba(43,57,144,0.1);
} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
font-family:var(--font-b);
background:var(--color-dark-bg);
color:var(--color-text-1);
line-height:1.6;
overflow-x:hidden;
transition:background .5s,color .5s;
}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--color-dark-bg)}
::-webkit-scrollbar-thumb{background:var(--color-blue);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--color-light-blue)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-d);font-weight:600;line-height:1.2;color:var(--color-text-1)}
p{font-family:var(--font-b);color:var(--color-text-2);line-height:1.7}
a{text-decoration:none}
img{max-width:100%;height:auto}
::selection{background:rgba(0,174,239,.3);color:var(--color-text-1)}
button{font-family:inherit} @keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}
@keyframes floatR{0%,100%{transform:translateY(0)}33%{transform:translateY(10px)}66%{transform:translateY(4px)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(0,174,239,.3)}50%{box-shadow:0 0 50px rgba(0,174,239,.6),0 0 80px rgba(28,117,188,.3)}}
@keyframes meshMove{0%{transform:translate(0,0) scale(1)}33%{transform:translate(-20px,15px) scale(1.05)}66%{transform:translate(15px,-10px) scale(.98)}100%{transform:translate(0,0) scale(1)}}
@keyframes particleDrift{0%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(var(--dx,30px),var(--dy,-20px)) scale(1.3);opacity:1}100%{transform:translate(0,0) scale(1);opacity:.6}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes rippleExpand{0%{transform:scale(.4);opacity:0}12%{opacity:1}100%{transform:scale(1.8);opacity:0}}
@keyframes sweepGlow{0%{left:-100%}50%{left:100%}100%{left:100%}}
@keyframes scanLine{0%{top:-2px;opacity:0}5%{opacity:1}45%{top:100%;opacity:1}55%{opacity:0}100%{top:-2px;opacity:0}}
@keyframes blobMorph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:40% 60% 70% 30%/40% 70% 30% 60%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}75%{border-radius:70% 30% 50% 50%/30% 50% 70% 60%}100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .reveal       {opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal-left  {opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}
.reveal-right {opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease}
.reveal-scale {opacity:0;transform:scale(.9);transition:opacity .7s ease,transform .7s ease}
.reveal.revealed,.reveal-left.revealed,.reveal-right.revealed,.reveal-scale.revealed{opacity:1;transform:none}
.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s} .gradient-text{background:linear-gradient(135deg,var(--color-light-blue),var(--color-blue),var(--color-deep-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-label{font-family:var(--font-b);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-light-blue);margin-bottom:12px;display:inline-flex;align-items:center;gap:8px}
.section-label svg{width:16px;height:16px;stroke:var(--color-light-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.section-label.label-light svg{stroke:var(--color-text-2)}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.section-wrapper{padding:100px 0;position:relative}
.btn-primary{
display:inline-flex;align-items:center;gap:8px;padding:14px 28px;
background:linear-gradient(135deg,var(--color-blue),var(--color-light-blue));
color:#fff;font-family:var(--font-d);font-size:.875rem;font-weight:600;
border:none;border-radius:var(--r-f);cursor:pointer;text-decoration:none;
transition:var(--spring);white-space:nowrap;position:relative;overflow:hidden;
}
.btn-primary:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 40px rgba(0,174,239,.4)}
.btn-secondary{
display:inline-flex;align-items:center;gap:8px;padding:13px 27px;
background:transparent;color:var(--color-text-1);font-family:var(--font-d);
font-size:.875rem;font-weight:600;border:1px solid rgba(0,174,239,.4);
border-radius:var(--r-f);cursor:pointer;text-decoration:none;transition:var(--spring);white-space:nowrap;
}
.btn-secondary:hover{background:rgba(0,174,239,.1);border-color:var(--color-light-blue);transform:scale(1.05) translateY(-2px);box-shadow:0 8px 30px rgba(0,174,239,.2)} .scan-zone{position:relative}
.scan-zone .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,174,239,.6),transparent);animation:scanLine 8s linear infinite;z-index:1001;pointer-events:none} .header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:var(--ease)}
.header.scrolled{background:rgba(6,12,26,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 0;box-shadow:0 1px 0 rgba(0,174,239,.08)}
[data-theme="light"] .header.scrolled{background:rgba(240,244,255,.95);box-shadow:0 1px 0 rgba(43,57,144,.08)}
.nav-container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{height:40px;width:auto;transition:var(--ease);filter:brightness(0) invert(1)}
[data-theme="light"] .nav-logo{filter:none}
.nav-logo:hover{transform:scale(1.05)}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{font-family:var(--font-b);font-size:.875rem;font-weight:500;color:var(--color-text-2);text-decoration:none;position:relative;transition:color .3s;padding:4px 0}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-light-blue);transition:width .3s}
.nav-links a:hover{color:var(--color-text-1)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-links a.active{color:var(--color-light-blue)}
.nav-actions{display:flex;align-items:center;gap:16px}
.theme-toggle{width:44px;height:24px;background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-f);cursor:pointer;position:relative;transition:var(--ease);padding:0;flex-shrink:0}
.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--color-light-blue);border-radius:50%;transition:var(--ease);display:flex;align-items:center;justify-content:center}
.theme-toggle-thumb svg{position:absolute;width:10px;height:10px;transition:opacity .3s,transform .3s}
.theme-icon-sun{opacity:0;transform:rotate(-90deg) scale(.5);stroke:#fff}
.theme-icon-moon{opacity:1;transform:rotate(0) scale(1);stroke:#fff}
[data-theme="light"] .theme-toggle-thumb{transform:translateX(20px);background:var(--color-deep-blue)}
[data-theme="light"] .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
[data-theme="light"] .theme-icon-moon{opacity:0;transform:rotate(90deg) scale(.5)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:24px;height:2px;background:var(--color-text-1);transition:var(--ease)}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-open .hamburger{display:none} .mobile-nav{position:fixed;top:0;right:-100%;width:min(320px,90vw);height:100vh;background:var(--color-dark-surf);border-left:1px solid var(--color-border);z-index:1001;padding:80px 32px 32px;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:0}
.mobile-nav.open{right:0}
.mobile-nav ul,.mobile-nav li{list-style:none;margin:0;padding:0}
.mobile-nav a{font-family:var(--font-d);font-size:1.1rem;font-weight:500;color:var(--color-text-2);text-decoration:none;display:block;padding:12px 0;border-bottom:1px solid var(--color-border);transition:color .3s}
.mobile-nav a:hover{color:var(--color-light-blue)}
.mobile-nav-cta{margin-top:auto;padding-top:24px}
.mobile-nav-cta .btn-primary{white-space:normal;text-align:center;font-size:0.8rem;padding:12px 16px;line-height:1.3}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:998;opacity:0;pointer-events:none;transition:opacity .4s}
.mobile-overlay.open{opacity:1;pointer-events:all}
.mobile-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--color-text-2);font-size:1.5rem;line-height:1} .hero-section{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-canvas{position:absolute;inset:0;z-index:0}
.hero-mesh{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(43,57,144,.3) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(0,174,239,.2) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(28,117,188,.15) 0%,transparent 50%);animation:meshMove 12s ease-in-out infinite}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:120px 24px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.hero-text-column{display:flex;flex-direction:column;gap:24px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,174,239,.1);border:1px solid rgba(0,174,239,.3);border-radius:var(--r-f);font-size:.75rem;font-weight:600;color:var(--color-light-blue);letter-spacing:.1em;text-transform:uppercase;width:fit-content;animation:fadeInUp .8s ease forwards}
.hero-badge-dot{width:8px;height:8px;background:var(--color-light-blue);border-radius:50%;animation:blink 1.2s step-start infinite;flex-shrink:0}
.hero-headline{font-family:var(--font-d);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;animation:fadeInUp .8s .15s both}
.hero-subheadline{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7;color:var(--color-text-2);max-width:560px;animation:fadeInUp .8s .3s both}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;animation:fadeInUp .8s .45s both}
.hero-metrics{display:flex;gap:32px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--color-border);animation:fadeInUp .8s .6s both}
.hero-metric-item{display:flex;flex-direction:column;gap:4px}
.hero-metric-value{font-family:var(--font-d);font-size:1.75rem;font-weight:700}
.hero-metric-label{font-size:.75rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.08em} .hero-visual-column{position:relative;height:520px;display:flex;align-items:center;justify-content:center;perspective:1000px;animation:fadeInUp 1s .3s both}
.biomarker-sphere{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(0,174,239,.8) 0%,rgba(28,117,188,.6) 40%,rgba(43,57,144,.4) 70%,transparent 100%);animation:float 6s ease-in-out infinite;box-shadow:0 0 60px rgba(0,174,239,.3),0 0 120px rgba(28,117,188,.15),inset 0 0 60px rgba(0,174,239,.1)}
.orbit-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(0,174,239,.3);transform-origin:center;animation:spin linear infinite}
.orbit-ring::before{content:'';position:absolute;width:10px;height:10px;background:var(--color-light-blue);border-radius:50%;top:-5px;left:50%;transform:translateX(-50%);box-shadow:0 0 12px var(--color-light-blue)}
.orbit-1{width:320px;height:320px;margin:-160px 0 0 -160px;animation-duration:8s;transform:rotateX(70deg)}
.orbit-2{width:400px;height:400px;margin:-200px 0 0 -200px;animation-duration:12s;animation-direction:reverse;transform:rotateX(70deg) rotateZ(45deg)}
.orbit-3{width:480px;height:480px;margin:-240px 0 0 -240px;animation-duration:16s;transform:rotateX(70deg) rotateZ(90deg)}
.float-card{position:absolute;background:rgba(13,22,40,.88);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:12px 16px;backdrop-filter:blur(20px);white-space:nowrap;font-size:.8rem}
.float-card-1{top:10%;right:5%;animation:floatR 5s ease-in-out infinite}
.float-card-2{bottom:20%;left:0%;animation:float 7s ease-in-out infinite}
.float-card-3{top:55%;right:2%;animation:floatR 9s ease-in-out infinite}
.float-card-label{font-size:.65rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.float-card-value{font-family:var(--font-d);font-weight:600;color:var(--color-light-blue);font-size:.95rem;display:flex;align-items:center;gap:6px}
.float-card-sub{font-size:.65rem;color:#00C896;margin-top:2px}
.particle{position:absolute;border-radius:50%;background:var(--color-light-blue);animation:particleDrift var(--duration,6s) ease-in-out var(--delay,0s) infinite;opacity:.6}
.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:float 2s ease-in-out infinite;z-index:2}
.scroll-indicator-text{font-size:.65rem;color:var(--color-text-3);letter-spacing:.15em;text-transform:uppercase}
.scroll-mouse{width:24px;height:40px;border:1px solid var(--color-border);border-radius:12px;display:flex;justify-content:center;padding-top:6px}
.scroll-dot{width:3px;height:8px;background:var(--color-light-blue);border-radius:2px;animation:float 1.5s ease-in-out infinite} .problem-section{background:var(--color-dark-surf)}
.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}
.ps-card{padding:48px;border-radius:var(--r-xl);position:relative;overflow:hidden}
.ps-card-problem{background:var(--color-dark-card);border:1px solid rgba(239,68,68,.15)}
.ps-card-solution{background:linear-gradient(135deg,rgba(43,57,144,.3),rgba(0,174,239,.1));border:1px solid rgba(0,174,239,.25)}
.ps-icon{width:56px;height:56px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ps-icon svg{width:24px;height:24px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ps-icon-problem{background:rgba(239,68,68,.1)}
.ps-icon-solution{background:rgba(0,174,239,.1)}
.ps-title{font-family:var(--font-d);font-size:1.5rem;font-weight:600;margin-bottom:16px}
.ps-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:10px}
.ps-list li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--color-text-2)}
.ps-x{color:#EF4444;font-size:1.2rem;line-height:1;flex-shrink:0}
.ps-check{color:#00C896;font-size:1.1rem;line-height:1;font-weight:700;flex-shrink:0} .process-section{background:var(--color-dark-bg);position:relative;overflow:hidden}
.process-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(28,117,188,.06) 0%,transparent 70%);pointer-events:none}
.process-connector{position:absolute;top:48px;left:16.66%;right:16.66%;height:1px;background:linear-gradient(90deg,var(--color-deep-blue),var(--color-light-blue),var(--color-deep-blue));opacity:.3;z-index:0}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;z-index:1}
.process-card{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:40px 32px;position:relative;overflow:hidden;transition:var(--ease)}
.process-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-deep-blue),var(--color-light-blue));transform:scaleX(0);transition:transform .4s;transform-origin:left}
.process-card:hover{transform:translateY(-8px);border-color:rgba(0,174,239,.3);box-shadow:var(--glow)}
.process-card:hover::before{transform:scaleX(1)}
.process-number{font-family:var(--font-d);font-size:3.5rem;font-weight:700;color:rgba(0,174,239,.15);line-height:1;margin-bottom:16px}
.process-icon{width:52px;height:52px;background:rgba(0,174,239,.1);border:1px solid rgba(0,174,239,.2);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.process-icon svg{width:22px;height:22px;stroke:var(--color-light-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.process-title{font-family:var(--font-d);font-size:1.2rem;font-weight:600;margin-bottom:12px}
.process-body{font-size:.9rem;line-height:1.7;color:var(--color-text-2)}
.process-detail{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--color-light-blue);font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.process-detail-dot{width:6px;height:6px;border-radius:50%;background:var(--color-light-blue);flex-shrink:0} .features-section{background:var(--color-dark-surf)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-card{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:32px;transition:var(--ease);position:relative;overflow:hidden;cursor:default}
.feature-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,rgba(0,174,239,.06),transparent);transition:height .4s}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(0,174,239,.3);box-shadow:var(--glow)}
.feature-card:hover::after{height:100%}
.feature-icon-wrap{width:48px;height:48px;border-radius:var(--r-md);background:rgba(0,174,239,.1);border:1px solid rgba(0,174,239,.2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:var(--ease)}
.feature-icon-wrap svg{width:20px;height:20px;stroke:var(--color-light-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feature-card:hover .feature-icon-wrap{background:rgba(0,174,239,.2);transform:scale(1.1) rotate(5deg)}
.feature-title{font-family:var(--font-d);font-size:1rem;font-weight:600;margin-bottom:10px}
.feature-body{font-size:.875rem;line-height:1.65;color:var(--color-text-2)} .quiz-section{background:var(--color-dark-bg);position:relative;overflow:hidden}
.quiz-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(43,57,144,.2) 0%,transparent 70%);pointer-events:none}
.quiz-container{max-width:760px;margin:0 auto}
.quiz-card{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:48px;position:relative;overflow:hidden}
.quiz-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-deep-blue),var(--color-blue),var(--color-light-blue))}
.quiz-progress-bar{width:100%;height:4px;background:var(--color-border);border-radius:2px;margin-bottom:32px;overflow:hidden}
.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-deep-blue),var(--color-light-blue));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1);width:0}
.quiz-step-label{font-size:.75rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-weight:600}
.quiz-question{font-family:var(--font-d);font-size:1.5rem;font-weight:600;margin-bottom:8px;line-height:1.35}
.quiz-sub{font-size:.9rem;color:var(--color-text-3);margin-bottom:32px}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}
.quiz-option{padding:16px 20px;border:1px solid var(--color-border);border-radius:var(--r-lg);cursor:pointer;transition:var(--ease);background:var(--color-dark-surf);font-family:var(--font-b);font-size:.875rem;color:var(--color-text-2);text-align:left;display:flex;align-items:center;gap:12px;width:100%}
.quiz-option:hover{border-color:rgba(0,174,239,.4);color:var(--color-text-1);background:rgba(0,174,239,.05)}
.quiz-option.selected{border-color:var(--color-light-blue);color:var(--color-text-1);background:rgba(0,174,239,.1)}
.quiz-option-letter{width:28px;height:28px;border-radius:50%;background:var(--color-dark-card);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;transition:var(--ease);color:var(--color-text-3);min-width:28px}
.quiz-option.selected .quiz-option-letter{background:var(--color-light-blue);border-color:var(--color-light-blue);color:#fff}
.quiz-nav{display:flex;justify-content:space-between;align-items:center}
.quiz-result{display:none;text-align:center}
.quiz-result.show{display:block}
.result-tier-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--r-f);font-weight:700;font-size:.9rem;margin-bottom:24px;letter-spacing:.05em}
.result-tier-baseline{background:rgba(0,200,150,.15);border:1px solid rgba(0,200,150,.4);color:#00C896}
.result-tier-vanguard{background:rgba(0,174,239,.15);border:1px solid rgba(0,174,239,.4);color:var(--color-light-blue)}
.result-tier-sovereign{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);color:#F59E0B}
.result-title{font-family:var(--font-d);font-size:1.75rem;font-weight:700;margin-bottom:12px}
.result-desc{font-size:.95rem;color:var(--color-text-2);margin-bottom:32px;line-height:1.7}
.result-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}
.result-metric{background:var(--color-dark-surf);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:16px;text-align:center}
.result-metric-value{font-family:var(--font-d);font-size:1.4rem;font-weight:700;color:var(--color-light-blue)}
.result-metric-label{font-size:.7rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
.result-features{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:10px;text-align:left}
.result-features li{display:flex;gap:10px;align-items:center;font-size:.875rem;color:var(--color-text-2)}
.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .stats-section{background:linear-gradient(135deg,var(--color-deep-blue),#1a2560,var(--color-blue));padding:80px 0;position:relative;overflow:hidden}
.stats-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.03) 1.5px,transparent 1.5px);background-size:62px 62px,44px 44px;background-position:0 0,31px 22px}
.stats-section::after,.stats-ripple{content:'';position:absolute;inset:-200%;animation:rippleExpand 7s cubic-bezier(.25,.46,.45,.94) infinite;transform-origin:center;pointer-events:none}
.stats-section::after{background:radial-gradient(circle at 50% 50%,rgba(0,174,239,.2) 0%,transparent 10%),radial-gradient(circle at 50% 50%,rgba(28,117,188,.14) 0%,transparent 22%),radial-gradient(circle at 50% 50%,rgba(0,174,239,.1) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(43,57,144,.07) 0%,transparent 48%)}
.stats-ripple{background:radial-gradient(circle at 50% 50%,rgba(43,57,144,.18) 0%,transparent 12%),radial-gradient(circle at 50% 50%,rgba(0,174,239,.12) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(28,117,188,.08) 0%,transparent 38%),radial-gradient(circle at 50% 50%,rgba(43,57,144,.06) 0%,transparent 50%);animation-delay:-2s}
.stats-header{text-align:center;margin-bottom:48px;position:relative}
.stats-header p{font-size:.8rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.15em;font-weight:600}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}
.stat-item{text-align:center;position:relative}
.stat-number{font-family:var(--font-d);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;display:block;line-height:1;margin-bottom:8px}
.stat-label{font-size:.875rem;color:rgba(255,255,255,.65)} .science-section{background:var(--color-dark-surf)}
.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.science-visual{position:relative;height:480px;perspective:800px}
.biomarker-panel{position:absolute;inset:0;background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:24px;transform:rotateY(-5deg) rotateX(3deg);transition:transform .6s;overflow:hidden}
.biomarker-panel:hover{transform:rotateY(0) rotateX(0)}
.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}
.panel-dots{display:flex;gap:6px}
.panel-dot{width:10px;height:10px;border-radius:50%}
.panel-dot:nth-child(1){background:#EF4444}
.panel-dot:nth-child(2){background:#F59E0B}
.panel-dot:nth-child(3){background:#00C896}
.panel-title{font-size:.7rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.12em}
.panel-live{font-size:.7rem;color:var(--color-light-blue);font-weight:600}
.biomarker-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.biomarker-name{font-size:.8rem;color:var(--color-text-2);min-width:140px;font-family:var(--font-b)}
.biomarker-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.biomarker-bar-fill{height:100%;border-radius:3px;transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0}
.biomarker-bar-fill.optimal{background:linear-gradient(90deg,#00C896,#00AEEF)}
.biomarker-bar-fill.warning{background:linear-gradient(90deg,#F59E0B,#EF4444)}
.biomarker-bar-fill.good{background:linear-gradient(90deg,var(--color-blue),var(--color-light-blue))}
.biomarker-status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--r-f);min-width:64px;text-align:center}
.status-optimal{background:rgba(0,200,150,.15);color:#00C896}
.status-optimize{background:rgba(0,174,239,.15);color:var(--color-light-blue)}
.status-elevated{background:rgba(239,68,68,.15);color:#EF4444}
.biomarker-value{font-size:.75rem;font-family:var(--font-d);font-weight:600;min-width:70px;text-align:right}
.panel-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}
.panel-footer-text{font-size:.7rem;color:var(--color-text-3)}
.panel-footer-action{font-size:.7rem;color:var(--color-light-blue);font-weight:600}
.science-content{display:flex;flex-direction:column;gap:20px}
.science-pillar{display:flex;gap:16px;padding:20px;border:1px solid var(--color-border);border-radius:var(--r-lg);transition:var(--ease)}
.science-pillar:hover{border-color:rgba(0,174,239,.3);background:rgba(0,174,239,.03)}
.pillar-number{font-family:var(--font-d);font-size:.75rem;font-weight:700;color:var(--color-light-blue);opacity:.8;min-width:24px}
.pillar-content h4{font-family:var(--font-d);font-size:.95rem;font-weight:600;margin-bottom:6px}
.pillar-content p{font-size:.85rem;color:var(--color-text-2);line-height:1.6}
.bioavail-callout{margin-top:80px;padding:48px;border-radius:var(--r-xl);background:linear-gradient(135deg,rgba(43,57,144,.3),rgba(0,174,239,.1));border:1px solid rgba(0,174,239,.2);text-align:center;position:relative;overflow:hidden}
.bioavail-callout::before{content:'';position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(0,174,239,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,174,239,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,174,239,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,174,239,.04) 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0;pointer-events:none}
.bioavail-callout::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,174,239,.05) 25%,rgba(0,174,239,.12) 45%,rgba(28,117,188,.1) 50%,rgba(0,174,239,.12) 55%,rgba(0,174,239,.05) 75%,transparent 100%);animation:sweepGlow 5s ease-in-out infinite;pointer-events:none}
.bioavail-callout h3{font-family:var(--font-d);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700;margin-bottom:16px;position:relative;z-index:1}
.bioavail-callout>p{max-width:680px;margin:0 auto 24px;color:var(--color-text-2);line-height:1.75;position:relative;z-index:1}
.bioavail-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.bioavail-stat-val{font-family:var(--font-d);font-size:1.75rem;font-weight:700;color:var(--color-light-blue)}
.bioavail-stat-label{font-size:.75rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px} .pillars-section{background:var(--color-dark-bg)}
.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.pillar-card{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:40px;display:flex;gap:24px;align-items:flex-start;transition:var(--ease)}
.pillar-card:hover{border-color:rgba(0,174,239,.3);transform:translateX(8px);box-shadow:var(--glow)}
.pillar-num{font-family:var(--font-d);font-size:2.5rem;font-weight:700;color:rgba(0,174,239,.2);line-height:1;flex-shrink:0;min-width:56px}
.pillar-card-inner h3{font-family:var(--font-d);font-size:1.05rem;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pillar-icon{width:36px;height:36px;border-radius:var(--r-md);background:rgba(0,174,239,.1);border:1px solid rgba(0,174,239,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pillar-icon svg{width:18px;height:18px;stroke:var(--color-light-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pillar-card-inner p{font-size:.9rem;line-height:1.7;color:var(--color-text-2)}
.mission-grid{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mission-card{padding:40px;border-radius:var(--r-xl);position:relative;overflow:hidden}
.mission-card-dark{background:linear-gradient(135deg,var(--color-deep-blue),#1a2560);border:1px solid rgba(255,255,255,.05)}
.mission-card-light{background:var(--color-dark-card);border:1px solid var(--color-border)}
.mission-card .section-label{margin-bottom:8px}
.mission-card p{line-height:1.75;font-size:.95rem;margin-top:8px;color:var(--color-text-2)}
.mission-card-dark p{color:rgba(255,255,255,.85)} .pricing-section{background:var(--color-dark-bg);position:relative;overflow:hidden}
.pricing-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(43,57,144,.15) 0%,transparent 70%);pointer-events:none}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.pricing-card{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:40px 32px;position:relative;overflow:hidden;transition:var(--ease)}
.pricing-card:hover{transform:translateY(-6px);box-shadow:var(--glow)}
.pricing-card-featured{border-color:var(--color-light-blue);background:linear-gradient(160deg,rgba(43,57,144,.4) 0%,rgba(0,174,239,.1) 100%);transform:translateY(-8px)}
.pricing-card-featured:hover{transform:translateY(-14px)}
.pricing-featured-badge{position:absolute;top:0;left:0;right:0;padding:8px;background:linear-gradient(90deg,var(--color-blue),var(--color-light-blue));text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff}
.pricing-plan-name{font-family:var(--font-d);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-light-blue);margin-bottom:12px}
.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}
.pricing-currency{font-family:var(--font-d);font-size:1.5rem;font-weight:600}
.pricing-amount{font-family:var(--font-d);font-size:3.5rem;font-weight:700;line-height:1}
.pricing-period{font-size:.9rem;color:var(--color-text-3)}
.pricing-divider{height:1px;background:var(--color-border);margin:24px 0}
.pricing-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.pricing-feature{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:var(--color-text-2);line-height:1.5}
.pricing-feature-check{width:18px;height:18px;border-radius:50%;background:rgba(0,200,150,.15);border:1px solid rgba(0,200,150,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#00C896;font-size:.7rem;font-weight:700}
.pricing-cta{width:100%;justify-content:center}
.pricing-note{margin-top:16px;font-size:.75rem;color:var(--color-text-3);text-align:center}
.pricing-faq{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.faq-item{padding:24px;background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-lg)}
.faq-item h4{font-family:var(--font-d);font-size:.9rem;font-weight:600;margin-bottom:8px}
.faq-item p{font-size:.85rem;color:var(--color-text-2);line-height:1.65} .testimonials-section{background:var(--color-dark-surf)}
.testimonials-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:32px;transition:var(--ease)}
.testimonial-card:hover{transform:translateY(-4px);border-color:rgba(0,174,239,.3);box-shadow:var(--glow)}
.stars{display:flex;gap:3px;margin-bottom:16px}
.star{color:#F59E0B;font-size:.9rem}
.testimonial-quote{font-size:2.5rem;color:rgba(0,174,239,.3);font-family:Georgia,serif;line-height:1;margin-bottom:12px}
.testimonial-text{font-size:.9rem;line-height:1.7;color:var(--color-text-2);margin-bottom:24px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}
.testimonial-name{font-family:var(--font-d);font-size:.9rem;font-weight:600}
.testimonial-role{font-size:.75rem;color:var(--color-text-3);margin-top:2px}
.trust-strip{margin-top:64px;text-align:center}
.trust-label{font-size:.75rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.15em;margin-bottom:32px;font-weight:600;display:block}
.trust-certs{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;align-items:center}
.trust-cert{padding:10px 20px;border:1px solid var(--color-border);border-radius:var(--r-md);font-size:.75rem;color:var(--color-text-3);font-weight:600;letter-spacing:.08em;text-transform:uppercase} .contact-section{background:var(--color-dark-bg)}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.contact-info{display:flex;flex-direction:column;gap:32px}
.contact-intro h3{font-family:var(--font-d);font-size:1.2rem;font-weight:600;margin-bottom:8px}
.contact-intro p{font-size:.9rem;color:var(--color-text-2);line-height:1.65}
.contact-info-item{display:flex;gap:16px;align-items:flex-start}
.contact-info-icon{width:44px;height:44px;background:rgba(0,174,239,.1);border:1px solid rgba(0,174,239,.2);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-info-icon svg{width:18px;height:18px;stroke:var(--color-light-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-info-label{font-size:.75rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-weight:600}
.contact-info-value{font-size:.95rem;color:var(--color-text-2)}
.contact-quiz-cta{padding:24px;background:linear-gradient(135deg,rgba(43,57,144,.3),rgba(0,174,239,.1));border:1px solid rgba(0,174,239,.2);border-radius:var(--r-lg)}
.contact-quiz-cta h4{font-family:var(--font-d);font-size:.95rem;font-weight:600;margin-bottom:8px}
.contact-quiz-cta p{font-size:.85rem;color:var(--color-text-2);margin-bottom:16px;line-height:1.6}
.contact-form{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:40px}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.form-input{width:100%;padding:12px 16px;background:var(--color-dark-surf);border:1px solid var(--color-border);border-radius:var(--r-md);font-family:var(--font-b);font-size:.9rem;color:var(--color-text-1);transition:var(--ease);outline:none}
.form-input::placeholder{color:var(--color-text-3)}
.form-input:focus{border-color:var(--color-light-blue);box-shadow:0 0 0 3px rgba(0,174,239,.1)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
textarea.form-input{resize:vertical;min-height:120px}
.form-error{font-size:.75rem;color:#EF4444;margin-top:4px}
.captcha-box{background:var(--color-dark-surf);border:1px solid var(--color-border);border-radius:var(--r-md);padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:8px}
.captcha-question{font-family:var(--font-d);font-weight:600;color:var(--color-text-1);flex:1;font-size:.9rem}
.captcha-input{width:80px;padding:8px 12px;background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-sm);color:var(--color-text-1);font-family:var(--font-d);font-weight:600;text-align:center;font-size:.9rem;outline:none}
.captcha-input:focus{border-color:var(--color-light-blue)}
.submit-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block} .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:24px}
.modal-overlay.show{opacity:1;pointer-events:all}
.modal{background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:48px;max-width:480px;width:100%;text-align:center;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}
.modal-overlay.show .modal{transform:scale(1)}
.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--color-text-3);font-size:1.4rem;line-height:1}
.modal-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.modal-icon svg{width:32px;height:32px}
.modal-icon-success{background:rgba(0,200,150,.15);border:2px solid #00C896;color:#00C896}
.modal-icon-error{background:rgba(239,68,68,.15);border:2px solid #EF4444;color:#EF4444}
.modal-title{font-family:var(--font-d);font-size:1.5rem;font-weight:600;margin-bottom:12px}
.modal-body{font-size:.95rem;color:var(--color-text-2);margin-bottom:32px;line-height:1.65} .footer{background:var(--color-dark-surf);border-top:1px solid var(--color-border)}
.footer-main{padding:64px 0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}
.footer-brand{display:flex;flex-direction:column;gap:16px}
.footer-logo{height:44px;width:auto;max-width:140px;object-fit:contain;opacity:.9}
.footer-tagline{font-size:.875rem;color:var(--color-text-3);line-height:1.65;max-width:280px}
.footer-social{display:flex;gap:12px;margin-top:8px}
.social-link{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-3);text-decoration:none;transition:var(--ease)}
.social-link svg{width:16px;height:16px;fill:currentColor}
.social-link:hover{border-color:var(--color-light-blue);color:var(--color-light-blue);background:rgba(0,174,239,.1);transform:translateY(-2px)}
.footer-col-title{font-family:var(--font-d);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:.875rem;color:var(--color-text-3);text-decoration:none;transition:color .3s}
.footer-links a:hover{color:var(--color-light-blue)}
.score-widget{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.score-item{display:flex;flex-direction:column;gap:2px}
.score-num{font-family:var(--font-d);font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--color-light-blue),#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}
.score-label{font-size:.7rem;color:var(--color-text-3);line-height:1.2}
.footer-bottom{padding:24px 0;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-copyright{font-size:.8rem;color:var(--color-text-3)}
.footer-legal{display:flex;gap:24px;flex-wrap:wrap}
.footer-legal a{font-size:.8rem;color:var(--color-text-3);text-decoration:none;transition:color .3s}
.footer-legal a:hover{color:var(--color-light-blue)} .back-to-top{position:fixed;bottom:32px;right:32px;width:52px;height:52px;background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;opacity:0;transform:translateY(20px);transition:var(--ease);text-decoration:none;color:var(--color-text-1)}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:hover{border-color:var(--color-light-blue);color:var(--color-light-blue);transform:translateY(-4px);box-shadow:var(--glow)}
.back-to-top-arrow{position:relative;z-index:1;display:block}
.progress-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.progress-ring-circle{stroke-dasharray:144.51;stroke-dashoffset:144.51;transition:stroke-dashoffset .3s} .wp-caption-text, .gallery-caption, .bypostauthor, .aligncenter{text-align:center}
.sticky{opacity:1}
.wp-block-image figcaption{font-size:.8rem;color:var(--color-text-3);margin-top:8px}
.wp-block-pullquote{border-left:4px solid var(--color-light-blue);padding:24px;margin:24px 0;background:var(--color-dark-surf)}
.blog-sidebar .widget{margin-bottom:32px}
.blog-sidebar .widget-title{font-family:var(--font-d);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;color:var(--color-light-blue)}
.blog-sidebar ul{list-style:none}
.blog-sidebar ul li{padding:8px 0;border-bottom:1px solid var(--color-border)}
.blog-sidebar ul li a{color:var(--color-text-2);font-size:.875rem;transition:color .3s;text-decoration:none}
.blog-sidebar ul li a:hover{color:var(--color-light-blue)}
.comment-list{list-style:none;margin-bottom:32px}
.comment{padding:20px 0;border-bottom:1px solid var(--color-border)}
.comment-meta{font-size:.85rem;color:var(--color-text-3);margin-bottom:8px}
.comment-content p{font-size:.9rem;color:var(--color-text-2)}
.comment-reply-link{color:var(--color-light-blue);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:48px}
.pagination a,.pagination span{padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--r-md);color:var(--color-text-2);text-decoration:none;transition:var(--ease);font-size:.875rem}
.pagination a:hover,.pagination .current{border-color:var(--color-light-blue);background:rgba(0,174,239,.1);color:var(--color-light-blue)} @media(max-width:1024px){
.hero-content{grid-template-columns:1fr;gap:60px;text-align:center}
.hero-text-column{align-items:center}
.hero-visual-column{height:380px;max-width:480px;margin:0 auto}
.hero-actions{justify-content:center}
.hero-metrics{justify-content:center}
.ps-grid{grid-template-columns:1fr}
.process-grid{grid-template-columns:1fr 1fr}
.features-grid{grid-template-columns:1fr 1fr}
.stats-grid{grid-template-columns:repeat(2,1fr);gap:32px}
.stat-item::after{display:none}
.science-grid{grid-template-columns:1fr}
.science-visual{height:420px}
.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}
.pricing-card-featured{transform:none}
.pricing-faq{grid-template-columns:1fr}
.testimonials-track{grid-template-columns:1fr}
.pillars-grid{grid-template-columns:1fr}
.mission-grid{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.result-metrics-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.nav-links{display:none}
.hamburger{display:flex}
.nav-cta-desktop{display:none}
.process-grid{grid-template-columns:1fr}
.features-grid{grid-template-columns:1fr}
.quiz-options{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr;gap:32px}
.footer-bottom{flex-direction:column;text-align:center}
.footer-legal{justify-content:center;gap:12px}
.back-to-top{bottom:20px;right:20px;width:44px;height:44px}
.result-metrics-grid{grid-template-columns:1fr}
.quiz-card{padding:28px 20px}
.section-wrapper{padding:64px 0}
.ps-card{padding:32px 24px}
.bioavail-stats{gap:24px}
.bioavail-callout{padding:32px 24px}
}
@media(max-width:480px){
.hero-actions{flex-direction:column;width:100%}
.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center}
.result-actions{flex-direction:column}
.result-actions .btn-primary,.result-actions .btn-secondary{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.scan-zone .scan-line{display:none}
.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}
}