/* Stay Clean (working name): the Morning Light system as a real brand site.
   Taken from the approved mock (design/style-packs/packs/2026-10-16-stay-clean/style.css) with the
   library's shared mechanics folded in, plus what a real site needs: a phone menu, the live form's
   states, the schedule widget, service / area / page layouts. Tokens and contrast: BRAND.md §5. */
@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4-latin-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/fonts/dm-sans-latin-wght-normal.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
:root{
  --lime:#F5EFE6; --plaster:#EBE1D2; --cream:#FFFDF9; --umber:#2A211C; --umber-2:#3A2E27; --muted:#5A4B41; --dust:#C9B8A6;
  --sun:#F3C08A; --fig:#5E2B3A; --fig-2:#4A2130;
  --serif:"Source Serif 4",Georgia,serif; --sans:"DM Sans",system-ui,sans-serif;
  --gut:clamp(1rem,4.5vw,3.5rem); --max:82rem; --r:26px;
  --focus:var(--fig);
  --ink-rgb:42,33,28; --paper-rgb:245,239,230; --brand-rgb:94,43,58; --accent-rgb:243,192,138; --lede:#EFE6DA; --ph:#7E6D60;
}
/* The home cleaning half (/home-cleaning/ and the five home cleans, body[data-theme=home]) is navy, slate,
   grey and blue-black (Chan, 2026-10-16). The Airbnb / short-stay half and the shared pages stay Morning Light. */
