/* START_SECTION:df-how-it-works (INDEX:11) */
.df-hiw{--dark:#081d1a;--green:#447563;--linen:#f9f1e7;--red:#e64043;color:#102521;background:#fff;line-height:1.65}.df-hiw *{box-sizing:border-box}.df-hiw section[id]{scroll-margin-top:90px}.df-hiw h1,.df-hiw h2,.df-hiw h3,.df-hiw p{margin-top:0}.df-hiw h1,.df-hiw h2,.df-hiw h3{color:inherit;letter-spacing:-.035em;line-height:1.02}.df-hiw h1{font-size:clamp(3rem,7.5vw,6.8rem)}.df-hiw h2{font-size:clamp(2.2rem,4.6vw,4.6rem);margin-bottom:1.5rem}.df-hiw h3{font-size:clamp(1.25rem,2vw,1.65rem)}.df-hiw p{font-size:clamp(1rem,1.25vw,1.16rem);margin-bottom:1.15rem}.eyebrow{color:var(--red);font-size:.78rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lede{font-size:clamp(1.25rem,2vw,1.7rem)!important;font-weight:700;line-height:1.4}.wide{max-width:1180px;margin:auto}.narrow{max-width:820px;margin:auto}.df-hiw__hero{background:var(--dark);color:#fff;padding:clamp(4.5rem,9vw,8rem) 5vw}.df-hiw__hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,7vw,7rem);align-items:center;max-width:1320px;margin:auto}.df-hiw__hero figure{margin:0;position:relative}.df-hiw__hero figure:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:2px solid #ffffff59;border-radius:999px}.df-hiw__hero img{width:100%;height:auto;display:block;position:relative}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.button{display:inline-flex;border:2px solid transparent;border-radius:999px;padding:1rem 1.45rem;text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.08em;justify-content:center}.primary{background:var(--red);color:#fff!important}.secondary{border-color:#ffffff99;color:#fff!important}.formula-button{background:var(--dark);color:#fff!important;margin-top:1rem}.proof{display:flex;gap:1.4rem;flex-wrap:wrap;list-style:none;padding:0;font-size:.78rem;font-weight:800;text-transform:uppercase}.use-list{color:var(--dark);margin-top:2rem}.toc{position:sticky;top:0;z-index:6;background:#fff;overflow-x:auto;box-shadow:0 8px 24px #081d1a0f}.toc>div{display:flex;gap:.2rem;align-items:center;min-width:max-content;max-width:1240px;margin:auto;padding:.65rem 1.5rem}.toc span{color:var(--green);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-right:.6rem}.toc a{padding:.55rem .8rem;text-decoration:none;font-weight:700;font-size:.82rem}.block,.pillar{padding:clamp(4.5rem,9vw,8rem) 5vw}.linen{background:var(--linen)}.dark{background:var(--dark);color:#fff}.green{background:var(--green);color:#fff}.twocol{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,7vw,7rem);max-width:1180px;margin:auto}.statement{border-left:4px solid var(--red);font-size:clamp(1.25rem,2vw,1.7rem)!important;line-height:1.4;margin:2.25rem 0!important;padding-left:1.25rem}.rail{display:grid;grid-template-columns:repeat(4,1fr);max-width:960px;margin:4rem auto 0}.rail a{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.78rem}.rail img,.mark img{background:#fff;border-radius:50%;object-fit:cover}.rail img{background:transparent;width:100px;height:100px;border:8px solid var(--dark)}.pillar-grid{display:grid;grid-template-columns:minmax(210px,.38fr) 1fr;gap:clamp(2rem,7vw,7rem);max-width:1120px;margin:auto}.pillar-grid.reverse{grid-template-columns:1fr minmax(210px,.38fr)}.mark{min-height:320px;display:flex;align-items:center;justify-content:center;position:sticky;top:110px}.mark span{position:absolute;left:0;top:0;font-size:clamp(4rem,8vw,7rem);font-weight:800;opacity:.12}.mark img{width:126px;height:126px}.callout{background:#44756314;border-top:3px solid var(--green);padding:1.5rem 1.6rem .5rem;margin:2rem 0}.ingredients{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0;margin:2rem 0}.ingredients li{border:1px solid #44756340;border-radius:999px;padding:.45rem .8rem;font-size:.78rem;font-weight:700}.green .ingredients li{border-color:#ffffff4d}.outcome{background:var(--dark);color:#fff;padding:1.4rem 1.6rem;margin:2rem 0!important}.green .outcome{background:var(--linen);color:var(--dark)}.deep{border-bottom:2px solid;text-decoration:none;text-transform:uppercase;font-size:.82rem;font-weight:800;letter-spacing:.06em}.compare{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.compare article{background:#fff;border-top:4px solid var(--green);padding:1.6rem;min-height:250px}.compare .featured{grid-column:1/-1;background:var(--dark);color:#fff;min-height:0}.compare-close,.cta-line{font-size:clamp(1.4rem,2.5vw,2rem)!important;text-align:center;line-height:1.35;margin:3rem 0!important}.beyond{background:var(--dark);color:#fff}.beyond>.wide>p:not(.eyebrow):not(.statement):not(.outcome){max-width:900px}.beyond-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:1.25rem;margin:3rem 0}.beyond-grid article,.today{background:#ffffff0d;border-top:4px solid var(--green);padding:clamp(1.5rem,3vw,2.5rem)}.beyond-grid article:last-child{border-top-color:var(--red)}.today{background:var(--linen);color:var(--dark);margin-bottom:2rem}.today .cta-line{text-align:left;margin:2rem 0!important}.beyond .outcome{background:var(--green)}.beyond-ingredients li{border-color:#ffffff4d}.faqs details{border-top:1px solid #081d1a40}.faqs details:last-child{border-bottom:1px solid #081d1a40}.faqs summary{cursor:pointer;font-size:1.15rem;font-weight:800;padding:1.4rem 2.5rem 1.4rem 0}.faqs details>div{padding:0 2.5rem 1.2rem 0}.cta{background:var(--green);color:#fff;padding:clamp(5rem,10vw,9rem) 5vw;text-align:center}.cta>div{max-width:850px;margin:auto}.center{justify-content:center}@media(max-width:900px){.df-hiw__hero-inner,.twocol,.pillar-grid,.beyond-grid{grid-template-columns:1fr}.mark{position:relative;top:auto;min-height:190px}.compare{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.df-hiw__hero,.block,.pillar,.cta{padding-left:1.25rem;padding-right:1.25rem}.df-hiw__hero figure:before{display:none}.rail{gap:.25rem}.rail img{width:74px;height:74px;border-width:5px}.rail a{font-size:.62rem}.compare{grid-template-columns:1fr}.compare .featured{grid-column:auto}.actions{flex-direction:column}.button{width:100%}.proof{display:grid;grid-template-columns:1fr 1fr}.toc>div{padding-left:.75rem;padding-right:.75rem}}
/* END_SECTION:df-how-it-works */