/* The same quiet hero control and hover timing as the Solutions catalogue. */
:is(.cap-hero-cta,main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a){--detail-accent:#c8ff3d;display:inline-flex;align-items:center;gap:12px;padding:0;background:transparent!important;border:0;border-radius:0;color:#ffffff73!important;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:400;line-height:15px;letter-spacing:.24em;text-transform:uppercase;transform:none!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:180ms}
.competency-page .cap-hero .cap-hero-cta{--detail-accent:#9176ff!important}
:is(.cap-hero-cta,main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a):hover{color:var(--detail-accent)!important;transform:none!important}
:is(.cap-hero-cta>span,main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a>svg){box-sizing:border-box;display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #ffffff26;border-radius:50%;transform:none!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0ms}
main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a>svg{padding:11px}
:is(.cap-hero-cta,main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a):hover>:is(span,svg){border-color:var(--detail-accent);transform:none!important}
:is(.cap-hero-cta,main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a):focus-visible{outline:2px solid var(--detail-accent);outline-offset:6px}
/* Match the solution sections: gutters belong inside the 1440px container. */
.competency-page .cap-section{padding-inline:0}
.competency-page .cap-container{box-sizing:border-box;width:100%;max-width:1440px;padding-inline:40px;margin-inline:auto}
.competency-page .cap-hero .cap-container{padding-inline:0}
.competency-page .cap-split{gap:80px}
@media(max-width:1023px){.competency-page .cap-split{gap:36px}}
@media(max-width:767px){.competency-page .cap-container{padding-inline:24px}.competency-page .cap-hero .cap-container{padding-inline:0}}
@media(prefers-reduced-motion:reduce){:is(.cap-hero-cta,.cap-hero-cta>span,main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a,main:has(>section:first-of-type>div a.link-line[href="/rozwiazania/"])>section:first-of-type h1+div a>svg){transition:none}}
