@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Onest:wght@500;600;700;800&display=swap');

:root{
  --serm-blue:#0099ff;
  --serm-blue-deep:#2563eb;
  --serm-navy:#052451;
  --serm-ink:#111827;
  --serm-muted:#64748b;
  --serm-pale:#eef7ff;
  --serm-line:#dbe7f3;
  --serm-teal:#14b8b8;
  --serm-white:#fff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--serm-ink);
  background:linear-gradient(180deg,#f8fcff 0,#fff 44%,#f4f9ff 100%);
  font-family:Manrope,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
button,input,select,textarea{font:inherit}
a{color:inherit}

.intk-promo{
  min-height:36px!important;
  padding:8px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  background:var(--serm-navy)!important;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.01em!important;
}
.intk-promo b{font-weight:800!important}
.intk-promo span{color:rgba(255,255,255,.72)!important}
.intk-head{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--serm-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}
.intk-head-in{max-width:1120px!important;min-height:68px!important}
.intk-brand{display:inline-flex!important;align-items:center!important}
.intk-brand img{display:block;width:auto;height:30px;object-fit:contain}
.intk-secure{color:#475569!important;font-size:12px!important;font-weight:700!important}
.intk-secure svg{stroke:var(--serm-blue-deep)!important}
.intk-wrap{max-width:760px!important;padding-top:42px!important;padding-bottom:80px!important}
.prog-top{margin-bottom:13px!important}
.prog-back,.prog-count{color:#64748b!important;font-size:12px!important;font-weight:800!important}
.prog-back svg{stroke:#64748b!important}
.prog-bar{height:5px!important;background:#dceafb!important;border-radius:99px!important;overflow:hidden!important}
.prog-fill{background:linear-gradient(90deg,var(--serm-blue-deep),var(--serm-blue))!important;border-radius:99px!important}
.qcard,.appr{
  padding:38px!important;
  border:1px solid rgba(37,99,235,.14)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 70px rgba(5,36,81,.09)!important;
}
.qcard .kk,.appr .kk{
  color:var(--serm-blue-deep)!important;
  font:800 11px/1 Onest,Manrope,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.qcard h2,.appr h2{
  max-width:630px;
  margin-top:10px!important;
  color:var(--serm-navy)!important;
  font:700 clamp(27px,4vw,40px)/1.08 Onest,Manrope,sans-serif!important;
  letter-spacing:-.035em!important;
}
.qcard>p,.appr>p{color:var(--serm-muted)!important;font-size:15px!important;line-height:1.65!important}
.opts{gap:10px!important}
.opt{
  min-height:64px!important;
  padding:15px 17px!important;
  border:1px solid var(--serm-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .18s,background .18s,transform .18s!important;
}
.opt:hover{border-color:#8bcaff!important;background:#f8fcff!important;transform:translateY(-1px)}
.opt.sel{border-color:var(--serm-blue)!important;background:#edf8ff!important;box-shadow:0 0 0 2px rgba(0,153,255,.1)!important}
.opt h3{font-size:14px!important;font-weight:700!important;color:#1e293b!important}
.opt .rd,.opt .ck{border-color:#b7cbe1!important}
.opt.sel .rd,.opt.sel .ck{border-color:var(--serm-blue)!important;background:var(--serm-blue)!important}
.fld .inp{
  min-height:58px!important;
  border:1px solid var(--serm-line)!important;
  border-radius:14px!important;
  color:#172033!important;
  background:#fff!important;
  box-shadow:none!important;
}
.fld .inp:focus{border-color:var(--serm-blue)!important;box-shadow:0 0 0 4px rgba(0,153,255,.1)!important}
.btn-green{
  min-height:58px!important;
  padding:17px 24px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--serm-blue-deep),var(--serm-blue))!important;
  box-shadow:0 13px 30px rgba(37,99,235,.22)!important;
  color:#fff!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.btn-green:hover{filter:brightness(.96)!important;transform:translateY(-1px)!important}
.reassure,.guarantee-line{color:#64748b!important}
.appr .badge{background:#e7f5ff!important;color:var(--serm-blue-deep)!important}
.appr-sum .chip{border-color:var(--serm-line)!important;background:#f8fcff!important}
.appr-sum .chip h4{color:#64748b!important}
.appr-sum .chip p{color:var(--serm-navy)!important}
.loader .spin{border-top-color:var(--serm-blue)!important}
.loader h2{color:var(--serm-navy)!important;font-family:Onest,Manrope,sans-serif!important}

.serm-shell{min-height:100vh}
.serm-topbar{
  padding:8px 20px;
  background:var(--serm-navy);
  color:rgba(255,255,255,.78);
  text-align:center;
  font-size:12px;
  font-weight:700;
}
.serm-header{
  position:sticky;
  top:0;
  z-index:30;
  border-bottom:1px solid rgba(219,231,243,.92);
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(14px);
}
.serm-header__in{
  width:min(1120px,calc(100% - 36px));
  min-height:68px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.serm-logo{display:flex}
.serm-logo img{width:auto;height:30px;display:block}
.serm-secure{display:flex;align-items:center;gap:8px;color:#475569;font-size:12px;font-weight:800}
.serm-secure svg{width:17px;height:17px;fill:none;stroke:var(--serm-blue-deep);stroke-width:1.8}
.serm-main{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:54px 0 88px}
.serm-progress{display:flex;align-items:center;gap:9px;margin-bottom:28px;color:#64748b;font-size:12px;font-weight:800}
.serm-progress span{width:38px;height:4px;border-radius:99px;background:#dbeafe}
.serm-progress span.on{background:var(--serm-blue)}
.serm-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:28px;align-items:start}
.serm-card{
  border:1px solid rgba(37,99,235,.14);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  box-shadow:0 24px 70px rgba(5,36,81,.09);
  overflow:hidden;
}
.serm-card__body{padding:38px}
.serm-kicker{
  margin:0 0 12px;
  color:var(--serm-blue-deep);
  font:800 11px/1 Onest,Manrope,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.serm-title{
  margin:0;
  color:var(--serm-navy);
  font:700 clamp(32px,4.5vw,52px)/1.02 Onest,Manrope,sans-serif;
  letter-spacing:-.045em;
}
.serm-lede{max-width:650px;margin:16px 0 0;color:var(--serm-muted);font-size:16px;line-height:1.65}
.serm-product{
  min-height:310px;
  margin:28px 0;
  display:grid;
  grid-template-columns:1fr 230px;
  align-items:center;
  border-radius:19px;
  overflow:hidden;
  background:linear-gradient(135deg,#061f45,#0e4a88);
  color:#fff;
}
.serm-product__copy{padding:32px}
.serm-product__copy h2{margin:0 0 10px;font:700 29px/1.08 Onest,Manrope,sans-serif;letter-spacing:-.03em}
.serm-product__copy p{margin:0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.6}
.serm-product__image{height:310px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 55% 55%,rgba(0,153,255,.45),transparent 58%)}
.serm-product__image img{height:275px;width:auto;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.25))}
.serm-list{display:grid;gap:0;margin:8px 0 0;padding:0;list-style:none}
.serm-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #edf2f7;color:#334155;font-size:14px;line-height:1.5}
.serm-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e8f6ff;color:var(--serm-blue-deep);font-weight:900}
.serm-callout{margin-top:24px;padding:16px 18px;border-radius:14px;background:#f0f8ff;color:#35506f;font-size:13px;line-height:1.55}
.serm-side{position:sticky;top:96px}
.serm-summary__head{padding:26px 28px;border-bottom:1px solid var(--serm-line);background:#f8fcff}
.serm-summary__head h2{margin:0;color:var(--serm-navy);font:700 22px/1.1 Onest,Manrope,sans-serif;letter-spacing:-.025em}
.serm-summary__body{padding:26px 28px}
.serm-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #edf2f7;color:#64748b;font-size:13px}
.serm-row strong{max-width:180px;color:#1e293b;text-align:right}
.serm-price{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:24px 0 8px}
.serm-price span{color:#64748b;font-size:12px}
.serm-price strong{color:var(--serm-blue-deep);font:800 31px/1 Onest,Manrope,sans-serif;letter-spacing:-.04em}
.serm-price small{font-size:12px;color:#64748b;font-weight:700}
.serm-button{
  width:100%;
  min-height:58px;
  margin-top:18px;
  padding:16px 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,var(--serm-blue-deep),var(--serm-blue));
  box-shadow:0 13px 30px rgba(37,99,235,.22);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
}
.serm-button:hover{filter:brightness(.97);transform:translateY(-1px)}
.serm-micro{margin:13px 0 0;color:#64748b;text-align:center;font-size:11px;line-height:1.5}
.serm-section-title{margin:0 0 20px;color:var(--serm-navy);font:700 25px/1.1 Onest,Manrope,sans-serif;letter-spacing:-.03em}
.serm-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.serm-field{display:grid;gap:7px}
.serm-field.full{grid-column:1/-1}
.serm-field label{color:#334155;font-size:12px;font-weight:800}
.serm-field input,.serm-field select{
  width:100%;
  min-height:54px;
  padding:13px 14px;
  border:1px solid var(--serm-line);
  border-radius:12px;
  outline:0;
  background:#fff;
  color:#172033;
}
.serm-field input:focus,.serm-field select:focus{border-color:var(--serm-blue);box-shadow:0 0 0 4px rgba(0,153,255,.1)}
.serm-payments{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.serm-pay{
  padding:15px;
  border:1px solid var(--serm-line);
  border-radius:13px;
  background:#fff;
  color:#334155;
  text-align:center;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.serm-pay.on{border-color:var(--serm-blue);background:#edf8ff;box-shadow:0 0 0 2px rgba(0,153,255,.09)}
.serm-disclaimer{margin-top:26px;color:#64748b;font-size:11px;line-height:1.65}
.serm-loading{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(5,36,81,.62);backdrop-filter:blur(7px)}
.serm-loading.on{display:grid}
.serm-loading__box{width:min(420px,calc(100% - 36px));padding:36px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.22)}
.serm-spinner{width:36px;height:36px;margin:0 auto 18px;border:3px solid #dbeafe;border-top-color:var(--serm-blue);border-radius:50%;animation:sermspin .8s linear infinite}
@keyframes sermspin{to{transform:rotate(360deg)}}

/* Sermorelin intake: blue clinical-commerce shell matched to /sermorelin/v1. */
.serm-intake-page{
  --serm-home-cream:#f4f6fa;
  --serm-home-paper:#ffffff;
  --serm-home-navy:#052451;
  --serm-home-lime:#dbeafe;
  --head:Onest,Manrope,sans-serif;
  --body:Manrope,Arial,sans-serif;
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 30%,rgba(0,153,255,.12),transparent 30rem),
    linear-gradient(135deg,#eef7ff 0,#f8fbff 48%,#ffffff 100%);
  color:var(--serm-ink);
}
.serm-intake-page .intk-promo{
  min-height:38px!important;
  background:var(--serm-home-navy)!important;
}
.serm-intake-page .intk-head{
  background:rgba(255,255,255,.9)!important;
  border-bottom-color:rgba(0,153,255,.12)!important;
}
.serm-intake-page .intk-head-in{max-width:1240px!important}
.serm-intake-page .intk-secure svg{stroke:var(--serm-blue)!important}
.serm-intake-shell{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
  padding:46px 0 86px;
  display:grid;
  grid-template-columns:minmax(300px,410px) minmax(0,700px);
  justify-content:center;
  gap:44px;
  align-items:start;
}
.serm-intake-story{
  position:sticky;
  top:28px;
  min-height:725px;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 82% 18%,rgba(20,184,184,.42),transparent 38%),
    linear-gradient(155deg,#052451 0%,#0b356e 64%,#0099ff 145%);
  color:#fff;
  box-shadow:0 28px 80px rgba(7,31,55,.17);
}
.serm-intake-story__copy{position:relative;z-index:2;padding:42px 38px 24px}
.serm-intake-story__eyebrow{
  display:inline-flex;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:var(--serm-home-lime);
  font:700 10px/1 Manrope,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.serm-intake-story h1{
  max-width:330px;
  margin:24px 0 16px;
  font:700 46px/1.02 Onest,Manrope,sans-serif;
  letter-spacing:-.052em;
}
.serm-intake-story p{
  max-width:325px;
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.65;
}
.serm-intake-story ul{margin:28px 0 0;padding:0;list-style:none;max-width:188px;position:relative;z-index:3}
.serm-intake-story li{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 0;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:12px;
}
.serm-intake-story li span{color:var(--serm-home-lime);font-size:10px;letter-spacing:.08em}
.serm-intake-story li b{font-weight:600}
.serm-intake-story__product{
  position:absolute;
  right:12px;
  bottom:26px;
  width:235px;
  height:300px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.serm-intake-story__product::before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(0,153,255,.18);
}
.serm-intake-story__product img{
  position:relative;
  z-index:1;
  max-width:210px;
  max-height:290px;
  object-fit:contain;
  filter:drop-shadow(0 24px 22px rgba(0,0,0,.28));
}
.serm-intake-page .intk-wrap{
  width:100%!important;
  max-width:700px!important;
  padding:0!important;
}
.serm-intake-page .prog{
  position:static!important;
  margin:0 0 18px!important;
  padding:2px 3px 12px!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.serm-intake-page .prog-bar{background:rgba(37,99,235,.12)!important}
.serm-intake-page .prog-fill{background:linear-gradient(89deg,var(--serm-blue),var(--serm-teal))!important}
.serm-intake-page .prog-back{color:var(--serm-blue-deep)!important}
.serm-intake-page .prog-back svg{stroke:var(--serm-blue-deep)!important}
.serm-intake-page .qcard,
.serm-intake-page .appr{
  padding:42px!important;
  border:1px solid rgba(0,153,255,.12)!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.1),0 8px 24px rgba(0,153,255,.08)!important;
}
.serm-intake-page .qcard .kk,
.serm-intake-page .appr .kk{color:var(--serm-blue)!important}
.serm-intake-page .qcard h2,
.serm-intake-page .appr h2{
  color:var(--serm-home-navy)!important;
  font-size:clamp(30px,4vw,43px)!important;
}
.serm-intake-page .opt{
  border-color:var(--serm-line)!important;
  border-radius:18px!important;
  background:#fff!important;
}
.serm-intake-page .opt:hover{border-color:rgba(0,153,255,.55)!important;background:#f5fbff!important}
.serm-intake-page .opt.sel{
  border-color:var(--serm-blue)!important;
  background:var(--serm-pale)!important;
  box-shadow:0 0 0 1px var(--serm-blue)!important;
}
.serm-intake-page .opt.sel .rd,
.serm-intake-page .opt.sel .ck{border-color:var(--serm-blue)!important;background:var(--serm-blue)!important}
.serm-intake-page .fld .inp{
  border-color:var(--serm-line)!important;
  background:#fff!important;
}
.serm-intake-page .fld .inp:focus{border-color:var(--serm-blue)!important;box-shadow:0 0 0 4px rgba(0,153,255,.12)!important}
.serm-intake-page .flds.dob{
  display:grid!important;
  grid-template-columns:1.35fr .8fr 1fr;
  gap:10px;
}
.serm-intake-page .flds.dob .fld{min-width:0;margin-bottom:0}

/* ── Grouped-screen typography & rhythm ─────────────────────────────
 * The Sermorelin intake renders multi-field screens (.group > .gfld) but
 * loads the base intake stylesheet, which has no rules for them. These
 * give every field heading a bold, warm voice and consistent breathing
 * room so the intro copy, labels, inputs and CTA never collide. */
.serm-intake-page .step .kick{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.serm-intake-page .step h2{
  margin:12px 0 12px!important;
  font-family:var(--head)!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
}
.serm-intake-page .step .sub{
  margin:0!important;
  max-width:560px;
  color:#3f4d5c!important;
  font-size:16.5px!important;
  font-weight:500!important;
  line-height:1.6!important;
}
.serm-intake-page .group{
  margin-top:34px;
  display:flex;
  flex-direction:column;
  gap:32px;
  text-align:left;
}
.serm-intake-page .group .gfld{display:flex;flex-direction:column;gap:12px}
.serm-intake-page .group .gfld.hide{display:none}
.serm-intake-page .cont.dis .btn-green{pointer-events:auto;cursor:pointer}
.serm-intake-page .form-error{
  margin-top:12px;
  color:#a93f3f;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  text-align:center;
}
.serm-intake-page .form-error[hidden]{display:none}
.serm-intake-page .group .glabel{
  color:var(--serm-home-navy);
  font-family:var(--body);
  font-size:17px;
  font-weight:700;
  letter-spacing:-.012em;
  line-height:1.35;
}
.serm-intake-page .group .gsub{
  margin-top:-6px;
  color:#5b6875;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
}
.serm-intake-page .group .flds{
  margin-top:0!important;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.serm-intake-page .group .flds .fld{margin-bottom:0}
.serm-intake-page .group .flds:has([autocomplete="given-name"]){
  display:grid;
  grid-template-columns:1fr 1fr;
}
.serm-intake-page .group .opts{margin-top:0!important}
.serm-intake-page .group .opt .mn h3{font-weight:600!important}
.serm-intake-page .step .cont{margin-top:38px!important}
.serm-intake-page .reassure{margin-top:20px!important;font-weight:500}
.serm-intake-page .fld .inp::placeholder{color:#8b97a3}
.serm-intake-page .btn-green{
  min-height:60px!important;
  border-radius:999px!important;
  background:var(--serm-blue)!important;
  box-shadow:0 8px 32px rgba(0,153,255,.35)!important;
}
.serm-intake-page .btn-green:hover{background:var(--serm-blue-deep)!important;transform:translateY(-2px)!important}
.serm-intake-page .appr .badge{background:var(--serm-pale)!important;color:var(--serm-blue)!important}

/* ── Review / questionnaire-complete screen ───────────────────────────
 * Left-aligned editorial layout: badge + headline, a three-step "what
 * happens next" strip, a real summary card, then one full-width CTA. */
.serm-intake-page .appr{padding:44px 42px 42px!important;text-align:left!important}
.serm-intake-page .appr-head{max-width:580px}
.serm-intake-page .appr .badge{width:60px!important;height:60px!important;margin:0 0 22px!important}
.serm-intake-page .appr .badge svg{width:28px!important;height:28px!important;stroke:var(--serm-blue)!important}
.serm-intake-page .appr .kk{
  font-family:var(--body)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  color:var(--serm-blue)!important;
}
.serm-intake-page .appr h2{
  margin:12px 0 12px!important;
  font-family:var(--head)!important;
  font-size:clamp(30px,4vw,42px)!important;
  font-weight:600!important;
  line-height:1.06!important;
  letter-spacing:-.03em!important;
  text-wrap:balance;
}
.serm-intake-page .appr-head p{
  margin:0!important;
  max-width:560px;
  color:#3f4d5c!important;
  font-size:16.5px!important;
  font-weight:500!important;
  line-height:1.6!important;
}
.serm-intake-page .appr-next{
  margin:30px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.serm-intake-page .appr-next li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px 16px 17px;
  border:1px solid rgba(0,153,255,.12);
  border-radius:18px;
  background:var(--serm-pale);
}
.serm-intake-page .appr-next li span{
  flex:none;
  width:26px;height:26px;
  border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--serm-blue),var(--serm-teal));
  color:#fff;
  font-size:12px;font-weight:800;
}
.serm-intake-page .appr-next li div{display:flex;flex-direction:column;gap:4px;min-width:0}
.serm-intake-page .appr-next li b{color:var(--serm-home-navy);font-size:14.5px;font-weight:700;line-height:1.3}
.serm-intake-page .appr-next li small{color:#5b6875;font-size:13px;font-weight:500;line-height:1.45}
.serm-intake-page .appr-sum{
  display:block;
  width:100%;
  max-width:none;
  margin:22px 0 0;
  padding:24px 26px 22px;
  border:1px solid rgba(0,153,255,.12);
  border-radius:20px;
  background:#fff;
  text-align:left;
}
.serm-intake-page .appr-sum .sum-title{
  margin:0 0 6px;
  color:var(--serm-blue);
  font:800 11px/1 var(--body);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.serm-intake-page .appr-sum .sum-rows{display:flex;flex-direction:column}
.serm-intake-page .appr-sum .srow{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:13px 0;
  border-bottom:1px solid rgba(7,31,55,.08);
}
.serm-intake-page .appr-sum .slabel{color:#5b6875;font-size:14px;font-weight:500}
.serm-intake-page .appr-sum .sval{color:var(--serm-home-navy);font-size:16px;font-weight:700;text-align:right}
.serm-intake-page .appr-sum .sum-note{
  margin:14px 0 0;
  color:#5b6875;
  font-size:13.5px;font-weight:500;line-height:1.5;
}
.serm-intake-page .appr .cta{margin-top:28px!important;align-items:stretch!important}
.serm-intake-page .appr .cta .btn-green{width:100%}
.serm-intake-page .appr .guarantee-line{margin-top:16px!important;justify-content:center;text-align:center;font-size:14px!important;font-weight:500}
.serm-intake-page .loader .spin{border-top-color:var(--serm-blue)!important}

@media(max-width:960px){
  .serm-intake-shell{
    width:min(760px,calc(100% - 36px));
    grid-template-columns:1fr;
    gap:24px;
    padding-top:28px;
  }
  .serm-intake-story{
    position:relative;
    top:auto;
    min-height:220px;
    border-radius:26px;
  }
  .serm-intake-story__copy{padding:28px 30px}
  .serm-intake-story h1{max-width:480px;margin:15px 0 10px;font-size:34px}
  .serm-intake-story p{max-width:470px}
  .serm-intake-story ul{display:flex;gap:17px;margin-top:18px}
  .serm-intake-story li{border:0;padding:0}
  .serm-intake-story__product{right:22px;bottom:24px;width:170px;height:190px;opacity:.9}
  .serm-intake-story__product img{max-width:145px;max-height:170px}
}

@media(max-width:620px){
  .serm-intake-shell{width:100%;padding:0 0 58px;gap:0}
  .serm-intake-story{
    min-height:auto;
    border-radius:0 0 28px 28px;
    box-shadow:none;
  }
  .serm-intake-story__copy{padding:25px 22px 28px}
  .serm-intake-story h1{max-width:290px;margin:13px 0 9px;font-size:29px}
  .serm-intake-story p{max-width:285px;font-size:12px}
  .serm-intake-story ul{display:none}
  .serm-intake-story__product{right:18px;bottom:auto;top:14px;width:100px;height:122px;opacity:1}
  .serm-intake-story h1,.serm-intake-story__eyebrow{max-width:calc(100% - 112px)}
  .serm-intake-story h1{margin-bottom:14px}
  .serm-intake-page .step,.serm-intake-page .step .kick,.serm-intake-page .step h2,.serm-intake-page .step .sub{text-align:left!important}
  .serm-intake-page .step .sub{margin-left:0!important;margin-right:0!important}
  .serm-intake-page .step h2{font-size:27px!important;line-height:1.12!important;margin:10px 0 12px!important}
  .serm-intake-page .step .sub{font-size:15.5px!important;line-height:1.55!important}
  .serm-intake-page .group{margin-top:30px;gap:30px}
  .serm-intake-page .group .gfld{gap:11px}
  .serm-intake-page .group .glabel{font-size:16px}
  .serm-intake-page .group .gsub{font-size:13.5px}
  .serm-intake-page .group .flds:has([autocomplete="given-name"]){grid-template-columns:1fr}
  .serm-intake-page .flds.dob{grid-template-columns:1.15fr 1fr 1fr;gap:8px}
  .serm-intake-page .step .cont{margin-top:34px!important}
  .serm-intake-story__product::before{width:100px;height:100px;bottom:-2px}
  .serm-intake-story__product img{max-width:74px;max-height:118px}
  .serm-intake-page .intk-wrap{padding:24px 16px 0!important}
  .serm-intake-page .qcard,.serm-intake-page .appr{padding:30px 20px 32px!important;border-radius:22px!important}
  .serm-intake-page .appr h2{font-size:28px!important;line-height:1.1!important}
  .serm-intake-page .appr-head p{font-size:15.5px!important;line-height:1.55!important}
  .serm-intake-page .appr-next{grid-template-columns:1fr;gap:10px;margin-top:26px}
  .serm-intake-page .appr-next li{padding:14px 15px}
  .serm-intake-page .appr-sum{padding:20px 18px 18px;border-radius:18px}
  .serm-intake-page .appr-sum .srow{padding:11px 0}
  .serm-intake-page .appr-sum .sval{font-size:15px}
}

@media(max-width:820px){
  .serm-main{padding-top:34px}
  .serm-grid{grid-template-columns:1fr}
  .serm-side{position:static}
  .serm-card__body{padding:28px}
  .serm-product{grid-template-columns:1fr 155px;min-height:260px}
  .serm-product__copy{padding:25px}
  .serm-product__image{height:260px}
  .serm-product__image img{height:225px}
}
@media(max-width:560px){
  .intk-promo{display:block!important;text-align:center!important}
  .intk-promo span{display:block;margin-top:2px}
  .intk-wrap{padding:28px 17px 60px!important}
  .qcard,.appr{padding:25px 20px!important;border-radius:18px!important}
  .intk-head-in{padding:0 17px!important}
  .intk-brand img,.serm-logo img{width:auto;height:26px}
  .serm-main,.serm-header__in{width:min(100% - 28px,1120px)}
  .serm-main{padding-bottom:60px}
  .serm-card{border-radius:18px}
  .serm-card__body,.serm-summary__head,.serm-summary__body{padding:23px 20px}
  .serm-product{grid-template-columns:1fr;min-height:0}
  .serm-product__copy{padding:23px}
  .serm-product__image{height:220px}
  .serm-product__image img{height:200px}
  .serm-fields,.serm-payments{grid-template-columns:1fr}
}


/* ---------- review-screen benefits mode ---------- */
.serm-intake-story__copy--benefits{display:none}
.serm-intake-story__photo{
  display:none;
  position:relative;
  width:100%;
  height:300px;
  margin-top:-26px;
  background:url("/design/sermorelin-v1/images/serm-review-morning.webp") center 18%/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 34%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 34%);
}
.serm-intake-story__photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,31,55,.35) 0%,rgba(7,31,55,0) 50%,rgba(7,31,55,.3) 100%);
}
body.is-approved .serm-intake-story{display:flex;flex-direction:column;min-height:0}
body.is-approved .serm-intake-story__copy:not(.serm-intake-story__copy--benefits){display:none}
body.is-approved .serm-intake-story__copy--benefits{display:block;padding-bottom:0}
body.is-approved .serm-intake-story__copy--benefits ul{max-width:260px;margin-top:22px}
body.is-approved .serm-intake-story__product{display:none}
body.is-approved .serm-intake-story__photo{display:block}
@media (max-width:1024px){
  body.is-approved .serm-intake-story__photo{height:300px;margin-top:-10px;background-position:center 30%}
}
@media (max-width:620px){
  body.is-approved .serm-intake-story__copy--benefits h1{font-size:30px}
  body.is-approved .serm-intake-story__photo{height:340px;margin-top:-6px;background-position:center 36%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%)}
}