:root{
  --ink:#1b1220; --ink-2:#241730; --plum:#2e1b3d;
  --cream:#fdf6ec; --sand:#f4e4d0;
  --honey:#f0a830; --honey-lt:#ffc861; --amber:#e0742f;
  --river:#1fb59a; --river-lt:#5fd9c2; --jade:#0d7a68;
  --rose:#e0568a; --coral:#ff7a5c;
  --text:#fdf6ec; --soft:#d8c8d8; --dim:#a292ab;
  --serif:'Fraunces',Georgia,serif; --sans:'Outfit',system-ui,sans-serif;
  --mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--ink);color:var(--text);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}
section{padding:5rem 0;position:relative}
.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:1rem}
h1{font-family:var(--serif);font-size:clamp(2.6rem,6.5vw,4.9rem);line-height:1.02;font-weight:600;letter-spacing:-.02em}
h2{font-family:var(--serif);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:600;line-height:1.12;margin-bottom:1rem;letter-spacing:-.01em}
h2 em,h1 em{font-style:italic;font-weight:400}
.lede{font-size:1.1rem;color:var(--soft);max-width:62ch;margin-bottom:1.5rem}
.mono{font-family:var(--mono);font-size:.9em}
.grad-honey{background:linear-gradient(102deg,var(--honey-lt),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-river{background:linear-gradient(102deg,var(--river-lt),var(--jade));-webkit-background-clip:text;background-clip:text;color:transparent}
/* ── hero ── */
.hero{background:
   radial-gradient(1100px 620px at 12% -8%, rgba(240,168,48,.30), transparent 62%),
   radial-gradient(900px 560px at 92% 8%, rgba(31,181,154,.26), transparent 60%),
   radial-gradient(700px 500px at 60% 100%, rgba(224,86,138,.16), transparent 65%),
   linear-gradient(170deg,var(--plum),var(--ink));
  padding:5.5rem 0 5rem;overflow:hidden}
.hero .eyebrow{color:var(--honey-lt)}
.mark{font-family:var(--serif);font-size:1.15rem;font-weight:700;letter-spacing:.34em;color:var(--cream);margin-bottom:2.2rem}
.mark span{color:var(--river-lt)}
.hero-sub{font-size:1.2rem;color:var(--sand);max-width:58ch;margin-top:1.7rem}
.tagrow{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:2.4rem}
.tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(253,246,236,.22);border-radius:99px;padding:.4rem .9rem;color:var(--sand);
  background:rgba(253,246,236,.05)}
/* ── blocks ── */
.band-cream{background:linear-gradient(180deg,#fdf6ec,#f7ead9);color:#2b1b33}
.band-cream .lede{color:#5d4a63}.band-cream .eyebrow{color:var(--amber)}
.band-cream h2{color:#2b1b33}
.band-river{background:linear-gradient(160deg,#0d2b2a,#123a36 60%,#0d2b2a)}
.band-river .eyebrow{color:var(--river-lt)}
.grid{display:grid;gap:1.2rem;margin-top:2rem}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.stat{border-radius:16px;padding:1.5rem 1.6rem;position:relative;overflow:hidden}
.stat.honey{background:linear-gradient(150deg,rgba(240,168,48,.17),rgba(224,116,47,.09));border:1px solid rgba(240,168,48,.34)}
.stat.river{background:linear-gradient(150deg,rgba(31,181,154,.17),rgba(13,122,104,.09));border:1px solid rgba(31,181,154,.34)}
.stat.rose{background:linear-gradient(150deg,rgba(224,86,138,.16),rgba(255,122,92,.09));border:1px solid rgba(224,86,138,.32)}
.stat .k{font-family:var(--mono);font-size:.63rem;letter-spacing:.17em;text-transform:uppercase;color:var(--dim);margin-bottom:.7rem}
.stat .v{font-family:var(--serif);font-size:2.5rem;font-weight:600;line-height:1;margin-bottom:.5rem}
.stat.honey .v{color:var(--honey-lt)}.stat.river .v{color:var(--river-lt)}.stat.rose .v{color:#ff9bbd}
.stat p{font-size:.9rem;color:var(--soft)}
.bluf{background:linear-gradient(100deg,rgba(240,168,48,.14),rgba(31,181,154,.10));
  border-left:4px solid var(--honey);padding:1.7rem 1.9rem;margin:2rem 0;border-radius:0 16px 16px 0}
.bluf p{font-family:var(--serif);font-size:1.35rem;font-style:italic;line-height:1.45;color:var(--cream)}
/* ── demo ── */
.demo{background:linear-gradient(165deg,#241730,#1b1220);border:1px solid rgba(240,168,48,.26);
  border-radius:20px;padding:1.8rem;margin-top:2rem;box-shadow:0 24px 70px rgba(0,0,0,.4)}
.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}
.pill{font-family:var(--sans);font-size:.8rem;font-weight:500;border:1px solid rgba(253,246,236,.18);
  background:rgba(253,246,236,.05);color:var(--soft);padding:.45rem .85rem;border-radius:99px;cursor:pointer;transition:.16s}
.pill:hover{border-color:var(--honey);color:var(--honey-lt);transform:translateY(-1px)}
.pill.on{background:linear-gradient(100deg,var(--honey),var(--amber));color:#241730;border-color:transparent;font-weight:600}
.btn{font-family:var(--sans);font-size:.92rem;font-weight:600;border:none;border-radius:99px;padding:.75rem 1.5rem;cursor:pointer;transition:.16s}
.btn-p{background:linear-gradient(100deg,var(--honey),var(--amber));color:#241730}
.btn-p:hover{filter:brightness(1.1)}
.btn-s{background:transparent;color:var(--soft);border:1px solid rgba(253,246,236,.22);margin-left:.5rem}
table{width:100%;border-collapse:collapse;margin-top:1.4rem;font-size:.88rem}
th{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--honey-lt);
  text-align:left;padding:.65rem .7rem;border-bottom:1px solid rgba(240,168,48,.28)}
td{padding:.68rem .7rem;border-bottom:1px solid rgba(253,246,236,.07);vertical-align:top}
tr.refused{background:rgba(224,86,138,.05)}
tr.refused td{color:var(--dim)}
.verdict{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;padding:.24rem .6rem;border-radius:99px;white-space:nowrap;font-weight:500}
.v-ok{background:rgba(31,181,154,.18);color:var(--river-lt);border:1px solid rgba(31,181,154,.4)}
.v-no{background:rgba(224,86,138,.18);color:#ff9bbd;border:1px solid rgba(224,86,138,.45)}
.summary{margin-top:1.5rem;padding:1.2rem 1.4rem;border-radius:14px;
  background:linear-gradient(100deg,rgba(224,86,138,.14),rgba(240,168,48,.09));
  border:1px solid rgba(224,86,138,.3);font-size:.95rem;color:var(--sand);line-height:1.8}
.summary b{color:#ff9bbd;font-weight:600}
/* ── staircase ── */
.stair{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:2rem}
.step{border-radius:16px;padding:1.3rem 1rem;text-align:center;
  background:rgba(253,246,236,.05);border:1px solid rgba(253,246,236,.12);transition:.2s}
.step.best{background:linear-gradient(160deg,rgba(31,181,154,.22),rgba(13,122,104,.12));border-color:var(--river)}
.step .sl{font-family:var(--mono);font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:var(--honey-lt);min-height:2.6em}
.step .ss{font-size:.72rem;color:var(--dim);margin-bottom:.8rem}
.step .sr{font-family:var(--serif);font-size:2.3rem;font-weight:600;line-height:1;color:var(--cream)}
.step.best .sr{color:var(--river-lt)}
.step .sq{font-family:var(--mono);font-size:.72rem;color:var(--soft);margin-top:.35rem}
.step .sn{font-family:var(--mono);font-size:.6rem;color:var(--dim);margin-top:.25rem}
@media(max-width:860px){.stair{grid-template-columns:repeat(2,1fr)}}
.note{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--dim);margin-top:1.4rem;max-width:72ch;line-height:1.6}
.band-cream .note{color:#6d5873}
/* ── honest ── */
.honest{background:linear-gradient(160deg,rgba(255,122,92,.11),rgba(224,86,138,.06));
  border:1px solid rgba(255,122,92,.32);border-radius:18px;padding:1.7rem 1.9rem;margin-top:1.8rem}
.honest h3{font-family:var(--serif);font-size:1.3rem;color:var(--coral);margin-bottom:.9rem;font-weight:600}
.honest li{margin:.7rem 0 .7rem 1.2rem;color:var(--sand);font-size:.95rem}
.dose{width:100%;margin-top:1.1rem;font-family:var(--mono);font-size:.8rem}
.dose td,.dose th{padding:.4rem .6rem;border-bottom:1px solid rgba(253,246,236,.08)}
.dose .flip{color:#ff9bbd;font-weight:500}
footer{padding:3.5rem 0;background:var(--plum);color:var(--dim);font-family:var(--mono);font-size:.72rem;line-height:2.1}
a{color:var(--honey-lt);text-decoration:none;border-bottom:1px solid rgba(240,168,48,.35)}
.band-cream a{color:var(--amber);border-color:rgba(224,116,47,.4)}

/* ── drill-down ── */
.hint{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dim);margin-top:1.2rem}
tr.clickable{cursor:pointer;transition:.14s}
tr.clickable:hover{background:rgba(240,168,48,.07)}
td.caret{width:1.6rem;color:var(--honey-lt);font-size:.8rem}
tr.drill{display:none}
tr.drill.open{display:table-row}
tr.drill>td{padding:0 .7rem 1.1rem}
.dd{background:rgba(253,246,236,.045);border:1px solid rgba(253,246,236,.12);
  border-radius:14px;padding:1.2rem 1.4rem;margin-top:.2rem}
.dd.open-block{margin-top:1.4rem}
.dd-h{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--honey-lt);margin:1rem 0 .5rem}
.dd-h:first-child{margin-top:0}
.dd-p{font-size:.9rem;color:var(--soft);margin-bottom:.5rem;line-height:1.7}
.dd-p b{color:var(--cream)}
.dd-warn{color:var(--dim);font-style:italic;border-left:2px solid rgba(255,122,92,.4);padding-left:.8rem}
.dd-eq{font-family:var(--mono);font-size:.86rem;color:var(--river-lt);
  background:rgba(31,181,154,.09);border-radius:8px;padding:.7rem .9rem;margin-bottom:.6rem}
.dd-eq b{color:var(--cream)}
.dd-t{width:100%;font-size:.8rem;margin:.5rem 0 .7rem}
.dd-t th{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:var(--dim);
  border-bottom:1px solid rgba(253,246,236,.14);padding:.35rem .5rem}
.dd-t td{padding:.35rem .5rem;border-bottom:1px solid rgba(253,246,236,.06);color:var(--soft)}
.step .more{font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dim);margin-top:.7rem}
.step.clickable{cursor:pointer}
.step.clickable:hover{transform:translateY(-3px);border-color:var(--honey)}
.dose td:last-child,.dose th:last-child{text-align:right;color:var(--dim)}

/* ── hero portrait ── */
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:0 3.4rem;align-items:start;
  grid-template-areas:"head art" "body art"}
.hero-head{grid-area:head}
.hero-body{grid-area:body}
.hero-art{grid-area:art;align-self:center}
.hero-head h1{font-size:clamp(2.15rem,4.4vw,3.75rem);text-wrap:balance;margin-bottom:1.6rem}
.hero-body .hero-sub{font-size:1.08rem;max-width:52ch;margin-top:0}
.hero-art{position:relative;border-radius:22px;overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(240,168,48,.28);
  isolation:isolate}
.hero-art::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(200deg,rgba(46,27,61,.30) 0%,rgba(46,27,61,0) 38%),
             linear-gradient(0deg,rgba(27,18,32,.94) 0%,rgba(27,18,32,.55) 24%,rgba(27,18,32,0) 50%)}
.hero-art picture{display:block}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.hero-art figcaption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:1.5rem 1.6rem 1.55rem}
.hero-art figcaption .cap-q{font-family:var(--serif);font-size:clamp(1rem,2.6vw,1.16rem);font-style:italic;
  line-height:1.42;color:var(--cream);text-wrap:balance}
.hero-art figcaption .cap-s{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--honey-lt);margin-top:.65rem}
.hero-glow{position:absolute;z-index:-1;inset:-14% -10% -10% -10%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(240,168,48,.34),transparent 72%);filter:blur(34px)}

/* ── download the study ── */
.dl-btn{display:inline-flex;align-items:center;gap:.9rem;margin-top:1.9rem;text-decoration:none;
  border:1px solid rgba(31,181,154,.42);border-bottom-color:rgba(31,181,154,.42);border-radius:14px;
  background:linear-gradient(100deg,rgba(31,181,154,.16),rgba(240,168,48,.09));
  padding:.85rem 1.25rem;transition:.16s;color:inherit}
.dl-btn:hover{border-color:var(--river);background:linear-gradient(100deg,rgba(31,181,154,.26),rgba(240,168,48,.14));transform:translateY(-2px)}
.dl-btn .dl-ic{font-size:1.1rem;color:var(--river-lt);border:1px solid rgba(31,181,154,.5);
  border-radius:99px;width:2.1rem;height:2.1rem;display:grid;place-items:center;flex:none}
.dl-btn b{display:block;font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--cream)}
.dl-btn em{display:block;font-family:var(--mono);font-style:normal;font-size:.6rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--dim);margin-top:.25rem}
.band-cream .dl-btn b{color:#2b1b33}
.band-cream .dl-btn em{color:#7a6580}
.dl-big{margin-top:2rem;padding:1.15rem 1.5rem;align-items:center}
.dl-big b{font-family:var(--serif);font-size:1.1rem;line-height:1.35;max-width:52ch}
.dl-big .dl-ic{width:2.6rem;height:2.6rem;font-size:1.3rem}

/* ── plain-English asides ── */
.plain{display:grid;grid-template-columns:auto 1fr;gap:.1rem 1.05rem;align-items:start;margin:1.5rem 0;
  background:linear-gradient(100deg,rgba(255,200,97,.10),rgba(31,181,154,.06));
  border:1px solid rgba(255,200,97,.24);border-radius:16px;padding:1.15rem 1.35rem}
.plain .pl-tag{grid-column:1;grid-row:1}
.plain p{grid-column:2}
.plain .pl-tag{font-family:var(--mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--honey-lt);background:rgba(240,168,48,.14);border:1px solid rgba(240,168,48,.3);
  border-radius:99px;padding:.34rem .64rem;white-space:nowrap;margin-top:.2rem;line-height:1}
.plain p{font-size:1rem;color:var(--sand);line-height:1.72;margin:0}
.plain p+p{margin-top:.7rem}
.plain p b{color:var(--cream);font-weight:600}
.plain p em{color:var(--honey-lt);font-style:italic}
.band-cream .plain{background:linear-gradient(100deg,rgba(224,116,47,.11),rgba(31,181,154,.07));
  border-color:rgba(224,116,47,.28)}
.band-cream .plain p{color:#5d4a63}
.band-cream .plain p b{color:#2b1b33}
.band-cream .plain p em{color:var(--amber)}
.band-cream .plain .pl-tag{color:var(--amber);background:rgba(224,116,47,.12);border-color:rgba(224,116,47,.32)}
.dd-plain{background:rgba(255,200,97,.07);border-left:2px solid rgba(255,200,97,.42);
  border-radius:0 8px 8px 0;padding:.72rem .95rem;margin:.55rem 0 .8rem;font-size:.88rem;
  color:var(--sand);line-height:1.72}
.dd-plain b{color:var(--cream);font-weight:600}
.dd-plain em{color:var(--honey-lt);font-style:italic}
.dd-plain p{margin:0}
.dd-plain p+p{margin-top:.6rem}
@media(max-width:600px){
  .plain{grid-template-columns:1fr;gap:.65rem}
  .plain .pl-tag{justify-self:start}
  .plain p{grid-column:1}
}

/* ── three moves ── */
.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2rem;counter-reset:mv}
.move{background:rgba(253,246,236,.05);border:1px solid rgba(253,246,236,.13);
  border-radius:16px;padding:1.5rem 1.5rem 1.6rem;position:relative}
.move::before{counter-increment:mv;content:counter(mv);font-family:var(--serif);font-size:2.6rem;
  font-weight:600;line-height:1;color:rgba(240,168,48,.32);display:block;margin-bottom:.5rem}
.move h3{font-family:var(--serif);font-size:1.22rem;font-weight:600;color:var(--cream);margin-bottom:.55rem}
.move p{font-size:.92rem;color:var(--soft);line-height:1.7}
.move .exists{font-family:var(--mono);font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--river-lt);margin-top:.9rem;display:block}
@media(max-width:820px){.moves{grid-template-columns:1fr}}

/* ══════════════ responsive ══════════════ */
/* wide blocks scroll inside themselves; the page body never scrolls sideways */
.dd-t,.dose{max-width:100%}

/* ── tablet: hero stacks, art between headline and body ── */
@media(max-width:899px){
  .hero-grid{grid-template-columns:1fr;grid-template-areas:"head" "art" "body";gap:1.7rem 0}
  .hero-art{max-width:none;align-self:stretch;border-radius:18px}
  .hero-art img{aspect-ratio:3/2}
  .hero-art figcaption{padding:1.2rem 1.25rem 1.25rem}
  .hero{padding:3.4rem 0 3.6rem}
  .hero-head h1{margin-bottom:0}
  .hero-body .hero-sub{max-width:none}
}

/* ── phone ── */
@media(max-width:720px){
  .wrap{padding:0 1.15rem}
  section{padding:3.4rem 0}
  h2{font-size:clamp(1.6rem,6.4vw,2.1rem)}
  .lede,.hero-sub{font-size:1.02rem}
  .mark{font-size:1rem;letter-spacing:.3em;margin-bottom:1.6rem}
  .eyebrow{font-size:.6rem;letter-spacing:.19em}
  .bluf{padding:1.25rem 1.3rem;border-radius:0 12px 12px 0}
  .bluf p{font-size:1.1rem}
  .stat{padding:1.25rem 1.3rem}
  .stat .v{font-size:2.1rem}
  .note{font-size:.98rem}
  .demo{padding:1.15rem 1rem;border-radius:16px}
  .plain{padding:1rem 1.1rem}
  .plain p{font-size:.96rem}
  .honest{padding:1.3rem 1.2rem}
  .move{padding:1.25rem 1.3rem}
  .dl-btn{width:100%;margin-top:1.5rem}

  /* buttons wrap and stay thumb-sized */
  .btn{padding:.8rem 1.2rem;font-size:.88rem}
  .btn-s{margin-left:0}
  .demo .btn{margin:0 .45rem .5rem 0}
  .pill{padding:.6rem 1rem;font-size:.82rem;min-height:44px;   /* Apple HIG tap target */
    display:inline-flex;align-items:center}
  .btn{min-height:44px}

  /* the staircase: two up, then the detail below */
  .stair{grid-template-columns:repeat(2,1fr);gap:.7rem}
  .step{padding:1.05rem .7rem}
  .step .sr{font-size:1.9rem}
  .step .sl{min-height:3.2em;font-size:.55rem}

  /* drill-down panels */
  .dd{padding:1rem 1.05rem;border-radius:12px}
  .dd-eq{font-size:.76rem;overflow-x:auto;white-space:nowrap}
  .dd-plain{font-size:.86rem;padding:.68rem .8rem}

  /* ── the results table becomes cards ── */
  #out table,#out thead,#out tbody,#out tr,#out th,#out td{display:block;width:auto}
  #out thead{position:absolute;left:-9999px}
  #out table{margin-top:1rem}
  #out tr.clickable{position:relative;border:1px solid rgba(253,246,236,.14);border-radius:14px;
    padding:.95rem 2.6rem .8rem 1rem;margin-bottom:.65rem;background:rgba(253,246,236,.04)}
  #out tr.clickable.refused{background:rgba(224,86,138,.07);border-color:rgba(224,86,138,.24)}
  #out tr.clickable td{border:none;padding:.22rem 0;display:flex;justify-content:space-between;
    align-items:baseline;gap:1rem;font-size:.86rem}
  #out tr.clickable td::before{content:attr(data-label);font-family:var(--mono);font-size:.55rem;
    letter-spacing:.13em;text-transform:uppercase;color:var(--dim);flex:none}
  #out tr.clickable td[data-label="ingredient"]{font-family:var(--serif);font-size:1.08rem;
    font-weight:600;color:var(--cream);display:block;margin-bottom:.35rem}
  #out tr.clickable.refused td[data-label="ingredient"]{color:var(--sand)}
  #out tr.clickable td[data-label="ingredient"]::before{display:none}
  #out tr.clickable td.caret{position:absolute;top:.85rem;right:.9rem;padding:0;display:block;
    width:1.6rem;height:1.6rem;line-height:1.6rem;text-align:center;border-radius:99px;
    background:rgba(240,168,48,.14)}
  #out tr.clickable td.caret::before{display:none}
  /* the blanket display:block above out-specifies tr.drill{display:none} — restore it,
     or every explanation renders expanded and the table becomes thousands of px tall */
  #out tr.drill{display:none;margin:-.35rem 0 .9rem}
  #out tr.drill.open{display:block}
  #out tr.drill>td{padding:0}
  #out tr.drill>td:first-child{display:none}
  #out .summary{padding:1rem 1.05rem;font-size:.9rem}

  /* neighbour + stratum tables scroll inside their own box rather than squash */
  .dd-t,.dose{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .dd-t th,.dd-t td{font-size:.74rem;padding:.3rem .45rem}
  .dose td,.dose th{font-size:.72rem;padding:.35rem .45rem}
  .dd-t::after,.dose::after{content:'';display:block}

  footer{padding:2.6rem 0;font-size:.66rem;line-height:2}
}

@media(max-width:380px){
  .stair{grid-template-columns:1fr}
  .step .sl{min-height:0}
  h1{font-size:2rem}
}

/* respect reduced motion */
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
  .step.clickable:hover,.dl-btn:hover,.pill:hover{transform:none}
}