/* TeleFX: navy and white two-tone theme */
:root { --navy: #073f8c; --blue: #073f8c; --electric: #073f8c; --green: #073f8c; --ink: #062c66; --pale: #f7faff; --line: #b9cdec; }

body { background: #fff; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #073f8c; outline-offset: 3px; }
.site-header, .site-footer { background: #073f8c; }
.hero { background: #fff; }
.hero-grid { opacity: .26; }
.eyebrow, .proof-label { background: #073f8c; }

.button--primary {
  background: #fff;
  border: 2px solid #073f8c;
  box-shadow: none;
  color: #073f8c;
}
.button--primary:hover { background: #073f8c; box-shadow: none; color: #fff; }
.button--primary span { background: #073f8c; color: #fff; }
.button--primary:hover span { background: #fff; color: #073f8c; }

.notice-icon { background: #eef4ff; color: #073f8c; }
.features { background: #fff; border-top: 1px solid #d6e1f0; border-bottom: 1px solid #d6e1f0; }
.feature-card { border: 1px solid #b9cdec; box-shadow: none; }
.icon-disc { background: #fff; border: 1px solid #b9cdec; color: #073f8c; }
.feature-card i { background: #073f8c; }

.capabilities { background: #073f8c; border-color: #073f8c; }
.capabilities::after { display: none; }
.capability-heading > p:last-child { color: #fff; }
.capability-grid article { background: #fff; border-color: #fff; }
.capability-grid span, .capability-grid h3, .capability-grid p { color: #073f8c; }

.steps li { background: #fff; border: 1px solid #d6e1f0; }
.step-number { background: #073f8c; }
.steps h2 em, .faq summary b { color: #073f8c; }

.pricing { background: #073f8c; }
.trial-badge { background: #fff; color: #073f8c; }
.price-details h2 b, .price-details li::before { color: #fff; }
.line-support { background: #fff; border-color: #fff; color: #073f8c; }
.line-support:hover { background: #edf4ff; }
.line-support strong { color: #073f8c; }

.faq details { border-color: #b9cdec; }
.faq summary span { background: #073f8c; }
.faq details p a { color: #073f8c; font-weight: 700; text-decoration: underline; }

@media (max-width: 760px) {
  .button--primary { border-width: 2px; }
  .feature-card { border-color: #b9cdec; }
}