/* Event-response flow: dark section, four glass cards joined by arrows (right to left) */
#page-root .avf{position:relative;isolation:isolate;margin:0;padding:88px 0 96px;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(30,110,230,.35),transparent 42%),radial-gradient(circle at 88% 92%,rgba(20,90,200,.3),transparent 40%),linear-gradient(180deg,#04204a 0%,#052b63 55%,#04234f 100%);overflow:hidden}
.avf__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(118deg,transparent 0 46px,rgba(80,160,255,.06) 46px 47px);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000,transparent);mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000,transparent)}
#page-root .avf .flow-section__inner{padding:0}
.avf__head{text-align:center;margin-bottom:48px}
.avf__head h2{margin:0;font-size:38px;line-height:1.4;font-weight:850;letter-spacing:-.02em;color:#fff}
.avf__head h2 em{font-style:normal;color:#7cc4ff}
.avf__head p{margin:14px auto 0;max-width:760px;font-size:17px;line-height:1.85;font-weight:600;color:#c4d6ee}
.avf__rule{display:block;width:44px;height:4px;border-radius:2px;background:#2f8cff;margin:22px auto 0}
.avf__flow{display:flex;align-items:center;direction:rtl;gap:0}
.avf-card,.avf-arrow{direction:rtl}
.avf-card{flex:1 1 0;min-width:0;align-self:stretch;padding:22px 18px 24px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(90,160,255,.34);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 12px 32px rgba(0,10,40,.28)}
.avf-card h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:20px;font-weight:850;color:#fff}
.avf-badge{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(17,116,246,.22);border:1px solid rgba(120,190,255,.55);color:#dff0ff}
.avf-badge svg,.avf-row__ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.avf-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.avf-row{display:block}
.avf-row__in{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(120,180,255,.25);font-size:16px;font-weight:700;color:#fff;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .3s ease,transform .25s ease}
.avf-row:hover .avf-row__in{background:rgba(255,255,255,.12);border-color:rgba(140,200,255,.6)}
.avf-row__ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(17,116,246,.28);color:#dff0ff}
.avf-arrow{flex:0 0 40px;display:grid;place-items:center}
.avf-arrow svg{width:22px;height:38px;fill:none;stroke:#2f8cff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.avf-card--core{flex:1.25 1 0;text-align:center;border-color:rgba(100,180,255,.7);background:linear-gradient(180deg,rgba(30,110,230,.25),rgba(255,255,255,.05));box-shadow:0 0 0 1px rgba(60,150,255,.25),0 18px 44px rgba(0,60,160,.45)}
.avf-core__stage{height:170px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(255,255,255,.95),rgba(220,235,255,.85) 60%,rgba(200,220,250,.6));margin-bottom:-22px}
.avf-core__stage img{display:block;max-width:82%;max-height:88%;width:auto;height:auto;transition:transform .3s ease}
.avf-card--core:hover .avf-core__stage img{transform:scale(1.06)}
.avf-badge--brain{position:relative;margin:0 auto;width:48px;height:48px;background:#0b3a8a;border-color:#7cc4ff}
.avf-card--core h3{justify-content:center;margin:12px 0 8px;font-size:24px}
.avf-card--core p{margin:0;font-size:14.5px;line-height:1.7;font-weight:600;color:#c4d6ee}
.avf-card--ex{flex:.95 1 0}
.avf-ex{display:grid;gap:14px;justify-items:center;text-align:center;padding:18px 12px;border-radius:14px;background:rgba(0,10,40,.28);border:1px solid rgba(120,180,255,.22)}
.avf-ex__alert{display:grid;place-items:center;width:74px;height:74px;border-radius:50%}
.avf-ex__alert svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round}
.avf-ex p{margin:0;font-size:15px;line-height:1.9;font-weight:600;color:#e2ecfa}
.avf-arrow[data-reveal]:not(.is-revealed){transform:translateX(16px)}
.avf-arrow svg{transition:stroke .3s ease,filter .3s ease}
.avf-arrow.is-on svg{stroke:#8fd0ff;filter:drop-shadow(0 0 6px #3aa0ff);animation:avfNudge 1s ease-in-out infinite}
@keyframes avfNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}

/* Interactive states */
.avf-row--ev{cursor:pointer;outline:none}
.avf-row--ev:focus-visible .avf-row__in{outline:3px solid rgba(125,190,255,.5);outline-offset:2px}
.avf-row--ev.is-active .avf-row__in{background:rgba(255,255,255,.2);border-color:#8fd0ff;box-shadow:0 0 0 2px rgba(80,170,255,.35),0 0 20px rgba(60,150,255,.45)}
.avf-row--ev.is-active .avf-row__ico{background:#1174f6;color:#fff}
.avf__flow.has-event .avf-row--ev:not(.is-active) .avf-row__in{opacity:.6}
.avf__flow.has-event .avf-row--rx .avf-row__in{opacity:.38}
.avf__flow.has-event .avf-row--rx.is-lit .avf-row__in{opacity:1;background:rgba(60,150,255,.28);border-color:#8fd0ff;box-shadow:0 0 0 2px rgba(80,170,255,.3),0 0 18px rgba(60,150,255,.45)}
.avf-row--rx.is-lit .avf-row__ico{background:#1174f6;color:#fff}
.avf-card--core.is-on{border-color:#8fd0ff;box-shadow:0 0 0 2px rgba(120,190,255,.5),0 0 60px rgba(40,130,255,.65)}
.avf-card--core.is-on .avf-badge--brain{background:#1174f6;box-shadow:0 0 0 6px rgba(60,150,255,.3);animation:avfBeat 1.1s ease-in-out infinite}
@keyframes avfBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.avf-card--ex{--ex:#e5484d}
.avf-ex__alert{background:radial-gradient(circle,var(--ex),color-mix(in srgb,var(--ex) 55%,#000));box-shadow:0 0 0 8px color-mix(in srgb,var(--ex) 24%,transparent),0 0 26px color-mix(in srgb,var(--ex) 55%,transparent);transition:background .3s ease,box-shadow .3s ease}
.avf-card--ex.is-swap .avf-ex{animation:avfSwap .5s ease}
@keyframes avfSwap{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.avf-arrow.is-on svg,.avf-card--core.is-on .avf-badge--brain{animation:none}}
@media(max-width:1180px){.avf__head h2{font-size:32px}.avf-card{padding:18px 12px 20px}.avf-card h3{font-size:18px}.avf-row{font-size:14.5px}.avf-arrow{flex-basis:26px}.avf-arrow svg{width:16px}}
@media(max-width:1040px){
  #page-root .avf{padding:56px 0 64px}
  .avf__head{margin-bottom:32px}
  .avf__head h2{font-size:26px}
  .avf__flow{flex-direction:column;align-items:stretch;direction:rtl;gap:0}
  .avf-card{flex:none}
  .avf-arrow{flex-basis:auto;padding:10px 0}
  .avf-arrow svg{transform:rotate(-90deg);width:22px}
  .avf-arrow[data-reveal]:not(.is-revealed){transform:translateY(-12px)}
}

.avf-card--ex .avf-ex{transition:opacity .25s ease}
.avf-card--ex.is-wait .avf-ex{opacity:.35}

@media(max-width:1040px){
  .avf-arrow.is-on svg{animation:avfNudgeV 1s ease-in-out infinite}
  @keyframes avfNudgeV{0%,100%{transform:rotate(-90deg) translateX(0)}50%{transform:rotate(-90deg) translateX(-5px)}}
}