.methodology-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.methodology-bg__base{background:var(--dark-blue-700);position:absolute;inset:0}.methodology-bg__dots{opacity:.6;background-image:radial-gradient(#2ea8ff1f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.methodology-numbers{height:6rem;margin-bottom:1rem;display:none;position:relative}@media (width>=1024px){.methodology-numbers{display:block}}.methodology-number{color:#ffffff0f;opacity:0;font-family:Hanken Grotesk,sans-serif;font-size:6rem;font-weight:200;line-height:1;transition:opacity .55s,transform .55s;position:absolute;top:0;left:0;transform:translateY(40px)}.methodology-number.is-active{opacity:1;transform:translateY(0)}.methodology-number.is-leaving{opacity:0;transform:translateY(-40px)}.methodology-text-wrapper{min-height:360px;position:relative}@media (width>=640px){.methodology-text-wrapper{min-height:320px}}@media (width>=1024px){.methodology-text-wrapper{min-height:380px;-webkit-mask-image:linear-gradient(#fff 0% 55%,#0000 82%);mask-image:linear-gradient(#fff 0% 55%,#0000 82%)}}.methodology-phase{pointer-events:none;opacity:0;width:100%;transition:opacity .65s,transform .65s;position:absolute;top:0;left:0;transform:translateY(80px)}.methodology-phase.is-active{pointer-events:auto;opacity:1;transform:translateY(0)}.methodology-phase.is-leaving{opacity:0;transform:translateY(-80px)}.methodology-highlight{display:none}.methodology-diagram{z-index:2;box-sizing:content-box;width:450px;height:450px;padding:20px;position:relative;overflow:visible}@media (width<=620px){.methodology-diagram{width:320px;height:320px;padding:12px}}@media (width<=430px){.methodology-diagram{width:280px;height:280px;padding:10px}}.methodology-circle{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.methodology-circle__track{stroke:#fff}.methodology-circle__progress{stroke:#fff;transition:stroke-dashoffset .6s}.methodology-dot{fill:#3a4f63;stroke:#5a6e80;stroke-width:3px;transition:fill .3s,stroke .3s,filter .3s}.methodology-dot.is-active{fill:var(--blue-600);stroke:#5a6e80;stroke-width:5px}.methodology-icons{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.methodology-icon{opacity:0;justify-content:center;align-items:center;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0;transform:scale(.9)}.methodology-icon.is-active{opacity:1;transform:scale(1)}.methodology-icon.is-active:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#2ea8ff66 0%,#2563eb26 40%,#0000 70%);border-radius:50%;width:80px;height:80px;position:absolute}.methodology-icon__svg{width:8rem;height:8rem}@media (width>=480px){.methodology-icon__svg{width:9rem;height:9rem}}@media (width>=769px){.methodology-icon__svg{width:10rem;height:10rem}}@media (width>=1024px){.methodology-icon__svg{width:11rem;height:11rem}}.methodology-diagram-unit{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.methodology-diagram-row{align-items:center;gap:1rem;display:flex}.methodology-nav-side{display:none}.methodology-nav-bottom{z-index:10;justify-content:center;gap:.75rem;margin-top:1rem;display:flex;position:relative}@media (width<=767px){.methodology-nav-bottom{order:-1;margin-top:0;margin-bottom:1rem}}@media (width>=768px) and (width<=1023px){.methodology-nav-side{display:block}.methodology-nav-bottom{display:none}}.methodology-indicators{justify-content:center;gap:.75rem;margin-top:4rem;display:none}@media (width>=1024px){.methodology-indicators{display:flex}}.methodology-layout{grid-template-columns:repeat(1,minmax(0,1fr));align-items:center;gap:1.5rem;display:grid}@media (width>=768px){.methodology-layout{gap:1.5rem}.methodology-phase h2,.methodology-phase p{text-align:center;margin-left:auto;margin-right:auto}}@media (width>=1024px){.methodology-layout{grid-template-columns:1fr 1fr;gap:5rem}.methodology-phase h2,.methodology-phase p{text-align:left;margin-left:0;margin-right:0}}.methodology-diagram-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}@media (width>=1024px){.methodology-diagram-wrapper{align-items:flex-end}}.methodology-diagram-svg{pointer-events:none;z-index:0;opacity:.9;width:260%;max-width:850px;height:auto;position:absolute;top:45%;left:40%;transform:translate(-50%,-10%)}@media (width>=768px){.methodology-diagram-svg{width:220%;max-width:850px;top:49%;left:-67%;transform:translateY(-15%)}}@media (width>=768px) and (width<=1023px){.methodology-diagram-svg{width:205%;max-width:1400px;margin-right:-240px;top:57%;transform:translateY(-26%)}}@media (width>=1024px){.methodology-diagram-svg{width:230%;max-width:1000px;top:57%;right:-36%;transform:translateY(-25%)}}@media (width>=1280px){.methodology-diagram-svg{width:260%;max-width:1200px;right:calc(-43% - 10px);transform:translate(-8%,-34%)}}.methodology-indicator{box-sizing:content-box;cursor:pointer;background:#fff3;border-style:none;border-radius:9999px;width:.625rem;height:.625rem;padding:7px;transition:background .3s,box-shadow .3s}.methodology-indicator:hover{background:#fff6}.methodology-indicator.is-active{--tw-bg-opacity:1;background-color:rgb(82 172 255/var(--tw-bg-opacity,1));box-shadow:0 0 12px #2ea8ff80}
