:root {
    --bg: #FAFBFC; --bg-alt: #F1F4F8; --panel: #FFFFFF; --ink: #0F2540; --ink-soft: #1D3A5C;
    --muted: #53637A; --line: #E3E8EF; --accent: #0B7285; --accent-ink: #075D6C; --accent-soft: #E4F2F3;
    --amber: #C97A2B; --amber-soft: #FBEEE0; --green: #1E8E5A;
    --shadow: 0 1px 2px rgba(15,37,64,0.04);
    box-sizing: border-box; padding-top: env(safe-area-inset-top,0px); padding-bottom: env(safe-area-inset-bottom,0px);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --bg:#0B121C; --bg-alt:#101A28; --panel:#101B29; --ink:#EAF1F8; --ink-soft:#CBD9E8; --muted:#8DA0B8;
      --line:#223349; --accent:#3FB8C4; --accent-ink:#8FE0E8; --accent-soft:#12333A; --amber:#E3A15C; --amber-soft:#33260F; --green:#4FBE8A;
    }
  }
  :root[data-theme="dark"] {
    --bg:#0B121C; --bg-alt:#101A28; --panel:#101B29; --ink:#EAF1F8; --ink-soft:#CBD9E8; --muted:#8DA0B8;
    --line:#223349; --accent:#3FB8C4; --accent-ink:#8FE0E8; --accent-soft:#12333A; --amber:#E3A15C; --amber-soft:#33260F; --green:#4FBE8A;
  }
  html { scroll-padding-top: env(safe-area-inset-top,0px); scroll-behavior: smooth; }
  * { box-sizing: border-box; }
  body { margin:0; background: var(--bg); color: var(--ink); font-family:'Inter',system-ui,-apple-system,sans-serif; line-height:1.55; -webkit-font-smoothing: antialiased; transition: background 0.2s ease, color 0.2s ease; }
  h1,h2,h3,.disp { font-family:'Space Grotesk','Inter',sans-serif; letter-spacing:-0.01em; }
  a { color: inherit; } img,svg { max-width:100%; }
  .wrap { max-width:1180px; margin:0 auto; padding:0 24px; }
  .scrollx { overflow-x:auto; }

  /* i18n: default language Turkish; content wrapped in <span lang="tr">/<span lang="en"> */
  [lang="en"] { display:none; }
  html[data-lang="en"] [lang="en"] { display:inline; }
  html[data-lang="en"] [lang="tr"] { display:none; }

  /* Utility bar */
  .utility-bar { background: #0B1526; color: #D7E3EF; font-size:0.8rem; }
  .utility-row { display:flex; align-items:center; justify-content:space-between; height:38px; gap:16px; }
  .utility-left { display:flex; align-items:center; gap:20px; overflow:hidden; }
  .utility-item { display:flex; align-items:center; gap:6px; text-decoration:none; color:#D7E3EF; white-space:nowrap; }
  .utility-item svg { width:13px; height:13px; stroke: #5CC8D6; flex-shrink:0; }
  .utility-right { display:flex; align-items:center; gap:14px; flex-shrink:0; }
  .fx-badge { display:flex; align-items:center; gap:5px; white-space:nowrap; color:#B9C8DA; }
  .fx-badge b { color:#fff; font-weight:600; }
  .social-links { display:flex; align-items:center; gap:10px; }
  .social-links a { color:#D7E3EF; display:flex; }
  .social-links a:hover { color: var(--accent); }
  .social-links svg { width:14px; height:14px; }
  .lang-switch { display:flex; align-items:center; border:1px solid rgba(255,255,255,0.2); border-radius:20px; overflow:hidden; }
  .lang-switch button { background:none; border:none; color:#B9C8DA; font-size:0.76rem; font-weight:700; padding:4px 10px; cursor:pointer; font-family:inherit; }
  .lang-switch button.active { background: var(--accent); color:#fff; }
  @media (max-width: 900px) { .utility-left { display:none; } }
  @media (max-width: 560px) { .utility-row { justify-content:flex-end; } }

  /* Logo */
  .logo-img { height:38px; width:auto; display:block; }
  .logo-img.logo-dark-img { display:none; }
  html[data-theme="dark"] .logo-img.logo-light-img { display:none; }
  html[data-theme="dark"] .logo-img.logo-dark-img { display:block; }
  @media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .logo-img.logo-light-img { display:none; }
    html:not([data-theme="light"]) .logo-img.logo-dark-img { display:block; }
  }

  header { position: sticky; top:0; z-index:40; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(10px); border-bottom:1px solid var(--line); padding-top: env(safe-area-inset-top,0px); }
  .navrow { display:flex; align-items:center; justify-content:space-between; height:72px; }
  .logo { display:flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.25rem; text-decoration:none; }
  .logo .mark { width:30px; height:30px; flex-shrink:0; }
  .navlinks { display:flex; gap:30px; align-items:center; }
  .navlinks a { text-decoration:none; color: var(--ink-soft); font-size:0.95rem; font-weight:500; padding-bottom:2px; border-bottom:2px solid transparent; }
  .navlinks a:hover { color: var(--accent); }
  .navlinks a.active { color: var(--accent); border-color: var(--accent); }
  .btn { display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:3px; font-weight:600; font-size:0.92rem; text-decoration:none; border:1px solid transparent; cursor:pointer; font-family:inherit; }
  .btn-primary { background: var(--accent); color:#fff; }
  .btn-primary:hover { background: var(--accent-ink); }
  .btn-ghost { border-color: var(--line); color: var(--ink); background: transparent; }
  .btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
  .theme-toggle { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:3px; border:1px solid var(--line); background: transparent; cursor:pointer; flex-shrink:0; }
  .theme-toggle svg { width:17px; height:17px; stroke: var(--ink); }
  .theme-toggle:hover { border-color: var(--accent); }
  .theme-toggle .moon { display:none; }
  :root[data-theme="dark"] .theme-toggle .sun { display:none; }
  :root[data-theme="dark"] .theme-toggle .moon { display:block; }
  @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .theme-toggle .sun { display:none; } :root:not([data-theme="light"]) .theme-toggle .moon { display:block; } }
  .menu-toggle { display:none; background:none; border:none; cursor:pointer; padding:8px; }
  .menu-toggle svg { width:24px; height:24px; stroke: var(--ink); }

  .dropdown { position: relative; }
  .dropdown-trigger { display:inline-flex; align-items:center; gap:6px; background:none; border:none; cursor:pointer; font-family:inherit; text-decoration:none; color: var(--ink-soft); font-size:0.95rem; font-weight:500; padding:0 0 2px; border-bottom:2px solid transparent; }
  .dropdown-trigger svg { stroke: currentColor; transition: transform 0.15s ease; }
  .dropdown-trigger:hover { color: var(--accent); }
  .dropdown-trigger.active { color: var(--accent); border-color: var(--accent); }
  .dropdown.open .dropdown-trigger svg { transform: rotate(180deg); }
  .dropdown-panel { display:none; position:absolute; top: calc(100% + 14px); left:50%; transform: translateX(-50%); background: var(--panel); border:1px solid var(--line); border-radius:6px; box-shadow: 0 8px 24px rgba(15,37,64,0.12); min-width: 200px; padding:8px; flex-direction:column; z-index:50; }
  .dropdown.open .dropdown-panel { display:flex; }
  .dropdown-panel a { text-decoration:none; color: var(--ink-soft); font-size:0.92rem; font-weight:500; padding:9px 12px; border-radius:4px; }
  .dropdown-panel a:hover { background: var(--bg-alt); color: var(--accent); }
  .mobile-kurumsal-label { font-size:0.72rem; font-weight:700; letter-spacing:0.06em; color: var(--muted); margin-top:4px; }

  section { padding: 84px 0; }
  .section-head { max-width:640px; margin-bottom:48px; }
  .eyebrow { font-size:0.82rem; font-weight:600; color: var(--accent); margin-bottom:10px; }
  h2.section-title { font-size:clamp(1.6rem,2.6vw,2.1rem); margin:0 0 14px; font-weight:700; }
  .section-sub { color: var(--muted); font-size:1.02rem; margin:0; }

  .kicker { display:inline-flex; align-items:center; gap:8px; font-size:0.82rem; color: var(--accent-ink); background: var(--accent-soft); border:1px solid color-mix(in srgb, var(--accent) 30%, transparent); padding:6px 12px; border-radius:3px; font-weight:600; margin-bottom:22px; }
  .kicker .dot { width:7px; height:7px; border-radius:50%; background: var(--green); }

  .svc-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:1px; background: var(--line); border:1px solid var(--line); }
  .svc-card { background: var(--panel); padding:30px 26px; }
  .svc-icon { width:38px; height:38px; margin-bottom:18px; }
  .svc-icon svg { width:100%; height:100%; stroke: var(--accent); fill:none; stroke-width:1.6; }
  .svc-card h3 { font-size:1.08rem; margin:0 0 8px; }
  .svc-card p { color: var(--muted); font-size:0.92rem; margin:0; }

  .infra-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(190px,1fr)); gap:28px; }
  .infra-item { border-top:2px solid var(--accent); padding-top:16px; }
  .infra-item b { display:block; font-family:'Space Grotesk',sans-serif; font-size:1.05rem; margin-bottom:6px; }
  .infra-item span { font-size:0.88rem; color: var(--muted); }

  .spec-table { width:100%; border-collapse:collapse; background: var(--panel); border:1px solid var(--line); border-radius:6px; overflow:hidden; }
  .spec-table th, .spec-table td { text-align:left; padding:14px 18px; border-bottom:1px solid var(--line); font-size:0.92rem; }
  .spec-table th { color: var(--muted); font-weight:600; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.03em; background: var(--bg-alt); }
  .spec-table tr:last-child td { border-bottom:none; }
  .spec-table td.label { font-weight:600; }
  .spec-table td.tag-primary { color: var(--accent); font-weight:700; }

  .hw-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
  .hw-card { background: var(--panel); border:1px solid var(--line); border-radius:6px; padding:24px; }
  .hw-card .hw-role { font-size:0.78rem; color: var(--accent); font-weight:600; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:8px; }
  .hw-card h3 { font-size:1.08rem; margin:0 0 6px; }
  .hw-card p { color: var(--muted); font-size:0.88rem; margin:0; }

  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
  .field { display:flex; flex-direction:column; gap:6px; }
  .field.full { grid-column: 1 / -1; }
  label { font-size:0.85rem; font-weight:600; color: var(--ink-soft); }
  input, select, textarea { font-family:inherit; font-size:0.95rem; padding:11px 12px; border-radius:3px; border:1px solid var(--line); background: var(--bg); color: var(--ink); width:100%; }
  input:focus, select:focus, textarea:focus { outline:2px solid var(--accent); outline-offset:1px; border-color: var(--accent); }
  textarea { resize:vertical; min-height:90px; }
  .form-note { font-size:0.82rem; color: var(--muted); margin-top:14px; }
  .success-box { display:none; background: var(--accent-soft); border:1px solid var(--accent); border-radius:4px; padding:20px; color: var(--accent-ink); font-weight:500; }
  form.quote { background: var(--panel); border:1px solid var(--line); border-radius:4px; padding:32px; }
  .contact-info-item { display:flex; gap:14px; padding:18px 0; border-top:1px solid var(--line); }
  .contact-info-item:last-child { border-bottom:1px solid var(--line); }
  .contact-info-item svg { width:20px; height:20px; stroke: var(--accent); flex-shrink:0; margin-top:2px; }
  .contact-info-item b { display:block; font-size:0.95rem; }
  .contact-info-item span { color: var(--muted); font-size:0.9rem; }
  .contact-grid { display:grid; grid-template-columns: 0.9fr 1.1fr; gap:56px; }

  .trust { padding:40px 0; border-bottom:1px solid var(--line); }
  .trust-row { display:flex; align-items:center; gap:28px; flex-wrap:wrap; justify-content:space-between; }
  .trust-label { font-size:0.85rem; color: var(--muted); max-width:22ch; }
  .partner-badge { display:flex; align-items:center; gap:10px; padding:10px 18px; border:1px solid var(--line); border-radius:3px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:1rem; background: var(--panel); }
  .partner-badge .sq { width:9px; height:9px; background: var(--accent); flex-shrink:0; }

  footer { border-top:1px solid var(--line); padding:56px 0 32px; background: var(--bg-alt); }
  .foot-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:44px; }
  .foot-col h4 { font-size:0.88rem; margin:0 0 16px; font-family:'Space Grotesk',sans-serif; }
  .foot-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
  .foot-col a { text-decoration:none; color: var(--muted); font-size:0.9rem; }
  .foot-col a:hover { color: var(--accent); }
  .foot-desc { color: var(--muted); font-size:0.9rem; max-width:32ch; margin-top:14px; }
  .foot-bottom { border-top:1px solid var(--line); padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:0.82rem; color: var(--muted); }

  @media (max-width: 900px) {
    .navlinks { display:none; }
    .menu-toggle { display:block; }
    #customerLoginBtn { display:none; }
    .svc-grid { grid-template-columns:1fr 1fr; }
    .infra-grid { grid-template-columns:1fr 1fr; }
    .hw-grid { grid-template-columns:1fr; }
    .foot-grid { grid-template-columns:1fr 1fr; }
    .form-row { grid-template-columns:1fr; }
    .contact-grid { grid-template-columns:1fr; }
  }
  @media (max-width: 560px) {
    .svc-grid { grid-template-columns:1fr; }
    .infra-grid { grid-template-columns:1fr; }
    .foot-grid { grid-template-columns:1fr; }
  }
  __EXTRA_STYLE__