html { scroll-behavior: smooth; }
        body { -webkit-font-smoothing: antialiased; }
        .grid-bg {
            background-image: linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);
            background-size: 56px 56px;
        }
        .marketing-shell {
            max-width: 72rem;
            margin: 0 auto;
            padding: 5.5rem 1.5rem;
        }
        .marketing-section-copy {
            max-width: 48rem;
        }
        .marketing-panel {
            border: 1px solid #e2e8f0;
            border-radius: 1.75rem;
            background: #fff;
            padding: 2rem;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 18px 40px rgba(15, 23, 42, 0.05);
        }
        .marketing-panel-soft {
            background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
        }
        .marketing-panel-tint {
            border-color: #93c5fd;
            background: linear-gradient(180deg, rgba(22,112,191,0.08) 0%, #f8fbff 100%);
        }
        .marketing-panel-dark {
            border-radius: 1.75rem;
            background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
            padding: 2rem;
            color: #fff;
            box-shadow: 0 20px 45px rgba(2, 6, 23, 0.28);
        }
        .marketing-panel-glass {
            border: 1px solid rgba(148, 163, 184, 0.26);
            border-radius: 1.5rem;
            background: rgba(15, 23, 42, 0.76);
            padding: 2rem;
            color: #fff;
            box-shadow: 0 18px 42px rgba(2, 6, 23, 0.24);
        }
        .artifact-dark-chip {
            border-radius: 0.75rem;
            background: rgba(255, 255, 255, 0.08);
            color: #e2e8f0;
        }
        .artifact-surface {
            border: 1px solid #dbe3ef;
            border-radius: 1rem;
            background: #fff;
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
            overflow: hidden;
        }
        .artifact-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.875rem;
        }
        .artifact-table th {
            background: #f8fafc;
            color: #475569;
            font-weight: 700;
            text-align: left;
        }
        .artifact-table th,
        .artifact-table td {
            border-bottom: 1px solid #e2e8f0;
            padding: 0.9rem 1rem;
            vertical-align: top;
        }
        .artifact-pill {
            display: inline-flex;
            align-items: center;
            border-radius: 9999px;
            padding: 0.25rem 0.65rem;
            font-size: 0.72rem;
            font-weight: 700;
            line-height: 1;
        }
        .artifact-pill-green {
            background: #dcfce7;
            color: #166534;
        }
        .artifact-pill-amber {
            background: #fef3c7;
            color: #92400e;
        }
        .artifact-pill-blue {
            background: #dbeafe;
            color: #1d4ed8;
        }
        .artifact-photo {
            min-height: 18rem;
            background-position: center;
            background-size: cover;
        }
        .marketing-action-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }
        .marketing-action-link::after {
            content: '';
            transition: transform 0.15s ease;
        }
        .marketing-action-link:hover::after {
            transform: translateX(2px);
        }
        .marketing-cta-band {
            border-top: 1px solid rgba(148, 163, 184, 0.18);
            background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
        }
        .marketing-cta-card {
            border: 1px solid rgba(22,112,191,0.18);
            border-radius: 2rem;
            background: linear-gradient(135deg, #0f172a 0%, #162033 55%, #1e3a8a 100%);
            padding: 2rem;
            color: #fff;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
        }
        .marketing-nav-logo {
            width: auto;
            max-width: 10.5rem;
            flex-shrink: 0;
            object-fit: contain;
        }
        @media (min-width: 768px) {
            .marketing-shell {
                padding-top: 6.5rem;
                padding-bottom: 6.5rem;
            }
            .marketing-cta-card {
                padding: 2.5rem 2.75rem;
            }
        }
        @media (max-width: 767px) {
            .marketing-shell {
                padding: 3.75rem 1rem;
            }
            .marketing-nav {
                background: rgba(3, 10, 24, 0.94);
            }
            .marketing-nav-inner {
                height: 4.6rem;
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }
            .marketing-nav-logo {
                height: 2.1rem;
                max-width: 9.5rem;
                filter: brightness(1.85) contrast(1.08);
            }
            .marketing-hero {
                background: #07111f;
                padding-top: 4.6rem;
            }
            .marketing-hero.grid-bg {
                background-image:
                    linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
            }
            .marketing-hero-shade {
                background: linear-gradient(180deg, rgba(7, 17, 31, 0.24), rgba(7, 17, 31, 0.08));
            }
            .marketing-hero-inner {
                gap: 1.25rem;
                padding: 2rem 1.25rem 2.4rem;
            }
            .marketing-hero-eyebrow {
                margin-bottom: 1.1rem;
                border-color: rgba(147, 197, 253, 0.5) !important;
                background: rgba(30, 64, 175, 0.36) !important;
                color: #dbeafe !important;
                font-size: 0.8rem;
            }
            .marketing-hero-eyebrow span {
                background: #60a5fa !important;
            }
            .marketing-hero-title {
                font-size: clamp(2.35rem, 12vw, 3.15rem);
                line-height: 1.08;
                letter-spacing: 0;
            }
            .marketing-hero-copy {
                margin-top: 1.25rem;
                color: #f1f5f9;
                font-size: 1.02rem;
                line-height: 1.72;
            }
            .marketing-hero-ctas {
                margin-top: 1.55rem;
                gap: 0.75rem;
            }
            .marketing-hero-ctas a {
                width: 100%;
                min-height: 3.15rem;
                border-color: rgba(226, 232, 240, 0.28);
                background: rgba(15, 23, 42, 0.42);
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
            }
            .marketing-hero-ctas a:first-child {
                background: #2f7bb6;
                border-color: #2f7bb6;
            }
            .marketing-hero-note {
                margin-top: 1rem;
                color: #dbeafe;
                line-height: 1.6;
            }
            .marketing-hero-visual {
                margin-top: 0.75rem;
            }
        }