.home-connections{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:4rem;padding-block:6.5rem;display:grid}.connections-copy h2,.automation-process h2{letter-spacing:-.045em;margin:1.4rem 0;font-size:clamp(2.6rem,4.5vw,4.3rem);line-height:1.06}.connections-copy h2 em,.frame-section-heading em,.automation-process h2 em{font-family:var(--font-display);color:var(--primary);font-weight:400}.connections-copy>p:not(.eyebrow){color:var(--muted-foreground);max-width:42ch;font-size:1.0625rem;line-height:1.7}.connections-copy .text-link{margin-top:1.6rem}.experience-caption{color:var(--muted-foreground);margin-top:2rem;font-size:.65rem;display:block}.integration-diagram{isolation:isolate;width:100%;height:430px;position:relative}.integration-orbit{border:1px dashed color-mix(in srgb, var(--primary) 13%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--primary) 6%, transparent), transparent 65%);border-radius:50%;width:260px;height:260px;position:absolute;top:50%;left:50%;translate:-50% -50%}.integration-node{z-index:2;width:100px;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:.6rem;font-size:.65rem;display:flex;position:absolute;translate:-50% -50%}.integration-symbol{border:1px solid var(--border);background:var(--card);width:60px;height:60px;color:var(--primary);border-radius:16px;place-items:center;display:grid;box-shadow:0 10px 24px -12px #14233d26}.integration-symbol svg{width:30px;height:30px}.node-0,.node-1,.node-2{left:13%}.node-3,.node-4,.node-5{left:87%}.node-0,.node-3{top:17%}.node-1,.node-4{top:50%}.node-2,.node-5{top:83%}.integration-center{z-index:3;white-space:nowrap;flex-direction:column;align-items:center;gap:.8rem;font-size:.65rem;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.integration-monogram{background:var(--primary);border:7px solid var(--background);outline:1px solid color-mix(in srgb, var(--primary) 18%, transparent);color:#fff;width:88px;height:88px;font-family:var(--font-display);letter-spacing:-.18em;border-radius:26px;justify-content:center;align-items:center;padding-right:.2em;font-size:2rem;display:flex;box-shadow:0 18px 45px -12px #3269ee3d}.integration-monogram>span{opacity:.65}.animated-beam{z-index:0;overflow:visible}.home-frame-section{color:#f7f9ff;background:#111f38;padding-block:5rem 2rem}.frame-section-heading{justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3rem;display:flex}.frame-section-heading .eyebrow{color:#b2c8ed}.frame-section-heading h2{letter-spacing:-.04em;margin:1rem 0 0;font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:1.08}.frame-section-heading em{color:#94b8ff}.frame-section-heading>p{color:#b9c9e3;max-width:35ch;font-size:.95rem;line-height:1.7}.dynamic-frame-layout{width:100%;height:650px;transition:grid-template-rows .45s var(--ease-out), grid-template-columns .45s var(--ease-out);display:grid}.dynamic-frame{isolation:isolate;text-align:left;color:#fff;cursor:pointer;background:#173669;border:1px solid #ffffff13;border-radius:4px;min-width:0;min-height:0;position:relative;overflow:hidden}.dynamic-frame:focus-visible{outline-offset:2px;z-index:3;outline:3px solid #b5d2ff}.frame-art,.frame-video,.frame-shade{width:100%;height:100%;position:absolute;inset:0}.frame-art{background:radial-gradient(at 40% 10%,#9abff430,#0000 65%),linear-gradient(140deg,#19487d,#152544);overflow:hidden}.dynamic-frame:nth-child(3n+2) .frame-art{background:radial-gradient(at top,#dceafa21,#0000),linear-gradient(145deg,#245fee,#132444)}.dynamic-frame:nth-child(3n) .frame-art{background:linear-gradient(125deg,#7aa5ce,#305bab 50%,#173160)}.frame-video{object-fit:cover;opacity:0;filter:grayscale()sepia()saturate(3)hue-rotate(180deg)brightness(.85);transition:opacity .4s}.frame-video.is-playing{opacity:1}.frame-shade{pointer-events:none;background:linear-gradient(#0000 35%,#06152bcc)}.frame-number{letter-spacing:.1em;color:#ffffff95;font-size:.6rem;position:absolute;top:1rem;left:1.2rem}.frame-label{font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,2rem);font-style:italic;line-height:1.1;position:absolute;bottom:1.2rem;left:1.2rem}.frame-plus{opacity:.55;font-size:1rem;position:absolute;bottom:1.2rem;right:1.2rem}.frame-sculpture{perspective:700px;width:150px;height:130px;transform-style:preserve-3d;position:absolute;top:45%;left:50%;translate:-50% -50%}.frame-sculpture i{display:block;position:absolute;animation-play-state:paused!important}.dynamic-frame-layout[data-motion=on] .dynamic-frame[aria-pressed=true] .frame-sculpture i{animation-play-state:running!important}.sculpture-0 i{width:100px;height:75px;transform:rotateX(55deg) rotateZ(-28deg) translateZ(calc(var(--part) * 15px));background:linear-gradient(145deg,#f5faff80,#76a9f02e);border:1px solid #dbeaff9c;border-radius:9px;animation:4s ease-in-out infinite alternate frame-layers;top:25px;left:25px;box-shadow:0 12px 25px #03132e35}.sculpture-1 i{width:calc(50px + var(--part) * 20px);height:calc(50px + var(--part) * 20px);border:1.5px solid #c5dfff;border-radius:50%;animation:8s linear infinite frame-orbit;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(60deg)rotateY(-28deg);box-shadow:inset 0 0 10px #d4e8ff4a}.sculpture-2{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;transform:rotateX(30deg)rotate(-20deg)}.sculpture-2 i{width:40px;height:40px;animation:3s ease-in-out infinite alternate frame-float;animation-delay:calc(var(--part) * -.3s);background:radial-gradient(circle at 30% 25%,#e2f2ff,#7ea9ec 30%,#235ac7 65%,#102a55);border-radius:50%;position:relative;box-shadow:8px 12px 15px #08214d7d}@keyframes frame-layers{to{transform:rotateX(55deg) rotateZ(-28deg) translateZ(calc(var(--part) * 26px))}}@keyframes frame-orbit{to{transform:translate(-50%,-50%)rotateX(60deg)rotateY(-28deg)rotate(360deg)}}@keyframes frame-float{to{translate:0 -12px}}.frame-section-foot{color:#b9c9e3;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.5rem;font-size:.7rem;display:flex}.frame-section-foot a{color:#fff;align-items:center;gap:1rem;min-height:44px;display:flex}.gateway-flow,.gateway-flow canvas,.gateway-flow>svg{pointer-events:none;width:100%;height:100%;color:var(--primary);display:block;position:absolute;inset:0}.service-experience{min-width:0;position:relative}.automation-hero-scene{isolation:isolate;height:550px;position:relative}.hero-gateway{width:170%;height:140%;inset:-20% -35%;-webkit-mask-image:radial-gradient(#000 35%,#0000 70%);mask-image:radial-gradient(#000 35%,#0000 70%)}.automation-scene-label{z-index:2;color:var(--muted-foreground);align-items:center;gap:.6rem;font-size:.65rem;display:flex;position:relative}.hero-network{position:absolute;inset:30px 0 95px}.hero-network .integration-diagram{height:100%}.is-compact .integration-symbol{border-radius:12px;width:48px;height:48px}.is-compact .integration-symbol svg{width:26px;height:26px}.is-compact .integration-node{gap:.4rem;width:80px;font-size:.55rem}.is-compact .integration-monogram{width:72px;height:72px;font-size:1.7rem}.is-compact .node-0,.is-compact .node-1,.is-compact .node-2{left:8%}.is-compact .node-3,.is-compact .node-4,.is-compact .node-5{left:92%}.workflow-float,.workflow-ghost{z-index:4;width:320px;position:absolute;bottom:0;right:-20px;transform:rotate(-5deg)}.workflow-ghost{opacity:.32;z-index:3;transform:translate(-30px,-25px)rotate(5deg)}.automation-block{padding:0}.automation-block>div{background:var(--card);border-radius:13px;padding:14px;box-shadow:0 24px 50px -20px #14233d42}.automation-block [class*=bg-rose],.automation-block [class*=bg-sky],.automation-block [class*=bg-neutral]{background:var(--primary);color:#fff}.workflow-human{border:1px solid var(--border);background:var(--background);border-radius:9px;align-items:center;gap:.7rem;margin-top:.65rem;padding:.65rem 1rem;font-size:.65rem;display:flex}.workflow-human>span{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.scene-coordinate{color:var(--muted-foreground);font-size:.6rem;position:absolute;bottom:15px;left:0}.automation-workbench{z-index:2;margin-top:-1.5rem;padding-bottom:6rem;position:relative}.automation-workbench-top{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.automation-workbench-top>span{color:var(--muted-foreground);font-size:.65rem}.automation-bento{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.25rem;display:grid;position:relative}.automation-bento>div{border:1px solid var(--border);background:var(--card);border-radius:18px;min-width:0;position:relative}.bento-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);z-index:3;justify-content:space-between;align-items:center;padding:1.7rem 1.7rem 0;font-size:.65rem;display:flex;position:relative}.bento-routing{grid-row:span 2;padding-bottom:2.5rem;overflow:visible}.bento-routing .integration-diagram{width:calc(100% - 2rem);height:400px;margin-inline:auto}.bento-routing-copy{padding-inline:2.2rem}.bento-routing h2,.scenario-copy h2,.control-paper h2{letter-spacing:-.025em;margin:0 0 1rem;font-size:1.6rem;line-height:1.15}.bento-routing-copy>p,.scenario-copy p,.control-paper>p:last-child{color:var(--muted-foreground);font-size:.95rem;line-height:1.7}.routing-attached{border:1px solid var(--border);background:var(--background);z-index:4;border-radius:10px;align-items:center;gap:12px;padding:1rem 1.2rem;font-size:.7rem;display:flex;position:absolute;bottom:-20px;right:-20px;transform:rotate(-3deg);box-shadow:0 12px 30px -16px #14233d40}.attached-status{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:50%}.bento-scenario{padding-bottom:1.6rem}.bento-scenario .automation-block{padding:1.6rem 1.7rem 1.2rem;transform:rotate(2deg)}.scenario-selector{flex-wrap:wrap;gap:.4rem;padding-inline:1.7rem;display:flex}.scenario-selector button{border:1px solid var(--border);background:var(--background);border-radius:99px;min-height:44px;padding:.4rem .7rem;font-size:.65rem}.scenario-selector button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.scenario-copy{padding:1.4rem 1.7rem 0}.scenario-copy h2{margin-bottom:.65rem;font-size:1.25rem}.scenario-copy p{margin:0;font-size:.85rem}.bento-control{isolation:isolate;min-height:310px;padding:1.5rem 1.7rem;overflow:clip;background:color-mix(in srgb, var(--primary) 4%, var(--background))!important}.control-paper{background:var(--card);border:1px solid var(--border);border-radius:12px;width:83%;margin:auto;padding:1.5rem;position:relative;transform:rotate(-3deg);box-shadow:0 20px 30px -16px #14233d20}.control-paper h2{margin-bottom:.7rem;font-size:1.3rem}.control-paper .eyebrow{margin-bottom:.8rem;font-size:.55rem}.control-paper>p:last-child{margin:0;font-size:.8rem}.control-check{float:right;color:var(--primary);font-size:1.2rem}.control-pill{float:right;background:var(--primary);color:#fff;border-radius:8px;gap:1.8rem;margin-top:-5px;padding:.75rem 1rem;font-size:.6rem;display:flex;position:relative;transform:rotate(3deg)}.automation-process{grid-template-columns:1fr 1fr;gap:6rem;padding-block:2rem 7rem;display:grid}.automation-process>div>p:last-child{color:var(--muted-foreground);max-width:40ch;font-size:1.05rem;line-height:1.7}.automation-process ol{margin:0;padding:0;list-style:none}.automation-process li{border-top:1px solid var(--border);gap:1.4rem;padding:1.8rem 0;display:flex;position:relative}.automation-process li>span:first-child{color:var(--primary);padding-top:7px;font-size:.65rem}.automation-process h3{margin:0 0 .7rem;font-size:1.3rem}.automation-process li p{color:var(--muted-foreground);margin:0;font-size:.9rem;line-height:1.7}.process-knot{background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;right:0}.service-page-1{overflow:clip}@media (width<=1023px){.home-connections{grid-template-columns:1fr 1.2fr;gap:2rem}.automation-hero-scene{max-width:560px;margin:1rem auto 0}.service-page-1 .service-hero-grid{gap:3rem}.automation-workbench{margin-top:1rem}.automation-process{gap:3rem}.workflow-float{right:0}.dynamic-frame-layout{height:560px}}@media (width<=639px){.home-connections{grid-template-columns:1fr;gap:2rem;padding-block:4rem}.integration-diagram{height:360px}.integration-symbol{border-radius:13px;width:48px;height:48px}.integration-symbol svg{width:26px;height:26px}.integration-node{width:80px;font-size:.55rem}.integration-monogram{width:72px;height:72px;font-size:1.7rem}.integration-orbit{width:210px;height:210px}.home-frame-section{padding-top:3.5rem}.frame-section-heading{margin-bottom:2rem;display:block}.frame-section-heading>p{max-width:38ch;margin-top:1.5rem}.frame-section-heading h2{font-size:2.45rem}.dynamic-frame-layout{height:500px}.frame-label{overflow-wrap:anywhere;max-width:90%;font-size:1rem;bottom:1rem;left:.65rem}.frame-number{font-size:.5rem;top:.65rem;left:.65rem}.frame-plus{display:none}.frame-sculpture{scale:.7}.frame-section-foot{font-size:.6rem;display:block}.frame-section-foot a{margin-top:.6rem}.automation-hero-scene{height:500px}.hero-network{inset:25px 10px 95px}.is-compact .integration-symbol{width:40px;height:40px}.is-compact .integration-node{width:65px;font-size:.5rem}.is-compact .node-0,.is-compact .node-1,.is-compact .node-2{left:7%}.is-compact .node-3,.is-compact .node-4,.is-compact .node-5{left:93%}.workflow-float,.workflow-ghost{width:calc(100% - 22px);max-width:300px;right:0}.workflow-ghost{transform:translate(-10px,-20px)rotate(3deg)}.workflow-float{transform:rotate(-3deg)}.scene-coordinate{display:none}.automation-bento{grid-template-columns:1fr;gap:1.5rem}.bento-routing{grid-row:auto;margin-bottom:.5rem}.bento-routing .integration-diagram{height:350px}.routing-attached{bottom:-17px;right:8px}.automation-workbench{padding-bottom:4rem}.automation-workbench-top{display:block}.automation-workbench-top>span{margin-top:.6rem;display:block}.bento-routing-copy{padding-inline:1.4rem}.bento-heading{padding:1.4rem 1.4rem 0}.bento-scenario .automation-block,.scenario-selector,.scenario-copy{padding-inline:1.4rem}.control-paper{width:93%}.automation-process{grid-template-columns:1fr;gap:2rem;padding-bottom:4rem}}@media (prefers-reduced-motion:reduce){.dynamic-frame-layout{transition:none}.frame-sculpture i{animation:none!important}}.integration-monogram{background:var(--card);letter-spacing:normal;padding:6px}.integration-monogram .brand-emblem{width:85%;height:85%}.frame-sculpture{rotate:calc(var(--variant,0) * 3deg)}.automation-block{width:100%;height:auto}.bento-scenario .automation-block{min-height:190px}