/* Movimento e componentes interativos — complementa style.css (gerado) */
:root{--ease:cubic-bezier(.16,1,.3,1);--ease2:cubic-bezier(.65,0,.35,1);--line:#26262A;--muted:#9C9C9C;--accent:#98FF38}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
::selection{background:#F2F2F0;color:#0B0B0C}

/* transição entre páginas */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.38s var(--ease2) both vt-out}
::view-transition-new(root){animation:.6s var(--ease) both vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-24px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(32px)}}
body{animation:page-in .7s var(--ease) both}
@keyframes page-in{from{opacity:0}}
body.leaving{opacity:0;transform:translateY(-16px);transition:opacity .35s var(--ease2),transform .35s var(--ease2)}

/* nav fixa que some ao descer */
nav{position:sticky;top:0;z-index:50;transition:transform .5s var(--ease),background .3s,backdrop-filter .3s}
nav.solid{background:rgba(11,11,12,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
nav.hide{transform:translateY(-110%)}
.progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--fg);transform-origin:0 50%;transform:scaleX(0);z-index:60;mix-blend-mode:difference;pointer-events:none}

/* revelação */
.js [data-rv]{opacity:0;transform:translate3d(0,28px,0)}
.js [data-rv].in{opacity:1;transform:none;transition:opacity .9s var(--ease) var(--d,0ms),transform 1.1s var(--ease) var(--d,0ms)}
.js .img[data-rv],.js .screen[data-rv],.js .video[data-rv]{opacity:1;transform:none;clip-path:inset(14% 0 0 0 round 8px)}
.js .img[data-rv] img,.js .video[data-rv]>img{transform:scale(1.16) translate3d(0,var(--py,0),0);transition:transform 1.6s var(--ease) var(--d,0ms)}
.js .img[data-rv].in,.js .screen[data-rv].in,.js .video[data-rv].in{clip-path:inset(0 0 0 0 round 0px);transition:clip-path 1.3s var(--ease) var(--d,0ms)}
.js .img[data-rv].in img{transform:scale(1) translate3d(0,var(--py,0),0)}
.js .img.par.in img{transform:scale(1.07) translate3d(0,var(--py,0),0);transition:transform 1.6s var(--ease)}
.js hr.div[data-rv]{opacity:1;transform:scaleX(0);transform-origin:0 50%}
.js hr.div[data-rv].in{transform:scaleX(1);transition:transform 1.4s var(--ease) var(--d,0ms)}

/* títulos por palavra / letra */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .wi{display:inline-block;will-change:transform}
.js .split[data-rv]{opacity:1;transform:none}
.js .split[data-rv] .wi{transform:translate3d(0,110%,0) rotate(4deg);transform-origin:0 100%}
.js .split[data-rv].in .wi{transform:none;transition:transform 1.1s var(--ease) calc(var(--d,0ms) + var(--i) * 28ms)}
body[data-page="home"] h1.split .w{padding-bottom:.14em;margin-bottom:-.14em}

