:root{
  --cream:#FFF3DF; --cream2:#FFE6C4; --ink:#5A4A3F; --muted:#8a7866;
  --accent:#EF8E2E; --accent2:#FFB36B; --green:#7BA85B; --card:#fffaf0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(160deg,#FFF7E8 0%,#FFE9C9 100%);
  background-attachment:fixed;line-height:1.6;
}
.wrap{max-width:980px;margin:0 auto;padding:0 22px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* top bar */
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.brand img{height:42px}
.nav .links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.nav .links a{color:var(--ink);font-weight:600}
.langbtn{border:2px solid var(--ink);background:transparent;color:var(--ink);
  border-radius:20px;padding:5px 14px;font-weight:700;cursor:pointer;font-size:13px}

/* hero */
.hero{text-align:center;padding:34px 0 10px}
.hero img.logo{width:min(420px,82%);filter:drop-shadow(0 10px 20px rgba(0,0,0,.12))}
.tagline{display:inline-block;background:var(--green);color:#fff;font-weight:800;
  padding:10px 22px;border-radius:18px;margin-top:6px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.sub{color:var(--muted);max-width:620px;margin:18px auto 0;font-size:18px}
.badge{display:inline-block;margin-top:22px;background:#1d1d1f;color:#fff;
  padding:12px 22px;border-radius:14px;font-weight:700}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:46px 0}
.pillar{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:20px;
  padding:22px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.pillar .emoji{font-size:34px}
.pillar h3{margin:10px 0 6px}
.pillar p{margin:0;color:var(--muted);font-size:15px}

/* shots */
.shots{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:30px 0 10px}
.shots img{width:210px;border-radius:24px;box-shadow:0 10px 26px rgba(0,0,0,.16)}

h1.page{font-size:34px;margin:18px 0 4px}
h2{color:var(--ink)}
.card{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:20px;
  padding:24px 26px;margin:18px 0;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.faq h3{margin:18px 0 4px}
.muted{color:var(--muted)}
.contact{font-size:20px;font-weight:700}

footer{margin:50px 0 40px;text-align:center;color:var(--muted);font-size:14px}
footer a{color:var(--ink);font-weight:600;margin:0 8px}

/* language visibility */
body[data-lang="en"] .tr{display:none}
body[data-lang="tr"] .en{display:none}
@media(max-width:720px){
  .pillars{grid-template-columns:1fr}
  .nav{flex-direction:column;gap:12px}
}