@charset "utf-8";
/* Webfont (SUBSTITUT). GDPR: za polno skladnost fonte SAMOGOSTUJTE (glej README).
   Trenutno se nalagajo z Google Fonts CDN. */
/* Pisave - lokalno gostovane (brez Google Fonts CDN) */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/newsreader-latin-400-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/newsreader-latin-ext-400-italic.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/newsreader-latin-500-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/newsreader-latin-ext-500-italic.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ==========================================================================
   1. TOKENI
   ========================================================================== */
:root {
  /* Blue */
  --blue-50:#e8f5fb; --blue-100:#cbe9f5; --blue-200:#99d2ea; --blue-300:#5fb6d9;
  --blue-400:#2398c4; --blue-500:#0080b0; --blue-600:#006a93; --blue-700:#005577;
  --blue-800:#0a425c; --blue-900:#0c3144;
  /* Amber */
  --amber-50:#fff7e6; --amber-100:#ffedc2; --amber-200:#ffdc85; --amber-300:#ffca47;
  --amber-400:#ffb811; --amber-500:#ec9d00; --amber-600:#c07e00; --amber-700:#946100;
  --amber-800:#6e4900; --amber-900:#4a3100;
  /* Neutrals */
  --neutral-0:#ffffff; --neutral-50:#f6f8fa; --neutral-100:#edf1f5; --neutral-200:#dce3eb;
  --neutral-300:#c2ccd8; --neutral-400:#97a4b5; --neutral-500:#6b7888; --neutral-600:#4c5765;
  --neutral-700:#353e4c; --neutral-800:#1f2636; --neutral-900:#141925; --neutral-950:#0c1019;
  /* Status */
  --green-50:#e7f6ee; --green-500:#1f8a5b; --green-600:#16704a;
  --red-50:#fdecec; --red-500:#d9434e; --red-600:#b62f3a;
  /* Semantic */
  --color-bg:var(--neutral-0); --color-bg-subtle:var(--neutral-50); --color-bg-muted:var(--neutral-100);
  --surface-card:var(--neutral-0); --surface-dark:var(--neutral-900); --surface-dark-raised:var(--neutral-800);
  --surface-brand-soft:var(--blue-50); --surface-accent-soft:var(--amber-50);
  --text-strong:var(--neutral-900); --text-body:var(--neutral-700); --text-muted:var(--neutral-600);
  --text-subtle:var(--neutral-500); --text-inverse:var(--neutral-0); --text-inverse-muted:rgba(255,255,255,.82);
  --text-brand:var(--blue-600); --text-on-brand:var(--neutral-0); --text-on-accent:var(--neutral-900);
  --brand-primary:var(--blue-500); --brand-primary-hover:var(--blue-600); --brand-accent:var(--amber-400);
  --brand-accent-hover:var(--amber-500);
  --border:var(--neutral-200); --border-strong:var(--neutral-300); --border-dark:rgba(255,255,255,.12);
  --divider:var(--neutral-100); --ring:var(--blue-500); --link:var(--blue-600); --link-hover:var(--blue-700);
  /* Type */
  --font-sans:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-serif:'Newsreader',Georgia,'Times New Roman',serif;
  --font-body:var(--font-sans); --font-heading:var(--font-sans); --font-editorial:var(--font-serif);
  --text-2xs:.6875rem; --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-md:1.125rem;
  --text-lg:1.25rem; --text-xl:1.5rem; --text-2xl:1.875rem; --text-3xl:2.375rem; --text-4xl:3rem;
  --text-5xl:3.75rem; --text-6xl:clamp(2.6rem,7vw,4.75rem);
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --weight-extrabold:800;
  --leading-tight:1.12; --leading-snug:1.28; --leading-normal:1.55; --leading-relaxed:1.7;
  --tracking-tight:-.02em; --tracking-snug:-.01em; --tracking-eyebrow:.12em;
  /* Spacing */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem;
  --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem;
  --space-20:5rem; --space-24:6rem;
  --section-y:clamp(4rem,8vw,7.5rem); --section-y-tight:clamp(2.5rem,5vw,4rem);
  --container:1200px; --container-wide:1320px; --gutter:clamp(1.25rem,4vw,2.5rem);
  /* Effects */
  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:22px;
  --radius-2xl:28px; --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(12,16,25,.06);
  --shadow-sm:0 1px 3px rgba(12,16,25,.08),0 1px 2px rgba(12,16,25,.04);
  --shadow-md:0 4px 12px rgba(12,16,25,.08),0 2px 4px rgba(12,16,25,.04);
  --shadow-lg:0 12px 28px rgba(12,16,25,.10),0 4px 10px rgba(12,16,25,.05);
  --shadow-xl:0 24px 56px rgba(12,16,25,.14),0 8px 18px rgba(12,16,25,.06);
  --shadow-brand:0 12px 28px rgba(0,128,176,.24);
  --shadow-accent:0 12px 28px rgba(255,184,17,.30);
  --shadow-focus:0 0 0 3px rgba(0,128,176,.30);
  --blur-md:16px;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --dur-fast:140ms; --dur-base:220ms; --dur-slow:400ms;
  --gradient-brand:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);
  --gradient-ink:linear-gradient(160deg,#1b2233 0%,var(--neutral-900) 60%,var(--neutral-950) 100%);
}

