.detail-hero{padding:32px 0 72px}.breadcrumb{display:flex;gap:12px;font-size:.85rem;color:var(--muted);margin-bottom:40px}.breadcrumb a{text-decoration:none}.detail-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px}.detail-hero h1{font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.09;letter-spacing:-.035em;overflow-wrap:break-word;margin:20px 0 24px}.detail-lead{font-size:1.15rem;max-width:580px;color:var(--muted)}.detail-caption{font-size:.85rem;color:var(--muted);margin-top:24px}.detail-visual{position:relative;border-radius:18px;overflow:hidden;background:var(--ice)}.detail-visual img{width:100%;height:440px;object-fit:cover}.detail-visual span{position:absolute;bottom:20px;left:20px;background:#fff;padding:10px 16px;font-weight:700;border-radius:6px}.detail-note{padding:48px;background:var(--navy);color:white;border-radius:18px}.detail-note span{color:var(--cyan);letter-spacing:.12em}.detail-note h2{font-size:2rem;line-height:1.3;margin:28px 0}.detail-note a{color:#fff;font-size:1.25rem}.detail-scope,.detail-process{background:#eff6f9;padding:70px 0}.detail-columns,.detail-audience{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service-detail h2{font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.18;letter-spacing:-.025em;margin:16px 0 24px}.detail-columns p,.detail-audience p{color:var(--muted)}.detail-columns .service-list{margin-top:10px}.detail-examples{padding:72px 0}.detail-examples>p{max-width:700px;color:var(--muted)}.detail-examples .service-comparisons{max-width:850px;margin:32px auto 0}.detail-examples .compare-stage{max-height:620px}.detail-audience{padding:64px 0}.detail-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.detail-steps span{color:#087cab;font-size:1.8rem;font-weight:800}.detail-steps h3{font-size:1.2rem}.detail-steps p{color:var(--muted)}.detail-related{padding:48px 0 70px}.detail-related nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-related a{display:flex;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.detail-related a:hover{background:var(--ice)}.service-detail .contact{scroll-margin-top:100px}.service-detail .hero-actions{display:flex;flex-wrap:wrap;gap:12px}.service-detail .eyebrow{line-height:1.6}.service-detail .service-list{display:grid;gap:12px}
@media(max-width:800px){.detail-hero-grid{grid-template-columns:1fr;gap:28px}.detail-columns,.detail-audience{grid-template-columns:1fr;gap:20px}.detail-hero{padding:24px 0 44px}.breadcrumb{margin-bottom:24px}.detail-visual img{height:320px}.detail-scope,.detail-process{padding:44px 0}.detail-examples,.detail-audience{padding:44px 0}.detail-steps{grid-template-columns:1fr;gap:20px}.detail-related nav{grid-template-columns:1fr 1fr}.detail-note{padding:28px}.detail-hero h1{font-size:2.3rem}.detail-related a{font-size:.9rem}.service-detail .contact{scroll-margin-top:82px}}
@media(max-width:400px){.detail-related nav{grid-template-columns:1fr}.detail-hero h1{font-size:2rem}}