@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");
:root {
  --ink: #122315;
  --green: #55dd4a;
  --paper: #f3ede4;
  --charcoal: #333;
  --border: #566053;
  --frost: #e5e7eb;
  --display: "IBM Plex Sans", Inter, Arial, sans-serif;
  --body: Inter, system-ui, sans-serif;
}
* {
  box-sizing: border-box;
}
body.corporate {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.55 var(--body);
}
.corporate a {
  color: inherit;
}
.corporate .header {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  background: var(--paper);
  border-bottom: 1px solid #12231522;
}
.corporate .header img {
  width: 182px;
  display: block;
}
.corporate nav {
  display: flex;
  gap: clamp(12px, 1.5vw, 25px);
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.corporate nav a {
  text-decoration: none;
}
.corporate nav a:hover,
.corporate nav a[aria-current="page"] {
  color: #31892c;
}
.corporate nav a:last-child {
  border: 1px solid #12231566;
  padding: 5px 8px;
}
.corporate .wrap {
  width: min(1280px, calc(100% - 80px));
  margin: auto;
}
.corporate .mast {
  padding: clamp(74px, 10vw, 128px) 0 68px;
  border-bottom: 1px solid var(--border);
  background: var(--paper);
}
.corporate .kicker {
  margin: 0 0 18px;
  color: #31892c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
}
.corporate h1,
.corporate h2,
.corporate h3 {
  font-family: var(--display);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.022em;
  text-transform: uppercase;
}
.corporate h1 {
  max-width: 980px;
  font-size: clamp(3.25rem, 6.6vw, 6.3rem);
  margin: 0;
}
.corporate h2 {
  font-size: clamp(2.35rem, 4vw, 4.4rem);
  margin: 0 0 24px;
}
.corporate h3 {
  font-size: clamp(1.65rem, 2.5vw, 2.6rem);
  margin: 14px 0;
}
.corporate .lead {
  max-width: 760px;
  margin: 28px 0 0;
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  line-height: 1.45;
  color: var(--charcoal);
}
.corporate .content {
  padding: clamp(68px, 8vw, 100px) 0;
}
.corporate .content > .wrap > p:not(.lead) {
  max-width: 760px;
  color: var(--charcoal);
}
.corporate .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 36px;
}
.corporate .card {
  display: flex;
  min-height: 260px;
  flex-direction: column;
  padding: 26px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--paper);
}
.corporate .card p {
  margin: 0;
  color: var(--charcoal);
}
.corporate .card a {
  margin-top: auto;
  padding-top: 26px;
  color: #245521;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
}
.corporate .list {
  list-style: none;
  margin: 32px 0;
  padding: 0;
  border-top: 1px solid var(--border);
}
.corporate .list li {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--border);
  color: var(--charcoal);
}
.corporate .list b {
  color: #245521;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.corporate .note {
  max-width: 860px;
  margin: 42px 0;
  padding: 26px;
  border-left: 4px solid var(--green);
  background: #e9e2d8;
  color: var(--charcoal);
}
.corporate .cta,
.corporate button {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  border: 0;
  border-radius: 10px;
  background: var(--green);
  color: var(--ink);
  padding: 15px 18px;
  font: 700 12px var(--body);
  letter-spacing: 0.1em;
  text-decoration: none;
}
.corporate .footer {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
  padding: 42px max(40px, calc((100% - 1280px) / 2));
  background: var(--ink);
  color: var(--paper);
  font-size: 12px;
  line-height: 1.65;
}
.corporate .footer span:last-child {
  text-align: right;
}
.corporate .footer a {
  color: var(--paper);
  text-decoration: none;
}
.corporate .footer a:hover {
  color: var(--green);
}
.corporate .inquiry {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  max-width: 900px;
}
.corporate label {
  display: grid;
  gap: 7px;
  color: #245521;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
}
.corporate input,
.corporate select,
.corporate textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  padding: 13px;
  font: 16px var(--body);
}
.corporate textarea {
  min-height: 130px;
}
.corporate .wide {
  grid-column: 1/-1;
}
.corporate .status {
  min-height: 25px;
}
.corporate .project-visual {
  min-height: 380px;
  margin: 36px 0;
  background: #18251a;
  color: var(--paper);
  display: grid;
  place-items: center;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.corporate .company-gallery {
  margin: 56px 0;
}
.corporate .company-gallery > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.corporate .company-gallery figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  background: #18251a;
}
.corporate .company-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 1.4;
  object-fit: cover;
}
.corporate .company-gallery figcaption {
  padding: 10px 12px;
  border-top: 1px solid var(--border);
  background: var(--paper);
  color: var(--ink);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .corporate .header {
    padding: 0 24px;
  }
  .corporate nav {
    gap: 10px;
    font-size: 9px;
  }
  .corporate .wrap {
    width: calc(100% - 48px);
  }
  .corporate .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .corporate .company-gallery > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .corporate .header {
    height: auto;
    min-height: 68px;
    padding: 14px 20px;
  }
  .corporate .header img {
    width: 145px;
  }
  .corporate nav {
    max-width: 54%;
    justify-content: flex-end;
    flex-wrap: wrap;
    line-height: 1.4;
  }
  .corporate nav a:nth-child(n + 5):not(:last-child) {
    display: none;
  }
  .corporate .wrap {
    width: calc(100% - 40px);
  }
  .corporate .mast {
    padding: 68px 0 54px;
  }
  .corporate h1 {
    font-size: clamp(3.4rem, 14vw, 5rem);
  }
  .corporate .content {
    padding: 64px 0;
  }
  .corporate .grid,
  .corporate .inquiry {
    grid-template-columns: 1fr;
  }
  .corporate .company-gallery > div {
    grid-template-columns: 1fr;
  }
  .corporate .company-gallery img {
    aspect-ratio: 1.7;
  }
  .corporate .card {
    min-height: 200px;
  }
  .corporate .list li {
    grid-template-columns: 70px 1fr;
    gap: 14px;
  }
  .corporate .footer {
    grid-template-columns: 1fr;
    padding: 36px 20px;
  }
  .corporate .footer span:last-child {
    text-align: left;
  }
}

