/* Shared illustration family from the approved preview. */
:is(.recognition,.able-industries){--av-paper:#f7f7f2;--av-line:#54594e;--av-green:#c9d6ad;--av-hair:#cbd0c4}
.able-industries{--av-paper:#34483e;--av-line:#d8e4ce;--av-green:#c9d6ad;--av-hair:#91a486}
.recognition-card{--av-surface:#eeefeb}
.recognition-card .av-small{margin-bottom:20px}
.able-industries__icon{width:104px;height:88px}
:is(.recognition,.able-industries) .av-small{width:104px;height:88px;display:block;overflow:visible}
:is(.recognition,.able-industries) .av-drawing{fill:none;stroke:var(--av-line);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
:is(.recognition,.able-industries) .av-base{fill:var(--av-surface,var(--av-paper))}
:is(.recognition,.able-industries) .av-accent{fill:var(--av-green)}
:is(.recognition,.able-industries) .av-faint{stroke:var(--av-hair)}
:is(.recognition,.able-industries) .av-eye{fill:var(--av-line);stroke:none}
:is(.recognition,.able-industries) .av-move{animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
:is(.recognition,.able-industries) .av-head{transform-origin:31px 29px;animation-name:av-think}
:is(.recognition,.able-industries) .av-task{animation-name:av-plan}
:is(.recognition,.able-industries) .av-finger{animation-name:av-tap;transform-origin:47px 57px}
:is(.recognition,.able-industries) .av-steam{animation-name:av-steam}
:is(.recognition,.able-industries) .av-roll{animation-name:av-roll;transform-origin:50px 46px}
:is(.recognition,.able-industries) .av-bubble{animation-name:av-bubble}
:is(.recognition,.able-industries) .av-pack{animation-name:av-pack}
:is(.recognition,.able-industries) .av-small{stroke-width:1.4}
:is(.recognition,.able-industries) .av-person-arm{animation:av-person-arm 8s ease-in-out infinite;transform-origin:42px 53px}
:is(.recognition,.able-industries) .av-plan-look{animation:av-plan-look 8s ease-in-out infinite;transform-origin:30px 30px}
:is(.recognition,.able-industries) .av-task{animation-name:av-replan}
:is(.recognition,.able-industries) .av-screen-cell{animation:av-screen-cell 8s ease-in-out infinite}
:is(.recognition,.able-industries) .av-component{animation:av-assemble 8s ease-in-out infinite}
@keyframes av-think{0%,20%,80%,100%{transform:rotate(0)}42%,60%{transform:rotate(5deg)}}
@keyframes av-plan{0%,18%,82%,100%{transform:translateX(0)}40%,62%{transform:translateX(10px)}}
@keyframes av-tap{0%,25%,75%,100%{transform:rotate(0)}38%,58%{transform:rotate(4deg)}48%,68%{transform:rotate(0)}}
@keyframes av-steam{0%,20%,80%,100%{opacity:0;transform:translateY(2px)}40%{opacity:.7}65%{opacity:0;transform:translateY(-4px)}}
@keyframes av-roll{0%,20%,80%,100%{transform:rotate(0)}45%,60%{transform:rotate(90deg)}}
@keyframes av-bubble{0%,20%,80%,100%{opacity:0;transform:translateY(2px)}40%{opacity:.8}65%{opacity:0;transform:translateY(-9px)}}
@keyframes av-pack{0%,20%,80%,100%{transform:translateX(0)}45%,60%{transform:translateX(5px)}}
@keyframes av-signal{0%,10%{stroke-dashoffset:14;opacity:0}15%{opacity:1}75%{stroke-dashoffset:-335;opacity:1}80%,100%{stroke-dashoffset:-335;opacity:0}}
@keyframes av-replan{0%,14%,90%,100%{transform:translateX(0)}32%,43%{transform:translateX(10px)}60%,73%{transform:translateX(4px)}}
@keyframes av-person-arm{0%,14%,90%,100%{transform:rotate(0)}32%,43%{transform:rotate(-6deg)}60%,73%{transform:rotate(-2deg)}}
@keyframes av-plan-look{0%,43%,90%,100%{transform:rotate(0)}50%,60%{transform:rotate(5deg)}}
@keyframes av-screen-cell{0%,20%,83%,100%{opacity:.25}35%,60%{opacity:1}69%{opacity:.25}74%{opacity:1}}
@keyframes av-assemble{0%,18%,88%,100%{transform:translateY(-8px)}44%,64%{transform:translateY(0)}}
@media(max-width:600px){.able-industries__icon{width:76px;height:72px}.able-industries .av-small{width:76px;height:72px}}
@media(prefers-reduced-motion:reduce){:is(.recognition,.able-industries) .av-drawing *{animation:none!important}}

/* Consistent hierarchy across illustrations, benefits and contact. */
.recognition-card .av-small{width:120px;height:102px}
.result-icon svg{stroke:#54594e;stroke-width:1.2}
.able-industries h2{font-size:var(--section-title);line-height:1.14;max-width:860px}
.able-industries h2 .sector-title-line{display:block}
.device{width:min(100%,480px);margin:12px auto 28px}
.local-benefits{max-width:1120px;gap:48px}
.benefit h3{font-size:24px;color:var(--paper)}
.benefit p{color:#cbd2c8;max-width:320px}
.contact{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:64px}
.newsletter{width:100%;max-width:360px;justify-self:end}
.contact .newsletter-title{font-size:18px;margin-bottom:12px}
.contact .signup-intro{font-size:15px;line-height:1.6;margin-bottom:18px}
.signup-email{margin-bottom:16px}
.contact .signup-consent{font-size:12px;line-height:1.6;margin-top:16px}
@media(max-width:1050px){.local-benefits{gap:28px}.contact{gap:40px}}
@media(max-width:720px){
 .able-industries h2 .sector-title-line{display:inline}
 .device{width:min(100%,400px);aspect-ratio:2 / 1;margin:16px auto 28px}
 .local-benefits{max-width:360px;gap:32px}
 .benefit h3{font-size:22px}
 .contact{grid-template-columns:1fr;gap:48px}
 .newsletter{max-width:400px;justify-self:start;padding-top:28px;border-top:1px solid var(--line)}
}

/* Center the sector introduction; keep the individual sectors easy to scan. */
@media(min-width:721px){
 .able-industries h2{margin-inline:auto;text-align:center}
 .able-industries__intro{max-width:680px;margin-inline:auto;text-align:center}
 .able-industries__note{text-align:center}
}