:root{
  --navy:#ef4b66;
  --green:#009660;
  --mint:#e0f7e5;
  --blush:#fff7f3;
  --line:#eed9de;
  --blue:#fde4e9}
*{
  box-sizing:border-box}
html{
  scroll-behavior:smooth}
body{
  margin:0;
  color:#452832;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.45}
button,input,select{
  font:inherit}
button,a,input{
  touch-action:manipulation}
button{
  cursor:pointer;
  color:inherit}
a{
  color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{
  outline:3px solid #009660;
  outline-offset:3px}
button{
  border:0}
img{
  display:block;
  max-width:100%}
h1,h2,h3{
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.08;
  letter-spacing:-1.1px}
h1{
  font-size:32px;
  margin:6px 0}
h2{
  font-size:43px;
  text-align:center;
  margin:0 0 18px}
h3{
  font-size:20px;
  letter-spacing:-.5px;
  margin:0 0 10px}
p{
  margin:12px 0}
small{
  font-size:11px}
.wrap{
  max-width:920px;
  margin:0 auto}
.sale{
  background:#00884c;
  color:white;
  padding:12px 0}
.sale-inner{
  display:flex;
  justify-content:space-between;
  align-items:center}
.sale strong{
  font-size:15px}
.sale small{
  display:block;
  margin-top:3px;
  font-weight:600}
.clock{
  background:#007242;
  border-radius:8px;
  padding:4px 18px;
  text-align:center;
  font-family:monospace;
  letter-spacing:2px}
.clock b{
  font-size:17px}
.clock small{
  font-size:9px}
.product{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:68px;
  padding-top:27px;
  padding-bottom:34px}
.gallery-row{
  display:flex;
  gap:10px}
.thumbs{
  width:69px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:398px;
  overflow:auto;
  scrollbar-width:none}
.thumbs button{
  background:var(--blush);
  border:1px solid transparent;
  border-radius:7px;
  padding:2px;
  flex-shrink:0;
  overflow:hidden}
.thumbs button.active{
  border-color:var(--navy)}
.thumbs img{
  aspect-ratio:1;
  object-fit:cover;
  width:100%}
.main-photo{
  position:relative;
  min-width:0;
  flex:1}
.main-photo>img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:6px}
.main-photo>button{
  position:absolute;
  top:47%;
  border-radius:50%;
  background:#009660;
  color:white;
  width:24px;
  height:24px;
  font-size:26px;
  line-height:18px;
  padding:0}
.gallery-prev{
  left:-10px}
.gallery-next{
  right:-10px}
.gallery-progress{
  display:none}
.trust-box{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:var(--blush);
  border:1px solid var(--line);
  border-radius:6px;
  margin-top:12px}
.trust-box>div{
  font:10px/1.2 monospace;
  text-align:center;
  padding:20px 6px;
  border-right:1px solid var(--line)}
.trust-box>div:last-child{
  border:0}
.trust-box span{
  display:block;
  font:34px Georgia;
  margin-bottom:6px}
.rating{
  display:flex;
  align-items:center;
  gap:6px;
  font:9px monospace;
  color:#886a72;
  white-space:nowrap}
.stars{
  color:var(--green);
  letter-spacing:1px;
  font-size:18px}
.size{
  font-size:10px}
.intro{
  font-size:14px;
  line-height:1.35;
  margin-top:12px}
.benefits{
  list-style:none;
  padding:0;
  margin:8px 0 18px;
  color:var(--green);
  font-weight:600}
.benefits li{
  margin:3px 0}
.benefits li:before{
  content:'✓';
  color:var(--navy);
  margin-right:6px}
fieldset{
  border:0;
  padding:0;
  margin:0 0 12px;
  min-width:0}
legend{
  font:bold 17px Georgia;
  margin-bottom:12px}
input[type=radio]{
  accent-color:var(--navy);
  margin:0 5px 0 0;
  vertical-align:middle}
.weight>div{
  display:flex;
  gap:7px;
  padding:0 8px}
.weight label{
  flex:1;
  border:1px solid var(--line);
  border-radius:30px;
  text-align:center;
  padding:8px 0;
  font-weight:600;
  font-size:12px}
.weight label:has(input:checked){
  background:var(--mint);
  border-color:#d89aa8}
.plan{
  display:block;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--blush);
  margin-bottom:7px;
  cursor:pointer;
  overflow:hidden}
.plan.selected{
  background:var(--mint);
  border-color:#d89aa8}
.ribbon{
  background:var(--navy);
  color:white;
  text-align:center;
  font-size:9px;
  letter-spacing:.7px;
  padding:5px}
.plan-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:bold;
  padding:12px 10px;
  font-size:13px}
.plan-heading small{
  font-size:10px}
.daily{
  display:block;
  padding-left:20px;
  margin-top:3px}
.plan-details{
  padding:0 11px 10px;
  font-size:11px}
.offer-line{
  display:flex;
  align-items:center;
  gap:0;
  margin:3px 0 13px}
.offer-line:before,.offer-line:after{
  content:'';
  height:1px;
  background:#d89aa8;
  flex:1}
.offer-line span,.pill{
  background:#00a472;
  color:white;
  border-radius:30px;
  padding:3px 9px;
  font-size:9px;
  font-weight:700}
.plan-details ul{
  list-style:none;
  padding:0;
  margin:10px 0}
.plan-details li{
  display:flex;
  gap:6px;
  align-items:center;
  margin:3px 0}
.plan-details li:before{
  content:'✓';
  font-size:16px}
.plan-details li>span:first-child{
  flex:1}
.plan-details s{
  color:#997982}
.plan-bottom{
  display:flex;
  justify-content:space-between;
  margin-top:12px;
  font-size:10px}
.plans{
  margin-bottom:0}
.cta{
  width:100%;
  border-radius:40px;
  background:#ef4b66;
  color:white;
  font-weight:600;
  padding:16px;
  margin-bottom:3px;
  font-size:13px}
.stock{
  font:10px monospace;
  color:#168f70;
  text-align:center;
  margin:14px 0}
.guarantee{
  display:flex;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px;
  gap:16px}
.guarantee>div{
  width:55px;
  flex-shrink:0;
  font:8px/1.05 monospace;
  text-align:center;
  transform:rotate(-8deg)}
.guarantee strong{
  font:25px Georgia}
.guarantee p{
  margin:0;
  font-size:11px}
.once{
  display:block;
  background:none;
  text-decoration:underline;
  margin:9px auto 17px;
  font-size:12px}
.tell{
  display:block;
  font-size:12px;
  margin-bottom:12px}
.product-tabs{
  border:1px solid #d89aa8;
  border-radius:6px;
  overflow:hidden;
  font-size:11px}
.product-tabs [role=tablist]{
  display:grid;
  grid-template-columns:repeat(4,1fr)}
.product-tabs button{
  padding:6px;
  background:white;
  border-right:1px solid #d89aa8;
  border-bottom:1px solid #d89aa8;
  font-size:11px;
  font-weight:bold;
  line-height:1.15}
.product-tabs button:last-child{
  border-right:0}
.product-tabs button.active{
  background:var(--mint)}
#tab-content{
  padding:13px;
  min-height:85px}
.endorsement{
  color:#28a15e;
  background:#e3f7e6;
  padding:3px 5px;
  display:table;
  margin-top:13px;
  font:9px monospace}
.trust-strip{
  background:var(--navy);
  color:white;
  padding:17px 0}
.trust-strip>.wrap{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:9px;
  white-space:nowrap}
.blush{
  background:var(--blush)}
section.customer-section{
  padding:45px 0 55px}
.center{
  text-align:center}
.customer-section h2{
  font-size:54px;
  margin-top:18px}
.subtitle{
  text-align:center;
  margin:16px auto 30px;
  font-size:13px}
.narrow{
  max-width:650px}
.customer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  padding:0 45px;
  align-items:start}
.customer-card{
  background:white;
  border:1px solid #f4e4e8;
  border-radius:20px;
  padding:13px;
  font-size:11px;
  line-height:1.5}
.customer-card>img{
  width:100%;
  border-radius:7px}
.verified-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:5px;
  font:8px monospace;
  color:#886a72;
  margin:14px 0}