html[lang="tr"] .corporate h1,html[lang="tr"] .corporate h2,html[lang="tr"] .corporate h3{line-height:1.07;letter-spacing:-.018em;text-wrap:balance}html[lang="tr"] .corporate nav{letter-spacing:.035em}html[lang="tr"] .corporate .lead{line-height:1.6;color:var(--charcoal)}html[lang="tr"] .corporate nav a:nth-child(1),html[lang="tr"] .corporate nav a:nth-child(3),html[lang="tr"] .corporate nav a:nth-child(5){display:none}.corporate .header{justify-content:flex-start}.corporate .header nav{margin-left:42px;flex:1}.corporate .header nav a:last-child{margin-left:auto}@media(max-width:680px){.corporate .header nav{margin-left:18px}}.mobile-page-title,.category-toggle{display:none}@media(max-width:767px){.corporate .header{height:76px;position:sticky;top:0;z-index:30;padding:0 16px}.corporate .header img{width:126px}.corporate .header nav{display:none}.corporate .mobile-page-title{display:block;position:absolute;left:50%;transform:translateX(-50%);font:700 12px var(--body);letter-spacing:.06em;white-space:nowrap}.corporate .mobile-lang{display:grid;place-items:center;position:absolute;right:16px;width:44px;height:44px;border:1px solid #12231566;font-size:11px;font-weight:700;text-decoration:none}.corporate .category-toggle{display:block;position:absolute;top:76px;left:20px;z-index:29;border:1px solid var(--border);background:var(--paper);color:var(--ink);padding:10px 13px;font:700 10px var(--body);letter-spacing:.08em}.corporate .header nav.open{display:flex;position:fixed;top:76px;left:0;right:0;bottom:0;z-index:35;overflow:auto;flex-direction:column;align-items:stretch;margin:0;padding:30px 24px;background:var(--paper)}.corporate .header nav.open a{display:flex;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px;text-decoration:none}.corporate .mast{padding-top:112px}}
/* Single-layer mobile navigation for every corporate route. */
.mobile-tech{display:none}.menu-toggle{display:none}
@media(max-width:767px){.corporate .header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 16px}.corporate .header>a:first-child{justify-self:start}.corporate .header img{width:126px}.corporate .mobile-page-title,.corporate .category-toggle{display:none!important}.corporate .menu-toggle{display:block;position:static;justify-self:center;border:0;background:transparent;color:var(--ink);font:700 11px var(--body);letter-spacing:.1em}.corporate .mobile-lang{position:static;justify-self:end}.corporate .header nav.open{top:76px;padding:24px;background:var(--paper)}.corporate .header nav.open>a{padding:16px 0}.corporate .header nav.open>a[aria-current="page"]{color:var(--meadow);border-left:3px solid var(--meadow);padding-left:10px}.corporate .desktop-tech,.corporate .desktop-only{display:none!important}.corporate .mobile-tech{display:block;border-bottom:1px solid var(--border)}.corporate .tech-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 0;border:0;background:transparent;color:var(--ink);font:700 14px var(--body);letter-spacing:.06em}.corporate .tech-links{display:none;padding:0 0 12px}.corporate .mobile-tech.expanded .tech-links{display:flex;flex-direction:column}.corporate .tech-links a{display:block!important;padding:10px 0 10px 14px!important;border:0!important;font-size:13px!important}.corporate .mast{padding-top:40px!important}.corporate .header nav{margin-left:0!important}}
@media(max-width:767px){html[lang="tr"] .corporate .mobile-page-title{display:none!important}html[lang="tr"] .corporate .category-toggle{display:block!important;position:static;justify-self:center;border:0;background:transparent;color:transparent;padding:0;font-size:0}html[lang="tr"] .corporate .category-toggle::after{content:"MENÜ";color:var(--ink);font:700 11px var(--body);letter-spacing:.1em}html[lang="tr"] .corporate .header nav.open{top:76px}html[lang="tr"] .corporate .mast{padding-top:40px!important}}
/* Keep the Turkish legacy template in the same three-column mobile header and
   make its drawer a true viewport overlay, never a side-by-side flex item. */
