/* Turnkey guide only - all presentation assets for this article live in this folder. */
.blog-article.page-blog-turnkey {
  --turnkey-ink:#090928;
  --turnkey-blue:#151842;
  --turnkey-gold:#c7a96c;
  --turnkey-cream:#faf8f1;
  --turnkey-line:rgba(21,24,66,.13);
}

.page-blog-turnkey .blog-detail-card .blog-hero__media {
  overflow:hidden;
  outline:1px solid color-mix(in srgb, var(--turnkey-gold) 58%, transparent);
  outline-offset:6px;
}
.page-blog-turnkey .blog-detail-card .blog-hero__media::after {
  position:absolute;
  inset:auto 0 0;
  height:31%;
  background:linear-gradient(transparent, rgba(9,9,40,.18));
  content:"";
  pointer-events:none;
}
.page-blog-turnkey .blog-detail-card .blog-prose {
  gap:22px;
  padding-top:clamp(32px, 4vw, 50px);
  background:linear-gradient(180deg, rgba(199,169,108,.09), transparent 15%);
}

/* Introduction: a strong start without inventing a separate summary. */
.page-blog-turnkey .blog-content-intro {
  padding:clamp(24px, 3vw, 36px) clamp(20px, 3.2vw, 42px);
  border:1px solid var(--turnkey-line);
  border-left:4px solid var(--turnkey-gold);
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0, rgba(199,169,108,.16), transparent 30%),
    linear-gradient(135deg, #fff, var(--turnkey-cream));
  box-shadow:0 16px 36px rgba(9,9,40,.06);
}
.page-blog-turnkey .blog-content-intro::after { width:148px; height:148px; border-color:rgba(199,169,108,.37); }
.page-blog-turnkey .blog-content-intro > p {
  position:relative;
  z-index:1;
  max-width:72ch;
  margin:0;
  color:#30304c;
  font-size:clamp(17px, 1.25vw, 19px);
  line-height:1.72;
}

