/* neobez şirket sayfaları — sakin, editoryal ve içerik merkezli */
:root{
  --company-ink:#172127;
  --company-muted:#667176;
  --company-paper:#f4f2ed;
  --company-line:rgba(23,33,39,.14);
  --company-gold:#96680c;
  --company-blue:#1b6fb5;
}

*{ box-sizing:border-box }
html{ scroll-behavior:smooth }
body.company-page{
  margin:0;
  background:var(--company-paper);
  color:var(--company-ink);
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.company-page a{ color:inherit; text-decoration:none }
.company-page img{ display:block; max-width:100% }
.company-site{ min-height:100vh; overflow:hidden }
.company-page.is-leaving .company-site{ opacity:0; transform:translateY(-8px); transition:opacity .18s ease,transform .18s ease }
.company-nav{ position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(1180px,calc(100% - 48px)); height:92px; margin:0 auto }
.company-brand{ display:inline-flex; align-items:center; gap:10px; font-size:20px; font-weight:700; letter-spacing:-.03em }
.company-brand .brand-logo{ width:104px; height:62px; object-fit:contain; object-position:center; flex:none }
.company-links{ display:flex; align-items:center; gap:28px; margin:0; padding:0; list-style:none; font-size:12px; color:var(--company-muted) }
.company-links a{ position:relative; padding:5px 0 }
.company-links a::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .25s ease }
.company-links a:hover::after,.company-links a[aria-current="page"]::after{ transform:scaleX(1) }
.company-links a[aria-current="page"]{ color:var(--company-ink); font-weight:600 }
.company-nav__cta{ padding:11px 17px; border:1px solid var(--company-ink); border-radius:999px; font-size:12px; font-weight:600; transition:background-color .25s ease,color .25s ease }
.company-nav__cta:hover{ background:var(--company-ink); color:#fff }

.company-hero{ width:min(1180px,calc(100% - 48px)); min-height:590px; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); align-items:center; gap:clamp(40px,8vw,112px); margin:0 auto; padding:58px 0 108px }
.company-hero__eyebrow,.company-section__eyebrow{ display:block; margin-bottom:18px; color:var(--company-gold); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase }
.company-hero h1{ max-width:11ch; margin:0 0 22px; font-family:'Quicksand','Poppins',sans-serif; font-size:clamp(42px,6.2vw,84px); line-height:.98; letter-spacing:-.045em }
.company-hero__lead{ max-width:52ch; margin:0; color:var(--company-muted); font-size:16px; line-height:1.8 }
.company-hero__meta{ display:flex; flex-wrap:wrap; gap:26px; margin:34px 0 0; padding-top:18px; border-top:1px solid var(--company-line); color:var(--company-muted); font-size:12px }
.company-hero__meta strong{ display:block; margin-bottom:4px; color:var(--company-ink); font-size:22px; font-weight:600; letter-spacing:-.03em }
.company-hero__visual{ position:relative; min-height:430px; display:flex; align-items:center; justify-content:center; margin:0; overflow:hidden; border-radius:28px; background:var(--company-ink) }
.company-hero__visual::before{ content:'NEOBEZ'; position:absolute; left:-12%; bottom:4%; color:rgba(255,255,255,.08); font-family:'Anton',Impact,sans-serif; font-size:clamp(100px,15vw,220px); line-height:.78; letter-spacing:.02em }
.company-hero__visual::after{ content:''; position:absolute; width:250px; height:250px; border:1px solid rgba(255,255,255,.24); border-radius:50%; box-shadow:0 0 0 24px rgba(255,255,255,.04),0 0 0 48px rgba(255,255,255,.03) }
.company-hero__visual img{ position:relative; z-index:1; width:min(48%,220px); height:350px; object-fit:contain; }
.company-hero__visual img:nth-of-type(2){ position:absolute; z-index:0; right:8%; bottom:7%; width:28%; height:210px; opacity:.46; transform:rotate(7deg) }
.company-hero__caption{ position:absolute; z-index:2; left:24px; bottom:22px; color:rgba(255,255,255,.65); font-size:11px; letter-spacing:.08em; text-transform:uppercase }

