.bc-service-page { padding: 54px 0; background: linear-gradient(180deg,#080808,#0d0d0d); }
.bc-service-intro { display: grid; grid-template-columns: minmax(0,1fr); gap: 32px; align-items: center; }
.bc-service-intro__copy { padding: 30px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.035); }
.bc-service-intro__media { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #111; min-height: 0; width: 100%; max-width: 840px; justify-self: center; }
.bc-service-intro__image { display: block; width: 100%; height: clamp(240px,32vw,360px); min-height: 0; object-fit: cover; }
.bc-service-section { margin-top: 42px; padding: 30px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.025); }
.bc-service-section--copy h2 { margin-top: 0; font-size: clamp(1.7rem,2.6vw,2.5rem); }
.bc-signal-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
.bc-signal-list li { position: relative; min-height: 58px; padding: 17px 18px 17px 44px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.035); line-height: 1.5; }
.bc-signal-list li::before { content: ""; position: absolute; left: 18px; top: 24px; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px rgba(255,36,52,.12); }
.bc-how-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 22px; }
.bc-how-grid article { padding: 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(255,255,255,.035); }
.bc-how-grid h3 { margin: 0; font-size: 1.08rem; }
.bc-how-grid p { margin: 10px 0 0; color: var(--text-muted); line-height: 1.65; }
.bc-faq-section { margin-top: 42px; padding: 30px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.025); }
.bc-faq-list { display: grid; gap: 10px; margin-top: 20px; }
.bc-faq-list details { border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.035); }
.bc-faq-list summary { cursor: pointer; padding: 18px 20px; font-weight: 700; }
.bc-faq-list details > div { padding: 0 20px 18px; color: var(--text-muted); line-height: 1.7; }
@media (max-width: 900px) { .bc-service-intro { grid-template-columns: 1fr; } .bc-how-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .bc-service-page { padding: 38px 0; } .bc-service-intro__copy,.bc-service-section,.bc-faq-section { padding: 20px; border-radius: 20px; } .bc-signal-list { grid-template-columns: 1fr; } .bc-service-intro__media,.bc-service-intro__image { min-height: 0; } }