/* Lobit — daylight design system. Shared by every public page. */
:root {
  color-scheme: light;
  --bg:#f7f8fa; --bg-2:#eef1f5; --bg-3:#e7edf4;
  --card:#fff; --card-2:#f5f8fc;
  --ink:#172337; --ink-2:#39465a; --muted:#58667a; --silver:#627085;
  --blue-500:#2b7fff; --blue-600:#1e68db; --blue-400:#185bbf; --blue-300:#185bbf;
  --orange:#1e68db; --orange-2:#185bbf; --orange-dark:#124a9e;
  --line:rgba(32,57,91,.11); --line-2:rgba(32,57,91,.19); --border:var(--line);
  --success:#157347; --danger:#b43850;
  --radius:12px; --radius-lg:18px; --radius-xl:22px;
  --shadow-md:0 12px 32px -18px rgba(25,45,75,.2);
  --shadow-lg:0 24px 64px -28px rgba(25,45,75,.22);
  --shadow-blue:0 8px 20px -10px rgba(30,104,219,.35);
  --shadow-orange:var(--shadow-blue);
}
body {background:linear-gradient(120deg,#fafbfc,#f1f3f6);font-size:16px;line-height:1.7;}
::selection {background:#cfe2ff;color:#172337;}
h1,h2,h3,h4 {text-wrap:balance;}
p {text-wrap:pretty;}
:focus-visible {outline:3px solid var(--blue-600);outline-offset:4px;}
a:focus-visible,button:focus-visible,.btn:focus-visible {outline-color:var(--blue-600);box-shadow:0 0 0 4px rgba(43,127,255,.12);}
.nav,.nav.scrolled {background:rgba(255,255,255,.94);border-bottom-color:var(--line);}
.nav-inner {height:88px;}
.nav-logo img {height:60px;}
.nav-links > a,.nav-links > .nav-item > .nav-trigger {font-size:14px;color:var(--ink-2);}
.nav-links > a:hover,.nav-links > a.active,.nav-links > .nav-item > .nav-trigger:hover,.nav-links > .nav-item.active > .nav-trigger {color:var(--blue-600);}
.nav-links > a.active::before,.nav-links > a.active::after,.nav-links > .nav-item.active > .nav-trigger::before,.nav-links > .nav-item.active > .nav-trigger::after {content:none;}
.nav-links > a.active,.nav-item.active > .nav-trigger {box-shadow:inset 0 -2px var(--blue-600);}
.mega-menu,.mega-menu::after {background:#fff;}
.mega-menu {box-shadow:var(--shadow-lg);border-color:var(--line);border-radius:16px;}
.mega-title,.mega-item-compact {color:var(--ink);}
.mega-desc {color:var(--muted);}
.nav-toggle span {background:var(--ink);}
.btn {border-radius:9px;font-weight:650;min-height:46px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;}
.btn-primary,.btn-orange,.btn-secondary,.btn-blue,.article-cta-box .btn-primary,.sidebar-cta .btn-primary {background:var(--blue-600);color:#fff;box-shadow:var(--shadow-blue);}
.btn-primary:hover,.btn-orange:hover,.btn-secondary:hover,.btn-blue:hover {background:#185bbf;color:#fff;transform:translateY(-2px);}
.btn-outline {color:var(--blue-600);border-color:rgba(30,104,219,.38);background:rgba(255,255,255,.65);box-shadow:none;}
.btn-outline:hover {color:#fff;}
.btn-white {background:#fff;color:var(--blue-600);border:1px solid var(--line);}
.btn-white:hover {background:#e8f1ff;color:var(--blue-600);}
.skip-link {background:var(--blue-600);color:#fff;}
.order-form,.order-form label,.order-form input,.order-form select,.order-form textarea,.order-form .pkg-name {color:var(--ink);}
.countdown-banner {background:linear-gradient(135deg,#e7f0ff,#f0f3f7);}
.problem-item h5 {color:#b42332;}
.solution-item h5 {color:#157347;}
.hero,.page-header,.page-hero,.article-hero {
  background:radial-gradient(ellipse at 100% 20%,rgba(43,127,255,.10),transparent 60%),linear-gradient(120deg,#fafbfc 5%,#eef0f3 75%,#e9edf3);
  isolation:isolate;position:relative;overflow:hidden;
}
.hero::before,.page-header::before,.page-hero::before,.article-hero::before,.cta-section::before {
  content:"";position:absolute;inset:0 0 0 48%;pointer-events:none;z-index:0;
  background:repeating-linear-gradient(128deg,transparent 0 27px,rgba(43,127,255,.15) 28px,transparent 29px 56px);
  mask-image:linear-gradient(90deg,transparent,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);
}
.stars {display:none;}
.hero-inner,.article-hero > .article-container,.page-hero > .container {position:relative;z-index:1;}
.hero {padding:92px 0 82px;}
.hero h1 {font-size:clamp(42px,5.4vw,72px);font-weight:750;letter-spacing:-.045em;line-height:1.08;color:var(--ink);}
.hero h1 .hero-h1-accent,.hero-tagline {color:var(--ink);}
.hero h1 .hero-h1-accent::after {height:3px;opacity:.6;}
.hero-subtitle {color:var(--ink-2);font-size:18px;max-width:580px;}
.hero-stats {border-top:1px solid var(--line-2);padding-top:24px;}
.hero-stat-num {color:var(--ink);}
.hero-image {box-shadow:var(--shadow-lg);border-radius:20px;}
.hero-visual::before,.hero-visual::after {opacity:.2;}
.home-proof-panel {position:relative;background:rgba(255,255,255,.92);border:1px solid rgba(30,104,219,.2);border-radius:18px;padding:30px;box-shadow:var(--shadow-lg);text-align:left;}
.home-proof-heading {display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);}
.home-proof-heading .section-tag {font-size:10px;margin:0;}
.home-proof-status {font-size:10px;color:var(--muted);font-family:Roboto,Arial,sans-serif;}
.home-proof-feature {display:block;padding:30px 0 24px;}
.home-proof-kicker {font-size:11px;letter-spacing:.08em;color:var(--muted);font-weight:650;}
.home-proof-feature > strong {display:block;color:var(--blue-600);font-size:clamp(64px,7vw,100px);line-height:1.2;letter-spacing:-.065em;margin:8px 0;}
.home-proof-feature > strong > span {font-size:.6em;margin-left:4px;}
.home-proof-feature p {font-size:16px;color:var(--ink-2);max-width:310px;}
.home-proof-link {display:flex;justify-content:space-between;color:var(--blue-600);font-size:13px;font-weight:650;margin-top:20px;}
.home-proof-path {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;}
.home-proof-path > span {font-size:12px;color:var(--ink-2);}
.home-proof-path b {display:block;font-family:Roboto,Arial,sans-serif;font-size:10px;color:var(--blue-600);margin-bottom:5px;}
.home-proof-bottom {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:22px;}
.home-proof-bottom strong {display:block;color:var(--ink);font-size:30px;letter-spacing:-.04em;line-height:1.3;}
.home-proof-bottom span {font-size:12px;color:var(--muted);}
.home-proof-note {font-size:10px;color:var(--muted);margin-top:20px;line-height:1.6;}
.page-header-subtitle::before {margin-left:0;}
.hero-card,.testimonial-card {background:linear-gradient(135deg,#fff,#f5f7fa);box-shadow:var(--shadow-md);}
.hero-card-text,.hero-card-title,.author-name {color:var(--ink);}
.page-header {padding:82px 0 72px;}
.page-header .container,.page-header > .container {text-align:left;}
.page-header .breadcrumb {justify-content:flex-start;letter-spacing:.06em;}
.page-header h1,.page-hero h1,.article-hero h1,.error-title {
  background:none;-webkit-text-fill-color:var(--ink);color:var(--ink);font-weight:750;letter-spacing:-.045em;line-height:1.12;
}
.page-header h1 {font-size:clamp(40px,5.3vw,70px);max-width:1020px;}
.page-header h1 .hl-blue,.page-hero h1 .highlight {color:var(--blue-600);-webkit-text-fill-color:var(--blue-600);}
.page-header p {margin-left:0;max-width:790px;color:var(--ink-2);font-size:19px;}
.page-header .breadcrumb .current {color:var(--ink-2);}
.page-header-subtitle {justify-content:flex-start;}
.section,.sec {padding-top:88px;padding-bottom:88px;}
.section-header {text-align:left;margin:0 0 40px;max-width:840px;}
.section-header p {margin-left:0;max-width:760px;color:var(--muted);}
.section-header h2,.section h2,.sec h2 {font-weight:700;letter-spacing:-.035em;font-size:clamp(30px,3.6vw,46px);line-height:1.17;}
.section-tag,.sec-eyebrow,.hero-badge {
  background:none;border:0;border-radius:0;padding:0;color:var(--blue-600);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;
}
.section-tag::before,.section-tag::after,.sec-eyebrow::before,.sec-eyebrow::after {content:none;}
.section-tag.blue,.sec-eyebrow.blue {background:none;color:var(--blue-600);}
.hl-gradient {background:none;color:var(--blue-600);-webkit-text-fill-color:var(--blue-600);}
.guarantee-banner,.guarantee-banner--hero {background:#e9eef5;border-color:var(--line);}
.guarantee-inner {padding-top:20px;padding-bottom:20px;}
.guarantee-pill {color:var(--blue-600);border-color:rgba(30,104,219,.22);}
.guarantee-text strong,.guarantee-banner--hero .guarantee-text strong {color:var(--ink-2);font-weight:550;}
.section--dark,.stats-section,.contact-section {background:linear-gradient(120deg,#f0f2f5,#e8edf3);border-color:var(--line);}
.section--dark::before {opacity:.15;}
.service-card,.card,.why-card,.process-step,.section--dark .process-step,.section--dark .faq-item,.faq-item,.home-result-card,.service-case-card,.seo-type-card,.story-block,.audit-error-item,.audit-process-step {
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:none;
}
.service-card,.card,.why-card {padding:30px;}
.service-card:hover,.card:hover,.why-card:hover,.home-result-card:hover,.service-case-card:hover {background:#fff;border-color:rgba(30,104,219,.4);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.service-card::before {height:2px;}
.service-card h3,.card h3,.why-card h3 {font-size:23px;letter-spacing:-.025em;}
.service-card p,.card p,.why-card p {color:var(--muted);font-size:15.5px;}
.service-icon--image img,.why-icon--image img {max-height:64px;width:auto;}
.stat-num,.stats-grid > div:nth-child(2) .stat-num,.stats-grid > div:nth-child(4) .stat-num,.case-result-num {background:none;color:var(--blue-600);-webkit-text-fill-color:var(--blue-600);}
.stats-grid > div {border-right:1px solid var(--line-2);}
.stats-grid > div:last-child {border-right:0;}
.pricing-grid {gap:24px;align-items:stretch;}
.pricing-card,.pricing-card.popular {background:linear-gradient(145deg,#fff,#f7f9fc);border:1px solid var(--line-2);border-radius:16px;box-shadow:none;transform:none;padding:32px;}
.pricing-card.popular {background:linear-gradient(145deg,#f7fbff,#eaf2ff);border:2px solid var(--blue-600);padding:31px;}
.pricing-card:hover,.pricing-card.popular:hover {transform:translateY(-4px);box-shadow:var(--shadow-md);}
.pricing-card::before {display:none;}
.popular-badge {background:var(--blue-600);color:#fff;border-radius:7px;font-size:11px;box-shadow:none;}
.pricing-name,.pricing-card.popular .pricing-name {background:none;border:0;border-radius:0;padding:0;color:var(--blue-600);letter-spacing:.12em;font-size:12px;}
.pricing-price {margin-top:22px;}
.pricing-amount {color:var(--ink);font-size:clamp(44px,4.7vw,60px);letter-spacing:-.05em;}
.pricing-currency {color:var(--blue-600);}
.pricing-features li .check {color:var(--blue-600);background:#e9f1ff;}
.pricing-tagline {color:var(--ink-2);}
.faq-item,.section--dark .faq-item {border-radius:10px;}
.faq-question {color:var(--ink);font-weight:650;padding-top:22px;padding-bottom:22px;}
.faq-icon {background:#eaf2ff;color:var(--blue-600);border-radius:6px;}
.faq-item.open {background:#f8fbff;border-color:rgba(30,104,219,.35);}
.cta-section {position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 20%,rgba(43,127,255,.12),transparent 65%),linear-gradient(120deg,#eceff3,#e4eaf2);border-color:var(--line);padding:84px 0;}
.cta-inner {position:relative;z-index:1;}
.cta-section h2 {color:var(--ink);letter-spacing:-.04em;}
.cta-section p {color:var(--ink-2);}
.footer {background:#f6f7f9;border-top:1px solid var(--line);}
.footer-col h4,.footer-brand .logo,.social-link {color:var(--ink);}
.footer-col a:hover {color:var(--blue-600);}
.social-link {background:#e9edf3;}
.social-link:hover {color:#fff;}
.footer-brand .logo img {max-height:60px;width:auto;}
.footer-brand .logo img,.footer .nav-logo img {filter:none;background:none;box-shadow:none;}
.prefooter {background:linear-gradient(120deg,#f7f8fa,#eef1f5);}
.prefooter > .container {border-color:var(--line-2);}
.cookie-banner {background:rgba(255,255,255,.98);box-shadow:0 -8px 30px rgba(25,45,75,.07);border-color:var(--line-2);}
#cookie-reject {background:#e9edf3 !important;color:var(--ink) !important;}
.contact-form,#contact-form {background:linear-gradient(135deg,#fff,#f7f9fc) !important;border:1px solid var(--line-2);box-shadow:var(--shadow-md);}
.form-group input,.form-group textarea,.form-group select {background:#fff;color:var(--ink);border-color:#b8c3d2;min-height:48px;border-radius:8px;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus {background:#fff;border-color:var(--blue-600);}
.form-group select option {background:#fff;color:var(--ink);}
.form-group input::placeholder,.form-group textarea::placeholder {color:#68758a;opacity:1;}
.recognition-box__inner,.recognition-list li,.growth-chart,.blog-filter,.seo-croatia-block {background:linear-gradient(130deg,#fff,#f0f4f9);}
.recognition-cta {color:var(--ink);}
.recognition-bullet,.case-step-num,.case-impl-list li::before,.blog-filter-btn.active,.article-highlight::before,.article-content ol.article-highlight-list li::before {color:#fff;}
.article-body-wrap {background:#fafbfc;}
.article-content {color:var(--ink-2);}
.article-content > p:first-child,.article-content blockquote,.article-callout,.article-highlight .article-highlight-footer {color:var(--ink-2);}
.article-content h2,.article-content h3 {letter-spacing:-.025em;}
.article-content h2 {font-size:clamp(26px,3vw,34px);}
.article-content a {color:var(--blue-600);text-underline-offset:4px;}
.article-content .btn-primary {color:#fff;}
.article-content blockquote,.article-callout,.article-highlight,.article-cta-box,.sidebar-widget,.related-card {background:linear-gradient(135deg,#f0f5fc,#fff);border-color:var(--line-2);}
.blog-filter-btn.active {background:var(--blue-600);}
.blog-content h3 a {color:var(--ink);}
.service-case-media::after,.home-result-media::after {opacity:.15;}
.commercial-proof-strip {background:#eaf0f7;}
.commercial-proof-value {color:var(--ink);}
.audit-snapshot {box-shadow:var(--shadow-lg);border:1px solid var(--line-2);}
.audit-snapshot-bar {background:#e4eaf2;}
.audit-snapshot-bar strong,.audit-snapshot figcaption {color:var(--ink-2);}
.audit-snapshot figcaption {background:#eaf0f7;}
.audit-process-step {border-top:2px solid var(--blue-600);}
.audit-process-number {font-size:14px;}
.audit-scope-number {background:#edf4ff;border:1px solid rgba(30,104,219,.2);color:var(--blue-600);font-size:15px;font-family:Roboto,Arial,sans-serif;border-radius:8px;}
.growth-chart svg text,.article-callout-chart svg text {fill:var(--ink-2);}
.audit-intro-grid {display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center;}
.audit-intro-grid h1 {font-size:clamp(40px,4.5vw,62px);margin-top:18px;}
.audit-intro-grid .hero-actions {margin-top:30px;}
.audit-delivery {background:rgba(255,255,255,.85);border:1px solid rgba(30,104,219,.22);border-radius:16px;padding:30px;box-shadow:var(--shadow-lg);}
.audit-delivery-label {display:block;font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--blue-600);margin-bottom:12px;}
.audit-delivery-row {display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);}
.audit-delivery-row > span {color:var(--blue-600);font-family:Roboto,Arial,sans-serif;font-size:12px;margin-top:4px;}
.audit-delivery-row strong {color:var(--ink);font-weight:650;}
.audit-delivery-row p {font-size:13px;margin:5px 0 0;line-height:1.5;}
.audit-delivery > a {display:flex;justify-content:space-between;color:var(--blue-600);font-size:14px;font-weight:650;padding-top:20px;}
.service-jump-links {display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:30px;font-size:13px;font-weight:650;color:var(--blue-600);}
.service-jump-links a {border-bottom:1px solid rgba(30,104,219,.3);padding:5px 0;}
.service-jump-links a:hover {border-color:var(--blue-600);}
[id] {scroll-margin-top:110px;}
@media(min-width:861px) {
  .services-grid {gap:22px;}
  .audit-process-grid {gap:20px;}
}
@media(max-width:860px) {
  .nav-inner {height:74px;}
  .nav-logo img {height:48px;}
  .nav-links,.nav-links.open,.nav-links .mega-menu {background:#fff;}
  .nav-links {border-color:var(--line);}
  .nav-links > a,.nav-links > .nav-item > .nav-trigger {font-size:16px;min-height:48px;}
  .hero {padding:52px 0;}
  .hero h1 {font-size:clamp(38px,7vw,56px);}
  .page-header {padding:48px 0;}
  .page-header h1 {font-size:clamp(36px,7vw,52px);}
  .page-header p {font-size:17px;}
  .section,.sec {padding-top:56px;padding-bottom:56px;}
  .section-header {margin-bottom:30px;}
  .section-header h2,.section h2,.sec h2 {font-size:clamp(28px,5vw,36px);}
  .pricing-card,.pricing-card.popular {padding:28px 24px;}
  .pricing-card.popular {padding:27px 23px;}
  .hero::before,.page-header::before,.page-hero::before,.article-hero::before {left:35%;opacity:.6;}
  .audit-intro-grid {grid-template-columns:1fr;gap:32px;}
  .audit-delivery {max-width:620px;padding:25px;}
  .guarantee-inner {gap:12px;}
  .stats-grid > div {border:0;}
}
@media(max-width:540px) {
  .container {padding-left:22px;padding-right:22px;}
  .hero-actions .btn,.cta-actions .btn {width:100%;}
  .card,.service-card,.why-card {padding:25px;}
  .cta-section {padding:56px 0;}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  *,*::before,*::after {animation:none !important;transition:none !important;}
}

/* Homepage hero: blue lines fade in across the right half. */
.hero::before {
  inset:0 0 0 50%;
  opacity:1;
  background:repeating-linear-gradient(128deg,transparent 0 34px,rgba(43,127,255,.25) 35px,rgba(43,127,255,.12) 37px,transparent 39px 70px);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 100%);
}

/* Consistent CTA colours, with no movement on hover. */
:root {--button-orange:#f1941b;}
:is(.btn,.btn-primary,.btn-shop,.blog-filter-btn) {
  background:var(--button-orange) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff;
  border-color:var(--button-orange) !important;
  font-weight:750 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background .2s ease,border-color .2s ease;
}
:is(.btn,.btn-primary,.btn-shop,.blog-filter-btn):hover {
  background:linear-gradient(125deg,#157347,#218653) !important;
  color:#fff !important;
  border-color:#157347 !important;
  box-shadow:none !important;
  transform:none !important;
}
#cookie-reject {background:var(--button-orange) !important;color:#fff !important;}
#cookie-reject:hover {background:linear-gradient(125deg,#157347,#218653) !important;}
.btn:hover .arrow,.btn .arrow {transform:none;transition:none;}
.blog-filter-btn.active {outline:2px solid #9b3e04;outline-offset:3px;}

/* Homepage headline: larger dark lettering without a glow. */
.hero h1 {
  font-size:clamp(48px,6.2vw,82px);
  color:#172337;
  -webkit-text-fill-color:#172337;
  background:none;
  text-shadow:none;
}
.hero h1 .hero-h1-accent {color:#172337;background:none;text-shadow:none;}
.hero h1 .hero-h1-accent::after {box-shadow:none;}

/* The shared line pattern changes direction for the SEO section. */
.section-lines {position:relative;isolation:isolate;overflow:hidden;}
.section-lines::before {
  content:"";position:absolute;inset:0 0 0 50%;pointer-events:none;z-index:0;opacity:1;
  background:repeating-linear-gradient(128deg,transparent 0 34px,rgba(43,127,255,.25) 35px,rgba(43,127,255,.12) 37px,transparent 39px 70px);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 100%);
}
.section-lines--left::before {
  inset:0 50% 0 0;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 65%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 65%,transparent 100%);
}
.section-lines > .container {position:relative;z-index:1;}

/* High-contrast contact section, scoped to the homepage. */
#kontakt.contact-section {
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(125deg,#124a9e 0%,#1e68db 65%,#2b7fff 100%);
}
#kontakt.contact-section::before {
  content:"";position:absolute;inset:0 0 0 50%;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(128deg,transparent 0 34px,rgba(218,225,235,.24) 35px,rgba(218,225,235,.10) 37px,transparent 39px 70px);
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 35%,#000);
  -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 35%,#000);
}
.guarantee-blue.guarantee-banner {
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(125deg,#124a9e 0%,#1e68db 65%,#2b7fff 100%);
  border-color:rgba(255,255,255,.18);
}
.guarantee-blue.guarantee-banner::before {
  display:none;
}
.guarantee-blue .guarantee-inner {position:relative;z-index:1;}
.guarantee-blue .guarantee-pill {color:#fff;}
.guarantee-blue .guarantee-text,.guarantee-blue .guarantee-text strong {color:#e0eaff;}
#kontakt.contact-section > .container {position:relative;z-index:1;}
#kontakt .contact-grid > div:first-child {color:#fff;}
#kontakt .contact-grid > div:first-child h2 {color:#fff;}
#kontakt .section-tag {color:#e0eaff;}
#kontakt .home-contact-lead {color:#e0eaff;}
#kontakt .contact-detail {border-color:rgba(255,255,255,.25);}
#kontakt .contact-detail a {color:#fff;}
#kontakt .contact-detail a:hover {color:#fff;text-decoration:underline;}
#kontakt .contact-detail .icon {background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);}
#kontakt #contact-form {background:#fff !important;}
#kontakt #contact-form::before {display:none;}
#kontakt #contact-form label {color:var(--ink-2);}
#kontakt #contact-form > p:last-child {color:var(--muted) !important;}
@media(max-width:860px) {
  .hero h1 {font-size:clamp(44px,8.2vw,64px);}
}

/* The homepage visual language on service, editorial and project pages. */
.step-number,.seo-process-section .step-number,.audit-process-number,.case-step-num {
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:44px;height:44px;border-radius:12px;font-size:18px;font-weight:800;line-height:1;letter-spacing:0;
  color:#f1941b;background:#fff4e5;border:1px solid rgba(241,148,27,.35);box-shadow:none;
}
.audit-hero-subtitle {font-size:clamp(26px,3vw,38px);font-weight:650;letter-spacing:-.025em;line-height:1.2;margin:0 0 24px;color:var(--ink);}
.page-no-icons .nav-toggle {width:auto;min-width:82px;padding:10px 12px;font-size:13px;font-weight:700;}
.page-no-icons .social-link {width:auto;padding:8px 12px;}
.page-no-icons .footer-social {flex-wrap:wrap;}
.page-no-icons .recognition-list li {display:block;}
.page-no-icons .hero-card-title::before,.page-no-icons .article-meta .read-time::before,
.page-no-icons .case-impl-list li::before,.page-no-icons .content-section ul li::before,
.page-no-icons .price-features li::before {content:none;}
.article-callout::before,.article-content blockquote::before {display:none;content:none;}
.article-highlight::before {content:"AKCIJA";}
.contact-section .contact-detail {color:#fff;}
.prefooter--article {
  background:linear-gradient(125deg,#124a9e 0%,#1e68db 65%,#2b7fff 100%);
  color:#fff;
}
.prefooter--article :is(h2,h3,h3 a) {color:#fff;}
.prefooter--article :is(p,.prefooter-kicker,.prefooter-card-label) {color:#e0eaff;}
.prefooter--article .prefooter-head > p:last-child {color:#e0eaff;}
.prefooter--article .prefooter-card :is(p a,.prefooter-links a) {color:#fff;}
.prefooter--article :is(.container,.prefooter-head,.prefooter-card) {border-color:rgba(255,255,255,.24);}
.prefooter--article a:hover {color:#fff;text-decoration:underline;}
.page-no-icons .nav-item .nav-trigger::after {content:none !important;}
.page-no-icons .case-impl-list li,.page-no-icons .content-section ul li,.page-no-icons .price-features li {padding-left:0;}
.section-divider-bottom {border-bottom:1px solid var(--line);}
.maintenance-page .pricing-tagline.pricing-discount {color:#fff;-webkit-text-fill-color:#fff;}
.maintenance-bonus {background:var(--bg);text-align:center;}
.maintenance-bonus::before,.maintenance-bonus::after {display:none;}
.maintenance-bonus h2,.maintenance-bonus h3 {color:var(--ink);}
.maintenance-bonus p {color:var(--muted);max-width:780px;margin:20px auto 0;}
@media(max-width:860px) {
  .page-no-icons .nav-inner {gap:12px;padding-left:20px;padding-right:20px;}
  .page-no-icons .nav-cta {gap:8px;}
  .page-no-icons .nav-toggle {min-width:70px;padding:10px 8px;}
}
.seo-results-section::before,.seo-results-section::after {display:none;}
.page-header::before,.page-hero::before,.article-hero::before {
  inset:0 0 0 50%;opacity:1;
  background:repeating-linear-gradient(128deg,transparent 0 34px,rgba(43,127,255,.25) 35px,rgba(43,127,255,.12) 37px,transparent 39px 70px);
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 35%,#000);
  -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 35%,#000);
}
.article-hero > .container {position:relative;z-index:1;}
.page-header h1,.page-hero h1 {
  font-size:clamp(44px,5.8vw,76px);color:#172337;-webkit-text-fill-color:#172337;
  background:none;text-shadow:none;
}
.page-header .audit-intro-grid h1 {font-size:clamp(44px,4.8vw,66px);}
.page-header h1 .hl-blue,.page-hero h1 .highlight {color:#172337;-webkit-text-fill-color:#172337;}
.article-hero h1 {font-size:clamp(36px,4.5vw,58px);background:none;text-shadow:none;color:#172337;-webkit-text-fill-color:#172337;}
.cta-section,.contact-section {
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(125deg,#124a9e 0%,#1e68db 65%,#2b7fff 100%);
}
.cta-section::before,.contact-section::before {
  content:"";position:absolute;inset:0 0 0 50%;z-index:0;pointer-events:none;opacity:1;
  background:repeating-linear-gradient(128deg,transparent 0 34px,rgba(218,225,235,.24) 35px,rgba(218,225,235,.10) 37px,transparent 39px 70px);
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 35%,#000);
  -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 35%,#000);
}
.cta-section > .container,.contact-section > .container {position:relative;z-index:1;}
.cta-section h2,.contact-section .contact-grid > div:first-child :is(h2,h3,h4) {color:#fff !important;}
.cta-section p,.contact-section .contact-grid > div:first-child p {color:#e0eaff !important;}
.cta-section .section-tag,.contact-section .section-tag {color:#e0eaff;}
.contact-section .contact-grid > div:first-child {color:#fff;}
.contact-section .contact-detail {border-color:rgba(255,255,255,.25);}
.contact-section .contact-detail a {color:#fff;}
.contact-section .contact-detail .icon {background:rgba(255,255,255,.12);}
.contact-section #contact-form {background:#fff !important;}
.contact-section #contact-form::before {display:none;}
.article-cta-box,.sidebar-cta {background:linear-gradient(125deg,#124a9e,#1e68db);}
.article-cta-box h3,.article-cta-box p,.sidebar-cta h4,.sidebar-cta p {color:#fff;}
@media(max-width:860px) {
  .page-header h1,.page-hero h1 {font-size:clamp(40px,7.5vw,56px);}
  .page-header .audit-intro-grid h1 {font-size:clamp(40px,7.5vw,56px);}
  .article-hero h1 {font-size:clamp(32px,6vw,44px);}
}
.mobile-menu-content {display:none;}
@media(max-width:860px) {
  /* Glavne stavke i podizbornik usluga skrolaju zajedno. */
  .nav,.nav.scrolled {backdrop-filter:none;-webkit-backdrop-filter:none;}
  .nav-links > :not(.mobile-menu-content) {display:none !important;}
  .nav-links.open {display:block;transform:none;}
  .nav-links {overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;}
  .mobile-menu-content {display:flex;flex-direction:column;width:100%;padding-bottom:24px;}
  .mobile-menu-content a {display:flex;align-items:center;min-height:48px;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;}
  .mobile-menu-content a[aria-current="page"] {color:var(--blue-600);}
  .mobile-services-toggle {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:left;cursor:pointer;}
  .mobile-services-toggle::after {content:'+';color:var(--blue-600);font-size:20px;font-weight:500;}
  .mobile-services-toggle[aria-expanded="true"] {color:var(--blue-600);}
  .mobile-services-toggle[aria-expanded="true"]::after {content:'−';}
  .mobile-services {margin:4px 0 8px 8px;padding-left:12px;border-left:2px solid rgba(43,127,255,.2);}
  .mobile-services[hidden] {display:none;}
  .mobile-services a {font-size:15px;font-weight:500;padding:12px 4px;}
}