:root{
  --navy:#0b1f33;--navy2:#123552;--gold:#c7a45a;--ink:#17212b;
  --muted:#647180;--paper:#ffffff;--soft:#f4f6f8;--line:#dfe5ea;
  --radius:18px;--shadow:0 18px 50px rgba(11,31,51,.10);
  --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:.9rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.social a{margin-left:12px;opacity:.9}.social a:hover{opacity:1;color:var(--gold)}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;color:var(--navy)}
.brand-logo{width:142px;height:64px;object-fit:contain;display:block}
.logo-mark{width:44px;height:44px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif}
.brand small{display:block;font-weight:500;letter-spacing:.02em;color:var(--muted);font-size:.72rem}
.menu{display:flex;gap:24px;align-items:center}.menu a:hover{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;border:1px solid var(--navy);font-weight:700;transition:.2s}
.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy2);transform:translateY(-1px)}
.btn.ghost:hover{background:var(--soft)}
.hero{background:linear-gradient(120deg,rgba(11,31,51,.94),rgba(18,53,82,.78)),url('hero.jpg') center/cover; color:#fff;padding:105px 0 90px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:800;font-size:.78rem}
h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.03;margin:.3em 0}
h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;color:var(--navy);margin:.2em 0 .5em}
h3{color:var(--navy);margin:.4em 0}
.lead{font-size:1.18rem;max-width:720px;color:#dce6ef}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .ghost{border-color:#fff;color:#fff}
.hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.25);padding:28px;border-radius:var(--radius);backdrop-filter:blur(8px)}
.hero-card li{margin:10px 0}
section{padding:84px 0}.soft{background:var(--soft)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);transition:.2s}
.card:hover{transform:translateY(-4px)}
.icon{width:46px;height:46px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--gold);font-weight:900}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-42px;position:relative;z-index:3}
.stat{background:#fff;border-radius:16px;padding:22px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--line)}
.stat strong{display:block;font-size:1.65rem;color:var(--navy)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.photo{min-height:420px;border-radius:var(--radius);background:#eef2f5 center/cover no-repeat;border:1px solid var(--line);box-shadow:var(--shadow)}
.photo.about{background-image:url('about-team.jpg')}.photo.services{background-image:url('services-finance.jpg');min-height:340px}.photo.contact{background-image:url('contact-office.jpg')}
.service-banner{height:360px;border-radius:var(--radius);background:url('services-finance.jpg') center/cover no-repeat;box-shadow:var(--shadow);margin-bottom:34px}
.magazine{display:grid;grid-template-columns:1.25fr .75fr;gap:26px}
.article-feature{min-height:380px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;justify-content:end}
.article-feature h3{color:#fff;font-size:2rem}
.list-card{background:#fff;border-bottom:1px solid var(--line);padding:18px 0}
.cta{background:var(--navy);color:#fff;border-radius:26px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{color:#fff;margin:0}
footer{background:#071522;color:#d7e0e8;padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:36px}
footer h4{color:#fff}footer a{display:block;margin:8px 0;color:#d7e0e8}footer a:hover{color:var(--gold)}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;font-size:.9rem}
.chat-toggle{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;border:none;background:var(--gold);color:var(--navy);font-weight:900;box-shadow:var(--shadow);cursor:pointer;z-index:30}
.chat{position:fixed;right:22px;bottom:94px;width:min(380px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 70px rgba(0,0,0,.2);display:none;z-index:30;overflow:hidden}
.chat.open{display:block}.chat-head{background:var(--navy);color:#fff;padding:18px}.chat-body{padding:18px;max-height:420px;overflow:auto}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.quick button{border:1px solid var(--line);background:var(--soft);padding:8px 10px;border-radius:999px;cursor:pointer}
.chat input{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px}
.notice{font-size:.8rem;color:var(--muted);margin-top:10px}
.page-hero{background:var(--navy);color:#fff;padding:70px 0}.page-hero h1{font-size:3.4rem}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.article-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.article-card .cover{height:180px;background:#e6edf2 center/cover no-repeat}
.article-card .body{padding:20px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.toolbar input,.toolbar select{padding:12px;border:1px solid var(--line);border-radius:10px}
@media(max-width:900px){.menu{display:none}.hero-grid,.split,.magazine{grid-template-columns:1fr}.grid-3,.article-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid-3,.article-grid,.stats,.footer-grid{grid-template-columns:1fr}.hero{padding-top:72px}.cta{flex-direction:column;align-items:flex-start}.topbar .container{display:block;text-align:center}.social{margin-top:4px}}

/* V8 Executive hero */
.executive-hero{
  min-height:calc(100vh - 110px);
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:88px 0 104px;
  background:
    linear-gradient(90deg,rgba(7,21,34,.82) 0%,rgba(11,31,51,.56) 48%,rgba(11,31,51,.12) 100%),
    linear-gradient(180deg,rgba(7,21,34,.05),rgba(7,21,34,.34)),
    url('hero.jpg') center 42%/cover no-repeat;
}
.executive-hero::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(199,164,90,.10),transparent 38%);
  pointer-events:none;
}
.executive-hero-grid{
  position:relative;z-index:2;
  width:min(1260px,calc(100% - 48px));
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);
  gap:72px;
  align-items:end;
}
.hero-copy{max-width:830px;animation:heroRise .8s ease-out both}
.hero-kicker{color:#f0d28f;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.executive-hero h1{
  max-width:850px;
  margin:.24em 0 .16em;
  font-size:clamp(3.5rem,7.3vw,7rem);
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 8px 30px rgba(0,0,0,.30);
}
.hero-slogan{
  display:inline-block;
  color:#fff;
  font-weight:800;
  font-size:clamp(1.05rem,2vw,1.35rem);
  letter-spacing:.13em;
  text-transform:uppercase;
  border-left:3px solid var(--gold);
  padding-left:15px;
  margin:3px 0 19px;
}
.executive-hero .lead{
  max-width:690px;
  color:#f2f6fa;
  font-size:clamp(1.05rem,1.8vw,1.28rem);
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}
.motivation{
  min-height:62px;
  margin:27px 0 5px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#fff;
  font-family:Georgia,serif;
  font-size:clamp(1.08rem,2vw,1.38rem);
  font-style:italic;
  line-height:1.45;
  transition:opacity .35s ease,transform .35s ease;
  text-shadow:0 3px 16px rgba(0,0,0,.28);
}
.motivation.is-changing{opacity:0;transform:translateY(8px)}
.motivation-mark{color:var(--gold);font-size:2.7rem;line-height:.8}
.executive-primary{
  background:var(--gold)!important;
  color:var(--navy)!important;
  border-color:var(--gold)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.executive-primary:hover{filter:brightness(1.06);transform:translateY(-2px)}
.executive-ghost{
  border-color:rgba(255,255,255,.78)!important;
  color:#fff!important;
  background:rgba(7,21,34,.18);
  backdrop-filter:blur(6px);
}
.executive-ghost:hover{background:rgba(255,255,255,.13)!important}
.hero-proof{
  align-self:end;
  padding:27px 28px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:22px;
  background:rgba(7,21,34,.52);
  box-shadow:0 28px 70px rgba(0,0,0,.25);
  backdrop-filter:blur(12px);
  animation:heroRise .9s .12s ease-out both;
}
.proof-label{
  color:#f0d28f;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
  font-weight:800;
  margin-bottom:13px;
}
.proof-item{display:grid;grid-template-columns:43px 1fr;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.proof-item strong{font-family:Georgia,serif;color:var(--gold);font-size:1.25rem}
.proof-item span{color:#fff;line-height:1.35}
.proof-link{display:inline-block;margin-top:18px;color:#fff;font-weight:700}
.proof-link:hover{color:var(--gold)}
.scroll-cue{
  position:absolute;z-index:3;bottom:21px;left:50%;transform:translateX(-50%);
  color:rgba(255,255,255,.78);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;
}
.scroll-cue span{display:inline-block;margin-left:5px;animation:scrollBounce 1.8s infinite}
.admin-preview-link{color:var(--gold)!important;font-weight:800}
@keyframes heroRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* CMS visual demo */
.cms-body{background:#eef2f5;color:#17212b;min-height:100vh}
.cms-shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}
.cms-sidebar{background:#071522;color:#d7e0e8;padding:25px 18px;position:sticky;top:0;height:100vh}
.cms-sidebar .brand-logo{width:150px;margin:0 auto 32px;filter:brightness(0) invert(1)}
.cms-nav a{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:11px;margin:4px 0;color:#d7e0e8}
.cms-nav a:hover,.cms-nav a.active{background:rgba(255,255,255,.09);color:#fff}
.cms-main{padding:27px 32px 50px}
.cms-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.cms-top h1{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.8rem;margin:0;color:var(--navy);letter-spacing:-.02em}
.cms-user{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:.9rem}
.cms-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}
.cms-metric,.cms-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(11,31,51,.06)}
.cms-metric{padding:20px}.cms-metric span{font-size:.8rem;color:var(--muted)}.cms-metric strong{display:block;font-size:1.8rem;color:var(--navy)}
.cms-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}
.cms-panel{padding:22px}
.cms-panel h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.15rem;margin:0 0 18px}
.cms-table{width:100%;border-collapse:collapse}.cms-table th,.cms-table td{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line);font-size:.9rem}
.cms-status{display:inline-block;padding:4px 9px;border-radius:999px;background:#eaf6ee;color:#2f6c43;font-size:.75rem;font-weight:700}
.cms-actions{display:grid;gap:10px}.cms-action{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-weight:700;color:var(--navy)}
.cms-note{margin-top:18px;padding:14px;border-left:3px solid var(--gold);background:#fff8e8;font-size:.88rem}
.cms-back{display:inline-block;margin-top:26px;font-weight:700;color:var(--navy)}
@media(max-width:1000px){
  .executive-hero-grid{grid-template-columns:1fr;gap:30px;align-items:center}
  .hero-proof{max-width:560px}
  .cms-cards{grid-template-columns:1fr 1fr}
  .cms-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .executive-hero{min-height:auto;padding:70px 0 92px;background-position:61% center}
  .executive-hero-grid{width:min(100% - 30px,1260px)}
  .executive-hero h1{font-size:clamp(3rem,15vw,4.8rem)}
  .hero-proof{display:none}
  .scroll-cue{display:none}
  .cms-shell{grid-template-columns:1fr}
  .cms-sidebar{position:relative;height:auto}
  .cms-nav{display:grid;grid-template-columns:1fr 1fr}
  .cms-main{padding:22px 16px 40px}
  .cms-cards{grid-template-columns:1fr}
}

/* V9 platform modules */
.page-hero{padding:78px 0 66px;background:linear-gradient(135deg,#071522,#123956);color:#fff}
.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);margin:.2em 0}.page-hero p{max-width:760px;color:#e8eef3;font-size:1.15rem}
.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:28px}.section-head>p{max-width:560px}
.platform-showcase{background:#f4f7f9}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.platform-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;color:inherit;transition:.25s;min-height:250px;display:flex;flex-direction:column}
.platform-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.platform-card.featured{background:var(--navy);color:#fff}.platform-card.featured p{color:#cbd7e0}
.platform-number{font-family:Georgia,serif;color:var(--gold);font-size:1.1rem}.platform-card h3{font-size:1.35rem;margin:25px 0 9px}.platform-card strong{margin-top:auto;color:var(--gold)}
.returning-user{padding-top:20px}.returning-box{background:linear-gradient(120deg,#0b1f33,#164a70);color:#fff;border-radius:22px;padding:34px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{border:1px solid var(--line);border-radius:17px;padding:25px}.case-card>span,.director-card>span{font-size:.72rem;letter-spacing:.14em;color:#8b6c2e;font-weight:800}.case-result{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
.tool-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);gap:25px;align-items:start}
.assessment-card,.advisor-app,.side-info,.calculator-shell{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.side-info{position:sticky;top:120px}.side-info li{margin:10px 0}.assessment-progress{height:7px;background:#e9eef2;border-radius:99px;overflow:hidden;margin-bottom:25px}.assessment-progress span{height:100%;display:block;width:0;background:var(--gold);transition:.3s}
.hidden{display:none!important}.question-card h3{margin-bottom:20px}.answer-options{display:grid;gap:10px}.answer-options label{display:flex;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.assessment-nav{display:flex;justify-content:space-between;margin-top:24px}
.score-circle{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) var(--score),#e8edf0 0);margin:20px auto}.score-circle div{width:125px;height:125px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}.score-circle strong{font-size:2rem;color:var(--navy)}
.advisor-head{display:flex;gap:12px;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.advisor-head small{display:block;color:var(--muted)}.advisor-dot{width:12px;height:12px;border-radius:50%;background:#50a56c}
.advisor-messages{min-height:320px;max-height:470px;overflow:auto;padding:20px 0}.advisor-message{max-width:80%;padding:13px 15px;border-radius:14px;margin:9px 0}.advisor-message.bot{background:#edf3f6}.advisor-message.user{background:var(--navy);color:#fff;margin-left:auto}.advisor-input{display:flex;gap:10px}.advisor-input input{flex:1}.advisor-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.advisor-suggestions button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 11px}
.tools-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tool-tab{border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:99px;font-weight:700}.tool-tab.active{background:var(--navy);color:#fff}
.calculator-panel{display:none}.calculator-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calculator-panel h2,.calc-result{grid-column:1/-1}.calculator-panel label{display:grid;gap:7px}.calc-result{background:#f1f5f7;border-radius:15px;padding:22px;font-size:1.1rem}.calc-result strong{font-size:1.5rem;color:var(--navy)}
.legal-note{font-size:.85rem;color:var(--muted);margin-top:16px}
.topic-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.topic-filter button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 15px}.topic-filter button.active{background:var(--navy);color:#fff}
.director-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.director-card{padding:25px;border:1px solid var(--line);border-radius:17px}.director-card a{color:#8b6c2e;font-weight:700}
.timeline{max-width:850px;margin:auto}.timeline-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:0 0 32px;position:relative}.timeline-item:before{content:"";position:absolute;left:26px;top:52px;bottom:0;width:2px;background:#d9e2e8}.timeline-item:last-child:before{display:none}.timeline-step{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.timeline-item.active .timeline-step{background:var(--gold);color:var(--navy)}.timeline-cta{text-align:center;background:#f3f6f8;padding:32px;border-radius:18px}
.case-study-list{display:grid;gap:24px}.case-study{border:1px solid var(--line);border-radius:20px;padding:30px}.case-study-meta{font-size:.75rem;letter-spacing:.15em;color:#8b6c2e;font-weight:800}.case-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px}
.reg-search{display:flex;gap:10px;max-width:800px;margin-bottom:25px}.reg-search input{flex:1}.reg-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reg-results article{border:1px solid var(--line);border-radius:16px;padding:23px}.reg-results span{font-size:.72rem;color:#8b6c2e;font-weight:800;letter-spacing:.12em}
.guide-cover{background:linear-gradient(120deg,#071522,#185078);border-radius:22px;color:#fff;padding:48px;display:flex;justify-content:space-between;align-items:center}.guide-cover h2{font-size:3.4rem}.guide-badge{border:1px solid rgba(255,255,255,.3);padding:25px;border-radius:50%;width:130px;height:130px;display:grid;place-items:center;text-align:center}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0}.guide-grid article{border:1px solid var(--line);border-radius:16px;padding:22px}.guide-grid span{color:var(--gold);font-family:Georgia,serif;font-size:1.3rem}
.newsletter-box{display:grid;grid-template-columns:1fr auto;gap:25px;background:#f3f6f8;border-radius:18px;padding:28px;align-items:center}.newsletter-box form{display:flex;gap:8px}
.cockpit-shell{background:#eef3f6;border-radius:24px;padding:24px}.cockpit-top{display:flex;justify-content:space-between;align-items:center}.cockpit-top span{font-size:.7rem;letter-spacing:.15em;color:#6b7d8a}.cockpit-period{background:#fff;padding:10px 14px;border-radius:9px}
.cockpit-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.cockpit-kpis>div,.cockpit-panel{background:#fff;border-radius:15px;padding:19px}.cockpit-kpis span,.cockpit-kpis small{display:block;color:#6f7e89}.cockpit-kpis strong{font-size:1.45rem}.cockpit-kpis .good{color:#318356}.cockpit-kpis .warn{color:#b47722}
.cockpit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cockpit-panel.wide{grid-column:1/-1}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title button,.doc-row button{border:0;background:transparent;color:#8b6c2e;font-weight:700}
.deadline-list{list-style:none;padding:0}.deadline-list li,.doc-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.date-chip{background:#edf2f5;border-radius:9px;padding:8px;font-size:.75rem;font-weight:800}.deadline-list small,.doc-row small{display:block;color:#71808b}.doc-row>button{margin-left:auto}.doc-row>span{width:40px;height:40px;border-radius:8px;background:#eaf0f4;display:grid;place-items:center;font-size:.72rem;font-weight:800}.doc-row.missing{background:#fff6e7;padding:12px;border-radius:10px}.recommendation-row{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:14px 0}.recommendation-row>span{color:var(--gold);font-family:Georgia,serif;font-size:1.3rem}
.resource-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-preview{border:1px solid var(--line);border-radius:18px;overflow:hidden}.resource-preview>div:last-child{padding:20px}.doc-preview{height:250px;background:linear-gradient(150deg,#123956,#071522);color:#fff;padding:25px;display:flex;flex-direction:column}.doc-preview span{color:var(--gold);font-weight:800}.doc-preview strong{font-family:Georgia,serif;font-size:1.5rem;margin:auto 0}.doc-preview.xls{background:linear-gradient(150deg,#256b4a,#103725)}.doc-preview.word{background:linear-gradient(150deg,#315c94,#143052)}
.modal{position:fixed;inset:0;background:rgba(5,15,24,.75);display:grid;place-items:center;z-index:1000;padding:20px}.modal-card{background:#fff;max-width:680px;width:100%;border-radius:20px;padding:30px;position:relative}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:2rem}.modal-document{min-height:420px;border:1px solid var(--line);padding:45px;background:linear-gradient(#fff,#f5f7f8)}
@media(max-width:950px){.platform-grid,.director-grid{grid-template-columns:1fr 1fr}.case-grid,.resource-preview-grid{grid-template-columns:1fr}.tool-layout{grid-template-columns:1fr}.side-info{position:relative;top:auto}.guide-grid{grid-template-columns:1fr 1fr}.cockpit-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.section-head,.returning-box{display:block}.platform-grid,.director-grid,.reg-results,.case-columns,.cockpit-grid,.guide-grid{grid-template-columns:1fr}.calculator-panel.active{grid-template-columns:1fr}.cockpit-kpis{grid-template-columns:1fr}.cockpit-panel.wide{grid-column:auto}.newsletter-box{grid-template-columns:1fr}.newsletter-box form,.advisor-input,.reg-search{flex-direction:column}.guide-cover{padding:30px}.guide-badge{display:none}}


/* ==========================================================
   AS LEGATT FINAL PREMIUM V10
   Safe enhancement: content remains visible without JavaScript.
   ========================================================== */
:root{--gold-soft:rgba(199,164,90,.18);--deep-shadow:0 22px 60px rgba(11,31,51,.13)}
body{overflow-x:hidden}
header{box-shadow:0 8px 30px rgba(11,31,51,.055)}
.menu a{position:relative;font-size:.94rem}
.menu a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--gold);transition:right .28s ease}
.menu a:hover::after{right:0}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b1f33,#123552)}
.page-hero::before{content:"";position:absolute;width:460px;height:460px;right:-170px;top:-270px;border:1px solid rgba(199,164,90,.22);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.025),0 0 0 104px rgba(199,164,90,.025)}
.page-hero-content{position:relative;z-index:1;max-width:940px}
.page-lead{max-width:790px;color:#dce6ef;font-size:1.16rem}
.premium-page-hero h1{font-size:clamp(2.65rem,5vw,4.65rem);max-width:950px}
.content-stack p{font-size:1.04rem}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:34px}
.section-head>p{max-width:520px;color:var(--muted)}
.premium-card,.platform-card,.case-card,.article-card,.stat{position:relative;overflow:hidden;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.premium-card::before,.platform-card::before,.case-card::before,.article-card::before,.stat::before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(199,164,90,.3));transition:width .32s ease}
.premium-card:hover,.platform-card:hover,.case-card:hover,.article-card:hover,.stat:hover{transform:translateY(-6px);box-shadow:var(--deep-shadow);border-color:rgba(199,164,90,.5)}
.premium-card:hover::before,.platform-card:hover::before,.case-card:hover::before,.article-card:hover::before,.stat:hover::before{width:100%}
.photo,.service-banner,.article-card .cover{transition:transform .5s ease,filter .5s ease,box-shadow .5s ease;filter:saturate(.94) contrast(1.02)}
.photo:hover,.service-banner:hover{transform:scale(1.018);filter:saturate(1) contrast(1.04);box-shadow:var(--deep-shadow)}
.btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28),transparent 65%);transition:transform .55s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,31,51,.18)}
.btn:hover::after{transform:translateX(120%)}
.process-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:38px}
.process-timeline article{display:flex;gap:18px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(11,31,51,.07)}
.process-timeline article>span{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-weight:800}
.process-timeline h3{margin-top:0}
.expertise-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.expertise-list span{padding:13px 15px;border-left:3px solid var(--gold);background:#fff;border-radius:0 10px 10px 0;box-shadow:0 7px 22px rgba(11,31,51,.06)}
.about-quote{position:relative;padding:48px;border-radius:24px;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;box-shadow:var(--deep-shadow)}
.about-quote .quote-mark{font-family:Georgia,serif;font-size:6rem;color:var(--gold);line-height:.65}
.about-quote blockquote{font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.3;margin:18px 0 26px}
.about-quote p{color:#dce6ef}
.trust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-stats>div{padding:27px 20px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.trust-stats strong{display:block;color:var(--navy);font-size:1.8rem;margin-bottom:6px}
.trust-stats span{color:var(--muted);font-size:.93rem}
.premium-cta{position:relative;overflow:hidden;isolation:isolate}
.premium-cta::before{content:"";position:absolute;width:330px;height:230px;right:-45px;bottom:-90px;background:url('as-legatt-logo.png') center/contain no-repeat;opacity:.045;filter:grayscale(1) brightness(4);z-index:-1}
.premium-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 10%,rgba(199,164,90,.17),transparent 35%);z-index:-1}
.cta-button{background:#fff;color:var(--navy);border-color:#fff;white-space:nowrap}
footer{position:relative;border-top:1px solid rgba(199,164,90,.35)}
footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(250px,55vw);height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
/* Visual movement only after JS marks a section; never hide content by default. */
.motion-ready{animation:sectionRise .72s cubic-bezier(.2,.7,.2,1) both}
@keyframes sectionRise{from{opacity:.01;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:980px){.menu{gap:13px;flex-wrap:wrap;justify-content:flex-end}.section-head{align-items:start;flex-direction:column;gap:10px}.trust-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.process-timeline,.expertise-list,.trust-stats{grid-template-columns:1fr}.about-quote{padding:32px}.premium-page-hero h1{font-size:2.55rem}.premium-cta::before{width:220px;right:-85px}.menu a::after{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* =========================================================
   AS LEGATT V11 — ciljane završne korekcije
   ========================================================= */

/* Naslovna: kompaktnija hero fotografija i više sadržaja iznad prevoja */
.executive-hero{
  min-height:660px;
  padding:62px 0 76px;
}
.executive-hero h1{
  font-size:clamp(3.15rem,6.3vw,6.15rem);
}
.executive-hero-grid{
  gap:54px;
}
.motivation{
  margin-top:20px;
}
.scroll-cue{
  bottom:13px;
}

/* Health Check: potpuno usklađeno zaglavlje */
.menu a.active{
  color:var(--gold);
}
.menu a.active::after{
  width:100%;
}
body:has(#healthForm) .page-hero{
  padding:58px 0 52px;
}
body:has(#healthForm) .tool-layout{
  align-items:start;
}

/* Nova fotografija samo na strani O nama */
.photo.about-page-photo{
  background-image:
    linear-gradient(180deg,rgba(11,31,51,.03),rgba(11,31,51,.10)),
    url('about-office-v11.jpg');
  background-position:center;
  background-size:cover;
  min-height:430px;
}

/* Mobilni prikaz */
@media(max-width:900px){
  .executive-hero{
    min-height:auto;
    padding:58px 0 70px;
  }
  .executive-hero h1{
    font-size:clamp(2.8rem,12vw,4.6rem);
  }
  .photo.about-page-photo{
    min-height:340px;
  }
}


/* =========================================================
   AS LEGATT V14 FINAL
   Samo dve završne izmene — ostali V12 dizajn ostaje netaknut.
   ========================================================= */

/* 1. Svetliji PERSONALIZOVANI PREGLED */
.returning-box{
  background:linear-gradient(120deg,#dce9f2,#f4f7f9);
  color:#0b1f33;
  border:1px solid rgba(11,31,51,.10);
}
.returning-box h2{
  color:#0b1f33;
}
.returning-box p{
  color:#425b70;
}
.returning-box .eyebrow{
  color:#a87a24;
}

/* 2. Nova fotografija — isti raspored i dimenzije sekcije */
.photo.about{
  background-image:url('why-as-legatt-final.jpg');
}

/* Knowledge Center dynamic module */
#kc-app{max-width:1180px;margin:0 auto;padding:42px 24px 70px}.kc-toolbar{display:grid;grid-template-columns:1fr 260px;gap:14px;margin-bottom:26px}.kc-toolbar input,.kc-toolbar select{padding:14px;border:1px solid #d7dde3;border-radius:8px;background:#fff;font:inherit}.kc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kc-card{background:#fff;border:1px solid #e2e7eb;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px rgba(6,29,55,.08);cursor:pointer}.kc-card img{width:100%;height:190px;object-fit:cover}.kc-card>div{padding:22px}.kc-card h2{font-family:Georgia,serif;color:#061d37;font-size:23px;margin:8px 0 10px}.kc-card p{color:#596777;line-height:1.6}.kc-card small{display:block;color:#7a8794;margin:15px 0}.kc-card button{border:0;background:#061d37;color:#fff;padding:11px 15px;border-radius:6px;font-weight:700}.kc-cat{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#c9942f;font-weight:800}.kc-empty{background:#fff;border:1px solid #e2e7eb;border-radius:12px;padding:35px;text-align:center;color:#657383}.kc-modal{position:fixed;inset:0;background:rgba(4,18,34,.78);z-index:9999;padding:28px;overflow:auto}.kc-modal-card{max-width:900px;margin:20px auto;background:#fff;border-radius:15px;padding:38px;position:relative}.kc-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:34px;cursor:pointer}.kc-modal h1{font-family:Georgia,serif;color:#061d37;font-size:40px;margin:10px 0}.kc-hero{width:100%;max-height:430px;object-fit:cover;border-radius:10px;margin:22px 0}.kc-body{line-height:1.75;color:#26384b}.kc-body h2{font-family:Georgia,serif;color:#061d37;margin-top:30px}@media(max-width:900px){.kc-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.kc-toolbar,.kc-grid{grid-template-columns:1fr}.kc-modal{padding:10px}.kc-modal-card{padding:28px 20px}.kc-modal h1{font-size:30px}}
.knowledge-page{min-height:100vh;background:#f6f8f9}.kc-hero{padding:100px 20px 50px;background:#102e34;color:#fff}.container{width:min(1160px,calc(100% - 40px));margin:auto}.kc-section{padding:45px 0}.kc-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.kc-controls input,.kc-controls select{padding:13px 15px;border:1px solid #cfd8dc;border-radius:8px;min-width:220px}.kc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kc-card{background:#fff;padding:24px;border-radius:14px;border:1px solid #e0e6e8;box-shadow:0 8px 24px rgba(0,0,0,.04)}.kc-card.featured{border-width:2px}.kc-meta{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.dashboard-stats>div{background:#fff;border:1px solid #e0e6e8;border-radius:12px;padding:18px}.dashboard-stats strong{display:block;font-size:1.8rem}@media(max-width:800px){.kc-grid,.dashboard-stats{grid-template-columns:1fr}}

/* AS LEGATT v2.5 FINAL — visible Knowledge Center navigation */
.menu-dropdown{position:relative;display:flex;align-items:center}
.menu-dropdown>button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:8px 0;cursor:pointer;position:relative}
.menu-dropdown>button::after{content:" ▾";font-size:.72em;color:var(--gold)}
.menu-dropdown>button.active{color:var(--gold)}
.menu-dropdown-panel{position:absolute;top:calc(100% + 10px);left:-18px;z-index:1000;min-width:220px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(11,31,51,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.menu-dropdown:hover .menu-dropdown-panel,.menu-dropdown:focus-within .menu-dropdown-panel{opacity:1;visibility:visible;transform:none}
.menu-dropdown-panel a{display:block;padding:11px 12px;border-radius:8px;white-space:nowrap;color:var(--navy)}
.menu-dropdown-panel a:hover{background:#f3f6f8;color:var(--gold)}
.knowledge-hub{background:#f6f8f9}.knowledge-hub-hero{padding-bottom:72px}.hub-section{padding:58px 0 72px}.knowledge-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.knowledge-hub-card{display:flex;gap:18px;min-height:310px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px;color:inherit;box-shadow:0 12px 35px rgba(11,31,51,.07);transition:.28s}
.knowledge-hub-card:hover{transform:translateY(-6px);box-shadow:var(--deep-shadow);border-color:rgba(199,164,90,.55)}
.hub-icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:800}
.knowledge-hub-card h2{font-family:Georgia,serif;color:var(--navy);font-size:1.65rem;margin:12px 0}.knowledge-hub-card p{color:var(--muted);line-height:1.7}.knowledge-hub-card strong{display:block;margin-top:22px;color:#9a6d1d}
.hub-cta{padding:0 0 76px}.hub-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px;border-radius:22px;background:linear-gradient(125deg,var(--navy),var(--navy2));color:#fff}.hub-cta h2{color:#fff;margin:8px 0}.hub-cta p{color:#dce6ef;max-width:760px}.hub-cta .btn{background:#fff;color:var(--navy);white-space:nowrap}
@media(max-width:1050px){.menu{gap:12px}.knowledge-hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.menu-dropdown{display:block;width:100%}.menu-dropdown>button{width:100%;text-align:left}.menu-dropdown-panel{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:5px}.menu-dropdown:focus-within .menu-dropdown-panel{display:block}.knowledge-hub-grid{grid-template-columns:1fr}.hub-cta>.container{align-items:flex-start;flex-direction:column}}

/* AS LEGATT Final Release v2.6 */
.final-contact-strip{padding:56px 0;background:#eef3f6}.final-contact-strip .container{display:flex;align-items:center;justify-content:space-between;gap:32px}.final-contact-strip h2{margin:.35rem 0}.final-contact-strip p{margin:0}.content-hero-image{width:100%;max-height:430px;object-fit:cover;border-radius:18px;box-shadow:0 18px 45px rgba(11,31,51,.12)}.linked-card{display:block;text-decoration:none;color:inherit}.linked-card strong{color:#aa7b27}.knowledge-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.final-contact-strip .container{display:block}.final-contact-strip .btn{margin-top:20px}.content-hero-image{margin-top:24px}.knowledge-hub-grid{grid-template-columns:1fr}}


/* AS LEGATT FINAL v2.7 — brand consistency, motion and image system */
:root{--brand-navy:#0b1f33;--brand-gold:#c9a45c;--brand-light:#f6f8fa}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);transition:box-shadow .25s ease,transform .25s ease}
header.is-scrolled{box-shadow:0 12px 30px rgba(11,31,51,.12)}
.brand-logo{width:142px!important;height:64px!important;object-fit:contain!important}
.photo,.hero,.knowledge-hub-hero,.article-feature{position:relative;overflow:hidden}
.photo::after,.hero::after,.knowledge-hub-hero::after{content:"";position:absolute;right:18px;bottom:18px;width:112px;height:50px;background:url('as-legatt-logo.png') center/contain no-repeat;background-color:rgba(255,255,255,.90);border-radius:10px;padding:7px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:3;pointer-events:none}
.photo{background-position:center;background-size:cover;isolation:isolate}
.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,31,51,.16));z-index:1;pointer-events:none}
.executive-hero{background-attachment:fixed;animation:heroCinematic 16s ease-in-out infinite alternate;background-position:center}
@keyframes heroCinematic{0%{background-size:105%;background-position:50% 48%}100%{background-size:116%;background-position:52% 53%}}
.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}
.reveal-ready.is-visible{opacity:1;transform:none}
.card,.platform-card,.knowledge-hub-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.card:hover,.platform-card:hover,.knowledge-hub-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(11,31,51,.12)}
.heritage-section{border-top:1px solid rgba(11,31,51,.08);border-bottom:1px solid rgba(11,31,51,.08)}
.heritage-points{display:grid;gap:14px}.heritage-points span{display:block;padding:18px 20px;background:#fff;border-left:4px solid var(--brand-gold);border-radius:12px;box-shadow:0 8px 24px rgba(11,31,51,.07)}.heritage-points strong{display:block;color:var(--brand-navy);font-size:1.45rem}
.company-heritage{padding:88px 0}.heritage-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.heritage-timeline article{padding:28px;border:1px solid rgba(11,31,51,.1);border-radius:18px;background:#fff}.heritage-timeline span{display:inline-block;color:var(--brand-gold);font-weight:800;letter-spacing:.04em;margin-bottom:12px}
.featured-topics{background:var(--brand-light)}.topic-cloud{display:flex;flex-wrap:wrap;gap:12px}.topic-cloud a{padding:12px 16px;border:1px solid rgba(11,31,51,.15);border-radius:999px;background:#fff;font-weight:700;color:var(--brand-navy);transition:.2s}.topic-cloud a:hover{background:var(--brand-navy);color:#fff;transform:translateY(-2px)}
.article-note{margin-top:28px;padding:18px 20px;background:#f3f6f8;border-left:4px solid var(--brand-gold);border-radius:10px;font-size:.94rem}
.page-loader{position:fixed;inset:0;background:#fff;z-index:99999;display:grid;place-items:center;transition:opacity .45s ease,visibility .45s ease}.page-loader.is-hidden{opacity:0;visibility:hidden}.page-loader img{width:180px;height:auto;animation:logoPulse 1.25s ease-in-out infinite}@keyframes logoPulse{50%{transform:scale(1.04);opacity:.72}}
.back-to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border:0;border-radius:50%;background:var(--brand-navy);color:#fff;font-size:20px;box-shadow:0 10px 25px rgba(11,31,51,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:1200}.back-to-top.show{opacity:1;visibility:visible;transform:none}
.floating-contact{position:fixed;right:22px;bottom:80px;z-index:1190;display:flex;flex-direction:column;gap:8px}.floating-contact a{display:block;padding:10px 14px;background:#fff;color:var(--brand-navy);border-radius:999px;box-shadow:0 8px 24px rgba(11,31,51,.14);font-size:.88rem;font-weight:700}
@media(max-width:900px){.executive-hero{background-attachment:scroll;animation:none}.heritage-timeline{grid-template-columns:1fr}.photo::after,.hero::after,.knowledge-hub-hero::after{width:88px;height:38px;right:12px;bottom:12px}.floating-contact{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.executive-hero{animation:none}.reveal-ready{opacity:1;transform:none;transition:none}.page-loader img{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* AS LEGATT Final v3.0 — unified branded photography and hero video */
.executive-hero{position:relative;background-image:linear-gradient(120deg,rgba(11,31,51,.90),rgba(18,53,82,.68)),url('poslovni-sastanak.webp');background-size:cover;background-position:center;isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.executive-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(6,22,37,.90) 0%,rgba(10,35,55,.72) 48%,rgba(10,35,55,.35) 100%);z-index:-1;pointer-events:none}
.executive-hero>.container,.executive-hero>.scroll-cue{position:relative;z-index:2}
.photo.about,.photo.about-page-photo{background-image:url('aslegatt-tim.webp')!important}
.photo.services,.service-banner{background-image:url('racunovodstvena-kancelarija.webp')!important}
.photo.contact{background-image:url('poslovni-sastanak.webp')!important}
.page-hero,.knowledge-hub-hero{position:relative;background-size:cover;background-position:center;color:#fff;isolation:isolate}
.page-hero::before,.knowledge-hub-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,29,48,.92),rgba(10,47,65,.64));z-index:-1}
.page-hero>.container,.knowledge-hub-hero>.container{position:relative;z-index:1}
.about-page-hero{background-image:url('aslegatt-tim.webp')}
.services-page-hero{background-image:url('racunovodstvena-kancelarija.webp')}
.health-page-hero{background-image:url('business-health-check.webp')}
.news-page-hero{background-image:url('poslovna-edukacija.webp')}
.calendar-page-hero{background-image:url('business-health-check.webp')}
.contact-page-hero{background-image:url('poslovni-sastanak.webp')}
.eservices-page-hero{background-image:url('elektronski-servisi.webp')}
.software-page-hero{background-image:url('softveri.webp')}
.knowledge-page-hero,.knowledge-hub-hero{background-image:url('online-edukacija.webp')}
.content-hero-image{aspect-ratio:16/9;object-fit:cover}
@media (max-width:760px){.hero-video{display:none}.executive-hero{background-image:linear-gradient(120deg,rgba(11,31,51,.92),rgba(18,53,82,.72)),url('poslovni-sastanak.webp')}}
@media (prefers-reduced-motion:reduce){.hero-video{display:none!important}}


/* AS LEGATT FINAL BRAND POSITIONING */
.brand-positioning{padding:64px 0;background:linear-gradient(135deg,rgba(12,44,66,.97),rgba(22,76,94,.94));color:#fff;margin-top:32px}.brand-positioning .container{max-width:980px}.brand-positioning .eyebrow{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.86;margin:0 0 12px}.brand-positioning h2{color:#fff;max-width:820px;margin:0 0 16px}.brand-positioning p{max-width:900px;line-height:1.75}.brand-positioning .btn{display:inline-block;margin-top:10px}.brand-positioning a.btn-primary{background:#fff;color:#123f55;border-color:#fff}.brand-positioning a.btn-primary:hover{background:#eef5f7}@media(max-width:700px){.brand-positioning{padding:44px 0}.brand-positioning h2{font-size:1.75rem}}

/* AS LEGATT foreign services SEO landing – 2026-09-17 */
.foreign-services-hero{padding:54px 0;background:linear-gradient(120deg,#eef8fc 0%,#fff 48%,#f7f1e9 100%)}.foreign-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.foreign-hero-copy h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02;max-width:760px;margin:10px 0 20px}.hero-lead{font-size:1.12rem;line-height:1.7;max-width:720px}.foreign-hero-visual img{width:100%;display:block;border-radius:24px;box-shadow:var(--deep-shadow)}.trust-line{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-weight:700;color:#174b62}.trust-line span:before{content:"✓";margin-right:7px;color:#b78a27}.foreign-services-content{padding:64px 0}.foreign-services-content .section-intro{max-width:850px;margin-bottom:30px}.foreign-cta{margin-top:38px;padding:36px;border-radius:22px;background:linear-gradient(120deg,#edf8fb,#fff7ed);border:1px solid rgba(17,78,101,.12)}@media(max-width:850px){.foreign-hero-grid{grid-template-columns:1fr}.foreign-hero-visual{order:-1}.foreign-services-hero{padding-top:24px}.foreign-hero-copy h1{font-size:2.65rem}}

/* AS LEGATT typography refinement — 17 Sep 2026
   More natural editorial/business typography; no external font dependency. */
body,
button,
input,
select,
textarea {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}
h1,h2,
.kc-card h2,
.kc-modal h1,
.kc-body h2,
.knowledge-hub-card h2,
.about-quote blockquote,
.doc-preview strong {
  font-family: Cambria, Constantia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -0.018em;
}
h3,h4,h5,h6 {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  letter-spacing: -0.01em;
}