/* JS Brand — LIGHT design system v2 (2026-10-01)
   Aligns jeffschenck.com with schenckandco.com: light canvas, system SF type,
   one accent = Donarus blue. Linked LAST in <head>, after _redesign-titles.css.
   Rules:  one headline style (one family, one color, no italic/serif swaps,
           no gradient text); accent only on links, CTAs, eyebrows.
   Dark islands (.plh-track hero video, .se-wrap / .se-hero-3d machine panels,
   .night) re-scope the tokens back to dark with the electric Donarus blue. */

:root{
  --bg:#F5F5F7; --surface:#FFFFFF; --ink:#1D1D1F; --ink-2:#424245; --ink-3:#6E6E73;
  --hair:#D2D2D7; --night:#0B0B0D;
  --accent:#1638D6; --accent-ink:#0F2BAA; --accent-wash:rgba(22,56,214,.08);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  /* legacy tokens remapped so every page's own CSS follows */
  --void:#F5F5F7; --deep:#FFFFFF; --card:#FFFFFF;
  --bone:#1D1D1F; --mute:#424245; --dim:#6E6E73; --faint:#86868B;
  --ember:#1638D6; --ember-soft:rgba(22,56,214,.28);
  --rule:#D2D2D7; --rule-2:rgba(0,0,0,.06);
  --radius:22px;
  --card-sh:0 1px 2px rgba(0,0,0,.04);
  --card-glow:0 1px 2px rgba(0,0,0,.04), 0 18px 44px -22px rgba(0,0,0,.22);
  --display:var(--font); --serif:var(--font); --mono:var(--font);
  color-scheme:light;
}

