body {
            font-family: 'Poppins', sans-serif !important;
        }

        .skip-link {
            position: absolute;
            left: -9999px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

        .skip-link:focus {
            left: 1rem;
            top: 1rem;
            width: auto;
            height: auto;
            padding: 0.75rem 1rem;
            border-radius: 0.75rem;
            background: #ffffff;
            color: #2563eb;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
            z-index: 60;
        }
        
        .gradient-bg {
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); /* Lighter blues */
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .app-screen {
            filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.1)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
            transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1), filter 700ms cubic-bezier(0.22, 1, 0.36, 1);
            will-change: transform;
        }

        .app-screen--static {
            filter: none;
            transition: none;
            will-change: auto;
        }

        .app-screen:hover {
            transform: translateY(-10px) scale(1.015);
            filter: drop-shadow(0 28px 22px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 8px rgba(0, 0, 0, 0.08));
        }

        .app-screen.app-screen--static:hover {
            transform: none;
            filter: none;
        }

        .hero-growth-icon {
            position: absolute;
            top: -1.5rem;
            right: 1rem;
            font-size: clamp(8rem, 18vw, 15rem);
            color: rgba(59, 130, 246, 0.12);
            pointer-events: none;
            user-select: none;
            z-index: 0;
            transform: rotate(-8deg);
        }
        
        .pricing-card {
            transition: all 0.3s ease;
            border: 2px solid #e5e7eb;
        }
        
        .pricing-card:hover {
            border-color: #3b82f6;
            transform: scale(1.03);
        }
        
        .pricing-card.popular {
            border-color: #3b82f6;
            box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.1), 0 10px 10px -5px rgba(59, 130, 246, 0.04);
        }

        .brand-lockup img {
            height: auto;
            object-fit: contain;
        }

        .brand-lockup--navbar img {
            width: 42px;
        }

        .site-navbar {
            position: relative;
            z-index: 20;
            width: 100%;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(10px);
        }

        .hero-section {
            position: relative;
            overflow: hidden;
            width: 100%;
            background:
                radial-gradient(circle at 50% 118%, rgba(59, 130, 246, 0.24), transparent 34rem),
                linear-gradient(180deg, #ffffff 0%, #ffffff 72%, #eff6ff 100%);
        }

        .hero-float {
            animation: heroFloat 7.5s ease-in-out infinite;
        }

        @keyframes heroFloat {
            0%,
            100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-16px);
            }
        }

        .feature-spotlight {
            position: relative;
            overflow: hidden;
        }

        .feature-spotlight--overlap {
            overflow: visible;
            z-index: 2;
        }

        .feature-spotlight--soft {
            background:
                radial-gradient(circle at top left, rgba(125, 211, 252, 0.18), transparent 18rem),
                linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        }

        .feature-spotlight--blue {
            background:
                radial-gradient(circle at top right, rgba(59, 130, 246, 0.18), transparent 20rem),
                linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
        }

        .feature-visual-card img {
            width: 100%;
            height: auto;
        }

        .feature-image-flush {
            align-self: end;
            width: min(100%, 340px);
            justify-self: center;
            margin-bottom: -8rem;
            position: relative;
            z-index: 3;
        }

        .feature-image-contain-right {
            display: flex;
            align-items: stretch;
            justify-content: stretch;
            height: 100%;
            min-height: 100%;
            padding: 0;
        }

        .feature-image-contain-right img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            align-self: stretch;
        }

        .feature-image-cover-left {
            height: 100%;
            display: flex;
            align-items: stretch;
            align-self: stretch;
        }

        .feature-image-cover-left img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: left center;
        }

        .feature-grid-bleed {
            width: 100%;
            max-width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

        .feature-grid-bleed-inner {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            align-items: stretch;
        }

        .feature-grid-bleed .feature-copy {
            padding: 4rem 1.5rem;
        }

        .feature-grid-bleed .feature-copy-inner {
            width: min(100%, 36rem);
        }

        .feature-image-bleed-left {
            margin-left: 0;
            min-height: 100%;
        }

        .feature-image-bleed-left img {
            filter: none;
            transition: none;
            border-radius: 0;
        }

        .feature-image-bleed-left img:hover {
            transform: none;
            filter: none;
        }

        .feature-image-lifted {
            transform: translateY(-2rem);
        }

        .feature-image-lifted img {
            display: block;
        }

        .feature-image-lifted img:hover {
            transform: none;
        }

        @media (min-width: 768px) {
            .feature-grid-bleed-inner {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                min-height: 680px;
                gap: 0;
            }

            .feature-grid-bleed .feature-copy {
                padding: 5rem 4rem;
            }

            .feature-image-contain-right {
                align-self: stretch;
            }
        }

        @media (max-width: 767px) {
            .feature-image-flush {
                width: 100%;
                margin-bottom: 0;
            }

            .feature-image-cover-left {
                height: auto;
            }

            .feature-image-cover-left img {
                height: auto;
            }

            .feature-grid-bleed .feature-copy {
                padding-left: 0;
                padding-right: 0;
            }

            .feature-image-bleed-left img {
                border-radius: 1.5rem;
            }

            .feature-image-lifted {
                transform: translateY(-0.35rem);
            }
        }

        .review-badge {
            padding: 0.45rem 0.8rem;
            border-radius: 999px;
            background: rgba(59, 130, 246, 0.1);
            color: #1d4ed8;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .review-search-result {
            width: 100%;
            text-align: left;
            border: 1px solid #dbeafe;
            border-radius: 1rem;
            background: #fff;
            padding: 0.9rem 1rem;
            transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
        }

        .review-search-result:hover {
            border-color: #60a5fa;
            transform: translateY(-1px);
            box-shadow: 0 16px 30px rgba(37, 99, 235, 0.08);
        }

        .review-map-surface {
            overflow: hidden;
            border: 1px solid #dbeafe;
            border-radius: 1.25rem;
            background: #dbeafe;
            min-height: 320px;
        }

        .review-map-canvas {
            width: 100%;
            min-height: 320px;
        }

        .review-card-preview {
            position: relative;
            overflow: hidden;
            border-radius: 2rem;
            background:
                radial-gradient(circle at top right, rgba(66, 133, 244, 0.18), transparent 11rem),
                linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
            border: 1px solid #e5e7eb;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
            color: #0f172a;
            align-self: start;
        }

        .review-card-surface {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 1.15rem;
            padding: 1.4rem;
        }

        .google-wordmark {
            display: inline-flex;
            gap: 0.02em;
            font-weight: 700;
            font-size: 1.15rem;
            letter-spacing: -0.03em;
        }

        .google-wordmark .blue { color: #4285f4; }
        .google-wordmark .red { color: #ea4335; }
        .google-wordmark .yellow { color: #fbbc05; }
        .google-wordmark .green { color: #34a853; }

        .review-card-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            border-radius: 999px;
            padding: 0.45rem 0.8rem;
            background: #f1f5f9;
            color: #334155;
            font-size: 0.82rem;
            font-weight: 600;
        }

        .review-google-logo {
            width: 7rem;
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }

        .review-stars {
            font-size: 1.15rem;
            letter-spacing: 0.15em;
        }

        .review-card-copy {
            border-radius: 1.25rem;
            background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
            border: 1px solid #dbeafe;
            padding: 1rem 1.05rem;
        }

        .review-qr-frame {
            background: #fff;
            border-radius: 1.5rem;
            padding: 1rem;
            border: 1px solid #e5e7eb;
            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
            display: grid;
            justify-items: center;
            gap: 0.9rem;
        }

        .review-qr-frame canvas {
            width: min(100%, 260px);
            height: auto;
            display: block;
        }

        .review-editor-field {
            width: 100%;
            border-radius: 1rem;
            border: 1px solid #d1d5db;
            background: #fff;
            padding: 0.85rem 1rem;
            font-size: 0.95rem;
            color: #0f172a;
        }

        .review-editor-field:focus {
            outline: none;
            border-color: #4285f4;
            box-shadow: 0 0 0 4px rgba(66, 133, 244, 0.12);
        }

        .sourdi-madeby {
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            justify-content: flex-end;
        }

        .whatsapp-modal {
            position: fixed;
            inset: 0;
            z-index: 80;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.25rem;
            background: rgba(15, 23, 42, 0.45);
        }

        .whatsapp-dialog {
            width: min(100%, 430px);
            border-radius: 1.8rem;
            overflow: hidden;
            background: linear-gradient(180deg, #25d366 0%, #1fa855 100%);
            color: #fff;
            box-shadow: 0 24px 70px rgba(15, 23, 42, 0.25);
        }

        .whatsapp-dialog-body {
            padding: 1.4rem;
            display: grid;
            gap: 1rem;
        }

        .whatsapp-card {
            border-radius: 1.35rem;
            background: rgba(255, 255, 255, 0.14);
            padding: 1rem 1.05rem;
            border: 1px solid rgba(255, 255, 255, 0.22);
        }

        .whatsapp-actions {
            display: flex;
            gap: 0.75rem;
            flex-wrap: wrap;
        }

        .review-lab-grid {
            display: grid;
            gap: 1.5rem;
            align-items: start;
            grid-template-columns: minmax(0, 1fr);
        }

        @media (min-width: 768px) {
            .review-lab-grid {
                grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
            }
        }

        @media (max-width: 640px) {
            .review-card-preview {
                display: none !important;
            }
        }