:root {
  --navy: #052f73;
  --blue: #087fc5;
  --red: #12bfb7;
  --yellow: #a8ea31;
  --ink: #0b1e3a;
  --muted: #526b7e;
  --line: #d7e8ec;
  --pale: #f1fbfb;
}

body { background: #fff; }
.announcement { background: linear-gradient(90deg, #052f73, #087fc5); font-size: clamp(18px, 2vw, 24px); padding: 22px 20px; }
.announcement strong { color: #fff; display: inline; }
header { height: 132px; box-shadow: 0 8px 28px rgba(5,47,115,.08); }
.brand img { width: 150px; height: 120px; }
.button { background: linear-gradient(135deg, #087fc5, #12bfb7); box-shadow: 0 5px 0 #066d86, 0 14px 30px rgba(8,127,197,.18); border-radius: 999px; }
.button:hover { box-shadow: 0 7px 0 #066d86, 0 18px 36px rgba(8,127,197,.22); }
.hero { position: relative; }
.hero:before { content: ''; position: absolute; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(18,191,183,.13), rgba(168,234,49,.02) 70%); left: -180px; top: 80px; z-index: -1; }
h1 em { color: #087fc5; text-decoration: underline; text-decoration-color: #a8ea31; text-decoration-thickness: .12em; text-underline-offset: .1em; }
.offer-card { border-color: #b9dde2; box-shadow: 18px 18px 0 #a8ea31; border-radius: 22px; overflow: hidden; }
.logo-stage { background: radial-gradient(circle at center, #effdfb 0, #fff 68%); min-height: 340px; }
.logo-stage img { width: min(390px, 96%); max-height: 325px; }
.offer-body { background: linear-gradient(145deg, #052f73, #074998); }
.offer-label, .offer-body li:before { color: #a8ea31; }
.value-bar { background: linear-gradient(90deg, #a8ea31, #3cdb9b); }
.value-bar b { color: #052f73; }
.exclusive { color: #334e68; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.5; font-weight: 700; }
.value-bar { overflow: hidden; padding: 19px 0; }
.value-bar .marquee-track { display: flex; width: max-content; animation: enablfy-marquee 24s linear infinite; }
.value-bar .marquee-group { display: flex; align-items: center; justify-content: space-around; flex-shrink: 0; min-width: 100vw; gap: clamp(48px, 8vw, 150px); padding: 0 clamp(24px, 4vw, 70px); color: #052f73; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: .09em; white-space: nowrap; }
@keyframes enablfy-marquee { to { transform: translateX(-50%); } }
.overview>p { border-left-color: #12bfb7; }
.account-card { border-top-color: #12bfb7; border-radius: 18px; box-shadow: 0 24px 60px rgba(5,47,115,.08); }
.systems { background: linear-gradient(145deg, #04285f, #063f85); }
.system-grid article { border-color: rgba(34,214,200,.32); }
.system-grid .icon { background: rgba(168,234,49,.13); color: #a8ea31; }
.outcome-grid div { border-top-color: #12bfb7; }
.center { background: linear-gradient(135deg, #eafbfa, #f8fffa); }
.support-list article span { color: #087fc5; }
.plain-email { color: #052f73 !important; font-weight: 900; margin-bottom: 0; }
.support-banner { background: #fff; border-radius: 22px; box-shadow: 0 24px 60px rgba(5,47,115,.1); border-left-color: #12bfb7; }
.pricing-section { background: linear-gradient(145deg, #052f73, #064f95); }
.pricing-section .pricing-grid > div:first-child h2,
.pricing-section .pricing-grid > div:first-child > p,
.pricing-section .savings-callout strong,
.pricing-section .savings-callout span { color: #fff; }
.pricing-section .pricing-grid > div:first-child > .eyebrow { color: #72e7dc; }
.pricing-section .pricing-grid > div:first-child > p:not(.eyebrow) { color: rgba(255,255,255,.9); }
.pricing-card { border-radius: 22px; box-shadow: 18px 18px 0 #a8ea31; }
.savings-callout { border-color: rgba(168,234,49,.5); background: rgba(168,234,49,.09); }
.final-cta { background: linear-gradient(90deg, #073c7a, #087fc5 58%, #10aeb1); }
.final-cta .yellow { background: #a8ea31; color: #052f73; box-shadow: 0 5px 0 #5f9919; }
.final-cta .yellow:hover { box-shadow: 0 7px 0 #5f9919; }
.final-cta img, footer img { background: #fff; border-radius: 18px; object-fit: contain; }
.support-email { color: #052f73; background: #e9fbf8; border-color: #12bfb7; }
details[open] { border-color: #12bfb7; }
.section-cta { margin-top: 54px; margin-bottom: 54px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 28px; background: #eefbf9; border: 1px solid #bdeae5; border-left: 6px solid #12bfb7; border-radius: 18px; box-shadow: 0 16px 38px rgba(5,47,115,.08); }
.section-cta > div { display: flex; flex-direction: column; gap: 4px; }
.section-cta strong { color: #052f73; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(21px, 2vw, 28px); line-height: 1.2; }
.section-cta > div > span { color: #526b7e; font-size: 16px; }
.section-cta .button { flex-shrink: 0; }
.section-cta-dark { width: 100%; margin: 42px 0 0; background: rgba(255,255,255,.08); border-color: rgba(114,231,220,.4); border-left-color: #a8ea31; box-shadow: none; }
.section-cta-dark strong, .section-cta-dark > div > span { color: #fff; }
.section-cta-accent { margin-top: -46px; margin-bottom: 82px; background: linear-gradient(135deg, #052f73, #087fc5); border: 0; border-left: 6px solid #a8ea31; }
.section-cta-accent strong, .section-cta-accent > div > span { color: #fff; }

@media (max-width: 650px) {
  .announcement { font-size: 17px; padding: 18px 16px; }
  .announcement strong { display: block; margin: 4px 0 0; }
  header { height: 100px; }
  .brand img { width: 110px; height: 90px; }
  .hero-actions .button { width: 100%; }
  .offer-card { box-shadow: 10px 10px 0 #a8ea31; }
  .section-cta { align-items: stretch; flex-direction: column; padding: 25px 22px; text-align: center; }
  .section-cta .button { width: 100%; }
  .section-cta-accent { margin-top: -28px; margin-bottom: 60px; }
}

@media (prefers-reduced-motion: reduce) {
  .value-bar .marquee-track { animation: none; }
  .value-bar .marquee-group[aria-hidden="true"] { display: none; }
}

/* Scroll-triggered section motion is activated only after JavaScript loads. */
.reveal-ready .scroll-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .72s ease, transform .72s cubic-bezier(.2,.72,.25,1);
  transition-delay: var(--reveal-delay, 0ms);
}
.reveal-ready .scroll-reveal.reveal-left { transform: translateX(-34px); }
.reveal-ready .scroll-reveal.reveal-right { transform: translateX(34px); }
.reveal-ready .scroll-reveal.is-visible { opacity: 1; transform: translate(0, 0); }

@media (prefers-reduced-motion: reduce) {
  .reveal-ready .scroll-reveal,
  .reveal-ready .scroll-reveal.reveal-left,
  .reveal-ready .scroll-reveal.reveal-right {
    opacity: 1;
    transform: none;
    transition: none;
  }
}