/* Individual service pages - loads after home.css */
.service-layout { display: grid; grid-template-columns: 1.7fr 1fr; gap: 64px; align-items: start; padding: 90px 0 110px; }
.service-main p { font-size: 17px; margin-bottom: 18px; max-width: 70ch; }
.service-main .points { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 36px 0 0; }
.service-main .points li {
  display: flex; gap: 14px; align-items: flex-start; padding: 20px 22px;
  border: 1px solid var(--line); border-radius: var(--radius); background: #f6f9ff;
  color: var(--navy); font-weight: 600; font-size: 15px; line-height: 1.5;
}
.service-main .points svg { width: 22px; height: 22px; min-width: 22px; color: var(--blue); margin-top: 1px; }
.side-card {
  position: sticky; top: 110px; color: var(--white); border-radius: 24px; padding: 38px 32px;
  background: linear-gradient(140deg, var(--navy-deep), var(--navy) 60%, #203a73); overflow: hidden;
}
.side-card h2 { color: var(--white); font-size: 26px; margin-bottom: 12px; }
.side-card p { color: #c4cfe3; margin-bottom: 26px; }
.side-card .btn { width: 100%; }
.side-card .call { display: block; text-align: center; margin-top: 18px; color: var(--white); font-weight: 700; }
.side-card .call:hover { text-decoration: underline; }
.back-link { display: inline-block; margin-top: 30px; font-weight: 700; color: var(--blue); }
.back-link:hover { text-decoration: underline; }

@media (max-width: 1024px) {
  .service-layout { grid-template-columns: 1fr; gap: 40px; padding: 64px 0 84px; }
  .side-card { position: static; }
}
@media (max-width: 640px) {
  .service-main .points { grid-template-columns: 1fr; }
  .side-card { padding: 30px 22px; }
}