: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-surface:#ffffff;
  --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;}
/* Ek zorunlu kural */
section{background:transparent!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:transparent; color:var(--pd-ink); }
.pd-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
.pd-section{ padding:56px 0; }

/* Başlık & metin (istenen ayrı stiller) */
h2{ font-size:clamp(1.3rem,2.6vw,1.9rem); line-height:1.2; margin:0 0 10px; color:var(--pd-ink); font-weight:800 }
h3{ font-size:clamp(1.05rem,2vw,1.25rem); line-height:1.25; margin:0 0 8px; color:#16364f; font-weight:700 }
p{  margin:.35rem 0 .85rem; color:var(--pd-text); }

/* Butonlar (hover’da sadece color) */
.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{ display:inline-block; background:#fff; color:var(--pd-primary); border:1px solid var(--pd-primary); text-decoration:none; font-weight:700; border-radius:999px; padding:.7rem 1.1rem; }
.pd-btn-ghost:hover{ color:#1e5989; }

.pd-hero{ padding:78px 0 30px; }
.pd-hero .pd-wrap{ display:grid; gap:24px; grid-template-columns:1.2fr .8fr; align-items:center; }
.pd-hero h1{ font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.15; margin:0 0 10px; }
.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; }
.pd-hero-graphic{ height:260px; border:1px solid var(--pd-border); border-radius:18px; 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 }

.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); }

.pd-grid{ display:grid; gap:18px; grid-template-columns:1fr; }
.pd-cards{ display:grid; gap:16px; grid-template-columns:1fr; margin-top:12px; }
.pd-card,.pd-feature{ 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,.pd-feature:hover{ transform:translateY(-4px); box-shadow:0 12px 26px rgba(15,23,42,.12); }
.pd-feature ul{ margin:0; padding-left:18px; color:var(--pd-muted) }

.pd-steps{ counter-reset:step; list-style:none; padding:0; display:grid; gap:12px; }
.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) }

.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) }

.pd-faq details{ border:1px solid var(--pd-border); border-radius:14px; background:#fff; margin:10px 0; padding:0; box-shadow:0 6px 16px rgba(15,23,42,.05); transition:.25s box-shadow }
.pd-faq details[open]{ box-shadow:0 10px 22px rgba(15,23,42,.10) }
.pd-faq summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; font-weight:700; padding:12px 14px; color:var(--pd-ink) }
.pd-faq summary::-webkit-details-marker{ display:none }
.pd-faq .faq-body{ padding:0 14px; color:var(--pd-muted); overflow:hidden; max-height:0; transition:max-height .3s ease, padding-top .25s ease }
.pd-faq details[open] .faq-body{ max-height:800px; padding-top:.4rem; }

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

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