@import url("/draft-css/home.css");

.home-copy-preview .shift-grid .section-copy p:nth-of-type(n + 3) { display: block; }
.home-copy-preview .proof-grid article:nth-child(n + 4) { display: flex; }

/* Use the homepage's visual system; only adapt the condensed section order. */
.home-copy-preview .shift-section { background: var(--white); }
.home-copy-preview .proof-section {
  background:
    linear-gradient(135deg, rgba(236, 15, 140, 0.075), transparent 34%),
    linear-gradient(35deg, rgba(0, 174, 239, 0.09), transparent 48%),
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px),
    var(--soft);
  background-size: auto, auto, 34px 34px, 34px 34px;
}
.home-copy-preview .proof-grid article { background: var(--white); }
.home-copy-preview .about-section,
.home-copy-preview .faq-section { background: var(--muted); }
.home-copy-preview .faq-grid { align-items: start; }
.home-copy-preview .faq-grid summary { cursor: pointer; }
.home-copy-preview .faq-grid summary h3 { display: inline; }
.home-copy-preview .faq-grid details[open] summary { margin-bottom: 16px; }
.home-copy-preview .faq-grid summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 6px; }
.home-copy-preview #offers { scroll-margin-top: 110px; }
.home-copy-preview .preview-diagnosis-row .offer-card { min-height: 360px; }
.home-copy-preview .offer-card .offer-recommendation { margin: 0 0 12px; color: var(--lime); font-size: 14px; font-weight: 700; line-height: 1.4; }
.home-copy-preview .preview-diagnosis-row .offer-card > a { margin-top: 0; }
.home-copy-preview .preview-self-tools { max-width: 1180px; margin: 36px auto 0; }
.home-copy-preview .preview-self-tools h3 { font-size: 22px; }
.home-copy-preview .preview-self-tools p { color: rgba(255, 255, 255, 0.82); line-height: 1.65; }
.home-copy-preview .preview-self-tools a { display: inline; padding: 0; color: #fff; background: none; border: 0; border-radius: 0; text-transform: none; font-size: inherit; letter-spacing: 0; text-decoration: underline; text-underline-offset: 4px; }
.home-copy-preview .paid-row .offer-card > a { margin-top: 0; }
.home-copy-preview .progress-section .section-heading p:not(.eyebrow) { color: rgba(255, 255, 255, 0.82); }
.home-copy-preview .shift-node strong { white-space: normal; }
.home-copy-preview .problem-section .section-heading p:not(.eyebrow) { color: var(--slate); }
.home-copy-preview .problem-section > .section-copy { max-width: 1180px; margin: 28px auto 0; }
.home-copy-preview .final-cta .offer-meta { margin: 16px 0 0; font-size: 13px; line-height: 1.5; font-weight: 500; }
.home-copy-preview .final-cta p:not(.eyebrow) { color: #fff; }
.home-copy-preview .final-cta .eyebrow { color: #fff; }
@media (max-width: 760px) {
  .home-copy-preview .mirror-question:nth-of-type(n + 4) { display: grid; }
  .home-copy-preview .architecture-shift-visual { display: grid; gap: 14px; min-height: 0; }
  .home-copy-preview .shift-core { order: 0; }
  .home-copy-preview .shift-node { order: 1; }
  .home-copy-preview .shift-system { order: 2; }
}
@media (max-width: 380px) {
  .home-copy-preview .architecture-shift-visual { grid-template-columns: minmax(0, 1fr); }
  .home-copy-preview .shift-core, .home-copy-preview .shift-system, .home-copy-preview .shift-node { grid-column: 1; }
}