* { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; background: #f4f0e9; }
  ::selection { background: #A00008; color: #f7ece9; }
  details > summary { list-style: none; cursor: pointer; }
  details > summary::-webkit-details-marker { display: none; }
  details[data-faq] .faq-minus { display: none; }
  details[data-faq][open] .faq-plus { display: none; }
  details[data-faq][open] .faq-minus { display: inline; }
  details[data-faq][open] .faq-q { color: #A00008; }
  /* scroll-reveal motion */
  .as-reveal { opacity: 0; transform: translateY(26px); transition: opacity .75s cubic-bezier(.22,.61,.36,1), transform .75s cubic-bezier(.22,.61,.36,1); will-change: opacity, transform; }
  .as-reveal.as-in { opacity: 1; transform: none; }
  @keyframes as-bob { 0%,100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 8px); } }
  @media (prefers-reduced-motion: reduce) {
    .as-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  }
  @keyframes as-orbit-spin { to { transform: rotate(360deg); } }
  @keyframes as-orbit-spin-rev { to { transform: rotate(-360deg); } }
  .as-orbit-slow { transform-box: fill-box; transform-origin: center; animation: as-orbit-spin 46s linear infinite; }
  .as-orbit-rev { transform-box: fill-box; transform-origin: center; animation: as-orbit-spin-rev 60s linear infinite; }
  @media (prefers-reduced-motion: reduce) { .as-orbit-slow, .as-orbit-rev { animation: none; } }
  @media (max-width: 700px) {
    .nav-links { display: none !important; }
    .nav-cc-link { display: none !important; }
    .start-cards { grid-template-columns: 1fr !important; }
    .stairway { grid-template-columns: 1fr !important; }
    .m-nobr br { display: none !important; }
    .region-card { text-align: center !important; padding-left: clamp(20px,5vw,34px) !important; padding-right: clamp(20px,5vw,34px) !important; }
    .region-card > div:first-child { justify-content: center !important; }
    .wwd-diagram { flex-direction: column !important; align-items: center !important; gap: 4px !important; }
    .wwd-arrow { transform: rotate(90deg) !important; margin: -2px 0 !important; }
    .pmenu-grid { grid-template-columns: 1fr !important; }
    .pmenu-arrow { display: none !important; }
    .sync-grid { grid-template-columns: 1fr !important; }
    .aihow-h2 { font-size: 20px !important; }
    .sync-diagram { flex-wrap: nowrap !important; gap: 8px !important; }
    .sync-node { width: auto !important; flex: 1 1 0 !important; }
    .sync-mid { flex: 0 0 auto !important; }
    .sync-circle { width: 62px !important; height: 62px !important; }
    .sync-arrow { width: 60px !important; max-width: 60px !important; }
  }
  @media (max-width: 380px) {
    .logo-wordmark, .logo-div { display: none !important; }
  }