.mega-demo{overflow:hidden}.mega-demo-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;margin:18px 0 0}.mega-demo-tabs{display:flex!important;overflow-x:auto;gap:6px;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0!important}.mega-demo-tabs::-webkit-scrollbar{display:none}.mega-demo-tabs button{flex:0 0 auto;min-width:116px;scroll-snap-align:center;white-space:nowrap}.mega-demo-tabs button span{display:block;font-size:9px;opacity:.55;margin-bottom:2px}.mega-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:18px}.mega-arrow:hover{border-color:var(--accent);color:var(--accent)}.mega-demo-progress{height:2px;background:var(--line);margin:10px 50px 18px}.mega-demo-progress i{display:block;height:100%;width:8.333%;background:var(--accent);transition:transform .5s ease}.mega-demo-foot{display:flex;justify-content:space-between;align-items:center}.mega-demo-foot span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.mega-demo .conversation{transition:border-color .35s,transform .35s}.mega-demo.is-changing .conversation{transform:translateY(5px);border-color:var(--accent)}
.emotion-story{--emotion-accent:#73e4bd;position:relative;padding:110px 0 80px;background:linear-gradient(145deg,#0b201b,#0c1413 62%,#111014);transition:background .75s,color .75s;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.emotion-story[data-emotion="1"]{--emotion-accent:#ff796f;background:linear-gradient(145deg,#260d11,#120b0e 65%,#0d0b10)}.emotion-story[data-emotion="2"]{--emotion-accent:#aa83ff;background:radial-gradient(ellipse at 75% 45%,#5a35772e,transparent 58%),var(--bg)}.emotion-intro{padding-bottom:45px}.emotion-intro h2{font-size:clamp(3rem,6.5vw,6.8rem);line-height:.95;letter-spacing:-.06em;margin:24px 0}.emotion-intro h2 em,.emotion-act h3 em{font-style:normal;color:var(--emotion-accent);transition:color .55s}.emotion-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.emotion-act{min-height:82vh;display:flex;flex-direction:column;justify-content:center;opacity:.26;transition:opacity .5s,transform .5s}.emotion-act.active{opacity:1;transform:translateX(8px)}.emotion-act>span{font-size:12px;letter-spacing:.12em;color:var(--emotion-accent)}.emotion-act h3{font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:25px 0}.emotion-act p{font-size:18px;line-height:1.8;max-width:560px}.emotion-act blockquote{font-size:21px;line-height:1.45;margin:30px 0 0;padding:22px 0;border-top:1px solid color-mix(in srgb,var(--emotion-accent) 35%,transparent);color:var(--text)}.emotion-sticky{position:sticky;top:110px;margin-top:14vh}.emotion-phone{border:1px solid color-mix(in srgb,var(--emotion-accent) 42%,var(--line));background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:28px;padding:27px;min-height:560px;display:flex;flex-direction:column;box-shadow:0 40px 120px #0007;transition:border-color .5s,background .5s}.emotion-phone-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.09em}.emotion-signal{width:116px;height:116px;border-radius:50%;margin:65px auto 24px;display:grid;place-items:center;background:color-mix(in srgb,var(--emotion-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--emotion-accent) 55%,transparent);box-shadow:0 0 70px color-mix(in srgb,var(--emotion-accent) 22%,transparent);transition:.55s}.emotion-signal span{font-size:38px;color:var(--emotion-accent)}.emotion-story[data-emotion="1"] .emotion-signal{transform:scale(.86);box-shadow:none}.emotion-phone>p{text-align:center;font-size:25px;margin:0 0 30px}.emotion-message{border-radius:16px 16px 4px 16px;padding:19px;background:color-mix(in srgb,var(--emotion-accent) 11%,var(--panel2));font-size:16px;line-height:1.6;margin-left:38px}.emotion-consequence{display:flex;flex-direction:column;gap:8px;margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.emotion-consequence span{font-size:10px;letter-spacing:.11em;color:var(--emotion-accent)}.emotion-consequence b{font-size:17px;font-weight:500}.emotion-steps{display:flex;gap:6px;margin-top:25px}.emotion-steps i{height:3px;background:var(--line);flex:1}.emotion-steps i.active{background:var(--emotion-accent)}
.loss-closing{min-height:540px}.loss-closing h2{font-size:clamp(2.7rem,4.6vw,5rem);line-height:1;max-width:920px}.loss-closing>div:first-child{max-width:980px}.loss-closing p{font-size:17px;line-height:1.7}.loss-closing>div:last-child{max-width:330px}.loss-closing .button{white-space:normal}
@media(max-width:900px){.emotion-layout{grid-template-columns:1fr;gap:0}.emotion-sticky{position:sticky;top:82px;order:-1;margin:0;z-index:3}.emotion-phone{min-height:390px;padding:20px;background:var(--panel);box-shadow:0 30px 90px #000}.emotion-signal{width:74px;height:74px;margin:28px auto 14px}.emotion-signal span{font-size:26px}.emotion-phone>p{font-size:20px;margin-bottom:16px}.emotion-message{font-size:14px;padding:14px}.emotion-act{min-height:70vh;padding-top:360px}.emotion-act.active{transform:none}.emotion-intro h2{font-size:clamp(3rem,12vw,5rem)}}
@media(max-width:600px){.mega-demo-nav{grid-template-columns:36px minmax(0,1fr) 36px}.mega-arrow{width:36px;height:36px}.mega-demo-tabs button{min-width:102px;font-size:12px}.mega-demo-progress{margin-left:44px;margin-right:44px}.emotion-story{padding-top:75px}.emotion-layout{display:flex;flex-direction:column}.emotion-sticky{width:100%}.emotion-phone{min-height:350px;border-radius:20px}.emotion-signal{margin-top:20px}.emotion-act{min-height:72vh;padding-top:330px}.emotion-act h3{font-size:40px}.emotion-act p{font-size:16px}.emotion-act blockquote{font-size:18px}.loss-closing{min-height:auto}.loss-closing h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.emotion-story,.emotion-act,.emotion-signal,.mega-demo .conversation{transition:none}}

/* Capa que gruda (public/mega-story.js): no computador, a rolagem passa as 12 histórias em 24 passos
   de 1/6 de tela (4 telas no total) e depois a página segue. Celular/toque: sem grudar. */
@media (min-width:761px) and (min-height:700px) and (hover:hover) and (pointer:fine){
  .mega-pin{height:calc(100vh - 88px + 400vh)}
  .mega-pin>.hero{position:sticky;top:88px;min-height:calc(100vh - 88px);box-sizing:border-box;align-items:center;padding-top:32px;padding-bottom:32px}
}