/* Article sections use purposeful surfaces; their icon names come from content.php. */
.page-blog-turnkey .blog-content-section {
  overflow:hidden;
  padding:clamp(26px, 3.5vw, 42px);
  border:1px solid var(--turnkey-line);
  border-radius:16px;
  background:linear-gradient(145deg, #fff 0%, #fffdf9 100%);
  box-shadow:0 13px 32px rgba(9,9,40,.045);
}
.page-blog-turnkey .blog-section-heading {
  grid-template-columns:44px minmax(0, 1fr);
  align-items:center;
  gap:15px;
  margin-bottom:22px;
  padding-bottom:19px;
  border-bottom-color:rgba(21,24,66,.12);
}
.page-blog-turnkey .blog-section-mark {
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid rgba(199,169,108,.62);
  border-radius:12px;
  background:linear-gradient(135deg, #fffdf7, #f2ead9);
  color:var(--turnkey-blue);
}
.page-blog-turnkey .blog-section-mark::before,
.page-blog-turnkey .blog-section-mark::after { display:none; }
.page-blog-turnkey .blog-section-mark svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.page-blog-turnkey .blog-detail-card .blog-section-heading h2 {
  max-width:none;
  color:var(--turnkey-ink);
  font-size:clamp(24px, 2vw, 32px);
  font-weight:650;
  letter-spacing:-.042em;
  line-height:1.14;
}
.page-blog-turnkey .blog-content-section > p {
  max-width:75ch;
  margin:0 0 20px;
  color:#33334d;
}

/* PDF lists become scannable, responsive cards. */
.page-blog-turnkey .blog-card-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:22px;
}
.page-blog-turnkey .blog-detail-card .blog-info-card {
  display:grid;
  min-height:100%;
  grid-template-columns:38px minmax(0, 1fr);
  align-items:start;
  gap:13px;
  margin:0;
  padding:18px;
  border:1px solid rgba(21,24,66,.12);
  border-left:2px solid var(--turnkey-gold);
  border-radius:12px;
  background:linear-gradient(145deg, #fff, #fbf9f3);
  box-shadow:0 7px 18px rgba(9,9,40,.035);
}
.page-blog-turnkey .blog-detail-card .blog-info-card__icon {
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:10px;
  background:var(--turnkey-blue);
  color:#f4dfb2;
}
.page-blog-turnkey .blog-detail-card .blog-info-card__icon svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.75;
}
.page-blog-turnkey .blog-detail-card .blog-info-card p {
  margin:0;
  color:#2d2d48;
  font-size:15px;
  line-height:1.58;
}
/* Ordered PDF lists become a connected step timeline. */
.page-blog-turnkey .blog-card-grid--timeline {
  position:relative;
  grid-template-columns:1fr;
  gap:20px;
  margin:26px 0 5px 72px;
}
.page-blog-turnkey .blog-card-grid--timeline::before {
  position:absolute;
  top:48px;
  bottom:48px;
  left:-47px;
  width:2px;
  background:var(--turnkey-blue);
  content:"";
}
.page-blog-turnkey .blog-detail-card .blog-card-grid--timeline .blog-info-card--numbered {
  display:block;
  min-height:0;
  padding:22px 24px;
  border-left:1px solid rgba(21,24,66,.12);
}
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card__icon { display:none; }
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card__number {
  position:absolute;
  z-index:1;
  top:21px;
  left:-72px;
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border:4px solid var(--turnkey-cream);
  border-radius:50%;
  background:linear-gradient(135deg, #181a4b, #096fae);
  box-shadow:0 8px 17px rgba(9,9,40,.14);
  color:#fff;
  font-size:17px;
  font-weight:750;
  letter-spacing:-.02em;
  line-height:1;
}
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card p { font-size:16px; line-height:1.62; }

/* The PDF FAQ copy is presented as accessible expandable cards, not duplicated. */
.page-blog-turnkey .turnkey-faq-grid { display:grid; gap:11px; }
.page-blog-turnkey .turnkey-faq-card {
  overflow:hidden;
  border:1px solid rgba(21,24,66,.12);
  border-radius:12px;
  background:#fff;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.page-blog-turnkey .turnkey-faq-card[open] { border-color:rgba(199,169,108,.8); box-shadow:0 11px 24px rgba(9,9,40,.055); }
.page-blog-turnkey .turnkey-faq-card summary {
  display:grid;
  grid-template-columns:28px minmax(0, 1fr) 23px;
  align-items:center;
  gap:12px;
  padding:18px 20px;
  color:var(--turnkey-ink);
  cursor:pointer;
  font-size:16px;
  font-weight:650;
  line-height:1.4;
  list-style:none;
}
.page-blog-turnkey .turnkey-faq-card summary::-webkit-details-marker { display:none; }
.page-blog-turnkey .turnkey-faq-card summary span { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; background:#f1eadc; color:var(--turnkey-blue); }
.page-blog-turnkey .turnkey-faq-card summary svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.page-blog-turnkey .turnkey-faq-card summary b { color:var(--turnkey-gold); font-size:21px; font-weight:400; text-align:center; transition:transform .25s var(--ease); }
.page-blog-turnkey .turnkey-faq-card[open] summary b { transform:rotate(45deg); }
.page-blog-turnkey .turnkey-faq-card p { margin:0; padding:0 20px 20px 60px; color:#34344e; font-size:15px; line-height:1.65; }

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .page-blog-turnkey .blog-content-section,
  .page-blog-turnkey .blog-content-intro,
  .page-blog-turnkey .blog-info-card { transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease); }
  .page-blog-turnkey .blog-content-section:hover { transform:translateY(-3px); border-color:rgba(199,169,108,.63); box-shadow:0 22px 42px rgba(9,9,40,.075); }
  .page-blog-turnkey .blog-info-card:hover { transform:translateY(-4px); border-color:rgba(199,169,108,.7); box-shadow:0 15px 25px rgba(9,9,40,.085); }
  .page-blog-turnkey .turnkey-faq-card:hover { border-color:rgba(199,169,108,.7); }
}

/* Never hide copy before JavaScript runs. Motion enhances only after an item enters view. */
@media (prefers-reduced-motion:no-preference) {
  .page-blog-turnkey[data-article-motion="true"] .blog-info-card.is-in-view { animation:turnkey-card-enter .52s var(--ease) both; animation-delay:var(--blog-card-delay, 0ms); }
  .page-blog-turnkey[data-article-motion="true"] .turnkey-faq-card.is-in-view { animation:turnkey-card-enter .45s var(--ease) both; }
  .page-blog-turnkey[data-article-ready="true"] .blog-hero__media { animation:turnkey-hero-in .7s var(--ease) both; }
  @keyframes turnkey-card-enter { from { opacity:.35; transform:translateY(13px); } to { opacity:1; transform:none; } }
  @keyframes turnkey-hero-in { from { opacity:.72; transform:translateY(12px); } to { opacity:1; transform:none; } }
}

@media (max-width:760px) {
  .page-blog-turnkey .blog-detail-card .blog-hero__media { outline-offset:3px; }
  .page-blog-turnkey .blog-content-intro,
  .page-blog-turnkey .blog-content-section { padding:21px 16px; border-radius:12px; }
  .page-blog-turnkey .blog-section-heading { grid-template-columns:36px minmax(0, 1fr); gap:11px; margin-bottom:17px; padding-bottom:14px; }
  .page-blog-turnkey .blog-section-mark { width:32px; height:32px; border-radius:10px; }
  .page-blog-turnkey .blog-section-mark svg { width:17px; height:17px; }
  .page-blog-turnkey .blog-detail-card .blog-section-heading h2 { font-size:clamp(22px, 6vw, 26px); }
  .page-blog-turnkey .blog-card-grid { grid-template-columns:1fr; gap:10px; margin-top:17px; }
  .page-blog-turnkey .blog-detail-card .blog-info-card { grid-template-columns:34px minmax(0, 1fr); gap:11px; padding:15px; }
  .page-blog-turnkey .blog-detail-card .blog-info-card__icon { width:29px; height:29px; border-radius:9px; }
  .page-blog-turnkey .blog-card-grid--timeline { gap:14px; margin:20px 0 4px 54px; }
  .page-blog-turnkey .blog-card-grid--timeline::before { top:40px; bottom:40px; left:-35px; }
  .page-blog-turnkey .blog-detail-card .blog-card-grid--timeline .blog-info-card--numbered { padding:17px 16px; }
  .page-blog-turnkey .blog-card-grid--timeline .blog-info-card__number { top:15px; left:-54px; width:42px; height:42px; border-width:3px; font-size:15px; }
  .page-blog-turnkey .blog-card-grid--timeline .blog-info-card p { font-size:14px; line-height:1.58; }
  .page-blog-turnkey .blog-detail-card .blog-info-card p { font-size:14px; line-height:1.58; }
  .page-blog-turnkey .turnkey-faq-card summary { grid-template-columns:25px minmax(0, 1fr) 20px; gap:9px; padding:16px; font-size:15px; }
  .page-blog-turnkey .turnkey-faq-card summary span { width:24px; height:24px; }
  .page-blog-turnkey .turnkey-faq-card p { padding:0 16px 17px 50px; font-size:14px; }
}

/* Flat reading layout: the main article card is the only content surface. */
.page-blog-turnkey .blog-detail-card .blog-prose {
  gap:0;
  padding-top:clamp(20px, 2.2vw, 28px);
  background:transparent;
}
.page-blog-turnkey .blog-content-intro {
  padding:0 0 clamp(26px, 3vw, 38px);
  border:0;
  border-bottom:1px solid var(--turnkey-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-blog-turnkey .blog-content-intro::after { display:none; }
.page-blog-turnkey .blog-content-intro > p {
  max-width:none;
  color:#35354e;
  font-size:clamp(16px, 1.18vw, 18px);
}
.page-blog-turnkey .blog-content-section {
  overflow:visible;
  padding:clamp(30px, 3.6vw, 48px) 0;
  border:0;
  border-bottom:1px solid var(--turnkey-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-blog-turnkey .blog-content-section:last-child { border-bottom:0; }
.page-blog-turnkey .blog-section-heading {
  grid-template-columns:34px minmax(0, 1fr);
  gap:12px;
  margin-bottom:18px;
  padding-bottom:0;
  border-bottom:0;
}
.page-blog-turnkey .blog-section-mark {
  width:30px;
  height:30px;
  border:1px solid rgba(199,169,108,.7);
  border-radius:50%;
  background:transparent;
}
.page-blog-turnkey .blog-section-mark svg { width:16px; height:16px; }
.page-blog-turnkey .blog-content-section > p { max-width:none; }
.page-blog-turnkey .blog-card-grid {
  gap:14px 30px;
  margin-top:20px;
}
.page-blog-turnkey .blog-detail-card .blog-info-card {
  min-height:0;
  padding:2px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-blog-turnkey .blog-detail-card .blog-info-card__icon {
  width:28px;
  height:28px;
  border:1px solid rgba(21,24,66,.35);
  border-radius:50%;
  background:transparent;
  color:var(--turnkey-blue);
}
.page-blog-turnkey .blog-detail-card .blog-info-card p { color:#35354e; }

/* Numbered PDF lists retain a clear timeline, without creating inner cards. */
.page-blog-turnkey .blog-card-grid--timeline { gap:18px; margin:24px 0 0 62px; }
.page-blog-turnkey .blog-card-grid--timeline::before { top:38px; bottom:38px; left:-40px; background:var(--turnkey-blue); }
.page-blog-turnkey .blog-detail-card .blog-card-grid--timeline .blog-info-card--numbered {
  display:grid;
  grid-template-columns:28px minmax(0, 1fr);
  align-items:start;
  gap:12px;
  padding:8px 0 8px 8px;
  border:0;
  border-left:1px solid rgba(21,24,66,.1);
  background:transparent;
  box-shadow:none;
}
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card__icon {
  display:grid;
  width:27px;
  height:27px;
  color:var(--turnkey-blue);
}
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card__number {
  top:2px;
  left:-62px;
  width:44px;
  height:44px;
  border:3px solid var(--white);
  background:var(--turnkey-blue);
  box-shadow:none;
  font-size:15px;
}
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card p { font-size:16px; line-height:1.62; }

.page-blog-turnkey .turnkey-faq-grid { gap:0; border-top:1px solid var(--turnkey-line); }
.page-blog-turnkey .turnkey-faq-card,
.page-blog-turnkey .turnkey-faq-card[open] {
  border:0;
  border-bottom:1px solid var(--turnkey-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-blog-turnkey .turnkey-faq-card summary { padding:17px 0; }
.page-blog-turnkey .turnkey-faq-card summary span { background:transparent; border:1px solid rgba(21,24,66,.35); }
.page-blog-turnkey .turnkey-faq-card p { padding:0 0 18px 40px; }

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .page-blog-turnkey .blog-content-section:hover,
  .page-blog-turnkey .blog-info-card:hover {
    transform:none;
    border-color:inherit;
    box-shadow:none;
  }
  .page-blog-turnkey .turnkey-faq-card:hover { border-color:var(--turnkey-line); }
}

@media (max-width:760px) {
  .page-blog-turnkey .blog-detail-card .blog-prose { padding-top:18px; }
  .page-blog-turnkey .blog-content-intro { padding-bottom:24px; }
  .page-blog-turnkey .blog-content-section { padding:28px 0; }
  .page-blog-turnkey .blog-section-heading { grid-template-columns:30px minmax(0, 1fr); gap:9px; }
  .page-blog-turnkey .blog-section-mark { width:27px; height:27px; }
  .page-blog-turnkey .blog-card-grid { grid-template-columns:1fr; gap:13px; }
  .page-blog-turnkey .blog-detail-card .blog-info-card { grid-template-columns:30px minmax(0, 1fr); padding:1px 0; }
  .page-blog-turnkey .blog-detail-card .blog-info-card__icon { width:25px; height:25px; }
  .page-blog-turnkey .blog-card-grid--timeline { gap:16px; margin-top:19px; margin-left:50px; }
  .page-blog-turnkey .blog-card-grid--timeline::before { top:35px; bottom:35px; left:-33px; }
  .page-blog-turnkey .blog-detail-card .blog-card-grid--timeline .blog-info-card--numbered { grid-template-columns:25px minmax(0, 1fr); gap:9px; padding:4px 0 4px 7px; }
  .page-blog-turnkey .blog-card-grid--timeline .blog-info-card__icon { width:25px; height:25px; }
  .page-blog-turnkey .blog-card-grid--timeline .blog-info-card__number { top:0; left:-50px; width:38px; height:38px; border-width:2px; font-size:14px; }
  .page-blog-turnkey .blog-card-grid--timeline .blog-info-card p { font-size:14px; line-height:1.58; }
  .page-blog-turnkey .turnkey-faq-card summary { padding:15px 0; }
  .page-blog-turnkey .turnkey-faq-card p { padding:0 0 16px 35px; }
}

/* Reference-inspired information cards for this article only. */
.page-blog-turnkey .blog-detail-card .blog-prose {
  gap:20px;
  padding-top:clamp(28px, 3vw, 42px);
  background:linear-gradient(180deg, rgba(199,169,108,.08), transparent 17%);
}
.page-blog-turnkey .blog-content-intro {
  padding:clamp(23px, 3vw, 34px);
  border:1px solid rgba(199,169,108,.5);
  border-left:4px solid var(--turnkey-gold);
  border-radius:15px;
  background:linear-gradient(135deg, #fffefb, #f7f1e4);
  box-shadow:0 12px 29px rgba(9,9,40,.055);
}
.page-blog-turnkey .blog-content-intro::after { display:block; }
.page-blog-turnkey .blog-content-section {
  padding:clamp(26px, 3.1vw, 40px);
  border:1px solid rgba(21,24,66,.12);
  border-radius:15px;
  background:linear-gradient(145deg, #fff, #fcfaf5);
  box-shadow:0 12px 30px rgba(9,9,40,.045);
}
.page-blog-turnkey .blog-content-section:last-child { border-bottom:1px solid rgba(21,24,66,.12); }
.page-blog-turnkey .blog-section-heading {
  grid-template-columns:40px minmax(0, 1fr);
  gap:13px;
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(21,24,66,.11);
}
.page-blog-turnkey .blog-section-mark {
  width:36px;
  height:36px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg, var(--turnkey-blue), #096fae);
  color:#f5e2b9;
  box-shadow:0 6px 13px rgba(9,9,40,.13);
}
.page-blog-turnkey .blog-section-mark svg { width:18px; height:18px; }
.page-blog-turnkey .blog-card-grid { gap:14px; margin-top:21px; }
.page-blog-turnkey .blog-detail-card .blog-info-card {
  min-height:100%;
  padding:17px;
  border:1px solid rgba(21,24,66,.11);
  border-left:3px solid var(--turnkey-gold);
  border-radius:12px;
  background:linear-gradient(145deg, #fff, #f9f6ee);
  box-shadow:0 8px 19px rgba(9,9,40,.035);
}
.page-blog-turnkey .blog-detail-card .blog-info-card__icon {
  width:32px;
  height:32px;
  border:0;
  border-radius:10px;
  background:var(--turnkey-blue);
  color:#f5e2b9;
}

/* Connected steps: card surfaces on the right, number and matching icon on the rail. */
.page-blog-turnkey .blog-card-grid--timeline { gap:18px; margin:25px 0 4px 67px; }
.page-blog-turnkey .blog-card-grid--timeline::before { top:48px; bottom:48px; left:-44px; background:linear-gradient(var(--turnkey-blue), #096fae); }
.page-blog-turnkey .blog-detail-card .blog-card-grid--timeline .blog-info-card--numbered {
  grid-template-columns:31px minmax(0, 1fr);
  gap:13px;
  padding:20px;
  border:1px solid rgba(21,24,66,.11);
  border-left:3px solid var(--turnkey-gold);
  border-radius:12px;
  background:linear-gradient(145deg, #fff, #faf7ef);
  box-shadow:0 8px 20px rgba(9,9,40,.04);
}
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card__icon {
  width:29px;
  height:29px;
  border:0;
  border-radius:9px;
  background:#f1eadc;
  color:var(--turnkey-blue);
}
.page-blog-turnkey .blog-card-grid--timeline .blog-info-card__number {
  top:19px;
  left:-67px;
  width:48px;
  height:48px;
  border:4px solid #fff;
  background:linear-gradient(135deg, var(--turnkey-blue), #096fae);
  box-shadow:0 8px 17px rgba(9,9,40,.14);
  font-size:16px;
}

.page-blog-turnkey .turnkey-faq-grid { gap:10px; border:0; }
.page-blog-turnkey .turnkey-faq-card,
.page-blog-turnkey .turnkey-faq-card[open] {
  border:1px solid rgba(21,24,66,.11);
  border-radius:11px;
  background:#fff;
  box-shadow:0 5px 14px rgba(9,9,40,.025);
}
.page-blog-turnkey .turnkey-faq-card[open] { border-color:rgba(199,169,108,.75); box-shadow:0 11px 24px rgba(9,9,40,.055); }
.page-blog-turnkey .turnkey-faq-card summary { padding:17px 18px; }
.page-blog-turnkey .turnkey-faq-card summary span { border:0; background:#f1eadc; }
.page-blog-turnkey .turnkey-faq-card p { padding:0 18px 19px 58px; }

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .page-blog-turnkey .blog-content-section,
  .page-blog-turnkey .blog-content-intro,
  .page-blog-turnkey .blog-info-card { transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease); }
  .page-blog-turnkey .blog-content-section:hover { transform:translateY(-3px); border-color:rgba(199,169,108,.65); box-shadow:0 20px 40px rgba(9,9,40,.075); }
  .page-blog-turnkey .blog-info-card:hover { transform:translateY(-4px); border-color:rgba(199,169,108,.72); box-shadow:0 15px 27px rgba(9,9,40,.08); }
  .page-blog-turnkey .turnkey-faq-card:hover { border-color:rgba(199,169,108,.65); }
}
@media (prefers-reduced-motion:no-preference) {
  .page-blog-turnkey[data-article-motion="true"] .blog-content-section.is-in-view { animation:turnkey-section-in .56s var(--ease) both; }
  @keyframes turnkey-section-in { from { opacity:.35; transform:translateY(18px); } to { opacity:1; transform:none; } }
}

@media (max-width:960px) {
  .page-blog-turnkey .blog-content-section { padding:28px 24px; }
  .page-blog-turnkey .blog-card-grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .page-blog-turnkey .blog-detail-card .blog-prose { gap:15px; padding-top:22px; }
  .page-blog-turnkey .blog-content-intro,
  .page-blog-turnkey .blog-content-section { padding:20px 16px; border-radius:11px; }
  .page-blog-turnkey .blog-section-heading { grid-template-columns:32px minmax(0, 1fr); gap:10px; margin-bottom:16px; padding-bottom:13px; }
  .page-blog-turnkey .blog-section-mark { width:29px; height:29px; border-radius:9px; }
  .page-blog-turnkey .blog-detail-card .blog-info-card { padding:14px; }
  .page-blog-turnkey .blog-card-grid--timeline { gap:14px; margin:19px 0 2px 52px; }
  .page-blog-turnkey .blog-card-grid--timeline::before { top:41px; bottom:41px; left:-34px; }
  .page-blog-turnkey .blog-detail-card .blog-card-grid--timeline .blog-info-card--numbered { grid-template-columns:27px minmax(0, 1fr); gap:10px; padding:15px; }
  .page-blog-turnkey .blog-card-grid--timeline .blog-info-card__icon { width:26px; height:26px; }
  .page-blog-turnkey .blog-card-grid--timeline .blog-info-card__number { top:13px; left:-52px; width:40px; height:40px; border-width:3px; font-size:14px; }
  .page-blog-turnkey .turnkey-faq-grid { gap:8px; }
  .page-blog-turnkey .turnkey-faq-card summary { padding:15px; }
  .page-blog-turnkey .turnkey-faq-card p { padding:0 15px 16px 51px; }
}

/* Final conversion and trust moments - backed only by the existing PDF sections. */
.page-blog-turnkey .blog-content-section--trust {
  border-color:rgba(199,169,108,.68);
  background:
    radial-gradient(circle at 100% 0, rgba(199,169,108,.19), transparent 34%),
    linear-gradient(145deg, #fffdf8, #f7f0df);
}
.page-blog-turnkey .blog-content-section--trust .blog-section-mark {
  background:linear-gradient(135deg, #b48a3d, #d7bd83);
  color:var(--turnkey-blue);
}
.page-blog-turnkey .blog-content-section--cta {
  overflow:hidden;
  border-color:transparent;
  background:
    radial-gradient(circle at 94% 7%, rgba(199,169,108,.28), transparent 26%),
    linear-gradient(135deg, #070722, #171943);
  box-shadow:0 22px 46px rgba(9,9,40,.18);
}
.page-blog-turnkey .blog-content-section--cta::after {
  position:absolute;
  right:-72px;
  bottom:-86px;
  width:230px;
  height:230px;
  border:1px solid rgba(245,226,185,.28);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.page-blog-turnkey .blog-content-section--cta .blog-section-heading { position:relative; z-index:1; border-bottom-color:rgba(255,255,255,.18); }
.page-blog-turnkey .blog-content-section--cta .blog-section-heading h2 { color:#fff; }
.page-blog-turnkey .blog-content-section--cta .blog-section-mark { background:#f3ead7; color:var(--turnkey-blue); box-shadow:none; }
.page-blog-turnkey .blog-content-section--cta > p { position:relative; z-index:1; color:rgba(255,255,255,.79); }
.page-blog-turnkey .turnkey-inline-cta { margin:24px 0 0 !important; }
.page-blog-turnkey .turnkey-inline-cta a {
  display:inline-flex;
  align-items:center;
  gap:13px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 9px 20px rgba(0,0,0,.18);
  color:var(--turnkey-blue);
  font-size:14px;
  font-weight:750;
  letter-spacing:.01em;
  text-decoration:none;
  transition:transform .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
}
.page-blog-turnkey .turnkey-inline-cta a:hover { transform:translateY(-2px); background:#f5e2b9; }
.page-blog-turnkey .turnkey-inline-cta a:focus-visible,
.page-blog-turnkey .turnkey-faq-card summary:focus-visible {
  outline:3px solid #c7a96c;
  outline-offset:4px;
}
@media (prefers-reduced-motion:no-preference) {
  .page-blog-turnkey[data-article-motion="true"] .blog-content-section--cta.is-in-view { animation:turnkey-cta-arrive .65s var(--ease) both; }
  @keyframes turnkey-cta-arrive { from { opacity:.45; transform:translateY(22px) scale(.985); } to { opacity:1; transform:none; } }
}
@media (max-width:760px) {
  .page-blog-turnkey .blog-content-section--cta { padding:24px 18px; }
  .page-blog-turnkey .turnkey-inline-cta a { width:100%; justify-content:center; }
}

/* Layout background only; cards retain their own visual treatment. */
body:has(.page-blog-turnkey),
.page-blog-turnkey,
.page-blog-turnkey .blog-reference-stage,
.page-blog-turnkey .blog-detail-card {
  background:#FDFCF9;
}

/* The title, metadata and the space between content sections are part of the
   page layout—not separate cards—so they use one uninterrupted background. */
.page-blog-turnkey .blog-detail-card .blog-hero,
.page-blog-turnkey .blog-detail-card .blog-hero__copy,
.page-blog-turnkey .blog-detail-card .blog-article__meta,
.page-blog-turnkey .blog-detail-card .blog-prose {
  background:#FDFCF9 !important;
}

/* Reading copy is not a card. Remove only these large section containers;
   the comparison, numbered timeline and FAQ cards inside remain intact. */
.page-blog-turnkey .blog-content-intro,
.page-blog-turnkey .blog-content-section:not(.blog-content-section--trust):not(.blog-content-section--cta),
.page-blog-turnkey .blog-content-section:last-child {
  padding:12px 4px 20px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-blog-turnkey .blog-content-intro { border-left:0; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .page-blog-turnkey .blog-content-intro,
  .page-blog-turnkey .blog-content-section:not(.blog-content-section--trust):not(.blog-content-section--cta) {
    transition:none;
  }
  .page-blog-turnkey .blog-content-section:not(.blog-content-section--trust):not(.blog-content-section--cta):hover {
    transform:none;
    border-color:transparent;
    box-shadow:none;
  }
}
@media (max-width:760px) {
  .page-blog-turnkey .blog-content-intro,
  .page-blog-turnkey .blog-content-section:not(.blog-content-section--trust):not(.blog-content-section--cta),
  .page-blog-turnkey .blog-content-section:last-child { padding:10px 0 18px; }
}