/* e-Protocolo: city transformation and product capability views */
.brand-image{position:relative;width:43px;height:40px;border:0;border-radius:0;box-shadow:none;transform:none;overflow:hidden}
.brand-image img{position:absolute;left:50%;top:50%;width:58px;height:auto;max-width:none;transform:translate(-50%,-50%)}
.hero-v2 .hero-stage{height:clamp(850px,100svh,1020px);min-height:850px;max-height:none;overflow:hidden}
.hero-v2 .city-scene{position:absolute;inset:290px 0 0;overflow:hidden;background:#06142c}
.hero-v2 .city-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none;transform:none;transition:opacity 1.5s ease,filter 1.5s ease}
.hero-v2 .city-scene .city-old{z-index:0;opacity:1}
.hero-v2 .city-scene .city-new{z-index:1;opacity:0}
body.is-active .hero-v2 .city-scene .city-old{opacity:0}
body.is-active .hero-v2 .city-scene .city-new{opacity:1}
.hero-v2 .city-shade{z-index:2;background:linear-gradient(180deg,#06142bed 0%,#071734d1 22%,#07173456 45%,transparent 65%,#07142cd8 100%),linear-gradient(90deg,#07142c2e,transparent 45%,#07142c1a);opacity:1}
body.is-active .hero-v2 .city-shade{opacity:.83}
.hero-v2 .hero-copy{position:absolute;top:112px;left:50%;width:min(1110px,calc(100% - 72px));padding:0;z-index:12;text-align:center;transform:translateX(-50%)}
.hero-v2 .eyebrow{display:block;color:#ffae76;font-size:.76rem;letter-spacing:.18em;margin:0 0 22px}
.hero-v2 .hero-copy h1{font-size:clamp(3.4rem,4.8vw,5.5rem);line-height:1.065;letter-spacing:-.067em;white-space:normal;margin-bottom:18px;text-shadow:0 7px 35px #03102385}
.hero-v2 .hero-copy h1 em{color:#ff9156}
.hero-v2 .hero-description{max-width:680px;margin:0 auto 24px;color:#eff5ff;font-size:1.04rem;line-height:1.7;text-shadow:0 2px 18px #06142b}
.hero-v2 .hero-actions{justify-content:center;gap:19px}
.hero-v2 .button-primary{background:#ff995e;color:#0c2341;box-shadow:0 12px 38px #d36c3690}
.hero-v2 .button-primary:hover{background:#ffb383;box-shadow:0 16px 50px #ed874aae}
body.is-active .hero-v2 .button-primary{background:#e6efff;color:#153d78}
.hero-v2 #activate{position:relative;isolation:isolate;min-width:255px;padding:13px 19px 13px 13px;border:1px solid #ffcfab;animation:contractBlink 2.2s ease-in-out infinite}
.hero-v2 #activate::before{content:"";position:absolute;inset:-5px;z-index:-1;border:2px solid #ffad77;border-radius:inherit;pointer-events:none;animation:contractRing 2.2s ease-in-out infinite}
.activate-switch{position:relative;display:block;width:46px;height:28px;flex:none;border-radius:30px;background:#91502e;border:1px solid #9e522d;box-shadow:inset 0 2px 5px #49211278;transition:background .3s,border-color .3s}
.activate-switch-knob{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff6ed;box-shadow:0 2px 6px #32180c70;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.activate-label{white-space:nowrap}
.activate-led{width:9px;height:9px;flex:none;margin-left:auto;border-radius:50%;background:#ffede0;box-shadow:0 0 10px 2px #fff2dd;animation:contractLed 1.1s ease-in-out infinite}
body.is-active .hero-v2 #activate{background:#bcece5;border-color:#83f2de;color:#07484e}
body.is-active .hero-v2 #activate{animation-name:contractBlinkActive}
body.is-active .hero-v2 #activate:hover{background:#d1f9f0}
body.is-active .hero-v2 #activate::before{border-color:#56dbd4}
body.is-active .activate-switch{background:#15877f;border-color:#49c4b5}
body.is-active .activate-switch-knob{transform:translateX(19px)}
body.is-active .activate-led{background:#16a695;box-shadow:0 0 10px 2px #44dbc3}
@keyframes contractBlink{0%,100%{box-shadow:0 11px 30px #eb844773}50%{box-shadow:0 11px 54px #ff965de6}}
@keyframes contractBlinkActive{0%,100%{box-shadow:0 11px 30px #3bc9ba73}50%{box-shadow:0 11px 54px #48e7d4d9}}
@keyframes contractRing{0%,100%{opacity:.12;transform:scale(.99)}50%{opacity:.75;transform:scale(1.025)}}
@keyframes contractLed{0%,100%{opacity:1}50%{opacity:.3}}
.hero-v2 .hero-hint{max-width:none;margin:13px auto 0;color:#bdcce2;font-size:.71rem}
.hero-v2 .hero-bottom{left:5vw;right:5vw;bottom:22px;z-index:7}
.hero-v2 .scene-kicker{z-index:8;top:auto;bottom:103px;left:5vw;right:auto;font-size:.63rem}
.hero-v2 .scene-kicker .live-dot{background:#f3a36d;box-shadow:0 0 0 5px #ffb47640,0 0 16px #ffb476}
body.is-active .hero-v2 .scene-kicker .live-dot{background:#78e7df;box-shadow:0 0 0 5px #78e7df3b,0 0 16px #78e7df}
body.is-active .hero-v2 .scene-kicker{opacity:0}
.hero-v2 .scene-readout{z-index:8;top:auto;right:auto;bottom:147px;left:5vw;max-width:370px;background:#071d3ae6;color:#e5efff;border-color:#a6c4f47a;font-size:.75rem}
.sound-toggle{position:absolute;z-index:13;right:4.7vw;top:109px;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #cce0ff65;background:#071b38bf;color:#e5f0ff;border-radius:100px;font-size:.72rem;backdrop-filter:blur(10px)}
.sound-toggle svg{width:17px;height:17px}.sound-toggle .sound-off{display:none}.sound-toggle[aria-pressed="false"] .sound-on{display:none}.sound-toggle[aria-pressed="false"] .sound-off{display:block}
.network-lines{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .35s}
body.is-active .network-lines{opacity:1}
.network-lines .link-line{fill:none;stroke:#48dff7;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 10px #5beaff);animation:none}
body.is-active .network-lines .link-line{animation:lineDraw 1.35s cubic-bezier(.2,.65,.25,1) forwards}
body.is-active .network-lines .link-line:nth-child(2){animation-delay:.18s}body.is-active .network-lines .link-line:nth-child(3){animation-delay:.34s}body.is-active .network-lines .link-line:nth-child(4){animation-delay:.5s}body.is-active .network-lines .link-line:nth-child(5){animation-delay:.66s}
.network-hub{fill:#69e8f6;stroke:#eaffff;stroke-width:2;opacity:0;filter:drop-shadow(0 0 10px #52eaff)}body.is-active .network-hub{opacity:1;transition:opacity .6s .5s}
@keyframes lineDraw{to{stroke-dashoffset:0}}
.network-tag{position:absolute;z-index:6;left:19vw;bottom:80px;transform:translate(-50%,22px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:9px;padding:11px 17px;background:#041f3ee8;border:1px solid #73dcf6a3;color:#bff6ff;border-radius:30px;white-space:nowrap;letter-spacing:.12em;font-size:.65rem;font-weight:800;box-shadow:0 0 24px #32b3f673;transition:opacity .6s .9s,transform .6s .9s}
.network-tag small{font-size:.61rem;letter-spacing:0;color:#9ebbd7;font-weight:500;border-left:1px solid #9ebbd780;padding-left:9px}
.network-tag .live-dot{width:6px;height:6px;background:#61d7eb;box-shadow:0 0 12px #61d7eb}
body.is-active .network-tag{opacity:1;transform:translate(-50%,0)}
.hero-v2 .agency{z-index:5;filter:drop-shadow(0 5px 13px #04152bd4);transition:filter .25s}
.hero-v2 .agency:hover,.hero-v2 .agency.is-spotlight,.hero-v2 .agency:focus-visible{z-index:18;filter:drop-shadow(0 12px 25px #60bcff)}
.hero-v2 .agency-label{max-width:205px;white-space:normal;text-align:center;line-height:1.25;font-size:clamp(.74rem,.88vw,.88rem);background:#091a31ed;border-color:#f2bd84ad;padding:8px 11px}
body.is-active .hero-v2 .agency-label{background:#07274ce8;border-color:#72d8f5c9}
.agency-status{display:block;max-height:0;opacity:0;overflow:hidden;white-space:nowrap;color:#d7faff;background:#064e6ff0;border:1px solid #65d7ee;border-radius:5px;padding:0 7px;font-size:.6rem;line-height:1.35;font-weight:800;letter-spacing:.03em;transition:max-height .3s,padding .3s,opacity .3s}
body.is-active .agency-status{max-height:35px;opacity:1;padding:4px 7px;transition-delay:.7s}
.hero-v2 .agency .paper-stack{transform-origin:center bottom}
.agency-chat{position:absolute;top:calc(100% + 11px);left:50%;display:block;width:235px;padding:13px;background:#f9fbff;color:#192d4f;border:1px solid #d7e6f6;border-radius:12px;box-shadow:0 16px 60px #061834c7;text-align:left;opacity:0;visibility:hidden;transform:translate(-50%,-9px) scale(.96);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none;white-space:normal}
.agency.is-spotlight .agency-chat,.agency:hover .agency-chat,.agency:focus-visible .agency-chat{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.agency-chat::before{content:"";position:absolute;top:-7px;left:calc(50% - 7px);width:12px;height:12px;background:#f9fbff;border-top:1px solid #d7e6f6;border-left:1px solid #d7e6f6;transform:rotate(45deg)}
.agency--education .agency-chat,.agency--works .agency-chat,.agency--social .agency-chat{top:auto;bottom:calc(100% + 10px)}
.agency--education .agency-chat::before,.agency--works .agency-chat::before,.agency--social .agency-chat::before{top:auto;bottom:-7px;border:0;border-right:1px solid #d7e6f6;border-bottom:1px solid #d7e6f6}
.agency-chat-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px solid #dce7f1;padding-bottom:9px;margin-bottom:9px}
.agency-chat-title strong{font-size:.72rem}.agency-chat-title small{font-size:.56rem;color:#7690b0;white-space:nowrap}
.chat-message{display:flex;align-items:flex-start;gap:7px;margin:7px 0}
.chat-message:nth-child(3){margin-left:16px}
.chat-avatar{display:grid;place-items:center;flex:none;width:25px;height:25px;background:#e3edff;color:#2856b2;border-radius:50%;font-weight:800;font-size:.54rem}
.chat-message:nth-child(3) .chat-avatar{background:#fef0e2;color:#b46828}
.chat-message>span:last-child{display:block;border-radius:8px;background:#eaf0fa;padding:6px 8px;font-size:.64rem;line-height:1.4;max-width:173px}
.chat-message:nth-child(3)>span:last-child{background:#fff0de}
.chat-message b{display:block;font-size:.61rem;margin-bottom:2px}
.chat-card-foot{display:flex;align-items:center;gap:6px;color:#8595ae;font-size:.55rem;border-top:1px solid #e3e9f2;margin-top:10px;padding-top:8px}
body.is-active .chat-card-foot{color:#297ea1}
.hero-v2 .simulation-card{left:50%;right:auto;bottom:24px;width:305px;min-height:276px;transform:translate(-50%,70px);opacity:0;pointer-events:none;transition:transform .75s cubic-bezier(.18,.7,.2,1),opacity .5s,box-shadow .8s,min-height .6s}
body.is-active .hero-v2 .simulation-card{min-height:356px;transform:translate(-50%,0);opacity:1;pointer-events:auto}
.hero-v2 .sim-money{font-size:2.13rem}
.mobile-conversation{display:none}
/* Broader feature tour, written for the municipal e-Protocolo */
.features-v2 .features-intro{max-width:750px;margin-bottom:55px}
.features-v2 .features-intro>p:last-child{max-width:620px}
.feature-showcase{display:grid;grid-template-columns:1fr 1.08fr;gap:5%;align-items:center;padding:36px;border-radius:22px;background:#eaf0fb;border:1px solid #dce6f5;overflow:hidden}
.showcase-index{color:#3770ce;font-size:.68rem;font-weight:800;letter-spacing:.15em}
.showcase-copy{padding:15px}
.showcase-copy h3{font-size:clamp(2rem,3.2vw,3.6rem);line-height:1.13;letter-spacing:-.06em;max-width:470px;margin:15px 0 19px}
.showcase-copy p{color:#576b8d;line-height:1.8;font-size:.96rem;max-width:445px}
.showcase-copy ul{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:12px;color:#234574;font-size:.83rem;font-weight:700}
.showcase-copy li{display:flex;gap:10px;align-items:center}.showcase-copy li svg{width:16px;height:16px;color:#2d71d6}
.showcase-dashboard{background:#fff;border:1px solid #d7e1f0;border-radius:13px;box-shadow:0 22px 55px #5375b84f;overflow:hidden;transform:rotate(-1deg)}
.dash-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#142f67;color:#bccff3;font-size:.58rem;letter-spacing:.11em}.dash-logo{font-weight:900;color:#fff;font-size:.84rem;letter-spacing:-.06em}.dash-logo span{color:#9cb7fd}.dash-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#4773c2;color:#fff;font-size:.53rem}
.dash-greeting{padding:24px 23px 16px}.dash-greeting span{display:block;color:#152b51;font-weight:800;letter-spacing:-.04em;font-size:1.3rem}.dash-greeting small{color:#8292aa;font-size:.7rem}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 22px 17px}.dash-kpis>div{background:#f0f4fc;border-radius:8px;padding:12px}.dash-kpis span{display:block;color:#758aa9;font-size:.55rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}.dash-kpis strong{display:block;color:#295bb3;font-size:1.8rem;line-height:1.2;letter-spacing:-.07em}.dash-kpis small{color:#8795aa;font-size:.62rem}
.dash-list{margin:0 22px 22px;padding:15px;border:1px solid #e2e9f4;border-radius:9px}.dash-list>span{color:#8597b0;font-size:.56rem;font-weight:800;letter-spacing:.1em}.dash-list>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf0f7}.dash-list>div:last-child{border-bottom:0;padding-bottom:0}.dash-list i{width:6px;height:6px;flex:none;border-radius:50%;background:#e59958}.dash-list>div:nth-child(3) i{background:#4977d6}.dash-list>div:nth-child(4) i{background:#65bda8}.dash-list b{font-size:.68rem;color:#35445e}.dash-list small{margin-left:auto;color:#8493a8;font-size:.58rem;text-align:right}
.feature-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}
.feature-deep{display:flex;flex-direction:column;justify-content:space-between;min-height:390px;padding:35px;background:#f4f7fc;border:1px solid #e2e9f3;border-radius:17px;overflow:hidden}
.feature-deep h3{font-size:clamp(1.65rem,2.25vw,2.4rem);line-height:1.14;letter-spacing:-.055em;max-width:420px;margin:15px 0}
.feature-deep p{font-size:.88rem;line-height:1.75;color:#65748b;max-width:420px}
.builder-ui{width:min(340px,100%);background:#fff;border:1px solid #d9e4f3;box-shadow:0 10px 32px #2458a320;border-radius:10px;padding:16px;color:#1d3258;transform:translate(8%,30px) rotate(-3deg)}
.builder-ui>span{font-size:.57rem;font-weight:800;color:#6c88b4;letter-spacing:.1em}.builder-ui>div{display:flex;gap:9px;align-items:center;margin-top:12px;border:1px solid #e4eaf4;border-radius:7px;padding:9px;font-size:.65rem;font-weight:700}.builder-ui small{margin-left:auto;color:#3271d5;font-size:.54rem}.builder-check{width:10px;height:10px;border:2px solid #79a0e9;border-radius:3px}.builder-ui>b{display:block;margin-top:14px;color:#3970d0;font-size:.63rem}
.flow-ui{display:flex;align-items:center;gap:7px;margin:25px 0 6px;white-space:nowrap}.flow-step{display:flex;flex-direction:column;align-items:start;gap:6px;flex:1;padding:15px 9px;border:1px solid #dbe4f1;background:#fff;color:#60748d;border-radius:9px;font-weight:800;font-size:.71rem}.flow-step b{color:#9cafc9;font-size:.63rem}.flow-step.is-done{border-color:#94d3bd;color:#237e61}.flow-step.is-done b{color:#237e61}.flow-step.is-current{border-color:#91b4f4;color:#2454b0;background:#e9f0ff}.flow-step.is-current b{color:#2454b0}.flow-arrow{font-size:1.1rem;color:#9cb1cc}
.expanded-features{margin-top:15px}.expanded-features .feature-card{min-height:250px}.expanded-features .feature-card h3{margin-top:34px}
.kanban-showcase{display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:6%;margin-top:15px;padding:37px;background:#102e64;color:#fff;border-radius:18px;overflow:hidden}.kanban-showcase .section-kicker{color:#91b8ff}.kanban-showcase h3{font-size:clamp(1.9rem,2.8vw,3.1rem);letter-spacing:-.055em;line-height:1.14;margin:0 0 15px}.kanban-showcase p{color:#bed0eb;line-height:1.75;font-size:.88rem}.kanban-showcase .inline-link{color:#bdd5ff;margin-top:8px}
.kanban-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.kanban-ui>div{min-height:205px;border:1px solid #ffffff2a;background:#ffffff14;border-radius:10px;padding:12px}.kanban-ui>div>span{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#b9cff4;font-size:.56rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}.kanban-ui b{color:#fff}.kanban-ui p{background:#fff;border-radius:7px;color:#24395d;font-size:.62rem;line-height:1.35;font-weight:800;margin:13px 0 0;padding:10px}.kanban-ui p small{display:block;color:#8191a7;font-size:.56rem;margin-top:5px;font-weight:500}
.features-note{color:#7b8ba2;font-size:.71rem;margin:22px 0 0;line-height:1.7}
@media(max-width:1180px){.hero-v2 .hero-copy h1{font-size:clamp(3.2rem,5.1vw,5.1rem)}.hero-v2 .agency-label{font-size:.67rem}.hero-v2 .simulation-card{width:290px}.network-tag{bottom:80px}.agency-chat{width:220px}}
@media(max-width:900px){.hero-v2 .hero-stage{height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:23px}.hero-v2 .hero-copy{position:relative;order:1;top:auto;left:auto;transform:none;width:100%;padding:119px 5vw 36px}.hero-v2 .hero-copy h1{font-size:clamp(3.2rem,8.5vw,5rem)}.hero-v2 .city-scene{position:relative;order:2;inset:auto;width:100%;height:570px;aspect-ratio:auto;min-height:0}.hero-v2 .city-scene>img{object-fit:fill;object-position:center}.hero-v2 .city-shade{background:linear-gradient(180deg,#07142d88,transparent 28%,transparent 65%,#07142dc0)}.hero-v2 .simulation-card{position:relative;order:3;left:auto;right:auto;bottom:auto;margin:20px auto 0;width:calc(100% - 10vw);transform:none;opacity:1;pointer-events:auto;min-height:276px}body.is-active .hero-v2 .simulation-card{transform:none;min-height:356px}.hero-v2 .hero-bottom{display:none}.hero-v2 .scene-kicker{top:15px;left:5vw;bottom:auto}.hero-v2 .scene-readout{bottom:16px;left:5vw;right:5vw;max-width:none}.sound-toggle{top:12px;right:5vw}.network-tag{bottom:63px;left:50%}.hero-v2 .agency{transform:translate(-50%,-50%) scale(.82)}.hero-v2 .agency-chat{width:210px}}
@media(max-width:680px){.brand-image{width:37px;height:36px}.brand-image img{width:55px}.hero-v2 .hero-copy{padding:118px 20px 34px}.hero-v2 .eyebrow{font-size:.57rem;letter-spacing:.13em}.hero-v2 .hero-copy h1{font-size:clamp(2.75rem,11vw,4.4rem);line-height:1.07}.hero-v2 .hero-description{font-size:.9rem;line-height:1.65;margin-bottom:22px}.hero-v2 .hero-actions{flex-direction:column;gap:16px}.hero-v2 .hero-hint{max-width:330px;line-height:1.5}.hero-v2 .city-scene{height:410px}.hero-v2 .agency{transform:translate(-50%,-50%) scale(.68)}.hero-v2 .agency--admin{--x:17%!important;--y:33%!important}.hero-v2 .agency--education{--x:18%!important;--y:65%!important}.hero-v2 .agency--pref{--x:49%!important;--y:49%!important}.hero-v2 .agency--health{--x:73%!important;--y:33%!important}.hero-v2 .agency--social{--x:82%!important;--y:62%!important}.hero-v2 .agency--works{--x:80%!important;--y:80%!important}.hero-v2 .agency-label{font-size:.61rem}.agency-status{font-size:.47rem}.hero-v2 .agency-chat{display:none}.hero-v2 .scene-kicker{display:none}.hero-v2 .scene-readout{display:none}.sound-toggle{font-size:.62rem;padding:6px 9px}.network-tag{bottom:135px;padding:7px 10px;font-size:.51rem}.network-tag small{display:none}.mobile-conversation{display:block;position:absolute;left:15px;right:15px;bottom:10px;z-index:20;background:#f8fbffed;border:1px solid #cddff8;border-radius:11px;padding:9px 11px;color:#15325e;box-shadow:0 9px 30px #04152abf;min-height:91px}.mobile-conversation>strong{font-size:.66rem;color:#2357a8}.mobile-conversation p{font-size:.63rem;line-height:1.35;margin:5px 0 0;color:#3d567b}.mobile-conversation p b{color:#174788}.hero-v2 .simulation-card{width:calc(100% - 38px);margin-top:15px}.feature-showcase,.feature-duo,.kanban-showcase{grid-template-columns:1fr}.feature-showcase{padding:20px;gap:25px}.showcase-copy{padding:4px}.showcase-copy h3{font-size:2rem}.showcase-copy p{font-size:.86rem}.showcase-dashboard{transform:none}.dash-kpis{padding:0 11px 10px;gap:5px}.dash-kpis>div{padding:8px}.dash-kpis span{font-size:.44rem}.dash-kpis strong{font-size:1.4rem}.dash-list{margin:0 11px 12px;padding:10px}.dash-list small{display:none}.feature-deep{min-height:335px;padding:26px}.builder-ui{transform:translate(4%,25px) rotate(-2deg)}.flow-ui{gap:3px}.flow-step{font-size:.58rem;padding:10px 6px}.kanban-showcase{padding:24px;gap:18px}.kanban-ui{gap:5px}.kanban-ui>div{padding:6px;min-height:160px}.kanban-ui>div>span{font-size:.45rem}.kanban-ui p{font-size:.54rem;padding:6px}.kanban-ui p small{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){body.is-active .network-lines .link-line{stroke-dashoffset:0;animation:none}.hero-v2 .city-scene>img{transition:none}.agency-chat{transition:none}}
@media(prefers-reduced-motion:reduce){.hero-v2 #activate,.hero-v2 #activate::before,.activate-led{animation:none}.hero-v2 #activate::before{opacity:.45}}
@media (min-width:901px) and (max-width:1180px){
  .hero-v2 .agency-label{font-size:.8rem}
  .hero-v2 .agency--social{--x:87%!important;--y:60.3%!important}
  .hero-v2 .agency--works{--x:82.7%!important;--y:79.5%!important}
}
@media (min-width:681px) and (max-width:900px){
  .hero-v2 .agency-label{font-size:.9rem}
  .hero-v2 .agency--admin{--x:21%!important;--y:32%!important}
  .hero-v2 .agency--education{--x:16.8%!important;--y:67.5%!important}
  .hero-v2 .agency--pref{--x:50.5%!important;--y:51%!important}
  .hero-v2 .agency--health{--x:75%!important;--y:32%!important}
  .hero-v2 .agency--social{--x:87%!important;--y:60.3%!important}
  .hero-v2 .agency--works{--x:82.7%!important;--y:79.5%!important}
}
@media(max-width:680px){
  .hero-v2 .agency--admin{--x:21%!important;--y:33%!important}
  .hero-v2 .agency--health{--x:75%!important;--y:33%!important}
  .hero-v2 .agency--social{--y:55%!important}
  .hero-v2 .agency-label{max-width:155px;font-size:1.08rem;line-height:1.18;padding:7px 9px}
  .hero-v2 .agency-status{font-size:1rem}
  .hero-v2 .city-scene{overflow:visible;margin-bottom:113px}
  .mobile-conversation{top:calc(100% + 9px);bottom:auto}
  .network-tag{top:12px;bottom:auto;left:45%}
  .hero-v2 #activate{min-width:min(100%,270px)}
}