/* BORVEC v14 — deliberate interface refinements, added after existing styles. */
/* Theme preference moves into the primary header as a compact accessible control. */
.v10-opening .site-header > .theme-toggle {
  position:static!important;inset:auto!important;flex:0 0 46px;
  width:46px;min-width:46px;height:46px;min-height:46px;padding:0;
  border-radius:50%;margin:0;z-index:auto;box-shadow:none;
  background:rgba(25,45,55,.38);border:1px solid rgba(230,247,245,.3);
  display:inline-flex;align-items:center;justify-content:center;
}
.v10-opening .site-header > .theme-toggle[hidden]{display:none!important}
.v10-opening .site-header > .theme-toggle svg{width:20px;height:20px}
.v10-opening .site-header > .theme-toggle .theme-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v10-opening .site-header > .theme-toggle:hover{background:rgba(116,255,237,.12);border-color:rgba(116,255,237,.65)}
html[data-theme="light"] .v10-opening .site-header > .theme-toggle{background:rgba(255,255,255,.46);border-color:rgba(24,64,64,.3);color:#182d31;box-shadow:none}
html[data-theme="light"] .v10-opening .site-header > .theme-toggle:hover{background:rgba(8,125,119,.1);border-color:#087d77}
/* The removed kicker and scroll cue leave the hero's actual content as the focal point. */
.v10-opening .v10-hero-inner{padding-top:0}
.v10-opening .v10-copy{padding-top:clamp(26px,3vw,44px);padding-bottom:30px}
.v10-opening .v10-hero-lower{margin-top:clamp(19px,2vw,30px)}
.v10-opening .v10-hero-footer{justify-content:flex-end;padding-right:0;min-height:66px;padding-block:16px 21px}
.v10-opening .v10-discipline-rail{margin-left:auto}
/* Three consistent editorial section links, deliberately without dominant CTA styling. */
.company .company-links{display:flex;align-items:center;gap:clamp(13px,1.8vw,24px);margin-top:32px;flex-wrap:wrap}
.company .company-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:13px;
  min-height:44px;padding:0 0 5px;border-bottom:1px solid currentColor;
  text-decoration:none;font:650 clamp(13px,1vw,15px)/1.25 InstrumentSans,sans-serif;
  color:var(--paper);white-space:nowrap;transition:color .23s ease,border-color .23s ease}
.company .company-links a span{font-size:18px;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.company .company-links a:hover{color:var(--mint);border-color:var(--mint)}
.company .company-links a:hover span{transform:translate(3px,-3px)}
html[data-theme="light"] .company .company-links a{color:#17232a}
html[data-theme="light"] .company .company-links a:hover{color:#087d77;border-color:#087d77}
/* The technical scene remains large and interactive but editorial helper labels are removed. */
#hizmetler .v12-choices{align-content:start}
#hizmetler .v12-stage-media{inset:3% -6% 3%}
#hizmetler .v12-choice-content{gap:9px}
/* Animated native details: height/opacity in JS, natural layout and accessible fallback. */
.approach-steps .approach-details-body{overflow:hidden;opacity:1}
.approach-steps .approach-details-body p{margin:0;padding-bottom:28px}
.approach-steps details[data-animating="true"] .approach-details-body{will-change:height,opacity}
@media(max-width:980px){
  .v10-opening .site-header{gap:10px}
  .v10-opening .site-header > .theme-toggle{order:3;flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}
  .v10-opening .site-header .menu-toggle{order:2;margin-left:auto}
  .v10-opening .v10-copy{padding-top:36px;padding-bottom:10px}
}
@media(max-width:600px){
  .v10-opening .site-header{gap:7px}
  .v10-opening .site-header .brand{margin-right:auto}
  .v10-opening .v10-hero-lower{margin-top:20px}
  .v10-opening .v10-hero-footer{justify-content:flex-start;padding-block:12px 19px}
  .v10-opening .v10-discipline-rail{margin-left:0}
  .company .company-links{gap:6px 20px;align-items:flex-start}
  .company .company-links a{font-size:14px}
  #hizmetler .v12-choice-content{gap:6px}
  #hizmetler .v12-choice{min-height:85px}
  #hizmetler .v12-stage-media{inset:4% -8% 4%}
}
@media(max-width:360px){
  .v10-opening .site-header .brand{width:min(36vw,138px)!important}
  .v10-opening .site-header .menu-toggle{padding:8px 9px;gap:7px;font-size:12px}
  .v10-opening .site-header > .theme-toggle{flex-basis:42px;min-width:42px;width:42px;height:42px;min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  .company .company-links a,.company .company-links a span{transition:none!important}
  .approach-steps .approach-details-body{transition:none!important;animation:none!important}
}