:root{
  --white:var(--card,#fff); --ink:var(--tx,#111114); --ink-deep:var(--tx,#111114);
  --soft:var(--tx2,var(--tx-2,#6E6E68)); --faint:var(--tx2,var(--tx-2,#6E6E68));
  --line:var(--ln,var(--line,#DAD9D2)); --line-2:var(--ln,var(--line,#DAD9D2));
  --panel:var(--bg2,var(--bg-2,#F6F5F2)); --warm:var(--bg2,var(--bg-2,#F6F5F2));
  --rose:var(--o,var(--orange,#F36B1D));
  --rose-deep:var(--o-ink,var(--orange-ink,#C25617));
  --rose-soft:#F5B99C; --rose-pastel:var(--bg3,var(--bg-3,#EDEBE6));
  --violet:var(--o-ink,var(--orange-ink,#C25617)); --violet-deep:#9E3A10;
  --violet-soft:#F5B99C; --violet-pastel:var(--bg3,var(--bg-3,#EDEBE6));
  --sky:var(--o-ink,var(--orange-ink,#C25617)); --sky-deep:#7A2C0C;
  --sky-soft:#E8BCA3; --sky-pastel:var(--bg3,var(--bg-3,#EDEBE6));
  --or:var(--o,var(--orange,#F36B1D));
  --disp:'Google Sans','Manrope',system-ui,sans-serif;
  --body:'Manrope',system-ui,sans-serif;
  --band:#141417; --maxw:1180px; --gut:clamp(20px,4.5vw,48px); --e:cubic-bezier(.16,1,.3,1);
}
html[data-theme="dark"]{ --rose-soft:#8A4520; --violet-soft:#8A4520; --sky-soft:#7A3C1C; }
html[data-theme="dark"]{
  --rose-soft:#8A4520; --violet-soft:#8A4520; --sky-soft:#7A3C1C;
  --rose-pastel:var(--bg-3); --violet-pastel:var(--bg-3); --sky-pastel:var(--bg-3);
}
/* ============================================================
   LUMIQ — homepage
   Pure-white canvas · rose→violet→sky gradient system (from the
   LUMIQ mark) · Google Sans display, Manrope body · editorial rhythm
   ============================================================ */



*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
main#main{
  font-family:var(--body);
  background:var(--white);
  color:var(--ink);
  font-size:16px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
main#main a{color:inherit;text-decoration:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
main#main dl,main#main ol,main#main ul{list-style:none}
dd{margin:0}

::selection{background:var(--violet-pastel);color:var(--violet-deep)}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}

h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
.lede{font-size:17.5px;line-height:1.65;color:var(--soft);max-width:58ch}
.small{font-size:16.1px;color:var(--soft)}
.grad-text{
  color:var(--or, var(--orange));
}

.skip{position:absolute;left:-9999px;top:0;background:var(--band);color:var(--card);padding:10px 16px;border-radius:0 0 10px 0;z-index:200}
.skip:focus{left:0}

/* ---------- reveal on scroll ---------- */
html.rv-js .rv{opacity:0;transform:translateY(20px)}
html.rv-js .rv.on{opacity:1;transform:none;transition:opacity .85s var(--e),transform .85s var(--e)}

/* ---------- buttons & links ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:600;font-size:15px;letter-spacing:-.005em;
  padding:12px 22px;border-radius:999px;
  transition:transform .25s var(--e),box-shadow .25s var(--e),opacity .25s var(--e);
  white-space:nowrap;
}
.btn-lg{padding:15px 28px;font-size:15.5px;border-radius:999px}
.btn-full{width:100%}
.btn-grad{
  background:var(--rose);
  color:var(--card);box-shadow:0 1px 0 rgba(158,58,16,.25);
}
.btn-grad:hover{background:var(--rose-deep);transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(206,69,17,.5)}
.btn-grad:active{transform:none}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn-ghost:hover{background:var(--band);color:var(--card)}

.arrow-link{
  display:inline-flex;align-items:center;gap:7px;
  font-weight:600;font-size:15px;color:var(--ink);
}
.arrow-link::after{
  content:"\2192";color:var(--violet);font-weight:600;
  transition:transform .3s var(--e);
}
.arrow-link:hover::after{transform:translateX(5px)}

.mnav{
  display:none;position:fixed;inset:68px 0 0 0;z-index:99;background:var(--card);
  padding:16px var(--gut) 36px;overflow-y:auto;
}
.mnav.open{display:block}
.mnav a{
  display:block;padding:15px 0;border-bottom:1px solid var(--line);
  font-family:var(--disp);font-size:20px;font-weight:500;letter-spacing:-.01em;
}
.mnav .btn{margin-top:22px;width:100%;border-bottom:0;text-align:center}

/* ============================================================
   HERO
   ============================================================ */
.hero{background:var(--white)}
.hero-grid{
  display:grid;grid-template-columns:1.4fr .95fr;gap:clamp(40px,5vw,74px);
  align-items:center;padding:clamp(56px,8vh,92px) 0 clamp(52px,7vh,80px);
}
.hero-copy h1{
  font-size:clamp(38px,5.4vw,68px);line-height:1.05;letter-spacing:-.025em;
  margin-bottom:24px;animation:rise .8s var(--e) both;
}
.hero-sub{
  font-size:18.5px;line-height:1.6;color:var(--soft);max-width:50ch;
  margin-bottom:30px;animation:rise .8s var(--e) .08s both;
}
.hero-ctas{
  display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-bottom:44px;
  animation:rise .8s var(--e) .16s both;
}
.hero-metrics{
  display:flex;gap:40px;flex-wrap:wrap;
  padding-top:26px;border-top:1px solid var(--line);
  animation:rise .8s var(--e) .24s both;
}
.hero-metrics b{
  display:block;font-family:var(--disp);font-weight:700;font-size:32px;
  letter-spacing:-.02em;line-height:1;
}
.hero-metrics span{font-size:12.5px;color:var(--soft);display:block;margin-top:6px}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.hero-model{
  position:relative;border:1px solid var(--line);border-radius:20px;
  background:var(--white);padding:clamp(22px,2.6vw,30px);
  box-shadow:0 30px 70px -36px rgba(32,23,17,.16);
  animation:fadein 1s var(--e) .3s both;
  overflow:hidden;
}
@keyframes fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hm-ring{position:absolute;top:-46px;right:-46px;width:150px;height:150px;pointer-events:none}
.hm-ring::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 200deg,var(--rose),var(--violet),var(--sky),var(--rose));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 22px),#000 calc(100% - 21px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 22px),#000 calc(100% - 21px));
  opacity:.16;
  animation:spin 22s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.hm-dot{position:absolute;width:7px;height:7px;border-radius:50%}
.hm-dot-1{background:var(--rose);top:14px;right:58px}
.hm-dot-2{background:var(--violet);top:52px;right:16px}
.hm-dot-3{background:var(--sky);top:96px;right:44px}
.hm-row{
  position:relative;display:flex;gap:14px;padding:16px 4px;
  border-top:1px solid var(--line);
}
.hm-row:first-of-type{border-top:0}
.hm-row i{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none}
.hm-sky i{background:var(--sky)}
.hm-rose i{background:var(--rose)}
.hm-violet i{background:var(--violet)}
.hm-row b{font-size:15px;font-weight:600;display:block;margin-bottom:2px}
.hm-row p{font-size:13.5px;color:var(--soft);line-height:1.5}

/* industries tick strip */
.tick-strip{
  margin-top:clamp(40px,5vh,64px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  overflow:hidden;padding:16px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.tick-track{display:flex;width:max-content;animation:tickmq 40s linear infinite}
.tick-strip:hover .tick-track{animation-play-state:paused}
.tick-set{display:flex;align-items:center}
.tick-set span{
  font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--soft);
  padding:0 22px;white-space:nowrap;
}
.tick-set i{width:4px;height:4px;border-radius:50%;background:var(--violet-soft);flex:none}
@keyframes tickmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   PROBLEM
   ============================================================ */
.problem{padding:clamp(84px,10vw,130px) 0}
.prob-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,90px);align-items:start}
.prob-left h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:22px}
.prob-right{border-top:1px solid var(--line)}
.prob-row{padding:26px 2px;border-bottom:1px solid var(--line);transition:padding-left .3s var(--e)}
.prob-row:hover{padding-left:8px}
.prob-k{font-size:12px;font-weight:600;color:var(--faint);display:block;margin-bottom:8px}
.prob-row b{font-family:var(--disp);font-weight:600;font-size:20px;display:block;margin-bottom:6px;letter-spacing:-.01em}
.prob-row p{font-size:14.5px;color:var(--soft);max-width:52ch}
.prob-answer{background:var(--violet-pastel);border-radius:14px;border-bottom:0;padding:24px 20px;margin-top:8px}
.prob-answer .prob-k{color:var(--violet-deep)}
.prob-answer b{color:var(--ink)}

/* ============================================================
   TWO FAMILIES
   ============================================================ */
.families{padding:clamp(84px,10vw,130px) 0;background:var(--panel)}
.fam-title{font-size:clamp(28px,3.6vw,44px);margin-bottom:18px}
.fam-lede{margin-bottom:48px}
.fam-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fam-card{
  background:var(--card);border-radius:20px;padding:clamp(28px,3.4vw,40px);
  border-top:4px solid transparent;
  transition:transform .35s var(--e),box-shadow .35s var(--e);
}
.fam-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -30px rgba(32,23,17,.22)}
.fam-sky{border-top-color:var(--sky)}
.fam-rose{border-top-color:var(--rose)}
.fam-head{margin-bottom:16px}
.fam-tag{font-size:12px;font-weight:600;letter-spacing:.02em}
.fam-sky .fam-tag{color:var(--sky-deep)}
.fam-rose .fam-tag{color:var(--rose-deep)}
.fam-head h3{font-size:28px;margin-top:6px}
.fam-desc{font-size:15px;color:var(--soft);margin-bottom:24px;line-height:1.6}
.fam-list{display:block;margin-bottom:20px}
.fam-list > div{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.fam-list > div:first-child{border-top:0}
.fam-list dt{font-size:13px;font-weight:600;color:var(--ink)}
.fam-list dd{font-size:13.5px;color:var(--soft);line-height:1.5}
.fam-foot{font-size:13px;color:var(--soft);padding-top:16px;border-top:1px solid var(--line)}
.fam-link{font-weight:600}
.fam-sky .fam-link{color:var(--sky-deep)}
.fam-rose .fam-link{color:var(--rose-deep)}

/* ============================================================
   HOW THE TWO CONNECT
   ============================================================ */
.connect{padding:clamp(84px,10vw,130px) 0}
.connect h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:16px}
.connect .lede{margin-bottom:44px}
.chain{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding-bottom:4px}
.ch-step{
  flex:1;min-width:210px;padding:24px 22px;border-radius:16px;
  display:flex;flex-direction:column;gap:8px;
}
.ch-neutral{background:var(--panel)}
.ch-sky{background:var(--sky);color:var(--card)}
.ch-rose{background:var(--rose);color:var(--card)}
.ch-step em{font-style:normal;font-size:13.8px;font-weight:600;opacity:.65}
.ch-step b{font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.01em}
.ch-step p{font-size:14.9px;line-height:1.5;opacity:.88}
.ch-neutral p,.ch-neutral em{color:var(--soft);opacity:1}
.ch-line{flex:0 0 34px;position:relative;align-self:center}
.ch-line::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--line-2)}
.ch-line i{
  position:absolute;top:50%;left:0;width:7px;height:7px;margin-top:-3.5px;
  border-radius:50%;background:var(--violet);
  animation:chflow 3.9s linear infinite;
}
@keyframes chflow{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
.chain-rail{
  text-align:center;font-size:14.4px;font-weight:600;color:var(--soft);
  padding:14px 0;border:1px dashed var(--line-2);border-top:0;border-radius:0 0 14px 14px;
  margin-top:-2px;
}
.chain-foot{margin-top:22px;max-width:70ch}
@media(max-width:900px){
  .chain{flex-direction:column}
  .ch-line{align-self:center;width:2px;height:28px;flex:none}
  .ch-line::before{left:50%;right:auto;top:0;bottom:0;width:2px;height:100%;background:var(--line-2)}
  .ch-line i{left:50%;top:0;margin:0 0 0 -3.5px;animation:chflowv 3.9s linear infinite}
  @keyframes chflowv{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}
}

/* ============================================================
   FDE (dark)
   ============================================================ */
.fde{background:var(--band);color:var(--card);padding:clamp(84px,10vw,130px) 0}
.fde h2{color:var(--card);font-size:clamp(28px,3.4vw,42px);margin-bottom:16px}
.fde .lede{color:rgba(255,255,255,.62);margin-bottom:48px}
.fde-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.14)}
.fde-list li{padding:26px 22px 0;border-right:1px solid rgba(255,255,255,.14)}
.fde-list li:last-child{border-right:0}
.fde-list span{
  font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:-.02em;
  background:linear-gradient(100deg,var(--rose-soft),var(--sky-soft));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:block;margin-bottom:10px;
}
.fde-list b{font-size:17.2px;font-weight:600;display:block;margin-bottom:8px}
.fde-list p{font-size:15.5px;color:rgba(255,255,255,.6);line-height:1.55}
@media(max-width:900px){
  .fde-list{grid-template-columns:1fr 1fr;row-gap:36px}
  .fde-list li:nth-child(2n){border-right:0}
}
@media(max-width:560px){
  .fde-list{grid-template-columns:1fr}
  .fde-list li{border-right:0}
}

/* ============================================================
   INDUSTRIES
   ============================================================ */
.industries{padding:clamp(84px,10vw,130px) 0}
.ind-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,90px);align-items:start}
.ind-copy h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:18px}
.ind-list{border-top:1px solid var(--line)}
.ind-row{
  display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start;
  padding:22px 2px;border-bottom:1px solid var(--line);
  transition:padding-left .3s var(--e);
}
.ind-row:hover{padding-left:8px}
.ind-label b{font-family:var(--disp);font-weight:600;font-size:18px;letter-spacing:-.01em;display:block}
.ind-label span{font-size:12.5px;color:var(--violet-deep);font-weight:600;display:block;margin-top:4px}
.ind-row p{font-size:14px;color:var(--soft)}
@media(max-width:760px){
  .ind-row{grid-template-columns:1fr;gap:6px}
}

/* ============================================================
   PROOF
   ============================================================ */
.proof{padding:clamp(84px,10vw,130px) 0;background:var(--panel)}
.proof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:56px}
.proof-stats > div{padding:6px 26px;border-left:1px solid var(--line-2)}
.proof-stats > div:first-child{border-left:0;padding-left:0}
.proof-stats b{
  font-family:var(--disp);font-weight:700;font-size:clamp(30px,3vw,40px);letter-spacing:-.02em;
  background:linear-gradient(100deg,var(--rose),var(--violet) 60%,var(--sky));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:block;
}
.proof-stats i{font-style:normal;font-size:15.5px;font-weight:600;display:block;margin:8px 0 6px;color:var(--ink)}
.proof-stats p{font-size:14.9px;color:var(--soft);line-height:1.55}
.trust-lead{text-align:center;font-size:14.9px;font-weight:600;color:var(--faint);margin-bottom:24px}
.trust-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;margin-bottom:40px}
.trust-wall span{font-family:var(--disp);font-size:16px;font-weight:500;color:var(--soft)}
.proof-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.proof-badges span{
  font-size:12.5px;font-weight:600;color:var(--soft);
  border:1px solid var(--line-2);background:var(--card);border-radius:100px;padding:9px 16px;
}
.proof-badges .pb-hi{color:var(--violet-deep);border-color:var(--violet-soft);background:var(--violet-pastel)}

/* ============================================================
   CONTACT
   ============================================================ */
.cform{padding:clamp(84px,10vw,130px) 0}
.cform-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,80px);align-items:start}
.cform-copy h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:16px}
.cform-email{margin-top:18px}
.cform-email b{color:var(--ink)}
.cform-panel{
  border:1px solid var(--line);border-radius:18px;padding:clamp(24px,3vw,34px);
  background:var(--warm);
}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-bottom:14px}
.field label{display:block;font-size:14.9px;font-weight:600;margin-bottom:6px;color:var(--soft)}
.control{
  width:100%;font:inherit;font-size:15px;color:var(--ink);
  border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;background:var(--card);
  transition:border-color .2s,box-shadow .2s;
}
.control:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-pastel)}
.control::placeholder{color:var(--faint)}
textarea.control{min-height:104px;resize:vertical}
.fine{font-size:13.8px;color:var(--faint);margin:14px 0}
.f-head{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,90px);margin-bottom:56px}
.f-mark img{margin-bottom:16px}
.f-tag{font-family:var(--disp);font-style:italic;font-size:22px;color:var(--card);margin-bottom:12px}
.f-desc{font-size:16.1px;color:rgba(255,255,255,.55);max-width:36ch;line-height:1.65}
.f-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.f-cols h6{font-size:12.6px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:16px}
.f-cols a,.f-li{display:block;font-size:16.1px;color:rgba(255,255,255,.72);padding:5px 0;transition:color .2s}
.f-cols a:hover{color:var(--card)}
.f-base{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-top:24px;border-top:1px solid rgba(255,255,255,.12);
  font-size:14.4px;color:rgba(255,255,255,.42);
}
.f-top{font-weight:600;color:var(--rose-soft)}
.f-top:hover{color:var(--card)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .prob-grid,.ind-grid,.cform-grid{grid-template-columns:1fr;gap:36px}
  .fam-grid{grid-template-columns:1fr}
  .f-head{grid-template-columns:1fr;gap:36px}
}
@media(max-width:860px){
  .nav-links{display:none}
}
@media(max-width:760px){
  body{font-size:15px}
  .hero-metrics{gap:26px}
  .frow{grid-template-columns:1fr}
  .proof-stats{grid-template-columns:1fr 1fr;row-gap:30px}
  .proof-stats > div:nth-child(odd){border-left:0;padding-left:0}
  .f-cols{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tick-track,.ch-line i,.hm-ring::before{animation:none}
  .rv{opacity:1;transform:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* ---- WCAG AA: brand orange is 3.03:1 on white, which only clears AA for LARGE text.
   Keep the bright orange for the hero display type; use the contrast-tuned ink
   (#C25617, 4.53:1) wherever the orange sits on small copy in the light theme. ---- */
html[data-theme="light"] .wf-follow .grad-text,
html[data-theme="light"] .wf-item > span{
  color:var(--o-ink,var(--orange-ink,#C25617));
}


/* ---- Inverted bands.
   In the source design these three are dark panels on a light page. Keep them dark
   in BOTH themes and re-scope the palette inside them, so descendants read against
   a dark ground instead of inheriting tokens that flip white in dark mode.
   (footer is excluded — the site has its own footer.) ---- */
.fde, .ribbon, .opt-sec-dark, .hg-stage-vite{
  background:var(--band) !important;
  --white:#FFFFFF; --ink:#FFFFFF; --ink-deep:#FFFFFF;
  --soft:rgba(255,255,255,.74); --faint:rgba(255,255,255,.58);
  --panel:#1C1C21; --warm:#1C1C21;
  --line:rgba(255,255,255,.15); --line-2:rgba(255,255,255,.15);
  color:#FFFFFF;
}
.fde h1,.fde h2,.fde h3,.ribbon h2,.ribbon h3,
.opt-sec-dark h1,.opt-sec-dark h2,.opt-sec-dark h3{color:#FFFFFF}
.fde .grad-text,.ribbon .grad-text,.opt-sec-dark .grad-text{
  color:var(--o-lift,var(--orange-lift,#FF701E));
}

/* Site header: the homepage's inline CSS lets `.nav nav a{display:inline-flex}`
   win over `.dd a{display:block}`, so dropdown items flow inline and wrap
   ("Insurance Banking and Lending" on one line). Restore one item per row. */
header .nav .dd a, header .dd a{display:block;width:100%}

/* Triad diagram: the labels sit at the edges of the same box as the SVG, so once a
   heading wraps to two lines the dashed arcs and arrowheads run straight through the
   words. Pad the wrapper so the labels sit clear of the drawing, and lift them above
   it. Only in the side-by-side layout — below 900px the labels stack statically. */
@media (min-width:901px){
  .tri-wrap{padding:58px 0 84px}
  .tri-node{z-index:4}
  .tri-node b{text-wrap:balance}
}

/* LiteCone wordmark is a dark-ink PNG — invisible on the dark theme's ground.
   Render it solid white in dark mode (same treatment the site gives its badges).
   Note: this flattens the orange mark in the logo; a white-variant PNG would keep it. */
html[data-theme="dark"] .tp-brand img{filter:brightness(0) invert(1);opacity:.92}

/* ---- mobile: trusted-by reads as a tidy wall, not a ragged wrap ---- */
@media (max-width:760px){
  .trust-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
    gap:14px 18px;justify-items:center;align-items:center}
  .trust-wall span{text-align:center;font-size:15px}
}