/* USFLUENT Professional Context — shared automatic system dark appearance.
   Applies to three standalone professional-context pages only. */
@media (prefers-color-scheme: dark) {
  :root{
    color-scheme:dark;
    --ink:#f2f6fd;
    --muted:#bbcadc;
    --line:#354d6a;
    --paper:#0c1d38;
    --shadow:0 22px 64px rgba(0,0,0,.30);
  }
  html{background:#07152f}
  body,main{background:#07152f;color:#eef4fc}
  .top{
    background:rgba(7,21,47,.96);
    border-bottom-color:#354b66;
    color:#f4f7fd;
  }
  .brand{color:#f4f7fd}
  .back{color:#f1ce72}
  .back:hover{color:#ffe49f}
  .hero{
    color:#f2f6fc;
    background:radial-gradient(circle at 83% 15%,rgba(213,162,36,.13),transparent 28%),
      linear-gradient(165deg,#08162d,#122d4d 75%,#07152f);
  }
  .hero h1,.sectionHead h2{color:#f4f8fe}
  .eyebrow{color:#f2cb68}
  .lead,.sectionHead p{color:#c1cee0}
  .visual,.techVisual{box-shadow:0 22px 55px rgba(0,0,0,.28)}
  .visualLabel,.visualLabel strong{color:#fff}
  .visualLabel span{color:#e0e7f0}
  .band{background:linear-gradient(180deg,#0b213d,#0a1a34)}
  .card{
    background:#152c49;
    color:#f0f5fb;
    border-color:#38506d;
    box-shadow:0 12px 32px rgba(0,0,0,.10);
  }
  .card b,.example strong{color:#f3f7fc}
  .card p{color:#c0cfdf}
  .example{
    background:#1c3350;
    border-left-color:#e3b648;
    color:#edf4fd;
  }
  .example .before{color:#bdcbdf}
  .example .after{color:#f5d57e}
  .example p{color:#e2eafa}
  .cta{
    color:#f5f8fd;
    border:1px solid #3d587a;
    background:linear-gradient(145deg,#122a4c,#173d67);
  }
  .cta h2{color:#f7f9fd}
  .cta p{color:#cfdbeb}
  .btn{color:#0b1c33;background:linear-gradient(135deg,#f7d982,#e2b23b)}
  .footer{
    background:#040e20;
    color:#afbed1;
    border-top:1px solid #293e5d;
  }
  .footer a{color:#f2f7ff}
  .footer a:hover{color:#f4d070}
}