/* The dark hero on the remaining inner pages (Oct 2026): UK, Mobile Valeting, Detailing
   Studio, Start and the Pricing Calculator. The same background as the Blog, About and Book a
   Demo heroes, with the eyebrow tag and the gradient headline; it sits under the see-through
   header (build/sync-nav.js, GLASS). Loaded after each page's own stylesheet. */
body.lp-page .uk-hero,body.lp-page .lp-hero,body.lp-page .st-hero,body.st .start-hero,body.pc .calc-hero{position:relative;color:#fff;padding:150px 0 64px;background:radial-gradient(820px 480px at 18% 0,rgba(118,75,162,.46) 0,transparent 64%),radial-gradient(640px 420px at 88% 12%,rgba(102,126,234,.3) 0,transparent 66%),linear-gradient(170deg,#171331,#0D0B18)}
body.pc .calc-hero{padding-left:20px;padding-right:20px}
body.lp-page .uk-hero h1,body.lp-page .lp-hero h1,body.lp-page .st-hero h1,body.st .start-hero h1,body.pc .calc-hero h1{color:transparent;background:linear-gradient(90deg,#fff 0%,#E4DEFF 45%,#B9A8FF 100%);
  -webkit-background-clip:text;background-clip:text}
body.lp-page .uk-hero p,body.lp-page .lp-hero p,body.lp-page .st-hero p,body.st .start-hero p,body.pc .calc-hero p{color:rgba(255,255,255,.74)}
body.lp-page .lp-hero .lp-trust,body.lp-page .st-hero .st-trust{color:rgba(255,255,255,.58)}
body.lp-page .lp-breadcrumb,body.lp-page .st-breadcrumb{color:rgba(255,255,255,.55)}
body.lp-page .lp-breadcrumb a,body.lp-page .st-breadcrumb a{color:rgba(255,255,255,.8)}
/* The tag above the headline: site.css's .eyebrow pill. The landing heroes pad every child
   32px left and right, so the pill gets its own padding back. */
body.lp-page .uk-hero .eyebrow,body.lp-page .lp-hero .eyebrow,body.lp-page .st-hero .eyebrow,body.st .start-hero .eyebrow,body.pc .calc-hero .eyebrow,body.lp-page .st-hero > .st-eyebrow{display:inline-flex;align-items:center;width:auto;max-width:none;
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#D8D2FF;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.19);padding:8px 15px;border-radius:999px;margin:0 0 22px}
/* The second, quieter button on a dark band. */
body.lp-page .st-hero .st-btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.24);color:#fff}
body.lp-page .st-hero .st-btn.ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff}
body.lp-page .st-hero-points{color:rgba(255,255,255,.7)}
body.st .start-hero .trust-pill{color:rgba(255,255,255,.7)}
@media (max-width:900px){ body.lp-page .uk-hero,body.lp-page .lp-hero,body.lp-page .st-hero,body.st .start-hero,body.pc .calc-hero{padding-top:132px;padding-bottom:52px} }
/* Phones: the bar is 61px and css/nav.css moves the page up 29px. */
@media (max-width:768px){ body.lp-page .uk-hero,body.lp-page .lp-hero,body.lp-page .st-hero,body.st .start-hero,body.pc .calc-hero{padding-top:122px;padding-bottom:44px} }