.company-section{ padding:clamp(76px,10vw,132px) max(24px,calc((100vw - 1180px)/2)); border-top:1px solid var(--company-line) }
.company-section--white{ background:#fff }
.company-section--dark{ background:var(--company-ink); color:#fff }
.company-section__head{ display:grid; grid-template-columns:minmax(220px,.62fr) minmax(0,1fr); gap:50px; align-items:start; width:min(100%,980px); margin:0 auto 54px }
.company-section__head h2{ max-width:15ch; margin:0; font-family:'Quicksand','Poppins',sans-serif; font-size:clamp(30px,4vw,52px); line-height:1.04; letter-spacing:-.04em }
.company-section__head p{ max-width:52ch; margin:0; color:var(--company-muted); font-size:15px; line-height:1.8 }
.company-section--dark .company-section__head p{ color:rgba(255,255,255,.66) }
.company-principles{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; width:min(100%,980px); margin:0 auto }
.company-principle{ min-height:220px; padding:24px; border:1px solid var(--company-line); border-radius:18px; background:rgba(255,255,255,.6) }
.company-principle__n{ display:block; margin-bottom:62px; color:var(--company-gold); font-size:11px; font-weight:700; letter-spacing:.16em }
.company-principle h3{ margin:0 0 8px; font-size:18px; font-weight:600 }
.company-principle p{ margin:0; color:var(--company-muted); font-size:13px; line-height:1.7 }
.company-section--dark .company-principle{ border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.06) }
.company-section--dark .company-principle p{ color:rgba(255,255,255,.62) }

.company-workflow{ display:grid; grid-template-columns:1.05fr .95fr; gap:72px; align-items:center; width:min(100%,980px); margin:0 auto }
.company-workflow__image{ min-height:420px; display:flex; align-items:center; justify-content:center; margin:0; border-radius:24px; background:#e8efed; overflow:hidden }
.company-workflow__image img{ width:58%; height:330px; object-fit:contain; }
.company-workflow__copy h2{ max-width:13ch; margin:0 0 18px; font-family:'Quicksand','Poppins',sans-serif; font-size:clamp(32px,4vw,54px); line-height:1.02; letter-spacing:-.04em }
.company-workflow__copy p{ max-width:50ch; margin:0 0 18px; color:var(--company-muted); font-size:14px; line-height:1.8 }
.company-points{ display:grid; gap:11px; margin:28px 0 0; padding:0; list-style:none }
.company-points li{ display:flex; gap:12px; align-items:baseline; padding-top:11px; border-top:1px solid var(--company-line); font-size:13px }
.company-points strong{ min-width:76px; color:var(--company-gold); font-weight:600 }

.company-cta{ display:flex; align-items:end; justify-content:space-between; gap:30px; width:min(100%,980px); margin:0 auto }
.company-cta h2{ max-width:13ch; margin:0; font-family:'Quicksand','Poppins',sans-serif; font-size:clamp(32px,4.4vw,58px); line-height:1; letter-spacing:-.04em }
.company-button{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:0 22px; border:1px solid var(--company-ink); border-radius:999px; font-size:12px; font-weight:600; white-space:nowrap; transition:background-color .25s ease,color .25s ease,transform .25s ease }
.company-button:hover{ background:var(--company-ink); color:#fff; transform:translateY(-2px) }
.company-section--dark .company-button{ border-color:#fff; color:#fff }
.company-section--dark .company-button:hover{ background:#fff; color:var(--company-ink) }
.company-footer{ width:100%; margin:0; padding:0 max(24px,calc((100vw - 1180px)/2)) 28px; background:var(--company-ink); color:#fff; font-size:11px }
.company-footer__top{ display:grid; grid-template-columns:1.3fr 1fr .8fr .8fr; gap:36px; padding:58px 0 48px; border-bottom:1px solid rgba(255,255,255,.14) }
.company-footer__brand{ display:grid; align-content:start; gap:12px; max-width:280px }
.company-footer__logo{ display:inline-flex; align-items:center; width:126px; height:72px; font-size:22px; font-weight:700; letter-spacing:-.03em }
.company-footer__logo .brand-logo{ width:126px; height:72px; object-fit:contain; object-position:center }
.company-footer__brand p{ margin:0; color:rgba(255,255,255,.68); font-size:12px; line-height:1.65 }
.company-footer__cta{ width:max-content; margin-top:4px; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,.46); color:#fff; font-size:11px; font-weight:600 }
.company-footer__nav{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px }
.company-footer__nav,.company-footer__contact,.company-footer__standard{ align-content:start }
.company-footer__nav div,.company-footer__contact,.company-footer__standard{ display:grid; align-content:start; gap:10px }
.company-footer__nav strong,.company-footer__contact strong,.company-footer__standard strong{ margin-bottom:4px; color:rgba(255,255,255,.44); font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase }
.company-footer__nav a,.company-footer__contact a,.company-footer__contact span,.company-footer__standard span{ color:rgba(255,255,255,.76); line-height:1.45; transition:color .2s ease }
.company-footer__nav a:hover,.company-footer__contact a:hover,.company-footer__cta:hover{ color:#fff }
.company-footer__bottom{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; color:rgba(255,255,255,.5); line-height:1.5 }

/* iletişim */
.contact-hero{ min-height:370px; padding-bottom:72px }
.contact-hero h1{ max-width:12ch }
.contact-layout{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(270px,.65fr); gap:72px; width:min(100%,980px); margin:0 auto }
.company-form{ display:grid; grid-template-columns:1fr 1fr; gap:18px }
.company-field{ display:flex; flex-direction:column; gap:7px }
.company-field--full{ grid-column:1 / -1 }
.company-field label{ color:var(--company-muted); font-size:12px; font-weight:500 }
.company-field input,.company-field textarea{ width:100%; padding:14px 15px; border:1px solid var(--company-line); border-radius:10px; background:#fff; color:var(--company-ink); font:inherit; font-size:13px; resize:vertical }
.company-field input:focus,.company-field textarea:focus{ outline:2px solid rgba(150,104,12,.25); border-color:var(--company-gold) }
.company-field.has-error input,.company-field.has-error textarea{ border-color:#c0392b }
.company-error{ min-height:15px; margin:0; color:#c0392b; font-size:11px }
.company-form__foot{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; grid-column:1 / -1 }
.company-form__note{ max-width:34ch; margin:0; color:var(--company-muted); font-size:11px; line-height:1.5 }
.contact-info{ display:grid; align-content:start; gap:18px; padding:26px; border-radius:22px; background:var(--company-ink); color:#fff }
.contact-info__label{ margin:0 0 2px; color:rgba(255,255,255,.52); font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase }
.contact-info p{ margin:0; color:rgba(255,255,255,.74); font-size:13px; line-height:1.6 }
.contact-info a{ color:#fff; font-weight:500 }
.contact-info__rule{ width:100%; height:1px; margin:4px 0; background:rgba(255,255,255,.16) }
.contact-reasons{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; width:min(100%,980px); margin:0 auto }
.contact-reason{ padding:20px; border-top:2px solid var(--company-gold); background:#fff }
.contact-reason h3{ margin:0 0 8px; font-size:15px; font-weight:600 }
.contact-reason p{ margin:0; color:var(--company-muted); font-size:12.5px; line-height:1.65 }

@media (max-width:800px){
  .company-nav{ width:calc(100% - 40px); height:76px }
  .company-links{ gap:12px; font-size:10px }
  .company-nav__cta{ display:none }
  .company-hero{ width:calc(100% - 40px); grid-template-columns:1fr; min-height:0; padding:50px 0 72px; gap:42px }
  .company-hero h1{ font-size:clamp(42px,13vw,66px) }
  .company-hero__visual{ min-height:360px }
  .company-hero__visual img{ height:290px }
  .company-section{ padding-inline:20px }
  .company-section__head,.company-workflow,.contact-layout{ grid-template-columns:1fr; gap:24px }
  .company-section__head{ margin-bottom:34px }
  .company-principles,.contact-reasons{ grid-template-columns:1fr }
  .company-principle{ min-height:0 }
  .company-principle__n{ margin-bottom:36px }
  .company-workflow{ gap:34px }
  .company-workflow__image{ min-height:330px }
  .company-cta{ align-items:flex-start; flex-direction:column }
  .company-footer{ padding:0 20px 22px }
  .company-footer__top{ grid-template-columns:1fr; gap:32px; padding:42px 0 34px }
  .company-footer__brand{ max-width:360px }
  .company-footer__bottom{ align-items:flex-start; flex-direction:column; gap:7px }
  .company-form{ grid-template-columns:1fr }
  .company-field--full,.company-form__foot{ grid-column:auto }
}
@media (max-width:520px){
  .company-links li:nth-child(2),.company-links li:nth-child(3),.company-links li:nth-child(5){ display:none }
}
/* ---------- son polish: şirket sayfalarında sakin ve tutarlı yüzeyler ---------- */
.company-nav__cta,.company-button{ border-radius:8px; box-shadow:none }
.company-hero h1{ font-size:clamp(42px,5.4vw,72px) }
.company-hero__visual{ border-radius:12px }
.company-hero__visual::after{ display:none }
.company-principle{ border-radius:10px; background:transparent }
.company-section--dark .company-principle{ background:transparent }
.company-workflow__image{ border-radius:12px }
.contact-info{ border-radius:12px }
.company-section{ padding-block:clamp(60px,8vw,96px) }
.contact-reason{ background:transparent }
.company-field input,.company-field textarea{ border-radius:8px }
.company-button:hover{ transform:none }

/* ---------- yayın okunabilirliği: şirket sayfaları ---------- */
.company-links{ font-size:13px }
.company-nav__cta{ font-size:13px }
.company-hero__eyebrow,.company-section__eyebrow{ font-size:12px }
.company-hero__meta{ font-size:13px }
.company-hero__caption{ font-size:12px }
.company-principle__n{ font-size:12px }
.company-principle p{ font-size:14px }
.company-button{ font-size:13px }
.company-footer{ font-size:12px }
.company-footer__brand p{ font-size:13px }
.company-footer__cta{ font-size:12px }
.company-footer__nav strong,.company-footer__contact strong,.company-footer__standard strong{ font-size:11px }
.company-footer__nav a,.company-footer__contact a,.company-footer__contact span,.company-footer__standard span{ font-size:13px }
.company-footer__bottom{ font-size:12px }
.company-field label{ font-size:13px }
.company-field input,.company-field textarea{ font-size:14px }
.company-error{ font-size:12px }
.company-form__note{ font-size:12px }
.contact-info__label{ font-size:11px }
.contact-info p{ font-size:14px }
.contact-reason p{ font-size:13px }

/* Yeni logo için ortak görünür ölçü */
.company-brand .brand-logo{ width:100px; height:64px }
.company-footer__logo{ width:100px; height:64px }
.company-footer__logo .brand-logo{ width:100px; height:64px }

@media (max-width:800px){
  .company-links{ font-size:11px }
}

/* Logo: her yerde 100 px genişlikte sabit, oran korunur (900×586 → 100×65). */
.company-brand .brand-logo,
.company-footer__logo .brand-logo{ width:100px; min-width:100px; max-width:100px; height:auto; flex:none }
.company-footer__logo{ width:100px; height:auto }