:root{
  --bg-deep:#07111F; --bg-panel:#0D1726; --bg-panel-2:#111E33; --bg-elevated:#162640;
  --border:#1E2A3A; --border-soft:#16202F; --border-strong:#2A3A52;
  --text-primary:#E9EEF5; --text-secondary:#B7C4D4; --text-muted:#8EA4BA; --text-faint:#5E7184;
  /* PREMİUM ALTIN — cyan YOK */
  --gold:#D4AF37; --gold-2:#F2C55C; --gold-dim:#B8902F;
  --gold-glow:rgba(212,175,55,.12); --gold-line:rgba(212,175,55,.30);
  --warn:#D89464;
  --font-display:'Fraunces','Times New Roman',Georgia,serif;
  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;
  --content-w:1240px;--content-narrow:920px;--radius:4px;--radius-lg:8px;
  --ease:cubic-bezier(0.2,0.7,0.2,1);--dur-fast:180ms;--dur:320ms;--dur-slow:640ms;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.home-shell{background:var(--bg-deep);color:var(--text-secondary);
  font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;overflow-x:hidden}
.wrap{max-width:var(--content-w);margin:0 auto;padding:0 var(--s-6)}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);font-weight:400;letter-spacing:-.01em;margin:0}
.serif{font-family:var(--font-display)}
em{font-style:italic}
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);display:inline-flex;align-items:center;gap:var(--s-3)}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold);display:inline-block}
.accent{color:var(--gold-2)}
.lead{font-size:19px;line-height:1.75;color:var(--text-secondary);max-width:60ch}
.microcopy{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);letter-spacing:.01em;line-height:1.7}

/* HEADER */
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border-soft)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-display);
  font-size:20px;color:var(--text-primary);letter-spacing:-.01em}
.brand-mark{width:30px;height:30px;display:grid;place-items:center}
.brand-mark svg{width:100%;height:100%}
nav.primary{display:flex;align-items:center;gap:var(--s-6);font-size:14px;font-weight:500}
nav.primary a{color:var(--text-muted);transition:color var(--dur-fast) var(--ease);position:relative;padding:4px 0}
nav.primary a:hover{color:var(--text-primary)}
nav.primary a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--gold);transition:width var(--dur) var(--ease)}
nav.primary a:hover::after{width:100%}
.nav-cta{border:1px solid var(--gold-line);color:var(--gold)!important;padding:8px 16px!important;border-radius:var(--radius);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:all var(--dur) var(--ease)}
.nav-cta:hover{background:var(--gold-glow);border-color:var(--gold)}
.nav-cta::after{display:none}

/* HERO */
.hero{position:relative;padding:var(--s-10) 0 var(--s-9);overflow:hidden}
.ambient{position:absolute;inset:0;pointer-events:none;
  background:
   radial-gradient(760px 520px at 74% 42%,var(--gold-glow),transparent 68%),
   radial-gradient(900px 500px at 92% 8%,rgba(242,197,92,.06),transparent 72%);
  opacity:.9}
.ambient-grid{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(circle at 80% 30%,#000 0,transparent 60%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.12fr;gap:var(--s-7);align-items:center}
.hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.1;margin-top:var(--s-5);font-weight:400}
.hero h1 em{font-weight:500;font-style:italic;color:var(--text-primary)}
.hero .lead{margin-top:var(--s-5)}
.hero-ctas{display:flex;gap:var(--s-4);margin-top:var(--s-7);flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:var(--s-3);padding:13px 22px;border-radius:var(--radius);
  font-weight:600;font-size:15px;transition:all var(--dur) var(--ease);cursor:pointer;border:1px solid transparent}
.btn-arrow::after{content:"→";font-family:var(--font-mono);transition:transform var(--dur) var(--ease)}
.btn-arrow:hover::after{transform:translateX(4px)}
.btn-primary{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1A1206;box-shadow:0 6px 20px rgba(212,175,55,.18)}
.btn-primary:hover{box-shadow:0 10px 30px rgba(212,175,55,.28);transform:translateY(-1px)}
.btn-secondary{border-color:var(--border-strong);color:var(--text-primary)}
.btn-secondary:hover{border-color:var(--gold-line);background:var(--gold-glow)}
.hero-visual{position:relative}
.hero-visual{margin-right:calc(-1*var(--s-6))}
.hero-visual img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border-strong);
  box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px var(--gold-line),0 0 60px rgba(212,175,55,.07)}
