/* LAWTER v5.11.0 — Visual Consistency & Interaction Polish PRO
   Safe layer: built on top of the v5.10.1 regression hotfix. */

/* 1) Header: keep the recovered geometry, add restrained premium compression on scroll. */
.site-header .brand,
.site-header .main-nav,
.site-header .nav-cta,
.site-header .lang-menu>summary{
  transition:transform .28s var(--ease),opacity .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.site-header.scrolled .brand{transform:scale(.92);transform-origin:left center}
.site-header.scrolled .header-inner{background:linear-gradient(90deg,transparent,rgba(194,158,106,.015),transparent)}
.site-header.scrolled .nav-cta{box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.12)}
.main-nav .nav-link,.cap-menu>summary{position:relative}
.main-nav .nav-link::after,.cap-menu>summary::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-9px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-300),transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .25s var(--ease);
}
.main-nav .nav-link:hover::after,.main-nav .nav-link:focus-visible::after,.cap-menu>summary:hover::after,.cap-menu>summary:focus-visible::after{transform:scaleX(1)}

/* 2) 16-language selector: executive directory instead of a generic dropdown. */
.lang-panel{
  gap:6px!important;
  padding:14px!important;
  border-color:rgba(237,207,149,.24)!important;
  background:linear-gradient(180deg,rgba(3,14,29,.985),rgba(2,11,23,.985))!important;
  box-shadow:0 30px 80px rgba(0,0,0,.42)!important;
}
.lang-panel a{
  position:relative;
  min-height:52px!important;
  border:1px solid rgba(237,207,149,.08)!important;
  background:rgba(255,255,255,.012);
}
.lang-panel a::after{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--gold-300);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .22s var(--ease);
}
.lang-panel a:hover::after,.lang-panel a:focus-visible::after,.lang-panel a.active::after{transform:scaleY(1)}
.lang-panel a.active{background:linear-gradient(90deg,rgba(194,158,106,.13),rgba(194,158,106,.035))!important;color:var(--cream-100)!important}
.lang-panel a span{background:rgba(2,11,23,.65)!important}

/* 3) Hero instrument: make active business area feel deliberate, not like a list of boxes. */
.hero-structure{isolation:isolate}
.hero-structure::before{backdrop-filter:saturate(.9)}
.structure-pillar{
  transition:transform .24s var(--ease),border-color .24s ease,background .24s ease,box-shadow .24s ease!important;
}
.structure-pillar.is-active{
  box-shadow:0 15px 34px rgba(0,0,0,.25),inset 0 0 0 1px rgba(237,207,149,.08)!important;
}
.structure-pillar.is-active .pillar-label strong{letter-spacing:.005em!important}
.hero-sector-preview{
  overflow:hidden!important;
  box-shadow:0 24px 54px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)!important;
}
.hero-sector-preview::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--gold-300),var(--gold-500));
}
.hero-sector-copy p{color:rgba(232,238,245,.78)!important}

/* 4) Capability stage: restore a stronger visual hierarchy without altering the hotfix layout. */
.capability-media{
  box-shadow:0 30px 72px rgba(0,0,0,.28),inset 0 0 0 1px rgba(237,207,149,.035)!important;
}
.capability-media figcaption{
  background:linear-gradient(180deg,rgba(5,18,38,.34),rgba(2,11,23,.92))!important;
  box-shadow:0 22px 50px rgba(0,0,0,.34)!important;
}
.capability-list{border-block:1px solid rgba(237,207,149,.10)}
.capability-row>a{position:relative}
.capability-row>a::before{
  content:"";
  position:absolute;
  left:0;top:14%;bottom:14%;width:2px;
  background:var(--gold-300);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .24s var(--ease);
}
.capability-row.is-active>a::before,.capability-row>a:hover::before,.capability-row>a:focus-visible::before{transform:scaleY(1)}
.capability-row.is-active>a{background:linear-gradient(90deg,rgba(194,158,106,.10),rgba(4,18,37,.26))}
.capability-no{font-variant-numeric:tabular-nums}

/* 5) Operating model: align the numeric rhythm with the rest of the system. */
.operating-step>span{
  position:relative;
  overflow:hidden;
}
.operating-step>span::after{
  content:"";
  position:absolute;
  left:11px;right:11px;bottom:8px;height:1px;
  background:rgba(237,207,149,.34);
}
.operating-step h3{letter-spacing:-.01em}

