.skill-lab{--skill-accent:#f3b69f;--skill-glow:#ab534035;max-width:1440px;margin:auto;padding:100px 5.5% 70px;overflow:hidden}
.skill-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.skill-heading .eyebrow{justify-content:flex-start;font-size:12px}.skill-heading h2{font-weight:500;font-size:clamp(42px,5.7vw,80px);line-height:1.04;letter-spacing:-3.5px;margin:0}.skill-heading h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.skill-heading-note p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 18px}.skill-lab button{font-family:inherit;cursor:pointer;color:inherit}.skill-motion{background:none;border:0;border-bottom:1px solid var(--border);padding:8px 0;font-size:14px}.skill-lab button:focus-visible{outline:2px solid var(--skill-accent);outline-offset:4px}
.skill-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.skill-categories button{position:relative;display:flex;align-items:center;gap:12px;padding:23px 12px;border:0;border-right:1px solid #ffffff08;background:transparent;text-align:left;font-size:15px;transition:background .3s,color .3s}.skill-categories button span{font-size:12px;color:#9d858d;font-variant-numeric:tabular-nums}.skill-categories button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--skill-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}.skill-categories button[aria-pressed=true]{background:linear-gradient(0deg,var(--skill-glow),transparent);color:var(--skill-accent)}.skill-categories button[aria-pressed=true]:after{transform:scaleX(1)}.skill-categories button:hover{background:#ffffff07}
.skill-machine{display:grid;grid-template-columns:1.2fr 1fr;min-height:570px;border-bottom:1px solid var(--border);transition:background .6s}.skill-map{touch-action:pan-y;position:relative;min-width:0;min-height:570px;isolation:isolate;perspective:1000px;overflow:hidden}.skill-map-grid{position:absolute;inset:0;background-image:linear-gradient(#edc2bf07 1px,transparent 1px),linear-gradient(90deg,#edc2bf07 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 73%)}.skill-map-aura{position:absolute;inset:8%;background:radial-gradient(ellipse,var(--skill-glow),transparent 65%);transition:background .5s;transform:translate(var(--lab-x,0px),var(--lab-y,0px)) scale(1.3)}.skill-map-caption,.skill-map-index,.skill-map-bottom{position:absolute;font-size:12px;letter-spacing:1.5px;color:#bea6ac;z-index:3}.skill-map-caption{top:25px;left:0}.skill-map-index{top:25px;right:25px;font-variant-numeric:tabular-nums}.skill-map-bottom{bottom:25px;left:0;right:0;text-align:center;letter-spacing:1px;font-size:11px}.skill-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--skill-accent);stroke-width:1;stroke-opacity:.17}.skill-current{stroke-opacity:.95;stroke-linecap:round}.skill-current path{stroke-dasharray:5 95;animation:skill-flow 3.6s linear infinite;stroke-width:1.6}.skill-current path:nth-child(3),.skill-current path:nth-child(4){animation-delay:-1.2s}.skill-current path:nth-child(5),.skill-current path:nth-child(6){animation-delay:-2.4s}
.skill-core{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(calc(-50% + var(--lab-x,0px)),calc(-50% + var(--lab-y,0px)));border:1px solid color-mix(in srgb,var(--skill-accent) 55%,transparent);background:linear-gradient(145deg,#3d1d28,#180e16 65%);box-shadow:0 0 55px var(--skill-glow),inset 0 0 35px #ffffff05;border-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;transition:border-color .5s,box-shadow .5s}.skill-core:before{content:'';position:absolute;inset:-13px;border:1px solid color-mix(in srgb,var(--skill-accent) 18%,transparent);border-radius:39px;transform:rotate(-8deg);animation:skill-breathe 6s ease-in-out infinite}.skill-core>span{font-size:10px;letter-spacing:1.8px;color:#d7bbc5}.skill-core strong{font-size:37px;letter-spacing:-1.9px;line-height:.98;text-align:center;color:var(--skill-accent);margin:14px 0}.skill-core .skill-core-foot{font-size:9px;letter-spacing:1.2px}
.skill-node{position:absolute;top:var(--node-y);left:var(--node-x);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3;animation:skill-hover 6s ease-in-out infinite;animation-delay:var(--node-delay);width:118px}.skill-node[data-node="0"]{--node-x:19%;--node-y:21%;--node-delay:-1s}.skill-node[data-node="1"]{--node-x:80%;--node-y:21%;--node-delay:-3s}.skill-node[data-node="2"]{--node-x:15%;--node-y:51%;--node-delay:-4s}.skill-node[data-node="3"]{--node-x:85%;--node-y:51%;--node-delay:-2s}.skill-node[data-node="4"]{--node-x:20%;--node-y:79%;--node-delay:-5s}.skill-node[data-node="5"]{--node-x:79%;--node-y:79%;--node-delay:-.5s}.skill-node-mark{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid #e7d2d126;border-radius:17px;background:linear-gradient(135deg,#39232e,#1e131c);box-shadow:0 10px 30px #0003;color:var(--skill-accent);font-size:23px;font-weight:600;letter-spacing:-1px}.skill-node-mark img{width:29px;height:29px;object-fit:contain}.skill-node-name{font-size:13px;line-height:1.2;text-align:center;color:#e8d9dc;background:#190d15cc;padding:3px 5px;border-radius:4px}
.skill-detail{padding:38px 0 35px 38px;border-left:1px solid #ffffff0b;align-self:stretch;min-width:0}.skill-detail-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;color:var(--skill-accent)}.skill-kicker{font-size:12px;letter-spacing:1.4px}.skill-detail-symbol{font-size:26px;line-height:1}.skill-detail h3{font-size:clamp(32px,3.4vw,48px);letter-spacing:-1.8px;font-weight:500;line-height:1.05;margin:0 0 18px}.skill-description{font-size:16px;line-height:1.65;color:#c5b0b9;max-width:430px;margin:0 0 26px}.skill-detail h4{font-size:11px;letter-spacing:1.8px;color:#a78d99;font-weight:500;margin:22px 0 12px}.skill-capabilities,.skill-tool-list{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.skill-capabilities li{font-size:14px;line-height:1.3;color:#ecdce1;padding:7px 10px;background:#f2c8d208;border:1px solid #f2c8d213;border-radius:5px}.skill-tool-list{column-gap:15px;row-gap:9px}.skill-tool-list li{font-size:14px;line-height:1.45;color:var(--skill-accent)}.skill-tool-list li:not(:last-child):after{content:' /';color:#795663;margin-left:12px}
.skill-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:23px}.skill-bottom p{font-size:14px;color:var(--muted);margin:0}.skill-navigation{display:flex;align-items:center;gap:18px}.skill-page{font-size:12px;letter-spacing:1.5px;color:#c5aeb8;white-space:nowrap}.skill-navigation button{border:1px solid var(--border);width:44px;height:44px;background:none;border-radius:50%;font-size:22px;transition:background .25s,transform .25s}.skill-navigation button:hover{background:var(--skill-glow);transform:translateY(-2px)}
@keyframes skill-flow{from{stroke-dashoffset:5}to{stroke-dashoffset:-95}}@keyframes skill-breathe{50%{transform:rotate(8deg) scale(1.04)}}@keyframes skill-hover{50%{transform:translate(-50%,calc(-50% - 8px))}}
.skill-lab.is-offscreen *,.motion-paused .skill-lab *,.page-hidden .skill-lab *{animation-play-state:paused!important}
@media(min-width:1500px){.skill-machine{min-height:610px}.skill-map{min-height:610px}}
@media(max-width:1050px){.skill-categories button{gap:7px;font-size:14px;padding:20px 9px}.skill-machine{grid-template-columns:1.1fr 1fr}.skill-detail{padding-left:24px}.skill-core{width:145px;height:155px;border-radius:26px}.skill-core strong{font-size:31px}.skill-node{width:96px}.skill-node-name{font-size:12px}.skill-node-mark{width:49px;height:49px}.skill-heading h2{letter-spacing:-2px}.skill-heading-note p{font-size:14px}}
@media(max-width:760px){.skill-lab{padding:65px 6% 45px}.skill-heading{display:block;margin-bottom:27px}.skill-heading h2{font-size:clamp(41px,9vw,62px);letter-spacing:-2px}.skill-heading-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px}.skill-heading-note p{font-size:14px;margin:0;line-height:1.5}.skill-motion{flex-shrink:0;font-size:12px}.skill-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-categories button{font-size:13px;min-height:53px;padding:14px 7px;gap:7px}.skill-categories button:nth-child(-n+3){border-bottom:1px solid var(--border)}.skill-categories button span{font-size:11px}.skill-machine{display:block}.skill-map{min-height:0;height:400px;max-width:590px;margin:auto}.skill-map-caption,.skill-map-index{top:20px;font-size:10px;letter-spacing:1px}.skill-map-index{right:0}.skill-map-bottom{font-size:9px;bottom:17px;letter-spacing:.7px}.skill-core{width:137px;height:143px;border-radius:25px}.skill-core strong{font-size:29px}.skill-core>span{font-size:8px}.skill-core .skill-core-foot{font-size:8px}.skill-node{width:100px;gap:6px}.skill-node-mark{height:46px;width:46px;border-radius:14px;font-size:20px}.skill-node-mark img{width:25px;height:25px}.skill-node-name{font-size:11px;max-width:100%;padding:2px 3px}.skill-node[data-node="2"]{--node-x:12%}.skill-node[data-node="3"]{--node-x:88%}.skill-detail{border-left:0;border-top:1px solid var(--border);padding:27px 0 29px;min-height:470px}.skill-detail-top{margin-bottom:20px}.skill-detail h3{font-size:38px;letter-spacing:-1.3px}.skill-description{max-width:none}.skill-capabilities li{font-size:14px}.skill-tool-list li{font-size:14px}.skill-bottom{padding-top:20px}.skill-bottom p{font-size:12px;max-width:130px;line-height:1.5}.skill-navigation{gap:12px}}
@media(max-width:370px){.skill-lab{padding-left:5%;padding-right:5%}.skill-heading h2{font-size:38px}.skill-heading-note p{font-size:12px}.skill-categories button{font-size:12px;gap:5px}.skill-map{height:365px}.skill-core{width:115px;height:130px}.skill-core strong{font-size:26px}.skill-node{width:85px}.skill-node-name{font-size:10px}.skill-node-mark{width:41px;height:41px}.skill-detail h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.skill-lab *{animation:none!important;transition:none!important}.skill-core{transform:translate(-50%,-50%)}.skill-map-aura{transform:none}}

/* Connection pulses are animated per path, including the right-hand branches. */
.skill-node-mark{position:relative}.skill-node-mark:after{content:'';position:absolute;inset:-4px;border:1px solid var(--skill-accent);border-radius:inherit;opacity:0;animation:skill-arrival 3.6s linear infinite}.skill-node:nth-of-type(odd) .skill-node-mark:after{animation-delay:-1.2s}
@keyframes skill-arrival{0%,68%,100%{opacity:0;transform:scale(.95)}78%{opacity:.5;transform:scale(1.05)}92%{opacity:0;transform:scale(1.2)}}
.skill-capabilities{gap:10px}.skill-capabilities li{display:flex;align-items:center;gap:8px;padding:9px 11px;transition:border-color .25s,background .25s}.skill-capabilities li:hover{border-color:var(--skill-accent);background:var(--skill-glow)}.skill-mini-icon{width:19px;height:19px;flex:0 0 19px;display:inline-flex;color:var(--skill-accent)}.skill-mini-icon svg{width:100%;height:100%;overflow:visible}.skill-capabilities .skill-mini-icon{animation:skill-icon-lift 4.4s ease-in-out infinite;animation-delay:var(--item-delay)}.skill-capabilities .skill-mini-icon path{stroke-dasharray:70;animation:skill-icon-trace 4.4s ease-in-out infinite;animation-delay:var(--item-delay)}
@keyframes skill-icon-lift{0%,60%,100%{transform:translateY(0)}75%{transform:translateY(-2px)}85%{transform:translateY(0)}}@keyframes skill-icon-trace{0%,20%,100%{stroke-dashoffset:0;opacity:1}55%{stroke-dashoffset:18;opacity:.55}75%{stroke-dashoffset:0;opacity:1}}
.skill-tool-list{gap:9px}.skill-tool-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #f2c8d218;border-radius:8px;color:#eadde3;background:#ffffff03;transition:background .3s,transform .3s;max-width:100%;font-size:13px}.skill-tool-list li:not(:last-child):after{content:none}.skill-tool-list li img{width:22px;height:22px;object-fit:contain;flex-shrink:0;transition:transform .35s}.skill-tool-list li:hover{background:var(--skill-glow);transform:translateY(-2px)}.skill-tool-list li:hover img{transform:rotate(-8deg) scale(1.13)}.skill-node-mark img{width:31px;height:31px}.skill-core strong{font-size:clamp(25px,2.65vw,35px);max-width:96%}.skill-detail{padding-bottom:30px}.skill-machine{align-items:stretch}.skill-map{min-height:630px}.skill-detail-symbol{display:inline-flex;animation:skill-icon-lift 4.4s ease-in-out infinite}
@media(max-width:1050px){.skill-core strong{font-size:28px}.skill-map{min-height:680px}}
@media(max-width:760px){.skill-map{min-height:0;height:400px}.skill-core strong{font-size:26px}.skill-tool-list li{font-size:13px;padding:8px}.skill-capabilities li{font-size:14px;padding:9px}.skill-node-mark img{width:27px;height:27px}.skill-detail{min-height:0}.skill-machine{min-height:0}}
@media(max-width:370px){.skill-map{height:365px}.skill-core strong{font-size:23px}.skill-node-mark img{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.skill-lab *,.skill-lab *:after{animation:none!important}.skill-current path{stroke-dasharray:none;opacity:.3}}
.motion-paused .skill-lab *:after,.skill-lab.is-offscreen *:after,.page-hidden .skill-lab *:after{animation-play-state:paused!important}

.skill-brand-raster{border-radius:5px;background:#fff}.skill-node-mark img.skill-brand-raster{width:42px;height:42px}.skill-node-mark:has(img[src*="cognism"]),.skill-node-mark:has(img[src*="adbeat"]),.skill-node-mark:has(img[src*="competitors"]){width:76px}.skill-node-mark img[src*="cognism"],.skill-node-mark img[src*="adbeat"],.skill-node-mark img[src*="competitors"]{width:64px;height:30px}@media(max-width:760px){.skill-node-mark img.skill-brand-raster{width:36px;height:36px}.skill-node-mark:has(img[src*="cognism"]),.skill-node-mark:has(img[src*="adbeat"]),.skill-node-mark:has(img[src*="competitors"]){width:62px}.skill-node-mark img[src*="cognism"],.skill-node-mark img[src*="adbeat"],.skill-node-mark img[src*="competitors"]{width:53px;height:27px}}