.a2l{--a2l-night:oklch(from var(--brand-primary) .15 calc(c * .5) h);--a2l-lit:oklch(from var(--brand-primary) .52 calc(c * 1.15) h);--a2l-ice:oklch(from var(--brand-primary) .95 .016 h);--a2l-title-rest:oklch(from var(--brand-primary) .82 .035 h)}.a2l .a2r-scene,.a2l .a2-root{background:var(--a2l-night)}.a2l .a2-backdrop{background:radial-gradient(58% 62% at 66% 42%, color-mix(in oklch, var(--a2l-lit) 30%, transparent) 0%, color-mix(in oklch, var(--brand-primary) 42%, transparent) 42%, transparent 74%), radial-gradient(30% 20% at 66% 20%, color-mix(in oklch, var(--brand-accent) 6%, transparent) 0%, transparent 70%), radial-gradient(46% 40% at 96% 98%, color-mix(in oklch, var(--brand-primary) 38%, transparent) 0%, transparent 70%), linear-gradient(180deg, color-mix(in oklch, var(--brand-primary) 22%, var(--a2l-night)) 0%, var(--a2l-night) 58%, color-mix(in oklch, var(--a2l-night) 82%, black) 100%)}.a2l .a2-backdrop:after{background-image:linear-gradient(to right, color-mix(in oklch, var(--brand-canvas) 4%, transparent) 1px, transparent 1px);background-position:5vw 0;background-size:7.5vw 100%;-webkit-mask-image:radial-gradient(62% 72% at 62% 45%,#000,#0000 82%);mask-image:radial-gradient(62% 72% at 62% 45%,#000,#0000 82%)}.a2l .a2-stage:after{content:"";z-index:7;pointer-events:none;background:radial-gradient(130% 110% at 60% 44%, transparent 55%, color-mix(in oklch, var(--a2l-night) 70%, black) 100%);opacity:.85;position:absolute;inset:0}.a2l .a2-ui-frame{position:relative}.a2l .a2-ui-frame:before,.a2l .a2r-layer-ui:before{--l-y:29%;--l-core:30% 5%;content:"";z-index:-1;pointer-events:none;background:radial-gradient(var(--l-core) at 50% var(--l-y), color-mix(in oklch, var(--a2l-ice) 88%, transparent) 0%, color-mix(in oklch, var(--a2l-ice) 50%, transparent) 24%, color-mix(in oklch, var(--a2l-lit) 42%, transparent) 54%, color-mix(in oklch, var(--a2l-lit) 12%, transparent) 78%, transparent 100%), radial-gradient(50% var(--l-y) at 50% var(--l-y), color-mix(in oklch, var(--a2l-ice) 26%, transparent) 0%, color-mix(in oklch, var(--a2l-lit) 58%, transparent) 17%, color-mix(in oklch, var(--a2l-lit) 36%, transparent) 37%, color-mix(in oklch, var(--brand-primary) 34%, transparent) 60%, color-mix(in oklch, var(--brand-primary) 12%, transparent) 82%, transparent 100%);opacity:0;transition:opacity .7s var(--a2-ease);position:absolute;inset:-45% -20% -10%}.a2l .a2-ui[data-id=app] .a2-ui-frame:before,.a2l .a2r-layer-ui[data-id=app]:before{--l-y:17%;--l-core:22% 2.4%;inset:-22% -45% -6%}.a2l .a2-ui-frame:after,.a2l .a2r-layer-ui:after{content:"";z-index:7;pointer-events:none;background:linear-gradient(90deg, transparent 0%, color-mix(in oklch, var(--a2l-ice) 40%, transparent) 18%, var(--a2l-ice) 50%, color-mix(in oklch, var(--a2l-ice) 40%, transparent) 82%, transparent 100%);height:1px;box-shadow:0 0 3px 0 color-mix(in oklch, var(--a2l-ice) 45%, transparent), 0 0 12px 1px color-mix(in oklch, var(--a2l-lit) 40%, transparent);opacity:0;transition:opacity .7s var(--a2-ease);border-radius:99px;position:absolute;top:-1px;left:3%;right:3%}.a2l .a2-ui[data-id=app] .a2-ui-frame:after,.a2l .a2r-layer-ui[data-id=app]:after{top:-.56em;left:26%;right:26%}.a2l .a2-ui[data-role=main] .a2-ui-frame:before,.a2l .a2-ui[data-role=main] .a2-ui-frame:after{opacity:1}.a2l .a2-ui[data-role=main] .a2u-window{box-shadow:0 0 0 1px color-mix(in oklch, var(--a2l-ice) 30%, transparent), 0 -1.2em 4em -1.6em color-mix(in oklch, var(--a2l-lit) 75%, transparent), 0 3.4em 7em -2.2em #000000d9}.a2l .a2-ui[data-role=secondary] .a2u:after{background:var(--a2l-night)}.a2l .a2-ui[data-role=secondary] .a2u-window{box-shadow:0 0 0 1px color-mix(in oklch, var(--a2l-ice) 10%, transparent), 0 2.6em 6em -2em #000000d9}.a2l .a2u-phone{box-shadow:0 0 0 .5em color-mix(in oklch, var(--a2l-night) 55%, black), 0 0 0 .56em color-mix(in oklch, var(--a2l-ice) 15%, transparent), 0 2.6em 5em -1.6em #000000e6}.a2l .a2-title-rest{color:var(--a2l-title-rest)}.a2l .a2-selector{background:color-mix(in oklch, var(--a2l-night) 70%, var(--brand-primary));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand-canvas) 11%, transparent), inset 0 1px 0 color-mix(in oklch, var(--a2l-ice) 7%, transparent), 0 1.25rem 2.5rem -1.5rem #000c}.a2l-header-surface{border-bottom:1px solid color-mix(in oklch, var(--brand-canvas) 7%, transparent);background:color-mix(in oklch, var(--a2l-night) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@supports (animation-timeline:scroll()){.a2l-header-surface{animation:linear both a2l-header-in;animation-timeline:scroll(root);animation-range:0 160px}}@keyframes a2l-header-in{0%{opacity:0}}@media (min-width:64rem){.a2l .a2-ui[data-role=secondary] .a2u:after{opacity:.5}.a2l .a2-ui[data-id=app][data-role=secondary] .a2u:after{opacity:.16}.a2l .a2-root[data-active=sistema] .a2-ui[data-id=app]{--tx:calc(-7 * var(--u));--ty:27svh;--s:.52}.a2l .a2-root[data-active=portal] .a2-ui[data-id=app]{--tx:calc(-5.5 * var(--u));--ty:27svh;--s:.5}}@media not (min-width:64rem){.a2l .a2-world{height:28.5rem;margin-top:-4.5rem;-webkit-mask-image:linear-gradient(#000 calc(100% - 4.8rem),#0000);mask-image:linear-gradient(#000 calc(100% - 4.8rem),#0000)}.a2l .a2-ui{top:calc(50% + 2.25rem)}.a2l .a2-backdrop{background:radial-gradient(90% 38% at 50% 22%, color-mix(in oklch, var(--a2l-lit) 32%, transparent) 0%, color-mix(in oklch, var(--brand-primary) 30%, transparent) 45%, transparent 75%), radial-gradient(50% 16% at 50% 12%, color-mix(in oklch, var(--brand-accent) 6%, transparent) 0%, transparent 70%), linear-gradient(180deg, color-mix(in oklch, var(--brand-primary) 22%, var(--a2l-night)) 0%, var(--a2l-night) 55%, color-mix(in oklch, var(--a2l-night) 82%, black) 100%)}.a2l .a2-backdrop:after{background-position:1rem 0;background-size:calc(25vw - .5rem) 100%;-webkit-mask-image:radial-gradient(80% 40% at 50% 25%,#000,#0000 80%);mask-image:radial-gradient(80% 40% at 50% 25%,#000,#0000 80%)}.a2l .a2-stage:after{background:radial-gradient(140% 90% at 50% 26%, transparent 50%, color-mix(in oklch, var(--a2l-night) 70%, black) 100%)}}.a2l .a2r-layers-stage:before{content:"";width:calc(76 * var(--u));height:calc(64 * var(--u));pointer-events:none;background:radial-gradient(50% 50% at 50% 42%, color-mix(in oklch, var(--a2l-lit) 30%, transparent) 0%, color-mix(in oklch, var(--brand-primary) 30%, transparent) 40%, transparent 72%);translate:-50% -50%;transform:translate3d(var(--g-tx,0px), 0, 0);position:absolute;top:50%;left:50%}.a2l .a2-root[data-active=sistema] .a2r-layers-stage{--g-tx:calc(16.5 * var(--u))}.a2l .a2-root[data-active=portal] .a2r-layers-stage{--g-tx:calc(18 * var(--u))}.a2l .a2-root[data-active=app] .a2r-layers-stage{--g-tx:calc(16 * var(--u))}.a2l .a2r-layer-ui .a2u-window{box-shadow:0 0 0 1px color-mix(in oklch, var(--a2l-ice) 30%, transparent), 0 -1.2em 4em -1.6em color-mix(in oklch, var(--a2l-lit) 75%, transparent), 0 3.4em 7em -2.2em #000000d9}.a2l .a2r-mlayers{background:radial-gradient(80% 42% at 50% 46%, color-mix(in oklch, var(--a2l-lit) 24%, transparent) 0%, color-mix(in oklch, var(--brand-primary) 26%, transparent) 45%, transparent 76%), linear-gradient(180deg, color-mix(in oklch, var(--a2l-night) 70%, black), var(--a2l-night) 30%, color-mix(in oklch, var(--a2l-night) 82%, black))}.a2l .a2r-solutions{box-shadow:inset 0 1px 0 color-mix(in oklch, var(--a2l-ice) 60%, white), 0 -1px 0 color-mix(in oklch, var(--a2l-ice) 16%, transparent), 0 -3rem 5rem -2rem #0009}.a2l .a2r-sol-stage{background:color-mix(in oklch, var(--brand-primary) 45%, var(--a2l-night));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--a2l-ice) 8%, transparent), 0 1.75rem 3.5rem -2rem color-mix(in oklch, var(--a2l-night) 70%, transparent)}.a2l .a2r-sol-backdrop{background:radial-gradient(56% 50% at 50% 34%, color-mix(in oklch, var(--a2l-lit) 34%, transparent) 0%, color-mix(in oklch, var(--brand-primary) 34%, transparent) 46%, transparent 76%), linear-gradient(to right, color-mix(in oklch, var(--brand-canvas) 4%, transparent) 1px, transparent 1px) 0 0 / 4rem 100%}.a2l .a2r-sol-ui .a2u-window{box-shadow:0 0 0 1px color-mix(in oklch, var(--a2l-ice) 24%, transparent), 0 -.8em 3em -1.4em color-mix(in oklch, var(--a2l-lit) 45%, transparent), 0 2.6em 5em -2em #000000bf}.a2l .a2r-spot{box-shadow:0 0 0 2px var(--brand-accent), 0 0 0 100vmax color-mix(in oklch, var(--a2l-night) 45%, transparent)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:64rem){.a2l .a2r-layers-stage:before{animation:linear both a2l-glow;animation-timeline:--a2r;animation-range:contain 0 contain 92vh}.a2l .a2r-layers-stage .a2r-layer-ui:before,.a2l .a2r-layers-stage .a2r-layer-ui:after{opacity:1;animation:linear both a2l-layer-light;animation-timeline:--a2r;animation-range:contain 0 contain 92vh}}@media (prefers-reduced-motion:no-preference) and (not (min-width:64rem)){.a2l .a2r-layers-panel .a2r-layer-ui:before,.a2l .a2r-layers-panel .a2r-layer-ui:after{opacity:1;animation:linear both a2l-layer-light;animation-timeline:--a2r-m;animation-range:contain 0 contain 80vh}}}@keyframes a2l-layer-light{0%,8%{opacity:1}24%,76%{opacity:0}92%,to{opacity:1}}@keyframes a2l-glow{0%{transform:translate3d(var(--g-tx,0px), 0, 0) scale(1);animation-timing-function:cubic-bezier(.6,0,.25,1)}38%,64%{transform:translate3d(calc(6 * var(--u)), 4svh, 0) scale(.78);opacity:.7;animation-timing-function:cubic-bezier(.6,0,.25,1)}to{transform:translateY(2svh)scale(.86)}}@media (prefers-reduced-motion:reduce){.a2l .a2-ui-frame:before,.a2l .a2-ui-frame:after{transition:none}}
