.agr .js-agr{align-items:start;display:grid;gap:clamp(22px,3vw,44px);grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);margin-top:clamp(30px,3.6vw,46px)}.agr-tabs{display:grid;gap:8px}.agr-tab{align-items:baseline;background:hsla(0,0%,100%,.04);border:1px solid var(--dk-line);border-radius:16px;color:var(--dk-mut);cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto minmax(0,1fr);min-height:48px;overflow:hidden;padding:16px 18px;position:relative;text-align:left;transition:background .3s,border-color .3s,color .3s;width:100%}.agr-tab:hover{background:hsla(0,0%,100%,.08)}.agr-tab:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.agr-tn{color:var(--dk-txt);font:700 .76rem/1 var(--mono);letter-spacing:.1em}.agr-tt{color:inherit;font:800 1.04rem/1.3 var(--head)}.agr-tab.is-on{background:hsla(0,0%,100%,.1);border-color:var(--dk-edge);color:#fff}.agr-bar{background:var(--neon);bottom:0;height:3px;left:0;position:absolute;width:0}.agr-on .agr-tab.is-on .agr-bar{transition:width .6s;width:calc(var(--kk,4)*25%)}.agr-on[data-k="0"]{--kk:0}.agr-on[data-k="1"]{--kk:1}.agr-on[data-k="2"]{--kk:2}.agr-on[data-k="3"]{--kk:3}.agr-on[data-k="4"]{--kk:4}.agr-panels{background:hsla(0,0%,100%,.06);border:1px solid var(--dk-line);border-radius:var(--r-lg,24px);padding:clamp(22px,3vw,34px);position:relative}.agr-case+.agr-case{border-top:1px solid var(--dk-line);margin-top:28px;padding-top:28px}.agr-on .agr-case{border:0;display:none;margin:0;padding:0}.agr-on .agr-case.is-on{animation:agrIn .5s cubic-bezier(.22,.61,.36,1);display:block}@keyframes agrIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.agr-h{color:#fff;font:800 1.3rem/1.3 var(--head);margin:0}.agr-on .agr-h{display:none}.agr-t{color:var(--dk-txt);font-size:1.04rem;line-height:1.6;max-width:60ch}.agr-on .agr-t,.agr-t{margin:0}.agr-h+.agr-t{margin-top:8px}.agr-flow{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:24px 0 0;padding:0;position:relative}.agr-flow:before{background:repeating-linear-gradient(90deg,var(--dk-line) 0 6px,transparent 6px 12px);width:calc(75% + 9px)}.agr-flow:after,.agr-flow:before{content:"";height:2px;left:27px;position:absolute;top:27px}.agr-flow:after{background:var(--neon);transition:width .9s cubic-bezier(.22,.61,.36,1);width:calc((75% + 9px)*var(--kf,1))}.agr-on[data-k="0"] .agr-flow:after,.agr-on[data-k="1"] .agr-flow:after{--kf:0}.agr-on[data-k="2"] .agr-flow:after{--kf:.3333}.agr-on[data-k="3"] .agr-flow:after{--kf:.6667}.agr-sg{align-items:flex-start;display:flex;flex-direction:column;padding:0}.agr-ic,.agr-sg{position:relative}.agr-ic{background:#2b1f5c;border:1.5px solid var(--dk-line);border-radius:16px;color:var(--dk-mut);display:grid;height:54px;place-items:center;transition:background .4s,border-color .4s,color .4s,box-shadow .4s;width:54px;z-index:1}.agr-ic svg{height:24px;width:24px}.agr-k{color:var(--dk-mut);font:700 .74rem/1.2 var(--mono);letter-spacing:.1em;margin-top:12px;text-transform:uppercase;transition:color .4s}.agr-sg b{color:var(--dk-txt);font:700 .95rem/1.45 var(--head);margin-top:6px;opacity:.55;transition:opacity .4s,color .4s}.agr-sg small{border:1px solid var(--dk-line);border-radius:999px;color:var(--dk-mut);font:700 .72rem/1.2 var(--head);margin-top:6px;padding:3px 8px}.js-agr:not(.agr-on) .agr-sg b{opacity:1}.agr-on[data-k="1"] .agr-case.is-on .g1 .agr-ic,.agr-on[data-k="2"] .agr-case.is-on .g1 .agr-ic,.agr-on[data-k="2"] .agr-case.is-on .g2 .agr-ic,.agr-on[data-k="3"] .agr-case.is-on .g1 .agr-ic,.agr-on[data-k="3"] .agr-case.is-on .g2 .agr-ic,.agr-on[data-k="3"] .agr-case.is-on .g3 .agr-ic,.agr-on[data-k="4"] .agr-case.is-on .g1 .agr-ic,.agr-on[data-k="4"] .agr-case.is-on .g2 .agr-ic,.agr-on[data-k="4"] .agr-case.is-on .g3 .agr-ic,.agr-on[data-k="4"] .agr-case.is-on .g4 .agr-ic{background:var(--neon);border-color:var(--neon);box-shadow:0 0 0 6px rgba(97,212,195,.16);color:#2b1f5c}.agr-on[data-k="1"] .agr-case.is-on .g1 .agr-k,.agr-on[data-k="2"] .agr-case.is-on .g1 .agr-k,.agr-on[data-k="2"] .agr-case.is-on .g2 .agr-k,.agr-on[data-k="3"] .agr-case.is-on .g1 .agr-k,.agr-on[data-k="3"] .agr-case.is-on .g2 .agr-k,.agr-on[data-k="3"] .agr-case.is-on .g3 .agr-k,.agr-on[data-k="4"] .agr-case.is-on .g1 .agr-k,.agr-on[data-k="4"] .agr-case.is-on .g2 .agr-k,.agr-on[data-k="4"] .agr-case.is-on .g3 .agr-k,.agr-on[data-k="4"] .agr-case.is-on .g4 .agr-k{color:#fff}.agr-on[data-k="1"] .agr-case.is-on .g1 b,.agr-on[data-k="2"] .agr-case.is-on .g1 b,.agr-on[data-k="2"] .agr-case.is-on .g2 b,.agr-on[data-k="3"] .agr-case.is-on .g1 b,.agr-on[data-k="3"] .agr-case.is-on .g2 b,.agr-on[data-k="3"] .agr-case.is-on .g3 b,.agr-on[data-k="4"] .agr-case.is-on .g1 b,.agr-on[data-k="4"] .agr-case.is-on .g2 b,.agr-on[data-k="4"] .agr-case.is-on .g3 b,.agr-on[data-k="4"] .agr-case.is-on .g4 b{color:#fff;opacity:1}.js-agr:not(.agr-on) .agr-ic{background:var(--neon);border-color:var(--neon);color:#2b1f5c}.agr-note{color:var(--dk-mut);font:700 .74rem/1 var(--mono);letter-spacing:.1em;margin:22px 0 0;text-transform:uppercase}@media (max-width:960px){.agr .js-agr{grid-template-columns:1fr}.agr-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}@media (max-width:640px){.agr-flow{gap:16px;grid-template-columns:1fr}.agr-flow:before{background:repeating-linear-gradient(180deg,var(--dk-line) 0 6px,transparent 6px 12px);bottom:auto;height:var(--lh,calc(100% - 60px));left:26px;right:auto;top:27px;width:2px}.agr-flow:after{height:calc(var(--lh,calc(100% - 60px))*var(--kf,1));left:26px;top:27px;transition:height .9s cubic-bezier(.22,.61,.36,1);width:2px}.agr-sg{align-items:start;column-gap:14px;display:grid;grid-template-columns:54px minmax(0,1fr)}.agr-ic{grid-row:1/span 3}.agr-k{margin-top:4px}.agr-sg b,.agr-sg small{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.agr *{animation:none!important;transition:none!important}}