*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#25364c;background:#fff}.announcement-bar{width:100%;min-height:26px;background:#fbe1ed;color:#080808;display:flex;justify-content:center;align-items:center;padding:2px 12px;text-align:center;font-size:20px;line-height:1.15;font-weight:700}.brand-bar{background:#fff;width:100%;min-height:56px;display:flex;justify-content:center;align-items:center;padding:6px 16px;border-bottom:1px solid #f3f3f3}.brand-link{display:inline-flex;justify-content:center;align-items:center;max-width:100%}.brand-link img{display:block;width:min(322px,90vw);height:auto}.hero{max-width:1400px;margin:0 auto;padding:24px 28px 32px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.hero-media{min-width:0}.hero-image{width:100%;height:auto;display:block;border-radius:12px}.hero-content{padding-top:4px}.rating{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#627087;font-size:15px;margin-bottom:12px}.stars{color:#f9a42a;letter-spacing:2px;font-size:24px}.hero h1{font-size:clamp(30px,2.5vw,42px);line-height:1.12;letter-spacing:-.5px;margin:10px 0;font-weight:800}.hero h1 span{color:#ec117c}.subhead{font-size:19px;line-height:1.25;font-weight:700;margin:10px 0 16px}.trust-note{font-family:Georgia,serif;color:#333;font-size:16px;margin:12px 0 18px}.hero hr{border:0;border-top:1px solid #e7e7e7;margin:18px 0}.intro{font-size:18px;line-height:1.4;margin:0 0 16px}.benefits{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}.benefits li{display:flex;align-items:flex-start;gap:10px;font-size:18px;line-height:1.4}.check{color:#10ad79;font-size:24px;line-height:1;flex:none}.cta{display:block;text-align:center;background:#f00f7e;color:#fff;text-decoration:none;font-size:23px;font-weight:800;padding:18px 20px;border-radius:11px;transition:transform .2s,box-shadow .2s}.cta:hover,.cta:focus-visible{transform:scale(1.025);box-shadow:0 8px 24px #f00f7e33}.stock{text-align:center;color:#63816d;font-size:14px;margin:12px 0}.offer{text-align:center;padding:35px 18px 55px;background:#fff8fb}.offer h2{margin:0 0 10px;font-size:26px}.offer p{margin:0;font-size:17px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:22px;max-width:650px;padding:14px 15px 28px}.hero h1{font-size:32px}.hero-content{padding:0}.benefits li{font-size:16px}.intro{font-size:16px}.subhead{font-size:17px}.cta{font-size:20px}}@media(max-width:600px){.announcement-bar{font-size:13px;line-height:1.3;padding:6px 8px}.brand-bar{min-height:47px;padding:7px 12px}.brand-link img{width:min(214px,86vw)}}/* Hero section scaled down by approximately 20%; header remains unchanged. */
@media(min-width:801px){.hero{max-width:1120px;padding:19px 22px 26px;gap:40px}.hero h1{font-size:clamp(24px,2vw,34px)}.hero .rating{font-size:12px;margin-bottom:10px;gap:10px}.hero .stars{font-size:19px}.hero .subhead{font-size:15px;margin:8px 0 13px}.hero .trust-note{font-size:13px;margin:10px 0 14px}.hero hr{margin:14px 0}.hero .intro{font-size:15px;margin-bottom:13px}.hero .benefits{gap:10px;margin-bottom:16px}.hero .benefits li{font-size:15px;gap:8px}.hero .check{font-size:19px}.hero .cta{font-size:19px;padding:14px 16px}.hero .stock{font-size:12px;margin:10px 0}}
@media(max-width:800px){.hero{max-width:520px;gap:18px;padding:11px 12px 22px}.hero h1{font-size:26px}.hero .rating{font-size:12px}.hero .stars{font-size:19px}.hero .subhead{font-size:14px}.hero .intro,.hero .benefits li{font-size:13px}.hero .trust-note{font-size:13px}.hero .benefits{gap:10px}.hero .cta{font-size:16px;padding:14px 16px}}

