.flow-section .container{width:min(100% - 64px,1240px);margin:auto}.flow-section .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#4365ca;align-items:center;gap:10px;font-size:11px;font-weight:800;display:inline-flex}.flow-section .eyebrow .dot{background:#6886ef;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #e8efff}.flow-section .display{font-family:var(--font-manrope),system-ui,sans-serif;letter-spacing:-.064em;font-weight:700;line-height:1.08}.flow-section .display em{font-family:var(--font-manrope),system-ui,sans-serif;font-weight:inherit;letter-spacing:inherit;color:#4365ca;font-style:normal}.flow-section .section-title{margin:20px 0 19px;font-size:clamp(39px,5vw,69px)}.flow-section .section-sub{color:#65738e;max-width:620px;font-size:17px;line-height:1.75}.flow-section .icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.flow-section .tiny{width:14px;height:14px}.flow-section .reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.flow-section .reveal.visible{opacity:1;transform:translateY(0)}.flow-section{background:#f2f5fb;padding:135px 0}.flow-section .flow-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:74px;display:grid}.flow-section .flow-sticky{position:sticky;top:154px}.flow-section .flow-sticky .section-title{font-size:clamp(40px,4.2vw,59px)}.flow-section .flow-sticky .section-sub{max-width:385px;font-size:15px}.flow-section .flow-steps{border-top:1px solid #d2d9eb;margin-top:38px}.flow-section .flow-step{cursor:pointer;color:#7f91c2;border-bottom:1px solid #d2d9eb;align-items:center;gap:17px;padding:20px 5px 20px 0;transition:color .25s;display:flex}.flow-section .flow-step span{font-family:var(--font-manrope),system-ui,sans-serif;font-size:10px;font-weight:800}.flow-section .flow-step b{letter-spacing:-.01em;font-size:14px}.flow-section .flow-step svg{width:16px;margin-left:auto}.flow-section .flow-step.active b{font-weight:800}.flow-section .flow-preview-list{gap:28px;display:grid}.flow-section .flow-preview{background:#fff;border:1px solid #d9dfee;border-radius:25px;flex-direction:column;justify-content:space-between;min-height:425px;padding:34px;display:flex;overflow:hidden;box-shadow:0 8px 30px #1a254305}.flow-section .flow-preview .top{color:#5a70af;letter-spacing:.14em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.flow-section .flow-preview h3{letter-spacing:-.05em;margin:15px 0 8px;font-size:24px;line-height:1.2}.flow-section .flow-preview p{color:#546bac;max-width:360px;margin:0;font-size:12px;line-height:1.65}.flow-section .flow-window{opacity:.7;background:#fff;border:1px solid #d7dded;border-radius:14px;margin-top:22px;padding:19px;transition:transform .65s,opacity .65s;transform:translateY(14px);box-shadow:0 22px 24px #242d450c}.flow-section .flow-preview.in-view .flow-window{opacity:1;transform:translateY(0)}.flow-section .window-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.flow-section .window-top strong{font-size:12px}.flow-section .window-top span{color:#6278b4;background:#ebedf2;border-radius:7px;padding:7px 9px;font-size:9px}.flow-section .flow-table{border-collapse:collapse;text-align:left;width:100%}.flow-section .flow-table td,.flow-section .flow-table th{border-bottom:1px solid #e9ebf1;padding:11px 6px;font-size:10px}.flow-section .flow-table th{color:#8293c3;font-weight:600}.flow-section .flow-table td{font-weight:600}.flow-section .flow-table td:last-child{text-align:right}.flow-section .badge-ok{color:#485d99;background:#eaecf2;border-radius:30px;padding:6px 9px;font-size:9px}.flow-section .flow-stepbox{background:#f7f8fa;border-radius:12px;align-items:center;gap:11px;margin-bottom:9px;padding:13px;display:flex}.flow-section .flow-stepbox .number{color:#354574;background:#e5ecff;border-radius:10px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.flow-section .flow-stepbox strong{font-size:11px;display:block}.flow-section .flow-stepbox small{color:#6f83b9;margin-top:4px;font-size:9px;display:block}.flow-section .flow-stepbox .last{color:#4a5c8f;margin-left:auto}.flow-section .msg-screen{background:#eff1f5;border:1px solid #d9dfee;border-radius:12px;margin-top:12px;padding:17px}.flow-section .message-bubble{background:#fff;border-radius:13px 13px 13px 4px;max-width:88%;padding:13px 14px;font-size:11px;line-height:1.65;box-shadow:0 5px 12px #222b430a}.flow-section .message-bubble strong{color:#314170}.flow-section .message-reply{color:#fff;background:#37497d;border-radius:13px 13px 4px;max-width:70%;margin:12px 0 0 auto;padding:11px 15px;font-size:10px;line-height:1.6}.flow-section{background:linear-gradient(#f3f5fb 0% 70%,#fff 100%)}.flow-section .flow-step.active{color:#3e5ab0}.flow-section .flow-preview:nth-child(2){background:#e9effc}.flow-section .flow-preview:nth-child(3){background:#eeeffa}.flow-section .flow-window{box-shadow:0 23px 30px #1c345112}.flow-section .badge-ok,.flow-section .window-top span{color:#4163b0;background:#e8edff}@media (max-width:930px){.flow-section .flow-grid{gap:35px}}@media (max-width:660px){.flow-section{padding-top:82px;padding-bottom:82px}.flow-section .flow-sticky .section-title{font-size:clamp(39px,10vw,51px)}.flow-section .flow-grid{grid-template-columns:1fr;gap:29px}.flow-section .flow-sticky{position:static}.flow-section .flow-sticky .section-sub{max-width:100%}.flow-section .flow-steps{border:0;gap:7px;margin-top:25px;padding-bottom:4px;display:flex;overflow:auto}.flow-section .flow-step{white-space:nowrap;border:1px solid #d4daeb;border-radius:20px;padding:11px 12px;font-size:11px}.flow-section .flow-step svg,.flow-section .flow-step span{display:none}.flow-section .flow-step b{font-size:11px}.flow-section .flow-preview-list{gap:15px}.flow-section .flow-preview{min-height:385px;padding:24px}.flow-section .flow-preview h3{font-size:23px}.flow-section .flow-preview p{font-size:11px}.flow-section .flow-step.active{background:#e6ecff}}@media (min-width:661px) and (max-width:750px){.flow-section .flow-grid{grid-template-columns:1fr}.flow-section .flow-sticky{position:static}.flow-section .flow-preview-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.flow-section .flow-window,.flow-section .reveal{opacity:1;transform:none}}
body:has([data-hero-integration]){background-color:#fff}.hero.hero--integration:before{content:none}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled):after{content:"";pointer-events:none;background:linear-gradient(#f4f7fe,#f4f7fe00);height:16px;position:absolute;top:100%;left:0;right:0}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled){-webkit-backdrop-filter:none;box-shadow:none;background:linear-gradient(#f4f7fe 0%,#f0f6fd 100%);border-bottom:1px solid #e6edf6}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .logo-credit{color:#253d57}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .nav-links>li>a{color:#1d3b66}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .nav-page-trigger{color:#1d3b66}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .nav-links>li>a:hover{color:#2468e8}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .nav-page-trigger:hover{color:#2468e8}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .nav-page-trigger svg{color:#1d3b66}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .nav-toggle-bar{background-color:#1d3b66}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .btn-register{color:#1d3b66;background:#fff;border:1px solid #d5e0ed;transition:all .2s}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) .btn-register:hover{color:#1d3b66;background:#f3f7fc;border-color:#2468e8;transform:translateY(-1px)}@media (max-width:1024px){body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) #main-nav.nav-open .nav-links>li>a{color:var(--dark)}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) #main-nav.nav-open .nav-page-trigger{color:var(--dark)}body:has([data-hero-integration]) .navbar-container:not(.hero-background-scrolled) #main-nav.nav-open .nav-page-trigger svg{color:var(--dark)}}.hero.hero--integration{background-color:#fff;background-image:radial-gradient(40% 45% at 0 78%,#fadcf5e6,#0000 70%),radial-gradient(40% 45% at 100% 78%,#f8daf6e6,#0000 70%),radial-gradient(45% 35% at 40% 100%,#aae1fae6,#0000 70%),radial-gradient(45% 35% at 85% 100%,#b4cdf5e6,#0000 70%),linear-gradient(#f4f7fe 0%,#f0f6fd 60%,#e6f2fc 100%);background-repeat:no-repeat;background-size:100% 100%;align-items:flex-start;width:100%;min-height:100svh;padding:102px clamp(20px,3vw,48px) 32px;overflow:clip}@media (max-width:767px){body:has([data-hero-integration]) .pin-spacer:has(>.hero--integration){background-color:#e6f2fc;background-image:radial-gradient(40% 45% at 0 78%,#fadcf5e6,#0000 70%),radial-gradient(40% 45% at 100% 78%,#f8daf6e6,#0000 70%),radial-gradient(45% 35% at 40% 100%,#aae1fae6,#0000 70%),radial-gradient(45% 35% at 85% 100%,#b4cdf5e6,#0000 70%),linear-gradient(#f4f7fe 0%,#f0f6fd 60%,#e6f2fc 100%);background-repeat:no-repeat;background-size:100% 100%}}.hero--integration .hero-container{gap:16px;width:100%;max-width:100%}.hero--integration .hero-copy{z-index:20;position:relative}.marquee{background:#eff4fc;border-top:1px solid #e3eaf6;border-bottom:1px solid #e3eaf6;padding:22px 0;overflow:hidden}.marquee-track{align-items:center;width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee .word{white-space:nowrap;color:#6b7aa3;letter-spacing:.14em;text-transform:uppercase;align-items:center;padding:0 44px;font-size:.8rem;font-weight:600;display:inline-flex;position:relative}.marquee .word:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0 14.5 9.5 24 12 14.5 14.5 12 24 9.5 14.5 0 12 9.5 9.5Z' fill='%237d8fd8'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:16px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.hero--integration .landing-text-reveal--support.animated .landing-text-word{animation-delay:calc(1.6s + var(--landing-word-index,0) * .12s)}.hero--integration .hero-actions{animation:2s cubic-bezier(.22,1,.36,1) 2.1s backwards heroWordReveal}@media (prefers-reduced-motion:reduce){.hero--integration .subheadline-hero,.hero--integration .hero-actions{animation:none}}.hero--integration .hero-actions{margin-bottom:12px}.hero--integration .subheadline-hero{color:#253d57}.hero--integration .hero-copy .headline-hero .hero-word.hero-word-accent{color:#4365ca}.hero-accessible-description{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-integration-scene{perspective:1300px;isolation:isolate;width:100%;height:clamp(460px,66svh,720px);margin-top:-160px;position:relative}.hero-integration-scene:before{content:none}.hero-scene-grid{opacity:.14;background-image:radial-gradient(#8da9d8 .7px,#0000 .7px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 68%);mask-image:radial-gradient(#000 0%,#0000 68%)}.hero-resource,.hero-integration-core,.hero-orbit,.hero-scroll-cue,.hero-scene-progress,.hero-merge-wave,.hero-energy-glow,.hero-particles{display:none}.hero-motion-active .hero-resource,.hero-motion-active .hero-integration-core,.hero-motion-active .hero-orbit,.hero-motion-active .hero-scene-progress,.hero-motion-active .hero-merge-wave,.hero-motion-active .hero-energy-glow,.hero-motion-active .hero-particles{display:block}body:has(.hero-motion-active) .hero-scroll-cue{display:block}.hero-resource{left:var(--resource-x);top:var(--resource-y);z-index:4;text-align:center;--float-lift:8px;will-change:transform, opacity;width:94px;position:absolute;transform:translate(-50%,-50%)}@keyframes heroSceneSoftReveal{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.hero-resource-object{width:88px;height:88px;transform:rotate(var(--resource-tilt)) rotateX(10deg) rotateY(-12deg);margin:0 auto;position:relative}.hero-resource-object:after{content:"";z-index:-1;filter:blur(7px);background:#365d9a30;border-radius:50%;height:10px;position:absolute;inset:auto 14% -4px}.hero-resource-object svg{width:100%;height:100%;overflow:visible}.hero-resource-object img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.hero-motion-active .hero-resource-object{animation:heroResourceFloat var(--float-duration,6s) ease-in-out var(--float-delay,0s) infinite}@keyframes heroResourceFloat{0%,to{translate:0}50%{translate:0 calc(var(--float-lift,8px) * -1)}}.hero-resource--glasses{width:132px}.hero-resource--glasses .hero-resource-object{width:116px;height:104px}.hero-resource--laboratory .hero-resource-object{width:68px;height:68px}.hero-resource--finance .hero-resource-object{width:100px;height:100px}.hero-resource-label{color:#293e59;white-space:nowrap;letter-spacing:.01em;margin-top:5px;font-size:11px;font-weight:500;line-height:1.4;display:block}@media (min-width:768px) and (max-height:1000px){.hero-integration-scene{margin-top:-10px}}.hero-orbit{pointer-events:none;border:1px solid #608bcb1c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orbit--outer{width:min(58%,1100px);height:84%}.hero-orbit--inner{border-style:dashed;width:min(32%,600px);height:64%}.hero-integration-core{z-index:5;text-align:center;width:220px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hero-core-disc{place-items:center;width:88px;height:88px;margin:0 auto 14px;display:grid;transform:rotateX(10deg)rotateY(-12deg)rotate(-6deg)}.hero-motion-active .hero-core-disc,.hero-motion-active .hero-core-name,.hero-motion-active .hero-core-caption{animation:2s cubic-bezier(.22,1,.36,1) backwards heroSceneSoftReveal}.hero-motion-active .hero-core-disc{animation-delay:.45s}.hero-motion-active .hero-core-name{animation-delay:.6s}.hero-motion-active .hero-core-caption{animation-delay:.75s}.hero-core-disc img{display:block}.hero-core-name{color:#243b60;letter-spacing:-.05em;font-size:26px;font-weight:800;display:block}.hero-core-caption{color:#293e59;margin-top:7px;font-size:11px;display:block}.hero-merge-wave,.hero-energy-glow{z-index:6;opacity:0;pointer-events:none;border:1px solid #4584ee80;border-radius:50%;width:190px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-merge-wave--second{border-color:#9ebef160}.hero-energy-glow{background:radial-gradient(circle,#fff 0,#b2d2ff 22%,#79adff40 48%,#0000 72%);border:0;width:270px;height:270px}.hero-particles{pointer-events:none;z-index:7;position:absolute;inset:0}.hero-particles i{opacity:0;background:#5c97f1;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;box-shadow:0 0 9px #6ca2f080}.hero-particles i:nth-child(3n){background:#aecbf3;width:3px;height:3px}.hero--integration .hero-product-scene{z-index:10;transform-origin:50%;width:min(100%,1200px);margin:0;position:absolute;top:auto;bottom:-40px;left:50%;transform:translate(-50%,-50%)}.hero--integration .hero-dashboard{border:1px solid #dbe5f3;border-radius:22px;animation:2s cubic-bezier(.22,1,.36,1) .9s backwards heroSceneSoftReveal;transform:none;box-shadow:0 40px 65px -22px #2d538b3d,0 12px 20px -10px #25446f21}.hero-product-status{color:#293e59;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:12px;display:flex}.hero-product-status i{background:#28a98d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #28a98d12}.hero-scroll-cue{z-index:30;pointer-events:none;color:#293e59;text-align:center;letter-spacing:.02em;width:100%;font-size:11px;line-height:1.4;position:fixed;bottom:16px;left:0}.hero-scroll-cue-inner>span{padding:4px 12px}body:has(.hero-motion-active) .hero-scroll-cue{justify-content:center;align-items:center;gap:8px;display:flex}.hero-scroll-cue svg{margin:0;display:block}.hero-bottom-fade{z-index:5;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(#fff0,#fff);height:28%;position:absolute;bottom:0;left:0;right:0}.hero-motion-active .hero-bottom-fade{visibility:visible}.hero-scroll-cue-inner{align-items:center;gap:8px;animation:2.4s ease-in-out infinite heroCueBounce;display:inline-flex}@keyframes heroCueBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hero-scene-progress{background:linear-gradient(90deg,#c7d7ed,#4a84db,#c7d7ed);width:24%;height:1px;position:absolute;bottom:-36px;left:38%}@media (min-width:768px) and (max-height:800px){.hero.hero--integration{padding:108px 24px 30px}.hero-integration-core{top:60%}.hero-core-disc{width:52px;height:52px;margin-bottom:6px}.hero-core-disc img{width:36px;height:36px}.hero-core-name{font-size:22px}.hero-core-caption{font-size:10px}.hero--integration .headline-hero{margin-bottom:6px;font-size:clamp(2.1rem,3.7vw,2.7rem)}.hero--integration .subheadline-hero{margin-bottom:10px;font-size:1.125rem;line-height:1.5}.hero--integration .hero-actions{margin-bottom:2px}.hero--integration .hero-actions .btn{min-height:56px;font-size:1.0625rem}.hero-integration-scene{height:clamp(300px,44svh,340px);margin-top:-40px}.hero-resource-object{width:76px;height:76px}.hero-resource--glasses .hero-resource-object{width:104px;height:82px}.hero--integration .hero-product-scene{width:min(100%,740px)}.hero-product-status{margin-top:12px}}@media (min-width:768px) and (max-width:1100px) and (max-height:800px){.hero--integration .hero-product-scene{bottom:0}}@media (max-width:767px){.hero.hero--integration{min-height:0;padding:108px 16px 140px;overflow:visible}.hero--integration .hero-container{gap:16px}.hero--integration .subheadline-hero{margin-bottom:12px;font-size:1.0625rem;line-height:1.55}.hero-integration-scene{max-width:560px;height:310px;margin-top:16px}.hero-resource{width:50px}.hero-resource-object,.hero-resource--laboratory .hero-resource-object,.hero-resource--finance .hero-resource-object{width:57px;height:57px}.hero-resource--glasses .hero-resource-object{width:72px;height:64px}.hero-resource-label{margin-top:1px;font-size:8px}.hero-resource--glasses{--resource-x:12%!important;--resource-y:13%!important}.hero-resource--inventory{--resource-x:36%!important;--resource-y:5%!important}.hero-resource--laboratory{--resource-x:62%!important;--resource-y:6%!important}.hero-resource--pupillometer{--resource-x:87%!important;--resource-y:15%!important}.hero-resource--sales{--resource-x:11%!important;--resource-y:42%!important}.hero-resource--finance{--resource-x:89%!important;--resource-y:44%!important}.hero-resource--customers{--resource-x:12%!important;--resource-y:70%!important}.hero-resource--invoice{--resource-x:88%!important;--resource-y:72%!important}.hero-resource--whatsapp{--resource-x:16%!important;--resource-y:88%!important}.hero-resource--service{--resource-x:40%!important;--resource-y:88%!important}.hero-resource--payment{--resource-x:64%!important;--resource-y:88%!important}.hero-resource--revenue{--resource-x:88%!important;--resource-y:90%!important}.hero-resource--service .hero-resource-label{font-size:7px}.hero-core-disc{border-radius:21px;width:72px;height:72px;margin-bottom:10px}.hero-core-disc img{width:42px;height:42px}.hero-core-name{font-size:22px}.hero-core-caption{font-size:9px}.hero-integration-core{width:160px}.hero-orbit--outer{width:85%;height:72%}.hero-orbit--inner{width:54%;height:56%}.hero-scroll-cue{font-size:10px;bottom:10px}.hero-scroll-cue svg{display:none}.hero-scene-progress{bottom:-28px}.hero--integration .hero-product-scene{width:88%;bottom:-60px}.hero-product-status{margin-top:14px;font-size:10px}}@media (prefers-reduced-motion:reduce){.hero-motion-active .hero-resource,.hero-motion-active .hero-core-disc,.hero-motion-active .hero-core-name,.hero-motion-active .hero-core-caption,.hero--integration .hero-dashboard{opacity:1;filter:none;animation:none}.hero-resource,.hero-particles,.hero-merge-wave,.hero-energy-glow,.hero-integration-core,.hero-orbit,.hero-scroll-cue,.hero-scene-progress{display:none!important}.hero--integration .hero-product-scene{opacity:1;visibility:visible}}