@media(max-width:767px){html[lang="tr"] .corporate .header>a:first-child{grid-column:1;grid-row:1}html[lang="tr"] .corporate .header .category-toggle{grid-column:2;grid-row:1;justify-self:center}html[lang="tr"] .corporate .header .mobile-lang{grid-column:3;grid-row:1;justify-self:end}html[lang="tr"] .corporate .header nav.open{display:flex!important;position:fixed!important;inset:76px 0 0 0!important;width:100vw!important;height:calc(100dvh - 76px)!important;box-sizing:border-box!important;z-index:100!important;margin:0!important;padding:24px!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;background:var(--paper)!important}html[lang="tr"] .corporate .header nav.open>*{width:100%;box-sizing:border-box}html[lang="tr"] body.menu-open{overflow:hidden}}
@media(max-width:767px){html[lang="tr"] .corporate .header .category-toggle.menu-toggle{display:block!important;color:var(--ink)!important;font-size:11px!important;letter-spacing:.1em}html[lang="tr"] .corporate .header .category-toggle.menu-toggle::after{display:none}}
/* The category trigger belongs to the mobile drawer only.  Keep it out of
   the desktop navigation even if another legacy header rule is loaded. */
@media(min-width:768px){.corporate .header .category-toggle{display:none!important}}
.tax-certificate{margin:56px 0 0;padding-top:28px;border-top:1px solid var(--border)}.tax-certificate figcaption{display:flex;justify-content:space-between;gap:24px;align-items:baseline}.tax-certificate figcaption p{margin:0}.tax-certificate img{display:block;width:100%;max-width:860px;margin:20px 0;border:1px solid var(--border);filter:grayscale(1)}.tax-certificate .cta{margin-top:0}@media(max-width:767px){.tax-certificate{margin-top:38px}.tax-certificate figcaption{display:block}.tax-certificate img{margin:16px 0}}

/* Match every inner page to the homepage's shared desktop frame. */
@media (min-width: 768px) {
  .corporate .header,
  .corporate .wrap {
    width: min(1240px, calc(100% - clamp(56px, 7vw, 128px)));
    margin-left: auto;
    margin-right: auto;
  }
  .corporate .header {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Keep the category row visible on all inner pages during scrolling. */
.corporate .header {
  position: sticky;
  top: 0;
  z-index: 50;
}

/* Turkish inner pages use the same complete seven-category navigation. */
html[lang="tr"] .corporate nav a:nth-child(1),
html[lang="tr"] .corporate nav a:nth-child(3),
html[lang="tr"] .corporate nav a:nth-child(5) {
  display: inline-flex;
}

/* Legacy helper links duplicate categories already present in the shared menu. */
.corporate .header nav a.desktop-only[href="/systems/"],
.corporate .header nav a.desktop-only[href="/project-development/"] {
  display: none !important;
}