/* Coachway /us/ r6 layer, built from _work/r6/build by tools/preview.py --final. Loads after us.css and us-r5.css. Shared by /us/ and its variants. */

/* ---- _global ---- */
/* r8 section changes (lead, Markus 10 Nov: the section change "need some spacing, or more margin in sides or bigger diff").
   One rule: the page is ONE continuous paper ground, edge to edge. Only the dark photo sections are blocks: rounded cards
   inset from the screen edges with a clear band of paper above and below. Light sections (paper, the warm AI food log, the
   sage food logging) are never boxed: where two light sections with different tints meet, the tint washes in and out over
   a soft band instead of ending on an edge. So a section change is either unmistakable (a dark card) or invisible. */
html,body,.r5{--page:#ecede4}
html,body{background:var(--page)}
.r5 main{padding:0}
.r5 main > section,.r5 main > section:first-child,.r5 main > section:last-child{border-radius:0;margin:0}
.r5 main > section.paper{background:transparent}
.r5 main > section.night{--inset:clamp(10px,1.25vw,20px);margin:clamp(16px,2vw,28px) var(--inset);border-radius:clamp(22px,2.2vw,32px)}
.r5 main > section.night:first-child{margin-top:var(--inset)}
/* two dark blocks in a row keep one gap between them, not two */
.r5 main > section.night + section.night{margin-top:calc(-1 * clamp(16px,2vw,28px) + var(--inset))}
/* light tinted sections: the tint fades into the paper at the top and the bottom */
.r5 main > section:is(.warm,.sage){--fade:clamp(72px,9vw,150px);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}
/* the footer is the last dark block and follows the same inset */
.r5 .foot.ft6{margin:clamp(16px,2vw,28px) clamp(10px,1.25vw,20px) clamp(10px,1.25vw,20px)}
main > section:is(.night,.warm,.sage) + section.hl::before{display:none}
.r5 .n-teal{--nb:#031210;--tube:#7fe0cf}
html{scroll-padding-top:96px}
/* lead QA: short headings and card titles never leave one word alone on the last line */
.r5 main h3,.r5 main figcaption h3,.r5 .ft6 h2,.r5 .ft6 .d2{text-wrap:balance}
.r5 main .d2{text-wrap:balance}
@media (max-width:359px){.r5 .ft6-final .d2{font-size:38px}.r5 .rv6-t{font-size:15.5px}}
/* lead a11y: a focused control never sits under the fixed sticky trial bar on phones */
@media (max-width:760px){html{scroll-padding-bottom:88px}}
.r5 :is(.paper,.sage,.warm) .dim{opacity:.6}

/* ---- nav-dev ---- */
/* r6 nav (nav6): curated section links, region switch, burger sheet. Builds on the kit .nav/.nav-in/.nav-logo/.nav-sign. */
.r5 .nav6{--n6-glass:rgba(7,16,12,.8)}
.r5 .nav6 .nav-in{padding-left:20px;gap:10px;position:relative;z-index:2}
.r5 .nav6 .nav-right{gap:10px}
.r5 .nav6 .nav-sign{padding:12px 8px;opacity:.9}
.r5 .nav6 .nav-sign:hover{opacity:1}

/* curated section links (1000px and up; Reviews from 1180px) */
.r5 .nav6-links{display:none;align-items:center;gap:2px;margin:0 auto 0 18px;min-width:0}
.r5 .nav6-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:99px;font-size:14.5px;color:rgba(255,255,255,.74);text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}
.r5 .nav6-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.r5 .nav6-links a[aria-current="true"]{color:#fff;background:rgba(255,255,255,.11)}
@media (min-width:1000px){.r5 .nav6-links{display:flex}}
@media (min-width:1000px) and (max-width:1179px){.r5 .nav6-links a:last-child{display:none}.r5 .nav6-links a{padding:0 10px}}

/* region pill */
.r5 .nav6-region{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px 0 12px;border-radius:99px;color:rgba(255,255,255,.88);font:500 13.5px/1 'DM Sans',sans-serif;letter-spacing:.04em;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background-color .2s}
.r5 .nav6-region:hover,.r5 .nav6-region[aria-expanded="true"]{background:rgba(255,255,255,.13)}
.r5 .nav6-chev{opacity:.7;transition:transform .25s var(--ease-out)}
.r5 .nav6-region[aria-expanded="true"] .nav6-chev{transform:rotate(180deg)}

/* burger */
.r5 .nav6-burger{display:none;position:relative;width:44px;height:44px;flex:none;border-radius:50%;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.r5 .nav6-burger i{position:absolute;left:14px;right:14px;height:1.5px;border-radius:2px;background:#fff;transition:transform .3s var(--ease-out),top .3s var(--ease-out)}
.r5 .nav6-burger i:first-child{top:18px}.r5 .nav6-burger i:last-child{top:25px}
.r5 .nav6-burger[aria-expanded="true"] i:first-child{top:21.5px;transform:rotate(45deg)}
.r5 .nav6-burger[aria-expanded="true"] i:last-child{top:21.5px;transform:rotate(-45deg)}
@media (max-width:999px){.r5 .nav6-burger{display:inline-block}}
@media (max-width:759px){.r5 .nav6 .nav-sign{display:none}}
@media (max-width:559px){.r5 .nav6 .nav-right > .btn--gold{display:none}.r5 .nav6 .nav-in{padding-left:16px}}

/* shared glass for the region menu and the sheet (outside .nav-in so the blur sees the page) */
.r5 .nav6-pop,.r5 .nav6-sheet{position:absolute;z-index:3;color:#fff;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 40%),var(--n6-glass);
  -webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.22),0 30px 70px -24px rgba(0,0,0,.7),0 10px 24px -12px rgba(0,0,0,.45);
  transform-origin:top right;animation:nav6-in .26s var(--ease-out)}
.r5 .nav6-pop[hidden],.r5 .nav6-sheet[hidden]{display:none}
@keyframes nav6-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.r5 .nav6-pop{top:calc(100% + 10px);right:var(--n6-r,24px);width:320px;padding:10px}
.r5 .nav6-cap{margin:0;padding:8px 12px 8px;font:500 11.5px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.r5 .nav6-rg{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.r5 .nav6-rg-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;min-height:56px;padding:10px 12px;border-radius:14px;text-align:left;color:#fff;text-decoration:none;transition:background-color .2s}
.r5 .nav6-rg-row b{grid-column:1;font-weight:500;font-size:15px;line-height:1.3}
.r5 .nav6-rg-row small{grid-column:1;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.58)}
.r5 .nav6-rg-row em,.r5 .nav6-rg-row svg{grid-column:2;grid-row:1 / span 2}
.r5 .nav6-rg-row em{font-style:normal;font-size:12px;font-weight:500;color:var(--mint);padding:4px 9px;border-radius:99px;background:rgba(143,227,176,.12)}
.r5 .nav6-rg-row svg{color:rgba(255,255,255,.7);transition:transform .25s var(--ease-out)}
.r5 .nav6-rg-row:hover{background:rgba(255,255,255,.08)}
.r5 .nav6-rg-row:hover svg{transform:translateX(3px);color:#fff}
.r5 .nav6-rg-row[aria-current="true"]{box-shadow:inset 0 0 0 1px rgba(143,227,176,.4);cursor:default}
.r5 .nav6-rg-row[aria-current="true"]:hover{background:transparent}

/* burger sheet */
.r5 .nav6-sheet{top:calc(100% + 10px);left:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px);margin-inline:auto;max-width:560px;padding:10px 10px 18px;
  max-height:calc(100svh - 100px - var(--tb,0px));overflow:auto;overscroll-behavior:contain;transform-origin:top center}
.r5 .nav6-sheet-links{list-style:none;margin:0;padding:0}
.r5 .nav6-sheet-links li + li{border-top:1px solid rgba(255,255,255,.08)}
.r5 .nav6-sheet-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 14px;border-radius:14px;font-family:'DM Sans Var','DM Sans',sans-serif;font-size:22px;font-weight:300;letter-spacing:-.02em;color:#fff;text-decoration:none}
.r5 .nav6-sheet-links a::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);opacity:0;transition:opacity .2s}
.r5 .nav6-sheet-links a[aria-current="true"]::after{opacity:1}
.r5 .nav6-sheet-links a:hover{background:rgba(255,255,255,.06)}
.r5 .nav6-sheet-sign{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin-top:8px;padding:0 14px;border-top:1px solid rgba(255,255,255,.12);font-size:15px;color:rgba(255,255,255,.86);text-decoration:none}
.r5 .nav6-sheet-sign svg{opacity:.7}
.r5 .nav6-sheet-rg{margin-top:4px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12)}
.r5 .nav6 .nav6-sheet-cta{display:flex;width:100%;justify-content:center;margin-top:14px}
.r5 .nav6 .nav6-risk{justify-content:center;align-items:center;text-align:center;margin-top:12px;color:rgba(255,255,255,.6);font-size:13px}
.r5 .nav6-scrim{position:fixed;inset:0;z-index:1;background:rgba(2,6,4,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}
.r5 .nav6.nav6-open .nav6-scrim{opacity:1;pointer-events:auto}
.r5 .nav6.nav6-open{z-index:140;transform:none}
html.nav6-lock,html.nav6-lock body{overflow:hidden}

@media (max-width:559px){
  .r5 .nav6-pop{position:fixed;left:12px;right:12px;width:auto;top:calc(var(--tb,0px) + 86px)}
  .r5 .nav6-sheet{left:12px;right:12px}
}
@media (prefers-reduced-motion:reduce){
  .r5 .nav6-pop,.r5 .nav6-sheet{animation:none}
  .r5 .nav6-chev,.r5 .nav6-burger i,.r5 .nav6-rg-row svg,.r5 .nav6-scrim{transition:none}
}
/* sections focused after an in-page jump (tabindex="-1") do not draw a ring around the whole block */
.r5 .nav6-tgt:focus,.r5 .ft6-tgt:focus{outline:none}

/* ---- footer-dev ---- */
/* r6 footer (ft6): one night card. The final call to action sits on the ink neon plate; below it a single
   frosted glass panel carries the site links, the legal strip and a giant wordmark cropped by the glass edge. */
.r5 .foot.ft6{background:transparent;padding:0;border-radius:0;color:#fff;font-size:15px}
.r5 .ft6-card{border-radius:24px;overflow:hidden;padding:0 clamp(10px,1.4vw,18px) clamp(10px,1.4vw,18px)}
.r5 .ft6-plate img{object-position:var(--pp,62% 30%)}
.r5 .ft6-shade{background:
  radial-gradient(70% 46% at 50% 22%,rgba(2,6,8,.78),rgba(2,6,8,.35) 70%,rgba(2,6,8,.15)),
  linear-gradient(180deg,rgba(2,6,8,.2) 0%,rgba(2,6,8,0) 35%,rgba(2,6,8,.25) 70%,rgba(2,6,8,.6) 100%)}

/* the final statement */
.r5 .ft6-final{position:relative;z-index:6;text-align:center;padding:clamp(120px,12vw,190px) clamp(18px,4vw,40px) clamp(96px,10vw,160px)}
.r5 .ft6-final .d2{font-size:clamp(44px,6.6vw,104px);font-weight:250;margin:0 auto;max-width:14em}
.r5 .ft6-final .ctas{justify-content:center;margin-top:40px}
.r5 .ft6-final .risk{justify-content:center}

/* the glass panel */
.r5 .ft6-glass{position:relative;z-index:6;max-width:1640px;margin-inline:auto;overflow:hidden;isolation:isolate;border-radius:20px;color:#fff;
  padding:clamp(28px,3.6vw,56px) clamp(20px,3.6vw,56px) 0;
  background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(14,30,26,.42) 38%,rgba(3,10,9,.66) 100%);
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 12px 30px -12px rgba(0,0,0,.35)}
.r5 .ft6-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;pointer-events:none;z-index:2;
  background:linear-gradient(170deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.14) 22%,rgba(255,255,255,.05) 60%,rgba(255,255,255,.16) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.r5 .ft6-glass::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;pointer-events:none;z-index:-1;
  background:radial-gradient(110% 90% at 22% 0%,rgba(255,255,255,.13),rgba(255,255,255,0) 70%)}
.r5 .ft6-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.r5 .ft6-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:clamp(32px,5vw,88px);align-items:start}
.r5 .ft6-logo{display:inline-flex;align-items:center;min-height:44px;color:#fff}
.r5 .ft6-logo svg{height:26px;width:auto}
.r5 .ft6-line{margin:14px 0 0;max-width:21rem;font-size:17px;line-height:1.45;font-weight:400;letter-spacing:-.01em;color:rgba(255,255,255,.74)}
.r5 .foot .ft6-eu{display:inline-flex;align-items:center;gap:9px;margin-top:26px;min-height:44px;padding:0 16px 0 14px;border-radius:99px;font-size:14.5px;font-weight:500;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);transition:background-color .2s,box-shadow .2s}
.r5 .foot .ft6-eu svg:first-child{opacity:.8}
.r5 .foot .ft6-eu svg:last-child{transition:transform .25s var(--ease-out)}
.r5 .foot .ft6-eu:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.r5 .foot .ft6-eu:hover svg:last-child{transform:translateX(3px)}

.r5 .ft6-cols{display:grid;grid-template-columns:1.15fr 1fr .9fr 1.1fr;gap:28px clamp(18px,2.4vw,36px)}
.r5 .ft6-col h3{margin:0 0 12px;font:500 12px/1.2 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.r5 .ft6-col ul{list-style:none;margin:0;padding:0;display:grid}
.r5 .foot .ft6-col a{display:inline-flex;align-items:center;min-height:40px;min-width:44px;white-space:nowrap;font-size:15.5px;line-height:1.3;color:rgba(255,255,255,.9);text-decoration:none;transition:color .2s}
.r5 .foot .ft6-col a:hover{color:var(--sun)}
.r5 .ft6-note{display:block;padding-top:8px;max-width:15rem;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.6)}

.r5 .ft6-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 28px;margin-top:clamp(36px,4.4vw,60px);padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.r5 .ft6-addr{margin:0;font-size:13.5px;color:rgba(255,255,255,.62)}
.r5 .ft6-legal{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0 -10px;padding:0}
.r5 .foot .ft6-legal a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 10px;box-sizing:border-box;font-size:13.5px;color:rgba(255,255,255,.78);text-decoration:none}
.r5 .foot .ft6-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:.25em}

