/* Health Support Group. Nightline.
   The look carried over from the live site: a near-black page, one lime
   accent, huge tight uppercase headings, and structure drawn with hairline
   rules rather than boxes. Mono type for every label and figure caption. */

:root{
  --ekg-void:#0d1012;
  --ekg-raise:#15191c;
  --ekg-rule:#272d31;
  --ekg-ink:#e9ecee;
  --ekg-mute:#8d969c;
  --ekg-lime:#c8f04a;
  --ekg-lime-2:#a9cf33;
  --ekg-warm:#ff8f6b;
  --ekg-sans:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ekg-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ekg-void);color:var(--ekg-ink);font:17px/1.65 var(--ekg-sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--ekg-lime)}
a[href^="mailto:"]{overflow-wrap:anywhere;word-break:break-word}
h1,h2{margin:0 0 .35em;font-weight:800;letter-spacing:-.03em;line-height:.98;text-transform:uppercase}
h1{font-size:clamp(2.3rem,7vw,5.2rem)}
h2{font-size:clamp(1.6rem,3.6vw,2.9rem)}
h3{margin:0 0 .4em;font-size:1.05rem;font-weight:700}
p{margin:0 0 1.15em;max-width:66ch}

.ekg-col{max-width:1240px;margin:0 auto;padding:0 32px}

/* the mono status line above the masthead */
.ekg-strip{font-family:var(--ekg-mono);font-size:.76rem;letter-spacing:.04em;color:var(--ekg-mute);
  border-bottom:1px solid var(--ekg-rule)}
.ekg-strip .ekg-col{display:flex;gap:10px 26px;justify-content:space-between;flex-wrap:wrap;padding-top:11px;padding-bottom:11px}
.ekg-strip b{color:var(--ekg-lime);font-weight:600}
.ekg-strip a{color:inherit;text-decoration:none}