/* ==========================================================================
   2. BAZA
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);
  font-weight:var(--weight-regular);color:var(--text-body);background:var(--color-bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5{margin:0;font-family:var(--font-heading);color:var(--text-strong);font-weight:var(--weight-bold);
  line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}
p{margin:0}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover)}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--amber-200);color:var(--neutral-900)}
:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-xs)}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);
  text-transform:uppercase;color:var(--text-brand)}

/* a11y */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:0;left:var(--space-4);transform:translateY(-120%);z-index:100;
  background:var(--brand-primary);color:var(--text-on-brand);font-weight:var(--weight-semibold);
  padding:.7rem 1.1rem;border-radius:0 0 var(--radius-md) var(--radius-md);
  transition:transform var(--dur-fast) var(--ease-out)}
.skip-link:focus{transform:translateY(0);box-shadow:var(--shadow-focus);color:var(--text-on-brand)}

/* Ikone */
.ico{width:1.25em;height:1.25em;flex:none;vertical-align:middle}

/* ==========================================================================
   3. GUMBI
   ========================================================================== */
.nv-btn{--_bg:var(--brand-primary);--_fg:var(--text-on-brand);--_bd:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-sans);
  font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:1;white-space:nowrap;
  border:1.5px solid var(--_bd);background:var(--_bg);color:var(--_fg);border-radius:var(--radius-pill);
  cursor:pointer;text-decoration:none;
  transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),
    box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}
.nv-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.nv-btn:hover,.nv-btn:focus,.nv-btn:active{color:var(--_fg)}
.nv-btn:active{transform:translateY(1px)}
.nv-btn--sm{font-size:var(--text-sm);padding:.5rem .95rem}
.nv-btn--md{font-size:var(--text-base);padding:.7rem 1.3rem}
.nv-btn--lg{font-size:var(--text-md);padding:.9rem 1.7rem}
.nv-btn--primary{--_bg:var(--blue-600);--_fg:var(--text-on-brand);box-shadow:var(--shadow-brand)}
.nv-btn--primary:hover{--_bg:var(--blue-700)}
.nv-btn--accent{--_bg:var(--brand-accent);--_fg:var(--text-on-accent);box-shadow:var(--shadow-accent)}
.nv-btn--accent:hover{--_bg:var(--brand-accent-hover)}
.nv-btn--secondary{--_bg:var(--neutral-0);--_fg:var(--text-strong);--_bd:var(--border-strong);box-shadow:var(--shadow-xs)}
.nv-btn--secondary:hover{--_bd:var(--brand-primary);--_fg:var(--text-brand)}
.nv-btn--ghost{--_bg:transparent;--_fg:var(--text-strong)}
.nv-btn--ghost:hover{--_bg:var(--color-bg-muted)}
.nv-btn--inverse{--_bg:var(--neutral-0);--_fg:var(--neutral-900)}
.nv-btn--inverse:hover{--_bg:var(--neutral-100)}
.nv-btn--block{display:flex;width:100%}

/* ==========================================================================
   4. ZNAČKE
   ========================================================================== */
.nv-badge{display:inline-flex;align-items:center;gap:.4em;font-weight:var(--weight-semibold);
  font-size:var(--text-xs);letter-spacing:var(--tracking-snug);line-height:1;padding:.4em .75em;
  border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap}
.nv-badge__dot{width:.5em;height:.5em;border-radius:50%;background:currentColor}
.nv-badge--brand{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-100)}
.nv-badge--accent{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-100)}

/* ==========================================================================
   5. KARTICE
   ========================================================================== */
.nv-card{position:relative;display:flex;flex-direction:column;background:var(--surface-card);
  border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.nv-card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-200)}
.nv-card--soft{background:var(--color-bg-subtle);border-color:transparent;box-shadow:none}
.nv-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;
  margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--blue-50);color:var(--blue-600)}
.nv-card__icon .ico{width:1.4rem;height:1.4rem}
.nv-card__icon--accent{background:var(--amber-50);color:var(--amber-700)}
.nv-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-strong);
  letter-spacing:var(--tracking-snug);margin:0 0 var(--space-2);line-height:var(--leading-snug)}
.nv-card__body{color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-normal)}

/* ==========================================================================
   6. POSTAVITEV / SEKCIJE
   ========================================================================== */
.section{padding:var(--section-y) 0;background:var(--color-bg)}
.section--subtle{background:var(--color-bg-subtle)}
.section--brandsoft{background:var(--surface-brand-soft)}
.section--dark{background:var(--gradient-ink)}
.s-head{max-width:720px;margin:0 auto var(--space-12);text-align:center}
.s-head--left{margin-inline:0;text-align:left}
.s-head__eyebrow{margin-bottom:var(--space-4);display:flex;justify-content:center}
.s-head--left .s-head__eyebrow{justify-content:flex-start}
.s-head__title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);
  color:var(--text-strong);line-height:var(--leading-tight);margin:0;text-wrap:balance}
