/* Landing page, home AI input, feature cards. */

        .ai-home-section {
            min-height: calc(100vh - 82px);
            padding: clamp(44px, 7vh, 82px) 20px 56px;
            overflow: hidden;
        }

        .ai-home-section #nba-hero-3d-root {
            position: absolute;
            inset: 0;
            opacity: 0.1;
            filter: saturate(0.68);
            pointer-events: none;
            transform: scale(1.08);
        }

        .ai-home-content {
            position: relative;
            z-index: 2;
            width: 100%;
        }

        .home-agent-shell {
            max-width: 980px;
            margin: 0 auto;
            padding: 10px;
            border-radius: 30px;
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.86), rgba(3, 17, 31, 0.78));
            border: 1px solid rgba(148, 163, 184, 0.24);
            box-shadow:
                0 0 0 1px rgba(16, 185, 129, 0.08),
                0 22px 64px rgba(2, 6, 23, 0.48),
                0 0 36px rgba(16, 185, 129, 0.09);
            backdrop-filter: blur(14px);
        }

        .home-agent-row {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 10px;
            align-items: stretch;
        }

        .home-agent-input {
            width: 100%;
            min-height: 78px;
            max-height: 170px;
            resize: vertical;
            border: 0;
            outline: none;
            border-radius: 22px;
            background: rgba(2, 6, 23, 0.72);
            color: #f8fafc;
            padding: 20px 22px;
            line-height: 1.7;
            font-size: 16px;
        }

        .home-agent-input::placeholder {
            color: rgba(148, 163, 184, 0.78);
        }

        .home-agent-send {
            width: 68px;
            min-height: 68px;
            border-radius: 22px;
            display: grid;
            place-items: center;
        }

        .home-quick-strip {
            max-width: 980px;
            margin: 18px auto 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }

        .home-quick-question {
            border: 1px solid rgba(148, 163, 184, 0.18);
            background: rgba(15, 23, 42, 0.66);
            color: #cbd5e1;
            border-radius: 999px;
            padding: 9px 14px;
            font-size: 13px;
            transition: border-color 0.22s ease, background 0.22s ease, transform 0.22s ease;
        }

        .home-quick-question:hover {
            border-color: rgba(16, 185, 129, 0.38);
            background: rgba(16, 185, 129, 0.1);
            transform: translateY(-1px);
        }

        .home-feature-grid {
            margin-top: clamp(30px, 5vh, 46px);
            width: 100%;
            max-width: 1330px;
            margin-left: auto;
            margin-right: auto;
            display: grid;
            grid-template-columns: 1fr;
            gap: 18px;
            align-items: stretch;
        }

        .home-feature-card {
            height: 100%;
            min-height: 160px;
            padding: 22px;
        }

        .home-feature-card:not(.hidden) {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .home-feature-card.hidden,
        .home-feature-card[aria-hidden="true"] {
            display: none !important;
        }

        .home-feature-card .w-11 {
            border: 1px solid rgba(45, 212, 191, 0.18);
            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.26) inset;
            transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
        }

        .home-feature-card:nth-child(1) .w-11 {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(20, 184, 166, 0.1)) !important;
            color: #6ee7b7 !important;
            border-color: rgba(52, 211, 153, 0.28);
        }

        .home-feature-card:nth-child(2) .w-11 {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.17), rgba(6, 182, 212, 0.09)) !important;
            color: #5eead4 !important;
            border-color: rgba(45, 212, 191, 0.25);
        }

        .home-feature-card:nth-child(3) .w-11 {
            background: linear-gradient(135deg, rgba(6, 182, 212, 0.16), rgba(14, 165, 233, 0.09)) !important;
            color: #67e8f9 !important;
            border-color: rgba(103, 232, 249, 0.22);
        }

        .home-feature-card:nth-child(4) .w-11 {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(20, 184, 166, 0.08)) !important;
            color: #93c5fd !important;
            border-color: rgba(147, 197, 253, 0.2);
        }

        .home-feature-card:nth-child(5) .w-11 {
            background: linear-gradient(135deg, rgba(51, 65, 85, 0.62), rgba(14, 116, 144, 0.1)) !important;
            color: #bfdbfe !important;
            border-color: rgba(148, 163, 184, 0.24);
        }

        .home-feature-card:nth-child(6) .w-11 {
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.14), rgba(16, 185, 129, 0.08)) !important;
            color: #7dd3fc !important;
            border-color: rgba(125, 211, 252, 0.22);
        }

        .home-feature-card.module-card:hover .w-11 {
            box-shadow: 0 0 18px rgba(45, 212, 191, 0.12);
        }

        .home-feature-card.module-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 14px 36px rgba(2, 6, 23, 0.26);
        }

        .home-feature-card p {
            font-size: 13px;
            line-height: 1.65;
        }

        @media (min-width: 768px) {
            .home-feature-grid {
                grid-template-columns: repeat(3, minmax(180px, 1fr));
                gap: 20px;
            }
        }

        @media (min-width: 1280px) {
            .home-feature-grid {
                grid-template-columns: repeat(5, minmax(180px, 1fr));
            }
        }