{"id":190,"date":"2026-09-29T22:22:00","date_gmt":"2026-09-29T22:22:00","guid":{"rendered":"https:\/\/links.jonasdsg.com.br\/?page_id=190"},"modified":"2026-09-30T01:21:38","modified_gmt":"2026-09-30T01:21:38","slug":"site","status":"publish","type":"page","link":"https:\/\/links.jonasdsg.com.br\/","title":{"rendered":"site"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"190\" class=\"elementor elementor-190\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5172864 e-con-full e-flex e-con e-parent\" data-id=\"5172864\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1d2f58 elementor-widget elementor-widget-html\" data-id=\"d1d2f58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>(function(){if(!document.querySelector(\"meta[name=viewport]\")){var m=document.createElement(\"meta\");m.name=\"viewport\";m.content=\"width=adevice-width, initial-scale=1\";document.head.appendChild(m);}})();<\/script>\n<!-- Cole TODO este bloco no widget HTML do Elementor. Foto hospedada na biblioteca do WordPress. -->\n<link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Instrument+Serif:ital@1&display=swap\"\n      rel=\"stylesheet\"\n    \/>\n<style>\n#fluxora-elementor { --ground: #2a0b02; --ground-deep: #120400; --ink: #ffffff; --ink-soft: rgba(255, 255, 255, 0.72); --ink-faint: rgba(255, 255, 255, 0.46); --ink-ghost: rgba(255, 255, 255, 0.2); --flame: #ff3d00; --flame-lit: #ff8a1f; --glass: rgba(56, 20, 6, 0.42); --glass-strong: rgba(40, 13, 3, 0.62); --hair: rgba(255, 255, 255, 0.14); --hair-soft: rgba(255, 255, 255, 0.08); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --gutter: clamp(18px, 2.6vw, 44px); --font-display: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-italic: 'Instrument Serif', Georgia, serif; }\n#fluxora-elementor *, #fluxora-elementor ::before, #fluxora-elementor ::after { box-sizing: border-box; }\n#fluxora-elementor * { margin: 0px; }\n#fluxora-elementor { text-size-adjust: 100%; }\n#fluxora-elementor { min-height: 100svh; background: var(--ground-deep); color: var(--ink); font-family: var(--font-body); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; overflow-x: hidden; }\n#fluxora-elementor img, #fluxora-elementor svg, #fluxora-elementor video { display: block; max-width: 100%; }\n#fluxora-elementor button { font: inherit; color: inherit; border: 0px; background: none; cursor: pointer; }\n#fluxora-elementor a { color: inherit; text-decoration: none; }\n#fluxora-elementor :focus-visible { outline: 2px solid var(--flame-lit); outline-offset: 3px; border-radius: 4px; }\n#fluxora-elementor .skip-link { position: absolute; left: -9999px; top: 12px; z-index: 100; padding: 10px 16px; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(21, 5, 0); font-size: 14px; font-weight: 600; }\n#fluxora-elementor .skip-link:focus { left: 12px; }\n#fluxora-elementor .btn { display: inline-flex; align-items: center; gap: 10px; border-radius: 999px; font-family: var(--font-body); font-weight: 500; letter-spacing: -0.01em; white-space: nowrap; transition: transform 0.35s var(--ease-out), background-color 0.35s var(--ease-out),\n    box-shadow 0.35s var(--ease-out), border-color 0.35s var(--ease-out); }\n#fluxora-elementor .btn--light { padding: 0.72em 1.35em; background: rgb(255, 255, 255); color: rgb(24, 6, 0); box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 26px; }\n#fluxora-elementor .btn--light:hover { transform: translateY(-1px); background: rgb(255, 244, 236); }\n#fluxora-elementor .btn--flame { padding: 0.5em 0.5em 0.5em 1.5em; background: linear-gradient(96deg, var(--flame) 0%, var(--flame-lit) 100%); color: rgb(255, 255, 255); font-weight: 600; box-shadow: rgba(255, 61, 0, 0.38) 0px 14px 40px; }\n#fluxora-elementor .btn--flame:hover { transform: translateY(-2px); box-shadow: rgba(255, 61, 0, 0.5) 0px 20px 52px; }\n@media (prefers-reduced-motion: reduce) {\n#fluxora-elementor *, #fluxora-elementor ::before, #fluxora-elementor ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }\n}\n#fluxora-elementor .nav { position: absolute; inset: 0px 0px auto; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: clamp(14px, 1.7vw, 22px) var(--gutter); }\n#fluxora-elementor .nav__brand { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-display); font-size: clamp(18px, 1.5vw, 22px); font-weight: 600; letter-spacing: -0.025em; }\n#fluxora-elementor .nav__logo { width: 1.3em; height: 1.3em; }\n#fluxora-elementor .nav__pill { display: none; padding: 5px; border: 1px solid var(--hair); border-radius: 12px; background: rgba(28, 10, 2, 0.34); backdrop-filter: blur(14px); }\n#fluxora-elementor .nav__pill ul { display: flex; align-items: center; gap: 3px; margin: 0px; padding: 0px; list-style: none; }\n#fluxora-elementor .nav__pill a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border-radius: 8px; font-size: 13.5px; font-weight: 450; color: rgba(255, 255, 255, 0.82); background: rgba(255, 255, 255, 0.05); transition: background-color 0.3s var(--ease-out), color 0.3s var(--ease-out); }\n#fluxora-elementor .nav__pill a:hover { background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); }\n#fluxora-elementor .nav__chev { width: 10px; height: 10px; opacity: 0.7; }\n#fluxora-elementor .nav__actions { display: flex; align-items: center; gap: 10px; }\n#fluxora-elementor .nav__cta { font-size: 13.5px; font-weight: 550; }\n#fluxora-elementor .nav__burger { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--hair); border-radius: 10px; background: rgba(28, 10, 2, 0.4); backdrop-filter: blur(10px); }\n#fluxora-elementor .nav__burger svg { width: 20px; height: 20px; }\n#fluxora-elementor .nav__sheet { position: fixed; inset: 68px 12px auto; padding: 18px; border: 1px solid var(--hair); border-radius: 18px; background: rgba(18, 5, 0, 0.94); backdrop-filter: blur(20px); }\n#fluxora-elementor .nav__sheet ul { margin: 0px 0px 14px; padding: 0px; list-style: none; display: grid; gap: 2px; }\n#fluxora-elementor .nav__sheet a { display: block; padding: 12px 10px; border-radius: 10px; font-size: 16px; color: rgba(255, 255, 255, 0.86); }\n#fluxora-elementor .nav__sheet a:hover { background: rgba(255, 255, 255, 0.07); }\n#fluxora-elementor .nav__sheet-cta { width: 100%; justify-content: center; padding: 0.85em 1.4em; }\n@media (min-width: 940px) {\n#fluxora-elementor .nav__pill { display: block; }\n#fluxora-elementor .nav__burger { display: none; }\n}\n@media (max-width: 480px) {\n#fluxora-elementor .nav__cta { display: none; }\n}\n#fluxora-elementor .hero { --scale: 1; --ui-scale: 1; position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 100svh; overflow: hidden; padding: calc(86px * var(--scale)) var(--gutter) calc(26px * var(--scale)); background: linear-gradient(165deg, var(--ground) 0%, var(--ground-deep) 70%); }\n#fluxora-elementor .hero__media { position: absolute; inset: 0px; z-index: -1; }\n#fluxora-elementor .hero__video { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; opacity: 0; transform: scale(1.04); transition: opacity 1.1s var(--ease-out), transform 2.4s var(--ease-out); }\n#fluxora-elementor .hero__video.is-ready { opacity: 1; transform-origin: 68% 45%; animation: 14s ease-in-out 0s infinite alternate none running fluxora-portrait-drift; will-change: transform; }\n@keyframes fluxora-portrait-drift { \n  0% { transform: scale(1.025) translate3d(-0.5%, 0px, 0px); }\n  100% { transform: scale(1.1) translate3d(0.7%, -0.6%, 0px); }\n}\n#fluxora-elementor .hero__media::after { content: \"\"; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(at 78% 40%, rgba(255, 122, 24, 0.18), transparent 60%); mix-blend-mode: screen; animation: 6s ease-in-out 0s infinite alternate none running fluxora-ember-glow; }\n@keyframes fluxora-ember-glow { \n  0% { opacity: 0.15; }\n  100% { opacity: 0.75; }\n}\n#fluxora-elementor .hero__scrim { position: absolute; inset: 0px; background: linear-gradient(96deg, rgba(10, 3, 0, 0.9) 0%, rgba(14, 4, 0, 0.66) 30%, rgba(20, 6, 0, 0.16) 52%, rgba(20, 6, 0, 0) 68%), linear-gradient(0deg, rgba(9, 2, 0, 0.78) 0%, rgba(9, 2, 0, 0.12) 28%, rgba(0, 0, 0, 0) 46%), linear-gradient(rgba(8, 2, 0, 0.5) 0%, rgba(0, 0, 0, 0) 22%); }\n#fluxora-elementor .hero__rules { position: absolute; inset: 0px; display: flex; justify-content: space-between; padding: 0px 30%; pointer-events: none; }\n#fluxora-elementor .hero__rules span { width: 1px; background: rgba(255, 255, 255, 0.055); }\n#fluxora-elementor .hero__rules span:nth-child(2) { margin-left: 14px; }\n#fluxora-elementor .hero__inner { flex: 1 1 0%; display: grid; grid-template-columns: minmax(0px, 1fr); align-content: center; gap: 40px; }\n#fluxora-elementor .hero__lead { max-width: 640px; }\n#fluxora-elementor .hero__note { display: flex; align-items: center; gap: 10px; padding-top: calc(13px * var(--ui-scale)); border-top: 1px solid var(--hair-soft); width: fit-content; max-width: 300px; font-size: calc(11.5px * var(--ui-scale)); line-height: 1.45; letter-spacing: 0.005em; color: var(--ink-faint); }\n#fluxora-elementor .hero__note-icon { width: calc(20px * var(--ui-scale)); height: calc(20px * var(--ui-scale)); flex: 0 0 auto; }\n#fluxora-elementor .hero__title { margin-top: calc(24px * var(--scale)); font-family: var(--font-display); font-size: calc(clamp(2.7rem, 6.4vw, 6.1rem) * var(--scale)); font-weight: 600; line-height: 0.9; letter-spacing: -0.035em; text-shadow: rgba(0, 0, 0, 0.45) 0px 6px 40px; }\n#fluxora-elementor .hero__title em { font-family: var(--font-italic); font-weight: 400; font-style: italic; letter-spacing: -0.005em; }\n#fluxora-elementor .hero__sub { margin-top: calc(20px * var(--scale)); max-width: calc(410px * var(--scale)); font-size: calc(15px * var(--ui-scale)); line-height: 1.58; color: var(--ink-soft); }\n#fluxora-elementor .hero__cta { display: flex; align-items: center; flex-wrap: wrap; gap: calc(20px * var(--ui-scale)); margin-top: calc(26px * var(--scale)); }\n#fluxora-elementor .hero__go { font-size: calc(15px * var(--ui-scale)); }\n#fluxora-elementor .hero__go-dot { display: grid; place-items: center; width: 2.55em; height: 2.55em; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(26, 6, 0); }\n#fluxora-elementor .hero__go-dot svg { width: 1.15em; height: 1.15em; }\n#fluxora-elementor .hero__proof { display: flex; align-items: center; gap: 10px; }\n#fluxora-elementor .hero__faces { display: flex; }\n#fluxora-elementor .hero__faces i { width: calc(28px * var(--ui-scale)); height: calc(28px * var(--ui-scale)); margin-left: -9px; border-radius: 999px; border: 2px solid rgba(22, 7, 0, 0.85); background: linear-gradient(140deg, var(--a), var(--b)); }\n#fluxora-elementor .hero__faces i:first-child { margin-left: 0px; }\n#fluxora-elementor .hero__proof-text { display: grid; font-size: calc(10px * var(--ui-scale)); line-height: 1.4; color: var(--ink-faint); }\n#fluxora-elementor .hero__proof-text strong { font-size: calc(12px * var(--ui-scale)); font-weight: 550; color: rgba(255, 255, 255, 0.9); }\n#fluxora-elementor .hero__stats { display: flex; flex-wrap: wrap; gap: calc(14px * var(--scale)); margin: calc(30px * var(--scale)) 0 0; padding: 0px; list-style: none; }\n#fluxora-elementor .stat { position: relative; display: grid; align-content: space-between; width: calc(200px * var(--scale)); min-height: calc(132px * var(--scale)); padding: calc(18px * var(--ui-scale)); border: 1px solid var(--hair); border-radius: 16px; background: var(--glass); backdrop-filter: blur(16px) saturate(1.1); box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset; }\n#fluxora-elementor .stat:nth-child(2) { background: linear-gradient(150deg, rgba(120, 30, 4, 0.5), rgba(48, 14, 2, 0.5)); }\n#fluxora-elementor .stat__mark { position: absolute; top: calc(14px * var(--ui-scale)); right: calc(16px * var(--ui-scale)); font-size: calc(15px * var(--ui-scale)); color: var(--ink-faint); }\n#fluxora-elementor .stat__value { font-family: var(--font-display); font-size: calc(clamp(1.7rem, 2.4vw, 2.3rem) * var(--scale)); font-weight: 500; line-height: 1; letter-spacing: -0.03em; }\n#fluxora-elementor .stat__label { font-size: calc(11.5px * var(--ui-scale)); color: var(--ink-faint); }\n#fluxora-elementor .stat__rule { position: absolute; right: calc(16px * var(--ui-scale)); bottom: calc(22px * var(--ui-scale)); width: 14px; height: 1px; background: rgba(255, 255, 255, 0.28); }\n#fluxora-elementor .hero__ghost { display: none; align-self: start; margin-top: calc(40px * var(--scale)); max-width: 330px; color: rgba(255, 255, 255, 0.26); }\n#fluxora-elementor .ghost__row { display: flex; align-items: flex-end; gap: 18px; }\n#fluxora-elementor .ghost__bars { display: flex; align-items: flex-end; gap: 5px; height: 74px; }\n#fluxora-elementor .ghost__bars span { width: 9px; border-radius: 2px 2px 0px 0px; background: rgba(255, 255, 255, 0.5); }\n#fluxora-elementor .ghost__kpi { font-size: 11px; line-height: 1.4; }\n#fluxora-elementor .ghost__kpi strong { display: block; font-family: var(--font-display); font-size: 22px; font-weight: 600; letter-spacing: -0.03em; color: rgba(255, 255, 255, 0.55); }\n#fluxora-elementor .ghost__title { margin-top: 30px; font-family: var(--font-display); font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.4); }\n#fluxora-elementor .ghost__copy { margin-top: 8px; font-size: 12.5px; line-height: 1.6; }\n#fluxora-elementor .hero__foot { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-top: calc(22px * var(--scale)); }\n#fluxora-elementor .hero__watermark { font-family: var(--font-display); font-size: clamp(3rem, 8vw, 7rem); font-weight: 700; line-height: 0.8; letter-spacing: -0.05em; color: rgba(255, 255, 255, 0.055); user-select: none; }\n#fluxora-elementor .hero__partners { text-align: right; }\n#fluxora-elementor .hero__partners-label { display: block; margin-bottom: 14px; font-size: calc(11.5px * var(--ui-scale)); color: var(--ink-faint); }\n#fluxora-elementor .hero__partners ul { display: flex; align-items: center; gap: clamp(16px, 2.2vw, 32px); margin: 0px; padding: 0px; list-style: none; }\n#fluxora-elementor .hero__partners li { display: inline-flex; align-items: center; gap: 7px; font-size: calc(15px * var(--ui-scale)); font-weight: 450; letter-spacing: -0.01em; color: rgba(255, 255, 255, 0.86); }\n#fluxora-elementor .hero__partners li svg { width: calc(17px * var(--ui-scale)); height: calc(17px * var(--ui-scale)); }\n#fluxora-elementor .hero__note, #fluxora-elementor .hero__title, #fluxora-elementor .hero__sub, #fluxora-elementor .hero__cta, #fluxora-elementor .hero__stats, #fluxora-elementor .hero__foot { animation: fluxora-rise 0.95s var(--ease-out) both; }\n#fluxora-elementor .hero__title { animation-delay: 0.06s; }\n#fluxora-elementor .hero__sub { animation-delay: 0.14s; }\n#fluxora-elementor .hero__cta { animation-delay: 0.2s; }\n#fluxora-elementor .hero__stats { animation-delay: 0.28s; }\n#fluxora-elementor .hero__foot { animation-delay: 0.36s; }\n@keyframes fluxora-rise { \n  0% { opacity: 0; transform: translateY(22px); }\n  100% { opacity: 1; transform: none; }\n}\n@media (min-width: 1120px) {\n#fluxora-elementor .hero__inner { grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.62fr); align-items: start; }\n#fluxora-elementor .hero__ghost { display: block; justify-self: end; }\n}\n@media (max-width: 860px) {\n#fluxora-elementor .hero { padding-top: 108px; }\n#fluxora-elementor .hero__rules { display: none; }\n#fluxora-elementor .hero__foot { flex-direction: column; align-items: flex-start; }\n#fluxora-elementor .hero__partners { text-align: left; }\n#fluxora-elementor .hero__partners ul { flex-wrap: wrap; }\n#fluxora-elementor .hero__watermark { font-size: 3.4rem; }\n}\n@media (max-width: 560px) {\n#fluxora-elementor .hero { --scale: 0.9; }\n#fluxora-elementor .hero__title { letter-spacing: -0.03em; }\n#fluxora-elementor .stat { flex: 1 1 140px; width: auto; }\n#fluxora-elementor .hero__watermark { display: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n#fluxora-elementor .hero__video, #fluxora-elementor .hero__video.is-ready { opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none; will-change: auto; }\n#fluxora-elementor .hero__media::after { animation: auto ease 0s 1 normal none running none; opacity: 0.25; }\n#fluxora-elementor .hero__note, #fluxora-elementor .hero__title, #fluxora-elementor .hero__sub, #fluxora-elementor .hero__cta, #fluxora-elementor .hero__stats, #fluxora-elementor .hero__foot { animation: auto ease 0s 1 normal none running none; }\n}\n#fluxora-elementor [hidden] { display: none !important; }\n#fluxora-elementor { position:relative; isolation:isolate; width:100%; text-align:left; }\n#fluxora-elementor .nav__sheet { position:absolute; }\n#fluxora-elementor .hero__title { color:var(--ink); }\n\n#fluxora-elementor .stat__value { font-size:clamp(1.35rem,2vw,1.9rem); line-height:1.05; }\n#fluxora-elementor .stat__label { max-width:145px; }\n#fluxora-elementor .hero__partners ul { flex-wrap:wrap; }\n#fluxora-services, #fluxora-solutions { scroll-margin-top:24px; }\n<\/style>\n<div id=\"fluxora-elementor\" lang=\"pt-BR\">\n<a class=\"skip-link\" href=\"#fluxora-main\">Pular para o conte\u00fado<\/a><header class=\"nav\"><a class=\"nav__brand\" href=\"#fluxora-main\"><svg viewBox=\"0 0 28 28\" fill=\"none\" aria-hidden=\"true\" class=\"nav__logo\"><path d=\"M14 1.6 20.3 8 14 14.4 7.7 8 14 1.6Z\" fill=\"#FF6A00\"><\/path><path d=\"M6.4 9.3 12.7 15.7 6.4 22.1 0.1 15.7 6.4 9.3Z\" fill=\"#FF3D00\"><\/path><path d=\"M21.6 9.3 27.9 15.7 21.6 22.1 15.3 15.7 21.6 9.3Z\" fill=\"#FF9A2E\"><\/path><\/svg><span>Jonas Rodrigues<\/span><\/a><nav class=\"nav__pill\" aria-label=\"Navega\u00e7\u00e3o principal\"><ul><li><a href=\"#fluxora-main\">In\u00edcio<\/a><\/li><li><a href=\"#fluxora-services\">Servi\u00e7os<\/a><\/li><li><a href=\"#fluxora-solutions\">Solu\u00e7\u00f5es<\/a><\/li><\/ul><\/nav><div class=\"nav__actions\"><a class=\"btn btn--light nav__cta\" href=\"#fluxora-services\">Ver servi\u00e7os<\/a><button class=\"nav__burger\" type=\"button\" aria-label=\"Abrir menu\" aria-expanded=\"false\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M4 8h16M4 16h16\"><\/path><\/svg><\/button><\/div><\/header><main id=\"fluxora-main\"><section class=\"hero\"><div class=\"hero__media\"><img decoding=\"async\" class=\"hero__video is-ready\" alt=\"\" aria-hidden=\"true\" fetchpriority=\"high\" src=\"https:\/\/links.jonasdsg.com.br\/wp-content\/uploads\/2026\/09\/retrato-fluxora-visor.png\"><div class=\"hero__scrim\" aria-hidden=\"true\"><\/div><div class=\"hero__rules\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div><\/div><div class=\"hero__inner\"><div class=\"hero__lead\"><p class=\"hero__note\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" aria-hidden=\"true\" class=\"hero__note-icon\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M3 12h18M12 3c2.5 2.6 3.7 5.7 3.7 9S14.5 18.4 12 21c-2.5-2.6-3.7-5.7-3.7-9S9.5 5.6 12 3Z\"><\/path><\/svg><span>Design, conte\u00fado e IA<br>para neg\u00f3cios digitais<\/span><\/p><h1 class=\"hero__title\">Design que<br>valoriza sua<br><em>empresa e seus<br>neg\u00f3cios.<\/em><\/h1><p class=\"hero__sub\">Crio landing pages e criativos para lan\u00e7amentos e infoprodutores, com clareza na mensagem e uma identidade visual alinhada \u00e0 sua oferta.<\/p><div class=\"hero__cta\"><a class=\"btn btn--flame hero__go\" href=\"#fluxora-services\">Conhe\u00e7a meu trabalho<span class=\"hero__go-dot\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 10h12M11 5l5 5-5 5\"><\/path><\/svg><\/span><\/a><div class=\"hero__proof\"><div class=\"hero__faces\" aria-hidden=\"true\"><i style=\"--a: #ff7a3d; --b: #ffb27a;\"><\/i><i style=\"--a: #6f4bd8; --b: #a98cff;\"><\/i><i style=\"--a: #1f9ea8; --b: #63d6df;\"><\/i><i style=\"--a: #d8434b; --b: #ff8a8f;\"><\/i><\/div><span class=\"hero__proof-text\"><strong>Atendimento direto comigo<\/strong>Do briefing \u00e0 entrega<\/span><\/div><\/div><ul class=\"hero__stats\" id=\"fluxora-services\"><li class=\"stat\"><span class=\"stat__mark\" aria-hidden=\"true\">*<\/span><span class=\"stat__value\">Landing<br>pages<\/span><span class=\"stat__label\">Da oferta \u00e0 p\u00e1gina de vendas<\/span><span class=\"stat__rule\" aria-hidden=\"true\"><\/span><\/li><li class=\"stat\"><span class=\"stat__mark\" aria-hidden=\"true\">*<\/span><span class=\"stat__value\">Conte\u00fado<br>visual<\/span><span class=\"stat__label\">Criativos para redes e campanhas<\/span><span class=\"stat__rule\" aria-hidden=\"true\"><\/span><\/li><\/ul><\/div><aside class=\"hero__ghost\" aria-hidden=\"true\"><div class=\"ghost__row\"><div class=\"ghost__bars\"><span style=\"height: 34%;\"><\/span><span style=\"height: 52%;\"><\/span><span style=\"height: 44%;\"><\/span><span style=\"height: 70%;\"><\/span><span style=\"height: 88%;\"><\/span><\/div><p class=\"ghost__kpi\"><strong>Design + IA<\/strong>Estrat\u00e9gia<br>Criatividade<\/p><\/div><h2 class=\"ghost__title\">Sua oferta com mais clareza<\/h2><p class=\"ghost__copy\">Combino design e intelig\u00eancia artificial para apresentar o valor do seu neg\u00f3cio, organizar sua mensagem e criar materiais para cada etapa do lan\u00e7amento.<\/p><\/aside><\/div><div class=\"hero__foot\"><span class=\"hero__watermark\" aria-hidden=\"true\">JONAS<\/span><div class=\"hero__partners\" id=\"fluxora-solutions\"><span class=\"hero__partners-label\">Solu\u00e7\u00f5es para o seu neg\u00f3cio<\/span><ul><li><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" aria-hidden=\"true\"><path d=\"M3 4.5A1.5 1.5 0 0 1 4.5 3H9v14H4.5A1.5 1.5 0 0 1 3 15.5v-11ZM17 4.5A1.5 1.5 0 0 0 15.5 3H11v14h4.5a1.5 1.5 0 0 0 1.5-1.5v-11Z\"><\/path><\/svg><span>Landing pages<\/span><\/li><li><svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M2 3h16l-5.6 6.9L18 17H2l5.6-7.1L2 3Zm4.4 1.6 4 5 4-5h-8Z\"><\/path><\/svg><span>Criativos<\/span><\/li><li><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" aria-hidden=\"true\"><path d=\"M10 2.5 17 10l-7 7.5L3 10l7-7.5Z\"><\/path><\/svg><span>Social media<\/span><\/li><li><svg viewBox=\"0 0 22 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 16V6l4.5 6L11 6l4.5 6L20 6v10\"><\/path><\/svg><span>Lan\u00e7amentos<\/span><\/li><li><svg viewBox=\"0 0 22 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 5l3.5 11L9 8l3.5 8L16 5\"><\/path><circle cx=\"19\" cy=\"7\" r=\"1.6\"><\/circle><\/svg><span>IA aplicada<\/span><\/li><\/ul><\/div><\/div><\/section><\/main>\n<\/div>\n<script>\n(() => {\nconst root = document.getElementById('fluxora-elementor');\nif (!root || root.dataset.initialized) return;\nroot.dataset.initialized = 'true';\nconst button = root.querySelector('.nav__burger');\nconst header = root.querySelector('.nav');\nconst sheet = document.createElement('div');\nsheet.className = 'nav__sheet';\nsheet.id = 'fluxora-mobile-menu';\nsheet.hidden = true;\nconst links = root.querySelector('.nav__pill ul').cloneNode(true);\nsheet.append(links);\nconst cta = root.querySelector('.nav__cta').cloneNode(true);\ncta.className = 'btn btn--flame nav__sheet-cta';\nsheet.append(cta);\nheader.append(sheet);\nbutton.setAttribute('aria-controls', sheet.id);\nconst icon = button.querySelector('path');\nfunction setMenu(open) {\n  sheet.hidden = !open;\n  button.setAttribute('aria-expanded', String(open));\n  button.setAttribute('aria-label', open ? 'Fechar menu' : 'Abrir menu');\n  icon.setAttribute('d', open ? 'm6 6 12 12M18 6 6 18' : 'M4 8h16M4 16h16');\n\n}\nbutton.addEventListener('click', () => setMenu(sheet.hidden));\nsheet.addEventListener('click', e => { if (e.target.closest('a')) setMenu(false); });\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape' && !sheet.hidden) { setMenu(false); button.focus(); } });\nmatchMedia('(min-width: 940px)').addEventListener('change', e => { if (e.matches) setMenu(false); });\n\n})();\n<\/script>\n\n<!-- FX MOTION: foto, botoes, textos e contadores -->\n<style id=\"fx-motion-css\">\n#fluxora-elementor .hero__media{scale:1.06;animation:fx-photo-in 1.9s cubic-bezier(.16,1,.3,1) both;transition:translate .9s cubic-bezier(.16,1,.3,1)}\n@keyframes fx-photo-in{0%{opacity:0;scale:1.22;filter:blur(16px) brightness(.3) saturate(1.5)}55%{opacity:1}100%{opacity:1;scale:1.06;filter:none}}\n#fluxora-elementor .fx-glint{position:absolute;inset:0;pointer-events:none;z-index:2;mix-blend-mode:screen;background:linear-gradient(112deg,transparent 42%,rgba(255,176,96,.26) 50%,transparent 58%);background-size:260% 100%;background-position:130% 0;animation:fx-glint 7s ease-in-out 2.2s infinite}\n@keyframes fx-glint{0%{background-position:130% 0}28%,100%{background-position:-30% 0}}\n#fluxora-elementor .btn{transition:transform .35s var(--ease-out),translate .45s var(--ease-out),background-color .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}\n#fluxora-elementor .btn:active{transform:scale(.95)}\n#fluxora-elementor .btn--flame,#fluxora-elementor .btn--light{position:relative;overflow:hidden;isolation:isolate}\n#fluxora-elementor .btn--flame::before,#fluxora-elementor .btn--light::before{content:\"\";position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-130%);animation:fx-btn-shine 3.8s cubic-bezier(.16,1,.3,1) 1.8s infinite}\n#fluxora-elementor .btn--light::before{background:linear-gradient(110deg,transparent 30%,rgba(255,138,31,.35) 50%,transparent 70%);animation-delay:2.6s}\n@keyframes fx-btn-shine{0%{transform:translateX(-130%)}35%,100%{transform:translateX(130%)}}\n#fluxora-elementor .hero__go{animation:fx-btn-pulse 2.6s ease-out 1.6s infinite}\n@keyframes fx-btn-pulse{0%{box-shadow:0 14px 40px rgba(255,61,0,.38),0 0 0 0 rgba(255,106,0,.55)}100%{box-shadow:0 14px 40px rgba(255,61,0,.38),0 0 0 16px rgba(255,106,0,0)}}\n#fluxora-elementor .hero__go-dot,#fluxora-elementor .hero__go-dot svg{transition:transform .45s var(--ease-out)}\n#fluxora-elementor .hero__go:hover .hero__go-dot{transform:scale(1.1) rotate(-45deg)}\n#fluxora-elementor .hero__go:hover .hero__go-dot svg{animation:fx-arrow .9s var(--ease-out) infinite}\n@keyframes fx-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}\n#fluxora-elementor .fx-split{animation:none!important;opacity:1!important;transform:none!important}\n#fluxora-elementor .fx-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .09em .12em 0;margin:0 -.09em -.12em 0}\n#fluxora-elementor .fx-wi{display:inline-block;transform:translateY(112%) rotate(4deg);filter:blur(8px);opacity:0;animation:fx-word-up 1.05s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.35s + var(--i) * 85ms)}\n@keyframes fx-word-up{to{transform:none;filter:none;opacity:1}}\n#fluxora-elementor .hero__sub.fx-split .fx-wi{transform:translateY(60%);filter:blur(6px);animation-duration:.8s;animation-delay:calc(1.05s + var(--i) * 28ms)}\n#fluxora-elementor .stat__value.fx-split .fx-wi{animation-delay:calc(1.5s + var(--i) * 110ms)}\n#fluxora-elementor .hero__title em .fx-wi{background:linear-gradient(100deg,#fff 0%,#fff 35%,#ffb066 45%,#ff3d00 52%,#ff8a1f 58%,#fff 68%,#fff 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fx-word-up 1.05s cubic-bezier(.16,1,.3,1) forwards,fx-text-shine 4.5s ease-in-out 1.9s infinite;animation-delay:calc(.35s + var(--i) * 85ms),1.9s}\n@keyframes fx-text-shine{0%{background-position:100% 0}45%,100%{background-position:0% 0}}\n#fluxora-elementor .nav__pill a{transition:color .3s,text-shadow .3s}\n#fluxora-elementor .nav__pill a:hover{color:#fff;text-shadow:0 0 14px rgba(255,138,31,.8)}\n#fluxora-elementor .stat__value{font-variant-numeric:tabular-nums}\n#fluxora-elementor .stat__value.fx-done{display:inline-block;animation:fx-num-pop .6s cubic-bezier(.34,1.56,.64,1)}\n@keyframes fx-num-pop{40%{transform:scale(1.12);text-shadow:0 0 24px rgba(255,122,24,.75)}}\n@media (prefers-reduced-motion:reduce){#fluxora-elementor .fx-glint{display:none}#fluxora-elementor .hero__media{animation:none;filter:none;opacity:1}#fluxora-elementor .fx-wi{transform:none!important;filter:none!important;opacity:1!important;animation:none!important}}\n\n\/* FX MOBILE: posicao da foto e profundidade no celular *\/\n#fluxora-elementor{overflow-x:clip}\n@media (max-width:767px){\n#fluxora-elementor .hero{overflow:hidden;overflow:clip}\n#fluxora-elementor .hero__video,#fluxora-elementor .hero__video.is-ready{object-position:56% center;transform-origin:56% 45%;filter:contrast(1.1) saturate(1.12)}\n#fluxora-elementor .hero__media{translate:none!important}\n#fluxora-elementor .hero__media{position:fixed;left:0;right:0;top:0;bottom:auto;height:clamp(540px,90svh,700px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.2) 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.2) 92%,transparent 100%)}\n#fluxora-elementor .hero__scrim{background:radial-gradient(120% 70% at 62% 34%,rgba(0,0,0,0) 30%,rgba(10,3,0,.55) 72%,rgba(8,2,0,.9) 100%),linear-gradient(0deg,rgba(9,2,0,.96) 0%,rgba(9,2,0,.78) 26%,rgba(9,2,0,.35) 50%,rgba(0,0,0,0) 66%),linear-gradient(180deg,rgba(8,2,0,.7) 0%,rgba(0,0,0,0) 20%),linear-gradient(90deg,rgba(10,3,0,.55) 0%,rgba(10,3,0,0) 55%)}\n#fluxora-elementor .hero__title{text-shadow:0 4px 24px rgba(10,3,0,.7),0 1px 2px rgba(0,0,0,.4)}\n#fluxora-elementor .hero__sub{text-shadow:0 2px 14px rgba(10,3,0,.8)}\n}\n<\/style>\n<script>(function(){\nvar root=document.getElementById('fluxora-elementor');if(!root||root.getAttribute('data-fx'))return;root.setAttribute('data-fx','1');\nvar reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\nfunction split(el){if(!el||el.classList.contains('fx-split'))return;var i=0;\nfunction walk(node){Array.prototype.slice.call(node.childNodes).forEach(function(n){if(n.nodeType===3){var parts=n.textContent.split(\/(\\s+)\/),frag=document.createDocumentFragment();parts.forEach(function(p){if(!p)return;if(\/^\\s+$\/.test(p)){frag.appendChild(document.createTextNode(' '));return;}var o=document.createElement('span');o.className='fx-w';var inn=document.createElement('span');inn.className='fx-wi';inn.style.setProperty('--i',i++);inn.textContent=p;o.appendChild(inn);frag.appendChild(o);});node.replaceChild(frag,n);}else if(n.nodeType===1&&n.tagName!=='BR'&&n.tagName.toLowerCase()!=='svg'){walk(n);}});}\nwalk(el);el.classList.add('fx-split');}\nsplit(root.querySelector('.hero__title'));split(root.querySelector('.hero__sub'));\nvar media=root.querySelector('.hero__media');\nif(media&&!media.querySelector('.fx-glint')){var g=document.createElement('span');g.className='fx-glint';g.setAttribute('aria-hidden','true');media.appendChild(g);}\nif(!reduce&&window.matchMedia('(hover: hover) and (pointer: fine)').matches){\nif(media){var raf=0,px=0,py=0;root.addEventListener('pointermove',function(e){px=e.clientX\/window.innerWidth-.5;py=e.clientY\/window.innerHeight-.5;if(!raf)raf=requestAnimationFrame(function(){raf=0;media.style.translate=(px*-22).toFixed(1)+'px '+(py*-14).toFixed(1)+'px';});});root.addEventListener('pointerleave',function(){media.style.translate='0px 0px';});}\nroot.querySelectorAll('.btn').forEach(function(b){b.addEventListener('pointermove',function(e){var r=b.getBoundingClientRect();b.style.translate=((e.clientX-r.left-r.width\/2)*.22).toFixed(1)+'px '+((e.clientY-r.top-r.height\/2)*.35).toFixed(1)+'px';});b.addEventListener('pointerleave',function(){b.style.translate='0px 0px';});});}\nvar items=[];root.querySelectorAll('.stat__value').forEach(function(el){var t=el.textContent.trim();var m=t.match(\/^([^0-9]*)([0-9]+(?:[.,][0-9]+)?)(.*)$\/);if(!m){split(el);return;}var dec=(m[2].split(\/[.,]\/)[1]||'').length,sep=m[2].indexOf(',')>-1?',':'.';var it={el:el,pre:m[1],suf:m[3],to:parseFloat(m[2].replace(',','.')),dec:dec,sep:sep};items.push(it);if(!reduce)el.textContent=it.pre+(0).toFixed(dec).replace('.',sep)+it.suf;});\nif(!items.length||reduce)return;\nfunction run(it,delay){setTimeout(function(){var d=2200,s=null;function f(ts){if(s===null)s=ts;var p=Math.min(1,(ts-s)\/d),e=p===1?1:1-Math.pow(2,-10*p);it.el.textContent=it.pre+(it.to*e).toFixed(it.dec).replace('.',it.sep)+it.suf;if(p<1)requestAnimationFrame(f);else it.el.classList.add('fx-done');}requestAnimationFrame(f);},delay);}\nvar box=root.querySelector('.hero__stats')||items[0].el;\nif('IntersectionObserver' in window){var io=new IntersectionObserver(function(en){en.forEach(function(x){if(x.isIntersecting){io.disconnect();items.forEach(function(it,i){run(it,700+i*180);});}});},{threshold:.35});io.observe(box);}else items.forEach(function(it,i){run(it,700+i*180);});\n})();<\/script>\n\n\n<script>\/* FX OPEN: abre sempre no topo *\/(function(){if(location.hash)return;try{if('scrollRestoration' in history)history.scrollRestoration='manual';}catch(e){}function top(){window.scrollTo(0,0);}top();window.addEventListener('load',top);window.addEventListener('pageshow',function(e){if(e.persisted)top();});})();<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6336548 e-con-full e-flex e-con e-parent\" data-id=\"6336548\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 00 \u00b7 BASE =================\nCole PRIMEIRO, num widget HTML pr\u00f3prio (uma vez s\u00f3 na p\u00e1gina).\nCarrega fontes, cores, bot\u00f5es, anima\u00e7\u00f5es, pr\u00e9via em tela cheia e bot\u00e3o do WhatsApp.\nAs outras dobras dependem dela.\n===================================================== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Inter+Tight:wght@500;600;700&family=Instrument+Serif:ital@0;1&display=swap\">\n<style>\n.oct{\n  --bg:#050505;--bg-2:#0C0C0D;--card:#111112;--card-2:#1B1B1C;\n  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.15);\n  --text:#FFFFFF;--muted:#A3A3A3;--dim:#5E5E5E;\n  --acc:#FF3D00;--acc-2:#FF8A1F;--acc-3:#FFC46B;--acc-rgb:255,61,0;--acc2-rgb:255,138,31;\n  --grad:linear-gradient(96deg,#FF3D00 0%,#FF8A1F 100%);\n  --head:\"Inter Tight\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n  --sans:\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n  --serif:\"Instrument Serif\",Georgia,\"Times New Roman\",serif;\n  --gut:clamp(16px,4vw,48px);--max:1180px;--ease:cubic-bezier(.2,.8,.2,1);\n  color-scheme:dark;position:relative;isolation:isolate;text-align:left;\n  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);\n  background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip\n}\n.oct *,.oct *::before,.oct *::after{box-sizing:border-box}\n.oct h1,.oct h2,.oct h3,.oct h4,.oct p,.oct ul,.oct figure{margin:0;padding:0;text-transform:none;border:0}\n.oct h1,.oct h2,.oct h3,.oct h4{font-family:var(--head);color:inherit;font-weight:600;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}\n.oct a{color:inherit;text-decoration:none;box-shadow:none}\n.oct a:hover{color:inherit}\n.oct button{text-transform:none;letter-spacing:normal;line-height:normal;min-height:0;box-shadow:none;font-family:var(--sans)}\n.oct img{max-width:100%;height:auto;display:block;border:0;border-radius:0;box-shadow:none}\n.oct ::selection{background:var(--acc);color:#fff}\n.oct :focus-visible{outline:2px solid var(--acc-2);outline-offset:4px;border-radius:8px}\nhtml{scroll-behavior:smooth}\nhtml,body{overflow-x:clip}\n\n\/* dobras separadas *\/\n.oct.fold{padding-block:clamp(80px,10vw,130px);border-top:1px solid var(--line)}\n.oct.fold::before{content:\"\";position:absolute;top:-1px;left:50%;width:min(420px,60%);height:1px;transform:translateX(-50%);background:var(--grad);opacity:.7}\n.oct.alt{background:var(--bg-2)}\n.oct.glow{background:radial-gradient(900px 500px at 85% 0%,rgba(var(--acc-rgb),.10),transparent 60%),var(--bg)}\n.oct.alt.glow{background:radial-gradient(900px 500px at 10% 0%,rgba(var(--acc-rgb),.09),transparent 60%),var(--bg-2)}\n\n.oct .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}\n.oct em.s{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}\n.oct .label{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}\n.oct .label::before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--grad)}\n.oct .sh{max-width:660px;margin-bottom:56px}\n.oct .sh h2{font-size:clamp(34px,4.8vw,58px);margin-top:18px}\n.oct .fade{color:rgba(255,255,255,.38)}\n.oct .sh p{color:var(--muted);margin-top:18px;max-width:52ch}\n.oct .sh.center{margin-inline:auto;text-align:center}\n.oct .sh.center p{margin-inline:auto}\n\n.oct .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;font-size:15px;font-weight:500;border:1px solid var(--line-2);background:var(--card);color:var(--text);transition:background .3s,border-color .3s,transform .3s var(--ease),box-shadow .3s;white-space:nowrap;cursor:pointer;font-family:var(--sans)}\n.oct .btn:hover{border-color:var(--acc-2);color:var(--text)}\n.oct .btn .a{transition:transform .3s var(--ease)}\n.oct .btn:hover .a{transform:translateX(4px)}\n.oct .btn-v{background:var(--grad);border-color:transparent;color:#fff;padding:7px 7px 7px 22px;box-shadow:0 10px 40px -12px rgba(var(--acc-rgb),.85)}\n.oct .btn-v:hover{box-shadow:0 14px 50px -8px rgba(var(--acc-rgb),1);color:#fff}\n.oct .btn-v .a{width:32px;height:32px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:14px}\n\n.oct .slot-in{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:14px;padding:20px;text-align:center}\n.oct .slot-in .plus{width:52px;height:52px;border-radius:14px;border:1.5px dashed var(--muted);display:grid;place-items:center;font-size:24px;color:var(--text)}\n\n\/* anima\u00e7\u00f5es de entrada *\/\n.oct .rv{transition:opacity 1s var(--ease),transform 1s var(--ease)}\n.oct .rv.pre{opacity:0;transform:translateY(34px)}\n.oct .split .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}\n.oct .split .wd>span{display:inline-block;transition:transform 1s var(--ease)}\n.oct .split.pre{opacity:1;transform:none}\n.oct .split.pre .wd>span{transform:translateY(110%)}\n\n\/* bot\u00e3o flutuante do WhatsApp *\/\n.oct-base{height:0;overflow:visible!important;background:none!important;position:relative;z-index:99990}\n.oct .fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:44;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.35);transform:scale(0);transition:transform .5s var(--ease)}\n.oct .fab.show{transform:scale(1)}\n.oct .fab svg{width:28px;height:28px;fill:#fff}\n\n\/* pr\u00e9via em tela cheia *\/\n.oct .lb{position:fixed;inset:0;z-index:9999;display:grid;grid-template-rows:auto 1fr auto auto;background:rgba(3,3,3,.95);padding:calc(14px + env(safe-area-inset-top,0px)) var(--gut) calc(14px + env(safe-area-inset-bottom,0px));clip-path:circle(0% at var(--ox,50%) var(--oy,50%));visibility:hidden;transition:clip-path .8s var(--ease),visibility 0s .8s;overflow:hidden}\n.oct .lb.open{clip-path:circle(150% at var(--ox,50%) var(--oy,50%));visibility:visible;transition:clip-path .8s var(--ease),visibility 0s}\n.oct .lb-bg{position:absolute;inset:-10%;z-index:-1;opacity:.3;filter:blur(60px) saturate(1.3);background-size:cover;background-position:center}\n.oct .lb-bg::after{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,transparent,rgba(3,3,3,.92))}\n.oct .lb-top{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1400px;width:100%;margin:0 auto}\n.oct .lb-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}\n.oct .lb-count b{color:var(--text);font-weight:600}\n.oct .lb-x,.oct .lb-nav{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:rgba(20,20,20,.75);color:var(--text);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s var(--ease)}\n.oct .lb-x:hover,.oct .lb-nav:hover{border-color:var(--acc-2);background:rgba(var(--acc-rgb),.25)}\n.oct .lb-stage{position:relative;display:grid;place-items:center;min-height:0;touch-action:pan-y;user-select:none}\n.oct .lb-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 40px 120px -30px rgba(0,0,0,.9),0 0 0 1px var(--line);transition:transform .55s var(--ease),opacity .45s,filter .45s;cursor:zoom-in}\n.oct .lb-stage img.zoom{transform:scale(1.7);cursor:zoom-out}\n.oct .lb-stage img.go-l{opacity:0;transform:translateX(-60px) scale(.96);filter:blur(10px)}\n.oct .lb-stage img.go-r{opacity:0;transform:translateX(60px) scale(.96);filter:blur(10px)}\n.oct .lb-stage img.pop{animation:octPop .7s var(--ease) both}\n@keyframes octPop{from{opacity:0;transform:scale(.9) translateY(20px);filter:blur(12px)}}\n.oct .lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}\n.oct .lb-nav.prev{left:0}\n.oct .lb-nav.next{right:0}\n.oct .lb-nav:hover{transform:translateY(-50%) scale(1.06)}\n.oct .lb-info{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;max-width:1180px;width:100%;margin:16px auto 0}\n.oct .lb-info .cat{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-2)}\n.oct .lb-info h3{font-size:clamp(22px,2.6vw,32px);margin-top:6px}\n.oct .lb-info p{color:var(--muted);font-size:14.5px;margin-top:6px;max-width:60ch}\n.oct .lb-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px 2px 2px;max-width:1400px;width:100%;margin:0 auto;scroll-behavior:smooth}\n.oct .lb-thumbs::-webkit-scrollbar{display:none}\n.oct .lb-thumbs button{flex:none;width:86px;aspect-ratio:808\/632;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--card-2);cursor:pointer;opacity:.45;transition:opacity .3s,border-color .3s,transform .3s var(--ease)}\n.oct .lb-thumbs button img{width:100%;height:100%;object-fit:cover}\n.oct .lb-thumbs button:hover{opacity:.85;transform:translateY(-3px)}\n.oct .lb-thumbs button.on{opacity:1;border-color:var(--acc-2)}\n.oct .lb-hint{font-size:11px;color:var(--dim);letter-spacing:.08em}\n@media (max-width:700px){.oct .lb-nav{top:auto;bottom:-4px;transform:none;width:42px;height:42px}\n.oct .lb-nav:hover{transform:none}\n.oct .lb-info .btn{width:100%;justify-content:center}\n.oct .lb-thumbs button{width:64px}\n.oct .lb-hint{display:none}}\n\n@media (prefers-reduced-motion:reduce){.oct *,.oct *::before,.oct *::after{animation:none!important;transition:none!important}\n.oct .rv.pre,.oct .split.pre .wd>span{opacity:1;transform:none}}\n<\/style>\n\n<div class=\"oct oct-base\" id=\"oct-base\">\n  <div class=\"lb\" id=\"octLb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Pr\u00e9via do projeto\" aria-hidden=\"true\">\n    <div class=\"lb-bg\" id=\"octLbBg\"><\/div>\n    <div class=\"lb-top\"><span class=\"lb-count\" id=\"octLbCount\"><\/span><span class=\"lb-hint\">\u2190 \u2192 para navegar \u00b7 clique na imagem para ampliar \u00b7 ESC para fechar<\/span><button class=\"lb-x\" id=\"octLbClose\" type=\"button\" aria-label=\"Fechar pr\u00e9via\">\u2715<\/button><\/div>\n    <div class=\"lb-stage\" id=\"octLbStage\">\n      <button class=\"lb-nav prev\" id=\"octLbPrev\" type=\"button\" aria-label=\"Projeto anterior\">\u2190<\/button>\n      <img id=\"octLbImg\" alt=\"\">\n      <button class=\"lb-nav next\" id=\"octLbNext\" type=\"button\" aria-label=\"Pr\u00f3ximo projeto\">\u2192<\/button>\n    <\/div>\n    <div class=\"lb-info\"><div><span class=\"cat\" id=\"octLbCat\"><\/span><h3 id=\"octLbTitle\"><\/h3><p id=\"octLbDesc\"><\/p><\/div><a class=\"btn btn-v\" id=\"octLbLink\" href=\"#\" target=\"_blank\" rel=\"noopener\">Ver case no Behance <span class=\"a\">\u2197<\/span><\/a><\/div>\n    <div class=\"lb-thumbs\" id=\"octLbThumbs\"><\/div>\n  <\/div>\n  <a class=\"fab\" id=\"octFab\" href=\"https:\/\/wa.me\/5512991565522?text=Ol%C3%A1%2C%20Octopus!\" target=\"_blank\" rel=\"noopener\" aria-label=\"Falar no WhatsApp\"><svg viewBox=\"0 0 24 24\"><path d=\"M17.5 14.4c-.3-.1-1.8-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.4-.5c.2-.2.2-.3.3-.5.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.3zM12 21.8c-1.8 0-3.5-.5-5-1.4l-.4-.2-3.7 1 1-3.6-.2-.4C2.7 15.6 2.2 13.8 2.2 12 2.2 6.6 6.6 2.2 12 2.2c2.6 0 5.1 1 6.9 2.9 1.8 1.8 2.9 4.3 2.9 6.9 0 5.4-4.4 9.8-9.8 9.8zm8.4-18.2C18.1 1.3 15.2.1 12 .1 5.5.1.1 5.5.1 12c0 2.1.5 4.1 1.6 5.9L0 24l6.3-1.7c1.7.9 3.7 1.4 5.7 1.4 6.5 0 11.9-5.3 11.9-11.9 0-3.2-1.2-6.1-3.5-8.2z\"\/><\/svg><\/a>\n<\/div>\n\n<script>\n(function(){\nif(window.OCT&&window.OCT.ready)return;\nconst O=window.OCT=window.OCT||{};O.items=O.items||[];O.ready=true;\nO.RM=matchMedia('(prefers-reduced-motion: reduce)').matches;\nO.pad=n=>String(n).padStart(2,'0');\nconst $=id=>document.getElementById(id);\n\n\/* t\u00edtulos palavra por palavra + revelar ao rolar *\/\nfunction split(root){root.querySelectorAll('.split:not([data-sp])').forEach(h=>{h.dataset.sp=1;\n  const walk=n=>[...n.childNodes].forEach(c=>{\n    if(c.nodeType===3){const f=document.createDocumentFragment();\n      c.textContent.split(\/(\\s+)\/).forEach(p=>{if(!p)return;if(\/^\\s+$\/.test(p)){f.appendChild(document.createTextNode(' '));return;}\n        const w=document.createElement('span');w.className='wd';const s=document.createElement('span');s.textContent=p;w.appendChild(s);f.appendChild(w);});\n      c.replaceWith(f);}\n    else if(c.nodeType===1&&c.classList.contains('s')){const w=document.createElement('span');w.className='wd';c.replaceWith(w);const s=document.createElement('span');s.appendChild(c);w.appendChild(s);}\n    else if(c.nodeType===1&&c.tagName!=='BR')walk(c);});\n  walk(h);h.querySelectorAll('.wd').forEach((w,i)=>w.firstChild.style.transitionDelay=(i*.05)+'s');});}\nconst io=O.RM?null:new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.remove('pre');io.unobserve(e.target);}}),{threshold:.1,rootMargin:'0px 0px -5% 0px'});\nO.reveal=function(root){if(!root||root.dataset.octInit)return;root.dataset.octInit=1;split(root);if(O.RM)return;\n  root.querySelectorAll('.rv').forEach((el,i)=>{if(el.getBoundingClientRect().top>innerHeight*.9){el.classList.add('pre');el.style.transitionDelay=el.style.transitionDelay||((i%3)*.08)+'s';io.observe(el);}});};\n(window.OCTQ||[]).forEach(O.reveal);window.OCTQ={push:O.reveal};\nconst all=()=>document.querySelectorAll('.oct.fold').forEach(O.reveal);\ndocument.readyState==='loading'?document.addEventListener('DOMContentLoaded',all):setTimeout(all,0);\n\n\/* bot\u00e3o flutuante *\/\nconst fab=$('octFab');const onS=()=>fab.classList.toggle('show',scrollY>innerHeight*.6);addEventListener('scroll',onS,{passive:true});onS();\n\n\/* pr\u00e9via em tela cheia (usa os projetos registrados pelas dobras Portf\u00f3lio e Acervo) *\/\nconst LB={el:$('octLb'),img:$('octLbImg'),i:0,open:false,last:null,n:0};let thumbs=[];\nfunction buildThumbs(){if(LB.n===O.items.length)return;LB.n=O.items.length;\n  $('octLbThumbs').innerHTML=O.items.map((p,i)=>`<button type=\"button\" data-i=\"${i}\" aria-label=\"${p.t}\"><img decoding=\"async\" src=\"${p.img}\" alt=\"\" loading=\"lazy\"><\/button>`).join('');\n  thumbs=[...$('octLbThumbs').children];thumbs.forEach(b=>b.onclick=()=>{const k=+b.dataset.i;if(k!==LB.i)set(k,k>LB.i?1:-1)});}\nfunction set(i,dir){const A=O.items;i=(i+A.length)%A.length;const p=A[i],img=LB.img;\n  const show=()=>{img.src=p.img;img.alt=p.t;img.className='pop';$('octLbBg').style.backgroundImage=`url(\"${p.img}\")`;\n    $('octLbCat').textContent=p.c+(p.y?' \u00b7 '+p.y:'');$('octLbTitle').textContent=p.t;$('octLbDesc').textContent=p.d||'Projeto criado pela Octopus. Veja todas as telas e detalhes do case no Behance.';\n    $('octLbLink').href=p.url;$('octLbCount').innerHTML=`<b>${O.pad(i+1)}<\/b> \/ ${O.pad(A.length)}`;\n    thumbs.forEach((b,k)=>b.classList.toggle('on',k===i));const tb=thumbs[i];if(tb)tb.parentElement.scrollLeft=tb.offsetLeft-tb.parentElement.clientWidth\/2+tb.clientWidth\/2;\n    [1,-1].forEach(o=>{const n=new Image();n.src=A[(i+o+A.length)%A.length].img});};\n  LB.i=i;if(dir&&!O.RM){img.className=dir>0?'go-l':'go-r';setTimeout(show,260);}else show();}\nfunction open(i,ev){if(i<0)return;buildThumbs();LB.last=document.activeElement;\n  LB.el.style.setProperty('--ox',(ev?ev.clientX:innerWidth\/2)+'px');LB.el.style.setProperty('--oy',(ev?ev.clientY:innerHeight\/2)+'px');\n  set(i);LB.el.classList.add('open');LB.el.setAttribute('aria-hidden','false');LB.open=true;document.body.style.overflow='hidden';setTimeout(()=>$('octLbClose').focus(),50);}\nfunction close(){LB.el.classList.remove('open');LB.el.setAttribute('aria-hidden','true');LB.open=false;LB.img.classList.remove('zoom');document.body.style.overflow='';if(LB.last)LB.last.focus({preventScroll:true});}\nconst idx=src=>O.items.findIndex(p=>p.img===src);\ndocument.addEventListener('click',e=>{const a=e.target.closest('.oct [data-prev]');if(!a||e.ctrlKey||e.metaKey)return;const i=idx(a.dataset.prev);if(i<0)return;e.preventDefault();open(i,e);});\ndocument.addEventListener('keydown',e=>{\n  if(!LB.open){const a=e.target.closest&&e.target.closest('.oct [data-prev][role=button]');if(a&&(e.key==='Enter'||e.key===' ')){e.preventDefault();open(idx(a.dataset.prev));}return;}\n  if(e.key==='Escape')close();if(e.key==='ArrowRight')set(LB.i+1,1);if(e.key==='ArrowLeft')set(LB.i-1,-1);});\n$('octLbClose').onclick=close;$('octLbPrev').onclick=()=>set(LB.i-1,-1);$('octLbNext').onclick=()=>set(LB.i+1,1);\nLB.img.onclick=e=>{if(LB.moved)return;const r=LB.img.getBoundingClientRect();LB.img.style.transformOrigin=`${(e.clientX-r.left)\/r.width*100}% ${(e.clientY-r.top)\/r.height*100}%`;LB.img.classList.toggle('zoom')};\nlet sx=null;const st=$('octLbStage');st.addEventListener('pointerdown',e=>{sx=e.clientX;LB.moved=false});\nst.addEventListener('pointerup',e=>{if(sx===null)return;const dx=e.clientX-sx;sx=null;if(Math.abs(dx)>50&&!LB.img.classList.contains('zoom')){LB.moved=true;set(LB.i+(dx<0?1:-1),dx<0?1:-1);setTimeout(()=>LB.moved=false,50);}});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab3d0be e-con-full e-flex e-con e-parent\" data-id=\"ab3d0be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 01 \u00b7 CLIENTES (faixa de marcas) ================= -->\n<style>\n.oct-clients.fold{padding-block:56px 60px;text-align:center}\n.oct-clients .label{margin-bottom:28px}\n.oct-clients .mq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}\n.oct-clients .mq-row{display:flex;width:max-content;animation:octMq 50s linear infinite}\n.oct-clients .mq-row.rev{animation-direction:reverse;animation-duration:58s;margin-top:10px}\n.oct-clients .mq-row span{font-family:var(--head);font-weight:500;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.03em;padding-inline:22px;color:#D4D4D4;display:flex;align-items:center;gap:44px;white-space:nowrap}\n.oct-clients .mq-row span::after{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--grad)}\n.oct-clients .mq-row.rev span{color:var(--dim)}\n.oct-clients .mq:hover .mq-row{animation-play-state:paused}\n@keyframes octMq{to{transform:translateX(-50%)}}\n<\/style>\n<section class=\"oct fold oct-clients\" id=\"oct-clientes\" aria-label=\"Clientes\">\n  <span class=\"label\">Marcas que confiaram na Octopus<\/span>\n  <div class=\"mq\"><div class=\"mq-row\" data-row=\"1\"><\/div><div class=\"mq-row rev\" data-row=\"2\"><\/div><\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('oct-clientes');\nconst CLIENTS1=[\"Kamilla Brazil\",\"Carol Yumi\",\"Felipe C\u00edlios\",\"Waltinho Foguete\",\"Instituto Carly\",\"Daiane Lima\",\"Viviane Tiemi\",\"Sasa Pereira\",\"Nathalia Emilia\",\"Kassia Xavier\",\"Jessica Demeti\",\"Paola Ramos\",\"Unna App\",\"Teffy\"];\nconst CLIENTS2=[\"Jos\u00e9 Granado Im\u00f3veis\",\"RP Terraplenagem\",\"JFL Psicologia\",\"Mor\u00e8 Gastronomia\",\"Barum\u00e9 Joias\",\"Yotta Rastreadores\",\"Totale Feiras e Eventos\",\"Dinastia Lash\"];\nconst fill=(r,a)=>{const h=a.map(x=>`<span>${x}<\/span>`).join('');r.innerHTML=h+h};\nfill(el.querySelector('[data-row=\"1\"]'),CLIENTS1);fill(el.querySelector('[data-row=\"2\"]'),CLIENTS2);\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a70980 e-con-full e-flex e-con e-parent\" data-id=\"8a70980\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 02 \u00b7 PORTF\u00d3LIO (cases em destaque) =================\nEdite a lista FEATURED no script. As imagens do Behance t\u00eam 808\u00d7632 px,\nent\u00e3o os cards usam essa mesma propor\u00e7\u00e3o: a arte aparece inteira, sem corte.\n============================================================================ -->\n<style>\n.oct-port .stack{display:flex;flex-direction:column;gap:24px}\n.oct-port .case{position:relative;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden;transition:border-color .4s}\n.oct-port .case .media{position:relative;display:block;aspect-ratio:808\/632;background:var(--card-2);cursor:zoom-in;align-self:center}\n.oct-port .case .media img{width:100%;height:100%;object-fit:contain}\n.oct-port .case .media::after{content:\"Ver pr\u00e9via \u2922\";position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:999px;background:rgba(5,5,5,.75);backdrop-filter:blur(8px);font-size:13px;border:1px solid var(--line-2);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease)}\n.oct-port .case:hover .media::after{opacity:1;transform:none}\n.oct-port .case .body{padding:clamp(24px,3.4vw,44px);display:flex;flex-direction:column;gap:18px}\n.oct-port .case .meta{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--acc-2);text-transform:uppercase;padding-bottom:16px;border-bottom:1px solid var(--line)}\n.oct-port .case h3{font-size:clamp(26px,2.8vw,36px)}\n.oct-port .case p{color:var(--muted);font-size:15px;max-width:42ch}\n.oct-port .case .tags{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;display:flex;gap:14px;flex-wrap:wrap}\n.oct-port .case .btn{align-self:flex-start;padding:9px 18px;font-size:14px}\n.oct-port .case:nth-child(even){grid-template-columns:1fr 1.1fr}\n.oct-port .case:nth-child(even) .media{order:2}\n.oct-port .case:hover{border-color:rgba(var(--acc-rgb),.35)}\n@media (max-width:820px){.oct-port .case,.oct-port .case:nth-child(even){grid-template-columns:1fr}\n.oct-port .case:nth-child(even) .media{order:0}\n.oct-port .case .tags{margin-top:0}\n.oct-port .case .body{gap:12px}}\n<\/style>\n<section class=\"oct fold glow oct-port\" id=\"portfolio\">\n  <div class=\"wrap\">\n    <div class=\"sh\">\n      <span class=\"label\">Portf\u00f3lio<\/span>\n      <h2 class=\"split rv\">Projetos que elevam marcas <span class=\"fade\">de todos os nichos.<\/span><\/h2>\n      <p class=\"rv\">Cada projeto parte do neg\u00f3cio do cliente: o que ele vende, pra quem e onde. O visual vem depois, a servi\u00e7o disso.<\/p>\n    <\/div>\n    <div class=\"stack\" data-stack><\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('portfolio');\nconst FEATURED = [\n  {t:\"Kamilla Brazil\", y:\"2026\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/52cf65239336287.Y3JvcCwxMTcyLDkxNiwzNzQsMA.png\", url:\"https:\/\/www.behance.net\/gallery\/239336287\/Pagina-de-Links-Kamilla-Brazil\",\n   d:\"P\u00e1gina de links para especialista em loiras e forma\u00e7\u00e3o de cabeleireiros, com cursos, mentorias e agendamento direto no WhatsApp.\", tags:[\"Web design\",\"Link na bio\",\"Beleza\"]},\n  {t:\"Daiane Lima\", y:\"2026\", c:\"Lan\u00e7amento\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/70fe8d245802339.Y3JvcCw4MjA4LDY0MjAsMCwyMA.png\", url:\"https:\/\/www.behance.net\/gallery\/245802339\/Projeto-Daiane-Lima\",\n   d:\"Projeto de lan\u00e7amento para Daiane Lima, do M\u00e9todo Pronails, com artes e pe\u00e7as digitais na mesma linha visual.\", tags:[\"Lan\u00e7amento\",\"Criativos\",\"Beleza\"]},\n  {t:\"P\u00e1ginas de Link \u2014 Diversos\", y:\"2025\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/899f78237255807.Y3JvcCwxNDE3LDExMDgsMCww.png\", url:\"https:\/\/www.behance.net\/gallery\/237255807\/Paginas-de-Link-Diversos\",\n   d:\"Sele\u00e7\u00e3o de p\u00e1ginas de links para profissionais de v\u00e1rios nichos, cada uma com a identidade do cliente e bot\u00f5es diretos para o WhatsApp.\", tags:[\"Web design\",\"Link na bio\",\"V\u00e1rios nichos\"]},\n  {t:\"Felipe C\u00edlios\", y:\"2026\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/0d2a72248724477.Y3JvcCwxMTE3LDg3MywwLDcx.png\", url:\"https:\/\/www.behance.net\/gallery\/248724477\/Link-Bio-Felipe-Cilios\",\n   d:\"Link na bio para educador em extens\u00e3o de c\u00edlios, com cursos, agenda e contato direto no WhatsApp.\", tags:[\"Web design\",\"Link na bio\",\"Beleza\"]},\n  {t:\"Carol Yumi\", y:\"2025\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/e34c3b239105007.Y3JvcCwxMjkwLDEwMDksMzQxLDU0.png\", url:\"https:\/\/www.behance.net\/gallery\/239105007\/Pagina-de-Links-Carol-Yumi-Lash-Designer\",\n   d:\"P\u00e1gina de links para lash designer, com servi\u00e7os, cursos e agendamento direto no WhatsApp.\", tags:[\"Web design\",\"Link na bio\",\"Beleza\"]},\n  {t:\"Viviane Tiemi\", y:\"2025\", c:\"Apps & sistemas\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/fa1ab7237255599.Y3JvcCwxMDgwLDg0NCwwLDE5NQ.png\", url:\"https:\/\/www.behance.net\/gallery\/237255599\/Viviane-Tiemi-Area-de-Membro\",\n   d:\"\u00c1rea de membros para os cursos de Viviane Tiemi, com as aulas organizadas e acesso f\u00e1cil para as alunas.\", tags:[\"\u00c1rea de membros\",\"UI\",\"Educa\u00e7\u00e3o\"]},\n];\nconst O=window.OCT=window.OCT||{};O.items=O.items||[];\nFEATURED.forEach(p=>{if(!O.items.some(x=>x.img===p.img))O.items.push(p)});\nel.querySelector('[data-stack]').innerHTML=FEATURED.map((p,i)=>`\n <article class=\"case\" style=\"--i:${i}\">\n   <a class=\"media\" href=\"${p.url}\" data-prev=\"${p.img}\"><img loading=\"lazy\" decoding=\"async\" src=\"${p.img}\" alt=\"${p.t}\" loading=\"lazy\" width=\"808\" height=\"632\"><\/a>\n   <div class=\"body\">\n     <div class=\"meta\">${p.y} \u00b7 ${p.c}<\/div>\n     <h3>${p.t}<\/h3><p>${p.d}<\/p>\n     <a class=\"btn\" href=\"${p.url}\" data-prev=\"${p.img}\">Ver projeto <span class=\"a\">\u2192<\/span><\/a>\n     <div class=\"tags\">${p.tags.map(x=>`<span>${x}<\/span>`).join('')}<\/div>\n   <\/div>\n <\/article>`).join('');\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f458bc1 e-con-full e-flex e-con e-parent\" data-id=\"f458bc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 03 \u00b7 ACERVO (galeria horizontal) =================\nEdite a lista GALLERY no script.\nCards na propor\u00e7\u00e3o real das imagens (808\u00d7632), sem zoom nem corte.\n========================================================================== -->\n<style>\n.oct-gal.fold{padding-block:0}\n.oct-gal .hpin{height:var(--pinh,300vh);position:relative}\n.oct-gal .hsticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:24px;padding-top:40px}\n.oct-gal .ghead{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;width:100%}\n.oct-gal .ghead h2{font-size:clamp(30px,4vw,48px);margin-top:14px}\n.oct-gal .gside{display:flex;flex-direction:column;gap:12px;align-items:flex-end}\n.oct-gal .gcount{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}\n.oct-gal .htrack{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:min(26vw,calc((100svh - 330px)\/2*1.278));gap:26px 20px;padding-inline:var(--gut);width:max-content}\n.oct-gal .filters{display:flex;gap:6px;flex-wrap:wrap}\n.oct-gal .filters button{font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--muted);cursor:pointer;transition:all .3s}\n.oct-gal .filters button:hover{color:var(--text)}\n.oct-gal .filters button.on{background:var(--grad);border-color:transparent;color:#fff}\n.oct-gal .filters button small{opacity:.7;margin-left:4px;font-size:11px}\n.oct-gal .pcard.enter{animation:octCardIn .7s var(--ease) both}\n@keyframes octCardIn{from{opacity:0;transform:translateY(30px) scale(.96)}}\n.oct-gal .pcard{min-width:0;transform:scale(calc(1 - var(--p,0)*.06));opacity:calc(1 - var(--p,0)*.35)}\n.oct-gal .pcard a{display:block;cursor:zoom-in}\n.oct-gal .pm{position:relative;aspect-ratio:808\/632;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--card-2);transition:box-shadow .5s var(--ease)}\n.oct-gal .pm img{width:100%;height:100%;object-fit:contain}\n.oct-gal .pcard:hover .pm{box-shadow:0 0 0 1px rgba(var(--acc2-rgb),.55),0 20px 60px -20px rgba(var(--acc-rgb),.7)}\n.oct-gal .pm .go{position:absolute;right:12px;bottom:12px;padding:7px 13px;border-radius:999px;background:rgba(5,5,5,.75);backdrop-filter:blur(8px);font-size:12.5px;border:1px solid var(--line-2);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease)}\n.oct-gal .pcard:hover .go{opacity:1;transform:none}\n.oct-gal .pinfo{display:flex;justify-content:space-between;gap:14px;margin-top:10px;align-items:baseline}\n.oct-gal .pinfo h3{font-size:16px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.oct-gal .pinfo span{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap}\n.oct-gal .pcard.slot .pm{border:1.5px dashed var(--line-2);background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,255,255,.025) 12px 24px),var(--bg);display:grid;place-items:center}\n.oct-gal .hbar{height:2px;background:var(--line);border-radius:2px;position:relative;width:100%}\n.oct-gal .hbar i{position:absolute;inset:0;background:var(--grad);transform-origin:left;transform:scaleX(var(--prog,0))}\n.oct-gal .more{display:flex;justify-content:center;padding:10px var(--gut) clamp(70px,8vw,110px)}\n@media (max-width:900px){.oct-gal .gside{align-items:flex-start}\n.oct-gal .hpin{height:auto}\n.oct-gal .hsticky{position:relative;height:auto;padding-block:80px 40px}\n.oct-gal .htrack{display:flex;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none!important;scroll-padding-inline:var(--gut);padding-bottom:6px}\n.oct-gal .htrack::-webkit-scrollbar{display:none}\n.oct-gal .pcard{flex:none;scroll-snap-align:start;width:78vw;max-width:400px}\n.oct-gal .pm .go{opacity:1;transform:none}}\n<\/style>\n<section class=\"oct fold alt oct-gal\" id=\"acervo\">\n  <div class=\"hpin\" data-pin>\n    <div class=\"hsticky\">\n      <div class=\"wrap ghead\">\n        <div><span class=\"label\">Acervo completo<\/span><h2>Deslize pelo <em class=\"s\">acervo.<\/em><\/h2><\/div>\n        <div class=\"gside\"><div class=\"filters\" data-filters role=\"group\" aria-label=\"Filtrar projetos\"><\/div><span class=\"gcount\" data-count><\/span><\/div>\n      <\/div>\n      <div class=\"htrack\" data-track><\/div>\n      <div class=\"wrap\" style=\"width:100%\"><div class=\"hbar\" data-bar><i><\/i><\/div><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"more\"><a class=\"btn\" href=\"https:\/\/www.behance.net\/jonasdsg\" target=\"_blank\" rel=\"noopener\">Ver portf\u00f3lio completo no Behance <span class=\"a\">\u2197<\/span><\/a><\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('acervo');\nconst GALLERY = [\n  {t:\"Link Bio \u2014 Felipe C\u00edlios\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/0d2a72248724477.Y3JvcCwxMTE3LDg3MywwLDcx.png\", url:\"https:\/\/www.behance.net\/gallery\/248724477\/Link-Bio-Felipe-Cilios\"},\n  {t:\"Link Bio \u2014 Kamila Brasil\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/e80c36248723923.Y3JvcCwxMDE1LDc5NCwzMiw4NQ.png\", url:\"https:\/\/www.behance.net\/gallery\/248723923\/Link-bio-Personalizado-Kamila-Brasil\"},\n  {t:\"Projeto \u2014 Daiane Lima\", c:\"Lan\u00e7amento\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/70fe8d245802339.Y3JvcCw4MjA4LDY0MjAsMCwyMA.png\", url:\"https:\/\/www.behance.net\/gallery\/245802339\/Projeto-Daiane-Lima\"},\n  {t:\"Carol Yumi \u2014 Lash Designer\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/e34c3b239105007.Y3JvcCwxMjkwLDEwMDksMzQxLDU0.png\", url:\"https:\/\/www.behance.net\/gallery\/239105007\/Pagina-de-Links-Carol-Yumi-Lash-Designer\"},\n  {t:\"Viviane Tiemi \u2014 \u00c1rea de Membro\", c:\"Apps & sistemas\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/fa1ab7237255599.Y3JvcCwxMDgwLDg0NCwwLDE5NQ.png\", url:\"https:\/\/www.behance.net\/gallery\/237255599\/Viviane-Tiemi-Area-de-Membro\"},\n  {t:\"Criativo Lash Designer\", c:\"Social media\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/max_808\/7246bb252763353.Y3JvcCwxMDgwLDg0NCwwLDMxMA.png\", url:\"https:\/\/www.behance.net\/gallery\/252763353\/dsa\"},\n  {t:\"P\u00e1ginas de Links\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/c2eec5239422523.Y3JvcCwxMDgwLDg0NCwwLDI1MQ.jpg\", url:\"https:\/\/www.behance.net\/gallery\/239422523\/Paginas-de-Links\"},\n  {t:\"P\u00e1ginas de Link \u2014 Diversos\", c:\"Link na bio\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/899f78237255807.Y3JvcCwxNDE3LDExMDgsMCww.png\", url:\"https:\/\/www.behance.net\/gallery\/237255807\/Paginas-de-Link-Diversos\"},\n  {t:\"Palestra Beauty\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/max_808\/da7081237255327.Y3JvcCw1MjAsNDA3LDU0LDI3.png\", url:\"https:\/\/www.behance.net\/gallery\/237255327\/Palestra-Beauty\"},\n  {t:\"Evento Beauty \u2014 Sasa Pereira\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/f87dcc237255129.Y3JvcCwxMDEyLDc5MSwzNSww.png\", url:\"https:\/\/www.behance.net\/gallery\/237255129\/Evento-Beauty-Sasa-Pereira\"},\n  {t:\"Interlash \u2014 Nathalia Emilia\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/e1c98f237254911.Y3JvcCwxMDgwLDg0NCwwLDI2.png\", url:\"https:\/\/www.behance.net\/gallery\/237254911\/Interlash-Nathalia-Emilia\"},\n  {t:\"Educadoras Beauty Class\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/3cee26237254651.Y3JvcCwxMDgwLDg0NCwwLDI0Mw.png\", url:\"https:\/\/www.behance.net\/gallery\/237254651\/Educadora-Beauty-Class-Waltinho-Foguete\"},\n  {t:\"Educadoras Beauty Class \u2014 Orlando\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/a04729237253939.Y3JvcCwxMDgwLDg0NCwwLDI1MQ.png\", url:\"https:\/\/www.behance.net\/gallery\/237253939\/Educadora-Beauty-Class-Orlando\"},\n  {t:\"Educadoras Beauty \u2014 Rio de Janeiro\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/2fa3da214896607.Y3JvcCwxMDgwLDg0NCwwLDI1MQ.png\", url:\"https:\/\/www.behance.net\/gallery\/214896607\/Waltinho-Foguete-Educadoras-Beauty-Rio-de-Janeiro\"},\n  {t:\"Waltinho Foguete \u2014 Estrat\u00e9gia\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/dd7526237255261.Y3JvcCwxMDgwLDg0NCwwLDA.png\", url:\"https:\/\/www.behance.net\/gallery\/237255261\/Waltinho-Fogute\"},\n  {t:\"Waltinho Foguete \u2014 Criativos\", c:\"Social media\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/700c4b237254323.Y3JvcCw4MDksNjMyLDAsNTA.png\", url:\"https:\/\/www.behance.net\/gallery\/237254323\/Waltinho-Foguete\"},\n  {t:\"Mindset da Educadora Profissional\", c:\"Lan\u00e7amento\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/7ea8eb222944771.Y3JvcCwxMDgwLDg0NCwwLDU2.png\", url:\"https:\/\/www.behance.net\/gallery\/222944771\/Waltinho-Foguete-Mindset-da-Educadora-Profissional\"},\n  {t:\"The Circus \u2014 Kamila Lashes Goi\u00e2nia\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/7d8206223171017.Y3JvcCwxMDgwLDg0NCwwLDI1MQ.png\", url:\"https:\/\/www.behance.net\/gallery\/223171017\/The-Circus-Kamila-LAshes-Goiania\"},\n  {t:\"BLC \u2014 Brazilian Lamination\", c:\"Social media\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/7a654f221929107.Y3JvcCw0ODMsMzc3LDM3MSw1MjQ.png\", url:\"https:\/\/www.behance.net\/gallery\/221929107\/BLC-Brazilian-Lamination-\"},\n  {t:\"Mindset Magn\u00e9tico \u2014 Kassia Xavier\", c:\"Lan\u00e7amento\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/df8aa0221928379.Y3JvcCw4NzMsNjgyLDAsMTMz.png\", url:\"https:\/\/www.behance.net\/gallery\/221928379\/Mindset-Magntico-Area-da-Beleza-Kassia-Xavier\"},\n  {t:\"Jessica Demeti \u2014 Live Shop\", c:\"Lan\u00e7amento\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/04201f222944191.Y3JvcCwxMDgwLDg0NCwwLDI1MQ.png\", url:\"https:\/\/www.behance.net\/gallery\/222944191\/Jessica-Demeti-Criacao-de-Arte-para-lancamento\"},\n  {t:\"Master Class \u2014 Lashes de Excel\u00eancia\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/2c2585214898171.Y3JvcCwxMDgwLDg0NCwwLDA.png\", url:\"https:\/\/www.behance.net\/gallery\/214898171\/Masterf-Class-Lashes-de-Excelencia\"},\n  {t:\"Expo Lashes\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/12d6d3214898037.Y3JvcCw5OTUsNzc4LDc1NiwyMg.png\", url:\"https:\/\/www.behance.net\/gallery\/214898037\/Expo-Lashes-Projeto-Inicial\"},\n  {t:\"Mans\u00e3o das Lashes\", c:\"Eventos\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/690d07213211065.Y3JvcCwxMDI0LDgwMCwwLDcw.jpg\", url:\"https:\/\/www.behance.net\/gallery\/213211065\/Mansao-das-Lashes\"},\n  {t:\"Portf\u00f3lio \u2014 Lashes\", c:\"Social media\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/6ac765213211555.Y3JvcCwxNzI1LDEzNTAsMTgzNyww.png\", url:\"https:\/\/www.behance.net\/gallery\/213211555\/Portfolio-Lashes\"},\n];\nconst O=window.OCT=window.OCT||{};O.items=O.items||[];\nGALLERY.filter(p=>!p.slot).forEach(p=>{if(!O.items.some(x=>x.img===p.img))O.items.push(p)});\nconst RM=matchMedia('(prefers-reduced-motion: reduce)').matches;\nconst q=s=>el.querySelector(s),track=q('[data-track]'),hpin=q('[data-pin]'),hbar=q('[data-bar]'),gcount=q('[data-count]');\nlet pcards=[],cur='Todos';\nconst card=p=>p.slot?`\n <article class=\"pcard slot\"><div class=\"pm\"><div class=\"slot-in\"><span class=\"plus\">+<\/span><b style=\"color:var(--text);font-weight:500\">Espa\u00e7o reservado<\/b><span>Pr\u00f3ximo case entra aqui<\/span><\/div><\/div>\n   <div class=\"pinfo\"><h3>Novo projeto<\/h3><span>${p.c}<\/span><\/div><\/article>`:`\n <article class=\"pcard\"><a href=\"${p.url}\" data-prev=\"${p.img}\">\n   <div class=\"pm\"><img loading=\"lazy\" decoding=\"async\" src=\"${p.img}\" alt=\"${p.t}\" loading=\"lazy\" width=\"808\" height=\"632\"><span class=\"go\">Ver pr\u00e9via \u2922<\/span><\/div>\n   <div class=\"pinfo\"><h3>${p.t}<\/h3><span>${p.c}<\/span><\/div><\/a><\/article>`;\nfunction render(anim){\n  const list=cur==='Todos'?GALLERY:GALLERY.filter(p=>p.c===cur||p.slot);\n  track.innerHTML=list.map(card).join('');pcards=[...track.children];\n  gcount.textContent=list.filter(p=>!p.slot).length+' projetos';\n  if(anim&&!RM)pcards.forEach((c,i)=>{c.classList.add('enter');c.style.animationDelay=Math.min(i,10)*.04+'s';c.addEventListener('animationend',()=>c.classList.remove('enter'),{once:true})});\n}\nconst cats=['Todos',...new Set(GALLERY.filter(p=>!p.slot).map(p=>p.c))];\nq('[data-filters]').innerHTML=cats.map(c=>`<button type=\"button\" class=\"${c==='Todos'?'on':''}\" data-c=\"${c}\">${c}<small>${c==='Todos'?GALLERY.filter(p=>!p.slot).length:GALLERY.filter(p=>p.c===c).length}<\/small><\/button>`).join('');\nrender(false);\nconst desk=()=>innerWidth>900;\nfunction sizePin(){if(desk())hpin.style.setProperty('--pinh',(track.scrollWidth-innerWidth+innerHeight)+'px');else hpin.style.removeProperty('--pinh');}\nfunction cardFx(){const mid=innerWidth\/2;pcards.forEach(c=>{const r=c.getBoundingClientRect(),cc=r.left+r.width\/2,d=Math.max(-1,Math.min(1,(cc-mid)\/(innerWidth*.8)));c.style.setProperty('--p',Math.abs(d).toFixed(3));});}\nfunction onScroll(){if(!desk())return;const r=hpin.getBoundingClientRect(),dist=track.scrollWidth-innerWidth,p=Math.max(0,Math.min(1,-r.top\/(hpin.offsetHeight-innerHeight)));\n  track.style.transform=`translate3d(${-p*dist}px,0,0)`;hbar.style.setProperty('--prog',p);if(r.top<innerHeight&&r.bottom>0)cardFx();}\ntrack.addEventListener('scroll',()=>{if(desk())return;const m=track.scrollWidth-track.clientWidth;hbar.style.setProperty('--prog',m?track.scrollLeft\/m:0);cardFx();},{passive:true});\nlet tk=false;addEventListener('scroll',()=>{if(!tk){tk=true;requestAnimationFrame(()=>{onScroll();tk=false})}},{passive:true});\naddEventListener('resize',()=>{sizePin();onScroll();cardFx()});addEventListener('load',()=>{sizePin();onScroll();cardFx()});\nsizePin();onScroll();cardFx();\nq('[data-filters]').querySelectorAll('button').forEach(b=>b.onclick=()=>{\n  cur=b.dataset.c;q('[data-filters]').querySelectorAll('button').forEach(x=>x.classList.toggle('on',x===b));\n  render(true);track.scrollLeft=0;sizePin();\n  if(desk()){const top=hpin.getBoundingClientRect().top+scrollY;if(scrollY>top)scrollTo({top,behavior:'instant'});}\n  onScroll();cardFx();});\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-677228a e-con-full e-flex e-con e-parent\" data-id=\"677228a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 04 \u00b7 SOBRE + N\u00daMEROS =================\nPara trocar a foto, substitua o src da tag <img class=\"photo\">.\n============================================================== -->\n<style>\n.oct-about .about{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}\n.oct-about .portrait{position:relative;aspect-ratio:4\/5;border-radius:24px;border:1px solid var(--line);overflow:hidden;background:var(--card)}\n.oct-about .portrait .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:61% 30%;transition:transform 1.2s var(--ease)}\n.oct-about .portrait:hover .photo{transform:scale(1.04)}\n.oct-about .portrait::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,5,5,.9));pointer-events:none}\n.oct-about .portrait .cap{z-index:1;position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;font-weight:600;letter-spacing:.2em;color:#E5E5E5}\n.oct-about h2{font-size:clamp(32px,4.2vw,52px);margin-top:18px}\n.oct-about .txt p{color:var(--muted);margin-top:22px;max-width:52ch}\n.oct-about .txt .btn{margin-top:28px}\n.oct-about .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}\n.oct-about .nums b{display:block;font-family:var(--head);font-size:clamp(52px,8vw,108px);font-weight:600;letter-spacing:-.06em;line-height:1;background:linear-gradient(180deg,#fff 35%,var(--acc-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}\n.oct-about .nums>div>span{display:block;margin-top:12px;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}\n@media (max-width:820px){.oct-about .about{grid-template-columns:1fr}\n.oct-about .portrait{max-width:420px;width:100%}}\n@media (max-width:600px){.oct-about .nums{grid-template-columns:1fr 1fr}\n.oct-about .nums div:last-child{grid-column:1\/-1}}\n<\/style>\n<section class=\"oct fold oct-about\" id=\"sobre\">\n  <div class=\"wrap\">\n    <div class=\"about\">\n      <div class=\"portrait rv\">\n        <img decoding=\"async\" class=\"photo\" src=\"https:\/\/links.jonasdsg.com.br\/wp-content\/uploads\/2026\/09\/retrato-fluxora-visor.png\" alt=\"Jonas Rodrigues, fundador da Octopus Ag\u00eancia\">\n        <span class=\"cap\">JONAS RODRIGUES \u00b7 FUNDADOR<\/span>\n      <\/div>\n      <div class=\"txt\">\n        <span class=\"label\">Sobre a Octopus<\/span>\n        <h2 class=\"split rv\"><span class=\"fade\">Oito bra\u00e7os trabalhando<\/span> por uma marca de cada vez.<\/h2>\n        <p class=\"rv\">Sou Jonas Rodrigues, designer e web designer em Maring\u00e1-PR. Comecei criando para profissionais da beleza e hoje a Octopus atende imobili\u00e1rias, cl\u00ednicas, ind\u00fastrias, confeitarias, eventos e infoprodutores em todo o Brasil. O foco \u00e9 sempre o mesmo: design que chama aten\u00e7\u00e3o e, principalmente, traz cliente.<\/p>\n        <a class=\"btn rv\" href=\"https:\/\/www.behance.net\/jonasdsg\" target=\"_blank\" rel=\"noopener\">Conhe\u00e7a nosso trabalho <span class=\"a\">\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"nums\">\n      <div class=\"rv\"><b>+<span class=\"cnt\" data-to=\"800\">800<\/span><\/b><span>Projetos entregues<\/span><\/div>\n      <div class=\"rv\"><b><span class=\"cnt\" data-to=\"8\">8<\/span><\/b><span>Frentes de servi\u00e7o<\/span><\/div>\n      <div class=\"rv\"><b><span class=\"cnt\" data-to=\"10\">10<\/span>+<\/b><span>Nichos atendidos<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('sobre');\nconst RM=matchMedia('(prefers-reduced-motion: reduce)').matches;\nconst cio=new IntersectionObserver(es=>es.forEach(e=>{if(!e.isIntersecting)return;cio.unobserve(e.target);if(RM)return;\n  const c=e.target,to=+c.dataset.to,t0=performance.now();\n  const st=t=>{const k=Math.min(1,(t-t0)\/1600);c.textContent=Math.round(to*(1-Math.pow(1-k,3)));if(k<1)requestAnimationFrame(st)};c.textContent='0';requestAnimationFrame(st);}),{threshold:.6});\nel.querySelectorAll('.cnt').forEach(c=>cio.observe(c));\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83c6033 e-con-full e-flex e-con e-parent\" data-id=\"83c6033\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 05 \u00b7 AUTORIDADE =================\nEdite a lista AUTH no script.\nA arte aparece inteira (808\u00d7632) e o nome fica embaixo, sem cobrir o trabalho.\n========================================================= -->\n<style>\n.oct-auth .auth{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 16px}\n.oct-auth .acard{display:block}\n.oct-auth .acard .im{position:relative;aspect-ratio:808\/632;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--card-2);transition:box-shadow .5s var(--ease)}\n.oct-auth .acard .im img{width:100%;height:100%;object-fit:contain}\n.oct-auth .acard[data-prev]{cursor:zoom-in}\n.oct-auth .acard[data-prev] .im::before{content:\"\u2922\";position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(5,5,5,.65);border:1px solid var(--line-2);opacity:0;transition:opacity .4s}\n.oct-auth .acard[data-prev]:hover .im::before{opacity:1}\n.oct-auth .acard:hover .im{box-shadow:0 0 0 1px rgba(var(--acc2-rgb),.55),0 20px 60px -20px rgba(var(--acc-rgb),.7)}\n.oct-auth .acard .who{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px}\n.oct-auth .acard .who b{font-family:var(--head);font-weight:600;font-size:17px;letter-spacing:-.02em}\n.oct-auth .acard .who span{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;text-align:right}\n.oct-auth .acard.slot .im{border:1.5px dashed var(--line-2);display:grid;place-items:center;background:var(--bg)}\n@media (max-width:820px){.oct-auth .auth{grid-template-columns:1fr 1fr}}\n@media (max-width:520px){.oct-auth .auth{grid-template-columns:1fr}}\n<\/style>\n<section class=\"oct fold alt oct-auth\" id=\"autoridade\">\n  <div class=\"wrap\">\n    <div class=\"sh\">\n      <span class=\"label\">Autoridade<\/span>\n      <h2 class=\"split rv\"><span class=\"fade\">Autoridade que se<\/span> constr\u00f3i no visual.<\/h2>\n      <p class=\"rv\">Profissionais que hoje se apresentam com uma imagem \u00e0 altura do trabalho que entregam.<\/p>\n    <\/div>\n    <div class=\"auth\" data-auth><\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('autoridade');\nconst AUTH = [\n  {n:\"Kamilla Brazil\", r:\"Especialista em loiras\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/52cf65239336287.Y3JvcCwxMTcyLDkxNiwzNzQsMA.png\"},\n  {n:\"Carol Yumi\", r:\"Lash designer\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/e34c3b239105007.Y3JvcCwxMjkwLDEwMDksMzQxLDU0.png\"},\n  {n:\"Felipe C\u00edlios\", r:\"Educador em c\u00edlios\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/0d2a72248724477.Y3JvcCwxMTE3LDg3MywwLDcx.png\"},\n  {n:\"Viviane Tiemi\", r:\"\u00c1rea de membros\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/fa1ab7237255599.Y3JvcCwxMDgwLDg0NCwwLDE5NQ.png\"},\n  {n:\"Daiane Lima\", r:\"M\u00e9todo Pronails\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/70fe8d245802339.Y3JvcCw4MjA4LDY0MjAsMCwyMA.png\"},\n  {n:\"Nathalia Emilia\", r:\"Interlash\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/e1c98f237254911.Y3JvcCwxMDgwLDg0NCwwLDI2.png\"},\n  {n:\"Kassia Xavier\", r:\"Mindset Magn\u00e9tico\", img:\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/808\/df8aa0221928379.Y3JvcCw4NzMsNjgyLDAsMTMz.png\"},\n];\nel.querySelector('[data-auth]').innerHTML=AUTH.map(a=>a.slot?\n `<div class=\"acard slot rv\"><div class=\"im\"><div class=\"slot-in\"><span class=\"plus\">+<\/span><span>Pr\u00f3ximo cliente<\/span><\/div><\/div><div class=\"who\"><b>Seu projeto<\/b><span>Em breve<\/span><\/div><\/div>`:\n `<div class=\"acard rv\" data-prev=\"${a.img}\" role=\"button\" tabindex=\"0\" aria-label=\"Ver pr\u00e9via: ${a.n}\"><div class=\"im\"><img loading=\"lazy\" decoding=\"async\" src=\"${a.img}\" alt=\"${a.n}\" loading=\"lazy\" width=\"808\" height=\"632\"><\/div><div class=\"who\"><b>${a.n}<\/b><span>${a.r}<\/span><\/div><\/div>`).join('');\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f12674b e-con-full e-flex e-con e-parent\" data-id=\"f12674b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 06 \u00b7 PROCESSO ================= -->\n<style>\n.oct-proc .bento{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}\n.oct-proc .bx{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:26px;position:relative;overflow:hidden}\n.oct-proc .bx .stage{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--acc-2);text-transform:uppercase}\n.oct-proc .bx h3{font-size:22px;margin-top:10px}\n.oct-proc .bx p{color:var(--muted);font-size:14.5px;margin-top:8px}\n.oct-proc .bx .ico{width:40px;height:40px;border-radius:12px;background:rgba(var(--acc-rgb),.14);display:grid;place-items:center;color:var(--acc-2);margin-bottom:18px}\n.oct-proc .bx .ico svg{width:18px;height:18px}\n.oct-proc .b-kick{grid-row:span 2;display:flex;flex-direction:column}\n.oct-proc .b-kick .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:24px}\n.oct-proc .chip{font-size:10.5px;font-weight:500;letter-spacing:.08em;padding:5px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);text-transform:uppercase}\n.oct-proc .b-ring{grid-row:span 2;display:grid;place-items:center;min-height:300px}\n.oct-proc .b-ring svg{width:min(240px,70%);grid-area:1\/1}\n.oct-proc .b-ring .rt{grid-area:1\/1;text-align:center;font-size:10.5px;font-weight:600;letter-spacing:.16em;color:var(--muted)}\n.oct-proc .b-ring .rt b{display:block;font-family:var(--head);font-size:40px;letter-spacing:-.04em;color:var(--text);font-weight:600}\n.oct-proc .ringArc{transition:stroke-dashoffset 2s var(--ease)}\n.oct-proc .b-num b{font-family:var(--head);font-size:48px;font-weight:600;letter-spacing:-.05em;display:block;line-height:1}\n.oct-proc .b-num .dots{display:flex;margin-top:14px}\n.oct-proc .b-num .dots i{width:24px;height:24px;border-radius:50%;background:var(--grad);border:2px solid var(--card);margin-left:-8px}\n.oct-proc .b-num .dots i:first-child{margin-left:0}\n.oct-proc .b-wide{grid-column:span 2}\n.oct-proc .b-cta{grid-column:1\/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 26px;background:linear-gradient(90deg,rgba(var(--acc-rgb),.16),transparent 70%),var(--card)}\n.oct-proc .b-cta h3{font-size:20px;margin:0}\n.oct-proc .b-cta p{margin-top:4px}\n@media (max-width:900px){.oct-proc .bento{grid-template-columns:1fr 1fr}\n.oct-proc .b-kick,.oct-proc .b-ring{grid-row:auto;grid-column:1\/-1}\n.oct-proc .b-ring{min-height:260px}\n.oct-proc .b-wide{grid-column:1\/-1}}\n@media (max-width:560px){.oct-proc .bento{grid-template-columns:1fr}}\n<\/style>\n<section class=\"oct fold glow oct-proc\" id=\"processo\">\n  <div class=\"wrap\">\n    <div class=\"sh\">\n      <span class=\"label\">Como trabalhamos<\/span>\n      <h2 class=\"split rv\">Do briefing \u00e0 entrega final, <span class=\"fade\">tudo no controle.<\/span><\/h2>\n      <p class=\"rv\">Um processo simples, com etapas claras e voc\u00ea acompanhando cada passo pelo WhatsApp.<\/p>\n    <\/div>\n    <div class=\"bento\">\n      <div class=\"bx b-kick rv\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4\"\/><\/svg><\/div>\n        <span class=\"stage\">Etapa 01<\/span>\n        <h3>Kickoff<\/h3>\n        <p>Conversa de diagn\u00f3stico: entendemos seu neg\u00f3cio, p\u00fablico e concorrentes, analisamos seu Instagram e o que voc\u00ea j\u00e1 tem. Da\u00ed sai uma proposta sob medida.<\/p>\n        <div class=\"chips\"><span class=\"chip\">Briefing<\/span><span class=\"chip\">An\u00e1lise do perfil<\/span><span class=\"chip\">Refer\u00eancias<\/span><span class=\"chip\">Proposta<\/span><\/div>\n      <\/div>\n      <div class=\"bx b-ring rv\">\n        <svg viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n          <defs><linearGradient id=\"octRingGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#FF3D00\"\/><stop offset=\".6\" stop-color=\"#FF8A1F\"\/><stop offset=\"1\" stop-color=\"#FFC46B\"\/><\/linearGradient><\/defs>\n          <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"rgba(255,255,255,.07)\" stroke-width=\"14\"\/>\n          <circle class=\"ringArc\" cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"url(#octRingGrad)\" stroke-width=\"14\" stroke-linecap=\"round\" stroke-dasharray=\"502.6\" stroke-dashoffset=\"502.6\" transform=\"rotate(-90 100 100)\"\/>\n          <circle cx=\"100\" cy=\"100\" r=\"62\" fill=\"none\" stroke=\"rgba(255,255,255,.1)\" stroke-dasharray=\"2 6\"\/>\n        <\/svg>\n        <div class=\"rt\"><b data-pct>0%<\/b>DO BRIEFING<br>\u00c0 ENTREGA<\/div>\n      <\/div>\n      <div class=\"bx b-num rv\">\n        <b>+800<\/b>\n        <p>Projetos entregues para marcas de v\u00e1rios nichos.<\/p>\n        <div class=\"dots\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n      <\/div>\n      <div class=\"bx rv\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z\"\/><\/svg><\/div>\n        <span class=\"stage\">Etapa 02<\/span><h3>Cria\u00e7\u00e3o<\/h3>\n        <p>Design e desenvolvimento com rodadas de ajuste at\u00e9 ficar do jeito certo.<\/p>\n      <\/div>\n      <div class=\"bx b-wide rv\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"m5 12 5 5L20 7\"\/><\/svg><\/div>\n        <span class=\"stage\">Etapa 03<\/span><h3>Entrega<\/h3>\n        <p>Tudo publicado e testado no celular e no computador, com orienta\u00e7\u00e3o de uso e suporte para os pr\u00f3ximos passos, como tr\u00e1fego pago.<\/p>\n      <\/div>\n      <div class=\"bx b-cta rv\">\n        <div><h3>Pronto para come\u00e7ar seu projeto?<\/h3><p>Do briefing \u00e0 entrega, cuidamos de tudo.<\/p><\/div>\n        <a class=\"btn btn-v\" href=\"https:\/\/wa.me\/5512991565522?text=Ol%C3%A1%2C%20Octopus!%20Quero%20come%C3%A7ar%20meu%20projeto.\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento <span class=\"a\">\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('processo');\nconst RM=matchMedia('(prefers-reduced-motion: reduce)').matches;\nconst ring=el.querySelector('.b-ring');\nconst rio=new IntersectionObserver(es=>{if(!es[0].isIntersecting)return;rio.disconnect();\n  el.querySelector('.ringArc').style.strokeDashoffset='0';const t0=performance.now(),pc=el.querySelector('[data-pct]');\n  const st=t=>{const k=Math.min(1,(t-t0)\/2000);pc.textContent=Math.round(100*(1-Math.pow(1-k,3)))+'%';if(k<1)requestAnimationFrame(st)};RM?pc.textContent='100%':requestAnimationFrame(st);},{threshold:.5});\nrio.observe(ring);\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efee7b3 e-con-full e-flex e-con e-parent\" data-id=\"efee7b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 07 \u00b7 SERVI\u00c7OS ================= -->\n<style>\n.oct-svc .svc{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:start}\n.oct-svc .svc-l{position:sticky;top:120px}\n.oct-svc .svc-l h2{font-size:clamp(32px,4.2vw,52px);margin-top:18px}\n.oct-svc .svc-l p{color:var(--muted);margin-top:18px;max-width:40ch}\n.oct-svc .svc-l .btn{margin-top:26px}\n.oct-svc .svc-r{display:flex;flex-direction:column;gap:14px}\n.oct-svc .scard{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;transition:border-color .4s,transform .5s var(--ease),opacity 1s var(--ease)}\n.oct-svc .scard:hover{border-color:rgba(var(--acc-rgb),.45);transform:translateY(-3px)}\n.oct-svc .scard .no{font-size:11px;font-weight:600;color:var(--acc-2);letter-spacing:.12em}\n.oct-svc .scard h3{font-size:21px;margin-top:8px}\n.oct-svc .scard p{color:var(--muted);font-size:14.5px;margin-top:6px}\n.oct-svc .scard ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column}\n.oct-svc .scard li{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-block:8px;border-top:1px solid var(--line)}\n.oct-svc .mock{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:16px;display:flex;flex-direction:column;gap:10px;min-height:170px;justify-content:center}\n.oct-svc .mock .bar{height:8px;border-radius:4px;background:var(--card-2)}\n.oct-svc .mock .bar.v{background:var(--grad);width:0;transition:width 1.4s var(--ease) .2s}\n.oct-svc .scard.in .mock .bar.v{width:var(--w,70%)}\n.oct-svc .mock .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}\n.oct-svc .mock .pill{font-size:10px;padding:4px 9px;border-radius:999px;background:var(--card-2);color:var(--muted)}\n.oct-svc .mock .pill.on{background:var(--grad);color:#fff}\n.oct-svc .mock .dot{width:14px;height:14px;border-radius:50%}\n.oct-svc .mock .phone{width:74px;height:130px;border-radius:14px;border:1.5px solid var(--line-2);margin:0 auto;padding:10px 7px;display:flex;flex-direction:column;gap:6px;align-items:center}\n.oct-svc .mock .phone .av{width:24px;height:24px;border-radius:50%;background:var(--grad)}\n.oct-svc .mock .phone i{width:100%;height:12px;border-radius:6px;background:var(--card-2)}\n.oct-svc .mock .phone i.v{background:rgba(var(--acc-rgb),.7)}\n.oct-svc .mock .big{font-family:var(--head);font-size:30px;font-weight:600;letter-spacing:-.04em}\n.oct-svc .mock .up{color:var(--acc-3);font-size:11px;font-weight:500}\n.oct-svc .mock .spark{height:54px;display:flex;align-items:flex-end;gap:5px}\n.oct-svc .mock .spark i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--acc-2),rgba(var(--acc-rgb),.2));height:4%;transition:height 1s var(--ease)}\n.oct-svc .scard.in .mock .spark i{height:var(--h)}\n@media (max-width:900px){.oct-svc .svc{grid-template-columns:1fr}\n.oct-svc .svc-l{position:relative;top:0}}\n@media (max-width:560px){.oct-svc .scard{grid-template-columns:1fr}}\n<\/style>\n<section class=\"oct fold alt oct-svc\" id=\"servicos\">\n  <div class=\"wrap\">\n    <div class=\"svc\">\n      <div class=\"svc-l\">\n        <span class=\"label\">O que entregamos<\/span>\n        <h2 class=\"split rv\">Tudo o que seu projeto precisa, <span class=\"fade\">sem enrola\u00e7\u00e3o.<\/span><\/h2>\n        <p class=\"rv\">Contrate um servi\u00e7o ou monte o pacote completo. Cada entrega \u00e9 pensada para funcionar junto com as outras.<\/p>\n        <a class=\"btn btn-v rv\" href=\"https:\/\/wa.me\/5512991565522?text=Ol%C3%A1%2C%20Octopus!%20Quero%20saber%20mais%20sobre%20os%20servi%C3%A7os.\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento <span class=\"a\">\u2192<\/span><\/a>\n      <\/div>\n      <div class=\"svc-r\" data-list><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('servicos');\nconst SERVICES = [\n  {t:\"Link na bio\", d:\"P\u00e1gina de links personalizada que transforma visita do Instagram em agendamento.\", li:[\"Design exclusivo\",\"Bot\u00f5es para WhatsApp\",\"Portf\u00f3lio e depoimentos\"], m:\"phone\"},\n  {t:\"Sites & WordPress\", d:\"Sites institucionais em WordPress e Elementor, r\u00e1pidos e prontos para o Google.\", li:[\"Responsivo\",\"SEO b\u00e1sico\",\"Painel f\u00e1cil de editar\"], m:\"browser\"},\n  {t:\"Landing pages\", d:\"P\u00e1ginas de vendas e capta\u00e7\u00e3o para lan\u00e7amentos, cursos, workshops e produtos.\", li:[\"Copy e estrutura\",\"Checkout integrado\",\"Foco em convers\u00e3o\"], m:\"chart\"},\n  {t:\"Identidade visual\", d:\"Logo, paleta, tipografia e manual de marca para ser reconhecido de longe.\", li:[\"Logo e varia\u00e7\u00f5es\",\"Paleta e tipografia\",\"Manual da marca\"], m:\"palette\"},\n  {t:\"Social media\", d:\"Planos mensais, carross\u00e9is, stories e artes avulsas com linha visual consistente.\", li:[\"Carross\u00e9is\",\"Stories e destaques\",\"Planos mensais\"], m:\"week\"},\n  {t:\"Tr\u00e1fego pago\", d:\"Campanhas no Meta Ads e Google Ads para levar as pessoas certas at\u00e9 voc\u00ea.\", li:[\"Meta Ads\",\"Google Ads\",\"Relat\u00f3rios\"], m:\"metric\"},\n  {t:\"Apps & sistemas\", d:\"\u00c1rea de membros, lojas com pedido no WhatsApp e sistemas sob medida.\", li:[\"\u00c1rea de membros\",\"Cat\u00e1logo e carrinho\",\"Sistemas internos\"], m:\"browser\"},\n  {t:\"Apresenta\u00e7\u00f5es & materiais\", d:\"Apresenta\u00e7\u00f5es comerciais, e-books, apostilas e manuais prontos para impress\u00e3o.\", li:[\"Apresenta\u00e7\u00f5es\",\"E-books e apostilas\",\"Arquivos para gr\u00e1fica\"], m:\"slides\"},\n];\nconst mock=m=>{\n if(m==='phone')return `<div class=\"mock\"><div class=\"phone\"><span class=\"av\"><\/span><i><\/i><i class=\"v\"><\/i><i><\/i><i class=\"v\"><\/i><\/div><\/div>`;\n if(m==='chart')return `<div class=\"mock\"><div class=\"row\" style=\"justify-content:space-between\"><span class=\"pill\">Convers\u00e3o<\/span><span class=\"up\">\u25b2 p\u00e1gina nova<\/span><\/div><div class=\"spark\">${[30,42,38,55,50,68,74,92].map(h=>`<i style=\"--h:${h}%\"><\/i>`).join('')}<\/div><\/div>`;\n if(m==='palette')return `<div class=\"mock\"><div class=\"row\"><span class=\"dot\" style=\"background:#FF3D00\"><\/span><span class=\"dot\" style=\"background:#FF8A1F\"><\/span><span class=\"dot\" style=\"background:#FFC46B\"><\/span><span class=\"dot\" style=\"background:#FFFFFF\"><\/span><\/div><div class=\"bar\" style=\"width:80%\"><\/div><div class=\"bar\" style=\"width:55%\"><\/div><div class=\"row\"><span class=\"pill on\">Aa<\/span><span class=\"pill\">Logo<\/span><span class=\"pill\">Manual<\/span><\/div><\/div>`;\n if(m==='week')return `<div class=\"mock\"><div class=\"row\"><span class=\"pill on\">Seg<\/span><span class=\"pill\">Ter<\/span><span class=\"pill on\">Qua<\/span><span class=\"pill\">Qui<\/span><span class=\"pill on\">Sex<\/span><\/div><div class=\"bar v\" style=\"--w:78%\"><\/div><div class=\"bar v\" style=\"--w:52%\"><\/div><div class=\"bar\" style=\"width:66%\"><\/div><\/div>`;\n if(m==='metric')return `<div class=\"mock\"><span class=\"pill\" style=\"align-self:flex-start\">Campanha ativa<\/span><div class=\"big\">+ leads<\/div><div class=\"bar v\" style=\"--w:84%\"><\/div><span class=\"up\">\u25b2 p\u00fablico certo<\/span><\/div>`;\n if(m==='slides')return `<div class=\"mock\"><div class=\"row\" style=\"gap:8px\"><span style=\"flex:1;aspect-ratio:16\/9;border-radius:6px;background:var(--grad)\"><\/span><span style=\"flex:1;aspect-ratio:16\/9;border-radius:6px;background:var(--card-2)\"><\/span><span style=\"flex:1;aspect-ratio:16\/9;border-radius:6px;background:var(--card-2)\"><\/span><\/div><div class=\"bar v\" style=\"--w:60%\"><\/div><div class=\"bar\" style=\"width:40%\"><\/div><\/div>`;\n return `<div class=\"mock\"><div class=\"row\"><span class=\"dot\" style=\"background:#FF5F57;width:9px;height:9px\"><\/span><span class=\"dot\" style=\"background:#FEBC2E;width:9px;height:9px\"><\/span><span class=\"dot\" style=\"background:#28C840;width:9px;height:9px\"><\/span><\/div><div class=\"bar v\" style=\"--w:90%\"><\/div><div class=\"bar\" style=\"width:70%\"><\/div><div class=\"bar v\" style=\"--w:45%\"><\/div><div class=\"bar\" style=\"width:60%\"><\/div><\/div>`;\n};\nconst pad=n=>String(n).padStart(2,'0');\nel.querySelector('[data-list]').innerHTML=SERVICES.map((s,i)=>`\n <article class=\"scard rv\"><div><span class=\"no\">${pad(i+1)} \/<\/span><h3>${s.t}<\/h3><p>${s.d}<\/p><ul>${s.li.map(x=>`<li>${x}<\/li>`).join('')}<\/ul><\/div>${mock(s.m)}<\/article>`).join('');\nconst RM=matchMedia('(prefers-reduced-motion: reduce)').matches;\nconst io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:.35});\nel.querySelectorAll('.scard').forEach(s=>RM?s.classList.add('in'):io.observe(s));\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bdd8e1 e-con-full e-flex e-con e-parent\" data-id=\"2bdd8e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 08 \u00b7 LOJAS VIRTUAIS =================\nAs lojas na Nuvemshop bloqueiam iframe, ent\u00e3o cada uma aparece como a p\u00e1gina\ninteira dentro de uma janela de navegador que rola sozinha (e pode ser rolada).\nO bot\u00e3o abre a loja de verdade. Edite a lista STORES no script.\n============================================================== -->\n<style>\n.oct-shops .shop{display:grid;grid-template-columns:.8fr 1.6fr;gap:clamp(20px,3vw,36px);align-items:start}\n.oct-shops .tabs{display:flex;flex-direction:column;gap:8px}\n.oct-shops .tab{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;transition:border-color .3s,background .3s}\n.oct-shops .tab:hover{border-color:var(--line-2)}\n.oct-shops .tab .n{font-size:11px;font-weight:600;color:var(--dim);letter-spacing:.1em;min-width:20px}\n.oct-shops .tab b{display:block;font-family:var(--head);font-weight:600;font-size:17px;letter-spacing:-.02em}\n.oct-shops .tab small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}\n.oct-shops .tab .ar{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--muted);flex:none;transition:all .3s}\n.oct-shops .tab.on{border-color:rgba(var(--acc-rgb),.55);background:linear-gradient(90deg,rgba(var(--acc-rgb),.14),transparent 80%),var(--card)}\n.oct-shops .tab.on .n{color:var(--acc-2)}\n.oct-shops .tab.on .ar{background:var(--grad);border-color:transparent;color:#fff}\n.oct-shops .win{border:1px solid var(--line-2);border-radius:18px;background:var(--card);overflow:hidden;box-shadow:0 40px 100px -40px rgba(var(--acc-rgb),.45)}\n.oct-shops .bar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--card-2)}\n.oct-shops .dots{display:flex;gap:6px}\n.oct-shops .dots i{width:10px;height:10px;border-radius:50%;background:#3a3a3a}\n.oct-shops .dots i:nth-child(1){background:#FF5F57}.oct-shops .dots i:nth-child(2){background:#FEBC2E}.oct-shops .dots i:nth-child(3){background:#28C840}\n.oct-shops .url{flex:1;min-width:0;font-size:12.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.oct-shops .url::before{content:\"\ud83d\udd12 \";font-size:10px}\n.oct-shops .view{position:relative;aspect-ratio:16\/10;overflow-y:auto;overflow-x:hidden;background:#fff;scrollbar-width:thin;overscroll-behavior:contain}\n.oct-shops .view img{width:100%;height:auto;display:block;transition:opacity .4s}\n.oct-shops .view img.fade{opacity:0}\n.oct-shops .foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-top:1px solid var(--line)}\n.oct-shops .foot p{color:var(--muted);font-size:14px;max-width:48ch}\n.oct-shops .foot .btn{padding:6px 6px 6px 18px;font-size:14px}\n.oct-shops .foot .btn .a{width:28px;height:28px}\n@media (max-width:900px){.oct-shops .shop{grid-template-columns:1fr}\n.oct-shops .tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}\n.oct-shops .tabs::-webkit-scrollbar{display:none}\n.oct-shops .tab{flex:none;width:auto;padding:12px 16px}\n.oct-shops .tab small,.oct-shops .tab .ar{display:none}\n.oct-shops .view{aspect-ratio:4\/5}}\n<\/style>\n<section class=\"oct fold glow oct-shops\" id=\"lojas\">\n  <div class=\"wrap\">\n    <div class=\"sh\">\n      <span class=\"label\">Lojas virtuais<\/span>\n      <h2 class=\"split rv\">Lojas prontas para vender <span class=\"fade\">todos os dias.<\/span><\/h2>\n      <p class=\"rv\">Algumas lojas virtuais que criamos. Escolha uma, role pela p\u00e1gina e, se quiser, abra a loja de verdade.<\/p>\n    <\/div>\n    <div class=\"shop rv\">\n      <div class=\"tabs\" role=\"tablist\" data-tabs><\/div>\n      <div class=\"win\">\n        <div class=\"bar\"><span class=\"dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"url\" data-url><\/span><\/div>\n        <div class=\"view\" data-view tabindex=\"0\" aria-label=\"Pr\u00e9via da loja\"><img data-img alt=\"\"><\/div>\n        <div class=\"foot\"><p data-desc><\/p><a class=\"btn btn-v\" data-link href=\"#\" target=\"_blank\" rel=\"noopener\">Ver loja ao vivo <span class=\"a\">\u2197<\/span><\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('lojas');\nconst UP=\"https:\/\/links.jonasdsg.com.br\/wp-content\/uploads\/2026\/09\/\";\nconst STORES=[\n  {t:\"Skinkor\", c:\"Skincare e cosm\u00e9ticos\", url:\"https:\/\/skinkor.com.br\/\", img:UP+\"loja-skinkor.webp\", d:\"Loja de skincare com vitrines de destaques, lan\u00e7amentos, ofertas e mais vendidos.\"},\n  {t:\"Favoritas Lashes\", c:\"Produtos para c\u00edlios\", url:\"https:\/\/www.favoritaslashes.com\/\", img:UP+\"loja-favoritas.webp\", d:\"Loja de produtos para extens\u00e3o de c\u00edlios, com categorias em destaque e promo\u00e7\u00f5es.\"},\n  {t:\"Lovers Lash\", c:\"Fios para extens\u00e3o de c\u00edlios\", url:\"https:\/\/loverslash.com.br\/\", img:UP+\"loja-loverslash.webp\", d:\"Loja de fios para extens\u00e3o de c\u00edlios, organizada por curvatura e tipo de fio.\"},\n  {t:\"Taubat\u00e9 Expo Rodeo\", c:\"Loja oficial de evento\", url:\"https:\/\/loja.taubateexporodeo.com.br\/\", img:UP+\"loja-taubate.webp\", d:\"Loja oficial do evento, com jaquetas, bon\u00e9s e \u00f3culos na identidade do rodeio.\"},\n  {t:\"Jos\u00e9 Granado Im\u00f3veis\", c:\"Site imobili\u00e1rio\", url:\"https:\/\/josegranadoimoveis.com.br\/\", img:UP+\"loja-josegranado.webp\", d:\"Site imobili\u00e1rio com busca de im\u00f3veis, lan\u00e7amentos, venda e loca\u00e7\u00e3o.\"},\n];\nconst q=s=>el.querySelector(s),view=q('[data-view]'),img=q('[data-img]');\nconst host=u=>u.replace(\/^https?:\\\/\\\/\/,'').replace(\/\\\/$\/,'');\nq('[data-tabs]').innerHTML=STORES.map((s,i)=>`<button type=\"button\" class=\"tab\" role=\"tab\" data-i=\"${i}\"><span class=\"n\">${String(i+1).padStart(2,'0')}<\/span><span><b>${s.t}<\/b><small>${s.c}<\/small><\/span><span class=\"ar\">\u2192<\/span><\/button>`).join('');\nconst tabs=[...q('[data-tabs]').children];\nSTORES.forEach(s=>{const p=new Image();p.src=s.img});\nlet cur=-1,auto=true,last=0,pauseUntil=0;\nfunction show(i){if(i===cur)return;cur=i;const s=STORES[i];\n  tabs.forEach((t,k)=>{t.classList.toggle('on',k===i);t.setAttribute('aria-selected',k===i)});\n  img.classList.add('fade');setTimeout(()=>{img.src=s.img;img.alt='P\u00e1gina da loja '+s.t;view.scrollTop=0;img.classList.remove('fade')},250);\n  q('[data-url]').textContent=host(s.url);q('[data-desc]').textContent=s.d;q('[data-link]').href=s.url;}\ntabs.forEach(t=>t.onclick=()=>{show(+t.dataset.i);pauseUntil=performance.now()+1500});\nshow(0);\n\/* rolagem autom\u00e1tica lenta; para quando a pessoa interage *\/\nconst stop=()=>{pauseUntil=performance.now()+4000};\n['wheel','touchstart','pointerdown','keydown'].forEach(e=>view.addEventListener(e,stop,{passive:true}));\nlet vis=false;new IntersectionObserver(e=>vis=e[0].isIntersecting,{threshold:.3}).observe(view);\nconst RM=matchMedia('(prefers-reduced-motion: reduce)').matches;\nlet pos=0;\nfunction tick(t){const dt=Math.min(50,t-last);last=t;\n  if(vis&&!RM&&t>pauseUntil){const max=view.scrollHeight-view.clientHeight;\n    if(Math.abs(view.scrollTop-pos)>2)pos=view.scrollTop;\n    if(max>0){if(pos>=max-1){pauseUntil=t+3500;setTimeout(()=>{view.scrollTo({top:0,behavior:'smooth'})},1500);}\n      else{pos=Math.min(max,pos+dt*.06);view.scrollTop=pos;}}}\n  else pos=view.scrollTop;\n  requestAnimationFrame(tick);}\nrequestAnimationFrame(tick);\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98aa1a4 e-con-full e-flex e-con e-parent\" data-id=\"98aa1a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 09 \u00b7 FAQ ================= -->\n<style>\n.oct-faq .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:start}\n.oct-faq .faq .sh{margin:0}\n.oct-faq .qa{border-top:1px solid var(--line)}\n.oct-faq .qa details{border-bottom:1px solid var(--line)}\n.oct-faq .qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-family:var(--head);font-size:18px;font-weight:600;letter-spacing:-.01em}\n.oct-faq .qa summary::-webkit-details-marker{display:none}\n.oct-faq .qa summary .pm2{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--acc-2);transition:transform .4s var(--ease),background .3s}\n.oct-faq .qa details[open] .pm2{transform:rotate(45deg);background:var(--grad);color:#fff;border-color:transparent}\n.oct-faq .qa .ans{color:var(--muted);padding-bottom:22px;max-width:60ch;font-size:15.5px;animation:octFadeIn .5s var(--ease)}\n@keyframes octFadeIn{from{opacity:0;transform:translateY(-6px)}}\n@media (max-width:900px){.oct-faq .faq{grid-template-columns:1fr}}\n<\/style>\n<section class=\"oct fold alt oct-faq\" id=\"faq\">\n  <div class=\"wrap\">\n    <div class=\"faq\">\n      <div class=\"sh\">\n        <span class=\"label\">FAQ<\/span>\n        <h2 class=\"split rv\">Tem d\u00favida? <span class=\"fade\">Aqui est\u00e3o as respostas.<\/span><\/h2>\n        <p class=\"rv\">N\u00e3o encontrou o que procurava? Chama no WhatsApp que a gente responde.<\/p>\n      <\/div>\n      <div class=\"qa\" data-qa><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('faq');\nconst FAQ = [\n  {q:\"Voc\u00eas atendem qualquer nicho?\", a:\"Sim. J\u00e1 criamos para beleza, imobili\u00e1rias, cl\u00ednicas, psicologia, confeitaria, ind\u00fastria, eventos, semijoias, tecnologia e infoprodutores. Antes de desenhar, estudamos o seu mercado e o seu p\u00fablico.\"},\n  {q:\"Como funciona o processo de cria\u00e7\u00e3o?\", a:\"S\u00e3o tr\u00eas etapas: kickoff (diagn\u00f3stico e proposta), cria\u00e7\u00e3o (design e desenvolvimento com rodadas de ajuste) e entrega (publica\u00e7\u00e3o, testes e orienta\u00e7\u00e3o). Voc\u00ea acompanha tudo pelo WhatsApp.\"},\n  {q:\"Quanto tempo leva para ficar pronto?\", a:\"Depende do escopo. Um link na bio \u00e9 bem mais r\u00e1pido que um site completo ou uma p\u00e1gina de vendas. O prazo exato vem escrito na proposta, antes de come\u00e7ar.\"},\n  {q:\"Posso pedir ajustes depois da entrega?\", a:\"Sim. Cada proposta inclui rodadas de ajuste, e depois da entrega seguimos dispon\u00edveis para altera\u00e7\u00f5es e novos materiais.\"},\n  {q:\"Atendem fora de Maring\u00e1?\", a:\"Sim. O atendimento \u00e9 100% online, ent\u00e3o trabalhamos com clientes de todo o Brasil.\"},\n  {q:\"Como fa\u00e7o para contratar?\", a:\"Clique em Solicitar or\u00e7amento e mande uma mensagem no WhatsApp contando o que voc\u00ea precisa. A gente responde com uma proposta personalizada.\"},\n];\nel.querySelector('[data-qa]').innerHTML=FAQ.map((f,i)=>`<details${i===0?' open':''}><summary>${f.q}<span class=\"pm2\">+<\/span><\/summary><div class=\"ans\">${f.a}<\/div><\/details>`).join('');\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3d8fff e-con-full e-flex e-con e-parent\" data-id=\"b3d8fff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 10 \u00b7 CONTATO (chamada final) ================= -->\n<style>\n.oct-cta .final{text-align:center;border:1px solid var(--line);border-radius:28px;padding:clamp(50px,8vw,100px) 24px;background:radial-gradient(70% 90% at 50% 100%,rgba(var(--acc-rgb),.32),transparent 70%),var(--bg-2);position:relative;overflow:hidden}\n.oct-cta .final h2{font-size:clamp(36px,6vw,76px);margin-top:18px}\n.oct-cta .final p{color:var(--muted);max-width:46ch;margin:20px auto 0}\n.oct-cta .hcta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}\n.oct-cta .num{margin-top:22px;font-size:14px;color:var(--muted);display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}\n.oct-cta .num span{user-select:all;color:var(--text);font-variant-numeric:tabular-nums}\n.oct-cta .copy{background:var(--card);border:1px solid var(--line-2);color:var(--muted);padding:6px 14px;border-radius:999px;font-size:12px;cursor:pointer}\n.oct-cta .copy:hover{color:var(--text)}\n<\/style>\n<section class=\"oct fold glow oct-cta\" id=\"contato\">\n  <div class=\"wrap\">\n    <div class=\"final rv\">\n      <span class=\"label\">Vamos conversar<\/span>\n      <h2>Sua marca pronta para <em class=\"s\">vender mais.<\/em><\/h2>\n      <p>Conte o que voc\u00ea precisa. A gente responde com um diagn\u00f3stico r\u00e1pido e uma proposta personalizada.<\/p>\n      <div class=\"hcta\">\n        <a class=\"btn btn-v\" href=\"https:\/\/wa.me\/5512991565522?text=Ol%C3%A1%2C%20Octopus!%20Quero%20solicitar%20um%20or%C3%A7amento.\" target=\"_blank\" rel=\"noopener\">Chamar no WhatsApp <span class=\"a\">\u2192<\/span><\/a>\n      <\/div>\n      <div class=\"num\"><span data-num>(12) 99156-5522<\/span><button class=\"copy\" data-copy type=\"button\">Copiar n\u00famero<\/button><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\nconst el=document.getElementById('contato'),b=el.querySelector('[data-copy]');\nb.onclick=()=>{navigator.clipboard.writeText('5512991565522').then(()=>{b.textContent='Copiado \u2713';setTimeout(()=>b.textContent='Copiar n\u00famero',1800)}).catch(()=>{const r=document.createRange();r.selectNodeContents(el.querySelector('[data-num]'));const s=getSelection();s.removeAllRanges();s.addRange(r);b.textContent='Selecionado'})};\n(window.OCTQ=window.OCTQ||[]).push(el);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51343a8 e-con-full e-flex e-con e-parent\" data-id=\"51343a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= DOBRA 11 \u00b7 RODAP\u00c9 ================= -->\n<style>\n.oct-foot.fold{padding-block:70px calc(34px + env(safe-area-inset-bottom,0px))}\n.oct-foot .logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-weight:600;font-size:17px;letter-spacing:-.02em}\n.oct-foot .logo svg{width:30px;height:30px}\n.oct-foot .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}\n.oct-foot h4{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 14px}\n.oct-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14.5px;color:var(--muted)}\n.oct-foot ul a:hover{color:var(--acc-2)}\n.oct-foot .ab{color:var(--muted);font-size:14.5px;max-width:34ch;margin-top:14px}\n.oct-foot .fbase{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}\n@media (max-width:800px){.oct-foot .fgrid{grid-template-columns:1fr 1fr}\n.oct-foot .fgrid>div:first-child{grid-column:1\/-1}}\n<\/style>\n<footer class=\"oct fold alt oct-foot\" id=\"oct-rodape\">\n  <div class=\"wrap\">\n    <div class=\"fgrid\">\n      <div>\n        <a href=\"#portfolio\" class=\"logo\" aria-label=\"Octopus Ag\u00eancia\"><svg viewBox=\"0 0 40 40\" aria-hidden=\"true\"><defs><linearGradient id=\"octFootGrad\" x1=\"0\" y1=\"0\" x2=\"40\" y2=\"40\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FF3D00\"\/><stop offset=\"1\" stop-color=\"#FF8A1F\"\/><\/linearGradient><\/defs><path d=\"M20 4c7 0 12 5 12 12 0 4-2 7-4 9M20 4c-7 0-12 5-12 12 0 4 2 7 4 9\" stroke=\"url(#octFootGrad)\" stroke-width=\"3\" stroke-linecap=\"round\" fill=\"none\"\/><path d=\"M12 25c-2 3-5 4-7 3M16 26c-1 4-1 7-4 9M24 26c1 4 1 7 4 9M28 25c2 3 5 4 7 3M20 26v10\" stroke=\"url(#octFootGrad)\" stroke-width=\"2.4\" stroke-linecap=\"round\" fill=\"none\"\/><circle cx=\"16\" cy=\"15\" r=\"2\" fill=\"#fff\"\/><circle cx=\"24\" cy=\"15\" r=\"2\" fill=\"#fff\"\/><\/svg>Octopus<\/a>\n        <p class=\"ab\">Design e tecnologia para marcas de todos os nichos. Maring\u00e1, Paran\u00e1, atendendo todo o Brasil.<\/p>\n      <\/div>\n      <div><h4>Navega\u00e7\u00e3o<\/h4><ul><li><a href=\"#portfolio\">Portf\u00f3lio<\/a><\/li><li><a href=\"#sobre\">Sobre<\/a><\/li><li><a href=\"#processo\">Processo<\/a><\/li><li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li><li><a href=\"#faq\">FAQ<\/a><\/li><\/ul><\/div>\n      <div><h4>Redes<\/h4><ul><li><a href=\"https:\/\/www.behance.net\/jonasdsg\" target=\"_blank\" rel=\"noopener\">Behance \u2197<\/a><\/li><li><a href=\"https:\/\/br.pinterest.com\/Jonasdesignerbeauty\/\" target=\"_blank\" rel=\"noopener\">Pinterest \u2197<\/a><\/li><li><a href=\"https:\/\/links.jonasdsg.com.br\" target=\"_blank\" rel=\"noopener\">Links \u2197<\/a><\/li><\/ul><\/div>\n      <div><h4>Contato<\/h4><ul><li><a href=\"https:\/\/wa.me\/5512991565522\" target=\"_blank\" rel=\"noopener\">WhatsApp \u2197<\/a><\/li><li>(12) 99156-5522<\/li><li>Maring\u00e1 \u00b7 PR<\/li><\/ul><\/div>\n    <\/div>\n    <div class=\"fbase\"><span>\u00a9 2026 Octopus Ag\u00eancia. Todos os direitos reservados.<\/span><span>Feito com oito bra\u00e7os \ud83e\udde1<\/span><\/div>\n  <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pular para o conte\u00fado Jonas Rodrigues In\u00edcio Servi\u00e7os Solu\u00e7\u00f5es Ver servi\u00e7os Design, conte\u00fado e IApara neg\u00f3cios digitais Design quevaloriza suaempresa e seusneg\u00f3cios. Crio landing pages e criativos para lan\u00e7amentos e infoprodutores, com clareza na mensagem e uma identidade visual alinhada \u00e0 sua oferta. Conhe\u00e7a meu trabalhoAtendimento direto comigoDo briefing \u00e0 entrega *LandingpagesDa oferta \u00e0 p\u00e1gina [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-190","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":49,"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/pages\/190\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/links.jonasdsg.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}