/* Crisp artwork and restrained, viewport-driven motion for both landing pages. */
.hero{background:#090b0e!important}.hero-film{z-index:0;background:#090b0e}.hero-film-image{inset:0;background-image:url('/assets/fundo.png');background-position:center bottom;background-size:cover;filter:none;transform:none!important;animation:none!important;opacity:.6}.hero-film-light{inset:0;background:radial-gradient(ellipse at 85% 30%,#c993001b,transparent 52%);mix-blend-mode:normal;animation:none;opacity:1}.hero-film:after{z-index:2;background:linear-gradient(90deg,#080a0de8 0%,#080a0d85 45%,#080a0d10 80%),linear-gradient(0deg,#0c0c0e,transparent 20%)}.energy-field{position:absolute;right:-10%;top:0;width:100%;height:100%;opacity:.8;overflow:hidden}.energy-field>g{stroke-width:1;vector-effect:non-scaling-stroke}.energy-travel{stroke-width:2!important;stroke-dasharray:3 97;stroke-dashoffset:100}.hero-bottom{position:relative;z-index:2}.hero-copy>p{text-shadow:none}.hero h1{letter-spacing:-.045em}.hero h1 .headline-ink{filter:none}.hero-actions .primary{animation:none}
.solution-grid article,.solution-grid article.featured,.steps article{background:radial-gradient(ellipse at 0 0,#ffffff09,transparent 55%),linear-gradient(150deg,#24262a,#131518 65%);border:1px solid #ffffff18;border-top-color:#ffffff40;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff0b,0 14px 30px -17px #000c;overflow:hidden}.solution-grid article.featured{background:radial-gradient(ellipse at 100% 0,#ffc92817,transparent 65%),linear-gradient(145deg,#222323,#131518);border-color:#b89a424a}.solution-grid article.agency-card{background:radial-gradient(ellipse at 0 0,#d4aa201a,transparent 65%),#141619;border-radius:22px}.solution-grid article:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff04b08 45%,#ffffff0a 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;opacity:0}.card-energy{background:linear-gradient(145deg,#51461f,#201e16);border:1px solid #b299434f;border-radius:14px;box-shadow:inset 0 1px 1px #ffefa42b,0 6px 12px #0004;width:46px;height:46px}.card-energy .energy-symbol{filter:drop-shadow(0 2px 4px #ffd00025)}.motion-icon{width:26px;height:26px;display:block;color:#ffd34e;overflow:visible}.steps .step-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#4a4022,#242219);border:1px solid #a38a3938}.steps .step-icon svg{width:25px;height:25px}.solution-preview,.mini-browser{border:1px solid #ffffff30!important;box-shadow:0 12px 22px #0007,inset 0 1px 0 #ffffff10!important;background:linear-gradient(145deg,#24272c,#101215)!important;border-radius:15px!important}.solution-grid article .mini-browser{height:125px;transform:perspective(500px) rotateY(-6deg) rotateX(3deg)}.mini-browser i{box-shadow:0 3px 10px #ffc40020}.solution-grid article.featured .solution-preview{padding:15px;transform:perspective(500px) rotateY(-8deg) rotateZ(-2deg)}
.strategy-panel{background:linear-gradient(145deg,#282a2ddd,#111317f5);border:1px solid #b39b4755;border-top-color:#d6c17d85;border-radius:25px;box-shadow:inset 0 1px 1px #ffffff12,0 30px 65px #0006;animation:none}.strategy-row>b{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#ffd0000a;border:1px solid #ffdc4420}.strategy-row{position:relative}.strategy-row:after{content:'';position:absolute;bottom:0;left:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,#ffe071,transparent);opacity:0}.agency-page .problem-grid .card-energy{display:grid;width:44px;height:44px;background:#e9e5d5;box-shadow:inset 0 1px 0 #fff,0 3px 8px #00000008}.agency-page .problem-grid .motion-icon{color:#8c6d00}.agency-page .solution-grid.agency-options article{padding:28px;display:flex;gap:0}.agency-options .card-energy{position:relative;inset:auto;margin-bottom:22px}.service-visual{height:150px;border:1px solid #ffffff17;border-top-color:#ffffff30;border-radius:16px;margin-bottom:25px;background:linear-gradient(150deg,#1c2026,#0a0d11);box-shadow:inset 0 1px 0 #ffffff09,0 12px 22px #0003;overflow:hidden;position:relative}.service-visual.audit{display:flex;align-items:center;gap:22px;padding:22px}.audit-rings{width:90px;height:90px;position:relative;flex-shrink:0}.audit-rings i{position:absolute;inset:0;border:1px solid #ffce3233;border-radius:50%}.audit-rings i:nth-child(2){inset:13px;border-color:#ffce3270}.audit-rings span{position:absolute;inset:0;display:grid;place-items:center}.audit-rings:after{content:'';position:absolute;inset:0;border:2px solid transparent;border-top-color:#ffd34e;border-radius:50%;transform:rotate(-40deg)}.audit-lines{flex:1;font-size:9px;letter-spacing:.1em;color:#c6c7ca}.audit-lines span{display:block;margin:12px 0}.audit-lines i{display:block;height:3px;margin-top:8px;background:linear-gradient(90deg,#ffcd3c 55%,#ffffff12 55%);transform-origin:left}.audit-lines span:nth-child(2) i{background:linear-gradient(90deg,#ffcd3c 75%,#ffffff12 75%)}.signal-bars{height:112px;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:20px 22px 0;border-bottom:1px solid #ffffff20}.signal-bars i{display:block;flex:1;max-width:32px;height:var(--bar);background:linear-gradient(90deg,#ad7e09,#ffdc5f);border:1px solid #ffe69a55;border-bottom:0;border-radius:4px 4px 0 0;transform-origin:bottom;box-shadow:4px 0 0 #6e511950}.visual-caption{display:block;text-align:center;color:#a7a9b0;font-size:9px;letter-spacing:.1em;margin-top:12px}.agency-options h3{font-size:26px}.agency-options p{margin-bottom:0}.focus-phrase{background-image:linear-gradient(#ffd53d,#ffd53d);background-position:left bottom;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:4px;transition:background-size 1.1s cubic-bezier(.2,.7,.2,1) .3s}.is-revealed .focus-phrase{background-size:100% 2px}.problem .focus-phrase{text-decoration:none}.about .focus-phrase{background-image:linear-gradient(#ffd53d,#ffd53d)}
@media(prefers-reduced-motion:no-preference){.energy-travel path{animation:energy-run 9s linear infinite;animation-play-state:paused}.energy-travel path:nth-child(2){animation-delay:-3s}.energy-travel path:nth-child(3){animation-delay:-6s}.hero.motion-active .energy-travel path{animation-play-state:running}.energy-stars{animation:star-glow 5s ease-in-out infinite;animation-play-state:paused}.hero.motion-active .energy-stars{animation-play-state:running}.solution-grid article.motion-active:before{animation:surface-light 7s ease-in-out infinite}.motion-active .card-energy{animation:badge-lift 5s ease-in-out infinite}.motion-active .icon-detail{animation:detail-pulse 3.5s ease-in-out infinite}.motion-active .icon-draw{stroke-dasharray:50;animation:icon-trace 4.5s ease-in-out infinite}.motion-active .icon-ring{transform-origin:12px 12px;animation:ring-pulse 3s ease-in-out infinite}.motion-active .audit-rings:after{animation:audit-spin 9s linear infinite}.motion-active .audit-lines i{animation:line-scan 5s ease-in-out infinite}.motion-active .signal-bars i{animation:bar-rise 4.5s ease-in-out infinite;animation-delay:calc(var(--n)*.12s)}.strategy-panel.motion-active .strategy-row:after{animation:row-signal 5s ease-in-out infinite}.strategy-row:nth-of-type(3):after{animation-delay:1s!important}.strategy-row:nth-of-type(4):after{animation-delay:2s!important}.strategy-panel.motion-active{animation:panel-hover 7s ease-in-out infinite}.hero:not(.motion-active) .device,.hero:not(.motion-active) .tap-signal{animation-play-state:paused}.solution-grid article:not(.motion-active) .card-energy{animation:none}@keyframes energy-run{to{stroke-dashoffset:0}}@keyframes star-glow{50%{opacity:.25}}@keyframes surface-light{0%,15%,100%{background-position:120% 0;opacity:0}35%,65%{opacity:1}80%{background-position:-30% 0;opacity:0}}@keyframes badge-lift{50%{translate:0 -3px;box-shadow:inset 0 1px 1px #ffefa44b,0 9px 15px #0005}}@keyframes detail-pulse{50%{opacity:.4}}@keyframes icon-trace{0%,10%{stroke-dashoffset:50}45%,100%{stroke-dashoffset:0}}@keyframes ring-pulse{50%{scale:1.2;opacity:.4}}@keyframes audit-spin{to{transform:rotate(320deg)}}@keyframes line-scan{50%{scale:.8 1;opacity:.6}}@keyframes bar-rise{0%,100%{scale:1 .7}50%{scale:1 1}}@keyframes row-signal{0%,10%,100%{translate:0 0;opacity:0}25%{opacity:.5}70%{translate:160% 0;opacity:0}}@keyframes panel-hover{50%{transform:translateY(-5px)}}}
@media(max-width:800px){.hero-film-image{background-image:url('/assets/fundo-mobile.png');background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;opacity:.7}.hero-film:after{background:linear-gradient(90deg,#080a0da8,#080a0d45 70%),linear-gradient(0deg,#0c0c0e,transparent 18%)}.energy-field{right:-28%;width:135%;opacity:.58}.hero-film-light{background:radial-gradient(ellipse at 100% 30%,#b485001a,transparent 65%)}.hero h1{font-size:clamp(32px,8.7vw,43px);line-height:1.21}.hero-copy>p{color:#d2d3d6}.solution-grid article,.solution-grid article.featured{padding:26px;border-radius:21px}.solution-grid article .mini-browser,.solution-grid article.featured .solution-preview{max-width:65%;margin-bottom:27px}.solution-grid p{font-size:15px;line-height:1.75}.solution-grid article.featured{min-height:0}.solution-tags{padding-top:24px}.agency-page .solution-grid.agency-options article{padding:24px}.service-visual.audit{gap:15px;padding:18px}.agency-options h3{font-size:25px}.steps article{border-radius:19px;padding:25px}.strategy-panel{padding:24px}.strategy-panel h2{font-size:26px}.strategy-row{gap:13px}.strategy-row strong{font-size:16px}.strategy-row span{font-size:12px}.hero-actions .primary{font-size:14px}.problem-grid article{transform:none!important}}
@media(prefers-reduced-motion:reduce){.focus-phrase{background-size:100% 2px;transition:none}.energy-travel{stroke-dashoffset:0}.hero *, .solution-grid *, .steps *, .strategy-panel *{animation:none!important;scroll-behavior:auto}.strategy-panel{transform:none}}

.page-hidden *, .page-hidden *:before, .page-hidden *:after{animation-play-state:paused!important}
@media(max-width:380px){.service-visual.audit{gap:12px;padding:14px}.audit-rings{width:65px;height:65px}.audit-lines{font-size:8px;letter-spacing:.04em}.strategy-panel{padding:20px}.strategy-row{gap:10px}.strategy-row strong{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.motion-active .solution-preview{animation:screen-float 6s ease-in-out infinite}@keyframes screen-float{0%,100%{transform:perspective(500px) rotateY(-8deg) rotateZ(-2deg)}50%{transform:perspective(500px) rotateY(-3deg) rotateZ(-1deg) translateY(-4px)}}}
/* Gentle cinematic light: restore depth without enlarging the background image. */
.hero .hero-film-light{inset:-8%;z-index:1;background:radial-gradient(ellipse at 82% 65%,#e5a81630,transparent 52%),radial-gradient(ellipse at 98% 20%,#ffcf431a,transparent 40%),linear-gradient(118deg,transparent 43%,#ffce3610 49%,#ffe9a61c 51%,transparent 59%);opacity:.72;transform:translate3d(-2%,1%,0)}
@media(prefers-reduced-motion:no-preference){.hero .hero-film-light{animation:cinematic-gold 14s ease-in-out infinite alternate;animation-play-state:paused}.hero.motion-active .hero-film-light{animation-play-state:running}@keyframes cinematic-gold{0%{transform:translate3d(-3%,2%,0);opacity:.55}50%{opacity:.85}100%{transform:translate3d(3%,-2%,0);opacity:.7}}}
@media(max-width:800px){.hero .hero-film-light{background:radial-gradient(ellipse at 90% 40%,#e9ab1430,transparent 58%),radial-gradient(ellipse at 65% 85%,#ffd34222,transparent 42%),linear-gradient(118deg,transparent 39%,#ffcf3510 49%,#ffe39a18 53%,transparent 64%)}.hero .hero-film-image{opacity:.78}}
@media(prefers-reduced-motion:reduce){.hero .hero-film-light{animation:none;transform:none;opacity:.6}}