.diagram-grid{padding:60px 0;font-family:"Satoshi", sans-serif}@media only screen and (max-width:991px){.diagram-grid{padding:40px 0}}@media only screen and (max-width:767px){.diagram-grid__inner{margin-right:-8px}}.diagram-grid__header{text-align:center;margin-bottom:64px;display:flex;flex-direction:column;align-items:center;gap:40px}@media only screen and (max-width:767px){.diagram-grid__header{gap:32px}}.diagram-grid__title{margin:0;font-size:40px;font-weight:900;line-height:1.16;max-width:986px;background:linear-gradient(89deg, #061C37 39.2%, #3F11F7 95.7%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media only screen and (max-width:1100px){.diagram-grid__title{font-size:32px}}@media only screen and (max-width:767px){.diagram-grid__title{font-size:28px;width:100%;max-width:327px}}.diagram-grid__diagram{position:relative;border-radius:0;overflow:hidden;min-height:356px}@media only screen and (max-width:767px){.diagram-grid__diagram{overflow:visible;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:auto}.diagram-grid__diagram::-webkit-scrollbar{display:none}}.diagram-grid__active-bar{position:absolute;left:0;top:0;width:var(--dg-active-bar-width, 25%);height:8px;background:#3F11F7;z-index:2;transition:width 0.35s cubic-bezier(0.4, 0, 0.2, 1)}@media only screen and (max-width:767px){.diagram-grid__active-bar{width:8px;height:var(--dg-active-bar-width, 25%);top:0;left:4px}}.diagram-grid__chart-wrap{position:absolute;width:100%;height:113px;overflow:visible;top:43px;z-index:1;pointer-events:none}@media only screen and (max-width:767px){.diagram-grid__chart-wrap{right:16px;left:auto;top:0;height:100%;width:113px}}.diagram-grid__chart-icon{position:absolute;right:67px;top:110px;transform:translateY(-50%);width:56px;height:56px;display:block;z-index:20;pointer-events:none}@media only screen and (max-width:991px){.diagram-grid__chart-icon{right:20px;top:80px}}@media only screen and (max-width:767px){.diagram-grid__chart-icon{top:auto;bottom:82px;right:40px}}.diagram-grid__chart-icon img{width:100%;height:100%;object-fit:cover}.diagram-grid__chart-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center}@media only screen and (max-width:767px){.diagram-grid__chart-img--desktop{display:none}}.diagram-grid__chart-img--mobile{display:none}@media only screen and (max-width:767px){.diagram-grid__chart-img--mobile{display:block;object-fit:fill;object-position:center}}.diagram-grid__chart-svg{position:absolute;top:10px;left:0;width:100%;height:100%;object-fit:fill;z-index:2;height:18px}@media only screen and (max-width:767px){.diagram-grid__chart-svg{padding-left:21px}}.diagram-grid__chart-svg .diagram-grid__chart-ruler--mobile{display:none}@media only screen and (max-width:767px){.diagram-grid__chart-svg{top:0;left:0;width:12px;height:100%;bottom:0;z-index:10}.diagram-grid__chart-svg .diagram-grid__chart-ruler--desktop{display:none}.diagram-grid__chart-svg .diagram-grid__chart-ruler--mobile{display:block;width:12px;height:100%}}.diagram-grid__items{display:flex;flex-wrap:nowrap}@media only screen and (max-width:767px){.diagram-grid__items{flex-direction:column;padding-left:21px}}.diagram-grid__item{flex:1 1 354px;min-width:0;padding:16px 16px 20px 16px;position:relative;height:354px;transition:background-color 0.35s ease, height 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.3s ease;display:flex;flex-direction:column;justify-content:end;border-right:1px solid rgba(6, 28, 55, 0.1);border-bottom:1px solid #061C3780;overflow:hidden}@media only screen and (max-width:767px){.diagram-grid__item{border-right:none;overflow:visible;border-bottom:1px solid rgba(6, 28, 55, 0.1)}}.diagram-grid__item:first-child{border-left:1px solid rgba(6, 28, 55, 0.1)}@media only screen and (max-width:767px){.diagram-grid__item:first-child{border-left:none;border-top:1px solid rgba(6, 28, 55, 0.1)}}.diagram-grid__item:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% - 80px);background:#F7F7FF80;z-index:1;transition:opacity 0.35s ease, visibility 0.35s ease}@media only screen and (max-width:767px){.diagram-grid__item:before{height:100%}}.diagram-grid__item:nth-child(1){height:263px}.diagram-grid__item:nth-child(1).diagram-grid__item--active{height:346px}.diagram-grid__item:nth-child(2){height:244px}.diagram-grid__item:nth-child(2).diagram-grid__item--active{height:330px}.diagram-grid__item:nth-child(3){height:220px}.diagram-grid__item:nth-child(3).diagram-grid__item--active{height:314px}.diagram-grid__item:nth-child(4){height:196px}.diagram-grid__item:nth-child(4).diagram-grid__item--active{height:298px}@media only screen and (max-width:767px){.diagram-grid__item{padding:16px 33px;flex:0 0 auto;min-height:290px;max-height:290px}}.diagram-grid__item--active{background:#fff;border-bottom:none;padding:16px;border-left-color:rgba(63, 17, 247, 0.2)}@media only screen and (max-width:767px){.diagram-grid__item--active{padding:16px 33px}}.diagram-grid__item--active:before{opacity:0;visibility:hidden;pointer-events:none}.diagram-grid__item--active .diagram-grid__number{color:#3F11F7;transform:scale(1.02)}@media only screen and (max-width:767px){.diagram-grid__item--active .diagram-grid__number{transform:none}}.diagram-grid__item--active .diagram-grid__label{transform:translateX(2px)}@media only screen and (max-width:767px){.diagram-grid__item--active .diagram-grid__label{transform:none}}.diagram-grid__item--active .diagram-grid__item-desc{display:block !important;opacity:1 !important;visibility:visible !important;transform:translateY(0) scale(1);letter-spacing:0.01em}.diagram-grid__item .diagram-grid__number{transition:color 0.3s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1)}.diagram-grid__item .diagram-grid__label{transition:color 0.3s ease, transform 0.3s ease}@media (hover:hover){.diagram-grid__item:hover .diagram-grid__item-desc{display:block;opacity:1;visibility:visible;transform:translateY(0) scale(1);letter-spacing:0.01em}.diagram-grid__item:hover:not(.diagram-grid__item--active) .diagram-grid__number{color:rgba(63, 17, 247, 0.85)}}.diagram-grid__item:not(.diagram-grid__item--active):not(:hover) .diagram-grid__item-desc{display:none !important}@media (hover:none){.diagram-grid__item:not(.diagram-grid__item--active) .diagram-grid__item-desc{display:none !important;opacity:0 !important;visibility:hidden !important}}.diagram-grid__item-inner{display:flex;flex-direction:column;gap:24px}@media only screen and (max-width:767px){.diagram-grid__item-inner{gap:16px;height:100%;justify-content:space-between}}.diagram-grid__item-top{display:flex;flex-direction:column;gap:3px}.diagram-grid__number{margin:0;font-family:"Jersey 20", sans-serif;font-size:44px;line-height:1;color:#061C37;letter-spacing:0.3px}.diagram-grid__label{margin:0;font-size:14px;font-weight:400;color:rgba(6, 28, 55, 0.6);line-height:100%;letter-spacing:0.3px}.diagram-grid__label br{display:none}@media only screen and (max-width:767px){.diagram-grid__label{line-height:1.2}.diagram-grid__label br{display:block}}.diagram-grid__item-desc{font-size:14px;font-weight:400;line-height:1.56;color:#061C37;max-width:245px;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.97);transform-origin:bottom left;letter-spacing:0.03em;transition:opacity 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.5s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), letter-spacing 0.45s ease}@media only screen and (max-width:767px){.diagram-grid__item-desc{opacity:1;visibility:visible;transform:none;letter-spacing:normal;max-width:135px}.diagram-grid__item-desc p{opacity:1;transform:none}}.diagram-grid__item-desc.is-visible,.diagram-grid__item--active .diagram-grid__item-desc{opacity:1;visibility:visible;transform:translateY(0) scale(1);letter-spacing:0.01em}@media (hover:hover){.diagram-grid__item:hover .diagram-grid__item-desc{opacity:1;visibility:visible;transform:translateY(0) scale(1);letter-spacing:0.01em}}.diagram-grid__item-desc.is-visible{display:block}.diagram-grid__item-desc p{opacity:0;transform:translateY(10px);transition:opacity 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s, transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s}.diagram-grid__item--active .diagram-grid__item-desc p{opacity:1;transform:translateY(0)}@media (hover:hover){.diagram-grid__item:hover .diagram-grid__item-desc p{opacity:1;transform:translateY(0)}}.diagram-grid__item-desc p:nth-child(1){transition-delay:0.1s}.diagram-grid__item-desc p:nth-child(2){transition-delay:0.18s}.diagram-grid__item-desc p:nth-child(3){transition-delay:0.26s}.diagram-grid__item-desc p:last-child{margin-bottom:0}/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22http%3A%2F%2Foxsecurity.local%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fthemes%2Foxsecurity%2Fscss%2Fblock-diagram-grid.scss%22%2C%22wp-content%2Fthemes%2Foxsecurity%2Fscss%2F_variable.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAMA%2CcAAA%2CgDAAA%2CCCyEC%2CyCAAA%2CcAAA%2CcAAA%2CCAAA%2CCAKA%2CyCAAA%2CqBAAA%2CiBAAA%2CCAAA%2CCD%2FDG%2CsBAAA%2CmGAAA%2CCC%2BDH%2CyCAAA%2CsBAAA%2CQAAA%2CCAAA%2CCDlDG%2CqBAAA%2CgPAAA%2CCC8BH%2C0CAAA%2CqBAAA%2CcAAA%2CCAAA%2CCAoBA%2CyCAAA%2CqBAAA%2CyCAAA%2CCAAA%2CCD3BG%2CuBAAA%2CkEAAA%2CCC2BH%2CyCAAA%2CuBAAA%2CsGAAA%2CCDhBW%2C0CAAA%2CYAAA%2CCAAA%2CCAMR%2C0BAAA%2CgKAAA%2CCCUH%2CyCAAA%2C0BAAA%2C%2BDAAA%2CCAAA%2CCDQG%2C0BAAA%2CiGAAA%2CCCRH%2CyCAAA%2C0BAAA%2CkDAAA%2CCAAA%2CCDyBG%2C0BAAA%2CqIAAA%2CCC9BH%2CyCAAA%2C0BAAA%2CmBAAA%2CCAAA%2CCAKA%2CyCAAA%2C0BAAA%2C%2BBAAA%2CCAAA%2CCD6CO%2C8BAAA%2CuCAAA%2CCAOJ%2CyBAAA%2C8FAAA%2CCCpDH%2CyCAAA%2CkCAAA%2CYAAA%2CCAAA%2CCDkEO%2CiCAAA%2CYAAA%2CCClEP%2CyCAAA%2CiCAAA%2CoDAAA%2CCAAA%2CCD4EG%2CyBAAA%2C8FAAA%2CCC5EH%2CyCAAA%2CyBAAA%2CiBAAA%2CCAAA%2CCDwFO%2C4DAAA%2CYAAA%2CCCxFP%2CyCAAA%2CyBAAA%2CuDAAA%2CCDoGW%2C6DAAA%2CYAAA%2CCAIA%2C4DAAA%2CoCAAA%2CCAAA%2CCAQR%2CqBAAA%2C6BAAA%2CCChHH%2CyCAAA%2CqBAAA%2CuCAAA%2CCAAA%2CCDyHG%2CoBAAA%2CiaAAA%2CCCzHH%2CyCAAA%2CoBAAA%2C%2BEAAA%2CCAAA%2CCD%2BIO%2CgCAAA%2C0CAAA%2CCC%2FIP%2CyCAAA%2CgCAAA%2C0DAAA%2CCAAA%2CCDuJO%2C2BAAA%2CiKAAA%2CCCvJP%2CyCAAA%2C2BAAA%2CWAAA%2CCAAA%2CCDqKO%2CiCAAA%2CYAAA%2CCAEI%2C4DAAA%2CYAAA%2CCAKJ%2CiCAAA%2CYAAA%2CCAEI%2C4DAAA%2CYAAA%2CCAKJ%2CiCAAA%2CYAAA%2CCAEI%2C4DAAA%2CYAAA%2CCAKJ%2CiCAAA%2CYAAA%2CCAEI%2C4DAAA%2CYAAA%2CCC5LX%2CyCAAA%2CoBAAA%2CiEAAA%2CCAAA%2CCD0MO%2C4BAAA%2CwFAAA%2CCC1MP%2CyCAAA%2C4BAAA%2CiBAAA%2CCAAA%2CCDkNW%2CmCAAA%2C%2BCAAA%2CCAMA%2CkDAAA%2CmCAAA%2CCCxNX%2CyCAAA%2CkDAAA%2CcAAA%2CCAAA%2CCDgOW%2CiDAAA%2CyBAAA%2CCChOX%2CyCAAA%2CiDAAA%2CcAAA%2CCAAA%2CCDuOW%2CqDAAA%2CkIAAA%2CCASJ%2C0CAAA%2C6EAAA%2CCAIA%2CyCAAA%2C%2BCAAA%2CCAIA%2CqBACI%2CmDAAA%2CiGAAA%2CCASI%2CiFAAA%2C6BAAA%2CCAAA%2CCAOR%2C0FAAA%2CuBAAA%2CCAIA%2CoBACI%2C8EAAA%2CyEAAA%2CCAAA%2CCAQR%2C0BAAA%2C2CAAA%2CCCtRH%2CyCAAA%2C0BAAA%2CkDAAA%2CCAAA%2CCDkSG%2CwBAAA%2C0CAAA%2CCAMA%2CsBAAA%2C4GAAA%2CCASA%2CqBAAA%2CwGAAA%2CCAOI%2CwBAAA%2CYAAA%2CCCxTP%2CyCAAA%2CqBAAA%2CeAAA%2CCD6TW%2CwBAAA%2CaAAA%2CCAAA%2CCAMR%2CyBAAA%2CgWAAA%2CCCnUH%2CyCAAA%2CyBAAA%2CiFAAA%2CCD0VW%2C2BAAA%2CwBAAA%2CCAAA%2CCAMJ%2CyFAAA%2CmFAAA%2CCAOA%2CqBACI%2CmDAAA%2CmFAAA%2CCAAA%2CCAQJ%2CoCAAA%2CaAAA%2CCAIA%2C2BAAA%2C4JAAA%2CCAMI%2CuDAAA%2CiCAAA%2CCAIA%2CqBACI%2CqDAAA%2CiCAAA%2CCAAA%2CCAMJ%2CwCAAA%2CqBAAA%2CCACA%2CwCAAA%2CsBAAA%2CCACA%2CwCAAA%2CsBAAA%2CCAGJ%2CsCAAA%2CeAAA%22%7D */