@font-face{font-family:Anton;src:url(fonts/Anton-Regular.ttf);font-display:swap}
@font-face{font-family:Oswald;src:url(fonts/Oswald.ttf);font-weight:200 700;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter.ttf);font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--mv-ink);color:var(--mv-paper);font:500 17px/1.6 Inter,system-ui,sans-serif;
background-image:linear-gradient(var(--mv-grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--mv-grid-dark) 1px,transparent 1px);background-size:48px 48px}
a{color:var(--mv-teal)}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.nav{display:flex;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:700 18px Oswald;letter-spacing:3px}
.brand img{width:42px;height:42px;border-radius:10px}
nav a{color:var(--mv-paper);text-decoration:none;font:600 14px Oswald;letter-spacing:2px;text-transform:uppercase;margin-left:26px}nav a:hover{color:var(--mv-teal)}
.hero{padding-top:90px;padding-bottom:100px}
.pill{display:inline-block;border:2px solid var(--mv-teal);color:var(--mv-teal);border-radius:99px;padding:6px 16px;font:600 13px Oswald;letter-spacing:3px}
h1{font:400 clamp(44px,7.4vw,96px)/1.04 Anton;text-transform:uppercase;color:#fff;margin:26px 0}
h1 em{font-style:normal;color:var(--mv-teal)}
.lead{max-width:640px;font-size:19px;color:var(--mv-paper)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{padding:14px 26px;border-radius:10px;font:600 15px Oswald;letter-spacing:2px;text-transform:uppercase;text-decoration:none}
.primary{background:var(--mv-teal);color:var(--mv-ink)}.ghost{border:2px solid var(--mv-paper);color:var(--mv-paper)}
.btn:hover{transform:translateY(-2px)}
section{padding-bottom:80px}
.kicker{font:600 15px Oswald;letter-spacing:4px;color:var(--mv-teal);margin:0 0 26px;display:flex;align-items:center;gap:14px}
.kicker::after{content:"";flex:1;height:1px;background:rgba(30,216,196,.25)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card,.post,.plat{background:var(--mv-panel);border:1px solid rgba(30,216,196,.14);border-radius:16px}
.card{padding:28px}.card b{font:800 44px Inter;color:var(--mv-teal);border-bottom:4px solid var(--mv-coral);font-variant-numeric:tabular-nums}
h3{font:400 26px/1.15 Anton;text-transform:uppercase;color:#fff;margin:18px 0 8px;letter-spacing:.5px}
.card p,.post p{color:var(--mv-muted);margin:0}
.plats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.plat{padding:24px;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:.2s}
.plat span{font:400 26px Anton;color:#fff;text-transform:uppercase}.plat small{color:var(--mv-muted);font-weight:600}
.plat:hover,.post:hover{border-color:var(--mv-teal);transform:translateY(-3px)}
.post{text-decoration:none;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.post img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.post div{padding:20px}
.post time{font:600 12px Oswald;letter-spacing:2px;color:var(--mv-teal);text-transform:uppercase}
.post h3{font-size:22px;margin-top:8px}.post p{font-size:15px}
.more{font:600 15px Oswald;letter-spacing:2px;text-decoration:none}
.muted{color:var(--mv-muted)}
footer{border-top:1px solid rgba(30,216,196,.2);padding-top:30px;padding-bottom:40px;font-size:14px}
.disc{color:var(--mv-paper);max-width:860px}.disc strong{color:var(--mv-coral)}
@media(max-width:900px){.grid3{grid-template-columns:1fr}.plats{grid-template-columns:1fr 1fr}nav{display:none}.hero{padding-top:40px;padding-bottom:60px}}
/* mobil taşma düzeltmesi */
html,body{overflow-x:hidden;max-width:100%}
.grid3,.plats{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.grid3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.plat,.card,.post{min-width:0}.plat small,.post h3,h1{overflow-wrap:anywhere}
@media(max-width:600px){.plats{grid-template-columns:1fr}.wrap{padding:0 18px}}
/* yeni logo (27 Eki 2026): turkuaz #16E6C6 + altın mum vurgusu */
:root{--mv-teal:#16E6C6;--mv-gold:#E0A43A;--mv-grid-dark:rgba(22,230,198,.06)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(40px,5.6vw,80px)}
.hero-visual{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(22,230,198,.18),0 0 0 1px rgba(22,230,198,.35);transform:rotate(-1.5deg)}
.hero-visual img{display:block;width:100%;height:auto}
.card b{border-bottom-color:var(--mv-gold)}
.pill{border-color:var(--mv-gold);color:var(--mv-gold)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:32px}.hero-visual{transform:none}}
/* mobil: hero etiketi küçült + header ile boşluk */
@media(max-width:600px){.nav{padding-top:16px;padding-bottom:16px}.hero{padding-top:36px}.pill{font-size:10px;letter-spacing:1.5px;padding:4px 10px;border-width:1.5px}}
/* hero: tek geniş buton + Türkçe diakritik için satır aralığı */
.hero h1,.hero h1 em{line-height:1.18;padding-top:.06em}
.btn.wide{display:block;text-align:center;width:min(100%,420px);padding:18px 26px;font-size:17px}
@media(max-width:600px){.btn.wide{width:100%}}