/*
Theme Name: Fortis Consulting Premium
Theme URI: https://fortisusluge.hr/
Author: FORTIS CONSULTING
Author URI: https://fortisusluge.hr/
Description: Prilagođena WordPress tema za FORTIS CONSULTING — računovodstvo, financijsko savjetovanje, EU fondovi i projekti. Sav sadržaj uređuje se kroz FORTIS uređivač bez izmjene koda.
Version: 54.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fortis-consulting
*/
:root{
  --ink:#06182b;--ink-2:#0a2440;--muted:#637180;--paper:#f5f2eb;--paper-2:#fbfaf7;--white:#fff;
  --line:#ddd8cc;--gold:#d6a446;--gold-2:#efcf8a;--gold-dark:#9a6d20;--deep:#041222;--deep-2:#071b31;
  --radius:22px;--radius-lg:36px;--shadow:0 22px 70px rgba(16,39,45,.10);--shadow-sm:0 10px 34px rgba(16,39,45,.07);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,calc(100% - 42px));margin-inline:auto}.narrow{width:min(820px,100%)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,39,45,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:82px}.brand{display:flex;align-items:center;gap:13px;font-weight:850;letter-spacing:.08em}.brand-mark-img{width:42px;height:42px;border-radius:12px;box-shadow:0 6px 18px rgba(16,39,45,.12)}.brand-copy{line-height:1.1}.brand-copy small{display:block;margin-top:6px;font-size:.64rem;color:var(--muted);letter-spacing:.15em;font-weight:700}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:21px;align-items:center}.main-nav a{font-size:.92rem;font-weight:720;transition:.2s}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold-dark)}.menu-toggle{display:none;border:0;background:none;font-size:1.55rem;color:var(--ink);cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 21px;border-radius:999px;background:var(--deep);color:#fff;font-weight:780;border:1px solid var(--deep);transition:.22s ease;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn.secondary{background:transparent;color:var(--deep)}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--deep)}.btn.light{background:#fff;color:var(--deep);border-color:#fff}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:850;color:var(--gold-dark);margin-bottom:14px}.hero .eyebrow,.dark .eyebrow{color:var(--gold-2)}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.07;margin:0 0 18px;font-weight:700;letter-spacing:-.025em}h1{font-size:clamp(2.55rem,5.3vw,5.15rem)}h2{font-size:clamp(1.85rem,3.6vw,3.25rem)}h3{font-size:clamp(1.25rem,2.1vw,1.72rem)}h4{font-size:1.2rem}.lead{font-size:clamp(1.02rem,1.45vw,1.18rem);color:var(--muted);max-width:790px}.micro{font-size:.88rem;color:var(--muted)}
.hero{position:relative;overflow:hidden;padding:76px 0 66px;background:linear-gradient(135deg,var(--deep) 0%,#15353e 62%,#193e47 100%);color:#fff}.hero:after{content:"";position:absolute;inset:auto -140px -260px auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(201,164,93,.18),transparent 68%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center;position:relative;z-index:1}.hero h1{max-width:860px}.hero .lead{color:#d2dde0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-weight:700;color:#f2e4c3}.hero-visual{position:relative}.hero-visual img{border-radius:32px;box-shadow:0 34px 90px rgba(0,0,0,.28);transform:rotate(1deg)}.floating-badge{position:absolute;left:-28px;bottom:34px;background:#fff;color:var(--ink);padding:17px 20px;border-radius:18px;box-shadow:var(--shadow);font-weight:800;max-width:230px}.floating-badge small{display:block;color:var(--muted);font-weight:600;margin-top:3px}
.section{padding:72px 0}.section.alt{background:var(--paper-2)}.section.paper{background:var(--paper)}.section.dark{background:var(--deep);color:#fff}.section.dark .lead,.section.dark p{color:#cad6d9}.section-head{max-width:860px;margin-bottom:40px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.card{padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 28px rgba(16,39,45,.035)}.card.hover{transition:.24s ease}.card.hover:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#cfc4ad}.card.dark-card{background:#14323a;border-color:#2b4d55;color:#fff}.card .num{font-size:.73rem;letter-spacing:.17em;color:var(--gold-dark);font-weight:850}.dark-card .num{color:var(--gold-2)}.card p:last-child{margin-bottom:0}.service-card{position:relative;overflow:hidden;min-height:250px}.service-card:after{content:"";position:absolute;width:110px;height:110px;right:-34px;bottom:-34px;border-radius:50%;background:rgba(201,164,93,.11)}.service-card a{font-weight:800;color:var(--gold-dark)}.icon-pill{width:48px;height:48px;border-radius:14px;background:var(--paper);display:grid;place-items:center;font-size:1.25rem;margin-bottom:20px}.kicker{font-size:1.35rem;font-family:Georgia,"Times New Roman",serif}.statements{display:grid;gap:0;margin-top:10px}.statement{padding:19px 0;border-bottom:1px solid var(--line);font-weight:680}.checklist{list-style:none;padding:0;margin:20px 0 0}.checklist li{position:relative;padding:9px 0 9px 30px}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--gold-dark);font-weight:900}.quote-band{padding:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ead9b8,#f6efe1);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,3vw,2.7rem);box-shadow:var(--shadow-sm)}
.visual-panel{background:var(--deep);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.visual-panel img{border-radius:22px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.metric{background:#fff;border-radius:16px;padding:17px}.metric strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.6rem;color:var(--gold-dark)}
.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:54px}.content article h1{font-size:clamp(2.3rem,4.3vw,4rem)}.content article h2{font-size:clamp(1.65rem,3vw,2.6rem);margin-top:44px}.content article h3{font-size:clamp(1.35rem,2.4vw,2rem);margin-top:34px}.content article p,.content article li{font-size:1rem}.content article ul{padding-left:22px}.content article blockquote{margin:34px 0;padding:28px 30px;border-left:4px solid var(--gold);background:var(--paper);font-family:Georgia,"Times New Roman",serif;font-size:1.45rem}.sidebar{position:sticky;top:112px;align-self:start}.sidebar .card{margin-bottom:18px}.breadcrumbs{font-size:.86rem;color:var(--muted);padding:22px 0}.faq{margin-top:28px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-bottom:0}.cta{padding:54px;border-radius:30px;background:linear-gradient(135deg,var(--deep),var(--deep-2));color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-100px;top:-130px;width:300px;height:300px;border-radius:50%;background:rgba(201,164,93,.12)}.cta p{color:#c9d5d8;max-width:760px}.cta>*{position:relative;z-index:1}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.24s ease}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.post-card .inner{padding:26px}.post-accent{height:8px;background:linear-gradient(90deg,var(--gold),var(--deep))}.meta{font-size:.84rem;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px}.contact-form{display:grid;gap:15px}.contact-form label{font-weight:740}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px 15px;border:1px solid #cbd0cc;border-radius:13px;font:inherit;background:#fff}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid rgba(201,164,93,.28);border-color:var(--gold)}.contact-form textarea{min-height:150px;resize:vertical}.notice{padding:14px 16px;border-radius:12px;background:#eef6ef;margin-bottom:18px}.notice.error{background:#fff0f0}.legal-note{padding:18px;border:1px dashed #c6b588;border-radius:14px;background:#fffaf0;color:#6a5831;font-size:.92rem}
.site-footer{background:#081a1f;color:#dce4e6;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:42px}.site-footer a{color:#fff}.site-footer .brand-copy small{color:#9eb0b5}.footer-bottom{border-top:1px solid #233840;margin-top:36px;padding-top:20px;color:#8fa2a7;font-size:.86rem}.footer-links{display:grid;gap:8px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.card.hover,.post-card{transition:none}}
@media(max-width:1040px){.hero-grid,.split{grid-template-columns:1fr}.hero-visual{max-width:720px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.content-wrap,.contact-grid{grid-template-columns:1fr}.sidebar{position:static}.post-grid{grid-template-columns:repeat(2,1fr)}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:22px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start}.menu-toggle{display:block}.floating-badge{left:20px}}
@media(max-width:680px){.container{width:min(100% - 28px,1200px)}.hero{padding:72px 0 58px}.section{padding:66px 0}.grid-2,.grid-3,.grid-4,.post-grid,.footer-grid,.metric-row{grid-template-columns:1fr}.cta{padding:36px 24px}.brand-copy{font-size:.82rem}.brand-copy small{display:none}.hero-visual{margin-top:8px}.floating-badge{position:static;margin-top:14px;max-width:none}.quote-band{padding:28px}.content article h1{font-size:2.65rem}}


/* FORTIS original logo identity — v3 */
.site-header{
  background:rgba(4,18,34,.96);
  border-bottom:1px solid rgba(214,164,70,.22);
  box-shadow:0 8px 30px rgba(0,0,0,.12);
}
.header-inner{min-height:92px}
.brand{gap:12px;color:#fff}
.brand-symbol{
  width:48px;height:52px;object-fit:cover;object-position:center;
  border-radius:5px;
}
.brand-copy{
  color:#fff;font-size:1rem;font-weight:820;letter-spacing:.22em;line-height:1;
}
.brand-copy small{
  display:block;color:var(--gold);font-size:.64rem;letter-spacing:.34em;margin-top:7px;font-weight:650
}
.main-nav a{color:#f6f7f8}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold-2)}
.menu-toggle{color:#fff}
.hero{
  padding:104px 0 96px;
  background:
    radial-gradient(circle at 78% 20%,rgba(214,164,70,.12),transparent 25%),
    linear-gradient(135deg,#03101f 0%,#041222 48%,#071b31 100%);
}
.hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 85%);
  pointer-events:none;
}
.hero .lead{color:#d6dde5}
.hero-note{color:#efd8a6;border-top-color:rgba(214,164,70,.25)}
.hero-logo-panel{
  border:1px solid rgba(214,164,70,.20);
  background:#041222;
  border-radius:32px;
  padding:28px;
  box-shadow:0 34px 90px rgba(0,0,0,.36);
  position:relative;
  overflow:hidden;
}
.hero-logo-panel:after{
  content:"";position:absolute;inset:-30%;
  background:radial-gradient(circle,rgba(214,164,70,.10),transparent 58%);
  pointer-events:none;
}
.hero-logo-panel img{width:100%;border-radius:18px;transform:none;position:relative;z-index:1}
.floating-badge{border:1px solid rgba(214,164,70,.22)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#041222}
.btn.gold:hover{background:#e3b55d;border-color:#e3b55d}
.btn.light{background:#fff;color:#041222;border-color:#fff}
.section.dark{background:#041222}
.card.dark-card{background:#071b31;border-color:#24415c}
.visual-panel{background:#041222}
.cta{background:linear-gradient(135deg,#041222,#0a2440)}
.site-footer{background:#020c17;border-top:1px solid rgba(214,164,70,.16)}
.footer-logo{width:min(300px,100%);margin-bottom:18px;border-radius:14px}
.post-accent{background:linear-gradient(90deg,var(--gold),#06182b)}
.quote-band{background:linear-gradient(135deg,#ead3a7,#f8f2e7)}
.icon-pill{color:#06182b}
@media(max-width:1040px){
  .main-nav{top:92px;background:#041222;border-bottom-color:rgba(214,164,70,.18)}
}
@media(max-width:680px){
  .header-inner{min-height:78px}
  .main-nav{top:78px}
  .brand-symbol{width:40px;height:44px}
  .brand-copy{font-size:.82rem;letter-spacing:.16em}
  .brand-copy small{display:block;font-size:.53rem;letter-spacing:.22em}
  .hero{padding:76px 0 64px}
  .hero-logo-panel{padding:16px;border-radius:22px}
}

/* v5 — navigation cleanup and desktop polish */
.header-inner{min-height:88px;gap:34px}
.site-header .container{width:min(100% - 40px,1360px)}
.brand{flex:0 0 auto;min-width:170px}
.brand-symbol{width:46px;height:50px;object-fit:contain}
.brand-copy{font-size:.9rem;letter-spacing:.18em;white-space:nowrap}
.brand-copy small{font-size:.56rem;letter-spacing:.24em}
.main-nav{margin-left:auto}
.main-nav .fortis-static-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px;white-space:nowrap}
.main-nav .fortis-static-menu li{margin:0;padding:0}
.main-nav .fortis-static-menu a{display:block;font-size:.88rem;font-weight:760;line-height:1.2}
.main-nav .nav-contact{padding:10px 15px;border:1px solid rgba(214,164,70,.45);border-radius:999px}
.main-nav .nav-contact:hover{background:var(--gold);color:#041222}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:72px}
.hero h1{font-size:clamp(3.7rem,5.25vw,5.7rem);line-height:.98;letter-spacing:-.035em;max-width:760px}
.hero h1 span{display:block}
.hero .lead{max-width:760px}
.hero-logo-panel{padding:22px;border-radius:28px}
.hero-logo-panel img{display:block;width:100%;height:auto}
.floating-badge{display:none!important}
@media(max-width:1180px){
  .main-nav .fortis-static-menu{gap:16px}
  .main-nav .fortis-static-menu a{font-size:.82rem}
  .brand{min-width:155px}
  .header-inner{gap:20px}
}
@media(max-width:1040px){
  .main-nav{display:none;position:absolute;top:88px;left:0;right:0;margin-left:0;background:#041222;border-bottom:1px solid rgba(214,164,70,.18);padding:18px 24px 24px}
  .main-nav.open{display:block}
  .main-nav .fortis-static-menu{flex-direction:column;align-items:stretch;gap:0;white-space:normal}
  .main-nav .fortis-static-menu a{padding:12px 4px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.07)}
  .main-nav .nav-contact{margin-top:10px;text-align:center;border-bottom:1px solid rgba(214,164,70,.45)}
  .menu-toggle{display:block}
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero-visual{max-width:720px}
}
@media(max-width:680px){
  .site-header .container{width:min(100% - 28px,1360px)}
  .header-inner{min-height:76px}
  .main-nav{top:76px}
  .brand{min-width:0}
  .brand-symbol{width:38px;height:42px}
  .brand-copy{font-size:.78rem;letter-spacing:.15em}
  .brand-copy small{font-size:.5rem}
  .hero h1{font-size:clamp(3rem,14vw,4.25rem)}
}
/* v7 — editable flexible content rows */
.fortis-flex-row{margin:34px 0;padding:0;display:grid;grid-template-columns:1fr;gap:28px;align-items:center}.fortis-flex-row.image_right,.fortis-flex-row.image_left{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.fortis-flex-row.highlight{padding:34px;border-radius:24px;background:linear-gradient(135deg,#f7f1e7,#fff);border:1px solid #ead8b7}.fortis-flex-media img,.article-feature-image img{display:block;width:100%;height:auto;border-radius:20px}.fortis-flex-media-below{margin-top:10px}.fortis-row-content>:first-child{margin-top:0}.fortis-row-content>:last-child{margin-bottom:0}.article-flex-row{margin:30px 0}.article-feature-image{margin:28px 0 34px}.content-page-rows{max-width:1100px}.fortis-flex-copy h2{margin-top:0}@media(max-width:820px){.fortis-flex-row.image_right,.fortis-flex-row.image_left{grid-template-columns:1fr}.fortis-flex-row.image_left .fortis-flex-media{order:0}.fortis-flex-row.image_left .fortis-flex-copy{order:1}}

/* v9 — homepage density, resilience and premium polish */
.reveal{opacity:1;transform:none}.reveal.is-visible{animation:fortisFade .55s ease both}@keyframes fortisFade{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero{padding-bottom:0}.hero-grid{padding-bottom:78px}.hero-lead-main{font-size:clamp(1.18rem,1.7vw,1.42rem);font-weight:650}.hero-support{color:#aebdca;max-width:720px;font-size:1.02rem}.hero-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(214,164,70,.18);background:rgba(2,12,23,.46);backdrop-filter:blur(10px)}.hero-strip span{padding:19px 24px;color:#d6dde5;text-align:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;border-right:1px solid rgba(255,255,255,.07)}.hero-strip span:last-child{border-right:0}
.intro-section{padding:84px 0}.intro-split{align-items:stretch}.intro-split>div{display:flex;flex-direction:column;justify-content:center}.quote-band{min-height:100%;display:flex;align-items:center;position:relative;padding:52px;font-size:clamp(1.8rem,3vw,3.05rem)}.quote-mark{position:absolute;top:10px;left:24px;font-size:6rem;line-height:1;color:rgba(154,109,32,.12);font-family:Georgia,serif}
.services-section{padding:88px 0 96px}.services-grid{align-items:stretch}.service-card{min-height:360px;display:flex;flex-direction:column}.service-card h3{font-size:1.65rem}.service-card p{font-size:.97rem;color:#52606d}.service-link{margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:8px}.service-link span{transition:transform .2s}.service-card:hover .service-link span{transform:translateX(4px)}
.why-section{padding:96px 0}.visual-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.statement{font-weight:500}.statement strong{font-weight:850}
.questions-section{padding:94px 0}.question-card{min-height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:27px}.question-card p{font-family:Georgia,"Times New Roman",serif;font-size:1.24rem;line-height:1.35;color:#fff!important}.q-num{font-size:.72rem;letter-spacing:.16em;color:var(--gold-2);font-weight:850}.questions-close{margin:34px 0 0;max-width:900px;font-size:1.08rem;font-weight:650}
.audience-section{padding:94px 0}.audience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.audience-grid .section-head{margin-bottom:0}.audience-list-card{padding:36px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#fff,#faf8f3);box-shadow:var(--shadow-sm)}.audience-list-card .checklist{margin:0}.audience-close{margin:22px 0 0;padding-top:22px;border-top:1px solid var(--line);font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:700;color:var(--ink)}
.process-section{padding:88px 0 96px}.process-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-card{padding:32px 28px;border-right:1px solid var(--line);background:transparent}.process-card:last-child{border-right:0}.process-card .num{font-size:.74rem;color:var(--gold-dark);font-weight:850;letter-spacing:.16em;margin-bottom:24px}.process-card h3{font-size:1.45rem}.process-card p{font-size:.95rem;color:var(--muted)}
.final-cta-section{padding:82px 0 96px}.final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center;padding:58px 62px}.final-cta h2{font-size:clamp(2.3rem,4vw,4rem);max-width:760px}.final-cta .cta-action{position:relative;z-index:2}.final-cta .btn{white-space:nowrap;padding:16px 24px}
@media(max-width:1040px){.audience-grid{grid-template-columns:1fr}.hero-strip{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.process-card:nth-child(2){border-right:0}.process-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.final-cta{grid-template-columns:1fr}}
@media(max-width:680px){.hero-grid{padding-bottom:54px}.hero-strip{grid-template-columns:1fr 1fr}.hero-strip span{padding:14px 8px;font-size:.66rem}.quote-band{padding:38px 28px;min-height:280px}.services-section,.why-section,.questions-section,.audience-section,.process-section{padding:66px 0}.service-card{min-height:0}.process-grid{grid-template-columns:1fr}.process-card{border-right:0!important;border-bottom:1px solid var(--line)!important}.process-card:last-child{border-bottom:0!important}.final-cta{padding:38px 26px}.audience-list-card{padding:26px 22px}}
\n/* v10 — mobile navigation/tap reliability */
@media(max-width:1040px){
  .site-header,.header-inner,.main-nav,.main-nav.open{overflow:visible}
  .main-nav{z-index:5000}
  .main-nav .fortis-static-menu,.main-nav li,.main-nav a{position:relative;z-index:5001}
  .main-nav a,.btn,.nav-contact{pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(214,164,70,.22)}
  .hero:after,.cta:after,.final-cta:after,.hero-logo-panel:before,.hero-logo-panel:after{pointer-events:none!important}
  .hero-actions,.hero-actions .btn,.final-cta .cta-action,.final-cta .btn{position:relative;z-index:20}
  .main-nav .nav-contact{display:block;min-height:48px;line-height:26px}
}

/* v11: compact content and editable global data */
.hero-support{max-width:720px;font-size:.98rem;color:#bfd0d6}.service-card p{font-size:.96rem}.section-head{margin-bottom:32px}.cta{padding:44px}.company-data{display:grid;gap:6px;font-size:.95rem}.company-data strong{color:var(--ink)}.footer-company-meta{font-size:.82rem;color:#a8b7bc;margin-top:12px}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.fortis-section-off{display:none!important}
@media(max-width:767px){h1{font-size:clamp(2.25rem,11vw,3.25rem)}h2{font-size:clamp(1.75rem,8vw,2.45rem)}.hero{padding:58px 0 50px}.section{padding:54px 0}.card{padding:22px}.cta{padding:30px 24px}.lead{font-size:1.03rem}.content article h1{font-size:2.45rem}.content article h2{font-size:2rem;margin-top:36px}}
.footer-links li{list-style:none;margin:0;padding:0}.footer-links ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}


/* v14 — Kontakt kartica */
.contact-company-card{position:relative;overflow:hidden;padding:0!important;border:1px solid rgba(214,164,70,.32)!important;border-radius:28px!important;background:linear-gradient(180deg,#fff 0%,#fcfaf5 100%)!important;box-shadow:0 18px 54px rgba(6,24,43,.08)!important}
.contact-company-card:before{content:"";position:absolute;right:-70px;top:-75px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(214,164,70,.18),rgba(214,164,70,0) 70%);pointer-events:none}
.contact-card-head{padding:28px 30px 22px;border-bottom:1px solid rgba(6,24,43,.08);position:relative;z-index:1}.contact-card-head h3{font-family:inherit;font-size:1.03rem;letter-spacing:.045em;margin:0 0 8px;font-weight:850}.contact-card-head p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.55}
.contact-info-list{display:grid;padding:10px 16px 18px}.contact-info-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:flex-start;padding:16px 14px;border-bottom:1px solid rgba(6,24,43,.07)}.contact-info-row:last-child{border-bottom:0}.contact-info-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(214,164,70,.13);color:var(--gold-dark);border:1px solid rgba(214,164,70,.20)}.contact-info-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-info-content{min-width:0}.contact-info-label{display:block;font-size:.69rem;line-height:1.2;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:var(--muted);margin:2px 0 5px}.contact-info-value{display:block;font-size:.98rem;line-height:1.48;font-weight:680;color:var(--ink);overflow-wrap:anywhere}.contact-info-value.secondary{font-weight:560;color:#304154}.contact-info-value a{color:var(--ink);text-decoration:none}.contact-info-value a:hover{color:var(--gold-dark)}.contact-info-split{display:grid;grid-template-columns:1fr 1fr;gap:0}.contact-info-split .contact-info-row:first-child{border-right:1px solid rgba(6,24,43,.07)}
@media(max-width:640px){.contact-card-head{padding:24px 22px 18px}.contact-info-list{padding:8px 10px 14px}.contact-info-row{grid-template-columns:42px minmax(0,1fr);padding:14px 10px}.contact-info-icon{width:38px;height:38px;border-radius:12px}.contact-info-split{grid-template-columns:1fr}.contact-info-split .contact-info-row:first-child{border-right:0}.contact-company-card{border-radius:22px!important}}

/* v16 — performance-minded footer polish + mobile-first contact form */
.site-footer{
  background:linear-gradient(135deg,#041222,#0a2440);
  border-top:0;
  color:#dce6ef;
  padding:62px 0 26px;
}
.footer-shell{position:relative}
.footer-grid{
  display:grid;
  grid-template-columns:minmax(280px,1.25fr) minmax(260px,.9fr) minmax(190px,.62fr);
  gap:clamp(34px,5vw,78px);
  align-items:start;
}
.footer-brand-block{max-width:380px}
.footer-logo{width:min(280px,100%);margin:0 0 22px;border-radius:0}
.footer-tagline{margin:0;max-width:330px;color:#fff;font-size:1rem;line-height:1.6}
.footer-company-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;color:#b7c7d6}
.footer-heading{font-family:inherit;font-size:.78rem;line-height:1.2;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-2);margin:4px 0 22px;font-weight:850}
.footer-contact-list{display:grid;gap:14px}
.footer-contact-list a,.footer-contact-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;align-items:start;color:#f6f8fb;line-height:1.5;overflow-wrap:anywhere}
.footer-contact-list a>span:first-child,.footer-contact-item>span:first-child{color:var(--gold-2);font-size:.95rem;line-height:1.5;text-align:center}
.footer-contact-list a:hover,.footer-links a:hover{color:var(--gold-2)}
.footer-links ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.footer-links li{border-bottom:1px solid rgba(255,255,255,.09)}
.footer-links li:last-child{border-bottom:0}
.footer-links a{display:block;padding:9px 0;color:#fff;font-weight:650;transition:color .18s ease}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.14);margin-top:46px;padding-top:22px;color:#9fb1c2;font-size:.8rem}
.footer-bottom span:last-child{text-align:right}

.contact-page-intro{max-width:860px;margin-bottom:40px}
.contact-page-intro .lead{margin-bottom:0}
.contact-form-column{padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 54px rgba(6,24,43,.07)}
.contact-form-column h2{margin-bottom:24px}

@media(max-width:820px){
  .contact-page-intro{margin-bottom:28px}
  .contact-grid{display:flex;flex-direction:column;gap:30px}
  .contact-form-column{order:1}
  .contact-details-column{order:2}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand-block{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);column-gap:34px;align-items:center}
  .footer-brand-block .footer-logo{grid-row:1/3;margin-bottom:0}
  .footer-brand-block .footer-tagline{align-self:end}
  .footer-brand-block .footer-company-meta{align-self:start}
}
@media(max-width:640px){
  .contact-page-section{padding-top:42px}
  .contact-page-intro{margin-bottom:24px}
  .contact-form-column{padding:24px 20px;border-radius:22px}
  .contact-form-column h2{font-size:clamp(1.8rem,9vw,2.35rem)}
  .site-footer{padding:48px 0 24px}
  .footer-grid{grid-template-columns:1fr;gap:34px}
  .footer-brand-block{grid-column:auto;display:block}
  .footer-logo{width:min(245px,78vw);margin:0 0 18px}
  .footer-company-meta{margin-top:16px}
  .footer-heading{margin-bottom:14px}
  .footer-bottom{flex-direction:column;align-items:flex-start;margin-top:34px}
  .footer-bottom span:last-child{text-align:left}
}

/* v18 — consent banner, privacy controls */
.fortis-cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:99990}
.fortis-cookie-card{max-width:1180px;margin:0 auto;background:#fff;border:1px solid rgba(8,32,57,.14);border-radius:18px;box-shadow:0 18px 60px rgba(2,12,23,.2);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.fortis-cookie-copy{max-width:720px}.fortis-cookie-copy strong{font-family:var(--font-display);font-size:1.2rem;color:var(--navy)}.fortis-cookie-copy p{margin:7px 0 0;color:#45576b;font-size:.94rem;line-height:1.55}.fortis-cookie-copy a{font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.fortis-cookie-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.fortis-cookie-actions .btn{white-space:nowrap}
.fortis-cookie-modal{position:fixed;inset:0;z-index:99999;background:rgba(2,12,23,.62);display:grid;place-items:center;padding:18px}.fortis-cookie-modal[hidden],.fortis-cookie-banner[hidden]{display:none!important}
.fortis-cookie-settings-card{position:relative;width:min(650px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.fortis-cookie-settings-card h2{margin:0 42px 8px 0}.fortis-cookie-settings-card>p{color:#526276}.fortis-cookie-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:2rem;cursor:pointer;color:var(--navy)}
.fortis-cookie-choice{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid #e7ebef;padding:18px 0}.fortis-cookie-choice p{margin:4px 0 0;color:#627184;font-size:.9rem}.fortis-cookie-choice input{width:22px;height:22px;accent-color:#d6a446}.fortis-cookie-always{font-size:.82rem;font-weight:800;color:#647487;white-space:nowrap}.fortis-cookie-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
.footer-privacy-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem}.footer-privacy-tools a,.footer-cookie-manage{color:#c9d5e1!important;text-decoration:none}.footer-cookie-manage{border:0;background:transparent;padding:0;font:inherit;cursor:pointer}.footer-privacy-tools a:hover,.footer-cookie-manage:hover{color:#fff!important;text-decoration:underline}
@media(max-width:760px){.fortis-cookie-banner{left:10px;right:10px;bottom:10px}.fortis-cookie-card{display:block;padding:18px}.fortis-cookie-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.fortis-cookie-actions .btn:last-child{grid-column:1/-1}.fortis-cookie-actions .btn{width:100%;padding-left:12px;padding-right:12px}.fortis-cookie-settings-card{padding:23px 18px}.fortis-cookie-choice{align-items:flex-start}.fortis-cookie-modal-actions{display:grid;grid-template-columns:1fr}.fortis-cookie-modal-actions .btn{width:100%}.footer-privacy-tools{align-items:flex-start;flex-direction:column;gap:8px}}


/* v19 — cleaner content controls, compact footer, unified typography */
:root{--fortis-ui-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body,h1,h2,h3,h4,.kicker,.quote-band,.metric strong,.content article blockquote,.question-card p,.audience-close,.fortis-cookie-copy strong{font-family:var(--fortis-ui-font)!important}
.hero h1{font-size:clamp(3rem,4.45vw,4.65rem);line-height:1.01;letter-spacing:-.03em;max-width:760px}
.contact-grid-form-only{grid-template-columns:minmax(0,820px);justify-content:center}
.contact-grid-form-only .contact-form-column{width:100%}
.site-footer{padding:40px 0 20px;background:linear-gradient(135deg,var(--deep),var(--deep-2));}
.footer-grid-v19{grid-template-columns:minmax(350px,1.18fr) minmax(260px,.9fr) minmax(170px,.55fr);gap:clamp(28px,4vw,58px);align-items:center}
.footer-brand-block{max-width:none;display:grid;grid-template-columns:minmax(190px,270px) minmax(150px,1fr);gap:26px;align-items:center}
.footer-logo{width:min(320px,100%);margin:0;transform:scale(1.08);transform-origin:left center}
.footer-brand-copy{align-self:center}.footer-tagline{font-size:.96rem;line-height:1.45;margin:0;max-width:280px}
.footer-company-meta{margin:11px 0 0;padding-top:10px;font-size:.76rem;gap:6px 14px}
.footer-heading{margin:0 0 14px;font-size:.73rem}.footer-contact-list{gap:10px}
.footer-contact-list a,.footer-contact-item{grid-template-columns:22px minmax(0,1fr);gap:9px;font-size:.9rem;line-height:1.4}
.footer-icon{width:20px;height:20px;display:grid;place-items:center}.footer-icon svg{width:18px;height:18px;fill:none;stroke:var(--gold-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-maps-icon svg{stroke:none}.footer-maps-icon .g-red{fill:#ea4335}.footer-maps-icon .g-blue{fill:#4285f4}
.footer-links a{padding:6px 0;font-size:.91rem}.footer-links li{border-bottom:0}
.footer-lower-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.13);margin-top:28px;padding-top:16px}
.footer-bottom{border:0;margin:0;padding:0;font-size:.76rem;display:flex;gap:14px;color:#aab9c7}.footer-privacy-tools{margin:0!important;padding:0!important;border:0!important;display:flex;gap:14px;align-items:center;font-size:.78rem}
.footer-privacy-tools a,.footer-privacy-tools button{font-size:inherit}
@media(max-width:900px){.footer-grid-v19{grid-template-columns:1fr 1fr}.footer-brand-block{grid-column:1/-1;grid-template-columns:minmax(210px,300px) minmax(0,1fr)}.footer-logo{width:min(300px,100%)}}
@media(max-width:640px){.hero h1{font-size:clamp(2.45rem,12vw,3.25rem)}.footer-grid-v19{grid-template-columns:1fr;gap:26px}.footer-brand-block{grid-column:auto;grid-template-columns:1fr;gap:12px;align-items:start}.footer-logo{width:min(270px,82vw);transform:none}.footer-tagline{max-width:none}.footer-lower-row{align-items:flex-start;flex-direction:column;gap:12px}.footer-bottom{width:100%;justify-content:flex-start}.footer-privacy-tools{flex-wrap:wrap}}
\n\n/* v20 — hero alignment + refined professional finance visual */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);align-items:center;gap:54px}
.hero-visual{display:flex;align-items:center;justify-content:center}
.hero-logo-panel{width:min(100%,640px);margin-inline:auto;padding:16px}
.hero-logo-panel img{width:100%;max-height:430px;object-fit:contain;object-position:center}
.professional-finance-visual{width:100%;height:auto;display:block;border-radius:26px;box-shadow:0 24px 70px rgba(10,35,48,.12)}
.why-section .visual-panel{background:transparent;padding:0;border:0;box-shadow:none}
.why-section .visual-panel>img{width:100%;height:auto;display:block;border-radius:26px;box-shadow:0 24px 70px rgba(10,35,48,.12)}
.why-section .metric-row{margin-top:14px;gap:10px}
.why-section .metric{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:none}
.why-section .metric strong{font-size:.86rem}
@media(max-width:1040px){.hero-grid{grid-template-columns:1fr}.hero-logo-panel{width:min(100%,720px)}}
@media(max-width:680px){.hero{padding-top:58px}.hero-grid{gap:30px}.hero-logo-panel{width:100%;padding:10px}.hero-logo-panel img{max-height:330px}.why-section .visual-panel>img{border-radius:20px}.why-section .metric-row{grid-template-columns:1fr 1fr 1fr}.why-section .metric{padding:10px 8px;font-size:.72rem}}
@media(max-width:430px){.why-section .metric-row{grid-template-columns:1fr}.hero-logo-panel img{max-height:290px}}

/* v21 — stronger hero brand lockup + restrained professional decision visual */
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(34px,5vw,76px);align-items:center}
.hero-grid>div:first-child{min-width:0}
.hero h1{font-size:clamp(2.9rem,4.25vw,4.45rem);max-width:720px;overflow-wrap:normal}
.hero-lead-main,.hero-support{max-width:700px}
.hero-visual{min-width:0;align-self:center;justify-self:stretch}
.hero-logo-panel{width:100%;max-width:560px;margin:0;padding:0;display:flex;align-items:center;justify-content:center}
.hero-logo-panel img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.18))}

.fortis-decision-visual{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#061a2d,#0b2b46);border:1px solid rgba(214,164,70,.24);box-shadow:0 26px 70px rgba(7,30,50,.16);display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;padding:clamp(30px,4vw,54px)}
.fortis-decision-visual:before{content:"";position:absolute;inset:auto -80px -130px auto;width:330px;height:330px;border:1px solid rgba(214,164,70,.15);border-radius:50%}
.fortis-decision-visual:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent 72%)}
.decision-mark{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;padding-right:26px}
.decision-mark img{width:min(170px,100%);height:auto;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))}
.decision-copy{position:relative;z-index:1;color:#fff;border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,40px)}
.decision-kicker{display:block;margin-bottom:16px;color:var(--gold-2);font-size:.72rem;letter-spacing:.19em;text-transform:uppercase;font-weight:850}
.decision-copy strong{display:block;font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.16;letter-spacing:-.025em}
.decision-flow{display:flex;align-items:center;gap:10px;margin-top:34px;color:#dbe6ef;font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em}
.decision-flow i{display:block;flex:1;height:1px;min-width:18px;background:linear-gradient(90deg,rgba(214,164,70,.9),rgba(255,255,255,.18))}

@media(max-width:1040px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.62fr);gap:34px}
  .hero h1{font-size:clamp(2.7rem,6.2vw,4rem)}
  .hero-logo-panel{max-width:430px;justify-self:end}
}
@media(max-width:760px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero h1{font-size:clamp(2.55rem,11.4vw,3.55rem);line-height:1.02}
  .hero-visual{order:-1;justify-self:start;width:100%;margin-bottom:4px}
  .hero-logo-panel{width:min(390px,88vw);max-width:none;margin:0;justify-content:flex-start}
  .hero-logo-panel img{filter:drop-shadow(0 16px 26px rgba(0,0,0,.16))}
  .fortis-decision-visual{min-height:360px;grid-template-columns:1fr;padding:32px 26px}
  .decision-mark{justify-content:flex-start;padding:0 0 24px}
  .decision-mark img{width:104px}
  .decision-copy{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:24px 0 0}
  .decision-flow{margin-top:24px}
}
@media(max-width:430px){
  .hero-logo-panel{width:min(330px,90vw)}
  .hero h1{font-size:clamp(2.35rem,11.5vw,3.05rem)}
  .fortis-decision-visual{min-height:330px;border-radius:22px;padding:28px 22px}
  .decision-copy strong{font-size:1.55rem}
  .decision-flow{gap:7px;font-size:.68rem;letter-spacing:.07em}
}


/* v22 — hero logo alignment + consistent footer map icon */
@media (min-width:1181px){
  .hero-grid{
    grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);
    gap:clamp(46px,5vw,82px);
    align-items:start;
  }
  .hero-visual{
    align-self:start;
    justify-self:stretch;
    padding-top:52px;
    display:flex;
    justify-content:flex-start;
  }
  .hero-logo-panel{
    width:100%;
    max-width:640px;
    margin:0;
    padding:0;
    justify-content:flex-start;
  }
  .hero-logo-panel img{
    width:100%;
    max-width:640px;
    height:auto;
    object-fit:contain;
    object-position:left top;
  }
}
@media (max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .hero-visual{
    order:-1;
    width:100%;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    justify-self:start!important;
    display:flex;
    justify-content:flex-start!important;
  }
  .hero-logo-panel{
    width:min(460px,68vw)!important;
    max-width:460px!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
  }
  .hero-logo-panel img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-position:left center!important;
  }
}
@media (max-width:680px){
  .hero-logo-panel{width:min(330px,78vw)!important;max-width:330px!important}
  .hero-grid{gap:24px!important}
}
@media (max-width:430px){
  .hero-logo-panel{width:min(285px,82vw)!important;max-width:285px!important}
}
.footer-maps-icon svg{
  fill:none!important;
  stroke:var(--gold-2)!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* v23 — HEADER logo lockup: larger and vertically aligned */
.site-header .header-inner{min-height:104px;align-items:center}
.site-header .brand{display:flex;align-items:center;gap:16px;min-width:230px;line-height:1}
.site-header .brand-symbol{width:64px;height:70px;object-fit:contain;object-position:center;flex:0 0 64px}
.site-header .brand-copy{display:flex;flex-direction:column;justify-content:center;font-size:1.08rem;line-height:1.05;letter-spacing:.18em;margin:0;padding:0}
.site-header .brand-copy small{font-size:.62rem;line-height:1;margin-top:8px;letter-spacing:.27em}
@media(max-width:1180px){
 .site-header .brand{min-width:205px;gap:14px}
 .site-header .brand-symbol{width:58px;height:64px;flex-basis:58px}
 .site-header .brand-copy{font-size:.98rem}
}
@media(max-width:1040px){
 .site-header .header-inner{min-height:92px}
 .main-nav{top:92px}
 .site-header .brand{min-width:0}
 .site-header .brand-symbol{width:54px;height:59px;flex-basis:54px}
 .site-header .brand-copy{font-size:.94rem}
}
@media(max-width:680px){
 .site-header .header-inner{min-height:82px}
 .main-nav{top:82px}
 .site-header .brand{gap:11px}
 .site-header .brand-symbol{width:48px;height:53px;flex-basis:48px}
 .site-header .brand-copy{font-size:.86rem;letter-spacing:.15em}
 .site-header .brand-copy small{display:block;font-size:.52rem;margin-top:6px;letter-spacing:.22em}
}


/* v24 — definitive HEADER brand sizing + mobile hero text first */
.site-header .header-inner{
  min-height:126px!important;
  align-items:center!important;
}
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  min-width:285px!important;
  line-height:1!important;
  padding:8px 0!important;
}
.site-header .brand-symbol{
  width:84px!important;
  height:92px!important;
  flex:0 0 84px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.site-header .brand-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  font-size:1.34rem!important;
  line-height:1!important;
  letter-spacing:.17em!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
.site-header .brand-copy small{
  display:block!important;
  font-size:.72rem!important;
  line-height:1!important;
  margin-top:10px!important;
  letter-spacing:.28em!important;
}
@media(max-width:1180px){
  .site-header .header-inner{min-height:112px!important}
  .site-header .brand{min-width:245px!important;gap:16px!important}
  .site-header .brand-symbol{width:72px!important;height:79px!important;flex-basis:72px!important}
  .site-header .brand-copy{font-size:1.14rem!important}
  .site-header .brand-copy small{font-size:.62rem!important;margin-top:8px!important}
}
@media(max-width:1040px){
  .site-header .header-inner{min-height:98px!important}
  .main-nav{top:98px!important}
  .site-header .brand{min-width:0!important;gap:14px!important}
  .site-header .brand-symbol{width:62px!important;height:68px!important;flex-basis:62px!important}
  .site-header .brand-copy{font-size:1rem!important}
  .site-header .brand-copy small{font-size:.55rem!important;margin-top:7px!important}
}
@media(max-width:680px){
  .site-header .header-inner{min-height:88px!important}
  .main-nav{top:88px!important}
  .site-header .brand{gap:10px!important;padding:5px 0!important}
  .site-header .brand-symbol{width:54px!important;height:59px!important;flex-basis:54px!important}
  .site-header .brand-copy{font-size:.88rem!important;letter-spacing:.14em!important}
  .site-header .brand-copy small{display:block!important;font-size:.49rem!important;margin-top:6px!important;letter-spacing:.21em!important}
}

/* Mobile homepage: copy first, FORTIS visual underneath. */
@media(max-width:760px){
  .hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:28px!important}
  .hero-grid>div:first-child{order:1!important}
  .hero-visual{order:2!important;margin-top:8px!important;margin-bottom:0!important;justify-self:start!important}
  .hero-logo-panel{width:min(360px,88vw)!important;max-width:360px!important;margin:0!important;justify-content:flex-start!important}
}
@media(max-width:430px){
  .hero-logo-panel{width:min(310px,88vw)!important;max-width:310px!important}
}

/* v27 footer */
.footer-grid-v19{grid-template-columns:minmax(360px,1.05fr) minmax(320px,.95fr);gap:clamp(42px,8vw,120px)}
.footer-contact-column{justify-self:end;width:min(100%,430px)}
@media(max-width:640px){.footer-grid-v19{grid-template-columns:1fr}.footer-contact-column{justify-self:stretch}.footer-privacy-tools{flex-direction:row;align-items:center;gap:12px}}


/* v29 — hero uses the FORTIS decision visual; remove empty mobile sidebar shells */
.hero-decision-panel{max-width:var(--fortis-hero-logo,560px)!important;width:100%!important;display:block!important;padding:0!important}
.hero-decision-panel .fortis-decision-visual{width:100%;min-height:420px;margin:0;box-shadow:0 28px 70px rgba(2,18,32,.22)}
.hero-decision-panel:before,.hero-decision-panel:after{display:none!important}
@media(max-width:760px){
  .hero-decision-panel{width:100%!important;max-width:min(var(--fortis-hero-logo,560px),100%)!important}
  .hero-decision-panel .fortis-decision-visual{min-height:340px}
  .content-wrap>.sidebar:empty{display:none!important}
  .sidebar .card:empty{display:none!important}
}
@media(max-width:430px){.hero-decision-panel .fortis-decision-visual{min-height:310px}}


/* v30 — Zašto FORTIS je čista tekstualna sekcija; poslovni vizual postoji samo u hero sekciji. */
.why-section.why-text-only .why-copy-only{max-width:980px;}
.why-section.why-text-only .why-copy-only>div{max-width:900px;}
.why-section.why-text-only .statements{margin-top:28px;}
@media (max-width:680px){
  .why-section.why-text-only .why-copy-only{max-width:none;}
  .why-section.why-text-only .statements{margin-top:22px;}
}


/* v31 — client footer refinement: stronger brand, prominent contact, discreet legal details */
.site-footer{padding:54px 0 22px;background:linear-gradient(135deg,#041426 0%,#082640 100%)}
.footer-grid-v19{grid-template-columns:minmax(420px,1.2fr) minmax(340px,.8fr);gap:clamp(54px,8vw,124px);align-items:center}
.footer-brand-block{display:block;max-width:620px}
.footer-logo{display:block;width:min(var(--fortis-footer-logo,390px),100%)!important;max-width:100%;margin:0 0 24px!important;transform:none!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.16))}
.footer-tagline{margin:0!important;max-width:560px!important;color:#fff;font-size:clamp(1.12rem,1.6vw,1.42rem)!important;line-height:1.35!important;font-weight:760;letter-spacing:-.012em}
.footer-contact-column{justify-self:end;width:min(100%,470px)}
.footer-heading{margin:0 0 18px!important;font-size:.76rem!important;letter-spacing:.16em}
.footer-contact-list{gap:13px!important}
.footer-contact-list a{grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
.footer-contact-list .footer-contact-primary{font-size:clamp(1rem,1.25vw,1.16rem)!important;line-height:1.35!important;font-weight:760;color:#fff}
.footer-contact-list .footer-contact-primary .footer-icon{width:24px;height:24px}
.footer-contact-list .footer-contact-primary .footer-icon svg{width:21px;height:21px;stroke-width:1.9}
.footer-contact-list .footer-contact-secondary{font-size:.9rem!important;color:#c8d5df!important;font-weight:560}
.footer-contact-list .footer-contact-secondary:hover{color:#fff!important}
.footer-lower-row{align-items:flex-end!important;margin-top:34px!important;padding-top:17px!important}
.footer-legal-block{display:grid;gap:7px;justify-items:end;text-align:right}
.footer-company-meta{margin:0!important;padding:0!important;border:0!important;display:flex;justify-content:flex-end;gap:7px 14px!important;color:#8195a6!important;font-size:.7rem!important;line-height:1.4}
.footer-bottom{margin:0!important;padding:0!important;border:0!important;color:#8fa2b1!important;font-size:.73rem!important}
.footer-bottom span:last-child{display:none}
.footer-privacy-tools{font-size:.76rem!important;color:#aab9c7}
@media(max-width:900px){
  .footer-grid-v19{grid-template-columns:1fr;gap:34px}
  .footer-brand-block{max-width:620px}
  .footer-contact-column{justify-self:start;width:100%;max-width:520px}
  .footer-lower-row{align-items:flex-start!important;flex-direction:column;gap:16px}
  .footer-legal-block{justify-items:start;text-align:left}
  .footer-company-meta{justify-content:flex-start}
}
@media(max-width:640px){
  .site-footer{padding:44px 0 20px}
  .footer-grid-v19{gap:30px}
  .footer-logo{width:min(var(--fortis-footer-logo,390px),88vw)!important;margin-bottom:20px!important}
  .footer-tagline{font-size:1.12rem!important;max-width:340px!important}
  .footer-contact-list .footer-contact-primary{font-size:1rem!important}
  .footer-privacy-tools{gap:9px 13px!important;flex-direction:row!important;align-items:center!important}
  .footer-company-meta{font-size:.68rem!important}
}

/* v34 — valid header/footer overrides (v32/v33 had escaped newlines, so browser ignored them) */
:root{
  --fortis-ui-font:"Trebuchet MS",Arial,sans-serif;
  --fortis-corporate-font:"Trebuchet MS",Arial,sans-serif;
}
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a,li,span,strong,small,label,.kicker,.quote-band,.metric strong,.content article blockquote,.question-card p,.audience-close,.fortis-cookie-copy strong,.fortis-decision-visual,.decision-kicker,.decision-copy,.decision-flow{
  font-family:var(--fortis-corporate-font)!important;
}
body{letter-spacing:0;line-height:1.58}
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em}

/* Header: same full logo as footer, with compact navigation centered on the logo. */
.site-header{
  background:rgba(4,18,34,.98)!important;
  border-bottom:1px solid rgba(214,164,70,.18)!important;
  box-shadow:0 6px 22px rgba(4,18,34,.10);
}
.site-header .header-inner{
  align-items:center!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}
.site-header .brand-full-logo{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  padding:0!important;
  line-height:1!important;
}
.site-header .header-logo{
  display:block!important;
  margin:0!important;
  filter:none!important;
}
.site-header .main-nav{
  align-self:center!important;
  margin-left:auto!important;
}
.site-header .main-nav .fortis-static-menu{
  align-items:center!important;
}
.site-header .main-nav .fortis-static-menu a{
  display:block!important;
  min-height:0!important;
  padding:8px 0!important;
  line-height:1.1!important;
  color:#fff!important;
}
.site-header .main-nav .fortis-static-menu .nav-contact{
  padding:10px 15px!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav .current-menu-item>a{color:var(--gold-2)!important}
.site-header .menu-toggle{color:#fff!important}

@media(max-width:1040px){
  .site-header .main-nav{
    display:none;
    align-self:auto!important;
    background:#041222!important;
    border-bottom-color:rgba(214,164,70,.20)!important;
  }
  .site-header .main-nav.open{display:block}
  .site-header .main-nav .fortis-static-menu{align-items:stretch!important}
  .site-header .main-nav .fortis-static-menu a{padding:11px 4px!important;line-height:1.25!important}
}
@media(max-width:680px){
  .site-header .header-inner{padding-top:3px!important;padding-bottom:3px!important}
  .site-header .header-logo{max-width:68vw!important}
}

/* Same typography inside the hero business visual. */
.fortis-decision-visual,.fortis-decision-visual *{font-family:var(--fortis-corporate-font)!important}
.decision-copy strong{font-weight:700!important;letter-spacing:-.025em!important}
.decision-kicker,.decision-flow{font-weight:700!important}

/* Footer: no aggressive bolding; keep hierarchy through size, spacing and gold accent only. */
.site-footer,
.site-footer p,
.site-footer a,
.site-footer span,
.site-footer button,
.footer-tagline,
.footer-contact-list .footer-contact-primary,
.footer-contact-list .footer-contact-secondary,
.footer-company-meta,
.footer-bottom,
.footer-privacy-tools,
.footer-privacy-tools a,
.footer-cookie-manage{
  font-weight:400!important;
}
.footer-tagline{letter-spacing:0!important}
.footer-heading{font-weight:500!important}


/* v35 — compact hero decision visual on phones */
@media(max-width:760px){
  .hero-visual{display:flex!important;justify-content:flex-start!important;width:100%!important}
  .hero-decision-panel{
    width:min(330px,86vw)!important;
    max-width:330px!important;
    margin:2px 0 0!important;
  }
  .hero-decision-panel .fortis-decision-visual{
    min-height:0!important;
    border-radius:20px!important;
    padding:20px 18px!important;
    grid-template-columns:1fr!important;
  }
  .hero-decision-panel .decision-mark{padding:0 0 14px!important}
  .hero-decision-panel .decision-mark img{width:72px!important}
  .hero-decision-panel .decision-copy{
    padding:15px 0 0!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
  .hero-decision-panel .decision-kicker{
    margin-bottom:9px!important;
    font-size:.62rem!important;
    letter-spacing:.15em!important;
  }
  .hero-decision-panel .decision-copy strong{
    font-size:1.28rem!important;
    line-height:1.14!important;
  }
  .hero-decision-panel .decision-flow{
    margin-top:17px!important;
    gap:6px!important;
    font-size:.61rem!important;
    letter-spacing:.055em!important;
  }
  .hero-decision-panel .decision-flow i{min-width:12px!important}
}
@media(max-width:430px){
  .hero-decision-panel{
    width:min(300px,84vw)!important;
    max-width:300px!important;
  }
  .hero-decision-panel .fortis-decision-visual{
    min-height:0!important;
    padding:18px 16px!important;
    border-radius:18px!important;
  }
  .hero-decision-panel .decision-mark img{width:64px!important}
  .hero-decision-panel .decision-copy strong{font-size:1.16rem!important}
  .hero-decision-panel .decision-flow{font-size:.57rem!important;margin-top:14px!important}
}


/* v42 — safe contact consent and success feedback */
.contact-form-column .notice-success-fortis{background:#e9f7ee;border:1px solid #9bc9aa;color:#174f2d;padding:15px 17px;border-radius:12px;font-weight:500;box-shadow:0 6px 18px rgba(23,79,45,.08)}

/* v44 — restrained corporate motion across the whole site */
:root{
  --fortis-motion-duration:420ms;
  --fortis-motion-ease:cubic-bezier(.22,.61,.36,1);
}

/* Scroll reveals: short travel, quick settle, no dramatic zooming. */
.fortis-motion .reveal,
.fortis-motion .fortis-section-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity var(--fortis-motion-duration) var(--fortis-motion-ease) var(--fortis-reveal-delay,0ms),
    transform var(--fortis-motion-duration) var(--fortis-motion-ease) var(--fortis-reveal-delay,0ms);
  will-change:opacity,transform;
}
.fortis-motion .fortis-section-reveal{
  transform:translate3d(0,8px,0);
  transition-duration:360ms;
}
.fortis-motion .reveal.is-visible,
.fortis-motion .fortis-section-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
  will-change:auto;
}

/* Hero copy: a soft first-impression animation, with restrained staggering. */
.fortis-motion .hero h1 span,
.fortis-motion .hero .eyebrow,
.fortis-motion .hero .hero-lead-main,
.fortis-motion .hero .hero-support,
.fortis-motion .hero .hero-actions,
.fortis-motion .hero .hero-note{
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:opacity 460ms var(--fortis-motion-ease),transform 460ms var(--fortis-motion-ease);
}
.fortis-motion .hero.fortis-hero-ready .eyebrow{opacity:1;transform:none;transition-delay:20ms}
.fortis-motion .hero.fortis-hero-ready h1 span{opacity:1;transform:none}
.fortis-motion .hero.fortis-hero-ready h1 span:nth-child(1){transition-delay:55ms}
.fortis-motion .hero.fortis-hero-ready h1 span:nth-child(2){transition-delay:105ms}
.fortis-motion .hero.fortis-hero-ready h1 span:nth-child(3){transition-delay:155ms}
.fortis-motion .hero.fortis-hero-ready .hero-lead-main{opacity:1;transform:none;transition-delay:190ms}
.fortis-motion .hero.fortis-hero-ready .hero-support{opacity:1;transform:none;transition-delay:225ms}
.fortis-motion .hero.fortis-hero-ready .hero-actions{opacity:1;transform:none;transition-delay:260ms}
.fortis-motion .hero.fortis-hero-ready .hero-note{opacity:1;transform:none;transition-delay:295ms}

/* Buttons: polished feedback without a noticeable 'bounce'. */
.btn,
button.btn,
input[type="submit"].btn{
  transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease,border-color 180ms ease,color 180ms ease!important;
}
.btn:hover,
button.btn:hover,
input[type="submit"].btn:hover{
  transform:translateY(-1px)!important;
}
.btn:active,
button.btn:active,
input[type="submit"].btn:active{
  transform:translateY(0)!important;
}

/* Cards and icons: minimal lift/scale so interaction remains professional. */
.card.hover,
.service-card,
.process-card,
.post-card,
.audience-list-card{
  transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease;
}
.card.hover:hover,
.service-card:hover,
.process-card:hover,
.post-card:hover{
  transform:translateY(-3px);
}
.icon-pill,
.footer-icon,
.process-card .num,
.service-link span,
.decision-mark img{
  transition:transform 200ms var(--fortis-motion-ease);
  transform-origin:center;
}
.service-card:hover .icon-pill,
.process-card:hover .num{
  transform:translateY(-2px) scale(1.04);
}
.service-link:hover span{transform:translateX(3px)}
.footer-contact-list a:hover .footer-icon{transform:translateY(-1px) scale(1.05)}
.hero-decision-panel:hover .decision-mark img{transform:scale(1.025)}

/* Keyboard users get feedback without movement being required. */
.btn:focus-visible,
.service-link:focus-visible,
.footer-contact-list a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
}

@media(max-width:680px){
  :root{--fortis-motion-duration:390ms}
  .fortis-motion .reveal{transform:translate3d(0,10px,0)}
  .fortis-motion .fortis-section-reveal{transform:translate3d(0,6px,0)}
  .fortis-motion .hero h1 span,
  .fortis-motion .hero .eyebrow,
  .fortis-motion .hero .hero-lead-main,
  .fortis-motion .hero .hero-support,
  .fortis-motion .hero .hero-actions,
  .fortis-motion .hero .hero-note{transform:translate3d(0,7px,0)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .fortis-motion .reveal,
  .fortis-motion .fortis-section-reveal,
  .fortis-motion .hero h1 span,
  .fortis-motion .hero .eyebrow,
  .fortis-motion .hero .hero-lead-main,
  .fortis-motion .hero .hero-support,
  .fortis-motion .hero .hero-actions,
  .fortis-motion .hero .hero-note{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .btn,.card.hover,.service-card,.process-card,.post-card,.audience-list-card,
  .icon-pill,.footer-icon,.process-card .num,.service-link span,.decision-mark img{
    transition:none!important;
  }
  .btn:hover,.card.hover:hover,.service-card:hover,.process-card:hover,.post-card:hover,
  .service-card:hover .icon-pill,.process-card:hover .num,.service-link:hover span,
  .footer-contact-list a:hover .footer-icon,.hero-decision-panel:hover .decision-mark img{
    transform:none!important;
  }
}


/* v45 — compact, precisely aligned header while preserving the perceived logo size */
.site-header .container.header-inner{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
}
.site-header .brand-full-logo{
  align-self:center!important;
  justify-content:flex-start!important;
  margin:0!important;
}
.site-header .main-nav{
  display:flex;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.site-header .main-nav .fortis-static-menu{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  margin:0!important;
}
.site-header .main-nav .fortis-static-menu > li{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
}
.site-header .main-nav .fortis-static-menu a{
  display:flex!important;
  align-items:center!important;
  padding:7px 0!important;
  line-height:1.15!important;
}
@media(max-width:1040px){
  .site-header .container.header-inner{gap:14px!important}
  .site-header .main-nav{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    padding:14px 22px 20px!important;
  }
  .site-header .main-nav.open{display:block!important}
  .site-header .main-nav .fortis-static-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .site-header .main-nav .fortis-static-menu > li{display:block!important}
  .site-header .main-nav .fortis-static-menu a{padding:11px 3px!important}
  .site-header .menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    line-height:1!important;
  }
}
@media(max-width:680px){
  .site-header .container{width:min(100% - 24px,1360px)!important}
  .site-header .container.header-inner{gap:10px!important}
  .site-header .menu-toggle{width:42px!important;height:42px!important;font-size:1.42rem!important}
  .site-header .main-nav{padding:12px 16px 18px!important}
}


/* v47 — desktop footer visibility + restored approved layout.
   Footer is intentionally excluded from scroll-reveal so legal/contact information is never hidden. */
.site-footer .footer-grid,
.site-footer .footer-lower-row{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
@media (min-width:901px){
  .site-footer .footer-grid-v19{
    display:grid!important;
    grid-template-columns:minmax(420px,1.2fr) minmax(340px,.8fr)!important;
    gap:clamp(54px,8vw,124px)!important;
    align-items:center!important;
  }
  .site-footer .footer-brand-block{display:block!important;max-width:620px!important}
  .site-footer .footer-contact-column{display:block!important;justify-self:end!important;width:min(100%,470px)!important}
  .site-footer .footer-lower-row{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:24px!important;
  }
  .site-footer .footer-privacy-tools{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important}
  .site-footer .footer-legal-block{display:grid!important}
}

/* v49 — privacy/legal visibility + animation fail-safe */
.fortis-legal-page,
.fortis-legal-page .content,
.fortis-legal-page article,
.fortis-legal-page .fortis-legal-content,
.fortis-legal-page .reveal,
.fortis-legal-page .fortis-section-reveal{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
/* Footer legal links are essential navigation and must never depend on scroll animation. */
.site-footer .footer-privacy-tools,
.site-footer .footer-privacy-tools a,
.site-footer .footer-cookie-manage{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:680px){
  .fortis-legal-page .section{padding-top:24px!important}
  .fortis-legal-page article{display:block!important;width:100%!important}
  .site-footer .footer-privacy-tools{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important}
}

/* v51 — premium full-screen mobile navigation.
   The menu becomes the only visual focus and slides in from right to left. */
@media(max-width:1040px){
  body.fortis-menu-open{overflow:hidden!important;touch-action:none}

  .site-header .main-nav{
    display:flex!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:clamp(92px,14vh,132px) clamp(28px,7vw,72px) 42px!important;
    z-index:1200!important;
    background:#041222!important;
    border:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    align-items:flex-start!important;
    justify-content:center!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(100%,0,0)!important;
    transition:transform .38s cubic-bezier(.22,.75,.22,1),opacity .22s ease,visibility 0s linear .38s!important;
    will-change:transform!important;
  }
  .site-header .main-nav.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .38s cubic-bezier(.22,.75,.22,1),opacity .22s ease,visibility 0s!important;
  }
  .site-header .main-nav .fortis-static-menu{
    width:min(100%,560px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    margin:auto 0!important;
    padding:0!important;
  }
  .site-header .main-nav .fortis-static-menu > li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
  }
  .site-header .main-nav .fortis-static-menu > li:first-child{
    border-top:1px solid rgba(255,255,255,.11)!important;
  }
  .site-header .main-nav .fortis-static-menu a,
  .site-header .main-nav .fortis-static-menu .nav-contact{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:58px!important;
    padding:15px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:clamp(1.08rem,4.2vw,1.34rem)!important;
    font-weight:600!important;
    line-height:1.2!important;
    letter-spacing:-.015em!important;
    text-align:left!important;
    box-shadow:none!important;
  }
  .site-header .main-nav .fortis-static-menu a::after{
    content:'→';
    flex:0 0 auto;
    margin-left:20px;
    color:var(--gold-2)!important;
    font-size:1.05em;
    font-weight:400;
    transform:translateX(0);
    transition:transform .2s ease;
  }
  .site-header .main-nav .fortis-static-menu a:hover::after,
  .site-header .main-nav .fortis-static-menu a:focus-visible::after{transform:translateX(5px)}
  .site-header .main-nav .current-menu-item>a{color:var(--gold-2)!important}

  .site-header .menu-toggle{
    position:relative!important;
    z-index:1300!important;
    isolation:isolate!important;
    transition:transform .2s ease,background .2s ease,color .2s ease!important;
  }
  .site-header .menu-toggle.is-open{
    position:fixed!important;
    top:18px!important;
    right:max(18px,calc((100vw - 1360px)/2))!important;
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:999px!important;
    font-size:2rem!important;
    font-weight:300!important;
  }
  .site-header .menu-toggle.is-open:hover,
  .site-header .menu-toggle.is-open:focus-visible{background:rgba(255,255,255,.14)!important}
}

@media(max-width:680px){
  .site-header .main-nav{
    padding:86px 22px 30px!important;
  }
  .site-header .main-nav .fortis-static-menu a,
  .site-header .main-nav .fortis-static-menu .nav-contact{
    min-height:56px!important;
    padding:14px 1px!important;
    font-size:clamp(1.05rem,5.2vw,1.26rem)!important;
  }
  .site-header .menu-toggle.is-open{
    top:16px!important;
    right:16px!important;
    width:44px!important;
    height:44px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .site-header .main-nav,
  .site-header .main-nav.open{transition:none!important}
}

/* v52 — stability fixes.
   1) Mobile: the closed full-screen menu used to sit off-screen to the right (translateX(100%)).
      Because the sticky header uses backdrop-filter, that made the whole page scroll sideways
      (a 390px phone got a 780px-wide page). The menu now stays in place and is revealed with a
      clip-path wipe (same right-to-left motion), so it never adds width to the page. */
/* (v53.2: the page-wide overflow-x rule was removed — on iPhone it could make the sticky header disappear. The menu no longer needs it.) */
@media(max-width:1040px){
  .site-header .main-nav{
    transform:none!important;
    clip-path:inset(0 0 0 100%);
    -webkit-clip-path:inset(0 0 0 100%);
    transition:clip-path .38s cubic-bezier(.22,.75,.22,1),-webkit-clip-path .38s cubic-bezier(.22,.75,.22,1),opacity .22s ease,visibility 0s linear .38s!important;
  }
  .site-header .main-nav.open{
    transform:none!important;
    clip-path:inset(0 0 0 0);
    -webkit-clip-path:inset(0 0 0 0);
    transition:clip-path .38s cubic-bezier(.22,.75,.22,1),-webkit-clip-path .38s cubic-bezier(.22,.75,.22,1),opacity .22s ease,visibility 0s!important;
  }
}
/* 2) Accessibility helpers. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;clip:auto!important;clip-path:none;color:var(--ink);display:block;height:auto;left:8px;padding:12px 18px;top:8px;width:auto;z-index:100000}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100000;background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px;font-weight:700;box-shadow:var(--shadow-sm)}
.skip-link:focus{left:8px}
/* 3) Blog card titles are now h2 (correct outline) but keep the previous visual size. */
.post-card .post-card-title{font-size:clamp(1.25rem,2.1vw,1.72rem);margin:0 0 14px}
/* 4) Contact form: scroll target leaves room for the sticky header. */
#kontakt-forma{scroll-margin-top:120px}
.contact-privacy{display:block;line-height:1.5}

/* =====================================================================
   v53 — DESIGN REFRESH
   Typography (self-hosted Inter), horizontal logo, new header & footer,
   service icons, contact layout, compact mobile cookie banner and
   responsive rules for every screen size (320 px → 2560 px).
   ===================================================================== */
@font-face{font-family:"Inter FX";src:url("assets/fonts/inter-fortis.woff") format("woff");font-weight:400 800;font-style:normal;font-display:swap}
:root{
  --fortis-ui-font:"Inter FX",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --fortis-corporate-font:var(--fortis-ui-font);
  --fx-navy:#041222;--fx-navy-2:#071b31;--fx-line-dark:rgba(255,255,255,.10);--fx-text-dark:#c3cfdb;
  --fx-gutter:clamp(18px,4vw,32px);
  --fx-header-h:76px;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--fortis-ui-font)!important;font-optical-sizing:auto;font-feature-settings:"cv11","calt";text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--fortis-ui-font)!important;font-weight:700!important;letter-spacing:-.018em!important;text-wrap:balance}
h3,h4{letter-spacing:-.01em!important}
h1{line-height:1.04!important}
p,li{text-wrap:pretty}
.lead{letter-spacing:-.005em}
.eyebrow{letter-spacing:.16em!important;font-weight:700!important}
.btn{font-weight:650!important;letter-spacing:-.005em}
.container{width:min(1200px,calc(100% - 2*var(--fx-gutter)))!important}

/* ---------- HEADER ---------- */
.site-header.fx-header{position:sticky!important;top:0!important;z-index:1000!important;background:#041222!important;border-bottom:1px solid var(--fx-line-dark)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-header.fx-header .header-inner{height:var(--fx-header-h)!important;min-height:var(--fx-header-h)!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
.site-header.fx-header .brand{display:flex!important;align-items:center!important;height:100%!important;min-width:0!important;flex:0 0 auto;overflow:visible!important;padding:0!important;margin:0!important}
.site-header.fx-header .header-logo{height:var(--fx-logo-h,46px)!important;width:auto!important;max-width:min(300px,52vw)!important;max-height:none!important;object-fit:contain!important;transform:none!important;display:block!important}
.site-header.fx-header .main-nav{align-self:center!important}
@media(min-width:1041px){
  .site-header.fx-header .main-nav ul{gap:clamp(14px,1.6vw,26px)!important}
  .site-header.fx-header .main-nav a{position:relative;color:#e8eef5!important;font-size:.92rem!important;font-weight:550!important;letter-spacing:-.005em!important;padding:8px 0!important;transition:color .2s ease!important}
  .site-header.fx-header .main-nav a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
  .site-header.fx-header .main-nav a:not(.nav-contact):hover::after,.site-header.fx-header .main-nav .current-menu-item>a:not(.nav-contact)::after{transform:scaleX(1)}
  .site-header.fx-header .main-nav a:hover,.site-header.fx-header .main-nav .current-menu-item>a{color:#fff!important}
  .site-header.fx-header .main-nav a.nav-contact{padding:10px 20px!important;border-radius:999px!important;background:var(--gold)!important;border:1px solid var(--gold)!important;color:var(--fx-navy)!important;font-weight:650!important;box-shadow:0 6px 20px rgba(214,164,70,.22)}
  .site-header.fx-header .main-nav a.nav-contact:hover{background:var(--gold-2)!important;border-color:var(--gold-2)!important}
  .site-header.fx-header .menu-toggle{display:none!important}
}
@media(min-width:1041px) and (max-width:1180px){.site-header.fx-header .main-nav a{font-size:.86rem!important}.site-header.fx-header .header-logo{max-width:210px!important}}

/* Hamburger (three lines → X) */
.fx-toggle{width:46px!important;height:46px!important;padding:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.04)!important;display:none;align-items:center;justify-content:center;cursor:pointer;color:#fff!important;flex:0 0 auto}
.fx-toggle-bars{position:relative;display:block;width:20px;height:14px}
.fx-toggle-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .3s ease,opacity .2s ease,top .3s ease}
.fx-toggle-bars span:nth-child(1){top:0}.fx-toggle-bars span:nth-child(2){top:6px}.fx-toggle-bars span:nth-child(3){top:12px}
.fx-toggle.is-open .fx-toggle-bars span:nth-child(1){top:6px;transform:rotate(45deg)}
.fx-toggle.is-open .fx-toggle-bars span:nth-child(2){opacity:0}
.fx-toggle.is-open .fx-toggle-bars span:nth-child(3){top:6px;transform:rotate(-45deg)}
@media(max-width:1040px){
  :root{--fx-header-h:68px}
  .site-header.fx-header .menu-toggle.fx-toggle{display:inline-flex!important;margin-left:auto!important}
  .site-header.fx-header .menu-toggle.fx-toggle.is-open{position:fixed!important;top:calc((var(--fx-header-h) - 46px)/2)!important;right:var(--fx-gutter)!important;font-size:inherit!important;width:46px!important;height:46px!important}
  .site-header.fx-header .main-nav{padding-top:calc(var(--fx-header-h) + 28px)!important}
  .site-header.fx-header .main-nav .fortis-static-menu a{font-weight:600!important}
  .site-header.fx-header .main-nav .fortis-static-menu a.nav-contact{margin-top:22px!important;justify-content:center!important;min-height:54px!important;border-radius:999px!important;background:var(--gold)!important;color:var(--fx-navy)!important;font-weight:650!important}
  .site-header.fx-header .main-nav .fortis-static-menu a.nav-contact::after{display:none}
  .site-header.fx-header .main-nav .fortis-static-menu > li:last-child{border-bottom:0!important}
}
@media(max-width:680px){
  :root{--fx-header-h:62px}
  .site-header.fx-header .header-logo{height:var(--fx-logo-h-m,36px)!important}
  .site-header.fx-header .main-nav{padding:calc(var(--fx-header-h) + 20px) var(--fx-gutter) 28px!important}
  .fx-toggle{width:44px!important;height:44px!important}
  .site-header.fx-header .menu-toggle.fx-toggle.is-open{top:calc((var(--fx-header-h) - 44px)/2)!important;width:44px!important;height:44px!important}
}
/* Keep logo visible above the open full-screen menu. */
body.fortis-menu-open .site-header.fx-header .brand{position:relative;z-index:1300}

/* ---------- FOOTER ---------- */
.site-footer.fx-footer{background:radial-gradient(1200px 500px at 85% -10%,rgba(214,164,70,.10),transparent 60%),linear-gradient(180deg,var(--fx-navy) 0%,var(--fx-navy-2) 100%)!important;color:var(--fx-text-dark)!important;padding:clamp(56px,7vw,88px) 0 0!important;margin:0!important;border-top:1px solid rgba(214,164,70,.28)}
.fx-footer a{color:inherit;text-decoration:none}
.fx-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);padding-bottom:clamp(40px,5vw,60px)}
.fx-brand{max-width:400px}
.fx-footer .fx-footer-logo{height:var(--fx-footer-logo-h,54px)!important;width:auto!important;max-width:100%!important;display:block!important;margin:0 0 22px!important;transform:none!important}
.fx-footer .fx-tagline{margin:0 0 10px!important;color:#fff!important;font-size:1.06rem!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.4}
.fx-about{margin:0 0 24px;font-size:.94rem;line-height:1.65;color:#9fb0c1}
.fx-cta.btn{padding:12px 20px!important;font-size:.92rem!important}
.fx-heading{font-size:.74rem!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--gold-2)!important;font-weight:700!important;margin:6px 0 18px!important;line-height:1.3!important}
.fx-links,.fx-contact-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.fx-links a{color:#d3dde7;font-size:.95rem;line-height:1.45;transition:color .2s ease}
.fx-links a:hover,.fx-links a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold)}
.fx-contact-list{gap:14px}
.fx-contact-list a{display:flex;align-items:flex-start;gap:12px;color:#e9eff5;font-size:.95rem;line-height:1.45;word-break:break-word}
.fx-contact-list a:hover span:last-child{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold)}
.fx-ico{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(214,164,70,.10);border:1px solid rgba(214,164,70,.22);margin-top:-6px}
.fx-ico svg{width:17px;height:17px;fill:none;stroke:var(--gold-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fx-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;padding:22px 0 26px;border-top:1px solid var(--fx-line-dark);font-size:.82rem;color:#8d9db0}
.fx-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.fx-policies.footer-privacy-tools{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px 20px!important;margin:0!important;padding:0!important;border:0!important;font-size:.82rem!important;align-items:center!important}
.fx-policies a,.fx-policies .footer-cookie-manage{color:#b5c3d1!important;font-size:.82rem!important}
.fx-policies a:hover,.fx-policies .footer-cookie-manage:hover{color:#fff!important}
@media(max-width:1100px){.fx-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fx-brand{grid-column:1/-1;max-width:560px}}
@media(max-width:560px){
  .fx-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px 22px}
  .fx-contact{grid-column:1/-1}
  .fx-bottom{flex-direction:column;align-items:flex-start;padding-bottom:calc(26px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.fx-top{grid-template-columns:minmax(0,1fr)}}

/* ---------- SERVICE CARDS: icons instead of 01–04 ---------- */
.service-card .icon-pill.fx-icon{width:52px!important;height:52px!important;border-radius:14px!important;background:linear-gradient(145deg,#0b2542,#041222)!important;display:grid!important;place-items:center!important;margin-bottom:22px!important;box-shadow:0 8px 20px rgba(4,18,34,.16)}
.service-card .fx-icon svg{width:26px;height:26px;fill:none;stroke:var(--gold-2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-card .fx-icon .fx-num{color:var(--gold-2);font-weight:700;font-size:1rem;letter-spacing:.02em}
.service-card{display:flex!important;flex-direction:column!important;min-height:0!important}
.service-card .service-link{margin-top:auto!important;padding-top:10px}
.service-card h3{font-size:clamp(1.15rem,1.5vw,1.32rem)!important;line-height:1.2!important}

/* ---------- CONTACT: quick contact card next to the form ---------- */
.contact-grid.fx-contact-layout{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:clamp(22px,3.5vw,44px)!important;align-items:start!important;max-width:none!important;margin-inline:0!important}
.contact-grid.fx-contact-layout .contact-form-column{max-width:none!important;margin:0!important;width:100%!important}
.fx-quick-contact{background:linear-gradient(160deg,#0a2440,#041222);color:#dfe7ef;border-radius:24px;padding:clamp(24px,3vw,36px);box-shadow:0 20px 50px rgba(4,18,34,.18);position:sticky;top:calc(var(--fx-header-h) + 24px)}
.fx-quick-contact h2{color:#fff!important;font-size:clamp(1.35rem,2vw,1.7rem)!important;margin:0 0 10px!important}
.fx-quick-contact p{color:#b7c5d3;margin:0 0 22px;font-size:.96rem}
.fx-quick-contact ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fx-quick-contact li a{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.fx-quick-contact li a:hover{background:rgba(214,164,70,.10);border-color:rgba(214,164,70,.35)}
.fx-quick-contact small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);font-weight:700;margin-bottom:2px}
.fx-quick-contact strong{display:block;font-weight:600;font-size:1rem;word-break:break-word}
.fx-qc-ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(214,164,70,.12)}
.fx-qc-ico svg{width:20px;height:20px;fill:none;stroke:var(--gold-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.contact-grid.fx-contact-layout{grid-template-columns:minmax(0,1fr)!important}.contact-grid.fx-contact-layout .contact-form-column{order:1}.fx-quick-contact{order:2;position:static}}

/* ---------- COOKIE BANNER: compact on phones ---------- */
.fortis-cookie-copy strong{font-family:var(--fortis-ui-font)!important}
@media(max-width:760px){
  .fortis-cookie-banner{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .fortis-cookie-card{padding:14px 16px!important;border-radius:16px!important}
  .fortis-cookie-copy strong{font-size:1rem!important}
  .fortis-cookie-copy p{font-size:.84rem!important;line-height:1.45!important;margin-top:4px!important}
  .fortis-cookie-actions{margin-top:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .fortis-cookie-actions .btn{min-height:42px!important;padding:9px 10px!important;font-size:.86rem!important;width:100%!important}
  .fortis-cookie-actions [data-cookie-action="accept"]{order:1;grid-column:auto!important}
  .fortis-cookie-actions [data-cookie-action="reject"]{order:2}
  .fortis-cookie-actions [data-cookie-action="settings"]{order:3;grid-column:1/-1!important;background:transparent!important;color:var(--ink)!important;border:0!important;min-height:30px!important;padding:4px!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important}
}

/* ---------- RESPONSIVE: all screen sizes ---------- */
img,svg,video,iframe{max-width:100%}
.content,.content article,.fortis-flex-row,.contact-form-column,.card,.post-card{min-width:0;overflow-wrap:break-word}
.content article table{display:block;max-width:100%;overflow-x:auto}
@media(max-width:1100px){.services-grid.grid-4,.process-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){
  .services-grid.grid-4,.process-grid.grid-4,.grid-2,.grid-3,.post-grid{grid-template-columns:minmax(0,1fr)!important}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .section{padding-top:56px;padding-bottom:56px}
}
@media(max-width:380px){
  h1{font-size:2.1rem!important}
  h2{font-size:1.6rem!important}
  .card,.service-card{padding:22px!important}
}
@media(min-width:1600px){
  html{font-size:17px}
  .container{width:min(1320px,calc(100% - 2*var(--fx-gutter)))!important}
}
@media(min-width:2200px){html{font-size:18px}}
/* Tablets: headline first, business visual underneath (same order as phones). */
@media(max-width:1040px){
  .hero .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .hero .hero-grid>.reveal:not(.hero-visual){order:1!important}
  .hero .hero-grid>.hero-visual{order:2!important;width:100%;max-width:560px!important;justify-self:start}
}

/* =====================================================================
   v53.2 — iPhone / Safari stability
   - No permanent GPU layers: will-change removed from every animated element.
   - Phones, tablets and touch screens: no scroll-reveal at all. Content is
     always visible immediately (before, dozens of animated layers could make
     Safari freeze, leave blank areas and drop the sticky header).
   - Desktop keeps a light fade-in.
   ===================================================================== */
.reveal,.fortis-section-reveal,.fortis-motion .reveal,.fortis-motion .fortis-section-reveal{will-change:auto!important}
body.fortis-menu-open{touch-action:auto!important}
@media (max-width:1040px),(hover:none),(pointer:coarse){
  .reveal,.fortis-section-reveal,
  .fortis-motion .reveal,.fortis-motion .fortis-section-reveal,
  .fortis-motion .hero h1 span,.fortis-motion .hero .eyebrow,.fortis-motion .hero .hero-lead-main,
  .fortis-motion .hero .hero-support,.fortis-motion .hero .hero-actions,.fortis-motion .hero .hero-note,
  .fortis-motion .hero-visual,.fortis-motion .hero-decision-panel{
    opacity:1!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important
  }
  .card.hover:hover,.service-card:hover,.post-card:hover,.process-card:hover{transform:none!important}
}
/* Desktop: fade only on individual blocks; whole sections no longer move (no nested moving layers). */
@media (min-width:1041px) and (hover:hover){
  .fortis-motion .fortis-section-reveal{opacity:1!important;transform:none!important;transition:none!important}
}
.site-header.fx-header .main-nav,.site-header .main-nav{will-change:auto!important}

/* =====================================================================
   v54 — HR | EN language switch
   ===================================================================== */
.fx-lang{display:flex;align-items:center;gap:2px;flex:0 0 auto;font-size:.82rem;font-weight:650;letter-spacing:.06em;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px;background:rgba(255,255,255,.03)}
.fx-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:30px;padding:0 9px;border-radius:999px;color:#c9d5e1!important;text-decoration:none;transition:background .2s ease,color .2s ease}
.fx-lang a:hover{color:#fff!important;background:rgba(255,255,255,.08)}
.fx-lang a.is-active{background:rgba(214,164,70,.16);color:var(--gold-2)!important}
.fx-lang span{display:none}
@media(min-width:1041px){.site-header.fx-header .fx-lang{margin-left:-6px}}
@media(max-width:1040px){
  .site-header.fx-header .fx-lang{margin-left:auto}
  .site-header.fx-header .menu-toggle.fx-toggle{margin-left:10px!important}
}
@media(max-width:360px){.fx-lang a{min-width:32px;padding:0 7px}.fx-lang{font-size:.76rem}}

/* v54.1 — language flags instead of HR | EN */
.fx-lang.fx-lang-flags{gap:4px;padding:4px}
.fx-lang.fx-lang-flags a{min-width:0;width:40px;height:30px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.fx-flag{width:26px;height:13px;display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25);opacity:.72;filter:saturate(.85);transition:opacity .2s ease,filter .2s ease,transform .2s ease}
.fx-lang.fx-lang-flags a:hover .fx-flag,.fx-lang.fx-lang-flags a:focus-visible .fx-flag{opacity:1;filter:none}
.fx-lang.fx-lang-flags a.is-active{background:rgba(214,164,70,.18)}
.fx-lang.fx-lang-flags a.is-active .fx-flag{opacity:1;filter:none;box-shadow:0 0 0 1px rgba(239,207,138,.85)}
@media(max-width:360px){.fx-lang.fx-lang-flags a{width:34px;height:28px}.fx-flag{width:22px;height:11px}}
/* v54.2 — very narrow phones (320–400 px): logo, flags and menu button always fit on one row */
@media(max-width:1040px){.site-header.fx-header .header-inner{gap:12px!important}}
@media(max-width:400px){
  .site-header.fx-header .header-inner{gap:8px!important}
  .site-header.fx-header .header-logo{height:min(var(--fx-logo-h-m,36px),32px)!important;max-width:44vw!important}
  .fx-lang.fx-lang-flags{padding:3px;gap:2px}
  .fx-lang.fx-lang-flags a{width:32px;height:28px}
  .fx-flag{width:22px;height:11px}
  .site-header.fx-header .menu-toggle.fx-toggle{margin-left:6px!important;width:40px!important;height:40px!important}
  .site-header.fx-header .menu-toggle.fx-toggle.is-open{top:calc((var(--fx-header-h) - 40px)/2)!important}
}
.decision-mark picture,.fx-brand-link picture,.fx-footer-logo-link picture{display:contents}

/* ===== v54.3: gold hamburger, no tap focus box, no breadcrumbs ===== */
.site-header .menu-toggle.fx-toggle{border-color:rgba(214,164,70,.55)!important;background:rgba(214,164,70,.08)!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.fx-toggle-bars span{background:#d6a446!important}
.site-header .menu-toggle.fx-toggle.is-open,.site-header .menu-toggle.fx-toggle.is-open:hover,.site-header .menu-toggle.fx-toggle.is-open:focus-visible{border-color:#d6a446!important;background:rgba(214,164,70,.14)!important}
@media (hover:hover){.site-header .menu-toggle.fx-toggle:hover{border-color:#d6a446!important;background:rgba(214,164,70,.16)!important}}
.fx-toggle:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.fx-toggle:focus-visible{outline:2px solid #d6a446!important;outline-offset:3px}
.main-nav a{-webkit-tap-highlight-color:transparent}
.main-nav a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.main-nav a:focus-visible{outline:2px solid #d6a446!important;outline-offset:2px;border-radius:6px}
.breadcrumbs{display:none!important}