/* A small interactive concept, built without extra libraries or media downloads. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}.reading-progress span{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
.hero h1 em{position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;left:0;bottom:-9px;width:100%;height:2px;background:linear-gradient(90deg,var(--lime),transparent);transform-origin:left;animation:draw-line 1.2s .35s both}
.hero-art:before{content:'';position:absolute;width:75%;aspect-ratio:1;top:8%;left:12%;background:radial-gradient(ellipse,#b7ff5515,transparent 65%);z-index:-1}
.hero-copy>*{animation:arrive .7s both}.hero-copy h1{animation-delay:.08s}.hero-intro{animation-delay:.16s}.hero-actions{animation-delay:.24s}.hero-note{animation-delay:.32s}
.hero-secondary .demo-jump{color:var(--lime)}.hero-secondary{gap:12px 24px}.main-frame,.small-frame{animation-iteration-count:2;animation-play-state:paused}.hero-art.in-view .browser-frame{animation-play-state:running}
.project-image{position:relative}.project-image:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff3 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}.project-image:hover:after,.project-image:focus-visible:after{transform:translateX(120%)}
.process-list article{position:relative}.process-list article:before{content:'';position:absolute;height:2px;inset:-1px 0 auto;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .8s .15s}.process-list article.visible:before{transform:scaleX(1)}
.playground{position:relative;overflow:clip;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 50%,#23301a66,transparent 48%)}
.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.demo-story{min-width:0}.demo-selector{display:flex;padding:5px;gap:5px;background:#1a2117;border:1px solid #35432b;border-radius:50px;width:fit-content;max-width:100%}.demo-selector button{font-size:13px;border:none;background:transparent;color:#b6c0ab;border-radius:30px;padding:12px 20px;min-height:44px;transition:background .25s,color .25s}.demo-selector button[aria-pressed=true]{background:var(--lime);color:#1a2412}.demo-selector button:hover{color:#fff}.demo-selector button[aria-pressed=true]:hover{color:#1a2412}
.demo-context{margin-top:38px;min-height:222px}.demo-overline{font-size:10px;font-weight:600;letter-spacing:.13em;color:#a2af94}.demo-context h3{font-size:clamp(30px,3.3vw,46px);line-height:1.1;max-width:430px;margin-top:16px}.demo-context>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:400px;margin-top:19px}
.demo-journey{list-style:none;display:flex;margin:25px 0 30px;padding:0;gap:0}.demo-journey li{flex:1;min-width:0;position:relative;border-top:1px solid #394333;padding-top:17px;color:#7d8b71}.demo-journey li:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:#47563b;transition:background .3s}.demo-journey li.current{color:var(--lime)}.demo-journey li.current:before,.demo-journey li.done:before{background:var(--lime);box-shadow:0 0 0 4px #b7ff5510}.demo-journey li.done{color:#c6d8b5;border-color:#73974d}.demo-journey span{display:block;font-size:9px;font-weight:500;letter-spacing:.1em;margin-bottom:7px}.demo-journey b{font-size:12px;font-weight:500}.demo-story>.text-link{font-size:13px;gap:16px}.demo-disclaimer{font-size:11px!important;color:#98a48c;max-width:430px;margin-top:22px;line-height:1.7}
.demo-stage{position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;isolation:isolate;padding:20px 0 10px}.stage-orbit{position:absolute;z-index:-1;top:10%;width:100%;aspect-ratio:1;border:1px solid #344329;border-radius:50%;transform:rotate(-25deg) scaleY(.8)}.stage-orbit.second{transform:rotate(35deg) scaleY(1.2);top:14%;border-color:#24321d}
.demo-device{width:326px;max-width:100%;padding:12px 10px 9px;border:1px solid #68705f;border-radius:39px;background:linear-gradient(135deg,#424b3b,#1d241b 25%,#11160f 70%,#46523a);box-shadow:0 35px 60px #0006,0 0 0 5px #131a10;transform:rotate(2deg);transition:transform .5s}.demo-stage:hover .demo-device,.demo-device:focus-within{transform:rotate(0)}
.device-top{display:flex;align-items:center;justify-content:space-between;padding:2px 15px 12px;font-size:8px;letter-spacing:.1em;color:#b2bdaa}.device-island{width:65px;height:15px;border-radius:20px;background:#070b06}.demo-screen{background:#eef1e8;color:#202c1a;border-radius:23px;padding:19px 17px 12px;overflow:hidden;min-height:460px;--demo-accent:#d9f7b7;--demo-ink:#355123}.demo-screen[data-kind=assistencia]{--demo-accent:#cce2f5;--demo-ink:#294d6c}.demo-screen[data-kind=loja]{--demo-accent:#f1d8c2;--demo-ink:#67482e}
.demo-app-bar{display:flex;align-items:center;gap:9px}.demo-app-icon{width:30px;height:30px;background:#263720;color:#d8f5bf;display:grid;place-items:center;font-size:18px;border-radius:9px}.demo-app-bar strong{font-size:12px;display:block;line-height:1.4}.demo-app-bar small{font-size:8px;color:#64705b;display:block}.demo-app-menu{margin-left:auto;font-size:12px}.demo-screen-heading{margin:24px 0 15px}.demo-screen-heading>span{font-size:8px;letter-spacing:.12em;color:#5e6d54}.demo-screen h4{font:500 25px/1.15 var(--heading);letter-spacing:-.05em;margin:6px 0 0;min-height:29px}
.demo-metrics{display:flex;justify-content:space-between;align-items:center;background:#25361f;color:#e9f8df;border-radius:12px;padding:13px 16px;margin-bottom:15px}.demo-metrics span{display:block;font-size:10px;color:#b7cba6}.demo-metrics strong{display:block;font:500 32px/1.2 var(--heading);letter-spacing:-.04em;margin-top:4px}.demo-spark{height:44px;display:flex;align-items:end;gap:4px}.demo-spark i{display:block;width:6px;border-radius:4px;background:#b7ff55;height:35%;transform-origin:bottom;transition:height .5s}.demo-spark i:nth-child(2){height:55%;opacity:.5}.demo-spark i:nth-child(3){height:42%;opacity:.7}.demo-spark i:nth-child(4){height:70%}.demo-spark i:nth-child(5){height:55%;opacity:.6}.demo-spark i:nth-child(6){height:85%;opacity:.8}.demo-spark i:nth-child(7){height:100%}.demo-screen[data-step="1"] .demo-spark i:nth-child(odd){height:70%}.demo-screen[data-step="2"] .demo-spark i{height:100%}
.demo-ticket{border:1px solid #d1d8c9;border-radius:12px;padding:14px;background:#fff}.demo-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;letter-spacing:.03em;color:#65725b}.demo-ticket-top>span:last-child{background:var(--demo-accent);color:var(--demo-ink);font-size:9px;padding:4px 7px;border-radius:20px;letter-spacing:0}.demo-product{display:flex;gap:11px;align-items:center;margin:16px 0}.demo-product-icon{width:43px;height:43px;border-radius:12px;background:var(--demo-accent);color:var(--demo-ink);display:grid;place-items:center;font:500 26px var(--heading)}.demo-product strong{display:block;font-size:12px}.demo-product small{display:block;font-size:10px;color:#64705b;margin-top:3px}.demo-ticket-foot{border-top:1px dashed #d1d8c9;padding-top:10px;display:flex;justify-content:space-between;font-size:9px;color:#68765e}.demo-ticket-foot strong{font-size:11px;color:#273920}
.demo-status-row{display:flex;align-items:center;gap:8px;min-height:56px}.demo-status-dot{flex:none;width:6px;height:6px;background:#557342;border-radius:50%}.demo-status-row p{font-size:10px;line-height:1.5;color:#56684a}.demo-action{width:100%;min-height:44px;padding:11px 14px;background:#263a1e;border:none;border-radius:9px;display:flex;align-items:center;justify-content:space-between;color:#edf7e6;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.demo-action:hover{background:#3a542e}.demo-action:active{transform:scale(.98)}.demo-action span{font-size:19px;line-height:1}.demo-reset{display:block;margin:5px auto 0;min-height:38px;padding:8px;background:none;border:none;color:#596c4e;font-size:9px;text-decoration:underline;text-underline-offset:3px}.demo-screen button:focus-visible{outline:2px solid #305522;outline-offset:2px}.device-home{height:4px;width:80px;background:#85947a;border-radius:5px;margin:10px auto 0}.stage-caption{display:flex;align-items:center;gap:10px;margin-top:27px;font-size:10px;color:#acbba0}
.footer-tools{display:flex;flex-direction:column;align-items:flex-end;gap:9px}#motion-toggle{background:none;color:#acb69f;font-size:11px;border:1px solid #414b37;border-radius:30px;min-height:36px;padding:7px 12px}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important}.motion-reduced{scroll-behavior:auto}.motion-reduced .reveal{opacity:1!important;transform:none!important}.motion-reduced .demo-device{transform:none}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes draw-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:721px){.process-list article:nth-child(2){transition-delay:.08s}.process-list article:nth-child(3){transition-delay:.16s}.process-list article:nth-child(4){transition-delay:.24s}}
@media(max-width:980px){.demo-layout{gap:35px}.demo-selector button{padding-inline:14px;font-size:12px}.demo-stage{padding-inline:5px}.demo-device{width:302px}.demo-screen{padding:18px 14px 10px}.demo-context{min-height:240px}.site-header nav{gap:17px;font-size:12px}}
@media(max-width:720px){.playground{background:radial-gradient(ellipse at 65% 78%,#23301a77,transparent 65%)}.demo-layout{grid-template-columns:1fr;gap:32px}.demo-selector{width:100%}.demo-selector button{flex:1;padding:12px 8px;font-size:12px}.demo-context{min-height:0;margin-top:28px}.demo-context h3{font-size:34px;max-width:340px}.demo-context>p:last-child{font-size:13px}.demo-journey{margin-block:25px}.demo-story>.text-link{font-size:12px}.demo-disclaimer{font-size:10px!important;margin-top:17px}.demo-stage{padding:12px 4px 8px}.demo-device{width:316px;transform:rotate(0)}.stage-orbit{width:92%}.stage-caption{font-size:9px}.demo-screen{min-height:450px}.hero-secondary{gap:10px 22px}.hero-secondary .demo-jump{font-size:11px}.hero h1 em:after{bottom:-6px}.footer-tools{align-items:flex-end}#motion-toggle{font-size:9px;min-height:40px;padding-inline:10px}.reading-progress{height:2px}}
@media(max-width:360px){.demo-device{width:278px;border-radius:32px;padding:10px 8px 8px}.demo-screen{padding:16px 12px 9px}.demo-stage{padding-inline:3px}.demo-story>.text-link{font-size:11px;gap:8px}.demo-screen h4{font-size:23px}.stage-caption{font-size:8px;gap:8px}.demo-context h3{font-size:31px}.demo-journey b{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy>*,.hero h1 em:after{animation:none}.demo-device{transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:720px){.demo-story{display:contents}.demo-layout{gap:18px}.demo-selector{order:0;position:sticky;top:12px;z-index:6;background:#1a2117;box-shadow:0 7px 24px #0005}.demo-context{order:1;margin-top:10px}.demo-stage{order:2;margin-top:10px}.demo-journey{order:3;margin-block:10px}.demo-story>.text-link{order:4;justify-self:start;min-height:44px}.demo-disclaimer{order:5;margin-top:0}}
.demo-selector button{white-space:nowrap;padding-inline:16px}.idea-field{margin:14px 0}.idea-field[hidden]{display:none}.idea-field label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.idea-field textarea{display:block;width:100%;resize:vertical;max-height:180px;min-height:92px;border:1px solid #b1bda5;background:#fff;color:#263a1e;padding:10px;font:16px/1.5 var(--body);border-radius:9px}.idea-field textarea:focus-visible{outline:2px solid #42612e;outline-offset:2px}.idea-field small{display:block;font-size:9px;color:#64705b;margin-top:6px}.demo-screen[data-kind=ideia] .demo-product>div:last-child{min-width:0;flex:1}.demo-screen[data-kind=ideia] .demo-product strong{overflow-wrap:anywhere;line-height:1.5}.demo-screen[data-kind=ideia] .demo-product-icon{flex:none}.demo-screen[data-kind=ideia][data-step="0"] .demo-metrics,.demo-screen[data-kind=ideia][data-step="0"] .demo-ticket{display:none}.demo-screen[data-kind=ideia]{--demo-accent:#e4dbf3;--demo-ink:#59446f}.demo-screen[data-kind=ideia] .demo-metrics strong{font-size:28px}
@media(max-width:980px){.demo-selector button{padding-inline:10px;font-size:11px}.demo-selector{gap:2px}}@media(max-width:360px){.demo-selector button{padding-inline:7px;font-size:10px}}

/* A quieter visual language: typography, hairlines and a single icon weight. */
.hero-art-label span.art-index{font-size:8px;color:#8c9980;letter-spacing:.14em}
.icon-definitions{position:absolute;overflow:hidden;pointer-events:none}.icon{display:inline-block;width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.button>.icon,.text-link>.icon{margin-left:auto}.button span,.text-link span,.header-cta span{display:inline-flex;align-items:center}.button .icon{width:20px;height:20px}.round-link{width:auto;height:44px;border-radius:0;border:0;border-bottom:1px solid #59624e;display:flex;align-items:center;gap:12px;padding:0 0 0 6px;font-size:11px}.round-link:hover{color:var(--lime);background:none}.round-link .icon{width:18px;height:18px}.project-kicker .project-index{font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.05em}.service-band .band-divider{width:1px;height:20px;background:#435238;flex:none}.service-band .wrap{font-size:9px;letter-spacing:.15em}.window-dots{display:flex;gap:4px;align-items:center}.window-dots i{width:4px;height:4px;border:1px solid #728068;border-radius:50%}.hero-art-label .art-index{font-size:8px;color:#8c9980;letter-spacing:.14em}.frame-bar{justify-content:flex-start;gap:14px}.demo-app-icon{font:600 17px var(--heading);letter-spacing:-.08em}.demo-product-icon .icon{width:24px;height:24px;stroke-width:1.25}.demo-product-icon>span{display:flex}.demo-action>.icon{width:17px;height:17px}.solution-index{font-size:10px!important;letter-spacing:.16em;color:#49672d;margin-top:32px!important;border-top:1px solid #729d3b;padding-top:18px}.solution-panel h3{margin-top:18px}.solution-tabs button b{display:flex}.solution-tabs button .icon{width:17px;height:17px}.dialog-close{display:grid;place-items:center}.dialog-close .icon{width:20px;height:20px}.faq summary span{display:flex;transition:transform .2s}.faq summary .icon{width:18px;height:18px}.case-brief{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:28px 0;padding-block:23px;border-block:1px solid var(--line)}.case-brief dt{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#b7cc9f;margin-bottom:12px}.case-brief dd{margin:0;color:#b6bfac;font-size:13px;line-height:1.7}.case-features-title{font:500 14px var(--heading);letter-spacing:0}.dialog-content ul{margin-top:16px}.project-image:after{display:none}.hero h1 em:after{height:1px;opacity:.65}.demo-device{box-shadow:0 25px 50px #0004,0 0 0 4px #131a10}.live-dot{box-shadow:none}.about-mark{background:linear-gradient(135deg,#cbd3be44,transparent)}
@media(max-width:720px){.service-band .wrap{font-size:7px;letter-spacing:.1em}.service-band .band-divider{height:14px}.round-link{font-size:10px;gap:8px}.round-link .icon{width:16px;height:16px}.case-brief{grid-template-columns:1fr;gap:20px;margin-block:23px;padding-block:20px}.case-brief dd{font-size:12px}.demo-app-icon{font-size:17px}.hero-art-label .art-index{font-size:7px}.project-info>div{min-width:0}.mobile-contact>span:last-child{display:flex}.mobile-contact .icon{width:18px;height:18px}}