.hero-visual::after{content:"";position:absolute;inset:-1px;border-radius:var(--radius-lg);
  background:linear-gradient(135deg,var(--gold-line),transparent 40%);pointer-events:none;opacity:.4}
.microcopy.he{margin-top:var(--s-5)}

/* STATSTRIP */
.statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:var(--s-6);padding-top:0;
  border:none;background:none;flex-wrap:initial}
.st{display:flex;flex-direction:column;gap:3px;align-items:flex-start;background:rgba(11,27,51,.45);border:1px solid var(--gold-line,rgba(212,175,55,.2));border-radius:10px;padding:12px 14px}
.st .n{font-family:var(--font-display);font-size:26px;color:var(--gold,#D4AF37);line-height:1}
.st .l{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);line-height:1.3}
@media(max-width:760px){
  .statstrip{grid-template-columns:repeat(2,1fr);gap:8px}
  .st .n{font-size:23px}
}

/* SECTION */
.section{padding:var(--s-9) 0;border-top:1px solid var(--border-soft);position:relative}
.section-head{max-width:var(--content-narrow);margin-bottom:var(--s-7)}
.section h2{font-size:clamp(26px,3vw,40px);line-height:1.15;margin-top:var(--s-4)}
.section .lead{margin-top:var(--s-4)}

/* feature görsel + metin (içeride ölçülü) */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8);align-items:center;margin-top:var(--s-7)}
.feature.rev{direction:rtl}.feature.rev>*{direction:ltr}
.feature img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.feature h3{font-size:24px;margin-bottom:var(--s-3)}

/* kartlar — sol altın kenar şeridi (DP imzası) */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5);margin-top:var(--s-7)}
.card{background:var(--bg-panel);border:1px solid var(--border);border-left:2px solid var(--gold);
  border-radius:var(--radius);padding:var(--s-6);transition:all var(--dur) var(--ease)}
.card:hover{background:var(--bg-panel-2);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.4);border-left-color:var(--gold-2)}
.card .k{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:var(--s-3)}
.card h3{font-size:19px;margin-bottom:var(--s-2)}
.card p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}

/* full-bleed görsel şeridi (stratejik) */
.showcase{margin-top:var(--s-7);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);
  position:relative;background:var(--bg-panel)}
.showcase img{width:100%;display:block}
.showcase .cap{position:absolute;left:var(--s-6);bottom:var(--s-5);font-family:var(--font-mono);font-size:13px;
  letter-spacing:.08em;color:var(--text-secondary);background:rgba(7,17,31,.7);backdrop-filter:blur(8px);
  padding:6px 12px;border-radius:var(--radius);border:1px solid var(--border)}

/* karşılaştırma (ne sağlar / ne sağlamaz) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);margin-top:var(--s-7)}
.panel{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-6);background:var(--bg-panel)}
.panel.yes{border-top:2px solid var(--gold)}
.panel.no{border-top:2px solid var(--warn)}
.panel h3{font-size:17px;margin-bottom:var(--s-4);font-family:var(--font-body);font-weight:700;color:var(--text-primary)}
.panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}
.panel li{font-size:15px;line-height:1.55;color:var(--text-secondary);padding-left:var(--s-5);position:relative}
.panel.yes li::before{content:"+";position:absolute;left:0;color:var(--gold);font-family:var(--font-mono)}
.panel.no li::before{content:"–";position:absolute;left:0;color:var(--warn);font-family:var(--font-mono)}

/* CTA bandı */
.cta-band{margin:var(--s-9) 0 0;padding:var(--s-9) 0;border-top:1px solid var(--border);
  background:radial-gradient(700px 300px at 50% 0%,var(--gold-glow),transparent 70%)}
.cta-band .inner{max-width:var(--content-narrow);margin:0 auto;text-align:center}
.cta-band h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12}
.cta-band .hero-ctas{justify-content:center}

/* FOOTER */
footer{border-top:1px solid var(--border-soft);padding:var(--s-8) 0 var(--s-7);margin-top:var(--s-9);color:var(--text-faint)}
footer .wrap{display:flex;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;align-items:center}
footer .microcopy{max-width:60ch}

