@layer tokens,base,components,page,polish,performance;
@import url('site-legacy.css') layer(base);
@import url('polish.css') layer(polish);
@import url('performance.css') layer(performance);

/* Phase 02 — deterministic design-system foundation. */
@layer tokens{
:root{
  --color-bg:#080a0b;--color-bg-elevated:#0d1011;--color-surface:#0e1214;--color-surface-2:#14191b;--color-paper:#e8e3da;--color-ink:#101213;--color-text:#ece8df;--color-text-soft:#aeb4b5;--color-text-muted:#9ca1a3;--color-accent:#ee6a24;--color-accent-dark:#a34b1d;--color-focus:#ff7a2e;
  --border-subtle:rgba(255,255,255,.16);--border-strong:rgba(255,255,255,.3);
  --font-sans:Arial,Helvetica,sans-serif;--font-serif:Georgia,'Times New Roman',serif;
  --text-micro:10px;--text-xs:11px;--text-sm:13px;--text-body-sm:15px;--text-body:16px;--text-lead:17px;--text-lg:20px;
  --line-tight:.98;--line-body:1.5;--line-reading:1.75;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;
  --layout-max:1540px;--layout-detail:1160px;--layout-reading:760px;--gutter-wide:32px;--gutter-narrow:20px;
  --control-min-height:48px;--focus-width:2px;--focus-offset:4px;--duration-fast:.2s;--duration-menu:.32s;
  --breakpoint-mobile:520px;--breakpoint-compact:680px;--breakpoint-tablet:760px;--breakpoint-content:900px;--breakpoint-nav:1180px;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{font:inherit}
button,[type=button],[type=submit],[type=reset]{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
}

@layer base{
:root{--bg:var(--color-bg);--bg2:var(--color-bg-elevated);--warm:var(--color-text);--muted:var(--color-text-muted);--line:var(--border-subtle);--orange:var(--color-accent);--max:var(--layout-max);--serif:var(--font-serif);--sans:var(--font-sans)}
}

/* Phase 03 — institutional shared header, navigation and footer shell. */
@layer polish{
.site-header{height:84px;background:linear-gradient(180deg,rgba(5,7,8,.78) 0%,rgba(5,7,8,.3) 70%,rgba(5,7,8,0) 100%);border-bottom:1px solid transparent;transition:height var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,backdrop-filter var(--duration-fast) ease}
.site-header.is-scrolled{height:72px;background:rgba(7,9,10,.95);backdrop-filter:blur(18px);border-color:var(--border-subtle)}
.site-header .nav-shell{width:min(var(--layout-max),calc(100% - 64px));gap:32px}
.site-header .brand{min-height:48px;position:relative;z-index:4;flex:0 0 auto}
.site-header .brand-type b,.site-header .sub-brand b{font-size:13px;letter-spacing:.17em}
.site-header .brand-type small,.site-header .sub-brand small{font-size:10px;letter-spacing:.16em;color:#b7bcbd}
.site-header .primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(15px,1.45vw,27px);font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.site-header .primary-nav a{position:relative;display:inline-flex!important;align-items:center;min-height:44px;padding:0!important;border:0;white-space:nowrap;color:#d8d7d2;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease}
.site-header .primary-nav a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-fast) ease}
.site-header .primary-nav a:hover,.site-header .primary-nav a:focus-visible,.site-header .primary-nav a[aria-current="page"]{color:#fff}
.site-header .primary-nav a:hover::after,.site-header .primary-nav a:focus-visible::after,.site-header .primary-nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-header .primary-nav .nav-cta{min-height:44px;padding:0 15px!important;border:1px solid rgba(255,255,255,.45);background:rgba(7,9,10,.3);color:#fff;letter-spacing:.09em}
.site-header .primary-nav .nav-cta:hover,.site-header .primary-nav .nav-cta:focus-visible,.site-header .primary-nav .nav-cta[aria-current="page"]{border-color:var(--color-accent);background:rgba(238,106,36,.12);color:#fff}
.site-header .menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.24);background:rgba(7,9,10,.36);color:#fff;z-index:5;cursor:pointer}
.site-header .menu-toggle span{width:20px;left:13px;transition:transform var(--duration-fast) ease,top var(--duration-fast) ease}
.site-header .menu-toggle[aria-expanded="true"] span{top:23px;transform:rotate(45deg)}
.site-header .menu-toggle[aria-expanded="true"] span+span{top:23px;transform:rotate(-45deg)}
body.nav-open{overflow:hidden}

.site-footer{background:#050606;padding:0;color:var(--color-text)}
.global-footer-shell{width:min(var(--layout-max),calc(100% - 64px));margin:0 auto;padding:78px 0 28px}
.global-footer-lead{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(260px,.75fr) auto;gap:48px;align-items:end;padding-bottom:54px;border-bottom:1px solid var(--border-subtle)}
.global-footer-brand{display:inline-flex;align-items:center;gap:14px;width:max-content;max-width:100%;min-height:48px}
.global-footer-brand>span:last-child{display:flex;flex-direction:column;gap:4px}.global-footer-brand b{font-family:var(--font-serif);font-size:28px;font-weight:400;letter-spacing:-.02em}.global-footer-brand small{color:#8d9496;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.global-footer-lead>p{margin:0;max-width:44ch;color:#a5abad;font-size:14px;line-height:1.7}
.global-footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.36);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.global-footer-cta span{color:var(--color-accent)}.global-footer-cta:hover,.global-footer-cta:focus-visible{border-color:var(--color-accent);background:rgba(238,106,36,.1)}
.global-footer-nav{display:grid;grid-template-columns:1.2fr .9fr .9fr .8fr;gap:46px;padding:54px 0}
.global-footer-nav h2{margin:0 0 18px;color:#7f8789;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.global-footer-nav a{display:block;width:max-content;max-width:100%;margin:0 0 12px;color:#d0cec8;font-size:13px;line-height:1.5}.global-footer-nav a:hover,.global-footer-nav a:focus-visible{color:#fff}
.global-footer-company{display:grid;grid-template-columns:1.05fr 1.2fr 1fr;gap:48px;padding:32px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:#8e9698;font-size:12px;line-height:1.7}
.global-footer-company-name span{display:block;margin-bottom:7px;color:#6f7779;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.global-footer-company-name strong{display:block;color:#d0cec8;font-family:var(--font-serif);font-size:18px;font-weight:400;line-height:1.3}
.global-footer-company address{font-style:normal}.global-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.global-footer-contact a{color:#c7c5c0}.global-footer-contact a:hover,.global-footer-contact a:focus-visible{color:#fff}
.global-footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:24px;color:#646b6d;font-size:10px;letter-spacing:.11em;text-transform:uppercase}

@media(max-width:1180px){
  .site-header,.site-header.is-scrolled{height:74px}
  .site-header{background:rgba(7,9,10,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.12)}
  body.nav-open .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-header .nav-shell{width:calc(100% - 40px)}
  .site-header .menu-toggle{display:block}
  .site-header .primary-nav{position:fixed;inset:0;min-height:100vh;min-height:100dvh;z-index:3;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:112px max(28px,calc((100vw - 760px)/2)) 42px;background:rgba(8,10,11,.995);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(24px);transition:opacity var(--duration-menu) ease,transform var(--duration-menu) ease,visibility 0s linear var(--duration-menu)}
  .site-header .primary-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
  .site-header .primary-nav a,.site-header .primary-nav a:nth-child(6),.site-header .primary-nav a:nth-child(7){display:flex!important;width:100%;min-height:58px;padding:0!important;border-bottom:1px solid rgba(255,255,255,.13);font-family:var(--font-serif);font-size:clamp(22px,3.6vw,30px);font-weight:400;letter-spacing:-.025em;text-transform:none;white-space:normal}
  .site-header .primary-nav a:not(.nav-cta)::after{display:none}
  .site-header .primary-nav a[aria-current="page"]{color:var(--color-accent)}
  .site-header .primary-nav .nav-cta{width:max-content;min-height:48px;margin-top:24px;padding:0 18px!important;border:1px solid rgba(255,255,255,.36);font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .global-footer-lead{grid-template-columns:1fr 1fr}.global-footer-cta{justify-self:start}.global-footer-lead>p{grid-column:2}.global-footer-cta{grid-column:1}
  .global-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .global-footer-company{grid-template-columns:1fr 1fr}.global-footer-contact{grid-column:1/-1}
}

@media(max-width:680px){
  .site-header .nav-shell{width:calc(100% - 28px)}
  .site-header .brand-type small,.site-header .sub-brand small{font-size:10px}
  .site-header .primary-nav{padding:102px 22px 34px}
  .site-header .primary-nav a,.site-header .primary-nav a:nth-child(6),.site-header .primary-nav a:nth-child(7){min-height:56px;font-size:24px}
  .global-footer-shell{width:calc(100% - 40px);padding-top:60px}
  .global-footer-lead{grid-template-columns:1fr;gap:22px;padding-bottom:40px}.global-footer-lead>p,.global-footer-cta{grid-column:auto}.global-footer-brand b{font-size:25px}
  .global-footer-nav{grid-template-columns:1fr 1fr;gap:30px 24px;padding:40px 0}.global-footer-nav a{font-size:13px}
  .global-footer-company{grid-template-columns:1fr;gap:24px;padding:28px 0}.global-footer-contact{grid-column:auto}
  .global-footer-bottom{flex-direction:column;gap:8px}
}

@media(max-width:420px){
  .site-header .brand-symbol{width:30px;height:30px}.site-header .brand{gap:10px}.site-header .brand-type b,.site-header .sub-brand b{font-size:12px}.site-header .brand-type small,.site-header .sub-brand small{font-size:10px;letter-spacing:.12em}
  .global-footer-nav{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .site-header,.site-header .primary-nav,.site-header .primary-nav a::after,.site-header .menu-toggle span{transition:none!important}
}
}

/* Phase 03 correction — accessible static navigation when JavaScript is disabled. */
@layer polish{
@media(max-width:1180px){
  html:not(.js) .site-header,html:not(.js) .site-header.is-scrolled{position:relative;height:auto;min-height:74px;background:rgba(7,9,10,.98);backdrop-filter:none;border-bottom:1px solid var(--border-subtle)}
  html:not(.js) .site-header .nav-shell{height:auto;min-height:74px;flex-wrap:wrap;align-items:center;padding:10px 0 18px}
  html:not(.js) .site-header .menu-toggle{display:none}
  html:not(.js) .site-header .primary-nav{position:static;inset:auto;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 18px;padding:8px 0 0;background:transparent;overflow:visible;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}
  html:not(.js) .site-header .primary-nav a,html:not(.js) .site-header .primary-nav a:nth-child(6),html:not(.js) .site-header .primary-nav a:nth-child(7){width:auto;min-height:44px;padding:0!important;border:0;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
  html:not(.js) .site-header .primary-nav .nav-cta{width:auto;min-height:44px;margin-top:0;padding:0 14px!important}
}
@media(max-width:520px){
  html:not(.js) .site-header .primary-nav{flex-direction:column;align-items:stretch;gap:0}
  html:not(.js) .site-header .primary-nav a,html:not(.js) .site-header .primary-nav a:nth-child(6),html:not(.js) .site-header .primary-nav a:nth-child(7){width:100%;white-space:normal}
  html:not(.js) .site-header .primary-nav .nav-cta{width:max-content;margin-top:8px}
}
}


/* Phase 19 — targeted WCAG contrast corrections from 32-context axe baseline. */
@layer performance{
.global-footer-company-name>span,.global-footer-bottom{color:#858d8f}
.home-operating-world--trade .home-kicker,.home-proof .home-kicker,.home-routes .home-kicker{color:#4f5759}
.home-proof__row>span{color:#555d5f}
.home-route-list>a>span:first-child{color:#5b6365}
.corp-identity .corp-kicker,.corp-history-grid .corp-kicker,.corp-proof__head .corp-kicker{color:#51595b}
.corp-proof__row>span{color:#555d5f}
#overview .subsite-label,#trading .subsite-label,.energy-context-grid>.subsite-label,.energy-context-grid>div>.subsite-label{color:#984218}
.energy-position dt,.energy-context__facts>div>span{color:#555d5f}
#operations .subsite-label{color:#101213}
.paper>.section-cap>.num,.subsite-section.paper>.section-cap>.num{color:#984218}
.route-card>.k{color:#984218}
.sales-boundary>strong{color:#81370f}
#evidence-driven-intelligence>.section-cap>.num,#content-distribution>.section-cap>.num,#what-it-does>.section-cap>.num,#public-proof>.section-cap>.num,#portfolio-status>.section-cap>.num,#development-discipline>.section-cap>.num,#choose-route>.section-cap>.num,#istanbul-office>.section-cap>.num,#current-flows>.section-cap>.num,#cookies-storage>.section-cap>.num,#external-destinations>.section-cap>.num,#corporate-identity>.section-cap>.num,#offered-lot>.section-cap>.num,#portfolio-boundary>.section-cap>.num{color:#984218}
.venture-path-step[data-stage-state="explanatory"]>small,.venture-path-step[data-stage-state="future"]>small,.venture-path-note{color:#55585a}
.venture-path-step[data-stage-state="future"]>span{color:#743819}
.contact-route-meta>span{color:#555b5d}
.contact-office-address>span,.contact-office-direct>span{color:#984218}
.contact-office-direct a>small{color:#5f6263}
.legal-contact-panel .legal-label{color:#ff9a63}
#external-links .legal-split a[href="privacy.html"]{color:#3f4749}

/* Phase 19 fix-only continuation — exact nodes from targeted diagnostic run 33644495235. */
.tech-next-grid .route-card>.k,
.ventures-context .route-card>.k{color:#ee6a24}
.legal-company-panel .legal-label{color:#984218}
.legal-policy-body #correspondence .legal-split>div{min-width:0}
.legal-policy-body #correspondence .legal-split p{overflow-wrap:anywhere}
}
/* These two measured nodes already carry !important declarations in @layer page.
   Important layer precedence is reversed, so the earliest named layer is used
   narrowly rather than broadening the palette. */
@layer tokens{
.home-operating-world--tech .ea-public-sample>p{color:#4f5962!important}
.axis-proof-card .axis-proof-boundary{color:#555b5d!important}
}
