/* ============================================================
   NUTRICIONISTA · seções 2 a 6
   Linguagem visual:os artefatos do próprio Instagram dela
   (grade, story ring, gráfico, linha do mês). Tokens em nutri.css.
   ============================================================ */
:root{
  --sec-y:clamp(64px,9vw,128px);      /* ritmo vertical único da página */
  --forest-950:#08180f;
  --forest-900:#0d2416;
  --forest-800:#143121;
  --forest-700:#1c4429;
  --areia:#eee3d3;
}

/* grão sutil, reaproveitado nas superfícies escuras */
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}

/* ---------- cabeçalho de seção (compartilhado) ---------- */
.demo-head,.inc-head,.fn-head,.nfaq-head{max-width:640px;margin:0 auto clamp(38px,5vw,54px);text-align:center}
.demo-head h2,.inc-head h2,.fn-head h2,.nfaq-head h2{
  font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,4.4vw,2.85rem);
  letter-spacing:-0.025em;line-height:1.1;color:var(--ink)}
.demo-head p,.inc-head p,.fn-head p,.nfaq-head p{
  margin:16px auto 0;max-width:52ch;color:var(--ink-soft);font-size:1rem;line-height:1.65}

/* ============================================================
   SEÇÃO 2 · A grade dela, antes e depois
   ============================================================ */
.demo{padding:var(--sec-y) 0 0}

.ig-demo{display:flex;flex-direction:column;align-items:center;gap:26px}

/* o toggle só aparece no mobile, onde não cabe lado a lado */
.ig-toggle{display:none;position:relative;background:var(--paper-2);border:1px solid var(--line);
  border-radius:100px;padding:4px;box-shadow:var(--sombra)}
.ig-btn{position:relative;z-index:2;border:none;background:none;cursor:pointer;font-family:var(--font-body);
  font-weight:700;font-size:14px;color:var(--ink-soft);padding:11px 26px;border-radius:100px;transition:color .3s}
.ig-btn.on{color:#f5f0e8}
.ig-thumb{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);border-radius:100px;
  background:linear-gradient(120deg,#a77147,#674124);transition:transform .34s cubic-bezier(.65,0,.35,1);z-index:1}
.ig-demo.is-depois .ig-thumb{transform:translateX(100%)}

.ig-compare{position:relative;display:flex;align-items:center;justify-content:center;
  gap:clamp(20px,3vw,40px);max-width:1000px;margin:0 auto;width:100%}
/* halo quente atrás do lado "depois" */
.ig-compare::after{content:"";position:absolute;z-index:0;right:2%;top:12%;width:42%;height:76%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(153,102,63,.2),transparent 72%);filter:blur(18px)}
.ig-col{position:relative;z-index:1;flex:1 1 340px;max-width:400px}

.ig-phone{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:28px;
  padding:18px 16px 26px;box-shadow:0 26px 52px -34px rgba(86,65,49,.42)}
.ig-phone-hero{border-color:rgba(153,102,63,.34);box-shadow:0 40px 80px -40px rgba(101,63,34,.55)}

.ig-phone-head{display:flex;align-items:center;gap:12px;padding:2px 4px 15px;
  border-bottom:1px solid var(--line);margin-bottom:12px}
.ig-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#e3d5c0,#e4d6c2)}
.ig-avatar.ring{background:linear-gradient(135deg,var(--laranja),var(--terra));
  box-shadow:0 0 0 2px var(--paper-2) inset,0 0 0 3.5px var(--terra)}
.ig-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.ig-id b{font-family:var(--font-mono);font-weight:700;font-size:13.5px;color:var(--ink)}
.ig-id i{font-style:normal;font-size:11.5px;color:var(--ink-soft)}

.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ig-cell{position:relative;aspect-ratio:4/5;border-radius:7px;overflow:hidden;background:#f0e6d7}
.ig-cell img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.ig-grid-full .ig-cell:hover img{transform:scale(1.09)}
.ig-cell.faded img{opacity:.3;filter:grayscale(.85)}
.cell-empty{position:absolute;inset:0;border:1.5px dashed rgba(124,80,47,.22);border-radius:7px;
  background:repeating-linear-gradient(-45deg,rgba(124,80,47,.045) 0 6px,transparent 6px 12px)}

/* as capas caem em cascata quando a coluna entra na tela */
.ig-grid-full .ig-cell{opacity:0;transform:scale(.86);
  transition:opacity .5s ease,transform .55s cubic-bezier(.34,1.4,.5,1)}
.ig-col.in .ig-grid-full .ig-cell{opacity:1;transform:none;transition-delay:calc(var(--i) * 65ms + 180ms)}

.ig-tag{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);white-space:nowrap;
  font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:7px 16px;border-radius:100px}
.ig-tag-antes{background:#ede1cf;color:var(--ink-soft)}
.ig-tag-depois{background:linear-gradient(120deg,#a77147,#674124);color:#f5f0e8;
  box-shadow:0 10px 22px -10px rgba(103,65,36,.7)}

.ig-arrow{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--laranja);
  align-self:stretch;justify-content:center;padding:0 4px}
.ig-arrow-line{flex:1;width:1px;min-height:26px;background:linear-gradient(var(--laranja),transparent)}
.ig-arrow-line:last-child{background:linear-gradient(transparent,var(--laranja))}
.ig-arrow-chip{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--laranja-deep);background:var(--laranja-soft);white-space:nowrap;
  border:1px solid rgba(153,102,63,.3);padding:8px 11px;border-radius:100px}

/* ============================================================
   SEÇÃO 3 · Como funciona na prática
   Texto direto de um lado, a conversa real do outro.
   ============================================================ */
.pratica{padding:var(--sec-y) 0}
.pr-head{max-width:660px;margin:0 auto clamp(42px,5.5vw,62px);text-align:center}
.pr-head h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,4.4vw,2.85rem);
  letter-spacing:-0.025em;line-height:1.1;color:var(--ink)}
