:root{color-scheme:dark;--bg:#080b0e;--panel:#11171c;--panel2:#141d22;--txt:#f5f8fa;--dim:#a2afb6;--cyan:#39c4d8;--blue:#126a96;--line:rgba(255,255,255,.12);--radius:22px}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 5%,rgba(43,137,161,.13),transparent 34%),radial-gradient(circle at 90% 45%,rgba(15,78,119,.10),transparent 30%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;transform:translateY(-160%);background:white;color:black;padding:12px;z-index:100}.skip:focus{transform:none}.header{position:fixed;inset:0 0 auto;z-index:40;background:rgba(8,11,14,.83);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.01em;line-height:1.12}.brand-icon{width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,#1e789c,#42c7d2);display:grid;place-items:center;color:#031018;font-size:23px;box-shadow:0 0 30px #2aadd73b}.brand small{display:block;color:#a6d8e3;font-weight:650;letter-spacing:.22em;font-size:9px;margin-top:4px}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650}.navlinks a:not(.btn){color:#d0d7db}.navlinks a:hover,.footer a:hover{color:var(--cyan)}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:1px solid transparent;border-radius:999px;font-weight:750;font-size:13px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#60d7e0,#288bb8);color:#031014;box-shadow:0 8px 35px rgba(30,151,181,.27)}.btn-ghost{border-color:#ffffff50;background:#ffffff10;color:white}.menu{display:none;background:none;border:1px solid var(--line);color:white;border-radius:12px;padding:10px;cursor:pointer}.hero{min-height:780px;min-height:100svh;display:flex;align-items:center;position:relative;padding:150px 0 105px;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06090dec 1%,#080d11bb 42%,#080d1138 100%),linear-gradient(0deg,#080b0e 0%,transparent 45%);z-index:-1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.24em;font-weight:800;color:#65d6e6;display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:23px;height:2px;background:currentColor}.hero-content{max-width:730px}.hero h1{font-size:clamp(44px,7vw,91px);line-height:1.045;letter-spacing:-.065em;margin:27px 0 21px;font-weight:850}.gradient{background:linear-gradient(100deg,#fff 9%,#7be7eb 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2{font-size:clamp(16px,2.2vw,20px);font-weight:450;line-height:1.8;max-width:600px;color:#e0e7e9;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.hero-badges span{font-size:11px;font-weight:700;padding:8px 13px;border:1px solid #ffffff3a;border-radius:99px;background:#07101577;backdrop-filter:blur(10px)}.section{padding:110px 0}.section-top{max-width:680px;margin-bottom:38px}.section h2{font-size:clamp(34px,4.2vw,57px);line-height:1.12;letter-spacing:-.048em;margin:18px 0}.lead{color:var(--dim);font-size:16px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:-45px;position:relative;z-index:2}.stat{padding:29px 26px;background:#10161c;text-align:center}.stat b{display:block;font-size:clamp(18px,2.5vw,26px);color:#f6f8f8}.stat span{display:block;font-size:12px;color:var(--dim)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.about-visual{position:relative}.about-visual img{height:550px;object-fit:cover;width:100%;border-radius:var(--radius)}.about-visual:after{content:"PRECIZNOST U SVAKOM DETALJU";position:absolute;bottom:20px;left:20px;right:20px;background:#071016bc;border:1px solid #ffffff30;backdrop-filter:blur(12px);border-radius:13px;padding:14px 18px;font-size:11px;font-weight:750;letter-spacing:.12em}.about-copy p{color:var(--dim)}.check{display:grid;gap:15px;margin-top:26px}.check div{display:flex;gap:12px;align-items:flex-start;font-weight:650;font-size:14px}.check i{font-style:normal;color:var(--cyan)}.services{background:linear-gradient(180deg,#0f151a,#080b0e)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service{background:linear-gradient(160deg,#182228,#11181e);border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;flex-direction:column;min-height:340px}.service-number{color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.18em}.service h3{font-size:24px;line-height:1.24;letter-spacing:-.03em;margin:25px 0 15px}.service p{color:var(--dim);font-size:14px;margin:0 0 19px}.service .mini{margin-top:auto;padding-top:13px;color:#8be1e7;font-size:12px;font-weight:700}.note{color:#8fa0a8;font-size:12px;margin-top:19px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.gallery-card{display:block;position:relative;overflow:hidden;border-radius:17px;background:var(--panel);border:1px solid var(--line);grid-column:span 4;min-height:250px}.gallery-card:first-child,.gallery-card:nth-child(5){grid-column:span 6}.gallery-card:nth-child(6),.gallery-card:nth-child(7){grid-column:span 3}.gallery-card img{width:100%;height:100%;min-height:250px;object-fit:cover;transition:transform .55s}.gallery-card:hover img{transform:scale(1.055)}.gallery-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#000a,transparent);pointer-events:none}.gallery-card span{position:absolute;bottom:17px;left:19px;font-size:13px;font-weight:750;z-index:1;text-shadow:0 1px 12px #000}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:1px solid #46c8d0;padding:22px 10px 8px}.step .number{font-size:13px;font-weight:800;color:var(--cyan)}.step h3{font-size:19px;letter-spacing:-.025em;margin:17px 0 8px}.step p{font-size:13px;color:var(--dim);margin:0}.faq-list{max-width:890px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:700;cursor:pointer;padding:6px 0}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--cyan);font-size:27px;font-weight:300}details[open] summary:after{content:"−"}details p{font-size:14px;color:var(--dim);max-width:760px;margin:5px 0 9px}.contact{padding:60px 0 100px}.contact-panel{border-radius:29px;padding:clamp(30px,6vw,73px);background:linear-gradient(115deg,#122630,#0e161c 66%);border:1px solid #4ea8b840;position:relative;overflow:hidden}.contact-panel:after{content:"";position:absolute;width:340px;height:340px;right:-110px;top:-140px;background:#35c3e516;border-radius:50%;filter:blur(17px);pointer-events:none}.contact-panel h2{font-size:clamp(36px,5vw,65px);line-height:1.06;letter-spacing:-.06em;max-width:670px;margin:18px 0}.contact-panel p{color:#c5d1d6;max-width:590px}.contact-panel .btn{margin-top:15px}.contact-note{font-size:12px;color:#a9c1c8;margin-top:20px}.footer{border-top:1px solid var(--line);padding:28px 0 35px;color:var(--dim);font-size:12px}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer a{color:#c3d6d9}.floating{position:fixed;bottom:23px;right:23px;z-index:32;border-radius:99px;background:#37bbcc;color:#051114;box-shadow:0 8px 25px #0009;padding:13px 20px;font-weight:850;font-size:12px}.floating:hover{background:#80e8ee}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7deefa;outline-offset:4px}
    @media(max-width:900px){.navlinks{gap:15px}.navlinks a:not(.btn){font-size:12px}.about-grid{gap:30px}.service{padding:23px}.service h3{font-size:21px}.process-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:700px){.container{width:min(100% - 32px,1160px)}.nav{height:69px}.brand{font-size:13px}.brand-icon{width:36px;height:36px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:69px;padding:18px 16px 23px;background:#0b1015;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px}.navlinks.open{display:flex}.navlinks a:not(.btn){font-size:14px;padding:11px}.hero{min-height:740px;min-height:94svh;padding:125px 0 75px;align-items:flex-end}.hero-photo{object-position:61% center}.hero:before{background:linear-gradient(0deg,#070b0ef5 5%,#070b0edb 39%,#090d1160 80%),linear-gradient(90deg,#070b0e9c,transparent)}.hero h1{font-size:clamp(44px,12vw,67px);letter-spacing:-.06em}.hero h2{font-size:15px;line-height:1.7}.hero-actions .btn{flex:1 1 100%}.hero-badges{margin-top:24px}.hero-badges span{font-size:10px}.stats{grid-template-columns:1fr;margin-top:0}.stat{padding:17px 20px}.section{padding:75px 0}.section h2{font-size:clamp(34px,10vw,45px)}.about-grid{grid-template-columns:1fr}.about-visual{order:2}.about-visual img{height:365px}.service-grid{grid-template-columns:1fr}.service{min-height:0}.gallery-grid{gap:9px}.gallery-card,.gallery-card:first-child,.gallery-card:nth-child(5),.gallery-card:nth-child(6),.gallery-card:nth-child(7){grid-column:span 6;min-height:155px}.gallery-card img{height:185px;min-height:185px}.gallery-card span{font-size:11px;left:10px;bottom:10px}.process-grid{gap:23px}.contact{padding:35px 0 75px}.contact-panel{border-radius:20px}.floating{bottom:14px;right:14px;padding:11px 14px;font-size:11px}.footer{padding-bottom:85px}}
    @media(max-width:390px){.process-grid{grid-template-columns:1fr}.gallery-card,.gallery-card:first-child,.gallery-card:nth-child(5),.gallery-card:nth-child(6),.gallery-card:nth-child(7){grid-column:span 12}.gallery-card img{height:240px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
  
/* Stable layouts across desktop, touch screens and short viewports. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{overflow-wrap:break-word}
.container{width:calc(100% - 44px);max-width:1160px}
.about-grid>* , .service-grid>* , .process-grid>*{min-width:0}
.header{-webkit-backdrop-filter:blur(18px)}
.brand{flex-shrink:0}.brand-icon{flex-shrink:0}
.hero{min-height:780px;min-height:100svh}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:280px}
.gallery-card,.gallery-card:first-child,.gallery-card:nth-child(5),.gallery-card:nth-child(6),.gallery-card:nth-child(7){grid-column:auto;min-height:0}
.gallery-card:first-child{grid-column:span 2}
.gallery-card img{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.gallery-card span{right:16px}
.gallery-card:last-child{grid-column:span 2}
.floating{bottom:calc(18px + env(safe-area-inset-bottom,0px));right:calc(18px + env(safe-area-inset-right,0px))}
.footer{padding-bottom:95px}
.menu{min-width:44px;min-height:44px}
.lightbox{width:min(1100px,calc(100% - 24px));max-height:92vh;max-height:92dvh;padding:50px 12px 12px;background:#080b0e;border:1px solid #ffffff30;border-radius:18px;color:var(--txt)}
.lightbox::backdrop{background:#000d}
.lightbox img{width:100%;height:auto;max-height:72vh;max-height:72dvh;object-fit:contain}
.lightbox-close{position:absolute;right:10px;top:5px;min-width:44px;min-height:44px;background:transparent;color:white;border:0;font-size:28px;cursor:pointer}
.lightbox p{text-align:center;margin:10px 0 0;font-size:13px}
body:has(.lightbox[open]){overflow:hidden}
@media(max-width:1000px){.navlinks{gap:12px}.navlinks .btn{padding-inline:16px}.about-grid{gap:30px}}
@media(max-width:800px){
.container{width:calc(100% - 32px)}
.nav{height:69px}.brand{font-size:13px}.brand-icon{width:36px;height:36px}
.menu{display:block}
.navlinks{display:none;position:absolute;left:0;right:0;top:69px;padding:18px 16px 23px;background:#0b1015;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px;max-height:calc(100vh - 69px);max-height:calc(100dvh - 69px);overflow-y:auto;overscroll-behavior:contain}
.navlinks.open{display:flex}.navlinks a:not(.btn){font-size:14px;padding:11px}
.about-grid{grid-template-columns:1fr}.about-visual{order:2}.about-visual img{height:400px}
.service-grid{grid-template-columns:1fr}.service{min-height:0}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:230px}
.gallery-card:first-child,.gallery-card:last-child{grid-column:span 2}
}
@media(max-width:700px){.hero{min-height:740px;min-height:94svh}.gallery-card img{height:100%;min-height:0}.about-visual img{height:365px}}
@media(max-width:480px){.gallery-grid{grid-auto-rows:190px}.gallery-card span{right:10px}.contact-panel{padding:28px 22px}.contact-panel .btn{width:100%;padding-inline:14px}.eyebrow{letter-spacing:.15em}}
@media(max-width:390px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-card,.gallery-card:first-child,.gallery-card:nth-child(5),.gallery-card:nth-child(6),.gallery-card:nth-child(7){grid-column:auto}.gallery-card img{height:100%}.hero h1{font-size:clamp(36px,11.8vw,46px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}