.s-head--dark .s-head__title{color:var(--neutral-0)}
.s-head__lead{margin-top:var(--space-4);font-size:var(--text-md);line-height:var(--leading-normal);
  color:var(--text-body);max-width:620px;margin-inline:auto}
.s-head--left .s-head__lead{margin-inline:0}
.s-head--dark .s-head__lead{color:var(--text-inverse-muted)}

.grid{display:grid;gap:var(--space-5)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.grid-2{grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.grid-modules{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.center{text-align:center}
.mt-10{margin-top:var(--space-10)}

/* ==========================================================================
   7. NAVIGACIJA
   ========================================================================== */
.nv-nav{position:sticky;top:0;z-index:50;font-family:var(--font-sans);
  background:color-mix(in srgb,var(--neutral-0) 82%,transparent);
  backdrop-filter:saturate(140%) blur(var(--blur-md));-webkit-backdrop-filter:saturate(140%) blur(var(--blur-md));
  border-bottom:1px solid var(--border)}
.nv-nav__inner{max-width:var(--container-wide);margin-inline:auto;padding:.85rem var(--gutter);
  display:flex;align-items:center;gap:var(--space-6)}
.nv-logo{display:inline-flex;align-items:center;gap:.55em;text-decoration:none;line-height:1}
.nv-logo__mark{display:block;flex:none}
.nv-logo__word{font-weight:var(--weight-extrabold);letter-spacing:-.03em;color:var(--text-strong);font-size:22px}
.nv-logo__tld{color:var(--blue-600)}
.nv-logo--light .nv-logo__word{color:var(--neutral-0)}
.nv-logo--light .nv-logo__tld{color:var(--amber-400)}
.nv-nav__links{display:flex;align-items:center;gap:var(--space-6);margin-left:auto}
.nv-nav__link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-body);
  white-space:nowrap;padding:.35rem .15rem;border-bottom:2px solid transparent;
  transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.nv-nav__link:hover{color:var(--text-brand)}
.nv-nav__link[aria-current=page]{color:var(--text-brand);border-bottom-color:var(--brand-primary)}
.nv-nav__cta{margin-left:var(--space-2)}
/* Mobilni meni (native <details>, brez JS) */
.nv-m{display:none}
.nv-m>summary{list-style:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;color:var(--text-strong);margin-left:auto}
.nv-m>summary::-webkit-details-marker{display:none}
.nv-m>summary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.nv-m>summary:hover{border-color:var(--brand-primary);color:var(--text-brand)}
.nv-m__panel{position:absolute;left:0;right:0;background:var(--neutral-0);border-bottom:1px solid var(--border);
  padding:var(--space-3) var(--gutter) var(--space-5);box-shadow:var(--shadow-lg)}
.nv-m__panel a{display:block;padding:.85rem .25rem;font-size:var(--text-md);font-weight:var(--weight-semibold);
  color:var(--text-strong);border-bottom:1px solid var(--divider)}
.nv-m__panel a[aria-current=page]{color:var(--text-brand)}
.nv-m__panel .nv-btn{margin-top:var(--space-4)}

/* ==========================================================================
   8. HERO
   ========================================================================== */
.hero{position:relative;overflow:hidden;background:var(--color-bg);padding-top:var(--space-20);padding-bottom:var(--section-y)}
.hero__mark{position:absolute;left:-120px;bottom:-120px;width:420px;opacity:.05;pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-16);align-items:center}
.hero h1{font-size:var(--text-6xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:1.04;
  margin:var(--space-5) 0 0;color:var(--text-strong);text-wrap:balance}
.hero h1 em{font-family:var(--font-editorial);font-style:italic;font-weight:500;color:var(--blue-600)}
.hero__lead{margin-top:var(--space-6);font-size:var(--text-md);line-height:var(--leading-normal);
  color:var(--text-body);max-width:520px}
.hero__cta{margin-top:var(--space-8);display:flex;gap:var(--space-3);flex-wrap:wrap}
.hero__trust{margin-top:var(--space-10);display:flex;gap:var(--space-8);flex-wrap:wrap}
.hero__trust span{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--text-body)}
.hero__trust .ico{color:var(--blue-500);width:17px;height:17px}

/* AI pomočnik (signature) */
.ai{background:var(--surface-dark);border-radius:var(--radius-2xl);border:1px solid var(--border-dark);
  box-shadow:var(--shadow-xl);padding:var(--space-5);color:var(--text-inverse-muted);max-width:420px;width:100%}
.ai__head{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-4)}
.ai__avatar{width:34px;height:34px;border-radius:var(--radius-md);background:var(--gradient-brand);
  display:inline-flex;align-items:center;justify-content:center;color:#fff}
.ai__name{color:#fff;font-weight:700;font-size:var(--text-sm)}
.ai__status{font-size:var(--text-xs);color:#2faf74;display:flex;align-items:center;gap:5px}
.ai__status i{width:6px;height:6px;border-radius:50%;background:#2faf74;display:inline-block}
.ai__q{display:flex;justify-content:flex-end;margin-bottom:12px}
.ai__q span{background:var(--blue-600);color:#fff;padding:10px 14px;border-radius:16px 16px 4px 16px;
  font-size:var(--text-sm);max-width:80%}
.ai__a{background:var(--surface-dark-raised);border:1px solid var(--border-dark);padding:13px 15px;
  border-radius:16px 16px 16px 4px;font-size:var(--text-sm);line-height:1.55}
.ai__a b{color:#fff}
.ai__list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.ai__list li{display:flex;gap:8px}
.ai__list li::before{content:"•";color:var(--amber-400)}
.ai__sug{margin-top:13px;padding:11px;background:rgba(0,128,176,.16);border-radius:10px;display:flex;
  align-items:center;justify-content:space-between;gap:10px}
.ai__sug span{font-size:var(--text-xs)}
.ai__sug b{color:var(--blue-300)}
.ai__sug .tag{background:var(--blue-600);color:#fff;font-size:var(--text-xs);font-weight:700;padding:5px 12px;border-radius:999px}

/* ==========================================================================
   9. TEMNI PRODUKTNI PAS
   ========================================================================== */
.feat{list-style:none;margin:0;padding:0}
.feat li{display:flex;gap:12px;align-items:flex-start;padding:7px 0}
.feat .chk{flex:none;margin-top:1px;width:22px;height:22px;border-radius:50%;background:var(--blue-500);color:#fff;
  display:inline-flex;align-items:center;justify-content:center}
.feat .chk--accent{background:var(--amber-400);color:var(--neutral-900)}
.feat .chk .ico{width:14px;height:14px}
.feat span.t{color:var(--text-inverse);font-size:var(--text-base);line-height:1.5}
.modtile{background:var(--surface-dark-raised);border:1px solid var(--border-dark);border-radius:var(--radius-lg);
  padding:var(--space-5);color:#fff;display:flex;flex-direction:column;gap:10px}
.modtile--ai{background:var(--gradient-brand)}
.modtile .ico{color:var(--blue-300);width:22px;height:22px}
.modtile--ai .ico{color:#fff}
.modtile b{font-weight:700;font-size:var(--text-base)}
.statrow{margin-top:var(--space-16);display:flex;gap:var(--space-12);flex-wrap:wrap;
  border-top:1px solid var(--border-dark);padding-top:var(--space-10)}
.nv-stat{display:flex;flex-direction:column;gap:.25rem}
.nv-stat__value{font-weight:var(--weight-extrabold);font-size:var(--text-4xl);line-height:1;
  letter-spacing:var(--tracking-tight);color:var(--neutral-0)}
.nv-stat__label{font-size:var(--text-sm);color:var(--text-inverse-muted);font-weight:var(--weight-medium)}

/* ==========================================================================
   10. KORAKI (pristop)
   ========================================================================== */
.step{position:relative;padding-top:var(--space-6)}
.step__num{position:absolute;top:0;left:0;font-size:var(--text-2xl);font-weight:800;color:var(--blue-300)}
.step__ico{display:inline-flex;margin:18px 0 14px;width:48px;height:48px;border-radius:var(--radius-md);
  background:#fff;box-shadow:var(--shadow-sm);align-items:center;justify-content:center;color:var(--blue-600)}
.step h3{font-size:var(--text-xl);font-weight:700;color:var(--text-strong);margin:0 0 8px}
.step p{color:var(--text-body);line-height:1.55}

/* ==========================================================================
   11. CITAT / FAQ
   ========================================================================== */
.quote{max-width:820px;margin:0 auto;text-align:center}
.quote blockquote{margin:0;font-family:var(--font-editorial);font-style:italic;font-size:var(--text-3xl);
  line-height:1.3;color:var(--text-strong);text-wrap:balance}
.quote figcaption{margin-top:var(--space-6)}
.faqwrap{max-width:760px;margin:0 auto}
.nv-faq{border-bottom:1px solid var(--border)}
.nv-faq>summary{list-style:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  cursor:pointer;padding:var(--space-5) 0;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-strong)}
.nv-faq>summary::-webkit-details-marker{display:none}
.nv-faq>summary:hover{color:var(--text-brand)}
.nv-faq>summary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.nv-faq__icon{flex:none;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);display:inline-flex;
  align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-600);font-size:1.2rem;
  line-height:1;transition:transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
.nv-faq[open] .nv-faq__icon{transform:rotate(45deg);background:var(--blue-600);color:var(--text-on-brand)}
.nv-faq__body{padding:0 0 var(--space-5);color:var(--text-body);line-height:var(--leading-relaxed);max-width:60ch}

/* ==========================================================================
   12. CTA PAS
   ========================================================================== */
.cta{background:var(--gradient-ink);padding:var(--section-y) 0;position:relative;overflow:hidden}
.cta__mark{position:absolute;right:-80px;top:-60px;width:360px;opacity:.07;pointer-events:none}
.cta__inner{position:relative;text-align:center;max-width:760px;margin-inline:auto}
.cta h2{font-size:var(--text-4xl);font-weight:800;color:#fff;letter-spacing:var(--tracking-tight);
  line-height:1.1;margin:0;text-wrap:balance}
.cta__lead{margin-top:var(--space-5);font-size:var(--text-md);color:var(--text-inverse-muted);max-width:560px;margin-inline:auto}
.cta__btns{margin-top:var(--space-8);display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}
.cta__alt{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-inverse-muted)}
.cta__alt a{color:var(--amber-300)}

/* ==========================================================================
   13. NOGA
   ========================================================================== */
.foot{background:var(--gradient-ink);color:var(--text-inverse-muted)}
.foot__inner{max-width:var(--container-wide);margin-inline:auto;padding:var(--space-20) var(--gutter) var(--space-10)}
.foot__top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:var(--space-10)}
.foot__slogan{font-family:var(--font-editorial);font-style:italic;font-size:var(--text-lg);color:var(--neutral-0);
  margin:var(--space-5) 0 var(--space-4);max-width:30ch;line-height:var(--leading-snug)}
.foot__reg{font-size:var(--text-xs);color:var(--text-inverse-muted);line-height:1.6;max-width:34ch}
.foot__col h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);
  color:var(--amber-300);margin:0 0 var(--space-4);font-weight:var(--weight-bold)}
.foot__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.foot__col a{color:var(--text-inverse-muted);font-size:var(--text-sm);transition:color var(--dur-fast) var(--ease-out)}
.foot__col a:hover{color:var(--neutral-0)}
.foot__bar{margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--border-dark);
  display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;font-size:var(--text-xs);color:var(--text-inverse-muted)}
.foot__bar a{color:var(--text-inverse-muted)}
.foot__bar a:hover{color:var(--neutral-0)}

/* ==========================================================================
   14. ODZIVNOST
   ========================================================================== */
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:var(--space-10)}
  .hero__visual{display:flex;justify-content:center}
  .grid-2{grid-template-columns:1fr;gap:var(--space-10)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr}
}
@media (max-width:980px){
  .nv-nav__links,.nv-nav__cta,.nv-nav__login{display:none}
  .nv-m{display:block;margin-left:auto;margin-right:.25rem;position:static}
  .nv-nav__inner{position:relative}
}
@media (max-width:760px){
  .foot__top{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
  .grid-4{grid-template-columns:1fr}
  .grid-modules{grid-template-columns:1fr 1fr}
  .statrow{gap:var(--space-8)}
}
@media (max-width:420px){
  .hero__trust{gap:var(--space-5)}
  .nv-btn--lg{width:100%}
  .hero__cta .nv-btn{width:100%}
}

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

/* ==========================================================================
   15. PODSTRANI (hero, fotografije, detajli)
   ========================================================================== */
.page-hero{background:var(--gradient-ink);padding:var(--space-20) 0 var(--space-16);position:relative;overflow:hidden}
.page-hero__mark{position:absolute;right:-90px;top:-70px;width:360px;opacity:.06;pointer-events:none}
.page-hero .container{position:relative;max-width:760px}
.page-hero h1{font-size:var(--text-5xl);font-weight:800;color:#fff;letter-spacing:var(--tracking-tight);line-height:1.06;margin:var(--space-5) 0 0;text-wrap:balance}
.page-hero__lead{margin-top:var(--space-5);font-size:var(--text-md);color:var(--text-inverse-muted);max-width:600px;line-height:1.6}

.photo{aspect-ratio:4/3;border-radius:var(--radius-xl);border:1px solid var(--border);
  background:linear-gradient(135deg,var(--blue-50),var(--neutral-50));display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-weight:600;
  font-size:var(--text-sm);text-align:center;padding:var(--space-6)}
.photo .ico{width:28px;height:28px;color:var(--blue-400)}

.details{display:flex;flex-direction:column;gap:var(--space-16)}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}
.detail--rev .detail__media{order:-1}
.detail__ico{display:inline-flex;width:52px;height:52px;border-radius:var(--radius-md);background:var(--blue-50);
  color:var(--blue-600);align-items:center;justify-content:center;margin-bottom:16px}
.detail__ico--accent{background:var(--amber-50);color:var(--amber-700)}
.detail h2{font-size:var(--text-2xl);font-weight:800;color:var(--text-strong);margin:0 0 10px}
.detail__lead{color:var(--text-body);font-size:var(--text-md);line-height:1.6;margin-bottom:14px}

/* svetli seznam s kljukicami */
.checks{list-style:none;margin:0;padding:0}
.checks li{display:flex;gap:12px;align-items:flex-start;padding:7px 0;color:var(--text-body);font-size:var(--text-base);line-height:1.5}
.checks .chk{flex:none;margin-top:1px;width:22px;height:22px;border-radius:50%;background:var(--blue-500);color:#fff;
  display:inline-flex;align-items:center;justify-content:center}
.checks .chk--accent{background:var(--amber-400);color:var(--neutral-900)}
.checks .chk .ico{width:14px;height:14px}

/* problem -> rešitev */
.prosol{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}
.nv-card.card-danger{border-color:#f0c4c8}
.nv-card.card-brand{background:var(--surface-brand-soft);border-color:var(--blue-100);box-shadow:none}
.prosol h3{font-size:var(--text-lg);font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.prosol h3.bad{color:var(--red-600)} .prosol h3.good{color:var(--blue-700)}
.prosol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:var(--text-body)}
.prosol li{display:flex;gap:10px}
.prosol li .ico{flex:none;margin-top:3px;width:16px;height:16px}
.prosol li .ico.bad{color:var(--red-500)} .prosol li .ico.good{color:var(--blue-600)}

.aipoints{display:flex;gap:var(--space-8);flex-wrap:wrap;margin-top:var(--space-6)}
.aipoints span{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600}
.aipoints .ico{color:var(--amber-400)}

.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.module h3{font-size:var(--text-base);font-weight:700;color:var(--text-strong);margin:0 0 12px}
.module ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.module li{display:flex;gap:9px;font-size:var(--text-sm);color:var(--text-body);line-height:1.4}
.module li .ico{flex:none;margin-top:2px;width:15px;height:15px;color:var(--blue-500)}

.grid-2cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.pkgcard__ico{display:inline-flex;width:46px;height:46px;border-radius:var(--radius-md);background:var(--blue-50);
  color:var(--blue-600);align-items:center;justify-content:center;margin-bottom:14px}
.pkgcard__ico--accent{background:var(--amber-50);color:var(--amber-700)}
.pkgcard h3{font-size:var(--text-lg);font-weight:700;color:var(--text-strong);margin:0 0 12px}

/* ==========================================================================
   16. KONTAKT / OBRAZEC
   ========================================================================== */
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-12);align-items:start}
.formcard{padding:var(--space-8)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.formfields{display:flex;flex-direction:column;gap:var(--space-5)}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:var(--text-sm);font-weight:600;color:var(--text-strong)}
.field .req{color:var(--red-600)}
.field input,.field textarea{width:100%;padding:.7rem .9rem;border:1.5px solid var(--border-strong);
  border-radius:var(--radius-md);background:#fff;color:var(--text-strong);font-size:var(--text-base);font-family:inherit;
  transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--shadow-focus)}
