/* ===========================
   Sunucu & Hosting Sayfası CSS
   (İstersen assets'e de taşırsın)
   =========================== */

.svc-hero{ margin: 1.25rem 0 2.2rem; }
.svc-hero-bg{
    border-radius: 22px;
    padding: 2rem 1.8rem;
    background:
        radial-gradient(900px 380px at 15% -10%, rgba(0,82,255,.24), transparent 55%),
        radial-gradient(800px 340px at 90% 10%, rgba(255,122,0,.18), transparent 55%),
        linear-gradient(135deg, #0b3ed6, #0ea5e9);
    color:#e5f0ff;
    overflow:hidden;
    box-shadow: 0 18px 60px rgba(15,23,42,.18);
}
.svc-kicker{
    display:inline-flex; align-items:center; gap:.55rem;
    font-size:.78rem; letter-spacing:.18em; text-transform:uppercase;
    font-weight:800;
    background: rgba(15,23,42,.25);
    padding:.35rem .8rem; border-radius:999px;
    margin-bottom: 1rem;
}
.svc-title{
    font-size: 2.05rem;
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0 0 .9rem;
}
.svc-lead{ margin:0; opacity:.95; max-width: 720px; }
.svc-actions{ margin-top: 1.3rem; display:flex; flex-wrap:wrap; gap:.75rem; }
.svc-badges{ margin-top: 1.2rem; display:flex; flex-wrap:wrap; gap:.65rem; }
.svc-badge{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.35rem .75rem;
    border-radius:999px;
    background: rgba(15,23,42,.35);
    font-size:.85rem;
}
.svc-badge i{ color:#facc15; }

.svc-hero-card{
    background:#f9fafb;
    border-radius: 22px;
    padding: 1.25rem 1.25rem;
    color:#111827;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 18px 55px rgba(15,23,42,.18);
}
.svc-hero-card-pill{
    font-size:.72rem; font-weight:900;
    letter-spacing:.18em; text-transform:uppercase;
    color:#6b7280;
    margin-bottom:.55rem;
}
.svc-hero-card-title{
    font-size: 1.08rem;
    font-weight: 950;
    margin-bottom:.55rem;
}
.svc-hero-list{
    margin:0;
    padding-left: 1.05rem;
    color:#374151;
    font-size:.92rem;
    line-height: 1.55;
}
.svc-hero-note{
    margin-top: .9rem;
    display:flex; gap:.55rem; align-items:flex-start;
    font-size:.88rem;
    padding:.65rem .75rem;
    border-radius: 14px;
    background: rgba(0,82,255,.06);
    border: 1px solid rgba(0,82,255,.16);
    color:#0f172a;
}
.svc-hero-note i{ color: var(--proda-primary); margin-top:.15rem; }

.svc-section{ margin: 2.4rem 0 2.2rem; }
.svc-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom: 1.1rem; }

.svc-card{
    background:#fff;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 20px;
    padding: 1.15rem 1.1rem;
    box-shadow: 0 14px 40px rgba(15,23,42,.06);
    height:100%;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.svc-card:hover{
    transform: translateY(-4px);
    border-color: rgba(0,82,255,.22);
    box-shadow: 0 22px 54px rgba(15,23,42,.12);
}
.svc-card-soft{
    background: linear-gradient(180deg, rgba(248,250,252,.75), #fff);
}
.svc-ico{
    width: 48px; height:48px; border-radius: 16px;
    display:flex; align-items:center; justify-content:center;
    background: linear-gradient(135deg, var(--proda-primary), var(--proda-secondary));
    color:#fff;
    box-shadow: 0 12px 26px rgba(37,99,235,.18);
    margin-bottom: .85rem;
    font-size: 1.05rem;
}
.svc-card-title{
    font-weight: 950;
    color:#0f172a;
    letter-spacing:-0.01em;
    margin-bottom:.35rem;
}
.svc-card-text{
    color:#64748b;
    font-size:.94rem;
    margin:0 0 .8rem;
}
.svc-mini{
    margin:0;
    padding-left: 0;
    list-style:none;
    color:#475569;
    font-size:.92rem;
}
.svc-mini li{
    position: relative;
    padding-left: 1.55rem;
}
.svc-mini li::before{
    content:"\f00c";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    left:0;
    top:.15rem;
    color: var(--proda-primary);
}
.svc-mini li + li{ margin-top:.25rem; }

.svc-chips{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top: .9rem; }
.svc-chip{
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.35rem .65rem;
    border-radius:999px;
    background: rgba(0,82,255,.06);
    border: 1px solid rgba(0,82,255,.16);
    color:#0f172a;
    font-weight:800;
    font-size:.82rem;
}
.svc-chip i{ color: var(--proda-primary); }

.svc-faq{ margin: 2.4rem 0 3rem; }
.svc-faq-box{
    background:#0f172a;
    border-radius: 22px;
    padding: 1.5rem 1.4rem;
    color:#e5e7eb;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 16px 44px rgba(15,23,42,.18);
}
.svc-faq-title{ font-weight: 950; font-size: 1.25rem; margin-bottom:.35rem; }
.svc-faq-text{ opacity:.92; }
.svc-faq-text .svc-mini li::before{ color:#facc15; }
.svc-faq-sub{ font-size:.88rem; color:#94a3b8; }

@media (max-width: 992px){
    .svc-hero-bg{ padding: 1.35rem 1.1rem; }
    .svc-title{ font-size: 1.65rem; }
}