/* Tasarım token'ları tek kaynaktan (src/theme.css → dev/theme.css) */
@import "theme.css";
/* landing'e özel: daha güçlü kart gölgesi (theme --shadow'u geçersiz kılar) */
:root{ --shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.07); }
*{box-sizing:border-box}
html{background:#e9eef5}
body{margin:0 auto; max-width:760px; min-height:100vh; padding:0 0 3rem;
  background:linear-gradient(180deg,#fbfcff,var(--bg) 38%); color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; line-height:1.62;
  -webkit-font-smoothing:antialiased}
.wrap{padding:0 1.15rem}
header{display:flex; align-items:center; gap:.6rem; padding:1rem 1.15rem; border-bottom:1px solid var(--line)}
header .logo{width:38px; height:38px; border-radius:11px; flex:none; padding:5px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(145deg,#334155,#1e293b); box-shadow:0 2px 6px rgba(15,23,42,.28)}
header .logo img{width:100%; height:100%; object-fit:contain; display:block}
header a{font-weight:750; letter-spacing:-.02em; color:var(--ink); text-decoration:none; font-size:1.02rem}
.hero{padding:2rem 0 1rem; text-align:center}
.hero .chip{display:inline-flex; align-items:center; gap:.35rem; font-size:.74rem; font-weight:650;
  color:var(--accent-ink); background:var(--accent-tint); border:1px solid #a5f3fc; border-radius:999px; padding:.32rem .7rem}
h1{font-size:1.85rem; font-weight:800; letter-spacing:-.03em; margin:.9rem 0 .5rem; line-height:1.15}
.hero p.lead{color:var(--muted); font-size:1.05rem; margin:.2rem auto 1.4rem; max-width:34ch}
.cta{display:inline-flex; align-items:center; gap:.5rem; background:linear-gradient(180deg,#0891b2,var(--accent));
  color:#fff; font-weight:700; font-size:1.05rem; text-decoration:none; border-radius:14px; padding:.95rem 1.8rem;
  box-shadow:0 1px 2px rgba(8,145,178,.3), 0 10px 24px rgba(8,145,178,.26)}
.cta:hover{filter:brightness(1.05)}
/* Landing dosya yükleme dropzone'u — app ile AYNI görünüm (landing-drop.js doldurur) */
#landDrop{margin:1.1rem 0 .4rem}
.land-dz{display:flex; flex-direction:column; align-items:center; gap:.5rem; text-align:center; cursor:pointer;
  border:2px dashed #9ed8e6; border-radius:16px; background:linear-gradient(180deg,#fbfeff,#ecfeff);
  padding:1.4rem 1rem; transition:border-color .15s, background .15s, box-shadow .15s}
.land-dz:hover, .land-dz.drag{border-color:var(--accent); background:#ecfeff; box-shadow:0 6px 18px rgba(8,145,178,.10)}
.land-dz input{display:none}
.land-dz .dz-ico{width:56px; height:56px; border-radius:50%; background:#fff; flex:none;
  box-shadow:0 4px 14px rgba(8,145,178,.18); display:grid; place-items:center}
.land-dz .dz-ico svg{width:28px; height:28px; color:var(--accent)}
.land-dz .dz-txt b{display:block; font-size:1.02rem; font-weight:750; color:var(--ink); letter-spacing:-.01em}
.land-dz .dz-txt em{font-style:normal; display:block; margin-top:.18rem; font-size:.8rem; color:var(--muted)}
.land-dz .dz-btn{display:inline-flex; align-items:center; gap:.4rem; margin-top:.3rem; font-size:.86rem; font-weight:800;
  color:#fff; background:linear-gradient(180deg,var(--accent-2),var(--accent)); padding:.58rem 1.35rem; border-radius:11px;
  box-shadow:0 6px 16px rgba(8,145,178,.28)}
.land-open{margin:1.1rem 0 .4rem}
/* Kamera araçları: solda Görselden oku (yatay), sağda kare Kamera (araçtaki gibi) */
.land-camrow{display:flex; gap:.5rem; align-items:stretch}
.land-camrow .land-dz{flex:1; flex-direction:row; align-items:center; text-align:left; gap:.6rem; padding:.7rem .85rem}
.land-camrow .land-dz .dz-ico{width:40px; height:40px; flex:none}
.land-camrow .land-dz .dz-ico svg{width:22px; height:22px}
.land-cam{flex:none; width:90px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.15rem;
  border:1px solid var(--line); background:#fff; color:var(--accent); border-radius:14px; text-decoration:none;
  font-weight:800; font-size:.82rem; box-shadow:0 1px 2px rgba(15,23,42,.05)}
.land-cam:hover{border-color:var(--accent-2); background:var(--accent-tint)}
.land-cam-ic{font-size:1.5rem; line-height:1}
.trust{display:flex; gap:.4rem; justify-content:center; flex-wrap:wrap; margin-top:1rem; color:var(--muted); font-size:.84rem}
.trust span{background:var(--card); border:1px solid var(--line); border-radius:999px; padding:.3rem .7rem}
.card{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:1.3rem 1.4rem; margin:1.1rem 0; box-shadow:var(--shadow)}
.card h2{font-size:1.15rem; font-weight:750; letter-spacing:-.02em; margin:0 0 .8rem}
.steps{counter-reset:s; list-style:none; padding:0; margin:0}
.steps li{position:relative; padding:.45rem 0 .45rem 2.4rem; counter-increment:s}
.steps li::before{content:counter(s); position:absolute; left:0; top:.35rem; width:1.7rem; height:1.7rem;
  background:var(--accent-tint); color:var(--accent); border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:.86rem}
.card p, .card li{color:#334155}
details{border-top:1px solid var(--line); padding:.8rem 0}
details:first-of-type{border-top:0}
details summary{font-weight:650; cursor:pointer; color:var(--ink)}
details p{margin:.6rem 0 0; color:#475569; font-size:.94rem}
.more{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.4rem}
.more a{font-size:.88rem; font-weight:650; color:var(--accent); text-decoration:none; background:var(--accent-tint);
  border:1px solid #a5f3fc; border-radius:10px; padding:.45rem .8rem}
footer{text-align:center; color:var(--muted); font-size:.82rem; margin-top:1.6rem}
footer a{color:var(--accent); text-decoration:none}
.priv{background:var(--accent-tint); border:1px solid #a5f3fc; border-radius:14px; padding:1rem 1.1rem; margin:1.1rem 0;
  font-size:.92rem; color:var(--accent-ink)}
.priv b{color:var(--accent-ink)}
.crumb{font-size:.8rem; color:var(--muted); margin:.2rem 0 .9rem; display:flex; gap:.4rem; align-items:center; flex-wrap:wrap}
.crumb a{color:var(--accent); text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb span[aria-hidden]{opacity:.5}