.field input::placeholder,.field textarea::placeholder{color:var(--text-subtle)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-sm);color:var(--text-muted)}
.consent input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--blue-600)}
.consent a{color:var(--link);text-decoration:underline}
.formnote{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:0}
.contact__side{display:flex;flex-direction:column;gap:var(--space-4)}
.contact__side a{text-decoration:none}
.cdetail{flex-direction:row;align-items:center;gap:14px;padding:var(--space-5)}
.cdetail__ico{flex:none;width:44px;height:44px;border-radius:var(--radius-md);background:var(--blue-50);
  color:var(--blue-600);display:inline-flex;align-items:center;justify-content:center}
.cdetail__k{display:block;font-size:var(--text-xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.cdetail__v{display:block;font-weight:700;color:var(--text-strong)}
.formok{text-align:center;max-width:560px;margin:0 auto;padding:var(--space-12) var(--space-6)}
.formok__ico{display:inline-flex;width:64px;height:64px;border-radius:50%;background:var(--green-50);
  color:var(--green-500);align-items:center;justify-content:center;margin-bottom:18px}
.formok__ico .ico{width:32px;height:32px}

/* ==========================================================================
   17. PROZA / PRAVNE STRANI
   ========================================================================== */
.prose{max-width:72ch;margin:0 auto}
.prose h2{font-size:var(--text-2xl);margin:var(--space-10) 0 var(--space-3)}
.prose h3{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-2)}
.prose p,.prose li{color:var(--text-body);line-height:var(--leading-relaxed)}
.prose ul{padding-left:1.2em;display:flex;flex-direction:column;gap:.4rem;margin:var(--space-3) 0}
.prose a{color:var(--link);text-decoration:underline}
.prose__updated{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-8)}
.prose__note{background:var(--amber-50);border:1px solid var(--amber-100);border-radius:var(--radius-md);
  padding:var(--space-4);font-size:var(--text-sm);color:var(--amber-800);margin-bottom:var(--space-8)}
