/* Web Centar — lokalni CSS sloj za shared hosting. */
:root {
  --background: hsl(213 60% 5%);
  --foreground: hsl(210 40% 96%);
  --primary: hsl(200 100% 60%);
  --primary-foreground: hsl(213 80% 6%);
  --secondary: hsl(213 40% 14%);
  --muted: hsl(213 30% 14%);
  --muted-foreground: hsl(210 20% 70%);
  --accent: hsl(190 100% 55%);
  --border: hsl(210 30% 20% / 0.55);
  --input: hsl(213 40% 12%);
}
*,*::before,*::after{box-sizing:border-box;border:0 solid var(--border)}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0;color:var(--foreground);background:var(--background)}
a{color:inherit;text-decoration:none}button,input,optgroup,select,textarea{font:inherit;color:inherit;margin:0}button,select{text-transform:none}button,[type=button],[type=submit]{appearance:button;background:transparent;cursor:pointer}img,svg,video,canvas{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}table{border-collapse:collapse;text-indent:0;border-color:inherit}textarea{resize:vertical}
.bg-background{background-color:var(--background)}.text-foreground{color:var(--foreground)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{width:100%;margin-inline:auto;padding-inline:1rem;max-width:1200px}@media(min-width:640px){.container{padding-inline:1.5rem}}@media(min-width:1024px){.container{padding-inline:2rem}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:top-3:focus{top:.75rem}.focus\:left-3:focus{left:.75rem}.focus\:z-\[60\]:focus{z-index:60}.focus\:rounded-md:focus{border-radius:.375rem}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-sm:focus{font-size:.875rem;line-height:1.25rem}.focus\:font-semibold:focus{font-weight:600}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-3{left:.75rem;right:.75rem}.top-0{top:0}.top-20{top:5rem}.left-0{left:0}.right-0{right:0}.bottom-3{bottom:.75rem}.-top-3{top:-.75rem}.-top-40{top:-10rem}.-left-40{left:-10rem}.-right-40{right:-10rem}.left-6{left:1.5rem}.z-40{z-index:40}.z-50{z-index:50}
.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.shrink-0{flex-shrink:0}.grow{flex-grow:1}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-24{margin-top:6rem}.mt-auto{margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}
.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-16{padding-top:4rem}.pt-32{padding-top:8rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}
.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-96{height:24rem}.h-\[480px\]{height:480px}.h-\[500px\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-32{min-height:8rem}.min-h-\[60vh\]{min-height:60vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-96{width:24rem}.w-\[500px\]{width:500px}.w-full{width:100%}.min-w-\[720px\]{min-width:720px}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}
.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.object-cover{object-fit:cover}.aspect-\[16\/10\]{aspect-ratio:16/10}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.align-top{vertical-align:top}.whitespace-nowrap{white-space:nowrap}.tabular-nums{font-variant-numeric:tabular-nums}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-border{border-color:var(--border)}.border-border\/40{border-color:hsl(210 30% 20% / .4)}.border-border\/60{border-color:hsl(210 30% 20% / .6)}.last\:border-0:last-child{border-width:0}.ring-1{box-shadow:0 0 0 1px var(--tw-ring-color,hsl(210 30% 20% / .55))}.ring-primary\/20{--tw-ring-color:hsl(200 100% 60% / .2)}.ring-primary\/40{--tw-ring-color:hsl(200 100% 60% / .4)}
.bg-primary{background-color:var(--primary)}.bg-primary\/10{background-color:hsl(200 100% 60% / .10)}.bg-primary\/20{background-color:hsl(200 100% 60% / .20)}.bg-primary\/30{background-color:hsl(200 100% 60% / .30)}.bg-secondary{background-color:var(--secondary)}.bg-accent\/15{background-color:hsl(190 100% 55% / .15)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to,transparent))}.from-primary\/60{--tw-gradient-from:hsl(200 100% 60% / .6)}.to-transparent{--tw-gradient-to:transparent}
.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-muted-foreground\/70{color:hsl(210 20% 70% / .7)}.text-muted-foreground\/80{color:hsl(210 20% 70% / .8)}.text-foreground\/80{color:hsl(210 40% 96% / .8)}.text-foreground\/85{color:hsl(210 40% 96% / .85)}.text-foreground\/90{color:hsl(210 40% 96% / .9)}.text-foreground\/95{color:hsl(210 40% 96% / .95)}
.text-left{text-align:left}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[11px\]{font-size:11px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-\[0\.2em\]{letter-spacing:.2em}.leading-relaxed{line-height:1.625}.leading-\[1\.05\]{line-height:1.05}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}
.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.blur-\[100px\]{filter:blur(100px)}.blur-\[120px\]{filter:blur(120px)}.blur-\[140px\]{filter:blur(140px)}[class*="drop-shadow-"]{filter:drop-shadow(0 30px 80px hsl(200 100% 55% / .35))}[class*="shadow-"]{box-shadow:0 30px 80px -30px hsl(200 100% 55% / .5)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s}.transition-transform{transition-property:transform;transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.hover\:opacity-90:hover{opacity:.9}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary:hover{color:var(--primary)}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.disabled\:opacity-60:disabled{opacity:.6}
.data-\[active\=true\]\:bg-primary[data-active="true"], [data-active="true"].data-\[active\=true\]\:bg-primary{background-color:var(--primary)}.data-\[active\=true\]\:text-primary-foreground[data-active="true"], [data-active="true"].data-\[active\=true\]\:text-primary-foreground{color:var(--primary-foreground)}.data-\[active\=true\]\:glow-primary[data-active="true"], [data-active="true"].data-\[active\=true\]\:glow-primary{box-shadow:0 10px 35px -10px hsl(200 100% 55% / .6),0 0 0 1px hsl(200 100% 60% / .25) inset}
@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:inset-x-auto{left:auto;right:auto}.sm\:left-auto{left:auto}.sm\:right-4{right:1rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mb-14{margin-bottom:3.5rem}.sm\:max-w-md{max-width:28rem}.sm\:p-4{padding:1rem}.sm\:p-8{padding:2rem}.sm\:p-10{padding:2.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:pt-40{padding-top:10rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[1\.0625rem\]{font-size:1.0625rem}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-5{grid-column:span 5/span 5}}
@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:gap-6{gap:1.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-14{gap:3.5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-28{padding-top:7rem;padding-bottom:7rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}}
@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:text-7xl{font-size:4.5rem;line-height:1}}
@media(max-width:639px){.inset-x-3{left:.75rem;right:.75rem}.text-4xl{font-size:2.15rem;line-height:1.1}.text-7xl{font-size:3.75rem}.min-w-\[720px\]{min-width:680px}}


/* Web Centar — dodatne komponente, utilities i bazne prilagodbe. */

html { scroll-behavior: smooth; scroll-padding-top: 6rem; color-scheme: dark; }
body {
  background:
    radial-gradient(1200px 600px at 80% -10%, hsl(200 100% 50% / 0.10), transparent 60%),
    radial-gradient(900px 500px at -10% 20%, hsl(190 100% 45% / 0.08), transparent 60%),
    hsl(213 60% 5%);
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4 { letter-spacing: -0.01em; font-weight: 800; line-height: 1.1; }

::selection { background: hsl(200 100% 55% / 0.35); color: hsl(210 40% 98%); }

:where(a,button,[role="button"],input,select,textarea,summary):focus-visible {
  outline: 2px solid hsl(200 100% 65%); outline-offset: 2px; border-radius: 8px;
}

.glass {
  background: hsl(213 50% 10% / 0.55);
  border: 1px solid hsl(210 30% 25% / 0.5);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}
.glass-strong {
  background: hsl(213 55% 8% / 0.78);
  border: 1px solid hsl(210 30% 28% / 0.6);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}
.glow-primary {
  box-shadow:
    0 10px 35px -10px hsl(200 100% 55% / 0.6),
    0 0 0 1px hsl(200 100% 60% / 0.25) inset;
}
.text-gradient {
  background-image: linear-gradient(135deg, hsl(210 40% 98%) 0%, hsl(200 100% 75%) 50%, hsl(190 100% 60%) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.text-gradient-primary {
  background-image: linear-gradient(135deg, hsl(200 100% 70%) 0%, hsl(190 100% 55%) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.grid-bg {
  background-image:
    linear-gradient(hsl(210 30% 30% / 0.12) 1px, transparent 1px),
    linear-gradient(90deg, hsl(210 30% 30% / 0.12) 1px, transparent 1px);
  background-size: 40px 40px;
  -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
  mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
}

.wc-input {
  width: 100%; border-radius: 0.85rem;
  background: hsl(213 40% 12% / 0.6);
  border: 1px solid hsl(210 30% 22% / 0.7);
  padding: 0.75rem 1rem; font-size: 0.875rem; color: hsl(210 40% 96%);
  transition: border-color .15s, box-shadow .15s, background-color .15s;
}
.wc-input:focus {
  outline: none;
  border-color: hsl(200 100% 60% / 0.6);
  box-shadow: 0 0 0 4px hsl(200 100% 60% / 0.12);
  background: hsl(213 40% 14% / 0.8);
}

.wc-prose { color: hsl(210 40% 96%); font-size: 1rem; }
.wc-prose p { color: hsl(210 25% 82%); line-height: 1.8; margin-bottom: 1.1rem; max-width: 72ch; }
.wc-prose h2 {
  font-size: 1.5rem; font-weight: 700; margin-top: 2.75rem; margin-bottom: 1rem;
  padding-top: 1.25rem; padding-left: 0.85rem;
  border-top: 1px solid hsl(210 30% 20% / 0.6);
  border-left: 3px solid hsl(200 100% 60%);
  scroll-margin-top: 6rem;
}
.wc-prose h2:first-of-type { margin-top: 1.5rem; }
.wc-prose h3 { font-size: 1.1rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.wc-prose ul { list-style: disc; padding-left: 1.25rem; color: hsl(210 25% 82%); margin-bottom: 1.1rem; max-width: 72ch; }
.wc-prose ul li { margin-bottom: 0.45rem; line-height: 1.75; }
.wc-prose strong { color: hsl(210 40% 96%); font-weight: 600; }
.wc-prose a { color: hsl(200 100% 60%); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) { .wc-prose h2 { font-size: 1.25rem; } }

@keyframes wc-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes wc-glow-pulse { 0%,100% { opacity: 0.55; } 50% { opacity: 1; } }
@keyframes wc-fade-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.animate-float { animation: wc-float 6s ease-in-out infinite; }
.animate-glow-pulse { animation: wc-glow-pulse 3s ease-in-out infinite; }
.animate-fade-up { animation: wc-fade-up 0.6s ease-out both; }

/* FAQ accordion */
[data-accordion-item][data-state="open"] [data-accordion-content] { display: block; }
[data-accordion-item] [data-accordion-content] { display: none; }
[data-accordion-item][data-state="open"] [data-accordion-trigger] svg { transform: rotate(180deg); }
[data-accordion-trigger] svg { transition: transform .2s; }

/* Pricing/billing toggle active state via data attribute */
[data-toggle-btn][data-active="true"] {
  background: hsl(200 100% 60%); color: hsl(213 80% 6%);
  box-shadow: 0 10px 35px -10px hsl(200 100% 55% / 0.6), 0 0 0 1px hsl(200 100% 60% / 0.25) inset;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Additional local utilities used by legal pages and form controls. */
.mb-2{margin-bottom:.5rem}.p-5{padding:1.25rem}.scroll-mt-24{scroll-margin-top:6rem}.accent-primary{accent-color:var(--primary)}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}

/* Security-friendly replacement for the previous inline process overlay. */
.process-overlay {
  background: linear-gradient(to bottom, hsl(213 60% 5%), hsl(213 60% 5% / 0.85), hsl(213 60% 5%));
}

/* Small utility gaps used by inline SVG icons. */
.h-3\.5{height:.875rem}.w-3\.5{width:.875rem}

/* Responsive hardening for shared hosting browsers and smaller devices. */
html { overflow-x: hidden; }
body { min-width: 320px; overflow-x: hidden; }
button, a, input, select, textarea, summary { touch-action: manipulation; }
button, [type=button], [type=submit], .wc-input { min-height: 44px; }
[data-mobile-menu] { max-height: calc(100dvh - 6.5rem); overflow-y: auto; overscroll-behavior: contain; }
body.menu-open { overflow: hidden; }

@media (max-width: 1023px) {
  header .container { padding-inline: .75rem; }
}

@media (max-width: 640px) {
  .container { padding-inline: 1rem; }
  .pt-32 { padding-top: 7rem; }
  .pb-20 { padding-bottom: 4rem; }
  .py-20 { padding-top: 4rem; padding-bottom: 4rem; }
  .rounded-2xl { border-radius: .9rem; }
  .p-7 { padding: 1.25rem; }
  .p-6 { padding: 1.15rem; }
  .px-6 { padding-left: 1.1rem; padding-right: 1.1rem; }
  .w-96, .h-96 { width: 16rem; height: 16rem; }
  .w-\[500px\], .h-\[500px\] { width: 18rem; height: 18rem; }
  .h-\[480px\] { height: 360px; }
  .glass, .glass-strong { backdrop-filter: blur(12px) saturate(130%); -webkit-backdrop-filter: blur(12px) saturate(130%); }
  .text-lg { font-size: 1rem; line-height: 1.6; }
  .text-3xl { font-size: 1.75rem; line-height: 1.15; }
  .grid-cols-2 { grid-template-columns: 1fr; }
  #top .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-cookie-banner] { left: .75rem; right: .75rem; bottom: .75rem; }
}

@supports not (height: 100dvh) {
  [data-mobile-menu] { max-height: calc(100vh - 6.5rem); }
}

/* Završni responsive sloj: sprječava horizontalno pucanje i iOS zoom na formama. */
.container, .glass, .glass-strong, article, section { min-width: 0; }
:where(h1,h2,h3,p,a,span,li,td,th,label,button) { overflow-wrap: break-word; }
@media (max-width: 480px) {
  .wc-input { font-size: 16px; }
  header .text-lg { font-size: 1rem; }
  [data-pricing-mode] { flex: 1 1 auto; }
  .glass.rounded-full.p-1.inline-flex { max-width: 100%; overflow-x: auto; }
}
@media print {
  header, footer, [data-cookie-banner], .grid-bg { display: none !important; }
  body { color: #111; background: #fff; }
  .glass, .glass-strong { box-shadow: none; border: 1px solid #ddd; background: #fff; }
  .text-gradient, .text-gradient-primary { color: #111; background: none; }
}

/* Legal pages: 1:1 strukturirani pravni blokovi iz izvornog projekta */
.legal-version-badge{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;font-size:.75rem;line-height:1rem}
.legal-version-badge span{display:inline-flex;align-items:center;border:1px solid hsl(210 30% 20% / .6);border-radius:9999px;background:hsl(210 30% 18% / .6);padding:.25rem .75rem;color:hsl(210 40% 96% / .9);font-weight:500}.legal-version-badge span+span{background:hsl(210 30% 18% / .4);color:var(--muted-foreground)}
.legal-toc,.legal-compliance,.legal-ref-index{margin:1.5rem 0;border:1px solid hsl(210 30% 20% / .6);border-radius:1rem;background:hsl(222 47% 6% / .6)}
.legal-toc summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;cursor:pointer;list-style:none}.legal-toc summary::-webkit-details-marker{display:none}.legal-toc summary span{display:inline-flex;align-items:center;gap:.5rem;color:var(--foreground);font-size:.875rem;font-weight:600}.legal-toc summary svg:last-child{color:var(--muted-foreground);transition:transform .15s}.legal-toc details[open] summary svg:last-child{transform:rotate(180deg)}
.legal-toc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;padding:0 1.25rem 1.25rem}.legal-toc-grid a{display:flex;align-items:baseline;gap:.5rem;border-radius:.5rem;padding:.375rem .5rem;color:hsl(210 40% 96% / .8);font-size:.875rem;transition:background-color .15s,color .15s}.legal-toc-grid a:hover{background:var(--secondary);color:var(--foreground)}.legal-toc-grid a span{width:1.75rem;flex-shrink:0;color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.legal-toc-grid a strong{font-weight:500;line-height:1.35}
.legal-compliance,.legal-ref-index{padding:1.25rem}.legal-compliance>h2,.legal-ref-index>h2{margin:0 0 .75rem;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:hsl(210 40% 96% / .9)}.legal-compliance>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;list-style:none;padding:0;margin:0}.legal-compliance>ul>li{border:1px solid hsl(210 30% 20% / .6);border-radius:.75rem;background:hsl(222 47% 8% / .6);padding:.75rem}.legal-compliance li div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.legal-compliance li div strong{color:var(--foreground);font-size:.875rem}.legal-compliance li div span{display:inline-flex;border:1px solid hsl(210 30% 20% / .6);border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.legal-compliance .is-ok{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#6ee7b7}.legal-compliance .is-partial{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#fcd34d}.legal-compliance .is-neutral{background:var(--secondary);color:var(--muted-foreground)}.legal-compliance p{color:var(--muted-foreground);font-size:.75rem;line-height:1.6;margin:.5rem 0 0}.legal-compliance li ul{margin:.5rem 0 0;padding-left:1rem;color:hsl(210 40% 96% / .82);font-size:.75rem;line-height:1.55}.legal-compliance li li{margin:.125rem 0}
.legal-ref-index>p{color:var(--muted-foreground);font-size:.75rem;line-height:1.6;margin:0 0 .75rem}.legal-ref-index kbd{border:1px solid hsl(210 30% 20% / .6);border-radius:.25rem;background:var(--secondary);padding:.125rem .25rem;font-size:.625rem}.legal-table-wrap{overflow-x:auto;border:1px solid hsl(210 30% 20% / .6);border-radius:.75rem;margin:1rem 0}.legal-table-wrap table{width:100%;min-width:720px;font-size:.875rem}.legal-table-wrap th{background:hsl(210 30% 18% / .55);padding:.75rem 1rem;text-align:left;color:hsl(210 40% 96% / .82);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.legal-table-wrap td{padding:.75rem 1rem;color:var(--muted-foreground);vertical-align:top;border-top:1px solid hsl(210 30% 20% / .6)}.legal-table-wrap td:first-child,.legal-table-wrap td:nth-child(2){color:hsl(210 40% 96% / .9)}.legal-tags{display:flex;flex-wrap:wrap;gap:.375rem}.legal-tags span{display:inline-flex;border:1px solid hsl(210 30% 20% / .6);border-radius:.375rem;background:var(--secondary);padding:.125rem .375rem;color:hsl(210 40% 96% / .8);font-size:.6875rem}.wc-prose .legal-table-wrap{max-width:none}.wc-prose table{width:100%;min-width:720px}.wc-prose .not-prose{max-width:none}.wc-prose div.overflow-x-auto{max-width:none;overflow-x:auto;border:1px solid hsl(210 30% 20% / .6);border-radius:.75rem;margin:1rem 0}.wc-prose table th,.wc-prose table td{padding:.75rem 1rem;border-top:1px solid hsl(210 30% 20% / .6);text-align:left}.wc-prose table thead th{border-top:0;background:hsl(210 30% 18% / .55);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(210 40% 96% / .82)}.legal-revision-log{margin-top:3rem}.legal-related{margin-top:2rem;color:var(--muted-foreground);line-height:1.7}.legal-related a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.legal-page h2[id]{scroll-margin-top:6rem}
@media (max-width: 768px){.legal-toc-grid,.legal-compliance>ul{grid-template-columns:1fr}.legal-toc-grid{padding-left:1rem;padding-right:1rem}.legal-compliance,.legal-ref-index{padding:1rem}.legal-table-wrap table,.wc-prose table{min-width:620px}.legal-page article{padding-left:1rem;padding-right:1rem}.legal-version-badge span{font-size:.7rem}.legal-toc summary{padding:.75rem 1rem}}
@media (max-width: 480px){.legal-table-wrap table,.wc-prose table{min-width:560px}.legal-toc-grid a{font-size:.8125rem}.legal-compliance li ul{font-size:.72rem}}
.cookie-details{max-height:40vh;overflow-y:auto;padding-right:.25rem}.cookie-choice{display:flex;gap:.75rem;border:1px solid hsl(210 30% 20% / .6);border-radius:.75rem;background:hsl(222 47% 8% / .45);padding:.75rem;cursor:pointer}.cookie-choice input{margin-top:.2rem;width:1rem;height:1rem;accent-color:hsl(200 100% 60%)}.cookie-choice span{display:block;min-width:0}.cookie-choice strong{display:block;color:var(--foreground);font-size:.75rem;margin-bottom:.2rem}.cookie-choice small{display:block;color:var(--muted-foreground);font-size:.68rem;line-height:1.45}.cookie-choice.is-required{cursor:not-allowed;opacity:.85}

/* Finalni lokalni utility sloj za klase koje dolaze iz JSON pravnih blokova i cookie bannera. */
.border{border-width:1px}.my-4{margin-top:1rem;margin-bottom:1rem}.min-w-0{min-width:0}.bg-primary\/15{background-color:hsl(200 100% 60% / .15)}.bg-secondary\/50{background-color:hsl(213 40% 14% / .5)}.border-primary\/50{border-color:hsl(200 100% 60% / .5)}.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px}.divide-border\/60>:not([hidden])~:not([hidden]){border-color:hsl(210 30% 20% / .6)}
[data-billing-toggle] label[data-active="true"]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 10px 35px -10px hsl(200 100% 55% / .6),0 0 0 1px hsl(200 100% 60% / .25) inset}
.cookie-banner{max-width:min(32rem,calc(100vw - 1.5rem))}
@media (min-width:640px){.sm\:max-w-lg{max-width:32rem}}


/* Runtime visibility and responsive hardening for desktop + mobile. */
html, body { width: 100%; min-height: 100%; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { display: block; width: 100%; }
img { background: transparent; }
svg { flex-shrink: 0; }
#site-header { will-change: padding; }
#site-header .glass-strong { min-width: 0; }
#site-header .glass-strong > a { min-width: 0; max-width: min(68vw, 22rem); }
#site-header .glass-strong > a span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mobile-toggle] { flex: 0 0 auto; }
#mobile-menu a { width: 100%; }
section, article, aside, nav, form, footer, header { max-width: 100%; }
.wc-input { width: 100%; min-width: 0; border: 1px solid hsl(210 30% 20% / .75); background: hsl(213 40% 10% / .85); color: var(--foreground); border-radius: .75rem; padding: .75rem 1rem; outline: none; }
.wc-input:focus { border-color: hsl(200 100% 60% / .8); box-shadow: 0 0 0 3px hsl(200 100% 60% / .16); }
.wc-input::placeholder { color: hsl(210 20% 70% / .65); }
.wc-input[aria-invalid="true"] { border-color: hsl(0 80% 65% / .9); }
@media (max-width: 540px) {
  #site-header .glass-strong { padding-left: .75rem; padding-right: .75rem; }
  #site-header .glass-strong > a { max-width: calc(100vw - 7.5rem); }
  #top h1 { font-size: clamp(2.1rem, 10.5vw, 3rem); line-height: 1.06; }
  #top .grid-cols-2 { gap: .65rem; }
  #top .grid-cols-2 .glass { padding-left: .75rem; padding-right: .75rem; }
  .cookie-banner { max-height: calc(100dvh - 1.5rem); overflow-y: auto; }
}
@media (max-width: 380px) {
  .container { padding-inline: .85rem; }
  #site-header .text-lg { font-size: .95rem; }
  #top .grid-cols-2 { grid-template-columns: 1fr; }
  .text-4xl { font-size: 2rem; line-height: 1.1; }
}