/* Ported 1:1 from components/ServiceDetail/index.tsx's injected
   <style> string. */
.sd-hero{position:relative;padding-top:120px;overflow:hidden;}
.sd-hero-media{position:absolute;inset:0;z-index:0;}
.sd-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;}
.sd-hero-shade{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,10,10,.4) 0%,rgba(10,10,10,.75) 55%,#0a0a0a 100%);}
.sd-hero-wrap{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:80px 24px 100px;text-align:center;}
.sd-back{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;
  color:rgba(255,255,255,.5);text-decoration:none;margin-bottom:32px;transition:color .2s;}
.sd-back:hover{color:#fff;}
.sd-tag{font-size:.64rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;
  color:#c9cbcf;margin-bottom:20px;}
.sd-h1{font-size:clamp(32px,5vw,58px);font-weight:900;letter-spacing:-.04em;line-height:1.05;
  color:#fff;margin-bottom:24px;}
.sd-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#c7c7c7;font-weight:300;
  max-width:620px;margin:0 auto 36px;}
.sd-cta{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;
  color:#fff;text-decoration:none;padding:14px 30px;border-radius:100px;background:#45454a;
  transition:box-shadow .25s,transform .25s;}
.sd-cta:hover{box-shadow:0 0 36px rgba(255,255,255,.18);transform:translateY(-2px) scale(1.03);}

.sd-body{background:#0a0a0a;padding:20px 0 90px;}
.sd-body-wrap{max-width:920px;margin:0 auto;padding:0 24px;}
.sd-body-cols{display:grid;grid-template-columns:1.3fr .9fr;gap:64px;align-items:start;}
.sd-text{display:flex;flex-direction:column;gap:22px;}
.sd-p{font-size:1rem;line-height:1.8;color:#b3b3b3;}
.sd-bullets{display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:16px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);}
.sd-bullets li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.5;color:#e0e0e0;}
.sd-bullets svg{flex-shrink:0;margin-top:2px;}

.sd-other{background:#0a0a0a;padding:80px 0 100px;border-top:1px solid rgba(255,255,255,.06);}
.sd-other-wrap{max-width:1180px;margin:0 auto;padding:0 40px;}
.sd-other-h{font-size:.62rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;
  color:rgba(255,255,255,.35);margin-bottom:28px;}
.sd-other-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.sd-other-card{position:relative;display:flex;align-items:flex-end;aspect-ratio:3/4;
  border-radius:12px;overflow:hidden;text-decoration:none;}
.sd-other-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .4s ease;}
.sd-other-card:hover .sd-other-img{transform:scale(1.06);}
.sd-other-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85) 100%);}
.sd-other-title{position:relative;z-index:1;padding:14px;font-size:.82rem;font-weight:700;color:#fff;line-height:1.25;}

@media(max-width:900px){
  .sd-body-cols{grid-template-columns:1fr;gap:32px;}
  .sd-other-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .sd-hero-wrap{padding:60px 20px 70px;}
  .sd-other-wrap{padding:0 22px;}
}