.prose table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--text-sm)}
.prose th,.prose td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}
.prose th{color:var(--text-strong)}

/* ==========================================================================
   18. GUMB "NA VRH STRANI"
   ========================================================================== */
.totop{position:fixed;right:clamp(1rem,3vw,2rem);bottom:calc(clamp(1rem,3vw,2rem) + 140px);z-index:9999;width:48px;height:48px;
  border-radius:var(--radius-pill);background:var(--blue-600);color:#fff;display:inline-flex;align-items:center;
  justify-content:center;box-shadow:var(--shadow-lg);border:none;cursor:pointer;text-decoration:none;
  opacity:1;visibility:visible;
  transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base)}
.totop svg,.totop .ico{width:22px;height:22px}
.totop:hover{background:var(--blue-700);color:#fff}
.totop:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.totop.totop--hidden{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}

/* ==========================================================================
   19. DODATNA ODZIVNOST
   ========================================================================== */
@media (max-width:980px){
  .detail{grid-template-columns:1fr;gap:var(--space-8)}
  .detail--rev .detail__media{order:0}
  .prosol{grid-template-columns:1fr}
  .modules{grid-template-columns:1fr 1fr}
  .contact{grid-template-columns:1fr;gap:var(--space-10)}
  .grid-2cards{grid-template-columns:1fr}
}
@media (max-width:620px){
  .form-grid{grid-template-columns:1fr}
  .modules{grid-template-columns:1fr}
  .page-hero h1{font-size:var(--text-4xl)}
}

/* ==========================================================================
   20. VIDEO OZADJE (stran Rešitve in storitve)
   ========================================================================== */
.media-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--border);background:linear-gradient(135deg,var(--blue-600),var(--blue-800));
  box-shadow:var(--shadow-md)}
