*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0a0a0f;font-family:system-ui,-apple-system,sans-serif}input,select,button{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#111118}::-webkit-scrollbar-thumb{background:#1e1e2e;border-radius:2px}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9}button.seg-btn{transition:border-color .15s,color .15s,background-color .15s,box-shadow .15s}button.seg-btn:not(.seg-on){border-color:#3d4060!important}button.seg-btn:not(.seg-on):not(:disabled):hover{box-shadow:0 0 10px #6c63ff40;color:#e2e8f0!important;background-color:#6c63ff21!important;border-color:#6c63ff!important}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}@media (width<=768px){.kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.dash-filter-bar{padding-bottom:4px;flex-wrap:wrap!important;gap:6px!important;overflow-x:visible!important}.dash-filter-bar button{white-space:nowrap;padding:4px 8px!important;font-size:11px!important}.dash-main{padding:10px!important}}@media (width<=420px){.kpi-grid{grid-template-columns:1fr!important}}::-webkit-scrollbar{height:6px}@media (width<=768px){html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}main{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}main>div{min-height:0!important;padding-left:10px!important;padding-right:10px!important}main [style*="grid-template-columns: 1fr 1fr"],main [style*="grid-template-columns: 1fr 1fr 1fr"],main [style*="grid-template-columns: 2fr 1fr"],main [style*="grid-template-columns: 1fr 2fr"],main [style*="grid-template-columns: 260px 1fr"],main [style*="grid-template-columns: 170px 150px 1fr"],main [style*="grid-template-columns: auto 1fr"]{grid-template-columns:1fr!important;gap:8px!important}main [style*="grid-template-columns: repeat(auto"],main [style*="grid-template-columns:repeat(auto"]{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;gap:8px!important}main :has(>table){-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}main table{width:auto!important;min-width:max-content!important}main table th,main table td{padding-left:7px!important;padding-right:7px!important}main table button{min-height:30px!important;padding-left:8px!important;padding-right:8px!important}main [style*="display: flex"]:not(button):not(a):not(label):not(table *):not([style*="overflow: hidden"]){flex-wrap:wrap}main button,main a[role=button]{min-height:36px}#root input,#root select,#root textarea{min-height:38px;max-width:100%!important;font-size:16px!important}#root input[type=checkbox],#root input[type=radio]{width:18px;height:18px;min-height:0}main table input,main table select{min-height:30px;font-size:15px!important}main *{max-width:100%}div[style*="position: fixed"][style*="inset: 0"]>div{width:100%!important;max-width:96vw!important;max-height:86vh!important}div[style*="position: fixed"][style*="bottom: 24px"][style*="right: 24px"]{left:8px!important;right:8px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;min-width:0!important;max-width:none!important}main svg[viewBox]{max-width:100%;height:auto}main [style*="font-size: 9px"],main [style*="font-size: 10px"]{font-size:11px!important}main [style*="font-size: 28px"],main [style*="font-size: 30px"],main [style*="font-size: 32px"],main [style*="font-size: 34px"]{font-size:22px!important}main{overflow-wrap:break-word}button[aria-label="Como funciona esta página"]{top:calc(env(safe-area-inset-top) + 9px)!important;z-index:1200!important;width:34px!important;height:34px!important;line-height:32px!important;right:10px!important}}@media (width<=480px){#root>div>div[style*="max-width: 380px"]{padding:24px!important}}@media (width<=400px){main>div{padding-left:8px!important;padding-right:8px!important}main [style*="grid-template-columns: repeat(auto"],main [style*="grid-template-columns:repeat(auto"]{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important}main [style*="grid-template-columns: repeat(7"]{gap:3px!important}}.app-topbar{z-index:1000;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 6px 0 6px;background:#111118;border-bottom:1px solid #1e1e2e;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000059}body:has(button[aria-label="Como funciona esta página"]) .app-topbar{padding-right:52px}.app-topbar__btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.app-topbar__btn:active{background:#6c63ff2e}.app-topbar__title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.app-drawer{z-index:1002;will-change:transform;width:84vw;max-width:300px;height:100dvh;transition:transform .26s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-102%)}.app-drawer--open{transform:translate(0)}.app-drawer__scrim{z-index:1001;opacity:0;pointer-events:none;background:#00000094;transition:opacity .26s;position:fixed;inset:0}.app-drawer__scrim--open{opacity:1;pointer-events:auto}.app-bottomnav{z-index:1000;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111118cc;border-top:1px solid #1e1e2e;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottomnav__item{cursor:pointer;color:#64748b;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:7px 2px 8px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.app-bottomnav__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-bottomnav__item--on{color:#6c63ff}.app-bottomnav__item:active{background:#6c63ff1f}@media (width>=769px){.app-topbar,.app-drawer,.app-drawer__scrim,.app-bottomnav{display:none!important}}