/* ORLA estate skin, v4 (15 September 2026).

   Loaded LAST on every public page, after each page's own inline styles, so
   it wins the cascade without anyone having to edit seven 70KB files by hand.

   Stephen's brief: light to start with, no animation, no 3D, Instrument Sans,
   still professional. Every rule below is one of those four things. */

:root {
  --disp: 'Instrument Sans', sans-serif;
  --paper: #FFFFFF;
  --paper-2: #F5F4F0;
  --line: #E2E0DA;
  --orla-paper: #FFFFFF;
}

/* ── No motion, anywhere. ──────────────────────────────────────────────── */
*, *::before, *::after { animation: none !important; transition: none !important; }
.reveal, .rv, .reveal.in, .rv.in { opacity: 1 !important; transform: none !important; }
.btn:hover, .step:hover, .nav-cta:hover, .info-card:hover, .plan:hover,
.ch:hover, .card:hover, .callcard, .footer-call:hover { transform: none !important; }

/* ── Light ground. ─────────────────────────────────────────────────────── */
body { background: #FFFFFF; }
header { background: #FFFFFF !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* The static pages open on a dark hero with a radial glow. They now open on
   paper. Children that were coloured for a dark ground are re-coloured. */
.hero-sm, .hero.dark, .start-hero, .legal-page > header {
  background: #FFFFFF !important;
  color: #0B1322 !important;
}
.hero-sm .lede, .hero.dark .lede, .start-hero .lede, .start-hero p,
.legal-page > header p { color: #5C6678 !important; }
.hero-sm .badge, .start-hero .badge { border-color: #D2CFC7 !important; color: #5C6678 !important; }
.hero-sm h1 em, .hero.dark h1 em, .start-hero h1 em { color: #B84A00 !important; }
.hero-sm .hero-note, .start-hero .hero-note { color: #78829A !important; }
.hero-sm .hero-note strong, .start-hero .hero-note strong { color: #0B1322 !important; }
.hero-sm .btn-ghost, .start-hero .btn-ghost { border-color: #D2CFC7 !important; color: #0B1322 !important; }
.start-hero::after { display: none !important; }

/* The floating "call card" stack was the static pages' hero motif. It is
   phone imagery, which is now out, and it animated, which is now out. */
.callstack { display: none !important; }
.hero-grid { grid-template-columns: 1fr !important; }

/* /faq closed on a blue band; every other page closes on ink. One estate. */
.callband { background: #0B1322 !important; }

/* The how-it-works chat demonstration used to type itself out. It now shows
   its final state at once. */
.msg, .chat-result { opacity: 1 !important; transform: none !important; }

/* With the call stack gone the light hero was mostly air. */
.hero { padding: clamp(48px, 6vw, 72px) 0 !important; min-height: 0 !important; }

/* /login and /signup opened on a story photograph (a front desk, a hand under
   a sink). Service imagery is out, so the form stands alone, centred. */
.auth-side { display: none !important; }
.auth { display: block !important; }
.auth-form { max-width: 560px; margin: 0 auto; }