/* 6) Budapest/company block: same visual language as the hero, with no coordinate clutter. */
.about-photo-frame{
  clip-path:polygon(0 0,94% 0,100% 4.5%,100% 100%,6% 100%,0 95.5%);
  background:linear-gradient(160deg,#071b34,#020b17)!important;
}
.about-photo-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 56%,rgba(1,8,18,.18) 74%,rgba(1,8,18,.68) 100%);
}
.about-photo-frame figcaption{z-index:5!important}
.about-copy-v5 .company-facts{margin-top:clamp(24px,3vw,38px)}
.company-facts div{transition:background .22s ease}
.company-facts div:hover{background:rgba(194,158,106,.025)}

/* 7) Corporate profile: visual proof should read as one composition. */
.proof-showcase{position:relative}
.proof-visual{clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,0 100%)}
.proof-metric-card{
  position:relative;
  overflow:hidden;
  transition:transform .24s var(--ease),border-color .24s ease,background .24s ease;
}
.proof-metric-card::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--gold-500),transparent 72%);
  opacity:.34;
}
.proof-metric-card:hover{transform:translateY(-3px);border-color:rgba(237,207,149,.30);background:linear-gradient(180deg,rgba(7,25,49,.86),rgba(4,14,31,.72))}

/* 8) Contact: reinforce the cream card as the 10% light accent of the brand system. */
.contact-form-v5{
  overflow:hidden;
  clip-path:polygon(0 0,97.5% 0,100% 2.5%,100% 100%,0 100%);
}
.contact-form-v5::after{
  content:"";
  position:absolute;
  width:170px;height:170px;
  right:-84px;top:-84px;
  border:1px solid rgba(6,19,38,.08);
  transform:rotate(45deg);
  pointer-events:none;
}
.contact-form-v5 input:focus,.contact-form-v5 select:focus,.contact-form-v5 textarea:focus{
  box-shadow:0 2px 0 rgba(159,116,64,.12);
}
.contact-mail-v5{transition:border-color .22s ease,background .22s ease,padding-inline .22s var(--ease)}
.contact-mail-v5:hover,.contact-mail-v5:focus-visible{padding-inline:12px;border-color:rgba(237,207,149,.34);background:rgba(194,158,106,.035)}

/* 9) Section rail: keep the deterministic active logic and add real progress. */
.section-rail{--rail-progress:0%}
.section-rail::after{
  content:"";
  position:absolute;
  right:6px;
  top:7px;
  width:1px;
  height:var(--rail-progress);
  max-height:calc(100% - 14px);
  background:linear-gradient(180deg,var(--gold-300),var(--gold-500));
  box-shadow:0 0 12px rgba(237,207,149,.18);
  pointer-events:none;
}
.section-rail a{transition:opacity .2s ease}
.section-rail:hover a:not(.is-active){opacity:.84}

/* 10) Footer: quieter architecture and better relation between line system + wordmark. */
.footer-wordmark{
  background:linear-gradient(90deg,rgba(194,158,106,.04),rgba(237,207,149,.10),rgba(194,158,106,.04));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.footer-structural i{box-shadow:inset 0 1px rgba(237,207,149,.08)}
.footer-capabilities a{transition:padding-left .22s var(--ease),color .22s ease,border-color .22s ease}
.footer-capabilities a:hover,.footer-capabilities a:focus-visible{padding-left:8px;color:var(--cream-100);border-color:rgba(237,207,149,.22)}

/* 11) Small-screen polish. */
@media(max-width:960px){
  .site-header.scrolled .brand{transform:scale(.96)}
  .main-nav .nav-link::after,.cap-menu>summary::after{display:none}
  .lang-panel{gap:4px!important;padding:8px 0!important}
  .about-photo-frame{clip-path:polygon(0 0,96% 0,100% 3.5%,100% 100%,4% 100%,0 96.5%)}
  .contact-form-v5{clip-path:none}
  .proof-visual{clip-path:none}
}
@media(max-width:700px){
  .capability-row>a::before{top:10%;bottom:10%}
  .contact-mail-v5:hover,.contact-mail-v5:focus-visible{padding-inline:0;background:transparent}
}

@media(prefers-reduced-motion:reduce){
  .site-header .brand,.site-header .main-nav,.site-header .nav-cta,.site-header .lang-menu>summary,
  .main-nav .nav-link::after,.cap-menu>summary::after,.structure-pillar,.capability-row>a::before,
  .proof-metric-card,.contact-mail-v5,.footer-capabilities a{transition:none!important}
}