@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:ital,wght@1,500&family=Montserrat+Alternates:wght@500;600;700&display=swap');

body.wsc-bundle-milton-seo {
  --wb-ink: #101817;
  --wb-muted: #687775;
  --wb-canvas: #E2EFED;
  --wb-paper: #F8FCFB;
  --wb-paper-soft: #EDF5F3;
  --wb-line: #C1D8D4;
  --wb-teal: #365F5C;
  --wb-green: #629491;
  --wb-orange: #E85C33;
  --wb-blue: #428EFF;
  --wb-yellow: #FFC640;
  --wb-sans: "Inter", Arial, sans-serif;
  --wb-heading: "Montserrat Alternates", "Inter", Arial, sans-serif;
  --wb-serif: "Lora", Georgia, serif;
  --wb-frame: min(1820px, calc(100vw - 28px));
  --wb-radius: 18px;
  --wb-ease: cubic-bezier(.22, 1, .36, 1);
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip;
  background: var(--wb-canvas) !important;
  color: var(--wb-ink);
  font: 400 16px/1.64 var(--wb-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.wsc-bundle-milton-seo *,
body.wsc-bundle-milton-seo *::before,
body.wsc-bundle-milton-seo *::after { box-sizing: border-box; }

body.wsc-bundle-milton-seo #page,
body.wsc-bundle-milton-seo #content,
body.wsc-bundle-milton-seo .site-content,
body.wsc-bundle-milton-seo .site-content > .ast-container,
body.wsc-bundle-milton-seo #wsc-manual-page-root {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: visible !important;
  background: var(--wb-canvas) !important;
}

body.wsc-bundle-milton-seo .site-content > .ast-container { display: block !important; }
body.wsc-bundle-milton-seo a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
body.wsc-bundle-milton-seo button { color: inherit; font: inherit; }
/* Low-specificity reset: component spacing rules below must be able to override it.
   Do not body-scope this reset; that previously defeated .wb-hero__intro,
   .wb-step h3, .wb-step p, .wb-local__point p and .wb-case p margins. */
.wb-page :where(h1, h2, h3, p) { margin: 0; }

body.wsc-bundle-milton-seo .wb-page h1,
body.wsc-bundle-milton-seo .wb-page h2,
body.wsc-bundle-milton-seo .wb-page h3 {
  color: var(--wb-ink) !important;
  font-family: var(--wb-heading) !important;
  font-weight: 600 !important;
  letter-spacing: -.045em;
  text-wrap: balance;
}

body.wsc-bundle-milton-seo :focus-visible {
  outline: 3px solid var(--wb-orange);
  outline-offset: 4px;
}

body.wsc-bundle-milton-seo ::selection { background: var(--wb-yellow); color: var(--wb-ink); }

.wb-page {
  width: 100%;
  max-width: none;
  padding: 14px 0 60px;
  overflow: visible;
  background: var(--wb-canvas);
}

.wb-frame {
  width: var(--wb-frame);
  margin: 14px auto 0;
  overflow: clip;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-line);
  box-shadow: 0 20px 70px rgba(33, 92, 82, .06);
}

.wb-frame + .wb-frame { margin-top: 14px; }
.wb-frame.wb-sticky-frame { overflow: visible; border: 0; background: transparent; box-shadow: none; }
.wb-cell { background: var(--wb-paper); }

.wb-kicker {
  color: var(--wb-muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.wb-kicker b { color: var(--wb-green); font-weight: 700; }
.wb-serif { font-family: var(--wb-serif) !important; font-size: inherit; font-style: italic; font-weight: 500; line-height: inherit; }
.wb-accent { color: var(--wb-teal); }
.wb-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 2px; background: var(--wb-green); transform: rotate(45deg); }

.wb-cta {
  display: inline-flex;
  width: max-content;
  min-height: 52px;
  align-items: center;
  gap: 12px;
  padding: 0 19px;
  border-radius: 11px;
  background: var(--wb-ink);
  color: #fff !important;
  font-size: .86rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: transform .25s var(--wb-ease), background .25s ease, box-shadow .25s ease;
}

.wb-cta::after { content: "↗"; }
.wb-cta:hover { transform: translateY(-3px); background: var(--wb-teal); box-shadow: 0 12px 28px rgba(16, 24, 23, .14); }

/* Hero */
.wb-hero-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1px; }

.wb-hero__copy {
  grid-column: span 7;
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(30px, 4vw, 68px);
}

.wb-hero__headline { max-width: 1000px; }
.wb-hero h1 {
  max-width: 1040px;
  margin-top: 26px;
  font-size: clamp(3rem, 5.2vw, 6.4rem);
  line-height: 1.03;
  letter-spacing: -.065em;
}

.wb-hero__intro {
  max-width: 850px;
  margin-top: 30px;
  color: var(--wb-muted);
  font-size: clamp(1rem, 1.25vw, 1.23rem);
}

