/* Font display swap za hitrejši first paint */
    @font-face { font-display: swap; }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --navy:   #1a3a5c;
      --blue:   #2b5fa8;
      --accent: #3a7bd5;
      --cream:  #f0ede8;
      --dark:   #3a3d42;
      --white:  #ffffff;
      --light:  #e8e4de;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Barlow', sans-serif;
      background: var(--cream);
      color: var(--navy);
      overflow-x: hidden;
    }

    /* ── NAVBAR ── */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 6vw;
      height: 72px;
      background: rgba(240,237,232,0.95);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(26,58,92,0.1);
      transition: box-shadow .3s;
    }
    nav.scrolled { box-shadow: 0 4px 24px rgba(26,58,92,0.12); }

    .nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
    .nav-hex {
      width: 40px; height: 46px;
      display: flex; align-items: center; justify-content: center;
    }
    .nav-hex svg { width: 40px; height: 40px; }
    .nav-brand { display: flex; flex-direction: column; line-height: 1; }
    .nav-brand span:first-child {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.35rem; font-weight: 800; letter-spacing: .06em;
      color: var(--navy);
    }
    .nav-brand span:last-child {
      font-size: .62rem; font-weight: 600; letter-spacing: .18em;
      color: var(--blue); text-transform: uppercase; margin-top: 1px;
    }

    .nav-links { display: flex; gap: 36px; list-style: none; align-items: center; }
    .nav-links a {
      text-decoration: none; font-size: .88rem; font-weight: 600;
      letter-spacing: .07em; text-transform: uppercase; color: var(--navy);
      position: relative; padding-bottom: 3px; transition: color .2s;
    }
    .nav-links a::after {
      content: ''; position: absolute; bottom: 0; left: 0;
      width: 0; height: 2px; background: var(--blue);
      transition: width .25s ease;
    }
    .nav-links a:hover { color: var(--blue); }
    .nav-links a:hover::after { width: 100%; }

    .nav-cta {
      background: var(--navy); color: var(--white) !important;
      padding: 8px 22px !important; border-radius: 3px;
      letter-spacing: .08em !important;
      line-height: normal !important;
      vertical-align: middle;
    }
    .nav-cta::after { display: none !important; }
    .nav-cta:hover { background: var(--blue) !important; color: var(--white) !important; }

    .hamburger { display: none; cursor: pointer; flex-direction: column; gap: 5px; }
    .hamburger span { display: block; width: 24px; height: 2px; background: var(--navy); transition: .3s; }

    /* ── HERO ── */
    #domov {
      min-height: 100vh;
      display: flex; align-items: center;
      padding: 120px 6vw 80px;
      position: relative; overflow: hidden;
    }

    .hero-bg {
      position: absolute; inset: 0; z-index: 0;
      background: var(--cream);
    }
    .hero-bg::before {
      content: '';
      position: absolute; top: -10%; right: -5%;
      width: 60vw; height: 110%;
      background: linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);
      clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    /* Hex grid decoration */
    .hex-deco {
      position: absolute; right: 4vw; top: 50%;
      transform: translateY(-50%);
      opacity: .07; z-index: 1;
      display: grid; grid-template-columns: repeat(4, 60px); gap: 8px;
    }
    .hex-deco-item {
      width: 60px; height: 68px;
      background: var(--white);
      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }

    .hero-content { position: relative; z-index: 2; max-width: 620px; }

    .hero-tag {
      display: inline-flex; align-items: center; gap: 10px;
      font-size: .75rem; font-weight: 700; letter-spacing: .2em;
      text-transform: uppercase; color: var(--accent);
      margin-bottom: 24px;
    }
    .hero-tag::before {
      content: ''; display: block; width: 28px; height: 2px; background: var(--accent);
    }

    .hero-h1 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2.8rem, 5.5vw, 5rem);
      font-weight: 800; line-height: 1.0;
      letter-spacing: .02em; color: var(--navy);
      margin-bottom: 20px;
    }
    .hero-h1 em { font-style: normal; color: var(--blue); }

    .hero-sub {
      font-size: 1.05rem; line-height: 1.7; color: #4a5568;
      max-width: 520px; margin-bottom: 44px;
    }

    .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }
    .btn-primary {
      background: var(--navy); color: var(--white);
      padding: 14px 32px; border-radius: 3px;
      font-size: .88rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; text-decoration: none;
      transition: background .2s, transform .2s;
    }
    .btn-primary:hover { background: var(--blue); transform: translateY(-2px); }
    .btn-outline {
      border: 2px solid var(--navy); color: var(--navy);
      padding: 12px 30px; border-radius: 3px;
      font-size: .88rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; text-decoration: none;
      transition: all .2s;
    }
    .btn-outline:hover { background: var(--navy); color: var(--white); transform: translateY(-2px); }

    .hero-stats {
      display: flex; gap: 48px; margin-top: 60px;
      padding-top: 40px; border-top: 1px solid rgba(26,58,92,0.15);
    }
    .stat-num {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 2.2rem; font-weight: 800; color: var(--navy); line-height: 1;
    }
    .stat-num span { color: var(--blue); }
    .stat-label { font-size: .78rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6b7280; margin-top: 4px; }

    .hero-visual {
      position: absolute; right: 6vw; top: 50%;
      transform: translateY(-50%);
      z-index: 2;
    }
    .big-hex {
      width: 340px; height: 340px;
      display: flex; align-items: center; justify-content: center;
    }
    .big-hex svg { width: 100%; height: 100%; filter: drop-shadow(0 20px 60px rgba(26,58,92,0.3)); }

    /* ── SECTION COMMON ── */
    section { padding: 100px 6vw; }
    .section-tag {
      display: inline-flex; align-items: center; gap: 10px;
      font-size: .8rem; font-weight: 700; letter-spacing: .22em;
      text-transform: uppercase; color: var(--blue); margin-bottom: 16px;
    }
    .section-tag::before { content: ''; display: block; width: 24px; height: 2px; background: var(--blue); }
    .section-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2.2rem, 3.8vw, 3.2rem);
      font-weight: 800; letter-spacing: .02em;
      line-height: 1.1; color: var(--navy);
      margin-bottom: 16px;
    }
    .section-title em { font-style: normal; color: var(--blue); }
    .section-sub { font-size: 1.1rem; line-height: 1.75; color: #4a5568; max-width: 580px; }

    /* ── O NAS ── */
    #onas { background: var(--white); }
    /* ── O NAS ── */
    #onas { background: var(--white); }
    .onas-grid {
      display: grid; grid-template-columns: 1fr 260px;
      gap: 80px; align-items: stretch; margin-top: 60px;
    }
    .onas-text p { font-size: 1.08rem; line-height: 1.85; color: #4a5568; margin-bottom: 20px; }

    .direktor-card {
      background: var(--white);
      border: 1px solid var(--light);
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0 8px 32px rgba(26,58,92,0.07);
      max-width: 260px;
      height: 100%;
      display: flex; flex-direction: column;
    }
    .direktor-photo-wrap {
      position: relative;
      width: 100%;
      height: 310px;
      overflow: hidden;
      background: #f5f3f0;
    }
    .direktor-photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 32%;
      display: block;
    }
    .direktor-photo-wrap::after {
      content: '';
      position: absolute; bottom: 0; left: 0; right: 0;
      height: 60px;
      background: linear-gradient(to bottom, transparent, var(--white));
    }
    .direktor-photo-wrap::after {
      content: '';
      position: absolute; bottom: 0; left: 0; right: 0;
      height: 40px;
      background: linear-gradient(to bottom, transparent, var(--white));
    }
    .direktor-info {
      padding: 16px 20px 22px;
      border-top: 3px solid var(--blue);
      display: flex; flex-direction: column; flex: 1;
    }
    .direktor-name {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.35rem; font-weight: 800;
      letter-spacing: .04em; color: var(--navy);
      display: block; margin-bottom: 3px;
    }
    .direktor-role {
      font-size: .68rem; font-weight: 700; letter-spacing: .18em;
      text-transform: uppercase; color: var(--blue);
      display: block; margin-bottom: 12px;
      white-space: nowrap;
    }
    .direktor-divider { display: none; }
    .direktor-quote {
      font-size: .84rem; line-height: 1.65; color: #6b7280;
      font-style: italic; padding-left: 10px;
      border-left: 2px solid var(--light);
    }
    .direktor-contact {
      display: flex; gap: 8px; margin-top: auto;
      padding-top: 14px; border-top: 1px solid var(--light);
    }
    .direktor-contact a {
      display: inline-flex; align-items: center; gap: 6px;
      font-size: .76rem; font-weight: 600; color: var(--navy);
      text-decoration: none; transition: color .2s;
    }
    .direktor-contact a:hover { color: var(--blue); }
    .direktor-contact svg { width: 13px; height: 13px; flex-shrink: 0; }

    .vrednosti-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
    }
    .vrednost-card {
      padding: 20px; border: 1px solid var(--light);
      border-radius: 4px; position: relative; overflow: hidden;
      transition: border-color .2s, transform .2s;
    }
    .vrednost-card:hover { border-color: var(--blue); transform: translateY(-2px); }
    .vrednost-card::before {
      content: ''; position: absolute; top: 0; left: 0;
      width: 3px; height: 100%; background: var(--blue);
    }
    .vrednost-title { font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--navy); margin-bottom: 5px; }
    .vrednost-desc { font-size: .9rem; line-height: 1.6; color: #6b7280; }

    @media (max-width: 1024px) {
      .onas-grid { grid-template-columns: 1fr; gap: 48px; }
    }
    .direktor-info {
      padding: 28px 32px;
      border-top: 1px solid var(--light);
    }
    .direktor-name {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.6rem; font-weight: 800;
      letter-spacing: .04em; color: var(--navy);
      margin-bottom: 4px;
    }
    .direktor-role {
      font-size: .78rem; font-weight: 700; letter-spacing: .18em;
      text-transform: uppercase; color: var(--blue);
      margin-bottom: 16px;
    }
    .direktor-quote {
      font-size: .96rem; line-height: 1.7; color: #4a5568;
      font-style: italic;
      padding-left: 14px;
      border-left: 3px solid var(--blue);
    }
    .direktor-contact {
      display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap;
    }
    .direktor-contact a {
      display: inline-flex; align-items: center; gap: 7px;
      font-size: .82rem; font-weight: 600; color: var(--navy);
      text-decoration: none; transition: color .2s;
    }
    .direktor-contact a:hover { color: var(--blue); }
    .direktor-contact svg { width: 15px; height: 15px; flex-shrink: 0; }

    .vrednosti-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 20px; margin-top: 36px;
    }
    .vrednost-card {
      padding: 24px; border: 1px solid var(--light);
      border-radius: 4px; position: relative; overflow: hidden;
      transition: border-color .2s, transform .2s;
    }
    .vrednost-card:hover { border-color: var(--blue); transform: translateY(-3px); }
    .vrednost-card::before {
      content: ''; position: absolute; top: 0; left: 0;
      width: 3px; height: 100%; background: var(--blue);
    }
    .vrednost-title { font-size: .88rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--navy); margin-bottom: 6px; }
    .vrednost-desc { font-size: .96rem; line-height: 1.65; color: #6b7280; }

    .onas-visual {
      display: flex; align-items: center; justify-content: center;
      position: relative;
    }
    .hex-cluster { position: relative; width: 360px; height: 360px; }
    .hex-cluster .hc {
      position: absolute;
      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      display: flex; align-items: center; justify-content: center;
      flex-direction: column; text-align: center; padding: 20px;
    }
    .hc-main { width: 200px; height: 224px; background: var(--navy); top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .hc-main svg { color: var(--white); margin-bottom: 8px; }
    .hc-main span { font-family: 'Barlow Condensed', sans-serif; font-size: 1.1rem; font-weight: 800; letter-spacing: .08em; color: var(--white); line-height: 1.2; }
    .hc-tr { width: 120px; height: 135px; background: var(--blue); top: 2%; left: 58%; }
    .hc-br { width: 110px; height: 123px; background: var(--accent); opacity: .7; bottom: 4%; left: 60%; }
    .hc-tl { width: 100px; height: 112px; background: var(--light); border: 2px solid var(--blue); top: 4%; right: 58%; }
    .hc-bl { width: 115px; height: 129px; background: var(--navy); opacity: .4; bottom: 6%; right: 60%; }

    /* ── STORITVE ── */
    #storitve { background: var(--cream); }
    .storitve-intro { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 56px; gap: 40px; }
    .storitve-intro .section-sub { margin: 0; }

    .storitve-grid {
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .storitev-card {
      background: var(--white);
      border: 1px solid var(--light);
      padding: 36px 32px;
      border-radius: 4px;
      position: relative; overflow: hidden;
      transition: transform .25s, box-shadow .25s, border-color .25s;
      cursor: default;
    }
    .storitev-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 50px rgba(26,58,92,0.1);
      border-color: var(--blue);
    }
    .storitev-card::after {
      content: ''; position: absolute; bottom: 0; left: 0;
      width: 100%; height: 3px;
      background: linear-gradient(90deg, var(--navy), var(--blue));
      transform: scaleX(0); transform-origin: left;
      transition: transform .3s ease;
    }
    .storitev-card:hover::after { transform: scaleX(1); }

    .storitev-icon {
      width: 52px; height: 52px;
      background: var(--cream); border-radius: 4px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 24px;
    }
    .storitev-icon svg { width: 26px; height: 26px; color: var(--navy); }

    .storitev-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.45rem; font-weight: 800; letter-spacing: .04em;
      color: var(--navy); margin-bottom: 12px;
    }
    .storitev-desc { font-size: 1rem; line-height: 1.75; color: #6b7280; margin-bottom: 20px; }
    .storitev-list { list-style: none; }
    .storitev-list li {
      font-size: .95rem; color: #4a5568; padding: 6px 0;
      display: flex; align-items: center; gap: 8px;
      border-bottom: 1px solid var(--light);
    }
    .storitev-list li:last-child { border: none; }
    .storitev-list li::before {
      content: ''; display: block; width: 6px; height: 6px;
      background: var(--blue); border-radius: 50%; flex-shrink: 0;
    }

    /* ── KARIERA ── */
    #kariera { background: var(--navy); position: relative; overflow: hidden; }
    #kariera::before {
      content: '';
      position: absolute; top: -20%; right: -10%;
      width: 600px; height: 600px;
      background: radial-gradient(circle, rgba(43,95,168,0.3) 0%, transparent 70%);
    }
    #kariera .section-tag { color: #7eb3f5; }
    #kariera .section-tag::before { background: #7eb3f5; }
    #kariera .section-title { color: var(--white); }
    #kariera .section-sub { color: rgba(255,255,255,0.65); }

    .kariera-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 80px; margin-top: 60px; position: relative; z-index: 1;
    }

    .kariera-priložnosti { display: flex; flex-direction: column; gap: 16px; }
    .priložnost {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.1);
      padding: 24px 28px; border-radius: 4px;
      transition: background .2s, border-color .2s;
    }
    .priložnost:hover {
      background: rgba(255,255,255,0.1);
      border-color: rgba(255,255,255,0.25);
    }
    .priložnost-title { font-size: 1.08rem; font-weight: 700; color: var(--white); margin-bottom: 6px; }
    .priložnost-desc { font-size: .96rem; color: rgba(255,255,255,0.55); line-height: 1.65; }

    .kariera-prednosti h3 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.5rem; font-weight: 800; color: var(--white);
      letter-spacing: .04em; margin-bottom: 28px;
    }
    .prednost {
      display: flex; gap: 18px; margin-bottom: 24px; align-items: flex-start;
    }
    .prednost-num {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 2rem; font-weight: 800; color: var(--blue);
      line-height: 1; flex-shrink: 0; width: 36px;
    }
    .prednost-text strong { display: block; font-size: 1.02rem; color: var(--white); margin-bottom: 4px; }
    .prednost-text span { font-size: .94rem; color: rgba(255,255,255,0.5); line-height: 1.55; }

    .kariera-cta { margin-top: 36px; }
    .btn-white {
      background: var(--white); color: var(--navy);
      padding: 14px 32px; border-radius: 3px;
      font-size: .88rem; font-weight: 800; letter-spacing: .1em;
      text-transform: uppercase; text-decoration: none;
      transition: background .2s, transform .2s; display: inline-block;
    }
    .btn-white:hover { background: var(--cream); transform: translateY(-2px); }

    /* ── KONTAKT BANNER ── */
    .kontakt-banner {
      background: var(--blue);
      padding: 64px 6vw;
      display: flex; align-items: center; justify-content: space-between;
      gap: 40px; flex-wrap: wrap;
    }
    .kontakt-banner h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      font-weight: 800; color: var(--white); letter-spacing: .02em;
    }
    .kontakt-banner p { font-size: 1.05rem; color: rgba(255,255,255,0.75); margin-top: 6px; }
    .kontakt-info { display: flex; gap: 40px; flex-wrap: wrap; }
    .kontakt-item { display: flex; align-items: center; gap: 12px; }
    .kontakt-item svg { width: 20px; height: 20px; color: rgba(255,255,255,0.6); flex-shrink: 0; }
    .kontakt-item a, .kontakt-item span {
      font-size: 1rem; font-weight: 600; color: var(--white);
      text-decoration: none;
    }
    .kontakt-item a:hover { text-decoration: underline; }

    /* ── FOOTER ── */
    footer {
      background: var(--dark); padding: 40px 6vw;
      display: flex; align-items: center; justify-content: space-between;
      flex-wrap: wrap; gap: 20px;
    }
    .footer-brand {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.1rem; font-weight: 800; letter-spacing: .1em;
      color: var(--white);
    }
    .footer-sub { font-size: .75rem; color: rgba(255,255,255,0.4); letter-spacing: .15em; text-transform: uppercase; margin-top: 3px; }
    .footer-copy { font-size: .8rem; color: rgba(255,255,255,0.35); }

    /* ── ANIMATIONS ── */
    .fade-up {
      opacity: 0; transform: translateY(30px);
      transition: opacity .6s ease, transform .6s ease;
    }
    .fade-up.visible { opacity: 1; transform: translateY(0); }

    /* ── RESPONSIVE ── */
    /* ── KALKULATOR ── */
    #kalkulator { background: var(--white); }
    .kalk-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 56px; margin-top: 56px; align-items: start;
    }
    .kalk-form { display: flex; flex-direction: column; gap: 24px; }
    .kalk-field { display: flex; flex-direction: column; gap: 8px; }
    .kalk-label {
      font-size: .82rem; font-weight: 700; letter-spacing: .15em;
      text-transform: uppercase; color: var(--navy);
    }
    .kalk-input-wrap { position: relative; }
    .kalk-input-wrap input {
      width: 100%; padding: 14px 48px 14px 18px;
      font-family: 'Barlow', sans-serif; font-size: 1rem; font-weight: 600;
      color: var(--navy); background: var(--cream);
      border: 2px solid var(--light); border-radius: 3px;
      outline: none; transition: border-color .2s;
      -moz-appearance: textfield;
    }
    .kalk-input-wrap input::-webkit-outer-spin-button,
    .kalk-input-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; }
    .kalk-input-wrap input:focus { border-color: var(--blue); }
    .kalk-unit {
      position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
      font-size: .82rem; font-weight: 700; color: var(--blue); pointer-events: none;
    }
    .kalk-hint { font-size: .85rem; color: #9ca3af; }
    .kalk-slider { width: 100%; margin-top: 6px; accent-color: var(--blue); cursor: pointer; height: 4px; }

    .kalk-results {
      background: var(--navy); border-radius: 4px;
      padding: 40px 36px; position: sticky; top: 92px;
    }
    .kalk-results-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.1rem; font-weight: 800; letter-spacing: .1em;
      text-transform: uppercase; color: rgba(255,255,255,0.5);
      margin-bottom: 28px; padding-bottom: 16px;
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .kalk-main-result { margin-bottom: 32px; }
    .kalk-main-label {
      font-size: .72rem; font-weight: 700; letter-spacing: .18em;
      text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 6px;
    }
    .kalk-main-value {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 3rem; font-weight: 800; color: var(--white); line-height: 1;
    }
    .kalk-main-value span { font-size: 1.4rem; color: #7eb3f5; margin-left: 4px; }

    .kalk-breakdown { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
    .kalk-row {
      display: flex; justify-content: space-between; align-items: center;
      padding: 14px 16px; border-radius: 3px;
      background: rgba(255,255,255,0.06);
    }
    .kalk-row-label { font-size: .94rem; color: rgba(255,255,255,0.6); }
    .kalk-row-val { font-family: 'Barlow Condensed', sans-serif; font-size: 1.25rem; font-weight: 800; color: var(--white); }
    .kalk-row.highlight { background: rgba(43,95,168,0.35); }
    .kalk-row.highlight .kalk-row-label { color: #a8c8f0; }
    .kalk-row.highlight .kalk-row-val { color: #7eb3f5; }

    .kalk-divider { border: none; border-top: 1px solid rgba(255,255,255,0.1); margin: 4px 0 18px; }

    .kalk-annual {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 3px; padding: 16px;
      display: flex; justify-content: space-between; align-items: center;
    }
    .kalk-annual-label { font-size: .78rem; color: rgba(255,255,255,0.45); line-height: 1.4; }
    .kalk-annual-label strong { display: block; color: rgba(255,255,255,0.7); font-size: .82rem; }
    .kalk-annual-val { font-family: 'Barlow Condensed', sans-serif; font-size: 1.5rem; font-weight: 800; color: #7eb3f5; }

    .kalk-bar { margin-top: 24px; }
    .kalk-bar-label { font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 8px; }
    .kalk-bar-track { background: rgba(255,255,255,0.1); border-radius: 2px; height: 8px; overflow: hidden; }
    .kalk-bar-fill { height: 100%; border-radius: 2px; background: linear-gradient(90deg, var(--blue), #7eb3f5); transition: width .5s ease; }
    .kalk-bar-legend { display: flex; gap: 20px; margin-top: 10px; }
    .kalk-legend-item { display: flex; align-items: center; gap: 7px; font-size: .75rem; color: rgba(255,255,255,0.45); }
    .kalk-legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

    @media (max-width: 1024px) {
      .kalk-grid { grid-template-columns: 1fr; }
      .kalk-results { position: static; }
    }

    @media (max-width: 1024px) {
      .onas-grid, .kariera-grid { grid-template-columns: 1fr; gap: 48px; }
      .storitve-grid { grid-template-columns: repeat(2, 1fr); }
      .hero-visual { display: none; }
      .hero-bg::before { clip-path: none; opacity: .08; }
    }
    @media (max-width: 768px) {
      .nav-links { display: none; }
      .hamburger { display: flex; }
      .storitve-grid { grid-template-columns: 1fr; }
      .hero-stats { gap: 28px; flex-wrap: wrap; }
      .storitve-intro { flex-direction: column; align-items: flex-start; }
      .vrednosti-grid { grid-template-columns: 1fr; }
      .kontakt-banner { flex-direction: column; align-items: flex-start; }
      .kontakt-info { flex-direction: column; gap: 16px; }
      footer { flex-direction: column; text-align: center; }
    }
    /* ── ACTIVE NAV ── */
    .nav-links a.active { color: var(--blue); }
    .nav-links a.active::after { width: 100%; }

    /* ── BACK TO TOP ── */
    #back-to-top {
      position: fixed; bottom: 32px; right: 32px; z-index: 90;
      width: 44px; height: 44px;
      background: var(--navy); border: none; border-radius: 3px;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; opacity: 0; pointer-events: none;
      transition: opacity .3s, transform .3s, background .2s;
      box-shadow: 0 4px 16px rgba(26,58,92,0.25);
    }
    #back-to-top.visible { opacity: 1; pointer-events: all; }
    #back-to-top:hover { background: var(--blue); transform: translateY(-3px); }
    #back-to-top svg { width: 18px; height: 18px; color: white; }

    /* ── PARTNER LOGOS TICKER ── */
    .partnerji {
      background: var(--white);
      padding: 56px 0;
      overflow: hidden;
      border-top: 1px solid var(--light);
      border-bottom: 1px solid var(--light);
    }
    .partnerji-label {
      text-align: center;
      font-size: .72rem; font-weight: 700; letter-spacing: .22em;
      text-transform: uppercase; color: #9ca3af;
      margin-bottom: 32px;
    }
    .ticker-wrap { overflow: hidden; position: relative; }
    .ticker-wrap::before, .ticker-wrap::after {
      content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2;
    }
    .ticker-wrap::before { left: 0; background: linear-gradient(90deg, var(--white), transparent); }
    .ticker-wrap::after  { right: 0; background: linear-gradient(-90deg, var(--white), transparent); }
    .ticker-track {
      display: flex; gap: 0;
      animation: ticker 32s linear infinite;
      width: max-content;
    }
    .ticker-track:hover { animation-play-state: paused; }
    @keyframes ticker {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .ticker-item {
      display: flex; align-items: center; justify-content: center;
      padding: 0 44px; height: 60px; flex-shrink: 0;
      border-right: 1px solid var(--light);
    }
    .ticker-item:last-child { border-right: none; }
    .ticker-logo {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.1rem; font-weight: 800; letter-spacing: .06em;
      color: #9ca3af; white-space: nowrap;
      transition: color .2s;
    }
    .ticker-item:hover .ticker-logo { color: var(--navy); }
    .ticker-logo svg { display: block; }

    /* ── TESTIMONIALI ── */
    #testimoniali { background: var(--cream); padding: 100px 6vw; }
    .test-grid {
      display: grid; grid-template-columns: repeat(3,1fr);
      gap: 24px; margin-top: 56px;
    }
    .test-card {
      background: var(--white);
      border: 1px solid var(--light);
      border-radius: 4px; padding: 36px 32px;
      position: relative;
      transition: transform .25s, box-shadow .25s;
    }
    .test-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(26,58,92,0.08); }
    .test-quote {
      font-size: 3rem; line-height: 1; color: var(--blue);
      font-family: Georgia, serif; margin-bottom: 16px; opacity: .5;
    }
    .test-text {
      font-size: 1rem; line-height: 1.75; color: #4a5568;
      margin-bottom: 28px; font-style: italic;
    }
    .test-divider { width: 32px; height: 2px; background: var(--blue); margin-bottom: 20px; }
    .test-author { display: flex; align-items: center; gap: 14px; }
    .test-avatar {
      width: 44px; height: 44px; border-radius: 50%;
      background: var(--navy);
      display: flex; align-items: center; justify-content: center;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1rem; font-weight: 800; color: white; flex-shrink: 0;
    }
    .test-name { font-size: .95rem; font-weight: 700; color: var(--navy); }
    .test-role { font-size: .8rem; color: #9ca3af; margin-top: 2px; }
    .test-stars { display: flex; gap: 3px; margin-bottom: 16px; }
    .test-stars span { color: #f59e0b; font-size: 1rem; }

    @media (max-width: 1024px) { .test-grid { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 640px)  { .test-grid { grid-template-columns: 1fr; } }

    /* ── PRELOADER ── */
    #preloader {
      position: fixed; inset: 0; z-index: 9999;
      background: var(--cream);
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      gap: 20px;
      transition: opacity .6s ease, visibility .6s ease;
    }
    #preloader.hidden { opacity: 0; visibility: hidden; pointer-events: none; }
    .preloader-logo {
      animation: preloader-pulse 1.2s ease-in-out infinite alternate;
    }
    @keyframes preloader-pulse {
      from { transform: scale(0.95); opacity: .7; }
      to   { transform: scale(1.05); opacity: 1; }
    }
    .preloader-bar-wrap {
      width: 120px; height: 2px; background: var(--light); border-radius: 2px; overflow: hidden;
    }
    .preloader-bar-inner {
      height: 100%; width: 0; background: var(--blue);
      border-radius: 2px;
      animation: preloader-bar 1.4s ease forwards;
    }
    @keyframes preloader-bar {
      0%   { width: 0; }
      60%  { width: 80%; }
      100% { width: 100%; }
    }
    .preloader-text {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .72rem; font-weight: 700; letter-spacing: .3em;
      text-transform: uppercase; color: #9ca3af;
    }

    /* ── SCROLL PROGRESS BAR ── */
    #scroll-progress {
      position: fixed; top: 0; left: 0; z-index: 200;
      height: 3px; width: 0%;
      background: linear-gradient(90deg, var(--navy), var(--blue), #7eb3f5);
      transition: width .1s linear;
      pointer-events: none;
    }

    /* ── GLASSMORPHISM NAV ── */
    nav {
      backdrop-filter: blur(16px) saturate(180%);
      -webkit-backdrop-filter: blur(16px) saturate(180%);
      background: rgba(240,237,232,0.82) !important;
    }
    nav.scrolled {
      background: rgba(240,237,232,0.95) !important;
      box-shadow: 0 4px 32px rgba(26,58,92,0.10);
    }

    /* ── CARD SHIMMER ON HOVER ── */
    .storitev-card { overflow: hidden; }
    .storitev-card::before {
      content: '';
      position: absolute; top: -60%; left: -60%;
      width: 60%; height: 200%;
      background: linear-gradient(105deg, transparent 40%, rgba(43,95,168,0.06) 50%, transparent 60%);
      transform: skewX(-15deg);
      transition: left .5s ease;
      pointer-events: none;
      z-index: 1;
    }
    .storitev-card:hover::before { left: 120%; }

    /* ── HERO PARALLAX ── */
    .hero-bg { will-change: transform; }

    /* ── ČLANKI ── */
    #clanki { background: var(--white); padding: 100px 6vw; }

    /* Slider wrapper */
    .clanki-slider-wrap { position: relative; margin-top: 56px; }
    .clanki-slider {
      overflow: hidden;
      border-radius: 4px;
    }
    .clanki-track {
      display: flex;
      gap: 24px;
      transition: transform .45s cubic-bezier(.4,0,.2,1);
      will-change: transform;
    }
    .clanek-card {
      flex: 0 0 calc(33.333% - 16px);
      min-width: 0;
      background: var(--cream);
      border: 1px solid var(--light);
      border-radius: 4px; overflow: hidden;
      display: flex; flex-direction: column;
      transition: transform .25s, box-shadow .25s;
      cursor: pointer;
    }
    @media (max-width: 1024px) { .clanek-card { flex: 0 0 calc(50% - 12px); } }
    @media (max-width: 640px)  { .clanek-card { flex: 0 0 100%; } }

    .clanek-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(26,58,92,0.1); }
    .clanek-header {
      background: var(--navy); padding: 28px 28px 24px;
      position: relative; overflow: hidden;
    }
    .clanek-header::after {
      content: ''; position: absolute; bottom: -20px; right: -20px;
      width: 80px; height: 80px;
      border: 2px solid rgba(255,255,255,0.08);
      border-radius: 50%;
    }
    .clanek-category {
      display: inline-block;
      font-size: .68rem; font-weight: 700; letter-spacing: .2em;
      text-transform: uppercase; color: #7eb3f5;
      background: rgba(126,179,245,0.12);
      padding: 4px 10px; border-radius: 2px;
      margin-bottom: 14px;
    }
    .clanek-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.35rem; font-weight: 800; line-height: 1.2;
      letter-spacing: .02em; color: var(--white);
    }
    .clanek-body { padding: 28px; flex: 1; display: flex; flex-direction: column; }
    .clanek-excerpt {
      font-size: .95rem; line-height: 1.75; color: #4a5568;
      flex: 1; margin-bottom: 24px;
    }
    .clanek-meta {
      display: flex; align-items: center; justify-content: space-between;
      padding-top: 16px; border-top: 1px solid var(--light);
    }
    .clanek-date { font-size: .78rem; font-weight: 600; color: #9ca3af; letter-spacing: .06em; }
    .clanek-read {
      font-size: .78rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; color: var(--blue);
      display: flex; align-items: center; gap: 6px;
      text-decoration: none; transition: gap .2s;
    }
    .clanek-card:hover .clanek-read { gap: 10px; }
    .clanek-read svg { width: 14px; height: 14px; }

    /* Modal za članek */
    .clanek-modal-overlay {
      position: fixed; inset: 0; z-index: 500;
      background: rgba(10,20,40,0.7);
      backdrop-filter: blur(4px);
      display: flex; align-items: center; justify-content: center;
      padding: 24px;
      opacity: 0; visibility: hidden;
      transition: opacity .3s, visibility .3s;
    }
    .clanek-modal-overlay.open { opacity: 1; visibility: visible; }
    .clanek-modal {
      background: var(--white); border-radius: 6px;
      max-width: 720px; width: 100%;
      max-height: 85vh; overflow-y: auto;
      transform: translateY(20px);
      transition: transform .3s ease;
      position: relative;
    }
    .clanek-modal-overlay.open .clanek-modal { transform: translateY(0); }
    .clanek-modal-header { background: var(--navy); padding: 36px 40px 32px; }
    .clanek-modal-header .clanek-category { margin-bottom: 12px; }
    .clanek-modal-header h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 2rem; font-weight: 800; color: var(--white); line-height: 1.15;
    }
    .clanek-modal-header .clanek-date { color: rgba(255,255,255,0.4); margin-top: 12px; display: block; }
    .clanek-modal-body { padding: 40px; }
    .clanek-modal-body p { font-size: 1rem; line-height: 1.85; color: #374151; margin-bottom: 20px; }
    .clanek-modal-body h3 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.3rem; font-weight: 800; color: var(--navy);
      letter-spacing: .03em; margin: 28px 0 10px;
    }
    .clanek-modal-body ul { padding-left: 20px; margin-bottom: 20px; }
    .clanek-modal-body ul li { font-size: 1rem; line-height: 1.75; color: #374151; margin-bottom: 6px; }
    .clanek-modal-body strong { color: var(--navy); }
    .clanek-modal-cta {
      background: var(--cream); border-top: 1px solid var(--light);
      padding: 28px 40px;
      display: flex; align-items: center; justify-content: space-between; gap: 20px;
      flex-wrap: wrap;
    }
    .clanek-modal-cta p { font-size: .95rem; color: #4a5568; }
    .clanek-modal-cta strong { color: var(--navy); }
    .clanek-close {
      position: absolute; top: 16px; right: 16px;
      width: 36px; height: 36px; border-radius: 50%;
      background: rgba(255,255,255,0.15); border: none; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: background .2s;
    }
    .clanek-close:hover { background: rgba(255,255,255,0.3); }
    .clanek-close svg { width: 16px; height: 16px; color: white; }

    /* Slider navigation */
    .slider-nav {
      display: flex; align-items: center; justify-content: space-between;
      margin-top: 32px;
    }
    .slider-dots { display: flex; gap: 8px; }
    .slider-dot {
      width: 8px; height: 8px; border-radius: 50%;
      background: var(--light); border: none; cursor: pointer;
      transition: background .2s, transform .2s; padding: 0;
    }
    .slider-dot.active { background: var(--navy); transform: scale(1.3); }
    .slider-arrows { display: flex; gap: 10px; }
    .slider-arrow {
      width: 44px; height: 44px;
      background: var(--white); border: 2px solid var(--light);
      border-radius: 3px; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: background .2s, border-color .2s, transform .2s;
    }
    .slider-arrow:hover { background: var(--navy); border-color: var(--navy); }
    .slider-arrow:hover svg { color: white; }
    .slider-arrow:active { transform: scale(0.95); }
    .slider-arrow svg { width: 18px; height: 18px; color: var(--navy); transition: color .2s; }
    .slider-arrow:disabled { opacity: .35; cursor: not-allowed; }
    .slider-arrow:disabled:hover { background: var(--white); border-color: var(--light); }
    .slider-arrow:disabled:hover svg { color: var(--navy); }
    @media (max-width: 640px)  { .clanek-modal-header, .clanek-modal-body, .clanek-modal-cta { padding: 24px; } }

  

  @media (max-width: 768px) {
    .kontakt-section-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  }

/* Podstrani uporabljajo izključno obstoječi Masekon vizualni sistem. */
.subpage-hero{min-height:540px;padding:150px 6vw 90px;position:relative;overflow:hidden;display:flex;align-items:center;background:var(--cream)}
.subpage-hero::after{content:"";position:absolute;right:-4%;top:0;width:46%;height:100%;background:linear-gradient(135deg,var(--navy),var(--blue));clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}
.subpage-hero-content{position:relative;z-index:2;max-width:740px}.subpage-hero .section-tag{margin-bottom:24px}.subpage-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:.96;color:var(--navy);margin-bottom:24px}.subpage-hero h1 em{font-style:normal;color:var(--blue)}
.subpage-hero p{font-size:1.08rem;line-height:1.75;color:#4a5568;max-width:610px}.subpage-body{padding:100px 6vw}.subpage-intro{display:grid;grid-template-columns:minmax(180px,.7fr) 2fr;gap:7vw;margin-bottom:70px}.subpage-intro p{color:#4a5568;font-size:1.02rem;line-height:1.8;margin-top:24px;max-width:760px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-card{background:var(--white);border:1px solid var(--light);padding:34px;min-height:260px;transition:.25s}.detail-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(26,58,92,.1)}.detail-card .num{font-family:'Barlow Condensed';font-weight:800;color:var(--accent);font-size:.82rem}.detail-card h3{font-family:'Barlow Condensed';font-size:1.65rem;margin:28px 0 14px;color:var(--navy)}.detail-card p{color:#64748b;line-height:1.7;font-size:.94rem}.detail-card a{display:inline-block;margin-top:24px;color:var(--blue);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.process-strip{background:var(--navy);color:white;padding:90px 6vw}.process-strip .section-title{color:white}.process-strip .section-title em{color:#87b2e4}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.process-step{border-top:2px solid var(--accent);padding-top:24px}.process-step b{font-size:.72rem;color:#88add4;letter-spacing:.12em}.process-step h3{font-family:'Barlow Condensed';font-size:1.45rem;margin:22px 0 10px}.process-step p{color:#b9c8d6;font-size:.9rem;line-height:1.65}
.page-cta{margin-top:80px;background:linear-gradient(135deg,var(--navy),var(--blue));padding:55px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.page-cta h2{font-family:'Barlow Condensed';font-size:2.3rem}.page-cta p{color:#c9d7e5;margin-top:8px}.page-cta .btn-primary{background:white;color:var(--navy);white-space:nowrap}
.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-link{display:flex;flex-direction:column;background:white;border:1px solid var(--light);min-height:460px;text-decoration:none;overflow:hidden;transition:.25s}.article-link:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(26,58,92,.1)}.article-image{height:205px;overflow:hidden;background:var(--light)}.article-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.article-link:hover .article-image img{transform:scale(1.035)}.article-content{display:flex;flex:1;flex-direction:column;padding:28px 32px 32px}.article-link .article-cat{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-link h2{font-family:'Barlow Condensed';font-size:1.7rem;line-height:1.15;margin:18px 0 14px;color:var(--blue);text-decoration:none}.article-link p{color:#64748b;line-height:1.65}.article-link span:last-child{margin-top:auto;padding-top:24px;color:var(--blue);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.article-page{max-width:820px;margin:0 auto}.article-cover{display:block;width:min(100%,720px);height:420px;object-fit:cover;margin:0 auto 42px;border:1px solid var(--light);box-shadow:0 12px 32px rgba(26,58,92,.08)}.article-page .lead{font-size:1.22rem;line-height:1.8;color:#4a5568;margin-bottom:40px}.article-page h2{font-family:'Barlow Condensed';font-size:2rem;margin:42px 0 14px}.article-page p,.article-page li{color:#4a5568;line-height:1.8}.article-page ul{padding-left:22px;margin:18px 0}.back-link{display:inline-block;margin-bottom:35px;color:var(--blue);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.home-summary{padding:95px 6vw}.home-summary.alt{background:var(--white)}.home-summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.home-summary-head p{max-width:520px;color:#64748b;line-height:1.75}.home-summary .detail-card{min-height:230px}.story-grid{display:grid;grid-template-columns:1.5fr .85fr;gap:7vw;align-items:center;margin-bottom:75px}.story-copy p{color:#4a5568;font-size:1rem;line-height:1.8;margin-top:20px}.story-copy .section-title{margin-top:18px}
.services-hero{min-height:440px;padding-bottom:72px}.services-page-body{padding-top:72px;background:linear-gradient(180deg,var(--cream) 0,var(--cream) 34%,#f7f8fa 34%,#f7f8fa 100%)}.services-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.services-heading .section-title{margin-top:16px}.services-heading-mark{display:flex;gap:8px;padding-bottom:8px}.services-heading-mark span{display:block;width:34px;height:39px;border:2px solid rgba(43,95,168,.2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.services-heading-mark span:nth-child(2){background:var(--blue);border-color:var(--blue);transform:translateY(14px)}
.service-overview{display:grid;grid-template-columns:1.45fr .85fr;gap:24px;align-items:stretch}.service-card{position:relative;overflow:hidden;padding:44px;min-height:390px;border-radius:4px}.service-card:hover{transform:translateY(-4px)}.service-card h3{position:relative;margin:0 0 16px;padding-left:25px;font-size:2rem}.service-card h3::before{content:"";position:absolute;left:0;top:.3em;width:12px;height:14px;background:var(--blue);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.service-card>p{max-width:740px;font-size:.98rem}.insurance-focus{background:linear-gradient(135deg,var(--navy),#244d7b);border:0!important}.insurance-focus::after{content:"";position:absolute;right:-75px;top:-92px;width:250px;height:285px;border:1px solid rgba(255,255,255,.1);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transform:rotate(8deg)}.insurance-focus h3{color:white}.insurance-focus h3::before{background:#7eb3f5}.insurance-focus>p{color:rgba(255,255,255,.7)}.service-points{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:25px 0 30px;padding:0}.service-points li{position:relative;padding:11px 14px 11px 32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:3px;color:rgba(255,255,255,.86);font-size:.86rem;line-height:1.4}.service-points li::before{content:"";position:absolute;left:14px;top:50%;width:6px;height:6px;border-radius:50%;background:#7eb3f5;transform:translateY(-50%)}.service-action{display:inline-flex!important;align-items:center;min-height:44px;margin-top:auto!important;padding:0 20px;border-radius:3px;text-decoration:none!important}.insurance-focus .service-action{background:white;color:var(--navy)!important}.insurance-focus .service-action:hover{background:var(--cream)}.finance-focus{display:flex;flex-direction:column;background:white;border-top:3px solid var(--accent)!important}.finance-focus h3::before{background:var(--accent)}.finance-focus>p{color:#64748b}.finance-highlights{display:flex;flex-direction:column;margin:24px 0 30px;border-top:1px solid var(--light)}.finance-highlights span{padding:12px 0;border-bottom:1px solid var(--light);color:var(--navy);font-size:.86rem;font-weight:700}.finance-focus .service-action{align-self:flex-start;background:var(--navy);color:white!important}.finance-focus .service-action:hover{background:var(--blue)}
.legal-page{max-width:880px;margin:0 auto}.legal-page h2{font-family:'Barlow Condensed';font-size:2rem;color:var(--navy);margin:44px 0 14px}.legal-page h2:first-child{margin-top:0}.legal-page p,.legal-page li{color:#4a5568;line-height:1.8}.legal-page ul{padding-left:22px;margin:16px 0}.legal-note{padding:20px 24px;background:#fff8e8;border-left:3px solid var(--accent);margin-bottom:34px;color:#6b5b36!important}.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:12px}.footer-legal a{color:#b9c8d6;font-size:.76rem;text-decoration:none}.footer-legal a:hover{color:white}
.active-page{color:var(--blue)!important}.active-page::after{width:100%!important}
@media(max-width:900px){.subpage-hero::after{opacity:.1;width:72%}.subpage-intro,.story-grid,.service-overview{grid-template-columns:1fr}.detail-grid,.article-list{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.page-cta{align-items:flex-start;flex-direction:column}.home-summary-head{align-items:flex-start;flex-direction:column}.service-card{min-height:auto}}
@media(max-width:600px){.subpage-hero{min-height:470px;padding:120px 6vw 70px}.services-hero{min-height:355px;padding-bottom:52px}.subpage-body{padding:75px 6vw}.services-page-body{padding-top:54px}.services-heading{margin-bottom:28px}.services-heading-mark{display:none}.detail-grid,.article-list,.process-grid,.service-points{grid-template-columns:1fr}.service-overview{gap:16px}.service-card{padding:30px 26px}.service-card h3{font-size:1.75rem}.service-card>p{font-size:.94rem}.service-points{margin:22px 0 26px}.service-points li{padding:10px 12px 10px 30px}.service-action{width:100%;justify-content:center;text-align:center;padding:0 14px}.page-cta{padding:36px 28px}.page-cta .btn-primary{white-space:normal}.article-link{min-height:440px}.article-image{height:210px}.article-content{padding:26px 26px 30px}.article-cover{height:auto;aspect-ratio:3/2}}
/* Rezultat kalkulatorja: letne obresti so ob glavnem znesku. */
.kalk-main-result{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.kalk-main-total{min-width:0}
.kalk-annual-top{text-align:right;flex:0 0 auto;padding:10px 0 1px}
.kalk-annual-top .kalk-annual-label{display:block;margin-bottom:5px;color:rgba(255,255,255,.52);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.kalk-annual-top .kalk-annual-val{color:#9bc4ee;font-size:2.15rem;line-height:1}
@media(max-width:600px){.kalk-main-result{align-items:flex-start;flex-direction:column;gap:18px}.kalk-annual-top{text-align:left;padding:0}.kalk-main-value{font-size:2.65rem}.kalk-annual-top .kalk-annual-val{font-size:1.9rem}}