/* ============================================================
   LAYOUT — konteyner, section, hero, footer iskeleti
   ============================================================ */
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);width:100%}
.wrap.narrow{max-width:var(--container-narrow)}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}

.sec{padding:clamp(64px,9vw,128px) 0}
.sec.tight{padding:clamp(40px,6vw,64px) 0}
.sec.surface{background:var(--site-surface)}
.sec.brand-soft{background:var(--site-blue-soft)}

.eyebrow{
  display:inline-block;font-family:var(--font-head);font-weight:600;
  font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;
  color:var(--site-blue);margin-bottom:14px;
}
.eyebrow.on-dark{color:var(--site-blue-line)}
.lead{font-size:var(--fs-lead);color:var(--site-muted);line-height:1.6;max-width:62ch}

.section-head{max-width:56ch}
.section-head.center{margin:0 auto}
.section-head h2{margin:0}
.section-head .lead{margin-top:16px}

/* Grid yardımcıları */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}

/* ---- Home Hero ---- */
.hero{
  position:relative;overflow:hidden;color:#fff;
  padding:calc(var(--header-h) + clamp(48px,7vw,90px)) 0 clamp(56px,7vw,90px);
}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(120% 130% at 78% 18%, rgba(102,165,194,.55), rgba(44,110,143,0) 55%),
    linear-gradient(120deg, var(--site-navy) 0%, var(--site-blue) 100%);
}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(60% 80% at 15% 100%, rgba(19,39,52,.6), transparent 70%);
}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero .kicker{
  font-family:var(--font-head);font-weight:600;letter-spacing:.02em;
  color:var(--site-blue-line);font-size:1.05rem;margin-bottom:18px;
}
.hero h1{font-size:var(--fs-display);max-width:20ch;color:#fff}
.hero .lead{color:rgba(255,255,255,.82);margin-top:22px;max-width:48ch}
.rating-badge{
  display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:9px 16px;
  border-radius:var(--r-pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  color:#fff;font-size:.88rem;font-weight:600;
}
.rating-badge .rating-stars{color:var(--site-gold);letter-spacing:1px;font-size:.85rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-trust{display:flex;gap:26px;margin-top:36px;flex-wrap:wrap}
.hero-trust .t-num{font-family:var(--font-head);font-weight:700;font-size:1.6rem;color:#fff}
.hero-trust .t-lbl{font-size:.85rem;color:rgba(255,255,255,.7)}

/* ---- Inner page hero ---- */
.page-hero{
  position:relative;overflow:hidden;color:#fff;
  padding:calc(var(--header-h) + clamp(44px,6vw,72px)) 0 clamp(44px,6vw,68px);
}
.page-hero .hero-bg{
  background:
    radial-gradient(120% 130% at 82% 15%, rgba(102,165,194,.5), transparent 55%),
    linear-gradient(120deg, var(--site-navy), var(--site-blue));
}
.page-hero .wrap{position:relative;z-index:1}
.page-hero .breadcrumb{margin-bottom:16px}
.page-hero h1{color:#fff;max-width:22ch}
.page-hero .lead{color:rgba(255,255,255,.84);margin-top:16px;max-width:60ch}
.page-hero .btn{margin-top:28px}

/* Breadcrumb */
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:rgba(255,255,255,.7)}
.breadcrumb a:hover{color:#fff}
.breadcrumb .sep{opacity:.5}

/* ---- Dark CTA band ---- */
.cta-band{
  position:relative;overflow:hidden;color:#fff;text-align:center;
  padding:clamp(64px,9vw,104px) 0;
}
.cta-band .hero-bg{
  background: var(--neutral-dark);
}
.cta-band .wrap{position:relative;z-index:1}
.cta-band h2{color:#fff;font-size:clamp(1.9rem,4.5vw,2.9rem)}
.cta-band p{color:rgba(255,255,255,.78);max-width:52ch;margin:18px auto 0;font-size:var(--fs-lead)}
.cta-band .btn{margin-top:32px}

/* ---- Footer ---- */
.site-footer{background:var(--neutral-dark);color:rgba(255,255,255,.62);padding:clamp(48px,7vw,72px) 0 32px;font-size:.94rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 0.8fr 1fr 1.1fr 1.2fr;gap:clamp(28px,4vw,44px)}
.footer-grid h4{color:#fff;font-weight:600;margin:0 0 16px;font-family:var(--font-head)}
.footer-grid a,.footer-grid p{display:block;margin-bottom:10px;color:rgba(255,255,255,.62);transition:color var(--t-fast)}
.footer-grid a:hover{color:#fff}
.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:16px}
.footer-brand .mark{width:44px;height:44px;flex:none;object-fit:contain}
.footer-brand .f-name{font-family:var(--font-head);font-weight:700;font-size:1.25rem}
.footer-brand .f-sub{font-size:.78rem;opacity:.7}
.footer-note{max-width:34ch;line-height:1.6}
.newsletter-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.newsletter-form input[type=email]{padding:10px 14px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06);color:#fff;font:inherit}
.newsletter-form input[type=email]::placeholder{color:rgba(255,255,255,.5)}
.newsletter-form .btn{align-self:flex-start}
.newsletter-msg{font-size:.86rem;margin-bottom:6px}
.newsletter-msg.ok{color:#8fd6a8}
.newsletter-msg.err{color:#f0a3a3}
.footer-bottom{
  margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;
}
.socials{display:flex;gap:10px;margin-top:20px}
.socials a{
  width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;
  border:1px solid rgba(255,255,255,.18);transition:background var(--t-fast),border-color var(--t-fast);margin:0;
}
.socials a:hover{background:var(--site-blue);border-color:var(--site-blue)}