:root{
    --navy:#0B1550;
    --navy-2:#132168;
    --navy-text:#0B1550;
    --orange-dark:#B9701B;
    --orange:#E3A03F;
    --orange-light:#F0BE6E;
    --gray-bg:#EEF2FA;
    --border:#E4E9F1;
    --text:#3B4453;
    --muted:#6B7383;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{-webkit-text-size-adjust:100%;}
  body{font-family:'Inter',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7;font-size:15px;overflow-x:hidden;}
  h1,h2,h3,h4{font-family:'Poppins',sans-serif;color:var(--navy-text);line-height:1.25;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  table{max-width:100%;}
  .wrap{max-width:1300px;margin:0 auto;padding:0 24px;}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:2px;font-weight:600;font-size:14px;transition:.2s;cursor:pointer;white-space:nowrap;}
  .btn-navy{background:var(--navy);color:#fff;border:1px solid var(--navy);}
  .btn-navy:hover{background:var(--navy-2);}
  .btn-outline-gray{border:1px solid #C9CFDA;color:var(--navy-text);background:#fff;}
  .btn-outline-gray:hover{background:#f2f4f8;}
  .btn-outline-navy{border:1.5px solid var(--navy);color:var(--navy);background:transparent;}
  .btn-outline-navy:hover{background:var(--navy);color:#fff;}
  .btn-outline-white{border:1.5px solid #fff;color:#fff;background:transparent;}
  .btn-outline-white:hover{background:#fff;color:var(--navy);}
  .btn-outline-brown{border:1.5px solid var(--navy-text);color:var(--navy-text);background:transparent;padding:10px 20px;font-size:13.5px;}
  .btn-sm{padding:8px 16px;font-size:12.5px;border:1px solid var(--navy);color:var(--navy);display:inline-block;}
  .btn-sm:hover{background:var(--navy);color:#fff;}
  section{padding:clamp(40px,8vw,64px) 0;}
  .sec-title-center{text-align:center;font-size:clamp(24px,4.5vw,32px);font-weight:700;margin-bottom:18px;}

  /* Top bar */
  .topbar{background:var(--navy);color:#dfe4f0;font-size:13px;padding:9px 0;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 20px;}
  .topbar .contacts{display:flex;gap:26px;align-items:center;flex-wrap:wrap;row-gap:4px;}
  .topbar .contacts span{display:flex;align-items:center;gap:6px;}

  /* Header */
  header{
    padding:16px 0;
    position:sticky; top:0; z-index:100;
    background:#fff;
    box-shadow:0 1px 0 rgba(11,21,80,.07), 0 12px 28px -20px rgba(11,21,80,.18);
  }
  header .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:nowrap;}
  .logo{display:flex;align-items:center;gap:12px;min-width:0;}
  .logo .mark{width:40px;height:40px;position:relative;flex:none;filter:drop-shadow(0 4px 10px rgba(11,21,80,.25));transition:transform .25s ease;}
  .logo .mark-img{width:auto;height:var(--logo-h,40px);filter:none;flex:none;display:block;}
  .logo .mark-img img{display:block;width:auto;height:100%;max-width:var(--logo-mw,150px);object-fit:contain;}
  .logo:hover .mark{transform:translateY(-1px) rotate(-2deg);}
  .logo .mark svg{width:100%;height:100%;}
  .logo .txt{min-width:0;flex:1 1 auto;overflow:hidden;}
  .logo .txt b{display:block;font-family:'Poppins';font-weight:800;font-size:clamp(15px,2.6vw,20px);color:var(--navy-text);letter-spacing:.015em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .logo .txt span{display:block;font-family:'Poppins';font-weight:600;font-size:10px;color:var(--orange-dark);letter-spacing:.24em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  .header-actions{display:flex;align-items:center;gap:14px;flex:none;}
  .mobile-cta{display:none;}
  .hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0;flex:none;}
  .hamburger span{display:block;width:100%;height:2px;background:var(--navy-text);border-radius:2px;transition:.25s ease;}
  .hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.active span:nth-child(2){opacity:0;}
  .hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav-overlay{display:none;}

  nav.mainnav{display:flex;gap:28px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--navy-text);}
  nav.mainnav a{position:relative;padding:6px 0;}
  nav.mainnav a::after{
    content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange-dark);
    transition:width .22s ease;
  }
  nav.mainnav a:hover{color:var(--orange-dark);}
  nav.mainnav a:hover::after{width:100%;}

  /* Hizmetlerimiz alt menüsü (dropdown) */
  .nav-item.has-submenu{position:relative;display:flex;align-items:center;gap:2px;}
  .submenu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;padding:4px;margin:0;cursor:pointer;color:inherit;}
  .submenu-toggle .chevron{display:block;transition:transform .2s ease;}
  .nav-item.has-submenu:hover .chevron,
  .nav-item.has-submenu:focus-within .chevron,
  .nav-item.has-submenu.open .chevron{transform:rotate(180deg);}

  .submenu{
    position:absolute;top:100%;left:0;margin-top:14px;min-width:240px;
    background:#fff;border:1px solid var(--border);border-radius:10px;
    box-shadow:0 16px 36px rgba(11,21,80,.16);padding:8px;
    display:flex;flex-direction:column;gap:2px;
    opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
    z-index:200;
  }
  .nav-item.has-submenu:hover .submenu,
  .nav-item.has-submenu:focus-within .submenu,
  .nav-item.has-submenu.open .submenu{opacity:1;visibility:visible;transform:translateY(0);}

  nav.mainnav .submenu a{
    padding:10px 12px;border-radius:6px;font-size:13px;font-weight:600;
    text-transform:none;letter-spacing:0;color:var(--navy-text);white-space:nowrap;
  }
  nav.mainnav .submenu a::after{display:none;}
  nav.mainnav .submenu a:hover{background:#F3F5FA;color:var(--orange-dark);}

  .searchbox{
    display:flex;align-items:stretch;border:1px solid #DDE2ED;border-radius:999px;overflow:hidden;
    background:#F7F9FC; transition:box-shadow .2s ease, border-color .2s ease;
  }
  .searchbox:focus-within{border-color:var(--navy); box-shadow:0 0 0 3px rgba(11,21,80,.1);}
  .searchbox input{border:none;outline:none;background:transparent;padding:11px 8px 11px 20px;font-size:13.5px;width:190px;color:var(--text);font-family:'Inter';}
  .searchbox input::placeholder{color:#9AA3B5;}
  .searchbox button{
    background:var(--navy);border:none;color:#fff;width:42px;margin:3px 3px 3px 0;border-radius:999px;
    cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;
    transition:background .2s ease;
  }
  .searchbox button:hover{background:var(--orange-dark);}

  /* Hero Slider */
  .hero{padding:0;position:relative;overflow:hidden;}
  .hero-slide{display:none;}
  .hero-slide.active{display:block;animation:heroFade .5s ease;}
  @keyframes heroFade{from{opacity:0;}to{opacity:1;}}
  .hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;padding-left:0;padding-right:0;}
  .hero-left{padding:56px 0;display:flex;flex-direction:column;justify-content:center;min-width:0;}
  .hero-img{background-size:cover;background-position:center;min-height:420px;position:relative;}
  .hero h1{font-size:clamp(28px,4.2vw,40px);font-weight:800;margin-bottom:22px;}
  .hero h1 .line2{display:block;text-align:right;padding-right:6%;}
  .hero .kicker{font-weight:700;color:var(--navy-text);font-size:clamp(14px,2vw,16px);margin-bottom:16px;}
  .hero p.lead{color:var(--text);font-size:15px;margin-bottom:30px;max-width:520px;}
  .hero p.lead b{color:var(--navy-text);}
  .hero .btns{display:flex;gap:14px;flex-wrap:wrap;}

  .hero-nav{position:absolute;inset:0;pointer-events:none;}
  .hero-arrow{
    position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;
    background:rgba(255,255,255,.92);border:1px solid rgba(11,21,80,.12);color:var(--navy-text);
    font-size:21px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;
    pointer-events:auto;transition:.18s ease;box-shadow:0 8px 18px rgba(11,21,80,.18);
  }
  .hero-arrow:hover{background:var(--navy);color:#fff;}
  .hero-arrow-prev{left:14px;}
  .hero-arrow-next{right:14px;}
  .hero-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;pointer-events:auto;}
  .hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.65);border:1.5px solid rgba(11,21,80,.35);cursor:pointer;padding:0;transition:.2s ease;}
  .hero-dot.active{background:var(--navy);width:22px;border-radius:5px;border-color:var(--navy);}

  /* Services intro */
  .sec-sub{text-align:center;max-width:760px;margin:0 auto 46px;color:var(--text);font-size:15px;}
  .sec-sub a{color:var(--orange-dark);font-weight:700;}
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .service-card{position:relative;height:260px;border-radius:3px;overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:26px 22px;transition:transform .2s ease, box-shadow .2s ease;}
  .service-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,21,80,.22);}
  .service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,21,80,.55) 0%, rgba(11,21,80,.86) 100%);}
  .service-card .icon-circle{position:absolute;top:34px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 6px 16px rgba(0,0,0,.25);}
  .service-card .icon-circle svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7;}
  .service-card h3{position:relative;z-index:2;color:#fff;font-size:18.5px;margin-bottom:10px;}
  .service-card p{position:relative;z-index:2;color:#DCE2F0;font-size:13px;}

  /* Orange research band */
  .research-band{padding:0;}
  .research-band .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:0;padding:0;max-width:none;}
  .research-band .imgside{min-height:360px;background-size:cover;background-position:center;}
  .research-band .textside{padding:clamp(32px,6vw,54px) clamp(24px,6vw,64px);background:linear-gradient(100deg, var(--orange-dark) 0%, var(--orange-light) 100%);}
  .research-band h2{font-size:clamp(21px,3.2vw,27px);margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid rgba(11,21,80,.35);color:var(--navy-text);}
  .research-band p{margin-bottom:16px;font-size:14px;color:#28203F;max-width:540px;}

  /* Why us grid */
  .why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 34px;}
  .why-item h4{font-size:18px;margin-bottom:12px;}
  .why-item p{color:var(--muted);font-size:13.5px;margin-bottom:16px;}

  /* Stats circle */
  .stats-sec .wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(30px,6vw,90px);align-items:center;}
  .circle-wrap{position:relative;width:clamp(190px,26vw,260px);height:clamp(190px,26vw,260px);margin:0 auto;flex:none;}
  .circle-back{position:absolute;width:88.5%;height:88.5%;border-radius:50%;background:var(--navy);top:0;left:0;}
  .circle-front{position:absolute;width:88.5%;height:88.5%;border-radius:50%;background:#fff;top:0;left:21%;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 1px rgba(11,21,80,.04);}
  .circle-front span{font-family:'Poppins';font-weight:700;font-size:clamp(17px,2.2vw,22px);color:var(--navy-text);line-height:1.3;}
  .stat-list{display:flex;flex-direction:column;gap:26px;}
  .stat-row{display:flex;align-items:center;gap:18px;}
  .stat-row .dot{width:16px;height:16px;border-radius:50%;background:var(--navy);flex:none;}
  .stat-row b{display:block;font-family:'Poppins';font-weight:700;font-size:clamp(22px,3vw,28px);color:var(--navy-text);}
  .stat-row span{color:var(--muted);font-size:14px;}

  /* News / reports list */
  .news-list{display:flex;flex-direction:column;gap:22px;}
  .news-row{display:flex;gap:0;border:1px solid var(--border);border-radius:3px;overflow:hidden;background:#fff;}
  .date-badge{background:var(--navy);color:#fff;flex:none;width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 0;}
  .date-badge .m{font-family:'Poppins';font-weight:700;font-size:16px;color:var(--orange);}
  .date-badge .y{font-family:'Poppins';font-weight:700;font-size:16px;color:#fff;}
  .news-body{padding:20px 26px;flex:1;min-width:0;}
  .news-row .metaline{font-size:12.5px;color:var(--muted);margin-bottom:6px;}
  .news-row .metaline a{color:#2255CC;text-decoration:underline;}
  .news-row .metaline b{color:var(--text);}
  .news-row h3{font-size:17px;margin-bottom:6px;}
  .news-row p{color:var(--muted);font-size:13.5px;}
  .center-btn{text-align:center;margin-top:36px;}

  /* Blog grid */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .blog-card{display:block;border:1px solid var(--border);border-radius:3px;overflow:hidden;transition:.2s ease;}
  .blog-card:hover{box-shadow:0 10px 26px rgba(11,21,80,.1);transform:translateY(-2px);}
  .blog-card .thumb{height:190px;background-size:cover;background-position:center;}
  .blog-card .body{padding:22px;}
  .blog-card h3{font-size:15.5px;margin-bottom:12px;}
  .blog-card p{color:var(--muted);font-size:13px;}

  /* Referanslarımız Sayfası (referanslarimiz.php) - tüm satırlarda 3 eşit sütun */
  .references-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .reference-card{display:block;background:#fff;padding:14px;border:1px solid var(--navy-text);border-radius:8px;overflow:hidden;transition:.2s ease;}
  .reference-card:hover{box-shadow:0 10px 26px rgba(11,21,80,.1);transform:translateY(-2px);}
  .reference-card img{display:block;width:150px;height:150px;max-width:100%;margin:0 auto;object-fit:contain;object-position:center;background:#fff;}
  .reference-card-title{padding:14px 2px 0;font-size:14px;font-weight:600;color:var(--navy-text);text-align:center;}

  /* Özel Sayfalar (sayfa.php) ve Blog Detay (yazi.php) */
  .page-section{padding:64px 0 76px;}
  .page-title-main{font-size:clamp(26px,4vw,36px);font-weight:800;margin-bottom:28px;color:var(--navy-text);}
  .post-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px;}
  .post-back{font-size:13.5px;font-weight:600;color:var(--navy-text);}
  .post-back:hover{color:var(--orange-dark);}
  .post-date{font-size:13px;color:var(--muted);}
  .post-cover{width:100%;height:320px;border-radius:6px;background-size:cover;background-position:center;margin-bottom:32px;}

  /* Zengin metin editöründen (Quill) gelen içeriğin tipografisi */
  .page-content{color:var(--text);font-size:15.5px;line-height:1.85;}
  .page-content h1{font-size:28px;font-weight:800;color:var(--navy-text);margin:32px 0 16px;}
  .page-content h2{font-size:23px;font-weight:700;color:var(--navy-text);margin:30px 0 14px;}
  .page-content h3{font-size:19px;font-weight:700;color:var(--navy-text);margin:26px 0 12px;}
  .page-content p{margin-bottom:18px;}
  .page-content ul, .page-content ol{margin:0 0 18px 22px;}
  .page-content li{margin-bottom:6px;}
  .page-content a{color:var(--orange-dark);text-decoration:underline;}
  .page-content img{max-width:100%;border-radius:6px;margin:20px 0;}

  /* Makale içeriğine art arda eklenen görseller otomatik galeriye dönüşür (bkz. assets/main.js) */
  .content-gallery{display:grid;gap:8px;margin:24px 0;border-radius:10px;overflow:hidden;}
  .content-gallery img{width:100%;height:100%;margin:0;border-radius:0;display:block;object-fit:cover;}
  .content-gallery.cg-2{grid-template-columns:1fr 1fr;grid-auto-rows:280px;}
  .content-gallery.cg-3{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;height:420px;}
  .content-gallery.cg-3 img:first-child{grid-row:1 / span 2;}
  .content-gallery.cg-4{grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(3,1fr);height:480px;}
  .content-gallery.cg-4 img:first-child{grid-row:1 / span 3;}
  .content-gallery.cg-many{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;}
  .page-content img.is-zoomable{cursor:zoom-in;transition:opacity .15s ease;}
  .page-content img.is-zoomable:hover{opacity:.92;}

  /* İçerik görselleri için lightbox (büyütme) */
  .content-lightbox{position:fixed;inset:0;background:rgba(10,14,30,.92);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s ease;}
  .content-lightbox.open{opacity:1;visibility:visible;}
  .content-lightbox .cl-img{max-width:90vw;max-height:85vh;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
  .content-lightbox .cl-close{position:absolute;top:18px;right:22px;background:none;border:none;color:#fff;font-size:34px;line-height:1;cursor:pointer;padding:6px 12px;}
  .content-lightbox .cl-prev, .content-lightbox .cl-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.14);border:none;color:#fff;font-size:20px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s ease;}
  .content-lightbox .cl-prev:hover, .content-lightbox .cl-next:hover{background:rgba(255,255,255,.28);}
  .content-lightbox .cl-prev{left:16px;}
  .content-lightbox .cl-next{right:16px;}
  .content-lightbox .cl-counter{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:600;background:rgba(255,255,255,.14);padding:6px 14px;border-radius:20px;}
  .page-content blockquote{border-left:3px solid var(--orange);padding:6px 0 6px 18px;color:var(--muted);font-style:italic;margin:20px 0;}
  .page-content strong, .page-content b{color:var(--navy-text);}
  .page-content pre{background:#F3F5FA;padding:14px 16px;border-radius:6px;overflow-x:auto;margin-bottom:18px;}
  .page-content code{background:#F3F5FA;padding:2px 6px;border-radius:4px;font-size:13.5px;}

  .post-related{margin-top:56px;padding-top:40px;border-top:1px solid var(--border);}
  .post-related h3{font-size:18px;margin-bottom:22px;color:var(--navy-text);}

  /* İletişim Sayfası */
  .contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:start;}
  .contact-info-card, .contact-form-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:28px 26px;}
  .contact-info-card h3, .contact-form-card h3{font-size:17px;margin-bottom:20px;color:var(--navy-text);}
  .contact-info-item{margin-bottom:18px;font-size:14px;color:var(--text);display:flex;gap:10px;line-height:1.6;}
  .contact-info-item a{color:var(--text);}
  .contact-info-item a:hover{color:var(--orange-dark);}
  .contact-form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--navy-text);}
  .contact-form input[type=text], .contact-form input[type=email], .contact-form textarea{
    width:100%;padding:11px 13px;border:1px solid #D9DEE8;border-radius:5px;font-size:14px;font-family:inherit;margin-bottom:18px;background:#fafbfd;
  }
  .contact-form input:focus, .contact-form textarea:focus{outline:none;border-color:var(--navy);background:#fff;}
  .contact-form textarea{resize:vertical;min-height:130px;}
  .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
  .hp-field{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;overflow:hidden;}
  .form-alert{padding:13px 16px;border-radius:6px;margin-bottom:20px;font-size:13.5px;font-weight:500;}
  .form-alert-success{background:#E9F7EF;color:#1E7A46;border:1px solid #BFE6CE;}
  .form-alert-error{background:#FDECEA;color:#B3261E;border:1px solid #F5C6C2;}

  /* Blog Arşiv Sayfası */
  .blog-grid-archive{grid-template-columns:repeat(3,1fr);}
  .blog-card-date{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}

  /* Hizmet Detay Sayfası (hizmet.php) */
  .service-detail-layout{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start;}
  .service-detail-main .post-back{display:inline-block;margin-bottom:18px;}
  .service-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:22px;}
  .service-detail-icon{flex:none;width:56px;height:56px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;}
  .service-detail-icon svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7;}
  .service-cta-box{margin-top:40px;padding:28px 26px;background:var(--gray-bg);border-radius:8px;text-align:center;}
  .service-cta-box h3{font-size:16px;margin-bottom:16px;color:var(--navy-text);}

  .service-sidebar{position:sticky;top:24px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:22px;}
  .service-sidebar h3{font-size:14.5px;margin-bottom:16px;color:var(--navy-text);text-transform:uppercase;letter-spacing:.03em;}
  .service-sidebar-list{list-style:none;margin:0 0 18px;padding:0;}
  .service-sidebar-list li{border-bottom:1px solid var(--border);}
  .service-sidebar-list li:last-child{border-bottom:none;}
  .service-sidebar-list a{display:flex;align-items:center;gap:12px;padding:13px 2px;color:var(--text);font-size:13.5px;font-weight:500;transition:.15s ease;}
  .service-sidebar-list a:hover{color:var(--orange-dark);padding-left:6px;}
  .service-sidebar-list a.active{color:var(--orange-dark);font-weight:700;}
  .service-sidebar-list a.active .service-sidebar-icon{background:var(--orange-dark);}
  .service-sidebar-list a.active .service-sidebar-icon svg{stroke:#fff;}
  .service-sidebar-icon{flex:none;width:30px;height:30px;border-radius:50%;background:var(--gray-bg);display:flex;align-items:center;justify-content:center;}
  .service-sidebar-icon svg{width:15px;height:15px;stroke:var(--navy);fill:none;stroke-width:1.8;}

  /* CTA + footer combined navy */
  .navy-block{background:var(--navy);color:#fff;position:relative;overflow:hidden;}
  .navy-block::before{
    content:"";position:absolute;inset:0;opacity:.06;
    background-image:radial-gradient(circle,#fff 1px,transparent 1px);
    background-size:14px 14px;
  }
  .cta-row{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.14);flex-wrap:wrap;gap:16px;}
  .cta-row h2{color:#fff;font-size:clamp(15px,2.3vw,18px);letter-spacing:.02em;font-weight:700;}
  footer{position:relative;z-index:1;padding:56px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:40px;padding-bottom:36px;}
  .foot-grid > div{min-width:0;}
  .contact-block span{word-break:break-word;}
  .foot-grid h5{color:#fff;font-size:14.5px;margin-bottom:20px;font-family:'Poppins';font-weight:600;}
  .industries-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
  .foot-grid li{margin-bottom:11px;font-size:13px;color:#B9C2D6;}
  .foot-grid li a:hover{color:#fff;}
  .contact-block{margin-bottom:16px;font-size:13px;color:#B9C2D6;display:flex;gap:8px;}
  .social-row{display:flex;gap:10px;margin-top:16px;}
  .social-row a{width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:13px;}
  .social-row a:hover{background:rgba(255,255,255,.12);}
  .foot-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14);padding:18px 0;font-size:12.5px;color:#93A0BC;text-align:center;}

  /* ===== Responsive breakpoints ===== */

  /* Tablet (<=1024px): tighten grids and spacing */
  @media(max-width:1024px){
    .wrap{padding:0 20px;}
    .services-grid{gap:16px;}
    .why-us-grid{gap:30px 24px;}
    nav.mainnav{gap:18px;font-size:12px;}
  }

  /* Small tablet / large phone (<=900px): stack hero, enable mobile nav */
  @media(max-width:900px){
    .hero .wrap{grid-template-columns:1fr;}
    .hero-img{min-height:260px;order:-1;}
    .research-band .wrap, .stats-sec .wrap{grid-template-columns:1fr;}
    .research-band .imgside{min-height:220px;order:-1;}
    .stats-sec .wrap{justify-items:center;text-align:center;}
    .stats-sec .stat-list{width:100%;max-width:360px;}
    .services-grid, .why-us-grid, .blog-grid{grid-template-columns:1fr 1fr;}
    .references-columns{grid-template-columns:1fr 1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .cta-row{flex-direction:column;gap:16px;align-items:flex-start;}

    /* Mobile navigation */
    .hamburger{display:flex;}
    .header-actions .btn{display:none;} /* hide inline header CTA — moved into mobile menu below */
    .header-actions{gap:0;}
    nav.mainnav{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:0;
      position:fixed;
      top:0; right:0;
      width:min(320px,82vw);
      height:100vh;
      background:#fff;
      padding:96px 30px 30px;
      box-shadow:-14px 0 40px rgba(11,21,80,.16);
      transform:translateX(100%);
      transition:transform .3s ease;
      z-index:150;
      overflow-y:auto;
    }
    nav.mainnav.open{transform:translateX(0);}
    nav.mainnav a{width:100%;padding:14px 0;font-size:14.5px;border-bottom:1px solid var(--border);text-transform:none;letter-spacing:0;}
    nav.mainnav a::after{display:none;}
    .mobile-cta{display:inline-flex;margin-top:22px;border-bottom:none !important;justify-content:center;width:100%;}
    .nav-overlay{
      display:block;position:fixed;inset:0;background:rgba(11,21,80,.45);
      opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:140;
    }
    .nav-overlay.open{opacity:1;pointer-events:auto;}

    /* Hizmetlerimiz alt menüsü - mobilde dokunarak aç/kapa */
    .nav-item.has-submenu{width:100%;flex-wrap:wrap;border-bottom:1px solid var(--border);}
    .nav-item.has-submenu > a{width:auto;flex:1;border-bottom:none;}
    .submenu-toggle{display:flex;width:34px;height:34px;flex:none;}
    .submenu{
      position:static;flex:1 1 100%;order:3;
      opacity:1;visibility:visible;transform:none;
      background:none;border:none;box-shadow:none;padding:0 0 0 12px;margin:0;
      max-height:0;overflow:hidden;transition:max-height .25s ease;
    }
    .nav-item.has-submenu.open .submenu{max-height:600px;padding-bottom:8px;}
    nav.mainnav .submenu a{width:100%;padding:11px 0;font-size:13.5px;border-bottom:1px dashed var(--border);}
    nav.mainnav .submenu a:last-child{border-bottom:none;}
  }

  /* Phones (<=680px) */
  @media(max-width:680px){
    .wrap{padding:0 18px;}
    section{padding:36px 0;}
    .content-gallery.cg-2, .content-gallery.cg-3, .content-gallery.cg-4, .content-gallery.cg-many{
      grid-template-columns:1fr;grid-auto-rows:220px;height:auto;
    }
    .content-gallery.cg-3 img:first-child, .content-gallery.cg-4 img:first-child{grid-row:auto;}
    .content-lightbox .cl-prev, .content-lightbox .cl-next{width:38px;height:38px;font-size:16px;}
    .content-lightbox .cl-close{top:10px;right:14px;font-size:28px;}
    .content-lightbox .cl-img{max-width:94vw;max-height:78vh;}
    .topbar{font-size:11.5px;}
    .topbar .contacts{gap:14px;}
    header{padding:12px 0;}
    header .wrap{gap:14px;}
    .logo .mark{width:32px;height:32px;}
    .logo .mark-img{height:min(var(--logo-h,40px), 32px);}
    .logo .mark-img img{max-width:min(var(--logo-mw,150px), 110px);}
    .header-actions .btn{padding:9px 14px;font-size:12px;}
    .hero h1 .line2{text-align:left;padding-right:0;}
    .hero .btns{gap:10px;}
    .hero .btns .btn{flex:0 1 auto;padding:10px 18px;font-size:13px;}
    .hero-arrow{width:34px;height:34px;font-size:17px;}
    .hero-arrow-prev{left:10px;}
    .hero-arrow-next{right:10px;}
    .hero-dots{bottom:10px;}
    .research-band .textside{text-align:left;}
    .services-grid, .why-us-grid, .blog-grid, .industries-cols{grid-template-columns:1fr;}
    .references-columns{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;gap:32px;}
    .news-row{flex-direction:column;}
    .date-badge{flex-direction:row;width:100%;gap:8px;padding:10px;}
    .service-card{height:auto;min-height:220px;}
    .btn{padding:11px 20px;font-size:13.5px;}
    .post-cover{height:200px;}
    .page-section{padding:36px 0 50px;}
    .contact-layout{grid-template-columns:1fr;}
    .contact-form .form-row{grid-template-columns:1fr;}
    .service-detail-layout{grid-template-columns:1fr;}
    .service-sidebar{position:static;}
  }

  /* Small phones (<=420px) */
  @media(max-width:420px){
    .wrap{padding:0 14px;}
    .hero h1{font-size:26px;}
    .sec-title-center{font-size:22px;}
    .circle-wrap{width:170px;height:170px;}
    .stat-row b{font-size:20px;}
    .hero .btns .btn{padding:9px 15px;font-size:12.5px;gap:6px;}
    nav.mainnav{width:100%;padding:88px 22px 24px;}
  }