.service-page {margin: 0; padding-bottom: 60px;}
.service-page .service-intro {max-width: 850px; font-size: 21px; line-height: 1.75;}
.service-page .service-intro p {text-align: left;}
.service-page .service-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin: 28px 0 48px;}
.text.service-page .button {display: inline-flex; align-items: center; justify-content: center; max-width: none; width: auto; min-height: 48px; padding: 12px 28px; margin: 0; box-sizing: border-box; font: inherit; line-height: 1.5; text-decoration: none;}
.service-page .service-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 28px 0 48px;}
.service-page .service-card {--service-accent: #a44922; --service-tint: #fff0e4; position: relative; padding: 28px; border: 1px solid #e9e2d8; border-radius: 18px; background: linear-gradient(135deg, var(--service-tint), #fff 65%); box-shadow: 0 5px 18px rgba(52, 39, 20, .035); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.service-page .service-card:nth-child(3n + 2) {--service-accent: #376957; --service-tint: #ecf5eb;}
.service-page .service-card:nth-child(3n) {--service-accent: #315f82; --service-tint: #edf5fc;}
.service-page .service-card:hover {transform: translateY(-3px); border-color: #cfbfa9; box-shadow: 0 10px 26px rgba(52, 39, 20, .07);}
.text.service-page .service-card h3 {margin: 0 0 16px; font-family: "Exo 2", Arial, sans-serif; font-size: 22px; font-weight: 600; line-height: 1.4; color: #252b2b; text-wrap: balance;}
.text.service-page .service-card p {text-align: left; line-height: 1.8; color: #454a4a;}
.service-page .service-card[data-service-icon] h3 {display: flex; align-items: center; gap: 16px;}
.service-page .service-card[data-service-icon] h3::before {content: ""; display: block; flex: 0 0 32px; width: 32px; height: 32px; background: var(--service-accent); mask: var(--service-icon) center / contain no-repeat;}
.service-page [data-service-icon="repair"] {--service-icon: url('../img/service-icons/repair.svg');}
.service-page [data-service-icon="speed"] {--service-icon: url('../img/service-icons/speed.svg');}
.service-page [data-service-icon="shop"] {--service-icon: url('../img/service-icons/shop.svg');}
.service-page [data-service-icon="code"] {--service-icon: url('../img/service-icons/code.svg');}
.service-page [data-service-icon="extensions"] {--service-icon: url('../img/service-icons/extensions.svg');}
.service-page [data-service-icon="improve"] {--service-icon: url('../img/service-icons/improve.svg');}
.service-page [data-service-icon="migration"] {--service-icon: url('../img/service-icons/migration.svg');}
.service-page [data-service-icon="products"] {--service-icon: url('../img/service-icons/products.svg');}
.service-page [data-service-icon="updates"] {--service-icon: url('../img/service-icons/updates.svg');}
.service-page [data-service-icon="security"] {--service-icon: url('../img/service-icons/security.svg');}
.service-page [data-service-icon="support"] {--service-icon: url('../img/service-icons/support.svg');}
.service-page [data-service-icon="training"] {--service-icon: url('../img/service-icons/training.svg');}
.service-page [data-service-icon="design"] {--service-icon: url('../img/service-icons/design.svg');}
.service-page [data-service-icon="content"] {--service-icon: url('../img/service-icons/content.svg');}
.service-page [data-service-icon="launch"] {--service-icon: url('../img/service-icons/launch.svg');}
.text.service-page .service-card p:last-child {margin-bottom: 0;}
.service-page section {margin: 42px 0;}
.service-page li + li {margin-top: 12px;}
.service-page .service-note {border-left: 4px solid #ebb468; padding: 18px 24px; background: #fff8e9; border-radius: 0 12px 12px 0;}
.service-page .service-faq details {border-bottom: 1px solid #e6e1d9; padding: 20px 0;}
.service-page .service-faq summary {font-family: "Exo 2", sans-serif; font-weight: 600; cursor: pointer; line-height: 1.6;}
.text.service-page .service-faq details p {margin: 14px 0 0;}
.service-page .service-cta {display: flex; align-items: center; gap: 32px; padding: 32px; background: #f8edd2; border-radius: 20px;}
.service-page .service-cta > div {flex: 1;}
.text.service-page .service-cta h2 {margin-top: 0;}
.text.service-page .service-cta p {margin-bottom: 0; text-align: left;}
.service-page .service-cta .button {flex-shrink: 0;}
.service-page a:focus-visible, .service-page summary:focus-visible {outline: 3px solid #99501b; outline-offset: 5px;}
.service-page .service-back {font-size: 16px;}
@media (max-width: 767px) {
 .service-page .service-intro {font-size: 18px;}
 .service-page .service-grid {grid-template-columns: 1fr; gap: 16px;}
 .service-page .service-card {padding: 22px;}
 .text.service-page .service-card h3 {font-size: 20px; gap: 12px;}
 .service-page .service-cta {display: block; padding: 24px;}
 .service-page .service-cta .button {margin-top: 24px;}
 .text.service-page .button {width: 100%;}
 .service-page .service-actions {gap: 18px;}
}
@media (prefers-reduced-motion: reduce) {
 .service-page .service-card {transition: none;}
 .service-page .service-card:hover {transform: none;}
}