#home-redesign{--ink:#163c2f;--purple:#8019ef;--muted:#65726b;color:var(--ink);background:#fcfcf8;font:16px/1.6 var(--sans);overflow:hidden} #home-redesign *{box-sizing:border-box} #home-redesign h1,#home-redesign h2,#home-redesign h3,#home-redesign p,#home-redesign figure{margin:0} #home-redesign h1,#home-redesign h2,#home-redesign h3{color:var(--ink);font-family:var(--sans);letter-spacing:-.045em} #home-redesign h2{font-size:clamp(32px,3.6vw,52px);font-weight:500;line-height:1.1} #home-redesign em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--purple)} #home-redesign a{text-decoration:none;color:inherit} #home-redesign .hr-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:650;margin-bottom:20px} #home-redesign .hr-section{max-width:1360px;margin:0 auto;padding:84px 36px} #home-redesign .hr-hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;max-width:1536px;margin:12px auto 0;background:#eeefdf;border-radius:24px;overflow:hidden} #home-redesign .hr-hero-copy{padding:64px 50px 44px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center} #home-redesign h1{font-size:clamp(64px,7.3vw,108px);line-height:.98;font-weight:500;margin-bottom:26px} #home-redesign .hr-intro{max-width:375px;font-size:18px;line-height:1.6;margin-bottom:30px} #home-redesign .hr-button{display:inline-flex;align-items:center;gap:30px;background:var(--purple);color:#fff;border-radius:30px;padding:15px 24px;font-size:15px;font-weight:550;transition:background .2s,transform .2s} #home-redesign .hr-button:hover{background:#6611c6;transform:translateY(-2px)} #home-redesign .hr-button>span{font-size:23px;line-height:1} #home-redesign .hr-hero-proof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:32px;color:#4f6557} #home-redesign .hr-hero-proof i{width:3px;height:3px;background:#687b60;border-radius:50%} #home-redesign .hr-hero-image{position:relative;overflow:hidden;min-height:500px} #home-redesign .hr-hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:90% center} #home-redesign .hr-photo-label{position:absolute;bottom:28px;left:28px;background:#fff9;backdrop-filter:blur(12px);padding:9px 16px;border-radius:22px;font-size:12px} #home-redesign .hr-trust{display:flex;justify-content:space-between;max-width:1288px;margin:auto;gap:22px;padding:28px 0;border-bottom:1px solid #dde3d8;font-size:13px} #home-redesign .hr-trust>span{display:flex;align-items:center;gap:10px} #home-redesign svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0} #home-redesign .hr-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px} #home-redesign .hr-heading>div:last-child>p{color:var(--muted);font-size:15px;margin-bottom:14px} #home-redesign .hr-link{font-size:14px;font-weight:550;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-block} #home-redesign .hr-link:hover{color:var(--purple)} #home-redesign .hr-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} #home-redesign .hr-product-picture{display:flex;position:relative;align-items:center;justify-content:center;aspect-ratio: .9;background:#efedf6;border-radius:16px;overflow:hidden;padding:40px 20px 24px} #home-redesign .hr-product:nth-child(2) .hr-product-picture{background:#eaf1e7} #home-redesign .hr-product:nth-child(3) .hr-product-picture{background:#f4e9ed} #home-redesign .hr-product:nth-child(4) .hr-product-picture{background:#efeddf} #home-redesign .hr-product-tag{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.12em} #home-redesign .hr-product-picture img{width:100%;height:100%;object-fit:contain;transition:transform .3s} #home-redesign .hr-product-picture:hover img{transform:translateY(-5px) rotate(-3deg)} #home-redesign .hr-product-arrow{position:absolute;bottom:16px;right:16px;border-radius:50%;background:#fff;width:32px;height:32px;text-align:center;line-height:32px} #home-redesign .hr-product-caption{position:relative;padding:18px 0} #home-redesign .hr-product-caption h3{font-size:20px;font-weight:550;line-height:1.25;margin-bottom:7px} #home-redesign .hr-product-caption p{font-size:13px;color:var(--muted)} #home-redesign .hr-product-caption strong{display:block;margin-top:10px;font-size:16px;font-weight:550} #home-redesign .hr-origin{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:16px;padding-bottom:84px;align-items:center} #home-redesign .hr-origin-image{height:570px;position:relative} #home-redesign .hr-origin-image img{width:100%;height:100%;object-fit:cover;border-radius:160px 160px 12px 12px} #home-redesign .hr-origin-image>span{position:absolute;bottom:24px;left:24px;color:white;font-size:12px;letter-spacing:.2em} #home-redesign .hr-origin-copy>p:not(.hr-eyebrow){margin:24px 0;color:var(--muted);max-width:470px} #home-redesign .hr-standard{display:flex;gap:20px;border-top:1px solid #d9e2d7;padding:20px 0} #home-redesign .hr-standard>span{color:#8d9e90;font-size:12px} #home-redesign .hr-standard h3{font-size:20px;font-weight:550;margin-bottom:6px;letter-spacing:-.02em} #home-redesign .hr-standard p{font-size:14px;line-height:1.6;color:var(--muted)} #home-redesign .hr-lab{background:#163c2f;color:#e6eee5;position:relative} #home-redesign .hr-lab-inner{max-width:1210px;margin:auto;padding:72px 36px;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center} #home-redesign .hr-lab h2{color:#fff;font-size:clamp(38px,4.4vw,62px)} #home-redesign .hr-lab-copy>p:not(.hr-eyebrow){margin:24px 0 30px;max-width:440px;color:#bed0c0} #home-redesign .hr-button-white{background:#eef1da;color:#163c2f} #home-redesign .hr-button-white:hover{background:#fff} #home-redesign .hr-lab-points{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#bed0c0;margin-top:28px} #home-redesign .hr-lab-points span:before{content:'✓';margin-right:6px} #home-redesign .hr-lab-document{display:block;text-align:center} #home-redesign .hr-lab-document img{display:block;width:100%;max-width:290px;height:auto;margin:0 auto 20px;border-radius:5px;transform:rotate(3deg);box-shadow:0 22px 50px #001d2270;transition:transform .2s} #home-redesign .hr-lab-document:hover img{transform:rotate(0)} #home-redesign .hr-lab-document span{font-size:11px;color:#bed0c0} #home-redesign .hr-packs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dde3d8;border-radius:16px;overflow:hidden} #home-redesign .hr-pack{padding:30px;border-right:1px solid #dde3d8;transition:background .2s} #home-redesign .hr-pack:last-child{border:0} #home-redesign .hr-pack:hover{background:#edf4e7} #home-redesign .hr-pack-best{background:#eaf2df} #home-redesign .hr-pack>div>span{font-size:10px;letter-spacing:.12em} #home-redesign .hr-pack h3{font-size:48px;font-weight:500;margin:12px 0 22px;line-height:1} #home-redesign .hr-pack h3 small{font-size:17px;letter-spacing:0} #home-redesign .hr-pack-cost strong{font-size:24px;font-weight:500} #home-redesign .hr-pack-cost small{font-size:13px} #home-redesign .hr-pack-cost p{color:var(--muted);font-size:13px;margin-top:5px} #home-redesign .hr-pack-saving{display:flex;justify-content:space-between;border-top:1px solid #d6dfd0;padding-top:18px;margin-top:22px;font-size:12px} #home-redesign .hr-value-note{font-size:11px;color:var(--muted);margin-top:14px} #home-redesign .hr-guarantee{display:flex;gap:56px;align-items:center;background:#eeebf7;border-radius:24px;max-width:1288px;padding:48px 56px;margin-bottom:0} #home-redesign .hr-guarantee-number{font-size:130px;font-weight:400;line-height:.85;letter-spacing:-.08em;color:var(--purple)} #home-redesign .hr-guarantee-number>span{display:block;font-size:11px;letter-spacing:.3em;text-align:center;margin-top:20px} #home-redesign .hr-guarantee h2{font-size:40px} #home-redesign .hr-guarantee p:not(.hr-eyebrow){margin:16px 0;color:#625c70} #home-redesign .hr-guarantee>.hr-guarantee-number+div{flex:1} #home-redesign .hr-guarantee>svg{width:80px;height:80px;color:#9681b7;stroke-width:.65} #home-redesign .hr-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px} #home-redesign .hr-review-grid figure{border-top:1px solid #dce4d7;padding-top:24px} #home-redesign .hr-stars{color:#158051;letter-spacing:3px;font-size:17px} #home-redesign blockquote{font-size:19px;line-height:1.6;margin:18px 0 22px;letter-spacing:-.015em} #home-redesign figcaption{font-size:12px;color:var(--muted)} #home-redesign .hr-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:0} #home-redesign .hr-faq .hr-link{margin-top:24px} #home-redesign details{border:0;border-bottom:1px solid #dbe3d6;border-radius:0;background:none;padding:0} #home-redesign summary{padding:20px 32px 20px 0;font-size:16px;font-weight:500;line-height:1.5;cursor:pointer} #home-redesign summary:hover{color:var(--purple)} #home-redesign details p{font-size:14px;line-height:1.7;color:var(--muted);padding:0 25px 20px 0} @media(max-width:1000px){#home-redesign .hr-hero{min-height:540px}#home-redesign .hr-hero-copy{padding:40px 28px}#home-redesign .hr-hero-image{min-height:540px}#home-redesign .hr-trust{padding:24px 30px;flex-wrap:wrap;justify-content:center}#home-redesign .hr-section{padding:56px 28px}#home-redesign .hr-origin{gap:36px}#home-redesign .hr-origin-image{height:520px}#home-redesign .hr-lab-inner{gap:40px}#home-redesign .hr-guarantee{margin:0 28px}#home-redesign .hr-product-grid{gap:16px}#home-redesign .hr-product-tag{font-size:8px;left:14px}#home-redesign .hr-product-picture{padding:35px 10px 20px}#home-redesign .hr-heading{align-items:start}#home-redesign .hr-faq{gap:40px}} @media(max-width:700px){#home-redesign .hr-hero{grid-template-columns:1fr;border-radius:0;margin:0}#home-redesign .hr-hero-copy{padding:40px 24px}#home-redesign h1{font-size:74px}#home-redesign .hr-hero-image{min-height:340px;height:340px}#home-redesign .hr-hero-image>img{object-position:95% center}#home-redesign .hr-trust{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px;padding:22px}#home-redesign .hr-trust svg{width:18px;height:18px}#home-redesign .hr-section{padding:44px 22px}#home-redesign .hr-heading{flex-direction:column;gap:20px;margin-bottom:26px}#home-redesign .hr-product-grid{grid-template-columns:1fr 1fr;gap:24px 14px}#home-redesign .hr-product-caption h3{font-size:17px}#home-redesign .hr-product-tag{font-size:7px;letter-spacing:.05em;top:12px;left:10px}#home-redesign .hr-product-picture{aspect-ratio:.8;padding:30px 6px 14px}#home-redesign .hr-origin{grid-template-columns:1fr;gap:30px;padding-top:0}#home-redesign .hr-origin-image{height:380px}#home-redesign .hr-origin-image img{border-radius:100px 100px 12px 12px}#home-redesign .hr-lab-inner{grid-template-columns:1fr;padding:44px 24px;gap:36px}#home-redesign .hr-lab-document img{max-width:220px}#home-redesign .hr-packs{grid-template-columns:1fr}#home-redesign .hr-pack{border-right:0;border-bottom:1px solid #dde3d8;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}#home-redesign .hr-pack h3{font-size:38px;margin-bottom:0}#home-redesign .hr-pack-cost{text-align:right}#home-redesign .hr-pack-cost strong{font-size:20px}#home-redesign .hr-pack-saving{grid-column:1/-1;margin:0}#home-redesign .hr-guarantee{margin:0 22px;padding:30px 24px;gap:24px;align-items:start;flex-wrap:wrap}#home-redesign .hr-guarantee-number{font-size:90px}#home-redesign .hr-guarantee h2{font-size:30px}#home-redesign .hr-guarantee>svg{display:none}#home-redesign .hr-guarantee>.hr-guarantee-number+div{flex-basis:100%}#home-redesign .hr-guarantee .hr-eyebrow{margin-bottom:14px}#home-redesign .hr-review-grid{grid-template-columns:1fr;gap:26px}#home-redesign .hr-faq{grid-template-columns:1fr;gap:24px;padding-top:0}#home-redesign .hr-eyebrow{font-size:10px}} @media(prefers-reduced-motion:reduce){#home-redesign *{transition:none!important}} /* Full-width photograph with the copy layered over its open left side. */ #home-redesign .hr-hero{display:block;position:relative;isolation:isolate;background:#e2ece9;min-height:610px} #home-redesign .hr-hero-image{position:absolute;inset:0;min-height:0;height:100%;z-index:-1} #home-redesign .hr-hero-image>img{object-fit:cover;object-position:right center} #home-redesign .hr-hero-copy{position:relative;width:52%;min-height:610px;padding:64px 40px 44px 7%;background:transparent} #home-redesign .hr-photo-label{left:auto;right:28px;bottom:24px} @media(max-width:1000px){#home-redesign .hr-hero{min-height:560px}#home-redesign .hr-hero-copy{width:55%;min-height:560px;padding:40px 28px}#home-redesign .hr-hero-image>img{content:url('assets/new-hero-1100.jpg')}} @media(max-width:700px){#home-redesign .hr-hero{min-height:650px}#home-redesign .hr-hero-image{height:100%;min-height:0}#home-redesign .hr-hero-image>img{content:url('assets/new-hero-mobile.jpg');object-position:center center}#home-redesign .hr-hero-copy{width:100%;min-height:0;padding:30px 22px;align-items:center;text-align:center}#home-redesign .hr-hero-copy h1{font-size:48px;margin-bottom:16px}#home-redesign .hr-hero-copy h1 br{display:none}#home-redesign .hr-hero-copy .hr-eyebrow{margin-bottom:14px}#home-redesign .hr-intro{font-size:15px;max-width:330px;margin-bottom:20px}#home-redesign .hr-hero-proof{justify-content:center;margin-top:18px;font-size:10px}#home-redesign .hr-photo-label{right:18px;bottom:18px;font-size:10px}} /* Quality, reassurance, value and comparison share the product section's visual language. */ #home-redesign .hr-guarantee{margin-top:64px} #home-redesign .hr-order-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:30px;padding-bottom:0} #home-redesign .hr-order-promises article{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #dce3d8} #home-redesign .hr-order-promises svg{width:28px;height:28px;color:#16804e} #home-redesign .hr-order-promises h3{font-size:20px;font-weight:550;letter-spacing:-.025em;margin-bottom:8px} #home-redesign .hr-order-promises p{font-size:14px;line-height:1.65;color:var(--muted)} #home-redesign .hr-value{padding-top:0} #home-redesign .hr-value .hr-heading>div:last-child{max-width:420px} #home-redesign .hr-comparison{padding-top:0} #home-redesign .hr-comparison-scroll{overflow-x:auto;border:1px solid #dce3d8;border-radius:18px;margin-bottom:16px} #home-redesign .hr-comparison table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:1.6} #home-redesign .hr-comparison caption{text-align:left;padding:18px 24px;color:var(--muted);font-size:12px;background:#fff} #home-redesign .hr-comparison th,#home-redesign .hr-comparison td{padding:20px 24px;text-align:left;vertical-align:top;border-top:1px solid #e1e7dc} #home-redesign .hr-comparison thead th{font-size:18px;font-weight:550;letter-spacing:-.02em} #home-redesign .hr-comparison tbody th{font-weight:500;width:24%} #home-redesign .hr-comparison td:nth-child(2),#home-redesign .hr-comparison th:nth-child(2){background:#eaf4e6;color:#165e39;width:37%} #home-redesign .hr-comparison td:last-child{color:var(--muted)} #home-redesign .hr-comparison td>span{margin-right:10px;color:#16804e} #home-redesign .hr-comparison tr:hover td:nth-child(2){background:#dff0da} #home-redesign .hr-comparison-note{font-size:12px;color:var(--muted);margin-bottom:24px} @media(max-width:700px){#home-redesign .hr-guarantee{margin-top:36px}#home-redesign .hr-order-promises{grid-template-columns:1fr;gap:0;padding-top:18px;padding-bottom:0}#home-redesign .hr-comparison table{min-width:610px;font-size:13px}#home-redesign .hr-comparison th,#home-redesign .hr-comparison td{padding:16px}#home-redesign .hr-comparison thead th{font-size:16px}} /* Blue laboratory feature with prominent testing checks. */ #home-redesign .hr-lab{margin:0 auto;max-width:1360px;padding:0 36px;background:transparent;color:#fff} #home-redesign .hr-lab-inner{max-width:none;padding:52px 44px;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,.7fr);gap:36px;border-radius:26px;border-top:4px solid #19b8c6;background:linear-gradient(105deg,rgba(9,30,54,.9),rgba(15,57,89,.66)),url('assets/section-110538d0.jpg') center/cover;box-shadow:0 16px 35px #1733490c} #home-redesign .hr-lab h2{font-size:clamp(32px,3.2vw,46px);line-height:1.15;color:#fff} #home-redesign .hr-lab .hr-eyebrow{color:#95e5eb} #home-redesign .hr-lab-copy>p:not(.hr-eyebrow){font-size:17px;line-height:1.75;color:#f0f6fa;margin:24px 0 30px} #home-redesign .hr-lab .hr-button-white{background:#fff;color:#125770;border:1px solid #98d8e0;border-radius:10px;font-size:15px;gap:16px} #home-redesign .hr-lab .hr-button-white:hover{background:#e6f9fc;color:#10475b} #home-redesign .hr-lab-document img{max-width:280px;transform:rotate(-2deg)} #home-redesign .hr-lab-document span{color:#d7e8f2} #home-redesign .hr-lab-checks{display:flex;flex-direction:column;justify-content:space-evenly;align-self:stretch;gap:30px;list-style:none;padding:0;margin:0} #home-redesign .hr-lab-checks li{display:flex;align-items:flex-start;gap:14px} #home-redesign .hr-test-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #75cfdf;background:#087e91;flex-shrink:0;box-shadow:0 0 0 5px #39bcda0d} #home-redesign .hr-test-icon svg{width:26px;height:26px;stroke:#fff;stroke-width:1.5;fill:none} #home-redesign .hr-lab-checks h3{font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:600;color:white;margin:0 0 8px} #home-redesign .hr-lab-checks p{font-size:13px;line-height:1.55;color:#d1e5f0;margin:0} @media(max-width:1100px){#home-redesign .hr-lab-inner{grid-template-columns:1.2fr .8fr;padding:36px;gap:30px}#home-redesign .hr-lab-checks{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #a4d7e13b;padding-top:28px}#home-redesign .hr-lab-checks li{flex-direction:column}#home-redesign .hr-lab-checks h3{font-size:18px}} @media(max-width:700px){#home-redesign .hr-lab{padding:0 22px}#home-redesign .hr-lab-inner{padding:30px 24px;grid-template-columns:1fr;border-radius:20px}#home-redesign .hr-lab-document img{max-width:220px}#home-redesign .hr-lab-checks{grid-template-columns:1fr;gap:26px}#home-redesign .hr-lab-checks li{flex-direction:row;align-items:center}#home-redesign .hr-lab-checks h3{font-size:20px}#home-redesign .hr-lab-checks p{font-size:14px}} /* More breathing room between homepage chapters, without enlarging their contents. */ #home-redesign .hr-origin{padding-top:44px;padding-bottom:108px} #home-redesign .hr-guarantee{margin-top:88px} #home-redesign .hr-order-promises{padding-top:50px} #home-redesign .hr-reviews{padding-top:108px;padding-bottom:108px} #home-redesign .hr-value{padding-bottom:108px} #home-redesign .hr-comparison{padding-bottom:108px} #home-redesign .hr-faq{padding-bottom:100px} @media(max-width:1000px){#home-redesign .hr-origin{padding-top:32px;padding-bottom:80px}#home-redesign .hr-guarantee{margin-top:72px}#home-redesign .hr-reviews{padding-top:80px;padding-bottom:80px}#home-redesign .hr-value,#home-redesign .hr-comparison,#home-redesign .hr-faq{padding-bottom:80px}} @media(max-width:700px){#home-redesign .hr-origin{padding-top:20px;padding-bottom:60px}#home-redesign .hr-guarantee{margin-top:56px}#home-redesign .hr-order-promises{padding-top:32px}#home-redesign .hr-reviews{padding-top:64px;padding-bottom:64px}#home-redesign .hr-value,#home-redesign .hr-comparison,#home-redesign .hr-faq{padding-bottom:64px}} /* Range-wide value story: crisp white, purple and blue. */ #home-redesign{--ink:#242333;--muted:#696773;background:#fff} #home-redesign .hr-value-story{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center} #home-redesign .hr-value-story-copy .hr-eyebrow{color:#8019ef} #home-redesign .hr-value-story-copy h2{font-size:clamp(34px,3.7vw,54px);line-height:1.12;margin-bottom:24px} #home-redesign .hr-value-story-copy h2 em{font-family:var(--sans);font-style:normal;font-weight:500} #home-redesign .hr-value-story-copy>p:not(.hr-eyebrow){color:#696773;font-size:17px;line-height:1.75;margin-bottom:20px;max-width:560px} #home-redesign .hr-value-story-copy>p.hr-value-lead{font-size:19px;color:#383345} #home-redesign .hr-value-story-copy .hr-button{margin-top:10px} #home-redesign .hr-value-visual{background:linear-gradient(145deg,#f3eaff,#eaf3ff);border-radius:26px;padding:30px 20px;text-align:center;overflow:hidden} #home-redesign .hr-value-label{display:block;font-size:10px;letter-spacing:.12em;font-weight:600;color:#624093} #home-redesign .hr-value-bottles{height:300px;display:flex;align-items:center;justify-content:center;padding:24px 0 10px} #home-redesign .hr-value-bottles img{width:38%;height:100%;object-fit:contain;margin:0 -3%;filter:drop-shadow(0 14px 12px #35205c15)} #home-redesign .hr-value-bottles img:first-child{transform:rotate(-9deg) translateY(12px)} #home-redesign .hr-value-bottles img:nth-child(2){z-index:1;transform:scale(1.1)} #home-redesign .hr-value-bottles img:last-child{transform:rotate(9deg) translateY(12px)} #home-redesign .hr-value-visual>p{font-size:15px;line-height:1.65;color:#564a6c;margin-top:12px} #home-redesign .hr-value-visual strong{font-weight:500;color:#36224f} #home-redesign .hr-value-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:44px} #home-redesign .hr-value-reasons article{padding-top:22px;border-top:1px solid #ded8e8} #home-redesign .hr-value-reasons article>span{font-size:12px;color:#8019ef;font-weight:600} #home-redesign .hr-value-reasons h3{font-size:23px;font-weight:550;margin:12px 0;letter-spacing:-.03em} #home-redesign .hr-value-reasons p{font-size:15px;line-height:1.7;color:#696773} #home-redesign .hr-value-note{margin-top:24px;color:#7c7587} #home-redesign .hr-comparison td:nth-child(2),#home-redesign .hr-comparison th:nth-child(2){background:#f1eaff;color:#6421a0} #home-redesign .hr-comparison tr:hover td:nth-child(2){background:#e9dbfb} #home-redesign .hr-comparison td>span,#home-redesign .hr-order-promises svg{color:#8019ef} @media(max-width:900px){#home-redesign .hr-value-story{gap:30px}#home-redesign .hr-value-bottles{height:250px}} @media(max-width:700px){#home-redesign .hr-value-story{grid-template-columns:1fr;gap:28px}#home-redesign .hr-value-bottles{height:260px}#home-redesign .hr-value-reasons{grid-template-columns:1fr;gap:24px;margin-top:32px}#home-redesign .hr-value-story-copy>p.hr-value-lead{font-size:18px}} /* Make the proof immediately scannable. */ #home-redesign .hr-comparison .hr-eyebrow{color:#8019ef} #home-redesign .hr-comparison h2 em{font-family:var(--sans);font-style:normal;font-weight:500} #home-redesign .hr-proof-visuals{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;margin-bottom:32px} #home-redesign .hr-proof-visuals>div{min-height:220px;border-radius:20px;overflow:hidden;position:relative} #home-redesign .hr-proof-place img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%} #home-redesign .hr-proof-place:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#081c3699)} #home-redesign .hr-proof-place>div{position:absolute;bottom:25px;left:25px;color:white;z-index:1} #home-redesign .hr-proof-visuals span{display:block;font-size:11px;letter-spacing:.16em;font-weight:600} #home-redesign .hr-proof-place strong,#home-redesign .hr-proof-test strong{display:block;font-size:32px;line-height:1.1;letter-spacing:-.035em;margin-top:10px;font-weight:550} #home-redesign .hr-proof-test{background:#e8f4ff;display:flex;flex-direction:column;justify-content:space-between;padding:26px;color:#124e88} #home-redesign .hr-proof-test>svg{width:42px;height:42px;stroke-width:1.3} #home-redesign .hr-proof-test p{font-size:12px;margin-top:12px;line-height:1.5} #home-redesign .hr-proof-90{background:#8218ea;color:white;display:flex;gap:20px;align-items:center;justify-content:center;padding:26px} #home-redesign .hr-proof-90>strong{font-size:100px;font-weight:500;letter-spacing:-.08em;line-height:1} #home-redesign .hr-proof-90 p{font-size:16px;line-height:1.5;margin-top:14px} #home-redesign .hr-comparison table{font-size:16px} #home-redesign .hr-comparison caption{padding:18px 24px;font-size:13px;color:#747080} #home-redesign .hr-comparison thead th{vertical-align:middle;font-size:19px} #home-redesign .hr-comparison thead th:nth-child(2){color:#7521bc} #home-redesign .hr-compare-bottle{display:inline-block;width:48px;height:64px;object-fit:contain;vertical-align:middle;margin-right:14px} #home-redesign .hr-comparison th small{display:block;font-size:11px;font-weight:400;color:#827d8a;margin-top:6px;letter-spacing:0} #home-redesign .hr-comparison tbody th{vertical-align:middle} #home-redesign .hr-comparison tbody th svg{display:inline-block;width:23px;height:23px;vertical-align:middle;margin-right:12px;color:#786589} #home-redesign .hr-comparison td{vertical-align:middle} #home-redesign .hr-comparison td strong{font-weight:550} #home-redesign .hr-compare-tick{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#841bec;color:white!important;margin-right:12px;font-size:14px} #home-redesign .hr-comparison td:last-child{font-size:14px;color:#817888} @media(max-width:1000px){#home-redesign .hr-proof-90{gap:14px;padding:20px}#home-redesign .hr-proof-90>strong{font-size:80px}#home-redesign .hr-proof-place strong,#home-redesign .hr-proof-test strong{font-size:27px}} @media(max-width:700px){#home-redesign .hr-proof-visuals{grid-template-columns:1fr 1fr;gap:14px}#home-redesign .hr-proof-visuals>div{min-height:180px}#home-redesign .hr-proof-place{grid-column:1/-1}#home-redesign .hr-proof-test{padding:20px}#home-redesign .hr-proof-90{flex-direction:column;gap:8px;text-align:center}#home-redesign .hr-proof-90>strong{font-size:74px}#home-redesign .hr-proof-90 p{font-size:14px;margin-top:8px}#home-redesign .hr-comparison table{min-width:580px;font-size:14px}#home-redesign .hr-comparison td:last-child{font-size:12px}#home-redesign .hr-comparison thead th{font-size:16px}#home-redesign .hr-comparison tbody th svg{width:18px;margin-right:8px}} /* Hero promises deserve the same prominence as the offer. */ #home-redesign .hr-hero-proof{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;width:100%;max-width:540px;margin-top:30px;color:#292335;text-align:left} #home-redesign .hr-hero-promise{display:flex;align-items:center;gap:12px;padding:14px 0} #home-redesign .hr-hero-promise+.hr-hero-promise{border-left:1px solid #80709035;padding-left:18px} #home-redesign .hr-promise-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#fff9;color:#8019ef} #home-redesign .hr-promise-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.6} #home-redesign .hr-hero-promise strong{display:block;font-size:22px;line-height:1.2;font-weight:650;letter-spacing:-.025em} #home-redesign .hr-hero-promise small{display:block;font-size:14px;line-height:1.4;font-weight:500;margin:3px 0;color:#494253} @media(min-width:701px) and (max-width:1100px){#home-redesign .hr-hero-proof{grid-template-columns:1fr;gap:0;margin-top:20px}#home-redesign .hr-hero-promise{padding:8px 0}#home-redesign .hr-hero-promise+.hr-hero-promise{border-left:0;padding-left:0}} @media(max-width:700px){#home-redesign .hr-hero-proof{gap:12px;margin-top:22px;max-width:440px}#home-redesign .hr-hero-promise{gap:8px;padding:10px 0}#home-redesign .hr-hero-promise+.hr-hero-promise{padding-left:12px}#home-redesign .hr-promise-icon{width:34px;height:34px;border-radius:9px}#home-redesign .hr-promise-icon svg{width:24px;height:24px}#home-redesign .hr-hero-promise strong{font-size:18px}#home-redesign .hr-hero-promise small{font-size:12px}} /* Prominent commitments below the hero. */ #home-redesign .hr-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1360px;margin:0 auto;padding:40px 36px;border-bottom:0;background:#fff} #home-redesign .hr-trust-item{display:flex;align-items:flex-start;gap:14px} #home-redesign .hr-trust-icon{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border:1px solid #bda0ed;border-radius:50%;background:#f4edff;color:#7420c6} #home-redesign .hr-trust-icon svg{width:28px;height:28px;stroke-width:1.6} #home-redesign .hr-trust h3{color:#7b19d5;font-size:18px;line-height:1.3;font-weight:650;letter-spacing:-.02em;margin:0 0 8px} #home-redesign .hr-trust p{color:#625b70;font-size:14px;line-height:1.6;margin:0} #home-redesign .hr-trust-item:nth-child(even) .hr-trust-icon{background:#edf6ff;border-color:#8bc9ef;color:#126895} @media(max-width:1100px){#home-redesign .hr-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;padding:32px 28px}} @media(max-width:700px){#home-redesign .hr-trust{padding:30px 22px;gap:26px 18px}#home-redesign .hr-trust-item{flex-direction:column;gap:12px}#home-redesign .hr-trust h3{font-size:17px}#home-redesign .hr-trust p{font-size:13px}#home-redesign .hr-trust-icon{width:46px;height:46px}#home-redesign .hr-trust-icon svg{width:26px;height:26px}} /* A shared neutral frame for navigation and the full-image hero. */ body:has(#home-redesign):not(.header-scrolled)>header{background:#f5f5f5} #home-redesign .hr-hero-surround{background:#f5f5f5;padding:12px max(22px,calc((100% - 1536px)/2)) 36px} #home-redesign .hr-hero{margin:0 auto;border-radius:22px;max-width:1536px;box-shadow:0 5px 18px #24233308} #home-redesign .hr-trust{margin-top:25px} #home-redesign .hr-trust h3{font-size:16px;font-weight:550;color:#35313e;letter-spacing:-.01em} #home-redesign .hr-trust p{font-size:13px;color:#706b77} #home-redesign .hr-trust-icon,#home-redesign .hr-trust-item:nth-child(even) .hr-trust-icon{width:44px;height:44px;background:#f7f5fa;border-color:#ddd6e7;color:#78638c} #home-redesign .hr-trust-icon svg{width:25px;height:25px} #home-redesign .hr-value-reasons .hr-value-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f4eefb;color:#8154af} #home-redesign .hr-value-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.6;fill:none} @media(max-width:700px){#home-redesign .hr-hero-surround{padding:10px 14px 24px}#home-redesign .hr-hero{border-radius:18px}#home-redesign .hr-trust h3{font-size:15px}} #home-redesign .hr-quality{background:#fff;padding:0 36px 92px} #home-redesign .hr-quality h2{font-size:clamp(26px,2.6vw,34px);color:#242333} #home-redesign .hr-quality li{color:#696773} #home-redesign .hr-closing-pitch{max-width:1360px;margin:0 auto;padding:0 36px 30px} #home-redesign .hr-closing-inner{min-height:410px;display:flex;align-items:center;justify-content:flex-end;border-radius:24px;overflow:hidden;background:url('assets/home-closing.jpg') center/cover} #home-redesign .hr-closing-copy{width:52%;padding:44px;color:#242333} #home-redesign .hr-closing-copy h2{font-size:clamp(32px,3.8vw,50px);font-weight:550;line-height:1.12;margin:18px 0 24px} #home-redesign .hr-closing-copy>p:not(.hr-eyebrow){font-size:18px;margin:0 0 30px} @media(max-width:700px){#home-redesign .hr-quality{padding:0 22px 60px}#home-redesign .hr-closing-pitch{padding:0 18px 20px}#home-redesign .hr-closing-inner{min-height:580px;background:url('assets/home-closing-mobile.jpg') top center/cover;align-items:flex-end}#home-redesign .hr-closing-copy{width:100%;padding:28px;background:linear-gradient(transparent,#fffffff0 30%)}#home-redesign .hr-closing-copy h2{font-size:32px}} /* Continue the hero frame beneath the quality commitments. */ #home-redesign .hr-trust-surround{background:#f5f5f5;padding-top:25px} #home-redesign .hr-trust{background:transparent;margin-top:0} /* Subtle landscape parallax within a stationary arched frame. */ #home-redesign .hr-origin-image{overflow:hidden;border-radius:160px 160px 12px 12px} #home-redesign .hr-origin-image img{position:absolute;top:-32px;left:0;height:calc(100% + 64px);border-radius:0;transform:translate3d(0,var(--origin-shift,0px),0)} #home-redesign .hr-standard{display:block} @media(max-width:700px){#home-redesign .hr-origin-image{border-radius:100px 100px 12px 12px}} @media(prefers-reduced-motion:reduce){#home-redesign .hr-origin-image img{top:0;height:100%;transform:none}} #home-redesign .hr-origin-image>span{display:flex;align-items:center;gap:12px} #home-redesign .hr-origin-image .hr-kiwi{width:34px;height:28px;flex-shrink:0} /* Match the whitespace on either side of the closing sales banner. */ #home-redesign .hr-comparison{padding-bottom:0} #home-redesign .hr-comparison>p:last-child{margin-bottom:0} #home-redesign .hr-closing-pitch{padding-top:108px;padding-bottom:108px} #home-redesign .hr-closing-pitch+.hr-faq{padding-top:0} #home-redesign .hr-quality h2{margin-bottom:38px} @media(max-width:1000px){#home-redesign .hr-closing-pitch{padding-top:80px;padding-bottom:80px}} @media(max-width:700px){#home-redesign .hr-closing-pitch{padding-top:64px;padding-bottom:64px}#home-redesign .hr-quality h2{margin-bottom:30px}} /* Balance the commitments between the hero and the end of its grey frame. */ #home-redesign .hr-hero-surround{padding-bottom:0} #home-redesign .hr-trust-surround{padding-top:0} #home-redesign .hr-trust{padding-top:56px;padding-bottom:56px;align-items:center} @media(max-width:1100px){#home-redesign .hr-trust{padding-top:40px;padding-bottom:40px}} @media(max-width:700px){#home-redesign .hr-trust{padding-top:32px;padding-bottom:32px}} /* Promises sit together in the upper-right, leaving the main message clear. */ #home-redesign .hr-hero-proof{position:absolute;top:24px;right:24px;z-index:2;width:46%;max-width:490px;margin:0;grid-template-columns:1fr 1.1fr;gap:14px;padding:14px 18px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 4px 18px #24233308} #home-redesign .hr-hero-promise{padding:0;gap:10px} #home-redesign .hr-hero-promise+.hr-hero-promise{border-left:1px solid #ded7e5;padding-left:14px} #home-redesign .hr-hero-promise strong{font-size:20px} #home-redesign .hr-hero-promise small{font-size:12px} #home-redesign .hr-promise-icon{background:transparent;width:36px;height:38px} #home-redesign .hr-promise-icon .hr-nz-map{fill:currentColor;stroke:none;width:34px;height:34px} @media(min-width:701px) and (max-width:1100px){#home-redesign .hr-hero-proof{width:40%;top:18px;right:18px;grid-template-columns:1fr;gap:12px;padding:16px}#home-redesign .hr-hero-promise+.hr-hero-promise{border-left:0;border-top:1px solid #ded7e5;padding-left:0;padding-top:12px}} @media(max-width:700px){#home-redesign .hr-hero-proof{top:14px;right:14px;width:calc(100% - 28px);max-width:390px;padding:12px;gap:10px}#home-redesign .hr-hero-copy{padding-top:122px}#home-redesign .hr-hero-promise{gap:6px}#home-redesign .hr-hero-promise+.hr-hero-promise{padding-left:10px}#home-redesign .hr-hero-promise strong{font-size:16px}#home-redesign .hr-hero-promise small{font-size:11px}#home-redesign .hr-promise-icon{width:27px;height:32px}#home-redesign .hr-promise-icon svg,#home-redesign .hr-promise-icon .hr-nz-map{width:26px;height:26px}} /* Keep the landscape moving from viewport entry to exit. */ #home-redesign .hr-origin-image img{top:-52px;height:calc(100% + 104px)} @media(prefers-reduced-motion:reduce){#home-redesign .hr-origin-image img{top:0;height:100%;transform:none}} #home-redesign .hr-quality h2,#home-redesign .hr-quality li{color:#000} #home-redesign .hr-lab-document .hr-australian-labs{display:flex;align-items:center;justify-content:center;gap:12px;font-size:21px;font-weight:550;line-height:1.3;color:#fff} #home-redesign .hr-australia-map{display:block;width:34px;height:34px;flex-shrink:0;background:url('assets/section-c0878aa7.png') center/contain no-repeat} @media(max-width:700px){#home-redesign .hr-lab-document .hr-australian-labs{font-size:19px}} /* Give the three value benefits more space below the main value message. */ #home-redesign .hr-value-reasons{margin-top:76px} #home-redesign .hr-value-reasons article{padding-top:32px} @media(max-width:700px){#home-redesign .hr-value-reasons{margin-top:52px}#home-redesign .hr-value-reasons article{padding-top:28px}} /* Distribute the former gap beneath the nav evenly above and below its contents. */ body:not(.checkout-mode)>header{height:calc(var(--site-header-height) + 12px)} #home-redesign .hr-hero-surround{padding-top:0} @media(max-width:700px){body:not(.checkout-mode)>header{height:calc(var(--site-header-height) + 10px)}} /* Give the promises their own space above the portrait. */ #home-redesign .hr-hero-surround>.hr-hero-proof{position:relative;top:auto;right:auto;width:490px;max-width:100%;margin:0 0 16px auto;grid-template-columns:1fr 1.1fr;gap:14px;padding:12px 18px} #home-redesign .hr-hero-surround>.hr-hero-proof .hr-hero-promise+.hr-hero-promise{border-top:0;border-left:1px solid #ded7e5;padding-top:0;padding-left:14px} #home-redesign .hr-proof-visuals{margin-bottom:68px} @media(max-width:700px){#home-redesign .hr-hero-surround>.hr-hero-proof{width:390px;margin-bottom:14px;padding:12px;gap:10px}#home-redesign .hr-hero-surround>.hr-hero-proof .hr-hero-promise+.hr-hero-promise{padding-left:10px}#home-redesign .hr-hero-copy{padding-top:30px}#home-redesign .hr-proof-visuals{margin-bottom:44px}} /* Keep the promises inside the hero, with room above the portrait. */ #home-redesign .hr-hero>.hr-hero-proof{position:absolute;top:20px;right:24px;margin:0;width:46%;max-width:490px} #home-redesign .hr-hero-image{background:#e2ece9} #home-redesign .hr-hero-image>img{top:72px} @media(min-width:701px) and (max-width:1100px){#home-redesign .hr-hero>.hr-hero-proof{top:18px;right:18px;width:40%}#home-redesign .hr-hero-image>img{top:100px}} @media(max-width:700px){#home-redesign .hr-hero>.hr-hero-proof{top:14px;right:14px;width:calc(100% - 28px);max-width:390px}#home-redesign .hr-hero-copy{padding-top:122px}#home-redesign .hr-hero-image>img{top:48px}} /* Restore the original full-bleed photograph beneath the promises. */ #home-redesign .hr-hero-image>img{top:0} /* Distinct review, value-story, and benefit treatments. */ #home-redesign .hr-reviews{background:#f3effb;border-radius:28px;padding:58px 36px;margin:72px auto} #home-redesign .hr-reviews h2{color:#503076} #home-redesign .hr-reviews .hr-eyebrow,#home-redesign .hr-reviews .hr-link{color:#7950a3} #home-redesign .hr-review-grid{gap:20px} #home-redesign .hr-review-grid figure{margin:0;background:#fff;border:1px solid #e5daf2;border-radius:18px;padding:26px;display:flex;flex-direction:column} #home-redesign .hr-review-grid .hr-stars{color:#8a40c0} #home-redesign .hr-review-grid blockquote{color:#45374f;font-size:18px;line-height:1.6;margin:20px 0 24px} #home-redesign .hr-review-grid figcaption{margin-top:auto;color:#806a92;font-weight:500} #home-redesign .hr-value-story{background:#eff6ff;border:1px solid #e0ebfa;border-radius:28px;padding:40px;gap:40px} #home-redesign .hr-value-story-copy h2{color:#214c76;font-size:clamp(32px,3.3vw,48px)} #home-redesign .hr-value-story-copy>p.hr-value-lead{color:#365775} #home-redesign .hr-value-visual{background:linear-gradient(145deg,#e6e7fc,#dceefd);border:1px solid #dbe4f4} #home-redesign .hr-value-reasons{gap:20px;margin-top:44px} #home-redesign .hr-value-reasons article{border:1px solid #e0d2ee;border-top:3px solid #9a6dc4;background:#f5effb;padding:26px;border-radius:18px} #home-redesign .hr-value-reasons h3{color:#64417f;font-size:22px} #home-redesign .hr-value-reasons p{color:#756580} #home-redesign .hr-value-reasons .hr-value-icon{color:#8154af;background:#e9dbf6} #home-redesign .hr-value-reasons article:nth-child(2){background:#edf6fc;border-color:#d1e6f3;border-top-color:#5599c3} #home-redesign .hr-value-reasons article:nth-child(2) h3{color:#28698f} #home-redesign .hr-value-reasons article:nth-child(2) p{color:#55758b} #home-redesign .hr-value-reasons article:nth-child(2) .hr-value-icon{color:#327ea9;background:#dceefa} #home-redesign .hr-value-reasons article:nth-child(3){background:#eff0fc;border-color:#dddff4;border-top-color:#7c81c7} #home-redesign .hr-value-reasons article:nth-child(3) h3{color:#52578e} #home-redesign .hr-value-reasons article:nth-child(3) p{color:#6a6e92} #home-redesign .hr-value-reasons article:nth-child(3) .hr-value-icon{color:#686bb1;background:#e0e2f7} @media(max-width:1420px){#home-redesign .hr-reviews{margin-left:28px;margin-right:28px}} @media(max-width:900px){#home-redesign .hr-value-story{padding:28px;gap:28px}#home-redesign .hr-review-grid figure{padding:20px}#home-redesign .hr-value-reasons article{padding:22px}#home-redesign .hr-value-reasons h3{font-size:20px}} @media(max-width:700px){#home-redesign .hr-reviews{padding:32px 20px;margin:44px 16px;border-radius:22px}#home-redesign .hr-review-grid{gap:16px}#home-redesign .hr-value-story{padding:24px 20px;border-radius:22px}#home-redesign .hr-value-reasons{margin-top:28px;gap:16px}#home-redesign .hr-value-reasons article{padding:24px}#home-redesign .hr-review-grid blockquote{font-size:17px}} /* Alpine lake trial with animated water. */ #home-redesign .hr-hero-image{background:#bfcbdf} #home-redesign .hr-hero-image>img{content:normal;object-fit:cover;object-position:center;top:0} #home-redesign .hr-hero-image>canvas{position:absolute;inset:0;display:block;width:100%;height:100%} @media(max-width:700px){#home-redesign .hr-hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8eaf080,#e8eaf010);pointer-events:none}} #home-redesign .hr-other-brand{display:flex;align-items:center}#home-redesign .hr-other-brand .hr-compare-bottle{flex-shrink:0}#home-redesign .hr-other-brand small{margin-top:7px} /* Value becomes a single story with an inline benefit list. */ #home-redesign .hr-value-story{grid-template-columns:1.15fr 1fr;gap:48px;align-items:center} #home-redesign .hr-value-story .hr-value-reasons{display:flex;flex-direction:column;gap:0;margin-top:30px} #home-redesign .hr-value-story .hr-value-reasons article{display:grid;grid-template-columns:36px 1fr;column-gap:12px;row-gap:4px;padding:16px 0;background:none;border:0;border-top:1px solid #d8e1ed;border-radius:0} #home-redesign .hr-value-story .hr-value-reasons .hr-value-icon{grid-row:1/3;width:34px;height:34px;background:transparent;border-radius:0;align-self:center} #home-redesign .hr-value-story .hr-value-reasons .hr-value-icon svg{width:27px;height:27px} #home-redesign .hr-value-story .hr-value-reasons h3{margin:0;font-size:18px;line-height:1.3} #home-redesign .hr-value-story .hr-value-reasons p{margin:0;font-size:13px;line-height:1.5} #home-redesign .hr-value-story-copy>p.hr-value-note{font-size:10px;line-height:1.5;margin:12px 0 0;color:#7c7587} #home-redesign .hr-value-visual{padding:40px 18px} #home-redesign .hr-value-bottles{height:350px} /* One large landscape, two compact supporting panels. */ #home-redesign .hr-proof-visuals{grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:22px} #home-redesign .hr-proof-visuals .hr-proof-place{grid-column:1;grid-row:1/3;min-height:390px} #home-redesign .hr-proof-visuals .hr-proof-test{grid-column:2;grid-row:1;min-height:184px;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;padding:28px} #home-redesign .hr-proof-test>svg{flex-shrink:0;width:44px;height:44px} #home-redesign .hr-proof-visuals .hr-proof-90{grid-column:2;grid-row:2;min-height:184px;justify-content:flex-start;padding:28px;gap:28px} #home-redesign .hr-proof-place strong{font-size:42px} #home-redesign .hr-proof-test strong{font-size:29px} #home-redesign .hr-proof-90>strong{font-size:92px} @media(max-width:1000px){#home-redesign .hr-value-story{gap:28px}#home-redesign .hr-value-bottles{height:270px}#home-redesign .hr-proof-test strong{font-size:25px}#home-redesign .hr-proof-visuals .hr-proof-test{gap:16px;padding:24px}#home-redesign .hr-proof-visuals .hr-proof-90{gap:22px;padding:24px}} @media(max-width:700px){#home-redesign .hr-value-story{grid-template-columns:1fr}#home-redesign .hr-value-visual{padding:26px 16px}#home-redesign .hr-value-bottles{height:270px}#home-redesign .hr-proof-visuals{grid-template-columns:1fr;grid-template-rows:auto;gap:14px}#home-redesign .hr-proof-visuals .hr-proof-place{grid-column:1;grid-row:auto;min-height:300px}#home-redesign .hr-proof-visuals .hr-proof-test,#home-redesign .hr-proof-visuals .hr-proof-90{grid-column:1;grid-row:auto;min-height:150px;flex-direction:row;text-align:left}#home-redesign .hr-proof-place strong{font-size:34px}#home-redesign .hr-proof-90>strong{font-size:80px}} #home-redesign .hr-value-story .hr-value-reasons article:nth-child(n) .hr-value-icon{background:transparent} /* Keep the viewport width stable as route content changes. */ html{scrollbar-gutter:stable} #home-redesign .hr-review-grid figcaption{display:flex;align-items:center;gap:12px;font-size:14px}#home-redesign .hr-review-grid .hr-review-avatar{width:42px;height:42px;flex-shrink:0;object-fit:cover;border-radius:50%} /* Interactive value stories: native buttons support hover, touch and keyboard. */ #home-redesign .hr-value-story .hr-value-reasons article{position:relative;isolation:isolate;padding-left:12px;padding-right:12px;transition:background .2s ease,box-shadow .2s ease} #home-redesign .hr-value-reasons article:has([aria-pressed="true"]){background:#e8ddfa;box-shadow:inset 3px 0 #8518ed;border-radius:0 12px 12px 0} #home-redesign .hr-value-reasons article:nth-child(2):has([aria-pressed="true"]){background:#dceefa;box-shadow:inset 3px 0 #327ea9} #home-redesign .hr-value-reasons article:nth-child(3):has([aria-pressed="true"]){background:#e3e5f8;box-shadow:inset 3px 0 #686bb1} #home-redesign .hr-value-trigger{appearance:none;border:0;padding:0;margin:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer} #home-redesign .hr-value-trigger::after{content:"";position:absolute;inset:0;z-index:1;border-radius:10px} #home-redesign .hr-value-trigger:focus-visible{outline:none} #home-redesign .hr-value-trigger:focus-visible::after{outline:3px solid #8019ef;outline-offset:3px} #home-redesign .hr-value-visual{display:grid} #home-redesign .hr-value-scene{grid-area:1/1;min-width:0;animation:hr-value-reveal .3s ease both} #home-redesign .hr-value-scene[hidden]{display:block;visibility:hidden;pointer-events:none;animation:none} #home-redesign .hr-value-scene>p{font-size:15px;line-height:1.65;color:#564a6c;margin:12px 0 0;min-height:50px} #home-redesign .hr-value-label{min-height:28px;display:grid;place-items:center} #home-redesign .hr-value-cost,#home-redesign .hr-value-quality{height:350px;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 0 10px;box-sizing:border-box} #home-redesign .hr-value-cost>img{width:48%;height:90%;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(0 14px 12px #35205c15)} #home-redesign .hr-value-pack-prices{width:45%;display:grid;gap:12px;text-align:left} #home-redesign .hr-value-pack-price{padding:14px;background:#ffffffb8;border:1px solid #d8e1ed;border-radius:14px;display:grid;gap:3px;color:#365775} #home-redesign .hr-value-pack-price:last-child{background:#fff;border-color:#91b7d0} #home-redesign .hr-value-pack-price>span{font-size:12px} #home-redesign .hr-value-pack-price>strong{font-size:clamp(22px,2.6vw,34px);line-height:1.1;color:#214c76} #home-redesign .hr-value-pack-price small{font-size:10px} #home-redesign .hr-value-pack-price b{font-size:10px;color:#28698f;margin-top:4px} #home-redesign .hr-value-quality-bottle{position:relative;z-index:1;width:49%;height:85%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 14px 12px #35205c15)} #home-redesign .hr-value-gmp-card{width:43%;min-height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 12px;background:#ffffffd9;border:1px solid #dcdcf2;border-radius:20px;color:#52578e;transform:rotate(5deg);box-shadow:0 12px 30px #35205c12} #home-redesign .hr-value-gmp-card svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.5} #home-redesign .hr-value-gmp-card strong{font-size:clamp(28px,4vw,48px);line-height:1;letter-spacing:.02em;color:#52578e} #home-redesign .hr-value-gmp-card>span{font-size:12px;line-height:1.5} @keyframes hr-value-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} @media(max-width:1000px){#home-redesign .hr-value-cost,#home-redesign .hr-value-quality{height:270px}} @media(prefers-reduced-motion:reduce){#home-redesign .hr-value-scene{animation:none}#home-redesign .hr-value-story .hr-value-reasons article{transition:none}} /* Keep the homepage quality strip compact and centered. */ #home-redesign .hr-quality>.wrap{max-width:1000px;margin-inline:auto} #home-redesign .hr-quality ul{max-width:1000px} #home-redesign .hr-quality h2{font-size:clamp(24px,calc(2.6vw - 2px),32px)} #home-redesign .hr-quality li{font-size:16px} @media(max-width:900px){#home-redesign .hr-quality li{font-size:12px}} @media(max-width:600px){#home-redesign .hr-quality li{font-size:11px}} /* Match the readable Shop buttons used on the supplements page. */ #home-redesign .lp-pastel-card .lp-card-shop,#home-redesign .lp-pastel-card .lp-card-shop span{color:#fff} /* Dividers disappear where they meet the rounded selected highlight. */ #home-redesign .hr-value-story .hr-value-reasons article:has([aria-pressed="true"]), #home-redesign .hr-value-story .hr-value-reasons article:has([aria-pressed="true"])+article{border-top-color:transparent} /* Rounded homepage hero, including its image and animated canvas. */ #home-redesign .hr-hero{border-radius:24px;overflow:hidden} @media(max-width:700px){#home-redesign .hr-hero{border-radius:18px}} /* Clip the WebGL layer explicitly so rounded corners also render in Safari. */ #home-redesign .hr-hero{border-radius:24px;overflow:hidden;box-shadow:0 5px 20px rgba(36,35,51,.10)} #home-redesign .hr-hero-image{border-radius:inherit;overflow:hidden;clip-path:inset(0 round 24px)} #home-redesign .hr-hero-image>img,#home-redesign .hr-hero-image>canvas{border-radius:inherit} @media(max-width:700px){#home-redesign .hr-hero{border-radius:18px}#home-redesign .hr-hero-image{clip-path:inset(0 round 18px)}}