/* Ludeta landing — tek tema (sıcak krem), uygulamanın paletiyle aynı. */
:root{
  --cream:#faf6f0; --surface:#fffdfa; --ink:#3d3229; --ink-soft:#7a6b5d;
  --line:#eadfd2; --terracotta:#e2704a; --teal:#3d9a8b; --gold:#d99a2b;
  --max:66rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--cream); color:var(--ink);
  font:16px/1.65 ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
}
a{color:var(--terracotta)}
img{max-width:100%; display:block}
.wrap{max-width:var(--max); margin:0 auto; padding:0 1.5rem}

.site-head{border-bottom:1px solid var(--line); background:var(--surface)}
.site-head .wrap{display:flex; align-items:center; gap:1.25rem; min-height:68px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:.6rem; text-decoration:none; color:inherit; margin-right:auto}
.brand img{width:36px; height:36px; border-radius:9px}
.brand strong{font-size:1.08rem; letter-spacing:-.01em}
.site-head nav{display:flex; gap:1.4rem; flex-wrap:wrap}
.site-head nav a{color:var(--ink-soft); text-decoration:none; font-size:.94rem; font-weight:600}
.site-head nav a:hover,.site-head nav a[aria-current]{color:var(--ink)}

.hero{padding:4rem 0 3rem; text-align:center}
.hero img.mark{width:112px; height:112px; border-radius:26px; margin:0 auto;
  box-shadow:0 10px 30px rgba(61,50,41,.13)}
.hero h1{font-size:clamp(2rem,5.2vw,2.9rem); line-height:1.15; letter-spacing:-.025em; margin:1.5rem 0 .85rem}
.hero p.lede{font-size:1.1rem; color:var(--ink-soft); max-width:36rem; margin:0 auto}
.store{display:flex; gap:.75rem; justify-content:center; margin-top:2rem; flex-wrap:wrap}
.store .badge{display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 1.35rem;
  border-radius:12px; font-weight:700; font-size:.95rem; text-decoration:none;
  background:var(--ink); color:var(--cream)}
.store .badge.soon{background:transparent; color:var(--ink-soft); border:1px solid var(--line); font-weight:600}

/* Kartlar: 1 / 2 / 4 — asla öksüz satır bırakmaz */
.cards{display:grid; gap:1rem; grid-template-columns:1fr; padding:1rem 0 3rem}
@media (min-width:620px){ .cards{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1000px){ .cards{grid-template-columns:repeat(4,1fr)} }
.card{background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:1.35rem}
.card .ico{font-size:1.5rem; line-height:1; display:block; margin-bottom:.7rem}
.card h3{margin:0 0 .4rem; font-size:1rem; letter-spacing:-.01em}
.card p{margin:0; color:var(--ink-soft); font-size:.93rem; line-height:1.6}

.promise{background:var(--surface); border:1px solid var(--line); border-radius:20px;
  padding:2rem 1.75rem; margin-bottom:3.5rem}
.promise h2{margin:0 0 .75rem; font-size:1.25rem; letter-spacing:-.01em}
.promise ul{margin:0; padding-left:1.15rem; color:var(--ink-soft)}
.promise li{margin:.4rem 0}
.promise li strong{color:var(--ink)}

.site-foot{border-top:1px solid var(--line); background:var(--surface); padding:2.5rem 0 3rem;
  color:var(--ink-soft); font-size:.9rem}
.site-foot nav{display:flex; flex-wrap:wrap; gap:1.25rem; margin-bottom:1.25rem}
.site-foot a{color:var(--ink-soft)}
.site-foot p{margin:.35rem 0}

article{padding:2.5rem 0 3.5rem; max-width:45rem}
article h1{font-size:1.85rem; letter-spacing:-.02em; margin:0 0 .35rem}
article .meta{color:var(--ink-soft); font-size:.9rem; margin:0 0 2rem}
article h2{font-size:1.12rem; margin:2.2rem 0 .5rem; letter-spacing:-.01em}
article h3{font-size:.99rem; margin:1.5rem 0 .35rem}
article p,article li{color:#4c4137}
article ul{padding-left:1.15rem}
article li{margin:.35rem 0}
article table{width:100%; border-collapse:collapse; margin:1.1rem 0; font-size:.9rem}
article th,article td{text-align:left; padding:.6rem .65rem; border-bottom:1px solid var(--line); vertical-align:top}
article th{color:var(--ink-soft); font-weight:700}
.tablewrap{overflow-x:auto}
.note{background:var(--cream); border:1px solid var(--line); border-left:3px solid var(--terracotta);
  border-radius:12px; padding:1.05rem 1.15rem; margin:1.5rem 0}
.note p{margin:0}
.steps{counter-reset:s; list-style:none; padding:0; margin:1.2rem 0}
.steps li{counter-increment:s; position:relative; padding-left:2.4rem; margin:.85rem 0}
.steps li::before{content:counter(s); position:absolute; left:0; top:.05rem;
  width:1.65rem; height:1.65rem; border-radius:50%; background:var(--terracotta); color:#fff;
  display:grid; place-items:center; font-size:.85rem; font-weight:700}