/* DFY page styling aligned with the Wordflow homepage. */
body.wf-dfy {
  --dfy-red: #7f1d1d;
  --dfy-red-dark: #5b1420;
  --dfy-ink: #251316;
  --dfy-muted: #584347;
  --dfy-cream: #fff8f6;
  background: #fffaf8;
  color: var(--dfy-ink);
}

body.wf-dfy .custom-header {
  background: rgba(255, 250, 248, .98);
  border-bottom: 1px solid #f0ddda;
  box-shadow: 0 8px 24px rgba(62, 22, 27, .07);
}
body.wf-dfy .header-nav { gap: 16px; }
body.wf-dfy .desktop-menu { gap: clamp(12px, 1.5vw, 24px); }

body.wf-dfy .desktop-menu a,
body.wf-dfy .mobile-menu a { color: var(--dfy-ink); }
body.wf-dfy .desktop-menu a:hover,
body.wf-dfy .mobile-menu a:hover,
body.wf-dfy .desktop-menu a[aria-current="page"] { color: var(--dfy-red); }
body.wf-dfy .cta-button,
body.wf-dfy .cta-button-mobile {
  background: linear-gradient(135deg, var(--dfy-red), var(--dfy-red-dark));
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(127, 29, 29, .22);
}

body.wf-dfy .dfy-hero {
  min-height: min(780px, 92vh) !important;
  background: radial-gradient(circle at 85% 15%, rgba(215, 91, 91, .32), transparent 35%),
              linear-gradient(135deg, #9b2424 0%, var(--dfy-red) 48%, var(--dfy-red-dark) 100%) !important;
}
body.wf-dfy .dfy-hero h1 { letter-spacing: -.035em; }
body.wf-dfy .dfy-hero button,
body.wf-dfy .dfy-card button,
body.wf-dfy .dfy-process button {
  border-radius: 12px !important;
}
body.wf-dfy .dfy-hero button:first-child {
  background: #fff8f6 !important;
  color: var(--dfy-red-dark) !important;
  box-shadow: 0 12px 28px rgba(35, 8, 13, .2) !important;
}

body.wf-dfy #packages-section { scroll-margin-top: 70px; }
body.wf-dfy .dfy-card {
  border-radius: 18px !important;
  box-shadow: 0 12px 36px rgba(91, 20, 32, .08) !important;
}
body.wf-dfy .dfy-card-featured {
  box-shadow: 0 18px 44px rgba(127, 29, 29, .15) !important;
}
body.wf-dfy .dfy-card h3 { color: var(--dfy-ink) !important; }
body.wf-dfy .dfy-card button {
  background: linear-gradient(135deg, var(--dfy-red), var(--dfy-red-dark)) !important;
}
body.wf-dfy .dfy-card button:hover,
body.wf-dfy .dfy-process button:hover { filter: brightness(1.12); }
body.wf-dfy .dfy-process { border: 1px solid #ead8d5; }
body.wf-dfy .dfy-process button {
  background: linear-gradient(135deg, var(--dfy-red), var(--dfy-red-dark)) !important;
}

body.wf-dfy #site-footer { background: var(--dfy-ink) !important; }

body.wf-dfy a:focus-visible,
body.wf-dfy button:focus-visible {
  outline: 3px solid #d77c7c;
  outline-offset: 3px;
}

body.wf-dfy #dfyComingSoon {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 100000;
  padding: 12px 20px;
  border: 1px solid #7f1d1d;
  border-radius: 10px;
  background: #251316;
  color: #fff;
  box-shadow: 0 12px 30px rgba(37, 19, 22, .25);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  max-width: calc(100vw - 32px);
  pointer-events: none;
}
body.wf-dfy #dfyComingSoon[hidden] { display: none; }

@media (max-width: 767px) {
  body.wf-dfy .dfy-hero { min-height: auto !important; padding: 88px 20px 72px !important; }
  body.wf-dfy #packages-section { padding: 68px 16px !important; }
  body.wf-dfy .dfy-card { padding: 32px 24px !important; }
  body.wf-dfy .dfy-process { padding: 32px 20px !important; }
}