/* Nomysys landing styles - minimal, fast, accessible */
:root { 
  --bg:#f8fafc; 
  --bg-2:#ffffff; 
  --card:#ffffff; 
  --muted:#64748b; 
  --text:#1e293b; 
  --brand:#2563eb; 
  --brand-2:#3b82f6; 
  --accent:#f59e0b; 
  --border:#e2e8f0; 
  --success:#10b981;
  --warning:#f59e0b;
  --error:#ef4444;
}
* { box-sizing:border-box; }
html,body { margin:0; padding:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; color:var(--text); background:
  radial-gradient(900px 500px at 10% -10%, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 60%),
  radial-gradient(700px 360px at 110% 10%, rgba(13,110,253,.12) 0%, rgba(13,110,253,0) 60%),
  var(--bg); }
a { color:var(--brand); text-decoration:none; }
a:hover { text-decoration:underline; }
.skip-link { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus { position:static; width:auto; height:auto; padding:10px; background:#000; color:#fff; }

.text-gradient { background: linear-gradient(90deg, var(--brand), var(--brand-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.highlight { color: var(--brand-2); }

.site-header { position:sticky; top:0; backdrop-filter:saturate(180%) blur(10px); background:rgba(255,255,255,.85); border-bottom:1px solid var(--border); box-shadow: 0 2px 12px rgba(0,0,0,.04); z-index:10; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:64px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; color:var(--text); }
.logo { width:28px; height:28px; }
.logo.small { width:22px; height:22px; }
/* Bootstrap ile çakışmayı önlemek için .nav ve .btn özelleştirmeleri kaldırıldı */
.btn.disabled, .btn[aria-disabled="true"] { opacity:.6; cursor:not-allowed; pointer-events:none; }

/* AppBar dil seçici */
.lang-select { appearance:none; padding:8px 12px; border:1px solid var(--border); border-radius:10px; background:#fff; color:#0f172a; font-weight:600; }
.lang-select:focus { outline:none; box-shadow: 0 0 0 3px rgba(13,110,253,.15); }

.hero { position:relative; padding:72px 0 40px; }
.hero::before { content:""; position:absolute; inset:-40px 0 0 0; background: radial-gradient(900px 480px at 90% -10%, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 60%); pointer-events:none; }
.hero::after { content:""; position:absolute; top:-60px; left:-120px; width:520px; height:520px; background: radial-gradient(260px 260px at 50% 50%, rgba(13,110,253,.15), rgba(13,110,253,0)); filter: blur(2px); pointer-events:none; }
.hero-inner-row { display:grid; grid-template-columns: 1.1fr 0.9fr; gap:40px; align-items:center; }
.hero-big-logo { max-width: 360px; width: 100%; height: auto; filter: drop-shadow(0 10px 24px rgba(0,0,0,.08)); }
.hero-kicker { font-weight:700; color: var(--brand); letter-spacing:.08em; text-transform:uppercase; font-size:.85rem; }
.lead { font-size:1.1rem; color:var(--muted); }
.cta-group { display:flex; gap:12px; margin-top:18px; }
.subtext { margin-top:8px; color:var(--muted); font-size:.95rem; }

.mockup { border:1px solid var(--border); border-radius:14px; background:#ffffff; overflow:hidden; box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.mockup-bar { height:38px; background:linear-gradient(180deg, #f8fafc, #eef2ff); border-bottom:1px solid var(--border); }
.mockup-body { padding:14px; }
.mockup-line { height:12px; border-radius:6px; background:#e2e8f0; margin-bottom:10px; }
.mockup-line.short { width:60%; }
.mockup-card { height:48px; border-radius:10px; border:1px solid var(--border); background:#ffffff; margin-top:10px; }

.section { padding:64px 0; }
.section.alt { background:linear-gradient(180deg, #ffffff, #f8fafc); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.section.pale { background:linear-gradient(180deg, rgba(59,130,246,.08), rgba(13,110,253,.06)); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.grid { display:grid; gap:20px; }
.features {}
.solutions {}
.app {}
.phone-mock { height:360px; border-radius:28px; border:1px solid var(--border); background:linear-gradient(180deg, #f1f5f9, #e2e8f0); position:relative; }
.phone-mock .screen { position:absolute; inset:16px; border-radius:18px; background:#ffffff; border:1px solid #e5e7eb; }
.checklist { list-style:none; padding:0; margin:0; }
.checklist li { padding-left:26px; position:relative; margin:10px 0; color:var(--muted); }
.checklist li::before { content:"✓"; position:absolute; left:0; color:var(--brand-2); }

.why { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.why-item { padding:18px; border:1px solid var(--border); border-radius:12px; background:#ffffff; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.why-item:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.12); border-color: #cbd5e1; }

.feature, .solution { padding:18px; border:1px solid var(--border); border-radius:12px; background:#ffffff; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
._feature:hover, .solution:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.12); border-color: #cbd5e1; }

details { border:1px solid var(--border); border-radius:10px; padding:12px 14px; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); }
details + details { margin-top:12px; }
summary { cursor:pointer; font-weight:600; }

.cta { background: radial-gradient(700px 300px at 10% 120%, rgba(59,130,246,.12), rgba(59,130,246,0) 60%); }
.cta-box { border:1px solid var(--border); border-radius:14px; padding:24px; background:#ffffff; text-align:center; box-shadow: 0 10px 24px rgba(0,0,0,.08); }

.logos-strip { display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap; opacity:.9; }
.logo-badge { display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border:1px dashed #2a3569; border-radius:999px; color:var(--muted); background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); font-size:.95rem; }

.site-footer { background:#ffffff; border-top:1px solid var(--border); padding:22px 0; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; }
.foot-left, .foot-right { display:flex; align-items:center; gap:14px; }

@media (max-width: 900px) {
  /* Bootstrap grid kullanılacak */
}


/* --- Scanomy benzeri zenginleştirmeler --- */
.text-gradient { background: linear-gradient(90deg, var(--brand), var(--brand-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }

.feature, .solution { padding:18px; border:1px solid var(--border); border-radius:12px; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.feature:hover, .solution:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.25); border-color: rgba(106,165,255,.5); }

.logos-strip { display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap; opacity:.9; }
.logo-badge { display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border:1px dashed #2a3569; border-radius:999px; color:var(--muted); background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); font-size:.95rem; }

.value-prop { background:#fff; color:#1c2546; }
.value-prop h2 { color:#1c2546; }
.value-prop .card { border:0; box-shadow: 0 8px 20px rgba(0,0,0,.06); border-radius: 16px; }
.value-prop .card .bi { color:#0d6efd; }

.download-band { background: linear-gradient(120deg, #6aa5ff 0%, #4ee0b8 100%); color:#041028; }
.download-band h2 { color:#041028; }
.download-band .btn { border-width:2px; font-weight:600; }

/* Download section styling */
#download { 
  background: linear-gradient(120deg, var(--brand) 0%, var(--brand-2) 100%) !important; 
  color: white; 
  padding: 60px 0; 
}

#download h2 { 
  color: white !important; 
  font-weight: 700; 
  margin-bottom: 24px; 
}

#download .text-secondary { 
  color: rgba(255,255,255,0.9) !important; 
}

#download img { 
  transition: transform 0.2s ease; 
  border-radius: 8px; 
}

#download img:hover { 
  transform: translateY(-2px); 
}



/* Enhanced color scheme */
.hero::before { 
  background: radial-gradient(900px 480px at 90% -10%, rgba(37,99,235,.15) 0%, rgba(37,99,235,0) 60%); 
}

.hero::after { 
  background: radial-gradient(260px 260px at 50% 50%, rgba(37,99,235,.12), rgba(37,99,235,0)); 
}

.section.alt { 
  background: linear-gradient(180deg, #ffffff, #f8fafc); 
}

.section.pale { 
  background: linear-gradient(180deg, rgba(37,99,235,.06), rgba(59,130,246,.04)); 
}

.cta { 
  background: radial-gradient(700px 300px at 10% 120%, rgba(37,99,235,.1), rgba(37,99,235,0) 60%); 
}

/* WhatsApp button enhancements */
.whatsapp-fixed { 
  position: fixed; 
  bottom: 24px; 
  right: 24px; 
  z-index: 1000; 
}

.whatsapp-btn { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  width: 56px; 
  height: 56px; 
  background: linear-gradient(135deg, #25d366, #128c7e); 
  color: white; 
  border-radius: 50%; 
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3); 
  transition: all 0.3s ease; 
  text-decoration: none; 
}

.whatsapp-btn:hover { 
  transform: translateY(-2px) scale(1.05); 
  box-shadow: 0 12px 32px rgba(37, 211, 102, 0.4); 
  color: white; 
  text-decoration: none; 
}

/* Terms page enhancements */
.terms-content { 
  padding: 40px 0; 
  background: linear-gradient(180deg, #f8fafc, #ffffff); 
}

.terms-section { 
  margin-bottom: 32px; 
  padding: 24px; 
  background: #ffffff; 
  border-radius: 12px; 
  border: 1px solid var(--border); 
  box-shadow: 0 4px 12px rgba(0,0,0,.04); 
}

.terms-section h2 { 
  color: var(--brand); 
  margin-bottom: 16px; 
  font-size: 1.4rem; 
}

.terms-section ul { 
  padding-left: 20px; 
}

.terms-section li { 
  margin-bottom: 8px; 
  color: var(--muted); 
}

.terms-footer { 
  margin-top: 40px; 
  padding-top: 24px; 
  border-top: 1px solid var(--border); 
  text-align: center; 
}

.footer-modern { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-top: 4px solid #6aa5ff; }
.footer-modern .foot-left span, .footer-modern .foot-right a { color:#101828; font-weight:600; }

.whatsapp-fixed { position: fixed; right: 18px; bottom: 18px; z-index: 50; }
.whatsapp-btn { width: 56px; height: 56px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #25D366; color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.25); font-size: 28px; }
.whatsapp-btn:hover { text-decoration: none; filter: brightness(1.05); }

/* Terms page */
.terms { padding-top: 32px; }
.terms-header { display:flex; flex-direction:column; gap:10px; margin-bottom:18px; }
.terms-meta { color: var(--muted); font-size:.95rem; }
.terms-layout { display:grid; grid-template-columns: 1fr; gap: 20px; }
.terms-card { background: var(--card); border:1px solid var(--border); border-radius: 14px; box-shadow: 0 8px 20px rgba(0,0,0,.06); padding: 20px; }
.terms-card h2 { margin-top: 18px; }
.terms-toc { position: sticky; top: 80px; align-self:start; }
.terms-toc .toc-card { background: var(--card); border:1px solid var(--border); border-radius: 14px; padding: 16px; }
.terms-toc a { display:block; color: var(--text); opacity:.9; margin:6px 0; text-decoration:none; }
.terms-toc a:hover { text-decoration:underline; }

@media (min-width: 992px) {
  .terms-layout { grid-template-columns: 280px 1fr; }
}