.verified-row>span{
  background:#f4ede8;
  color:#009660;
  padding:5px;
  border-radius:3px;
  white-space:nowrap}
.verified-row small{
  font-size:8px;
  white-space:nowrap}
.customer-card .stars{
  font-size:15px}
.customer-card p{
  margin-bottom:0}
.research{
  padding:48px 0 40px;
  overflow:hidden}
.seal{
  text-align:center;
  font:bold 10px/1.2 monospace;
  transform:rotate(-15deg);
  margin-bottom:24px}
.seal span{
  font:36px Georgia}
.research h2{
  font-size:53px}
.research-tabs{
  display:flex;
  justify-content:center;
  margin:32px 0 40px}
.research-tabs button{
  background:none;
  border-bottom:2px solid #f4e4e8;
  color:#997982;
  padding:10px;
  font-size:12px}
.research-tabs button.active{
  color:var(--navy);
  border-color:var(--navy)}
.ingredients-track{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:0 max(24px,calc((100vw - 880px)/2));
  scroll-snap-type:x mandatory;
  scrollbar-width:none}
.ingredient-card{
  flex:0 0 267px;
  border:1px solid #f4e4e8;
  border-radius:11px;
  overflow:hidden;
  scroll-snap-align:center}
.ingredient-photo{
  height:135px;
  background-size:cover;
  background-position:center;
  display:flex;
  flex-direction:column;
  justify-content:end;
  padding:14px;
  color:white}
.ingredient-photo h3{
  font:600 15px Arial;
  margin:0 0 9px;
  letter-spacing:0}
.ingredient-photo span{
  font:10px monospace;
  border:1px solid white;
  border-radius:15px;
  padding:1px 5px;
  width:max-content}
.ingredient-text{
  padding:14px;
  font-size:12px}
.ingredient-text p{
  margin-top:0}
.ingredient-text ul{
  list-style:none;
  padding:0;
  margin:0}
.ingredient-text li{
  padding:8px 0;
  border-bottom:1px solid var(--line);
  display:flex;
  gap:7px}
.ingredient-text li:before{
  content:'●';
  font-size:11px}
.ingredient-text li:last-child{
  border:0}
.nutrition{
  padding:30px;
  text-align:center}
.press{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:55px;
  background:#ef4b66;
  color:white;
  padding:18px;
  overflow:hidden;
  white-space:nowrap}
.press>span{
  font-weight:bold;
  font-size:20px}
.press>b{
  font-size:31px}
.press>b:nth-child(2),.press>b:nth-child(3){
  font-family:Georgia}
.results{
  padding:58px 0}
.results-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:60px;
  margin-top:35px}
.before-after{
  display:flex;
  gap:15px}
.before-after img{
  width:calc(50% - 7.5px);
  object-fit:cover;
  border-radius:20px}
.timeline article{
  border-left:1px solid #d89aa8;
  padding:0 0 12px 18px;
  position:relative}
.timeline article:before{
  content:'';
  position:absolute;
  width:8px;
  height:8px;
  background:#ef4b66;
  border-radius:50%;
  left:-4px;
  top:5px}
.timeline h3{
  font-size:18px;
  line-height:1.4;
  letter-spacing:-.4px;
  margin:0}
.timeline h3 span{
  display:inline-block;
  border-radius:20px;
  background:#ef4b66;
  color:white;
  font:9px monospace;
  padding:5px 8px;
  vertical-align:middle;
  margin-right:7px}
