/* Iatec Soluções · capítulos
   Base = leitura estática e completa (celular, sem JS, movimento reduzido).
   Cenas presas à rolagem só existem em html.js no desktop; as de deslocamento grande, também fora de html.rm. */

/* ================= ABERTURA ================= */
.hero{padding:clamp(1.75rem,6vh,3.75rem) 0 clamp(3rem,7vw,4.5rem)}
.kicker{display:flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--em)}
.kicker i{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.hero h1{margin:0;font-family:var(--display);font-weight:520;font-size:clamp(2.55rem,5.1vw,4.75rem);line-height:.98;letter-spacing:-.045em;max-width:17ch;text-wrap:balance}
@media (min-width:64em){.hero h1{max-width:none}}
.hero h1 span{display:block}
.hero h1 span:first-child{color:var(--fg3)}
.hero-row{display:grid;gap:1.4rem;margin-top:1.4rem}
.lede{margin:0;max-width:35rem;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.5;color:var(--fg2)}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem}
@media (min-width:64em){.hero-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem}}

.pano-pin{margin-top:clamp(2rem,5vh,3.25rem)}
.pano{margin:0}
.pano-scroll{position:relative}
.pano-stage{position:relative;width:100%;aspect-ratio:1440/500;margin-top:1.75rem;container-type:inline-size;overflow:clip;overflow-clip-margin:2.25rem;
  --front:59%;--lx:-9999px;--ly:-9999px;--lr:0px}
