.izf{gap:clamp(var(--sp-4), 2.4vh, var(--sp-6));display:grid;position:relative}.izf-body{gap:clamp(var(--sp-5), 2.4vw, var(--sp-10));grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);align-items:center;display:grid}.izf-rail{border:1px solid var(--line);border-radius:var(--r-2xs);background:var(--bg-2);grid-template-columns:repeat(4,1fr);display:grid;position:relative;overflow:hidden}.izf-rail-track{background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.izf-rail-fill{background:var(--orange);transform-origin:0;width:100%;height:100%;transition:transform .62s var(--ease);display:block;transform:scaleX(0)}.izf-seg{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:0;border-right:1px solid var(--line);cursor:pointer;text-align:left;font-family:var(--body);color:var(--tx-dim);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;display:flex}.izf-seg:last-child{border-right:0}.izf-seg:hover,.izf-seg.on{background:var(--surface);color:var(--tx)}.izf-seg:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.izf-seg-ic{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);width:30px;height:30px;color:var(--orange);flex:none;place-items:center;display:grid}.izf-seg-ic svg{width:15px;height:15px;display:block}.izf-seg.on .izf-seg-ic{border-color:color-mix(in srgb, var(--orange) 45%, var(--line-strong))}.izf-seg.past .izf-seg-ic{color:var(--allow);border-color:color-mix(in srgb, var(--allow) 45%, var(--line-strong))}.izf-seg-l{font-size:var(--fs-body-sm);letter-spacing:-.005em;font-weight:600}.izf-plate{aspect-ratio:1200/620;position:relative;overflow:visible;container-type:inline-size}.izf-wires{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.izf-wire{fill:none;stroke:var(--line-strong);stroke-width:1.5px;vector-effect:non-scaling-stroke}.izf-wire-lit{fill:none;stroke:var(--orange);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1400;animation:izf-draw .56s var(--ease) both}.izf-allow .izf-wire-lit{stroke:var(--allow)}@keyframes izf-draw{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}.izf-port{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5px;vector-effect:non-scaling-stroke}.izf-port.on{stroke:var(--orange);fill:var(--orange)}.izf-allow .izf-port.on{stroke:var(--allow);fill:var(--allow)}.izf-pkt{fill:var(--orange);offset-distance:0%;offset-rotate:0deg;animation:izf-travel 1.2s var(--ease-linear) infinite}.izf-pkt.rev{animation-direction:reverse}.izf-allow .izf-pkt{fill:var(--allow)}@keyframes izf-travel{0%{offset-distance:0%}to{offset-distance:100%}}.izf-node{z-index:2;border:1.5px solid var(--tx);border-radius:var(--r-2xs);background:var(--surface);color:var(--tx);white-space:nowrap;transition:border-color var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);align-items:center;gap:.9cqw;padding:1cqw 1.3cqw;display:flex;position:absolute;transform:translate(-50%,-50%)}.izf-node b{font-family:var(--disp);letter-spacing:-.01em;font-size:clamp(11px,1.35cqw,17px);font-weight:600}.izf-node.off{opacity:.3}.izf-node.on{border-color:var(--orange)}.izf-node.focus{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 18%, transparent)}.izf-allow .izf-node.on{border-color:var(--allow)}.izf-allow .izf-node.focus{border-color:var(--allow);box-shadow:0 0 0 3px color-mix(in srgb, var(--allow) 18%, transparent)}.izf-ic{width:clamp(16px,2cqw,24px);height:clamp(16px,2cqw,24px);color:var(--orange);flex:none}.izf-ic svg{width:100%;height:100%;display:block}.izf-mark{flex:none;width:clamp(18px,2.3cqw,28px);height:clamp(18px,2.3cqw,28px)}.izf-allow .izf-ic{color:var(--allow)}.izf-gateway.on,.izf-gateway.focus{background:var(--orange);color:var(--btn-ink);border-color:var(--orange)}.izf-gateway.on .izf-ic,.izf-gateway.focus .izf-ic{color:var(--btn-ink)}.izf-allow .izf-gateway.on,.izf-allow .izf-gateway.focus{background:var(--allow);border-color:var(--allow)}.izf-stack{flex-direction:column;align-items:flex-start;gap:.8cqw;padding:1.1cqw 1.2cqw}.izf-logos{grid-template-columns:repeat(4,auto);align-items:center;gap:.9cqw 1.1cqw;display:grid}.izf-logos.big{grid-template-columns:repeat(2,1fr);gap:1cqw 1.3cqw}.izf-logos img{object-fit:contain;width:auto;max-width:clamp(44px,6.4cqw,82px);height:clamp(13px,1.9cqw,24px);display:block}.izf-logos.big img{max-width:clamp(56px,8.6cqw,108px);height:clamp(17px,2.7cqw,34px)}.iz[data-theme=dark] .izf-logos img{filter:brightness(1.1)}.izf-narr{gap:var(--sp-4);align-content:center;display:grid}.izf-tag{font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--orange)}.izf-allow .izf-tag{color:var(--allow)}.izf-narr h3{font-family:var(--disp);font-size:var(--fs-h3);font-weight:var(--fw-disp);letter-spacing:var(--ls-h3);color:var(--tx);margin:6px 0 0}.izf-narr p{color:var(--tx-dim);line-height:var(--lh-body);margin:8px 0 0}.izf-steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.izf-step{gap:var(--sp-3);font-size:var(--fs-body-sm);color:var(--tx-mute);transition:color var(--dur) var(--ease-out);grid-template-columns:22px 1fr;align-items:center;display:grid}.izf-step-i{border-radius:var(--r-2xs);border:1px solid var(--line-strong);width:22px;height:22px;font-family:var(--mono);font-size:var(--fs-mono-xs);place-items:center;display:grid}.izf-step-i svg{width:11px;height:11px}.izf-step.cur{color:var(--tx)}.izf-step.cur .izf-step-i{background:var(--orange);border-color:var(--orange);color:var(--btn-ink)}.izf-step.past{color:var(--tx-dim)}.izf-step.past .izf-step-i{border-color:var(--allow);color:var(--allow)}.izf-allow .izf-step.cur .izf-step-i{background:var(--allow);border-color:var(--allow)}.izf-ctl{gap:var(--sp-3);flex-wrap:wrap;display:flex}.izf-btn{align-items:center;gap:var(--sp-2);border-radius:var(--r-2xs);border:1px solid var(--line-strong);color:var(--tx);font-family:var(--body);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;padding:9px 16px;font-weight:600;display:inline-flex}.izf-btn svg{width:14px;height:14px}.izf-btn:hover{border-color:var(--orange);color:var(--orange)}.izf-btn.pri{background:var(--orange);border-color:var(--orange);color:var(--btn-ink)}.izf-btn.pri:hover{color:var(--btn-ink);filter:brightness(1.06)}.izf-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.izf-nav{gap:var(--sp-3);display:none}.izf-nav .izf-btn{flex:1;justify-content:center;min-width:0}.izf-nav .izf-btn[disabled]{opacity:.42;cursor:default}.izf-nav .izf-btn[disabled]:hover{border-color:var(--line-strong);color:var(--tx)}.iz .izf-section{--fr-t:7%;--fr-b:7%}.izf-section{align-content:center;min-height:100svh;display:grid}.izf-head{margin-bottom:clamp(var(--sp-4), 2.2vh, var(--sp-8))}.izf-head .iz-h2{margin:var(--sp-3) 0 0}@media (max-width:1000px){.izf-body{grid-template-columns:1fr}.iz .izf-section{--fr-t:32px;--fr-b:32px}.izf-section{min-height:0;display:block}.izf-nav{padding-top:var(--sp-4);border-top:1px solid var(--line);display:flex}}@media (max-width:900px){.izf-plate{aspect-ratio:auto;gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.izf-wires{display:none}.izf-node{white-space:normal;padding:var(--sp-4);gap:var(--sp-3);min-width:0;position:relative;transform:none;top:auto!important;left:auto!important}.izf-mfa{grid-area:1/1}.izf-controller{grid-area:1/2}.izf-identity{grid-area:2/1/auto/-1}.izf-user{grid-area:3/1}.izf-gateway{grid-area:3/2}.izf-cloud{grid-area:4/1/auto/-1}.izf-saas{grid-area:5/1/auto/-1}.izf-node b{font-size:var(--fs-body)}.izf-stack{gap:var(--sp-3)}.izf-logos,.izf-logos.big{gap:var(--sp-3) var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}.izf-logos img,.izf-logos.big img{justify-self:start;max-width:100%;height:24px}.izf-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.izf-seg{gap:var(--sp-2);padding:var(--sp-3);min-width:0}.izf-seg:nth-child(2),.izf-seg:nth-child(3){border-bottom:1px solid var(--line)}.izf-seg:nth-child(3){border-right:0}.izf-seg-ic{width:24px;height:24px}.izf-seg-ic svg{width:13px;height:13px}.izf-seg-l{min-width:0;font-size:13px}}@media (max-width:400px){.izf-node{padding:var(--sp-3);gap:var(--sp-2)}.izf-node b{font-size:var(--fs-sm);min-width:0}}@media (prefers-reduced-motion:reduce){.izf-rail-fill,.izf-node,.izf-step{transition:none!important}.izf-wire-lit{stroke-dasharray:none;animation:none!important}.izf-pkt{animation:none!important}}