/* Static-export additions; original RotBalans visual system is retained. */
html { scroll-padding-top: 104px; }
.demo-top-banner { position: relative; z-index: 90; background: linear-gradient(110deg,#34217b,#3059c7,#168cbb); color:#fff; }
.demo-top-banner__inner { display:flex; gap:20px; align-items:center; justify-content:space-between; min-height:52px; padding-top:8px; padding-bottom:8px; font-size:13px; }
.demo-top-banner__inner strong { letter-spacing:.08em; }
.demo-top-banner__inner a { flex-shrink:0; background:#20b65e; border-radius:999px; padding:8px 15px; font-weight:800; color:#fff; }
.demo-top-banner__inner a:hover { background:#138f49; }
.main-nav { position:relative; }
.site-footer .footer-link { color:#ff887f; }
.imza { padding:10px 0; text-align:center; background:#17181c; color:#fff; font-size:13px; }
.imza a { color:#ff746b; font-weight:700; }
.demo-map-placeholder { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:300px; padding:30px; text-align:center; border:1px solid #e4e7ec; border-radius:16px; background:repeating-linear-gradient(135deg,#e8edf1,#e8edf1 20px,#f0f3f6 20px,#f0f3f6 40px); color:#2c3443; }
.demo-map-symbol { color:#dc352d; font-size:70px; line-height:1; margin-bottom:12px; }
.demo-map-placeholder strong { font-size:1.35rem; }
.demo-map-placeholder p { max-width:300px; margin:10px auto 0; color:#5b6472; }
.service-cta-box .btn { white-space:normal; }
.demo-empty-state { max-width:760px; margin:auto; padding:50px; border:1px solid #e9edf2; border-radius:20px; background:#fff; }
.faq-question:focus-visible,.nav-toggle:focus-visible,a:focus-visible { outline:3px solid #f8a8a2; outline-offset:3px; }
@media (max-width:900px) { .demo-top-banner__inner { flex-direction:column; gap:6px; text-align:center; }.top-bar__inner { gap:2px; }.top-bar__left { flex-wrap:wrap; gap:4px 12px; } }
@media (max-width:680px) { .demo-top-banner__inner { font-size:12px; }.demo-top-banner__inner a { padding:7px 14px; }.demo-empty-state { padding:28px 20px; }.hero-copy h1 span,.hero-copy h1 strong { font-size:clamp(2.15rem,8vw,3.3rem); } }