@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#203647;--teal:#3d9694;--mint:#dff6f2;--pale:#f2fbf9;--pink:#fff0f5;--muted:#657780;--line:#dbe8e6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.announcement{text-align:center;padding:8px 16px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:2.2px;font-weight:700}.site-header{height:78px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#ffffffed;position:sticky;top:0;z-index:10;border-bottom:1px solid #e7efed;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:700;letter-spacing:-.7px}.brand i{font-family:'Playfair Display',serif;color:var(--teal);font-weight:500}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--teal);border-radius:11px;color:#fff;font-family:'Playfair Display',serif;font-size:23px}.nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav a:not(.nav-cta):hover,.text-link:hover{color:var(--teal)}.nav-cta{background:var(--ink);color:#fff;padding:11px 18px;border-radius:30px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--ink)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:640px;background:linear-gradient(120deg,#e7fbf8,#d5f4f1 58%,#f5fcfb);padding:65px 6.5% 55px;align-items:center;gap:35px;overflow:hidden}.hero-copy{max-width:510px;padding:15px 0}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:2.3px;color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,5.2vw,70px);line-height:1.08;letter-spacing:-2.6px;margin:22px 0}.hero h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--teal)}.hero-copy>p{font-size:16px;max-width:430px;color:#526a72;line-height:1.9}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:25px;padding:14px 20px;border-radius:40px;font-weight:700;font-size:13px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-dark span{font-size:18px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.trust-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#667d81;margin-top:34px}.dot{width:7px;height:7px;background:var(--teal);border-radius:50%}.hero-visual{position:relative}.hero-visual>img{width:100%;height:auto;max-height:490px;object-fit:contain;border-radius:24px;mix-blend-mode:multiply}.floating-note{position:absolute;bottom:12px;left:12px;background:#ffffffed;border:1px solid #fff;border-radius:15px;padding:14px 18px;display:flex;gap:13px;align-items:center;box-shadow:0 10px 35px #456c6c18}.floating-note>span{font-family:'Playfair Display',serif;color:var(--teal);font-size:24px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:12px}.floating-note small{font-size:10px;color:var(--muted)}.section{padding:100px 8%;}.intro{text-align:center;background:#fff}.intro h2,.section h2,.concern-copy h2,.product h2,.closing h2{font-size:clamp(35px,4vw,50px);letter-spacing:-1.5px;line-height:1.16;margin:14px 0 18px}.section-lead{max-width:650px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;text-align:left}.feature{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f7fcfb)}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--mint);color:var(--teal);font-size:23px}.feature h3{font-size:16px;margin:20px 0 7px}.feature p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.concerns{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7%;background:var(--pink);padding:65px 6.5%}.concern-image img{display:block;width:100%;height:auto;border-radius:18px}.concern-copy{max-width:450px}.concern-copy>p,.product-copy>p{color:var(--muted);font-size:14px;line-height:1.95}.concern-copy .text-link{display:inline-block;margin-top:12px}.product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;background:#f8fcfb}.product-art img{width:100%;height:auto;display:block;border-radius:22px;mix-blend-mode:multiply}.product-copy{max-width:500px}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:9px 0 9px 28px;border-bottom:1px solid var(--line);font-size:13px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:700}.small-note{font-size:11px;color:#7b8b8e;line-height:1.8;margin-top:22px}.ingredients{text-align:center;background:#fff}.ingredient-panel{max-width:760px;margin:40px auto 0;text-align:left;padding:28px;display:flex;gap:20px;border-radius:18px;background:var(--pale);border:1px solid var(--line)}.ingredient-symbol{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#d7f1ed;color:var(--teal);font-size:24px}.ingredient-panel h3{margin:2px 0 7px}.ingredient-panel p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.ingredients>.small-note{max-width:760px;margin:22px auto 0}.routine{background:#e8f8f5;text-align:center}.steps{max-width:780px;margin:45px auto 0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:14px}.step{display:flex;gap:17px;background:#ffffffc9;border:1px solid #d5ebe7;padding:23px;border-radius:15px}.step>span{font-family:'Playfair Display',serif;color:var(--teal);font-size:27px}.step h3{font-size:14px;margin:3px 0 6px}.step p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.faq{max-width:950px;margin:auto}.faq h2{margin-bottom:35px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{font-weight:700;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';font-size:20px;color:var(--teal)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);max-width:750px;margin:13px 0 0;line-height:1.9}.closing{text-align:center;background:var(--teal);color:white;padding:75px 20px}.closing .section-kicker{color:#d5f6f0}.closing h2{margin:12px 0}.closing h2 em{color:#d7f5ef}.closing p{font-size:13px;color:#e4f6f3}.btn-light{background:white;color:var(--ink);margin-top:10px}footer{padding:35px 7% 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;background:#f7fbfa}footer>p{font-size:11px;color:var(--muted);text-align:right;margin:0}.footer-links{display:flex;gap:20px;font-size:11px;color:var(--muted)}footer>small{font-size:10px;color:#7d8d8f;text-align:right}
@media(max-width:850px){.site-header{padding:0 5%;height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:20px 6%;box-shadow:0 15px 25px #20364712;flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding:55px 6%;gap:25px}.hero-copy{max-width:650px}.hero-visual{max-width:700px;margin:auto}.hero-visual>img{max-height:none}.concerns{grid-template-columns:1fr;padding:45px 6%;gap:30px}.concern-copy{max-width:650px}.product{grid-template-columns:1fr;padding:65px 7%;gap:35px}.product-art{max-width:600px;margin:auto}.product-copy{max-width:650px}.section{padding:75px 6%}}
@media(max-width:560px){.announcement{font-size:9px}.brand{font-size:18px}.hero{padding-top:40px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-actions{gap:17px}.btn{padding:13px 16px}.floating-note{position:relative;bottom:auto;left:auto;margin-top:-5px;display:inline-flex}.feature-grid{grid-template-columns:1fr;gap:12px;margin-top:30px}.feature{padding:22px}.section{padding:65px 6%}.intro h2,.section h2,.concern-copy h2,.product h2,.closing h2{font-size:37px}.concerns{padding:35px 5%}.steps{grid-template-columns:1fr}.step{padding:19px}.ingredient-panel{padding:20px;gap:13px}.ingredient-symbol{width:38px;height:38px}.faq h2{font-size:34px}footer{grid-template-columns:1fr;text-align:left;gap:12px}footer>p,footer>small{text-align:left}.footer-links{order:3}}