/* The municipality page now uses the homepage Technology section's composition.
   All HTML text, media, source links and interactions are preserved. */
body.municipal-technology-layout{background:#0b0c0c;color:#f5f5f1;font:16px/1.55 "Manrope",Arial,sans-serif}
.municipal-technology-layout .container{width:min(1180px,calc(100% - 48px))}
.municipal-technology-layout .bar{background:#090a0af5;border-bottom:1px solid rgba(255,255,255,.12)}
.municipal-technology-layout .bar .nav{min-height:82px;padding-block:0}
.municipal-technology-layout .bar .logo img{width:206px;max-width:100%;height:48px;object-fit:contain;object-position:left center}
.municipal-technology-layout .crumb{padding:24px 0;color:rgba(255,255,255,.58)}
/* Twelve-column heading/copy split from .technology .tech-copy. */
.municipal-technology-layout .municipal-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:24px;padding:24px 0 48px;min-height:0;border-bottom:1px solid #2b2d2d}
.municipal-technology-layout .hero-copy{display:contents}
.municipal-technology-layout .hero-copy>.eyebrow{grid-column:1 / span 5;grid-row:1;margin:0;font:700 12px "Barlow Condensed",sans-serif;letter-spacing:.16em;color:#a9aaa7}
.municipal-technology-layout .hero-copy h1{position:relative;isolation:isolate;grid-column:1 / span 5;grid-row:2 / span 2;align-self:center;margin:0;font:900 clamp(4rem,6.2vw,6.4rem)/.82 "Barlow Condensed",sans-serif;letter-spacing:-.02em;color:#f5f5f1;overflow-wrap:normal}
.municipal-technology-layout .hero-copy h1:before{content:"";position:absolute;z-index:-1;top:50%;left:0;width:clamp(340px,38vw,520px);max-width:100%;height:calc(100% + 120px);background:radial-gradient(ellipse at 34% 50%,rgba(70,217,219,.18),rgba(70,217,219,.065) 44%,transparent 76%);filter:blur(14px);transform:translateY(-50%);pointer-events:none}
.municipal-technology-layout .hero-copy h1 em{color:#46d9db;text-shadow:none}
.municipal-technology-layout .hero-copy .lead{grid-column:6 / -1;grid-row:2;align-self:end;max-width:none;margin:0;padding:4px 0 4px 28px;border-left:1px solid transparent;border-image:linear-gradient(180deg,transparent,rgba(70,217,219,.78),transparent) 1;color:rgba(255,255,255,.72);font-size:15px;line-height:1.82}
.municipal-technology-layout .hero-copy .buttons{grid-column:6 / -1;grid-row:3;align-self:start;margin:0;padding-left:28px;gap:12px}
.municipal-technology-layout .hero-photo{grid-column:1 / -1;grid-row:4;position:relative;margin:18px 0 0;overflow:hidden}
.municipal-technology-layout .hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;filter:saturate(.94) contrast(1.02) brightness(.96)}
.municipal-technology-layout .hero-photo:after{display:none}
.municipal-technology-layout .hero-photo figcaption{position:absolute;left:20px;bottom:20px;background:#090a0add;border:1px solid #ffffff40;color:#f5f5f1;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.08em;padding:9px 12px}
/* Compact 48px dark sections, identical title size and soft glow. */
.municipal-technology-layout .block{padding-block:48px;border-bottom:1px solid #2b2d2d}
.municipal-technology-layout .section-heading{margin-bottom:32px;position:relative;isolation:isolate}
.municipal-technology-layout .section-heading:before{top:50%;left:0;width:clamp(340px,38vw,520px);height:calc(100% + 120px);max-width:100%;background:radial-gradient(ellipse at 34% 50%,rgba(70,217,219,.18),rgba(70,217,219,.065) 44%,transparent 76%);filter:blur(14px)}
.municipal-technology-layout .section-heading h2{font:900 clamp(4rem,6.2vw,6.4rem)/.82 "Barlow Condensed",sans-serif;letter-spacing:-.02em;margin:0;max-width:100%}
.municipal-technology-layout .section-heading h2 em{color:#46d9db;text-shadow:none}
.municipal-technology-layout .section-heading>.eyebrow{font:700 12px "Barlow Condensed",sans-serif;letter-spacing:.16em;color:#a9aaa7;margin:0 0 18px}
.municipal-technology-layout .section-intro{margin:0;padding:4px 0 4px 28px;border-left:1px solid transparent;border-image:linear-gradient(180deg,transparent,rgba(70,217,219,.78),transparent) 1;max-width:none;font-size:15px;line-height:1.82;color:rgba(255,255,255,.72)}
.municipal-technology-layout #realizace,.municipal-technology-layout #zminili{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 28px}
.municipal-technology-layout #realizace>.section-heading,.municipal-technology-layout #zminili>.section-heading{grid-column:1 / span 5;grid-row:1;margin:0;align-self:center}
.municipal-technology-layout #realizace>.section-intro,.municipal-technology-layout #zminili>.section-intro{grid-column:6 / -1;grid-row:1;align-self:center}
.municipal-technology-layout #realizace>.cases,.municipal-technology-layout #zminili>.news-grid{grid-column:1 / -1;grid-row:2}
/* Equal flat fields: exact Technology background, inset and hover treatment. */
.municipal-technology-layout .scope-grid,.municipal-technology-layout .steps,.municipal-technology-layout .news-grid{display:grid;gap:1px;padding:1px;background:rgba(255,255,255,.15);margin:18px 0 8px}
.municipal-technology-layout .scope-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.municipal-technology-layout .steps{grid-template-columns:repeat(6,minmax(0,1fr))}
.municipal-technology-layout .news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.municipal-technology-layout .scope-grid article,.municipal-technology-layout .steps article,.municipal-technology-layout .news{position:relative;min-height:174px;padding:24px 20px;border:0;background:#101212;transition:background-color .22s ease,transform .22s ease}
.municipal-technology-layout .scope-grid article:hover,.municipal-technology-layout .steps article:hover,.municipal-technology-layout .news:hover{z-index:1;background:#151919;transform:translateY(-4px)}
.municipal-technology-layout .scope-grid b,.municipal-technology-layout .steps b{font:900 20px/1 "Barlow Condensed",sans-serif;color:#46d9db;margin-bottom:24px;display:block}
.municipal-technology-layout .scope-grid h3,.municipal-technology-layout .steps h3,.municipal-technology-layout .news h3{font:800 20px/1.05 "Barlow Condensed",sans-serif;color:#fff;margin-bottom:12px}
.municipal-technology-layout .scope-grid p,.municipal-technology-layout .steps p,.municipal-technology-layout .news p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.58)}
.municipal-technology-layout .news .eyebrow{font-size:11px;line-height:1.5;margin-bottom:22px}
.municipal-technology-layout .news .news-meta{font-size:10px;color:rgba(255,255,255,.58)}
.municipal-technology-layout .proof-strip{padding:20px 0;border-color:#2b2d2d;gap:1px}
.municipal-technology-layout .proof-strip>div{background:#101212;min-height:130px;padding:25px 20px}
.municipal-technology-layout .proof-strip strong{font:900 60px/1 "Barlow Condensed",sans-serif;color:#46d9db;text-shadow:none}
.municipal-technology-layout .proof-strip span{font:800 16px/1.2 "Barlow Condensed",sans-serif;color:#f5f5f1;letter-spacing:normal}
/* Technology visual and certification panel. */
.municipal-technology-layout .tech-layout{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.municipal-technology-layout .tech-layout>figure{position:relative;overflow:hidden}
.municipal-technology-layout .tech-layout>figure img{aspect-ratio:1.1;filter:saturate(.94) contrast(1.02) brightness(.96)}
.municipal-technology-layout .tech-layout h3{font-size:24px;margin-bottom:15px}
.municipal-technology-layout .tech-layout p{font-size:15px;line-height:1.82;color:rgba(255,255,255,.72)}
.municipal-technology-layout .certificate{display:grid;grid-template-columns:84px minmax(0,1fr);gap:24px;margin:24px 0;padding:25px 24px;border:1px solid rgba(70,217,219,.42);border-left:0;background:linear-gradient(110deg,rgba(70,217,219,.14),rgba(70,217,219,.035) 50%,rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 55px rgba(0,0,0,.22)}
.municipal-technology-layout .certificate>img{width:84px;padding:9px;border:1px solid rgba(70,217,219,.75);background:#0b1010;box-shadow:0 0 34px rgba(70,217,219,.14)}
.municipal-technology-layout .certificate h3{font-size:24px}
.municipal-technology-layout .certificate p{font-size:13px;line-height:1.65}
/* Images above the equal dark information panels, using Technology's straight edges. */
.municipal-technology-layout .cases{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.15);padding:1px;margin:18px 0 8px}
.municipal-technology-layout .case{border:0;clip-path:none;box-shadow:none;background:#101212;transition:background-color .22s ease,transform .22s ease;display:flex;flex-direction:column}
.municipal-technology-layout .case:hover{background:#151919;transform:translateY(-4px)}
.municipal-technology-layout .case-image{position:relative;display:block}
.municipal-technology-layout .case-image img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;filter:saturate(.94) contrast(1.02) brightness(.96)}
.municipal-technology-layout .case-image span{font:800 10px "Barlow Condensed",sans-serif;padding:5px 8px;right:10px;bottom:10px;max-width:calc(100% - 20px)}
.municipal-technology-layout .case-info{padding:22px 20px;display:flex;flex-direction:column;flex:1}
.municipal-technology-layout .case-info h3{font:800 20px/1.05 "Barlow Condensed",sans-serif;margin-bottom:12px}
.municipal-technology-layout .case-info .eyebrow{font-size:11px;line-height:1.4;margin-bottom:20px}
.municipal-technology-layout .case-info p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.58)}
.municipal-technology-layout .case-links{margin-top:auto;gap:12px}
.municipal-technology-layout .case-links a{font-size:12px;letter-spacing:.04em}
.municipal-technology-layout .voice{padding:30px 28px;border:1px solid rgba(70,217,219,.42);border-left:0;background:linear-gradient(110deg,rgba(70,217,219,.14),rgba(70,217,219,.035) 50%,rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 55px rgba(0,0,0,.22)}
.municipal-technology-layout .voice.context{background:#101212;border:1px solid rgba(255,255,255,.15);box-shadow:none}
.municipal-technology-layout .voice blockquote{font:800 clamp(2rem,3vw,3rem)/1.15 "Barlow Condensed",sans-serif}
.municipal-technology-layout .voice.context h3{font-size:24px}
.municipal-technology-layout .video-layout>div:first-child{padding:clamp(8px,1vw,12px);background:#090b0b;box-shadow:0 24px 65px rgba(0,0,0,.34)}
.municipal-technology-layout .video-layout video{border:0;box-shadow:none}
.municipal-technology-layout .faq{max-width:none;background:rgba(255,255,255,.15);padding:1px}
.municipal-technology-layout .faq details{padding:24px 20px;background:#101212;border:0;border-bottom:1px solid rgba(255,255,255,.15)}
.municipal-technology-layout .faq details:last-child{border-bottom:0}
.municipal-technology-layout .faq summary{font-size:15px}
.municipal-technology-layout .contact-card{background:linear-gradient(110deg,rgba(70,217,219,.14),rgba(70,217,219,.035) 50%,rgba(255,255,255,.025));border:1px solid rgba(70,217,219,.42);border-left:0;padding:30px 28px;box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 55px rgba(0,0,0,.22)}
@media(max-width:1200px){.municipal-technology-layout .scope-grid,.municipal-technology-layout .news-grid,.municipal-technology-layout .cases{grid-template-columns:repeat(2,minmax(0,1fr))}.municipal-technology-layout .steps{grid-template-columns:repeat(3,minmax(0,1fr))}.municipal-technology-layout .proof-strip strong{font-size:48px}.municipal-technology-layout .proof-strip>div{gap:18px}.municipal-technology-layout .proof-strip span{font-size:14px}}
@media(max-width:900px){.municipal-technology-layout .municipal-hero{grid-template-columns:1fr;gap:24px;padding-top:20px}.municipal-technology-layout .hero-copy>.eyebrow,.municipal-technology-layout .hero-copy h1,.municipal-technology-layout .hero-copy .lead,.municipal-technology-layout .hero-copy .buttons,.municipal-technology-layout .hero-photo{grid-column:1;grid-row:auto}.municipal-technology-layout .hero-copy h1{font-size:clamp(3.5rem,9vw,5.5rem);line-height:.88}.municipal-technology-layout .hero-copy h1:before{width:100%;height:calc(100% + 70px)}.municipal-technology-layout .hero-copy .lead{padding-left:20px}.municipal-technology-layout .hero-copy .buttons{padding-left:0}.municipal-technology-layout .hero-photo{margin-top:8px}.municipal-technology-layout #realizace,.municipal-technology-layout #zminili{display:block}.municipal-technology-layout #realizace>.section-heading,.municipal-technology-layout #zminili>.section-heading{margin-bottom:28px}.municipal-technology-layout .section-heading h2{font-size:clamp(3.3rem,8vw,5.2rem);line-height:.88}.municipal-technology-layout .tech-layout{grid-template-columns:1fr;gap:28px}.municipal-technology-layout .proof-strip{grid-template-columns:1fr}.municipal-technology-layout .proof-strip>div{min-height:100px}.municipal-technology-layout .proof-strip strong{min-width:130px}}
@media(max-width:600px){.municipal-technology-layout .container{width:min(1180px,calc(100% - 36px))}.municipal-technology-layout .block{padding-block:32px}.municipal-technology-layout .municipal-hero{padding-bottom:32px}.municipal-technology-layout .hero-copy h1{font-size:clamp(2.9rem,13vw,4.8rem)}.municipal-technology-layout .section-heading h2{font-size:clamp(2.7rem,11.5vw,4.8rem);line-height:.88;overflow-wrap:normal}.municipal-technology-layout .section-heading:before{width:100%;height:calc(100% + 70px)}.municipal-technology-layout .hero-copy .lead,.municipal-technology-layout .section-intro{font-size:14px;line-height:1.75;padding-left:16px}.municipal-technology-layout .hero-photo img{aspect-ratio:1.3}.municipal-technology-layout .hero-photo figcaption{font-size:11px;left:12px;bottom:12px}.municipal-technology-layout .scope-grid,.municipal-technology-layout .news-grid,.municipal-technology-layout .cases{grid-template-columns:1fr}.municipal-technology-layout .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.municipal-technology-layout .scope-grid article,.municipal-technology-layout .steps article,.municipal-technology-layout .news{padding:24px 20px;min-height:140px}.municipal-technology-layout .certificate{grid-template-columns:60px minmax(0,1fr);gap:18px;padding:24px 18px}.municipal-technology-layout .certificate>img{width:60px;padding:6px}.municipal-technology-layout .certificate h3{font-size:22px}.municipal-technology-layout .voice{padding:25px 20px}.municipal-technology-layout .contact-card{padding:26px 20px}.municipal-technology-layout .hero-copy .buttons{gap:12px}.municipal-technology-layout .bar .logo img{width:156px;max-height:34px}}
@media(prefers-reduced-motion:reduce){.municipal-technology-layout *{transition:none!important}}

/* Individual blue frames for the eight municipal reference cards. */
.municipal-technology-layout #realizace .cases{gap:16px;background:transparent;padding:0}
.municipal-technology-layout #realizace .case{border:1px solid rgba(62,166,255,.55);border-radius:3px;box-shadow:0 0 20px rgba(35,145,255,.12),inset 0 0 16px rgba(35,145,255,.025);transition:background-color .22s ease,transform .22s ease,border-color .25s ease,box-shadow .25s ease}
.municipal-technology-layout #realizace .case:hover,.municipal-technology-layout #realizace .case:focus-within{border-color:#79c8ff;box-shadow:0 0 30px rgba(35,145,255,.26),inset 0 0 20px rgba(35,145,255,.06)}