/* ============================================================
   Bantu Iklan — editorial, MOBILE-ONLY layout.
   Always renders as a single centered phone-width column,
   on phone AND desktop. No responsive desktop layout.
   Paper + ink, deep forest brand, Fraunces display serif.
   WhatsApp green is reserved ONLY for WhatsApp action buttons.
   ============================================================ */
:root{
  --paper:#f6f3ec;
  --card:#fffdf8;
  --ink:#16140f;
  --ink-soft:#4b4639;
  --ink-mute:#857d6b;
  --line:#e3ddcf;
  --line-ink:#d6cfbd;
  --forest:#0f3d2e;
  --forest-2:#155a42;
  --clay:#c2410c;
  --wa:#1faf53;            /* functional WhatsApp green only */
  --wa-press:#178a41;
  --col:430px;             /* the phone column width */
  --gut:22px;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--ink-soft);
  font-family:var(--sans);font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
img{max-width:100%;display:block;}
::selection{background:var(--forest);color:#fff;}
a{-webkit-tap-highlight-color:transparent;}

/* ---- the mobile column: same on every screen ---- */
.topbar,
main > section,
.jaminan > *{
  width:100%;max-width:var(--col);margin-left:auto;margin-right:auto;
}
main{max-width:var(--col);margin:0 auto;}

/* On screens wider than the phone column, frame it like a device
   on the paper backdrop — but the layout itself never changes. */
@media(min-width:471px){
  body{background:#e9e4d8;}
  main,.topbar{background:var(--paper);}
  main{border-left:1px solid var(--line-ink);border-right:1px solid var(--line-ink);}
  .topbar{border-left:1px solid var(--line-ink);border-right:1px solid var(--line-ink);}
}

/* ---- shared type (fixed sizes, tuned for the phone column) ---- */
.display{
  font-family:var(--serif);font-weight:600;color:var(--ink);
  font-size:39px;line-height:1.06;letter-spacing:-.02em;margin:0;text-wrap:balance;
}
.display--sm{font-size:32px;}
.head{
  font-family:var(--serif);font-weight:600;color:var(--ink);
  font-size:28px;line-height:1.12;letter-spacing:-.015em;margin:0 0 18px;text-wrap:balance;
}
.head--light{color:#fbfaf6;}
.overline{
  font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--clay);margin:0 0 16px;
}
.overline--light{color:#9bd9bb;}
.deck{font-size:17px;color:var(--ink-soft);margin:0;}
.deck--center{margin-left:auto;margin-right:auto;}

/* ---- sections ---- */
main > section{padding:54px var(--gut);border-bottom:1px solid var(--line);}

/* ---- CTAs ---- */
.cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:-.01em;
  padding:15px 24px;border-radius:999px;text-decoration:none;line-height:1.2;
  min-height:54px;transition:transform .14s ease,background .18s ease,border-color .18s ease;
}
.cta:active{transform:translateY(1px);}
.cta--wa{background:var(--wa);color:#fff;}
.cta--wa::before{
  content:"";width:19px;height:19px;flex:0 0 19px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.2-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.2-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.cta--line{background:transparent;color:var(--ink);border:1.5px solid var(--line-ink);}
.cta--block{display:flex;width:100%;}
@media(hover:hover) and (pointer:fine){
  .cta--wa:hover{background:var(--wa-press);}
  .cta--line:hover{border-color:var(--ink);}
}

/* ---- topbar ---- */
.topbar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px var(--gut);
  background:color-mix(in srgb,var(--paper) 86%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.wordmark{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:var(--ink);text-decoration:none;letter-spacing:-.01em;}
.wordmark-dot{
  position:relative;width:11px;height:11px;border-radius:50%;background:var(--forest);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--forest) 18%,transparent);
  animation:dot-blink 2.4s ease-in-out infinite;
}
.wordmark-dot::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:var(--forest);
  animation:dot-pulse 2.4s ease-out infinite;
}
@keyframes dot-blink{
  0%,100%{opacity:1;}
  50%{opacity:.55;}
}
@keyframes dot-pulse{
  0%{transform:scale(1);opacity:.5;}
  70%,100%{transform:scale(2.6);opacity:0;}
}
@media(prefers-reduced-motion:reduce){
  .wordmark-dot{animation:none;}
  .wordmark-dot::after{animation:none;}
}
.top-wa{font-size:14px;font-weight:700;color:var(--forest);text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--forest) 35%,transparent);padding-bottom:2px;}
@media(hover:hover){.top-wa:hover{border-bottom-color:var(--forest);}}