/* SCROLL RAIL (DP imzası) */
.rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:14px}
.rail a{width:8px;height:8px;border-radius:50%;border:1px solid var(--border-strong);transition:all var(--dur) var(--ease)}
.rail a.active,.rail a:hover{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-glow)}

@media(max-width:920px){
  .hero-grid,.feature,.cards,.split{grid-template-columns:1fr}
  .feature.rev{direction:ltr}
  .hero-visual{margin-right:0}
  .hero{padding:var(--s-8) 0 var(--s-7)}
  nav.primary{display:none}
  .rail{display:none}
}

/* yatırımcı katman kartları (4'lü) */
.layers{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-5);margin-top:var(--s-7)}
.layer{background:var(--bg-panel);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:var(--radius);padding:var(--s-5);transition:all var(--dur) var(--ease)}
.layer:hover{background:var(--bg-panel-2);transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.4)}
.layer .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:var(--s-3)}
.layer h3{font-size:16px;margin-bottom:var(--s-2);font-family:var(--font-body);font-weight:700;color:var(--text-primary)}
.layer p{font-size:13.5px;line-height:1.55;color:var(--text-muted);margin:0}
/* paydaş ekosistem çipleri */
.eco-chips{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}
.eco-chips span{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;color:var(--text-secondary);
  background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;padding:7px 15px;transition:border-color var(--dur) var(--ease)}
.eco-chips span:hover{border-color:var(--gold-line)}
/* yetkinlik / güven bandı */
.trust-band{margin-top:var(--s-7);background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2));
  border:1px solid var(--border);border-left:2px solid var(--gold);border-radius:var(--radius-lg);padding:var(--s-7) var(--s-7)}
.trust-band .badges{display:flex;flex-wrap:wrap;gap:var(--s-3);margin:var(--s-5) 0}
.trust-band .badges span{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--gold-2);
  border:1px solid var(--gold-line);border-radius:var(--radius);padding:6px 13px;background:var(--gold-glow)}
