.split-showcase{background:var(--brand-white);contain-intrinsic-size:auto 500px;content-visibility:auto;padding:100px max(100px,(100% - var(--content-max-width))/2);padding-top:20px}.split-showcase__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.split-showcase__card{background:var(--brand-white);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden}.split-showcase__card-image{aspect-ratio:1;background:linear-gradient(135deg,var(--neutral-100)0%,var(--border-subtle)100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.split-showcase__img{object-fit:cover;width:calc(100% + 4px);height:calc(100% + 4px);margin:-2px}.split-showcase__card-icon{background:var(--text-primary);color:var(--text-white);font-size:var(--text-body-lg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:64px 64px 20px;display:flex}.split-showcase__xbert-icon{width:20px;height:20px;margin-top:-2px;display:block}.split-showcase__card-title{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-heading-md);margin:0 64px 20px;font-weight:600;line-height:1}.split-showcase__card-desc{color:var(--neutral-700);font-family:var(--font-body);font-size:var(--text-body-sm);margin:0 64px 64px;font-weight:400;line-height:1.6}.split-showcase__overlay{pointer-events:none;z-index:10;background:#0006;position:absolute;inset:0}.split-showcase__face-box--ai{opacity:0;border:1px solid #ffffffe6;width:48%;height:58%;position:absolute;top:8%;left:15%;transform:scale(1.08)}.split-showcase__face-label{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-micro);letter-spacing:.05em;text-transform:uppercase;background:#fffffff2;padding:6px 12px;font-weight:600;position:absolute;bottom:-1px;left:-1px}.split-showcase__task-dial{opacity:0;flex-direction:column;gap:6px;display:flex;position:absolute;top:calc(66% - 140px);left:calc(63% + 16px)}.split-showcase__task-item{align-items:center;gap:8px;padding:3px 0;transition:all .4s;display:flex}.split-showcase__task-text{color:#ffffff59;font-family:var(--font-body);font-size:var(--text-body-sm);white-space:nowrap;font-weight:400;transition:color .4s}.split-showcase__task-check{color:#ffffffe6;opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .3s;display:flex;transform:scale(.5)}.split-showcase__task-check svg{width:14px;height:14px}.split-showcase__task-item--pending .split-showcase__task-text{color:#ffffff59;font-weight:400}.split-showcase__task-item--pending .split-showcase__task-check{opacity:0;transform:scale(.5)}.split-showcase__task-item--active .split-showcase__task-text{color:#fffffff2;font-weight:600}.split-showcase__task-item--active .split-showcase__task-check{opacity:1;transform:scale(1)}.split-showcase__task-item--completed .split-showcase__task-text{color:#ffffff8c;font-weight:400}.split-showcase__task-item--completed .split-showcase__task-check{opacity:.55;transform:scale(1)}.split-showcase__card--active .split-showcase__face-box--ai{animation:.5s steps(4,end) forwards splitShowcaseCyberBoxIn,4s ease-in-out 2s infinite splitShowcaseCyberBlink}.split-showcase__card--active .split-showcase__task-dial{animation:.4s ease-out .6s forwards splitShowcaseDialFadeIn}@keyframes splitShowcaseCyberBoxIn{0%{opacity:0;transform:scale(1.12)}25%{opacity:1;transform:scale(1.02)}50%{opacity:.3;transform:scale(1)}75%{opacity:.9;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes splitShowcaseCyberBlink{0%,to{opacity:1}48%{opacity:1}50%{opacity:.3}52%{opacity:1}54%{opacity:.5}56%{opacity:1}}@keyframes splitShowcaseDialFadeIn{to{opacity:1}}.split-showcase__face-box--team{opacity:0;border:1px solid #ffffffe6;width:32%;height:36%;position:absolute;top:31%;left:45%;transform:scale(1.08)}.split-showcase__face-box--team .split-showcase__face-label{font-size:var(--text-micro-sm);letter-spacing:.06em;padding:5px 10px}.split-showcase__benefits-list{opacity:0;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:49%;right:calc(55% + 14px)}.split-showcase__benefit-item{flex-direction:row-reverse;align-items:center;gap:8px;padding:3px 0;transition:all .4s;display:flex}.split-showcase__benefit-text{color:#ffffff59;font-family:var(--font-body);font-size:var(--text-body-sm);white-space:nowrap;font-weight:400;transition:color .4s}.split-showcase__benefit-check{color:#ffffffe6;opacity:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .3s;display:flex;transform:scale(.5)}.split-showcase__benefit-check svg{width:14px;height:14px}.split-showcase__benefit-item--pending .split-showcase__benefit-text{color:#ffffff59;font-weight:400}.split-showcase__benefit-item--pending .split-showcase__benefit-check{opacity:0;transform:scale(.5)}.split-showcase__benefit-item--active .split-showcase__benefit-text{color:#fffffff2;font-weight:600}.split-showcase__benefit-item--active .split-showcase__benefit-check{opacity:1;transform:scale(1)}.split-showcase__benefit-item--completed .split-showcase__benefit-text{color:#ffffff8c;font-weight:400}.split-showcase__benefit-item--completed .split-showcase__benefit-check{opacity:.55;transform:scale(1)}.split-showcase__card--active .split-showcase__face-box--team{animation:.5s steps(4,end) forwards splitShowcaseTeamBoxIn,4s ease-in-out 2s infinite splitShowcaseTeamBlink}.split-showcase__card--active .split-showcase__benefits-list{animation:.4s ease-out .6s forwards splitShowcaseBenefitsFadeIn}@keyframes splitShowcaseTeamBoxIn{0%{opacity:0;transform:scale(1.12)}25%{opacity:1;transform:scale(1.02)}50%{opacity:.3;transform:scale(1)}75%{opacity:.9;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes splitShowcaseTeamBlink{0%,to{opacity:1}50%{opacity:.85}}@keyframes splitShowcaseBenefitsFadeIn{to{opacity:1}}.split-showcase__constellation-svg{opacity:0;width:380px;height:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-showcase__constellation-line{stroke:#ffffffd9;stroke-width:.5px;fill:none;stroke-dasharray:150;stroke-dashoffset:150px}.split-showcase__constellation-line--secondary{stroke:#ffffff40;stroke-width:.3px;fill:none;stroke-dasharray:150;stroke-dashoffset:150px}.split-showcase__constellation-node{fill:#ffffffe6;opacity:0}.split-showcase__constellation-node--secondary{fill:#fff6;opacity:0}.split-showcase__constellation-label{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.08em;opacity:0;text-transform:uppercase;background:#fffffff2;padding:8px 16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-showcase__card--active .split-showcase__constellation-svg{animation:.5s ease-out .3s forwards splitShowcaseConstellationFadeIn}@keyframes splitShowcaseConstellationFadeIn{to{opacity:1}}.split-showcase__card--active .split-showcase__constellation-line--1{animation:8s ease-out .5s infinite splitShowcaseDrawLineLoop}.split-showcase__card--active .split-showcase__constellation-line--2{animation:8s ease-out .7s infinite splitShowcaseDrawLineLoop}.split-showcase__card--active .split-showcase__constellation-line--3{animation:8s ease-out .9s infinite splitShowcaseDrawLineLoop}.split-showcase__card--active .split-showcase__constellation-line--4{animation:8s ease-out 1.1s infinite splitShowcaseDrawLineLoop}@keyframes splitShowcaseDrawLineLoop{0%{stroke-dashoffset:150px}15%{stroke-dashoffset:0}85%{stroke-dashoffset:0}to{stroke-dashoffset:150px}}.split-showcase__card--active .split-showcase__constellation-line--secondary{animation:8s ease-out .2s infinite splitShowcaseDrawLineLoop}.split-showcase__card--active .split-showcase__constellation-node--secondary{animation:8s ease-out .2s infinite splitShowcaseNodeLoopSecondary}@keyframes splitShowcaseNodeLoopSecondary{0%{opacity:0}12%{opacity:.4}85%{opacity:.4}to{opacity:0}}.split-showcase__card--active .split-showcase__constellation-node--1{animation:8s ease-out .5s infinite splitShowcaseNodeLoop}.split-showcase__card--active .split-showcase__constellation-node--2{animation:8s ease-out .7s infinite splitShowcaseNodeLoop}.split-showcase__card--active .split-showcase__constellation-node--3{animation:8s ease-out .9s infinite splitShowcaseNodeLoop}.split-showcase__card--active .split-showcase__constellation-node--4{animation:8s ease-out 1.1s infinite splitShowcaseNodeLoop}.split-showcase__card--active .split-showcase__constellation-node--5{animation:8s ease-out .3s infinite splitShowcaseNodeLoop}@keyframes splitShowcaseNodeLoop{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0}}.split-showcase__card--active .split-showcase__constellation-label{animation:.4s ease-out 2.5s forwards splitShowcaseLabelFadeIn}@keyframes splitShowcaseLabelFadeIn{to{opacity:1}}@media (prefers-reduced-motion:reduce){.split-showcase__card--active .split-showcase__face-box--ai,.split-showcase__card--active .split-showcase__task-dial{animation:none}.split-showcase__card--active .split-showcase__face-box--ai{opacity:1;transform:scale(1)}.split-showcase__card--active .split-showcase__task-dial{opacity:1}.split-showcase__task-item--completed .split-showcase__task-check{opacity:1;transform:scale(1)}.split-showcase__card--active .split-showcase__face-box--team,.split-showcase__card--active .split-showcase__benefits-list{animation:none}.split-showcase__card--active .split-showcase__face-box--team{opacity:1;transform:scale(1)}.split-showcase__card--active .split-showcase__benefits-list{opacity:1}.split-showcase__benefit-item--completed .split-showcase__benefit-check{opacity:1;transform:scale(1)}.split-showcase__card--active .split-showcase__constellation-svg,.split-showcase__card--active .split-showcase__constellation-line,.split-showcase__card--active .split-showcase__constellation-node,.split-showcase__card--active .split-showcase__constellation-label{animation:none}.split-showcase__card--active .split-showcase__constellation-svg{opacity:1}.split-showcase__card--active .split-showcase__constellation-line{stroke-dashoffset:0}.split-showcase__card--active .split-showcase__constellation-node,.split-showcase__card--active .split-showcase__constellation-label{opacity:1}}@media (max-width:1024px){.split-showcase{padding:60px 40px}.split-showcase__grid{grid-template-columns:1fr}}@media (max-width:768px){.split-showcase{padding:10px 20px 48px}.split-showcase__grid{gap:12px}.split-showcase__card{border-radius:12px}.split-showcase__card-image{aspect-ratio:4/3}.split-showcase__overlay{transform-origin:50%;background:0 0;transform:scale(.65)}.split-showcase__card-icon{width:28px;height:28px;margin:16px 20px 8px}.split-showcase__card-icon svg{width:16px;height:16px}.split-showcase__card-title{font-size:var(--text-body-md,17px);margin:0 20px 6px;line-height:1.25}.split-showcase__card-desc{font-size:var(--text-caption-lg,13px);margin:0 20px 16px;line-height:1.5}}