/* Grupo Eras — direção de arte Studio. Sem dependências externas de animação. */
:root{--paper:#faf9fc;--ink:#211b2a;--muted:#706779;--purple:#7935d6;--line:#e5dfec;--studio:#110b1b;--accent:#c58cff}
html{scroll-padding-top:100px}
body{line-height:1.65}
.container{width:min(1240px,calc(100% - 64px))}
.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:1001;background:linear-gradient(90deg,#7935d6,#d29aff);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.site-header{background:rgba(250,249,252,.94);border-bottom:1px solid var(--line);box-shadow:none}
.site-header.has-scrolled{box-shadow:0 12px 36px rgba(30,14,47,.08)}
.header-inner{min-height:84px;gap:24px}
.site-nav{gap:25px}
.nav-contact{border-radius:99px;padding:12px 19px;font-size:13px;box-shadow:none;background:#21152f}
.nav-contact:hover{background:#7935d6;color:white}
.button{border-radius:99px;padding:16px 24px;min-height:54px;font-size:14px;line-height:1.3;text-align:center;transition:background-color .25s,box-shadow .25s,transform .25s}
.button-primary{background:#7935d6;box-shadow:0 14px 34px rgba(120,48,219,.25)}
.button-primary:hover{background:#8e48e9;box-shadow:0 18px 40px rgba(120,48,219,.35)}
.eyebrow{font-size:12px;letter-spacing:.13em;line-height:1.6}
.section{padding-block:112px}
h1,h2,h3{letter-spacing:-.05em}
.section-heading h2{font-size:clamp(36px,4.15vw,60px);line-height:1.12}
.reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1),filter .85s ease}

/* O impacto está na composição, não em movimentar todo o conteúdo. */
.hero{display:block;min-height:0;margin:0;padding:0;color:#f9f4ff;background:var(--studio);position:relative;isolation:isolate;overflow:hidden}
.hero:before{z-index:-2;inset:-22% -15% auto auto;width:95%;height:130%;background:radial-gradient(ellipse at 72% 42%,rgba(125,47,206,.34),transparent 53%);animation:studio-light 15s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.16;background-image:linear-gradient(rgba(218,177,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(218,177,255,.18) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 78% 42%,#000,transparent 67%);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;min-height:720px;padding-top:88px;padding-bottom:74px}
.hero-copy{position:relative;z-index:3;min-width:0}
.hero .eyebrow{color:#cfa1ff}.hero .eyebrow-line{background:#cfa1ff;width:30px}
.hero h1{font-size:clamp(46px,4.6vw,70px);line-height:1.09;letter-spacing:-.057em;max-width:720px;margin:28px 0}
.hero h1 em{color:#c58cff;-webkit-text-fill-color:currentColor;background:none;padding:0;font-weight:800;text-shadow:none;animation:none}
.hero-copy>p{max-width:580px;font-size:17px;line-height:1.8;color:#c6b8d2}
.hero-actions{margin-top:34px;gap:24px}
.hero-actions .button{background:#a357ed;color:white;border:1px solid #b571f7;box-shadow:0 10px 35px rgba(136,60,222,.32)}
.hero-actions .button:hover{background:#b56bf5}
.hero .text-link{color:#ead9fa;font-size:14px;border-color:rgba(234,217,250,.4);padding:10px 0}
.hero .text-link:hover{color:white;border-color:white}
.hero .hero-note{color:#a997b9;font-size:12px;line-height:1.65;margin-top:30px;max-width:580px}
.hero .tiny-mark{color:#b87cf1}
.hero .hero-proof{gap:12px 18px;margin-top:19px}
.hero .hero-proof span{background:none;border:none;box-shadow:none;backdrop-filter:none;color:#cbbdd5;font-size:12px;padding:0;gap:8px}
.hero .hero-proof span:before{width:4px;height:4px;background:#b581ec;box-shadow:none}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #382344;min-height:78px;font-size:11px;letter-spacing:.12em;color:#a18bae}
.hero-bottom a{color:#e5cff5;font-size:12px;letter-spacing:0;border-bottom:1px solid #6d437f}
.hero-art{min-height:520px;perspective:1200px;transform:none}
.hero .hero-art:before,html[data-theme="dark"] .hero .hero-art:before{background:radial-gradient(ellipse,#633392 0,rgba(85,40,130,.48) 35%,transparent 70%);filter:blur(20px);inset:0 -10%}
.hero .orbit,html[data-theme="dark"] .hero .orbit{border-color:rgba(187,133,231,.19)}
.hero .orbit-one{width:460px;height:460px}.hero .orbit-two{width:540px;height:310px;animation:studio-orbit 22s ease-in-out infinite alternate}
.hero-device{width:100%;display:flex;justify-content:center;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease;transform-style:preserve-3d}
.hero .mock-window,html[data-theme="dark"] .hero .mock-window{width:min(430px,96%);color:#f6ebff;background:rgba(30,19,44,.97);border:1px solid #604079;border-radius:20px;box-shadow:0 35px 95px rgba(0,0,0,.43),0 0 60px rgba(135,60,205,.12);animation:studio-float 7s ease-in-out infinite}
.hero .window-bar{border-color:#3c284c;color:#ab91bd;height:43px;font-size:11px}
.hero .window-dots i{background:#513366}.hero .window-dots i:first-child{background:#c991f6}
.hero .window-content{padding:26px}.hero .mock-heading{font-size:23px;line-height:1.35;margin-bottom:20px}
.hero .mock-logo{background:#0d0814}.hero .mock-step{border-color:#3c284c;padding:17px 10px;gap:12px}
.hero .mock-step small{color:#b19cc1;font-size:10px;letter-spacing:.06em}
.hero .mock-step strong{font-size:14px;font-weight:700}
.hero .step-number{background:#3a2352;color:#c593f4;font-size:11px}
.hero .step-check{background:#42305c;color:#cda0ff;border:1px solid #765299}
.hero .mock-step.active,html[data-theme="dark"] .hero .mock-step.active{background:#402257;border-color:#8756ad}
.hero .step-arrow{color:#e6b2ff}.hero .mock-bottom{color:#bba2cd;font-size:12px}.hero .mock-bottom b,html[data-theme="dark"] .hero .mock-bottom b{color:#e5c8f8}
.hero .float-label,html[data-theme="dark"] .hero .float-label{background:rgba(49,28,68,.95);border:1px solid #71528a;color:#efddff;box-shadow:0 20px 50px rgba(0,0,0,.2);font-size:12px;backdrop-filter:blur(12px)}
.hero .label-top{right:-10px;top:2%;animation:label-drift 6s ease-in-out infinite alternate}
.hero .label-bottom{left:-8px;bottom:5%;animation:label-drift 6s -3s ease-in-out infinite alternate}
.hero .label-icon{color:#cc9ff4}.hero .pulse-dot{background:#bd85ea;box-shadow:0 0 15px #9154bf}
.marquee-strip{height:62px;background:#1e102d;border-color:#442157}
.marquee-group{gap:26px;padding-right:26px;word-spacing:normal;letter-spacing:.12em}
.marquee-group span{font-size:12px}

/* Serviços como um conjunto editorial, com uma entrada mais forte. */
.solutions .section-heading{grid-template-columns:1.4fr .7fr;column-gap:60px;margin-bottom:48px}
.solutions .section-heading h2{font-size:clamp(36px,3.8vw,56px)}
.solutions .section-heading>p{font-size:16px;line-height:1.8}
.solution-grid{grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.solution-card{min-height:470px;border-radius:8px;padding:30px;position:relative;background:#fff;isolation:isolate;box-shadow:none;border-color:#e2d9eb}
.solution-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(340px at var(--spot-x,-400px) var(--spot-y,-400px),rgba(149,87,228,.13),transparent 70%);pointer-events:none}
.solution-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(45,18,65,.07)}
.solution-card.featured{background:#241330;color:#f7eaff;border-color:#573566;box-shadow:none}
.solution-card.featured:before{background:radial-gradient(340px at var(--spot-x,-400px) var(--spot-y,-400px),rgba(177,112,248,.22),transparent 70%)}
.card-index{font-size:12px;letter-spacing:.08em;color:#8a719c}
.solution-icon{margin:26px 0 22px;width:64px;height:64px;border-radius:50%;font-size:32px;box-shadow:none;background:#efe4fd}
.featured .solution-icon{background:#50306a}
.solution-card h3{font-size:25px;line-height:1.25;letter-spacing:-.045em}
.solution-card p{font-size:16px;line-height:1.75;flex:1}
.solution-card ul{font-size:14px;gap:9px;margin:15px 0 24px}
.card-rule{padding-top:18px;margin-top:0}.card-foot{font-size:12px}
.solution-cta{margin-top:28px;padding:32px 34px;border-radius:8px;gap:34px;background:#22122f;box-shadow:none}
.solution-cta h3{font-size:28px}.solution-cta>p{font-size:15px}.solution-cta>div>span{font-size:11px}

/* Prova de trabalho publicada, sem métricas inventadas. */
.projects{background:#110b1b;padding:105px 0 185px;border:0}
.projects-heading{margin-bottom:45px}
.projects-heading h2{font-size:clamp(40px,4.4vw,66px);line-height:1.1}
.projects-heading h2 span{color:#ae84cd}
.projects-heading p{font-size:17px;max-width:650px}
.projects-hint{font-size:13px!important;max-width:100%!important}
.featured-work{display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center;margin-bottom:68px}
.case-cover{min-height:390px;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:26px;border-radius:12px;isolation:isolate;overflow:hidden;border:1px solid #794c94;background:linear-gradient(135deg,#432253,#2f193a 58%,#644277);transition:transform .45s ease,box-shadow .45s ease}
.case-cover:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(440px at var(--spot-x,70%) var(--spot-y,30%),rgba(233,201,255,.2),transparent 72%);pointer-events:none}
.case-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.04) 16%,transparent 17%,transparent 70%,rgba(255,255,255,.06) 71%,transparent 72%);pointer-events:none}
.case-cover:hover{transform:translateY(-4px);box-shadow:0 30px 65px rgba(0,0,0,.2)}
.case-cover img{width:min(88%,390px);height:auto;max-height:170px;object-fit:contain;align-self:center;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.case-cover:hover img{transform:scale(1.045)}
.case-top,.case-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;letter-spacing:.08em;color:#dcc9e7}
.case-live{padding:6px 10px;border:1px solid #a582b9;border-radius:99px;font-size:12px;letter-spacing:0;color:#fff}
.case-bottom>span:last-child{font-size:14px;letter-spacing:0;color:#fff}
.case-copy .eyebrow{font-size:11px;color:#c793e9}
.case-copy h3{font-size:64px;line-height:1.05;margin:20px 0;color:#fff;font-weight:800;letter-spacing:-.06em}.case-copy h3 span{color:#b478e5}
.case-copy>p{font-size:16px;color:#bbacc6;line-height:1.8;margin-bottom:24px}
.case-copy dl{margin:0 0 28px;display:grid;gap:16px}
.case-copy dl>div{padding-top:15px;border-top:1px solid #392744}
.case-copy dt{font-size:12px;color:#c890f1;font-weight:800;letter-spacing:.04em;margin-bottom:5px}
.case-copy dd{font-size:15px;line-height:1.65;color:#d6c9de;margin:0}
.case-copy .button{font-size:14px}
.portfolio-note{display:flex;justify-content:space-between;gap:28px;border-top:1px solid #392544;padding-top:24px;margin-bottom:24px;color:#b4a0c2}
.portfolio-note>span{font-size:11px;font-weight:800;letter-spacing:.15em;white-space:nowrap}
.portfolio-note>p{font-size:13px;margin:0;max-width:650px}
.clients-window{max-width:1060px;height:230px;margin:0 auto;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.client-tooltip{border-color:#8852b2;background:#281536}
.clients-window:hover .clients-track.ready,.clients-window:focus-within .clients-track.ready{animation-play-state:running}
.clients-window .clients-track.ready.is-inspecting{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.clients-window:hover .clients-track.ready{animation-play-state:paused}}

.process{grid-template-columns:1fr 1fr;gap:70px}
.process .section-heading h2 span,html[data-theme="dark"] .process .section-heading h2 span{color:#9252c9;background:none;-webkit-text-fill-color:currentColor;animation:none}
.process-item{padding:28px 25px;border-radius:8px;column-gap:20px;background:var(--white);box-shadow:none}
.process-item h3{font-size:21px}.process-item p{font-size:16px;line-height:1.75}
.process-item>span{width:34px;height:34px;font-size:12px}
.process-flow{font-size:12px;gap:12px}.process-flow i{width:30px}
.process-intro{font-size:17px!important;line-height:1.8}

.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}
.faq-section .section-heading{margin:0}.faq-section h2{max-width:530px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 0 4px}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-family:'Manrope',sans-serif;font-size:17px;font-weight:800;line-height:1.5;letter-spacing:-.02em;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";flex:none;font:400 25px/1 'DM Sans',sans-serif;color:var(--purple);transition:transform .3s}
.faq-list details[open] summary:after{transform:rotate(45deg)}
.faq-list details>p{font-size:16px;color:var(--muted);line-height:1.8;margin:0 25px 24px 0;animation:faq-enter .4s ease both}
.faq-list summary:hover{color:var(--purple)}

.closing,html[data-theme="dark"] .closing{background:#271035;padding:105px 0 100px}
.closing:before{content:"";position:absolute;inset:-35% -40% -55% 30%;background:radial-gradient(ellipse,rgba(140,64,204,.38),transparent 65%);animation:studio-light 13s ease-in-out infinite alternate;pointer-events:none}
.closing-inner{display:grid;grid-template-columns:1fr 280px;gap:65px;align-items:center}
.closing h2{font-size:clamp(38px,4.2vw,62px);line-height:1.13;letter-spacing:-.05em}
.closing p{color:#d0bbdb}.closing .eyebrow{color:#c88eed}
.closing-actions{align-items:stretch;gap:14px}
.closing .button-light{background:#fff;color:#30153e}
.closing .contact-email,html[data-theme="dark"] .closing .contact-email{color:#f0deff;background:transparent;border:1px solid #8e60a6}
.closing .contact-email:hover{background:#62347b}
.closing-actions small{color:#b6a0c3;font-size:12px;text-align:center;line-height:1.65}
.closing-email{text-align:center;overflow-wrap:anywhere;border:0;color:#d5bbdf;font-size:13px}
.closing-points span{font-size:12px;letter-spacing:0;border-color:#6e437f}
.footer{padding-block:34px;min-height:130px}.footer p{font-size:13px}.footer-links{font-size:13px}
html[data-theme="dark"]{--paper:#15101c;--white:#21172b;--ink:#f4ebfa;--muted:#b8a9c6;--line:#3b2949}
html[data-theme="dark"] .site-header{background:rgba(21,16,28,.94);border-color:#3b2949}
html[data-theme="dark"] .solution-card{background:#21172b;border-color:#4a325b}
html[data-theme="dark"] .solution-card.featured{background:#321743;border-color:#714187}
html[data-theme="dark"] .solution-icon{background:#3a2450;color:#c78eff}
html[data-theme="dark"] .solution-card p{color:#c2b3cf}

@keyframes studio-light{to{transform:translate(-3%,3%) scale(1.1);opacity:.75}}
@keyframes studio-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-11px) rotate(-1deg)}}
@keyframes studio-orbit{to{transform:rotate(45deg) scale(.96)}}
@keyframes label-drift{to{transform:translateY(-8px) rotate(-2deg)}}
@keyframes faq-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  .hero-inner{gap:22px;grid-template-columns:1.05fr .95fr;padding-top:72px}
  .hero h1{font-size:clamp(43px,5.3vw,62px)}
  .hero .hero-art{min-height:450px}
  .hero .orbit-one{width:400px;height:400px}.hero .orbit-two{width:460px}
  .hero .label-top{right:0}.hero .label-bottom{left:0}
  .solution-card{padding:25px}.solution-card h3{font-size:22px}
  .solutions .section-heading{gap:35px}.solution-cta{grid-template-columns:1fr 1fr}.solution-cta .button{grid-column:1/-1;justify-self:start}
  .featured-work{gap:35px}.case-cover{min-height:370px}
  .process,.faq-section{gap:45px}
  .closing-inner{grid-template-columns:1fr 240px;gap:40px}
}
@media(max-width:900px){
  .solutions .section-heading{display:block}.solutions .section-heading>p{margin-top:24px;max-width:600px}
}
@media(max-width:850px){
  .container{width:calc(100% - 40px)}
  .header-inner{min-height:72px;gap:12px}
  .hero-inner{grid-template-columns:1fr;gap:25px;min-height:0;padding-top:65px;padding-bottom:35px}
  .hero-copy{max-width:650px}.hero h1{font-size:clamp(45px,7.8vw,68px)}
  .hero-art{min-height:500px;max-width:540px;width:100%;margin:auto}
  .hero .orbit-one{width:460px;height:460px}.hero .orbit-two{width:530px}
  .hero-coordinate{display:none}.hero-bottom{font-size:10px;min-height:65px}
  .solutions .section-heading{display:block}.solutions .section-heading>p{margin-top:24px;max-width:600px}
  .solution-grid{grid-template-columns:1fr}.solution-card{min-height:0;padding:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}
  .card-index,.solution-icon,.solution-card h3,.solution-card p{grid-column:1}.solution-card ul{grid-column:2;grid-row:2/5;align-content:center;margin:0;font-size:15px}.card-rule,.card-foot{grid-column:1/-1}
  .solution-card p{margin-bottom:25px}.solution-icon{margin:20px 0}.solution-card h3{font-size:26px}
  .featured-work{grid-template-columns:1fr;gap:35px}.case-cover{min-height:360px}.case-copy{max-width:650px}
  .portfolio-note{flex-direction:column;gap:8px}.projects{padding-top:80px}
  .process,.faq-section{grid-template-columns:1fr;gap:36px}
  .closing-inner{grid-template-columns:1fr;gap:35px}.closing-actions{max-width:380px;width:100%}
  .section{padding-block:80px}.closing{padding-block:80px}.projects-heading h2{font-size:50px}
}
@media(max-width:540px){
  .container{width:calc(100% - 32px)}
  .hero-inner{padding-top:48px}.hero h1{font-size:clamp(39px,10.8vw,54px);letter-spacing:-.052em;margin:22px 0;line-height:1.13}
  .hero-copy>p{font-size:16px}.hero .eyebrow{font-size:10px;letter-spacing:.09em}
  .hero-actions{flex-direction:column;align-items:stretch;gap:17px;margin-top:28px}.hero-actions .button{width:100%}.hero-actions .text-link{align-self:flex-start}
  .hero .hero-note{font-size:12px;margin-top:25px}.hero .hero-proof{gap:10px 16px}.hero .hero-proof span{font-size:11px}
  .hero .hero-art{min-height:420px;margin-top:10px}
  .hero .mock-window{width:94%}.hero .window-content{padding:21px 18px}.hero .mock-heading{font-size:21px}.hero .mock-step strong{font-size:13px}
  .hero .orbit-one{width:340px;height:340px}.hero .orbit-two{width:390px;height:220px}
  .hero .float-label{font-size:10px;padding:9px 12px}.hero .label-top{top:-3px;right:0}.hero .label-bottom{bottom:0;left:0}
  .hero-bottom{gap:15px;align-items:flex-start;padding-block:20px;font-size:9px}.hero-bottom>span{max-width:170px}.hero-bottom a{font-size:11px;white-space:nowrap}
  .marquee-strip{height:50px}.marquee-group{gap:20px;padding-right:20px}.marquee-group span{font-size:10px}
  .section-heading h2,.solutions .section-heading h2{font-size:36px}.solution-card{display:flex;padding:26px}.solution-card ul{margin:15px 0 25px;font-size:14px}.solution-card h3{font-size:25px}.solution-card p{font-size:16px;margin-bottom:0}
  .solution-cta{grid-template-columns:1fr;gap:22px;padding:27px 24px}.solution-cta .button{grid-column:auto;justify-self:stretch}.solution-cta h3{font-size:27px}.solution-cta>p{font-size:15px}
  .projects{padding:75px 0 170px}.projects-heading h2{font-size:40px}.projects-heading p{font-size:16px}.projects-hint{font-size:12px!important}
  .case-cover{padding:21px;min-height:285px;gap:28px}.case-top,.case-bottom{font-size:9px;gap:10px}.case-live{font-size:10px;padding:5px 8px}.case-bottom>span:last-child{font-size:12px}.case-copy h3{font-size:52px}
  .featured-work{margin-bottom:45px}.portfolio-note>p{font-size:13px}
  .clients-window{height:190px}.client-logo-button{width:155px;height:138px}.client-logo-leppurk img{max-width:144px}
  .process-item{padding:24px 20px;column-gap:15px}.process-item h3{font-size:20px}.process-item p{font-size:15px}.process-flow{gap:9px;font-size:11px}
  .faq-list summary{font-size:16px;padding-block:22px}.faq-list details>p{font-size:15px}
  .closing h2{font-size:38px}.closing p{font-size:16px}.closing-points{gap:8px}.closing-points span{font-size:11px}
  .closing-break{display:block}.closing-actions{max-width:none}.closing-actions small{font-size:12px}
  .footer{gap:16px;font-size:11px}.footer p{font-size:12px}.footer-links{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero:before,.hero .orbit,.hero .mock-window,.hero .float-label,.closing:before,.faq-list details>p{animation:none}
  .hero-device{transform:none;transition:none}.case-cover,.case-cover img{transition:none}
  .reveal{opacity:1;filter:none;transform:none}
}

/* Studio / 22 — pequenas experiências no lugar de ícones genéricos. */
.solution-card{min-height:585px;border-radius:14px;padding:28px;display:flex;flex-direction:column}
.solution-card h3{max-width:none}.solution-card ul{font-size:14px}
.service-preview{position:relative;height:152px;flex:none;margin:25px 0;border:1px solid #e0d3ef;border-radius:10px;background:#f9f5ff;overflow:hidden;color:#342241}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #e8ddf2;font-size:12px}
.preview-toolbar b{font-weight:700}.preview-toolbar>span{color:#b492d2;font-size:8px;letter-spacing:3px}
.preview-site-content{position:relative;padding:14px 16px;isolation:isolate}
.preview-site-content>strong{display:block;font:800 19px/1.25 'Manrope',sans-serif;letter-spacing:-.04em}
.preview-site-accent{position:absolute;z-index:-1;right:-10px;top:-20px;width:140px;height:140px;background:radial-gradient(circle,#dfbfff,transparent 68%);animation:preview-aura 8s ease-in-out infinite alternate;pointer-events:none}
.preview-pills{display:flex;gap:7px;margin-top:12px}.preview-pills span{font-size:11px;padding:3px 8px;border:1px solid #cdb1e6;border-radius:99px;color:#774b9a}
.preview-booking{background:#301b40;border-color:#684482;color:#f5e9ff}.preview-booking .preview-toolbar{border-color:#57326e}.preview-booking .preview-toolbar>span{color:#b179d5}
.preview-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 14px 11px}
.preview-time-grid span{display:grid;place-items:center;padding:8px 0;border:1px solid #644278;border-radius:6px;font-size:12px;color:#cbb4db}
.preview-time-grid .preview-time-selected{color:#fff;background:#8142b5;border-color:#c58dee;animation:time-selected 7s ease-in-out infinite}
.preview-confirmation{display:flex;align-items:center;gap:8px;font-size:11px;padding:0 14px;color:#cba9e2}
.preview-confirmation i{font-style:normal;color:#e1b6ff;animation:preview-check 7s ease-in-out infinite}
.preview-flow{display:flex;align-items:center;justify-content:center;padding:21px 12px 16px}
.preview-flow>span{font-size:11px;background:white;border:1px solid #dac8eb;border-radius:6px;padding:7px 8px;position:relative;z-index:1}
.preview-flow>i{height:1px;flex:1;background:#d4bce9;position:relative;overflow:hidden;min-width:10px}
.preview-flow>i:after{content:"";position:absolute;inset:0;width:70%;background:#9d58d4;animation:flow-pass 3.4s ease-in-out infinite}.preview-flow>i:nth-of-type(2):after{animation-delay:1.1s}
.preview-task{display:flex;gap:7px;align-items:center;justify-content:center;color:#87669d;font-size:11px}
.preview-task-check{color:#8b41ca;animation:preview-check 7s 1s ease-in-out infinite}
.service-link{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e4d9ee;margin-top:18px;padding-top:17px;font-size:14px;font-weight:800;color:#7935bd;transition:color .25s}
.service-link:after{content:"+";font-size:24px;font-weight:400;line-height:1;color:#a578c5;transition:transform .3s}.service-link:hover:after{transform:rotate(90deg)}
.featured .service-link{color:#e5c7fa;border-color:#553768}.featured .service-link:after{color:#c493e6}
.card-foot{margin-top:0}.card-rule{margin-top:auto}
.solution-grid .reveal:nth-child(2){transition-delay:.08s}.solution-grid .reveal:nth-child(3){transition-delay:.16s}
html[data-theme="dark"] .service-preview:not(.preview-booking){color:#f2e5fb;background:#291a38;border-color:#5a3a71}
html[data-theme="dark"] .preview-toolbar{border-color:#513169}html[data-theme="dark"] .preview-pills span{color:#d0a6ef;border-color:#6c458a}
html[data-theme="dark"] .preview-site-accent{opacity:.23}html[data-theme="dark"] .preview-flow>span{background:#3b2450;border-color:#785198}
html[data-theme="dark"] .preview-task{color:#c9abdc}html[data-theme="dark"] .service-link{color:#d09df4;border-color:#55346c}

/* Demande só o necessário: menos fricção, mais contexto para uma boa resposta. */
.request-section .section-heading{max-width:820px;margin-bottom:45px}
.request-section .section-heading>p{font-size:17px;line-height:1.8;max-width:670px}
.request-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:start}
.project-form{min-width:0;padding:32px;border:1px solid #e0d5ec;border-radius:16px;background:var(--white);box-shadow:0 22px 65px rgba(52,22,82,.06);display:grid;gap:26px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:grid;gap:9px;min-width:0}
.form-field>label,.choice-field legend{font-size:14px;font-weight:700;color:var(--ink);line-height:1.6}
.project-form input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),.project-form textarea{width:100%;min-width:0;border:1px solid #e5dfed;background:#f8f5fc;color:var(--ink);border-radius:8px;padding:13px 14px;font:400 16px/1.5 'DM Sans',Arial,sans-serif;transition:border-color .25s,box-shadow .25s,background .25s}
.project-form textarea{resize:vertical;min-height:120px;max-height:450px}
.project-form input:focus,.project-form textarea:focus{outline:2px solid #b989ee;outline-offset:2px;border-color:#a775d4;background:#fff}
.choice-field{border:0;padding:0;margin:0;min-width:0}.choice-field legend{padding:0;margin-bottom:12px}
.form-choices{display:flex;flex-wrap:wrap;gap:9px}.form-choices>label{position:relative;cursor:pointer}
.form-choices input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.form-choices label>span{display:block;padding:10px 13px;border:1px solid #e0d6e9;border-radius:99px;background:white;color:#6e5b7e;font-size:14px;line-height:1.4;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.form-choices label:hover>span{border-color:#a77aca}.form-choices input:checked+span{background:#7635b7;border-color:#7635b7;color:#fff;box-shadow:0 5px 16px rgba(118,53,183,.12)}
.form-choices input:focus-visible+span{outline:3px solid #bd8be8;outline-offset:3px}
.form-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:var(--muted);cursor:pointer}.form-consent input{flex:none;width:17px;height:17px;margin:2px 0 0;accent-color:#7935bd}
.form-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.form-actions>.button{border:0;cursor:pointer}.form-actions>.button:disabled{cursor:wait;opacity:.7;transform:none}
.form-alternative{font-size:14px;font-weight:700;color:#7e489f;border-bottom:1px solid #d7bce9}.form-notice{font-size:12px!important;color:var(--muted);line-height:1.8;margin:0}
.form-trap{display:none!important}.form-result{padding:16px;border:1px solid #b987dc;background:#f3e6ff;color:#602388;border-radius:8px;font-size:14px;margin:0}.form-result[hidden]{display:none}
.request-side{position:sticky;top:110px;min-width:0}
.message-preview{position:relative;overflow:hidden;border:1px solid #68427e;border-radius:18px;background:linear-gradient(145deg,#251037,#120b1f);color:#fff;box-shadow:0 30px 65px rgba(47,19,75,.17)}
.message-preview-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #482652}.message-preview-header>img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(157,74,225,.3))}
.message-preview-header>div{display:grid;gap:3px}.message-preview-header strong{font-size:17px;letter-spacing:-.03em}.message-preview-header>div>span{font-size:12px;color:#ac8cbf}
.message-preview-header .preview-label{font-size:10px;color:#c49cdb;letter-spacing:.08em;border:1px solid #724488;padding:4px 7px;border-radius:4px;margin-left:auto}
.message-preview-body{position:relative;padding:30px 24px 24px;min-height:285px;display:flex;flex-direction:column;align-items:flex-end;gap:20px;isolation:isolate}
.message-preview-body:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 95% 20%,rgba(155,58,231,.17),transparent 65%);pointer-events:none}
#request-preview{width:90%;max-height:430px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;margin:0;padding:22px;background:linear-gradient(140deg,#682caf,#a142d5);border:1px solid #af72d0;border-radius:15px 15px 4px 15px;box-shadow:0 16px 40px rgba(105,38,162,.28)}
.preview-typing{display:flex;gap:5px;align-self:flex-start;background:#392346;border:1px solid #5a3a70;padding:13px 14px;border-radius:10px 10px 10px 3px}.preview-typing i{width:4px;height:4px;background:#bd9ccf;border-radius:50%;animation:typing-dot 1.7s ease-in-out infinite}.preview-typing i:nth-child(2){animation-delay:.18s}.preview-typing i:nth-child(3){animation-delay:.36s}
.message-preview-footer{border-top:1px solid #482652;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;font-size:12px;color:#b39ac2}.message-preview-footer>span:last-child{font-size:20px;color:#a66bd0}
.request-expectation{padding:30px 8px 0}.request-number{font-size:12px;font-weight:800;letter-spacing:.13em;color:#a879ca}.request-expectation h3{font-size:26px;margin:12px 0;letter-spacing:-.04em}.request-expectation p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 18px}.request-expectation a{font-size:14px;color:var(--purple);font-weight:700;overflow-wrap:anywhere}
html[data-theme="dark"] .project-form{border-color:#533466;box-shadow:0 22px 65px rgba(0,0,0,.08)}
html[data-theme="dark"] .project-form input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),html[data-theme="dark"] .project-form textarea{background:#1a1125;border-color:#513361;color:#f5eafa}
html[data-theme="dark"] .form-choices label>span{background:#25162f;color:#d4bde4;border-color:#5e3c73}html[data-theme="dark"] .form-choices input:checked+span{background:#813eb7;color:#fff;border-color:#ab6ed7}
html[data-theme="dark"] .form-alternative{color:#d29cf1;border-color:#76518e}html[data-theme="dark"] .form-result{background:#382045;border-color:#9863b9;color:#f1ddff}

/* Um encerramento memorável: marca, luz difusa e órbitas discretas. */
.closing.closing-studio,html[data-theme="dark"] .closing.closing-studio{padding:100px 0 90px;background:#160b24;isolation:isolate}
.closing-studio:before{inset:-20% -15%;background:radial-gradient(ellipse at 50% 36%,rgba(129,45,190,.28),transparent 65%);z-index:-2}
.closing-studio:after{inset:0;width:auto;height:auto;right:0;top:0;border:0;border-radius:0;box-shadow:none;background-image:radial-gradient(circle at 13% 28%,#bd86e8 0 1px,transparent 2px),radial-gradient(circle at 82% 30%,#bd86e8 0 1px,transparent 2px),radial-gradient(circle at 20% 74%,#e5c5ff 0 1px,transparent 2px),radial-gradient(circle at 91% 78%,#bd86e8 0 1px,transparent 2px),radial-gradient(circle at 5% 58%,#bd86e8 0 1px,transparent 2px),radial-gradient(circle at 69% 14%,#e5c5ff 0 1px,transparent 2px);opacity:.5;z-index:-1;animation:star-shimmer 8s ease-in-out infinite alternate}
.closing-studio .closing-inner{display:block;text-align:center}.closing-studio .closing-inner>div{max-width:960px;margin-inline:auto}
.closing-studio .closing-emblem{position:relative;display:grid;place-items:center;width:160px;height:160px;margin:0 auto 25px;isolation:isolate}
.closing-emblem:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(173,74,246,.3),transparent 67%);animation:emblem-breathe 5s ease-in-out infinite alternate}
.closing-emblem>img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(144,48,225,.45));animation:emblem-float 6s ease-in-out infinite}
.emblem-orbit{position:absolute;inset:10px;border:1px solid rgba(176,118,224,.23);border-radius:50%;animation:emblem-spin 18s linear infinite}.emblem-orbit-two{inset:0;transform:rotateX(38deg);animation-duration:26s;animation-direction:reverse;border-color:rgba(176,118,224,.12)}
.emblem-orbit:after{content:"";position:absolute;top:20px;left:14px;width:5px;height:5px;border-radius:50%;background:#d3a1fa;box-shadow:0 0 14px #b16de6}
.closing-studio .eyebrow{justify-content:center;font-size:12px;letter-spacing:.16em}
.closing-studio h2{max-width:960px;font-size:clamp(40px,4.7vw,68px);line-height:1.16;margin:25px auto;letter-spacing:-.055em;padding:0 4px}
.closing-studio h2>span{color:#c081f4;display:inline;-webkit-text-fill-color:currentColor;background:none}
.closing-studio .closing-break{display:block}.closing-studio .closing-copy>p{max-width:650px;margin:0 auto;font-size:17px;line-height:1.8;color:#bba7ca}
.closing-studio .closing-points{justify-content:center;margin-top:28px}.closing-studio .closing-points span{font-size:12px;border-color:#4c2b62;background:none}
.closing-studio .closing-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:35px}
.closing-studio .closing-project,html[data-theme="dark"] .closing-studio .closing-project{background:#9550d9;color:#fff;border:1px solid #b778e9;box-shadow:0 12px 35px rgba(137,62,205,.18);white-space:normal}
.closing-studio .closing-project:hover{background:#a767e0}.closing-studio .closing-instagram{color:#e1c7f1;border:1px solid #624077;background:transparent;white-space:normal}
.closing-studio .closing-instagram:hover{background:#39204c}.closing-email-group{display:flex;align-items:center;justify-content:center;gap:10px;flex-basis:100%;margin-top:8px;min-width:0}
.closing-studio .closing-email{font-size:14px;padding:0;border:0}.copy-email{font:700 12px/1.3 'DM Sans',sans-serif;padding:9px 12px;background:#3d2451;border:1px solid #68477c;border-radius:6px;color:#e4c7f6;transition:background .25s}.copy-email:hover{background:#56316d}
.copy-feedback{flex-basis:100%;min-height:22px;font-size:12px;color:#cba8e5;line-height:1.7}
@keyframes preview-aura{to{transform:translate(-35px,15px) scale(1.15)}}
@keyframes time-selected{0%,18%,100%{box-shadow:none;opacity:.72}32%,84%{box-shadow:0 0 18px rgba(188,100,247,.2);opacity:1}}
@keyframes preview-check{0%,20%,100%{opacity:.25;transform:scale(.8)}35%,85%{opacity:1;transform:scale(1)}}
@keyframes flow-pass{0%{transform:translateX(-110%)}80%,100%{transform:translateX(150%)}}
@keyframes typing-dot{0%,70%,100%{opacity:.3;transform:none}35%{opacity:1;transform:translateY(-3px)}}
@keyframes emblem-spin{to{transform:rotate(360deg)}}
@keyframes emblem-breathe{to{transform:scale(1.13);opacity:.6}}
@keyframes emblem-float{50%{transform:translateY(-6px)}}
@keyframes star-shimmer{to{opacity:.2}}
@media(max-width:1100px){.solution-card{padding:24px}.service-preview{height:148px}.preview-flow>span{padding:7px 5px;font-size:10px}.request-grid{gap:25px}.project-form{padding:26px}.message-preview-header{padding:20px}.message-preview-header .preview-label{display:none}.message-preview-body{padding:25px 20px}}
@media(max-width:950px){.request-grid{grid-template-columns:1fr}.request-side{position:static;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.request-expectation{padding:0}.message-preview-body{min-height:260px}.request-section .section-heading{max-width:700px}}
@media(max-width:850px){.solution-card{min-height:0;display:flex}.service-preview{height:148px;max-width:100%;margin:20px 0}.preview-flow{padding-top:25px}.preview-flow>span{font-size:12px;padding:7px 14px}.solution-card ul{margin:17px 0 24px}.service-link{font-size:14px}.closing-studio .closing-actions{max-width:100%;width:100%}.closing-studio h2{font-size:clamp(40px,6.4vw,58px)}}
@media(max-width:620px){
  .request-side{grid-template-columns:1fr;gap:25px}.request-expectation{padding:0 5px}.project-form{padding:24px 20px;gap:24px}.form-row{grid-template-columns:1fr;gap:20px}
  .form-actions{flex-direction:column;align-items:stretch;gap:18px}.form-actions .button{width:100%}.form-alternative{align-self:center}.form-choices{gap:8px}.form-choices label>span{font-size:13px;padding:10px 12px}
  .message-preview-header{padding:20px}.message-preview-body{padding:25px 20px}#request-preview{padding:20px;font-size:15px;width:95%}.message-preview-footer{padding:16px 20px}
  .closing.closing-studio,html[data-theme="dark"] .closing.closing-studio{padding:65px 0 55px}.closing-studio .closing-emblem{width:135px;height:135px;margin-bottom:20px}.closing-emblem>img{width:72px;height:72px}
  .closing-studio h2{font-size:clamp(36px,8.8vw,48px);line-height:1.18;letter-spacing:-.045em}.closing-studio .closing-copy>p{font-size:16px}.closing-studio .closing-points{gap:8px}
  .closing-studio .closing-actions{gap:12px}.closing-studio .closing-actions>.button{width:100%;max-width:380px}.closing-studio .closing-email{font-size:13px}.closing-email-group{gap:8px}.copy-email{font-size:12px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
  .preview-site-accent,.preview-time-selected,.preview-confirmation i,.preview-task-check,.preview-flow>i:after,.preview-typing i,.closing-studio:after,.closing-emblem:before,.closing-emblem>img,.emblem-orbit{animation:none;transform:none;opacity:1}
  .service-link:after,.form-choices label>span,.project-form input,.project-form textarea,.copy-email,.button,.reveal{transition:none}.solution-grid .reveal{transition-delay:0s}
}

/* Studio / 23 — as prévias executam uma pequena história, não só um brilho. */
.service-preview{height:165px;overflow:hidden;transform:perspective(850px) rotateX(var(--preview-x,0deg)) rotateY(var(--preview-y,0deg));transition:transform .45s ease,border-color .35s,box-shadow .35s;box-shadow:0 10px 25px rgba(84,37,124,.04)}
.solution-card:hover .service-preview{border-color:#bf94e1;box-shadow:0 16px 32px rgba(84,37,124,.1)}
.preview-display{position:relative;animation:screen-breathe 8s ease-in-out infinite;transform-origin:50% 0}
.preview-toolbar{position:relative;z-index:2;background:inherit}
.preview-site-content{padding:15px 16px}.preview-site-content>strong{animation:site-heading-enter 8s ease-in-out infinite}
.preview-pills span{animation:site-element-enter 8s ease-in-out infinite}.preview-pills span:nth-child(2){animation-delay:.25s}
.preview-site-button{position:absolute;right:14px;bottom:2px;padding:5px 9px;border-radius:5px;font-size:10px;color:#fff;background:#8743be;box-shadow:0 5px 15px rgba(116,53,183,.15);animation:site-button-press 8s ease-in-out infinite}
.preview-cursor{position:absolute;z-index:3;display:block;width:19px;height:24px;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(41,13,58,.2))}
.preview-cursor svg{width:100%;height:100%;fill:#fcf5ff;stroke:#8043aa;stroke-width:1.5;stroke-linejoin:round}
.preview-site .preview-cursor{left:78%;top:75%;animation:site-cursor-path 8s ease-in-out infinite}
.preview-booking .preview-cursor{left:58%;top:53%;animation:booking-cursor-path 8s ease-in-out infinite}
.preview-booking .preview-cursor svg{stroke:#4a1e66}
.preview-time-grid .preview-time-selected{animation:booking-select 8s ease-in-out infinite}
.preview-confirmation{animation:booking-confirm 8s ease-in-out infinite}.preview-confirmation i{animation:none}
.preview-click-ring{position:absolute;left:50%;top:52%;width:25px;height:25px;border:1px solid #d7a3ff;border-radius:50%;pointer-events:none;animation:booking-click 8s ease-out infinite}
.preview-flow>span{animation:flow-node 8s ease-in-out infinite}.preview-flow>span:nth-of-type(2){animation-delay:1.6s}.preview-flow>span:nth-of-type(3){animation-delay:3.2s}
.preview-flow>i{height:2px;overflow:visible}.preview-flow>i:after{width:6px;height:6px;top:-2px;border-radius:50%;box-shadow:0 0 8px #a564de;animation:flow-delivery 8s ease-in-out infinite}.preview-flow>i:nth-of-type(2):after{animation-delay:1.6s}
.preview-task{animation:workflow-complete 8s ease-in-out infinite}.preview-task-check{animation:none}
.preview-workflow-progress{height:2px;background:#e1d0ef;margin:12px 18px 0;border-radius:2px;overflow:hidden}.preview-workflow-progress i{display:block;height:100%;background:#9857c8;transform-origin:left;animation:workflow-progress 8s ease-in-out infinite}
html[data-theme="dark"] .preview-flow>span{animation-name:flow-node-dark}

/* Leitura clara à direita, um pequeno roteiro visual à esquerda. */
.process{gap:75px;align-items:center}
.process .section-heading{padding:0}.process .section-heading h2{font-size:clamp(38px,4vw,58px)}
.pipeline-board{position:relative;max-width:480px;margin-top:32px;border:1px solid #78509a;border-radius:14px;background:linear-gradient(135deg,#2a153b,#180e26);padding:21px;color:#e9d7fa;box-shadow:0 20px 45px rgba(84,36,117,.13);overflow:hidden;isolation:isolate}
.pipeline-board:before{content:"";position:absolute;z-index:-1;inset:-35%;background:radial-gradient(ellipse at 68% 0,rgba(143,58,202,.23),transparent 60%);animation:preview-aura 11s ease-in-out infinite alternate}
.pipeline-heading{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.11em;color:#c29bdc}.pipeline-heading img{width:28px;height:28px;object-fit:contain}.pipeline-heading>span:last-child{margin-left:auto;letter-spacing:.05em}
.pipeline-board .process-flow{display:flex;gap:10px;max-width:none;color:#dbc5e8;margin:22px 0 17px;font-size:13px;letter-spacing:0;text-transform:none}
.pipeline-board .process-flow>span{border:1px solid #654176;background:#2c183d;border-radius:6px;flex:1;text-align:center;padding:11px 7px;font-size:13px;animation:pipeline-stage 9s ease-in-out infinite}
.pipeline-board .process-flow>span:nth-of-type(2){animation-delay:3s}.pipeline-board .process-flow>span:nth-of-type(3){animation-delay:6s}
.pipeline-board .process-flow>i{width:14px;min-width:8px;background:#604071;flex:none}
.pipeline-progress{height:2px;background:#4b2c60;border-radius:5px;overflow:hidden}.pipeline-progress>i{display:block;height:100%;background:linear-gradient(90deg,#a45fe2,#e4b7ff);transform-origin:left;animation:pipeline-progress 9s ease-in-out infinite}
.pipeline-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#b499c7;margin-top:15px}.pipeline-caption>span:last-child{font-size:23px;color:#c084e8;animation:emblem-spin 18s linear infinite}
.process-list{position:relative;gap:17px;padding-left:25px}
.process-list:before{content:"";position:absolute;left:4px;top:35px;bottom:35px;width:1px;background:linear-gradient(#d2aceb,#bd8bdd,#dec3f2)}
.process-item{position:relative;padding:26px;border-radius:12px;border-color:#decfe9;overflow:visible;background:radial-gradient(300px at var(--mx,-400px) var(--my,-400px),rgba(170,91,230,.11),transparent 70%),var(--white);--phase:0s}
.process-item:nth-child(2){--phase:3s}.process-item:nth-child(3){--phase:6s}
.process-item:before{content:"";position:absolute;left:-27px;top:31px;width:12px;height:12px;border:3px solid var(--paper);border-radius:50%;background:#bc8cdd;box-shadow:0 0 0 1px #d8bfe9;animation:process-waypoint 9s var(--phase) ease-in-out infinite}
.process-item:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:linear-gradient(90deg,#a66dd2,#c6a3e6);transform-origin:left;animation:process-step-line 9s var(--phase) ease-in-out infinite;pointer-events:none}
.process-item>span{grid-row:1/4;align-self:start;animation:process-number 9s var(--phase) ease-in-out infinite}.process-item h3{font-size:22px}.process-item p{font-size:16px}
.process-output{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.process-output>span{font-size:12px;font-weight:700;line-height:1.5;color:#8b60a4;background:#f4ebfb;border:1px solid #e8d7f3;border-radius:5px;padding:5px 8px;grid-row:auto;display:block;width:auto;height:auto}
html[data-theme="dark"] .process-item{background:radial-gradient(300px at var(--mx,-400px) var(--my,-400px),rgba(170,91,230,.16),transparent 70%),var(--white);border-color:#553569}
html[data-theme="dark"] .process-output>span{color:#d2b3e6;background:#352044;border-color:#5a396e}

/* Perguntas em uma superfície mais tátil, preservando o acordeão nativo. */
.faq-section{gap:75px;align-items:center;padding-top:90px;padding-bottom:95px}
.faq-section h2{font-size:clamp(38px,3.8vw,54px);line-height:1.16;max-width:550px}
.faq-section h2>span,html[data-theme="dark"] .faq-section h2>span{color:#9655c5}
.faq-conversation{position:relative;margin-top:28px;padding:24px;border:1px solid #ddc9eb;border-radius:12px;max-width:440px;background:linear-gradient(135deg,#f4eafa,rgba(249,245,252,.4));isolation:isolate}
.faq-conversation:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(200px at 100% 0,rgba(178,108,223,.11),transparent 70%);border-radius:inherit}
.faq-spark{display:block;font-size:27px;color:#a06cbe;line-height:1;margin-bottom:15px;animation:faq-spark-turn 12s ease-in-out infinite}
.faq-conversation h3{font-size:20px;line-height:1.4;letter-spacing:-.035em;margin:0 0 10px;max-width:310px}.faq-conversation p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 18px;max-width:340px}
.faq-conversation .text-link{display:inline-block;font-size:14px;color:#79449d;border-color:#c9a6df}
.faq-list{border:0;display:grid;gap:12px}
.faq-list details{position:relative;overflow:hidden;border:1px solid #ddd0e7;border-radius:11px;background:var(--white);padding:0;transition:border-color .3s,background .3s,box-shadow .3s}
.faq-list details:hover{border-color:#bc8bd7;box-shadow:0 12px 28px rgba(102,49,135,.05)}
.faq-list details[open]{border-color:#b280d2;background:#fcf8ff;box-shadow:0 16px 38px rgba(102,49,135,.07)}
.faq-list details:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ac70d4;opacity:0;transform:scaleY(.25);transition:opacity .3s,transform .4s}
.faq-list details[open]:before{opacity:1;transform:scaleY(1)}
.faq-list summary{display:flex;gap:14px;justify-content:flex-start;padding:24px 22px;font-size:16px;line-height:1.5;letter-spacing:-.025em;min-height:88px}
.faq-number{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #e7d6f0;background:#f7effd;border-radius:6px;color:#a376bf;font:700 11px/1 'DM Sans',sans-serif;transition:color .3s,background .3s,border-color .3s}
.faq-list summary>span:nth-child(2){flex:1;min-width:0}.faq-list summary:after{font-size:22px;margin-left:auto;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#f4e9fb;color:#9c63bc}
.faq-list details[open] .faq-number{background:#8e4eb7;color:white;border-color:#8e4eb7}
.faq-list details>p{margin:0 24px 25px 67px;font-size:16px;line-height:1.8;animation:faq-enter .45s ease both}
.faq-list summary:focus-visible{outline-offset:-4px;border-radius:11px}
html[data-theme="dark"] .faq-conversation{background:linear-gradient(135deg,#2e1b3d,#21152c);border-color:#5b386e}
html[data-theme="dark"] .faq-conversation .text-link{color:#d4a6ed;border-color:#8e62aa}
html[data-theme="dark"] .faq-list details{background:#21162c;border-color:#543367}html[data-theme="dark"] .faq-list details[open]{background:#2d1c3b;border-color:#9363af}
html[data-theme="dark"] .faq-number,html[data-theme="dark"] .faq-list summary:after{background:#352044;color:#cea4e5;border-color:#603e74}
html[data-theme="dark"] .faq-list details[open] .faq-number{background:#8e4eb7;color:#fff;border-color:#aa74ca}

@keyframes screen-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(.35deg)}}
@keyframes site-heading-enter{0%,100%{opacity:.65;transform:translateY(3px)}14%,86%{opacity:1;transform:none}}
@keyframes site-element-enter{0%,12%,100%{opacity:.4;transform:translateY(4px)}28%,86%{opacity:1;transform:none}}
@keyframes site-button-press{0%,100%{transform:none;box-shadow:none}56%,64%{transform:scale(.93);box-shadow:0 0 0 4px rgba(151,85,203,.13)}70%,88%{transform:none;box-shadow:0 0 0 4px rgba(151,85,203,0)}}
@keyframes site-cursor-path{0%,12%,100%{opacity:0;transform:translate(-35px,20px)}30%{opacity:1;transform:translate(-15px,-20px)}54%,66%{opacity:1;transform:translate(0,0)}78%,90%{opacity:0;transform:translate(8px,12px)}}
@keyframes booking-cursor-path{0%,100%{opacity:0;transform:translate(45px,25px)}14%{opacity:1;transform:translate(20px,8px)}30%,42%{opacity:1;transform:translate(-12px,-2px)}60%,90%{opacity:0;transform:translate(15px,24px)}}
@keyframes booking-select{0%,24%,100%{background:#3b254d;border-color:#644278;color:#cbb4db;transform:none;box-shadow:none}34%,84%{background:#8b44c1;border-color:#d5a2f8;color:#fff;transform:translateY(-2px);box-shadow:0 5px 20px rgba(153,74,218,.24)}}
@keyframes booking-confirm{0%,30%,100%{opacity:.2;transform:translateY(5px)}45%,85%{opacity:1;transform:none}}
@keyframes booking-click{0%,29%,54%,100%{opacity:0;transform:scale(.4)}32%{opacity:1;transform:scale(.7)}49%{opacity:0;transform:scale(1.7)}}
@keyframes flow-node{0%,100%{background:#fff;border-color:#dac8eb;color:#342241;transform:none}12%,30%{background:#ecdcf8;border-color:#b682d5;color:#763ea0;transform:translateY(-3px)}}
@keyframes flow-node-dark{0%,100%{background:#3b2450;border-color:#785198;color:#f2e5fb;transform:none}12%,30%{background:#733e97;border-color:#bd80e4;color:white;transform:translateY(-3px)}}
@keyframes flow-delivery{0%,15%,100%{left:0;opacity:0;transform:none}20%{left:0;opacity:1}36%{left:100%;opacity:1}42%,95%{left:100%;opacity:0}}
@keyframes workflow-complete{0%,50%,100%{opacity:.35;transform:translateY(3px)}65%,87%{opacity:1;transform:none}}
@keyframes workflow-progress{0%,10%,100%{transform:scaleX(0)}28%{transform:scaleX(.35)}47%{transform:scaleX(.7)}65%,88%{transform:scaleX(1)}95%{transform:scaleX(1);opacity:0}}
@keyframes pipeline-stage{0%,28%{background:#74389e;border-color:#b173dd;color:#fff;box-shadow:0 5px 20px rgba(152,70,209,.12)}34%,100%{background:#2c183d;border-color:#654176;color:#dbc5e8;box-shadow:none}}
@keyframes pipeline-progress{0%,100%{transform:scaleX(0);opacity:.3}30%{transform:scaleX(.33);opacity:1}62%{transform:scaleX(.66);opacity:1}90%,96%{transform:scaleX(1);opacity:1}}
@keyframes process-waypoint{0%,28%{background:#8b43be;box-shadow:0 0 0 3px rgba(161,96,205,.14),0 0 15px rgba(161,96,205,.35)}34%,100%{background:#bc8cdd;box-shadow:0 0 0 1px #d8bfe9}}
@keyframes process-number{0%,28%{background:#9154bd;color:#fff}34%,100%{background:rgba(145,74,229,.12);color:#9865bc}}
@keyframes process-step-line{0%,100%{transform:scaleX(0);opacity:0}4%{transform:scaleX(.05);opacity:1}28%{transform:scaleX(1);opacity:1}34%,98%{transform:scaleX(1);opacity:0}}
@keyframes faq-spark-turn{0%,100%{transform:rotate(0);opacity:.8}40%,70%{transform:rotate(90deg);opacity:1}}

/* As animações param quando estas áreas saem da tela ou a aba fica oculta. */
.js .motion-panel:not(.is-in-view),.js .motion-panel:not(.is-in-view) *,.js .motion-panel:not(.is-in-view):before,.js .motion-panel:not(.is-in-view) :before,.js .motion-panel:not(.is-in-view) :after,.motion-paused .motion-panel,.motion-paused .motion-panel *,.motion-paused .motion-panel:before,.motion-paused .motion-panel :before,.motion-paused .motion-panel :after{animation-play-state:paused!important}
@media(max-width:1100px){.process,.faq-section{gap:45px}.process-item{padding:23px}.faq-list summary{padding:21px 18px;gap:12px}.faq-list details>p{margin-left:61px;margin-right:22px}.preview-site-button{right:10px;font-size:9px}.preview-pills{gap:5px}.preview-pills span{padding:3px 6px}}
@media(max-width:850px){.process,.faq-section{grid-template-columns:1fr;gap:35px}.process .section-heading{max-width:650px}.pipeline-board{max-width:100%}.faq-conversation{max-width:100%;padding:24px}.faq-section .section-heading{max-width:650px}.faq-conversation h3,.faq-conversation p{max-width:520px}.faq-section{padding-block:75px}.preview-site-button{right:20px;font-size:11px}}
@media(max-width:540px){.process .section-heading h2,.faq-section h2{font-size:36px}.pipeline-board{padding:18px;margin-top:25px}.pipeline-heading{font-size:9px;gap:8px}.pipeline-heading>span:last-child{font-size:10px}.pipeline-board .process-flow{gap:7px}.pipeline-board .process-flow>span{font-size:12px;padding:10px 5px}.pipeline-board .process-flow>i{width:8px}.pipeline-caption{font-size:11px;gap:12px}.process-list{padding-left:20px}.process-item{padding:23px 19px;column-gap:14px}.process-item:before{left:-22px}.process-item h3{font-size:20px}.process-output{gap:6px;margin-top:13px}.process-output>span{font-size:11px;padding:5px 7px}.faq-conversation{padding:22px}.faq-list summary{padding:20px 17px;font-size:15px;gap:11px}.faq-number{width:27px;height:27px}.faq-list details>p{margin:0 20px 22px 55px;font-size:15px}.service-preview{height:165px}.preview-site-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){
  .service-preview{transform:none;transition:none}.preview-display,.preview-site-content>strong,.preview-pills span,.preview-site-button,.preview-time-grid .preview-time-selected,.preview-confirmation,.preview-flow>span,.preview-flow>i:after,.preview-task,.preview-workflow-progress i,.pipeline-board:before,.pipeline-board .process-flow>span,.pipeline-progress>i,.pipeline-caption>span:last-child,.process-item:before,.process-item:after,.process-item>span,.faq-spark{animation:none;transform:none;opacity:1}
  .preview-cursor,.preview-click-ring{display:none}.process-item:after{opacity:0}.faq-list details,.faq-list details:before,.faq-number{transition:none}
}

/* Studio / 24 — uma vitrine interativa inspirada nas referências do Grupo Eras. */
.solutions-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.solutions-cinema .section-heading{display:block;margin:0 0 30px;max-width:620px}
.solutions-cinema .section-heading h2{font-size:clamp(36px,3.8vw,54px);line-height:1.13;margin:20px 0;max-width:600px}
.solutions-cinema .section-heading>p{margin:0;max-width:530px;font-size:16px;line-height:1.8}
.solutions-cinema .solution-grid{display:grid;grid-template-columns:1fr;gap:12px}
.solutions-cinema .solution-card{display:block;min-height:0;padding:0;background:var(--white);color:var(--ink);border:1px solid #e3dbea;border-radius:13px;box-shadow:none;overflow:hidden;transition:border-color .3s,box-shadow .3s,background .3s}
.solutions-cinema .solution-card:hover{transform:none;border-color:#b88bd2;box-shadow:0 9px 25px rgba(68,26,96,.05)}
.solutions-cinema .solution-card:after{display:none}.solutions-cinema .solution-card h3{margin:0;font-size:21px;max-width:none}
.service-toggle{display:flex;width:100%;gap:15px;align-items:center;padding:20px;text-align:left;border:0;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}
.service-toggle>span:nth-child(2){flex:1;min-width:0}.service-title{display:block;font:800 20px/1.4 'Manrope',sans-serif;letter-spacing:-.035em}
.service-toggle .card-index{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.12em;color:#a078ba}
.service-number{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:9px;background:#f0e4fa;color:#9959c1;font:800 12px/1 'DM Sans',sans-serif;transition:background .3s,color .3s,box-shadow .3s}
.service-toggle-mark{flex:none;font:400 22px/1 'DM Sans',sans-serif;color:#9b67bd;transition:transform .3s}
.solution-detail{padding:0 24px 22px 72px;animation:faq-enter .4s ease both}.solution-detail[hidden]{display:none!important}
.services-enhanced .solution-detail{min-height:235px}
.solutions-cinema .solution-detail>p{margin:0 0 17px;font-size:15px;line-height:1.8;color:var(--muted)}
.solutions-cinema .solution-card ul{display:flex;flex-wrap:wrap;gap:9px 18px;margin:0 0 18px;font-size:12px}.solutions-cinema .solution-card li:before{width:4px;height:4px;box-shadow:none}
.solutions-cinema .card-foot{display:block;font-size:12px;color:#a57aba}.solutions-cinema .service-link{margin-top:14px;padding-top:13px;font-size:13px}
.solutions-cinema .solution-card.is-current{border-color:#b286d1;box-shadow:0 15px 35px rgba(73,31,103,.08);background:linear-gradient(125deg,var(--white),#fbf7ff)}
.is-current .service-number{background:linear-gradient(140deg,#6730c7,#b65adc);color:white;box-shadow:0 6px 17px rgba(128,50,182,.2)}
.is-current .service-toggle-mark{transform:rotate(45deg)}.service-toggle:focus-visible{outline-offset:-4px;border-radius:13px}
.solutions-cinema .solution-cta{margin-top:45px}
.showcase-wrap{min-width:0;align-self:center}
.service-showcase{position:relative;isolation:isolate;overflow:hidden;background:#170b28;border:1px solid #4c2967;border-radius:24px;color:#f7edff;box-shadow:0 35px 65px rgba(50,19,79,.18)}
.service-showcase:before{content:"";position:absolute;z-index:-2;inset:-25%;background:radial-gradient(ellipse at 70% 82%,rgba(176,52,202,.22),transparent 58%),radial-gradient(ellipse at 20% 10%,rgba(124,57,206,.18),transparent 60%);animation:studio-light 13s ease-in-out infinite alternate}
.service-showcase:after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#b783d1 0.6px,transparent .7px);background-size:25px 25px;opacity:.15;pointer-events:none}
.showcase-label{position:relative;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:21px 24px;font-size:9px;letter-spacing:.1em;color:#ac87c0;border-bottom:1px solid #412153;background:rgba(19,9,31,.35)}
.showcase-label>span:last-child{color:#bd99cf;letter-spacing:.04em;text-align:right}
.showcase-panel{position:relative;height:465px;padding:35px;animation:scene-enter .65s cubic-bezier(.22,1,.36,1) both}
.showcase-panel[hidden]{display:none!important}.services-enhanced .service-showcase{height:520px}.services-enhanced .showcase-panel{position:absolute;inset:55px 0 0;height:auto}
.studio-tag{display:inline-block;font-size:12px;padding:8px 12px;border:1px solid #5e376f;background:#251333;border-radius:99px;color:#d5b6e8}
.studio-web-window{position:absolute;left:35px;right:65px;top:95px;border:1px solid #604372;border-radius:13px;background:#190e25;box-shadow:0 25px 45px rgba(0,0,0,.28);overflow:hidden;animation:web-window-float 8s ease-in-out infinite}
.studio-window-bar{display:flex;justify-content:space-between;gap:15px;padding:11px 14px;border-bottom:1px solid #382344;font-size:10px;color:#9f7cb3}.studio-window-bar>span:first-child{letter-spacing:3px;font-size:7px}.studio-window-bar>span:last-child{background:#2d1c39;padding:2px 12px;border-radius:3px}
.studio-web-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 17px;font-size:11px}.studio-web-nav>span{font-size:9px;color:#ad8abd}
.studio-web-hero{position:relative;margin:0 13px;padding:23px 17px;background:linear-gradient(115deg,#7631cd,#b64adb);border-radius:8px;display:grid;justify-items:start;gap:9px;isolation:isolate}
.studio-web-hero>span:first-child{font-size:8px;letter-spacing:.1em;opacity:.8}.studio-web-hero>strong{font:800 30px/1.17 'Manrope',sans-serif;letter-spacing:-.05em;animation:site-heading-enter 8s ease-in-out infinite}
.studio-web-cta{display:block;margin-top:5px;padding:7px 11px;border-radius:5px;background:#fff;color:#773d9d;font-size:10px;font-weight:800;animation:site-button-press 8s ease-in-out infinite}
.studio-web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 13px}.studio-web-cards>span{padding:18px 4px;border-radius:5px;background:#30203c;font-size:9px;text-align:center;color:#ae8fbd;animation:site-element-enter 8s ease-in-out infinite}.studio-web-cards>span:nth-child(2){animation-delay:.15s}.studio-web-cards>span:nth-child(3){animation-delay:.3s}
.studio-mobile-window{position:absolute;right:25px;top:142px;width:132px;padding:12px 9px 14px;background:#100a18;border:1px solid #6f4b87;border-radius:17px;box-shadow:0 22px 35px rgba(0,0,0,.3);animation:mobile-window-float 8s ease-in-out infinite}
.studio-mobile-label{display:block;text-align:center;font-size:7px;letter-spacing:.09em;color:#aa88bd;margin:0 0 13px}
.studio-mobile-hero{border-radius:8px;padding:17px 10px;background:linear-gradient(125deg,#8044d1,#bd4ed9);display:grid;gap:12px}.studio-mobile-hero strong{font:800 17px/1.25 'Manrope',sans-serif;letter-spacing:-.04em}.studio-mobile-hero>span{display:block;text-align:center;padding:6px 3px;background:white;color:#8641a5;font-size:8px;font-weight:800;border-radius:4px}
.studio-mobile-item{padding:18px 8px;background:#291d34;color:#aa8eba;font-size:9px;border-radius:6px;margin-top:8px;animation:site-element-enter 8s ease-in-out infinite}
.studio-bottom-label{position:absolute;left:30px;right:30px;bottom:20px;font-size:12px;text-align:center;color:#b58ecb;line-height:1.6}
.studio-calendar{position:absolute;left:50%;top:50%;width:calc(100% - 70px);max-width:370px;transform:translate(-50%,-42%);border:1px solid #624478;border-radius:16px;background:#1b0f29;padding:24px;box-shadow:0 30px 50px rgba(0,0,0,.2)}
.studio-calendar-heading{display:flex;justify-content:space-between;gap:15px;font-size:16px;margin-bottom:21px}.studio-calendar-heading>span{color:#be73e5;font-size:21px}
.studio-calendar-days{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:15px}.studio-calendar-days>span{padding:9px 0;text-align:center;background:#30203e;border:1px solid #432653;border-radius:6px;font-size:12px}.studio-calendar-days>span:nth-child(3){background:linear-gradient(135deg,#8246d1,#b24ad8);border-color:#a876d4}
.studio-calendar-times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.studio-calendar-times>span{padding:8px 0;text-align:center;border:1px solid #543363;border-radius:6px;font-size:11px;color:#c7a9d8}.studio-calendar-times>span:nth-child(2),.studio-calendar-times>span:nth-child(5),.studio-calendar-times>span:nth-child(8){text-decoration:line-through;opacity:.35}
.studio-calendar-times .studio-time-picked{animation:calendar-selection 8s ease-in-out infinite}
.studio-calendar-confirm{display:block;margin-top:23px;padding:12px 5px;text-align:center;background:linear-gradient(100deg,#6d2fce,#be47d1);border-radius:7px;color:#fff;font-size:12px;font-weight:800;animation:calendar-button 8s ease-in-out infinite}
.studio-calendar-cursor{position:absolute;right:32px;top:52%;width:20px;height:25px;animation:calendar-cursor 8s ease-in-out infinite;pointer-events:none}.studio-calendar-cursor svg{width:100%;height:100%;fill:#fff;stroke:#9e63c4;stroke-width:1.5;stroke-linejoin:round}
.studio-booking-toast{position:absolute;right:24px;top:36px;display:flex;gap:12px;align-items:center;padding:13px 16px;background:#2f1941;border:1px solid #8754a4;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.15);animation:calendar-toast 8s ease-in-out infinite}
.studio-booking-toast>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ba7be2;color:#fff;font-size:13px}.studio-booking-toast strong{display:block;font-size:12px}.studio-booking-toast small{display:block;font-size:10px;margin-top:4px;color:#bd9dcc}
.studio-dashboard{position:absolute;left:30px;right:30px;top:85px;background:#1a0e27;border:1px solid #654378;border-radius:15px;padding:24px;box-shadow:0 25px 55px rgba(0,0,0,.22);animation:web-window-float 8s ease-in-out infinite}
.studio-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px;margin-bottom:20px}.studio-dashboard-heading>span{font-size:9px;letter-spacing:.08em;color:#b482d4}
.studio-dashboard-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.studio-dashboard-chips>span{padding:15px 4px;text-align:center;background:linear-gradient(125deg,#3d205a,#291536);border:1px solid #56306d;border-radius:6px;font-size:10px;color:#d0aee3}
.studio-chart{display:flex;align-items:flex-end;gap:9px;position:relative;height:130px;margin-top:24px;border-bottom:1px solid #512966}.studio-chart>i{height:30%;flex:1;background:linear-gradient(#b06ae7,#44235d);border-radius:5px 5px 0 0;transform-origin:bottom;animation:dashboard-bars 8s ease-in-out infinite}.studio-chart>i:nth-child(2){height:47%;animation-delay:.1s}.studio-chart>i:nth-child(3){height:38%;animation-delay:.2s}.studio-chart>i:nth-child(4){height:63%;animation-delay:.3s}.studio-chart>i:nth-child(5){height:55%;animation-delay:.4s}.studio-chart>i:nth-child(6){height:78%;animation-delay:.5s}.studio-chart>i:nth-child(7){height:70%;animation-delay:.6s}
.studio-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.studio-chart path{fill:none;stroke:#df6edc;stroke-width:2;stroke-dasharray:450;stroke-dashoffset:450;animation:dashboard-trace 8s ease-in-out infinite}
.studio-chart-note{display:block;text-align:right;margin-top:9px;font-size:9px;color:#9873ad}
.studio-automation-flow{position:absolute;left:25px;right:25px;bottom:70px;display:flex;align-items:center;justify-content:center;gap:8px}.studio-automation-flow>span{font-size:10px;padding:9px 10px;border:1px solid #614273;background:#251233;border-radius:7px;color:#cfade1;animation:automation-node 8s ease-in-out infinite}.studio-automation-flow>span:nth-of-type(2){animation-delay:1.7s}.studio-automation-flow>span:nth-of-type(3){animation-delay:3.4s}.studio-automation-flow>i{width:6px;height:6px;border-radius:50%;background:#b664dc;box-shadow:0 0 10px #9b49c6}
.showcase-controls{display:none;align-items:center;gap:14px;margin-top:18px;padding:0 5px;color:var(--muted)}.services-enhanced .showcase-controls{display:flex}
.showcase-counter{font-size:12px;letter-spacing:.08em;white-space:nowrap}.showcase-progress{height:2px;background:#dfcaee;flex:1;overflow:hidden}.showcase-progress>i{display:block;height:100%;background:#a85ada;transform:scaleX(0);transform-origin:left}.is-playing .showcase-progress>i{animation:showcase-progress 8s linear infinite}
.showcase-play{border:0;background:transparent;color:#9452b8;font-size:12px;font-weight:700;padding:7px 0;white-space:nowrap}.showcase-play:disabled{cursor:default;color:var(--muted)}
html[data-theme="dark"] .solutions-cinema .solution-card{background:#21162b;border-color:#56356a}html[data-theme="dark"] .solutions-cinema .solution-card.is-current{background:linear-gradient(120deg,#2d1b3b,#24152f);border-color:#a36dc4}html[data-theme="dark"] .service-number{background:#3b2450;color:#d3a9ee}html[data-theme="dark"] .is-current .service-number{background:linear-gradient(140deg,#6730c7,#b65adc);color:#fff}

/* O caminho do projeto vira uma linha do tempo horizontal. */
.process.process-journey{display:block}.process-journey .section-heading{max-width:850px;margin:0}.process-journey .section-heading h2{font-size:clamp(38px,4vw,58px)}.process-journey .process-intro{max-width:720px}
.journey-legend{font-size:12px;letter-spacing:.07em;margin-top:24px}
.journey-stage{position:relative;padding-top:88px;margin-top:35px}.journey-curve{position:absolute;left:0;right:0;top:0;width:100%;height:120px;overflow:visible;pointer-events:none}
.journey-curve path{fill:none;stroke-width:1.5}.journey-base{stroke:#ddd0ed;stroke-dasharray:4 7}.journey-light{stroke:#a76add;stroke-dasharray:1;stroke-dashoffset:1;animation:journey-trace 9s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(149,72,210,.25))}
.process-journey .process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding:0}.process-journey .process-list:before{display:none}
.process-journey .process-item{display:block;min-height:270px;padding:26px;border-radius:16px;box-shadow:0 20px 40px rgba(76,33,105,.06)}
.process-journey .process-item>span{display:inline-grid;margin:0 0 18px;width:32px;height:28px;border-radius:6px;font-size:11px}.process-journey .process-item h3{font-size:22px;line-height:1.35;margin-bottom:12px}.process-journey .process-item p{font-size:16px;line-height:1.8;min-height:85px}
.process-journey .process-output{margin-top:20px;gap:7px}.process-journey .process-output>span{font-size:11px;padding:5px 7px}
.process-journey .process-item:before{content:"✦";left:calc(50% - 20px);top:-45px;width:40px;height:40px;border:0;display:grid;place-items:center;background:#eee1f9;color:#a56fc9;font-size:20px;box-shadow:0 0 0 7px rgba(169,105,217,.04);animation:journey-waypoint 9s var(--phase) ease-in-out infinite}

/* Assinatura final. Degradê decorativo, com margem para não cortar os caracteres. */
.brand-finale{display:flex;align-items:baseline;justify-content:center;gap:.02em;padding:10px 6px 30px;font:800 clamp(60px,14vw,205px)/1.18 'Manrope',sans-serif;letter-spacing:-.075em;white-space:nowrap;min-width:0}
.brand-finale>span{display:block;padding:0 .025em;color:#b78ae4}.brand-finale>b{font-weight:800;color:#d83bda;letter-spacing:0;line-height:1}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .brand-finale>span{background-image:linear-gradient(135deg,#aa77e7 5%,#c2a0ee 40%,rgba(179,139,224,.1) 85%,rgba(179,139,224,0) 100%);background-size:180% 180%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:brand-gradient-flow 16s ease-in-out infinite alternate}
  html[data-theme="dark"] .brand-finale>span{background-image:linear-gradient(135deg,#b97af5 5%,#9f6adc 40%,rgba(146,80,208,.15) 85%,rgba(146,80,208,0) 100%)}
}
@keyframes scene-enter{from{opacity:0;transform:translateY(13px) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes web-window-float{50%{transform:translateY(-5px) rotate(-.5deg)}}
@keyframes mobile-window-float{50%{transform:translateY(6px) rotate(1deg)}}
@keyframes calendar-selection{0%,25%,100%{background:transparent;color:#c7a9d8;border-color:#543363;transform:none}35%,88%{background:#f7eaff;color:#572577;border-color:#fff;transform:translateY(-2px)}}
@keyframes calendar-button{0%,50%,100%{transform:none;box-shadow:none}60%,68%{transform:scale(.975);box-shadow:0 0 0 4px rgba(194,93,221,.1)}}
@keyframes calendar-cursor{0%,100%{opacity:0;transform:translate(35px,-10px)}18%{opacity:1;transform:translate(2px,-20px)}32%,40%{opacity:1;transform:translate(0,-5px)}55%,65%{opacity:1;transform:translate(-55px,95px)}76%,92%{opacity:0;transform:translate(-35px,112px)}}
@keyframes calendar-toast{0%,62%,100%{opacity:0;transform:translateY(-8px) scale(.97)}72%,90%{opacity:1;transform:none}}
@keyframes dashboard-bars{0%,100%{transform:scaleY(.12);opacity:.35}30%,90%{transform:scaleY(1);opacity:1}}
@keyframes dashboard-trace{0%,18%,100%{stroke-dashoffset:450;opacity:0}40%,90%{stroke-dashoffset:0;opacity:1}}
@keyframes automation-node{0%,100%{border-color:#614273;background:#251233;color:#cfade1;transform:none}20%,40%{border-color:#bd7de1;background:#56316e;color:#fff;transform:translateY(-2px)}}
@keyframes showcase-progress{to{transform:scaleX(1)}}
@keyframes journey-trace{0%,100%{stroke-dashoffset:1;opacity:.3}30%{stroke-dashoffset:.5;opacity:1}65%,93%{stroke-dashoffset:0;opacity:1}}
@keyframes journey-waypoint{0%,28%{background:linear-gradient(135deg,#8442ce,#bd65df);color:#fff;box-shadow:0 0 0 6px rgba(169,105,217,.08),0 0 25px rgba(169,105,217,.25);transform:scale(1.07)}35%,100%{background:#f6effb;color:#b598c6;box-shadow:0 0 0 5px rgba(169,105,217,.03);transform:scale(1)}}
@keyframes brand-gradient-flow{to{background-position:100% 80%}}
@media(max-width:1100px){.solutions-layout{gap:35px}.service-toggle{padding:18px;gap:12px}.service-title{font-size:19px}.solution-detail{padding-left:67px;padding-right:20px}.showcase-label{padding-inline:18px;font-size:8px}.studio-web-window{left:25px;right:45px}.studio-mobile-window{right:17px;width:118px}.studio-web-hero>strong{font-size:27px}.studio-web-cards>span{font-size:8px}.studio-mobile-hero strong{font-size:15px}.studio-calendar{width:calc(100% - 44px);padding:20px}.studio-dashboard{left:24px;right:24px;padding:20px}.studio-automation-flow{left:15px;right:15px;gap:6px}.studio-automation-flow>span{font-size:9px;padding:9px 7px}.process-journey .process-list{gap:18px}.process-journey .process-item{padding:22px}.process-journey .process-item h3{font-size:21px}}
@media(max-width:900px){.solutions-layout{grid-template-columns:1fr;gap:35px}.solutions-intro{max-width:100%}.solutions-cinema .section-heading{max-width:740px}.solutions-cinema .section-heading h2{max-width:740px}.services-enhanced .service-showcase{height:520px}.showcase-wrap{width:100%;max-width:640px;margin:auto}.studio-web-window{left:45px;right:110px}.studio-mobile-window{right:45px;width:145px}.studio-web-hero>strong{font-size:34px}.studio-mobile-hero strong{font-size:19px}.studio-web-cards>span{font-size:11px}.showcase-label{font-size:10px;padding-inline:25px}.studio-dashboard{left:45px;right:45px}.studio-dashboard-chips>span{font-size:12px}.studio-automation-flow>span{font-size:12px;padding:9px 13px}.service-title{font-size:21px}.solution-detail{padding-left:69px}.process-journey .process-list{grid-template-columns:1fr;gap:24px;padding-left:25px}.process-journey .process-list:before{display:block;left:4px;top:40px;bottom:40px}.process-journey .process-item{min-height:0;padding:26px}.process-journey .process-item p{min-height:0}.journey-curve{display:none}.journey-stage{padding-top:0;margin-top:35px}.process-journey .process-item:before{left:-40px;top:23px;width:30px;height:30px;font-size:16px}.process-journey .process-item>span{margin-bottom:14px}}
@media(max-width:540px){.solutions-cinema .section-heading h2{font-size:36px}.service-toggle{padding:17px 15px;gap:11px}.service-number{width:32px;height:34px}.service-title{font-size:17px}.service-toggle-mark{font-size:20px}.solution-detail{padding:0 18px 20px 58px}.solutions-cinema .solution-detail>p{font-size:15px}.solutions-cinema .solution-card ul{font-size:12px;gap:9px}.services-enhanced .service-showcase{height:465px;border-radius:18px}.showcase-label{font-size:8px;padding:18px 17px;gap:15px}.services-enhanced .showcase-panel{inset:48px 0 0}.showcase-panel{padding:24px}.studio-tag{font-size:11px;padding:7px 10px}.studio-web-window{left:20px;right:40px;top:90px}.studio-web-nav{font-size:10px;padding:13px 14px}.studio-web-nav>span{font-size:8px}.studio-web-hero{padding:20px 13px}.studio-web-hero>strong{font-size:26px}.studio-web-hero>span:first-child{font-size:7px}.studio-web-cards>span{font-size:8px;padding:17px 3px}.studio-mobile-window{right:14px;top:145px;width:105px;padding:12px 7px}.studio-mobile-hero{padding:15px 8px}.studio-mobile-hero strong{font-size:14px}.studio-mobile-hero>span{font-size:7px}.studio-mobile-label{font-size:6px}.studio-mobile-item{font-size:8px;padding:15px 7px}.studio-bottom-label{font-size:11px;left:20px;right:20px;bottom:18px}.studio-calendar{padding:18px;width:calc(100% - 36px)}.studio-calendar-heading{font-size:15px}.studio-calendar-days{gap:5px}.studio-calendar-times{gap:6px}.studio-calendar-times>span{font-size:10px}.studio-calendar-confirm{font-size:12px;padding:11px 4px}.studio-booking-toast{right:18px;top:25px;padding:11px 13px}.studio-booking-toast strong{font-size:11px}.studio-booking-toast small{font-size:9px}.studio-dashboard{left:20px;right:20px;top:70px;padding:18px}.studio-dashboard-heading{font-size:14px}.studio-dashboard-chips{gap:6px}.studio-dashboard-chips>span{font-size:9px;padding:14px 2px}.studio-chart{height:125px;gap:6px}.studio-automation-flow{bottom:62px;left:12px;right:12px;gap:5px}.studio-automation-flow>span{font-size:9px;padding:8px 6px}.showcase-controls{gap:10px}.showcase-play{font-size:11px}.showcase-counter{font-size:11px}.solutions-cinema .solution-cta{margin-top:35px}.process-journey .process-item{padding:25px 21px}.process-journey .process-item h3{font-size:21px}.process-journey .process-list{padding-left:21px}.process-journey .process-item:before{left:-36px}.brand-finale{font-size:clamp(49px,14vw,76px);padding:6px 0 27px;letter-spacing:-.065em}}
@media(prefers-reduced-motion:reduce){.showcase-panel,.service-showcase:before,.studio-web-window,.studio-mobile-window,.studio-web-hero>strong,.studio-web-cta,.studio-web-cards>span,.studio-mobile-item,.studio-calendar-times .studio-time-picked,.studio-calendar-confirm,.studio-booking-toast,.studio-dashboard,.studio-chart>i,.studio-chart path,.studio-automation-flow>span,.journey-light,.process-journey .process-item:before,.brand-finale>span,.is-playing .showcase-progress>i{animation:none;transform:none;opacity:1}.studio-chart path,.journey-light{stroke-dashoffset:0}.studio-calendar-cursor{display:none}.service-number,.service-toggle-mark,.solution-detail{transition:none;animation:none}}