.af-section{padding:108px 0 118px;background:var(--app-bg2);border-top:1px solid var(--app-border-c)}.af-wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto}.af-heading{display:flex;align-items:flex-start;flex-direction:column;gap:20px}.af-heading p{margin:0 0 18px;color:var(--app-acc2);font-size:15px;font-weight:600}.af-heading h2{margin:0;font:600 clamp(48px,5.4vw,76px)/1 var(--font-display);letter-spacing:-.05em}.af-heading>span{max-width:680px;color:var(--app-tx2);font-size:18px;line-height:1.5}.af-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px}.af-stages article{position:relative;min-width:0;opacity:0}.af-section.is-visible .af-stages article{animation:afStageBuild .62s calc(.12s + var(--stage) * .11s) cubic-bezier(.16,1,.3,1) forwards}.af-stage-copy{position:relative;min-height:178px;padding:20px 20px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--app-acc2) 4%,var(--app-bg2)),transparent)}.af-stage-head{display:flex;align-items:center}.af-stage-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--app-acc2) 9%,var(--app-bg2));color:var(--app-acc2)}.af-stage-icon svg{width:21px;height:21px;stroke-width:1.8}.af-stage-copy h3{margin:17px 0 0;font-size:22px;letter-spacing:-.025em}.af-stage-copy p{max-width:250px;margin:8px 0 0;color:var(--app-tx2);font-size:14px;line-height:1.55}.af-step{position:relative;min-height:226px;padding:18px;border:1px solid color-mix(in srgb,var(--app-border-c) 82%,transparent);border-radius:16px;background:color-mix(in srgb,var(--app-bg3) 48%,var(--app-bg2))}.af-step small{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--app-tx2);font-size:12px;font-weight:600}.af-step small:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--app-acc2)}.af-app-card{display:flex;flex-direction:column;gap:11px;min-height:154px;padding:16px;border:1px solid color-mix(in srgb,var(--app-border-c) 86%,transparent);border-radius:10px;background:var(--app-bg2);box-shadow:0 12px 30px -24px color-mix(in srgb,var(--app-tx) 36%,transparent);font-size:12px;line-height:1.4}.af-app-card>b{font-size:13px}.af-app-card>span{display:flex;align-items:center;gap:7px;color:var(--app-tx2)}.af-app-card>span svg{width:22px;height:22px;padding:4px;border-radius:6px;background:var(--ed-t3);color:var(--app-acc2)}.af-app-card>em{margin-top:auto;color:var(--app-dan);font-style:normal;font-weight:600}.af-app-card>div{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.af-app-card strong{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--app-dan) 10%,transparent);color:var(--app-dan)}.af-app-card div i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ed-t3);color:var(--app-acc2);font-style:normal}.af-app-card .is-done,.af-app-card .is-improved{width:-moz-max-content;width:max-content;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--pos) 11%,transparent);color:var(--pos)}.af-line{display:block;height:7px;margin-top:5px;border-radius:99px;background:var(--app-bg3)}.af-line.short{width:68%;margin-top:0}.af-arrow{position:absolute;z-index:2;right:-21px;bottom:101px;width:18px;height:18px;padding:4px;border-radius:50%;background:var(--app-bg2);color:var(--app-acc2);stroke-width:2;border:1px solid var(--app-border-c)}@keyframes afStageBuild{0%{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.af-stages article{opacity:1;animation:none}}@media(max-width:1000px){.af-heading{align-items:flex-start;flex-direction:column}.af-stages{grid-template-columns:1fr 1fr;gap:34px 18px}.af-arrow{display:none}}@media(max-width:640px){.af-section{padding:78px 0}.af-wrap{width:min(100% - 32px,1280px)}.af-heading h2{font-size:46px}.af-heading>span{font-size:17px}.af-stages{grid-template-columns:1fr;margin-top:44px}.af-stage-copy{min-height:0;margin-bottom:24px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px}.af-stage-head{display:contents}.af-stage-icon{grid-column:1;grid-row:1}.af-stage-copy h3{grid-column:2;grid-row:1;align-self:center;margin:0}.af-stage-copy p{grid-column:1 / -1;margin:0}}