.services-section{background:var(--bg-dark);border-block-start:1px solid var(--border);overflow:hidden}
.services-section>.container{position:relative}
.services-header{max-width:800px;margin-block-end:32px}
.services-header .section-title{max-width:760px}
.services-intro{margin-block-start:24px;max-width:720px}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.services-grid:focus-visible{outline:2px solid var(--orange);outline-offset:8px;border-radius:var(--radius)}
.service-card{padding:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;transition:transform 400ms var(--ease),border-color 400ms,box-shadow 400ms}
.service-card:hover{box-shadow:var(--shadow-image)}
.service-media{position:relative;overflow:hidden;background:#e5e7eb}
.service-image{border:0;border-radius:0;box-shadow:none;aspect-ratio:4/3;background:#e5e7eb}
.service-image img{filter:none;object-fit:cover;object-position:center;transition:transform 400ms var(--ease)}
.service-image:hover img{transform:none}
.service-card:hover .service-image img{transform:scale(1.025)}
.service-media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b14244d,transparent 42%)}
.service-number{position:absolute;inset-block-end:8px;inset-inline-start:12px;z-index:1;font:700 11px var(--font-en);letter-spacing:1px;color:var(--text-primary);background:#0b1424c9;border:1px solid #ffffff24;padding:4px 8px;border-radius:var(--radius-sm)}
.service-content{padding:16px 12px 12px;display:flex;flex-direction:column;flex:1;min-width:0}
.service-content h3{font-size:clamp(.9375rem,1.45vw,1.25rem);line-height:1.7;font-weight:600;margin:0;overflow-wrap:break-word;text-wrap:balance;min-height:3.4em}
.service-description{font-size:clamp(.8125rem,1.08vw,.9375rem);line-height:1.8;color:var(--text-secondary);margin-block:12px 16px;overflow-wrap:break-word}
.service-description{min-height:3.6em;margin-block-end:12px}
.service-points{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px;font-size:clamp(.75rem,1vw,.875rem);line-height:1.65;color:var(--text-secondary)}
.service-points li{position:relative;padding-inline-start:12px;overflow-wrap:anywhere}
.service-points li:before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:4px;height:4px;background:var(--red);border-radius:50%}
.service-points bdi{unicode-bidi:isolate}
.service-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;margin-block-start:auto;padding:8px 0;border:0;border-block-start:1px solid var(--border);background:transparent;font-size:clamp(.8125rem,1vw,.875rem);font-weight:500;color:var(--text-primary);text-align:start}
.service-link>.icon{width:18px;height:18px;color:#f06a70;transition:transform 400ms var(--ease)}
.service-link:hover>.icon{transform:translateX(-4px)}
html[lang=en] .service-link>.icon{transform:rotate(180deg)}
html[lang=en] .service-link:hover>.icon{transform:rotate(180deg) translateX(-4px)}
.services-swipe{display:none;color:var(--text-muted);font-size:12px;align-items:center;gap:8px;margin-block-end:16px}
.services-swipe .icon{width:16px;height:16px}
.service-entered{animation:enter 600ms var(--ease) var(--card-delay) backwards}
.service-dialog-image{border:1px solid var(--border);border-radius:var(--radius);margin-block-start:24px;aspect-ratio:4/3}
.service-dialog-image:hover img{transform:none}
@media(max-width:374px){.services-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-inline:contain;gap:12px;padding-block:8px 24px;scrollbar-width:thin;scrollbar-color:#77869e var(--bg-card)}.service-card{scroll-snap-align:start;scroll-snap-stop:always}.service-content{padding:16px}.service-content h3{font-size:17px}.service-description{font-size:14px}.services-swipe{display:flex}.services-header{margin-block-end:24px}}
@media(min-width:600px){.services-grid{gap:24px}.services-header{margin-block-end:48px}.service-content{padding:24px}.service-content h3{font-size:clamp(1.0625rem,1.45vw,1.25rem)}.service-description{margin-block:16px 12px}.service-points{margin-block-end:24px}.service-number{inset-block-end:16px;inset-inline-start:24px;font-size:12px}}
@media(min-width:1000px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-content h3{min-height:3.4em}.service-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.service-entered{animation:none}.service-card:hover .service-image img{transform:none}.service-link:hover>.icon{transform:none}html[lang=en] .service-link:hover>.icon{transform:rotate(180deg)}}