[data-theme=home]{
  --lime:#EDF0F3; --plaster:#DFE4EA; --cream:#F9FAFB; --umber:#0E1420; --umber-2:#1A2333; --muted:#4B5565; --dust:#B7C0CB;
  --sun:#9DB8D9; --fig:#1E3A5F; --fig-2:#14294A;
  --ink-rgb:14,20,32; --paper-rgb:237,240,243; --brand-rgb:30,58,95; --accent-rgb:157,184,217; --lede:#E6EAEF; --ph:#6B7585;
}
[data-theme=home] .mark [fill="#F3C08A"]{fill:#9DB8D9}
[data-theme=home] .mark [fill="#D9955A"]{fill:#6F8FB8}
[data-theme=home] .mark [fill="#FFFDF9"]{fill:#F9FAFB}
[data-theme=home] .qf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230E1420' stroke-width='2'/%3E%3C/svg%3E")}

/* ---------- mechanics (from the library's shared base.css) ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
img{height:auto}
:where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote){margin:0}
:where(ul[role=list],ol[role=list]){list-style:none;padding:0;margin:0}
:where(button,input,select,textarea){font:inherit;color:inherit}
:where(a){color:inherit}
[hidden]{display:none!important}
.ico{width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:.5rem;top:-4rem;z-index:100;padding:.6rem 1rem;background:var(--umber);color:var(--lime);text-decoration:none;border-radius:8px}
.skip:focus{top:.5rem}
.qf-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.qf fieldset{border:0;margin:0;padding:0;min-width:0}
.qf-choice{position:relative}
.qf-choice input{position:absolute;opacity:0;width:1px;height:1px}
.qf-input{width:100%;min-width:0}
.hero-media{position:absolute;inset:0;overflow:hidden;background:var(--umber)}
.hero-video,.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid-toggle{position:absolute;z-index:3;cursor:pointer;right:1rem;bottom:1rem;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;border:1.5px solid rgba(var(--paper-rgb),.7);background:rgba(var(--ink-rgb),.55);color:#fff}
.vid-toggle::before{content:"";width:12px;height:14px;border-inline:4px solid currentColor}
.vid-toggle[data-state=paused]::before{width:0;height:0;border:0;border-left:12px solid currentColor;border-block:7px solid transparent;margin-left:4px}
.vid-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* ---------- type and shared pieces ---------- */
body{font:400 1.0625rem/1.65 var(--sans);color:var(--umber);background:var(--lime)}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.02}
h2{font-size:clamp(2.3rem,6vw,4.6rem);font-weight:300}
h3{font-size:1.45rem;font-weight:500;letter-spacing:-.015em;line-height:1.2}
a{text-underline-offset:3px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:54px;padding:.8rem 1.6rem;border-radius:999px;font:600 1rem/1.15 var(--sans);text-align:center;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.pill:hover{transform:translateY(-1px)}
.pill-fig{background:var(--fig);color:#fff}
.pill-fig:hover{background:var(--fig-2)}
.pill-sun{background:var(--sun);color:var(--umber)}
.pill-sun:hover{background:var(--lime)}
.pill-glass{border:1.5px solid rgba(var(--paper-rgb),.7);color:var(--lime);background:rgba(var(--ink-rgb),.25)}
.pill-glass:hover{background:var(--lime);color:var(--umber)}

/* window light: four blurred panes, skewed like sun through a window */
.beam{position:absolute;display:grid;grid-template-columns:1fr 1fr;gap:22px;width:560px;height:440px;pointer-events:none;z-index:0;
  transform:rotate(-14deg) skewX(-20deg);filter:blur(16px);opacity:.6;mix-blend-mode:multiply}
.beam i{background:var(--sun);border-radius:4px}

/* ---------- header: over the dark top of every page ---------- */
.top{position:absolute;top:0;left:0;right:0;z-index:20;color:var(--lime);--focus:var(--sun)}
.top-in{display:flex;align-items:center;gap:1rem;min-height:80px}
.brand{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;font:500 1.25rem/1 var(--serif);letter-spacing:-.02em;text-decoration:none;color:inherit;min-width:0}
.top .brand{font-size:1.35rem}
.mark{width:26px;height:26px;flex:none;overflow:visible}
.brand-text{display:flex;flex-direction:column;gap:.28rem}
.brand-word{white-space:nowrap}
.bw-a{font-weight:300}
.bw-b{font-weight:600}
.brand-place{font:600 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.88}
.top .brand-place{color:var(--sun);opacity:1}
.nav{display:none;margin-left:auto;gap:2rem}
.nav a{white-space:nowrap;font-weight:500;text-decoration:none;padding:.6rem 0;opacity:.92}
.nav a:hover,.nav a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.top-call{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;min-width:44px;justify-content:center;padding:0 1rem;border-radius:999px;border:1.5px solid rgba(var(--paper-rgb),.6);font-weight:600;text-decoration:none;white-space:nowrap}
.top-call:hover{background:var(--lime);color:var(--umber)}
.top-call .ico{width:1.05em;height:1.05em}
.top-call span{display:none}
.top-call:not(:has(.ico)) {display:none}
/* phone menu */
.menu{position:relative;margin-left:auto}
.top-call:not(:has(.ico)) + .menu{margin-left:auto}
.menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(var(--paper-rgb),.6)}
.menu summary::-webkit-details-marker{display:none}
.burger,.burger::before,.burger::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,background .2s}
.burger{position:relative}
.burger::before,.burger::after{content:"";position:absolute;left:0}
.burger::before{top:-6px}.burger::after{top:6px}
.menu[open] .burger{background:transparent}
.menu[open] .burger::before{transform:translateY(6px) rotate(45deg)}
.menu[open] .burger::after{transform:translateY(-6px) rotate(-45deg)}
.menu-panel{position:absolute;right:0;top:calc(100% + .6rem);width:min(20rem,calc(100vw - 2rem));max-height:calc(100svh - 6rem);overflow:auto;padding:1rem 1.2rem 1.2rem;border-radius:var(--r);background:var(--cream);color:var(--umber);box-shadow:0 30px 60px -20px rgba(var(--ink-rgb),.55);--focus:var(--fig)}
.menu-panel a{display:flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--plaster)}
.menu-panel a.sub{font-weight:500;padding-left:1rem;color:var(--muted)}
.menu-panel a:hover{color:var(--fig)}
.menu-h{margin-top:.8rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.menu-h:first-child{margin-top:0}

/* ---------- hero with footage ---------- */
.hero{position:relative;background:var(--lime)}
.stage{position:relative;min-height:88svh;display:flex;background:var(--umber);color:var(--lime);overflow:hidden}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(var(--ink-rgb),.55) 0%,rgba(var(--ink-rgb),0) 26%),
  linear-gradient(0deg,rgba(var(--ink-rgb),.92) 0%,rgba(var(--ink-rgb),.55) 38%,rgba(var(--ink-rgb),.1) 70%)}
.stage-in{position:relative;z-index:1;display:flex;align-items:flex-end;padding-top:7rem;padding-bottom:5.5rem}
.hero-copy{max-width:40rem;--focus:var(--sun)}
.kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.95rem;font-weight:500;color:var(--sun);margin-bottom:1.1rem}
.kicker .ico{width:1.15rem;height:1.15rem}
.hero h1{font-size:clamp(3rem,8vw,5.6rem);line-height:.95;letter-spacing:-.045em}
.h-a{display:block;font-weight:300}
.h-b{display:block;font-weight:600;color:var(--sun)}
/* bright footage (white foam): an extra wash from the left so the small kicker and crumbs stay readable */
.hero-shade--deep{background:
  linear-gradient(90deg,rgba(var(--ink-rgb),.8) 0%,rgba(var(--ink-rgb),.5) 42%,rgba(var(--ink-rgb),.05) 72%),
  linear-gradient(180deg,rgba(var(--ink-rgb),.55) 0%,rgba(var(--ink-rgb),0) 26%),
  linear-gradient(0deg,rgba(var(--ink-rgb),.92) 0%,rgba(var(--ink-rgb),.55) 38%,rgba(var(--ink-rgb),.1) 70%)}
