:root { scroll-behavior: smooth; }
        body { font-family: 'Red Hat Text', sans-serif; color: #1A3263; background-color: #FFFFFF; overflow-x: hidden; }

        /* Header Logic */
        header { transition: transform 0.4s ease, background-color 0.4s ease; }
        header.hide { transform: translateY(-100%); }
        header.show { transform: translateY(0); background-color: rgba(255,255,255,0.9); backdrop-filter: blur(10px); box-shadow: 0 4px 30px rgba(0,0,0,0.05); }

        /* Hero Video Overlay */
        .video-docker video {
            top: 50%; left: 50%; transform: translate(-50%, -50%);
            min-width: 100%; min-height: 100%; width: auto; height: auto;
        }

        /* Routing */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.8s ease forwards; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

        /* Pricing Table & Hover Effects */
        .pricing-row { border-bottom: 1px solid #1A3263; transition: background 0.3s ease; }
        .pricing-row:hover { background-color: rgba(26, 50, 99, 0.03); }

        /* Process Bullets */
        .process-dot { width: 12px; height: 12px; background-color: #1A3263; border-radius: 50%; flex-shrink: 0; margin-top: 8px; }

        /* FAQ Accordion */
        .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }
        .faq-item.active .faq-content { max-height: 1000px; transition: max-height 1s ease-in-out; }
        .faq-item.active .faq-icon { transform: rotate(180deg); }

        /* General UI */
        .btn-outline { border: 1.5px solid #1A3263; color: #1A3263; padding: 10px 24px; transition: all 0.3s; font-weight: 600; }
        .btn-outline:hover { background: #1A3263; color: #FFFFFF; transform: translateY(-2px); }
        
        .section-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s ease-out; }
        .section-reveal.visible { opacity: 1; transform: translateY(0); }

        .divider-vertical { width: 1px; background-color: #1A3263; height: 100%; min-height: 150px; }