/* Hero CTA: 20% narrower with a gentle breathing/blow animation. */
.hero .cta{width:80%;margin-left:auto;margin-right:auto;animation:cta-blow 1.8s ease-in-out infinite;transform-origin:center;}
@keyframes cta-blow{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.hero .cta:hover,.hero .cta:focus-visible{animation-play-state:paused;transform:scale(1.045);box-shadow:0 8px 24px #f00f7e33}
@media(prefers-reduced-motion:reduce){.hero .cta{animation:none}}

/* Editable TriFusion information section */
.trifusion-section{max-width:1650px;margin:0 auto;padding:28px 36px 30px;background:#fff;color:#25364c}
.trifusion-section h2{text-align:center;font-size:clamp(30px,3.45vw,59px);line-height:1.22;font-weight:800;letter-spacing:-.7px;margin:0 0 30px}
.trifusion-section h2 span{color:#f00f7e}
.trifusion-highlight{background:#ffff00;color:#25364c;text-align:center;font-size:clamp(23px,2.65vw,45px);font-weight:800;line-height:1.25;padding:6px 14px;margin:0 0 30px}
.trifusion-copy p{font-size:clamp(18px,1.65vw,28px);line-height:1.52;margin:0 0 27px;font-weight:400}
.trifusion-copy p:last-child{margin-bottom:0}
@media(max-width:800px){.trifusion-section{padding:28px 16px}.trifusion-section h2{font-size:clamp(25px,6vw,37px);margin-bottom:22px}.desktop-break{display:none}.trifusion-highlight{font-size:clamp(20px,5vw,30px);margin-bottom:22px;padding:10px}.trifusion-copy p{font-size:17px;line-height:1.5;margin-bottom:19px}}

/* Full-width video immediately below the TriFusion text. */
.trifusion-video-wrap{width:100%;margin-top:24px;border-radius:12px;overflow:hidden;background:#1c1012}
.trifusion-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:800px){.trifusion-video-wrap{margin-top:18px;border-radius:9px}}

/* Reason #2: matching navy typography and bright yellow title strip */
.reason-two{max-width:1650px;margin:0 auto;padding:10px 36px 32px;background:#fff;color:#25364c}
.reason-two .trifusion-highlight{margin-bottom:26px}
@media(max-width:800px){.reason-two{padding:10px 16px 26px}.reason-two .trifusion-highlight{margin-bottom:20px}}

/* Reason #3: matches the previous yellow title and full-width video sections. */
.reason-three{max-width:1650px;margin:0 auto;padding:10px 36px 32px;background:#fff;color:#25364c}
.reason-three .trifusion-highlight{margin-bottom:26px}
@media(max-width:800px){.reason-three{padding:10px 16px 26px}.reason-three .trifusion-highlight{margin-bottom:20px}}

/* Three-video how-to section */
.how-to{max-width:1650px;margin:0 auto;padding:24px 36px 44px;color:#25364c;background:#fff}
.how-to h2{text-align:center;font-size:clamp(30px,3.4vw,55px);font-weight:800;line-height:1.2;margin:0 0 34px;letter-spacing:-.5px}
.how-to h2 span{color:#f00f7e}
.how-to-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4vw,70px)}
.how-to-step{text-align:center;min-width:0}
.step-number{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;background:#f00f7e;color:#fff;font-size:42px;font-weight:800;margin:0 auto 22px}
.step-video-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#e7e7e7}
.step-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}
.how-to-step h3{font-size:clamp(19px,1.65vw,26px);line-height:1.2;font-weight:800;margin:14px 8px 0}
.how-to-note{text-align:center;font-size:14px;line-height:1.5;color:#5a6474;max-width:900px;margin:28px auto 0}
@media(max-width:800px){.how-to{padding:26px 16px 36px}.how-to h2{font-size:clamp(26px,6vw,37px);margin-bottom:26px}.how-to-grid{grid-template-columns:1fr;max-width:520px;margin:auto;gap:30px}.step-number{width:65px;height:65px;font-size:34px;margin-bottom:16px}.how-to-step h3{font-size:21px;margin-top:12px}}

/* Screenshot-inspired comparison, all five columns fit without horizontal scrolling. */
.comparison{max-width:1100px;margin:0 auto;padding:26px 24px 48px;color:#25364c}
.comparison h2{text-align:center;font-size:32px;line-height:1.2;margin:0 0 18px;font-weight:800}
.comparison-grid{display:grid;grid-template-columns:minmax(155px,1.65fr) repeat(4,minmax(0,1fr));width:100%;border-bottom:1px solid #d4d4d4}
.comparison-cell{min-width:0;border-right:1px solid #d4d4d4;border-top:1px solid #d4d4d4;display:flex;align-items:center;justify-content:center;text-align:center;padding:13px 7px;font-size:15px;font-weight:600;line-height:1.15}
.comparison-cell:nth-child(5n + 1){border-right:0;justify-content:flex-start;text-align:left;padding-left:12px}
.comparison-empty,.comparison-head{border-top:0}
.comparison-head{flex-direction:column;gap:5px;min-height:112px}
.comparison-head img{width:65px;height:70px;object-fit:contain}
.comparison-featured{background:#e7f3fc}
.comparison-icon{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-size:17px;font-weight:700;width:24px;height:24px}
.comparison-icon.check{background:#0db58b}.comparison-icon.cross{background:#ff1c14}.comparison-icon.unknown{background:#a5acb5}
.comparison-disclaimer{color:#667487;font-size:12px;line-height:1.5;margin:14px 0 0}
@media(max-width:600px){.comparison{padding:22px 5px 34px}.comparison h2{font-size:25px}.comparison-grid{grid-template-columns:minmax(85px,1.6fr) repeat(4,minmax(0,1fr))}.comparison-cell{font-size:9px;padding:9px 2px;overflow-wrap:anywhere}.comparison-cell:nth-child(5n + 1){padding-left:5px}.comparison-head{min-height:78px;gap:4px}.comparison-head img{width:38px;height:39px}.comparison-icon{width:17px;height:17px;font-size:13px}.comparison-disclaimer{padding:0 9px;font-size:11px}}

/* No-Tox Serum feature */
.serum-feature{max-width:1480px;margin:0 auto;padding:38px 24px 55px;color:#26374e}
.serum-feature h2{font-size:clamp(29px,3.7vw,56px);line-height:1.17;letter-spacing:-.025em;text-align:center;margin:0 0 35px;font-weight:800}
.serum-feature h2 span{color:#f3127c}
.serum-feature-grid{display:grid;grid-template-columns:1.42fr 1fr;gap:48px;align-items:center}
.serum-feature-copy{font-size:clamp(16px,1.55vw,23px);line-height:1.75}
.serum-feature-copy p{margin:0 0 27px}
.serum-feature-copy strong{font-weight:800}
.serum-feature-image img{width:100%;height:auto;display:block;object-fit:cover}
@media(max-width:700px){.serum-feature{padding:30px 16px 40px}.serum-feature h2{font-size:29px;margin-bottom:24px}.serum-feature-grid{grid-template-columns:1fr;gap:18px}.serum-feature-copy{font-size:16px;line-height:1.65}.serum-feature-copy p{margin-bottom:16px}}

/* No-Tox ingredient overview */
.serum-ingredients{max-width:1480px;margin:0 auto;padding:10px 24px 52px;color:#26374e}
.serum-ingredients-grid{display:grid;grid-template-columns:1fr 1.38fr;gap:34px;align-items:center}
.serum-ingredients-photo img{display:block;width:100%;height:auto;object-fit:cover}
.serum-ingredients-points{display:grid;gap:20px}
.serum-ingredients-points p{display:flex;gap:13px;align-items:flex-start;font-size:clamp(16px,1.6vw,23px);line-height:1.55;margin:0}
.serum-ingredients-points strong{font-weight:800}
.serum-tick{background:#0bb489;color:#fff;border-radius:50%;display:inline-flex;flex:none;align-items:center;justify-content:center;width:27px;height:27px;font-size:18px;font-weight:700;margin-top:5px}
.serum-ingredients-bottom{font-size:clamp(16px,1.55vw,22px);line-height:1.65;margin-top:26px}
.serum-ingredients-bottom p{margin:0 0 14px}
@media(max-width:700px){.serum-ingredients{padding:6px 16px 35px}.serum-ingredients-grid{grid-template-columns:1fr;gap:22px}.serum-ingredients-points{gap:15px}.serum-ingredients-points p{font-size:16px}.serum-ingredients-bottom{font-size:16px;margin-top:20px}}

/* Centered CTA following serum ingredients */
.serum-cta-section{display:flex;justify-content:center;align-items:center;padding:18px 16px 34px;background:#fff}
.serum-cta{display:inline-flex;align-items:center;justify-content:center;width:min(473px,100%);min-height:66px;padding:12px 22px;border-radius:11px;background:#f00f7e;color:#fff;text-align:center;text-decoration:none;font-size:27px;line-height:1.2;font-weight:800;animation:serum-cta-blow 1.8s ease-in-out infinite;transform-origin:center}
@keyframes serum-cta-blow{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.serum-cta:hover,.serum-cta:focus-visible{animation-play-state:paused;transform:scale(1.045);box-shadow:0 8px 24px #f00f7e33}
@media(max-width:600px){.serum-cta{width:min(390px,92%);min-height:55px;font-size:20px}.serum-cta-section{padding:12px 14px 28px}}
@media(prefers-reduced-motion:reduce){.serum-cta{animation:none}}

/* Pink guarantee panel, screenshot-inspired */
.guarantee-section{padding:18px 22px 50px;background:#fff}
.guarantee-card{max-width:1430px;margin:0 auto;padding:72px 28px 65px;border-radius:39px;text-align:center;color:#fff;background:radial-gradient(ellipse at 50% 45%,#ed0876 0%,#f22688 37%,#f79dc8 78%,#fbdce9 100%);box-shadow:0 22px 30px rgba(17,105,75,.17);display:flex;flex-direction:column;align-items:center}
.guarantee-shield{width:112px;height:130px;clip-path:polygon(50% 0,98% 21%,98% 62%,85% 83%,50% 100%,15% 83%,2% 62%,2% 21%);background:rgba(255,255,255,.22);border:0;outline:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;filter:drop-shadow(0 0 1px white)}
.guarantee-shield::before{content:"";position:absolute;inset:5px;clip-path:inherit;border:2px solid white;background:rgba(255,255,255,.06);z-index:-1}
.guarantee-shield strong{font-size:36px;line-height:1;font-weight:900}.guarantee-shield span{font-size:12px;font-weight:800}.guarantee-shield small{font-size:9px;font-weight:800;line-height:1.1;margin-top:5px}
.guarantee-card h2{font-size:clamp(30px,3.1vw,48px);font-weight:850;line-height:1.2;margin:35px 0 22px;color:#fff}
.guarantee-card p{font-size:clamp(16px,1.35vw,20px);line-height:1.65;max-width:810px;margin:0 auto 32px}
.guarantee-button{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:12px 40px;background:white;color:#111;border-radius:999px;font-size:19px;font-weight:800;text-decoration:none;box-shadow:0 7px 18px #7e0c4822;animation:serum-cta-blow 1.8s ease-in-out infinite}
.guarantee-footnote{font-size:14px;font-weight:650;margin-top:19px;color:#fff}
@media(max-width:700px){.guarantee-section{padding:14px 12px 36px}.guarantee-card{border-radius:25px;padding:40px 18px 45px}.guarantee-card h2{margin:25px 0 17px}.guarantee-button{width:100%;max-width:380px;min-height:55px;padding:10px 15px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.guarantee-button{animation:none}}

/* V17: increase hero section dimensions and typography 10% over V16. */
@media(min-width:801px){
.hero{max-width:1232px;padding:21px 24px 29px;gap:44px}
.hero h1{font-size:clamp(26.4px,2.2vw,37.4px)}
.hero .rating{font-size:13.2px}.hero .stars{font-size:21px}
.hero .subhead{font-size:16.5px}.hero .trust-note{font-size:14.3px}
.hero .intro,.hero .benefits li{font-size:16.5px}
.hero .check{font-size:21px}.hero .cta{font-size:20.9px;padding:15.4px 17.6px}
.hero .stock{font-size:13.2px}
}
@media(max-width:800px){
.hero{max-width:572px;gap:20px;padding:12px 13px 24px}
.hero h1{font-size:28.6px}.hero .rating{font-size:13.2px}.hero .stars{font-size:21px}
.hero .subhead{font-size:15.4px}.hero .intro,.hero .benefits li{font-size:14.3px}
.hero .trust-note{font-size:14.3px}.hero .cta{font-size:17.6px;padding:15.4px 17.6px}
}

/* V18: Reduce only the CTA directly before the guarantee section by 25%. */
.serum-cta{width:min(354.75px,75%);min-height:49.5px;padding:9px 16.5px;font-size:20.25px}
@media(max-width:600px){.serum-cta{width:min(292.5px,69%);min-height:41.25px;padding:9px 12px;font-size:15px}}

/* V19: screenshot-inspired, accessible FAQ accordion */
.faq-section{max-width:940px;margin:0 auto;padding:52px 20px 68px;color:#26374e;text-align:center}
.faq-section h2{font-size:clamp(30px,3.2vw,43px);font-weight:850;line-height:1.2;margin:0 0 14px;color:#101c31}
.faq-subtitle{font-size:18px;line-height:1.5;margin:0 0 54px}.faq-subtitle strong{color:#f3127c}
.faq-list{display:grid;gap:16px}.faq-item{border:1px solid #f3127c;border-radius:21px;background:#fff;overflow:hidden;box-shadow:0 12px 27px rgba(33,77,92,.07)}
.faq-item summary{position:relative;display:flex;align-items:center;justify-content:center;min-height:76px;padding:19px 65px 19px 30px;cursor:pointer;list-style:none;color:#f3127c;font-size:17px;font-weight:800;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:3px solid #f3127c;outline-offset:-5px}
.faq-toggle{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:33px;height:33px;border-radius:50%;background:#f3127c;color:#fff;display:grid;place-items:center}
.faq-toggle::after{content:'+';font-size:25px;line-height:1;font-weight:700}.faq-item[open] .faq-toggle::after{content:'×';font-size:26px}
.faq-answer{border-top:1px solid #eef0ee;padding:18px 32px 23px;font-size:16px;line-height:1.8;color:#435267;text-align:center}
@media(max-width:600px){.faq-section{padding:38px 14px 48px}.faq-subtitle{font-size:15px;margin-bottom:26px}.faq-list{gap:12px}.faq-item{border-radius:15px}.faq-item summary{font-size:15px;min-height:65px;padding:14px 47px 14px 16px}.faq-toggle{right:12px;width:28px;height:28px}.faq-answer{font-size:14px;padding:15px 17px 20px;line-height:1.65}}

/* Footer */
.site-footer{background:#fff;border-top:1px solid #edf0f2;padding:32px 24px 42px;color:#26364b;text-align:center;font-family:inherit}
.footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 38px;margin:0 auto 36px}
.footer-nav a{color:#152238;text-decoration:none;font-weight:650;font-size:17px}
.footer-nav a:hover,.footer-nav a:focus-visible{color:#f3127c;text-decoration:underline}
.footer-disclosure{max-width:1190px;margin:0 auto;color:#6c7888;font-size:15px;line-height:1.85}
.footer-disclosure p{margin:0 auto 10px}.footer-disclosure a{color:#f3127c;text-decoration:underline;font-weight:650}
.footer-copyright{font-size:16px;font-weight:800;color:#344054;margin:23px 0 0}
.policy-main{max-width:900px;margin:0 auto;padding:48px 24px 72px;color:#26364b;line-height:1.8}
.policy-main h1{font-size:clamp(28px,4vw,40px);margin:0 0 14px}.policy-main h2{font-size:21px;margin:30px 0 8px}.policy-main p,.policy-main li{font-size:16px;color:#48576b}.policy-main a{color:#f3127c}.policy-main .policy-note{background:#fff3f8;padding:14px 18px;border-radius:10px}
@media(max-width:600px){.site-footer{padding:27px 16px 35px}.footer-nav{gap:14px 22px;margin-bottom:25px}.footer-nav a{font-size:14px}.footer-disclosure{font-size:13px;line-height:1.75}.footer-copyright{font-size:14px}}

/* V22: compact footer (approximately 30% less overall visual space) */
.site-footer{padding:22px 17px 29px}
.footer-nav{gap:12px 27px;margin-bottom:25px}
.footer-nav a{font-size:15px}
.footer-disclosure{font-size:13px;line-height:1.55}
.footer-disclosure p{margin-bottom:7px}
.footer-copyright{font-size:14px;margin-top:16px}
@media(max-width:600px){.site-footer{padding:19px 12px 25px}.footer-nav{gap:10px 15px;margin-bottom:18px}.footer-nav a{font-size:12px}.footer-disclosure{font-size:11px;line-height:1.5}.footer-copyright{font-size:12px;margin-top:12px}}

/* V24: Increase all three CTA buttons by 10% while preserving colors and animations. */
.hero .cta{width:88%;font-size:22.99px;padding:16.94px 19.36px}
.serum-cta{width:min(390.225px,82.5%);min-height:54.45px;padding:9.9px 18.15px;font-size:22.275px}
.guarantee-button{min-height:70.4px;padding:13.2px 44px;font-size:20.9px}
@media(max-width:800px){.hero .cta{font-size:19.36px;padding:16.94px 19.36px}}
@media(max-width:600px){.serum-cta{width:min(321.75px,75.9%);min-height:45.375px;padding:9.9px 13.2px;font-size:16.5px}.guarantee-button{min-height:60.5px;padding:11px 16.5px;font-size:17.6px}}