/* ===== Anne-O tanıtım sitesi ===== */
:root{
  --brand:#6d28d9; --brand-2:#4f46e5; --accent:#ec4899;
  --ink:#1b2138; --muted:#6b7280; --bg:#ffffff; --soft:#f6f5fc;
  --card:#ffffff; --line:#ebeaf3;
  --grad:linear-gradient(135deg,#4f46e5 0%,#6d28d9 52%,#9333ea 100%);
  --shadow:0 18px 40px rgba(79,70,229,.16);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);
  font-family:"Segoe UI",-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;}
h1,h2,h3{line-height:1.2;}
a{color:var(--brand-2);text-decoration:none;}
img{display:block;}

/* ===== NAV ===== */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);
  backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line);}
.nav-in{max-width:1080px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--ink);font-size:1.12rem;letter-spacing:.2px;}
.brand img{width:30px;height:30px;border-radius:8px;}
.nav-right{display:flex;align-items:center;gap:18px;}
.nav-link{color:#4b5168;font-weight:600;font-size:.95rem;}
.nav-link:hover{color:var(--brand);}
.nav-cta{background:var(--grad);color:#fff;padding:8px 16px;border-radius:10px;font-weight:700;font-size:.92rem;box-shadow:0 6px 16px rgba(109,40,217,.28);}
.nav-cta:hover{filter:brightness(1.06);}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;}
.lang button{border:0;background:#fff;color:#6b7280;font-weight:700;font-size:.82rem;padding:6px 11px;cursor:pointer;font-family:inherit;}
.lang button.on{background:var(--brand);color:#fff;}
.lang button+button{border-left:1px solid var(--line);}

/* ===== HERO ===== */
.hero{background:var(--grad);color:#fff;position:relative;overflow:hidden;
  border-radius:0 0 40px 40px;padding:54px 20px 64px;}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);}
.hero::before{width:320px;height:320px;top:-120px;right:-80px;}
.hero::after{width:200px;height:200px;bottom:-70px;left:-50px;}
.hero-in{max-width:1080px;margin:0 auto;position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;}
.hero-text h1{font-size:2.6rem;font-weight:800;margin:0 0 16px;letter-spacing:.2px;}
.hero-text .sub{font-size:1.06rem;opacity:.96;margin:0 0 26px;max-width:540px;}
.badges{display:flex;gap:13px;flex-wrap:wrap;}
.trust{margin:20px 0 0;font-size:.9rem;opacity:.95;}
.soon-note{margin:10px 0 0;font-size:.9rem;opacity:.9;}

/* store rozetleri */
.store-badge{display:inline-flex;align-items:center;gap:11px;background:#111418;color:#fff;
  border:1px solid #2a2f37;border-radius:13px;padding:9px 17px;text-decoration:none;
  transition:transform .12s,box-shadow .12s;box-shadow:0 8px 22px rgba(0,0,0,.25);}
.store-badge:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.32);}
.store-badge.soon{opacity:.55;cursor:default;}
.store-badge.soon:hover{transform:none;}
.sb-ico{display:flex;}
.sb-txt{display:flex;flex-direction:column;line-height:1.12;text-align:left;}
.sb-txt small{font-size:.6rem;letter-spacing:.7px;opacity:.85;text-transform:uppercase;}
.sb-txt b{font-size:1.16rem;font-weight:700;}
.store-badge.dark{margin-top:6px;}

/* TELEFON MAKETİ */
.hero-phone{display:flex;justify-content:center;}
.phone{width:248px;height:506px;background:#10131c;border-radius:38px;padding:11px;
  box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 2px #2a2f3d;position:relative;}
.notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:108px;height:21px;background:#10131c;border-radius:0 0 14px 14px;z-index:2;}
.screen{width:100%;height:100%;background:linear-gradient(180deg,#f7f5ff,#efe9fb);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;}
.app-shot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.app-head{background:var(--grad);padding:34px 16px 22px;display:flex;justify-content:center;border-radius:0 0 22px 22px;}
.app-head img{width:128px;max-width:78%;height:auto;background:#fff;border-radius:14px;padding:9px 11px;box-shadow:0 8px 18px rgba(0,0,0,.18);}
.tiles{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px;}
.tile{background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  box-shadow:0 4px 12px rgba(60,40,120,.1);padding:8px;}
.tile span{font-size:26px;}
.tile b{font-size:.72rem;color:#3b3357;text-align:center;font-weight:700;}

/* ===== BÖLÜMLER ===== */
main{max-width:1080px;margin:0 auto;padding:0 20px;}
.sec{padding:56px 0 10px;}
.sec h2,.cta h2,.band h2{font-size:1.7rem;font-weight:800;color:var(--ink);margin:0 0 8px;text-align:center;}
.sec-sub{text-align:center;color:var(--muted);margin:0 auto 30px;max-width:560px;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:18px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;
  box-shadow:0 4px 18px rgba(30,30,70,.05);transition:transform .15s,box-shadow .15s;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.ic{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;font-size:28px;margin-bottom:12px;}
.ic1{background:#ede9fe;} .ic2{background:#e0f2fe;} .ic3{background:#fce7f3;} .ic4{background:#fef3c7;}
.card h3{margin:0 0 7px;font-size:1.14rem;}
.card p{margin:0;color:var(--muted);font-size:.95rem;}

/* GİZLİLİK BANDI */
.band{margin:56px 0 10px;}
.band-in{max-width:1080px;margin:0 auto;background:linear-gradient(135deg,#eef0ff,#f7ecff);
  border-radius:24px;padding:34px 30px;display:flex;gap:22px;align-items:center;}
.band-ico{font-size:46px;flex-shrink:0;}
.band h2{text-align:left;margin:0 0 6px;font-size:1.4rem;}
.band p{margin:0;color:#3b3f57;max-width:760px;}

/* SSS */
.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 18px;box-shadow:0 2px 10px rgba(30,30,70,.04);}
.faq summary{cursor:pointer;font-weight:700;padding:13px 0;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--brand);font-size:1.4rem;font-weight:400;}
.faq details[open] summary::after{content:"–";}
.faq details p{margin:0 0 14px;color:var(--muted);}

/* CTA */
.cta{text-align:center;background:var(--soft);border-radius:28px;margin:56px 0;padding:48px 24px;}
.cta p{color:var(--muted);margin:0 auto 22px;max-width:480px;}
.cta .store-badge{justify-content:center;}

/* FOOTER */
.foot{border-top:1px solid var(--line);padding:30px 20px 40px;text-align:center;color:var(--muted);}
.foot-in{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.foot .brand{font-size:1.05rem;}
.foot-links{display:flex;gap:20px;align-items:center;font-size:.92rem;}
.foot-links a{font-weight:600;}
.rights{font-size:.85rem;margin:18px 0 4px;}
.dis{font-size:.78rem;max-width:680px;margin:6px auto 0;}

/* ===== RESPONSIVE ===== */
@media(max-width:840px){
  .hero-in{grid-template-columns:1fr;text-align:center;}
  .hero-text .sub{margin-left:auto;margin-right:auto;}
  .badges{justify-content:center;}
  .hero-phone{margin-top:10px;}
  .band-in{flex-direction:column;text-align:center;}
  .band h2{text-align:center;}
}
@media(max-width:560px){
  .nav-link{display:none;}
  .hero-text h1{font-size:2.05rem;}
  .badges{flex-direction:column;align-items:center;}
}