/* Home page "Security & Compliance" band (index.html #compliance), restyled to match the hero:
   Geist headline, the four services as numbered glass cards, the radar on the right
   (assets/home-radar.css), and a slim glass call-to-action bar across the bottom.
   Font sizes match what the existing stylesheets already gave this section; only the look changes.
   Geist and Geist Mono are declared in assets/site-footer.css. */

body.home-preserved #compliance .band-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}

/* Copy column */
/* !important only because proper-inspired.css forces every section h2 to weight 400 with !important */
body.home-preserved #compliance .sec-copy h2{
  font-family:Geist,"Segoe UI",system-ui,sans-serif;font-weight:500!important;line-height:1.04;letter-spacing:-.035em;color:#eef0f4;
}
body.home-preserved #compliance .sec-copy>.sec-lede{margin-top:16px;color:#c5cad2}

body.home-preserved #compliance .sec-steps{
  list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
body.home-preserved #compliance .sec-steps>li{
  display:flex;flex-direction:column;gap:10px;margin:0;padding:16px 18px 18px;border-radius:14px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#c5cad2;font-size:16px;line-height:1.6;
}
body.home-preserved #compliance .sec-steps b{color:#fff}
body.home-preserved #compliance :is(.sec-step-k,.sec-cta-k){
  display:flex;align-items:center;gap:10px;margin:0;
  font:500 11.2px/1.4 "Geist Mono",ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;
  letter-spacing:.13em;text-transform:uppercase;color:#8e96a6;
}
.sec-step-n{display:inline-flex;align-items:center;gap:10px;color:#ff3131}
.sec-step-n::after{content:"";width:14px;height:1px;background:rgba(255,255,255,.22)}

/* Call-to-action bar */
body.home-preserved #compliance .sec-cta{
  grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;gap:16px 44px;align-items:center;
  margin-top:clamp(8px,2vw,24px);padding:clamp(22px,2.6vw,32px) clamp(22px,3vw,36px);border-radius:18px;
  background:rgba(14,17,24,.62);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px -30px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
}
body.home-preserved #compliance .sec-cta::before{
  content:"";position:absolute;top:-1px;left:28px;right:28px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,49,49,.75),transparent);
}
body.home-preserved #compliance .sec-cta>*{margin:0}
.sec-cta-head{display:flex;flex-direction:column;gap:10px;min-width:0}
.sec-cta-k::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#ff3131}
body.home-preserved #compliance .sec-cta h3{
  margin:0;font-family:Geist,"Segoe UI",system-ui,sans-serif;font-weight:500;font-size:30px;line-height:1.15;letter-spacing:-.03em;color:#eef0f4;
}
body.home-preserved #compliance .sec-cta>p{color:#c5cad2;font-size:17px;line-height:1.7}
body.home-preserved #compliance .sec-cta .btn{
  display:inline-flex;align-items:center;gap:10px;min-height:52px;margin:0;padding:0 24px;border-radius:999px;white-space:nowrap;
  background:#dc2626;border:1px solid #dc2626;color:#fff;font-weight:600;box-shadow:none;transition:transform .2s,background .2s;
}
body.home-preserved #compliance .sec-cta .btn:hover{background:#c21d1d;border-color:#c21d1d;color:#fff;transform:translateY(-1px)}
body.home-preserved #compliance .sec-cta .btn .arr{transition:transform .2s}
body.home-preserved #compliance .sec-cta .btn:hover .arr{transform:translateX(3px)}

@media(max-width:1050px){
  body.home-preserved #compliance .sec-cta{grid-template-columns:minmax(0,1fr) auto}
  body.home-preserved #compliance .sec-cta>p{grid-column:1/-1;grid-row:2}
}
@media(max-width:860px){
  body.home-preserved #compliance .band-grid{grid-template-columns:minmax(0,1fr)}
  body.home-preserved #compliance .sec-cta{grid-template-columns:minmax(0,1fr);justify-items:start;margin-top:12px}
  body.home-preserved #compliance .sec-cta>p{grid-row:auto}
}
@media(max-width:600px){
  body.home-preserved #compliance .sec-steps{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  body.home-preserved #compliance .sec-cta .btn,body.home-preserved #compliance .sec-cta .btn .arr{transition:none}
  body.home-preserved #compliance .sec-cta .btn:hover,body.home-preserved #compliance .sec-cta .btn:hover .arr{transform:none}
}