.wb-hero__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-top: 70px;
}

.wb-hero__signal { max-width: 320px; color: var(--wb-muted); font-size: .8rem; }
.wb-hero__signal strong { color: var(--wb-teal); font-weight: 600; }

.wb-hero__visual {
  --wb-mx: 50%;
  --wb-my: 50%;
  --wb-tilt-x: 0deg;
  --wb-tilt-y: 0deg;
  position: relative;
  grid-column: span 5;
  min-height: 620px;
  overflow: hidden;
  padding: clamp(26px, 3vw, 48px);
  background: radial-gradient(circle at var(--wb-mx) var(--wb-my), rgba(255,255,255,.16), transparent 30%), var(--wb-teal);
  color: #fff;
}

.wb-hero__visual::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .16;
  background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
  background-size: 54px 54px;
}

.wb-visual__label {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: rgba(255,255,255,.72);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.wb-visual__label strong { color: #fff; }
.wb-search-scene {
  --wb-hero-y: 0px;
  position: relative;
  z-index: 2;
  min-height: 490px;
  display: grid;
  place-items: center;
  transform: translate3d(0, var(--wb-hero-y), 0);
  will-change: transform;
}

.wb-search-beam {
  position: absolute;
  z-index: -1;
  width: min(82vw, 560px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 72%, rgba(255,198,64,.4) 84%, transparent 94%);
  filter: blur(1px);
  animation: wb-spin 16s linear infinite;
}

.wb-search-beam::after { position: absolute; inset: 20%; border: 1px solid rgba(255,255,255,.26); border-radius: inherit; content: ""; }
@keyframes wb-spin { to { transform: rotate(360deg); } }

.wb-search-window {
  position: relative;
  width: min(100%, 590px);
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.8);
  border-radius: 18px;
  background: var(--wb-paper);
  color: var(--wb-ink);
  box-shadow: 18px 22px 0 rgba(5,47,40,.36);
  transform: perspective(1100px) rotateX(var(--wb-tilt-x)) rotateY(var(--wb-tilt-y));
  transform-style: preserve-3d;
  transition: transform .35s var(--wb-ease), box-shadow .35s ease;
}

.wb-search-window__bar { display: flex; min-height: 42px; align-items: center; gap: 7px; padding: 0 14px; border-bottom: 1px solid var(--wb-line); background: var(--wb-paper-soft); }
.wb-search-window__bar i { width: 8px; height: 8px; border-radius: 50%; background: var(--wb-orange); }
.wb-search-window__bar i:nth-child(2) { background: var(--wb-yellow); }
.wb-search-window__bar i:nth-child(3) { background: var(--wb-green); }
.wb-query { margin: 18px; padding: 13px 16px; border: 1px solid var(--wb-line); border-radius: 10px; color: var(--wb-muted); font-size: .83rem; }
.wb-query b { color: var(--wb-ink); font-weight: 600; }
.wb-caret { display: inline-block; width: 7px; height: 17px; margin-left: 4px; background: var(--wb-muted); vertical-align: -3px; animation: wb-blink 1.1s steps(1) infinite; }
@keyframes wb-blink { 50% { opacity: 0; } }

.wb-results { display: grid; gap: 11px; padding: 0 18px 20px; }
.wb-result { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid var(--wb-line); border-radius: 11px; background: #fff; transition: transform .35s var(--wb-ease), border-color .35s ease; }
.wb-result i { display: grid; width: 34px; aspect-ratio: 1; place-items: center; border-radius: 8px; background: var(--wb-paper-soft); color: var(--wb-teal); font-style: normal; font-size: .72rem; font-weight: 700; }
.wb-result b { display: block; font-size: .78rem; font-weight: 650; }
.wb-result span { display: block; color: var(--wb-muted); font-size: .65rem; }
.wb-result em { color: var(--wb-green); font-style: normal; font-size: .66rem; font-weight: 700; }
.wb-result.is-found { transform: translateX(-10px); border-color: var(--wb-orange); }
.wb-pulse { position: absolute; z-index: -1; width: 310px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.46); border-radius: 50%; animation: wb-pulse 3.4s ease-out infinite; }
.wb-pulse:nth-of-type(3) { animation-delay: 1.15s; }
.wb-pulse:nth-of-type(4) { animation-delay: 2.3s; }
@keyframes wb-pulse { from { transform: scale(.45); opacity: 1; } to { transform: scale(1.7); opacity: 0; } }

.wb-visual__principle {
  position: absolute;
  z-index: 3;
  right: clamp(24px, 3vw, 48px);
  bottom: clamp(24px, 3vw, 44px);
  display: grid;
  justify-items: end;
  gap: 3px;
  color: rgba(255,255,255,.68);
  font-size: .67rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wb-visual__principle strong { color: var(--wb-yellow); font-family: var(--wb-serif); font-size: 1rem; font-style: italic; font-weight: 500; letter-spacing: 0; text-transform: none; }

.wb-hero__stat {
  grid-column: span 3;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 32px;
}

.wb-hero__stat--wide { grid-column: span 6; }
.wb-stat__value { margin-top: 24px; font-size: clamp(2.8rem, 4.3vw, 5.2rem); font-weight: 500; line-height: 1; letter-spacing: -.07em; }
.wb-stat__value span { color: var(--wb-orange); font-family: var(--wb-serif); font-style: italic; }
.wb-stat__copy { max-width: 560px; margin-top: 16px; color: var(--wb-muted); font-size: .8rem; }
.wb-stat__source { width: max-content; margin-top: 16px; color: var(--wb-teal) !important; font-size: .7rem; font-weight: 650; text-decoration: none !important; }
.wb-stat__source:hover { color: var(--wb-orange) !important; }

/* Connected system */
.wb-sticky-frame .wb-system__header { border: 1px solid var(--wb-line); border-radius: var(--wb-radius) var(--wb-radius) 0 0; }
.wb-sticky-frame .wb-system__layout { border: 1px solid var(--wb-line); border-top: 0; border-radius: 0 0 var(--wb-radius) var(--wb-radius); }

.wb-system__header { padding: clamp(38px, 4.3vw, 72px); background: var(--wb-paper); }
.wb-system__header h2 { max-width: 1120px; margin-top: 18px; font-size: clamp(2.25rem, 3.25vw, 4rem); line-height: 1.08; }
.wb-system__header > p:last-child { max-width: 820px; margin-top: 22px; color: var(--wb-muted); font-size: 1rem; }
.wb-system__layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(420px, 5fr); gap: 1px; overflow: visible; background: var(--wb-line); }
.wb-system__steps { overflow: hidden; border-radius: 0 0 0 var(--wb-radius); }

.wb-step {
  min-height: min(74vh, 700px);
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 28px;
  align-content: center;
  padding: clamp(52px, 5vw, 88px) clamp(38px, 4.5vw, 76px);
  border-bottom: 1px solid var(--wb-line);
  background: var(--wb-paper);
  transition: background .35s ease;
}

.wb-step:last-child { border-bottom: 0; }
.wb-step.is-active { background: #EAF3F1; }
.wb-step__number { padding-top: 5px; color: var(--wb-green); font-size: .74rem; font-weight: 800; letter-spacing: .12em; }
.wb-step__label { color: var(--wb-green); font-size: .68rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.wb-step h3 { max-width: 820px; margin-top: 13px; font-size: clamp(1.7rem, 2.45vw, 3rem); line-height: 1.08; }
.wb-step p:not(.wb-step__label) { max-width: 760px; margin-top: 20px; color: var(--wb-muted); }
.wb-step p:not(.wb-step__label) + p { margin-top: 14px; }
.wb-step a { color: var(--wb-teal); font-weight: 650; }
.wb-step a:hover { color: var(--wb-orange); }
.wb-mobile-signal { display: none; }

.wb-system__stage-wrap { position: relative; min-width: 0; overflow: visible; border-radius: 0 0 var(--wb-radius) 0; background: #EAF6F3; }
.wb-stage { position: sticky; top: 14px; height: calc(100vh - 28px); min-height: 620px; max-height: 900px; display: flex; flex-direction: column; padding: clamp(34px, 3.2vw, 54px) clamp(28px, 3vw, 46px) 34px; overflow: hidden; }
.wb-stage__top { display: flex; justify-content: space-between; gap: 20px; color: var(--wb-muted); font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wb-stage__top strong { color: var(--wb-teal); }
.wb-stage__canvas { position: relative; flex: 1; min-height: 430px; margin: 30px 0; }
.wb-stage__scene { position: absolute; inset: 0; display: grid; align-content: center; gap: 24px; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .38s ease, transform .45s var(--wb-ease), visibility .38s ease; }
.wb-stage__scene.is-active { opacity: 1; visibility: visible; transform: none; }
.wb-stage__scene > p { color: var(--wb-teal); font-family: var(--wb-serif); font-size: clamp(1.3rem, 2vw, 2rem); font-style: italic; text-wrap: balance; }
.wb-stage__progress { height: 4px; overflow: hidden; border-radius: 99px; background: rgba(54,95,92,.13); }
.wb-stage__progress i { display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--wb-green); transform: scaleX(.25); transform-origin: left; transition: transform .4s var(--wb-ease); }

.wb-flat { width: min(100%, 560px); overflow: hidden; border: 1px solid rgba(54,95,92,.28); border-radius: 20px; background: rgba(255,255,255,.95); box-shadow: 0 24px 60px rgba(33,92,82,.1); }
.wb-flat__head { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 17px; border-bottom: 1px solid var(--wb-line); color: var(--wb-muted); font-size: .62rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.wb-flat__head b { color: var(--wb-orange); font-size: .64rem; }
.wb-flat__note { padding: 12px 17px; border-top: 1px solid var(--wb-line); color: var(--wb-muted); font-size: .63rem; }

.wb-audit { display: grid; padding: 12px 17px; }
.wb-audit > div { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(90px, .75fr) 48px; gap: 12px; align-items: center; min-height: 51px; border-bottom: 1px solid var(--wb-line); color: var(--wb-muted); font-size: .68rem; }
.wb-audit > div:last-child { border-bottom: 0; }
.wb-audit i { position: relative; display: block; height: 7px; overflow: hidden; border-radius: 99px; background: var(--wb-paper-soft); }
.wb-audit i::after { display: block; width: var(--score); height: 100%; border-radius: inherit; background: var(--wb-green); content: ""; }
.wb-audit b { color: var(--wb-teal); font-size: .62rem; text-align: right; }

.wb-route-map { display: grid; padding: 12px 17px; }
.wb-route-map article { display: grid; grid-template-columns: 1.05fr 1fr .8fr; gap: 12px; align-items: center; min-height: 66px; border-bottom: 1px solid var(--wb-line); font-size: .66rem; }
.wb-route-map article:last-child { border-bottom: 0; }
.wb-route-map span { color: var(--wb-muted); }
.wb-route-map strong { font-weight: 650; }
.wb-route-map b { color: var(--wb-teal); text-align: right; }

.wb-local-rings { position: relative; min-height: 350px; display: grid; place-items: center; overflow: hidden; }
.wb-local-rings__ring { position: absolute; border: 1px solid rgba(54,95,92,.25); border-radius: 50%; }
.wb-local-rings__ring--one { width: 120px; aspect-ratio: 1; }
.wb-local-rings__ring--two { width: 220px; aspect-ratio: 1; }
.wb-local-rings__ring--three { width: 320px; aspect-ratio: 1; }
.wb-local-rings > strong { position: relative; z-index: 2; display: grid; width: 102px; aspect-ratio: 1; place-items: center; border-radius: 50%; background: var(--wb-teal); color: #fff; font-size: .78rem; line-height: 1.25; text-align: center; }
.wb-local-rings__signal { position: absolute; z-index: 3; padding: 7px 10px; border: 1px solid var(--wb-line); border-radius: 999px; background: var(--wb-paper); color: var(--wb-teal); font-size: .58rem; font-weight: 700; }
.wb-local-rings__signal--profile { top: 44px; left: 48px; }
.wb-local-rings__signal--reviews { top: 68px; right: 40px; }
.wb-local-rings__signal--citations { bottom: 58px; left: 38px; }
.wb-local-rings__signal--pages { right: 42px; bottom: 46px; }

.wb-funnel-flat { display: grid; padding: 22px 20px 26px; }
.wb-funnel-flat__layer { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-inline: auto; padding: 0 18px; clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%); }
.wb-funnel-flat__layer strong { font-size: .7rem; }
.wb-funnel-flat__layer span { font-size: .61rem; opacity: .72; }
.wb-funnel-flat__layer--1 { width: 100%; background: var(--wb-teal); color: #fff; }
.wb-funnel-flat__layer--2 { width: 84%; background: #86B4AE; }
.wb-funnel-flat__layer--3 { width: 68%; background: var(--wb-yellow); }
.wb-funnel-flat__layer--4 { width: 52%; background: #FFF0B7; }

/* Local context */
.wb-local__grid { display: grid; grid-template-columns: minmax(340px, 5fr) minmax(0, 7fr); gap: 1px; background: var(--wb-line); }
.wb-local__intro { min-height: 720px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(38px, 4.5vw, 76px); background: var(--wb-teal); color: #fff; }
body.wsc-bundle-milton-seo .wb-local__intro h2 { max-width: 760px; margin-top: 18px; color: #fff !important; font-size: clamp(2.25rem, 3.8vw, 4.6rem); line-height: 1.06; }
.wb-local__intro .wb-kicker { color: rgba(255,255,255,.66); }
.wb-local__intro .wb-serif { color: var(--wb-yellow); }
.wb-local__intro p:not(.wb-kicker) { max-width: 640px; margin-top: 24px; color: rgba(255,255,255,.76); }
.wb-local__intro > a { width: max-content; color: var(--wb-yellow) !important; font-size: .74rem; font-weight: 650; text-decoration: none !important; }
.wb-local__intro > a:hover { color: #fff !important; }
.wb-local__points { background: var(--wb-paper); }
.wb-local__point { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 24px; padding: clamp(34px, 4vw, 62px); border-bottom: 1px solid var(--wb-line); transition: background .25s ease, padding-left .3s var(--wb-ease); }
.wb-local__point:last-child { border-bottom: 0; }
.wb-local__point:hover { padding-left: calc(clamp(34px, 4vw, 62px) + 7px); background: var(--wb-paper-soft); }
.wb-local__point > span { color: var(--wb-green); font-size: .7rem; font-weight: 700; letter-spacing: .1em; }
.wb-local__point h3 { font-size: clamp(1.25rem, 1.7vw, 1.8rem); line-height: 1.15; }
.wb-local__point p { max-width: 760px; margin-top: 12px; color: var(--wb-muted); }

/* Proof */
.wb-proof__header { padding: clamp(34px, 4vw, 64px); border-bottom: 1px solid var(--wb-line); background: var(--wb-paper); }
.wb-proof__header h2 { max-width: 1040px; margin-top: 18px; font-size: clamp(2.25rem, 3.8vw, 4.6rem); line-height: 1.08; }
.wb-proof__header > p:last-child { max-width: 780px; margin-top: 20px; color: var(--wb-muted); }
.wb-proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--wb-line); }
.wb-case { min-height: 455px; display: flex; flex-direction: column; padding: clamp(34px, 3.6vw, 58px); background: var(--wb-paper); color: inherit !important; text-decoration: none !important; transition: background .3s ease, transform .3s var(--wb-ease); }
.wb-case:nth-child(2) { background: var(--wb-paper-soft); }
.wb-case:hover { background: #fff; transform: translateY(-4px); }
.wb-case__number { color: var(--wb-muted); font-size: .68rem; font-weight: 700; letter-spacing: .1em; }
.wb-case__metric { margin-top: 38px; color: var(--wb-teal); font-family: var(--wb-serif); font-size: clamp(3.4rem, 5vw, 6.2rem); font-style: italic; font-weight: 500; line-height: .9; letter-spacing: -.07em; }
body.wsc-bundle-milton-seo .wb-case h3 { max-width: 420px; margin-top: 18px; font-size: clamp(1.2rem, 1.55vw, 1.65rem); line-height: 1.13; }
.wb-case p { max-width: 520px; margin-top: 17px; color: var(--wb-muted); font-size: .88rem; }
.wb-case__link { margin-top: auto; padding-top: 32px; color: var(--wb-teal); font-size: .72rem; font-weight: 700; }
.wb-proof__note { padding: 22px clamp(28px, 4vw, 64px); background: var(--wb-paper); }
.wb-proof__note p { color: var(--wb-muted); font-size: .75rem; }
.wb-proof__note a { color: var(--wb-teal); font-weight: 650; }

/* Pinned answers and FAQ */
.wb-sticky-frame.wb-answers .wb-answers__grid,
.wb-sticky-frame.wb-faq .wb-faq__grid { border: 1px solid var(--wb-line); border-radius: var(--wb-radius); }
.wb-sticky-frame.wb-answers .wb-answers__intro,
.wb-sticky-frame.wb-faq .wb-faq__intro { border-radius: var(--wb-radius) 0 0 var(--wb-radius); }
.wb-sticky-frame.wb-answers .wb-answers__list,
.wb-sticky-frame.wb-faq .wb-faq__list { border-radius: 0 var(--wb-radius) var(--wb-radius) 0; }
.wb-answers__grid,
.wb-faq__grid { display: grid; grid-template-columns: minmax(300px, 4fr) minmax(0, 8fr); gap: 1px; background: var(--wb-line); }
.wb-answers__intro,
.wb-faq__intro { position: sticky; top: 14px; height: max-content; align-self: start; padding: clamp(34px, 4vw, 64px); background: var(--wb-paper); }
.wb-answers__intro { min-height: calc(100vh - 28px); display: flex; flex-direction: column; justify-content: space-between; }
.wb-answers__intro h2 { margin-top: 18px; font-size: clamp(2.6rem, 4.25vw, 5.2rem); line-height: 1.04; }
.wb-faq__intro h2 { margin-top: 18px; font-size: clamp(2.1rem, 3vw, 3.65rem); line-height: 1.07; }
.wb-answers__intro p:not(.wb-kicker),
.wb-faq__intro > p:last-child { margin-top: 22px; color: var(--wb-muted); }
.wb-answers__index { margin-top: 50px; color: var(--wb-green); font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.wb-answers__list,
.wb-faq__list { overflow: hidden; background: var(--wb-paper); }
.wb-answer { display: grid; grid-template-columns: minmax(200px, .42fr) 1fr; gap: clamp(28px, 5vw, 70px); min-height: 310px; align-content: center; padding: clamp(36px, 5vw, 70px); border-bottom: 1px solid var(--wb-line); }
.wb-answer:last-child { border-bottom: 0; }
.wb-answer h3 { font-size: clamp(1.35rem, 2.1vw, 2.35rem); line-height: 1.12; }
.wb-answer__body { color: var(--wb-muted); }
.wb-answer__body p + p { margin-top: 15px; }
.wb-answer__body a,
.wb-faq a { color: var(--wb-teal); font-weight: 650; text-decoration-color: var(--wb-green); }
.wb-answer__body a:hover,
.wb-faq a:hover { color: var(--wb-orange); }

.wb-faq details { border-bottom: 1px solid var(--wb-line); }
.wb-faq details:last-child { border-bottom: 0; }
.wb-faq summary {
  position: relative;
  display: flex;
  min-height: 92px;
  align-items: center;
  padding: 24px 66px 24px 34px;
  cursor: pointer;
  color: var(--wb-ink);
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  font-weight: 600;
  list-style: none;
}
.wb-faq summary::-webkit-details-marker { display: none; }
.wb-faq summary::after { position: absolute; right: 30px; display: grid; width: 30px; aspect-ratio: 1; place-items: center; border: 1px solid var(--wb-line); border-radius: 50%; color: var(--wb-teal); content: "+"; font-size: 1rem; transition: transform .25s ease, background .25s ease; }
.wb-faq details[open] summary::after { background: var(--wb-paper-soft); content: "–"; transform: rotate(180deg); }
.wb-faq__answer { padding: 0 66px 30px 34px; color: var(--wb-muted); }

@media (max-width: 1100px) {
  .wb-hero__copy,
  .wb-hero__visual { grid-column: span 12; }
  .wb-hero__copy { min-height: 560px; }
  .wb-hero__visual { min-height: 600px; }
  .wb-hero__stat { grid-column: span 6; }
  .wb-hero__stat--wide { grid-column: span 12; }
  .wb-system__layout { grid-template-columns: 1fr; }
  .wb-system__stage-wrap { display: none; }
  .wb-step { min-height: auto; padding-block: 58px; }
  .wb-mobile-signal { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 24px; }
  .wb-mobile-signal span,
  .wb-mobile-signal b { padding: 7px 10px; border: 1px solid var(--wb-line); border-radius: 999px; background: var(--wb-paper-soft); color: var(--wb-teal); font-size: .64rem; font-weight: 700; }
  .wb-mobile-signal b { border: 0; background: transparent; }
  .wb-proof__grid { grid-template-columns: 1fr 1fr; }
  .wb-case:last-child { grid-column: 1 / -1; }
  .wb-local__grid { grid-template-columns: 1fr; }
  .wb-local__intro { min-height: 440px; }
  .wb-answers__grid,
  .wb-faq__grid { grid-template-columns: 1fr; }
  .wb-answers__intro,
  .wb-faq__intro { position: static; min-height: 0; }
  .wb-sticky-frame.wb-answers .wb-answers__intro,
  .wb-sticky-frame.wb-faq .wb-faq__intro { border-radius: var(--wb-radius) var(--wb-radius) 0 0; }
  .wb-sticky-frame.wb-answers .wb-answers__list,
  .wb-sticky-frame.wb-faq .wb-faq__list { border-radius: 0 0 var(--wb-radius) var(--wb-radius); }
}

@media (max-width: 760px) {
  body.wsc-bundle-milton-seo { --wb-frame: calc(100vw - 16px); --wb-radius: 13px; font-size: 15px; }
  .wb-page { padding-top: 8px; padding-bottom: 34px; }
  .wb-frame,
  .wb-frame + .wb-frame { margin-top: 8px; }
  .wb-hero__copy { min-height: auto; padding: 34px 22px 30px; }
  .wb-hero h1 { margin-top: 20px; font-size: clamp(2.35rem, 11vw, 3.4rem); line-height: 1.02; }
  .wb-hero__intro { margin-top: 24px; font-size: .98rem; line-height: 1.58; }
  .wb-hero__bottom { align-items: flex-start; flex-direction: column; gap: 16px; margin-top: 28px; }
  .wb-hero__bottom .wb-cta { width: 100%; justify-content: space-between; }
  .wb-hero__visual { min-height: 350px; padding: 16px; }
  .wb-visual__label { gap: 8px; font-size: .5rem; letter-spacing: .045em; white-space: nowrap; }
  .wb-search-scene { min-height: 300px; padding-top: 12px; }
  .wb-search-beam,
  .wb-pulse { display: none; }
  .wb-search-window { width: min(100%, 320px); border-width: 1px; border-radius: 14px; box-shadow: 7px 8px 0 rgba(5,47,40,.28); }
  .wb-query { margin: 11px; padding: 9px 10px; font-size: .65rem; }
  .wb-results { gap: 6px; padding: 0 11px 12px; }
  .wb-result { grid-template-columns: 28px 1fr auto; gap: 7px; padding: 8px; }
  .wb-result i { width: 27px; font-size: .57rem; }
  .wb-result b { font-size: .62rem; }
  .wb-result span { font-size: .49rem; }
  .wb-result em { font-size: .47rem; }
  .wb-result.is-found { transform: translateX(-4px); }
  .wb-visual__principle {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 8px;
    padding-right: 2px;
    justify-items: end;
    font-size: .52rem;
  }
  .wb-visual__principle strong { font-size: .8rem; }
  .wb-hero__stat,
  .wb-hero__stat--wide { grid-column: span 12; min-height: 190px; padding: 28px 24px; }
  .wb-stat__value { font-size: clamp(3rem, 15vw, 4.5rem); }
  .wb-stat__source { width: auto; }

  .wb-system__header { padding: 38px 24px; }
  .wb-system__header h2 { font-size: clamp(2.1rem, 10vw, 3.2rem); }
  .wb-system__layout { border-radius: 0 0 var(--wb-radius) var(--wb-radius); }
  .wb-system__steps { border-radius: 0 0 var(--wb-radius) var(--wb-radius); }
  .wb-step { grid-template-columns: 1fr; gap: 12px; padding: 42px 24px; }
  .wb-step__number { padding-top: 0; }
  .wb-step h3 { margin-top: 11px; font-size: clamp(1.7rem, 8vw, 2.4rem); }
  .wb-step p:not(.wb-step__label) { margin-top: 17px; }

  .wb-local__intro { min-height: 460px; padding: 40px 24px; }
  body.wsc-bundle-milton-seo .wb-local__intro h2 { font-size: clamp(2.15rem, 10vw, 3.25rem); }
  .wb-local__point { grid-template-columns: 1fr; gap: 12px; padding: 36px 24px; }
  .wb-local__point:hover { padding-left: 24px; }

  .wb-proof__header { padding: 40px 24px; }
  .wb-proof__header h2 { font-size: clamp(2.15rem, 10vw, 3.35rem); }
  .wb-proof__grid { grid-template-columns: 1fr; }
  .wb-case,
  .wb-case:last-child { grid-column: auto; min-height: 420px; padding: 38px 24px; }
  .wb-case__metric { margin-top: 34px; }
  .wb-proof__note { padding: 20px 24px; }

  .wb-answers__intro,
  .wb-faq__intro { padding: 40px 24px; }
  .wb-answers__intro h2 { font-size: clamp(2.35rem, 11vw, 3.6rem); }
  .wb-faq__intro h2 { font-size: clamp(2.05rem, 9.5vw, 3rem); }
  .wb-answer { grid-template-columns: 1fr; gap: 18px; min-height: 0; padding: 40px 24px; }
  .wb-answer h3 { font-size: clamp(1.5rem, 7vw, 2.15rem); }
  .wb-faq summary { min-height: 84px; padding: 22px 58px 22px 24px; }
  .wb-faq summary::after { right: 20px; width: 28px; }
  .wb-faq__answer { padding: 0 24px 26px; }
}

@media (prefers-reduced-motion: reduce) {
  body.wsc-bundle-milton-seo,
  body.wsc-bundle-milton-seo * {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .wb-stage__scene { opacity: 1; visibility: visible; transform: none; }
  .wb-stage__scene:not(.is-active) { display: none; }
}

/* July 24, 2026 spacing correction after full-page reference comparison */
body.wsc-bundle-milton-seo {
  --wb-frame: min(1820px, calc(100vw - 40px));
  --wb-frame-gap: 20px;
  --wb-label-heading-gap: clamp(23px, 1.8vw, 30px);
  --wb-heading-copy-gap: clamp(25px, 2vw, 34px);
  --wb-card-heading-copy-gap: 17px;
}

.wb-page { padding-top: 20px; }
.wb-frame,
.wb-frame + .wb-frame { margin-top: var(--wb-frame-gap); }

/* Keep labels visually separate from the proposition they introduce. */
.wb-hero h1,
.wb-system__header h2,
body.wsc-bundle-milton-seo .wb-local__intro h2,
.wb-proof__header h2,
.wb-answers__intro h2,
.wb-faq__intro h2 {
  margin-top: var(--wb-label-heading-gap);
}

/* Keep main propositions and explanatory copy from reading as one block. */
.wb-hero__intro,
.wb-system__header > p:last-child,
.wb-local__intro p:not(.wb-kicker),
.wb-proof__header > p:last-child,
.wb-answers__intro p:not(.wb-kicker),
.wb-faq__intro > p:last-child {
  margin-top: var(--wb-heading-copy-gap);
}

/* Increase interior breathing room in major light and dark frames. */
.wb-hero__copy { padding-inline: clamp(42px, 5vw, 88px); }
.wb-system__header { padding: clamp(50px, 5vw, 88px); }
.wb-local__intro { padding: clamp(50px, 5vw, 88px); }
.wb-proof__header { padding: clamp(48px, 5vw, 82px); }
.wb-answers__intro,
.wb-faq__intro { padding: clamp(48px, 5vw, 82px); }

.wb-step { padding-inline: clamp(48px, 5vw, 88px); }
.wb-step h3 { margin-top: 17px; }
.wb-step p:not(.wb-step__label) { margin-top: 24px; }

.wb-local__point { padding: clamp(42px, 4.6vw, 72px); }
.wb-local__point p { margin-top: var(--wb-card-heading-copy-gap); }

.wb-case { padding: clamp(42px, 4.2vw, 68px); }
body.wsc-bundle-milton-seo .wb-case h3 { margin-top: 22px; }
.wb-case p { margin-top: var(--wb-card-heading-copy-gap); }

.wb-answer { padding: clamp(46px, 5.4vw, 78px); }
.wb-answer__body p { line-height: 1.68; }

@media (max-width: 760px) {
  body.wsc-bundle-milton-seo {
    --wb-frame: calc(100vw - 20px);
    --wb-frame-gap: 12px;
    --wb-label-heading-gap: 22px;
    --wb-heading-copy-gap: 24px;
  }

  .wb-page { padding-top: 10px; }
  .wb-frame,
  .wb-frame + .wb-frame { margin-top: var(--wb-frame-gap); }

  .wb-hero__copy,
  .wb-system__header,
  .wb-local__intro,
  .wb-proof__header,
  .wb-answers__intro,
  .wb-faq__intro { padding-inline: 28px; }

  .wb-step,
  .wb-local__point,
  .wb-case,
  .wb-case:last-child,
  .wb-answer { padding-inline: 28px; }

  .wb-step h3 { margin-top: 15px; }
  .wb-step p:not(.wb-step__label) { margin-top: 21px; }
  .wb-local__point p,
  .wb-case p { margin-top: 16px; }
}

/* July 24, 2026 final spacing alignment with Web Design Hamilton */
@media (min-width: 1101px) {
  body.wsc-bundle-milton-seo {
    --wb-editorial-gutter: clamp(22px, 2.25vw, 42px);
    --wb-editorial-top-space: clamp(24px, 3vw, 46px);
    --wb-editorial-section-gap: clamp(18px, 1.7vw, 28px);
    --wb-frame: min(1820px, calc(100vw - (var(--wb-editorial-gutter) * 2)));
    --wb-frame-gap: var(--wb-editorial-section-gap);
    --wb-radius: 22px;
  }

  .wb-page {
    padding-top: var(--wb-editorial-top-space);
    padding-bottom: var(--wb-editorial-section-gap);
  }

  .wb-frame,
  .wb-frame + .wb-frame {
    width: var(--wb-frame);
    max-width: var(--wb-frame);
    margin-right: auto;
    margin-left: auto;
    margin-top: var(--wb-editorial-section-gap);
  }

  main > .wb-frame:first-child { margin-top: 0; }

  .wb-stage,
  .wb-answers__intro,
  .wb-faq__intro { top: var(--wb-editorial-section-gap); }

  .wb-stage { height: calc(100vh - (var(--wb-editorial-section-gap) * 2)); }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.wsc-bundle-milton-seo {
    --wb-frame: calc(100vw - 32px);
    --wb-frame-gap: 16px;
    --wb-radius: 18px;
  }

  .wb-page { padding-top: 20px; padding-bottom: 18px; }

  .wb-frame,
  .wb-frame + .wb-frame {
    width: var(--wb-frame);
    max-width: var(--wb-frame);
    margin-right: auto;
    margin-left: auto;
    margin-top: 16px;
  }

  main > .wb-frame:first-child { margin-top: 0; }
}

@media (max-width: 760px) {
  body.wsc-bundle-milton-seo {
    --wb-frame: calc(100vw - 16px);
    --wb-frame-gap: 8px;
    --wb-radius: 13px;
  }

  .wb-page { padding-top: 8px; padding-bottom: 8px; }

  .wb-frame,
  .wb-frame + .wb-frame {
    width: var(--wb-frame);
    max-width: var(--wb-frame);
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
  }

  main > .wb-frame:first-child { margin-top: 0; }

  .wb-hero__copy { padding-right: 22px; padding-left: 22px; }

  .wb-system__header,
  .wb-proof__header { padding-right: 24px; padding-left: 24px; }

  .wb-step,
  .wb-motion-ready .wb-step { padding-right: 22px; padding-left: 22px; }

  .wb-local__intro,
  .wb-local__point,
  .wb-case,
  .wb-case:last-child,
  .wb-answer,
  .wb-answers__intro,
  .wb-faq__intro { padding-right: 24px; padding-left: 24px; }

  .wb-local__point:hover { padding-left: 24px; }

  .wb-local__intro > a {
    display: inline-flex;
    margin-top: 28px;
  }
}