*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.hero,.services{scroll-snap-align:start;scroll-snap-stop:always}body.menu-open{overflow:hidden}ul,li{list-style:none;padding:0;margin:0}a{text-decoration:none}.container{max-width:1200px;margin:0 auto}body{font-family:'JetBrains Mono',monospace;font-size:0.875rem;background-color:#0B101C;color:#ffffff}h1{font-size:3rem;font-weight:700;user-select:none;letter-spacing:-0.96px;line-height:52.8px}h1>span{letter-spacing:-1.2px}h2{font-size:2rem;font-weight:700;font-style:italic;user-select:none;margin-bottom:16px}h3,label{font-family:"JetBrains Mono",monospace;font-size:0.75rem;font-weight:600;user-select:none;letter-spacing:1.1px;margin-bottom:12px}h1,h2,h5{font-family:"Hanken Grotesk",sans-serif}h4{font-family:"Inter",sans-serif;font-size:1.25rem;letter-spacing:-0.96px}h5{font-size:1.5rem;line-height:31.2px;height:64px}h6{font-family:"JetBrains Mono",monospace;font-size:1rem;letter-spacing:1.6px;line-height:24px;color:#AEB5C1}p,li{font-family:"Inter",sans-serif;font-size:1.125rem;color:#AEB5C1;line-height:29.3px}section[id]{scroll-margin-top:93px}.btn__1,.btn__2{letter-spacing:0.1px;background-color:transparent;border:1px solid #ffffff;border-radius:9999px;color:#ffffff;font-size:0.75rem;font-weight:500;letter-spacing:0.1px;&:hover{cursor:pointer}}.btn__1{transition:all 350ms ease-in-out;&:hover{color:#0B101C;background-color:#ffffff}}.btn__2{background-color:#ffffff;color:#0B101C;transition:all 350ms ease-in-out;&:hover{scale:1.05}}.main-nav{background:#0B101C;border-bottom:1px solid rgba(233,233,233,0.1);padding:15px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:transform 0.3s ease}.main-nav.nav-hidden{transform:translateY(-100%)}.nav-inner{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}#logo{grid-column:span 1}#logo img{display:block;height:50px;width:auto}.nav-menu{grid-column:span 2;display:flex;justify-content:center;align-items:center;gap:48px}.nav-menu li a{text-decoration:none;color:#ffffff;font-weight:600;font-size:0.875rem;transition:color 0.2s ease;position:relative}.nav-menu li a:hover{color:#AEB5C1}.contact-cta{grid-column:span 1;text-align:right}.contact-cta a{padding:10px 20px}.mobile-contact{display:none}.hamburger{display:none;background:none;border:none;cursor:pointer}.hamburger span{display:block;width:24px;height:2px;background:#ffffff;margin:5px 0}.hero{height:100svh;padding-top:81px}.hero .container{display:grid;align-items:center;margin:auto auto;text-align:center;height: calc(100svh - 81px);}.hero-text>p{padding:16px 0 48px 0}.hero-buttons-container{display:inline-flex;gap:16px}.hero-cta{font-size:0.875rem;padding:15px 40px}.hero-cta-secondary{display:inline-flex;align-items:center;gap:12px;padding:20px 32px;background-color:transparent;font-size:0.875rem;font-weight:bold;color:#0F172A;border:2px solid #E2E8F0}.experience .container{text-align:center;margin:0 auto;overflow:hidden}.experience{position:relative}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px;position:relative;background-color:transparent}.experience-card{background-color:transparent}.experience-card div{margin-bottom:20px;}.experience-card p{font-size:0.6875rem;line-height:18px;letter-spacing:1.1px;padding-top:10px}.card-display-none{display:none}.services .container{text-align:center;margin:256px auto}.services>.container>p{font-size:1rem;line-height:24px;color:#475569;margin-bottom:48px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:80px 0}.service-card{position:relative;overflow:hidden;padding:32px;background-color:#161B28;border-radius:16px;border:1px solid rgba(255,255,255,0.1)}.service-card::before{content:"";position:absolute;background-image:url("slike/hexagon.png");width:160px;height:160px;top:-80px;right:-80px}.service-card img{margin:0 auto}.service-card h5{margin:32px 0 24px 0}.service-card li{font-size:1rem;line-height:26px;margin-top:12px;text-align:left}.about-us .container{text-align:center;margin:256px auto}.about-us-flex{display:flex;position:relative;margin:80px auto;gap:48px}.about-us-flex>*{flex:1}.about-us-card{position:relative;overflow:hidden;padding:40px 70px;background-color:#1B1F2C;border-radius:12px;text-align:left;border:1px solid rgba(255,255,255,0.1)}.about-us-card::before{content:"";position:absolute;background-image:url("slike/hexagon.png");width:160px;height:160px;top:-80px;right:-80px}.about-us-card:nth-of-type(2)::before{bottom:-80px;top:auto;right:auto;left:-80px}.about-us-img-cont{height:190px;width:190px;border-radius:50%;margin:0 auto;border:#1B1F2C 2px solid;margin-bottom:32px;overflow:hidden}.about-us-card div img{align-items:center}.about-us-card h5{height:auto;text-align:center}.about-us-card h6{margin:12px 0;font-size:1rem;letter-spacing:1.6px;line-height:24px;color:#ffffff;text-align:center}.about-us-card p{font-size:1rem;margin:16px 0 0 0;line-height:29.3px}.about-us-card div h3{font-size:0.875rem;margin-top:16px}.projects .container{text-align:center;margin:256px auto}.projects-flex{display:flex;text-align:left;margin:80px 0;gap:48px}.projects-flex>*{flex:1}.btn__3{font-family:inherit;font-size:0.65rem;color:white;padding:16px 24px;border-radius:0;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#131723;letter-spacing:1px;line-height:15px;border:none;border-bottom:1px solid transparent;transition:background-color 0.25s ease,border-color 0.25s ease,color 0.25s ease;&:hover{background-color:#1B1F2C;cursor:pointer}}.btn__3.active{background-color:#1B1F2C;border-bottom:1px solid #ffffff}.projects-tabs{display:flex;gap:10px}.projects-content{padding:40px;background-color:#1B1F2C;border-radius:12px;border-top-left-radius:0;border:1px solid rgba(255,255,255,0.1);min-height:650px}.projects-content>*{transition:opacity 300ms ease-in-out,transform 300ms ease-in-out}.projects-content>div{display:flex;align-items:center;gap:16px}.projects-content>div>p{font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:600;letter-spacing:1.1px;line-height:16px}.dossier-title{margin:24px 0;height:auto}.projects-content>h3{font-family:'Hanken Grotesk',sans-serif;margin:24px 0 12px 0;font-size:0.875rem}.projects-map{text-align:center;margin:auto;position:relative}.marker{position:absolute;width:36px;height:36px;padding:0;background:transparent;cursor:pointer;border:none}.marker::before,.marker::after{content:"";position:absolute;inset:50% auto auto 50%;border-radius:50%;transform:translate(-50%,-50%)}.marker::before{width:18px;height:18px;background-color:rgba(255,255,255,1);z-index:2}.marker::after{width:24px;height:24px;border:1px solid rgba(255,255,255,1);opacity:0}.marker.active::before{background-color:#fff}.marker.active::after{animation:marker-ping 1.5s infinite}@keyframes marker-ping{0%{opacity:1;transform:translate(-50%,-50%) scale(0.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}#marker-north-sea{top:24%;left:34%}#marker-central-europe{top:43%;left:47%}#marker-west-africa{bottom:2%;left:34%}#marker-uk{top:37%;left:30%}.contact .container{margin:256px auto;text-align:center}.form-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:48px;margin:80px auto}.form{grid-column:span 3;background-color:#1B1F2C;padding:40px;border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.form form{display:flex;flex-direction:column;gap:16px}.ime-email{display:flex;align-items:center;gap:16px}.ime-email>div{flex:1}.form-country{position:absolute;left:-9999px}label{display:block;user-select:none;text-align:left}input{display:block;width:100%;margin-top:6px;background:transparent;padding:16px 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);;box-sizing:border-box;color:#ffffff}textarea{display:block;margin-top:8px;background:transparent;width:100%;border:1px solid rgba(255,255,255,0.1);;padding:12px 16px;border-radius:16px;resize:vertical;font-family:inherit;color:#ffffff}input:focus,textarea:focus,.services-box:focus-within{outline:none;border:1px solid #ffffff}input::placeholder,textarea::placeholder{color:#AEB5C1;font-size:0.75rem}#services-toggle:focus{outline:none}.send-btn{padding:16px;font-size:0.75rem;background-color:#ffffff;border:1px solid #0B101C;border-radius:16px;color:#0B101C;transition:background-color 300ms ease-in-out;&:hover{background-color:rgba(255,255,255,0.8);cursor:pointer}}.form-status{margin-bottom:24px;padding:14px 18px;border-radius:10px;font-size:0.875rem;line-height:1.5;text-align:center}.form-status--success{color:#b8f5d0;background-color:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.35)}.form-status--error{color:#fecaca;background-color:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.35)}.info{grid-column:span 2;display:grid;align-content:space-between}.info-card{grid-row:span 1;background-color:#1B1F2C;padding:20px 40px;border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.info-content{display:flex;text-align:left;gap:24px}.checkmark-gap{gap:12px}.info-img-cont{align-self:center}.info-img-cont img{width:28px}.checkmark{height:16px}.checkmark img{width:16px}.info-content h3,.info-content p,.info-card h3,.info-card p{margin:0;font-size:0.75rem;text-align:left}.info-card>h3{margin-bottom:8px}#adresa-padding{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}.site-footer{padding:32px 0;background-color:#1B1F2C;border-top:1px solid rgba(255,255,255,0.1)}.footer-content{display:flex;align-items:center;gap:32px}.footer-logo{display:inline-flex;align-items:center;margin-right:auto}.footer-logo img{display:block;height:50px}.footer-content>a:not(.footer-logo),.cookie-settings{color:rgba(255,255,255,0.65);font-family:inherit;font-size:0.8125rem;text-decoration:none;transition:color 200ms ease}.footer-content>a:not(.footer-logo):hover,.cookie-settings:hover{color:#ffffff}.cookie-settings{padding:0;background:none;border:none;cursor:pointer}.copyright{margin-top:16px}.copyright p{margin:0;color:rgba(255,255,255,0.4);font-size:0.75rem;line-height:1.5;text-align:right}html{scroll-behavior:smooth}.privacy-main{background-color:#0b101c;color:#ffffff}.privacy-hero{padding:180px 0 96px;border-bottom:1px solid rgba(255,255,255,0.08)}.privacy-hero-content{text-align:left}.privacy-eyebrow{margin:0 0 16px;color:rgba(255,255,255,0.55);font-size:0.75rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase}.privacy-hero h1{max-width:800px;margin:0;font-size:clamp(2.5rem,7vw,5rem);line-height:1;letter-spacing:-0.04em}.privacy-date{margin:24px 0 0;color:rgba(255,255,255,0.55);font-size:0.875rem}.privacy-section{padding:96px 0 160px}.privacy-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,760px);justify-content:space-between;align-items:start;gap:96px}.privacy-navigation{position:sticky;top:120px;padding:24px;background-color:#131825;border:1px solid rgba(255,255,255,0.08);border-radius:12px}.privacy-navigation>p{margin:0 0 18px;color:#ffffff;font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase}.privacy-navigation nav{display:flex;flex-direction:column;gap:4px}.privacy-navigation a{padding:9px 10px;color:rgba(255,255,255,0.5);font-size:0.75rem;line-height:1.4;text-decoration:none;border-radius:7px;transition:color 180ms ease,background-color 180ms ease}.privacy-navigation a:hover,.privacy-navigation a:focus-visible{color:#ffffff;background-color:rgba(255,255,255,0.06);outline:none}.privacy-content{min-width:0}.privacy-block{position:relative;padding:0 0 64px;margin:0 0 64px;scroll-margin-top:130px;border-bottom:1px solid rgba(255,255,255,0.08)}.privacy-block:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.privacy-number{display:block;margin-bottom:12px;color:rgba(129,117,255,0.9);font-size:0.75rem;font-weight:700;letter-spacing:0.14em}.privacy-block h2{margin:0 0 28px;font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.15;letter-spacing:-0.025em}.privacy-block h3{margin:32px 0 12px;color:#ffffff;font-size:1rem;line-height:1.4}.privacy-block p{margin:0 0 20px;color:rgba(255,255,255,0.65);font-size:0.9375rem;line-height:1.85;text-align:left}.privacy-block a{color:#a49cff;text-decoration-thickness:1px;text-underline-offset:4px}.privacy-block a:hover{color:#ffffff}.privacy-block ul{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}.privacy-block li{position:relative;padding-left:24px;color:rgba(255,255,255,0.65);font-size:0.9375rem;line-height:1.75}.privacy-block li::before{content:"";position:absolute;top:0.72em;left:0;width:7px;height:7px;background-color:#8175ff;border-radius:50%}.privacy-block strong{color:rgba(255,255,255,0.92)}.company-details{display:grid;gap:1px;margin:32px 0 0;overflow:hidden;background-color:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);border-radius:12px}.company-details>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:18px 20px;background-color:#131825}.company-details dt{color:rgba(255,255,255,0.45);font-size:0.8125rem}.company-details dd{min-width:0;margin:0;color:rgba(255,255,255,0.85);font-size:0.875rem;overflow-wrap:anywhere}.privacy-callout{margin:20px 0;padding:24px;background-color:#131825;border:1px solid rgba(255,255,255,0.08);border-left:3px solid #8175ff;border-radius:10px}.privacy-callout h3{margin-top:0}.privacy-callout p:last-child{margin-bottom:0}.privacy-cookie-button{margin-top:12px;padding:13px 18px;color:#0b101c;background-color:#ffffff;border:1px solid #ffffff;border-radius:8px;font:inherit;font-size:0.8125rem;font-weight:600;cursor:pointer;transition:background-color 180ms ease,color 180ms ease}.privacy-cookie-button:hover{color:#ffffff;background-color:transparent}.authority-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:28px;padding:24px;color:rgba(255,255,255,0.65);font-size:0.875rem;font-style:normal;line-height:1.6;background-color:#131825;border:1px solid rgba(255,255,255,0.08);border-radius:12px}.authority-card strong{margin-bottom:3px;color:#ffffff;font-size:1rem}#stcm-icon{width:32px !important;height:32px !important}#stcm-icon svg{width:16px !important;height:16px !important}@media (max-width:1199px){h2{font-size:1.75rem}p,li{font-size:1rem}.nav-inner{margin:0 16px}.hero .container{margin:0 16px;gap:48px}.hero-text,.hero-image{flex:1}.hero-text>h1{font-size:2rem}.hero-image img{width:100%}.hero-cta,.hero-cta-secondary{font-size:0.75rem;padding:16px 24px}.hero-image-badge{padding:16px}.experience{margin:0 0px 128px 0px;padding:0}.card-display-none{display:none}.services .container{margin:128px 16px}.services-grid{grid-template-columns:repeat(1,1fr);justify-items:center}.service-card{text-align:center;width:100%}.service-card>img{width:64px;height:64px}h5{height:44px;font-size:1.25rem}.about-us .container{text-align:center;margin:128px 16px}.about-us-flex{display:block;margin:64px auto}.about-us-card{padding:32px 16px;margin-top:64px}.projects .container{margin:128px 16px}.projects-flex{display:block}.projects-tabs{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.projects-content{min-height:auto;max-height:calc(100svh - 129px);overflow:auto;scrollbar-width:none}.projects-content>h3{font-size:0.75rem}.projects-map{width:fit-content;height:calc(50svh - 40px);margin:40px auto 0}.projects-map>img{width:auto;height:calc(50svh - 40px)}#marker-north-sea{top:calc(24% - 5px);left:calc(34% - 8px)}#marker-central-europe{top:calc(43% - 5px);left:calc(47% - 8px)}#marker-west-africa{bottom:calc(2% - 5px);left:calc(34% - 8px)}#marker-uk{top:calc(37% - 5px);left:calc(30% - 8px)}.contact .container{margin:128px 16px}.form-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;margin:64px auto}.form,.info{grid-column:span 1}.info{gap:16px}.checkmark img{width:12px}.checkmark-gap{margin:5px auto}.info-card p{line-height:18px}.site-footer .container{margin-inline:16px}.footer-content{flex-wrap:wrap;justify-content:center;text-align:center;gap:20px 28px}.footer-logo{width:100%;justify-content:center;margin-bottom:8px}}@media (max-width:991px){.privacy-hero{padding:150px 0 72px}.privacy-section{padding:72px 0 120px}.privacy-layout{grid-template-columns:1fr;gap:48px}.privacy-navigation{position:static}.privacy-navigation nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.hero-buttons-container{flex-direction:column}}@media (max-width:767px){.container{margin:0 20px}.hamburger{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:70px;right:0;width:200px;background:#222;padding:15px;gap:15px}.nav-links.active{display:flex}}@media (max-width:767px){.nav-inner{display:flex;gap:10px;justify-content:space-between}.contact-cta{display:none}.mobile-contact{display:block}.hamburger{display:block;position:relative;z-index:1001}.nav-menu{position:fixed;top:81px;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;gap:0;width:100%;height:calc(100svh - 81px);margin:0;padding:32px 24px;overflow-y:auto;list-style:none;background:#0B101C;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-16px);transition:opacity 280ms ease,transform 280ms ease,visibility 280ms ease}.nav-menu.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-menu li{width:100%;padding:0;border-bottom:1px solid rgba(255,255,255,0.1)}.nav-menu li a{display:flex;justify-content:space-between;width:100%;padding:22px 4px;color:#ffffff;font-size:0.875rem;font-weight:600;line-height:1.1;letter-spacing:-0.03em;text-decoration:none;transition:color 200ms ease,padding-left 200ms ease}.nav-menu li:not(.mobile-contact) a::after{content:"↗";color:rgba(255,255,255,1);font-size:1rem;transition:color 200ms ease,transform 200ms ease}.nav-menu li a:hover{color:#AEB5C1;padding-left:10px}.nav-menu li a:hover::after{color:#ffffff;transform:translate(3px,-2px)}.mobile-contact{margin-top:32px;border-bottom:none !important}.mobile-contact a{justify-content:center !important;padding:16px 20px !important;color:#0B101C !important;background-color:#ffffff;border:1px solid #ffffff;border-radius:10px;font-size:0.875rem;letter-spacing:0 !important;transition:background-color 200ms ease,color 200ms ease !important}.mobile-contact a:hover{padding-left:20px !important;color:#ffffff !important;background-color:transparent}.hero .container{margin:0 16px}.hero-text{text-align:center}.hero-buttons-container{flex-direction:column}.experience-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:250px;align-items:center;justify-items:center;animation:animate 20s linear infinite;gap:0}.experience-card>div>img{width:42px !important;height:42px !important}.card-display-none{display:block}@keyframes animate{to{transform:translateX(calc(4 * (-250px)))}}h4{font-size:1.25rem}.experience-card p{font-size:0.625rem}.service-card{width:100%;text-align:left}h5{height:auto}.about-us>.container>p{text-align:justify}.about-us-card{max-height:calc(50svh - 40px);position:relative;min-height:100%;scrollbar-width:thin;overflow-y:auto;-webkit-mask-image:linear-gradient( to bottom,black 0,black calc(100% - 40px),transparent 100% );mask-image:linear-gradient( to bottom,black 0,black calc(100% - 40px),transparent 100% )}.about-us-img-cont{height:140px;width:140px;border-radius:0;margin:0 auto;margin-bottom:32px}.about-us-card div img{align-items:center;height:100%;width:100%}.about-us-card h5{height:auto;text-align:center}.about-us-card h6{margin:12px 0;font-size:1rem;letter-spacing:1.6px;line-height:24px;color:#ffffff}.about-us-card p{position:relative;font-size:1rem;margin:16px 0 0 0;line-height:29.3px}.about-us-card div h3{font-size:0.875rem;margin-top:16px;text-align:left}.about-us-card::before{bottom:auto;top:-80px;right:-80px;left:auto}.about-us-card:nth-of-type(2)::before{bottom:auto;top:-80px;right:-80px;left:auto}.projects>.container>p{text-align:justify}.projects-content{height:calc(50svh - 40px);scrollbar-width:thin;overflow-y:auto;padding:20px;-webkit-mask-image:linear-gradient( to bottom,black 0,black calc(100% - 40px),transparent 100% );mask-image:linear-gradient( to bottom,black 0,black calc(100% - 40px),transparent 100% )}.contact>.container>p{text-align:justify;text-align-last:center}.form{padding:40px 20px}.ime-email{flex-direction:column;align-items:stretch}.info-card{flex-direction:column;width:100%}.site-footer{padding:40px 0 24px}.footer-content{flex-direction:column;align-items:center;gap:18px;text-align:center}.footer-logo{width:auto;margin-bottom:8px;margin:0}.footer-logo img{height:50px}.copyright{margin-top:28px}.copyright p{text-align:center}.privacy-hero{padding:128px 0 56px}.privacy-section{padding:56px 0 96px}.privacy-layout{gap:40px}.privacy-navigation{padding:18px}.privacy-navigation nav{grid-template-columns:1fr}.privacy-block{padding-bottom:48px;margin-bottom:48px}.company-details>div{grid-template-columns:1fr;gap:7px}.privacy-callout,.authority-card{padding:20px}}