/* Service artwork and clearer contact choices for the client revision. */
.forensics-inner{min-height:680px;max-height:none;padding-block:88px;align-items:center}
.forensics-copy{width:70%;max-width:780px}
.forensics-copy h2{max-width:640px}
.forensics-copy>p:not(.eyebrow){max-width:570px}
.service-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:34px 0 28px}
.service-buttons>a.service-card{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;
  grid-template-areas:"art arrow" "title title" "description description";
  align-items:start;align-content:start;justify-items:start;justify-content:stretch;
  min-width:0;min-height:246px;height:auto;padding:22px 20px 24px;gap:0;
  overflow:hidden;isolation:isolate;text-align:left;font-size:16px;font-weight:400;
  color:#fff7f8;border:1px solid #76323b;border-radius:14px;
  background:radial-gradient(ellipse at 48% 0%,#721b2938,transparent 72%),linear-gradient(155deg,#211215ec,#0c0b0cf5);
  box-shadow:inset 0 1px 0 #ffc4cd14,0 12px 26px #00000030;
  backdrop-filter:blur(12px);
  transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.service-buttons>a.service-card:before{content:"";position:absolute;inset:0 25px auto;height:1px;background:linear-gradient(90deg,transparent,#fb8b9b99,transparent);pointer-events:none}
.motion-ready .service-buttons>a.service-card{transition:opacity .85s var(--motion-ease,ease),translate 1s var(--motion-ease,ease),background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;transition-delay:var(--entrance-delay,0ms),var(--entrance-delay,0ms),0ms,0ms,0ms,0ms}
.service-card .service-card-art{grid-area:art;display:block;width:160px;max-width:calc(100% + 20px);height:100px;object-fit:contain;margin:-3px 0 9px -8px;filter:drop-shadow(0 5px 13px #ef263f10);transition:filter .35s ease,transform .35s ease}
.service-card .service-card-title{grid-area:title;font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.35;color:#fff7f8;margin-bottom:10px}
.service-card .service-card-description{grid-area:description;max-width:21ch;font-size:14px;line-height:1.6;font-weight:400;color:#cdbfc2}
.service-card .service-card-arrow{grid-area:arrow;display:grid;place-items:center;width:24px;height:24px;margin-top:3px;color:#ea8b9a;opacity:.8;transition:opacity .3s ease,transform .3s ease}
.service-buttons .service-card-arrow .icon{width:19px;height:19px;color:inherit;stroke-width:1.65}
.service-card>.tech-panel-frame{inset:12px;--corner:8px;color:#e57687;opacity:.3}
.service-card>.tech-panel-edge{border-radius:inherit;opacity:.55}
.forensics-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:0}
.forensics-actions .button{min-height:54px;padding:15px 20px;font-size:14px}
.forensics-actions .button.button-group,.network-panel .button.button-group{
  background:linear-gradient(115deg,#c21730,#d8223b);border:1px solid #fa657b;
  color:#fff;box-shadow:0 7px 24px #ce18323b,inset 0 1px 0 #ffd5dc24;
  font-weight:700;text-shadow:0 1px 1px #780a2040;
}
.forensics-actions .button.button-group .icon,.network-panel .button.button-group .icon{color:#fff;stroke-width:1.8}
.service-buttons>a.service-card:focus-visible{outline:2px solid #ffabb9;outline-offset:5px;border-color:#ff879a;box-shadow:0 0 0 4px #d8223b25,0 12px 30px #0005}
@media(hover:hover) and (pointer:fine){
  .service-buttons>a.service-card:hover{transform:translateY(-4px);border-color:#db6679;background:radial-gradient(ellipse at 48% 0%,#971f3445,transparent 78%),linear-gradient(155deg,#2d161bf2,#110c0ef5);box-shadow:inset 0 1px 0 #ffc4cd1f,0 16px 32px #0005,0 0 24px #e8254310}
  .service-card:hover .service-card-art{transform:translateY(-2px);filter:drop-shadow(0 6px 15px #ef263f28)}
  .service-card:hover .service-card-arrow{opacity:1;transform:translateX(2px)}
  .service-card:hover>.tech-panel-frame{opacity:.65}
  .forensics-actions .button.button-group:hover,.network-panel .button.button-group:hover{background:linear-gradient(115deg,#cc1b34,#dc1f38);border-color:#ff98aa;box-shadow:0 9px 32px #e01c414b,inset 0 1px 0 #ffd5dc33}
}
@media(min-width:761px) and (max-width:1100px){
  .forensics-copy{width:78%;max-width:740px}
  .service-buttons{gap:12px}
  .service-buttons>a.service-card{padding:20px 16px 22px;min-height:242px}
  .service-card .service-card-title{font-size:17px}
  .service-card .service-card-description{font-size:14px}
  .service-card .service-card-art{width:150px;height:94px}
}
@media(min-width:761px) and (max-width:960px){.forensics-copy{width:100%;max-width:740px}}
@media(max-width:760px){
  .forensics-inner{min-height:0;padding-block:100px 68px;align-items:center}
  .forensics-copy{width:100%;max-width:none}
  .forensics-copy h2{max-width:560px}
  .forensics-copy>p:not(.eyebrow){max-width:510px}
  .service-buttons{grid-template-columns:1fr;gap:13px;margin:30px 0 27px;max-width:540px}
  .service-buttons>a.service-card{grid-template-columns:100px minmax(0,1fr) 20px;grid-template-areas:"art title arrow" "art description arrow";align-content:center;align-items:center;column-gap:14px;min-height:140px;padding:20px 17px;border-radius:13px}
  .service-card .service-card-art{width:106px;max-width:106px;height:88px;margin:0 0 0 -6px}
  .service-card .service-card-title{font-size:19px;line-height:1.3;margin-bottom:8px;align-self:end}
  .service-card .service-card-description{max-width:26ch;font-size:14px;line-height:1.55;align-self:start}
  .service-card .service-card-arrow{margin:0;width:20px;height:22px}
  .service-buttons .service-card-arrow .icon{width:18px;height:18px}
  .forensics-actions{gap:12px;align-items:stretch;max-width:540px}
  .forensics-actions .button{flex:1 1 225px;min-height:55px;font-size:14px;padding:15px 18px}
}
@media(max-width:620px){.forensics-actions .button{flex:0 1 auto;width:100%}}
@media(max-width:390px){
  .service-buttons>a.service-card{grid-template-columns:76px minmax(0,1fr) 16px;column-gap:10px;padding:19px 15px;min-height:138px}
  .service-card .service-card-art{width:86px;max-width:86px;height:78px;margin-left:-7px}
  .service-card .service-card-title{font-size:18px}
  .service-card .service-card-description{font-size:14px}
  .service-card .service-card-arrow{width:16px}
  .service-buttons .service-card-arrow .icon{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){
  .service-buttons>a.service-card,.service-card .service-card-art,.service-card .service-card-arrow{transition:none!important}
  .service-buttons>a.service-card:hover,.service-card:hover .service-card-art,.service-card:hover .service-card-arrow{transform:none!important}
}
