@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in-delayed{opacity:0;animation:1.2s ease-out .3s forwards fadeInFromTop}
@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-slide-in-right{animation:.3s ease-out forwards slide-in-right;transform:translate(0)}.animate-slide-out-left{animation:.3s ease-out forwards slide-out-left}.animate-slide-out-right{animation:.3s ease-out forwards slide-out-right}
.hero-diagram-container{width:100%;max-width:1200px;height:456px;position:relative}@media (max-width:768px){.hero-diagram-container{height:auto;padding:40px 0}}.hero-diagram-center-card{border-radius:12px;justify-content:stretch;align-items:stretch;width:360px;height:210px;padding:0;display:flex;overflow:hidden}@media (min-width:1024px){.hero-diagram-center-card{width:420px;height:240px}}@media (max-width:768px){.hero-diagram-center-card{width:min(92vw,420px);height:210px}}.hero-diagram-logo-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:0;width:100%;height:100%;display:grid;position:relative}.hero-diagram-logo-grid:before{content:"";pointer-events:none;background:linear-gradient(#333,#333) 33.333% 0/1px 100% no-repeat,linear-gradient(#333,#333) 66.666% 0/1px 100% no-repeat,linear-gradient(#333,#333) 0 33.333%/100% 1px no-repeat,linear-gradient(#333,#333) 0 66.666%/100% 1px no-repeat;position:absolute;inset:0}.hero-diagram-logo-cell{justify-content:center;align-items:center;min-height:56px;padding:12px 10px;display:flex}@media (min-width:1024px){.hero-diagram-logo-cell{min-height:64px}}.hero-diagram-animated-line{stroke:#444;stroke-width:2px;stroke-linecap:round;fill:none}.hero-diagram-line-animation{stroke:url(#gradient);stroke-width:2px;stroke-linecap:round;fill:none;opacity:0;transition:opacity .1s}.hero-diagram-line-animation.active{opacity:1}.hero-diagram-svg-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-diagram-main-content{z-index:10;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}@media (max-width:768px){.hero-diagram-main-content{flex-direction:column;gap:32px;height:auto}.hero-diagram-left-tags,.hero-diagram-right-tags{text-align:center;gap:8px;margin:0 auto;flex-flow:wrap!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:none!important;height:auto!important;display:flex!important}.hero-diagram-left-tags{order:1}.hero-diagram-center-wrap{order:2}.hero-diagram-right-tags{order:3}}