/* GENERATED by scripts/build-day-theme.cjs from /about.html — do not edit by hand.
   Day (headlights off) colours for this page. Hand fixes go in site-theme.css. */
html[data-theme="day"]:root { --bg: rgb(20, 20, 18); --surface: rgb(20, 20, 18); --ink: rgb(243, 241, 236); --ink-2: rgb(162, 159, 151); --ink-3: rgb(112, 108, 100); --line: rgba(243, 241, 236, 0.14); --line-soft: rgba(243, 241, 236, 0.08); --orange: rgb(185, 58, 12); --orange-deep: rgb(154, 48, 10); --orange-light: rgb(194, 77, 10) }
html[data-theme="day"] body { background: var(--bg); color: var(--ink) }
html[data-theme="day"] ::selection { background: var(--orange); color: rgb(255, 255, 255) }
html[data-theme="day"] .eyebrow { color: var(--ink-2) }
html[data-theme="day"] .eyebrow .cur { background: var(--orange) }
html[data-theme="day"] .lead { color: var(--ink-2) }
html[data-theme="day"] .grad { background: linear-gradient(92deg,var(--orange-deep) 0%,var(--orange) 42%,var(--orange-light) 100%); -webkit-background-clip: text; background-clip: text; color: transparent }
html[data-theme="day"] .dim { color: var(--ink-2) }
html[data-theme="day"] .alink { color: var(--ink); text-decoration: none; border-bottom: 1.5px solid transparent }
html[data-theme="day"] .alink .ar { color: var(--orange) }
html[data-theme="day"] .alink:hover { border-color: var(--ink) }
html[data-theme="day"] .pill { background: var(--orange); color: rgb(255, 255, 255); text-decoration: none; border-radius: 999px; box-shadow: 0 10px 30px rgba(185, 58, 12, 0.25) }
html[data-theme="day"] .pill:hover { background: var(--orange-deep); box-shadow: 0 16px 40px rgba(185, 58, 12, 0.32) }
html[data-theme="day"] nav { background: color-mix(in srgb,var(--bg) 88%,transparent); border-bottom: 1px solid var(--line-soft) }
html[data-theme="day"] .logo { color: var(--ink); text-decoration: none }
html[data-theme="day"] .logo .mark { background: var(--orange) }
html[data-theme="day"] .nav-links a { color: var(--ink-2); text-decoration: none }
html[data-theme="day"] .nav-links a:hover { color: var(--ink) }
html[data-theme="day"] .nav-links a.here { color: var(--ink) }
html[data-theme="day"] .hero-glow { border-radius: 50%; background: radial-gradient(circle,rgba(185, 58, 12, 0.1) 0%,rgba(185, 58, 12, 0) 62%) }
html[data-theme="day"] .story { color: var(--ink-2) }
html[data-theme="day"] .story b { color: var(--ink) }
html[data-theme="day"] .story em { color: var(--orange) }
html[data-theme="day"] .ncard { border-top: 2px solid var(--ink) }
html[data-theme="day"] .ncard .n { color: var(--ink-3) }
html[data-theme="day"] .ncard h3 span { color: var(--orange) }
html[data-theme="day"] .ncard p { color: var(--ink-2) }
html[data-theme="day"] .why-card { border-radius: 14px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .why-card::after { background: linear-gradient(90deg,rgb(185, 58, 12),transparent 70%) }
html[data-theme="day"] .why-big { color: rgb(20, 20, 18) }
html[data-theme="day"] .why-big small { color: rgb(105, 101, 93) }
html[data-theme="day"] .why-card p { color: rgb(78, 75, 69) }
html[data-theme="day"] .why-punch { color: rgb(78, 75, 69) }
html[data-theme="day"] .why-punch em { color: rgb(20, 20, 18) }
html[data-theme="day"] .three { border-top: 1px solid rgba(20, 20, 18, 0.14); border-bottom: 1px solid rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .ncard { border: 0 }
html[data-theme="day"] .ncard+.ncard { border-left: 1px solid rgba(20, 20, 18, 0.1) }
@media(max-width:1100px) { html[data-theme="day"] .three.four .ncard:nth-child(3) { border-left: 0 } }
@media(max-width:1100px) { html[data-theme="day"] .three.four .ncard:nth-child(n+3) { border-top: 1px solid rgba(20, 20, 18, 0.1) } }
@media(max-width:900px) { html[data-theme="day"] .ncard+.ncard { border-left: 0; border-top: 1px solid rgba(20, 20, 18, 0.1) } }
html[data-theme="day"] .ncard .n { color: rgb(128, 123, 114) }
html[data-theme="day"] .ncard h3 { color: rgb(20, 20, 18) }
html[data-theme="day"] .n-live { border-top: 1px dashed rgba(20, 20, 18, 0.14); color: rgb(78, 75, 69) }
html[data-theme="day"] .n-live i { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .n-live em { color: rgb(128, 123, 114) }
html[data-theme="day"] .n-live b { color: rgb(194, 70, 10) }
html[data-theme="day"] .opp-col { border-radius: 14px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .opp-col.on { border-color: rgba(185, 58, 12, 0.45); background: radial-gradient(ellipse 70% 80% at 50% 0%,rgba(185, 58, 12, 0.1),transparent 70%),rgb(252, 251, 250) }
html[data-theme="day"] .opp-tag { color: rgb(105, 101, 93) }
html[data-theme="day"] .opp-col.on .opp-tag { color: rgb(194, 74, 10) }
html[data-theme="day"] .chain b { color: rgb(46, 45, 41); border-radius: 999px; border: 1px solid rgba(20, 20, 18, 0.14); background: rgb(245, 243, 238) }
html[data-theme="day"] .chain i { border-top: 1.5px dashed rgba(20, 20, 18, 0.22) }
html[data-theme="day"] .chain i::after { color: rgb(172, 56, 32); background: rgb(252, 251, 250) }
html[data-theme="day"] .opp-col.on .chain b { border-color: rgba(185, 58, 12, 0.5); color: rgb(20, 20, 18) }
html[data-theme="day"] .opp-col.on .chain b.hub { background: rgb(185, 58, 12); border-color: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .opp-col.on .chain i { border-top: 2px solid rgb(185, 58, 12); box-shadow: 0 0 10px rgba(185, 58, 12, 0.6) }
html[data-theme="day"] .opp-col p { color: rgb(78, 75, 69) }
html[data-theme="day"] .opp-col p b { color: rgb(20, 20, 18) }
html[data-theme="day"] #promises { background: var(--ink); color: var(--bg) }
html[data-theme="day"] #promises .eyebrow { color: var(--ink-3) }
html[data-theme="day"] #promises h2 .grad { background: linear-gradient(92deg,var(--orange) 0%,var(--orange-light) 100%); -webkit-background-clip: text; background-clip: text }
html[data-theme="day"] #promises .lead { color: rgb(92, 88, 81) }
html[data-theme="day"] .promise { border-top: 1px solid rgba(20, 20, 18, 0.18) }
html[data-theme="day"] .promise:last-child { border-bottom: 1px solid rgba(20, 20, 18, 0.18) }
html[data-theme="day"] .promise .n { color: var(--orange-light) }
html[data-theme="day"] .promise h3 b { color: var(--orange-light) }
html[data-theme="day"] .promise p { color: rgb(92, 88, 81) }
html[data-theme="day"] .promise p b { color: var(--bg) }
html[data-theme="day"] .co-card { border: 1px solid var(--line-soft); background: var(--surface); border-radius: 14px }
html[data-theme="day"] body .co-card { border-radius: 14px }
html[data-theme="day"] .co-card .tag { color: var(--ink-3) }
html[data-theme="day"] .co-card p { color: var(--ink-2) }
html[data-theme="day"] footer { border-top: 1px solid var(--line) }
html[data-theme="day"] .fcol .h { color: var(--ink-3) }
html[data-theme="day"] .fcol a { color: var(--ink-2); text-decoration: none }
html[data-theme="day"] .fcol a.logo { color: var(--ink) }
html[data-theme="day"] .fcol a:hover { color: var(--ink) }
html[data-theme="day"] .disclaim { border-top: 1px solid var(--line-soft); color: var(--ink-3) }
html[data-theme="day"] .copy { color: var(--ink-3) }
html[data-theme="day"] footer .foot-legal { border-top: 1px solid var(--line-soft) }
html[data-theme="day"] footer .foot-legal .disclaim { border-top: none }
html[data-theme="day"] .disclaim, html[data-theme="day"] .foot-legal .disclaim, html[data-theme="day"] .copy, html[data-theme="day"] .foot-legal .copy, html[data-theme="day"] footer .fcol .h, html[data-theme="day"] footer .fcol .fh { color: var(--ink-2) }
html[data-theme="day"] a:focus-visible, html[data-theme="day"] button:focus-visible, html[data-theme="day"] input:focus-visible, html[data-theme="day"] textarea:focus-visible, html[data-theme="day"] select:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; border-radius: 2px }
html[data-theme="day"]:root { --bg: rgb(243, 240, 234); --surface: rgb(252, 251, 250); --ink: rgb(23, 22, 20); --ink-2: rgb(105, 101, 93); --ink-3: rgb(157, 152, 144); --line: rgba(20, 20, 18, 0.12); --line-soft: rgba(20, 20, 18, 0.07) }
html[data-theme="day"], html[data-theme="day"] body { background: rgb(243, 240, 234); color: var(--ink) }
html[data-theme="day"] #techs, html[data-theme="day"] .dark-act, html[data-theme="day"] .statement, html[data-theme="day"] header#top, html[data-theme="day"] .yard, html[data-theme="day"] #promises, html[data-theme="day"] .phone-col.dark, html[data-theme="day"] header[data-scene] { --bg: rgb(23, 22, 20); --surface: rgb(20, 20, 18); --ink: rgb(243, 240, 234); --ink-2: rgb(162, 159, 151); --ink-3: rgb(112, 108, 100); --line: rgba(243, 240, 234, 0.14); --line-soft: rgba(243, 240, 234, 0.08) }
html[data-theme="day"] nav .logo img, html[data-theme="day"] footer .logo img { filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] svg :not(text):not(tspan)[fill="#17140E"] { fill: rgb(23, 22, 20) }
html[data-theme="day"] svg [stroke="#17140E"] { stroke: rgb(23, 22, 20) }
html[data-theme="day"] svg [stroke^="rgba(23,20,14"] { stroke: rgba(20, 20, 18, 0.32) }
html[data-theme="day"] svg :not(text):not(tspan)[fill^="rgba(23,20,14"] { fill: rgba(20, 20, 18, 0.26) }
html[data-theme="day"] .eyebrow { color: var(--ink-3) }
html[data-theme="day"] .grad { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--orange); filter: none }
html[data-theme="day"] header#top h1 .li:not(.grad), html[data-theme="day"] header[data-scene] h1, html[data-theme="day"] .prob-head h2 { text-shadow: none }
html[data-theme="day"] .lead { color: var(--ink-2) }
html[data-theme="day"] ::selection { background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .pill { background: rgb(185, 58, 12); color: rgb(255, 255, 255); border: 1px solid rgb(185, 58, 12); border-radius: 8px; box-shadow: none }
html[data-theme="day"] .pill:hover { background: rgb(154, 48, 10); border-color: rgb(154, 48, 10); box-shadow: none }
html[data-theme="day"] .hero-ctas .alink, html[data-theme="day"] .ctas .alink, html[data-theme="day"] nav .alink, html[data-theme="day"] header[data-scene] .alink { color: rgb(23, 22, 20); border: 1px solid rgba(20, 20, 18, 0.18); border-radius: 8px }
html[data-theme="day"] .hero-ctas .alink:hover, html[data-theme="day"] .ctas .alink:hover, html[data-theme="day"] nav .alink:hover, html[data-theme="day"] header[data-scene] .alink:hover { background: rgba(20, 20, 18, 0.06); border-color: rgba(20, 20, 18, 0.3) }
html[data-theme="day"] .hero-ctas .alink .ar, html[data-theme="day"] .ctas .alink .ar, html[data-theme="day"] nav .alink .ar, html[data-theme="day"] header[data-scene] .alink .ar { color: inherit }
html[data-theme="day"] nav { background: rgba(243, 240, 234, 0.82); border-bottom: 1px solid rgba(20, 20, 18, 0.07); box-shadow: none }
html[data-theme="day"] .tcard, html[data-theme="day"] .mcard, html[data-theme="day"] .comp, html[data-theme="day"] .fee, html[data-theme="day"] .toc, html[data-theme="day"] .co-card, html[data-theme="day"] .connect, html[data-theme="day"] .demo-box, html[data-theme="day"] .j-stage, html[data-theme="day"] .linkbar, html[data-theme="day"] .phone-col:not(.dark), html[data-theme="day"] .sent, html[data-theme="day"] .addr, html[data-theme="day"] .fan-card, html[data-theme="day"] .oldway { background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.08); box-shadow: none }
html[data-theme="day"] .tcard:hover, html[data-theme="day"] .mcard:hover, html[data-theme="day"] .comp:hover, html[data-theme="day"] .fee:hover, html[data-theme="day"] .co-card:hover, html[data-theme="day"] .connect:hover { border-color: rgba(20, 20, 18, 0.16); box-shadow: none }
html[data-theme="day"] .fan-card { box-shadow: 0 12px 30px rgba(20, 19, 17, 0.16) }
html[data-theme="day"] header#top .hero-chip { background: rgb(253, 253, 252); border: 1px solid rgba(20, 20, 18, 0.09); border-radius: 10px; box-shadow: 0 10px 28px rgba(20, 19, 17, 0.16) }
html[data-theme="day"] .hero-tag { box-shadow: 0 6px 18px rgba(20, 19, 17, 0.14) }
html[data-theme="day"] .hero-tag::before { box-shadow: none }
html[data-theme="day"] .st-chap { color: rgba(23, 22, 20, 0.42) }
html[data-theme="day"] #techs .job-toast { background: rgb(253, 253, 252); color: rgb(23, 22, 20); border: 1px solid rgba(20, 20, 18, 0.09); border-radius: 10px; box-shadow: 0 10px 28px rgba(20, 19, 17, 0.16) }
html[data-theme="day"] #techs .job-toast .jt-m { color: rgb(105, 101, 93) }
html[data-theme="day"] #techs .job-toast .jt-y { color: rgb(157, 152, 144); border-top-color: rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .close-ctas .alink, html[data-theme="day"] .tech-cta .alink { color: rgb(23, 22, 20); border: 1px solid rgba(20, 20, 18, 0.18); border-radius: 8px }
html[data-theme="day"] .close-ctas .alink:hover, html[data-theme="day"] .tech-cta .alink:hover { background: rgba(20, 20, 18, 0.06); border-color: rgba(20, 20, 18, 0.3) }
html[data-theme="day"] .close-ctas .alink .ar, html[data-theme="day"] .tech-cta .alink .ar { color: inherit }
html[data-theme="day"] .ai-note-in { border-top: 1px solid rgba(20, 20, 18, 0.14); border-bottom: 1px solid rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .ai-note-k { color: rgb(194, 74, 10) }
html[data-theme="day"] .ai-note-in p { color: rgb(78, 75, 69) }
html[data-theme="day"] .fx-step .auto { border-top: 1px dashed rgba(20, 20, 18, 0.12); color: rgb(105, 101, 93) }
html[data-theme="day"] .fx-step .auto::before { border-radius: 4px; background: rgba(185, 58, 12, 0.14); color: rgb(194, 74, 10) }
html[data-theme="day"] .ap-intro span { color: rgb(194, 74, 10) }
html[data-theme="day"] .ap-intro p { color: rgb(78, 75, 69) }
html[data-theme="day"] .def-in { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line) }
html[data-theme="day"] .def-k { color: var(--orange) }
html[data-theme="day"] .def-p { color: var(--ink-2) }
html[data-theme="day"] .def-p strong { color: var(--ink) }
html[data-theme="day"] .def-pillars li { border-left: 1px solid var(--line) }
html[data-theme="day"] .def-pillars li:first-child { border-left: 0 }
html[data-theme="day"] .def-pillars b { color: var(--ink) }
html[data-theme="day"] .def-pillars b::after { color: var(--orange) }
html[data-theme="day"] .def-pillars span { color: var(--ink-2) }
html[data-theme="day"] .def-x { border-radius: 8px; background: rgba(20, 20, 18, 0.04); border: 1px solid var(--line-soft); color: var(--ink) }
html[data-theme="day"] .def-x i { border-radius: 99px; box-shadow: 0 0 0 3px rgba(20, 20, 18, 0.06) }
html[data-theme="day"] .def-pillars a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line) }
html[data-theme="day"] .def-pillars a:hover { color: var(--orange); border-color: var(--orange) }
@media(max-width:820px) { html[data-theme="day"] .def-pillars li { border-left: 0; border-top: 1px solid var(--line-soft) } }
@media(max-width:820px) { html[data-theme="day"] .def-pillars li:first-child { border-top: 0 } }
html[data-theme="day"] .js-fallback { color: var(--ink-2) }
html[data-theme="day"] .js-fallback h3 { color: var(--ink) }
html[data-theme="day"] .js-fallback b { color: var(--ink) }
html[data-theme="day"] .renew-note { color: var(--ink-2) }
html[data-theme="day"] .renew-note a, html[data-theme="day"] .form-note a { color: inherit; text-decoration: underline }
html[data-theme="day"] .role-line { color: var(--orange) }
html[data-theme="day"] .skip-link { border-radius: 8px; background: rgb(185, 58, 12); color: rgb(255, 255, 255); text-decoration: none }
html[data-theme="day"] .skip-link:focus { outline: 2px solid rgb(20, 20, 18); outline-offset: 2px }
@media(max-width:1100px) { html[data-theme="day"] .def-pillars li:nth-child(3) { border-left: 0 } }
html[data-theme="day"] .next-cols { border-top: 1px solid var(--line) }
html[data-theme="day"] .next-cols li+li { border-left: 1px solid var(--line) }
html[data-theme="day"] .next-cols b { color: var(--ink) }
html[data-theme="day"] .next-cols b::after { color: var(--orange) }
html[data-theme="day"] .next-cols span:not(.next-tag) { color: var(--ink-2) }
html[data-theme="day"] .next-tag { border-radius: 999px; border: 1px solid var(--line); color: var(--ink-2) }
html[data-theme="day"] .next-tag.live { color: rgb(48, 156, 94); border-color: rgba(111, 211, 154, 0.4) }
html[data-theme="day"] .next-cols a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line) }
html[data-theme="day"] .next-cols a:hover { color: var(--orange); border-color: var(--orange) }
@media(max-width:900px) { html[data-theme="day"] .next-cols li+li { border-left: 0; border-top: 1px solid var(--line-soft) } }
html[data-theme="day"] body .dark-act .alink { color: var(--bg) }
html[data-theme="day"] body .dark-act .alink:hover { border-color: var(--bg) }
html[data-theme="day"] .rw-route li::before { background: var(--line) }
html[data-theme="day"] .rw-route li.done::before, html[data-theme="day"] .rw-route li.now::before { background: var(--orange) }
html[data-theme="day"] .rw-stop { background: none; border: 0; color: var(--ink-2) }
html[data-theme="day"] .rw-dot { border-radius: 50%; border: 2px solid var(--line); background: var(--bg) }
html[data-theme="day"] .rw-stop b { color: var(--ink-2) }
html[data-theme="day"] .rw-stop small { color: var(--ink-3) }
html[data-theme="day"] .rw-stop:hover b { color: var(--ink) }
html[data-theme="day"] .rw-stop:focus-visible { outline: 2px solid var(--orange); outline-offset: 6px; border-radius: 8px }
html[data-theme="day"] li.done .rw-dot { background: var(--orange); border-color: var(--orange) }
html[data-theme="day"] li.now .rw-dot { background: var(--orange); border-color: var(--orange); box-shadow: 0 0 0 6px color-mix(in srgb,var(--orange) 22%,transparent),0 0 22px color-mix(in srgb,var(--orange) 70%,transparent) }
html[data-theme="day"] li.now .rw-stop b { color: var(--ink) }
html[data-theme="day"] li.now .rw-stop small { color: var(--orange) }
html[data-theme="day"] .rw-route::after { background: linear-gradient(90deg,var(--orange) var(--rw-t,0%),transparent var(--rw-t,0%)) }
html[data-theme="day"] .rw-k { color: var(--orange) }
html[data-theme="day"] .rw-copy h3 { color: var(--ink) }
html[data-theme="day"] .rw-copy p { color: var(--ink-2) }
html[data-theme="day"] .rw-price { color: var(--ink) }
html[data-theme="day"] .rw-actions .alink { border: 1px solid var(--line); border-radius: 8px; color: var(--ink); text-decoration: none }
html[data-theme="day"] .rw-actions .alink:hover { border-color: color-mix(in srgb,var(--ink) 40%,transparent) }
html[data-theme="day"] .rw-phone { border-radius: 24px; border: 1px solid var(--line); background: var(--bg) }
html[data-theme="day"] .rw-phone::before { background: url(/images/hero-floor.webp) center 80%/cover no-repeat; filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] .rw-card { border-radius: 20px; background: color-mix(in srgb,var(--surface) 82%,transparent); border: 1px solid var(--line); box-shadow: 0 18px 44px rgba(20, 19, 17, 0.112) }
html[data-theme="day"] .rw-card-h { color: var(--ink-3) }
html[data-theme="day"] .rw-card-h img { border-radius: 6px }
html[data-theme="day"] .rw-card b { color: var(--ink) }
html[data-theme="day"] .rw-card p { color: var(--ink-2) }
html[data-theme="day"] .rw-card-f strong { color: var(--ink) }
html[data-theme="day"] .rw-pill { border-radius: 999px; border: 1px solid var(--line); color: var(--ink-2) }
html[data-theme="day"] .rw-pill.ai { color: var(--orange); border-color: color-mix(in srgb,var(--orange) 45%,transparent) }
html[data-theme="day"] .rw-pill.go { background: var(--orange); border-color: var(--orange); color: rgb(255, 255, 255) }
html[data-theme="day"] .rw-pill.ok, html[data-theme="day"] .rw-pill.live { color: rgb(63, 184, 115); border-color: rgba(63, 184, 115, 0.45) }
html[data-theme="day"] .rw-pill.live::before { border-radius: 50%; background: rgb(63, 184, 115) }
html[data-theme="day"] .rw-pill.wait { color: rgb(171, 122, 33); border-color: rgba(217, 161, 59, 0.45) }
html[data-theme="day"] .rw-card-cap { color: var(--ink-3) }
html[data-theme="day"] .rw:not(.js) .rw-panel+.rw-panel { border-top: 1px solid var(--line) }
html[data-theme="day"] .nav-toggle { background: none; border: 0 }
html[data-theme="day"] .nav-toggle span { background: var(--ink); border-radius: 2px }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open { background: var(--bg) } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links { border-top: 1px solid var(--line-soft) } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links a { border-bottom: 1px solid var(--line-soft) } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links a:last-child { border-bottom: 0 } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links a.nav-cta { color: var(--orange) } }
html[data-theme="day"] .sc-btn { border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgb(185, 58, 12); color: rgb(255, 255, 255); box-shadow: 0 10px 28px rgba(20, 19, 17, 0.18) }
html[data-theme="day"] .sc-btn:hover { background: rgb(201, 61, 11) }
html[data-theme="day"] .sc-panel { border-radius: 16px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.12); box-shadow: 0 24px 60px rgba(20, 19, 17, 0.22); color: rgb(23, 22, 20) }
html[data-theme="day"] .sc-head { border-bottom: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .sc-head b { color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-head small { color: rgb(105, 101, 93) }
html[data-theme="day"] .sc-dot { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .sc-x { border-radius: 8px; border: 0; background: transparent; color: rgb(78, 75, 69) }
html[data-theme="day"] .sc-x:hover { background: rgba(20, 20, 18, 0.08); color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-m { border-radius: 14px }
html[data-theme="day"] .sc-m.bot { background: rgb(250, 249, 246); color: rgb(34, 33, 30); border-bottom-left-radius: 4px }
html[data-theme="day"] .sc-m.me { background: rgb(185, 58, 12); color: rgb(255, 255, 255); border-bottom-right-radius: 4px }
html[data-theme="day"] .sc-m a { color: rgb(194, 70, 10); text-decoration: underline }
html[data-theme="day"] .sc-m.me a { color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-chip { border-radius: 999px; border: 1px solid rgba(20, 20, 18, 0.16); background: transparent; color: rgb(34, 33, 30) }
html[data-theme="day"] .sc-chip:hover { border-color: rgb(185, 58, 12); color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-form { border-top: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .sc-in { border-radius: 10px; border: 1px solid rgba(20, 20, 18, 0.14); background: rgb(243, 240, 234); color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-in:focus { outline: none; border-color: rgb(185, 58, 12) }
html[data-theme="day"] .sc-send { border-radius: 10px; border: 0; background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .sc-note { color: rgb(128, 123, 114) }
html[data-theme="day"] .auto-bar { border-radius: 12px; background: rgba(252, 251, 250, 0.82); border: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .auto-bar .ab-k { color: rgb(128, 123, 114); border-right: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .auto-bar .ab-k i { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .auto-bar .ab-body b { color: rgb(20, 20, 18) }
html[data-theme="day"] .auto-bar .ab-body span { color: rgb(105, 101, 93) }
html[data-theme="day"] .auto-bar .ab-badge { border-radius: 999px; border: 1px solid currentColor }
html[data-theme="day"] .auto-bar .ab-time { color: rgb(128, 123, 114) }
html[data-theme="day"] [data-auto-steps] [data-step].run { background-color: rgba(185, 58, 12, 0.07); box-shadow: inset 0 2px 0 rgb(185, 58, 12) }
html[data-theme="day"] [data-auto-steps] [data-step].run .auto { color: rgb(194, 70, 10) }
html[data-theme="day"] [data-auto-steps] [data-step].run .auto::before { background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] header[data-scene] { background: var(--ink,rgb(243, 240, 234)); color: var(--bg,rgb(20, 20, 18)) }
html[data-theme="day"] header[data-scene] h1, html[data-theme="day"] header[data-scene] .lead, html[data-theme="day"] header[data-scene] .hero-sub, html[data-theme="day"] header[data-scene] .alink, html[data-theme="day"] header[data-scene] .eyebrow, html[data-theme="day"] header[data-scene] .updated, html[data-theme="day"] header[data-scene] p { color: var(--bg,rgb(20, 20, 18)) }
html[data-theme="day"] header[data-scene] .lead, html[data-theme="day"] header[data-scene] .hero-sub { color: rgba(20, 20, 18, 0.82) }
html[data-theme="day"] header[data-scene] b, html[data-theme="day"] header[data-scene] strong { color: var(--bg,rgb(20, 20, 18)) !important }
html[data-theme="day"] header[data-scene] .eyebrow { color: rgba(20, 20, 18, 0.7) }
html[data-theme="day"] header[data-scene] .dim, html[data-theme="day"] header[data-scene] h1 span { color: var(--bg,rgb(20, 20, 18)) }
html[data-theme="day"] header[data-scene] h1 .grad { color: var(--orange,rgb(185, 58, 12)) }
html[data-theme="day"] header[data-scene] .short { background: rgba(20, 20, 18, 0.06); border-color: rgba(20, 20, 18, 0.18); color: var(--bg,rgb(20, 20, 18)) }
html[data-theme="day"] header[data-scene] .short .k { color: rgba(20, 20, 18, 0.6) }
html[data-theme="day"] .pg-fade-side { background: radial-gradient(ellipse 58% 52% at 50% 62%,rgba(243, 240, 234, 0.8) 0%,rgba(243, 240, 234, 0.55) 45%,transparent 78%) }
html[data-theme="day"] .pg-fade-top { background: linear-gradient(to bottom,var(--ink,rgb(243, 240, 234)) 0%,rgba(243, 240, 234, 0.55) 45%,transparent 100%) }
html[data-theme="day"] .pg-fade-bot { background: linear-gradient(to top,var(--ink,rgb(243, 240, 234)) 0%,rgba(243, 240, 234, 0.86) 38%,transparent 100%) }
html[data-theme="day"] .rig-band-floor { background: url(/images/hero-floor.webp) center 78%/cover no-repeat; filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] .rig-band-in::before { background: linear-gradient(to left,rgba(255, 144, 81, 0.95),rgba(255, 144, 81, 0)); border-radius: 2px }
html[data-theme="day"] .sky-dusk { background: radial-gradient(ellipse 78% 46% at 30% 64%,rgba(185, 58, 12, 0.3),transparent 70%) }
html[data-theme="day"] .sky-night { background: radial-gradient(ellipse 60% 30% at 50% 64%,rgba(185, 58, 12, 0.05),transparent 70%) }
html[data-theme="day"] .sky-night::after { background-image: radial-gradient(rgba(20, 20, 18, 0.55) 1px,transparent 1.5px),radial-gradient(rgba(20, 20, 18, 0.3) 1px,transparent 1.5px); background-size: 120px 90px,170px 130px; background-position: 20px 12px,90px 50px }
html[data-theme="day"] .sky-first { background: radial-gradient(ellipse 80% 38% at 74% 64%,rgba(255, 170, 110, 0.17),transparent 70%) }
html[data-theme="day"] .sky-sunrise { background: radial-gradient(ellipse 85% 56% at 78% 62%,rgba(255, 200, 130, 0.4),rgba(185, 58, 12, 0.13) 46%,transparent 72%) }
html[data-theme="day"] .rig-band-bg { mix-blend-mode: multiply }
html[data-theme="day"] .rig-route { color: rgba(20, 20, 18, 0.45) }
html[data-theme="day"] .rig-route b { color: rgb(194, 77, 10) }
html[data-theme="day"] .rig-tag { color: rgb(20, 20, 18); background: rgba(243, 241, 236, 0.82); border: 1px solid rgba(255, 144, 81, 0.55); border-radius: 6px; box-shadow: 0 0 22px rgba(185, 58, 12, 0.22) }
html[data-theme="day"] .rig-tag::before { border-radius: 50%; background: rgb(255, 144, 81); box-shadow: 0 0 10px rgb(185, 58, 12) }
html[data-theme="day"] .rig-tag::after { background: linear-gradient(rgba(255, 144, 81, 0.7),transparent) }
html[data-theme="day"] .rig-tag.alert { border-color: rgba(255, 90, 71, 0.8); color: rgb(25, 22, 22); box-shadow: 0 0 26px rgba(255, 70, 50, 0.35) }
html[data-theme="day"] .rig-tag.alert::before { background: rgb(255, 90, 71); box-shadow: 0 0 10px rgb(255, 59, 40) }
html[data-theme="day"] .rig-tag.ok { border-color: rgba(74, 190, 120, 0.75) }
html[data-theme="day"] .rig-tag.ok::before { background: rgb(74, 190, 120); box-shadow: 0 0 10px rgb(47, 168, 98) }
html[data-theme="day"] .rig-haz i { border-radius: 50%; background: rgb(255, 179, 71); box-shadow: 0 0 0 6px rgba(255, 160, 60, 0.22),0 0 26px 8px rgba(255, 140, 40, 0.75) }
html[data-theme="day"] .rig-dock { background: linear-gradient(to top,rgba(74, 190, 120, 0),rgba(74, 190, 120, 0.85)) }
html[data-theme="day"] .rig-dock::after { color: rgba(42, 162, 90, 0.9) }
html[data-theme="day"] .rig-flow .st { color: rgba(20, 20, 18, 0.32) }
html[data-theme="day"] .rig-flow .st::before { border-radius: 50%; border: 1.5px solid rgba(20, 20, 18, 0.32); background: rgb(243, 241, 236) }
html[data-theme="day"] .rig-flow .st::after { background: rgba(20, 20, 18, 0.15) }
html[data-theme="day"] .rig-flow .st.done { color: rgba(20, 20, 18, 0.72) }
html[data-theme="day"] .rig-flow .st.done::before { background: rgb(185, 58, 12); border-color: rgb(185, 58, 12) }
html[data-theme="day"] .rig-flow .st.done::after, html[data-theme="day"] .rig-flow .st.now::after { background: rgb(185, 58, 12) }
html[data-theme="day"] .rig-flow .st.now { color: rgb(194, 77, 10) }
html[data-theme="day"] .rig-flow .st.now::before { background: rgb(255, 144, 81); border-color: rgb(255, 144, 81); box-shadow: 0 0 0 5px rgba(185, 58, 12, 0.22),0 0 18px rgba(185, 58, 12, 0.85) }
html[data-theme="day"] .rig-flow .st.now.alert { color: rgb(194, 31, 10) }
html[data-theme="day"] .rig-flow .st.now.alert::before { background: rgb(255, 90, 71); border-color: rgb(255, 90, 71); box-shadow: 0 0 0 5px rgba(255, 70, 50, 0.22),0 0 18px rgba(255, 70, 50, 0.9) }
html[data-theme="day"] .rig-flow .st.now.ok { color: rgb(44, 160, 90) }
html[data-theme="day"] .rig-flow .st.now.ok::before { background: rgb(74, 190, 120); border-color: rgb(74, 190, 120); box-shadow: 0 0 0 5px rgba(74, 190, 120, 0.2),0 0 18px rgba(74, 190, 120, 0.8) }
html[data-theme="day"] .ct-truck svg { filter: drop-shadow(0 0 1px rgba(20, 20, 18, 0.55)) drop-shadow(0 2px 3px rgba(20, 19, 17, 0.2)) }
html[data-theme="day"] span.ct-w.ct-w.ct-w { color: inherit }
html[data-theme="day"] svg [stop-color="#FFE6BF"] { stop-color: rgb(35, 33, 31) }
html[data-theme="day"] svg [fill="#191918"] { fill: rgb(252, 251, 250) }
html[data-theme="day"] svg [stroke="#E8490F"] { stroke: rgb(185, 58, 12) }
html[data-theme="day"] svg [fill="#E8490F"] { fill: rgb(185, 58, 12) }
html[data-theme="day"] svg [fill="#111110"] { fill: rgb(243, 240, 234) }
html[data-theme="day"] svg [fill="#FFE2C4"] { fill: rgb(32, 30, 29) }
html[data-theme="day"] svg [fill="#FF9051"] { fill: rgb(194, 77, 10) }