@font-face{font-family:Nunito;src:url('../fonts/nunito-latin.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--teal:#12b5a3;--teal-dark:#08695f;--orange:#ff8a3d;--ink:#1f2b29;--muted:#4e5e5b;--paper:#fbfaf6;--line:#e2e8e6;color-scheme:light;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:#e9f4f1;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%;object-fit:contain;height:auto}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #174fbe;outline-offset:5px}[hidden]{display:none!important}.page{max-width:440px;margin:auto;background:var(--paper);min-height:100vh;box-shadow:0 0 60px #143c3714;padding-bottom:100px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:50;background:white;padding:12px;border-radius:12px}.skip-link:focus{transform:none}.hero{min-height:min(100svh,860px);display:flex;flex-direction:column;padding:16px 22px 28px;gap:18px}.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:16px;color:var(--ink);width:fit-content}.brand:hover{text-decoration:none}.brand-icon{width:32px;height:32px;border-radius:10px;background:var(--teal);box-shadow:0 3px 0 #0b8a7c;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.brand-icon img{margin-bottom:-2px}.brand-with{color:#b94e0c}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px}.hero-art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:220px}.hero-circle{position:absolute;bottom:0;width:200px;height:200px;border-radius:50%;background:var(--teal)}.hero-bubble{position:absolute;z-index:2;top:0;right:0;max-width:130px;background:white;border:2px solid #ffd9b8;border-radius:16px;padding:8px 12px;font-weight:900;font-size:14px;line-height:1.3;color:#5a2c0c;box-shadow:0 4px 0 #ffd9b8;transform:rotate(3deg)}.hero-finn{position:relative;width:170px;max-height:220px}.bob{animation:finnBob 2.8s ease-in-out infinite;transform-origin:50% 100%}.hero-copy{text-align:center}.hero h1{font-weight:900;font-size:clamp(34px,9.5vw,44px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.hero-copy p{margin-top:18px;font-weight:700;font-size:17px;line-height:1.45;color:var(--muted);text-wrap:pretty}.hero-download{display:flex;flex-direction:column;gap:12px}.button{min-height:58px;padding:14px 16px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:900;text-align:center;line-height:1.3;transition:transform .15s,background .15s}.button:hover{text-decoration:none;transform:translateY(-2px)}.button:active{transform:translateY(3px)}.button-primary{background:var(--teal);color:#103a34;box-shadow:0 5px 0 #0b8a7c;letter-spacing:.035em}.hero-download>.button{min-height:62px;font-size:18px}.button-primary:hover{background:#20c4b0}.download-note{display:flex;justify-content:center;gap:8px;font-size:13px;font-weight:800;color:var(--muted)}.try-link{text-align:center;font-size:13px;font-weight:800;padding:4px}.quiz-section{padding:8px 22px 40px}.quiz-section>h2{font-size:24px;line-height:1.15;letter-spacing:-.02em;text-align:center;font-weight:900;margin-bottom:14px}.quiz-card{background:white;border:2px solid var(--line);border-radius:24px;box-shadow:0 6px 0 var(--line);padding:18px;display:flex;flex-direction:column;gap:14px}.quiz-card h3{font-weight:900;font-size:18px;line-height:1.3;text-wrap:pretty}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;gap:12px;align-items:center;min-height:52px;padding:10px 12px;border:2px solid var(--line);background:white;border-radius:14px;box-shadow:0 4px 0 var(--line);cursor:pointer;transition:background .15s,border-color .15s;text-align:left;font-weight:800;font-size:15px;color:var(--ink);line-height:1.35}.option:not([aria-disabled=true]):hover{border-color:#80bfb5;background:#f1faf7}.letter{width:28px;height:28px;flex:none;border-radius:8px;border:2px solid var(--line);color:#586c66;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}.option.correct{border-color:var(--teal);background:#e4f7f4;color:#0b6b60;box-shadow:0 4px 0 var(--teal)}.option.correct .letter{background:var(--teal);border-color:var(--teal);color:#103a34}.option.incorrect{border-color:#e75454;background:#ffecec;color:#a12e2e;box-shadow:0 4px 0 #e75454}.option.incorrect .letter{background:#a12e2e;border-color:#a12e2e;color:white}.option[aria-disabled=true]{cursor:default}.finn-feedback{display:flex;align-items:flex-end;gap:10px;padding-top:4px}.finn-feedback>img{width:60px;flex:none;transform-origin:50% 100%}.speech{flex:1;background:#fff4ea;border:2px solid #ffd9b8;border-radius:16px;padding:10px 12px;margin-bottom:6px;color:#5a2c0c;min-width:0}.speech>span{font-weight:900;font-size:11px;letter-spacing:.08em;color:#a84812}.speech p{font-size:14px;line-height:1.4;font-weight:800;margin-top:3px}.hop{animation:finnHop .8s ease-out}.shake{animation:finnShake .6s ease-in-out}#after-answer .button{font-size:14px}.reset-quiz,.clinical-source{display:block;margin:14px auto 0;padding:4px;background:none;border:0;font-size:13px;font-weight:800;color:var(--teal-dark);cursor:pointer;text-align:center}.clinical-source{font-size:11px}.benefits{padding:8px 22px 40px;display:flex;flex-direction:column;gap:24px}.benefits article{display:flex;align-items:center;gap:14px}.benefits img{width:56px;flex:none}.benefits h2{font-weight:900;font-size:18px;line-height:1.2}.benefits p{font-weight:700;font-size:15px;line-height:1.4;color:var(--muted);margin-top:4px}.final-section{padding:0 22px 24px}.final-card{background:var(--orange);border-radius:28px;box-shadow:0 6px 0 #d9661f;padding:28px 22px 0;display:flex;flex-direction:column;align-items:center;gap:14px;overflow:hidden;text-align:center}.final-card h2{font-size:30px;font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#432509;text-wrap:balance}.final-card p{font-size:15px;font-weight:800;color:#432509}.store-links{display:grid;gap:12px;width:100%}.button-dark{background:var(--ink);color:white;box-shadow:0 5px 0 #000;font-size:15px}.button-dark:hover{background:#34453f}.final-card>img{width:140px;margin-top:6px;margin-bottom:-8px}footer{padding:0 22px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;font-weight:800;color:#556a63}footer a{color:inherit}.sticky-download{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px 12px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 35%)}.sticky-download .button{max-width:416px;margin:auto;box-shadow:0 5px 0 #0b8a7c,0 12px 30px #143c3740}.sticky-download img{width:30px;max-height:36px}
@keyframes finnBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes finnHop{0%,100%{transform:translateY(0)}30%{transform:translateY(-16px) rotate(-6deg)}55%{transform:translateY(0) scale(.97,1.03)}75%{transform:translateY(-5px) rotate(4deg)}}@keyframes finnShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}
@media(min-width:800px){.page{max-width:1080px;margin:24px auto;border-radius:32px;overflow:hidden;padding-bottom:36px}.hero{min-height:620px;padding:28px 60px 44px;gap:26px}.hero-content{flex-direction:row-reverse;align-items:center;gap:48px}.hero-art{width:40%;min-height:280px;flex:none}.hero-circle{width:250px;height:250px}.hero-finn{width:220px;max-height:280px}.hero-bubble{right:-8px;top:4px;font-size:16px;max-width:150px}.hero-copy{text-align:left}.hero h1{font-size:54px;max-width:530px}.hero-copy p{font-size:19px;max-width:490px}.hero-download{max-width:430px;width:52%}.study-content{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;padding:24px 60px 36px;align-items:center}.quiz-section,.benefits{padding:0}.benefits{gap:32px}.final-section{padding:0 60px 30px}.final-card{padding:32px 32px 0}.final-card h2{font-size:36px}.store-links{max-width:580px;grid-template-columns:1fr 1fr}.final-card>img{width:120px}.sticky-download{background:none;left:auto;width:340px;right:20px}.sticky-download .button{font-size:14px}footer{padding-top:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.store-links:has([data-store="ios"][hidden]){grid-template-columns:1fr;max-width:360px}

/* App animation canvases include transparent breathing room. */
.hero-finn{width:220px;aspect-ratio:1;object-fit:contain}.finn-feedback>img[data-finn]{width:72px;aspect-ratio:1}.final-card>img[data-finn]{width:170px;aspect-ratio:1}
@media(min-width:800px){.hero-finn{width:280px;max-height:280px}.final-card>img[data-finn]{width:150px}}

.store-links:has(> a:only-child){grid-template-columns:1fr;max-width:360px}