/* Electric blue · orbital channels · illuminated action borders. */
@property --button-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{--ink:#07142e;--navy:#0c2044;--blue:#3975ff;--cyan:#87cfff;--lime:#96caff;--paper:#f4f7fd;--muted:#63728c;--line:#dce4f1;--primary:#3975ff;--secondary:#87cfff;--accent:#96caff;--success:#226bc2}
::selection{background:#91caff;color:#07142e}
.hero{background:radial-gradient(ellipse at 80% 42%,#2448a64a,transparent 51%),radial-gradient(ellipse at 9% 94%,#11419844,transparent 55%),#050e23;min-height:960px;padding-top:147px;padding-bottom:126px}
.hero-light{background:linear-gradient(90deg,#050e2355,transparent 65%),radial-gradient(ellipse at 17% 40%,#050e2360,transparent 60%)}
.hero h1 span{color:#97cfff;text-shadow:0 0 60px #246fff2c}.hero .eyebrow{color:#abc0e0}.tiny-mark,.tiny-mark:after{border-color:#7ebaff}.tiny-mark:after{background:#7ebaff}
.hero-description{color:#abbddb}.hero-content{align-self:center;padding-top:0;padding-bottom:40px}.hero-bottom{color:#93a9cb;border-color:#90aff82e}.hero-bottom a{color:#c2d3ed}
.site-header nav a:after{background:#80b8ff}.site-header .nav-cta{background:#152d5544;border-color:#769cde55}
.hero-visual{aspect-ratio:600/660;margin:0 0 21px;padding:0;--active-channel:#8abfff;--orbit-scale:1;align-self:center}
.hero-visual:before{inset:12% -4% 12%;background:radial-gradient(ellipse,#2d59bf30,transparent 66%)}
.channel-traces{inset:0;width:100%;height:100%;overflow:visible}.orbital-track{stroke:#6598f544;stroke-width:1;vector-effect:non-scaling-stroke}.orbit-track-inner{stroke:#6598f51c;stroke-dasharray:3 8}
.trace-base path{stroke:#6094ec25}.trace-flow path{opacity:.5;stroke-width:1.3}.trace-flow .is-active{opacity:1;stroke:#8dcaff;stroke-width:2}.trace-flow path:nth-child(5){animation-delay:-3.6s}.trace-flow path:nth-child(6){animation-delay:-.8s;animation-duration:7s}.core-connection{stroke:#b5d9ff}
.connection-core{top:15.8%;padding:12px 15px;gap:10px;background:linear-gradient(130deg,#203b68,#101f40);border-color:#8bb6ff69;box-shadow:0 0 0 5px #81aaff06,0 12px 45px #0004,0 0 35px #3271f515;border-radius:15px}
.connection-core strong{color:#f5f9ff;font-size:22px}.connection-core div>span{color:#a2b8da}.connection-core>i{background:#9bd6ff;box-shadow:0 0 12px #65b4ff77}.core-symbol{background:#3b598044;border-color:#a1c6ff2c}
.hero-window{left:20%;top:28.5%;width:60%;height:39%;border-color:#9bc2ff4a;background:linear-gradient(135deg,#294976c9,#142c54dc);box-shadow:0 25px 65px #0005,inset 0 1px #ffffff20;transform:rotate(-3deg);border-radius:17px}
.window-bar{background:#102d593b;height:31px;padding:10px 13px;color:#adc7ed}.window-dots i{background:#8aafe0}
.hero-characters{top:31px;bottom:43px;background:radial-gradient(ellipse at 42% 90%,#6388d44a,transparent 68%)}
.hero-characters .hero-iva{height:112%;width:66%;left:-3%}.hero-characters .hero-be{height:98%;width:37%;right:5%;border-color:#f2f7ff}
.hero-window-foot{height:43px;padding:10px 15px;background:#102543f2;border-color:#a5c4ff29}.hero-window-foot .persona-name span{color:#a6bbd9;font-size:8px}.hero-window-foot strong{color:#edf6ff;font-size:11px}.hero-window-foot .persona-plus{color:#99b5df}.persona-name i{background:#83bbff}
.channel-node{left:50%;top:45%;width:88px;gap:7px;transform:translate(-50%,-50%);will-change:transform;transition:none;color:#c6d8f4}.channel-name{font-size:10px;text-shadow:0 2px 9px #040d25;font-weight:500;white-space:nowrap}
.channel-icon{width:57px;height:57px;border-radius:18px;box-shadow:0 10px 30px #0004,inset 0 1px #ffffff29}.channel-icon img,.channel-icon>svg{width:25px;height:25px}.channel-icon>svg{color:white}.channel-icon:before{inset:-5px;border-radius:22px}
.node-webchat{--channel-color:#8bd5ff;--channel-bg:#1377bb}.node-custom{--channel-color:#abc8ff;--channel-bg:#254782}.node-custom .channel-icon{background:linear-gradient(135deg,#315999,#172e57);border-style:dashed}.node-custom .channel-name{font-size:9px}
.hero-visual[data-active-channel]{--active-channel:#8bbdff}.hero-visual[data-active-channel=whatsapp]{--active-channel:#8bd7bd}.hero-visual[data-active-channel=messenger]{--active-channel:#b9afff}.hero-visual[data-active-channel=instagram]{--active-channel:#e8baff}
.connection-detail{top:87%;width:70%;max-width:370px;padding:14px 17px;background:linear-gradient(115deg,#173565,#112644);border-color:#759cdf55;box-shadow:0 12px 35px #0003;gap:11px}.connection-detail p{font-size:11px;color:#deebff}.connection-detail p>span{color:#7da0cf}.connection-detail div>span{color:#abc2e2;font-size:9px}.detail-arrow{color:#95caff}.hero-channel-note{top:100%;color:#8ea7d0;font-size:8px}
/* Static positions are a useful fallback before JavaScript lays out the orbit. */
.node-whatsapp{left:8%;top:36%}.node-facebook{left:24%;top:9%}.node-messenger{left:76%;top:9%}.node-instagram{left:92%;top:51%}.node-webchat{left:72%;top:79%}.node-custom{left:27%;top:79%}
.hero-visual.orbit-ready .channel-node{left:0;top:0}
/* One illuminated perimeter on the primary actions, never over the text. */
.button,.nav-cta,.hero-actions .text-link,.film-button,.video-control{position:relative;isolation:isolate}
.button:before,.nav-cta:before,.hero-actions .text-link:before,.film-button:before,.video-control:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.7px;pointer-events:none;z-index:2;background:conic-gradient(from var(--button-angle),#7badff15 0deg,#7badff20 245deg,#59a9ff 290deg,#e0f6ff 315deg,#59a9ff55 345deg,#7badff15 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:button-perimeter 4.2s linear infinite;animation-play-state:paused}
.button.is-in-view:before,.nav-cta.is-in-view:before,.hero-actions .text-link.is-in-view:before,.film-button.is-in-view:before,.video-control.is-in-view:before{animation-play-state:running}
.button-lime{background:linear-gradient(125deg,#2867e8,#214bd2);color:#fff;border:1px solid #81adff80;box-shadow:0 8px 26px #2765ed26,inset 0 1px #ffffff18;border-radius:9px}
.button-lime:hover{background:linear-gradient(125deg,#2f6fec,#2857da);box-shadow:0 12px 35px #2765ed45;transform:translateY(-3px)}
.hero-actions{gap:17px;flex-wrap:wrap}.hero-actions .text-link{min-height:54px;padding:16px 18px;display:inline-flex;gap:17px;align-items:center;border:1px solid #779ad54a;border-radius:9px;background:#11254a77;font-size:12px;color:#d3e2ff}
.hero-actions .text-link:hover{background:#1b376766}.nav-cta:hover{background:#25437877}.button:focus-visible,.nav-cta:focus-visible,.hero-actions .text-link:focus-visible{outline-color:#a5d4ff}
@keyframes button-perimeter{to{--button-angle:360deg}}
/* Blue carries the complete page; municipal imagery keeps its original colors. */
.services-ribbon{background:linear-gradient(105deg,#153987,#2361cc,#174991);color:#e5f0ff;border-top:1px solid #5f99ff4a;border-bottom:1px solid #0e2863}.ribbon-track i{color:#9dcfff;opacity:.6}
.journey{background:#f3f6fc}.dark-eyebrow{color:#42628f}.muted-text{color:#6c819e}.journey-step.is-current h3,.journey-step.is-current .step-count{color:#2668cc}.channel-pills span{color:#526e96;border-color:#cbd8ed}
.journey-stage{border-color:#d4def0;box-shadow:0 18px 50px #193d7c0d}.demo-top{border-color:#e3e9f5}.demo-tag{background:#eef3fc;color:#526e97}.mini-logo b{color:#60769a}.flow-node{color:#5b7294;background:#f0f4fc}.flow-node.active{background:#dcecff;color:#255daf}.flow-line i{background:#d2def2}
.avatar-dot{background:#dceaff;color:#3a67a1}.citizen-bubble{background:#edf1f8;color:#435c7e}.assistant-bubble{background:#e2edff;color:#335f9b}.typing-indicator i{background:#6898d8}.flow-controls button{background:#f0f4fb}.flow-controls button.active{background:#245bbd}.flow-controls button:not(.active){color:#516e98}
.screen-kicker,.screen-note,.chat-label small,.classification span,.request-card p,.request-footer,.flow-controls>span{color:#587097}.classification b,.insight-list b{color:#3268c7}.request-card{border-color:#d8e3f3}.request-mark{background:#e0ebfc}.request-footer b{color:#2768b6}.routing-options{border-color:#d8e3f3;color:#57709a}.routing-options b{color:#315eaa}
.identity{background:#0b193a}.identity h2 span{color:#95c8ff}.identity .eyebrow{color:#a3bee4}.identity-intro p:last-child{color:#a8bcdb}.cinema-caption em{color:#a9d6ff}.location-pill i{background:#92caff}.identity-bottom{color:#9fb7da}.identity-bottom i{background:#6293d6}
.workspace{border-color:#dce4f2}.perspective-tabs{background:#f3f6fc;border-color:#dce4f2}.perspective-tabs button{color:#617799;border-color:#dce4f2}.perspective-tabs button[aria-selected=true]{background:#153b79}.perspective-tabs button[aria-selected=true]:focus-visible{outline-color:#a9d6ff}
.perspective-copy p{color:#64758d}.check-list{color:#486180}.check-list li:before{color:#357ed9}.citizen-network{background:#eaf1fc}.citizen-network:before{border-color:#b8cceb}.citizen-network:after{border-color:#b8cceb}.network-hub{background:linear-gradient(135deg,#e1edff,#c6dcff);color:#214d92;border-color:#9dbcF0;box-shadow:0 10px 45px #325ea318}.network-channel{border-color:#d1dff2}.network-corner,.network-bottom{color:#536f99}
.queue-demo,.analytics-demo{background:#edf2fa}.queue-label{background:#e9f1fe;color:#4c6e9c}.queue-columns article{border-color:#d9e3f3}.queue-columns .assigned{border-color:#afc9ec;background:#f5f9ff}.queue-columns h4,.queue-columns small,.analytics-labels,.analytics-foot{color:#516c93}.team-dots i{background:#d3e5ff}.team-dots i+i{background:#e9eefb}.analysis-symbol span{background:#b6ceed}.analysis-symbol span:nth-child(2n){background:#7fa8e5}.analysis-symbol span:nth-child(3n){background:#3d6db9}.analytics-labels{border-color:#c4d4ed}.analytics-foot strong{color:#28508c}.principle-symbol{color:#427dde}.platform-principles p{color:#657793}
.cities{background:#edf2fa}.cities-heading>p{color:#657895}.city-type,.city-caption p{color:#5c7192}.city-link{border-color:#d5e0f0}.city-link>span[aria-hidden]{color:#3671cd}.expansion-card{background:linear-gradient(145deg,#163b78,#0c2149);color:#e8f1ff}.expansion-card>.eyebrow{color:#a0bae2}.expansion-number{color:#93c5ff}.expansion-network{border-color:#73a5e04a}.expansion-network:before{border-color:#73a5e04a}.expansion-network>span{color:#a7ceff}.expansion-network i{background:#9bcaff;border-color:#325b93;box-shadow:0 0 0 6px #a6d0ff08}.expansion-copy p{color:#adc1e0}.personalization{border-color:#d0ddee}.personalization>p{color:#294977}.personalization>p>span{color:#7c92b0}
.governance{background:#0b193a}.governance .eyebrow{color:#a3bbe0}.governance-intro>p:not(.eyebrow){color:#adbfda}.governance-layers article{border-color:#809fcd38}.governance-layers article>span,.governance-layers article>b{color:#8cbaff}.governance-layers p{color:#a4b9d7}
.impact{background:#edf5f7}.impact h2{color:#234967}.impact h2 em{color:#3d7f80}.impact-copy>p{color:#597687}.impact-commitment{border-color:#c5d9dd}.impact-commitment p{color:#526e7a}.impact-top .dark-eyebrow{color:#466d85}.vision-label{border-color:#a5bfc9;color:#527386}
.contact{background:radial-gradient(ellipse at 82% 15%,#386bdd44,transparent 60%),linear-gradient(125deg,#122d67,#0c1c43)}.contact>.eyebrow{color:#afcaff}.contact h2>span{color:#95c7ff}.contact-aside p{color:#b9cdea}.contact-signature{color:#89b9ff20;border-color:#a8caff2c}.contact-signature>span{color:#a4ceff45}.site-footer{background:#060f25}.footer-top>p{color:#91abcf}.footer-top nav{color:#b8cbea}.footer-bottom{color:#91a9ce;border-color:#96b6e426}.motion-toggle{background:#0b2047ed;color:#d6e6ff;border-color:#85aafa44}.film-dialog{background:#0c1d3c;border-color:#52739f}.film-dialog button{background:#244779}
.motion-paused .button:before,.motion-paused .nav-cta:before,.motion-paused .hero-actions .text-link:before{animation:none!important}
@media(min-width:1550px){.hero{min-height:1020px;padding-top:160px}.hero-visual{max-width:720px}}
@media(min-width:761px) and (max-width:1100px){.hero{min-height:870px;padding-top:140px;grid-template-columns:1fr 1.04fr}.hero-content{padding-bottom:0}.hero-visual{aspect-ratio:600/720;margin:45px 0 0;align-self:start}.channel-traces{height:91.6667%;top:0}.connection-core{top:14.5%;padding:9px 11px}.connection-core strong{font-size:19px}.core-symbol{width:32px;height:32px}.connection-core div>span{font-size:5px}.hero-window{left:20%;top:26.1%;height:35.75%;width:60%}.window-bar{height:27px;font-size:4.5px;padding:8px}.hero-characters{top:27px;bottom:35px}.hero-window-foot{height:35px;padding:8px}.hero-window-foot .persona-name span{font-size:6px}.hero-window-foot strong{font-size:9px}.channel-icon{width:46px;height:46px;border-radius:15px}.channel-icon img,.channel-icon>svg{width:22px;height:22px}.channel-name{font-size:8px}.node-custom .channel-name{font-size:7px}.channel-node{width:72px;gap:6px}.connection-detail{top:80%;width:87%;padding:12px;gap:8px}.connection-detail p{font-size:10px}.connection-detail div>span{font-size:8px}.hero-channel-note{top:96%;font-size:7px}.hero-actions .text-link{min-height:50px;padding:14px 16px;font-size:11px}}
@media(max-width:760px){.hero{min-height:0;padding:119px 6% 100px;background:radial-gradient(ellipse at 60% 66%,#2344a040,transparent 55%),#050e23;gap:24px}.hero-content{padding:0;align-self:auto}.hero-visual{aspect-ratio:600/720;margin:21px -6px 8px;width:calc(100% + 12px);max-width:480px;align-self:center}.channel-traces{height:91.6667%;inset:0}.connection-core{top:14.5%;padding:8px 10px;border-radius:12px;gap:6px}.connection-core strong{font-size:18px}.connection-core div>span{font-size:4.5px;margin-top:4px}.core-symbol{height:30px;width:30px}.core-symbol img{height:24px;width:29px}.connection-core>i{width:3px;height:3px;margin:5px 0 0 3px}.hero-window{left:20%;top:26.1%;height:35.75%;width:60%;border-radius:12px}.window-bar{height:23px;padding:7px 9px;font-size:4px}.hero-characters{top:23px;bottom:29px}.hero-characters .hero-iva{height:115%;width:67%}.hero-characters .hero-be{height:100%;width:37%;border-width:2px}.hero-window-foot{height:29px;padding:7px 9px;gap:4px}.hero-window-foot strong{font-size:8px;margin-right:2px}.hero-window-foot .persona-name span{font-size:5.5px}.persona-name{gap:3px}.persona-name i{height:3px;width:3px}.hero-window-foot .persona-plus{font-size:11px}.channel-node{width:65px;gap:5px}.channel-icon{height:43px;width:43px;border-radius:14px}.channel-icon img,.channel-icon>svg{height:20px;width:20px}.channel-icon:before{inset:-3px;border-radius:17px}.channel-name{font-size:7px}.node-custom .channel-name{font-size:6.5px}.channel-node>i{bottom:-5px;width:3px;height:3px}.connection-detail{top:81%;width:85%;padding:11px 12px;gap:9px;border-radius:10px}.connection-detail p{font-size:10px}.connection-detail div>span{font-size:8px}.hero-channel-note{top:98%;font-size:6px}.hero-actions{gap:12px}.hero-actions .text-link{min-height:49px;padding:13px 14px;font-size:10px;gap:10px}.hero-actions .button{min-height:49px}.hero-bottom{bottom:24px}.button-lime{box-shadow:0 6px 22px #2765ed25}}
@media(max-width:380px){.hero-actions .button{font-size:10px;padding:14px 12px;gap:13px}.hero-actions .text-link{font-size:9px;padding:13px 11px;gap:7px}.hero-actions{gap:9px}.channel-icon{height:39px;width:39px;border-radius:12px}.channel-icon img,.channel-icon>svg{height:19px;width:19px}.channel-node{width:61px}.channel-name{font-size:6.5px}.node-custom .channel-name{font-size:6px}.connection-core strong{font-size:17px}.connection-detail p{font-size:9px}.connection-detail div>span{font-size:7px}.connection-core div>span{font-size:4px}.hero-window-foot .persona-name span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.button:before,.nav-cta:before,.hero-actions .text-link:before,.film-button:before,.video-control:before{animation:none!important}.channel-node{will-change:auto}}