/* Yes Peptides v5 (Karan, 3 Nov: "a little bit brighter... the home page is a little too dark at some places").
   Light body, dark moments. Home sections inside .lt sit on bone with ink text; the hero photo, the flag scene,
   the photo bands, the closing band, the partner card and the footer stay dark. Everything here is scoped to .lt
   (or to the header while it sits over a .lt group), so pages without .lt are unchanged. Loads after dark.css. */

.dk .lt{
  --ink:#15181c;--ink-soft:#4b5058;--muted:#6f747b;--line:rgba(21,24,28,.1);--line-strong:rgba(21,24,28,.5);
  --white:#fff;--bone:#f5f5f2;--mist:#eceeea;--cream:#f3efe4;--sage-light:#e6ebe4;--sage:#9aaf94;--sage-deep:#2f6b66;--sage-ink:#4c6446;--forest:#2a3926;
  --shadow:0 1px 2px rgba(21,24,28,.05),0 18px 40px -24px rgba(21,24,28,.3);
  --glass-edge:inset 0 0 0 1px rgba(21,24,28,.08);
  position:relative;background:var(--bone);color:var(--ink)
}
.dk .lt-a{padding:8px 0 72px}

/* buttons: ink first, white second */
.dk .lt .btn-ink,.dk .lt .btn-sage,.dk .lt .btn-white{background:var(--ink);color:#fff;box-shadow:none}
.dk .lt .btn-ink:hover,.dk .lt .btn-sage:hover,.dk .lt .btn-white:hover{background:#000;color:#fff}
.dk .lt .btn-line,.dk .lt .btn-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(21,24,28,.16)}
.dk .lt .btn-line:hover,.dk .lt .btn-ghost:hover{background:var(--ink);color:#fff}

/* dark cards inside a light group keep the dark rules */
.dk .lt .band-cat,.dk .lt .partner{--ink:#f4f5f3;--ink-soft:#bcc1c7;--line:rgba(255,255,255,.12);color:#fff}
.dk .lt .band-cat .btn-white,.dk .lt .partner .btn-white{background:#fff;color:#0b0d10}
.dk .lt .band-cat .btn-white:hover,.dk .lt .partner .btn-white:hover{background:#e6e9e7;color:#0b0d10}

/* the pointer light on cards turns into a faint teal on white */
.dk .lt .ex::after,.dk .lt .pcard::after,.dk .lt .ccard::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(47,107,102,.08),rgba(47,107,102,0) 62%)}

/* ---- trust strip, check row, press ---- */
.dk .lt .featbar{background:#fff;color:var(--ink);border-color:var(--line)}
.dk .lt .featbar i{background:var(--mist);color:var(--ink)}
.dk .lt .featbar i.fl{background:none}
.dk .lt .featbar b{color:var(--ink)}
.dk .lt .checkrow svg{color:var(--sage-deep)}
.dk .lt .press{border-color:var(--line)}
.dk .lt .press-g img{filter:brightness(0)}

/* ---- shop by goal: white cards, the vials on a soft tint ---- */
.dk .lt .explore{padding:56px 0 32px}
.dk .lt .ex{background:#fff;color:var(--ink);box-shadow:var(--glass-edge),var(--shadow)}
.dk .lt .ex::before{content:"";position:absolute;left:8%;right:8%;bottom:-30%;height:78%;border-radius:50%;background:radial-gradient(closest-side,#e5ece8,rgba(229,236,232,0));pointer-events:none}
.dk .lt .ex-go{background:var(--bone);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.dk .lt .ex-v img{filter:drop-shadow(0 14px 14px rgba(21,24,28,.16))!important}
/* the three vials rise into each card as it scrolls in, the side ones fanning out last */
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .dk .lt .ex-v img{animation:exRise linear both;animation-timeline:view();animation-range:entry 10% cover 38%}
  .dk .lt .ex-v img:nth-child(1){animation-name:exRiseL}
  .dk .lt .ex-v img:nth-child(3){animation-name:exRiseR}
}}
@keyframes exRise{from{transform:translateY(70px)}}
@keyframes exRiseL{from{transform:translate(18px,80px) rotate(0)}to{transform:rotate(-9deg) translateY(10px)}}
@keyframes exRiseR{from{transform:translate(-18px,80px) rotate(0)}to{transform:rotate(9deg) translateY(10px)}}

/* ---- tiles: the numbers go quiet ---- */
.dk .lt .tile,.dk .lt .tile.t1{background:#fff;color:var(--ink);box-shadow:var(--glass-edge),var(--shadow)}
.dk .lt .tile:hover{background:#fff}
.dk .lt .tile .tn,.dk .lt .tile.t1 .tn{padding:0;background:none;color:var(--muted);font:500 14px/1 ui-monospace,"SF Mono",Menlo,monospace;font-variant-numeric:tabular-nums}

/* ---- three steps: the phone stays dark, like a real one on a counter ---- */
.dk .lt .how5{padding-top:96px}
.dk .lt .yo-ph{box-shadow:0 40px 70px -40px rgba(21,24,28,.55)}

/* ---- discover ---- */
.dk .lt .disc-media{background:var(--mist)}
.dk .lt .discover h2{color:var(--ink)}

/* ---- goal wheel on bone: ink names, a quiet ring, a soft light behind the vial ---- */
.dk .lt .wh-names a{color:var(--ink)}
.dk .lt .wh-ring{border-color:rgba(21,24,28,.2);background:radial-gradient(closest-side,#fff 0%,rgba(255,255,255,.6) 55%,rgba(255,255,255,0) 100%)}
.dk .lt .wh-names .soft{text-shadow:0 0 10px rgba(21,24,28,.24)}

/* ---- the compounding pharmacy switch ---- */
.dk .lt .why2{color:var(--ink)}
.dk .lt .why2-list li{background:#fff;border-color:var(--line);box-shadow:0 1px 2px rgba(21,24,28,.04)}
.dk .lt .why2-list p{color:var(--ink)}
.dk .lt [data-side="rc"] .why2-list li{background:var(--mist);border-color:var(--line)}
.dk .lt [data-side="rc"] .why2-list p{color:var(--ink-soft)}
.dk .lt .wi{background:var(--mist);color:var(--ink-soft)}
.dk .lt .seg{background:var(--mist);border-color:var(--line)}
.dk .lt .seg button{color:var(--ink-soft)}
.dk .lt .seg button[aria-pressed="true"]{color:#fff}
.dk .lt .seg-thumb{background:var(--ink)}

/* ---- photo bands become dark photo cards; the product cards lift over their lower edge ---- */
.dk .lt .band-cat{margin-left:max(16px,calc((100vw - 1200px)/2));margin-right:max(16px,calc((100vw - 1200px)/2));border-radius:28px;background:#0b0d10}
.dk .lt .band-cat .shade{background:linear-gradient(90deg,rgba(8,9,11,.8) 0%,rgba(8,9,11,.48) 55%,rgba(8,9,11,.14) 100%)}
@media (max-width:1000px){
  .dk .lt .band-cat{border-radius:22px}
  .dk .lt .cat-band:not(.side) .shade{background:linear-gradient(180deg,rgba(8,9,11,0) calc(var(--strip)*.34),rgba(8,9,11,.8) calc(var(--strip)*.62),#0b0d10 var(--strip))}
}

/* ---- product cards: white, the vial on a soft tint ---- */
.dk .lt .pcard,.dk .lt .cat-sec .few .pcard,.dk .lt .ccard{background:#fff;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--glass-edge),var(--shadow)}
.dk .lt .pcard:hover{box-shadow:var(--glass-edge),0 2px 4px rgba(21,24,28,.05),0 30px 50px -28px rgba(21,24,28,.42)}
.dk .lt .chip{background:var(--mist);color:var(--ink)}
.dk .lt .pc-img{background:radial-gradient(60% 60% at 50% 60%,#e9efeb 0%,rgba(255,255,255,0) 72%)}
.dk .lt .cc-img{background:radial-gradient(70% 70% at 50% 60%,#e9efeb,rgba(255,255,255,0) 75%)}
.dk .lt .pc-img img,.dk .lt .cc-img img{filter:drop-shadow(0 14px 14px rgba(21,24,28,.15))!important}
.dk .lt .badges3 i{background:var(--mist);color:var(--ink-soft)}
.dk .lt .pbox{background:#fff;border-color:var(--line);color:var(--ink)}
.dk .lt .pbox[aria-pressed="true"]{background:#eef5f1;border-color:var(--sage-deep)}
.dk .lt .pbox .pp b{color:var(--ink)}
.dk .lt .pc-more,.dk .lt .pc-acts .lm{color:var(--ink)}
.dk .lt .soonbox{background:var(--bone);color:var(--ink-soft)}
.dk .lt .car-nav button{background:#fff;border:0;box-shadow:inset 0 0 0 1px rgba(21,24,28,.14);color:var(--ink)}
.dk .lt .car-nav button:hover{background:var(--ink);color:#fff}
.dk .lt .car-nav button:disabled{background:#fff;color:var(--ink);opacity:.35}

/* ---- panel, questions, care facts, buyers' words ---- */
.dk .lt .panel{background:#fff;box-shadow:var(--glass-edge),var(--shadow)}
.dk .lt .faq details{background:#fff;box-shadow:var(--glass-edge)}
.dk .lt .facts3 i{background:#fff;color:var(--sage-deep);box-shadow:inset 0 0 0 1px var(--line)}
.dk .lt .rev{background:#fff;box-shadow:var(--glass-edge)}
.dk .lt .rev.empty{background:none;box-shadow:inset 0 0 0 1.5px rgba(21,24,28,.14)}
.dk .lt .rev figcaption span{color:var(--sage-deep)}
.dk .lt>section:last-child{padding-bottom:0}

/* the hero photo settles into the light page instead of into black */
.dk .h5-bg::after{background:linear-gradient(0deg,#f5f5f2 0%,rgba(245,245,242,0) 100%);height:10%}
.dk .h5 .car-nav button{background:rgba(11,13,16,.62);color:#fff}
.dk .h5 .car-nav button:hover{background:rgba(11,13,16,.85)}

/* ---- header over light sections: light glass, ink words (site.js, YES-V5, adds .on-lt) ---- */
.dk .hdr.on-lt .nav,.dk .hdr.on-lt .hdr-act,.dk .hdr.on-lt.up .logo{background:rgba(255,255,255,.74);box-shadow:inset 0 0 0 1px rgba(21,24,28,.08),0 14px 32px -20px rgba(21,24,28,.4)}
.dk .hdr.on-lt .nv-a,.dk .hdr.on-lt .acct,.dk .hdr.on-lt .logo span,.dk .hdr.on-lt .burger{color:#15181c}
.dk .hdr.on-lt .logo img{filter:none}
.dk .hdr.on-lt .nv-pill{background:rgba(21,24,28,.08)}
.dk .hdr.on-lt .acct:hover{background:rgba(21,24,28,.07)}
.dk .hdr.on-lt .go{background:#15181c;color:#fff}
.dk .hdr.on-lt .go:hover{background:#000;color:#fff}
.dk .hdr .nav,.dk .hdr .hdr-act,.dk .hdr .logo,.dk .hdr .nv-a,.dk .hdr .acct,.dk .hdr .go{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}

/* ==== hero: bigger, bolder line (Karan, 3 Nov) ==== */
.dk .h5 h1{font-size:clamp(52px,8.4vw,124px);font-weight:600;letter-spacing:-.045em;line-height:.98}
.dk .h5-sub{font-size:18px;max-width:600px}

/* ==== trust strip: big cards, coloured pictograms, one motion each ==== */
.trust5{padding:36px 0 8px}
.tr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tr{position:relative;padding:24px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.07),0 24px 48px -34px rgba(21,24,28,.4);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.tr:hover{transform:translate3d(0,-4px,0);box-shadow:inset 0 0 0 1px rgba(21,24,28,.07),0 34px 60px -36px rgba(21,24,28,.5)}
.tr-ic{display:grid;place-items:center;width:76px;height:76px;margin-bottom:20px;border-radius:20px;background:linear-gradient(150deg,var(--t1),var(--t2));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -2px 6px rgba(21,24,28,.08),0 14px 24px -14px var(--sh)}
.tr .pg{width:44px;height:44px;overflow:visible;stroke:var(--c)}
.pg-t{fill:var(--c);fill-opacity:.2;stroke:none}
.tr b{display:block;font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.tr span{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.tr-flag{--t1:#fbeeee;--t2:#e4e8f6;--sh:rgba(60,59,110,.45)}
.tr-flag .pg-flag{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 2.5px #fff,0 8px 16px -6px rgba(60,59,110,.6)}
.tr-shield{--c:#1f7a6a;--t1:#ecf7f2;--t2:#c6e7da;--sh:rgba(31,122,106,.5)}
.tr-steth{--c:#2f55c9;--t1:#eef2fd;--t2:#cbd6f6;--sh:rgba(47,85,201,.5)}
.tr-box{--c:#c2671a;--t1:#fdf4ea;--t2:#f4d9ba;--sh:rgba(194,103,26,.5)}
.tr-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin:20px 0 0;padding:0;list-style:none}
.tr-checks li{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.08);font-size:16px;font-weight:500;line-height:1.3}
.tr-checks i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tt);color:var(--tc)}
.tr-checks svg{width:17px;height:17px}
.tone-teal{--tc:#1f7a6a;--tt:#def1e9}.tone-blue{--tc:#2f55c9;--tt:#e2e8fb}.tone-amber{--tc:#b45f16;--tt:#fbeacf}.tone-green{--tc:#2f8f5b;--tt:#dcf1e3}
@media (prefers-reduced-motion:no-preference){
  .tr .pg-flag{transform-origin:50% 92%;animation:pgSway 3.8s ease-in-out infinite alternate}
  .tr-shield .pg-m{transform-box:view-box;transform-origin:12px 12px;animation:pgPop 2.8s cubic-bezier(.22,1,.36,1) infinite}
  .tr-steth .pg-m{transform-box:view-box;transform-origin:10.8px 12.8px;animation:pgSwing 3.6s ease-in-out infinite alternate}
  .tr-box .pg-m{transform-box:view-box;transform-origin:12px 20px;animation:pgReps 2.8s cubic-bezier(.22,1,.36,1) infinite}
  .tr-steth .pg-m{animation-delay:-.9s}.tr-box .pg-m{animation-delay:-1.6s}
}
@keyframes pgSway{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
@keyframes pgSwing{from{transform:rotate(-8deg)}to{transform:rotate(5deg)}}
@keyframes pgPop{0%,58%,100%{transform:scale(1)}68%{transform:scale(1.2)}80%{transform:scale(.95)}90%{transform:scale(1.03)}}
@keyframes pgReps{0%,60%,100%{transform:translateY(0)}20%{transform:translateY(-1.8px)}36%{transform:translateY(.6px)}48%{transform:translateY(0)}}
@media (max-width:900px){
  .tr-grid{grid-template-columns:1fr 1fr;gap:12px}
  .tr{padding:18px;border-radius:18px}
  .tr-ic{width:60px;height:60px;margin-bottom:14px;border-radius:16px}
  .tr .pg,.tr-flag .pg-flag{width:36px;height:36px}
  .tr b{font-size:17px}
  .tr span{font-size:14px}
  .tr-checks{justify-content:flex-start;gap:8px}
  .tr-checks li{font-size:14px;padding:6px 14px 6px 6px}
  .tr-checks i{width:28px;height:28px}
}

/* ==== research use only vs a prescription ==== */
.sw5{padding:104px 0 72px}
.sw5-head{max-width:780px}
.sw5-head h2{margin-top:8px;font-size:clamp(38px,4.8vw,66px);line-height:1.02}
.sw5-head h2>span:not(.wd),.pv5-copy h2>span:not(.wd){color:#8a9096}
.sw5-head>p:not(.lbl){margin-top:18px;max-width:36em;font-size:18px;line-height:1.5;color:var(--ink-soft)}
.mono-l,.lab-rc .lab-in,.lab-stamp{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}
.lab-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.lab{margin:0}
.lab figcaption{margin-bottom:12px;font-size:14px;font-weight:500;color:var(--ink-soft)}
.lab-card{position:relative;display:grid;place-items:center;min-height:330px;padding:32px 28px 56px;border-radius:24px;overflow:hidden}
.lab-rc .lab-card{background:repeating-linear-gradient(135deg,#ebeae5 0 12px,#e5e4de 12px 24px);box-shadow:inset 0 0 0 1px rgba(21,24,28,.08)}
.lab-rc .lab-in{width:100%;max-width:360px;padding:22px 24px;border-radius:10px;background:#fbfbf8;border:1px solid rgba(21,24,28,.16);transform:rotate(-1.5deg);box-shadow:0 18px 30px -24px rgba(21,24,28,.5)}
.lab-rc .lr-name{margin:0;font-family:Jost,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.02em}
.lr-big{margin:12px 0 0;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a3392a}
.lr-sm{margin:4px 0 0;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lr-no{display:grid;gap:6px;margin:18px 0 0;padding:14px 0 0;border-top:1px dashed rgba(21,24,28,.2);list-style:none;font-size:13px;color:var(--ink-soft)}
.lr-no li::before{content:"\00d7";display:inline-block;width:18px;font-weight:700;color:#c8432f}
.lab-stamp{position:absolute;right:24px;bottom:22px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:2px solid #c8432f;border-radius:10px;color:#c8432f;font-style:normal;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-7deg);background:rgba(255,255,255,.6)}
.lab-rx .lab-card{background:radial-gradient(80% 90% at 70% 20%,#ffffff 0%,#eef5f1 100%);box-shadow:inset 0 0 0 1px rgba(21,24,28,.07),0 34px 64px -44px rgba(21,24,28,.5)}
.lab-rx .lab-in{width:100%;max-width:420px;padding:20px 22px 8px;border-radius:12px;background:#fff;border:1px solid rgba(21,24,28,.12);box-shadow:0 22px 40px -30px rgba(21,24,28,.55)}
.lr-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding-bottom:12px;border-bottom:2px solid var(--ink);font-size:12px;color:var(--ink-soft)}
.lr-top b{font-size:20px;font-weight:600;color:var(--ink);white-space:nowrap}
.lr-top span{text-align:right}
.lr-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:baseline;margin:0;padding:11px 0;border-bottom:1px dashed rgba(21,24,28,.16);font-size:15px;line-height:1.35}
.lr-row:last-child{border-bottom:0}
.lr-row span{font-size:12px;color:var(--muted)}
.lr-row b{font-weight:500}
.lab-stamp.ok{border-color:#1f7a6a;color:#1f7a6a;font-family:Jost,sans-serif;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;transform:rotate(-4deg)}
.lab-stamp svg,.vs5-us svg,.pvw svg.ok,.pvw-list svg,.pvw-done svg{flex:none}
.lab-stamp.ok svg{width:20px;height:20px}
.lab-stamp.ok circle,.vs5-us circle,.pvw-list circle,.pvw-done circle{fill:#1f7a6a}
.lab-stamp.ok path,.vs5-us path,.pvw-list path,.pvw-done path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pvw-done circle{fill:#fff}.pvw-done path{stroke:#1f7a6a}
.lab-note{grid-column:1/-1;margin:0}
/* motion: the research label dims and gets stamped, then ours prints line by line and gets its stamp */
.js .lab-pair:not(.on) .lab-stamp,.js .lab-pair:not(.on) .lab-rx [style*="--l"]{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .lab-pair.on .lab-rc .lab-in{animation:labDim .7s ease .2s both}
  .lab-pair.on .lab-rc .lab-stamp{animation:labStamp .5s cubic-bezier(.2,1.4,.4,1) .6s both}
  .lab-pair.on .lab-rx [style*="--l"]{animation:labPrint .45s cubic-bezier(.2,.8,.2,1) calc(1s + var(--l) * .26s) both}
  .lab-pair.on .lab-rx .lab-stamp{animation:labStampOk .5s cubic-bezier(.2,1.4,.4,1) 2.5s both}
}
@keyframes labDim{to{opacity:.62}}
@keyframes labStamp{from{opacity:0;transform:rotate(-7deg) scale(1.9)}to{opacity:1;transform:rotate(-7deg) scale(1)}}
@keyframes labStampOk{from{opacity:0;transform:rotate(-4deg) scale(1.9)}to{opacity:1;transform:rotate(-4deg) scale(1)}}
@keyframes labPrint{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}

/* the comparison: our column is the dark one */
.vs5{margin-top:48px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.07),0 34px 64px -48px rgba(21,24,28,.45);overflow:hidden}
.vs5-h,.vs5-r{display:grid;grid-template-columns:minmax(0,1fr) 200px 230px;align-items:stretch}
.vs5-h b{padding:22px 16px;font-size:16px;font-weight:600;text-align:center}
.vs5-h .vs5-us{background:var(--ink);color:#fff}
.vs5-h .vs5-rc{color:var(--muted)}
.vs5-g{padding:24px 28px 10px;border-top:1px solid var(--line);font-size:14px;font-weight:600;color:var(--sage-deep)}
.vs5-h+.vs5-g{border-top:0}
.vs5-r{border-top:1px solid rgba(21,24,28,.06)}
.vs5-t{padding:16px 28px;font-size:16px;line-height:1.4}
.vs5-r .vs5-us{display:grid;place-items:center;background:rgba(31,122,106,.06)}
.vs5-us svg{width:28px;height:28px}
.vs5-rc{display:flex;align-items:center;justify-content:center;padding:14px 16px;font-size:14px;line-height:1.35;text-align:center;color:var(--muted)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.js .vs5:not(.on) .vs5-r .vs5-us svg{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .vs5.on .vs5-r .vs5-us svg{animation:vsPop .5s cubic-bezier(.2,1.4,.4,1) calc(.15s + var(--i) * 80ms) both}
}
@keyframes vsPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.sw5-foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sw5-fine{margin-top:18px;max-width:760px}
@media (max-width:860px){
  .lab-pair{grid-template-columns:1fr}
  .lab-card{min-height:0;padding:24px 18px 64px}
}
@media (max-width:760px){
  .sw5{padding:72px 0 48px}
  .sw5-head>p:not(.lbl){font-size:16px}
  .vs5{border-radius:18px}
  .vs5-h,.vs5-r{grid-template-columns:minmax(0,1fr) 64px 92px}
  .vs5-h b{padding:14px 6px;font-size:12px;line-height:1.25}
  .vs5-g{padding:18px 16px 8px}
  .vs5-t{padding:13px 12px 13px 16px;font-size:14px}
  .vs5-us svg{width:24px;height:24px}
  .vs5-rc{padding:10px 8px;font-size:12px}
  .lr-row{grid-template-columns:92px minmax(0,1fr);font-size:14px}
  .sw5-foot .btn{width:100%}
}

/* ==== provider-led care, with a review screen that ticks through ==== */
.pv5{padding:96px 0 48px}
.pv5-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:64px;align-items:center}
.pv5-copy h2{margin-top:8px;font-size:clamp(38px,4.6vw,62px);line-height:1.02}
.pv5-lede{margin-top:16px;max-width:34em;font-size:18px;line-height:1.5;color:var(--ink-soft)}
.pv5-list{display:grid;gap:18px;margin:28px 0 32px;padding:0;list-style:none}
.pv5-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.pv5-list i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.08);color:#1f7a6a}
.pv5-list i svg{width:20px;height:20px}
.pv5-list b{display:block;font-size:18px;font-weight:600;line-height:1.3}
.pv5-list p{margin:2px 0 0;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.pv5-ui{margin:0}
.pvw{border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.08),0 60px 100px -56px rgba(21,24,28,.6);overflow:hidden}
.pvw-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fafaf8;font-size:13px;color:var(--muted)}
.pvw-bar i{width:10px;height:10px;border-radius:50%;background:#e2e1db}
.pvw-bar span{margin-left:10px}
.pvw-body{padding:22px 24px 24px}
.pvw-pt{display:flex;align-items:center;gap:12px}
.pvw-av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e2e8fb;color:#2f55c9;font-weight:600}
.pvw-pt b{display:block;font-size:16px;font-weight:600}
.pvw-pt span{font-size:13px;color:var(--muted)}
.pvw-st{margin-left:auto;padding:5px 11px;border-radius:999px;background:#fbeacf;color:#a3560f;font-style:normal;font-size:12px;font-weight:600}
.pvw-rx{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border-radius:14px;background:#f5f6f3}
.pvw-rx img{width:22px;height:auto}
.pvw-rx b{display:block;font-size:15px;font-weight:600}
.pvw-rx span{font-size:13px;color:var(--muted)}
.pvw-list{margin:12px 0 0;padding:0;list-style:none}
.pvw-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid rgba(21,24,28,.07);font-size:15px}
.pvw-list em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:13px;font-weight:600;color:#1f7a6a}
.pvw-list svg{width:18px;height:18px}
.pvw-sign{margin-top:16px}
.pvw-sign span{font-size:12px;color:var(--muted)}
.pvw-sign svg{display:block;width:100%;max-width:300px;height:46px}
.pvw-sign path{fill:none;stroke:#15181c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.pvw-done{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 16px 10px 12px;border-radius:12px;background:#1f7a6a;color:#fff;font-size:15px;font-weight:600}
.pvw-done svg{width:20px;height:20px}
.pv5-fine{margin-top:20px}
.js .pv5-ui:not(.on) .pvw-list em,.js .pv5-ui:not(.on) .pvw-done{opacity:0}
.js .pv5-ui:not(.on) .pvw-sign path{stroke-dashoffset:1}
@media (prefers-reduced-motion:no-preference){
  .pv5-ui.on .pvw-list em{animation:vsPop .45s cubic-bezier(.2,1.4,.4,1) calc(.4s + var(--k) * .55s) both}
  .pv5-ui.on .pvw-sign path{animation:pvSign 1.1s cubic-bezier(.45,0,.2,1) 2.5s both}
  .pv5-ui.on .pvw-done{animation:vsPop .5s cubic-bezier(.2,1.4,.4,1) 3.5s both}
  .pv5-ui.on .pvw-st{animation:pvSt .3s ease 3.4s both}
}
@keyframes pvSign{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pvSt{to{opacity:0}}
@media (max-width:980px){.pv5-in{grid-template-columns:minmax(0,1fr);gap:36px}}
@media (max-width:760px){.pv5{padding:64px 0 32px}.pv5-lede{font-size:16px}.pvw-body{padding:18px}.pv5-copy .btn{width:100%}}

/* header between 1081 and 1200 px: the menu squeezed the logo until "PEPTIDES" slid under it. Tighter menu, logo keeps its size */
.dk .hdr .logo{flex:none}
@media (min-width:1081px) and (max-width:1200px){
  .dk .hdr-in{gap:8px}
  .dk .nv-a{padding:10px 11px;font-size:13px}
}

/* ==== hero depth (3 Nov): the ridge drifts like a camera tracking the runner; on scroll and under the pointer the runner moves
   faster than the ridge, so he stands out from it. Two layers of the same photo, aligned at rest; transform only ==== */
.h5{background:linear-gradient(180deg,#0b5ea5 0,#0e64ab 190px,#0e64ab 200px,#f5f5f2 200px)}
.h5-bg{top:190px}
.h5-bg::before{background:linear-gradient(180deg,#0e64ab 0%,rgba(14,100,171,0) 100%)}
.h5-drift{position:absolute;inset:0;overflow:hidden}
.h5-bg .h5-plate,.h5-bg .h5-run{position:absolute;inset:0}
.h5-run{z-index:0;translate:calc(var(--hx,0) * 14px) calc(var(--hy,0) * 8px);transition:translate .6s cubic-bezier(.2,.8,.2,1)}
.h5-drift .h5-plate{translate:calc(var(--hx,0) * -6px) calc(var(--hy,0) * -4px);transition:translate .6s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:no-preference){
  .h5-drift{animation:h5drift 18s ease-in-out infinite alternate}
}
@keyframes h5drift{from{transform:translate3d(-1%,0,0) scale(1.04)}to{transform:translate3d(1.2%,0,0) scale(1.04)}}
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    .h5-bg .h5-run{animation:h5run linear both;animation-timeline:scroll(root);animation-range:0 1300px}
  }
}
@keyframes h5run{from{transform:translate3d(0,0,0) scale(1.02)}to{transform:translate3d(0,1.5%,0) scale(1.07)}}
@media (max-width:760px){
  .h5{background:linear-gradient(180deg,#0b5ea5 0,#0e64ab 250px,#0e64ab 281px,#f5f5f2 281px)}
  .h5-bg{top:280px}
}

/* vials sit on Superpower's off-white (#fafafa, sampled 3 Nov), the same tone as our label, so the label melts into its tile */
.dk .lt{--vial-bg:#fafafa}
.dk .lt .pc-img,.dk .lt .cc-img{background:var(--vial-bg);box-shadow:inset 0 0 0 1px rgba(21,24,28,.04)}
.dk .lt .ex{background:var(--vial-bg)}
.dk .lt .ex::before{display:none}
.dk .lt .tile{background:var(--vial-bg)}

/* ==== the rest of the site goes light too (Karan, 3 Nov: "yes" to product and category pages). Dark moments stay:
   the category photo band, the closing band, the footer, the buy bar and the quiz ==== */
.dk .lt-over{background:linear-gradient(180deg,transparent 0,transparent 150px,var(--bone) 150px)}
.dk .lt .page-hero{padding-top:112px}
.dk .lt .crumb,.dk .lt .crumb a{color:var(--muted)}
.dk .lt .crumb a:hover{color:var(--ink)}
.dk .lt .why2,.dk .lt .why2.compact{background:#fff;box-shadow:var(--glass-edge),var(--shadow)}
.dk .lt .why2.whyp{background:none;box-shadow:none}
.dk .lt .why2 .pill-ok{color:var(--sage-deep);background:rgba(47,107,102,.1)}
.dk .lt .why2-head p{color:var(--ink-soft)}
.dk .lt .step,.dk .lt .pfill,.dk .lt .disc-box{background:#fff;color:var(--ink);box-shadow:var(--glass-edge)}
.dk .lt .step b{color:var(--sage-deep)}
.dk .lt .table,.dk .lt .tw{background:#fff;color:var(--ink)}
.dk .lt .table th{background:var(--mist);color:var(--ink-soft)}
.dk .lt .table td{border-color:var(--line)}
.dk .lt .legal-doc h2,.dk .lt .legal-doc a{color:var(--ink)}
.dk .lt .wait input{background:#fff;border-color:var(--line);color:var(--ink)}
.dk .lt .pills button{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.dk .lt .pills button:hover{background:var(--mist)}
.dk .lt .pills button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.dk .lt .pills.sm button{background:none}
.dk .lt .pills.sm button[aria-pressed="true"]{background:#dff1ea;color:#1f5f53}
.dk .lt .shop-bar{background:rgba(245,245,242,.94);border-color:var(--line)}
.dk .lt .shop-n,.dk .lt .shop-empty{color:var(--ink)}
/* product page: the vial on Superpower's off-white tile, everything else on one white panel */
.dk .lt .pdp-top{padding-top:104px;max-width:1320px}
.dk .lt .pdp-img{background:var(--vial-bg);border-radius:28px;box-shadow:inset 0 0 0 1px rgba(21,24,28,.05)}
.dk .lt .pdp-img img{filter:drop-shadow(0 26px 30px rgba(21,24,28,.2))!important}
.dk .lt .pdp>div:last-child{background:#fff;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--glass-edge),0 30px 60px -44px rgba(21,24,28,.45)}
.dk .lt .pdp .what b,.dk .lt .pdp .dose,.dk .lt .pdp .dose b,.dk .lt .summary b{color:var(--ink)}
.dk .lt .checks4 svg{color:var(--sage-deep)}
.dk .lt .pdp-glow{background:radial-gradient(closest-side,rgba(47,107,102,.12),transparent)}
.dk .lt .pdp-ring{box-shadow:inset 0 0 0 1.5px rgba(47,107,102,.4)}
@media (max-width:900px){.dk .lt .pdp-top{padding-top:96px}}
/* the small promo line above the header was white text; on pages that start light it needs ink */
.dk:has(main>.lt:first-child) .promo{color:#4b5058}
.dk:has(main>.lt:first-child) .promo a{color:#15181c}

/* ==== shipped cold: the box turns icy blue and carries one snowflake ==== */
.tr-box{--c:#2a86c4;--t1:#eef6fd;--t2:#cfe3f5;--sh:rgba(42,134,196,.5)}
.pg-a{stroke:var(--c)}

/* ==== product page buy box: three trust lines, then three quick answers ==== */
.buy-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none}
.buy-trust li{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--bone,#f5f5f2);font-size:13px;font-weight:500;line-height:1.25}
.buy-trust img,.buy-trust .pg{flex:none;width:22px;height:22px;overflow:visible}
.bt-cold{--c:#2a86c4}.bt-shield{--c:#1f7a6a}
.buy-trust .pg{stroke:var(--c)}
.mfaq{margin-top:18px;border-top:1px solid var(--line)}
.mfaq details{border-bottom:1px solid var(--line)}
.mfaq summary{position:relative;padding:14px 28px 14px 0;font-size:15px;font-weight:500;list-style:none;cursor:pointer}
.mfaq summary::-webkit-details-marker{display:none}
.mfaq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:20px;color:var(--sage-deep);transition:transform .2s ease}
.mfaq details[open] summary::after{transform:rotate(45deg)}
.mfaq p{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ink-soft)}
@media (max-width:520px){.buy-trust{grid-template-columns:1fr}}

/* ==== why a prescription costs more: a receipt that prints line by line ==== */
.rc5{padding:88px 0 56px}
.rc5-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:64px;align-items:center}
.rc5-copy h2{margin-top:8px;font-size:clamp(36px,4.4vw,58px);line-height:1.03}
.rc5-copy h2>span:not(.wd),.sci5-head h2>span:not(.wd){color:#8a9096}
.rc5-copy>p:not(.lbl){margin-top:16px;max-width:34em;font-size:18px;line-height:1.5;color:var(--ink-soft)}
.rc5-rc{margin-top:24px;padding:18px 20px;border-radius:16px;background:repeating-linear-gradient(135deg,#ebeae5 0 12px,#e5e4de 12px 24px);box-shadow:inset 0 0 0 1px rgba(21,24,28,.08);max-width:440px}
.rc5-rc b{display:block;font-size:14px;font-weight:600;color:#a3392a}
.rc5-rc p{margin:4px 0 0;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.rcpt{margin:0}
.rcpt-paper{position:relative;padding:26px 26px 30px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 40px 70px -46px rgba(21,24,28,.55),inset 0 0 0 1px rgba(21,24,28,.06);font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle 7px at 50% 100%,transparent 6.5px,#000 7px) bottom/16px 12px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle 7px at 50% 100%,transparent 6.5px,#000 7px) bottom/16px 12px repeat-x}
.rcpt-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding-bottom:14px;border-bottom:2px dashed rgba(21,24,28,.2);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rcpt-h img{width:48px;height:auto}
.rcpt ul{margin:0;padding:0;list-style:none}
.rcpt li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dotted rgba(21,24,28,.18);font-size:13.5px;line-height:1.35;color:var(--ink)}
.rcpt li em{flex:none;font-style:normal;font-weight:600;color:#1f7a6a}
.rcpt-tot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:14px 0 0;padding-top:12px;border-top:2px solid var(--ink);font-size:13px}
.rcpt-tot b{font-family:Jost,sans-serif;font-size:22px;font-weight:600;white-space:nowrap}
.rcpt figcaption{margin-top:10px}
.js .rcpt:not(.on) li,.js .rcpt:not(.on) .rcpt-tot{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .rcpt.on li,.rcpt.on .rcpt-tot{animation:labPrint .4s cubic-bezier(.2,.8,.2,1) calc(.2s + var(--l) * .18s) both}
}
@media (max-width:980px){.rc5-in{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:760px){.rc5{padding:64px 0 40px}.rc5-copy>p:not(.lbl){font-size:16px}.rcpt-paper{padding:20px 18px 26px}}

/* ==== how it works: the vial sends a signal through three steps (Immortals-style), drawn when seen ==== */
.sci5{padding:96px 0 40px}
.sci5-head h2{margin-top:8px;font-size:clamp(36px,4.4vw,58px);line-height:1.03}
.sci5-flow{position:relative;display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));gap:18px;align-items:center;margin-top:40px}
.sci5-vial{position:relative;display:grid;place-items:center;height:300px;border-radius:24px;background:var(--vial-bg,#fafafa);box-shadow:inset 0 0 0 1px rgba(21,24,28,.05)}
.sci5-vial img{position:relative;height:250px;width:auto;filter:drop-shadow(0 20px 22px rgba(21,24,28,.2))}
.sci5-glow{position:absolute;inset:18% 12%;border-radius:50%;background:radial-gradient(closest-side,rgba(47,107,102,.18),transparent)}
.sci5-steps{display:contents;list-style:none}
.sci5-steps li{position:relative;z-index:1;align-self:stretch;padding:22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.07),0 24px 44px -32px rgba(21,24,28,.4)}
.sci5-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1f7a6a;color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.sci5-steps b{display:block;margin-top:14px;font-size:18px;font-weight:600;line-height:1.25}
.sci5-steps p{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.sci5-line{position:absolute;left:220px;right:24px;top:50%;height:2px;background:rgba(31,122,106,.18);transform-origin:0 50%;overflow:visible}
.sci5-line i{position:absolute;left:0;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#1f7a6a;box-shadow:0 0 0 6px rgba(31,122,106,.18);opacity:0}
.sci5-ev{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 24px;margin-top:28px;padding:22px 24px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.07)}
.sci5-ev b{font-size:15px;font-weight:600}
.sci5-ev p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-soft)}
.sci5-ev .sci5-src{grid-column:2;font-size:13px;color:var(--muted)}
.sci5-src a{color:inherit}
.sci5-fine{margin-top:14px}
.js .sci5-flow:not(.on) .sci5-steps li{opacity:0}
.js .sci5-flow:not(.on) .sci5-line{transform:scaleX(0)}
@media (prefers-reduced-motion:no-preference){
  .sci5-flow.on .sci5-line{animation:sciLine 1.4s cubic-bezier(.45,0,.2,1) .1s both}
  .sci5-flow.on .sci5-steps li{animation:labPrint .55s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--k) * .42s) both}
  .sci5-flow.on .sci5-line i{animation:sciPulse 3.6s cubic-bezier(.45,0,.2,1) 1.8s infinite}
}
@keyframes sciLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sciPulse{0%{left:0;opacity:0}8%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
@media (max-width:980px){
  .sci5-flow{grid-template-columns:minmax(0,1fr);gap:12px}
  .sci5-vial{height:220px}.sci5-vial img{height:180px}
  .sci5-line{left:24px;right:auto;top:220px;bottom:0;width:2px;height:auto;transform-origin:50% 0}
  .js .sci5-flow:not(.on) .sci5-line{transform:scaleY(0)}
  .sci5-flow.on .sci5-line{animation-name:sciLineV}
  .sci5-flow.on .sci5-line i{animation-name:sciPulseV}
  .sci5-steps li{margin-left:44px}
  .sci5-ev{grid-template-columns:minmax(0,1fr)}.sci5-ev .sci5-src{grid-column:1}
}
@keyframes sciLineV{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes sciPulseV{0%{top:0;left:50%;opacity:0}8%{opacity:1}85%{opacity:1}100%{top:100%;left:50%;opacity:0}}
@media (max-width:760px){.sci5{padding:64px 0 24px}}

/* ================= Round 6 (Karan, 4 Nov 2026) ================= */

/* ---- Buttons: "Start your assessment buttons on all of this website should look more pretty".
   A soft pill with a lit top edge; the arrow sits in its own round chip and slides through on hover. Press answers at once. */
.arr i{display:block;font-style:normal}
.dk .btn:is(.btn-ink,.btn-sage,.btn-white){--chip:#15181c;--chip-ink:#fff;background:linear-gradient(180deg,#fff 0%,#eceef1 100%);color:#15181c;box-shadow:inset 0 -1px 0 rgba(21,24,28,.08),0 1px 2px rgba(0,0,0,.18),0 14px 30px -16px rgba(0,0,0,.65);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,background-color .2s ease}
.dk .lt .btn:is(.btn-ink,.btn-sage,.btn-white){--chip:#fff;--chip-ink:#15181c;background:linear-gradient(180deg,#30353d 0%,#15181c 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(21,24,28,.28),0 14px 30px -14px rgba(21,24,28,.6)}
.dk .lt :is(.band-cat,.partner) .btn-white{--chip:#15181c;--chip-ink:#fff;background:linear-gradient(180deg,#fff 0%,#eceef1 100%);color:#15181c}
.dk .btn:is(.btn-ink,.btn-sage,.btn-white):hover{transform:translateY(-1px);box-shadow:inset 0 -1px 0 rgba(21,24,28,.08),0 2px 4px rgba(0,0,0,.18),0 20px 36px -16px rgba(0,0,0,.7)}
.dk .lt .btn:is(.btn-ink,.btn-sage,.btn-white):hover{background:linear-gradient(180deg,#3a4049 0%,#1b1f24 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 4px rgba(21,24,28,.28),0 20px 36px -14px rgba(21,24,28,.66)}
.dk .lt :is(.band-cat,.partner) .btn-white:hover{background:linear-gradient(180deg,#fff 0%,#e4e7ea 100%);color:#15181c}
.dk .btn:is(.btn-ink,.btn-sage,.btn-white):active{transform:scale(.97);transition-duration:.1s}
.dk .btn:is(.btn-ink,.btn-sage,.btn-white):has(>.arr){padding:7px 7px 7px 24px;gap:16px}
.dk .btn-lg:is(.btn-ink,.btn-sage,.btn-white):has(>.arr){padding:8px 8px 8px 30px}
.dk .btn:is(.btn-ink,.btn-sage,.btn-white)>.arr{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:50%;overflow:hidden;background:var(--chip);color:var(--chip-ink);transform:none!important}
.dk .btn:is(.btn-ink,.btn-sage,.btn-white)>.arr i{text-shadow:-2.4em 0 currentColor;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.dk .btn:is(.btn-ink,.btn-sage,.btn-white):hover>.arr i{transform:translate3d(2.4em,0,0)}
.dk .btn-block:is(.btn-ink,.btn-sage,.btn-white):has(>.arr){position:relative;padding:8px 64px}
.dk .btn-block:is(.btn-ink,.btn-sage,.btn-white)>.arr{position:absolute;right:8px;top:50%;margin-top:-1.2em}
.dk .bb-in .btn:is(.btn-ink,.btn-sage,.btn-white):has(>.arr){padding:14px 18px}
.dk .bb-in .btn:is(.btn-ink,.btn-sage,.btn-white)>.arr{display:none}
@media (prefers-reduced-motion:reduce){.dk .btn>.arr i{transition:none}.dk .btn:hover>.arr i{transform:none}}

/* ---- Shop by goal: on hover the card takes its goal's colour and the vials fan out (Karan, 4 Nov: "like Phoenix") ---- */
.ex-muscle-growth{--hc:#2b5be0;--hc2:#1638a6}
.ex-weight-loss{--hc:#d63a78;--hc2:#a21a52}
.ex-neuro-and-cognitive{--hc:#7046e6;--hc2:#4a25b5}
.ex-recovery-and-vitality{--hc:#ec6b2b;--hc2:#bf4713}
.dk .lt .ex{isolation:isolate;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}
.dk .lt .ex::before{display:block;content:"";position:absolute;inset:0;height:auto;border-radius:inherit;z-index:0;opacity:0;background:radial-gradient(130% 95% at 50% 100%,var(--hc) 0%,var(--hc2) 100%);transition:opacity .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
.dk .lt .ex::after{z-index:0}
.dk .lt .ex-t{position:relative;z-index:1}
.dk .lt .ex-go,.dk .lt .ex-v{z-index:1}
.dk .lt .ex-t b,.dk .lt .ex-t em{transition:color .35s ease}
.dk .lt .ex-go{transition:background-color .35s ease,color .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.dk .lt .ex-v{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.dk .lt .ex-v img{transition:translate .6s cubic-bezier(.22,1,.36,1),rotate .6s cubic-bezier(.22,1,.36,1),scale .6s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){
  .dk .lt .ex:hover{transform:translateY(-4px);box-shadow:0 34px 60px -34px var(--hc2)}
  .dk .lt .ex:hover::before{opacity:1}
  .dk .lt .ex:hover::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.2),rgba(255,255,255,0) 62%)}
  .dk .lt .ex:hover .ex-t b{color:#fff}
  .dk .lt .ex:hover .ex-t em{color:rgba(255,255,255,.82)}
  .dk .lt .ex:hover .ex-go{background:#fff;color:var(--hc2);box-shadow:none;transform:translateX(3px)}
  .dk .lt .ex:hover .ex-v{transform:translateY(-34px)}
  .dk .lt .ex:hover .ex-v img:nth-child(1){translate:-24px 8px;rotate:-6deg}
  .dk .lt .ex:hover .ex-v img:nth-child(2){scale:1.08}
  .dk .lt .ex:hover .ex-v img:nth-child(3){translate:24px 8px;rotate:6deg}
}
@media (prefers-reduced-motion:reduce){.dk .lt .ex:hover .ex-v,.dk .lt .ex:hover .ex-v img{transform:none;translate:none;rotate:none;scale:none}}

/* ---- Flag scene: no hard cut from bone to black. Dusk into deep navy, the flag already there but very dark, then rising ---- */
.sc-in{display:block;height:clamp(170px,32vh,340px);background:linear-gradient(180deg,#f5f5f2 0%,#e4e7ec 14%,#aab3c2 32%,#5d6a82 50%,#26334e 66%,#111a2e 80%,#0b1324 90%,#0b1324 100%)}
.sc-out{display:block;height:clamp(150px,26vh,280px);background:linear-gradient(180deg,#0b1324 0%,#0b1324 10%,#111a2e 20%,#26334e 34%,#5d6a82 50%,#aab3c2 68%,#e4e7ec 86%,#f5f5f2 100%)}
.sc-in i{display:none}
.dk .scene{background:radial-gradient(90% 55% at 50% 52%,#16243f 0%,#0b1324 72%)}
.sc-flag::after{background:linear-gradient(180deg,#0b1324 0%,rgba(11,19,36,0) 16%),radial-gradient(75% 75% at 50% 50%,rgba(11,19,36,0) 30%,#0b1324 100%)}
.dk .scene.live .sc-l,.dk .scene.live .sc-r{background:rgba(11,19,36,.55)}
@keyframes scflag{0%{opacity:0}10%,56%{opacity:.17}76%,100%{opacity:.62}}
@media (max-width:900px){.sc-foot{background:#0b1324}}

/* ---- Photo crops (Karan, 4 Nov): heads back in the life collage; the closing couple shown from the top of the photo ---- */
.collage .col:nth-child(1){margin-top:0}
.collage .col:nth-child(2){margin-top:44px}
.collage .col:nth-child(3){margin-top:16px}
.collage img{object-position:50% 20%}
.dk .cta-band .shade{background:linear-gradient(90deg,rgba(8,9,11,.9) 0%,rgba(8,9,11,.55) 50%,rgba(8,9,11,.08) 100%),linear-gradient(0deg,#08090b 0%,rgba(8,9,11,0) 24%),linear-gradient(180deg,rgba(8,9,11,.55) 0%,rgba(8,9,11,0) 9%)}

/* ---- As seen on ---- */
.dk .press-g span{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:4px 12px;opacity:.66}
.dk .lt .press{padding:28px 0;border-top:0;border-bottom:1px solid var(--line)}
.dk .lt .press-l{font-size:15px;font-weight:500;color:var(--muted);white-space:nowrap}
.dk .lt .press-g :is(a,span){opacity:.5;transition:opacity .2s ease}
.dk .lt .press-g a:hover{opacity:.9}

/* ---- Product page: pictograms people can read (badges3), IM8 check chips, doctor row ---- */
.dk .lt .pdp-media .badges3{gap:12px;margin-top:20px}
.dk .lt .badges3 li{display:grid;justify-items:center;gap:10px;font-size:15px;font-weight:600;line-height:1.25;color:var(--ink);text-align:center}
.dk .lt .badges3 i{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.1),0 12px 24px -18px rgba(21,24,28,.45)}
.dk .lt .badges3 .pg{width:34px;height:34px;overflow:visible;stroke:var(--c)}
.dk .lt .badges3 .pg-flag{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 6px 12px -6px rgba(60,59,110,.6)}
.b3-shield{--c:#1f7a6a}.b3-steth{--c:#2f55c9}
@media (prefers-reduced-motion:no-preference){
  .b3-shield .pg-m{transform-box:view-box;transform-origin:12px 12px;animation:pgPop 2.8s cubic-bezier(.22,1,.36,1) infinite}
  .b3-steth .pg-m{transform-box:view-box;transform-origin:10.8px 12.8px;animation:pgSwing 3.6s ease-in-out infinite alternate}
}
.docrow{display:flex;align-items:center;gap:12px;margin:0;font-size:14px;line-height:1.3;color:var(--ink-soft)}
.docrow b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.dav{display:flex;flex:none}
.dav img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 16%;border:2px solid #fff;box-shadow:0 3px 8px -2px rgba(21,24,28,.3)}
.dav img+img{margin-left:-12px}
.chk4{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0;padding:0;list-style:none}
.chk4 li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.13);font-size:14px;font-weight:500;line-height:1.2;color:var(--ink)}
.chk4 svg,.pb-inc-in svg{width:20px;height:20px;flex:none}
.chk4 circle,.pb-inc-in circle{fill:#1f7a6a}
.chk4 path,.pb-inc-in path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---- Plan cards, IM8 style: biggest first, the chosen card opens to show what is in it ---- */
.dk .lt .plans{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.dk .lt .plans .pbox{position:relative;display:block;width:100%;margin:0;padding:16px 18px;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.14);text-align:left;color:var(--ink);cursor:pointer;transition:box-shadow .25s ease,background-color .25s ease,transform .2s cubic-bezier(.22,1,.36,1)}
.dk .lt .plans .pbox:hover{box-shadow:inset 0 0 0 1px rgba(21,24,28,.32)}
.dk .lt .plans .pbox[aria-pressed="true"]{background:#f3f8f6;box-shadow:inset 0 0 0 2px #1f7a6a,0 18px 36px -26px rgba(31,122,106,.7)}
.dk .lt .plans .pbox:active{transform:scale(.985);transition-duration:.1s}
.dk .lt .plans .pbox:focus-visible{outline:2px solid #1f7a6a;outline-offset:3px}
.pb-flag{position:absolute;top:0;right:0;padding:6px 12px;border-radius:0 18px 0 12px;background:#1f7a6a;color:#fff;font-size:12px;font-weight:600;line-height:1.2}
.pb-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.plans .pbox.best .pb-head{padding-right:96px}
.pb-dot{flex:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(21,24,28,.35);transition:box-shadow .25s cubic-bezier(.22,1,.36,1)}
.plans .pbox[aria-pressed="true"] .pb-dot{box-shadow:inset 0 0 0 6px #1f7a6a}
.pb-name{font-size:17px;font-weight:600}
.dk .lt .plans .pbox .save{padding:4px 10px;border-radius:999px;background:#e1f1eb;color:#145c50;font-size:12px;font-weight:600;letter-spacing:0}
.pb-prop{padding:4px 10px;border-radius:999px;background:#fdf0d8;color:#8a4a0b;font-size:12px;font-weight:600}
.pb-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;margin-top:8px;padding-left:30px}
.pb-price b{font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.pb-price small{font-size:14px;color:var(--muted)}
.pb-tot{margin-left:auto;font-size:15px;font-weight:600}
.pb-meta{display:block;margin-top:2px;padding-left:30px;font-size:13px;color:var(--muted)}
.pb-inc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}
.plans .pbox[aria-pressed="true"] .pb-inc{grid-template-rows:1fr}
.pb-inc-in{display:grid;gap:8px;min-height:0;overflow:hidden;padding-left:30px}
.pb-inc-in span{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.3;color:var(--ink-soft)}
.pb-inc-in span:first-child{margin-top:14px}
.pb-inc-in span:last-child{margin-bottom:2px}
.dk .lt .summary{margin-top:14px}
.btn-buy{margin-top:12px;min-height:58px;font-size:17px}

/* ---- Proof under the button (IM8's credibility stack, our facts) ---- */
.cred{display:grid;gap:10px;margin-top:20px}
.cred-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.1);color:var(--ink);text-decoration:none;transition:box-shadow .2s ease}
.cred-card:hover{box-shadow:inset 0 0 0 1px rgba(21,24,28,.28)}
.cred-card>img{width:34px;height:34px;border-radius:50%}
.cred-card b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.cred-card em{display:block;font-style:normal;font-size:13px;line-height:1.35;color:var(--muted)}
.cred-go{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1f7a6a;white-space:nowrap}
.cred-card:hover .cred-go .arr{transform:translateX(3px)}
.cred3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.cred3 li{display:grid;justify-items:center;align-content:start;gap:8px;padding:8px 4px;text-align:center;font-size:14px;font-weight:600;line-height:1.25;color:var(--ink)}
.cred3 i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.1)}
.cred3 svg{width:28px;height:28px;overflow:visible}
.c3-refund i{color:#b0601a}.c3-card i{color:#1f7a6a}
.c3-cold .pg{stroke:#2a86c4;--c:#2a86c4}
.cred-facts{padding:16px 16px 18px;border-radius:16px;background:#fbfaf6;box-shadow:inset 0 0 0 1px rgba(21,24,28,.1);text-align:center}
.cred-facts p{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ink-soft)}
.cred-facts div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cred-facts span{display:grid;gap:2px;font-size:12.5px;line-height:1.25;color:var(--ink-soft)}
.cred-facts b{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:#1f7a6a;font-variant-numeric:tabular-nums}
@media (max-width:520px){.cred-card{grid-template-columns:auto minmax(0,1fr)}.cred-go{grid-column:2}.cred-facts div{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.pb-price b{font-size:26px}}

/* ---- Our medical team (provider section, home and product pages) ---- */
.pv5-docs{margin:28px 0 30px}
.pv5-dl{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ink-soft)}
.pv5-dg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:540px}
.doc{display:flex;align-items:center;gap:14px;margin:0;padding:10px 14px 10px 10px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.08),0 16px 30px -24px rgba(21,24,28,.45)}
.doc img{flex:none;width:64px;height:76px;border-radius:12px;object-fit:cover;object-position:50% 14%}
.doc b{display:block;font-size:15px;font-weight:600;line-height:1.25}
.doc span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
@media (max-width:520px){.pv5-dg{grid-template-columns:1fr}}

/* ---- Research vs. compounded (4 Nov rewrite): two routes to your door, the evidence, two labels under a scanner, the table ---- */
.sw5-head{max-width:860px}
.sw5-head h2{font-size:clamp(40px,5.4vw,74px);letter-spacing:-.035em}
.rt5{display:grid;gap:14px;margin-top:44px}
.rt5-lane{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:28px;padding:26px 30px 24px;border-radius:24px}
.rt5-rc{background:#efede8;box-shadow:inset 0 0 0 1px rgba(21,24,28,.07)}
.rt5-rx{background:#fff;box-shadow:inset 0 0 0 1px rgba(31,122,106,.2),0 34px 64px -46px rgba(31,122,106,.55)}
.rt5-h{margin:0}
.rt5-h span{display:block;font-size:13px;font-weight:600}
.rt5-rc .rt5-h span{color:#a3392a}.rt5-rx .rt5-h span{color:#1f7a6a}
.rt5-h b{display:block;margin-top:4px;font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.rt5-track{position:relative;padding-top:64px}
.rt5-track ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.rt5-track li{display:grid;justify-items:center;align-content:start;gap:4px;text-align:center}
.rt5-track li b{margin-top:10px;font-size:14.5px;font-weight:600;line-height:1.25}
.rt5-track li>span:last-child{font-size:12.5px;line-height:1.35;color:var(--muted)}
.rt5-m{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(21,24,28,.18)}
.rt5-m svg{width:30px;height:30px}
.rt5-rc .rt5-m circle{fill:#c8432f}.rt5-rc .rt5-m path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.rt5-rx .rt5-m circle{fill:#1f7a6a}.rt5-rx .rt5-m path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rt5-rc li b{color:#4b5058}
.rt5-line{position:absolute;left:10%;right:10%;top:79px;height:2px;border-radius:2px;background:rgba(21,24,28,.1)}
.rt5-line i{position:absolute;inset:0;border-radius:inherit;transform-origin:0 50%}
.rt5-rc .rt5-line{background:repeating-linear-gradient(90deg,rgba(21,24,28,.22) 0 6px,transparent 6px 12px)}
.rt5-rc .rt5-line i{background:repeating-linear-gradient(90deg,#c8432f 0 6px,transparent 6px 12px)}
.rt5-rx .rt5-line i{background:#1f7a6a}
.rt5-tok{position:absolute;left:0;top:0;width:100%;height:56px;transform:translate3d(90%,0,0);pointer-events:none}
.rt5-tok>*{position:absolute;left:-14px;bottom:0;width:28px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(21,24,28,.22))}
.rt5-rc .rt5-tok>*{width:24px;left:-12px;height:48px}
.js .rt5:not(.on) .rt5-m{opacity:0;transform:scale(.3)}
.js .rt5:not(.on) .rt5-line i{transform:scaleX(0)}
.js .rt5:not(.on) .rt5-tok{transform:translate3d(10%,0,0)}
@media (prefers-reduced-motion:no-preference){
  .rt5.on .rt5-tok{animation:rtGo 4.4s cubic-bezier(.4,0,.2,1) .3s both}
  .rt5.on .rt5-rc .rt5-tok>*{animation:rtWob .5s ease-in-out .3s 9 alternate}
  .rt5.on .rt5-line i{animation:rtLine 4.4s cubic-bezier(.4,0,.2,1) .3s both}
  .rt5.on .rt5-m{animation:vsPop .45s cubic-bezier(.2,1.4,.4,1) calc(.3s + var(--k) * 1.07s) both}
  .rt5.on li b,.rt5.on li>span:last-child{animation:labPrint .5s cubic-bezier(.2,.8,.2,1) calc(.4s + var(--k) * 1.07s) both}
}
@keyframes rtGo{from{transform:translate3d(10%,0,0)}to{transform:translate3d(90%,0,0)}}
@keyframes rtLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rtWob{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
@media (max-width:900px){
  .rt5-lane{grid-template-columns:1fr;gap:16px;padding:22px 20px}
  .rt5-track{padding:0 0 0 46px}
  .rt5-track ol{grid-template-columns:1fr;gap:16px}
  .rt5-track li{position:relative;justify-items:start;text-align:left;gap:2px}
  .rt5-track li b{margin-top:0}
  .rt5-m{position:absolute;left:-46px;top:0}
  .rt5-line{left:14px;right:auto;top:6px;bottom:20px;width:2px;height:auto}
  .rt5-line i{transform-origin:50% 0}
  .rt5-rc .rt5-line,.rt5-rc .rt5-line i{background-image:repeating-linear-gradient(180deg,currentColor 0 6px,transparent 6px 12px)}
  .rt5-rc .rt5-line{color:rgba(21,24,28,.22)}.rt5-rc .rt5-line i{color:#c8432f}
  .rt5-tok{display:none}
  .js .rt5:not(.on) .rt5-line i{transform:scaleY(0)}
  @keyframes rtLine{from{transform:scaleY(0)}to{transform:scaleY(1)}}
}

.ev5{margin-top:14px;padding:28px 28px 22px;border-radius:24px;background:#fdf8f5;box-shadow:inset 0 0 0 1px rgba(163,57,42,.16);text-align:center}
.ev5-h{margin:0;font-size:15px;font-weight:600;color:#a3392a}
.ev5-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-top:18px}
.ev5-g b{display:block;font-size:clamp(40px,4.6vw,58px);font-weight:600;letter-spacing:-.03em;line-height:1;color:#a3392a;font-variant-numeric:tabular-nums}
.ev5-g span{display:block;max-width:24em;margin:10px auto 0;font-size:15px;line-height:1.4;color:var(--ink-soft)}
.ev5-src{margin:20px 0 0;font-size:12.5px;color:var(--muted)}
.ev5-src a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.js .ev5:not(.on) .ev5-g>div{opacity:0}
@media (prefers-reduced-motion:no-preference){.ev5.on .ev5-g>div{animation:labPrint .6s cubic-bezier(.2,.8,.2,1) calc(.1s + var(--k) * .15s) both}}

/* labels: a research sticker and a real-looking pharmacy label, a scanner passes over both */
.lab-pair.on .lab-rc .lab-in{animation:none}
.lab-card{isolation:isolate}
.lab-scan{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transform:translate3d(0,-100%,0);background:linear-gradient(180deg,transparent 0%,transparent 78%,var(--sc) 99.4%,transparent 100%)}
.lab-rc .lab-scan{--sc:rgba(200,67,47,.55)}.lab-rx .lab-scan{--sc:rgba(31,122,106,.55)}
.lab-rc .lab-in{position:relative;max-width:360px;padding:20px 22px 16px;border-radius:6px;border:0;background:linear-gradient(180deg,#fffefb,#f3f1ea);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(21,24,28,.12),0 22px 32px -24px rgba(21,24,28,.6);transform:rotate(-2deg)}
.lab-rc .lab-in::after{content:"";position:absolute;right:0;top:0;width:24px;height:24px;border-radius:0 6px 0 0;background:linear-gradient(225deg,#e7e5df 50%,#d9d6cd 50%);box-shadow:-2px 2px 4px rgba(21,24,28,.12)}
.rs-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;padding:0 18px 10px 0;border-bottom:1px dashed rgba(21,24,28,.25)}
.rs-top b{font-family:Jost,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.01em;color:#4b5058}
.rs-top span{font-size:13px;color:var(--muted)}
.rs-warn{margin:12px 0 0;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a3392a}
.rs-sm{margin:2px 0 0;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.rs-f{margin:12px 0 0}
.rs-f div{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;padding:7px 0;border-top:1px dotted rgba(21,24,28,.22);font-size:13px}
.rs-f dt{color:var(--muted)}
.rs-f dd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;color:#9096a0}
.rs-f em{padding:3px 9px;border-radius:999px;background:#fbe3df;color:#a3392a;font-family:Jost,sans-serif;font-style:normal;font-size:11.5px;font-weight:600}
.lab-rx .lab-in.rxl{position:relative;max-width:440px;padding:0 0 14px;border:0;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(21,24,28,.12),0 28px 48px -32px rgba(21,24,28,.65);overflow:hidden}
.rxl p{margin:0}
.rxl-bar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#15181c;color:#ece6d6}
.rxl-bar img{width:auto;height:20px}
.rxl-bar span{font-size:14px;font-weight:500}
.rxl-bar b{margin-left:auto;padding:3px 9px;border-radius:6px;background:#fff;color:#15181c;font-size:13px;font-weight:600}
.rxl-ph{padding:10px 16px 0;font-size:12px;color:var(--muted)}
.rxl-no{display:flex;justify-content:space-between;gap:10px;padding:2px 16px 0;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:11.5px;color:var(--muted)}
.rxl-pt{margin:10px 16px 0!important;padding-top:10px;border-top:1px solid rgba(21,24,28,.12);font-size:20px;font-weight:600;letter-spacing:.03em}
.rxl-med{padding:4px 16px 0;font-size:15px;color:var(--ink-soft)}
.rxl-med b{margin-right:8px;color:var(--ink)}
.rxl-dir{margin:10px 16px 0!important;padding:8px 10px;border-radius:6px;background:#eef4f2;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.rxl-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 16px 0;font-size:11.5px;color:var(--muted)}
.rxl-meta b{display:block;font-size:13.5px;font-weight:500;color:var(--ink)}
.rxl-foot{padding:12px 16px 0}
.rxl-bc{display:block;width:100%;height:26px;fill:#15181c}
.rxl-cold{position:absolute;left:24px;bottom:22px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 13px 7px 9px;border-radius:999px;background:#2a86c4;color:#fff;font-style:normal;font-size:13px;font-weight:600;transform:rotate(-5deg);box-shadow:0 10px 18px -10px rgba(42,134,196,.9)}
.rxl-cold .pg{width:18px;height:18px;overflow:visible;stroke:#fff;--c:#fff}
.js .lab-pair:not(.on) :is(.rs-f em,.rxl-cold){opacity:0}
@media (prefers-reduced-motion:no-preference){
  .lab-pair.on .lab-scan{animation:labScan 1.9s cubic-bezier(.45,0,.55,1) .25s both}
  .lab-pair.on .rs-f em{animation:vsPop .4s cubic-bezier(.2,1.4,.4,1) calc(1s + var(--l) * .22s) both}
  .lab-pair.on .rxl-cold{animation:labStampCold .5s cubic-bezier(.2,1.4,.4,1) 2.8s both}
}
@keyframes labScan{0%{opacity:1;transform:translate3d(0,-100%,0)}88%{opacity:1;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(0,0,0)}}
@keyframes labStampCold{from{opacity:0;transform:rotate(-5deg) scale(1.8)}to{opacity:1;transform:rotate(-5deg) scale(1)}}

/* the table: our column carries the real logo */
.vs5-h .vs5-us{display:flex;align-items:center;justify-content:center;gap:6px}
.vs5-h .vs5-us img{width:auto;height:24px}
.vs5-h .vs5-us span{font-size:16px;font-weight:500;color:#ece6d6}
@media (max-width:760px){.vs5-h .vs5-us img{height:16px}.vs5-h .vs5-us span{display:none}.rxl-pt{font-size:17px}.rs-top b{font-size:20px}}
.rxl-foot span{display:block;margin-top:6px;font-size:10.5px;color:var(--muted)}
.pv5-dn{margin-top:10px;max-width:540px}
/* the dim flag fades in from the top instead of starting on a hard edge; the bands overlap a pixel so no dark hairline shows */
.scene.live .sc-flag{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%)}
.sc-in{position:relative;margin-top:-1px}
.sc-out{position:relative;margin-bottom:-1px}

/* ================= Round 7 (Karan, 4 Nov late) ================= */

/* ---- hero: two runners; clouds drift on their own layer over the sky ---- */
.h5-clouds{position:absolute;left:0;right:0;top:0;height:62%;z-index:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
.h5-clouds i{position:absolute;top:0;left:0;width:200%;height:100%;background-position:0 0;background-size:50% auto;background-repeat:repeat-x;will-change:transform;animation:clDrift 140s linear infinite}
.h5-clouds i+i{top:8%;opacity:.6;background-size:38% auto;animation-duration:90s;animation-direction:reverse}
.h5-duo .h5-run{z-index:1}
@keyframes clDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.h5-clouds i{animation:none}}

/* ---- As seen on: official logos in colour on frosted tiles ---- */
.press7{padding:26px 0 6px}
.press7-in{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;padding:16px 16px 16px 28px;border-radius:26px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(21,24,28,.05),0 30px 60px -44px rgba(21,24,28,.5)}
.press7-l{margin:0;font-size:15px;font-weight:600;color:var(--muted);white-space:nowrap}
.press7 ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.press7 li>*{position:relative;display:grid;place-items:center;height:92px;padding:12px 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.06),0 12px 24px -20px rgba(21,24,28,.4);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.press7 img{display:block;width:auto;max-width:100%;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.press7-m{display:block;max-width:100%;background:var(--t);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.press7 a em{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;align-items:center;gap:4px;font-style:normal;font-size:12.5px;font-weight:600;color:#1f7a6a;opacity:0;transform:translate3d(0,8px,0);transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.press7 li>*::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translate3d(-120%,0,0);pointer-events:none}
.press7 small{position:absolute;bottom:6px;font-size:10.5px;color:var(--muted)}
@media (hover:hover){
  .press7 a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(31,122,106,.25),0 22px 36px -22px rgba(21,24,28,.45)}
  .press7 a:hover img{transform:translate3d(0,-10px,0)}
  .press7 a:hover em{opacity:1;transform:none}
}
@supports (animation-timeline:view()){
  .press7 li{animation:pr7Rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  .press7 li>*::after{animation:pr7Shine linear both;animation-timeline:view();animation-range:entry 40% cover 60%}
}
@keyframes pr7Rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes pr7Shine{to{transform:translate3d(120%,0,0)}}
@media (max-width:900px){.press7-in{grid-template-columns:1fr;gap:12px;padding:16px;text-align:center}.press7 ul{grid-template-columns:repeat(2,minmax(0,1fr))}.press7 li>*{height:78px}}

/* ---- trust: four glass cards with real pictures, frost over a soft colour field ---- */
.trust5.t7{padding:22px 0 8px}
.t7-stage{position:relative;isolation:isolate;padding:26px;border-radius:38px}
.t7-field{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;background:linear-gradient(135deg,#edf3f0 0%,#f2efe9 50%,#eef1f6 100%)}
.t7-field i{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;filter:blur(46px);opacity:.85}
.t7-field i:nth-child(1){left:-8%;top:-34%;background:#b9e2d3}
.t7-field i:nth-child(2){left:26%;bottom:-52%;background:#f7d5bf}
.t7-field i:nth-child(3){right:20%;top:-40%;background:#cdd9fb}
.t7-field i:nth-child(4){right:-10%;bottom:-40%;background:#bfe0f3}
.t7-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.t7c{display:grid;justify-items:start;align-content:start;padding:18px 22px 26px;border-radius:28px;background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.7),0 1px 2px rgba(21,24,28,.05),0 34px 64px -42px rgba(21,24,28,.5);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}
.t7c b{margin-top:16px;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.t7c>span:last-child{margin-top:6px;font-size:15px;line-height:1.45;color:var(--ink-soft)}
@media (hover:hover){.t7c:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.8),0 2px 4px rgba(21,24,28,.05),0 44px 70px -40px rgba(21,24,28,.55)}.t7c:hover .tv-ph>img:first-child{transform:scale(1.05)}}
.tv{position:relative;display:grid;place-items:center;width:100%;height:172px}
.tv-ph>img:first-child,.tv-ph>svg:first-child{width:132px;height:132px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px rgba(255,255,255,.85),0 20px 34px -18px rgba(21,24,28,.55);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.tv-ph>svg:first-child,.tv-ph>img.pg:first-child{padding:30px;background:#fff;stroke:#1f7a6a}
.tv-fl,.tv-ok{position:absolute;left:calc(50% + 34px);bottom:6px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 0 0 3px #fff,0 8px 16px -6px rgba(21,24,28,.5)}
.tv-fl img{width:100%;height:100%}
.tv-ok svg{width:34px;height:34px}.tv-ok circle{fill:#1f7a6a}.tv-ok path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mrx{display:grid;gap:7px;width:172px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(21,24,28,.08),0 20px 34px -18px rgba(21,24,28,.55);transform:rotate(-4deg);text-align:left}
.mrx-h{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:6px;border-bottom:1.5px solid #15181c}
.mrx-h b{font-size:21px;font-weight:700;letter-spacing:-.02em}
.mrx-h em{font-style:normal;font-size:10.5px;color:var(--muted)}
.mrx-n{font-size:13px;font-weight:600;letter-spacing:.05em}
.mrx-l{display:block;height:6px;width:92%;border-radius:3px;background:#e8ebee}
.mrx-l.s{width:62%}
.mrx-ok{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;font-weight:600;color:#1f7a6a}
.mrx-ok svg{width:16px;height:16px;flex:none}.mrx-ok circle{fill:#1f7a6a}.mrx-ok path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:no-preference){.t7 .mrx{animation:mrxFloat 6s ease-in-out infinite alternate}}
@keyframes mrxFloat{from{transform:rotate(-4deg) translate3d(0,0,0)}to{transform:rotate(-2deg) translate3d(0,-6px,0)}}
@media (max-width:1100px){.t7-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.t7-stage{padding:14px;border-radius:28px}.t7-grid{grid-template-columns:1fr}.t7c{justify-items:center;text-align:center}}

/* ---- the flag scene as a sheet: a hard, clean edge with round corners instead of a fade ---- */
.dk .scene.sc-sheet{z-index:1;margin-top:-48px;clip-path:inset(0 round 48px 48px 0 0);background:radial-gradient(120% 46% at 50% 0%,#1b2b4b 0%,#0b1324 62%)}
.dk .lt-a{padding-bottom:120px}
.sc-foot+.lt{z-index:2;margin-top:-48px;border-radius:48px 48px 0 0}
.scene.sc-sheet.live .sc-flag{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 26%);mask-image:linear-gradient(180deg,transparent 0%,#000 26%)}
@media (max-width:900px){.dk .scene.sc-sheet{margin-top:-32px;clip-path:inset(0 round 32px 32px 0 0)}.sc-foot+.lt{margin-top:-32px;border-radius:32px 32px 0 0}.sc-foot{padding-bottom:52px}}

/* ---- small product doors between home sections ---- */
.pch{margin:28px 0 6px}
.pch-l{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--muted)}
.pch-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pch-c{position:relative;display:flex;align-items:center;gap:12px;padding:10px 46px 10px 10px;border-radius:20px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(21,24,28,.07),0 18px 34px -28px rgba(21,24,28,.55);text-decoration:none;color:var(--ink);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.pch-v{flex:none;display:grid;place-items:center;width:52px;height:66px;border-radius:14px;background:#fafafa;overflow:hidden}
.pch-v img{width:auto;height:58px;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.pch-t{min-width:0}
.pch-t b{display:block;font-size:15px;font-weight:600;line-height:1.25}
.pch-t em{display:block;margin-top:2px;font-style:normal;font-size:13px;color:var(--muted)}
.pch-go{position:absolute;right:12px;top:50%;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:#15181c;color:#fff;font-style:normal;font-size:13px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){.pch-c:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(31,122,106,.22),0 24px 40px -26px rgba(21,24,28,.5)}.pch-c:hover .pch-v img{transform:scale(1.12) rotate(-5deg)}.pch-c:hover .pch-go{transform:translateX(3px)}}
.pch-c:active{transform:scale(.98)}
@media (max-width:900px){.pch-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.pch-c{padding-right:12px}.pch-go{display:none}}

/* ---- research vs. compounded: two equal cards, lights that switch on ---- */
.sw7 .sw5-head>p:not(.lbl){font-size:19px}
.rt7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}
.rt7-card{display:grid;grid-template-rows:auto 1fr;border-radius:32px;overflow:hidden}
.rt7-bad{background:#15171b;color:#eceef1;box-shadow:0 44px 80px -54px rgba(0,0,0,.7)}
.rt7-good{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(31,122,106,.16),0 44px 80px -54px rgba(31,122,106,.5)}
.rt7-top{position:relative;display:grid;place-items:center;height:320px;overflow:hidden}
.rt7-bad .rt7-top{background:radial-gradient(70% 80% at 50% 60%,#2b2e34,#15171b)}
.rt7-good .rt7-top{background:radial-gradient(70% 80% at 50% 60%,#fff,#e9f2ee)}
.rt7-img{display:block}
.rt7-bad .rt7-img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05) brightness(.72)}
.rt7-svg svg{width:92px;height:auto;opacity:.75}
.rt7-ours{height:276px;width:auto;filter:drop-shadow(0 26px 30px rgba(21,24,28,.25))}
.rt7-blur{position:absolute;left:28%;right:28%;top:30%;bottom:22%;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent)}
.rt7-top::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;pointer-events:none}
.rt7-bad .rt7-top::after{background:linear-gradient(180deg,transparent,#15171b)}
.rt7-tag{position:absolute;left:20px;top:18px;z-index:1;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600}
.rt7-bad .rt7-tag{background:rgba(217,75,55,.16);color:#ff9f8f;box-shadow:inset 0 0 0 1px rgba(255,159,143,.25)}
.rt7-good .rt7-tag{background:rgba(31,122,106,.1);color:#1f7a6a}
.rt7-stamp{position:absolute;right:20px;bottom:18px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.rt7-bad .rt7-stamp{border:2px solid #ff8a78;color:#ff8a78;transform:rotate(-6deg);font-family:ui-monospace,"SF Mono",Menlo,monospace}
.rt7-stamp.ok{border-radius:999px;background:#1f7a6a;color:#fff;letter-spacing:0;text-transform:none;font-size:14px;font-weight:600;box-shadow:0 12px 24px -12px rgba(31,122,106,.8)}
.rt7-stamp svg{width:20px;height:20px}.rt7-stamp.ok circle{fill:#fff}.rt7-stamp.ok path{fill:none;stroke:#1f7a6a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rt7-body{padding:28px 32px 34px}
.rt7-body h3{font-size:25px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.rt7-s{display:grid;gap:18px;margin:22px 0 0;padding:0;list-style:none}
.rt7-s li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
.rt7-s b{display:block;font-size:18px;font-weight:600;line-height:1.3}
.rt7-s li>div>span{display:block;margin-top:3px;font-size:15.5px;line-height:1.45}
.rt7-bad .rt7-s li>div>span{color:#9ba1a9}.rt7-good .rt7-s li>div>span{color:var(--ink-soft)}
.rt7-dot{display:grid;place-items:center;width:30px;height:30px;margin-top:1px;border-radius:50%}
.rt7-dot svg{width:30px;height:30px}
.rt7-ok circle{fill:#1f9a83}.rt7-ok path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rt7-no circle{fill:#e0513c}.rt7-no path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.rt7-ok{box-shadow:0 0 0 5px rgba(31,154,131,.12),0 0 16px 2px rgba(31,154,131,.45)}
.rt7-no{box-shadow:0 0 0 5px rgba(224,81,60,.14),0 0 16px 2px rgba(224,81,60,.45)}
.js .rt7:not(.on) .rt7-dot{opacity:.15;transform:scale(.55);box-shadow:none}
.js .rt7:not(.on) .rt7-s li>div{opacity:.25}
@media (prefers-reduced-motion:no-preference){
  .rt7.on .rt7-ok{animation:rtLightG .7s cubic-bezier(.2,1.3,.4,1) calc(.3s + var(--k) * .34s) both}
  .rt7.on .rt7-no{animation:rtLightR .7s cubic-bezier(.2,1.3,.4,1) calc(.3s + var(--k) * .34s) both}
  .rt7.on .rt7-s li>div{animation:rtText .6s ease calc(.32s + var(--k) * .34s) both}
}
@keyframes rtLightG{0%{opacity:.15;transform:scale(.55);box-shadow:none}55%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 9px rgba(31,154,131,.2),0 0 30px 8px rgba(31,154,131,.7)}100%{opacity:1;transform:none;box-shadow:0 0 0 5px rgba(31,154,131,.12),0 0 16px 2px rgba(31,154,131,.45)}}
@keyframes rtLightR{0%{opacity:.15;transform:scale(.55);box-shadow:none}55%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 9px rgba(224,81,60,.2),0 0 30px 8px rgba(224,81,60,.7)}100%{opacity:1;transform:none;box-shadow:0 0 0 5px rgba(224,81,60,.14),0 0 16px 2px rgba(224,81,60,.45)}}
@keyframes rtText{from{opacity:.25}to{opacity:1}}
@media (max-width:900px){.rt7{grid-template-columns:1fr}.rt7-top{height:240px}.rt7-body{padding:22px 22px 26px}}

/* ---- labels: equal size, premium colours ---- */
.lab7{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.lab7 .lab{display:flex;flex-direction:column}
.lab7 .lab-card{flex:1;min-height:470px;border-radius:32px}
.lab7 .lab-in,.lab7 .lab-rx .lab-in.rxl{width:100%;max-width:400px}
.lab7 .lab-rc .lab-card{background:radial-gradient(80% 90% at 50% 40%,#2b2e34,#15171b);box-shadow:none}
.lab7 .lab-rc .lab-stamp{border-color:#ff8a78;color:#ff8a78;background:rgba(21,23,27,.6)}
.lab7 .lab-rx .lab-card{background:radial-gradient(80% 90% at 50% 30%,#fff,#e6f1ec);box-shadow:inset 0 0 0 1px rgba(31,122,106,.14)}
@media (max-width:900px){.lab7{grid-template-columns:1fr}.lab7 .lab-card{min-height:0}}

/* ---- the table: our column raised in ink, lights switch on row by row (Superpower / Hims feel) ---- */
.vs7{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px 240px;margin-top:64px;padding-bottom:6px;border-radius:32px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.06),0 44px 84px -60px rgba(21,24,28,.5)}
.vs7{isolation:isolate}
.vs7::before{content:"";position:absolute;z-index:-1;top:-18px;bottom:-12px;right:240px;width:230px;border-radius:26px;background:linear-gradient(180deg,#22272e 0%,#111316 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 34px 60px -30px rgba(15,17,20,.75)}
.vs7>div:not(.vs7-g){display:contents}
.vs7-h>*{padding:26px 18px 20px}
.vs7-q{align-self:end;padding-left:34px!important;font-size:14px;font-weight:600;color:var(--muted)}
.vs7-h .vs7-us{display:flex;align-items:center;justify-content:center;gap:6px;color:#ece6d6}
.vs7-h .vs7-us img{width:auto;height:27px}
.vs7-h .vs7-us em{font-style:normal;font-size:17px;font-weight:500}
.vs7-h .vs7-rc{display:grid;place-items:center;font-size:15px;font-weight:600;color:var(--muted)}
.vs7-g{grid-column:1/-1;padding:26px 18px 6px 34px;font-size:13.5px;font-weight:600;color:#1f7a6a}
.vs7-t{padding:16px 18px 16px 34px;border-top:1px solid rgba(21,24,28,.06);font-size:17px;line-height:1.4}
.vs7-r .vs7-us{display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.06)}
.vs7-lt{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 6px rgba(46,191,160,.12),0 0 20px 3px rgba(46,191,160,.45)}
.vs7-lt svg{width:34px;height:34px}.vs7-lt circle{fill:#2ebfa0}.vs7-lt path{fill:none;stroke:#0f1114;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vs7-r .vs7-rc{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-top:1px solid rgba(21,24,28,.06);font-size:14.5px;line-height:1.35;color:var(--muted);text-align:left}
.vs7-rc i{flex:none;display:grid}.vs7-rc svg{width:20px;height:20px}.vs7-rc circle{fill:#f1e3e0}.vs7-rc path{fill:none;stroke:#c8432f;stroke-width:2.2;stroke-linecap:round}
.vs7-f>*{padding:18px 0 8px}
.vs7-f .vs7-us{display:grid;place-items:center}
.vs7-go{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;color:#15181c;font-size:15px;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.vs7-go:hover{transform:translateY(-2px)}
.js .vs7:not(.on)::before{opacity:0;transform:translate3d(0,30px,0)}
.js .vs7:not(.on) .vs7-lt{opacity:0;transform:scale(.4)}
@media (prefers-reduced-motion:no-preference){
  .vs7::before{transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1)}
  .vs7.on .vs7-lt{animation:vsLight .6s cubic-bezier(.2,1.3,.4,1) calc(.5s + var(--i) * .12s) both}
}
@keyframes vsLight{0%{opacity:0;transform:scale(.4);box-shadow:none}60%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 10px rgba(46,191,160,.2),0 0 32px 8px rgba(46,191,160,.7)}100%{opacity:1;transform:none;box-shadow:0 0 0 6px rgba(46,191,160,.12),0 0 20px 3px rgba(46,191,160,.45)}}
@media (max-width:760px){
  .vs7{grid-template-columns:minmax(0,1fr) 68px 92px;border-radius:22px}
  .vs7::before{top:-10px;bottom:-8px;right:92px;width:68px;border-radius:18px}
  .vs7-h>*{padding:16px 6px 12px}.vs7-q{padding-left:16px!important;font-size:12px}
  .vs7-h .vs7-us img{height:16px}.vs7-h .vs7-us em{display:none}.vs7-h .vs7-rc{font-size:11.5px;text-align:center}
  .vs7-g{padding:18px 8px 4px 16px}.vs7-t{padding:12px 8px 12px 16px;font-size:14.5px}
  .vs7-lt,.vs7-lt svg{width:26px;height:26px}
  .vs7-r .vs7-rc{flex-direction:column;gap:4px;padding:8px 6px;font-size:11.5px;text-align:center}
  .vs7-go{padding:8px 10px;font-size:12px}.vs7-go .arr{display:none}
}

/* ---- product page: goal line, picture tiles, kit strip, proof pictures, "New to X?" ---- */
.goal7{display:flex;align-items:center;gap:14px;margin:14px 0 6px;padding:12px 18px 12px 12px;border-radius:20px;background:linear-gradient(135deg,#e6f3ee 0%,#f3f8f6 100%);box-shadow:inset 0 0 0 1px rgba(31,122,106,.16)}
.g7-rx{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(180deg,#26927f,#1a6d5f);color:#fff;font-size:19px;font-weight:700;letter-spacing:-.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 22px -12px rgba(31,122,106,.9)}
.goal7 em{display:block;font-style:normal;font-size:13.5px;font-weight:500;color:#1f7a6a}
.goal7 b{display:block;font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.goal7 b::first-letter{text-transform:uppercase}
.tr4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}
.tr4 li{display:grid;justify-items:center;align-content:start;gap:6px;padding:12px 6px 14px;border-radius:20px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(21,24,28,.06),0 14px 28px -24px rgba(21,24,28,.5);text-align:center}
.tr4 .tv{height:86px}
.tr4 .tv-ph>img:first-child,.tr4 .tv-ph>svg:first-child{width:74px;height:74px;box-shadow:0 0 0 3px #fff,0 12px 20px -12px rgba(21,24,28,.5)}
.tr4 .tv-fl,.tr4 .tv-ok{left:calc(50% + 16px);bottom:2px;width:26px;height:26px}.tr4 .tv-ok svg{width:22px;height:22px}
.tr4 .mrx{transform:rotate(-4deg) scale(.56);margin:-36px -40px}
.tr4 b{font-size:13.5px;font-weight:600;line-height:1.25}
@media (max-width:560px){.tr4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kit7{display:flex;align-items:center;gap:14px;margin-top:10px;padding:10px 14px 10px 10px;border-radius:16px;background:#f3f8fc;box-shadow:inset 0 0 0 1px rgba(42,134,196,.2)}
.kit7 img{flex:none;width:58px;height:58px;border-radius:12px;object-fit:cover}
.kit7 b{display:block;font-size:14.5px;font-weight:600}
.kit7 span{font-size:13px;line-height:1.35;color:var(--muted)}
.cred3.c7 i{width:66px;height:66px;padding:0;overflow:hidden;border-radius:50%;box-shadow:0 0 0 3px #fff,0 12px 22px -14px rgba(21,24,28,.55)}
.cred3.c7 img{width:100%;height:100%;object-fit:cover}
.cf-ref{margin:14px 0 0!important;font-size:13px!important;font-weight:500!important;color:var(--ink-soft)!important}
.nt7{padding:76px 0 20px}
.nt7-head h2{max-width:15em;margin-top:8px;font-size:clamp(34px,4.2vw,56px);line-height:1.04;letter-spacing:-.03em}
.nt7-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.nt7-c{padding:24px 24px 28px;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.06),0 26px 52px -40px rgba(21,24,28,.45)}
.nt7-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e6f3ee;color:#1f7a6a;font-size:14px;font-weight:700}
.nt7-c h3{margin-top:16px;font-size:21px;font-weight:600;letter-spacing:-.01em}
.nt7-c p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--ink-soft)}
.nt7-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px}
.nt7-cta .small{max-width:420px}
@media (max-width:900px){.nt7-g{grid-template-columns:1fr}}

/* ---- odometer digits ---- */
.odo-d{display:inline-block;height:1.08em;overflow:hidden;vertical-align:-.14em;line-height:1.08em}
.odo-s{display:block;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.odo-s i{display:block;height:1.08em;font-style:normal}
.odo-x{display:inline-block}

/* ---- footer ---- */
.dk footer.ft7{padding-top:56px;background:#0b0d10}
.ft7-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;margin-bottom:52px;padding:40px 44px;border-radius:32px;background:radial-gradient(120% 160% at 0% 0%,#1e3d37 0%,#12181b 55%,#0e1013 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.06)}
.ft7-cta img{display:block;width:auto;height:30px}
.ft7-cta h3{max-width:17em;margin-top:16px;font-size:clamp(26px,2.7vw,38px);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:#fff}
.ft7-cta p{margin-top:8px;font-size:15px;color:#a9b0b7}
.ft7-acts{display:flex;flex-wrap:wrap;gap:12px}
.ft7 .foot h4{color:#fff;letter-spacing:0}
.ft7 .foot a{transition:color .2s ease}
.ft7 .foot a:hover{color:#fff}
.ft7-hl{color:#9fd8c4!important;font-weight:600}
.ft7-trust{display:flex;flex-wrap:wrap;gap:12px 26px;margin:36px 0 0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.08);list-style:none}
.ft7-trust li{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#c4c9cf}
.ft7-trust img,.ft7-trust svg{flex:none;width:20px;height:20px}
.ft7-trust svg{color:#9fd8c4}
@media (max-width:760px){.ft7-cta{padding:28px 22px;border-radius:24px}.ft7-acts .btn{width:100%}}

/* ---- partner application ---- */
.pa7-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none}
.pa7-why li{padding:18px 20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.07);font-size:14.5px;line-height:1.45;color:var(--ink-soft)}
.pa7-why b{display:block;margin-bottom:4px;font-size:16px;color:var(--ink)}
.pa7{position:relative;margin-top:22px;padding:28px;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px rgba(21,24,28,.06),0 30px 60px -44px rgba(21,24,28,.45)}
.pa7-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-bottom:22px}
.pa7 label{display:grid;gap:7px;font-size:14px;font-weight:600;color:var(--ink)}
.pa7 label em{font-style:normal;font-weight:400;color:var(--muted)}
.pa7 input:not([type="checkbox"]),.pa7 select,.pa7 textarea{width:100%;padding:13px 14px;border:1px solid rgba(21,24,28,.16);border-radius:12px;background:#fbfbf9;color:var(--ink);font:inherit;font-size:16px;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease}
.pa7 input:focus,.pa7 select:focus,.pa7 textarea:focus{outline:0;border-color:#1f7a6a;box-shadow:0 0 0 4px rgba(31,122,106,.15)}
.pa7-w,.pa7-ck{grid-column:1/-1}
.pa7 .pa7-ck{display:flex;align-items:center;gap:10px;font-weight:500}
.pa7-ck input{width:20px;height:20px;accent-color:#1f7a6a}
.pa7-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pa7-msg{min-height:1.4em;margin-top:12px;font-size:14px;color:#a3392a}
.pa7-ok{margin-top:22px;padding:28px;border-radius:26px;background:#e6f3ee}
.pa7-ok b{display:block;font-size:22px;font-weight:600}
.pa7-ok p{margin-top:6px;color:var(--ink-soft)}
@media (max-width:760px){.pa7-why,.pa7-g{grid-template-columns:1fr}.pa7{padding:20px}}

/* hero headline: eight words, so a little smaller than the old four */
.h5 .h5-in h1{max-width:13.5em;margin-left:auto;margin-right:auto;font-size:clamp(42px,5.6vw,80px);line-height:1.02}
@media (max-width:900px){.rt7-ours{height:200px}}
/* two-runner photo: sky colour above it matches its top edge; the photo sits lower so the runners clear the cards */
.dk .h5.h5-duo{background:linear-gradient(180deg,#0a5fb0 0,#0d6dc2 190px,#0d6dc2 320px,#f5f5f2 320px)}
.h5-duo .h5-bg{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px);mask-image:linear-gradient(180deg,transparent 0,#000 90px)}
.h5-duo .h5-bg img{object-position:62% 78%}
@media (max-width:900px){.dk .h5.h5-duo{background:linear-gradient(180deg,#0a5fb0 0,#0d6dc2 250px,#0d6dc2 380px,#f5f5f2 380px)}.h5-duo .h5-bg img{object-position:68% 70%}}
/* odometer digits stay on one line inside cells that style their own spans */
.cred-facts b .odo-d,.ev5-g b .odo-d,[data-odo] .odo-d{display:inline-block;margin:0;max-width:none;font-size:inherit;color:inherit}
[data-odo] .odo-x{display:inline-block;margin:0;max-width:none;font-size:inherit;color:inherit}
[data-odo] .odo-s{display:block;margin:0;max-width:none;font-size:inherit;color:inherit}
[data-odo]{white-space:nowrap}
/* phones: the longer buy button wraps instead of widening the page */
.dk .lt .pdp>*{min-width:0}
@media (max-width:560px){.dk .btn-block.btn-buy:is(.btn-ink,.btn-sage,.btn-white):has(>.arr){padding:8px 58px 8px 20px;white-space:normal;text-align:center;font-size:16px;line-height:1.25}}
.pa7-pv{grid-column:1/-1;margin:-6px 0 0}

/* ================= Round 8 (Karan, 4 Nov evening): glass everywhere, calmer colours, cleaner pages ================= */

/* one soft colour field behind every light section, so glass reads as glass everywhere (static, never animated) */
.dk main::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42% 48% at 8% 18%,rgba(185,226,211,.55),transparent 70%),radial-gradient(38% 46% at 92% 12%,rgba(205,217,251,.5),transparent 70%),radial-gradient(44% 50% at 84% 88%,rgba(247,213,191,.42),transparent 70%),radial-gradient(40% 46% at 12% 90%,rgba(191,224,243,.45),transparent 70%),#f5f5f2}
.dk .lt{background:transparent}
.sc-foot+.lt{background:linear-gradient(180deg,#f5f5f2 0,#f5f5f2 64px,rgba(245,245,242,0) 220px)}

/* the glass recipe */
.pc7,.dk .lt .pdp>div:last-child,.dk .lt .plans .pbox,.cred-card,.cred-facts,.kit7,.vs7,.rt7-good,.fit7-copy,.dk .lt .faq-item,.dk .lt details.qa,.tr4 li,.pa7,.pa7-why li,.dk .lt .sci5-steps li,.dk .lt .pvw{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 0 0 1px rgba(255,255,255,.62),0 1px 2px rgba(21,24,28,.04),0 30px 60px -44px rgba(21,24,28,.42)}
.dk .lt .plans .pbox[aria-pressed="true"]{background:rgba(255,255,255,.86);box-shadow:inset 0 0 0 2px #15181c,0 22px 40px -26px rgba(21,24,28,.5)}
.dk .lt .plans .pbox:hover{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(21,24,28,.22),0 24px 44px -34px rgba(21,24,28,.45)}
@media (prefers-reduced-transparency:reduce){.pc7,.dk .lt .pdp>div:last-child,.dk .lt .plans .pbox,.cred-card,.cred-facts,.kit7,.vs7,.rt7-good,.fit7-copy,.tr4 li,.pa7{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* calmer product page: ink for choices and ticks, one accent left for the research comparison */
.plans .pbox[aria-pressed="true"] .pb-dot{box-shadow:inset 0 0 0 6px #15181c}
.pb-flag{background:#15181c}
.dk .lt .plans .pbox .save{background:#eef0f2;color:#15181c}
.pb-prop{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px rgba(21,24,28,.18)}
.pb-inc-in circle,.chk4 circle,.mrx-ok circle,.fit7 li circle{fill:#15181c}
.goal7{background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.6),0 20px 40px -32px rgba(21,24,28,.4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.g7-rx{background:linear-gradient(180deg,#30353d,#15181c);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 22px -12px rgba(21,24,28,.8)}
.goal7 em{color:var(--muted)}
.cred-facts b{color:#15181c}
.cred-go{color:#15181c}
.kit7{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.6),0 18px 34px -28px rgba(21,24,28,.4)}
.docrow b{color:#15181c}

/* product cards: picture, name, one line, price, one button */
.pc7{display:grid;grid-template-rows:auto 1fr;padding:8px;border-radius:30px;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}
.pc7-img{display:grid;place-items:center;height:250px;border-radius:24px;background:rgba(250,250,250,.9);box-shadow:inset 0 0 0 1px rgba(21,24,28,.04);overflow:hidden}
.pc7-img img{width:auto;height:212px;filter:drop-shadow(0 18px 18px rgba(21,24,28,.18));transition:transform .7s cubic-bezier(.22,1,.36,1)}
.pc7-b{display:grid;align-content:start;padding:16px 14px 12px}
.pc7-cat{margin:0;font-size:12.5px;font-weight:600;color:var(--muted)}
.pc7 h3{margin:2px 0 0;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.pc7 h3 a{color:inherit;text-decoration:none}
.pc7-v{margin:4px 0 0;font-size:13.5px;color:var(--muted)}
.pc7-p{margin:12px 0 0;font-size:16px;font-weight:600}
.dk .lt .pc7-go{margin-top:14px;width:100%}
@media (hover:hover){.pc7:hover{transform:translateY(-5px)}.pc7:hover .pc7-img img{transform:translate3d(0,-8px,0) scale(1.05) rotate(-3deg)}}
.pc7-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.pc7-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.pc7-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pc7-img{height:200px}.pc7-img img{height:170px}.pc7 h3{font-size:17px}}
.car .pc7{height:100%}

/* most popular on home */
.pop7{padding:56px 0 8px}
.pop7-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.pop7-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.03em}
.pop7-all{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}
.pop7-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.pop7-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* "Is X right for you?" */
.fit7{padding:80px 0 24px}
.fit7-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:stretch}
.fit7-copy{padding:40px 40px 36px;border-radius:32px}
.fit7-copy h2{margin-top:8px;font-size:clamp(32px,3.6vw,48px);line-height:1.05;letter-spacing:-.03em}
.fit7 ul{display:grid;gap:14px;margin:24px 0 28px;padding:0;list-style:none}
.fit7 li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;font-size:17px;line-height:1.45}
.fit7 li svg{width:24px;height:24px}.fit7 li path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fit7-copy .small{margin-top:14px;max-width:440px}
.fit7-media{border-radius:32px;overflow:hidden;min-height:420px;box-shadow:0 34px 70px -46px rgba(21,24,28,.6)}
.fit7-media img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.fit7-in{grid-template-columns:1fr}.fit7-copy{padding:26px 22px}.fit7-media{min-height:300px}}

/* research card: a clean, cold studio shot now, no blur needed */
.rt7-bad .rt7-img{filter:none}
.rt7-bad .rt7-top{background:#111316}

/* hero: the two runners in the middle */
.h5-duo .h5-bg img{object-position:52% 78%}
@media (max-width:900px){.h5-duo .h5-bg img{object-position:52% 70%}}

/* odometer: two rounds of digits */
.odo-s{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}

/* smoother reveals everywhere: a touch longer, never a jump */
.rv{transition-duration:.9s!important;transition-timing-function:cubic-bezier(.22,1,.36,1)!important}
.dk .lt .faq details{margin-bottom:10px;padding:2px 20px;border-radius:20px;border:0;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.6),0 18px 36px -30px rgba(21,24,28,.4)}
.dk main{position:relative;isolation:isolate}
.pc7-b{display:flex;flex-direction:column}.dk .lt .pc7-go{margin-top:auto}.pc7-p{margin-bottom:14px!important}
/* phones: a shorter photo band so both runners fit side by side; the sky colour carries on under the cards */
@media (max-width:600px){
  .dk .h5.h5-duo{background:linear-gradient(180deg,#0a5fb0 0,#0d6dc2 250px,#2b6fae 820px,#0f3f6e 100%)}
  .h5-duo .h5-bg{bottom:auto;height:560px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 70px,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 70px,#000 78%,transparent 100%)}
  .h5-duo .h5-bg img{object-position:51% 60%}
}
@media (max-width:600px){.h5-duo .h5-bg{top:340px}.dk .h5.h5-duo{background:linear-gradient(180deg,#0a5fb0 0,#0d6dc2 340px,#2b6fae 900px,#0f3f6e 100%)}}

/* ================= Bundles (4 Nov evening) ================= */
.pb-amt{display:block;margin-top:6px;padding-left:30px;font-size:13.5px;font-weight:500;color:var(--ink)}
.mrx-sig{display:block;width:120px;height:24px;margin:2px 0 -2px}
.mrx-sig path{fill:none;stroke:#1d3f8f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
  .js .t7c.rv:not(.in) .mrx-sig path,.js .tr4 .mrx-sig path{stroke-dashoffset:1}
  .t7c.rv.in .mrx-sig path{animation:sigDraw 1.8s cubic-bezier(.45,0,.2,1) .5s both}
  .tr4 .mrx-sig path{animation:sigDraw 1.8s cubic-bezier(.45,0,.2,1) 1s both}
}
@keyframes sigDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* ================= Round 9 (Karan, 5 Nov) ================= */
/* the footer sits above the fixed colour field (main is a positioned layer, so the field painted over it) */
.dk footer{position:relative;z-index:2}

/* drawn prescription: room for the signature, nothing over the words */
.t7 .tv{height:204px}
.t7 .mrx{width:164px;gap:5px;padding:11px 13px}

/* plan cards: what arrives, a seal on the best plan */
.dk .lt .plans .pbox{padding-right:150px}
.pb-flag.pop{background:#fff;color:#15181c;box-shadow:inset 0 0 0 1px rgba(21,24,28,.18)}
.pb-vis{position:absolute;right:16px;top:44px;bottom:14px;width:124px;display:grid;justify-items:center;align-content:center;gap:8px;pointer-events:none}
.pb-stack{position:relative;display:block;height:64px;width:calc(22px + var(--n,1) * 15px)}
.pb-stack img{position:absolute;bottom:0;left:calc(var(--i) * 15px);height:60px;width:auto;filter:drop-shadow(0 6px 6px rgba(21,24,28,.22));transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3deg));transform-origin:50% 100%}
.pb-stack.one{width:auto}.pb-stack.one img{position:static;height:64px}
.pb-stack.one em{position:absolute;right:-12px;top:-4px;padding:3px 7px;border-radius:999px;background:#15181c;color:#fff;font-style:normal;font-size:11px;font-weight:700}
.pb-vis.best .pb-stack img{height:70px}.pb-vis.best .pb-stack{height:74px}
.seal{width:92px;height:92px}
.seal>circle:first-of-type{fill:#15181c}
.seal .seal-in{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1}
.seal text{fill:#fff;font-family:Jost,sans-serif}
.seal-t text{font-size:9.6px;font-weight:600;letter-spacing:.11em}
.seal-rx{font-size:26px;font-weight:700}
.seal-t{transform-origin:60px 60px}
@media (prefers-reduced-motion:no-preference){.seal-t{animation:sealTurn 24s linear infinite}}
@keyframes sealTurn{to{transform:rotate(360deg)}}
.plans .pbox:not([aria-pressed="true"]) .pb-vis{top:14px}
@media (max-width:560px){.dk .lt .plans .pbox{padding-right:96px}.pb-vis{width:84px;right:10px}.seal{width:68px;height:68px}.pb-stack img{height:46px}.pb-vis.best .pb-stack img{height:50px}.pb-stack{height:50px;width:calc(16px + var(--n,1) * 10px)}.pb-stack img{left:calc(var(--i) * 10px)}}

/* the menu panel: white frosted glass, readable, with the vial on every row (backdrop blur cannot reach through the header, so the panel carries its own white) */
.dk .mega{background:rgba(255,255,255,.94);color:#15181c;border-radius:28px;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(21,24,28,.06),0 40px 80px -30px rgba(21,24,28,.45);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);padding:14px}
.dk .mega .m-all{color:#15181c}
.dk .m-row{padding:8px 10px 8px 8px;color:#15181c;border-radius:14px;transition:background-color .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}
.dk .m-row:hover,.dk .m-row:focus-visible{background:rgba(21,24,28,.05);transform:translateX(2px)}
.dk .m-row em{color:#6f747b}
.m-th{flex:none;display:grid;place-items:center;width:34px;height:42px;border-radius:10px;background:#f4f5f3;overflow:hidden}
.m-th img{height:38px;width:auto}
.m-row>span{flex:1;min-width:0}
.dk .m-prev{background:radial-gradient(70% 55% at 50% 38%,#ffffff 0%,#eef1ee 80%);box-shadow:inset 0 0 0 1px rgba(21,24,28,.05);color:#15181c}
.dk .m-prev small{color:#6f747b}
.dk .m-pic img{filter:drop-shadow(0 16px 16px rgba(21,24,28,.25))}
.dk .mega{background:rgba(255,255,255,.97)}
.tr4 .tv{height:100px}
.tr4 .mrx{transform:rotate(-4deg) scale(.5);margin:-52px -44px}
.tr4 .tv-rx{overflow:visible}
.ex-sexual-health{--hc:#c2453b;--hc2:#8f2a23}
@media (min-width:1101px){.dk .lt .ex-grid:has(> :nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}}
.tv-ico svg{width:84px;height:84px;padding:22px;border-radius:50%;background:#fff;stroke:#15181c;box-shadow:0 0 0 3px #fff,0 12px 20px -12px rgba(21,24,28,.5)}.tr4 .tv-ico svg{width:74px;height:74px;padding:20px}
/* six menu items: tighter links so the header fits up to wide screens */
@media (max-width:1400px){.dk .nv-a{padding:10px 11px;font-size:13.5px}.dk .hdr-act .go{padding-left:16px;padding-right:16px}}
@media (max-width:1240px){.dk .nv-a{padding:10px 9px;font-size:13px}}
@media (min-width:1081px) and (max-width:1240px){.dk .nav>.nv:first-of-type{display:none}}