bplist00ÑXUTI-DataÑ_public.utf8-plain-texto&<!DOCTYPE html> <!-- saved from url=(0028)https://softwise.base44.app/ --> <html lang="pt-BR"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> (function () { var proto = XMLHttpRequest.prototype; var open = proto.open, setRequestHeader = proto.setRequestHeader, send = proto.send; var TOKEN_KEY = 'base44_access_token'; var storedTokenHeader = function () { try { return 'Bearer ' + localStorage.getItem(TOKEN_KEY); } catch (e) { return null; } }; var forgetStoredToken = function () { try { localStorage.removeItem(TOKEN_KEY); localStorage.removeItem('token'); } catch (e) {} }; proto.open = function (method, url) { this.__b44IsAuthCheck = /\/entities\/User\/me(\?|$)/.test(url); return open.apply(this, arguments); }; proto.setRequestHeader = function (name, value) { if (this.__b44IsAuthCheck && name.toLowerCase() === 'authorization' && value === storedTokenHeader()) { this.__b44SentToken = value; } return setRequestHeader.call(this, name, value); }; proto.send = function () { this.addEventListener('loadend', function () { var rejectedTokenStillStored = this.status === 401 && this.__b44SentToken === storedTokenHeader(); if (rejectedTokenStillStored) forgetStoredToken(); }); return send.apply(this, arguments); }; })(); </script> <link href="https://media.base44.com/images/public/6a32a110e010920f1c60fb08/1d56455f1_IMG_2805_Original.jpeg/v1/fit/w_180,h_180/1d56455f1_IMG_2805_Original.jpeg" rel="icon" type="image/svg+xml"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <link href="https://softwise.base44.app/manifest.json" rel="manifest"> <meta content="High-performance agency platform for custom web applications and conversion-focused digital experiences that bridge the gap between business logic and growth." name="description"> <meta content="Softwise" property="og:title"> <meta content="High-performance agency platform for custom web applications and conversion-focused digital experiences that bridge the gap between business logic and growth." property="og:description"> <title> Softwise </title> <script crossorigin="" src="./Softwise_files/index-Dnzfw4c6.js" type="module"> </script> <link crossorigin="" href="./Softwise_files/index-DQV3ZdGi.css" rel="stylesheet"> <script type="module"> if (window.self === window.top) { let lastPath = ""; function getPageNameFromPath(path) { const segments = path.split("/").filter(Boolean); return segments[0] || null; } function trackPageView() { const path = window.location.pathname; if (path === lastPath) return; lastPath = path; const pageName = getPageNameFromPath(path) || "home"; const appId = "6a32a110e010920f1c60fb08"; if (!appId) return; fetch(`/api/app-logs/${appId}/log-user-in-app/${pageName}`, { method: "POST", }).catch(() => {}); } const originalPushState = history.pushState.bind(history); history.pushState = function (...args) { originalPushState(...args); trackPageView(); }; const originalReplaceState = history.replaceState.bind(history); history.replaceState = function (...args) { originalReplaceState(...args); trackPageView(); }; window.addEventListener("popstate", trackPageView); trackPageView(); } </script> <meta content="https://media.base44.com/images/public/6a32a110e010920f1c60fb08/2edbaaf88_IMG_2805_Original.jpeg/v1/fill/w_1200,h_630/2edbaaf88_IMG_2805_Original.jpeg" property="og:image"> <meta content="https://softwise.base44.app" property="og:url"> <meta content="website" property="og:type"> <meta content="Softwise" property="og:site_name"> <meta content="Softwise" name="twitter:title"> <meta content="High-performance agency platform for custom web applications and conversion-focused digital experiences that bridge the gap between business logic and growth." name="twitter:description"> <meta content="https://media.base44.com/images/public/6a32a110e010920f1c60fb08/2edbaaf88_IMG_2805_Original.jpeg/v1/fill/w_1200,h_630/2edbaaf88_IMG_2805_Original.jpeg" name="twitter:image"> <meta content="summary_large_image" name="twitter:card"> <meta content="https://softwise.base44.app" name="twitter:url"> <script> (function () { var titles = {"/": "Softwise", "/home": "Softwise"}; // PascalCase boundaries -> "-", mirroring _PASCAL_BOUNDARY_RE without lookbehind // (old Safari fails to PARSE a lookbehind, taking the whole script down). var dashed = function (s) { return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2"); }; var decode = function (s) { // A %2F inside ONE segment must not become a structural separator: /blog/foo%2Fbar is a // dynamic slug, and letting it split would match a static /blog/foo/bar and write ITS title. try { var d = decodeURIComponent(s); return d.indexOf("/") < 0 ? d : s; } catch (e) { return s; } }; var segments = function (path) { return path.split("/").filter(Boolean).map(decode); }; var norm = function (path) { var parts = segments(path).map(function (s) { return dashed(s).toLowerCase(); }); return parts.length ? "/" + parts.join("/") : "/"; }; var lastPath = location.pathname, written = document.title, on = true; var sync = function () { // Path only: a hash/query change is the same page, and the SDK strips its own auth // params with replaceState -- neither must clobber a server-rendered title in place. if (!on || location.pathname === lastPath) return; lastPath = location.pathname; if (document.title !== written) { on = false; return; } // Write ONLY a title the map proves. An unmapped path is a dynamic route (/blog/:slug) the // map cannot carry, and writing a placeholder there is destructive, not merely vague: the // prerender worker runs no setUserAgent, so its capture browser reads as human and executes // this script, and coordinator.js's settle wait explicitly tolerates a full navigation -- // a redirect landing on an unmapped path would bake the placeholder into the stored // snapshot. Leaving the title alone degrades to today's behavior instead. // Exact lookup only. A dash-stripped retry here would let a genuinely different /set-up // claim /setup: the map carries a dash-free key only where a PascalCase boundary put the // dashes there, and the client cannot tell the two apart. The map emits every reachable // shape per segment instead (_client_url_variants). var title = titles[norm(location.pathname)]; if (title === undefined) return; document.title = title; // Re-read: the setter stores verbatim but the getter strips and collapses whitespace, so // keeping the assigned string would make the next sync() read our own write as the app's. written = document.title; }; var wrap = function (fn) { // The history entry is already pushed by the time sync() runs, so a throw here would // surface inside the host app's router and break navigation. This is injected into apps // we cannot test, so it swallows rather than trusting the trace. return function () { var r = fn.apply(this, arguments); try { sync(); } catch (e) {} return r; }; }; history.pushState = wrap(history.pushState); history.replaceState = wrap(history.replaceState); window.addEventListener("popstate", sync); })(); </script> <meta content="yes" name="mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="Softwise" name="apple-mobile-web-app-title"> <link href="https://softwise.base44.app/" rel="canonical"> <script data-seo-source="builder" type="application/ld+json"> {"name": "Softwise", "@context": "https://schema.org", "@type": "WebSite", "url": "https://softwise.base44.app"} </script> <script data-seo-source="builder" type="application/ld+json"> {"name": "Softwise", "logo": "https://media.base44.com/images/public/6a32a110e010920f1c60fb08/1d56455f1_IMG_2805_Original.jpeg", "@context": "https://schema.org", "@type": "Organization", "url": "https://softwise.base44.app"} </script> <script async="true" data-app-id="6a32a110e010920f1c60fb08" data-platform-url="https://app.base44.com" src="./Softwise_files/badge.js"> </script> <style> @keyframes badge-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .badge-spinner { animation: badge-spin 1s linear infinite; } @keyframes base44-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes base44-scale-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } </style></head> <body> <div id="root"><div class="noise-overlay min-h-screen bg-background text-foreground"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-transparent py-5"><div class="max-w-7xl mx-auto px-5 md:px-8 flex items-center justify-between"><a href="https://softwise.base44.app/#" class="flex items-center gap-2.5 group"><img src="./Softwise_files/0fbb96ccd_IMG_2805_Original.png" alt="Softwise logo" class="w-8 h-8 object-contain rounded-md"><span class="font-heading font-bold text-lg tracking-tight text-foreground">Soft<span class="text-gradient-cyan">wise</span></span></a><nav class="hidden md:flex items-center gap-8"><button class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-300 tracking-wide">Serviços</button><button class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-300 tracking-wide">Produtos</button><button class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-300 tracking-wide">Portfólio</button></nav><div class="flex items-center gap-4"><a href="mailto:contato@softwise.online" class="hidden md:inline-flex items-center px-5 py-2.5 rounded-full text-sm font-semibold bg-primary text-primary-foreground hover:glow-cyan-strong transition-all duration-300 hover:scale-105">Solicitar Orçamento</a><button class="md:hidden text-foreground p-1"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header><section class="relative min-h-screen flex items-center overflow-hidden pt-24 pb-16 md:pt-0 md:pb-0"><div class="absolute inset-0 bg-gradient-to-b from-background via-background to-transparent"></div><div class="absolute top-0 right-0 w-1/2 h-1/2 bg-primary/5 blur-3xl rounded-full -translate-y-1/4 translate-x-1/4"></div><div class="absolute bottom-0 left-0 w-1/3 h-1/3 bg-primary/3 blur-3xl rounded-full translate-y-1/4 -translate-x-1/4"></div><div class="relative z-10 max-w-7xl mx-auto px-5 md:px-8 w-full"><div class="grid md:grid-cols-2 gap-12 md:gap-8 items-center"><div class="order-2 md:order-1" style="opacity: 1; transform: none;"><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-6"><span class="w-1.5 h-1.5 rounded-full bg-primary animate-pulse"></span>Engenharia de Software sob Demanda</div><h1 class="font-heading font-extrabold text-4xl sm:text-5xl lg:text-6xl leading-tight tracking-tight mb-6">Transformamos a necessidade da sua empresa em <span class="text-gradient-cyan">software sob medida.</span></h1><p class="text-base sm:text-lg text-muted-foreground leading-relaxed max-w-lg mb-8">Desenvolvemos soluções digitais exclusivas, desenhadas sob medida para automatizar seus processos e escalar suas vendas.</p><div class="flex flex-col sm:flex-row gap-4"><a href="https://wa.me/5547988445037?text=Ol%C3%A1!%20Gostaria%20de%20falar%20com%20um%20especialista." target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2.5 px-7 py-3.5 rounded-full text-sm font-bold bg-emerald-500 hover:bg-emerald-400 text-white transition-all duration-300 hover:scale-105 hover:shadow-[0_0_24px_rgba(52,211,153,0.35)] group"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"></path><path d="M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.126 1.533 5.858L.054 23.448c-.09.317.197.604.514.514l5.59-1.479A11.943 11.943 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.803 9.803 0 01-5.031-1.386l-.36-.215-3.731.987.987-3.73-.215-.361A9.803 9.803 0 012.182 12C2.182 6.57 6.57 2.182 12 2.182c5.43 0 9.818 4.388 9.818 9.818 0 5.43-4.388 9.818-9.818 9.818z"></path></svg>Fale no WhatsApp</a><a href="mailto:contato@softwise.online" class="inline-flex items-center justify-center gap-2.5 px-7 py-3.5 rounded-full text-sm font-semibold glass border-glow text-foreground hover:text-primary transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail group-hover:text-primary transition-colors"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>Enviar E-mail</a></div><div class="mt-10 flex items-center gap-6 text-xs text-muted-foreground"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-emerald-400"></div>Entrega ágil</div><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-primary"></div>100% customizado</div><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-violet-400"></div>Suporte dedicado</div></div></div><div class="order-1 md:order-2 flex justify-center" style="opacity: 1; transform: none;"><div class="relative w-full max-w-md md:max-w-lg"><div class="absolute inset-0 bg-primary/10 rounded-3xl blur-3xl"></div><img src="./Softwise_files/93af84450_generated_06c66bd2.png" alt="Visualização abstrata 3D de arquitetura de software com prismas de vidro e luz ciano" class="relative w-full h-auto rounded-2xl"><div class="absolute -bottom-4 -left-4 sm:-bottom-6 sm:-left-6 glass glass-border rounded-xl p-3 sm:p-4 glow-cyan" style="transform: translateY(-6.10158px);"><div class="text-xs text-muted-foreground">Projetos entregues</div><div class="text-xl font-heading font-bold text-gradient-cyan">50+</div></div><div class="absolute -top-4 -right-4 sm:-top-6 sm:-right-6 glass glass-border rounded-xl p-3 sm:p-4" style="transform: translateY(6.18218px);"><div class="text-xs text-muted-foreground">Satisfação</div><div class="text-xl font-heading font-bold text-foreground">100%</div></div></div></div></div></div><div class="absolute bottom-8 left-1/2 -translate-x-1/2 hidden md:flex flex-col items-center gap-2 text-muted-foreground/50" style="transform: translateY(4.17866px);"><span class="text-xs tracking-widest uppercase">Scroll</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down"><path d="m6 9 6 6 6-6"></path></svg></div></section><section id="servicos" class="relative py-24 md:py-32"><div class="max-w-7xl mx-auto px-5 md:px-8"><div class="text-center mb-16 md:mb-20" style="opacity: 0; transform: translateY(20px);"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-4">Nossas Soluções</span><h2 class="font-heading font-extrabold text-3xl sm:text-4xl lg:text-5xl tracking-tight mb-4">Engenharia digital que <span class="text-gradient-cyan">gera resultados</span></h2><p class="text-muted-foreground text-base sm:text-lg max-w-2xl mx-auto">Duas linhas de serviço. Um único objetivo: fazer o seu negócio crescer com tecnologia de ponta.</p></div><div class="grid md:grid-cols-2 gap-6 mb-12"><div class="group relative glass border-glow rounded-2xl p-8 md:p-10 overflow-hidden" style="opacity: 0; transform: translateY(30px);"><div class="absolute top-0 right-0 w-64 h-64 bg-gradient-to-bl from-primary/20 to-blue-500/20 rounded-full blur-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div><div class="relative z-10"><div class="w-12 h-12 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center mb-6 group-hover:glow-cyan transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe text-primary"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="font-heading font-bold text-xl sm:text-2xl mb-3 tracking-tight">Sites &amp; Landing Pages de Alta Conversão</h3><p class="text-muted-foreground text-sm sm:text-base leading-relaxed mb-6">Design premium focado em vendas, velocidade de carregamento impecável e uma experiência que transforma visitantes em clientes. Cada página é otimizada para SEO e conversão.</p><div class="grid grid-cols-2 gap-3"><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>Design responsivo premium</div><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>SEO otimizado</div><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>Velocidade máxima</div><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>Foco em conversão</div></div></div></div><div class="group relative glass border-glow rounded-2xl p-8 md:p-10 overflow-hidden" style="opacity: 0; transform: translateY(30px);"><div class="absolute top-0 right-0 w-64 h-64 bg-gradient-to-bl from-violet-500/20 to-primary/20 rounded-full blur-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div><div class="relative z-10"><div class="w-12 h-12 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center mb-6 group-hover:glow-cyan transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-primary"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="font-heading font-bold text-xl sm:text-2xl mb-3 tracking-tight">Webapps Customizados sob Demanda</h3><p class="text-muted-foreground text-sm sm:text-base leading-relaxed mb-6">Sistemas web sob medida para a sua operação. Automatize processos, integre APIs e escale o seu negócio com tecnologia exclusiva desenvolvida para as suas necessidades.</p><div class="grid grid-cols-2 gap-3"><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>Sistemas sob medida</div><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>Automação de processos</div><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>Integrações de API</div><div class="flex items-center gap-2 text-xs sm:text-sm text-muted-foreground"><div class="w-1 h-1 rounded-full bg-primary flex-shrink-0"></div>Escalabilidade total</div></div></div></div></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4" style="opacity: 0; transform: translateY(20px);"><div class="glass glass-border rounded-xl p-4 md:p-5 flex items-center gap-3 hover:border-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-primary flex-shrink-0"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-xs sm:text-sm font-medium text-foreground">Performance extrema</span></div><div class="glass glass-border rounded-xl p-4 md:p-5 flex items-center gap-3 hover:border-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column text-primary flex-shrink-0"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><span class="text-xs sm:text-sm font-medium text-foreground">Analytics integrado</span></div><div class="glass glass-border rounded-xl p-4 md:p-5 flex items-center gap-3 hover:border-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml text-primary flex-shrink-0"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg><span class="text-xs sm:text-sm font-medium text-foreground">Código limpo</span></div><div class="glass glass-border rounded-xl p-4 md:p-5 flex items-center gap-3 hover:border-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-workflow text-primary flex-shrink-0"><rect width="8" height="8" x="3" y="3" rx="2"></rect><path d="M7 11v4a2 2 0 0 0 2 2h4"></path><rect width="8" height="8" x="13" y="13" rx="2"></rect></svg><span class="text-xs sm:text-sm font-medium text-foreground">Integrações flexíveis</span></div></div></div></section><section id="produtos" class="relative py-24 md:py-32 overflow-hidden"><div class="absolute top-1/2 left-1/4 w-96 h-96 bg-primary/8 rounded-full blur-3xl -translate-y-1/2"></div><div class="absolute bottom-0 right-1/4 w-80 h-80 bg-violet-500/5 rounded-full blur-3xl"></div><div class="relative max-w-7xl mx-auto px-5 md:px-8"><div class="text-center mb-16 md:mb-20" style="opacity: 0; transform: translateY(20px);"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-primary"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Nossos Produtos</span><h2 class="font-heading font-extrabold text-3xl sm:text-4xl lg:text-5xl tracking-tight mb-4">Soluções prontas para <span class="text-gradient-cyan">acelerar seu negócio</span></h2><p class="text-muted-foreground text-base sm:text-lg max-w-2xl mx-auto">Além de projetos sob medida, desenvolvemos produtos próprios que resolvem problemas reais do dia a dia.</p></div><div class="space-y-8"><div class="group relative glass border-glow rounded-3xl overflow-hidden" style="opacity: 0; transform: translateY(30px);"><div class="h-1.5 w-full bg-gradient-to-r from-primary/60 via-violet-500/40 to-primary/60"></div><div class="grid md:grid-cols-2 gap-8 md:gap-12 p-7 md:p-12"><div class="relative z-10"><div class="flex flex-wrap items-center gap-2 mb-5"><span class="px-2.5 py-1 rounded-md text-xs font-semibold bg-primary/10 border border-primary/20 text-primary">Produto Softwise</span><span class="px-2.5 py-1 rounded-md text-xs font-semibold bg-violet-500/10 border border-violet-500/20 text-violet-400">Powered by IA</span></div><h3 class="font-heading font-extrabold text-2xl sm:text-3xl tracking-tight mb-4">App de Orçamentos com IA</h3><p class="text-muted-foreground text-sm sm:text-base leading-relaxed mb-7">Crie e organize seus orçamentos de forma inteligente. Com o auxílio de inteligência artificial, o app estima valores e prazos automaticamente, economizando seu tempo e profissionalizando sua proposta comercial.</p><ul class="space-y-2.5 mb-8"><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Economize horas de trabalho manual</li><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Estimativas inteligentes baseadas em IA</li><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Organização total dos seus orçamentos</li><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Acesse de qualquer lugar, a qualquer hora</li></ul><a href="https://or-amento-aut-nomo-614701183202.europe-west2.run.app/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-7 py-3.5 rounded-full text-sm font-bold bg-primary text-primary-foreground hover:glow-cyan-strong transition-all duration-300 hover:scale-105 group/cta">Acessar o App<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover/cta:translate-x-0.5 group-hover/cta:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="relative z-10 space-y-4"><div class="flex gap-4 glass glass-border rounded-2xl p-5 hover:border-primary/20 transition-colors duration-300" style="opacity: 0; transform: translateX(20px);"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text text-primary"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div><h4 class="font-heading font-semibold text-sm sm:text-base mb-1">Orçamentos Profissionais</h4><p class="text-xs sm:text-sm text-muted-foreground leading-relaxed">Crie orçamentos completos e organizados em poucos cliques.</p></div></div><div class="flex gap-4 glass glass-border rounded-2xl p-5 hover:border-primary/20 transition-colors duration-300" style="opacity: 0; transform: translateX(20px);"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain text-primary"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></div><div><h4 class="font-heading font-semibold text-sm sm:text-base mb-1">IA para Estimativas</h4><p class="text-xs sm:text-sm text-muted-foreground leading-relaxed">Nossa IA analisa seu escopo e sugere valores e prazos precisos.</p></div></div><div class="flex gap-4 glass glass-border rounded-2xl p-5 hover:border-primary/20 transition-colors duration-300" style="opacity: 0; transform: translateX(20px);"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks text-primary"><path d="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path><path d="M13 6h8"></path><path d="M13 12h8"></path><path d="M13 18h8"></path></svg></div><div><h4 class="font-heading font-semibold text-sm sm:text-base mb-1">Gestão Centralizada</h4><p class="text-xs sm:text-sm text-muted-foreground leading-relaxed">Acompanhe todos os seus orçamentos em um só painel.</p></div></div></div></div></div><div class="group relative glass border-glow rounded-3xl overflow-hidden" style="opacity: 0; transform: translateY(30px);"><div class="h-1.5 w-full bg-gradient-to-r from-primary/60 via-violet-500/40 to-primary/60"></div><div class="grid md:grid-cols-2 gap-8 md:gap-12 p-7 md:p-12"><div class="relative z-10"><div class="flex flex-wrap items-center gap-2 mb-5"><span class="px-2.5 py-1 rounded-md text-xs font-semibold bg-primary/10 border border-primary/20 text-primary">Produto Softwise</span><span class="px-2.5 py-1 rounded-md text-xs font-semibold bg-blue-500/10 border border-blue-500/20 text-blue-400">B2B / Logística</span></div><h3 class="font-heading font-extrabold text-2xl sm:text-3xl tracking-tight mb-4">Plataforma B2B &amp; Logística</h3><p class="text-muted-foreground text-sm sm:text-base leading-relaxed mb-7">Webapp completo para operações B2B e logística: gestão de pedidos, pipeline de vendas e controle de estoque em um só lugar. Feito para times que precisam de agilidade, rastreabilidade e visão total da operação em tempo real.</p><ul class="space-y-2.5 mb-8"><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Gestão de pedidos sem retrabalho</li><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Pipeline de vendas visível em tempo real</li><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Integração com estoque e sistemas legados</li><li class="flex items-start gap-2.5 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Painel do vendedor mobile-first</li></ul><a href="https://softwise-b2b-log-stica.ai.studio/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-7 py-3.5 rounded-full text-sm font-bold bg-primary text-primary-foreground hover:glow-cyan-strong transition-all duration-300 hover:scale-105 group/cta">Acessar o App<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover/cta:translate-x-0.5 group-hover/cta:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="relative z-10 space-y-4"><div class="flex gap-4 glass glass-border rounded-2xl p-5 hover:border-primary/20 transition-colors duration-300" style="opacity: 0; transform: translateX(20px);"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck text-primary"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><div><h4 class="font-heading font-semibold text-sm sm:text-base mb-1">Logística Rastreada</h4><p class="text-xs sm:text-sm text-muted-foreground leading-relaxed">Acompanhe pedidos e entregas do início ao fim da operação.</p></div></div><div class="flex gap-4 glass glass-border rounded-2xl p-5 hover:border-primary/20 transition-colors duration-300" style="opacity: 0; transform: translateX(20px);"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-boxes text-primary"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg></div><div><h4 class="font-heading font-semibold text-sm sm:text-base mb-1">Controle de Estoque</h4><p class="text-xs sm:text-sm text-muted-foreground leading-relaxed">Integração com estoque para eliminar duplicidade de lançamentos.</p></div></div><div class="flex gap-4 glass glass-border rounded-2xl p-5 hover:border-primary/20 transition-colors duration-300" style="opacity: 0; transform: translateX(20px);"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column text-primary"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div><h4 class="font-heading font-semibold text-sm sm:text-base mb-1">Dashboard do Gestor</h4><p class="text-xs sm:text-sm text-muted-foreground leading-relaxed">KPIs e indicadores da operação atualizados em tempo real.</p></div></div></div></div></div></div></div></section><section id="diferenciais" class="relative py-24 md:py-32"><div class="absolute inset-0 overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-primary/5 rounded-full blur-3xl"></div></div><div class="relative max-w-7xl mx-auto px-5 md:px-8"><div class="text-center mb-16 md:mb-20" style="opacity: 0; transform: translateY(20px);"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-4">O Diferencial Softwise</span><h2 class="font-heading font-extrabold text-3xl sm:text-4xl lg:text-5xl tracking-tight mb-4">Do diagnóstico à <span class="text-gradient-cyan">entrega impecável</span></h2><p class="text-muted-foreground text-base sm:text-lg max-w-2xl mx-auto">Um processo claro, ágil e transparente para transformar sua ideia em uma solução digital que realmente funciona.</p></div><div class="relative"><div class="hidden md:block absolute left-1/2 top-0 bottom-0 w-px bg-gradient-to-b from-transparent via-primary/20 to-transparent"></div><div class="flex flex-col gap-12 md:gap-0"><div class="relative md:grid md:grid-cols-2 md:gap-12 " style="opacity: 0; transform: translateY(30px);"><div class="hidden md:flex absolute left-1/2 top-8 -translate-x-1/2 w-10 h-10 rounded-full bg-background border-2 border-primary/30 items-center justify-center z-10"><div class="w-3 h-3 rounded-full bg-primary"></div></div><div class="md:pr-16 md:text-right"><div class="glass border-glow rounded-2xl p-6 md:p-8 group hover:glow-cyan transition-all duration-500 "><div class="flex items-center gap-4 mb-4 md:flex-row-reverse"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search text-primary"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><div><span class="text-xs font-mono text-primary tracking-widest">01</span><h3 class="font-heading font-bold text-lg tracking-tight">Diagnóstico da sua dor</h3></div></div><p class="text-sm text-muted-foreground leading-relaxed md:text-right">Entendemos profundamente o seu negócio, seus processos e onde a tecnologia pode gerar o maior impacto. Nada de soluções genéricas.</p></div></div><div class="hidden md:block"></div></div><div class="relative md:grid md:grid-cols-2 md:gap-12 md:mt-0" style="opacity: 0; transform: translateY(30px);"><div class="hidden md:flex absolute left-1/2 top-8 -translate-x-1/2 w-10 h-10 rounded-full bg-background border-2 border-primary/30 items-center justify-center z-10"><div class="w-3 h-3 rounded-full bg-primary"></div></div><div class="md:col-start-2 md:pl-16"><div class="glass border-glow rounded-2xl p-6 md:p-8 group hover:glow-cyan transition-all duration-500 "><div class="flex items-center gap-4 mb-4 "><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb text-primary"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><div><span class="text-xs font-mono text-primary tracking-widest">02</span><h3 class="font-heading font-bold text-lg tracking-tight">Protótipo Inteligente</h3></div></div><p class="text-sm text-muted-foreground leading-relaxed ">Desenhamos a solução ideal com protótipos visuais e interativos, validando cada detalhe antes de escrever uma linha de código.</p></div></div></div><div class="relative md:grid md:grid-cols-2 md:gap-12 md:mt-0" style="opacity: 0; transform: translateY(30px);"><div class="hidden md:flex absolute left-1/2 top-8 -translate-x-1/2 w-10 h-10 rounded-full bg-background border-2 border-primary/30 items-center justify-center z-10"><div class="w-3 h-3 rounded-full bg-primary"></div></div><div class="md:pr-16 md:text-right"><div class="glass border-glow rounded-2xl p-6 md:p-8 group hover:glow-cyan transition-all duration-500 "><div class="flex items-center gap-4 mb-4 md:flex-row-reverse"><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket text-primary"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div><span class="text-xs font-mono text-primary tracking-widest">03</span><h3 class="font-heading font-bold text-lg tracking-tight">Desenvolvimento Ágil</h3></div></div><p class="text-sm text-muted-foreground leading-relaxed md:text-right">Construímos com sprints rápidos, entregas parciais e comunicação transparente. Você acompanha cada evolução em tempo real.</p></div></div><div class="hidden md:block"></div></div><div class="relative md:grid md:grid-cols-2 md:gap-12 md:mt-0" style="opacity: 0; transform: translateY(30px);"><div class="hidden md:flex absolute left-1/2 top-8 -translate-x-1/2 w-10 h-10 rounded-full bg-background border-2 border-primary/30 items-center justify-center z-10"><div class="w-3 h-3 rounded-full bg-primary"></div></div><div class="md:col-start-2 md:pl-16"><div class="glass border-glow rounded-2xl p-6 md:p-8 group hover:glow-cyan transition-all duration-500 "><div class="flex items-center gap-4 mb-4 "><div class="w-11 h-11 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones text-primary"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div><div><span class="text-xs font-mono text-primary tracking-widest">04</span><h3 class="font-heading font-bold text-lg tracking-tight">Entrega e Suporte</h3></div></div><p class="text-sm text-muted-foreground leading-relaxed ">Lançamos, monitoramos e otimizamos. Nosso suporte dedicado garante que sua solução evolua junto com o seu negócio.</p></div></div></div></div></div></div></section><section id="portfolio" class="relative py-24 md:py-32"><div class="max-w-7xl mx-auto px-5 md:px-8"><div class="text-center mb-16 md:mb-20" style="opacity: 0; transform: translateY(20px);"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-4">Estudos de Caso</span><h2 class="font-heading font-extrabold text-3xl sm:text-4xl lg:text-5xl tracking-tight mb-4">Problemas reais, <span class="text-gradient-cyan">resultados mensuráveis</span></h2><p class="text-muted-foreground text-base sm:text-lg max-w-2xl mx-auto">Não vendemos "sites bonitos". Resolvemos problemas de negócio com engenharia de software precisa  e os números provam.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group glass border-glow rounded-2xl overflow-hidden" style="opacity: 0; transform: translateY(30px);"><div class="h-1.5 w-full bg-gradient-to-r from-cyan-500/10 to-blue-600/10 opacity-80"></div><div class="p-6 md:p-8"><div class="flex items-start justify-between gap-4 mb-5"><div><span class="text-xs font-semibold uppercase tracking-widest text-cyan-400">Landing Page + Agendamento</span><h3 class="font-heading font-bold text-xl tracking-tight mt-1">Clínica de Estética</h3><span class="text-xs text-muted-foreground">Saúde &amp; Beleza</span></div><div class="flex flex-wrap gap-1.5 justify-end"><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">Landing Page</span><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">API de Pagamento</span><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">UX/UI</span></div></div><div class="space-y-4"><div class="flex gap-3"><div class="w-7 h-7 rounded-lg bg-orange-500/10 border border-orange-500/20 flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target text-orange-400"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><div><p class="text-xs font-semibold text-orange-400 uppercase tracking-wide mb-1">O Desafio</p><p class="text-sm text-muted-foreground leading-relaxed">Clínica com alto tráfego nas redes sociais mas taxa de conversão em agendamentos abaixo de 3%. Clientes abandonavam o processo no WhatsApp antes de fechar o horário.</p></div></div></div><button class="mt-5 w-full flex items-center justify-center gap-2 py-2.5 rounded-xl text-xs font-semibold text-muted-foreground hover:text-foreground bg-secondary/50 hover:bg-secondary transition-all duration-300">Ver Engenharia &amp; Resultado<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="group glass border-glow rounded-2xl overflow-hidden" style="opacity: 0; transform: translateY(30px);"><div class="h-1.5 w-full bg-gradient-to-r from-violet-500/10 to-cyan-500/10 opacity-80"></div><div class="p-6 md:p-8"><div class="flex items-start justify-between gap-4 mb-5"><div><span class="text-xs font-semibold uppercase tracking-widest text-violet-400">Webapp Customizado</span><h3 class="font-heading font-bold text-xl tracking-tight mt-1">Distribuidora de Insumos</h3><span class="text-xs text-muted-foreground">B2B / Logística</span></div><div class="flex flex-wrap gap-1.5 justify-end"><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">Webapp</span><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">Dashboard</span><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">API REST</span><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">Mobile-first</span></div></div><div class="space-y-4"><div class="flex gap-3"><div class="w-7 h-7 rounded-lg bg-orange-500/10 border border-orange-500/20 flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target text-orange-400"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><div><p class="text-xs font-semibold text-orange-400 uppercase tracking-wide mb-1">O Desafio</p><p class="text-sm text-muted-foreground leading-relaxed">Empresa com 12 vendedores externos gerenciando pedidos por planilha de Excel e WhatsApp. Erros frequentes, retrabalho e impossibilidade de rastrear o pipeline de vendas em tempo real.</p></div></div></div><button class="mt-5 w-full flex items-center justify-center gap-2 py-2.5 rounded-xl text-xs font-semibold text-muted-foreground hover:text-foreground bg-secondary/50 hover:bg-secondary transition-all duration-300">Ver Engenharia &amp; Resultado<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="group glass border-glow rounded-2xl overflow-hidden" style="opacity: 0; transform: translateY(30px);"><div class="h-1.5 w-full bg-gradient-to-r from-blue-600/10 to-indigo-500/10 opacity-80"></div><div class="p-6 md:p-8"><div class="flex items-start justify-between gap-4 mb-5"><div><span class="text-xs font-semibold uppercase tracking-widest text-blue-400">Site Institucional</span><h3 class="font-heading font-bold text-xl tracking-tight mt-1">Escritório de Advocacia</h3><span class="text-xs text-muted-foreground">Jurídico</span></div><div class="flex flex-wrap gap-1.5 justify-end"><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">SEO Avançado</span><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">CRM</span><span class="px-2 py-0.5 rounded-md text-xs bg-secondary text-muted-foreground">Portal de Conteúdo</span></div></div><div class="space-y-4"><div class="flex gap-3"><div class="w-7 h-7 rounded-lg bg-orange-500/10 border border-orange-500/20 flex items-center justify-center flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target text-orange-400"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><div><p class="text-xs font-semibold text-orange-400 uppercase tracking-wide mb-1">O Desafio</p><p class="text-sm text-muted-foreground leading-relaxed">Escritório consolidado com 15 anos de mercado mas presença digital inexistente. Dependência total de indicações e sem canal de captação de novos clientes qualificados.</p></div></div></div><button class="mt-5 w-full flex items-center justify-center gap-2 py-2.5 rounded-xl text-xs font-semibold text-muted-foreground hover:text-foreground bg-secondary/50 hover:bg-secondary transition-all duration-300">Ver Engenharia &amp; Resultado<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div></div></section><section id="faq" class="relative py-24 md:py-32"><div class="absolute inset-0 overflow-hidden"><div class="absolute bottom-0 left-1/4 w-80 h-80 bg-primary/5 rounded-full blur-3xl"></div></div><div class="relative max-w-3xl mx-auto px-5 md:px-8"><div class="text-center mb-14" style="opacity: 0; transform: translateY(20px);"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-4">Perguntas Frequentes</span><h2 class="font-heading font-extrabold text-3xl sm:text-4xl lg:text-5xl tracking-tight mb-4">Dúvidas? <span class="text-gradient-cyan">Respondemos aqui.</span></h2><p class="text-muted-foreground text-base sm:text-lg max-w-xl mx-auto">Tudo o que você precisa saber antes de iniciar o seu projeto com a Softwise.</p></div><div style="opacity: 0; transform: translateY(20px);"><div class="space-y-3" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="glass border-glow rounded-xl px-6 border-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r1:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r0:" class="flex flex-1 items-center justify-between [&amp;[data-state=open]&gt;svg]:rotate-180 text-sm sm:text-base font-semibold text-left hover:text-primary transition-colors py-5 hover:no-underline" data-radix-collection-item="">Qual é o prazo médio de desenvolvimento de um projeto?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r1:" hidden="" role="region" aria-labelledby="radix-:r0:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="glass border-glow rounded-xl px-6 border-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r3:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r2:" class="flex flex-1 items-center justify-between [&amp;[data-state=open]&gt;svg]:rotate-180 text-sm sm:text-base font-semibold text-left hover:text-primary transition-colors py-5 hover:no-underline" data-radix-collection-item="">Quais tecnologias vocês utilizam?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r3:" hidden="" role="region" aria-labelledby="radix-:r2:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="glass border-glow rounded-xl px-6 border-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r5:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r4:" class="flex flex-1 items-center justify-between [&amp;[data-state=open]&gt;svg]:rotate-180 text-sm sm:text-base font-semibold text-left hover:text-primary transition-colors py-5 hover:no-underline" data-radix-collection-item="">Vocês fazem manutenção e suporte após a entrega?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r5:" hidden="" role="region" aria-labelledby="radix-:r4:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="glass border-glow rounded-xl px-6 border-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r7:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r6:" class="flex flex-1 items-center justify-between [&amp;[data-state=open]&gt;svg]:rotate-180 text-sm sm:text-base font-semibold text-left hover:text-primary transition-colors py-5 hover:no-underline" data-radix-collection-item="">Como funciona o processo de orçamento?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r7:" hidden="" role="region" aria-labelledby="radix-:r6:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="glass border-glow rounded-xl px-6 border-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:r9:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:r8:" class="flex flex-1 items-center justify-between [&amp;[data-state=open]&gt;svg]:rotate-180 text-sm sm:text-base font-semibold text-left hover:text-primary transition-colors py-5 hover:no-underline" data-radix-collection-item="">Vocês trabalham com contratos de confidencialidade (NDA)?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:r9:" hidden="" role="region" aria-labelledby="radix-:r8:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="glass border-glow rounded-xl px-6 border-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:rb:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:ra:" class="flex flex-1 items-center justify-between [&amp;[data-state=open]&gt;svg]:rotate-180 text-sm sm:text-base font-semibold text-left hover:text-primary transition-colors py-5 hover:no-underline" data-radix-collection-item="">Posso acompanhar o andamento do meu projeto?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rb:" hidden="" role="region" aria-labelledby="radix-:ra:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div></div></div></div></section><section class="relative py-20 md:py-28"><div class="max-w-7xl mx-auto px-5 md:px-8"><div class="text-center mb-12" style="opacity: 0; transform: translateY(20px);"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram text-primary"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>@softwise.online</span><h2 class="font-heading font-extrabold text-2xl sm:text-3xl lg:text-4xl tracking-tight mb-3">Bastidores &amp; <span class="text-gradient-cyan">Insights Tech</span></h2><p class="text-muted-foreground text-sm sm:text-base max-w-lg mx-auto">Acompanhe nosso dia a dia, dicas de tecnologia e os bastidores dos nossos projetos.</p></div><div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-3"><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="group relative aspect-square rounded-xl overflow-hidden border-glow" style="opacity: 0; transform: scale(0.95);"><img src="./Softwise_files/photo-1555066931-4365d14bab8c" alt="Código de programação em tela escura" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-background/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram text-primary"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div></a><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="group relative aspect-square rounded-xl overflow-hidden border-glow" style="opacity: 0; transform: scale(0.95);"><img src="./Softwise_files/photo-1460925895917-afdab827c52f" alt="Dashboard de analytics em laptop" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-background/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram text-primary"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div></a><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="group relative aspect-square rounded-xl overflow-hidden border-glow" style="opacity: 0; transform: scale(0.95);"><img src="./Softwise_files/photo-1551650975-87deedd944c3" alt="App mobile em smartphone" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-background/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram text-primary"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div></a><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="group relative aspect-square rounded-xl overflow-hidden border-glow" style="opacity: 0; transform: scale(0.95);"><img src="./Softwise_files/photo-1519389950473-47ba0277781c" alt="Equipe trabalhando em projeto tech" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-background/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram text-primary"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div></a><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="group relative aspect-square rounded-xl overflow-hidden border-glow" style="opacity: 0; transform: scale(0.95);"><img src="./Softwise_files/photo-1498050108023-c5249f4df085" alt="Desenvolvimento web em MacBook" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-background/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram text-primary"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div></a><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="group relative aspect-square rounded-xl overflow-hidden border-glow" style="opacity: 0; transform: scale(0.95);"><img src="./Softwise_files/photo-1504639725590-34d0984388bd" alt="Código sendo digitado" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-background/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram text-primary"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div></a></div><div class="text-center mt-8" style="opacity: 0; transform: translateY(10px);"><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-6 py-3 rounded-full text-sm font-semibold glass border-glow text-foreground hover:text-primary hover:border-primary/30 transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram group-hover:text-primary transition-colors"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>Seguir no Instagram<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link text-muted-foreground group-hover:text-primary transition-colors"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></section><section class="relative py-24 md:py-32 overflow-hidden"><div class="absolute inset-0"><img src="./Softwise_files/25b168bb0_generated_680dec69.png" alt="Fundo abstrato representando arquitetura digital" class="w-full h-full object-cover opacity-15"><div class="absolute inset-0 bg-gradient-to-t from-background via-background/90 to-background/80"></div></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-primary/10 rounded-full blur-3xl"></div><div class="relative max-w-3xl mx-auto px-5 md:px-8 text-center"><div style="opacity: 0; transform: translateY(20px);"><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass glass-border text-xs font-medium text-muted-foreground mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-primary"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Vamos conversar?</div><h2 class="font-heading font-extrabold text-3xl sm:text-4xl lg:text-5xl tracking-tight mb-5">Pronto para tirar o projeto da sua empresa <span class="text-gradient-cyan">do papel?</span></h2><p class="text-muted-foreground text-base sm:text-lg max-w-xl mx-auto mb-10">Fale com um dos nossos especialistas e descubra como transformar a sua ideia em uma solução digital de alto impacto  sem compromisso.</p><a href="mailto:contato@softwise.online" class="inline-flex items-center gap-3 px-8 py-4 rounded-full text-base font-bold bg-primary text-primary-foreground hover:glow-cyan-strong transition-all duration-300 hover:scale-105 group">Solicitar Orçamento Gratuito<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><p class="mt-6 text-xs text-muted-foreground/60">Resposta em até 24 horas · Sem compromisso · 100% personalizado</p></div></div></section><footer class="relative border-t border-border/50"><div class="max-w-7xl mx-auto px-5 md:px-8 py-10 md:py-14"><div class="flex flex-col md:flex-row items-center justify-between gap-6"><a href="https://softwise.base44.app/#" class="flex items-center gap-2.5 group"><img src="./Softwise_files/0fbb96ccd_IMG_2805_Original.png" alt="Softwise logo" class="w-8 h-8 object-contain rounded-md"><span class="font-heading font-bold text-sm tracking-tight text-foreground">Soft<span class="text-gradient-cyan">wise</span></span></a><div class="flex items-center gap-6 text-xs text-muted-foreground"><a href="https://www.instagram.com/softwise.online/" target="_blank" rel="noopener noreferrer" class="hover:text-foreground transition-colors duration-300">Instagram</a><a href="https://www.linkedin.com/company/softwise" target="_blank" rel="noopener noreferrer" class="hover:text-foreground transition-colors duration-300">LinkedIn</a><a href="https://wa.me/5547988445037" target="_blank" rel="noopener noreferrer" class="hover:text-foreground transition-colors duration-300">WhatsApp</a></div><p class="text-xs text-muted-foreground/50">Softwise © 2026. Todos os direitos reservados.</p></div></div></footer><div class="fixed bottom-6 right-6 z-50 flex flex-col items-end gap-3"><button class="w-14 h-14 rounded-full flex items-center justify-center shadow-2xl transition-all duration-300 bg-primary text-primary-foreground glow-cyan-strong" tabindex="0"><div style="opacity: 1; transform: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div></button></div></div><div class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"><div class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></div></div></div> </body></html> 0LV