/* Final accessibility and readability pass, without changing product claims. */
:root { --slate-600: #4d657b; }
:where(a, button, summary, [tabindex]):focus-visible {
  outline: 3px solid #1767c7; outline-offset: 4px;
  box-shadow: 0 0 0 2px #fff;
}
button { cursor: pointer; }
.coverage > div i { width: 78%; }
.connected-levels li > span, .agent-preview-label small,
.agent-preview-week header p, .agent-week-days time span, .agent-rest,
.agent-preview-notice, .planning-example > footer small,
.connected-manager-brand small, .phone-notification header small,
.connected-story-caption > small, .connected-story-footer > span,
.essential-tier header small, .difference-grid article > span,
.workflow-route article small, .ai-board-head small,
.ai-situation-grid header > span, .integration-cards small { color: #4d657b; }
.coverage > div small, .fma-focus li small, .daily-brief p span { color: #4d657b; }
.workflow-panel > footer > div > span { color: #087158; }
.form-heading small { color: #087158; }
.anti-bot-control > span { background: #087158; }
.anti-bot-control small { color: #365e53; }
.trust-card p, .principles-grid p, .security-roadmap p,
.subpage-callout p { font-size: 16px; line-height: 1.75; }
.trust-card > span, .status-legend span, .security-roadmap article > span { font-size: 11px; line-height: 1.6; }
.principles-grid span { color: #94324f; font-size: 12px; }
.ai-principles b { font-size: 15px; line-height: 1.6; }
.ai-principles small { font-size: 13px; line-height: 1.7; }
.product-proof-heading h2 em, .organisation-heading h2 em,
.offers-section h2 em, .difference-section h2 em, .workflow-heading h2 em,
.integration-copy h2 em, .deployment-copy h2 em, .faq-heading h2 em {
  color: #94324f; background: none; -webkit-text-fill-color: currentColor;
}
[hidden] { display: none !important; }
body.dialog-open { overflow: hidden; }
.form-help { color: #4d657b; font-size: 14px; line-height: 1.7; }
.form-retry { width: 100%; min-height: 44px; margin-top: 12px; padding: 10px; color: #10385d; background: #eaf4ff; border: 1px solid #91b5d4; border-radius: 10px; font-weight: 700; }
.form-retry[disabled] { cursor: wait; }
.form-status { overflow-wrap: anywhere; }
.example-dialog { width: min(640px, calc(100% - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); padding: 28px; color: #071f37; background: #fff; border: 1px solid #d9e4ed; border-radius: 22px; box-shadow: 0 24px 80px #071f3766; overflow-y: auto; }
.example-dialog::backdrop { background: #071f37bf; backdrop-filter: blur(4px); }
.example-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.example-dialog header small { color: #7041a1; font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.example-dialog h2 { margin: 8px 0 16px; font: 800 clamp(22px, 4vw, 29px)/1.3 'Manrope',sans-serif; }
.example-dialog p, .example-dialog li { font-size: 16px; line-height: 1.75; }
.example-dialog ol { padding-left: 24px; }
.example-dialog li { margin-bottom: 10px; }
.example-dialog .example-notice { padding: 14px; background: #edf5fb; border-left: 3px solid #1767c7; border-radius: 8px; }
.example-dialog-close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; color: #10385d; background: #edf3f7; border: 1px solid #d9e4ed; border-radius: 12px; font-size: 26px; }
.example-dialog .button { min-height: 48px; font-size: 14px; line-height: 1.5; }
@media (min-width: 921px) {
  .trust-card p, .principles-grid p, .security-roadmap p,
  .subpage-callout p { font-size: 16px; line-height: 1.75; }
  .trust-card > span, .status-legend span, .security-roadmap article > span { font-size: 11px; line-height: 1.6; }
  .agent-preview-label small, .agent-week-days time span,
  .agent-rest, .planning-example > footer small { font-size: 12px; line-height: 1.6; }
  .agent-preview-week header p, .agent-preview-notice { font-size: 13px; line-height: 1.7; }
  .demo-expectations strong { font-size: 14px; line-height: 1.6; }
  .proof-strip small, .connected-levels li small, .module-families section > small,
  .module-families span, .offer-tier header small { font-size: 12px; line-height: 1.6; }
  .proof-strip b { font-size: 14px; }
  .offer-note p, .integration-cards p, .home-security-grid p,
  .security-home-footer p, .demo-expectations p { font-size: 14px; line-height: 1.75; }
  .integration-cards small { font-size: 11px; line-height: 1.6; }
  .ai-board-head small, .ai-board-head > b, .ai-situation-grid header > span,
  .ai-situation-grid header b, .ai-recommendation small { font-size: 11px; line-height: 1.6; }
  .ai-board-head strong { font-size: 17px; line-height: 1.5; }
  .ai-question-strip { flex-wrap: wrap; }
  .ai-question-strip span { font-size: 12px; line-height: 1.6; white-space: normal; }
  .ai-situation-grid article { min-width: 0; }
  .ai-situation-grid header { flex-wrap: wrap; gap: 8px; }
  .ai-situation-grid article > p, .ai-recommendation p, .ai-recommendation strong,
  .fma-focus li strong, .daily-brief p strong { font-size: 14px; line-height: 1.65; }
  .coverage > div small, .skills > em, .fma-focus li small,
  .daily-brief p span { color: #4d657b; font-size: 12px; line-height: 1.6; }
  .ai-recommendation { grid-template-columns: 30px minmax(0, 1fr); }
  .ai-recommendation button { grid-column: 2; justify-self: start; min-height: 44px; padding: 10px 14px; font-size: 13px; }
  .contact-form input:not([type='checkbox']), .contact-form select, .contact-form textarea {
    min-width: 0; min-height: 48px; font: 400 16px/1.5 'DM Sans',Arial,sans-serif;
  }
  .contact-form label > span { font-size: 14px; line-height: 1.5; }
  .contact-form label > span > small { font-size: 12px; }
  .contact-form .consent { grid-template-columns: 24px minmax(0, 1fr); gap: 10px; }
  .contact-form .consent input { width: 24px; height: 24px; }
  .contact-form .consent span { font-size: 13px; line-height: 1.65; }
  .anti-bot-control strong { font-size: 14px; }
  .anti-bot-control small, .form-status { font-size: 13px; line-height: 1.7; }
  .form-heading { flex-wrap: wrap; gap: 12px; }
  .form-heading small { font-size: 11px; }
  .contact-form .button { min-height: 50px; font-size: 14px; }
  .footer-links a, .footer-bottom nav a { min-height: 32px; display: flex; align-items: center; font-size: 13px; line-height: 1.6; }
  .footer-note p, .footer-bottom > span { font-size: 13px; line-height: 1.7; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
}