/* Zeus / security positioning. Extends the existing self-hosted design. */
.hero-title{font-size:clamp(3.6rem,6.8vw,7rem);letter-spacing:-.055em;max-width:60%}
.hero-heading{max-width:52ch;position:relative;z-index:2;margin-top:1.2rem}
.hero-eyebrow{max-width:65ch;line-height:1.8}
.hero-sub{line-height:1.75}
.hero-micro{max-width:52ch}
.hero-title .outline{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #e8b93a;color:#e8b93a}
.risk-paths,.security-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-block:2.5rem}
.risk-paths article{padding:1.5rem 0;border-top:1px solid #e8b93a66}
.risk-paths article>span,.service-index{font-size:.68rem;letter-spacing:.16em;color:var(--gold-2)}
.risk-paths h3{font-size:1.3rem;line-height:1.4;margin-block:1rem .65rem}
.risk-paths p,.scope-note p{color:var(--muted);line-height:1.8}
.service-index{display:block;margin-bottom:1.8rem}
.card{position:relative;overflow:hidden}
.card::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e8b93a80,transparent);pointer-events:none;opacity:.3;transition:opacity .25s}
.card:hover::after{opacity:1}
.card .card-link{display:inline-flex;align-items:center;min-height:44px;line-height:1.5;margin-top:1.2rem}
.security-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.security-art{margin:0;min-width:0}
.security-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 0 36px #e8b93a15)}
.security-art figcaption{font-size:.7rem;text-align:center;color:var(--muted);line-height:1.7}
.security-point{display:flex;gap:1.6rem;padding-block:1.6rem;border-top:1px solid var(--line)}
.security-point>span{color:var(--gold-2);font-size:.75rem;letter-spacing:.1em;padding-top:.3rem}
.security-point h3{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.35;margin-bottom:.6rem}
.security-point p{color:var(--muted);line-height:1.8;max-width:60ch}
.scope-note{margin-top:3.5rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-radius:1rem;background:linear-gradient(115deg,#e8b93a09,transparent)}
.scope-note h3{font-size:1.25rem;line-height:1.5;max-width:60ch;margin-bottom:1rem}
.scope-note p+p{margin-top:1rem;font-size:.85rem}
.scope-note a{color:var(--gold-1);text-decoration:underline;text-underline-offset:3px}
.security-pricing .card{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,2.5vw,2.5rem)}
.security-pricing .card h3{margin-top:1rem}
.security-pricing .card>.btn{margin-top:auto;min-height:44px}
.security-pricing .card>p:not(.security-price){margin-bottom:1.7rem;line-height:1.8;color:var(--muted)}
.security-price{font-size:clamp(2.7rem,4vw,4rem);font-weight:300;letter-spacing:-.06em;color:var(--gold-1);margin-block:1.4rem!important;font-variant-numeric:tabular-nums}
.security-price small{font-size:1rem;letter-spacing:0;color:var(--muted)}
.stat b{font-size:clamp(2rem,4vw,3.5rem)}
.motion-control{display:inline-flex;align-items:center;min-height:44px;background:none;border:1px solid var(--line);border-radius:.5rem;padding:.5rem 1rem;color:var(--muted);font:inherit;font-size:.8rem;cursor:pointer;margin-block:1.5rem}
.motion-control:focus-visible{outline:3px solid var(--gold-2);outline-offset:4px}
.usluge-page .service-index{margin-bottom:1rem}
.usluge-page .usluge-item h2{line-height:1.25}
html[data-motion="paused"] *,html[data-motion="paused"] *::before,html[data-motion="paused"] *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion="paused"] .hero-fx,html[data-motion="paused"] .spotlight{display:none!important}
html[data-motion="paused"] [data-tilt]{transform:none!important}
html[data-motion="paused"] .typewriter{display:none}
html[data-motion="paused"] .kinetic-band::after{content:"povjerenje";color:var(--gold-1)}
@media(max-width:1000px){.risk-paths,.security-pricing{grid-template-columns:1fr}.security-pricing .card{display:grid;grid-template-columns:1fr auto;column-gap:1rem}.security-pricing .card>p:not(.security-price),.security-pricing .kicker,.security-pricing h3,.security-pricing .btn{grid-column:1/-1}.security-price{grid-row:3}.security-story{grid-template-columns:1fr}.security-art{max-width:450px;margin-inline:auto}}
@media(max-width:860px){.hero{grid-template-columns:minmax(0,1fr) auto;column-gap:.6rem;--lw:clamp(80px,23vw,140px)}.hero>.hero-eyebrow{grid-column:1/-1}.hero>.hero-heading{grid-column:1/-1;margin-top:.5rem}.hero>.hero-mark{grid-row:2;max-width:100%}.hero-title{max-width:none;font-size:clamp(2.35rem,8.7vw,4.8rem)}.hero-micro{max-width:none}.hero-sub{max-width:none}.security-point{gap:1rem}.risk-paths{margin-block:1.5rem;gap:.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-fx,.spotlight{display:none!important}.reveal,.stagger{opacity:1!important;transform:none!important}}
@media print{.motion-control,.security-art{display:none}.security-story,.risk-paths,.security-pricing{display:block}.card,.security-point{break-inside:avoid}}