/* ===== CSS COMPLETO ===== */
        :root {
            --color-primary: #2563EB;
            --color-primary-dark: #1D4ED8;
            --color-white: #FFFFFF;
            --color-black: #0A0A0A;
            --color-gray-50: #F8FAFC;
            --color-gray-100: #F1F5F9;
            --color-gray-200: #E2E8F0;
            --color-gray-300: #CBD5E1;
            --color-gray-600: #475569;
            --color-gray-800: #1E293B;
            --color-gray-900: #0F172A;
            --radius-lg: 24px;
            --radius-md: 16px;
            --radius-sm: 12px;
            --shadow-sm: 0 4px 24px rgba(0, 0, 0, 0.04);
            --shadow-md: 0 12px 48px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.08);
            --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            --container: 1280px;
            --gap: 24px;
            --transition: 0.4s cubic-bezier(0.22, 1, 0.36, 1);
        }
        *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
        html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
        body { font-family:var(--font-sans); background:var(--color-white); color:var(--color-black); line-height:1.6; overflow-x:hidden; }
        img { max-width:100%; display:block; }
        a { text-decoration:none; color:inherit; }
        ul { list-style:none; }
        .container { max-width:var(--container); margin:0 auto; padding:0 var(--gap); }
        section[id] { scroll-margin-top: 88px; }

        /* LOADING */
        #loader { position:fixed; inset:0; z-index:99999; background:var(--color-white); display:flex; align-items:center; justify-content:center; transition:opacity .8s, visibility .8s; }
        #loader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
        #loader .spinner { width:48px; height:48px; border:4px solid var(--color-gray-200); border-top-color:var(--color-primary); border-radius:50%; animation:spin .9s linear infinite; }
        @keyframes spin { to { transform:rotate(360deg); } }

        .cursor-glow { position:fixed; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(37,99,235,0.06),transparent 70%); pointer-events:none; z-index:0; transform:translate(-50%,-50%); transition:opacity .2s; will-change:transform; }

        /* LOGO */
        .logo-mark { display:flex; align-items:center; gap:10px; }
        .logo-mark img { height:36px; width:auto; border-radius:9px; display:block; box-shadow:0 4px 14px rgba(37,99,235,0.25); }
        .logo-mark span { font-size:1.35rem; font-weight:800; letter-spacing:-.02em; color:var(--color-black); }
        .footer .logo-mark img { height:42px; }
        .footer .logo-mark span { color:#fff; }

        /* HEADER */
        .header { position:fixed; top:0; left:0; right:0; z-index:1000; padding:14px 0; background:rgba(255,255,255,0.72); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,0.3); transition:background var(--transition); }
        .header .container { display:flex; align-items:center; justify-content:space-between; }
        .nav-links { display:flex; align-items:center; gap:32px; }
        .nav-links a { font-size:.9rem; font-weight:500; color:var(--color-gray-600); transition:color var(--transition); position:relative; }
        .nav-links a:hover { color:var(--color-black); }
        .nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px; background:var(--color-primary); transition:width var(--transition); }
        .nav-links a:hover::after { width:100%; }
        .nav-cta { background:var(--color-primary); color:#fff !important; padding:10px 24px; border-radius:100px; font-weight:600; transition:background var(--transition), transform var(--transition); }
        .nav-cta:hover { background:var(--color-primary-dark); transform:scale(1.02); }
        .nav-cta::after { display:none !important; }
        .mobile-toggle { display:none; font-size:1.5rem; background:none; border:none; cursor:pointer; color:var(--color-black); }

        /* HERO */
        .hero { min-height:100vh; display:flex; align-items:center; padding:120px 0 80px; position:relative; overflow:hidden; background:linear-gradient(165deg,#f8fafc 0%,#eef2ff 60%,#e0e7ff 100%); }
        .hero .container { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:2; }
        .hero-content h1 { font-size:clamp(2.8rem,6vw,4.8rem); font-weight:800; line-height:1.05; letter-spacing:-.03em; margin-bottom:20px; }
        .hero-content h1 .highlight { color:var(--color-primary); position:relative; }
        .hero-content h1 .highlight::after { content:''; position:absolute; bottom:4px; left:0; width:100%; height:12px; background:rgba(37,99,235,0.15); border-radius:4px; z-index:-1; }
        .hero-content p { font-size:1.25rem; color:var(--color-gray-600); max-width:480px; margin-bottom:36px; line-height:1.7; }
        .hero-buttons { display:flex; flex-wrap:wrap; gap:16px; }
        .btn { display:inline-flex; align-items:center; gap:10px; padding:14px 32px; border-radius:100px; font-weight:600; font-size:1rem; transition:all var(--transition); border:none; cursor:pointer; background:none; font-family:var(--font-sans); }
        .btn-primary { background:var(--color-primary); color:#fff; box-shadow:0 8px 24px rgba(37,99,235,0.25); }
        .btn-primary:hover { background:var(--color-primary-dark); transform:translateY(-2px); box-shadow:0 12px 32px rgba(37,99,235,0.35); }
        .btn-secondary { background:var(--color-white); color:var(--color-black); box-shadow:var(--shadow-sm); border:1px solid var(--color-gray-200); }
        .btn-secondary:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); border-color:var(--color-gray-300); }
        .hero-mascot { display:flex; justify-content:center; align-items:center; position:relative; }
        .hero-mascot .mascot-wrapper { width:100%; max-width:440px; aspect-ratio:1/1; background:radial-gradient(circle at 30% 30%,rgba(37,99,235,0.08),transparent 70%); border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative; }
        .hero-mascot .mascot-wrapper img { width:80%; height:auto; border-radius:var(--radius-lg); filter:drop-shadow(0 20px 60px rgba(37,99,235,0.18)); animation:float 6s ease-in-out infinite; }
        @keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-16px); } }
        .hero-bg-glow { position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(37,99,235,0.08),transparent 70%); top:-10%; right:-10%; z-index:0; pointer-events:none; filter:blur(60px); }
        .hero-bg-grid { position:absolute; inset:0; z-index:0; pointer-events:none; background-image:linear-gradient(rgba(37,99,235,0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(37,99,235,0.03) 1px, transparent 1px); background-size:48px 48px; }

        /* CLIENTES */
        .clientes { padding:60px 0; background:var(--color-white); border-top:1px solid var(--color-gray-100); border-bottom:1px solid var(--color-gray-100); overflow:hidden; }
        .clientes .container { max-width:100%; padding:0; }
        .clientes-track { display:flex; gap:64px; align-items:center; animation:scrollClients 28s linear infinite; width:max-content; }
        .clientes-track img { height:36px; width:auto; opacity:0.5; filter:grayscale(1); transition:all var(--transition); }
        .clientes-track img:hover { opacity:0.9; filter:grayscale(0); }
        @keyframes scrollClients { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
        .clientes-wrapper { display:flex; overflow:hidden; mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent); -webkit-mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent); }
        .slogan-marquee { padding:28px 0; background:linear-gradient(90deg,var(--color-primary-dark,#1e3a8a),var(--color-primary,#2563EB)); overflow:hidden; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); }
        .slogan-track { display:flex; width:max-content; animation:scrollSlogan 22s linear infinite; }
        .slogan-track span { display:inline-flex; align-items:center; white-space:nowrap; font-size:1.4rem; font-weight:700; color:#fff; letter-spacing:.01em; padding:0 40px; }
        .slogan-track span i { margin-right:14px; opacity:.6; font-size:1rem; }
        @keyframes scrollSlogan { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

        /* BENEFÍCIOS */
        .beneficios { padding:100px 0; background:var(--color-gray-50); }
        .beneficios .section-label, .servicos .section-label, .processo .section-label, .portfolio .section-label, .diferenciais .section-label, .depoimentos .section-label, .faq .section-label, .sobre .section-label { text-align:center; font-size:.8rem; text-transform:uppercase; letter-spacing:.1em; color:var(--color-primary); font-weight:600; margin-bottom:8px; }
        .beneficios h2, .servicos h2, .processo h2, .portfolio h2, .diferenciais h2, .depoimentos h2, .faq h2, .sobre h2 { text-align:center; font-size:clamp(2rem,4vw,3rem); font-weight:700; letter-spacing:-.02em; margin-bottom:48px; }
        .beneficios-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:32px; }
        .beneficio-card { background:var(--color-white); padding:32px 24px; border-radius:var(--radius-md); text-align:center; box-shadow:var(--shadow-sm); transition:all var(--transition); border:1px solid transparent; }
        .beneficio-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:var(--color-gray-200); }
        .beneficio-card .icon { font-size:2.2rem; color:var(--color-primary); margin-bottom:16px; }
        .beneficio-card h4 { font-size:1.1rem; font-weight:600; margin-bottom:6px; }
        .beneficio-card p { font-size:.9rem; color:var(--color-gray-600); }

        /* SOBRE */
        .sobre { padding:100px 0; background:var(--color-white); }
        .sobre .container { display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:center; }
        .sobre-image { position:relative; }
        .sobre-image img { width:100%; border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); }
        .sobre-image .mascot-badge { position:absolute; bottom:-28px; right:-28px; width:120px; height:120px; border-radius:50%; overflow:hidden; border:6px solid #fff; box-shadow:var(--shadow-lg); background:#fff; }
        .sobre-image .mascot-badge img { width:100%; height:100%; object-fit:cover; border-radius:0; box-shadow:none; }
        .sobre-content .section-label, .sobre-content h2 { text-align:left; }
        .sobre-content p { color:var(--color-gray-600); font-size:1.1rem; line-height:1.75; margin-bottom:20px; }
        .sobre-stats { display:flex; flex-wrap:wrap; gap:40px; margin-top:28px; }
        .sobre-stats strong { display:block; font-size:2rem; font-weight:800; color:var(--color-primary); }
        .sobre-stats span { font-size:.9rem; color:var(--color-gray-600); }
        @media (max-width:1024px) {
            .sobre .container { grid-template-columns:1fr; text-align:center; }
            .sobre-content .section-label, .sobre-content h2 { text-align:center; }
            .sobre-content p { margin-left:auto; margin-right:auto; }
            .sobre-stats { justify-content:center; }
            .sobre-image { max-width:380px; margin:0 auto; }
        }

        /* SERVIÇOS */
        .servicos { padding:100px 0; background:var(--color-white); }
        .servicos-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:32px; }
        .servico-card { background:var(--color-gray-50); border-radius:var(--radius-lg); padding:32px 28px; transition:all var(--transition); border:1px solid transparent; cursor:default; position:relative; overflow:hidden; }
        .servico-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); opacity:0; transition:opacity var(--transition); border-radius:var(--radius-lg); }
        .servico-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-lg); border-color:var(--color-gray-200); }
        .servico-card:hover::before { opacity:0.03; }
        .servico-card .icon { font-size:2.4rem; color:var(--color-primary); margin-bottom:16px; transition:transform var(--transition); }
        .servico-card:hover .icon { transform:scale(1.05); }
        .servico-card h4 { font-size:1.25rem; font-weight:600; margin-bottom:8px; }
        .servico-card p { font-size:.95rem; color:var(--color-gray-600); margin-bottom:16px; }
        .servico-card .cta-link { font-weight:600; color:var(--color-primary); display:inline-flex; align-items:center; gap:6px; transition:gap var(--transition); }
        .servico-card .cta-link i { font-size:.8rem; }
        .servico-card:hover .cta-link { gap:12px; }

        /* PROCESSO */
        .processo { padding:100px 0; background:var(--color-gray-50); }
        .processo-timeline { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 0; position:relative; }
        .processo-timeline::before { content:''; position:absolute; top:28px; left:10%; right:10%; height:2px; background:var(--color-gray-200); z-index:0; }
        .processo-step { flex:1 1 120px; text-align:center; padding:0 8px; position:relative; z-index:1; max-width:140px; }
        .processo-step .num { display:inline-block; width:48px; height:48px; line-height:48px; border-radius:50%; background:var(--color-white); border:2px solid var(--color-gray-200); font-weight:700; color:var(--color-gray-600); margin-bottom:12px; transition:all var(--transition); }
        .processo-step:hover .num { background:var(--color-primary); border-color:var(--color-primary); color:#fff; transform:scale(1.05); }
        .processo-step h5 { font-size:.85rem; font-weight:600; }
        .processo-detalhado { display:flex; flex-direction:column; gap:20px; max-width:860px; margin:0 auto; }
        .processo-detalhado-item { display:flex; gap:24px; background:var(--color-white); border:1px solid var(--color-gray-100); border-radius:var(--radius-md); padding:28px 32px; box-shadow:var(--shadow-sm); transition:all var(--transition); }
        .processo-detalhado-item:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
        .processo-detalhado-num { flex:none; width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.15rem; }
        .processo-detalhado-item h4 { font-size:1.15rem; font-weight:700; margin-bottom:8px; }
        .processo-detalhado-item p { color:var(--color-gray-600); line-height:1.7; font-size:.97rem; }

        /* PORTFÓLIO */
        .portfolio { padding:100px 0; background:var(--color-white); }
        .portfolio-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; }
        .portfolio-item { border-radius:var(--radius-md); overflow:hidden; background:var(--color-gray-100); position:relative; cursor:pointer; transition:all var(--transition); aspect-ratio:4/3; }
        .portfolio-item img { width:100%; height:100%; object-fit:cover; transition:transform var(--transition); }
        .portfolio-item:hover img { transform:scale(1.04); }
        .portfolio-item .overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.6), transparent); display:flex; align-items:flex-end; padding:24px; opacity:0; transition:opacity var(--transition); }
        .portfolio-item:hover .overlay { opacity:1; }
        .portfolio-item .overlay h4 { color:#fff; font-weight:600; font-size:1.1rem; }

        /* INSTAGRAM */
        .instagram-cta { padding:100px 0; background:var(--color-gray-50); }
        .instagram-cta-grid { display:grid; grid-template-columns:1.1fr 0.9fr; gap:60px; align-items:center; }
        .instagram-cta-content .section-label, .instagram-cta-content h2 { text-align:left; }
        .instagram-cta-content h2 { margin-bottom:16px; }
        .instagram-cta-content p { color:var(--color-gray-600); font-size:1.1rem; max-width:440px; margin-bottom:28px; line-height:1.7; }
        .instagram-cta-image { display:flex; justify-content:center; }
        .instagram-cta-image img { max-width:280px; width:100%; border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); }
        @media (max-width:1024px) {
            .instagram-cta-grid { grid-template-columns:1fr; text-align:center; }
            .instagram-cta-content .section-label, .instagram-cta-content h2 { text-align:center; }
            .instagram-cta-content p { margin-left:auto; margin-right:auto; }
        }

        /* DIFERENCIAIS */
        .diferenciais { padding:100px 0; background:var(--color-black); color:var(--color-white); }
        .diferenciais h2 { color:#fff; }
        .diferenciais-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:32px; }
        .diferencial-item { text-align:center; padding:24px; border-radius:var(--radius-md); background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.06); transition:all var(--transition); }
        .diferencial-item:hover { background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.12); transform:translateY(-4px); }
        .diferencial-item .icon { font-size:2.4rem; color:var(--color-primary); margin-bottom:16px; }
        .diferencial-item h4 { font-weight:600; margin-bottom:6px; }
        .diferencial-item p { font-size:.9rem; color:rgba(255,255,255,0.6); }

        /* DEPOIMENTOS */
        .depoimentos { padding:100px 0; background:var(--color-gray-50); }
        .depoimentos-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:32px; }
        .depoimento-card { background:var(--color-white); padding:32px; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); border:1px solid var(--color-gray-100); transition:all var(--transition); }
        .depoimento-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); }
        .depoimento-card .stars { color:#f59e0b; font-size:1rem; letter-spacing:2px; margin-bottom:12px; }
        .depoimento-card blockquote { font-size:1rem; line-height:1.7; color:var(--color-gray-800); margin-bottom:16px; }
        .depoimento-card .autor { display:flex; align-items:center; gap:12px; }
        .depoimento-card .autor-initial { width:44px; height:44px; min-width:44px; border-radius:50%; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.05rem; }
        .depoimento-card .autor-foto { width:44px; height:44px; min-width:44px; border-radius:50%; object-fit:cover; }
        .depoimento-card .autor-info strong { display:block; font-weight:600; font-size:.95rem; }
        .depoimento-card .autor-info span { font-size:.85rem; color:var(--color-gray-600); }
        .depoimentos-proof { margin-top:56px; display:flex; flex-direction:column; align-items:center; }
        .depoimentos-proof img { max-width:300px; width:100%; border-radius:var(--radius-lg); box-shadow:var(--shadow-md); }
        .depoimentos-proof p { margin-top:14px; font-size:.9rem; color:var(--color-gray-600); text-align:center; }

        /* FAQ */
        .faq { padding:100px 0; background:var(--color-white); }
        .faq-list { max-width:720px; margin:0 auto; }
        .faq-item { border-bottom:1px solid var(--color-gray-200); padding:20px 0; }
        .faq-item:first-child { border-top:1px solid var(--color-gray-200); }
        .faq-question { display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-weight:600; font-size:1.05rem; transition:color var(--transition); }
        .faq-question:hover { color:var(--color-primary); }
        .faq-question i { transition:transform var(--transition); color:var(--color-gray-600); }
        .faq-item.active .faq-question i { transform:rotate(180deg); }
        .faq-answer { max-height:0; overflow:hidden; transition:max-height .4s ease, padding .4s ease; color:var(--color-gray-600); }
        .faq-item.active .faq-answer { max-height:200px; padding-top:12px; }

        /* CTA FINAL */
        .cta-final { padding:100px 0; background:var(--color-primary); color:#fff; text-align:center; position:relative; overflow:hidden; }
        .cta-final .bg-glow { position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,0.08),transparent 70%); top:-30%; right:-20%; pointer-events:none; }
        .cta-final h2 { font-size:clamp(2.4rem,5vw,4rem); font-weight:700; letter-spacing:-.02em; margin-bottom:16px; position:relative; }
        .cta-final p { font-size:1.2rem; opacity:.85; max-width:540px; margin:0 auto 32px; position:relative; }
        .cta-final .btn { background:#fff; color:var(--color-primary); font-weight:700; box-shadow:0 8px 32px rgba(0,0,0,0.12); position:relative; }
        .cta-final .btn:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 16px 48px rgba(0,0,0,0.18); }

        /* FOOTER */
        .footer { padding:60px 0 32px; background:var(--color-black); color:rgba(255,255,255,0.7); }
        .footer .container { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; }
        .footer p { font-size:.9rem; max-width:280px; margin-top:12px; }
        .footer h5 { color:#fff; font-weight:600; margin-bottom:12px; }
        .footer ul li { margin-bottom:8px; }
        .footer ul li a { font-size:.9rem; transition:color var(--transition); }
        .footer ul li a:hover { color:#fff; }
        .footer .social { display:flex; gap:16px; margin-top:16px; }
        .footer .social a { font-size:1.3rem; transition:color var(--transition); color:rgba(255,255,255,0.5); }
        .footer .social a:hover { color:#fff; }
        .footer .copy { grid-column:1/-1; text-align:center; padding-top:32px; border-top:1px solid rgba(255,255,255,0.06); font-size:.85rem; margin-top:16px; }

        /* RESPONSIVO */
        @media (max-width:1024px) {
            .hero .container { grid-template-columns:1fr; text-align:center; }
            .hero-content p { margin-left:auto; margin-right:auto; }
            .hero-buttons { justify-content:center; }
            .hero-mascot .mascot-wrapper { max-width:320px; }
            .footer .container { grid-template-columns:1fr 1fr; }
            .processo-timeline::before { display:none; }
            .processo-step { flex:1 1 80px; max-width:100px; }
        }
        @media (max-width:768px) {
            .nav-links { display:none; flex-direction:column; background:var(--color-white); position:absolute; top:72px; left:0; right:0; padding:24px; box-shadow:var(--shadow-md); border-radius:0 0 var(--radius-md) var(--radius-md); gap:16px; }
            .nav-links.open { display:flex; }
            .mobile-toggle { display:block; }
            .hero { padding:100px 0 60px; min-height:auto; }
            .hero-content h1 { font-size:2.4rem; }
            .hero-mascot .mascot-wrapper { max-width:240px; }
            .beneficios-grid, .servicos-grid, .diferenciais-grid, .depoimentos-grid { grid-template-columns:1fr 1fr; }
            .footer .container { grid-template-columns:1fr; gap:32px; }
            .portfolio-grid { grid-template-columns:1fr 1fr; }
        }
        @media (max-width:480px) {
            .beneficios-grid, .servicos-grid, .diferenciais-grid, .depoimentos-grid, .portfolio-grid { grid-template-columns:1fr; }
            .hero-content h1 { font-size:2rem; }
            .btn { width:100%; justify-content:center; }
            .hero-buttons { flex-direction:column; align-items:stretch; }
            .processo-step { flex:1 1 60px; max-width:80px; }
            .processo-step .num { width:36px; height:36px; line-height:36px; font-size:.8rem; }
        }
    .servico-card .jave-icon{width:64px;height:64px;object-fit:contain;border-radius:14px;display:block;margin:0 auto}.logo-mark img{width:48px;height:48px;object-fit:contain}.sobre-image>img{object-position:center 30%}.selected{background:#080b12;color:#f5f7fc;padding:0 max(24px,calc((100% - 1120px)/2));font-family:Arial,Helvetica,sans-serif}.selected .section{padding:75px 0}.selected .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#8aaaff;font-weight:700}.selected h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;margin:14px 0 18px;line-height:1.15}.selected p{color:#aab4c8;font-size:16px;line-height:1.7}.selected .intro{max-width:640px}.selected .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}.selected .card{border:1px solid #ffffff18;border-radius:14px;overflow:hidden;background:#111622}.selected .visual{height:230px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#246bfe70,transparent 70%),#111a2c}.selected .visual img{width:100%;height:100%;object-fit:cover}.selected .symbol{position:absolute;font-size:90px;font-weight:700;left:32px;top:48px;color:#9cbbff}.selected .tag{position:absolute;bottom:20px;left:24px;font-size:11px;letter-spacing:2px;color:white;text-transform:uppercase}.selected .browser{position:absolute;top:38px;left:12%;width:76%;height:175px;background:#eaf0fc;border-radius:8px;color:#18233b;padding:15px}.selected .dots{color:#7a89a2;border-bottom:1px solid #cbd5e5;padding-bottom:9px}.selected .browser strong{display:block;font-size:25px;line-height:1.1;margin:16px 0 12px}.selected .browser i{display:block;width:95px;height:15px;background:#246bfe;border-radius:4px}.selected .content{padding:30px}.selected h3{font-size:25px;margin:0 0 14px}.selected .content p{min-height:82px;margin-bottom:24px}.selected .button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:18px 24px;border-radius:8px;background:#246bfe;color:white;font-size:14px;font-weight:700;text-decoration:none}.selected .button:hover{background:#4280ff}.selected .content .button{width:100%;justify-content:space-between}.selected .secondary{background:#ffffff0b;border:1px solid #ffffff25}.selected .about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.selected .about img{width:100%;max-height:460px;object-fit:cover;object-position:center 30%;border-radius:14px}.selected .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px}.selected .step{border-top:1px solid #ffffff25;padding-top:22px}.selected .step span{color:#719bff;font-size:13px}.selected .step h3{font-size:21px;margin-top:18px}.selected .cta{background:radial-gradient(ellipse at top,#1e4c99aa,transparent 80%),#101827;border:1px solid #ffffff18;text-align:center;border-radius:16px;padding:60px 26px}.selected .cta p{max-width:580px;margin:20px auto}.selected .socials{display:flex;gap:24px;justify-content:center;margin-top:32px;color:#b8caff}@media(max-width:760px){.selected .grid,.selected .about,.selected .steps{grid-template-columns:1fr}.selected .section{padding:50px 0}.selected .about{gap:30px}.selected .content p{min-height:0}.selected .socials{flex-wrap:wrap}}.selected .visual{height:auto;aspect-ratio:2.04;background:#111622}.selected .visual img{width:100%;height:100%;object-fit:contain;display:block}#orcamento-dialog{width:min(560px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:32px;border:1px solid #ffffff25;border-radius:18px;background:#111622;color:#fff}#orcamento-dialog::backdrop{background:#000b}#orcamento-dialog h2{font-size:28px;line-height:1.2;margin:0 30px 12px 0}#orcamento-dialog p{color:#b7c1d6;line-height:1.5;font-size:14px}#orcamento-form{display:grid;gap:16px;margin-top:22px}#orcamento-form label{display:grid;gap:8px;font-size:14px;font-weight:600}#orcamento-form input,#orcamento-form select,#orcamento-form textarea{width:100%;padding:12px;background:#fff;color:#142035;border:1px solid #c3cede;border-radius:7px;font:inherit}#orcamento-form .form-nota{font-size:12px;margin:0}.fechar-form{position:absolute;right:16px;top:10px;background:transparent;border:0;color:white;font-size:32px;cursor:pointer}.enviar-orcamento{background:#246bfe;color:white;padding:16px;border:0;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}#abrir-orcamento{border:0;cursor:pointer}.hero{background:#080b12;color:#f5f7fc}.hero-content h1{color:#f5f7fc}.hero-content h1 .highlight{color:#719bff}.hero-content h1 .highlight::after{background:rgba(113,155,255,.12)}.hero-content p{color:#aab4c8}.hero-bg-grid,.hero-bg-glow{display:none}.hero .btn-primary{background:#246bfe;color:white;border-radius:8px;box-shadow:none}.hero .btn-secondary{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.25);color:#f5f7fc;border-radius:8px}.hero .btn-secondary:hover{background:rgba(255,255,255,.1);color:white}.hero-mascot .mascot-wrapper{background:transparent}.hero-mascot .mascot-wrapper img{filter:drop-shadow(0 20px 45px rgba(0,0,0,.35))}.selected .visual{aspect-ratio:16/9}