/* lite-pages.css (Oct 16 2026)
   Inner pages in the homepage's colors: dark nav + dark page header (like the
   homepage hero), then the white / light-blue body and the light footer.
   Loaded after site.css on every page with <body class="lp">. */

body.lp{background:#03040A}
.lp{--l-bg:#FFFFFF;--l-soft:#EEF4FC;--l-ink:#0B1220;--l-tx:#1D2635;--l-mut:#5A6578;--l-dim:#8590A2;
  --l-line:#DCE6F3;--l-acc:#1A6FD6;--l-acc2:#2B9CFF;--l-accsoft:#E2EDFC}

/* the light body: every section after the dark page header */
.lp main>section:not(.phero):not(.notfound){
  --void:#FFFFFF;--deep:#F4F7FA;--panel:#FFFFFF;--panel-2:#F7FAFE;--text:#0B1220;--muted:#5A6578;--muted-2:#8590A2;
  --ice:#1A6FD6;--ice-2:#2B9CFF;--line:#DCE6F3;--line-2:#C9D6E8;
  --grad:linear-gradient(96deg,#1A6FD6 0%,#2B9CFF 100%);
  background:#fff;color:#1D2635;position:relative;z-index:5}
.lp main>.phero+section{border-radius:28px 28px 0 0;margin-top:-28px}
.lp main>section.section+section.section--tight{background:linear-gradient(180deg,#EEF4FC 0%,#F3F7FD 100%)}
.lp main>section:not(.phero):not(.notfound) h1,.lp main>section:not(.phero):not(.notfound) h2,
.lp main>section:not(.phero):not(.notfound) h3,.lp main>section:not(.phero):not(.notfound) h4{color:#0B1220}
.lp main>section:not(.phero) ::selection{background:#CFE2FB}

/* headings: homepage sets them in normal case, not all caps */
.lp main>section:not(.phero) .shead h2,.lp main>section.cta h2{text-transform:none!important;letter-spacing:-.035em!important}

/* buttons on light: dark ink primary, white secondary (homepage .l-btn) */
.lp main>section:not(.phero) .btn-primary{background:#0B1220;color:#fff;box-shadow:none}
.lp main>section:not(.phero) .btn-primary:hover{background:#1B2740;box-shadow:0 12px 28px -14px rgba(11,18,32,.55)}
.lp main>section:not(.phero) .btn-ghost{background:#fff;color:#0B1220;border-color:#DCE6F3}
.lp main>section:not(.phero) .btn-ghost:hover{background:#fff;border-color:#C9D2DE}

/* cards, panels, lists */
.lp main>section:not(.phero) .card{background:#fff;border-color:#DCE6F3;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 30px -20px rgba(16,24,40,.18)}
.lp main>section:not(.phero) .card::after{display:none}
.lp main>section:not(.phero) .card:hover{background:#fff;border-color:#C9D6E8}
.lp main>section:not(.phero) .ibadge{background:#EAF3FE;color:#1A6FD6;border-color:#D3E4FA}
.lp .faq{background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 30px -20px rgba(16,24,40,.14)}
.lp .linkgrid a,.lp .posts a{background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 30px -22px rgba(16,24,40,.16)}
.lp .linkgrid a:hover,.lp .posts a:hover{background:#fff;border-color:#B9CDE8}
.lp .prose a{border-bottom-color:rgba(26,111,214,.35)}
.lp .prose li::before{opacity:1}
.lp .kicker::before,.lp .shead.center .kicker::after{opacity:.9}

/* forms on light */
.lp main>section:not(.phero) .field label{color:#5A6578}
.lp main>section:not(.phero) .field input,.lp main>section:not(.phero) .field textarea,
.lp main>section:not(.phero) .field select{background-color:#fff;border-color:#DCE6F3;color:#0B1220}
.lp main>section:not(.phero) .field input:focus,.lp main>section:not(.phero) .field textarea:focus,
.lp main>section:not(.phero) .field select:focus{border-color:#1A6FD6;background-color:#fff;box-shadow:0 0 0 3px rgba(26,111,214,.12)}
.lp main>section:not(.phero) .field select option{background:#fff;color:#0B1220}
.lp main>section:not(.phero) .inforows{background:#DCE6F3}
.lp main>section:not(.phero) .irow{background:#fff}
.lp main>section:not(.phero) a.irow:hover{background:#F7FAFE}
.lp main>section:not(.phero) form .ok{color:#1A6FD6}

/* closing call-to-action band: light blue like the homepage soft sections */
.lp main>section.cta:not(.phero):not(.notfound){background:linear-gradient(180deg,#EEF4FC 0%,#F3F7FD 100%)}
.lp main>section.cta::before{display:none}
.lp main>section.cta .grad-text{background:none;-webkit-text-fill-color:#1A6FD6;color:#1A6FD6}

/* booking embed sits on white now */
.lp .cal-wrap{box-shadow:0 30px 80px -44px rgba(16,24,40,.35)}

/* ===== footer: same as the homepage ===== */
.l-foot{--l-soft:#EEF4FC;--l-ink:#0B1220;--l-mut:#5A6578;--l-dim:#8590A2;--l-line:#DCE6F3;
  position:relative;z-index:5;background:#EAF1FB;border-top:1px solid var(--l-line);padding:64px 0 120px;
  color:var(--l-mut);font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.65;text-align:left}
.l-foot .l-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.l-foot h4{font:600 13px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--l-ink);margin:0 0 14px}
.l-foot p{margin:0}
.l-foot ul{list-style:none;padding:0;margin:0}
.l-foot li{margin:9px 0}
.l-foot a{text-decoration:none;color:inherit}
.l-foot a:hover{color:var(--l-ink)}
.l-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.l-fbrand{display:flex;align-items:center;gap:10px;text-decoration:none}
.l-foot a.l-fbrand{display:inline-flex;padding:0;white-space:nowrap}
.l-fbrand span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0B1220}
.l-fbrand img{width:26px;height:26px;object-fit:contain}
.l-fbrand b{font:700 16px Sora,sans-serif;color:var(--l-ink);letter-spacing:-.02em}
.l-legal{margin-top:44px;padding-top:22px;border-top:1px solid var(--l-line);font-size:13px;color:var(--l-dim);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:860px){.l-fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .l-foot{padding:48px 0 120px}
  .l-fgrid{grid-template-columns:1fr;gap:28px}
  .l-fgrid>div:first-child p{max-width:none!important}
  .l-fgrid>div+div{padding-top:24px;border-top:1px solid var(--l-line)}
  .l-foot h4{margin-bottom:10px}
  .l-foot ul{display:flex;flex-wrap:wrap;gap:6px 22px}
  .l-foot li{margin:0}
  .l-legal{flex-direction:column;gap:6px}
}
@media(max-width:560px){.l-foot a{display:inline-block;padding:6px 0}}