/* masthead: a wordmark and a thin line of links, no bar */
.ekg-mast{border-bottom:1px solid var(--ekg-rule)}
.ekg-mast .ekg-col{display:flex;align-items:center;gap:14px 30px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.ekg-sig{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em;font-size:1.05rem;
  text-decoration:none;color:var(--ekg-ink);text-transform:uppercase}
.ekg-sig img{width:38px;height:38px;border-radius:7px;background:#fff}
.ekg-sig em{font-style:normal;color:var(--ekg-lime)}
.ekg-nav{display:flex;gap:8px 24px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.ekg-nav a{color:var(--ekg-mute);text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:.02em}
.ekg-nav a:hover,.ekg-nav a.ekg-here{color:var(--ekg-lime)}
.ekg-hold{margin-left:auto;font-family:var(--ekg-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ekg-mute);text-decoration:none;padding:8px 14px;box-shadow:inset 0 0 0 1px var(--ekg-rule)}
.ekg-hold b{color:var(--ekg-lime)}
.ekg-hold:hover{color:var(--ekg-lime)}

/* opening */
.ekg-open{padding:88px 0 70px}
.ekg-kick{font-family:var(--ekg-mono);font-size:.78rem;letter-spacing:.2em;color:var(--ekg-lime);
  text-transform:uppercase;margin-bottom:24px}
.ekg-say{font-size:1.25rem;color:var(--ekg-mute);max-width:54ch;margin-top:1.3em}
.ekg-trace{display:block;width:min(520px,100%);height:auto;margin:34px 0 0}
.ekg-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

.ekg-go{display:inline-block;background:var(--ekg-lime);color:var(--ekg-void);font-weight:800;text-decoration:none;
  padding:15px 28px;border:0;cursor:pointer;font:800 .92rem var(--ekg-sans);letter-spacing:.03em;text-transform:uppercase}
.ekg-go:hover{background:var(--ekg-lime-2)}
.ekg-go:disabled{background:var(--ekg-rule);color:var(--ekg-mute);cursor:not-allowed}
.ekg-go--line{background:transparent;color:var(--ekg-ink);box-shadow:inset 0 0 0 1px var(--ekg-rule)}
.ekg-go--line:hover{background:var(--ekg-raise);color:var(--ekg-lime)}

/* bands separated by rules */
.ekg-band{border-top:1px solid var(--ekg-rule);padding:64px 0}
.ekg-band--up{background:var(--ekg-raise)}
.ekg-lede{color:var(--ekg-mute);max-width:62ch}

/* the numbered menu: boxes and bottles */
.ekg-menu{margin-top:36px;counter-reset:ekgn}
.ekg-item{display:grid;grid-template-columns:62px 1fr minmax(170px,auto);
  grid-template-areas:"num head cost" "num body cost" "num act cost";gap:6px 28px;
  padding:30px 0;border-top:1px solid var(--ekg-rule)}
.ekg-item:last-child{border-bottom:1px solid var(--ekg-rule)}
.ekg-item::before{grid-area:num;counter-increment:ekgn;content:counter(ekgn,decimal-leading-zero);
  font-family:var(--ekg-mono);font-size:.95rem;color:var(--ekg-lime);padding-top:6px}
.ekg-item__head{grid-area:head}
.ekg-item__head h3{font-size:1.45rem;text-transform:uppercase;letter-spacing:-.015em;font-weight:800;margin:0}
.ekg-item__sub{font-family:var(--ekg-mono);font-size:.76rem;color:var(--ekg-mute);letter-spacing:.05em;margin:.3em 0 0}
.ekg-item__body{grid-area:body;color:var(--ekg-mute);font-size:.97rem}
.ekg-item__body p{margin:0}
.ekg-item__cost{grid-area:cost;text-align:right}
.ekg-item__act{grid-area:act;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:10px}
.ekg-big{display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.ekg-per{display:block;font-family:var(--ekg-mono);font-size:.76rem;color:var(--ekg-mute);letter-spacing:.04em}
.ekg-said{font-family:var(--ekg-mono);font-size:.76rem;color:var(--ekg-lime)}
.ekg-said a{color:inherit}

.ekg-pour{list-style:none;margin:10px 0 0;padding:0}
.ekg-pour li{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--ekg-rule)}
.ekg-pour li:last-child{border-bottom:0}
.ekg-pour b{color:var(--ekg-lime);font-family:var(--ekg-mono);min-width:1.4em}
.ekg-pour i{margin-left:auto;font-style:normal;font-family:var(--ekg-mono);font-size:.76rem;color:var(--ekg-mute)}

/* a typographic stand-in for a bottle with no photograph */
.ekg-card{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;width:120px;
  padding:12px;background:var(--ekg-raise);box-shadow:inset 0 0 0 1px var(--ekg-rule);border-top:3px solid var(--ekg-lime)}
.ekg-card--box{width:150px;aspect-ratio:4/3}
.ekg-card__brand{font-family:var(--ekg-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ekg-mute)}
.ekg-card__name{display:block;font-weight:800;text-transform:uppercase;font-size:.88rem;line-height:1.05;letter-spacing:-.01em;color:var(--ekg-ink)}
.ekg-card__sub{display:block;font-size:.62rem;color:var(--ekg-lime);margin-top:4px;line-height:1.2}
.ekg-card__size{font-family:var(--ekg-mono);font-size:.62rem;color:var(--ekg-mute)}
.ekg-withcard{display:flex;gap:22px;align-items:flex-start}
.ekg-withcard > div{flex:1;min-width:0}
.ekg-withcard > .ekg-card{flex:0 0 auto}
.ekg-withcard > .ekg-shot{flex:0 0 auto}
/* the designer's renders sit on a light plate so the white bottles read on the dark page */
.ekg-shot{margin:0;width:130px;background:#eef0ec;border-top:3px solid var(--ekg-lime);line-height:0}
.ekg-shot img{display:block;width:100%;height:auto}
.ekg-shot--box{width:100%;max-width:420px;margin:0 0 12px}
.ekg-item__act .ekg-hint{flex-basis:100%;margin:0}

/* three plain facts */
.ekg-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.ekg-trio h3{color:var(--ekg-lime);font-family:var(--ekg-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.ekg-trio p{font-size:.95rem;color:var(--ekg-mute);margin:0}

.ekg-auto{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.ekg-auto__big{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}

/* label panels */
.ekg-label{margin:18px 0;max-width:560px;border:1px solid var(--ekg-rule);padding:14px 16px;background:var(--ekg-void)}
.ekg-label caption{text-align:left;font-weight:800;text-transform:uppercase;font-size:1.15rem;padding-bottom:6px;color:var(--ekg-ink)}
.ekg-spec{display:grid;grid-template-columns:max-content 1fr;gap:4px 18px;margin:12px 0;font-size:.95rem}
.ekg-spec dt{font-family:var(--ekg-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ekg-mute);padding-top:3px}
.ekg-spec dd{margin:0}
.ekg-claims{margin:10px 0;padding-left:1.2em}
.ekg-fine{font-size:.82rem;color:#6c757b;line-height:1.7}
.ekg-other{font-size:.9rem;color:var(--ekg-mute)}
.ekg-jump{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0 0;font-family:var(--ekg-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.ekg-jump a{color:var(--ekg-mute);text-decoration:none}
.ekg-jump a:hover{color:var(--ekg-lime)}
.ekg-sheet{scroll-margin-top:16px}

/* tables, borderless */
.ekg-wide{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ekg-tab{width:100%;border-collapse:collapse;margin-top:18px;font-size:.95rem}
.ekg-tab thead th{text-align:left;padding:0 10px 12px;font-family:var(--ekg-mono);font-size:.72rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ekg-lime);border-bottom:1px solid var(--ekg-rule)}
.ekg-tab td{padding:13px 10px;border-bottom:1px solid var(--ekg-rule);vertical-align:top;color:var(--ekg-mute)}
.ekg-tab td:first-child{color:var(--ekg-ink);font-weight:700}
.ekg-tab .ekg-num{text-align:right;white-space:nowrap;color:var(--ekg-ink)}
.ekg-label .ekg-tab{margin-top:4px}
.ekg-label .ekg-tab thead th{color:var(--ekg-ink)}

/* long form, counsel's text */
.ekg-prose{max-width:820px}
.ekg-prose h2{margin-top:2.1em;font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.01em;line-height:1.15}
.ekg-prose h2:first-child{margin-top:0}
.ekg-prose h3{margin-top:1.8em;color:var(--ekg-lime-2)}
.ekg-prose li{margin-bottom:.5em}
.ekg-ctl{margin:22px 0}

/* contact */
.ekg-desk{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px}
.ekg-desk span{display:block;font-family:var(--ekg-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ekg-lime);margin-bottom:8px}
.ekg-desk a,.ekg-desk p{font-size:1.2rem;font-weight:700;color:var(--ekg-ink);text-decoration:none}

/* basket */
.ekg-row{display:grid;grid-template-columns:1fr auto auto;gap:10px 24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--ekg-rule)}
.ekg-row b{display:block;text-transform:uppercase;letter-spacing:-.01em}
.ekg-row small{display:block;color:var(--ekg-mute);font-size:.86rem}
.ekg-row__x{background:none;border:0;color:var(--ekg-warm);font:600 .78rem var(--ekg-mono);letter-spacing:.06em;
  text-transform:uppercase;cursor:pointer;padding:6px 0 0}
.ekg-step{display:inline-flex;align-items:stretch;box-shadow:inset 0 0 0 1px var(--ekg-rule)}
.ekg-step button{background:transparent;color:var(--ekg-ink);border:0;cursor:pointer;font:700 1.1rem var(--ekg-sans);padding:8px 15px}
.ekg-step button:hover{background:var(--ekg-raise);color:var(--ekg-lime)}
.ekg-step output{min-width:44px;display:flex;align-items:center;justify-content:center;font-weight:700;
  border-left:1px solid var(--ekg-rule);border-right:1px solid var(--ekg-rule)}
.ekg-row__sum{font-weight:800;font-size:1.15rem;text-align:right;min-width:90px}
.ekg-sum{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;font-size:1.35rem;font-weight:800;
  text-transform:uppercase;letter-spacing:-.01em}
.ekg-optin{margin:22px 0;padding:18px 20px;border-left:2px solid var(--ekg-lime);background:var(--ekg-raise)}
.ekg-tick{display:flex;gap:12px;align-items:flex-start;margin:14px 0;font-size:.93rem;color:var(--ekg-mute)}
.ekg-tick input{margin-top:4px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--ekg-lime)}
.ekg-tick b{color:var(--ekg-ink)}
.ekg-pay{margin-top:30px;max-width:720px}
.ekg-pay h2{font-size:1.4rem;margin-top:1.4em}
.ekg-two,.ekg-three{display:grid;gap:0 22px}
.ekg-two{grid-template-columns:1fr 1fr}
.ekg-three{grid-template-columns:2fr 1fr 1fr}
.ekg-fld{display:block;margin-bottom:18px}
.ekg-fld span{display:block;font-family:var(--ekg-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ekg-mute);margin-bottom:6px}
.ekg-fld input{width:100%;padding:12px 0;background:transparent;color:var(--ekg-ink);border:0;border-bottom:1px solid var(--ekg-rule);font:1rem var(--ekg-sans)}
.ekg-fld input:focus{outline:0;border-bottom-color:var(--ekg-lime)}
.ekg-ticks{margin:24px 0;padding:6px 0;border-top:1px solid var(--ekg-rule);border-bottom:1px solid var(--ekg-rule)}
.ekg-alert{padding:14px 18px;border-left:2px solid var(--ekg-warm);background:#241510;color:#ffc4b0}
.ekg-hint{font-size:.86rem;color:var(--ekg-mute)}

/* footer: one column of facts, then the fine print */
.ekg-foot{border-top:1px solid var(--ekg-rule);padding:64px 0 40px;font-size:.93rem;color:var(--ekg-mute)}
.ekg-foot a{color:var(--ekg-ink);text-decoration:none}
.ekg-foot a:hover{color:var(--ekg-lime)}
.ekg-foot__links{display:flex;gap:12px 30px;flex-wrap:wrap;margin:0 0 36px;padding:0;list-style:none;
  font-family:var(--ekg-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.ekg-foot__who{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-bottom:36px}
.ekg-foot__who b{display:block;color:var(--ekg-ink);margin-bottom:4px}
.ekg-foot__fda{border-top:1px solid var(--ekg-rule);padding-top:24px;font-size:.82rem;line-height:1.8;color:#6c757b;max-width:none}

/* eBooks: two PDF volumes side by side, cover on a light plate, a mono index line, hairline rules */
.ekg-folio__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:36px;
  border-top:1px solid var(--ekg-rule);border-bottom:1px solid var(--ekg-rule)}
.ekg-folio__vol{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:30px 28px 30px 0;align-items:start}
.ekg-folio__vol + .ekg-folio__vol{border-left:1px solid var(--ekg-rule);padding-left:28px}
.ekg-folio__cover{margin:0;background:#eef0ec;border-top:3px solid var(--ekg-lime);line-height:0;
  box-shadow:10px 10px 0 -2px var(--ekg-raise),10px 10px 0 -1px var(--ekg-rule)}
.ekg-folio__cover img{width:100%;height:auto}
.ekg-folio__text{min-width:0}
.ekg-folio__tag{font-family:var(--ekg-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ekg-lime);margin:0 0 10px}
.ekg-folio__text h3{font-size:1.6rem;text-transform:none;letter-spacing:-.025em;font-weight:800;margin:0;line-height:1.05}
.ekg-folio__sub{color:var(--ekg-ink);margin:.4em 0 .6em;font-size:.98rem}
.ekg-folio__how{font-size:.88rem;color:var(--ekg-mute);margin:0 0 14px}
.ekg-folio__buy{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:12px 0;border-top:1px dashed var(--ekg-rule)}
.ekg-folio__buy .ekg-big{font-size:1.5rem}
.ekg-folio__note{margin-top:18px}
.ekg-folio__act{display:flex;gap:12px 14px;align-items:center;flex-wrap:wrap;padding-top:6px}

/* the eBook count in the basket is fixed at one */
.ekg-row b.ekg-row__book{text-transform:none;letter-spacing:-.005em}
.ekg-step--one output{border:0;min-width:44px;padding:8px 0;color:var(--ekg-mute)}

/* thank you: the download list */
.ekg-pdfs{margin:0 0 36px;padding:22px 24px;border-left:2px solid var(--ekg-lime);background:var(--ekg-raise)}
.ekg-pdfs h2{margin-top:0}
.ekg-pdfs__list{list-style:none;margin:16px 0 14px;padding:0}
.ekg-pdfs__list li{margin:0 0 12px}
.ekg-pdfs__get{text-align:left;max-width:100%;white-space:normal}

@media(max-width:820px){
  .ekg-col{padding:0 16px}
  .ekg-strip .ekg-col{padding-top:9px;padding-bottom:9px}
  .ekg-open{padding:52px 0 44px}
  .ekg-band{padding:44px 0}
  .ekg-item{grid-template-columns:1fr;grid-template-areas:"num" "head" "cost" "body" "act";gap:8px}
  .ekg-item__cost{text-align:left}
  .ekg-auto{grid-template-columns:1fr;gap:20px}
  .ekg-hold{margin-left:0}
  .ekg-two,.ekg-three{grid-template-columns:1fr}
  .ekg-row{grid-template-columns:1fr auto}
  .ekg-row__sum{grid-column:1 / -1;text-align:left}
  .ekg-withcard{flex-direction:column}
  .ekg-say{font-size:1.08rem}
  .ekg-folio__pair{grid-template-columns:1fr}
  .ekg-folio__vol{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:24px 0}
  .ekg-folio__vol + .ekg-folio__vol{border-left:0;border-top:1px solid var(--ekg-rule);padding-left:0}
  .ekg-folio__cover{box-shadow:6px 6px 0 -2px var(--ekg-raise),6px 6px 0 -1px var(--ekg-rule)}
  .ekg-folio__text h3{font-size:1.2rem}
  .ekg-pdfs{padding:18px 16px}
}