/* ==========================================================================
   GROUND — seamless section panelling  (test build, 2026-08-19)

   The shipped page alternated four flat slabs (#FCFCFA / #F7F5EF / #EEE8FF /
   purple) with hard 0px edges. Two of those neutrals sit five points apart, so
   the seams read as faint dirty lines rather than rhythm, and the lavender and
   purple land as shocks.

   This replaces every flat slab with a section-long gradient that STARTS AND
   ENDS on one shared seam colour (#FAF9F5). Because every section begins and
   finishes on the same value, no edge can ever show, at any section height, on
   any city page. Each section still carries its own field, it just swells in
   the middle and settles at the joins.

   The purple band keeps its edges on purpose, but now gets a lavender lead-in
   from the section above and a lavender lead-out below, so it arrives instead
   of jumping. Reversible: delete this file and its <link>.
   ========================================================================== */

:root {
  --gnd-seam:   #FAF9F5;  /* the one value every section joins on */
  --gnd-light:  #FCFCFA;  /* near-white swell */
  --gnd-canvas: #F6F3EC;  /* warm canvas swell */
  --gnd-lav:    #F3EEFD;  /* soft lavender field, replaces the flat #EEE8FF */
  --gnd-lav-hi: #EDE6FB;  /* deeper lavender, only at the purple joins */
}

html { background: var(--gnd-seam); }
body { background: var(--gnd-seam); }

/* hero: hold the canvas under the nav, settle onto the seam */
.selr-vsl-hero {
  background: linear-gradient(180deg,
    #F7F5EF 0%,
    #F7F5EF 58%,
    var(--gnd-seam) 100%) !important;
}

/* ---- the swell pattern: seam -> field -> seam ---------------------------- */
#the-shift,
#the-ticket {
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, var(--gnd-light) 34%,
    var(--gnd-light) 66%, var(--gnd-seam) 100%) !important;
}

/* stories: the room speaks for itself, on the canvas so it reads as its own block */
#stories-room {
  --fw-ground: #FFFFFF;
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, #FFFFFF 8%,
    #FFFFFF 92%, var(--gnd-seam) 100%) !important;
}

#before-after {
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, var(--gnd-canvas) 36%,
    var(--gnd-canvas) 64%, var(--gnd-seam) 100%) !important;
}

#from-the-room {
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, var(--gnd-light) 32%,
    var(--gnd-light) 68%, var(--gnd-seam) 100%) !important;
}

/* the day: the lavender field, no longer a slab */
#the-day {
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, var(--gnd-lav) 26%,
    var(--gnd-lav) 74%, var(--gnd-seam) 100%) !important;
}

/* schedule: swells near-white, then leans lavender to announce the purple */
#schedule {
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, var(--gnd-light) 30%,
    var(--gnd-light) 62%, var(--gnd-lav-hi) 100%) !important;
}

/* the purple band keeps its edges, with vertical depth instead of one flat fill */
#ownership {
  background: linear-gradient(180deg,
    #7043E8 0%, #6736E2 42%,
    #6736E2 58%, #5C2CD8 100%) !important;
}

/* businesses: lands out of the purple through lavender, back onto the seam */
#businesses {
  background: linear-gradient(180deg,
    var(--gnd-lav-hi) 0%, var(--gnd-seam) 30%,
    var(--gnd-canvas) 62%, var(--gnd-seam) 100%) !important;
}

#in-the-room {
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, var(--gnd-light) 32%,
    var(--gnd-light) 68%, var(--gnd-seam) 100%) !important;
}

/* #your-day is now the LAST section: the page ends on the FAQ and rolls
   straight into the footer. The "Technology will change" close was cut
   2026-08-19 on Luke's call, and it was the block that used to settle the
   ground into #F7F5EF, so #your-day carries that landing itself. Its tail
   stop is the footer's colour, not --gnd-seam, or the join reads as a band. */
#your-day {
  background: linear-gradient(180deg,
    var(--gnd-seam) 0%, var(--gnd-canvas) 26%,
    var(--gnd-canvas) 62%, #F7F5EF 100%) !important;
}

/* footer inherits the settled canvas, no join of its own */
footer { background: #F7F5EF; }

/* ---- panels sitting ON the new ground ------------------------------------
   The lavender field is lighter than the old slab, so the white cards on it
   need a lighter hairline or the border reads as a drawn box. */
#the-day .selr-cap-visual,
#the-day .selr-cap-window,
#the-day .selr-cap-tabs,
#the-day .selr-cap-decision,
#the-day .selr-cap-chips span { border-color: #E4DBF8 !important; }

#the-day .selr-step-card { border-color: #E4DBF8 !important; }

/* the before/after and logo panels sat on a flat band and now sit on a drift.
   No shadow (house rule): a hairline ring keeps them reading as panels. */
.selr-businesses-inner,
.selr-cmp-card.is-after { border: 1px solid rgba(36, 36, 36, .055); }

/* ------------------------------------------------------------------
   The footer's decorative purple circle is a 600px div scaled 10x, so
   6000px across, absolutely positioned inside <footer>. Framer clipped
   it at the footer box. Our build ships the footer with overflow
   visible, so the moment the footer mounts the circle paints 2400px
   back UP the page and swallows the people section. It only shows
   after you have scrolled to the bottom once, which is why it reads as
   a scroll bug rather than a layout one. Clip it where Framer did.
   ------------------------------------------------------------------ */
footer { overflow: clip !important; }
footer .framer-iz9cn7 { contain: paint; }