/* cards */
.card{position:relative}
.card .img{border-radius:8px}
.card .img img{transition:transform 1s var(--ease)!important}
.card:hover .img img{transform:scale(1.045)!important}
.card .t{transition:transform .6s var(--ease),opacity .4s}
.card:hover .t{transform:translateX(6px)}
a.box.next .arrow{display:inline-block;transition:transform .6s var(--ease)}
a.box.next:hover .arrow{transform:translateX(14px)}
a.box.next h2,a.box.next h1{transition:letter-spacing .8s var(--ease),opacity .3s}
a.box.next:hover h2,a.box.next:hover h1{letter-spacing:-.01em}
[data-n="Button"]{transition:transform .4s var(--ease),background .3s,color .3s}
[data-n="Button"]:hover{background:var(--fg);}
[data-n="Button"]:hover .t{color:#0B0B0C!important}
.t a{transition:opacity .25s}.t a:hover{opacity:.65}
nav .lnk .t,nav a .t{position:relative}
nav .lnk:hover .t{color:var(--fg)!important}

/* lightbox */
.zoomable{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:90;background:rgba(8,8,9,.92);display:grid;place-items:center;padding:4vh 4vw;opacity:0;pointer-events:none;transition:opacity .45s var(--ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lb.open{opacity:1;pointer-events:auto;cursor:zoom-out}
.lb img{max-width:100%;max-height:92vh;object-fit:contain;transform:scale(.94);transition:transform .6s var(--ease);border-radius:4px}
.lb.open img{transform:none}
.lb button{position:absolute;top:18px;right:22px;background:none;border:0;color:var(--fg);font:300 34px/1 'Instrument Sans',sans-serif;cursor:pointer}

/* cursor */
@media (pointer:fine){
  .cur{position:fixed;left:0;top:0;z-index:100;pointer-events:none;width:0;height:0}
  .cur span{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#F2F2F0;mix-blend-mode:difference;display:grid;place-items:center;font:500 0px/1 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#0B0B0C;opacity:0;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),opacity .3s,font-size .3s,background .3s}
  .cur.on span{opacity:1}
  .cur.link span{width:44px;height:44px;margin:-22px 0 0 -22px;background:transparent;border:1px solid #F2F2F0}
  .cur.big span{width:88px;height:88px;margin:-44px 0 0 -44px;font-size:11px;mix-blend-mode:normal;background:#F2F2F0;border:0}
}

/* telas de LP que rolam */
.screen{position:relative;width:100%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.screen--mobile{border-radius:28px;border:6px solid #1c1c1f;background:#1c1c1f}
.screen__bar{flex:none;height:32px;background:#1a1a1c;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line)}
.screen__bar i{width:9px;height:9px;border-radius:50%;background:#3a3a3e}
.screen__bar span{margin-left:12px;font:11px/1 'DM Mono',monospace;color:var(--muted);background:#232326;padding:5px 12px;border-radius:99px;flex:1;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screen__notch{position:absolute;top:6px;left:50%;width:34%;height:18px;margin-left:-17%;border-radius:99px;background:#0b0b0c;z-index:2}
.screen__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 transparent;background:#fff;border-radius:inherit}
.screen--mobile .screen__scroll{border-radius:22px}
.screen__scroll img{display:block;width:100%;height:auto}
.screen__hint{position:absolute;right:12px;bottom:12px;font:11px/1 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#0B0B0C;background:rgba(242,242,240,.92);padding:7px 10px;border-radius:99px;pointer-events:none;transition:opacity .4s;animation:nudge 2.2s var(--ease) infinite}
.screen.scrolled .screen__hint{opacity:0}
@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

/* vídeo inline */
.yt{cursor:pointer;overflow:hidden;border-radius:8px;background:#000}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.yt__play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(242,242,240,.94);z-index:2;transition:transform .5s var(--ease)}
.yt__play::after{content:"";position:absolute;left:34px;top:27px;border-left:22px solid #0B0B0C;border-top:15px solid transparent;border-bottom:15px solid transparent}
.yt:hover .yt__play{transform:scale(1.1)}
.yt.playing .yt__play{display:none}

/* celular ao vivo — LOOP */
.live-phone{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:clamp(32px,6vw,96px);width:100%;align-items:start}
.lp-steps{display:flex;flex-direction:column}
.lp-step{all:unset;cursor:pointer;display:grid;grid-template-columns:44px 1fr;column-gap:12px;row-gap:6px;padding:28px 0;border-top:1px solid var(--line);min-height:28vh;align-content:center;opacity:.38;transition:opacity .5s var(--ease)}
.lp-step:last-of-type{border-bottom:1px solid var(--line)}
.lp-step.on,.lp-step:hover{opacity:1}
.lp-n{font:13px/1.4 'DM Mono',monospace;color:var(--muted);grid-row:span 2}
.lp-t{font:400 clamp(22px,2.4vw,32px)/1.1 'Instrument Sans',sans-serif;color:var(--fg);letter-spacing:-.01em}
.lp-d{font:16px/1.5 'Instrument Sans',sans-serif;color:var(--muted)}
.lp-open{margin-top:24px;font:13px/1 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);text-decoration:underline;text-underline-offset:4px}
.lp-device{position:sticky;top:12vh}
.phone{position:relative;width:100%;aspect-ratio:375/790;border-radius:46px;background:#0b0b0c;padding:12px;box-shadow:0 0 0 1px #2c2c30,0 40px 80px -20px rgba(0,0,0,.6),inset 0 0 0 2px #1f1f22}
.phone__status{position:absolute;top:12px;left:12px;right:12px;height:44px;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:0 26px;font:600 14px/1 -apple-system,'Instrument Sans',sans-serif;color:#fff;pointer-events:none;border-radius:34px 34px 0 0;background:linear-gradient(#001F5C,#001F5C)}
.phone__status::after{content:"";position:absolute;left:50%;top:9px;width:92px;height:26px;margin-left:-46px;border-radius:99px;background:#000}
.phone__icons{display:flex;align-items:center;gap:6px;font-size:12px}
.sig{display:flex;align-items:flex-end;gap:2px;height:10px}.sig b{width:3px;background:#fff;border-radius:1px}.sig b:nth-child(1){height:4px}.sig b:nth-child(2){height:6px}.sig b:nth-child(3){height:8px}.sig b:nth-child(4){height:10px}
.bat{width:22px;height:11px;border:1px solid rgba(255,255,255,.6);border-radius:3px;padding:1px;position:relative}.bat b{display:block;height:100%;width:78%;background:#fff;border-radius:1px}.bat::after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:4px;background:rgba(255,255,255,.6);border-radius:0 1px 1px 0}
.phone__screen{position:absolute;inset:56px 12px 12px;overflow:hidden;border-radius:0 0 34px 34px;background:#fff}
.phone__screen iframe{position:absolute;left:0;top:0;width:375px;height:calc(100% / var(--s,1));border:0;transform:scale(var(--s,1));transform-origin:0 0}
.phone__home{position:absolute;bottom:20px;left:50%;width:120px;height:4px;margin-left:-60px;border-radius:99px;background:rgba(0,0,0,.35);z-index:3;pointer-events:none}
.lp-cap{margin-top:16px;font:12px/1.4 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}

/* marquee */
.marquee{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding:clamp(40px,6vw,88px) 0;border-top:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;width:max-content;gap:clamp(24px,3vw,48px);align-items:center;animation:mq 46s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee span{font:400 clamp(40px,7vw,104px)/1 'Instrument Sans',sans-serif;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px #5a5a60;transition:color .4s,-webkit-text-stroke-color .4s;white-space:nowrap}
.marquee span:hover{color:var(--fg);-webkit-text-stroke-color:var(--fg)}
.marquee i{font-style:normal;color:var(--accent);font-size:clamp(18px,2vw,28px)}
@keyframes mq{to{transform:translateX(-50%)}}

@media (max-width:899px){
  .live-phone{grid-template-columns:1fr}
  .lp-device{position:relative;top:0;max-width:320px;margin:0 auto;order:-1}
  .lp-steps{flex-direction:row;flex-wrap:wrap;gap:8px}
  .lp-step{min-height:0;padding:10px 14px;border:1px solid var(--line)!important;border-radius:99px;grid-template-columns:auto;opacity:.6}
  .lp-step .lp-d,.lp-step .lp-n{display:none}
  .lp-step .lp-t{font-size:14px}
  .lp-open{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-rv]{opacity:1!important;transform:none!important;clip-path:none!important}
  .js .split .wi{transform:none!important}
}

/* links do rodapé (WhatsApp, LinkedIn, e-mail) */
footer .t a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
footer .t a:hover{background-size:100% 1px;opacity:1}

/* Como penso: linha do tempo — fase atual pulsa */
[data-n="etapa 3"] [data-n="marca"] .vec{border-radius:50%;animation:now 2.4s var(--ease) infinite}
@keyframes now{0%{box-shadow:0 0 0 0 rgba(152,255,56,.55)}70%,100%{box-shadow:0 0 0 10px rgba(152,255,56,0)}}
[data-n="linha do tempo"] .t{transition-duration:1.1s}

/* acabamento */
hr.div{margin-left:auto;margin-right:auto}
[data-n="Status"]{flex:none!important;width:auto!important}
[data-n="Status"] .t{white-space:nowrap}

/* ---------- Como penso: cards que empilham no scroll ---------- */
.stack-cards{display:block!important;position:relative;padding-bottom:6vh}
.sc-card{position:sticky!important;top:calc(12vh + var(--i) * 26px);display:grid!important;grid-template-columns:minmax(200px,1fr) 2fr;grid-template-rows:auto 1fr;column-gap:clamp(24px,5vw,80px);row-gap:28px;align-items:start;
  min-height:min(58vh,520px);margin:0 0 6vh!important;padding:clamp(28px,4vw,56px)!important;width:100%!important;max-width:none!important;
  background:#161618;border:1px solid #26262A;border-radius:18px;box-shadow:0 -24px 60px -12px rgba(0,0,0,.55);transform-origin:50% 0;will-change:transform,filter;overflow:hidden}
.sc-card:last-child{margin-bottom:0!important;border-color:rgba(152,255,56,.35)}
.sc-card>[data-n="marca"]{grid-column:1;grid-row:1}
.sc-card>hr.div{display:none}
.sc-card>.t{grid-column:2;grid-row:1 / span 2;font-size:clamp(22px,2.5vw,34px)!important;line-height:1.35!important;letter-spacing:-.01em!important;color:#F2F2F0!important;max-width:30ch}
.sc-card::after{content:attr(data-num);grid-column:1;grid-row:2;align-self:end;font:400 clamp(88px,13vw,200px)/.8 'Instrument Sans',sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px #3a3a3e}
.sc-card:last-child::after{-webkit-text-stroke-color:rgba(152,255,56,.6)}
@media (max-width:760px){
  /* nav compacta no celular: nome + botão numa linha */
  nav.stack,nav{flex-direction:row!important}
  nav.stack>*{width:auto!important;flex:none!important}
  nav{flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-top:12px!important;padding-bottom:12px!important}
  nav>div.box:nth-child(2){display:none!important}
  nav>div.box:nth-child(3){flex:none!important;width:auto!important}
  nav [data-n="Button"]{width:auto!important;padding:10px 16px!important}
  .sc-card{grid-template-columns:1fr;top:calc(76px + var(--i) * 14px);min-height:min(70vh,560px)}
  .sc-card>.t{grid-column:1;grid-row:2;max-width:none}
  .sc-card::after{grid-row:3}
}
@media (prefers-reduced-motion:reduce){.sc-card{position:relative!important;top:auto}}