/* ====== Özel Yazılım Geliştirme - Sayfa CSS ====== */
            .hero-soft {
                background: linear-gradient(135deg, rgba(0, 82, 255, 0.92), rgba(124, 58, 237, 0.92));
                border-radius: 26px;
                overflow: hidden;
                position: relative;
                box-shadow: 0 22px 70px rgba(15, 23, 42, 0.18);
                margin-top: 18px;
            }
            .hero-soft:before {
                content: "";
                position: absolute;
                inset: 0;
                background:
                    radial-gradient(circle at 20% 20%, rgba(255,255,255,.22), transparent 45%),
                    radial-gradient(circle at 70% 35%, rgba(255,255,255,.12), transparent 40%),
                    radial-gradient(circle at 30% 85%, rgba(255,255,255,.10), transparent 45%);
                pointer-events: none;
            }
            .hero-soft .inner {
                position: relative;
                padding: 42px 34px;
                color: #fff;
            }
            .kicker {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                padding: 10px 14px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.14);
                border: 1px solid rgba(255, 255, 255, 0.18);
                font-weight: 800;
                letter-spacing: 0.16em;
                text-transform: uppercase;
                font-size: 0.78rem;
            }
            .hero-title {
                font-weight: 950;
                letter-spacing: -0.02em;
                margin-top: 14px;
                font-size: clamp(2rem, 2.8vw, 3.1rem);
                line-height: 1.06;
            }
            .hero-text {
                margin-top: 14px;
                font-size: 1.05rem;
                opacity: 0.95;
                line-height: 1.6;
                max-width: 58ch;
            }
            .hero-actions {
                margin-top: 20px;
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }
            .btn-proda {
                border-radius: 16px;
                padding: 12px 16px;
                font-weight: 900;
                border: 1px solid rgba(255,255,255,.22);
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 10px;
                transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
            }
            .btn-proda:hover { transform: translateY(-1px); opacity: .98; }
            .btn-proda.primary {
                background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
                color: #fff;
                box-shadow: 0 14px 38px rgba(0,0,0,.18);
            }
            .btn-proda.ghost {
                background: rgba(15, 23, 42, 0.18);
                color: #fff;
            }
            .hero-badges {
                margin-top: 18px;
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }
            .hero-badge {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                background: rgba(15, 23, 42, 0.18);
                border: 1px solid rgba(255,255,255,.16);
                border-radius: 999px;
                padding: 10px 14px;
                font-weight: 800;
                font-size: .92rem;
            }
            .hero-side {
                background: rgba(255,255,255,.96);
                border-radius: 24px;
                padding: 18px 18px;
                border: 1px solid rgba(15,23,42,.06);
                color: #0f172a;
                box-shadow: 0 18px 50px rgba(15,23,42,.16);
            }
            .hero-side small {
                display:block;
                font-weight: 900;
                letter-spacing: .18em;
                text-transform: uppercase;
                color:#64748b;
                margin-bottom: 8px;
            }
            .hero-side h3 {
                font-weight: 950;
                letter-spacing:-.02em;
                margin: 0 0 10px 0;
                font-size: 1.35rem;
            }
            .hero-side ul {
                margin: 0;
                padding-left: 18px;
                color: #334155;
                line-height: 1.55;
                font-weight: 600;
            }
            .section {
                margin-top: 26px;
            }
            .sec-kicker {
                font-weight: 900;
                letter-spacing: .16em;
                text-transform: uppercase;
                color: #64748b;
                font-size: .78rem;
                margin-bottom: 6px;
            }
            .sec-title {
                font-weight: 950;
                letter-spacing:-.02em;
                font-size: clamp(1.5rem, 2vw, 2rem);
                color: #0f172a;
            }
            .sec-desc {
                color: #475569;
                margin-top: 8px;
                line-height: 1.7;
                max-width: 80ch;
            }
            .info-card {
                background: #fff;
                border: 1px solid rgba(15,23,42,.08);
                border-radius: 22px;
                padding: 18px 18px;
                height: 100%;
                box-shadow: 0 18px 54px rgba(15,23,42,.06);
                transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
            }
            .info-card:hover {
                transform: translateY(-2px);
                box-shadow: 0 24px 64px rgba(15,23,42,.10);
                border-color: rgba(0,82,255,.22);
            }
            .info-ico {
                width: 48px;
                height: 48px;
                border-radius: 18px;
                display:flex;
                align-items:center;
                justify-content:center;
                background: linear-gradient(135deg, rgba(0,82,255,.12), rgba(124,58,237,.12));
                border: 1px solid rgba(0,82,255,.16);
                color: #0b3ed6;
                margin-bottom: 10px;
                font-size: 1.05rem;
            }
            .info-title {
                font-weight: 950;
                letter-spacing: -0.01em;
                color: #0f172a;
                margin-bottom: 6px;
            }
            .info-text {
                color: #475569;
                font-weight: 600;
                line-height: 1.65;
                margin: 0;
            }
            .band {
                margin-top: 18px;
                border-radius: 22px;
                padding: 16px 18px;
                background: linear-gradient(135deg, #0f172a, #1d4ed8);
                color: #fff;
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap: 12px;
                flex-wrap: wrap;
            }
            .band .t1 { font-weight: 950; letter-spacing:-.02em; font-size: 1.12rem; }
            .band .t2 { opacity: .92; font-weight: 600; }
            .band .btn-mini {
                background: rgba(255,255,255,.12);
                border: 1px solid rgba(255,255,255,.18);
                color: #fff;
                text-decoration:none;
                padding: 10px 14px;
                border-radius: 14px;
                font-weight: 900;
                display:inline-flex;
                align-items:center;
                gap: 10px;
            }
            .accordion .accordion-item {
                border-radius: 18px !important;
                overflow: hidden;
                border: 1px solid rgba(15,23,42,.08);
                box-shadow: 0 16px 44px rgba(15,23,42,.05);
            }
            .accordion-button { font-weight: 900; }
            .accordion-button:not(.collapsed) {
                background: rgba(0,82,255,.06);
                color: #0b3ed6;
            }

            @media (max-width: 992px){
                .hero-soft .inner { padding: 30px 18px; }
            }