.pr-head p{margin:16px auto 0;max-width:54ch;color:var(--ink-soft);font-size:1rem;line-height:1.68}

.pr-body{display:grid;grid-template-columns:1fr minmax(320px,400px);
  align-items:center;gap:clamp(34px,5vw,80px);max-width:1060px;margin:0 auto}

/* ---- lado esquerdo:o que entra no mês ---- */
.pr-info h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2vw,1.45rem);
  letter-spacing:-0.02em;color:var(--ink);margin-bottom:22px}
.pr-list{list-style:none;display:flex;flex-direction:column;gap:6px}
.pr-list li{display:flex;align-items:flex-start;gap:15px;padding:15px 14px;border-radius:14px;
  transition:background .3s ease}
.pr-list li:hover{background:var(--paper-2)}
.pr-ic{flex-shrink:0;width:42px;height:42px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,var(--laranja-soft),#eee3d3);
  border:1px solid rgba(153,102,63,.24);color:var(--laranja-deep);
  transition:transform .35s cubic-bezier(.34,1.4,.5,1),box-shadow .35s ease}
.pr-ic svg{width:21px;height:21px}
.pr-list li:hover .pr-ic{transform:translateY(-2px) scale(1.06);
  box-shadow:0 10px 22px -12px rgba(124,80,47,.7)}
.pr-txt{min-width:0}
.pr-list b{display:block;font-family:var(--font-body);font-weight:800;font-size:16px;
  letter-spacing:-0.01em;color:var(--ink);margin-bottom:4px}
.pr-list .pr-txt span{display:block;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}
.pr-note{margin-top:24px;font-size:14.5px;line-height:1.7;color:var(--ink-soft);max-width:46ch}
.pr-info .btn-primary{margin-top:28px}

/* ---- lado direito:a conversa ---- */
.pr-chat{background:var(--paper-2);border:1px solid var(--line);border-radius:26px;
  box-shadow:0 34px 68px -34px rgba(86,65,49,.45);overflow:hidden}
