{
  "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-18T22:44:41",
  "modified_gmt": "2026-08-18T22:44:41",
  "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 — 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ção 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ção e entrega direto do seu servidor. Sem upload interminável. Sem custo de nuvem. Com sua marca do começo 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 · 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óprio 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      max-width: 100%;\n      min-width: 0;\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      min-width: 0;\n    }\n    .app-shot__dot {\n      width: 10px; height: 10px; border-radius: 50%;\n      background: #2a2a2a;\n      flex-shrink: 0;\n    }\n    .app-shot__dot.orange { background: var(--orange); }\n    .app-shot__addr {\n      margin-left: 12px;\n      flex: 1 1 0;\n      min-width: 0;\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      max-width: 100%;\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ção&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 · 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ção e entrega. Sem enviar nenhum arquivo original para a nuvem. Menos custo, mais controle. A entrega começa onde ela já deveria ter começado: no seu próprio 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égio 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 · &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;·&lt;/span&gt;\n      &lt;span&gt;Sua marca do começo ao fim&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Menos custo · Mais controle&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Sem upload&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Sua marca do começo ao fim&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Menos custo · Mais controle&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&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á 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á 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ém 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áveis&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ês 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ções perdidas no WhatsApp&lt;/h3&gt;\n            &lt;p class=&quot;text-white/65 leading-relaxed text-[15px]&quot;&gt;\n              Prints, áudios, 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ção, mais difícil fica controlar quem recebeu, quem acessou e quem ainda não 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ão são falhas de gestão. São sintomas de uma &lt;span class=&quot;text-orange&quot;&gt;infraestrutura de entrega&lt;/span&gt; que não acompanhou o tamanho do seu negócio.\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ção&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ça&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ê continua trabalhando como sempre trabalhou, organizando suas fotos no computador. O Server PhotoRF assume dali em diante. Ele lê suas pastas, prepara versões leves para visualização 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 grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 mb-20 md:mb-28&quot;&gt;\n        &lt;div class=&quot;min-w-0&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;C:\\Fotos\\COLÉGIO PX3\\3792&lt;/span&gt;\n            &lt;/div&gt;\n            &lt;img\n              src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-pastas-computador.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-pastas-computador.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-pastas-computador-at-2x.webp 2x&quot;\n              alt=&quot;Explorador de arquivos do Windows mostrando pasta do Colégio PX3 com centenas de miniaturas de fotos organizadas no computador do fotógrafo&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á existe no seu servidor&lt;/div&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;min-w-0&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/personalizar&lt;/span&gt;\n            &lt;/div&gt;\n            &lt;img\n              src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-personalizar-colegio.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-personalizar-colegio.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-personalizar-colegio-at-2x.webp 2x&quot;\n              alt=&quot;Painel de personalização do Server PhotoRF para o Colégio PX3 com cor principal laranja, logotipo aplicado e prévia da galeria mostrando os produtos disponíveis&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ê&lt;/h3&gt;\n          &lt;p class=&quot;text-white/70 leading-relaxed&quot;&gt;\n            Os arquivos em alta resolução permanecem protegidos no seu próprio equipamento. O sistema disponibiliza versões otimizadas para visualização 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á está guardado no seu servidor. O Server PhotoRF usa a estrutura que você já 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ção 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'água, ícone, botões e estilo de galeria, tradicional ou formato livro. A experiência do seu cliente carrega a identidade da sua empresa do começo 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úmero 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ê 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ção 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 min-w-0&quot;&gt;\n          &lt;p class=&quot;text-white/70 text-lg leading-relaxed&quot;&gt;\n            Cada recurso foi construído a partir da operação real de estúdios que fotografam grandes volumes de eventos por mês. Nada de feature sobrando. Tudo com uso comprovado no chão da entrega.\n          &lt;/p&gt;\n          &lt;!-- Accent: cartao real de um formando no sistema --&gt;\n          &lt;div class=&quot;min-w-0&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;/formandos/#3792&lt;/span&gt;\n              &lt;/div&gt;\n              &lt;img\n                src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-cartao-formando.webp&quot;\n                srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-cartao-formando.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-cartao-formando-at-2x.webp 2x&quot;\n                alt=&quot;Cartão de controle de um formando no Server PhotoRF exibindo avatar, e-mail, telefone, toggles de mínimo, máximo, compartilhamento, alta resolução e comentários, além dos produtos Quadro e Calendário 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 · 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 único. 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ático&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ínimo e máximo de seleção&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á 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ó recebe o arquivo em alta quando você 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ão acessou. Toda a comunicação registrada e acompanhada em um lugar só.&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ínio&lt;/h3&gt;\n          &lt;p class=&quot;text-white/60 text-sm leading-relaxed&quot;&gt;Além do WhatsApp, envie notificações pelo seu próprio domínio de e-mail reforçando a identidade da sua empresa em cada comunicação.&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ão visualizar as fotos. A experiência se adapta ao perfil do evento e ao padrão estético do seu estúdio.&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ários e compartilhamento&lt;/h3&gt;\n          &lt;p class=&quot;text-white/60 text-sm leading-relaxed&quot;&gt;Ative ou desative comentários 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 é 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ê aponta as pastas do evento para o Server PhotoRF. Seus arquivos originais não 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ões 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ê 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ção, deixa comentários 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 grid-cols-1 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 min-w-0&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 · v1.0&lt;/span&gt;\n            &lt;/div&gt;\n            &lt;img\n              src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-agente-desktop.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-agente-desktop.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-agente-desktop-at-2x.webp 2x&quot;\n              alt=&quot;Agente desktop do Server PhotoRF instalado na máquina do fotógrafo, 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 · o agente que roda na sua máquina&lt;/div&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;md:col-span-2 min-w-0&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://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-whatsapp-painel.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-whatsapp-painel.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-whatsapp-painel-at-2x.webp 2x&quot;\n              alt=&quot;Painel do WhatsApp Business API dentro do Server PhotoRF com abas Templates e Disparos, botões 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 · 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á 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ério&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 é desenvolvido pela &lt;span class=&quot;text-white font-semibold&quot;&gt;PX3 Lab&lt;/span&gt;, referência em automação editorial, visão computacional e inteligência artificial para fotografia profissional no Brasil. Cada recurso foi construído a partir da operação real de estúdios que fotografam grandes volumes de eventos por mês.\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ção&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ão&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ência&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á&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úvida não estiver aqui, fale com um consultor. Respondemos por WhatsApp em horário 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ção nunca saem do seu computador ou servidor. O Server PhotoRF trabalha com versões otimizadas para visualização online. O original só é acessado quando o formando solicita o download e apenas se você habilitou essa opção 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ão ativa para que as galerias fiquem disponíveis aos clientes. O sistema opera em modo standby, consome poucos recursos e funciona em segundo plano enquanto você 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ção específica da sua máquina.\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ão, as galerias ficam temporariamente indisponíveis para os clientes. Assim que a conexão é restabelecida, o sistema volta a operar normalmente sem nenhuma intervenção 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ção 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ê configura logo, paleta de cores, capa, marca d'água, ícone, estilo de botões e formato de exibição, galeria tradicional ou estilo livro. Cada galeria entregue carrega a identidade visual do seu estúdio, não 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ça 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ção. A régua de cobrança, como você precifica e cobra seus formandos, é definida por você. O sistema é compatível com diferentes fluxos comerciais. Fale com um consultor para entender a melhor configuração para a sua operação.\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ão do topo ou entre em contato direto pelo WhatsApp. Nossa equipe apresenta o sistema, entende o perfil da sua operação e indica a configuração 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ído para quem já tem uma operação séria 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ção?\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ção editorial, visão computacional, inteligência 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ão Paulo · SP · 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;© 2026 PX3 Lab · Todos os direitos reservados&lt;/span&gt;\n        &lt;span class=&quot;font-mono&quot;&gt;Server PhotoRF · 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 — 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ção 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ção e entrega direto do seu servidor. Sem upload interminável. Sem custo de nuvem. Com sua marca do começo 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 · 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óprio 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      max-width: 100%;\n      min-width: 0;\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      min-width: 0;\n    }\n    .app-shot__dot {\n      width: 10px; height: 10px; border-radius: 50%;\n      background: #2a2a2a;\n      flex-shrink: 0;\n    }\n    .app-shot__dot.orange { background: var(--orange); }\n    .app-shot__addr {\n      margin-left: 12px;\n      flex: 1 1 0;\n      min-width: 0;\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      max-width: 100%;\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ção&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 · 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ção e entrega. Sem enviar nenhum arquivo original para a nuvem. Menos custo, mais controle. A entrega começa onde ela já deveria ter começado: no seu próprio 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égio 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 · &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;·&lt;/span&gt;\n      &lt;span&gt;Sua marca do começo ao fim&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Menos custo · Mais controle&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Sem upload&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Sua marca do começo ao fim&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;WhatsApp Business API oficial&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Arquivos originais protegidos&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&lt;/span&gt;\n      &lt;span&gt;Menos custo · Mais controle&lt;/span&gt;&lt;span class=&quot;accent&quot;&gt;·&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á 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á 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ém 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áveis&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ês 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ções perdidas no WhatsApp&lt;/h3&gt;\n            &lt;p class=&quot;text-white/65 leading-relaxed text-[15px]&quot;&gt;\n              Prints, áudios, 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ção, mais difícil fica controlar quem recebeu, quem acessou e quem ainda não 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ão são falhas de gestão. São sintomas de uma &lt;span class=&quot;text-orange&quot;&gt;infraestrutura de entrega&lt;/span&gt; que não acompanhou o tamanho do seu negócio.\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ção&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ça&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ê continua trabalhando como sempre trabalhou, organizando suas fotos no computador. O Server PhotoRF assume dali em diante. Ele lê suas pastas, prepara versões leves para visualização 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 grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 mb-20 md:mb-28&quot;&gt;\n        &lt;div class=&quot;min-w-0&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;C:\\Fotos\\COLÉGIO PX3\\3792&lt;/span&gt;\n            &lt;/div&gt;\n            &lt;img\n              src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-pastas-computador.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-pastas-computador.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-pastas-computador-at-2x.webp 2x&quot;\n              alt=&quot;Explorador de arquivos do Windows mostrando pasta do Colégio PX3 com centenas de miniaturas de fotos organizadas no computador do fotógrafo&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á existe no seu servidor&lt;/div&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;min-w-0&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/personalizar&lt;/span&gt;\n            &lt;/div&gt;\n            &lt;img\n              src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-personalizar-colegio.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-personalizar-colegio.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-personalizar-colegio-at-2x.webp 2x&quot;\n              alt=&quot;Painel de personalização do Server PhotoRF para o Colégio PX3 com cor principal laranja, logotipo aplicado e prévia da galeria mostrando os produtos disponíveis&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ê&lt;/h3&gt;\n          &lt;p class=&quot;text-white/70 leading-relaxed&quot;&gt;\n            Os arquivos em alta resolução permanecem protegidos no seu próprio equipamento. O sistema disponibiliza versões otimizadas para visualização 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á está guardado no seu servidor. O Server PhotoRF usa a estrutura que você já 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ção 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'água, ícone, botões e estilo de galeria, tradicional ou formato livro. A experiência do seu cliente carrega a identidade da sua empresa do começo 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úmero 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ê 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ção 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 min-w-0&quot;&gt;\n          &lt;p class=&quot;text-white/70 text-lg leading-relaxed&quot;&gt;\n            Cada recurso foi construído a partir da operação real de estúdios que fotografam grandes volumes de eventos por mês. Nada de feature sobrando. Tudo com uso comprovado no chão da entrega.\n          &lt;/p&gt;\n          &lt;!-- Accent: cartao real de um formando no sistema --&gt;\n          &lt;div class=&quot;min-w-0&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;/formandos/#3792&lt;/span&gt;\n              &lt;/div&gt;\n              &lt;img\n                src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-cartao-formando.webp&quot;\n                srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-cartao-formando.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-cartao-formando-at-2x.webp 2x&quot;\n                alt=&quot;Cartão de controle de um formando no Server PhotoRF exibindo avatar, e-mail, telefone, toggles de mínimo, máximo, compartilhamento, alta resolução e comentários, além dos produtos Quadro e Calendário 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 · 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 único. 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ático&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ínimo e máximo de seleção&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á 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ó recebe o arquivo em alta quando você 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ão acessou. Toda a comunicação registrada e acompanhada em um lugar só.&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ínio&lt;/h3&gt;\n          &lt;p class=&quot;text-white/60 text-sm leading-relaxed&quot;&gt;Além do WhatsApp, envie notificações pelo seu próprio domínio de e-mail reforçando a identidade da sua empresa em cada comunicação.&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ão visualizar as fotos. A experiência se adapta ao perfil do evento e ao padrão estético do seu estúdio.&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ários e compartilhamento&lt;/h3&gt;\n          &lt;p class=&quot;text-white/60 text-sm leading-relaxed&quot;&gt;Ative ou desative comentários 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 é 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ê aponta as pastas do evento para o Server PhotoRF. Seus arquivos originais não 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ões 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ê 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ção, deixa comentários 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 grid-cols-1 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 min-w-0&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 · v1.0&lt;/span&gt;\n            &lt;/div&gt;\n            &lt;img\n              src=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-agente-desktop.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-agente-desktop.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-agente-desktop-at-2x.webp 2x&quot;\n              alt=&quot;Agente desktop do Server PhotoRF instalado na máquina do fotógrafo, 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 · o agente que roda na sua máquina&lt;/div&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;md:col-span-2 min-w-0&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://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-whatsapp-painel.webp&quot;\n              srcset=&quot;https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-whatsapp-painel.webp 1x, https://www.px3lab.com.br/wp-content/uploads/2026/08/sphotorf-whatsapp-painel-at-2x.webp 2x&quot;\n              alt=&quot;Painel do WhatsApp Business API dentro do Server PhotoRF com abas Templates e Disparos, botões 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 · 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á 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ério&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 é desenvolvido pela &lt;span class=&quot;text-white font-semibold&quot;&gt;PX3 Lab&lt;/span&gt;, referência em automação editorial, visão computacional e inteligência artificial para fotografia profissional no Brasil. Cada recurso foi construído a partir da operação real de estúdios que fotografam grandes volumes de eventos por mês.\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ção&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ão&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ência&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á&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úvida não estiver aqui, fale com um consultor. Respondemos por WhatsApp em horário 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ção nunca saem do seu computador ou servidor. O Server PhotoRF trabalha com versões otimizadas para visualização online. O original só é acessado quando o formando solicita o download e apenas se você habilitou essa opção 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ão ativa para que as galerias fiquem disponíveis aos clientes. O sistema opera em modo standby, consome poucos recursos e funciona em segundo plano enquanto você 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ção específica da sua máquina.\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ão, as galerias ficam temporariamente indisponíveis para os clientes. Assim que a conexão é restabelecida, o sistema volta a operar normalmente sem nenhuma intervenção 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ção 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ê configura logo, paleta de cores, capa, marca d'água, ícone, estilo de botões e formato de exibição, galeria tradicional ou estilo livro. Cada galeria entregue carrega a identidade visual do seu estúdio, não 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ça 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ção. A régua de cobrança, como você precifica e cobra seus formandos, é definida por você. O sistema é compatível com diferentes fluxos comerciais. Fale com um consultor para entender a melhor configuração para a sua operação.\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ão do topo ou entre em contato direto pelo WhatsApp. Nossa equipe apresenta o sistema, entende o perfil da sua operação e indica a configuração 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ído para quem já tem uma operação séria 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ção?\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ção editorial, visão computacional, inteligência 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ão Paulo · SP · 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;© 2026 PX3 Lab · Todos os direitos reservados&lt;/span&gt;\n        &lt;span class=&quot;font-mono&quot;&gt;Server PhotoRF · 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": 9,
        "href": "https://www.px3lab.com.br/wp-json/wp/v2/pages/2873/revisions"
      }
    ],
    "predecessor-version": [
      {
        "id": 2895,
        "href": "https://www.px3lab.com.br/wp-json/wp/v2/pages/2873/revisions/2895"
      }
    ],
    "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
      }
    ]
  }
}