@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07121e;--deep:#0b1928;--red:#e94842;--red2:#ff665c;--ink:#102033;--muted:#627081;--light:#f4f6f8;--line:#e0e5e9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(1220px,calc(100% - 64px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.6vw,5.9rem);font-weight:800;line-height:1.07}h2{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.16;font-weight:800}h3{font-size:1.3rem;line-height:1.35}p{line-height:1.75}.site-header{height:89px;position:sticky;top:0;z-index:20;background:rgba(7,18,30,.98);border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(15px)}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:208px;color:white}.brand__number{font:800 37px/1 Manrope,Arial;letter-spacing:-.105em}.brand__dot,.red-dot{color:var(--red)}.brand__text{font:800 14px/1.1 Manrope;letter-spacing:.19em}.brand__text small{display:block;margin-top:6px;color:#99a8b7;font-size:8px;letter-spacing:.17em}.nav__links{display:flex;align-items:center;gap:23px;margin-left:auto}.nav__links>a{color:#c7d1db;font-size:12.3px;font-weight:700;white-space:nowrap;transition:color .2s}.nav__links>a:hover,.nav__links>a.is-active{color:#fff}.nav__links>a.is-active:after{content:'';display:block;height:2px;background:var(--red);margin-top:8px}.nav__cta{display:inline-flex;gap:27px;align-items:center;border:1px solid #667381;color:white;padding:13px 16px;font-size:12px;font-weight:800;white-space:nowrap}.nav__cta span{color:var(--red2)}.nav__mobile-contact,.nav__toggle{display:none!important}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.19em;color:#e2eaf2}.eyebrow--dark{color:var(--red)}.signal{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #e9484229}.hero{position:relative;min-height:690px;background:var(--navy);color:#fff;overflow:hidden}.hero__background{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,30,.95) 6%,rgba(7,18,30,.73) 50%,rgba(7,18,30,.1) 100%),url('../images/flux-2026/007-security-alarmni-sustav-kuca-eksterijer-01.webp?v=7') center/cover no-repeat;opacity:1}.hero:after{content:'';position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,#07121e6b);pointer-events:none}.hero__inner{min-height:690px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero__inner>div:first-child{padding:70px 0}.hero h1{max-width:910px;margin:28px 0 22px}.hero h1 em{font-style:normal;color:var(--red2)}.hero p{max-width:570px;color:#c3cbd4;font-size:17px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:15px 23px;font-size:13px;font-weight:800;border:0;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn--accent{background:var(--red);color:white}.btn--accent:hover{background:#d73935}.btn--ghost{color:white;border:1px solid #77839166}.btn--light{background:white;color:var(--navy)}.hero__proof{display:flex;gap:32px;flex-wrap:wrap;margin-top:69px;font-size:12px;color:#9cabb8}.hero__proof strong{color:var(--red2);margin-right:8px}.hero__side{height:440px;display:flex;align-items:end;flex-direction:column;justify-content:space-between}.hero__vertical{writing-mode:vertical-rl;letter-spacing:.24em;font-size:10px;color:#ced5dd}.hero__vertical span{color:var(--red)}.hero__marker{font:800 82px/1 Manrope;letter-spacing:-.12em;color:#ffffff19;text-align:right}.hero__marker span{display:block;font-size:12px;letter-spacing:.22em}.section{padding:100px 0}.section--light{background:var(--light)}.section--dark{background:var(--navy);color:white}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading h2{margin:14px 0 0}.section-heading>p{max-width:290px;font-size:14px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service-card{display:block;position:relative;background:white;border:1px solid #e7ecf0;overflow:hidden;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px #07121e1b}.service-card__image{height:212px;overflow:hidden;background:#d8dfe6}.service-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.service-card:hover img{transform:scale(1.055)}.service-card__content{padding:28px;position:relative;min-height:174px}.service-card__index{display:block;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:12px}.service-card h3{margin:0 34px 9px 0}.service-card p{font-size:13px;color:var(--muted);margin:0;padding-right:12px}.service-card__arrow{position:absolute;right:25px;top:27px;font-size:25px;color:var(--red)}.split-promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.split-promo h2{margin:20px 0}.split-promo p{color:#a4b1bf;max-width:500px}.text-link{display:inline-block;margin-top:18px;color:white;border-bottom:2px solid var(--red);padding-bottom:8px;font-weight:800;font-size:13px}.promo-image img{height:370px;width:100%;object-fit:cover}.cta-band{background:var(--red);padding:60px 0;color:white}.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(1.7rem,3vw,2.7rem);max-width:680px;margin:13px 0 0}.site-footer{background:#05101b;color:white;padding:75px 0 0}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:75px;padding-bottom:70px}.footer__top p{color:#899aa9;font-size:14px;max-width:250px;margin-top:23px}.footer__top>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer__label{color:#8795a2;letter-spacing:.15em;font-size:10px;font-weight:800;margin-bottom:14px}.footer__top a:not(.brand){font-size:13px;color:#c5d0dc}.footer__top a:hover{color:white}.footer__bottom{border-top:1px solid #26313c;padding:23px 0;display:flex;justify-content:space-between;gap:30px;color:#8795a2;font-size:11px}.page-hero{position:relative;min-height:420px;background:#0b1a2b;display:flex;align-items:center;color:white;overflow:hidden}.page-hero__image{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.76}.page-hero:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#07121ef5 0%,#07121ec8 52%,#07121e56 100%)}.page-hero__inner{position:relative;z-index:1;padding:60px 0}.breadcrumb{display:block;color:#a2b1bd;font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:55px}.breadcrumb span{color:var(--red);margin:0 8px}.page-hero h1{max-width:850px;margin:15px 0;font-size:clamp(2.8rem,5vw,5rem)}.page-hero p{max-width:780px;color:#b7c3ce;font-size:15px;margin:0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:86px;align-items:start}.article-copy{background:white;padding:42px 48px;border:1px solid #e5eaf0;min-width:0}.article-copy h2{font-size:clamp(1.35rem,2vw,2rem);margin:34px 0 13px}.article-copy h2:first-child{margin-top:0}.article-copy p,.article-copy li{color:#4d5b69;line-height:1.85;font-size:15px}.article-copy p{margin:0 0 22px}.article-copy ul{padding-left:22px;margin-bottom:26px}.article-copy li{margin-bottom:7px}.article-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:35px}.article-photos img{height:230px;width:100%;object-fit:cover}.article-photos img:first-child{grid-column:1/-1;height:340px}.aside-card{background:white;border:1px solid var(--line);padding:30px}.aside-card h3{font-size:1.7rem;margin:20px 0 14px}.aside-card p{color:var(--muted);font-size:14px}.aside-card .btn{margin-top:7px;width:100%}.aside-links{padding-top:36px}.aside-links>span{display:block;font-weight:800;letter-spacing:.16em;font-size:10px;margin-bottom:20px;color:#6b7884}.aside-links>a{display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:700;padding:15px 0;border-bottom:1px solid #dbe1e6}.aside-links b{color:var(--red)}.page-hero--contact{min-height:345px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact-grid>div:first-child h2{margin:16px 0}.contact-grid>div:first-child p{color:var(--muted);max-width:370px}.contact-detail{display:flex;flex-direction:column;gap:8px;margin-top:34px}.contact-detail>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--red)}.contact-detail a{font-family:Manrope;font-weight:800;font-size:19px}.contact-form-shell{padding:40px;background:white;border:1px solid #e2e8ed;box-shadow:0 18px 50px #07121e0a}.contact-form-shell h2{font-size:30px;margin-bottom:8px}.contact-form-shell>p{font-size:13px;color:var(--muted);margin-bottom:30px}.contact-form-shell form{display:grid;gap:18px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-shell label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:800}.contact-form-shell input,.contact-form-shell textarea{width:100%;padding:14px 13px;border:1px solid #d4dce3;border-radius:0;outline:none;background:#f9fafb;color:var(--ink);font-weight:400}.contact-form-shell :is(input,textarea):focus{border-color:var(--red);background:white}.contact-form-shell .btn{justify-self:start}.honeypot{position:absolute;left:-9999px}.form-notice{padding:14px;margin-bottom:20px;font-size:13px}.form-notice.success{background:#e4f4e9;color:#15522b}.form-notice.error{background:#fff0f0;color:#971d1b}
@media(max-width:1180px){.nav__links{gap:13px}.nav__links>a{font-size:11px}.brand{min-width:180px}.nav{gap:16px}}@media(max-width:960px){.container{width:min(100% - 40px,1220px)}.nav__links{display:none;position:absolute;top:89px;left:0;right:0;background:#07121e;padding:22px 30px 30px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 20px #0004}.nav__links.is-open{display:flex}.nav__links>a{font-size:14px;padding:13px 0;border-bottom:1px solid #ffffff19}.nav__mobile-contact{display:block!important;color:white!important}.nav__toggle{display:flex!important;margin-left:auto;width:40px;height:40px;background:transparent;border:1px solid #546272;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav__toggle span{display:block;width:18px;height:2px;background:white}.nav__cta{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.hero__side{display:none}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 260px}.article-copy{padding:30px}.split-promo{gap:40px}}@media(max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:76px}.nav__links{top:76px}.hero,.hero__inner{min-height:680px}.hero__background{background-image:linear-gradient(90deg,#07121eed,#07121e9e),url('../images/flux-2026/007-security-alarmni-sustav-kuca-eksterijer-01-768.webp?v=7')}.hero__inner>div:first-child{padding:60px 0 30px}.hero h1{font-size:clamp(2.6rem,10vw,4.3rem)}.hero__proof{margin-top:40px;gap:15px}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card__image{height:230px}.split-promo,.contact-grid,.article-layout{grid-template-columns:1fr;gap:35px}.article-copy{padding:25px 22px}.article-photos{grid-template-columns:1fr}.article-photos img:first-child{grid-column:auto;height:230px}.article-photos img{height:230px}.cta-band__inner,.footer__bottom{align-items:flex-start;flex-direction:column}.footer__top{grid-template-columns:1fr 1fr;gap:36px}.footer__top>div:first-child{grid-column:1/-1}.form-two{grid-template-columns:1fr}.contact-form-shell{padding:25px 20px}.page-hero{min-height:370px}.page-hero__inner{padding:45px 0}.breadcrumb{margin-bottom:36px}.page-hero h1{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* v5: potpuni dostupni podizbornici */
.nav__links{gap:13px}
.nav__group{position:relative;align-self:stretch;display:flex;align-items:center}
.nav__group-top{display:flex;align-items:center;gap:2px}
.nav__parent,.nav__single{color:#c7d1db;font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s}
.nav__parent:hover,.nav__single:hover,.nav__group:focus-within>.nav__group-top .nav__parent{color:white}
.nav__dropdown-toggle{border:0;background:transparent;color:#c7d1db;cursor:pointer;font-size:17px;line-height:1;padding:8px 3px}
.nav__dropdown{display:none;position:absolute;left:-16px;top:calc(100% - 2px);min-width:260px;max-width:320px;padding:10px;background:#0c1d2e;border:1px solid #314256;box-shadow:0 15px 35px #0008;z-index:40;border-radius:0 0 9px 9px}
.nav__group:hover .nav__dropdown,.nav__group:focus-within .nav__dropdown,.nav__group.is-expanded .nav__dropdown{display:flex;flex-direction:column}
.nav__dropdown a{color:#e4eaf0;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.35;white-space:normal;border-radius:4px}
.nav__dropdown a:hover,.nav__dropdown a:focus-visible{background:#20374e;color:white}
@media(max-width:1220px) and (min-width:961px){.nav__links{gap:8px}.nav__parent,.nav__single{font-size:10px}.nav__cta{padding:9px}}
@media(max-width:960px){.nav__links{max-height:calc(100dvh - 90px);overflow-y:auto}.nav__group{display:block;width:100%;border-bottom:1px solid #ffffff19}.nav__group-top{justify-content:space-between}.nav__parent,.nav__single{font-size:14px;color:#e5edf4;padding:13px 0;display:block}.nav__dropdown-toggle{padding:12px 16px;font-size:21px;min-width:44px;min-height:44px}.nav__dropdown{display:none;position:static;max-width:none;min-width:0;width:100%;padding:0 0 8px 12px;background:transparent;border:0;box-shadow:none}.nav__group:hover .nav__dropdown,.nav__group:focus-within .nav__dropdown{display:none}.nav__group.is-expanded .nav__dropdown{display:flex}.nav__dropdown a{font-size:13px;padding:11px 8px}.nav__single{border-bottom:1px solid #ffffff19}}