.world{position:absolute;inset:0;--u:calc(100cqw / 1440);font-size:calc(10 * var(--u))}
.wo{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}
.bound{border:1.5px dashed var(--line);border-radius:calc(16 * var(--u))}
.w-built .bound{border:1px solid var(--rule2);background:rgb(11 106 80/.04)}
.w-flows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.w-flows path{fill:none;stroke:var(--em);stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.7}
.w-flows path.g{stroke:var(--gold);stroke-width:2;opacity:1}
.w-flows circle{fill:var(--em)}
.w-flows circle.g{fill:var(--gold)}
.is-traco .w-flows path{stroke:var(--line);stroke-dasharray:3 4;opacity:1}
.is-traco .w-flows circle{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.w-labels{position:absolute;inset:0;--u:calc(100cqw / 1440);pointer-events:none}
.w-labels span{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));font-size:max(9px,calc(11 * var(--u)));font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);white-space:nowrap;line-height:1}
.w-labels .wl-bound{transform:translate(-50%,-50%);padding:0 .7em;background:var(--bg);color:var(--em)}
.js .w-built{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--front) - 1.4%),transparent calc(var(--front) + 1.4%));mask-image:linear-gradient(90deg,#000 calc(var(--front) - 1.4%),transparent calc(var(--front) + 1.4%))}
.w-traco{-webkit-mask-image:linear-gradient(90deg,transparent calc(var(--front) - 1.4%),#000 calc(var(--front) + 1.4%));mask-image:linear-gradient(90deg,transparent calc(var(--front) - 1.4%),#000 calc(var(--front) + 1.4%))}
.js .world.w-zoom{background:var(--bg);transform-origin:var(--lx) var(--ly);visibility:hidden;opacity:0;transition:opacity .25s var(--ease),visibility 0s .25s;
  -webkit-mask-image:radial-gradient(circle at var(--lx) var(--ly),#000 calc(var(--lr) / 1.7 - 1px),transparent calc(var(--lr) / 1.7));mask-image:radial-gradient(circle at var(--lx) var(--ly),#000 calc(var(--lr) / 1.7 - 1px),transparent calc(var(--lr) / 1.7))}
.lens{position:absolute;z-index:4;left:var(--lx);top:var(--ly);width:calc(var(--lr) * 2);height:calc(var(--lr) * 2);margin:calc(var(--lr) * -1) 0 0 calc(var(--lr) * -1);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 1px var(--fg),0 0 0 5px rgb(237 229 215/.55),0 22px 44px -20px rgb(18 35 28/.6);opacity:0;transition:opacity .25s var(--ease)}
.lens::after{content:"construído, de perto";position:absolute;left:50%;bottom:-.8rem;transform:translateX(-50%);padding:.22rem .6rem;border-radius:999px;background:var(--fg);color:var(--bg);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.pano-stage.lensing .lens{opacity:1}
.js .pano-stage.lensing .world.w-zoom{transform:scale(1.7);visibility:visible;opacity:1;transition:opacity .25s var(--ease)}
.pano-stage.lensing{cursor:zoom-in}
.front{display:none}
.js .front{display:block;position:absolute;z-index:3;top:-1.75rem;bottom:0;left:var(--front);width:0;border-left:1px solid var(--fg);pointer-events:none;transition:opacity .3s var(--ease)}
.front::before{content:"";position:absolute;left:-4px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--fg)}
.front span{position:absolute;top:-.55rem;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--fg2);transition:opacity .3s var(--ease)}
.front .fr-l{right:.8rem}
.front .fr-l::before{content:"← "}
.front .fr-r{left:.8rem;color:var(--fg3)}
.front .fr-r::after{content:" →"}
.pano-stage.late .fr-r{opacity:0}
.pano-stage.done .front{opacity:0}
.pano-cap{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.15rem;font-size:.875rem;color:var(--fg3)}
.pano-hint{color:var(--fg2)}
.no-js .pano-hint,.no-js .pano-toggle{display:none}
.pano-note{display:inline-flex;align-items:center;gap:.6rem}
.pano-toggle{margin-left:auto;min-height:2.6rem;font-size:.875rem}
.pano-toggle[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.5rem;margin-top:clamp(2rem,5vw,3rem);padding-top:1.25rem;border-top:1px solid var(--rule)}
.legend .cap{margin-right:.4rem}
@media (min-width:64em){
  html.js:not(.rm) .pano-pin{height:calc(var(--pano-h,32rem) + 85vh)}
  html.js:not(.rm) .pano{position:sticky;top:calc(var(--hdr) + max(1rem,(var(--stage-h) - var(--pano-h,32rem)) / 2))}
}
@media (max-width:63.99em){
  .pano-scroll{margin-inline:calc(var(--gx) * -1);padding:0 var(--gx);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pano-scroll::-webkit-scrollbar{display:none}
  .pano-stage{width:68.75rem}
  .pano-stage::after{content:"";position:absolute;left:100%;top:0;width:var(--gx);height:1px}
  .pano-toggle{margin-left:0}
  .pano-cap{gap:.75rem 1rem}
}

/* ================= 01 ONDE TRAVA ================= */
.voices{list-style:none;margin:clamp(2.75rem,6vw,4.5rem) 0 0;padding:0;border-top:1px solid var(--rule)}
.voice a{display:grid;gap:1rem;padding:clamp(1.5rem,3vw,2.3rem) 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.v-q{position:relative;display:block;font-family:var(--display);font-weight:500;font-size:clamp(1.55rem,3.3vw,3.05rem);line-height:1.08;letter-spacing:-.03em;max-width:25ch;text-wrap:balance}
.v-ink{display:none}
.js .v-line{color:rgb(18 35 28/.24)}
.js .v-ink{display:block;position:absolute;inset:0;color:var(--fg);pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 calc(var(--f,0) * 130% - 30%),transparent calc(var(--f,0) * 130%));mask-image:linear-gradient(180deg,#000 calc(var(--f,0) * 130% - 30%),transparent calc(var(--f,0) * 130%))}
.v-to{display:inline-flex;align-items:center;gap:.55rem;font-size:.8125rem;font-weight:600;color:var(--fg3);white-space:nowrap;transition:color .3s var(--ease)}
.v-to b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--em)}
.voice a:hover .v-to,.voice a:focus-visible .v-to{color:var(--fg)}
.voice a:hover .arrow,.voice a:focus-visible .arrow{transform:translateX(4px)}
.voices-end{margin:2.5rem 0 0;max-width:40rem;font-size:1.125rem;color:var(--fg2)}
@media (min-width:64em){
  .voice a{grid-template-columns:minmax(0,1fr) 10rem;align-items:end;gap:3rem}
  .voice:nth-child(even) a{padding-left:clamp(4rem,11vw,10rem)}
  .v-to{justify-self:end}
  .js .v-line{color:transparent;-webkit-text-stroke:1px rgb(18 35 28/.42)}
}

/* ================= 02 RESOLVER ================= */
.rs-grid{margin-top:clamp(2.5rem,6vw,4rem)}
.rs-steps{list-style:none;margin:0;padding:0;display:grid;gap:2.75rem}
.rs-step{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:1rem}
.rs-n{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--rule2);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)}
.rs-step.on .rs-n{background:var(--fg);color:var(--bg);box-shadow:none}
.rs-step h3{margin:.15rem 0 .55rem;font-family:var(--display);font-weight:520;font-size:clamp(1.45rem,2.2vw,1.95rem);line-height:1.08;letter-spacing:-.026em;text-wrap:balance}
.rs-step p{margin:0;color:var(--fg2);font-size:1rem;line-height:1.55;max-width:30rem}
.rs-step .nat{margin-top:.85rem}
.rs-crop{grid-column:1/-1;margin-top:.4rem;font-size:clamp(9.5px,2.75vw,12px)}
.rs-crop .ui-site{height:auto;border-radius:.8em}
.rs-crop .as-solo{padding:1.3em 1.2em 1.4em}
.rs-crop .as-chat-in{padding:1.1em;align-items:flex-end}
.rs-crop .as-chat-card{max-width:19em}
.rs-crop .as-wa{position:static}
.rs-crop .ui[data-step="2"] [data-cta]{box-shadow:0 0 0 .22em #fff,0 0 0 .4em var(--gold)}
.rs-visual{margin-top:2.5rem}
.js .rs-visual{display:none}
.rs-frame{position:relative;margin-left:auto;font-size:clamp(9px,2.4vw,14.5px)}
.ui-site.wide{height:auto}
.ui-site.wide .as-nav{gap:1.4em;padding:0 1.6em}
.ui-site.wide .as-hero{grid-template-columns:1.05fr .95fr;gap:1.8em;padding:2em 2em 1.5em}
.ui-site.wide .as-h{font-size:2.7em}
.ui-site.wide .as-p{font-size:.92em;max-width:24em}
.ui-site.wide .as-proof{padding:.5em 2em 1.3em}
.ui-site.wide .as-row{gap:1em}
.as-pj{margin:0}
.as-pj figcaption{margin-top:.5em;font-size:.72em;color:#6c5f55}
.ui-site.wide .as-blog{padding:.3em 2em 1.7em;max-width:58%}
.as-bp{display:inline-flex;align-items:center;gap:.4em;margin-left:.8em;letter-spacing:.02em;text-transform:none;font-weight:600;color:var(--u-acc)}
.as-bp img{width:1.3em;height:1.3em}
.as-chat{position:absolute;right:1.4em;bottom:1.4em;width:17.5em}
.as-chat-in{display:flex;flex-direction:column;align-items:flex-end;gap:.7em}
.as-chat-card{width:100%;padding:.8em .85em;border-radius:.9em;background:#fff;box-shadow:0 1.2em 2.4em -1em rgb(42 31 25/.4),0 0 0 1px rgb(42 31 25/.06)}
.as-chat-h{display:flex;align-items:center;gap:.5em;font-size:.74em;font-weight:650;color:#2a1f19;margin-bottom:.55em!important}
.as-chat-h .wa-av{width:1.75em;height:1.75em;font-size:.85em;color:#fff}
.as-chat-h span{margin-left:auto;font-weight:500;color:var(--u-ink3)}
.as-chat .bub{max-width:100%;font-size:.8em;background:#f3efe8;box-shadow:none}
.as-chat .as-wa{position:static}
.rs-frame .mat{border-radius:.6em;transition:box-shadow .45s var(--ease)}
.rs-frame .mat.cur{box-shadow:0 0 0 .16em var(--u-acc,#0b6a50)}
.rs-frame [data-cta]{transition:box-shadow .45s var(--ease)}
.rs-frame[data-step="2"] [data-cta]{box-shadow:0 0 0 .22em #fff,0 0 0 .4em var(--gold)}
.rs-mark{position:absolute;left:0;top:0;z-index:3;width:2.1rem;height:2.1rem;border-radius:50%;display:none;place-items:center;background:var(--fg);color:var(--bg);font-size:.8125rem;font-weight:600;
  box-shadow:0 0 0 4px var(--bg);transform:translate(var(--mx,0px),var(--my,0px));opacity:0;transition:transform .6s var(--ease),opacity .3s var(--ease)}
.js .rs-mark{display:grid}
.rs-frame:not([data-step="0"]) .rs-mark{opacity:1}
.rs-note{margin:1rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;font-size:.8125rem;color:var(--fg3)}
.rs-after{display:grid;gap:3.25rem;margin-top:clamp(3.5rem,8vw,6rem)}
.rs-after h3.cap{margin:0 0 1rem}
.rs-proof-lede{margin:0 0 1.25rem;color:var(--fg2);max-width:32rem}
.posts{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
.posts a{display:grid;grid-template-columns:9rem minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:1rem;text-decoration:none;color:inherit}
.posts img{grid-row:1/3;width:100%;height:auto;aspect-ratio:1600/814;object-fit:cover;border-radius:.5rem;box-shadow:0 0 0 1px var(--rule)}
.p-host{font-size:.75rem;color:var(--fg3);align-self:end}
.p-t{margin-top:.2rem;font-weight:600;line-height:1.3;align-self:start}
.posts a:hover .p-t,.posts a:focus-visible .p-t{text-decoration:underline;text-underline-offset:.2em}
.rs-proof-src{margin:1rem 0 0;font-size:.8125rem;color:var(--fg3)}
@media (min-width:64em){
  .rs-grid{display:grid;grid-template-columns:minmax(0,23rem) minmax(0,1fr);gap:clamp(2.5rem,5vw,5.5rem)}
  .rs-steps{gap:0}
  .rs-step{min-height:56vh;align-content:start;padding-top:11vh}
  .rs-step:first-child{padding-top:3vh}
  .rs-step:last-child{min-height:70vh}
  .js .rs-step{opacity:.3;transition:opacity .42s var(--ease)}
  .js .rs-step.on{opacity:1}
  .rs-crop{display:none}
  .rs-visual,.js .rs-visual{display:block;margin:0}
  .rs-sticky{position:sticky;top:calc(var(--hdr) + max(1.5rem,(var(--stage-h) - var(--rs-h,38rem)) / 2))}
  .rs-frame{font-size:clamp(11px,.98vw,14.5px)}
  .rs-after{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(3rem,6vw,6rem)}
}

/* ================= 03 CONECTAR ================= */
.cn-story{margin-top:clamp(2.25rem,6vw,3.5rem)}
.cn-stage{padding-inline:var(--gx)}
.cn-ph{margin:0 0 2.5rem}
.cn-ph .cap{margin:0}
.cn-ph h3{margin:.55rem 0 .9rem;font-family:var(--display);font-weight:520;font-size:clamp(1.55rem,2.3vw,2.1rem);line-height:1.06;letter-spacing:-.026em;text-wrap:balance}
.cn-ph p{margin:0 0 .85rem;color:var(--fg2);font-size:1rem;line-height:1.55}
.cn-ph strong{color:var(--gold);font-weight:600}
.cn-count{display:flex;align-items:baseline;gap:.75rem;margin-top:1.4rem!important}
.cn-count b{font-family:var(--display);font-weight:520;font-size:3.1rem;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums}
.cn-err{display:flex;gap:.65rem;align-items:flex-start;color:var(--coral)!important}
.cn-err i{flex:none;width:.6rem;height:.6rem;margin-top:.5rem;border-radius:50%;background:var(--coral)}
.cn-tz{color:var(--fg)!important;font-weight:600}
.cn-hub{margin:0 0 2.75rem}
.cn-hub-fig{position:relative;width:min(100%,21rem);aspect-ratio:1;margin:0 auto}
.cn-hub-fig::before{content:"";position:absolute;inset:17%;border-radius:50%;border:1px dashed var(--rule2)}
.cn-hub .cn-av{position:absolute;left:50%;top:50%;width:4.2rem;height:4.2rem;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:#f2efe6;color:#061a14;font-family:var(--display);font-weight:600;font-size:1.4rem}
.hb{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:.6rem;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--rule2);font-size:.8125rem;font-weight:600;white-space:nowrap;
  transform:translate(-50%,-50%) rotate(var(--a)) translateX(7.4rem) rotate(calc(var(--a) * -1))}
.hb i{font-style:normal;font-size:.75rem;font-weight:700;color:var(--gold)}
.hb.src{box-shadow:inset 0 0 0 1px var(--teal)}
.hb.err{box-shadow:inset 0 0 0 1px var(--coral)}
.hb.err i{color:var(--coral)}
.cn-canvas{margin-top:.5rem}
.cn-links,.cn-win,.cn-person,.cn-ghost,.cn-log{display:none}
.cn-token{position:relative;display:grid;gap:1.4rem}
.cn-token::before{content:"";position:absolute;left:1.5rem;top:1.25rem;bottom:1.25rem;border-left:1.5px solid var(--teal);opacity:.55}
.tk-f{position:relative;padding:.9em 1em;border-radius:.85em;background:#fbf9f5;color:#1c2621;font-size:1rem;line-height:1.3;
  box-shadow:0 0 0 1px rgb(255 255 255/.1),0 0 2.6em -.5em rgb(95 214 196/.35),0 1.6em 3em -1.4em rgb(0 0 0/.85)}
.tk-k{margin:0 0 .45em;font-size:.72em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#56605b}
.tk-msg{margin:0;font-size:.95em}
.tk-msg.out{padding:.55em .7em;border-radius:.6em;background:#d7f4cd}
.tk-dl{margin:0;display:grid}
.tk-dl div{display:flex;justify-content:space-between;gap:1em;padding:.28em 0;border-top:1px solid #e2ddd2;font-size:.86em}
.tk-dl dt{color:#848c87}
.tk-dl dd{margin:0;font-weight:600;text-align:right}
.tk-t{margin:0;font-family:var(--display);font-weight:560;font-size:1.25em;letter-spacing:-.015em;line-height:1.1}
.tk-s{margin:.25em 0 0;font-size:.86em;color:#56605b}
.tk-meta{margin:.65em 0 0;display:flex;align-items:center;gap:.6em;font-size:.86em;font-weight:600}
.tk-f.gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 0 0 1px rgb(255 255 255/.15),0 0 3em -.4em rgb(229 168 46/.6),0 1.6em 3em -1.4em rgb(0 0 0/.85)}
.tk-f.gold .tk-k,.tk-f.gold .tk-s{color:rgb(20 16 8/.72)}
@media (min-width:64em){
  html:not(.js) .cn-stage,html.rm .cn-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,31rem);gap:clamp(3rem,6vw,6rem);align-items:start}
  html:not(.js) .cn-canvas,html.rm .cn-canvas{margin-top:0}
}
.cn-after{margin-top:clamp(3.5rem,8vw,6rem)}
.changes{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}
.changes li{display:grid;gap:.3rem;padding:1.15rem 0;border-bottom:1px solid var(--rule)}
.changes b{font-size:1.125rem;font-weight:650;letter-spacing:-.01em}
.changes span{color:var(--fg2)}
.cn-cols{display:grid;gap:3rem;margin-top:clamp(3rem,6vw,4.5rem)}
.cn-cols h3.cap,.cases h3.cap{margin:0 0 1rem}
.explain p{margin:0 0 .9rem;color:var(--fg2);max-width:30rem}
.explain strong{color:var(--fg)}
.cases{margin-top:clamp(3rem,6vw,4.5rem)}
.cases ul{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}
.cases li{padding:1.2rem 0;border-bottom:1px solid var(--rule);display:grid;gap:.5rem}
.cases blockquote{margin:0;font-family:var(--display);font-weight:500;font-size:1.2rem;line-height:1.25;letter-spacing:-.015em}
.cases li p{margin:0;font-size:.875rem;color:var(--fg3)}
.cases li p b{color:var(--fg2);font-weight:600}
.cases-src{margin:1.1rem 0 0;font-size:.8125rem;color:var(--fg3);max-width:44rem}
@media (min-width:64em){
  .changes{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem;border-top:0}
  .changes li{border-top:1px solid var(--rule);border-bottom:0}
  .cn-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(3rem,6vw,6rem)}
  .cases ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem;border-top:0}
  .cases li{border-top:1px solid var(--rule);border-bottom:0;align-content:start}
}
@media (min-width:64em){
  html.js:not(.rm) .cn-story{height:calc(var(--stage-h) + 340vh)}
  html.js:not(.rm) .cn-stage{position:sticky;top:var(--hdr);height:var(--stage-h);display:grid;grid-template-columns:minmax(0,19.5rem) minmax(0,1fr);gap:clamp(2rem,3.5vw,3.5rem);align-items:center;overflow:hidden}
  html.js:not(.rm) .cn-copy{position:relative;height:26rem}
  html.js:not(.rm) .cn-hub{display:none}
  html.js:not(.rm) .cn-ph{position:absolute;left:0;right:0;top:0;margin:0;opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s .18s}
  html.js:not(.rm) .cn-stage[data-phase="a"] [data-ph="a"],html.js:not(.rm) .cn-stage[data-phase="b"] [data-ph="b"],html.js:not(.rm) .cn-stage[data-phase="c"] [data-ph="c"]{
    opacity:1;visibility:visible;transform:none;transition:opacity .42s var(--ease) .16s,transform .42s var(--ease) .16s,visibility 0s .16s}
  html.js:not(.rm) .cn-err{opacity:0;transition:opacity .35s var(--ease)}
  html.js:not(.rm) .cn-err.on{opacity:1}
  html.js:not(.rm) .cn-canvas{height:100%;display:flex;align-items:center;justify-content:center;min-width:0;margin:0}
  html.js:not(.rm) .cn-space{position:relative;width:min(100%,calc((var(--stage-h) - 2.5rem) * 900 / 640));aspect-ratio:900/640;container-type:inline-size}
  html.js:not(.rm) .cn-space>*{--u:calc(100cqw / 900);font-size:calc(13 * var(--u))}
  html.js:not(.rm) .cn-links{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
  html.js:not(.rm) .cn-win{display:block;position:absolute;left:0;top:0;width:calc(var(--w,200) * var(--u));height:calc(var(--h,150) * var(--u));
    transform:translate(calc(var(--x,0) * var(--u)),calc(var(--y,0) * var(--u))) rotate(calc(var(--r,0) * 1deg));opacity:var(--o,1)}
  html.js:not(.rm) .cn-person{display:flex;position:absolute;left:0;top:0;z-index:2;flex-direction:column;align-items:center;gap:.5em;transform:translate(calc(var(--x,450) * var(--u) - 50%),calc(var(--y,320) * var(--u) - 2.6em))}
  html.js:not(.rm) .cn-ghost{display:block;position:absolute;left:0;top:0;z-index:4;padding:.42em .8em;border-radius:1em;background:#f2efe6;color:#061a14;font-size:.92em;font-weight:600;white-space:nowrap;
    transform:translate(calc(var(--x,0) * var(--u) - 50%),calc(var(--y,0) * var(--u) - 50%));opacity:var(--o,0);box-shadow:0 .6em 1.4em -.6em rgb(0 0 0/.8)}
  html.js:not(.rm) .cn-token{display:block;position:absolute;left:0;top:0;z-index:5;width:calc(250 * var(--u));gap:0;
    transform:translate(calc(var(--x,0) * var(--u) - 50%),calc(var(--y,0) * var(--u) - 50%)) scale(var(--s,1));opacity:var(--o,0)}
  html.js:not(.rm) .cn-token::before{display:none}
  html.js:not(.rm) .tk-f{position:absolute;left:0;top:0;width:100%;font-size:1em;opacity:0;transform:scale(.94);transition:opacity .3s var(--ease),transform .3s var(--ease)}
  html.js:not(.rm) .cn-token[data-form="msg"] [data-f="msg"],html.js:not(.rm) .cn-token[data-form="fields"] [data-f="fields"],html.js:not(.rm) .cn-token[data-form="deal"] [data-f="deal"],
  html.js:not(.rm) .cn-token[data-form="ok"] [data-f="ok"],html.js:not(.rm) .cn-token[data-form="order"] [data-f="order"],html.js:not(.rm) .cn-token[data-form="confirm"] [data-f="confirm"]{position:relative;opacity:1;transform:none}
  html.js:not(.rm) .cn-log{display:block;position:absolute;left:0;top:0;width:calc(580 * var(--u));margin:0;padding:.7em 1em;list-style:none;border-radius:.8em;background:rgb(242 239 230/.035);box-shadow:inset 0 0 0 1px var(--rule);
    transform:translate(calc(var(--x,260) * var(--u)),calc(var(--y,440) * var(--u)));opacity:var(--o,0)}
}
.cn-l{fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1}
.cn-l.gold{stroke:var(--gold);stroke-width:2.2}
.cn-copyline{fill:none;stroke:var(--fg3);stroke-width:1.2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.cn-win .ui{height:100%}
.cn-win .ui-wa .bub{font-size:.8em}
.cn-auto,.cn-confirm{opacity:0;transform:translateY(.4em);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.cn-win.s-auto .cn-auto,.cn-win.s-confirm .cn-confirm{opacity:1;transform:none}
.cn-confirm{background:#fbefd5!important}
.cn-form{padding-bottom:.6em}
.cn-space .typed{padding-right:.25em;margin-right:-.25em;clip-path:inset(-.1em calc((1 - var(--t,0)) * 100%) -.15em 0)}
.cn-stamp{position:absolute;right:.9em;top:42%;padding:.25em .65em;border:.16em solid var(--coral);border-radius:.3em;background:rgb(6 26 20/.78);color:var(--coral);font-size:1em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  transform:rotate(-9deg) scale(calc(1.3 - .3 * var(--so,0)));opacity:var(--so,0)}
.cn-good{display:none}
.cn-stage:not([data-phase="a"]) .cn-bad{display:none}
.cn-stage:not([data-phase="a"]) .cn-good{display:inline}
.cn-erpno{opacity:0;transition:opacity .35s var(--ease)}
.cn-win.ordered .cn-erpno{opacity:1;color:var(--u-acc)!important;font-weight:700}
.cn-person .cn-av{width:4.2em;height:4.2em;border-radius:50%;display:grid;place-items:center;background:#f2efe6;color:#061a14;font-family:var(--display);font-weight:600;font-size:1.3em;
  box-shadow:0 0 0 .3em rgb(242 239 230/.1);transition:box-shadow .45s var(--ease)}
.cn-pl{display:flex;flex-direction:column;align-items:center;line-height:1.25;white-space:nowrap}
.cn-pl b{font-size:1em}
.cn-pl span{font-size:.86em;color:var(--fg3)}
.cn-role-b{display:none}
.cn-stage:not([data-phase="a"]) .cn-role-a{display:none}
.cn-stage:not([data-phase="a"]) .cn-role-b{display:inline;color:var(--gold)}
.cn-stage:not([data-phase="a"]) .cn-person .cn-av{box-shadow:0 0 0 .2em var(--gold),0 0 2.2em -.2em rgb(229 168 46/.55)}
.cn-person.lit .cn-av{box-shadow:0 0 0 .3em var(--gold),0 0 3em 0 rgb(229 168 46/.7)}
.cn-ghost.bad{background:var(--coral);color:#1a0b06}
.cn-log li{display:flex;gap:1em;padding:.26em 0;font-size:.9em;color:var(--fg2);opacity:0;transform:translateY(.3em);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.cn-log li.on{opacity:1;transform:none}
.cn-log time{flex:none;width:3.1em;font-variant-numeric:tabular-nums;color:var(--fg3)}
.cn-log li.gold{color:var(--gold)}
.cn-token.reveal .tk-f{opacity:.35;transition:opacity .5s var(--ease)}
.cn-token.reveal .tk-f.on{opacity:1}

/* ================= 04 INTELIGÊNCIA ================= */
.ia-story{margin-top:clamp(2.25rem,6vw,3.5rem)}
.ia-stage{padding-inline:var(--gx)}
.ia-rail{position:sticky;top:calc(var(--hdr) + var(--strip-h));z-index:5;margin:0 calc(var(--gx) * -1);padding:.65rem var(--gx);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.ia-rail::-webkit-scrollbar{display:none}
.ia-tabs{display:flex;gap:.4rem;width:max-content}
.ia-tab{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.45rem;padding:.35rem .85rem .35rem .4rem;border:1px solid var(--rule2);border-radius:999px;background:none;color:var(--fg2);text-align:left;transition:color .3s var(--ease),border-color .3s var(--ease),background-color .3s var(--ease)}
.ia-tab .lv-n{width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--rule2);font-size:.72rem;font-weight:600;transition:background-color .3s var(--ease),color .3s var(--ease)}
.ia-tab .lv-v{font-size:.875rem;font-weight:600;white-space:nowrap}
.ia-tab .lv-d{display:none}
.ia-tab[aria-current="true"]{color:var(--fg);border-color:var(--fg)}
.ia-tab[aria-current="true"] .lv-n{background:var(--fg);color:var(--bg);box-shadow:none}
.ia-meter{display:none}
.ia-panel{display:grid;gap:1.4rem;margin-top:2.75rem;scroll-margin-top:calc(var(--hdr) + var(--strip-h) + 4rem)}
.ia-mh{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--em)}
.ia-win{height:auto;font-size:13.5px}
.ia-chat{display:flex;flex-direction:column;gap:.6em;padding:1em;background:#ece5dc}
.ia-chat .bub{font-size:.9em;max-width:88%}
.ia-src{display:flex;align-items:center;gap:.45em;margin-top:.6em;padding-top:.5em;border-top:1px solid rgb(0 0 0/.08);font-size:.82em;font-weight:600;color:var(--u-acc)}
.ia-src::before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor}
.ia-src.hand{color:#7a5410}
.ia-an,.ia-recs{display:grid;gap:.6em;padding:1em;background:var(--u-bg2)}
.ia-card,.ia-rec{padding:.85em 1em;border-radius:.6em;background:#fff;display:grid;gap:.3em}
.ia-card span{font-size:.7em;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--u-ink3)}
.ia-card b{font-size:1em;line-height:1.25}
.ia-card em{font-style:normal;font-size:.82em;color:var(--u-ink2)}
.ia-card.warn{background:var(--u-coral2)}
.ia-card.warn em{color:var(--u-coral);font-weight:650}
.ia-bar{display:block;height:.45em;margin:.25em 0;border-radius:.3em;background:var(--u-bg3);overflow:hidden}
.ia-bar::after{content:"";display:block;height:100%;width:var(--v);border-radius:inherit;background:var(--u-acc)}
.ia-rec b{font-size:.98em;line-height:1.25}
.ia-rec p{font-size:.84em;color:var(--u-ink2)}
.ia-rec.dim{opacity:.62}
.ia-act{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.35em}
.ia-log{list-style:none;margin:0;padding:.4em 1em 1em;display:grid}
.ia-log li{display:grid;grid-template-columns:3.3em minmax(0,1fr) auto;gap:.8em;align-items:center;padding:.7em 0;border-bottom:1px solid var(--u-line);font-size:.9em}
.ia-log time{font-variant-numeric:tabular-nums;color:var(--u-ink3)}
.ia-appr{padding:1.2em 1.2em 1.1em;display:grid;gap:.75em}
.ia-appr-k{font-size:.72em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--u-ink3)}
.ia-appr-t{font-family:var(--display);font-weight:560;font-size:1.35em;line-height:1.1;letter-spacing:-.015em}
.ia-appr dl{margin:0;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:1.2em;padding:.85em 0;border-block:1px solid var(--u-line)}
.ia-appr dt{font-size:.72em;color:var(--u-ink3)}
.ia-appr dd{margin:.15em 0 0;font-size:.9em;font-weight:600}
#ia-approve{border:0;font-family:inherit}
#ia-approve[disabled]{background:var(--u-acc2);color:var(--u-acc);cursor:default}
.ia-audit{font-size:.8em;color:var(--u-ink2)}
.ia-audit.done{color:var(--u-acc);font-weight:600}
.ia-say h4{margin:0 0 .75rem;font-family:var(--display);font-weight:520;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.06;letter-spacing:-.026em;text-wrap:balance}
.ia-say>p{margin:0 0 1.1rem;color:var(--fg2);max-width:30rem}
.ia-say>p.ia-ev{display:grid;gap:.45rem;padding:.9rem 1rem;margin:0;border-radius:.8rem;background:var(--soft);font-size:.9375rem;color:var(--fg2)}
.ia-foot{margin:2.5rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;font-size:.8125rem;color:var(--fg3)}
@media (min-width:64em){
  .ia-win{font-size:clamp(14px,1.14vw,17px)}
  .js .ia-story{height:calc(var(--stage-h) + 290vh)}
  .js .ia-stage{position:sticky;top:var(--hdr);height:var(--stage-h);display:grid;grid-template-columns:minmax(0,16.5rem) minmax(0,1fr);gap:clamp(2rem,3.6vw,4rem);align-items:center}
  .js .ia-rail{position:static;margin:0;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;overflow:visible}
  .js .ia-tabs{display:grid;gap:.1rem;width:auto}
  .js .ia-tab{grid-template-columns:2rem minmax(0,1fr);column-gap:.95rem;row-gap:0;align-items:start;padding:.65rem .2rem;border:0;border-radius:.6rem;color:var(--fg3)}
  .js .ia-tab .lv-n{grid-row:1/3;width:2rem;height:2rem;font-size:.8125rem}
  .js .ia-tab .lv-v{font-family:var(--display);font-size:1.45rem;font-weight:520;letter-spacing:-.02em;line-height:2rem;white-space:normal}
  .js .ia-tab .lv-d{display:block;grid-column:2;font-size:.875rem;color:var(--fg3);max-height:0;opacity:0;overflow:hidden;transition:max-height .42s var(--ease),opacity .3s var(--ease)}
  .js .ia-tab[aria-current="true"]{color:var(--fg)}
  .js .ia-tab[aria-current="true"] .lv-d{max-height:3rem;opacity:1}
  .js .ia-tab:hover{color:var(--fg)}
  .js .ia-meter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;margin-top:1.6rem;font-size:.75rem;color:var(--fg3)}
  .js .ia-meter i{height:3px;border-radius:2px;background:var(--rule2);overflow:hidden}
  .js .ia-meter i b{display:block;height:100%;width:calc(var(--lv,1) * 20%);background:var(--teal);transition:width .5s var(--ease)}
  .js .ia-meter em{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;margin-top:.45rem;font-style:normal;font-weight:600;color:var(--gold)}
  .js .ia-meter em::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--gold)}
  .js .ia-panels{position:relative;height:min(35rem,calc(var(--stage-h) - 4rem))}
  .js .ia-panel{position:absolute;inset:0;margin:0;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.75rem,3vw,3rem);align-items:center;
    opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s .18s}
  .js .ia-stage[data-lv="1"] #ia-p1,.js .ia-stage[data-lv="2"] #ia-p2,.js .ia-stage[data-lv="3"] #ia-p3,.js .ia-stage[data-lv="4"] #ia-p4,.js .ia-stage[data-lv="5"] #ia-p5{
    opacity:1;visibility:visible;transform:none;transition:opacity .42s var(--ease) .16s,transform .42s var(--ease) .16s,visibility 0s .16s}
  .js .ia-mh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ia-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:2.5rem}
}
.ia-panel.on .ia-chat .bub,.ia-panel.on .ia-card,.ia-panel.on .ia-rec,.ia-panel.on .ia-log li{animation:ia-in .45s var(--ease) both}
.ia-panel.on :is(.ia-chat .bub,.ia-card,.ia-rec,.ia-log li):nth-child(2){animation-delay:.12s}
.ia-panel.on :is(.ia-chat .bub,.ia-card,.ia-rec,.ia-log li):nth-child(3){animation-delay:.24s}
.ia-panel.on :is(.ia-chat .bub,.ia-card,.ia-rec,.ia-log li):nth-child(4){animation-delay:.36s}
.ia-panel.on .ia-log li:nth-child(5){animation-delay:.48s}
@keyframes ia-in{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}

/* ================= 05 CONSTRUIR ================= */
.cs-story{display:none}
.cs-mob{display:block;margin-top:2.5rem;max-width:46rem}
.cs-mob-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.cs-mob-i{display:grid;gap:.45rem;padding:1.05rem 1.15rem;border-radius:1rem;border:1.5px dashed var(--line);transition:border-color .5s var(--ease),background-color .5s var(--ease)}
.cs-mob-i q{font-family:var(--display);font-weight:500;font-size:1.3rem;line-height:1.15;letter-spacing:-.02em;color:var(--fg2)}
.cs-arrow{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.cs-mob-i b{font-size:1.0625rem;font-weight:650;color:var(--fg3);transition:color .5s var(--ease)}
.cs-mob-i.on{border-style:solid;border-color:rgb(229 168 46/.55);background:rgb(229 168 46/.06)}
.cs-mob-i.on b{color:var(--gold)}
.no-js .cs-mob-i,.rm .cs-mob-i{border-style:solid}
.cs-mob-base{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.6rem 0 0}
.cs-mob-base .cap{flex-basis:100%;margin-bottom:.25rem}
.chip{display:inline-flex;align-items:center;min-height:2.1rem;padding:0 .8rem;border-radius:999px;border:1px dashed var(--line);font-size:.8125rem;color:var(--fg2)}
@media (min-width:64em){
  html.js:not(.rm) .cs-story{display:block;height:calc(var(--stage-h) + 240vh);margin-top:clamp(1rem,3vw,2rem)}
  html.js:not(.rm) .cs-mob{display:none}
  .cs-stage{position:sticky;top:var(--hdr);height:var(--stage-h);overflow:hidden}
  .cs-need{position:absolute;z-index:3;left:var(--gx);top:0;margin:0;width:min(58rem,calc(100vw - 2 * var(--gx)));transform-origin:0 0;transform:translate3d(0,var(--ny,30vh),0) scale(var(--ns,1))}
  .cs-need p{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
  .cs-need mark{color:inherit;background:linear-gradient(var(--mk,rgb(229 168 46/.6)),var(--mk,rgb(229 168 46/.6))) 0 100%/100% .09em no-repeat;transition:color .4s var(--ease)}
  .cs-need mark.sent{color:var(--gold);--mk:var(--gold)}
  .cs-need footer{margin-top:1.1rem;display:flex;align-items:center;gap:.8rem;font-size:.9375rem;color:var(--fg3);opacity:var(--nf,1)}
  .cs-plan{position:absolute;left:0;right:0;bottom:0;height:66%;perspective:1500px;perspective-origin:50% -20%;opacity:var(--po,0)}
  .cs-floor{position:absolute;left:50%;top:14%;width:min(60rem,78vw);height:24rem;transform-origin:50% 0;transform:translateX(-50%) rotateX(58deg);transform-style:preserve-3d;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.1rem}
  .cs-mod{position:relative;grid-column:var(--c);grid-row:var(--r);transform-style:preserve-3d;border-radius:1rem;border:1.5px dashed var(--line);opacity:var(--mo,0);transition:border-color .45s var(--ease),background-color .45s var(--ease)}
  .cs-mod.on{border-style:solid;border-color:rgb(95 214 196/.5);background:rgb(95 214 196/.07)}
  .cs-mod.up.on{border-color:rgb(229 168 46/.55);background:rgb(229 168 46/.06)}
  .cs-ml{position:absolute;left:1rem;right:1rem;bottom:.9rem;transform-origin:50% 100%;transform:rotateX(-58deg);font-size:1rem;font-weight:650;letter-spacing:-.005em;line-height:1.2;color:var(--fg);text-align:center}
  .cs-mod.up .cs-ml{bottom:.4rem;font-size:.9375rem;color:var(--fg2)}
  .cs-screen{position:absolute;left:50%;bottom:2.6rem;transform-origin:50% 100%;transform:translateX(-50%) rotateX(calc(-58deg * var(--up,0)));font-size:9.5px}
  .cs-screen.phone{width:13em;height:26em}
  .cs-screen.tablet{width:23em;height:16.5em}
  .cs-screen.laptop{width:24em;height:16.5em}
  .cs-screen .mat,.cs-screen .mat-b,.cs-screen .mat-t{width:100%;height:100%}
  .cs-caps{position:absolute;z-index:3;left:var(--gx);bottom:1.4rem;width:34rem;height:1.6rem}
  .cs-cap{position:absolute;inset:0;margin:0;font-size:.9375rem;color:var(--fg2);opacity:0;transition:opacity .18s var(--ease)}
  .cs-stage[data-phase="0"] [data-c="0"],.cs-stage[data-phase="1"] [data-c="1"],.cs-stage[data-phase="2"] [data-c="2"]{opacity:1;transition:opacity .42s var(--ease) .16s}
  .cs-fly{position:absolute;left:0;top:0;z-index:6;padding:.4rem .85rem;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:.875rem;font-weight:600;white-space:nowrap;pointer-events:none;
    transform:translate3d(var(--fx,0px),var(--fy,0px),0) translate(-50%,-50%) scale(var(--fs,1));opacity:var(--fo,0)}
}
.cs-roles{padding-top:clamp(3.5rem,8vw,6.5rem)}
.rl-head{max-width:44rem}
.rl-h{margin:0;font-family:var(--display);font-weight:520;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.rl-head p{margin:.9rem 0 0;color:var(--fg2);max-width:36rem}
.rl-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.rl-tabs button{min-height:2.75rem;padding:0 1.2rem;border-radius:999px;border:1px solid var(--rule2);background:transparent;color:var(--fg2);font-size:.9375rem;font-weight:500;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.rl-tabs button[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:600}
@media (hover:hover) and (pointer:fine){.rl-tabs button:hover{border-color:var(--fg);color:var(--fg)}.rl-tabs button[aria-selected="true"]:hover{color:var(--bg)}}
.rl-stage{display:grid;gap:2rem;margin-top:2rem}
.rl-device-wrap{position:relative}
.rl-device{position:relative}
.rl-screen{position:absolute;left:0;top:0;width:100%;opacity:0;visibility:hidden;transition:opacity .18s var(--ease),visibility 0s .18s}
.rl-stage[data-role="cliente"] .rl-screen[data-role="cliente"],.rl-stage[data-role="vendas"] .rl-screen[data-role="vendas"],.rl-stage[data-role="fabrica"] .rl-screen[data-role="fabrica"],
.rl-stage[data-role="instalacao"] .rl-screen[data-role="instalacao"],.rl-stage[data-role="diretoria"] .rl-screen[data-role="diretoria"]{position:relative;opacity:1;visibility:visible;transition:opacity .42s var(--ease) .16s,visibility 0s .16s}
.rl-screen>.mat-b,.rl-screen>.mat-t{height:100%}
.rl-screen[data-role="cliente"],.rl-screen[data-role="instalacao"]{font-size:14px}
.rl-screen[data-role="cliente"] .u-phone,.rl-screen[data-role="instalacao"] .u-phone{width:19.5rem;height:39rem;max-width:100%;margin:0 auto}
.rl-screen .ui{font-size:13px}
.rl-screen .u-phone .ui{font-size:inherit}
.u-laptop{position:relative;padding:.7em .7em 1.6em;border-radius:1em 1em .5em .5em;background:#17211d;box-shadow:0 0 0 1px rgb(255 255 255/.08) inset,0 0 3em -.6em var(--glow),0 2.4em 4.8em -2em rgb(0 0 0/.85)}
.u-laptop>.ui{border-radius:.4em;box-shadow:none}
.u-laptop::after{content:"";position:absolute;left:50%;bottom:.55em;width:5em;height:.35em;margin-left:-2.5em;border-radius:.2em;background:#2c3832}
.rl-crm,.rl-dir,.rl-fab{display:flex;flex-direction:column}
.rc-body{display:grid;grid-template-columns:minmax(0,1fr)}
.rc-side{display:none}
.rc-main{padding:1.1em 1.2em;display:grid;align-content:start;gap:.7em}
.rc-h{font-family:var(--display);font-weight:560;font-size:1.4em;letter-spacing:-.02em;line-height:1.1}
.rc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em .7em;font-size:.86em;color:var(--u-ink2)}
.rc-tl{list-style:none;margin:.3em 0 0;padding:0;display:grid}
.rc-tl li{display:grid;grid-template-columns:7.6em minmax(0,1fr);gap:.8em;padding:.6em 0;border-top:1px solid var(--u-line);font-size:.86em}
.rc-tl time{color:var(--u-ink3);font-variant-numeric:tabular-nums}
.rc-next{padding:1.1em 1.2em;border-top:1px solid var(--u-line);display:grid;align-content:start;justify-items:start;gap:.6em;background:var(--u-bg2)}
.rc-k{font-size:.7em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--u-ink3)}
.rc-next b{font-size:1em;line-height:1.25}
.rf-body{display:grid;gap:.9em;padding:.9em;background:var(--u-bg2)}
.rf-list{display:grid;align-content:start;gap:.55em}
.rf-list .fl-row b{font-size:.86em}
.rf-list .fl-row span{font-size:.74em}
.rf-det{padding:1em;border-radius:.7em;background:#fff;display:grid;align-content:start;gap:.7em}
.rf-mat{list-style:none;margin:0;padding:0;display:grid}
.rf-mat li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6em;align-items:center;padding:.55em 0;border-top:1px solid var(--u-line);font-size:.84em}
.rf-mat b{font-variant-numeric:tabular-nums}
.rf-steps{display:flex;gap:.4em}
.rf-steps span{flex:1;height:2.3em;display:grid;place-items:center;border-radius:.45em;background:var(--u-bg2);font-size:.78em;font-weight:600;color:var(--u-ink3)}
.rf-steps .ok{background:var(--u-acc2);color:var(--u-acc)}
.rf-steps .now{background:var(--u-gold2);color:#7a5410;box-shadow:inset 0 0 0 .12em var(--u-gold)}
.rd-body{display:grid;gap:.8em;padding:.9em;background:var(--u-bg2)}
.rd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
.rd-kpis .pn-kpi{background:#fff;padding:.7em .8em}
.rd-kpis .pn-kpi span{font-size:.72em}
.rd-kpis .pn-kpi b{font-size:1.45em}
.rd-funnel,.rd-alerts{padding:1em;border-radius:.7em;background:#fff;display:grid;align-content:start;gap:.6em}
.rd-bars{display:grid;gap:.55em}
.rd-bars p{display:grid;grid-template-columns:6.4em minmax(0,1fr) 2em;align-items:center;gap:.6em;font-size:.84em}
.rd-bars i{position:relative;height:.9em;border-radius:.3em;background:var(--u-bg2);overflow:hidden}
.rd-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--v) * 100%);border-radius:inherit;background:var(--u-acc)}
.rd-bars b{text-align:right;font-variant-numeric:tabular-nums}
.rd-alerts p:not(.rc-k){display:flex;flex-direction:column;align-items:flex-start;gap:.35em;padding:.5em 0;border-top:1px solid var(--u-line);font-size:.84em;color:var(--u-ink2)}
.rl-portal .pt-top{padding-right:1em}
.rl-portal .pt-hi{margin-left:auto;font-size:.72em;color:var(--u-ink2)}
.rl-portal .pt-card.big{padding:.9em}
.rl-portal .pt-card.big b{font-size:1em}
.pt-st{margin-top:.55em!important}
.rl-portal .pt-steps{flex:none;gap:.62em}
.rl-portal .pt-steps li{font-size:.7em}
.rl-portal .pt-steps li em{margin-left:auto;font-style:normal;font-weight:400;color:var(--u-ink3)}
.pt-sub{margin:.3em .65em .45em!important;font-size:.62em;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--u-ink3)}
.pt-photos{display:grid;grid-template-columns:1fr 1fr;gap:.4em;margin:0 .65em}
.pt-photos .img{aspect-ratio:4/3;border-radius:.45em}
.pt-btn{margin:auto .65em 1em!important;height:2.6em;border-radius:1.3em;display:grid;place-items:center;background:var(--u-ar);color:#fff;font-size:.74em;font-weight:700}
.rl-app .app-addr{display:block;margin-top:.25em;font-size:.62em;opacity:.75}
.rl-app .app-list{flex:none}
.rl-app .app-list li{font-size:.72em}
.app-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:.3em;margin:0 .65em}
.app-photos .img{display:block;aspect-ratio:1;border-radius:.35em}
.app-sign{margin:.6em .65em;padding:.5em .6em;border-radius:.5em;background:#fff;box-shadow:inset 0 0 0 1px var(--u-line);color:var(--u-ink)}
.app-sign span{display:block;font-size:.6em;color:var(--u-ink3)}
.app-sign svg{width:100%;height:2.2em}
.rl-app .app-cta{margin-top:auto}
.rl-side{display:grid;gap:1.25rem;align-content:center}
.rl-info{display:none}
.rl-stage[data-role="cliente"] .rl-info[data-role="cliente"],.rl-stage[data-role="vendas"] .rl-info[data-role="vendas"],.rl-stage[data-role="fabrica"] .rl-info[data-role="fabrica"],
.rl-stage[data-role="instalacao"] .rl-info[data-role="instalacao"],.rl-stage[data-role="diretoria"] .rl-info[data-role="diretoria"]{display:block;animation:rl-in .42s var(--ease) .12s both}
.rl-stage.xray .rl-info{display:none!important}
@keyframes rl-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rl-info .cap,.rl-x .cap{margin:0}
.rl-info h4{margin:.5rem 0 1rem;font-family:var(--display);font-weight:520;font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.rl-info ul,.rl-x ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.rl-x ul{margin-top:.9rem}
.rl-info li,.rl-x li{padding:.7rem 0;border-bottom:1px solid var(--rule);color:var(--fg2)}
.rl-x b{color:var(--fg);font-weight:600}
.rl-x{animation:rl-in .42s var(--ease) both}
.rl-xbtn{justify-self:start}
.rl-xbtn[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.cs-offer{display:grid;gap:1.1rem;justify-items:start;margin-top:clamp(3rem,6vw,4.5rem);padding:1.6rem 1.75rem;border-radius:1.2rem;background:var(--surf);box-shadow:inset 0 0 0 1px var(--rule)}
.cs-offer p{margin:0}
.cs-offer-t{font-size:1.125rem;color:var(--fg);max-width:34rem}
.cs-foot{margin:1.25rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem .7rem;align-items:center;font-size:.8125rem;color:var(--fg3)}
@media (min-width:48em){
  .rc-body{grid-template-columns:8.4em minmax(0,1fr) 13em}
  .rc-side{display:grid;align-content:start;gap:.2em;padding:1em .6em;background:var(--u-bg2)}
  .rc-side p{padding:.5em .7em;border-radius:.5em;font-size:.86em;color:var(--u-ink2)}
  .rc-side p.on{background:#fff;color:var(--u-ink);font-weight:600}
  .rc-next{border-top:0;border-left:1px solid var(--u-line);background:none}
  .rf-body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .rd-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .rd-kpis{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:64em){
  .rl-stage{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}
  .rl-device-wrap{height:41rem}
  .rl-device{position:absolute;inset:0}
  .rl-screen,.rl-stage .rl-screen[data-role]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(var(--fit,1) * .97));transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s .18s}
  .rl-stage[data-role="cliente"] .rl-screen[data-role="cliente"],.rl-stage[data-role="vendas"] .rl-screen[data-role="vendas"],.rl-stage[data-role="fabrica"] .rl-screen[data-role="fabrica"],
  .rl-stage[data-role="instalacao"] .rl-screen[data-role="instalacao"],.rl-stage[data-role="diretoria"] .rl-screen[data-role="diretoria"]{position:absolute;transform:translate(-50%,-50%) scale(var(--fit,1));transition:opacity .42s var(--ease) .16s,transform .42s var(--ease) .16s,visibility 0s .16s}
  .rl-screen[data-role="cliente"],.rl-screen[data-role="instalacao"]{width:19.5rem;height:39rem;font-size:15px}
  .rl-screen[data-role="fabrica"]{width:42rem;height:28rem}
  .rl-screen[data-role="vendas"],.rl-screen[data-role="diretoria"]{width:47rem;height:29.5rem}
  .rl-screen .ui{font-size:14px}
  .rl-screen .u-phone .ui{font-size:inherit}
  .rl-screen .u-tablet,.rl-screen .u-laptop{height:100%}
  .rl-screen .u-tablet>.ui{height:100%}
  .rl-screen .u-laptop>.ui{height:100%}
  .rc-body,.rf-body,.rd-body{flex:1;min-height:0}
  .cs-offer{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2rem}
  @supports (grid-template-rows:subgrid){
    .cs-roles{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(2.5rem,5vw,5rem);align-items:start}
    .rl-head{grid-column:1;grid-row:1}
    .rl-tabs{grid-column:1;grid-row:2;margin-top:1.75rem}
    .rl-stage{grid-column:1/3;grid-row:1/4;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:normal;align-items:stretch;margin-top:0;pointer-events:none}
    .rl-stage>*{pointer-events:auto}
    .rl-side{grid-column:1;grid-row:3;align-content:start;padding-top:2.25rem}
    .rl-device-wrap{grid-column:2;grid-row:1/4;height:min(41rem,calc(var(--stage-h) - 2.5rem))}
    .cs-offer,.cs-foot{grid-column:1/-1}
  }
}

/* ================= 06 SETORES ================= */
.st-grid{display:grid;gap:2rem;margin-top:clamp(2.5rem,5vw,3.5rem)}
.st-index{display:flex;gap:.4rem;margin:0 calc(var(--gx) * -1);padding:0 var(--gx) .3rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.st-index::-webkit-scrollbar{display:none}
.st-tab{flex:none;display:inline-flex;align-items:center;gap:.5rem;min-height:2.6rem;padding:0 1rem;border-radius:999px;border:1px solid var(--rule2);background:transparent;color:var(--fg2);font-size:.9375rem;font-weight:500;white-space:nowrap;scroll-snap-align:start;text-align:left}
.st-tab[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:600}
.st-n{font-size:.6875rem;font-variant-numeric:tabular-nums;opacity:.6}
.st-has{flex:none;width:.45rem;height:.45rem;border-radius:50%;background:var(--em)}
.st-tab[aria-selected="true"] .st-has{background:currentColor}
.st-panel{min-width:0;transition:opacity .18s var(--ease)}
.st-panel:focus-visible{outline-offset:8px}
.st-panel.out{opacity:0}
.st-panel.in{animation:st-in .42s var(--ease) both}
@keyframes st-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.st-problem{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.35rem,2.1vw,1.85rem);line-height:1.2;letter-spacing:-.02em;max-width:36ch;text-wrap:pretty}
.st-map{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;position:relative}
.st-map::before{content:"";position:absolute;left:.42rem;top:1rem;bottom:1rem;border-left:1px solid var(--rule2)}
.st-map li{display:grid;grid-template-columns:.85rem 6.4rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.55rem 0}
.st-k{font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.st-dot{position:relative;z-index:1;grid-column:1;grid-row:1;width:.85rem;height:.85rem;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--fg);transition:background-color .35s var(--ease),box-shadow .35s var(--ease)}
.st-map li>.st-k{grid-column:2;grid-row:1}
.st-map li>b{grid-column:3;grid-row:1}
.st-map li.hit .st-dot{background:var(--em);box-shadow:0 0 0 4px var(--soft)}
.st-map b{font-size:.9375rem;font-weight:600;line-height:1.25}
.st-poss{display:grid;gap:.75rem;margin-top:1.4rem}
.st-card{position:relative;padding:.9rem 1rem 1rem;border-radius:.9rem;background:var(--surf);box-shadow:var(--shadow);display:grid;gap:.5rem;align-content:start}
.st-card p{margin:0;font-size:.9375rem;font-weight:600;line-height:1.3}
.st-ck{font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.st-cases{margin-top:2rem}
.st-cases h4{margin:0 0 .25rem}
.st-cases ul{list-style:none;margin:0;padding:0;display:grid}
.st-case{display:grid;gap:.35rem;padding:1rem 0;border-top:1px solid var(--rule)}
.st-case blockquote{margin:0;font-size:1rem;line-height:1.45;color:var(--fg)}
.st-case p{margin:0;font-size:.8125rem;color:var(--fg3)}
.st-case p b{color:var(--fg2);font-weight:600}
.st-none{margin:0;padding:1rem 0 0;border-top:1px solid var(--rule);font-size:.9375rem;color:var(--fg3)}
.st-note{margin:1.25rem 0 0;padding:.9rem 1rem;border-radius:.8rem;background:var(--soft);font-size:.9375rem;color:var(--fg2)}
.st-go{margin:1.25rem 0 0}
.st-foot{margin:2.75rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem 2rem;font-size:.8125rem;line-height:1.7;color:var(--fg3)}
.st-foot .nat{margin-right:.15rem;vertical-align:-.1em}
@media (min-width:64em){
  .st-grid{grid-template-columns:15.5rem minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem);align-items:start}
  .st-index{position:sticky;top:calc(var(--hdr) + 1.5rem);display:grid;gap:0;margin:0;padding:0;overflow:visible;border-top:1px solid var(--rule)}
  .st-tab{min-height:2.75rem;padding:0 .15rem;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;color:var(--fg3)}
  .st-tab[aria-selected="true"]{background:none;color:var(--fg);border-color:var(--rule)}
  .st-tab[aria-selected="true"] .st-n{color:var(--em);opacity:1}
  .st-tab[aria-selected="true"] .st-has{background:var(--em)}
  .st-tab[aria-selected="true"]::after{content:"";margin-left:auto;width:1.1rem;height:1px;background:var(--fg)}
  .st-tab:hover{color:var(--fg)}
  .st-panel{min-height:36rem}
  .st-map{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:2.25rem}
  .st-map::before{left:10%;right:10%;top:calc(1.1rem + .42rem + .5rem);bottom:auto;border-left:0;border-top:1px solid var(--rule2)}
  .st-map li{grid-template-columns:none;grid-template-rows:1.1rem .85rem auto;justify-items:center;text-align:center;gap:.5rem;padding:0 .35rem}
  .st-map li>.st-k{grid-column:1;grid-row:1}
  .st-dot{grid-column:1;grid-row:2}
  .st-map li>b{grid-column:1;grid-row:3;font-size:.875rem;text-wrap:balance}
  .st-poss{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 .6rem;margin-top:1.4rem}
  .st-card{grid-row:1;grid-column:var(--s)}
  .st-card::before{content:"";position:absolute;left:50%;top:-1.4rem;height:1.4rem;border-left:1px dashed var(--line)}
  .st-ck{display:none}
  .st-cases ul{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0 2rem}
}

/* ================= 07 CRIAR ================= */
.cr-story{margin-top:clamp(2.5rem,6vw,3.5rem)}
.cr-stage{padding-inline:var(--gx)}
.cr-idea{display:grid;justify-items:start;gap:.6rem;margin:0 0 2.25rem}
.cr-idea-t{font-family:var(--display);font-weight:500;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.15;letter-spacing:-.022em;text-wrap:balance}
.cr-rail{display:none}
.cr-track{list-style:none;margin:0;padding:0;display:grid;gap:2.75rem}
.cr-st{display:grid;align-content:start;gap:.4rem}
.cr-n{margin:0;display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.cr-n b{color:var(--teal);font-variant-numeric:tabular-nums}
.cr-st h3{margin:.2rem 0 0;font-family:var(--display);font-weight:520;font-size:1.45rem;line-height:1.1;letter-spacing:-.022em;text-wrap:balance}
.cr-st>p{margin:0;color:var(--fg2);font-size:.9375rem}
.cr-art{position:relative;margin-top:1.1rem;height:15.5rem;border-radius:1rem;font-size:13px}
.art-idea{display:grid;align-content:center;gap:1rem;padding:1.4rem;border:1.5px dashed var(--line)}
.ai-note{margin:0;font-family:var(--display);font-size:1.15rem;line-height:1.3}
.art-idea b{color:var(--fg)!important;font-weight:600}
.art-idea ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.art-idea li{padding:.3rem .75rem;border:1px dashed var(--line);border-radius:999px;font-size:.8125rem}
.art-study{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:1.5px dashed var(--line);overflow:hidden}
.art-study div{display:grid;align-content:start;gap:.35rem;padding:.9rem 1rem;outline:.5px dashed var(--line)}
.art-study b{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)!important}
.art-study span{font-size:.9375rem;line-height:1.3;color:var(--fg2)!important}
.art-proto{display:flex;justify-content:center;align-items:center;gap:.9rem}
.pp{width:5.6rem;height:11.5rem;padding:1.3rem .55rem .65rem;border:1.5px dashed var(--line);border-radius:1.1rem;display:flex;flex-direction:column;gap:.4rem}
.pp i{display:block;height:.9rem;border:1px dashed var(--line);border-radius:.3rem}
.pp i.l{height:2.3rem}
.pp i.b{margin-top:auto;height:1.35rem;border-radius:999px;border-style:solid}
.art-prod{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:11px}
.art-prod .u-phone{width:12.5em;height:23em;flex:none}
.mp{display:flex;flex-direction:column;gap:.5em;padding:2.1em .8em .8em;background:#f5f7fa}
.mp-top{font-family:var(--display);font-weight:600;font-size:1.05em;color:#14202a}
.mp-q{padding:.5em .6em;border-radius:.5em;background:#fff;box-shadow:inset 0 0 0 1px #dfe4ea;font-size:.76em;color:#4f5b67}
.mp-o{display:grid;gap:.1em;padding:.55em .6em;border-radius:.5em;background:#fff}
.mp-o b{font-size:.8em}
.mp-o span{font-size:.7em;color:#4f5b67}
.mp-o.best{box-shadow:inset 0 0 0 .14em #2f6fe4}
.mp-btn{margin-top:auto;height:2.4em;border-radius:1.2em;display:grid;place-items:center;background:#2f6fe4;color:#fff;font-size:.75em;font-weight:700}
.mp .pt-steps{margin:.4em 0;padding:0}
.mp .pt-steps li.now::before{background:#2f6fe4;box-shadow:0 0 0 .25em #dbe6fb}
.art-ops{display:grid;place-items:center;font-size:12.5px}
.ops{width:100%;max-width:25em;height:auto}
.ops-b{display:grid;grid-template-columns:1fr 1fr;gap:.6em;padding:.8em}
.ops-spark{grid-column:1/-1;height:5em;display:flex;align-items:flex-end;gap:.35em;padding:.45em;border-radius:.5em;background:var(--u-bg2)}
.ops-spark i{flex:1;border-radius:.15em .15em 0 0;background:var(--u-acc);opacity:.85}
.ops-ch{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.6em;font-size:.8em;color:var(--u-ink2)}
.cr-products{padding-top:clamp(4rem,9vw,7.5rem)}
.cr-ph{max-width:44rem}
.cr-h{margin:0;font-family:var(--display);font-weight:520;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.cr-ph p{margin:.9rem 0 0;color:var(--fg2)}
.pr-grid{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:2.75rem}
.pr-fig{position:relative;aspect-ratio:16/10;border-radius:.9rem;overflow:hidden;background:var(--surf);box-shadow:0 0 0 1px var(--rule),var(--shadow)}
.pr-fig img{width:100%;height:100%;object-fit:cover;object-position:top center}
.pr-bp-fig{display:grid;grid-template-rows:1fr 1fr;gap:1px;background:var(--rule)}
.pr-bp-fig img{min-height:0}
.pr-cap{margin:.6rem 0 0;font-size:.8125rem;color:var(--fg3)}
.pr-t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-top:1.1rem}
.pr h4{margin:0;font-size:1.25rem;font-weight:650;letter-spacing:-.01em}
.pr>p{margin:.5rem 0 .85rem;max-width:34rem;font-size:.9375rem;color:var(--fg2)}
.pr-src{margin:2.25rem 0 0;font-size:.8125rem;color:var(--fg3)}
@media (min-width:48em){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.25rem 2rem}}
@media (min-width:64em){html:not(.js) .cr-track,html.rm .cr-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem}}
@media (min-width:64em){
  html.js:not(.rm) .cr-story{height:calc(var(--stage-h) + 210vh)}
  html.js:not(.rm) .cr-stage{position:sticky;top:var(--hdr);height:var(--stage-h);overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(1.25rem,3vh,2rem);
    -webkit-mask-image:linear-gradient(90deg,transparent calc(var(--gx) - 1.25rem),#000 var(--gx),#000 calc(100% - 4rem),rgb(0 0 0/.3) 100%);mask-image:linear-gradient(90deg,transparent calc(var(--gx) - 1.25rem),#000 var(--gx),#000 calc(100% - 4rem),rgb(0 0 0/.3) 100%)}
  html.js:not(.rm) .cr-idea{display:flex;align-items:center;gap:1.25rem;margin:0;padding-inline:var(--gx)}
  html.js:not(.rm) .cr-rail{display:block;position:relative;margin:0 var(--gx);height:1px;background:var(--rule)}
  html.js:not(.rm) .cr-prog{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--teal)}
  html.js:not(.rm) .cr-track{display:flex;gap:clamp(1.5rem,2.5vw,2.5rem);width:max-content;padding-inline:var(--gx);transform:translate3d(var(--tx,0px),0,0)}
  html.js:not(.rm) .cr-st{width:clamp(20rem,26vw,24.5rem);flex:none;opacity:.4;transition:opacity .42s var(--ease)}
  html.js:not(.rm) .cr-st.on{opacity:1}
}

/* ================= 08 COMEÇAR ================= */
.cm-grid{display:grid;gap:3rem}
.cm-steps{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;border-top:1px solid var(--rule)}
.cm-steps li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--rule)}
.cm-n{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--rule2);font-size:.8125rem;font-weight:600}
.cm-steps b{font-size:1.0625rem;font-weight:650}
.cm-steps p{margin:.2rem 0 0;color:var(--fg2)}
.cm-del{display:block;margin-top:.4rem;font-size:.875rem;font-weight:500;color:var(--em)}
.cm-form{display:grid;gap:1.05rem;padding:1.5rem;border-radius:1.25rem;background:var(--surf);box-shadow:var(--shadow)}
.cm-q{font-family:var(--display);font-weight:520;font-size:1.5rem;line-height:1.1;letter-spacing:-.02em}
.cm-form textarea,.cm-form input[type="text"]{width:100%;padding:.8rem .9rem;border:1px solid var(--rule2);border-radius:.8rem;background:var(--surf2);color:var(--fg);font-size:1rem;line-height:1.45}
.cm-form textarea{resize:vertical;min-height:7rem}
.cm-form textarea::placeholder{color:var(--fg3);opacity:.85}
.cm-form textarea:focus,.cm-form input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.cm-hint{margin:-.5rem 0 0;font-size:.875rem;color:var(--em);font-weight:500}
.cm-form textarea[aria-invalid="true"]{border-color:var(--em)}
.cm-chips{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:.45rem}
.cm-chips legend{margin-bottom:.55rem;padding:0;font-size:.8125rem;color:var(--fg3)}
.cm-chips label{position:relative}
.cm-chips input{position:absolute;opacity:0;width:1px;height:1px}
.cm-chips span{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 .95rem;border-radius:999px;border:1px solid var(--rule2);font-size:.875rem;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.cm-chips input:checked+span{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.cm-chips input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.cm-row{display:grid;gap:.75rem}
.cm-f>span{display:block;margin-bottom:.3rem;font-size:.8125rem;color:var(--fg3)}
.cm-send{width:100%}
.cm-fine{margin:0;text-align:center;font-size:.8125rem;color:var(--fg3)}
.cm-done{padding:1rem 1.1rem;border-radius:.9rem;background:var(--soft);color:var(--fg);font-size:.9375rem}
.cm-done b{display:block;margin-bottom:.25rem}
.cm-form.sent>*:not(.cm-done){display:none}
.cm-self{margin:1.1rem 0 0;text-align:center;font-size:.9375rem;color:var(--fg2)}
.cm-faq{margin-top:clamp(4rem,8vw,6rem)}
.cm-faq h3.cap{margin:0 0 1rem}
.faq{display:grid;border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.9rem 0;font-size:1.0625rem;font-weight:600;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:.7rem;height:.7rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.faq p{margin:0 0 1.2rem;max-width:40rem;color:var(--fg2)}
@media (min-width:40em){.cm-row{grid-template-columns:1fr 1fr}}
@media (min-width:64em){
  .cm-grid{grid-template-columns:minmax(0,1fr) minmax(0,30rem);gap:clamp(3rem,6vw,6rem);align-items:start}
  .cm-right{position:sticky;top:calc(var(--hdr) + 1.5rem)}
  .cm-form{padding:1.75rem}
  .faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;border-top:0}
  .faq details{border-top:1px solid var(--rule);border-bottom:0}
}

/* ================= rodapé ================= */
.ft-tag{margin:.75rem 0 0;max-width:24rem;font-size:.9375rem;color:#34423c}
.ft-cookies{padding:0;border:0;background:none;color:#34423c;font-size:.9375rem;text-align:left}
.ft-cookies:hover{color:#12231c;text-decoration:underline;text-underline-offset:3px}