/* ============================================================================
   RUDQP theme: SPECTRUM  (Apple rhythm, white-first, one gradient)
   White and #f5f5f7 sections, black type, no accent colour at all except one
   orange-pink-violet-blue gradient: headline second sentence, primary buttons,
   a soft halo behind hero photos, and a tint on photo hover.
   Load AFTER light.css.
   ========================================================================== */
:root{
  --cream:#FFFFFF; --paper:#F5F5F7; --ink:#1D1D1F; --muted:#6E6E73;
  --line:rgba(0,0,0,.10); --line-2:rgba(0,0,0,.18); --ink-rgb:29,29,31;
  --accent:#1D1D1F; --accent-soft:#3A3A3C; --on-accent:#FFFFFF; --accent-rgb:29,29,31;
  --blush:#F5F5F7; --peach:#F5F5F7; --butter:#F5F5F7; --sage:#F5F5F7; --sky:#F5F5F7; --lavender:#F5F5F7;
  --g-bg:#F5F5F7; --k-bg:#000000; --k-paper:#1D1D1F; --k-ink:#F5F5F7; --k-muted:#86868B;
  --nav-bg:rgba(255,255,255,.72); --nav-pill:rgba(255,255,255,.8); --foot-hi:#F5F5F7;
  --spec:linear-gradient(100deg,#FF7A3D 0%,#FF3D8B 32%,#9B5CFF 66%,#3D9BFF 100%);
  --display:-apple-system,'SF Pro Display',BlinkMacSystemFont,'Inter Tight','Inter','Helvetica Neue',Arial,sans-serif; --sans:-apple-system,'SF Pro Text',BlinkMacSystemFont,'Inter','Helvetica Neue',Arial,sans-serif;
  --r:22px; --r-lg:28px;
}
html .ital{background:var(--spec);-webkit-background-clip:text;background-clip:text;color:transparent}
html .pill--accent,html .lnav__cta .pill--accent,html .foot__cta,html .hbtn--mag,html .cbtn{background:var(--spec);color:#fff;border-color:transparent}
html .pill--accent:hover,html .lnav__cta .pill--accent:hover,html .foot__cta:hover{background:var(--spec);filter:saturate(1.15)}
html .cbtn *{color:#fff}
html .lband .pt .k{color:var(--muted)}
html .foot,html .lfoot{--k-bg:#F5F5F7;--k-paper:#FFFFFF;--k-ink:#1D1D1F;--k-muted:#6E6E73;--line:rgba(0,0,0,.1)}
html .foot__wm b{background:var(--spec);-webkit-background-clip:text;background-clip:text;color:transparent}
html .foot .fcol a:hover{color:#9B5CFF}
html .close .eyebrow,html .close h2 .ital{color:rgba(255,255,255,.7);background:none;-webkit-text-fill-color:currentColor}
html .sysd-kpi .v em{color:#3D9BFF}
html .sysd-chart i.hi{background:var(--spec)}
/* photographs: gradient halo behind the hero fan, gradient tint on hover */
html .ah{position:relative;isolation:isolate}
html .ah>*{position:relative;z-index:1}
html .ah::before{content:"";position:absolute;left:50%;top:-4%;width:min(1100px,90vw);height:520px;transform:translateX(-50%);background:radial-gradient(50% 60% at 30% 50%,rgba(255,122,61,.28),transparent 70%),radial-gradient(45% 60% at 70% 45%,rgba(61,155,255,.28),transparent 70%),radial-gradient(40% 50% at 50% 60%,rgba(155,92,255,.22),transparent 70%);filter:blur(34px);z-index:0;opacity:.65;pointer-events:none}

/* ---- shared Apple-rhythm mechanics -------------------------------------
   Colour is scoped per section: each top-level section re-declares the
   same variables light.css already uses, so cards, lines, text and buttons
   inside it recolour themselves. No layout property is touched.        */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* type: tight sans display, sans body (SF Pro stand-ins) */
html .display,html .ah h1,html .brands-h,html .foot__wm,html .lfoot h3,html h1,html h2,html h3,
html .wcard q,html .c1-feat .cnum,html .ah__stats b,html .tq .m,html .lband .pt h3,html .lband .pt .k,html .li__t h3,html .close h2,html .sysd-svc b,html .brand{
  font-family:var(--display)}
html .ah h1,html .display,html h1.display,html h2.display,html .close h2{letter-spacing:-.03em;font-weight:700}
html .ital{font-style:normal;font-weight:700}
html .eyebrow{letter-spacing:.02em;text-transform:none;font-size:15px;font-weight:600;color:var(--muted)}
html .pola .cap{font-style:normal}
html .brand{font-family:var(--display);font-weight:700;letter-spacing:-.04em}
html .brand b,html .brand i{color:var(--ink);font-style:normal}

/* every top-level section paints its own ground */
html main>section{background:var(--cream);color:var(--ink)}
html main>section:nth-of-type(9),html .foot,html .lfoot,html .sysd-dash{
  --cream:var(--k-bg);--paper:var(--k-paper);--ink:var(--k-ink);--muted:var(--k-muted);
  --line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.2);--ink-rgb:245,245,247;
  --blush:var(--k-paper);--peach:var(--k-paper);--butter:var(--k-paper);--sage:var(--k-paper);--sky:var(--k-paper);--lavender:var(--k-paper);
  background:var(--cream);color:var(--ink)}
html main>section:nth-of-type(3),html main>section:nth-of-type(5),html main>section:nth-of-type(7),html main>section:nth-of-type(10){--cream:var(--g-bg);--paper:var(--g-paper,#FFFFFF);background:var(--cream)}

/* buttons: Apple pills. primary = accent, secondary = ink pill, ghost = outline */
html .pill--accent,html .lnav__cta .pill--accent,html .foot__cta,html .cbtn,html .hbtn--mag{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:none}
html .pill--accent:hover,html .lnav__cta .pill--accent:hover,html .foot__cta:hover{background:var(--accent-soft);box-shadow:none}
html .cbtn,html .mag:hover .hbtn--mag,html .hbtn--mag:focus-visible{box-shadow:none}
html .mag:hover .hbtn--ghost,html .hbtn--ghost:focus-visible{box-shadow:none;border-color:var(--ink);color:var(--ink)}
html .pill--dark{background:var(--ink);color:var(--cream)}
html .pill--dark:hover{box-shadow:none;opacity:.88}
html .pill--ghost:hover{color:var(--cream)}
html .hbtn--ghost{border-color:var(--line-2)}
html .lnav__menu a:hover{background:rgba(var(--ink-rgb),.06)}
html ::selection{background:var(--accent);color:var(--on-accent)}

/* nav */
html .lnav{background:var(--nav-bg)}
html .lnav__in{background:var(--nav-pill)}

/* cards lose the coloured shadow language; flat, big radius, hairline */
html .pola,html .cghost:hover,html .avcal__nav,html .cp__in:focus,html .cp__step:hover,html .cp__addon:has(input:checked),html .cp__addon .ck{background:var(--paper)}
html .cp__addon:has(input:checked){box-shadow:none}
html .ah__stats,html .c1-feat{background:var(--paper)}

/* footer highlights and the dark dashboard card */
html .foot__wm b,html .foot__clock b,html .foot .fcol a:hover,html .lfoot__soc a:hover,html .close .eyebrow,html .close h2 .ital,html .sysd-kpi .v em{color:var(--foot-hi)}
html .lfoot__soc a::after,html .sysd-chart i.hi{background:var(--foot-hi)}
html .foot,html .lfoot{color:var(--k-ink)}
html .foot .fcol a,html .foot__avail,html .lfoot__soc a{color:var(--k-ink)}
html .foot .fcol h4,html .foot .fcol p,html .foot__low,html .foot__clock,html .lfoot__low,html .lfoot__soc .lbl{color:var(--k-muted)}
html .foot__brand h3{color:var(--k-muted)}
html .foot__bar,html .foot__low,html .lfoot__low{border-color:var(--line)}
html .brands-track img,html .brands-row img{filter:grayscale(1) var(--logo-fix,brightness(1))}
html .foot__logo{filter:invert(1) brightness(.12)}

/* ---- studio admin (admin.html): one calm ground, gradient only on the earnings hero ---- */
html .main>section.panel{--cream:#FFFFFF;--paper:#F5F5F7;--ink:#1D1D1F;--muted:#6E6E73;--line:rgba(0,0,0,.1);--line-2:rgba(0,0,0,.18);--ink-rgb:29,29,31;background:transparent;color:var(--ink)}
html .dearn__hero{background:var(--spec);color:#fff}
html .sbadge,html .bfx-new,html .lg--booked,html .calev,html .asmsg.me{background:var(--spec)}
html .caldot,html .dref .bar{background:#9B5CFF}
html .sitem.on,html .snav .sitem.on:hover,html .bktab.on,html .bkbtn.sync,html .bfx-del.armed{color:#fff}



/* ============================================================================
   ACCENT POLICY (final). Apple rules, applied:
   1. One coloured action per screen. The gradient fills only the nav "Book",
      the booking "Send my code" and the closing CTA. Every other button is a
      black pill (white pill on black sections) or a hairline outline.
   2. One gradient phrase per section: the second sentence of the headline.
      Nothing else in the type is coloured. Card titles, names, labels: ink.
   3. Colour as light, not paint: a soft halo behind the hero photographs and
      faint corner glows on grey/black grounds. No coloured borders or bars.
   4. Photographs are never tinted.
   ========================================================================== */
/* 1. actions */
html .pill--accent,html .foot__cta,html .hbtn--mag,html .pill--accent:hover,html .foot__cta:hover{background:var(--ink);color:var(--cream);border-color:transparent;box-shadow:none;filter:none}
html .pill--accent:hover,html .foot__cta:hover{opacity:.85}
html .lnav__cta .pill--accent,html .lnav__cta .pill--accent:hover,html .cp__btn.pill--dark,html .cp__btn.pill--dark:hover,html .cbtn,html .cbtn:hover{background:var(--spec);color:#fff;border-color:transparent;opacity:1;filter:none}
html .cbtn *{color:#fff}
html .pill--dark,html .rvbook,html .pill--dark:hover{background:var(--ink);color:var(--cream);border:0;opacity:1}
html .pill--dark:hover{opacity:.85}
html .pill--ghost,html .wmore,html .loadmore{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
html .pill--ghost:hover,html .wmore:hover,html .loadmore:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
html .pill .arr{background:rgba(255,255,255,.18)}
html .chip.on,html .cp__steps li.on{background:var(--ink);color:var(--cream);border-color:transparent}
/* 2. type */
html .ital{background:var(--spec);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
html .ah h1,html .display,html h1.display,html h2.display,html .close h2,html .brands-h,html .cp__title{font-weight:700;letter-spacing:-.03em}
html .eyebrow,html .cp__eyebrow{color:#6E6E73}
html .lead,html .cp__sub{color:#515154;font-weight:400}
html .ah__stats b,html .c1-feat .cnum{color:var(--ink)}
html .wcard__who b,html .sysd-svc b,html .li__t h3,html .cp__card h2,html .cp__title,html main h3,html .tq .m,html .lband .pt .k{color:var(--ink)}
html .wcard__who .wav{background:var(--paper)!important;color:var(--ink);border:1px solid var(--line)}
html .wstars{color:#FF9F0A}
html .wcard__mk{color:#D1D1D6}
html .wcard::before,html .cp__card::before{display:none}
html .sysd-svc div{border-top:1px solid var(--line);padding-top:13px}
html .sysd-svc div::before{display:none}
html .li__b{background:var(--paper);border:1px solid var(--line-2);color:var(--ink)}
html .cp__catprice,html .cp__link,html .cp__err{background:none;-webkit-text-fill-color:currentColor;color:var(--ink);font-weight:600}
html .cp__link{text-decoration:underline}
html .cp__err{color:#FF3B30}
html .cp__welcome,html .cp__price{background:var(--paper);border-color:var(--line)}
html .cp__cat:hover,html .cp__cat.on,html .cp__cat[aria-pressed="true"]{background:var(--paper);border:1px solid var(--ink)}
html .cp__in:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(0,0,0,.06)}
html .foot .fcol a:hover{color:var(--ink)}
html .sysd-kpi .v em{color:#2997FF}
html .sysd-chart i.hi{background:#2997FF}
html .brand i,html .brand b{background:var(--spec);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
/* 3. light */
html .ah{position:relative;isolation:isolate}
html .ah>*{position:relative;z-index:1}
html .ah::before{content:"";position:absolute;left:50%;top:-4%;width:min(1100px,90vw);height:520px;transform:translateX(-50%);z-index:0;pointer-events:none;opacity:.75;filter:blur(34px);
  background:radial-gradient(50% 60% at 30% 50%,rgba(255,122,61,.28),transparent 70%),radial-gradient(45% 60% at 70% 45%,rgba(61,155,255,.28),transparent 70%),radial-gradient(40% 50% at 50% 60%,rgba(155,92,255,.22),transparent 70%)}
html main>section:nth-of-type(3),html main>section:nth-of-type(5),html main>section:nth-of-type(7),html main>section:nth-of-type(10){
  background:radial-gradient(55% 55% at 0% 0%,rgba(255,122,61,.09),transparent 62%),radial-gradient(50% 55% at 100% 100%,rgba(61,155,255,.09),transparent 62%),var(--g-bg)}
html main>section:nth-of-type(9){
  background:radial-gradient(55% 60% at 0% 0%,rgba(155,92,255,.26),transparent 62%),radial-gradient(50% 55% at 100% 100%,rgba(61,155,255,.2),transparent 62%),var(--k-bg)}
html .foot,html .lfoot{background:#F5F5F7}
html .close__veil{background:radial-gradient(60% 70% at 50% 50%,rgba(20,10,40,.45),rgba(20,10,40,.86))}
html .foot__avail .dot,html .foot__avail .dot::after,html .sysd-live i,html .sysd-live i::after{background:#34C759}
/* 4. photographs */
html .ah img,html .ltile img,html .pola img,html .mq img{filter:none}
html .ltile__ov{background:rgba(0,0,0,.35)}
/* nav: the sliding pill (rudqp-nav.js) is the hover state */
html .lnav__menu a:hover{background:transparent;color:var(--ink)}
/* nav Book: outline only */
html .lnav__cta .pill--accent{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
html .lnav__cta .pill--accent:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* section rhythm: Apple blocks are tighter than the old 150px */
html .sec{padding:clamp(56px,7vw,96px) 0}
html .brands-sec{padding:clamp(40px,5vw,64px) 0}
html .cp--home{padding-top:clamp(52px,6vw,80px)}

/* work tiles: no frame */
html .ltile{border:0}