:root{
  --bg:#f4f8ff;
  --surface:#ffffff;
  --surface-2:#eef5ff;
  --text:#10213f;
  --muted:#61708f;
  --line:rgba(17,55,120,.10);
  --blue:#0b5cff;
  --blue-2:#4ea4ff;
  --blue-dark:#0a3ea8;
  --green:#17b56b;
  --shadow:0 18px 50px rgba(18,57,130,.12);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#f9fbff 0%,#eef5ff 100%);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.page-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(78,164,255,.18),transparent 22%),radial-gradient(circle at 85% 15%,rgba(11,92,255,.12),transparent 24%),radial-gradient(circle at 50% 80%,rgba(78,164,255,.10),transparent 26%);z-index:-1}
.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.narrow{width:min(860px,100%);margin-inline:auto}
.center{text-align:center}
.section{padding:72px 0}
.soft-bg{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(238,245,255,.85))}
.glass{background:rgba(255,255,255,.76);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,55,120,.07)}
.static-header{position:static}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.03em}
.brand span{color:var(--blue)}
.site-nav{position:fixed;left:16px;right:16px;top:78px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;display:none;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.site-nav a{color:var(--muted);font-weight:600}
.site-nav.is-open{display:flex}
.inline-nav{position:static;display:flex;flex-direction:row;background:none;border:0;padding:0;box-shadow:none}
.menu-toggle{border:0;background:var(--surface);width:48px;height:48px;border-radius:14px;box-shadow:var(--shadow);font-size:1.2rem}
.desktop-cta{display:none}
.hero{padding:38px 0 34px}
.hero-grid{display:grid;gap:24px;align-items:center}
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(11,92,255,.09);color:var(--blue);font-size:.84rem;font-weight:700;margin-bottom:18px}
.kicker-light{background:rgba(255,255,255,.16);color:#fff}
.hero h1{font-size:clamp(2.15rem,8vw,4.35rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 14px}
.hero h1 span{background:linear-gradient(90deg, var(--blue) 0%, #21d9a3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{font-size:1.02rem;line-height:1.75;color:var(--muted);margin:0}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.hero-badges span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#21406f;font-weight:700;font-size:.9rem}
.hero-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 12px;border-radius:16px;font-weight:800;transition:.25s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);color:#fff;box-shadow:0 14px 30px rgba(11,92,255,.22)}
.btn-secondary{background:#fff;color:var(--blue);border-color:rgba(11,92,255,.14)}
.btn-white{background:#fff;color:var(--blue)}
.btn-lg{min-height:58px}
.btn-block{width:100%}
.quick-stats{display:grid;gap:12px}
.stat-card{padding:16px 18px;border-radius:20px}
.stat-card strong{display:block;font-size:1rem;margin-bottom:4px}
.stat-card span{display:block;color:var(--muted);font-size:.92rem;line-height:1.5}
.hero-visual .visual-shell{position:relative;overflow:hidden;border-radius:32px;padding:14px}
.hero-visual img{height:360px;width:100%;object-fit:cover;border-radius:24px}
.floating-note{position:absolute;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);max-width:250px}
.note-one{left:14px;bottom:82px}
.note-two{right:14px;bottom:18px}
.icon-circle{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-2));display:grid;place-items:center;color:#fff;font-weight:800;flex:0 0 auto}
.floating-note strong{display:block;font-size:.95rem}
.floating-note span{display:block;color:var(--muted);font-size:.82rem;line-height:1.4}
.trust-strip{padding:14px 0 0}
.trust-grid{display:grid;gap:12px}
.trust-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}
.trust-icon{font-size:1.4rem}
.section-head{margin-bottom:28px}
.section-head h2{font-size:clamp(1.75rem,5vw,2.9rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}
.section-head p{margin:0;color:var(--muted);line-height:1.75}
.audience-grid,.service-grid,.reviews-grid,.steps-grid,.blog-grid{display:grid;gap:16px}
.feature-card,.service-card,.review-card,.step-card,.blog-card{background:#fff;border:0px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
.feature-card h3,.service-card h3,.step-card h3{margin:0 0 10px;font-size:1.15rem}
.feature-card p,.service-card p,.step-card p,.review-card p{margin:0;color:var(--muted);line-height:1.7}
.big-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,rgba(11,92,255,.14),rgba(78,164,255,.2));display:grid;place-items:center;font-size:2rem;margin-bottom:16px}
.prepayment-box{border-radius:28px;padding:28px;display:grid;gap:18px;align-items:center}
.steps-grid{counter-reset:step}
.step-card{position:relative;padding-top:56px}
.step-no{position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-2));display:grid;place-items:center;color:#fff;font-weight:800}
.faq-list{display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:0 18px;box-shadow:var(--shadow)}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 28px 20px 0;font-weight:700;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:0;top:18px;font-size:1.3rem;color:var(--blue)}
.faq-item[open] summary::after{content:'–'}
.faq-item p{padding:0 0 18px;margin:0;color:var(--muted);line-height:1.75}
.stars{margin-bottom:12px;color:#ffb400;letter-spacing:2px}
.cta-band{padding-top:0}
.cta-box{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;border-radius:30px;padding:28px;display:grid;gap:16px;align-items:center;box-shadow:0 20px 50px rgba(11,92,255,.22)}
.cta-box h2{margin:0 0 10px;font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.08;letter-spacing:-.04em}
.cta-box p{margin:0;color:rgba(255,255,255,.84);line-height:1.7}
.contact-grid{display:grid;gap:18px;align-items:start}
.contact-copy h2{font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 12px}
.contact-copy p{color:var(--muted);line-height:1.75;margin:0 0 16px}
.contact-points{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.contact-points li{display:flex;gap:10px;align-items:center;font-weight:600;color:#23416d}
.contact-points span{width:28px;height:28px;border-radius:10px;background:rgba(23,181,107,.12);display:grid;place-items:center;color:var(--green)}
.lead-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}
.form-head h3{margin:0 0 6px;font-size:1.3rem}
.form-head p{margin:0 0 16px;color:var(--muted);line-height:1.6}
.lead-form label{display:block;margin-bottom:14px}
.lead-form span{display:block;font-weight:700;margin-bottom:8px}
.lead-form input,.lead-form textarea,.lead-form select{width:100%;border:1px solid rgba(16,33,63,.12);border-radius:16px;background:#f8fbff;padding:14px 16px;outline:none;transition:.2s ease}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:rgba(11,92,255,.35);background:#fff;box-shadow:0 0 0 4px rgba(11,92,255,.08)}
.lead-form small{display:block;color:var(--muted);line-height:1.6;margin-top:12px}
.site-footer{padding:26px 0 40px}
.footer-row{display:grid;gap:16px;border-top:1px solid rgba(17,55,120,.08);padding-top:24px}
.footer-row p{margin:8px 0 0;color:var(--muted);line-height:1.7}
.footer-links{display:flex;flex-wrap:wrap;gap:14px 18px;color:var(--muted);font-weight:600}
.blog-body{background:linear-gradient(180deg,#f9fbff,#eef5ff)}
.blog-main{padding-bottom:56px}
.blog-hero{padding:60px 0 18px}
.blog-hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 12px}
.blog-hero p{margin:0;color:var(--muted);line-height:1.75}
.blog-card{overflow:hidden;padding:0}
.blog-card img{height:220px;width:100%;object-fit:cover}
.blog-card-content{padding:22px}
.blog-date{display:inline-block;color:var(--blue);font-weight:700;font-size:.88rem;margin-bottom:10px}
.blog-card h2{font-size:1.2rem;line-height:1.3;margin:0 0 10px}
.blog-card p{margin:0;color:var(--muted);line-height:1.7}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}
@media (min-width:768px){
  .container{width:min(1180px,calc(100% - 56px))}
  .menu-toggle{display:none}
  .site-nav{position:static;display:flex !important;flex-direction:row;align-items:center;gap:20px;background:none;border:0;padding:0;box-shadow:none}
  .desktop-cta{display:inline-flex}
  .hero{padding:66px 0 38px}
  .hero-grid,.contact-grid,.cta-box,.prepayment-box{grid-template-columns:1.08fr .92fr}
  .hero-actions{flex-direction:row;flex-wrap:wrap}
  .quick-stats{grid-template-columns:repeat(3,1fr)}
  .trust-grid{grid-template-columns:repeat(3,1fr)}
  .audience-grid,.service-grid,.reviews-grid,.blog-grid{grid-template-columns:repeat(3,1fr)}
  .steps-grid{grid-template-columns:repeat(3,1fr)}
  .footer-row{grid-template-columns:1fr auto;align-items:center}
}
@media (min-width:992px){
  .hero-visual img{height:520px}
}


.brand img{
  height:100px;
  width:auto;
  display:block;
  object-fit:contain;
}

/* Mobile */
@media (max-width:768px){
  .brand img{
    height:72px;
  }
}

.prepayment-box{
  position:relative;
 background-image:url("../img/cover1.webp");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:20px;
  overflow:hidden;
}

.prepayment-box > *{
  position:relative;
  z-index:2;
}

.prepayment-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
      90deg,
      rgba(255,255,255,0.52) 55%,
      rgba(255,255,255,0.58) 50%,
      rgba(255,255,255,0.55) 100%
  );
}

@media (max-width:768px){

  .prepayment-box{
    background-image:none !important;
  }

  .prepayment-box::before{
    display:none !important;
  }

}


/*@media (max-width:768px){

.hero{
  position:relative;
  background-image:url("../img/mobilbg.webp");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,0.9);
}

.hero > *{
  position:relative;
  z-index:2;
}

}
*/



.audience-card{
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  isolation: isolate;
   min-height: 260px;
  box-shadow: 0 18px 40px rgba(28, 52, 94, 0.08);
  transition: transform .3s ease, box-shadow .3s ease;
}

.audience-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.85); /* %65 şeffaf overlay */
  z-index: 0;
}

.audience-card > *{
  position: relative;
  z-index: 1;
}

/* Kart bazlı görseller */
.audience-card-1{
  background-image: url("../img/resim1.webp");
}

.audience-card-2{
  background-image: url("../img/resim2.webp");
}

.audience-card-3{
  background-image: url("../img/resim3.webp");
}

.audience-card-4{
  background-image: url("../img/resim6.webp");
}

.audience-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 50px rgba(28, 52, 94, 0.14);
}


.wa-bottom-sticky{
  display: none;
}

@media (max-width: 768px){
  .wa-bottom-sticky{
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 9999;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 56px;
    padding: 0 18px;
    border-radius: 16px;

    background: linear-gradient(90deg, #25D366 0%, #1fb857 100%);
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 14px 34px rgba(37, 211, 102, 0.28);
  }

  .wa-bottom-icon{
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .wa-bottom-icon svg{
    width: 22px;
    height: 22px;
    display: block;
  }

  .wa-bottom-text{
    white-space: nowrap;
    line-height: 1;
  }
}

.whatsapp-sticky img{
  width: 30px;
  height: 30px;
  object-fit: contain;
}

@media (max-width:768px){
  .whatsapp-sticky img{
    width: 24px;
    height: 24px;
    object-fit: contain;
  }
}