/* --- GLOBAL STYLES (HERDADOS) --- */
        body { font-family: 'Inter', sans-serif; }
        .intel-i { font-weight: 700; color: #00C7FD; display: inline-block; }
        
        /* Acessibilidade */
        *:focus-visible { outline: 2px solid #00C7FD; outline-offset: 4px; }
        .skip-link { position: absolute; top: -40px; left: 0; background: #0071C5; color: white; padding: 8px; z-index: 100; transition: top 0.3s; }
        .skip-link:focus { top: 0; }
        
        /* Animations */
        .reveal { opacity: 0; filter: blur(12px); transform: translateY(30px) scale(0.98); transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1); }
        .reveal.active { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }

        /* Backgrounds */
        .bg-dot-pattern { background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1.5px, transparent 1.5px); background-size: 24px 24px; }

        /* Glass Cards */
        .glass-card { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .glass-card:hover { background: rgba(30, 41, 59, 0.8); border-color: rgba(0, 199, 253, 0.4); transform: translateY(-8px); box-shadow: 0 20px 40px -10px rgba(0, 199, 253, 0.15); }

        /* WhatsApp Pulse */
        @keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1.3); opacity: 0; } }
        .pulse-ring::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #4ade80; border-radius: 50%; z-index: -1; animation: pulse-ring 2s infinite; }

        /* --- PAGE SPECIFIC: ABOUT --- */
        .page-about .about-hero-bg {
            background: linear-gradient(to bottom, rgba(2, 6, 23, 0.7), #020617), url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .values-list li {
            margin-bottom: 0.5rem;
            display: flex;
            align-items: start;
            gap: 0.5rem;
            color: #94a3b8;
        }
        .values-list li i {
            color: #00C7FD;
            flex-shrink: 0;
            margin-top: 0.25rem;
        }

        /* Animated Video Container */
        .video-container {
            position: relative;
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
            border: 1px solid rgba(255,255,255,0.1);
        }
        .video-overlay {
            background: linear-gradient(to top, #020617 0%, transparent 100%);
        }
        
        /* Play Button Overlay */
        .play-btn-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 0 30px rgba(0, 199, 253, 0.3);
            cursor: pointer;
            z-index: 20;
        }
        .play-btn-overlay:hover {
            transform: translate(-50%, -50%) scale(1.1);
            background: rgba(0, 199, 253, 0.2);
            border-color: #00C7FD;
        }
        
        /* Team Member Hover Effect */
        .team-social {
            transform: translateY(100%);
            opacity: 0;
            transition: all 0.3s ease;
        }
        .group:hover .team-social {
            transform: translateY(0);
            opacity: 1;
        }

        /* Horizontal Scroll Projects */
        .projects-scroll {
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none;  /* IE 10+ */
            scroll-behavior: smooth;
        }
        .projects-scroll::-webkit-scrollbar { 
            display: none; /* Chrome/Safari */
        }
        
        /* Browser Mockup for Iframes */
        .browser-mockup {
            border-radius: 0.75rem;
            overflow: hidden;
            background: #1e293b;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            border: 1px solid rgba(255,255,255,0.1);
            position: relative;
        }
        .browser-header {
            background: #0f172a;
            padding: 0.75rem 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            border-bottom: 1px solid rgba(255,255,255,0.05);
            z-index: 10;
            position: relative;
        }
        .browser-dot {
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 50%;
        }
        /* Iframe Protection - Click to visit */
        .iframe-overlay-link {
            position: absolute;
            inset: 0;
            z-index: 20;
            cursor: pointer;
        }
        
        /* Iframe Desktop Scaler */
        .iframe-desktop-scale {
            width: 286%; /* 100% / 0.35 ~= 285.7% */
            height: 286%;
            transform: scale(0.35);
            transform-origin: top left;
            border: 0;
            pointer-events: none;
            background-color: white; /* Ensure non-transparent if loading */
        }

        /* FAQ Content */
        .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, padding 0.3s ease; }
        .faq-item.active .faq-content { max-height: 500px; padding-bottom: 1.5rem; visibility: visible; }
        .faq-item:not(.active) .faq-content { visibility: hidden; }
        .faq-item.active .faq-icon { transform: rotate(180deg); color: #00C7FD; }