.detail-hero{background:var(--navy);color:#fff;padding:52px 0 72px;position:relative;overflow:hidden}
.detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px}
.breadcrumb{position:relative;display:flex;gap:9px;align-items:center;color:#9fb0c2;font-size:.8rem;margin-bottom:32px}
.breadcrumb a:hover{color:#fff}
.detail-hero-grid{position:relative;display:grid;grid-template-columns:1fr .78fr;gap:65px;align-items:center}
.detail-hero h1{font-family:"Space Grotesk",Manrope,sans-serif;font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 20px}
.detail-intro{color:#c0ccda;font-size:1.08rem;max-width:680px}
.detail-hero-image{border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.13)}
.detail-hero-image img{width:100%;height:380px;object-fit:cover}
.detail-content{padding:85px 0 105px;background:#f6f8fa}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:55px;align-items:start}
.detail-main{background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px}
.detail-main section+section{border-top:1px solid var(--line);margin-top:38px;padding-top:38px}
.detail-main h2{font-family:"Space Grotesk",Manrope,sans-serif;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.025em;margin:0 0 18px}
.detail-main>p,.detail-main section>p{color:var(--muted)}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.benefit-card{padding:18px;border-radius:14px;background:var(--soft);border-left:3px solid var(--red)}
.benefit-card strong{display:block;margin-bottom:5px}
.benefit-card span{display:block;color:var(--muted);font-size:.88rem}
.application-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}
.application-list li{background:#edf2f7;border:1px solid #d9e2eb;padding:9px 13px;border-radius:999px;font-size:.86rem;font-weight:700;color:#34465a}
.equipment-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.equipment-list li{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:.9rem}
.equipment-list li:before{content:"✓";color:var(--red);font-weight:900;margin-right:9px}
.service-sidebar{position:sticky;top:110px}
.service-sidebar h2{font-family:"Space Grotesk",Manrope,sans-serif;margin:0 0 16px;font-size:1.25rem}
.other-services{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.other-services a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:.86rem;transition:.2s}
.other-services a:last-child{border-bottom:0}
.other-services a:hover,.other-services a.active{background:var(--navy);color:#fff}
.sidebar-cta{margin-top:18px;padding:22px;background:var(--red);color:#fff;border-radius:16px}
.sidebar-cta h3{margin:0 0 7px;font-size:1.08rem}
.sidebar-cta p{font-size:.84rem;margin:0 0 15px;color:#ffe1e4}
.sidebar-cta a{display:inline-flex;background:#fff;color:var(--red-dark);border-radius:8px;padding:10px 13px;font-weight:800;font-size:.83rem}
.detail-footer{background:#031225;color:#aebdce;padding:28px 0}
.detail-footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;gap:30px}
.detail-footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.detail-footer a{color:#d5deea;font-weight:700}
.detail-footer a:hover{color:#fff}
@media(max-width:900px){.detail-hero-grid,.detail-layout{grid-template-columns:1fr}.detail-hero-grid{gap:38px}.detail-hero-image img{height:330px}.service-sidebar{position:static}.other-services{grid-template-columns:1fr 1fr}.other-services a:nth-last-child(2){border-bottom:0}.detail-main{padding:30px}}
@media(max-width:620px){.detail-hero{padding:38px 0 55px}.detail-hero h1{font-size:2.65rem}.detail-hero-image img{height:245px}.detail-content{padding:55px 0 70px}.detail-main{padding:24px 20px}.benefit-grid,.equipment-list,.other-services{grid-template-columns:1fr}.other-services a:nth-last-child(2){border-bottom:1px solid var(--line)}.detail-footer-inner{align-items:flex-start;gap:12px;flex-direction:column}.detail-footer nav{justify-content:flex-start;gap:10px 16px}}
