/* trubetech.com -- "glow" dark theme (2026-11-03, Brandon direct: modern, high-tech, never flat).
   Opt-in per page: set $tt_glow = true before including head.php. Flips the cream tokens to the
   near-black glass set used on /sites/, /services/, /pricing/ and /contact/. */
body.glow{
  --bg:#07080b;--bg-raised:#0d0f14;--bg-inset:#0a0b0f;--cream-deep:#0b0d11;
  --line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.22);--grid-line:rgba(255,255,255,.03);
  --ink:#fff;--ink-muted:#b4bac7;--ink-faint:#9aa1b0;--red:#D41014;--red-rgb:212,16,20;
  --sec:#0d0f14;--sec-soft:#14171d;
  background:#07080b;color:#e9ecf2;
  background-image:radial-gradient(60% 40% at 85% 0%,rgba(212,16,20,.14),transparent 70%),radial-gradient(50% 30% at 0% 60%,rgba(212,16,20,.07),transparent 70%);
  background-attachment:scroll;
}
body.glow h1,body.glow h2,body.glow h3,body.glow strong{color:#fff}
body.glow .eyebrow{color:#ff5a5e}
body.glow .muted,body.glow .lede{color:#c3c9d6}
body.glow .faint{color:#9aa1b0}
body.glow a:not(.btn){color:inherit}
body.glow .prose-link,body.glow p a:not(.btn){color:#fff;text-decoration-color:#D41014}
body.glow .card,body.glow .card-tier{
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:18px;padding:24px 26px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.5);
  transition:transform .25s,box-shadow .25s}
body.glow .card-tier::before,body.glow .card-tier::after{display:none}
body.glow a.card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.5),0 0 34px rgba(212,16,20,.28)}
body.glow .on-bg-raised{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
body.glow .on-ink{background:radial-gradient(70% 120% at 80% 0%,rgba(212,16,20,.22),transparent 70%),#0a0b0f;border-top:1px solid rgba(255,90,94,.25);border-bottom:1px solid rgba(255,90,94,.25)}
body.glow .on-ink h2{color:#fff}
body.glow .procedure li{border-color:rgba(255,255,255,.1)}
body.glow .procedure li::before{color:#ff5a5e;text-shadow:0 0 14px rgba(212,16,20,.7)}
body.glow .fact-pair{border-color:rgba(255,255,255,.1)}
body.glow .stat .n{color:#fff}
body.glow .btn-quiet{color:#fff;border-color:rgba(255,255,255,.25)}
body.glow .btn-primary{box-shadow:0 0 28px rgba(212,16,20,.35)}
body.glow table{color:#e9ecf2}body.glow th,body.glow td{border-color:rgba(255,255,255,.1)}
body.glow input,body.glow textarea,body.glow select{background:#0d0f14;color:#fff;border:1px solid rgba(255,255,255,.2)}
body.glow details{border-color:rgba(255,255,255,.12)}
body.glow blockquote{border-color:#D41014;color:#e9ecf2}
body.glow .ticket-rotator{border:1px solid rgba(255,90,94,.3);border-radius:18px;box-shadow:0 0 50px rgba(212,16,20,.2)}
body.glow .gx-hero{position:relative;overflow:hidden;background:#07080b center right/cover no-repeat}
body.glow .gx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07080b 32%,rgba(7,8,11,.93) 52%,rgba(7,8,11,.35) 72%,rgba(7,8,11,0) 90%)}
body.glow .gx-hero .shell{position:relative;width:100%}
body.glow .gx-hero h1,body.glow .gx-hero .lede{text-shadow:0 2px 14px rgba(0,0,0,.8)}
@media (max-width:640px){body.glow .gx-hero:before{background:linear-gradient(90deg,rgba(7,8,11,.92),rgba(7,8,11,.8))}}
@media (prefers-reduced-motion:reduce){body.glow .card,body.glow .card-tier{transition:none}}
body.glow img[src*="plaud-logo"]{filter:invert(1) brightness(1.15)}

/* Motion polish (2026-11-03): buttons feel pressed, links and cards respond, focus is visible. Transform and shadow only. */
body.glow .btn,body.glow .btn-icon,body.glow button{transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s,border-color .2s}
body.glow .btn:hover,body.glow button:hover{transform:translateY(-1px)}
body.glow .btn-primary:hover{box-shadow:0 0 38px rgba(212,16,20,.55)}
body.glow .btn-quiet:hover{border-color:rgba(255,255,255,.5);box-shadow:0 0 22px rgba(255,255,255,.08)}
body.glow .btn:active,body.glow button:active{transform:translateY(1px) scale(.97);box-shadow:0 0 12px rgba(212,16,20,.3);transition-duration:.06s}
body.glow a:focus-visible,body.glow button:focus-visible,body.glow input:focus-visible,body.glow textarea:focus-visible,body.glow summary:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px;box-shadow:0 0 0 5px rgba(212,16,20,.55)}
body.glow .card:active{transform:translateY(0) scale(.99);transition-duration:.08s}
body.glow details>summary{cursor:pointer;transition:color .2s}
body.glow details[open]>summary{color:#fff}
@keyframes gx-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.glow .gx-hero .shell>*{animation:gx-rise .6s cubic-bezier(.2,.8,.2,1) both}
body.glow .gx-hero .shell>*:nth-child(2){animation-delay:.08s}
body.glow .gx-hero .shell>*:nth-child(3){animation-delay:.16s}
body.glow .gx-hero .shell>*:nth-child(4){animation-delay:.24s}
@media (prefers-reduced-motion:reduce){body.glow .btn,body.glow .btn-icon,body.glow button,body.glow .card,body.glow .gx-hero .shell>*{transition:none;animation:none}body.glow .btn:hover,body.glow .btn:active,body.glow button:active{transform:none}}