/* ---------- base ---------- */
html{background:var(--bg)!important}
body{background:transparent!important}
/* whole-site wash: a hint of blue, to gray, back to blue. Fixed so it reads as the
   page's material, not a section color. Kept under ~3% shift so it is felt, not seen. */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(120% 70% at 0% 0%,rgba(22,56,214,.055) 0%,rgba(22,56,214,0) 60%),
    radial-gradient(120% 70% at 100% 100%,rgba(22,56,214,.05) 0%,rgba(22,56,214,0) 60%),
    linear-gradient(160deg,#EEF1F8 0%,#F5F5F7 42%,#F5F5F7 58%,#EEF1F8 100%);}
body{color:var(--ink);font-family:var(--font)!important;font-weight:400;font-size:17px;line-height:1.47;letter-spacing:-.022em}
::selection{background:rgba(22,56,214,.18);color:var(--ink)}
a:focus-visible,button:focus-visible,:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.grain,.bg-grid,.scroll-prog,#noise{display:none!important}
b,strong{font-weight:600}
.skip{background:var(--ink);color:#fff;font-family:var(--font)}

/* ---------- ONE headline style ---------- */
h1,h2,h3,h4,.sec-title,.th-line,.phead h1,main h1,.plh-name,.pf-title,.level-title,.pv-h,.close h2,h2.close-h,
.stat .n,.fact .k,.foot-brand .mk,.issue .t,.mobile-menu a{
  font-family:var(--font)!important;
  font-style:normal!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  text-shadow:none;
}
h1 em,h2 em,h3 em,h4 em,.sec-title em,.th-line em,.th-line .w,.pf-title em,.level-title em,.pv-h em,.a-head em,
.hero h1 .thin,.hero h1 .hot,.close h2 em,h2.close-h em{
  font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;
  color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important;opacity:1!important;
}
.phead h1,main h1,.hero h1,.article h1{
  font-weight:700!important;letter-spacing:-.045em!important;line-height:1.03!important;
  font-size:clamp(2.6rem,7vw,5.6rem)!important;max-width:15ch;
}
.article h1{font-size:clamp(2.2rem,5vw,3.8rem)!important;letter-spacing:-.035em!important;max-width:20ch}
.sec-title,.th-line,.close h2:not(.idx),h2.close-h{
  font-weight:700!important;letter-spacing:-.04em!important;line-height:1.05!important;
  font-size:clamp(2.2rem,5.4vw,4rem)!important;max-width:16ch;
}
.th-line{font-size:clamp(2.4rem,6vw,4.6rem)!important;max-width:15ch}
.pf-title,.level-title,.pv-h{font-weight:700!important;letter-spacing:-.03em!important;line-height:1.1!important;font-size:clamp(1.6rem,3.2vw,2.4rem)!important}
h3,.way h3,.work-card h3,.pf-card h3,.news-form h3,.a-cta h3{font-weight:600!important;letter-spacing:-.025em!important;line-height:1.18!important}
.stat .n,.fact .k{font-weight:700!important;letter-spacing:-.05em!important}

/* ---------- eyebrows, tags, labels: one quiet system ---------- */
.idx,h2.idx,div.idx,.close h2.idx,.close .idx,.phead .eyebrow,.eyebrow,.kicker,.cs-genre,.plh-kick,.pipe-head,.article .eyebrow{
  font-family:var(--font)!important;font-size:17px!important;font-weight:600!important;
  letter-spacing:-.01em!important;text-transform:none!important;
  color:var(--accent)!important;opacity:1!important;line-height:1.3!important;
  border:0!important;
}
.idx > span:first-of-type{font-weight:600}
.tag,.way .tag,.work-card .tag,.pf-card .tag,.stat .l,.fact .v,.issue .no,.issue .d,.level-badge,.course-pane .pane-head .pk,
.logos-lead,.news-fine,.close .n,.foot-col h4,.foot-bot,.field label,.portrait .cap,.cs-genre,.pipe-legend,.pipe-hint,.fm-loop,
.scrollcue,.dgm figcaption,.article .byline,.a-back,.r-label,.brand{
  font-family:var(--font)!important;text-transform:none!important;letter-spacing:-.005em!important;
}
.tag,.way .tag,.work-card .tag,.pf-card .tag,.stat .l,.course-pane .pane-head .pk{
  font-size:13px!important;font-weight:600!important;color:var(--ink-3)!important;
}
.fact .v,.issue .d,.close .n,.news-fine,.logos-lead,.article .byline{font-size:14px!important;color:var(--ink-3)!important}
.foot-col h4{font-size:12px!important;font-weight:600!important;color:var(--ink)!important}
.issue .no{font-size:14px!important;font-weight:600!important;color:var(--ink-3)!important}
.level-badge{font-size:13px!important;font-weight:600!important;color:var(--ink-2)!important;border-color:var(--hair)!important}

/* ---------- body copy ---------- */
p,li{color:inherit}
.phead .lead,.sub,.th-body,.pf-cat > .lede,.pipe-lead,.prose p,.level-desc,.way p,.work-card p,.pf-card .k,.news-form p,
.issue .teaser,.foot-brand p,.faq-card .faq-body,.cs-result p,.a-cta p,.stat .s{color:var(--ink-2)!important}
.phead .lead,.thesis .th-body,.thesis .th-body:first-of-type{
  font-size:clamp(19px,2vw,22px)!important;line-height:1.4!important;letter-spacing:-.016em;font-weight:400!important;color:var(--ink-2)!important;
}
.phead .lead em,.prose em,.pipe-lead b,.prose p strong{font-family:inherit!important;font-style:normal!important;font-weight:600!important;color:var(--ink)!important}
.cs-sub{font-family:var(--font)!important;font-style:normal!important;font-weight:400!important;color:var(--ink-2)!important}
.about-lead{font-family:var(--font)!important;font-style:normal!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-.025em!important}
.article .prose p,.cs-deliv li{color:var(--ink-2)!important}
.a-head{font-family:var(--font)!important;text-transform:none!important;letter-spacing:-.02em!important;font-size:1.5rem!important;
  font-weight:700!important;color:var(--ink)!important;opacity:1!important;border-left:0!important;padding-left:0!important}
.cs-deliv li::before{background:var(--ink-3);box-shadow:none;border-radius:50%;width:6px;height:6px}

/* ---------- nav ---------- */
.site-head,.site-head.solid{
  background:rgba(245,245,247,.72)!important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,.06)!important;
}
.nav{height:56px}
.brand{font-size:19px!important;font-weight:600;letter-spacing:-.02em!important;color:var(--ink)}
.brand b{font-weight:600}
.brand{gap:7px!important}
.brand .dot{background:var(--accent)}
.nav-links a{font-family:var(--font)!important;font-size:13px!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--ink)!important;opacity:.78}
.nav-links a:hover,.nav-links a[aria-current="page"]{opacity:1}
.nav-links a::after{display:none}
.burger span{background:var(--ink)}
.mobile-menu{background:var(--bg)}
.mobile-menu a{font-weight:600!important;border-bottom-color:var(--hair)}
.mobile-menu a .i{font-family:var(--font);color:var(--ink-3)}
.mobile-menu a:last-child{color:var(--accent)!important}

