/* Out of the Box white theme (15 Oct 2026).
   White primary, black (#0D0D0D) secondary, highlighter yellow (#F4FF72) tertiary.
   Loads after site.css on every page. Yellow is used only as a fill or highlighter mark, never as text on white.
   The logo mark is yellow-on-black only (brand pack rule), so it always sits on black. */

/* ---- sitewide ---- */
:root{--near:#FFFFFF;--black:#FFFFFF;--panel:#F4F4F1;--panel-2:#ECECE8;--rule:#E3E3DE;--rule-2:#CFCFC9;--ink:#0D0D0D;--ink-2:rgba(13,13,13,.72);--ink-3:rgba(13,13,13,.5)}
body{background:#fff;color:var(--ink)}

/* dark islands: photo tiles, the brain map, the impact numbers, testimonial frame, marquee and CTA band keep the dark palette */
.brain-sec,.impact,.marquee,.cta,.frame,.case-vis,.hero-img,.pass,.way:not(.acid),.feat .vid,.tour .vis,.doors .ph-top,.who .ph-img,.post .pv:not(.txt),.ph-img{
  --near:#0D0D0D;--black:#000;--panel:#131313;--panel-2:#1A1A1A;--rule:#262626;--rule-2:#333;--ink:#fff;--ink-2:rgba(255,255,255,.72);--ink-3:rgba(255,255,255,.48);color:var(--ink)}
.brain-sec,.impact,.marquee,.cta{background:#0D0D0D}
.brain-sec .mono,.impact .mono,.cta .mono{color:var(--ink-3)}
section.impact,section.brain-sec,section.cta{border-top-color:#0D0D0D}

/* text accents */
.hl{color:#0D0D0D;background:linear-gradient(transparent 58%,var(--acid) 58%,var(--acid) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.impact .hl,.brain-sec .hl,.cta .hl,.frame .hl{color:var(--acid);background:none}
.hero h1 .l2{color:#0D0D0D}
.hero h1 .l2 .hl,.hero h1 .l2{background:linear-gradient(transparent 58%,var(--acid) 58%,var(--acid) 92%,transparent 92%);display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero h1 .l2::before{content:"";display:block}
.br::before,.br::after{color:#0D0D0D}
.dot{background:var(--acid);outline:1px solid #0D0D0D}

/* nav and logo */
nav{background:rgba(255,255,255,.9);border-bottom-color:var(--rule)}
.brand img{background:#0D0D0D;padding:4px}
.cur{border-color:var(--rule-2)}
.navlinks a:hover,.crumbs a:hover,.person a:hover,.listen .mono a:hover,.h-hero .meta a:hover{color:#0D0D0D;text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:5px;text-underline-offset:-1px}

/* buttons */
.btn-acid{border-color:#0D0D0D;box-shadow:3px 3px 0 #0D0D0D}
.btn-acid:hover{background:#0D0D0D;color:var(--acid);border-color:#0D0D0D}
.btn-ghost{border-color:#0D0D0D;color:#0D0D0D}
.btn-ghost:hover{background:var(--acid);color:#0D0D0D}
.cta .btn-ghost,.impact .btn-ghost,.brain-sec .btn-ghost{border-color:var(--acid);color:#fff}
.cta .btn-ghost:hover{color:#0D0D0D}
.pill{color:#fff}

/* fact grid */
.fact:hover{background:var(--panel)}
.fact.logo,.fact.logo:hover{background:#0D0D0D}

/* build list accordion */
.row summary:hover .name{color:#0D0D0D;text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:6px;text-underline-offset:-2px;text-decoration-skip-ink:none}
.row[open] .plus{color:#0D0D0D}
.row .detail .proof{background:var(--panel)}
.row .detail .proof b{color:#0D0D0D;background:var(--acid);padding:0 3px}

/* case study bodies */
.case-body .why{border-top-color:#0D0D0D}
.case-body .why .mono{color:#0D0D0D}
.quote-inline{border-left-color:#0D0D0D}
.steps li .mono{color:var(--ink-3)}

/* department bars and system table */
.climb .bar{background:#CFCFC9}
.dbar .dt{background:var(--panel-2)}
.dbar .dt i{background:#0D0D0D}
.srow .api{background:var(--acid);color:#0D0D0D}
@media(max-width:899px){.srow .now::before{color:#0D0D0D;font-weight:600}}

/* timeline */
.ph .mono{color:#0D0D0D}
.ph .sq{border-color:#0D0D0D;background:#fff}
.ph.lit .sq{background:var(--acid)}

/* packages */
.tier{background:#fff;border-color:var(--rule-2)}
.tier .then{color:#0D0D0D;background:var(--acid);padding:2px 6px;align-self:flex-start}
.tier li::before{background:#0D0D0D}
.tier.feat{border-color:#0D0D0D;box-shadow:6px 6px 0 #0D0D0D}
.terms,.terms div{border-color:var(--rule-2)}

/* comparison */
.cmp .us{border-bottom-color:rgba(0,0,0,.12)}

/* testimonial frame stays a black card */
.frame{border-color:#0D0D0D;outline-color:#0D0D0D;background:#0D0D0D}

/* FAQ */
.q[open] summary::after{color:#0D0D0D}
.still{background:var(--panel)}
.circ{border:1px solid #0D0D0D}

/* CTA band: black with yellow accents (footer stays yellow) */
.cta{color:#fff}
.cta svg path,.cta svg *{stroke:var(--acid)}
.cta .contact{border-top-color:#fff}
.cta .contact a,.cta .contact div{border-bottom-color:rgba(255,255,255,.22)}
.cta .contact a:hover{color:var(--acid)}
.foot .flinks a:hover{color:#0D0D0D;text-decoration:underline}

/* inner pages */
.prose a{color:#0D0D0D;text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:4px;text-underline-offset:1px}
.prose a:hover{background:var(--acid)}
.cards a{background:#fff}
.cards a:hover{background:var(--panel)}
table.t th,table.t td{border-bottom-color:var(--rule)}
.marquee .track{color:#8a8a8a}.marquee .track .sep{color:#4a4a4a}

/* ---- home page ---- */

/* ---- home page ---- */
/* LIGHT THEME: white primary, black secondary, highlighter yellow tertiary. Overrides only. */
body{background:#fff;color:var(--ink)}
.hl,.h-hero h1 .l2{color:#0D0D0D;background:linear-gradient(transparent 58%,var(--acid) 58%,var(--acid) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.h-hero h1 .l2{display:inline;padding:0 .04em}
.h-hero h1 .l2::before{content:"";display:block}
.br::before,.br::after{color:#0D0D0D}
.dot{background:var(--acid);outline:1px solid #0D0D0D}
nav{background:rgba(255,255,255,.9);border-bottom-color:var(--rule)}
.navlinks a:hover,.h-hero .meta a:hover,.person a:hover,.listen .mono a:hover{color:#0D0D0D;text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:5px;text-underline-offset:-1px}
.btn-acid{border-color:#0D0D0D;box-shadow:3px 3px 0 #0D0D0D}
.btn-acid:hover{background:#0D0D0D;color:var(--acid);border-color:#0D0D0D}
.btn-ghost{border-color:#0D0D0D;color:#0D0D0D}
.btn-ghost:hover{background:var(--acid);color:#0D0D0D}
.pill{color:#fff}
/* hero doors */
.doors{background:#fff}
.door .r i{color:#0D0D0D}
.door:hover b,.post:hover h3{color:#0D0D0D;text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:6px;text-underline-offset:-2px;text-decoration-skip-ink:none}
.door.main{border-top:1px solid #0D0D0D;border-bottom:1px solid #0D0D0D}
.door.main:hover{background:#0D0D0D;color:var(--acid)}
.door.main:hover b{color:var(--acid);text-decoration:none}
.door.main:hover .n,.door.main:hover span.d,.door.main:hover .r,.door.main:hover .r i{color:rgba(244,255,114,.8)}
/* marquee becomes the black band */
.marquee{background:#0D0D0D;border-color:#0D0D0D}
.track{color:#5a5a5a}.track .sep{color:#333}
/* photo tiles stay dark so type reads over images */
.way{color:#fff}
.way p,.way .foot-l .mono{color:rgba(255,255,255,.78)}
.way .tag{color:#fff}
.way.acid{color:#0D0D0D;border-color:#0D0D0D}
.ways,.way{border-color:var(--rule)}
/* podcast */
.feat{background:#fff}
.feat .vid .idx{color:#fff}
.ep:hover .go{color:#0D0D0D}
/* Lean tours box: black frame, yellow offset */
.tour{border-color:#0D0D0D;box-shadow:8px 8px 0 #0D0D0D;background:#fff}
.tour .vis .pill{color:#fff}
.tour input{color:#0D0D0D}
.tour input::placeholder{color:#a5a5a0}
.tour input:focus{border-bottom-color:#0D0D0D}
/* blog */
.tabs{border-color:#0D0D0D}
.tabs button{border-right-color:#0D0D0D;color:#0D0D0D}
.tabs button:not(.on):hover{color:#0D0D0D;background:var(--panel)}
.posts{background:var(--rule);border-color:var(--rule)}
.post{background:#fff}
.post:hover{background:var(--panel)}
.post .cat{color:#fff}
.post .pv.txt{background:var(--acid)}
.post .pv.txt .cat{background:#0D0D0D;border-color:#0D0D0D}
.post .pv.txt b{color:#0D0D0D}
.post .pv.txt span.cat{color:#fff}
/* the mark is yellow-on-black only (brand pack rule), so it sits on a black tile here */
.brand img{background:#0D0D0D;padding:4px}
.track{color:#8a8a8a}.track .sep{color:#4a4a4a}
.post .pv.txt span{color:rgba(13,13,13,.65)}
/* who */
.fact.logo{background:#0D0D0D}
.fact:hover{background:var(--panel)}
.fact.logo:hover{background:#0D0D0D}
/* CTA becomes the black band; footer stays yellow */
.cta{background:#0D0D0D;color:#fff}
.cta .mono{color:rgba(255,255,255,.6)}
.cta h2 .inl{background:var(--acid);color:#0D0D0D}
.cta h2 .inl:hover{background:#fff}
.cta .contact{border-top-color:#fff}
.cta .contact a,.cta .contact div{border-bottom-color:rgba(255,255,255,.22)}
.cta .contact a:hover{color:var(--acid)}

/* ---- fixes from the 15 Oct check ---- */
/* footer mark: yellow-on-black only, so a small black tile, never filtered to black */
.foot img{width:30px;height:30px;object-fit:contain;filter:none;background:#0D0D0D;padding:3px}
.foot .addr{color:rgba(13,13,13,.62)}
.brain-sec .bctl button{color:#0D0D0D}
.cards{background:transparent;border:0;gap:0}
.cards a{border:1px solid var(--rule);margin:0 -1px -1px 0}
@media(max-width:700px){table.t{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}