@font-face{font-family:'Font Awesome 6 Free';font-display:swap}@font-face{font-family:'Font Awesome 6 Brands';font-display:swap}
:root{--b1:#0a2560;--b1-dk:#061540;--b2:#1458b8;--b2-dk:#0f48a0;--b2-lt:#2a74d4;--b3:#3d9be9;--b3-lt:#65b5f5;--b4:#e8f2fc;--wp:#25D366;--wp-dk:#1ebe5e;--off:#f4f8ff;--white:#ffffff;--gray-50:#f8faff;--gray-100:#edf2fb;--gray-200:#d8e4f5;--gray-400:#8fa8cc;--gray-600:#4d6a94;--gray-800:#1a2d4a;--text:#0f1f38;--orange:#f5600a;--orange-dk:#c94a06;--orange-lt:#ff7d35;--radius:10px;--radius-lg:18px;--shadow:0 4px 20px rgba(10,37,96,.08);--shadow-lg:0 14px 50px rgba(10,37,96,.16);--trans:.22s cubic-bezier(.4,0,.2,1);--f-head:'Playfair Display',Georgia,serif;--f-body:'Plus Jakarta Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f-body);color:var(--text);background:var(--off);line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
input,button,textarea,select{font-family:inherit}
html,body{overflow-x:hidden!important}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.section{padding:72px 0}.section-sm{padding:48px 0}
.text-center{text-align:center}
.badge{display:inline-flex;align-items:center;gap:7px;background:rgba(20,88,184,.12);color:var(--b2);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:50px;margin-bottom:12px}
.badge-light{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}
.badge-navy{background:rgba(10,37,96,.1);color:var(--b1)}
.section-title{font-family:var(--f-head);font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:900;line-height:1.18;color:var(--b1);margin-bottom:12px}
.section-title em{color:var(--b3);font-style:normal}
.section-sub{font-size:.97rem;color:var(--gray-600);max-width:560px;line-height:1.75}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:50px;font-family:var(--f-body);font-size:.93rem;font-weight:700;cursor:pointer;border:none;transition:var(--trans)}
.btn-blue,.btn-orange{background:var(--b2);color:#fff;box-shadow:0 6px 20px rgba(20,88,184,.32)}
.btn-blue:hover,.btn-orange:hover{background:var(--b2-dk);transform:translateY(-2px)}
.btn-blue2{background:var(--b3);color:#fff;box-shadow:0 6px 20px rgba(61,155,233,.3)}
.btn-blue2:hover{background:var(--b2);transform:translateY(-2px)}
.btn-wp{background:var(--wp);color:#fff;box-shadow:0 6px 20px rgba(37,211,102,.28)}
.btn-wp:hover{background:var(--wp-dk);transform:translateY(-2px)}
.btn-white{background:#fff;color:var(--b2)}
.btn-white:hover{background:var(--b4)}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.btn-outline:hover{background:rgba(255,255,255,.12)}
.topbar{background:var(--b1-dk);color:rgba(255,255,255,.72);font-size:.75rem;font-weight:600;padding:8px 0}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.topbar a{color:var(--b3-lt);transition:var(--trans)}
.topbar a:hover{color:#fff}
.topbar-right{display:flex;gap:18px}
.topbar-item{display:flex;align-items:center;gap:6px}
.header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-100);box-shadow:0 2px 16px rgba(10,37,96,.07)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--b1) 0%,var(--b2) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 14px rgba(10,37,96,.3)}
.logo-text strong{display:block;font-size:.97rem;font-weight:800;color:var(--b1);letter-spacing:-.02em}
.logo-text span{font-size:.65rem;color:var(--gray-400);font-weight:600;display:block}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{padding:8px 13px;border-radius:9px;font-size:.86rem;font-weight:600;color:var(--gray-800);transition:var(--trans)}
.nav-links a:hover,.nav-links a.active{background:var(--b4);color:var(--b2)}
.nav-cta{display:flex;align-items:center;gap:9px;flex-shrink:0}
.nav-tel{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--b2),var(--b1));color:#fff;padding:9px 17px;border-radius:50px;font-weight:800;font-size:.86rem;text-decoration:none;transition:var(--trans);box-shadow:0 4px 16px rgba(10,37,96,.28);white-space:nowrap}
.nav-tel:hover{background:linear-gradient(135deg,var(--b2-lt),var(--b2))}
.nav-wp{display:flex;align-items:center;gap:7px;background:var(--wp);color:#fff;padding:9px 14px;border-radius:50px;font-weight:700;font-size:.82rem;text-decoration:none;transition:var(--trans)}
.nav-wp:hover{background:var(--wp-dk)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none}
.hamburger span{display:block;width:22px;height:2.5px;background:var(--b1);border-radius:2px;transition:var(--trans)}
.mobile-menu{display:none;background:#fff;border-top:2px solid var(--gray-100);padding:8px 0 16px}
.mobile-menu.open{display:block}
.mobile-menu a{display:flex;align-items:center;gap:10px;padding:13px 20px;font-weight:600;font-size:.93rem;color:var(--gray-800);border-bottom:1px solid var(--gray-100);transition:var(--trans)}
.mobile-menu a:hover{color:var(--b2);background:var(--b4)}
.mobile-menu .m-tel{background:linear-gradient(135deg,var(--b2),var(--b1))!important;color:#fff!important;margin:10px 16px 4px;border-radius:12px;border-bottom:none!important;justify-content:center;font-weight:800;font-size:1rem}
.mobile-menu .m-wp{background:var(--wp)!important;color:#fff!important;margin:0 16px 0;border-radius:12px;border-bottom:none!important;justify-content:center;font-weight:700;font-size:.93rem}
.sticky-tel{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:linear-gradient(90deg,var(--b1),var(--b2));color:#fff;text-align:center;padding:14px;font-size:.98rem;font-weight:800;gap:9px;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 -4px 20px rgba(10,37,96,.3)}
.ib-strip{background:linear-gradient(135deg,#0c1a36 0%,#1a2f5a 60%,#0f2347 100%);padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ib-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ib-card{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.05);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:9px 13px;gap:8px;transition:.22s ease;min-width:0}
.ib-card:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.ib-card a{text-decoration:none}
.ib-lft{display:flex;align-items:center;gap:8px;min-width:0}
.ib-ico{font-size:.85rem;flex-shrink:0;width:20px;text-align:center}
.ib-lbl{color:rgba(255,255,255,.6);font-size:.73rem;font-weight:600;white-space:nowrap}
.ib-val{color:#fff;font-size:.78rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.ib-val a{color:#fff;text-decoration:none}
.ib-val a:hover{text-decoration:underline}
.ib-ico-tel{color:#fbbf24}.ib-ico-brand{color:#67e8f9}.ib-ico-bolge{color:#6ee7b7}.ib-ico-talep{color:#67e8f9}.ib-ico-tamam{color:#fbbf24}
.ib-counter{display:inline-flex;align-items:center;gap:4px;background:rgba(20,88,184,.15);border:1px solid rgba(61,155,233,.3);border-radius:6px;padding:1px 7px;font-size:.8rem;font-weight:800;color:#65b5f5}
.ib-card-tel .ib-val a{color:#fde68a}
#cookieBanner{font-family:var(--f-body)}
@media(max-width:1024px){.ib-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
  .topbar-right{display:none}
  .nav-links,.nav-cta .nav-wp{display:none}
  .hamburger{display:flex}
  .nav-tel{font-size:.78rem;padding:8px 12px}
  .section{padding:48px 0}.section-sm{padding:36px 0}
  .sticky-tel{display:flex}
  body{padding-bottom:54px}
  .ib-grid{grid-template-columns:1fr!important}
  .ib-card{display:flex!important}
}
@media(max-width:680px){.ib-grid{grid-template-columns:1fr}.ib-card{display:flex!important}}
@media(max-width:560px){
  .container{padding:0 14px}
  .section{padding:38px 0}
  .hero-btns{flex-direction:column!important}
  .hero-btns .btn{width:100%;justify-content:center}
  .ib-grid{grid-template-columns:1fr!important}
  .ib-card{display:flex!important}
}
@media(max-width:480px){.ilce-grid{grid-template-columns:repeat(2,1fr)!important}.hero-stats{grid-template-columns:repeat(2,1fr)!important}}