{"id":2873,"date":"2026-08-06T10:42:35","date_gmt":"2026-08-06T10:42:35","guid":{"rendered":"https:\/\/www.px3lab.com.br\/?page_id=2873","raw":"https:\/\/www.px3lab.com.br\/?page_id=2873"},"modified":"2026-08-18T14:57:32","modified_gmt":"2026-08-18T14:57:32","password":"","slug":"server-photorf","status":"publish","type":"page","link":"https:\/\/www.px3lab.com.br\/server-photorf\/","title":{"raw":"Server PhotoRF","rendered":"Server PhotoRF"},"content":{"raw":"<style id=\"sphotorf-theme-override\">body.page-id-2873 .masthead,body.page-id-2873 #masthead,body.page-id-2873 #footer,body.page-id-2873 .footer,body.page-id-2873 .page-title,body.page-id-2873 .breadcrumbs,body.page-id-2873 #sidebar,body.page-id-2873 aside#sidebar,body.page-id-2873 .sidebar,body.page-id-2873 .mobile-header,body.page-id-2873 .dt-back-to-top,body.page-id-2873 .share-buttons,body.page-id-2873 .post-share,body.page-id-2873 .share-title,body.page-id-2873 .entry-share,body.page-id-2873 .single-share,body.page-id-2873 .page-share,body.page-id-2873 .post-nav,body.page-id-2873 .post-comments,body.page-id-2873 .comments-area,body.page-id-2873 .related-posts,body.page-id-2873 .author-bio,body.page-id-2873 .gif_whatsapp{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important}body.page-id-2873 #main.sidebar-right,body.page-id-2873 #main.sidebar-left,body.page-id-2873 #main{display:block!important;grid-template-columns:none!important;grid-template-areas:none!important;gap:0!important}body.page-id-2873 .sidebar-content{display:block!important;grid-template-columns:none!important}body.page-id-2873 #page,body.page-id-2873 #main,body.page-id-2873 #content,body.page-id-2873 .sidebar-content,body.page-id-2873 .content,body.page-id-2873 .entry-content,body.page-id-2873 article.post-2873,body.page-id-2873 article,body.page-id-2873 .post-2873,body.page-id-2873 .hentry,body.page-id-2873 .wf-wrap,body.page-id-2873 .wf-container,body.page-id-2873 .wf-container-main,body.page-id-2873 .wf-td,body.page-id-2873 .dt-css-grid{max-width:100%!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;background:#000!important;flex:1 1 100%!important;grid-column:1\/-1!important}body.page-id-2873{overflow-x:hidden!important;background:#000!important}body.page-id-2873 #page{background:#000!important}.sphotorf-wrap{margin:0!important;padding:0!important;width:100%!important;background:#000!important}.sphotorf-wrap iframe{display:block!important;width:100%!important;border:0!important;min-height:8500px;background:#000!important}@media (max-width:768px){.sphotorf-wrap iframe{min-height:13000px}}<\/style><div class=\"sphotorf-wrap\"><iframe id=\"sphotorf-frame\" srcdoc=\"&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;pt-BR&quot;&gt;\n&lt;head&gt;\n  &lt;meta charset=&quot;UTF-8&quot; \/&gt;\n  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=5.0&quot; \/&gt;\n  &lt;meta name=&quot;theme-color&quot; content=&quot;#000000&quot; \/&gt;\n  &lt;title&gt;Server PhotoRF | PX3 Lab \u2014 Da sua pasta diretamente para o cliente&lt;\/title&gt;\n  &lt;meta name=&quot;description&quot; content=&quot;Transforme as pastas do seu computador em galerias profissionais de sele\u00e7\u00e3o e entrega. Sem enviar arquivos originais para a nuvem. Menos custo, mais controle.&quot; \/&gt;\n\n  &lt;!-- Open Graph --&gt;\n  &lt;meta property=&quot;og:title&quot; content=&quot;Server PhotoRF | Da sua pasta diretamente para o cliente&quot; \/&gt;\n  &lt;meta property=&quot;og:description&quot; content=&quot;Galerias profissionais de sele\u00e7\u00e3o e entrega direto do seu servidor. Sem upload intermin\u00e1vel. Sem custo de nuvem. Com sua marca do come\u00e7o ao fim.&quot; \/&gt;\n  &lt;meta property=&quot;og:type&quot; content=&quot;website&quot; \/&gt;\n  &lt;meta property=&quot;og:locale&quot; content=&quot;pt_BR&quot; \/&gt;\n  &lt;meta property=&quot;og:site_name&quot; content=&quot;PX3 Lab&quot; \/&gt;\n  &lt;meta property=&quot;og:url&quot; content=&quot;https:\/\/server-photorf.agentesclimb.us&quot; \/&gt;\n  &lt;meta name=&quot;twitter:card&quot; content=&quot;summary_large_image&quot; \/&gt;\n  &lt;meta name=&quot;twitter:title&quot; content=&quot;Server PhotoRF \u00b7 PX3 Lab&quot; \/&gt;\n  &lt;meta name=&quot;twitter:description&quot; content=&quot;Da sua pasta diretamente para o cliente. Entrega profissional a partir do seu pr\u00f3prio servidor.&quot; \/&gt;\n\n  &lt;!-- Favicon SVG inline (glifo laranja PX3) --&gt;\n  &lt;link rel=&quot;icon&quot; type=&quot;image\/svg+xml&quot; href='data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;rect width=&quot;64&quot; height=&quot;64&quot; rx=&quot;10&quot; fill=&quot;%23000000&quot;\/&gt;&lt;g fill=&quot;%23F47521&quot;&gt;&lt;path d=&quot;M12 18 L28 18 L36 32 L28 46 L12 46 L20 32 Z&quot;\/&gt;&lt;rect x=&quot;40&quot; y=&quot;24&quot; width=&quot;10&quot; height=&quot;16&quot; rx=&quot;2&quot;\/&gt;&lt;\/g&gt;&lt;\/svg&gt;' \/&gt;\n\n  &lt;!-- Fontes: display Barlow Condensed pra headline pesada estilo folheto + Manrope body clean --&gt;\n  &lt;link rel=&quot;preconnect&quot; href=&quot;https:\/\/fonts.googleapis.com&quot; \/&gt;\n  &lt;link rel=&quot;preconnect&quot; href=&quot;https:\/\/fonts.gstatic.com&quot; crossorigin \/&gt;\n  &lt;link rel=&quot;stylesheet&quot; href=&quot;https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&amp;family=Manrope:wght@400;500;600;700;800&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap&quot; \/&gt;\n\n  &lt;!-- Tailwind CDN --&gt;\n  &lt;script src=&quot;https:\/\/cdn.tailwindcss.com&quot;&gt;&lt;\/script&gt;\n  &lt;script&gt;\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            ink: { 950: '#000000', 900: '#080808', 800: '#131313', 700: '#1a1a1a', 600: '#232323', 500: '#2f2f2f' },\n            orange: { DEFAULT: '#F47521', bright: '#FF8532', deep: '#D8621A', dim: '#B84E12' },\n          },\n          fontFamily: {\n            display: ['Barlow Condensed', 'system-ui', 'sans-serif'],\n            body: ['Manrope', 'system-ui', 'sans-serif'],\n            mono: ['JetBrains Mono', 'monospace'],\n          },\n          boxShadow: {\n            'orange-glow': '0 8px 32px rgba(244,117,33,0.35)',\n            'orange-soft': '0 4px 20px rgba(244,117,33,0.20)',\n          },\n        },\n      },\n    };\n  &lt;\/script&gt;\n\n  &lt;style&gt;\n    :root {\n      --orange: #F47521;\n      --orange-bright: #FF8532;\n      --orange-deep: #D8621A;\n      --ink-950: #000000;\n      --ink-900: #080808;\n      --ink-800: #131313;\n      --ink-700: #1a1a1a;\n    }\n    html { scroll-behavior: smooth; }\n    body {\n      background: var(--ink-950);\n      color: #fff;\n      font-family: 'Manrope', system-ui, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      text-rendering: optimizeLegibility;\n      overflow-x: hidden;\n    }\n\n    \/* Grain sutil sobre tudo *\/\n    .grain::before {\n      content: &quot;&quot;;\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      z-index: 200;\n      opacity: 0.05;\n      background-image: url(&quot;data:image\/svg+xml;utf8,&lt;svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'&gt;&lt;filter id='n'&gt;&lt;feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'\/&gt;&lt;\/filter&gt;&lt;rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.85'\/&gt;&lt;\/svg&gt;&quot;);\n      mix-blend-mode: overlay;\n    }\n\n    \/* Textura de multidao\/luzes no hero (SVG gerado - luzes suaves) *\/\n    .stage-lights {\n      background:\n        radial-gradient(ellipse 60% 40% at 20% 90%, rgba(244,117,33,0.18), transparent 60%),\n        radial-gradient(ellipse 50% 35% at 80% 85%, rgba(244,117,33,0.10), transparent 60%),\n        radial-gradient(ellipse 80% 60% at 50% 100%, rgba(20,20,20,0.9), transparent 70%);\n    }\n\n    \/* Eyebrow pill laranja padrao *\/\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      background: var(--orange);\n      color: #000;\n      font-family: 'Manrope', sans-serif;\n      font-weight: 700;\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      line-height: 1;\n      border-radius: 3px;\n    }\n    .eyebrow-ghost {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      background: transparent;\n      color: var(--orange);\n      border: 1px solid rgba(244,117,33,0.4);\n      font-weight: 700;\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      line-height: 1;\n      border-radius: 3px;\n    }\n\n    \/* Display headline *\/\n    .h-display {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 800;\n      line-height: 0.92;\n      letter-spacing: -0.005em;\n      text-transform: uppercase;\n    }\n\n    \/* Regra laranja horizontal fina *\/\n    .rule-orange {\n      width: 48px;\n      height: 3px;\n      background: var(--orange);\n      display: block;\n    }\n\n    \/* Botao primario laranja *\/\n    .btn-primary {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 18px 32px;\n      background: var(--orange);\n      color: #000;\n      font-family: 'Manrope', sans-serif;\n      font-weight: 800;\n      font-size: 15px;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      border-radius: 4px;\n      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n      box-shadow: 0 4px 20px rgba(244,117,33,0.25);\n    }\n    .btn-primary:hover {\n      background: var(--orange-bright);\n      transform: translateY(-2px);\n      box-shadow: 0 12px 32px rgba(244,117,33,0.5);\n    }\n    .btn-secondary {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 18px 32px;\n      background: transparent;\n      color: #fff;\n      border: 1.5px solid rgba(255,255,255,0.25);\n      font-family: 'Manrope', sans-serif;\n      font-weight: 700;\n      font-size: 15px;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      border-radius: 4px;\n      transition: all .18s ease;\n    }\n    .btn-secondary:hover {\n      border-color: var(--orange);\n      color: var(--orange);\n    }\n\n    \/* Card com borda quase invisivel + hover laranja *\/\n    .card {\n      background: linear-gradient(180deg, #131313 0%, #0a0a0a 100%);\n      border: 1px solid #1e1e1e;\n      border-radius: 6px;\n      transition: border-color .3s ease, transform .3s ease;\n    }\n    .card:hover {\n      border-color: rgba(244,117,33,0.45);\n      transform: translateY(-3px);\n    }\n\n    \/* Numero grande estilo tipografico *\/\n    .step-num {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 800;\n      font-size: 120px;\n      line-height: 0.85;\n      color: transparent;\n      -webkit-text-stroke: 1.5px var(--orange);\n    }\n    @media (min-width: 768px) {\n      .step-num { font-size: 160px; }\n    }\n\n    \/* Ticker\/marquee marca superior sutil *\/\n    .ticker {\n      display: flex;\n      overflow: hidden;\n      white-space: nowrap;\n      border-top: 1px solid #1a1a1a;\n      border-bottom: 1px solid #1a1a1a;\n      background: #050505;\n    }\n    .ticker__track {\n      display: inline-flex;\n      gap: 48px;\n      padding: 14px 0;\n      animation: tickerMove 40s linear infinite;\n    }\n    @keyframes tickerMove {\n      from { transform: translateX(0); }\n      to { transform: translateX(-50%); }\n    }\n    .ticker span {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      font-size: 13px;\n      color: #666;\n    }\n    .ticker span.accent { color: var(--orange); }\n\n    \/* Bracket corners nas imagens *\/\n    .frame {\n      position: relative;\n    }\n    .frame::before, .frame::after,\n    .frame &gt; .bl, .frame &gt; .br {\n      content: &quot;&quot;;\n      position: absolute;\n      width: 22px;\n      height: 22px;\n      border-color: var(--orange);\n      border-style: solid;\n      border-width: 0;\n      pointer-events: none;\n      z-index: 3;\n    }\n    .frame::before { top: -1px; left: -1px; border-top-width: 2px; border-left-width: 2px; }\n    .frame::after  { top: -1px; right: -1px; border-top-width: 2px; border-right-width: 2px; }\n    .frame &gt; .bl   { bottom: -1px; left: -1px; border-bottom-width: 2px; border-left-width: 2px; }\n    .frame &gt; .br   { bottom: -1px; right: -1px; border-bottom-width: 2px; border-right-width: 2px; }\n\n    \/* FAQ item *\/\n    details.faq-item {\n      border-bottom: 1px solid #1e1e1e;\n      padding: 22px 0;\n    }\n    details.faq-item summary {\n      list-style: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 24px;\n      font-family: 'Manrope', sans-serif;\n      font-weight: 700;\n      font-size: 17px;\n      color: #fff;\n      transition: color .2s ease;\n    }\n    details.faq-item summary::-webkit-details-marker { display: none; }\n    details.faq-item summary:hover { color: var(--orange); }\n    details.faq-item summary .plus {\n      flex-shrink: 0;\n      width: 32px;\n      height: 32px;\n      border: 1.5px solid #2a2a2a;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--orange);\n      transition: transform .3s ease, border-color .2s ease;\n    }\n    details.faq-item[open] summary .plus {\n      transform: rotate(45deg);\n      border-color: var(--orange);\n    }\n    details.faq-item .faq-body {\n      margin-top: 16px;\n      color: #a8a8a8;\n      line-height: 1.7;\n      font-size: 15px;\n      max-width: 780px;\n    }\n\n    \/* Focus visivel *\/\n    :focus-visible {\n      outline: 2px solid var(--orange);\n      outline-offset: 3px;\n      border-radius: 2px;\n    }\n    ::selection { background: var(--orange); color: #000; }\n    ::-webkit-scrollbar { width: 10px; height: 10px; }\n    ::-webkit-scrollbar-track { background: #050505; }\n    ::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 4px; }\n    ::-webkit-scrollbar-thumb:hover { background: var(--orange); }\n\n    \/* Mockup dashboard SVG-like *\/\n    .dash-mock {\n      background: linear-gradient(180deg, #0d0d0d 0%, #060606 100%);\n      border: 1px solid #222;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 40px 80px -20px rgba(0,0,0,0.7), 0 0 0 1px rgba(244,117,33,0.08);\n    }\n    .dash-titlebar {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: #0a0a0a;\n      border-bottom: 1px solid #1a1a1a;\n    }\n    .dash-dot {\n      width: 10px; height: 10px; border-radius: 50%;\n      background: #2a2a2a;\n    }\n    .dash-dot.orange { background: var(--orange); }\n\n    \/* Gallery thumbs grid mock *\/\n    .thumb {\n      aspect-ratio: 3\/4;\n      background:\n        linear-gradient(135deg, rgba(244,117,33,0.08) 0%, transparent 50%),\n        linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);\n      border-radius: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .thumb::after {\n      content: &quot;&quot;;\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at 50% 40%, rgba(244,117,33,0.06), transparent 70%);\n    }\n\n    \/* Phone mockup *\/\n    .phone-shell {\n      background: #0a0a0a;\n      border: 2px solid #1e1e1e;\n      border-radius: 32px;\n      padding: 12px;\n      box-shadow: 0 30px 60px -20px rgba(0,0,0,0.9);\n    }\n    .phone-notch {\n      width: 60px; height: 6px; border-radius: 3px;\n      background: #060606; margin: 0 auto 8px;\n    }\n    .phone-screen {\n      background: #050505;\n      border-radius: 22px;\n      overflow: hidden;\n    }\n\n    \/* Diferencial bloco: linha lateral laranja *\/\n    .diff-block {\n      border-left: 2px solid var(--orange);\n      padding-left: 24px;\n    }\n\n    \/* Browser mockup para screenshots reais do sistema *\/\n    .app-shot {\n      background: linear-gradient(180deg, #0d0d0d 0%, #060606 100%);\n      border: 1px solid #222;\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow:\n        0 40px 80px -20px rgba(0,0,0,0.75),\n        0 0 0 1px rgba(244,117,33,0.10),\n        0 0 60px -10px rgba(244,117,33,0.12);\n      transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;\n    }\n    .app-shot:hover {\n      transform: translateY(-4px);\n      box-shadow:\n        0 50px 100px -20px rgba(0,0,0,0.85),\n        0 0 0 1px rgba(244,117,33,0.20),\n        0 0 80px -10px rgba(244,117,33,0.22);\n    }\n    .app-shot__bar {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: #0a0a0a;\n      border-bottom: 1px solid #1a1a1a;\n    }\n    .app-shot__dot {\n      width: 10px; height: 10px; border-radius: 50%;\n      background: #2a2a2a;\n    }\n    .app-shot__dot.orange { background: var(--orange); }\n    .app-shot__addr {\n      margin-left: 12px;\n      flex: 1;\n      background: #050505;\n      color: #666;\n      font-family: 'JetBrains Mono', monospace;\n      font-size: 11px;\n      padding: 5px 12px;\n      border-radius: 4px;\n      border: 1px solid #171717;\n      text-align: center;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .app-shot__img {\n      display: block;\n      width: 100%;\n      height: auto;\n      background: #050505;\n    }\n    \/* Caption sob screenshot *\/\n    .app-shot-caption {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 14px;\n      font-family: 'JetBrains Mono', monospace;\n      font-size: 11px;\n      color: #888;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n    .app-shot-caption::before {\n      content: &quot;&quot;;\n      width: 24px;\n      height: 1px;\n      background: var(--orange);\n    }\n\n    \/* Fade-in scroll animation - fallback SEMPRE visivel se JS nao rodar *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \/* Nunca esconder por default - so quando JS marca como reveal *\/\n    .js-ready .reveal { opacity: 0; }\n    .js-ready .reveal.in { animation: fadeUp .7s cubic-bezier(.16,1,.3,1) forwards; }\n\n    \/* Vertical rule (linha decorativa) *\/\n    .vrule {\n      width: 1px;\n      background: linear-gradient(180deg, transparent, #2a2a2a 20%, #2a2a2a 80%, transparent);\n    }\n\n    \/* Utility - contained max width *\/\n    .container-x { max-width: 1280px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }\n    @media (min-width: 1024px) { .container-x { padding-left: 48px; padding-right: 48px; } }\n\n    \/* Reduced motion *\/\n    @media (prefers-reduced-motion: reduce) {\n      * { animation: none !important; transition: none !important; }\n    }\n  &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body class=&quot;grain&quot;&gt;\n\n  &lt;!-- ============ NAV ============ --&gt;\n  &lt;nav class=&quot;fixed top-0 inset-x-0 z-50 backdrop-blur-md bg-black\/60 border-b border-white\/5&quot;&gt;\n    &lt;div class=&quot;container-x flex items-center justify-between py-4&quot;&gt;\n      &lt;a href=&quot;#top&quot; class=&quot;flex items-center gap-2 group&quot; aria-label=&quot;Server PhotoRF&quot;&gt;\n        &lt;svg width=&quot;26&quot; height=&quot;26&quot; viewBox=&quot;0 0 64 64&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; aria-hidden=&quot;true&quot;&gt;\n          &lt;g fill=&quot;#F47521&quot;&gt;\n            &lt;path d=&quot;M12 18 L28 18 L36 32 L28 46 L12 46 L20 32 Z&quot;\/&gt;\n            &lt;rect x=&quot;40&quot; y=&quot;24&quot; width=&quot;10&quot; height=&quot;16&quot; rx=&quot;2&quot;\/&gt;\n          &lt;\/g&gt;\n        &lt;\/svg&gt;\n        &lt;span class=&quot;font-display font-black text-lg tracking-wide&quot;&gt;SERVER&lt;span class=&quot;text-orange&quot;&gt;PHOTORF&lt;\/span&gt;&lt;\/span&gt;\n      &lt;\/a&gt;\n      &lt;div class=&quot;hidden md:flex items-center gap-8 text-sm font-medium text-white\/70&quot;&gt;\n        &lt;a href=&quot;#solucao&quot; class=&quot;hover:text-orange transition&quot;&gt;Solu\u00e7\u00e3o&lt;\/a&gt;\n        &lt;a href=&quot;#recursos&quot; class=&quot;hover:text-orange transition&quot;&gt;Recursos&lt;\/a&gt;\n        &lt;a href=&quot;#como-funciona&quot; class=&quot;hover:text-orange transition&quot;&gt;Como funciona&lt;\/a&gt;\n        &lt;a href=&quot;#faq&quot; class=&quot;hover:text-orange transition&quot;&gt;FAQ&lt;\/a&gt;\n      &lt;\/div&gt;\n      &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;hidden md:inline-flex items-center gap-2 px-5 py-2.5 bg-orange text-black font-bold text-sm rounded uppercase tracking-wider hover:bg-orange-bright transition&quot;&gt;\n        &lt;svg width=&quot;16&quot; height=&quot;16&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n        Falar agora\n      &lt;\/a&gt;\n    &lt;\/div&gt;\n  &lt;\/nav&gt;\n\n  &lt;!-- ============ HERO ============ --&gt;\n  &lt;section id=&quot;top&quot; class=&quot;relative pt-28 md:pt-32 pb-20 md:pb-28 overflow-hidden stage-lights&quot;&gt;\n    &lt;!-- Grid sutil de fundo --&gt;\n    &lt;div class=&quot;absolute inset-0 opacity-[0.04]&quot; style=&quot;background-image: linear-gradient(#F47521 1px, transparent 1px), linear-gradient(90deg, #F47521 1px, transparent 1px); background-size: 80px 80px;&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center&quot;&gt;\n      &lt;!-- Coluna esquerda: copy --&gt;\n      &lt;div class=&quot;lg:col-span-6&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;\n          &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-black&quot;&gt;&lt;\/span&gt;\n          Server PhotoRF \u00b7 PX3 Lab\n        &lt;\/span&gt;\n\n        &lt;h1 class=&quot;h-display text-white mt-6 text-[54px] sm:text-[68px] md:text-[88px] lg:text-[92px]&quot;&gt;\n          Da sua &lt;span class=&quot;text-orange&quot;&gt;pasta&lt;\/span&gt;&lt;br\/&gt;\n          diretamente&lt;br\/&gt;\n          para o &lt;span class=&quot;text-orange&quot;&gt;cliente&lt;\/span&gt;.\n        &lt;\/h1&gt;\n\n        &lt;span class=&quot;rule-orange mt-8 mb-6&quot;&gt;&lt;\/span&gt;\n\n        &lt;p class=&quot;text-lg md:text-xl text-white\/75 leading-relaxed max-w-xl&quot;&gt;\n          O Server PhotoRF transforma as pastas do seu computador em galerias profissionais de sele\u00e7\u00e3o e entrega. Sem enviar nenhum arquivo original para a nuvem. Menos custo, mais controle. A entrega come\u00e7a onde ela j\u00e1 deveria ter come\u00e7ado: no seu pr\u00f3prio servidor.\n        &lt;\/p&gt;\n\n        &lt;div class=&quot;mt-10 flex flex-col sm:flex-row gap-4&quot;&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;btn-primary&quot;&gt;\n            &lt;svg width=&quot;18&quot; height=&quot;18&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n            Falar com um consultor\n          &lt;\/a&gt;\n          &lt;a href=&quot;#como-funciona&quot; class=&quot;btn-secondary&quot;&gt;\n            Ver como funciona\n            &lt;svg width=&quot;16&quot; height=&quot;16&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot; stroke-linecap=&quot;square&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M6 9l6 6 6-6&quot;\/&gt;&lt;\/svg&gt;\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Trust signals --&gt;\n        &lt;div class=&quot;mt-12 flex flex-wrap items-center gap-x-8 gap-y-3 text-xs uppercase tracking-widest text-white\/50&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n            &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-orange&quot;&gt;&lt;\/span&gt;\n            Sua estrutura\n          &lt;\/div&gt;\n          &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n            &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-orange&quot;&gt;&lt;\/span&gt;\n            Sua marca\n          &lt;\/div&gt;\n          &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n            &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-orange&quot;&gt;&lt;\/span&gt;\n            Sua entrega\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Coluna direita: mockup dashboard + phone --&gt;\n      &lt;div class=&quot;lg:col-span-6 relative&quot;&gt;\n        &lt;div class=&quot;relative&quot;&gt;\n          &lt;!-- Dashboard mockup --&gt;\n          &lt;div class=&quot;dash-mock frame&quot;&gt;\n            &lt;span class=&quot;bl&quot;&gt;&lt;\/span&gt;&lt;span class=&quot;br&quot;&gt;&lt;\/span&gt;\n            &lt;div class=&quot;dash-titlebar&quot;&gt;\n              &lt;div class=&quot;dash-dot&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;dash-dot&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;dash-dot orange&quot;&gt;&lt;\/div&gt;\n              &lt;div class=&quot;ml-3 font-mono text-[11px] text-white\/50 tracking-tight&quot;&gt;D:\\PhotoRF\\evento_familyday_2026&lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;p-4&quot;&gt;\n              &lt;!-- Header do painel --&gt;\n              &lt;div class=&quot;flex items-center justify-between mb-3&quot;&gt;\n                &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n                  &lt;svg width=&quot;14&quot; height=&quot;14&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z&quot;\/&gt;&lt;\/svg&gt;\n                  &lt;span class=&quot;text-white text-xs font-semibold&quot;&gt;Family Day \/ Col\u00e9gio Objetivo&lt;\/span&gt;\n                &lt;\/div&gt;\n                &lt;span class=&quot;text-[10px] font-mono text-orange&quot;&gt;SYNC ATIVO&lt;\/span&gt;\n              &lt;\/div&gt;\n              &lt;!-- Grid de thumbs --&gt;\n              &lt;div class=&quot;grid grid-cols-6 gap-1.5&quot;&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n              &lt;\/div&gt;\n              &lt;!-- Footer stats --&gt;\n              &lt;div class=&quot;mt-4 pt-3 border-t border-white\/5 flex items-center justify-between text-[10px] font-mono text-white\/50&quot;&gt;\n                &lt;span&gt;3.792 fotos indexadas&lt;\/span&gt;\n                &lt;span&gt;127 galerias \u00b7 &lt;span class=&quot;text-orange&quot;&gt;98% enviadas&lt;\/span&gt;&lt;\/span&gt;\n              &lt;\/div&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Phone mockup sobreposto --&gt;\n          &lt;div class=&quot;absolute -bottom-8 -right-4 md:-right-8 w-40 md:w-52 phone-shell hidden sm:block&quot;&gt;\n            &lt;div class=&quot;phone-notch&quot;&gt;&lt;\/div&gt;\n            &lt;div class=&quot;phone-screen p-3&quot;&gt;\n              &lt;div class=&quot;flex items-center justify-between mb-2&quot;&gt;\n                &lt;span class=&quot;text-[9px] font-bold text-orange uppercase tracking-widest&quot;&gt;Galeria&lt;\/span&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#fff&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;4&quot; y1=&quot;12&quot; x2=&quot;20&quot; y2=&quot;12&quot;\/&gt;&lt;line x1=&quot;4&quot; y1=&quot;6&quot; x2=&quot;20&quot; y2=&quot;6&quot;\/&gt;&lt;line x1=&quot;4&quot; y1=&quot;18&quot; x2=&quot;20&quot; y2=&quot;18&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;div class=&quot;text-[10px] font-semibold text-white mb-3 leading-tight&quot;&gt;Ana Beatriz Silva&lt;\/div&gt;\n              &lt;div class=&quot;grid grid-cols-3 gap-1&quot;&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n              &lt;\/div&gt;\n              &lt;div class=&quot;mt-3 h-8 rounded bg-orange flex items-center justify-center text-[9px] font-black text-black uppercase tracking-widest&quot;&gt;Selecionar&lt;\/div&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- Ticker de marca --&gt;\n  &lt;div class=&quot;ticker&quot; aria-hidden=&quot;true&quot;&gt;\n    &lt;div class=&quot;ticker__track&quot;&gt;\n      &lt;span&gt;Sem upload&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Sua marca do come\u00e7o ao fim&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Menos custo \u00b7 Mais controle&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Sem upload&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Sua marca do come\u00e7o ao fim&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Menos custo \u00b7 Mais controle&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n\n  &lt;!-- ============ BLOCO 2 - A DOR ============ --&gt;\n  &lt;section class=&quot;py-20 md:py-32 bg-ink-950 relative&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16&quot;&gt;\n        &lt;div class=&quot;lg:col-span-5&quot;&gt;\n          &lt;span class=&quot;eyebrow-ghost&quot;&gt;Seu trabalho j\u00e1 exige demais&lt;\/span&gt;\n          &lt;h2 class=&quot;h-display text-white mt-6 text-[44px] sm:text-[54px] md:text-[64px]&quot;&gt;\n            E a entrega&lt;br\/&gt;\n            de fotos ainda&lt;br\/&gt;\n            est\u00e1 te &lt;span class=&quot;text-orange&quot;&gt;custando&lt;\/span&gt;&lt;br\/&gt;\n            horas.\n          &lt;\/h2&gt;\n          &lt;span class=&quot;rule-orange mt-8 mb-6&quot;&gt;&lt;\/span&gt;\n          &lt;p class=&quot;text-white\/70 text-lg leading-relaxed&quot;&gt;\n            Depois de fotografar, selecionar e editar, ainda vem a parte que ningu\u00e9m deveria precisar gerenciar: o caos da entrega.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;lg:col-span-7 grid sm:grid-cols-2 gap-5&quot;&gt;\n          &lt;!-- Card 1 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4&quot;\/&gt;&lt;polyline points=&quot;17 8 12 3 7 8&quot;\/&gt;&lt;line x1=&quot;12&quot; y1=&quot;3&quot; x2=&quot;12&quot; y2=&quot;15&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;01&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Uploads intermin\u00e1veis&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Grandes eventos geram milhares de fotos. Enviar tudo para a nuvem consome horas da sua equipe e dinheiro todo m\u00eas em armazenamento.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Card 2 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;02&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Sele\u00e7\u00f5es perdidas no WhatsApp&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Prints, \u00e1udios, listas incompletas. O formando manda de um jeito, a equipe interpreta de outro. O resultado vira retrabalho.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Card 3 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71&quot;\/&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;03&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Links e galerias desorganizados&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Quanto maior a opera\u00e7\u00e3o, mais dif\u00edcil fica controlar quem recebeu, quem acessou e quem ainda n\u00e3o confirmou.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Card 4 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;22&quot; y1=&quot;2&quot; x2=&quot;11&quot; y2=&quot;13&quot;\/&gt;&lt;polygon points=&quot;22 2 15 22 11 13 2 9 22 2&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;04&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Mensagens uma por uma&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Sua equipe queima tempo disparando link por link, cobrindo o que poderia ser automatizado em segundos.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;div class=&quot;mt-16 md:mt-20 max-w-3xl mx-auto text-center&quot;&gt;\n        &lt;p class=&quot;text-xl md:text-2xl text-white\/85 leading-snug font-display uppercase tracking-tight&quot;&gt;\n          Essas n\u00e3o s\u00e3o falhas de gest\u00e3o. S\u00e3o sintomas de uma &lt;span class=&quot;text-orange&quot;&gt;infraestrutura de entrega&lt;\/span&gt; que n\u00e3o acompanhou o tamanho do seu neg\u00f3cio.\n        &lt;\/p&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 3 - A VIRADA ============ --&gt;\n  &lt;section id=&quot;solucao&quot; class=&quot;py-20 md:py-32 relative overflow-hidden&quot; style=&quot;background: linear-gradient(180deg, #000 0%, #0a0a0a 50%, #000 100%);&quot;&gt;\n    &lt;!-- Ambiente luz laranja --&gt;\n    &lt;div class=&quot;absolute -top-40 -right-40 w-[600px] h-[600px] rounded-full opacity-20&quot; style=&quot;background: radial-gradient(circle, rgba(244,117,33,0.4), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;absolute -bottom-40 -left-40 w-[500px] h-[500px] rounded-full opacity-10&quot; style=&quot;background: radial-gradient(circle, rgba(244,117,33,0.5), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;text-center max-w-4xl mx-auto mb-16 md:mb-24&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;A Solu\u00e7\u00e3o&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[46px] sm:text-[60px] md:text-[80px]&quot;&gt;\n          Com o Server PhotoRF,&lt;br\/&gt;\n          a &lt;span class=&quot;text-orange&quot;&gt;entrega come\u00e7a&lt;\/span&gt;&lt;br\/&gt;\n          na sua pasta.\n        &lt;\/h2&gt;\n        &lt;span class=&quot;rule-orange mt-8 mb-6 mx-auto&quot;&gt;&lt;\/span&gt;\n        &lt;p class=&quot;text-lg md:text-xl text-white\/75 leading-relaxed max-w-3xl mx-auto&quot;&gt;\n          Voc\u00ea continua trabalhando como sempre trabalhou, organizando suas fotos no computador. O Server PhotoRF assume dali em diante. Ele l\u00ea suas pastas, prepara vers\u00f5es leves para visualiza\u00e7\u00e3o online, gera galerias personalizadas e disponibiliza os arquivos originais em alta somente quando o cliente solicita o download. Sem esperar upload terminar. Sem pagar armazenamento externo para cada gigabyte.\n        &lt;\/p&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Showcase: pasta local vira galeria online --&gt;\n      &lt;div class=&quot;grid md:grid-cols-2 gap-6 md:gap-8 mb-20 md:mb-28&quot;&gt;\n        &lt;div&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;C:\\Fotos\\COL\u00c9GIO PX3\\3792&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/pastas-computador.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/pastas-computador.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/pastas-computador@2x.webp 2x&quot;\n              alt=&quot;Explorador de arquivos do Windows mostrando pasta do Col\u00e9gio PX3 com centenas de miniaturas de fotos organizadas no computador do fot\u00f3grafo&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1400&quot; height=&quot;787&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;A pasta que j\u00e1 existe no seu servidor&lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;div&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;app.serverphotorf.com.br\/personalizar&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/personalizar-colegio.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/personalizar-colegio.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/personalizar-colegio@2x.webp 2x&quot;\n              alt=&quot;Painel de personaliza\u00e7\u00e3o do Server PhotoRF para o Col\u00e9gio PX3 com cor principal laranja, logotipo aplicado e pr\u00e9via da galeria mostrando os produtos dispon\u00edveis&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1400&quot; height=&quot;659&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;A galeria com sua marca, no ar em minutos&lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- 4 diferenciais --&gt;\n      &lt;div class=&quot;grid md:grid-cols-2 gap-x-14 gap-y-12&quot;&gt;\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 01&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;Suas fotos originais&lt;br\/&gt;ficam com voc\u00ea&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Os arquivos em alta resolu\u00e7\u00e3o permanecem protegidos no seu pr\u00f3prio equipamento. O sistema disponibiliza vers\u00f5es otimizadas para visualiza\u00e7\u00e3o e entrega o original sob demanda.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;1&quot; x2=&quot;12&quot; y2=&quot;23&quot;\/&gt;&lt;path d=&quot;M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 02&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;Sem custo de&lt;br\/&gt;armazenamento em nuvem&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Chega de pagar mensalidade para AWS, Google Cloud ou Backblaze para guardar o que j\u00e1 est\u00e1 guardado no seu servidor. O Server PhotoRF usa a estrutura que voc\u00ea j\u00e1 tem.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;10&quot;\/&gt;&lt;path d=&quot;M12 6v6l4 2&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 03&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;Personaliza\u00e7\u00e3o completa&lt;br\/&gt;com a sua marca&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Logo, cores, capa, marca d'\u00e1gua, \u00edcone, bot\u00f5es e estilo de galeria, tradicional ou formato livro. A experi\u00eancia do seu cliente carrega a identidade da sua empresa do come\u00e7o ao fim.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; style=&quot;color:#F47521;&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347zM20.52 3.449C12.831-3.984.106 1.407.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652a11.882 11.882 0 0 0 5.688 1.448h.005c9.848 0 15.674-10.667 10.601-19.194a11.821 11.821 0 0 0-2.109-3.153zM12.03 21.785h-.004a9.87 9.87 0 0 1-5.03-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.003-8.75 10.688-13.129 16.87-6.94A9.876 9.876 0 0 1 21.94 11.9c-.004 5.443-4.437 9.884-9.91 9.884z&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 04&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;WhatsApp Business&lt;br\/&gt;API oficial&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Dispare mensagens em massa com nome do formando, nome do evento e link exclusivo preenchidos automaticamente, direto pelo canal oficial. Sem colocar seu n\u00famero em risco, sem aplicativo paralelo.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 4 - RECURSOS ============ --&gt;\n  &lt;section id=&quot;recursos&quot; class=&quot;py-20 md:py-32 bg-ink-950 relative&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid lg:grid-cols-12 gap-10 mb-16&quot;&gt;\n        &lt;div class=&quot;lg:col-span-6&quot;&gt;\n          &lt;span class=&quot;eyebrow-ghost&quot;&gt;O que voc\u00ea passa a ter&lt;\/span&gt;\n          &lt;h2 class=&quot;h-display text-white mt-6 text-[44px] sm:text-[54px] md:text-[68px]&quot;&gt;\n            Tudo que uma&lt;br\/&gt;\n            &lt;span class=&quot;text-orange&quot;&gt;opera\u00e7\u00e3o profissional&lt;\/span&gt;&lt;br\/&gt;\n            precisa.\n          &lt;\/h2&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;lg:col-span-5 lg:col-start-8 flex flex-col justify-end gap-6&quot;&gt;\n          &lt;p class=&quot;text-white\/70 text-lg leading-relaxed&quot;&gt;\n            Cada recurso foi constru\u00eddo a partir da opera\u00e7\u00e3o real de est\u00fadios que fotografam grandes volumes de eventos por m\u00eas. Nada de feature sobrando. Tudo com uso comprovado no ch\u00e3o da entrega.\n          &lt;\/p&gt;\n          &lt;!-- Accent: cartao real de um formando no sistema --&gt;\n          &lt;div&gt;\n            &lt;div class=&quot;app-shot&quot;&gt;\n              &lt;div class=&quot;app-shot__bar&quot;&gt;\n                &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n                &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n                &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n                &lt;span class=&quot;app-shot__addr&quot;&gt;\/formandos\/#3792&lt;\/span&gt;\n              &lt;\/div&gt;\n              &lt;img\n                src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/cartao-formando.webp&quot;\n                srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/cartao-formando.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/cartao-formando@2x.webp 2x&quot;\n                alt=&quot;Cart\u00e3o de controle de um formando no Server PhotoRF exibindo avatar, e-mail, telefone, toggles de m\u00ednimo, m\u00e1ximo, compartilhamento, alta resolu\u00e7\u00e3o e coment\u00e1rios, al\u00e9m dos produtos Quadro e Calend\u00e1rio liberados&quot;\n                loading=&quot;lazy&quot;\n                width=&quot;546&quot; height=&quot;182&quot;\n                class=&quot;app-shot__img&quot;\n              \/&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;app-shot-caption&quot;&gt;Controle por formando \u00b7 toggle a toggle&lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Grid 8 recursos --&gt;\n      &lt;div class=&quot;grid sm:grid-cols-2 lg:grid-cols-4 gap-4&quot;&gt;\n        &lt;!-- 1 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;rect x=&quot;3&quot; y=&quot;3&quot; width=&quot;18&quot; height=&quot;18&quot; rx=&quot;2&quot;\/&gt;&lt;circle cx=&quot;8.5&quot; cy=&quot;8.5&quot; r=&quot;1.5&quot;\/&gt;&lt;polyline points=&quot;21 15 16 10 5 21&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Galeria exclusiva por formando&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Cada cliente recebe um link \u00fanico. Acessa sem senha, visualiza, seleciona, comenta e solicita download tudo pelo celular.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 2 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;polyline points=&quot;23 4 23 10 17 10&quot;\/&gt;&lt;polyline points=&quot;1 20 1 14 7 14&quot;\/&gt;&lt;path d=&quot;M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Modo standby autom\u00e1tico&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Coloque novas fotos na pasta e o sistema sincroniza sozinho. Sem precisar repetir o processo para cada evento novo.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 3 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M9 11l3 3L22 4&quot;\/&gt;&lt;path d=&quot;M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;M\u00ednimo e m\u00e1ximo de sele\u00e7\u00e3o&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Defina quantas fotos cada produto permite. O sistema bloqueia o que est\u00e1 fora do limite sem surpresa na entrega.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 4 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4&quot;\/&gt;&lt;polyline points=&quot;7 10 12 15 17 10&quot;\/&gt;&lt;line x1=&quot;12&quot; y1=&quot;15&quot; x2=&quot;12&quot; y2=&quot;3&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Download em alta sob demanda&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Habilite ou desabilite o download do arquivo original por produto. O formando s\u00f3 recebe o arquivo em alta quando voc\u00ea libera.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 5 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M9 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-4&quot;\/&gt;&lt;polyline points=&quot;9 5 12 2 15 5&quot;\/&gt;&lt;line x1=&quot;12&quot; y1=&quot;2&quot; x2=&quot;12&quot; y2=&quot;15&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Registro completo de envios&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Data, hora, quem viu, quem baixou, quem ainda n\u00e3o acessou. Toda a comunica\u00e7\u00e3o registrada e acompanhada em um lugar s\u00f3.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 6 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z&quot;\/&gt;&lt;polyline points=&quot;22,6 12,13 2,6&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;E-mail em massa com seu dom\u00ednio&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Al\u00e9m do WhatsApp, envie notifica\u00e7\u00f5es pelo seu pr\u00f3prio dom\u00ednio de e-mail refor\u00e7ando a identidade da sua empresa em cada comunica\u00e7\u00e3o.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 7 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&quot;\/&gt;&lt;path d=&quot;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Galeria tradicional ou formato livro&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Escolha como seus clientes v\u00e3o visualizar as fotos. A experi\u00eancia se adapta ao perfil do evento e ao padr\u00e3o est\u00e9tico do seu est\u00fadio.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 8 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Coment\u00e1rios e compartilhamento&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Ative ou desative coment\u00e1rios por foto e compartilhamento de galeria conforme a necessidade de cada produto ou cliente.&lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 5 - COMO FUNCIONA ============ --&gt;\n  &lt;section id=&quot;como-funciona&quot; class=&quot;py-20 md:py-32 relative overflow-hidden&quot; style=&quot;background: #050505;&quot;&gt;\n    &lt;div class=&quot;absolute inset-0 opacity-[0.03]&quot; style=&quot;background-image: linear-gradient(#F47521 1px, transparent 1px), linear-gradient(90deg, #F47521 1px, transparent 1px); background-size: 60px 60px;&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;max-w-3xl mb-16 md:mb-24&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;Veja como \u00e9 simples&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[46px] sm:text-[60px] md:text-[76px]&quot;&gt;\n          Do seu computador&lt;br\/&gt;\n          &lt;span class=&quot;text-orange&quot;&gt;para a galeria&lt;\/span&gt;&lt;br\/&gt;\n          em poucos passos.\n        &lt;\/h2&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- 4 passos --&gt;\n      &lt;div class=&quot;grid md:grid-cols-2 gap-8 md:gap-x-12 md:gap-y-16&quot;&gt;\n        &lt;!-- Passo 1 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;01&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 1&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              Organize no&lt;br\/&gt;seu servidor\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              Voc\u00ea aponta as pastas do evento para o Server PhotoRF. Seus arquivos originais n\u00e3o saem do seu equipamento.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Passo 2 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;02&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 2&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              O sistema monta&lt;br\/&gt;as galerias\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              Em modo standby, o Server PhotoRF sincroniza vers\u00f5es otimizadas, aplica sua identidade visual e cria o link exclusivo de cada formando automaticamente.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Passo 3 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;03&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 3&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              Voc\u00ea dispara&lt;br\/&gt;em massa\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              Com o WhatsApp Business API integrado, envie o link de cada galeria para todos os formandos de uma vez. Nome, evento e link preenchidos automaticamente na mensagem.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Passo 4 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;04&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 4&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              O cliente acessa,&lt;br\/&gt;seleciona e pede\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              O formando abre o link no celular, visualiza as fotos, faz a sele\u00e7\u00e3o, deixa coment\u00e1rios e solicita o download em alta tudo sem precisar de senha ou aplicativo instalado.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Showcase visual dos passos: agente desktop + WhatsApp --&gt;\n      &lt;div class=&quot;grid md:grid-cols-5 gap-6 md:gap-8 mt-20 md:mt-24 items-start&quot;&gt;\n        &lt;div class=&quot;md:col-span-3&quot;&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;Server PhotoRF Agent \u00b7 v1.0&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/agente-desktop.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/agente-desktop.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/agente-desktop@2x.webp 2x&quot;\n              alt=&quot;Agente desktop do Server PhotoRF instalado na m\u00e1quina do fot\u00f3grafo, configurando pastas de origem, tamanhos de miniatura 400 e 1600 e log processando 4147 fotos em tempo real&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1400&quot; height=&quot;750&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;Passos 1 e 2 \u00b7 o agente que roda na sua m\u00e1quina&lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;md:col-span-2&quot;&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;app.serverphotorf.com.br\/whatsapp&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/whatsapp-painel.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/whatsapp-painel.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/whatsapp-painel@2x.webp 2x&quot;\n              alt=&quot;Painel do WhatsApp Business API dentro do Server PhotoRF com abas Templates e Disparos, bot\u00f5es Sincronizar com a Meta e Novo template prontos para envio em massa&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1120&quot; height=&quot;492&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;Passo 3 \u00b7 disparo em massa via WhatsApp oficial&lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 6 - PROVA SOCIAL ============ --&gt;\n  &lt;section class=&quot;py-20 md:py-32 bg-black relative overflow-hidden&quot;&gt;\n    &lt;div class=&quot;absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[900px] h-[900px] rounded-full opacity-[0.08]&quot; style=&quot;background: radial-gradient(circle, rgba(244,117,33,0.6), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;max-w-4xl mx-auto text-center&quot;&gt;\n        &lt;span class=&quot;eyebrow-ghost&quot;&gt;Quem j\u00e1 usa&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[42px] sm:text-[54px] md:text-[68px]&quot;&gt;\n          Empresas de fotografia&lt;br\/&gt;\n          que levaram a&lt;br\/&gt;\n          &lt;span class=&quot;text-orange&quot;&gt;entrega a s\u00e9rio&lt;\/span&gt;.\n        &lt;\/h2&gt;\n        &lt;span class=&quot;rule-orange mt-8 mb-8 mx-auto&quot;&gt;&lt;\/span&gt;\n        &lt;p class=&quot;text-lg md:text-xl text-white\/75 leading-relaxed max-w-3xl mx-auto&quot;&gt;\n          O Server PhotoRF \u00e9 desenvolvido pela &lt;span class=&quot;text-white font-semibold&quot;&gt;PX3 Lab&lt;\/span&gt;, refer\u00eancia em automa\u00e7\u00e3o editorial, vis\u00e3o computacional e intelig\u00eancia artificial para fotografia profissional no Brasil. Cada recurso foi constru\u00eddo a partir da opera\u00e7\u00e3o real de est\u00fadios que fotografam grandes volumes de eventos por m\u00eas.\n        &lt;\/p&gt;\n\n        &lt;!-- Pilares PX3 Lab --&gt;\n        &lt;div class=&quot;mt-14 grid grid-cols-2 md:grid-cols-4 gap-6 max-w-4xl mx-auto&quot;&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Automa\u00e7\u00e3o&lt;br\/&gt;editorial&lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z&quot;\/&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Vis\u00e3o&lt;br\/&gt;computacional&lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;10&quot;\/&gt;&lt;path d=&quot;M12 6v6l3 2&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Intelig\u00eancia&lt;br\/&gt;artificial&lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2&quot;\/&gt;&lt;circle cx=&quot;12&quot; cy=&quot;7&quot; r=&quot;4&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Reconhecimento&lt;br\/&gt;facial&lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 7 - FAQ ============ --&gt;\n  &lt;section id=&quot;faq&quot; class=&quot;py-20 md:py-32 bg-ink-950 relative&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid lg:grid-cols-12 gap-10 lg:gap-16&quot;&gt;\n        &lt;div class=&quot;lg:col-span-4&quot;&gt;\n          &lt;span class=&quot;eyebrow-ghost&quot;&gt;Perguntas frequentes&lt;\/span&gt;\n          &lt;h2 class=&quot;h-display text-white mt-6 text-[40px] sm:text-[50px] md:text-[58px] leading-[0.95]&quot;&gt;\n            Respostas&lt;br\/&gt;\n            diretas para&lt;br\/&gt;\n            quem est\u00e1&lt;br\/&gt;\n            &lt;span class=&quot;text-orange&quot;&gt;avaliando&lt;\/span&gt;.\n          &lt;\/h2&gt;\n          &lt;span class=&quot;rule-orange mt-6 mb-6&quot;&gt;&lt;\/span&gt;\n          &lt;p class=&quot;text-white\/60 text-[15px] leading-relaxed&quot;&gt;\n            Se sua d\u00favida n\u00e3o estiver aqui, fale com um consultor. Respondemos por WhatsApp em hor\u00e1rio comercial.\n          &lt;\/p&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;inline-flex mt-6 items-center gap-2 text-orange font-semibold hover:underline&quot;&gt;\n            Abrir conversa\n            &lt;svg width=&quot;14&quot; height=&quot;14&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;polyline points=&quot;12 5 19 12 12 19&quot;\/&gt;&lt;\/svg&gt;\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;lg:col-span-8&quot;&gt;\n          &lt;details class=&quot;faq-item&quot; open&gt;\n            &lt;summary&gt;\n              Como as fotos originais ficam protegidas?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Os arquivos em alta resolu\u00e7\u00e3o nunca saem do seu computador ou servidor. O Server PhotoRF trabalha com vers\u00f5es otimizadas para visualiza\u00e7\u00e3o online. O original s\u00f3 \u00e9 acessado quando o formando solicita o download e apenas se voc\u00ea habilitou essa op\u00e7\u00e3o para aquele produto.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Preciso deixar o computador ligado o tempo todo?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Sim, o servidor precisa estar ligado e com conex\u00e3o ativa para que as galerias fiquem dispon\u00edveis aos clientes. O sistema opera em modo standby, consome poucos recursos e funciona em segundo plano enquanto voc\u00ea trabalha normalmente.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Funciona em Windows e Mac?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              O Server PhotoRF foi desenvolvido para rodar nativamente em Windows. Consulte nossos especialistas para verificar a compatibilidade com a configura\u00e7\u00e3o espec\u00edfica da sua m\u00e1quina.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              E se a minha internet cair?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Durante uma queda de conex\u00e3o, as galerias ficam temporariamente indispon\u00edveis para os clientes. Assim que a conex\u00e3o \u00e9 restabelecida, o sistema volta a operar normalmente sem nenhuma interven\u00e7\u00e3o manual.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Como funciona a personaliza\u00e7\u00e3o da galeria?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Voc\u00ea configura logo, paleta de cores, capa, marca d'\u00e1gua, \u00edcone, estilo de bot\u00f5es e formato de exibi\u00e7\u00e3o, galeria tradicional ou estilo livro. Cada galeria entregue carrega a identidade visual do seu est\u00fadio, n\u00e3o da PX3 Lab.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Como funciona a cobran\u00e7a para o meu cliente?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              O Server PhotoRF gerencia a entrega e a sele\u00e7\u00e3o. A r\u00e9gua de cobran\u00e7a, como voc\u00ea precifica e cobra seus formandos, \u00e9 definida por voc\u00ea. O sistema \u00e9 compat\u00edvel com diferentes fluxos comerciais. Fale com um consultor para entender a melhor configura\u00e7\u00e3o para a sua opera\u00e7\u00e3o.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Como falo com um consultor?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Clique no bot\u00e3o do topo ou entre em contato direto pelo WhatsApp. Nossa equipe apresenta o sistema, entende o perfil da sua opera\u00e7\u00e3o e indica a configura\u00e7\u00e3o mais adequada para o seu volume.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 8 - CTA FINAL ============ --&gt;\n  &lt;section class=&quot;py-20 md:py-32 relative overflow-hidden&quot; style=&quot;background: linear-gradient(180deg, #000 0%, #0d0d0d 100%);&quot;&gt;\n    &lt;!-- Grande luz laranja de baixo --&gt;\n    &lt;div class=&quot;absolute inset-x-0 -bottom-40 h-[600px]&quot; style=&quot;background: radial-gradient(ellipse at center bottom, rgba(244,117,33,0.28), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;max-w-5xl mx-auto text-center&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;Sua marca. Sua estrutura. Sua entrega.&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[46px] sm:text-[62px] md:text-[92px] lg:text-[104px]&quot;&gt;\n          Menos upload.&lt;br\/&gt;\n          &lt;span class=&quot;text-orange&quot;&gt;Mais controle.&lt;\/span&gt;&lt;br\/&gt;\n          Entrega profissional.\n        &lt;\/h2&gt;\n        &lt;span class=&quot;rule-orange mt-8 mb-8 mx-auto&quot;&gt;&lt;\/span&gt;\n        &lt;p class=&quot;text-lg md:text-xl text-white\/80 leading-relaxed max-w-3xl mx-auto&quot;&gt;\n          O Server PhotoRF foi constru\u00eddo para quem j\u00e1 tem uma opera\u00e7\u00e3o s\u00e9ria e quer entregar na mesma altura. Fale com um consultor, entenda o que o sistema faz pela sua empresa e veja como configurar para o seu volume de eventos.\n        &lt;\/p&gt;\n\n        &lt;div class=&quot;mt-12 flex flex-col sm:flex-row gap-4 justify-center&quot;&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;btn-primary text-base&quot;&gt;\n            &lt;svg width=&quot;18&quot; height=&quot;18&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n            Falar com um consultor agora\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n\n        &lt;p class=&quot;mt-8 text-white\/50 text-sm&quot;&gt;\n          Prefere ver uma demonstra\u00e7\u00e3o?\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Quero%20uma%20demonstra%C3%A7%C3%A3o%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;text-orange font-semibold hover:underline ml-1&quot;&gt;Entre em contato.&lt;\/a&gt;\n        &lt;\/p&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ FOOTER ============ --&gt;\n  &lt;footer class=&quot;border-t border-white\/5 py-12 bg-black&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid md:grid-cols-3 gap-8 items-start&quot;&gt;\n        &lt;div&gt;\n          &lt;div class=&quot;flex items-center gap-2 mb-3&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 64 64&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; aria-hidden=&quot;true&quot;&gt;\n              &lt;g fill=&quot;#F47521&quot;&gt;\n                &lt;path d=&quot;M12 18 L28 18 L36 32 L28 46 L12 46 L20 32 Z&quot;\/&gt;\n                &lt;rect x=&quot;40&quot; y=&quot;24&quot; width=&quot;10&quot; height=&quot;16&quot; rx=&quot;2&quot;\/&gt;\n              &lt;\/g&gt;\n            &lt;\/svg&gt;\n            &lt;span class=&quot;font-display font-black text-lg tracking-wide&quot;&gt;SERVER&lt;span class=&quot;text-orange&quot;&gt;PHOTORF&lt;\/span&gt;&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;p class=&quot;text-white\/50 text-sm leading-relaxed&quot;&gt;\n            Um produto &lt;span class=&quot;text-white font-semibold&quot;&gt;PX3 Lab&lt;\/span&gt;. Automa\u00e7\u00e3o editorial, vis\u00e3o computacional, intelig\u00eancia artificial e reconhecimento facial para fotografia profissional.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div&gt;\n          &lt;h4 class=&quot;font-display uppercase text-orange text-sm tracking-widest mb-4&quot;&gt;Contato&lt;\/h4&gt;\n          &lt;ul class=&quot;space-y-2 text-white\/70 text-sm&quot;&gt;\n            &lt;li&gt;&lt;a href=&quot;mailto:contato@px3lab.com.br&quot; class=&quot;hover:text-orange transition&quot;&gt;contato@px3lab.com.br&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li&gt;&lt;a href=&quot;https:\/\/www.px3lab.com.br&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;hover:text-orange transition&quot;&gt;www.px3lab.com.br&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li&gt;S\u00e3o Paulo \u00b7 SP \u00b7 Brasil&lt;\/li&gt;\n          &lt;\/ul&gt;\n        &lt;\/div&gt;\n\n        &lt;div&gt;\n          &lt;h4 class=&quot;font-display uppercase text-orange text-sm tracking-widest mb-4&quot;&gt;Fale agora&lt;\/h4&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;inline-flex items-center gap-2 text-white hover:text-orange transition text-sm&quot;&gt;\n            &lt;svg width=&quot;16&quot; height=&quot;16&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n            WhatsApp comercial\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;div class=&quot;mt-10 pt-6 border-t border-white\/5 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-white\/40&quot;&gt;\n        &lt;span&gt;\u00a9 2026 PX3 Lab \u00b7 Todos os direitos reservados&lt;\/span&gt;\n        &lt;span class=&quot;font-mono&quot;&gt;Server PhotoRF \u00b7 v1.0&lt;\/span&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/footer&gt;\n\n  &lt;!-- WhatsApp flutuante mobile --&gt;\n  &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;fixed bottom-5 right-5 z-40 md:hidden w-14 h-14 rounded-full bg-orange flex items-center justify-center shadow-orange-glow&quot; aria-label=&quot;Falar no WhatsApp&quot;&gt;\n    &lt;svg width=&quot;26&quot; height=&quot;26&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;#000&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347zM20.52 3.449C12.831-3.984.106 1.407.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652a11.882 11.882 0 0 0 5.688 1.448h.005c9.848 0 15.674-10.667 10.601-19.194a11.821 11.821 0 0 0-2.109-3.153zM12.03 21.785h-.004a9.87 9.87 0 0 1-5.03-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.003-8.75 10.688-13.129 16.87-6.94A9.876 9.876 0 0 1 21.94 11.9c-.004 5.443-4.437 9.884-9.91 9.884z&quot;\/&gt;&lt;\/svg&gt;\n  &lt;\/a&gt;\n\n  &lt;script&gt;\n    \/\/ Scroll reveal simples - so ativa se prefers-reduced-motion nao estiver ligado\n    if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n      document.documentElement.classList.add('js-ready');\n      const io = new IntersectionObserver((entries) =&gt; {\n        entries.forEach(e =&gt; {\n          if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\n        });\n      }, { threshold: 0.12, rootMargin: '0px 0px -50px 0px' });\n      document.querySelectorAll('.card, .diff-block').forEach(el =&gt; {\n        el.classList.add('reveal');\n        io.observe(el);\n      });\n    }\n  &lt;\/script&gt;\n&lt;script&gt;(function(){if(window.parent===window)return;function s(){var h=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight);try{window.parent.postMessage({type:&quot;serverphotorf:resize&quot;,height:h},&quot;*&quot;);}catch(e){}}window.addEventListener(&quot;load&quot;,function(){s();setTimeout(s,300);setTimeout(s,1000);setTimeout(s,2500);});window.addEventListener(&quot;resize&quot;,s);if(window.ResizeObserver)new ResizeObserver(s).observe(document.body);})();&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n\" title=\"Server PhotoRF\" loading=\"eager\" scrolling=\"no\"><\/iframe><\/div><script>(function(){var f=document.getElementById(\"sphotorf-frame\");if(!f)return;window.addEventListener(\"message\",function(ev){var d=ev.data;if(d&&d.type===\"serverphotorf:resize\"&&typeof d.height===\"number\"){f.style.height=(d.height+10)+\"px\";}});})();<\/script>","rendered":"<style id=\"sphotorf-theme-override\">body.page-id-2873 .masthead,body.page-id-2873 #masthead,body.page-id-2873 #footer,body.page-id-2873 .footer,body.page-id-2873 .page-title,body.page-id-2873 .breadcrumbs,body.page-id-2873 #sidebar,body.page-id-2873 aside#sidebar,body.page-id-2873 .sidebar,body.page-id-2873 .mobile-header,body.page-id-2873 .dt-back-to-top,body.page-id-2873 .share-buttons,body.page-id-2873 .post-share,body.page-id-2873 .share-title,body.page-id-2873 .entry-share,body.page-id-2873 .single-share,body.page-id-2873 .page-share,body.page-id-2873 .post-nav,body.page-id-2873 .post-comments,body.page-id-2873 .comments-area,body.page-id-2873 .related-posts,body.page-id-2873 .author-bio,body.page-id-2873 .gif_whatsapp{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important}body.page-id-2873 #main.sidebar-right,body.page-id-2873 #main.sidebar-left,body.page-id-2873 #main{display:block!important;grid-template-columns:none!important;grid-template-areas:none!important;gap:0!important}body.page-id-2873 .sidebar-content{display:block!important;grid-template-columns:none!important}body.page-id-2873 #page,body.page-id-2873 #main,body.page-id-2873 #content,body.page-id-2873 .sidebar-content,body.page-id-2873 .content,body.page-id-2873 .entry-content,body.page-id-2873 article.post-2873,body.page-id-2873 article,body.page-id-2873 .post-2873,body.page-id-2873 .hentry,body.page-id-2873 .wf-wrap,body.page-id-2873 .wf-container,body.page-id-2873 .wf-container-main,body.page-id-2873 .wf-td,body.page-id-2873 .dt-css-grid{max-width:100%!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;background:#000!important;flex:1 1 100%!important;grid-column:1\/-1!important}body.page-id-2873{overflow-x:hidden!important;background:#000!important}body.page-id-2873 #page{background:#000!important}.sphotorf-wrap{margin:0!important;padding:0!important;width:100%!important;background:#000!important}.sphotorf-wrap iframe{display:block!important;width:100%!important;border:0!important;min-height:8500px;background:#000!important}@media (max-width:768px){.sphotorf-wrap iframe{min-height:13000px}}<\/style>\n<div class=\"sphotorf-wrap\"><iframe id=\"sphotorf-frame\" srcdoc=\"&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;pt-BR&quot;&gt;\n&lt;head&gt;\n  &lt;meta charset=&quot;UTF-8&quot; \/&gt;\n  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=5.0&quot; \/&gt;\n  &lt;meta name=&quot;theme-color&quot; content=&quot;#000000&quot; \/&gt;\n  &lt;title&gt;Server PhotoRF | PX3 Lab \u2014 Da sua pasta diretamente para o cliente&lt;\/title&gt;\n  &lt;meta name=&quot;description&quot; content=&quot;Transforme as pastas do seu computador em galerias profissionais de sele\u00e7\u00e3o e entrega. Sem enviar arquivos originais para a nuvem. Menos custo, mais controle.&quot; \/&gt;\n\n  &lt;!-- Open Graph --&gt;\n  &lt;meta property=&quot;og:title&quot; content=&quot;Server PhotoRF | Da sua pasta diretamente para o cliente&quot; \/&gt;\n  &lt;meta property=&quot;og:description&quot; content=&quot;Galerias profissionais de sele\u00e7\u00e3o e entrega direto do seu servidor. Sem upload intermin\u00e1vel. Sem custo de nuvem. Com sua marca do come\u00e7o ao fim.&quot; \/&gt;\n  &lt;meta property=&quot;og:type&quot; content=&quot;website&quot; \/&gt;\n  &lt;meta property=&quot;og:locale&quot; content=&quot;pt_BR&quot; \/&gt;\n  &lt;meta property=&quot;og:site_name&quot; content=&quot;PX3 Lab&quot; \/&gt;\n  &lt;meta property=&quot;og:url&quot; content=&quot;https:\/\/server-photorf.agentesclimb.us&quot; \/&gt;\n  &lt;meta name=&quot;twitter:card&quot; content=&quot;summary_large_image&quot; \/&gt;\n  &lt;meta name=&quot;twitter:title&quot; content=&quot;Server PhotoRF \u00b7 PX3 Lab&quot; \/&gt;\n  &lt;meta name=&quot;twitter:description&quot; content=&quot;Da sua pasta diretamente para o cliente. Entrega profissional a partir do seu pr\u00f3prio servidor.&quot; \/&gt;\n\n  &lt;!-- Favicon SVG inline (glifo laranja PX3) --&gt;\n  &lt;link rel=&quot;icon&quot; type=&quot;image\/svg+xml&quot; href='data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;rect width=&quot;64&quot; height=&quot;64&quot; rx=&quot;10&quot; fill=&quot;%23000000&quot;\/&gt;&lt;g fill=&quot;%23F47521&quot;&gt;&lt;path d=&quot;M12 18 L28 18 L36 32 L28 46 L12 46 L20 32 Z&quot;\/&gt;&lt;rect x=&quot;40&quot; y=&quot;24&quot; width=&quot;10&quot; height=&quot;16&quot; rx=&quot;2&quot;\/&gt;&lt;\/g&gt;&lt;\/svg&gt;' \/&gt;\n\n  &lt;!-- Fontes: display Barlow Condensed pra headline pesada estilo folheto + Manrope body clean --&gt;\n  &lt;link rel=&quot;preconnect&quot; href=&quot;https:\/\/fonts.googleapis.com&quot; \/&gt;\n  &lt;link rel=&quot;preconnect&quot; href=&quot;https:\/\/fonts.gstatic.com&quot; crossorigin \/&gt;\n  &lt;link rel=&quot;stylesheet&quot; href=&quot;https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&amp;family=Manrope:wght@400;500;600;700;800&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap&quot; \/&gt;\n\n  &lt;!-- Tailwind CDN --&gt;\n  &lt;script src=&quot;https:\/\/cdn.tailwindcss.com&quot;&gt;&lt;\/script&gt;\n  &lt;script&gt;\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            ink: { 950: '#000000', 900: '#080808', 800: '#131313', 700: '#1a1a1a', 600: '#232323', 500: '#2f2f2f' },\n            orange: { DEFAULT: '#F47521', bright: '#FF8532', deep: '#D8621A', dim: '#B84E12' },\n          },\n          fontFamily: {\n            display: ['Barlow Condensed', 'system-ui', 'sans-serif'],\n            body: ['Manrope', 'system-ui', 'sans-serif'],\n            mono: ['JetBrains Mono', 'monospace'],\n          },\n          boxShadow: {\n            'orange-glow': '0 8px 32px rgba(244,117,33,0.35)',\n            'orange-soft': '0 4px 20px rgba(244,117,33,0.20)',\n          },\n        },\n      },\n    };\n  &lt;\/script&gt;\n\n  &lt;style&gt;\n    :root {\n      --orange: #F47521;\n      --orange-bright: #FF8532;\n      --orange-deep: #D8621A;\n      --ink-950: #000000;\n      --ink-900: #080808;\n      --ink-800: #131313;\n      --ink-700: #1a1a1a;\n    }\n    html { scroll-behavior: smooth; }\n    body {\n      background: var(--ink-950);\n      color: #fff;\n      font-family: 'Manrope', system-ui, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      text-rendering: optimizeLegibility;\n      overflow-x: hidden;\n    }\n\n    \/* Grain sutil sobre tudo *\/\n    .grain::before {\n      content: &quot;&quot;;\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      z-index: 200;\n      opacity: 0.05;\n      background-image: url(&quot;data:image\/svg+xml;utf8,&lt;svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'&gt;&lt;filter id='n'&gt;&lt;feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'\/&gt;&lt;\/filter&gt;&lt;rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.85'\/&gt;&lt;\/svg&gt;&quot;);\n      mix-blend-mode: overlay;\n    }\n\n    \/* Textura de multidao\/luzes no hero (SVG gerado - luzes suaves) *\/\n    .stage-lights {\n      background:\n        radial-gradient(ellipse 60% 40% at 20% 90%, rgba(244,117,33,0.18), transparent 60%),\n        radial-gradient(ellipse 50% 35% at 80% 85%, rgba(244,117,33,0.10), transparent 60%),\n        radial-gradient(ellipse 80% 60% at 50% 100%, rgba(20,20,20,0.9), transparent 70%);\n    }\n\n    \/* Eyebrow pill laranja padrao *\/\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      background: var(--orange);\n      color: #000;\n      font-family: 'Manrope', sans-serif;\n      font-weight: 700;\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      line-height: 1;\n      border-radius: 3px;\n    }\n    .eyebrow-ghost {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      background: transparent;\n      color: var(--orange);\n      border: 1px solid rgba(244,117,33,0.4);\n      font-weight: 700;\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      line-height: 1;\n      border-radius: 3px;\n    }\n\n    \/* Display headline *\/\n    .h-display {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 800;\n      line-height: 0.92;\n      letter-spacing: -0.005em;\n      text-transform: uppercase;\n    }\n\n    \/* Regra laranja horizontal fina *\/\n    .rule-orange {\n      width: 48px;\n      height: 3px;\n      background: var(--orange);\n      display: block;\n    }\n\n    \/* Botao primario laranja *\/\n    .btn-primary {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 18px 32px;\n      background: var(--orange);\n      color: #000;\n      font-family: 'Manrope', sans-serif;\n      font-weight: 800;\n      font-size: 15px;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      border-radius: 4px;\n      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n      box-shadow: 0 4px 20px rgba(244,117,33,0.25);\n    }\n    .btn-primary:hover {\n      background: var(--orange-bright);\n      transform: translateY(-2px);\n      box-shadow: 0 12px 32px rgba(244,117,33,0.5);\n    }\n    .btn-secondary {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 18px 32px;\n      background: transparent;\n      color: #fff;\n      border: 1.5px solid rgba(255,255,255,0.25);\n      font-family: 'Manrope', sans-serif;\n      font-weight: 700;\n      font-size: 15px;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      border-radius: 4px;\n      transition: all .18s ease;\n    }\n    .btn-secondary:hover {\n      border-color: var(--orange);\n      color: var(--orange);\n    }\n\n    \/* Card com borda quase invisivel + hover laranja *\/\n    .card {\n      background: linear-gradient(180deg, #131313 0%, #0a0a0a 100%);\n      border: 1px solid #1e1e1e;\n      border-radius: 6px;\n      transition: border-color .3s ease, transform .3s ease;\n    }\n    .card:hover {\n      border-color: rgba(244,117,33,0.45);\n      transform: translateY(-3px);\n    }\n\n    \/* Numero grande estilo tipografico *\/\n    .step-num {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 800;\n      font-size: 120px;\n      line-height: 0.85;\n      color: transparent;\n      -webkit-text-stroke: 1.5px var(--orange);\n    }\n    @media (min-width: 768px) {\n      .step-num { font-size: 160px; }\n    }\n\n    \/* Ticker\/marquee marca superior sutil *\/\n    .ticker {\n      display: flex;\n      overflow: hidden;\n      white-space: nowrap;\n      border-top: 1px solid #1a1a1a;\n      border-bottom: 1px solid #1a1a1a;\n      background: #050505;\n    }\n    .ticker__track {\n      display: inline-flex;\n      gap: 48px;\n      padding: 14px 0;\n      animation: tickerMove 40s linear infinite;\n    }\n    @keyframes tickerMove {\n      from { transform: translateX(0); }\n      to { transform: translateX(-50%); }\n    }\n    .ticker span {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      font-size: 13px;\n      color: #666;\n    }\n    .ticker span.accent { color: var(--orange); }\n\n    \/* Bracket corners nas imagens *\/\n    .frame {\n      position: relative;\n    }\n    .frame::before, .frame::after,\n    .frame &gt; .bl, .frame &gt; .br {\n      content: &quot;&quot;;\n      position: absolute;\n      width: 22px;\n      height: 22px;\n      border-color: var(--orange);\n      border-style: solid;\n      border-width: 0;\n      pointer-events: none;\n      z-index: 3;\n    }\n    .frame::before { top: -1px; left: -1px; border-top-width: 2px; border-left-width: 2px; }\n    .frame::after  { top: -1px; right: -1px; border-top-width: 2px; border-right-width: 2px; }\n    .frame &gt; .bl   { bottom: -1px; left: -1px; border-bottom-width: 2px; border-left-width: 2px; }\n    .frame &gt; .br   { bottom: -1px; right: -1px; border-bottom-width: 2px; border-right-width: 2px; }\n\n    \/* FAQ item *\/\n    details.faq-item {\n      border-bottom: 1px solid #1e1e1e;\n      padding: 22px 0;\n    }\n    details.faq-item summary {\n      list-style: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 24px;\n      font-family: 'Manrope', sans-serif;\n      font-weight: 700;\n      font-size: 17px;\n      color: #fff;\n      transition: color .2s ease;\n    }\n    details.faq-item summary::-webkit-details-marker { display: none; }\n    details.faq-item summary:hover { color: var(--orange); }\n    details.faq-item summary .plus {\n      flex-shrink: 0;\n      width: 32px;\n      height: 32px;\n      border: 1.5px solid #2a2a2a;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--orange);\n      transition: transform .3s ease, border-color .2s ease;\n    }\n    details.faq-item[open] summary .plus {\n      transform: rotate(45deg);\n      border-color: var(--orange);\n    }\n    details.faq-item .faq-body {\n      margin-top: 16px;\n      color: #a8a8a8;\n      line-height: 1.7;\n      font-size: 15px;\n      max-width: 780px;\n    }\n\n    \/* Focus visivel *\/\n    :focus-visible {\n      outline: 2px solid var(--orange);\n      outline-offset: 3px;\n      border-radius: 2px;\n    }\n    ::selection { background: var(--orange); color: #000; }\n    ::-webkit-scrollbar { width: 10px; height: 10px; }\n    ::-webkit-scrollbar-track { background: #050505; }\n    ::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 4px; }\n    ::-webkit-scrollbar-thumb:hover { background: var(--orange); }\n\n    \/* Mockup dashboard SVG-like *\/\n    .dash-mock {\n      background: linear-gradient(180deg, #0d0d0d 0%, #060606 100%);\n      border: 1px solid #222;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 40px 80px -20px rgba(0,0,0,0.7), 0 0 0 1px rgba(244,117,33,0.08);\n    }\n    .dash-titlebar {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: #0a0a0a;\n      border-bottom: 1px solid #1a1a1a;\n    }\n    .dash-dot {\n      width: 10px; height: 10px; border-radius: 50%;\n      background: #2a2a2a;\n    }\n    .dash-dot.orange { background: var(--orange); }\n\n    \/* Gallery thumbs grid mock *\/\n    .thumb {\n      aspect-ratio: 3\/4;\n      background:\n        linear-gradient(135deg, rgba(244,117,33,0.08) 0%, transparent 50%),\n        linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);\n      border-radius: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .thumb::after {\n      content: &quot;&quot;;\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at 50% 40%, rgba(244,117,33,0.06), transparent 70%);\n    }\n\n    \/* Phone mockup *\/\n    .phone-shell {\n      background: #0a0a0a;\n      border: 2px solid #1e1e1e;\n      border-radius: 32px;\n      padding: 12px;\n      box-shadow: 0 30px 60px -20px rgba(0,0,0,0.9);\n    }\n    .phone-notch {\n      width: 60px; height: 6px; border-radius: 3px;\n      background: #060606; margin: 0 auto 8px;\n    }\n    .phone-screen {\n      background: #050505;\n      border-radius: 22px;\n      overflow: hidden;\n    }\n\n    \/* Diferencial bloco: linha lateral laranja *\/\n    .diff-block {\n      border-left: 2px solid var(--orange);\n      padding-left: 24px;\n    }\n\n    \/* Browser mockup para screenshots reais do sistema *\/\n    .app-shot {\n      background: linear-gradient(180deg, #0d0d0d 0%, #060606 100%);\n      border: 1px solid #222;\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow:\n        0 40px 80px -20px rgba(0,0,0,0.75),\n        0 0 0 1px rgba(244,117,33,0.10),\n        0 0 60px -10px rgba(244,117,33,0.12);\n      transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;\n    }\n    .app-shot:hover {\n      transform: translateY(-4px);\n      box-shadow:\n        0 50px 100px -20px rgba(0,0,0,0.85),\n        0 0 0 1px rgba(244,117,33,0.20),\n        0 0 80px -10px rgba(244,117,33,0.22);\n    }\n    .app-shot__bar {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: #0a0a0a;\n      border-bottom: 1px solid #1a1a1a;\n    }\n    .app-shot__dot {\n      width: 10px; height: 10px; border-radius: 50%;\n      background: #2a2a2a;\n    }\n    .app-shot__dot.orange { background: var(--orange); }\n    .app-shot__addr {\n      margin-left: 12px;\n      flex: 1;\n      background: #050505;\n      color: #666;\n      font-family: 'JetBrains Mono', monospace;\n      font-size: 11px;\n      padding: 5px 12px;\n      border-radius: 4px;\n      border: 1px solid #171717;\n      text-align: center;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .app-shot__img {\n      display: block;\n      width: 100%;\n      height: auto;\n      background: #050505;\n    }\n    \/* Caption sob screenshot *\/\n    .app-shot-caption {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 14px;\n      font-family: 'JetBrains Mono', monospace;\n      font-size: 11px;\n      color: #888;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n    .app-shot-caption::before {\n      content: &quot;&quot;;\n      width: 24px;\n      height: 1px;\n      background: var(--orange);\n    }\n\n    \/* Fade-in scroll animation - fallback SEMPRE visivel se JS nao rodar *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \/* Nunca esconder por default - so quando JS marca como reveal *\/\n    .js-ready .reveal { opacity: 0; }\n    .js-ready .reveal.in { animation: fadeUp .7s cubic-bezier(.16,1,.3,1) forwards; }\n\n    \/* Vertical rule (linha decorativa) *\/\n    .vrule {\n      width: 1px;\n      background: linear-gradient(180deg, transparent, #2a2a2a 20%, #2a2a2a 80%, transparent);\n    }\n\n    \/* Utility - contained max width *\/\n    .container-x { max-width: 1280px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }\n    @media (min-width: 1024px) { .container-x { padding-left: 48px; padding-right: 48px; } }\n\n    \/* Reduced motion *\/\n    @media (prefers-reduced-motion: reduce) {\n      * { animation: none !important; transition: none !important; }\n    }\n  &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body class=&quot;grain&quot;&gt;\n\n  &lt;!-- ============ NAV ============ --&gt;\n  &lt;nav class=&quot;fixed top-0 inset-x-0 z-50 backdrop-blur-md bg-black\/60 border-b border-white\/5&quot;&gt;\n    &lt;div class=&quot;container-x flex items-center justify-between py-4&quot;&gt;\n      &lt;a href=&quot;#top&quot; class=&quot;flex items-center gap-2 group&quot; aria-label=&quot;Server PhotoRF&quot;&gt;\n        &lt;svg width=&quot;26&quot; height=&quot;26&quot; viewBox=&quot;0 0 64 64&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; aria-hidden=&quot;true&quot;&gt;\n          &lt;g fill=&quot;#F47521&quot;&gt;\n            &lt;path d=&quot;M12 18 L28 18 L36 32 L28 46 L12 46 L20 32 Z&quot;\/&gt;\n            &lt;rect x=&quot;40&quot; y=&quot;24&quot; width=&quot;10&quot; height=&quot;16&quot; rx=&quot;2&quot;\/&gt;\n          &lt;\/g&gt;\n        &lt;\/svg&gt;\n        &lt;span class=&quot;font-display font-black text-lg tracking-wide&quot;&gt;SERVER&lt;span class=&quot;text-orange&quot;&gt;PHOTORF&lt;\/span&gt;&lt;\/span&gt;\n      &lt;\/a&gt;\n      &lt;div class=&quot;hidden md:flex items-center gap-8 text-sm font-medium text-white\/70&quot;&gt;\n        &lt;a href=&quot;#solucao&quot; class=&quot;hover:text-orange transition&quot;&gt;Solu\u00e7\u00e3o&lt;\/a&gt;\n        &lt;a href=&quot;#recursos&quot; class=&quot;hover:text-orange transition&quot;&gt;Recursos&lt;\/a&gt;\n        &lt;a href=&quot;#como-funciona&quot; class=&quot;hover:text-orange transition&quot;&gt;Como funciona&lt;\/a&gt;\n        &lt;a href=&quot;#faq&quot; class=&quot;hover:text-orange transition&quot;&gt;FAQ&lt;\/a&gt;\n      &lt;\/div&gt;\n      &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;hidden md:inline-flex items-center gap-2 px-5 py-2.5 bg-orange text-black font-bold text-sm rounded uppercase tracking-wider hover:bg-orange-bright transition&quot;&gt;\n        &lt;svg width=&quot;16&quot; height=&quot;16&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n        Falar agora\n      &lt;\/a&gt;\n    &lt;\/div&gt;\n  &lt;\/nav&gt;\n\n  &lt;!-- ============ HERO ============ --&gt;\n  &lt;section id=&quot;top&quot; class=&quot;relative pt-28 md:pt-32 pb-20 md:pb-28 overflow-hidden stage-lights&quot;&gt;\n    &lt;!-- Grid sutil de fundo --&gt;\n    &lt;div class=&quot;absolute inset-0 opacity-[0.04]&quot; style=&quot;background-image: linear-gradient(#F47521 1px, transparent 1px), linear-gradient(90deg, #F47521 1px, transparent 1px); background-size: 80px 80px;&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center&quot;&gt;\n      &lt;!-- Coluna esquerda: copy --&gt;\n      &lt;div class=&quot;lg:col-span-6&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;\n          &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-black&quot;&gt;&lt;\/span&gt;\n          Server PhotoRF \u00b7 PX3 Lab\n        &lt;\/span&gt;\n\n        &lt;h1 class=&quot;h-display text-white mt-6 text-[54px] sm:text-[68px] md:text-[88px] lg:text-[92px]&quot;&gt;\n          Da sua &lt;span class=&quot;text-orange&quot;&gt;pasta&lt;\/span&gt;&lt;br\/&gt;\n          diretamente&lt;br\/&gt;\n          para o &lt;span class=&quot;text-orange&quot;&gt;cliente&lt;\/span&gt;.\n        &lt;\/h1&gt;\n\n        &lt;span class=&quot;rule-orange mt-8 mb-6&quot;&gt;&lt;\/span&gt;\n\n        &lt;p class=&quot;text-lg md:text-xl text-white\/75 leading-relaxed max-w-xl&quot;&gt;\n          O Server PhotoRF transforma as pastas do seu computador em galerias profissionais de sele\u00e7\u00e3o e entrega. Sem enviar nenhum arquivo original para a nuvem. Menos custo, mais controle. A entrega come\u00e7a onde ela j\u00e1 deveria ter come\u00e7ado: no seu pr\u00f3prio servidor.\n        &lt;\/p&gt;\n\n        &lt;div class=&quot;mt-10 flex flex-col sm:flex-row gap-4&quot;&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;btn-primary&quot;&gt;\n            &lt;svg width=&quot;18&quot; height=&quot;18&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n            Falar com um consultor\n          &lt;\/a&gt;\n          &lt;a href=&quot;#como-funciona&quot; class=&quot;btn-secondary&quot;&gt;\n            Ver como funciona\n            &lt;svg width=&quot;16&quot; height=&quot;16&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot; stroke-linecap=&quot;square&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M6 9l6 6 6-6&quot;\/&gt;&lt;\/svg&gt;\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Trust signals --&gt;\n        &lt;div class=&quot;mt-12 flex flex-wrap items-center gap-x-8 gap-y-3 text-xs uppercase tracking-widest text-white\/50&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n            &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-orange&quot;&gt;&lt;\/span&gt;\n            Sua estrutura\n          &lt;\/div&gt;\n          &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n            &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-orange&quot;&gt;&lt;\/span&gt;\n            Sua marca\n          &lt;\/div&gt;\n          &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n            &lt;span class=&quot;w-1.5 h-1.5 rounded-full bg-orange&quot;&gt;&lt;\/span&gt;\n            Sua entrega\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Coluna direita: mockup dashboard + phone --&gt;\n      &lt;div class=&quot;lg:col-span-6 relative&quot;&gt;\n        &lt;div class=&quot;relative&quot;&gt;\n          &lt;!-- Dashboard mockup --&gt;\n          &lt;div class=&quot;dash-mock frame&quot;&gt;\n            &lt;span class=&quot;bl&quot;&gt;&lt;\/span&gt;&lt;span class=&quot;br&quot;&gt;&lt;\/span&gt;\n            &lt;div class=&quot;dash-titlebar&quot;&gt;\n              &lt;div class=&quot;dash-dot&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;dash-dot&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;dash-dot orange&quot;&gt;&lt;\/div&gt;\n              &lt;div class=&quot;ml-3 font-mono text-[11px] text-white\/50 tracking-tight&quot;&gt;D:\\PhotoRF\\evento_familyday_2026&lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;p-4&quot;&gt;\n              &lt;!-- Header do painel --&gt;\n              &lt;div class=&quot;flex items-center justify-between mb-3&quot;&gt;\n                &lt;div class=&quot;flex items-center gap-2&quot;&gt;\n                  &lt;svg width=&quot;14&quot; height=&quot;14&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z&quot;\/&gt;&lt;\/svg&gt;\n                  &lt;span class=&quot;text-white text-xs font-semibold&quot;&gt;Family Day \/ Col\u00e9gio Objetivo&lt;\/span&gt;\n                &lt;\/div&gt;\n                &lt;span class=&quot;text-[10px] font-mono text-orange&quot;&gt;SYNC ATIVO&lt;\/span&gt;\n              &lt;\/div&gt;\n              &lt;!-- Grid de thumbs --&gt;\n              &lt;div class=&quot;grid grid-cols-6 gap-1.5&quot;&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n              &lt;\/div&gt;\n              &lt;!-- Footer stats --&gt;\n              &lt;div class=&quot;mt-4 pt-3 border-t border-white\/5 flex items-center justify-between text-[10px] font-mono text-white\/50&quot;&gt;\n                &lt;span&gt;3.792 fotos indexadas&lt;\/span&gt;\n                &lt;span&gt;127 galerias \u00b7 &lt;span class=&quot;text-orange&quot;&gt;98% enviadas&lt;\/span&gt;&lt;\/span&gt;\n              &lt;\/div&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Phone mockup sobreposto --&gt;\n          &lt;div class=&quot;absolute -bottom-8 -right-4 md:-right-8 w-40 md:w-52 phone-shell hidden sm:block&quot;&gt;\n            &lt;div class=&quot;phone-notch&quot;&gt;&lt;\/div&gt;\n            &lt;div class=&quot;phone-screen p-3&quot;&gt;\n              &lt;div class=&quot;flex items-center justify-between mb-2&quot;&gt;\n                &lt;span class=&quot;text-[9px] font-bold text-orange uppercase tracking-widest&quot;&gt;Galeria&lt;\/span&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#fff&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;4&quot; y1=&quot;12&quot; x2=&quot;20&quot; y2=&quot;12&quot;\/&gt;&lt;line x1=&quot;4&quot; y1=&quot;6&quot; x2=&quot;20&quot; y2=&quot;6&quot;\/&gt;&lt;line x1=&quot;4&quot; y1=&quot;18&quot; x2=&quot;20&quot; y2=&quot;18&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;div class=&quot;text-[10px] font-semibold text-white mb-3 leading-tight&quot;&gt;Ana Beatriz Silva&lt;\/div&gt;\n              &lt;div class=&quot;grid grid-cols-3 gap-1&quot;&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n                &lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;\/div&gt;\n              &lt;\/div&gt;\n              &lt;div class=&quot;mt-3 h-8 rounded bg-orange flex items-center justify-center text-[9px] font-black text-black uppercase tracking-widest&quot;&gt;Selecionar&lt;\/div&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- Ticker de marca --&gt;\n  &lt;div class=&quot;ticker&quot; aria-hidden=&quot;true&quot;&gt;\n    &lt;div class=&quot;ticker__track&quot;&gt;\n      &lt;span&gt;Sem upload&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Sua marca do come\u00e7o ao fim&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Menos custo \u00b7 Mais controle&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Sem upload&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Sua marca do come\u00e7o ao fim&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n      &lt;span&gt;Menos custo \u00b7 Mais controle&lt;\/span&gt;&lt;span class=&quot;accent&quot;&gt;\u00b7&lt;\/span&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n\n  &lt;!-- ============ BLOCO 2 - A DOR ============ --&gt;\n  &lt;section class=&quot;py-20 md:py-32 bg-ink-950 relative&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16&quot;&gt;\n        &lt;div class=&quot;lg:col-span-5&quot;&gt;\n          &lt;span class=&quot;eyebrow-ghost&quot;&gt;Seu trabalho j\u00e1 exige demais&lt;\/span&gt;\n          &lt;h2 class=&quot;h-display text-white mt-6 text-[44px] sm:text-[54px] md:text-[64px]&quot;&gt;\n            E a entrega&lt;br\/&gt;\n            de fotos ainda&lt;br\/&gt;\n            est\u00e1 te &lt;span class=&quot;text-orange&quot;&gt;custando&lt;\/span&gt;&lt;br\/&gt;\n            horas.\n          &lt;\/h2&gt;\n          &lt;span class=&quot;rule-orange mt-8 mb-6&quot;&gt;&lt;\/span&gt;\n          &lt;p class=&quot;text-white\/70 text-lg leading-relaxed&quot;&gt;\n            Depois de fotografar, selecionar e editar, ainda vem a parte que ningu\u00e9m deveria precisar gerenciar: o caos da entrega.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;lg:col-span-7 grid sm:grid-cols-2 gap-5&quot;&gt;\n          &lt;!-- Card 1 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4&quot;\/&gt;&lt;polyline points=&quot;17 8 12 3 7 8&quot;\/&gt;&lt;line x1=&quot;12&quot; y1=&quot;3&quot; x2=&quot;12&quot; y2=&quot;15&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;01&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Uploads intermin\u00e1veis&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Grandes eventos geram milhares de fotos. Enviar tudo para a nuvem consome horas da sua equipe e dinheiro todo m\u00eas em armazenamento.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Card 2 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;02&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Sele\u00e7\u00f5es perdidas no WhatsApp&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Prints, \u00e1udios, listas incompletas. O formando manda de um jeito, a equipe interpreta de outro. O resultado vira retrabalho.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Card 3 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71&quot;\/&gt;&lt;path d=&quot;M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;03&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Links e galerias desorganizados&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Quanto maior a opera\u00e7\u00e3o, mais dif\u00edcil fica controlar quem recebeu, quem acessou e quem ainda n\u00e3o confirmou.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n\n          &lt;!-- Card 4 --&gt;\n          &lt;div class=&quot;card p-7&quot;&gt;\n            &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n              &lt;div class=&quot;w-10 h-10 rounded flex items-center justify-center bg-orange\/10 border border-orange\/25&quot;&gt;\n                &lt;svg width=&quot;20&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;22&quot; y1=&quot;2&quot; x2=&quot;11&quot; y2=&quot;13&quot;\/&gt;&lt;polygon points=&quot;22 2 15 22 11 13 2 9 22 2&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/div&gt;\n              &lt;span class=&quot;font-mono text-[11px] text-white\/40&quot;&gt;04&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;h3 class=&quot;font-display text-2xl text-white font-bold uppercase mb-2&quot;&gt;Mensagens uma por uma&lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/65 leading-relaxed text-[15px]&quot;&gt;\n              Sua equipe queima tempo disparando link por link, cobrindo o que poderia ser automatizado em segundos.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;div class=&quot;mt-16 md:mt-20 max-w-3xl mx-auto text-center&quot;&gt;\n        &lt;p class=&quot;text-xl md:text-2xl text-white\/85 leading-snug font-display uppercase tracking-tight&quot;&gt;\n          Essas n\u00e3o s\u00e3o falhas de gest\u00e3o. S\u00e3o sintomas de uma &lt;span class=&quot;text-orange&quot;&gt;infraestrutura de entrega&lt;\/span&gt; que n\u00e3o acompanhou o tamanho do seu neg\u00f3cio.\n        &lt;\/p&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 3 - A VIRADA ============ --&gt;\n  &lt;section id=&quot;solucao&quot; class=&quot;py-20 md:py-32 relative overflow-hidden&quot; style=&quot;background: linear-gradient(180deg, #000 0%, #0a0a0a 50%, #000 100%);&quot;&gt;\n    &lt;!-- Ambiente luz laranja --&gt;\n    &lt;div class=&quot;absolute -top-40 -right-40 w-[600px] h-[600px] rounded-full opacity-20&quot; style=&quot;background: radial-gradient(circle, rgba(244,117,33,0.4), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;absolute -bottom-40 -left-40 w-[500px] h-[500px] rounded-full opacity-10&quot; style=&quot;background: radial-gradient(circle, rgba(244,117,33,0.5), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;text-center max-w-4xl mx-auto mb-16 md:mb-24&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;A Solu\u00e7\u00e3o&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[46px] sm:text-[60px] md:text-[80px]&quot;&gt;\n          Com o Server PhotoRF,&lt;br\/&gt;\n          a &lt;span class=&quot;text-orange&quot;&gt;entrega come\u00e7a&lt;\/span&gt;&lt;br\/&gt;\n          na sua pasta.\n        &lt;\/h2&gt;\n        &lt;span class=&quot;rule-orange mt-8 mb-6 mx-auto&quot;&gt;&lt;\/span&gt;\n        &lt;p class=&quot;text-lg md:text-xl text-white\/75 leading-relaxed max-w-3xl mx-auto&quot;&gt;\n          Voc\u00ea continua trabalhando como sempre trabalhou, organizando suas fotos no computador. O Server PhotoRF assume dali em diante. Ele l\u00ea suas pastas, prepara vers\u00f5es leves para visualiza\u00e7\u00e3o online, gera galerias personalizadas e disponibiliza os arquivos originais em alta somente quando o cliente solicita o download. Sem esperar upload terminar. Sem pagar armazenamento externo para cada gigabyte.\n        &lt;\/p&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Showcase: pasta local vira galeria online --&gt;\n      &lt;div class=&quot;grid md:grid-cols-2 gap-6 md:gap-8 mb-20 md:mb-28&quot;&gt;\n        &lt;div&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;C:\\Fotos\\COL\u00c9GIO PX3\\3792&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/pastas-computador.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/pastas-computador.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/pastas-computador@2x.webp 2x&quot;\n              alt=&quot;Explorador de arquivos do Windows mostrando pasta do Col\u00e9gio PX3 com centenas de miniaturas de fotos organizadas no computador do fot\u00f3grafo&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1400&quot; height=&quot;787&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;A pasta que j\u00e1 existe no seu servidor&lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;div&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;app.serverphotorf.com.br\/personalizar&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/personalizar-colegio.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/personalizar-colegio.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/personalizar-colegio@2x.webp 2x&quot;\n              alt=&quot;Painel de personaliza\u00e7\u00e3o do Server PhotoRF para o Col\u00e9gio PX3 com cor principal laranja, logotipo aplicado e pr\u00e9via da galeria mostrando os produtos dispon\u00edveis&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1400&quot; height=&quot;659&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;A galeria com sua marca, no ar em minutos&lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- 4 diferenciais --&gt;\n      &lt;div class=&quot;grid md:grid-cols-2 gap-x-14 gap-y-12&quot;&gt;\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 01&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;Suas fotos originais&lt;br\/&gt;ficam com voc\u00ea&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Os arquivos em alta resolu\u00e7\u00e3o permanecem protegidos no seu pr\u00f3prio equipamento. O sistema disponibiliza vers\u00f5es otimizadas para visualiza\u00e7\u00e3o e entrega o original sob demanda.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;1&quot; x2=&quot;12&quot; y2=&quot;23&quot;\/&gt;&lt;path d=&quot;M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 02&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;Sem custo de&lt;br\/&gt;armazenamento em nuvem&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Chega de pagar mensalidade para AWS, Google Cloud ou Backblaze para guardar o que j\u00e1 est\u00e1 guardado no seu servidor. O Server PhotoRF usa a estrutura que voc\u00ea j\u00e1 tem.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;10&quot;\/&gt;&lt;path d=&quot;M12 6v6l4 2&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 03&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;Personaliza\u00e7\u00e3o completa&lt;br\/&gt;com a sua marca&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Logo, cores, capa, marca d'\u00e1gua, \u00edcone, bot\u00f5es e estilo de galeria, tradicional ou formato livro. A experi\u00eancia do seu cliente carrega a identidade da sua empresa do come\u00e7o ao fim.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;diff-block&quot;&gt;\n          &lt;div class=&quot;flex items-center gap-3 mb-4&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; style=&quot;color:#F47521;&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347zM20.52 3.449C12.831-3.984.106 1.407.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652a11.882 11.882 0 0 0 5.688 1.448h.005c9.848 0 15.674-10.667 10.601-19.194a11.821 11.821 0 0 0-2.109-3.153zM12.03 21.785h-.004a9.87 9.87 0 0 1-5.03-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.003-8.75 10.688-13.129 16.87-6.94A9.876 9.876 0 0 1 21.94 11.9c-.004 5.443-4.437 9.884-9.91 9.884z&quot;\/&gt;&lt;\/svg&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Diferencial 04&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;h3 class=&quot;font-display text-3xl md:text-4xl text-white font-bold uppercase mb-3 leading-tight&quot;&gt;WhatsApp Business&lt;br\/&gt;API oficial&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n            Dispare mensagens em massa com nome do formando, nome do evento e link exclusivo preenchidos automaticamente, direto pelo canal oficial. Sem colocar seu n\u00famero em risco, sem aplicativo paralelo.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 4 - RECURSOS ============ --&gt;\n  &lt;section id=&quot;recursos&quot; class=&quot;py-20 md:py-32 bg-ink-950 relative&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid lg:grid-cols-12 gap-10 mb-16&quot;&gt;\n        &lt;div class=&quot;lg:col-span-6&quot;&gt;\n          &lt;span class=&quot;eyebrow-ghost&quot;&gt;O que voc\u00ea passa a ter&lt;\/span&gt;\n          &lt;h2 class=&quot;h-display text-white mt-6 text-[44px] sm:text-[54px] md:text-[68px]&quot;&gt;\n            Tudo que uma&lt;br\/&gt;\n            &lt;span class=&quot;text-orange&quot;&gt;opera\u00e7\u00e3o profissional&lt;\/span&gt;&lt;br\/&gt;\n            precisa.\n          &lt;\/h2&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;lg:col-span-5 lg:col-start-8 flex flex-col justify-end gap-6&quot;&gt;\n          &lt;p class=&quot;text-white\/70 text-lg leading-relaxed&quot;&gt;\n            Cada recurso foi constru\u00eddo a partir da opera\u00e7\u00e3o real de est\u00fadios que fotografam grandes volumes de eventos por m\u00eas. Nada de feature sobrando. Tudo com uso comprovado no ch\u00e3o da entrega.\n          &lt;\/p&gt;\n          &lt;!-- Accent: cartao real de um formando no sistema --&gt;\n          &lt;div&gt;\n            &lt;div class=&quot;app-shot&quot;&gt;\n              &lt;div class=&quot;app-shot__bar&quot;&gt;\n                &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n                &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n                &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n                &lt;span class=&quot;app-shot__addr&quot;&gt;\/formandos\/#3792&lt;\/span&gt;\n              &lt;\/div&gt;\n              &lt;img\n                src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/cartao-formando.webp&quot;\n                srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/cartao-formando.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/cartao-formando@2x.webp 2x&quot;\n                alt=&quot;Cart\u00e3o de controle de um formando no Server PhotoRF exibindo avatar, e-mail, telefone, toggles de m\u00ednimo, m\u00e1ximo, compartilhamento, alta resolu\u00e7\u00e3o e coment\u00e1rios, al\u00e9m dos produtos Quadro e Calend\u00e1rio liberados&quot;\n                loading=&quot;lazy&quot;\n                width=&quot;546&quot; height=&quot;182&quot;\n                class=&quot;app-shot__img&quot;\n              \/&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;app-shot-caption&quot;&gt;Controle por formando \u00b7 toggle a toggle&lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Grid 8 recursos --&gt;\n      &lt;div class=&quot;grid sm:grid-cols-2 lg:grid-cols-4 gap-4&quot;&gt;\n        &lt;!-- 1 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;rect x=&quot;3&quot; y=&quot;3&quot; width=&quot;18&quot; height=&quot;18&quot; rx=&quot;2&quot;\/&gt;&lt;circle cx=&quot;8.5&quot; cy=&quot;8.5&quot; r=&quot;1.5&quot;\/&gt;&lt;polyline points=&quot;21 15 16 10 5 21&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Galeria exclusiva por formando&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Cada cliente recebe um link \u00fanico. Acessa sem senha, visualiza, seleciona, comenta e solicita download tudo pelo celular.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 2 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;polyline points=&quot;23 4 23 10 17 10&quot;\/&gt;&lt;polyline points=&quot;1 20 1 14 7 14&quot;\/&gt;&lt;path d=&quot;M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Modo standby autom\u00e1tico&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Coloque novas fotos na pasta e o sistema sincroniza sozinho. Sem precisar repetir o processo para cada evento novo.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 3 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M9 11l3 3L22 4&quot;\/&gt;&lt;path d=&quot;M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;M\u00ednimo e m\u00e1ximo de sele\u00e7\u00e3o&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Defina quantas fotos cada produto permite. O sistema bloqueia o que est\u00e1 fora do limite sem surpresa na entrega.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 4 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4&quot;\/&gt;&lt;polyline points=&quot;7 10 12 15 17 10&quot;\/&gt;&lt;line x1=&quot;12&quot; y1=&quot;15&quot; x2=&quot;12&quot; y2=&quot;3&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Download em alta sob demanda&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Habilite ou desabilite o download do arquivo original por produto. O formando s\u00f3 recebe o arquivo em alta quando voc\u00ea libera.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 5 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M9 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-4&quot;\/&gt;&lt;polyline points=&quot;9 5 12 2 15 5&quot;\/&gt;&lt;line x1=&quot;12&quot; y1=&quot;2&quot; x2=&quot;12&quot; y2=&quot;15&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Registro completo de envios&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Data, hora, quem viu, quem baixou, quem ainda n\u00e3o acessou. Toda a comunica\u00e7\u00e3o registrada e acompanhada em um lugar s\u00f3.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 6 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z&quot;\/&gt;&lt;polyline points=&quot;22,6 12,13 2,6&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;E-mail em massa com seu dom\u00ednio&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Al\u00e9m do WhatsApp, envie notifica\u00e7\u00f5es pelo seu pr\u00f3prio dom\u00ednio de e-mail refor\u00e7ando a identidade da sua empresa em cada comunica\u00e7\u00e3o.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 7 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&quot;\/&gt;&lt;path d=&quot;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Galeria tradicional ou formato livro&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Escolha como seus clientes v\u00e3o visualizar as fotos. A experi\u00eancia se adapta ao perfil do evento e ao padr\u00e3o est\u00e9tico do seu est\u00fadio.&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- 8 --&gt;\n        &lt;div class=&quot;card p-6 h-full&quot;&gt;\n          &lt;svg width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; class=&quot;mb-4&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z&quot;\/&gt;&lt;\/svg&gt;\n          &lt;h3 class=&quot;font-display text-xl text-white font-bold uppercase mb-2 leading-tight&quot;&gt;Coment\u00e1rios e compartilhamento&lt;\/h3&gt;\n          &lt;p class=&quot;text-white\/60 text-sm leading-relaxed&quot;&gt;Ative ou desative coment\u00e1rios por foto e compartilhamento de galeria conforme a necessidade de cada produto ou cliente.&lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 5 - COMO FUNCIONA ============ --&gt;\n  &lt;section id=&quot;como-funciona&quot; class=&quot;py-20 md:py-32 relative overflow-hidden&quot; style=&quot;background: #050505;&quot;&gt;\n    &lt;div class=&quot;absolute inset-0 opacity-[0.03]&quot; style=&quot;background-image: linear-gradient(#F47521 1px, transparent 1px), linear-gradient(90deg, #F47521 1px, transparent 1px); background-size: 60px 60px;&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;max-w-3xl mb-16 md:mb-24&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;Veja como \u00e9 simples&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[46px] sm:text-[60px] md:text-[76px]&quot;&gt;\n          Do seu computador&lt;br\/&gt;\n          &lt;span class=&quot;text-orange&quot;&gt;para a galeria&lt;\/span&gt;&lt;br\/&gt;\n          em poucos passos.\n        &lt;\/h2&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- 4 passos --&gt;\n      &lt;div class=&quot;grid md:grid-cols-2 gap-8 md:gap-x-12 md:gap-y-16&quot;&gt;\n        &lt;!-- Passo 1 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;01&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 1&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              Organize no&lt;br\/&gt;seu servidor\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              Voc\u00ea aponta as pastas do evento para o Server PhotoRF. Seus arquivos originais n\u00e3o saem do seu equipamento.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Passo 2 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;02&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 2&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              O sistema monta&lt;br\/&gt;as galerias\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              Em modo standby, o Server PhotoRF sincroniza vers\u00f5es otimizadas, aplica sua identidade visual e cria o link exclusivo de cada formando automaticamente.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Passo 3 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;03&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 3&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              Voc\u00ea dispara&lt;br\/&gt;em massa\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              Com o WhatsApp Business API integrado, envie o link de cada galeria para todos os formandos de uma vez. Nome, evento e link preenchidos automaticamente na mensagem.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;!-- Passo 4 --&gt;\n        &lt;div class=&quot;flex gap-6 items-start&quot;&gt;\n          &lt;div class=&quot;step-num flex-shrink-0&quot;&gt;04&lt;\/div&gt;\n          &lt;div class=&quot;pt-4&quot;&gt;\n            &lt;span class=&quot;font-mono text-xs text-orange uppercase tracking-widest&quot;&gt;Passo 4&lt;\/span&gt;\n            &lt;h3 class=&quot;font-display text-2xl md:text-3xl text-white font-bold uppercase mt-2 mb-3 leading-tight&quot;&gt;\n              O cliente acessa,&lt;br\/&gt;seleciona e pede\n            &lt;\/h3&gt;\n            &lt;p class=&quot;text-white\/70 leading-relaxed&quot;&gt;\n              O formando abre o link no celular, visualiza as fotos, faz a sele\u00e7\u00e3o, deixa coment\u00e1rios e solicita o download em alta tudo sem precisar de senha ou aplicativo instalado.\n            &lt;\/p&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Showcase visual dos passos: agente desktop + WhatsApp --&gt;\n      &lt;div class=&quot;grid md:grid-cols-5 gap-6 md:gap-8 mt-20 md:mt-24 items-start&quot;&gt;\n        &lt;div class=&quot;md:col-span-3&quot;&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;Server PhotoRF Agent \u00b7 v1.0&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/agente-desktop.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/agente-desktop.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/agente-desktop@2x.webp 2x&quot;\n              alt=&quot;Agente desktop do Server PhotoRF instalado na m\u00e1quina do fot\u00f3grafo, configurando pastas de origem, tamanhos de miniatura 400 e 1600 e log processando 4147 fotos em tempo real&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1400&quot; height=&quot;750&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;Passos 1 e 2 \u00b7 o agente que roda na sua m\u00e1quina&lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;md:col-span-2&quot;&gt;\n          &lt;div class=&quot;app-shot&quot;&gt;\n            &lt;div class=&quot;app-shot__bar&quot;&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__dot orange&quot;&gt;&lt;\/span&gt;\n              &lt;span class=&quot;app-shot__addr&quot;&gt;app.serverphotorf.com.br\/whatsapp&lt;\/span&gt;\n            &lt;\/div&gt;\n            &lt;img\n              src=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/whatsapp-painel.webp&quot;\n              srcset=&quot;https:\/\/server-photorf.agentesclimb.us\/img\/whatsapp-painel.webp 1x, https:\/\/server-photorf.agentesclimb.us\/img\/whatsapp-painel@2x.webp 2x&quot;\n              alt=&quot;Painel do WhatsApp Business API dentro do Server PhotoRF com abas Templates e Disparos, bot\u00f5es Sincronizar com a Meta e Novo template prontos para envio em massa&quot;\n              loading=&quot;lazy&quot;\n              width=&quot;1120&quot; height=&quot;492&quot;\n              class=&quot;app-shot__img&quot;\n            \/&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;app-shot-caption&quot;&gt;Passo 3 \u00b7 disparo em massa via WhatsApp oficial&lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 6 - PROVA SOCIAL ============ --&gt;\n  &lt;section class=&quot;py-20 md:py-32 bg-black relative overflow-hidden&quot;&gt;\n    &lt;div class=&quot;absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[900px] h-[900px] rounded-full opacity-[0.08]&quot; style=&quot;background: radial-gradient(circle, rgba(244,117,33,0.6), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;max-w-4xl mx-auto text-center&quot;&gt;\n        &lt;span class=&quot;eyebrow-ghost&quot;&gt;Quem j\u00e1 usa&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[42px] sm:text-[54px] md:text-[68px]&quot;&gt;\n          Empresas de fotografia&lt;br\/&gt;\n          que levaram a&lt;br\/&gt;\n          &lt;span class=&quot;text-orange&quot;&gt;entrega a s\u00e9rio&lt;\/span&gt;.\n        &lt;\/h2&gt;\n        &lt;span class=&quot;rule-orange mt-8 mb-8 mx-auto&quot;&gt;&lt;\/span&gt;\n        &lt;p class=&quot;text-lg md:text-xl text-white\/75 leading-relaxed max-w-3xl mx-auto&quot;&gt;\n          O Server PhotoRF \u00e9 desenvolvido pela &lt;span class=&quot;text-white font-semibold&quot;&gt;PX3 Lab&lt;\/span&gt;, refer\u00eancia em automa\u00e7\u00e3o editorial, vis\u00e3o computacional e intelig\u00eancia artificial para fotografia profissional no Brasil. Cada recurso foi constru\u00eddo a partir da opera\u00e7\u00e3o real de est\u00fadios que fotografam grandes volumes de eventos por m\u00eas.\n        &lt;\/p&gt;\n\n        &lt;!-- Pilares PX3 Lab --&gt;\n        &lt;div class=&quot;mt-14 grid grid-cols-2 md:grid-cols-4 gap-6 max-w-4xl mx-auto&quot;&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Automa\u00e7\u00e3o&lt;br\/&gt;editorial&lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z&quot;\/&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Vis\u00e3o&lt;br\/&gt;computacional&lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;10&quot;\/&gt;&lt;path d=&quot;M12 6v6l3 2&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Intelig\u00eancia&lt;br\/&gt;artificial&lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=&quot;text-center&quot;&gt;\n            &lt;div class=&quot;mx-auto w-14 h-14 rounded-full border border-orange\/30 flex items-center justify-center mb-3&quot;&gt;\n              &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;#F47521&quot; stroke-width=&quot;2&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2&quot;\/&gt;&lt;circle cx=&quot;12&quot; cy=&quot;7&quot; r=&quot;4&quot;\/&gt;&lt;\/svg&gt;\n            &lt;\/div&gt;\n            &lt;div class=&quot;font-mono text-[11px] uppercase tracking-widest text-white\/50&quot;&gt;Reconhecimento&lt;br\/&gt;facial&lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 7 - FAQ ============ --&gt;\n  &lt;section id=&quot;faq&quot; class=&quot;py-20 md:py-32 bg-ink-950 relative&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid lg:grid-cols-12 gap-10 lg:gap-16&quot;&gt;\n        &lt;div class=&quot;lg:col-span-4&quot;&gt;\n          &lt;span class=&quot;eyebrow-ghost&quot;&gt;Perguntas frequentes&lt;\/span&gt;\n          &lt;h2 class=&quot;h-display text-white mt-6 text-[40px] sm:text-[50px] md:text-[58px] leading-[0.95]&quot;&gt;\n            Respostas&lt;br\/&gt;\n            diretas para&lt;br\/&gt;\n            quem est\u00e1&lt;br\/&gt;\n            &lt;span class=&quot;text-orange&quot;&gt;avaliando&lt;\/span&gt;.\n          &lt;\/h2&gt;\n          &lt;span class=&quot;rule-orange mt-6 mb-6&quot;&gt;&lt;\/span&gt;\n          &lt;p class=&quot;text-white\/60 text-[15px] leading-relaxed&quot;&gt;\n            Se sua d\u00favida n\u00e3o estiver aqui, fale com um consultor. Respondemos por WhatsApp em hor\u00e1rio comercial.\n          &lt;\/p&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;inline-flex mt-6 items-center gap-2 text-orange font-semibold hover:underline&quot;&gt;\n            Abrir conversa\n            &lt;svg width=&quot;14&quot; height=&quot;14&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot; aria-hidden=&quot;true&quot;&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;polyline points=&quot;12 5 19 12 12 19&quot;\/&gt;&lt;\/svg&gt;\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=&quot;lg:col-span-8&quot;&gt;\n          &lt;details class=&quot;faq-item&quot; open&gt;\n            &lt;summary&gt;\n              Como as fotos originais ficam protegidas?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Os arquivos em alta resolu\u00e7\u00e3o nunca saem do seu computador ou servidor. O Server PhotoRF trabalha com vers\u00f5es otimizadas para visualiza\u00e7\u00e3o online. O original s\u00f3 \u00e9 acessado quando o formando solicita o download e apenas se voc\u00ea habilitou essa op\u00e7\u00e3o para aquele produto.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Preciso deixar o computador ligado o tempo todo?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Sim, o servidor precisa estar ligado e com conex\u00e3o ativa para que as galerias fiquem dispon\u00edveis aos clientes. O sistema opera em modo standby, consome poucos recursos e funciona em segundo plano enquanto voc\u00ea trabalha normalmente.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Funciona em Windows e Mac?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              O Server PhotoRF foi desenvolvido para rodar nativamente em Windows. Consulte nossos especialistas para verificar a compatibilidade com a configura\u00e7\u00e3o espec\u00edfica da sua m\u00e1quina.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              E se a minha internet cair?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Durante uma queda de conex\u00e3o, as galerias ficam temporariamente indispon\u00edveis para os clientes. Assim que a conex\u00e3o \u00e9 restabelecida, o sistema volta a operar normalmente sem nenhuma interven\u00e7\u00e3o manual.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Como funciona a personaliza\u00e7\u00e3o da galeria?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Voc\u00ea configura logo, paleta de cores, capa, marca d'\u00e1gua, \u00edcone, estilo de bot\u00f5es e formato de exibi\u00e7\u00e3o, galeria tradicional ou estilo livro. Cada galeria entregue carrega a identidade visual do seu est\u00fadio, n\u00e3o da PX3 Lab.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Como funciona a cobran\u00e7a para o meu cliente?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              O Server PhotoRF gerencia a entrega e a sele\u00e7\u00e3o. A r\u00e9gua de cobran\u00e7a, como voc\u00ea precifica e cobra seus formandos, \u00e9 definida por voc\u00ea. O sistema \u00e9 compat\u00edvel com diferentes fluxos comerciais. Fale com um consultor para entender a melhor configura\u00e7\u00e3o para a sua opera\u00e7\u00e3o.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n\n          &lt;details class=&quot;faq-item&quot;&gt;\n            &lt;summary&gt;\n              Como falo com um consultor?\n              &lt;span class=&quot;plus&quot; aria-hidden=&quot;true&quot;&gt;\n                &lt;svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2.5&quot;&gt;&lt;line x1=&quot;12&quot; y1=&quot;5&quot; x2=&quot;12&quot; y2=&quot;19&quot;\/&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;\/&gt;&lt;\/svg&gt;\n              &lt;\/span&gt;\n            &lt;\/summary&gt;\n            &lt;div class=&quot;faq-body&quot;&gt;\n              Clique no bot\u00e3o do topo ou entre em contato direto pelo WhatsApp. Nossa equipe apresenta o sistema, entende o perfil da sua opera\u00e7\u00e3o e indica a configura\u00e7\u00e3o mais adequada para o seu volume.\n            &lt;\/div&gt;\n          &lt;\/details&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ BLOCO 8 - CTA FINAL ============ --&gt;\n  &lt;section class=&quot;py-20 md:py-32 relative overflow-hidden&quot; style=&quot;background: linear-gradient(180deg, #000 0%, #0d0d0d 100%);&quot;&gt;\n    &lt;!-- Grande luz laranja de baixo --&gt;\n    &lt;div class=&quot;absolute inset-x-0 -bottom-40 h-[600px]&quot; style=&quot;background: radial-gradient(ellipse at center bottom, rgba(244,117,33,0.28), transparent 60%);&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/div&gt;\n\n    &lt;div class=&quot;container-x relative&quot;&gt;\n      &lt;div class=&quot;max-w-5xl mx-auto text-center&quot;&gt;\n        &lt;span class=&quot;eyebrow&quot;&gt;Sua marca. Sua estrutura. Sua entrega.&lt;\/span&gt;\n        &lt;h2 class=&quot;h-display text-white mt-6 text-[46px] sm:text-[62px] md:text-[92px] lg:text-[104px]&quot;&gt;\n          Menos upload.&lt;br\/&gt;\n          &lt;span class=&quot;text-orange&quot;&gt;Mais controle.&lt;\/span&gt;&lt;br\/&gt;\n          Entrega profissional.\n        &lt;\/h2&gt;\n        &lt;span class=&quot;rule-orange mt-8 mb-8 mx-auto&quot;&gt;&lt;\/span&gt;\n        &lt;p class=&quot;text-lg md:text-xl text-white\/80 leading-relaxed max-w-3xl mx-auto&quot;&gt;\n          O Server PhotoRF foi constru\u00eddo para quem j\u00e1 tem uma opera\u00e7\u00e3o s\u00e9ria e quer entregar na mesma altura. Fale com um consultor, entenda o que o sistema faz pela sua empresa e veja como configurar para o seu volume de eventos.\n        &lt;\/p&gt;\n\n        &lt;div class=&quot;mt-12 flex flex-col sm:flex-row gap-4 justify-center&quot;&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;btn-primary text-base&quot;&gt;\n            &lt;svg width=&quot;18&quot; height=&quot;18&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n            Falar com um consultor agora\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n\n        &lt;p class=&quot;mt-8 text-white\/50 text-sm&quot;&gt;\n          Prefere ver uma demonstra\u00e7\u00e3o?\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Quero%20uma%20demonstra%C3%A7%C3%A3o%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;text-orange font-semibold hover:underline ml-1&quot;&gt;Entre em contato.&lt;\/a&gt;\n        &lt;\/p&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- ============ FOOTER ============ --&gt;\n  &lt;footer class=&quot;border-t border-white\/5 py-12 bg-black&quot;&gt;\n    &lt;div class=&quot;container-x&quot;&gt;\n      &lt;div class=&quot;grid md:grid-cols-3 gap-8 items-start&quot;&gt;\n        &lt;div&gt;\n          &lt;div class=&quot;flex items-center gap-2 mb-3&quot;&gt;\n            &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 64 64&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; aria-hidden=&quot;true&quot;&gt;\n              &lt;g fill=&quot;#F47521&quot;&gt;\n                &lt;path d=&quot;M12 18 L28 18 L36 32 L28 46 L12 46 L20 32 Z&quot;\/&gt;\n                &lt;rect x=&quot;40&quot; y=&quot;24&quot; width=&quot;10&quot; height=&quot;16&quot; rx=&quot;2&quot;\/&gt;\n              &lt;\/g&gt;\n            &lt;\/svg&gt;\n            &lt;span class=&quot;font-display font-black text-lg tracking-wide&quot;&gt;SERVER&lt;span class=&quot;text-orange&quot;&gt;PHOTORF&lt;\/span&gt;&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;p class=&quot;text-white\/50 text-sm leading-relaxed&quot;&gt;\n            Um produto &lt;span class=&quot;text-white font-semibold&quot;&gt;PX3 Lab&lt;\/span&gt;. Automa\u00e7\u00e3o editorial, vis\u00e3o computacional, intelig\u00eancia artificial e reconhecimento facial para fotografia profissional.\n          &lt;\/p&gt;\n        &lt;\/div&gt;\n\n        &lt;div&gt;\n          &lt;h4 class=&quot;font-display uppercase text-orange text-sm tracking-widest mb-4&quot;&gt;Contato&lt;\/h4&gt;\n          &lt;ul class=&quot;space-y-2 text-white\/70 text-sm&quot;&gt;\n            &lt;li&gt;&lt;a href=&quot;mailto:contato@px3lab.com.br&quot; class=&quot;hover:text-orange transition&quot;&gt;contato@px3lab.com.br&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li&gt;&lt;a href=&quot;https:\/\/www.px3lab.com.br&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;hover:text-orange transition&quot;&gt;www.px3lab.com.br&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li&gt;S\u00e3o Paulo \u00b7 SP \u00b7 Brasil&lt;\/li&gt;\n          &lt;\/ul&gt;\n        &lt;\/div&gt;\n\n        &lt;div&gt;\n          &lt;h4 class=&quot;font-display uppercase text-orange text-sm tracking-widest mb-4&quot;&gt;Fale agora&lt;\/h4&gt;\n          &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;inline-flex items-center gap-2 text-white hover:text-orange transition text-sm&quot;&gt;\n            &lt;svg width=&quot;16&quot; height=&quot;16&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z&quot;\/&gt;&lt;\/svg&gt;\n            WhatsApp comercial\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      &lt;div class=&quot;mt-10 pt-6 border-t border-white\/5 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-white\/40&quot;&gt;\n        &lt;span&gt;\u00a9 2026 PX3 Lab \u00b7 Todos os direitos reservados&lt;\/span&gt;\n        &lt;span class=&quot;font-mono&quot;&gt;Server PhotoRF \u00b7 v1.0&lt;\/span&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/footer&gt;\n\n  &lt;!-- WhatsApp flutuante mobile --&gt;\n  &lt;a href=&quot;https:\/\/wa.me\/5511924774894?text=Vim%20pelo%20site%20do%20Server%20PhotoRF&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;fixed bottom-5 right-5 z-40 md:hidden w-14 h-14 rounded-full bg-orange flex items-center justify-center shadow-orange-glow&quot; aria-label=&quot;Falar no WhatsApp&quot;&gt;\n    &lt;svg width=&quot;26&quot; height=&quot;26&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;#000&quot; aria-hidden=&quot;true&quot;&gt;&lt;path d=&quot;M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347zM20.52 3.449C12.831-3.984.106 1.407.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652a11.882 11.882 0 0 0 5.688 1.448h.005c9.848 0 15.674-10.667 10.601-19.194a11.821 11.821 0 0 0-2.109-3.153zM12.03 21.785h-.004a9.87 9.87 0 0 1-5.03-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.003-8.75 10.688-13.129 16.87-6.94A9.876 9.876 0 0 1 21.94 11.9c-.004 5.443-4.437 9.884-9.91 9.884z&quot;\/&gt;&lt;\/svg&gt;\n  &lt;\/a&gt;\n\n  &lt;script&gt;\n    \/\/ Scroll reveal simples - so ativa se prefers-reduced-motion nao estiver ligado\n    if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n      document.documentElement.classList.add('js-ready');\n      const io = new IntersectionObserver((entries) =&gt; {\n        entries.forEach(e =&gt; {\n          if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\n        });\n      }, { threshold: 0.12, rootMargin: '0px 0px -50px 0px' });\n      document.querySelectorAll('.card, .diff-block').forEach(el =&gt; {\n        el.classList.add('reveal');\n        io.observe(el);\n      });\n    }\n  &lt;\/script&gt;\n&lt;script&gt;(function(){if(window.parent===window)return;function s(){var h=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight);try{window.parent.postMessage({type:&quot;serverphotorf:resize&quot;,height:h},&quot;*&quot;);}catch(e){}}window.addEventListener(&quot;load&quot;,function(){s();setTimeout(s,300);setTimeout(s,1000);setTimeout(s,2500);});window.addEventListener(&quot;resize&quot;,s);if(window.ResizeObserver)new ResizeObserver(s).observe(document.body);})();&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n\" title=\"Server PhotoRF\" loading=\"eager\" scrolling=\"no\"><\/iframe><\/div>\n<p><script>(function(){var f=document.getElementById(\"sphotorf-frame\");if(!f)return;window.addEventListener(\"message\",function(ev){var d=ev.data;if(d&&d.type===\"serverphotorf:resize\"&&typeof d.height===\"number\"){f.style.height=(d.height+10)+\"px\";}});})();<\/script><\/p>\n","protected":false,"block_version":0},"excerpt":{"raw":"","rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_elementor_edit_mode":"","_elementor_template_type":"","_elementor_data":"","_elementor_page_settings":null},"permalink_template":"https:\/\/www.px3lab.com.br\/%pagename%\/","generated_slug":"server-photorf","class_list":["post-2873","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/pages\/2873","targetHints":{"allow":["GET","POST","PUT","PATCH","DELETE"]}}],"collection":[{"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/comments?post=2873"}],"version-history":[{"count":7,"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/pages\/2873\/revisions"}],"predecessor-version":[{"id":2883,"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/pages\/2873\/revisions\/2883"}],"wp:attachment":[{"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/media?parent=2873"}],"wp:action-publish":[{"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/pages\/2873"}],"wp:action-unfiltered-html":[{"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/pages\/2873"}],"wp:action-assign-author":[{"href":"https:\/\/www.px3lab.com.br\/wp-json\/wp\/v2\/pages\/2873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}