@import"https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{--color-black: #0A0A0A;--color-white: #FFFFFF;--color-blue: #0055FF;--color-neutral-100: #F5F5F7;--color-neutral-200: #E5E5E7;--color-beige: #F9F7F2;--bg-primary: var(--color-white);--bg-secondary: var(--color-neutral-100);--bg-accent: var(--color-black);--bg-warm: var(--color-beige);--fg-primary: var(--color-black);--fg-secondary: #404040;--fg-on-accent: var(--color-white);--fg-link: var(--color-blue);--accent-blue: var(--color-blue);--border-subtle: var(--color-neutral-200);--font-serif: "Georgia", "Playfair Display", serif;--font-sans: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-mono: "Barlow", "SF Mono", monospace;--space-unit: 8px;--space-1: calc(var(--space-unit) * 1);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-6: calc(var(--space-unit) * 6);--space-8: calc(var(--space-unit) * 8);--space-12: calc(var(--space-unit) * 12);--radius-sm: 6px;--radius-md: 14px;--radius-lg: 24px;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .25s cubic-bezier(.25, .46, .45, .94);--shadow-sm: 0 2px 8px rgba(10, 10, 10, .04);--shadow-md: 0 12px 32px rgba(10, 10, 10, .06);--shadow-lg: 0 24px 64px rgba(10, 10, 10, .1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(10, 10, 10, .06);--glass-blur: blur(16px)}[data-theme=dark]{--bg-primary: var(--color-black);--bg-secondary: #121212;--bg-accent: var(--color-white);--fg-primary: var(--color-white);--fg-secondary: #A0A0A5;--fg-on-accent: var(--color-black);--border-subtle: #242426;--glass-bg: rgba(10, 10, 10, .85);--glass-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .8s cubic-bezier(.16,1,.3,1),color .8s cubic-bezier(.16,1,.3,1)}body{overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--fg-primary);font-weight:500;line-height:1.15}.serif-title{font-family:var(--font-serif);font-weight:400;line-height:1.05;letter-spacing:-.01em}p{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--fg-secondary);font-weight:400}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:var(--font-sans);transition:var(--transition-smooth)}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4);position:relative}@media(max-width:768px){.container{padding:0 var(--space-2)}}.section-padding{padding:var(--space-12) 0;position:relative;border-bottom:1px solid rgba(0,85,255,.035)}@media(max-width:768px){.section-padding{padding:var(--space-8) 0}}.blueprint-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:12.5% 100px;opacity:.02}[data-theme=dark] .blueprint-grid{opacity:.04}.blueprint-grid-v{position:absolute;top:0;bottom:0;width:1px;background:var(--border-subtle);left:50%;z-index:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--fg-primary);color:var(--bg-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--fg-primary);transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:var(--color-white);transform:translateY(-2px);box-shadow:0 8px 24px #0055ff59}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--fg-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-subtle);transition:var(--transition-smooth)}.btn-secondary:hover{border-color:var(--fg-primary);background-color:#0055ff08;transform:translateY(-2px)}.section-subtitle{font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:var(--space-2);display:block}.section-title{font-family:var(--font-serif);font-size:3rem;margin-bottom:var(--space-2);font-weight:400;line-height:1.05;letter-spacing:-.01em}@media(max-width:768px){.section-title{font-size:2.25rem}}.section-desc{font-family:var(--font-sans);font-size:1.05rem;max-width:680px;margin-bottom:var(--space-4);color:var(--fg-secondary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);transition:var(--transition-smooth);position:relative;z-index:2}.glass-panel:hover{box-shadow:var(--shadow-lg);border-color:#05f3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse-slow{0%,to{opacity:.1}50%{opacity:.25}}.pulse-slow{animation:pulse-slow 5s infinite ease-in-out}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;height:80px;display:flex;align-items:center;background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);transition:var(--transition-smooth)}.site-header.scrolled{height:64px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.brand-logo-container{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:1.25rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.brand-logo-emblem{mix-blend-mode:multiply;transition:var(--transition-smooth)}.brand-logo-container:hover .brand-logo-emblem{transform:scale(1.05);filter:drop-shadow(0 0 4px rgba(0,85,255,.25))}[data-theme=dark] .brand-logo-emblem{filter:invert(1);mix-blend-mode:screen}[data-theme=dark] .brand-logo-container:hover .brand-logo-emblem{filter:invert(1) drop-shadow(0 0 8px rgba(0,85,255,.6))}.nav-links{display:flex;gap:var(--space-4);list-style:none}@media(max-width:900px){.nav-links{display:none}}.nav-link{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--fg-secondary);font-weight:600;padding:.5rem 0;position:relative;font-family:var(--font-sans)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-blue);transition:var(--transition-fast)}.nav-link:hover:after{width:12px}.nav-link:hover{color:var(--fg-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{padding:var(--space-1);color:var(--fg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition-fast);border:1px solid transparent}.icon-btn:hover{background-color:var(--bg-secondary);color:var(--accent-blue);border-color:var(--border-subtle)}.cart-count{position:absolute;top:-2px;right:-2px;background-color:var(--accent-blue);color:var(--color-white);font-family:var(--font-mono);font-size:.65rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hero-section{padding-top:140px;padding-bottom:var(--space-12);background-color:var(--color-black);color:var(--color-white);position:relative;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-6);align-items:center;transform-style:preserve-3d;perspective:1200px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:var(--space-4);text-align:center}}.hero-content{position:relative;z-index:2}.hero-tagline{font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:var(--space-2);display:block}.hero-title{font-family:var(--font-serif);font-size:3.75rem;font-weight:400;line-height:1.02;margin-bottom:var(--space-3);color:var(--color-white)}@media(max-width:768px){.hero-title{font-size:2.5rem}}.hero-desc{font-family:var(--font-sans);font-size:1.1rem;line-height:1.65;color:#a0a0a5;margin-bottom:var(--space-4);max-width:580px}@media(max-width:900px){.hero-desc{margin:0 auto var(--space-4)}}.hero-actions-container{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}@media(max-width:900px){.hero-actions-container{justify-content:center}}.hero-stats{display:flex;gap:var(--space-6);border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-4)}@media(max-width:900px){.hero-stats{justify-content:center}}.stat-item{display:flex;flex-direction:column}.stat-value{font-family:var(--font-serif);font-size:2.25rem;color:var(--color-white);line-height:1;margin-bottom:4px}.stat-label{font-family:var(--font-sans);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#808085;font-weight:600}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;z-index:2;min-height:480px}@media(max-width:900px){.hero-visual{min-height:340px;margin-top:var(--space-4)}}.product-image-container{position:relative;width:100%;max-width:440px;transition:transform .8s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 25px 50px rgba(0,0,0,.45));display:flex;align-items:center;justify-content:center}.product-image-container:hover{transform:translateY(-4px) scale(1.02)}.product-image-container img{width:100%;max-height:520px;height:auto;object-fit:contain;display:block;z-index:2;position:relative;animation:float-bottle 6s ease-in-out infinite;transition:transform .5s cubic-bezier(.16,1,.3,1)}@keyframes float-bottle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-shadow-backdrop{position:absolute;bottom:-25px;left:15%;right:15%;height:25px;background:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0%,transparent 80%);z-index:1;pointer-events:none;animation:float-shadow 6s ease-in-out infinite}@keyframes float-shadow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(.85);opacity:.4}}.hero-circle-backdrop{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,85,255,.06) 0%,transparent 70%);z-index:0;pointer-events:none}.layer-holographic-ring{position:absolute;width:440px;height:440px;border:1px solid rgba(0,85,255,.08);border-radius:50%;transform:translateZ(-30px);z-index:1;pointer-events:none;animation:spin-ring 45s linear infinite;display:flex;align-items:center;justify-content:center}.layer-holographic-ring:before{content:"";position:absolute;width:90%;height:90%;border:1px solid rgba(255,255,255,.02);border-radius:50%}.layer-holographic-ring:after{content:"";position:absolute;width:75%;height:75%;border:1px solid rgba(0,85,255,.04);border-radius:50%}@keyframes spin-ring{0%{transform:translateZ(-30px) rotate(0)}to{transform:translateZ(-30px) rotate(360deg)}}.layer-bg-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(0,85,255,.2) 0%,transparent 75%);transform:translateZ(-40px);z-index:0;pointer-events:none}.layer-floating-capsule{position:absolute;width:48px;height:18px;border-radius:20px;background:linear-gradient(135deg,#ffffff1f,#ffffff08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px #0055ff1f,inset 0 1px 3px #ffffff4d;pointer-events:none;z-index:3}.layer-floating-capsule:before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background:#05f9;border-top-left-radius:20px;border-bottom-left-radius:20px;border-right:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 2px #ffffff59}.capsule-top-left{top:15%;left:-8%;transform:translateZ(90px) rotate(35deg);animation:float-capsule-tl 8s ease-in-out infinite}.capsule-bottom-right{bottom:25%;right:-8%;transform:translateZ(110px) rotate(-25deg);animation:float-capsule-br 10s ease-in-out infinite}@keyframes float-capsule-tl{0%,to{transform:translateZ(90px) rotate(35deg) translateY(0) rotateX(0)}50%{transform:translateZ(105px) rotate(42deg) translateY(-14px) rotateX(10deg)}}@keyframes float-capsule-br{0%,to{transform:translateZ(110px) rotate(-25deg) translateY(0) rotateY(0)}50%{transform:translateZ(128px) rotate(-18deg) translateY(14px) rotateY(-12deg)}}.layer-molecule-spark{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#ffffff 30%,var(--accent-blue) 80%);border-radius:50%;box-shadow:0 0 16px var(--accent-blue),0 0 28px #0055ff80;pointer-events:none;z-index:3}.spark-mid-right{top:40%;right:6%;transform:translateZ(70px);animation:float-spark-mr 7s ease-in-out infinite}.spark-low-left{bottom:38%;left:4%;transform:translateZ(60px);animation:float-spark-ll 8s ease-in-out infinite}@keyframes float-spark-mr{0%,to{transform:translateZ(70px) translate(0)}50%{transform:translateZ(88px) translate(10px,-12px)}}@keyframes float-spark-ll{0%,to{transform:translateZ(60px) translate(0)}50%{transform:translateZ(78px) translate(-8px,10px)}}.product-showcase{background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.product-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}@media(max-width:900px){.product-showcase-grid{grid-template-columns:1fr;gap:var(--space-4)}}.product-details-panel{display:flex;flex-direction:column;gap:var(--space-3)}.product-specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:var(--space-1) 0}.spec-box{border:1px solid var(--border-subtle);padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--bg-secondary)}.spec-box h5{font-family:var(--font-sans);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-secondary);margin-bottom:4px}.spec-box p{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--fg-primary)}.pricing-options{display:flex;flex-direction:column;gap:var(--space-2)}.pricing-option-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;background-color:var(--bg-primary);transition:var(--transition-smooth)}.pricing-option-card:hover{border-color:var(--accent-blue);background-color:#0055ff05}.pricing-option-card.active{border-color:var(--accent-blue);background-color:#0055ff0a;box-shadow:0 4px 16px #0055ff0f}.option-details{display:flex;align-items:center;gap:var(--space-2)}.radio-indicator{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.pricing-option-card.active .radio-indicator{border-color:var(--accent-blue);background-color:var(--accent-blue)}.pricing-option-card.active .radio-indicator:after{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--color-white)}.option-text h4{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--fg-primary)}.option-text p{font-size:.75rem;color:var(--fg-secondary)}.option-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.price-value{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--fg-primary)}.price-badge{font-family:var(--font-sans);font-size:.65rem;color:var(--color-white);background-color:var(--accent-blue);padding:2px 6px;border-radius:20px;font-weight:600;margin-top:4px}.quiz-widget{max-width:780px;margin:0 auto;padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border)}@media(max-width:768px){.quiz-widget{padding:var(--space-3)}}.quiz-steps{display:flex;justify-content:space-between;margin-bottom:var(--space-4);position:relative}.quiz-steps:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-subtle);z-index:1;transform:translateY(-50%)}.step-indicator{width:32px;height:32px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;font-weight:700;z-index:2;transition:var(--transition-fast);color:var(--fg-secondary)}.step-indicator.active{background-color:var(--fg-primary);color:var(--bg-primary);border-color:var(--fg-primary)}.step-indicator.completed{background-color:var(--accent-blue);color:var(--color-white);border-color:var(--accent-blue)}.quiz-question-container{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quiz-question{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;margin-bottom:var(--space-4);max-width:580px}.quiz-options{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:480px}.quiz-option-btn{width:100%;padding:var(--space-2) var(--space-3);text-align:left;border:1px solid var(--border-subtle);background-color:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--fg-primary);transition:var(--transition-fast)}.quiz-option-btn:hover{border-color:var(--accent-blue);background-color:#0055ff05}.quiz-option-btn.selected{border-color:var(--accent-blue);background-color:#0055ff0d;font-weight:600}.quiz-nav{display:flex;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:var(--space-3);margin-top:var(--space-4)}.quiz-results{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-3) 0}.score-circle{width:120px;height:120px;border-radius:50%;border:4px solid var(--accent-blue);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-3);background-color:#0055ff08}.score-num{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;line-height:1;color:var(--accent-blue)}.score-max{font-family:var(--font-sans);font-size:.75rem;color:var(--fg-secondary);font-weight:600}.protocol-timeline{position:relative;max-width:620px;margin:var(--space-4) auto;padding-left:var(--space-6);border-left:2px solid var(--border-subtle);text-align:left}.protocol-node{position:relative;margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.protocol-node:before{content:"";position:absolute;left:calc(-1 * var(--space-6) - 7px);top:4px;width:12px;height:12px;border-radius:50%;background-color:var(--bg-primary);border:2px solid var(--border-subtle);transition:all .3s ease}.protocol-node.active:before{background-color:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue)}.protocol-time{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-blue);letter-spacing:.05em;margin-bottom:2px;display:block}.protocol-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;color:var(--fg-primary);margin-bottom:6px}.protocol-desc{font-family:var(--font-sans);font-size:.85rem;line-height:1.6;color:var(--fg-secondary)}.node-highlight{background-color:#0055ff08;border:1px solid rgba(0,85,255,.15);border-left:4px solid var(--accent-blue);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-1)}.alignment-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);max-width:620px;margin:var(--space-5) auto 0;text-align:left;position:relative;overflow:hidden}.alignment-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background-color:var(--accent-blue)}.alignment-grid{display:grid;grid-template-columns:1fr 180px;gap:var(--space-3);align-items:center}@media(max-width:580px){.alignment-grid{grid-template-columns:1fr;text-align:center}}.cellular-visualizer-box{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.visualizer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}@media(max-width:900px){.visualizer-grid{grid-template-columns:1fr;gap:var(--space-4)}}.visualizer-steps{display:flex;flex-direction:column;gap:var(--space-2)}.visualizer-step-card{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:2px solid transparent;background-color:var(--bg-primary);cursor:pointer;transition:var(--transition-smooth)}.visualizer-step-card:hover{background-color:var(--bg-secondary)}.visualizer-step-card.active{border-left-color:var(--accent-blue);background-color:var(--bg-primary);box-shadow:var(--shadow-md)}.visualizer-step-card h4{font-family:var(--font-sans);font-size:.95rem;font-weight:600;margin-bottom:4px;color:var(--fg-primary)}.visualizer-step-card p{font-size:.8rem;line-height:1.5;color:var(--fg-secondary)}.svg-viewport{width:100%;height:340px;background-color:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:var(--space-2)}.planner-clock-container{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);max-width:960px;margin:0 auto}.planner-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-4);align-items:center}@media(max-width:900px){.planner-layout{grid-template-columns:1fr;gap:var(--space-4)}}.interactive-clock-face{width:280px;height:280px;border-radius:50%;border:8px solid var(--border-subtle);background-color:var(--bg-primary);position:relative;margin:0 auto;box-shadow:var(--shadow-md)}.clock-mark{position:absolute;font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--fg-secondary)}.clock-mark-12{top:var(--space-2);left:50%;transform:translate(-50%)}.clock-mark-3{right:var(--space-2);top:50%;transform:translateY(-50%)}.clock-mark-6{bottom:var(--space-2);left:50%;transform:translate(-50%)}.clock-mark-9{left:var(--space-2);top:50%;transform:translateY(-50%)}.clock-hand{position:absolute;top:50%;left:50%;width:2px;height:110px;background-color:var(--accent-blue);transform-origin:bottom center;margin-top:-110px;margin-left:-1px;z-index:2;transition:transform .6s cubic-bezier(.16,1,.3,1)}.clock-hand:after{content:"";position:absolute;top:0;left:-4px;width:10px;height:10px;border-radius:50%;background-color:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue)}.clock-center{width:12px;height:12px;border-radius:50%;background-color:var(--fg-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.planner-controls{display:flex;flex-direction:column;gap:var(--space-2)}.planner-item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-primary);transition:var(--transition-fast)}.planner-item-row h5{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--fg-primary)}.planner-item-row p{font-size:.7rem;color:var(--fg-secondary)}.time-select{padding:6px 28px 6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:700;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0A0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;transition:var(--transition-fast)}[data-theme=dark] .time-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.time-select:focus{border-color:var(--accent-blue)}.batch-search-box{display:flex;gap:var(--space-2);max-width:540px;margin:0 auto var(--space-4)}.batch-input{flex:1;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.95rem;font-weight:600;outline:none;background-color:var(--bg-primary);color:var(--fg-primary);transition:var(--transition-fast)}.batch-input:focus{border-color:var(--accent-blue);box-shadow:0 0 8px #0055ff26}.coa-document-card{max-width:860px;margin:0 auto;padding:var(--space-4);border:1px solid var(--border-subtle);background-color:var(--bg-primary)}.coa-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);margin-bottom:var(--space-3)}@media(max-width:768px){.coa-header{flex-direction:column;gap:var(--space-2)}}.coa-title-group h3{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-primary)}.coa-details{text-align:right;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-secondary)}@media(max-width:768px){.coa-details{text-align:left}}.coa-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.coa-table th,.coa-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-subtle);font-size:.85rem}.coa-table th{font-family:var(--font-sans);font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;color:var(--fg-secondary);background-color:var(--bg-secondary)}.coa-table td{font-family:var(--font-sans)}.coa-table td:nth-child(3){font-family:var(--font-mono);font-weight:600}.coa-status-passed{color:#10b981;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.lightbox-content{position:relative;max-width:90%;max-height:85%;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:0 32px 80px #000c;overflow:hidden}.lightbox-image{max-width:100%;max-height:80vh;display:block;object-fit:contain}.lightbox-close-btn{position:absolute;top:-48px;right:0;color:var(--color-white);display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:none}.lightbox-close-btn:hover{color:var(--accent-blue)}@keyframes fadeIn{to{opacity:1}}.timeline-box{position:relative;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.timeline-nav{display:flex;justify-content:space-between;border-bottom:2px solid var(--border-subtle);position:relative}.timeline-nav-btn{flex:1;padding:var(--space-2) 0;font-family:var(--font-sans);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-secondary);border-bottom:3px solid transparent;margin-bottom:-2px;text-align:center}.timeline-nav-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.timeline-content-card{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-4);align-items:center}@media(max-width:768px){.timeline-content-card{grid-template-columns:1fr;gap:var(--space-2)}}.timeline-graphic{width:100%;height:200px;background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:440px;background-color:var(--bg-primary);box-shadow:-10px 0 40px #0a0a0a26;z-index:99999;transform:translate(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;border-left:1px solid var(--border-subtle)}.cart-drawer.open{transform:translate(0)}.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0a0a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .4s ease}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-header{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.cart-title{font-family:var(--font-sans);font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cart-body{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.cart-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.cart-item-info h5{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--fg-primary)}.cart-item-info p{font-size:.75rem}.quantity-controls{display:flex;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--bg-secondary)}.quantity-btn{padding:4px 10px;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--fg-primary)}.quantity-value{padding:0 8px;font-family:var(--font-mono);font-size:.85rem;font-weight:700}.cart-footer{padding:var(--space-3);border-top:1px solid var(--border-subtle);background-color:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.cart-subtotal{display:flex;justify-content:space-between;font-family:var(--font-sans);font-weight:600}.subtotal-value{font-family:var(--font-mono);font-weight:700;font-size:1.15rem}.site-footer{background-color:var(--color-black);color:var(--color-white);padding:var(--space-8) 0 var(--space-4);border-top:1px solid var(--border-subtle);position:relative;z-index:2}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-4)}}.footer-brand h4{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-white);margin-bottom:var(--space-1)}.footer-brand p{color:#808085}.footer-links h5{font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:var(--space-2)}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:.85rem;color:#a0a0a5}.footer-links a:hover{color:var(--color-white);padding-left:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-3);display:flex;justify-content:space-between;color:#606065;margin-bottom:var(--space-3)}@media(max-width:768px){.footer-bottom{flex-direction:column;gap:8px}}.compliance-text{font-size:.7rem;line-height:1.5;color:#606065;border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-2);text-align:justify}.hero-trust-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:.4rem .8rem;border-radius:100px;font-size:.72rem;font-family:var(--font-sans);color:#a0a0a5;margin-bottom:var(--space-3);transition:var(--transition-fast)}.hero-trust-badge:hover{background:#ffffff0f;border-color:#0055ff40;color:var(--color-white)}.hero-trust-badge .stars{color:#ffae00;font-weight:700;letter-spacing:1px}.hero-trust-badge .badge-text{color:var(--color-white);font-weight:600}.hero-trust-badge .separator{opacity:.2}.hero-objective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:1.5rem;margin-bottom:1rem;transform-style:preserve-3d}@media(max-width:768px){.hero-objective-grid{grid-template-columns:1fr;gap:8px}}.hero-objective-card{background:#ffffff04;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:var(--space-2);text-align:left;cursor:pointer;transition:var(--transition-smooth);position:relative;transform-style:preserve-3d}.hero-objective-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateZ(15px) translateY(-2px)}.hero-objective-card.active{background:#0055ff0f;border-color:#05f;box-shadow:0 0 20px #0055ff40}.hero-objective-card.active.energy{background:#00d0ff0f;border-color:#00d0ff;box-shadow:0 0 20px #00d0ff40}.hero-objective-card.active.focus{background:#7000ff0f;border-color:#7000ff;box-shadow:0 0 20px #7000ff40}.hero-objective-card .card-icon-dot{width:6px;height:6px;border-radius:50%;background:#606065;margin-bottom:8px;display:block;transition:var(--transition-fast)}.hero-objective-card.active .card-icon-dot{background:#05f;box-shadow:0 0 8px #05f}.hero-objective-card.active.energy .card-icon-dot{background:#00d0ff;box-shadow:0 0 8px #00d0ff}.hero-objective-card.active.focus .card-icon-dot{background:#7000ff;box-shadow:0 0 8px #7000ff}.hero-objective-card h4{font-size:.8rem;color:var(--color-white);font-weight:700;margin-bottom:4px;font-family:var(--font-sans)}.hero-objective-card p{font-size:.65rem;color:#808085;line-height:1.35;font-weight:500}.hero-objective-card:hover p{color:#a0a0a5}.pathway-ledger{background:#ffffff04;border-left:2px solid var(--accent-blue);padding:.85rem 1rem;margin-bottom:1.5rem;border-radius:0 var(--radius-md) var(--radius-md) 0;transition:var(--transition-smooth)}.pathway-ledger.energy{border-left-color:#00d0ff;background:#00d0ff01}.pathway-ledger.dna{border-left-color:#05f;background:#0055ff01}.pathway-ledger.focus{border-left-color:#7000ff;background:#7000ff01}.pathway-ledger .ledger-title{font-family:var(--font-mono);font-size:.65rem;color:var(--accent-blue);letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:4px;transition:var(--transition-fast)}.pathway-ledger.energy .ledger-title{color:#00d0ff}.pathway-ledger.dna .ledger-title{color:#05f}.pathway-ledger.focus .ledger-title{color:#7000ff}.pathway-ledger .ledger-content{font-size:.75rem;color:#a0a0a5;line-height:1.45}.floating-tech-label{position:absolute;font-family:var(--font-mono);font-size:.65rem;color:#ffffffa6;background:#0a0a0ad1;border:1px solid rgba(255,255,255,.08);padding:.35rem .65rem;border-radius:4px;pointer-events:none;white-space:nowrap;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;box-shadow:0 8px 24px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:4}.floating-tech-label:before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent-blue);border-radius:50%;margin-right:6px;vertical-align:middle}.floating-tech-label.blue:before{background:#05f;box-shadow:0 0 6px #05f}.floating-tech-label.cyan:before{background:#00d0ff;box-shadow:0 0 6px #00d0ff}.floating-tech-label.purple:before{background:#7000ff;box-shadow:0 0 6px #7000ff}.hero-bullet-columns{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:var(--space-3)}.hero-bullet-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:#c0c0c5;line-height:1.4}.hero-bullet-item strong{color:var(--color-white);font-weight:600}.hero-divider-line{width:120px;height:3px;margin-bottom:1.5rem;transition:background-color .5s ease,box-shadow .5s ease}@media(max-width:900px){.hero-divider-line{margin:0 auto 1.5rem}}.scn-aura-glow-1,.scn-aura-glow-2{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(140px);z-index:0;pointer-events:none;opacity:.09;transition:opacity .8s ease,filter .8s ease;animation:floatAura 25s infinite alternate ease-in-out}.scn-aura-glow-1{top:-100px;right:-100px;background:radial-gradient(circle,var(--accent-blue) 0%,rgba(0,85,255,0) 70%)}.scn-aura-glow-2{bottom:-150px;left:-100px;background:radial-gradient(circle,#7000ff,#7000ff00 70%);animation-delay:-5s}[data-theme=dark] .scn-aura-glow-1,[data-theme=dark] .scn-aura-glow-2{opacity:.05}@keyframes floatAura{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}to{transform:translate(-30px,-60px) scale(.95)}}.highlight-italics{font-family:var(--font-serif);font-style:italic;text-decoration:underline;text-decoration-color:var(--accent-blue);text-underline-offset:6px;text-decoration-thickness:2px}.btn-primary,.btn-secondary{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s cubic-bezier(.25,.46,.45,.94),background-color .25s ease,border-color .25s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 8px 24px #0055ff40}.btn-secondary:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 8px 24px #0a0a0a0d}[data-theme=dark] .btn-secondary:hover{box-shadow:0 8px 24px #ffffff0d}.btn-primary:after{content:"";position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff40,#fff0);transform:skew(-25deg);pointer-events:none}.btn-primary:hover:after{animation:shimmer 1.2s cubic-bezier(.16,1,.3,1)}@keyframes shimmer{0%{left:-50%}to{left:150%}}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1.5px;background-color:var(--accent-blue);transition:width .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after{width:100%;left:0}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}#routine,.product-showcase,#planner,#timeline,#batch{background-color:transparent!important}.hero-section,#science,#absorption{background-color:#0a0a0ad9!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}body{background-color:var(--bg-primary);position:relative;z-index:1}main#MainContent{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/19/assets/theme.css.map */