@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--accent:#af5655;--heading-accent:#bc5254;--ink:#1c1513;--bg:#f9f9f9;--green:#11a449}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{cursor:wait}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-size:25.6px;line-height:1.1;font-weight:700;letter-spacing:-.35px}h3{font-size:20px;line-height:1.2}p{line-height:1.5}.accent{color:var(--heading-accent)}mark{color:white;background:var(--accent);padding:0 2px}.quiz-shell{min-height:95svh;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.quiz-header{position:relative;width:100%;margin:0 auto}.header-content{max-width:448px;margin:0 auto;display:grid;gap:16px}.brand{width:96px;height:64px;object-fit:contain;margin:0 auto}.progress{height:8px;background:#f0e6e6;border-radius:999px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:var(--accent);transition:width .4s}.back{position:absolute;top:0;left:0;border:0;background:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.back svg{width:14px;height:14px}.stage{width:100%;max-width:448px;margin:0 auto;padding:3.2px;animation:appear .18s ease-out}.screen-footer{height:80px;flex-shrink:0}.intro h2{text-align:center;padding:12px 8px 24px}.intro-photo{width:95%;margin:0 auto;border-radius:16px}.testimonial{margin:7px 0 24px;border:1px solid #e7e7e7;border-radius:16px;padding:15px 16px;font-size:16px;line-height:1.5}.stars{color:#ffbf00;line-height:1.2;font-size:17px;letter-spacing:-1px}.person{font-weight:600;line-height:1.3}.handle{font-size:12px;line-height:1.4}.quote{margin-top:8px}.cta{background:var(--green);border:0;border-bottom:7px solid #079437;border-radius:8px;min-height:64px;width:95%;display:flex;align-items:center;justify-content:center;margin:0 auto;padding:13px 12px;color:white;font-weight:600;font-size:16px;text-align:center;text-decoration:none;line-height:1.35;transition:filter .15s,transform .15s}.cta:hover{filter:brightness(.97)}.cta:active{transform:translateY(2px)}.question h2{text-align:center;padding:12px 0 24px}.question .subtitle{text-align:center;margin:-12px 0 24px}.answers{display:grid;gap:8px}.answer{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:14px 16px;border:1px solid #d5d5d5;background:transparent;border-radius:16px;text-align:left;line-height:1.45;transition:border-color .15s,background .15s}.answer:hover,.answer.selected{border-color:var(--accent);background:#f3e9e9}.answer .emoji{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:32px;line-height:1.15;min-width:32px;flex-shrink:0}.answer.compact{padding:16px;gap:3px}.answer.compact .emoji{font-size:17px;min-width:auto}.answer.profile{padding:0;overflow:hidden;justify-content:space-between;gap:8px;min-height:90px}.profile .label{padding:16px;flex:1}.profile img{width:72px;height:89px;object-fit:cover;flex-shrink:0}.image-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-answer{border:1px solid #ddd;background:none;padding:0;overflow:hidden;border-radius:16px;aspect-ratio:1;transition:border-color .15s,transform .15s}.image-answer img{width:100%;height:100%;object-fit:cover}.image-answer:hover{border-color:var(--accent);transform:scale(1.015)}.method{text-align:center}.method h2{color:var(--heading-accent);padding:12px 0}.method p{padding:0 9px;margin-bottom:18px}.method-photo{width:70%;margin:0 auto;border-radius:16px}.method-chart{width:95%;margin:10px auto 8px;display:block;height:auto}.method .cta{width:100%;box-shadow:0 0 0 4px #6aca8e inset}.plan{text-align:center}.ring{width:108px;height:108px;position:relative;margin:24px auto}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#ebebeb;stroke-width:15}.ring .ring-value{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:276.46;transition:stroke-dashoffset .15s}.ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.plan h2{color:var(--heading-accent);padding:6px 0 20px}.carousel{width:91%;margin:0 auto;overflow:hidden;display:grid;grid-template-columns:1fr;border:1px solid #d6d6d6;border-radius:8px}.carousel img{grid-area:1/1;width:100%;aspect-ratio:1.13;object-fit:cover;opacity:0;transition:opacity .4s}.carousel img.active{opacity:1}.carousel-space{grid-area:2/1;height:32px}.dots{display:flex;justify-content:center;gap:8px;margin:16px}.dot{width:7px;height:7px;border-radius:50%;background:#ead0d0}.dot.active{background:var(--accent)}.load-details{margin:28px 12px 0;text-align:left}.load-label{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:500;margin-bottom:5px}.load-track{height:10px;border-radius:20px;background:#eaeaea;overflow:hidden}.load-fill{height:100%;border-radius:20px;background:var(--accent);width:0;transition:width .15s}.availability{text-align:center}.availability h2{font-size:24px}.availability h3{color:#cc4c50;padding:0 18px 24px}.availability .load-details{margin:0}.results{text-align:center}.results h1{color:var(--heading-accent);padding:14px 0 8px}.results .lead{font-size:16px;margin-bottom:16px}.scan{width:90%;margin:0 auto 25px;border-radius:5px}.metric-label{display:flex;justify-content:space-between;text-align:left;font-size:14px}.metric-track{height:8px;margin:8px 0 28px;background:linear-gradient(to right,#14b8a6,#a5c368 25%,#facc15 50%,#e96827 75%,#dc2626);border-radius:5px;position:relative}.metric-track span{position:absolute;left:77%;top:50%;width:16px;height:16px;border-radius:50%;border:4px solid var(--accent);background:white;transform:translate(-50%,-50%)}.results h2{color:var(--heading-accent);padding:8px 0 12px}.results .ratio-copy{font-size:14px}.donut{width:180px;height:180px;margin:25px auto 22px;border-radius:50%;background:conic-gradient(from 132deg,#e72b2b 0 65%,#c89922 65% 100%);position:relative}.donut:after{content:'';position:absolute;inset:20px;border-radius:50%;background:var(--bg)}.legend{display:flex;justify-content:space-between;font-size:14px;text-align:left;margin:0 8px 24px}.legend>div{display:flex;align-items:center;gap:8px;border-radius:30px;padding:6px 10px}.legend>div:first-child{background:#fbe9e9}.swatch{display:block;width:16px;height:16px;border-radius:50%;background:#e72b2b;flex-shrink:0}.swatch.gold{background:#c89922}.notice{background:#e2c989;border-radius:16px;padding:16px 20px;text-align:left;font-size:14px;box-shadow:0 9px 12px #ddd9cb;margin-bottom:24px;line-height:1.4}.notice strong{display:block;margin-bottom:5px}.chewing{font-size:15px;color:#99794d;padding:0 12px;margin:0 0 36px;line-height:1.5}.genetics-copy{font-size:16px;margin-bottom:24px;color:#99794d}.result-card{border:1px solid #ddd;border-radius:16px;padding:16px;margin-bottom:8px;font-size:15px;line-height:1.45}.result-card h3{margin-bottom:12px}.result-card p+p{margin-top:12px}.signals p{color:#a37f3d}.benefits p{color:#947948}.results .cta{width:100%;margin:14px 0 16px}.results .testimonial{text-align:left;margin-bottom:16px}.testimonial-top{display:flex;gap:10px;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.before-after{position:relative;border-radius:16px;overflow:hidden}.before-after>img{width:100%}.photo-caption{position:absolute;bottom:5.6%;width:27%;height:8%;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,4vw,27px);font-weight:700;line-height:1;color:white;border:1px solid #ddd;border-radius:18px;background:#373737;left:11%}.photo-caption.after{left:auto;right:8.5%;width:30%;background:#f2ceca;color:#231b18}.results .closing{color:var(--heading-accent);padding:15px 16px 6px}.access-note{font-size:13px;color:#555;padding:7px 8px}.final{text-align:center}.final h2{padding:14px 12px 10px}.final p{margin-bottom:20px}.video-blank{width:70%;aspect-ratio:9/16;background:transparent;border-radius:16px;margin:0 auto 24px}.video-blank iframe,.video-blank video{display:block;width:100%;height:100%;border:0;border-radius:16px;background:#000}.final .cta{width:100%}.no-transition *{transition:none!important}
.stage{padding-left:11.2px;padding-right:11.2px}.intro h2{font-size:24px;padding-left:0;padding-right:0}.answer .emoji svg{display:block;width:32px;height:32px}.answer.compact .emoji svg{width:17px;height:17px}
@keyframes appear{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:768px){.quiz-shell{padding:20px;gap:24px}.brand{width:128px;height:85.333px}}
@media(max-width:380px){h1,h2{font-size:23px}.answer{padding:12px}.profile .label{padding:12px}.testimonial{padding:12px}.question .subtitle{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.illustrated-photo{margin:0}.image-disclosure{display:block;font-size:11px;line-height:1.4;color:#666;text-align:center;padding:5px 4px;margin:0}.portrait-note{font-size:10px;line-height:1.3;color:#666;margin-top:2px}.plan p.image-disclosure{margin:0;padding:5px 4px}