.lede{margin-top:1.4rem;max-width:32rem;font-size:1.1rem;color:var(--lede)}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}
.hero .vid-toggle{right:var(--gut);bottom:4.4rem}
.hero .crumbs{margin-bottom:1.2rem}

/* the live "next free days" banner in the /home-cleaning/ hero (docs/AVAILABILITY-BANNER.md); hidden until
   the calendar answers with free days */
.avail{margin-top:1.4rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;font-size:.9rem;animation:avail-in .35s ease-out}
.avail[hidden]{display:none}
.avail-live{display:flex;align-items:center;gap:.45rem;color:var(--lime)}
.avail-live b{font-weight:600}
.avail-upd{color:var(--dust);font-size:.78rem}
.avail-dot{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:avail-pulse 2s ease-out infinite}
@keyframes avail-pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
@keyframes avail-in{from{opacity:0}to{opacity:1}}
.avail-days{display:flex;flex-wrap:wrap;gap:.35rem}
.avail-chip{min-height:34px;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(var(--paper-rgb),.45);background:rgba(var(--ink-rgb),.35);color:var(--lime);font:500 .88rem/1 var(--sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.avail-chip:hover{background:var(--sun);border-color:var(--sun);color:var(--umber)}
.avail-book{display:inline-flex;align-items:center;gap:.3rem;min-height:34px;color:var(--sun);font-weight:600;text-underline-offset:4px}
.avail-book:hover{color:var(--lime)}
@media (prefers-reduced-motion:reduce){.avail,.avail-dot{animation:none}}
/* phones: keep the footage pause button (bottom right of the stage) clear of the banner */
@media (max-width:999px){.avail{margin-bottom:1.6rem;padding-right:3rem}}
.card-kept{margin:-.6rem 0 1rem;padding:.6rem .8rem;border-radius:12px;background:rgba(var(--accent-rgb),.28);color:var(--umber);font-weight:500;font-size:.95rem}
.card-kept[hidden]{display:none}

/* the quote card: overlaps the footage on phones, sits beside the copy on desktop */
.card-wrap{position:relative;z-index:2;margin-top:-3rem}
.card{position:relative;overflow:hidden;background:var(--cream);border-radius:var(--r);padding:clamp(1.3rem,3vw,2.2rem);box-shadow:0 30px 60px -30px rgba(var(--ink-rgb),.45),0 2px 0 rgba(var(--ink-rgb),.04);scroll-margin-top:1rem}
.beam-card{right:-260px;top:-230px;width:420px;height:330px;opacity:.38}
.card > *:not(.beam){position:relative;z-index:1}
.card-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:400}
.card-lede{margin:.4rem 0 1.4rem;color:var(--muted)}

/* ---------- the form ---------- */
.qf-grid{display:grid;gap:.9rem}
.qf-field{min-width:0}
.qf-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}
.qf-hint{font-size:.88rem;color:var(--muted);margin:-.15rem 0 .45rem}
.qf-input{min-height:50px;padding:.75rem 1rem;border:1.5px solid var(--dust);border-radius:14px;background:var(--lime);font-size:1rem;transition:border-color .15s,background .15s}
.qf-input::placeholder{color:var(--ph);opacity:1}
.qf-input:focus{outline:none;border-color:var(--fig);background:#fff;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.18)}
.qf-input[aria-invalid=true]{border-color:var(--fig);background:#fff}
.qf-textarea{min-height:100px;resize:vertical}
.qf-select{appearance:none;padding-right:2.6rem;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%232A211C' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 1rem center}
.qf-choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.3rem;border-radius:999px;background:var(--plaster)}
.qf-choice span{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;font-weight:600;cursor:pointer;transition:background .15s}
.qf-choice input:checked + span{background:var(--cream);box-shadow:0 2px 8px rgba(var(--ink-rgb),.15)}
.qf-choice input:focus-visible + span{outline:3px solid var(--fig);outline-offset:1px}
.qf-err{color:var(--fig);font-size:.9rem;font-weight:600;margin-top:.3rem}
.qf-err:empty{display:none}
.qf-err-form{margin-top:1rem;padding:.8rem 1rem;border-radius:14px;background:var(--plaster)}
.qf-file{width:100%;min-height:50px;padding:.6rem;border:1.5px solid var(--dust);border-radius:14px;background:var(--lime);font-size:.95rem}
.qf-file::file-selector-button{margin-right:.8rem;min-height:36px;padding:0 1rem;border:0;border-radius:999px;background:var(--plaster);font:600 .9rem var(--sans);color:var(--umber);cursor:pointer}
/* steps: the script adds .is-stepped; without it every step shows at once */
.qf-tabs{display:none}
.qf.is-stepped .qf-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:-.3rem 0 1.2rem;counter-reset:none}
.qf-tabs button{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:44px;padding:.3rem .4rem;border:0;border-bottom:3px solid var(--plaster);background:none;font:600 .82rem/1.15 var(--sans);color:var(--muted);text-align:left;cursor:pointer}
.qf-tabs button span{display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--plaster);color:var(--umber);font-size:.78rem}
.qf-tabs button[aria-current=step]{color:var(--umber);border-bottom-color:var(--fig)}
.qf-tabs button[aria-current=step] span{background:var(--fig);color:#fff}
.qf-tabs button.is-done{border-bottom-color:var(--sun)}
.qf-tabs button.is-done span{background:var(--sun)}
.qf-tabs button:disabled{cursor:default;opacity:.75}
.qf-step + .qf-step{margin-top:1.6rem}
.qf.is-stepped .qf-step{margin-top:0}
.qf.is-stepped .qf-step:not(.is-on){display:none}
.qf-step-h{display:flex;align-items:center;gap:.6rem;font-size:1.35rem;margin-bottom:.9rem}
.qf-step-h:focus{outline:none}
.qf-step-n{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--sun);font:600 .95rem/1 var(--sans)}
.qf.is-stepped .qf-step-n{display:none}
.qf-step-intro{margin:-.4rem 0 1rem}
.qf-nav{display:none}
.qf.is-stepped .qf-nav{display:flex;gap:.6rem;margin-top:1.2rem}
.qf-next-btn,.qf-back{min-height:52px;border-radius:999px;font:600 1rem/1.1 var(--sans);cursor:pointer;transition:background .2s,color .2s}
.qf-next-btn{flex:1;padding:.7rem 1.3rem;border:0;background:var(--fig);color:#fff}
.qf-next-btn:hover{background:var(--fig-2)}
.qf-back{padding:.7rem 1.2rem;border:1.5px solid var(--dust);background:none;color:var(--umber)}
.qf-back:hover{background:var(--plaster)}
.qf.is-stepped .qf-step[data-step="3"] .qf-nav{margin-top:.7rem}
.qf.is-stepped .qf-step[data-step="3"] .qf-back{flex:1}
/* step 2: chips, days and times */
.qf-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.qf-chip{position:relative;display:inline-flex}
.qf-chip input{position:absolute;opacity:0;width:1px;height:1px}
.qf-chip span{display:flex;align-items:center;min-height:44px;padding:.45rem 1rem;border:1.5px solid var(--dust);border-radius:999px;background:var(--lime);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s,border-color .15s}
.qf-chip input:checked + span{background:var(--fig);border-color:var(--fig);color:#fff}
.qf-chip input:focus-visible + span{outline:3px solid var(--fig);outline-offset:2px}
.qf-chip[hidden]{display:none}
.qf-chip--any{margin-top:.5rem}
.qf-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.1rem,1fr));gap:.4rem}
.qf-day,.qf-time{min-height:48px;border:1.5px solid var(--dust);border-radius:14px;background:var(--lime);color:var(--umber);font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.qf-day{display:grid;align-content:center;justify-items:center;gap:.1rem;padding:.4rem .2rem;line-height:1.1}
.qf-day b{font-size:.9rem}
.qf-day span{font-size:.78rem;color:var(--muted)}
.qf-day:hover,.qf-time:hover{border-color:var(--fig)}
.qf-day[aria-pressed=true],.qf-time[aria-pressed=true]{background:var(--fig);border-color:var(--fig);color:#fff}
.qf-day[aria-pressed=true] span{color:#fff}
.qf-live{padding:1rem;border-radius:18px;background:var(--plaster)}
.qf-live .qf-day,.qf-live .qf-time{background:var(--cream)}
.qf-live .qf-day[aria-pressed=true],.qf-live .qf-time[aria-pressed=true]{background:var(--fig)}
.qf-times{margin-top:.6rem}
.qf-time{min-width:4.6rem;padding:.4rem .8rem;font-weight:600}
.qf-when{color:var(--umber)!important}
.qf-submit{margin-top:1.1rem;width:100%;min-height:56px;border:0;border-radius:999px;background:var(--fig);color:#fff;font:600 1.05rem/1 var(--sans);cursor:pointer;transition:background .2s,transform .2s}
.qf-submit:hover{background:var(--fig-2);transform:translateY(-1px)}
.qf-submit:disabled{opacity:.7;cursor:wait;transform:none}
.qf-note{margin-top:.75rem;text-align:center;font-size:.88rem;color:var(--muted)}
.qf-privacy{margin-top:.35rem;text-align:center;font-size:.8rem;color:var(--muted)}
.qf-done{padding:.2rem 0 .4rem}
.qf-done:focus{outline:none}
.qf-done-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--sun);margin-bottom:.8rem}
.qf-done h3{font-size:1.7rem;margin-bottom:.5rem}
.qf-done p{color:var(--muted);margin-bottom:.6rem}
.qf-status{color:var(--umber)!important;font-weight:600}
.qf-next{display:grid;gap:.55rem;margin-top:.8rem}
.qf-next li{display:grid;grid-template-columns:2rem 1fr;gap:.4rem;align-items:start;color:var(--muted)}
.qf-next span{font:300 1.6rem/1 var(--serif);color:var(--fig)}
.qf.is-sent .qf-tabs,.qf.is-sent .qf-step,.qf.is-sent .qf-note,.qf.is-sent .qf-privacy{display:none!important}
.qf.is-busy .qf-submit{opacity:.7}

/* ---------- sections ---------- */
.sec{position:relative;overflow:hidden;padding:clamp(4rem,10vw,8.5rem) 0}
.sec > .wrap{position:relative;z-index:1}
.sec-head{display:grid;gap:1rem;margin-bottom:clamp(2rem,5vw,4rem)}
.sec-lede{max-width:30rem;font-size:1.12rem;color:var(--muted)}
.sec-more{margin-top:2.2rem}

/* the fork: two doors straight after the hero */
.fork{padding:clamp(2.5rem,6vw,4rem) 0 0}
.fork-in{display:grid;gap:.9rem}
.fork-in--lead{margin-bottom:.9rem}
.door{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;row-gap:.2rem;align-items:center;padding:1.3rem 1.4rem;border-radius:var(--r);background:var(--cream);color:var(--umber);text-decoration:none;box-shadow:0 1px 0 rgba(var(--ink-rgb),.06);transition:transform .2s,box-shadow .2s}
.door:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(var(--ink-rgb),.45)}
.door-ico{grid-row:span 3;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--sun)}
.door-ico .ico{width:1.45rem;height:1.45rem;stroke-width:1.6}
.door-k{font:500 1.45rem/1.15 var(--serif);letter-spacing:-.015em}
.door-t{color:var(--muted)}
.door-go{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;font-weight:600;color:var(--fig)}
.door-go .ico,.more .ico,.place-go .ico{width:1rem;height:1rem;transition:transform .2s}
.door:hover .door-go .ico,.hcard:hover .more .ico,.place:hover .place-go .ico{transform:translateX(3px)}

