.hero-badge,.hero-stat .label,.top-bar strong{text-transform:uppercase}.btn-cta:active,.btn-primary:active,.option-card:active{transform:scale(.985)}.hero,.hero-stat,.option-card .icon,.q-header,.quiz-footer,.sticky-cta .sticky-text,.top-bar{text-align:center}.btn,.faq-q,.option-card{cursor:pointer;-webkit-tap-highlight-color:transparent}:root{--green:#064f3b;--green-light:#0b7a5e;--green-dark:#032e23;--teal:#10b981;--teal-light:#34d399;--gold:#f59e0b;--gold-light:#fbbf24;--red:#ef4444;--orange:#f97316;--bg:#f7faf8;--text:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border:#e5e7eb;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06);--shadow:0 4px 20px rgba(0, 0, 0, 0.06);--shadow-lg:0 8px 40px rgba(0, 0, 0, 0.08);--radius:16px;--radius-sm:12px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,div,h1,h2,h3,h4,h5,p,span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}div,h1,h2,h3,h4,h5,p,span{letter-spacing:0;text-transform:inherit}.top-bar{background:var(--green);color:hsla(0,0%,100%,.9);font-size:12px;font-weight:500;letter-spacing:.4px;line-height:1.4;padding:11px 16px}.progress-text,.quiz-footer{color:var(--text-muted);font-size:11px}.top-bar strong{color:var(--gold-light);font-weight:700;letter-spacing:.8px}.hero h1,.hero-stat .num{font-weight:800;letter-spacing:-.5px}.progress-wrap{background:#fff;border-bottom:1px solid rgba(0,0,0,.04);padding:14px 20px 12px;position:sticky;top:0;z-index:100}.progress-bar-bg{background:#f3f4f6;border-radius:99px;height:5px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--teal),var(--green));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.25, 1, .5, 1);width:0}.progress-text{display:flex;font-weight:500;justify-content:space-between;letter-spacing:.2px;margin-top:6px}.quiz-container{margin:0 auto;max-width:440px;padding:0 20px 60px}.quiz-footer{line-height:1.5;padding:24px 20px 16px}.screen{animation:.35s fadeIn;display:none}.faq-item.open .faq-a,.screen.active,.sticky-cta.show{display:block}.hero{background-color:transparent;padding:32px 0 20px}.hero-badge{background:var(--green);border-radius:99px;color:hsla(0,0%,100%,.9);display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:18px;padding:6px 14px}.hero h1{color:var(--text);font-size:26px;line-height:1.2;margin-bottom:12px}.hero h1 em,.qualify-screen h2 em{background:linear-gradient(135deg,var(--teal),var(--green-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}.hero p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px}.hero-stats{display:flex;gap:32px;justify-content:center;margin-bottom:24px}.hero-stat .num{color:var(--green);font-size:24px}.hero-stat .label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1px;margin-top:2px}.hero-live{align-items:center;background:#fef3c7;border-radius:99px;color:#92400e;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 12px}.hero-fine,.trust-item{color:var(--text-muted)}.hero-live .dot{animation:1.5s infinite countPulse;background:var(--red);border-radius:50%;height:6px;width:6px}.hero-fine{font-size:12px;margin-top:14px}.hero-fine span{margin:0 6px;opacity:.4}.trust-row{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px;padding-top:20px}.trust-item{align-items:center;display:flex;font-size:11px;font-weight:500;gap:4px}.btn,.dyk-badge,.q-header h2{font-weight:700}.btn{border:none;border-radius:var(--radius-sm);display:block;font-family:Inter,sans-serif;font-size:15px;letter-spacing:-.1px;padding:16px 24px;text-transform:inherit;transition:.2s;width:100%}.cta-match-badge,.cycle-wrap .cw-title,.dyk-badge,.qualify-card h3{text-transform:uppercase}.btn:after{content:unset}.btn-primary{background:var(--green);box-shadow:0 2px 12px rgba(6,79,59,.2);color:#fff}.btn-primary:active{box-shadow:0 1px 6px rgba(6,79,59,.15)}.btn-cta{animation:2.5s ease-in-out infinite pulse;background:linear-gradient(135deg,var(--gold),#ea580c);box-shadow:0 4px 20px rgba(245,158,11,.3);color:#fff;font-size:16px}.dyk-card,.qualify-card{box-shadow:var(--shadow)}.q-header{padding:32px 0 22px}.q-emoji{font-size:36px;margin-bottom:12px}.q-header h2{color:var(--text);font-size:20px;letter-spacing:-.3px;line-height:1.3}.q-header p{color:var(--text-muted);font-size:13px;font-weight:500;margin-top:6px}.q-header .q-hint{color:var(--text-muted);font-size:12px;font-style:italic;font-weight:400;margin-top:4px}.options{display:flex;flex-direction:column;gap:8px}.option-card,.option-card .check{align-items:center;display:flex;transition:.15s}.options.multi .option-card .check,.options.multi .option-card.selected .check{border-radius:6px}.option-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);gap:14px;padding:15px 16px;-webkit-user-select:none;user-select:none}.option-card.selected{background:#f0fdf4;border-color:var(--green);box-shadow:0 0 0 3px rgba(6,79,59,.08)}.option-card .icon{flex-shrink:0;font-size:22px;width:32px}.option-card .text{flex:1;font-size:14px;font-weight:500;line-height:1.35;text-align:left}.option-card .text small{color:var(--text-muted);display:block;font-size:12px;font-weight:400;margin-top:1px}.option-card .check{border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;height:22px;justify-content:center;width:22px}.option-card.selected .check{background:var(--green);border-color:var(--green)}.option-card.selected .check:after{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:5px;transform:rotate(-45deg) translateY(-1px);width:8px}.multi-next{margin-top:14px;opacity:.3;pointer-events:none;transition:.25s}.multi-next.enabled{opacity:1;pointer-events:auto}.dyk-screen,.qualify-screen{padding:32px 0;text-align:center}.dyk-badge{align-items:center;background:#fffbeb;border-radius:99px;color:#92400e;display:inline-flex;font-size:10px;gap:5px;letter-spacing:1px;margin-bottom:18px;padding:6px 12px}.dyk-screen h2{color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin-bottom:18px}.dyk-card{background:#fff;border-radius:var(--radius);margin-bottom:22px;padding:22px 18px;text-align:left}.dyk-card p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:14px}.dyk-card p:last-child{margin-bottom:0}.bundle-note strong,.dyk-card strong{color:var(--text)}.dyk-highlight{background:#f0fdf4;border-left:3px solid var(--teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--green-dark);font-size:14px;font-weight:500;line-height:1.6;margin:16px 0;padding:14px 16px}.dyk-big-stat{color:var(--green);font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:4px}.dyk-big-label{color:var(--text-secondary);font-size:13px;margin-bottom:18px}.dyk-punchline{border-top:1px solid #f3f4f6;color:var(--green-dark);font-size:16px;font-weight:700;margin-top:16px;padding-top:14px}.dyk-transition{color:var(--green);font-size:14px;font-weight:500;line-height:1.5;margin-bottom:16px;text-align:center}.stat-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:11px 0}.factor-row:last-child,.ingredient-row:last-child,.stat-row:last-child,.timeline-item:last-child{border-bottom:none}.stat-icon{flex-shrink:0;font-size:18px;margin-top:1px}.stat-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.stat-text strong{color:var(--green);font-weight:600}.cycle-wrap{background:#fef7f7;border-radius:var(--radius);margin:20px -8px;overflow:hidden;padding:16px 12px 20px}.cycle-wrap .cw-title{color:#991b1b;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-align:center}.cycle-ring{height:220px;margin:30px auto 40px;position:relative;width:220px}.cycle-ring svg{height:100%;left:0;opacity:.35;overflow:visible;position:absolute;top:0;width:100%;z-index:0}.cycle-node{align-items:center;display:flex;flex-direction:column;margin-left:-31px;margin-top:-20px;position:absolute;text-align:center;width:62px;z-index:1}.cycle-node .cn-icon{align-items:center;background:#fff;border:1.5px solid #fee2e2;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;font-size:13px;height:30px;justify-content:center;margin-bottom:2px;width:30px}.cycle-node .cn-label{color:#7f1d1d;font-size:9px;font-weight:600;line-height:1.2}.cn-p1{left:50%;top:-6%}.cn-p2{left:95%;top:22%}.cn-p3{left:95%;top:68%}.cn-p4{left:50%;top:92%}.cn-p5{left:5%;top:68%}.cn-p6{left:5%;top:22%}.loading-screen{padding:56px 0;text-align:center}.loading-screen h2{color:var(--text);font-size:18px;font-weight:700;letter-spacing:-.2px;margin-bottom:6px}.loading-screen>p,.loading-step,.results-header p{color:var(--text-muted);font-size:13px}.loading-steps{margin:28px auto 0;max-width:280px;text-align:left}.loading-step{align-items:center;display:flex;gap:10px;opacity:0;padding:7px 0;transition:.4s}.qualify-icon,.step-check{align-items:center;display:flex}.loading-step.show{opacity:1}.loading-step.done{color:var(--green);font-weight:500}.loading-step.done .step-check{background:var(--green);border-color:var(--green);color:#fff}.step-check{border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;font-size:10px;height:20px;justify-content:center;transition:.3s;width:20px}.spinner{animation:.7s linear infinite spin;border:3px solid #f3f4f6;border-radius:50%;border-top-color:var(--green);height:48px;margin:0 auto 24px;width:48px}.factor-row,.ingredient-row,.timeline-item{border-bottom:1px solid #f3f4f6}.qualify-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;font-size:34px;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.qualify-screen h2{color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.4px;margin-bottom:10px}.qualify-screen .subtitle{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.qualify-personalized{background:#fffbeb;border-radius:var(--radius-sm);color:#92400e;font-size:13px;font-weight:500;line-height:1.5;margin-bottom:18px;padding:14px 16px;text-align:left}.qualify-card{background:#fff;border-radius:var(--radius);margin-bottom:22px;padding:20px 18px;text-align:left}.qualify-card h3{color:var(--green);font-size:10px;font-weight:700;letter-spacing:1.2px;margin-bottom:16px}.factor-row{align-items:center;color:var(--text);display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 0}.factor-icon{font-size:16px}.factor-bar{background:#f3f4f6;border-radius:99px;flex-shrink:0;height:5px;margin-left:auto;overflow:hidden;width:80px}.factor-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4, 0, .2, 1);width:0}.factor-fill.high{background:var(--red)}.factor-fill.med{background:var(--orange)}.factor-fill.low{background:var(--teal)}.factor-pct{flex-shrink:0;font-size:11px;font-weight:700;text-align:right;width:32px}.factor-pct.high{color:var(--red)}.factor-pct.med{color:var(--orange)}.factor-pct.low{color:var(--teal)}.sticky-cta{background:#fff;border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 24px rgba(0,0,0,.12);display:none;left:0;padding:14px 16px 16px;position:fixed;right:0;z-index:200}.sticky-cta .sticky-inner{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:440px}.sticky-cta .sticky-row{display:flex;justify-content:center;text-align:center}.sticky-cta .sticky-title{color:var(--green);font-size:14px;font-weight:700;text-align:center}.sticky-cta .sticky-sub{color:var(--text-muted);font-size:11px;margin-top:1px;text-align:center}.sticky-cta .btn{font-size:15px;padding:14px 20px;width:100%}.results-screen{padding:28px 0 80px}.results-header{margin-bottom:24px;text-align:center}.results-header h2{color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.4px;margin-bottom:6px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:20px 18px}.card-title{color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.2px;margin-bottom:16px;text-align:center}.chart-legend{color:var(--text-secondary);display:flex;font-size:11px;font-weight:500;gap:18px;justify-content:center;margin-bottom:6px}.lc-axis-label,.lc-label{font-family:Inter,sans-serif;font-size:9px}.legend-item{align-items:center;display:flex;gap:6px}.legend-line{border-radius:2px;height:3px;width:16px}.legend-line.green{background:var(--green)}.legend-line.gray{background:#d1d5db}.line-chart-wrap{padding-top:8px;position:relative;width:100%}.line-chart-wrap svg{display:block;overflow:visible;width:100%}.lc-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.lc-line.resilia{stroke:var(--green)}.lc-line.normal{stroke:#f87171;stroke-dasharray:4 3;stroke-width:2}.lc-area{opacity:.08}.lc-dot{transition:r .3s}.lc-label{font-weight:700}.lc-label.green{fill:var(--green)}.lc-axis-label,.lc-label.gray{fill:var(--text-muted)}.lc-grid{stroke:#f3f4f6;stroke-width:1}.lc-axis-label{font-weight:500}.lc-line.animate{animation:1.5s forwards drawLine;stroke-dasharray:var(--line-length);stroke-dashoffset:var(--line-length)}.lc-line.normal.animate{animation-delay:.3s;animation-duration:1.2s}.timeline-item{display:flex;gap:14px;padding:14px 0}.timeline-dot{align-items:center;background:#f0fdf4;border-radius:50%;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.timeline-content h4{color:var(--green);font-size:13px;font-weight:700;margin-bottom:2px}.timeline-content .timeline-date{color:var(--orange);font-size:11px;font-weight:600;margin-bottom:3px}.timeline-content p{color:var(--text-secondary);font-size:12px;line-height:1.5}.testimonial-card{background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-bottom:8px;padding:16px}.testimonial-card p{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.55;margin-bottom:8px}.testimonial-card .author{color:var(--green);font-size:12px;font-weight:600}.testimonial-card .author span{color:var(--text-muted);font-weight:400}.stars{color:var(--gold);font-size:12px;letter-spacing:1px;margin-bottom:6px}.ingredients-card{text-align:left}.ingredients-card h3{font-size:14px;font-weight:700;margin-bottom:14px;text-align:center}.ingredient-row{display:flex;gap:12px;padding:12px 0}.ingredient-row .ing-icon{flex-shrink:0;font-size:20px}.ingredient-row h4{color:var(--green);font-size:13px;font-weight:700;margin-bottom:1px}.ingredient-row p{color:var(--text-secondary);font-size:12px;line-height:1.4}.product-cta{background:#fff;border:2px solid var(--green);border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:6px;padding:24px 20px;text-align:center}.product-img{background:#f0fdf4;border-radius:var(--radius);display:none;height:120px;margin:0 auto 14px;object-fit:contain;padding:8px;width:120px}.product-cta h3{color:var(--text);font-size:19px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.product-cta .product-sub{color:var(--text-muted);font-size:12px;margin-bottom:16px}.cta-match-badge{background:var(--green);border-radius:6px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:14px;padding:4px 10px}.faq-q .faq-arrow,.guarantee{color:var(--text-muted);font-size:12px}.cta-benefits{list-style:none;margin-bottom:20px;text-align:left}.cta-benefits li{align-items:center;color:var(--text);display:flex;font-size:13px;font-weight:500;gap:8px;padding:5px 0}.cta-benefits li:before{color:var(--teal);content:"✓";flex-shrink:0;font-size:14px;font-weight:800}.guarantee{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:14px}.bundle-note,.faq-a{color:var(--text-secondary)}.bundle-note{font-size:12px;line-height:1.5;margin-top:16px;text-align:center}.bundle-note a{color:var(--green);font-weight:600;text-decoration:none}.faq-section{margin-top:14px}.faq-section h3{font-size:16px;font-weight:700;margin-bottom:12px;text-align:center}.faq-item{background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-bottom:6px;overflow:hidden}.faq-q{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px;width:100%}.faq-q .faq-arrow{transition:transform .2s}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-a{display:none;font-size:13px;line-height:1.6;padding:0 16px 14px}#health-quiz .hq-note,.hq .hq-note{color:var(--text-muted);font-size:11px;line-height:1.5;margin-top:10px;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes fillBar{0%{width:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes drawLine{0%{stroke-dashoffset:var(--line-length)}to{stroke-dashoffset:0}}@media (min-width:640px){.quiz-container{max-width:480px;padding:0 24px 60px}.hero h1{font-size:32px}.btn,.hero p{font-size:16px}.q-header h2{font-size:22px}.dyk-screen h2{font-size:24px}.option-card{padding:17px 20px}.option-card .text{font-size:15px}.btn{padding:18px 24px}.results-header h2{font-size:26px}.card{padding:24px}.product-cta{padding:28px 24px}.btn-primary:hover{background:var(--green-light);box-shadow:0 4px 20px rgba(6,79,59,.25);transform:translateY(-1px)}.option-card:hover{background:#fafffe;border-color:var(--teal)}}