/* v4-cx-technologies.css — CX Technologies page only (prefix cx-) */
.cx-hero .crumbs,.cx-hero .crumbs a{color:rgba(255,255,255,.7)}
.cx-hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.cx-hero .btn-o{color:#fff}.cx-hero .btn-o:hover{background:#fff;color:var(--ink)}
.cx-hero h1 em.s{color:#ff5fb4}
.cx-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,13,.7),transparent 60%)}
/* built-in: before/after */
.cx-built{display:grid;grid-template-columns:1fr 1.6fr;gap:44px;align-items:center}
.cx-built h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.cx-built .c-ba{box-shadow:0 30px 60px -30px rgba(17,21,34,.45)}
.cx-built .c-ba:before{content:"";position:absolute;z-index:3;top:50%;left:var(--p);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6007E' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 6l-5 6 5 6M15 6l5 6-5 6'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 4px 14px rgba(0,0,0,.3);pointer-events:none}
.cx-hint{font-size:.82rem;color:var(--mute);margin-top:10px}
.cx-pts{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.cx-pts li{display:flex;gap:12px;align-items:baseline;font-size:.98rem}
.cx-pts li b{font:800 .72rem Montserrat,sans-serif;letter-spacing:.14em;color:var(--acc);min-width:24px}
@media(max-width:900px){.cx-built{grid-template-columns:1fr;gap:24px}}
/* touchpoint tiles */
.cx-tp .c-tiles{grid-template-columns:repeat(4,1fr)}
.cx-tp .c-tile{aspect-ratio:3/4}
.cx-tp .c-tile i{position:absolute;top:14px;left:16px;z-index:2;font:800 .7rem Montserrat,sans-serif;font-style:normal;letter-spacing:.14em;color:#fff;background:rgba(230,0,126,.85);border-radius:999px;padding:4px 9px}
.cx-tp .c-tile small{font-size:.8rem;line-height:1.35}
.cx-armed .c-tile{opacity:0;transform:translateY(40px);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*.09s)}
.cx-armed.on .c-tile{opacity:1;transform:none}
@media(max-width:1000px){.cx-tp .c-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cx-tp .c-tiles{gap:10px}.cx-tp .c-tile span{left:12px;right:12px;bottom:10px;font-size:.92rem}.cx-tp .c-tile small{display:none}}
/* pilot band */
.cx-pilot{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-bottom:28px}
.cx-pilot b{font:800 clamp(2.4rem,6vw,4.6rem)/.95 Montserrat,sans-serif;color:var(--ink);letter-spacing:-.03em}
.cx-pilot b em{font-style:normal;color:var(--acc)}
@media(max-width:700px){.cx-pilot{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){.cx-hero>video{object-position:84% 50%}}
.steps.h{grid-template-columns:repeat(var(--n,5),1fr)}@media(max-width:1000px){.steps.h{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps.h{grid-template-columns:1fr 1fr;gap:10px}.steps.h>li{padding:44px 12px 14px}.steps.h>li::before{left:12px;top:14px}}@media(max-width:340px){.steps.h{grid-template-columns:1fr}}
.steps.h>li{padding:48px 16px 18px}.steps.h>li::before{left:16px;top:16px}
@media(prefers-reduced-motion:reduce){.cx-armed .c-tile{opacity:1;transform:none;transition:none}}
.cx-tp .c-tile picture{display:contents}