.media-video__el{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover}
/* prekrivni sloj: prepreči klik/hover (skrije kontrole in vir) + nežna vinjeta */
.media-video__veil{position:absolute;inset:0;cursor:default;
  background:linear-gradient(120deg,rgba(20,25,37,.22),rgba(0,128,176,.05) 42%,rgba(20,25,37,0) 70%)}
.media-video__el[data-src]{opacity:0}
.media-video__el{opacity:1;transition:opacity .4s ease}

/* ==========================================================================
   21. VEČJI LOGOTIP + BOLJ BERLJIV GLAVNI MENI
   ========================================================================== */
.nv-nav .nv-logo__mark{width:61px;height:61px}      /* 2x (prej 38px) */
.nv-nav .nv-logo__word{font-size:35px}              /* 2x (prej 22px) */
.nv-nav__link{font-size:1.0625rem;font-weight:600}  /* večja, berljivejša pisava menija */
.nv-nav__links{gap:var(--space-7)}
@media (max-width:680px){
  .nv-nav .nv-logo__mark{width:40px;height:40px}
  .nv-nav .nv-logo__word{font-size:24px}
}

/* ==========================================================================
   22. VEČ RAZMIKA V MENIJU + KARTICI PREJ/POTEM
   ========================================================================== */
.nv-nav__links{gap:clamp(1.6rem,3vw,3rem)}

