/* RAS Corporate Advisors — setup.rascorporateadvisors.com
   Global resets and the handful of classes the static build needs.
   All section/component styling is inline in index.html by design. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #FBFAF8; color: #10202E; font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: #12615A; text-decoration: none; }
a:hover { color: #0C443F; text-decoration: underline; }
summary::-webkit-details-marker { display: none; }
input, select, textarea, button { font-family: inherit; }
:focus-visible { outline: 2px solid #12615A; outline-offset: 2px; }
[hidden] { display: none !important; }

/* Header nav: full links on desktop, CTA only on small screens */
.nav-desktop { display: flex; align-items: center; gap: 26px; }
@media (max-width: 859px) { .nav-desktop { display: none; } }

/* Segmented selectors — explicit colours in every state for Safari, Chrome, iOS and Android */
.seg {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 58px; min-height: 46px; padding: 0 18px; border-radius: 9px;
  font-size: 15px; font-weight: 600; line-height: 1; cursor: pointer;
  background: #FFFFFF; color: #1E2E3C; border: 1px solid #C7C2B8;
  -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent;
  text-align: center; white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.seg:hover { box-shadow: 0 0 0 3px rgba(18, 97, 90, .14); }
.seg[aria-pressed="true"] { background: #12615A; color: #FFFFFF; border-color: #12615A; box-shadow: 0 1px 2px rgba(16, 32, 46, .18); }
.seg[disabled] { opacity: 1; color: #6B7A87; background: #F4F2ED; border-color: #DCD8D0; cursor: default; }

/* Floating WhatsApp pill: full pill on desktop, compact on mobile */
.wa-desktop { display: block; }
.wa-mobile { display: none; }
@media (max-width: 859px) {
  .wa-desktop { display: none; }
  .wa-mobile { display: block; }
}

@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }