1<!DOCTYPE html> 2<html lang="pt-BR" class="scroll-smooth"><head>
2<script>if(location.hash&&location.hash.length>1)document.documentElement.classList.add('deeplink');</script>
2<style>.deeplink .reveal{opacity:1!important;transform:none!important;transition:none!important}</style> 3 <!-- Google Tag Manager --> 4
4<script>
vendor: 327 bytes, lines 4-8
4(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": 5new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], 6j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= 7"https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 8})(window,document,"script","dataLayer","
8GTM-M5MTTF9P
vendor: 3 bytes, line 8
8");
8</script>
8 9 <!-- End Google Tag Manager --> 10 <meta charset="UTF-8"> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 12 <!-- Página de validação interna (nova versão da home). Não indexar. --> 13 <title>Numax â Mais resultado para você e seu paciente</title> 14 <meta name="description" content="O software de nutrição que enche a agenda, encanta o paciente e faz ele voltar â com apoio de IA. Para nutricionistas que querem o trabalho valorizado e um consultório lucrativo."> 15 <link rel="canonical" href="https://numax.com.br/"> 16 <meta property="og:type" content="website"> 17 <meta property="og:title" content="Numax â Mais resultado para você e seu paciente"> 18 <meta property="og:description" content="Enche a agenda, encanta o paciente e faz ele voltar â com apoio de inteligência artificial. Para nutricionistas que querem o trabalho valorizado e um consultório lucrativo."> 19 <meta property="og:url" content="https://numax.com.br/"> 20 <link rel="preconnect" href="https://fonts.googleapis.com"> 21 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 22 <link rel="preconnect" href="https://lp.numax.com.br"> 23 <link rel="preload" as="image" href="/assets/images/hero-plano.webp" fetchpriority="high" media="(min-width:1024px)"> 24 <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@1,9..144,500;1,9..144,600&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@1,9..144,500;1,9..144,600&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript> 25 <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg"> 26 <link rel="apple-touch-icon" href="/assets/images/favicon.svg"> 27 <style>*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}
27code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
27[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-\[-10\%\]{bottom:-10%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[-10\%\]{left:-10%}.right-4{right:1rem}.right-6{right:1.5rem}.right-\[-10\%\]{right:-10%}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.top-\[-10\%\]{top:-10%}.top-\[10\%\]{top:10%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[99\]{z-index:99}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1/span 1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mr-1{margin-right:-.25rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-11{height:2.75rem}.h-16{height:4rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[50vh\]{height:50vh}.h-\[52px\]{height:52px}.h-\[60vh\]{height:60vh}.h-\[800px\]{height:800px}.h-\[80vw\]{height:80vw}.h-\[900px\]{height:900px}.h-auto{height:auto}.h-full{height:100%}.max-h-0{max-height:0}.w-9{width:2.25rem}.w-\[110\%\]{width:110%}.w-\[120\%\]{width:120%}.w-\[20\%\]{width:20%}.w-\[30\%\]{width:30%}.w-\[50vw\]{width:50vw}.w-\[60vw\]{width:60vw}.w-\[800px\]{width:800px}.w-\[80vw\]{width:80vw}.w-\[900px\]{width:900px}.w-auto{width:auto}.w-full{width:100%}.min-w-\[600px\]{min-width:600px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[190px\]{max-width:190px}.max-w-\[480px\]{max-width:480px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y:2rem}.translate-y-\[20px\]{--tw-translate-y:20px}.translate-y-\[20px\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[0\.88\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.88\]{--tw-scale-x:0.88;--tw-scale-y:0.88}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
27.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.08)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:9999px}
27.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-bl-2xl{border-bottom-left-radius:1rem}.rounded-br-2xl{border-bottom-right-radius:1rem}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[\#0056B7\]{--tw-border-opacity:1;border-color:rgb(0 86 183/var(--tw-border-opacity,1))}.border-\[\#5AB4FF\]{--tw-border-opacity:1;border-color:rgb(90 180 255/var(--tw-border-opacity,1))}.border-\[\#5AB4FF\]\/20{border-color:rgba(90,180,255,.2)}.border-\[\#5AB4FF\]\/30{border-color:rgba(90,180,255,.3)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]{border-color:hsla(0,0%,100%,.05)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]{border-color:hsla(0,0%,100%,.06)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]{border-color:hsla(0,0%,100%,.08)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{border-color:hsla(0,0%,100%,.1)}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.bg-\[\#000F28\]\/75{background-color:rgba(0,15,40,.75)}.bg-\[\#002652\]{--tw-bg-opacity:1;background-color:rgb(0 38 82/var(--tw-bg-opacity,1))}.bg-\[\#002652\]\/70{background-color:rgba(0,38,82,.7)}.bg-\[\#002652\]\/80{background-color:rgba(0,38,82,.8)}.bg-\[\#002652\]\/95{background-color:rgba(0,38,82,.95)}.bg-\[\#0056B7\]{--tw-bg-opacity:1;background-color:rgb(0 86 183/var(--tw-bg-opacity,1))}.bg-\[\#0E1F3F\]{--tw-bg-opacity:1;background-color:rgb(14 31 63/var(--tw-bg-opacity,1))}.bg-\[\#111E36\]{--tw-bg-opacity:1;background-color:rgb(17 30 54/var(--tw-bg-opacity,1))}.bg-\[\#111E36\]\/30{background-color:rgba(17,30,54,.3)}.bg-\[\#5AB4FF\]{--tw-bg-opacity:1;background-color:rgb(90 180 255/var(--tw-bg-opacity,1))}.bg-\[rgba\(0\2c 86\2c 183\2c 0\.1\)\]{background-color:rgba(0,86,183,.1)}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\]{background-color:hsla(0,0%,100%,.02)}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.03\)\]{background-color:hsla(0,0%,100%,.03)}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\]{background-color:hsla(0,0%,100%,.04)}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]{background-color:hsla(0,0%,100%,.05)}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{background-color:hsla(0,0%,100%,.1)}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#0056B7\]{--tw-gradient-from:#0056b7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,86,183,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#0E1F3F\]{--tw-gradient-from:#0e1f3f var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,31,63,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#002652\]{--tw-gradient-to:#002652 var(--tw-gradient-to-position)}.to-\[\#0073E6\]{--tw-gradient-to:#0073e6 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-20{padding-bottom:5rem}.pb-6{padding-bottom:1.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[clamp\(2\.25rem\2c 4\.5vw\2c 4rem\)\]{font-size:clamp(2.25rem,4.5vw,4rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#5AB4FF\]{--tw-text-opacity:1;color:rgb(90 180 255/var(--tw-text-opacity,1))}.text-\[\#E4E4E4\]{--tw-text-opacity:1;color:rgb(228 228 228/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}
27.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.mix-blend-screen{mix-blend-mode:screen}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_100px_rgba\(0\2c 86\2c 183\2c 0\.4\)\2c 0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-shadow:0 0 100px rgba(0,86,183,.4),0 20px 60px rgba(0,0,0,.6);--tw-shadow-colored:0 0 100px var(--tw-shadow-color),0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(0\2c 86\2c 183\2c 0\.5\)\]{--tw-shadow:0 0 15px rgba(0,86,183,.5);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(0\2c 86\2c 183\2c 0\.6\)\]{--tw-shadow:0 0 20px rgba(0,86,183,.6);
27--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(0\2c 86\2c 183\2c 0\.4\)\]{--tw-shadow:0 0 40px rgba(0,86,183,.4);--tw-shadow-colored:0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(0\2c 86\2c 183\2c 0\.5\)\]{--tw-shadow:0 0 40px rgba(0,86,183,.5);--tw-shadow-colored:0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(0\2c 86\2c 183\2c 0\.3\)\]{--tw-shadow:0 0 50px rgba(0,86,183,.3);--tw-shadow-colored:0 0 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 20px 60px rgba(0,0,0,.5);--tw-shadow-colored:0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
27dow)}.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-shadow:0 20px 60px rgba(0,0,0,.6);--tw-shadow-colored:0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-\[100px\]{--tw-blur:blur(100px)}.blur-\[100px\],.blur-\[120px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur:blur(120px)}.blur-\[150px\]{--tw-blur:blur(150px)}.blur-\[150px\],.blur-\[160px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[160px\]{--tw-blur:blur(160px)}.blur-\[200px\]{--tw-blur:blur(200px)}.blur-\[200px\],.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px)}.backdrop-blur-\[12px\],.backdrop-blur-\[20px\]{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-200{transition-delay:.2s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(0\.175\2c 0\.885\2c 0\.32\2c 1\.275\)\]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-\[\#5AB4FF\] ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(90 180 255/var(--tw-bg-opacity,1))}.selection\:bg-\[\#5AB4FF\] ::selection{--tw-bg-opacity:1;background-color:rgb(90 180 255/var(--tw-bg-opacity,1))}.selection\:text-\[\#002652\] ::-moz-selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.selection\:text-\[\#002652\] ::selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.selection\:bg-\[\#5AB4FF\]::-moz-selection{--tw-bg-opacity:1;background-color:rgb(90 180 255/var(--tw-bg-opacity,1))}.selection\:bg-\[\#5AB4FF\]::selection{--tw-bg-opacity:1;background-color:rgb(90 180 255/var(--tw-bg-opacity,1))}.selection\:text-\[\#002652\]::-moz-selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.selection\:text-\[\#002652\]::selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.placeholder\:text-white\/40::-moz-placeholder{color:hsla(0,0%,100%,.4)}.placeholder\:text-white\/40::placeholder{color:hsla(0,0%,100%,.4)}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:-translate-y-1\.5:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1\.5:hover{--tw-translate-y:-0.375rem}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-\[\#5AB4FF\]\/30:hover{border-color:rgba(90,180,255,.3)}.hover\:border-white\/10:hover{border-color:hsla(0,0%,100%,.1)}.hover\:bg-\[\#004a9e\]:hover{--tw-bg-opacity:1;background-color:rgb(0 74 158/var(--tw-bg-opacity,1))}.hover\:bg-\[\#0056B7\]\/80:hover{background-color:rgba(0,86,183,.8)}.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\]:hover{background-color:hsla(0,0%,100%,.02)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-\[0_0_40px_rgba\(90\2c 180\2c 255\2c 0\.15\)\]:hover{--tw-shadow:0 0 40px rgba(90,180,255,.15);
27--tw-shadow-colored:0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_60px_rgba\(0\2c 86\2c 183\2c 0\.6\)\]:hover{--tw-shadow:0 0 60px rgba(0,86,183,.6);--tw-shadow-colored:0 0 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_60px_rgba\(0\2c 86\2c 183\2c 0\.7\)\]:hover{--tw-shadow:0 0 60px rgba(0,86,183,.7);--tw-shadow-colored:0 0 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_80px_rgba\(0\2c 86\2c 183\2c 0\.8\)\]:hover{--tw-shadow:0 0 80px rgba(0,86,183,.8);--tw-shadow-colored:0 0 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]:hover{--tw-shadow:0 10px 30px rgba(0,0,0,.2);--tw-shadow-colored:0 10px 30px var(--tw-sha
27dow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_20px_40px_rgba\(0\2c 86\2c 183\2c 0\.15\)\]:hover{--tw-shadow:0 20px 40px rgba(0,86,183,.15);--tw-shadow-colored:0 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#5AB4FF\]:focus{--tw-border-opacity:1;border-color:rgb(90 180 255/var(--tw-border-opacity,1))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:max-h-\[300px\]{max-height:300px}.peer:checked~.peer-checked\:opacity-100{opacity:1}.peer:valid~.peer-valid\:top-3{top:.75rem}.peer:valid~.peer-valid\:text-xs{font-size:.75rem;line-height:1rem}.peer:focus~.peer-focus\:top-3{top:.75rem}.peer:focus~.peer-focus\:text-xs{font-size:.75rem;line-height:1rem}.peer:focus~.peer-focus\:text-\[\#5AB4FF\]{--tw-text-opacity:1;color:rgb(90 180 255/var(--tw-text-opacity,1))}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:top-3{top:.75rem}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:top-3{top:.75rem}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:text-xs{font-size:.75rem;line-height:1rem}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:text-xs{font-size:.75rem;line-height:1rem}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-5{height:1.25rem}.sm\:w-\[110\%\]{width:110%}.sm\:w-\[90\%\]{width:90%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:gap-10{gap:2.5rem}.sm\:p-12{padding:3rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-5{grid-column:span 5/span 5}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[60vw\]{height:60vw}.md\:w-\[60vw\]{width:60vw}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.md\:py-0{padding-top:0}.md\:pb-0,.md\:py-0{padding-bottom:0}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1024px){.lg\:left-10{left:2.5rem}.lg\:right-\[-20\%\]{right:-20%}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:aspect-auto{aspect-ratio:auto}.lg\:aspect-square{aspect-ratio:1/1}.lg\:h-\[700px\]{height:700px}.lg\:w-1\/2{width:50%}.lg\:w-\[120\%\]{width:120%}.lg\:w-\[130\%\]{width:130%}.lg\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:py-32{padding-top:8rem}.lg\:pb-32,.lg\:py-32{padding-bottom:8rem}.lg\:pt-48{padding-top:12rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}}</style>
28 <link rel="preconnect" href="https://code.iconify.design" crossorigin> 29
29<script defer src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
29 30 <style> 31 body { font-family: 'Inter', sans-serif; } 32 @keyframes float { 33 0% { transform: translateY(0px) perspective(1000px) rotateY(-10deg) rotateX(6deg); } 34 50% { transform: translateY(-12px) perspective(1000px) rotateY(-10deg) rotateX(6deg); } 35 100% { transform: translateY(0px) perspective(1000px) rotateY(-10deg) rotateX(6deg); } 36 } 37 @keyframes floatReverse { 38 0% { transform: translateY(0px) perspective(1000px) rotateY(8deg) rotateX(4deg); } 39 50% { transform: translateY(-12px) perspective(1000px) rotateY(8deg) rotateX(4deg); } 40 100% { transform: translateY(0px) perspective(1000px) rotateY(8deg) rotateX(4deg); } 41 } 42 @keyframes breathe { 43 0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.4; } 44 50% { transform: scale(1.1) translate(2vw, 2vh); opacity: 0.6; } 45 } 46 .animate-float { animation: float 6s ease-in-out infinite; } 47 .animate-float-reverse { animation: floatReverse 7s ease-in-out infinite; } 48 .animate-breathe { animation: breathe 8s ease-in-out infinite alternate; } 49 50 /* Hide scrollbar for cleaner look on some elements */ 51 .no-scrollbar::-webkit-scrollbar { display: none; } 52 .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } 53 </style> 54 <style> 55 @media (prefers-reduced-motion: no-preference) { 56 .bento-base { 57 opacity: 0; 58 transition: opacity 600ms ease-out, translate 600ms cubic-bezier(0.34, 1.56, 0.64, 1), scale 600ms cubic-bezier(0.34, 1.56, 0.64, 1), rotate 600ms cubic-bezier(0.34, 1.56, 0.64, 1); 59 transition-delay: var(--delay, 0ms); 60 } 61 .bento-social { translate: 0 20px; scale: 0.9; } 62 .bento-pain { translate: 0 24px; } 63 .bento-test { translate: 0 24px; rotate: -2deg; } 64 .bento-cap { translate: 12px 12px; } 65 .bento-feat { scale: 0.92; } 66 .bento-price { translate: 0 24px; scale: 0.9; } 67 .bento-row { translate: 0 16px; } 68 .bento-faq { translate: 0 20px; } 69 .is-visible { 70 opacity: 1 !important; 71 translate: 0 0 !important; 72 scale: 1 !important; 73 rotate: 0deg !important; 74 } 75 @keyframes bluePulse { 76 0% { box-shadow: 0 0 0 rgba(0, 86, 183, 0); } 77 50% { box-shadow: 0 0 40px rgba(0, 86, 183, 0.8); } 78 100% { box-shadow: 0 0 50px rgba(0, 86, 183, 0.3); } 79 } 80 .pulse-blue.is-visible { 81 animation: bluePulse 1s ease-out forwards; 82 animation-delay: calc(var(--delay, 0ms) + 500ms); 83 } 84 @keyframes rowFlash { 85 0% { background-color: rgba(90, 180, 255, 0.6); } 86 100% { background-color: #0056B7; } 87 } 88 .flash-blue.is-visible { 89 animation: rowFlash 1s ease-out forwards; 90 animation-delay: calc(var(--delay, 0ms) + 300ms); 91 } 92 } 93 @media (prefers-reduced-motion: reduce) { 94 .bento-base { 95 opacity: 0; 96 transition: opacity 600ms ease-out; 97 transition-delay: var(--delay, 0ms); 98 } 99 .is-visible { 100 opacity: 1 !important; 101 } 102 } 103 </style> 104 <style id="fix-nav-lg">@media (min-width:1024px){[class~="lg:flex"]{display:flex}[class~="lg:block"]{display:block}[class~="lg:hidden"]{display:none}}</style> 105<style id="ios-perf">.animate-breathe{animation:none!important}@media (max-width:1023px){.animate-blob,.animate-breathe,.animate-float,.animate-float-reverse{animation:none!important}[class*="backdrop-blur"]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}</style>
105<script defer src="/assets/js/utm-passthrough.js"></script>
105 106 <!-- BANNER AGOSTO â temporário, sai em 01/09/2026 (reverter o commit) --> 107 <link rel="stylesheet" href="/assets/css/banner-agosto.css"> 108
108<script>try{if(localStorage.getItem('ba-agosto')==='off'||Date.now()>=new Date(2026,8,1).getTime())document.documentElement.classList.add('ba-hide')}catch(e){}</script>
108 109
109<script defer src="/assets/js/banner-agosto.js"></script>
109 110</head> 111 <body class="bg-[#002652] text-white overflow-x-hidden antialiased selection:bg-[#5AB4FF] selection:text-[#002652] pb-20 md:pb-0 ba-on"> 112 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 112-113
112 113 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
113GTM-M5MTTF9P
vendor: 87 bytes, lines 113-114
113" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 114
114<!-- End Google Tag Manager (noscript) --> 115 <!-- BANNER AGOSTO â INÃCIO (remover deste comentário até o "FIM") --> 116 <div class="ba" id="ba"> 117 <a class="ba__link" href="#novidades-agosto"> 118 <span class="ba__label">Agosto, o mês da nutri</span> 119 <span class="ba__msg">Tem coisa nova entrando na Numax neste mês. <b>E o preço também mudou.</b></span> 120 <span class="ba__cta">Ver as novidades</span> 121 <span class="ba__short">Novidades <b>+ preço novo</b> em agosto <span class="ba__arw">›</span></span> 122 </a> 123 <button type="button" class="ba__x" aria-label="Fechar aviso">×</button> 124 </div> 125 <!-- BANNER AGOSTO â FIM --> 126 <!-- Aurora ambiente (multi-hue: violeta + azul + ciano) â quebra a monocromia --> 127 <div class="fixed top-[-10%] left-[-10%] w-[50vw] h-[50vh] blur-[130px] opacity-30 rounded-full mix-blend-screen pointer-events-none animate-breathe z-0" style="background-color:#5B4BFF"></div> 128 <div class="fixed top-[35%] right-[-15%] w-[48vw] h-[55vh] blur-[150px] opacity-20 rounded-full mix-blend-screen pointer-events-none animate-breathe z-0" style="background-color:#0056B7; animation-delay:-3s"></div> 129 <div class="fixed bottom-[-10%] right-[-10%] w-[55vw] h-[55vh] blur-[160px] opacity-20 rounded-full mix-blend-screen pointer-events-none animate-breathe z-0" style="background-color:#12B8C9; animation-delay:-5s"></div> 130 131 <!-- 1. Header Fixo --> 132 <header class="fixed top-0 left-0 w-full z-50 bg-[#002652]/70 backdrop-blur-md border-b border-white/10"> 133 <div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between"> 134 <a href="/" class="flex items-center" aria-label="Numax â inÃcio"> 135 <img src="/assets/images/logo.svg" alt="Numax" class="h-4 sm:h-5 w-auto" style="filter:brightness(0) invert(1)"> 136 </a> 137 <nav class="hidden lg:flex items-center gap-8 text-sm font-medium text-[#E4E4E4]"> 138 <a href="#planos" class="hover:text-white transition-colors">Planos</a> 139 <a href="/estudantes/" class="hover:text-white transition-colors">Estudantes</a> 140 <a href="/recem-formados/" class="hover:text-white transition-colors">Recém-formados</a> 141 <a href="/numaxpay/" class="hover:text-white transition-colors">NumaxPay</a> 142 <a href="https://blog.numax.com.br/" class="hover:text-white transition-colors" target="_blank" rel="noopener">Blog</a> 143 <a href="/suporte/" class="hover:text-white transition-colors">Suporte</a> 144 </nav> 145 <div class="flex items-center gap-3"> 146 <a href="https://app.numax.com.br/" class="hidden lg:block text-sm font-medium text-[#E4E4E4] hover:text-white transition-colors" target="_blank" rel="noopener"> 147 Login 148 </a> 149 <a href="#planos" class="bg-[#0056B7] hover:bg-[#0056B7]/80 text-white text-sm font-semibold py-2 px-3 sm:px-4 roun
149ded-xl transition-all shadow-[0_0_15px_rgba(0,86,183,0.5)] whitespace-nowrap"> 150 <span class="sm:hidden">Assinar</span><span class="hidden sm:inline">Assinar a Numax</span> 151 </a> 152 <button id="menu-toggle" type="button" class="lg:hidden text-white p-1" aria-label="Abrir menu" aria-expanded="false"> 153 <iconify-icon icon="solar:hamburger-menu-linear" width="1.75rem"></iconify-icon> 154 </button> 155 </div> 156 </div> 157 <div id="mobile-menu" class="lg:hidden hidden border-t border-white/10 bg-[#002652]/95 backdrop-blur-lg"> 158 <nav class="flex flex-col px-4 py-3 gap-0.5 text-white font-medium"> 159 <a href="#planos" class="py-2.5 px-2 rounded-lg hover:bg-white/10 transition-colors">Planos</a> 160 <a href="/estudantes/" class="py-2.5 px-2 rounded-lg hover:bg-white/10 transition-colors">Estudantes</a> 161 <a href="/recem-formados/" class="py-2.5 px-2 rounded-lg hover:bg-white/10 transition-colors">Recém-formados</a> 162 <a href="/numaxpay/" class="py-2.5 px-2 rounded-lg hover:bg-white/10 transition-colors">NumaxPay</a> 163 <a href="https://blog.numax.com.br/" class="py-2.5 px-2 rounded-lg hover:bg-white/10 transition-colors" target="_blank" rel="noopener">Blog</a> 164 <a href="/suporte/" class="py-2.5 px-2 rounded-lg hover:bg-white/10 transition-colors">Suporte</a> 165 <a href="https://app.numax.com.br/" class="py-2.5 px-2 rounded-lg hover:bg-white/10 transition-colors" target="_blank" rel="noopener">Login</a> 166 </nav> 167 </div> 168 </header> 169 170 <!-- 2. Hero --> 171 <section class="relative pt-40 pb-20 lg:pt-48 lg:pb-32 overflow-hidden z-10 px-6"> 172 <!-- imagem de fundo do consultório + overlay navy pra legibilidade --> 173 <div class="absolute inset-0 z-0" style="background-image:url('/assets/images/hero-bg.webp');background-size:cover;background-position:center 42%"></div> 174 <div class="absolute inset-0 z-0" style="background:linear-gradient(100deg, rgba(0,22,50,0.95) 0%, rgba(0,22,50,0.86) 42%, rgba(0,22,50,0.55) 100%)"></div> 175 <div class="absolute inset-x-0 bottom-0 h-32 z-0" style="background:linear-gradient(to bottom, transparent, #002652)"></div> 176 <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 items-center relative z-10"> 177 <div class="flex flex-col items-start gap-6 reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out"> 178 <h1 class="text-[clamp(2.25rem,4.5vw,4rem)] font-extrabold tracking-tighter leading-[1.08] text-white" style="font-size:clamp(1.9rem,3.4vw,3.25rem);line-height:1.42"> 179 O software de nutrição que entrega 180 <span style="font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:1em;background-image:linear-gradient(92deg,#FF9A3D,#E8B84B);color:#002652;padding:0.04em 0.26em;border-radius:0.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone">mais resultado</span> 181 para você e seu paciente. 182 </h1> 183 <p class="text-xl sm:text-2xl font-bold text-[#5AB4FF] tracking-tight -mt-2"> 184 Para nutricionistas que querem o trabalho valorizado e um consultório lucrativo. 185 </p> 186 <div class="pt-4"> 187 <a href="#planos" class="inline-flex items-center justify-center gap-2 bg-[#0056B7] text-white text-base font-bold py-4 px-8 rounded-full shadow-[0_0_40px_rgba(0,86,183,0.4)] hover:shadow-[0_0_60px_rgba(0,86,183,0.6)] transition-all duration-300 group"> 188 Ver planos 189 <iconify-icon icon="solar:arrow-right-linear" class="text-lg group-hover:translate-x-1 transition-transform"></iconify-icon> 190 </a> 191 </div> 192 </div> 193 <div class="relative w-full aspect-[4/3] lg:aspect-square reveal opacity-0 translate-y-8 transition-all duration-1000 delay-200 ease-out"> 194 <div class="absolute inset-0 flex items-center justify-center"> 195 <div class="relative w-full lg:w-[130%] right-0 lg:right-[-20%] animate-float"> 196 <div class="absolute inset-0 bg-[#0056B7] blur-[100px] opacity-20 rounded-full"></div> 197 <img width="916" height="580" src="/assets/images/hero-plano.webp" alt="Plano alimentar na Numax" fetchpriority="high" class="relative z-10 rounded-2xl shadow-[0_20px_60px_rgba(0,0,0,0.5)] border border-[rgba(255,255,255,0.08)]"> 198 </div> 199 </div> 200 </div> 201 </div> 202 </section> 203 204 <!-- 3. Faixa de prova social --> 205 <section class="border-y border-[rgba(255,255,255,0.05)] bg-[#111E36]/30 backdrop-blur-sm z-10 relative reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out" style="background:#070e18"> 206 <div class="max-w-7xl mx-auto px-6 py-8 sm:py-12"> 207 <div class="grid grid-cols-1 md:grid-cols-4 gap-0 divide-y md:divide-y-0 md:divide-x divide-[rgba(255,255,255,0.08)]" data-bento-container="true"> 208 <div class="flex flex-col items-center justify-center text-center px-4 py-6 md:py-0 bento-base bento-social" style="--delay: 0ms;">
209 <span class="text-4xl sm:text-5xl font-black tracking-tighter text-[#5AB4FF]"> 210 3.000+ 211 </span> 212 <span class="text-sm font-medium text-white/60 mt-2"> 213 nutricionistas ativas 214 </span> 215 </div> 216 <div class="flex flex-col items-center justify-center text-center px-4 py-6 md:py-0 bento-base bento-social" style="--delay: 100ms;"> 217 <span class="text-4xl sm:text-5xl font-black tracking-tighter text-[#5AB4FF]"> 218 100+ 219 </span> 220 <span class="text-sm font-medium text-white/60 mt-2"> 221 videoaulas incluÃdas 222 </span> 223 </div> 224 <div class="flex flex-col items-center justify-center text-center px-4 py-6 md:py-0 bento-base bento-social" style="--delay: 200ms;"> 225 <span class="text-4xl sm:text-5xl font-black tracking-tighter text-[#5AB4FF]"> 226 100% 227 </span> 228 <span class="text-sm font-medium text-white/60 mt-2"> 229 suporte humano brasileiro (seg-sex) 230 </span> 231 </div> 232 <div class="flex flex-col items-center justify-center text-center px-4 py-6 md:py-0 bento-base bento-social" style="--delay: 300ms;"> 233 <span class="text-4xl sm:text-5xl font-black tracking-tighter text-[#5AB4FF]"> 234 30 dias 235 </span> 236 <span class="text-sm font-medium text-white/60 mt-2"> 237 de garantia 238 </span> 239 </div> 240 </div> 241 </div> 242 </section> 243 244 <!-- 7. Features Detalhadas (SEÃÃO CLARA â app por dentro) --> 245 <style id="feat-light"> 246 .feat-wrap{background:linear-gradient(180deg,#ffffff,#e8eef7)} 247 .feat-card{background:#fff;border:1px solid rgba(12,26,51,.08);box-shadow:0 16px 42px rgba(9,22,45,.09);transition:transform .3s,box-shadow .3s,border-color .3s} 248 .feat-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(9,22,45,.15);border-color:rgba(0,86,183,.35)} 249 .feat-eyebrow{color:#0056B7} 250 .feat-h{color:#0a1a33} 251 .feat-p{color:#43526b} 252 .feat-li{color:#26364e} 253 .feat-li iconify-icon{color:#0056B7} 254 .feat-img{border:1px solid rgba(12,26,51,.1);box-shadow:0 18px 40px rgba(9,22,45,.14)} 255 </style> 256 <section class="feat-wrap py-24 relative z-10 px-6"> 257 <div class="max-w-3xl mx-auto text-center mb-16 reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out"> 258 <span class="feat-eyebrow text-sm font-bold tracking-widest uppercase mb-4 block"> 259 Tudo que o consultório precisa, num lugar só 260 </span> 261 <h2 class="feat-h text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tighter leading-tight mb-6"> 262 Enche a agenda, encanta o paciente e faz ele voltar. 263 </h2> 264 </div> 265 <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-6 w-full" data-bento-container="true"> 266 <!-- Financeiro --> 267 <div class="feat-card md:col-span-2 rounded-[24px] p-8 lg:p-12 flex flex-col lg:flex-row gap-12 items-center bento-base bento-feat" style="--delay: 0ms;"> 268 <div class="lg:w-1/2 relative z-10 flex flex-col"> 269 <span class="feat-eyebrow text-sm font-bold tracking-widest uppercase mb-4 block">Gestão financeira</span> 270 <h3 class="feat-h text-3xl lg:text-4xl font-extrabold tracking-tight leading-tight mb-6"> 271 Sabe exatamente quanto entrou e quanto vai entrar. 272 </h3> 273 <p class="feat-p text-lg mb-8 leading-relaxed"> 274 Faturamentos, despesas, status de pagamento e pendências. Tudo em um 275 único lugar. Sem planilhas ou surpresas no final do mês. 276 </p> 277 <ul class="space-y-4"> 278 <li class="feat-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Controle de faturamentos por paciente e por protocolo</span></li> 279 <li class="feat-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Receba dos pacientes direto na Numax, sem outro app</span></li> 280 <li class="feat-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Status automático: pago, pendente ou atrasado</span></li> 281 <li class="feat-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Emissão de recibo vinculado à consulta</span></li> 282 <li class="feat-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Relatórios de despesas e minha carteira</span></li> 283 </ul> 284 </div> 285 <div class="lg:w-1/2 w-full relative"> 286 <img loading="lazy" decoding="async" width="1280" height="787" src="/assets/images/financeiro-carteira.webp" alt="Gestão financeira na Numax â Minha Carteira com extrato de recebimentos, taxas e transferências" class="feat-img w-full h-auto rounded-xl object-cover"> 287 <p style="font-size:.75rem;color:#8a95a6;margin-top:.55rem;text-align:center">Imagem ilustrativa â dados fictÃcios para demonstração.</p> 288 </div> 289 </div> 290 291 <!-- Antenada IA â card de anúncio (identidade rosa->laranja sobre navy) --> 292 <style id="antenada-style"> 293 .ant-card{background:linear-gradient(150deg,#0c1c3d,#0a1226)!important;border:1px solid rgba(255,90,140,.24)!important;box-shadow:0 24px 60px rgba(9,10,40,.4)!important} 294 .ant-card:hover{border-color:rgba(255,90,140,.45)!important} 295 .ant-badge{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(90deg,#FF2E7E,#FF7A2F);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.42rem .95rem;border-radius:999px;margin-bottom:1.2rem;align-self:flex-start;box-shadow:0 8px 22px rgba(255,60,120,.32)} 296 .ant-grad{background:linear-gradient(90deg,#FF2E7E,#FF7A2F);-webkit-background-clip:text;background-clip:text;color:transparent} 297 .ant-h{color:#fff} 298 .ant-p{color:rgba(255,255,255,.72)} 299 .ant-li{color:rgba(255,255,255,.86)} 300 .ant-li iconify-icon{color:#FF6A9A} 301 .ant-tile{width:100%;max-width:400px;aspect-ratio:4/3;border-radius:20px;background:radial-gradient(120% 120% at 30% 15%,#1a2f5a,#0a1122);border:1px solid rgba(255,90,140,.28);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(9,10,40,.45)} 302 .ant-tile iconify-icon{font-size:5rem;background:linear-gradient(120deg,#FF2E7E,#FF7A2F);-webkit-background-clip:text;background-clip:text;color:transparent} 303 .ant-tile .tag{position:absolute;top:14px;right:14px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,#FF2E7E,#FF7A2F);padding:.32rem .72rem;border-radius:999px} 304 </style> 305 <div class="feat-card ant-card md:col-span-2 rounded-[24px] p-8 lg:p-12 flex flex-col lg:flex-row gap-12 items-center bento-base bento-feat" style="--delay: 75ms;"> 306 <div class="lg:w-1/2 relative z-10 flex flex-col">
307 <span class="ant-badge"><iconify-icon icon="solar:magic-stick-3-bold"></iconify-icon> Antenada IA</span> 308 <h3 class="ant-h text-3xl lg:text-4xl font-extrabold tracking-tight leading-tight mb-6"> 309 A IA da Numax tira o <span class="ant-grad">trabalho manual</span> do seu caminho. 310 </h3> 311 <p class="ant-p text-lg mb-8 leading-relaxed"> 312 Em vez de digitar tudo na mão, você deixa a inteligência artificial acelerar 313 o lado técnico do consultório e ela está sempre ganhando recursos novos. 314 </p> 315 <ul class="space-y-4"> 316 <li class="ant-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Lê o rótulo do alimento e cadastra sozinha na Numax</span></li> 317 <li class="ant-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Ajuda a montar o plano alimentar mais rápido</span></li> 318 <li class="ant-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Lê o PDF do exame e preenche os marcadores pra você</span></li> 319 <li class="ant-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Estima a composição corporal pelas fotos na antropometria</span></li> 320 <li class="ant-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>E novas funções em desenvolvimento</span></li> 321 </ul> 322 </div> 323 <div class="lg:w-1/2 w-full relative flex items-center justify-center"> 324 <video autoplay muted loop playsinline width="1152" height="720" class="w-full" style="border-radius:20px;border:1px solid rgba(255,90,140,.28);box-shadow:0 18px 44px rgba(9,10,40,.45)"> 325 <source src="/assets/images/plano-ia.mp4" type="video/mp4"> 326 </video> 327 </div> 328 </div> 329 330 <!-- Pacientes --> 331 <div class="feat-card col-span-1 rounded-[24px] p-8 lg:p-12 flex flex-col gap-8 h-full bento-base bento-feat" style="--delay: 150ms;"> 332 <div class="relative z-10 flex-grow"> 333 <span class="feat-eyebrow text-sm font-bold tracking-widest uppercase mb-4 block">Gestão de pacientes</span> 334 <h3 class="feat-h text-2xl lg:text-3xl font-extrabold tracking-tight leading-tight mb-6"> 335 Todos os seus pacientes organizados e no lugar certo. 336 </h3> 337 <p class="feat-p text-base mb-8 leading-relaxed"> 338 Prontuários eletrônicos, histórico de consultas, evolução de medidas e 339 documentos anexos. Tudo a um clique de distância. 340 </p> 341 <ul class="space-y-4"> 342 <li class="feat-li flex items-center gap-3 text-sm"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Prontuário completo unificado</span></li> 343 <li class="feat-li flex items-center gap-3 text-sm"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Gráficos de evolução corporal</span></li> 344 <li class="feat-li flex items-center gap-3 text-sm"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Histórico de planos alimentares</span></li> 345 <li class="feat-li flex items-center gap-3 text-sm"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Acesso via aplicativo para o paciente</span></li> 346 </ul> 347 </div> 348 <div class="w-full relative mt-auto"> 349 <video autoplay muted loop playsinline width="1152" height="720" class="feat-img w-full rounded-xl object-cover object-top aspect-video"> 350 <source src="/assets/images/pacientes.mp4" type="video/mp4"> 351 </video> 352 </div> 353 </div> 354 355 <!-- Acompanhamento --> 356 <div class="feat-card col-span-1 rounded-[24px] p-8 lg:p-12 flex flex-col gap-8 h-full bento-base bento-feat" style="--delay: 300ms;"> 357 <div class="relative z-10 flex-grow">
358 <span class="feat-eyebrow text-sm font-bold tracking-widest uppercase mb-4 block">Acompanhamento real</span> 359 <h3 class="feat-h text-2xl lg:text-3xl font-extrabold tracking-tight leading-tight mb-6"> 360 Paciente que se sente acompanhado, volta. 361 </h3> 362 <p class="feat-p text-base mb-8 leading-relaxed"> 363 Seu paciente registra as refeições, ingestão de água e sintomas no 364 aplicativo. Você acompanha tudo em tempo real pelo seu painel, ajustando 365 a rota antes mesmo do retorno. 366 </p> 367 <ul class="space-y-4"> 368 <li class="feat-li flex items-center gap-3 text-sm"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Diário alimentar fotográfico</span></li> 369 <li class="feat-li flex items-center gap-3 text-sm"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Metas de hidratação personalizadas</span></li> 370 <li class="feat-li flex items-center gap-3 text-sm"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Chat direto com a nutricionista</span></li> 371 </ul> 372 </div> 373 <div class="w-full relative mt-auto"> 374 <video autoplay muted loop playsinline width="1152" height="720" class="feat-img w-full rounded-xl object-cover object-top aspect-video"> 375 <source src="/assets/images/diario-alimentar.mp4" type="video/mp4"> 376 </video> 377 </div> 378 </div> 379 380 <!-- Clube de Estudos --> 381 <div class="feat-card md:col-span-2 rounded-[24px] p-8 lg:p-12 flex flex-col lg:flex-row gap-12 items-center bento-base bento-feat" style="--delay: 450ms;"> 382 <div class="lg:w-1/2 w-full relative order-2 lg:order-1"> 383 <img loading="lazy" decoding="async" width="1200" height="800" src="https://lp.numax.com.br/assets/img/clube-estudos.jpg" alt="Atualização Técnica" class="feat-img w-full h-auto rounded-xl object-cover object-top"> 384 </div> 385 <div class="lg:w-1/2 relative z-10 flex flex-col order-1 lg:order-2"> 386 <span class="feat-eyebrow text-sm font-bold tracking-widest uppercase mb-4 block">Atualização técnica</span> 387 <h3 class="feat-h text-3xl lg:text-4xl font-extrabold tracking-tight leading-tight mb-6"> 388 Mais de 100 videoaulas. Sem custo extra. 389 </h3> 390 <p class="feat-p text-lg mb-8 leading-relaxed"> 391 O Clube Numax é a sua biblioteca de estudos. Casos clÃnicos, 392 condutas práticas, marketing e gestão. Conteúdo direto ao ponto para 393 aplicar amanhã no consultório. 394 </p> 395 <ul class="space-y-4"> 396 <li class="feat-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Professores referência no mercado</span></li> 397 <li class="feat-li flex items-center gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Materiais de apoio em PDF</span></li> 398 </ul> 399 </div> 400 </div> 401 402 <!-- Nupost â produto COMPLEMENTAR (assinatura propria). Paleta vinda do nupost.com.br: 403 #233444 theme-color · #6bbed0 turquesa · #2b6ae5 azul. Distinta do azul Numax de proposito. --> 404 <style id="nupost-style"> 405 .npc-card{background:linear-gradient(150deg,#233444,#141f2b)!important;border:1px dashed rgba(107,190,208,.45)!important;box-shadow:0 24px 60px rgba(9,20,30,.42)!important} 406 .npc-card:hover{border-color:rgba(107,190,208,.7)!important} 407 .npc-badge{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(90deg,#6bbed0,#3f93d6);color:#0d1820;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.42rem .95rem;border-radius:999px;margin-bottom:1.2rem;align-self:flex-start;box-shadow:0 8px 22px rgba(43,106,229,.3)} 408 .npc-grad{background:linear-gradient(90deg,#6bbed0,#8fd3e2);-webkit-background-clip:text;background-clip:text;color:transparent} 409 .npc-h{color:#fff} 410 .npc-p{color:rgba(255,255,255,.72)} 411 .npc-li{color:rgba(255,255,255,.86)} 412 .npc-li iconify-icon{color:#6bbed0;margin-top:.15rem} 413 .npc-cta{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;margin-top:1.25rem;background:linear-gradient(90deg,#3f93d6,#6bbed0);color:#0d1820;font-weight:700;font-size:.95rem;padding:.8rem 1.6rem;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 30px rgba(43,106,229,.34)} 414 .npc-cta:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(43,106,229,.5)} 415 .npc-note{font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.52);margin-top:1.75rem;max-width:34rem} 416 .npc-note a{color:rgba(255,255,255,.8);text-decoration:underline} 417 /* Leque de exemplos reais de carrossel, vindos do proprio nupost.com.br. */ 418 .npc-shots{display:flex;align-items:center;justify-content:center;width:100%} 419 .npc-shots img{width:32%;max-width:176px;border-radius:14px;border:1px solid rgba(107,190,208,.22);box-shadow:0 18px 40px rgba(9,20,30,.55);transition:transform .4s cubic-bezier(.34,1.3,.64,1);background:#0d1820} 420 .npc-shots img:nth-child(1){transform:rotate(-6deg) translateX(6%) scale(.94);z-index:1} 421 .npc-shots img:nth-child(2){transform:scale(1.02);z-index:3} 422 .npc-shots img:nth-child(3){transform:rotate(6deg) translateX(-6%) scale(.94);z-index:2} 423 .npc-shots:hover img:nth-child(1){transform:rotate(-9deg) translateX(0%) scale(.96)} 424 .npc-shots:hover img:nth-child(3){transform:rotate(9deg) translateX(0%) scale(.96)} 425 .npc-cap{font-size:.75rem;color:rgba(255,255,255,.58);text-align:center;margin-top:1.5rem} 426 @media (prefers-reduced-motion: reduce){.npc-shots img{transition:none}} 427 /* No celular, 3 pecas de 32% viram textura ilegivel. Melhor 2 maiores. */ 428 @media (max-width:640px){ 429 .npc-shots img{width:46%;max-width:none} 430 .npc-shots img:nth-child(3){display:none} 431 .npc-shots img:nth-child(1){transform:rotate(-5deg) translateX(5%) scale(.96)} 432 .npc-shots img:nth-child(2){transform:rotate(5deg) translateX(-5%) scale(1)} 433 } 434 </style> 435 <div class="feat-card npc-card md:col-span-2 rounded-[24px] p-8 lg:p-12 flex flex-col lg:flex-row gap-12 items-center bento-base bento-feat" style="--delay: 525ms;"> 436 <div class="lg:w-1/2 relative z-10 flex flex-col">
437 <span class="npc-badge">Nupost · Produto complementar</span> 438 <h3 class="npc-h text-3xl lg:text-4xl font-extrabold tracking-tight leading-tight mb-6"> 439 O carrossel já vem com a sua cara. <span class="npc-grad">Você só ajusta e publica.</span> 440 </h3> 441 <p class="npc-p text-lg mb-8 leading-relaxed"> 442 O Nupost gera carrosséis para o Instagram de nutricionista a partir da sua 443 identidade visual e do público que você atende. Sem contratar social media e 444 sem levar mais essa tarefa pro fim de semana. 445 </p> 446 <ul class="space-y-4"> 447 <li class="npc-li flex items-start gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Você escolhe o tema e a IA estrutura o texto do carrossel</span></li> 448 <li class="npc-li flex items-start gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Você ajusta cores, textos e imagens pra ficar com a sua identidade</span></li> 449 <li class="npc-li flex items-start gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Baixa e publica direto, sem passar por designer</span></li> 450 <li class="npc-li flex items-start gap-3 text-base"><iconify-icon icon="solar:check-circle-linear" class="text-xl flex-shrink-0"></iconify-icon><span>Dá pra testar com 20 créditos grátis, sem cartão</span></li> 451 </ul> 452 <p class="npc-note"> 453 O Nupost tem assinatura própria, a partir de R$ 49,90/mês. Assinantes Numax têm 454 desconto. No <a href="#planos">Unlimited</a>, ele vem incluÃdo. 455 </p> 456 <a class="npc-cta" href="https://nupost.com.br/?utm_source=numax-home&utm_medium=card-nupost&utm_campaign=cross-sell" target="_blank" rel="noopener"> 457 Conhecer o Nupost <iconify-icon icon="solar:arrow-right-linear"></iconify-icon> 458 </a> 459 </div> 460 <div class="lg:w-1/2 w-full relative flex flex-col items-center justify-center"> 461 <div class="npc-shots"> 462 <img loading="lazy" decoding="async" width="640" height="800" src="/assets/images/nupost-exemplo-1.webp" alt="Carrossel gerado no Nupost sobre posicionamento para nutricionistas"> 463 <img loading="lazy" decoding="async" width="640" height="800" src="/assets/images/nupost-exemplo-2.webp" alt="Carrossel gerado no Nupost com alerta clÃnico sobre sarcopenia"> 464 <img loading="lazy" decoding="async" width="640" height="800" src="/assets/images/nupost-exemplo-3.webp" alt="Carrossel gerado no Nupost sobre mito e verdade em inflamação"> 465 </div> 466 <p class="npc-cap">Exemplos de carrosséis gerados no Nupost.</p> 467 </div> 468 </div> 469 </div> 470 </section> 471 472 <!-- 5. Depoimentos (ESCURA â contraste entre as duas seções claras) --> 473 <style id="tw-marquee-style"> 474 .tw-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} 475 .tw-track{display:flex;gap:1.5rem;width:max-content;animation:tw-scroll 60s linear infinite} 476 .tw-marquee:hover .tw-track{animation-play-state:paused} 477 .tw-card{flex:0 0 auto;width:340px;max-width:85vw;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:1.25rem;padding:2rem;box-shadow:0 14px 36px rgba(0,0,0,.3);display:flex;flex-direction:column} 478 .tw-card .stars{display:flex;gap:.25rem;margin-bottom:1.25rem;color:#5AB4FF;font-size:1.05rem} 479 .tw-card .quote{font-size:1rem;color:rgba(255,255,255,.9);line-height:1.6;margin-bottom:1.5rem;flex-grow:1} 480 .tw-card .who{font-size:.85rem;font-weight:700;color:#fff} 481 .tw-card .role{font-size:.75rem;color:rgba(255,255,255,.55);margin-top:.15rem} 482 @keyframes tw-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} 483 @media (prefers-reduced-motion: reduce){.tw-track{animation:none;flex-wrap:wrap;justify-content:center}.tw-marquee{-webkit-mask-image:none;mask-image:none}} 484 </style> 485 <section class="py-24 relative z-10 px-6 overflow-hidden" style="background:linear-gradient(180deg,#0d1a33,#0a1526)"> 486 <div class="max-w-7xl mx-auto reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out"> 487 <div class="text-center mb-16">
488 <span class="text-sm font-bold tracking-widest uppercase mb-4 block" style="color:#5AB4FF"> 489 O que as nutris dizem 490 </span> 491 <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tighter leading-tight text-white"> 492 Mais que elogios. 493 <br> 494 Consultórios que mudaram. 495 </h2> 496 </div> 497 </div> 498 499 <div class="tw-marquee max-w-7xl mx-auto"> 500 <div class="tw-track"> 501 <div class="tw-card"> 502 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 503 <p class="quote">"O que mais me pegou foi ter tudo num lugar só. Não perco mais informação de paciente, e o diário alimentar me deixou muito mais perto de quem eu atendo."</p> 504 <div><p class="who">Franciene Silvana</p><p class="role">Nutricionista · Curitiba, PR</p></div> 505 </div> 506 <div class="tw-card"> 507 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 508 <p class="quote">"Eu levava trabalho pra casa. Hoje entrego o plano alimentar na hora da consulta e ainda passei a cobrar mais caro pelo atendimento. A Numax foi libertadora."</p> 509 <div><p class="who">Laura Fonseca</p><p class="role">Nutricionista · Belo Horizonte, MG</p></div> 510 </div> 511 <div class="tw-card"> 512 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 513 <p class="quote">"Meus pacientes amam o app. O plano alimentar não é engessado, uso do meu jeito, e o diário alimentar mantém o paciente motivado mesmo de longe."</p> 514 <div><p class="who">Julia Abend</p><p class="role">Nutricionista · Vinhedo, SP</p></div> 515 </div> 516 <div class="tw-card"> 517 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 518 <p class="quote">"A experiência do paciente ficou premium. Com a plataforma personalizada com a minha identidade, ganhei mais clientes e mais profissionalismo no atendimento."</p> 519 <div><p class="who">Jayane dos Santos</p><p class="role">Nutricionista · São Paulo, SP</p></div> 520 </div> 521 <div class="tw-card"> 522 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 523 <p class="quote">"Centralizei tudo num lugar e deixei a plataforma com a minha cara. Os questionários adiantam a consulta e o diário alimentar aproxima os pacientes."</p> 524 <div><p class="who">Bianca Castilho</p><p class="role">Nutricionista · Osasco, SP</p></div> 525 </div> 526 <div class="tw-card"> 527 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 528 <p class="quote">
528"Hoje monto o plano alimentar em 20 minutos. O app no celular é igual ao site, e isso me devolveu tempo pra minha vida."</p> 529 <div><p class="who">Amanda Gonçalves</p><p class="role">Nutricionista · Viamão, RS</p></div> 530 </div> 531 <div class="tw-card" aria-hidden="true"> 532 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 533 <p class="quote">"O que mais me pegou foi ter tudo num lugar só. Não perco mais informação de paciente, e o diário alimentar me deixou muito mais perto de quem eu atendo."</p> 534 <div><p class="who">Franciene Silvana</p><p class="role">Nutricionista · Curitiba, PR</p></div> 535 </div> 536 <div class="tw-card" aria-hidden="true"> 537 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 538 <p class="quote">"Eu levava trabalho pra casa. Hoje entrego o plano alimentar na hora da consulta e ainda passei a cobrar mais caro pelo atendimento. A Numax foi libertadora."</p> 539 <div><p class="who">Laura Fonseca</p><p class="role">Nutricionista · Belo Horizonte, MG</p></div> 540 </div> 541 <div class="tw-card" aria-hidden="true"> 542 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 543 <p class="quote">"Meus pacientes amam o app. O plano alimentar não é engessado, uso do meu jeito, e o diário alimentar mantém o paciente motivado mesmo de longe."</p> 544 <div><p class="who">Julia Abend</p><p class="role">Nutricionista · Vinhedo, SP</p></div> 545 </div> 546 <div class="tw-card" aria-hidden="true"> 547 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 548 <p class="quote">"A experiência do paciente ficou premium. Com a plataforma personalizada com a minha identidade, ganhei mais clientes e mais profissionalismo no atendimento."</p> 549 <div><p class="who">Jayane dos Santos</p><p class="role">Nutricionista · São Paulo, SP</p></div> 550 </div> 551 <div class="tw-card" aria-hidden="true"> 552 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 553 <p class="quote">"Centralizei tudo num lugar e deixei a plataforma com a minha cara. Os questionários adiantam a consulta e o diário alimentar aproxima os pacientes."</p> 554 <div><p class="who">Bianca Castilho</p><p class="role">Nutricionista · Osasco, SP</p></div> 555 </div> 556 <div class="tw-card" aria-hidden="true"> 557 <div class="stars"><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon><iconify-icon icon="solar:star-bold"></iconify-icon></div> 558 <p class="quote">"Hoje monto o plano alimentar em 20 minutos. O app no celular é igual ao site, e isso me devolveu tempo pra minha vida."</p> 559 <div><p class="who">Amanda Gonçalves</p><p class="role">Nutricionista · Viamão, RS</p></div> 560 </div> 561 </div> 562 </div> 563 </section> 564 565 <!-- 4. Operação (Numax assume o resto) â no lugar da antiga seção-problema --> 566 <style id="op-light-style">.op-light h2{color:#0a1a33!important}.op-light p{color:#43526b!important}.op-light .bento-cap span{color:#26364e!important}.op-light .bento-cap iconify-icon{color:#0056B7!important} 567 .op-phone{width:290px;max-width:78%;margin:0 auto;aspect-ratio:720/1556;background:#0b0f16;border-radius:38px;padding:8px;box-shadow:0 0 60px rgba(0,86,183,.22),0 26px 70px rgba(0,0,0,.28);border:1px solid rgba(10,20,40,.3)} 568 .op-phone video{width:100%;height:100%;object-fit:cover;border-radius:30px;display:block;background:#000}</style> 569 <section class="op-light py-24 lg:py-32 relative z-10 px-6 overflow-hidden" style="background:linear-gradient(180deg,#ffffff,#e8eef7)"> 570 <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 items-center"> 571 <div class="reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out order-2 lg:order-1"> 572 <h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tighter leading-tight mb-6"> 573 Enquanto você atende, o resto do consultório se resolve sozinho. 574 </h2> 575 <p class="text-lg text-white/70 mb-10 leading-relaxed"> 576 Agendamento, confirmação, plano alimentar, financeiro, contratos, 577 prontuário e acompanhamento. A Numax assume a operação inteira antes, 578 durante e depois de cada consulta, com auxÃlio de inteligência artificial 579 pra acelerar o seu consultório. 580 </p> 581 582 <ul class="grid sm:grid-cols-2 gap-x-6 gap-y-4" data-bento-container="true"> 583 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 0ms;"> 584 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon>
585 <span class="text-sm font-medium text-white/80"> 586 Confirma consultas automaticamente e manda lembretes 587 </span> 588 </li> 589 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 60ms;"> 590 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 591 <span class="text-sm font-medium text-white/80"> 592 Organiza a agenda e distribui os horários disponÃveis 593 </span> 594 </li> 595 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 120ms;"> 596 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 597 <span class="text-sm font-medium text-white/80"> 598 Monta o plano alimentar com apoio de IA durante a consulta 599 </span> 600 </li> 601 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 180ms;"> 602 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 603 <span class="text-sm font-medium text-white/80"> 604 Envia o plano para o paciente em um clique, pelo app 605 </span> 606 </li> 607 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 240ms;"> 608 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 609 <span class="text-sm font-medium text-white/80"> 610 Envia contratos digitais para o paciente assinar, sem papel e sem burocracia 611 </span> 612 </li> 613 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 300ms;"> 614 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 615 <span class="text-sm font-medium text-white/80"> 616 Emite recibo vinculado a cada consulta 617 </span> 618 </li> 619 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 360ms;"> 620 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 621 <span class="text-sm font-medium text-white/80"> 622 Controla o financeiro: o que entrou, o que saiu, o que está 623 pendente 624 </span> 625 </li> 626 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 420ms;"> 627 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 628 <span class="text-sm font-medium text-white/80"> 629 Registra o diário alimentar e a hidratação dos pacientes 630 </span> 631 </li> 632 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 480ms;"> 633 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 634 <span class="text-sm font-medium text-white/80"> 635 Mantém o prontuário organizado e acessÃvel em qualquer 636 dispositivo 637 </span> 638 </li> 639 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 540ms;"> 640 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 641 <span class="text-sm font-medium text-white/80"> 642 Disponibiliza mais de 100 videoaulas para sua atualização 643 técnica 644 </span> 645 </li> 646 <li class="flex items-start gap-3 bento-base bento-cap" style="--delay: 600ms;"> 647 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF] text-xl flex-shrink-0 mt-0.5"></iconify-icon> 648 <span class="text-sm font-medium text-white/80"> 649 Guarda todos os dados na nuvem com segurança e LGPD 650 </span> 651 </li> 652 </ul> 653 </div> 654 <div class="order-1 lg:order-2 reveal opacity-0 translate-y-8 transition-all duration-1000 delay-200 ease-out"> 655 <div class="op-phone">
656 <video autoplay muted loop playsinline preload="metadata" aria-label="Notificações e mensagens automáticas sendo enviadas aos pacientes pela Numax"> 657 <source src="/assets/images/notificacoes.mp4" type="video/mp4"> 658 </video> 659 </div> 660 </div> 661 </div> 662 </section> 663 664 <!-- 7.5 Tabela comparativa de custo (movida p/ antes do preço) --> 665 <section class="py-24 relative z-10 px-6" style="background:#001d3b"> 666 <div class="max-w-4xl mx-auto reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out"> 667 <div class="text-center mb-16"> 668 <span class="text-[#5AB4FF] text-sm font-bold tracking-widest uppercase mb-4 block"> 669 O que você paga sem perceber 670 </span> 671 <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tighter leading-tight mb-6"> 672 Quanto você gasta hoje para rodar seu consultório? 673 </h2> 674 <p class="text-lg text-white/70"> 675 Quase toda nutri paga um app para atender, outro para a agenda e outro 676 para assinar documentos digitais. Nenhum deles conversa entre si, e cada 677 cobrança se perde no meio das contas do mês. Somando tudo, dá isto: 678 </p> 679 </div> 680 681 <style> 682 @media (max-width:640px){ 683 #cost-table{min-width:0!important} 684 #cost-table th:nth-child(2),#cost-table td:nth-child(2){display:none} 685 #cost-table th,#cost-table td{padding-left:.85rem;padding-right:.85rem} 686 #cost-table tbody{font-size:.8rem} 687 #cost-table thead th{font-size:.6rem} 688 } 689 </style>
690 <div class="overflow-x-auto no-scrollbar rounded-2xl border border-[rgba(255,255,255,0.08)] bg-[rgba(255,255,255,0.02)] backdrop-blur-sm"> 691 <table id="cost-table" class="w-full text-left border-collapse min-w-[600px]"> 692 <thead> 693 <tr> 694 <th class="py-5 px-6 text-xs uppercase tracking-widest text-white/50 border-b border-[rgba(255,255,255,0.08)] font-semibold w-[30%]"> 695 Ferramenta 696 </th> 697 <th class="py-5 px-6 text-xs uppercase tracking-widest text-white/50 border-b border-[rgba(255,255,255,0.08)] font-semibold w-[30%]"> 698 Função 699 </th> 700 <th class="py-5 px-6 text-xs uppercase tracking-widest text-white/50 border-b border-[rgba(255,255,255,0.08)] font-semibold w-[20%]"> 701 Custo estimado 702 </th> 703 <th class="py-5 px-6 text-xs uppercase tracking-widest text-[#5AB4FF] border-b border-[rgba(255,255,255,0.08)] font-bold w-[20%]"> 704 Numax 705 </th> 706 </tr> 707 </thead> 708 <tbody class="text-sm"> 709 <tr class="hover:bg-[rgba(255,255,255,0.02)] transition-colors"> 710 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/80"> 711 App de prescrição nutricional 712 </td> 713 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 714 Planos alimentares 715 </td> 716 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 717 R$ 52â60 718 </td> 719 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] font-medium text-white flex items-center gap-2"> 720 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF]"></iconify-icon> 721 IncluÃdo 722 </td> 723 </tr> 724 <tr class="hover:bg-[rgba(255,255,255,0.02)] transition-colors"> 725 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/80"> 726 App de agendamento online 727 </td> 728 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 729 Agenda + confirmações 730 </td> 731 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 732 R$ 28â45 733 </td> 734 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] font-medium text-white flex items-center gap-2"> 735 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF]"></iconify-icon> 736 IncluÃdo 737 </td> 738 </tr> 739 <tr class="hover:bg-[rgba(255,255,255,0.02)] transition-colors"> 740 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/80"> 741 Plataforma de videochamada 742 </td> 743 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 744 Teleconsulta 745 </td> 746 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 747 R$ 55â90 748 </td> 749 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] font-medium text-white flex items-center gap-2"> 750 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF]"></iconify-icon> 751 IncluÃdo 752 </td> 753 </tr> 754 <tr class="hover:bg-[rgba(255,255,255,0.02)] transition-colors"> 755 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/80"> 756 App de gestão financeira 757 </td> 758 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 759 Financeiro 760 </td> 761 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 762 R$ 29â59 763 </td> 764 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] font-medium text-white flex items-center gap-2"> 765 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF]"></iconify-icon> 766 IncluÃdo 767 </td> 768 </tr> 769 <tr class="hover:bg-[rgba(255,255,255,0.02)] transition-colors"> 770 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/80"> 771 Contratos digitais 772 </td> 773 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 774 Contratos 775 </td> 776 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 777 R$ 30â50 778 </td> 779 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] font-medium text-white flex items-center gap-2"> 780 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF]"></iconify-icon> 781 IncluÃdo 782 </td> 783 </tr> 784 <tr class="hover:bg-[rgba(255,255,255,0.02)] transition-colors"> 785 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/80"> 786 Plataforma de cursos 787 </td> 788 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 789 Atualização técnica 790 </td> 791 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] text-white/60"> 792 R$ 49â120 793 </td> 794 <td class="py-4 px-6 border-b border-[rgba(255,255,255,0.05)] font-medium text-white flex items-center gap-2"> 795 <iconify-icon icon="solar:check-circle-linear" class="text-[#5AB4FF]"></iconify-icon> 796 100+ aulas 797 </td> 798 </tr> 799 <tr class="bg-[#0056B7] border-none text-base"> 800 <td class="py-5 px-6 font-bold text-white rounded-bl-2xl"> 801 TOTAL 802 </td> 803 <td class="py-5 px-6 font-bold text-white">â</td> 804 <td class="py-5 px-6 font-bold text-white">R$ 243â424</td> 805 <td class="py-5 px-6 font-bold text-white rounded-br-2xl">
806 <span class="text-xs font-normal opacity-80">a partir de </span>R$ 72,91 807 <span class="text-xs font-normal opacity-80">/mês*</span> 808 </td> 809 </tr> 810 </tbody> 811 </table> 812 </div> 813 814 <p class="text-sm text-center text-white/60 mt-6 max-w-2xl mx-auto leading-relaxed"> 815 Quando você bate o olho, não parece que a Numax é a mais barata. Mas é 816 <span class="font-bold text-white">uma</span> assinatura no lugar de 817 <span class="font-bold text-white">seis</span>. Com tudo no mesmo lugar, o 818 tempo que você perde hoje saltando de um app para outro volta para a sua agenda. 819 <br> 820 <span class="text-xs opacity-70"> 821 *Equivalente mensal do Plano Black anual, pago à vista. 822 </span> 823 </p> 824 </div> 825 </section> 826 827 828 <!-- 8. Oferta (Planos) --> 829 <!-- 830 ============================================================ 831 SEÃÃO DE PLANOS â mecanismo estilo WebDiet + MATERIAIS PREMIUM 832 Cores: Black = grafite premium · Platinum = prata metálico · 833 Unlimited = azul premium (flagship). 834 Toggle Mensal/Semestral/Anual por card; preço troca na hora; 835 entrada + renovação. 836 â RASCUNHO A CONFIRMAR: features por plano · links de checkout · 837 plano destaque (hoje Platinum "Mais popular"). 838 ============================================================ 839 --> 840 <style id="pw-style"> 841 .pw-grid{display:grid;gap:1.5rem;align-items:stretch} 842 @media(min-width:1024px){.pw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:center}} 843 .pw-plan{position:relative;border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;height:100%;border:1px solid transparent;transition:transform .35s cubic-bezier(.34,1.4,.64,1),box-shadow .35s ease} 844 .pw-plan:hover{transform:translateY(-6px)} 845 @media(min-width:1024px){.pw-plan--scale{transform:scale(1.05);z-index:5}.pw-plan--scale:hover{transform:scale(1.05) translateY(-6px)}} 846 .pw-plan::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.07),transparent 42%);pointer-events:none;z-index:0} 847 .pw-plan::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(90,180,255,.16),transparent 62%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0} 848 .pw-plan:hover::after{opacity:1} 849 .pw-plan--unlimited::after{background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(124,196,255,.24),transparent 62%)} 850 @media (prefers-reduced-motion: reduce){.pw-plan::after{display:none}} 851 .pw-plan>*{position:relative;z-index:1} 852 853 /* BLACK â grafite premium */ 854 /* BLACK recuado â grafite SÃLIDO neutro (cinza, sem azul) p/ separar do Unlimited */ 855 .pw-plan--black{background:#15171d;border-color:rgba(255,255,255,0.09);box-shadow:0 12px 28px -20px rgba(0,0,0,.7)} 856 @media(min-width:1024px){.pw-plan--black{transform:scale(1.05);opacity:1;z-index:5}.pw-plan--black:hover{transform:scale(1.05) translateY(-6px)}} 857 .pw-plan--black .pw-name{color:rgba(255,255,255,.7)} 858 .pw-plan--black .pw-tagline{color:rgba(255,255,255,.5)} 859 .pw-plan--black::before{opacity:.35} 860 .pw-plan--black::after{background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.07),transparent 60%)} 861 .pw-plan--black .pw-tab.is-active{background:rgba(255,255,255,.14)} 862 .pw-plan--black .pw-tab.is-active{background:rgba(255,255,255,.16);color:#fff;box-shadow:none} 863 .pw-plan--black .pw-cta{background:rgba(255,255,255,.1);color:#fff} 864 .pw-plan--black .pw-cta:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)} 865 866 /* PLATINUM â prata metálico */ 867 .pw-plan--platinum{background:linear-gradient(158deg,#3c424e,#22262e) padding-box,linear-gradient(150deg,#f6f8fb,#aeb6c2 44%,#e4e9f0 58%,#8b94a2) border-box;box-shadow:0 30px 66px -20px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 50px rgba(200,208,220,.08)} 868 .pw-plan--platinum .pw-name{background:linear-gradient(180deg,#fff,#c2c9d4 55%,#eef1f6);-webkit-background-clip:text;background-clip:text;color:transparent} 869 .pw-plan--platinum .pw-tab.is-active{background:linear-gradient(180deg,#eef1f6,#b4bcc8);color:#15171c;box-shadow:0 2px 10px rgba(0,0,0,.35)} 870 .pw-plan--platinum .pw-cta{background:linear-gradient(180deg,#f4f6fa,#c2cad6);color:#15171c;box-shadow:0 10px 26px rgba(0,0,0,.4)} 871 .pw-plan--platinum .pw-cta:hover{filter:brightness(1.06);transform:translateY(-1px)} 872 .pw-plan--platinum .pw-feats iconify-icon{color:#dfe4ec} 873 874 /* UNLIMITED â azul premium (flagship) */ 875 .pw-plan--unlimited{background:radial-gradient(130% 90% at 50% -8%,rgba(120,195,255,.30),transparent 52%),linear-gradient(158deg,#103f80,#0a2149 56%,#0a1836) padding-box,linear-gradient(140deg,#acdcff,#2b7fff 42%,#0056B7 66%,#8fccff) border-box;border:1.5px solid transparent;box-shadow:0 38px 88px -18px rgba(0,86,183,.75),0 0 110px rgba(0,86,183,.34),inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 70px rgba(120,195,255,.15)} 876 .pw-plan--unlimited .pw-sheen-wrap{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0} 877 .pw-plan--unlimited .pw-sheen{position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-16deg);animation:pwSheen 6s ease-in-out infinite} 878 @keyframes pwSheen{0%{left:-60%}55%,100%{left:130%}} 879 @media (prefers-reduced-motion: reduce){.pw-plan--unlimited .pw-sheen{display:none}} 880 .pw-plan--unlimited .pw-name{background:linear-gradient(120deg,#ffffff,#c7e6ff 55%,#7cc4ff);-webkit-background-clip:text;background-clip:text;color:transparent} 881 .pw-plan--unlimited .pw-tab.is-active{background:#0a63cf;color:#fff;box-shadow:0 0 15px rgba(90,180,255,.5)} 882 .pw-plan--unlimited .pw-cta{background:linear-gradient(180deg,#1f7fe6,#0056B7);color:#fff;box-shadow:0 0 40px rgba(0,86,183,.5)} 883 .pw-plan--unlimited .pw-cta:hover{box-shadow:0 0 60px rgba(0,86,183,.75);transform:translateY(-1px)} 884 .pw-plan--unlimited .pw-feats iconify-icon{color:#7cc4ff} 885 886 .pw-badge{position:absolute;top:-.9rem;left:50%;transform:translateX(-50%);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.35rem 1rem;border-radius:9999px;display:flex;align-items:center;gap:.35rem;white-space:nowrap;z-index:6} 887 .pw-badge--platinum{background:linear-gradient(180deg,#eef1f6,#aab2be);color:#15171c;box-shadow:0 6px 18px rgba(0,0,0,.45)} 888 .pw-badge--unlimited{background:linear-gradient(90deg,#7cc4ff,#0056B7);color:#fff;box-shadow:0 8px 26px rgba(0,86,183,.7),inset 0 1px 0 rgba(255,255,255,.3)} 889 .pw-name{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:.25rem 0 .35rem} 890 .pw-plan--scale .pw-name{margin-top:.75rem} 891 .pw-tagline{font-size:.85rem;color:rgba(255,255,255,.62);line-height:1.35;margin-bottom:1.1rem;min-height:2.3rem} 892 .pw-toggle{display:flex;gap:.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.25rem;margin-bottom:1.25rem} 893 .pw-tab{flex:1;border:0;background:transparent;color:rgba(255,255,255,.6);font-size:.8rem;font-weight:600;padding:.5rem .25rem;border-radius:9999px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap} 894 .pw-tab:hover{color:#fff} 895 .pw-tab.is-active{background:#0056B7;color:#fff;box-shadow:0 0 15px rgba(0,86,183,.5)} 896 .pw-price-wrap{margin-bottom:1.5rem} 897 .pw-price{font-size:2.75rem;font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff;margin:.1rem 0;transition:opacity .16s ease} 898 .pw-price .cur{font-size:1.5rem;color:rgba(255,255,255,.8);font-weight:700} 899 .pw-price .cents{font-size:1.5rem;color:rgba(255,255,255,.62);font-weight:700} 900 .pw-price .per{font-size:1rem;color:rgba(255,255,255,.62);font-weight:600;letter-spacing:normal} 901 .pw-cycle{font-size:.8rem;color:rgba(255,255,255,.6);min-height:1.1rem} 902 .pw-renew{font-size:.72rem;color:rgba(255,255,255,.48);margin-top:.55rem;line-height:1.35;min-height:2rem} 903 .pw-installment{font-size:.78rem;color:rgba(255,255,255,.72);margin-top:.4rem;font-weight:500} 904 .pw-installment:empty{display:none} 905 .pw-fade{opacity:0}
905 906 .pw-cta{display:block;width:100%;text-align:center;font-weight:700;padding:.85rem 1.5rem;border-radius:9999px;margin-bottom:2rem;transition:all .25s ease;letter-spacing:-.01em} 907 .pw-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;flex-grow:1} 908 .pw-feats li{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:rgba(255,255,255,.85)} 909 .pw-feats iconify-icon{color:#5AB4FF;font-size:1.05rem;margin-top:.1rem;flex-shrink:0} 910 .pw-guarantee{text-align:center;font-size:.8rem;color:rgba(255,255,255,.5);margin-top:2.5rem} 911 .pw-master-wrap{display:flex;justify-content:center;margin-bottom:2.75rem} 912 .pw-master{display:inline-flex;gap:.25rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:9999px;padding:.35rem} 913 .pw-mtab{border:0;background:transparent;color:rgba(255,255,255,.72);font-size:.9rem;font-weight:600;padding:.6rem 1.7rem;border-radius:9999px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap} 914 .pw-mtab:hover{color:#fff} 915 .pw-mtab.is-active{background:#0056B7;color:#fff;box-shadow:0 0 18px rgba(0,86,183,.5)} 916 </style> 917 918 <section id="planos" class="py-24 lg:py-32 relative z-10 px-6 bg-[#002652]" style="background:radial-gradient(120% 85% at 50% 0%, #06407f 0%, #002652 52%)"> 919 <!-- BANNER AGOSTO â BLOCO INÃCIO (remover deste comentário até o "BLOCO FIM") --> 920 <div class="ba-block-wrap" id="novidades-agosto"> 921 <div class="ba-block"> 922 <div> 923 <div class="ba-block__label"><span>Agosto, o mês da nutri</span></div> 924 <h2 class="ba-block__title">Mudamos os planos <em>e ainda não tÃnhamos contado</em> direito.</h2> 925 <p class="ba-block__text ba-block__text--long">Black, Platinum e Unlimited: três planos novos, a partir de R$ 47,90/mês nos três primeiros meses. E durante agosto entram novidades pra deixar seu atendimento mais rápido.</p> 926 <p class="ba-block__text ba-block__text--short">Três planos novos â e durante agosto entram novidades pra deixar seu atendimento mais rápido.</p> 927 <a class="ba-block__more" href="/updates/">Ver tudo o que já entrou →</a> 928 </div> 929 <ul class="ba-block__list"> 930 <li class="ba-block__item"> 931 <span class="ba-block__dot ba-block__dot--live"></span> 932 <span class="long">Exames lidos pela Antenada IA</span><span class="short">Exames lidos pela IA</span> 933 <span class="ba-block__state">no ar</span> 934 </li> 935 <li class="ba-block__item"> 936 <span class="ba-block__dot ba-block__dot--live"></span> 937 <span>Antropometria refinada</span> 938 <span class="ba-block__state">no ar</span> 939 </li> 940 <li class="ba-block__item"> 941 <span class="ba-block__dot ba-block__dot--soon"></span> 942 <span>Assistente de IA</span> 943 <span class="ba-block__state"><span class="long">em agosto</span><span class="short">agosto</span></span> 944 </li> 945 <li class="ba-block__item"> 946 <span class="ba-block__dot ba-block__dot--soon"></span> 947 <span class="long">Nova função para o seu paciente</span><span class="short">Nova função pro paciente</span> 948 <span class="ba-block__state"><span class="long">em agosto</span><span class="short">agosto</span></span> 949 </li> 950 </ul> 951 </div> 952 </div> 953 <!-- BANNER AGOSTO â BLOCO FIM --> 954 <div class="max-w-7xl mx-auto reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out"> 955 <div class="text-center mb-12 max-w-3xl mx-auto"> 956 <h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tighter leading-tight"> 957 Escolha o plano do seu momento. 958 </h2> 959 </div> 960 961 <div class="pw-master-wrap"> 962 <div class="pw-master" role="group" aria-label="Recorrência de todos os planos"> 963 <button type="button" class="pw-mtab is-active" data-mperiod="mensal">Mensal</button> 964 <button type="button" class="pw-mtab" data-mperiod="semestral">Semestral</button> 965 <button type="button" class="pw-mtab" data-mperiod="anual">Anual</button> 966 </div> 967 </div> 968 969 <div class="pw-grid max-w-6xl mx-auto" data-bento-container="true"> 970 971 <!-- Plano Black --> 972 <div class="pw-plan pw-plan--black bento-base bento-price order-1" data-plan="Black" style="--delay: 0ms;"> 973 <h3 class="pw-name">Black</h3> 974 <p class="pw-tagline">O essencial pra tirar o consultório do caderno e do WhatsApp.</p> 975 <div class="pw-toggle" role="group" aria-label="Recorrência do Plano Black"> 976 <button type="button" class="pw-tab is-active" data-period="mensal" aria-pressed="true">Mensal</button> 977 <button type="button" class="pw-tab" data-period="semestral" aria-pressed="false">Semestral</button> 978 <button type="button" class="pw-tab" data-period="anual" aria-pressed="false">Anual</button> 979 </div> 980 <div class="pw-price-wrap"> 981 <p class="pw-price"><span class="cur">R$</span> <span class="val">47</span><span class="cents">,90</span> <span class="per">/mês</span></p> 982 <p class="pw-cycle">cobrança recorrente mensal</p> 983 <p class="pw-installment"></p> 984 <p class="pw-renew">Preço de entrada, nos 3 primeiros meses. Depois: R$ 97,00/mês.</p> 985 </div> 986 <a href="#" class="pw-cta open-checkout-modal" data-checkout-url="https://pay.numax.com.br/checkout/nmx-plano-black-mensal-00" data-plano="Black · Mensal"> 987 Assinar o Black â 988 </a> 989 <ul class="pw-feats"> 990 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Pacientes ilimitados</span></li> 991 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Prescrições ilimitadas</span></li> 992 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Acesso completo ao Clube de Estudos</span></li> 993 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Integração com WhatsApp</span></li> 994 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Agendas sincronizadas com Google</span></li> 995 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Acesso à s personalizações (limitado)</span></li> 996 </ul> 997 </div> 998 999 <!-- Plano Platinum (DESTAQUE) --> 1000 <div class="pw-plan pw-plan--platinum pw-plan--scale bento-base bento-price order-2" data-plan="Platinum" style="--delay: 120ms;"> 1001 <div class="pw-badge pw-badge--platinum"><iconify-icon icon="solar:star-bold"></iconify-icon> Mais popular</div> 1002 <h3 class="pw-name">Platinum</h3> 1003 <p class="pw-tagline">Pra profissionalizar o consultório: contratos, sua página de vendas e o Nupost.</p> 1004 <div class="pw-toggle" role="group" aria-label="Recorrência do Plano Platinum"> 1005 <button type="button" class="pw-tab is-active" data-period="mensal" aria-pressed="true">Mensal</button> 1006 <button type="button" class="pw-tab" data-period="semestral" aria-pressed="false">Semestral</button> 1007 <button type="button" class="pw-tab" data-period="anual" aria-pressed="false">Anual</button> 1008 </div> 1009 <div class="pw-price-wrap"> 1010 <p class="pw-price"><span class="cur">R$</span> <span class="val">97</span><span class="cents">,00</span> <span class="per">/mês</span></p> 1011 <p class="pw-cycle">cobrança recorrente mensal</p> 1012 <p class="pw-installment"></p> 1013 <p class="pw-renew">Preço de entrada, nos 3 primeiros meses. Depois: R$ 127,00/mês.</p> 1014 </div> 1015 <a href="#" class="pw-cta open-checkout-modal" data-checkout-url="https://pay.numax.com.br/checkout/nmx-plano-platinum-mensal-00" data-plano="Platinum · Mensal"> 1016 Assinar o Platinum â 1017 </a> 1018 <ul class="pw-feats"> 1019 <li><iconify-icon icon="solar:check-circle-bold"></iconify-icon><span>Tudo do Plano Black</span></li> 1020 <li><iconify-icon icon="solar:check-circle-bold"></iconify-icon><span>Aba de BenefÃcios para as suas pacientes</span></li> 1021 <li><iconify-icon icon="solar:check-circle-bold"></iconify-icon><span>Contratos digitais</span></li> 1022 <li><iconify-icon icon="solar:check-circle-bold"></iconify-icon><span>Personalização da página de vendas</span></li> 1023 <li><iconify-icon icon="solar:check-circle-bold"></iconify-icon><span>Cadastro do certificado digital</span></li> 1024 <li><iconify-icon icon="solar:check-circle-bold"></iconify-icon><span>20% de desconto nas assinaturas do Nupost</span></li> 1025 <li><iconify-icon icon="solar:check-circle-bold"></iconify-icon><span>No plano anual: 50 créditos/mês no Nupost</span></li> 1026 </ul> 1027 </div> 1028 1029 <!-- Plano Unlimited --> 1030 <div class="pw-plan pw-plan--unlimited pw-plan--scale bento-base bento-price order-3" data-plan="Unlimited" style="--delay: 80ms;"> 1031 <div class="pw-sheen-wrap"><div class="pw-sheen"></div></div> 1032 <div class="pw-badge pw-badge--unlimited"><iconify-icon icon="solar:crown-bold"></iconify-icon> Mais completo</div> 1033 <h3 class="pw-name">Unlimited</h3> 1034 <p class="pw-tagline">Tudo da Numax + o Nupost Profissional incluÃdo (R$ 99,90/mês por fora).</p> 1035 <div class="pw-toggle" role="group" aria-label="Recorrência do Plano Unlimited"> 1036 <button type="button" class="pw-tab is-active" data-period="mensal" aria-pressed="true">Mensal</button> 1037 <button type="button" class="pw-tab" data-period="semestral" aria-pressed="false">Semestral</button> 1038 <button type="button" class="pw-tab" data-period="anual" aria-pressed="false">Anual</button> 1039 </div> 1040 <div class="pw-price-wrap"> 1041 <p class="pw-price"><span class="cur">R$</span> <span class="val">127</span><span class="cents">,00</span> <span class="per">/mês</span></p> 1042 <p class="pw-cycle">cobrança recorrente mensal</p> 1043 <p class="pw-installment"></p> 1044 <p class="pw-renew">Preço de entrada, nos 3 primeiros meses. Depois: R$ 157,00/mês.</p> 1045 </div> 1046 <a href="#" class="pw-cta open-checkout-modal" data-checkout-url="https://pay.numax.com.br/checkout/nmx-plano-unlimited-mensal-00" data-plano="Unlimited · Mensal"> 1047 Assinar o Unlimited â 1048 </a> 1049 <ul class="pw-feats"> 1050 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Tudo do Plano Platinum</span></li> 1051 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>
1051Nupost Profissional incluÃdo: 250 créditos/mês, em média 50 carrosséis</span></li> 1052 <li><iconify-icon icon="solar:check-circle-linear"></iconify-icon><span>Menu de relatórios <span style="opacity:.6;font-style:italic">(em breve)</span></span></li> 1053 </ul> 1054 </div> 1055 1056 </div> 1057 <p class="pw-guarantee">Sem pegadinha: o valor de renovação está aqui, à mostra. Garantia de 30 dias e cancele quando quiser.</p> 1058 </div> 1059 </section> 1060 1061
1061<script id="pw-toggle-script"> 1062 (function(){ 1063 // Links de checkout reais (plano à perÃodo) â pay.numax.com.br/checkout 1064 var CO='https://pay.numax.com.br/checkout/nmx-plano-'; 1065 var DATA={ 1066 'Black':{ 1067 mensal:{v:'47',c:',90',per:'/mês',cycle:'cobrança recorrente mensal',renew:'Preço de entrada, nos 3 primeiros meses. Depois: R$ 97,00/mês.',url:CO+'black-mensal-00'}, 1068 semestral:{v:'419',c:',90',per:'',cycle:'à vista · cobrado a cada 6 meses',renew:'Preço para novos assinantes. Renovação: R$ 597,00 a cada 6 meses.',installment:'(em até 4x sem juros)',url:'https://pay.hotmart.com/J5416955M?off=v59dbwhk'}, 1069 anual:{v:'874',c:',90',per:'',cycle:'à vista · cobrado 1x por ano',renew:'Preço para novos assinantes. Renovação: R$ 970,00 por ano.',installment:'(em até 4x sem juros)',url:'https://pay.hotmart.com/J5416955M?off=roi1wf95'} 1070 }, 1071 'Platinum':{ 1072 mensal:{v:'97',c:',00',per:'/mês',cycle:'cobrança recorrente mensal',renew:'Preço de entrada, nos 3 primeiros meses. Depois: R$ 127,00/mês.',url:CO+'platinum-mensal-00'}, 1073 semestral:{v:'563',c:',90',per:'',cycle:'à vista · cobrado a cada 6 meses',renew:'Preço para novos assinantes. Renovação: R$ 697,00 a cada 6 meses.',installment:'(em até 4x sem juros)',url:'https://pay.hotmart.com/J5416955M?off=qfg1n03q'}, 1074 anual:{v:'997',c:',00',per:'',cycle:'à vista · cobrado 1x por ano',renew:'Preço para novos assinantes. Renovação: R$ 1.167,00 por ano.',installment:'(em até 4x sem juros)',url:'https://pay.hotmart.com/J5416955M?off=60gyun42'} 1075 }, 1076 'Unlimited':{ 1077 mensal:{v:'127',c:',00',per:'/mês',cycle:'cobrança recorrente mensal',renew:'Preço de entrada, nos 3 primeiros meses. Depois: R$ 157,00/mês.',url:CO+'unlimited-mensal-00'}, 1078 semestral:{v:'699',c:',90',per:'',cycle:'à vista · cobrado a cada 6 meses',renew:'Preço para novos assinantes. Renovação: R$ 859,90 a cada 6 meses.',installment:'(em até 4x sem juros)',url:'https://pay.hotmart.com/J5416955M?off=lhzx6bgy'}, 1079 anual:{v:'1.247',c:',90',per:'',cycle:'à vista · cobrado 1x por ano',renew:'Preço para novos assinantes. Renovação: R$ 1.457,90 por ano.',installment:'(em até 4x sem juros)',url:'https://pay.hotmart.com/J5416955M?off=hmukc8pr'} 1080 } 1081 }; 1082 function cap(s){return s.charAt(0).toUpperCase()+s.slice(1);} 1083 function apply(plan, period){ 1084 var d=DATA[plan.getAttribute('data-plan')][period]; 1085 if(!d) return; 1086 var priceEl=plan.querySelector('.pw-price'); 1087 priceEl.classList.add('pw-fade'); 1088 setTimeout(function(){ 1089 plan.querySelector('.pw-price .val').textContent=d.v; 1090 plan.querySelector('.pw-price .cents').textContent=d.c; 1091 plan.querySelector('.pw-price .per').textContent=d.per; 1092 plan.querySelector('.pw-cycle').textContent=d.cycle; 1093 plan.querySelector('.pw-renew').textContent=d.renew; 1094 plan.querySelector('.pw-installment').textContent=d.installment||''; 1095 var cta=plan.querySelector('.pw-cta'); 1096 cta.setAttribute('data-checkout-url', d.url); 1097 cta.setAttribute('data-plano', plan.getAttribute('data-plan')+' · '+cap(period)); 1098 priceEl.classList.remove('pw-fade'); 1099 },140); 1100 } 1101 // Spotlight premium: glow segue o cursor dentro do card 1102 document.querySelectorAll('.pw-plan').forEach(function(card){ 1103 card.addEventListener('mousemove', function(e){ 1104 var r=card.getBoundingClientRect(); 1105 card.style.setProperty('--mx', ((e.clientX-r.left)/r.width*100).toFixed(1)+'%'); 1106 card.style.setProperty('--my', ((e.clientY-r.top)/r.height*100).toFixed(1)+'%'); 1107 }); 1108 }); 1109 document.querySelectorAll('.pw-plan').forEach(function(plan){ 1110 var tabs=plan.querySelectorAll('.pw-tab');
1111 tabs.forEach(function(tab){ 1112 tab.addEventListener('click', function(){ 1113 tabs.forEach(function(t){t.classList.remove('is-active');t.setAttribute('aria-pressed','false');}); 1114 tab.classList.add('is-active'); tab.setAttribute('aria-pressed','true'); 1115 apply(plan, tab.getAttribute('data-period')); 1116 }); 1117 }); 1118 }); 1119 // Seletor mestre: seta a recorrência em TODOS os cards de uma vez 1120 document.querySelectorAll('.pw-mtab').forEach(function(mtab){ 1121 mtab.addEventListener('click', function(){ 1122 var period=mtab.getAttribute('data-mperiod'); 1123 document.querySelectorAll('.pw-mtab').forEach(function(t){t.classList.remove('is-active');}); 1124 mtab.classList.add('is-active'); 1125 document.querySelectorAll('.pw-plan').forEach(function(plan){ 1126 var tab=plan.querySelector('.pw-tab[data-period="'+period+'"]'); 1127 if(tab) tab.click(); 1128 }); 1129 }); 1130 }); 1131 })(); 1132 </script>
1132 1133 1134 <!-- 9. Garantia --> 1135 <section class="py-12 px-6 relative z-10"> 1136 <div class="max-w-4xl mx-auto bg-[#0E1F3F] border border-[rgba(255,255,255,0.05)] rounded-[24px] p-8 sm:p-12 flex flex-col sm:flex-row items-center sm:items-start gap-6 sm:gap-10 text-center sm:text-left reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out"> 1137 <div class="bg-[rgba(255,255,255,0.05)] p-4 rounded-full flex-shrink-0"> 1138 <iconify-icon icon="solar:shield-check-linear" class="text-5xl text-[#5AB4FF]"></iconify-icon> 1139 </div> 1140 <div> 1141 <h3 class="text-2xl font-bold tracking-tight text-white mb-3"> 1142 Garantia de 30 dias 1143 </h3> 1144 <p class="text-base text-white/70 leading-relaxed"> 1145 Se em até 30 dias a Numax não fizer sentido pra sua rotina, devolvemos 1146 100% do valor. O cancelamento é feito direto pelo aplicativo. 1147 </p> 1148 </div> 1149 </div> 1150 </section> 1151 1152 <!-- 11. FAQ (SEÃÃO CLARA) --> 1153 <style id="faq-light-style"> 1154 .faq-light-wrap{background:linear-gradient(180deg,#eef2f8,#ffffff)} 1155 .faq-light .faq-item{background:#fff;border:1px solid rgba(12,26,51,.1);box-shadow:0 8px 24px rgba(9,22,45,.05)} 1156 .faq-light .faq-item label:hover{background:rgba(12,26,51,.03)} 1157 .faq-light .faq-q{color:#0a1a33} 1158 .faq-light .faq-a{color:#43526b} 1159 .faq-light .faq-icon{color:#0056B7} 1160 </style> 1161 <section class="faq-light-wrap py-24 relative z-10 px-6"> 1162 <div class="max-w-3xl mx-auto reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out faq-light"> 1163 <div class="text-center mb-16"> 1164 <span class="text-sm font-bold tracking-widest uppercase mb-4 block" style="color:#0056B7"> 1165 Perguntas frequentes 1166 </span> 1167 <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tighter leading-tight" style="color:#0a1a33"> 1168 As dúvidas que mais chegam por aqui 1169 </h2> 1170 </div> 1171 1172 <div class="flex flex-col gap-4" data-bento-container="true"> 1173 <div class="faq-item rounded-2xl overflow-hidden bento-base bento-faq" style="--delay: 0ms;"> 1174 <input type="checkbox" id="faq-1" class="peer sr-only"> 1175 <label for="faq-1" class="w-full flex justify-between items-center p-6 cursor-pointer transition-colors peer-checked:[&_.faq-icon]:rotate-180"> 1176 <span class="faq-q text-[18px] font-semibold text-left">Tenho poucos pacientes. Não preciso de software agora.</span> 1177 <span class="faq-icon transition-transform duration-300 ease-in-out flex-shrink-0 ml-4 flex items-center justify-center"><iconify-icon icon="solar:alt-arrow-down-linear" class="text-2xl"></iconify-icon></span> 1178 </label> 1179 <div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out peer-checked:max-h-[300px] peer-checked:opacity-100"> 1180 <div class="faq-a px-6 pb-6 text-[16px] leading-relaxed">à justamente por ter poucos que você precisa organizar a casa. Crescer na bagunça significa que logo você vai estagnar porque não tem tempo para gerenciar mais gente. O software te dá o tempo e a organização necessários para escalar.</div> 1181 </div> 1182 </div> 1183 <div class="faq-item rounded-2xl overflow-hidden bento-base bento-faq" style="--delay: 80ms;"> 1184 <input type="checkbox" id="faq-2" class="peer sr-only"> 1185 <label for="faq-2" class="w-full flex justify-between items-center p-6 cursor-pointer transition-colors peer-checked:[&_.faq-icon]:rotate-180"> 1186 <span class="faq-q text-[18px] font-semibold text-left">Tenho medo de não conseguir aprender.</span> 1187 <span class="faq-icon transition-transform duration-300 ease-in-out flex-shrink-0 ml-4 flex items-center justify-center"><iconify-icon icon="solar:alt-arrow-down-linear" class="text-2xl"></iconify-icon></span> 1188 </label> 1189 <div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out peer-checked:max-h-[300px] peer-checked:opacity-100"> 1190 <div class="faq-a px-6 pb-6 text-[16px] leading-relaxed">A Numax foi desenhada para ser intuitiva. Não parece um "sistema de hospital" complexo. Além disso, temos uma equipe de suporte humanizado pronta para te ajudar a configurar e usar no dia a dia.</div> 1191 </div> 1192 </div> 1193 <div class="faq-item rounded-2xl overflow-hidden bento-base bento-faq" style="--delay: 160ms;"> 1194 <input type="checkbox" id="faq-3" class="peer sr-only"> 1195 <label for="faq-3" class="w-full flex justify-between items-center p-6 cursor-pointer transition-colors peer-checked:[&_.faq-icon]:rotate-180">
1196 <span class="faq-q text-[18px] font-semibold text-left">Já uso outro sistema. Trocar vai dar trabalho.</span> 1197 <span class="faq-icon transition-transform duration-300 ease-in-out flex-shrink-0 ml-4 flex items-center justify-center"><iconify-icon icon="solar:alt-arrow-down-linear" class="text-2xl"></iconify-icon></span> 1198 </label> 1199 <div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out peer-checked:max-h-[300px] peer-checked:opacity-100"> 1200 <div class="faq-a px-6 pb-6 text-[16px] leading-relaxed">Dá mais trabalho continuar pagando caro por um sistema que não resolve sua vida. Nossa equipe te auxilia na migração dos dados mais importantes para que a transição seja a mais suave possÃvel.</div> 1201 </div> 1202 </div> 1203 <div class="faq-item rounded-2xl overflow-hidden bento-base bento-faq" style="--delay: 240ms;"> 1204 <input type="checkbox" id="faq-4" class="peer sr-only"> 1205 <label for="faq-4" class="w-full flex justify-between items-center p-6 cursor-pointer transition-colors peer-checked:[&_.faq-icon]:rotate-180"> 1206 <span class="faq-q text-[18px] font-semibold text-left">E se eu não gostar?</span> 1207 <span class="faq-icon transition-transform duration-300 ease-in-out flex-shrink-0 ml-4 flex items-center justify-center"><iconify-icon icon="solar:alt-arrow-down-linear" class="text-2xl"></iconify-icon></span> 1208 </label> 1209 <div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out peer-checked:max-h-[300px] peer-checked:opacity-100"> 1210 <div class="faq-a px-6 pb-6 text-[16px] leading-relaxed">Você tem 30 dias de garantia incondicional. Se não se adaptar, devolvemos 100% do seu dinheiro, sem complicações.</div> 1211 </div> 1212 </div> 1213 <div class="faq-item rounded-2xl overflow-hidden bento-base bento-faq" style="--delay: 320ms;"> 1214 <input type="checkbox" id="faq-5" class="peer sr-only"> 1215 <label for="faq-5" class="w-full flex justify-between items-center p-6 cursor-pointer transition-colors peer-checked:[&_.faq-icon]:rotate-180"> 1216 <span class="faq-q text-[18px] font-semibold text-left">Posso cancelar quando quiser?</span> 1217 <span class="faq-icon transition-transform duration-300 ease-in-out flex-shrink-0 ml-4 flex items-center justify-center"><iconify-icon icon="solar:alt-arrow-down-linear" class="text-2xl"></iconify-icon></span> 1218 </label> 1219 <div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out peer-checked:max-h-[300px] peer-checked:opacity-100"> 1220 <div class="faq-a px-6 pb-6 text-[16px] leading-relaxed">Sim. Você pode solicitar o cancelamento com poucos cliques dentro da plataforma.</div> 1221 </div> 1222 </div> 1223 <div class="faq-item rounded-2xl overflow-hidden bento-base bento-faq" style="--delay: 400ms;"> 1224 <input type="checkbox" id="faq-6" class="peer sr-only"> 1225 <label for="faq-6" class="w-full flex justify-between items-center p-6 cursor-pointer transition-colors peer-checked:[&_.faq-icon]:rotate-180"> 1226 <span class="faq-q text-[18px] font-semibold text-left">Meus dados e os dados dos meus pacientes ficam seguros?</span> 1227 <span class="faq-icon transition-transform duration-300 ease-in-out flex-shrink-0 ml-4 flex items-center justify-center"><iconify-icon icon="solar:alt-arrow-down-linear" class="text-2xl"></iconify-icon></span> 1228 </label> 1229 <div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out peer-checked:max-h-[300px] peer-checked:opacity-100"> 1230 <div class="faq-a px-6 pb-6 text-[16px] leading-relaxed">Sim. Seus dados e os dos seus pacientes ficam em nuvem, criptografados, e a Numax é adequada à LGPD (Lei Geral de Proteção de Dados).</div> 1231 </div> 1232 </div> 1233 <div class="faq-item rounded-2xl overflow-hidden bento-base bento-faq" style="--delay: 480ms;"> 1234 <input type="checkbox" id="faq-7" class="peer sr-only"> 1235 <label for="faq-7" class="w-full flex justify-between items-center p-6 cursor-pointer transition-colors peer-checked:[&_.faq-icon]:rotate-180">
1236 <span class="faq-q text-[18px] font-semibold text-left">O que é o Nupost e ele vem junto com o meu plano?</span> 1237 <span class="faq-icon transition-transform duration-300 ease-in-out flex-shrink-0 ml-4 flex items-center justify-center"><iconify-icon icon="solar:alt-arrow-down-linear" class="text-2xl"></iconify-icon></span> 1238 </label> 1239 <div class="max-h-0 opacity-0 overflow-hidden transition-all duration-300 ease-in-out peer-checked:max-h-[300px] peer-checked:opacity-100"> 1240 <div class="faq-a px-6 pb-6 text-[16px] leading-relaxed">O Nupost é o nosso gerador de carrosséis para o Instagram de nutricionista: ele monta a peça a partir da sua identidade visual e do público que você atende, e você ajusta o que quiser antes de baixar e publicar. Tem assinatura própria, a partir de R$ 49,90/mês. No Unlimited ele vem incluÃdo, com 250 créditos por mês. No Platinum você assina à parte com 20% de desconto e, no plano anual, ainda ganha 50 créditos por mês.</div> 1241 </div> 1242 </div> 1243 </div> 1244 </div> 1245 </section> 1246 1247 <!-- 12. CTA Final --> 1248 <section class="py-32 relative overflow-hidden px-6 text-center z-10 border-t border-[rgba(255,255,255,0.05)]"> 1249 <!-- Intense central glow --> 1250 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[80vw] md:w-[60vw] h-[80vw] md:h-[60vw] bg-[#0056B7] blur-[150px] opacity-40 rounded-full mix-blend-screen pointer-events-none z-0 animate-breathe"></div> 1251 1252 <div class="max-w-4xl mx-auto relative z-10 reveal opacity-0 translate-y-8 transition-all duration-1000 ease-out"> 1253 <h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tighter leading-[1.1] mb-6 text-white drop-shadow-lg"> 1254 Cada tarefa que a Numax faz por você é um momento de volta para a sua 1255 vida. 1256 </h2> 1257 <p class="text-xl sm:text-2xl text-[#5AB4FF] font-semibold mb-12 tracking-tight"> 1258 à o que acontece quando o consultório trabalha por você: cheio, organizado e lucrativo. 1259 </p> 1260 1261 <a href="#planos" class="inline-flex items-center justify-center bg-[#0056B7] text-white text-lg font-bold py-5 px-10 rounded-full shadow-[0_0_40px_rgba(0,86,183,0.5)] hover:shadow-[0_0_80px_rgba(0,86,183,0.8)] transition-all duration-300 transform hover:scale-105 tracking-tight mb-6"> 1262 Assinar a Numax agora 1263 </a> 1264 1265 <div class="flex items-center justify-center gap-2 text-xs sm:text-sm font-medium text-white/60"> 1266 <iconify-icon icon="solar:shield-check-linear"></iconify-icon> 1267 Garantia de 30 dias 1268 <span class="mx-1 opacity-50">·</span> 1269 Cancele quando quiser 1270 </div> 1271 </div> 1272 </section> 1273 1274 <!-- 13. Footer --> 1275 <footer class="bg-[#002652] text-white relative z-10 border-t border-white/5"> 1276 <div class="max-w-7xl mx-auto px-6 py-14"> 1277 <div class="grid grid-cols-1 md:grid-cols-12 gap-10 md:gap-8"> 1278 <!-- Marca + newsletter + redes --> 1279 <div class="md:col-span-5"> 1280 <img src="/assets/images/logo.svg" alt="Numax" class="h-7 w-auto mb-5" style="filter:brightness(0) invert(1)"> 1281 <p class="text-sm font-semibold text-white mb-3">Assine nossa newsletter</p> 1282 <form action="#" method="post" class="flex gap-2 max-w-sm" style="margin-bottom:.6rem"> 1283 <input type="email" name="email" required aria-label="E-mail para a newsletter (obrigatório)" placeholder="Digite seu e-mail *" class="flex-1 h-11 bg-white/10 border border-white/15 rounded-xl px-4 text-sm text-white placeholder:text-white/40 outline-none focus:border-[#5AB4FF] transition-colors"> 1284 <button type="submit" class="h-11 px-5 bg-[#0056B7] hover:bg-[#004a9e] text-white text-sm font-semibold rounded-xl transition-colors whitespace-nowrap">Assinar</button> 1285 </form> 1286 <p style="font-size:.72rem;line-height:1.5;color:rgba(255,255,255,.45);max-width:24rem;margin-bottom:1.5rem"> 1287 * Ao assinar, confirmo que aceito receber mensagens da Numax e que meu e-mail pode ser 1288 usado para busca de públicos semelhantes nas plataformas de anúncio. 1289 <a href="/politica-de-privacidade/" style="color:rgba(255,255,255,.7);text-decoration:underline">PolÃtica de Privacidade</a>. 1290 </p> 1291 <div class="flex items-center gap-3"> 1292 <a href="https://www.instagram.com/numax/" target="_blank" rel="noopener" aria-label="Instagram" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="mdi:instagram" width="1.25rem"></iconify-icon></a> 1293 <a href="https://www.facebook.com/seja.numax/" target="_blank" rel="noopener" aria-label="Facebook" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="mdi:facebook" width="1.25rem"></iconify-icon></a> 1294 <a href="https://www.tiktok.com/@numaxoficial" target="_blank" rel="noopener" aria-label="TikTok" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="ic:baseline-tiktok" width="1.25rem"></iconify-icon></a> 1295 <a href="https://www.youtube.com/@numaxoficial" target="_blank" rel="noopener" aria-label="YouTube" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="mdi:youtube" width="1.25rem"></iconify-icon></a> 1296 </div> 1297 </div> 1298 <!-- Conheca a Numax --> 1299 <div class="md:col-span-2"> 1300 <h3 class="text-sm font-bold text-white mb-4">Conheça a Numax</h3> 1301 <ul class="space-y-2.5 text-sm text-white/60"> 1302 <li><a href="/updates/" class="hover:text-white transition-colors">Atualizações</a></li> 1303 <li><a href="https://blog.numax.com.br/" class="hover:text-white transition-colors" target="_blank" rel="noopener">Blog</a></li> 1304 <li><a href="/status/" class="hover:text-white transition-colors">Status dos serviços</a></li> 1305 <li><a href="/politica-de-privacidade/" class="hover:text-white transition-colors">PolÃtica de Privacidade</a></li> 1306 <li>
1306<a href="/termos-de-uso/" class="hover:text-white transition-colors">Termos de Uso</a></li> 1307 </ul> 1308 </div> 1309 <!-- Suporte --> 1310 <div class="md:col-span-2"> 1311 <h3 class="text-sm font-bold text-white mb-4">Suporte</h3> 1312 <ul class="space-y-2.5 text-sm text-white/60"> 1313 <li><a href="/suporte/" class="hover:text-white transition-colors">Entre em contato</a></li> 1314 <li><span class="block font-semibold text-white">Segunda a Sexta</span>09h à s 18h</li> 1315 </ul> 1316 </div> 1317 <!-- Apps --> 1318 <div class="md:col-span-3"> 1319 <h3 class="text-sm font-bold text-white mb-4">Baixe o app</h3> 1320 <div class="flex flex-col gap-3 max-w-[190px]"> 1321 <a href="https://play.google.com/store/apps/details?id=br.com.numax" target="_blank" rel="noopener" class="flex items-center gap-3 px-4 py-2.5 rounded-xl border border-white/15 hover:bg-white/10 transition-colors"> 1322 <iconify-icon icon="mdi:google-play" width="1.5rem" class="text-white"></iconify-icon> 1323 <span class="text-[11px] text-white/70 leading-tight">DisponÃvel no<br><span class="text-sm font-semibold text-white">Google Play</span></span> 1324 </a> 1325 <a href="https://apps.apple.com/br/app/numax/id1591417881" target="_blank" rel="noopener" class="flex items-center gap-3 px-4 py-2.5 rounded-xl border border-white/15 hover:bg-white/10 transition-colors"> 1326 <iconify-icon icon="mdi:apple" width="1.5rem" class="text-white"></iconify-icon> 1327 <span class="text-[11px] text-white/70 leading-tight">Baixar na<br><span class="text-sm font-semibold text-white">App Store</span></span> 1328 </a> 1329 </div> 1330 </div> 1331 </div> 1332 <div class="mt-12 pt-6 border-t border-white/10 text-sm text-white/40 text-center md:text-left"> 1333 © 2026 Numax. Todos os direitos reservados. 1334 </div> 1335 </div> 1336 </footer> 1337 1338 <!-- Barra inferior mobile fixa --> 1339 <div id="mobile-bottom-bar" class="md:hidden fixed bottom-0 left-0 w-full bg-[#002652]/80 backdrop-blur-[20px] border-t border-[rgba(255,255,255,0.08)] p-4 z-[99] flex items-center justify-between transition-all duration-300 translate-y-full opacity-0 pointer-events-none"> 1340 <div class="text-[14px] text-white/70">A partir de R$ 47,90/mês</div> 1341 <a href="#planos" class="bg-[#0056B7] hover:bg-[#004a9e] text-white text-sm font-bold py-2 px-5 rounded-full shadow-[0_0_15px_rgba(0,86,183,0.5)] tracking-tight pointer-events-auto"> 1342 Ver planos â 1343 </a> 1344 </div> 1345 1346 <!-- Script para animação de scroll suave e fade-up --> 1347
1347<script> 1348 document.addEventListener('DOMContentLoaded', () => { 1349 const header = document.querySelector('header'); 1350 const mobileBar = document.getElementById('mobile-bottom-bar'); 1351 const updateScroll = () => { 1352 if (window.scrollY > 80) { 1353 header.classList.remove('bg-transparent', 'border-transparent'); 1354 header.classList.add('bg-[#002652]/70', 'backdrop-blur-[20px]', 'border-[rgba(255,255,255,0.08)]'); 1355 } else { 1356 header.classList.add('bg-transparent', 'border-transparent'); 1357 header.classList.remove('bg-[#002652]/70', 'backdrop-blur-[20px]', 'border-[rgba(255,255,255,0.08)]'); 1358 } 1359 if (mobileBar) { 1360 // npcHide: some enquanto o card do Nupost estiver na tela â senao aparecem 1361 // dois "a partir de R$ XX,90/mes" juntos (R$ 47,90 do Black na barra e 1362 // R$ 49,90 do Nupost na nota), com produtos diferentes. 1363 if (window.scrollY > 200 && !mobileBar.dataset.npcHide) { 1364 mobileBar.classList.remove('translate-y-full', 'opacity-0', 'pointer-events-none'); 1365 mobileBar.classList.add('translate-y-0', 'opacity-100'); 1366 } else { 1367 mobileBar.classList.add('translate-y-full', 'opacity-0', 'pointer-events-none'); 1368 mobileBar.classList.remove('translate-y-0', 'opacity-100'); 1369 } 1370 } 1371 }; 1372 window.addEventListener('scroll', updateScroll, { passive: true }); 1373 updateScroll(); 1374 1375 // Esconde a barra de preco enquanto o card do Nupost ocupa a faixa central da 1376 // tela. rootMargin negativo pra nao sumir no primeiro pixel do card. 1377 const npcCard = document.querySelector('.npc-card'); 1378 if (mobileBar && npcCard && 'IntersectionObserver' in window) { 1379 new IntersectionObserver((entries) => { 1380 if (entries[0].isIntersecting) mobileBar.dataset.npcHide = '1'; 1381 else delete mobileBar.dataset.npcHide; 1382 updateScroll(); 1383 }, { rootMargin: '-30% 0px -30% 0px', threshold: 0 }).observe(npcCard); 1384 } 1385 1386 const observerOptions = { 1387 root: null, 1388 rootMargin: '0px 0px -10% 0px', 1389 // 0.05 e nao 0.15: o observer observa o CONTAINER, e o bento de features tem 1390 // ~5.500px de altura no mobile. Com 0.15, telas curtas (iPhone SE) nunca 1391 // alcancam a fracao exigida e TODOS os cards da secao ficam invisiveis. 1392 threshold: 0.05 1393 }; 1394 const observer = new IntersectionObserver((entries, observer) => { 1395 entries.forEach(entry => { 1396 if (entry.isIntersecting) { 1397 if (entry.target.classList.contains('reveal')) { 1398 entry.target.classList.remove('opacity-0', 'translate-y-8'); 1399 entry.target.classList.add('opacity-100', 'translate-y-0'); 1400 } 1401 if (entry.target.hasAttribute('data-bento-container')) { 1402 const items = entry.target.querySelectorAll('.bento-base'); 1403 items.forEach(item => item.classList.add('is-visible')); 1404 } 1405 observer.unobserve(entry.target); 1406 } 1407 }); 1408 }, observerOptions); 1409 1410 document.querySelectorAll('.reveal, [data-bento-container]').forEach((el) => { 1411 observer.observe(el); 1412 }); 1413 }); 1414 </script>
1414 1415 1416 <div id="checkout-modal-container"> 1417 <style> 1418 select.modal-select:invalid { color: transparent; } 1419 /* Opcoes legiveis no popup nativo do select (fundo claro do SO): texto escuro sobre branco */ 1420 select.modal-select option { color: #002652; background-color: #ffffff; } 1421 select.modal-select option[disabled] { color: #64748b; } 1422 /* Autofill: navegador pinta de amarelo/branco por padrao â forcamos o visual escuro do modal */ 1423 #checkout-modal input:-webkit-autofill, 1424 #checkout-modal input:-webkit-autofill:hover, 1425 #checkout-modal input:-webkit-autofill:focus, 1426 #checkout-modal input:-webkit-autofill:active, 1427 #checkout-modal select.modal-select:-webkit-autofill { 1428 -webkit-text-fill-color: #ffffff; 1429 -webkit-box-shadow: 0 0 0 1000px #0a1c3d inset; 1430 box-shadow: 0 0 0 1000px #0a1c3d inset; 1431 caret-color: #ffffff; 1432 border-color: rgba(255,255,255,0.2); 1433 transition: background-color 99999s ease-in-out 0s; 1434 } 1435 @keyframes modalPulseGlow { 1436 0% { box-shadow: 0 0 20px rgba(0,86,183,0.5); } 1437 50% { box-shadow: 0 0 40px rgba(0,115,230,0.8); } 1438 100% { box-shadow: 0 0 20px rgba(0,86,183,0.5); } 1439 }
1440 .modal-btn-valid { 1441 animation: modalPulseGlow 2s infinite; 1442 } 1443 </style> 1444 1445 <div id="checkout-modal" class="fixed inset-0 z-[100] hidden items-center justify-center p-4"> 1446 <div id="checkout-modal-overlay" class="absolute inset-0 bg-[#000F28]/75 backdrop-blur-[12px] opacity-0 transition-opacity duration-200"></div> 1447 <div id="checkout-modal-card" class="relative w-full max-w-[480px] bg-gradient-to-b from-[#0E1F3F] to-[#002652] border border-[#5AB4FF]/20 rounded-[24px] px-10 py-12 shadow-[0_0_100px_rgba(0,86,183,0.4),0_20px_60px_rgba(0,0,0,0.6)] transform scale-[0.88] translate-y-[20px] opacity-0 transition-all duration-400 ease-[cubic-bezier(0.175,0.885,0.32,1.275)]"> 1448 <button id="checkout-modal-close" class="absolute top-6 right-6 text-white/50 hover:text-white transition-colors" type="button"> 1449 <iconify-icon icon="solar:close-circle-linear" class="text-2xl"></iconify-icon> 1450 </button> 1451 <div class="text-center mb-8"> 1452 <div class="text-[28px] font-black tracking-tighter text-white/90 mb-4 leading-none"> 1453 NUMAX 1454 </div> 1455 <h3 class="text-[32px] font-extrabold text-white tracking-tight leading-tight mb-3"> 1456 Quase lá! 1457 </h3> 1458 <p class="text-base text-white/70"> 1459 Preencha seus dados para acessar o checkout. 1460 </p> 1461 </div> 1462 <form id="checkout-modal-form" method="POST" action="https://numax.activehosted.com/proc.php" class="space-y-4" novalidate="" data-styles-version="5"> 1463 <input type="hidden" name="u" value="5" /> 1464 <input type="hidden" name="f" value="5" /> 1465 <input type="hidden" name="s" /> 1466 <input type="hidden" name="c" value="0" /> 1467 <input type="hidden" name="m" value="0" /> 1468 <input type="hidden" name="act" value="sub" /> 1469 <input type="hidden" name="v" value="2" /> 1470 <input type="hidden" name="or" value="e7212594-4567-4caa-a74f-00cc4e60aea8" /> 1471 <!-- %PLANOESCOLHIDO% = Black|Platinum|Unlimited · %PERIODO_PAGAMENTO% = Mensal|Semestral|Anual --> 1472 <input type="hidden" id="modal-plano" name="field[79]" value="" /> 1473 <input type="hidden" id="modal-periodo" name="field[88]" value="" /> 1474 <input type="hidden" id="modal-plano-tag" name="tags[]" value="" /> 1475 <div class="relative w-full group"> 1476 <input type="text" id="modal-name" name="fullname" required="" placeholder=" " class="peer w-full h-[52px] bg-transparent border border-white/20 rounded-xl px-4 pt-4 pb-1 text-[16px] text-white outline-none transition-colors duration-200 focus:border-[#5AB4FF]"> 1477 <label for="modal-name" class="absolute left-4 top-1/2 -translate-y-1/2 text-white/50 text-base transition-all duration-200 peer-focus:top-3 peer-focus:text-xs peer-focus:text-[#5AB4FF] peer-[:not(:placeholder-shown)]:top-3 peer-[:not(:placeholder-shown)]:text-xs pointer-events-none"> 1478 Nome completo * 1479 </label> 1480 <p id="modal-name-error" class="hidden text-[#5AB4FF] text-xs mt-1 items-center gap-1"> 1481 <iconify-icon icon="solar:danger-circle-linear"></iconify-icon> 1482 Insira nome e sobrenome. 1483 </p> 1484 </div> 1485 <div class="relative w-full group"> 1486 <input type="email" id="modal-email" name="email" required="" placeholder=" " class="peer w-full h-[52px] bg-transparent border border-white/20 rounded-xl px-4 pt-4 pb-1 text-[16px] text-white outline-none transition-colors duration-200 focus:border-[#5AB4FF]"> 1487 <label for="modal-email" class="absolute left-4 top-1/2 -translate-y-1/2 text-white/50 text-base transition-all duration-200 peer-focus:top-3 peer-focus:text-xs peer-focus:text-[#5AB4FF] peer-[:not(:placeholder-shown)]:top-3 peer-[:not(:placeholder-shown)]:text-xs pointer-events-none"> 1488 E-mail * 1489 </label> 1490 <p id="modal-email-error" class="hidden text-[#5AB4FF] text-xs mt-1 items-center gap-1"> 1491 <iconify-icon icon="solar:danger-circle-linear"></iconify-icon> 1492 Insira um e-mail válido. 1493 </p> 1494 </div> 1495 <div class="relative w-full group"> 1496 <input type="tel" id="modal-phone" name="phone" required="" placeholder=" " class="peer w-full h-[52px] bg-transparent border border-white/20 rounded-xl px-4 pt-4 pb-1 text-[16px] text-white outline-none transition-colors duration-200 focus:border-[#5AB4FF]"> 1497 <label for="modal-phone" class="absolute left-4 top-1/2 -translate-y-1/2 text-white/50 text-base transition-all duration-200 peer-focus:top-3 peer-focus:text-xs peer-focus:text-[#5AB4FF] peer-[:not(:placeholder-shown)]:top-3 peer-[:not(:placeholder-shown)]:text-xs pointer-events-none"> 1498 WhatsApp (com DDD) * 1499 </label>
1500 <p id="modal-phone-error" class="hidden text-[#5AB4FF] text-xs mt-1 items-center gap-1"> 1501 <iconify-icon icon="solar:danger-circle-linear"></iconify-icon> 1502 Insira um número válido. 1503 </p> 1504 </div> 1505 <div class="relative w-full group"> 1506 <select id="modal-role" name="field[78]" required="" class="modal-select peer w-full h-[52px] bg-transparent border border-white/20 rounded-xl px-4 pt-3 pb-0 text-[16px] outline-none transition-colors duration-200 focus:border-[#5AB4FF] appearance-none"> 1507 <option value="" disabled="" selected="" hidden=""></option> 1508 <option value="Menos de 10">Menos de 10</option> 1509 <option value=" 10 a 30">10 a 30</option> 1510 <option value="30 a 50">30 a 50</option> 1511 <option value="Mais de 50">Mais de 50</option> 1512 </select> 1513 <label for="modal-role" class="absolute left-4 top-1/2 -translate-y-1/2 text-white/50 text-base transition-all duration-200 peer-focus:top-3 peer-focus:text-xs peer-focus:text-[#5AB4FF] peer-valid:top-3 peer-valid:text-xs pointer-events-none"> 1514 Pacientes que atende por mês * 1515 </label> 1516 <iconify-icon icon="solar:alt-arrow-down-linear" class="absolute right-4 top-1/2 -translate-y-1/2 text-white/50 pointer-events-none"></iconify-icon> 1517 <p id="modal-role-error" class="hidden text-[#5AB4FF] text-xs mt-1 items-center gap-1"> 1518 <iconify-icon icon="solar:danger-circle-linear"></iconify-icon> 1519 Selecione uma opção. 1520 </p> 1521 </div> 1522 <button type="submit" id="modal-submit" class="w-full mt-2 h-[52px] bg-gradient-to-r from-[#0056B7] to-[#0073E6] text-white text-[16px] font-bold rounded-xl transition-all duration-300 flex items-center justify-center gap-2 relative overflow-hidden"> 1523 <iconify-icon id="modal-spinner" icon="svg-spinners:ring-resize" class="hidden text-xl"></iconify-icon> 1524 <span id="modal-submit-text">Continuar para o pagamento</span> 1525 </button> 1526 <p style="font-size:.75rem;line-height:1.5;color:rgba(255,255,255,.5);margin-top:1rem;text-align:center"> 1527 * Ao continuar, confirmo que aceito receber mensagens da Numax e que meu e-mail pode ser 1528 usado para busca de públicos semelhantes nas plataformas de anúncio. 1529 <a href="/politica-de-privacidade/" target="_blank" rel="noopener" style="color:rgba(255,255,255,.72);text-decoration:underline">PolÃtica de Privacidade</a>. 1530 </p> 1531 </form> 1532 </div> 1533 </div> 1534 1535
1535<script> 1536 document.addEventListener('DOMContentLoaded', () => { 1537 // ActiveCampaign Site Tracking â carregado lazy na 1a interacao (igual Home A). 1538 (function() { 1539 var acLoaded = false; 1540 function loadAC() { 1541 if (acLoaded) return; acLoaded = true; 1542 (function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo"); 1543 vgo('setAccount', '652630165'); vgo('setTrackByDefault', true); vgo('process'); 1544 } 1545 ['scroll','mousemove','touchstart','keydown','click'].forEach(function(ev){ window.addEventListener(ev, loadAC, { once:true, passive:true, capture:true }); }); 1546 window.addEventListener('load', function(){ setTimeout(loadAC, 6000); }); 1547 })(); 1548 1549 const modal = document.getElementById('checkout-modal'); 1550 if(!modal) return; 1551 const overlay = document.getElementById('checkout-modal-overlay'); 1552 const card = document.getElementById('checkout-modal-card'); 1553 const closeBtn = document.getElementById('checkout-modal-close'); 1554 const form = document.getElementById('checkout-modal-form'); 1555 const nameInput = document.getElementById('modal-name'); 1556 const emailInput = document.getElementById('modal-email'); 1557 const phoneInput = document.getElementById('modal-phone'); 1558 const roleInput = document.getElementById('modal-role'); 1559 const submitBtn = document.getElementById('modal-submit'); 1560 const submitText = document.getElementById('modal-submit-text'); 1561 const spinner = document.getElementById('modal-spinner'); 1562 const planoInput = document.getElementById('modal-plano'); 1563 const periodoInput = document.getElementById('modal-periodo'); 1564 const planoTagInput = document.getElementById('modal-plano-tag'); 1565 let currentCheckoutUrl = ''; 1566 1567 // Nomes dos params de prefill aceitos pelo checkout Guru (igual Home A). 1568 const GURU_PARAMS = { name: 'name', email: 'email', phone: 'phone' }; 1569 1570 // Monta a URL do checkout com UTMs (passthrough da URL atual) + prefill do cliente. 1571 function buildCheckoutUrl(baseUrl) { 1572 const extra = []; 1573 const track = ['utm_source','utm_medium','utm_campaign','utm_term','utm_content','src','gclid','fbclid']; 1574 const here = new URLSearchParams(window.location.search); 1575 track.forEach(function(k){ const v = here.get(k); if (v) extra.push(k + '=' + encodeURIComponent(v)); }); 1576 const nome = (nameInput.value || '').trim(); 1577 const mail = (emailInput.value || '').trim(); 1578 const tel = (phoneInput.value || '').replace(/\D/g, ''); 1579 if (nome) extra.push(GURU_PARAMS.name + '=' + encodeURIComponent(nome)); 1580 if (mail) extra.push(GURU_PARAMS.email + '=' + encodeURIComponent(mail)); 1581 if (tel) extra.push(GURU_PARAMS.phone + '=' + encodeURIComponent(tel)); 1582 if (!extra.length) return baseUrl; 1583 return baseUrl + (baseUrl.indexOf('?') === -1 ? '?' : '&') + extra.join('&'); 1584 } 1585 1586 const openModal = (url, plano) => { 1587 currentCheckoutUrl = url; 1588 // "Black · Mensal" -> plano e periodo vao em campos SEPARADOS no AC. 1589 const partes = String(plano || '').split('·').map(s => s.trim()); 1590 if (planoInput) planoInput.value = partes[0] || ''; 1591 if (periodoInput) periodoInput.value = partes[1] || ''; 1592 if (planoTagInput) planoTagInput.value = plano ? ('Plano ' + plano) : ''; 1593 modal.classList.remove('hidden'); 1594 modal.classList.add('flex'); 1595 void modal.offsetWidth; 1596 overlay.classList.remove('opacity-0'); 1597 overlay.classList.add('opacity-100'); 1598 card.classList.remove('scale-[0.88]', 'translate-y-[20px]', 'opacity-0'); 1599 card.classList.add('scale-100', 'translate-y-0', 'opacity-100'); 1600 }; 1601 1602 const closeModal = () => { 1603 overlay.classList.remove('opacity-100'); 1604 overlay.classList.add('opacity-0'); 1605 card.classList.remove('scale-100', 'translate-y-0', 'opacity-100'); 1606 card.classList.add('scale-[0.88]', 'translate-y-[20px]', 'opacity-0'); 1607 setTimeout(() => { 1608 modal.classList.remove('flex'); 1609 modal.classList.add('hidden'); 1610 }, 400); 1611 }; 1612 1613 document.querySelectorAll('.open-checkout-modal').forEach(btn => { 1614 btn.addEventListener('click', (e) => { 1615 e.preventDefault(); 1616 const url = btn.getAttribute('data-checkout-url'); 1617 const plano = btn.getAttribute('data-plano') || ''; 1618 if(url) openModal(url, plano); 1619 }); 1620 }); 1621 1622 closeBtn.addEventListener('click', closeModal); 1623 overlay.addEventListener('click', closeModal); 1624 1625 const showError = (input, id) => { 1626 document.getElementById(id).classList.remove('hidden'); 1627 document.getElementById(id).classList.add('flex'); 1628 input.classList.add('border-[#5AB4FF]'); 1629 input.classList.remove('border-white/20'); 1630 }; 1631 const hideError = (input, id) => { 1632 document.getElementById(id).classList.add('hidden'); 1633 document.getElementById(id).classList.remove('flex'); 1634 input.classList.remove('border-[#5AB4FF]'); 1635 input.classList.add('border-white/20'); 1636 }; 1637 1638 const validateForm = () => { 1639 let isValid = true; 1640 if(nameInput.value.trim().indexOf(' ') === -1 || nameInput.value.trim().length < 3) isValid = false;
1641 if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailInput.value.trim())) isValid = false; 1642 const phoneDigits = phoneInput.value.replace(/\D/g, ''); 1643 if(phoneDigits.length < 10 || phoneDigits.length > 11) isValid = false; 1644 if(!roleInput.value) isValid = false; 1645 1646 if(isValid) { 1647 submitBtn.classList.add('modal-btn-valid'); 1648 } else { 1649 submitBtn.classList.remove('modal-btn-valid'); 1650 } 1651 return isValid; 1652 }; 1653 1654 [nameInput, emailInput, phoneInput, roleInput].forEach(el => { 1655 el.addEventListener('input', validateForm); 1656 el.addEventListener('change', validateForm); 1657 }); 1658 1659 phoneInput.addEventListener('input', (e) => { 1660 let val = e.target.value.replace(/\D/g, ''); 1661 if (val.length > 11) val = val.slice(0, 11); 1662 if (val.length > 2) { 1663 val = '(' + val.slice(0,2) + ') ' + val.slice(2); 1664 } 1665 if (val.length > 10) { 1666 val = val.slice(0,10) + '-' + val.slice(10); 1667 } 1668 e.target.value = val; 1669 }); 1670 1671 form.addEventListener('submit', (e) => { 1672 e.preventDefault(); 1673 let hasError = false; 1674 if(nameInput.value.trim().indexOf(' ') === -1 || nameInput.value.trim().length < 3) { 1675 showError(nameInput, 'modal-name-error'); 1676 hasError = true; 1677 } else hideError(nameInput, 'modal-name-error'); 1678 1679 if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailInput.value.trim())) { 1680 showError(emailInput, 'modal-email-error'); 1681 hasError = true; 1682 } else hideError(emailInput, 'modal-email-error'); 1683 1684 const phoneDigits = phoneInput.value.replace(/\D/g, ''); 1685 if(phoneDigits.length < 10 || phoneDigits.length > 11) { 1686 showError(phoneInput, 'modal-phone-error'); 1687 hasError = true; 1688 } else hideError(phoneInput, 'modal-phone-error'); 1689 1690 if(!roleInput.value) { 1691 showError(roleInput, 'modal-role-error'); 1692 hasError = true; 1693 } else hideError(roleInput, 'modal-role-error'); 1694 1695 if(hasError) return; 1696 1697 submitText.textContent = "Enviando..."; 1698 spinner.classList.remove('hidden'); 1699 submitBtn.disabled = true; 1700 submitBtn.classList.remove('modal-btn-valid'); 1701 1702 // Formata telefone com +55 antes de enviar (AC exige esse formato). 1703 let digits = phoneInput.value.replace(/\D/g, ''); 1704 if (!digits.startsWith('55')) digits = '55' + digits; 1705 phoneInput.value = '+55 ' + digits.substring(2, 4) + digits.substring(4); 1706 1707 // VK Metrics â webhook de lead (POST JSON, fire-and-forget; nao bloqueia o checkout) 1708 try { 1709 var _qVK = new URLSearchParams(window.location.search); 1710 fetch('https://pixel.vkdigital.com.br/lead/webhook?oid=BsDTaUZHU4gVuwn1SwiO', { 1711 method: 'POST', headers: { 'Content-Type': 'application/json' }, keepalive: true, 1712 body: JSON.stringify({ 1713 name: (nameInput.value || '').trim(), 1714 email: (emailInput.value || '').trim(), 1715 phone: '+' + digits, 1716 utm_source: _qVK.get('utm_source') || '', 1717 utm_medium: _qVK.get('utm_medium') || '', 1718 utm_campaign: _qVK.get('utm_campaign') || '', 1719 utm_content: _qVK.get('utm_content') || '', 1720 page: 'home-checkout', 1721 url: window.location.href 1722 }) 1723 }).catch(function () {}); 1724 } catch (_e) {} 1725 1726 // Monta a URL final do checkout (prefill + UTM) ANTES do redirect. 1727 const checkoutUrl = buildCheckoutUrl(currentCheckoutUrl); 1728 1729 // iframe oculto recebe o POST do AC (metodo tradicional, igual Home A). 1730 const iframeName = '_ac_target_' + Date.now(); 1731 const iframe = document.createElement('iframe'); 1732 iframe.name = iframeName; 1733 iframe.style.display = 'none'; 1734 document.body.appendChild(iframe); 1735 form.target = iframeName; 1736 1737 // Quando o AC processar (load do iframe) ou apos 3s, redireciona pro checkout. 1738 let redirected = false;
1739 const go = () => { if (redirected) return; redirected = true; window.location.href = checkoutUrl; }; 1740 iframe.addEventListener('load', go); 1741 setTimeout(go, 3000); 1742 1743 // Submete de verdade pro AC (POST no proc.php via iframe). 1744 form.submit(); 1745 }); 1746 }); 1747 </script>
1747 1748 1749
1749<script> 1750 (function(){ 1751 const t=document.getElementById('menu-toggle'), m=document.getElementById('mobile-menu'); 1752 if(t&&m){ 1753 t.addEventListener('click',()=>{ const open=!m.classList.toggle('hidden'); t.setAttribute('aria-expanded', open?'true':'false'); }); 1754 m.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{ m.classList.add('hidden'); t.setAttribute('aria-expanded','false'); })); 1755 } 1756 })(); 1757 </script>
1757 1758 </div> 1759
1760<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b64fe57665254228b504d734950ebcc4","r":1,"spa":2}' crossorigin="anonymous"></script>
1760 1761</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.