
.isac-loop .engine-neuron{animation:fzai-neuron 11.5s var(--at) ease-in-out infinite}
@keyframes fzai-neuron{0%,18%,100%{opacity:.45}4%,10%{opacity:1}}

.isac-loop{--navy:#172c50;--blue:#246bc5;--purple:#7653ad;--period:11.5s;max-width:1120px;margin:0 auto;padding:26px;background:linear-gradient(145deg,#fff 65%,#f7f9fd);color:var(--navy);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;border:1px solid #e0e7ef;border-radius:14px}
.isac-loop *{box-sizing:border-box}.isac-loop .heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.isac-loop .eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--blue)}.isac-loop h2{font-size:clamp(21px,3vw,29px);margin:7px 0}.isac-loop p{font-size:12px;color:#61728a;margin:7px 0}.isac-loop button{background:white;color:var(--navy);border:1px solid #cdd8e5;border-radius:7px;min-height:44px;padding:8px 15px;cursor:pointer}.isac-loop button:focus-visible{outline:3px solid #4586d4;outline-offset:3px}
.isac-loop .pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.isac-loop .panel{position:relative;background:#fff;box-shadow:0 4px 14px #203b6410;border:1px solid #dbe4ef;border-radius:12px;padding:15px 9px 7px;min-width:0}.isac-loop .panel-heading{padding:0 8px 12px;border-bottom:1px solid #edf1f7;margin-bottom:8px}.isac-loop .panel-heading span{font-size:9px;letter-spacing:.1em;color:#69809a}.isac-loop h3{font-size:16px;margin:7px 0;line-height:1.25}.isac-loop .panel:not(:last-child):after{content:'→';position:absolute;right:-23px;top:50%;font-size:22px;color:#86a6ce}.isac-loop svg{display:block;width:100%;height:auto;overflow:visible}.isac-loop .row{fill:#fbfcfe;stroke:#e3e9f1;stroke-width:1}.isac-loop .sensing{fill:#f0eafb;stroke:#ae91d1;stroke-width:1.4}.isac-loop .label{fill:var(--navy);font-size:13px;font-weight:600}.isac-loop .sub{fill:#6a7890;font-size:10.5px}.isac-loop .icon{fill:none;stroke:currentColor;color:var(--blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.isac-loop .input-row:first-child .icon{color:var(--purple)}.isac-loop .ink{fill:none;stroke:#aabbd0;stroke-width:1.2}.isac-loop .check{fill:none;stroke:#288263;stroke-width:1.8;opacity:.25}
.isac-loop .orbit{fill:none;stroke:#d6c9e9;stroke-dasharray:3 4;stroke-width:1.3}.isac-loop .pulse{fill:none;stroke:var(--blue);stroke-width:2.3;stroke-linecap:round;stroke-dasharray:.13 1;stroke-dashoffset:.14;opacity:0;animation:fzai-travel var(--period) var(--at,0s) linear infinite}.isac-loop .purple{stroke:var(--purple)}.isac-loop .brain-halo{fill:#f5f1fa;stroke:#dfd4ed;animation:fzai-brain var(--period) 3.1s ease-in-out infinite}.isac-loop .engine-name{font-size:17px;font-weight:700;fill:var(--navy)}.isac-loop .reason-step rect{fill:#f3eefb;stroke:#c7b5e4}.isac-loop .reason-step text{font-size:11px;fill:var(--purple);font-weight:600}.isac-loop .reason-step{animation:fzai-reason var(--period) var(--at) ease-in-out infinite}.isac-loop .task-row .check{animation:fzai-validate var(--period) var(--at) ease-in-out infinite}.isac-loop .input-row .row{animation:fzai-input var(--period) var(--at) ease-in-out infinite}.isac-loop .environment-link{fill:none;stroke:#adc3dd;stroke-width:.8;opacity:.5}
.isac-loop .feedback-route{position:absolute;left:0;bottom:0;width:100%;height:28px}.isac-loop .loop-label{position:relative;min-height:60px;display:flex;justify-content:space-between;gap:18px;padding:10px 7px 30px;color:#6d55a1;font-size:11px;border-bottom:0}.isac-loop .control-label{color:var(--blue)}.isac-loop .echo-label{animation:fzai-reason var(--period) 9s ease-in-out infinite}.isac-loop .environment{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;align-items:center;padding:17px 8px}.isac-loop .environment svg{max-height:132px}.isac-loop .outcomes{display:flex;flex-direction:column;gap:9px;font-size:12px}.isac-loop .outcomes span:before{content:'✓';color:#288263;padding-right:7px}.isac-loop small{font-size:10px;color:#708099}.isac-loop footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e4eaf2;padding-top:13px;color:#6e7d92;font-size:10px}.isac-loop footer i{display:inline-block;width:12px;height:2px;background:var(--blue);vertical-align:middle;margin-right:4px}.isac-loop footer .purple-dot{background:var(--purple);margin-left:12px}
@keyframes fzai-travel{0%{opacity:0;stroke-dashoffset:.14}1%{opacity:1}8%{opacity:1;stroke-dashoffset:-1}9%,100%{opacity:0;stroke-dashoffset:-1}}
@keyframes fzai-brain{0%,18%,100%{fill:#f5f1fa;stroke:#dfd4ed}5%,12%{fill:#e2d5f3;stroke:#9673c4}}
@keyframes fzai-reason{0%,14%,100%{opacity:.65}3%,9%{opacity:1}}
@keyframes fzai-validate{0%,20%,100%{opacity:.25}3%,14%{opacity:1}}
@keyframes fzai-input{0%,16%,100%{stroke-width:1}3%,10%{stroke-width:2;stroke:#9f83c6}}
.isac-loop[data-paused="true"] *,.isac-loop[data-suspended="true"] *{animation-play-state:paused!important}
@media(max-width:850px){.isac-loop{padding:18px}.isac-loop .pipeline{grid-template-columns:1fr;gap:29px}.isac-loop .panel{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;padding:12px}.isac-loop .panel:not(:last-child):after{content:'↓';top:auto;bottom:-26px;right:50%;font-size:22px}.isac-loop .panel svg{max-height:330px}.isac-loop .environment{grid-template-columns:1fr 1.2fr}.isac-loop .outcomes{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.isac-loop .outcomes small{width:100%}}
@media(max-width:480px){.isac-loop{padding:14px}.isac-loop .heading{align-items:flex-start}.isac-loop .heading p{max-width:230px}.isac-loop .panel{display:block}.isac-loop .panel svg{max-height:355px}.isac-loop .environment{grid-template-columns:1fr;gap:6px}.isac-loop .environment svg{max-height:140px}.isac-loop .loop-label{font-size:9px;gap:8px}.isac-loop .outcomes{font-size:11px}.isac-loop button{padding:8px 10px}}
.isac-loop .applications{padding:15px 0 22px}.isac-loop .applications-heading{margin:0 5px 14px}.isac-loop .applications-heading h3{font-size:15px;color:#3c5372;font-weight:500}.isac-loop .application-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.isac-loop .application-card{min-width:0;border:1px solid #e0e7f1;border-radius:10px;background:linear-gradient(#fff,#f6f8fc);padding:10px 7px 12px;animation:fzai-app 11.5s var(--at) ease-in-out infinite}.isac-loop .application-card svg{width:100%;height:auto}.isac-loop .application-card h4{font-size:11px;text-align:center;margin:9px 0 5px;color:#244365}.isac-loop .application-card p{font-size:9px;text-align:center;margin:0;line-height:1.5;color:#73829a}.isac-loop .app-radio{animation:fzai-radio 11.5s var(--at) ease-in-out infinite}
@keyframes fzai-app{0%,22%,100%{border-color:#e0e7f1}4%,14%{border-color:#a292cc}}
@keyframes fzai-radio{0%,20%,100%{opacity:.35}4%,12%{opacity:1}}
@media(max-width:1000px){.isac-loop .application-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.isac-loop .application-card svg{max-height:100px}.isac-loop .application-card h4{font-size:12px}}
@media(max-width:480px){.isac-loop .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.isac-loop .application-card h4{font-size:11px}}
@media(prefers-reduced-motion:reduce){.isac-loop *{animation:none!important}.isac-loop .pulse{display:none}.isac-loop .check{opacity:1}.isac-loop .pause{display:none}}
@media print{.isac-loop *{animation:none!important}.isac-loop .pulse,.isac-loop .pause{display:none}.isac-loop .check{opacity:1}}