/* the giant wordmark, cropped by the bottom edge of the glass (the svg viewBox starts at the top of the h, so the gap above is the margin) */
.r5 .ft6-wm{display:block;margin:40px 0 -5.2%;line-height:0;color:#fff;opacity:.15;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 10%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(180deg,#000 10%,rgba(0,0,0,.3) 100%)}
.r5 .ft6-wm svg{display:block;width:100%;height:auto}
.r5 .ft6-wm svg path{fill:currentColor!important}

/* tablet and small laptop: brand row on top, the four columns sized to their content */
@media (max-width:1179px){
  .r5 .ft6-top{grid-template-columns:1fr}
  .r5 .ft6-cols{grid-template-columns:repeat(4,auto);justify-content:space-between}
  .r5 .foot .ft6-col a{min-height:44px}
  .r5 .ft6-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
  .r5 .ft6-line{margin:0;flex:1 1 20rem}
  .r5 .ft6-logo{flex-basis:100%}
  .r5 .foot .ft6-eu{margin-top:0}
}
/* phone */
@media (max-width:759px){
  .r5 .ft6-card{border-radius:20px;padding:0 6px 6px}
  .r5 .ft6-plate img{object-position:var(--pp,80% 30%)}
  .r5 .ft6-shade{background:linear-gradient(180deg,rgba(2,6,8,.55),rgba(2,6,8,.86) 22%,rgba(2,6,8,.7) 40%,rgba(2,6,8,.35) 60%,rgba(2,6,8,.55))}
  .r5 .ft6-final{padding:96px 14px 72px}
  .r5 .ft6-final .ctas .btn{width:100%;justify-content:center}
  .r5 .ft6-glass{border-radius:16px;padding:26px 18px 0}
  .r5 .ft6-brand{display:block}
  .r5 .ft6-line{margin-top:10px;font-size:16px}
  .r5 .foot .ft6-eu{margin-top:18px;width:100%;justify-content:center;min-height:48px}
  /* a 2x2 grid: Product | Learn, then Company | Support */
  .r5 .ft6-cols{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:30px 18px}
  .r5 .foot .ft6-col a{min-height:44px;font-size:15px;white-space:normal;padding-block:6px}
  .r5 .ft6-cols > *{min-width:0}
  .r5 .ft6-base{flex-direction:column;align-items:flex-start;gap:4px}
  .r5 .ft6-legal{margin:0 -8px}
  .r5 .foot .ft6-legal a{padding:0 8px}
  .r5 .ft6-wm{margin:28px 0 -6%;opacity:.17}
}
@media (max-width:519px){.r5 .ft6-final .risk{align-items:center}}
/* touch screens of any width get 44px link rows */
@media (pointer:coarse){.r5 .foot .ft6-col a{min-height:44px}}
@media (prefers-reduced-motion:reduce){.r5 .foot .ft6-eu svg:last-child{transition:none}}

/* r8: the footer card is inset like the other dark blocks, so the final button gets slightly smaller type on the narrowest phones */
@media (max-width:359px){.r5 .ft6-final .btn{font-size:15.5px;padding-inline:16px;gap:8px}}

/* ---- week ---- */
/* r6 week (lead): one early verbatim proof line under the flip card */
.r5 .wk6-proof{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 14px;margin:30px auto 0;text-align:center;color:#4a5a51;font-size:14.5px}
.r5 .wk6-stars{color:#b37b16;letter-spacing:2px;font-size:14px}
.r5 .wk6-proof q{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:clamp(21px,1.9vw,26px);line-height:1.2;color:#0f2a1f;quotes:"\201C" "\201D"}
.r5 .wk6-proof q::before,.r5 .wk6-proof q::after{color:#3fae7f}
.r5 .wk6-who b{color:#0f2a1f;font-weight:500}
@media (max-width:599px){.r5 .wk6-proof{flex-direction:column;align-items:center;gap:6px}}

/* ---- aif ---- */
/* r6 AI food log (aif6): the page's warm ground. Warm daylight block, forest ink, warm frosted white glass.
   Plate: right 58% on desktop fading into the ground, a top strip on phones. */
.r5 .aif6{--aw-1:#f3e9de;--aw-2:#e8d6c4;--aw-ink:#0f2a1f;--aw-soft:rgba(15,42,31,.72);--aw-mute:rgba(15,42,31,.6);
  --aw-glass:linear-gradient(170deg,rgba(255,251,246,.64),rgba(255,248,240,.5) 60%,rgba(255,246,236,.46));
  --aw-shadow:0 34px 70px -30px rgba(110,52,18,.34),0 10px 24px -14px rgba(110,52,18,.2);
  position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;color:var(--aw-ink);
  background:radial-gradient(120% 70% at 85% 0%,rgba(255,240,222,.9),rgba(255,240,222,0) 60%),linear-gradient(165deg,var(--aw-1) 0%,#efe1d3 45%,var(--aw-2) 100%)}
.r5 .aif6 > .wrap{position:relative;z-index:4}
.r5 .aif6 .kicker{color:#2f6b52}
.r5 .aif6 .kicker::before{background:#2f6b52;height:1px;width:28px}
.r5 .aif6 .d2{color:var(--aw-ink)}
.r5 .aif6 .lede{color:var(--aw-soft);max-width:31rem}
.r5 .aif6 :focus-visible{outline:2px solid #2f6b52;outline-offset:3px}

/* the plate */
.r5 .aif6-plate{position:absolute;z-index:1;top:0;right:0;width:58%;height:min(1000px,72cqw);pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 18%,#000 38%),linear-gradient(180deg,#000 62%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 18%,#000 38%),linear-gradient(180deg,#000 62%,transparent 100%);mask-composite:intersect}
.r5 .aif6-plate img{display:block;width:100%;height:100%}
.r5 .aif6-plate .aif6-pm{display:none}
.r5 .aif6-plate img{object-fit:cover;object-position:50% 40%;filter:saturate(.96)}
.r5 .aif6-plate::after{content:"";position:absolute;inset:0;background:url(../img/r5-grain.webp) 0 0/256px 256px repeat;mix-blend-mode:overlay;opacity:.16}

/* head + stage */
.r5 .aif6-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;min-height:640px}
.r5 .aif6-copy{max-width:32rem}
.r5 .aif6-date{display:inline-flex;align-items:center;gap:9px;margin:22px 0 0;font-size:13.5px;font-weight:500;letter-spacing:.01em;color:var(--aw-soft);
  padding:7px 14px 7px 12px;border-radius:999px;background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 6px 16px -10px rgba(110,52,18,.35);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.r5 .aif6-date i{width:7px;height:7px;border-radius:50%;background:#2f6b52;box-shadow:0 0 0 3px rgba(47,107,82,.16)}

.r5 .aif6-stage{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-left:4%}
.r5 .aif6-phone{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}
.r5 .aif6-phone .iph{--pw:320px;filter:drop-shadow(0 46px 60px rgba(90,44,14,.32)) drop-shadow(0 12px 20px rgba(90,44,14,.2))}
.r5 .aif6-vid{background:#f6f5ef;object-fit:cover;object-position:top center}
.r5 .aif6-play{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:0;cursor:pointer;
  font:500 13.5px/1 'DM Sans',sans-serif;color:var(--aw-ink);background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 8px 18px -12px rgba(110,52,18,.4);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.r5 .aif6-play[hidden]{display:none}
.r5 .aif6-play-i{position:relative;width:18px;height:18px;border-radius:50%;background:#2f6b52}
.r5 .aif6-play-i::before,.r5 .aif6-play-i::after{content:"";position:absolute;top:5px;width:2px;height:8px;background:#fff;border-radius:1px}
.r5 .aif6-play-i::before{left:6px}.r5 .aif6-play-i::after{left:10px}
.r5 .aif6-play[data-state=paused] .aif6-play-i::after{display:none}
.r5 .aif6-play[data-state=paused] .aif6-play-i::before{left:7px;top:5px;width:0;height:0;background:none;border-radius:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #fff}
@media (hover:hover){.r5 .aif6-play:hover{background:rgba(255,255,255,.75)}}

/* the warm frosted glass card */
.r5 .aif6-glass{position:relative;z-index:3;flex:none;width:272px;margin-left:-8px;margin-top:-120px;padding:20px 22px 20px;border-radius:26px;
  background:var(--aw-glass);-webkit-backdrop-filter:blur(30px) saturate(150%) brightness(1.05);backdrop-filter:blur(30px) saturate(150%) brightness(1.05);
  box-shadow:var(--aw-shadow),inset 0 1px 0 rgba(255,255,255,.8),inset 0 0 0 1px rgba(255,255,255,.7);color:var(--aw-ink)}
.r5 .aif6-glass p{margin:0}
.r5 .aif6-g-h{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--aw-soft)}
.r5 .aif6-g-meal{display:inline-flex;align-items:center;gap:7px;color:var(--aw-ink);font-weight:500}
.r5 .aif6-g-meal i{width:7px;height:7px;border-radius:50%;background:#2f6b52}
.r5 .aif6-g-num{margin-top:6px!important;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:84px;line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.r5 .aif6-g-num small{font-size:20px;font-weight:400;letter-spacing:0;margin-left:6px;color:var(--aw-soft)}
.r5 .aif6-g-range{display:inline-block;margin-top:12px!important;padding:5px 12px;border-radius:999px;font-size:14px;font-weight:500;color:#285e48;
  background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(51,116,90,.22)}
.r5 .aif6-g-mac{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(110,52,18,.12);font-size:13px;color:var(--aw-mute)}
.r5 .aif6-g-mac b{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:500;color:var(--aw-ink);margin-bottom:2px}
.r5 .aif6-g-mac i{width:7px;height:7px;border-radius:50%;flex:none}
.r5 .aif6-g-mac .p{background:#e07a4f}.r5 .aif6-g-mac .c{background:#2f6b52}.r5 .aif6-g-mac .f{background:#e3b94a}

/* how it works: 2x2 horizontal cards from 1100 up, 2x2 stacked cards 700-1099, a snap row with dots on phones */
.r5 .aif6-how{margin-top:clamp(56px,7vw,96px)}
.r5 .aif6-how-h{margin:0 0 22px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#2f6b52}
.r5 .aif6-scroll{position:relative}
.r5 .aif6-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.r5 .aif6-step{position:relative;display:flex;flex-direction:column;padding:12px 12px 22px;border-radius:24px;
  background:linear-gradient(170deg,rgba(255,252,248,.66),rgba(255,248,240,.48));-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 24px 50px -30px rgba(110,52,18,.32),inset 0 1px 0 rgba(255,255,255,.85),inset 0 0 0 1px rgba(255,255,255,.65)}
.r5 .aif6-crop{margin:0;border-radius:16px;overflow:hidden;background:#f4f2ef}
.r5 .aif6-step--1 .aif6-crop{background:#000}
.r5 .aif6-n{display:block;margin:18px 10px 0;font:600 13px/1 'DM Sans',sans-serif;letter-spacing:.02em;color:#2f6b52;font-variant-numeric:tabular-nums}
.r5 .aif6-step h4{margin:8px 10px 0;font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.25;color:var(--aw-ink)}
.r5 .aif6-step p{margin:8px 10px 0;font-size:15px;line-height:1.55;color:var(--aw-soft)}
.r5 .aif6-step .aif6-short{display:none}
.r5 .aif6-dots{display:flex;justify-content:center;gap:0;margin:6px 0 0}
.r5 .aif6-dots[hidden]{display:none}
.r5 .aif6-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}
.r5 .aif6-dots i{display:block;width:8px;height:8px;border-radius:99px;background:rgba(15,42,31,.22);transition:width .3s,background-color .3s}
.r5 .aif6-dots button[aria-current=true] i{width:22px;background:#2f6b52}
@media (prefers-reduced-motion:reduce){.r5 .aif6-dots i{transition:none}}

/* the closer as a pull line */
.r5 .aif6-pull{margin:clamp(56px,7vw,96px) auto 0;padding:clamp(28px,3.4vw,44px) 0;max-width:62rem;text-align:center;
  font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(24px,2.5vw,34px);line-height:1.3;letter-spacing:-.005em;color:var(--aw-ink);text-wrap:balance}

/* coach side: heading and text left, the coach view right; phones put the view under the heading */
.r5 .aif6-coach{display:grid;grid-template-columns:minmax(0,4.3fr) minmax(0,7.7fr);grid-template-areas:"head vis" "body vis";grid-template-rows:auto 1fr;
  column-gap:clamp(36px,5vw,72px);align-items:start;margin-top:clamp(56px,7vw,96px)}
.r5 .aif6-coach-head{grid-area:head}
.r5 .aif6-coach-body{grid-area:body}
.r5 .aif6-coach-vis{grid-area:vis;align-self:center}
.r5 .aif6-eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#2f6b52}
.r5 .aif6-coach-h{margin:12px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:clamp(28px,2.7vw,40px);line-height:1.08;letter-spacing:-.035em;color:var(--aw-ink);text-wrap:balance}
.r5 .aif6-coach-h .dim{opacity:.5}
.r5 .aif6-coach-body > p{margin:16px 0 0;font-size:16px;line-height:1.6;color:var(--aw-soft);max-width:30rem}
.r5 .aif6-cta{margin-top:28px}
.r5 .aif6-cta .risk{color:var(--aw-soft);font-size:13.5px}

.r5 .aif6-coach-vis{position:relative}
.r5 .aif6-web{margin:0;border-radius:18px;max-width:1504px;box-shadow:0 0 0 1px rgba(110,52,18,.1),0 40px 80px -40px rgba(110,52,18,.45),0 12px 26px -16px rgba(110,52,18,.25)}
.r5 .aif6-cap{margin:14px 4px 0;font-size:13px;line-height:1.5;color:var(--aw-mute)}

/* 1100 up: horizontal step cards, the crop left at about two thirds of its file width, the words right;
   the risk line stacks under the button in the narrow text column */
@media (min-width:1100px){
  .r5 .aif6-steps{gap:18px}
  .r5 .aif6-step{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);column-gap:22px;align-items:center;padding:0 20px 0 0;overflow:hidden}
  .r5 .aif6-crop{border-radius:24px 0 0 24px}
  .r5 .aif6-crop{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
  .r5 .aif6-st{padding:22px 0 20px}
  .r5 .aif6-n{margin:0}
  .r5 .aif6-step h4{margin:10px 0 0;font-size:18px}
  .r5 .aif6-step p{margin:8px 0 0;font-size:15px;line-height:1.52}
  .r5 .aif6-cta .risk{flex-direction:column;align-items:flex-start;gap:5px}
  .r5 .aif6-cta .risk li + li::before{display:none}
}
@media (min-width:1100px) and (max-width:1279px){
  .r5 .aif6-steps{gap:14px}
  .r5 .aif6-step{column-gap:16px;padding-right:14px}
  .r5 .aif6-step p{font-size:14px;line-height:1.48}
  .r5 .aif6-step h4{font-size:17px}
  .r5 .aif6-st{padding:18px 0 16px}
}
/* 1000-1199: tighter stage so the glass card stays inside */
@media (min-width:1000px) and (max-width:1199px){
  .r5 .aif6-stage{padding-left:0}
  .r5 .aif6-phone .iph{--pw:300px}
  .r5 .aif6-glass{width:236px;padding:18px 18px}
  .r5 .aif6-g-num{font-size:68px}
}
/* 1099 down: coach stacks (heading, text and button, then the coach view) */
@media (max-width:1099px){
  .r5 .aif6-coach{grid-template-columns:1fr;grid-template-areas:"head" "body" "vis";grid-template-rows:auto}
  .r5 .aif6-coach-body > p{max-width:40rem}
  .r5 .aif6-coach-vis{max-width:860px;margin-top:clamp(40px,5vw,56px);align-self:start}
}
/* 1000 down: the plate becomes a top strip, head stacks */
@media (max-width:999px){
  .r5 .aif6{padding-top:0}
  .r5 .aif6-plate{position:relative;width:100%;height:auto;aspect-ratio:16/9;
    -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);-webkit-mask-composite:source-over;mask-composite:add}
  .r5 .aif6-plate img{object-position:50% 55%}
  .r5 .aif6 > .wrap{margin-top:-56px}
  .r5 .aif6-top{grid-template-columns:1fr;min-height:0;gap:40px}
  .r5 .aif6-copy{max-width:36rem}
  .r5 .aif6-stage{justify-content:center;padding-left:0}
  .r5 .aif6-phone .iph{--pw:280px}
  .r5 .aif6-glass{margin-top:0;align-self:center}
}
/* below 768: heading, the coach view, the text, then the button */
@media (max-width:767px){
  .r5 .aif6-coach{grid-template-areas:"head" "vis" "body"}
  .r5 .aif6-coach-vis{margin-top:28px}
  .r5 .aif6-coach-body{margin-top:8px}
}
/* phones: glass card floats on the photo strip, phone centred, steps scroll with a position cue */
@media (max-width:699px){
  .r5 .aif6-plate{aspect-ratio:800/620}
  .r5 .aif6-plate .aif6-pd{display:none}.r5 .aif6-plate .aif6-pm{display:block}
  .r5 .aif6-plate img{object-position:50% 50%}
  .r5 .aif6 > .wrap{margin-top:-40px}
  .r5 .aif6 > .wrap{position:static}
  .r5 .aif6-copy{position:relative;z-index:2}
  .r5 .aif6-stage{position:static;flex-direction:column}
  .r5 .aif6-phone,.r5 .aif6-how,.r5 .aif6-pull,.r5 .aif6-coach{position:relative;z-index:2}
  .r5 .aif6-phone .iph{--pw:min(272px,76vw)}
  .r5 .aif6-glass{position:absolute;z-index:3;top:16px;left:14px;width:min(186px,49cqw);margin:0;padding:13px 14px 14px;border-radius:20px}
  .r5 .aif6-g-h{font-size:12px}
  .r5 .aif6-g-num{font-size:52px;margin-top:4px!important}
  .r5 .aif6-g-num small{font-size:14px;margin-left:4px}
  .r5 .aif6-g-range{font-size:12px;padding:4px 9px;margin-top:8px!important}
  .r5 .aif6-g-mac{display:none}
  .r5 .aif6-scroll{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 clamp(18px,4vw,40px);overscroll-behavior-x:contain;
    margin:0 calc(-1 * clamp(18px,4vw,40px));padding:4px clamp(18px,4vw,40px) 14px;scrollbar-width:none;border-radius:0}
  .r5 .aif6-scroll::-webkit-scrollbar{display:none}
  .r5 .aif6-scroll:focus-visible{outline-offset:-3px}
  .r5 .aif6-steps{display:flex;gap:12px}
  .r5 .aif6-steps::after{content:"";flex:0 0 1px}
  .r5 .aif6-step{flex:0 0 84%;scroll-snap-align:start}
  .r5 .aif6-step .aif6-long{display:none}
  .r5 .aif6-step .aif6-short{display:block}
  .r5 .aif6-pull{font-size:24px;line-height:1.32;padding:28px 4px}
  .r5 .aif6-cta .btn{width:100%}
}
@media (max-width:359px){.r5 .aif6-g-num{font-size:44px}.r5 .aif6-pull{font-size:22px}}

/* coach view (Development > Nutrition), drawn in HTML so it stays sharp at every width */
.r5 .aif6-cv{padding:clamp(12px,1.6vw,20px);background:#f6f5ef;font-family:'DM Sans Var','DM Sans',sans-serif;color:#14261d;font-size:15px;line-height:1.35}
.r5 .aif6-cv svg{flex:none;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.r5 .aif6-cv p{margin:0}
.r5 .aif6-cv-h,.r5 .aif6-cv-row{display:flex;align-items:center;gap:12px}
.r5 .aif6-cv-h{padding:4px 6px 14px}
.r5 .aif6-cv-h > b{font-size:17px;font-weight:600}
.r5 .aif6-cv-ico,.r5 .aif6-cv-sp{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#dfe9e2;color:#2f6b52;font-size:18px}
.r5 .aif6-cv-sp{width:30px;height:30px;margin-left:2px;border-radius:9px;background:#eef3ee;font-size:15px}
.r5 .aif6-cv-mac{display:inline-flex;gap:12px;font-size:14px;color:#7d8780;white-space:nowrap}
.r5 .aif6-cv-h .aif6-cv-mac{margin-left:auto}
.r5 .aif6-cv-mac span{display:inline-flex;align-items:center;gap:4px}
.r5 .aif6-cv-mac span::before{content:"";width:6px;height:6px;margin-right:2px;border-radius:50%;background:var(--c)}
.r5 .aif6-cv-mac b{font-weight:600;color:#14261d}
.r5 .aif6-cv-k{flex:none;font-size:13.5px;color:#7d8780;white-space:nowrap}
.r5 .aif6-cv-k b{font-size:16px;font-weight:600;color:#14261d}
.r5 .aif6-cv-row{align-items:flex-start;padding:16px 6px 14px;border-top:1px solid rgba(20,38,29,.09);background:#fff;margin:0 -6px;padding-inline:12px;border-radius:14px 14px 0 0}
.r5 .aif6-cv-t{flex:1 1 auto;min-width:0}
.r5 .aif6-cv-t > b{display:block;font-size:16px;font-weight:600}
.r5 .aif6-cv-t p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px}
.r5 .aif6-cv-tag{font-style:normal;padding:2px 9px;border-radius:99px;background:#e3efe7;color:#2f6b52;font-size:12.5px;font-weight:600}
.r5 .aif6-cv-d{display:grid;grid-template-columns:clamp(72px,9vw,104px) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);margin:0 -6px;padding:16px clamp(12px,1.6vw,18px) 18px;background:#fff;border-radius:0 0 14px 14px}
.r5 .aif6-cv-d > img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
.r5 .aif6-cv-b{min-width:0;padding:14px 16px 16px;border-radius:12px;background:#f6f5ef}
.r5 .aif6-cv-est{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#2f6b52}
.r5 .aif6-cv-b ul{list-style:none;margin:10px 0 0;padding:0}
.r5 .aif6-cv-b li{display:flex;justify-content:space-between;gap:14px;padding:3.5px 0;font-size:14.5px;color:#33443b}
.r5 .aif6-cv-b li span:last-child{flex:none;color:#7d8780;font-variant-numeric:tabular-nums}
.r5 .aif6-cv-as{font-style:normal;margin-left:6px;padding:1px 8px;border-radius:99px;background:#fceebb;color:#8a5a00;font-size:12px;font-weight:600;white-space:nowrap}
.r5 .aif6-cv-cor{display:flex;align-items:center;gap:8px;margin-top:12px!important;font-size:14.5px;font-weight:600}
.r5 .aif6-cv-q{margin-top:4px!important;font-size:14.5px;color:#33443b}
@media (max-width:599px){
  .r5 .aif6-cv{font-size:14px}
  .r5 .aif6-cv-h .aif6-cv-mac{display:none}
  .r5 .aif6-cv-h .aif6-cv-k{margin-left:auto}
  .r5 .aif6-cv-row .aif6-cv-k{display:none}
  .r5 .aif6-cv-d{grid-template-columns:1fr}
  .r5 .aif6-cv-d > img{aspect-ratio:2.5/1;object-position:center 42%}
  .r5 .aif6-cv-b{padding:12px 13px 14px}
  .r5 .aif6-cv-b li{font-size:13.5px}
}

/* ---- nutrition ---- */
/* r6 nutrition (paper): the r5 recipe film strip, then the Turkey chili recipe from the N page restyled into the r5 language.
   Everything scoped under .r5 .nu6. The strip reuses the kit/r5 .strip look; the arrows are .nu6-nav (JS in nutrition.js). */
.r5 .nu6{--nu-ink:#0f2a1f;--nu-soft:#4a5a51;--nu-mute:#5b6a62;--nu-line:rgba(15,42,31,.1);--nu-green:#2f6b52;--nu-forest:#33745a;
  --nu-card:0 0 0 1px rgba(15,42,31,.07),0 20px 40px -30px rgba(15,42,31,.45)}

/* ---------- head + strip ---------- */
.r5 .nu6-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.r5 .nu6-nav{display:flex;gap:10px}
.r5 .nu6-nav button{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--nu-ink);display:grid;place-items:center;cursor:pointer;
  box-shadow:0 0 0 1px rgba(15,42,31,.12),0 8px 20px -12px rgba(15,42,31,.4);transition:transform .3s var(--ease-spring),opacity .25s}
.r5 .nu6-nav button:disabled{opacity:.38;cursor:default}
.r5 .nu6-nav button:focus-visible{outline:2px solid var(--nu-forest);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.r5 .nu6-nav button:not(:disabled):hover{transform:scale(1.06)}}
.r5 .nu6-nav svg{width:18px;height:18px}
.r5 .nu6 .strip:focus-visible{outline:2px solid var(--nu-forest);outline-offset:4px;border-radius:24px}
.r5 .nu6 .strip .cal small{text-transform:none}
.r5 .nu6-note{margin:8px 0 0;font-size:13px;color:#6a776f}

/* rail: the strip bleeds to both edges of the cream sheet; the first card stays on the content column
   (--nu-bleed = the distance from the content edge to the sheet edge, measured against the section container) */
.r5 .nu6{container-type:inline-size}
.r5 .nu6-rail{--nu-bleed:calc((100cqw - min(var(--wrap,79rem),100cqw)) / 2 + clamp(18px,4vw,40px));position:relative;margin:40px calc(-1 * var(--nu-bleed)) 0}
.r5 .nu6-rail .strip{margin:0;padding-inline:var(--nu-bleed);scroll-padding-inline:var(--nu-bleed)}
.r5 .nu6-rail::before,.r5 .nu6-rail::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:clamp(56px,9vw,180px);pointer-events:none;opacity:0;transition:opacity .3s}
.r5 .nu6-rail::before{left:0;background:linear-gradient(90deg,var(--paper,#ecede4),rgba(236,237,228,0))}
.r5 .nu6-rail::after{right:0;background:linear-gradient(270deg,var(--paper,#ecede4) 8%,rgba(236,237,228,0))}
@media (min-width:1024px){
  .r5 .nu6-rail:not([data-at=end])::after{opacity:1}
  .r5 .nu6-rail:not([data-at=start])::before{opacity:1}
}

/* position cue on phones (the arrows are hidden there) */
.r5 .nu6-dots{display:none}

/* ---------- demo: recipe card + shopping list ---------- */
.r5 .nu6-demo{display:grid;gap:18px;margin-top:clamp(56px,7vw,96px);align-items:stretch}
.r5 .nu6-demo>*{min-width:0}
.r5 .nu6-recipe,.r5 .nu6-shop{background:#fff;border-radius:22px;box-shadow:var(--nu-card)}
.r5 .nu6-recipe{overflow:hidden;display:flex;flex-direction:column}
.r5 .nu6-img{position:relative;aspect-ratio:2/1;overflow:hidden;background:#dfe0d6}
.r5 .nu6-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.r5 .nu6-img::after{content:"";position:absolute;inset:0 0 auto 0;height:40%;background:linear-gradient(180deg,rgba(5,16,12,.38),transparent);pointer-events:none}
.r5 .nu6-tag{position:absolute;z-index:1;top:14px;left:14px;font-size:12.5px;font-weight:500;color:#fff;padding:6px 12px;border-radius:99px;
  background:rgba(15,42,31,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(255,255,255,.22) inset}
.r5 .nu6-tag2{position:absolute;z-index:1;right:14px;bottom:14px;font-size:12px;font-weight:500;color:var(--nu-soft);padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.86)}
.r5 .nu6-body{padding:24px 22px 24px;flex:1}
.r5 .nu6-meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--nu-green)}
.r5 .nu6-recipe h3{margin:6px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:clamp(30px,3vw,42px);line-height:1.04;letter-spacing:-.04em;color:var(--nu-ink)}

/* macros: thin display numerals in a hairline row (like the r5 units row) */
.r5 .nu6-macros{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;margin:20px 0 0;border-top:1px solid var(--nu-line);border-bottom:1px solid var(--nu-line)}
.r5 .nu6-macros>div{padding:14px 0 12px 14px;min-width:0}
.r5 .nu6-macros>div:first-child{padding-left:0}
.r5 .nu6-macros>div+div{border-left:1px solid var(--nu-line)}
.r5 .nu6-macros dt{font-size:12px;font-weight:500;color:var(--nu-mute);display:flex;align-items:center;gap:6px;white-space:nowrap}
.r5 .nu6-macros dt::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c,#0f2a1f);flex:none}
.r5 .nu6-macros dd{margin:4px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:clamp(26px,2.4vw,34px);line-height:1;letter-spacing:-.04em;color:var(--nu-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.r5 .nu6-macros dd small{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;letter-spacing:0;color:var(--nu-mute);margin-left:4px}
.r5 .nu6-mk{--c:#0f2a1f}.r5 .nu6-mp{--c:#e07a3e}.r5 .nu6-mc{--c:#33745a}.r5 .nu6-mf{--c:#e6a53c}

/* servings slider */
.r5 .nu6-port{margin:20px 0 16px;padding:16px 18px 10px;border-radius:18px;background:#f5f4ef;box-shadow:0 0 0 1px rgba(15,42,31,.05) inset}
.r5 .nu6-ptop{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.r5 .nu6-ptop label{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--nu-soft)}
.r5 .nu6-pval{font-size:16px;font-weight:600;color:var(--nu-ink);font-variant-numeric:tabular-nums}
.r5 .nu6-pval small{font-weight:500;font-size:13px;color:var(--nu-mute);margin-left:8px}
.r5 .nu6-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:4px 0 0;background:transparent;cursor:pointer;--f:71.4%;touch-action:pan-y}
.r5 .nu6-range:focus{outline:none}
.r5 .nu6-range::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--nu-forest) var(--f),rgba(15,42,31,.12) var(--f))}
.r5 .nu6-range::-moz-range-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--nu-forest) var(--f),rgba(15,42,31,.12) var(--f))}
.r5 .nu6-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;border:0;background:#fff;
  box-shadow:0 0 0 2px var(--nu-forest),0 6px 14px -4px rgba(15,42,31,.45)}
.r5 .nu6-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 2px var(--nu-forest),0 6px 14px -4px rgba(15,42,31,.45)}
.r5 .nu6-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--nu-forest),0 0 0 6px rgba(51,116,90,.28)}
.r5 .nu6-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--nu-forest),0 0 0 6px rgba(51,116,90,.28)}
.r5 .nu6-scale{display:flex;justify-content:space-between;padding:0 10px;font-size:12px;color:#6a776f;font-variant-numeric:tabular-nums}

/* ingredients */
.r5 .nu6-lab{margin:0 0 4px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--nu-soft)}
.r5 .nu6-ilist{list-style:none;margin:0;padding:0}
.r5 .nu6-ilist li{padding:9px 0;border-bottom:1px solid rgba(15,42,31,.07);font-size:15.5px;line-height:1.4;color:var(--nu-soft)}
.r5 .nu6-ilist li:last-child{border-bottom:0}
.r5 .nu6-ilist b{font-weight:600;color:var(--nu-ink);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 3px;margin:0 -3px;transition:background .35s}
.r5 .nu6 .bump{background:rgba(143,227,176,.55)}
.r5 .nu6-more{display:none}

/* toggle (phones and tablets only) */
.r5 .nu6-pv{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 12px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(15,42,31,.1),0 10px 30px -18px rgba(15,42,31,.4)}
.r5 .nu6-pv button{min-height:44px;border-radius:99px;font-size:14.5px;font-weight:500;color:var(--nu-soft);cursor:pointer;transition:background .25s,color .25s}
.r5 .nu6-pv button[aria-pressed=true]{background:var(--nu-ink);color:#fff}
.r5 .nu6-pv button:focus-visible{outline:2px solid var(--nu-forest);outline-offset:2px}
.r5 .nu6-pv + .nu6-ing .nu6-lab{display:none}

/* shopping list */
.r5 .nu6-shop{padding:26px 24px 22px;display:flex;flex-direction:column}
.r5 .nu6-shead{display:flex;align-items:center;gap:14px}
.r5 .nu6-bi{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;color:var(--nu-forest);background:#eef3ee;box-shadow:0 0 0 1px rgba(51,116,90,.14) inset}
.r5 .nu6-bi svg{width:21px;height:21px}
.r5 .nu6-shead b{display:block;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:400;font-size:24px;letter-spacing:-.03em;color:var(--nu-ink);line-height:1.1}
.r5 .nu6-shead span span{display:block;margin-top:2px;font-size:13.5px;color:var(--nu-mute)}
.r5 .nu6-prog{margin:18px 0 10px}
.r5 .nu6-count{margin:0 0 8px;font-size:13.5px;font-weight:500;color:var(--nu-soft);font-variant-numeric:tabular-nums}
.r5 .nu6-count.done{color:var(--nu-forest)}
.r5 .nu6-bar{display:block;height:4px;border-radius:99px;background:rgba(15,42,31,.08);overflow:hidden}
.r5 .nu6-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--nu-forest);transition:width .45s var(--ease-out)}
.r5 .nu6-slist fieldset{border:0;margin:0;padding:0;min-width:0}
.r5 .nu6-slist fieldset+fieldset{margin-top:12px}
.r5 .nu6-slist legend{padding:0;margin:0 0 2px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--nu-green)}
.r5 .nu6-si{display:grid;grid-template-columns:24px 7.6em minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:3px 0;border-bottom:1px solid rgba(15,42,31,.07);font-size:15px;cursor:pointer}
.r5 .nu6-si:last-child{border-bottom:0}
.r5 .nu6-si input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.r5 .nu6-box{width:22px;height:22px;border-radius:7px;border:1.6px solid rgba(15,42,31,.28);display:grid;place-items:center;color:transparent;transition:background .25s,border-color .25s}
.r5 .nu6-box svg{width:13px;height:13px}
.r5 .nu6-si input:checked + .nu6-box{background:var(--nu-forest);border-color:var(--nu-forest);color:#fff}
.r5 .nu6-si input:focus-visible + .nu6-box{outline:2px solid var(--nu-forest);outline-offset:3px}
.r5 .nu6-qty{text-align:center;background:#f2f2ec;border-radius:9px;padding:3px 8px;font-size:13.5px;font-weight:600;color:var(--nu-ink);font-variant-numeric:tabular-nums;transition:background .35s}
.r5 .nu6-nm{min-width:0;color:var(--nu-ink)}
.r5 .nu6-nm small{margin-left:6px;font-size:12.5px;color:var(--nu-mute);white-space:nowrap}
.r5 .nu6-si input:checked ~ .nu6-nm{text-decoration:line-through;text-decoration-color:rgba(15,42,31,.4);color:#7b877f}
@media (hover:hover) and (pointer:fine){.r5 .nu6-si:hover .nu6-box{border-color:var(--nu-forest)}}

.r5 .nu6-sfoot{list-style:none;margin:0;padding:18px 0 0;display:grid;gap:4px;border-top:1px solid var(--nu-line)}
.r5 .nu6-slist{margin-bottom:22px}
.r5 .nu6-sfoot li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--nu-soft)}
.r5 .nu6-sfoot svg{width:16px;height:16px;flex:none;color:var(--nu-forest)}

/* ---------- facts pair (the two things the demo does not show) ---------- */
.r5 .nu6-facts{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--nu-line)}
.r5 .nu6-facts li{padding:22px 24px 4px;min-width:0}
.r5 .nu6-facts li:first-child{padding-left:0}
.r5 .nu6-facts li+li{border-left:1px solid var(--nu-line)}
.r5 .nu6-facts b{display:block;font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:var(--nu-ink)}
.r5 .nu6-facts span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--nu-mute)}

/* ---------- responsive ---------- */
@media (min-width:960px){
  .r5 .nu6-demo{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px}
  .r5 .nu6-pv{display:none}
  .r5 .nu6-pv + .nu6-ing .nu6-lab{display:block}
  .r5 .nu6-body{padding:28px 32px 30px}
  .r5 .nu6-shop{padding:30px 32px 26px}
  .r5 .nu6-img{aspect-ratio:16/7}
  .r5 .nu6-si{min-height:48px}
  .r5 .nu6-slist fieldset+fieldset{margin-top:16px}
  .r5 .nu6-sfoot{gap:8px;padding-top:20px}
  /* both cards end level: the aisles share the spare height, the helper lines sit right under the list */
  .r5 .nu6-slist{flex:1 1 auto;display:flex;flex-direction:column;gap:16px}
  .r5 .nu6-slist fieldset+fieldset{margin-top:0}
  .r5 .nu6-slist fieldset{display:flex;flex-direction:column;flex:var(--n,1) 1 auto}
  .r5 .nu6-si{flex:1 1 auto}
  /* the pair lines up with the two cards above it */
  .r5 .nu6-facts{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:22px}
  .r5 .nu6-facts li{padding:24px 32px 4px 0}
  .r5 .nu6-facts li+li{border-left:0;padding-left:32px;box-shadow:-11px 0 0 -10px var(--nu-line)}
}
@media (min-width:560px) and (max-width:959px){.r5 .nu6-img{aspect-ratio:16/7}}
@media (max-width:959px){
  .r5 .nu6[data-view=shop] .nu6-ing{display:none}
  .r5 .nu6:not([data-view=shop]) .nu6-shop{display:none}
  .r5 .nu6-demo{gap:0}
  /* the list joins the card visually when shown */
  .r5 .nu6[data-view=shop] .nu6-recipe{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 1px rgba(15,42,31,.07)}
  .r5 .nu6[data-view=shop] .nu6-recipe .nu6-body{padding-bottom:4px}
  .r5 .nu6[data-view=shop] .nu6-shop{border-top-left-radius:0;border-top-right-radius:0;padding-top:4px}
  .r5 .nu6[data-view=shop] .nu6-shead{display:none}
}
@media (max-width:699px){
  .r5 .nu6-ilist:not(.open) li:nth-child(n+5){display:none}
  .r5 .nu6-ilist:not(.open) li:nth-child(4){border-bottom:1px solid rgba(15,42,31,.07)}
  .r5 .nu6-more{display:inline-flex;align-items:center;min-height:44px;margin-top:2px;font-size:15px;font-weight:500;color:var(--nu-green);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .r5 .nu6-more:focus-visible{outline:2px solid var(--nu-forest);outline-offset:2px;border-radius:4px}
}
@media (max-width:559px){
  .r5 .nu6-head{flex-direction:column;align-items:stretch;gap:20px}
  .r5 .nu6-nav{display:none}
  .r5 .nu6-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:2px 0 0;height:12px}
  .r5 .nu6-dots i{display:block;width:6px;height:6px;border-radius:99px;background:rgba(15,42,31,.2);transition:width .3s var(--ease-out),background .3s}
  .r5 .nu6-dots i.on{width:20px;background:var(--nu-forest)}
  .r5 .nu6-img{aspect-ratio:5/3}
  .r5 .nu6-body{padding:20px 18px 20px}
  .r5 .nu6-macros{grid-template-columns:repeat(4,minmax(0,1fr))}
  .r5 .nu6-macros>div{padding-left:10px}
  .r5 .nu6-macros dt{font-size:12px}
  .r5 .nu6-macros dd{font-size:24px}
  .r5 .nu6-macros dd small{font-size:12px;margin-left:2px}
  .r5 .nu6-mk dt span{display:none}
  .r5 .nu6-port{padding:14px 14px 8px}
  .r5 .nu6-shop{padding-left:18px;padding-right:18px}
  .r5 .nu6-si{grid-template-columns:24px 6.4em minmax(0,1fr);gap:10px}
  .r5 .nu6-ilist li{padding:8px 0;font-size:15px}
  .r5 .nu6-facts{grid-template-columns:1fr}
  .r5 .nu6-facts li:nth-child(n){padding:18px 0 2px;border-left:0;margin-top:0}
  .r5 .nu6-facts li:nth-child(n+2){border-top:1px solid var(--nu-line);margin-top:16px}
}
@media (max-width:419px){
  .r5 .nu6-macros{grid-template-columns:1fr 1fr}
  .r5 .nu6-macros>div:nth-child(n){padding:12px 0 10px 14px}
  .r5 .nu6-macros>div:nth-child(odd){padding-left:0;border-left:0}
  .r5 .nu6-macros>div:nth-child(n+3){border-top:1px solid var(--nu-line)}
  .r5 .nu6-pval small{display:block;margin:2px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .r5 .nu6-bar i,.r5 .nu6-ilist b,.r5 .nu6-qty,.r5 .nu6-nav button,.r5 .nu6-dots i,.r5 .nu6-rail::before,.r5 .nu6-rail::after{transition:none}
}

/* ---- logging ---- */
/* r6 logging (lead): N page search + photo diary rules, scoped under .r5 .lg6 */
.r5 .lg6 .meta-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 16px;padding:14px 0;border-top:1px solid var(--line);
  margin-bottom:clamp(26px,4vw,56px);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.r5 .lg6 .meta-row .mk{display:flex;align-items:center;gap:12px}
.r5 .lg6 .meta-row .mk::before{content:"";width:24px;height:1px;background:var(--green);opacity:.6;flex:none}
.r5 .lg6 .sec--forest .meta-row .mk::before{background:var(--sun)}
.r5 .lg6 .meta-row .folio{font-weight:500}
.r5 .lg6 .sec--forest .meta-row{border-color:var(--line-dark);color:rgba(228,231,213,.72)}
.r5 .lg6 .body{font-size:17.5px;line-height:1.6;color:var(--ink-soft);max-width:33em;margin:18px 0 0}
.r5 .lg6 .body strong{color:var(--forest);font-weight:600}
.r5 .lg6 .sec--forest .body{color:rgba(228,231,213,.84)}
.r5 .lg6 .sec--forest .body strong{color:#fff;font-weight:500}
.r5 .lg6 .grid-2{display:grid;gap:34px}
.r5 .lg6 .grid-2>*{min-width:0}
.r5 .lg6 .fig{display:flex;gap:10px;align-items:baseline;margin:16px 0 0;font-size:13px;color:var(--ink-mute)}
.r5 .lg6 .fig i{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:16px;color:var(--forest-2);flex:none}
.r5 .lg6 .txt-btn{font-size:14px;font-weight:500;color:var(--forest-2);text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:0 6px;display:inline-flex;align-items:center}
.r5 .lg6 .iph-scr{background:var(--app-cream);color:#1c2b22}
.r5 .lg6 .tabbar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;background:rgba(243,241,235,.95);border-top:1px solid rgba(17,38,28,.06);padding:2.4cqw 3cqw 7.4cqw}
.r5 .lg6 .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1cqw;font-size:max(9px,2.9cqw);font-weight:500;color:#65756b}
.r5 .lg6 .tab svg{width:6cqw;height:6cqw}
.r5 .lg6 .tab.on{color:var(--forest-2);font-weight:600}
.r5 .lg6 svg:has(> use){width:1.2em;height:1.2em;flex:none}
.r5 .lg6 .search-panel{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:20px 16px 18px}
.r5 .lg6 .sp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.r5 .lg6 .pill{background:var(--sage-2);border-radius:999px;padding:4px 12px;color:var(--forest-2);letter-spacing:.02em;text-transform:none;font-size:12.5px;font-weight:600;white-space:nowrap}
.r5 .lg6 .search-bar{position:relative;display:flex;align-items:center;gap:10px;background:var(--cream-2);border:2px solid transparent;border-radius:999px;padding:6px 6px 6px 16px;transition:border-color .3s,box-shadow .3s}
.r5 .lg6 .search-bar:focus-within{border-color:var(--forest-2);box-shadow:0 0 0 5px rgba(31,85,63,.1)}
.r5 .lg6 .search-bar>svg{width:20px;height:20px;flex:none;color:#6f7d73}
.r5 .lg6 .search-bar input{flex:1;min-width:0;height:44px;border:0;background:none;outline:none;font:inherit;font-size:17px;color:var(--ink)}
.r5 .lg6 .search-bar input::placeholder{color:#7f8b83}
.r5 .lg6 .search-bar .scan{width:40px;height:40px;flex:none;border-radius:50%;background:var(--forest);display:grid;place-items:center;color:var(--cream)}
.r5 .lg6 .search-bar .scan svg{width:18px;height:18px}
.r5 .lg6 .results{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;min-height:280px}
.r5 .lg6 .res{display:flex;align-items:center;gap:12px;background:var(--cream);border-radius:16px;padding:10px 10px 10px 12px;animation:resin .35s var(--ease-out) both}
@keyframes resin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.r5 .lg6 .res .ico{width:40px;height:40px;flex:none;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--forest-2);box-shadow:0 1px 4px rgba(17,38,28,.08)}
.r5 .lg6 .res .ico svg{width:21px;height:21px}
.r5 .lg6 .res .t{flex:1;min-width:0}
.r5 .lg6 .res .t b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.r5 .lg6 .res .t span{display:block;font-size:13px;color:var(--ink-soft);line-height:1.35}
.r5 .lg6 .res .t em{font-style:normal;font-size:12px;font-weight:500;color:var(--green);margin-left:8px}
.r5 .lg6 .res .kc{text-align:right;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.1;flex:none}
.r5 .lg6 .res .kc small{display:block;font-weight:400;font-size:12px;color:var(--ink-soft)}
.r5 .lg6 .res .add{width:44px;height:44px;flex:none;border-radius:50%;background:var(--sage-2);color:var(--forest);display:grid;place-items:center;transition:background .25s,transform .3s var(--ease-spring)}
.r5 .lg6 .res .add svg{width:14px;height:14px}
.r5 .lg6 .res .add .ck{display:none}
.r5 .lg6 .res .add[aria-pressed=true]{background:var(--sun)}
.r5 .lg6 .res .add[aria-pressed=true] .pl{display:none}
.r5 .lg6 .res .add[aria-pressed=true] .ck{display:block}
@media (hover:hover) and (pointer:fine){.r5 .lg6 .res .add:hover{background:var(--forest);color:var(--cream)}
}
.r5 .lg6 .no-res{padding:28px 10px;text-align:center;color:var(--ink-soft);font-size:15px}
.r5 .lg6 .tally{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;background:var(--forest);color:#fff;border-radius:999px;padding:13px 22px;font-weight:500;font-size:15px}
.r5 .lg6 .tally b{color:var(--sun);font-weight:600;font-variant-numeric:tabular-nums}
.r5 .lg6 .tally .nw{white-space:nowrap}
.r5 .lg6 .log-copy .ticks{margin-top:24px}
@media (max-width:559px){.r5 .lg6 .meta-row .folio{display:none}
.r5 .lg6 .meta-row{margin-bottom:16px;padding:11px 0}
.r5 .lg6 .body{font-size:17px;margin-top:14px}
}
@media (min-width:700px){.r5 .lg6 .search-panel{padding:26px}
}
@media (min-width:960px){.r5 .lg6 .grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,90px);align-items:center}
}
.r5 .lg6 .tally .t-hint{display:none}
.r5 .lg6 .tally.empty{background:var(--cream-2);color:var(--forest-2);box-shadow:inset 0 0 0 1px rgba(31,85,63,.18)}
.r5 .lg6 .tally.empty .t-lab,.r5 .lg6 .tally.empty .t-val{display:none}
.r5 .lg6 .tally.empty .t-hint{display:inline}
.r5 .lg6 .res .t .kc-m{display:none}
@media (max-width:479px){.r5 .lg6 .res{gap:10px}
.r5 .lg6 .res .ico{width:36px;height:36px}
.r5 .lg6 .res .kc{display:none}
.r5 .lg6 .res .t .kc-m{display:inline;white-space:nowrap}
}
@media (max-width:379px){.r5 .lg6 .res{padding:10px 8px 10px 10px}
.r5 .lg6 .res .t b{font-size:14.5px}
.r5 .lg6 .res .add{width:42px;height:42px}
}
.r5 .lg6 .snap-grid{display:grid;gap:36px}
.r5 .lg6 .snap-grid>*{min-width:0}
.r5 .lg6 .pullq{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--hair);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.r5 .lg6 .pullq .mark{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:clamp(64px,8vw,112px);line-height:.6;color:var(--sun-3);transform:translateY(.28em)}
.r5 .lg6 .pullq p{margin:0;font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:clamp(26px,3.2vw,44px);line-height:1.12;letter-spacing:-.02em;max-width:20ch;color:var(--forest)}
.r5 .lg6 .snap-stage{display:flex;flex-direction:column;align-items:center}
.r5 .lg6 .sp{--pw:min(280px,72vw)}
.r5 .lg6 .plog{position:absolute;left:0;right:0;top:12.4cqw;bottom:21cqw;display:flex;flex-direction:column;padding:1cqw 4.6cqw 0}
.r5 .lg6 .plog .thread{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding-bottom:2cqw;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 6cqw);mask-image:linear-gradient(180deg,transparent,#000 6cqw)}
.r5 .lg6 .plog .thread>*,.r5 .lg6 .plog-head{flex:none}
.r5 .lg6 .plog .today .ph{width:72%}
.r5 .lg6 .plog .today .ph img{aspect-ratio:1/.8}
.r5 .lg6 .plog-head{display:flex;align-items:center;gap:3cqw;padding:1.4cqw 0 3.4cqw}
.r5 .lg6 .plog-head .bk{width:9cqw;height:9cqw;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(17,38,28,.08);font-size:5cqw;color:var(--forest-2)}
.r5 .lg6 .plog-head b{font-size:5.4cqw;font-weight:600;flex:1}
.r5 .lg6 .plog-head .pl2{font-size:3.3cqw;font-weight:600;background:var(--sage-2);color:var(--forest-2);border-radius:999px;padding:1.2cqw 3cqw}
.r5 .lg6 .plog .dday{display:block;width:max-content;margin:0 auto 3cqw;font-size:max(9px,3cqw);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:rgba(16,35,26,.06);border-radius:999px;padding:1.2cqw 3.2cqw}
.r5 .lg6 .plog .ph{width:84%;border-radius:5cqw 5cqw 5cqw 1.6cqw;overflow:hidden;box-shadow:0 10px 26px -12px rgba(16,35,26,.4);transition:opacity .5s var(--ease-out),transform .6s var(--ease-spring)}
.r5 .lg6 .plog .ph img{width:100%;aspect-ratio:1/.86;object-fit:cover}
.r5 .lg6 .plog .note{width:max-content;max-width:84%;margin:2.6cqw 0 0;background:var(--forest);color:var(--cream);font-size:3.6cqw;line-height:1.4;padding:2.4cqw 3.4cqw;border-radius:1.4cqw 4cqw 4cqw 4cqw;transition:opacity .45s,transform .5s var(--ease-spring)}
.r5 .lg6 .plog .meta{margin:1.4cqw 0 0;font-size:max(9px,2.9cqw);color:var(--ink-soft);transition:opacity .4s}
.r5 .lg6 .plog .slot2{display:grid;margin:3cqw 0 0}
.r5 .lg6 .plog .slot2>*{grid-area:1/1}
.r5 .lg6 .plog .typing{display:flex;gap:1.2cqw;align-self:end;justify-self:end;margin-right:10cqw;background:#fff;border:1px solid var(--line-soft);border-radius:4cqw 1.4cqw 4cqw 4cqw;padding:3cqw 3.4cqw;opacity:0;transition:opacity .3s}
.r5 .lg6 .plog .typing i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#9db3a6}
.r5 .lg6 .plog .typing.on{opacity:1}
.r5 .lg6 .plog .reply{display:flex;gap:2cqw;align-items:flex-end;justify-content:flex-end;transition:opacity .45s,transform .5s var(--ease-spring)}
.r5 .lg6 .plog .reply p{margin:0;max-width:78%;background:#fff;border:1px solid var(--line-soft);border-radius:4cqw 1.4cqw 4cqw 4cqw;padding:2.4cqw 3.4cqw;font-size:3.6cqw;line-height:1.4}
.r5 .lg6 .plog .reply span{flex:none;width:8cqw;height:8cqw;border-radius:50%;background:var(--sun);color:var(--forest);display:grid;place-items:center;font-size:max(9px,2.8cqw);font-weight:600}
.r5 .lg6 .plog .prev{margin-bottom:4cqw;padding-bottom:4cqw;border-bottom:1px solid rgba(17,38,28,.07)}
.r5 .lg6 .plog .prev .ph{width:56%}
.r5 .lg6 .plog .prev .ph img{aspect-ratio:1/.7}
.r5 .lg6 .plog .prev .note{background:#fff;color:#1c2b22;border:1px solid var(--line-soft)}
.r5 .lg6 .plog .prev .seen{display:flex;align-items:center;gap:1.4cqw;margin:1.6cqw 0 0;font-size:max(9px,2.9cqw);color:#5d6d62}
.r5 .lg6 .plog .prev .seen b{display:inline-grid;place-items:center;width:5cqw;height:5cqw;border-radius:50%;background:var(--sun);color:var(--forest);font-size:max(9px,2.6cqw)}
.r5 .lg6 .plog-input{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:3cqw 4.6cqw 9cqw;background:linear-gradient(180deg,rgba(239,237,231,0),var(--app-cream) 28%);display:flex;align-items:center;gap:2cqw}
.r5 .lg6 .plog-input span{flex:1;background:#fff;border-radius:999px;padding:2.8cqw 4cqw;font-size:3.6cqw;color:#8a968e;box-shadow:0 2px 8px rgba(17,38,28,.05)}
.r5 .lg6 .plog-input i{width:9cqw;height:9cqw;border-radius:50%;background:var(--forest-2);display:grid;place-items:center;color:#fff;font-style:normal}
.r5 .lg6 .plog-input i svg{width:4cqw;height:4cqw}
.js .r5 .lg6 .plog.pre .today .ph{opacity:0;transform:translateY(14px) scale(.94)}
.js .r5 .lg6 .plog.pre .today .note,.js .r5 .lg6 .plog.pre .today .reply{opacity:0;transform:translateY(10px)}
.js .r5 .lg6 .plog.pre .today .meta{opacity:0}
.r5 .lg6 .snap-ctl{margin-top:14px}
@media (max-width:559px){.r5 .lg6 .meta-row .folio{display:none}
.r5 .lg6 .meta-row{margin-bottom:16px;padding:11px 0}
.r5 .lg6 .body{font-size:17px;margin-top:14px}
}
@media (min-width:960px){.r5 .lg6 .snap-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,90px);align-items:center}
.r5 .lg6 .sp{--pw:300px}
}

/* ---- r6 layer (lead): the sage block in the r5 language, two equal columns ---- */
.r5 main > section.sage.lg6{background:#e4e8dc}
.r5 .lg6{--sage-2:#dfe8de}
.r5 .lg6-head{max-width:46rem}
.r5 .lg6-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:48px}
.r5 .lg6-col{display:flex;flex-direction:column;background:rgba(255,255,255,.52);border-radius:28px;padding:28px 26px 30px;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 30px 60px -40px rgba(15,42,31,.35)}
.r5 .lg6-tag{margin:0;font:500 12.5px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2f6b52}
.r5 .lg6-col h3{margin:14px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:350;font-size:clamp(24px,2.3vw,32px);line-height:1.12;letter-spacing:-.03em;color:#0f2a1f}
.r5 .lg6-txt{margin:12px 0 0;max-width:34rem;font-size:16px;line-height:1.6;color:#4a5a51}
.r5 .lg6 .search-panel{margin-top:26px;border-radius:22px;box-shadow:0 0 0 1px rgba(15,42,31,.06),0 24px 50px -34px rgba(15,42,31,.45)}
.r5 .lg6 .lg6-fig{margin:14px 0 0;font-size:13px;color:#5b6a62}
.r5 .lg6 .snap-stage{margin-top:26px;flex:1;justify-content:center;padding:18px 0 0}
.r5 .lg6 .sp{--pw:min(280px,72vw)}
.r5 .lg6 .res .t em{color:#2f6b52}
@media (min-width:960px){
  .r5 .lg6-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .r5 .lg6-col{padding:34px 34px 34px}
  .r5 .lg6 .sp{--pw:292px}
}
.r5 .lg6-ways{list-style:none;margin:auto 0 0;padding:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.r5 .lg6-ways li{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 8px;border-radius:99px;background:#fff;font-size:14px;font-weight:500;color:#1f3d2f;box-shadow:0 0 0 1px rgba(15,42,31,.07)}
.r5 .lg6-ways li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4ece4;color:#2f6b52}
.r5 .lg6-ways li svg{width:16px;height:16px}
@media (max-width:599px){
  .r5 .lg6-col{padding:22px 14px 24px;border-radius:24px}
  .r5 .lg6-tag,.r5 .lg6-col h3,.r5 .lg6-txt{padding-inline:6px}
  .r5 .lg6 .search-panel{padding:16px 12px 14px}
  .r5 .lg6-ways{padding-inline:2px}
}
.r5 .lg6 .snap-ctl .txt-btn{gap:8px;min-height:44px;padding:0 18px 0 14px;border-radius:99px;text-decoration:none;color:#1f3d2f;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(255,255,255,.8) inset,0 10px 24px -16px rgba(15,42,31,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.r5 .lg6 .snap-ctl .txt-btn::before{content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #2f6b52}
@media (max-width:359px){.r5 .lg6 .sp{--pw:min(280px,76vw)}}

/* ---- perclient ---- */
/* =====================================================================================
   PER CLIENT (r6, night forest): one glass settings window for one client.
   Access preset + daily targets on the left, her phone as the live preview pane on the right.
   Everything scoped under .r5 .ac6; new classes use the ac6- prefix.
   ===================================================================================== */
.r5 .ac6{padding-block:clamp(72px,9vw,128px)}
.r5 .ac6 .plate{--pp:50% 38%;left:auto;width:62%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%)}
.r5 .ac6 .plate picture{display:block;width:100%;height:100%}
.r5 .ac6 .shade{background:linear-gradient(90deg,rgba(4,17,12,.97) 0%,rgba(4,17,12,.9) 40%,rgba(4,17,12,.62) 70%,rgba(4,17,12,.74) 100%),linear-gradient(0deg,rgba(4,17,12,.85),transparent 40%,transparent 75%,rgba(4,17,12,.6))}
.r5 .ac6 .ac6-t1{left:46%;right:-6%;top:58%;transform:rotate(-8deg);opacity:.9}

.r5 .ac6-head{max-width:760px}
.r5 .ac6 .lede{margin-top:20px}

/* ---------- the object: one glass window ---------- */
.r5 .ac6 .ac6-obj{margin-top:clamp(36px,4.4vw,60px);border-radius:30px;padding:0;
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"acc ph" "tg ph"}
.r5 .ac6-bar{display:flex;align-items:center;gap:14px;padding:22px 32px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.r5 .ac6-acc{grid-area:acc;padding:24px 32px 26px;border-bottom:1px solid rgba(255,255,255,.08)}
.r5 .ac6-acc .ac6-bar{margin:-24px -32px 24px}
.r5 .ac6-tg{grid-area:tg;padding:24px 32px 30px}
.r5 .ac6-stage{grid-area:ph;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  margin:0;padding:34px 20px 26px;background:radial-gradient(60% 46% at 50% 44%,rgba(143,227,176,.13),rgba(143,227,176,0) 72%);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.07)}

/* header of the window */
.r5 .ac6-av{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:13.5px;font-weight:600;letter-spacing:.02em;color:#0f2a1f;
  background:linear-gradient(140deg,#cdeedb,#8fe3b0);box-shadow:0 0 0 3px rgba(143,227,176,.18)}
.r5 .ac6-who{margin:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.r5 .ac6-who b{font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:420;font-size:19px;letter-spacing:-.015em;color:#fff}
.r5 .ac6-who span{font-size:13px;color:rgba(255,255,255,.56)}

/* section labels inside the window */
.r5 .ac6-lab{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;margin:0 0 14px}
.r5 .ac6-lab h3{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.r5 .ac6-def{font-size:13px;color:rgba(255,255,255,.56)}

/* the four presets: a pill track with ONE frosted-glass plate that slides to the selected preset (tap, arrow keys or drag).
   Plain glassmorphism, the same recipe as the page's glass cards: a translucent white fill, a backdrop blur, a thin light
   hairline and a soft shadow. The labels sit above the plate, so they stay sharp. The script measures the selected tab
   (--tx, --tw) so the plate can change width; without script it falls back to --i. */
.r5 .ac6-seg{--i:0;--pad:4px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--pad);border-radius:999px;
  background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);touch-action:pan-y;-webkit-user-select:none;user-select:none}
.r5 .ac6-seg button{position:relative;z-index:2;min-height:48px;padding:8px 6px;border-radius:999px;font-size:15px;font-weight:500;line-height:1.15;letter-spacing:-.005em;
  color:rgba(255,255,255,.62);white-space:nowrap;transition:color .3s}
.r5 .ac6-seg button[aria-selected=true]{color:#fff}
@media (hover:hover) and (pointer:fine){.r5 .ac6-seg button[aria-selected=false]:hover{color:rgba(255,255,255,.92)}}
.r5 .ac6-thumb{position:absolute;z-index:1;top:var(--pad);bottom:var(--pad);left:0;width:var(--tw,calc((100% - 2 * var(--pad)) / 4));pointer-events:none;
  transform:translateX(var(--x,var(--tx,calc(var(--pad) + var(--i) * 100%))));
  transition:transform .5s cubic-bezier(.32,1.16,.5,1),width .4s cubic-bezier(.3,1,.5,1)}
.r5 .ac6-thumb i{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.13);
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.26),0 8px 18px -10px rgba(0,0,0,.6)}
.r5 .ac6-seg.is-drag{cursor:grabbing}
.r5 .ac6-seg.is-drag .ac6-thumb{transition:width .2s ease}
.r5 .ac6-seg.is-settle .ac6-thumb{transition-duration:.3s,.3s}
.r5 .ac6 :focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:12px}
/* keyboard focus only (the script sets .is-kb on a key press and clears it on a pointer press): a quiet white ring on the plate */
.r5 .ac6-seg button:focus-visible{outline:none}
.r5 .ac6-seg.is-kb:has(button:focus-visible) .ac6-thumb i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.26),0 8px 18px -10px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.7)}

.r5 .ac6-panel{margin-top:18px}
.r5 .ac6-panel:focus-visible{border-radius:6px}
.r5 .ac6-desc{margin:0;font-size:17px;line-height:1.5;color:rgba(255,255,255,.86)}
.r5 .ac6-desc b{font-weight:500;color:#fff}
.r5 .ac6-feats{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-height:38px}
.r5 .ac6-feats li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px 6px 8px;border-radius:99px;font-size:14px;font-weight:500;
  background:rgba(143,227,176,.12);color:#e6f8ed;box-shadow:0 0 0 1px rgba(143,227,176,.24) inset}
.r5 .ac6-feats li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;
  background:rgba(143,227,176,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238fe3b0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 10.5l3 3L14.5 7'/%3E%3C/svg%3E") center/15px no-repeat}
.r5 .ac6-feats li.off{background:rgba(255,255,255,.04);color:rgba(255,255,255,.58);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset}
.r5 .ac6-feats li.off::before{background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23ffffff' stroke-opacity='.6' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 10h8'/%3E%3C/svg%3E") center/15px no-repeat}
.r5 .ac6-feats li.off span{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.35)}

/* ---------- daily targets ---------- */
.r5 .ac6-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.r5 .ac6-wd{min-height:78px;padding:10px 2px 9px;border-radius:14px;text-align:center;background:rgba(255,255,255,.06);color:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;transition:background .25s,box-shadow .25s,color .25s,transform .3s var(--ease-spring)}
.r5 .ac6-wd .wl{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.r5 .ac6-wd .wk{display:block;margin-top:4px;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:400;font-size:17px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.r5 .ac6-wd .wt{display:block;margin-top:2px;font-size:12px;color:rgba(255,255,255,.5);white-space:nowrap}
@media (hover:hover) and (pointer:fine){.r5 .ac6-wd:hover{background:rgba(255,255,255,.11)}}
.r5 .ac6-wd.refeed{box-shadow:0 0 0 1.5px rgba(245,206,143,.7) inset}
.r5 .ac6-wd.refeed .wt{color:var(--sun)}
.r5 .ac6-wd.exc{box-shadow:0 0 0 1.5px var(--mint) inset;background:rgba(143,227,176,.1)}
.r5 .ac6-wd.exc .wt{color:var(--mint)}
.r5 .ac6-wd[aria-pressed=true]{background:#fff;color:#0f2a1f;transform:translateY(-2px)}
.r5 .ac6-wd[aria-pressed=true] .wl{color:#41564b}
.r5 .ac6-wd[aria-pressed=true] .wt{color:#41564b}
.r5 .ac6-wd.refeed[aria-pressed=true]{box-shadow:0 0 0 2px var(--sun) inset,0 12px 26px -12px rgba(0,0,0,.7)}
.r5 .ac6-wd.exc[aria-pressed=true]{box-shadow:0 0 0 2px var(--mint) inset,0 12px 26px -12px rgba(0,0,0,.7)}
.r5 .ac6-wd.refeed[aria-pressed=true] .wt{color:#9d640a}
.r5 .ac6-wd.exc[aria-pressed=true] .wt{color:#1f553f}

.r5 .ac6-prev{margin-top:12px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px 34px;align-items:center;padding:20px 22px;border-radius:20px;
  background:rgba(0,0,0,.26);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.r5 .ac6-pk{min-width:0}
.r5 .ac6-pday{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.r5 .ac6-tag{font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.86)}
.r5 .ac6-tag.sun{background:rgba(245,206,143,.18);color:var(--sun)}
.r5 .ac6-tag.mint{background:rgba(143,227,176,.16);color:var(--mint)}
.r5 .ac6-num{display:flex;align-items:baseline;gap:6px;margin:8px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:clamp(46px,4.4vw,60px);line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.r5 .ac6-num small{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.58)}
.r5 .ac6-note{display:none;margin:8px 0 0;font-size:13.5px;line-height:1.4;color:var(--mint)}
.r5 .ac6-note.on{display:block}
.r5 .ac6-bars{display:grid;gap:12px}
.r5 .ac6-b p{display:flex;justify-content:space-between;margin:0 0 6px;font-size:14px}
.r5 .ac6-b b{font-weight:500;color:rgba(255,255,255,.88)}
.r5 .ac6-b span{color:rgba(255,255,255,.62);font-variant-numeric:tabular-nums}
.r5 .ac6-b i{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.r5 .ac6-b s{display:block;height:100%;border-radius:inherit;transform-origin:0 50%;transform:scaleX(var(--w,0));transition:transform .7s var(--ease-out)}
.r5 .ac6-b--p s{background:linear-gradient(90deg,#c9663a,#f0a273)}
.r5 .ac6-b--c s{background:linear-gradient(90deg,#4fbf8a,var(--mint))}
.r5 .ac6-b--f s{background:linear-gradient(90deg,#d6a14a,var(--sun))}

.r5 .ac6-x{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.r5 .ac6-sw{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:7px 18px 7px 8px;border-radius:99px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset}
.r5 .ac6-sw b{font-weight:600;color:var(--sun)}
.r5 .ac6-knob{position:relative;width:44px;height:26px;flex:none;border-radius:99px;background:rgba(255,255,255,.2);transition:background .3s}
.r5 .ac6-knob::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .3s var(--ease-spring)}
.r5 .ac6-sw[aria-checked=true] .ac6-knob{background:var(--sun)}
.r5 .ac6-sw[aria-checked=true] .ac6-knob::after{transform:translateX(18px)}
.r5 .ac6-sw[aria-checked=false] b{color:rgba(255,255,255,.5)}
.r5 .ac6-exc{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:7px 16px;border-radius:99px;font-size:14px;font-weight:500;line-height:1.3;text-align:left;
  color:rgba(255,255,255,.88);background:rgba(143,227,176,.1);border:0}
.r5 .ac6-exc svg{width:16px;height:16px;flex:none;color:var(--mint)}
.r5 .ac6-exc[aria-pressed=true]{background:var(--mint);color:#0f2a1f}
.r5 .ac6-exc[aria-pressed=true] svg{color:#0f2a1f}
.r5 .ac6-only{display:inline-flex;align-items:center;gap:7px;padding:6px 4px;font-size:13.5px;color:rgba(255,255,255,.66)}
.r5 .ac6-only svg{width:15px;height:15px;color:var(--mint)}

/* ---------- the phone (preview pane) ---------- */
.r5 .ac6-ph{--pw:300px;filter:drop-shadow(0 40px 50px rgba(0,0,0,.55)) drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.r5 .ac6-ph .iph-scr{background:#efede7;color:#1c2b22}
.r5 .ac6-cap{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.62)}
.r5 .ac6-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}
/* the phone shows the rebuilt app screens (kit/app); one per preset, Standard hides the meal plan and the calculator */
.r5 .ac6-v{position:absolute;inset:0;display:none}
.r5 .ac6-ph[data-p=full] .ac6-v-food,.r5 .ac6-ph[data-p=standard] .ac6-v-food,.r5 .ac6-ph[data-p=photo] .ac6-v-photo,.r5 .ac6-ph[data-p=plan] .ac6-v-plan{display:block;animation:ac6in .45s var(--ease-out) both}
.r5 .ac6-ph[data-p=standard] .cwa-x-plan,.r5 .ac6-ph[data-p=standard] .cwa-x-calc{display:none}
.r5 .ac6-ph[data-p=standard] .cwa-h--meals{margin-top:24px}
@keyframes ac6in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.r5 .ac6-acc{display:flex;flex-direction:column}
.r5 .ac6-note2{display:flex;gap:10px;align-items:flex-start;margin:24px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.64)}
.r5 .ac6-note2 svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--mint)}

@media (min-width:1000px) and (max-width:1199px){
  .r5 .ac6-acc,.r5 .ac6-tg{padding-left:26px;padding-right:26px}
  .r5 .ac6-acc .ac6-bar{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}
  .r5 .ac6-ph{--pw:280px}
  .r5 .ac6-seg button{font-size:14px;padding:8px 4px}
  .r5 .ac6-wd .wk{font-size:15.5px}
  .r5 .ac6-prev{gap:18px 24px}
}
/* ---------- tablet: header, then access beside the phone, targets full width ---------- */
@media (max-width:999px){
  .r5 .ac6 .ac6-obj{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"acc ph" "tg tg"}
  .r5 .ac6-acc{border-bottom:0}
  .r5 .ac6-note2{margin-top:auto}
  .r5 .ac6-panel{margin-bottom:22px}
  .r5 .ac6-stage{padding:26px 22px 20px}
  .r5 .ac6-ph{--pw:280px}
  .r5 .ac6-tg{border-top:1px solid rgba(255,255,255,.08);margin-top:12px}
  .r5 .ac6 .plate{width:100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
  .r5 .ac6 .shade{background:linear-gradient(180deg,rgba(4,17,12,.94) 0%,rgba(4,17,12,.78) 40%,rgba(4,17,12,.86) 100%)}
  .r5 .ac6 .ac6-t1{left:-10%;right:-10%;top:52%}
}
/* 640 to 899: the access column shares its row with the phone and is too narrow for four labels in one pill,
   so the phone moves under the access settings (the phone layout from below 640) and the pill keeps its single row */
@media (min-width:640px) and (max-width:899px){
  .r5 .ac6 .ac6-obj{grid-template-columns:minmax(0,1fr);grid-template-areas:"acc" "ph" "tg"}
  .r5 .ac6-stage{padding:28px 8px 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  .r5 .ac6-tg{margin-top:0}
  .r5 .ac6-acc{padding-bottom:22px}
  .r5 .ac6-note2{margin-top:20px}
}
@media (max-width:767px){
  .r5 .ac6-ph{--pw:260px}
  .r5 .ac6-stage{padding:22px 14px 18px}
  .r5 .ac6-acc{padding:20px 22px 22px}
  .r5 .ac6-acc .ac6-bar{margin:-20px -22px 20px;padding:18px 22px 16px}
  .r5 .ac6-tg{padding:22px 22px 24px}
}
/* ---------- phones: head, presets 2x2, phone, targets ---------- */
@media (max-width:639px){
  .r5 .ac6 .ac6-obj{grid-template-columns:minmax(0,1fr);grid-template-areas:"acc" "ph" "tg";border-radius:24px}
  .r5 .ac6-acc{padding:16px 16px 4px}
  .r5 .ac6-acc .ac6-bar{margin:-16px -16px 16px;padding:16px}
  .r5 .ac6-stage{padding:24px 8px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  .r5 .ac6-tg{margin-top:0}
  .r5 .ac6-ph{--pw:240px}
  .r5 .ac6-tg{padding:18px 16px 20px}
  .r5 .ac6-who b{font-size:17px}
  /* phones: each preset takes the room its word needs, so nothing wraps and the glass changes width as it travels */
  .r5 .ac6-seg{grid-template-columns:repeat(4,auto);margin-inline:-6px}
  .r5 .ac6-seg button{font-size:13.5px;padding:8px 2px;letter-spacing:-.01em}
  .r5 .ac6-desc{font-size:16px}
  .r5 .ac6-feats li{font-size:13.5px}
  .r5 .ac6-week{grid-template-columns:repeat(12,minmax(0,1fr))}
  .r5 .ac6-wd{grid-column:span 3;min-height:70px}
  .r5 .ac6-wd:nth-child(n+5){grid-column:span 4}
  .r5 .ac6-prev{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}
  .r5 .ac6-x{gap:8px}
  .r5 .ac6-sw,.r5 .ac6-exc{width:100%;justify-content:flex-start;text-align:left}
  .r5 .ac6-note2{margin-top:18px;font-size:13.5px}
}
@media (max-width:359px){
  .r5 .ac6-stage{padding:20px 4px 16px}
  .r5 .ac6-acc,.r5 .ac6-tg{padding-left:12px;padding-right:12px}
  .r5 .ac6-acc .ac6-bar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .r5 .ac6-seg button{font-size:13px}
}
@media (max-width:339px){
  .r5 .ac6-seg button{font-size:12px;letter-spacing:-.015em}
}
@media (prefers-reduced-motion:reduce){
  .r5 .ac6-thumb{transition:none}
  .r5 .ac6-v{animation:none!important}
  .r5 .ac6-b s,.r5 .ac6-wd,.r5 .ac6-knob::after{transition:none}
}

/* ---- units ---- */
/* UNITS (un6): paper, spec-sheet readout + Settings proof. All rules scoped under .r5 .un6 */
.r5 .un6{--un6-hair:rgba(15,42,31,.12);--un6-soft:#4a5a51;--un6-forest:#2f6b52}
.r5 .un6-head{max-width:46rem;margin-bottom:clamp(40px,5vw,64px)}
.r5 .un6-head .d2{max-width:12em}
.r5 .un6-head .lede{max-width:34rem}

.r5 .un6-grid{display:grid;gap:clamp(40px,5vw,72px);align-items:start}
@media (min-width:1024px){.r5 .un6-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px}}
@media (min-width:1024px) and (max-width:1279px){.r5 .un6-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:44px}}
@media (min-width:1280px){.r5 .un6-grid{gap:80px}}

/* readout card */
.r5 .un6-card{position:relative;background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 0 0 1px rgba(15,42,31,.07),0 30px 60px -40px rgba(15,42,31,.45);
  padding:clamp(18px,2.6vw,30px) clamp(18px,3vw,36px) clamp(8px,1.2vw,14px)}
.r5 .un6-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding-bottom:clamp(14px,2vw,22px);border-bottom:1px solid var(--un6-hair)}
.r5 .un6-label{margin:0;font:500 12.5px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--un6-forest)}

/* segmented radiogroup with a sliding thumb */
.r5 .un6-seg{position:relative;display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:99px;background:#fff;
  box-shadow:0 0 0 1px rgba(15,42,31,.1),0 10px 30px -18px rgba(15,42,31,.4);--i:0}
.r5 .un6-seg button{position:relative;z-index:1;min-height:44px;min-width:78px;padding:0 18px;border:0;border-radius:99px;background:none;cursor:pointer;
  font:500 15px/1 'DM Sans',sans-serif;color:var(--un6-soft);transition:color .3s}
.r5 .un6-seg button[aria-checked=true]{color:#fff}
.r5 .un6-seg button:focus-visible{outline:2px solid var(--un6-forest);outline-offset:3px}
.r5 .un6-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:99px;background:#0f2a1f;
  transform:translateX(calc(var(--i) * 100%));transition:transform .45s cubic-bezier(.22,1,.36,1)}

/* spec rows */
.r5 .un6-rows{margin:0}
.r5 .un6-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:clamp(12px,1.5vw,17px) 0;border-bottom:1px solid var(--un6-hair)}
.r5 .un6-row:last-child{border-bottom:0}
.r5 .un6-row dt{font-size:15px;color:var(--un6-soft);flex:none}
.r5 .un6-row dd{margin:0;text-align:right;min-width:0}
.r5 .un6-v{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity .16s ease,transform .22s cubic-bezier(.22,1,.36,1),filter .16s ease}
.r5 .un6-v b{font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:200;font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:-.035em;color:#0f2a1f}
.r5 .un6-v i{font-style:normal;font-size:clamp(14px,1.15vw,16px);font-weight:500;color:var(--un6-forest);margin-left:6px;letter-spacing:0}
.r5 .un6-v i + b{margin-left:4px}
.r5 .un6-v.is-out{opacity:0;transform:translateY(-8px);filter:blur(3px)}
.r5 .un6-v.is-in{opacity:0;transform:translateY(8px);filter:blur(3px);transition:none}
.r5 .un6-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}

.r5 .un6-cap{margin:16px 4px 0;font-size:14.5px;line-height:1.5;color:var(--un6-soft);max-width:34rem}

/* proof */
.r5 .un6-proof{margin:0}
.r5 .un6-proof .web{border-radius:18px}
.r5 .un6-proof figcaption{margin-top:14px}

/* three facts: hairline list */
.r5 .un6-facts{list-style:none;margin:clamp(28px,3vw,40px) 0 0;padding:0;border-top:1px solid var(--un6-hair)}
.r5 .un6-facts li{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--un6-hair);font-size:16px;line-height:1.45;color:#0f2a1f}

@media (max-width:479px){
  .r5 .un6-top{flex-direction:column;align-items:stretch}
  .r5 .un6-seg{display:grid;width:100%}
  .r5 .un6-seg button{min-width:0;padding:0 8px}
  .r5 .un6-row dt{font-size:14px;flex:0 1 auto}
  .r5 .un6-v b{font-size:28px}
  .r5 .un6-v i{font-size:13px;margin-left:4px}
}
@media (max-width:359px){.r5 .un6-v b{font-size:24px}}
@media (prefers-reduced-motion:reduce){
  .r5 .un6-thumb,.r5 .un6-v,.r5 .un6-seg button{transition:none}
}

/* lead: the facts list lost its number column (numbers only where order matters) */
.r5 .un6-facts li{display:block}

/* ---- programs ---- */
/* r6 programs (lead): on phones the builder window is too small to read, so the client phone shows instead */
@media (max-width:639px){
  .r5 .pg5-stage .win{display:none}
  .r5 .pg5-stage .iph{display:block;position:relative;right:auto;bottom:auto;margin:0 auto;--pw:min(270px,74vw)}
  .r5 .pg5-grid{padding-block:72px}
}

/* ---- checkins ---- */
/* CHECK-INS (ci6, r7): paper. The real check-in card with numbered callouts in the left gutter and the client phone at the right,
   straight on the paper (no sheet, no grid, no corner marks). Then two cards (3fr against 2fr from 1024): the before and after
   studio (drag to compare) and skip a check-in. Cards use the page's one card style. Every rule is scoped under .r5 .ci6. */
.r5 .ci6{--ci6-ink:#0f2a1f;--ci6-soft:#4a5a51;--ci6-forest:#2f6b52;--ci6-hair:rgba(15,42,31,.12);--ci6-bar:34px;
  --ci6-card:#fdfdfa;--ci6-shadow:0 1px 2px rgba(15,42,31,.05),0 22px 48px -32px rgba(15,42,31,.34)}

/* head, left aligned */
.r5 .ci6-head{max-width:46rem;margin-bottom:clamp(40px,5vw,64px)}
.r5 .ci6-head .d2{max-width:12.5em}
.r5 .ci6-head .lede{max-width:33rem}

/* ---------- stage A ---------- */
.r5 .ci6-a{display:grid;gap:44px;align-items:start}
.r5 .ci6-lbl{margin:0 0 16px;font-size:15px;font-weight:500;line-height:1.3;color:var(--ci6-ink)}
.r5 .ci6-lbl b{font-weight:600}
.r5 .ci6-lbl span{color:var(--ci6-soft);font-weight:400}
.r5 .ci6-lbl span::before{content:"\00B7";margin:0 8px;color:var(--ci6-soft)}

.r5 .ci6-cardwrap{position:relative;max-width:540px}
.r5 .ci6-card{margin:0;border-radius:18px;box-shadow:0 1px 2px rgba(15,42,31,.06),0 40px 70px -40px rgba(15,42,31,.45),0 12px 24px -16px rgba(15,42,31,.2)}
.r5 .ci6-card img{display:block;width:100%;height:auto}

/* callouts: numbered dots on the card (tablet), labels with a leader line in the gutter (1024 up), a numbered list (phones) */
.r5 .ci6-pins{list-style:none;margin:0;padding:0;counter-reset:ci6}
.r5 .ci6-pins li{counter-increment:ci6;position:absolute;left:0;top:calc(var(--ci6-bar) + var(--y) * (100% - var(--ci6-bar)));transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}
.r5 .ci6-pin-t,.r5 .ci6-pin-l{display:none}
.r5 .ci6-dot{position:relative;left:-12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ci6-ink);color:#fff;
  font:600 12px/1 'DM Sans',sans-serif;font-style:normal;box-shadow:0 0 0 3px #ecede4}
.r5 .ci6-dot::after{content:counter(ci6)}

.r5 .ci6-list{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--ci6-hair);max-width:540px}
.r5 .ci6-list li{display:grid;grid-template-columns:30px 1fr;gap:6px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--ci6-hair);font-size:15px;line-height:1.45;color:var(--ci6-ink)}
.r5 .ci6-list b{font:600 13px/1 'DM Sans',sans-serif;color:var(--ci6-forest);font-variant-numeric:tabular-nums}

/* client side */
.r5 .ci6-client{display:flex;flex-direction:column;align-items:center}
.r5 .ci6-client .ci6-lbl{align-self:stretch}
.r5 .ci6-phone .iph{--pw:min(272px,70vw)}
.r5 .ci6-note{margin:20px 0 0;max-width:272px;font-size:14.5px;line-height:1.5;color:var(--ci6-soft);text-align:center;text-wrap:balance}

/* 1024 up: callouts in the gutter, the card in the middle, the phone at the right edge */
@media (min-width:1024px){
  .r5 .ci6-a{grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,4vw,64px)}
  .r5 .ci6-spec{--gut:clamp(178px,17vw,236px)}
  .r5 .ci6-spec .ci6-lbl{margin-left:var(--gut)}
  .r5 .ci6-cardwrap{margin-left:var(--gut);max-width:none;width:min(540px,calc(100% - var(--gut)))}
  .r5 .ci6-list{display:none}
  .r5 .ci6-pins li{left:auto;right:calc(100% - 5px);width:calc(var(--gut) + 5px)}
  .r5 .ci6-pin-t{display:flex;gap:12px;align-items:baseline;flex:none;max-width:calc(var(--gut) - 34px);font-size:14px;line-height:1.3;color:var(--ci6-ink)}
  .r5 .ci6-pin-t b{flex:none;width:12px;font:600 13px/1 'DM Sans',sans-serif;color:var(--ci6-forest);font-variant-numeric:tabular-nums}
  .r5 .ci6-pin-t small{display:block;margin-top:3px;font-size:12.5px;color:var(--ci6-soft)}
  .r5 .ci6-pin-l{display:block;flex:1;min-width:18px;height:1px;margin-left:14px;background:rgba(47,107,82,.32)}
  .r5 .ci6-dot{left:0;width:9px;height:9px;flex:none;background:var(--ci6-forest);box-shadow:0 0 0 4px rgba(47,107,82,.14)}
  .r5 .ci6-dot::after{content:none}
  .r5 .ci6-client{padding-top:0}
  .r5 .ci6-phone .iph{--pw:clamp(272px,23vw,300px)}
  .r5 .ci6-note{max-width:clamp(272px,23vw,300px)}
}
@media (min-width:1024px) and (max-width:1199px){
  .r5 .ci6-a{gap:28px}
  .r5 .ci6-spec{--gut:196px}
  .r5 .ci6-cardwrap{width:min(440px,calc(100% - var(--gut)))}
  .r5 .ci6-pin-t{max-width:calc(var(--gut) - 34px)}
  .r5 .ci6-pin-t small{display:none}
  .r5 .ci6-phone .iph{--pw:264px}
  .r5 .ci6-note{max-width:264px}
}

/* tablet: card and phone side by side, the numbered list under the card */
@media (min-width:700px) and (max-width:1023px){
  .r5 .ci6-a{grid-template-columns:minmax(0,1fr) auto;gap:32px}
  .r5 .ci6-cardwrap,.r5 .ci6-list,.r5 .ci6-spec .ci6-lbl{margin-left:12px}
  .r5 .ci6-phone .iph{--pw:clamp(260px,32vw,280px)}
  .r5 .ci6-note{max-width:clamp(260px,32vw,280px)}
}
@media (min-width:640px) and (max-width:699px){
  .r5 .ci6-cardwrap,.r5 .ci6-list,.r5 .ci6-spec .ci6-lbl{margin-left:12px}
  .r5 .ci6-phone .iph{--pw:260px}
}
/* phones: no dots on the card (they would cover the weight and the scores), the list carries the labels;
   the client phone shows its top half and fades out, so the before and after slider comes up sooner */
@media (max-width:639px){
  .r5 .ci6-head{margin-bottom:30px}
  .r5 .ci6-a{gap:40px}
  .r5 .ci6-lbl{margin-bottom:12px;font-size:14.5px}
  .r5 .ci6-pins{display:none}
  .r5 .ci6-list{margin-top:16px}
  .r5 .ci6-list li{grid-template-columns:26px 1fr;padding:8px 0;font-size:14.5px;line-height:1.4}
  .r5 .ci6-note{order:1;align-self:stretch;margin:0 0 18px;max-width:none;text-align:left}
  .r5 .ci6-phone{order:2;align-self:stretch;display:flex;justify-content:center;align-items:flex-start;height:calc(240px * 3785 / 1834 * .5);overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}
  .r5 .ci6-phone .iph{--pw:240px;filter:none}
}

/* ---------- stage B: studio card 3fr, skip card 2fr at 1024+ ---------- */
.r5 .ci6-b{display:grid;gap:clamp(16px,2vw,24px);margin-top:clamp(56px,6vw,88px)}
@media (min-width:1024px){.r5 .ci6-b{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.r5 .ci6-tile{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--ci6-card);box-shadow:var(--ci6-shadow)}
.r5 .ci6-tile-txt{padding:clamp(22px,2.4vw,30px)}
.r5 .ci6-when{margin:0;font-size:13.5px;font-weight:500;line-height:1.2;color:var(--ci6-forest)}
.r5 .ci6-when time{color:var(--ci6-ink);font-weight:600}
.r5 .ci6-tile h3{margin:10px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:400;font-size:clamp(22px,1.9vw,27px);line-height:1.15;letter-spacing:-.02em;color:var(--ci6-ink)}
.r5 .ci6-tile-txt > p:not(.ci6-when):not(.ci6-hint){margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--ci6-soft);max-width:30rem}
.r5 .ci6-hint{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:13.5px;color:var(--ci6-forest)}
.r5 .ci6-hint svg{flex:none;width:16px;height:16px}
@media (min-width:1024px){.r5 .ci6-studio .ci6-hint{align-items:flex-start;line-height:1.4}.r5 .ci6-studio .ci6-hint svg{margin-top:1px}}

/* studio card: slider beside the text on wide cards */
.r5 .ci6-studio{padding:0}
@media (min-width:640px){
  .r5 .ci6-studio{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:stretch}
  .r5 .ci6-studio .ci6-ba{align-self:start;width:auto;min-width:0}
  .r5 .ci6-studio .ci6-tile-txt{display:flex;flex-direction:column;justify-content:center}
}

/* the slider */
.r5 .ci6-ba{position:relative;aspect-ratio:4/5;overflow:hidden;background:#d9d6cf;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;container-type:inline-size}
@media (min-width:640px){.r5 .ci6-ba{margin:10px;border-radius:16px}}
.r5 .ci6-ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.r5 .ci6-ba-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--s))}
.r5 .ci6-ba-line{position:absolute;top:0;bottom:0;left:var(--s);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.18);pointer-events:none}
.r5 .ci6-ba-line i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;
  background:#fff;color:var(--ci6-ink);box-shadow:0 6px 18px -6px rgba(0,0,0,.4);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.r5 .ci6-ba-line svg{width:18px;height:18px}
.r5 .ci6-ba.is-drag .ci6-ba-line i{transform:scale(1.08)}
.r5 .ci6-ba-range{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
.r5 .ci6-ba:has(.ci6-ba-range:focus-visible){outline:2px solid var(--ci6-forest);outline-offset:3px}
.r5 .ci6-ba.is-nudge .ci6-ba-after,.r5 .ci6-ba.is-nudge .ci6-ba-line{transition:clip-path .7s cubic-bezier(.65,0,.35,1),left .7s cubic-bezier(.65,0,.35,1)}

/* studio look on top of the photos */
.r5 .ci6-wk{position:absolute;top:max(12px,3.4cqw);padding:7px 12px;border-radius:99px;background:rgba(12,10,8,.55);color:#fff;
  font-size:12.5px;font-weight:500;line-height:1;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.r5 .ci6-wk--l{left:max(12px,3.4cqw)}
.r5 .ci6-wk--r{right:max(12px,3.4cqw)}
.r5 .ci6-chg{position:absolute;z-index:3;left:50%;bottom:max(14px,4cqw);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;
  background:#fff;color:var(--ci6-ink);font-size:15.5px;font-weight:500;line-height:1;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.r5 .ci6-chg b{font-weight:600}
.r5 .ci6-chg i{width:3px;height:3px;border-radius:50%;background:#9aa39d}
.r5 .ci6-logo{position:absolute;left:max(12px,3.4cqw);bottom:max(12px,3.4cqw);display:grid;place-items:center;width:max(34px,11cqw);aspect-ratio:1;border-radius:4px;
  background:linear-gradient(160deg,#3f8a66,#24563f);box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.r5 .ci6-logo svg{width:70%;height:auto}
@container (min-width:420px){
  .r5 .ci6-chg{padding:12px 21px;font-size:17px;gap:12px}
  .r5 .ci6-chg i{width:4px;height:4px}
}
@container (max-width:340px){
  .r5 .ci6-wk{padding:6px 9px;font-size:12px}
  .r5 .ci6-wk--l{left:10px}.r5 .ci6-wk--r{right:10px}
  .r5 .ci6-chg{padding:8px 13px;font-size:13px;gap:8px}
}

/* 1024 up: the slider carries the card, the text is a caption column beside it */
@media (min-width:1024px){
  .r5 .ci6-studio{grid-template-columns:minmax(0,1fr) clamp(190px,14.5vw,214px)}
  .r5 .ci6-studio .ci6-ba{align-self:stretch;aspect-ratio:auto;min-height:440px;margin:10px 0 10px 10px}
  .r5 .ci6-studio .ci6-tile-txt{padding:24px 20px 24px 24px}
  .r5 .ci6-studio h3{font-size:clamp(21px,1.75vw,24px)}
  .r5 .ci6-studio .ci6-tile-txt > p:not(.ci6-when):not(.ci6-hint){font-size:15px;line-height:1.5}
}
@media (min-width:1280px){.r5 .ci6-studio .ci6-ba{min-height:540px}}

/* skip card: the words, then the live trend row and the first check-in date, straight on the card */
.r5 .ci6-skip .ci6-tile-txt{padding-bottom:6px}
.r5 .ci6-skip-ui{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,2.6vw,34px);padding:18px clamp(22px,2.4vw,30px) clamp(26px,2.8vw,36px)}
.r5 .ci6-skip-ui figure{margin:0}
.r5 .ci6-skip-ui img{display:block;height:auto;max-width:100%}
.r5 .ci6-skip-row img{width:412px}
.r5 .ci6-skip-first{padding-top:clamp(22px,2.6vw,30px);border-top:1px solid var(--ci6-hair)}
.r5 .ci6-skip-first img{width:299px}

@media (min-width:640px) and (max-width:1023px){
  .r5 .ci6-skip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}
  .r5 .ci6-skip .ci6-tile-txt{padding-bottom:clamp(22px,2.4vw,30px)}
  .r5 .ci6-skip-ui{padding:clamp(22px,2.4vw,30px) clamp(22px,2.4vw,30px) clamp(22px,2.4vw,30px) 0}
}

@media (prefers-reduced-motion:reduce){
  .r5 .ci6-ba-line i,.r5 .ci6-ba.is-nudge .ci6-ba-after,.r5 .ci6-ba.is-nudge .ci6-ba-line{transition:none}
}

/* ---- bento ---- */
/* r7 UPDATES (#updates, .bn6). Head: the statement left, the last five Friday updates right (1024 up).
   Bento: six tiles in three rows (12 columns with fixed row heights from 1024 so every row is flush), two columns at 600-1023,
   one horizontal scroll-snap row below 600. One card: near-white, one soft shadow, 24px radius, no outline.
   Two accent grounds only: warm for the AI food log, forest for the stickers. UI renders are transparent and shown at 1x or less. */
.r5 .bn6{--bp:28px;--bg:16px;--bn-ink:#0f2a1f;--bn-soft:#4a5a51;--bn-forest:#2f6b52;--bn-card:#fdfdfa;
  --bn-shadow:0 1px 2px rgba(15,42,31,.05),0 22px 48px -32px rgba(15,42,31,.34)}

/* ---------- head ---------- */
.r5 .bn6-top{display:grid;gap:44px;align-items:end}
.r5 .bn6 .bn6-h{margin:18px 0 0;font-size:clamp(68px,12vw,184px)}
.r5 .bn6-lead .lede{margin:28px 0 0;max-width:27rem}
.r5 .bn6-log{max-width:36rem}
.r5 .bn6-log-h{margin:0 0 12px;font:500 12.5px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bn-forest)}
.r5 .bn6-list{list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(15,42,31,.1)}
.r5 .bn6-list li{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:14px;align-items:baseline;padding:13px 0;border-top:1px solid rgba(15,42,31,.1)}
.r5 .bn6-list time{font-size:15px;font-weight:600;color:var(--bn-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.r5 .bn6-list span{font-size:15.5px;line-height:1.45;color:var(--bn-soft);text-wrap:pretty}
.r5 .bn6-proof{margin:26px 0 0}
.r5 .bn6-proof blockquote{margin:0}
.r5 .bn6-proof p{margin:0;font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(18px,1.45vw,20px);line-height:1.38;color:var(--bn-ink);text-wrap:pretty}
.r5 .bn6-proof figcaption{margin-top:8px;font-size:13px;line-height:1.4;color:#5b6a62}
@media (min-width:1024px){.r5 .bn6-top{grid-template-columns:minmax(0,1fr) minmax(0,29rem);gap:clamp(48px,6vw,96px)}}

/* ---------- tiles ---------- */
.r5 .bn6 .bn6-grid{margin-top:clamp(48px,6vw,80px);display:grid;gap:var(--bg);grid-template-columns:1fr}
.r5 .bn6 .bn6-t{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:24px;overflow:hidden;isolation:isolate;
  background:var(--bn-card);box-shadow:var(--bn-shadow)}
.r5 .bn6 .bn6-tx{position:relative;z-index:2;padding:var(--bp) var(--bp) 0;max-width:34rem}
.r5 .bn6 .bn6-when{margin:0;font-size:13.5px;font-weight:500;line-height:1.2;color:var(--bn-forest)}
.r5 .bn6 .bn6-when time{color:var(--bn-ink);font-weight:600}
.r5 .bn6 .bn6-t h3{margin:10px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:500;font-size:clamp(21px,1.65vw,24px);line-height:1.15;letter-spacing:-.022em;color:var(--bn-ink);text-wrap:balance}
.r5 .bn6 .bn6-t p:not(.bn6-when){margin:8px 0 0;font-size:15.5px;line-height:1.5;color:var(--bn-soft);text-wrap:pretty}
.r5 .bn6 .bn6-go{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:2px;font-size:15px;font-weight:500;color:var(--bn-forest);
  text-decoration:underline;text-underline-offset:.24em;text-decoration-color:rgba(47,107,82,.35);border-radius:8px}
.r5 .bn6 .bn6-go::after{content:"";width:14px;height:14px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s ease}
.r5 .bn6 .bn6-go:hover{text-decoration-color:currentColor}
.r5 .bn6 .bn6-go:hover::after{transform:translateX(3px)}
.r5 .bn6 .bn6-go:focus-visible{outline:2px solid var(--bn-forest);outline-offset:3px}

/* visual area: fills what the text leaves. UI renders scale down to fit both ways, never above 1x (--mw) */
.r5 .bn6 .bn6-v{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px var(--bp) var(--bp)}
.r5 .bn6 .bn6-m{display:none!important}
.r5 .bn6 .bn6-v--ui img{display:block;width:auto;height:auto;max-width:min(100%,var(--mw,100%));max-height:100%;object-fit:contain}
/* the community render runs off the bottom of its tile, like the coach app phone */
.r5 .bn6 .bn6-v--bleed{align-items:flex-start;justify-content:center;overflow:hidden;padding:22px var(--bp) 0}
.r5 .bn6 .bn6-v--bleed img{display:block;flex:none;width:min(100%,534px);height:auto}
.r5 .bn6 .bn6-v--bleed img.bn6-m{width:min(100%,464px)}

/* AI food log: warm ground, the plate bleeding off the corner, one frosted chip */
.r5 .bn6 .bn6-aif{background:radial-gradient(120% 90% at 85% 95%,rgba(245,206,143,.55),rgba(245,206,143,0) 60%),linear-gradient(165deg,#f8eedd 0%,#f3e2c4 100%);
  box-shadow:0 1px 2px rgba(80,56,16,.06),0 22px 48px -32px rgba(80,56,16,.42)}
.r5 .bn6 .bn6-aif .bn6-when{color:#8a5a12}
.r5 .bn6 .bn6-aif .bn6-when time{color:#3d2a10}
.r5 .bn6 .bn6-aif h3{font-weight:400;font-size:clamp(30px,3vw,44px);letter-spacing:-.04em;line-height:1.02}
.r5 .bn6 .bn6-aif p:not(.bn6-when){color:#5a4a33;max-width:22rem}
.r5 .bn6 .bn6-aif .bn6-go{color:#7a4f0e;text-decoration-color:rgba(122,79,14,.35)}
.r5 .bn6 .bn6-aif .bn6-go:focus-visible{outline-color:#7a4f0e}
.r5 .bn6 .bn6-v--photo{padding:0;min-height:300px}
.r5 .bn6 .bn6-bowl{position:absolute;z-index:1;width:min(420px,96%);height:auto;right:-14%;bottom:-24%;
  filter:drop-shadow(0 30px 34px rgba(80,52,12,.28)) drop-shadow(0 8px 10px rgba(80,52,12,.18))}
.r5 .bn6 .bn6-chip{position:absolute;z-index:2;left:var(--bp);bottom:var(--bp);display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:99px;
  font-size:15px;line-height:1;color:#3d3121;white-space:nowrap;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.5));-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);
  box-shadow:0 14px 30px -16px rgba(80,52,12,.45)}
.r5 .bn6 .bn6-chip b{font-weight:600;color:#14261c}
.r5 .bn6 .bn6-chip i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}

/* Coach app 2.0: the phone bleeding off the bottom */
.r5 .bn6 .bn6-v--phone{align-items:flex-start;padding:24px var(--bp) 0;overflow:hidden;min-height:330px}
.r5 .bn6 .bn6-v--phone .iph{--pw:260px;filter:drop-shadow(0 30px 40px rgba(15,42,31,.2)) drop-shadow(0 6px 10px rgba(15,42,31,.1))}

/* Share stickers: the one dark tile, the sticker in white as it sits on a story */
.r5 .bn6 .bn6-share{background:radial-gradient(90% 70% at 50% 100%,rgba(143,227,176,.14),rgba(143,227,176,0)),#0f2a1f;box-shadow:0 22px 48px -30px rgba(15,42,31,.6)}
.r5 .bn6 .bn6-share .bn6-when{color:#8fe3b0}
.r5 .bn6 .bn6-share .bn6-when time{color:#fff}
.r5 .bn6 .bn6-share h3{color:#fff}
.r5 .bn6 .bn6-share p:not(.bn6-when){color:rgba(255,255,255,.72)}

/* phone carousel controls (only below 600) */
.r5 .bn6 .bn6-nav{display:none}

/* CTA row */
.r5 .bn6 .bn6-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:48px}
.r5 .bn6 .bn6-cta .risk{margin:0}

/* ---------- below 600: one horizontal scroll-snap row, equal fixed-height cards ---------- */
@media (max-width:599px){
  .r5 .bn6 .bn6-d{display:none!important}
  .r5 .bn6 .bn6-m{display:block!important}
  .r5 .bn6{--bp:22px;--bg:12px;--gut:clamp(18px,4vw,40px)}
  .r5 .bn6-top{gap:36px}
  .r5 .bn6-list span{font-size:15px}
  .r5 .bn6 .bn6-grid{margin:40px calc(-1 * var(--gut)) 0;padding:4px var(--gut) 24px;display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none}
  .r5 .bn6 .bn6-grid::-webkit-scrollbar{display:none}
  .r5 .bn6 .bn6-grid:focus-visible{outline:2px solid var(--bn-forest);outline-offset:-2px;border-radius:24px}
  .r5 .bn6 .bn6-t{height:470px;scroll-snap-align:start}
  .r5 .bn6 .bn6-t[data-rise]{opacity:1;transform:none}
  .r5 .bn6 .bn6-t p:not(.bn6-when){font-size:15px}
  .r5 .bn6 .bn6-v{overflow:hidden;align-items:flex-start;padding-top:18px}
  .r5 .bn6 .bn6-v--ui img{max-height:none;width:100%}
  .r5 .bn6 .bn6-train .bn6-v,.r5 .bn6 .bn6-v--bleed{
    -webkit-mask:linear-gradient(180deg,#000 calc(100% - 46px),transparent calc(100% - 6px));mask:linear-gradient(180deg,#000 calc(100% - 46px),transparent calc(100% - 6px))}
  .r5 .bn6 .bn6-v--bleed{padding:18px var(--bp) 0}
  .r5 .bn6 .bn6-v--photo{min-height:0}
  .r5 .bn6 .bn6-aif h3{font-size:34px}
  .r5 .bn6 .bn6-bowl{width:min(300px,76vw);right:-20%;bottom:-22%}
  .r5 .bn6 .bn6-chip{font-size:14px;padding:10px 14px}
  .r5 .bn6 .bn6-v--phone{padding-top:18px}
  .r5 .bn6 .bn6-v--phone .iph{--pw:250px}
  .r5 .bn6 .bn6-share .bn6-v img{max-width:min(100%,300px)}
  .r5 .bn6 .bn6-nav{display:flex;align-items:center;gap:8px;margin-top:4px}
  .r5 .bn6 .bn6-dots{display:flex;align-items:center;gap:7px;margin-right:auto}
  .r5 .bn6 .bn6-dots i{width:7px;height:7px;border-radius:99px;background:rgba(15,42,31,.2);transition:width .3s ease,background-color .3s ease}
  .r5 .bn6 .bn6-dots i.on{width:22px;background:var(--bn-forest)}
  .r5 .bn6 .bn6-arr{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--bn-ink);
    box-shadow:0 1px 2px rgba(15,42,31,.08),0 8px 20px -12px rgba(15,42,31,.4)}
  .r5 .bn6 .bn6-arr svg{width:16px;height:16px}
  .r5 .bn6 .bn6-arr:disabled{opacity:.35}
  .r5 .bn6 .bn6-arr:focus-visible{outline:2px solid var(--bn-forest);outline-offset:3px}
  .r5 .bn6 .bn6-cta{margin-top:36px}
  .r5 .bn6 .bn6-cta .btn{width:100%}
  .r5 .bn6 .bn6-cta .btn svg{flex:none}
}
@media (max-width:359px){
  .r5 .bn6 .bn6-cta .btn{padding-inline:18px;font-size:16px}
  .r5 .bn6 .bn6-t{height:490px}
  .r5 .bn6 .bn6-t p:not(.bn6-when){font-size:14.5px}
  .r5 .bn6-list li{grid-template-columns:3.75rem minmax(0,1fr);gap:10px}
}

/* ---------- 600 to 1023: two columns; payments, training and stickers run full width ---------- */
@media (min-width:600px) and (max-width:1023px){
  .r5 .bn6 .bn6-grid{grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"aif aif" "app comm" "pay pay" "train train" "share share";
    grid-template-rows:400px 600px auto auto auto}
  .r5 .bn6 .bn6-aif{grid-area:aif}.r5 .bn6 .bn6-app{grid-area:app}.r5 .bn6 .bn6-comm{grid-area:comm}
  .r5 .bn6 .bn6-pay{grid-area:pay}.r5 .bn6 .bn6-share{grid-area:share}.r5 .bn6 .bn6-train{grid-area:train}
  .r5 .bn6 .bn6-aif .bn6-tx{max-width:52%}
  .r5 .bn6 .bn6-aif .bn6-v--photo{position:absolute;inset:0;min-height:0}
  .r5 .bn6 .bn6-aif .bn6-bowl{width:min(400px,52%);right:-4%;bottom:-18%}
  .r5 .bn6 .bn6-v--phone .iph{--pw:270px}
  .r5 .bn6 .bn6-comm .bn6-d{display:none!important}
  .r5 .bn6 .bn6-comm .bn6-m{display:block!important}
}
/* 768 to 1023: text beside the render in the three full-width tiles */
@media (min-width:768px) and (max-width:1023px){
  .r5 .bn6 .bn6-pay,.r5 .bn6 .bn6-train,.r5 .bn6 .bn6-share{flex-direction:row;align-items:center}
  .r5 .bn6 .bn6-train{flex-direction:row-reverse}
  .r5 .bn6 .bn6-pay .bn6-tx,.r5 .bn6 .bn6-train .bn6-tx,.r5 .bn6 .bn6-share .bn6-tx{flex:0 0 32%;padding-bottom:var(--bp)}
  .r5 .bn6 .bn6-pay .bn6-v,.r5 .bn6 .bn6-share .bn6-v{padding:var(--bp) var(--bp) var(--bp) 8px}
  .r5 .bn6 .bn6-train .bn6-tx{padding-left:8px}
  .r5 .bn6 .bn6-train .bn6-v{padding:var(--bp) 8px var(--bp) var(--bp)}
}

/* ---------- 1024 and up: 12 columns, fixed rows, every row flush ---------- */
@media (min-width:1024px){
  .r5 .bn6 .bn6-grid{grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-areas:
      "aif aif aif aif aif aif aif app app app app app"
      "train train train train train comm comm comm comm comm comm comm"
      "pay pay pay pay pay pay share share share share share share";
    grid-template-rows:620px 600px 500px}
  .r5 .bn6 .bn6-aif{grid-area:aif}.r5 .bn6 .bn6-app{grid-area:app}.r5 .bn6 .bn6-comm{grid-area:comm}
  .r5 .bn6 .bn6-pay{grid-area:pay}.r5 .bn6 .bn6-share{grid-area:share}.r5 .bn6 .bn6-train{grid-area:train}
  .r5 .bn6 .bn6-aif .bn6-tx{padding:36px 36px 0;max-width:30rem}
  .r5 .bn6 .bn6-aif .bn6-v--photo{position:absolute;inset:0;min-height:0}
  .r5 .bn6 .bn6-aif .bn6-bowl{width:min(560px,84%);right:-12%;bottom:-17%}
  .r5 .bn6 .bn6-aif .bn6-chip{left:36px;bottom:36px;font-size:16px;padding:13px 18px}
  .r5 .bn6 .bn6-v--phone .iph{--pw:330px}
}
/* 1024 to 1279: the five-column training tile takes the narrow render (two fields per set) */
@media (min-width:1024px) and (max-width:1279px){
  .r5 .bn6 .bn6-train .bn6-d{display:none!important}
  .r5 .bn6 .bn6-train .bn6-m{display:block!important}
}
@media (min-width:1280px){
  .r5 .bn6 .bn6-grid{grid-template-rows:640px 650px 560px}
  .r5 .bn6 .bn6-v--phone .iph{--pw:360px}
}

@media (prefers-reduced-motion:reduce){
  .r5 .bn6 .bn6-go::after,.r5 .bn6 .bn6-dots i{transition:none}
}

/* ---- spec ---- */
/* EVERYTHING INCLUDED (sp6): a calm spec sheet on night ink. One rounded hairline table, numbered heads. No plate, so the text reads. */
.r5 .sp6{--sp6-line:rgba(205,238,219,.14);
  padding:clamp(72px,9vw,128px) 0 clamp(64px,8vw,112px);overflow:hidden;
  background:radial-gradient(70% 55% at 85% 0%,rgba(143,227,176,.07),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(156,240,207,.045),transparent 70%),var(--nb)}

/* head: kicker, headline, lede stacked on the left */
.r5 .sp6-head{display:block}
.r5 .sp6-head .d2{max-width:13.5em}
.r5 .sp6-head .lede{margin:clamp(18px,1.8vw,26px) 0 0;max-width:34rem}

/* the sheet */
.r5 .sp6-sheet{position:relative;margin-top:clamp(44px,5.5vw,72px);border:1px solid var(--sp6-line);border-radius:20px;overflow:hidden}

.r5 .sp6-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;
  background:var(--sp6-line)}
.r5 .sp6-cell{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;
  padding:clamp(26px,2.4vw,34px) clamp(22px,2.2vw,32px) clamp(22px,2vw,28px);background:var(--nb);
  transition:background-color .35s var(--ease-out,ease)}
.r5 .sp6-cell::before{content:"";position:absolute;left:0;top:0;width:0;height:1px;background:var(--mint);
  box-shadow:0 0 8px var(--mint);transition:width .5s var(--ease-out,ease)}

.r5 .sp6 .sp6-no{margin:0;font:500 12.5px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.r5 .sp6 .sp6-no > span{margin-right:10px;font-variant-numeric:tabular-nums}
.r5 .sp6 .sp6-no > span{color:var(--mint);transition:text-shadow .3s}
.r5 .sp6-cell h3{margin:18px 0 0;padding:0;font:400 clamp(20px,1.55vw,23px)/1.22 'DM Sans Var','DM Sans',sans-serif;letter-spacing:-.022em;color:#fff;text-wrap:balance;max-width:16em}

.r5 .sp6-lines{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-width:45ch}
.r5 .sp6-lines li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.45;color:rgba(255,255,255,.72)}
.r5 .sp6-lines li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:1px;background:rgba(143,227,176,.7)}

/* cell body: lines on top, deep link pinned to the bottom so links align across a row */
.r5 .sp6-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.r5 .sp6-in{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.r5 .sp6-in > .sp6-go,.r5 .sp6-in > .sp6-gos{margin-top:auto}
.r5 .sp6-tog{display:none}

.r5 .sp6-gos{display:flex;flex-wrap:wrap;column-gap:16px;margin-top:auto}
.r5 .sp6-go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding-top:14px;
  font-size:14px;font-weight:500;color:rgba(255,255,255,.86);text-decoration:none}
.r5 .sp6-gos .sp6-go{margin-top:0}
.r5 .sp6-go::after{content:"";width:12px;height:12px;flex:none;opacity:.7;transition:transform .35s var(--ease-out,ease),opacity .3s;
  background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.r5 .sp6-go{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 calc(100% - 10px);background-repeat:no-repeat;transition:background-size .35s var(--ease-out,ease),color .2s}
.r5 .sp6-go:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:4px}

@media (hover:hover) and (pointer:fine){
  .r5 .sp6-cell:hover{background:color-mix(in srgb,var(--nb) 92%,#8fe3b0)}
  .r5 .sp6-cell:hover::before{width:100%}
  .r5 .sp6-cell:hover .sp6-no > span{text-shadow:0 0 10px rgba(143,227,176,.7)}
  .r5 .sp6-go:hover{color:#fff;background-size:calc(100% - 20px) 1px}
  .r5 .sp6-go:hover::after{transform:translateY(2px);opacity:1}
}

/* foot: support line + trial button, the last row of the sheet */
.r5 .sp6-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 48px;
  padding:clamp(26px,2.6vw,36px) clamp(22px,2.2vw,32px);border-top:1px solid var(--sp6-line)}
.r5 .sp6-support{margin:0;display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.84);max-width:26rem}
.r5 .sp6-cta{display:flex;flex-direction:column;align-items:flex-end;min-width:0;max-width:100%}
.r5 .sp6-cta .risk{margin-top:12px;justify-content:flex-end}

@media (prefers-reduced-motion:reduce){
  .r5 .sp6-cell,.r5 .sp6-cell::before,.r5 .sp6-go,.r5 .sp6-go::after{transition:none}
}

/* 600-1199: 2 x 4 */
@media (max-width:1199px){
  .r5 .sp6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
@media (max-width:1199px){
  .r5 .sp6-foot{grid-template-columns:minmax(0,1fr);justify-items:start}
  .r5 .sp6-support{max-width:none}
  .r5 .sp6-cta{align-items:flex-start}
  .r5 .sp6-cta .risk{justify-content:flex-start}
}

/* below 768: one column of disclosure rows (number + title in a 56px button, lines and link on tap) */
@media (max-width:767px){
  .r5 .sp6-grid{grid-template-columns:1fr}
  .r5 .sp6-cell{padding:0}
  .r5 .sp6-cell::before{display:none}
  .r5 .sp6-static{display:none}
  .r5 .sp6-cell h3.sp6-h{margin:0;max-width:none;font-size:inherit}
  .r5 .sp6-tog{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;margin:0;padding:8px 20px;border:0;background:transparent;
    color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;font:inherit;transition:background-color .25s var(--ease-out,ease)}
  .r5 .sp6-tog:focus-visible{outline:2px solid var(--mint);outline-offset:-2px;border-radius:2px}
  .r5 .sp6-tog:active{background:color-mix(in srgb,var(--nb) 90%,#8fe3b0)}
  .r5 .sp6-n{flex:none;width:22px;font:500 12.5px/1 'DM Sans',sans-serif;letter-spacing:.06em;color:var(--mint);font-variant-numeric:tabular-nums}
  .r5 .sp6-t{flex:1 1 auto;min-width:0;font:400 17.5px/1.25 'DM Sans Var','DM Sans',sans-serif;letter-spacing:-.015em;color:#fff}
  .r5 .sp6-chev{position:relative;flex:none;width:20px;height:20px;border-radius:50%;border:1px solid rgba(205,238,219,.28)}
  .r5 .sp6-chev::before,.r5 .sp6-chev::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1px;margin:-.5px 0 0 -4px;background:rgba(255,255,255,.8);
    transition:transform .3s var(--ease-out,ease)}
  .r5 .sp6-chev::after{transform:rotate(90deg)}
  .r5 .sp6-tog[aria-expanded="true"] .sp6-chev::after{transform:rotate(0deg)}
  .r5 .sp6-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .32s var(--ease-out,ease),visibility 0s}
  .r5 .sp6-in{overflow:hidden;padding:0 20px 18px 56px}
  .r5 .sp6-cell.is-shut .sp6-body{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s var(--ease-out,ease),visibility 0s .32s}
  .r5 .sp6-cell.is-shut .sp6-in{padding-bottom:0}
  .r5 .sp6-in{transition:padding-bottom .32s var(--ease-out,ease)}
  .r5 .sp6-lines{margin-top:2px;gap:8px}
  .r5 .sp6-lines li{font-size:15px}
  .r5 .sp6-go{padding-top:8px}
  .r5 .sp6-foot{padding:24px 20px 26px}
  .r5 .sp6-sheet{margin-top:36px}
}
/* no collapse animation while the script closes rows on load */
.r5 .sp6.sp6-init .sp6-body,.r5 .sp6.sp6-init .sp6-in,.r5 .sp6.sp6-init .sp6-chev::after{transition:none!important}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .r5 .sp6-body,.r5 .sp6-cell.is-shut .sp6-body,.r5 .sp6-in,.r5 .sp6-chev::before,.r5 .sp6-chev::after,.r5 .sp6-tog{transition:none}
}
@media (max-width:599px){
    .r5 .sp6-cta{justify-self:stretch}
  .r5 .sp6-cta .btn{width:100%;white-space:normal;text-align:center;padding-inline:18px}
  .r5 .sp6-cta .risk{flex-direction:column;align-items:flex-start;gap:4px}
  .r5 .sp6-cta .risk li + li::before{display:none}
}
@media (max-width:359px){.r5 .sp6-foot{padding-inline:16px}.r5 .sp6-tog{padding-inline:16px;gap:12px}.r5 .sp6-in{padding:0 16px 16px 50px}.r5 .sp6-cta .btn{font-size:14.5px;padding-inline:12px;gap:6px}}

/* ---- pricing ---- */
/* PRICING r6 (px6-): paper, quiet card, small stepper */
/* desktop: the copy starts level with the card, the fine print follows it directly */
.r5 .px6-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,31rem);grid-template-areas:"copy card" "aside card";grid-template-rows:auto 1fr;column-gap:clamp(40px,6vw,96px);align-items:start}
.r5 .px6-copy{grid-area:copy;padding-top:0}
.r5 .px6-aside{grid-area:aside;align-self:start;padding-top:28px}
.r5 .px6-card{grid-area:card}
.r5 .px6 .d2{max-width:9.5em}
.r5 .px6 .lede{max-width:30em}
.r5 .px6-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-size:15px;color:#2f6b52}
.r5 .px6-fine{padding-top:20px;border-top:1px solid rgba(15,42,31,.12);max-width:34em}
.r5 .px6-fine p{margin:0;font-size:13.5px;line-height:1.55;color:#5b6a62}
.r5 .px6-fine p + p{margin-top:8px}

/* card */
.r5 .px6-card{background:#fff;border-radius:24px;padding:clamp(26px,3vw,38px);color:#0f2a1f;
  box-shadow:0 0 0 1px rgba(15,42,31,.07),0 30px 60px -36px rgba(15,42,31,.45),0 10px 24px -18px rgba(15,42,31,.18)}
.r5 .px6-price{display:flex;align-items:baseline;gap:8px;margin:0}
.r5 .px6-amt{font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:clamp(50px,4.6vw,62px);line-height:1;letter-spacing:-.05em;color:#0f2a1f}
.r5 .px6-per{font-size:17px;color:#5b6a62}
.r5 .px6-incl{margin:12px 0 0;font-size:16px;color:#33745a;font-weight:500}
.r5 .px6-hr{border:0;height:1px;background:rgba(15,42,31,.1);margin:22px 0 18px}
.r5 .px6-extra{margin:0;font-size:15.5px;line-height:1.5;color:#33463c}
.r5 .px6-tags{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;margin:16px 0 0;padding:0}
.r5 .px6-tags li{font-size:13px;line-height:1;padding:8px 11px;border-radius:999px;background:#f1f2eb;color:#33463c}

/* stepper */
.r5 .px6-calc{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin-top:24px;padding:14px 16px;border-radius:16px;background:#f5f5ef;box-shadow:inset 0 0 0 1px rgba(15,42,31,.06)}
.r5 .px6-calc-l{display:grid;grid-template-columns:auto auto;grid-template-areas:"lab lab" "step unit" "hint hint";align-items:center;gap:6px 10px}
.r5 .px6-hints{grid-area:hint;contain:inline-size;min-height:1.4em;font-size:12.5px;line-height:1.4;color:#6b7a71}
.r5 .px6-clamp:empty{display:none}
.r5 .px6-clamp{color:#2f6b52;font-weight:500}
.r5 .px6-hints:has(.px6-clamp:not(:empty)) .px6-hint{display:none}
.r5 .px6-calc-lab{grid-area:lab;font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#2f6b52}
.r5 .px6-step{grid-area:step;display:inline-flex;align-items:center;background:#fff;border-radius:999px;box-shadow:0 0 0 1px rgba(15,42,31,.1)}
.r5 .px6-cnt-lab{grid-area:unit;font-size:14px;color:#5b6a62}
.r5 .px6-btn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#0f2a1f;cursor:pointer;
  transition:background-color .15s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
.r5 .px6-btn svg{width:18px;height:18px}
.r5 .px6-btn:active{transform:scale(.9)}
.r5 .px6-btn[aria-disabled="true"]{color:rgba(15,42,31,.28);cursor:default}
@media (hover:hover) and (pointer:fine){.r5 .px6-btn:not([aria-disabled="true"]):hover{background:#eef1e8}}
.r5 .px6-n{width:3ch;min-width:40px;height:44px;border:0;background:transparent;text-align:center;font:600 17px/1 'DM Sans',sans-serif;color:#0f2a1f;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;padding:0}
.r5 .px6-n::-webkit-outer-spin-button,.r5 .px6-n::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.r5 .px6-btn:focus-visible,.r5 .px6-n:focus-visible{outline:2px solid #33745a;outline-offset:2px;border-radius:999px}
.r5 .px6-calc-r{text-align:right;margin-left:auto}
.r5 .px6-total{margin:0;font-size:15px;color:#5b6a62;white-space:nowrap}
.r5 .px6-total b{font-weight:600;font-size:20px;color:#0f2a1f;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.r5 .px6-break{margin:4px 0 0;font-size:13px;color:#5b6a62;font-variant-numeric:tabular-nums}

.r5 .px6-go{margin-top:22px}
.r5 .px6-go .btn{width:100%;min-height:56px}
/* risk line centred in the card: two facts on the first line, the price on its own line (no stray dot) */
.r5 .px6-go .risk{justify-content:center;margin-top:12px;font-size:13px;color:#5b6a62}
.r5 .px6-go .risk li:nth-child(3){flex-basis:100%;justify-content:center}
.r5 .px6-go .risk li:nth-child(3)::before{display:none}

@media (max-width:959px){
  .r5 .px6-grid{grid-template-columns:1fr;grid-template-areas:"copy" "card" "aside";grid-template-rows:auto;row-gap:36px}
  .r5 .px6-copy{padding-top:0}
  .r5 .px6-card{max-width:34rem}
}
@media (max-width:420px){
  .r5 .px6-calc{padding:14px}
  .r5 .px6-calc-r{text-align:left;margin-left:0;width:100%;padding-top:12px;border-top:1px solid rgba(15,42,31,.08)}
  .r5 .px6-go .btn{white-space:normal;text-align:center}
}
/* narrow cards: the three facts stack, centred, no dots */
@media (max-width:519px){
  .r5 .px6-go .risk{flex-direction:column;align-items:center;gap:4px}
  .r5 .px6-go .risk li + li::before{display:none}
}

/* ---- reviews ---- */
/* REVIEWS r6 (rv6-): featured line beside the heading, then an even grid with one excerpt length */
.r5 .rv6-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(40px,6vw,96px);align-items:end}
.r5 .rv6 .d2{max-width:10em;font-size:clamp(38px,4.4vw,62px)}
.r5 .rv6-feat{margin:0;padding-left:clamp(24px,3vw,40px);border-left:1px solid rgba(15,42,31,.14)}
.r5 .rv6-feat blockquote{margin:0}
.r5 .rv6-feat p{margin:0;font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(34px,3.4vw,52px);line-height:1.08;letter-spacing:-.02em;color:#0f2a1f;text-wrap:balance}
.r5 .rv6-feat p::before{content:"\201C";color:#3fae7f;margin-right:.03em}
.r5 .rv6-feat p::after{content:"\201D";color:#3fae7f}
.r5 .rv6-feat figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:18px;font-size:14px;color:#5b6a62}
.r5 .rv6-feat figcaption b{color:#0f2a1f;font-weight:500}
.r5 .rv6-stars{color:#b37b16;letter-spacing:2px;font-size:14px;line-height:1}

/* grid: 4 x 2 at desktop, 2 x 4 at tablet, a snap row on phones; rows stretch so cards match */
.r5 .rv6-grid{--lines:7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(44px,5vw,64px);align-items:stretch}
.r5 .rv6-grid:focus-visible{outline:2px solid #33745a;outline-offset:6px;border-radius:24px}
.r5 .rv6-card{display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:22px 22px 20px;color:#0f2a1f;
  box-shadow:0 0 0 1px rgba(15,42,31,.07),0 20px 40px -30px rgba(15,42,31,.45)}
.r5 .rv6-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
/* every title reserves two lines, so every body starts at the same height */
.r5 .rv6-t{font-size:16.5px;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin:14px 0 0;color:#0f2a1f;min-height:2.6em;min-height:2lh;text-wrap:balance}
.r5 .rv6-q{margin:8px 0 0}
.r5 .rv6-txt{font-size:14.5px;line-height:1.55;color:#4a5a51}
.r5 .rv6-txt p{margin:0}
.r5 .rv6-txt p + p{margin-top:.75em}
/* one excerpt length (reviews.js sets data-clamp, so without JS every review shows in full) */
.r5 .rv6-q{flex:0 0 auto}
/* button + name pinned to the card bottom: every footer sits on the same baseline across a row */
.r5 .rv6-foot{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;align-items:flex-start}
.r5 .rv6-grid[data-clamp] .rv6-txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}
.r5 .rv6-grid[data-clamp] .rv6-card.open .rv6-txt{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
.r5 .rv6-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0;border:0;background:none;
  font:500 14px/1.2 'DM Sans',sans-serif;color:#2f6b52;text-decoration:underline;text-decoration-color:rgba(47,107,82,.35);text-underline-offset:3px;cursor:pointer}
.r5 .rv6-more[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.r5 .rv6-more:hover{text-decoration-color:currentColor}}
.r5 .rv6-more:focus-visible{outline:2px solid #33745a;outline-offset:3px;border-radius:6px}
.r5 .rv6-who{margin:0;padding-top:8px;font-size:14px;font-weight:500;color:#0f2a1f}

.r5 .rv6-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;margin-top:22px}
.r5 .rv6-meta p{margin:0;font-size:13.5px;color:#5b6a62}
.r5 .rv6-all{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#2f6b52}

.r5 .rv6-grid{--lines:6}
@media (min-width:1600px){.r5 .rv6-grid{gap:20px}.r5 .rv6-card{padding:26px 26px 22px}}
@media (max-width:1179px){.r5 .rv6-grid{grid-template-columns:repeat(2,minmax(0,1fr));--lines:5}}
@media (max-width:899px){
  .r5 .rv6-head{grid-template-columns:1fr;align-items:start}
  .r5 .rv6-feat{padding-left:0;border-left:0}
}
/* phones: one snap row, the cards keep one height */
@media (max-width:719px){
  .r5 .rv6-grid{--lines:8;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
    margin-inline:calc(-1 * clamp(18px,4vw,40px));padding:4px clamp(18px,4vw,40px) 18px;scroll-padding-inline:clamp(18px,4vw,40px);scrollbar-width:none}
  .r5 .rv6-grid::-webkit-scrollbar{display:none}
  .r5 .rv6-card{flex:0 0 min(84%,340px);scroll-snap-align:start}
  .r5 .rv6-grid:focus-visible{outline-offset:-2px}
  .r5 .rv6-meta{flex-direction:column;align-items:flex-start;margin-top:10px}
}
.r5 .rv6-dots{display:none}
@media (max-width:719px){
  .r5 .rv6-dots{display:flex;justify-content:center;gap:6px;margin-top:2px}
  .r5 .rv6-dots i{width:6px;height:6px;border-radius:50%;background:rgba(15,42,31,.2);transition:background-color .2s ease,width .3s ease}
  .r5 .rv6-dots i.on{width:18px;border-radius:3px;background:#33745a}
}
@media (prefers-reduced-motion:reduce){.r5 .rv6-grid{scroll-behavior:auto}.r5 .rv6-dots i{transition:none}}

/* ---- faq ---- */
/* r6 FAQ (lead): the r5 support column plus topic groups; the question rows keep the r5 .faq5 look */
.r5 .fq6 .fq6-groups{display:grid;gap:44px}
.r5 .fq6 .fq6-h{margin:0 0 6px;font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#2f6b52}
.r5 .fq6 .fq6-group{scroll-margin-top:110px}
.r5 .fq6 .fq6-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.r5 .fq6 .fq6-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;font-size:14px;font-weight:500;color:#2f6b52;text-decoration:none;background:#fff;box-shadow:0 0 0 1px rgba(15,42,31,.1)}
.r5 .fq6 .fq6-toc a:hover{background:#0f2a1f;color:#fff}
.r5 .fq6 .faq5 summary{font-size:17px}
@media (max-width:899px){.r5 .fq6 .fq6-toc{display:none}.r5 .fq6 .fq6-groups{gap:36px}}
.r5 .fq6 .sf5-side > .link{display:inline-flex;align-items:center;min-height:44px}

/* ---- hero-quick ---- */
/* hero variants (quick, switch, nutrition): small additions to the /us/ hero */
.r5 .hx-day .gl-bars li{grid-template-columns:58px 1fr 44px}
.r5 .hx-day .gl-num em{background:rgba(255,255,255,.12);color:rgba(255,255,255,.82)}
.r5 .hx-trial .gl-num small{font-size:14px}
.r5 .hx-rows{list-style:none;margin:16px 0 0;padding:6px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.r5 .hx-rows li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13px;color:rgba(255,255,255,.86)}
.r5 .hx-rows b{font-weight:500;color:var(--mint)}
.r5 .hx-foot{margin:8px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:rgba(255,255,255,.62)}
@media (max-width:999px){.r5 .hx-rows{margin-top:10px}.r5 .hx-rows li{padding:5px 0;font-size:12px}.r5 .hx-foot{font-size:11.5px}.r5 .hx-day .gl-bars li{grid-template-columns:50px 1fr 40px}}

/* ---- sw-steps ---- */
/* switch page: steps and worries, drawn with the page's own rules (hairlines, thin numerals, no boxes) */
.r5 .sw6-head{max-width:46rem}
.r5 .sw6-steps{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,56px)}
.r5 .sw6-steps > li{padding-top:22px;border-top:1px solid rgba(15,42,31,.16)}
.r5 .sw6-n{display:flex;align-items:baseline;gap:14px;margin:0;font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#2f6b52}
.r5 .sw6-n b{font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:46px;line-height:1;letter-spacing:-.03em;color:#0f2a1f;font-variant-numeric:tabular-nums}
.r5 .sw6-steps h3{margin:18px 0 0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:400;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#0f2a1f}
.r5 .sw6-steps > li > p:not(.sw6-n){margin:10px 0 0;font-size:16px;line-height:1.6;color:#4d5e54;max-width:26rem}
.r5 .sw6-steps ul{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(15,42,31,.1)}
.r5 .sw6-steps ul li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(15,42,31,.1);font-size:14.5px;color:#0f2a1f}
.r5 .sw6-steps ul span{flex:none;color:#5f6c64;font-variant-numeric:tabular-nums}
.r5 .sw6-w{margin:clamp(36px,4.6vw,60px) 0 0;border-top:1px solid rgba(15,42,31,.16)}
.r5 .sw6-w > div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px clamp(32px,6vw,96px);align-items:baseline;padding:clamp(22px,2.6vw,32px) 0;border-bottom:1px solid rgba(15,42,31,.16)}
.r5 .sw6-w h3{margin:0;font-family:'DM Sans Var','DM Sans',sans-serif;font-weight:300;font-size:clamp(24px,2.5vw,34px);line-height:1.12;letter-spacing:-.03em;color:#0f2a1f}
.r5 .sw6-w p{margin:0;font-size:17px;line-height:1.6;color:#4d5e54;max-width:38rem}
.r5 .sw6-w .link{display:inline-block;margin-top:10px}
@media (max-width:899px){
  .r5 .sw6-steps{grid-template-columns:1fr;gap:36px}
  .r5 .sw6-w > div{grid-template-columns:1fr}
  .r5 .sw6-w p{font-size:16px}
}