
.motion-visual{position:relative;overflow:hidden;margin:0;border:1px solid #28575e;border-radius:24px;background:radial-gradient(ellipse at 50% 43%,#16474e 0%,#102e38 57%,#091f28 100%);color:#14b8a6;box-shadow:0 24px 60px #102e3820;min-width:0}
.motion-top{display:flex;align-items:center;gap:9px;padding:25px 26px 0;font-size:10px;letter-spacing:2px;color:#a4d4d4;font-weight:700}.motion-stage{position:relative;height:340px;display:grid;place-items:center;isolation:isolate}.motion-network{position:absolute;width:100%;height:100%;opacity:.26;stroke-width:1;animation:network-breathe 10s ease-in-out infinite}.motion-halo{position:absolute;width:205px;height:205px;border:1px solid #14b8a63d;border-radius:50%;box-shadow:0 0 65px #14b8a617,inset 0 0 60px #14b8a60a;animation:halo-expand 10s ease-in-out infinite}.initials{display:flex;gap:17px;font:bold 110px/1 Verdana,sans-serif;letter-spacing:-9px;color:#69e6d4;text-shadow:0 0 45px #14b8a64d;animation:initial-transform 10s ease-in-out infinite}.initials span:last-child{color:#ecfffc}.expanded-brand{position:absolute;display:flex;align-items:center;flex-direction:column;animation:brand-reveal 10s ease-in-out infinite}.expanded-apex{font:bold 62px/1.15 Verdana,sans-serif;letter-spacing:9px;padding-left:9px;color:#f0fffc}.expanded-integrations{font:bold 17px/1.4 Verdana,sans-serif;letter-spacing:5px;padding-left:5px;color:#62dfcf;margin-top:9px}.brand-rule{width:60px;height:3px;background:#14b8a6;margin-top:24px;border-radius:4px}.network-tag{position:absolute;font-size:9px;letter-spacing:1.8px;color:#a4caca;background:#102e38b0;border:1px solid #326068;padding:6px 10px;border-radius:20px}.tag-one{top:47px;left:25px}.tag-two{top:70px;right:20px}.tag-three{bottom:25px;right:36px}.motion-visual figcaption{padding:0 26px 28px;text-align:center;color:#b8d1d3;font-size:12px}.motion-toggle{position:absolute;right:14px;bottom:8px;background:transparent;border:0;color:#8ab6bb;font:9px Verdana,sans-serif;padding:6px;cursor:pointer}.motion-paused *{animation-play-state:paused!important}
@keyframes initial-transform{0%,20%{opacity:1;transform:scale(1);filter:blur(0)}32%,76%{opacity:0;transform:scale(1.3);filter:blur(10px)}88%,100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes brand-reveal{0%,23%{opacity:0;transform:translateY(14px) scale(.85);filter:blur(8px)}36%,70%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}82%,100%{opacity:0;transform:translateY(-8px) scale(1.05);filter:blur(8px)}}
@keyframes halo-expand{0%,20%,100%{transform:scale(1);opacity:1}38%,70%{transform:scale(1.3);opacity:.45}}
@keyframes network-breathe{0%,100%{opacity:.2;transform:scale(.97)}45%,65%{opacity:.4;transform:scale(1.03)}}
@media(max-width:760px){.motion-stage{height:300px}.expanded-apex{font-size:54px}.expanded-integrations{font-size:14px;letter-spacing:4px}.motion-top{padding:22px 22px 0}.motion-visual figcaption{padding:0 18px 30px}.tag-one{left:15px}.tag-two{right:15px}.tag-three{right:22px}}
@media(prefers-reduced-motion:reduce){.motion-visual *{animation:none!important}.initials{display:none}.expanded-brand{opacity:1}.motion-toggle{display:none}}
@media(max-width:760px){.hero{padding-top:28px;gap:30px}.motion-visual{order:-1}.motion-stage{height:240px}.motion-halo{width:165px;height:165px}.initials{font-size:90px}.motion-top{padding-top:18px}.tag-one{top:26px}.tag-two{top:42px}.tag-three{bottom:14px}.motion-visual figcaption{padding-bottom:28px}}

.concept-nav{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;background:#102e38;color:#d8eeeb;padding:12px 18px;font:12px Verdana,sans-serif}.concept-nav span{font-size:9px;letter-spacing:2px;color:#7bbcb4}.concept-nav a{padding:7px 10px;border:1px solid #42676c;border-radius:5px;text-decoration:none}.concept-orbit .concept-nav a[href^="orbit"],.concept-expand .concept-nav a[href^="expand"],.concept-assemble .concept-nav a[href^="assemble"]{background:#14b8a6;color:#102e38;border-color:#14b8a6}
.concept-expand .motion-visual{background:#e2f5f0;color:#087f73;border:1px solid #b3dfd5;border-radius:8px;box-shadow:14px 14px 0 #c8e8e1}.concept-expand .motion-top{color:#087f73}.concept-expand .motion-stage{background:linear-gradient(90deg,transparent 49.7%,#087f730a 50%,transparent 50.3%);}.concept-expand .motion-network,.concept-expand .motion-halo,.concept-expand .expanded-brand,.concept-expand .network-tag{display:none}.concept-expand figcaption,.concept-expand .motion-toggle{color:#456a66}.kinetic-word{color:#102e38;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font:30px/1.25 Verdana,sans-serif;letter-spacing:-1px}.kinetic-word>div{display:flex;align-items:baseline}.kinetic-word b{font-size:64px;color:#087f73}.word-tail{overflow:hidden;white-space:nowrap;display:inline-block;max-width:0;opacity:0;animation:word-unfold 10s cubic-bezier(.22,1,.36,1) infinite}.kinetic-word div:nth-child(2) .word-tail{animation-delay:.15s}.concept-expand .kinetic-word{animation:word-shift 10s ease-in-out infinite}.concept-expand .motion-stage:after{content:'';position:absolute;bottom:40px;left:26px;right:26px;height:1px;background:#087f732b}
@keyframes word-unfold{0%,18%,100%{max-width:0;opacity:0;filter:blur(4px)}38%,76%{max-width:260px;opacity:1;filter:blur(0)}92%{max-width:0;opacity:0;filter:blur(4px)}}@keyframes word-shift{0%,18%,100%{transform:translateX(40px)}38%,76%{transform:translateX(0)}92%{transform:translateX(40px)}}
.concept-assemble .motion-visual{background:linear-gradient(135deg,#0b212b,#133c42);border-radius:4px}.concept-assemble .motion-network{opacity:.13;animation:none}.concept-assemble .motion-halo{border-radius:25px;width:180px;height:180px;transform:rotate(45deg);animation:none;border-color:#14b8a62b}.concept-assemble .initials{font-size:80px;animation:assemble-initials 12s ease-in-out infinite}.assembled-mark{position:absolute;width:118px;height:118px;animation:mark-reveal 12s ease-in-out infinite}.assembled-mark svg{width:100%;height:100%;fill:#62dfcf}.piece-left{animation:left-assemble 12s ease-in-out infinite}.piece-right{fill:#e0fff7;animation:right-assemble 12s ease-in-out infinite}.concept-assemble .expanded-brand{animation:assemble-brand 12s ease-in-out infinite}.concept-assemble .expanded-apex{font-size:46px}.concept-assemble .expanded-integrations{font-size:13px;letter-spacing:4px}.concept-assemble .network-tag{border-radius:3px}
@keyframes assemble-initials{0%,12%,100%{opacity:1;transform:scale(1)}23%,90%{opacity:0;transform:scale(.8)}}@keyframes mark-reveal{0%,15%,100%{opacity:0;transform:translateY(0) scale(.9)}28%,42%{opacity:1;transform:translateY(0) scale(1)}55%,80%{opacity:1;transform:translateY(-75px) scale(.65)}92%{opacity:0;transform:translateY(-75px) scale(.65)}}@keyframes left-assemble{0%,15%{transform:translate(-30px,25px);opacity:0}28%,90%{transform:translate(0,0);opacity:1}100%{opacity:0}}@keyframes right-assemble{0%,18%{transform:translate(30px,25px);opacity:0}31%,90%{transform:translate(0,0);opacity:1}100%{opacity:0}}@keyframes assemble-brand{0%,43%,100%{opacity:0;transform:translateY(35px);filter:blur(4px)}56%,80%{opacity:1;transform:translateY(38px);filter:blur(0)}92%{opacity:0;transform:translateY(38px);filter:blur(4px)}}
@media(max-width:760px){.concept-nav{gap:6px;font-size:10px;padding:8px}.concept-nav a{padding:7px 8px}.kinetic-word{font-size:25px}.kinetic-word b{font-size:48px}.concept-expand .motion-visual{box-shadow:6px 6px 0 #c8e8e1}.concept-assemble .expanded-apex{font-size:38px}.concept-assemble .expanded-integrations{font-size:11px;letter-spacing:3px}.concept-assemble .assembled-mark{width:100px;height:100px}.concept-assemble .motion-halo{width:140px;height:140px}}
@media(prefers-reduced-motion:reduce){.kinetic-word,.word-tail,.assembled-mark,.piece-left,.piece-right{animation:none!important}.word-tail{opacity:1;max-width:260px}.concept-assemble .assembled-mark{opacity:1;transform:translateY(-75px) scale(.65)}.concept-assemble .expanded-brand{opacity:1;transform:translateY(38px);filter:none}}

.assembled-tagline{font:12px/1.5 Verdana,sans-serif;color:#c0deda;text-align:center;margin-top:12px;letter-spacing:.2px}.concept-assemble:has(.assembled-tagline, .animated-caption) .brand-rule{margin-top:12px;width:40px}.concept-assemble:has(.assembled-tagline, .animated-caption) .motion-network{display:none}.concept-assemble:has(.assembled-tagline, .animated-caption) .motion-halo{width:200px;height:200px;border-radius:50%;transform:none}.system-node{position:absolute;z-index:2;display:flex;align-items:center;gap:5px;font:bold 8px/1.2 Verdana,sans-serif;letter-spacing:.5px;color:#b3e1da;border:1px solid #36736e;background:#153b42;padding:10px 9px;border-radius:7px;animation:nodes-reveal 12s ease-in-out infinite}.system-node span{font-size:17px;color:#53dfc7;font-weight:400}.node-tools{left:15px;top:47px}.node-apps{right:15px;top:47px}.node-data{left:15px;bottom:46px}.node-flow{right:15px;bottom:46px}.system-links{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:#5ce2cc;stroke:#14b8a6;stroke-width:1;animation:nodes-reveal 12s ease-in-out infinite}.system-links path{fill:none;opacity:.5}.concept-assemble:has(.assembled-tagline, .animated-caption) .expanded-apex{font-size:39px;letter-spacing:5px}.concept-assemble:has(.assembled-tagline, .animated-caption) .expanded-integrations{font-size:11px;letter-spacing:3px}.concept-assemble:has(.assembled-tagline, .animated-caption) .motion-stage{height:370px}
@keyframes nodes-reveal{0%,35%,100%{opacity:0;transform:scale(.92)}55%,83%{opacity:1;transform:scale(1)}93%{opacity:0;transform:scale(.96)}}
@media(max-width:760px){.concept-assemble:has(.assembled-tagline, .animated-caption) .motion-stage{height:300px}.system-node{font-size:6px;padding:8px 6px;gap:4px;letter-spacing:.2px}.system-node span{font-size:14px}.node-tools,.node-data{left:9px}.node-apps,.node-flow{right:9px}.node-tools,.node-apps{top:25px}.node-data,.node-flow{bottom:25px}.concept-assemble:has(.assembled-tagline, .animated-caption) .expanded-apex{font-size:34px}.concept-assemble:has(.assembled-tagline, .animated-caption) .expanded-integrations{font-size:9px;letter-spacing:2.4px}.assembled-tagline{font-size:10px}.concept-assemble:has(.assembled-tagline, .animated-caption) .motion-halo{width:175px;height:175px}}
@media(prefers-reduced-motion:reduce){.system-node,.system-links{animation:none!important;opacity:1;transform:none}.system-links circle{display:none}}

.brand-lockup{display:flex;flex-direction:column;gap:7px}.brand .logo-tagline{font:9px/1.4 Verdana,Geneva,sans-serif;letter-spacing:0;color:#536770;white-space:nowrap}.brand:has(.brand-lockup){align-items:center;gap:12px}.brand:has(.brand-lockup)>img{width:48px;height:48px}.brand-lockup .wordmark{gap:3px}
@media(max-width:760px){.brand .logo-tagline{font-size:8px}.brand:has(.brand-lockup)>img{width:42px;height:42px}.brand-lockup{gap:5px}.brand:has(.brand-lockup){gap:10px}}

.animated-caption span{display:inline-block;color:#d0f1eb;animation:caption-reveal 12s ease-in-out infinite}.animated-caption span:nth-child(2){animation-delay:.3s}.animated-caption{font-weight:500;letter-spacing:.2px}
@keyframes caption-reveal{0%,25%,100%{opacity:.25;transform:translateY(5px)}48%,88%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.animated-caption span{animation:none!important;opacity:1;transform:none}}

.contact-option-clean #contact-details{display:none}.contact-option-clean #contact-cta{margin-top:8px}.contact-brand{display:flex;align-items:center;gap:12px;margin:27px 0 24px}.contact-brand>span{display:flex;flex-direction:column;gap:3px}.contact-brand strong{font:bold 22px/1 Verdana,sans-serif;letter-spacing:2px;color:#102e38}.contact-brand small{font:bold 8px/1.4 Verdana,sans-serif;letter-spacing:2px;color:#42676c}.contact-brand-panel{margin-top:26px;background:white;border:1px solid #cbdedc;border-left:3px solid #14b8a6;border-radius:10px;padding:22px}.contact-brand-panel .contact-brand{margin:0 0 22px}.contact-brand-panel #contact-status{margin:16px 0 0}.contact-brand-panel #contact-cta{margin-top:0}