/* ---------- buttons: Apple pills ---------- */
.nav-cta,.btn,.cta-btn,.work-cta .cta-btn,.pf-card.pf-cta .cta-btn,.news-form .btn{
  font-family:var(--font)!important;text-transform:none!important;letter-spacing:-.01em!important;
  font-size:15px!important;font-weight:500!important;
  border-radius:980px!important;min-height:44px;padding:0 22px!important;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:var(--accent)!important;color:#fff!important;border:0!important;box-shadow:none!important;
  transition:background .2s ease,transform .2s cubic-bezier(.2,.9,.3,1.2)!important;
}
.nav-cta{min-height:32px;padding:0 16px!important;font-size:13px!important}
.nav-cta::before,.btn::before{display:none!important}
.nav-cta:hover,.btn:hover,.btn:focus-visible,.cta-btn:hover{background:var(--accent-ink)!important;color:#fff!important;transform:none}
.nav-cta:active,.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent!important;color:var(--accent)!important;padding:0 6px!important}
.btn.ghost:hover,.btn.ghost:focus-visible{background:transparent!important;color:var(--accent-ink)!important;text-decoration:underline}
.tlink,.go,.way .go,.work-card .go,.a-back,.course-pane .pane-head a{
  font-family:var(--font)!important;text-transform:none!important;letter-spacing:-.01em!important;
  font-size:17px!important;color:var(--accent)!important;
}
.tlink::after{display:none}
.tlink:hover,.a-back:hover{text-decoration:underline;color:var(--accent-ink)!important}
a:not([class]){color:var(--accent)}
.prose a,.faq-card .faq-body a,.phead .lead a{color:var(--accent)!important;border-bottom:0!important;text-decoration:none}
.prose a:hover,.faq-card .faq-body a:hover{text-decoration:underline}

/* ---------- surfaces: white tiles, no glow ---------- */
.stat,.way,.work-card,.pf-card,.fact,.news-form,.issue,.cs-result,.a-cta,.faq-card,.course-pane,.dgm,.yt{
  background:var(--surface)!important;border:0!important;border-radius:var(--radius)!important;
  box-shadow:var(--card-sh)!important;
}
.stat:hover,.way:hover,.way:focus-visible,.work-card:hover,.pf-card:hover,.fact:hover,.issue:hover,.dgm:hover{
  transform:none!important;box-shadow:var(--card-glow)!important;
}
.stat::after,.way::before{display:none!important}
.way:hover .go,.work-card:hover .go,.issue:hover .d{color:var(--accent)!important}
.work-card .thumb::after,.pf-card .thumb::after,.way-shot::after{display:none!important}
.work-card .thumb,.pf-card .thumb{background:#E8E8ED}
.work-cta,.pf-card.pf-cta{background:var(--surface)!important}
.faq-card[open]{background:var(--surface)!important;box-shadow:var(--card-glow)!important}
.faq-card summary{font-family:var(--font)!important;color:var(--ink)!important;font-weight:600!important}
.faq-card summary:hover{color:var(--accent)!important}
.faq-card summary::after{font-family:var(--font);color:var(--ink-3)}
.field input{background:var(--bg)!important;border:1px solid var(--hair)!important;color:var(--ink)!important;font-family:var(--font)!important}
.field input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-wash)}

/* logo wall: white chips, hairline, no drop shadow */
.logo-chip{background:var(--surface)!important;box-shadow:none!important;border:1px solid rgba(0,0,0,.05)}
.logo-chip:hover{box-shadow:var(--card-glow)!important;transform:none}
.logo-chip:hover::after{box-shadow:none}

