/* ============================================================================
   solutions.css — /solutions in the lit system, layered on home.css
   primitives. Dark opening band (the three-jobs claim), then the jobs on a
   centered 900px paper column; the old fx handoff figure is rebuilt as a
   static lit context panel (a dark machine panel on paper — no fx.js); the
   industries grid rides home.css's .dark-band/.icard band; the pilot close
   is back on full-width paper. No green anywhere: nothing on this page
   declares a number verified as a card — the "verified on their own systems"
   claims live inline in prose and stay ink.
   NOT yet in build.py CACHE_BUST_ASSETS — register it, then run
   python3 build.py after edits.
   ========================================================================== */

/* ── the dark opening band ── */
#shero{background:#0A0A0A;color:var(--p);padding:96px 0 120px;}
#shero .eyebrow{color:var(--pl62);}
#shero h1{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:clamp(37px,4vw,56px);line-height:1.06;letter-spacing:-.013em;margin:0;max-width:12em;color:var(--p);}
#shero h1 em{font-style:italic;}
#shero .sub{color:var(--pl62);font-size:15.5px;line-height:1.65;max-width:62ch;margin:18px 0 0;}
#shero .sub strong{color:var(--p);font-weight:600;}

/* ── back to paper ── */
#stand{padding:110px 0 0;}
#stand p{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.35;letter-spacing:-.006em;margin:0;max-width:34ch;color:var(--q);}
#stand p span{color:var(--i);}

.ssec{padding:130px 0 0;}
.ssec h2{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:clamp(29px,3vw,40px);line-height:1.14;letter-spacing:-.008em;margin:0;max-width:26ch;}
.ssec .sub{color:var(--q);font-size:15.5px;line-height:1.65;max-width:62ch;margin:18px 0 0;}
.ssec .sub b,.ssec .sub strong{color:var(--i);font-weight:600;}
.ssec .sub a{color:var(--i);font-weight:600;}
.ssec .sub.after{margin-top:28px;}

/* the page reads as a centered article column; industries + pilot stay wide */
#shero .shell,.ssec .shell,#stand .shell{max-width:900px;}
#pilot .shell{max-width:1160px;}

/* numbered rows — cases.css .crows */
.crows{margin-top:40px;border-top:1px solid rgba(20,20,20,.14);}
.crows .row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid rgba(20,20,20,.14);align-items:baseline;}
.crows .k{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--q);letter-spacing:.02em;}
.crows p{margin:0;font-size:15px;line-height:1.65;color:var(--q);}
.crows p b{color:var(--i);font-weight:600;}

/* the context-transfer figure — a dark machine panel on paper (static; the
   old fx.js animation's copy carried verbatim) */
.ctxfig{margin:36px 0 0;max-width:680px;}
.ctxpanel{background:#0A0A0A;color:var(--p);border:1px solid rgba(252,252,251,.3);border-radius:6px;padding:22px 26px 18px;box-shadow:0 0 22px rgba(252,252,251,.1),0 0 60px rgba(252,252,251,.05);}
.ctx-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--pl62);padding-bottom:12px;}
.ctx-row{padding:12px 0;border-top:1px dashed rgba(252,252,251,.16);}
.ctx-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.ctx-t{font-size:13.5px;font-weight:600;color:var(--p);}
.ctx-s{font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.02em;color:var(--pl62);}
.ctx-res{font-size:13px;line-height:1.55;color:var(--pl62);margin-top:5px;}
.ctx-res b{color:var(--p);font-weight:600;}
.ctxpanel .readout{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--p);border-top:1px dashed rgba(252,252,251,.45);margin-top:6px;padding-top:13px;}
.ctxpanel .readout .cursor{margin-right:8px;color:var(--pl62);}
.ctxpanel .readout b{font-weight:600;}

/* industries — home.css .dark-band + .icards carry the band; only the
   page-local anatomy (heading, chips, the go line) lives here */
#industries .eyebrow{color:var(--pl62);}
#industries h2{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:clamp(29px,3vw,40px);line-height:1.14;letter-spacing:-.008em;margin:0;max-width:26ch;color:var(--p);}
#industries .sub{color:var(--pl62);font-size:15.5px;line-height:1.65;max-width:62ch;margin:18px 0 0;}
#industries .icard{color:var(--p);}
.icard .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.icard .chip{font-variant-numeric:tabular-nums;font-size:10.5px;letter-spacing:.02em;color:var(--pl62);border:1px solid rgba(252,252,251,.25);border-radius:999px;padding:3px 9px;white-space:nowrap;}
.icard .go{margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;color:var(--p);}

/* pilot close tiles + CTAs — pricing.css #pclose */
#pilot{padding-bottom:0;}
.ptiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px;}
.ptiles .pt{border:1px solid rgba(20,20,20,.18);border-radius:6px;padding:22px 24px;font-size:13.5px;line-height:1.6;color:var(--q);}
.ptiles .pt strong{display:block;color:var(--i);font-weight:600;margin-bottom:8px;font-size:14.5px;}
#pilot .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;align-items:center;}
#pilot .tel{font-variant-numeric:tabular-nums;margin-left:6px;}

@media (max-width:960px){
  #shero{padding:56px 0 80px;}
  .ssec{padding-top:96px;}
  #stand{padding-top:84px;}
  .crows .row{grid-template-columns:40px minmax(0,1fr);gap:14px;}
  #industries{margin-top:96px;padding:80px 0;}
  .ptiles{grid-template-columns:minmax(0,1fr);}
}