/* Visible, unhurried motion. No sequential highlighting or saturated outlines. */
.flow-paths path{stroke:#8cb6cb;stroke-width:1.4;stroke-dasharray:3 8;opacity:.6}.flow-trail{fill:none;stroke:#4197c0;stroke-width:2.8;stroke-linecap:round;opacity:.66}.flow-dot{fill:#238bb8;opacity:.85}.flow-label{color:#405864!important}.hero-tools .tool-tile{will-change:translate}.flow-intelligence{color:#176f9f}.intelligence-dot{animation:intelligence-breath 5s ease-in-out infinite}@keyframes intelligence-breath{50%{box-shadow:0 0 0 6px #b5def244;opacity:.65}}
.is-scattered .coord-viewport{aspect-ratio:600/715}.is-scattered .coord-stage{height:715px}.is-scattered .coord-stage:before,.is-scattered .coord-card:before{display:none}.is-scattered .coord-card{width:230px;height:196px;padding:12px 10px;background:white;border-color:#e0e5e9;box-shadow:0 12px 28px #152e4210}.is-scattered .coord-strategy{left:17px!important;top:12px!important;rotate:-3deg!important}.is-scattered .coord-copy{left:344px!important;top:48px!important;rotate:3deg!important}.is-scattered .coord-design{left:37px!important;top:259px!important;rotate:2deg!important}.is-scattered .coord-development{left:347px!important;top:285px!important;rotate:-2deg!important}.is-scattered .coord-paid{left:14px!important;top:496px!important;rotate:-2deg!important}.is-scattered .coord-email{left:338px!important;top:512px!important;rotate:3deg!important}.is-scattered .coord-card strong{font-size:18px;min-height:22px}.is-scattered .coord-role-detail{font-size:13px}.is-scattered .coord-status{background:#f6f4f2;color:#815747;margin-top:8px;padding:7px 3px}.is-scattered .coord-status span{font-size:11px;color:#697078}.is-scattered .coord-status b{font-size:14px}.mess-bubble{position:absolute;z-index:3;bottom:-17px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;border:1px solid #dec5bb;border-radius:8px;padding:8px 10px;color:#7b4e3e;font-size:13px;box-shadow:0 5px 15px #522c2510;opacity:0;transition:opacity .7s,translate .7s;translate:0 5px}.coord-card.is-question .mess-bubble{opacity:1;translate:0 0}.coord-card.is-question{border-color:#dac5ba}.is-scattered .coord-topline{padding-bottom:22px;letter-spacing:1px;font-size:10px}
.connected-system{font-family:'Hanken Grotesk',sans-serif;width:100%;padding:65px 30px 95px;box-sizing:border-box;color:#111820;background:linear-gradient(180deg,#fff,#f5faff 60%,#fff);position:relative}.system-intro{text-align:center;margin:auto auto 56px;max-width:720px}.system-intro .section-kicker{font-size:11px;letter-spacing:1.5px}.system-intro h2{font-family:inherit;font-size:clamp(36px,4.1vw,58px);line-height:1.06;letter-spacing:-2px;font-weight:650;margin:18px 0}.system-intro>p{font-size:18px;line-height:1.5;margin:0;color:#435564}.system-map{position:relative;display:grid;grid-template-columns:1fr 300px 1fr;align-items:center;column-gap:64px;row-gap:46px;max-width:1080px;margin:auto}.system-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.system-wire-base path{fill:none;stroke:#bfd6e5;stroke-width:1.2}.system-wire-flow path{fill:none;stroke:#2d91c0;stroke-width:2;stroke-linecap:round;opacity:.65}.system-inputs{display:flex;flex-direction:column;gap:21px;position:relative;z-index:1}.system-input{display:flex;align-items:center;gap:14px;background:linear-gradient(150deg,#fff,#f4f9fc);border:1px solid #e0e9ef;border-radius:12px;min-height:83px;padding:14px 17px;box-sizing:border-box;box-shadow:0 4px 0 #e5eef3,0 10px 25px #223e5410}.system-symbol{font-size:24px;color:#428cad;width:24px;flex:none;text-align:center}.system-input strong{font-size:15px;font-weight:650}.system-input p{font-size:12px;line-height:1.5;color:#4e6070;margin:5px 0 0}.system-core{position:relative;z-index:1;border:1px solid #b9d7e7;background:#fff;border-radius:20px;padding:28px 20px 22px;text-align:center;box-shadow:0 8px 0 #e0edf5,0 22px 50px #176f9f12}.system-models{display:flex;justify-content:center;gap:23px;margin-bottom:25px}.system-models span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:#374e5d}.system-models img{width:36px;height:36px;object-fit:contain}.system-core-label{font-size:10px;letter-spacing:1.8px;color:#176f9f}.system-core h3{font-size:27px;line-height:1.12;letter-spacing:-.6px;margin:12px 0 25px;font-weight:650}.system-human{border-top:1px solid #e6eef2;padding-top:17px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}.system-human img{width:38px;height:38px;object-fit:cover;border-radius:50%}.system-human span{display:flex;flex-direction:column;font-size:10px;line-height:1.6;color:#4e6070}.system-human strong{font-size:13px;color:#111820}.system-tools{position:relative;z-index:1;grid-column:1/-1;display:flex;justify-content:center;gap:22px;padding-top:12px}.system-tools>span{display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #dfebf2;border-radius:10px;padding:13px 18px;font-size:13px;box-shadow:0 4px 0 #e5edf2}.system-tools img{width:25px;height:25px;object-fit:contain}.system-tools>span:nth-child(4) img{width:40px}.system-tools>span:nth-child(2) img{filter:invert(42%) sepia(63%) saturate(562%) hue-rotate(40deg) brightness(94%)}.system-tools>span:nth-child(3) img{filter:invert(39%) sepia(86%) saturate(1633%) hue-rotate(186deg)}
@media(min-width:810px) and (max-width:1199px){.system-map{grid-template-columns:1fr 250px 1fr;column-gap:25px}.system-input{padding:13px 10px;gap:9px}.system-input strong{font-size:13px}.system-input p{font-size:11px}}
@media(max-width:809px){.connected-system{padding:55px 22px 70px}.system-intro{margin-bottom:35px}.system-intro h2{letter-spacing:-1.4px}.system-intro>p{font-size:16px}.system-map{display:grid;grid-template-columns:1fr 1fr;gap:30px 15px;max-width:570px}.system-inputs{gap:14px;grid-row:1}.system-input{min-height:105px;padding:13px 12px;display:block}.system-symbol{display:none}.system-input strong{font-size:13px;line-height:1.3;display:block}.system-input p{font-size:11px;margin-top:7px}.system-core{grid-column:1/-1;grid-row:2;width:260px;box-sizing:border-box;justify-self:center}.system-tools{grid-row:3;gap:12px;flex-wrap:wrap;padding-top:0}.system-tools>span{font-size:11px;padding:10px 13px;gap:6px}.system-tools img{width:20px;height:20px}.system-models{margin-bottom:16px}.system-core h3{font-size:26px}.flow-routes{display:block!important}.hero-tools:before,.hero-tools:after{display:none!important}}
@media(max-width:600px){.is-scattered .coord-viewport{aspect-ratio:auto}.is-scattered .coord-stage{height:auto;gap:35px 14px;padding:8px 0 25px}.is-scattered .coord-card{left:auto!important;top:auto!important;width:100%;height:195px;padding:10px 6px;rotate:0deg!important}.is-scattered .coord-card:nth-child(even){translate:0 12px}.is-scattered .coord-card strong{font-size:13px;min-height:30px}.is-scattered .coord-role-detail{font-size:10px;min-height:26px;text-align:center}.is-scattered .coord-status b{font-size:12px}.is-scattered .coord-status span{font-size:9px}.is-scattered .coord-status{padding:6px 1px;margin-top:4px}.mess-bubble{font-size:10px;padding:6px;max-width:145px;white-space:normal;text-align:center;width:max-content}.is-scattered .coord-topline{font-size:9px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.flow-trail,.system-wire-flow{display:none}.intelligence-dot{animation:none}.mess-bubble{transition:none}.coord-card{transition:none}}
/* Preserve the narrative order across inherited Framer breakpoints. */
#page>*:not(#top){order:0!important}.is-scattered .coord-viewport{aspect-ratio:600/750}.is-scattered .coord-stage{height:750px}
@media(max-width:600px){.is-scattered .coord-viewport{aspect-ratio:auto}.is-scattered .coord-stage{height:auto;padding-bottom:36px}}