/* Only the fourth homepage card, service dialog and native no-JS disclosure. */
#tech-insight h3{font-size:32px;line-height:1.3;overflow-wrap:anywhere}
#insight-dialog{width:min(1080px,calc(100% - 32px))}
#insight-details{margin-block:24px}
#insight-details>summary{color:var(--blue)}
:is(#insight-dialog,#insight-details){overflow-wrap:anywhere}
:is(#insight-dialog,#insight-details) #insight-content{padding-top:20px}
:is(#insight-dialog,#insight-details) .insight-heading{max-width:820px;margin:0 auto 40px;text-align:center}
:is(#insight-dialog,#insight-details) .insight-heading .eyebrow{color:var(--blue);margin:0 0 16px}
:is(#insight-dialog,#insight-details) .insight-heading h2{font-size:clamp(30px,3.3vw,44px);line-height:1.3;letter-spacing:0}
:is(#insight-dialog,#insight-details) .insight-lead{font-size:21px;line-height:1.7;text-wrap:balance}
:is(#insight-dialog,#insight-details) .insight-intro{color:var(--muted);font-size:17px;line-height:1.9;text-align:start}
:is(#insight-dialog,#insight-details) .insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:is(#insight-dialog,#insight-details) .insight-card{min-width:0;display:flex;flex-direction:column;padding:28px;background:var(--soft);border:1px solid #e8e8ed;border-radius:20px;font-size:16px;line-height:1.85}
:is(#insight-dialog,#insight-details) .insight-card .insight-mode{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--muted);font-size:14px}
:is(#insight-dialog,#insight-details) .insight-mode span{color:var(--blue);font-weight:600;letter-spacing:.06em}
:is(#insight-dialog,#insight-details) .insight-card h3{font-size:25px;line-height:1.5;letter-spacing:0;margin:0 0 16px;text-wrap:balance}
:is(#insight-dialog,#insight-details) .insight-card .insight-focus{color:var(--blue);font-size:15px;margin:0 0 12px}
:is(#insight-dialog,#insight-details) .insight-card>p:not(.insight-mode):not(.insight-focus){margin:0 0 24px}
:is(#insight-dialog,#insight-details) .insight-deliverables{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
:is(#insight-dialog,#insight-details) .insight-deliverables h4{font-size:15px;font-weight:600;margin:0 0 10px}
:is(#insight-dialog,#insight-details) .insight-deliverables ul{margin:0;padding-inline-start:1.2em}
:is(#insight-dialog,#insight-details) .insight-deliverables li{padding-inline-start:3px;margin-block:6px}
:is(#insight-dialog,#insight-details) .insight-deliverables li::marker{color:var(--blue)}
:is(#insight-dialog,#insight-details) .insight-strengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0;padding:0 0 32px;border-bottom:1px solid #e8e8ed}
:is(#insight-dialog,#insight-details) .insight-strengths dt{font-weight:600;font-size:17px;margin-bottom:6px}
:is(#insight-dialog,#insight-details) .insight-strengths dd{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
:is(#insight-dialog,#insight-details) .insight-contact{max-width:820px;margin:auto;text-align:center}
:is(#insight-dialog,#insight-details) .insight-boundary{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 24px}
:is(#insight-dialog,#insight-details) .insight-contact .actions{justify-content:center;gap:12px 24px}
:is(#insight-dialog,#insight-details) .insight-contact a{font-size:15px;overflow-wrap:anywhere;max-width:100%;display:inline;line-height:1.9;padding-block:8px}
@media(max-width:1100px){
  :is(#insight-dialog,#insight-details) .insight-grid{grid-template-columns:1fr}
  :is(#insight-dialog,#insight-details) .insight-card{padding:28px 32px}
  :is(#insight-dialog,#insight-details) .insight-card h3{font-size:26px}
}
@media(max-width:600px){
  #tech-insight h3{font-size:28px}
  #insight-dialog{padding:20px 16px}
  :is(#insight-dialog,#insight-details) .insight-heading{margin-bottom:28px;text-align:start}
  :is(#insight-dialog,#insight-details) .insight-lead{font-size:19px}
  :is(#insight-dialog,#insight-details) .insight-intro{font-size:16px}
  :is(#insight-dialog,#insight-details) .insight-grid{gap:16px}
  :is(#insight-dialog,#insight-details) .insight-card{padding:24px 20px}
  :is(#insight-dialog,#insight-details) .insight-card h3{font-size:24px}
  :is(#insight-dialog,#insight-details) .insight-strengths{grid-template-columns:1fr;gap:20px;margin-block:28px;padding-bottom:28px}
  :is(#insight-dialog,#insight-details) .insight-contact{text-align:start}
  :is(#insight-dialog,#insight-details) .insight-contact .actions{align-items:flex-start;justify-content:flex-start}
}