/* Corporate Reskin v2 (Lively) */
:root{--brand-950:#071B44;--brand-900:#0A2C6E;--brand-800:#0B3D91;--brand-700:#0E4FB1;--brand-600:#1A61CA;--brand-500:#2B72D8;--brand-100:#EAF2FF;--ink-950:#090F1A;--ink-900:#0B1220;--ink-800:#1C2433;--ink-700:#2B3648;--ink-600:#3C4B60;--ink-500:#566074;--ink-300:#A5AEBD;--ink-200:#CFD6E1;--ink-100:#E8ECF3;--focus:#6AA9FF;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-md:0 10px 30px rgba(17,24,39,.12);--shadow-sm:0 2px 10px rgba(17,24,39,.08)}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,system-ui,-apple-system,"Noto Sans","Liberation Sans",sans-serif;color:var(--ink-800);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.navbar,header .navbar,.navbar-default,.navbar-inverse{background:linear-gradient(90deg,var(--brand-950),var(--brand-800))!important;border:none!important;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:999}
.navbar .navbar-brand,.navbar-brand{font-weight:800;color:#fff!important;letter-spacing:.2px;display:flex;align-items:center;gap:12px}
.navbar .navbar-brand img,.navbar-brand img,img.logo{max-height:44px;height:auto;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));image-rendering:-webkit-optimize-contrast}
.navbar-nav>li>a,.nav>li>a{color:#E8F0FF!important;font-weight:600;padding:14px 16px;position:relative;transition:color .18s ease}
.navbar-nav>li>a::after,.nav>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;background:linear-gradient(90deg,#7FB3FF,#E3ECFF);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.navbar-nav>li>a:hover::after,.nav>li>a:focus::after{transform:scaleX(1)}.navbar-nav>li>a:hover,.nav>li>a:focus{color:#fff!important}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes floaty{0%{transform:translateY(0) translateX(0);opacity:.6}50%{transform:translateY(-6px) translateX(4px);opacity:.9}100%{transform:translateY(0) translateX(0);opacity:.6}}
.hero,.page-title,.tp-banner-container,.tp-banner,.rev_slider_wrapper{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--brand-900),var(--brand-700),var(--brand-600));background-size:200% 200%;animation:gradientShift 12s ease infinite;color:#fff}
.hero::before,.page-title::before{content:"";position:absolute;inset:-10% -10% auto -10%;height:140%;pointer-events:none;background:radial-gradient(180px 120px at 15% 20%,rgba(255,255,255,.18),transparent 60%),radial-gradient(240px 180px at 85% 30%,rgba(255,255,255,.10),transparent 60%),radial-gradient(180px 140px at 60% 80%,rgba(255,255,255,.12),transparent 60%);animation:floaty 8s ease-in-out infinite}
.hero .container,.page-title .container{padding:72px 0}.hero h1,.page-title h1{font-size:clamp(34px,5.6vw,56px);font-weight:800;letter-spacing:-.02em;color:#fff}.hero p.lead,.page-title p.lead{font-size:18px;color:#F1F6FF;opacity:.95}
.section{padding:64px 0}.section.alt{background:linear-gradient(180deg,#fff 0%,#F6F9FF 100%)}
.card,.panel,.box,.thumbnail{border:1px solid var(--ink-100)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}
.card:hover,.panel:hover,.box:hover,.thumbnail:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn,.button,.btn-default,.btn-primary,.btn-info,.btn-success{border-radius:var(--radius-md)!important;padding:10px 18px!important;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background .18s ease,border-color .18s ease}
.btn-primary,.btn-info{background:linear-gradient(90deg,var(--brand-700),var(--brand-600))!important;border:0!important;color:#fff!important}
.btn-primary:hover,.btn-info:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active,.btn-info:active{transform:translateY(0);box-shadow:none}
.btn-default,.btn-outline,.btn-secondary{background:#fff!important;border:1px solid var(--ink-200)!important;color:var(--ink-800)!important}
.btn-default:hover{border-color:var(--brand-600)!important;color:var(--brand-700)!important;transform:translateY(-1px)}
h1,h2,h3,h4{color:var(--ink-900);line-height:1.2;margin-top:.6em;margin-bottom:.4em}p{margin:0 0 1rem 0;color:var(--ink-700)}
table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid var(--ink-100)}thead th{background:#F4F8FF;color:var(--ink-700);font-weight:700}
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select,.form-control{background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-sm);padding:10px 12px;outline:none;width:100%;transition:border-color .18s ease,box-shadow .18s ease}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%, transparent)}
footer,.footer,#footer{background:radial-gradient(1200px 500px at 10% -20%,#183B7A,var(--brand-950));color:#E8F0FF;padding:48px 0}footer a,.footer a{color:#D6E5FF}footer .copyright{color:#B7CDFE}
.shadow-md{box-shadow:var(--shadow-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-md{border-radius:var(--radius-md)!important}.text-muted{color:var(--ink-500)!important}.text-center{text-align:center!important}
img{border-radius:8px}img.logo{border-radius:0}
.breadcrumb{background:#282827!important;border:1px solid var(--ink-100);border-radius:var(--radius-sm)}
.alert-info,.alert-success,.alert-warning,.alert-danger{border-radius:var(--radius-sm);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm)}
.alert-info{background:#EEF5FF;color:#113A7B}.alert-success{background:#E7FAF3;color:#0C6349;border-color:#BFE9D9}.alert-warning{background:#FFF4E0;color:#7A4F00;border-color:#FFE2B3}.alert-danger{background:#FDEBEC;color:#7E1F1C;border-color:#F6C2C1}
/* --- B2B CTA Button (navbar) --- */
.navbar .btn-b2b {
  background: #FFA500 !important;  /* turuncu */
  color: #111 !important;           /* siyah yazı */
  border-radius: 12px;
  padding: 10px 14px !important;
  display: inline-block;
  margin: 8px 0 8px 8px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
  border: 1px solid rgba(0,0,0,.08);
  text-decoration: none !important;
  transform: translateZ(0);
  transition: transform .12s ease, box-shadow .12s ease, filter .18s ease;
}
.navbar .btn-b2b:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.28);
}
.navbar .btn-b2b:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,.22);
}