:root{
  --pd-primary:#1e5989; --pd-primary-600:#174666; --pd-primary-200:#d7e6f3;
  --pd-ink:#0f172a; --pd-text:#334155; --pd-muted:#64748b;
  --pd-bg:#f7fbff; --pd-bg-2:#ffffff; --pd-surface:#ffffff; --pd-surface-2:#f2f6fb;
  --pd-border:#d7e0ea; --pd-rad:16px; --pd-shadow:0 14px 30px rgba(16,24,40,.08);
  --pd-max:1180px;
}

  /* --- ZORUNLU NOT KURALLARI --- */
#subheader{display:none!important} #menu-btn{padding:0!important}
#mainmenu a{color:#0a57ad!important;}
#mainmenu a:hover{color:#0b63c7!important;}
#mainmenu li li a{color:#f7faff!important;}
#mainmenu li li a:hover{background:#0a57ad!important;color:#fff!important;}

/* Taban */
  body,#content{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;
  background:radial-gradient(1000px 600px at 70% -30%, #e9f3fb 0, transparent 60%), var(--pd-bg);
  color:var(--pd-text); -webkit-font-smoothing:antialiased}


  .pd-light{ background:var(--pd-bg); color:var(--pd-ink); }
  .pd-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
  .pd-section{ padding:56px 0; }
  .pd-btn{ display:inline-block; background:var(--pd-primary); color:#fff; text-decoration:none; font-weight:700; border-radius:999px; padding:.7rem 1.1rem; }
  .pd-btn:hover{color: #fff;}
  .pd-btn--ghost:hover{color: #1e5989;}
  .pd-btn--ghost{ background:#fff; color:var(--pd-primary); border:1px solid var(--pd-primary); }
  .pd-cta-inline .pd-btn{ margin-right:10px; }
  .pd-cta-center{ text-align:center; margin-top:16px; }

  /* Hero */
  .pd-seo-hero{ padding:72px 0 24px; }
  .pd-seo-hero .pd-wrap{ display:grid; gap:24px; grid-template-columns: 1.2fr .8fr; align-items:center; }
  .pd-seo-hero h1{ font-size:clamp(1.6rem, 2.8vw, 2.4rem); line-height:1.15; margin:0 0 8px; }
  .pd-hero-sub{ color:var(--pd-muted); font-size:1.05rem; margin:0 0 16px; }
  .pd-hero-ctas{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
  .pd-hero-badges{ display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:6px 0 0; list-style:none; }
  .pd-hero-badges li{ border:1px solid var(--pd-border); border-radius:999px; padding:.35rem .6rem; font-size:.9rem; color:var(--pd-muted) }
  .pd-hero-graphic{
  height:260px;border-radius:18px;border:1px solid var(--pd-border);
  overflow:hidden;background:#f8fafc;box-shadow:0 10px 30px rgba(15,23,42,.08);
}
.pd-hero-graphic img{width:100%;height:100%;object-fit:cover;display:block;}

  /* Inpage nav */
  .pd-inpage-nav{ display:flex; gap:12px; flex-wrap:wrap; margin:8px auto 0; max-width:1200px; padding:0 20px 8px; }
  .pd-inpage-nav a{ text-decoration:none; color:var(--pd-muted); border:1px solid var(--pd-border); border-radius:999px; padding:.45rem .75rem; }
  .pd-inpage-nav a:hover{ color:var(--pd-primary); border-color:var(--pd-primary); }

  /* Cards / features */
  .pd-lead{ color:var(--pd-muted); max-width:950px; }
  .pd-cards{ display:grid; gap:16px; grid-template-columns:1fr; margin-top:14px; }
  .pd-card{ border:1px solid var(--pd-border); border-radius:16px; padding:16px; background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.06); transition:.3s transform, .3s box-shadow; }
  .pd-card:hover{ transform:translateY(-4px); box-shadow:0 12px 26px rgba(15,23,42,.12); }

  .pd-grid{ display:grid; gap:18px; grid-template-columns:1fr; margin-top:12px; }
  .pd-feature{ border:1px solid var(--pd-border); border-radius:16px; padding:18px; background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.05); }
  .pd-feature h3{ margin:0 0 8px; font-size:1.1rem }
  .pd-feature ul{ margin:0; padding-left:18px; color:var(--pd-muted); }

  /* Steps */
  .pd-steps{ counter-reset:step; display:grid; gap:12px; margin:10px 0 0; padding:0; list-style:none; }
  .pd-steps li{ border:1px solid var(--pd-border); border-radius:14px; padding:12px 14px; background:#fff; }
  .pd-steps li strong{ color:var(--pd-ink); }

  /* Metrics list */
  .pd-metrics{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:10px 0 0; }
  .pd-metrics li{ border:1px dashed var(--pd-border); border-radius:12px; padding:.4rem .6rem; color:var(--pd-muted) }

  /* Tiers (fiyat) */
  .pd-tiers{ display:grid; gap:18px; grid-template-columns:1fr; margin-top:12px; }
  .pd-tier{ border:1px solid var(--pd-border); border-radius:16px; padding:16px; background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.05); }
  .pd-tier h3{ margin:0 0 8px; }
  .pd-tier ul{ margin:0 0 10px 18px; color:var(--pd-muted); }

  /* FAQ */
  .pd-faq details{ border:1px solid var(--pd-border); border-radius:14px; padding:12px 14px; background:#fff; margin-bottom:10px; transition:.3s box-shadow }
  .pd-faq details[open]{ box-shadow:0 8px 20px rgba(15,23,42,.08) }
  .pd-faq summary{ cursor:pointer; font-weight:700; }
  .pd-faq p{ color:var(--pd-muted); margin:.4rem 0 0 }

  /* Responsive */
  @media (min-width: 720px){
    .pd-cards{ grid-template-columns:repeat(3,1fr) }
    .pd-grid{ grid-template-columns:repeat(3,1fr) }
    .pd-tiers{ grid-template-columns:repeat(3,1fr) }
  }
  @media (max-width: 960px){
    .pd-seo-hero .pd-wrap{ grid-template-columns:1fr; }
  }

  /* Basit reveal animasyonu */
  .pd-section, .pd-card, .pd-feature, .pd-tier, .pd-faq details{ opacity:0; transform:translateY(8px); }
  .pd-revealed{ opacity:1 !important; transform:none !important; transition:.5s opacity, .5s transform; }