/* home-sections.css
   Visual hierarchy below the hero.
*/

.algobless-home .ai-section {
    background: radial-gradient(circle at 15% 35%, rgba(59,130,246,.07), transparent 28%), #ffffff;
}

.algobless-home .ai-panel {
    box-shadow: 0 30px 70px rgba(15,23,42,.08);
}

.algobless-home .workflow-section {
    background: linear-gradient(#f8fafc, #f8fafc), radial-gradient(circle at center, rgba(59,130,246,.06), transparent 45%);
}

.algobless-home .workflow-number {
    box-shadow: 0 12px 30px rgba(15,23,42,.07);
}

.algobless-home .capabilities-section {
    background: #fff;
}

.algobless-home .capability-card {
    min-height: 100%;
}

.algobless-home .coming-soon {
    position: relative;
    overflow: hidden;
}

    .algobless-home .coming-soon::after {
        content: "COMING SOON";
        position: absolute;
        top: 1.25rem;
        right: -2.15rem;
        padding: .28rem 2.7rem;
        transform: rotate(35deg);
        font-size: .58rem;
        font-weight: 800;
        letter-spacing: .12em;
        color: #475569;
        background: #e2e8f0;
    }

.algobless-home .bottom-cta {
    background: radial-gradient(circle at 20% 20%, rgba(59,130,246,.28), transparent 30%), radial-gradient(circle at 85% 80%, rgba(99,102,241,.24), transparent 28%), #020617;
}

@media (max-width: 768px) {
    .algobless-home .ai-section,
    .algobless-home .workflow-section,
    .algobless-home .capabilities-section {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }
}