*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg:#0e1410;--c-bg-2:#141c14;--c-bg-card:#1a241a;--c-bg-elevated:#1f2b1f;--c-surface:#243224;--c-green:#4a8c5c;--c-green-light:#5da872;--c-green-glow:#4a8c5c40;--c-ember:#e07b39;--c-ember-light:#f09050;--c-ember-glow:#e07b3933;--c-text:#f0ede6;--c-text-2:#b8b4aa;--c-text-3:#7a776f;--c-text-inv:#0e1410;--c-border:#ffffff12;--c-border-hover:#ffffff24;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--font:"Outfit", system-ui, sans-serif;--fw-light:300;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s cubic-bezier(.16, 1, .3, 1)}html{font-family:var(--font);background-color:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--c-bg);min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-surface);border-radius:var(--r-full)}.quiz-shell{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.progress-wrap{z-index:100;background:var(--c-border);height:3px;position:fixed;top:0;left:0;right:0}.progress-fill{background:linear-gradient(90deg, var(--c-green), var(--c-green-light));height:100%;box-shadow:0 0 8px var(--c-green-glow);transition:width .5s cubic-bezier(.16,1,.3,1)}.logo-bar{z-index:99;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.logo-bar:after{content:"";background:linear-gradient(to bottom, var(--c-bg) 30%, transparent);z-index:-1;position:absolute;inset:0}.logo-mark{font-weight:var(--fw-bold);color:var(--c-text);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.logo-paw{background:var(--c-green);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.step-counter{color:var(--c-text-3);font-size:.8rem;font-weight:var(--fw-medium)}.stage{flex-direction:column;justify-content:center;align-items:stretch;gap:1.5rem;width:100%;max-width:600px;min-height:100dvh;margin:0 auto;padding:5rem 1.25rem 3rem;display:flex}.entry-hero{width:calc(100% + 2.5rem);height:80vw;max-height:420px;margin-top:-5rem;margin-left:-1.25rem;position:relative;overflow:hidden}.entry-hero img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.entry-hero:after{content:"";background:linear-gradient(to top, var(--c-bg) 10%, transparent);height:25%;position:absolute;bottom:0;left:0;right:0}.entry-content{padding-top:0}.headline{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:var(--fw-extrabold);letter-spacing:-.03em;color:var(--c-text);line-height:1.15}.headline-lg{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:var(--fw-extrabold);letter-spacing:-.04em;color:var(--c-text);line-height:1.1}.headline .accent{color:var(--c-green-light)}.subtext{color:var(--c-text-2);max-width:52ch;font-size:1rem;line-height:1.65}.subtext strong,.subtext b{color:var(--c-text);font-weight:var(--fw-semibold)}.name-input-wrap{flex-direction:column;gap:.5rem;display:flex}.input-label{font-size:.85rem;font-weight:var(--fw-medium);color:var(--c-text-3);letter-spacing:.02em}.name-input{background:var(--c-bg-card);border:1.5px solid var(--c-border);border-radius:var(--r-md);width:100%;color:var(--c-text);font-family:var(--font);font-size:1.1rem;font-weight:var(--fw-medium);transition:border-color var(--t-base), box-shadow var(--t-base);outline:none;padding:1rem 1.25rem}.name-input::placeholder{color:var(--c-text-3)}.name-input:focus{border-color:var(--c-green);box-shadow:0 0 0 3px var(--c-green-glow)}.options-grid{flex-direction:column;gap:.75rem;display:flex}.option-card{background:var(--c-bg-card);border:1.5px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;width:100%;transition:background var(--t-base), border-color var(--t-base), transform var(--t-fast), box-shadow var(--t-base);text-align:left;font-family:var(--font);color:var(--c-text);font-size:.975rem;font-weight:var(--fw-medium);align-items:center;gap:.875rem;padding:1rem 1.25rem;line-height:1.4;display:flex}.option-card:hover{background:var(--c-bg-elevated);border-color:var(--c-border-hover);transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.option-card:active{transform:scale(.98)translateY(0)}.option-card.selected{border-color:var(--c-green);box-shadow:0 0 0 1px var(--c-green-light) inset, 0 4px 20px var(--c-green-glow);background:#4a8c5c1f}.option-card.selected .option-icon{background:var(--c-green);color:#fff}.option-icon{border-radius:var(--r-sm);background:var(--c-surface);width:36px;min-width:36px;height:36px;transition:background var(--t-base), color var(--t-base);justify-content:center;align-items:center;font-size:1rem;display:flex}.option-check{border:1.5px solid var(--c-border-hover);width:20px;min-width:20px;height:20px;transition:background var(--t-base), border-color var(--t-base);color:#0000;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.option-card.selected .option-check{background:var(--c-green);border-color:var(--c-green);color:#fff}.option-card.multi-selected{border-color:var(--c-green);background:#4a8c5c1a}.option-card.multi-selected .option-check{background:var(--c-green);border-color:var(--c-green);color:#fff}.btn-primary{background:var(--c-green);color:#fff;border-radius:var(--r-full);width:100%;font-family:var(--font);font-size:1rem;font-weight:var(--fw-bold);cursor:pointer;transition:background var(--t-base), transform var(--t-fast), box-shadow var(--t-base);letter-spacing:-.01em;border:none;padding:1.1rem 2rem;line-height:1;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;transition:opacity var(--t-base);background:linear-gradient(135deg,#ffffff1f,#0000);position:absolute;inset:0}.btn-primary:hover{background:var(--c-green-light);box-shadow:0 8px 30px var(--c-green-glow), 0 2px 8px #0006;transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-ember{background:var(--c-ember);color:#fff;border-radius:var(--r-full);width:100%;font-family:var(--font);font-size:1.05rem;font-weight:var(--fw-bold);cursor:pointer;transition:background var(--t-base), transform var(--t-fast), box-shadow var(--t-base);letter-spacing:-.01em;border:none;padding:1.25rem 2rem;line-height:1.2;position:relative;overflow:hidden}.btn-ember:hover{background:var(--c-ember-light);box-shadow:0 8px 30px var(--c-ember-glow), 0 2px 8px #0006;transform:translateY(-2px)}.btn-ember:active{transform:scale(.98)translateY(0)}.media-card{background:var(--c-bg-card);border:1.5px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.media-card-label{background:var(--c-surface);font-size:.7rem;font-weight:var(--fw-semibold);color:var(--c-text-3);letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem}.media-card-headline{font-size:.95rem;font-weight:var(--fw-semibold);color:var(--c-text);border-bottom:1px solid var(--c-border);padding:1rem 1.25rem 1.25rem;line-height:1.5}.media-card-source{color:var(--c-text-3);padding:.6rem 1.25rem;font-size:.75rem;font-style:italic}.section-image{border-radius:0;width:100%;position:relative;overflow:hidden}.section-image img{object-fit:cover;object-position:center;width:100%;height:300px;display:block}.testimonial-list{flex-direction:column;gap:1rem;display:flex}.testimonial-card{background:var(--c-bg-card);border:1.5px solid var(--c-border);border-radius:var(--r-lg);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.testimonial-meta{align-items:center;gap:.75rem;display:flex}.testimonial-avatar{background:var(--c-surface);width:40px;height:40px;font-size:1.1rem;font-weight:var(--fw-bold);color:var(--c-green-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.testimonial-name{font-size:.875rem;font-weight:var(--fw-semibold);color:var(--c-text)}.testimonial-location{color:var(--c-text-3);font-size:.75rem}.testimonial-quote{color:var(--c-text-2);font-size:.9rem;font-style:italic;line-height:1.65}.loading-stage{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;padding:2rem;display:flex}.loading-paw{background:var(--c-green);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;animation:1.5s ease-in-out infinite pulse-paw;display:flex}@keyframes pulse-paw{0%,to{box-shadow:0 0 0 0 var(--c-green-glow);transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 0 16px #0000}}.loading-bar-wrap{background:var(--c-border);border-radius:var(--r-full);width:100%;max-width:320px;height:4px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--c-green), var(--c-green-light));border-radius:var(--r-full);height:100%;animation:6s ease-out forwards loading-sweep}@keyframes loading-sweep{0%{width:0%}30%{width:45%}60%{width:72%}90%{width:91%}to{width:100%}}.loading-text{font-size:1rem;font-weight:var(--fw-medium);color:var(--c-text-2);text-align:center;min-height:1.5em;transition:opacity .4s}.diagnostic-chart{flex-direction:column;align-items:center;gap:1rem;display:flex}.risk-ring{width:140px;height:140px;position:relative}.risk-ring svg{transform:rotate(-90deg)}.risk-ring-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.risk-percent{font-size:2rem;font-weight:var(--fw-extrabold);color:#e07b39;letter-spacing:-.04em;line-height:1}.risk-label{color:var(--c-text-3);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem}.symptom-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.symptom-tag{border-radius:var(--r-full);font-size:.78rem;font-weight:var(--fw-medium);color:var(--c-ember-light);background:#e07b391f;border:1px solid #e07b394d;padding:.3rem .75rem}.tsl-stage{flex-direction:column;gap:2rem;width:100%;max-width:640px;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:flex}.tsl-hero-img{width:calc(100% + 2.5rem);height:85vw;max-height:420px;margin-top:-5.5rem;margin-left:-1.25rem;position:relative;overflow:hidden}.tsl-hero-img img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.tsl-hero-img:after{content:"";background:linear-gradient(to top, var(--c-bg) 10%, transparent);height:30%;position:absolute;bottom:0;left:0;right:0}.tsl-block{flex-direction:column;gap:1rem;display:flex}.tsl-block p{color:var(--c-text-2);font-size:1rem;line-height:1.75}.tsl-block p strong{color:var(--c-text);font-weight:var(--fw-semibold)}.tsl-reveal-box{background:var(--c-bg-card);border:1.5px solid var(--c-border);border-radius:var(--r-lg);flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.recipe-categories{flex-direction:column;gap:.5rem;display:flex}.recipe-row{border-bottom:1px solid var(--c-border);color:var(--c-text-2);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}.recipe-row:last-child{border-bottom:none}.recipe-row-icon{text-align:center;width:24px;font-size:1.1rem}.social-proof-bar{background:var(--c-bg-card);border-left:3px solid var(--c-green);border-radius:0 var(--r-md) var(--r-md) 0;flex-direction:column;gap:.5rem;padding:1.25rem 1.25rem 1.25rem 1.5rem;display:flex}.social-proof-bar .count{font-size:1.5rem;font-weight:var(--fw-extrabold);color:var(--c-green-light);letter-spacing:-.04em}.social-proof-bar .label{color:var(--c-text-2);font-size:.875rem}.proof-quotes{flex-direction:column;gap:.5rem;display:flex}.proof-quote{color:var(--c-text-2);border-left:2px solid var(--c-border-hover);padding-left:1rem;font-size:.875rem;font-style:italic;line-height:1.5}.guarantee-box{border-radius:var(--r-lg);background:#4a8c5c14;border:1.5px solid #4a8c5c40;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.guarantee-icon{flex-shrink:0;font-size:2rem;line-height:1}.guarantee-text{flex-direction:column;gap:.25rem;display:flex}.guarantee-text .title{font-weight:var(--fw-bold);color:var(--c-text);font-size:.95rem}.guarantee-text .body{color:var(--c-text-2);font-size:.875rem;line-height:1.55}.price-cta-block{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.price-tag{text-align:center;flex-direction:column;gap:.25rem;display:flex}.price-amount{font-size:2.5rem;font-weight:var(--fw-extrabold);color:var(--c-text);letter-spacing:-.05em;line-height:1}.price-note{color:var(--c-text-3);font-size:.8rem}.cta-subtext{text-align:center;color:var(--c-text-3);justify-content:center;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.cta-subtext span{align-items:center;gap:.25rem;display:flex}.divider{background:var(--c-border);height:1px;margin:.5rem 0}.upsell-box{background:var(--c-bg-card);border:1.5px solid var(--c-border);border-radius:var(--r-lg);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.upsell-label{font-size:.7rem;font-weight:var(--fw-semibold);color:var(--c-text-3);letter-spacing:.08em;text-transform:uppercase}.upsell-text{color:var(--c-text-2);font-size:.9rem;line-height:1.6}.checklist{flex-direction:column;gap:.625rem;margin-top:.25rem;display:flex}.checklist-item{color:var(--c-text-2);align-items:flex-start;gap:.625rem;font-size:.95rem;line-height:1.5;display:flex}.check-dot{background:var(--c-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-top:2px;font-size:.6rem;display:flex}.multi-continue{flex-direction:column;gap:.5rem;display:flex}.selected-count{text-align:center;color:var(--c-text-3);font-size:.8rem}.urgency-notice{border-radius:var(--r-md);color:var(--c-text-2);background:#e07b3914;border:1px solid #e07b3933;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;font-size:.85rem;line-height:1.55;display:flex}.urgency-notice strong{color:var(--c-ember-light);font-weight:var(--fw-semibold)}.urgency-dot{background:var(--c-ember);border-radius:50%;width:8px;min-width:8px;height:8px;margin-top:4px;animation:2s ease-in-out infinite urgency-pulse;display:inline-block}@keyframes urgency-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}