@import "tailwindcss";
:root{--ink:#051a2b;--deep:#021827;--blue:#0579b8;--cyan:#20d4df;--ice:#eaf7f8;--gold:#e6b65f;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f6faf9;font-family:Inter,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}svg{display:block}
.intro{position:fixed;z-index:999;inset:0;overflow:hidden;background:linear-gradient(145deg,#f7ffffe8,#dcecf0e8);backdrop-filter:blur(20px);display:grid;place-items:center;align-content:center;gap:26px;animation:introOut .75s 2.35s forwards}.introGrid{position:absolute;inset:0;background-image:linear-gradient(#078eb30c 1px,transparent 1px),linear-gradient(90deg,#078eb30c 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at center,#000,transparent 72%);animation:introGrid 2.2s ease both}.introBrand{position:relative;display:flex;align-items:center;gap:22px;padding:25px 34px;border:1px solid #ffffffbd;border-radius:24px;background:#f5fcf9a8;box-shadow:0 28px 75px #073b5220;backdrop-filter:blur(14px);animation:introCard 1.15s cubic-bezier(.16,.8,.24,1) both}.introBrand:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,#fff 49%,transparent 63%);transform:translateX(-130%);animation:introSweep 1.1s .7s ease forwards}.introBrand>img{width:78px;height:96px;object-fit:contain;filter:saturate(1.25) contrast(1.1) drop-shadow(0 12px 22px #07517438);animation:introSymbol 1.15s cubic-bezier(.16,.8,.24,1) both}.introBrand>div{display:grid;grid-template-columns:auto auto;align-items:baseline;line-height:1}.introBrand b{font-size:32px;letter-spacing:-.04em;color:#065783}.introBrand small{margin-left:8px;font-size:14px;font-weight:750;color:#617e89}.introBrand span{grid-column:1/-1;margin-top:10px;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#52727d;animation:introWords .75s .45s both}.intro>i{position:relative;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.3em;color:#1685a7;animation:introWords .75s .75s both}@keyframes introCard{0%{opacity:0;transform:translateY(22px) scale(.94)}100%{opacity:1;transform:none}}@keyframes introSymbol{0%{opacity:0;transform:rotateY(-90deg) scale(.7);filter:blur(8px)}100%{opacity:1;transform:none}}@keyframes introWords{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes introSweep{to{transform:translateX(130%)}}@keyframes introGrid{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.025)}}
header{height:100px;position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;padding:0 3vw;background:#f4fbf9ed;backdrop-filter:blur(20px);border-bottom:1px solid #0b5d7922;box-shadow:0 12px 35px #05233a0c}.brand{width:235px}.brand img{width:215px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 10px #06283a19)}nav{display:flex;gap:3px;margin:auto;height:100%}nav a{width:92px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:8px;letter-spacing:.09em;text-align:center;text-transform:uppercase;font-weight:800;position:relative;transition:.35s}nav a svg{width:23px;height:23px;color:#078ac3;transition:.4s}nav a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:.35s;transform:translateX(-50%)}nav a:before{content:"";position:absolute;inset:13px 8px;border-radius:15px;background:#0ea4c80a;opacity:0;transform:scale(.7);transition:.35s}nav a:hover{color:#06799e}nav a:hover svg{transform:translateY(-4px) rotate(-4deg);filter:drop-shadow(0 6px 7px #13b6d266)}nav a:hover:before{opacity:1;transform:scale(1)}nav a:hover:after{width:64%}.headerCta{display:flex;align-items:center;gap:10px;border:1px solid #0b89ab5e;border-radius:40px;padding:11px 17px;font-size:13px;font-weight:900;background:#fff8;box-shadow:0 8px 25px #0051740e}.headerCta svg{width:22px;color:#0b9ab7}.headerCta span{display:flex;flex-direction:column}.headerCta small{font-size:7px;letter-spacing:.13em;color:#64808a}
.hero{height:940px;min-height:100vh;position:relative;overflow:hidden;background:#031a2a;color:white}.heroSlides,.heroSlides i{position:absolute;inset:0}.heroSlides:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#021728fb 0%,#05263ee8 37%,#07365267 72%,#02182756),linear-gradient(0deg,#021827e8,transparent 50%)}.heroSlides i{background:center/cover no-repeat;opacity:0;transform:scale(1.08);animation:heroShow 21s infinite}.heroSlides i:nth-child(1){background-image:url('/assets/hero/hero-1.jpg');opacity:1}.heroSlides i:nth-child(2){background-image:url('/assets/hero/hero-2.jpg');animation-delay:7s}.heroSlides i:nth-child(3){background-image:url('/assets/hero/hero-3.jpg');animation-delay:14s}@keyframes heroShow{0%,29%{opacity:1;transform:scale(1)}35%,94%{opacity:0;transform:scale(1.08)}100%{opacity:1}}.mesh{position:absolute;inset:0;background-image:linear-gradient(#37dbe916 1px,transparent 1px),linear-gradient(90deg,#37dbe916 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,#000 0%,transparent 78%);animation:gridMove 14s linear infinite}.scanline{position:absolute;inset:0 auto 0 0;width:1px;background:#5cecff;box-shadow:0 0 30px 8px #1ac8ef35;animation:scan 8s ease-in-out infinite}@keyframes scan{0%,100%{left:0;opacity:0}10%,80%{opacity:.65}90%{left:84%;opacity:0}}@keyframes gridMove{to{background-position:74px 0}}
.heroCopy{position:relative;z-index:3;padding-top:235px;margin-left:7vw;max-width:820px}.heroCopy small,.sectionHead small,.manifest small,.energyCopy small,.trust small,.contact small{color:#62ecf0;font-size:10px;font-weight:900;letter-spacing:.27em}.heroCopy h1{font-size:clamp(62px,6.5vw,105px);line-height:.92;letter-spacing:-.065em;margin:30px 0;text-wrap:balance}.heroCopy em{font-style:normal;color:var(--gold);text-shadow:0 0 40px #e4b55b22}.heroCopy p{max-width:650px;font-size:17px;line-height:1.75;color:#d8e7eb}.heroActions{display:flex;gap:12px;margin-top:36px}.heroActions a,.contactButton{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 25px;border:1px solid #ffffff63;border-radius:999px;text-transform:uppercase;font-size:10px;font-weight:900;transition:.35s}.heroActions a:first-child,.contactButton{color:#031b2b;background:linear-gradient(135deg,#61e4e8,#16a7cf);border:0;box-shadow:0 14px 35px #11b4d332}.heroActions a:hover,.contactButton:hover{transform:translateY(-4px);box-shadow:0 20px 45px #11b4d346}.heroOrbit{position:absolute;z-index:3;right:6vw;top:205px;width:400px;height:400px;border:1px solid #4ee3e928;border-radius:50%;animation:orbit 22s linear infinite}.heroOrbit:before,.heroOrbit:after{content:"";position:absolute;inset:45px;border:1px solid #4ee3e922;border-radius:50%}.heroOrbit:after{inset:105px}.heroOrbit span{position:absolute;padding:10px 16px;border:1px solid #56e8ee52;background:#052d48b8;backdrop-filter:blur(8px);border-radius:30px;font-size:8px;font-weight:900;letter-spacing:.15em}.heroOrbit span:nth-child(1){top:12px;left:145px}.heroOrbit span:nth-child(2){right:-20px;top:185px}.heroOrbit span:nth-child(3){bottom:15px;left:130px}.orbitBrand{position:absolute;inset:106px;display:grid;place-items:center;border-radius:50%;overflow:hidden;animation:counter 22s linear infinite;pointer-events:none}.orbitBrand:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#6cebf015 0 38%,transparent 72%);animation:orbitBrandPulse 4.8s ease-in-out infinite}.orbitBrand img{position:relative;width:72px;height:104px;object-fit:contain;opacity:.24;filter:saturate(.78) brightness(1.35) drop-shadow(0 0 16px #54e6ee70);mix-blend-mode:screen;animation:orbitBrandGlow 4.8s ease-in-out infinite}@keyframes orbit{to{transform:rotate(360deg)}}.heroOrbit span{animation:counter 22s linear infinite}@keyframes counter{to{transform:rotate(-360deg)}}@keyframes orbitBrandPulse{50%{transform:scale(1.11);opacity:.55}}@keyframes orbitBrandGlow{50%{opacity:.38;filter:saturate(.9) brightness(1.55) drop-shadow(0 0 24px #54e6ee9c)}}
.heroStats{position:absolute;z-index:4;right:5vw;bottom:55px;display:flex;background:#effbf8e9;color:var(--ink);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #01131f55}.heroStats article{min-width:185px;padding:24px 27px;border-right:1px solid #0c607a25}.heroStats article:last-child{border:0}.heroStats b{display:block;font-size:29px;color:#057a9c}.heroStats span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#607780}.scrollMark{position:absolute;left:7vw;bottom:65px;z-index:4;font-size:8px;letter-spacing:.22em}.scrollMark i{display:inline-block;width:75px;height:1px;margin-left:12px;background:#45dce7;vertical-align:middle;animation:scrollPulse 1.8s infinite}@keyframes scrollPulse{50%{width:115px;opacity:.4}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.68,0,1.15)}.reveal.visible{opacity:1;transform:none}
.manifest{padding:130px 8vw;display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;background:linear-gradient(135deg,#f6faf8,#eaf5f4)}.manifest small,.sectionHead small,.energyCopy small,.trust small,.contact small{color:#087fab}.manifest h2,.sectionHead h2,.energyCopy h2,.trust h2,.contact h2{font-size:clamp(45px,5vw,78px);line-height:1.01;letter-spacing:-.055em;margin:20px 0}.manifest h2 span,.energyCopy h2 span{color:#0a82a5}.manifest p{color:#516970;line-height:1.85}.manifest a,.energyCopy>a{display:inline-flex;align-items:center;gap:20px;margin-top:20px;color:#057eaa;font-size:10px;font-weight:900;text-transform:uppercase}.manifest a b{transition:.3s}.manifest a:hover b{transform:translateX(8px)}
.services{padding:120px 7vw;background:#fff}.sectionHead{max-width:900px;margin-bottom:58px}.sectionHead p{color:#687b82;font-size:16px}.serviceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.serviceGrid article{position:relative;min-height:205px;padding:30px;display:grid;grid-template-columns:35px 58px 1fr 24px;gap:17px;align-items:start;border:1px solid #bdd7dc;background:linear-gradient(135deg,#fff,#f2fafa);border-radius:18px;overflow:hidden;transition:.4s}.serviceGrid article:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#1ccbdc15;right:-90px;bottom:-120px;transition:.5s}.serviceGrid article:hover{transform:translateY(-8px);border-color:#20b6ca;box-shadow:0 22px 45px #063f5517}.serviceGrid article:hover:before{transform:scale(1.8)}.serviceGrid article>span{color:#0a87aa;font-size:10px;font-weight:800}.serviceIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e0f7f7;color:#078caf;transition:.4s}.serviceIcon svg{width:28px;height:28px}.serviceGrid article:hover .serviceIcon{color:white;background:linear-gradient(135deg,#1ed3dc,#087eb4);transform:rotate(-5deg) scale(1.08)}.serviceGrid h3{font-size:24px;margin:2px 0 12px}.serviceGrid p{margin:0;color:#60747c;line-height:1.65}.serviceGrid article>b{font-size:22px;color:#0ba7ba;transition:.35s}.serviceGrid article:hover>b{transform:translate(4px,-4px)}
.energy{display:grid;grid-template-columns:1.15fr .85fr;min-height:740px;background:#062539;color:white}.energyVisual{position:relative;min-height:680px;overflow:hidden}.energyVisual img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:1s}.energyVisual.visible img{transform:scale(1.02)}.energyVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#062539c9)}.energyLines{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 49%,#49e3ed88 50%,transparent 51%);background-size:120px 100%;animation:lineMove 6s linear infinite;opacity:.4}@keyframes lineMove{to{background-position:240px 0}}.energyBadge{position:absolute;z-index:3;right:-55px;bottom:70px;width:270px;padding:28px;background:#eef9f4;color:#062539;border-radius:17px;box-shadow:0 25px 60px #01151f62}.energyBadge b{display:block;font-size:54px;color:#0787a9}.energyBadge span{font-size:10px;line-height:1.55}.energyCopy{padding:105px 7vw}.energyCopy small{color:#4ee2eb}.energyCopy h2{font-size:clamp(43px,4vw,66px)}.energyCopy h2 span{color:#e5bd78}.energyCopy p{color:#bed1d7;line-height:1.75}.energyCopy ul{list-style:none;padding:0;margin:30px 0}.energyCopy li{padding:13px 0;border-bottom:1px solid #ffffff1f;font-size:12px}.energyCopy li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1bcbdb1f;color:#4ee2eb;margin-right:12px}
.projects{padding:120px 0;background:#041929;color:white;overflow:hidden}.projects .sectionHead{padding:0 7vw}.light small{color:#4ee2eb}.projectRail{display:flex;gap:20px;overflow-x:auto;padding:0 7vw 30px;scroll-snap-type:x mandatory}.projectRail::-webkit-scrollbar{height:5px}.projectRail::-webkit-scrollbar-thumb{background:#1ec6d8;border-radius:5px}.projectRail figure{flex:0 0 min(470px,75vw);margin:0;scroll-snap-align:start;background:#0a2c42;border:1px solid #2a65755c;border-radius:18px;overflow:hidden;transition:.4s}.projectImage{height:330px;position:relative;overflow:hidden}.projectRail img{width:100%;height:100%;object-fit:cover;display:block;transition:.65s}.projectImage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06243cc0,transparent 55%);opacity:.4;transition:.4s}.projectImage>span{position:absolute;z-index:2;left:22px;bottom:20px;padding:10px 13px;border-radius:30px;background:#e9faf4dc;color:#063047;font-size:8px;font-weight:900;letter-spacing:.12em;opacity:0;transform:translateY(10px);transition:.4s}.projectRail figure:hover{transform:translateY(-7px);box-shadow:0 25px 60px #0005}.projectRail figure:hover img{transform:scale(1.07)}.projectRail figure:hover .projectImage>span{opacity:1;transform:none}.projectRail figcaption{display:flex;gap:20px;padding:23px}.projectRail figcaption>span{color:#4ee2eb;font-size:10px}.projectRail figcaption div{display:flex;flex-direction:column;gap:6px}.projectRail figcaption b{font-size:19px}.projectRail figcaption small{color:#9db1ba}
.projectShowcase{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;padding:0 7vw}.projectStage{position:relative;min-height:650px;border-radius:26px;overflow:hidden;background:#092c43;box-shadow:0 35px 80px #0007}.projectBlur{position:absolute;inset:-35px;background:center/cover no-repeat;filter:blur(24px) saturate(.8);opacity:.55;transform:scale(1.1);transition:background-image .5s}.projectMain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s,transform 6s ease}.projectStage.is-changing .projectMain{opacity:.12;transform:scale(1.025)}.projectShade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#02131fe8 100%)}.projectMeta{position:absolute;z-index:2;left:40px;right:130px;bottom:36px}.projectKind,.projectPhotoLabel{display:inline-flex;padding:9px 13px;border-radius:99px;background:#48e0e9e8;color:#04253a;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.projectMeta h3{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;margin:13px 0 7px}.projectMeta p{max-width:650px;margin:0;color:#c6dbe0;font-size:13px}.projectPhotoLabel{position:absolute;z-index:2;right:24px;top:24px;background:#f1c977ed}.projectCounter{position:absolute;z-index:2;right:28px;bottom:37px;font-size:11px;letter-spacing:.14em;color:#bed4da}.projectArrow{position:absolute;z-index:3;top:50%;width:47px;height:47px;border:1px solid #fff8;border-radius:50%;background:#05263acc;color:white;font-size:20px;cursor:pointer;backdrop-filter:blur(10px);transition:.3s}.projectArrow:hover{background:#39cdda;color:#042237;transform:scale(1.08)}.projectArrow.prev{left:22px}.projectArrow.next{right:22px}.projectNav{display:flex;flex-direction:column;gap:8px}.projectNav button{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;text-align:left;padding:17px 18px;border:1px solid #2a6073;border-radius:15px;background:#092a40;color:white;cursor:pointer;transition:.35s}.projectNav button:hover,.projectNav button.active{transform:translateX(-7px);border-color:#40d8e2;background:linear-gradient(135deg,#0b435d,#0b3148);box-shadow:0 12px 32px #0004}.projectNav i{font-style:normal;font-size:10px;color:#54dce4}.projectNav span{display:flex;flex-direction:column;gap:5px}.projectNav b{font-size:14px}.projectNav small{font-size:8px;color:#96b3bd;text-transform:uppercase;letter-spacing:.07em}.fundingNotes{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 7vw 0}.fundingNotes article{padding:29px;border:1px solid #286075;border-radius:19px;background:linear-gradient(135deg,#0a3149,#06243a)}.fundingNotes span{font-size:8px;font-weight:900;letter-spacing:.16em;color:#50dbe4}.fundingNotes h3{margin:13px 0 10px;font-size:23px}.fundingNotes p{margin:0;color:#9eb8c1;line-height:1.65;font-size:12px}.fundingNotes a{display:inline-block;margin-top:18px;color:#e9c879;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.process{padding:115px 7vw;background:#eff7f5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.steps article{position:relative;background:#fff;padding:34px 28px;min-height:260px;border-radius:16px;border:1px solid #c8dcdd;transition:.4s}.steps article:hover{background:#052d43;color:white;transform:translateY(-6px)}.steps b{font-size:42px;color:#9bc8ca}.steps i{display:block;width:44px;height:2px;background:#1bc5d1;margin:22px 0}.steps h3{font-size:22px}.steps p{color:#62777e;line-height:1.65;font-size:13px}.steps article:hover p{color:#bad0d8}.trust{padding:125px 7vw;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.trust p{color:#62757d;line-height:1.8}.trustCards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trustCards article{padding:31px;border:1px solid #c5d8da;background:linear-gradient(135deg,#f9fcfb,#edf8f7);border-radius:16px;transition:.4s}.trustCards article:hover{transform:translateY(-5px);box-shadow:0 17px 40px #07374a12}.trustCards b{display:block;font-size:27px;color:#0879a1}.trustCards span{font-size:11px;color:#6b7d82}
.contact{padding:120px 8vw;background:radial-gradient(circle at 80% 20%,#0d536b,#04273b 45%,#021726);color:white;display:grid;grid-template-columns:1fr 390px;gap:70px 9vw}.contact>div p{color:#a9c0c9}.contactLinks{display:flex;flex-direction:column;gap:8px;font-size:20px;margin:26px 0}.contactLinks a{transition:.3s}.contactLinks a:hover{color:#4ce1e9;transform:translateX(6px)}.contactButton{color:#021827;margin-top:15px;width:max-content}.contact aside{padding:34px;border:1px solid #ffffff35;background:#ffffff0b;backdrop-filter:blur(10px);border-radius:18px;display:flex;flex-direction:column;gap:15px}.contact aside>span{display:flex;justify-content:space-between;color:#b9ccd3}.contact aside i{font-style:normal;color:white}.contact aside hr{width:100%;border:0;border-top:1px solid #ffffff20}.contact aside p{font-size:12px;color:#a9c0c9;line-height:1.6}.mapCard{grid-column:1/-1;position:relative;height:470px;border:1px solid #ffffff38;border-radius:24px;overflow:hidden;box-shadow:0 35px 80px #0008;background:#dcebea}.mapCard:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff28}.mapCard iframe{width:100%;height:100%;border:0;filter:saturate(.82) contrast(1.04)}.mapInfo{position:absolute;z-index:2;left:25px;bottom:25px;right:25px;display:flex;align-items:center;gap:25px;padding:18px 20px;border:1px solid #ffffff90;border-radius:16px;background:#edf9f5e8;color:#05243a;backdrop-filter:blur(18px);box-shadow:0 15px 45px #05263d35}.mapInfo span{display:flex;flex-direction:column;gap:4px}.mapInfo small{color:#0785ad;font-size:8px;font-weight:900;letter-spacing:.2em}.mapInfo b{font-size:20px}.mapInfo i{font-size:10px;font-style:normal;color:#647a82}.mapInfo a{margin-left:auto;padding:13px 18px;border-radius:999px;background:#06324a;color:white;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:.35s}.mapInfo a:hover{transform:translateY(-3px);background:#0786aa;box-shadow:0 12px 30px #087aa342}footer{display:flex;align-items:center;gap:28px;padding:28px 6vw;background:#031628;color:#8da3ad;font-size:10px;border-top:1px solid #20c7d21f}footer>img{width:210px;filter:brightness(0) invert(1);opacity:.86}footer>span{margin-right:auto}.haistorSignature{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-width:330px;padding:12px 16px;border:1px solid #3184a26b;border-radius:16px;background:linear-gradient(135deg,#082239,#04172a);color:white;cursor:pointer;overflow:hidden;box-shadow:0 15px 35px #0003;transition:.4s}.haistorSignature:before{content:"";position:absolute;z-index:-1;inset:-60% auto -60% -30%;width:34%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(18deg) translateX(-220%)}.haistorSignature:hover{transform:translateY(-4px);border-color:#e8ba64a8;box-shadow:0 20px 45px #0005}.haistorMark{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:12px;background:linear-gradient(145deg,#ffd878,#be7a21);box-shadow:inset 0 1px #fff9,0 8px 20px #d6993040}.haistorMark svg{width:38px;height:38px;fill:none;stroke:#09233a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.haistorMark .hsH{fill:#09233a;stroke:none}.haistorMark circle{fill:#09233a;stroke:none}.haistorWords{display:flex;flex-direction:column;text-align:left;line-height:1}.haistorWords b{font-size:12px;letter-spacing:.2em;color:#fff}.haistorWords small{margin-top:5px;font-size:6px;font-weight:900;letter-spacing:.15em;color:#e6b65f}.haistorSignature>i{margin-left:auto;padding-left:12px;border-left:1px solid #ffffff18;font-size:8px;font-style:normal;line-height:1.45;text-align:left;color:#8ca6b3}.haistorSignature.is-animating:before{animation:hsSweep 1.15s ease}.haistorSignature.is-animating .haistorMark{animation:hsMark 1.15s cubic-bezier(.2,.8,.2,1)}.haistorSignature.is-animating .hsFrame{animation:hsDraw 1s ease both}.haistorSignature.is-animating .hsH{animation:hsPulse 1s ease}.haistorSignature.is-animating .haistorWords{animation:hsWords .85s .12s both}@keyframes hsSweep{to{transform:rotate(18deg) translateX(560%)}}@keyframes hsMark{0%,100%{transform:rotate(0) scale(1)}45%{transform:rotate(-8deg) scale(1.16);box-shadow:inset 0 1px #fff,0 0 30px #efbc62aa}}@keyframes hsDraw{0%{stroke-dasharray:150;stroke-dashoffset:150}100%{stroke-dasharray:150;stroke-dashoffset:0}}@keyframes hsPulse{50%{fill:#fff;filter:drop-shadow(0 0 5px #fff)}}@keyframes hsWords{0%{opacity:0;transform:translateX(-14px);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
.brand{width:295px}.brand img{width:275px;height:74px}
@media(max-width:1160px){.brand{width:180px}.brand img{width:175px}nav a{width:78px}.heroOrbit{display:none}.headerCta{display:none}.energy{grid-template-columns:1fr}.energyBadge{right:25px}.contact{grid-template-columns:1fr 340px}}
@media(max-width:760px){header{height:auto;position:absolute;display:block;text-align:center;padding:12px 10px 10px}.brand{display:block;width:auto}.brand img{width:210px;height:56px;margin:auto}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#03263c;margin:7px 0 0;padding:7px;border-radius:15px;height:auto;overflow:hidden}nav a{width:auto;height:62px;color:#d9eef2;font-size:7px;padding:5px;gap:5px;border-radius:10px}nav a svg{width:21px;height:21px;color:#42dce2}.hero{height:1120px;min-height:0}.heroSlides:after{background:linear-gradient(180deg,#031d31e8,#052841a5 45%,#021827ec)}.mesh{background-size:52px 52px}.heroCopy{padding-top:295px;margin:0 7vw}.heroCopy small{font-size:8px}.heroCopy h1{font-size:clamp(47px,13vw,66px);line-height:.97;margin:23px 0}.heroCopy p{font-size:14px;line-height:1.65}.heroActions{display:grid}.heroActions a{justify-content:space-between}.heroStats{left:5vw;right:5vw;bottom:45px}.heroStats article{min-width:0;flex:1;padding:17px 10px}.heroStats b{font-size:22px}.heroStats span{font-size:7px}.scrollMark{display:none}.manifest,.trust{grid-template-columns:1fr;padding:82px 6vw}.manifest h2,.sectionHead h2,.energyCopy h2,.trust h2,.contact h2{font-size:40px}.services,.process{padding:82px 5vw}.serviceGrid{grid-template-columns:1fr}.serviceGrid article{grid-template-columns:30px 48px 1fr 20px;padding:24px 17px;min-height:185px}.serviceIcon{width:45px;height:45px}.serviceGrid h3{font-size:20px}.serviceGrid p{font-size:13px}.energyVisual{min-height:440px}.energyBadge{right:15px;bottom:20px;width:220px}.energyCopy{padding:78px 6vw}.projectImage{height:280px}.steps{grid-template-columns:1fr 1fr}.trustCards{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;padding:82px 6vw;gap:45px}.contactLinks{font-size:16px}.mapCard{height:430px}.mapInfo{left:13px;right:13px;bottom:13px;display:grid;gap:14px;padding:16px}.mapInfo a{margin:0;text-align:center}.mapInfo b{font-size:17px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:32px 6vw}footer>span{width:100%;margin:0;order:4}.haistorSignature{order:2;width:min(100%,390px);min-width:0}.haistorSignature>i{display:none}footer>a{order:3}.intro img{width:78vw}.intro span{font-size:7px;letter-spacing:.2em}}
@media(max-width:900px){.projectShowcase{grid-template-columns:1fr;padding:0 5vw}.projectStage{min-height:610px}.projectNav{display:grid;grid-template-columns:repeat(2,1fr)}.projectNav button:hover,.projectNav button.active{transform:translateY(-4px)}.fundingNotes{padding:18px 5vw 0}}
@media(max-width:760px){.projects{padding:82px 0}.projects .sectionHead{padding:0 6vw}.projectStage{min-height:570px;border-radius:19px}.projectMeta{left:20px;right:20px;bottom:25px}.projectMeta h3{font-size:34px}.projectMeta p{font-size:11px;padding-right:58px}.projectPhotoLabel{top:15px;right:15px}.projectCounter{right:20px;bottom:27px}.projectArrow{top:43%;width:42px;height:42px}.projectArrow.prev{left:12px}.projectArrow.next{right:12px}.projectNav{grid-template-columns:1fr 1fr;gap:6px}.projectNav button{padding:13px 11px;grid-template-columns:25px 1fr}.projectNav b{font-size:11px}.projectNav small{font-size:6px}.fundingNotes{grid-template-columns:1fr}.fundingNotes article{padding:24px}.fundingNotes h3{font-size:20px}}
@media(max-width:480px){.hero{height:1150px}.heroCopy{padding-top:300px}.heroCopy h1{font-size:45px}.heroStats{display:grid;grid-template-columns:repeat(3,1fr)}.heroStats b{font-size:18px}.heroStats span{font-size:6px}.serviceGrid article{grid-template-columns:26px 42px 1fr 16px}.serviceIcon{width:40px;height:40px}.serviceIcon svg{width:23px}.steps,.trustCards{grid-template-columns:1fr}.projectRail figure{flex-basis:86vw}.projectImage{height:250px}.contact aside{padding:25px}.intro span{max-width:270px;text-align:center;line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}

/* Proširena galerija: prethodni i novi projekti u jedinstvenom slijedu. */
.projectNav{max-height:650px;overflow-y:auto;padding:2px 9px 2px 2px;scrollbar-width:thin;scrollbar-color:#29bdcc #092a40}
@media(max-width:900px){.projectNav{display:flex;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px}.projectNav button{min-width:245px}}
@media(max-width:760px){.projectNav{display:flex;grid-template-columns:none}.projectNav button{min-width:205px}}

/* Kompaktni horizontalni pregled izvedenih projekata. */
.compactRail{gap:15px;scroll-behavior:smooth;padding-bottom:18px}
.compactRail figure{flex:0 0 335px;border-radius:15px}
.compactRail .projectImage{height:220px}
.compactRail .projectImage>span{opacity:1;transform:none;background:#e9faf4e8}
.compactRail figcaption{padding:18px;gap:14px;min-height:118px}
.compactRail figcaption b{font-size:17px}
.compactRail figcaption small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#55d8e1}
.compactRail figcaption p{margin:7px 0 0;color:#91aab4;font-size:10px;line-height:1.45}
.railControls{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 7vw 22px;color:#7899a5;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.railControls button{width:39px;height:39px;border:1px solid #3a7789;border-radius:50%;background:#092c42;color:white;cursor:pointer;transition:.3s}
.railControls button:hover{background:#45d8e1;color:#032238;transform:scale(1.08)}
.compactNotes{padding-top:0}
.compactNotes article{padding:22px 25px}
.compactNotes h3{font-size:19px;margin:9px 0 7px}
.compactNotes p{font-size:11px}
@media(max-width:760px){.compactRail{padding-left:5vw;padding-right:5vw}.compactRail figure{flex-basis:78vw}.compactRail .projectImage{height:210px}.railControls{padding-left:5vw;padding-right:5vw}.compactNotes{padding-top:0}}

/* Prozračni prvi ekran i interaktivni prsten usluga. */
header{background:linear-gradient(90deg,#eaf7f58f,#f5fbf68a);backdrop-filter:blur(15px) saturate(1.15);-webkit-backdrop-filter:blur(15px) saturate(1.15);border-bottom-color:#ffffff6b;box-shadow:0 10px 30px #04243b12}
.heroCopy{max-width:700px}
.heroCopy h1{font-size:clamp(54px,5.5vw,86px);letter-spacing:-.055em;margin:25px 0}
.heroCopy p{font-size:15px;max-width:590px}
.heroStats{background:linear-gradient(135deg,#effbf87d,#edf7f17a);backdrop-filter:blur(15px) saturate(1.15);-webkit-backdrop-filter:blur(15px) saturate(1.15);border-color:#ffffff80;box-shadow:0 20px 50px #01131f2b}
.heroStats article{background:transparent}
.serviceOrbit{right:7vw;top:175px;width:470px;height:470px;border:0;animation:none}
.serviceOrbit:before,.serviceOrbit:after{display:none}
.orbitRings{position:absolute;inset:18px;border:1px solid #6cebf040;border-radius:50%;animation:serviceRingSpin 36s linear infinite}
.orbitRings:before,.orbitRings:after{content:"";position:absolute;border:1px solid #6cebf032;border-radius:50%}
.orbitRings:before{inset:48px}.orbitRings:after{inset:105px}
.orbitLogo{position:absolute;z-index:4;left:50%;top:50%;width:156px;height:156px;display:grid;place-items:center;transform:translate(-50%,-50%);border:0;background:transparent;box-shadow:none;transition:.4s}
.orbitLogo:hover{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 0 24px #2cd8ee70)}
.orbitLogo img{width:138px;height:138px;object-fit:contain;opacity:.94;filter:drop-shadow(0 12px 18px #001b2e4d)}
.serviceOrbit>a:not(.orbitLogo){position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;min-height:38px;padding:9px 15px;border:1px solid #78e7ec68;border-radius:999px;background:#07324b82;color:#ecffff;backdrop-filter:blur(10px);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;animation:serviceFloat 4s ease-in-out infinite;transition:.35s}
.serviceOrbit>a:not(.orbitLogo):hover{background:#4adbe4;color:#032438;transform:translateY(-4px) scale(1.06);box-shadow:0 12px 30px #23cad64a}
.serviceOrbit>a:nth-of-type(2){left:8px;top:86px}.serviceOrbit>a:nth-of-type(3){right:-18px;top:102px;animation-delay:-.7s}.serviceOrbit>a:nth-of-type(4){right:-22px;top:264px;animation-delay:-1.4s}.serviceOrbit>a:nth-of-type(5){right:72px;bottom:7px;animation-delay:-2.1s}.serviceOrbit>a:nth-of-type(6){left:45px;bottom:28px;animation-delay:-2.8s}.serviceOrbit>a:nth-of-type(7){left:-32px;top:252px;animation-delay:-3.5s}
@keyframes serviceRingSpin{to{transform:rotate(360deg)}}
@keyframes serviceFloat{50%{translate:0 -6px}}
@media(max-width:1350px){.serviceOrbit{right:3vw;transform:scale(.86);transform-origin:center right}.heroCopy{max-width:650px}.heroCopy h1{font-size:clamp(52px,5vw,76px)}}
@media(max-width:1160px){.serviceOrbit{display:none}}
@media(max-width:760px){header{background:linear-gradient(180deg,#edf9f6b3,#eaf6f2a3)}.heroCopy h1{font-size:43px}.heroCopy p{font-size:13px}.heroStats{background:#eefaf58a}}

/* Premium tipografija, skalabilni znak i animirani naslov. */
body{font-size:14px;font-weight:400;letter-spacing:-.006em;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}
.brandPremium{width:300px;display:flex;align-items:center;gap:13px}
.brandPremium img{width:48px;height:59px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 7px 13px #0751742b)}
.brandPremium>span{display:grid;grid-template-columns:auto auto;align-items:baseline;text-align:left;line-height:1}
.brandPremium b{font-size:17px;font-weight:500;letter-spacing:-.025em;color:#277ca2;white-space:nowrap}
.brandPremium small{margin-left:5px;font-size:10px;font-weight:500;color:#81979f}
.brandPremium i{grid-column:1/-1;margin-top:6px;font-size:5.5px;font-style:normal;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:#82969c;white-space:nowrap}
.heroCopy h1{font-size:clamp(48px,5vw,76px);line-height:.95}
.animatedTitle{position:relative;display:flex;flex-direction:column;width:max-content;max-width:100%;overflow:visible}
.animatedTitle span,.animatedTitle em{display:block;opacity:0;transform:translateY(28px);filter:blur(7px);animation:titleReveal .95s cubic-bezier(.2,.75,.2,1) .2s forwards}
.animatedTitle em{animation-delay:.48s}
.animatedTitle>i{display:block;width:0;height:2px;margin-top:18px;background:linear-gradient(90deg,#4ce4e9,#e6b65f,transparent);box-shadow:0 0 18px #49dbe8;animation:titleLine 1.25s cubic-bezier(.2,.8,.2,1) .85s forwards}
.animatedTitle:after{content:"";position:absolute;inset:-8% -5%;pointer-events:none;background:linear-gradient(108deg,transparent 38%,#ffffff2c 49%,transparent 60%);transform:translateX(-120%);animation:titleShine 5.5s 2s ease-in-out infinite}
@keyframes titleReveal{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes titleLine{to{width:72%}}
@keyframes titleShine{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.heroCopy p{font-size:13.5px;line-height:1.72}
.manifest h2,.sectionHead h2,.energyCopy h2,.trust h2,.contact h2{font-size:clamp(39px,4.2vw,66px);letter-spacing:-.047em}
.sectionHead p{font-size:14px}.serviceGrid h3{font-size:21px}.serviceGrid p,.manifest p,.energyCopy p,.steps p{font-size:12.5px}.projectRail figcaption b{font-size:15px}.fundingNotes h3{font-size:17px}.steps h3{font-size:19px}.trustCards b{font-size:24px}.contactLinks{font-size:18px}
@media(max-width:1160px){.brandPremium{width:210px}.brandPremium img{width:40px;height:50px}.brandPremium b{font-size:14px}.brandPremium small{font-size:8px}.brandPremium i{font-size:4.5px}}
@media(max-width:760px){.brandPremium{width:max-content;margin:auto;justify-content:center}.brandPremium img{width:43px;height:53px;margin:0}.brandPremium b{font-size:15px}.brandPremium small{font-size:9px}.brandPremium i{font-size:4.7px}.heroCopy h1{font-size:40px}.animatedTitle>i{margin-top:13px}.manifest h2,.sectionHead h2,.energyCopy h2,.trust h2,.contact h2{font-size:36px}.sectionHead p{font-size:13px}.serviceGrid h3{font-size:18px}}

/* Interaktivna zgrada — prvi ekran kao navigacijsko iskustvo. */
.hero{height:920px;min-height:100vh;background:#031827}
.heroSlides{opacity:.3;filter:saturate(.6) blur(1px)}
.heroSlides:after{background:linear-gradient(90deg,#021522fa,#03263de8 48%,#021522e8),linear-gradient(0deg,#031827f5,transparent 50%)}
.buildingExperience{position:relative;z-index:4;width:min(1500px,92vw);height:100%;margin:auto;padding:155px 0 150px;display:grid;grid-template-columns:minmax(290px,.82fr) minmax(390px,1.05fr) minmax(300px,.78fr);align-items:center;gap:3.5vw}
.buildingIntro small{display:block;color:#5ee5e9;font-size:8px;font-weight:900;letter-spacing:.25em}
.buildingIntro h1{margin:22px 0 23px;font-size:clamp(42px,4.2vw,68px);line-height:.96;letter-spacing:-.055em}
.buildingIntro h1 em{display:block;margin-top:8px;font-style:normal;color:#e7bd70}
.buildingIntro p{max-width:450px;margin:0;color:#b9cdd4;font-size:12.5px;line-height:1.78}
.buildingIntro>span{display:flex;align-items:center;gap:10px;margin-top:27px;color:#77a1ae;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.buildingIntro>span i{width:34px;height:1px;background:#45d9e2;box-shadow:0 0 12px #45d9e2;animation:buildingHint 1.8s ease-in-out infinite}
@keyframes buildingHint{50%{width:58px;opacity:.45}}
.buildingScene{position:relative;height:590px;display:grid;place-items:center;perspective:1100px}
.buildingHalo{position:absolute;width:520px;height:520px;border:1px solid #50dfe52c;border-radius:50%;background:radial-gradient(circle,#1dd5df12,transparent 65%);animation:haloBreathe 5s ease-in-out infinite}
.buildingHalo:before,.buildingHalo:after{content:"";position:absolute;border:1px solid #50dfe51c;border-radius:50%}.buildingHalo:before{inset:55px}.buildingHalo:after{inset:115px}
.buildingBeam{position:absolute;left:50%;bottom:8px;width:330px;height:70px;transform:translateX(-50%);background:radial-gradient(ellipse,#42d9e74c,transparent 67%);filter:blur(8px);animation:beamPulse 3s ease-in-out infinite}
@keyframes haloBreathe{50%{transform:scale(1.04);opacity:.65}}@keyframes beamPulse{50%{opacity:.55;transform:translateX(-50%) scaleX(1.15)}}
.buildingModel{position:relative;width:340px;height:510px;margin-top:42px;border:1px solid #72eaf080;border-radius:5px 5px 2px 2px;background:linear-gradient(105deg,#bde9ea10,#0e496457 48%,#8fe6eb13);box-shadow:inset 0 0 70px #40dce313,0 45px 80px #0007;transform:rotateY(-5deg);animation:buildingFloat 6s ease-in-out infinite}
.buildingModel:before{content:"";position:absolute;inset:12% 8% 0;background:repeating-linear-gradient(0deg,transparent 0 78px,#71dfe74f 79px 80px),linear-gradient(90deg,#7ce8ed26 1px,transparent 1px);background-size:auto,46px 100%;opacity:.75}
.buildingModel:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,#8ef5f52c 49%,transparent 55%);transform:translateX(-100%);animation:buildingScan 5.5s ease-in-out infinite;pointer-events:none}
.buildingRoof{position:absolute;z-index:2;left:-1px;right:-1px;top:-52px;height:53px;border:1px solid #69e9ef8c;border-bottom-color:#9af9f9;background:#0b405a94;clip-path:polygon(0 100%,50% 0,100% 100%)}
.buildingAntenna{position:absolute;z-index:1;left:50%;top:-91px;width:1px;height:49px;background:#80edf1;box-shadow:0 0 9px #4ce9f4}
.buildingAntenna:after{content:"";position:absolute;left:-4px;top:0;width:9px;height:9px;border:1px solid #8df5f7;border-radius:50%;animation:antennaPulse 1.7s infinite}
@keyframes antennaPulse{50%{transform:scale(1.8);opacity:.15}}@keyframes buildingFloat{50%{transform:rotateY(-5deg) translateY(-9px)}}@keyframes buildingScan{0%,28%{transform:translateX(-110%)}65%,100%{transform:translateX(120%)}}
.buildingWindows{position:absolute;z-index:1;left:42px;right:42px;top:105px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 32px;pointer-events:none}.buildingWindows i{height:39px;border:1px solid #6ee3ea70;background:linear-gradient(135deg,#04253f,#0e6682 58%,#f2c36a38);box-shadow:inset 0 0 14px #4be7ec20;animation:windowLife 5s ease-in-out infinite}.buildingWindows i:nth-child(3n+2){animation-delay:-1.5s}.buildingWindows i:nth-child(4n){animation-delay:-3s}@keyframes windowLife{50%{background-color:#125b75;box-shadow:inset 0 0 18px #e8bf6770,0 0 13px #4ae1e433}}
.buildingCore{position:absolute;z-index:6;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #7be9ef55;border-radius:8px;background:#031a2bcf;pointer-events:none}.buildingCore img{width:19px;height:27px;object-fit:contain}.buildingCore small{font-size:5px;line-height:1.25;letter-spacing:.11em;color:#bce9e9}
.buildingZone{position:absolute;z-index:5;left:18px;right:18px;height:72px;border:1px solid transparent;background:transparent;color:white;cursor:pointer;transition:.35s}.buildingZone:before{content:"";position:absolute;inset:0;border:1px solid #5de6ec00;border-radius:7px;background:linear-gradient(90deg,#21d2dd00,#21d2dd00);transition:.35s}.buildingZone>span{position:absolute;left:-58px;top:50%;width:35px;height:35px;display:grid;place-items:center;border:1px solid #4ddfe55e;border-radius:50%;background:#062940d9;color:#55e4e8;transform:translateY(-50%) scale(.8);opacity:0;transition:.35s}.buildingZone>span svg{width:18px;height:18px}.buildingZone>b{position:absolute;right:-78px;top:50%;font-size:7px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transform:translateY(-50%) translateX(-8px);opacity:0;transition:.35s}.buildingZone.active:before,.buildingZone:hover:before,.buildingZone:focus-visible:before{border-color:#61eaf0a0;background:linear-gradient(90deg,#24d5dd13,#3be4e53b,#24d5dd13);box-shadow:inset 0 0 25px #34d9e726,0 0 24px #26dce435}.buildingZone.active>span,.buildingZone:hover>span,.buildingZone:focus-visible>span,.buildingZone.active>b,.buildingZone:hover>b,.buildingZone:focus-visible>b{opacity:1;transform:translateY(-50%) scale(1)}.buildingZone:focus-visible{outline:2px solid #f1c771;outline-offset:3px}.zoneRoof{top:54px;height:58px}.zoneUpper{top:116px}.zoneMiddle{top:195px}.zoneLower{top:274px}.zoneEntrance{top:353px}.zoneBase{top:426px;height:58px}
.buildingPanel{position:relative;min-height:570px;padding:28px 28px 25px;border:1px solid #73e7ec4a;border-radius:20px;background:linear-gradient(145deg,#0a354b9e,#031b2cc7);backdrop-filter:blur(18px);box-shadow:0 25px 70px #0005;overflow:visible}.buildingPanel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,#58e5e90b,transparent 70%);pointer-events:none}.panelTop{display:flex;align-items:center;justify-content:space-between}.panelTop span{font-size:10px;font-weight:900;color:#e8bd6d}.panelTop i{font-size:6px;font-style:normal;font-weight:900;letter-spacing:.16em;color:#668e9b}.panelIcon{width:45px;height:45px;display:grid;place-items:center;margin:22px 0 16px;border:1px solid #4bdbe163;border-radius:13px;background:#19b9cd16;color:#4ce0e6}.panelIcon svg{width:24px;height:24px}.buildingPanel h2{margin:0 0 14px;font-size:25px;line-height:1.08;letter-spacing:-.035em}.buildingPanel p{margin:0;color:#a8c2ca;font-size:11px;line-height:1.58}.buildingPanel ul{list-style:none;padding:0;margin:16px 0}.buildingPanel li{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff15;color:#d8e8eb;font-size:9.5px;line-height:1.35}.buildingPanel li:before{content:"";flex:0 0 auto;width:5px;height:5px;margin-top:4px;border-radius:50%;background:#4adee5;box-shadow:0 0 9px #4adee5}.buildingPanel>a{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:13px 16px;border:1px solid #59dfe45c;border-radius:999px;color:#e7f8fa;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:.3s}.buildingPanel>a:hover{background:#3ed7de;color:#032238;transform:translateY(-3px)}.buildingPanelIdle{min-height:360px;opacity:.68}.buildingPanelIdle ul,.buildingPanelIdle>a{display:none}.panelPulse{animation:panelPulse .42s ease}@keyframes panelPulse{50%{transform:translateX(5px);border-color:#62e8ee}}
.heroStats{left:50%;right:auto;bottom:38px;transform:translateX(-50%)}
@media(max-width:1180px){.buildingExperience{grid-template-columns:.8fr 1fr;padding-top:145px}.buildingPanel{grid-column:1/-1;position:absolute;right:2vw;bottom:110px;width:330px}.buildingIntro h1{font-size:46px}.buildingScene{height:540px}.buildingModel{transform:scale(.9) rotateY(-5deg)}.buildingHalo{transform:scale(.88)}}
@media(max-width:760px){.hero{height:auto;min-height:1500px}.buildingExperience{width:100%;padding:280px 5vw 180px;display:flex;flex-direction:column;gap:30px}.buildingIntro{text-align:center}.buildingIntro h1{font-size:38px}.buildingIntro p{font-size:12px;margin:auto}.buildingIntro>span{justify-content:center}.buildingScene{width:100%;height:555px}.buildingModel{transform:scale(.86);animation:buildingFloatMobile 6s ease-in-out infinite}.buildingHalo{width:430px;height:430px}.buildingZone>span{left:-42px}.buildingZone>b{right:-47px;font-size:6px}.buildingPanel{position:relative;right:auto;bottom:auto;width:100%;max-width:430px;grid-column:auto}.heroStats{left:5vw;right:5vw;bottom:38px;transform:none}.heroStats article{padding:17px 8px}.heroStats b{font-size:19px}@keyframes buildingFloatMobile{50%{transform:scale(.86) translateY(-8px)}}}
@media(max-width:430px){.hero{min-height:1540px}.buildingExperience{padding-top:285px}.buildingScene{height:510px;transform:scale(.91);margin:-22px 0}.buildingIntro h1{font-size:34px}.buildingPanel{padding:24px}.buildingPanel h2{font-size:24px}.buildingZone>b{display:none}.buildingHalo{width:390px;height:390px}}

.zoneRoof{top:-48px;height:66px}.zoneUpper{top:36px}.zoneMiddle{top:116px}.zoneLower{top:196px}.zoneEntrance{top:276px}.zoneBase{top:410px;height:70px}

/* Precizne interaktivne zone na originalnom sketchu zgrade. */
.sketchStage{position:relative;width:min(650px,100%);aspect-ratio:1;margin:auto;isolation:auto;filter:none}
.buildingSketch{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0;opacity:.94;filter:saturate(.58) contrast(1.06) brightness(.92) sepia(.08) drop-shadow(0 30px 48px #0005);user-select:none;-webkit-user-drag:none;transition:filter .45s,opacity .45s}
.sketchStage:after{display:none}
.sketchHotspot{position:absolute;z-index:3;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}
.sketchHotspot:before{content:"";position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(135deg,#4de5ec00,#41dbe200);transition:background .35s,border-color .35s,box-shadow .35s,filter .35s}
.sketchHotspot>span{position:absolute;left:50%;top:50%;width:34px;height:34px;display:grid;place-items:center;border:1px solid #62e7ed9c;border-radius:50%;background:#052d43e8;color:#65edf2;transform:translate(-50%,-50%) scale(.7);opacity:0;transition:.35s;box-shadow:0 0 0 0 #4de6ee55}
.sketchHotspot>span svg{width:17px;height:17px}.sketchHotspot>b{position:absolute;left:50%;top:calc(50% + 28px);padding:7px 10px;border:1px solid #65e7ec6e;border-radius:999px;background:#05283ee8;color:#e9fbfc;font-size:6.5px;line-height:1;letter-spacing:.12em;white-space:nowrap;transform:translateX(-50%) translateY(5px);opacity:0;transition:.35s;box-shadow:0 8px 22px #0008}
.sketchHotspot:hover:before,.sketchHotspot:focus-visible:before,.sketchHotspot.active:before{border-color:transparent;background:transparent;box-shadow:none;filter:none}
.sketchHotspot:hover>span,.sketchHotspot:focus-visible>span,.sketchHotspot.active>span,.sketchHotspot:hover>b,.sketchHotspot:focus-visible>b,.sketchHotspot.active>b{opacity:1;transform:translate(-50%,-50%) scale(1)}
.sketchHotspot:hover>b,.sketchHotspot:focus-visible>b,.sketchHotspot.active>b{transform:translateX(-50%) translateY(0)}
.sketchHotspot.active>span{animation:sketchPulse 2s ease-out infinite}.sketchHotspot:focus-visible{outline:2px solid #f1c771;outline-offset:3px}
@keyframes sketchPulse{50%{box-shadow:0 0 0 13px #4de6ee00}}
@keyframes hotspotHint{0%{box-shadow:0 0 0 0 #43e1e875,0 0 12px #43e1e8}70%,100%{box-shadow:0 0 0 12px #43e1e800,0 0 18px #43e1e866}}
.hotspotRoof{left:7%;top:11%;width:86%;height:27%;z-index:5;clip-path:polygon(1% 79%,28% 27%,58% 3%,96% 57%,88% 96%,54% 57%,19% 100%)}
.hotspotRoof:before{clip-path:inherit}.hotspotFacade{left:8%;top:33%;width:82%;height:49%;z-index:2;clip-path:polygon(0 5%,100% 0,96% 100%,2% 94%)}
.hotspotFacade:before{clip-path:inherit}.hotspotScaffold{left:5%;top:28%;width:18%;height:61%;z-index:4;clip-path:polygon(0 5%,100% 0,82% 100%,4% 94%)}
.hotspotScaffold:before{clip-path:inherit}.hotspotEntrance{left:20%;top:68%;width:18%;height:19%;z-index:6;clip-path:polygon(12% 3%,87% 0,100% 100%,0 100%)}
.hotspotEntrance:before{clip-path:inherit}.hotspotLift{left:86%;top:27%;width:12%;height:55%;z-index:6;clip-path:polygon(15% 0,82% 2%,100% 100%,0 100%)}
.hotspotLift:before{clip-path:inherit}.hotspotLift>b{left:auto;right:0;transform:translateY(5px)}.hotspotLift:hover>b,.hotspotLift:focus-visible>b,.hotspotLift.active>b{transform:translateY(0)}
@media(max-width:1180px){.buildingScene{height:570px}.sketchStage{width:min(560px,100%)}}
@media(max-width:760px){.buildingScene{height:auto;min-height:92vw}.sketchStage{width:100%}.sketchHotspot>b{font-size:6px}.sketchHotspot>span{width:30px;height:30px}.hotspotLift>b{right:-8px}}
@media(max-width:430px){.buildingScene{height:auto;min-height:96vw;transform:none;margin:0}.sketchStage{width:108%;margin-left:-4%}.sketchHotspot>b{padding:6px 8px;letter-spacing:.08em}.hotspotFacade>b{top:calc(50% + 24px)}}

/* Dominantni originalni sketch i precizno iscrtane zone stvarnih dijelova zgrade. */
@media(min-width:1181px){
  .hero{height:1080px}
  .buildingExperience{width:min(1840px,96vw);padding:112px 0 125px;grid-template-columns:minmax(245px,300px) minmax(650px,1fr) minmax(285px,330px);gap:1.35vw}
  .buildingScene{height:880px}
  .sketchStage{width:min(980px,100%)}
  .buildingIntro h1{font-size:clamp(38px,3vw,58px)}
  .buildingPanel{padding:25px 26px 23px}
}
.sketchStage:after{inset:1.7%;border-color:#6ce7ec29}
.sketchHotspot{inset:0;width:auto;height:auto}
.hotspotRoof{inset:0;z-index:7;clip-path:polygon(5.3% 31.2%,9.2% 27.7%,20.6% 22.4%,34.7% 16.9%,45.8% 13.7%,51.3% 16.2%,58.8% 15.1%,67.8% 17.1%,77.1% 20.5%,89.0% 28.1%,91.0% 32.0%,87.8% 35.1%,76.9% 32.7%,65.3% 29.8%,54.5% 28.0%,46.3% 27.6%,35.1% 29.7%,21.5% 32.5%,8.0% 35.3%)}
.hotspotFacadeLeft{inset:0;z-index:9;clip-path:polygon(14.5% 40.6%,44.1% 38.0%,44.2% 54.8%,14.6% 57.7%)}
.hotspotFacade{inset:0;z-index:3;clip-path:polygon(44.8% 29.8%,89.5% 32.5%,89.6% 86.8%,72% 87.6%,45.0% 84.8%,44.3% 55.3%,44.2% 37.8%)}
.hotspotScaffold{inset:0;z-index:8;clip-path:polygon(4.9% 32.1%,14.1% 31.5%,14.4% 40.0%,14.5% 58.3%,13.8% 82.4%,5.1% 78.8%)}
.hotspotLift{inset:0;z-index:10;clip-path:polygon(89.7% 24.0%,96.4% 25.8%,97.4% 78.9%,89.8% 78.7%)}
.hotspotRoof:before,.hotspotFacadeLeft:before,.hotspotFacade:before,.hotspotScaffold:before,.hotspotLift:before{clip-path:inherit}
.hotspotRoof>span{left:58%;top:23%}.hotspotRoof>b{left:58%;top:29%}
.hotspotFacadeLeft>span{left:29%;top:47.5%}.hotspotFacadeLeft>b{left:29%;top:55.5%}
.hotspotFacade>span{left:68%;top:51%}.hotspotFacade>b{left:68%;top:57%}
.hotspotScaffold>span{left:9.5%;top:54%}.hotspotScaffold>b{left:9.5%;top:63%}
.hotspotLift>span{left:92%;top:51%}.hotspotLift>b{left:auto;right:2%;top:57%}

/* Reklama na skeli reagira pri svakom odabiru, bez bojanja zone zgrade. */
.sketchStage.bannerSignal .hotspotFacadeLeft:after{content:"";position:absolute;inset:0;clip-path:inherit;background:linear-gradient(105deg,transparent 18%,#fff0 32%,#fffbd 49%,#f3c56ab0 52%,#fff0 68%,transparent 82%);mix-blend-mode:screen;animation:bannerSweep 1.05s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.sketchStage.bannerSignal .hotspotFacadeLeft{filter:drop-shadow(0 0 12px #f1c56a90);animation:bannerLift 1.05s ease}
@keyframes bannerSweep{0%{opacity:0;transform:translateX(-85%)}18%{opacity:1}72%{opacity:.9}100%{opacity:0;transform:translateX(95%)}}
@keyframes bannerLift{0%,100%{transform:none}35%{transform:scale(1.012)}60%{filter:drop-shadow(0 0 20px #f4cf82c9)}}

/* Fotografije Istre u pozadini kontaktne cjeline. */
.contact{position:relative;isolation:isolate;overflow:hidden;background:#03283b}
.contact:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#021a2bee 0%,#03283bd8 48%,#043347d6 100%);pointer-events:none}
.contactBackdrop{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}
.contactBackdrop i{position:absolute;inset:-4%;opacity:0;background-position:center;background-size:cover;transform:scale(1.035);animation:istriaContact 35s infinite}
.contactBackdrop i:nth-child(1){background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Pula_Arena_Amfiteatar.jpg?width=2560")}
.contactBackdrop i:nth-child(2){background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Rovinj_(46265588661).jpg?width=2560");animation-delay:7s}
.contactBackdrop i:nth-child(3){background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Panorama_of_Porec_-_Parenzo_at_dawn.jpg?width=2560");animation-delay:14s}
.contactBackdrop i:nth-child(4){background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Novigrad,_Istria,_Kroatien_2024_(54691877513).jpg?width=2560");animation-delay:21s}
.contactBackdrop i:nth-child(5){background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Medulin_Pomer_Panorama.jpg?width=2560");animation-delay:28s}
@keyframes istriaContact{0%{opacity:0;transform:scale(1.035)}5%,18%{opacity:.42}23%,100%{opacity:0;transform:scale(1.105)}}
.contactCredits{grid-column:1/-1;margin:-45px 0 0;color:#91aab4!important;font-size:8px;line-height:1.6;letter-spacing:.02em}.contactCredits a{color:#c5d8dd;transition:.25s}.contactCredits a:hover{color:#58e1e6}
@media(prefers-reduced-motion:reduce){.contactBackdrop i{animation:none}.contactBackdrop i:first-child{opacity:.28}.sketchStage.bannerSignal .hotspotFacadeLeft:after,.sketchStage.bannerSignal .hotspotFacadeLeft{animation:none}}
@media(max-width:760px){.contactCredits{margin:-20px 0 0}.contactBackdrop i{background-position:center}.contact:before{background:#03283bea}}

/* Veća čitljivost identiteta, navigacije i ključnih pokazatelja. */
.brandPremium img{filter:saturate(1.45) contrast(1.18) drop-shadow(0 7px 14px #034a7060)}
.brandPremium b{color:#034f78;font-weight:650}.brandPremium small{color:#456a78;font-weight:650}.brandPremium i{color:#496d78;font-weight:800}
nav a{color:#073a55}nav a svg{color:#005d88;stroke-width:2}nav a:hover{color:#003d63}nav a:hover svg{color:#0084ac}
.heroStats{background:linear-gradient(135deg,#f2fbf7dc,#dcefedcf);border-color:#ffffffb0}
.heroStats b{color:#034b70;font-weight:850}.heroStats span{color:#365c69;font-weight:800}
@media(max-width:1180px) and (min-width:761px){.sketchStage{width:min(660px,100%)}.buildingScene{height:650px}}
@media(max-width:760px){.hotspotRoof>span{left:58%;top:23%}.hotspotRoof>b{left:58%;top:29%}.hotspotFacadeLeft>span{left:29%;top:50.5%}.hotspotFacadeLeft>b{left:29%;top:56.5%}.hotspotFacade>span{left:68%;top:51%}.hotspotFacade>b{left:68%;top:57%}.hotspotScaffold>span{left:9.5%;top:58%}.hotspotScaffold>b{left:9.5%;top:68%}.hotspotLift>span{left:92%;top:51%}.hotspotLift>b{right:2%;top:57%}}

/* Informacijski panel i pokazatelji čine jedinstven desni stupac. */
.buildingAside{display:flex;min-width:0;flex-direction:column;align-self:center;gap:16px}
.buildingAside .buildingPanel{width:100%}
.buildingAside .heroStats{position:relative;left:auto;right:auto;bottom:auto;width:100%;transform:none;border-radius:16px}
.buildingAside .heroStats article{min-width:0;flex:1;padding:16px 10px}
.buildingAside .heroStats b{font-size:20px}
.buildingAside .heroStats span{font-size:6px;line-height:1.35}
.buildingPanel h2{font-size:25px}.buildingPanel p{font-size:10.5px}.buildingPanel li{font-size:9px;line-height:1.42;padding:7px 0}.buildingPanel ul{margin:15px 0}.buildingPanel>a{margin-top:15px}
@media(max-width:1180px) and (min-width:761px){.buildingAside{grid-column:1/-1;position:absolute;right:2vw;bottom:35px;width:350px}.buildingPanel{position:relative;right:auto;bottom:auto}.buildingAside .heroStats{display:flex}}
@media(max-width:760px){.hero{min-height:1720px}.buildingExperience{padding-bottom:65px}.buildingAside{position:relative;right:auto;bottom:auto;width:100%;max-width:430px}.buildingPanel{position:relative;right:auto;bottom:auto;width:100%;max-width:none}.buildingAside .heroStats{display:flex}.buildingAside .heroStats article{padding:15px 7px}.buildingAside .heroStats b{font-size:18px}.buildingAside .heroStats span{font-size:5.5px}}
@media(max-width:430px){.hero{min-height:1760px}.buildingPanel h2{font-size:22px}.buildingPanel li{font-size:8.5px}}

/* Potpuni opis usluge bez rezanja teksta. */
@media(min-width:1181px){.hero{height:1160px}.buildingExperience{grid-template-columns:minmax(245px,300px) minmax(650px,1fr) minmax(360px,390px)}.buildingPanel{min-height:650px;padding:29px 30px 27px}.buildingPanel li{font-size:9.6px;line-height:1.5;padding:8px 0}.buildingPanel p{font-size:11px}.buildingPanel h2{font-size:27px}}
@media(max-width:1180px) and (min-width:761px){.hero{min-height:1120px}.buildingAside{width:390px}.buildingPanel{min-height:640px}}
@media(max-width:760px){.buildingPanel{min-height:0;height:auto}.buildingPanel li{font-size:9.3px;line-height:1.48}.hero{min-height:1810px}}

/* Svjetla se pale na cijeloj zgradi tek nakon odabira zone. */
.windowLights{position:absolute;z-index:2;display:grid;pointer-events:none;opacity:0;transition:opacity .45s ease;filter:drop-shadow(0 0 8px #ffc95d)}
.windowLightsFront{left:20.5%;top:37.5%;width:56%;height:39%;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(4,1fr);gap:10% 5%;transform:skewY(-1.6deg)}
.windowLightsSide{left:76%;top:38%;width:13%;height:38%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12% 8%;transform:skewY(2deg)}
.windowLights i{align-self:center;justify-self:center;width:45%;height:24%;border-radius:1px;background:linear-gradient(135deg,#fff9ca,#ffc45b 58%,#d47c20);box-shadow:0 0 6px #ffd474,0 0 15px #f0a32f99;opacity:0;transform:scale(.45)}
.sketchStage.lightsOn .windowLights{opacity:.78}.sketchStage.lightsOn .windowLights i{animation:windowOn .62s cubic-bezier(.2,.8,.2,1) forwards}
.sketchStage.lightsOn .windowLights i:nth-child(3n+1){animation-delay:.05s}.sketchStage.lightsOn .windowLights i:nth-child(3n+2){animation-delay:.13s}.sketchStage.lightsOn .windowLights i:nth-child(3n){animation-delay:.21s}
@keyframes windowOn{0%{opacity:0;transform:scale(.35)}55%{opacity:1;transform:scale(1.22)}100%{opacity:.92;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.sketchStage.lightsOn .windowLights i{animation:none;opacity:.85;transform:scale(1)}}

/* Čist interaktivni prikaz: bez umjetnih svjetala, s većim i čitljivijim oznakama. */
.windowLights{display:none!important}
.sketchHotspot>span{width:46px;height:46px;border-color:#62e7edc7}
.sketchHotspot>span svg{width:23px;height:23px}
.sketchHotspot>b{top:calc(50% + 36px);padding:8px 12px;font-size:8px;line-height:1.2;letter-spacing:.1em}
.hotspotFacadeLeft>span{left:29%;top:46.5%}
.hotspotFacadeLeft>b{left:29%;top:52.5%;width:245px;max-width:28vw;white-space:normal;text-align:center}

/* Desni panel ima dovoljno prostora za potpuni prikaz svih financijskih stavki. */
@media(min-width:1181px){
  .hero{height:1240px}
  .buildingExperience{grid-template-columns:minmax(245px,300px) minmax(650px,1fr) minmax(410px,445px)}
  .buildingPanel{min-height:710px;padding:31px 32px 29px}
  .buildingPanel h2{font-size:28px}
  .buildingPanel p{font-size:11.5px}
  .buildingPanel li{font-size:10.2px;line-height:1.55;padding:9px 0}
}
@media(max-width:1180px) and (min-width:761px){
  .hero{min-height:1200px}
  .buildingAside{width:420px}
  .buildingPanel{min-height:690px}
}
@media(max-width:760px){
  .hero{min-height:1880px}
  .sketchHotspot>span{width:40px;height:40px}
  .sketchHotspot>span svg{width:20px;height:20px}
  .sketchHotspot>b{font-size:7px}
  .hotspotFacadeLeft>b{max-width:34vw}
  .buildingPanel li{font-size:9.5px;line-height:1.52}
}

/* Stambeni inženjering kao lokalno lice snažne LIND-GRAD grupacije. */
.groupStrength{position:relative;overflow:hidden;padding:105px 7vw;background:linear-gradient(125deg,#031c31,#073d61);color:#fff;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(500px,1.2fr);gap:8vw;align-items:center}
.groupStrength:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#4adce90b 1px,transparent 1px),linear-gradient(90deg,#4adce90b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}
.groupStrengthCopy,.groupStrengthStats{position:relative;z-index:1}.groupStrength small{color:#e8bd6d;font-size:9px;font-weight:900;letter-spacing:.24em}.groupStrength h2{margin:18px 0 20px;font-size:clamp(40px,4.2vw,67px);line-height:1.03;letter-spacing:-.05em}.groupStrength h2 span{color:#5de2e8}.groupStrength p{max-width:670px;color:#bdd2da;font-size:14px;line-height:1.75}.groupStrength a{display:inline-flex;align-items:center;gap:18px;margin-top:20px;color:#efca7c;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.groupStrength a b{font-size:16px;transition:.3s}.groupStrength a:hover b{transform:translate(5px,-4px)}
.groupStrengthStats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.groupStrengthStats article{padding:28px 25px;border:1px solid #64dce552;border-radius:16px;background:linear-gradient(135deg,#ffffff0d,#5edce80a);backdrop-filter:blur(10px);transition:.4s}.groupStrengthStats article:hover{transform:translateY(-5px);border-color:#e8bd6d9c;background:#ffffff15;box-shadow:0 18px 42px #0003}.groupStrengthStats b{display:block;color:#efc56f;font-size:26px}.groupStrengthStats span{display:block;margin-top:8px;color:#c2d6dd;font-size:10px;letter-spacing:.02em}

/* Prozračniji kontakt: istarske fotografije ostaju jasno vidljive kroz sadržaj. */
.contact:before{background:linear-gradient(100deg,#021a2b9e 0%,#03283b74 48%,#0433478a 100%)}
.contactBackdrop i{filter:saturate(1.02) contrast(1.04)}
@keyframes istriaContact{0%{opacity:0;transform:scale(1.035)}5%,18%{opacity:.68}23%,100%{opacity:0;transform:scale(1.105)}}
.contact>.reveal:not(.mapCard),.contact aside{position:relative;text-shadow:0 2px 15px #001827cc}.contact aside{background:#052d3f70;border-color:#ffffff52;backdrop-filter:blur(8px)}

@media(max-width:900px){.groupStrength{grid-template-columns:1fr;padding:82px 6vw;gap:45px}.groupStrengthStats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.groupStrengthStats{grid-template-columns:1fr}.groupStrengthStats article{padding:23px}.groupStrength h2{font-size:39px}}
@media(max-width:760px){.contact:before{background:linear-gradient(180deg,#03283b9c,#03283b78 48%,#03283ba6)}}

/* Čitljiviji identitet u zaglavlju i naglašena hitna služba. */
.brandPremium{width:335px}
.brandPremium b{font-size:22px;font-weight:780;letter-spacing:-.035em}
.brandPremium small{font-size:12px;font-weight:720}
.brandPremium i{margin-top:7px;font-size:7px;letter-spacing:.055em}
nav a[href="#hitne-intervencije"]{color:#006f91}
nav a[href="#hitne-intervencije"] svg{color:#e5a934;filter:drop-shadow(0 5px 8px #d99d3b42)}
nav a[href="#hitne-intervencije"]:before{background:#efb44718}
nav a[href="#hitne-intervencije"]:after{background:linear-gradient(90deg,#e9b044,#34cbd4)}
@media(max-width:1160px){.brandPremium{width:225px}.brandPremium b{font-size:15px}.brandPremium small{font-size:8.5px}.brandPremium i{font-size:4.8px}nav a{width:72px}}
@media(max-width:760px){.brandPremium{width:max-content}.brandPremium b{font-size:17px}.brandPremium small{font-size:9px}.brandPremium i{font-size:5.2px}nav{grid-template-columns:repeat(4,1fr)}nav a{width:auto}}

/* Hitne intervencije: stvarni brojevi dostupni bez napuštanja stranice. */
.emergency{position:relative;padding:105px 7vw;background:radial-gradient(circle at 8% 0,#0a536b55,transparent 34%),linear-gradient(135deg,#031d31,#062f42);color:#effbfc;overflow:hidden;scroll-margin-top:100px}
.emergency:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#49d7dd0b 1px,transparent 1px),linear-gradient(90deg,#49d7dd0b 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
.emergencyHead,.emergencyGroups{position:relative;z-index:1}.emergencyHead{display:grid;grid-template-columns:86px minmax(0,720px);gap:26px;align-items:center;margin-bottom:48px}.emergencyPulse{width:78px;height:78px;border:1px solid #4be2e4a8;border-radius:50%;display:grid;place-items:center;background:#0b526a88;box-shadow:0 0 0 10px #31d8df0a,0 0 45px #2cd4df2f}.emergencyPulse svg{width:34px;color:#f2bb49}.emergencyHead small{font-size:9px;font-weight:900;letter-spacing:.22em;color:#51dce1}.emergencyHead h2{font-size:clamp(43px,5vw,72px);line-height:1;margin:10px 0 15px;letter-spacing:-.05em}.emergencyHead p{max-width:680px;margin:0;color:#b9d2d9;font-size:15px;line-height:1.7}
.emergencyGroups{display:grid;grid-template-columns:1fr 1fr;gap:22px}.emergencyGroup{border:1px solid #59dbe34d;border-radius:25px;background:#0a42578f;backdrop-filter:blur(10px);padding:28px;box-shadow:0 25px 70px #00111f4d}.emergencyGroup>header{position:static;height:auto;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;display:block;text-align:left}.emergencyGroup h3{margin:0 0 8px;font-size:23px}.emergencyGroup header p{margin:0 0 24px;color:#aac7d0;font-size:12px;line-height:1.6}.emergencyGroup>div{display:grid;grid-template-columns:1fr 1fr;gap:11px}.emergencyGroup a{min-height:88px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #6ddce842;border-radius:16px;background:#062b3d9c;transition:.3s}.emergencyGroup a:hover{transform:translateY(-3px);border-color:#efba4ea6;background:#0b465b;box-shadow:0 14px 30px #00162366}.emergencyGroup a>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#1bb9c417;color:#54e3e7;border:1px solid #51dce15c}.emergencyGroup a svg{width:25px;height:25px}.emergencyGroup a i{display:grid;gap:5px;font-style:normal}.emergencyGroup a small{font-size:9px;color:#a9c7d0}.emergencyGroup a b{font-size:17px;letter-spacing:.01em;color:#fff}.emergencyGroup a em{font-size:7px;font-style:normal;font-weight:900;letter-spacing:.13em;color:#f1bb4e}
@media(max-width:1080px){.emergencyGroups{grid-template-columns:1fr}.emergencyGroup>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.emergency{padding:82px 5vw;scroll-margin-top:160px}.emergencyHead{grid-template-columns:58px 1fr;gap:15px}.emergencyPulse{width:56px;height:56px}.emergencyPulse svg{width:27px}.emergencyHead h2{font-size:39px}.emergencyHead p{font-size:13px}.emergencyGroup{padding:20px 14px}.emergencyGroup>div{grid-template-columns:1fr}.emergencyGroup h3{font-size:21px}.emergencyGroup a{min-height:78px}.emergencyGroup a b{font-size:19px}.emergencyGroup a em{font-size:7px}}

/* Sve važne službe i servisi — lokalno prilagođen pregled za Pulu i Istru. */
.usefulServices{padding:105px 7vw 115px;background:linear-gradient(145deg,#edf7f9,#f8fbfa 52%,#e5f1f4);color:#06243a;scroll-margin-top:100px}.usefulServicesIntro{max-width:850px;margin-bottom:42px}.usefulServicesIntro>small{font-size:9px;font-weight:900;letter-spacing:.22em;color:#078bb6}.usefulServicesIntro h2{margin:12px 0 18px;font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.055em}.usefulServicesIntro h2 span{color:#0b83a5}.usefulServicesIntro p{max-width:760px;margin:0;color:#5b7482;font-size:15px;line-height:1.75}
.urgentStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 38px}.urgentStrip a{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;min-height:88px;padding:14px 16px;border:1px solid #0b82a334;border-radius:17px;background:#fff;box-shadow:0 12px 32px #062e4110;transition:.3s}.urgentStrip a:hover{transform:translateY(-3px);border-color:#e8ad3e;background:#fffdf8;box-shadow:0 16px 35px #06354d1c}.urgentStrip a>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#e7f8fa;color:#048ba9}.urgentStrip svg{width:24px;height:24px}.urgentStrip i{display:grid;gap:4px;font-style:normal}.urgentStrip small{color:#657c88;font-size:8px;line-height:1.25}.urgentStrip b{font-size:22px;color:#063a58}.urgentStrip em{font-size:7px;font-style:normal;font-weight:900;letter-spacing:.12em;color:#d99517}
.usefulServiceGroups{display:grid;grid-template-columns:1fr 1.25fr;gap:22px}.usefulServiceGroup{padding:28px;border:1px solid #0d78942b;border-radius:25px;background:#ffffffb8;box-shadow:0 22px 65px #05283c12;backdrop-filter:blur(10px)}.usefulServiceGroup h3{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #0b769421;font-size:22px}.usefulServiceGroup>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usefulServiceGroup a{display:grid;grid-template-columns:43px 1fr 20px;gap:12px;align-items:center;min-height:80px;padding:13px;border:1px solid #08799825;border-radius:15px;background:#fafdfe;transition:.3s}.usefulServiceGroup a:hover{transform:translateY(-2px);border-color:#0ba3bb73;background:#eefbfc;box-shadow:0 12px 28px #06364c12}.usefulServiceGroup a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0ba4b80f;color:#0485aa}.usefulServiceGroup svg{width:23px;height:23px}.usefulServiceGroup i{display:grid;gap:5px;min-width:0;font-style:normal}.usefulServiceGroup i b{font-size:13px;color:#062d45}.usefulServiceGroup i small{font-size:9px;line-height:1.35;color:#718590}.usefulServiceGroup a>em{font-style:normal;font-size:17px;color:#0a91ad}
@media(max-width:1180px){.urgentStrip{grid-template-columns:1fr 1fr}.usefulServiceGroups{grid-template-columns:1fr}.usefulServiceGroup>div{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.usefulServices{padding:82px 5vw;scroll-margin-top:160px}.usefulServicesIntro h2{font-size:38px}.usefulServicesIntro p{font-size:13px}.urgentStrip{grid-template-columns:1fr}.urgentStrip a{min-height:78px}.urgentStrip b{font-size:21px}.usefulServiceGroup{padding:21px 14px}.usefulServiceGroup h3{font-size:20px}.usefulServiceGroup>div{grid-template-columns:1fr}.usefulServiceGroup a{min-height:76px}.usefulServiceGroup i b{font-size:14px}.usefulServiceGroup i small{font-size:10px}}

/* Izvorni vizualni identiteti službi i čitljiviji opis djelatnosti. */
.brandPremium i{font-size:8.4px!important;letter-spacing:.03em!important;font-weight:850!important;color:#345f70!important}
.usefulServiceGroup a{grid-template-columns:62px 1fr 20px;min-height:88px}.usefulServiceGroup .officialLogo{width:58px;height:54px;padding:7px;display:flex;align-items:center;justify-content:center;border:1px solid #d7e9ed;border-radius:13px;background:#fff;overflow:hidden;transition:.3s}.usefulServiceGroup .officialLogo img{display:block;width:100%;height:100%;object-fit:contain;filter:none}.usefulServiceGroup a:hover .officialLogo{transform:translateY(-1px);box-shadow:0 9px 23px #075f7d19}.usefulServiceGroup a:nth-child(1) .officialLogo img[src*="herculanea"]{width:105%;height:auto}.usefulServiceGroup a .officialLogo img[src*="gov.png"]{image-rendering:auto;transform:scale(1.4)}
@media(max-width:1160px){.brandPremium i{font-size:6px!important}.introBrand b{font-size:27px}.introBrand>img{width:68px;height:84px}}
@media(max-width:760px){.brandPremium i{font-size:6.5px!important}.usefulServiceGroup a{grid-template-columns:60px 1fr 18px;min-height:84px}.usefulServiceGroup .officialLogo{width:56px;height:52px}.introBrand{max-width:90vw;gap:14px;padding:20px 18px}.introBrand>img{width:58px;height:72px}.introBrand b{font-size:21px}.introBrand small{font-size:10px}.introBrand span{font-size:7px;line-height:1.35}.intro>i{max-width:84vw;font-size:7px;line-height:1.7;text-align:center}}

/* Natpisi su izvan izrezanih poligona kako bi uvijek bili prikazani u cijelosti. */
.sketchHotspot>b{display:none}
.hotspotLabel{position:absolute;z-index:20;padding:9px 13px;border:1px solid #65e7ec8a;border-radius:999px;background:#05283ef2;color:#f2ffff;font-size:8px;font-weight:800;line-height:1.25;letter-spacing:.09em;text-align:center;box-shadow:0 9px 24px #0009;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.hotspotLabelRoof{left:58%;top:29%;max-width:230px;transform:translate(-50%,7px)}
.hotspotLabelFinance{left:29%;top:52.5%;width:260px;max-width:38%;transform:translate(-50%,7px)}
.hotspotLabelFacade{left:68%;top:57%;width:210px;max-width:32%;transform:translate(-50%,7px)}
.hotspotLabelScaffold{left:9.5%;top:63%;width:190px;transform:translate(-10%,7px)}
.hotspotLabelLift{right:0;top:57%;width:205px;transform:translateY(7px)}
.sketchStage:has(.hotspotRoof:hover) .hotspotLabelRoof,.sketchStage:has(.hotspotRoof:focus-visible) .hotspotLabelRoof,.sketchStage:has(.hotspotRoof.active) .hotspotLabelRoof{opacity:1;transform:translate(-50%,0)}
.sketchStage:has(.hotspotFacadeLeft:hover) .hotspotLabelFinance,.sketchStage:has(.hotspotFacadeLeft:focus-visible) .hotspotLabelFinance,.sketchStage:has(.hotspotFacadeLeft.active) .hotspotLabelFinance{opacity:1;transform:translate(-50%,0)}
.sketchStage:has(.hotspotFacade:hover) .hotspotLabelFacade,.sketchStage:has(.hotspotFacade:focus-visible) .hotspotLabelFacade,.sketchStage:has(.hotspotFacade.active) .hotspotLabelFacade{opacity:1;transform:translate(-50%,0)}
.sketchStage:has(.hotspotScaffold:hover) .hotspotLabelScaffold,.sketchStage:has(.hotspotScaffold:focus-visible) .hotspotLabelScaffold,.sketchStage:has(.hotspotScaffold.active) .hotspotLabelScaffold{opacity:1;transform:translate(-10%,0)}
.sketchStage:has(.hotspotLift:hover) .hotspotLabelLift,.sketchStage:has(.hotspotLift:focus-visible) .hotspotLabelLift,.sketchStage:has(.hotspotLift.active) .hotspotLabelLift{opacity:1;transform:translateY(0)}
@media(max-width:760px){.hotspotLabel{padding:7px 9px;font-size:6.5px;line-height:1.3}.hotspotLabelRoof{max-width:190px}.hotspotLabelFinance{left:30%;top:53%;width:220px;max-width:62%}.hotspotLabelFacade{left:68%;top:58%;width:180px;max-width:50%}.hotspotLabelScaffold{left:7%;top:67%;width:175px}.hotspotLabelLift{right:0;top:59%;width:170px}}
@media(max-width:430px){.hotspotLabel{font-size:6.2px}.hotspotLabelRoof{left:56%;top:28%;max-width:165px}.hotspotLabelFinance{left:31%;width:205px;max-width:64%}.hotspotLabelFacade{width:165px}.hotspotLabelScaffold{left:5%;width:165px}.hotspotLabelLift{right:0;width:155px;top:58%}}
.hotspotHints{position:absolute;inset:0;z-index:25;pointer-events:none}
.hotspotHints i{position:absolute;width:10px;height:10px;border:2px solid #d9feff;border-radius:50%;background:#42e2e9;box-shadow:0 0 0 0 #42e2e980,0 0 15px #42e2e9;transform:translate(-50%,-50%);animation:hotspotHint 1.7s ease-out infinite;transition:opacity .2s,transform .2s}
.hotspotHints i:nth-child(2){animation-delay:.22s}.hotspotHints i:nth-child(3){animation-delay:.44s}.hotspotHints i:nth-child(4){animation-delay:.66s}.hotspotHints i:nth-child(5){animation-delay:.88s}
.hintRoof{left:58%;top:23%}.hintFinance{left:29%;top:47.5%}.hintFacade{left:68%;top:51%}.hintScaffold{left:9.5%;top:54%}.hintLift{left:92%;top:51%}
.sketchStage:has(.hotspotRoof:hover,.hotspotRoof:focus-visible,.hotspotRoof.active) .hintRoof,.sketchStage:has(.hotspotFacadeLeft:hover,.hotspotFacadeLeft:focus-visible,.hotspotFacadeLeft.active) .hintFinance,.sketchStage:has(.hotspotFacade:hover,.hotspotFacade:focus-visible,.hotspotFacade.active) .hintFacade,.sketchStage:has(.hotspotScaffold:hover,.hotspotScaffold:focus-visible,.hotspotScaffold.active) .hintScaffold,.sketchStage:has(.hotspotLift:hover,.hotspotLift:focus-visible,.hotspotLift.active) .hintLift{opacity:0;transform:translate(-50%,-50%) scale(.4);animation:none}
@media(max-width:760px){.hotspotHints i{width:9px;height:9px;border-width:1.5px}}

/* Fiksna mobilna navigacija: osam stavki u dva čitljiva reda. */
@media(max-width:760px){
 main>header{position:fixed!important;inset:0 0 auto!important;z-index:80!important;min-height:184px!important;height:auto!important;padding:10px 14px 12px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;text-align:center!important;background:rgba(238,249,247,.97)!important;backdrop-filter:blur(18px)!important}
 .brandPremium{display:flex!important;width:max-content!important;margin:auto!important;justify-content:center!important}
 main>header nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:560px!important;margin:0 auto!important;padding:7px!important;gap:7px 5px!important;border-radius:16px!important;overflow:visible!important;background:#e7f5f3!important;box-shadow:0 8px 24px #07386618!important}
 main>header nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;padding:6px 3px!important;gap:4px!important;border:1px solid #bcdedc!important;border-radius:10px!important;background:#ffffffc2!important;color:#087e96!important}
 main>header nav a svg{width:20px!important;height:20px!important;flex:none!important;color:#0b9aaa!important}
 main>header nav a span{display:block!important;width:100%!important;font-size:7.3px!important;line-height:1.18!important;font-weight:800!important;white-space:normal!important;overflow:visible!important;color:#075b70!important}
 main>header nav a[href="https://www.stambeni-inzenjering.hr:2096/"] svg{color:#0b9aaa!important}
 .buildingExperience{padding-top:220px!important}
 section[id]{scroll-margin-top:190px}
}
@media(max-width:430px){
 main>header{min-height:178px!important;padding-inline:10px!important}
 main>header nav{gap:5px 4px!important;padding:6px!important}
 main>header nav a{min-height:46px!important}
 main>header nav a span{font-size:6.9px!important}
 .buildingExperience{padding-top:214px!important}
}
@media(prefers-reduced-motion:reduce){.hotspotHints i{animation:none;box-shadow:0 0 0 6px #42e2e93b,0 0 13px #42e2e9}}