/* Scoped: sadece Hakkımızda sayfası */
.about-page .about-hero{
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-lg);
    padding: 2rem;
    background: linear-gradient(135deg,
        rgba(46, 125, 50, 0.12) 0%,
        rgba(33, 150, 243, 0.10) 55%,
        rgba(255, 193, 7, 0.10) 100%
    );
    border: 1px solid rgba(0,0,0,0.05);
}
.about-page .about-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(46,125,50,.18), transparent 40%),
        radial-gradient(circle at 85% 30%, rgba(33,150,243,.14), transparent 45%),
        radial-gradient(circle at 65% 85%, rgba(255,193,7,.14), transparent 40%);
    pointer-events:none;
}
.about-page .about-hero-inner{ position: relative; z-index: 1; }

.about-page .about-badge{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.35rem .75rem;
    background: rgba(46,125,50,.12);
    color: #1b5e20;
    border-radius: 999px;
    font-size:.85rem;
    font-weight:700;
    border: 1px solid rgba(46,125,50,.18);
}
.about-page .about-title{
    font-size: 2.35rem;
    font-weight: 800;
    margin: .75rem 0 .5rem 0;
    letter-spacing: -0.02em;
}
.about-page .about-subtitle{
    color: #546e7a;
    font-size: 1.05rem;
    margin-bottom: 1.25rem;
    max-width: 56ch;
}

.about-page .about-stats{
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}
.about-page .stat-tile{
    background:#fff;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    border: 1px solid rgba(0,0,0,.04);
}
.about-page .stat-label{
    color:#78909c;
    font-size:.78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
}
.about-page .stat-value{
    font-size: 1.6rem;
    font-weight: 900;
    margin-top: .25rem;
}
.about-page .stat-foot{
    color:#90a4ae;
    font-size:.85rem;
    margin-top:.25rem;
}

.about-page .about-sidecard{
    background: rgba(255,255,255,.75);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(0,0,0,.10);
    padding: 1.25rem;
}
.about-page .about-check{
    display:flex;
    gap:.7rem;
    align-items:flex-start;
    padding: .55rem .65rem;
    border-radius: 12px;
    background: rgba(0,0,0,.02);
    border: 1px solid rgba(0,0,0,.04);
}
.about-page .about-check i{ margin-top:.15rem; color: var(--primary); }
.about-page .about-check .t{ font-weight:800; }
.about-page .about-check .d{ color: var(--gray-600); font-size:.92rem; margin-top:.1rem; }

.about-page .about-feature{
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.about-page .about-feature .icon{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(46,125,50,.12);
    color:#1b5e20;
    border: 1px solid rgba(46,125,50,.18);
}
.about-page .about-feature h6{ font-weight: 800; margin: 0; }
.about-page .about-feature p{ color: var(--gray-600); margin: .35rem 0 0 0; }

.about-page .about-steps .step{
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.about-page .step-no{
    width: 36px; height:36px;
    border-radius: 999px;
    display:flex; align-items:center; justify-content:center;
    background: var(--primary-gradient);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(45,143,62,.25);
}

.about-page .about-cta{
    border-radius: var(--radius-xl);
    background: var(--primary-gradient);
    color:#fff;
    overflow:hidden;
    position:relative;
}
.about-page .about-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 55%);
    pointer-events:none;
}
.about-page .about-cta .inner{ position:relative; z-index:1; }

@media (max-width: 992px){
    .about-page .about-stats{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    .about-page .about-title{ font-size: 2rem; }
}
@media (max-width: 576px){
    .about-page .about-stats{ grid-template-columns: 1fr; }
}