.prosol{position:relative}
.prosol__tag{display:inline-block;font-size:var(--text-xs);font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;padding:3px 11px;border-radius:999px;margin-bottom:12px}
.prosol__tag--before{background:#fdecea;color:var(--red-600)}
.prosol__tag--after{background:var(--blue-50);color:var(--blue-700)}
.prosol__arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;
  align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:3px solid #fff}
.prosol__arrow svg{width:22px;height:22px}
@media (max-width:980px){ .prosol__arrow{display:none} }

/* ==========================================================================
   23. NOGA - ISL hitra podpora (poudarjen gumb)
   ========================================================================== */
.foot__col a.foot__isl{display:inline-flex;align-items:center;gap:9px;background:var(--amber-400);color:var(--neutral-900);
  font-weight:800;padding:.6rem 1.05rem;border-radius:999px;text-decoration:none;font-size:.95rem;
  box-shadow:0 8px 20px -8px rgba(0,0,0,.55);transition:background .15s ease,transform .15s ease}
.foot__col a.foot__isl:hover{background:var(--amber-500);color:var(--neutral-900);transform:translateY(-1px)}
.foot__isl svg{width:18px;height:18px}
.foot__isl-note{display:block;margin:8px 0 14px;font-size:var(--text-xs);color:rgba(255,255,255,.55)}

/* ==========================================================================
   24. PRIJAVA (povezava na Odoo portal /my)
   ========================================================================== */
.nv-nav__login{display:inline-flex;align-items:center;gap:7px;font-size:1.0625rem;font-weight:600;
  color:var(--text-body);text-decoration:none;padding:.45rem .8rem;border-radius:999px;white-space:nowrap;
  transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.nv-nav__login:hover{color:var(--text-brand);background:var(--blue-50)}
.nv-nav__login svg{width:18px;height:18px}
.nv-m__login{display:flex;align-items:center;gap:8px}
.nv-m__login svg{width:18px;height:18px}

/* ==========================================================================
   25. MNENJA STRANK (razporejena po straneh)
   ========================================================================== */
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(1rem,2vw,1.5rem);margin-top:var(--space-8)}
.tcard{background:var(--surface,#fff);border:1px solid var(--line,#e4e9f0);border-radius:16px;
  padding:26px 24px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(20,25,37,.05)}
.tcard__q{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-style:italic;
  font-size:1.0625rem;line-height:1.55;color:var(--text-strong,#141925);margin:0;position:relative}
.tcard__q::before{content:'\201C';font-family:'Newsreader',Georgia,serif;font-style:normal;
  font-size:2.6rem;line-height:0;color:var(--blue-300,#9fd2ea);margin-right:.12em;vertical-align:-.42em}
.tcard__a{margin-top:16px;font-weight:700;font-size:.9rem;color:var(--blue-700,#005577)}

/* ===== Landing CRO (poslovanje.online) ===== */
.page-hero__cta{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.page-hero__reassure{font-size:var(--text-sm);color:var(--text-inverse-muted);margin:0}
.section--tight{padding-block:clamp(1.2rem,3vw,2.2rem)}
.audience{max-width:64ch;margin:0 auto var(--space-5);text-align:center;color:var(--text-body);font-size:var(--text-lg)}
.trustbar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.6rem}
.trustbar li{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted);font-weight:600;font-size:var(--text-sm)}
.trustbar li svg{width:18px;height:18px;color:var(--brand-primary);flex:0 0 auto}
.benefits{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.benefits li{display:flex;gap:.7rem;align-items:flex-start}
.benefits li .ico{flex:0 0 auto;margin-top:2px}
.midcta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-top:var(--space-8)}
.midcta__note{font-size:var(--text-sm);color:var(--text-muted);margin:0}
.faq{max-width:760px;margin:var(--space-6) auto 0;display:flex;flex-direction:column;gap:.6rem}
.faq details{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;overflow:hidden}
.faq summary{cursor:pointer;padding:1rem 1.1rem;font-weight:700;color:var(--text-body);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.35rem;color:var(--brand-primary);font-weight:400;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details[open] summary{border-bottom:1px solid var(--border)}
.faq details p{margin:0;padding:1rem 1.1rem;color:var(--text-body)}
@media(min-width:720px){.benefits{grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-8)}}
.customdev{display:flex;gap:1.2rem;align-items:flex-start;margin-top:var(--space-8);padding:clamp(1.2rem,3vw,1.8rem);background:var(--blue-50);border:1px solid var(--border);border-radius:var(--radius-lg)}
.customdev__ico{flex:0 0 auto;width:48px;height:48px;border-radius:var(--radius-md);background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center}
.customdev__ico svg{width:24px;height:24px}
.customdev h3{margin:0 0 .35rem;font-size:var(--text-lg)}
.customdev p{margin:0;color:var(--text-body)}

/* Popravek vrstnega reda: na mobilcu skrij namizno Prijavo/CTA/menije (sicer Prijava potisne hamburger čez rob) */
@media (max-width:980px){
  .nv-nav__links,.nv-nav__cta,.nv-nav__login{display:none}
}

/* ===== AI simulacija: klikabilna ===== */
.ai-link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-xl);transition:transform .2s ease}
.ai-link:hover{transform:translateY(-4px)}
.ai-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.ai-link__hint{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:var(--space-4);color:var(--text-brand);font-weight:var(--weight-semibold);font-size:var(--text-sm)}
.ai-link__hint .ico{width:1rem;height:1rem;transition:transform .2s ease}
.ai-link:hover .ai-link__hint .ico{transform:translateX(4px)}

/* ===== "Vam je znano?" kartice tezav ===== */
.painc{text-decoration:none;color:inherit}
.painc .painc__txt{font-weight:var(--weight-semibold);color:var(--text-strong);line-height:var(--leading-snug);margin-top:var(--space-3)}
.painc__go{margin-top:auto;padding-top:var(--space-4);display:inline-flex;align-items:center;gap:.4rem;color:var(--text-brand);font-weight:var(--weight-semibold);font-size:var(--text-sm)}
.painc__go .ico{width:1rem;height:1rem;transition:transform .2s ease}
.painc:hover .painc__go .ico{transform:translateX(4px)}
.painnote{text-align:center;max-width:680px;margin:var(--space-10) auto 0;font-size:var(--text-md);color:var(--text-body)}

/* ===== AI sklop (#ai-pomocnik) ===== */
#ai-pomocnik{scroll-margin-top:90px}
.aiuse__c{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-6)}
.aiuse__ico{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background:rgba(0,106,147,.35);color:var(--blue-200)}
.aiuse__ico .ico{width:1.4rem;height:1.4rem}
.aiuse__c h3{color:var(--neutral-0);font-size:var(--text-lg);font-weight:var(--weight-bold);margin:var(--space-4) 0 var(--space-2)}
.aiuse__c p{color:var(--text-inverse-muted);margin:0;line-height:var(--leading-normal)}
.aiuse__note{color:var(--text-inverse-muted);font-size:var(--text-sm);margin:var(--space-4) 0 0}

/* AI namig na temni sekciji - svetlejsi, da je viden in jasno klikabilen */
.section--dark .ai-link__hint{color:var(--blue-200)}