/* turnover: an editorial list, with light falling across it */
.beam-a{right:-260px;top:20px;opacity:.5}
.list{display:grid;border-top:1px solid var(--dust)}
.item{display:grid;grid-template-columns:2.6rem 1fr auto;gap:1rem;align-items:start;padding:1.6rem 0;border-bottom:1px solid var(--dust)}
.item-n{font:300 2.4rem/1 var(--serif);color:var(--fig)}
.item-body p{margin-top:.35rem;color:var(--muted);max-width:30rem}
.item-body h3 a{text-decoration:none}
.item-body h3 a:hover{color:var(--fig);text-decoration:underline}
.item-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--plaster);color:var(--umber)}
.item-ico .ico{width:1.35rem;height:1.35rem;stroke-width:1.6}
.item:hover .item-ico{background:var(--sun)}

/* how it works: plaster band, big light numerals */
.how{background:var(--plaster)}
.steps{display:grid;gap:2.2rem}
.step{position:relative;padding-top:1rem;border-top:1px solid var(--dust)}
.step-n{display:block;font:300 4.2rem/1 var(--serif);color:var(--fig);margin-bottom:.6rem;letter-spacing:-.04em}
.step p{margin-top:.5rem;color:var(--muted)}

/* property managers */
.managers{padding-top:0;background:var(--plaster)}
.mgr{position:relative;overflow:hidden;display:grid;gap:1.6rem;justify-items:start;background:var(--umber);color:var(--lime);border-radius:var(--r);padding:clamp(1.8rem,5vw,3.4rem);--focus:var(--sun)}
.mgr > *:not(.beam){position:relative;z-index:1}
.beam-mgr{right:-200px;top:-180px;mix-blend-mode:normal;opacity:.2;width:520px;height:400px}
.mgr-kicker{font-size:.95rem;font-weight:600;color:var(--sun);margin-bottom:.7rem}
.mgr h2{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:300;max-width:16ch}
.mgr p:not(.mgr-kicker){margin-top:.9rem;max-width:34rem;font-size:1.1rem;color:var(--dust)}