/* ============ INTRO / HERO ============ */
.intro{padding-top:48px;border-bottom:1px solid var(--line);}
.tagline{
  display:inline-block;font-size:13px;font-weight:600;color:var(--forest);
  background:color-mix(in srgb,var(--forest) 8%,var(--card));
  border:1px solid color-mix(in srgb,var(--forest) 20%,transparent);
  padding:7px 14px;border-radius:999px;margin:0 0 26px;letter-spacing:-.005em;
}
/* staggered hero entrance */
.intro .tagline,
.intro .display,
.intro .deck,
.intro .actions,
.intro .assurances{
  animation:hero-in .7s cubic-bezier(.16,1,.3,1) both;
}
.intro .tagline{animation-delay:.05s;}
.intro .display{animation-delay:.16s;}
.intro .deck{animation-delay:.28s;}
.intro .actions{animation-delay:.40s;}
.intro .assurances{animation-delay:.52s;}
@keyframes hero-in{
  from{opacity:0;transform:translateY(12px);}
  to{opacity:1;transform:translateY(0);}
}
@media(prefers-reduced-motion:reduce){
  .intro .tagline,
  .intro .display,
  .intro .deck,
  .intro .actions,
  .intro .assurances{animation:none;}
}
.intro .display{margin-bottom:22px;}
.intro .deck{margin-bottom:30px;}
.actions{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;}
.actions .cta{width:100%;}
.assurances{
  list-style:none;display:flex;flex-direction:column;gap:11px;margin:0;padding:0;
  font-size:14px;color:var(--ink-mute);font-weight:600;
}
.assurances li{position:relative;padding-left:24px;}
.assurances li::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:15px;height:15px;border-radius:50%;background:var(--forest);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;
}

/* ============ LAYANAN ============ */
.layanan{padding-top:38px;padding-bottom:38px;}
.layanan .overline{margin-bottom:18px;font-size:11px;color:var(--ink-mute);}
.rail{list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;}
.rail li{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);padding:4px 0;}
.rail li::after{content:"·";margin-left:10px;color:var(--line-ink);}
.rail li:last-child::after{content:"";}
.rail li:last-child{color:var(--clay);font-style:italic;}

/* ============ CELAH (problem vs solution cards) ============ */
.celah-cards{display:flex;flex-direction:column;gap:16px;margin-top:22px;}
.celah-card{
  border-radius:18px;padding:24px 22px;border:1px solid;
}
.celah-card--problem{
  background:color-mix(in srgb,var(--clay) 6%,var(--card));
  border-color:color-mix(in srgb,var(--clay) 22%,transparent);
}
.celah-card--fix{
  background:color-mix(in srgb,var(--forest) 6%,var(--card));
  border-color:color-mix(in srgb,var(--forest) 22%,transparent);
}
.celah-card-tag{
  display:inline-block;margin:0 0 14px;font-size:11.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;
}
.celah-card--problem .celah-card-tag{color:var(--clay);background:color-mix(in srgb,var(--clay) 12%,transparent);}
.celah-card--fix .celah-card-tag{color:var(--forest);background:color-mix(in srgb,var(--forest) 12%,transparent);}
.celah-card-num{
  font-family:var(--serif);font-weight:700;font-size:52px;line-height:1;
  margin:0 0 8px;letter-spacing:-.02em;
}
.celah-card--problem .celah-card-num{color:var(--clay);}
.celah-card--fix .celah-card-num{color:var(--forest);}
.celah-card-lead{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--ink);line-height:1.35;}
.celah-card-body{margin:0;font-size:15px;color:var(--ink-soft);line-height:1.6;}
.celah-card-src{margin:14px 0 0;font-size:11.5px;color:var(--ink-mute);line-height:1.45;}

