:root{--motion-fast:.16s;--motion-base:.32s;--motion-slow:.7s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--signal-data:#90beff;--signal-power:#f2b84b;--signal-record:#ff7a7a;--signal-ok:#6fd3a0;--network-corp:#90beff;--network-guest:#5fd4c4;--network-device:#f2b84b}[data-sequence]{--integration-border:#647995}.sequence-progress{background:var(--blue-ink);transform-origin:0;opacity:0;border-radius:1px;height:2px;position:absolute;bottom:-9px;left:-1px;right:-1px;transform:scaleX(0)}.is-enhanced .is-current .sequence-progress{opacity:1;animation:progress-fill var(--sequence-duration,2.6s) linear forwards}[data-sequence].is-paused *,[data-sequence].is-paused :before,[data-sequence].is-paused :after{animation-play-state:paused!important}@keyframes signal-travel{0%{stroke-dashoffset:14px}to{stroke-dashoffset:-100px}}@keyframes progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ripple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}@keyframes draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes voice{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){[data-sequence] *,[data-sequence] :before,[data-sequence] :after{transition:none!important;animation:none!important}}.scene-node{transition:opacity var(--motion-slow) var(--ease-out), filter var(--motion-slow) var(--ease-out)}.scene-node-box{fill:var(--surface);stroke:var(--integration-border);stroke-width:2px;transition:stroke var(--motion-base) var(--ease-out)}.scene-node-icon{color:var(--blue-ink)}.scene-link{fill:none;stroke:var(--blue-ink);stroke-width:3px;stroke-linecap:round;transition:opacity var(--motion-slow) var(--ease-out), stroke var(--motion-base) var(--ease-out)}.scene-link-dashed{stroke-dasharray:4 6}.scene-branch{fill:none;stroke:var(--integration-border);stroke-width:2px;stroke-linecap:round}.scene-ripple{fill:none;stroke:var(--blue-ink);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.scene-dot{fill:var(--blue-ink)}.scene-check{color:var(--signal-ok);stroke-width:2.4px}.scene-track{fill:var(--line)}.scene-track-fill{fill:var(--blue-ink);transform-box:fill-box;transform-origin:0}.log-line{fill:var(--integration-border);transform-box:fill-box;transform-origin:0}.signal{fill:none;stroke-width:5px;stroke-linecap:round;stroke-dasharray:14 200;stroke-dashoffset:14px;opacity:0}.signal-data,.signal-corp{stroke:var(--signal-data);filter:drop-shadow(0 0 4px #90beffd9)}.signal-power,.signal-device{stroke:var(--signal-power);filter:drop-shadow(0 0 4px #f2b84bcc)}.signal-guest{stroke:var(--network-guest);filter:drop-shadow(0 0 4px #5fd4c4cc)}[data-show]{transform-box:fill-box;transform-origin:50%}[data-draw]{stroke-dasharray:100}.is-enhanced:not([data-reached~="1"]) [data-at="1"],.is-enhanced:not([data-reached~="2"]) [data-at="2"],.is-enhanced:not([data-reached~="3"]) [data-at="3"]{opacity:.3}.is-enhanced:not([data-reached~="1"]) [data-show="1"],.is-enhanced:not([data-reached~="2"]) [data-show="2"],.is-enhanced:not([data-reached~="3"]) [data-show="3"]{opacity:0}.is-enhanced:not([data-reached~="1"]) [data-draw="1"],.is-enhanced:not([data-reached~="2"]) [data-draw="2"],.is-enhanced:not([data-reached~="3"]) [data-draw="3"]{stroke-dashoffset:100px}.is-enhanced [data-fill]{transform:scaleX(0)}.is-enhanced[data-reached~="1"] [data-fill="0"],.is-enhanced[data-reached~="2"] [data-fill="1"],.is-enhanced[data-reached~="3"] [data-fill="2"]{transform:scaleX(1)}.is-enhanced[data-step="0"] [data-on~="0"],.is-enhanced[data-step="1"] [data-on~="1"],.is-enhanced[data-step="2"] [data-on~="2"],.is-enhanced[data-step="3"] [data-on~="3"]{filter:drop-shadow(0 0 7px #90beff47)}.is-enhanced[data-step="0"] [data-on~="0"] .scene-node-box,.is-enhanced[data-step="1"] [data-on~="1"] .scene-node-box,.is-enhanced[data-step="2"] [data-on~="2"] .scene-node-box,.is-enhanced[data-step="3"] [data-on~="3"] .scene-node-box,.is-enhanced[data-step="2"] .scene-zone[data-on~="2"]{stroke:var(--blue-ink)}.is-enhanced[data-step="0"] [data-flow~="0"],.is-enhanced[data-step="1"] [data-flow~="1"],.is-enhanced[data-step="2"] [data-flow~="2"],.is-enhanced[data-step="3"] [data-flow~="3"]{opacity:1;animation:1.2s linear infinite signal-travel;animation-delay:var(--delay,0s)}.is-enhanced[data-step] .signal-reverse{animation-direction:reverse}.is-enhanced[data-step="0"] [data-show="0"],.is-enhanced[data-step="1"] [data-show="1"],.is-enhanced[data-step="2"] [data-show="2"],.is-enhanced[data-step="3"] [data-show="3"]{animation:pop-in var(--motion-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * .12s)}.is-enhanced[data-step="0"] [data-draw="0"],.is-enhanced[data-step="1"] [data-draw="1"],.is-enhanced[data-step="2"] [data-draw="2"],.is-enhanced[data-step="3"] [data-draw="3"]{animation:draw .9s var(--ease-out) both}.is-enhanced[data-step="0"] [data-fill="0"],.is-enhanced[data-step="1"] [data-fill="1"],.is-enhanced[data-step="2"] [data-fill="2"],.is-enhanced[data-step="3"] [data-fill="3"]{animation:progress-fill var(--sequence-duration,2.6s) linear forwards}.is-enhanced[data-step="0"] [data-ripple~="0"],.is-enhanced[data-step="1"] [data-ripple~="1"],.is-enhanced[data-step="2"] [data-ripple~="2"],.is-enhanced[data-step="3"] [data-ripple~="3"]{animation:ripple 1.8s var(--ease-out) infinite}.is-enhanced[data-step="0"] [data-blink~="0"],.is-enhanced[data-step="1"] [data-blink~="1"],.is-enhanced[data-step="2"] [data-blink~="2"],.is-enhanced[data-step="3"] [data-blink~="3"]{animation:pop-in var(--motion-slow) var(--ease-out) both, blink 1.4s var(--ease-in-out) infinite;animation-delay:calc(var(--i,0) * .12s), calc(.7s + var(--i,0) * .46s)}.ivr-option{fill:var(--surface);stroke:var(--blue-ink);stroke-width:2px}.voice-bar{fill:var(--network-guest)}.is-enhanced[data-step="0"] [data-voice~="0"],.is-enhanced[data-step="1"] [data-voice~="1"],.is-enhanced[data-step="2"] [data-voice~="2"],.is-enhanced[data-step="3"] [data-voice~="3"]{animation:pop-in var(--motion-base) var(--ease-out) both, voice .9s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * 60ms), calc(.4s + var(--i) * .11s)}.is-enhanced[data-step="2"] .phone-ring{animation:ring 1.1s var(--ease-in-out) infinite;transform-box:fill-box;transform-origin:50%}@keyframes ring{0%,40%,to{transform:rotate(0)}10%,30%{transform:rotate(-6deg)}20%{transform:rotate(6deg)}}.scene-lane.lane-corp{stroke:var(--network-corp)}.scene-lane.lane-guest{stroke:var(--network-guest)}.scene-lane.lane-device{stroke:var(--network-device)}.segment-wall{fill:none;stroke:var(--integration-border);stroke-width:2px;stroke-dasharray:6 8}.service-corp .scene-node-icon{color:var(--network-corp)}.service-guest .scene-node-icon{color:var(--network-guest)}.service-device .scene-node-icon{color:var(--network-device)}.scene-zone{fill:#216bc714;stroke:var(--integration-border);stroke-width:2px;stroke-dasharray:6 6;transition:opacity var(--motion-slow) var(--ease-out), stroke var(--motion-base) var(--ease-out)}.scene-link-denied{stroke:var(--signal-power);stroke-dasharray:3 6}.deny-mark circle{fill:var(--deep);stroke:var(--signal-power);stroke-width:2px}.deny-mark path{stroke:var(--signal-power);stroke-width:2.4px}.scene-user{color:var(--blue-ink);stroke-width:2px}.scene-folder{fill:var(--surface);stroke:var(--blue-ink);stroke-width:2px}.scene-hub .scene-node-box{fill:var(--button-secondary);stroke:var(--blue-ink)}.scene-hub .scene-node-icon{color:var(--ink)}.cctv-node{transition:opacity var(--motion-slow) var(--ease-out), filter var(--motion-slow) var(--ease-out)}.cctv-shell{fill:var(--surface);stroke:var(--integration-border);stroke-width:2px;transition:stroke var(--motion-base) var(--ease-out)}.cctv-cable{fill:none;stroke:var(--blue-ink);stroke-width:3px;stroke-linecap:round;transition:stroke var(--motion-base) var(--ease-out), opacity var(--motion-slow) var(--ease-out)}.cctv-cone{fill:url(#cctv-cone);stroke:none;transform-box:view-box;transform-origin:110px 92px}.cctv-lens{fill:var(--deep);stroke:var(--integration-border);stroke-width:2px}.cctv-lens-core{fill:var(--blue-ink)}.cctv-led{fill:var(--network-guest)}.cctv-port,.cctv-bay{fill:var(--deep);stroke:var(--line)}.cctv-port-led,.cctv-bay-led{fill:var(--blue-ink)}.cctv-bolt{fill:var(--signal-power);transform-box:fill-box;transform-origin:50%}.cctv-rec{fill:var(--signal-record)}.cctv-timeline{fill:var(--line)}.cctv-timeline-fill{fill:var(--blue-ink);transform-box:fill-box;transform-origin:0}.cctv-tile rect{fill:#182538;stroke:var(--button-secondary)}.cctv-tile path{fill:none;stroke:var(--blue-ink);stroke-width:1.5px;stroke-linejoin:round;opacity:.75}.is-enhanced .cctv-cone{animation:cone-sweep 2.6s var(--ease-in-out) infinite alternate}.is-enhanced:not([data-reached~="1"]) :is(.cctv-switch,.cctv-cable.cable-1),.is-enhanced:not([data-reached~="2"]) :is(.cctv-nvr,.cctv-cable.cable-2),.is-enhanced:not([data-reached~="3"]) :is(.cctv-monitor,.cctv-cable.cable-3){opacity:.32}.is-enhanced:not([data-reached~="1"]) .cctv-cable.cable-1,.is-enhanced:not([data-reached~="2"]) .cctv-cable.cable-2,.is-enhanced:not([data-reached~="3"]) .cctv-cable.cable-3{stroke:var(--integration-border)}.is-enhanced:not([data-reached~="1"]) :is(.cctv-port-led,.cctv-bolt),.is-enhanced:not([data-reached~="2"]) :is(.cctv-bay-led,.cctv-rec){fill:var(--line)}.is-enhanced:not([data-reached~="3"]) .cctv-tile{opacity:0}.is-enhanced .cctv-timeline-fill{transform:scaleX(0)}.is-enhanced[data-reached~="3"] .cctv-timeline-fill{transform:scaleX(1)}.is-enhanced[data-step="0"] .cctv-camera,.is-enhanced[data-step="1"] .cctv-switch,.is-enhanced[data-step="2"] .cctv-nvr,.is-enhanced[data-step="3"] .cctv-monitor{filter:drop-shadow(0 0 7px #90beff47)}.is-enhanced[data-step="0"] .cctv-camera .cctv-shell,.is-enhanced[data-step="1"] .cctv-switch .cctv-shell,.is-enhanced[data-step="2"] .cctv-nvr .cctv-shell,.is-enhanced[data-step="3"] .cctv-monitor .cctv-shell{stroke:var(--blue-ink)}.is-enhanced[data-step="0"] .cctv-led{animation:1s steps(2,jump-none) infinite blink}.is-enhanced[data-step="1"] .signal.cable-1{opacity:1;animation:1.2s linear infinite signal-travel}.is-enhanced[data-step="1"] .signal-power.cable-1{animation-direction:reverse;animation-delay:-.6s}.is-enhanced[data-step="1"] .cctv-port-led{animation:.9s steps(2,jump-none) infinite blink;animation-delay:calc(var(--i) * .14s)}.is-enhanced[data-step="1"] .cctv-bolt{animation:pop-in var(--motion-slow) var(--ease-out) both}.is-enhanced[data-step="2"] .signal-data.cable-2{opacity:1;animation:1s linear infinite signal-travel}.is-enhanced[data-step="2"] .cctv-rec{animation:blink 1.2s var(--ease-in-out) infinite}.is-enhanced[data-step="2"] .cctv-bay-led{animation:.7s steps(2,jump-none) infinite blink;animation-delay:calc(var(--i) * .17s)}.is-enhanced[data-step="2"] .cctv-timeline-fill{animation:progress-fill var(--sequence-duration,2.6s) linear forwards}.is-enhanced[data-step="3"] .signal-data{opacity:1;animation:1.4s linear infinite signal-travel}.is-enhanced[data-step="3"] .cctv-tile{animation:fade-in var(--motion-slow) var(--ease-out) both;animation-delay:calc(.25s + var(--i) * .17s)}@keyframes cone-sweep{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.plan-ground{fill:#182538;stroke:var(--integration-border)}.plan-walls{fill:none;stroke:#c1d0e3;stroke-width:4px;stroke-linecap:square}.plan-furniture{fill:#2a4a70;stroke:var(--integration-border)}.wifi-cell{fill:var(--blue);fill-opacity:.16;stroke:var(--blue-ink);stroke-opacity:.5;stroke-dasharray:5 6;transform-box:fill-box;transform-origin:50%}.wifi-ap-body{transform-box:fill-box;transform-origin:50%}.wifi-ap-body circle{fill:var(--ground);stroke:var(--blue-ink);stroke-width:2px}.wifi-ap use{color:var(--ink)}.wifi-ripple{fill:none;stroke:var(--blue-ink);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.wifi-device{stroke:var(--deep);stroke-width:2px;transform-box:fill-box;transform-origin:50%;transition:opacity var(--motion-base) var(--ease-out)}.net-corp{--net:var(--network-corp);fill:var(--network-corp)}.net-guest{--net:var(--network-guest);fill:var(--network-guest)}.net-device{--net:var(--network-device);fill:var(--network-device)}.wifi-roam{display:none}.wifi-roam-ring{fill:none;stroke:var(--ink);stroke-width:2px}.wifi-roam-dot{fill:var(--ink)}.wifi-legend{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0 4px;font-size:14px;line-height:1.5;list-style:none;display:flex}.wifi-legend li{align-items:center;gap:8px;display:inline-flex}.wifi-legend i{background:var(--net);width:10px;height:10px;transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);border-radius:50%}.is-enhanced[data-step="0"] .wifi-ap-body{animation:pop-in var(--motion-slow) var(--ease-out) both;animation-delay:calc(var(--i) * .26s)}.is-enhanced[data-step="0"] .wifi-cell{animation:cell-grow 1.1s var(--ease-out) both;animation-delay:calc(.15s + var(--i) * .26s)}.is-enhanced[data-step="0"] .wifi-ripple{animation:ripple 1.8s var(--ease-out) infinite;animation-delay:calc(.7s + var(--i) * .26s)}.is-enhanced:not([data-reached~="1"]) .wifi-device{opacity:0}.is-enhanced:not([data-reached~="1"]) .wifi-legend i{opacity:.25;transform:scale(.6)}.is-enhanced[data-step="1"] .wifi-device{animation:pop-in var(--motion-base) var(--ease-out) both;animation-delay:calc(var(--i) * .11s)}.is-enhanced[data-step="1"] .wifi-cell{fill-opacity:.08}.is-enhanced[data-step="2"] .wifi-device{opacity:.4}.is-enhanced[data-step="2"] .wifi-roam{animation:roam var(--sequence-duration,2.6s) var(--ease-in-out) both;display:block}.is-enhanced[data-step="2"] .wifi-cell-0{animation:cell-focus-0 var(--sequence-duration,2.6s) linear both}.is-enhanced[data-step="2"] .wifi-cell-1{animation:cell-focus-1 var(--sequence-duration,2.6s) linear both}.is-enhanced[data-step="2"] .wifi-cell-2{animation:cell-focus-2 var(--sequence-duration,2.6s) linear both}@keyframes cell-grow{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}@keyframes roam{0%{transform:translate(92px,112px)}28%{transform:translate(264px,153px)}50%{transform:translate(372px,206px)}72%{transform:translate(480px,211px)}to{transform:translate(612px,200px)}}@keyframes cell-focus-0{0%,30%{fill-opacity:.38;stroke-opacity:1}40%,to{fill-opacity:.08;stroke-opacity:.35}}@keyframes cell-focus-1{0%,30%{fill-opacity:.08;stroke-opacity:.35}40%,62%{fill-opacity:.38;stroke-opacity:1}72%,to{fill-opacity:.08;stroke-opacity:.35}}@keyframes cell-focus-2{0%,64%{fill-opacity:.08;stroke-opacity:.35}74%,to{fill-opacity:.38;stroke-opacity:1}}.call-light,.nurse-tile-active{fill:var(--signal-ok)}.nurse-tile{fill:var(--deep);stroke:var(--line);transition:fill var(--motion-base) var(--ease-out)}.nurse-tile-active{stroke:var(--signal-ok)}.signal-walk{stroke:var(--signal-data);stroke-width:11px;stroke-dasharray:.1 200;stroke-dashoffset:.1px}.is-enhanced[data-step="1"] .signal-walk{animation-duration:var(--sequence-duration,2.4s);animation-timing-function:var(--ease-in-out);animation-iteration-count:1;animation-fill-mode:both}.is-enhanced[data-step="0"] :is(.call-light,.nurse-tile-active){fill:var(--signal-power);stroke:var(--signal-power);animation:blink .9s var(--ease-in-out) infinite}.is-enhanced[data-step="0"] .nurse-ripple{stroke:var(--signal-power)}.is-enhanced[data-step="1"] :is(.call-light,.nurse-tile-active){fill:var(--signal-data);stroke:var(--signal-data)}.is-enhanced[data-step="2"] .nurse-ripple{stroke:var(--signal-ok)}.is-enhanced[data-step="0"] .nurse-phone{animation:ring 1.1s var(--ease-in-out) .8s infinite;transform-box:fill-box;transform-origin:50%}.ai-stage{fill:var(--surface);stroke:var(--network-guest);stroke-width:2px}.dc-tray{fill:var(--deep);stroke:var(--line)}.dc-frame{fill:var(--deep);stroke:var(--integration-border);stroke-width:2px;transition:stroke var(--motion-base) var(--ease-out)}.dc-rail{stroke:var(--line);stroke-width:2px;stroke-dasharray:2 6}.dc-unit>rect:first-child{fill:var(--surface);stroke:var(--integration-border)}.dc-port{fill:var(--deep);stroke:#56677c;stroke-width:1px}.dc-led{fill:var(--network-guest)}.dc-stripe{stroke:#56677c;stroke-width:2px}.dc-fiber-port{fill:var(--signal-power);stroke:none}.dc-cord{fill:none;stroke:var(--blue-ink);stroke-width:3px;stroke-linecap:round}.dc-fiber{fill:none;stroke:var(--signal-power);stroke-width:3px;stroke-linecap:round}.dc-tag rect{fill:#dbe6f5;stroke:none}.dc-tag path{stroke:var(--deep);stroke-width:1.6px}.dc-scan{fill:var(--blue-ink);stroke:none;opacity:0}.is-enhanced[data-step="0"] .dc-rack .dc-frame{stroke:var(--blue-ink)}.is-enhanced[data-step="0"] .dc-unit{animation:unit-in var(--motion-slow) var(--ease-out) both;animation-delay:calc(.2s + var(--i) * .11s)}.is-enhanced[data-step="2"] .dc-scan{animation:rack-scan 1.6s var(--ease-in-out) infinite}@keyframes unit-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes rack-scan{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:.55}to{opacity:0;transform:translateY(232px)}}.integration-explainer{background:var(--surface);--integration-note:#c1d0e3;--integration-border:#647995}.integration-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:56px;display:grid}.integration-copy>p{color:var(--muted);max-width:52ch;margin-block:24px}.integration-copy h2{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.75rem);line-height:1.12}.integration-photo{margin-top:28px}.integration-photo img{aspect-ratio:3/2;object-fit:cover;border-radius:3px 28px 3px 3px;width:100%}.integration-photo figcaption{color:var(--integration-note);margin-top:12px;font-size:14px;line-height:1.5}.integration-diagram{--integration-note:#c1d0e3;border:1px solid var(--integration-border);background:var(--deep);border-radius:5px;min-width:0}.integration-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex}.integration-toolbar>p{color:var(--integration-note);font-size:16px}.integration-toolbar>button[hidden]{display:none}.integration-toolbar .btn{padding-inline:12px;font-size:14px}.integration-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:28px 24px;list-style:none;display:grid}.integration-steps-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.integration-steps li{min-width:0;position:relative}.integration-step{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;display:block}.integration-step:focus-visible{outline:3px solid var(--blue-ink);outline-offset:6px}.integration-symbol{border:1px solid var(--integration-border);background:var(--surface);width:48px;height:48px;color:var(--blue-ink);transition:background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);border-radius:4px;place-items:center;margin-bottom:20px;display:grid;position:relative}.integration-symbol svg{width:26px;height:26px}.integration-step:hover .integration-symbol{border-color:var(--blue-ink)}.integration-steps li:not(:last-child):after{content:"";border-top:1px dashed var(--integration-border);transition:border-color var(--motion-base) var(--ease-out);position:absolute;top:23px;left:60px;right:-8px}.is-enhanced .integration-steps .is-past:after{border-style:solid;border-color:var(--blue-ink)}.integration-steps .is-current .integration-symbol{background:var(--button-secondary);border-color:var(--blue-ink);color:var(--ink);transform:translateY(-2px)}.integration-steps .is-past .integration-symbol{border-color:var(--blue-ink)}.integration-steps strong{margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.4;display:block}.integration-step-text{color:var(--muted);font-size:15px;line-height:1.6;display:block}.integration-diagram figcaption{border-top:1px solid var(--line);color:var(--integration-note);margin-inline:24px;padding-block:20px;font-size:14px;line-height:1.5}.integration-scene{padding:20px 20px 0}.integration-scene>svg{width:100%;height:auto;display:block}@media (width<=1100px){.integration-layout{grid-template-columns:minmax(0,1fr);gap:32px}.integration-copy>p{max-width:68ch}}@media (width<=620px){.integration-steps,.integration-steps-four{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 16px}.integration-step{grid-template-columns:48px minmax(0,1fr);gap:8px 18px;display:grid}.integration-symbol{grid-row:span 2;margin-bottom:0}.integration-steps strong{margin-bottom:0}.integration-steps li:not(:last-child):after{border-top:0;border-left:1px dashed var(--integration-border);inset:60px auto -16px 23px}.integration-toolbar{padding:16px}.integration-diagram figcaption{margin-inline:16px}.integration-scene{padding:12px 8px 0}.integration-copy>.btn{width:100%}}