/* Jubvo site-wide modern theme — sayfanın kendi <style>'ından SONRA yüklenir,
   aynı özgüllükteki kuralları geçersiz kılarak tasarımı tek noktadan modernleştirir. */
:root{
  --ink:#0f1f38;--ink-soft:#46556e;--muted:#6b7a93;
  --brand:#1f3a5f;--brand-2:#3a7bd5;--accent:#2f6fe4;
  --grad:linear-gradient(120deg,#1f3a5f 0%,#2f6fe4 60%,#3a9bd5 100%);
  --bg-soft:#f6f9fe;--line:#e7edf6;--line-2:#dbe5f2;
  --sh-sm:0 1px 2px rgba(15,31,56,.05),0 4px 14px rgba(15,31,56,.05);
  --sh-md:0 6px 18px rgba(15,31,56,.08),0 18px 44px rgba(31,58,95,.10);
}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#dbe9ff}
h1,h2,h3{letter-spacing:-.6px}
h1{font-weight:800}

/* NAV — cam efekti + gradyan CTA */
nav{background:rgba(255,255,255,.78);backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(231,237,246,.9)}
.nav-links a{color:#3c4a61;font-weight:500;transition:color .15s}
.nav-links a:hover{color:var(--brand)}
.nav-links a.cta{color:#fff;font-weight:600;background:var(--grad);padding:9px 18px;border-radius:10px;
  box-shadow:0 4px 12px rgba(47,111,228,.25);transition:transform .15s,box-shadow .15s}
.nav-links a.cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(47,111,228,.32)}
@media(max-width:860px){
  .nav-links a.cta{text-align:center}
}
.lang-btn{background:rgba(255,255,255,.85);border:1px solid var(--line-2);border-radius:10px;transition:.15s}
.lang-btn:hover{border-color:#b9cbe4;box-shadow:var(--sh-sm)}
.lang-menu{border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-md)}

/* BUTONLAR */
.btn{background:var(--grad);border-radius:12px;font-weight:600;
  transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 6px 18px rgba(47,111,228,.28)}
.btn:hover{background:var(--grad);transform:translateY(-2px);box-shadow:0 12px 28px rgba(47,111,228,.34);filter:brightness(1.05)}
.btn.ghost{background:#fff;color:var(--brand);border:1.5px solid var(--line-2);box-shadow:var(--sh-sm)}
.btn.ghost:hover{background:#f4f8ff;border-color:var(--brand-2);transform:translateY(-2px);filter:none}

/* HERO — radyal gradyan ışıklar */
.hero{background:
  radial-gradient(800px 420px at 10% -10%,rgba(58,123,213,.12),transparent 60%),
  radial-gradient(640px 380px at 92% 0%,rgba(58,155,213,.10),transparent 55%),
  linear-gradient(180deg,#f6f9fe 0%,#fff 100%)}

/* KARTLAR — yumuşak gölge + hover kaldırma */
.hub-card,.pain-card,.feat-item,.step-box,.quote-box,.price-box,.card,.faq-item{
  border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-sm);
  transition:transform .2s,box-shadow .2s,border-color .2s}
.hub-card:hover,.pain-card:hover,.feat-item:hover,.card:hover{
  transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--line-2)}
.hub-card{border-radius:18px}
.card-img{border-radius:0}

/* KARŞILAŞTIRMA SAYFALARI */
.cmp .col,.cmp .j{border-radius:18px}
.cmp .j{box-shadow:var(--sh-md)}

/* BREADCRUMB */
.crumb{color:var(--muted)}
.crumb a{color:var(--accent)}

/* FOOTER — koyu gradyan */
footer{background:linear-gradient(180deg,#13203c 0%,#0e1830 100%);color:#c3cde0}
footer a:hover{text-decoration:underline}

/* YASAL / İLETİŞİM sayfaları (top bar + bilgi kartları) */
.top a{color:var(--brand)}
.cform{border-radius:16px;box-shadow:var(--sh-sm)}
.cform button{background:var(--grad);border-radius:10px;transition:transform .15s,box-shadow .15s}
.cform button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(47,111,228,.3)}
.note{border-radius:12px}