.td-gate-shell {
            max-width: 1100px;
            margin: 0 auto;
        }

        .td-gate-hero {
            position: relative;
            overflow: hidden;
            border-radius: 28px;
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #14532d 100%);
            color: #fff;
            box-shadow: 0 28px 70px rgba(15, 23, 42, .18);
            border: 1px solid rgba(255,255,255,.08);
        }

            .td-gate-hero::after {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at top right, rgba(34,197,94,.18), transparent 28%), radial-gradient(circle at bottom left, rgba(59,130,246,.18), transparent 30%);
                pointer-events: none;
            }

        .td-gate-hero-body {
            position: relative;
            z-index: 1;
            padding: 2.2rem;
        }

        .td-gate-chip {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .55rem .95rem;
            border-radius: 999px;
            background: rgba(255,255,255,.1);
            border: 1px solid rgba(255,255,255,.12);
            font-size: .82rem;
            font-weight: 700;
        }

        .td-gate-card {
            border-radius: 24px;
            border: 1px solid rgba(148,163,184,.16);
            background: #fff;
            box-shadow: 0 18px 44px rgba(15,23,42,.06);
            height: 100%;
        }

        .td-gate-card-body {
            padding: 1.4rem;
        }

        .td-gate-feature {
            display: flex;
            gap: .9rem;
            align-items: flex-start;
            padding: .95rem 0;
            border-bottom: 1px solid #eef2f7;
        }

            .td-gate-feature:last-child {
                border-bottom: 0;
                padding-bottom: 0;
            }

        .td-gate-feature-icon {
            width: 44px;
            height: 44px;
            flex: 0 0 44px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f1f5f9;
            color: #0f172a;
            font-size: 1rem;
        }

        .td-gate-muted {
            color: #64748b;
        }

        .td-gate-price {
            font-size: 2rem;
            font-weight: 800;
            color: #0f172a;
            line-height: 1;
        }

        .td-gate-action-stack {
            display: grid;
            gap: .75rem;
        }

        .td-gate-note {
            border-radius: 18px;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            padding: 1rem 1.1rem;
            color: #475569;
        }

        @media (max-width: 767.98px) {
            .td-gate-hero-body,
            .td-gate-card-body {
                padding: 1.1rem;
            }

            .td-gate-price {
                font-size: 1.65rem;
            }
        }