.service-page .layer-kicker { color: #3b9eff; }
.service-page .layer-hero h1 { font-size: clamp(44px, 7vw, 92px); }
.service-actions { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; margin-top: 30px; }
.service-button { display: inline-block; padding: 13px 22px; border-radius: 999px; background: #3b9eff; color: #000; font-weight: 800; font-size: 14px; text-decoration: none; }
.service-button:hover { background: #fff; }
.service-actions a:not(.service-button) { color: #fff; font-size: 14px; text-underline-offset: 4px; }
.service-section { padding: 0 0 64px; }
.service-section h2 { margin: 0 0 18px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); color: #fff; font-size: clamp(24px, 3.2vw, 36px); letter-spacing: -.04em; line-height: 1.15; }
.service-section > p { max-width: 720px; margin: 0 0 18px; color: rgba(255,255,255,.62); font-size: 16px; line-height: 1.75; }
.service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.service-grid:not(.service-steps) > .service-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.service-card { padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.03); }
.service-card h3 { margin: 0 0 8px; color: #fff; font-size: 17px; }
.service-card p { margin: 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.7; }
.service-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; counter-reset: step; }
.service-steps .service-card::before { counter-increment: step; content: "0" counter(step); display: block; margin-bottom: 10px; color: #3b9eff; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.service-faq { display: grid; gap: 10px; }
.service-faq details { border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.03); }
.service-faq summary { position: relative; padding: 19px 52px 19px 20px; color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; list-style: none; }
.service-faq summary::-webkit-details-marker { display: none; }
.service-faq summary::after { content: "+"; position: absolute; top: 15px; right: 20px; color: #3b9eff; font-size: 24px; font-weight: 400; }
.service-faq details[open] summary::after { content: "\2212"; }
.service-faq p { margin: 0; padding: 0 20px 20px; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.75; }
.service-section a { color: #3b9eff; text-underline-offset: 4px; }
.service-cta { margin-bottom: 72px; padding: 30px; border: 1px solid rgba(59,158,255,.4); border-radius: 18px; background: rgba(59,158,255,.05); }
.service-cta h2 { margin: 0 0 10px; color: #fff; font-size: clamp(24px, 3.2vw, 34px); letter-spacing: -.04em; }
.service-cta p { margin: 0; color: rgba(255,255,255,.62); line-height: 1.7; }
@media (max-width: 760px) {
  .service-grid, .service-steps { grid-template-columns: 1fr; }
  .service-cta { padding: 22px; }
}