.projy{--pj-bg:#080a12;--pj-card:#0f111c;--pj-raised:#191c29;--pj-fg:#f2f3f8;--pj-muted:#a8adbd;--pj-border:#222635;--pj-primary:#793adf;--pj-brand:#bb93fb;--pj-amber:#f9bc43;--pj-green:#4ddba7;--pj-blue:#76b1f9;--pj-red:#fa8080;--pj-slate:#a8adbd;background:var(--pj-bg);color:var(--pj-fg);position:relative;overflow:clip}.takeover__bg,.takeover__outro{display:none}.takeover__content{z-index:1;padding-bottom:clamp(72px,10vw,140px);position:relative}@supports (animation-timeline:view()){.motion .projy{timeline-scope:--pj-outro;view-timeline:--pj-section block;background:linear-gradient(var(--white) 72lvh, var(--ink-deep) 72lvh)}.motion .takeover__bg{height:100lvh;margin-bottom:-100lvh;display:block;position:sticky;top:0}.motion .takeover__layer{will-change:transform;animation-name:pj-open,pj-close;animation-duration:auto, auto;border-radius:72px;animation-timing-function:linear,linear;animation-fill-mode:both,forwards;animation-timeline:--pj-section,--pj-outro;display:block;position:absolute;inset:-7%}.motion .takeover__layer--violet{background:var(--pj-primary);animation-range:entry entry 66%,entry 96% contain}.motion .takeover__layer--deep{background:radial-gradient(40% 44% at 80% 18%, #5715c166, transparent 72%), radial-gradient(30% 36% at 14% 86%, #8420b638, transparent 72%), var(--pj-bg);animation-range:entry 22%,entry 76% contain 62%}.motion .takeover__outro{view-timeline:--pj-outro block;height:150svh;display:block}.motion .takeover__content{padding-bottom:0}.motion .pj-wordmark{animation:linear both pj-wordmark;animation-timeline:--pj-section;animation-range:entry 45% entry 115%}.motion .pj-intro__copy{animation:linear both pj-intro;animation-timeline:--pj-section;animation-range:entry 75% entry 112%}.motion .pj-window{animation:linear both pj-tilt;animation-timeline:view();animation-range:entry entry 85%}}@keyframes pj-open{0%{transform:scale(.42)}to{transform:scale(1)}}@keyframes pj-close{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes pj-wordmark{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}@keyframes pj-intro{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes pj-tilt{0%{transform:perspective(1100px)rotateX(24deg)scale(.9)}to{transform:perspective(1100px)rotateX(0)scale(1)}}.pj-intro{text-align:center;align-content:center;justify-items:center;gap:clamp(20px,3svh,32px);min-height:100svh;padding-block:96px 48px;display:grid}.pj-wordmark{flex-direction:column;align-items:flex-end;display:flex}.pj-wordmark__name{color:var(--pj-brand);font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(112px,23vw,340px);font-weight:500;line-height:.92}.pj-wordmark__by{color:var(--pj-muted);margin-top:4px;font-size:clamp(14px,1.4vw,20px)}.pj-intro__copy{max-width:40em}.pj-showcase{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.pj-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.pj-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(28px,3.2vw,46px);font-weight:500;line-height:1.12}.pj-text{color:var(--pj-muted);margin-top:12px;font-size:clamp(16px,1.4vw,19px);line-height:1.5}.pj-features{width:100%;margin-bottom:26px;display:grid}.pj-feature{border:0;border-top:1px solid var(--pj-border);width:100%;color:var(--pj-muted);text-align:left;cursor:pointer;background:0 0;padding:14px 0;transition:color .25s;display:grid;position:relative}.pj-feature:hover,.pj-feature[aria-pressed=true]{color:var(--pj-fg)}.pj-feature__title{font-size:17px;font-weight:600}.pj-feature__text{color:var(--pj-muted);transition:grid-template-rows .45s var(--ease-out);grid-template-rows:0fr;font-size:15px;line-height:1.45;display:grid}.pj-feature__text>span{min-height:0;overflow:hidden}.pj-feature[aria-pressed=true] .pj-feature__text{grid-template-rows:1fr}.pj-feature[aria-pressed=true] .pj-feature__text>span{padding-top:6px}.pj-feature__bar{background:var(--pj-brand);transform-origin:0;width:100%;height:1px;animation:pj-bar var(--cycle) linear both;position:absolute;top:-1px;left:0}@keyframes pj-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pj-button{background:var(--pj-primary);color:#fff;min-height:46px;transition:translate .25s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.pj-button:hover{translate:0 -2px}.projy :focus-visible{outline-color:var(--pj-brand)}.pj-window{border:1px solid var(--pj-border);background:var(--pj-card);border-radius:16px;grid-template-columns:52px minmax(0,1fr);min-width:0;height:clamp(400px,38vw,540px);font-size:clamp(12px,1vw,14px);line-height:1.3;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #3e0f8a4d}.pj-rail{border-right:1px solid var(--pj-border);color:var(--pj-muted);flex-direction:column;align-items:center;gap:8px;padding:14px 0;display:flex}.pj-rail svg{box-sizing:content-box;border-radius:8px;width:19px;height:19px;padding:7px;transition:background-color .3s,color .3s}.pj-rail .is-active{color:var(--pj-brand);background:#33224f}.pj-views{min-width:0;position:relative}.pj-view{visibility:hidden;opacity:0;transition:opacity .45s ease, transform .6s var(--ease-out), visibility 0s linear .45s;flex-direction:column;gap:14px;padding:16px 18px 34px;display:flex;position:absolute;inset:0;transform:translateY(10px)}.pj-view.is-active{visibility:visible;opacity:1;transition-delay:0s;transform:translateY(0)}.pj-head{border-bottom:1px solid var(--pj-border);color:var(--pj-muted);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.pj-head strong{color:var(--pj-fg);font-size:1.1em;font-weight:600}.pj-board{--gap:10px;--pad:10px;gap:var(--gap);flex:1;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid;position:relative;container-type:inline-size}.pj-column{padding:var(--pad);background:#151823;border-radius:10px;flex-direction:column;gap:8px;display:flex}.pj-column__name{align-items:center;gap:7px;font-weight:600;display:inline-flex}.pj-column__name i{border-radius:50%;width:8px;height:8px}.pj-task{border:1px solid var(--pj-border);background:var(--pj-raised);border-radius:8px;flex-direction:column;gap:3px;padding:10px;font-weight:500;display:flex}.pj-task small{color:var(--pj-muted);font-size:.86em;font-weight:400}.pj-slot{flex:1}.pj-task--moving{bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--gap)) / 3 - 2 * var(--pad));border-color:var(--pj-primary);background:#33224f;position:absolute;box-shadow:0 10px 24px #290a5c80}.motion .pj-view.is-active .pj-task--moving{animation:pj-move 6.5s var(--ease-out) both}@keyframes pj-move{0%,16%{transform:translate(0)}38%,58%{transform:translateX(calc((100cqw + var(--gap)) / 3))}80%,to{transform:translateX(calc((100cqw + var(--gap)) / 3 * 2))}}.pj-timer{border:1px solid var(--pj-border);background:var(--pj-raised);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.pj-timer strong{font-size:1.1em;font-weight:600;display:block}.pj-timer div{min-width:0}.pj-timer div span{color:var(--pj-muted)}.pj-timer>span:last-child{background:var(--pj-primary);color:#fff;font-family:var(--font-data);border-radius:8px;margin-left:auto;padding:5px 10px}.pj-timer__play{background:var(--pj-primary);border-radius:50%;flex:none;width:38px;height:38px;position:relative}.pj-timer__play:before,.pj-timer__play:after{content:"";background:#fff;border-radius:2px;width:4px;height:14px;position:absolute;top:12px}.pj-timer__play:before{left:13px}.pj-timer__play:after{right:13px}.pj-label{color:var(--pj-muted)}.pj-meters{flex:1;align-content:space-evenly;gap:16px;display:grid}.pj-meter{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;display:grid}.pj-meter span{font-weight:600}.pj-meter b{color:var(--pj-muted);font-family:var(--font-data);font-weight:400}.pj-meter i{background:#1d212f;border-radius:999px;grid-column:1/-1;height:9px;display:block;overflow:hidden}.pj-meter em{height:100%;transform:scaleX(var(--v));transform-origin:0;border-radius:999px;display:block}.motion .pj-view.is-active .pj-meter em{animation:pj-fill 1.2s var(--ease-out) both .15s}@keyframes pj-fill{0%{transform:scaleX(0)}to{transform:scaleX(var(--v))}}.pj-alert{color:var(--pj-red);background:#361212;border:1px solid #8b2323;border-radius:10px;padding:11px 14px;font-weight:500}.motion .pj-view.is-active .pj-alert{animation:pj-alert .6s var(--ease-out) both 1s}@keyframes pj-alert{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pj-note{color:var(--pj-muted);font-family:var(--font-data);font-size:11px;position:absolute;bottom:8px;right:12px}@media (max-width:979px){.pj-showcase{grid-template-columns:minmax(0,1fr)}.pj-window{height:400px}}@media (max-width:599px){.pj-intro{min-height:88svh}.pj-window{grid-template-columns:minmax(0,1fr);height:360px;font-size:11.5px}.pj-rail{display:none}.pj-view{gap:10px;padding:12px 10px 28px}.pj-board{--gap:6px;--pad:6px}.pj-column__name i,.pj-task small{display:none}.pj-task{padding:7px 6px}.pj-timer{padding:10px}.pj-timer__play{display:none}}
.confianca{background:var(--ink);color:var(--white)}.confianca__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.confianca__years{position:sticky;top:112px}.confianca__number{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(120px,19vw,280px);font-weight:600;line-height:1;display:flex}.confianca__plus{color:var(--accent)}.motion .confianca__plus{transform:scale(0)rotate(-180deg)}.motion .is-in .confianca__plus{animation:.9s cubic-bezier(.34,1.4,.64,1) 1.3s both confianca-plus}@keyframes confianca-plus{to{transform:none}}.odometer{height:1em;padding-right:.06em;display:block;overflow:clip}.odometer__reel{display:block;transform:translateY(-8em)}.odometer__reel span{height:1em;line-height:1;display:block}.motion .odometer__reel{transform:translateY(0)}.motion .is-in .odometer__reel{animation:1.8s cubic-bezier(.2,.8,.15,1) both odometer}@keyframes odometer{to{transform:translateY(-8em)}}.confianca__caption{max-width:15em;color:var(--mist);margin-top:18px;font-size:clamp(17px,1.5vw,20px);line-height:1.35}.confianca__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,44px);margin-top:clamp(32px,4vw,56px);display:grid}.confianca__list li{padding-block:20px 28px;position:relative}.confianca__list li:before{background:var(--rule-dark);transform-origin:0;content:"";height:1px;position:absolute;inset:0 0 auto}.motion .confianca__list li{--at:calc(var(--i) * .16s)}.motion .confianca__list li:before{transform:scaleX(0)}.motion .confianca__list li>*{opacity:0}.motion .confianca__list.is-in li:before{animation:shift-rule .9s var(--ease-out) both var(--at)}.motion .confianca__list.is-in li>*{animation:confianca-slide .8s var(--ease-out) both calc(var(--at) + .25s)}@keyframes confianca-slide{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.confianca__list h3{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.2}.confianca__list p{color:var(--mist);margin-top:6px;font-size:16px}@media (max-width:859px){.confianca__grid{grid-template-columns:minmax(0,1fr)}.confianca__years{position:static}}@media (max-width:559px){.confianca__list{grid-template-columns:minmax(0,1fr)}}
.contato{background:var(--accent);min-height:100svh;color:var(--ink-deep);flex-direction:column;justify-content:space-between;gap:48px;padding-block:clamp(112px,16svh,168px) 28px;display:flex;position:relative;overflow:clip}.contato__main,.contato__legal{position:relative}.contato__symbol{z-index:0}.contato__fill{background:var(--accent);display:none;position:absolute;inset:0}.motion .contato{background:var(--ink)}.motion .contato__fill{clip-path:circle(0 at 18% 58%);display:block}.motion .contato.is-in .contato__fill{animation:1.2s cubic-bezier(.65,0,.2,1) both contato-fill}@keyframes contato-fill{to{clip-path:circle(150vmax at 18% 58%)}}.motion .contato__actions>*{opacity:0}.motion .contato__actions.is-in>*{animation:.7s cubic-bezier(.34,1.56,.64,1) 1.15s both hero-pop}.motion .contato__legal{opacity:0}.motion .contato.is-in .contato__legal{animation:.6s 1.2s both logo-pop}.contato__main{flex-direction:column;flex:1;justify-content:center;display:flex}.contato__title{max-width:12em;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(44px,7.2vw,108px);font-weight:600;line-height:1}.contato__text{max-width:28em;margin-top:clamp(18px,3svh,28px);font-size:clamp(18px,1.7vw,22px);line-height:1.4}.contato__actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(24px,4svh,40px);display:flex}.contato__channels{font-family:var(--font-data);flex-wrap:wrap;gap:4px 20px;font-size:15px;display:flex}.contato__channels a{min-height:44px;color:inherit;text-underline-offset:4px;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.contato__channels a:hover{text-decoration-thickness:2px}.contato :focus-visible{outline-color:var(--ink-deep)}.contato__symbol{opacity:.12;pointer-events:none;width:min(66vw,860px);height:auto;position:absolute;bottom:-10vw;right:-6vw}.contato__symbol .ribe-stroke{stroke-dasharray:1}.motion .contato__symbol .ribe-stroke{stroke-dashoffset:1px}.motion .contato__symbol circle{opacity:0}.motion .contato.is-in .contato__symbol .ribe-stroke{animation:1.8s cubic-bezier(.45,0,.2,1) .2s both contato-draw}.motion .contato.is-in .contato__symbol circle{animation:.4s 1.7s both logo-pop}@keyframes contato-draw{to{stroke-dashoffset:0}}.contato__legal{border-top:1px solid #071f293d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:18px;font-size:14px;display:flex}.contato__logo{width:84px;height:auto;display:block}@media (max-height:700px) and (max-width:559px){.contato{gap:16px;padding-block:80px 16px}.contato__title{font-size:36px}.contato__text{margin-top:12px;font-size:16px}.contato__actions{gap:6px 16px;margin-top:16px}.contato__channels{gap:0 16px;font-size:13.5px}.contato__channels a{min-height:32px}.contato__legal{padding-top:10px}}
.hero{--mx:0;--my:0;background:var(--ink-deep);color:var(--white);position:relative;overflow:clip}.hero:before{background-image:linear-gradient(var(--rule-dark) 1px, transparent 1px), linear-gradient(90deg, var(--rule-dark) 1px, transparent 1px);content:"";background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 72% 40%,#000 10%,#0000 78%);mask-image:radial-gradient(70% 80% at 72% 40%,#000 10%,#0000 78%)}.hero__backdrop{pointer-events:none;position:absolute;inset:0}.hero__glow{filter:blur(90px);border-radius:50%;display:block;position:absolute}.hero__glow--a{background:#13708a6b;width:56vw;height:56vw;top:-18%;right:-6%}.hero__glow--b{background:#ff8a241f;width:34vw;height:34vw;bottom:-30%;left:18%}.motion .hero__glow--a{animation:16s ease-in-out infinite alternate hero-drift}.motion .hero__glow--b{animation:20s ease-in-out infinite alternate-reverse hero-drift}@keyframes hero-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-7%,8%)scale(1.14)}}.hero__grid{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px);min-height:100svh;padding-block:clamp(104px,14svh,140px) clamp(56px,8svh,88px);display:grid}.hero__copy{min-width:0}.hero__title{font-family:var(--font-display);letter-spacing:-.032em;font-size:clamp(42px,5.5vw,80px);font-weight:600;line-height:1.04}.motion .hero__title .word>span{animation:word-rise .9s var(--ease-out) both;animation-delay:calc(.15s + var(--i) * 55ms)}.hero__lede{max-width:31em;color:var(--mist);margin-top:clamp(20px,3svh,30px);font-size:clamp(17px,1.45vw,20px);line-height:1.5}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:clamp(26px,4svh,38px);display:flex}.motion .hero__lede{animation:fx-wipe 1.1s var(--ease-out) both .6s;clip-path:inset(-10% 100% -10% 0)}.motion .hero__actions>*{animation:.7s cubic-bezier(.34,1.56,.64,1) .9s both hero-pop}.motion .hero__actions>:last-child{animation-delay:1s}@keyframes hero-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stack{min-width:0;margin:0;position:relative}.stack__art{width:100%;height:auto;display:block;overflow:visible}.stack__leader{stroke:#cde6eb4d;stroke-width:1px;stroke-dasharray:1 5}.stack__grid{stroke:#cde6eb24}.stack__riser{stroke:#cde6eb3d}.stack__spark{stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:.22 1.22;stroke-dashoffset:.22px;opacity:0}.stack__trace{stroke:#cde6eb57;stroke-width:1.4px;stroke-linejoin:round}.stack__pulse{stroke:var(--white);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.16 1.16;stroke-dashoffset:.16px;opacity:0}.motion .stack__spark{opacity:1;animation:2.6s linear infinite stack-run;animation-delay:calc(1.6s + var(--i) * .43s)}.motion .stack__pulse{opacity:1;animation:3.2s linear infinite stack-run;animation-delay:calc(1.8s + var(--i) * .8s)}@keyframes stack-run{to{stroke-dashoffset:-1px}}.stack__depth{transition:transform .6s var(--ease-out)}.stack__depth--0{transform:translate(calc(var(--mx) * -5px), calc(var(--my) * -3px))}.stack__depth--1{transform:translate(calc(var(--mx) * 5px), calc(var(--my) * 3px))}.stack__depth--2{transform:translate(calc(var(--mx) * 16px), calc(var(--my) * 10px))}.motion .stack__drop{animation:1.1s cubic-bezier(.34,1.3,.64,1) both stack-drop}.motion .stack__drop--0{animation-delay:.3s}.motion .stack__drop--1{animation-delay:.55s}.motion .stack__drop--2{animation-delay:.8s}@keyframes stack-drop{0%{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:translateY(0)}}.motion .stack__risers{animation:.6s 1.5s both logo-pop}.motion .stack__float{animation:7s ease-in-out infinite alternate stack-float}.motion .stack__float--1{animation-duration:6s;animation-delay:-2s}.motion .stack__float--2{animation-duration:5s;animation-delay:-1s}@keyframes stack-float{0%{transform:translateY(-5px)}to{transform:translateY(6px)}}.motion .stack__tile{animation:stack-lift 8s var(--ease-out) infinite;animation-delay:calc(1.6s + var(--i) * 90ms)}.motion .stack__tile--custom{animation-delay:calc(5.6s + var(--i) * 90ms)}.motion .stack__tile--core{animation:4s ease-in-out infinite stack-core;animation-delay:calc(var(--i) * .2s)}@keyframes stack-lift{0%,44%,to{transform:translateY(0)}10%,34%{transform:translateY(-20px)}}@keyframes stack-core{50%{transform:translateY(-7px)}}.stack__labels{pointer-events:none;position:absolute;inset:0}.stack__label{top:var(--y);max-width:7.4em;color:var(--tone);font-family:var(--font-data);padding-bottom:6px;font-size:clamp(12px,1vw,14px);line-height:1.2;position:absolute;transform:translateY(-100%)}.stack__label--left{left:2.5%}.stack__label--right{text-align:right;right:2.5%}.motion .stack__label{animation:.6s 1.5s both logo-pop}@media (max-width:979px){.hero__grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:116px 56px}.stack{width:100%;max-width:560px;margin-inline:auto}.hero:before{-webkit-mask-image:radial-gradient(90% 60% at 60% 70%,#000 10%,#0000 80%);mask-image:radial-gradient(90% 60% at 60% 70%,#000 10%,#0000 80%)}}@media (max-width:559px){.stack__leader{display:none}.stack__labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:12px;display:grid;position:static}.stack__label{max-width:none;color:var(--mist);text-align:left;align-items:center;gap:8px;padding:0;display:flex;position:static;transform:none}.stack__label:before{background:var(--tone);content:"";border-radius:2px;flex:none;width:9px;height:9px}}@media (max-width:479px){.button{flex:100%}}@media (max-width:359px){.button{white-space:nowrap;gap:6px;padding:0 12px;font-size:15px}}
.shelf{background:var(--white);padding-bottom:clamp(72px,9vw,120px)}.shelf__head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:clamp(20px,5vw,80px);margin-bottom:clamp(44px,6vw,80px);display:grid}.shelf__lede{color:var(--slate)}.shelf__items{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(12px,1.6vw,20px);padding-inline:clamp(12px,2vw,28px);display:grid}.shelf__item{border-radius:18px;flex-direction:column;min-width:0;height:clamp(220px,21vw,290px);padding:clamp(18px,2vw,26px);display:flex;position:relative}.shelf__item--projy{color:#f2f3f8;transition:translate .35s var(--ease-out);background:#080a12;text-decoration:none}.shelf__item--projy:hover{translate:0 -8px}.shelf__logo{color:#bb93fb;font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(44px,5vw,72px);font-weight:500;line-height:1}.shelf__what{color:#a8adbd;margin-top:10px;font-size:16px}.shelf__go{align-items:center;gap:8px;margin-top:auto;font-size:15px;font-weight:600;display:inline-flex}.shelf__go svg{transition:transform .25s var(--ease-out)}.shelf__item--projy:hover .shelf__go svg{transform:translate(4px)}.shelf__item--soon{color:var(--slate);justify-content:space-between}.shelf__outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shelf__outline rect{fill:none;stroke:#0c2d3a4d;stroke-width:1.5px;stroke-dasharray:.012 .012;width:calc(100% - 2px);height:calc(100% - 2px)}.motion .shelf__outline rect{animation:2.4s linear infinite shelf-march}@keyframes shelf-march{to{stroke-dashoffset:-.048px}}.shelf__bones{gap:12px;display:grid}.shelf__bones i{background:var(--mist);height:14px;transform:scaleX(var(--w));transform-origin:0;border-radius:5px;display:block}.motion .shelf__bones i{animation:shelf-build 3.6s var(--ease-out) infinite alternate;animation-delay:calc(var(--b) * .35s)}@keyframes shelf-build{0%{transform:scaleX(.12)}to{transform:scaleX(var(--w))}}.shelf__status{font-family:var(--font-data);font-size:13px}.shelf__board{background:var(--ink);transform-origin:0;border-radius:5px;height:10px;margin-top:0}.motion .shelf__board{transform:scaleX(0)}.motion .is-in .shelf__board{animation:shelf-board .9s var(--ease-out) both}@keyframes shelf-board{to{transform:scaleX(1)}}.motion .shelf__item{opacity:0}.motion .is-in .shelf__item{animation:.95s linear both shelf-land;animation-delay:calc(.45s + var(--i) * .2s)}@keyframes shelf-land{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-150px)rotate(-3deg)}12%{opacity:1}52%{animation-timing-function:ease-out;transform:translateY(0)rotate(0)scaleY(.965)}72%{opacity:1;animation-timing-function:ease-in;transform:translateY(-14px)scaleY(1.01)}90%{transform:translateY(0)scaleY(.99)}to{opacity:1;transform:none}}.shelf__item{transform-origin:bottom}.adapt{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(24px,5vw,72px);margin-top:clamp(48px,6vw,80px);display:grid}.adapt__copy h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.12}.adapt__copy p{color:var(--slate);margin-top:8px}.adapt__board{perspective:700px;gap:10px;min-width:0;display:grid}.adapt__business{color:var(--teal);font-family:var(--font-data);font-size:15px;display:block}.adapt__stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.adapt__stage{background:var(--ink);min-width:0;height:68px;color:var(--white);font-family:var(--font-display);perspective:300px;border-radius:12px;place-items:center;font-size:clamp(15px,1.4vw,19px);font-weight:500;display:grid;overflow:hidden}.flap{transform-origin:top;display:inline-block}.motion .is-live .flap{animation:.55s cubic-bezier(.34,1.4,.64,1) both flap;animation-delay:calc(var(--i,0) * 80ms)}@keyframes flap{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@media (max-width:859px){.shelf__head,.adapt{grid-template-columns:minmax(0,1fr)}.shelf__items{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf__item--projy{grid-column:1/-1;height:200px}.shelf__item--soon{height:150px}.adapt__stages{grid-template-columns:repeat(2,minmax(0,1fr))}.adapt__stage{height:56px}}
.problema{background:var(--paper)}.problema__title{max-width:17em}.problema__table{margin-top:clamp(44px,6vw,80px)}.problema__heads,.shift{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,28px);display:grid}.problema__heads{color:var(--slate);font-family:var(--font-data);padding-bottom:14px;font-size:14px}.problema__heads span:last-child{grid-column:3}.shift{font-family:var(--font-display);letter-spacing:-.012em;padding-block:clamp(20px,2.4vw,30px);font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.2;position:relative}.shift:before{background:var(--rule-light);transform-origin:0;content:"";height:1px;position:absolute;inset:0 0 auto}.shift__before{color:var(--slate)}.shift__strike{background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 56% / 100% 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.shift__arrow{width:100%;height:12px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.shift__arrow path{stroke-dasharray:1}.shift__after{color:var(--ink)}.motion .shift{--at:calc(var(--i) * .34s)}.motion .shift:before{transform:scaleX(0)}.motion .shift__before{opacity:0}.motion .shift__strike{background-size:0 2px}.motion .shift__arrow path{stroke-dashoffset:1px}.motion .shift__after{opacity:0}.motion .is-in .shift:before{animation:shift-rule .9s var(--ease-out) both var(--at)}.motion .is-in .shift__before{animation:shift-in .6s var(--ease-out) both var(--at)}.motion .is-in .shift__strike{animation:shift-strike .6s ease-in-out both calc(var(--at) + .45s)}.motion .is-in .shift__arrow path{animation:shift-arrow .45s ease-out both calc(var(--at) + .9s)}.motion .is-in .shift__after{animation:shift-after .7s var(--ease-out) both calc(var(--at) + 1.1s)}@keyframes shift-rule{to{transform:scaleX(1)}}@keyframes shift-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shift-strike{to{background-size:100% 2px}}@keyframes shift-arrow{to{stroke-dashoffset:0}}@keyframes shift-after{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@media (max-width:759px){.problema__heads{display:none}.shift{grid-template-columns:minmax(0,1fr);gap:10px}.shift__arrow{width:48px}}
.processo{background:var(--paper)}.processo__title{max-width:13em}.processo__track{margin-top:clamp(48px,6vw,84px);position:relative}.processo__line{background:var(--rule-light);height:2px;position:absolute;top:8px;left:0;right:0;overflow:hidden}.processo__fill,.processo__runner{display:block;position:absolute;inset:0}.processo__fill{background:var(--teal);transform-origin:0}.processo__runner{background:linear-gradient(90deg, transparent, var(--accent));opacity:0;width:14%;transform:translate(-100%)}.processo__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px);display:grid}.step{min-width:0;position:relative}.step__mark{border:4px solid var(--paper);background:var(--teal);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--teal);border-radius:50%;display:block}.step__number{color:var(--slate);font-family:var(--font-data);margin-top:22px;font-size:14px;display:block}.step__name{font-family:var(--font-display);letter-spacing:-.015em;margin-top:4px;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.15}.step__text{color:var(--slate);margin-top:8px;font-size:16px}.motion .processo__fill{transform:scaleX(0)}.motion .is-in .processo__fill{animation:2.2s cubic-bezier(.45,0,.2,1) both processo-fill}@keyframes processo-fill{to{transform:scaleX(1)}}.motion .is-in .processo__runner{opacity:1;animation:4.5s linear 2.4s infinite processo-run}@keyframes processo-run{0%{transform:translate(-100%)}to{transform:translate(720%)}}.motion .step__mark{transform:scale(0)}.motion .step>:not(.step__mark){opacity:0}.motion .is-in .step__mark{animation:step-mark .5s var(--ease-out) both calc(var(--i) * .5s + .1s)}.motion .is-in .step>:not(.step__mark){animation:step-copy .7s var(--ease-out) both calc(var(--i) * .5s + .22s)}@keyframes step-mark{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes step-copy{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:859px){.processo__line{width:2px;height:auto;inset:0 auto 0 8px}.processo__fill{transform-origin:top}.motion .processo__fill{transform:scaleY(0)}.motion .is-in .processo__fill{animation-name:processo-fill-y}.processo__runner{display:none}.processo__steps{grid-template-columns:minmax(0,1fr);gap:36px}.step{padding-left:40px}.step__mark{position:absolute;top:2px;left:0}.step__number{margin-top:0}}@keyframes processo-fill-y{to{transform:scaleY(1)}}
.sob-medida{background:var(--ink-deep);color:var(--white)}.sob-medida__head{gap:20px;max-width:820px;margin-bottom:clamp(44px,6vw,80px);display:grid}.sob-medida__lede{color:var(--mist)}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.bento__card{border:1px solid var(--rule-dark);border-radius:var(--radius-card);background:var(--ink);min-width:0;height:100%;transform:perspective(1000px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:border-color .3s ease, transform .5s var(--ease-out);flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(20px,2.4vw,32px);display:flex;position:relative;overflow:hidden}.bento__card:after{background:radial-gradient(320px circle at var(--sx,50%) var(--sy,50%), #3cc0d821, transparent 70%);opacity:0;pointer-events:none;content:"";transition:opacity .3s;position:absolute;inset:0}.bento__card:hover:after{opacity:1}.motion .bento__card{clip-path:inset(0 100% 0 0 round var(--radius-card))}.motion .bento__slot--integracoes .bento__card,.motion .bento__slot--paineis .bento__card{clip-path:inset(0 0 0 100% round var(--radius-card))}.motion .is-in .bento__card{animation:1.1s cubic-bezier(.65,0,.15,1) both bento-open}.motion .is-in.bento__slot--integracoes .bento__card,.motion .is-in.bento__slot--paineis .bento__card{animation-delay:.12s}@keyframes bento-open{to{clip-path:inset(0 0 0 0 round var(--radius-card))}}.motion .bento__demo{transform:scale(1.14)}.motion .is-in .bento__demo{animation:bento-settle 1.5s var(--ease-out) both .1s}@keyframes bento-settle{to{transform:scale(1)}}.bento__card:hover{border-color:#cde6eb57}.bento__slot{min-width:0}.bento__slot--gestao,.bento__slot--paineis{grid-column:span 7}.bento__slot--integracoes,.bento__slot--automacao{grid-column:span 5}.bento__demo{align-items:center;min-height:196px;display:grid}.bento__copy h3{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(21px,1.9vw,26px);font-weight:600;line-height:1.15}.bento__copy p{color:var(--mist);margin-top:6px;font-size:16px}.demo-orders{gap:4px;font-size:14px;display:grid}.demo-orders__row{background:#cde6eb0d;border-radius:9px;grid-template-columns:58px minmax(0,1fr) 64px 118px;align-items:center;gap:10px;min-height:44px;padding:0 12px;transition:background-color .4s;display:grid}.demo-orders__row.is-hot{background:#cde6eb21}.demo-orders__id,.demo-orders__due{color:var(--mist);opacity:.8}.demo-orders__id{font-family:var(--font-data)}.demo-status{white-space:nowrap;border-radius:6px;justify-self:end;padding:2px 9px;font-size:13px;font-weight:600}.motion .demo-status{animation:panel-status .5s var(--ease-out) both}.demo-status--wait{color:#ffb26b;background:#ff8a2429}.demo-status--run{color:#7fdcec;background:#3cc0d829}.demo-status--done{color:#7fe6b8;background:#4fd69c29}@keyframes panel-status{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-hub{width:100%;height:auto;max-height:210px;display:block}.demo-hub__line{stroke:#cde6eb3d;stroke-width:1.4px}.demo-hub__pulse{stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:.2 1.2;stroke-dashoffset:.2px;opacity:0}.motion .demo-hub__pulse{opacity:1;animation:2.2s linear infinite demo-pulse;animation-delay:calc(var(--i) * .55s)}.motion .demo-hub__pulse:nth-of-type(2n){animation-direction:reverse}@keyframes demo-pulse{0%{stroke-dashoffset:.2px}to{stroke-dashoffset:-1px}}.demo-hub__node{fill:var(--ink-raised);stroke:var(--rule-dark)}.demo-hub__label{fill:var(--mist);font-family:var(--font-data);font-size:13px}.demo-hub__core{fill:var(--accent);transform-box:fill-box;transform-origin:50%}.motion .demo-hub__core{animation:2.2s ease-in-out infinite demo-core}@keyframes demo-core{50%{transform:scale(1.05)}}.demo-hub__core-label{fill:var(--ink-deep);font-family:var(--font-body);font-size:13.5px;font-weight:600}.demo-flow{gap:18px;font-size:16px;display:grid;position:relative}.demo-flow:before{background:var(--rule-dark);content:"";width:1.5px;position:absolute;top:12px;bottom:12px;left:8px}.demo-flow__step{color:var(--mist);opacity:.55;transition:opacity .35s ease, transform .45s var(--ease-out);align-items:center;gap:16px;display:flex;position:relative}.demo-flow__step i{background:var(--ink);width:18px;height:18px;transition:background-color .3s ease, border-color .3s ease, transform .4s var(--ease-out);border:1.5px solid #cde6eb66;border-radius:50%;flex:none}.demo-flow__step.is-done{opacity:1}.demo-flow__step.is-done i{background:#4fd69c;border-color:#4fd69c}.demo-flow__step.is-now{color:var(--white);opacity:1;transform:translate(6px)}.demo-flow__step.is-now i{border-color:var(--accent);background:var(--accent);transform:scale(1.18)}.demo-insights{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,2.4vw,32px);display:grid}.demo-rank{--row:40px;height:calc(var(--row) * 4);font-size:14px;position:relative}.demo-rank__row{height:var(--row);color:var(--mist);transform:translateY(calc(var(--rank) * var(--row)));transition:transform .7s var(--ease-out);grid-template-columns:60px minmax(0,1fr);align-items:center;gap:10px;display:grid;position:absolute;inset:0 0 auto}.demo-rank__row i{background:#cde6eb14;border-radius:4px;height:14px;display:block;overflow:hidden}.demo-rank__row em{background:var(--teal-bright);height:100%;transform:scaleX(var(--w));transform-origin:0;transition:transform .7s var(--ease-out);border-radius:4px;display:block}.demo-trend{width:100%;height:auto;display:block;overflow:visible}.demo-trend__area{fill:#ff8a241a}.demo-trend__line{stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1}.motion .demo-trend__line{stroke-dashoffset:1px}.motion .is-in .demo-trend__line{animation:1.8s ease-in-out .2s both demo-draw}@keyframes demo-draw{to{stroke-dashoffset:0}}.demo-trend__dot{fill:var(--accent);transform-box:fill-box;transform-origin:50%}.motion .demo-trend__dot{animation:1.6s ease-in-out infinite demo-core}@media (max-width:899px){.bento__slot--gestao,.bento__slot--paineis,.bento__slot--integracoes,.bento__slot--automacao{grid-column:1/-1}}@media (max-width:519px){.demo-orders__row{grid-template-columns:52px minmax(0,1fr) 112px;padding:0 10px}.demo-orders__due{display:none}.demo-insights{grid-template-columns:minmax(0,1fr)}}
