/* Page-local styles leveraging site variables */
        body.non-index-page {
            background: linear-gradient(180deg, #f8fbff 0%, #f5f7fb 30%, #f9fafb 100%);
        }
        /* Entrance animations */
        .reveal-init { opacity: 0; transform: translateY(14px); }
        .reveal-in { opacity: 1; transform: translateY(0); transition: opacity .5s ease, transform .5s ease; }
        .reveal-delay-0 { transition-delay: 0ms; }
        .reveal-delay-1 { transition-delay: 70ms; }
        .reveal-delay-2 { transition-delay: 140ms; }
        .reveal-delay-3 { transition-delay: 210ms; }
        .reveal-delay-4 { transition-delay: 280ms; }
        .reveal-delay-5 { transition-delay: 350ms; }
        @media (prefers-reduced-motion: reduce) {
            .reveal-init, .reveal-in {
                opacity: 1 !important; transform: none !important; transition: none !important;
            }
        }
        .page-intro {
            max-width: 1400px;
            color: var(--gray-600);
            line-height: 1.7;
            margin-bottom: 1.25rem;
            font-size: .98rem;
        }
        .contact-container { position: relative; z-index: 1; }
        .contact-header {
            margin-bottom: 0.75rem;
            font-weight: 800;
            letter-spacing: -0.02em;
        }
        .contact-grid {
            display: grid;
            grid-template-columns: minmax(260px, 1fr) 2fr;
            gap: 1.5rem;
            align-items: start;
            margin-top: 0.75rem;
        }
        @media (max-width: 960px) {
            .contact-grid { grid-template-columns: 1fr; }
        }
        .contact-copy-card {
            background: rgba(255, 255, 255, 0.528);
            border: 2px solid white;
            border-radius: 14px;
            padding: 1.25rem 1.25rem 1.1rem 1.25rem;
            box-shadow: 0 12px 32px rgba(0,0,0,0.06);
            position: relative;
            overflow: hidden;
        }
        .contact-copy-card .accent { display: none; }
        .contact-copy-card h3 { margin: 0.5rem 0 0.25rem 0; font-size: 1.15rem; color: var(--gray-800); }
        .contact-copy-card p { margin: 0.25rem 0; color: var(--gray-600); }
        .contact-bullets { margin: 0.5rem 0 0.25rem 1.1rem; color: var(--gray-700); }
        .contact-bullets li { margin: 0.25rem 0; }
        .contact-bullets li::marker { color: var(--primary-500); }

        /* Background ornament disabled in favor of modern gradient */
        main { position: relative; }
        .bg-ornament { display: none; }

        /* Native contact form (connected) */
        .contact-form-card {
            background: rgba(255, 255, 255, 0.501);
            border: 2px solid white;
            border-radius: 14px;
            padding: 1.25rem 1.25rem 1.1rem 1.25rem;
            box-shadow: 0 16px 48px rgba(0,0,0,0.10);
            position: relative;
        }
        .contact-form { display: grid; gap: 16px; width: 100%; }
        .fields-wrap { display: grid; gap: 16px; overflow: hidden; will-change: height, opacity; }
        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: 100%; }
        @media (max-width: 720px) { .form-row { grid-template-columns: 1fr; } }
        .form-group label { display: block; font-weight: 600; color: var(--gray-700); margin-bottom: 6px; }
        .input, .textarea {
            width: 100%;
            padding: .8rem 1rem;
            border-radius: 10px;
            border: 1px solid var(--gray-200);
            background: #fff;
            font-size: 1rem;
            color: var(--gray-800);
            transition: border-color .2s ease, box-shadow .2s ease;
            box-sizing: border-box;
        }
        .input:focus, .textarea:focus { outline: none; border-color: var(--primary-400); box-shadow: 0 0 0 3px rgba(59,130,246,.15); }
        .textarea { min-height: 160px; resize: vertical; }
        .submit-row { display: flex; gap: 12px; align-items: center; justify-content: flex-start; margin-top: 4px; }
        .contact-form.sent .submit-row { justify-content: space-between; }
        .success-banner { display: none; color: #059669; font-weight: 700; }

        /* Catalog-style pill buttons */
        .btn-pill { border-radius: 9999px !important; padding: 0.8rem 1.25rem !important; font-weight: 700 !important; font-size: .95rem !important; }
        .support-card .btn-primary.btn-pill { margin-left: auto; }
        /* Match button radius to card radius on Contact */
        .contact-container .btn-primary.btn-pill { border-radius: 14px !important; }

         /* Contact-only primary button gradient override (blue) */
         .contact-container .btn-primary {
             background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 45%, #2563eb 100%) !important;
             box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35) !important;
         }
         .contact-container .btn-primary:hover {
             box-shadow: 0 10px 28px rgba(37, 99, 235, 0.5) !important;
         }

        .support-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 18px; }
        .support-card {
            background: rgba(255, 255, 255, 0.52);
            border: 2px solid white;
            border-radius: 14px;
            padding: 1rem 1.1rem;
            box-shadow: 0 12px 28px rgba(0,0,0,0.06);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            position: relative;
        }
        .support-card h4 { margin: 0 0 4px 0; font-size: 1.05rem; color: var(--gray-800); }
        .support-card p { margin: 0; color: var(--gray-600); font-size: .92rem; }
        .support-card a { text-decoration: none; display: inline-flex; align-items: center; }

        /* Ultra subtle top accent bar for cards */
        .contact-copy-card::before,
        .contact-form-card::before,
        .support-card::before {
            content: '';
            position: absolute;
            top: -1px; left: -1px; right: -1px; height: 3px;
            border-radius: 14px 14px 0 0;
            opacity: .18;
            pointer-events: none;
        }

        /* Newsletter CTA */
        .newsletter-cta {
            margin-top: 2.25rem;
            background: #0f172a; /* slate-900 */
            border: 1px solid rgba(148,163,184,0.18);
            border-radius: 14px;
            padding: 1.25rem 1.25rem;
            color: #e2e8f0;
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 1rem;
            align-items: center;
        }
        @media (max-width: 900px) { .newsletter-cta { grid-template-columns: 1fr; } }
        .newsletter-cta h3 { margin: 0 0 .35rem 0; font-size: 1.05rem; }
        .newsletter-cta p { margin: 0; color: #94a3b8; font-size: .95rem; }
        .newsletter-form { display: flex; gap: .5rem; justify-content: flex-start; }
        .newsletter-input {
            flex: 1; min-width: 220px; padding: .7rem .95rem; border-radius: 10px;
            background: #0b1220; border: 1px solid rgba(148,163,184,0.26); color: #e5e7eb;
        }
        .newsletter-input::placeholder { color: #94a3b8; }
        .newsletter-btn { white-space: nowrap; }
        .newsletter-success { display: none; color: #93c5fd; font-weight: 600; }
        /* Page-scoped modern blue background */
        body.contact-blue {
            /* Full-page subtle modern blue (soft, not abrasive) */
            background: linear-gradient(
                180deg,
                hsl(220, 55%, 94%) 0%,
                hsl(220, 52%, 92%) 45%,
                hsl(220, 50%, 90%) 100%
            ) !important;
        }
        body.contact-blue main::before { content: none; }