/* homes */
.homes{background:var(--plaster)}
.managers + .homes{padding-top:clamp(3rem,7vw,5.5rem)}
.hlist{display:grid;gap:.9rem}
.hlist > li{display:grid}
.hcard,.hlist-more{border-radius:var(--r);padding:1.5rem 1.5rem 1.6rem;display:grid;gap:.5rem;align-content:start}
.hcard{background:var(--cream);text-decoration:none;transition:transform .2s,box-shadow .2s}
.hcard:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(var(--ink-rgb),.45)}
.hlist .item-ico{background:var(--lime);margin-bottom:.4rem}
.hlist h3{font-size:1.4rem;font-weight:500}
.hlist p{color:var(--muted)}
.more{display:inline-flex;align-items:center;gap:.4rem;margin-top:.3rem;font-weight:600;color:var(--fig)}
.hlist-more{background:transparent;border:1.5px dashed var(--fig);justify-items:start}
.hlist-more h3{color:var(--fig);font-weight:600}
.hlist-more .pill{margin-top:.6rem}

/* areas */
.area-in{display:grid;gap:1rem}
.area-note{font:italic 400 1.1rem/1.4 var(--sans);color:var(--fig)}
.places{display:grid;gap:1.2rem}
.place{display:grid;gap:.9rem;background:var(--cream);border-radius:var(--r);padding:1.5rem 1.6rem 1.7rem;text-decoration:none;transition:transform .2s,box-shadow .2s}
.place:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(var(--ink-rgb),.45)}
.place h3{font-size:1.75rem;font-weight:400}
.place ul{display:flex;flex-wrap:wrap;gap:.45rem}
.place li{padding:.35rem .8rem;border-radius:999px;background:var(--lime);font-size:.96rem}
.place-go{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--fig)}