/* portrait: color, no dark scrim */
.portrait{background:#E8E8ED;border:0!important;box-shadow:none!important}
.portrait img{filter:none!important}
.portrait .cap{background:linear-gradient(0deg,rgba(255,255,255,.9),transparent)!important;color:var(--ink-2)!important}

/* sections: Apple rhythm */
section{padding:clamp(72px,11vh,140px) 0}
.phead{padding-top:calc(56px + clamp(64px,10vh,112px))}
.hero::after{background:linear-gradient(90deg,var(--bg) 30%,rgba(245,245,247,.6) 46%,transparent 62%)!important}
.hero-socials a{background:var(--surface)!important;border-color:var(--hair)!important;color:var(--ink-2)!important}
.hero-socials a:hover{background:var(--accent)!important;color:#fff!important}

/* footer */
.site-foot{border-top:1px solid var(--hair)!important;background:var(--bg)}
.foot-col a{color:var(--ink-2)!important;font-size:14px!important}
.foot-col a:hover,.foot-donarus a:hover{color:var(--accent)!important}
.foot-donarus a{color:var(--ink)!important;border-bottom-color:var(--hair)!important}
.foot-bot{border-top-color:var(--hair)!important;font-size:12px!important;color:var(--ink-3)!important}
.foot-bot a{color:var(--ink-3)!important}

/* YouTube facade + misc accents */
.yt .yt-play{background:rgba(255,255,255,.92)!important;border:0!important}
.yt .yt-play::after{border-left-color:var(--ink)!important}
.yt:hover .yt-play{background:#fff!important}
.yt:hover .yt-play::after{border-left-color:var(--accent)!important}
.course-pane .pane-head{background:#FBFBFD!important;border-bottom-color:#ECECF0!important}

/* inline SVG diagrams on light (services decision diagram etc.) */
.dgm{background:var(--surface)!important}
.dgm .f-key,.dgm .f-price{fill:var(--accent)!important;font-family:var(--font)!important;letter-spacing:0!important;text-transform:none}
.dgm .f-lab{font-family:var(--font)!important;letter-spacing:0!important;text-transform:none;fill:var(--ink-3)!important}
.dgm .f-name{font-family:var(--font)!important;fill:var(--ink)!important;font-weight:600}
.dgm .f-chipt{font-family:var(--font)!important;font-weight:400}
.dgm .f-chipt.is-mine{fill:var(--ink)!important}
.dgm .f-chipt.is-theirs{fill:var(--ink-3)!important}
.dgm [fill="#20D3C0"],.dgm [fill="#20d3c0"]{fill:var(--accent)!important}
.dgm [stroke="#20D3C0"],.dgm [stroke="#20d3c0"]{stroke:var(--accent)!important}
.dgm [fill^="rgba(32,211,192"]{fill:var(--accent-wash)!important}
.dgm [stroke^="rgba(32,211,192"]{stroke:rgba(22,56,214,.35)!important}
.dgm [fill^="rgba(239,237,230"]{fill:#F5F5F7!important}
.dgm [stroke^="rgba(239,237,230"]{stroke:#D2D2D7!important}
.dgm [fill="#8C8A81"]{fill:var(--ink-3)!important}
.dgm [stroke="#8C8A81"]{stroke:var(--hair)!important}

/* ================= DARK ISLANDS =================
   Video and rendered-machine panels stay dark (they are imagery, not chrome).
   Re-scope tokens so their own CSS reads correctly; accent = electric Donarus blue. */
.plh-track,.se-wrap:not(.se-hero-3d),.se-hero-3d .hero-machine-figure,.night,.pipe-scroll{
  --void:#0B0B0D; --deep:#141418; --card:#141418;
  --bone:#F5F5F7; --mute:#A1A1A6; --dim:#86868B;
  --ember:#4D8DFF; --ember-soft:rgba(77,141,255,.5);
  --rule:rgba(255,255,255,.12); --rule-2:rgba(255,255,255,.06);
  color-scheme:dark;
}
.plh-track{background:var(--night)!important}
.plh-track .plh-name{color:#F5F5F7!important;font-weight:700!important;letter-spacing:-.04em!important;text-shadow:0 6px 60px rgba(0,0,0,.6)}
.plh-track .plh-kick{color:#4D8DFF!important}
.plh-track .plh-desc{font-family:var(--font)!important;color:#E8E8ED!important}
.plh-htag,.plh-htag .sub{font-family:var(--font)!important;text-transform:none!important;letter-spacing:-.01em!important}
.plh-htag b{color:#4D8DFF}
.plh-pbar{background:#4D8DFF!important;box-shadow:none!important}
.se-wrap{background:var(--night)!important;border:0!important;border-radius:var(--radius)!important}
/* the 3D machine panel is a light tile framing a dark product shot */
.se-wrap.se-hero-3d{background:var(--surface)!important;box-shadow:var(--card-sh)!important;padding:clamp(28px,4vw,56px)!important}
.se-hero-3d .pipe-head{font-size:clamp(1.8rem,3.4vw,2.6rem)!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--ink)!important;line-height:1.1!important;margin-bottom:14px!important}
.se-hero-3d .pipe-lead{color:var(--ink-2)!important;font-size:17px!important;line-height:1.47!important}
.se-hero-3d .pipe-lead b{color:var(--ink)!important}
.se-hero-3d .hero-machine-figure{border-radius:16px}
[style*="background:#20D3C0"]{background:var(--accent)!important}
[style*="background:#3F7FD6"]{background:var(--ink-3)!important}
.fm-loop,.fm-loop *{color:var(--ink-2)!important}
.fm-loop em{color:var(--accent)!important}
.fm-loop::before,.fm-loop::after{background:var(--hair)!important}
.se-fnode.se-gate,.se-fnode.se-core{stroke:#4D8DFF!important}
.se-fnode.se-core{fill:rgba(77,141,255,.10)!important}
.se-fnode.se-return{fill:rgba(77,141,255,.06)!important;stroke:rgba(77,141,255,.5)!important}
.se-wire.se-back{stroke:#4D8DFF!important}
.se-fpanelt{fill:#4D8DFF!important}
.se-hero-3d .hero-machine-glow{display:none}

/* ---------- specificity backstop: beats _redesign-titles.css teal/gradient rules ---------- */
html body main h1, html body .phead h1, html body .th-line,
html body section.close .wrap > h2, html body section.close .wrap > h2.rv, html body h2.close-h,
html body .sec-title, html body .level-title, html body .pv-h, html body .a-head,
html body main h1 em, html body .phead h1 em, html body .th-line em,
html body section.close .wrap > h2 em, html body section.close .wrap > h2.rv em, html body h2.close-h em,
html body .sec-title em, html body .level-title em, html body .pv-h em, html body .a-head em{
  color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;
  background:none!important;font-family:var(--font)!important;font-style:normal!important;
}
html body section.close .wrap > h2.idx, html body .idx, html body .phead .eyebrow, html body .eyebrow, html body .cs-genre{
  color:var(--accent)!important;-webkit-text-fill-color:var(--accent)!important;opacity:1!important;
  font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;
}
html body .plh-track .plh-name{color:#F5F5F7!important;-webkit-text-fill-color:#F5F5F7!important}
html body .plh-track .plh-kick{color:#4D8DFF!important;-webkit-text-fill-color:#4D8DFF!important}

/* ---------- page-specific modules (sprint, diagnostic, rate tables, rendered agency, ode) ---------- */
.acc-media-item,.cast figcaption,.comp-cell .clabel,.comp-role .tag,.diag-cta-line,.diag-note,.epi figcaption,
.hero-band figure figcaption,.lb .lb-cap,.lock .tag,.step .tag,.lvl-chip,.lvl-note,.lvl-tag,.phase-day,.ra-cat,.ra-eyebrow,
.rag-catline,.rag-stat span,.rc-tbl caption,.rc-tbl th,.short-hero figcaption,.step .fail,.ugc-meta,.v-cap,.week-label,
.work-card .wc-tag,.work-card .wc-go,.yt-duo figcaption,.setup-card .amt,.rc-tbl td:last-child{
  font-family:var(--font)!important;text-transform:none!important;letter-spacing:-.005em!important;
}
.diag-cta-line,.ra-eyebrow,.week-label{font-size:17px!important;font-weight:600!important;color:var(--accent)!important}
.rc-tbl caption,.rc-tbl th,.phase-day,.diag-note,.lvl-note,.ugc-meta,.v-cap,.work-card .wc-tag,.ra-cat,.rag-catline,
.lvl-tag,.lvl-chip,.comp-cell .clabel,.comp-role .tag,.lock .tag,.step .tag{font-size:13px!important;font-weight:600!important;color:var(--ink-3)!important}
figcaption{font-family:var(--font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink-3)!important;font-size:13px!important}
.rc-tbl td,.rc-tbl td:last-child{color:var(--ink-2)!important}
.rc-tbl td:first-child{color:var(--ink)!important}
.rc-tbl td:last-child,.setup-card .amt{color:var(--ink)!important;font-weight:600}
.lede,.ode-lede,.ode-pull{font-family:var(--font)!important;font-style:normal!important}
.ode-pull{font-weight:600!important;color:var(--ink)!important;letter-spacing:-.025em}

/* sprint week cards + deliverables */
.sprint-week,.se-eng,.deliv-list li,.deliv-list li:hover,.setup-card,.magnet,.diag-item,.diag-cta{
  background:var(--surface)!important;border:0!important;box-shadow:var(--card-sh)!important;
}
.sprint-week{border-radius:var(--radius)!important}
.sprint-week::before{display:none!important}
.week-numeral{color:rgba(0,0,0,.04)!important;font-family:var(--font)!important;font-weight:700!important}
.week-sub,.phase-body h3,.deliv-list li b,.se-eng-name,.diag-cta-btn,.diag-item p{color:var(--ink)!important;font-family:var(--font)!important}
.phase{border-top:1px solid var(--hair)!important}
.phase-icon{background:var(--bg)!important;border-color:var(--hair)!important;color:var(--ink-3)!important}
.phase:hover .phase-icon{color:var(--accent)!important;border-color:var(--accent)!important}
.phase-num{color:var(--ink)!important;font-family:var(--font)!important;opacity:.25!important}
.phase:hover .phase-num{color:var(--ink)!important;opacity:.6!important}
.conn-dot{background:var(--accent)!important;box-shadow:none!important}
.conn-line{background:var(--hair)!important}
.deliv-list .deliv-icon{border-color:var(--hair)!important;color:var(--accent)!important;background:var(--bg)!important}
.diag-mark{border-color:var(--ink-3)!important}
.diag-mark::after{background:var(--accent)!important}
.diag-item:hover{transform:none!important;box-shadow:var(--card-glow)!important}
.diag-item[aria-pressed="true"]{background:var(--surface)!important;box-shadow:0 0 0 2px var(--accent)!important}
.diag-item[aria-pressed="true"] .diag-mark{border-color:var(--accent)!important;box-shadow:none!important}
.diag-cta.is-visible,.diag-cta:hover{box-shadow:var(--card-glow)!important}
.work-card:hover{background:var(--surface)!important}
.week-tag{border-bottom-color:var(--hair)!important}

/* section.a-hero (sprint & similar) reuses the article image-frame class: strip the frame */
section.a-hero{border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;margin:0!important;
  padding-top:calc(56px + clamp(64px,10vh,112px))!important;text-align:center}
section.a-hero .lead{margin-left:auto!important;margin-right:auto!important;text-align:center;
  font-size:clamp(19px,2vw,22px)!important;line-height:1.4!important;color:var(--ink-2)!important}
section.a-hero .acts{justify-content:center}

/* text inside the dark workflow panels */
.se-wrap:not(.se-hero-3d) .pipe-head{color:#4D8DFF!important}
.se-wrap:not(.se-hero-3d) .pipe-lead,.se-wrap:not(.se-hero-3d) p{color:#A1A1A6!important}
.se-wrap:not(.se-hero-3d) .pipe-lead b,.se-wrap:not(.se-hero-3d) b{color:#F5F5F7!important}
.se-wrap:not(.se-hero-3d) .fm-loop,.se-wrap:not(.se-hero-3d) .fm-loop *,.se-wrap:not(.se-hero-3d) .pipe-legend{color:#A1A1A6!important}
.se-wrap:not(.se-hero-3d) .fm-loop em{color:#4D8DFF!important}
.se-wrap:not(.se-hero-3d) .fm-loop::before,.se-wrap:not(.se-hero-3d) .fm-loop::after{background:rgba(255,255,255,.14)!important}

/* big stat numerals stay ink, never accent */
.rag-stat,.rag-stat *:not(span){color:var(--ink)!important}
.rag-stat{background:var(--surface)!important;border:0!important;box-shadow:var(--card-sh)!important}