@import "tailwindcss";:root{--gold:#e6b44f;--blue:#0b6de8;--navy:#00132f;--line:#2187ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#001736;color:#fff;font-family:var(--font-geist-sans),Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:92px;position:fixed;z-index:50;inset:0 0 auto;padding:0 5vw;display:flex;align-items:center;background:#00132fdd;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18}.logo img{width:172px;height:80px;object-fit:contain}header nav{display:flex;gap:34px;margin:auto}header nav a{text-transform:uppercase;font-size:12px;position:relative}header nav a:after{content:"";position:absolute;bottom:-15px;left:50%;width:0;height:2px;background:var(--gold);transition:.3s}header nav a:hover:after{width:100%;left:0}.phone{display:flex;gap:10px;align-items:center;padding:13px 24px;border:1px solid var(--gold);border-radius:30px;color:#f3c15d;font-weight:800}.phone svg{width:17px}header button{display:none;background:none;color:#fff;border:0}.hero{height:765px;min-height:100vh;position:relative;overflow:hidden;background:#00142f}.heroImg{position:absolute;inset:0;background:linear-gradient(90deg,#00122ff8 0%,#001b3ecb 37%,#0017372d 70%),url('/assets/hb-stan-hero-premium.png') 75% center/cover no-repeat;animation:heroIn 1.4s both}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 48%,#ffb53b46,transparent 14%),linear-gradient(90deg,transparent,#056fe51b)}.stars{position:absolute;inset:0;background-image:radial-gradient(#2187ff 1px,transparent 1px);background-size:72px 72px;opacity:.35}.blueprint{position:absolute;z-index:2;left:36%;top:150px;width:37%;height:420px;border:1px solid #1683ff85;transform:perspective(700px) rotateY(5deg);filter:drop-shadow(0 0 8px #1683ff)}.blueprint:before,.blueprint:after{content:"";position:absolute;inset:12% 18%;border:1px solid #1683ff99;box-shadow:0 0 10px #1683ff}.blueprint:after{inset:30% 4% 0 33%}.blueprint i{position:absolute;background:#1683ff99;box-shadow:0 0 6px #1683ff}.blueprint i:nth-child(odd){height:1px;left:-20%;right:0}.blueprint i:nth-child(1){top:20%}.blueprint i:nth-child(3){top:42%}.blueprint i:nth-child(5){top:65%}.blueprint i:nth-child(7){top:83%}.blueprint i:nth-child(even){width:1px;top:-10%;bottom:0}.blueprint i:nth-child(2){left:15%}.blueprint i:nth-child(4){left:38%}.blueprint i:nth-child(6){left:64%}.blueprint i:nth-child(8){left:83%}.copy{position:relative;z-index:4;padding-top:165px;margin-left:6vw;width:40%;animation:copyIn 1s .2s both;text-shadow:0 2px 18px #000}.tag,.processHead span,.contact>span{font-size:10px;letter-spacing:.2em;color:#62afff;font-weight:800}.copy h1{font-size:clamp(52px,5vw,78px);line-height:.98;margin:24px 0;letter-spacing:-.05em}.copy h1 em,.about h2 em{font-style:normal;color:var(--gold)}.copy>p{max-width:550px;font-size:16px;line-height:1.7;color:#e0e9f5}.values{display:flex;margin:28px 0}.values span{width:130px;display:flex;flex-direction:column;align-items:center;gap:9px;border-right:1px solid #ffffff33;text-transform:uppercase;font-size:10px}.values svg{width:35px;height:35px;color:#42a3ff;filter:drop-shadow(0 0 7px #167cff);animation:iconPulse 3s infinite}.actions{display:flex;gap:14px}.actions a,.contact>a,.about a,.digital>div>a{display:inline-flex;align-items:center;gap:18px;border:1px solid #ffffff6b;border-radius:28px;padding:13px 25px;text-transform:uppercase;font-size:11px}.actions a:first-child,.contact>a{background:linear-gradient(135deg,#f1ca73,#c99024);color:#07162c;border:0;font-weight:800}.actions svg,.contact svg,.about a svg,.digital a svg{width:16px}.emergency{position:absolute;z-index:5;right:5vw;bottom:125px;width:230px;padding:18px;border:1px solid #2c91ff99;border-radius:15px;background:#063875cc;backdrop-filter:blur(10px);display:grid;grid-template-columns:50px 1fr;box-shadow:0 15px 40px #0006}.emergency svg{grid-row:span 2;width:42px;height:42px;color:#55aeff;animation:iconPulse 2.5s infinite}.emergency b{font-size:27px;color:var(--gold)}.emergency span{font-size:9px;line-height:1.5}.benefits{position:relative;z-index:8;margin:-70px 5vw 0;background:#fff;color:#061632;border-radius:17px;display:grid;grid-template-columns:repeat(6,1fr);padding:28px;box-shadow:0 25px 60px #0005}.benefits article{text-align:center;padding:0 18px;border-right:1px solid #cad3e1}.benefits article:last-child{border:0}.benefits article>span{display:inline-grid;place-items:center;color:#0c72eb;height:55px}.benefits svg{width:38px;height:38px;transition:.4s}.benefits article:hover svg{transform:translateY(-7px) scale(1.1);filter:drop-shadow(0 7px 7px #0b6de855)}.benefits h3{text-transform:uppercase;font-size:12px}.benefits p{font-size:11px;line-height:1.5;color:#667184}.process{padding:110px 5vw 85px;background:#001735;position:relative;overflow:hidden}.process:after{content:"";position:absolute;inset:50% 0 0;background:repeating-radial-gradient(ellipse at center,#0f63c51f 0 1px,transparent 1px 22px)}.processHead{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end}.processHead span{color:var(--gold)}.processHead h2{font-size:27px;margin:7px 0}.processHead a{display:flex;align-items:center;gap:12px;border:1px solid #fff5;border-radius:25px;padding:11px 18px;font-size:10px;text-transform:uppercase}.processHead svg{width:15px}.timeline{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,1fr);gap:35px;margin-top:55px}.timeline article{text-align:center;position:relative}.node{margin:auto;width:70px;height:70px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:#00204b;color:#8ec5ff;box-shadow:0 0 0 8px #001735;transition:.35s}.node svg{width:31px}.timeline article:hover .node{transform:scale(1.12);box-shadow:0 0 24px #167cff}.timeline b{display:block;color:var(--gold);text-transform:uppercase;font-size:10px;margin:16px 0}.timeline p{font-size:10px;line-height:1.5;color:#b7c4d8}.timeline article>i{position:absolute;top:35px;left:calc(50% + 35px);width:calc(100% - 35px);height:2px;background:linear-gradient(90deg,#1683ff,#53c8ff);box-shadow:0 0 8px #1683ff}.about{padding:120px 7vw;background:#f5f8fc;color:#061632;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2,.digital h2,.contact h2{font-size:clamp(45px,4.5vw,70px);line-height:1.04;letter-spacing:-.05em;margin:20px 0}.about p,.digital p{color:#5b6878;line-height:1.8}.about a,.digital>div>a{margin-top:25px;border-color:#143c62;color:#082e55}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.numbers article{padding:30px;background:#fff;border:1px solid #dce5ee;border-radius:12px}.numbers b{display:block;font-size:36px;color:#0a6fdd}.numbers span{font-size:11px;color:#687888}.digital{padding:110px 8vw;background:linear-gradient(135deg,#ddebfa,#fff8e7);color:#061632;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.device{display:grid;place-items:center}.screen{width:480px;max-width:100%;padding:40px;border:8px solid #04243e;border-radius:25px;background:#f8fcff;box-shadow:0 35px 70px #0c315a4d}.screen img{width:120px}.screen small{display:block;color:#1677d7;letter-spacing:.15em;margin-top:35px}.screen h3{font-size:32px}.screen div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.screen div span{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 5px;border-radius:8px;background:#e9f3ff;font-size:9px}.screen svg{color:#1474db;margin-bottom:7px}.contact{text-align:center;padding:110px 5vw;background:#00142f}.contact>span{color:var(--gold)}.contact p{color:#adbed1}.contact>a{margin-top:25px}.contact h2{color:#fff}footer{padding:30px 6vw;display:flex;align-items:center;gap:35px;background:#000f25;color:#8fa2ba;font-size:10px}footer img{width:120px;filter:brightness(0) invert(1)}footer span{margin-right:auto}@keyframes heroIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes copyIn{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:none}}@keyframes iconPulse{50%{filter:drop-shadow(0 0 13px #1683ff);transform:translateY(-3px)}}@media(max-width:1100px){header nav{gap:16px}.phone{display:none}.benefits{grid-template-columns:repeat(3,1fr);row-gap:30px}.benefits article:nth-child(3){border:0}.copy{width:48%}.blueprint{left:45%}}@media(max-width:760px){header{height:75px}.logo img{width:130px}header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#00132f;padding:25px}header nav.open{display:flex;flex-direction:column}header button{display:block;margin-left:auto}.hero{height:890px}.heroImg{background:linear-gradient(#00122fbb,#00122ff4 65%),url('/assets/hb-stan-hero-premium.png') 65% center/cover}.copy{width:auto;margin:0 6vw;padding-top:145px}.copy h1{font-size:50px}.blueprint{left:25%;top:430px;width:70%;opacity:.5}.emergency{right:6vw;bottom:35px}.benefits{margin:-20px 4vw 0;grid-template-columns:1fr 1fr;padding:20px}.benefits article:nth-child(odd){border-right:1px solid #cad3e1}.benefits article:nth-child(even){border:0}.process{padding-top:80px}.timeline{grid-template-columns:1fr 1fr}.timeline article>i{display:none}.about,.digital{grid-template-columns:1fr}.digital{padding:80px 6vw}.processHead{display:block}.processHead>a{display:none}footer{flex-wrap:wrap}footer span{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
.logo img{width:238px;height:72px}.heroImg{background:linear-gradient(90deg,#001b45ed 0%,#07366fb5 38%,#4d7ba92e 72%),linear-gradient(0deg,#00173591,transparent 45%),url('/assets/hb-stan-hero-premium.png') 75% center/cover no-repeat}
.scope{padding:110px 7vw;background:#edf5fc;color:#061632}.scopeHead{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:end;margin-bottom:45px}.scopeHead span,.projects>div>span,.groupCopy>span,.locationList>span,.useful>div>span{color:#1672d4;font-size:10px;letter-spacing:.2em;font-weight:850}.scopeHead h2,.projects h2,.group h2,.locations h2,.useful h2{font-size:clamp(37px,4vw,60px);line-height:1.05;letter-spacing:-.045em;margin:12px 0}.scopeHead p,.projects p,.group p,.locations p,.useful p{line-height:1.75;color:#607286}.scopeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.scopeGrid article{padding:27px;background:#fff;border:1px solid #d4e3ef;border-radius:16px;transition:.35s}.scopeGrid article:hover{transform:translateY(-7px);box-shadow:0 22px 45px #184b781c}.scopeGrid svg{width:35px;height:35px;color:#1477df;filter:drop-shadow(0 5px 6px #1477df33)}.scopeGrid h3{font-size:17px}.scopeGrid p{font-size:12px;line-height:1.7;color:#667789}.projects{padding:110px 7vw;background:#f7fafc;color:#061632;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.projectNames{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.projectNames b{padding:10px 13px;border:1px solid #c8d9e7;border-radius:20px;font-size:10px}.projects figure{margin:0;position:relative}.projects img{width:100%;height:490px;object-fit:cover;border-radius:18px;box-shadow:0 30px 60px #173c5b30}.projects figcaption{position:absolute;inset:auto 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:15px;border-radius:12px;background:#001d47d9;color:#fff;backdrop-filter:blur(12px)}.projects figcaption span{text-align:center;padding:7px;color:#efd080;font-size:11px}.group{padding:100px 6vw;background:linear-gradient(135deg,#001936,#073369);display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center}.group img{width:100%;border-radius:18px;box-shadow:0 25px 65px #0008}.groupCopy>span{color:#e8b74e}.groupCopy p{color:#b8cce1}.groupStats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.groupStats article{padding:18px;border:1px solid #4a80b7;border-radius:10px;background:#ffffff0a}.groupStats b,.groupStats small{display:block}.groupStats b{font-size:23px;color:#edc25f}.groupStats small{margin-top:5px;color:#afc3d7}.locations{padding:110px 7vw;background:#eef5fa;color:#061632;display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw}.locations iframe{width:100%;height:600px;border:0;border-radius:18px;box-shadow:0 25px 55px #133b5c25}.locationList>div{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #cddbe6}.locationList svg{color:#1475db}.locationList>div span{display:flex;flex-direction:column}.locationList small{color:#748594;margin-top:4px}.useful{padding:100px 7vw;background:#fff;color:#061632;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.usefulGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usefulGrid a{position:relative;display:flex;flex-direction:column;padding:23px;border:1px solid #d5e2ec;border-radius:14px;transition:.3s}.usefulGrid a:hover{transform:translateY(-5px);background:#eef7ff}.usefulGrid>a>svg:first-child{color:#1676d8;margin-bottom:17px}.usefulGrid a>svg:last-child{position:absolute;right:18px;top:18px;width:15px}.usefulGrid small{margin-top:6px;color:#738491}
@media(max-width:900px){.scopeHead,.projects,.group,.locations,.useful{grid-template-columns:1fr}.scopeGrid{grid-template-columns:1fr 1fr}.group{padding:80px 5vw}.locations iframe{height:450px}}
@media(max-width:580px){.logo img{width:170px}.scope,.projects,.locations,.useful{padding:80px 5vw}.scopeGrid,.usefulGrid{grid-template-columns:1fr}.projects img{height:360px}.groupStats{grid-template-columns:1fr 1fr}}
header{background:rgba(238,248,252,.90);border-bottom:1px solid #8bb7cc55;box-shadow:0 8px 35px #00142f20}header nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#0a3450;min-width:68px;padding:9px 7px;border-radius:12px;transition:.35s}header nav a svg{width:18px;height:18px;color:#1676c7;transition:.35s;filter:drop-shadow(0 3px 5px #1676c740)}header nav a span{font-size:9px;letter-spacing:.04em}header nav a:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 22px #164b7122}header nav a:hover svg{color:#d39b2d;transform:scale(1.2) rotate(-5deg)}header nav a:after{display:none}.logo img{mix-blend-mode:normal}.phone{color:#805a16;border-color:#d09d3a;background:#fff9}.phone svg{color:#c58e21}
.companyCloud{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.companyCloud article{padding:20px;border:1px solid #2f6fa7;border-radius:14px;background:linear-gradient(145deg,#0b3967aa,#041e3dcc);display:grid;grid-template-columns:43px 1fr;align-items:center;transition:.35s}.companyCloud article:hover{transform:translateY(-6px);border-color:#e4b44f;box-shadow:0 15px 35px #0005}.companyCloud svg{grid-row:span 2;color:#51aaff}.companyCloud b{font-size:13px}.companyCloud small{color:#8fabc4;margin-top:4px}.companyCloud .featured{border-color:#d2a242}.companyCloud .featured svg,.companyCloud .featured b{color:#f0bf56}
.locationList>a{width:100%;display:flex;gap:13px;align-items:center;padding:15px 12px;border-bottom:1px solid #cddbe6;background:transparent;text-align:left;color:#061632;cursor:pointer;transition:.3s}.locationList>a>span{display:flex;flex-direction:column;flex:1}.locationList>a>svg:first-child{color:#1475db}.locationList>a>svg:last-child{width:17px;opacity:0;transform:translateX(-8px);transition:.3s}.locationList>a:hover,.locationList>a:focus,.locationList>a.active{background:#fff;border-radius:11px;border-color:transparent;box-shadow:0 12px 28px #17496e1c;transform:translateX(8px)}.locationList>a:hover>svg:last-child,.locationList>a:focus>svg:last-child,.locationList>a.active>svg:last-child{opacity:1;transform:none;color:#d49b2e}
@media(max-width:900px){header nav.open{background:#eef8fc}header nav a{flex-direction:row;justify-content:flex-start}.companyCloud{grid-template-columns:1fr}}

/* Refined typography and brand motion */
body,button,input,textarea{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}h1,h2,h3,b,strong{font-family:"Segoe UI",Inter,Arial,sans-serif;font-style:normal}em{font-family:inherit}
.brandIntro{position:fixed;z-index:999;inset:0;display:grid;place-items:center;align-content:center;gap:25px;background:radial-gradient(circle at 50% 46%,#0a4786,#00132f 52%,#000b1c);animation:introLeave .8s 2.7s forwards}.brandIntro img{position:relative;z-index:2;width:min(320px,64vw);filter:drop-shadow(0 18px 35px #0008);animation:introLogo 1.4s cubic-bezier(.2,.8,.2,1) both}.brandIntro>span{position:relative;z-index:2;color:#e5bb60;letter-spacing:.22em;text-transform:uppercase;font-size:10px;animation:introCopy .9s .7s both}.introRings{position:absolute;width:390px;height:390px;max-width:84vw;max-height:84vw}.introRings i{position:absolute;inset:0;border:1px solid #4ca5ff55;border-radius:50%;animation:ringExpand 2.2s ease-out infinite}.introRings i:nth-child(2){animation-delay:.45s}.introRings i:nth-child(3){animation-delay:.9s}
.presence{position:relative;min-height:650px;overflow:hidden;background:#00152f}.presenceLead{position:absolute;z-index:8;left:7vw;top:50%;transform:translateY(-50%);max-width:480px;padding:35px;border-left:2px solid #e4b350;background:linear-gradient(90deg,#00152ff2,#00152f99,transparent);text-shadow:0 3px 25px #000}.presenceLead>span,.details>div>span{color:#efc464;font-size:10px;letter-spacing:.2em;font-weight:800}.presence h2{font-size:clamp(44px,5vw,72px);line-height:1;margin:18px 0}.presence p{line-height:1.8;color:#c0d0df}.citySlides,.city{position:absolute;inset:0}.city{opacity:0;background-size:cover;background-position:center;animation:cityCycle 24s infinite}.city:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00142ff0 0%,#00142f8f 40%,#00142f18 76%),linear-gradient(0deg,#00142fd9,transparent 55%)}.city div{position:absolute;z-index:2;right:7vw;bottom:70px;text-align:right}.city small,.city span{display:block}.city small{color:#edbd58;letter-spacing:.2em}.city b{display:block;font-size:44px;margin:7px 0}.city span{color:#d4e0eb}.crikvenica{background-image:url('/assets/hb-stan-hero-premium.png')}.rijeka{background-image:url('/assets/hero-v7-hd.jpg');animation-delay:6s}.pula{background-image:url('/assets/service-fasada-hd.jpg');animation-delay:12s}.zagreb{background-image:url('/assets/hb-stan-obnova-premium.png');animation-delay:18s}.cityProgress{position:absolute;z-index:9;right:7vw;top:50%;display:grid;gap:10px}.cityProgress i{width:4px;height:34px;border-radius:5px;background:#ffffff4d;animation:progressGlow 24s infinite}.cityProgress i:nth-child(2){animation-delay:6s}.cityProgress i:nth-child(3){animation-delay:12s}.cityProgress i:nth-child(4){animation-delay:18s}
.details{padding:105px 7vw;background:linear-gradient(135deg,#e8f4fc,#fff);color:#061632}.details>div:first-child{display:grid;grid-template-columns:.4fr 1.6fr;align-items:start;gap:5vw}.details h2{font-size:clamp(36px,4vw,58px);line-height:1.07;letter-spacing:-.04em;max-width:850px;margin:0 0 45px}.detailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detailGrid article{padding:28px;background:#fff;border:1px solid #d2e2ed;border-radius:15px;transition:.35s}.detailGrid article:hover{transform:translateY(-7px);box-shadow:0 20px 45px #164b7120}.detailGrid article>b{color:#d59c2d;font-size:12px}.detailGrid h3{font-size:18px}.detailGrid p{color:#697b8d;font-size:12px;line-height:1.75}
footer{gap:24px}.haistorTrigger{display:flex;align-items:center;gap:12px;background:#092744;border:1px solid #315879;border-radius:14px;padding:7px 10px;color:#9eb3c7;cursor:pointer;transition:.35s}.haistorTrigger img{width:190px!important;filter:none!important}.haistorTrigger small{max-width:110px;text-align:left;font-size:8px;line-height:1.4}.haistorTrigger:hover{transform:translateY(-4px);border-color:#e4b350;box-shadow:0 12px 28px #0007}.haistorTrigger.isAnimating{animation:haistorLaunch 1.4s cubic-bezier(.2,.8,.2,1)}.haistorTrigger.isAnimating img{animation:haistorLogoSpin 1.4s ease}
@keyframes introLogo{0%{opacity:0;transform:scale(.55) rotateY(-35deg);filter:blur(12px)}60%{opacity:1;transform:scale(1.08) rotateY(0)}100%{transform:scale(1)}}@keyframes introCopy{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes ringExpand{0%{opacity:0;transform:scale(.35)}35%{opacity:.8}100%{opacity:0;transform:scale(1.25)}}@keyframes introLeave{to{opacity:0;visibility:hidden;transform:scale(1.04)}}@keyframes cityCycle{0%{opacity:0;transform:scale(1.06)}4%,23%{opacity:1}27%,100%{opacity:0;transform:scale(1)}}@keyframes progressGlow{0%,3%,24%,100%{background:#ffffff4d;box-shadow:none}5%,22%{background:#e7b44e;box-shadow:0 0 12px #e7b44e}}@keyframes haistorLaunch{0%,100%{transform:none}35%{transform:scale(1.12);box-shadow:0 0 45px #e4b350aa}70%{transform:scale(.97)}}@keyframes haistorLogoSpin{0%{transform:none}45%{transform:perspective(500px) rotateY(360deg) scale(1.08)}100%{transform:none}}
@media(max-width:900px){.presence{min-height:600px}.presenceLead{left:5vw;right:5vw;top:42%;max-width:none}.city div{right:5vw}.details>div:first-child,.detailGrid{grid-template-columns:1fr 1fr}.haistorTrigger small{display:none}}
@media(max-width:580px){.presenceLead{padding:22px}.presence h2{font-size:42px}.city b{font-size:34px}.detailGrid,.details>div:first-child{grid-template-columns:1fr}.haistorTrigger img{width:155px!important}}

/* Authentic regional imagery, verified contact cards and transparent marks */
.city{animation-duration:40s}.zagreb{background-image:url('https://images.unsplash.com/photo-1582456032629-4a54a1a65697?auto=format&fit=crop&w=2400&q=82')}.pula{background-image:url('https://images.unsplash.com/photo-1772982903836-bc8f27ed511a?auto=format&fit=crop&w=2400&q=82')}.crikvenica{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Crikvenica%20(10).jpg?width=2400')}.novi{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Panorama%20of%20Novi%20Vinodolski%20with%20the%20the%20parish%20church%20of%20St%20Philiph%20and%20Jacob.jpg?width=2400')}.senj{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Senj%20harbor%2C%20Croatia%2C%20panorama%20with%20view%20to%20Nehaj%20castle.JPG?width=2400')}.rijeka{background-image:url('https://images.unsplash.com/photo-1672571076918-742711b6dffd?auto=format&fit=crop&w=2400&q=82')}.krk{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/20140506%20Krk%20Vrbnik%20view%20Novi%20Vinodolski.jpg?width=2400')}.cres{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Cres%20Panorama%20Vrana-Losinj.jpg?width=2400')}.losinj{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Osor%20la%20grani%C8%9Ba%20%C3%AEntre%20Cres%20%C8%99i%20Lo%C5%A1inj.jpg?width=2400')}.rab{background-image:url('https://images.unsplash.com/photo-1539601591461-2a5e0edb6915?auto=format&fit=crop&w=2400&q=82')}.photoCredit{position:absolute;z-index:9;left:7vw;bottom:20px;color:#b7c8d8;font-size:9px;letter-spacing:.08em}
.companyCloud article{grid-template-columns:145px 1fr;padding:12px}.companyCloud article>img{grid-row:auto;width:130px;height:72px;object-fit:contain;border-radius:8px;box-shadow:none}.companyCloud article>div{display:flex;flex-direction:column;gap:4px}.companyCloud article a{display:flex;align-items:center;gap:7px;color:#e5b44e;font-size:9px;margin-top:5px}.companyCloud article a svg{width:13px;height:13px}.companyCloud article small{margin:0}.officialGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.officialGrid>a{position:relative;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #d5e2ec;border-radius:14px;transition:.3s;background:#fff}.officialGrid>a:hover{transform:translateY(-5px);box-shadow:0 15px 30px #153f6120}.officialGrid img{width:38px;height:38px;object-fit:contain}.officialGrid span{display:flex;flex-direction:column;gap:3px;min-width:0}.officialGrid small{color:#738491}.officialGrid strong{color:#0a6dd1;font-size:12px}.officialGrid>a>svg{position:absolute;right:12px;top:12px;width:13px;color:#8192a1}footer>img{filter:none;width:110px;height:64px;object-fit:contain}.haistorTrigger{background:transparent}.haistorTrigger img{height:55px;object-fit:contain}
@media(max-width:900px){.companyCloud article{grid-template-columns:120px 1fr}.companyCloud article>img{width:110px}.officialGrid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.officialGrid{grid-template-columns:1fr}.companyCloud article{grid-template-columns:105px 1fr}.companyCloud article>img{width:95px}}
@keyframes cityCycle{0%{opacity:0;transform:scale(1.05)}1%,9%{opacity:1}10%,100%{opacity:0;transform:scale(1)}}

/* News, authentic renovation carousel and unified group/location hub */
.introLogoStage{position:relative;z-index:2;width:min(330px,70vw);height:210px;display:grid;place-items:center}.introLogoStage:before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,#147bd444,transparent 67%);filter:blur(8px)}.brandIntro .introLogoStage img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 20px 36px #000b);animation:introLogo 1.4s cubic-bezier(.2,.8,.2,1) both}
.newsFloat{position:absolute;z-index:7;right:5vw;top:145px;width:310px;padding:22px 24px;border:1px solid #ffffff49;border-radius:18px;background:linear-gradient(145deg,#f7fbffdb,#dceeffb8);color:#082949;backdrop-filter:blur(18px) saturate(1.25);box-shadow:0 25px 55px #00132855;animation:newsRise 1s .65s both}.newsFloat>span{display:flex;align-items:center;gap:8px;color:#b77b14;font-size:9px;letter-spacing:.18em;font-weight:900}.newsFloat>span i{width:7px;height:7px;border-radius:50%;background:#e8ad39;box-shadow:0 0 0 6px #e8ad3925;animation:newsPulse 2s infinite}.newsFloat>b{display:block;font-size:18px;margin:15px 0 7px}.newsFloat p{font-size:11px;line-height:1.65;margin:0;color:#4d6479}.newsFloat a{display:flex;align-items:center;gap:8px;margin-top:14px;color:#075ba8;font-size:10px;font-weight:800}.newsFloat svg{width:14px}.emergency{bottom:72px}
.newsCarousel{min-height:218px;box-sizing:border-box;overflow:hidden}.newsFloatTrack{position:relative;height:160px}.newsFloatSlide{position:absolute;inset:0;opacity:0;transform:translateX(18px);animation:newsSlide 12s ease-in-out infinite}.newsFloatSlide:nth-child(2){animation-delay:6s}.newsFloatSlide>span{display:flex;align-items:center;gap:8px;color:#b77b14;font-size:9px;letter-spacing:.16em;font-weight:900}.newsFloatSlide>span i{width:7px;height:7px;border-radius:50%;background:#e8ad39;box-shadow:0 0 0 6px #e8ad3925;animation:newsPulse 2s infinite}.newsFloatSlide>b{display:block;font-size:18px;line-height:1.25;margin:14px 0 7px}.newsFloatSlide p{font-size:11px;line-height:1.55}.newsFloatSlide a{margin-top:12px}.newsFloatDots{position:absolute;left:24px;bottom:14px;display:flex;gap:6px}.newsFloatDots i{width:18px;height:3px;border-radius:4px;background:#6d9fc5;opacity:.45}.newsFloatDots i:first-child{animation:newsDot 12s linear infinite}.newsFloatDots i:last-child{animation:newsDot 12s linear 6s infinite}@keyframes newsSlide{0%,42%{opacity:1;transform:none}48%,92%{opacity:0;transform:translateX(-16px)}94%{opacity:0;transform:translateX(18px)}100%{opacity:1;transform:none}}@keyframes newsDot{0%,42%{width:30px;opacity:1;background:#e5a72f}48%,100%{width:18px;opacity:.45;background:#6d9fc5}}
.buildingShowcase{height:510px!important;overflow:hidden;border-radius:20px;background:#001a3b;box-shadow:0 30px 60px #173c5b30}.buildingSlide{position:absolute;inset:0;opacity:0;animation:buildingCycle 20s infinite}.buildingSlide img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;filter:saturate(1.03) contrast(1.02)}.buildingSlide:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#00152fe8)}.buildingSlide>span{position:absolute;z-index:2;left:28px;right:28px;bottom:32px;display:flex;flex-direction:column;color:#fff}.buildingSlide small{color:#efc464;font-size:9px;letter-spacing:.18em}.buildingSlide b{margin-top:8px;font-size:25px}.slideMeter{position:absolute;z-index:4;right:25px;bottom:31px;display:flex;gap:6px}.slideMeter i{width:28px;height:3px;border-radius:4px;background:#ffffff55;animation:slideTick 20s infinite}.slideMeter i:nth-child(2){animation-delay:5s}.slideMeter i:nth-child(3){animation-delay:10s}.slideMeter i:nth-child(4){animation-delay:15s}
.network{padding:105px 6vw;background:linear-gradient(145deg,#00162f,#073a70 60%,#eaf4fb 60.1%);color:#fff}.networkTop{display:grid;grid-template-columns:.78fr 1.22fr;gap:5vw;align-items:center;padding-bottom:85px}.network h2{font-size:clamp(37px,4vw,60px);line-height:1.05;letter-spacing:-.045em;margin:12px 0}.network .groupCopy p{color:#bad0e5;line-height:1.75}.network .companyCloud{align-items:stretch}.network .companyCloud article{grid-template-columns:132px 1fr;min-height:104px;padding:12px 15px;background:linear-gradient(145deg,#ffffff12,#ffffff08);border-color:#4b7fa9}.network .companyCloud article:hover{background:#ffffff14}.network .companyCloud article.featured{border-color:#e5b44f}.logoStage{height:78px;border-radius:12px;background:linear-gradient(145deg,#fafdff,#dbe8f2);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}.logoStage img{width:112px!important;height:66px!important;object-fit:contain!important;filter:drop-shadow(0 3px 3px #20385125)}.networkMap{display:grid;grid-template-columns:.72fr 1.28fr;gap:4vw;padding:52px;border-radius:24px;background:#eef6fb;color:#061632;box-shadow:0 35px 75px #00122955}.networkMap iframe{width:100%;height:530px;border:0;border-radius:18px;box-shadow:0 25px 55px #133b5c25}.networkMap .locationList>span{color:#1474d4;font-size:10px;letter-spacing:.2em;font-weight:850}.networkMap .locationList h2{font-size:clamp(34px,3.4vw,52px)}
@keyframes newsRise{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:none}}@keyframes newsPulse{50%{box-shadow:0 0 0 10px #e8ad3900}}@keyframes buildingCycle{0%{opacity:0;transform:scale(1.045)}4%,24%{opacity:1}29%,100%{opacity:0;transform:scale(1)}}@keyframes slideTick{0%,3%,25%,100%{background:#ffffff55}5%,23%{background:#efbd57;box-shadow:0 0 8px #efbd57}}
@media(max-width:900px){.newsFloat{top:auto;bottom:180px;right:5vw;width:280px}.networkTop,.networkMap{grid-template-columns:1fr}.network{padding:80px 5vw;background:linear-gradient(165deg,#00162f 0 55%,#eaf4fb 55.1%)}.networkMap{padding:30px}.networkMap iframe{height:430px}.buildingShowcase{height:440px!important}}
@media(max-width:580px){.newsFloat{left:6vw;right:6vw;width:auto;bottom:155px;padding:17px}.emergency{display:none}.projects .buildingShowcase{height:390px!important}.networkMap{padding:18px}.network .companyCloud article{grid-template-columns:105px 1fr}.logoStage{height:68px}.logoStage img{width:90px!important;height:56px!important}}

/* Clean vector identity and high-resolution local city photography */
.introLogoStage{width:min(390px,76vw);height:245px}.brandIntro .introLogoStage img{width:100%;height:100%;image-rendering:auto}
.fundingBadge{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:25px 0 4px;padding:12px 15px;width:max-content;max-width:100%;border-radius:12px;background:#003399;color:#fff;box-shadow:0 12px 28px #00339925;font-size:10px}.fundingBadge .euStars{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffdf50;border-radius:50%;color:#ffdf50;font-size:16px}.fundingBadge i{height:18px;width:1px;background:#ffffff55}.fundingBadge b{font-size:10px;letter-spacing:.08em}.buildingShowcase{background:#061d37}.buildingBackdrop{position:absolute;inset:-25px;background-position:center;background-size:cover;filter:blur(22px) brightness(.42) saturate(1.2);transform:scale(1.09)}.buildingSlide>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 18px 35px #0007)}.buildingSlide:after{z-index:1}.buildingSlide>span{z-index:3}.buildingSlide:first-child{opacity:1}.buildingSlide:first-child img{object-fit:cover}.buildingSlide4 img{object-fit:cover}
.network{background:linear-gradient(145deg,#00162f,#073a70 64%,#eaf4fb 64.1%)}.network .companyCloud{gap:15px}.network .companyCloud article{grid-template-columns:148px 1fr;min-height:112px;padding:14px 16px;background:linear-gradient(145deg,#0b355f,#062746);border-color:#3475aa;box-shadow:inset 0 1px #ffffff12}.network .companyCloud article:hover{background:linear-gradient(145deg,#104575,#082f55)}.logoStage{height:82px;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.logoStage img{width:138px!important;height:78px!important;filter:drop-shadow(0 7px 9px #0007)}.network .companyCloud article:nth-child(2) .logoStage img{height:88px!important}.network .companyCloud article>div{padding-left:3px}
.zagreb{background-image:url('/assets/cities/zagreb.jpg')}.pula{background-image:url('/assets/cities/pula.jpg')}.crikvenica{background-image:url('/assets/cities/crikvenica.jpg')}.novi{background-image:url('/assets/cities/novi-vinodolski.jpg')}.senj{background-image:url('/assets/cities/senj.jpg')}.rijeka{background-image:url('/assets/cities/rijeka.jpg')}.krk{background-image:url('/assets/cities/krk.jpg')}.cres{background-image:url('/assets/cities/cres.jpg')}.losinj{background-image:url('/assets/cities/losinj.jpg')}.rab{background-image:url('/assets/cities/rab.jpg')}
@media(max-width:900px){.network .companyCloud article{grid-template-columns:128px 1fr}.logoStage img{width:118px!important}.buildingSlide>img{object-fit:cover}.buildingBackdrop{display:none}}
@media(max-width:580px){.fundingBadge{width:100%;font-size:9px}.network .companyCloud article{grid-template-columns:105px 1fr}.logoStage img{width:96px!important;height:62px!important}}

/* Aktualne objave, autentični logotipovi i jasno grupirane službene poveznice */
.newsSection{padding:105px 7vw;background:linear-gradient(145deg,#edf7fc,#fff);color:#061632}.newsHeading{max-width:760px;margin-bottom:38px}.newsHeading>span{color:#1472d3;font-size:10px;letter-spacing:.2em;font-weight:850}.newsHeading h2{font-size:clamp(38px,4vw,60px);line-height:1.05;letter-spacing:-.045em;margin:12px 0}.newsHeading p{color:#64788b}.newsGrid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:15px;align-items:stretch}.newsMain{overflow:hidden;border:1px solid #cfdfeb;border-radius:19px;background:#fff;box-shadow:0 18px 42px #153e6012;transition:.35s}.newsMain:hover{transform:translateY(-7px);box-shadow:0 25px 52px #153e6024}.newsMain>img{display:block;width:100%;height:230px;object-fit:cover}.newsMain>div{padding:25px}.newsMain small,.communityFeed>small{color:#b87c14;font-size:9px;letter-spacing:.12em;font-weight:850}.newsMain h3{font-size:22px;line-height:1.2;margin:12px 0}.newsMain p{color:#687b8d;font-size:12px;line-height:1.7}.newsMain div>span{display:flex;align-items:center;gap:9px;color:#086ac5;font-size:10px;font-weight:850;margin-top:18px}.newsMain svg{width:14px}.communityFeed{padding:25px;border-radius:19px;background:linear-gradient(145deg,#001b3c,#084276);color:#fff;box-shadow:0 18px 45px #00163035}.communityFeed>a{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid #ffffff25;transition:.3s}.communityFeed>a:last-child{border:0}.communityFeed>a:hover{padding-left:8px}.communityFeed b{font-size:14px}.communityFeed span{color:#b9ccdd;font-size:11px;line-height:1.5}
.network .logoStage{height:82px;background:#062746;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.network .logoStage img{width:138px!important;height:78px!important;object-fit:contain!important;filter:none!important}.network .companyCloud article:nth-child(2) .logoStage{background:#062746}.network .companyCloud article:nth-child(2) .logoStage img{height:76px!important;filter:drop-shadow(0 5px 8px #0005)!important}
.useful{grid-template-columns:.52fr 1.48fr;align-items:start}.usefulIntro{position:sticky;top:125px}.usefulGroups{display:grid;gap:34px}.usefulGroup>h3{margin:0 0 14px;font-size:19px;color:#082b4c}.usefulGroup>h3:after{content:"";display:block;width:46px;height:2px;margin-top:9px;background:#d7a33d}.usefulGroup .officialGrid{grid-template-columns:repeat(3,1fr)}.linksGrid>a{background:#f4f9fc}.linksGrid>a:hover{background:#fff}
@media(max-width:1100px){.newsGrid{grid-template-columns:1fr 1fr}.communityFeed{grid-column:1/-1}.useful{grid-template-columns:1fr}.usefulIntro{position:static}.usefulGroup .officialGrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.newsSection{padding:80px 5vw}.newsGrid{grid-template-columns:1fr}.communityFeed{grid-column:auto}.newsMain>img{height:210px}.usefulGroup .officialGrid{grid-template-columns:1fr}.network .logoStage img{width:96px!important;height:62px!important}}

/* Čisti izvorni HB STAN znak i mirnija ulazna animacija */
.brandIntro{overflow:hidden}.introLogoStage{width:min(420px,78vw);height:255px}.brandIntro .introLogoStage:before{display:none}.brandIntro .introLogoStage .logoGlow{position:absolute;inset:12% 4%;border-radius:50%;background:radial-gradient(circle,#1487e855,transparent 68%);filter:blur(18px);animation:cleanGlow 2.4s ease both}.brandIntro .introLogoStage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px #0009);animation:introLogoClean 1.35s cubic-bezier(.16,.8,.2,1) both}.introSkyline{position:absolute;left:0;right:0;bottom:0;height:38%;opacity:.28;border-bottom:1px solid #2d94ee}.introSkyline i{position:absolute;bottom:0;width:14%;border:1px solid #2d94ee;border-bottom:0;box-shadow:0 0 18px #167ee84a;animation:skylineRise 1.25s ease both}.introSkyline i:nth-child(1){left:5%;height:46%}.introSkyline i:nth-child(2){left:22%;height:72%;animation-delay:.08s}.introSkyline i:nth-child(3){left:43%;height:52%;animation-delay:.16s}.introSkyline i:nth-child(4){left:64%;height:86%;animation-delay:.24s}.introSkyline i:nth-child(5){right:5%;height:62%;animation-delay:.32s}.introRings{width:430px;height:430px}.introRings i{animation-duration:2.5s}.logo img{width:270px;height:72px;object-fit:contain}.screen>img{width:180px;height:110px;object-fit:contain}.newsMain{cursor:default}.newsMain:hover{transform:translateY(-4px)}.newsMain .articleNote{margin-top:20px;padding:12px 14px;border-radius:11px;background:#eaf5fc;color:#075da9;font-size:10px}.articleNote svg{width:16px;height:16px}.newsMain>div>p+p{margin-top:11px}
@keyframes introLogoClean{0%{opacity:0;transform:translateY(28px) scale(.9);filter:blur(10px) drop-shadow(0 18px 30px #0009)}58%{opacity:1;filter:blur(0) drop-shadow(0 22px 38px #000b)}78%{transform:translateY(-4px) scale(1.025)}100%{transform:none}}@keyframes cleanGlow{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes skylineRise{from{height:0;opacity:0}to{opacity:1}}
@media(max-width:580px){.logo img{width:215px}.introLogoStage{height:220px}.brandIntro>span{font-size:9px}.newsMain>div{padding:21px}.newsMain h3{font-size:20px}}

/* Svijetli intro s izvornim zajedničkim vizualom */
.brandIntro.lightIntro{background:radial-gradient(circle at 50% 43%,#ffffff 0%,#eef8fc 42%,#d9ebf4 78%,#c9e0eb 100%)}.lightIntro .introIdentityStage{width:min(760px,86vw);height:auto;aspect-ratio:4/1;padding:0}.lightIntro .introIdentityStage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 32px #174b6a24);animation:introIdentityClean 1.45s cubic-bezier(.16,.8,.2,1) both}.lightIntro .introLogoStage .logoGlow{inset:-30% 10%;background:radial-gradient(ellipse,#ffffffcc,#6db6db32 48%,transparent 72%);filter:blur(22px)}.lightIntro .introRings{width:620px;height:620px}.lightIntro .introRings i{border-color:#2688b939}.lightIntro .introSkyline{border-bottom-color:#2b82ad;opacity:.16}.lightIntro .introSkyline i{border-color:#2b82ad;box-shadow:0 0 18px #2b82ad22}.lightIntro>span{color:#0c4b72;font-weight:850;text-shadow:0 2px 12px #fff;letter-spacing:.24em}.lightIntro:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,#ffffffb8 48%,transparent 62%);transform:translateX(-100%);animation:introSheen 1.15s .55s ease forwards;pointer-events:none}
@keyframes introIdentityClean{0%{opacity:0;transform:translateY(22px) scale(.94);filter:blur(8px) drop-shadow(0 20px 32px #174b6a24)}65%{opacity:1;filter:blur(0) drop-shadow(0 22px 36px #174b6a2e)}82%{transform:translateY(-3px) scale(1.012)}100%{transform:none}}@keyframes introSheen{to{transform:translateX(100%)}}
@media(max-width:580px){.lightIntro .introIdentityStage{width:92vw}.lightIntro .introRings{width:90vw;height:90vw}.lightIntro>span{letter-spacing:.16em}}

/* Objedinjena snaga grupacije i lokacije, bez logotipova društava */
.network.networkUnified{padding:105px 6vw;background:linear-gradient(180deg,#001a3a 0%,#063b70 48%,#eaf4fb 48.1%,#eaf4fb 100%)}.networkIntro{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:end;padding:0 2vw 72px}.networkIntro .groupCopy h2{max-width:690px}.networkIntro .groupCopy p{max-width:660px}.networkIntro .groupStats{margin:0;grid-template-columns:repeat(2,1fr)}.networkIntro .groupStats article{min-height:88px;display:flex;flex-direction:column;justify-content:center;padding:19px 23px;background:linear-gradient(145deg,#ffffff12,#ffffff08);border-color:#4b80af}.networkUnified .networkMap{margin:0;padding:48px 52px;background:#f5faff;border:1px solid #d4e4ef;box-shadow:0 30px 75px #00152d45}.networkUnified .networkMap .locationList h2{margin-top:12px}.networkUnified .networkMap iframe{height:500px}
.networkUnified .locationList>a{min-height:72px;padding:14px 16px}.networkUnified .locationList>a small{max-width:460px;font-size:11px;line-height:1.45;color:#60788e}.networkUnified .locationList>a.active small{color:#315f82}.networkUnified .locationList>a b{margin-bottom:2px}
@media(max-width:900px){.network.networkUnified{background:linear-gradient(180deg,#001a3a 0%,#063b70 44%,#eaf4fb 44.1%,#eaf4fb 100%)}.networkIntro{grid-template-columns:1fr;padding:0 0 58px;gap:30px}.networkIntro .groupStats{grid-template-columns:1fr 1fr}.networkUnified .networkMap{padding:28px}}
@media(max-width:580px){.network.networkUnified{padding:78px 5vw;background:linear-gradient(180deg,#001a3a 0%,#063b70 41%,#eaf4fb 41.1%,#eaf4fb 100%)}.networkIntro .groupStats{grid-template-columns:1fr 1fr;gap:8px}.networkIntro .groupStats article{min-height:76px;padding:14px}.networkIntro .groupStats b{font-size:20px}.networkUnified .networkMap{padding:18px}.networkUnified .networkMap iframe{height:390px}}

/* Četiri cjelovite objave i lokalne obavijesti */
.newsGrid.newsGridFull{grid-template-columns:repeat(2,minmax(0,1fr))}.newsGridFull .communityFeed{grid-column:1/-1;display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:0;padding:18px 25px}.newsGridFull .communityFeed>small{padding-right:24px}.newsGridFull .communityFeed>a{height:100%;padding:13px 20px;border-bottom:0;border-left:1px solid #ffffff25}.newsGridFull .communityFeed>a:last-child{border-left:1px solid #ffffff25}.newsTextCard{display:grid;grid-template-rows:185px 1fr}.newsTextCard .newsIcon{display:grid;place-items:center;padding:0;background:radial-gradient(circle at 50% 40%,#2588df,#053666 72%);color:#fff}.newsTextCard .newsIcon svg{width:68px;height:68px;stroke-width:1.35;filter:drop-shadow(0 10px 18px #00172d88)}.newsTextCard>div:last-child{padding:25px}.newsTextCard .articleNote{margin-top:auto}
@media(max-width:900px){.newsGrid.newsGridFull{grid-template-columns:1fr 1fr}.newsGridFull .communityFeed{grid-template-columns:1fr 1fr}.newsGridFull .communityFeed>small{grid-column:1/-1;padding:4px 0 13px}.newsGridFull .communityFeed>a:nth-of-type(odd){border-left:0;padding-left:0}}
@media(max-width:680px){.newsGrid.newsGridFull{grid-template-columns:1fr}.newsGridFull .communityFeed{grid-column:auto;display:block}.newsGridFull .communityFeed>a,.newsGridFull .communityFeed>a:last-child{border-left:0;border-bottom:1px solid #ffffff25;padding:18px 0}.newsGridFull .communityFeed>a:last-child{border-bottom:0}.newsTextCard{grid-template-rows:150px 1fr}}

/* Proširivi 24/7 kontakti za hitne intervencije */
header nav{margin-left:auto;margin-right:auto}.emergency{display:block;width:250px;padding:0;overflow:hidden;transition:width .35s ease,background .35s ease,border-color .35s ease}.emergency summary{position:relative;display:grid;grid-template-columns:50px 1fr 22px;grid-template-rows:auto auto;align-items:center;padding:17px 18px;cursor:pointer;list-style:none}.emergency summary::-webkit-details-marker{display:none}.emergency summary>svg{grid-column:1;grid-row:1/3}.emergency summary>b{grid-column:2;grid-row:1}.emergency summary>span{grid-column:2;grid-row:2}.emergency summary>i{grid-column:3;grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border:1px solid #58adff88;border-radius:50%;color:#8ecaff;font-size:16px;font-style:normal;transition:.3s}.emergency[open]{width:310px;background:#052f67ed;border-color:#e2b24f}.emergency[open] summary>i{transform:rotate(45deg);color:#efc35e;border-color:#efc35e}.emergencyNumbers{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 17px 17px;border-top:1px solid #ffffff25;animation:emergencyReveal .3s ease both}.emergencyNumbers>small{grid-column:1/-1;padding-top:13px;color:#8ecaff;font-size:8px;letter-spacing:.16em;font-weight:850}.emergencyNumbers>a{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #4b8ac177;border-radius:10px;background:#ffffff0a;color:#fff;font-size:11px;font-weight:800;transition:.25s}.emergencyNumbers>a:hover{background:#fff;color:#073466;transform:translateY(-2px)}.emergencyNumbers>a svg{width:15px;height:15px;animation:none;grid-row:auto}.emergencyNumbers>a span{font-size:11px;white-space:nowrap}.phone{display:none!important}@keyframes emergencyReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:580px){.emergency{display:block;right:5vw;left:5vw;width:auto;bottom:28px}.emergency[open]{width:auto}.emergencyNumbers{grid-template-columns:1fr 1fr}}

/* Animirani tehnički prikaz usluga prema hero zgradi */
.serviceConstellation{position:absolute;z-index:6;right:5vw;top:345px;width:330px;display:grid;gap:7px;pointer-events:none}.serviceCallout{position:relative;display:flex;justify-content:flex-end;align-items:center;height:35px;opacity:.56;animation:serviceFocus 10s ease-in-out infinite}.serviceCallout span{position:relative;z-index:2;width:240px;padding:8px 12px;border:1px solid #5fb3ff66;border-radius:8px;background:linear-gradient(90deg,#06346ed9,#062957ed);box-shadow:inset 0 1px #ffffff20,0 7px 18px #001b3a66;color:#e9f5ff;font-size:9px;line-height:1.35;letter-spacing:.035em;text-transform:uppercase;backdrop-filter:blur(10px)}.serviceCallout>i{position:absolute;right:235px;width:150px;height:1px;overflow:hidden;background:linear-gradient(90deg,#4daaff00,#56b7ff,#efc25f);transform-origin:right;animation:serviceLine 2.5s ease-in-out infinite}.serviceCallout>i:after{content:"";position:absolute;top:-2px;width:26px;height:5px;background:#fff;filter:blur(2px);box-shadow:0 0 12px #4bb5ff;animation:serviceBeam 2.5s linear infinite}.serviceCallout>b{position:absolute;right:380px;width:8px;height:8px;border:1px solid #efc25f;border-radius:50%;background:#54b9ff;box-shadow:0 0 0 5px #48adff22,0 0 14px #49afff;animation:serviceTarget 2.5s ease-in-out infinite}.serviceCallout2{animation-delay:2s}.serviceCallout3{animation-delay:4s}.serviceCallout4{animation-delay:6s}.serviceCallout5{animation-delay:8s}.serviceCallout2>i,.serviceCallout2>b{animation-delay:.35s}.serviceCallout3>i,.serviceCallout3>b{animation-delay:.7s}.serviceCallout4>i,.serviceCallout4>b{animation-delay:1.05s}.serviceCallout5>i,.serviceCallout5>b{animation-delay:1.4s}@keyframes serviceFocus{0%,14%,100%{opacity:.48;transform:translateX(0)}4%,10%{opacity:1;transform:translateX(-6px)}}@keyframes serviceLine{0%,100%{transform:scaleX(.18);opacity:.35}48%{transform:scaleX(1);opacity:1}}@keyframes serviceBeam{from{right:-24px}to{right:145px}}@keyframes serviceTarget{0%,100%{transform:scale(.75);opacity:.45}48%{transform:scale(1.25);opacity:1;box-shadow:0 0 0 8px #48adff00,0 0 18px #49afff}}
@media(max-width:1150px){.serviceConstellation{right:3vw;width:290px}.serviceCallout span{width:210px;font-size:8px}.serviceCallout>i{right:205px;width:110px}.serviceCallout>b{right:310px}}
@media(max-width:900px){.serviceConstellation{display:none}}
@media(prefers-reduced-motion:reduce){.serviceCallout,.serviceCallout>i,.serviceCallout>i:after,.serviceCallout>b{animation:none}.serviceCallout{opacity:.85}}

/* Prošireni prikaz upravljačkih usluga i potpuno prilagođen mobilni prikaz */
.serviceConstellation{top:300px;gap:3px}.serviceCallout{height:30px;animation-duration:20s}.serviceCallout span{padding:6px 11px;font-size:8px}.serviceCallout6{animation-delay:10s}.serviceCallout7{animation-delay:12s}.serviceCallout8{animation-delay:14s}.serviceCallout9{animation-delay:16s}.serviceCallout10{animation-delay:18s}.serviceCallout6>i,.serviceCallout6>b{animation-delay:1.75s}.serviceCallout7>i,.serviceCallout7>b{animation-delay:2.1s}.serviceCallout8>i,.serviceCallout8>b{animation-delay:2.45s}.serviceCallout9>i,.serviceCallout9>b{animation-delay:2.8s}.serviceCallout10>i,.serviceCallout10>b{animation-delay:3.15s}
.buildingShowcase{background:transparent}.buildingSlide>img,.buildingSlide:first-child img,.buildingSlide4 img{object-fit:cover;width:100%;height:100%;background:transparent;filter:none}.buildingBackdrop{display:none}
.usefulGroup:first-child .officialGrid{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:900px){
 header{height:auto;min-height:112px;padding:8px 4vw 7px;display:grid;grid-template-columns:1fr;justify-items:center;gap:3px}.logo img{width:205px;height:54px}header nav{display:flex;position:static;width:100%;gap:5px;margin:0;overflow-x:auto;justify-content:flex-start;padding:3px 1px 2px;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}header nav a{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;font-size:7px;border-radius:9px}header nav a svg{width:16px;height:16px}header nav a:after{display:none}
 .hero{min-height:1120px;height:1120px}.heroImg{background-position:68% center}.copy{padding-top:160px;width:auto;margin:0 6vw}.copy h1{font-size:clamp(42px,12vw,58px)}.copy>p{font-size:14px}.values{margin:22px 0}.values span{width:31%;font-size:8px}.actions{flex-wrap:wrap}.actions a{padding:12px 18px}
 .serviceConstellation{display:grid;grid-template-columns:1fr 1fr;left:5vw;right:5vw;top:auto;bottom:365px;width:auto;gap:6px;pointer-events:auto}.serviceCallout{height:auto;opacity:1;animation:none}.serviceCallout span{width:100%;min-height:39px;display:flex;align-items:center;padding:7px 9px;font-size:7px;line-height:1.25}.serviceCallout>i,.serviceCallout>b{display:none}
 .newsFloat{left:5vw;right:5vw;bottom:142px;width:auto}.emergency{left:5vw;right:5vw;bottom:22px;width:auto}.emergency[open]{width:auto}.blueprint{left:28%;top:440px;width:72%;height:330px;opacity:.32}
 .benefits{margin:0 4vw;grid-template-columns:1fr 1fr}.newsSection,.process,.about,.scope,.digital,.projects,.network,.presence,.useful,.details,.contact{padding-left:5vw;padding-right:5vw}.about,.digital,.projects,.useful{grid-template-columns:1fr;gap:45px}.scopeHead{grid-template-columns:1fr}.scopeGrid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.networkUnified .networkMap{grid-template-columns:1fr}.networkUnified .networkMap iframe{height:390px}.usefulGroup:first-child .officialGrid{grid-template-columns:1fr 1fr}.officialGrid>a{min-height:86px}.projects figure{width:100%}.buildingShowcase{height:440px!important}.buildingSlide>img{object-fit:cover}.contact h2{font-size:42px}footer{gap:18px}
}
@media(max-width:580px){
 header{min-height:106px}.logo img{width:188px;height:48px}header nav a{flex-basis:70px}.hero{height:1160px;min-height:1160px}.copy{padding-top:145px}.copy h1{font-size:44px}.copy>p{line-height:1.55}.values span{width:33%}.serviceConstellation{bottom:382px}.newsFloat{bottom:150px}.emergency{bottom:24px}.scopeGrid,.usefulGroup:first-child .officialGrid,.usefulGroup .officialGrid,.numbers{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr;padding:16px 10px}.benefits article{padding:0 8px}.timeline{gap:20px 10px}.buildingShowcase,.projects .buildingShowcase{height:400px!important}.buildingSlide>span{left:18px;right:18px;bottom:24px}.buildingSlide b{font-size:19px}.networkUnified .networkMap{padding:15px}.networkUnified .networkMap iframe{height:330px}.presenceLead h2,.useful h2,.projects h2,.scopeHead h2{font-size:36px}.officialGrid>a{padding:15px}.contact p{line-height:1.65}footer{justify-content:center;text-align:center}footer span{width:100%;margin:0}footer>a{width:100%}
}

/* Navigacija s devet jasnih odredišta */
@media(min-width:901px){header{padding-left:3vw;padding-right:3vw}.logo img{width:220px}.logo{flex:0 0 220px}header nav{gap:clamp(4px,1vw,18px)}header nav a{min-width:58px;padding:9px 5px}header nav a span{font-size:8px;white-space:nowrap}}
@media(min-width:901px) and (max-width:1180px){.logo img{width:175px}.logo{flex-basis:175px}header nav{gap:3px}header nav a{min-width:54px;padding-inline:3px}header nav a span{font-size:7px}}

/* Aktualna objava i usluge uvijek imaju zaseban prostor */
@media(min-width:901px){.newsFloat{top:125px}.serviceConstellation{top:355px}}
@media(max-width:900px){.hero{height:1320px;min-height:1320px}.serviceConstellation{bottom:430px}.newsFloat{bottom:150px}}
@media(max-width:580px){.hero{height:1320px;min-height:1320px}.serviceConstellation{bottom:430px}.newsFloat{bottom:150px}}

/* Čist ulazni identitet i tri odvojene zone u desnom dijelu hero prikaza */
.lightIntro .introIdentityStage{width:min(520px,72vw);height:auto;aspect-ratio:500/112}.lightIntro .introIdentityStage img{width:100%;height:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 14px 22px #174b6a25)}
@media(min-width:901px){.hero{height:880px;min-height:max(880px,100vh)}.newsFloat{top:100px}.serviceConstellation{top:330px;gap:2px}.serviceCallout{height:26px}.serviceCallout span{padding:5px 10px}.emergency{bottom:35px}}
@media(max-width:900px){.hero{height:1320px;min-height:1320px}.lightIntro .introIdentityStage{width:min(440px,78vw)}.serviceConstellation{bottom:430px}.newsFloat{bottom:150px}.emergency{bottom:24px}}

/* Kompaktniji početni naslov i proširivi kontakti lokacija */
.copy h1{font-size:clamp(46px,4.35vw,68px)}.copy>p{font-size:15px}.locationList>a{position:relative;flex-wrap:wrap;transition:min-height .3s ease,background .3s ease}.locationList>a.contactOpen{background:#fff;box-shadow:0 15px 34px #164a7020;border-radius:14px;margin:7px 0;padding-bottom:16px}.locationContact{width:100%;margin:10px 0 0 37px;padding-top:12px;border-top:1px solid #d5e3ed;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;animation:locationReveal .3s ease both}.locationContact>a,.locationContact button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #cbdce8;border-radius:9px;background:#eef7fc;color:#075caa;font:inherit;font-size:10px;cursor:pointer}.locationContact button{background:#073c70;color:#fff;border-color:#073c70;font-weight:800}.locationContact>a:hover,.locationContact button:hover{transform:translateY(-2px)}@keyframes locationReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.copy h1{font-size:40px}.copy>p{font-size:13px}.locationContact{grid-template-columns:1fr;margin-left:0}.locationContact>a,.locationContact button{width:100%}}

/* Mobilni prikaz: puni zaslon, navigacija bez rezanja i jasna hijerarhija */
@media(max-width:900px){
 html,body,main{width:100%;max-width:100%;overflow-x:hidden}
 header{position:fixed;inset:0 0 auto;width:100%;min-height:142px;padding:7px 10px 8px;display:grid;grid-template-columns:1fr;gap:5px;background:rgba(238,248,252,.97)}
 .logo{display:flex;justify-content:center;width:100%}
 .logo img{width:174px;height:48px}
 header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:620px;gap:3px;overflow:visible;padding:0;margin:0 auto}
 header nav a{min-width:0;flex:none;width:100%;padding:4px 1px;gap:2px;justify-content:flex-start;text-align:center;border-radius:8px}
 header nav a svg{width:15px;height:15px;flex:none}
 header nav a span{font-size:6.5px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
 .hero{width:100%;height:1210px;min-height:1210px;margin:0;overflow:hidden}
 .heroImg{inset:0;width:100%;background:linear-gradient(180deg,#001936a8 0%,#001b3ee8 58%,#00142ff7 100%),url('/assets/hb-stan-hero-premium.png') 69% center/cover no-repeat}
 .copy{padding-top:184px;margin:0 5vw;width:90vw;max-width:none}
 .copy h1{font-size:clamp(38px,9vw,52px);line-height:1.02;margin:18px 0;max-width:92vw}
 .copy>p{max-width:92vw;font-size:14px;line-height:1.55}
 .values{width:100%;justify-content:space-between;margin:20px 0}
 .values span{width:33.333%;font-size:8px}
 .values svg{width:31px;height:31px}
 .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
 .actions a{justify-content:center;gap:9px;padding:12px 8px;font-size:9px;white-space:nowrap}
 .blueprint{left:18%;right:-10%;top:470px;width:auto;height:270px;opacity:.25}
 .newsFloat{display:none}
 .serviceConstellation{left:5vw;right:5vw;bottom:145px;width:90vw;grid-template-columns:1fr 1fr;gap:6px}
 .serviceCallout span{min-height:42px;padding:8px 10px;font-size:7.5px}
 .emergency{left:5vw;right:5vw;bottom:18px;width:90vw;max-width:none}
 .emergency[open]{width:90vw}
 .benefits{width:92vw;margin:0 4vw;padding:18px 10px}
 .newsSection,.process,.about,.scope,.digital,.projects,.network,.presence,.useful,.details,.contact{width:100%;overflow:hidden}
 .networkUnified .networkMap{width:100%;margin:0}
 .networkUnified .networkMap iframe{width:100%}
}

@media(max-width:520px){
 header{min-height:146px}
 header nav{grid-template-columns:repeat(5,minmax(0,1fr))}
 header nav a span{font-size:6px}
 .hero{height:1220px;min-height:1220px}
 .copy{padding-top:184px}
 .copy .tag{font-size:8px;letter-spacing:.14em}
 .copy h1{font-size:clamp(36px,10.5vw,46px)}
 .copy>p{font-size:13px}
 .actions a{font-size:8.5px}
 .serviceConstellation{bottom:148px}
 .serviceCallout span{font-size:7px;padding:7px 8px}
 .emergency summary{padding:14px}
 .emergencyNumbers{grid-template-columns:1fr 1fr;padding:0 12px 13px}
 .emergencyNumbers>a{padding:9px 6px;font-size:9px}
 .emergencyNumbers>a span{font-size:9px}
 .scope,.projects,.locations,.useful,.newsSection,.process,.about,.digital,.details,.contact{padding-top:65px;padding-bottom:65px}
 .about h2,.digital h2,.contact h2,.newsHeading h2,.presenceLead h2,.useful h2,.projects h2,.scopeHead h2,.networkMap h2{font-size:clamp(31px,9vw,38px)}
 .screen{padding:24px;border-width:6px}
 .screen h3{font-size:25px}
 .screen div{grid-template-columns:1fr}
 .projects img,.buildingShowcase,.projects .buildingShowcase{height:330px!important}
 .networkIntro .groupStats{grid-template-columns:1fr 1fr}
 .networkUnified .networkMap{padding:14px}
 .locationList>a{padding-left:9px;padding-right:9px}
 .usefulGroup:first-child .officialGrid,.usefulGroup .officialGrid{grid-template-columns:1fr}
}

.governmentEnergyNews .newsIcon{background:radial-gradient(circle at 50% 35%,#168be7,#00336b 72%)}
.governmentEnergyNews .energyNumber{font-size:56px;font-weight:900;line-height:1;color:#fff;text-shadow:0 8px 25px #00152f}
.governmentEnergyNews .newsIcon small{margin-top:7px;color:#f0c361;letter-spacing:.18em;font-weight:850}
.governmentEnergyNews .articleNote{display:flex;margin-top:20px;padding:12px 14px;border-radius:11px;background:#eaf5fc;color:#075da9;font-size:10px;font-weight:800}

/* Čišći završni HB STAN potpis u podnožju */
footer>img{width:138px;height:auto;object-fit:contain;filter:drop-shadow(0 0 .45px #ffffff) drop-shadow(0 0 .45px #ffffff) drop-shadow(0 5px 12px #0008)}