html {
            scroll-behavior: smooth;
        }
        :root {
            --kiosk-soft: #e9f2ff;
            --kiosk-soft-2: #f3f8ff;
            --kiosk-surface: #ffffff;
            --kiosk-text: #111827;
            --kiosk-muted: #4b5563;
            --kiosk-primary: #00C853;
            --kiosk-footer: #2563EB;
            --kiosk-accent: #00C853;
            --kiosk-shadow: 0 20px 50px rgba(17, 24, 39, 0.09);
            --kiosk-radius: 1.25rem;
        }
        body {
            font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
            background: #f7f9fc !important;
            color: var(--kiosk-muted);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .kiosk-hero {
            background:
                radial-gradient(circle at 82% 18%, rgba(37, 99, 235, 0.18), transparent 34%),
                radial-gradient(circle at 8% 12%, rgba(0, 200, 83, 0.14), transparent 30%),
                linear-gradient(180deg, var(--kiosk-soft) 0%, var(--kiosk-soft-2) 100%);
            border-bottom: 0 !important;
        }
        .kiosk-footer { background: var(--kiosk-footer); }
        .kiosk-text { color: var(--kiosk-text); }
        .kiosk-accent { color: var(--kiosk-accent); }
        .text-bg-primary { background-color: var(--kiosk-primary) !important; color: #fff !important; }
        .text-bg-success { background-color: var(--kiosk-accent) !important; color: #ffffff !important; }
        .text-primary { color: var(--kiosk-primary) !important; }
        .navbar .nav-link {
            font-weight: 600;
            color: #374151;
            margin: 0 .35rem;
        }
        .navbar .nav-link:hover,
        .navbar .nav-link:focus {
            color: var(--kiosk-primary);
        }
        .btn {
            border-radius: 999px !important;
            font-weight: 700;
            padding-inline: 1.35rem;
            transition: transform .2s ease, box-shadow .2s ease;
        }
        .btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px rgba(0, 200, 83, 0.24);
        }
        .btn-primary {
            background: linear-gradient(135deg, #00C853 0%, #00a844 100%);
            border: 0;
        }
        .btn-outline-primary {
            border-color: #6ee7b7;
            color: #00a844;
        }
        .btn-outline-primary:hover {
            background: rgba(0, 200, 83, 0.10);
            color: #00a844;
        }
        section {
            position: relative;
        }
        .card {
            border: 1px solid rgba(0, 200, 83, 0.16) !important;
            border-radius: var(--kiosk-radius) !important;
            box-shadow: var(--kiosk-shadow);
            background: var(--kiosk-surface);
        }
        .card:hover {
            box-shadow: 0 24px 52px rgba(17, 24, 39, 0.14);
        }
        .badge {
            font-weight: 700;
            letter-spacing: .3px;
        }
        .text-secondary,
        p,
        li {
            color: var(--kiosk-muted) !important;
        }
        .accordion-item {
            border-color: rgba(0, 200, 83, 0.28) !important;
            box-shadow: 0 8px 28px rgba(17, 24, 39, 0.08);
        }
        .pricing-featured {
            background: linear-gradient(165deg, #00C853 0%, #00a844 100%) !important;
        }
        .pricing-featured h3,
        .pricing-featured p,
        .pricing-featured li,
        .pricing-featured .display-6,
        .pricing-featured span {
            color: rgba(255, 255, 255, 0.95) !important;
        }
        .pricing-featured .badge {
            color: #00a844 !important;
            background: rgba(255, 255, 255, 0.92) !important;
        }
        .pricing-featured .btn-light {
            background: #ffffff;
            color: #00a844 !important;
            border: 0;
            box-shadow: 0 8px 22px rgba(17, 24, 39, 0.18);
        }
        .accordion-button:not(.collapsed) {
            background: rgba(0, 200, 83, 0.10);
            color: var(--kiosk-text);
            box-shadow: none;
        }
        .kiosk-footer a:hover {
            color: #fff !important;
            text-decoration: underline !important;
            text-underline-offset: 3px;
        }
        @media (min-width: 992px) {
            .display-5,
            .display-6 {
                letter-spacing: -0.02em;
            }
        }

        .kiosk-floating-contact {
            position: fixed;
            left: 1rem;
            bottom: 1rem;
            z-index: 1080;
        }
        .kiosk-call-link {
            box-shadow: 0 12px 24px rgba(0, 200, 83, 0.28);
        }
        .kiosk-phone-icon {
            display: inline-flex;
            animation: kiosk-ring 1.1s ease-in-out infinite;
            transform-origin: center;
        }
        @keyframes kiosk-ring {
            0%, 100% { transform: rotate(0deg); }
            20% { transform: rotate(-16deg); }
            40% { transform: rotate(16deg); }
            60% { transform: rotate(-12deg); }
            80% { transform: rotate(12deg); }
        }