/* SleepBaby Classic Funnel v4.0.0 — homepage-only Baby Won't Sleep storyworld */
:root {
  --sbh-ink: #30213f;
  --sbh-ink-2: #4c3a59;
  --sbh-muted: #74677d;
  --sbh-pink: #ed75b4;
  --sbh-pink-deep: #b84485;
  --sbh-aqua: #58cdbd;
  --sbh-aqua-deep: #2b968c;
  --sbh-purple: #8567b5;
  --sbh-purple-deep: #4b366c;
  --sbh-gold: #f1c765;
  --sbh-cream: #fff9f4;
  --sbh-blush: #fff1f7;
  --sbh-mint: #ebfaf7;
  --sbh-lilac: #f3edfb;
  --sbh-night: #20162f;
  --sbh-night-2: #3b2853;
  --sbh-line: rgba(65, 45, 80, .12);
  --sbh-shadow: 0 24px 70px rgba(58, 36, 76, .12);
  --sbh-shadow-soft: 0 12px 36px rgba(58, 36, 76, .09);
  --sbh-radius: 30px;
  --sbh-shell: min(1160px, calc(100% - 40px));
}

html { scroll-padding-top: 106px; }
body.sbh-home-v400 {
  min-width: 320px;
  overflow-x: hidden;
  background: #fff;
  color: var(--sbh-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.68;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.sbh-home-v400 * { box-sizing: border-box; }
body.sbh-home-v400 img { display: block; max-width: 100%; height: auto; }
body.sbh-home-v400 h1,
body.sbh-home-v400 h2,
body.sbh-home-v400 h3,
body.sbh-home-v400 h4,
body.sbh-home-v400 p,
body.sbh-home-v400 figure,
body.sbh-home-v400 blockquote { margin-top: 0; }
body.sbh-home-v400 h1,
body.sbh-home-v400 h2,
body.sbh-home-v400 h3 { text-wrap: balance; }
body.sbh-home-v400 p,
body.sbh-home-v400 li { text-wrap: pretty; }
body.sbh-home-v400 a { color: inherit; }
body.sbh-home-v400 button,
body.sbh-home-v400 input { font: inherit; }
body.sbh-home-v400 :focus-visible { outline: 4px solid rgba(77, 205, 189, .65); outline-offset: 4px; }

.sbh-shell { width: var(--sbh-shell); margin-inline: auto; }
.sbh-reading-progress {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  pointer-events: none;
  background: rgba(255,255,255,.2);
}
.sbh-reading-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--sbh-pink), var(--sbh-gold), var(--sbh-aqua));
  box-shadow: 0 0 18px rgba(237,117,180,.45);
}

/* Quirky icon system, scoped to the homepage. */
.sbh-home-v400 .sbcf-quirk-icon {
  width: 1em;
  height: 1em;
  display: block;
  overflow: visible;
  color: currentColor;
}
.sbh-home-v400 .sbcf-quirk-icon .q-fill-soft { fill: currentColor; opacity: .12; stroke: currentColor; }
.sbh-home-v400 .sbcf-quirk-icon .q-fill { fill: currentColor; stroke: currentColor; }
.sbh-icon-chip {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(64,45,83,.09);
  border-radius: 19px;
  background: rgba(255,255,255,.94);
  color: var(--sbh-purple);
  box-shadow: var(--sbh-shadow-soft);
  transform: rotate(-2deg);
}
.sbh-icon-chip .sbcf-quirk-icon { width: 44px; height: 44px; }

