@layer components{
.service-capability{position:relative;overflow:hidden;background:linear-gradient(180deg,#f4f7f9 0%,#e9eff3 100%)}
.service-capability::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,52,82,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(13,52,82,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 16%,black 88%,transparent);pointer-events:none}
.service-capability>.container{position:relative;z-index:1}
.capability-matrix{margin-top:54px;border:1px solid rgba(13,52,82,.18);background:#fff;box-shadow:0 30px 72px rgba(7,24,39,.1)}
.capability-matrix-head,.capability-row{display:grid;grid-template-columns:minmax(210px,1.05fr) repeat(3,minmax(150px,1fr))}
.capability-matrix-head{position:sticky;top:93px;z-index:4;background:var(--brand-950);color:#fff}
.capability-matrix-head>div{min-height:86px;padding:22px 24px;border-right:1px solid rgba(255,255,255,.14)}
.capability-matrix-head>div:last-child{border-right:0}
.capability-matrix-head span{display:block;color:#9fb4c4;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.capability-matrix-head strong{display:block;margin-top:10px;font:650 17px/1.15 var(--font-display)}
.capability-row{position:relative;border-top:1px solid rgba(13,52,82,.15)}
.capability-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-600);transform:scaleY(0);transform-origin:bottom;transition:transform .3s var(--ease)}
.capability-row:hover::before{transform:scaleY(1)}
.capability-row>div{min-height:190px;padding:28px 24px;border-right:1px solid rgba(13,52,82,.15);background:linear-gradient(180deg,#fff,#f8fafb);transition:background .25s,transform .25s}
.capability-row>div:last-child{border-right:0}
.capability-row:hover>div{background:#fff}
.capability-subject{position:relative;background:linear-gradient(145deg,#eef3f6,#e5edf2)!important}
.capability-subject span{font:700 34px/1 var(--font-display);color:rgba(13,52,82,.18)}
.capability-subject h3{margin-top:36px;font:700 clamp(23px,2.2vw,32px)/1.05 var(--font-display);letter-spacing:-.025em}
.capability-cell{display:flex;flex-direction:column;justify-content:space-between}
.capability-cell p{color:var(--muted);font-size:14px}
.capability-cell b{display:block;margin-top:28px;padding-top:14px;border-top:1px solid var(--line);color:var(--brand-800);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.capability-boundaries{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;margin-top:42px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.035)}
.capability-boundaries-intro{padding:38px;border-right:1px solid rgba(255,255,255,.18)}
.capability-boundaries-intro h3{margin-top:20px;font:700 clamp(28px,3.2vw,46px)/1.02 var(--font-display)}
.capability-boundaries-intro p{margin-top:20px;color:#b7c6d0}
.boundary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.boundary-item{position:relative;min-height:190px;padding:32px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.boundary-item:nth-child(2n){border-right:0}.boundary-item:nth-last-child(-n+2){border-bottom:0}
.boundary-item span{color:var(--accent-500);font:700 24px/1 var(--font-display)}
.boundary-item h4{margin-top:30px;font:650 22px/1.08 var(--font-display)}
.boundary-item p{margin-top:12px;color:#afbec9;font-size:14px}
.capability-matrix :focus-visible{outline:3px solid rgba(44,130,188,.35);outline-offset:4px}
}
@media(max-width:980px){.capability-matrix-head,.capability-row{grid-template-columns:1fr 1fr}.capability-matrix-head{position:relative;top:auto}.capability-matrix-head>div:first-child{grid-column:1/-1}.capability-row .capability-subject{grid-column:1/-1}.capability-row>div:nth-child(3){border-right:0}.capability-row>div:last-child{grid-column:1/-1;border-top:1px solid rgba(13,52,82,.15)}.capability-boundaries{grid-template-columns:1fr}.capability-boundaries-intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}}
@media(max-width:720px){.capability-matrix{margin-top:36px}.capability-matrix-head{display:none}.capability-row{display:block}.capability-row>div{min-height:auto;border-right:0;border-bottom:1px solid rgba(13,52,82,.15)}.capability-row>div:last-child{border-bottom:0}.capability-subject h3{margin-top:22px}.capability-cell::before{display:block;margin-bottom:18px;color:var(--accent-700);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.capability-cell:nth-child(2)::before{content:"Проектирование"}.capability-cell:nth-child(3)::before{content:"Реализация"}.capability-cell:nth-child(4)::before{content:"Передача и эксплуатация"}.boundary-list{grid-template-columns:1fr}.boundary-item,.boundary-item:nth-child(2n),.boundary-item:nth-last-child(-n+2){min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.boundary-item:last-child{border-bottom:0}.capability-boundaries-intro,.boundary-item{padding:26px}}
@media(prefers-reduced-motion:reduce){.capability-row::before,.capability-row>div{transition:none}}