@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#123249;--blue:#12597a;--accent:#c8e963;--pale:#eff6f9;--line:#d6e1e7}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;color:var(--ink);background:#fff;font:17px/1.7 'DM Sans',Arial,sans-serif}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid #2579d1;outline-offset:5px}
.wrap{max-width:1240px;margin:auto;padding:0 40px}
.disclosure{text-align:center;background:var(--ink);color:#fff;padding:9px 20px;font-size:13px}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px}
.brand{font:800 30px/1.2 Manrope,Arial,sans-serif;letter-spacing:-1px;text-decoration:none}
.brand span{display:block;font:600 10px/2 'DM Sans',Arial,sans-serif;letter-spacing:2px;margin-top:5px}
nav{display:flex;gap:30px;font-size:15px}
nav a{text-decoration:none}
.small-button{border:1px solid var(--line);border-radius:6px;padding:10px 18px;text-decoration:none;font-size:14px;font-weight:700}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;padding-top:45px;padding-bottom:70px;align-items:center}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 22px;color:var(--blue)}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.14;letter-spacing:-1.6px}
h1{font-size:clamp(40px,4.3vw,62px);margin:0 0 28px;font-weight:600}
h1 em{font-style:normal;color:var(--blue)}
.intro{max-width:490px;font-size:18px;color:#536672;margin-bottom:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:white;border-radius:6px;padding:15px 24px;text-decoration:none;font-weight:700;font-size:15px;transition:background .2s,transform .2s}
.button:hover{background:#1b6688;transform:translateY(-2px)}
.text-link{font-size:15px;font-weight:700;text-underline-offset:5px}
.hero .text-link{display:inline-block;margin:15px 0 0 20px}
.micro{font-size:13px;color:#647782;margin-top:20px}
.hero-art{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;background:var(--pale);border-radius:100px 8px 8px;padding:25px 20px 80px}
.hero-art img{width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply}
.vertical-label{position:absolute;right:14px;top:32px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#536672}
.art-caption{position:absolute;left:30px;bottom:25px}
.art-caption span{display:block;font-size:10px;letter-spacing:1.6px}
.art-caption strong{font-family:Manrope,Arial;font-size:18px}
.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:25px;padding-bottom:25px}
.fact-grid div{padding:0 30px;border-left:1px solid var(--line)}
.fact-grid div:first-child{padding-left:0;border:0}
.fact-grid strong{display:block;font-size:20px;font-family:Manrope,Arial}
.fact-grid span{font-size:13px;color:#617381}
.section{padding-top:95px;padding-bottom:95px}
h2{font-size:42px;font-weight:600;margin:0 0 22px}
.formula,.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}
.formula p,.faq>div>p{color:#536672}
.ingredient-list article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:22px 0}
.ingredient-list article:first-child{padding-top:0}
.ingredient-list article>span{font-size:13px;color:var(--blue)}
h3{font-size:24px;letter-spacing:-.5px;margin:0 0 9px}
.ingredient-list p{margin:0;font-size:16px}
.note{font-size:13px;line-height:1.7;color:#596d7b;margin:22px 0 0!important}
.packages{background:var(--pale)}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:36px}
.section-top p:not(.eyebrow){font-size:15px;color:#536672}
.section-top h2{margin:0}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.price-card{background:white;border:1px solid var(--line);padding:28px;border-radius:8px;display:flex;flex-direction:column}
.pack-label{font-size:11px;letter-spacing:1.6px;font-weight:800;margin:0 0 22px}
.price-card h3{font-size:29px}
.price{font-family:Manrope,Arial;font-size:52px;font-weight:600;letter-spacing:-2px;margin-top:15px}
.price span{font-size:15px;letter-spacing:0;font-weight:400}
.total{margin:0;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:16px}
.price-card ul{padding-left:20px;font-size:14px;min-height:105px;margin-bottom:25px}
.price-card .button{margin-top:auto;font-size:14px;padding:13px}
.secondary{background:white;color:var(--ink);border:1px solid var(--ink)}
.secondary:hover{color:white}
.featured{background:var(--ink);color:white;border-color:var(--ink)}
.featured .pack-label{color:var(--accent)}
.featured .eyebrow{color:var(--accent)}
.featured .micro{color:#d6e1e7}
.featured .button{background:var(--accent);color:var(--ink)}
.featured .button:hover{background:#def398}
.featured .total{border-color:#496071}
.faq details{border-bottom:1px solid var(--line)}
summary{padding:21px 30px 21px 0;cursor:pointer;font-weight:600;font-size:17px}
details p{font-size:15px;color:#536672;margin:0 0 24px}
footer{background:#f6f8fa;border-top:1px solid var(--line);padding:40px 0 24px}
footer p{font-size:12px;line-height:1.8;color:#617381}
.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.footer-top>a:last-child{font-size:14px}
.footer-bottom{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:12px}
.footer-bottom span{margin-right:auto}
.check-intro{font-size:15px;color:#536672;min-height:76px}
.featured .check-intro{color:#d6e1e7}
.check-list{max-width:820px;margin:45px auto 0;padding:26px 30px;border:1px solid var(--line);border-radius:8px;background:#fff}
.check-list h3{font-size:21px}
.check-list p{font-size:15px;color:#536672;margin-bottom:0}
.skip-link{position:absolute;top:-80px;left:20px;z-index:10;background:#fff;padding:12px 20px}
.skip-link:focus{top:10px}
@media(max-width:950px){
 .wrap{padding-left:25px;padding-right:25px}.hero{gap:20px}.hero-art{min-height:410px}.hero-art img{height:290px}
 .hero .text-link{margin-left:0;display:block}.formula,.faq{gap:45px}.price-card{padding:20px}.section-top{display:block}
 .price-card .button{font-size:13px}.fact-grid div{padding:0 15px}
}
@media(max-width:680px){
 header{min-height:95px}.brand{font-size:26px}header nav{display:none}.small-button{padding:8px 12px;font-size:12px}
 .hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:30px}h1{font-size:42px}
 .hero .text-link{display:inline-block;margin-left:14px}.hero-art{min-height:330px;border-top-left-radius:70px}.hero-art img{height:245px}
 .fact-grid{grid-template-columns:1fr;gap:18px}.fact-grid div,.fact-grid div:first-child{padding:0 0 16px;border:0;border-bottom:1px solid var(--line)}
 .fact-grid div:last-child{border:0;padding-bottom:0}.fact-grid strong{font-size:18px}.section{padding-top:55px;padding-bottom:55px}
 .formula,.faq{grid-template-columns:1fr;gap:30px}h2{font-size:34px}.price-grid{grid-template-columns:1fr}.price-card{padding:27px}
 .price-card ul{min-height:0}.price-card .button{font-size:15px}.footer-top{gap:20px;align-items:flex-start;flex-direction:column}.footer-top nav{flex-wrap:wrap;gap:12px 22px}.footer-top>a:last-child{font-size:12px}
 .footer-bottom{gap:14px}.footer-bottom span{width:100%}.intro{font-size:17px}.check-intro{min-height:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}