/* Sticky navigator: useful context rather than a permanent sales banner. */
.sbh-night-nav {
  position: sticky;
  z-index: 1000;
  top: 0;
  border-bottom: 1px solid rgba(60,40,78,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 26px rgba(49,31,67,.06);
  backdrop-filter: blur(18px) saturate(1.1);
}
body.admin-bar .sbh-night-nav { top: 32px; }
.sbh-night-nav__inner {
  min-height: 82px;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 20px;
}
.sbh-night-nav__brand { display: inline-flex; align-items: center; text-decoration: none; }
.sbh-night-nav__brand img { width: 182px; }
.sbh-night-nav__links { display: flex; justify-content: center; align-items: center; gap: 4px; }
.sbh-night-nav__links a {
  padding: 8px 10px;
  border-radius: 999px;
  color: #685a73;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: color .18s ease, background .18s ease;
}
.sbh-night-nav__links a:hover,
.sbh-night-nav__links a.is-current { background: #f5edf9; color: #6a4486; }
.sbh-night-nav__status {
  min-width: 150px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 9px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid rgba(76,52,96,.1);
  border-radius: 15px;
  background: #fff;
}
.sbh-night-nav__status > span {
  width: 34px;
  height: 34px;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #f0e8fa;
  color: #78539a;
  font-size: 17px;
}
.sbh-night-nav__status small,
.sbh-night-nav__status strong { display: block; line-height: 1.1; }
.sbh-night-nav__status small { color: #9a8aa3; font-size: 8px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.sbh-night-nav__status strong { margin-top: 3px; color: var(--sbh-ink); font-size: 11px; }
.sbh-night-nav__cta {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f27bbb, #9873df);
  color: #fff !important;
  box-shadow: 0 10px 25px rgba(183,75,145,.2);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

/* Shared editorial atoms. */
.sbh-eyebrow {
  margin-bottom: 12px;
  color: #9f4f87;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1.25;
  text-transform: uppercase;
}
.sbh-eyebrow > span { display: inline-grid; width: 28px; height: 28px; margin-right: 6px; place-items: center; vertical-align: middle; color: var(--sbh-aqua-deep); }
.sbh-eyebrow .sbcf-quirk-icon { width: 27px; height: 27px; }
.sbh-section-heading { margin-bottom: 38px; }
.sbh-section-heading--center { max-width: 840px; margin-inline: auto; text-align: center; }
.sbh-section-heading--center > p:last-child { max-width: 720px; margin-inline: auto; }
.sbh-section-heading--split { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); gap: 50px; align-items: end; }
.sbh-section-heading h2,
.sbh-section-heading--split h2 {
  margin-bottom: 14px;
  color: var(--sbh-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(40px, 5vw, 64px);
  letter-spacing: -.045em;
  line-height: .99;
}
.sbh-section-heading p { color: var(--sbh-muted); }
.sbh-section-heading--light h2 { color: #fff; }
.sbh-section-heading--light p { color: #d8cde1; }

.sbh-button {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.sbh-button:hover { transform: translateY(-2px); filter: saturate(1.04); }
.sbh-button--primary { background: linear-gradient(135deg, #f27bbb, #ba5cb4 55%, #866adc); color: #fff !important; box-shadow: 0 15px 35px rgba(187,75,145,.27); }
.sbh-button--ghost { border-color: rgba(69,48,86,.14); background: rgba(255,255,255,.84); color: var(--sbh-ink) !important; box-shadow: 0 10px 28px rgba(49,32,67,.08); }
.sbh-button--light { background: #fff; color: #473356 !important; box-shadow: 0 14px 35px rgba(16,10,30,.22); }
.sbh-button--gold { background: linear-gradient(135deg, #ffe297, #f3c35f); color: #4b3420 !important; box-shadow: 0 14px 32px rgba(212,160,54,.24); }
.sbh-button--ghost-light { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff !important; }
.sbh-button--wide { width: 100%; }
.sbh-text-link { display: inline-flex; align-items: center; gap: 7px; color: #8a4e88 !important; font-size: 13px; font-weight: 900; text-decoration: none; }
.sbh-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Hero. */
.sbh-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 78px 0 0;
  background:
    radial-gradient(circle at 8% 16%, rgba(246,185,218,.55), transparent 26%),
    radial-gradient(circle at 91% 13%, rgba(159,231,222,.5), transparent 25%),
    linear-gradient(145deg, #fffafc 0%, #faf5ff 54%, #effdfb 100%);
}
.sbh-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .32;
  background-image: radial-gradient(circle, rgba(97,68,121,.19) 1px, transparent 1.2px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.sbh-hero__stars::before,
.sbh-hero__stars::after { content: "✦"; position: absolute; color: rgba(231,182,74,.55); font-size: 27px; }
.sbh-hero__stars::before { left: 4.5%; top: 35%; transform: rotate(18deg); }
.sbh-hero__stars::after { right: 4%; top: 47%; transform: rotate(-13deg); }
.sbh-hero__grid { min-height: 690px; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(380px, .96fr); align-items: center; gap: clamp(48px, 7vw, 92px); padding-bottom: 70px; }
.sbh-hero__copy { position: relative; z-index: 2; }
.sbh-hero h1 {
  max-width: 740px;
  margin-bottom: 21px;
  color: var(--sbh-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 6vw, 79px);
  letter-spacing: -.052em;
  line-height: .96;
}
.sbh-hero__recognition { max-width: 690px; margin-bottom: 20px; color: #755f7d; font-family: Georgia, "Times New Roman", serif; font-size: clamp(20px, 2vw, 27px); font-style: italic; line-height: 1.38; }
.sbh-direct-answer { max-width: 690px; margin-bottom: 19px; padding: 17px 19px; border: 1px solid rgba(61,45,79,.11); border-left: 5px solid var(--sbh-aqua); border-radius: 0 18px 18px 0; background: rgba(255,255,255,.8); box-shadow: 0 12px 35px rgba(66,42,83,.07); }
.sbh-direct-answer strong { display: block; margin-bottom: 4px; color: #3d294f; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }
.sbh-direct-answer p { margin-bottom: 0; color: #62526b; font-size: 15px; }
.sbh-hero__promise { max-width: 690px; color: var(--sbh-muted); font-size: 15px; }
.sbh-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.sbh-hero__trust { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.sbh-hero__trust span { min-height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(63,44,81,.09); border-radius: 999px; background: rgba(255,255,255,.72); color: #66546e; font-size: 10px; }
.sbh-hero__trust .sbcf-quirk-icon { width: 25px; height: 25px; color: #9d6db4; }
.sbh-hero__trust b { font-weight: 850; }
.sbh-hero__route { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: -54px; border: 1px solid rgba(69,47,87,.1); border-radius: 25px; background: rgba(255,255,255,.95); box-shadow: 0 25px 65px rgba(58,37,77,.14); overflow: hidden; }
.sbh-hero__route a { position: relative; min-height: 108px; display: grid; grid-template-columns: 44px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; column-gap: 13px; padding: 22px 25px; text-decoration: none; }
.sbh-hero__route a + a { border-left: 1px solid var(--sbh-line); }
.sbh-hero__route a:hover { background: #fff9fc; }
.sbh-hero__route span { width: 44px; height: 44px; grid-row: 1/3; display: grid; place-items: center; border-radius: 15px; background: #f3e9fa; color: #775392; font-weight: 900; }
.sbh-hero__route strong { color: var(--sbh-ink); font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.15; }
.sbh-hero__route small { margin-top: 4px; color: var(--sbh-muted); font-size: 10px; }

/* Framed media + frosted captions. */
.sbh-framed-media { position: relative; margin: 0; padding: 14px; border: 1px solid rgba(61,43,79,.1); border-radius: 34px; background: rgba(255,255,255,.82); box-shadow: var(--sbh-shadow); transform: rotate(.5deg); }
.sbh-framed-media::before { content: ""; position: absolute; inset: 8px; z-index: 0; border: 1px dashed rgba(89,61,108,.14); border-radius: 27px; pointer-events: none; }
.sbh-framed-media img { position: relative; z-index: 1; width: 100%; border-radius: 24px; object-fit: cover; }
.sbh-framed-media__trinket { position: absolute; z-index: 4; top: -24px; right: -18px; width: 72px; height: 72px; display: grid; place-items: center; border: 1px solid rgba(65,45,82,.1); border-radius: 23px; background: #fff; color: var(--sbh-pink-deep); box-shadow: 0 15px 35px rgba(50,32,68,.16); transform: rotate(7deg); }
.sbh-framed-media__trinket .sbcf-quirk-icon { width: 55px; height: 55px; }
.sbh-frosted-caption { position: relative; z-index: 3; width: calc(100% - 34px); margin: -52px auto 4px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.62); border-radius: 17px; background: rgba(255,255,255,.78); color: #5c4a64; box-shadow: 0 10px 28px rgba(43,29,57,.12); backdrop-filter: blur(13px); font-size: 11px; line-height: 1.45; text-align: center; }
.sbh-frosted-caption strong { color: #3f2b50; }
.sbh-framed-media--hero { transform: rotate(1.2deg); }
.sbh-framed-media--hero img { aspect-ratio: 3/2; }
.sbh-framed-media--mint { background: linear-gradient(145deg, #f1fffc, #fff); transform: rotate(-.7deg); }
.sbh-framed-media--lavender { margin-top: 28px; background: linear-gradient(145deg, #faf6ff, #fff); transform: rotate(-1deg); }
.sbh-framed-media--night { background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.18); transform: rotate(-.8deg); }
.sbh-framed-media--night::before { border-color: rgba(255,255,255,.18); }

/* Immediate help. */
.sbh-start { padding: 145px 0 105px; background: #fff; }
.sbh-start__grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: 42px; align-items: center; }
.sbh-three-checks { display: grid; gap: 13px; }
.sbh-three-checks article { position: relative; display: grid; grid-template-columns: 58px minmax(0,1fr); column-gap: 17px; padding: 21px 24px 21px 22px; border: 1px solid var(--sbh-line); border-radius: 23px; background: #fff; box-shadow: var(--sbh-shadow-soft); }
.sbh-three-checks article > span { position: absolute; right: 18px; top: 14px; color: rgba(125,92,151,.22); font-family: Georgia, "Times New Roman", serif; font-size: 28px; font-weight: 700; }
.sbh-three-checks .sbh-icon-chip { grid-row: 1/3; }
.sbh-three-checks h3 { margin: 3px 38px 6px 0; color: var(--sbh-ink); font-family: Georgia, "Times New Roman", serif; font-size: 24px; letter-spacing: -.025em; line-height: 1.05; }
.sbh-three-checks p { margin-bottom: 0; color: var(--sbh-muted); font-size: 13px; }
.sbh-urgent { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 17px; align-items: start; margin-top: 30px; padding: 22px 24px; border: 1px solid rgba(201,104,106,.22); border-radius: 22px; background: #fff6f4; }
.sbh-urgent .sbh-icon-chip { color: #c85f63; }
.sbh-urgent h3 { margin-bottom: 7px; color: #6d333d; font-family: Georgia, "Times New Roman", serif; font-size: 20px; }
.sbh-urgent p { margin-bottom: 0; color: #7d5d61; font-size: 12px; }

/* Exactly four charm story dividers. */
.sbh-charm-ribbon { position: relative; min-height: 142px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(90deg, #fffafc, #faf6ff 48%, #effcf9); }
.sbh-charm-ribbon__label { position: absolute; z-index: 3; top: 14px; padding: 6px 14px; border: 1px solid rgba(70,48,87,.09); border-radius: 999px; background: rgba(255,255,255,.93); color: #82668f; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sbh-charm-ribbon__line { position: relative; width: min(940px, calc(100% - 40px)); height: 84px; display: flex; align-items: flex-start; justify-content: space-around; margin-top: 25px; }
.sbh-charm-ribbon__line::before { content: ""; position: absolute; top: 13px; left: 0; right: 0; height: 5px; border-radius: 999px; background: linear-gradient(90deg, transparent, #e8b7ce 7%, #d5bfe6 36%, #a8dad2 70%, transparent); box-shadow: 0 2px 0 rgba(255,255,255,.8); }
.sbh-charm { position: relative; z-index: 2; width: 52px; height: 52px; display: grid; place-items: center; margin-top: 22px; border: 2px solid rgba(112,77,132,.16); border-radius: 50%; background: #fff; color: #9b67a7; box-shadow: 0 10px 25px rgba(64,40,82,.11); }
.sbh-charm::before { content: ""; position: absolute; left: 50%; bottom: 100%; width: 2px; height: 18px; background: #cda6bd; transform: translateX(-50%); }
.sbh-charm .sbcf-quirk-icon { width: 39px; height: 39px; }
.sbh-charm--2,.sbh-charm--5 { margin-top: 34px; }
.sbh-charm--3 { margin-top: 17px; }
.sbh-charm--4 { margin-top: 40px; }
.sbh-charm--6 { margin-top: 25px; }
.sbh-charm-ribbon--recognition .sbh-charm:nth-child(odd) { color: #c56099; }
.sbh-charm-ribbon--decode .sbh-charm { border-radius: 18px; color: #6e62a9; transform: rotate(-3deg); }
.sbh-charm-ribbon--decode .sbh-charm:nth-child(even) { color: #4aa99d; transform: rotate(4deg); }
.sbh-charm-ribbon--action .sbh-charm { color: #bf8144; }
.sbh-charm-ribbon--action .sbh-charm:nth-child(3n) { color: #4ba494; }
.sbh-charm-ribbon--relief { background: linear-gradient(90deg, #f2fbf9, #fffaf4 52%, #fff2f8); }
.sbh-charm-ribbon--relief .sbh-charm { color: #9b6bc0; border-color: rgba(215,161,69,.25); box-shadow: 0 10px 25px rgba(175,122,38,.13); }

/* Decoder signature visual. */
.sbh-decoder { padding: 105px 0; background: linear-gradient(145deg, #fbf7ff, #fff 55%, #f0fcfa); }
.sbh-decoder__grid { display: grid; grid-template-columns: minmax(340px,.82fr) minmax(0,1.18fr); gap: 55px; align-items: start; }
.sbh-decoder__copy h2 { margin-bottom: 17px; color: var(--sbh-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(43px,5vw,66px); letter-spacing: -.045em; line-height: .98; }
.sbh-decoder__copy > p:not(.sbh-eyebrow) { color: var(--sbh-muted); }
.sbh-decoder-card { padding: 30px; border: 1px solid rgba(72,49,91,.12); border-radius: 30px; background: #fff; box-shadow: var(--sbh-shadow); }
.sbh-decoder-card fieldset { margin: 0 0 25px; padding: 0; border: 0; }
.sbh-decoder-card legend { width: 100%; display: flex; align-items: center; gap: 11px; margin-bottom: 12px; color: var(--sbh-ink); font-size: 14px; font-weight: 900; }
.sbh-decoder-card legend span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: #f0e8fa; color: #795499; font-size: 12px; }
.sbh-choice-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.sbh-choice-row--two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sbh-choice-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.sbh-choice-row label,
.sbh-choice-grid label { position: relative; cursor: pointer; }
.sbh-choice-row input,
.sbh-choice-grid input { position: absolute; opacity: 0; pointer-events: none; }
.sbh-choice-row label > span,
.sbh-choice-grid label > span { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px; border: 1px solid rgba(68,47,87,.12); border-radius: 14px; background: #fff; color: #66556f; font-size: 10px; font-weight: 850; line-height: 1.15; text-align: center; transition: border .16s ease, background .16s ease, transform .16s ease; }
.sbh-choice-grid label > span { min-height: 70px; flex-direction: column; }
.sbh-choice-grid .sbcf-quirk-icon { width: 30px; height: 30px; color: #9870ae; }
.sbh-choice-row input:checked + span,
.sbh-choice-grid input:checked + span { border-color: rgba(221,91,158,.55); background: #fff0f7; color: #71375f; box-shadow: 0 0 0 3px rgba(238,117,181,.1); transform: translateY(-1px); }
.sbh-decoder-result { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 15px; align-items: start; margin-top: 22px; padding: 19px; border: 1px solid rgba(76,158,148,.2); border-radius: 20px; background: #effbf8; }
.sbh-decoder-result h3 { margin-bottom: 6px; color: #315a5a; font-family: Georgia, "Times New Roman", serif; font-size: 23px; letter-spacing: -.025em; }
.sbh-decoder-result p { margin-bottom: 8px; color: #607777; font-size: 12px; }
.sbh-decoder-result a { color: #327f78; font-size: 11px; font-weight: 900; text-decoration: none; }
.sbh-decoder-result.is-updating { animation: sbh-result .3s ease; }
@keyframes sbh-result { 50% { transform: scale(.99); opacity: .55; } }

/* Story + tips. */
.sbh-story { padding: 105px 0; background: #fff; }
.sbh-story__grid { display: grid; grid-template-columns: 340px minmax(0,1fr); gap: 65px; align-items: center; }
.sbh-story__portrait { position: relative; min-height: 430px; display: grid; place-items: center; border: 1px solid rgba(67,45,84,.11); border-radius: 42% 58% 49% 51% / 58% 45% 55% 42%; background: linear-gradient(145deg,#ffe8f3,#f5effc 54%,#e6fbf7); box-shadow: var(--sbh-shadow); }
.sbh-story__portrait img { width: 230px; filter: drop-shadow(0 18px 25px rgba(58,33,71,.18)); }
.sbh-story__portrait > span { position: absolute; left: 26px; right: 26px; bottom: 22px; padding: 11px 13px; border-radius: 15px; background: rgba(255,255,255,.82); color: #74546f; font-size: 11px; font-weight: 900; text-align: center; backdrop-filter: blur(10px); }
.sbh-story__moon { position: absolute; top: -20px; right: 9px; width: 76px; height: 76px; display: grid; place-items: center; border-radius: 23px; background: #fff; color: #a268a4; box-shadow: var(--sbh-shadow-soft); transform: rotate(7deg); }
.sbh-story__moon .sbcf-quirk-icon { width: 58px; height: 58px; }
.sbh-story__copy h2 { margin-bottom: 21px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(42px,5vw,65px); letter-spacing: -.047em; line-height: .98; }
.sbh-story__copy p { color: var(--sbh-muted); }
.sbh-story__copy blockquote { margin: 24px 0; padding: 22px 25px; border-left: 5px solid var(--sbh-pink); border-radius: 0 20px 20px 0; background: #fff4f8; color: #60445d; font-family: Georgia,"Times New Roman",serif; font-size: 21px; font-style: italic; line-height: 1.4; }
.sbh-try-tonight { padding: 105px 0; background: linear-gradient(145deg,#fff9fb,#fff 50%,#f3fcfa); }
.sbh-tip-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.sbh-tip-card { position: relative; padding: 18px 18px 25px; border: 1px solid var(--sbh-line); border-radius: 29px; background: #fff; box-shadow: var(--sbh-shadow-soft); overflow: hidden; }
.sbh-tip-card__number { position: absolute; z-index: 3; top: 27px; left: 29px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; background: #fff; color: #8e6999; box-shadow: 0 9px 20px rgba(54,34,70,.12); font-weight: 900; }
.sbh-tip-card figure { position: relative; min-height: 245px; display: grid; place-items: center; margin: 0 0 25px; border-radius: 22px; overflow: hidden; }
.sbh-tip-card figure img { width: min(215px,72%); }
.sbh-tip-card figure figcaption { position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 10px 11px; border-radius: 13px; background: rgba(255,255,255,.8); color: #69586f; font-size: 9px; line-height: 1.35; text-align: center; backdrop-filter: blur(9px); }
.sbh-tip-card--pink figure { background: linear-gradient(145deg,#ffe2f0,#fff6fa); }
.sbh-tip-card--gold figure { background: linear-gradient(145deg,#fff0bd,#fff9e6); }
.sbh-tip-card--mint figure { background: linear-gradient(145deg,#dff8f3,#f6fffd); }
.sbh-tip-card h3 { margin-bottom: 10px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: 27px; letter-spacing: -.03em; line-height: 1.05; }
.sbh-tip-card > p { margin-bottom: 0; color: var(--sbh-muted); font-size: 13px; }

/* Reasons. */
.sbh-reasons { padding: 110px 0; background: #fff; }
.sbh-reasons__intro-callout { max-width: 900px; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 14px; align-items: center; margin: 0 auto 30px; padding: 16px 18px; border: 1px solid rgba(107,73,132,.13); border-radius: 18px; background: #faf6fd; }
.sbh-reasons__intro-callout > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 17px; background: #fff; color: #8760a1; }
.sbh-reasons__intro-callout .sbcf-quirk-icon { width: 43px; height: 43px; }
.sbh-reasons__intro-callout p { margin-bottom: 0; color: #6c5a75; font-size: 12px; }
.sbh-reason-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.sbh-reason-grid details { border: 1px solid var(--sbh-line); border-radius: 19px; background: #fff; box-shadow: 0 8px 25px rgba(56,36,72,.055); overflow: hidden; }
.sbh-reason-grid summary { min-height: 91px; display: grid; grid-template-columns: 48px minmax(0,1fr) 24px; gap: 13px; align-items: center; padding: 15px 17px; cursor: pointer; list-style: none; }
.sbh-reason-grid summary::-webkit-details-marker { display: none; }
.sbh-reason-grid summary > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: #f1eafa; color: #7b5596; font-size: 12px; font-weight: 900; }
.sbh-reason-grid summary small,
.sbh-reason-grid summary strong { display: block; }
.sbh-reason-grid summary small { margin-bottom: 3px; color: #a35b89; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sbh-reason-grid summary strong { color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: 19px; line-height: 1.08; }
.sbh-reason-grid summary > b { color: #876d93; font-size: 22px; font-weight: 400; transition: transform .16s ease; }
.sbh-reason-grid details[open] summary > b { transform: rotate(45deg); }
.sbh-reason-grid details > div { padding: 0 20px 18px 81px; }
.sbh-reason-grid details > div p { margin-bottom: 9px; color: var(--sbh-muted); font-size: 12px; }
.sbh-reason-grid details > div p:last-child { margin-bottom: 0; }
.sbh-reason-grid details > div em { color: #5c4268; font-style: normal; font-weight: 900; }
.sbh-reason-grid details a { color: #8a4e88; font-weight: 850; text-underline-offset: 3px; }
.sbh-reasons__closing { max-width: 800px; margin: 30px auto 0; padding: 16px 20px; border-radius: 16px; background: #eff9f7; color: #56706e; font-size: 12px; text-align: center; }

/* Age and video. */
.sbh-age { padding: 105px 0; background: linear-gradient(145deg,#faf6ff,#fff 50%,#fff8f2); }
.sbh-age-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.sbh-age-grid article { position: relative; padding: 28px 20px 24px; border: 1px solid var(--sbh-line); border-radius: 24px; background: #fff; box-shadow: var(--sbh-shadow-soft); text-align: center; }
.sbh-age-grid article > span { display: block; color: #7a5796; font-family: Georgia,"Times New Roman",serif; font-size: 38px; font-weight: 700; line-height: 1; }
.sbh-age-grid article > small { display: block; margin: 4px 0 16px; color: #a08da9; font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.sbh-age-grid .sbh-icon-chip { margin: 0 auto 15px; }
.sbh-age-grid h3 { margin-bottom: 9px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: 22px; line-height: 1.08; }
.sbh-age-grid p { margin-bottom: 0; color: var(--sbh-muted); font-size: 11px; }
.sbh-video { padding: 105px 0; background: #fff; }
.sbh-video__grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); gap: 55px; align-items: center; }
.sbh-video__copy h2 { margin-bottom: 17px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(42px,5vw,62px); letter-spacing: -.045em; line-height: .99; }
.sbh-video__copy > p:not(.sbh-eyebrow) { color: var(--sbh-muted); }
.sbh-video__takeaway { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 14px; align-items: center; margin: 22px 0; padding: 16px 18px; border: 1px solid rgba(70,151,141,.17); border-radius: 19px; background: #f0fbf8; }
.sbh-video__takeaway p { margin-bottom: 0; color: #58706e; font-size: 12px; }
.sbh-video-player { min-height: 390px; border: 1px solid rgba(71,49,90,.12); border-radius: 30px; background: #21152f; box-shadow: var(--sbh-shadow); overflow: hidden; }
.sbh-video-player iframe { width: 100%; aspect-ratio: 16/9; display: block; border: 0; }
.sbh-video-poster { width: 100%; min-height: 390px; display: grid; grid-template-columns: 120px minmax(0,1fr) 66px; gap: 20px; align-items: center; padding: 34px; border: 0; background: radial-gradient(circle at 85% 10%,rgba(89,205,190,.22),transparent 28%),linear-gradient(145deg,#21152f,#4b3266); color: #fff; cursor: pointer; text-align: left; }
.sbh-video-poster__art { width: 120px; height: 120px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 36px; background: rgba(255,255,255,.08); color: #ffe29b; transform: rotate(-3deg); }
.sbh-video-poster__art .sbcf-quirk-icon { width: 95px; height: 95px; }
.sbh-video-poster__copy small,
.sbh-video-poster__copy strong,
.sbh-video-poster__copy em { display: block; }
.sbh-video-poster__copy small { margin-bottom: 9px; color: #d9cce4; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sbh-video-poster__copy strong { font-family: Georgia,"Times New Roman",serif; font-size: clamp(27px,3vw,40px); letter-spacing: -.035em; line-height: 1.03; }
.sbh-video-poster__copy em { margin-top: 12px; color: #c4b7d0; font-size: 11px; font-style: normal; }
.sbh-video-poster__play { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #7e5798; font-size: 23px; box-shadow: 0 13px 30px rgba(0,0,0,.25); }

/* Reset. */
.sbh-reset { padding: 92px 0; background: linear-gradient(145deg,#231831,#4a305f 58%,#1a5d62); }
.sbh-reset__card { display: grid; grid-template-columns: minmax(300px,.83fr) minmax(0,1.17fr); gap: 50px; align-items: center; }
.sbh-reset__intro .sbh-icon-chip { margin-bottom: 18px; color: #efc761; }
.sbh-reset__intro h2 { margin-bottom: 13px; color: #fff; font-family: Georgia,"Times New Roman",serif; font-size: clamp(43px,5vw,64px); letter-spacing: -.045em; line-height: .99; }
.sbh-reset__intro > p:not(.sbh-eyebrow) { color: #d9ccdf; }
.sbh-reset__steps { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.sbh-reset__steps li { display: grid; grid-template-columns: 66px minmax(0,1fr); gap: 14px; align-items: center; padding: 13px 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.075); }
.sbh-reset__steps li > span { width: 66px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,226,146,.14); color: #ffe395; font-size: 11px; font-weight: 900; }
.sbh-reset__steps strong { display: block; color: #fff; font-size: 13px; }
.sbh-reset__steps p { margin-bottom: 0; color: #cfc2d7; font-size: 10px; }

/* Workshop and premium pricing. */
.sbh-workshop { position: relative; isolation: isolate; overflow: hidden; padding: 115px 0; background: radial-gradient(circle at 10% 12%,rgba(238,112,181,.16),transparent 25%),radial-gradient(circle at 91% 12%,rgba(89,205,190,.13),transparent 23%),linear-gradient(145deg,#181123,#332244 50%,#143e49); color: #fff; }
.sbh-workshop::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .22; background-image: radial-gradient(circle,#fff 1px,transparent 1.3px); background-size: 53px 53px; }
.sbh-workshop__hero { display: grid; grid-template-columns: minmax(400px,.96fr) minmax(0,1.04fr); gap: 58px; align-items: center; }
.sbh-workshop__copy .sbh-eyebrow { color: #f0b7d8; }
.sbh-workshop__copy h2 { margin-bottom: 18px; color: #fff; font-family: Georgia,"Times New Roman",serif; font-size: clamp(46px,5.3vw,70px); letter-spacing: -.05em; line-height: .96; }
.sbh-workshop__lead { color: #d7cce0; font-size: 16px; }
.sbh-check-list { display: grid; gap: 10px; margin: 25px 0 27px; padding: 0; list-style: none; }
.sbh-check-list li { display: grid; grid-template-columns: 39px minmax(0,1fr); gap: 10px; align-items: center; color: #d8cde1; font-size: 12px; }
.sbh-check-list .sbcf-quirk-icon { width: 39px; height: 39px; color: #7ed6c8; }
.sbh-check-list strong { color: #fff; }
.sbh-workshop__micro { margin: 10px 0 0; color: #b9a9c5; font-size: 9px; font-weight: 800; text-align: center; }
.sbh-pricing-story { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 31px; align-items: center; margin-top: 72px; padding: 34px; border: 1px solid rgba(255,255,255,.18); border-radius: 32px; background: linear-gradient(145deg,rgba(255,249,244,.99),rgba(255,255,255,.98) 50%,rgba(237,253,249,.99)); color: var(--sbh-ink); box-shadow: 0 30px 90px rgba(0,0,0,.25); }
.sbh-pricing-story__art { width: 160px; height: 160px; display: grid; place-items: center; border-radius: 45px; background: linear-gradient(145deg,#ffe5f1,#eafaf7); color: #c15492; transform: rotate(-3deg); }
.sbh-pricing-story__art .sbcf-quirk-icon { width: 132px; height: 132px; }
.sbh-pricing-story h3 { margin-bottom: 12px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(34px,4vw,50px); letter-spacing: -.043em; line-height: .99; }
.sbh-pricing-story p { margin-bottom: 10px; color: var(--sbh-muted); font-size: 13px; }
.sbh-pricing-proof { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 19px; }
.sbh-pricing-proof span { min-height: 62px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 8px; align-items: center; padding: 9px 10px; border: 1px solid rgba(65,45,82,.09); border-radius: 16px; background: #fff; color: #5c4668; font-size: 9px; }
.sbh-pricing-proof .sbcf-quirk-icon { width: 34px; height: 34px; color: #9766a8; }
.sbh-pricing-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 21px; }
.sbh-pricing-actions .sbh-button--ghost-light { border-color: rgba(74,52,91,.16); background: #f6eff9; color: #5f466e !important; }
.sbh-discover { margin-top: 90px; }
.sbh-discover-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.sbh-discover-grid article { padding: 23px 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(255,255,255,.075); backdrop-filter: blur(8px); }
.sbh-discover-grid .sbh-icon-chip { margin-bottom: 15px; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.14); color: #ffe091; box-shadow: none; }
.sbh-discover-grid article > span { color: #f0b7d8; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.sbh-discover-grid h3 { margin: 7px 0 9px; color: #fff; font-family: Georgia,"Times New Roman",serif; font-size: 22px; line-height: 1.08; }
.sbh-discover-grid p { margin-bottom: 0; color: #cfc2d8; font-size: 11px; }

/* Bonuses and social proof. */
.sbh-bonuses { padding: 110px 0; background: linear-gradient(145deg,#fff9fb,#fff 47%,#f0fbf8); }
.sbh-bonus-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.sbh-bonus-grid article { position: relative; display: grid; grid-template-rows: 240px auto; border: 1px solid var(--sbh-line); border-radius: 29px; background: #fff; box-shadow: var(--sbh-shadow-soft); overflow: hidden; }
.sbh-bonus-grid__number { position: absolute; z-index: 3; top: 16px; left: 16px; padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.9); color: #9a5686; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; backdrop-filter: blur(8px); }
.sbh-bonus-grid figure { min-height: 240px; display: grid; place-items: end center; margin: 0; padding-top: 25px; background: linear-gradient(145deg,#f8e9f3,#f2edfb 55%,#e7f8f5); }
.sbh-bonus-grid figure img { width: min(220px,78%); max-height: 220px; object-fit: contain; filter: drop-shadow(0 14px 20px rgba(55,35,72,.16)); }
.sbh-bonus-grid article > div:last-child { padding: 24px; }
.sbh-bonus-grid .sbh-icon-chip { width: 48px; height: 48px; margin-bottom: 12px; }
.sbh-bonus-grid .sbh-icon-chip .sbcf-quirk-icon { width: 37px; height: 37px; }
.sbh-bonus-grid h3 { margin-bottom: 8px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: 25px; letter-spacing: -.025em; }
.sbh-bonus-grid p { margin-bottom: 0; color: var(--sbh-muted); font-size: 12px; }
.sbh-testimonials { padding: 110px 0; background: #fff; }
.sbh-featured-stories { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.sbh-featured-stories figure { position: relative; margin: 0; padding: 24px; border: 1px solid var(--sbh-line); border-radius: 25px; background: #fff; box-shadow: var(--sbh-shadow-soft); }
.sbh-featured-stories img { width: 82px; height: 82px; margin-bottom: 17px; border: 6px solid #f6eafa; border-radius: 50%; object-fit: cover; }
.sbh-featured-stories blockquote { margin-bottom: 18px; color: #56445f; font-family: Georgia,"Times New Roman",serif; font-size: 18px; font-style: italic; line-height: 1.48; }
.sbh-featured-stories figcaption strong,
.sbh-featured-stories figcaption span { display: block; }
.sbh-featured-stories figcaption strong { color: var(--sbh-ink); font-size: 12px; }
.sbh-featured-stories figcaption span { margin-top: 2px; color: #9a8aa2; font-size: 9px; }
.sbh-story-notes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; margin-top: 16px; }
.sbh-story-notes article { display: grid; grid-template-columns: 42px minmax(0,1fr); column-gap: 10px; padding: 16px; border: 1px solid rgba(67,45,84,.08); border-radius: 17px; background: #faf7fc; }
.sbh-story-notes article > span { width: 42px; height: 42px; grid-row: 1/3; display: grid; place-items: center; border-radius: 13px; background: #fff; color: #a267a2; }
.sbh-story-notes .sbcf-quirk-icon { width: 32px; height: 32px; }
.sbh-story-notes h3 { margin-bottom: 4px; color: var(--sbh-ink); font-size: 11px; }
.sbh-story-notes p { margin-bottom: 0; color: var(--sbh-muted); font-size: 9px; line-height: 1.45; }

/* Guarantee. */
.sbh-guarantee { padding: 96px 0; background: linear-gradient(145deg,#fff7f1,#fff 48%,#eefbf8); }
.sbh-guarantee__card { display: grid; grid-template-columns: 165px minmax(0,1fr); gap: 38px; align-items: center; padding: 38px; border: 1px solid rgba(69,47,86,.12); border-radius: 32px; background: #fff; box-shadow: var(--sbh-shadow); }
.sbh-guarantee__seal { width: 165px; height: 165px; display: grid; place-content: center; border: 10px double rgba(255,255,255,.8); border-radius: 50%; background: linear-gradient(145deg,#f6d16c,#eda74b); color: #4b3157; box-shadow: inset 0 0 0 4px rgba(98,64,83,.16),0 18px 35px rgba(104,69,24,.21); text-align: center; transform: rotate(-5deg); }
.sbh-guarantee__seal strong { font-family: Georgia,"Times New Roman",serif; font-size: 58px; line-height: .88; }
.sbh-guarantee__seal span { margin-top: 9px; font-size: 11px; font-weight: 900; letter-spacing: .17em; }
.sbh-guarantee__copy h2 { margin-bottom: 13px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(38px,4.4vw,56px); letter-spacing: -.044em; line-height: .99; }
.sbh-guarantee__copy > p:not(.sbh-eyebrow) { color: var(--sbh-muted); }
.sbh-guarantee__copy a:not(.sbh-button) { color: #8d4d82; font-weight: 900; }
.sbh-guarantee__proof { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 22px; }
.sbh-guarantee__proof span { min-height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--sbh-line); border-radius: 999px; color: #67556f; font-size: 9px; font-weight: 850; }
.sbh-guarantee__proof .sbcf-quirk-icon { width: 27px; height: 27px; color: #8e66a2; }

/* FAQ, sources and library. */
.sbh-faq { padding: 110px 0; background: #fff; }
.sbh-faq__grid { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: 58px; align-items: start; }
.sbh-faq__intro { position: sticky; top: 115px; }
.sbh-faq__intro h2 { margin-bottom: 16px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(40px,4.6vw,59px); letter-spacing: -.045em; line-height: .99; }
.sbh-faq__intro > p:not(.sbh-eyebrow) { color: var(--sbh-muted); }
.sbh-faq__items { display: grid; gap: 9px; }
.sbh-faq__items details { border: 1px solid var(--sbh-line); border-radius: 17px; background: #fff; overflow: hidden; }
.sbh-faq__items summary { display: grid; grid-template-columns: minmax(0,1fr) 26px; gap: 12px; align-items: center; min-height: 66px; padding: 15px 18px; color: var(--sbh-ink); cursor: pointer; font-weight: 850; list-style: none; }
.sbh-faq__items summary::-webkit-details-marker { display: none; }
.sbh-faq__items summary span { color: #8c6a99; font-size: 22px; font-weight: 400; transition: transform .16s ease; }
.sbh-faq__items details[open] summary span { transform: rotate(45deg); }
.sbh-faq__items details p { margin: 0; padding: 0 18px 17px; color: var(--sbh-muted); font-size: 12px; }
.sbh-sources { padding: 95px 0; background: linear-gradient(145deg,#f6f1fa,#fff 55%,#f0faf8); }
.sbh-sources__card { padding: 31px; border: 1px solid var(--sbh-line); border-radius: 28px; background: rgba(255,255,255,.94); box-shadow: var(--sbh-shadow-soft); }
.sbh-sources__identity { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 18px; align-items: start; }
.sbh-sources__avatar { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 21px; background: linear-gradient(145deg,#ffe2f1,#e9faf6); color: #8d5487; font-family: Georgia,"Times New Roman",serif; font-size: 30px; font-weight: 700; transform: rotate(-3deg); }
.sbh-sources__identity h2 { margin-bottom: 10px; color: var(--sbh-ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(30px,3.4vw,44px); letter-spacing: -.035em; line-height: 1.02; }
.sbh-sources__identity p { margin-bottom: 0; color: var(--sbh-muted); font-size: 12px; }
.sbh-sources__meta { display: grid; grid-template-columns: 1fr 2fr; gap: 14px; margin: 23px 0; }
.sbh-sources__meta p { margin-bottom: 0; padding: 13px 15px; border-radius: 14px; background: #f8f4fa; color: #76667e; font-size: 10px; }
.sbh-sources__details { border: 1px solid var(--sbh-line); border-radius: 18px; overflow: hidden; }
.sbh-sources__details summary { display: grid; grid-template-columns: minmax(0,1fr) 24px; gap: 12px; align-items: center; padding: 14px 17px; background: #fff; cursor: pointer; list-style: none; }
.sbh-sources__details summary::-webkit-details-marker { display: none; }
.sbh-sources__details summary strong,
.sbh-sources__details summary small { display: block; }
.sbh-sources__details summary strong { color: var(--sbh-ink); font-size: 12px; }
.sbh-sources__details summary small { margin-top: 3px; color: #a190a8; font-size: 9px; }
.sbh-sources__details ol { max-height: 235px; overflow-y: auto; margin: 0; padding: 13px 36px 18px 48px; border-top: 1px solid var(--sbh-line); background: #fcfafc; }
.sbh-sources__details li { margin: 7px 0; color: #75677c; font-size: 10px; }
.sbh-sources__details a { color: #714e86; text-underline-offset: 3px; }
.sbh-library { padding: 110px 0; background: #fff; }
.sbh-library-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.sbh-library-grid article { border: 1px solid var(--sbh-line); border-radius: 23px; background: #fff; box-shadow: var(--sbh-shadow-soft); overflow: hidden; }
.sbh-library-grid__image,
.sbh-library-grid__placeholder { min-height: 180px; display: grid; place-items: center; background: linear-gradient(145deg,#ffeaf3,#f1ecfb 52%,#e6f8f5); overflow: hidden; }
.sbh-library-grid__image img { width: 100%; height: 180px; object-fit: cover; transition: transform .25s ease; }
.sbh-library-grid article:hover .sbh-library-grid__image img { transform: scale(1.025); }
.sbh-library-grid__placeholder { color: #9165a2; }
.sbh-library-grid__placeholder .sbcf-quirk-icon { width: 90px; height: 90px; }
.sbh-library-grid__copy { padding: 20px; }
.sbh-library-grid__copy > p:first-child { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; color: #a08fa7; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.sbh-library-grid__copy > p:first-child span { padding: 4px 7px; border-radius: 999px; background: #f1eafa; color: #805b96; }
.sbh-library-grid h3 { margin-bottom: 9px; font-family: Georgia,"Times New Roman",serif; font-size: 22px; line-height: 1.08; }
.sbh-library-grid h3 a { color: var(--sbh-ink); text-decoration: none; }
.sbh-library-grid__copy > p:not(:first-child) { color: var(--sbh-muted); font-size: 10px; }
.sbh-library-grid__copy > a { color: #8b4f85; font-size: 10px; font-weight: 900; text-decoration: none; }
.sbh-library-fallback { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.sbh-library-fallback a { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 14px; align-items: center; padding: 21px; border: 1px solid var(--sbh-line); border-radius: 22px; background: #fff; text-decoration: none; }
.sbh-library-fallback .sbcf-quirk-icon { width: 64px; height: 64px; color: #986ca6; }
.sbh-library-fallback strong,
.sbh-library-fallback small { display: block; }
.sbh-library-fallback small { margin-top: 4px; color: var(--sbh-muted); }

/* Final conversion + footer. */
.sbh-final { padding: 105px 0; background: radial-gradient(circle at 8% 12%,rgba(236,115,179,.22),transparent 25%),radial-gradient(circle at 91% 18%,rgba(85,202,187,.18),transparent 24%),linear-gradient(145deg,#21152f,#49305f 58%,#18515a); }
.sbh-final__card { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 42px; align-items: center; padding: 36px; border: 1px solid rgba(255,255,255,.16); border-radius: 34px; background: rgba(255,255,255,.09); color: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.25); backdrop-filter: blur(9px); }
.sbh-final__art { position: relative; min-height: 240px; display: grid; place-items: center; border-radius: 30px; background: linear-gradient(145deg,#ffe5f1,#edf9f7); overflow: hidden; }
.sbh-final__art img { width: 190px; filter: drop-shadow(0 16px 25px rgba(51,31,66,.18)); }
.sbh-final__art > span { position: absolute; top: 12px; right: 12px; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: #fff; color: #9265a5; transform: rotate(7deg); }
.sbh-final__art .sbcf-quirk-icon { width: 44px; height: 44px; }
.sbh-final__copy .sbh-eyebrow { color: #efb7d7; }
.sbh-final__copy h2 { margin-bottom: 14px; color: #fff; font-family: Georgia,"Times New Roman",serif; font-size: clamp(42px,5vw,65px); letter-spacing: -.048em; line-height: .98; }
.sbh-final__copy > p:not(.sbh-eyebrow) { color: #d8cce0; }
.sbh-final__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 22px; }
.sbh-final__actions .sbh-text-link { color: #f4d6e8 !important; }
.sbh-final__copy > small { display: block; margin-top: 14px; color: #b9a9c4; font-size: 9px; }
.sbh-footer { padding: 54px 0 40px; background: #171020; color: #cfc2d7; }
.sbh-footer__grid { display: grid; grid-template-columns: 1.2fr .8fr 1fr; gap: 46px; align-items: start; }
.sbh-footer__brand img { width: 210px; filter: brightness(0) invert(1); opacity: .92; }
.sbh-footer__brand p { max-width: 350px; margin-top: 13px; color: #a99ab3; font-size: 11px; }
.sbh-footer nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 16px; }
.sbh-footer nav a { color: #e8ddec; font-size: 10px; font-weight: 800; text-decoration: none; }
.sbh-footer__legal p { color: #998aa4; font-size: 9px; }

@media (max-width: 1100px) {
  .sbh-night-nav__inner { grid-template-columns: 165px minmax(0,1fr) auto; }
  .sbh-night-nav__status { display: none; }
  .sbh-night-nav__brand img { width: 160px; }
  .sbh-night-nav__links a { padding-inline: 7px; font-size: 10px; }
  .sbh-hero__grid { grid-template-columns: minmax(0,1fr) 420px; gap: 38px; }
  .sbh-hero h1 { font-size: clamp(48px,6.5vw,68px); }
  .sbh-start__grid { grid-template-columns: 1fr 390px; }
  .sbh-workshop__hero { grid-template-columns: 420px minmax(0,1fr); gap: 40px; }
}

@media (max-width: 900px) {
  html { scroll-padding-top: 92px; }
  .sbh-shell { width: min(100% - 28px, 720px); }
  .sbh-night-nav__inner { min-height: 72px; grid-template-columns: 165px minmax(0,1fr) auto; gap: 10px; }
  .sbh-night-nav__links { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
  .sbh-night-nav__links::-webkit-scrollbar { display: none; }
  .sbh-night-nav__links a { flex: 0 0 auto; }
  .sbh-night-nav__cta { min-height: 40px; padding: 8px 11px; font-size: 9px; }
  .sbh-hero { padding-top: 58px; }
  .sbh-hero__grid,
  .sbh-start__grid,
  .sbh-decoder__grid,
  .sbh-story__grid,
  .sbh-video__grid,
  .sbh-workshop__hero,
  .sbh-faq__grid { grid-template-columns: 1fr; }
  .sbh-hero__grid { min-height: auto; gap: 44px; }
  .sbh-hero__copy { text-align: center; }
  .sbh-hero__copy > * { margin-inline: auto; }
  .sbh-hero__actions,
  .sbh-hero__trust { justify-content: center; }
  .sbh-framed-media--hero { max-width: 680px; margin-inline: auto; }
  .sbh-start__grid { gap: 35px; }
  .sbh-decoder__copy { text-align: center; }
  .sbh-decoder__copy > p { max-width: 680px; margin-inline: auto; }
  .sbh-decoder__copy .sbh-framed-media { max-width: 620px; margin-inline: auto; }
  .sbh-story__portrait { width: min(430px,100%); margin-inline: auto; }
  .sbh-story__copy { max-width: 720px; margin-inline: auto; }
  .sbh-section-heading--split { grid-template-columns: 1fr; gap: 15px; text-align: center; }
  .sbh-section-heading--split > p { max-width: 720px; margin-inline: auto; }
  .sbh-tip-grid,
  .sbh-featured-stories,
  .sbh-bonus-grid { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; }
  .sbh-tip-card { display: grid; grid-template-columns: 250px minmax(0,1fr); column-gap: 24px; align-items: center; }
  .sbh-tip-card figure { grid-row: 1/4; min-height: 270px; margin-bottom: 0; }
  .sbh-tip-card__number { left: 29px; }
  .sbh-age-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sbh-video__copy { text-align: center; }
  .sbh-video__takeaway { text-align: left; }
  .sbh-video-player { max-width: 720px; width: 100%; margin-inline: auto; }
  .sbh-reset__card { grid-template-columns: 1fr; }
  .sbh-reset__intro { text-align: center; }
  .sbh-reset__intro .sbh-icon-chip { margin-inline: auto; }
  .sbh-pricing-story { grid-template-columns: 130px minmax(0,1fr); }
  .sbh-pricing-story__art { width: 130px; height: 130px; }
  .sbh-pricing-story__art .sbcf-quirk-icon { width: 105px; height: 105px; }
  .sbh-pricing-proof { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sbh-discover-grid,
  .sbh-story-notes,
  .sbh-library-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sbh-guarantee__card { grid-template-columns: 135px minmax(0,1fr); gap: 27px; }
  .sbh-guarantee__seal { width: 135px; height: 135px; }
  .sbh-guarantee__seal strong { font-size: 48px; }
  .sbh-faq__intro { position: static; text-align: center; }
  .sbh-final__card { grid-template-columns: 220px minmax(0,1fr); }
  .sbh-footer__grid { grid-template-columns: 1fr 1fr; }
  .sbh-footer__legal { grid-column: 1/-1; }
}

@media (max-width: 782px) {
  body.admin-bar .sbh-night-nav { top: 46px; }
}

@media (max-width: 700px) {
  :root { --sbh-radius: 24px; }
  .sbh-shell { width: calc(100% - 22px); }
  .sbh-night-nav__inner { grid-template-columns: minmax(0,1fr) auto; min-height: 65px; }
  .sbh-night-nav__brand img { width: 154px; }
  .sbh-night-nav__links { grid-column: 1/-1; order: 3; width: calc(100vw - 22px); padding: 0 0 8px; }
  .sbh-night-nav__links a { min-height: 34px; display: flex; align-items: center; padding: 6px 10px; border: 1px solid rgba(73,50,91,.08); background: rgba(255,255,255,.78); font-size: 9px; }
  .sbh-night-nav__cta { grid-column: 2; grid-row: 1; }
  .sbh-hero { padding-top: 45px; }
  .sbh-hero h1 { font-size: clamp(42px,12.1vw,58px); line-height: .98; }
  .sbh-hero__recognition { font-size: 20px; }
  .sbh-hero__actions { align-items: stretch; }
  .sbh-hero__actions .sbh-button { width: 100%; }
  .sbh-hero__trust { display: grid; grid-template-columns: 1fr; }
  .sbh-hero__trust span { justify-content: center; }
  .sbh-hero__route { grid-template-columns: 1fr; margin-bottom: -46px; }
  .sbh-hero__route a { min-height: 86px; padding: 17px 19px; }
  .sbh-hero__route a + a { border-left: 0; border-top: 1px solid var(--sbh-line); }
  .sbh-start { padding-top: 120px; }
  .sbh-section-heading h2,
  .sbh-section-heading--split h2,
  .sbh-decoder__copy h2,
  .sbh-story__copy h2,
  .sbh-video__copy h2,
  .sbh-workshop__copy h2,
  .sbh-final__copy h2 { font-size: clamp(38px,10.5vw,50px); }
  .sbh-three-checks article { grid-template-columns: 51px minmax(0,1fr); padding: 18px; }
  .sbh-three-checks .sbh-icon-chip { width: 51px; height: 51px; }
  .sbh-three-checks .sbh-icon-chip .sbcf-quirk-icon { width: 39px; height: 39px; }
  .sbh-three-checks h3 { font-size: 21px; }
  .sbh-urgent { grid-template-columns: 51px minmax(0,1fr); padding: 18px; }
  .sbh-charm-ribbon { min-height: 126px; }
  .sbh-charm-ribbon__label { max-width: calc(100% - 30px); font-size: 7px; text-align: center; }
  .sbh-charm-ribbon__line { width: calc(100% - 18px); }
  .sbh-charm { width: 45px; height: 45px; }
  .sbh-charm .sbcf-quirk-icon { width: 33px; height: 33px; }
  .sbh-decoder-card { padding: 21px 16px; }
  .sbh-choice-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sbh-choice-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sbh-story__grid { gap: 38px; }
  .sbh-story__portrait { min-height: 360px; }
  .sbh-story__portrait img { width: 200px; }
  .sbh-tip-card { grid-template-columns: 1fr; padding: 16px 16px 23px; }
  .sbh-tip-card figure { grid-row: auto; min-height: 235px; margin-bottom: 22px; }
  .sbh-tip-card h3,
  .sbh-tip-card > p { text-align: center; }
  .sbh-reason-grid { grid-template-columns: 1fr; }
  .sbh-reason-grid summary { min-height: 82px; grid-template-columns: 44px minmax(0,1fr) 20px; gap: 10px; padding: 13px 14px; }
  .sbh-reason-grid summary > span { width: 44px; height: 44px; }
  .sbh-reason-grid summary strong { font-size: 17px; }
  .sbh-reason-grid details > div { padding: 0 16px 16px 68px; }
  .sbh-age-grid { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; }
  .sbh-video-poster { min-height: 330px; grid-template-columns: 82px minmax(0,1fr); padding: 24px 18px; }
  .sbh-video-poster__art { width: 82px; height: 82px; border-radius: 25px; }
  .sbh-video-poster__art .sbcf-quirk-icon { width: 65px; height: 65px; }
  .sbh-video-poster__play { grid-column: 1/-1; width: 54px; height: 54px; margin: 0 auto; }
  .sbh-reset__card { gap: 32px; }
  .sbh-reset__steps li { grid-template-columns: 55px minmax(0,1fr); }
  .sbh-reset__steps li > span { width: 55px; }
  .sbh-workshop__hero { gap: 37px; }
  .sbh-workshop__copy { text-align: center; }
  .sbh-check-list { text-align: left; }
  .sbh-pricing-story { grid-template-columns: 1fr; padding: 25px 18px; text-align: center; }
  .sbh-pricing-story__art { width: 108px; height: 108px; margin-inline: auto; border-radius: 31px; }
  .sbh-pricing-story__art .sbcf-quirk-icon { width: 88px; height: 88px; }
  .sbh-pricing-proof { grid-template-columns: 1fr; }
  .sbh-pricing-proof span { text-align: left; }
  .sbh-pricing-actions { display: grid; }
  .sbh-pricing-actions .sbh-button { width: 100%; }
  .sbh-discover-grid,
  .sbh-story-notes,
  .sbh-library-grid { grid-template-columns: 1fr; }
  .sbh-bonus-grid article { grid-template-columns: 42% 58%; grid-template-rows: auto; min-height: 270px; }
  .sbh-bonus-grid figure { min-height: 270px; padding: 18px 5px 0; }
  .sbh-bonus-grid article > div:last-child { align-self: center; padding: 20px 17px; }
  .sbh-featured-stories figure { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 0 15px; }
  .sbh-featured-stories img { width: 76px; height: 76px; grid-row: 1/3; }
  .sbh-featured-stories blockquote { margin-bottom: 12px; font-size: 16px; }
  .sbh-featured-stories figcaption { grid-column: 2; }
  .sbh-guarantee__card { grid-template-columns: 1fr; padding: 26px 19px; text-align: center; }
  .sbh-guarantee__seal { width: 130px; height: 130px; margin-inline: auto; }
  .sbh-guarantee__proof { justify-content: center; }
  .sbh-sources__identity { grid-template-columns: 1fr; text-align: center; }
  .sbh-sources__avatar { margin-inline: auto; }
  .sbh-sources__meta { grid-template-columns: 1fr; }
  .sbh-final__card { grid-template-columns: 1fr; padding: 25px 18px; text-align: center; }
  .sbh-final__art { max-width: 310px; width: 100%; margin-inline: auto; }
  .sbh-final__actions { justify-content: center; }
  .sbh-final__actions .sbh-button { width: 100%; }
  .sbh-footer__grid { grid-template-columns: 1fr; text-align: center; }
  .sbh-footer__brand img { margin-inline: auto; }
  .sbh-footer__brand p { margin-inline: auto; }
  .sbh-footer nav { max-width: 420px; margin-inline: auto; }
}

@media (max-width: 430px) {
  .sbh-night-nav__brand img { width: 140px; }
  .sbh-night-nav__cta { padding: 7px 9px; font-size: 8px; }
  .sbh-hero h1 { font-size: clamp(40px,12vw,50px); }
  .sbh-framed-media { padding: 9px; border-radius: 25px; }
  .sbh-framed-media img { border-radius: 19px; }
  .sbh-framed-media__trinket { top: -18px; right: -7px; width: 58px; height: 58px; border-radius: 18px; }
  .sbh-framed-media__trinket .sbcf-quirk-icon { width: 44px; height: 44px; }
  .sbh-frosted-caption { width: calc(100% - 18px); margin-top: -36px; padding: 12px; font-size: 9px; }
  .sbh-charm-ribbon__line { justify-content: space-between; }
  .sbh-charm { width: 40px; height: 40px; }
  .sbh-charm .sbcf-quirk-icon { width: 29px; height: 29px; }
  .sbh-choice-grid label > span { min-height: 68px; font-size: 9px; }
  .sbh-decoder-result { grid-template-columns: 48px minmax(0,1fr); padding: 15px; }
  .sbh-decoder-result .sbh-icon-chip { width: 48px; height: 48px; }
  .sbh-story__portrait { min-height: 325px; }
  .sbh-story__copy blockquote { padding: 19px 20px; font-size: 18px; }
  .sbh-bonus-grid article { grid-template-columns: 39% 61%; }
  .sbh-bonus-grid h3 { font-size: 21px; }
  .sbh-bonus-grid p { font-size: 10px; }
  .sbh-featured-stories figure { grid-template-columns: 1fr; text-align: center; }
  .sbh-featured-stories img { grid-row: auto; margin-inline: auto; }
  .sbh-featured-stories figcaption { grid-column: 1; }
  .sbh-sources__card { padding: 23px 16px; }
  .sbh-sources__details ol { padding-left: 36px; padding-right: 17px; }
  .sbh-library-grid__image,
  .sbh-library-grid__image img,
  .sbh-library-grid__placeholder { min-height: 155px; height: 155px; }
}

@media (max-width: 350px) {
  .sbh-night-nav__brand img { width: 125px; }
  .sbh-night-nav__cta span { display: none; }
  .sbh-charm:nth-child(2),
  .sbh-charm:nth-child(5) { display: none; }
  .sbh-choice-grid { grid-template-columns: 1fr; }
  .sbh-choice-row { grid-template-columns: 1fr; }
  .sbh-button { padding-inline: 14px; font-size: 12px; }
  .sbh-bonus-grid article { grid-template-columns: 1fr; }
  .sbh-bonus-grid figure { min-height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sbh-home-v400 *,
  .sbh-home-v400 *::before,
  .sbh-home-v400 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .sbh-icon-chip,
  .sbh-framed-media,
  .sbh-framed-media__trinket,
  .sbh-story__moon,
  .sbh-pricing-story__art { transform: none !important; }
}

@media print {
  .sbh-night-nav,
  .sbh-reading-progress,
  .sbh-video-poster__play { display: none !important; }
  .sbh-sources__details ol { max-height: none; overflow: visible; }
  .sbh-charm-ribbon { break-inside: avoid; }
}
/* High-specificity contrast locks inside the night workshop. */
.sbh-home-v400 .sbh-workshop .sbh-section-heading--light h2 { color: #fff; }
.sbh-home-v400 .sbh-workshop .sbh-section-heading--light > p:last-child { color: #d8cde1; }
@media (max-width: 700px) {
  .sbh-night-nav__links { width: 100%; max-width: 100%; min-width: 0; overscroll-behavior-inline: contain; }
}
@media (max-width: 430px) {
  .sbh-framed-media__trinket { right: 0; }
}
@media (max-width: 700px) {
  .sbh-night-nav { overflow-x: clip; }
}
@media (max-width: 1100px) {
  .sbh-framed-media__trinket { right: 0; }
}
@media (max-width: 350px) {
  .sbh-night-nav__links a:nth-child(5) { display: none; }
}

/* ========================================================================
   SleepBaby homepage v4.1.0 — conversion-polish and visual-recovery layer
   Homepage-only. Post funnel and purchase assets are intentionally untouched.
   ======================================================================== */

/* Contrast locks: protect dark storyworld sections from theme/plugin heading colors. */
body.sbh-home-v410 .sbh-reset__intro h2,
body.sbh-home-v410 .sbh-workshop__copy h2,
body.sbh-home-v410 .sbh-workshop .sbh-section-heading--light h2,
body.sbh-home-v410 .sbh-final__copy h2 {
  color: #fffdfb !important;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .18);
}
body.sbh-home-v410 .sbh-reset__intro > p:not(.sbh-eyebrow),
body.sbh-home-v410 .sbh-workshop__lead,
body.sbh-home-v410 .sbh-workshop .sbh-section-heading--light > p:last-child,
body.sbh-home-v410 .sbh-final__copy > p:not(.sbh-eyebrow) {
  color: #eee5f2 !important;
}
body.sbh-home-v410 .sbh-workshop .sbh-section-heading--light .sbh-eyebrow,
body.sbh-home-v410 .sbh-reset .sbh-eyebrow,
body.sbh-home-v410 .sbh-final .sbh-eyebrow {
  color: #ffd5ea !important;
}

/* Fresh exact-topic imagery for the three tiny experiments. */
body.sbh-home-v410 .sbh-tip-card {
  padding: 16px 16px 25px;
  border-color: rgba(63, 43, 81, .11);
}
body.sbh-home-v410 .sbh-tip-card--pink { background: linear-gradient(165deg, #fff 0%, #fff8fb 100%); }
body.sbh-home-v410 .sbh-tip-card--gold { background: linear-gradient(165deg, #fff 0%, #fffbef 100%); }
body.sbh-home-v410 .sbh-tip-card--mint { background: linear-gradient(165deg, #fff 0%, #f3fcfa 100%); }
body.sbh-home-v410 .sbh-tip-card figure {
  min-height: 0;
  aspect-ratio: 3 / 2;
  display: block;
  margin-bottom: 23px;
  border: 1px solid rgba(58, 40, 75, .08);
  background: #f8f2fa;
  overflow: hidden;
}
body.sbh-home-v410 .sbh-tip-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.015);
}
body.sbh-home-v410 .sbh-tip-card figure::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(28, 18, 39, .18), transparent 44%);
}
body.sbh-home-v410 .sbh-tip-card figure figcaption {
  z-index: 3;
  left: 11px;
  right: 11px;
  bottom: 11px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.86);
  color: #5f4c68;
  box-shadow: 0 9px 25px rgba(43, 28, 56, .12);
  text-align: left;
}
body.sbh-home-v410 .sbh-tip-card__trinket {
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 13px;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(70,49,87,.1);
  border-radius: 17px;
  background: rgba(255,255,255,.91);
  color: #8e63a3;
  box-shadow: 0 10px 26px rgba(53,34,69,.16);
  transform: rotate(6deg);
}
body.sbh-home-v410 .sbh-tip-card__trinket .sbcf-quirk-icon { width: 39px; height: 39px; }
body.sbh-home-v410 .sbh-tip-card__number { top: 25px; left: 26px; }

/* The six-piece method should scan as one coherent system, especially on touch screens. */
body.sbh-home-v410 .sbh-discover { margin-top: 82px; }
body.sbh-home-v410 .sbh-discover .sbh-section-heading { max-width: 820px; margin-inline: auto; }
body.sbh-home-v410 .sbh-discover-grid article {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,.17);
  background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.055));
}
body.sbh-home-v410 .sbh-discover-grid article::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -42px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: currentColor;
  opacity: .045;
}
body.sbh-home-v410 .sbh-discover-grid article:nth-child(1) { color: #ffb9d8; }
body.sbh-home-v410 .sbh-discover-grid article:nth-child(2) { color: #ffd979; }
body.sbh-home-v410 .sbh-discover-grid article:nth-child(3) { color: #87dfd2; }
body.sbh-home-v410 .sbh-discover-grid article:nth-child(4) { color: #c9acf0; }
body.sbh-home-v410 .sbh-discover-grid article:nth-child(5) { color: #9dcdf8; }
body.sbh-home-v410 .sbh-discover-grid article:nth-child(6) { color: #ffca9c; }
body.sbh-home-v410 .sbh-discover-grid .sbh-icon-chip { color: currentColor; }
body.sbh-home-v410 .sbh-discover-grid article > span { color: currentColor; }
body.sbh-home-v410 .sbh-discover-grid h3 { color: #fffdfb !important; }
body.sbh-home-v410 .sbh-discover-grid p { color: #ded3e4 !important; }

/* Premium, story-led bonus artwork rather than dated ebook-cover thumbnails. */
body.sbh-home-v410 .sbh-bonus-grid article {
  grid-template-rows: 250px auto;
  border-color: rgba(63,43,81,.1);
}
body.sbh-home-v410 .sbh-bonus-grid figure {
  position: relative;
  min-height: 250px;
  display: block;
  padding: 0;
  overflow: hidden;
}
body.sbh-home-v410 .sbh-bonus-grid figure img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  filter: none;
  transform: scale(1.012);
}
body.sbh-home-v410 .sbh-bonus-grid figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(25,16,35,.28), transparent 55%);
  pointer-events: none;
}
body.sbh-home-v410 .sbh-bonus-grid figure figcaption {
  position: absolute;
  z-index: 3;
  left: 13px;
  right: 13px;
  bottom: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 14px;
  background: rgba(255,255,255,.86);
  color: #5e4a66;
  box-shadow: 0 10px 24px rgba(42,27,55,.13);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.4;
  backdrop-filter: blur(10px);
}
body.sbh-home-v410 .sbh-bonus-grid__trinket {
  position: absolute;
  z-index: 4;
  top: 14px;
  right: 14px;
  width: 53px;
  height: 53px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(65,45,82,.1);
  border-radius: 18px;
  background: rgba(255,255,255,.9);
  color: #8e64a1;
  box-shadow: 0 11px 28px rgba(46,29,59,.16);
  transform: rotate(6deg);
}
body.sbh-home-v410 .sbh-bonus-grid__trinket .sbcf-quirk-icon { width: 40px; height: 40px; }
body.sbh-home-v410 .sbh-bonus-card--music { box-shadow: 0 18px 45px rgba(102,74,142,.12); }
body.sbh-home-v410 .sbh-bonus-card--dreams { box-shadow: 0 18px 45px rgba(70,157,148,.12); }
body.sbh-home-v410 .sbh-bonus-card--siblings { box-shadow: 0 18px 45px rgba(223,113,171,.12); }

/* Short parent notes now cascade through a deliberate SleepBaby color story. */
body.sbh-home-v410 .sbh-testimonials { padding-bottom: 72px; }
body.sbh-home-v410 .sbh-story-notes { gap: 12px; margin-top: 18px; }
body.sbh-home-v410 .sbh-story-notes article {
  border-left-width: 4px;
  box-shadow: 0 9px 25px rgba(53,34,69,.055);
}
body.sbh-home-v410 .sbh-story-notes article:nth-child(1) { background: #fff2f7; border-left-color: #e97ab4; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(2) { background: #f7f0ff; border-left-color: #a57bd0; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(3) { background: #eef7ff; border-left-color: #75afd8; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(4) { background: #eefaf7; border-left-color: #62beae; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(5) { background: #fff8ed; border-left-color: #e8b557; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(6) { background: #fff1ed; border-left-color: #e89272; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(1) > span { color: #c85991; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(2) > span { color: #8355ac; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(3) > span { color: #4c8dbd; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(4) > span { color: #35978b; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(5) > span { color: #b47a1f; }
body.sbh-home-v410 .sbh-story-notes article:nth-child(6) > span { color: #bd674d; }
body.sbh-home-v410 .sbh-guarantee { padding-top: 54px; }

/* Transparent editorial founder portrait instead of an unexplained initial. */
body.sbh-home-v410 .sbh-sources { padding: 80px 0 64px; }
body.sbh-home-v410 .sbh-sources__identity {
  grid-template-columns: 168px minmax(0,1fr);
  gap: 24px;
  align-items: center;
}
body.sbh-home-v410 .sbh-sources__portrait {
  position: relative;
  margin: 0;
  padding: 7px;
  border: 1px solid rgba(64,44,80,.11);
  border-radius: 32px;
  background: linear-gradient(145deg,#fff,#f6effa 54%,#eafaf7);
  box-shadow: 0 16px 42px rgba(55,35,71,.13);
  transform: rotate(-2deg);
  overflow: hidden;
}
body.sbh-home-v410 .sbh-sources__portrait img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: 48% center;
  border-radius: 25px;
}
body.sbh-home-v410 .sbh-sources__portrait figcaption {
  position: absolute;
  left: 15px;
  bottom: 14px;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  color: #72577d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
body.sbh-home-v410 .sbh-library { padding-top: 76px; }

/* One-time, tasteful button wake-up—not an endless pulsing sales page. */
body.sbh-home-v410 .sbh-button--primary,
body.sbh-home-v410 .sbh-button--gold {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
body.sbh-home-v410 .sbh-button--primary::after,
body.sbh-home-v410 .sbh-button--gold::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -45% auto -45% -35%;
  width: 32%;
  transform: skewX(-18deg) translateX(-280%);
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
}
body.sbh-home-v410 .sbh-button.is-sbh-awake {
  animation: sbh-v410-button-wake .78s ease-in-out 2;
}
body.sbh-home-v410 .sbh-button.is-sbh-awake::after {
  animation: sbh-v410-button-shine 1.45s ease-out 1;
}
body.sbh-home-v410 .sbh-button.is-sbh-awake > span:last-child {
  animation: sbh-v410-arrow-nudge .72s ease-in-out 2;
}
@keyframes sbh-v410-button-wake {
  0%,100% { transform: translateY(0); filter: brightness(1); }
  50% { transform: translateY(-2px); filter: brightness(1.06); }
}
@keyframes sbh-v410-button-shine { to { transform: skewX(-18deg) translateX(540%); } }
@keyframes sbh-v410-arrow-nudge { 0%,100% { transform: translateX(0); } 50% { transform: translateX(4px); } }

/* The track is reserved for the mobile route card. */
.sbh-night-nav__track { display: none; }

@media (max-width: 900px) {
  body.sbh-home-v410 .sbh-discover-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  body.sbh-home-v410 .sbh-discover-grid article {
    display: grid;
    grid-template-columns: 54px minmax(0,1fr);
    grid-template-rows: auto auto auto;
    column-gap: 14px;
    padding: 18px;
    text-align: left;
  }
  body.sbh-home-v410 .sbh-discover-grid .sbh-icon-chip {
    grid-row: 1 / 4;
    width: 54px;
    height: 54px;
    margin: 0;
    align-self: start;
  }
  body.sbh-home-v410 .sbh-discover-grid .sbh-icon-chip .sbcf-quirk-icon { width: 40px; height: 40px; }
  body.sbh-home-v410 .sbh-discover-grid article > span { align-self: end; }
  body.sbh-home-v410 .sbh-discover-grid h3 { margin: 4px 0 7px; }
  body.sbh-home-v410 .sbh-bonus-grid article { grid-template-columns: 44% 56%; grid-template-rows: auto; min-height: 290px; }
  body.sbh-home-v410 .sbh-bonus-grid figure { min-height: 290px; }
}

@media (max-width: 700px) {
  html { scroll-padding-top: 92px; }
  body.sbh-home-v410 .sbh-reading-progress { display: none; }
  body.sbh-home-v410 .sbh-night-nav {
    top: 0;
    padding: 8px 0 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
  }
  body.admin-bar.sbh-home-v410 .sbh-night-nav { top: 46px; }
  body.sbh-home-v410 .sbh-night-nav__inner {
    position: relative;
    width: calc(100% - 18px);
    min-height: 69px;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
    padding: 8px 9px 14px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 21px;
    background:
      radial-gradient(circle at 13% 15%,rgba(239,119,183,.24),transparent 30%),
      radial-gradient(circle at 86% 18%,rgba(86,207,191,.22),transparent 28%),
      linear-gradient(135deg,rgba(31,21,45,.98),rgba(75,49,96,.98) 58%,rgba(24,83,88,.98));
    box-shadow: 0 15px 38px rgba(35,22,48,.28);
    overflow: hidden;
  }
  body.sbh-home-v410 .sbh-night-nav__brand,
  body.sbh-home-v410 .sbh-night-nav__links { display: none !important; }
  body.sbh-home-v410 .sbh-night-nav__status {
    min-width: 0;
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr);
    column-gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
  }
  body.sbh-home-v410 .sbh-night-nav__status > span {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
    color: #ffe49a;
    font-size: 20px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
  }
  body.sbh-home-v410 .sbh-night-nav__status small { color: #efc1dc; font-size: 7px; }
  body.sbh-home-v410 .sbh-night-nav__status strong {
    max-width: 100%;
    margin-top: 4px;
    overflow: hidden;
    color: #fffdfb;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 13px;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.sbh-home-v410 .sbh-night-nav__cta {
    grid-column: 2;
    grid-row: 1;
    min-height: 43px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 14px;
    background: linear-gradient(135deg,#f184bd,#9f79df);
    box-shadow: 0 9px 22px rgba(10,7,17,.23);
    font-size: 9px;
  }
  body.sbh-home-v410 .sbh-night-nav__track {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 6px;
    height: 4px;
    display: block;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    overflow: hidden;
  }
  body.sbh-home-v410 .sbh-night-nav__track > span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#f27dbb,#f3ca68,#66d2c1);
    box-shadow: 0 0 14px rgba(242,125,187,.42);
    transition: width .18s linear;
  }
  body.sbh-home-v410 .sbh-tip-card figure { aspect-ratio: 16 / 10; }
  body.sbh-home-v410 .sbh-tip-card h3,
  body.sbh-home-v410 .sbh-tip-card > p { text-align: left; }
  body.sbh-home-v410 .sbh-discover { margin-top: 72px; }
  body.sbh-home-v410 .sbh-discover-grid { grid-template-columns: 1fr; max-width: 610px; margin-inline: auto; }
  body.sbh-home-v410 .sbh-discover-grid article { min-height: 128px; }
  body.sbh-home-v410 .sbh-bonus-grid article { grid-template-columns: 1fr; min-height: 0; }
  body.sbh-home-v410 .sbh-bonus-grid figure { min-height: 240px; aspect-ratio: 16 / 10; }
  body.sbh-home-v410 .sbh-bonus-grid article > div:last-child { padding: 21px 19px 24px; }
  body.sbh-home-v410 .sbh-featured-stories { gap: 14px; }
  body.sbh-home-v410 .sbh-story-notes { grid-template-columns: 1fr; }
  body.sbh-home-v410 .sbh-story-notes article { width: calc(100% - var(--sbh-cascade, 0px)); margin-left: var(--sbh-cascade, 0px); }
  body.sbh-home-v410 .sbh-story-notes article:nth-child(1) { --sbh-cascade: 0px; }
  body.sbh-home-v410 .sbh-story-notes article:nth-child(2) { --sbh-cascade: 6px; }
  body.sbh-home-v410 .sbh-story-notes article:nth-child(3) { --sbh-cascade: 12px; }
  body.sbh-home-v410 .sbh-story-notes article:nth-child(4) { --sbh-cascade: 18px; }
  body.sbh-home-v410 .sbh-story-notes article:nth-child(5) { --sbh-cascade: 12px; }
  body.sbh-home-v410 .sbh-story-notes article:nth-child(6) { --sbh-cascade: 6px; }
  body.sbh-home-v410 .sbh-testimonials { padding-bottom: 58px; }
  body.sbh-home-v410 .sbh-guarantee { padding-top: 32px; }
  body.sbh-home-v410 .sbh-sources { padding: 66px 0 46px; }
  body.sbh-home-v410 .sbh-sources__identity { grid-template-columns: 1fr; gap: 19px; text-align: center; }
  body.sbh-home-v410 .sbh-sources__portrait { width: min(270px, 84%); margin-inline: auto; }
  body.sbh-home-v410 .sbh-sources__identity > div:last-child p { max-width: 620px; margin-inline: auto; }
  body.sbh-home-v410 .sbh-library { padding-top: 56px; }
}

@media (max-width: 430px) {
  body.sbh-home-v410 .sbh-night-nav__inner { width: calc(100% - 14px); border-radius: 19px; }
  body.sbh-home-v410 .sbh-night-nav__cta-label { display: none; }
  body.sbh-home-v410 .sbh-night-nav__cta::before { content: "Plan"; }
  body.sbh-home-v410 .sbh-night-nav__cta { min-width: 58px; font-size: 10px; }
  body.sbh-home-v410 .sbh-night-nav__status strong { font-size: 12px; }
  body.sbh-home-v410 .sbh-tip-card figure figcaption,
  body.sbh-home-v410 .sbh-bonus-grid figure figcaption { font-size: 8.5px; }
  body.sbh-home-v410 .sbh-bonus-grid figure { min-height: 218px; }
  body.sbh-home-v410 .sbh-discover-grid article { grid-template-columns: 50px minmax(0,1fr); column-gap: 12px; padding: 16px; }
  body.sbh-home-v410 .sbh-discover-grid .sbh-icon-chip { width: 50px; height: 50px; }
  body.sbh-home-v410 .sbh-discover-grid .sbh-icon-chip .sbcf-quirk-icon { width: 37px; height: 37px; }
  body.sbh-home-v410 .sbh-discover-grid h3 { font-size: 20px; }
  body.sbh-home-v410 .sbh-sources__portrait { width: min(245px, 86%); }
}

@media (prefers-reduced-motion: reduce) {
  body.sbh-home-v410 .sbh-button.is-sbh-awake,
  body.sbh-home-v410 .sbh-button.is-sbh-awake::after,
  body.sbh-home-v410 .sbh-button.is-sbh-awake > span:last-child { animation: none !important; }
  body.sbh-home-v410 .sbh-night-nav__track > span { transition: none; }
}

/* Narrow-phone containment: aspect ratio, not a fixed minimum height, owns bonus art. */
@media (max-width: 700px) {
  body.sbh-home-v410 .sbh-bonus-grid,
  body.sbh-home-v410 .sbh-bonus-grid article,
  body.sbh-home-v410 .sbh-bonus-grid figure,
  body.sbh-home-v410 .sbh-bonus-grid figure img,
  body.sbh-home-v410 .sbh-bonus-grid article > div:last-child {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
  body.sbh-home-v410 .sbh-bonus-grid figure {
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 10;
  }
}
@media (max-width: 430px) {
  body.sbh-home-v410 .sbh-bonus-grid figure { min-height: 0; }
}

/* Search/library fallback must remain narrow-phone safe when no related-post cards exist. */
@media (max-width: 700px) {
  body.sbh-home-v410 .sbh-library-fallback {
    grid-template-columns: 1fr;
    min-width: 0;
  }
  body.sbh-home-v410 .sbh-library-fallback a {
    width: 100%;
    min-width: 0;
    grid-template-columns: 58px minmax(0,1fr);
    padding: 18px;
  }
  body.sbh-home-v410 .sbh-library-fallback a > span,
  body.sbh-home-v410 .sbh-library-fallback strong,
  body.sbh-home-v410 .sbh-library-fallback small {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  body.sbh-home-v410 .sbh-library-fallback .sbcf-quirk-icon { width: 52px; height: 52px; }
}

/* ========================================================================== 
   SleepBaby Classic Funnel v4.2.0 — query-shaped trust homepage
   Homepage-only overrides. The post funnel and /purchase/ remain isolated.
   ========================================================================== */

body.sbh-home-v420 {
  --sbh-query-navy: #30213f;
  --sbh-query-night: #21162f;
  --sbh-query-white: #fffdfb;
  --sbh-query-lavender: #f4edff;
  --sbh-query-pink: #f17eb8;
  --sbh-query-mint: #5ed2bd;
  --sbh-query-gold: #f5cb6e;
}

body.sbh-home-v420 .sbh-hero {
  overflow: visible;
  padding-bottom: 62px;
}
body.sbh-home-v420 .sbh-hero__grid { align-items: center; }
body.sbh-home-v420 .sbh-hero__copy { min-width: 0; }
body.sbh-home-v420 .sbh-hero h1 { margin-bottom: 18px; }
body.sbh-home-v420 .sbh-hero__answer {
  max-width: 760px;
  margin: 0 0 18px;
  padding: 20px 22px;
  border: 1px solid rgba(126,91,158,.17);
  border-left: 5px solid var(--sbh-query-pink);
  border-radius: 0 20px 20px 0;
  background: rgba(255,255,255,.88);
  color: #493855;
  box-shadow: 0 18px 48px rgba(69,43,88,.08);
  font-size: clamp(16px,1.45vw,19px);
  font-weight: 730;
  line-height: 1.58;
}
body.sbh-home-v420 .sbh-hero__recognition {
  max-width: 720px;
  margin: 17px 0 24px;
  color: #66546f;
  font-size: 16px;
  line-height: 1.65;
}

body.sbh-home-v420 .sbh-trust-strip {
  max-width: 780px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 10px;
}
body.sbh-home-v420 .sbh-trust-strip > span {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid rgba(91,62,112,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  color: #66546f;
  box-shadow: 0 8px 24px rgba(54,34,70,.055);
  font-size: 11px;
  line-height: 1.2;
}
body.sbh-home-v420 .sbh-trust-strip .sbcf-quirk-icon { width: 22px; height: 22px; color: #8c67aa; }
body.sbh-home-v420 .sbh-trust-strip b { color: #392747; }
body.sbh-home-v420 .sbh-trust-strip a { color: #7d4680; font-weight: 900; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }

body.sbh-home-v420 .sbh-hero__visual { position: relative; min-width: 0; }
body.sbh-home-v420 .sbh-framed-media--hero { margin-bottom: 0; }
body.sbh-home-v420 .sbh-night-signal {
  position: relative;
  z-index: 5;
  width: min(430px,92%);
  min-height: 118px;
  display: grid;
  grid-template-columns: 88px minmax(0,1fr);
  align-items: center;
  gap: 16px;
  margin: -64px auto 0;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 25px;
  background:
    radial-gradient(circle at 82% 20%,rgba(93,215,196,.22),transparent 32%),
    linear-gradient(135deg,rgba(35,23,52,.96),rgba(74,49,95,.96));
  color: #fff;
  box-shadow: 0 24px 58px rgba(34,21,48,.28);
  backdrop-filter: blur(13px);
  overflow: hidden;
}
body.sbh-home-v420 .sbh-night-signal__clock {
  width: 82px;
  height: 82px;
  display: grid;
  place-content: center;
  border: 2px solid rgba(255,225,143,.62);
  border-radius: 50%;
  background: radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,.04));
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.035),0 0 28px rgba(241,203,108,.16);
  text-align: center;
}
body.sbh-home-v420 .sbh-night-signal__clock span { display: block; color: #ffe6a3; font-family: Georgia,"Times New Roman",serif; font-size: 25px; font-weight: 800; line-height: .9; }
body.sbh-home-v420 .sbh-night-signal__clock small { display: block; margin-top: 5px; color: #f3cee2; font-size: 8px; font-weight: 950; letter-spacing: .16em; }
body.sbh-home-v420 .sbh-night-signal p { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 0; }
body.sbh-home-v420 .sbh-night-signal p > strong { grid-column: 1 / -1; margin-bottom: 2px; color: #fff; font-family: Georgia,"Times New Roman",serif; font-size: 15px; line-height: 1.15; }
body.sbh-home-v420 .sbh-night-signal p > span { min-width: 0; display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: center; gap: 4px; padding: 6px 6px; border-radius: 999px; background: rgba(255,255,255,.1); color: #f9f3ff; font-size: 9px; font-weight: 850; white-space: nowrap; }
body.sbh-home-v420 .sbh-night-signal p b { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #ffe19a; color: #392847; font-size: 9px; }
body.sbh-home-v420 .sbh-night-signal__orbit { position: absolute; inset: 0; pointer-events: none; }
body.sbh-home-v420 .sbh-night-signal__orbit i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #ffe6a3; box-shadow: 0 0 12px rgba(255,230,163,.8); }
body.sbh-home-v420 .sbh-night-signal__orbit i:nth-child(1){top:12px;left:45%}.sbh-night-signal__orbit i:nth-child(2){top:25px;right:16px}.sbh-night-signal__orbit i:nth-child(3){bottom:14px;right:39%}.sbh-night-signal__orbit i:nth-child(4){bottom:16px;left:23px}.sbh-night-signal__orbit i:nth-child(5){top:13px;left:19px}

body.sbh-home-v420 .sbh-hero__route {
  position: relative;
  z-index: 8;
  margin-top: 36px;
  margin-bottom: 0;
  transform: none;
  overflow: visible;
}
body.sbh-home-v420 .sbh-hero__route a { min-height: 124px; align-content: center; }
body.sbh-home-v420 .sbh-start { padding-top: 88px; }

body.sbh-home-v420 .sbh-inline-cite,
body.sbh-home-v420 .sbh-evidence-link {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  color: #754f86;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}
body.sbh-home-v420 .sbh-evidence-link { margin: 14px 0 0; color: #714b80; }

body.sbh-home-v420 .sbh-safety-ladder {
  margin-top: 28px;
  padding: clamp(23px,3.6vw,38px);
  border: 1px solid rgba(94,61,114,.13);
  border-radius: 30px;
  background: linear-gradient(145deg,#fff,#fff8fc 48%,#f4fbfa);
  box-shadow: var(--sbh-shadow);
}
body.sbh-home-v420 .sbh-safety-ladder__intro { display: grid; grid-template-columns: 58px minmax(0,1fr); align-items: center; gap: 15px; margin-bottom: 22px; }
body.sbh-home-v420 .sbh-safety-ladder__intro h3 { margin: 2px 0 5px; font-family: Georgia,"Times New Roman",serif; font-size: clamp(26px,3vw,38px); line-height: 1.05; }
body.sbh-home-v420 .sbh-safety-ladder__intro p { margin-bottom: 0; }
body.sbh-home-v420 .sbh-safety-ladder__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
body.sbh-home-v420 .sbh-safety-ladder__grid article { position: relative; padding: 20px; border: 1px solid rgba(60,40,75,.1); border-top: 5px solid var(--safety-accent,#c3769e); border-radius: 20px; background: #fff; overflow: hidden; }
body.sbh-home-v420 .sbh-safety-ladder__grid article::after { content:""; position:absolute; width:100px; height:100px; right:-45px; top:-52px; border-radius:50%; background:var(--safety-soft,#fff1f6); }
body.sbh-home-v420 .sbh-safety-ladder__grid article.is-emergency { --safety-accent:#bb405f; --safety-soft:#ffe9ee; }
body.sbh-home-v420 .sbh-safety-ladder__grid article.is-prompt { --safety-accent:#d39035; --safety-soft:#fff4de; }
body.sbh-home-v420 .sbh-safety-ladder__grid article.is-routine { --safety-accent:#549e91; --safety-soft:#e9faf6; }
body.sbh-home-v420 .sbh-safety-ladder__grid article > span { position:relative; z-index:1; display:inline-flex; margin-bottom:10px; padding:5px 9px; border-radius:999px; background:var(--safety-soft); color:#49364f; font-size:8px; font-weight:950; letter-spacing:.09em; text-transform:uppercase; }
body.sbh-home-v420 .sbh-safety-ladder__grid h4 { position:relative; z-index:1; margin:0 0 8px; color:#34243e; font-family:Georgia,"Times New Roman",serif; font-size:20px; line-height:1.14; }
body.sbh-home-v420 .sbh-safety-ladder__grid p { position:relative; z-index:1; margin:0; color:#6f6276; font-size:12px; line-height:1.55; }
body.sbh-home-v420 .sbh-exhaustion-alert { display:grid; grid-template-columns:170px minmax(0,1fr); gap:16px; align-items:start; margin-top:16px; padding:17px 19px; border:1px solid rgba(181,88,115,.18); border-radius:18px; background:#fff0f4; }
body.sbh-home-v420 .sbh-exhaustion-alert strong { color:#713448; font-family:Georgia,"Times New Roman",serif; font-size:17px; line-height:1.15; }
body.sbh-home-v420 .sbh-exhaustion-alert p { margin:0; color:#684e58; font-size:12px; line-height:1.55; }

body.sbh-home-v420 .sbh-decoder-card__toddler { margin:10px 0 0; color:#786b81; font-size:11px; }
body.sbh-home-v420 .sbh-decoder-card__toddler a { color:#784c87; font-weight:900; }
body.sbh-home-v420 .sbh-decoder-result dl { display:grid; gap:9px; margin:13px 0 12px; }
body.sbh-home-v420 .sbh-decoder-result dl > div { padding:10px 12px; border-radius:13px; background:rgba(255,255,255,.78); }
body.sbh-home-v420 .sbh-decoder-result dt { margin-bottom:2px; color:#8b4c7c; font-size:8px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
body.sbh-home-v420 .sbh-decoder-result dd { margin:0; color:#62546a; font-size:11px; line-height:1.5; }

body.sbh-home-v420 .sbh-branch-hub { margin-top:clamp(60px,8vw,96px); }
body.sbh-home-v420 .sbh-branch-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; }
body.sbh-home-v420 .sbh-branch-grid article { position:relative; min-width:0; min-height:246px; display:flex; flex-direction:column; align-items:flex-start; padding:24px; border:1px solid rgba(82,54,100,.12); border-radius:24px; background:linear-gradient(145deg,#fff,#fff9fc); box-shadow:0 18px 52px rgba(51,31,67,.08); overflow:hidden; }
body.sbh-home-v420 .sbh-branch-grid article:nth-child(2n){background:linear-gradient(145deg,#fff,#f2fbfa)}
body.sbh-home-v420 .sbh-branch-grid article:nth-child(3n){background:linear-gradient(145deg,#fff,#f5effc)}
body.sbh-home-v420 .sbh-branch-grid article::after { content:""; position:absolute; width:130px; height:130px; right:-64px; bottom:-66px; border-radius:50%; background:rgba(238,119,180,.1); }
body.sbh-home-v420 .sbh-branch-grid .sbh-icon-chip { width:52px; height:52px; margin-bottom:12px; }
body.sbh-home-v420 .sbh-branch-grid > article > span { color:#a05a87; font-size:8px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
body.sbh-home-v420 .sbh-branch-grid h3 { margin:7px 0 9px; color:#34223f; font-family:Georgia,"Times New Roman",serif; font-size:24px; line-height:1.06; }
body.sbh-home-v420 .sbh-branch-grid p { margin:0 0 13px; color:#6c6073; font-size:12px; line-height:1.55; }
body.sbh-home-v420 .sbh-branch-grid a { position:relative; z-index:2; margin-top:auto; color:#71467e; font-size:11px; font-weight:950; text-decoration:none; }
body.sbh-home-v420 .sbh-branch-grid a:hover { text-decoration:underline; text-underline-offset:3px; }

body.sbh-home-v420 .sbh-reason-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
body.sbh-home-v420 .sbh-reason-card { min-width:0; padding:0; border:1px solid rgba(86,57,105,.13); border-radius:25px; background:#fff; box-shadow:0 18px 52px rgba(53,33,68,.08); overflow:hidden; }
body.sbh-home-v420 .sbh-reason-card header { display:grid; grid-template-columns:37px 54px minmax(0,1fr); gap:12px; align-items:center; padding:20px 21px 14px; background:linear-gradient(145deg,#fff,#fff8fc); }
body.sbh-home-v420 .sbh-reason-card:nth-child(3n+2) header { background:linear-gradient(145deg,#fff,#f3fbfa); }
body.sbh-home-v420 .sbh-reason-card:nth-child(3n) header { background:linear-gradient(145deg,#fff,#f5f0fb); }
body.sbh-home-v420 .sbh-reason-card header > span { color:#c36297; font-family:Georgia,"Times New Roman",serif; font-size:21px; font-weight:800; }
body.sbh-home-v420 .sbh-reason-card .sbh-icon-chip { width:52px; height:52px; }
body.sbh-home-v420 .sbh-reason-card header small { display:block; margin-bottom:5px; color:#9c5c85; font-size:7px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
body.sbh-home-v420 .sbh-reason-card h3 { margin:0; color:#34223f; font-family:Georgia,"Times New Roman",serif; font-size:clamp(20px,2vw,27px); line-height:1.05; }
body.sbh-home-v420 .sbh-reason-card > p { margin:0; padding:0 21px 18px; color:#66586e; font-size:12.5px; line-height:1.58; }
body.sbh-home-v420 .sbh-reason-card > p strong { color:#3c2947; }
body.sbh-home-v420 .sbh-reason-card details { border-top:1px solid rgba(82,54,100,.1); }
body.sbh-home-v420 .sbh-reason-card summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:14px 21px; color:#684474; cursor:pointer; font-size:11px; font-weight:950; list-style:none; }
body.sbh-home-v420 .sbh-reason-card summary::-webkit-details-marker { display:none; }
body.sbh-home-v420 .sbh-reason-card summary span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#f2e9f7; transition:transform .2s ease; }
body.sbh-home-v420 .sbh-reason-card details[open] summary span { transform:rotate(45deg); }
body.sbh-home-v420 .sbh-reason-card dl { display:grid; gap:10px; margin:0; padding:0 21px 20px; }
body.sbh-home-v420 .sbh-reason-card dl > div { padding:12px 13px; border-radius:14px; background:#faf7fc; }
body.sbh-home-v420 .sbh-reason-card dt { margin-bottom:3px; color:#94567f; font-size:8px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
body.sbh-home-v420 .sbh-reason-card dd { margin:0; color:#685c70; font-size:11.5px; line-height:1.55; }
body.sbh-home-v420 .sbh-reason-card .sbh-evidence-link { margin:0 21px 20px; }

body.sbh-home-v420 .sbh-age-grid--v420 { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.sbh-home-v420 .sbh-age-grid--v420 article { min-height:410px; }
body.sbh-home-v420 .sbh-age-grid--v420 article p { margin:0 0 10px; }
body.sbh-home-v420 .sbh-age-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:18px; }
body.sbh-home-v420 .sbh-age-notes aside { display:grid; grid-template-columns:58px minmax(0,1fr); gap:14px; align-items:start; padding:20px; border:1px solid rgba(84,55,104,.12); border-radius:21px; background:#fff; }
body.sbh-home-v420 .sbh-age-notes aside:nth-child(1){background:linear-gradient(145deg,#fff,#f0faf8)}
body.sbh-home-v420 .sbh-age-notes aside:nth-child(2){background:linear-gradient(145deg,#fff,#f6f0fb)}
body.sbh-home-v420 .sbh-age-notes h3 { margin:2px 0 7px; font-family:Georgia,"Times New Roman",serif; font-size:21px; line-height:1.08; }
body.sbh-home-v420 .sbh-age-notes p { margin:0; color:#6b5f72; font-size:12px; line-height:1.55; }

body.sbh-home-v420 .sbh-tracker { padding:clamp(78px,9vw,118px) 0; background:linear-gradient(180deg,#fff,#fff5fa 46%,#f4fbfa); }
body.sbh-home-v420 .sbh-tracker__head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; margin-bottom:25px; }
body.sbh-home-v420 .sbh-tracker__head h2 { margin:5px 0 9px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,5vw,60px); line-height:.98; letter-spacing:-.035em; }
body.sbh-home-v420 .sbh-tracker__head p { max-width:720px; margin:0; color:#6b5f72; }
body.sbh-home-v420 .sbh-tracker__moons { display:flex; align-items:center; }
body.sbh-home-v420 .sbh-tracker__moons span { width:58px; height:58px; display:grid; place-items:center; margin-left:-10px; border:7px solid #fff; border-radius:50%; background:linear-gradient(145deg,#ffe2f0,#e9ddfb); color:#684174; box-shadow:0 10px 25px rgba(59,37,76,.12); font-family:Georgia,"Times New Roman",serif; font-size:20px; font-weight:900; }
body.sbh-home-v420 .sbh-pattern-log { padding:clamp(18px,3vw,30px); border:1px solid rgba(85,57,104,.14); border-radius:29px; background:#fff; box-shadow:var(--sbh-shadow); }
body.sbh-home-v420 .sbh-pattern-log__scroller { overflow-x:auto; border:1px solid rgba(81,53,99,.11); border-radius:18px; }
body.sbh-home-v420 .sbh-pattern-log table { width:100%; min-width:960px; border-collapse:collapse; }
body.sbh-home-v420 .sbh-pattern-log th,
body.sbh-home-v420 .sbh-pattern-log td { padding:12px; border-right:1px solid #eee5f2; border-bottom:1px solid #eee5f2; text-align:left; vertical-align:top; }
body.sbh-home-v420 .sbh-pattern-log thead th { background:#372647; color:#fff; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
body.sbh-home-v420 .sbh-pattern-log tbody th { width:82px; background:#faf6fc; color:#6c4779; font-size:11px; }
body.sbh-home-v420 .sbh-pattern-log input { width:100%; min-width:125px; min-height:46px; border:1px solid #ded3e5; border-radius:10px; padding:8px 10px; color:#352440; background:#fff; outline:0; }
body.sbh-home-v420 .sbh-pattern-log input:focus { border-color:#9b6db1; box-shadow:0 0 0 4px rgba(155,109,177,.12); }
body.sbh-home-v420 .sbh-pattern-log__actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 13px; margin-top:17px; }
body.sbh-home-v420 .sbh-pattern-log__actions .sbh-button { min-height:48px; padding:10px 16px; font-size:11px; }
body.sbh-home-v420 .sbh-text-button { border:0; background:transparent; color:#775184; cursor:pointer; font-size:11px; font-weight:900; text-decoration:underline; text-underline-offset:3px; }
body.sbh-home-v420 [data-sbh-log-status] { margin-left:auto; color:#7b6e81; font-size:10px; }

body.sbh-home-v420 .sbh-review-card { display:grid; grid-template-columns:62px minmax(0,1fr); gap:15px; align-items:start; margin-top:20px; padding:20px; border:1px solid rgba(92,61,111,.13); border-radius:22px; background:linear-gradient(145deg,#fff,#f5f0fb); }
body.sbh-home-v420 .sbh-review-card h3 { margin:2px 0 7px; color:#33223e; font-family:Georgia,"Times New Roman",serif; font-size:24px; line-height:1.06; }
body.sbh-home-v420 .sbh-review-card p { margin:0; color:#695c70; font-size:12px; line-height:1.58; }

body.sbh-home-v420 .sbh-purchase-bridge { padding:clamp(76px,10vw,130px) 0; background:
  radial-gradient(circle at 10% 15%,rgba(240,126,183,.18),transparent 28%),
  radial-gradient(circle at 90% 80%,rgba(91,207,190,.14),transparent 28%),
  linear-gradient(145deg,#21162f,#4b315f 58%,#245e61); }
body.sbh-home-v420 .sbh-purchase-bridge__card { display:grid; grid-template-columns:minmax(310px,.84fr) minmax(0,1.16fr); gap:clamp(30px,5vw,68px); align-items:center; }
body.sbh-home-v420 .sbh-purchase-bridge figure { position:relative; margin:0; border:12px solid rgba(255,255,255,.86); border-radius:34px; background:#fff; box-shadow:0 34px 80px rgba(10,7,18,.28); overflow:hidden; transform:rotate(-1.3deg); }
body.sbh-home-v420 .sbh-purchase-bridge figure img { width:100%; aspect-ratio:3/2; object-fit:cover; }
body.sbh-home-v420 .sbh-purchase-bridge figure > span { position:absolute; top:13px; right:13px; width:60px; height:60px; display:grid; place-items:center; border-radius:19px; background:rgba(255,255,255,.92); color:#8b5c9d; box-shadow:0 12px 28px rgba(53,34,69,.14); }
body.sbh-home-v420 .sbh-purchase-bridge figure > span .sbcf-quirk-icon { width:44px; height:44px; }
body.sbh-home-v420 .sbh-purchase-bridge figcaption { padding:14px 16px 16px; color:#66546e; font-size:11px; font-weight:800; line-height:1.5; }
body.sbh-home-v420 .sbh-purchase-bridge h2 { margin:7px 0 17px; color:#fffdfb !important; font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,5vw,62px); line-height:.98; letter-spacing:-.04em; }
body.sbh-home-v420 .sbh-purchase-bridge p { max-width:760px; color:#eee3f5; font-size:15px; line-height:1.72; }
body.sbh-home-v420 .sbh-purchase-bridge .sbh-eyebrow { color:#ffcce5; }
body.sbh-home-v420 .sbh-purchase-bridge .sbh-button { margin-top:7px; }
body.sbh-home-v420 .sbh-purchase-bridge small { display:block; margin-top:12px; color:#cdbfd5; font-size:10px; }

/* Dark-on-dark hard locks, including older cached heading selectors. */
body.sbh-home-v420 .sbh-reset h2,
body.sbh-home-v420 .sbh-video h2,
body.sbh-home-v420 .sbh-purchase-bridge h2,
body.sbh-home-v420 .sbh-purchase-bridge h3,
body.sbh-home-v420 .sbh-night-signal strong { color:#fffdfb !important; }

@media (max-width: 1024px) {
  body.sbh-home-v420 .sbh-safety-ladder__grid { grid-template-columns:1fr; }
  body.sbh-home-v420 .sbh-exhaustion-alert { grid-template-columns:1fr; gap:7px; }
  body.sbh-home-v420 .sbh-branch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.sbh-home-v420 .sbh-age-grid--v420 { grid-template-columns:1fr; max-width:720px; margin-inline:auto; }
  body.sbh-home-v420 .sbh-age-grid--v420 article { min-height:0; }
  body.sbh-home-v420 .sbh-purchase-bridge__card { grid-template-columns:1fr; max-width:820px; }
  body.sbh-home-v420 .sbh-purchase-bridge figure { max-width:620px; margin-inline:auto; }
}

@media (max-width: 760px) {
  body.sbh-home-v420 .sbh-hero { padding-bottom:46px; }
  body.sbh-home-v420 .sbh-hero__answer { padding:16px 17px; border-left-width:4px; font-size:15px; }
  body.sbh-home-v420 .sbh-trust-strip { display:grid; grid-template-columns:1fr; }
  body.sbh-home-v420 .sbh-trust-strip > span { width:100%; border-radius:15px; }
  body.sbh-home-v420 .sbh-night-signal { width:calc(100% - 18px); grid-template-columns:72px minmax(0,1fr); gap:12px; margin-top:-44px; padding:13px; border-radius:21px; }
  body.sbh-home-v420 .sbh-night-signal__clock { width:68px; height:68px; }
  body.sbh-home-v420 .sbh-night-signal__clock span { font-size:21px; }
  body.sbh-home-v420 .sbh-night-signal p > strong { font-size:13px; }
  body.sbh-home-v420 .sbh-night-signal p > span { grid-template-columns:17px minmax(0,1fr); padding:5px 4px; font-size:8px; }
  body.sbh-home-v420 .sbh-night-signal p b { width:17px; height:17px; font-size:8px; }
  body.sbh-home-v420 .sbh-hero__route { grid-template-columns:1fr; margin-top:26px; }
  body.sbh-home-v420 .sbh-hero__route a { min-height:0; padding:17px 18px; }
  body.sbh-home-v420 .sbh-start { padding-top:62px; }
  body.sbh-home-v420 .sbh-safety-ladder__intro { grid-template-columns:50px minmax(0,1fr); }
  body.sbh-home-v420 .sbh-safety-ladder__grid h4 { font-size:18px; }
  body.sbh-home-v420 .sbh-branch-grid,
  body.sbh-home-v420 .sbh-reason-grid,
  body.sbh-home-v420 .sbh-age-notes { grid-template-columns:1fr; }
  body.sbh-home-v420 .sbh-branch-grid article { min-height:0; }
  body.sbh-home-v420 .sbh-reason-card header { grid-template-columns:31px 48px minmax(0,1fr); gap:10px; padding:17px 16px 12px; }
  body.sbh-home-v420 .sbh-reason-card header > span { font-size:18px; }
  body.sbh-home-v420 .sbh-reason-card .sbh-icon-chip { width:46px; height:46px; }
  body.sbh-home-v420 .sbh-reason-card h3 { font-size:21px; }
  body.sbh-home-v420 .sbh-reason-card > p { padding:0 16px 15px; }
  body.sbh-home-v420 .sbh-reason-card summary { padding:13px 16px; }
  body.sbh-home-v420 .sbh-reason-card dl { padding:0 16px 17px; }
  body.sbh-home-v420 .sbh-reason-card .sbh-evidence-link { margin:0 16px 17px; }
  body.sbh-home-v420 .sbh-tracker__head { grid-template-columns:1fr; gap:16px; }
  body.sbh-home-v420 .sbh-tracker__moons { justify-content:flex-start; padding-left:9px; }
  body.sbh-home-v420 .sbh-tracker__moons span { width:48px; height:48px; border-width:6px; }
  /* Turn the wide tracker table into three calm night cards on phones. */
  body.sbh-home-v420 .sbh-pattern-log__scroller { overflow:visible; border:0; border-radius:0; }
  body.sbh-home-v420 .sbh-pattern-log table,
  body.sbh-home-v420 .sbh-pattern-log tbody,
  body.sbh-home-v420 .sbh-pattern-log tr,
  body.sbh-home-v420 .sbh-pattern-log th,
  body.sbh-home-v420 .sbh-pattern-log td { display:block; width:100%; min-width:0; }
  body.sbh-home-v420 .sbh-pattern-log table { min-width:0; }
  body.sbh-home-v420 .sbh-pattern-log thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
  body.sbh-home-v420 .sbh-pattern-log tbody { display:grid; gap:15px; }
  body.sbh-home-v420 .sbh-pattern-log tbody tr { padding:14px; border:1px solid rgba(81,53,99,.12); border-radius:19px; background:linear-gradient(145deg,#fff,#fbf8fc); box-shadow:0 10px 24px rgba(58,36,74,.06); }
  body.sbh-home-v420 .sbh-pattern-log tbody th { width:max-content; margin:0 0 9px; padding:7px 11px; border:0; border-radius:999px; background:#efe4f7; color:#684174; font-size:11px; }
  body.sbh-home-v420 .sbh-pattern-log td { padding:7px 0; border:0; }
  body.sbh-home-v420 .sbh-pattern-log td::before { content:attr(data-label); display:block; margin:0 0 6px; color:#6c5b74; font-size:9px; font-weight:900; letter-spacing:.055em; line-height:1.25; text-transform:uppercase; }
  body.sbh-home-v420 .sbh-pattern-log input { min-width:0; min-height:48px; }
  body.sbh-home-v420 .sbh-pattern-log__actions { align-items:stretch; }
  body.sbh-home-v420 .sbh-pattern-log__actions .sbh-button { width:100%; }
  body.sbh-home-v420 .sbh-text-button { width:100%; min-height:42px; }
  body.sbh-home-v420 [data-sbh-log-status] { width:100%; margin-left:0; text-align:center; }
  body.sbh-home-v420 .sbh-review-card { grid-template-columns:50px minmax(0,1fr); }
  body.sbh-home-v420 .sbh-purchase-bridge { padding:76px 0; }
  body.sbh-home-v420 .sbh-purchase-bridge__card { gap:26px; }
  body.sbh-home-v420 .sbh-purchase-bridge figure { border-width:8px; border-radius:25px; transform:none; }
  body.sbh-home-v420 .sbh-purchase-bridge h2 { font-size:clamp(36px,10vw,48px); }
  body.sbh-home-v420 .sbh-purchase-bridge p { font-size:14px; }
  body.sbh-home-v420 .sbh-purchase-bridge .sbh-button { width:100%; }

  /* The mobile navigator must be readable and useful, not decorative microtype. */
  body.sbh-home-v420 .sbh-night-nav__status small { font-size:9px !important; letter-spacing:.09em; }
  body.sbh-home-v420 .sbh-night-nav__status strong { font-size:14px !important; line-height:1.08; }
  body.sbh-home-v420 .sbh-night-nav__cta { min-width:72px; font-size:11px !important; }
}

@media (max-width: 430px) {
  body.sbh-home-v420 .sbh-night-signal { grid-template-columns:62px minmax(0,1fr); }
  body.sbh-home-v420 .sbh-night-signal__clock { width:60px; height:60px; }
  body.sbh-home-v420 .sbh-night-signal p { grid-template-columns:1fr; gap:4px; }
  body.sbh-home-v420 .sbh-night-signal p > strong { grid-column:1; }
  body.sbh-home-v420 .sbh-night-signal p > span { max-width:130px; }
  body.sbh-home-v420 .sbh-night-nav__status { grid-template-columns:38px minmax(0,1fr) !important; column-gap:8px !important; }
  body.sbh-home-v420 .sbh-night-nav__status > span { width:38px !important; height:38px !important; }
  body.sbh-home-v420 .sbh-night-nav__status strong { font-size:13px !important; }
  body.sbh-home-v420 .sbh-night-nav__cta { min-width:58px; padding-inline:8px; }
  body.sbh-home-v420 .sbh-review-card { grid-template-columns:1fr; }
  body.sbh-home-v420 .sbh-review-card .sbh-icon-chip { width:52px; height:52px; }
}

@media (prefers-reduced-motion: reduce) {
  body.sbh-home-v420 .sbh-night-signal__orbit i { animation:none !important; }
}

/* ========================================================================== */
/* SleepBaby Classic Funnel v4.3.0 — responsive homepage truth + visual audit */
/* Homepage-only overrides. Post funnel, purchase, checkout and PDF untouched. */
/* ========================================================================== */

body.sbh-home-v430 {
  --sbh-shell: min(1180px, calc(100vw - 48px));
  overflow-x: clip;
}
body.sbh-home-v430 .sbh-shell {
  width: var(--sbh-shell) !important;
  max-width: none !important;
  min-width: 0;
  margin-inline: auto;
}
body.sbh-home-v430 main,
body.sbh-home-v430 section,
body.sbh-home-v430 .sbh-shell,
body.sbh-home-v430 .sbh-hero__grid,
body.sbh-home-v430 .sbh-decoder__grid,
body.sbh-home-v430 .sbh-purchase-bridge__card { min-width: 0; }
body.sbh-home-v430 .sbh-start,
body.sbh-home-v430 .sbh-decoder,
body.sbh-home-v430 .sbh-reasons,
body.sbh-home-v430 .sbh-age,
body.sbh-home-v430 .sbh-tracker,
body.sbh-home-v430 .sbh-reset,
body.sbh-home-v430 .sbh-video,
body.sbh-home-v430 .sbh-faq,
body.sbh-home-v430 .sbh-sources,
body.sbh-home-v430 .sbh-purchase-bridge { overflow: clip; }
body.sbh-home-v430 [id] { scroll-margin-top: 118px; }

/* Keep the accessibility skip link out of layout calculations without creating
   a 10,000px-wide document in some mobile browsers. */
body.sbh-home-v430 .sbcf-skip {
  left: 14px !important;
  top: 14px !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-220%);
}
body.sbh-home-v430 .sbcf-skip:focus {
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* ---------- Sticky route navigator ---------- */
body.sbh-home-v430 .sbh-night-nav { width: 100%; }
body.sbh-home-v430 .sbh-night-nav__inner { width: var(--sbh-shell) !important; }
body.sbh-home-v430 .sbh-night-nav__links { min-width: 0; }
body.sbh-home-v430 .sbh-night-nav__links a { font-size: 11px; }
body.sbh-home-v430 .sbh-night-nav__status strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- Hero: true desktop width ---------- */
body.sbh-home-v430 .sbh-hero {
  padding-top: clamp(48px, 6vw, 78px);
  overflow: clip;
}
body.sbh-home-v430 .sbh-hero__grid {
  width: var(--sbh-shell) !important;
  min-height: 650px;
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, .94fr);
  gap: clamp(38px, 5.5vw, 78px);
  padding-bottom: clamp(54px, 6vw, 76px);
}
body.sbh-home-v430 .sbh-hero__copy { min-width: 0; }
body.sbh-home-v430 .sbh-hero h1 {
  max-width: 780px;
  font-size: clamp(48px, 5.55vw, 76px);
  line-height: .97;
}
body.sbh-home-v430 .sbh-direct-answer--definitive {
  max-width: 760px;
  margin: 0 0 18px;
  padding: 18px 20px;
  border-left-width: 5px;
  background: rgba(255,255,255,.86);
}
body.sbh-home-v430 .sbh-direct-answer--definitive p { font-size: 15px; line-height: 1.62; }
body.sbh-home-v430 .sbh-hero__visual {
  position: relative;
  min-width: 0;
  isolation: isolate;
}
body.sbh-home-v430 .sbh-hero__visual::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -28px -24px -20px;
  border-radius: 46% 54% 58% 42% / 52% 45% 55% 48%;
  background:
    radial-gradient(circle at 20% 24%, rgba(255,218,120,.48) 0 4px, transparent 5px),
    radial-gradient(circle at 82% 13%, rgba(237,117,180,.47) 0 5px, transparent 6px),
    radial-gradient(circle at 94% 56%, rgba(85,205,189,.46) 0 4px, transparent 5px),
    linear-gradient(145deg, rgba(255,224,240,.72), rgba(237,229,252,.72) 53%, rgba(218,248,243,.7));
  box-shadow: 0 30px 85px rgba(65,39,84,.14);
  transform: rotate(-2deg);
}
body.sbh-home-v430 .sbh-hero__visual::after {
  content: "NIGHT ALERT  ✦  AWAKE AGAIN";
  position: absolute;
  z-index: 8;
  top: -17px;
  right: 15px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 999px;
  background: linear-gradient(135deg,#3d2854,#7c4d86);
  color: #fff7fb;
  box-shadow: 0 12px 30px rgba(53,29,70,.24);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .13em;
}
body.sbh-home-v430 .sbh-framed-media--hero { transform: rotate(.7deg); }
body.sbh-home-v430 .sbh-night-signal { z-index: 10; }

/* Immediate attention graphic for tablet and phone. Hidden on wide desktop,
   where the larger right-side story visual performs the same job. */
body.sbh-home-v430 .sbh-hero-alert-card { display: none; }
body.sbh-home-v430 .sbh-hero-alert-card__scene {
  position: relative;
  min-height: 220px;
  border-radius: 24px;
  overflow: hidden;
  background: #281936;
  box-shadow: 0 22px 58px rgba(49,28,65,.24);
}
body.sbh-home-v430 .sbh-hero-alert-card__scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(23,10,39,.03),rgba(23,10,39,.45));
  pointer-events: none;
}
body.sbh-home-v430 .sbh-hero-alert-card__scene img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}
body.sbh-home-v430 .sbh-hero-alert-card__clock {
  position: absolute;
  z-index: 4;
  left: 14px;
  top: 14px;
  width: 76px;
  height: 76px;
  display: grid;
  place-content: center;
  border: 2px solid rgba(255,255,255,.72);
  border-radius: 50%;
  background: rgba(35,20,52,.88);
  color: #fff;
  box-shadow: 0 12px 28px rgba(17,8,26,.32);
  text-align: center;
  backdrop-filter: blur(8px);
}
body.sbh-home-v430 .sbh-hero-alert-card__clock b,
body.sbh-home-v430 .sbh-hero-alert-card__clock small { display: block; }
body.sbh-home-v430 .sbh-hero-alert-card__clock b { font-family: Georgia,"Times New Roman",serif; font-size: 22px; line-height: .95; }
body.sbh-home-v430 .sbh-hero-alert-card__clock small { margin-top: 3px; color: #ffd9ea; font-size: 7px; font-weight: 950; letter-spacing: .18em; }
body.sbh-home-v430 .sbh-hero-alert-card__again {
  position: absolute;
  z-index: 4;
  left: 14px;
  bottom: 14px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #f17ab8;
  color: #fff;
  box-shadow: 0 10px 23px rgba(121,40,90,.3);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .12em;
}
body.sbh-home-v430 .sbh-hero-alert-card__moon {
  position: absolute;
  z-index: 4;
  right: 15px;
  top: 9px;
  color: #ffe7a4;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.25));
  font-family: Georgia,"Times New Roman",serif;
  font-size: 48px;
  line-height: 1;
}
body.sbh-home-v430 .sbh-hero-alert-card__spark { position: absolute; z-index: 5; color: #fff4b9; text-shadow: 0 0 14px rgba(255,232,151,.75); }
body.sbh-home-v430 .sbh-hero-alert-card__spark--one { right: 63px; top: 24px; font-size: 17px; }
body.sbh-home-v430 .sbh-hero-alert-card__spark--two { right: 20px; top: 68px; font-size: 13px; }
body.sbh-home-v430 .sbh-hero-alert-card__spark--three { right: 83px; top: 82px; font-size: 10px; }
body.sbh-home-v430 .sbh-hero-alert-card figcaption {
  display: grid;
  grid-template-columns: minmax(0,1.4fr) repeat(3,minmax(0,.55fr));
  gap: 7px;
  align-items: center;
  margin-top: 9px;
  padding: 10px 11px;
  border: 1px solid rgba(68,44,86,.1);
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  color: #5f4c69;
  box-shadow: 0 11px 30px rgba(54,34,69,.08);
}
body.sbh-home-v430 .sbh-hero-alert-card figcaption strong { color: #362341; font-family: Georgia,"Times New Roman",serif; font-size: 14px; line-height: 1.1; }
body.sbh-home-v430 .sbh-hero-alert-card figcaption span { display:flex; align-items:center; gap:5px; font-size: 8px; font-weight: 900; white-space: nowrap; }
body.sbh-home-v430 .sbh-hero-alert-card figcaption b { width:18px; height:18px; display:grid; place-items:center; border-radius:6px; background:#f2e9f8; color:#724b8d; font-size:8px; }

/* ---------- Full, uncropped 2 a.m. route board ---------- */
body.sbh-home-v430 .sbh-route-board-section {
  position: relative;
  z-index: 4;
  padding: 30px 0 34px;
  overflow: visible !important;
  background:
    radial-gradient(circle at 10% 25%,rgba(242,122,185,.18),transparent 27%),
    radial-gradient(circle at 90% 75%,rgba(79,202,186,.15),transparent 27%),
    linear-gradient(135deg,#21152f,#4b315f 55%,#255d61);
}
body.sbh-home-v430 .sbh-route-board {
  display: grid;
  grid-template-columns: minmax(285px,.78fr) minmax(0,1.22fr);
  gap: 24px;
  align-items: stretch;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
body.sbh-home-v430 .sbh-route-board__intro {
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0,1fr);
  gap: 17px;
  align-items: center;
  padding: 25px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 27px;
  background: rgba(255,255,255,.085);
  color: #fff;
  box-shadow: 0 20px 58px rgba(8,5,20,.19);
  backdrop-filter: blur(12px);
}
body.sbh-home-v430 .sbh-route-board__compass {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 23px;
  background: linear-gradient(145deg,#ffe7f2,#fff7dd);
  color: #7b4f91;
  box-shadow: 0 14px 30px rgba(10,6,24,.2);
  transform: rotate(-4deg);
}
body.sbh-home-v430 .sbh-route-board__compass .sbcf-quirk-icon { width: 57px; height: 57px; }
body.sbh-home-v430 .sbh-route-board__intro .sbh-eyebrow { margin-bottom: 5px; color: #ffcde5; }
body.sbh-home-v430 .sbh-route-board__intro h2 {
  margin: 0 0 7px;
  color: #fffdfb !important;
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(26px,2.7vw,39px);
  line-height: 1.02;
  letter-spacing: -.035em;
}
body.sbh-home-v430 .sbh-route-board__intro p:last-child { margin:0; color:#dfd3e5; font-size:11px; line-height:1.5; }
body.sbh-home-v430 .sbh-route-board__steps {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.sbh-home-v430 .sbh-route-board__steps a {
  position: relative;
  min-width: 0;
  min-height: 174px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  align-content: start;
  padding: 19px 17px 16px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 23px;
  background: rgba(255,255,255,.95);
  color: #382743;
  box-shadow: 0 18px 44px rgba(9,5,20,.18);
  text-decoration: none;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
body.sbh-home-v430 .sbh-route-board__steps a::after {
  content:"";
  position:absolute;
  width:105px;
  height:105px;
  right:-56px;
  bottom:-58px;
  border-radius:50%;
  background:rgba(239,117,181,.12);
}
body.sbh-home-v430 .sbh-route-board__steps a:nth-child(2)::after { background:rgba(133,103,181,.13); }
body.sbh-home-v430 .sbh-route-board__steps a:nth-child(3)::after { background:rgba(83,200,186,.14); }
body.sbh-home-v430 .sbh-route-board__steps a:hover { transform:translateY(-3px); box-shadow:0 23px 52px rgba(8,5,20,.24); }
body.sbh-home-v430 .sbh-route-board__steps span { color:#bc5b91; font-family:Georgia,"Times New Roman",serif; font-size:25px; font-weight:800; }
body.sbh-home-v430 .sbh-route-board__steps strong { margin:8px 0 6px; color:#35243f; font-family:Georgia,"Times New Roman",serif; font-size:19px; line-height:1.06; }
body.sbh-home-v430 .sbh-route-board__steps small { color:#76687d; font-size:10px; line-height:1.45; }
body.sbh-home-v430 .sbh-route-board__steps i { position:relative; z-index:2; justify-self:end; color:#8b5e98; font-size:18px; font-style:normal; }

/* ---------- Visual rhythm and exact-query branches ---------- */
body.sbh-home-v430 .sbh-start { padding-top: clamp(78px,8vw,110px); }
body.sbh-home-v430 .sbh-decoder { position:relative; }
body.sbh-home-v430 .sbh-decoder::before,
body.sbh-home-v430 .sbh-reasons::after,
body.sbh-home-v430 .sbh-tracker::before {
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border-radius:50%;
  pointer-events:none;
  opacity:.48;
}
body.sbh-home-v430 .sbh-decoder::before { left:-155px; top:12%; background:radial-gradient(circle,#eddcf8,transparent 68%); }
body.sbh-home-v430 .sbh-reasons::after { right:-155px; top:25%; background:radial-gradient(circle,#dff7f2,transparent 68%); }
body.sbh-home-v430 .sbh-tracker::before { left:-150px; top:18%; background:radial-gradient(circle,#ffe0ef,transparent 68%); }
body.sbh-home-v430 .sbh-branch-hub { margin-top: clamp(64px,7vw,92px); }
body.sbh-home-v430 .sbh-branch-grid { gap: 15px; }
body.sbh-home-v430 .sbh-branch-grid article {
  min-height: 278px;
  padding: 25px 23px 22px;
  border-top: 5px solid #ed78b5;
}
body.sbh-home-v430 .sbh-branch-grid article:nth-child(2) { border-top-color:#a377c3; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(3) { border-top-color:#e6b756; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(4) { border-top-color:#60c8b8; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(5) { border-top-color:#6ea9d5; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(6) { border-top-color:#d66573; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(1) .sbh-icon-chip { background:#fff0f7; color:#b64f88; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(2) .sbh-icon-chip { background:#f3ecfb; color:#7a58a1; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(3) .sbh-icon-chip { background:#fff8df; color:#a97616; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(4) .sbh-icon-chip { background:#eafaf7; color:#2f8f83; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(5) .sbh-icon-chip { background:#edf7fe; color:#3f7eac; }
body.sbh-home-v430 .sbh-branch-grid article:nth-child(6) .sbh-icon-chip { background:#fff0f1; color:#b33e50; }
body.sbh-home-v430 .sbh-branch-grid > article > span { font-size: 9px; }
body.sbh-home-v430 .sbh-branch-grid h3 { font-size: clamp(22px,2.05vw,27px); }
body.sbh-home-v430 .sbh-branch-grid p { font-size: 12.5px; }
body.sbh-home-v430 .sbh-branch-grid a {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-top:auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 7px 18px rgba(50,31,65,.07);
}

/* The 12 search-intent headings stay the semantic center. Open answers become
   quick visual decision cards instead of a gray wall of text. */
body.sbh-home-v430 .sbh-reason-grid { gap: 15px; }
body.sbh-home-v430 .sbh-reason-card { height: max-content; }
body.sbh-home-v430 .sbh-reason-card > p {
  margin: 0 18px 16px;
  padding: 13px 14px;
  border-radius: 15px;
  background: linear-gradient(145deg,#fff8fc,#f7f1fb);
  color:#615269;
}
body.sbh-home-v430 .sbh-reason-card > p strong {
  display:block;
  margin-bottom:3px;
  color:#92527b;
  font-size:8px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.sbh-home-v430 .sbh-reason-card dl {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
  padding: 0 18px 16px;
}
body.sbh-home-v430 .sbh-reason-card dl > div { min-width:0; padding:13px; }
body.sbh-home-v430 .sbh-reason-card dl > div:nth-child(1) { background:#f4edfb; }
body.sbh-home-v430 .sbh-reason-card dl > div:nth-child(2) { background:#ebf9f6; }
body.sbh-home-v430 .sbh-reason-card dl > div:nth-child(3) { background:#fff3f7; }
body.sbh-home-v430 .sbh-reason-card dt { font-size: 8px; }
body.sbh-home-v430 .sbh-reason-card dd { font-size: 11px; }
body.sbh-home-v430 .sbh-reason-card .sbh-evidence-link { display:inline-block; }

/* ---------- Cross-section spacing and visual polish ---------- */
body.sbh-home-v430 .sbh-section-heading h2,
body.sbh-home-v430 .sbh-section-heading--split h2 { max-width: 900px; }
body.sbh-home-v430 .sbh-three-checks article,
body.sbh-home-v430 .sbh-age-grid article,
body.sbh-home-v430 .sbh-faq__items details,
body.sbh-home-v430 .sbh-sources__card { box-shadow: 0 18px 48px rgba(54,34,69,.075); }
body.sbh-home-v430 .sbh-age-grid--v420 article { min-height: 0; }
body.sbh-home-v430 .sbh-age-grid--v420 article p { text-align:left; }
body.sbh-home-v430 .sbh-faq__items details:nth-child(4n+1) { border-left:4px solid #ed78b5; }
body.sbh-home-v430 .sbh-faq__items details:nth-child(4n+2) { border-left:4px solid #9b78bf; }
body.sbh-home-v430 .sbh-faq__items details:nth-child(4n+3) { border-left:4px solid #58bdae; }
body.sbh-home-v430 .sbh-faq__items details:nth-child(4n) { border-left:4px solid #e2b652; }
body.sbh-home-v430 .sbh-pattern-log { position:relative; z-index:1; }
body.sbh-home-v430 .sbh-purchase-bridge__card { width: var(--sbh-shell) !important; }

/* Contrast locks against theme/plugin leakage. */
body.sbh-home-v430 .sbh-reset h2,
body.sbh-home-v430 .sbh-reset h3,
body.sbh-home-v430 .sbh-video h2,
body.sbh-home-v430 .sbh-video h3,
body.sbh-home-v430 .sbh-purchase-bridge h2,
body.sbh-home-v430 .sbh-purchase-bridge h3,
body.sbh-home-v430 .sbh-route-board h2,
body.sbh-home-v430 .sbh-night-signal strong { color:#fffdfb !important; }
body.sbh-home-v430 .sbh-reset p,
body.sbh-home-v430 .sbh-video p,
body.sbh-home-v430 .sbh-purchase-bridge p { color:#eee4f3; }

/* ---------- Wide laptop / narrow desktop: stay desktop, not mobile ---------- */
@media (max-width: 1100px) and (min-width: 880px) {
  body.sbh-home-v430 { --sbh-shell: min(1060px, calc(100vw - 36px)); }
  body.sbh-home-v430 .sbh-night-nav__inner { grid-template-columns:155px minmax(0,1fr) auto; gap:12px; }
  body.sbh-home-v430 .sbh-night-nav__brand img { width:150px; }
  body.sbh-home-v430 .sbh-night-nav__status { display:none; }
  body.sbh-home-v430 .sbh-night-nav__links { justify-content:flex-start; }
  body.sbh-home-v430 .sbh-night-nav__links a { padding-inline:7px; font-size:9.5px; }
  body.sbh-home-v430 .sbh-hero__grid {
    min-height: 620px;
    grid-template-columns:minmax(0,1.03fr) minmax(330px,.97fr);
    gap:32px;
  }
  body.sbh-home-v430 .sbh-hero h1 { font-size:clamp(47px,5.8vw,63px); }
  body.sbh-home-v430 .sbh-hero__recognition { font-size:20px; }
  body.sbh-home-v430 .sbh-route-board { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-route-board__intro { grid-template-columns:62px minmax(0,1fr); }
  body.sbh-home-v430 .sbh-route-board__compass { width:62px; height:62px; border-radius:20px; }
  body.sbh-home-v430 .sbh-route-board__compass .sbcf-quirk-icon { width:49px; height:49px; }
  body.sbh-home-v430 .sbh-route-board__steps a { min-height:150px; }
  body.sbh-home-v430 .sbh-decoder__grid { grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr); gap:30px; }
  body.sbh-home-v430 .sbh-branch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.sbh-home-v430 .sbh-reason-card dl { grid-template-columns:1fr; }
}

/* ---------- Tablet / compressed desktop: editorial split, not phone mode ---------- */
@media (max-width: 879px) and (min-width: 701px) {
  body.sbh-home-v430 { --sbh-shell: min(846px, calc(100vw - 30px)); }
  html { scroll-padding-top: 112px; }
  body.sbh-home-v430 .sbh-night-nav__inner {
    min-height: 96px;
    grid-template-columns:150px minmax(0,1fr) auto;
    grid-template-rows:52px 36px;
    gap:0 12px;
  }
  body.sbh-home-v430 .sbh-night-nav__brand { grid-column:1; grid-row:1; }
  body.sbh-home-v430 .sbh-night-nav__brand img { width:145px; }
  body.sbh-home-v430 .sbh-night-nav__status { display:grid; grid-column:2; grid-row:1; justify-self:end; min-width:180px; }
  body.sbh-home-v430 .sbh-night-nav__cta { grid-column:3; grid-row:1; }
  body.sbh-home-v430 .sbh-night-nav__links {
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    justify-content:center;
    overflow:visible;
  }
  body.sbh-home-v430 .sbh-night-nav__links a { min-height:30px; padding:5px 11px; font-size:9px; }
  body.sbh-home-v430 .sbh-night-nav__track { display:block; }
  body.sbh-home-v430 .sbh-hero { padding-top:36px; }
  body.sbh-home-v430 .sbh-hero__grid { display:block; min-height:0; padding-bottom:46px; }
  body.sbh-home-v430 .sbh-hero__copy {
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);
    column-gap:24px;
    align-items:start;
  }
  body.sbh-home-v430 .sbh-hero__copy > .sbh-eyebrow { grid-column:1; grid-row:1; }
  body.sbh-home-v430 .sbh-hero h1 { grid-column:1; grid-row:2; margin-bottom:0; font-size:clamp(47px,7vw,61px); }
  body.sbh-home-v430 .sbh-hero-alert-card { grid-column:2; grid-row:1 / 3; display:block; margin:0; }
  body.sbh-home-v430 .sbh-hero-alert-card__scene { min-height:225px; }
  body.sbh-home-v430 .sbh-direct-answer--definitive,
  body.sbh-home-v430 .sbh-trust-strip,
  body.sbh-home-v430 .sbh-hero__recognition,
  body.sbh-home-v430 .sbh-hero__actions { grid-column:1/-1; }
  body.sbh-home-v430 .sbh-direct-answer--definitive { margin-top:25px; max-width:none; }
  body.sbh-home-v430 .sbh-hero__recognition { max-width:760px; }
  body.sbh-home-v430 .sbh-hero__visual { display:none !important; }
  body.sbh-home-v430 .sbh-route-board { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-route-board__intro { grid-template-columns:62px minmax(0,1fr); }
  body.sbh-home-v430 .sbh-route-board__compass { width:62px; height:62px; }
  body.sbh-home-v430 .sbh-route-board__steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.sbh-home-v430 .sbh-route-board__steps a { min-height:154px; }
  body.sbh-home-v430 .sbh-start__grid,
  body.sbh-home-v430 .sbh-decoder__grid,
  body.sbh-home-v430 .sbh-faq__grid,
  body.sbh-home-v430 .sbh-video__grid { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-decoder__copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); gap:22px; align-items:center; }
  body.sbh-home-v430 .sbh-decoder__copy > .sbh-eyebrow,
  body.sbh-home-v430 .sbh-decoder__copy > h2,
  body.sbh-home-v430 .sbh-decoder__copy > p { grid-column:1; }
  body.sbh-home-v430 .sbh-decoder__copy figure { grid-column:2; grid-row:1/4; }
  body.sbh-home-v430 .sbh-branch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.sbh-home-v430 .sbh-reason-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.sbh-home-v430 .sbh-reason-card dl { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-age-grid--v420 { max-width:none; }
  body.sbh-home-v430 .sbh-faq__intro { position:static; max-width:760px; text-align:left; }
}

/* ---------- Phone ---------- */
@media (max-width: 700px) {
  body.sbh-home-v430 { --sbh-shell: calc(100vw - 24px); }
  html { scroll-padding-top: 76px; }
  body.sbh-home-v430 [id] { scroll-margin-top:82px; }
  body.sbh-home-v430 .sbh-night-nav {
    top:0;
    overflow:visible;
    border-bottom:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  body.admin-bar.sbh-home-v430 .sbh-night-nav { top:46px; }
  body.sbh-home-v430 .sbh-night-nav__inner {
    width:100% !important;
    min-height:58px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px;
    padding:7px 10px;
    border:0;
    border-radius:0 0 18px 18px;
    background:
      radial-gradient(circle at 12% 40%,rgba(242,123,185,.25),transparent 27%),
      linear-gradient(135deg,#251732,#4b305c 60%,#24565d);
    box-shadow:0 12px 32px rgba(35,19,48,.24);
  }
  body.sbh-home-v430 .sbh-night-nav__brand,
  body.sbh-home-v430 .sbh-night-nav__links { display:none !important; }
  body.sbh-home-v430 .sbh-night-nav__status {
    min-width:0;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    column-gap:8px !important;
    padding:0;
    border:0;
    background:transparent;
  }
  body.sbh-home-v430 .sbh-night-nav__status > span {
    width:38px !important;
    height:38px !important;
    border:1px solid rgba(255,255,255,.17);
    border-radius:13px;
    background:rgba(255,255,255,.1);
    color:#ffe49a;
  }
  body.sbh-home-v430 .sbh-night-nav__status small { color:#f0c3da; font-size:8px !important; letter-spacing:.1em; }
  body.sbh-home-v430 .sbh-night-nav__status strong { color:#fff !important; font-size:13px !important; line-height:1.08; }
  body.sbh-home-v430 .sbh-night-nav__cta {
    min-width:68px;
    min-height:40px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:13px;
    background:linear-gradient(135deg,#f27cba,#9a70dd);
    font-size:10px !important;
  }
  body.sbh-home-v430 .sbh-night-nav__track {
    position:absolute;
    left:10px;
    right:10px;
    bottom:1px;
    height:2px;
    display:block;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    overflow:hidden;
  }
  body.sbh-home-v430 .sbh-night-nav__track > span { height:100%; display:block; background:linear-gradient(90deg,#f47cbb,#ffe29a,#58cfbd); }
  body.sbh-home-v430 .sbh-hero { padding:20px 0 0; }
  body.sbh-home-v430 .sbh-hero__grid { display:block; min-height:0; padding-bottom:38px; }
  body.sbh-home-v430 .sbh-hero__copy { display:block; }
  body.sbh-home-v430 .sbh-hero h1 {
    max-width:none;
    margin-bottom:17px;
    font-size:clamp(39px,11.9vw,53px);
    line-height:.99;
  }
  body.sbh-home-v430 .sbh-hero-alert-card { display:block; margin:0 0 18px; }
  body.sbh-home-v430 .sbh-hero-alert-card__scene { min-height:210px; aspect-ratio:16/10; }
  body.sbh-home-v430 .sbh-hero-alert-card figcaption { grid-template-columns:1fr repeat(3,auto); }
  body.sbh-home-v430 .sbh-hero-alert-card figcaption strong { grid-column:1/-1; margin-bottom:2px; }
  body.sbh-home-v430 .sbh-hero__visual { display:none !important; }
  body.sbh-home-v430 .sbh-direct-answer--definitive { max-width:none; padding:16px 17px; }
  body.sbh-home-v430 .sbh-direct-answer--definitive p { font-size:14px; }
  body.sbh-home-v430 .sbh-trust-strip { display:grid !important; grid-template-columns:1fr !important; }
  body.sbh-home-v430 .sbh-trust-strip > span { width:100%; min-width:0; }
  body.sbh-home-v430 .sbh-hero__recognition { font-size:19px; }
  body.sbh-home-v430 .sbh-hero__actions { display:grid; grid-template-columns:1fr; gap:10px; }
  body.sbh-home-v430 .sbh-hero__actions .sbh-button { width:100%; }
  body.sbh-home-v430 .sbh-route-board-section { padding:18px 0 22px; }
  body.sbh-home-v430 .sbh-route-board { grid-template-columns:1fr; gap:12px; }
  body.sbh-home-v430 .sbh-route-board__intro { grid-template-columns:54px minmax(0,1fr); gap:12px; padding:18px; border-radius:22px; }
  body.sbh-home-v430 .sbh-route-board__compass { width:54px; height:54px; border-radius:18px; }
  body.sbh-home-v430 .sbh-route-board__compass .sbcf-quirk-icon { width:43px; height:43px; }
  body.sbh-home-v430 .sbh-route-board__intro h2 { font-size:27px; }
  body.sbh-home-v430 .sbh-route-board__steps { grid-template-columns:1fr; gap:8px; }
  body.sbh-home-v430 .sbh-route-board__steps a {
    min-height:0;
    grid-template-columns:39px minmax(0,1fr) 24px;
    grid-template-rows:auto auto;
    gap:1px 10px;
    align-items:center;
    padding:14px 15px;
    border-radius:18px;
  }
  body.sbh-home-v430 .sbh-route-board__steps span { grid-column:1; grid-row:1/3; font-size:21px; }
  body.sbh-home-v430 .sbh-route-board__steps strong { grid-column:2; grid-row:1; margin:0; font-size:17px; }
  body.sbh-home-v430 .sbh-route-board__steps small { grid-column:2; grid-row:2; font-size:9px; }
  body.sbh-home-v430 .sbh-route-board__steps i { grid-column:3; grid-row:1/3; align-self:center; }
  body.sbh-home-v430 .sbh-start { padding-top:70px; }
  body.sbh-home-v430 .sbh-section-heading { margin-bottom:28px; }
  body.sbh-home-v430 .sbh-section-heading--split { grid-template-columns:1fr; gap:10px; }
  body.sbh-home-v430 .sbh-section-heading h2,
  body.sbh-home-v430 .sbh-section-heading--split h2 { font-size:clamp(35px,10vw,47px); }
  body.sbh-home-v430 .sbh-decoder__grid,
  body.sbh-home-v430 .sbh-start__grid,
  body.sbh-home-v430 .sbh-faq__grid,
  body.sbh-home-v430 .sbh-video__grid,
  body.sbh-home-v430 .sbh-purchase-bridge__card { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-decoder-card { padding:20px 16px; border-radius:23px; }
  body.sbh-home-v430 .sbh-choice-row { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-choice-row--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.sbh-home-v430 .sbh-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.sbh-home-v430 .sbh-decoder-result { grid-template-columns:48px minmax(0,1fr); gap:11px; padding:15px; }
  body.sbh-home-v430 .sbh-decoder-result dl { display:grid; gap:8px; }
  body.sbh-home-v430 .sbh-branch-hub { margin-top:60px; }
  body.sbh-home-v430 .sbh-branch-grid { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-branch-grid article { min-height:0; padding:22px 20px; }
  body.sbh-home-v430 .sbh-branch-grid p { font-size:12px; }
  body.sbh-home-v430 .sbh-reason-grid { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-reason-card header { grid-template-columns:30px 45px minmax(0,1fr); gap:9px; padding:16px 15px 12px; }
  body.sbh-home-v430 .sbh-reason-card > p { margin:0 14px 14px; padding:12px; }
  body.sbh-home-v430 .sbh-reason-card summary { padding-inline:15px; }
  body.sbh-home-v430 .sbh-reason-card dl { grid-template-columns:1fr; padding:0 14px 14px; }
  body.sbh-home-v430 .sbh-reason-card .sbh-evidence-link { margin:0 14px 16px; }
  body.sbh-home-v430 .sbh-age-grid--v420,
  body.sbh-home-v430 .sbh-age-notes { grid-template-columns:1fr; max-width:none; }
  body.sbh-home-v430 .sbh-age-grid--v420 article { padding:25px 19px; }
  body.sbh-home-v430 .sbh-faq__intro { position:static; text-align:center; }
  body.sbh-home-v430 .sbh-faq__items summary { padding:14px 14px; font-size:13px; }
  body.sbh-home-v430 .sbh-faq__items details p { padding:0 14px 15px; font-size:12px; }
  body.sbh-home-v430 .sbh-purchase-bridge__card { width:var(--sbh-shell) !important; }
}

@media (max-width: 430px) {
  body.sbh-home-v430 { --sbh-shell: calc(100vw - 20px); }
  body.sbh-home-v430 .sbh-night-nav__inner { padding-inline:8px; }
  body.sbh-home-v430 .sbh-night-nav__status strong { font-size:12px !important; }
  body.sbh-home-v430 .sbh-night-nav__cta-label { display:none; }
  body.sbh-home-v430 .sbh-night-nav__cta::before { content:"Plan"; }
  body.sbh-home-v430 .sbh-night-nav__cta { min-width:58px; }
  body.sbh-home-v430 .sbh-hero h1 { font-size:clamp(38px,12vw,49px); }
  body.sbh-home-v430 .sbh-hero-alert-card__scene { min-height:190px; }
  body.sbh-home-v430 .sbh-hero-alert-card__clock { width:67px; height:67px; }
  body.sbh-home-v430 .sbh-hero-alert-card__clock b { font-size:20px; }
  body.sbh-home-v430 .sbh-hero-alert-card figcaption { gap:5px; padding:9px; }
  body.sbh-home-v430 .sbh-hero-alert-card figcaption span { font-size:7px; }
  body.sbh-home-v430 .sbh-route-board__intro { grid-template-columns:1fr; text-align:center; }
  body.sbh-home-v430 .sbh-route-board__compass { margin-inline:auto; }
  body.sbh-home-v430 .sbh-choice-row--two { grid-template-columns:1fr; }
  body.sbh-home-v430 .sbh-choice-grid { grid-template-columns:1fr 1fr; }
  body.sbh-home-v430 .sbh-decoder-result { grid-template-columns:1fr; }
}

@media (max-width: 350px) {
  body.sbh-home-v430 { --sbh-shell: calc(100vw - 16px); }
  body.sbh-home-v430 .sbh-night-nav__status > span { display:none; }
  body.sbh-home-v430 .sbh-night-nav__status { grid-template-columns:1fr !important; }
  body.sbh-home-v430 .sbh-hero-alert-card figcaption span { white-space:normal; }
}

@media (prefers-reduced-motion: reduce) {
  body.sbh-home-v430 *,
  body.sbh-home-v430 *::before,
  body.sbh-home-v430 *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}
body.sbh-home-v430 .sbh-reasons,
body.sbh-home-v430 .sbh-tracker { position: relative; }
body.sbh-home-v430 .sbh-direct-answer--definitive { text-align: left !important; }
@media (min-width: 880px) {
  body.sbh-home-v430 .sbh-hero__copy,
  body.sbh-home-v430 .sbh-hero h1,
  body.sbh-home-v430 .sbh-hero__recognition { text-align: left !important; }
}

/* ========================================================================== 
   SleepBaby v4.4.0 — LIVE LAYOUT AUTHORITY
   --------------------------------------------------------------------------
   This final layer intentionally owns only the standalone homepage. It makes
   the layout independent of theme content widths, late optimizer CSS, cached
   legacy homepage classes, and logged-in admin-bar offsets.
   ========================================================================== */

html:has(body.sbh-home-v440) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  scroll-padding-top: 104px;
}
body.sbh-home-v440 {
  width: 100% !important;
  max-width: none !important;
  min-width: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: #fff !important;
}
body.sbh-home-v440 #sbh-home-root {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  min-width: 320px !important;
  margin: 0 0 0 -50vw !important;
  padding: 0 !important;
  overflow: clip !important;
  isolation: isolate;
  background: #fff;
  color: var(--sbh-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.68;
}
@supports (width: 100dvw) {
  body.sbh-home-v440 #sbh-home-root {
    width: 100dvw !important;
    margin-left: -50dvw !important;
  }
}
body.sbh-home-v440 #sbh-home-root,
body.sbh-home-v440 #sbh-home-root *,
body.sbh-home-v440 #sbh-home-root *::before,
body.sbh-home-v440 #sbh-home-root *::after { box-sizing: border-box !important; }
body.sbh-home-v440 #sbh-home-root :where(header, main, footer, section, article, aside, nav, figure, form) {
  float: none !important;
  max-width: none;
  min-width: 0;
}
body.sbh-home-v440 #sbh-home-root :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote) { margin-top: 0; }
body.sbh-home-v440 #sbh-home-root img { max-width: 100% !important; height: auto; }
body.sbh-home-v440 #sbh-home-root .sbh-shell {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
@supports (width: 100dvw) {
  body.sbh-home-v440 #sbh-home-root .sbh-shell { width: min(1180px, calc(100dvw - 48px)) !important; }
}
body.sbh-home-v440 #sbh-home-root > main,
body.sbh-home-v440 #sbh-home-root > footer,
body.sbh-home-v440 #sbh-home-root > header,
body.sbh-home-v440 #sbh-home-root > .sbh-reading-progress {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* The navigator remains useful, but never becomes the reason the opening
   starts halfway down a real phone. */
body.sbh-home-v440 #sbh-home-root .sbh-night-nav {
  position: sticky !important;
  top: var(--sbh-admin-offset, 0px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
}
body.admin-bar.sbh-home-v440 #sbh-home-root .sbh-night-nav { top: var(--sbh-admin-offset, 32px) !important; }
body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner { width: min(1180px, calc(100vw - 48px)) !important; max-width:1180px !important; }

/* The opening is a true full-width editorial hero. Theme content-column rules
   and old mobile declarations cannot collapse it on a desktop viewport. */
body.sbh-home-v440 #sbh-home-root .sbh-hero {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 58px 0 34px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 9% 20%, rgba(255,205,231,.72), transparent 29%),
    radial-gradient(circle at 88% 24%, rgba(174,239,237,.72), transparent 30%),
    radial-gradient(circle at 53% 90%, rgba(226,207,248,.48), transparent 34%),
    linear-gradient(145deg,#fffafd 0%,#fbf7ff 48%,#f0feff 100%) !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .52;
  background-image:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.95) 0 1.6px, transparent 2px),
    radial-gradient(circle at 19% 38%, rgba(238,166,211,.75) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 37% 12%, rgba(255,222,139,.9) 0 1.4px, transparent 2px),
    radial-gradient(circle at 64% 22%, rgba(255,255,255,.95) 0 1.6px, transparent 2px),
    radial-gradient(circle at 81% 11%, rgba(127,202,197,.65) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 92% 41%, rgba(255,222,139,.85) 0 1.5px, transparent 2px);
  background-size: 210px 180px,260px 210px,310px 245px,230px 190px,280px 230px,340px 265px;
}
body.sbh-home-v440 #sbh-home-root .sbh-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 12%;
  right: -8%;
  width: min(590px,42vw);
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle,rgba(248,197,227,.4),rgba(205,236,243,.18) 48%,transparent 70%);
  filter: blur(2px);
}
body.sbh-home-v440 #sbh-home-root .sbh-hero__stars,
body.sbh-home-v440 #sbh-home-root .sbh-hero__grid { position: relative; z-index: 1; }
body.sbh-home-v440 #sbh-home-root .sbh-hero__grid {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  min-height: 640px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.08fr) minmax(370px,.92fr) !important;
  grid-template-areas: "copy visual" !important;
  align-items: center !important;
  gap: clamp(42px,5vw,76px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-hero__copy {
  grid-area: copy !important;
  display: block !important;
  width: 100% !important;
  max-width: 690px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-hero__visual {
  grid-area: visual !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: center !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card { display: none !important; }
body.sbh-home-v440 #sbh-home-root .sbh-hero h1 {
  max-width: 690px !important;
  margin: 0 0 22px !important;
  font-size: clamp(55px,5.35vw,78px) !important;
  line-height: .96 !important;
  letter-spacing: -.052em !important;
  text-align: left !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-direct-answer--definitive,
body.sbh-home-v440 #sbh-home-root .sbh-trust-strip,
body.sbh-home-v440 #sbh-home-root .sbh-hero__recognition,
body.sbh-home-v440 #sbh-home-root .sbh-hero__actions { max-width: 690px !important; }
body.sbh-home-v440 #sbh-home-root .sbh-framed-media--hero {
  width: 100% !important;
  max-width: 540px !important;
  margin: 0 auto !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-night-signal {
  width: min(470px,94%) !important;
  max-width: 470px !important;
  margin: -44px auto 0 !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-night-signal::before {
  content: "NIGHT ALERT  ✦  AWAKE AGAIN";
  position: absolute;
  right: 18px;
  top: -31px;
  padding: 7px 11px;
  border-radius: 999px 999px 5px 999px;
  background: #4a2e5d;
  color: #fff;
  box-shadow: 0 8px 22px rgba(54,30,72,.22);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .11em;
  white-space: nowrap;
}

/* The 2 a.m. route board must never inherit a clipped card height. */
body.sbh-home-v440 #sbh-home-root .sbh-route-board-section,
body.sbh-home-v440 #sbh-home-root .sbh-route-board,
body.sbh-home-v440 #sbh-home-root .sbh-route-board__intro,
body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps,
body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a {
  height: auto !important;
  max-height: none !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-route-board-section { width:100% !important; padding:26px 0 42px !important; overflow:visible !important; }
body.sbh-home-v440 #sbh-home-root .sbh-route-board {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width:1180px !important;
  display:grid !important;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  margin:0 auto !important;
  overflow:visible !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-route-board__intro,
body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps { min-width:0 !important; overflow:visible !important; }
body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a {
  min-height:156px !important;
  overflow:hidden !important;
}

/* Protect every major content system from inherited theme max-widths. */
body.sbh-home-v440 #sbh-home-root :where(.sbh-start__grid,.sbh-decoder__grid,.sbh-branch-grid,.sbh-reason-grid,.sbh-age-grid,.sbh-age-notes,.sbh-faq__grid,.sbh-video__grid,.sbh-purchase-bridge__card,.sbh-footer__grid) {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card { width:min(1180px,calc(100vw - 48px)) !important; max-width:1180px !important; }
body.sbh-home-v440 #sbh-home-root .sbh-reason-card,
body.sbh-home-v440 #sbh-home-root .sbh-branch-grid article,
body.sbh-home-v440 #sbh-home-root .sbh-age-grid article,
body.sbh-home-v440 #sbh-home-root .sbh-faq__items details {
  min-width:0 !important;
  max-width:none !important;
}

/* Laptop and compact desktop: still unmistakably desktop. */
@media (max-width: 1179px) and (min-width: 900px) {
  body.sbh-home-v440 #sbh-home-root .sbh-shell,
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-route-board,
  body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    width: min(1060px,calc(100vw - 40px)) !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner {
    min-height:74px !important;
    grid-template-columns:160px minmax(0,1fr) auto !important;
    gap:12px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__brand img { width:154px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status { display:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__links { justify-content:center !important; gap:1px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__links a { padding:7px 7px !important; font-size:10px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero { padding-top:46px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid {
    min-height:590px !important;
    grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr) !important;
    gap:32px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero h1 { font-size:clamp(48px,5.8vw,66px) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__intro { display:grid !important; grid-template-columns:64px minmax(0,1fr) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-branch-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-reason-card dl { grid-template-columns:1fr !important; }
}

/* Tablet is an editorial tablet layout, not a stretched phone. */
@media (max-width: 899px) and (min-width: 701px) {
  html:has(body.sbh-home-v440) { scroll-padding-top:100px; }
  body.sbh-home-v440 #sbh-home-root .sbh-shell,
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-route-board,
  body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    width: calc(100vw - 34px) !important;
    max-width: 850px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner {
    min-height:88px !important;
    display:grid !important;
    grid-template-columns:145px minmax(0,1fr) auto !important;
    grid-template-rows:48px 32px !important;
    gap:0 10px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__brand { display:inline-flex !important; grid-column:1 !important; grid-row:1 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__brand img { width:140px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status { display:grid !important; grid-column:2 !important; grid-row:1 !important; justify-self:end !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__cta { grid-column:3 !important; grid-row:1 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__links {
    display:flex !important;
    grid-column:1/-1 !important;
    grid-row:2 !important;
    justify-content:center !important;
    gap:4px !important;
    overflow:visible !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__links a { min-height:28px !important; padding:4px 10px !important; font-size:9.5px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__track { display:block !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero { padding:30px 0 30px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid {
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__copy {
    display:grid !important;
    max-width:none !important;
    grid-template-columns:minmax(0,1.08fr) minmax(245px,.92fr) !important;
    column-gap:24px !important;
    align-items:start !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__copy > .sbh-eyebrow { grid-column:1 !important; grid-row:1 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero h1 { grid-column:1 !important; grid-row:2 !important; font-size:clamp(46px,7vw,60px) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card {
    display:block !important;
    grid-column:2 !important;
    grid-row:1/3 !important;
    width:100% !important;
    margin:0 !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card__scene { min-height:220px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-direct-answer--definitive,
  body.sbh-home-v440 #sbh-home-root .sbh-trust-strip,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__recognition,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__actions { grid-column:1/-1 !important; max-width:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-direct-answer--definitive { margin-top:22px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__visual { display:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__intro { display:grid !important; grid-template-columns:62px minmax(0,1fr) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a { min-height:150px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-start__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-decoder__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-faq__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-video__grid { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-decoder__copy { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(250px,.72fr) !important; gap:20px !important; align-items:center !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-decoder__copy > .sbh-eyebrow,
  body.sbh-home-v440 #sbh-home-root .sbh-decoder__copy > h2,
  body.sbh-home-v440 #sbh-home-root .sbh-decoder__copy > p { grid-column:1 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-decoder__copy figure { grid-column:2 !important; grid-row:1/4 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-branch-grid,
  body.sbh-home-v440 #sbh-home-root .sbh-reason-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-reason-card dl { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-faq__intro { position:static !important; max-width:none !important; text-align:left !important; }
}

/* Phone: compact, full-bleed enough to feel intentional, never pinched. */
@media (max-width: 700px) {
  html:has(body.sbh-home-v440) { scroll-padding-top:64px; }
  body.sbh-home-v440 #sbh-home-root [id] { scroll-margin-top:70px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-shell,
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-route-board,
  body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    width: calc(100vw - 20px) !important;
    max-width: 680px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav {
    min-height:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner {
    min-height:50px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:50px !important;
    gap:8px !important;
    padding:5px 7px !important;
    border-radius:0 0 16px 16px !important;
    background:
      radial-gradient(circle at 9% 50%,rgba(242,123,185,.24),transparent 25%),
      linear-gradient(135deg,#251732,#4b305c 62%,#24565d) !important;
    box-shadow:0 10px 26px rgba(35,19,48,.22) !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__brand,
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__links { display:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status {
    display:grid !important;
    min-width:0 !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    column-gap:7px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status > span {
    width:34px !important;
    height:34px !important;
    grid-row:1/3 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.1) !important;
    color:#ffe49a !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status small { color:#f1c5dc !important; font-size:8px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status strong { color:#fff !important; font-size:12.5px !important; line-height:1.05 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__cta {
    min-width:62px !important;
    min-height:38px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    font-size:9.5px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__cta-label { display:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__cta::before { content:"Plan"; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__track { display:block !important; left:7px !important; right:7px !important; bottom:1px !important; height:2px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero { padding:8px 0 16px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero::after { top:4%; right:-32%; width:95vw; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid {
    min-height:0 !important;
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__copy { display:block !important; max-width:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-eyebrow { margin-bottom:8px !important; font-size:9px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero h1 {
    max-width:none !important;
    margin:0 0 13px !important;
    font-size:clamp(38px,11.7vw,51px) !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 14px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card__scene {
    min-height:0 !important;
    aspect-ratio:16/9.4 !important;
    border-radius:20px 20px 0 0 !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card__scene::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 10% 15%,rgba(255,225,143,.95) 0 1.6px,transparent 2px),
      radial-gradient(circle at 82% 18%,rgba(255,255,255,.95) 0 1.4px,transparent 2px),
      radial-gradient(circle at 92% 58%,rgba(242,124,187,.9) 0 1.5px,transparent 2px),
      linear-gradient(to top,rgba(29,18,45,.16),transparent 40%);
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card figcaption {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:10px !important;
    text-align:center !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card figcaption strong { grid-column:1/-1 !important; margin-bottom:2px !important; font-size:12px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card figcaption span { display:flex !important; justify-content:center !important; min-width:0 !important; font-size:8px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__visual { display:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-direct-answer--definitive,
  body.sbh-home-v440 #sbh-home-root .sbh-trust-strip,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__recognition,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__actions { max-width:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-direct-answer--definitive { padding:15px 15px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-direct-answer--definitive p { font-size:13.5px !important; line-height:1.55 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-trust-strip { display:grid !important; grid-template-columns:1fr !important; gap:7px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-trust-strip > span { width:100% !important; min-width:0 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__recognition { margin-top:17px !important; font-size:18px !important; line-height:1.45 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__actions { display:grid !important; grid-template-columns:1fr !important; gap:9px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero__actions .sbh-button { width:100% !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board-section { padding:10px 0 25px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board { grid-template-columns:1fr !important; gap:10px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__intro {
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:11px !important;
    padding:16px !important;
    text-align:left !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__compass { width:52px !important; height:52px !important; margin:0 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__intro h2 { font-size:25px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps { grid-template-columns:1fr !important; gap:7px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a {
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) 22px !important;
    grid-template-rows:auto auto !important;
    gap:1px 9px !important;
    align-items:center !important;
    padding:13px 14px !important;
    border-radius:17px !important;
  }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps span { grid-column:1 !important; grid-row:1/3 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps strong { grid-column:2 !important; grid-row:1 !important; margin:0 !important; font-size:16px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps small { grid-column:2 !important; grid-row:2 !important; font-size:9px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-route-board__steps i { grid-column:3 !important; grid-row:1/3 !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-start { padding-top:58px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-section-heading { margin-bottom:27px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-section-heading--split { grid-template-columns:1fr !important; gap:9px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-section-heading h2,
  body.sbh-home-v440 #sbh-home-root .sbh-section-heading--split h2 { font-size:clamp(34px,9.7vw,46px) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-decoder__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-start__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-faq__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-video__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-choice-row { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-choice-row--two,
  body.sbh-home-v440 #sbh-home-root .sbh-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-branch-grid,
  body.sbh-home-v440 #sbh-home-root .sbh-reason-grid,
  body.sbh-home-v440 #sbh-home-root .sbh-age-grid--v420,
  body.sbh-home-v440 #sbh-home-root .sbh-age-notes { grid-template-columns:1fr !important; max-width:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-reason-card dl { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-faq__intro { position:static !important; text-align:center !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card { width:calc(100vw - 20px) !important; }
}

@media (max-width: 430px) {
  body.sbh-home-v440 #sbh-home-root .sbh-shell,
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-route-board,
  body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card { width:calc(100vw - 16px) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status strong { font-size:11.5px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero h1 { font-size:clamp(37px,11.8vw,48px) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-choice-row--two { grid-template-columns:1fr !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card__clock { width:64px !important; height:64px !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card__clock b { font-size:19px !important; }
}

@media (max-width: 350px) {
  body.sbh-home-v440 #sbh-home-root .sbh-shell,
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__inner,
  body.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  body.sbh-home-v440 #sbh-home-root .sbh-route-board,
  body.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card { width:calc(100vw - 12px) !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status > span { display:none !important; }
  body.sbh-home-v440 #sbh-home-root .sbh-night-nav__status { grid-template-columns:1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.sbh-home-v440 #sbh-home-root *,
  body.sbh-home-v440 #sbh-home-root *::before,
  body.sbh-home-v440 #sbh-home-root *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* ========================================================================
   v4.4 final hardening — live WordPress/theme-safe responsive shell
   ======================================================================== */
html body.sbcf.sbcf-home.sbh-home-v440 {
  width: 100% !important;
  max-width: none !important;
  min-width: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 > #sbh-home-root {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  color: var(--sbh-ink) !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root > main,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root > header,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root > footer,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root > section,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root main > section {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root :where(.sbh-shell,.sbh-hero__grid,.sbh-route-board,.sbh-purchase-bridge__card) {
  min-width: 0 !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root img,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root svg,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root video,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root iframe {
  max-width: 100% !important;
}

/* Prevent the three-night tracker from expanding the whole document. */
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log__scroller {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log__scroller {
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log table {
  max-width: none !important;
}

/* The final bridge is a real SleepBaby destination, not a text block. */
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(78px, 9vw, 126px) 0 !important;
  background:
    radial-gradient(circle at 7% 14%, rgba(236,117,181,.24), transparent 25%),
    radial-gradient(circle at 91% 84%, rgba(71,199,188,.2), transparent 28%),
    radial-gradient(circle at 55% -8%, rgba(255,215,126,.13), transparent 30%),
    linear-gradient(145deg,#1d1329 0%,#38234b 52%,#173d43 100%) !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge::before,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge::after {
  content: "✦";
  position: absolute;
  pointer-events: none;
  color: rgba(255,224,145,.65);
  font-size: 32px;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge::before { top: 42px; left: 5%; transform: rotate(12deg); }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge::after { right: 5%; bottom: 48px; transform: rotate(-14deg); }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(350px,.9fr) minmax(0,1.1fr) !important;
  gap: clamp(34px,5vw,70px) !important;
  align-items: center !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual {
  position: relative !important;
  margin: 0 !important;
  border: 10px solid rgba(255,255,255,.92) !important;
  border-radius: 34px !important;
  background: #fff !important;
  box-shadow: 0 34px 86px rgba(7,5,15,.32) !important;
  overflow: hidden !important;
  transform: rotate(-1deg) !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__spark {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.94) !important;
  color: #8b5c9d !important;
  box-shadow: 0 12px 28px rgba(53,34,69,.16) !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__spark .sbcf-quirk-icon { width: 42px !important; height: 42px !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual-label {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 58px !important;
  display: grid !important;
  gap: 3px !important;
  padding: 12px 15px !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 17px !important;
  background: rgba(31,20,45,.77) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(19,10,29,.24) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual-label small {
  margin: 0 !important;
  color: #f6bedc !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual-label strong { color: #fff !important; font-size: 14px !important; line-height: 1.25 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual figcaption {
  margin: 0 !important;
  padding: 14px 16px 16px !important;
  background: #fff !important;
  color: #66546e !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content { min-width: 0 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content .sbh-eyebrow { color: #ffc6e3 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content h2 {
  max-width: 720px !important;
  margin: 8px 0 17px !important;
  color: #fff !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: clamp(42px,5vw,66px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__lede {
  max-width: 720px !important;
  margin: 0 0 20px !important;
  color: #efe7f4 !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__lede strong { color: #ffe59a !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value {
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 15px 17px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08) !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value > span {
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg,#ffe39a,#f3c35f) !important;
  color: #5b3a1e !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value > span .sbcf-quirk-icon { width: 43px !important; height: 43px !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value small,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value strong,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value p { display: block !important; margin: 0 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value small { color: #d6c5df !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value strong { margin-top: 2px !important; color: #fff !important; font-size: 16px !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value p { margin-top: 3px !important; color: #d9ccdf !important; font-size: 11px !important; line-height: 1.4 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 9px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path li {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 11px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.065) !important;
  color: #fff !important;
}
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path li > .sbcf-quirk-icon { width: 32px !important; height: 32px !important; color: #9ee9df !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path b,
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path small { display: block !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path b { color: #fff !important; font-size: 11px !important; line-height: 1.25 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path small { margin-top: 3px !important; color: #cfc0d7 !important; font-size: 9px !important; line-height: 1.35 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions { display: grid !important; gap: 11px !important; justify-items: start !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions .sbh-button { min-width: min(100%,420px) !important; margin: 0 !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__trust { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; }
body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__trust span {
  padding: 6px 9px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  color: #ded1e5 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

@media (max-width: 1024px) {
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    grid-template-columns: 1fr !important;
    max-width: 820px !important;
  }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual { max-width: 650px !important; margin-inline: auto !important; transform: none !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content { max-width: 760px !important; margin-inline: auto !important; text-align: center !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content h2,
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__lede { margin-left: auto !important; margin-right: auto !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value { text-align: left !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions { justify-items: center !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__trust { justify-content: center !important; }
}

@media (max-width: 899px) {
  /* Tablet and phone use three night cards; never a 960px table. */
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log__scroller { overflow: visible !important; border: 0 !important; border-radius: 0 !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log table,
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody,
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tr,
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log th,
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log td { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log table { min-width: 0 !important; table-layout: auto !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log thead { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody tr { padding: 13px !important; border: 1px solid rgba(81,53,99,.12) !important; border-radius: 19px !important; background: linear-gradient(145deg,#fff,#fbf8fc) !important; box-shadow: 0 10px 24px rgba(58,36,74,.06) !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody th { width: max-content !important; margin: 0 0 8px !important; padding: 7px 11px !important; border: 0 !important; border-radius: 999px !important; background: #efe4f7 !important; color: #684174 !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log td { padding: 6px 0 !important; border: 0 !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log td::before { content: attr(data-label) !important; display: block !important; margin: 0 0 5px !important; color: #6c5b74 !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .05em !important; text-transform: uppercase !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log input { min-width: 0 !important; width: 100% !important; }
}

@media (max-width: 700px) {
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody { grid-template-columns: 1fr !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge { padding: 68px 0 72px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card { width: calc(100% - 16px) !important; gap: 24px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual { border-width: 7px !important; border-radius: 24px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual-label { left: 10px !important; right: 10px !important; bottom: 54px !important; padding: 10px 12px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content { text-align: left !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content h2 { font-size: clamp(37px,10.4vw,49px) !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__lede { font-size: 14px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path { grid-template-columns: 1fr !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path li { grid-template-columns: 40px minmax(0,1fr) !important; padding: 12px 13px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path li > .sbcf-quirk-icon { width: 37px !important; height: 37px !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions { justify-items: stretch !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions .sbh-button { width: 100% !important; min-width: 0 !important; }
  body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__trust { justify-content: flex-start !important; }
}


/* ========================================================================== 
   v4.4.0 FINAL RENDERING AUTHORITY
   One predictable layout family per viewport. This block intentionally wins
   over the accumulated legacy homepage rules and late theme CSS.
   ========================================================================== */
html body.sbcf.sbcf-home.sbh-home-v440,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root {
  width: 100% !important;
  max-width: none !important;
  min-width: 320px !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: clip !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-shell,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root img {
  max-width: 100% !important;
  height: auto !important;
}

/* Desktop: genuine two-column editorial opening. */
@media (min-width: 960px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero {
    padding: 52px 0 36px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__grid {
    min-height: 620px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr) !important;
    grid-template-areas: "copy visual" !important;
    align-items: center !important;
    gap: clamp(34px, 4.4vw, 70px) !important;
    padding: 0 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__copy {
    grid-area: copy !important;
    display: block !important;
    width: 100% !important;
    max-width: 690px !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__visual {
    grid-area: visual !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card {
    display: none !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero h1 {
    max-width: 690px !important;
    margin: 0 0 22px !important;
    font-size: clamp(49px, 5vw, 76px) !important;
    line-height: .98 !important;
    text-align: left !important;
  }
}

/* Tablet: headline and exact same approved night image share the opening. */
@media (min-width: 701px) and (max-width: 959px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-shell,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    width: calc(100% - 34px) !important;
    max-width: 900px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero {
    padding: 28px 0 34px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__grid {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(250px, .92fr) !important;
    grid-auto-flow: row !important;
    column-gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__copy > .sbh-eyebrow {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero h1 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    font-size: clamp(44px, 6.2vw, 61px) !important;
    line-height: .99 !important;
    text-align: left !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card__scene {
    min-height: 245px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__visual {
    display: none !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-direct-answer--definitive,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-trust-strip,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__recognition,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__actions {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
}

/* Phone: compact, full-width, no zero-width columns or desktop ghost layout. */
@media (max-width: 700px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-shell,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    width: calc(100% - 16px) !important;
    max-width: none !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero {
    padding: 12px 0 24px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__grid,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__copy {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero h1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    font-size: clamp(41px, 12.4vw, 54px) !important;
    line-height: 1 !important;
    text-align: left !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__visual {
    display: none !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 15px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card__scene {
    width: 100% !important;
    min-height: 205px !important;
    aspect-ratio: 16 / 10 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card figcaption {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero-alert-card figcaption strong {
    grid-column: 1 / -1 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: none !important;
    gap: 9px !important;
    transform: none !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__actions .sbh-button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* The three-way 2 a.m. board grows with its text on every device. */
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board-section,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__intro,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board {
  display: grid !important;
  grid-template-columns: minmax(270px, .72fr) minmax(0, 1.28fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 19px 17px 16px !important;
  overflow: hidden !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a strong,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a small {
  position: relative !important;
  z-index: 2 !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a i {
  margin-top: auto !important;
  padding-top: 10px !important;
}
@media (max-width: 1179px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 700px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps {
    grid-template-columns: 1fr !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-route-board__steps a {
    min-height: 0 !important;
  }
}

/* The three-night tracker becomes readable cards before its table can spill. */
@media (max-width: 1024px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log__scroller {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log table,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tr,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log th,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log table {
    min-width: 0 !important;
    table-layout: auto !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody tr {
    padding: 15px !important;
    border: 1px solid rgba(81,53,99,.12) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg,#fff,#fbf8fc) !important;
    box-shadow: 0 10px 24px rgba(58,36,74,.06) !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log tbody th {
    width: max-content !important;
    margin: 0 0 8px !important;
    padding: 7px 11px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #efe4f7 !important;
    color: #684174 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log td {
    padding: 6px 0 !important;
    border: 0 !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log td::before {
    content: attr(data-label) !important;
    display: block !important;
    margin: 0 0 5px !important;
    color: #6c5b74 !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-pattern-log input {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* The final purchase bridge is a designed SleepBaby destination, not loose text. */
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge {
  position: relative !important;
  isolation: isolate !important;
  overflow: clip !important;
  padding: clamp(78px, 8vw, 116px) 0 !important;
  background:
    radial-gradient(circle at 9% 18%, rgba(245,123,185,.28), transparent 26%),
    radial-gradient(circle at 92% 82%, rgba(76,205,190,.22), transparent 27%),
    linear-gradient(145deg,#1a1128 0%,#3b2450 52%,#194f55 100%) !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
  display: grid !important;
  grid-template-columns: minmax(360px,.92fr) minmax(0,1.08fr) !important;
  gap: clamp(34px,4.5vw,64px) !important;
  align-items: center !important;
  padding: clamp(22px,3vw,38px) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 34px !important;
  background: rgba(255,255,255,.075) !important;
  box-shadow: 0 34px 96px rgba(7,4,17,.34), inset 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter: blur(12px) !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual,
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content {
  min-width: 0 !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 9px solid rgba(255,255,255,.93) !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(5,3,14,.32) !important;
  transform: rotate(-1.2deg) !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content h2 {
  margin: 0 0 17px !important;
  color: #fff !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: clamp(40px,4.5vw,64px) !important;
  line-height: .98 !important;
  letter-spacing: -.04em !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__lede {
  color: #f1e8f4 !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 9px !important;
}
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions {
  display: grid !important;
  gap: 11px !important;
  justify-items: start !important;
}
@media (max-width: 1024px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    grid-template-columns: 1fr !important;
    max-width: 820px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual {
    max-width: 650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__value {
    text-align: left !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions {
    justify-items: center !important;
  }
}
@media (max-width: 700px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge {
    padding: 68px 0 72px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__card {
    gap: 24px !important;
    padding: 14px !important;
    border-radius: 27px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__visual {
    border-width: 7px !important;
    border-radius: 23px !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content {
    text-align: left !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__content h2 {
    font-size: clamp(37px,10.4vw,49px) !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__path {
    grid-template-columns: 1fr !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions {
    justify-items: stretch !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-purchase-bridge__actions .sbh-button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* Final narrow-screen shell correction: keep the approved hero image and all
   opening copy inside the same 8px mobile gutter instead of reverting to 100vw. */
@media (max-width: 700px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__grid {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-hero__copy {
    width: 100% !important;
  }
}

/* Readability floor for evidence labels and mobile story dividers. */
html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-reason-card header small {
  font-size: 9px !important;
  line-height: 1.35 !important;
}
@media (max-width: 700px) {
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-charm-ribbon__label {
    max-width: calc(100% - 22px) !important;
    font-size: 8px !important;
    line-height: 1.3 !important;
    letter-spacing: .07em !important;
  }
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-night-nav__status small,
  html body.sbcf.sbcf-home.sbh-home-v440 #sbh-home-root .sbh-night-nav__status strong {
    font-size: 10px !important;
  }
}