/* faq */
.faq{background:var(--cream)}
.faq-in{display:grid;gap:1rem}
.faq-list{border-top:1px solid var(--dust)}
.faq-list details{border-bottom:1px solid var(--dust)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding:1.1rem 0;cursor:pointer;list-style:none;font:500 1.3rem/1.3 var(--serif);letter-spacing:-.01em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--fig)}
.faq-x{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--plaster);transition:transform .25s,background .25s}
.faq-x .ico{width:1.1rem;height:1.1rem;stroke-width:2}
.faq-list details[open] .faq-x{transform:rotate(45deg);background:var(--sun)}
.faq-a{padding:0 3.5rem 1.5rem 0;color:var(--muted);max-width:42rem}
.faq-a a{color:var(--fig);font-weight:600}
.steps:has(> li:nth-child(5)){--cols:3}

/* closing: umber room, sun through the window */
.closing{position:relative;overflow:hidden;background:var(--umber);color:var(--lime);padding:clamp(5rem,11vw,9rem) 0;--focus:var(--sun)}
.beam-b{left:-120px;top:-60px;mix-blend-mode:normal;opacity:.22;width:640px;height:500px}
.closing-in{position:relative;z-index:1;display:grid;gap:1.2rem;justify-items:start}
.closing h2{font-size:clamp(2.6rem,8vw,6.2rem);max-width:13ch}
.closing h2::first-line{font-weight:300}
.closing p{font-size:1.15rem;color:var(--dust);max-width:28rem}

