@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#17364c;--blue:#176da6;--teal:#087f89;--coral:#e56450;--yellow:#ffd86d;--muted:#4d6979;--line:#d6e6ec;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:#fffdf6}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}a{color:inherit}img{max-width:100%;display:block;height:auto}p{line-height:1.75;color:var(--muted)}h1,h2,h3{line-height:1.16;letter-spacing:-1.3px;margin-top:0}h1{font-size:clamp(42px,5vw,70px);font-weight:900;margin-bottom:24px}h2{font-size:clamp(32px,3.5vw,46px);font-weight:900;margin-bottom:22px}h1 span,h2 span{color:var(--teal)}h3{font-size:23px;font-weight:800;letter-spacing:-.4px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--teal);margin:0 0 17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:16px 23px;background:var(--blue);border-radius:16px;color:white;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 5px 0 #104b74;transition:transform .18s}.button:hover{background:#125a8c;transform:translateY(-2px)}.button:disabled{opacity:.6;transform:none;cursor:wait}.button.small{min-height:44px;padding:11px 17px;font-size:13px;border-radius:12px;box-shadow:0 3px 0 #104b74}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d68716;outline-offset:4px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 30px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand img{object-fit:contain}.brand>span{font-size:25px;font-weight:900;letter-spacing:-1px;color:var(--blue)}.brand small{display:block;font-size:11px;letter-spacing:1px;color:var(--teal)}header nav{display:flex;gap:28px;font-size:14px;font-weight:800}header nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;max-width:1280px;margin:auto;padding:35px 30px 65px}.intro{font-size:19px;max-width:560px;margin-bottom:28px}.text-link{display:block;margin:23px 0 0;width:fit-content;text-decoration:none;font-size:14px;font-weight:800}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.hero-chips span{background:#edf6f4;border-radius:30px;padding:9px 12px;font-size:12px;font-weight:800;color:var(--teal)}.hero-art{position:relative;isolation:isolate;overflow:hidden;border-radius:42px;background:#dcf1fb;border:5px solid #fff;box-shadow:0 12px 35px #277a9914}.play-world{width:100%;aspect-ratio:1;object-fit:cover}.hero-bottle{position:absolute;width:42%;height:55%;object-fit:contain;left:29%;top:9%;filter:drop-shadow(0 10px 10px #21425335);transform:rotate(-4deg)}.art-badge{position:absolute;right:19px;top:18px;background:white;border-radius:17px;padding:12px 16px;color:var(--blue);font-weight:900;font-size:13px;transform:rotate(5deg);box-shadow:0 5px 0 #bddfed}.art-badge span{display:block;font-size:10px;color:var(--teal)}.ribbon{display:flex;justify-content:center;flex-wrap:wrap;gap:38px;background:var(--yellow);padding:18px 20px;font-size:13px;font-weight:900;color:#5b4510}.topic-intro{max-width:1050px;margin:auto;text-align:center;padding:60px 24px 35px}.topic-intro>p:not(.eyebrow){font-size:18px;max-width:700px;margin:0 auto 25px}.topic-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.topic-links a{font-size:14px;font-weight:800;text-decoration:none;padding:12px 17px;border-radius:16px;border:1px solid #d3e5eb;background:#edf8fc;box-shadow:0 3px 0 #d3e5eb}.health-section{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:60px;max-width:1240px;margin:32px auto;padding:45px 35px;border-radius:32px;background:#eaf7fc}.health-section.reverse figure{order:2}.health-section figure{margin:0;position:relative;padding-top:12px}.health-section figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;border:4px solid white;box-shadow:0 8px 0 #a2cddd30}.section-number{display:grid;place-items:center;position:absolute;left:15px;top:0;width:50px;height:50px;background:var(--yellow);border:3px solid white;border-radius:16px;color:#71551c;font-weight:900;font-size:20px;z-index:1;transform:rotate(-8deg)}.theme-1{background:#fff0e9}.theme-2{background:#f6f3df}.theme-3{background:#e7f5ef}.theme-4{background:#f0ecfb}.section-copy h2{font-size:clamp(31px,3.1vw,42px)}.section-copy>p{font-size:18px}.component-pill{display:inline-block;background:#fff;border-radius:30px;padding:8px 15px;font-weight:900;font-size:14px;color:var(--teal)}.effect-copy{background:#ffffffb5;border-radius:18px;border:1px solid #fff;padding:20px;margin:20px 0 8px}.effect-copy h3{font-size:18px;margin-bottom:10px;letter-spacing:0}.effect-copy p{font-size:17px;margin:0}details{border-bottom:1px solid #23485826;padding:14px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:16px;font-weight:800;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;color:var(--teal)}details[open] summary:after{content:'−'}details p{font-size:17px;margin:12px 0 15px}.sources{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--blue)}.health-section .button{margin-top:22px}.section-copy .fine{font-size:13px;margin:12px 0 0}.ingredients{max-width:1170px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:65px auto;padding:25px}.ingredients>div>p{font-size:18px}.vitamin-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.vitamin-pair article{padding:27px 22px;background:#dff1fa;border-radius:24px;box-shadow:0 7px 0 #b5ddeb}.vitamin-pair article:last-child{background:#fff1bb;box-shadow:0 7px 0 #eedc94;transform:translateY(20px)}.vitamin-pair b{font-size:52px;font-weight:900;color:var(--blue)}.vitamin-pair h3{font-size:20px;margin:10px 0}.vitamin-pair p{font-size:16px}.parents{background:#e8f5f3;padding:55px max(24px,calc((100vw - 1170px)/2));text-align:center}.parent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0;text-align:left}.parent-grid article{background:#fff;padding:24px;border-radius:22px}.parent-grid b{font-size:30px;color:var(--teal);font-weight:900}.parent-grid h3{font-size:20px;margin-top:14px}.parent-grid p{font-size:16px}.parent-note{font-size:14px;max-width:1000px;margin:auto}.faq{max-width:1170px;margin:auto;padding:65px 25px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.faq summary{font-size:18px;padding:8px 0}.faq p{font-size:17px}.closing{text-align:center;background:#dff1fb;padding:60px 24px}.closing p:not(.eyebrow){font-size:18px;max-width:610px;margin:0 auto 26px}.charity{max-width:1170px;margin:auto;padding:35px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.charity h3{font-size:22px;margin-bottom:8px}.charity p:not(.eyebrow){font-size:15px;margin:0}.charity img{object-fit:contain}footer{border-top:1px solid var(--line);max-width:1170px;margin:auto;display:flex;gap:30px;justify-content:space-between;padding:22px 25px;font-size:12px}footer p{margin:0;font-weight:900}.mobile-cta{display:none}.skip{position:absolute;top:-80px;left:10px;background:white;padding:12px;z-index:2000}.skip:focus{top:10px}[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:1000}.backdrop{position:absolute;inset:0;background:#123447bb;backdrop-filter:blur(4px)}.dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(410px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#fffdf6;border-radius:24px;padding:22px 20px;box-shadow:0 20px 80px #0003}.dialog .close{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;background:#e8f4f7;color:var(--ink);font-size:23px}.dialog .eyebrow{font-size:10px;margin:0 35px 8px 0}.dialog h2{font-size:28px;letter-spacing:-1px;margin:0 28px 8px 0}.modal-copy{font-size:14px;margin:0 0 8px;line-height:1.5}#selected-topic{font-size:12px;line-height:1.4;margin:8px 0}form label{display:block;margin-top:10px;font-weight:800;font-size:14px}form label small{font-size:12px;font-weight:400}form input:not([type=checkbox]),form textarea,form select{display:block;width:100%;font-size:16px;margin-top:5px;border:1px solid #c9dfe8;border-radius:10px;background:#fff;color:var(--ink);min-height:44px;padding:9px 11px}form textarea{resize:vertical}.comment-details{border:0;padding:10px 0 0}.comment-details summary{font-size:13px}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:400;line-height:1.5;margin-top:14px}.consent input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--blue)}.error{font-size:13px;color:#b32a26;margin:8px 0}.error:empty{display:none}.submit{width:100%;min-height:46px;padding:11px 16px;margin-top:13px}.privacy{font-size:10px;line-height:1.5;margin:12px 0 0}.success{text-align:center;padding:25px 0 10px}.success-mark{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#dff5eb;color:var(--teal);font-size:30px;margin-bottom:16px}.success h3{font-size:24px}.success p{font-size:15px}.success-close{display:block;margin:20px auto 0;color:var(--muted);background:none;text-decoration:underline;font-size:14px}
@media(max-width:1280px){.health-section{margin:25px 24px;gap:40px}.ingredients{gap:40px}}@media(max-width:760px){header{padding:14px 18px;gap:15px}header nav{display:none}.brand img{width:48px;height:42px}.brand>span{font-size:22px}.brand{gap:8px}.button.small{font-size:12px;padding:11px 13px}.hero{display:flex;flex-direction:column;padding:12px 20px 40px;gap:26px}.hero-art{order:-1;width:100%;max-width:470px;border-radius:28px;border:3px solid white}.hero-copy{width:100%}.hero h1{font-size:clamp(39px,10vw,53px);letter-spacing:-1.5px}.intro{font-size:18px}.hero .button{width:100%}.hero-chips span{font-size:11px}.hero-chips{gap:7px}.eyebrow{font-size:10px;letter-spacing:1.3px}.art-badge{padding:9px 12px;font-size:11px;right:12px;top:12px}.ribbon{gap:10px 19px;font-size:10px;padding:16px 15px}.topic-intro{padding:40px 20px 12px}.topic-intro h2{font-size:34px}.topic-intro>p:not(.eyebrow){font-size:17px}.topic-links a{font-size:12px;padding:10px 12px}.topic-links{gap:9px}.health-section{display:flex;flex-direction:column;gap:23px;margin:22px 12px;padding:26px 16px;border-radius:24px}.health-section.reverse figure{order:0}.health-section figure{width:100%}.health-section figure img{border-radius:18px;border-width:3px}.section-copy h2{font-size:32px;letter-spacing:-.9px}.section-copy{width:100%;min-width:0}.section-copy>p{font-size:18px}.effect-copy{padding:17px}.health-section .button{width:100%}.section-number{width:44px;height:44px;font-size:18px}.ingredients{display:block;margin:40px 0;padding:0 22px}.ingredients h2{font-size:34px}.vitamin-pair{margin:30px 0 50px;gap:14px}.vitamin-pair article{padding:20px 15px}.vitamin-pair b{font-size:40px}.vitamin-pair h3{font-size:18px}.vitamin-pair p{font-size:15px}.parents{padding:38px 20px}.parents h2{font-size:32px}.parent-grid{grid-template-columns:1fr;gap:15px}.parent-grid article{padding:22px}.faq{display:block;padding:40px 22px}.faq h2{font-size:34px}.faq summary{font-size:17px}.closing{padding:42px 20px}.closing h2{font-size:34px}.closing p:not(.eyebrow){font-size:17px}.closing .button{width:100%}.charity{padding:30px 22px;align-items:flex-start}.charity h3{font-size:19px}.charity img{width:55px;height:46px;flex:none}.charity .eyebrow{font-size:9px}footer{padding:24px 22px 100px;flex-wrap:wrap;gap:13px;font-size:11px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffdf6f5;border-top:1px solid var(--line);backdrop-filter:blur(10px);align-items:center;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.mobile-cta>span{font-weight:900;color:var(--blue);font-size:13px}.mobile-cta small{display:block;font-size:10px;color:var(--teal)}.dialog{padding:20px 17px}.dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}