.cp-showcase{aspect-ratio:760/600;isolation:isolate;color:#152b47;--ease:cubic-bezier(.65,0,.2,1);--play:running;width:100%;font-family:DM Sans,Arial,sans-serif;position:relative}.cp-showcase *{box-sizing:border-box}.cp-showcase[data-paused=true]{--play:paused}.cp-stage{transform-origin:0 0;width:760px;height:600px;position:absolute}.cp-ambient{z-index:-2;background:radial-gradient(at 60% 45%,#dce8fa90,#0000 65%);position:absolute;inset:40px 0 30px}.cp-orbit{z-index:-1;border:1px solid #4668a311;border-radius:50%;width:580px;height:470px;position:absolute;top:50px;left:85px;transform:rotate(-26deg)}.cp-orbit-two{width:440px;height:550px;top:15px;left:150px;transform:rotate(35deg)}.cp-piece{animation-duration:8s;animation-timing-function:var(--ease);will-change:transform;border:1px solid #fff;border-radius:12px;animation-iteration-count:infinite;position:absolute;overflow:hidden;box-shadow:0 20px 40px -22px #102e5655,0 2px 6px #1d385508}.cp-nav{z-index:5;background:#ffffffec;align-items:center;gap:13px;width:610px;height:54px;padding:0 20px;animation-name:nav;display:flex;top:56px;left:72px}.cp-nav>b{color:#2c61c7;letter-spacing:-3px;font-size:22px}.cp-nav>span{letter-spacing:1.4px;font-size:8px;font-weight:700}.cp-nav>span>span{letter-spacing:2.8px;color:#778498;margin-top:3px;font-size:6px;display:block}.cp-nav>i{flex:1}.cp-nav small{color:#7b889a;font-size:9px}.cp-nav .cp-nav-arrow{margin-left:14px;font-size:20px}.cp-main{z-index:3;background:#fff;width:310px;height:316px;padding:28px;animation-name:main;top:122px;left:72px}.cp-eyebrow{letter-spacing:1.6px;color:#6e8097;font-size:7px;font-weight:600}.cp-main h2{letter-spacing:-1.7px;margin:20px 0 12px;font-size:37px;font-weight:600;line-height:1.06}.cp-main em{color:#3167d0;font-style:normal}.cp-main p{color:#77869b;margin:0 0 20px;font-size:10px;line-height:1.6}.cp-action{color:#fff;background:#183452;border-radius:5px;justify-content:space-between;align-items:center;width:196px;padding:12px;font-size:8px;display:flex}.cp-action>span{font-size:13px}.cp-main-bottom{letter-spacing:.8px;color:#8796a7;align-items:center;gap:6px;margin-top:18px;font-size:6px;display:flex}.cp-main-bottom i{background:#4c7fe0;border-radius:50%;width:4px;height:4px}.cp-art{z-index:2;color:#fff;background:#17365d;border-color:#315582;width:288px;height:316px;animation-name:art;top:122px;left:394px}.cp-art-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:29px 29px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.cp-sculpture{width:230px;height:220px;animation:8s ease-in-out infinite sculpture;position:absolute;top:35px;left:32px;transform:rotate(-28deg)}.cp-ring{background:0 0;border:27px solid #6c9ded;border-radius:50%;width:170px;height:170px;position:absolute;transform:rotateY(24deg)rotateX(25deg);box-shadow:inset 4px 6px 9px #d3e7ffb0,inset -6px -8px 12px #152f63,7px 14px 18px #061d4a80,0 -2px 3px #c1dcff80}.cp-ring-a{z-index:3;top:0;left:0}.cp-ring-b{z-index:2;border-color:#4379c8;top:28px;left:25px}.cp-ring-c{z-index:1;border-color:#285a9f;top:56px;left:50px}.cp-art-index{letter-spacing:1.5px;color:#afc5e4;font-size:6px;position:absolute;top:17px;left:19px}.cp-art-title{letter-spacing:-1px;z-index:4;font-size:27px;font-weight:500;line-height:1.05;position:absolute;bottom:24px;left:24px}.cp-art-title em{color:#a9c9ff;font-style:normal}.cp-art-plus{color:#b6c8e5;font-size:28px;font-weight:200;position:absolute;bottom:24px;right:21px}.cp-metric{z-index:6;background:#fff;width:216px;height:185px;padding:20px;animation-name:metric;top:342px;left:494px}.cp-metric>span{color:#7a8a9e;letter-spacing:1px;justify-content:space-between;font-size:6px;display:flex}.cp-metric>span i{font-size:12px;font-style:normal}.cp-metric>strong{letter-spacing:-.7px;margin:10px 0;font-size:22px;line-height:1.08;display:block}.cp-metric em{color:#3569cc;font-style:normal;font-weight:400}.cp-chart{align-items:end;gap:5px;height:48px;display:flex}.cp-chart i{transform-origin:bottom;animation:bars 8s var(--ease) infinite;background:#dce8fa;border-radius:3px 3px 0 0;flex:1}.cp-chart i:nth-child(3n){background:#7099df}.cp-chart i:last-child{background:#3268cb}.cp-metric-bottom{letter-spacing:.7px;color:#8290a3;border-top:1px solid #e9edf4;justify-content:space-between;margin-top:10px;padding-top:9px;font-size:5px;display:flex}.cp-status{z-index:7;background:#fff;align-items:center;gap:12px;width:330px;height:65px;padding:15px;animation-name:status;display:flex;top:456px;left:42px}.cp-check{color:#396ac2;background:#eaf0fb;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.cp-status strong{font-size:10px;font-weight:600}.cp-status small{color:#8491a2;margin-top:5px;font-size:8px;display:block}.cp-status>span{color:#7890b1;margin-left:auto}.cp-projects{z-index:4;background:#fff;width:340px;height:306px;padding:25px;animation-name:projects;top:155px;left:74px}.cp-project-head{letter-spacing:1px;color:#71849d;justify-content:space-between;font-size:7px;display:flex}.cp-project-head b{letter-spacing:2px}.cp-projects h3{letter-spacing:-1px;margin:20px 0 25px;font-size:29px;font-weight:500;line-height:1.1}.cp-project-row{border-top:1px solid #edf0f5;align-items:center;gap:12px;padding:13px 0;font-size:10px;display:flex}.cp-project-row>i{color:#5278b2;background:#edf3fd;border-radius:6px;place-items:center;width:27px;height:27px;font-size:9px;font-style:normal;display:grid}.cp-project-row small{color:#8b98aa;margin-top:4px;font-size:7px;display:block}.cp-project-row>b{letter-spacing:.8px;color:#5479b2;background:#eff4fc;border-radius:3px;margin-left:auto;padding:5px;font-size:6px}.cp-project-footer{letter-spacing:.8px;color:#8694a8;justify-content:space-between;margin-top:18px;font-size:6px;display:flex}.cp-mobile-label{text-align:center;letter-spacing:2px;color:#7e90aa;width:290px;animation:mobile-label 8s var(--ease) infinite;font-size:7px;position:absolute;top:480px;left:237px}.cp-motion-footer{justify-content:space-between;align-items:center;height:24px;display:flex;position:absolute;bottom:22px;left:42px;right:42px}.cp-phase{color:#55708f;width:290px;height:20px;font-size:10px;position:relative}.cp-phase>span{opacity:0;animation:8s infinite phase;position:absolute;top:4px}.cp-phase>span:nth-child(2){animation-delay:2.56s}.cp-phase>span:nth-child(3){animation-delay:5.12s}.cp-footer-right{align-items:center;gap:14px;display:flex}.cp-footer-right small{color:#8c9bad;font-size:7px}.cp-footer-right button{color:#6e83a1;cursor:pointer;background:0 0;border:0;padding:5px;font-size:13px}.cp-footer-right button:focus-visible{border-radius:3px;outline:2px solid #3869cd}.cp-timeline{background:#dfe6ef;height:1px;position:absolute;bottom:10px;left:42px;right:42px;overflow:hidden}.cp-timeline i{transform-origin:0;background:#6c8dbe;width:100%;height:100%;animation:8s linear infinite timeline;display:block}.cp-showcase *{animation-play-state:var(--play)!important}@keyframes nav{0%,25%,to{transform:translate(0)}34%,58%{transform:translate(14px,15px)scaleX(.49)}67%,91%{transform:translateY(13px)}}@keyframes main{0%,25%,to{transform:translate(0)}34%,58%{transform:translate(164px,12px)scale(.93)}67%,91%{opacity:0;transform:translateY(18px)scale(.88)}92%{opacity:0}}@keyframes art{0%,25%,to{transform:translate(0)rotate(0)}34%,58%{transform:translate(100px,-30px)rotate(8deg)scale(.66)}67%,91%{transform:translate(64px,-15px)rotate(0)scale(.72)}}@keyframes metric{0%,25%,to{transform:translate(0)}34%,58%{transform:translate(-420px,-105px)rotate(-6deg)scale(.88)}67%,91%{transform:translate(-45px,-26px)scale(1.19)}}@keyframes status{0%,25%,to{transform:translate(0)}34%,58%{transform:translate(199px,-49px)scale(.87)}67%,91%{transform:translate(25px,29px)}}@keyframes projects{0%,59%,to{opacity:0;pointer-events:none;transform:translateY(35px)scale(.93)}67%,91%{opacity:1;transform:translateY(0)scale(1)}97%{opacity:0;transform:translateY(20px)scale(.95)}}@keyframes sculpture{0%,to{transform:rotate(-28deg)translateY(0)}50%{transform:rotate(-14deg)translateY(-9px)}}@keyframes bars{0%,60%,to{transform:scaleY(.75)}70%,91%{transform:scaleY(1)}}@keyframes mobile-label{0%,28%,63%,to{opacity:0;transform:translateY(8px)}36%,57%{opacity:1;transform:translateY(0)}}@keyframes phase{0%,28%{opacity:1;transform:translateY(0)}31%,96%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes timeline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.cp-showcase *{animation:none!important}.cp-projects,.cp-mobile-label,.cp-phase>span,.cp-footer-right button,.cp-timeline{display:none}.cp-phase>span:first-child{opacity:1;display:block}}