: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);
  }
  :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; overflow-x: hidden; }
  * { 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; overflow-x: hidden; max-width: 100vw; }
  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; -webkit-overflow-scrolling: touch; }
  @media (max-width: 480px) { .wrap { padding:0 16px; } }

  /* 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; } }
  @media (max-width: 420px) { .fx-badge { display:none; } .utility-right { gap:10px; } .social-links { gap:8px; } }

  /* 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; }

  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; }
  .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; }
  main > section:last-of-type { padding-bottom: 48px; }
  .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:20px; }
  .infra-item { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:22px 20px; }
  .infra-icon { width:40px; height:40px; border-radius:9px; background:var(--accent-soft); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
  .infra-icon svg { width:19px; height:19px; stroke:var(--accent); }
  .infra-item b { display:block; font-family:'Space Grotesk',sans-serif; font-size:1.02rem; margin-bottom:6px; }
  .infra-item span { font-size:0.85rem; color: var(--muted); line-height:1.5; }
  .section-title { text-wrap: balance; }

  .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; }

  /* ---------- Powered by OWAX ---------- */
  .powered { padding:64px 0 56px; border-bottom:1px solid var(--line); }
  .pw-head { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; flex-wrap:wrap; margin-bottom:34px; }
  .pw-eyebrow { display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; color:var(--accent); margin-bottom:10px; }
  .pw-title { font-size:clamp(1.6rem,3vw,2.2rem); margin:0 0 10px; }
  .pw-title b { color:var(--accent); }
  .pw-sub { color:var(--muted); max-width:56ch; margin:0; font-size:0.95rem; }
  .pw-stats { display:flex; gap:0; background:var(--panel); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
  .pw-stats > div { padding:14px 22px; text-align:center; border-right:1px solid var(--line); }
  .pw-stats > div:last-child { border-right:none; }
  .pw-stats b { display:block; font-family:'Space Grotesk',sans-serif; font-size:1.25rem; line-height:1.15; }
  .pw-stats span { font-size:0.72rem; color:var(--muted); }

  .pw-backbone { position:relative; height:44px; margin:0 calc((100% - 70px) / 12); }
  .pw-backbone::before { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--accent); opacity:0.55; }
  .pw-backbone-label { position:absolute; left:50%; top:0; transform:translateX(-50%); display:inline-flex; align-items:center; gap:8px; font-size:0.74rem; font-weight:600; color:var(--ink-soft); background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:5px 14px; white-space:nowrap; }
  .pw-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(30,142,90,0.5); animation:pwPulse 2s infinite; }
  @keyframes pwPulse { 0% { box-shadow:0 0 0 0 rgba(30,142,90,0.45); } 70% { box-shadow:0 0 0 7px rgba(30,142,90,0); } 100% { box-shadow:0 0 0 0 rgba(30,142,90,0); } }

  .pw-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
  .pw-tile { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:26px 12px 18px; margin-top:22px; background:var(--panel); border:1px solid var(--line); border-radius:12px; text-decoration:none; color:inherit; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
  .pw-tile::before { content:''; position:absolute; top:-23px; left:50%; width:2px; height:22px; background:var(--accent); opacity:0.55; transform:translateX(-50%); }
  .pw-tile::after { content:''; position:absolute; top:-4px; left:50%; width:7px; height:7px; border-radius:50%; background:var(--accent); transform:translateX(-50%); }
  .pw-tile:hover { transform:translateY(-4px); border-color:var(--accent); box-shadow:0 10px 24px rgba(15,37,64,0.08); }
  .pw-logo { width:100%; max-width:150px; height:42px; display:flex; align-items:center; justify-content:center; }
  .pw-logo img.logo-img { height:auto; width:auto; max-height:100%; max-width:100%; }
  .pw-cat { font-size:0.8rem; font-weight:600; color:var(--ink-soft); }
  .pw-chip { margin-top:auto; display:inline-flex; align-items:center; gap:5px; font-size:0.68rem; color:var(--accent-ink); background:var(--accent-soft); border-radius:20px; padding:3px 9px; }
  .pw-chip svg { width:11px; height:11px; stroke:currentColor; }

  @media (max-width: 1000px) {
    .pw-grid { grid-template-columns:repeat(3,1fr); }
    .pw-backbone { display:none; }
    .pw-tile { margin-top:0; }
    .pw-tile::before, .pw-tile::after { display:none; }
  }
  @media (max-width: 560px) {
    .powered { padding:44px 0 40px; }
    .pw-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
    .pw-stats { width:100%; }
    .pw-stats > div { flex:1; padding:12px 8px; }
    .pw-tile { padding:18px 10px 14px; }
    .pw-logo { height:34px; }
  }

  /* eski rozet sınıfları (başka yerlerde kullanılabilir) */
  .partner-badge { display:flex; align-items:center; gap:10px; padding:10px 20px; border:1px solid var(--line); border-radius:8px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:1rem; background: var(--panel); }

  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; }
    .blog-card { flex-direction: column; }
    .blog-card img, .blog-card .blog-card-img-fallback { width: 100% !important; min-width: 0 !important; height: 160px !important; }
  }
  @media (max-width: 420px) {
    .navrow-right { gap:6px; }
    .navrow-right .btn { padding:9px 12px; font-size:0.82rem; }
    .navrow-right .btn svg { display:none; }
    .theme-toggle { width:34px; height:34px; }
    .logo-img { height:30px; }
    .navrow { height:64px; }
  }
  __EXTRA_STYLE__