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