:root{
    --color-primary:#0B6E64;
    --color-primary-dark:#083F3A;
    --color-primary-light:#e8f2f0;
    --on-primary:#FFFFFF;
    --color-secondary:#17B8A6;
    --color-accent:#C6820A;
    --color-accent-light:#FBEED9;
    --color-bg:#FAFAF8;
    --color-fg:#0E2422;
    --color-muted:#EEF3F1;
    --color-muted-fg:#5B6B68;
    --color-border:#DCE6E3;

    --font-heading:'Outfit', sans-serif;
    --font-body:'Inter', sans-serif;

    --space-xs:.25rem;
    --space-sm:.5rem;
    --space-md:1rem;
    --space-lg:1.5rem;
    --space-xl:2rem;
    --space-2xl:3rem;
    --space-3xl:4rem;

    --shadow-sm:0 1px 2px rgba(14,36,34,0.06);
    --shadow-md:0 4px 16px rgba(14,36,34,0.08);
    --shadow-lg:0 12px 32px rgba(14,36,34,0.12);
    --shadow-xl:0 24px 60px rgba(14,36,34,0.18);

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:22px;
    --container:1240px;
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:var(--font-body);
    color:var(--color-fg);
    background:var(--color-bg);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3,h4{font-family:var(--font-heading);margin:0;line-height:1.1;letter-spacing:-0.01em;}
  p{margin:0;line-height:1.6;}
  ul{margin:0;padding:0;list-style:none;}
  button{font-family:inherit;border:none;background:none;cursor:pointer;}
  section{position:relative;}
  .container{max-width:var(--container);margin:0 auto;padding:0 24px;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:var(--color-primary);
    background:var(--color-primary-light);
    padding:6px 14px;border-radius:999px;
    margin-bottom:var(--space-lg);
  }
  .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-secondary);}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 28px;border-radius:999px;font-weight:600;font-size:15px;
    cursor:pointer;transition:transform 200ms ease, box-shadow 200ms ease, background 200ms ease, color 200ms ease;
    white-space:nowrap;
  }
  .btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);}
  .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg);}
  .btn-primary:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;}
  .btn-ghost{background:transparent;color:var(--on-primary);border:1.5px solid rgba(255,255,255,0.4);}
  .btn-ghost:hover{background:rgba(255,255,255,0.12);border-color:#fff;transform:translateY(-2px);}
  .btn-ghost:focus-visible{outline:3px solid #fff;outline-offset:2px;}
  /* On dark teal backgrounds (hero, academy, career, contact-info) a teal-fill primary button
     has almost no contrast against the teal backdrop, so those contexts get a light/gold-on-dark swap. */
  .on-dark .btn-primary{background:#fff;color:var(--color-primary-dark);box-shadow:var(--shadow-lg);}
  .on-dark .btn-primary:hover{background:var(--color-accent-light);color:var(--color-primary-dark);transform:translateY(-2px);}
  .on-dark .btn-primary:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;}
  .btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);}
  .btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);}
  .btn-sm{padding:10px 20px;font-size:14px;}
  .btn svg{width:18px;height:18px;flex-shrink:0;transition:transform 200ms ease;}
  .btn:hover svg.arrow{transform:translateX(3px);}

  /* ---------- Custom cursor ---------- */
  .cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;}
  .cursor-dot{width:6px;height:6px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);}
  .cursor-ring{width:30px;height:30px;color:#fff;transform:translate(-50%,-50%);transition:width 220ms ease,height 220ms ease,opacity 220ms ease;}
  .cursor-ring svg{width:100%;height:100%;display:block;}
  .cursor-ring.is-hover{width:54px;height:54px;}
  .cursor-ring.is-hidden,.cursor-dot.is-hidden{opacity:0;}
  html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor input,html.has-cursor textarea,html.has-cursor select{cursor:none;}
  @media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none !important;}}

  /* ---------- Grain texture overlay ---------- */
  .grain-overlay{
    position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* ---------- Tilt utility (3D mousemove tilt via JS) ---------- */
  .tilt{transform-style:preserve-3d;will-change:transform;}

  /* ---------- Accent text utility (solid, not gradient — kept simple/legible) ---------- */
  .grad-text{color:var(--color-secondary);}
  .services-dark .grad-text{color:var(--color-secondary);}
  .why-stats .grad-text,.coverage .grad-text{color:var(--color-secondary);}

  /* ---------- Header ---------- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:18px 0;
    transition:background 300ms ease, box-shadow 300ms ease, padding 300ms ease;
  }
  header.scrolled{background:rgba(250,250,248,0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--color-border);padding:12px 0;}
  header .container{display:flex;align-items:center;justify-content:space-between;gap:24px;}
  .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;font-size:19px;color:#fff;transition:color 300ms ease;}
  header.scrolled .brand{color:var(--color-fg);}
  .brand .logo-mark{width:38px;height:38px;flex-shrink:0;object-fit:contain;filter:brightness(0) invert(1);transition:filter 300ms ease;}
  header.scrolled .brand .logo-mark{filter:none;}
  .brand small{display:block;font-family:var(--font-body);font-weight:500;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.75;}

  .header-actions{display:flex;align-items:center;gap:14px;}

  /* ---------- Masaüstü yatay menü (≥980px) — ISS gibi dropdown, hamburger sadece mobilde ---------- */
  nav.main-nav{display:none;align-items:center;gap:28px;}
  nav.main-nav > a, .nav-item > a{
    font-size:14px;font-weight:500;color:rgba(255,255,255,0.88);position:relative;padding:4px 0;
    transition:color 300ms ease;display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  }
  header.scrolled nav.main-nav > a, header.scrolled .nav-item > a{color:var(--color-fg);}
  nav.main-nav > a::after, .nav-item > a::after{content:'';position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--color-secondary);transition:width 220ms ease;}
  nav.main-nav > a:hover::after, .nav-item:hover > a::after{width:100%;}
  .nav-item > a .chev{width:13px;height:13px;transition:transform 200ms ease;flex-shrink:0;}
  .nav-item:hover > a .chev{transform:rotate(180deg);}
  .nav-item{position:static;}
  /* Tam genişlikte mega-menü: header'ın hemen altında, tüm viewport genişliğinde bir
     panel açılır (ISS'in "Çözümlerimiz" panelindeki gibi) — küçük bir kutu değil. */
  .nav-dropdown{
    /* header{position:fixed} is the nearest positioned ancestor, so top:100% lands the
       panel exactly at the header's bottom edge — no guessing header height in px, and it
       stays correct whether the header is in its tall (top of page) or scrolled/compact state. */
    position:absolute;top:100%;left:0;right:0;
    background:var(--color-muted);border-top:1px solid var(--color-border);box-shadow:var(--shadow-xl);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
    transition:opacity 220ms ease, transform 220ms ease, visibility 0ms linear 220ms;
    z-index:60;
  }
  /* Panel artık header'ın alt kenarına göre konumlanıyor (tam genişlik için), bu yüzden
     menü linkiyle panel arasında küçük bir dikey boşluk var — fare oradan geçerken saf CSS
     :hover anında kopar. .nav-item.is-open, main.js'teki kısa gecikmeli (hover-intent)
     mantıkla kontrol edilir; :focus-within klavye ile gezinme için ayrıca çalışmaya devam eder. */
  .nav-item.is-open .nav-dropdown, .nav-item:focus-within .nav-dropdown{
    opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
    transition:opacity 220ms ease, transform 220ms ease;
  }
  .nav-dropdown-inner{max-width:var(--container);margin:0 auto;padding:36px 24px 40px;}
  .nav-dropdown-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;}
  .nav-dropdown-head h4{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-fg);}
  .nav-dropdown-head a{font-size:13px;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:5px;}
  .nav-dropdown-head a svg{width:14px;height:14px;transition:transform 200ms ease;}
  .nav-dropdown-head a:hover svg{transform:translateX(3px);}
  .nav-dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  .nav-dropdown-wide .nav-dropdown-grid{grid-template-columns:repeat(4,1fr);}
  .nav-dropdown a.nav-pill{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    background:#fff;border-radius:14px;padding:15px 18px;
    color:var(--color-fg);font-size:14px;font-weight:600;
    box-shadow:var(--shadow-sm);transition:box-shadow 200ms ease, transform 200ms ease, color 200ms ease;
  }
  .nav-dropdown a.nav-pill svg{width:15px;height:15px;flex-shrink:0;color:var(--color-muted-fg);transition:transform 200ms ease, color 200ms ease;}
  .nav-dropdown a.nav-pill:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);color:var(--color-primary);}
  .nav-dropdown a.nav-pill:hover svg{transform:translateX(3px);color:var(--color-secondary);}
  .header-actions .lang-switch{display:none;align-items:center;gap:2px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.85);transition:color 300ms ease;}
  header.scrolled .header-actions .lang-switch{color:var(--color-fg);}
  .header-actions .lang-switch a{padding:5px 9px;border-radius:6px;color:inherit;opacity:.55;transition:opacity 200ms ease, background 200ms ease;}
  .header-actions .lang-switch a.active{opacity:1;background:rgba(255,255,255,0.15);}
  header.scrolled .header-actions .lang-switch a.active{background:var(--color-muted);}
  @media (min-width:980px){
    nav.main-nav{display:flex;}
    .header-actions .lang-switch{display:flex;}
  }

  /* ---------- Hamburger / kapatma düğmesi (<980px) ---------- */
  .nav-toggle{
    display:none;width:44px;height:44px;border-radius:12px;position:relative;
    align-items:center;justify-content:center;flex-shrink:0;
    color:#fff;transition:color 300ms ease, background 200ms ease;
  }
  @media (max-width:979px){
    .nav-toggle{display:flex;}
  }
  header.scrolled .nav-toggle{color:var(--color-fg);}
  .nav-toggle:hover{background:rgba(128,128,128,0.12);}
  .nav-toggle svg{width:22px;height:22px;position:absolute;transition:opacity 220ms ease, transform 280ms cubic-bezier(.4,0,.2,1);}
  .nav-toggle .icon-close{opacity:0;transform:rotate(-40deg) scale(.7);}
  .nav-toggle.is-open{color:#fff;}
  .nav-toggle.is-open .icon-burger{opacity:0;transform:rotate(40deg) scale(.7);}
  .nav-toggle.is-open .icon-close{opacity:1;transform:rotate(0) scale(1);}

  /* ---------- Tam ekran menü paneli ---------- */
  .menu-backdrop{position:fixed;inset:0;background:rgba(4,14,13,0.55);opacity:0;pointer-events:none;transition:opacity 320ms ease;z-index:98;}
  .menu-backdrop.open{opacity:1;pointer-events:auto;}
  body.menu-open{overflow:hidden;}

  .mobile-menu{
    position:fixed;inset:0;z-index:99;
    background:
      radial-gradient(1100px 720px at 88% -8%, rgba(23,184,166,0.18), transparent 60%),
      linear-gradient(165deg,#06231f 0%,var(--color-primary-dark) 100%);
    display:flex;flex-direction:column;
    padding:112px 6vw 40px;overflow-y:auto;
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px);
    transition:opacity 380ms ease, transform 380ms ease, visibility 0ms linear 380ms;
  }
  .mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity 380ms ease, transform 380ms ease;}
  .mobile-menu-inner{width:100%;max-width:660px;margin:0 auto;display:flex;flex-direction:column;flex:1;}

  .mobile-menu > a,.mobile-menu-inner > a{
    padding:20px 2px;font-family:var(--font-heading);font-size:clamp(24px,4vw,32px);font-weight:600;
    color:#fff;border-bottom:1px solid rgba(255,255,255,0.14);
    display:flex;align-items:center;justify-content:space-between;transition:color 220ms ease,padding-left 220ms ease;
  }
  .mobile-menu > a:hover,.mobile-menu-inner > a:hover{color:var(--color-secondary);padding-left:10px;}

  .mnav-group{border-bottom:1px solid rgba(255,255,255,0.14);}
  .mnav-toggle{
    width:100%;display:flex;align-items:center;justify-content:space-between;
    padding:20px 2px;font-family:var(--font-heading);font-size:clamp(24px,4vw,32px);font-weight:600;
    color:#fff;transition:color 220ms ease;
  }
  .mnav-toggle:hover{color:var(--color-secondary);}
  .mnav-toggle .chev{width:20px;height:20px;flex-shrink:0;transition:transform 220ms ease,color 220ms ease;color:rgba(255,255,255,0.45);}
  .mnav-group.is-open .mnav-toggle{color:var(--color-secondary);}
  .mnav-group.is-open .mnav-toggle .chev{transform:rotate(180deg);color:var(--color-secondary);}
  .mnav-sub{display:grid;grid-template-rows:0fr;min-height:0;transition:grid-template-rows 320ms ease;}
  .mnav-sub-inner{min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;padding-bottom:0;}
  .mnav-group.is-open .mnav-sub{grid-template-rows:1fr;}
  .mnav-group.is-open .mnav-sub-inner{padding-bottom:16px;}
  .mnav-sub a{display:block;padding:9px 2px 9px 12px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,0.6);border-left:2px solid rgba(255,255,255,0.12);transition:color 180ms ease,border-color 180ms ease,padding-left 180ms ease;}
  .mnav-sub a:hover{color:#fff;border-left-color:var(--color-secondary);padding-left:16px;}

  .mobile-menu-bottom{margin-top:auto;padding-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  .mobile-menu .lang-switch{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);}
  .mobile-menu .lang-switch a{padding:6px 10px;border-radius:6px;color:inherit;opacity:.55;transition:opacity 200ms ease,background 200ms ease;}
  .mobile-menu .lang-switch a.active{opacity:1;background:rgba(255,255,255,0.14);}
  .mobile-menu .btn-primary{background:#fff;color:var(--color-primary-dark);}
  .mobile-menu .btn-primary:hover{background:var(--color-secondary);color:#fff;}

  @media (max-width:640px){
    .mobile-menu{padding:100px 22px 32px;}
    .mnav-sub-inner{grid-template-columns:1fr;}
    .mobile-menu-bottom{padding-top:26px;}
  }

  /* ---------- Hero ---------- */
  .hero{
    min-height:100vh;
    display:flex;align-items:center;
    padding:140px 0 100px;
    background:#083F3A;
    color:#fff;
    overflow:hidden;
  }
  .hero-photo{
    position:absolute;inset:0;z-index:0;
    background-image:url('https://images.unsplash.com/photo-1470075801209-17f9ec0cada6?fm=jpg&q=70&w=2000&auto=format&fit=crop');
    background-size:cover;background-position:center;
    filter:saturate(0.9);
  }
  /* Slayt başına özel görsel/video — admin'den girilmezse altındaki .hero-photo varsayılanı görünür kalır */
  .hero-photo-layers{position:absolute;inset:0;z-index:0.5;}
  .hero-photo-layer{
    position:absolute;inset:0;opacity:0;transition:opacity 900ms ease;
    background-size:cover;background-position:center;filter:saturate(0.9);
  }
  .hero-photo-layer.is-active{opacity:1;}
  .hero-photo-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.9);}
  .hero-photo-overlay{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(ellipse 120% 80% at 15% -10%, rgba(15,143,128,0.9) 0%, transparent 55%),
               linear-gradient(160deg, rgba(8,63,58,0.96) 0%, rgba(11,110,100,0.93) 55%, rgba(10,88,80,0.96) 100%);
  }
  @media (max-width:640px){ .hero-photo{ background-attachment:scroll; } }
  .hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;z-index:1;}
  .hero-blob.b1{width:520px;height:520px;background:var(--color-secondary);top:-160px;right:-120px;animation:blobFloat1 19s ease-in-out infinite;}
  .hero-blob.b2{width:380px;height:380px;background:var(--color-accent);bottom:-140px;left:-100px;opacity:.22;animation:blobFloat2 24s ease-in-out infinite;}
  .hero-blob.b3{width:300px;height:300px;background:#5EEAD4;top:38%;left:46%;opacity:.16;animation:blobFloat3 16s ease-in-out infinite;}
  @keyframes blobFloat1{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(-46px,32px) scale(1.1);}66%{transform:translate(34px,-24px) scale(0.94);}}
  @keyframes blobFloat2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(56px,42px) scale(1.12);}}
  @keyframes blobFloat3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-38px,-30px) scale(1.2);}}
  .hero-spotlight{
    position:absolute;z-index:1;width:640px;height:640px;left:50%;top:42%;
    background:radial-gradient(circle, rgba(94,234,212,0.22), transparent 68%);
    transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen;
    transition:left 0.5s cubic-bezier(.2,.7,.3,1), top 0.5s cubic-bezier(.2,.7,.3,1);
  }
  .hero-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 60% 30%, black, transparent);}
  .hero .container{position:relative;z-index:2;}
  .hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
  .hero-copy h1{font-size:clamp(2.8rem, 5.4vw, 4.8rem);font-weight:700;max-width:17ch;}
  .line-mask{display:block;overflow:hidden;padding-bottom:.08em;}
  .line-text{display:inline-block;transform:translateY(112%);will-change:transform;}
  .hl{color:var(--color-secondary);}
  .hero-copy p.lead{margin-top:22px;font-size:18px;line-height:1.65;max-width:46ch;color:rgba(255,255,255,0.82);}
  .hero-cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}
  .hero-trustline{margin-top:40px;display:flex;align-items:center;gap:14px;font-size:13.5px;color:rgba(255,255,255,0.65);}
  .hero-trustline .dots{display:flex;}
  .hero-trustline .dots span{width:30px;height:30px;border-radius:50%;background:var(--color-muted);border:2px solid #0a5850;margin-left:-10px;}
  .hero-trustline .dots span:first-child{margin-left:0;}

  /* ---------- Hero slider (multi-message) ---------- */
  .hero-slides{position:relative;min-height:340px;}
  .hero-slide{
    position:absolute;inset:0 auto auto 0;width:100%;
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(14px);
    transition:opacity 500ms ease, transform 500ms ease, visibility 0ms linear 500ms;
  }
  .hero-slide.is-active{
    position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
    transition:opacity 500ms ease, transform 500ms ease;
  }
  .hero-slide-nav{display:flex;align-items:center;gap:16px;margin-top:36px;}
  .hero-nav-btn{
    width:38px;height:38px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    border:1.5px solid rgba(255,255,255,0.28);color:#fff;
    transition:background 200ms ease, border-color 200ms ease, transform 200ms ease;
  }
  .hero-nav-btn:hover{background:rgba(255,255,255,0.12);border-color:#fff;transform:translateY(-1px);}
  .hero-nav-btn svg{width:17px;height:17px;}
  .hero-dots{display:flex;gap:8px;}
  .hero-dot{width:26px;height:4px;border-radius:2px;background:rgba(255,255,255,0.25);transition:background 250ms ease, width 250ms ease;}
  .hero-dot.is-active{background:var(--color-secondary);width:38px;}
  .hero-dot:hover{background:rgba(255,255,255,0.5);}
  @media (max-width:980px){ .hero-slides{min-height:auto;} }

  .hero-panel{position:relative;}
  .hero-card{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.18);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    border-radius:var(--radius-lg);
    padding:32px;
  }
  .hero-card h4{font-size:14px;font-weight:600;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:.06em;margin-bottom:22px;}
  .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  .stat{}
  .stat .num{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;display:flex;align-items:baseline;gap:2px;color:#fff;}
  .stat .num .suffix{font-size:.55em;color:var(--color-secondary);font-weight:600;}
  .stat .label{font-size:13px;color:rgba(255,255,255,0.68);margin-top:4px;}
  .hero-card-float{
    position:absolute;bottom:-26px;left:-34px;
    background:#fff;color:var(--color-fg);
    border-radius:var(--radius-md);
    box-shadow:var(--shadow-xl);
    padding:16px 20px;
    display:flex;align-items:center;gap:12px;
    max-width:260px;
  }
  .hero-card-float .icon-badge{width:38px;height:38px;border-radius:10px;background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .hero-card-float .icon-badge svg{width:20px;height:20px;}
  .hero-card-float strong{display:block;font-size:14px;}
  .hero-card-float span{font-size:12.5px;color:var(--color-muted-fg);}

  .scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,0.55);font-size:11px;letter-spacing:.08em;text-transform:uppercase;z-index:2;}
  .scroll-cue .line{width:1px;height:34px;background:linear-gradient(to bottom, rgba(255,255,255,.7), transparent);animation:scrollcue 1.8s ease-in-out infinite;}
  @keyframes scrollcue{0%{opacity:0;transform:scaleY(.4);transform-origin:top;}50%{opacity:1;transform:scaleY(1);transform-origin:top;}100%{opacity:0;transform:scaleY(.4);transform-origin:bottom;}}


  /* ---------- Trust / logos ---------- */
  .trust-strip{padding:40px 0;border-bottom:1px solid var(--color-border);}
  .trust-strip .container{display:flex;align-items:center;gap:40px;flex-wrap:wrap;row-gap:10px;}
  .trust-label{font-size:13px;font-weight:600;color:var(--color-muted-fg);white-space:nowrap;flex-shrink:0;}
  .logo-marquee{flex:1;min-width:220px;overflow:hidden;-webkit-mask-image:linear-gradient(to right, transparent, black 8%, black 92%, transparent);mask-image:linear-gradient(to right, transparent, black 8%, black 92%, transparent);}
  .logo-track{display:flex;gap:64px;width:max-content;animation:marquee 26s linear infinite;}
  .logo-track span{font-family:var(--font-heading);font-weight:700;font-size:19px;color:#B9C4C1;letter-spacing:.02em;white-space:nowrap;}
  .trust-note{flex-basis:100%;font-size:12px;color:var(--color-muted-fg);opacity:.75;}
  @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ---------- Section heads ---------- */
  .section{padding:112px 0;}
  .section-head{max-width:640px;margin-bottom:64px;}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
  .section-head h2{font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:700;}
  .section-head p{margin-top:16px;font-size:16.5px;color:var(--color-muted-fg);}

  /* ---------- Hizmetlerimiz: açık zeminli fotoğraf carousel'i ---------- */
  .services-dark{background:var(--color-bg);color:var(--color-fg);padding:104px 0;}
  .services-head{padding-bottom:52px;max-width:680px;margin:0 auto;text-align:center;}
  .services-head .eyebrow{margin-left:auto;margin-right:auto;}
  .services-head h2{font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:700;}
  .services-head p{margin-top:16px;font-size:16px;color:var(--color-muted-fg);}

  .svc-carousel{overflow:hidden;}
  .services-track{
    display:flex;align-items:flex-start;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;-ms-overflow-style:none;
    max-width:var(--container);margin:0 auto;padding:4px 24px 4px;
  }
  .services-track::-webkit-scrollbar{display:none;}
  .service-card{
    position:relative;flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;
    display:flex;flex-direction:column;
  }
  /* Kapalı durum: fotoğrafın ALTINDA, sayfa zemininde sade bir etiket/açıklama/buton.
     Hover: fotoğraf oranı (aspect-ratio) yumuşakça büyür ("boylanır") ve aynı etiket/açıklama/
     buton, marka renginde bir katmanla artık fotoğrafın ÜZERİNDE, beyaz yazıyla belirir.
     ISS'in kartlarındaki detay; bize göre uyarlandı. */
  .service-card .svc-photo{
    position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--color-muted);
    transition:aspect-ratio 450ms cubic-bezier(.4,0,.2,1);
  }
  .service-card:hover .svc-photo{aspect-ratio:6/5;}
  .service-card .svc-photo img{width:100%;height:100%;object-fit:cover;}
  .service-card .index{display:none;}
  .service-card .icon-badge{display:none;}

  /* Kapalı durum: normal akışta, fotoğrafın altında */
  .svc-overlay{
    padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;
    transition:background 300ms ease, padding 300ms ease;
  }
  .svc-overlay h3{
    padding:7px 16px;border:1.5px solid var(--color-border);
    border-radius:999px;font-family:var(--font-body);font-size:12.5px;font-weight:600;
    color:var(--color-primary);transition:color 300ms ease, border-color 300ms ease;
  }
  .svc-overlay p{font-size:14px;line-height:1.6;color:var(--color-muted-fg);margin-top:14px;transition:color 300ms ease;}
  .svc-overlay .card-link{
    margin-top:16px;padding:8px 8px 8px 18px;
    display:inline-flex;align-items:center;gap:10px;border-radius:999px;
    background:var(--color-primary-dark);color:#fff;font-size:13.5px;font-weight:600;
    transition:background 200ms ease;
  }
  .svc-overlay .card-link svg{width:14px;height:14px;transition:transform 200ms ease;}
  .svc-overlay .card-link .arrow-dot{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .service-card:hover .svc-overlay .card-link svg{transform:translateX(3px);}

  /* Hover: konumu fotoğrafın üzerine taşı (kartın alt kenarına yaslı — akıştan çıkınca
     kart yüksekliği zaten sadece büyüyen fotoğrafın yüksekliğine eşitlenir, böylece bu
     bottom:0 doğal olarak fotoğrafın alt kenarıyla hizalanır). */
  .service-card:hover .svc-overlay{
    position:absolute;left:0;right:0;bottom:0;padding:20px;
    background:linear-gradient(0deg, var(--color-primary-dark) 0%, rgba(8,63,58,0.92) 46%, transparent 100%);
  }
  .service-card:hover .svc-overlay h3{border-color:rgba(255,255,255,0.5);color:#fff;}
  .service-card:hover .svc-overlay p{color:rgba(255,255,255,0.88);}

  .service-card.end-card{background:linear-gradient(155deg,var(--color-primary),var(--color-primary-dark));border-radius:20px;padding:32px 28px;justify-content:center;color:#fff;}
  .service-card.end-card h3{border:none;background:rgba(255,255,255,0.16);color:#fff;padding:7px 16px;margin-top:0;}
  .service-card.end-card p{color:rgba(255,255,255,0.85);font-size:19px;font-weight:600;line-height:1.3;font-family:var(--font-heading);}
  .service-card.end-card .btn{margin-top:20px;background:#fff;color:var(--color-primary-dark);align-self:flex-start;}

  .svc-carousel-nav{margin-top:36px;display:flex;align-items:center;justify-content:space-between;max-width:var(--container);padding:0 24px;margin-left:auto;margin-right:auto;}
  .svc-arrows{display:flex;gap:10px;}
  .svc-arrow-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-fg);transition:background 200ms ease,border-color 200ms ease,opacity 200ms ease;}
  .svc-arrow-btn svg{width:18px;height:18px;}
  .svc-arrow-btn:hover{background:var(--color-muted);border-color:var(--color-primary);}
  .svc-arrow-btn:disabled{opacity:.35;cursor:default;}
  .svc-arrow-btn:disabled:hover{background:none;border-color:var(--color-border);}
  .svc-dots{display:flex;gap:8px;}
  .svc-dot{width:8px;height:8px;padding:0;border-radius:50%;background:var(--color-border);transition:background 200ms ease,width 200ms ease;}
  .svc-dot.is-active{background:var(--color-primary);width:22px;border-radius:5px;}

  @media (max-width:1180px){ .service-card{flex-basis:calc((100% - 24px)/2);} }
  @media (max-width:640px){ .service-card{flex-basis:100%;} }

  /* ---------- Sektörler ---------- */
  .sectors{background:var(--color-bg);}
  .sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .sector-card{
    position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/3.6;
    cursor:pointer;isolation:isolate;
  }
  .sector-card.wide{grid-column:span 2;aspect-ratio:auto;}
  .sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 600ms ease;z-index:-2;}
  .sector-card:hover img{transform:scale(1.08);}
  .sector-card::after{
    content:'';position:absolute;inset:0;z-index:-1;
    background:linear-gradient(180deg, rgba(8,36,34,0.05) 0%, rgba(6,28,26,0.55) 60%, rgba(5,22,20,0.92) 100%);
    transition:background 300ms ease;
  }
  .sector-card:hover::after{background:linear-gradient(180deg, rgba(11,110,100,0.15) 0%, rgba(6,28,26,0.6) 55%, rgba(5,22,20,0.94) 100%);}
  .sector-card-body{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;}
  .sector-card-body h4{font-size:18px;font-weight:700;}
  .sector-card-body p{font-size:13px;color:rgba(255,255,255,0.75);margin-top:6px;max-height:0;opacity:0;overflow:hidden;transition:max-height 300ms ease, opacity 300ms ease;}
  .sector-card:hover .sector-card-body p{max-height:60px;opacity:1;margin-top:6px;}
  .sector-card-arrow{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.16);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;transform:rotate(-45deg);transition:transform 300ms ease, background 300ms ease;}
  .sector-card:hover .sector-card-arrow{transform:rotate(0deg);background:var(--color-secondary);}
  .sector-card-arrow svg{width:16px;height:16px;}
  @media (max-width:980px){
    .sector-grid{grid-template-columns:repeat(2,1fr);}
    .sector-card.wide{grid-column:span 2;aspect-ratio:3/1.8;}
  }
  @media (max-width:640px){
    .sector-grid{grid-template-columns:1fr;}
    .sector-card.wide{grid-column:span 1;}
  }

  /* ---------- İç sayfa hero (Hizmetler/Sektörler/Blog/Kariyer/Hakkımızda listeleri) ---------- */
  .page-hero{background:linear-gradient(155deg,var(--color-primary-dark),var(--color-primary));padding:calc(var(--header-h, 84px) + 64px) 0 64px;color:#fff;}
  .page-hero .eyebrow{background:rgba(255,255,255,0.12);color:#fff;}
  .page-hero h1{font-size:clamp(2rem,3.4vw,2.9rem);margin:16px 0 14px;}
  .page-hero p{font-size:16px;color:rgba(255,255,255,0.78);max-width:640px;}
  .page-breadcrumb{font-size:12.5px;color:rgba(255,255,255,0.6);margin-bottom:10px;}
  .page-breadcrumb a{color:rgba(255,255,255,0.85);}
  .page-breadcrumb a:hover{color:#fff;}

  /* ---------- Hizmetler listesi (light tema kartlar) ---------- */
  .hizmet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .hizmet-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:26px;transition:transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;}
  .hizmet-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(11,110,100,0.3);}
  .hizmet-tile .icon-badge{width:52px;height:52px;border-radius:14px;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;}
  .hizmet-tile .icon-badge svg{width:25px;height:25px;}
  .hizmet-tile h3{font-size:19px;margin-top:20px;}
  .hizmet-tile p{font-size:14px;line-height:1.65;color:var(--color-muted-fg);margin-top:10px;flex:1;}
  .hizmet-tile .card-link{margin-top:18px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--color-primary);}
  .hizmet-tile .card-link svg{width:15px;height:15px;transition:transform 200ms ease;}
  .hizmet-tile:hover .card-link svg{transform:translateX(4px);}
  @media (max-width:980px){.hizmet-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:640px){.hizmet-grid{grid-template-columns:1fr;}}

  /* ---------- Zengin detay hero'su (gerçek görsel varsa) ---------- */
  .detail-hero{position:relative;padding:calc(var(--header-h, 84px) + 90px) 0 80px;color:#fff;overflow:hidden;isolation:isolate;}
  .detail-hero-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transform:scale(1.02);}
  .detail-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(175deg, rgba(6,28,26,0.55) 0%, rgba(6,28,26,0.72) 45%, var(--color-primary-dark) 100%);}
  .detail-hero .page-breadcrumb{color:rgba(255,255,255,0.65);}
  .detail-hero .page-breadcrumb a{color:rgba(255,255,255,0.9);}
  .detail-hero .eyebrow{background:rgba(255,255,255,0.14);color:#fff;}
  .detail-hero h1{font-size:clamp(2rem,3.6vw,3rem);margin:16px 0 14px;}
  .detail-hero p{font-size:16px;color:rgba(255,255,255,0.82);max-width:600px;}
  .detail-hero .btn{margin-top:26px;}

  /* ---------- Fayda kartları (hizmet/sektör detay sayfaları) ---------- */
  .benefit-section{background:var(--color-primary-dark);padding:64px 0;}
  .benefit-section .section-head h2,.benefit-section .section-head p{color:#fff;}
  .benefit-section .section-head p{color:rgba(255,255,255,0.7);}
  .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .benefit-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);padding:24px;transition:transform 220ms ease, background 220ms ease;}
  .benefit-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.1);}
  .benefit-card .icon-badge{width:48px;height:48px;border-radius:13px;background:rgba(23,184,166,0.2);color:var(--color-secondary);display:flex;align-items:center;justify-content:center;}
  .benefit-card .icon-badge svg{width:23px;height:23px;}
  .benefit-card h3{color:#fff;font-size:16.5px;margin-top:18px;}
  .benefit-card p{color:rgba(255,255,255,0.65);font-size:13.5px;line-height:1.6;margin-top:8px;}
  @media (max-width:980px){.benefit-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.benefit-grid{grid-template-columns:1fr;}}

  /* ---------- Görsel + metin bölünmüş bölüm (nasıl çalışıyoruz) ---------- */
  .split-section{padding:70px 0;}
  .split-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
  .split-section.reverse .split-grid{direction:rtl;}
  .split-section.reverse .split-grid > *{direction:ltr;}
  .split-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3.2;box-shadow:var(--shadow-lg);}
  .split-media img{width:100%;height:100%;object-fit:cover;}
  .split-copy h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:16px;}
  .split-copy p{color:var(--color-muted-fg);font-size:15px;line-height:1.75;margin-bottom:14px;}
  .split-steps{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:12px;}
  .split-steps li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--color-fg);}
  .split-steps li .step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;}
  @media (max-width:860px){.split-grid,.split-section.reverse .split-grid{grid-template-columns:1fr;direction:ltr;}}

  /* ---------- İlgili içerik bölümü ---------- */
  .related-section{padding:60px 0 70px;background:var(--color-muted);}

  /* ---------- Detay sayfaları (hizmet/sektör/blog) ---------- */
  .detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start;}
  .detail-cover{width:100%;border-radius:var(--radius-lg);margin-bottom:28px;aspect-ratio:16/8;object-fit:cover;background:var(--color-muted);}
  .detail-body{font-size:15.5px;line-height:1.85;color:var(--color-fg);}
  .detail-body p{margin-bottom:16px;}
  .detail-side{background:var(--color-muted);border-radius:var(--radius-lg);padding:24px;position:sticky;top:110px;}
  .detail-side h4{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-fg);margin-bottom:14px;}
  .detail-side ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
  .detail-side a{font-size:14px;font-weight:500;color:var(--color-fg);padding:8px 10px;border-radius:8px;display:block;}
  .detail-side a:hover,.detail-side a.active{background:#fff;color:var(--color-primary);}
  @media (max-width:900px){.detail-layout{grid-template-columns:1fr;}.detail-side{position:static;}}

  /* ---------- Blog listesi/kart genişletme ---------- */
  .post-cover img{width:100%;height:100%;object-fit:cover;}

  /* ---------- Basit içerik sayfası (Hakkımızda/KVKK vb.) ---------- */
  .prose{max-width:760px;margin:0 auto;font-size:15.5px;line-height:1.85;color:var(--color-fg);}
  .prose h2{font-size:22px;margin:34px 0 14px;}
  .prose h2:first-child{margin-top:0;}
  .prose p{margin-bottom:16px;color:var(--color-muted-fg);}
  .prose ul{margin:0 0 16px 20px;color:var(--color-muted-fg);}
  .prose li{margin-bottom:8px;}

  /* ---------- Boş durum ---------- */
  .empty-note{text-align:center;padding:60px 20px;color:var(--color-muted-fg);}

  /* ---------- Büyük İstatistik Bandı ---------- */
  .stat-band{background:#fff;color:var(--color-fg);padding:64px 0;overflow:hidden;border-bottom:1px solid var(--color-border);}
  .stat-band-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:36px;}
  .stat-band-item{flex:1;min-width:150px;text-align:center;position:relative;}
  .stat-band-item:not(:last-child)::after{content:'';position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:1px;height:52px;background:var(--color-border);}
  .stat-band-item .num{font-family:var(--font-heading);font-weight:700;font-size:clamp(2.2rem,4.5vw,3.4rem);display:flex;align-items:baseline;justify-content:center;gap:2px;color:var(--color-primary);}
  .stat-band-item .num .suffix{color:var(--color-fg);opacity:.55;font-size:.5em;}
  .stat-band-item .label{margin-top:8px;font-size:13.5px;color:var(--color-muted-fg);}
  @media (max-width:768px){ .stat-band-item:not(:last-child)::after{display:none;} }

  /* ---------- Bölge Bul CTA ---------- */
  .region-finder{background:var(--color-muted);}
  .region-finder-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
  .region-finder-copy h3{font-size:20px;font-weight:700;}
  .region-finder-copy p{font-size:14px;color:var(--color-muted-fg);margin-top:6px;}
  .region-chips{display:flex;gap:10px;flex-wrap:wrap;}
  .region-chip{
    display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;
    background:#fff;border:1.5px solid var(--color-border);font-size:13.5px;font-weight:600;color:var(--color-fg);
    transition:border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;cursor:pointer;
  }
  .region-chip:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}
  .region-chip svg{width:15px;height:15px;color:var(--color-primary);flex-shrink:0;}
  .region-chip .tag{font-size:10.5px;font-weight:700;color:var(--color-accent);background:var(--color-accent-light);padding:2px 7px;border-radius:6px;margin-left:2px;}

  /* ---------- Neden Güvensan ---------- */
  .why{background:var(--color-muted);overflow:hidden;}
  .why-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;}
  .why-blob.wb1{width:420px;height:420px;background:var(--color-secondary);opacity:.12;top:-120px;right:-80px;}
  .why-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;position:relative;z-index:2;}
  .why-list{display:flex;flex-direction:column;gap:28px;}
  .why-item{display:flex;gap:18px;padding:10px;margin:-10px;border-radius:var(--radius-md);transition:transform 260ms ease, background 260ms ease;}
  .why-item:hover{transform:translateX(6px);background:rgba(255,255,255,0.55);}
  .why-item .icon-badge{width:46px;height:46px;border-radius:12px;background:#fff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);transition:transform 300ms ease, box-shadow 300ms ease;}
  .why-item:hover .icon-badge{transform:scale(1.1) rotate(-4deg);box-shadow:0 8px 20px rgba(11,110,100,0.25);}
  .why-item .icon-badge svg{width:23px;height:23px;}
  .why-item .icon-badge svg path,.why-item .icon-badge svg circle{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset 900ms ease;}
  .why-item.in-view .icon-badge svg path,.why-item.in-view .icon-badge svg circle{stroke-dashoffset:0;}
  .why-item h4{font-size:16.5px;font-weight:600;}
  .why-item p{font-size:14.5px;color:var(--color-muted-fg);margin-top:6px;}

  .why-stats{background:#fff;border-radius:var(--radius-lg);padding:44px;box-shadow:var(--shadow-lg);}
  .why-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
  .why-stats .stat .num{color:var(--color-primary);}
  .why-stats .stat .num .suffix{color:var(--color-accent);}
  .why-stats .stat .label{color:var(--color-muted-fg);}
  .why-stats hr{border:none;border-top:1px solid var(--color-border);margin:32px 0;}
  .why-note{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--color-muted-fg);}
  .why-note svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0;margin-top:2px;}
  .iso-badges{display:flex;flex-wrap:wrap;gap:8px;}
  .iso-badge{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--color-primary);background:var(--color-primary-light);border:1px solid rgba(11,110,100,0.18);padding:6px 11px;border-radius:8px;}
  .iso-badge-accent{color:#8A4B0A;background:var(--color-accent-light);border-color:rgba(198,130,10,0.3);}

  /* ---------- CEO Alıntısı ---------- */
  .ceo-quote{background:var(--color-bg);}
  .quote-block{max-width:760px;margin:0 auto;text-align:center;position:relative;}
  .quote-mark{width:52px;height:52px;color:var(--color-secondary);opacity:.35;margin:0 auto 8px;}
  .quote-block blockquote{margin:0;}
  .quote-block blockquote p{
    font-family:var(--font-heading);font-weight:600;font-style:italic;
    font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.4;color:var(--color-fg);
  }
  .quote-rule{width:44px;height:3px;background:var(--color-accent);border-radius:2px;margin:28px auto 20px;}
  .quote-attribution strong{display:block;font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-fg);}
  .quote-attribution .quote-role{display:block;font-size:13.5px;color:var(--color-muted-fg);margin-top:4px;}
  .quote-badge{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:7px 14px;border-radius:999px;}
  .quote-badge svg{width:14px;height:14px;flex-shrink:0;}

  /* ---------- Kapsama Haritası (81 il) ---------- */
  .coverage{
    background:radial-gradient(ellipse 80% 55% at 10% 100%, rgba(23,184,166,0.14), transparent 60%), #07120F;
    color:#fff;overflow:hidden;
  }
  .coverage-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;}
  .coverage-head .eyebrow{background:rgba(255,255,255,0.08);color:var(--color-secondary);}
  .coverage-head h2{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:700;max-width:15ch;}
  .coverage-head p{margin-top:16px;font-size:15.5px;color:rgba(255,255,255,0.62);max-width:44ch;}

  .coverage-search{position:relative;margin-top:28px;}
  .coverage-search input{
    width:100%;padding:14px 44px 14px 18px;border-radius:12px;
    background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.14);
    color:#fff;font-size:14.5px;font-family:inherit;transition:border-color 200ms ease, background 200ms ease;
  }
  .coverage-search input::placeholder{color:rgba(255,255,255,0.4);}
  .coverage-search input:focus{outline:none;border-color:var(--color-secondary);background:rgba(255,255,255,0.09);}
  .coverage-search svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:rgba(255,255,255,0.4);pointer-events:none;}

  .coverage-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
  .coverage-chip{
    padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:600;
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.75);
    cursor:pointer;transition:background 200ms ease, border-color 200ms ease, color 200ms ease;
  }
  .coverage-chip:hover,.coverage-chip.active{background:rgba(23,184,166,0.16);border-color:var(--color-secondary);color:#fff;}

  .coverage-info{
    margin-top:24px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);
    border-radius:var(--radius-md);padding:24px;min-height:132px;
    display:flex;flex-direction:column;justify-content:center;transition:border-color 240ms ease;
  }
  .coverage-info.has-selection{border-color:rgba(23,184,166,0.45);}
  .coverage-info .ci-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-secondary);}
  .coverage-info h4{font-size:20px;font-weight:600;margin-top:8px;font-family:var(--font-heading);}
  .coverage-info p{font-size:13.5px;color:rgba(255,255,255,0.62);margin-top:8px;line-height:1.6;}
  .coverage-info a{margin-top:14px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-secondary);}
  .coverage-info a svg{width:14px;height:14px;transition:transform 200ms ease;}
  .coverage-info a:hover svg{transform:translateX(3px);}

  .coverage-map-wrap{position:relative;perspective:1400px;}
  .coverage-map-wrap svg{width:100%;height:auto;display:block;overflow:visible;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 30px 50px rgba(0,0,0,0.35));}
  .coverage-flow-path{fill:none;stroke:var(--color-secondary);stroke-width:.6;opacity:.4;}
  .coverage-flow-dot{fill:var(--color-secondary);filter:drop-shadow(0 0 4px rgba(23,184,166,0.9));}
  .coverage-dot{cursor:pointer;transition:r 180ms ease, opacity 200ms ease;}
  .coverage-dot-fill{fill:var(--color-secondary);opacity:.55;}
  .coverage-dot-hit{fill:transparent;}
  .coverage-marker:hover .coverage-dot-fill,.coverage-marker:focus-visible .coverage-dot-fill{r:6.5;opacity:1;}
  .coverage-marker.is-dim .coverage-dot-fill{opacity:.12;}
  .coverage-marker.is-match .coverage-dot-fill{opacity:1;}
  .coverage-marker.is-selected .coverage-dot-fill{fill:var(--color-accent);opacity:1;}
  .coverage-marker:focus-visible .coverage-dot-hit{outline:2px solid var(--color-secondary);outline-offset:2px;}
  .coverage-hub .coverage-dot-fill{fill:#fff;}
  .coverage-hub-ring{fill:none;stroke:var(--color-secondary);stroke-width:1.4;opacity:0;transform-origin:center;animation:mapPing 2.8s ease-out infinite;}
  .coverage-hub:nth-of-type(2) .coverage-hub-ring{animation-delay:.5s;}
  .coverage-hub:nth-of-type(3) .coverage-hub-ring{animation-delay:1s;}
  @keyframes mapPing{0%{transform:scale(1);opacity:.6;}100%{transform:scale(3.2);opacity:0;}}

  .coverage-legend{display:flex;align-items:center;gap:18px;margin-top:18px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,0.5);}
  .coverage-legend span{display:inline-flex;align-items:center;gap:6px;}
  .coverage-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;}
  .coverage-count{margin-top:26px;display:flex;gap:28px;flex-wrap:wrap;}
  .coverage-count .num{font-family:var(--font-heading);font-weight:700;font-size:1.8rem;color:#fff;}
  .coverage-count .num .suffix{color:var(--color-secondary);font-size:.55em;}
  .coverage-count .label{font-size:12.5px;color:rgba(255,255,255,0.5);margin-top:2px;}

  @media (max-width:900px){
    .coverage-layout{grid-template-columns:1fr;}
    .coverage-map-wrap{order:-1;}
  }

  /* ---------- Akademi banner ---------- */
  .academy{
    border-radius:var(--radius-lg);
    background:linear-gradient(120deg,#0B6E64,#0a5850 45%,#083F3A);
    color:#fff;padding:64px;
    display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;
    position:relative;overflow:hidden;
  }
  .academy::after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:var(--color-secondary);opacity:.16;filter:blur(50px);right:-80px;top:-100px;}
  .academy h2{font-size:clamp(1.7rem,2.6vw,2.2rem);max-width:18ch;}
  .academy p{margin-top:14px;color:rgba(255,255,255,0.78);font-size:15.5px;max-width:48ch;}
  .academy-badge{justify-self:end;text-align:center;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);border-radius:var(--radius-md);padding:28px;backdrop-filter:blur(10px);position:relative;}
  .academy-badge .icon-badge{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,0.14);color:var(--color-secondary);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;position:relative;}
  .academy-badge .icon-badge::before{content:'';position:absolute;inset:-8px;border-radius:18px;border:1.5px solid var(--color-secondary);opacity:.5;animation:pingRing 2.6s ease-out infinite;}
  .academy-badge .icon-badge svg{width:28px;height:28px;position:relative;}
  .academy-badge strong{font-family:var(--font-heading);font-size:15px;display:block;}
  .academy-badge span{font-size:12.5px;color:rgba(255,255,255,0.7);}
  @keyframes pingRing{0%{transform:scale(0.9);opacity:.55;}80%{transform:scale(1.35);opacity:0;}100%{transform:scale(1.35);opacity:0;}}

  /* ---------- Blog ---------- */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .post{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform 240ms ease, box-shadow 240ms ease;cursor:pointer;}
  .post:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
  .post-cover{height:170px;background:linear-gradient(135deg,var(--color-primary-light),#fff);position:relative;display:flex;align-items:center;justify-content:center;}
  .post-cover svg{width:48px;height:48px;color:var(--color-primary);opacity:.5;}
  .post-body{padding:24px;}
  .post-tag{font-size:12px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;}
  .post h3{font-size:17px;font-weight:600;margin-top:10px;}
  .post p{font-size:14px;color:var(--color-muted-fg);margin-top:8px;}
  .post-meta{margin-top:18px;font-size:12.5px;color:var(--color-muted-fg);display:flex;gap:10px;align-items:center;}

  /* ---------- Career CTA ---------- */
  .career{
    background:var(--color-muted);color:var(--color-fg);border-radius:var(--radius-lg);
    border:1px solid var(--color-border);
    padding:56px 64px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
    position:relative;overflow:hidden;
  }
  .career h2{font-size:clamp(1.6rem,2.4vw,2rem);max-width:20ch;}
  .career p{color:var(--color-muted-fg);margin-top:10px;max-width:42ch;}

  /* ---------- Contact ---------- */
  .contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);}
  .contact-info{background:linear-gradient(160deg,#083F3A,#0B6E64);color:#fff;padding:56px 48px;position:relative;overflow:hidden;}
  .contact-info::after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:var(--color-secondary);opacity:.14;filter:blur(55px);right:-90px;bottom:-100px;}
  .contact-info > *{position:relative;z-index:2;}
  .contact-info h2{font-size:1.9rem;}
  .contact-info p{margin-top:14px;color:rgba(255,255,255,0.78);font-size:15px;}
  .contact-detail{display:flex;gap:14px;align-items:flex-start;margin-top:28px;}
  .contact-detail .icon-badge{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.12);color:var(--color-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .contact-detail .icon-badge svg{width:19px;height:19px;}
  .contact-detail strong{display:block;font-size:14.5px;}
  .contact-detail span{font-size:13.5px;color:rgba(255,255,255,0.7);}
  .contact-form{background:#fff;padding:56px 48px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
  .field{display:flex;flex-direction:column;gap:7px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:13px;font-weight:600;color:var(--color-fg);}
  .field input,.field select,.field textarea{
    padding:13px 15px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);
    font-size:14.5px;font-family:inherit;color:var(--color-fg);background:var(--color-bg);
    transition:border-color 200ms ease, box-shadow 200ms ease;
  }
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(11,110,100,0.14);}
  .field textarea{resize:vertical;min-height:96px;}
  .form-note{font-size:12.5px;color:var(--color-muted-fg);margin-top:14px;}

  /* ---------- Footer ---------- */
  footer{background:#062824;color:rgba(255,255,255,0.75);padding:72px 0 32px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;}
  .footer-brand .brand{color:#fff;margin-bottom:16px;}
  .footer-brand p{font-size:14px;line-height:1.7;max-width:34ch;color:rgba(255,255,255,0.6);}
  .footer-social{display:flex;gap:10px;margin-top:22px;}
  .footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;transition:background 200ms ease, transform 200ms ease;}
  .footer-social a:hover{background:var(--color-secondary);transform:translateY(-3px);}
  .footer-social svg{width:16px;height:16px;}
  .footer-col h5{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:18px;}
  .footer-col ul{display:flex;flex-direction:column;gap:12px;}
  .footer-col a{font-size:14px;transition:color 200ms ease;}
  .footer-col a:hover{color:#fff;}
  .footer-bottom{margin-top:56px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(255,255,255,0.5);}

  /* ---------- Reveal utility ---------- */
  .reveal{opacity:0;transform:translateY(24px);}

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .hero-layout{grid-template-columns:1fr;}
    .hero-panel{margin-top:20px;}
    .hero-card-float{position:static;margin-top:18px;max-width:none;}
    .why-layout{grid-template-columns:1fr;gap:40px;}
    .services-dark{padding:76px 0;}
    .blog-grid{grid-template-columns:1fr;}
    .academy{grid-template-columns:1fr;padding:40px 28px;}
    .academy-badge{justify-self:start;}
    .contact-layout{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .career{padding:40px 28px;}
  }
  @media (max-width:640px){
    .section{padding:76px 0;}
    .form-row{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .trust-strip .container{flex-direction:column;align-items:flex-start;gap:16px;}
    .brand{font-size:16px;gap:8px;}
    .brand .logo-mark{width:32px;height:32px;}
    .brand small{font-size:9px;}
    header .container{gap:12px;}
    .header-actions{gap:8px;}
    .header-actions .btn-sm{padding:9px 14px;font-size:13px;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}
    .reveal{opacity:1;transform:none;}
    .line-text{transform:none;}
    .cursor-dot,.cursor-ring,.grain-overlay{display:none !important;}
  }

  /* ============ Canlı Destek Widget'ı ============ */
  .chat-widget{position:fixed;right:22px;bottom:22px;z-index:900;font-family:var(--font-body);}
  .chat-widget-toggle{
    position:relative;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;
    background:var(--color-primary-dark);color:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 30px rgba(8,63,58,0.35);
    transition:transform 200ms ease, background 200ms ease;
  }
  .chat-widget-toggle:hover{transform:translateY(-2px) scale(1.04);background:var(--color-primary);}
  .chat-widget-toggle svg{width:26px;height:26px;position:absolute;transition:opacity 200ms ease, transform 200ms ease;}
  .chat-widget-toggle .chat-icon-close{opacity:0;transform:rotate(-45deg) scale(0.6);}
  .chat-widget-toggle .chat-icon-open{opacity:1;transform:rotate(0) scale(1);}
  .chat-widget.is-open .chat-widget-toggle .chat-icon-open{opacity:0;transform:rotate(45deg) scale(0.6);}
  .chat-widget.is-open .chat-widget-toggle .chat-icon-close{opacity:1;transform:rotate(0) scale(1);}
  .chat-widget-badge{
    position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;
    background:#D64545;color:#fff;font-size:11px;font-weight:700;
    display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg);
  }
  .chat-widget-panel{
    position:absolute;right:0;bottom:72px;width:min(370px, calc(100vw - 40px));height:min(540px, calc(100vh - 140px));
    background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(8,63,58,0.28);
    display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);
  }
  .chat-widget-head{
    background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
    color:#fff;padding:16px 18px;flex-shrink:0;
  }
  .chat-widget-head strong{display:block;font-size:15px;}
  .chat-widget-head span{display:block;font-size:12px;opacity:0.85;margin-top:2px;}
  .chat-widget-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;}
  .chat-widget-intro p{font-size:13.5px;color:var(--color-muted-fg);line-height:1.5;margin-bottom:10px;}
  .chat-widget-chips{display:flex;flex-wrap:wrap;gap:6px;}
  .chat-chip{
    border:1.5px solid var(--color-border);background:#fff;color:var(--color-primary-dark);
    border-radius:999px;padding:6px 12px;font-size:12.5px;cursor:pointer;transition:background 150ms ease, border-color 150ms ease;
  }
  .chat-chip:hover, .chat-chip.is-selected{background:var(--color-primary-light);border-color:var(--color-primary);}
  .chat-widget-messages{display:flex;flex-direction:column;gap:8px;}
  .chat-msg{max-width:80%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word;}
  .chat-msg-visitor{align-self:flex-end;background:var(--color-primary-dark);color:#fff;border-bottom-right-radius:4px;}
  .chat-msg-admin{align-self:flex-start;background:var(--color-muted);color:var(--color-fg);border-bottom-left-radius:4px;}
  .chat-msg-time{font-size:10.5px;color:var(--color-muted-fg);margin-top:2px;}
  .chat-widget-form{flex-shrink:0;border-top:1px solid var(--color-border);padding:10px 12px;}
  .chat-widget-form input[type="text"]{
    width:100%;border:none;font-size:12.5px;padding:4px 4px 8px;color:var(--color-muted-fg);background:transparent;outline:none;
  }
  .chat-widget-inputrow{display:flex;align-items:flex-end;gap:8px;}
  .chat-widget-inputrow textarea{
    flex:1;resize:none;max-height:90px;border:1.5px solid var(--color-border);border-radius:12px;
    padding:9px 12px;font-size:13.5px;font-family:inherit;outline:none;transition:border-color 150ms ease;
  }
  .chat-widget-inputrow textarea:focus{border-color:var(--color-primary);}
  .chat-widget-inputrow button{
    flex-shrink:0;width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;
    background:var(--color-primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;
    transition:background 150ms ease;
  }
  .chat-widget-inputrow button:hover{background:var(--color-primary);}
  .chat-widget-inputrow button svg{width:16px;height:16px;}
  /* display:flex kuralları [hidden] özniteliğini eziyor — açıkça geri kapatıyoruz */
  .chat-widget-badge[hidden], .chat-widget-panel[hidden]{display:none;}
  @media (max-width:480px){
    .chat-widget{right:14px;bottom:14px;}
    .chat-widget-panel{right:-6px;width:calc(100vw - 20px);}
  }