.connected-art{container-type:inline-size;position:relative;width:100%;aspect-ratio:1.06;background:radial-gradient(ellipse at 22% 12%,#e2f5ff 0,transparent 58%),linear-gradient(135deg,#d9ecff,#c7ddfc 72%,#dcecff);border-radius:24px;overflow:hidden;isolation:isolate;font-family:Arial,Helvetica,sans-serif;box-shadow:inset 0 0 0 1px #cfe1f9;color:#132540}
.ca-grid{position:absolute;inset:11% 15% 12% 16%;background-image:linear-gradient(#97b8e026 1px,transparent 1px),linear-gradient(90deg,#97b8e026 1px,transparent 1px);background-size:2.8cqw 2.8cqw;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);z-index:-1}
.ca-orbit{position:absolute;border:1px solid #83afe837;border-radius:50%;z-index:-1}.ca-orbit-one{width:83%;height:85%;left:7%;top:8%}.ca-orbit-two{width:115%;height:116%;left:-9%;top:-7%}.ca-connections{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.ca-paper-back{position:absolute;width:58%;height:70%;left:26%;top:18%;border-radius:3cqw;background:linear-gradient(125deg,#b2d6ff,#94b9ef);transform:rotate(8deg);box-shadow:0 3cqw 7cqw #477bba22}
.ca-document{position:absolute;left:21%;top:20%;width:60%;height:68%;padding:4cqw;background:linear-gradient(135deg,#ffffffef,#eaf3ffdb);border:1.5px solid #ffffffd9;border-radius:3cqw;transform:rotate(-8deg);box-shadow:0 3cqw 6cqw #497bb52b;z-index:2}
.ca-doc-heading{display:flex;align-items:center;gap:2.3cqw}.ca-document-icon{display:grid;place-items:center;width:9cqw;height:10cqw;background:#d9e7ff;border-radius:2cqw;color:#3875e9;font-size:8cqw;font-weight:400;line-height:1}.ca-doc-heading small{display:block;font-size:2.1cqw;letter-spacing:.18cqw;color:#62728e;margin-bottom:1.3cqw}.ca-doc-heading strong{font-size:4.8cqw;letter-spacing:-.15cqw;white-space:nowrap}.ca-approved{margin-left:auto;align-self:flex-start;display:grid;place-items:center;width:4.5cqw;height:4.5cqw;border-radius:50%;background:#cff0e4;color:#219b65;font-size:3.2cqw;font-weight:bold}
.ca-lines{display:flex;flex-direction:column;gap:1.8cqw;margin-top:5cqw}.ca-lines i{height:1.3cqw;background:#d2dff4;border-radius:1cqw;width:90%}.ca-lines i:nth-child(2){width:100%}.ca-lines i:nth-child(3){width:67%}
.ca-chart{height:23cqw;position:relative;margin-top:2cqw;border-bottom:1px solid #c1d5f3}.ca-bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:2cqw}.ca-bars i{flex:1;border-radius:1.4cqw 1.4cqw 0 0;background:linear-gradient(#88bffa,#bbd9fd);height:34%}.ca-bars i:nth-child(2){height:49%;background:linear-gradient(#74b3f6,#99cbff)}.ca-bars i:nth-child(3){height:44%;background:linear-gradient(#8ca3f5,#becaff)}.ca-bars i:nth-child(4){height:75%;background:linear-gradient(#387fff,#2964dd)}.ca-bars i:nth-child(5){height:68%;background:linear-gradient(#7598f2,#587de1)}.ca-bars i:nth-child(6){height:95%;background:linear-gradient(#2b4b99,#18346d)}.ca-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .5cqw .7cqw #eaf6ff)}
.ca-data{margin-top:3.3cqw}.ca-data>span{display:block;font-size:2.7cqw;color:#526787;margin-bottom:1.4cqw}.ca-data strong{font-size:4cqw;letter-spacing:-.12cqw;white-space:nowrap}.ca-data b{font-weight:400;color:#305fe7}
.ca-glass{background:linear-gradient(125deg,#fffffff5,#e8f4ffdc);border:1.5px solid #ffffffde;box-shadow:0 2.5cqw 5cqw #4d82b92b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ca-system{position:absolute;top:7%;left:5%;display:flex;align-items:center;gap:2.5cqw;padding:3.2cqw;width:57%;border-radius:3cqw;transform:rotate(-3deg);z-index:4}.ca-system-icon{height:10cqw;width:10cqw;display:grid;place-items:center;flex-shrink:0;color:#3865d5;background:linear-gradient(135deg,#dedfff,#cee7ff);border-radius:2.5cqw;font-size:7cqw}.ca-system strong,.ca-it strong{display:block;font-size:3.9cqw;letter-spacing:-.14cqw;margin-bottom:1.4cqw;white-space:nowrap}.ca-system div>span,.ca-it div>span{display:block;font-size:2.5cqw;white-space:nowrap;color:#5d7291}
.ca-seal{position:absolute;right:3.5%;top:15%;height:21cqw;width:21cqw;background:linear-gradient(145deg,#3b8bff,#153b8b);border:1.1cqw solid #347ae4;border-radius:50%;display:grid;place-items:center;transform:rotate(11deg);color:white;z-index:4;box-shadow:0 2cqw 3cqw #426eaa3b}.ca-seal>span{font-size:2.6cqw;line-height:1.4;letter-spacing:-.06cqw}.ca-seal b{font-size:2.7cqw}
.ca-ksef{position:absolute;right:5%;top:44%;width:25%;height:26%;border-radius:2.5cqw;transform:rotate(11deg);padding:2.5cqw;z-index:4}.ca-ksef-top{display:flex;align-items:center;gap:.8cqw;font-size:2.8cqw;color:#3c67c6}.ca-ksef-top b{font-size:2.6cqw;color:#243b65}.ca-ksef-top i{font-style:normal;font-size:2.2cqw;margin-left:auto;color:#2c946c}.ca-mini-lines{display:flex;flex-direction:column;gap:1.4cqw;margin-top:2.7cqw}.ca-mini-lines i{height:1cqw;background:#cbdaf1;border-radius:.5cqw}.ca-mini-lines i:nth-child(2){width:75%}.ca-mini-lines i:nth-child(3){width:90%}.ca-ksef-bottom{position:absolute;bottom:2.5cqw;left:2.5cqw;font-size:1.8cqw;color:#516a91;padding-top:1.8cqw;border-top:1px solid #cddcf2;width:80%}
.ca-it{position:absolute;right:4%;bottom:5%;padding:3cqw;display:flex;align-items:center;gap:2.5cqw;width:57%;border-radius:3cqw;z-index:5}.ca-it-icon{height:11cqw;width:11cqw;background:linear-gradient(145deg,#d5eaff,#b5d9ff);display:grid;place-items:center;font-size:8cqw;color:#386ce9;flex-shrink:0;border-radius:2.8cqw}
.ca-api{position:absolute;top:68%;left:7%;width:10cqw;height:11cqw;display:grid;place-items:center;background:linear-gradient(135deg,#ffffffef,#dbefff);border:1px solid white;border-radius:2.3cqw;transform:rotate(-12deg);box-shadow:0 1cqw 3cqw #6198c533;font-size:3.5cqw;font-weight:700;color:#3d6cbd;z-index:3}.ca-spark{position:absolute;color:#4184ed}.ca-spark-one{left:9%;top:39%;font-size:4cqw}.ca-spark-two{right:6%;top:76%;font-size:4cqw;color:#fff}
@media(max-width:800px){.connected-art{max-width:570px;margin:auto;aspect-ratio:1.06}.hero{gap:32px}}

.ca-lines{margin-top:3cqw}.ca-chart{height:18cqw}.ca-data{margin-top:2cqw}.ca-it{bottom:2%;width:51%;padding:2.5cqw;gap:1.8cqw}.ca-it-icon{height:8.5cqw;width:8.5cqw;font-size:6.5cqw;border-radius:2.2cqw}.ca-it strong{font-size:3.4cqw;margin-bottom:1cqw}.ca-it div>span{font-size:2.2cqw}


/* Calm motion: transforms preserve each card's base angle. */
@keyframes ca-float-system{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-1cqw) rotate(-2deg)}}
@keyframes ca-float-ksef{0%,100%{transform:translateY(0) rotate(11deg)}50%{transform:translateY(-.8cqw) rotate(9deg)}}
@keyframes ca-float-it{0%,100%{transform:translateY(0)}50%{transform:translateY(-.65cqw)}}
@keyframes ca-tilt-seal{0%,100%{transform:rotate(11deg)}50%{transform:rotate(7deg)}}
@keyframes ca-grow-bars{from{transform:scaleY(.12);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes ca-draw-line{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes ca-travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes ca-point-glow{0%,100%{opacity:.2}15%,85%{opacity:1}}
.ca-motion-point{offset-path:path('M95 130C95 260 250 170 305 285S440 350 493 435');animation:ca-travel 7s linear infinite,ca-point-glow 7s linear infinite;filter:drop-shadow(0 0 4px #fff)}
.ca-motion-point.second{offset-path:path('M50 345C175 420 300 240 395 320S500 445 580 350');animation-duration:9s;animation-delay:-4s}
.ca-system{animation:ca-float-system 7s ease-in-out infinite}
.ca-ksef{animation:ca-float-ksef 8.5s ease-in-out infinite;animation-delay:-2s}
.ca-it{animation:ca-float-it 7.8s ease-in-out infinite;animation-delay:-4s}
.ca-seal{animation:ca-tilt-seal 10s ease-in-out infinite}
.ca-bars i{transform-origin:bottom;animation:ca-grow-bars 1.2s cubic-bezier(.2,.7,.2,1) both;animation-delay:.2s}
.ca-bars i:nth-child(2){animation-delay:.3s}.ca-bars i:nth-child(3){animation-delay:.4s}.ca-bars i:nth-child(4){animation-delay:.5s}.ca-bars i:nth-child(5){animation-delay:.6s}.ca-bars i:nth-child(6){animation-delay:.7s}
.ca-chart svg path:first-of-type{stroke-dasharray:1;animation:ca-draw-line 1.7s ease-out .7s both}
.connected-art.ca-motion-paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.connected-art:not(.ca-motion-enabled) *{animation:none!important;transition:none!important}.connected-art:not(.ca-motion-enabled) .ca-motion-point{display:none}.connected-art:not(.ca-motion-enabled) .ca-chart svg path:first-of-type{stroke-dasharray:none;stroke-dashoffset:0}.connected-art:not(.ca-motion-enabled) .ca-bars i{transform:none;opacity:1}}


.art-widget{min-width:0;width:100%}.ca-motion-toggle{display:block;margin:12px 0 0 auto;padding:5px 0;border:0;border-bottom:1px solid #c7d4ed;background:transparent;color:#607392;font-size:11px;cursor:pointer}.ca-motion-toggle:hover{color:#305fe7}