.service-detail-body{background:#f3f7fa}
.detail-main{max-width:1240px;margin:auto;padding:38px 24px 80px}
.detail-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em;color:#557084;margin-bottom:24px}
.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}
.detail-poster{background:#061827;border:1px solid #cfdce5;border-radius:16px;overflow:hidden;box-shadow:0 22px 55px rgba(14,35,50,.14)}
.detail-poster img{display:block;width:100%;height:auto}
.detail-live-poster{
  min-height:620px;
  border-radius:18px;
  overflow:hidden;
  position:relative;
  padding:24px;
  display:flex;
  flex-direction:column;
  color:#fff;
  box-shadow:0 24px 60px rgba(10,27,40,.2);
  isolation:isolate;
}
.detail-live-poster:before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(circle at 80% 18%,rgba(255,255,255,.12),transparent 22%),
  repeating-linear-gradient(135deg,transparent 0 24px,rgba(255,255,255,.025) 24px 25px)}
.detail-live-poster:after{content:"";position:absolute;right:-90px;bottom:-95px;width:300px;height:300px;border:1px solid currentColor;border-radius:50%;opacity:.12;z-index:-1}
.live-blue{background:linear-gradient(145deg,#04131f 0%,#0a2b43 58%,#0b5277 100%);color:#fff}
.live-yellow{background:linear-gradient(145deg,#191500 0%,#5f4c00 52%,#d1a900 100%);color:#fff}
.live-red{background:linear-gradient(145deg,#180506 0%,#4a0a0d 52%,#9f171d 100%);color:#fff}
.live-green{background:linear-gradient(145deg,#051108 0%,#0b3415 52%,#0f7a2a 100%);color:#fff}
.live-poster-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;font-weight:800;letter-spacing:.16em;opacity:.78}
.live-poster-top b{font:800 18px "Barlow Condensed",sans-serif;letter-spacing:.05em}
.live-poster-title{margin-top:70px}
.live-poster-title small{display:block;font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:8px;opacity:.72}
.live-poster-title strong{display:block;font:800 clamp(58px,8vw,96px)/.82 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.045em}
.live-poster-title em{display:block;font:800 clamp(34px,5vw,60px)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em;font-style:italic;margin-top:8px}
.live-blue .live-poster-title em{color:#59ccff}
.live-yellow .live-poster-title em{color:#ffe05a}
.live-red .live-poster-title em{color:#ff6970}
.live-green .live-poster-title em{color:#67ef8a}
.live-poster-sub{margin-top:22px;padding:11px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);font-size:9px;font-weight:800;letter-spacing:.12em}
.live-poster-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}
.live-poster-list span{min-height:42px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.12);border-radius:8px;font-size:10px;font-weight:800}
.live-poster-list span:before{content:"+";margin-right:8px;font-size:14px}
.live-poster-foot{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;gap:4px}
.live-poster-foot strong{font:800 28px "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.live-poster-foot small{font-size:8px;font-weight:800;letter-spacing:.16em;opacity:.72}
.detail-copy{padding-top:10px}
.detail-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:.16em;color:#148fc8;margin-bottom:12px}
.detail-kicker:before{content:"";width:28px;height:1px;background:currentColor}
.detail-copy h1{font:800 clamp(52px,7vw,84px)/.88 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.035em;color:#061827;margin:0 0 20px}
.detail-copy h1 em{font-style:italic}
.detail-copy>p{font-size:15px;line-height:1.75;color:#5e7284;max-width:680px}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
.detail-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.detail-proof div{border:1px solid #d5e1e8;background:#fff;border-radius:10px;padding:15px}
.detail-proof small{display:block;font-size:7px;letter-spacing:.13em;color:#7c8f9e;font-weight:800;margin-bottom:4px}
.detail-proof strong{font:700 18px "Barlow Condensed",sans-serif;color:#0b273c}
.detail-section{margin-top:56px}
.detail-section-head{display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:end;margin-bottom:26px}
.detail-section h2{font:700 40px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#071c2c;margin:0}
.detail-section-head p{margin:0;font-size:13px;line-height:1.65;color:#697c8c}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.detail-card{background:#fff;border:1px solid #d6e1e8;border-radius:11px;padding:21px}
.detail-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font:800 12px "Barlow Condensed",sans-serif;margin-bottom:15px}
.detail-card h3{font:700 23px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0 0 7px;color:#0a263a}
.detail-card p{margin:0;font-size:12px;line-height:1.65;color:#6a7e8e}
.detail-note{margin-top:42px;background:#071c2c;border-radius:14px;padding:28px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.detail-note strong{font:700 28px "Barlow Condensed",sans-serif;text-transform:uppercase}
.detail-note p{margin:6px 0 0;color:#a8bdca;font-size:12px;line-height:1.6}
.detail-blue .detail-copy h1 em,.detail-blue .detail-card span{color:#17a5ee}.detail-blue .detail-card span{background:#e8f7ff}
.detail-yellow .detail-copy h1 em,.detail-yellow .detail-card span{color:#c7a300}.detail-yellow .detail-card span{background:#fff7c8}
.detail-red .detail-copy h1 em,.detail-red .detail-card span{color:#d5262e}.detail-red .detail-card span{background:#ffe8e9}
.detail-green .detail-copy h1 em,.detail-green .detail-card span{color:#17963a}.detail-green .detail-card span{background:#e8f8ec}
@media(max-width:820px){.detail-hero{grid-template-columns:1fr}.detail-poster{max-width:620px;margin:auto}.detail-section-head{grid-template-columns:1fr}.detail-note{grid-template-columns:1fr}.detail-proof{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.detail-main{padding:24px 16px 96px}.detail-copy h1{font-size:54px}.detail-grid{grid-template-columns:1fr}.detail-proof{grid-template-columns:1fr}.detail-actions .button{width:100%}.detail-note{padding:22px}.detail-note .button{width:100%}.detail-live-poster{min-height:520px;padding:18px}.live-poster-title{margin-top:48px}.live-poster-title strong{font-size:58px}.live-poster-title em{font-size:38px}.live-poster-list{grid-template-columns:1fr}.live-poster-foot strong{font-size:24px}}