/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--viaris-ink:#132632;--viaris-aqua:#00a99d;--viaris-orange:#f27a3b;--viaris-sand:#fcf3e6;--viaris-mint:#e7fffa;--viaris-card:#ffffff;}.viaris-portal{background:radial-gradient(circle at 12% 18%,#fff9e9 0%,#f0faf8 35%,#edf2f8 100%);color:var(--viaris-ink);font-family:"Work Sans",sans-serif;}.viaris-navbar{backdrop-filter:blur(6px);background:rgba(9,39,52,0.94);border-bottom:1px solid rgba(255,255,255,0.12);position:sticky;top:0;z-index:1030;}.viaris-navbar .navbar-brand{color:#ffffff;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:0.02em;}.viaris-navbar .navbar-brand:hover,.viaris-navbar .navbar-brand:focus{color:#ffffff;}.viaris-navbar .nav-link{color:rgba(255,255,255,0.82);}.viaris-navbar .nav-link:hover,.viaris-navbar .nav-link:focus,.viaris-navbar .nav-link.active{color:#ffffff;}.viaris-portal h1,.viaris-portal h2,.viaris-portal h3,.viaris-portal h4{font-family:"Space Grotesk",sans-serif;}.hero-section{background:linear-gradient(135deg,#0f3a47 0%,#0c5d66 40%,#138f8b 100%);color:#ffffff;position:relative;overflow:hidden;}.hero-section::after{background:radial-gradient(circle,rgba(255,255,255,0.24) 0%,rgba(255,255,255,0) 70%);content:"";height:360px;position:absolute;right:-120px;top:-120px;width:360px;}.hero-section .container{position:relative;z-index:2;}.eyebrow{border:1px solid rgba(255,255,255,0.35);border-radius:999px;display:inline-flex;font-size:0.84rem;letter-spacing:0.05em;padding:0.4rem 0.8rem;text-transform:uppercase;}.hero-panel{backdrop-filter:blur(4px);background:rgba(3,19,30,0.45);border:1px solid rgba(255,255,255,0.15);border-radius:16px;padding:1.2rem;}.hero-panel li{margin-bottom:0.65rem;}.hero-panel li:last-child{margin-bottom:0;}.hero-metrics{display:flex;flex-wrap:wrap;gap:0.55rem;}.metric-pill{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.32);border-radius:999px;font-size:0.82rem;padding:0.35rem 0.7rem;}.btn-viaris{background:var(--viaris-orange);border-color:var(--viaris-orange);color:#ffffff;}.btn-viaris:hover,.btn-viaris:focus{background:#df6527;border-color:#df6527;color:#ffffff;}.section-shell{position:relative;}.section-dark{background:linear-gradient(180deg,#f7fdff 0%,#edf6fb 100%);}.section-tint{background:linear-gradient(180deg,#fff8eb 0%,#f7f1df 100%);}.section-head{margin-bottom:1.4rem;}.oglas-card,.feature-card,.money-card,.kpi-card,.calc-form{background:var(--viaris-card);border:1px solid #dbe4eb;border-radius:16px;box-shadow:0 10px 30px rgba(20,38,54,0.05);padding:1.05rem;}.oglas-card-wide{background:linear-gradient(110deg,#ffffff 0%,#f1fffb 100%);}.oglas-card-head{align-items:center;display:flex;justify-content:space-between;}.oglas-icon{align-items:center;border-radius:999px;display:inline-flex;font-size:1rem;height:2.1rem;justify-content:center;width:2.1rem;}.icon-success{background:#dff6ec;color:#1f9d64;}.icon-info{background:#e2f5ff;color:#0c88c0;}.icon-warning{background:#fff2d9;color:#c97500;}.icon-primary{background:#e8eeff;color:#3f58c9;}.icon-dark{background:#eceff3;color:#314456;}.icon-orange{background:#ffe7da;color:#d2601e;}.cta-card{align-items:start;display:flex;flex-direction:column;justify-content:center;}.calc-form{background:linear-gradient(120deg,#ffffff 0%,#f4fffb 100%);}.kpi-line{align-items:center;display:flex;font-size:0.97rem;justify-content:space-between;margin-bottom:0.6rem;}.kpi-line strong{font-weight:700;}.kpi-value.positive{color:#198754;}.kpi-value.negative{color:#dc3545;}.kpi-value.neutral{color:#6c757d;}.kpi-note{border-top:1px dashed #ccd8e2;color:#516273;font-size:0.86rem;margin-bottom:0;padding-top:0.68rem;}.viaris-footer{background:#0d2734;color:rgba(255,255,255,0.88);}.viaris-footer .h5{color:#ffffff;}.footer-link{color:rgba(255,255,255,0.86);text-decoration:none;}.footer-link:hover,.footer-link:focus{color:#ffffff;text-decoration:underline;}.footer-meta{border-top:1px solid rgba(255,255,255,0.18);font-size:0.86rem;padding-top:0.9rem;}.legal-card{background:#ffffff;border:1px solid #dbe4eb;border-radius:16px;box-shadow:0 10px 30px rgba(20,38,54,0.05);padding:1.05rem;}@media (max-width:767.98px){.hero-section::after{height:220px;right:-90px;top:-90px;width:220px;}.hero-metrics{gap:0.4rem;}.metric-pill{font-size:0.76rem;}}