/* ============ KERJAAN ============ */
.kerjaan-list{list-style:none;margin:8px 0 0;padding:0;}
.kerjaan-list li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:24px 0;border-top:1px solid var(--line);}
.kerjaan-list li:first-child{border-top:none;}
.kn{font-family:var(--serif);font-size:34px;font-weight:600;color:var(--forest);line-height:1;font-feature-settings:"tnum";}
.kerjaan-list h3{margin:2px 0 6px;font-family:var(--sans);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.kerjaan-list p{margin:0;font-size:15.5px;color:var(--ink-soft);}

/* ============ CONTOH (slider) ============ */
.preview{
  max-width:320px;margin:0 auto;
}
.preview img{display:block;width:100%;height:auto;}

.slider{margin:6px auto 0;max-width:340px;}
.slider-track{
  display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.slider-track::-webkit-scrollbar{display:none;}
.slide{
  flex:0 0 100%;scroll-snap-align:center;margin:0;
  display:flex;flex-direction:column;align-items:center;
  padding:0 4px;
}
.slide-cap{
  margin:14px auto 0;text-align:center;font-size:13.5px;
  color:var(--ink-mute);max-width:34ch;line-height:1.45;
}
.slide-cap b{color:var(--forest);}
.slider-dots{
  display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:16px;
}
.slider-dots button{
  width:8px;height:8px;padding:0;border:none;border-radius:50%;
  background:color-mix(in srgb,var(--forest) 22%,transparent);
  cursor:pointer;transition:background .25s,transform .25s;
}
.slider-dots button[aria-selected="true"]{
  background:var(--forest);transform:scale(1.35);
}
.footnote{font-size:13px;color:var(--ink-mute);margin:18px auto 0;text-align:center;max-width:40ch;}

/* ============ BUKTI (testimoni screenshot, dalam slider) ============ */
.bukti .slider{margin-top:6px;}
.testi-shot{
  max-width:300px;margin:0 auto;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);background:var(--card);
  box-shadow:0 10px 30px -18px rgba(22,20,15,.55);
}
.testi-shot img{display:block;width:100%;height:auto;}
.testi-cap{
  margin:14px auto 0;text-align:center;line-height:1.35;
}
.testi-cap b{
  display:block;font-family:var(--serif);font-weight:600;font-size:18px;
  color:var(--ink);letter-spacing:-.01em;
}
.testi-cap span{font-size:13px;color:var(--ink-mute);}

/* ============ JAMINAN (forest panel) ============ */
.jaminan{background:var(--forest);color:#e7efe9;border-bottom:none;}
.jaminan-list{list-style:none;margin:8px 0 0;padding:0;}
.jaminan-list li{position:relative;padding:18px 0 18px 36px;font-size:16px;color:#c9dccf;border-top:1px solid rgba(255,255,255,.12);line-height:1.5;}
.jaminan-list li:first-child{border-top:none;}
.jaminan-list li::before{
  content:"";position:absolute;left:0;top:19px;width:22px;height:22px;border-radius:50%;background:#9bd9bb;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
}
.jaminan-list b{color:#fff;font-weight:700;}

/* ============ PAKET ============ */
.paket-utama{
  background:var(--card);border:1.5px solid var(--ink);border-radius:20px;
  padding:26px;margin-top:8px;box-shadow:7px 7px 0 0 var(--forest);
}
.paket-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.paket-top h3{margin:0;font-family:var(--serif);font-weight:600;font-size:24px;color:var(--ink);letter-spacing:-.01em;}
.paket-tanda{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--forest);background:color-mix(in srgb,var(--forest) 10%,#fff);border:1px solid color-mix(in srgb,var(--forest) 25%,transparent);padding:5px 11px;border-radius:999px;}
.paket-harga{font-family:var(--serif);font-size:50px;font-weight:600;color:var(--ink);margin:16px 0 0;line-height:1;letter-spacing:-.02em;}
.paket-harga span{font-family:var(--sans);font-size:15px;color:var(--ink-mute);font-weight:600;letter-spacing:0;}
.paket-alasan{font-size:14.5px;color:var(--ink-soft);margin:12px 0 0;line-height:1.45;}
.paket-rincian{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid var(--line);}
.paket-rincian li{position:relative;padding:9px 0 9px 30px;font-size:15px;color:var(--ink);border-bottom:1px dashed var(--line);}
.paket-rincian li:last-child{border-bottom:none;}
.paket-rincian li::before{
  content:"";position:absolute;left:0;top:12px;width:18px;height:18px;border-radius:50%;background:var(--forest);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' stroke='black' stroke-width='3.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' stroke='black' stroke-width='3.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;
}
.paket-jujur{margin:22px 0;background:color-mix(in srgb,var(--clay) 8%,var(--card));border:1px solid color-mix(in srgb,var(--clay) 25%,transparent);border-radius:12px;padding:14px 16px;font-size:13.5px;color:#7c3208;line-height:1.5;}
.paket-jaga{margin-top:22px;border:1px solid var(--line-ink);border-radius:16px;padding:22px;}
.paket-jaga h3{margin:0 0 6px;font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);}
.paket-jaga h3 span{font-weight:600;color:var(--ink-mute);font-size:13px;}
.paket-jaga p{margin:0;font-size:14px;color:var(--ink-mute);line-height:1.5;}

/* ============ LANGKAH ============ */
.langkah-list{list-style:none;margin:8px 0 0;padding:0;}
.langkah-list li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--line);}
.langkah-list li:first-child{border-top:none;}
.ln{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1.5px solid var(--ink);color:var(--ink);font-family:var(--serif);font-weight:600;font-size:20px;display:flex;align-items:center;justify-content:center;}
.langkah-list p{margin:0;font-size:17px;color:var(--ink);}

/* ============ TANYA (FAQ) ============ */
.qa{border-top:1px solid var(--line);}
.qa:last-of-type{border-bottom:1px solid var(--line);}
.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-family:var(--sans);font-size:17px;font-weight:700;color:var(--ink);}
.qa summary::-webkit-details-marker{display:none;}
.qa summary::after{
  content:"";flex:0 0 22px;width:22px;height:22px;background:var(--forest);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .25s ease;
}
.qa[open] summary::after{transform:rotate(135deg);}
.qa p{margin:0;padding:0 0 22px;font-size:15.5px;color:var(--ink-soft);line-height:1.6;}

/* ============ MULAI (final) ============ */
.mulai{text-align:center;border-bottom:none;display:flex;flex-direction:column;align-items:center;gap:22px;}
.mulai .cta{width:100%;}
.signoff{font-size:13px;color:var(--ink-mute);margin:6px 0 0;}

/* ============ STICKY BAR (always on) ============ */
.sticky-bar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:50;
  width:100%;max-width:var(--col);
  background:color-mix(in srgb,var(--paper) 92%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-top:1px solid var(--line);
  padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));
}
.sticky-inner{display:flex;align-items:center;gap:12px;justify-content:space-between;}
.sticky-price{font-size:14px;color:var(--ink-soft);font-weight:600;white-space:nowrap;}
.sticky-price b{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--ink);}
.sticky-bar .cta{padding:12px 18px;min-height:46px;font-size:15px;flex:0 0 auto;}
@media(min-width:471px){
  .sticky-bar{border-left:1px solid var(--line-ink);border-right:1px solid var(--line-ink);}
}
main{padding-bottom:84px;}