.pp-hero{background:var(--color-black);color:#fff;padding:6.4rem 3.2rem;border-radius:0 0 3.2rem 3.2rem;margin:0;position:relative}.pp-hero__inner{max-width:120rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3.2rem}.pp-hero__kicker{font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin:0}.pp-hero__h1{font:700 6.4rem/1 var(--font-body, "Inter", sans-serif);letter-spacing:-.025em;margin:0;text-wrap:balance;color:inherit}.pp-hero__pct{font:700 12rem/.9 var(--font-body, "Inter", sans-serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-gold);margin:0}.pp-hero__metrics{font-size:1.6rem;color:#ffffffc7;margin:0}.pp-hero__metrics b{color:#fff;font-weight:600}.pp-hero__bar{height:8px;background:#ffffff26;border-radius:999px;overflow:hidden;max-width:80rem}.pp-hero__bar>div{height:100%;background:var(--color-gold);transition:width .4s ease}.pp-hero--complete .pp-hero__bar>div{background:var(--color-defend)}.pp-hero--complete .pp-hero__pct{color:var(--color-defend)}.pp-hero__h1,.pp-hero h2,.pp-hero h3{color:inherit}.pp-hero__cta{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border-radius:999px;font:600 1.5rem/1 var(--font-body, "Inter", sans-serif);background:#fff;color:var(--color-black);text-decoration:none;border:0;cursor:pointer;transition:opacity .2s ease;margin-top:.8rem;width:fit-content}.pp-hero__cta:hover{opacity:.85;color:var(--color-black)}.pp-hero__cta--black{background:var(--color-black);color:#fff}.pp-hero__cta--black:hover{color:#fff}.pp-hero__note{font-size:1.3rem;color:#ffffff8c;margin:0}.pp-hero__quick-add{margin:0}.pp-hero--lapsed{background:var(--color-cream);color:var(--color-black)}.pp-hero--lapsed .pp-hero__kicker,.pp-hero--lapsed .pp-hero__metrics{color:var(--color-text-secondary)}.pp-hero--lapsed .pp-hero__metrics b{color:var(--color-black)}.pp-hero--lapsed .pp-hero__cta{background:var(--color-black);color:#fff}.pp-hero--lapsed .pp-hero__note{color:var(--color-text-secondary)}.pp-stairs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.pp-stairs__step{position:relative;padding:4rem 2.4rem;background:#ffffff0a;border-left:1px solid rgba(255,255,255,.08);transition:filter .3s cubic-bezier(.25,.46,.45,.94)}.pp-stairs__step:first-child{border-left:0}.pp-stairs__step[data-phase=M]{padding-top:4rem}.pp-stairs__step[data-phase=E]{padding-top:9rem}.pp-stairs__step[data-phase=N]{padding-top:14rem}.pp-stairs__step[data-phase=D]{padding-top:19rem}.pp-stairs__step[data-on="1"]:hover{filter:brightness(.85)}.pp-stairs__step[data-on="1"][data-phase=M]{background:var(--color-mineralise);color:var(--color-black)}.pp-stairs__step[data-on="1"][data-phase=E]{background:var(--color-establish);color:#fff}.pp-stairs__step[data-on="1"][data-phase=N]{background:var(--color-gold);color:var(--color-black)}.pp-stairs__step[data-on="1"][data-phase=D]{background:var(--color-defend);color:#fff}.pp-stairs__letter{font:700 8rem/1 var(--font-body, "Inter", sans-serif);letter-spacing:-.04em;margin:0;opacity:.6}.pp-stairs__step[data-on="1"] .pp-stairs__letter{opacity:1}.pp-stairs__name{font:700 2.4rem/1.1 var(--font-body, "Inter", sans-serif);margin:.4rem 0 .8rem;color:inherit}.pp-stairs__status{font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0}.pp-wheel{display:grid;grid-template-columns:1fr 1fr;gap:6.4rem;align-items:center}@media(max-width:990px){.pp-wheel{grid-template-columns:1fr}}.pp-wheel__svg{width:100%;max-width:44rem;aspect-ratio:1;display:block;margin:0 auto}.pp-wheel__details{display:flex;flex-direction:column;gap:0}.pp-wheel__row{display:grid;grid-template-columns:32px 1fr auto;gap:1.6rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.pp-wheel__pip{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;color:#fff}.pp-wheel__name{margin:0;font-weight:600;font-size:1.6rem;color:#fff}.pp-wheel__cadence{margin:0;font-size:1.3rem;color:#ffffff8c}.pp-wheel__state{font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.pp-wheel__row[data-on="0"]{opacity:.5}.protocol-phases{margin-top:var(--space-2xl)}.protocol-phase{margin-bottom:var(--space-2xl)}.protocol-phase__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-cream);border-top:24px solid var(--color-border-strong)}.protocol-phase__header--m.protocol-phase__header--filled{border-top-color:var(--color-mineralise)}.protocol-phase__header--e.protocol-phase__header--filled{border-top-color:var(--color-establish)}.protocol-phase__header--n.protocol-phase__header--filled{border-top-color:var(--color-nourish)}.protocol-phase__header--d.protocol-phase__header--filled{border-top-color:var(--color-defend)}.protocol-phase__letter{font-family:var(--font-body);font-size:var(--font-size-h2);font-weight:700;color:var(--color-black);min-width:3.2rem}.protocol-phase__name{font-family:var(--font-body);font-size:var(--font-size-h3);font-weight:600;color:var(--color-black);flex:1}.protocol-phase__status{font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-uppercase);padding:.5rem 1.4rem;border-radius:50px;background:var(--color-black);color:var(--color-white);white-space:nowrap}.protocol-phase__status--pending{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.protocol-phase__desc{margin:0;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.5;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.protocol-phase__products{border:1px solid var(--color-border);border-top:none}.protocol-row{display:grid;grid-template-columns:15rem 22rem 1fr auto;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.protocol-row:last-child{border-bottom:none}.protocol-row__image{width:15rem;height:15rem;overflow:hidden}.protocol-row__img{width:100%;height:100%;object-fit:cover}.protocol-row__img-placeholder{width:100%;height:100%;background:var(--color-cream)}.protocol-row__name{width:22rem}.protocol-row__product-link{font-family:var(--font-body);font-size:var(--font-size-h3);font-weight:600;color:var(--color-black);text-decoration:none}.protocol-row__product-link:hover{color:var(--color-navy)}.protocol-row__details{min-width:0}.protocol-row__last-ordered{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--color-text-secondary);margin:0}.protocol-row__description{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--lh-body);margin:0}.protocol-row__actions{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-end}.protocol-row__btn--primary{display:inline-flex;align-items:center;justify-content:center;height:4.4rem;padding:0 var(--space-lg);background:var(--color-black);color:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-pill);border:none;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.protocol-row__btn--primary:hover{opacity:.85;color:var(--color-white)}.protocol-row__btn--secondary{display:inline-flex;align-items:center;justify-content:center;height:3.6rem;padding:0 var(--space-md);background:transparent;color:var(--color-black);font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--color-border);text-decoration:none;white-space:nowrap;transition:border-color .2s ease}.protocol-row__btn--secondary:hover{border-color:var(--color-black);color:var(--color-black)}.protocol-row__btn--outline{display:inline-flex;align-items:center;justify-content:center;height:4.4rem;padding:0 var(--space-lg);background:transparent;color:var(--color-black);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-pill);border:1.5px solid var(--color-black);text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}.protocol-row__btn--outline:hover{background:var(--color-black);color:var(--color-white)}.lapsed-banner{background:var(--color-cream);border:1px solid var(--color-border);padding:var(--space-lg);margin-bottom:var(--space-xl);position:relative}.lapsed-banner__content{display:flex;align-items:center;gap:var(--space-lg)}.lapsed-banner__text{flex:1}.lapsed-banner__heading{font-family:var(--font-body);font-size:var(--font-size-h3);font-weight:600;color:var(--color-black);margin:0 0 var(--space-xs) 0}.lapsed-banner__body{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--lh-body);margin:0}.lapsed-banner__actions{display:flex;gap:var(--space-sm);flex-shrink:0}.lapsed-banner__btn--primary{display:inline-flex;align-items:center;justify-content:center;height:4.4rem;padding:0 var(--space-lg);background:var(--color-black);color:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.lapsed-banner__btn--primary:hover{opacity:.85;color:var(--color-white)}.lapsed-banner__btn--secondary{display:inline-flex;align-items:center;justify-content:center;height:4.4rem;padding:0 var(--space-lg);background:transparent;color:var(--color-black);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--color-border);text-decoration:none;white-space:nowrap;transition:border-color .2s ease}.lapsed-banner__btn--secondary:hover{border-color:var(--color-black)}.lapsed-banner__dismiss{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;font-size:var(--font-size-h3);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);line-height:1}.lapsed-banner__dismiss:hover{color:var(--color-black)}.pp-final{background:var(--color-black);color:#fff;border-radius:3.2rem 3.2rem 0 0;padding:8rem 3.2rem;text-align:center}.pp-final__inner{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;gap:2.4rem;align-items:center}.pp-final__kicker{font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin:0}.pp-final__h2{font:700 4.8rem/1.05 var(--font-body, "Inter", sans-serif);letter-spacing:-.02em;margin:0;text-wrap:balance;color:#fff}.pp-final__lede{font-size:1.7rem;color:#ffffffbf;margin:0;line-height:1.5;max-width:56rem}.pp-final__cta{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border-radius:999px;font:600 1.5rem/1 var(--font-body, "Inter", sans-serif);background:#fff;color:var(--color-black);text-decoration:none;border:0;transition:opacity .2s ease}.pp-final__cta:hover{opacity:.85;color:var(--color-black)}.pp-final__sub{font-size:1.3rem;color:#ffffff8c;margin:0}@media screen and (max-width:749px){.pp-hero{padding:4.8rem 2rem;border-radius:0 0 2.4rem 2.4rem}.pp-hero__h1{font-size:3.6rem}.pp-hero__pct{font-size:7.2rem}.pp-stairs{grid-template-columns:1fr 1fr}.pp-stairs__step[data-phase=M],.pp-stairs__step[data-phase=E],.pp-stairs__step[data-phase=N],.pp-stairs__step[data-phase=D]{padding-top:3.2rem}.pp-stairs__letter{font-size:5.6rem}.pp-final{padding:6.4rem 2rem;border-radius:2.4rem 2.4rem 0 0}.pp-final__h2{font-size:3.2rem}.protocol-phase__header{padding:var(--space-sm) var(--space-md)}.protocol-row{grid-template-columns:8rem 1fr;grid-template-rows:auto auto auto;gap:var(--space-sm)}.protocol-row__image{width:8rem;height:8rem;grid-row:1 / 3}.protocol-row__name{width:auto;grid-column:2;grid-row:1}.protocol-row__details{grid-column:2;grid-row:2}.protocol-row__actions{grid-column:1 / -1;grid-row:3;flex-direction:row;align-items:stretch;justify-content:stretch}.protocol-row__btn--primary,.protocol-row__btn--outline{flex:1;text-align:center}.protocol-row__btn--secondary{flex:0 0 auto}.lapsed-banner__content{flex-direction:column;align-items:stretch}.lapsed-banner__actions{flex-direction:column}.lapsed-banner__btn--primary,.lapsed-banner__btn--secondary{justify-content:center;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/section-protocol-progress.css.map */