:root{--white:#fff;--bg:#f6faf7;--green-900:#123524;--green-700:#1f6f4a;--green-500:#2e9163;--green-100:#e4f2ea;--green-50:#f1f8f4;--ink:#16211c;--ink-soft:#5b6a62;--orange:#ff6a39;--orange-dark:#e4531f;--border:#e3ede7;--shadow-sm:0 2px 10px #1235240f;--shadow-md:0 12px 30px #1235241a;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-display:"Manrope", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--green-900);margin:0}p{color:var(--ink-soft);margin:0;line-height:1.55}button{cursor:pointer;border:none;font-family:inherit}ul{margin:0;padding:0;list-style:none}.accent{color:var(--green-500)}.progress-shell{background:var(--green-100);z-index:50;height:6px;display:none;position:fixed;top:0;left:0;right:0}.progress-shell.is-visible{display:block}.progress-bar{background:var(--green-500);width:0%;height:100%;transition:width .4s}main#app{max-width:640px;min-height:100vh;margin:0 auto;position:relative}.screen{flex-direction:column;min-height:100vh;padding:32px 24px 56px;animation:.45s fadeSlideIn;display:none}.screen.is-active{display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-screen{text-align:center;justify-content:center;align-items:center;gap:20px;padding-top:56px}.hero-badge{background:var(--green-100);color:var(--green-700);letter-spacing:.03em;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.hero-title{font-size:clamp(28px,7vw,38px);font-weight:800;line-height:1.2}.hero-subtitle{max-width:480px;font-size:16px}.hero-visual{justify-content:center;align-items:center;width:180px;height:180px;margin:8px 0;display:flex;position:relative}.hero-ring{width:180px;height:180px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--green-100);stroke-width:12px}.ring-fill{fill:none;stroke:var(--green-500);stroke-width:12px;stroke-linecap:round;stroke-dasharray:515}.hero-ring-fill{stroke-dashoffset:47px;animation:none}.hero-visual-label{flex-direction:column;align-items:center;display:flex;position:absolute}.hero-visual-number{font-family:var(--font-display);color:var(--green-700);font-size:30px;font-weight:800}.hero-visual-text{color:var(--ink-soft);text-align:center;margin-top:4px;font-size:11px}.hero-microcopy{color:var(--ink-soft);font-size:13px}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--orange);color:#fff;width:100%;padding:18px 28px;font-size:16px;box-shadow:0 10px 24px #ff6a3959}.btn-primary:hover{background:var(--orange-dark)}.btn-arrow{transition:transform .15s}.btn:hover .btn-arrow{transform:translate(3px)}.btn-cta-hero{max-width:360px}.quiz-screen{justify-content:flex-start;gap:28px;padding-top:64px}.quiz-topbar{align-items:center;gap:12px;display:flex}.quiz-back{background:var(--green-100);color:var(--green-700);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.quiz-step-label{color:var(--ink-soft);font-size:13px;font-weight:600}.quiz-question-wrap{flex-direction:column;gap:20px;display:flex}.quiz-question-title{font-size:clamp(22px,6vw,27px);font-weight:800;line-height:1.3}.quiz-question-hint{color:var(--ink-soft);font-size:14px}.quiz-options{flex-direction:column;gap:12px;margin-top:4px;display:flex}.quiz-option{border:2px solid var(--border);border-radius:var(--radius-md);text-align:left;color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:12px;padding:18px 20px;font-size:16px;font-weight:600;transition:border-color .15s,background .15s,transform .1s;display:flex}.quiz-option:hover{border-color:var(--green-500);background:var(--green-50)}.quiz-option:active{transform:scale(.98)}.quiz-option.is-selected{border-color:var(--green-500);background:var(--green-100)}.quiz-option-emoji{font-size:20px}.quiz-encouragement{color:var(--green-700);background:var(--green-50);border-radius:var(--radius-sm);text-align:center;min-height:20px;padding:12px 16px;font-size:13px}.loading-screen{text-align:center;justify-content:center;align-items:center;gap:24px}.loading-ring-wrap{width:180px;height:180px;position:relative}.loading-ring{width:180px;height:180px;transform:rotate(-90deg)}#loadingRingFill{stroke-dashoffset:515px;transition:stroke-dashoffset .3s linear}.loading-percent{font-family:var(--font-display);color:var(--green-700);justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex;position:absolute;inset:0}.loading-message{color:var(--green-900);min-height:24px;font-size:16px;font-weight:600}.result-screen{text-align:center;justify-content:flex-start;align-items:center;gap:20px;padding-top:56px}.result-badge{background:var(--green-100);color:var(--green-700);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700}.result-title{font-size:clamp(24px,6.5vw,30px);font-weight:800;line-height:1.3}.result-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);text-align:left;background:#fff;padding:24px}.result-text{color:var(--ink);font-size:16px;line-height:1.6}.result-profile-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.result-tag{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.btn-cta-result{max-width:420px;margin-top:8px}.offer-screen{gap:36px;padding-top:48px}.offer-intro{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.offer-eyebrow{background:var(--green-100);color:var(--green-700);letter-spacing:.02em;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.offer-title{font-size:clamp(24px,6.5vw,32px);font-weight:800;line-height:1.25}.offer-subtitle{max-width:460px;font-size:15px}.offer-diagnosis-recap{background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--radius-lg);color:var(--green-900);padding:20px 22px;font-size:15px;line-height:1.6}.offer-section{flex-direction:column;gap:16px;display:flex}.offer-section-title{font-size:20px;font-weight:800}.benefit-list{flex-direction:column;gap:10px;display:flex}.benefit-list li{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;gap:10px;padding:14px 16px;font-size:15px;display:flex}.benefit-list li:before{content:"✓";color:var(--green-500);font-weight:800}.learn-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.learn-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:6px;padding:18px;display:flex}.learn-icon{font-size:22px}.learn-card h4{color:var(--green-900);font-size:15px}.learn-card p{font-size:13px}.included-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.included-list li{color:var(--ink);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.check{color:var(--green-500);font-weight:800}.bonus-box{background:var(--green-900);color:#fff;border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.bonus-box p{color:#eaf4ee;font-size:14px}.bonus-tag{background:var(--orange);color:#fff;border-radius:999px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.price-block{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:14px;padding:28px 22px;display:flex}.price-anchor{align-items:baseline;gap:10px;display:flex}.price-old{color:var(--ink-soft);font-size:16px;text-decoration:line-through}.price-new{font-family:var(--font-display);color:var(--green-700);font-size:34px;font-weight:800}.price-note{font-size:13px}.btn-cta-offer{max-width:420px}.scarcity-row{color:var(--orange-dark);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.scarcity-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.guarantee-note{color:var(--green-700);font-size:13px;font-weight:600}.testimonial-grid{flex-direction:column;gap:12px;display:flex}.testimonial-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.testimonial-stars{color:var(--orange);font-size:14px}.testimonial-card p{color:var(--ink);font-size:14px}.testimonial-name{color:var(--ink-soft);font-size:12px;font-weight:700}.testimonial-name em{font-style:italic;font-weight:400}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.faq-question{width:100%;color:var(--green-900);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:16px 18px;font-size:15px;font-weight:700;display:flex}.faq-toggle{color:var(--green-500);font-size:18px;transition:transform .2s}.faq-item.is-open .faq-toggle{transform:rotate(45deg)}.faq-answer{max-height:0;padding:0 18px;transition:max-height .25s;overflow:hidden}.faq-item.is-open .faq-answer{max-height:200px;padding:0 18px 16px}.faq-answer p{font-size:14px}.final-cta{background:var(--green-700);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:28px 22px;display:flex}.final-cta h3{color:#fff;font-size:20px}.final-cta .btn-cta-offer{max-width:420px}@media (width>=700px){.screen{padding:48px 40px 72px}.learn-grid{grid-template-columns:1fr 1fr}}@media (width<=380px){.hero-title{font-size:26px}.learn-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}