/* GENEL AYARLAR */
* { margin:0; padding:0; box-sizing:border-box; }
html,body{
    font-family:"Inter",sans-serif;
    background:#000;
    color:#fff;
    font-size:20px;
    line-height:1.8;
}

/* HEADER */
.site-header{
    position:sticky; top:0; background:#000;
    display:flex; justify-content:space-between; align-items:center;
    padding:22px 40px; border-bottom:1px solid #222;
}
.logo{ font-size:22px; letter-spacing:0.22em; text-transform:uppercase; }
.site-nav a{
    margin-left:24px; font-size:16px; text-decoration:none;
    text-transform:uppercase; letter-spacing:0.12em; color:#fff;
}

/* ANA İÇERİK */
main{ width:100%; padding:0 40px; }

/* HERO */
.hero{
    padding:80px 0 60px 0;
    border-bottom:1px solid #222;
}
.hero h1{
    font-size:60px;
    line-height:1.1;
    margin-bottom:18px;
}
.hero-subtitle{
    font-size:22px;
    max-width:880px;
    margin-bottom:40px;
}

/* KARTLAR - BÜYÜK, ALT ALTA, İNCE AYARLI */
.pill-column{
    display:flex;
    flex-direction:column;
    gap:32px;
    width:100%;
    max-width:1100px;
}
.pill-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-radius:100px;                 /* daha oval */
    border:3px solid #e5e5e5;            /* hafif gri, biraz güçlü çerçeve */
    padding:56px 72px;                   /* daha geniş nefes */
    text-decoration:none;
    color:#fff;
    width:100%;
    min-height:220px;                    /* daha yüksek kart */
    background:rgba(10,10,10,0.9);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.03),   /* hafif kontur */
        0 26px 60px rgba(0,0,0,0.85);       /* iç boşlukları ayıran gölge hissi */
    transition:transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;
}
.pill-card:hover{
    background:#f5f5f5;
    color:#000;
    transform:translateY(-4px) scale(1.02); /* scale büyüme */
    box-shadow:
        0 0 0 1px rgba(0,0,0,0.12),
        0 36px 80px rgba(0,0,0,0.9);
}
.pill-label{
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:0.2em;
    opacity:0.75;
}
.pill-title{
    font-size:38px;
    margin-top:12px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:14px;
}
.pill-icon{
    font-size:55px;   /* ÇOK BÜYÜK İKON */
    line-height:1;
}

/* CONTACT */
.section{ padding:60px 0; }
.contact-section h2{
    font-size:26px;
    text-transform:uppercase;
    letter-spacing:0.18em;
    margin-bottom:24px;
}
.contact-list{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.contact-item{
    display:flex;
    flex-direction:column;
}
.contact-label{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.2em;
    opacity:0.7;
    margin-bottom:4px;
}
.contact-text{
    font-size:20px;
    color:#fff;
    text-decoration:none;
}

/* FOOTER */
.site-footer{
    text-align:center;
    padding:40px 0;
    opacity:0.6;
}

/* MOBİL */
@media (max-width: 720px){
    html,body{ font-size:18px; }
    .site-header{
        padding:18px 16px;
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
    main{ padding:0 16px; }
    .hero h1{ font-size:40px; }
    .pill-card{
        padding:32px 24px;
        min-height:180px;
        border-radius:70px;
    }
    .pill-title{ font-size:28px; }
    .pill-icon{ font-size:40px; }
}