.trust-band .bound{font-family:var(--font-mono);font-size:12.5px;color:var(--text-faint);line-height:1.6;margin:0}
@media(max-width:920px){.layers{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.layers{grid-template-columns:1fr}}
/* ===== Üst menü dropdown — premium tema (.site-header/.primary) ===== */
.site-header .nav-dd{position:relative}
.site-header .nav-dd-t{background:none;border:none;color:var(--text-muted);font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:5px;transition:color var(--dur-fast) var(--ease)}
.site-header .nav-dd-t:hover,.site-header .nav-dd-t[aria-expanded="true"]{color:var(--text-primary)}
.site-header .nav-dd-t span{color:var(--gold);font-size:11px}
.site-header .nav-dd-panel{position:absolute;top:100%;left:0;min-width:240px;background:#0B1B33;border:1px solid var(--gold-line);border-top:2px solid var(--gold);
  border-radius:0 0 12px 12px;padding:8px;z-index:80;box-shadow:0 18px 44px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s var(--ease)}
.site-header .nav-dd-panel a{display:block;color:#e9eef6;padding:9px 12px;border-radius:8px;font-size:13.5px;white-space:nowrap;transition:background var(--dur-fast),color var(--dur-fast)}
.site-header .nav-dd-panel a::after{display:none}
.site-header .nav-dd-panel a:hover{background:var(--gold-glow);color:var(--gold-2)}
.site-header .nav-dd:hover .nav-dd-panel,.site-header .nav-dd:focus-within .nav-dd-panel,.site-header .nav-dd-panel.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
/* görünmez hover köprüsü: link ile panel arası kopmasın */
.site-header .nav-dd::after{content:"";position:absolute;left:0;top:100%;width:100%;height:12px}
.nav-burger{display:none;background:none;border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:6px 11px;font-size:18px;cursor:pointer}
@media(max-width:860px){
  .site-header .nav-burger{display:inline-block}
  .site-header .primary#mainNav{display:none;position:absolute;top:68px;left:0;right:0;background:#07111F;border-top:1px solid var(--gold-line);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 16px;z-index:70}
  .site-header .primary#mainNav.open{display:flex}
  .site-header .primary#mainNav>a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}
  .site-header .nav-dd{width:100%}
  .site-header .nav-dd-t{display:flex;justify-content:space-between;width:100%;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .site-header .nav-dd-panel{position:static;display:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;min-width:0;background:rgba(255,255,255,.03);border:none;border-left:2px solid var(--gold);border-radius:0;box-shadow:none;margin:2px 0 6px 8px}
  .site-header .nav-dd:hover .nav-dd-panel,.site-header .nav-dd:focus-within .nav-dd-panel{display:none}
  .site-header .nav-dd-panel.open{display:block !important;opacity:1;visibility:visible}
  .site-header .nav-cta{margin-top:10px;text-align:center}
}

/* ===== Ana sayfa: büyük arama + dört yol + strip ===== */
.search-hero{padding-top:0}
.search-hero-inner{max-width:760px;margin:0 auto;text-align:center}
.search-hero-h{font-size:clamp(20px,2vw,26px);color:var(--text-primary);margin:0 0 18px}
.big-search{display:flex;gap:10px;background:var(--bg-panel);border:1px solid var(--gold-line);border-radius:14px;padding:8px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.big-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px;padding:12px 16px;font-family:inherit}
.big-search input::placeholder{color:var(--text-muted)}
.big-search button{background:var(--gold);color:#1a1305;border:none;border-radius:10px;padding:0 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--dur) var(--ease)}
.big-search button:hover{background:var(--gold-2)}
.search-quick{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;align-items:center;margin-top:16px;font-size:13.5px}
.search-quick>span{color:var(--text-muted)}
.search-quick a{color:var(--text-secondary);border-bottom:1px solid var(--gold-line);padding-bottom:1px;transition:color var(--dur-fast)}
.search-quick a:hover{color:var(--gold-2)}
.search-quick a::after{display:none}
/* tıklanabilir kartlar */
.card-link{display:block;text-decoration:none}
.card-link:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.cards-3{grid-template-columns:repeat(3,1fr)}
/* yatay stratejik bant */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.strip-item{display:block;background:var(--bg-panel);border:1px solid var(--border);border-left:2px solid var(--gold);border-radius:0 10px 10px 0;padding:18px;text-decoration:none;transition:border-color var(--dur),transform var(--dur)}
.strip-item:hover{border-left-color:var(--gold-2);transform:translateY(-2px)}
.strip-item h3{color:var(--text-primary);font-size:16px;margin:0 0 6px}
.strip-item p{color:var(--text-muted);font-size:13px;margin:0;line-height:1.5}
.strip-item::after{display:none}
@media(max-width:860px){
  .cards-3{grid-template-columns:1fr}
  .strip{grid-template-columns:1fr 1fr}
  .big-search button{padding:0 18px}
}
@media(max-width:560px){.strip{grid-template-columns:1fr}}

/* ===== Header arama ikonu + overlay ===== */
.nav-search-btn{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 6px;transition:color var(--dur-fast)}
.nav-search-btn:hover{color:var(--gold-2)}
.nav-search-overlay{position:fixed;inset:0;background:rgba(7,17,31,.82);backdrop-filter:blur(4px);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:18vh}
.nav-search-overlay.open{display:flex}
.nav-search-box{position:relative;width:min(620px,92vw)}
.nav-search-box form{display:flex;gap:10px;background:#0B1B33;border:1px solid var(--gold-line);border-top:2px solid var(--gold);border-radius:14px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.nav-search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px;padding:12px 14px;font-family:inherit}
.nav-search-box input::placeholder{color:var(--text-muted)}
.nav-search-box button[type="submit"]{background:var(--gold);color:#1a1305;border:none;border-radius:10px;padding:0 24px;font-weight:600;cursor:pointer;font-family:inherit}
.nav-search-close{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer}
@media(max-width:860px){.nav-search-btn{display:none}}

/* ===== Feragat bandı okunaklılık (premium temada) ===== */
.feragat,.degil{background:#FFF6E6;border-left:4px solid var(--gold,#D4AF37);border-radius:0 8px 8px 0;padding:14px 18px;margin:14px 0;font-size:14px;line-height:1.6;color:#0B1B33;box-shadow:0 1px 3px rgba(7,17,31,.08)}
.feragat strong,.degil strong{color:#07111F;font-weight:700}
.feragat a,.degil a{color:#8a6d1f;border-bottom:1px solid rgba(212,175,55,.4)}

/* ===== v3.14 Ana sayfa ürün/müşteri/yatırımcı bandı ===== */
#urun-band .split{gap:20px}
.band-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.band-card h3{margin:0;font-size:19px}
.band-card p{margin:0;flex:1}
.band-card .btn{margin-top:4px}
