.service-main { padding: 0 0 88px; }
.service-hero { padding: 72px 64px 64px; border-bottom: 1px solid var(--line); background: var(--surface-subtle); }
.service-hero-inner, .service-section-inner { width: min(100%, var(--content-width)); margin: 0 auto; }
.service-kicker { margin-bottom: 12px; color: var(--cobalt); font-size: 13px; font-weight: 700; }
.service-hero h1 { max-width: 760px; margin-bottom: 18px; font-size: 52px; line-height: 1.15; }
.service-lead { max-width: 720px; color: var(--muted); font-size: 18px; line-height: 1.75; }
.service-hero-actions { display: flex; gap: 12px; margin-top: 26px; }
.service-section { padding: 72px 64px; border-bottom: 1px solid var(--line); }
.service-section--subtle { background: var(--surface-subtle); }
.service-section h2 { margin-bottom: 12px; font-size: 32px; }
.service-section-intro { max-width: 720px; margin-bottom: 28px; color: var(--muted); line-height: 1.7; }
.scenario-grid, .scope-grid, .delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.scenario-item, .scope-item, .delivery-item { padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--card); }
.scenario-item strong, .scope-item strong, .delivery-item strong { display: block; margin-bottom: 8px; font-size: 17px; }
.scenario-item p, .scope-item p, .delivery-item p { color: var(--muted); font-size: 14px; line-height: 1.7; }
.delivery-grid { grid-template-columns: repeat(2, 1fr); }
.process-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; counter-reset: process; }
.process-step { padding: 20px; border-top: 3px solid var(--cobalt); background: var(--card); }
.process-step::before { counter-increment: process; content: "0" counter(process); display: block; margin-bottom: 10px; color: var(--cobalt); font-family: var(--font-code); font-size: 13px; }
.process-step strong { display: block; margin-bottom: 6px; font-size: 16px; }
.process-step p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.service-faq { max-width: 840px; }
.service-company { display: grid; grid-template-columns: 1.1fr .9fr; gap: 32px; align-items: start; }
.service-company p { color: var(--muted); line-height: 1.8; }
.service-contact { padding: 24px; border-left: 3px solid var(--green); background: var(--surface-subtle); }
.service-contact strong { display: block; margin-bottom: 12px; }
.service-contact span { display: block; margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.service-header-actions { display: flex; align-items: center; gap: 12px; }
@media (max-width: 900px) { .service-hero, .service-section { padding-left: 32px; padding-right: 32px; } .scenario-grid, .scope-grid, .process-list { grid-template-columns: repeat(2, 1fr); } .service-company { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .service-header-actions { margin-left: auto; } .service-phone-action { display: inline-flex; min-width: auto; padding: 10px 14px; } }
@media (max-width: 640px) { .service-hero, .service-section { padding: 48px 24px; } .service-hero h1 { font-size: 38px; } .service-lead { font-size: 16px; } .service-hero-actions, .scenario-grid, .scope-grid, .delivery-grid, .process-list { grid-template-columns: 1fr; flex-direction: column; } .service-hero-actions .btn { width: 100%; } }