/* ---------- pages without footage: the umber room ---------- */
.room-hero{position:relative;overflow:hidden;background:var(--umber);color:var(--lime);padding:clamp(7.5rem,14vw,10rem) 0 clamp(3.5rem,8vw,6rem);--focus:var(--sun)}
.beam-room{right:-180px;top:-120px;mix-blend-mode:normal;opacity:.2}
.room-in{position:relative;z-index:1}
.room-hero h1{font-size:clamp(2.6rem,7vw,5rem);font-weight:300;line-height:1;letter-spacing:-.04em;max-width:18ch}
.room-hero .lede{max-width:40rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.3rem .6rem;font-size:.9rem;color:var(--dust);margin-bottom:1.4rem}
.crumbs li + li::before{content:"/";margin-right:.6rem;opacity:.6}
.crumbs a{color:var(--lime)}
.crumbs [aria-current]{color:var(--sun)}
.sub-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.8rem}
.sub-chips li{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem .35rem .6rem;border-radius:999px;background:rgba(var(--paper-rgb),.1);border:1px solid rgba(var(--paper-rgb),.25);font-size:.95rem}
.sub-chips .ico{width:1rem;height:1rem;color:var(--sun)}
.values{display:grid;gap:1rem}
.values li{background:var(--cream);border-radius:var(--r);padding:1.5rem 1.6rem}
.values h2{font-size:1.5rem;font-weight:500;letter-spacing:-.015em;margin-bottom:.5rem}
.values p{color:var(--muted)}
.values--hero{margin-top:2rem}
.values--hero li{background:rgba(var(--paper-rgb),.08);border:1px solid rgba(var(--paper-rgb),.2)}
.values--hero h2{color:var(--sun)}
.values--hero p{color:var(--dust)}

/* long-form text */
.body-sec{padding-block:clamp(3rem,8vw,6rem)}
.prose{max-width:42rem}
.prose > * + *{margin-top:1rem}
.prose h2{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:400;margin-top:2.6rem}
.prose h2:first-child{margin-top:0}
.prose ul{padding-left:1.2rem;display:grid;gap:.5rem}
.prose li::marker{color:var(--fig)}
.prose a:not(.pill){color:var(--fig);font-weight:600}
.prose p,.prose li{color:var(--muted)}
.prose strong{color:var(--umber)}
.split-in{display:grid;gap:1rem}
.sources{margin-top:2.5rem;padding:1.4rem 1.6rem;border-radius:var(--r);background:var(--plaster);max-width:42rem}
.sources h2{font:600 .8rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem}
.sources ul{display:grid;gap:.5rem;font-size:.92rem}
.sources a{color:var(--umber)}

/* included / not included */
.inout{background:var(--cream)}
.inout-in{display:grid;gap:2.5rem}
.inout h2{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:400;margin-bottom:1.2rem}
.inout .out-h2{margin-top:2.4rem}
.inout ul{display:grid;gap:.7rem}
.inout li{display:grid;grid-template-columns:1.6rem 1fr;gap:.6rem;align-items:start}
.inout .in .ico{width:1.3rem;height:1.3rem;color:var(--fig);stroke-width:2.2;margin-top:.15rem}
.inout .out li{color:var(--muted)}
.dash{display:block;width:.9rem;height:2px;margin-top:.8rem;background:var(--dust)}

/* the quote card in its own section */
.quote-sec{background:var(--plaster)}
.quote-in{display:grid;gap:2rem;align-items:start}
.quote-side h2{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.8rem}
.quote-side > p{color:var(--muted);max-width:28rem}
.quote-sec .card{scroll-margin-top:1.5rem}

/* home cleaning page */
.rooms{display:grid;gap:1rem}
.room{background:var(--cream);border-radius:var(--r);padding:1.5rem 1.6rem}
.room h3{font-size:1.5rem;margin-bottom:.8rem}
.room ul,.extras ul{display:grid;gap:.45rem}
.room li{position:relative;padding-left:1.6rem;color:var(--muted)}
.room li::before{content:"";position:absolute;left:0;top:.5em;width:.75rem;height:.4rem;border-left:2px solid var(--fig);border-bottom:2px solid var(--fig);transform:rotate(-45deg)}
.extras{margin-top:1.4rem;padding:1.5rem 1.6rem;border-radius:var(--r);border:1.5px dashed var(--fig)}
.extras h3{font-size:1.4rem;color:var(--fig)}
.extras p{margin:.3rem 0 .9rem;color:var(--muted)}
.extras ul{display:flex;flex-wrap:wrap;gap:.45rem}
.extras li{padding:.35rem .85rem;border-radius:999px;background:var(--cream);font-size:.96rem}
.pricing-in{display:grid;gap:1rem}
.factors{display:grid;border-top:1px solid var(--dust)}
.factors li{display:grid;gap:.25rem;padding:1.2rem 0;border-bottom:1px solid var(--dust)}
.factors h3{font-size:1.4rem}
.factors p{color:var(--muted)}
.related{background:var(--plaster)}