.chat-head{display:flex;align-items:center;gap:12px;padding:16px 20px;
  background:linear-gradient(120deg,#a77147,#674124)}
.chat-av{width:36px;height:36px;border-radius:50%;background:#f5f0e8;padding:6px;flex-shrink:0}
.chat-id{display:flex;flex-direction:column;gap:1px;line-height:1.2}
.chat-id b{font-family:var(--font-body);font-weight:800;font-size:15px;color:#f5f0e8}
.chat-id i{font-style:normal;font-family:var(--font-mono);font-size:10.5px;color:rgba(245,240,232,.72)}

.chat-replay{margin-left:auto;width:32px;height:32px;border-radius:50%;flex-shrink:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:rgba(245,240,232,.16);border:1px solid rgba(245,240,232,.28);color:#f5f0e8;
  opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease,background .2s ease}
.chat-replay svg{width:15px;height:15px}
.chat-replay.show{opacity:1;transform:none}
.chat-replay:hover{background:rgba(245,240,232,.3)}

.chat-body{position:relative;padding:20px 16px 10px;display:flex;flex-direction:column;gap:12px;
  height:470px;overflow-y:auto;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;
  background:radial-gradient(40% 30% at 88% 8%,rgba(153,102,63,.07),transparent 70%),
    var(--areia,#eee3d3)}
.chat-body::-webkit-scrollbar{display:none}
/* mensagem só entra no layout quando é a vez dela (senão o scroll para no vazio) */
.msg{display:none;position:relative;flex-shrink:0;max-width:84%;padding:11px 13px 22px;border-radius:14px;
  font-size:14.5px;line-height:1.5;
  opacity:0;transform:translateY(12px) scale(.96);transform-origin:bottom left;
  transition:opacity .34s ease,transform .38s cubic-bezier(.34,1.4,.5,1)}
.msg.mount{display:block}
.msg.show{opacity:1;transform:none}
.msg.wide{max-width:95%}
.msg.in{align-self:flex-start;background:#f5f0e8;color:var(--ink);border-top-left-radius:4px;
  box-shadow:0 4px 12px -6px rgba(86,65,49,.3)}
.msg.out{align-self:flex-end;transform-origin:bottom right;
  background:#ede2d0;color:#452b17;border-top-right-radius:4px;
  box-shadow:0 4px 12px -6px rgba(86,65,49,.3)}
.msg p{margin:0}
.msg p b{font-weight:800}
.msg-img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top center;
  border-radius:9px;margin-bottom:9px;display:block}
.msg-t{position:absolute;right:12px;bottom:7px;font-family:var(--font-mono);font-size:10px;
  color:var(--ink-soft)}
.msg.out .msg-t{color:#865d3e}

/* bolinhas de "digitando" */
.typing{align-self:flex-start;flex-shrink:0;display:none;gap:5px;padding:13px 15px;border-radius:14px;
  border-top-left-radius:4px;background:#f5f0e8;box-shadow:0 4px 12px -6px rgba(86,65,49,.3)}
.typing.show{display:flex}
.typing i{width:7px;height:7px;border-radius:50%;background:#b9aca2;
  animation:typeBounce 1.25s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:.18s}
.typing i:nth-child(3){animation-delay:.36s}
@keyframes typeBounce{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-5px);opacity:1}}

/* o calendário do mês dentro da conversa */
.cal{background:#f2ebe1;border:1px solid rgba(44,42,40,.1);border-radius:11px;
  padding:12px 12px 11px;margin-bottom:9px}
.cal-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.cal-top b{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);letter-spacing:-0.02em}
.cal-top i{font-style:normal;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-soft)}
.cal-dow,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-dow span{text-align:center;font-family:var(--font-mono);font-size:8.5px;font-weight:700;
  color:var(--ink-soft);padding-bottom:3px}
.cal-day{position:relative;aspect-ratio:1/1;border-radius:4px;background:#eee3d2;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-mono);font-size:8.5px;color:#9c968a;
  opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .34s cubic-bezier(.34,1.5,.5,1)}
.msg.show .cal-day{opacity:1;transform:none;transition-delay:calc(var(--d) * 14ms + 120ms)}
.cal-day.has-post{background:linear-gradient(140deg,#a77147,#674124);color:#f5f0e8;font-weight:700}
.cal-day.has-reel{background:linear-gradient(140deg,#e9b389,#cf7f4e);color:#3a2412;font-weight:700}
.cal-day.has-story::after{content:"";position:absolute;right:2.5px;top:2.5px;width:4px;height:4px;
  border-radius:50%;background:var(--terra)}
.cal-day.has-post.has-story::after{background:#ece0ce}
.cal-key{display:flex;align-items:center;gap:6px;margin-top:9px;
  font-family:var(--font-mono);font-size:9px;color:var(--ink-soft)}
.cal-key .k{width:9px;height:9px;border-radius:2.5px}
.cal-key .k.post{background:linear-gradient(140deg,#a77147,#674124)}
.cal-key .k.reel{background:linear-gradient(140deg,#e9b389,#d5895a);margin-left:8px}
.cal-key .k.story{border-radius:50%;background:var(--terra);margin-left:8px}

.chat-cap{padding:14px 0 18px;text-align:center;background:var(--areia,#eee3d3);
  font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft)}

/* ============================================================
   SEÇÃO 4 · MÉTODO FLUXXO · "O Fio"
   Mesma mecânica da home (css/site.css): palco preso, trilho que
   anda na horizontal e o fio se desenhando com a faísca na ponta.
   Aqui em verde e com cenas desenhadas em CSS (sem foto de peça).
   ============================================================ */
.fio-stage{position:relative;z-index:2;height:480vh;
  background:radial-gradient(70% 55% at 12% 0%,rgba(201,121,63,.13),transparent 62%),
    radial-gradient(58% 50% at 92% 100%,rgba(217,160,106,.16),transparent 66%),
    linear-gradient(180deg,#e8dbc5 0%,#f3e9d9 46%,#e8dbc5 100%)}
/* o cabeçalho fica no fluxo:assim nunca sobrepõe os cards */
.fio-sticky{position:sticky;top:0;height:100vh;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:clamp(16px,3vh,38px);padding:92px 0 64px}
.fio-sticky::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.fio-ghost{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none;
  font-family:var(--font-display);font-weight:700;font-size:clamp(16rem,38vw,34rem);line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(161,92,42,.14);transition:opacity .4s}

.fio-head{position:relative;z-index:3;flex-shrink:0;text-align:center;padding:0 24px;max-width:760px}
.fio-head .kicker{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:#a15c2a;
  border:1px solid rgba(214,165,128,.4);background:rgba(153,102,63,.18);
  padding:7px 17px;border-radius:100px;margin-bottom:14px}
.fio-head .kicker::before,.fio-head .kicker::after{content:none}
.fio-head h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.5rem);
  letter-spacing:-0.035em;line-height:1.06;color:#413d3a}
.fio-head h2 .grad{color:#413d3a;white-space:normal;font-weight:600}
.fio-head h2 .grad::after{content:none}
.fio-head p{margin:12px auto 0;max-width:50ch;color:rgba(65,61,58,.6);
  font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.6}

.fio-world{position:relative;z-index:2;width:100%;min-height:0;flex:0 1 auto;
  height:min(52vh,470px);display:flex;align-items:center}
.fio-track{position:relative;display:flex;align-items:center;gap:clamp(60px,12vw,190px);width:max-content;
  padding:0 max(6vw,calc(50vw - 230px));will-change:transform}
.fio-wire{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:160px;z-index:0;pointer-events:none}
.fio-path-bg{fill:none;stroke:rgba(65,61,58,.07);stroke-width:2}
.fio-path{fill:none;stroke:url(#fioGrad2);stroke-width:2.5;stroke-linecap:round;
  filter:drop-shadow(0 0 8px rgba(82,63,40,0.34))}
.fio-tip{fill:#a15c2a;filter:drop-shadow(0 0 10px rgba(82,63,40,0.45))}

.fio-card{position:relative;z-index:1;width:min(440px,84vw);border-radius:20px;
  border:1px solid rgba(214,165,128,.2);
  background:radial-gradient(ellipse 100% 130% at 50% 0%,rgba(153,102,63,.16),transparent 55%),
    linear-gradient(165deg,#fdf9f2,#f7efe1);
  box-shadow:0 26px 60px -34px rgba(82,63,40,0.17);
  padding:20px 20px 22px;opacity:.32;transform:scale(.92);filter:saturate(.6);
  transition:opacity .45s,transform .45s,filter .45s,border-color .45s}
.fio-card.on{opacity:1;transform:scale(1);filter:none;border-color:rgba(214,165,128,.5);
  box-shadow:0 34px 80px -35px rgba(82,63,40,0.41),0 0 50px rgba(201,121,63,.16)}
.fc-scene{position:relative;height:min(26vh,196px);border-radius:14px;overflow:hidden;
  background:rgba(61,57,54,.03);border:1px solid rgba(61,57,54,.08)}
.fc-meta{margin-top:15px}
.fc-meta b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.35rem;
  letter-spacing:-0.025em;color:#413d3a;margin-bottom:6px}
.fc-meta p{color:rgba(65,61,58,.68);font-size:13.5px;line-height:1.6}

/* ---- cena 01 · a conversa que começa tudo ---- */
.fc-chat{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px}
.ch-b{max-width:82%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.45;color:#413d3a;opacity:0}
.ch-typing{align-self:flex-start;background:rgba(61,57,54,.08);display:flex;gap:5px;padding:13px 15px}
.ch-typing i{width:6px;height:6px;border-radius:50%;background:rgba(61,57,54,.55)}
.ch-msg{align-self:flex-start;background:#fff;border:1px solid rgba(61,57,54,.09);
  border-radius:14px 14px 14px 4px}
.ch-meta{display:inline-flex;align-items:center;gap:3px;margin-left:8px;font-family:var(--font-mono);
  font-size:10px;color:rgba(65,61,58,.5)}
.ch-meta svg{width:13px;height:13px;color:#8ed4ff}
.ch-reply{align-self:flex-end;color:#fff;background:linear-gradient(120deg,#c9793f,#a15c2a);border-radius:14px 14px 4px 14px}
.fio-card.on .ch-typing{animation:chTyping 1.4s ease forwards}
.fio-card.on .ch-typing i{animation:chDot 1s ease infinite}
.ch-typing i:nth-child(2){animation-delay:.15s}.ch-typing i:nth-child(3){animation-delay:.3s}
.fio-card.on .ch-msg{animation:chPop .5s cubic-bezier(.34,1.56,.64,1) 1.35s forwards}
.fio-card.on .ch-reply{animation:chPop .5s cubic-bezier(.34,1.56,.64,1) 2.15s forwards}
@keyframes chTyping{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:none}82%{opacity:1}
  100%{opacity:0;transform:scale(.9);height:0;padding:0;margin:-5px 0}}
@keyframes chDot{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes chPop{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}

/* ---- cena 02 · o feed corre e trava na sua peça (tudo em CSS) ---- */
.fc-feed{display:flex;align-items:center;justify-content:center;overflow:hidden}
.fd-rail{display:flex;flex-direction:column;gap:9px;width:62%}
.fio-card.on .fd-rail{animation:fdRoll 2.1s cubic-bezier(.15,.85,.2,1) .25s forwards}
@keyframes fdRoll{0%{transform:translateY(30%)}100%{transform:translateY(-12%)}}
.fd-blk{flex-shrink:0;height:78px;border-radius:9px;background:rgba(61,57,54,.05);
  border:1px solid rgba(61,57,54,.05)}
.fd-hit{position:relative;flex-shrink:0;height:104px;border-radius:9px;padding:16px 15px;
  display:flex;flex-direction:column;justify-content:center;gap:8px;
  background:linear-gradient(150deg,#fdfbfa,#f9f6f1);
  border:1px solid rgba(214,165,128,.55)}
.fd-hit i{display:block;height:9px;border-radius:4px;background:rgba(61,57,54,.22)}
.fd-hit .h1{width:74%;height:12px;background:#e4bc9d}
.fd-hit .h2{width:56%;height:12px;background:#d9a06a}
.fd-hit .h3{width:38%}
.fio-card.on .fd-hit{animation:fdGlow 1.1s ease 2.1s forwards}
@keyframes fdGlow{0%{box-shadow:0 0 0 0 rgba(82,63,40,0.27)}60%{box-shadow:0 0 0 9px rgba(82,63,40,0.0)}
  100%{box-shadow:0 0 26px rgba(82,63,40,0.23)}}
.fd-stop{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
  font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#1c0e04;background:#e4bc9d;padding:6px 13px;border-radius:100px;opacity:0}
.fio-card.on .fd-stop{animation:chPop .5s cubic-bezier(.34,1.56,.64,1) 2.35s forwards}

/* ---- cena 03 · o post sendo salvo (tudo em CSS) ---- */
.fc-save{display:flex;align-items:center;justify-content:center}
.sv-post{position:relative;width:60%;height:74%;border-radius:11px;padding:20px 18px;
  display:flex;flex-direction:column;justify-content:center;gap:11px;
  background:linear-gradient(150deg,#fdfbfa,#f9f6f1);border:1px solid rgba(214,165,128,.28)}
.sv-l{display:block;height:8px;border-radius:4px;background:rgba(61,57,54,.18);
  transform-origin:left center;transform:scaleX(0)}
.sv-l.l1{width:82%;height:11px;background:#e4bc9d}
.sv-l.l2{width:94%}.sv-l.l3{width:88%}.sv-l.l4{width:56%}
.fio-card.on .sv-l{animation:svLine .45s ease forwards}
.fio-card.on .l1{animation-delay:.3s}.fio-card.on .l2{animation-delay:.55s}
.fio-card.on .l3{animation-delay:.8s}.fio-card.on .l4{animation-delay:1.05s}
@keyframes svLine{to{transform:scaleX(1)}}
.sv-mark{position:absolute;right:-15px;top:-15px;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#f5efe7;
  border:1px solid rgba(214,165,128,.45);color:rgba(65,61,58,.3);opacity:0}
.sv-mark svg{width:17px;height:17px}
.fio-card.on .sv-mark{animation:svIn .5s cubic-bezier(.34,1.56,.64,1) 1.3s forwards,
  svFill .5s ease 2s forwards}
@keyframes svIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
@keyframes svFill{to{color:#a15c2a;border-color:rgba(201,121,63,.9);
  box-shadow:0 0 22px rgba(82,63,40,0.16);transform:scale(1.1)}}
.sv-tag{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
  font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#1c0e04;background:#e9c1a0;padding:6px 13px;border-radius:100px;opacity:0}
.fio-card.on .sv-tag{animation:chPop .5s cubic-bezier(.34,1.56,.64,1) 2.4s forwards}

/* ---- cena 04 · a paciente chamando no WhatsApp ---- */
.fc-ponte{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:18px}
.pt-b{max-width:88%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.45;color:#413d3a;opacity:0}
.pt-msg{align-self:flex-start;background:#fff;border:1px solid rgba(61,57,54,.09);
  border-radius:14px 14px 14px 4px}
.pt-reply{align-self:flex-end;color:#fff;background:linear-gradient(120deg,#c9793f,#a15c2a);border-radius:14px 14px 4px 14px}
.fio-card.on .pt-msg{animation:chPop .5s cubic-bezier(.34,1.56,.64,1) .5s forwards}
.fio-card.on .pt-reply{animation:chPop .5s cubic-bezier(.34,1.56,.64,1) 1.5s forwards}
.pt-live{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#a15c2a;opacity:0}
.pt-live i{width:7px;height:7px;border-radius:50%;background:#37a862;box-shadow:0 0 10px rgba(82,63,40,0.27);
  animation:ptBlink 1.6s ease-in-out infinite}
@keyframes ptBlink{0%,100%{opacity:1}50%{opacity:.35}}
.fio-card.on .pt-live{animation:chPop .5s ease 2.3s forwards}

.fio-counter{position:absolute;bottom:3.5vh;left:0;right:0;text-align:center;z-index:3;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:rgba(65,61,58,.4)}
.fio-counter b{color:#a15c2a;font-weight:700}

@media (max-width:900px){
  .fio-stage{height:430vh}
  .fio-sticky{padding:84px 0 56px}
  .fio-ghost{font-size:19rem;right:-14vw}
  .fio-head h2{font-size:clamp(1.4rem,5.6vw,1.9rem)}
  .fio-head p{font-size:.9rem}
  .fc-scene{height:min(23vh,170px)}
}
@media (prefers-reduced-motion:reduce){
  .fio-stage{height:auto}
  .fio-sticky{position:static;height:auto;padding:var(--sec-y) 0;overflow:visible}
  .fio-world{height:auto}
  .fio-track{flex-wrap:wrap;justify-content:center;width:100%;padding:0 5vw;gap:22px;transform:none!important}
  .fio-wire,.fio-ghost{display:none}
  .fio-card{opacity:1;transform:none;filter:none}
  .fio-counter{display:none}
}

/* ============================================================
   SEÇÃO 6 · Perguntas
   ============================================================ */
.nfaq{padding:var(--sec-y) 0}
.nfaq-list{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.nfaq-item{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  transition:border-color .3s ease,box-shadow .3s ease}
.nfaq-item:hover{border-color:rgba(153,102,63,.3)}
.nfaq-item.open{border-color:rgba(153,102,63,.42);box-shadow:var(--sombra)}
.nfaq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px;
  background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}
.nfaq-q span:first-child{font-family:var(--font-body);font-weight:700;font-size:15.5px;color:var(--ink)}
.nfaq-q .ic{flex-shrink:0;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:var(--laranja-soft);color:var(--laranja-deep);font-weight:700;font-size:17px;line-height:1;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}
.nfaq-item.open .nfaq-q .ic{background:var(--laranja-deep);color:#f5f0e8;transform:rotate(45deg)}
.nfaq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1)}
.nfaq-item.open .nfaq-a{grid-template-rows:1fr}
.nfaq-a-inner{overflow:hidden}
.nfaq-a p{color:var(--ink-soft);font-size:14.5px;line-height:1.68;padding:0 24px 22px;max-width:60ch}

.nfaq-cta{text-align:center;margin-top:clamp(42px,6vw,60px)}
.nfaq-cta p{color:var(--ink-soft);margin-bottom:20px;font-size:1.05rem}

/* ============================================================
   Responsivo
   ============================================================ */
@media (max-width:900px){
  .ig-toggle{display:inline-flex}
  .ig-arrow{display:none}
  .ig-compare{flex-direction:column}
  .ig-compare::after{display:none}
  .ig-col{display:none;width:100%;max-width:380px;flex:1 1 auto}
  .ig-col.on{display:block}
  .pr-body{grid-template-columns:1fr;gap:40px;max-width:440px}
  .pr-note{max-width:none}
  .pr-info .btn-primary{width:100%;justify-content:center}
    display:flex;flex-direction:column;gap:16px}
}
@media (max-width:460px){
  .nfaq-q span:first-child{font-size:14.5px}
  .msg{max-width:90%}
}

/* ============================================================
   Movimento reduzido
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .ig-grid-full .ig-cell{opacity:1;transform:none;transition:none}
  .ig-cell img{transition:none}
  .nfaq-item,.nfaq-q .ic{transition:none}
  .msg{opacity:1;transform:none;transition:none}
}