.timeline article:last-child h3 span{
  background:#009660}
.timeline article:last-child{
  border-color:#009660}
.timeline p{
  font-size:13px;
  margin:6px 0 0;
  border-bottom:1px solid var(--line);
  padding-bottom:12px}
.relief{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center}
.relief h2,.help h2,.vet-panel h2{
  text-align:left;
  font-size:39px}
.relief>div{
  padding:45px 0}
.relief>img{
  height:472px;
  width:100%;
  object-fit:cover}
.relief p{
  font-size:13px}
.stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:24px;
  row-gap:25px}
.stats>div{
  padding:0 22px 0 0}
.stats>div:nth-child(even){
  padding-left:25px;
  border-left:1px solid #d89aa8}
.stats strong{
  font: bold 40px Georgia;
  letter-spacing:-1px;
  display:block}
.stats b{
  font-size:11px;
  display:block;
  margin-top:4px}
.vet-section{
  padding:65px 24px;
  background:radial-gradient(ellipse at 10% 10%,#fff3f5 0,transparent 35%),radial-gradient(ellipse at 90% 80%,#fff0f3,transparent 30%),#fbd8e1}
.vet-panel{
  max-width:774px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  border-radius:19px;
  background:#ffe9ee;
  align-items:end;
  padding:30px 36px 0;
  overflow:hidden}
.vet-panel>img{
  width:100%;
  mix-blend-mode:multiply}
.vet-panel>div{
  padding-bottom:27px}
.vet-panel h2{
  font-size:35px}
.vet-panel p{
  font-size:13px}
.vet-panel small{
  font-family:monospace;
  font-size:10px;
  display:block;
  margin-top:24px}
.help{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  align-items:center;
  padding-top:60px}
.help p{
  font-size:13px}
.help>img{
  width:100%;
  align-self:end}
.comparison{
  padding:55px 20px 66px;
  background:#fde4e9;
  position:relative}
.comparison:after{
  content:'';
  position:absolute;
  right:0;
  top:0;
  background:none;
  width:85px;
  height:180px;
  pointer-events:none}
.comparison h2{
  font-size:52px}
.table-wrap{
  max-width:674px;
  margin:52px auto 0;
  background:#ffffff20;
  border-radius:20px}
table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed}
th,td{
  padding:12px 11px;
  border-bottom:1px solid #e6bcc6;
  text-align:center;
  font-size:13px;
  line-height:1.25}
tbody th{
  text-align:left;
  font-weight:600}
td:nth-child(2),thead th:nth-child(2){
  background:white}
thead th{
  height:95px}
thead th:nth-child(2){
  border-radius:9px 9px 0 0;
  padding-top:20px}
thead img{
  width:54px;
  height:54px;
  object-fit:cover;
  margin:auto}
tbody tr:last-child>*{
  border-bottom:0}
tbody tr:last-child td:nth-child(2){
  border-radius:0 0 9px 9px;
  padding-bottom:25px}
.blank-jar{
  width:43px;
  height:49px;
  border-radius:3px 3px 7px 7px;
  background:linear-gradient(90deg,#eee,#fff,#ddd);
  margin:auto;
  border-top:9px solid #f5f5f5;
  box-shadow:0 0 2px #ccc}
.stories{
  padding:48px 0 67px}
.stories-track{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  margin-top:35px}
.stories-track img{
  width:calc((100% - 50px)/6);
  border-radius:4px;
  object-fit:cover;
  flex-shrink:0;
  scroll-snap-align:center}
.story-controls{
  display:none}
.consistency{
  padding:60px 0}
.consistency-layout{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:55px}
.consistency h2{
  text-align:left;
  font-size:42px}
.consistency-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px}
.line-icon{
  display:block;
  font:52px Georgia;
  color:#ef4b66;
  height:65px;
  margin-bottom:12px}
.consistency h3{
  font-size:18px}
.consistency p{
  font-size:13px;
  line-height:1.2}
.subscription-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  border-radius:18px;
  margin-top:30px;
  overflow:hidden}
.subscription-benefits>div{
  padding:12px;
  border-right:1px solid var(--line)}
.subscription-benefits>div:last-child{
  border:0}
.subscription-benefits b{
  display:block;
  font-size:11px;
  line-height:1.2}
.subscription-benefits small{
  display:block;
  font-size:9px;
  line-height:1.2;
  margin-top:6px}
.faq{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:60px;
  padding:55px 65px 65px 0}
.dog-icon{
  font:100px Georgia;
  transform:rotate(-15deg)}
.faq h2{
  text-align:left;
  font-size:55px;
  margin-bottom:32px}
.faq details{
  border-bottom:1px solid var(--line)}
.faq summary{
  list-style:none;
  cursor:pointer;
  font-size:15px;
  display:flex;
  justify-content:space-between;
  padding:15px 0;
  gap:15px}
.faq summary:after{
  content:'↓';
  color:#b47987}
.faq details[open] summary:after{
  content:'↑'}
.faq details p{
  font-size:14px;
  padding:0 15px 10px 0}
.contact-prompt{
  font:11px monospace;
  margin-top:35px}
.small-button{
  display:inline-block;
  background:var(--navy);
  color:white;
  border-radius:25px;
  padding:7px 13px;
  font-size:11px;
  text-decoration:none}
.contact-prompt a{
  margin-left:10px;
  font-size:10px}
.reviews{
  padding:60px 0}
.review-controls{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:35px 0 10px;
  font-size:12px}
.review-controls button{
  background:none;
  color:#eed9de;
  font-size:20px;
  letter-spacing:2px;
  margin-left:10px}
.review-controls button[aria-pressed=true]{
  color:var(--green)}
.review-controls select{
  background:transparent;
  border:1px solid var(--line);
  border-radius:25px;
  padding:10px;
  font-size:11px;
  color:var(--navy)}
.reviews-grid{
  columns:3;
  column-gap:22px}
.review-card{
  break-inside:avoid;
  background:white;
  border-radius:15px;
  border:1px solid #f4e4e8;
  padding:14px;
  margin-bottom:10px;
  box-shadow:0 7px 25px #624b4b0b;
  font-size:11px}
.review-card .verified-row{
  margin:0 0 10px}
.review-name{
  display:flex;
  justify-content:space-between;
  align-items:center}
.review-card .stars{
  font-size:16px}
.review-card p{
  margin:7px 0 0;
  line-height:1.3}
.read-more{
  display:block;
  margin:18px auto 0}
footer{
  background:#ef4b66;
  color:white;
  padding:36px 0 42px;
  font-size:10px}
.footer-top{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.8fr;
  gap:30px;
  padding-bottom:42px;
  border-bottom:1px solid #ffffff15}
.footer-top h3{
  font-size:21px;
  letter-spacing:-.6px}
.footer-top a{
  display:block;
  text-decoration:none;
  color:#fff6f8;
  margin:6px 0}
footer form input,footer form button{
  width:100%;
  border-radius:25px;
  padding:8px 14px;
  font-size:11px}
footer form input{
  border:1px solid #ffffffaa;
  color:white;
  background:transparent;
  margin-bottom:6px}
footer input::placeholder{
  color:white}
footer form button{
  background:white;
  color:var(--navy)}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:35px;
  font-size:9px}
.footer-bottom a{
  text-decoration:none}
.footer-bottom>div:last-child{
  text-align:right}
.logo{
  font:bold 63px Georgia;
  letter-spacing:-4px;
  color:#fff0f3}
dialog{
  border:1px solid var(--line);
  border-radius:15px;
  max-width:420px;
  width:calc(100% - 35px);
  padding:30px;
  color:var(--navy)}
dialog::backdrop{
  background:#ef4b6666}
dialog h3{
  font-size:25px;
  padding-right:20px}
.dialog-close:first-child{
  position:absolute;
  right:13px;
  top:10px;
  background:transparent;
  font-size:27px}

@media(min-width:1450px){
  .wrap{
  max-width:1080px}
.product{
  gap:80px}
.thumbs{
  width:80px;
  max-height:467px}
.purchase{
  font-size:16px}
.intro{
  font-size:16px}
h1{
  font-size:36px}
.rating{
  font-size:10px}
.plan-heading{
  padding:15px 12px}
.plan-details{
  font-size:12px}
.product-tabs{
  font-size:12px}
.trust-box>div{
  font-size:11px}
.consistency-layout,.faq{
  grid-template-columns:250px 1fr}
}

@media(max-width:1000px) and (min-width:701px){
  .wrap{
  width:90%}
.product{
  gap:35px}
.rating{
  white-space:normal}
.customer-grid{
  padding:0}
.results-grid{
  gap:30px}
.relief{
  gap:35px}
.press{
  gap:30px}
.consistency-layout,.faq{
  grid-template-columns:180px 1fr;
  gap:25px}
.faq{
  padding-right:0}
.trust-strip>.wrap{
  overflow:auto}
}

@media(max-width:700px){
  body{
  font-size:16px}
.wrap{
  width:auto;
  margin-left:16px;
  margin-right:16px}
.sale{
  padding:11px 0}
.sale-inner{
  margin-left:16px;
  margin-right:16px}
.sale strong{
  font-size:14px}
.sale small{
  font-size:10px}
.clock{
  padding:5px 10px;
  letter-spacing:1px}
.clock b{
  font-size:15px}
.clock small{
  font-size:8px}
.product{
  display:flex;
  flex-direction:column;
  gap:0;
  padding-top:20px;
  padding-bottom:22px}
.gallery-row{
  flex-direction:row-reverse;
  gap:11px}
.thumbs{
  width:59px;
  max-height:calc((100vw - 102px));
  gap:9px}
.thumbs button{
  padding:1px;
  border-radius:8px}
.main-photo>img{
  border-radius:10px}
.main-photo>button{
  display:none}
.gallery-progress{
  display:block;
  background:var(--blush);
  height:6px;
  border-radius:8px;
  margin:14px 0 21px}
.gallery-progress span{
  display:block;
  width:14%;
  height:100%;
  background:var(--green);
  border-radius:8px}
.trust-box{
  display:none}
.purchase{
  display:flex;
  flex-direction:column}
.purchase h1{
  font-size:25px;
  letter-spacing:-.8px;
  order:-2;
  margin:0 0 12px;
  line-height:1.02}
.rating{
  order:-1;
  font-size:9px;
  gap:10px;
  margin:0 0 10px;
  white-space:normal}
.rating .stars{
  font-size:19px}
.size{
  display:none}
.intro{
  font-size:16px;
  line-height:1.28;
  margin:9px 0 14px}
.benefits{
  font-size:16px;
  margin:0 0 22px;
  line-height:1.55}
.benefits li:before{
  font-size:22px;
  margin-right:8px}
legend{
  font-size:21px;
  margin-bottom:21px}
.weight{
  margin:0 0 18px}
.weight>div{
  padding:0 12px;
  gap:7px}
.weight label{
  font-size:14px;
  padding:12px 0}
.weight input{
  width:19px;
  height:19px}
.plans legend{
  margin-bottom:15px}
.ribbon{
  font-size:12px;
  padding:9px}
.plan{
  border-radius:9px;
  margin-bottom:11px}
.plan-heading{
  font-size:16px;
  padding:19px 13px}
.plan-heading input{
  width:18px;
  height:18px;
  margin-right:5px}
.plan-heading small{
  font-size:10px}
.plan-details{
  padding:0 13px 14px;
  font-size:12px}
.plan-details>b{
  font-size:15px}
.offer-line{
  margin:0 0 17px}
.offer-line span{
  font-size:11px;
  padding:4px 12px}
.plan-details li{
  margin:5px 0;
  gap:8px}
.plan-details li:before{
  font-size:23px}
.plan-bottom{
  font-size:12px;
  margin-top:18px}
.daily{
  font-size:11px!important;
  padding-left:23px}
.pill{
  font-size:11px;
  padding:6px 9px}
.cta{
  padding:20px 8px;
  font-size:15px}
.stock{
  font-size:12px;
  margin:24px 0 16px}
.guarantee{
  padding:17px 13px;
  gap:18px;
  border-radius:9px}
.guarantee p{
  font-size:14px;
  line-height:1.4}
.guarantee>div{
  width:70px;
  font-size:9px}
.guarantee strong{
  font-size:30px}
.once{
  font-size:14px;
  margin:14px auto 23px}
.tell{
  font-size:16px;
  margin-bottom:20px}
.product-tabs button{
  font-size:12px;
  padding:8px 5px}
.product-tabs{
  font-size:14px}
#tab-content{
  padding:18px 14px;
  min-height:145px}
.endorsement{
  font-size:9px;
  margin-top:20px}
.trust-strip{
  padding:12px 0;
  overflow:hidden}
.trust-strip>.wrap{
  width:max-content;
  gap:22px;
  font-size:9px}
h2{
  font-size:30px;
  letter-spacing:-1px;
  line-height:1.06}
section.customer-section{
  padding:26px 0 30px}
.customer-section h2{
  font-size:30px;
  margin:13px auto 12px;
  max-width:310px}
.customer-section h2 br{
  display:none}
.subtitle{
  font-size:12px;
  line-height:1.35;
  margin:12px auto 25px}
.customer-section .subtitle{
  max-width:330px}
.customer-grid{
  display:flex;
  flex-direction:column;
  gap:15px;
  padding:0 20px}
.customer-card{
  padding:13px;
  border-radius:15px;
  font-size:12px;
  width:100%}
.customer-card>img{
  aspect-ratio:2.1;
  object-fit:cover}
.customer-card .verified-row{
  font-size:8px}
.customer-card .stars{
  font-size:16px}
.customer-card p{
  margin-top:9px}
.research{
  padding:35px 0 28px}
.seal{
  font-size:9px;
  margin-bottom:18px}
.seal span{
  font-size:30px}
.research h2{
  font-size:32px;
  max-width:350px;
  margin:auto}
.research h2 br{
  display:none}
.research .subtitle{
  max-width:350px;
  font-size:13px}
.research-tabs{
  margin:20px 0}
.research-tabs button{
  font-size:11px}
.ingredients-track{
  padding:0 38px;
  gap:14px}
.ingredient-card{
  flex-basis:calc(100vw - 76px)}
.ingredient-photo{
  height:140px}
.ingredient-photo h3{
  font-size:15px}
.ingredient-text{
  font-size:13px;
  padding:14px}
.ingredient-text li{
  padding:9px 0}
.press{
  padding:13px 16px;
  gap:27px;
  justify-content:flex-start}
.press>span{
  font-size:13px}
.press>b{
  font-size:22px}
.results{
  padding:32px 0}
.results h2{
  font-size:29px}
.results .subtitle{
  font-size:12px}
.results-grid{
  display:flex;
  flex-direction:column-reverse;
  gap:20px;
  margin-top:22px}
.timeline{
  padding:0 8px}
.timeline h3{
  font-size:16px;
  letter-spacing:-.4px}
.timeline h3 span{
  font-size:8px;
  padding:5px 7px}
.timeline p{
  font-size:13px;
  line-height:1.4}
.timeline article{
  padding-left:16px;
  padding-bottom:10px}
.before-after{
  gap:10px}
.before-after img{
  width:calc(50% - 5px);
  border-radius:13px}
.relief{
  display:block}
.relief>div{
  padding:30px 0}
.relief h2{
  font-size:31px}
.relief p{
  font-size:13px;
  max-width:340px}
.relief>img{
  display:none}
.stats{
  margin-top:25px;
  row-gap:25px}
.stats strong{
  font-size:34px}
.stats b{
  font-size:11px;
  line-height:1.3}
.stats>div{
  padding-right:20px}
.stats>div:nth-child(even){
  padding-left:20px}
.vet-section{
  padding:25px 16px 0}
.vet-panel{
  display:flex;
  flex-direction:column-reverse;
  padding:0 8px;
  gap:15px;
  background:transparent;
  border-radius:0;
  align-items:stretch}
.vet-panel>div{
  padding:0}
.vet-panel h2{
  font-size:30px}
.vet-panel p{
  font-size:13px;
  line-height:1.5}
.vet-panel small{
  font-size:10px;
  margin-top:18px}
.vet-panel img{
  max-width:290px;
  margin:0 auto;
  mix-blend-mode:multiply}
.help{
  display:flex;
  flex-direction:column;
  gap:15px;
  padding-top:30px}
.help h2{
  font-size:30px}
.help p{
  font-size:13px;
  line-height:1.45}
.help>img{
  max-width:330px;
  width:100%;
  margin:auto}
.comparison{
  padding:28px 12px 55px;
  background-size:145px auto}
.comparison h2{
  font-size:29px}
.comparison:after{
  width:38px;
  height:100px}
.table-wrap{
  margin-top:25px;
  border-radius:16px}
th,td{
  padding:10px 6px;
  font-size:10px;
  line-height:1.25}
tbody th{
  font-size:10px;
  padding-left:9px}
thead th{
  height:75px}
thead img{
  width:42px;
  height:42px}
.blank-jar{
  width:32px;
  height:38px}
tbody tr:last-child td:nth-child(2){
  padding-bottom:16px}
.stories{
  padding:30px 0 22px}
.stories h2{
  font-size:29px;
  max-width:330px;
  margin:auto}
.stories h2 br{
  display:none}
.stories-track{
  margin:22px 16px 0;
  gap:30px}
.stories-track img{
  width:100%;
  aspect-ratio:119/223;
  border-radius:5px}
.story-controls{
  display:flex;
  justify-content:center;
  gap:20px;
  margin-top:14px}
.story-controls button{
  background:transparent;
  color:#b47987;
  font-size:26px}
.consistency{
  padding:28px 0}
.consistency-layout{
  display:block}
.consistency h2{
  font-size:29px;
  text-align:center;
  margin-bottom:23px}
.consistency h2 br{
  display:none}
.consistency-grid{
  display:block}
.consistency-grid article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:0 10px;
  margin-bottom:22px}
.line-icon{
  grid-row:span 2;
  font-size:39px;
  margin:0;
  height:auto}
.consistency h3{
  font-size:18px;
  margin-bottom:5px}
.consistency p{
  font-size:13px;
  margin:0}
.subscription-benefits{
  display:block;
  margin:0 8px;
  border-radius:13px}
.subscription-benefits>div{
  padding:13px 18px;
  border-right:0;
  border-bottom:1px solid var(--line)}
.subscription-benefits b{
  font-size:12px}
.subscription-benefits small{
  font-size:10px}
.faq{
  display:block;
  padding:30px 0 32px;
  position:relative}
.dog-icon{
  position:absolute;
  right:15px;
  top:20px;
  font-size:45px}
.faq h2{
  font-size:32px;
  margin-bottom:24px}
.faq summary{
  font-size:13px;
  padding:14px 0;
  align-items:center;
  line-height:1.4}
.faq details p{
  font-size:13px}
.contact-prompt{
  font-size:10px;
  margin-top:23px}
.reviews{
  padding:30px 0}
.reviews h2{
  font-size:29px}
.reviews .subtitle{
  font-size:12px}
.review-controls{
  font-size:11px;
  margin-top:22px;
  gap:12px}
.review-controls>div{
  display:flex;
  align-items:center}
.review-controls button{
  font-size:16px;
  margin-left:4px}
.review-controls select{
  font-size:10px;
  padding:7px}
.reviews-grid{
  columns:1;
  padding:0 2px}
.review-card{
  padding:15px;
  margin-bottom:12px;
  font-size:12px}
.review-card .verified-row{
  font-size:8px}
.review-card .stars{
  font-size:16px}
.review-photo{
  width:100%;
  max-height:210px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:12px}
.trustpilot-rating img{
  width:170px;
  height:auto;
  margin:0 auto}
.read-more{
  margin-top:15px}
footer{
  padding:28px 0 40px}
.footer-top{
  display:block;
  padding-bottom:28px}
.footer-top>div{
  margin-bottom:24px}
.footer-top h3{
  font-size:23px;
  margin-bottom:12px}
.footer-top a{
  font-size:12px;
  margin:8px 0}
.footer-top form{
  margin-top:30px}
.footer-top input,.footer-top button{
  padding:11px 14px;
  font-size:12px}
.footer-bottom{
  display:flex;
  flex-direction:column;
  gap:25px;
  align-items:flex-start;
  margin-top:28px}
.footer-bottom>div:last-child{
  text-align:left;
  font-size:9px}
.logo{
  font-size:62px;
  align-self:center}
.footer-bottom>div:first-child{
  font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto}
}


/* Brand customization */
:root {
   --brand: #EF4B66;
   --ink: #452832;
   }

h1, h2, h3 {
   color: var(--brand);
   }

.brand-row {
   display: flex;
   align-items: center;
   padding-top: 20px;
   }

.brand-row img {
   width: 190px;
   height: auto;
   }

.logo {
   width: 210px;
   }

.logo img {
   width: 100%;
   height: auto;
   filter: invert(1);
   }

footer h3 {
   color: white;
   }

.cta, .press, .trust-strip, .ribbon {
   color: #39151e;
   }

.product-tabs button, .weight input, .plan input {
   color: var(--ink);
   accent-color: var(--brand);
   }

.product-tabs button.active, .weight label:has(input:checked), .plan.selected {
   background: #fff0f3;
   }

.formula-photo {
   position: relative;
   min-height: 175px;
   background: linear-gradient(130deg, #ef4b66, #bd274d);
   overflow: hidden;
   }

.formula-photo h3 {
   position: relative;
   color: white;
   max-width: 220px;
   }

.formula-photo > span:last-child {
   position: relative;
   }

.formula-photo .ingredient-number {
   position: absolute;
   right: 12px;
   top: -12px;
   border: 0;
   padding: 0;
   font: 92px Georgia;
   color: #ffffff25;
   }

.formula-serving {
   text-align: left;
   font-weight: bold;
   }

.formula-table {
   width: 100%;
   border-spacing: 0;
   table-layout: auto;
   }

.formula-table th, .formula-table td {
   background: transparent !important;
   text-align: left;
   height: auto;
   padding: 15px;
   font-size: 14px;
   line-height: 1.45;
   color: var(--ink);
   }

.formula-table thead th {
   background: #fff0f3 !important;
   color: var(--ink);
   }

.formula-table td {
   white-space: nowrap;
   font-weight: bold;
   }

.formula-table th small {
   display: block;
   margin-top: 8px;
   font-size: 12px;
   font-weight: normal;
   }

.strain-amounts {
   margin-top: 12px !important;
   font-size: 11px;
   font-weight: bold;
   color: #452832;
   }

.formula-comparison {
   background: #ffffffb8;
   padding: 20px;
   }

.strain-ids {
   text-align: left;
   font-weight: bold;
   color: var(--ink);
   }

#tab-content .formula-table th, #tab-content .formula-table td {
   font-size: 11px;
   padding: 7px 4px;
   }

#tab-content .formula-table th small {
   font-size: 10px;
   }

#tab-content .formula-serving, #tab-content .strain-ids {
   font-size: 11px;
   }

@media(max-width:700px) {
  
  .brand-row {
   padding-top: 16px;
   }

  .brand-row img {
   width: 155px;
   }

  .formula-comparison {
   padding: 12px;
   }

  .formula-table th, .formula-table td {
   font-size: 12px;
   padding: 12px 8px;
   }

  .formula-table th small {
   font-size: 11px;
   }

  .formula-serving {
   font-size: 13px;
   }

  .logo {
   width: 200px;
   }

}


/* Black headings and the supplied scrolling feature bar. */
h1, h2, h3, h4, h5, h6, footer h3, .formula-photo h3, legend { color: #000; }
.formula-photo { background: linear-gradient(130deg, #EF4B66, #f999ab); }
.scrolling-features-bar { position: relative; background: #EF4B66; color: #000; padding: 16px 0; }
.features-viewport { overflow: hidden; margin-right: 40px; }
.features-track { display: flex; width: max-content; animation: features-scroll 28s linear infinite; }
.feature-items { display: flex; align-items: center; justify-content: space-around; gap: 60px; flex: 0 0 auto; width: max-content; min-width: calc(100vw - 40px); margin: 0; padding: 0 30px; list-style: none; }
.feature-item { display: flex; align-items: center; flex: 0 0 auto; gap: 12px; font: 14px/1.4 monospace; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; }
.feature-item svg { display: block; width: 26px; height: 26px; flex: 0 0 26px; }
.features-pause { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 30px; height: 32px; background: transparent; color: #000; border: 1px solid #0003; border-radius: 5px; }
.scrolling-features-bar:hover .features-track, .scrolling-features-bar:focus-within .features-track, .scrolling-features-bar.is-paused .features-track { animation-play-state: paused; }
@keyframes features-scroll { to { transform: translateX(-50%); } }
@media(max-width:700px) {
  .scrolling-features-bar { padding: 14px 0; }
  .feature-items { gap: 30px; padding: 0 15px; }
  .feature-item { font-size: 12px; gap: 10px; }
  .feature-item svg { width: 22px; height: 22px; flex-basis: 22px; }
}
@media(prefers-reduced-motion:reduce) {
  .features-track { animation: none; }
  .features-viewport { overflow-x: auto; margin-right: 0; }
  .feature-items[aria-hidden="true"], .features-pause { display: none; }
}

/* Light tan footer, with the original black logo. */
footer { background: #f5efe7; color: #191919; }
footer h3, .footer-top a, .footer-bottom a { color: #191919; }
.footer-top { border-bottom-color: #d9cec1; }
footer form input { color: #191919; background: #fffaf5; border-color: #b9a99a; }
footer input::placeholder { color: #62584f; }
footer form button { background: #191919; color: #fff; }
footer .logo img { filter: none; }
.stories-track img { width: calc((100% - 40px)/5); }
@media(max-width:700px) { .stories-track img { width: 100%; } }

/* White lettering and artwork on the two pink strips. */
.press,
.scrolling-features-bar,
.scrolling-features-bar .features-pause {
  color: #fff;
}
.scrolling-features-bar .features-pause {
  border-color: #ffffff80;
}

.apart-section { padding: 64px 24px; color: #000; }
.apart-section h2 { text-align: center; color: #000; margin: 0 0 64px; }
.apart-table { position: relative; max-width: 1240px; margin: auto; isolation: isolate; }
.apart-table::before { content: ''; position: absolute; inset: 50px 0 0; border-radius: 28px; background: #fbeef1; z-index: -1; }
.apart-table table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 16px; line-height: 1.35; }
.apart-label { width: 31%; }
.apart-table th, .apart-table td { padding: 24px; vertical-align: middle; text-align: center; border: 0; }
.apart-table thead th { height: 125px; }
.apart-table thead img { width: 105px; height: 95px; object-fit: contain; margin: auto; }
.apart-table tbody th { text-align: left; font-weight: 800; padding-left: 30px; }
.apart-table tbody tr > * { border-top: 1px solid #eee9ea; }
.apart-table tr > :nth-child(2) { background: #EF4B66; color: #fff; }
.apart-table thead tr > :nth-child(2) { border-radius: 12px 12px 0 0; }
.apart-table tbody tr:last-child > :nth-child(2) { border-radius: 0 0 12px 12px; }
.apart-table tbody td span { display: block; font-size: 28px; margin-bottom: 16px; }
@media (max-width: 700px) {
  .apart-section { padding: 40px 16px; }
  .apart-section h2 { margin-bottom: 32px; }
  .apart-label { width: 26%; }
  .apart-table::before { top: 60px; border-radius: 26px; }
  .apart-table table { font-size: 14px; line-height: 1.3; }
  .apart-table th, .apart-table td { padding: 20px 9px; overflow-wrap: break-word; }
  .apart-table tbody th { padding-left: 8px; padding-right: 8px; }
  .apart-table thead th { height: 130px; padding: 14px 8px; }
  .apart-table thead img { width: 80px; height: 90px; max-width: 100%; }
  .apart-table tbody td span { font-size: 24px; margin-bottom: 14px; }
}

/* Keep every rating compact on both desktop and mobile. */
.review-photo {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  border-radius: 10px;
  margin-bottom: 16px;
}
.trustpilot-rating img {
  display: block;
  width: 90px;
  max-width: 90px;
  height: auto;
  margin: 0 auto 12px;
}
body .stars {
  display: inline-block;
  flex: 0 0 90px;
  width: 90px;
  height: 19px;
  font-size: 0 !important;
  line-height: 0;
  vertical-align: middle;
  background: url('https://cdn.shopify.com/s/files/1/0675/4123/7989/files/trustpilot-stars-1024x212.png?v=1788325114') center / contain no-repeat;
}
/* Benefits and gut-routine sections incorporated from the challenger. */
.gut-benefit-checklist{display:grid;gap:16px;padding:0;margin:22px 0 28px;list-style:none;color:#171313}
.gut-benefit-checklist li{position:relative;padding-left:36px;line-height:1.4}
.gut-benefit-checklist li::before{content:'✓';position:absolute;left:0;top:2px;width:25px;height:25px;border-radius:50%;background:#EF4B66;color:#fff;text-align:center;font-size:21px;font-weight:800;line-height:25px}
.gut-benefit-checklist b,.gut-benefit-checklist span{display:block}
.gut-benefit-checklist b{font-size:18px}
.gut-benefit-checklist span{margin-top:3px;font-size:16px;color:#6d5b5e}
.gut-routine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:80px;background:#fff}
.gut-routine>img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.gut-routine-copy h2{text-align:left;color:#000;font-size:clamp(34px,4vw,54px);line-height:1.06;margin:12px 0 24px}
.gut-routine-copy>p{font-size:16px;line-height:1.55;color:#6d5b5e}
.gut-routine-copy .gut-routine-eyebrow{color:#EF4B66;font-weight:800;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.gut-routine-points{display:grid;gap:12px;margin-top:26px}
.gut-routine-points>div{padding:17px;border-left:4px solid #EF4B66;background:#fff1f3}
.gut-routine-points b,.gut-routine-points span{display:block;font-size:16px;line-height:1.45}
.gut-routine-points b{color:#171313}
.gut-routine-points span{color:#6d5b5e;margin-top:3px}
@media(max-width:760px){.gut-routine{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:50px}.gut-routine>img{max-height:420px}.gut-routine-copy h2{font-size:36px}.gut-routine-copy .gut-routine-eyebrow{font-size:12px}.gut-benefit-checklist{gap:14px}}

/* Consistent full-width before/after photos across screen sizes. */
.results .before-after { display:flex; flex-direction:column; gap:24px; align-self:start; min-width:0; }
.results .before-after figure { position:relative; margin:0; width:100%; }
.results .before-after img { display:block; width:100%; height:auto; border-radius:24px; }
.results .before-after figcaption { position:absolute; top:16px; left:16px; background:#c90000; color:#fff; border-radius:30px; padding:8px 16px; font-size:14px; font-weight:700; }
.results .before-after figure:last-child figcaption { background:#fff; color:#080e44; }
.formula-photo { background-size:cover; background-position:center; }
.formula-photo h3, .formula-photo > span:last-child { color:#fff; }

/* Vet recommendation: cream panel over the supplied organic texture. */
.vet-section { padding:64px 24px; background:#eee0c7 url('assets/vet-background.webp') center/cover; }
.vet-panel { max-width:1100px; display:grid; grid-template-columns:1.15fr 1fr; gap:40px; padding:48px 48px 0; border-radius:32px; background:#f9f5ef; align-items:end; }
.vet-panel>.vet-copy { padding:0 0 48px; }
.vet-panel h2 { font:700 clamp(30px,3.3vw,46px)/1.12 Georgia,serif; letter-spacing:-1px; margin:0 0 28px; }
.vet-panel blockquote { margin:0 0 20px; font-size:clamp(20px,2vw,26px); line-height:1.55; color:#303036; }
.vet-panel p { font-size:17px; line-height:1.65; }
.vet-panel .vet-signature { display:flex; align-items:center; gap:12px; font-size:15px; color:#162248; margin:28px 0 0; }
.vet-signature span { display:grid; place-items:center; flex:0 0 30px; height:30px; border-radius:50%; color:white; background:#162248; }
.vet-panel>img { width:100%; max-width:440px; margin:0 auto; mix-blend-mode:multiply; }
.nasc-banner { padding:28px 24px; background:#080e44; color:white; }
.nasc-banner>.wrap { display:flex; align-items:center; justify-content:center; gap:32px; }
.nasc-banner p { max-width:780px; margin:0; font-size:15px; line-height:1.6; text-align:center; }
.nasc-banner strong { font-size:28px; letter-spacing:2px; }
@media(max-width:767px) {
 .vet-section { padding:24px 16px; }
 .vet-panel { display:flex; flex-direction:column; padding:28px 24px 0; gap:24px; border-radius:28px; }
 .vet-panel>.vet-copy { padding:0; }
 .vet-panel h2 { font-size:32px; }
 .vet-panel blockquote { font-size:20px; }
 .vet-panel>img { max-width:380px; }
 .nasc-banner>.wrap { flex-direction:column; gap:14px; }
}

.vet-panel blockquote { font-style:italic; font-size:clamp(17px,1.5vw,21px); line-height:1.6; }

/* Match the surrounding body copy and brand pink. */
.vet-panel blockquote { font-size:16px; line-height:1.6; }
.vet-panel .vet-signature { color:#EF4B66; }
.vet-signature span, .nasc-banner { background:#EF4B66; }
.nasc-banner .nasc-logo { display:block; width:100px; height:auto; flex-shrink:0; object-fit:contain; }

.weight-context { display:grid; grid-template-columns:1fr 1.05fr; gap:48px; padding-top:64px; padding-bottom:64px; align-items:center; }
.weight-context-figure { margin:0; overflow:hidden; border-radius:24px; background:#fff7f3; }
.weight-context-photo { aspect-ratio:604/640; background:url('assets/weight-context-reference.webp') 26.2465% 31.0185% / 339.073% auto no-repeat; }
.weight-context-figure figcaption { padding:14px 18px; text-align:center; font:12px/1.5 monospace; }
.weight-context-figure a { color:#654c51; }
.weight-context h2 { font-family:Georgia,serif; font-size:clamp(32px,3.4vw,48px); line-height:1.1; margin:0 0 24px; color:#000; }
.weight-context p { font-size:16px; line-height:1.6; margin:0; }
.weight-risks { display:grid; grid-template-columns:1fr 1fr; gap:28px 24px; border-top:1px solid #f0d5db; border-bottom:1px solid #f0d5db; padding:28px 0; margin:28px 0 24px; }
.weight-risks article { display:flex; align-items:flex-start; gap:12px; }
.weight-risks article>span { font-size:26px; }
.weight-risks h3 { font:700 24px/1.2 Georgia,serif; margin:0 0 10px; color:#000; }
.weight-risks p { font-size:15px; }
.weight-source { display:inline-block; margin-top:14px; font-size:12px; color:#b52a49; }
@media(max-width:767px) { .weight-context { grid-template-columns:1fr; gap:28px; padding-top:36px; padding-bottom:36px; } .weight-risks { gap:24px 16px; } .weight-risks article { display:block; } .weight-risks h3 { font-size:22px; margin-top:8px; } }

/* Match the supplied weight-awareness reference. */
.weight-context { gap:48px; align-items:start; }
.weight-context-figure { position:relative; background:white; }
.weight-context-photo { aspect-ratio:604/722; background-position:26.2465% 50%; }
.weight-context-figure figcaption { position:absolute; bottom:20px; left:4.5%; right:4.5%; border-radius:30px; padding:12px; background:#f7f5ed; color:#24264b; }
.weight-context h2 { color:#080e44; }
.weight-context-copy { color:#24264b; }
.weight-risks h3 { color:#24264b; }
.weight-risks { border-color:#dedee7; }
@media(max-width:767px) { .weight-context { gap:28px; } .weight-context h2 br { display:none; } .weight-context-figure figcaption { font-size:11px; padding:10px; bottom:14px; } }

.clock b{font-variant-numeric:tabular-nums}