/* footer */
.foot{background:var(--umber);color:var(--dust);padding:3rem 0;--focus:var(--sun)}
.foot-in{display:grid;gap:2rem}
.foot .brand{color:var(--lime);margin-bottom:.8rem}
.foot-brand{display:grid;gap:.6rem;justify-items:start}
.foot-brand .pill{margin-top:.6rem}
.foot a:not(.pill){color:var(--lime)}
.foot-h{font:600 .8rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sun);margin:0 0 .7rem}
.foot ul + .foot-h{margin-top:1.6rem}
.foot ul{display:grid;gap:.15rem}
.foot li a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}
.foot li a:hover{text-decoration:underline}
.foot-legal{grid-column:1/-1;font-size:.88rem;padding-top:1.5rem;border-top:1px solid var(--umber-2)}

/* ---------- wider screens ---------- */
@media (min-width:600px){
  .top-call span{display:inline}
  .brand-text{flex-direction:row;align-items:center;gap:.85rem}
  .brand-place{padding-left:.85rem;border-left:1.5px solid currentColor;font-size:.74rem;line-height:1.25}
  .top .brand-place{border-color:rgba(var(--accent-rgb),.6)}
  .places{grid-template-columns:1fr 1fr}
  .place:first-child{grid-column:1/-1}
  .steps{grid-template-columns:1fr 1fr;column-gap:2.5rem}
  .hlist{grid-template-columns:1fr 1fr}
  .fork-in{grid-template-columns:1fr 1fr}
  .fork-in--lead{grid-template-columns:1fr}
  .rooms{grid-template-columns:1fr 1fr}
  .factors{grid-template-columns:1fr 1fr;column-gap:2.5rem}
  .values{grid-template-columns:1fr 1fr}
  .foot-in{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
  .qf-grid{grid-template-columns:1fr 1fr}
  .qf-field--wide{grid-column:1/-1}
}
@media (min-width:1000px){
  .stage{min-height:max(100svh,58rem)}
  .stage-in{padding-bottom:4.5rem}
  .hero .vid-toggle{bottom:1.4rem}
  .hero-copy{max-width:calc(100% - 32rem)}
  .lede{max-width:30rem}
  /* The stage and the card share one grid cell, so a taller card (the live time picker) grows the
     hero instead of spilling into the next section. .card-wrap keeps .wrap's margin-inline:auto:
     Morning Light's margin:0 broke the centring above about 1500px (BRAND.md §10). */
  .hero{display:grid}
  .hero > .stage,.hero > .card-wrap{grid-area:1/1}
  .card-wrap{margin-top:0;margin-inline:auto;display:flex;align-items:center;justify-content:flex-end;padding-top:6.25rem;padding-bottom:2.5rem;pointer-events:none}
  .card{width:min(30rem,40%);pointer-events:auto;padding:1.6rem 1.8rem}
  .card-title{font-size:2.1rem}
  .card-lede{margin:.25rem 0 1rem}
  .qf-grid{gap:.7rem .9rem}
  .qf-textarea{min-height:76px}
  .qf-submit{margin-top:1rem}
  .sec-head{grid-template-columns:1.1fr 1fr;align-items:end;column-gap:4rem}
  .list{grid-template-columns:1fr 1fr;column-gap:4rem}
  .item{padding:2rem 0}
  .steps{grid-template-columns:repeat(var(--cols,4),1fr);column-gap:2.2rem}
  .area-in,.faq-in,.pricing-in,.split-in{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:4rem;align-items:start}
  .area .sec-head,.faq .sec-head,.pricing .sec-head,.split-in .sec-head{grid-template-columns:1fr}
  .mgr{grid-template-columns:1fr auto;align-items:end;column-gap:3rem}
  .hlist{grid-template-columns:repeat(3,1fr)}
  .fork{padding-top:3.5rem}
  .rooms{grid-template-columns:repeat(4,1fr)}
  .values{grid-template-columns:repeat(4,1fr)}
  .values--hero{grid-template-columns:repeat(3,1fr)}
  .inout-in{grid-template-columns:1fr 1fr;gap:4rem}
  .quote-in{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:4rem}
  .quote-sec .card{width:auto}
  .body-sec .wrap{display:grid;grid-template-columns:minmax(0,42rem) minmax(0,1fr);column-gap:4rem;align-items:start}
  .body-sec .sources{margin-top:0;position:sticky;top:1.5rem}
  .foot-in{grid-template-columns:1.4fr 1fr 1fr}
  .foot-brand{grid-column:auto}
}
/* the full nav needs the room: below this the menu button carries it */
@media (min-width:1180px){
  .nav{display:flex;gap:1.6rem}
  .menu{display:none}
  .top-call{margin-left:.5rem}
  .top-call:not(:has(.ico)){display:inline-flex}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}