@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --ink:#0c1428;
  --ink-2:#111d36;
  --blue:#147cf5;
  --blue-2:#0d5fce;
  --sky:#eaf4ff;
  --white:#fff;
  --muted:#61708a;
  --line:#dfe7f2;
  --soft:#f7fafe;
  --shadow:0 18px 42px rgba(13,34,69,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:auto}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section{padding:96px 0}
.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:99;padding:10px 14px;background:#fff;color:#000;border-radius:8px}
.topbar{background:#071224;color:#c6d4e8;font-size:.8rem}
.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:9px 0}
.topbar a{font-weight:800;color:#fff}
.navbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:3}
.site-header{background:var(--ink);color:#fff}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;min-width:210px}
.brand-mark{width:42px;height:42px;color:#2592ff;flex:0 0 auto}
.brand-mark-img{width:42px;height:42px;object-fit:contain;display:block;flex:0 0 auto}
.brand strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:1.12rem;line-height:1.1}
.brand small{display:block;color:#b9c8dd;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;margin-top:3px}
.nav-links{display:flex;align-items:center;gap:24px;font-size:.83rem;font-weight:700}
.nav-links>a{color:#d8e1ef;transition:.2s}
.nav-links>a:hover{color:#fff}
.nav-cta{background:var(--blue);color:#fff!important;padding:11px 16px;border-radius:7px}
.menu-toggle{display:none;background:none;border:0;color:#fff}
.hero{position:relative;min-height:650px;isolation:isolate;background:url("https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=2200&q=85") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,31,.94) 5%,rgba(5,13,31,.78) 48%,rgba(5,13,31,.48) 100%)}
.hero-content{padding:118px 0 88px;max-width:1180px}
.eyebrow{letter-spacing:.17em;text-transform:uppercase;font-weight:800;font-size:.74rem;color:#99caff;margin:0 0 18px}
.eyebrow.dark{color:var(--blue-2)}
.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.6rem,5vw,5rem);line-height:1.04;max-width:900px;letter-spacing:-.045em;margin:0}
.hero h1 span{color:#8cc8ff}
.hero-copy{max-width:640px;font-size:1.06rem;color:#d8e4f3;margin:28px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 21px;border-radius:7px;font-weight:800;font-size:.9rem;transition:.2s}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-2);transform:translateY(-1px)}
.btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-light{border:0;background:#fff;color:var(--ink);cursor:pointer}.btn-light:hover{transform:translateY(-1px)}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;font-size:.82rem;color:#d8e4f3}
.intro{background:#fff}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}
h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.08;letter-spacing:-.045em;margin:0}
.intro p{color:var(--muted);font-size:1.02rem;margin:0 0 22px}
.text-link{font-weight:800;color:var(--blue-2)}.text-link span{font-size:1.2rem;margin-left:7px}
.services{background:var(--soft)}
.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:36px}
.section-heading>p{max-width:420px;color:var(--muted);margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(13,34,69,.05);overflow:hidden;transition:.25s}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.service-card img{height:210px;object-fit:cover}
.service-card-body{padding:22px 22px 26px}
.service-number{color:var(--blue);font-weight:800;font-size:.78rem}
.service-card h3{font-family:"Space Grotesk",sans-serif;font-size:1.28rem;line-height:1.15;margin:10px 0}
.service-card p{font-size:.92rem;color:var(--muted);margin:0}
.solutions{background:var(--ink);color:#fff}
.solutions-grid{display:grid;grid-template-columns:1fr 1fr;min-height:540px}
.solutions-image{background:url("https://images.unsplash.com/photo-1582139329536-e7284fece509?auto=format&fit=crop&w=1400&q=85") center/cover no-repeat}
.solutions-content{padding:72px clamp(30px,6vw,86px);background:linear-gradient(135deg,#10234a,#0b1530)}
.solutions-content p{color:#c2d1e8}
.feature-list{padding:0;margin:28px 0;list-style:none;display:grid;gap:11px;font-size:.95rem}
.feature-list span{color:#73bbff;font-weight:900;margin-right:8px}
.stats{padding:0;background:var(--blue)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);color:#fff}
.stats-grid>div{padding:42px 24px;border-right:1px solid rgba(255,255,255,.24)}
.stats-grid>div:last-child{border:0}
.stats strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:3rem;line-height:1;margin-bottom:10px}
.stats span{font-size:.88rem;opacity:.9}
.centered{text-align:center}.muted{color:var(--muted);max-width:650px;margin:16px auto 36px}
.brand-row{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:24px}
.brand-item{min-height:96px;display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:18px}
.brand-item img{max-width:150px;max-height:42px;object-fit:contain;filter:grayscale(100%);opacity:.92;transition:.25s}
.brand-item:hover img{filter:none;opacity:1;transform:scale(1.03)}
.discovery{background:linear-gradient(135deg,#0f66d4,#0e91ed);color:#fff}
.discovery-grid{display:grid;grid-template-columns:1fr .88fr;gap:65px;align-items:center}
.discovery p{color:#dceeff}
.contact-points{display:grid;gap:10px;margin-top:26px;font-weight:800}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:rgba(255,255,255,.12);padding:25px;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.quote-form label{font-size:.78rem;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:0;border-radius:5px;background:#fff;color:var(--ink);font:inherit}.quote-form label:last-of-type,.quote-form .btn-light{grid-column:span 2}
.contact{background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.contact-grid p{color:var(--muted);max-width:520px}
.contact-list{display:grid;gap:1px;background:var(--line)}
.contact-list>*{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;padding:18px 20px}
.contact-list span{color:var(--muted);font-size:.82rem}.contact-list strong{font-size:.95rem}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:10;background:#24cc63;color:#fff;padding:13px 18px;border-radius:999px;font-weight:800;box-shadow:0 10px 24px rgba(12,73,33,.28)}
.site-footer{background:#071224;color:#a6bad2;padding:20px 0;font-size:.82rem}
.footer-inner{display:flex;justify-content:space-between;gap:20px}.site-footer a{color:#fff;font-weight:700}

@media(max-width:960px){
  .nav-links{gap:14px;font-size:.75rem}.brand{min-width:180px}
  .hero{min-height:590px}.section{padding:72px 0}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .intro-grid,.solutions-grid,.discovery-grid,.contact-grid{grid-template-columns:1fr;gap:35px}
  .solutions-image{min-height:320px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div{border-bottom:1px solid rgba(255,255,255,.24)}
  .brand-row{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .topbar-inner{font-size:.69rem}.topbar-inner span{display:none}
  .navbar{height:72px}.brand{min-width:auto}.brand small{display:none}
  .menu-toggle{display:grid;gap:4px;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#fff}
  .nav-links{position:absolute;top:72px;left:0;right:0;background:#09152d;display:none;flex-direction:column;align-items:stretch;padding:16px 20px 22px;box-shadow:0 18px 28px rgba(0,0,0,.18)}
  .nav-links.open{display:flex}.nav-links a{padding:10px 0}.nav-cta{text-align:center}
  .hero-content{padding:95px 0 74px}.hero{min-height:580px}.hero h1{font-size:clamp(2.4rem,11vw,3.6rem)}
  .section-heading{display:block}.section-heading>p{margin-top:18px}
  .service-grid{grid-template-columns:1fr}.service-card img{height:230px}
  .stats-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0}.stats-grid>div:nth-child(2){border-right:0}
  .brand-row{grid-template-columns:repeat(2,1fr)}
  .quote-form{grid-template-columns:1fr}.quote-form label:last-of-type,.quote-form .btn-light{grid-column:auto}
  .contact-list>*{display:block}.contact-list strong{display:block;margin-top:6px}
  .footer-inner{display:block}.footer-inner a{display:inline-block;margin-top:9px}
  .whatsapp{right:14px;bottom:14px;padding:12px 15px;font-size:.82rem}
}


/* DardanOS - added solution, reference and form styles */
.solutions{background:linear-gradient(135deg,#081a35,#102e5e);color:#fff}
.solutions-heading{margin-bottom:40px}
.solution-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.solution-case{border:1px solid rgba(171,216,255,.24);background:rgba(255,255,255,.055);padding:28px;min-height:220px;transition:.25s}
.solution-case:hover{transform:translateY(-5px);background:rgba(255,255,255,.09);border-color:rgba(171,216,255,.48)}
.case-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#1986ff;color:#fff;font-size:1.25rem;font-weight:800;margin-bottom:20px}
.solution-case h3{font-family:"Space Grotesk",sans-serif;font-size:1.22rem;line-height:1.2;margin:0 0 10px}
.solution-case p{color:#c7d9ed;font-size:.92rem;margin:0}
.solution-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;padding-top:30px;border-top:1px solid rgba(171,216,255,.2)}
.solution-process>div{display:flex;align-items:center;gap:12px}
.solution-process strong{font-family:"Space Grotesk",sans-serif;font-size:1.7rem;color:#76bfff}
.solution-process span{font-size:.86rem;color:#e5f0fb;font-weight:700}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0}
.reference-card{background:linear-gradient(145deg,#0a2144,#123b71);color:#fff;padding:28px;min-height:220px;position:relative;overflow:hidden}
.reference-card:after{content:"";position:absolute;width:140px;height:140px;border:22px solid rgba(141,211,255,.12);border-radius:50%;right:-55px;top:-55px}
.reference-label{font-size:.7rem;letter-spacing:.15em;font-weight:800;color:#9fd7ff}
.reference-card h3{font-family:"Space Grotesk",sans-serif;font-size:1.5rem;line-height:1.15;margin:18px 0 12px;position:relative;z-index:1}
.reference-card p{font-size:.92rem;color:#c7d9ed;margin:0;position:relative;z-index:1}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.form-note{grid-column:span 2;margin:0;color:#e7f4ff;font-size:.78rem}
.form-status{display:none;margin:0 0 22px;padding:14px 17px;border-radius:8px;font-weight:700}
.form-status.success{display:block;color:#0b4a27;background:#dff8e9;border:1px solid #8bd9a8}
.form-status.error{display:block;color:#791a25;background:#ffe3e6;border:1px solid #ef9ca7}
@media(max-width:960px){
  .solution-case-grid,.reference-grid{grid-template-columns:repeat(2,1fr)}
  .solution-process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .solution-case-grid,.reference-grid,.solution-process{grid-template-columns:1fr}
  .form-note{grid-column:auto}
}


/* İletişim bölümü için daha sade ve kurumsal yazı tipi */
.contact,
.contact h2,
.contact p,
.contact-list,
.contact-list span,
.contact-list strong{
  font-family:"Montserrat", Arial, sans-serif;
}
.contact h2{
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1.15;
}
.contact p{
  font-weight:500;
}
.contact-list span{
  font-weight:500;
}
.contact-list strong{
  font-weight:700;
}


/* Contact section redesign inspired by modern map-card layout */
.contact-pro{background:#f5f8fc}
.contact-pro-heading{align-items:end;margin-bottom:34px}
.contact-pro-heading h2{max-width:620px}
.contact-pro-heading>p{max-width:480px;color:var(--muted)}
.contact-showcase{position:relative;min-height:540px;border-radius:18px;overflow:hidden;background:#dfe8f3;border:1px solid rgba(9,36,71,.08);box-shadow:0 20px 50px rgba(10,31,62,.12)}
.contact-map-frame{height:540px}
.contact-map-frame iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.08) saturate(.9) contrast(1.02)}
.contact-card-pro{position:absolute;right:34px;top:50%;transform:translateY(-50%);width:min(360px,calc(100% - 40px));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-radius:18px;padding:28px;box-shadow:0 22px 55px rgba(7,18,36,.22);border:1px solid rgba(10,102,212,.12)}
.contact-card-brand{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:14px;border-bottom:1px solid #e7edf5}
.contact-card-brand img{width:54px;height:54px;object-fit:contain}
.contact-card-brand strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:1.55rem;line-height:1;color:#0a1f3e}
.contact-card-brand span{display:block;margin-top:6px;font-size:.82rem;font-weight:700;color:#4f6d91;letter-spacing:.04em;text-transform:uppercase}
.contact-card-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #edf2f8;color:inherit}
.contact-card-item:last-of-type{border-bottom:1px solid #edf2f8}
.contact-icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#0f66d4;font-size:1.15rem;font-weight:800}
.contact-card-item small{display:block;margin-bottom:4px;color:#7287a2;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.contact-card-item strong{display:block;color:#0b2142;font-size:1rem;line-height:1.45}
.contact-card-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:20px}
.contact-card-actions .btn{min-width:140px;justify-content:center}
@media(max-width:960px){
  .contact-showcase{min-height:auto}
  .contact-map-frame{height:420px}
  .contact-card-pro{position:relative;right:auto;top:auto;transform:none;width:auto;margin: -40px 18px 18px}
}
@media(max-width:700px){
  .contact-pro-heading{display:block}
  .contact-pro-heading>p{margin-top:12px}
  .contact-map-frame{height:340px}
  .contact-card-pro{padding:22px}
  .contact-card-brand strong{font-size:1.3rem}
  .contact-card-actions{display:grid;grid-template-columns:1fr}
  .contact-card-actions .btn{width:100%}
}


.contact-hours strong{font-size:.92rem;margin-top:3px}
.contact-card-item[href]:hover{background:#f7fbff}


/* İletişim kartı taşma düzeltmesi */
@media (min-width: 961px){
  .contact-showcase{
    min-height:680px;
  }
  .contact-map-frame{
    height:680px;
  }
  .contact-card-pro{
    width:min(380px,calc(100% - 68px));
    padding:24px;
  }
  .contact-card-brand{
    padding-bottom:14px;
    margin-bottom:10px;
  }
  .contact-card-item{
    padding:11px 0;
  }
  .contact-card-item strong{
    font-size:.94rem;
    line-height:1.38;
  }
  .contact-card-actions{
    padding-top:16px;
  }
  .contact-card-actions .btn{
    min-width:132px;
    padding:12px 14px;
  }
}


/* İletişim haritası ve bilgi kartı: daha kompakt görünüm */
.contact-pro,
.contact-pro-heading,
.contact-card-pro,
.contact-card-pro *{
  font-family:"Manrope", Arial, sans-serif;
}

@media (min-width: 961px){
  .contact-showcase{
    min-height:590px;
  }
  .contact-map-frame{
    height:590px;
  }
  .contact-card-pro{
    width:min(335px,calc(100% - 56px));
    padding:20px;
  }
  .contact-card-brand{
    gap:12px;
    padding-bottom:12px;
    margin-bottom:8px;
  }
  .contact-card-brand img{
    width:46px;
    height:46px;
  }
  .contact-card-brand strong{
    font-size:1.28rem;
  }
  .contact-card-brand span{
    font-size:.70rem;
    margin-top:4px;
  }
  .contact-card-item{
    gap:11px;
    padding:9px 0;
  }
  .contact-icon{
    flex:0 0 38px;
    width:38px;
    height:38px;
    font-size:1rem;
  }
  .contact-card-item small{
    font-size:.68rem;
    margin-bottom:2px;
  }
  .contact-card-item strong{
    font-size:.86rem;
    line-height:1.32;
  }
  .contact-card-actions{
    padding-top:13px;
    gap:9px;
  }
  .contact-card-actions .btn{
    min-width:120px;
    padding:10px 12px;
    font-size:.78rem;
  }
}


/* İletişim alanı: kesin kompakt ölçü ve yeni yazı tipi */
.contact-pro,
.contact-pro *{
  font-family:"DM Sans", Arial, sans-serif !important;
}

@media (min-width: 961px){
  .contact-pro{
    padding-top:62px !important;
    padding-bottom:62px !important;
  }
  .contact-showcase{
    min-height:470px !important;
    max-height:470px !important;
    border-radius:14px !important;
  }
  .contact-map-frame{
    height:470px !important;
  }
  .contact-card-pro{
    width:300px !important;
    right:22px !important;
    padding:16px !important;
    border-radius:14px !important;
  }
  .contact-card-brand{
    gap:10px !important;
    padding-bottom:10px !important;
    margin-bottom:4px !important;
  }
  .contact-card-brand img{
    width:38px !important;
    height:38px !important;
  }
  .contact-card-brand strong{
    font-family:"DM Sans", Arial, sans-serif !important;
    font-size:1.10rem !important;
    font-weight:700 !important;
    letter-spacing:-.02em !important;
  }
  .contact-card-brand span{
    font-size:.59rem !important;
    line-height:1.25 !important;
    margin-top:2px !important;
  }
  .contact-card-item{
    gap:9px !important;
    padding:7px 0 !important;
  }
  .contact-icon{
    flex:0 0 31px !important;
    width:31px !important;
    height:31px !important;
    font-size:.82rem !important;
  }
  .contact-card-item small{
    font-size:.58rem !important;
    line-height:1.15 !important;
    margin-bottom:2px !important;
  }
  .contact-card-item strong{
    font-family:"DM Sans", Arial, sans-serif !important;
    font-size:.75rem !important;
    line-height:1.26 !important;
    font-weight:700 !important;
  }
  .contact-card-actions{
    padding-top:10px !important;
    gap:7px !important;
  }
  .contact-card-actions .btn{
    min-width:0 !important;
    padding:8px 10px !important;
    font-size:.68rem !important;
    border-radius:6px !important;
  }
}


/* WhatsApp butonu: sadece ikon */
.whatsapp{
  width:56px !important;
  height:56px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
}
.whatsapp svg{
  width:28px;
  height:28px;
  display:block;
}
@media(max-width:700px){
  .whatsapp{
    width:50px !important;
    height:50px !important;
  }
  .whatsapp svg{
    width:25px;
    height:25px;
  }
}


/* Çözüm ortakları / marka alanı */
.partner-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:36px;
}
.partner-card{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:#ffffff;
  border:1px solid #dbe5f1;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(13,34,69,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.partner-card:hover{
  transform:translateY(-5px);
  border-color:#a9cef8;
  box-shadow:0 18px 32px rgba(13,34,69,.12);
}
.partner-logo{
  width:100%;
  max-width:250px;
  max-height:78px;
  object-fit:contain;
  display:block;
}
.partner-note{
  text-align:center;
  color:#71819a;
  font-size:.82rem;
  margin:20px 0 0;
}
@media(max-width:960px){
  .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .partner-card{min-height:128px;padding:18px}
  .partner-logo{max-width:210px;max-height:68px}
}
@media(max-width:700px){
  .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .partner-card{min-height:108px;padding:14px;border-radius:14px}
  .partner-logo{max-width:160px;max-height:54px}
}
  .partner-card{min-height:84px}
  .hikvision .partner-mark,.dahua .partner-mark,.seagate .partner-mark,.teknim .partner-mark,.toshiba .partner-mark,.finder .partner-mark,.audio .partner-mark{font-size:1.2rem}
  .unv .partner-mark,.wd .partner-mark{font-size:1.6rem}
}


/* Referanslar: dengeli logo boyutları ve kayan marka şeridi */
.logo-slider{
  width:100%;
  overflow:hidden;
  margin-top:36px;
  padding:8px 0 12px;
  background:linear-gradient(90deg,#f5f9ff 0%,#ffffff 12%,#ffffff 88%,#f5f9ff 100%);
  border-top:1px solid #e0eaf6;
  border-bottom:1px solid #e0eaf6;
}
.logo-slider-track{
  display:flex;
  width:max-content;
  animation:brandMarquee 34s linear infinite;
}
.logo-slider:hover .logo-slider-track{animation-play-state:paused}
.logo-slider-group{
  display:flex;
  align-items:center;
  gap:18px;
  padding-right:18px;
}
.logo-slide{
  width:218px;
  height:118px;
  display:grid;
  place-items:center;
  padding:18px 22px;
  background:#fff;
  border:1px solid #dce7f3;
  border-radius:16px;
  box-shadow:0 9px 22px rgba(13,34,69,.06);
  flex:0 0 auto;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.logo-slide:hover{
  transform:translateY(-4px);
  border-color:#a9cef8;
  box-shadow:0 16px 30px rgba(13,34,69,.13);
}
.logo-slide img{
  display:block;
  width:100%;
  height:68px;
  object-fit:contain;
  max-width:178px;
}
@keyframes brandMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){
  .logo-slider-track{animation:none;transform:none}
}
@media(max-width:700px){
  .logo-slider{margin-top:26px}
  .logo-slider-group{gap:12px;padding-right:12px}
  .logo-slide{width:170px;height:94px;padding:14px;border-radius:13px}
  .logo-slide img{height:53px;max-width:140px}
  .logo-slider-track{animation-duration:26s}
}


/* Ücretsiz keşif alanı - profesyonel teklif formu */
.discovery-pro{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 7% 20%, rgba(61,167,255,.30), transparent 30%),
    radial-gradient(circle at 89% 80%, rgba(0,113,230,.42), transparent 34%),
    linear-gradient(135deg,#06162f 0%,#0b3d7e 53%,#147cf5 130%);
  color:#fff;
}
.discovery-pro:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent);
  pointer-events:none;
}
.discovery-pro .container{position:relative;z-index:1}
.discovery-pro-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(370px,.88fr);
  align-items:center;
  gap:70px;
}
.discovery-intro h2{
  max-width:680px;
  font-size:clamp(2.2rem,4.2vw,4.05rem);
  color:#fff;
}
.discovery-lead{
  max-width:650px;
  margin:24px 0 30px!important;
  color:#d7eafe!important;
  font-size:1.03rem;
}
.discovery-benefits{
  display:grid;
  gap:14px;
  max-width:650px;
}
.benefit-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid rgba(204,232,255,.18);
}
.benefit-item:last-child{border-bottom:0}
.benefit-icon{
  flex:0 0 42px;
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(181,224,255,.36);
  color:#bce3ff;
  font-family:"Space Grotesk",sans-serif;
  font-size:.83rem;
  font-weight:700;
}
.benefit-item strong{
  display:block;
  color:#fff;
  font-size:1rem;
  margin-top:1px;
}
.benefit-item p{
  margin:3px 0 0!important;
  color:#d3e5f8!important;
  font-size:.86rem;
  line-height:1.45;
}
.discovery-contact-strip{
  margin-top:30px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(207,234,255,.25);
  background:rgba(2,15,37,.22);
  border-radius:14px;
  max-width:650px;
}
.discovery-contact-strip small{
  display:block;
  color:#b4d9f7;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:800;
}
.discovery-contact-strip a:not(.discovery-wa){
  display:block;
  margin-top:3px;
  font-family:"Space Grotesk",sans-serif;
  font-size:1.15rem;
  font-weight:700;
}
.discovery-wa{
  color:#fff;
  font-size:.84rem;
  font-weight:800;
  white-space:nowrap;
}
.quote-card{
  position:relative;
  background:#fff;
  color:#0d2346;
  padding:30px;
  border-radius:20px;
  box-shadow:0 26px 70px rgba(1,13,33,.32);
}
.quote-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  border:1px solid rgba(20,124,245,.16);
  pointer-events:none;
}
.quote-card-head{
  display:flex;
  gap:14px;
  align-items:center;
  padding-bottom:18px;
  margin-bottom:20px;
  border-bottom:1px solid #e6edf6;
}
.quote-step{
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:12px;
  background:#e9f4ff;
  color:#147cf5;
  font-family:"Space Grotesk",sans-serif;
  font-weight:700;
}
.quote-card-head small{
  display:block;
  color:#7890ae;
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.quote-card-head h3{
  margin:3px 0 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:1.25rem;
  line-height:1.18;
}
.quote-form-pro{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  backdrop-filter:none!important;
  gap:13px!important;
}
.quote-form-pro label{
  color:#36506f;
  font-size:.72rem!important;
  font-weight:800!important;
}
.quote-form-pro input,
.quote-form-pro select,
.quote-form-pro textarea{
  margin-top:5px!important;
  border:1px solid #d8e3ef!important;
  border-radius:8px!important;
  padding:12px 12px!important;
  background:#fbfdff!important;
  color:#10284a!important;
  font-size:.88rem!important;
  transition:border-color .2s,box-shadow .2s;
}
.quote-form-pro input:focus,
.quote-form-pro select:focus,
.quote-form-pro textarea:focus{
  outline:0;
  border-color:#4c9cf7!important;
  box-shadow:0 0 0 3px rgba(20,124,245,.12);
}
.form-full{grid-column:span 2}
.consent-check{
  display:flex!important;
  align-items:flex-start;
  gap:9px;
  color:#647891!important;
  line-height:1.45;
  font-size:.72rem!important;
  font-weight:600!important;
}
.consent-check input{
  width:15px!important;
  height:15px!important;
  min-width:15px;
  margin:2px 0 0!important;
  accent-color:#147cf5;
}
.quote-submit{
  width:100%;
  border:0;
  border-radius:8px;
  background:#147cf5;
  color:#fff;
  cursor:pointer;
  justify-content:center;
  padding:14px 16px;
  font-size:.92rem;
}
.quote-submit:hover{background:#0d66cf}
.quote-submit span{font-size:1.15rem;margin-left:8px}
.quote-form-pro .form-note{
  color:#8092a8!important;
  font-size:.70rem!important;
  text-align:center;
  margin:0!important;
}
.discovery-pro .form-status{
  max-width:1180px;
}
@media(max-width:960px){
  .discovery-pro-grid{grid-template-columns:1fr;gap:42px}
  .quote-card{max-width:700px}
}
@media(max-width:700px){
  .discovery-pro{padding-top:62px!important;padding-bottom:62px!important}
  .discovery-pro-grid{gap:32px}
  .discovery-contact-strip{display:block}
  .discovery-wa{display:inline-block;margin-top:11px}
  .quote-card{padding:22px;border-radius:16px}
  .form-full{grid-column:auto}
  .quote-form-pro{grid-template-columns:1fr!important}
  .quote-form-pro label,.quote-form-pro .form-full{grid-column:auto!important}
  .quote-card-head h3{font-size:1.12rem}
}


/* Genel yazı tipi ve ücretsiz keşif alanı kompakt düzenleme */
body,
button,
input,
select,
textarea,
h1,h2,h3,h4,h5,h6,
.brand,
.nav-links,
.btn,
.partner-mark,
.contact,
.contact *{
  font-family:"DM Sans", Arial, sans-serif !important;
}

/* Tüm başlıklarda daha sade, aynı font ailesi */
h1,h2,h3,h4,h5,h6{
  font-weight:700 !important;
  letter-spacing:-.035em !important;
}

/* Ücretsiz keşif alanını daha kompakt hale getir */
.discovery-pro{
  padding-top:64px !important;
  padding-bottom:64px !important;
}
.discovery-pro-grid{
  grid-template-columns:minmax(0,1fr) minmax(330px,.78fr) !important;
  gap:46px !important;
}
.discovery-intro h2{
  max-width:580px !important;
  font-size:clamp(1.95rem,3.5vw,3.2rem) !important;
  line-height:1.08 !important;
}
.discovery-lead{
  max-width:570px !important;
  margin:18px 0 20px !important;
  font-size:.93rem !important;
  line-height:1.55 !important;
}
.discovery-benefits{
  gap:4px !important;
  max-width:575px !important;
}
.benefit-item{
  gap:11px !important;
  padding:10px 0 !important;
}
.benefit-icon{
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  border-radius:10px !important;
  font-size:.74rem !important;
}
.benefit-item strong{
  font-size:.88rem !important;
}
.benefit-item p{
  font-size:.76rem !important;
  line-height:1.38 !important;
}
.discovery-contact-strip{
  max-width:575px !important;
  margin-top:20px !important;
  padding:11px 14px !important;
  border-radius:11px !important;
}
.discovery-contact-strip a:not(.discovery-wa){
  font-size:1rem !important;
}
.discovery-wa{
  font-size:.75rem !important;
}

.quote-card{
  max-width:460px !important;
  padding:22px !important;
  border-radius:16px !important;
}
.quote-card:before{
  border-radius:16px !important;
}
.quote-card-head{
  gap:11px !important;
  padding-bottom:13px !important;
  margin-bottom:14px !important;
}
.quote-step{
  width:36px !important;
  height:36px !important;
  border-radius:10px !important;
  font-size:.78rem !important;
}
.quote-card-head small{
  font-size:.64rem !important;
}
.quote-card-head h3{
  font-size:1.05rem !important;
}
.quote-form-pro{
  gap:10px !important;
}
.quote-form-pro label{
  font-size:.66rem !important;
}
.quote-form-pro input,
.quote-form-pro select,
.quote-form-pro textarea{
  padding:10px 10px !important;
  font-size:.80rem !important;
  border-radius:7px !important;
}
.quote-form-pro textarea{
  min-height:92px !important;
}
.consent-check{
  font-size:.65rem !important;
}
.quote-submit{
  padding:11px 14px !important;
  font-size:.80rem !important;
}
.quote-form-pro .form-note{
  font-size:.64rem !important;
}

@media(max-width:960px){
  .discovery-pro-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .quote-card{
    max-width:640px !important;
  }
}
@media(max-width:700px){
  .discovery-pro{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
  .discovery-intro h2{
    font-size:2rem !important;
  }
  .quote-card{
    padding:18px !important;
  }
}


/* Üst menü ve ana kahraman alanı: daha canlı, daha profesyonel görünüm */
.site-header{
  position:relative;
  background:
    radial-gradient(circle at 14% 10%, rgba(48,148,255,.22), transparent 26%),
    radial-gradient(circle at 82% 28%, rgba(20,124,245,.15), transparent 32%),
    linear-gradient(135deg,#061225 0%,#0a1c39 50%,#0b2f65 100%) !important;
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:246px;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(89,174,255,.12) 1px,transparent 1px),
    linear-gradient(rgba(89,174,255,.10) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);
}
.topbar,
.navbar{
  position:relative;
  z-index:1;
}
.topbar{
  background:rgba(2,12,29,.44) !important;
  border-bottom:1px solid rgba(147,205,255,.10);
}
.navbar{
  height:98px !important;
}
.nav-links{
  gap:28px !important;
  font-size:.98rem !important;
  font-weight:700 !important;
}
.nav-links>a{
  color:#e9f4ff !important;
  letter-spacing:-.01em;
}
.nav-links>a:hover{
  color:#78bdff !important;
}
.nav-cta{
  padding:13px 19px !important;
  border-radius:9px !important;
  box-shadow:0 10px 24px rgba(4,86,185,.35);
}
.brand,
.brand strong,
.brand small{
  font-family:"DM Sans", Arial, sans-serif !important;
}
.brand{
  gap:13px !important;
}
.brand strong{
  font-size:1.25rem !important;
  font-weight:700 !important;
  letter-spacing:-.03em !important;
}
.brand small{
  font-size:.67rem !important;
  font-weight:700 !important;
  letter-spacing:.075em !important;
}
.brand-mark-img{
  width:52px !important;
  height:52px !important;
}
.hero{
  min-height:675px !important;
  background:
    linear-gradient(90deg,rgba(2,10,25,.92) 0%,rgba(4,17,41,.80) 42%,rgba(6,34,78,.52) 100%),
    url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=2400&q=90") center/cover no-repeat !important;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%,rgba(0,132,255,.24),transparent 26%),
    radial-gradient(circle at 82% 18%,rgba(82,184,255,.18),transparent 24%),
    linear-gradient(180deg,rgba(56,145,255,.08),transparent 42%);
}
.hero-overlay{
  background:linear-gradient(90deg,rgba(2,9,23,.78) 4%,rgba(4,18,42,.48) 50%,rgba(6,34,78,.14) 100%) !important;
}
.hero-content{
  padding-top:125px !important;
}
.hero .eyebrow{
  color:#95ccff !important;
  text-shadow:0 1px 10px rgba(0,0,0,.42);
}
.hero h1{
  text-shadow:0 4px 24px rgba(0,0,0,.28);
}
.hero-copy{
  color:#e1efff !important;
}
.hero-actions .btn-primary{
  box-shadow:0 12px 30px rgba(7,107,234,.38);
}
@media(max-width:960px){
  .navbar{height:86px !important}
  .nav-links{gap:16px !important;font-size:.88rem !important}
  .hero{min-height:610px !important}
  .hero-content{padding-top:105px !important}
}
@media(max-width:700px){
  .navbar{height:74px !important}
  .brand-mark-img{width:44px !important;height:44px !important}
  .brand strong{font-size:1.08rem !important}
  .brand small{font-size:.58rem !important}
}


/* Güncel ana arka plan: tüm hizmetlere uygun daha canlı ve profesyonel görünüm */
.hero .eyebrow{
  letter-spacing:.18em !important;
}
.hero-copy{
  max-width:690px !important;
}


/* Son güncelleme: yatay kaymayı engelle + daha profesyonel canlı hero arka plan */
html, body{
  max-width:100%;
  overflow-x:hidden !important;
}
body{
  position:relative;
}
.site-header,
.hero,
.section,
.site-footer{
  overflow-x:clip;
}

.hero{
  min-height:675px !important;
  overflow:hidden;
  background:
    linear-gradient(115deg,rgba(3,14,32,.94) 0%,rgba(5,22,50,.88) 40%,rgba(8,44,92,.72) 100%),
    url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2400&q=90") center center/cover no-repeat !important;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 22%, rgba(36,151,255,.24), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(120,199,255,.16), transparent 24%),
    linear-gradient(90deg, rgba(104,182,255,.10) 1px, transparent 1px),
    linear-gradient(rgba(104,182,255,.08) 1px, transparent 1px);
  background-size:auto, auto, 54px 54px, 54px 54px;
  background-position:center;
  opacity:.92;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,11,28,.70) 0%,rgba(4,17,41,.50) 42%,rgba(6,32,70,.20) 100%),
    linear-gradient(180deg,rgba(11,101,214,.10),transparent 42%);
}
.hero-overlay{
  background:linear-gradient(90deg,rgba(2,10,24,.74) 0%,rgba(4,16,39,.36) 48%,rgba(5,31,67,.10) 100%) !important;
}
.hero-content{
  padding-top:120px !important;
}
.hero h1{
  max-width:860px !important;
  text-shadow:0 10px 30px rgba(0,0,0,.30);
}
.hero-copy{
  max-width:700px !important;
  color:#ebf5ff !important;
}
.nav-links > a{
  font-size:1.03rem !important;
}
.brand strong,
.brand small{
  font-family:"DM Sans", Arial, sans-serif !important;
}

@media(max-width:960px){
  .hero{min-height:610px !important;}
  .hero-content{padding-top:102px !important;}
}
@media(max-width:700px){
  html, body{overflow-x:hidden !important;}
  .hero{min-height:560px !important; background-position:center !important;}
  .hero-content{padding-top:92px !important;}
}


/* Ana sayfa: görseldeki ferah, premium teknoloji hero tasarımı */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}
.site-header{
  background:#fff !important;
  color:#0a2345 !important;
}
.site-header:before{
  display:none !important;
}
.topbar{
  background:linear-gradient(90deg,#f6faff,#eef6ff) !important;
  color:#344d6d !important;
  border-bottom:1px solid #dfeaf7 !important;
}
.topbar a{
  color:#0c5ec8 !important;
}
.navbar{
  height:116px !important;
}
.brand{
  color:#0a2345 !important;
}
.brand strong{
  color:#0b2345 !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:1.82rem !important;
  line-height:1 !important;
}
.brand small{
  color:#1e406b !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:.72rem !important;
  letter-spacing:.12em !important;
  margin-top:5px !important;
}
.brand-mark-img{
  width:64px !important;
  height:64px !important;
}
.nav-links{
  gap:34px !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:1rem !important;
}
.nav-links>a{
  color:#0b2345 !important;
  font-weight:700 !important;
}
.nav-links>a:hover{
  color:#147cf5 !important;
}
.nav-cta{
  padding:16px 22px !important;
  background:#147cf5 !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(20,124,245,.22) !important;
}

.hero-bright{
  position:relative;
  min-height:690px !important;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(250,253,255,.97) 0%,rgba(245,251,255,.93) 38%,rgba(237,247,255,.35) 61%,rgba(231,244,255,.08) 100%),
    url("https://images.unsplash.com/photo-1497366754035-f200968a6d?auto=format&fit=crop&w=2400&q=90") center center/cover no-repeat !important;
}
.hero-bright:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 4% 20%,rgba(40,145,255,.15),transparent 28%),
    linear-gradient(120deg,rgba(255,255,255,.22) 0%,transparent 45%),
    linear-gradient(90deg,rgba(81,172,255,.13) 1px,transparent 1px),
    linear-gradient(rgba(81,172,255,.1) 1px,transparent 1px);
  background-size:auto,auto,60px 60px,60px 60px;
  opacity:.7;
}
.hero-bright .hero-overlay{
  display:none !important;
}
.hero-content-bright{
  min-height:690px;
  padding:76px 0 62px !important;
  max-width:none !important;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);
  align-items:center;
  gap:56px;
}
.hero-main-copy{
  max-width:760px;
}
.hero-bright .eyebrow{
  color:#0f70e8 !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:.84rem !important;
}
.hero-bright h1{
  max-width:820px !important;
  color:#0a2345 !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:clamp(3rem,5.3vw,5.15rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.055em !important;
  text-shadow:none !important;
}
.hero-bright h1 span{
  color:#177ff4 !important;
}
.hero-bright .hero-copy{
  max-width:650px !important;
  color:#27456b !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:1.1rem !important;
  line-height:1.7 !important;
  margin:28px 0 30px !important;
}
.hero-bright .btn{
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:.98rem !important;
  border-radius:10px !important;
  padding:16px 24px !important;
}
.hero-bright .btn-primary{
  box-shadow:0 14px 26px rgba(20,124,245,.25) !important;
}
.hero-bright .btn-ghost{
  color:#116fde !important;
  border:1px solid #147cf5 !important;
  background:rgba(255,255,255,.72) !important;
}
.call-symbol{
  font-size:1.05rem;
  margin-right:5px;
}
.hero-bright .hero-trust{
  margin-top:34px !important;
  color:#183f6b !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:.92rem !important;
  font-weight:600;
  gap:25px !important;
}
.hero-bright .hero-trust span::first-letter{
  color:#147cf5;
}

.hero-tech-panel{
  justify-self:end;
  width:min(100%,430px);
  padding:28px;
  background:linear-gradient(145deg,rgba(229,243,255,.76),rgba(198,225,255,.42));
  border:1px solid rgba(117,186,255,.58);
  border-radius:26px;
  box-shadow:0 24px 58px rgba(31,91,151,.17);
  backdrop-filter:blur(12px);
}
.hero-tech-brand{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 0 20px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(33,124,224,.24);
}
.hero-tech-brand img{
  width:49px;
  height:49px;
  object-fit:contain;
}
.hero-tech-brand strong{
  display:block;
  color:#0b3470;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:1.55rem;
  letter-spacing:-.04em;
}
.hero-tech-brand span{
  display:block;
  color:#5277a5;
  font-family:"DM Sans",Arial,sans-serif;
  font-weight:700;
  font-size:.67rem;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.hero-tech-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hero-tech-grid>div{
  min-height:125px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:14px 12px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(238,248,255,.35));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  color:#154781;
}
.tech-icon{
  display:block;
  margin-bottom:auto;
  color:#177ff4;
  font-size:1.65rem;
  line-height:1;
}
.hero-tech-grid b{
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.82rem;
  line-height:1.05;
}
.hero-tech-grid small{
  color:#5e7c9f;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.68rem;
  font-weight:700;
  line-height:1.2;
  text-transform:uppercase;
}

@media(max-width:1100px){
  .navbar{height:96px !important;}
  .nav-links{gap:20px !important;font-size:.9rem !important;}
  .hero-content-bright{grid-template-columns:minmax(0,1fr) 350px;gap:30px;}
  .hero-tech-panel{padding:20px;}
}
@media(max-width:960px){
  .navbar{height:82px !important;}
  .brand-mark-img{width:50px !important;height:50px !important;}
  .brand strong{font-size:1.45rem !important;}
  .hero-bright,
  .hero-content-bright{min-height:600px !important;}
  .hero-content-bright{
    grid-template-columns:1fr;
    padding:62px 0 48px !important;
  }
  .hero-tech-panel{
    justify-self:start;
    width:min(100%,620px);
  }
}
@media(max-width:700px){
  .site-header{overflow:visible !important;}
  .navbar{height:76px !important;}
  .brand small{display:block !important;font-size:.52rem !important;}
  .brand strong{font-size:1.18rem !important;}
  .brand-mark-img{width:42px !important;height:42px !important;}
  .nav-links{
    background:#fff !important;
    box-shadow:0 18px 30px rgba(9,42,84,.18) !important;
  }
  .nav-links>a{color:#0b2345 !important;}
  .hero-bright,
  .hero-content-bright{min-height:auto !important;}
  .hero-content-bright{
    display:block;
    padding:54px 0 46px !important;
  }
  .hero-bright h1{font-size:clamp(2.45rem,11vw,3.65rem) !important;}
  .hero-bright .hero-copy{font-size:.96rem !important;}
  .hero-tech-panel{margin-top:34px;padding:18px;border-radius:20px;}
  .hero-tech-grid>div{min-height:102px;padding:11px 9px;}
  .hero-tech-grid b{font-size:.74rem;}
  .hero-tech-grid small{font-size:.58rem;}
}


/* ONAYLI HERO UYGULAMASI */
html,body{max-width:100%;overflow-x:hidden!important}
.site-header{background:#fff!important;color:#0a2345!important;overflow:visible!important}
.site-header:before{display:none!important}
.topbar{background:#f5f9ff!important;border-bottom:1px solid #e1ebf7!important;color:#314a6a!important}
.topbar a{color:#0b61cb!important}
.navbar{height:114px!important}
.brand{color:#0b2345!important}
.brand strong{font-family:"DM Sans",Arial,sans-serif!important;font-size:1.78rem!important;line-height:1!important;color:#0b2345!important}
.brand small{font-family:"DM Sans",Arial,sans-serif!important;color:#28496f!important;font-size:.69rem!important;letter-spacing:.12em!important;margin-top:5px!important}
.brand-mark-img{width:64px!important;height:64px!important}
.nav-links{gap:33px!important;font-family:"DM Sans",Arial,sans-serif!important;font-size:1rem!important}
.nav-links>a{color:#0b2345!important;font-weight:700!important}
.nav-links>a:hover{color:#147cf5!important}
.nav-cta{padding:15px 22px!important;background:#147cf5!important;color:#fff!important;border-radius:9px!important;box-shadow:0 12px 26px rgba(20,124,245,.22)!important}

.hero-approved{position:relative;min-height:640px!important;isolation:isolate;overflow:hidden;background:#ffffff!important}
.hero-approved:before{display:none!important;content:none!important}
.hero-visual{position:absolute;z-index:-1;inset:0 0 0 auto;width:63%;background:url("hero-security-lobby.jpg") right center/cover no-repeat;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.16) 9%,#000 21%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.16) 9%,#000 21%,#000 100%)}
.hero-approved-content{min-height:640px;display:flex;align-items:center;padding:70px 0 58px!important;position:relative;z-index:1}
.hero-approved-copy{max-width:690px;padding-right:12px}
.hero-approved .eyebrow{font-family:"DM Sans",Arial,sans-serif!important;font-size:.82rem!important;color:#0d70e8!important;letter-spacing:.16em!important;margin-bottom:22px!important}
.hero-approved h1{font-family:"DM Sans",Arial,sans-serif!important;color:#0a2345!important;max-width:800px!important;font-size:clamp(3rem,4.45vw,4.8rem)!important;line-height:1.06!important;letter-spacing:-.06em!important;text-shadow:none!important;margin:0!important}
.hero-approved h1 span{color:#147cf5!important}
.hero-approved .hero-copy{font-family:"DM Sans",Arial,sans-serif!important;max-width:625px!important;color:#25446c!important;font-size:1.04rem!important;line-height:1.65!important;margin:27px 0 30px!important}
.hero-approved .btn{font-family:"DM Sans",Arial,sans-serif!important;border-radius:10px!important;padding:15px 23px!important;font-size:.94rem!important}
.hero-approved .btn-primary{box-shadow:0 13px 25px rgba(20,124,245,.25)!important}
.hero-approved .hero-call{background:rgba(255,255,255,.80)!important;color:#1071df!important;border:1px solid #157cf5!important}
.hero-approved .hero-call span{font-size:1.04rem;margin-right:7px}
.hero-approved .hero-trust{font-family:"DM Sans",Arial,sans-serif!important;margin-top:34px!important;color:#173e6d!important;font-size:.87rem!important;font-weight:600!important;gap:26px!important}
.hero-approved .hero-trust b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border:1.5px solid #147cf5;border-radius:50%;color:#147cf5;font-size:.65rem;line-height:1;vertical-align:middle}

@media(max-width:1100px){.navbar{height:96px!important}.nav-links{gap:19px!important;font-size:.89rem!important}.hero-approved,.hero-approved-content{min-height:590px!important}.hero-approved h1{font-size:clamp(2.8rem,5vw,4.1rem)!important}.hero-visual{width:60%}}
@media(max-width:960px){.brand-mark-img{width:52px!important;height:52px!important}.brand strong{font-size:1.48rem!important}.navbar{height:82px!important}.hero-approved,.hero-approved-content{min-height:580px!important}.hero-approved-content{padding:58px 0!important}.hero-approved-copy{max-width:600px}.hero-visual{width:67%;opacity:.74;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 22%,#000 45%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 22%,#000 45%)}}
@media(max-width:700px){.navbar{height:74px!important}.brand-mark-img{width:42px!important;height:42px!important}.brand strong{font-size:1.18rem!important}.brand small{font-size:.52rem!important}.nav-links{background:#fff!important;box-shadow:0 18px 30px rgba(9,42,84,.18)!important}.nav-links>a{color:#0b2345!important}.hero-approved,.hero-approved-content{min-height:auto!important}.hero-approved-content{display:block;padding:54px 0 46px!important}.hero-approved-copy{padding-right:0}.hero-approved h1{font-size:clamp(2.35rem,10.2vw,3.55rem)!important}.hero-approved .hero-copy{font-size:.94rem!important;max-width:500px!important}.hero-approved .hero-trust{display:grid;grid-template-columns:1fr;gap:10px!important;margin-top:27px!important}.hero-visual{position:absolute;width:100%;opacity:.27;mask-image:none;-webkit-mask-image:none;background-position:68% center}.hero-approved .btn{padding:13px 16px!important;font-size:.84rem!important}}


/* Hero parlaklığını dengelemek için çok hafif şeffaf katman */
.hero.hero-approved::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(90deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.14) 30%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.04) 100%) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.hero.hero-approved::after{
  display:none !important;
  content:none !important;
}

.hero.hero-approved{
  position:relative !important;
  overflow:hidden !important;
  background:#ffffff !important;
}

.hero.hero-approved .container,
.hero.hero-approved .hero-content,
.hero.hero-approved .hero-badges{
  position:relative !important;
  z-index:2 !important;
}

.hero.hero-approved .hero-visual{
  opacity:1 !important;
  filter:brightness(1.08) contrast(1.06) saturate(1.03) !important;
}

@media (min-width: 961px){
  .hero.hero-approved .hero-visual{
    width:66% !important;
    mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.08) 8%, #000 19%, #000 100%) !important;
    -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.08) 8%, #000 19%, #000 100%) !important;
  }
}

@media (max-width: 960px){
  .hero.hero-approved::before{
    background:linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.10) 100%) !important;
  }
  .hero.hero-approved .hero-visual{
    filter:brightness(1.04) contrast(1.04) saturate(1.02) !important;
  }
}



/* YENİ ANA SAYFA BANNER'I: onaylanan aydınlık, premium görünüm */
.site-header{
  background:#fff !important;
  overflow:visible !important;
}
.topbar{
  min-height:42px;
  background:linear-gradient(90deg,#f9fcff,#edf6ff) !important;
}
.topbar-inner{
  padding:10px 0 !important;
}
.topbar-inner span::before{
  content:"●";
  color:#147cf5;
  font-size:.62rem;
  margin-right:8px;
  vertical-align:2px;
}
.topbar a::before{
  content:"☎";
  margin-right:7px;
  font-size:.92rem;
}
.navbar{
  height:112px !important;
}
.nav-links{
  gap:25px !important;
  font-size:.96rem !important;
}
.nav-links .nav-home{
  color:#147cf5 !important;
  position:relative;
}
.nav-links .nav-home::after{
  content:"";
  position:absolute;
  height:2px;
  width:27px;
  left:50%;
  transform:translateX(-50%);
  bottom:-13px;
  border-radius:999px;
  background:#147cf5;
}
.nav-cta{
  padding:15px 21px !important;
}

.hero-banner{
  min-height:632px !important;
  background:#f8fcff !important;
  overflow:hidden !important;
}
.hero-banner::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.66) 0%,rgba(255,255,255,.44) 32%,rgba(255,255,255,.12) 60%,rgba(255,255,255,.01) 100%),
    radial-gradient(circle at 7% 84%,rgba(43,145,255,.12),transparent 28%) !important;
}
.hero-banner .hero-visual{
  width:76% !important;
  z-index:-1 !important;
  opacity:1 !important;
  filter:brightness(1.04) contrast(1.04) saturate(1.02) !important;
  background-position:right center !important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.10) 13%,#000 30%,#000 100%) !important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.10) 13%,#000 30%,#000 100%) !important;
}
.hero-banner-content{
  min-height:632px !important;
  padding:70px 0 112px !important;
  position:relative !important;
  z-index:2 !important;
}
.hero-banner .hero-approved-copy{
  max-width:690px !important;
}
.hero-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:8px 12px !important;
  margin:0 0 22px !important;
  border:1px solid rgba(25,123,245,.16) !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 5px 16px rgba(39,102,180,.08) !important;
  border-radius:10px !important;
  color:#0b57bc !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.hero-kicker span{font-size:1.05rem;line-height:1}
.hero-banner h1{
  font-size:clamp(3rem,4.65vw,4.75rem) !important;
  max-width:780px !important;
  letter-spacing:-.065em !important;
  line-height:1.02 !important;
}
.hero-banner .hero-copy{
  max-width:620px !important;
  font-size:1rem !important;
  line-height:1.68 !important;
  margin:26px 0 29px !important;
}
.hero-banner .btn{
  padding:15px 22px !important;
  font-size:.9rem !important;
  gap:8px;
}
.hero-banner .btn-primary{
  box-shadow:0 12px 24px rgba(20,124,245,.24) !important;
}
.hero-banner .hero-call{
  background:rgba(255,255,255,.76) !important;
}
.banner-trust{
  margin-top:34px !important;
  gap:21px !important;
  font-size:.78rem !important;
  white-space:nowrap;
}
.banner-trust b{
  width:17px !important;
  height:17px !important;
  margin-right:5px !important;
  font-size:.61rem !important;
}

.hero-stats-shell{
  position:relative;
  z-index:5;
  margin-top:-57px;
  padding-bottom:18px;
}
.hero-stats-card{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  min-height:100px;
  overflow:hidden;
  border:1px solid #e0eaf5;
  border-radius:17px;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 32px rgba(21,61,114,.16);
}
.hero-stat{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:0 20px;
  border-right:1px solid #e7eef6;
}
.hero-stat:last-child{border-right:0}
.stat-icon{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  color:#147cf5;
  background:#eff7ff;
  font-size:1.3rem;
  font-weight:800;
}
.hero-stat strong{
  display:block;
  color:#147cf5;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:1.5rem;
  line-height:1;
  letter-spacing:-.05em;
}
.hero-stat small{
  display:block;
  margin-top:5px;
  color:#25466e;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.69rem;
  font-weight:700;
  line-height:1.15;
}

@media(max-width:1120px){
  .nav-links{gap:16px !important;font-size:.86rem !important;}
  .hero-banner .hero-visual{width:74% !important;}
  .hero-banner h1{font-size:clamp(2.8rem,4.8vw,4rem) !important;}
  .hero-stat{padding:0 12px;gap:9px;}
}
@media(max-width:960px){
  .navbar{height:84px !important;}
  .hero-banner,.hero-banner-content{min-height:600px !important;}
  .hero-banner-content{padding:64px 0 95px !important;}
  .hero-banner .hero-visual{width:78% !important;opacity:.78 !important;}
  .hero-stats-shell{margin-top:-45px;}
  .hero-stats-card{grid-template-columns:repeat(2,1fr);}
  .hero-stat{padding:17px 18px;border-bottom:1px solid #e7eef6;}
  .hero-stat:nth-child(2){border-right:0;}
  .hero-stat:nth-child(3),.hero-stat:nth-child(4){border-bottom:0;}
}
@media(max-width:700px){
  .topbar{min-height:36px;}
  .topbar-inner{padding:8px 0 !important;}
  .topbar-inner span{font-size:.65rem;}
  .navbar{height:76px !important;}
  .nav-links .nav-home::after{display:none;}
  .hero-banner,.hero-banner-content{min-height:auto !important;}
  .hero-banner-content{display:block !important;padding:50px 0 88px !important;}
  .hero-banner .hero-visual{width:100% !important;opacity:.23 !important;mask-image:none !important;-webkit-mask-image:none !important;background-position:64% center !important;}
  .hero-banner::before{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.67)) !important;}
  .hero-kicker{font-size:.63rem !important;margin-bottom:17px !important;}
  .hero-banner h1{font-size:clamp(2.28rem,10.2vw,3.3rem) !important;}
  .hero-banner .hero-copy{font-size:.9rem !important;}
  .hero-banner .hero-actions{gap:9px;}
  .hero-banner .btn{padding:12px 14px !important;font-size:.78rem !important;}
  .banner-trust{display:grid !important;grid-template-columns:1fr 1fr;gap:9px !important;font-size:.7rem !important;white-space:normal;}
  .hero-stats-shell{margin-top:-37px;padding-bottom:8px;}
  .hero-stats-card{border-radius:14px;}
  .hero-stat{justify-content:flex-start;padding:15px 14px;}
  .hero-stat strong{font-size:1.25rem;}
  .hero-stat small{font-size:.61rem;}
  .stat-icon{flex-basis:33px;width:33px;height:33px;font-size:1.05rem;}
}


/* Banner görseli: daha dengeli kontrast ve daha net sağ alan */
.hero-banner::before{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.50) 0%,
      rgba(255,255,255,.28) 32%,
      rgba(255,255,255,.08) 60%,
      rgba(255,255,255,.015) 100%),
    radial-gradient(circle at 7% 84%,rgba(43,145,255,.07),transparent 28%) !important;
}

.hero-banner .hero-visual{
  filter:brightness(.90) contrast(1.16) saturate(1.06) !important;
}


/* SEO hizmet sayfaları, partner menüsü ve form aydınlatma bağlantısı */
.service-detail-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:18px;
  color:#0f73e5;
  font-size:.84rem;
  font-weight:800;
}
.service-detail-link:hover{color:#083f91}
.service-detail-link span{font-size:1.08rem;transition:transform .2s ease}
.service-detail-link:hover span{transform:translateX(3px)}
.consent-check a{color:#147cf5;text-decoration:underline;font-weight:800}
.footer-links{display:flex;align-items:center;gap:18px}

.page-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 72px;
  background:linear-gradient(135deg,#eef7ff 0%,#ffffff 52%,#e8f5ff 100%);
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 78% 24%,rgba(20,124,245,.16),transparent 28%),linear-gradient(90deg,rgba(53,151,255,.06) 1px,transparent 1px),linear-gradient(rgba(53,151,255,.05) 1px,transparent 1px);
  background-size:auto,56px 56px,56px 56px;
}
.page-hero .container{position:relative;z-index:1}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#68809d;font-size:.82rem;margin-bottom:22px}
.breadcrumbs a{color:#3478cb;font-weight:700}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.55fr);gap:56px;align-items:center}
.page-hero h1{margin:0;color:#0b2345;font-family:"DM Sans",Arial,sans-serif;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.055em}
.page-hero h1 span{color:#147cf5}
.page-hero .lead{max-width:690px;margin:24px 0 0;color:#315172;font-size:1.06rem;line-height:1.75}
.page-hero-art{display:grid;place-items:center;min-height:240px;border:1px solid rgba(37,129,224,.17);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(221,241,255,.58));box-shadow:0 20px 44px rgba(30,91,151,.10);padding:30px}
.page-hero-art img{width:min(100%,280px);height:190px;object-fit:contain}
.page-section{padding:82px 0}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.74fr);gap:66px;align-items:start}
.service-detail-copy h2{color:#0b2345}
.service-detail-copy>p{margin:18px 0;color:#536b88;font-size:1rem;line-height:1.8}
.service-detail-list{display:grid;gap:15px;margin:28px 0 34px}
.service-detail-list>div{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #e1ebf5}
.service-detail-list>div:last-child{border-bottom:0}
.detail-number{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:#147cf5;font-family:"DM Sans",Arial,sans-serif;font-weight:800;font-size:.78rem}
.service-detail-list strong{display:block;color:#112b4e;font-size:1rem;margin-bottom:3px}
.service-detail-list p{margin:0;color:#637996;font-size:.91rem;line-height:1.6}
.service-side-card{position:sticky;top:24px;border-radius:20px;padding:30px;background:linear-gradient(155deg,#082e65,#147cf5);color:#fff;box-shadow:0 20px 42px rgba(8,57,124,.23)}
.service-side-card .eyebrow{color:#aedaff;margin-bottom:12px}
.service-side-card h3{margin:0;font-size:1.52rem;line-height:1.15;font-family:"DM Sans",Arial,sans-serif}
.service-side-card p{color:#dcefff;line-height:1.7;margin:16px 0 24px;font-size:.92rem}
.service-side-card .btn-light{width:100%;border-radius:9px}
.service-scenarios{background:#f4f8fc}
.service-scenarios .section-heading{margin-bottom:30px}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scenario-card{padding:24px;border:1px solid #dfe9f4;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(13,34,69,.05)}
.scenario-card strong{display:block;color:#11315a;margin-bottom:8px;font-size:1rem}
.scenario-card p{margin:0;color:#627895;font-size:.88rem;line-height:1.6}
.service-cta{background:linear-gradient(120deg,#082755,#0e72e3);color:#fff;padding:62px 0}
.service-cta-grid{display:flex;justify-content:space-between;gap:28px;align-items:center}
.service-cta h2{color:#fff;max-width:720px;font-size:clamp(1.8rem,3vw,2.8rem)}
.service-cta p{color:#d5ecff;margin:15px 0 0;max-width:680px}
.service-cta .btn-light{white-space:nowrap}
.privacy-layout{max-width:900px;margin:0 auto}
.privacy-layout h2{font-size:1.62rem;color:#102f57;margin:42px 0 14px}
.privacy-layout h3{font-size:1.1rem;color:#164476;margin:25px 0 9px}
.privacy-layout p,.privacy-layout li{color:#536b88;line-height:1.75}
.privacy-layout ul{padding-left:22px}
.privacy-note{padding:18px 20px;border-left:4px solid #147cf5;background:#eef7ff;color:#315172;border-radius:8px;margin:24px 0}
.privacy-contact{padding:22px;border:1px solid #dce8f4;border-radius:14px;background:#fbfdff;margin-top:26px}
.privacy-contact strong{color:#102d52}
@media(max-width:960px){
  .page-hero-grid,.service-detail-grid{grid-template-columns:1fr;gap:34px}
  .page-hero-art{max-width:520px}
  .service-side-card{position:static}
  .scenario-grid{grid-template-columns:repeat(2,1fr)}
  .service-cta-grid{display:block}
  .service-cta .btn-light{margin-top:22px}
}
@media(max-width:700px){
  .footer-inner{align-items:flex-start;flex-direction:column}
  .footer-links{gap:14px;flex-wrap:wrap}
  .page-hero{padding:54px 0}
  .page-section{padding:60px 0}
  .page-hero h1{font-size:clamp(2.25rem,10vw,3.4rem)}
  .page-hero .lead{font-size:.96rem}
  .scenario-grid{grid-template-columns:1fr}
  .service-cta{padding:48px 0}
}


/* Hizmetlerimiz açılır sekme menüsü */
.nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
  z-index:50;
}
.nav-dropdown-trigger{
  display:flex;
  align-items:center;
  gap:3px;
}
.nav-dropdown-link{
  white-space:nowrap;
}
.nav-dropdown-toggle{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  border-radius:7px;
  transition:background .2s ease,color .2s ease;
}
.nav-dropdown-toggle:hover,
.nav-dropdown.is-open .nav-dropdown-toggle{
  background:rgba(20,124,245,.10);
  color:#147cf5;
}
.nav-dropdown-toggle svg{
  width:14px;
  height:14px;
  transition:transform .22s ease;
}
.nav-dropdown.is-open .nav-dropdown-toggle svg{
  transform:rotate(180deg);
}
.nav-submenu{
  position:absolute;
  top:calc(100% + 14px);
  left:-16px;
  width:272px;
  display:grid;
  padding:10px;
  background:rgba(255,255,255,.98);
  border:1px solid #d9e7f6;
  border-radius:14px;
  box-shadow:0 18px 38px rgba(12,39,76,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.nav-dropdown:hover .nav-submenu,
.nav-dropdown:focus-within .nav-submenu,
.nav-dropdown.is-open .nav-submenu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.nav-submenu a{
  display:block;
  padding:10px 12px !important;
  color:#17375f !important;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.83rem !important;
  font-weight:700 !important;
  line-height:1.25;
  border-radius:8px;
  white-space:normal;
  transition:background .16s ease,color .16s ease;
}
.nav-submenu a:hover,
.nav-submenu a:focus-visible{
  color:#0d6fe5 !important;
  background:#edf6ff;
  outline:none;
}
.nav-submenu-all{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  margin-bottom:4px;
  color:#0d6fe5 !important;
  background:#f2f8ff;
  border:1px solid #d8ebff;
}
.nav-submenu-all span{font-size:1rem;}

@media(max-width:960px){
  .nav-dropdown{display:block;width:auto;}
  .nav-dropdown-trigger{gap:1px;}
  .nav-submenu{left:-10px;width:250px;}
}

@media(max-width:700px){
  .nav-dropdown{width:100%;}
  .nav-dropdown-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;}
  .nav-dropdown-link{flex:1;}
  .nav-dropdown-toggle{width:34px;height:34px;color:#0b2345;border:1px solid #dbe8f5;background:#f5faff;}
  .nav-submenu{position:static;width:100%;margin:3px 0 5px;padding:6px;border-radius:10px;box-shadow:none;transform:none;display:none;opacity:1;visibility:visible;pointer-events:auto;}
  .nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:none;}
  .nav-dropdown.is-open .nav-submenu{display:grid;}
  .nav-submenu a{padding:10px 11px !important;font-size:.82rem !important;}
}


/* Üst menü dengesi ve uygulama alanları */
.navbar.container{
  width:min(1240px,calc(100% - 40px)) !important;
  gap:24px !important;
}
.nav-links{
  flex:1;
  justify-content:flex-end;
  gap:22px !important;
  white-space:nowrap;
}
.nav-links>a,
.nav-dropdown-link,
.nav-cta{
  white-space:nowrap;
}
.nav-cta{
  padding:14px 18px !important;
}

.applications{
  background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%);
  position:relative;
  overflow:hidden;
}
.applications::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-260px;
  top:-320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(33,131,244,.12) 0%,rgba(33,131,244,0) 70%);
  pointer-events:none;
}
.applications .container{position:relative;z-index:1}
.applications-heading{margin-bottom:40px}
.application-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.application-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe8f5;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(15,52,95,.065);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.application-card:hover{
  transform:translateY(-5px);
  border-color:#b6d9ff;
  box-shadow:0 20px 34px rgba(15,69,128,.12);
}
.application-art{
  height:142px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(196,219,242,.72);
  background:linear-gradient(135deg,#edf7ff,#d8edff);
}
.application-art::before,
.application-art::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.application-art::before{width:180px;height:180px;right:-56px;top:-92px;background:rgba(20,124,245,.12)}
.application-art::after{width:120px;height:120px;left:-48px;bottom:-72px;border:1px solid rgba(20,124,245,.17)}
.application-art img{
  position:relative;
  z-index:1;
  width:100px;
  height:100px;
  object-fit:contain;
  filter:drop-shadow(0 9px 13px rgba(18,81,154,.12));
}
.app-site{background:linear-gradient(135deg,#eaf6ff,#d5edff)}
.app-store{background:linear-gradient(135deg,#eef5ff,#e0eaff)}
.app-industrial{background:linear-gradient(135deg,#ecf9ff,#d7f0ff)}
.app-fire{background:linear-gradient(135deg,#fff4ed,#ffe7d7)}
.app-access{background:linear-gradient(135deg,#eef9f8,#d9f1ef)}
.application-content{padding:22px 22px 23px;display:flex;flex-direction:column;flex:1}
.application-tag{
  align-self:flex-start;
  padding:5px 9px;
  border-radius:999px;
  background:#edf6ff;
  color:#0f70dd;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.68rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.application-content h3{
  margin:13px 0 9px;
  color:#0b2d55;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:1.2rem;
  line-height:1.18;
  letter-spacing:-.025em;
}
.application-content p{
  margin:0;
  color:#5b7391;
  font-size:.89rem;
  line-height:1.68;
}
.application-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:18px}
.application-chips span{
  padding:5px 8px;
  border:1px solid #dce9f6;
  border-radius:7px;
  color:#456587;
  background:#fbfdff;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.68rem;
  line-height:1.1;
  font-weight:700;
}
.application-card-cta{
  justify-content:center;
  padding:30px;
  border-color:transparent;
  color:#fff;
  background:linear-gradient(145deg,#083777,#147cf5 64%,#2d9cff);
  box-shadow:0 18px 34px rgba(13,103,222,.23);
}
.application-card-cta:hover{border-color:transparent;box-shadow:0 23px 39px rgba(13,103,222,.30)}
.application-cta-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:19px;
  color:#147cf5;
  background:#fff;
  border-radius:13px;
  font-size:1.5rem;
  box-shadow:0 9px 18px rgba(0,39,100,.20);
}
.application-tag.light{color:#d8edff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22)}
.application-card-cta h3{margin:15px 0 12px;color:#fff;font-family:"DM Sans",Arial,sans-serif;font-size:1.55rem;line-height:1.14;letter-spacing:-.035em}
.application-card-cta p{margin:0;color:#dbeeff;font-size:.92rem;line-height:1.7}
.application-card-cta .btn{align-self:flex-start;margin-top:22px;padding:12px 15px !important;border-radius:9px !important;font-size:.83rem !important}
.application-card-cta .btn span{font-size:1rem;margin-left:6px}

@media (max-width:1240px){
  .navbar.container{width:min(1180px,calc(100% - 40px)) !important;gap:18px !important}
  .nav-links{gap:18px !important;font-size:.91rem !important}
  .nav-cta{padding:13px 16px !important}
}
@media (max-width:1100px){
  .nav-links{gap:14px !important;font-size:.84rem !important}
  .nav-cta{padding:12px 13px !important}
  .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .navbar.container{width:min(1180px,calc(100% - 32px)) !important}
  .nav-links{justify-content:flex-start;white-space:normal}
  .nav-links>a,.nav-dropdown-link,.nav-cta{white-space:normal}
  .application-grid{grid-template-columns:1fr}
  .application-art{height:160px}
  .application-card-cta{min-height:300px}
}

/* Hizmetlerimiz: ok olmadan, yalnızca hover ile açılan kesin menü düzeltmesi */
.nav-dropdown{
  position:relative !important;
  display:block !important;
  flex:0 0 auto !important;
  z-index:100 !important;
}
.nav-dropdown-trigger,
.nav-dropdown-toggle{
  display:none !important;
}
.nav-dropdown-link{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px;
  padding:0 !important;
  white-space:nowrap !important;
  color:#0b2345 !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.nav-dropdown-link:hover,
.nav-dropdown:focus-within .nav-dropdown-link{
  color:#147cf5 !important;
}
/* Şeffaf köprü: fare yazıdan alt menüye inerken menü kapanmaz. */
.nav-dropdown::after{
  content:"" !important;
  position:absolute !important;
  left:-16px !important;
  right:-16px !important;
  top:100% !important;
  height:20px !important;
  display:block !important;
}
.nav-submenu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:50% !important;
  right:auto !important;
  width:272px !important;
  display:grid !important;
  gap:1px !important;
  padding:10px !important;
  background:rgba(255,255,255,.99) !important;
  border:1px solid #d9e7f6 !important;
  border-radius:14px !important;
  box-shadow:0 18px 38px rgba(12,39,76,.16) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate(-50%,-6px) !important;
  pointer-events:none !important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;
}
.nav-dropdown:hover .nav-submenu,
.nav-dropdown:focus-within .nav-submenu{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate(-50%,0) !important;
  pointer-events:auto !important;
}
.nav-submenu a{
  display:block !important;
  padding:10px 12px !important;
  color:#17375f !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:.83rem !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  border-radius:8px !important;
  text-decoration:none !important;
  white-space:normal !important;
}
.nav-submenu a:hover,
.nav-submenu a:focus-visible{
  color:#0d6fe5 !important;
  background:#edf6ff !important;
  outline:none !important;
}
.nav-submenu-all{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  margin-bottom:4px !important;
  color:#0d6fe5 !important;
  background:#f2f8ff !important;
  border:1px solid #d8ebff !important;
}
@media(max-width:700px){
  .nav-dropdown{width:100% !important;}
  .nav-dropdown::after{display:none !important;}
  .nav-dropdown-link{display:block !important;min-height:auto !important;padding:10px 0 !important;}
  .nav-submenu{
    position:static !important;
    width:100% !important;
    margin:2px 0 5px !important;
    padding:6px !important;
    border-radius:10px !important;
    box-shadow:none !important;
    transform:none !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .nav-dropdown:hover .nav-submenu,
  .nav-dropdown:focus-within .nav-submenu{display:grid !important;}
}


/* Hizmetlerimiz hover menüsü: hizmet bağlantılarına sorunsuz tıklama düzeltmesi */
.site-header{
  position:relative !important;
  z-index:10000 !important;
  isolation:isolate !important;
  overflow:visible !important;
}
.site-header .topbar,
.site-header .navbar,
.site-header .nav-links{
  position:relative !important;
  z-index:10001 !important;
  overflow:visible !important;
}
.site-header .nav-dropdown{
  position:relative !important;
  z-index:10002 !important;
  overflow:visible !important;
}
/* Menü ile Hizmetlerimiz yazısı arasında boşluk bırakma; fare doğrudan seçeneklere geçsin. */
.site-header .nav-dropdown::after{
  display:none !important;
  content:none !important;
}
.site-header .nav-submenu{
  top:100% !important;
  z-index:10003 !important;
  pointer-events:none !important;
}
.site-header .nav-dropdown:hover .nav-submenu,
.site-header .nav-dropdown:focus-within .nav-submenu{
  pointer-events:auto !important;
}
.site-header .nav-submenu a{
  position:relative !important;
  z-index:10004 !important;
  display:block !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
main,
.page-hero,
.page-hero .container{
  position:relative;
  z-index:0 !important;
}
@media(max-width:700px){
  .site-header .nav-submenu{top:auto !important;}
}

/* Mobil menü ve Hizmetlerimiz alt menüsü: dokunmatik kullanım düzeltmesi */
@media(max-width:700px){
  .menu-toggle{
    display:grid !important;
    gap:5px !important;
    width:42px !important;
    height:42px !important;
    place-content:center !important;
    padding:0 !important;
    border:1px solid #dce9f7 !important;
    border-radius:10px !important;
    color:#0b2345 !important;
    background:#f7fbff !important;
  }
  .menu-toggle span{
    width:21px !important;
    height:2px !important;
    display:block !important;
    background:#0b2345 !important;
    border-radius:999px !important;
  }
  .menu-toggle:focus-visible{
    outline:3px solid rgba(20,124,245,.28) !important;
    outline-offset:2px !important;
  }
  .site-header .nav-links{
    top:74px !important;
    z-index:10020 !important;
    max-height:calc(100vh - 74px) !important;
    overflow-y:auto !important;
    padding:14px 20px 22px !important;
    border-top:1px solid #e2edf8 !important;
    background:#fff !important;
  }
  .site-header .nav-links > a,
  .site-header .nav-dropdown-link{
    display:block !important;
    width:100% !important;
    padding:12px 0 !important;
    color:#0b2345 !important;
    font-size:.95rem !important;
    line-height:1.25 !important;
  }
  .site-header .nav-cta{
    margin-top:8px !important;
    padding:13px 15px !important;
    text-align:center !important;
    color:#fff !important;
  }
  .site-header .nav-dropdown{
    width:100% !important;
  }
  .site-header .nav-dropdown:hover .nav-submenu,
  .site-header .nav-dropdown:focus-within .nav-submenu{
    display:none !important;
  }
  .site-header .nav-dropdown.is-open .nav-submenu{
    display:grid !important;
  }
  .site-header .nav-submenu{
    width:100% !important;
    margin:0 0 7px !important;
    padding:7px !important;
    background:#f8fbff !important;
    border:1px solid #dceafa !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }
  .site-header .nav-submenu a{
    padding:10px 11px !important;
    font-size:.84rem !important;
  }
  .site-header .nav-dropdown-link[aria-expanded="true"]{
    color:#147cf5 !important;
  }
}

/* Mobil Hizmetlerimiz menüsü: sola kayma ve kırpılma kesin düzeltmesi */
@media (max-width:700px){
  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .site-header .nav-links{
    box-sizing:border-box !important;
    left:0 !important;
    right:0 !important;
  }

  .site-header .nav-dropdown{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Masaüstündeki translate(-50%) kuralını mobilde tamamen iptal et. */
  .site-header .nav-dropdown .nav-submenu{
    position:static !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    margin:0 0 8px !important;
    padding:7px !important;
    transform:none !important;
    -webkit-transform:none !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .site-header .nav-dropdown.is-open .nav-submenu{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .site-header .nav-submenu a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow-wrap:anywhere !important;
  }
}

/* DardanOS SEO: SSS ve kurumsal sayfa stilleri */
.service-faq{background:#f7fbff;border-top:1px solid #e2edf7;border-bottom:1px solid #e2edf7;}
.faq-heading{margin-bottom:26px!important;}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.faq-list details{overflow:hidden;border:1px solid #d8e7f5;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(16,50,91,.045);}
.faq-list summary{position:relative;padding:18px 50px 18px 19px;color:#143a64;font-family:"DM Sans",Arial,sans-serif;font-size:.96rem;font-weight:800;line-height:1.4;cursor:pointer;list-style:none;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary::after{content:"+";position:absolute;right:18px;top:50%;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;transform:translateY(-50%);background:#edf6ff;color:#147cf5;font-size:1.15rem;font-weight:500;transition:transform .18s ease,background .18s ease,color .18s ease;}
.faq-list details[open] summary{border-bottom:1px solid #e4edf6;}
.faq-list details[open] summary::after{content:"−";background:#147cf5;color:#fff;}
.faq-list details p{margin:0;padding:15px 19px 19px;color:#5d7693;font-size:.91rem;line-height:1.72;}
.nav-current{color:#147cf5!important;}
@media(max-width:700px){
  .faq-list{grid-template-columns:1fr;gap:10px;}
  .faq-list summary{padding:16px 45px 16px 16px;font-size:.92rem;}
  .faq-list details p{padding:13px 16px 17px;font-size:.88rem;}
}


/* Kurumsal sayfa görünümü */
.nav-current{
  color:#147cf5 !important;
}
.corporate-hero .page-hero-grid{align-items:center;}
.corporate-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.corporate-hero-actions .btn{padding:14px 19px!important;border-radius:10px!important;}
.corporate-art{position:relative;min-height:285px!important;overflow:hidden;isolation:isolate;}
.corporate-art::before{content:"";position:absolute;inset:18px;background:radial-gradient(circle at 50% 42%,rgba(20,124,245,.16),rgba(20,124,245,0) 58%);z-index:-1;}
.corporate-art img{width:min(100%,190px)!important;height:148px!important;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(13,73,140,.18));}
.corporate-art-label{max-width:295px;margin:2px auto 0;text-align:center;color:#204466;}
.corporate-art-label span{display:block;margin-bottom:7px;color:#147cf5;font-size:.64rem;font-weight:800;letter-spacing:.13em;}
.corporate-art-label strong{display:block;font-size:.95rem;line-height:1.35;}
.corporate-intro{padding-bottom:66px;}
.corporate-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;}
.corporate-signals>div{padding:17px;border:1px solid #dce9f6;border-radius:13px;background:#fbfdff;}
.corporate-signals span{display:inline-grid;place-items:center;width:31px;height:31px;margin-bottom:11px;border-radius:8px;background:#eaf4ff;color:#147cf5;font-family:"DM Sans",Arial,sans-serif;font-size:.7rem;font-weight:800;}
.corporate-signals strong{display:block;color:#12345d;font-size:.96rem;}
.corporate-signals p{margin:6px 0 0!important;color:#637996!important;font-size:.84rem!important;line-height:1.55!important;}
.corporate-values{padding-top:66px;background:linear-gradient(180deg,#f5f9fd 0%,#ffffff 100%);border-top:1px solid #e5eef7;border-bottom:1px solid #e5eef7;}
.corporate-heading{margin-bottom:31px!important;}
.corporate-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;}
.corporate-value-card{padding:23px 20px;border:1px solid #dce8f4;border-radius:15px;background:#fff;box-shadow:0 9px 23px rgba(16,50,91,.055);}
.corporate-value-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:17px;border-radius:12px;background:#eaf5ff;color:#147cf5;font-family:"DM Sans",Arial,sans-serif;font-size:1.2rem;font-weight:800;}
.corporate-value-card h3{margin:0 0 9px;color:#123963;font-family:"DM Sans",Arial,sans-serif;font-size:1.03rem;line-height:1.25;}
.corporate-value-card p{margin:0;color:#607895;font-size:.88rem;line-height:1.63;}
.corporate-process{background:#fff;}
.corporate-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid #dbe8f5;border-radius:17px;overflow:hidden;background:#fff;}
.corporate-process-grid li{position:relative;padding:26px 22px;border-right:1px solid #dbe8f5;}
.corporate-process-grid li:last-child{border-right:0;}
.corporate-process-grid span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:17px;border-radius:10px;background:#0e73e7;color:#fff;font-family:"DM Sans",Arial,sans-serif;font-size:.76rem;font-weight:800;box-shadow:0 7px 14px rgba(14,115,231,.22);}
.corporate-process-grid h3{margin:0 0 8px;color:#153b65;font-family:"DM Sans",Arial,sans-serif;font-size:1rem;line-height:1.28;}
.corporate-process-grid p{margin:0;color:#627b97;font-size:.86rem;line-height:1.62;}
.corporate-sectors{border-top:1px solid #e4edf6;}
.corporate-cta{margin-top:0;}
@media(max-width:960px){
  .corporate-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .corporate-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .corporate-process-grid li:nth-child(2){border-right:0;}
  .corporate-process-grid li:nth-child(-n+2){border-bottom:1px solid #dbe8f5;}
}
@media(max-width:700px){
  .corporate-hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px;}
  .corporate-hero-actions .btn{justify-content:center;text-align:center;}
  .corporate-art{min-height:236px!important;}
  .corporate-art img{width:min(100%,152px)!important;height:118px!important;}
  .corporate-intro,.corporate-values{padding-top:56px!important;padding-bottom:56px!important;}
  .corporate-signals{grid-template-columns:1fr;}
  .corporate-values-grid{grid-template-columns:1fr;}
  .corporate-process-grid{grid-template-columns:1fr;}
  .corporate-process-grid li,.corporate-process-grid li:nth-child(2){border-right:0;border-bottom:1px solid #dbe8f5;}
  .corporate-process-grid li:last-child{border-bottom:0;}
}


/* Google Analytics çerez tercihi */
.cookie-consent{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100120;
  display:flex;
  align-items:center;
  gap:18px;
  width:min(620px,calc(100vw - 44px));
  padding:17px 18px;
  border:1px solid #d7e7f7;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 44px rgba(12,39,76,.20);
  color:#153b65;
  font-family:"DM Sans",Arial,sans-serif;
}
.cookie-consent-copy{min-width:0;}
.cookie-consent-copy strong{display:block;margin-bottom:4px;font-size:.98rem;}
.cookie-consent-copy p{margin:0;color:#5a718c;font-size:.81rem;line-height:1.55;}
.cookie-consent-copy a{color:#0d6fe5;font-weight:700;text-decoration:none;}
.cookie-consent-copy a:hover{text-decoration:underline;}
.cookie-consent-actions{display:flex;flex:0 0 auto;gap:8px;}
.cookie-btn{
  min-height:39px;
  padding:9px 13px;
  border-radius:9px;
  font:700 .79rem/1 "DM Sans",Arial,sans-serif;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.cookie-btn:hover{transform:translateY(-1px);}
.cookie-btn-secondary{border:1px solid #d5e3f1;background:#fff;color:#31506f;}
.cookie-btn-primary{border:1px solid #0e73e7;background:#0e73e7;color:#fff;box-shadow:0 8px 16px rgba(14,115,231,.22);}
@media(max-width:700px){
  .cookie-consent{
    right:12px;
    bottom:12px;
    left:12px;
    width:auto;
    align-items:stretch;
    flex-direction:column;
    gap:12px;
    padding:15px;
    border-radius:14px;
  }
  .cookie-consent-actions{width:100%;}
  .cookie-btn{flex:1;}
}

/* ================================================================
   DARDANOS - MOBİL MENÜ VE ANA BANNER KESİN DÜZELTME (2026-07-05)
   Önceki mobil menü kurallarını tek bir stabil yapıda birleştirir.
   ================================================================ */
@media (max-width:700px){
  html,
  body{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  html.mobile-menu-open,
  html.mobile-menu-open body{
    overflow:hidden !important;
    overscroll-behavior:none;
  }

  .site-header{
    position:relative !important;
    z-index:100000 !important;
    overflow:visible !important;
  }

  .site-header .navbar{
    position:relative !important;
    overflow:visible !important;
    z-index:100001 !important;
  }

  /* Mobilde ana banner daha açık kalır; başlık ve açıklama okunur. */
  .hero-banner::before{
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.94) 0%,
        rgba(255,255,255,.89) 52%,
        rgba(255,255,255,.82) 100%),
      linear-gradient(90deg,
        rgba(255,255,255,.97) 0%,
        rgba(255,255,255,.86) 55%,
        rgba(255,255,255,.62) 100%) !important;
  }

  .hero-banner .hero-visual{
    width:100% !important;
    opacity:.18 !important;
    filter:brightness(.86) contrast(1.08) saturate(.92) !important;
    background-position:66% center !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }

  .hero-banner h1,
  .hero-banner .hero-copy,
  .hero-banner .hero-trust{
    position:relative !important;
    z-index:3 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.95) !important;
  }

  .hero-banner .hero-copy{
    color:#1a416e !important;
    font-weight:500 !important;
  }

  /* Hamburger açıldığında panel tam ekran genişliğinde açılır. */
  .site-header .nav-links{
    position:fixed !important;
    top:var(--mobile-header-height,118px) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    min-width:0 !important;
    max-width:none !important;
    height:calc(100dvh - var(--mobile-header-height,118px)) !important;
    max-height:none !important;
    margin:0 !important;
    padding:20px 24px calc(30px + env(safe-area-inset-bottom)) !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    background:#ffffff !important;
    border-top:1px solid #e2edf8 !important;
    box-shadow:0 18px 34px rgba(9,42,84,.18) !important;
    z-index:100100 !important;
    -webkit-overflow-scrolling:touch;
  }

  .site-header .nav-links.open{
    display:flex !important;
  }

  .site-header .nav-links > a,
  .site-header .nav-dropdown,
  .site-header .nav-dropdown-link,
  .site-header .nav-cta{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .site-header .nav-links > a,
  .site-header .nav-dropdown-link{
    padding:15px 0 !important;
    color:#0b2345 !important;
    font-family:"DM Sans",Arial,sans-serif !important;
    font-size:1.08rem !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    text-align:left !important;
  }

  .site-header .nav-links > a + a,
  .site-header .nav-dropdown,
  .site-header .nav-dropdown + a{
    border-top:1px solid #edf2f8 !important;
  }

  .site-header .nav-cta{
    margin-top:16px !important;
    padding:15px 18px !important;
    color:#fff !important;
    text-align:center !important;
    border:0 !important;
    border-radius:12px !important;
    background:#147cf5 !important;
    font-size:1rem !important;
  }

  /* Hizmetlerimiz alt menüsü yalnızca dokunmayla açılır. */
  .site-header .nav-dropdown{
    position:relative !important;
    overflow:visible !important;
  }

  .site-header .nav-dropdown::after{
    display:none !important;
    content:none !important;
  }

  .site-header .nav-dropdown:hover .nav-submenu,
  .site-header .nav-dropdown:focus-within .nav-submenu{
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  .site-header .nav-dropdown.is-open .nav-submenu{
    position:static !important;
    inset:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 0 12px !important;
    padding:7px 13px !important;
    box-sizing:border-box !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    overflow:visible !important;
    background:#f7fbff !important;
    border:1px solid #dceafa !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }

  .site-header .nav-dropdown:not(.is-open) .nav-submenu{
    display:none !important;
  }

  .site-header .nav-submenu a,
  .site-header .nav-submenu-all{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:12px 2px !important;
    box-sizing:border-box !important;
    color:#17375f !important;
    font-family:"DM Sans",Arial,sans-serif !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    text-align:left !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }

  .site-header .nav-submenu a + a{
    border-top:1px solid #e3edf7 !important;
  }

  .site-header .nav-submenu-all{
    color:#0d6fe5 !important;
  }

  .site-header .menu-toggle{
    position:relative !important;
    z-index:100101 !important;
  }
}

/* ================================================================
   MOBİL MENÜ AÇILMA DÜZELTMESİ — 2026-07-05
   Header toplam yüksekliği yerine yalnızca üst çubuğun altına açılır.
   ================================================================ */
@media (max-width:700px){
  :root{--mobile-menu-top:110px;}

  .site-header .menu-toggle{
    display:grid !important;
    position:relative !important;
    z-index:100300 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .site-header .nav-links{
    position:fixed !important;
    top:var(--mobile-menu-top) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - var(--mobile-menu-top)) !important;
    max-height:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:18px 24px calc(26px + env(safe-area-inset-bottom)) !important;
    box-sizing:border-box !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    white-space:normal !important;
    background:#fff !important;
    border-top:1px solid #dce9f6 !important;
    box-shadow:0 18px 36px rgba(8,39,79,.18) !important;
    z-index:100200 !important;
  }

  .site-header .nav-links.open{display:flex !important;}

  .site-header .nav-links > a,
  .site-header .nav-dropdown,
  .site-header .nav-dropdown-link,
  .site-header .nav-cta{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  .site-header .nav-links > a,
  .site-header .nav-dropdown-link{
    display:block !important;
    padding:15px 0 !important;
    color:#0b2345 !important;
    font-size:1.08rem !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    text-align:left !important;
  }

  .site-header .nav-dropdown{
    position:relative !important;
    display:block !important;
    margin:0 !important;
    border-top:1px solid #edf2f8 !important;
    overflow:visible !important;
  }

  .site-header .nav-links > a + a,
  .site-header .nav-dropdown + a{border-top:1px solid #edf2f8 !important;}

  .site-header .nav-dropdown:hover .nav-submenu,
  .site-header .nav-dropdown:focus-within .nav-submenu{display:none !important;}

  .site-header .nav-dropdown:not(.is-open) .nav-submenu{display:none !important;}

  .site-header .nav-dropdown.is-open .nav-submenu{
    position:static !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 0 12px !important;
    padding:6px 13px !important;
    box-sizing:border-box !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    overflow:visible !important;
    background:#f7fbff !important;
    border:1px solid #dceafa !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }

  .site-header .nav-submenu a,
  .site-header .nav-submenu-all{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-width:0 !important;
    padding:12px 2px !important;
    color:#17375f !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    text-align:left !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }

  .site-header .nav-submenu a + a{border-top:1px solid #e3edf7 !important;}
  .site-header .nav-submenu-all{color:#0d6fe5 !important;}

  .site-header .nav-cta{
    display:block !important;
    margin-top:16px !important;
    padding:15px 18px !important;
    color:#fff !important;
    background:#147cf5 !important;
    border:0 !important;
    border-radius:12px !important;
    font-size:1rem !important;
    line-height:1.2 !important;
    text-align:center !important;
  }
}

/* ================================================================
   MOBİL ANA SAYFA HERO GÖRSELİ — OKUNAKLI YENİ ARKA PLAN
   Masaüstü hero tasarımına dokunmadan yalnızca telefon ekranlarında
   boş/aydınlık metin alanı olan dikey görseli kullanır.
   ================================================================ */
@media (max-width:700px){
  .hero.hero-banner{
    min-height:720px !important;
    background:#f8fbff !important;
  }

  .hero.hero-banner .hero-visual{
    inset:0 !important;
    width:100% !important;
    min-height:100% !important;
    opacity:1 !important;
    filter:none !important;
    background-image:url("hero-mobile-lobby.jpg") !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }

  /* Görselin solundaki açık alan korunur; metin doğrudan okunur. */
  .hero.hero-banner::before{
    z-index:0 !important;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.62) 0%,
        rgba(255,255,255,.34) 61%,
        rgba(255,255,255,.06) 100%) !important;
  }

  .hero.hero-banner .hero-banner-content{
    min-height:720px !important;
    padding:58px 0 58px !important;
  }

  .hero.hero-banner .hero-approved-copy{
    max-width:100% !important;
    padding-right:0 !important;
  }

  .hero.hero-banner h1{
    max-width:345px !important;
    font-size:clamp(2.18rem,9.25vw,3.15rem) !important;
    line-height:1.05 !important;
    letter-spacing:-.055em !important;
    color:#082b58 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.98) !important;
  }

  .hero.hero-banner .hero-copy{
    max-width:325px !important;
    color:#1d466f !important;
    font-size:.94rem !important;
    line-height:1.62 !important;
    font-weight:600 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.98) !important;
  }

  .hero.hero-banner .hero-kicker{
    max-width:calc(100% - 16px) !important;
    background:rgba(255,255,255,.84) !important;
    backdrop-filter:blur(4px);
  }

  .hero.hero-banner .hero-actions{
    max-width:330px !important;
  }

  .hero.hero-banner .hero-trust{
    max-width:290px !important;
    color:#153d69 !important;
    font-weight:700 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.98) !important;
  }
}

@media (max-width:390px){
  .hero.hero-banner,
  .hero.hero-banner .hero-banner-content{
    min-height:690px !important;
  }
  .hero.hero-banner .hero-banner-content{
    padding-top:48px !important;
    padding-bottom:44px !important;
  }
  .hero.hero-banner h1{font-size:clamp(2.02rem,9vw,2.7rem) !important;}
  .hero.hero-banner .hero-copy{font-size:.90rem !important;}
}


/* ================================================================
   SABİT ÜST MENÜ + SÜREKLİ YUKARI ÇIK BUTONU — 2026-07-05
   Tüm sayfalarda üst bilgi ve ana menüyü görünür tutar.
   ================================================================ */
:root{
  --dardanos-sticky-offset:150px;
}
html{
  scroll-padding-top:var(--dardanos-sticky-offset);
}
.site-header{
  position:sticky !important;
  top:0 !important;
  width:100% !important;
  z-index:100500 !important;
  background:#fff !important;
  transition:box-shadow .2s ease;
}
.site-header.is-scrolled{
  box-shadow:0 9px 24px rgba(10,42,83,.13) !important;
}
.back-to-top{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:1200;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 15px;
  border:1px solid rgba(20,124,245,.18);
  border-radius:999px;
  background:#fff;
  color:#0d6fe5;
  box-shadow:0 12px 26px rgba(10,48,94,.16);
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.86rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.back-to-top:hover,
.back-to-top:focus-visible{
  outline:none;
  transform:translateY(-2px);
  background:#f3f9ff;
  box-shadow:0 15px 30px rgba(10,48,94,.20);
}
.back-to-top span:first-child{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#147cf5;
  color:#fff;
  font-size:1.05rem;
  font-weight:700;
}
@media(max-width:700px){
  :root{--dardanos-sticky-offset:110px;}
  .site-header{
    position:sticky !important;
    top:0 !important;
  }
  .back-to-top{
    left:14px;
    bottom:14px;
    min-height:42px;
    padding:0 13px;
    font-size:.79rem;
  }
  html.mobile-menu-open .back-to-top,
  body.mobile-menu-open .back-to-top{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
}

/* ================================================================
   ÜST BANNER / ANA MENÜ KESİN SABİT — 2026-07-05
   Sticky davranışı yerine fixed kullanılır; tarayıcıda kaybolmaz.
   ================================================================ */
:root{
  --dardanos-fixed-header-height:144px;
}
html{
  scroll-padding-top:calc(var(--dardanos-fixed-header-height) + 12px) !important;
}
body{
  padding-top:var(--dardanos-fixed-header-height) !important;
}
.site-header{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:100500 !important;
}
@media(max-width:700px){
  :root{
    --dardanos-fixed-header-height:118px;
  }
  .site-header{
    position:fixed !important;
    top:0 !important;
  }
  /* Açılan mobil panel sabit üst bannerın hemen altından başlar. */
  .site-header .nav-links{
    top:var(--dardanos-fixed-header-height) !important;
    height:calc(100dvh - var(--dardanos-fixed-header-height)) !important;
  }
}


/* ================================================================
   PREMIUM AÇIK MAVİ-GRİ ZEMİN TASARIMI — 2026-07-05
   Ana içerik alanlarına sade, ferah ve kurumsal bir derinlik verir.
   Hero, koyu çözüm alanı ve keşif formu korunur.
   ================================================================ */
:root{
  --dardanos-page-surface:#f4f8fc;
  --dardanos-page-surface-soft:#eef4fa;
  --dardanos-card-surface:#ffffff;
  --dardanos-surface-line:#e0eaf4;
}

body{
  background:
    radial-gradient(circle at 8% 14%, rgba(56,145,242,.075) 0, rgba(56,145,242,0) 28%),
    radial-gradient(circle at 94% 42%, rgba(129,181,236,.09) 0, rgba(129,181,236,0) 31%),
    linear-gradient(180deg,#f9fbfe 0%, var(--dardanos-page-surface) 46%, var(--dardanos-page-surface-soft) 100%) !important;
}

/* Açık bölümlerde beyazı kırmadan şık mavi-gri zemin dengesi */
.intro,
.services,
.applications,
.brands,
.contact,
.contact-pro{
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.74) 0%,rgba(242,247,252,.92) 100%) !important;
}

.services,
.applications,
.contact-pro{
  border-top:1px solid rgba(211,225,239,.72);
  border-bottom:1px solid rgba(211,225,239,.72);
}

.intro::after,
.services::after,
.brands::after,
.contact-pro::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.40) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 30%,rgba(0,0,0,.16) 70%,transparent 100%);
  opacity:.28;
}

.intro .container,
.services .container,
.applications .container,
.brands .container,
.contact .container,
.contact-pro .container{
  position:relative;
  z-index:1;
}

/* Kartların zeminden ayrışmasını sağlayan yumuşak, premium yüzey */
.service-card,
.application-card,
.brand-item,
.logo-slide,
.contact-card-pro,
.quote-card,
.contact-list > *,
.application-chips span{
  background:rgba(255,255,255,.94) !important;
  border-color:var(--dardanos-surface-line) !important;
  box-shadow:0 14px 32px rgba(18,61,107,.07) !important;
}

.service-card:hover,
.application-card:hover,
.logo-slide:hover{
  box-shadow:0 19px 38px rgba(18,76,137,.12) !important;
}

.brand-row,
.logo-slider{
  border-color:var(--dardanos-surface-line) !important;
}

/* İletişim bölümünde harita ve bilgi kartı daha temiz görünür */
.contact-showcase{
  background:#e8f0f8 !important;
  border-color:#d5e3f0 !important;
}

/* Mobilde zemin efekti çok hafif kalır; okunurluğu etkilemez. */
@media(max-width:700px){
  body{
    background:linear-gradient(180deg,#f9fbfe 0%,#eff5fb 100%) !important;
  }
  .intro,
  .services,
  .applications,
  .brands,
  .contact,
  .contact-pro{
    background:linear-gradient(180deg,#fbfdff 0%,#f1f6fb 100%) !important;
  }
  .intro::after,
  .services::after,
  .brands::after,
  .contact-pro::after{opacity:.14; background-size:68px 68px;}
}


/* ================================================================
   PREMIUM ÜST BANNER VE MENÜ ZEMİNİ — 2026-07-05
   Beyaz üst alanı açık mavi-gri, kurumsal bir yüzeye dönüştürür.
   ================================================================ */
.site-header,
.site-header.is-scrolled{
  background:
    linear-gradient(112deg,
      #eaf3fc 0%,
      #f9fcff 46%,
      #e7f1fb 100%) !important;
  border-bottom:1px solid #d7e5f2 !important;
  box-shadow:0 8px 24px rgba(18,68,118,.10) !important;
}

.site-header .topbar{
  background:
    linear-gradient(90deg,
      #e3f0fc 0%,
      #f5faff 52%,
      #e8f3fd 100%) !important;
  border-bottom:1px solid #d6e4f1 !important;
  color:#24496e !important;
}

.site-header .navbar{
  background:transparent !important;
}

.site-header .topbar a{
  color:#0d64c8 !important;
}

.site-header .nav-links > a,
.site-header .nav-dropdown-link{
  color:#102c50 !important;
}

.site-header .nav-links > a:hover,
.site-header .nav-dropdown-link:hover{
  color:#147cf5 !important;
}

.site-header .nav-cta{
  background:linear-gradient(135deg,#1986fb 0%,#0d6fe5 100%) !important;
  box-shadow:0 11px 24px rgba(20,124,245,.23) !important;
}

/* Açılır hizmet menüsü header zeminiyle uyumlu, fakat okunaklı kalır. */
.site-header .nav-submenu{
  background:rgba(250,253,255,.98) !important;
  border-color:#d9e7f4 !important;
}

/* Mobilde menü paneli açık mavi-beyaz dengede kalsın. */
@media(max-width:700px){
  .site-header,
  .site-header.is-scrolled{
    background:linear-gradient(112deg,#edf5fc 0%,#f9fcff 50%,#e8f2fc 100%) !important;
  }

  .site-header .nav-links{
    background:#f8fbff !important;
    border-left:1px solid #d9e7f4 !important;
    box-shadow:-14px 16px 34px rgba(19,62,108,.16) !important;
  }
}



/* ================================================================
   MOBİL DÜZEN KORUMA — mevcut menü ve hero görünümünü sabit tutar.
   ================================================================ */
@media (max-width:700px){
  :root{
    --dardanos-fixed-header-height:118px;
    --mobile-menu-top:118px;
  }

  html,
  body{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  html.mobile-menu-open,
  html.mobile-menu-open body{
    overflow:hidden !important;
    overscroll-behavior:none;
  }

  .site-header{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    z-index:100500 !important;
    overflow:visible !important;
  }

  .site-header .navbar{
    position:relative !important;
    overflow:visible !important;
    z-index:100501 !important;
  }

  .site-header .menu-toggle{
    display:grid !important;
    position:relative !important;
    z-index:100503 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .site-header .nav-links{
    position:fixed !important;
    top:var(--mobile-menu-top) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    min-width:0 !important;
    max-width:none !important;
    height:calc(100dvh - var(--mobile-menu-top)) !important;
    max-height:none !important;
    margin:0 !important;
    padding:20px 24px calc(30px + env(safe-area-inset-bottom)) !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    background:#f8fbff !important;
    border-top:1px solid #dce8f4 !important;
    border-left:0 !important;
    box-shadow:0 18px 34px rgba(9,42,84,.18) !important;
    z-index:100502 !important;
    -webkit-overflow-scrolling:touch;
  }

  .site-header .nav-links.open{
    display:flex !important;
  }

  .site-header .nav-links > a,
  .site-header .nav-dropdown,
  .site-header .nav-dropdown-link,
  .site-header .nav-cta{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .site-header .nav-links > a,
  .site-header .nav-dropdown-link{
    padding:15px 0 !important;
    color:#0b2345 !important;
    font-family:"DM Sans",Arial,sans-serif !important;
    font-size:1.08rem !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    text-align:left !important;
  }

  .site-header .nav-links > a + a,
  .site-header .nav-dropdown,
  .site-header .nav-dropdown + a{
    border-top:1px solid #e3edf7 !important;
  }

  .site-header .nav-cta{
    margin-top:16px !important;
    padding:15px 18px !important;
    color:#fff !important;
    text-align:center !important;
    border:0 !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#33818b 0%,#1f6371 100%) !important;
    font-size:1rem !important;
  }

  .site-header .nav-dropdown{
    position:relative !important;
    overflow:visible !important;
  }

  .site-header .nav-dropdown:hover .nav-submenu,
  .site-header .nav-dropdown:focus-within .nav-submenu{
    display:none !important;
  }

  .site-header .nav-dropdown:not(.is-open) .nav-submenu{
    display:none !important;
  }

  .site-header .nav-dropdown.is-open .nav-submenu{
    position:static !important;
    inset:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 0 12px !important;
    padding:7px 13px !important;
    box-sizing:border-box !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    overflow:visible !important;
    background:#f4f9fb !important;
    border:1px solid #d6e7ea !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }

  .site-header .nav-submenu a,
  .site-header .nav-submenu-all{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:12px 2px !important;
    box-sizing:border-box !important;
    color:#183e55 !important;
    font-family:"DM Sans",Arial,sans-serif !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    text-align:left !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }

  .site-header .nav-submenu a + a{
    border-top:1px solid #e0ecef !important;
  }

  .site-header .nav-submenu-all{
    color:#247181 !important;
  }

  /* Mobilde arka planda açık metin bölgesi olan dikey hero görseli */
  .hero.hero-banner{
    min-height:720px !important;
    background:#f8fbff !important;
  }

  .hero.hero-banner .hero-visual{
    inset:0 !important;
    width:100% !important;
    min-height:100% !important;
    opacity:1 !important;
    filter:none !important;
    background-image:url("hero-mobile-lobby.jpg") !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }

  .hero.hero-banner::before{
    z-index:0 !important;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.65) 0%,
        rgba(255,255,255,.39) 61%,
        rgba(255,255,255,.08) 100%) !important;
  }

  .hero.hero-banner .hero-banner-content{
    min-height:720px !important;
    padding:58px 0 !important;
  }

  .hero.hero-banner .hero-approved-copy{
    max-width:100% !important;
    padding-right:0 !important;
  }

  .hero.hero-banner h1{
    max-width:345px !important;
    font-size:clamp(2.18rem,9.25vw,3.15rem) !important;
    line-height:1.05 !important;
    letter-spacing:-.055em !important;
    color:#082b58 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.98) !important;
  }

  .hero.hero-banner .hero-copy{
    max-width:325px !important;
    color:#1d466f !important;
    font-size:.94rem !important;
    line-height:1.62 !important;
    font-weight:600 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.98) !important;
  }

  .hero.hero-banner .hero-kicker{
    max-width:calc(100% - 16px) !important;
    background:rgba(255,255,255,.84) !important;
    backdrop-filter:blur(4px);
  }

  .hero.hero-banner .hero-actions{
    max-width:330px !important;
  }

  .hero.hero-banner .hero-trust{
    max-width:290px !important;
    color:#153d69 !important;
    font-weight:700 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.98) !important;
  }
}

@media(max-width:390px){
  .hero.hero-banner,
  .hero.hero-banner .hero-banner-content{
    min-height:690px !important;
  }
  .hero.hero-banner .hero-banner-content{
    padding-top:48px !important;
    padding-bottom:44px !important;
  }
  .hero.hero-banner h1{
    font-size:clamp(2.02rem,9vw,2.7rem) !important;
  }
  .hero.hero-banner .hero-copy{
    font-size:.90rem !important;
  }
}



/* ================================================================
   ÜCRETSİZ KEŞİF — YUMUŞAK PETROL / MAVİ-GRİ TON
   Canlı, göz yoran mavi yerine sakin ve premium güvenlik paleti.
   ================================================================ */
.discovery-pro{
  background:
    radial-gradient(circle at 8% 18%, rgba(126,190,194,.22), transparent 31%),
    radial-gradient(circle at 88% 76%, rgba(83,151,162,.22), transparent 34%),
    linear-gradient(135deg,#183847 0%,#245b68 52%,#3c7881 130%) !important;
}

.discovery-pro:before{
  background-image:
    linear-gradient(rgba(235,250,250,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(235,250,250,.045) 1px,transparent 1px) !important;
}

.discovery-pro .discovery-lead,
.discovery-pro .benefit-item p{
  color:#d6e9ea !important;
}

.discovery-pro .benefit-item{
  border-bottom-color:rgba(214,238,237,.18) !important;
}

.discovery-pro .benefit-icon{
  background:rgba(220,246,245,.11) !important;
  border-color:rgba(198,234,231,.30) !important;
  color:#c3edeb !important;
}

.discovery-pro .discovery-contact-strip{
  border-color:rgba(211,237,235,.22) !important;
  background:rgba(10,42,52,.23) !important;
}

.discovery-pro .discovery-contact-strip small{
  color:#bddfdf !important;
}

.quote-card{
  box-shadow:0 26px 70px rgba(7,31,41,.28) !important;
}

.quote-card:before{
  border-color:rgba(44,116,125,.18) !important;
}

.quote-step{
  background:#e8f5f4 !important;
  color:#2c747d !important;
}

.quote-form-pro input:focus,
.quote-form-pro select:focus,
.quote-form-pro textarea:focus{
  border-color:#4e9aa1 !important;
  box-shadow:0 0 0 3px rgba(60,128,136,.14) !important;
}

.consent-check input{
  accent-color:#2f7d86 !important;
}

.quote-submit{
  background:linear-gradient(135deg,#36828b 0%,#245f6c 100%) !important;
  box-shadow:0 10px 22px rgba(26,87,98,.20) !important;
}

.quote-submit:hover{
  background:linear-gradient(135deg,#2d707a 0%,#1e5360 100%) !important;
}




/* CTA kart görünürlük düzeltmesi */
.application-card.application-card-cta{
  background:linear-gradient(145deg,#1a4650 0%,#2e7780 58%,#5f9ea5 100%) !important;
  border:1px solid rgba(87,145,152,.22) !important;
  color:#ffffff !important;
  box-shadow:0 18px 34px rgba(18,68,76,.18) !important;
}

.application-card.application-card-cta .application-cta-icon{
  color:#2d7d86 !important;
  background:#ffffff !important;
}

.application-card.application-card-cta .application-tag.light{
  color:#edf9fa !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.24) !important;
}

.application-card.application-card-cta h3{
  color:#ffffff !important;
}

.application-card.application-card-cta p{
  color:#e6f5f6 !important;
}

.application-card.application-card-cta .btn,
.application-card.application-card-cta .btn-light{
  background:#ffffff !important;
  color:#204b56 !important;
  border:1px solid rgba(31,84,94,.10) !important;
  font-weight:800 !important;
}

.application-card.application-card-cta .btn span,
.application-card.application-card-cta .btn-light span{
  color:#204b56 !important;
}




/* PALET BÜTÜNLÜĞÜ DÜZELTMESİ */
/* Projenize Özel kartı tekrar DardanOS'un mavi paletine döner. */
.application-card.application-card-cta{
  background:
    radial-gradient(circle at 92% 12%, rgba(255,255,255,.16), transparent 26%),
    linear-gradient(145deg,#0b4c8b 0%,#1473c5 58%,#5ca6df 122%) !important;
  border:1px solid rgba(84,161,222,.34) !important;
  box-shadow:0 18px 34px rgba(21,91,157,.20) !important;
}

.application-card.application-card-cta:hover{
  box-shadow:0 23px 40px rgba(21,91,157,.26) !important;
}

.application-card.application-card-cta .application-cta-icon{
  color:#1473c5 !important;
  background:#ffffff !important;
}

.application-card.application-card-cta .application-tag.light{
  color:#edf7ff !important;
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,255,255,.27) !important;
}

.application-card.application-card-cta h3{
  color:#ffffff !important;
}

.application-card.application-card-cta p{
  color:#eaf5ff !important;
}

.application-card.application-card-cta .btn,
.application-card.application-card-cta .btn-light{
  background:#ffffff !important;
  color:#0d4f8f !important;
  border-color:rgba(13,79,143,.10) !important;
}

.application-card.application-card-cta .btn span,
.application-card.application-card-cta .btn-light span{
  color:#0d4f8f !important;
}

/* Ücretsiz Keşif bölümünün renk dolgusu yeniden görünür ve daha sakin kalır. */
.discovery.discovery-pro{
  background:
    radial-gradient(circle at 7% 16%, rgba(158,207,237,.18), transparent 30%),
    radial-gradient(circle at 92% 82%, rgba(116,179,222,.22), transparent 33%),
    linear-gradient(135deg,#123e68 0%,#215f91 54%,#4d8db8 126%) !important;
  color:#ffffff !important;
}

.discovery.discovery-pro::before{
  display:block !important;
  background-image:
    linear-gradient(rgba(232,246,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232,246,255,.055) 1px, transparent 1px) !important;
}

.discovery.discovery-pro .discovery-lead,
.discovery.discovery-pro .benefit-item p{
  color:#e0f0fb !important;
}

.discovery.discovery-pro .benefit-item{
  border-bottom-color:rgba(223,241,252,.20) !important;
}

.discovery.discovery-pro .benefit-icon{
  color:#d7f0ff !important;
  background:rgba(230,246,255,.12) !important;
  border-color:rgba(216,240,255,.30) !important;
}

.discovery.discovery-pro .discovery-contact-strip{
  background:rgba(8,44,79,.25) !important;
  border-color:rgba(218,241,255,.24) !important;
}

.discovery.discovery-pro .discovery-contact-strip small{
  color:#d7ebf8 !important;
}

.discovery.discovery-pro .discovery-wa{
  color:#ffffff !important;
}

.discovery.discovery-pro .quote-card{
  box-shadow:0 26px 70px rgba(7,35,66,.25) !important;
}

.discovery.discovery-pro .quote-step{
  color:#145b91 !important;
  background:#eaf5ff !important;
}

.discovery.discovery-pro .quote-form-pro input:focus,
.discovery.discovery-pro .quote-form-pro select:focus,
.discovery.discovery-pro .quote-form-pro textarea:focus{
  border-color:#3f8fc4 !important;
  box-shadow:0 0 0 3px rgba(53,137,195,.15) !important;
}

.discovery.discovery-pro .consent-check input{
  accent-color:#246fae !important;
}

.discovery.discovery-pro .quote-submit{
  background:linear-gradient(135deg,#1974bb 0%,#0d4f8f 100%) !important;
  box-shadow:0 10px 22px rgba(11,75,139,.20) !important;
}

.discovery.discovery-pro .quote-submit:hover{
  background:linear-gradient(135deg,#1265a6 0%,#0a427a 100%) !important;
}




/* KESİN KEŞİF DOLGUSU VE KART UYUMU */
section#kesif.discovery.discovery-pro{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background-color:#1d5d8d !important;
  background-image:
    radial-gradient(circle at 7% 16%, rgba(183,222,247,.19) 0%, rgba(183,222,247,0) 31%),
    radial-gradient(circle at 91% 81%, rgba(115,174,216,.20) 0%, rgba(115,174,216,0) 34%),
    linear-gradient(135deg, #123d67 0%, #215f90 55%, #6c9fc1 132%) !important;
  color:#ffffff !important;
}

section#kesif.discovery.discovery-pro::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  opacity:1 !important;
  background-image:
    linear-gradient(rgba(234,247,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234,247,255,.05) 1px, transparent 1px) !important;
  background-size:52px 52px !important;
  pointer-events:none !important;
}

section#kesif.discovery.discovery-pro .container{
  position:relative !important;
  z-index:1 !important;
}

/* Uygulama alanlarındaki CTA kartı, beyaz-mavi genel tasarımla uyumlu ve okunaklı. */
.application-card.application-card-cta{
  background:
    radial-gradient(circle at 90% 10%, rgba(97,177,240,.24), transparent 30%),
    linear-gradient(145deg,#f7fbff 0%,#e8f4ff 58%,#d6ebfb 130%) !important;
  border:1px solid #c5dff5 !important;
  box-shadow:0 16px 30px rgba(17,78,137,.10) !important;
  color:#0d3c6e !important;
}

.application-card.application-card-cta:hover{
  border-color:#a9d2f2 !important;
  box-shadow:0 21px 35px rgba(17,78,137,.14) !important;
}

.application-card.application-card-cta .application-cta-icon{
  color:#1477d0 !important;
  background:#ffffff !important;
  box-shadow:0 8px 16px rgba(20,104,185,.13) !important;
}

.application-card.application-card-cta .application-tag.light{
  color:#0e67bb !important;
  background:#edf7ff !important;
  border:1px solid #c9e3f7 !important;
}

.application-card.application-card-cta h3{
  color:#0b315b !important;
}

.application-card.application-card-cta p{
  color:#4e6f91 !important;
}

.application-card.application-card-cta .btn,
.application-card.application-card-cta .btn-light{
  background:#1477d0 !important;
  color:#ffffff !important;
  border-color:#1477d0 !important;
  box-shadow:0 8px 17px rgba(20,119,208,.18) !important;
}

.application-card.application-card-cta .btn span,
.application-card.application-card-cta .btn-light span{
  color:#ffffff !important;
}




/* ÜST MENÜ ÜCRETSİZ KEŞİF BUTONU DÜZELTMESİ */
.site-header .nav-links > a.nav-cta,
.site-header .nav-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:54px !important;
  padding:0 20px !important;
  color:#ffffff !important;
  background:#147cf5 !important;
  background-image:linear-gradient(135deg,#2489f7 0%,#1169d8 100%) !important;
  border:1px solid rgba(17,105,216,.16) !important;
  border-radius:10px !important;
  box-shadow:0 10px 22px rgba(20,124,245,.24) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.site-header .nav-links > a.nav-cta:hover,
.site-header .nav-links > a.nav-cta:focus-visible,
.site-header .nav-cta:hover,
.site-header .nav-cta:focus-visible{
  color:#ffffff !important;
  background:#0f6bd8 !important;
  background-image:linear-gradient(135deg,#197ce8 0%,#0b5cbd 100%) !important;
  box-shadow:0 13px 25px rgba(20,124,245,.30) !important;
  transform:translateY(-1px) !important;
}

@media(max-width:700px){
  .site-header .nav-links > a.nav-cta,
  .site-header .nav-cta{
    display:flex !important;
    width:100% !important;
    min-height:52px !important;
    margin-top:16px !important;
    padding:14px 18px !important;
    color:#ffffff !important;
    background:#147cf5 !important;
    background-image:linear-gradient(135deg,#2489f7 0%,#1169d8 100%) !important;
    border:1px solid rgba(17,105,216,.16) !important;
    border-radius:12px !important;
    box-shadow:0 10px 22px rgba(20,124,245,.23) !important;
  }
}




/* ACİL ÜST MENÜ VE HERO TIKLAMA DÜZELTMESİ */
/* Üstteki Ücretsiz Keşif linkinin kutusunu sınırlar ve mavi dolgusunu zorunlu kılar. */
@media (min-width:701px){
  .site-header .nav-links{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
  }

  .site-header .nav-links > a.nav-cta,
  .site-header .nav-cta{
    position:relative !important;
    inset:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    flex:0 0 auto !important;
    width:146px !important;
    min-width:146px !important;
    max-width:146px !important;
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    margin:0 !important;
    padding:0 12px !important;
    overflow:hidden !important;
    color:#ffffff !important;
    background:#147cf5 !important;
    background-image:linear-gradient(135deg,#2489f7 0%,#1169d8 100%) !important;
    border:1px solid rgba(17,105,216,.20) !important;
    border-radius:10px !important;
    box-shadow:0 10px 22px rgba(20,124,245,.25) !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    z-index:2 !important;
  }

  .site-header .nav-links > a.nav-cta:hover,
  .site-header .nav-links > a.nav-cta:focus-visible,
  .site-header .nav-cta:hover,
  .site-header .nav-cta:focus-visible{
    color:#ffffff !important;
    background:#0f6bd8 !important;
    background-image:linear-gradient(135deg,#197ce8 0%,#0b5cbd 100%) !important;
  }
}

/* Hero başlığının üstünde görünmeyen link kalmış olsa bile başlık tıklanabilir alanı kapatır. */
.hero.hero-banner{
  position:relative !important;
  isolation:isolate !important;
  z-index:1 !important;
}

.hero.hero-banner .hero-banner-content{
  position:relative !important;
  z-index:20 !important;
}

.hero.hero-banner .hero-approved-copy{
  position:relative !important;
  z-index:21 !important;
  pointer-events:auto !important;
}

.hero.hero-banner h1,
.hero.hero-banner .hero-kicker,
.hero.hero-banner .hero-copy,
.hero.hero-banner .banner-trust{
  position:relative !important;
  z-index:22 !important;
  pointer-events:auto !important;
}

.hero.hero-banner h1{
  cursor:default !important;
  user-select:text !important;
}

.hero.hero-banner h1::after{
  content:"" !important;
  position:absolute !important;
  inset:-10px -8px !important;
  z-index:1 !important;
  display:block !important;
  pointer-events:auto !important;
}

/* Hero içindeki gerçek CTA butonları kendi boyutlarıyla sınırlı kalsın. */
.hero.hero-banner .hero-actions{
  position:relative !important;
  z-index:23 !important;
  display:flex !important;
  align-items:center !important;
}

.hero.hero-banner .hero-actions > a{
  position:relative !important;
  inset:auto !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:max-content !important;
  height:auto !important;
  max-height:none !important;
}




/* ÜCRETSİZ KEŞİF AYRI SAYFA */
.request-page{
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 33%,#f6faff 100%);
}

.request-page-intro{
  position:relative;
  overflow:hidden;
  padding:188px 0 74px;
  background:
    radial-gradient(circle at 86% 20%,rgba(95,173,235,.22),transparent 28%),
    radial-gradient(circle at 8% 88%,rgba(53,129,199,.10),transparent 34%),
    linear-gradient(135deg,#eef7ff 0%,#f9fcff 50%,#e6f2fc 100%);
  border-bottom:1px solid #dceaf6;
}

.request-page-intro::after{
  content:"";
  position:absolute;
  inset:auto -100px -150px auto;
  width:420px;
  height:420px;
  border:1px solid rgba(45,126,202,.15);
  border-radius:50%;
  pointer-events:none;
}

.request-page-intro-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:58px;
  align-items:end;
}

.request-page-intro h1{
  max-width:700px;
  margin:10px 0 18px;
  color:#0c315c;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:clamp(2.25rem,4.1vw,4.1rem);
  line-height:1.04;
  letter-spacing:-.055em;
}

.request-page-intro p:not(.eyebrow){
  max-width:665px;
  margin:0;
  color:#426788;
  font-size:1.04rem;
  line-height:1.78;
}

.request-page-trust{
  display:grid;
  gap:10px;
}

.request-page-trust > div{
  display:grid;
  grid-template-columns:40px 1fr;
  column-gap:12px;
  align-items:center;
  padding:14px 16px;
  background:rgba(255,255,255,.78);
  border:1px solid #d5e7f5;
  border-radius:13px;
  box-shadow:0 12px 28px rgba(25,87,142,.07);
}

.request-page-trust span{
  grid-row:span 2;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  color:#1475ce;
  background:#eaf5ff;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.72rem;
  font-weight:800;
}

.request-page-trust strong{
  color:#143c67;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.92rem;
  line-height:1.25;
}

.request-page-trust small{
  margin-top:2px;
  color:#6682a0;
  font-size:.78rem;
  line-height:1.35;
}

.request-discovery{
  margin:0;
}

.request-discovery.discovery-pro{
  border-top:0;
}

@media(max-width:900px){
  .request-page-intro{
    padding:156px 0 58px;
  }
  .request-page-intro-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .request-page-trust{
    max-width:620px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .request-page-trust > div{
    grid-template-columns:1fr;
    gap:7px;
  }
  .request-page-trust span{
    grid-row:auto;
  }
}

@media(max-width:700px){
  .request-page-intro{
    padding:150px 0 42px;
  }
  .request-page-intro h1{
    font-size:clamp(2.05rem,9vw,2.8rem);
    letter-spacing:-.05em;
  }
  .request-page-intro p:not(.eyebrow){
    font-size:.95rem;
    line-height:1.7;
  }
  .request-page-trust{
    grid-template-columns:1fr;
  }
  .request-page-trust > div{
    grid-template-columns:38px 1fr;
    column-gap:11px;
  }
  .request-page-trust span{
    grid-row:span 2;
  }
}




/* ÇÖZÜMLERİMİZ AYRI SAYFA */
.solutions-page{
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 28%,#f7fbff 100%);
}
.solutions-page-hero{
  position:relative;
  overflow:hidden;
  padding:188px 0 76px;
  background:
    radial-gradient(circle at 87% 17%,rgba(58,145,225,.22),transparent 28%),
    radial-gradient(circle at 7% 90%,rgba(21,105,185,.10),transparent 34%),
    linear-gradient(135deg,#eff8ff 0%,#fbfdff 54%,#e6f2fb 100%);
  border-bottom:1px solid #dceaf6;
}
.solutions-page-hero::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-200px;
  bottom:-310px;
  border:1px solid rgba(40,126,206,.15);
  border-radius:50%;
  pointer-events:none;
}
.solutions-page-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);
  gap:58px;
  align-items:end;
}
.solutions-page-copy h1{
  max-width:760px;
  margin:10px 0 18px;
  color:#0b315d;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:clamp(2.3rem,4.25vw,4.25rem);
  line-height:1.04;
  letter-spacing:-.06em;
}
.solutions-page-copy > p:not(.eyebrow){
  max-width:700px;
  margin:0;
  color:#466c8d;
  font-size:1.03rem;
  line-height:1.78;
}
.solutions-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.solutions-page-actions .btn-primary{
  box-shadow:0 11px 25px rgba(20,124,245,.22);
}
.solutions-page-call{
  color:#134775;
  border:1px solid #bfd9ee;
  background:rgba(255,255,255,.7);
}
.solutions-page-panel{
  display:grid;
  gap:0;
  overflow:hidden;
  border:1px solid #cde2f4;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 40px rgba(26,91,149,.10);
}
.solutions-page-panel-label{
  display:block;
  padding:15px 18px;
  color:#1372c9;
  background:#eff8ff;
  border-bottom:1px solid #d8e9f6;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.solutions-page-panel > div{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:12px;
  align-items:center;
  padding:17px 18px;
  border-top:1px solid #e0edf7;
}
.solutions-page-panel > div:first-of-type{border-top:0}
.solutions-page-panel strong{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  color:#1372c9;
  background:#eaf6ff;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.76rem;
}
.solutions-page-panel p{
  margin:0;
  color:#254c71;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:.91rem;
  font-weight:700;
  line-height:1.35;
}
.solution-page-solutions{
  padding-top:88px;
  padding-bottom:88px;
}
.solution-page-solutions .solutions-heading{max-width:960px}
.solutions-page-cta{
  padding:72px 0;
  color:#ffffff;
  background:
    radial-gradient(circle at 85% 22%,rgba(123,194,244,.20),transparent 30%),
    linear-gradient(135deg,#0f3c67 0%,#1e6394 60%,#4b8fb8 135%);
}
.solutions-page-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}
.solutions-page-cta h2{
  max-width:760px;
  color:#ffffff;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:clamp(2rem,3.4vw,3.2rem);
}
.solutions-page-cta p:not(.eyebrow){
  max-width:680px;
  margin:14px 0 0;
  color:#dceefa;
}
.solutions-page-cta .eyebrow{color:#bce2ff}
.solutions-page-cta .btn{
  flex:0 0 auto;
  white-space:nowrap;
  color:#11518a;
  box-shadow:0 12px 25px rgba(2,37,71,.20);
}
@media(max-width:900px){
  .solutions-page-hero{padding:156px 0 60px}
  .solutions-page-hero-grid{grid-template-columns:1fr;gap:30px}
  .solutions-page-panel{max-width:650px}
  .solutions-page-cta-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .solutions-page-hero{padding:150px 0 44px}
  .solutions-page-copy h1{font-size:clamp(2.03rem,9vw,2.85rem)}
  .solutions-page-copy > p:not(.eyebrow){font-size:.95rem;line-height:1.72}
  .solutions-page-actions{flex-direction:column;align-items:flex-start}
  .solutions-page-actions .btn{width:100%}
  .solution-page-solutions{padding-top:64px;padding-bottom:64px}
  .solutions-page-cta{padding:58px 0}
  .solutions-page-cta .btn{width:100%}
}