:root{--ink:#28110c;--orange:#fb4b27;--cream:#fff8f1;--mint:#bde2d3;--yellow:#f6d953;--paper:#fffdfa;--muted:#735d56;--line:#d8c8c0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Barlow",Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.shell{width:min(100%,760px);min-height:100vh;margin:auto;padding:22px 24px 36px;position:relative}.brand{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:15px}.brand img{display:block;width:106px}.brand-note{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:.76rem;letter-spacing:.04em}.screen{display:none;animation:rise .35s ease both}.screen.active{display:block}.start-screen{padding:48px 0 20px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:800;color:#ca351b;margin-bottom:14px}h1,h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;line-height:.92;margin:0;letter-spacing:-.02em;font-weight:900}h1{font-size:clamp(3.2rem,10vw,6.2rem)}h1 em,h2 em{color:var(--orange);font-style:normal}h2{font-size:clamp(2.5rem,7vw,4.4rem)}.lede{font-size:1.12rem;line-height:1.55;color:var(--muted);max-width:620px;margin:22px auto}.product-orbit{height:245px;margin:6px auto 24px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--ink);border-radius:22px;background:var(--mint);box-shadow:7px 7px 0 var(--ink)}.pouch{width:100%;height:100%;object-fit:cover}.rocky{position:absolute;z-index:2;width:118px;left:18px;bottom:-2px;filter:drop-shadow(0 5px 3px rgba(0,0,0,.2))}.sticker{position:absolute;right:18px;top:18px;width:72px;height:72px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);display:grid;place-content:center;font:900 1.5rem/.75 "Barlow Condensed";transform:rotate(8deg);box-shadow:3px 3px 0 var(--ink)}.sticker small{font-size:.66rem;letter-spacing:.06em}button,.link-button{font:inherit}.primary{width:100%;border:2px solid var(--ink);border-radius:999px;background:var(--orange);color:var(--ink);padding:17px 22px;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.025em;font-size:1.15rem;display:flex;justify-content:center;gap:10px;align-items:center;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:.16s}.primary:hover{background:#ff6544;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.primary span{font-size:1.4rem;line-height:.7}.micro,.disclaimer{color:var(--muted);font-size:.75rem;line-height:1.5}.micro{margin-top:13px}.quiz-screen{padding:34px 0}.progress-wrap{margin-bottom:52px}.progress-wrap>span{display:block;font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:9px}.progress{height:8px;background:#e7d9d2;border:1px solid var(--ink);border-radius:20px;overflow:hidden}.progress div{height:100%;background:var(--orange);transition:width .35s ease}#questionSub{color:var(--muted);font-size:1rem;margin:16px 0 25px;line-height:1.55}.answers{display:grid;gap:12px}.answer{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:16px 17px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:15px;color:var(--ink);font-weight:700;min-height:64px;transition:.16s;box-shadow:3px 3px 0 var(--ink)}.answer:hover,.answer:focus{background:var(--yellow);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.answer-icon{width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;background:var(--mint);display:grid;place-items:center;flex:none;font-family:"Barlow Condensed"}.insight-panel{padding:15px 0}.insight-icon{width:58px;height:58px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:1.4rem;margin-bottom:24px;box-shadow:3px 3px 0 var(--ink)}.insight-panel p{font-size:1.12rem;color:var(--muted);line-height:1.65;margin:22px 0 30px}.result-screen{padding:42px 0 12px;text-align:center}.result-badge{display:inline-block;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:8px 14px;font-size:.76rem;font-weight:800;letter-spacing:.1em;margin-bottom:18px;box-shadow:3px 3px 0 var(--ink)}.result-card{text-align:left;background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:4px 20px;margin:28px 0 16px;box-shadow:5px 5px 0 var(--ink)}.result-card div{padding:16px 0;border-bottom:1px solid var(--line)}.result-card div:last-child{border:0}.result-card span{display:block;text-transform:uppercase;letter-spacing:.1em;color:#ca351b;font-weight:800;font-size:.68rem;margin-bottom:5px}.result-card strong{font-size:1rem}.botanical-note{display:flex;text-align:left;gap:14px;background:var(--mint);border:2px solid var(--ink);border-radius:16px;padding:17px;margin-bottom:22px}.botanical-note p{margin:0;color:#5f4a50;line-height:1.5;font-size:.9rem}.note-star{color:var(--orange)}.link-button{text-decoration:none}.text-button{border:0;background:none;color:var(--ink);font-weight:700;margin:18px auto;cursor:pointer}.disclaimer{text-align:left;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}.age-gate{position:fixed;z-index:20;inset:0;background:rgba(40,17,12,.58);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}.age-gate.hidden{display:none}.age-card{width:min(100%,440px);background:white;border:3px solid var(--ink);border-radius:24px;padding:34px 28px 24px;text-align:center;box-shadow:10px 10px 0 var(--orange);position:relative}.age-logo{width:112px;margin-bottom:20px}.age-rocky{position:absolute;width:100px;top:-86px;left:calc(50% - 50px)}.age-card h2{font-size:3rem}.age-card p{color:var(--muted);line-height:1.5}.age-card .text-button{text-decoration:underline}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:520px){.shell{padding:18px 18px 28px}.brand-note{display:none}.start-screen{padding-top:36px}.product-orbit{height:220px}.progress-wrap{margin-bottom:38px}h1{font-size:3.2rem}h2{font-size:2.65rem}.lede{font-size:1rem}.answer{padding:15px}.result-screen{padding-top:30px}.age-card h2{font-size:2.7rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}