:root{
    --background: oklch(0.13 0.005 270);
    --foreground: oklch(0.97 0.005 270);
    --surface: oklch(0.165 0.006 270);
    --surface-2: oklch(0.205 0.008 270);
    --hairline: oklch(1 0 0 / 8%);
    --muted-foreground: oklch(0.65 0.012 270);
    --amber: oklch(0.82 0.14 75);
    --radius: 0.875rem;
  }
  *{box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent;}
  html{ scroll-behavior:smooth; }
  html,body{ background:var(--background); color:var(--foreground); font-family:'Inter',ui-sans-serif,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
  a{color:inherit; text-decoration:none;}
  button{font-family:inherit; cursor:pointer; background:none; border:none; color:inherit;}
  button:active{ transform:scale(.98); }
  input, textarea{font-family:inherit;}
  svg{display:block; flex-shrink:0;}
  :focus-visible{ outline:2px solid var(--foreground); outline-offset:2px; border-radius:4px; }
  ::selection{ background: oklch(0.75 0.01 270 / 22%); }

  .mono{font-family:'JetBrains Mono',monospace;}
  .falx-display{ font-weight:700; letter-spacing:-0.055em; line-height:0.92; }
  .falx-serif{ font-family:'Instrument Serif','Times New Roman',serif; font-weight:400; font-style:italic; letter-spacing:-0.02em; line-height:0.95; }
  .falx-fade{ background:linear-gradient(180deg, oklch(0.99 0 0) 0%, oklch(0.55 0.005 270) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .falx-eyebrow{ font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--muted-foreground); }
  .dim-line{ display:block; color:var(--muted-foreground); }
  .dim{ color:var(--muted-foreground); }

  .falx-grain{ position:relative; }
  .falx-grain::after{ content:""; position:fixed; inset:0; pointer-events:none; opacity:.035; mix-blend-mode:overlay; z-index:1;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.85'/></svg>"); }

  .falx-card{
    position:relative;
    background:linear-gradient(165deg, oklch(0.19 0.006 270 / 90%), oklch(0.14 0.005 270 / 90%));
    -webkit-backdrop-filter:blur(18px) saturate(140%);
    backdrop-filter:blur(18px) saturate(140%);
    border:1px solid oklch(1 0 0 / 10%);
    border-radius:var(--radius);
    box-shadow:
      0 1px 0 oklch(1 0 0 / 14%) inset,
      0 -1px 0 oklch(0 0 0 / 30%) inset,
      0 24px 60px -30px oklch(0 0 0 / 70%);
    transition:transform .28s cubic-bezier(.22,.72,0,1), box-shadow .28s ease, border-color .28s ease;
  }
  .falx-card::before{
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
    background:linear-gradient(135deg, oklch(1 0 0 / 7%), transparent 40%);
  }
  .falx-card > *{ position:relative; z-index:1; }

  .falx-card-inset{
    background:linear-gradient(165deg, oklch(0.105 0.005 270 / 95%), oklch(0.09 0.004 270 / 95%));
    border:1px solid oklch(1 0 0 / 7%);
    border-radius:var(--radius);
    box-shadow:0 1px 0 oklch(0 0 0 / 40%) inset, 0 1px 0 oklch(1 0 0 / 5%);
  }

  .falx-platform-card{
    display:flex; flex-direction:column; gap:14px; padding:24px 16px 20px;
    background:linear-gradient(165deg, oklch(0.185 0.006 270 / 90%), oklch(0.13 0.005 270 / 90%));
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border:1px solid oklch(1 0 0 / 9%);
    border-radius:calc(var(--radius) + 4px);
    box-shadow:0 1px 0 oklch(1 0 0 / 12%) inset, 0 16px 40px -24px oklch(0 0 0 / 60%);
    transition:transform .25s cubic-bezier(.22,.72,0,1), border-color .25s ease, box-shadow .25s ease;
  }
  .falx-platform-card:hover{ border-color:oklch(1 0 0/20%); transform:translateY(-3px); box-shadow:0 1px 0 oklch(1 0 0 / 16%) inset, 0 24px 52px -24px oklch(0 0 0 / 70%); }

  .falx-priority-card{
    position:relative; padding:20px; text-align:left; width:100%;
    background:linear-gradient(165deg, oklch(0.185 0.006 270 / 90%), oklch(0.13 0.005 270 / 90%));
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border:1px solid oklch(1 0 0 / 9%);
    border-radius:var(--radius);
    box-shadow:0 1px 0 oklch(1 0 0 / 12%) inset, 0 14px 34px -22px oklch(0 0 0 / 55%);
    transition:transform .25s cubic-bezier(.22,.72,0,1), border-color .25s ease, box-shadow .25s ease;
  }
  .falx-priority-card:hover{ border-color:oklch(1 0 0/20%); transform:translateY(-2px); }

  .falx-chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; border:1px solid var(--hairline); background:oklch(0.17 0.006 270); font-size:13px; color:var(--foreground); transition:all .16s ease; }
  .falx-chip-interactive{ cursor:pointer; } .falx-chip-interactive:hover{ border-color:oklch(1 0 0/22%); background:oklch(0.2 0.008 270); }
  .falx-chip-active{ border-color:oklch(1 0 0/55%); background:oklch(0.28 0.008 270); transform:scale(1.02); }

  .falx-cta-white{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 30px; height:52px; border-radius:999px; background:oklch(0.97 0 0); color:oklch(0.13 0.005 270); border:1px solid oklch(1 0 0/18%); font-family:inherit; font-style:normal; font-weight:500; font-size:16px; letter-spacing:-0.01em; transition:background .2s ease, transform .15s ease, box-shadow .2s ease; box-shadow: inset 0 1px 0 oklch(1 0 0/55%), 0 10px 28px -12px oklch(0 0 0/45%); width:100%; }
  .falx-cta-white:hover{ background:oklch(1 0 0); transform:translateY(-1.5px); box-shadow: inset 0 1px 0 oklch(1 0 0/65%), 0 16px 36px -12px oklch(0 0 0/55%); }
  .falx-cta-white:active{ transform:translateY(0); }
  .falx-cta-white:disabled{ opacity:.45; cursor:not-allowed; transform:none; }
  .falx-cta-white span{ opacity:.75; transition:transform .2s ease, opacity .2s ease; }
  .falx-cta-white:hover span{ transform:translateX(2px); opacity:1; }


  .falx-pill-ghost{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13.6px 22px; border-radius:999px; border:1px solid var(--hairline); background:oklch(0.155 0.005 270); color:var(--foreground); font-size:14px; transition:all .16s ease; }
  .falx-pill-ghost:hover{ border-color:oklch(1 0 0/22%); background:oklch(0.19 0.006 270); }

  .falx-ai-pill{ display:inline-flex; align-items:center; gap:8px; padding:11.2px 20px; border-radius:999px; background:oklch(0.99 0 0); color:oklch(0.13 0.005 270); font-weight:500; font-size:13px; transition:all .18s ease; box-shadow:0 14px 36px -18px oklch(0 0 0/75%); }
  .falx-ai-pill:hover{ background:oklch(0.94 0 0); }
  .falx-ai-pill:disabled{ opacity:.6; cursor:progress; }

  .falx-progress-track{ height:1px; background:oklch(1 0 0/10%); width:100%; overflow:hidden; }
  .falx-progress-fill{ height:100%; background:linear-gradient(90deg, oklch(0.95 0 0), oklch(0.7 0 0)); transition:width .4s ease; }

  .wrap{ max-width:1100px; margin:0 auto; padding:0 24px; }
  .wrap-narrow{ max-width:680px; margin:0 auto; padding:0 24px; }

  .screen{ display:none; min-height:100vh; }
  .screen.active{ display:block; }

  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }
  @keyframes spin{ to{transform:rotate(360deg);} }
  .fade{ animation:fadeUp .6s cubic-bezier(.22,.72,0,1) both; }
  .fade.d1{animation-delay:.04s;} .fade.d2{animation-delay:.1s;} .fade.d3{animation-delay:.16s;}
  .fade.d4{animation-delay:.22s;} .fade.d5{animation-delay:.28s;} .fade.d6{animation-delay:.34s;}
  @media (prefers-reduced-motion: reduce){ .fade{animation:none;} .spin-ring{animation:none !important;} }

  /* ---------- Landing header ---------- */
  .lp-header{ padding: calc(env(safe-area-inset-top, 0px) + 16px) 16px 12px; }
  @media(min-width:768px){ .lp-header{ padding:32px 48px; } }
  .lp-header-inner{
    position:relative;
    max-width:1024px; margin:0 auto;
    border-radius:20px;
    padding:12px 20px;
    display:flex; align-items:center; justify-content:space-between;
    background:linear-gradient(180deg, oklch(1 0 0 / 12%), oklch(1 0 0 / 3%));
    -webkit-backdrop-filter:blur(24px) saturate(180%) brightness(1.05);
    backdrop-filter:blur(24px) saturate(180%) brightness(1.05);
    border:1px solid oklch(1 0 0 / 14%);
    box-shadow:
      0 1px 0 oklch(1 0 0 / 35%) inset,
      0 -1px 0 oklch(0 0 0 / 25%) inset,
      0 18px 40px -16px oklch(0 0 0 / 55%),
      0 2px 6px oklch(0 0 0 / 25%);
    overflow:hidden;
    isolation:isolate;
  }
  .lp-header-inner::before{
    content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
    background:linear-gradient(115deg, transparent 15%, oklch(1 0 0 / 22%) 40%, transparent 60%);
    background-size:220% 220%;
    mix-blend-mode:overlay;
    animation:glassSheen 9s ease-in-out infinite;
  }
  .lp-header-inner::after{
    content:""; position:absolute; inset:0; pointer-events:none; z-index:1; border-radius:inherit;
    box-shadow:0 0 0 1px oklch(1 0 0 / 6%) inset;
  }
  .lp-header-inner > *{ position:relative; z-index:2; }
  @keyframes glassSheen{
    0%, 100%{ background-position:0% 0%; }
    50%{ background-position:100% 100%; }
  }
  @media (prefers-reduced-motion: reduce){ .lp-header-inner::before{ animation:none; } }
  @media(min-width:768px){ .lp-header-inner{ border-radius:999px; } }
  .logo{ font-weight:600; letter-spacing:.42em; font-size:16.8px; }
  .lp-nav-right{ display:flex; align-items:center; gap:12px; }
  .lp-enter{ font-size:13px; color:var(--muted-foreground); }
  .lp-enter:hover{ color:var(--foreground); }
  .lp-pill{ display:inline-flex; align-items:center; gap:6px; border-radius:999px; background:var(--foreground); color:var(--background); padding:8px 16px; font-size:12.5px; font-weight:500; }
  .lp-pill:hover{ background:oklch(1 0 0/90%); }

  .lp-main{ max-width:768px; margin:0 auto; padding:20px 20px 80px; position:relative; }
  @media(min-width:768px){ .lp-main{ max-width:1024px; padding:64px 48px 80px; } }
  .lp-glow{ display:none; }
  .lp-eyebrow{ font-size:11px; text-transform:uppercase; letter-spacing:.32em; color:var(--muted-foreground); }
  .lp-h1{ margin-top:28px; font-size:46px; line-height:0.92; letter-spacing:-0.055em; }
  @media(min-width:768px){ .lp-h1{ font-size:88px; } }
  .lp-h1 .l2{ display:block; margin-top:4px; }
  .lp-rule{ margin-top:32px; width:64px; height:1px; background:var(--hairline); }
  .lp-sub{ margin-top:24px; max-width:420px; font-size:17px; line-height:1.55; color:oklch(0.97 0.005 270 / 85%); }
  .lp-value{ margin-top:12px; max-width:420px; font-size:13.5px; line-height:1.6; color:var(--muted-foreground); }

  /* ---------- Showcase: cards em leque + timeline ---------- */
  .showcase{ margin-top:8px; }
  .showcase-grid{ display:grid; grid-template-columns:1fr; gap:56px; align-items:center; }
  @media(min-width:1024px){ .showcase-grid{ grid-template-columns:minmax(540px,1.3fr) minmax(260px,1fr); gap:72px; } }
  @media(min-width:1280px){ .showcase-grid{ gap:104px; } }


  .fan-wrap{ position:relative; height:470px; max-width:560px; margin:0 auto; perspective:1200px; }
  @media(min-width:640px){ .fan-wrap{ height:550px; } }
  @media(min-width:1024px){ .fan-wrap{ height:500px; max-width:560px; margin:0; } }

  .fan-slot{ position:absolute; top:0; left:50%; transition:transform .45s cubic-bezier(.22,.72,0,1); }
  .fan-slot.fan-1{ transform:translate(calc(-50% - 118px), 40px) rotate(-9deg); z-index:1; }
  .fan-slot.fan-2{ transform:translate(-50%, 8px) rotate(-2deg); z-index:2; }
  .fan-slot.fan-3{ transform:translate(calc(-50% + 118px), 30px) rotate(7deg); z-index:3; }
  @media(min-width:640px){
    .fan-slot.fan-1{ transform:translate(calc(-50% - 150px), 46px) rotate(-9deg); }
    .fan-slot.fan-2{ transform:translate(-50%, 10px) rotate(-2deg); }
    .fan-slot.fan-3{ transform:translate(calc(-50% + 150px), 34px) rotate(7deg); }
  }
  @media(min-width:1024px){
    .fan-slot.fan-1{ transform:translate(calc(-50% - 110px), 44px) rotate(-9deg); }
    .fan-slot.fan-2{ transform:translate(-50%, 10px) rotate(-2deg); }
    .fan-slot.fan-3{ transform:translate(calc(-50% + 110px), 34px) rotate(7deg); }
  }
  .fan-wrap:hover .fan-slot{ transform:translate(-50%,0) rotate(0deg); }
  .fan-wrap:hover .fan-slot.fan-1{ transform:translate(calc(-50% - 56px),0) rotate(0deg); }
  .fan-wrap:hover .fan-slot.fan-3{ transform:translate(calc(-50% + 56px),0) rotate(0deg); }

  /* Editorial Tech Fan — cada card carrega um --accent, com hierarquia interna clara.
     Camada de gradiente accent no fundo, ring pequeno no topo, sparkline em barras no rodapé. */
  .fan-card{
    --accent: 235 240 250;   /* fallback platina */
    position:relative; width:230px; height:390px;
    border-radius:22px; overflow:hidden; padding:22px 20px;
    display:flex; flex-direction:column;
    border:1px solid oklch(1 0 0 / 10%);
    box-shadow:
      0 1px 0 oklch(1 0 0 / 14%) inset,
      0 34px 70px -22px oklch(0 0 0 / 78%);
    transition:transform .35s cubic-bezier(.22,.72,0,1), box-shadow .35s ease;
    transform-style:preserve-3d;
    will-change:transform;
    animation:fanFloat 6s ease-in-out infinite;
    background:linear-gradient(165deg, oklch(0.22 0 0), oklch(0.07 0 0));
  }
  .fan-card--edu{ --accent: 96 165 250; }   /* blue-400 */
  .fan-card--neg{ --accent: 52 211 153; }   /* emerald-400 */
  .fan-card--ent{ --accent: 244 63 94; }    /* rose-500 — o card da frente */

  @media(min-width:640px){ .fan-card{ width:270px; height:460px; padding:26px 22px; } }
  @media(min-width:1024px){ .fan-card{ width:296px; height:504px; padding:30px 26px; } }
  .fan-slot.fan-1 .fan-card{ animation-delay:0s; }
  .fan-slot.fan-2 .fan-card{ animation-delay:-2s; }
  .fan-slot.fan-3 .fan-card{ animation-delay:-4s; }
  @keyframes fanFloat{ 0%,100%{ transform:translateY(0) rotate(0deg); } 50%{ transform:translateY(-10px) rotate(.4deg); } }
  .fan-card:hover{ box-shadow:0 1px 0 oklch(1 0 0 / 20%) inset, 0 44px 90px -22px oklch(0 0 0 / 85%); animation-play-state:paused; }
  @media (prefers-reduced-motion: reduce){ .fan-card{ animation:none; } }

  /* Video de fundo — criadora real por trás de cada categoria */
  .fan-media{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:center;
    z-index:0; pointer-events:none;
    filter:saturate(1.05) contrast(1.02);
    transform:scale(1.04);
    transition:transform .8s cubic-bezier(.22,.72,0,1), filter .5s ease;
  }
  .fan-card:hover .fan-media{ transform:scale(1.09); filter:saturate(1.15) contrast(1.05); }

  /* Escurecimento + tint accent — mantém headline legível sobre o vídeo */
  .fan-card::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:1; border-radius:inherit;
    background:
      linear-gradient(180deg, oklch(0 0 0/10%) 0%, transparent 28%, oklch(0 0 0/45%) 68%, oklch(0 0 0/88%) 100%),
      linear-gradient(165deg, rgb(var(--accent) / .12) 0%, transparent 45%),
      radial-gradient(140% 60% at 50% 115%, oklch(0 0 0/65%), transparent 60%);
  }
  /* Sheen diagonal contínuo — assinatura editorial */
  .fan-card::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:2; border-radius:inherit;
    background:linear-gradient(115deg, transparent 25%, oklch(1 0 0/12%) 48%, transparent 68%);
    background-size:240% 240%;
    mix-blend-mode:overlay;
    animation:glassSheen 11s ease-in-out infinite;
  }
  .fan-slot.fan-2 .fan-card::before{ animation-delay:-3.5s; }
  .fan-slot.fan-3 .fan-card::before{ animation-delay:-7s; }
  @media (prefers-reduced-motion: reduce){ .fan-card::before{ animation:none; } }
  .fan-card > *:not(.fan-media){ position:relative; z-index:3; }

  /* Top row — eyebrow accent + ring pequeno */
  .fan-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
  .fan-eyebrow{
    font-family:'JetBrains Mono', ui-monospace, monospace;
    font-size:10px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
    color:rgb(var(--accent));
    line-height:1;
  }
  .fan-eyebrow--chip{
    padding:6px 8px; border-radius:5px;
    background:rgb(var(--accent) / .07);
    border:1px solid rgb(var(--accent) / .35);
    font-size:9px; letter-spacing:.28em;
  }

  /* Ring pequeno com % — canto superior direito */
  .fan-ring{ position:relative; width:40px; height:40px; flex-shrink:0; }
  .fan-card--ent .fan-ring{ width:48px; height:48px; filter:drop-shadow(0 0 8px rgb(var(--accent) / .4)); }
  .fan-ring svg{ width:100%; height:100%; transform:rotate(-90deg); overflow:visible; }
  .ring-track{ fill:none; stroke:oklch(1 0 0 / 6%); stroke-width:2; }
  .ring-fill{ fill:none; stroke:rgb(var(--accent)); stroke-width:2; stroke-linecap:round; stroke-dasharray:113; transition:stroke-dashoffset 1.4s cubic-bezier(.16,.84,.32,1); }
  .fan-card--ent .ring-fill{ stroke-width:2.5; stroke-dasharray:131.9; }
  .ring-value{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    font-family:'JetBrains Mono', ui-monospace, monospace;
    font-size:10px; font-weight:700; color:#fff; letter-spacing:-0.01em;
    transition:transform .18s ease;
  }
  .fan-card--ent .ring-value{ font-size:11px; }
  .ring-value.tick{ transform:scale(1.12); }

  /* Corpo — headline + rodapé encostados na base */
  .fan-body{ margin-top:auto; display:flex; flex-direction:column; gap:14px; }
  .fan-play{
    width:44px; height:44px; border-radius:999px;
    background:rgb(var(--accent)); color:#fff;
    display:grid; place-items:center;
    box-shadow:
      0 0 0 1px oklch(1 0 0 / 12%) inset,
      0 12px 28px -6px rgb(var(--accent) / .45);
  }
  .fan-play svg{ margin-left:2px; }
  .fan-headline{
    font-size:20px; font-weight:800; line-height:1.14; letter-spacing:-0.02em; color:#fff;
  }
  .fan-card--ent .fan-headline{ font-size:22px; }
  @media(min-width:640px){
    .fan-headline{ font-size:22px; }
    .fan-card--ent .fan-headline{ font-size:26px; }
  }
  @media(min-width:1024px){
    .fan-headline{ font-size:24px; }
    .fan-card--ent .fan-headline{ font-size:28px; }
  }

  .fan-foot{
    display:flex; align-items:flex-end; justify-content:space-between; gap:12px;
    padding-top:12px; border-top:1px solid oklch(1 0 0 / 5%);
  }
  .fan-views{
    font-family:'JetBrains Mono', ui-monospace, monospace;
    font-size:10px; letter-spacing:.22em; text-transform:uppercase;
    color:oklch(1 0 0 / 55%);
  }
  .fan-bars{ display:flex; align-items:flex-end; gap:3px; height:22px; }
  .fan-bars > span{
    display:block; width:3px; height:var(--h,50%);
    background:rgb(var(--accent) / .55);
    border-radius:999px;
    box-shadow:0 0 6px rgb(var(--accent) / .25);
  }
  .fan-bars > span:last-child{ background:rgb(var(--accent)); }

  .timeline{ position:relative; display:flex; flex-direction:column; gap:48px; padding-left:6px; }
  .timeline::before{ content:""; position:absolute; left:27px; top:28px; bottom:28px; width:1px; background:linear-gradient(180deg, var(--hairline), oklch(1 0 0/18%), var(--hairline)); }
  .timeline-item{ position:relative; display:flex; gap:24px; }
  .timeline-icon{ position:relative; z-index:1; width:54px; height:54px; flex-shrink:0; border-radius:16px; display:grid; place-items:center; color:var(--foreground);
    background:linear-gradient(165deg, oklch(0.22 0.004 270), oklch(0.09 0.003 270)); border:1px solid oklch(1 0 0/12%);
    box-shadow:0 1px 0 oklch(1 0 0/10%) inset, 0 10px 24px -14px oklch(0 0 0/70%); }
  .timeline-title{ font-size:19px; font-weight:600; letter-spacing:-0.01em; }
  .timeline-sub{ margin-top:3px; font-size:13.5px; color:var(--muted-foreground); }
  .timeline-desc{ margin-top:9px; font-size:13px; line-height:1.6; color:oklch(0.65 0.012 270/85%); max-width:36ch; }

  /* ---------- Painel do manifesto — 7 camadas (base + glow radial + halo azul +
     textura vertical + vinheta + borda vidro + blur de luz), a parte mais importante ---------- */
  /* Card em PLATINA ESCURA — graphite quente, tom neutro (sem azul, sem verde).
     Muito mais escuro que a placa para não competir com ela, mas com a mesma família tonal. */
  /* Card na MESMA família tonal da placa (gunmetal), levemente mais escuro
     nas bordas para emoldurar o objeto sem competir com ele. */
  .manifesto-block{
    position:relative; overflow:hidden; margin-top:40px;
    padding:40px 28px 44px;
    border-radius:40px;
    border:1px solid rgba(215,220,228,.08);
    background:
      radial-gradient(120% 60% at 50% 0%, rgba(210,216,226,.12) 0%, rgba(120,126,136,.05) 40%, transparent 70%),
      linear-gradient(180deg, #2b2f36 0%, #22262c 55%, #14171c 100%);
    box-shadow:
      inset 0 1px 0 rgba(245,248,254,.09),
      inset 0 0 0 1px rgba(235,238,244,.035),
      inset 0 0 220px rgba(0,0,0,.5),
      0 50px 120px rgba(0,0,0,.75);
  }
  @media(min-width:640px){ .manifesto-block{ padding:64px 52px 56px; border-radius:44px; } }
  @media(min-width:1024px){ .manifesto-block{ padding:80px 88px 72px; } }
  .manifesto-block::after{
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
    background:
      radial-gradient(circle at 50% 45%, transparent 60%, rgba(0,0,0,.55) 100%),
      repeating-linear-gradient(90deg, transparent 0px, transparent 22px, rgba(235,238,244,.018) 23px, transparent 24px);
  }
  .manifesto-glow{
    display:block; position:absolute; z-index:0; pointer-events:none;
    width:620px; height:620px; top:-240px; left:50%; transform:translateX(-50%); border-radius:999px;
    background:radial-gradient(circle, rgba(215,220,230,.10), rgba(155,160,170,.03) 45%, transparent 72%);
    filter:blur(110px);
  }


  /* Edition micro-label (Nº 001 — FALX ARCHIVE) */
  .manifesto-edition{
    position:absolute; top:32px; left:28px; z-index:2;
    display:inline-flex; align-items:center; gap:10px;
    font-family:'JetBrains Mono', ui-monospace, monospace;
    font-size:10px; letter-spacing:.24em; text-transform:uppercase;
    color:rgba(220,225,235,.42);
  }
  .manifesto-edition .dot{
    width:6px; height:6px; border-radius:999px;
    background:rgba(230,238,255,.9);
    box-shadow:0 0 10px rgba(180,205,255,.75), 0 0 2px rgba(255,255,255,.95);
    animation:editionPulse 3.4s ease-in-out infinite;
  }
  @keyframes editionPulse{
    0%,100%{ opacity:.55; }
    50%    { opacity:1; }
  }
  @media(min-width:640px){ .manifesto-edition{ top:36px; left:52px; } }
  @media(min-width:1024px){ .manifesto-edition{ top:44px; left:88px; } }
  .manifesto-block > *:not(.manifesto-glow):not(.creator-plaque):not(.manifesto-edition){ position:relative; z-index:1; }
  .manifesto-block .lp-h1{ margin-top:44px; }
  @media(min-width:640px){ .manifesto-block .lp-h1{ margin-top:56px; } }

  /* Placa FALX — objeto ambiental em camadas, com parallax 3D e reflexo procedural.
     JS atualiza --rx / --ry / --lx / --ly em .manifesto-block via mousemove.
     --lx/--ly são a posição da fonte de luz virtual (0-100%). */
  .manifesto-block{
    --rx:0deg; --ry:0deg;
    --lx:35%; --ly:25%;
  }
  .manifesto-block{ display:flex; flex-direction:column; }
  .manifesto-block > *{ order:1; }
  .creator-plaque{ order:2; }
  .manifesto-block > .pillars{ order:3; }
  .creator-plaque{
    position:relative; z-index:1; pointer-events:none;
    align-self:center;
    margin:32px auto 4px;
    width:min(86%, 340px); aspect-ratio:1/1;
    perspective:1400px;
    filter:
      drop-shadow(0 34px 60px rgba(0,0,0,.78))
      drop-shadow(0 6px 18px rgba(0,0,0,.55))
      drop-shadow(0 0 22px rgba(255,255,255,.04));
    opacity:.85;
    transition:opacity 900ms cubic-bezier(.22,.61,.36,1);
  }
  .creator-plaque.is-live{ opacity:1; }


  @media(min-width:640px){
    .creator-plaque{
      position:absolute; margin:0;
      top:50%; right:6%; transform:translateY(-50%);
      width:42%; max-width:380px;
    }
  }
  @media(min-width:1024px){
    .creator-plaque{ right:7%; width:36%; max-width:420px; }
  }

  .plaque-stage{
    position:absolute; inset:0;
    transform-style:preserve-3d;
    transform:rotate(-2deg);
    animation:plaqueIdle 22s ease-in-out infinite;
  }
  @keyframes plaqueIdle{
    0%,100%{ transform:rotate(-2.6deg); }
    50%   { transform:rotate(-1.2deg); }
  }
  .plaque-3d{
    position:absolute; inset:0;
    transform-style:preserve-3d;
    transform:rotateX(var(--rx)) rotateY(var(--ry));
    transition:transform 480ms cubic-bezier(.22,.61,.36,1);
    will-change:transform;
  }
  .plaque-layer{
    position:absolute; inset:0; border-radius:22px; overflow:hidden;
    transform-style:preserve-3d;
  }
  .plaque-layer svg{ width:100%; height:100%; display:block; }
  .plaque-shadow{
    transform:translateZ(-40px) scale(1.02);
    background:radial-gradient(60% 55% at 55% 60%, rgba(0,0,0,.55), transparent 70%);
    filter:blur(12px);
  }
  .plaque-metal   { transform:translateZ(0); }
  .plaque-engraved{ transform:translateZ(2px); }

  /* Reflexo industrial — highlight leve responde à luz virtual (--lx/--ly).
     Reduzido para performance: 2 gradientes ao invés de 3. */
  .plaque-highlight{
    transform:translateZ(6px);
    background:
      radial-gradient(24% 18% at var(--lx) var(--ly),
        rgba(230,236,246,.22) 0%,
        rgba(230,236,246,0) 70%);
    mix-blend-mode:screen; opacity:.55;
    transition:background 220ms linear;
  }
  /* Shimmer sutil concentrado nas bordas — nunca no centro (onde vive o medalhão) */
  .plaque-brushed{
    position:absolute; inset:0; border-radius:22px; overflow:hidden;
    transform:translateZ(8px);
    background:
      radial-gradient(120% 40% at 50% -10%,
        rgba(240,246,255,.10) 0%,
        rgba(220,228,240,0) 60%),
      radial-gradient(120% 40% at 50% 110%,
        rgba(240,246,255,.05) 0%,
        rgba(220,228,240,0) 60%);
    mix-blend-mode:screen; opacity:.6;
    animation:plaqueShimmer 5s ease-in-out infinite;
    pointer-events:none; will-change:opacity;
  }
  @keyframes plaqueShimmer{
    0%,100% { opacity:.35; }
    50%     { opacity:.7; }
  }

  /* Aura removida do centro — passa a soprar luz apenas no topo da placa */
  .plaque-aura{
    position:absolute; inset:0; border-radius:22px; overflow:hidden;
    transform:translateZ(10px);
    background:radial-gradient(80% 30% at 50% -5%,
      rgba(245,248,255,.10) 0%,
      rgba(220,228,240,0) 70%);
    mix-blend-mode:screen; opacity:.5;
    animation:plaqueAura 8s ease-in-out infinite;
    pointer-events:none; will-change:opacity;
  }
  @keyframes plaqueAura{
    0%,100% { opacity:.3; }
    50%     { opacity:.6; }
  }


  /* Bevel/rim — acabamento usinado: hairline superior clara, sombra inferior profunda,
     hairline lateral neutra e vinheta interna sutil para dar peso e uniformidade. */
  .plaque-rim{
    position:absolute; inset:0; border-radius:22px; pointer-events:none;
    transform:translateZ(12px);
    box-shadow:
      inset 0 1.2px 0 rgba(255,255,255,.28),
      inset 0 -1.2px 0 rgba(0,0,0,.65),
      inset 1px 0 0 rgba(255,255,255,.06),
      inset -1px 0 0 rgba(0,0,0,.35),
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 32px rgba(0,0,0,.55),
      inset 0 12px 40px rgba(255,255,255,.03);
  }
  .plaque-rim::after{
    content:""; position:absolute; inset:2px; border-radius:20px; pointer-events:none;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.40);
  }

  .plaque-window{ transform:translateZ(14px); }
  .plaque-morph { transform:translateZ(30px); }
  .plaque-gloss{
    transform:translateZ(42px);
    background:
      linear-gradient(160deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 32%, rgba(255,255,255,0) 62%, rgba(0,0,0,.42) 100%),
      linear-gradient(200deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 40%);
  }

  .plaque-sweep{ display:none; }

  /* METAL LÍQUIDO — reveal 100% estável e central: apenas opacidade.
     Sem escala, sem transform, sem drift. Aparece, permanece, apaga. */
  .liq{
    transform-origin:50% 50% !important;
    opacity:0;
    will-change:opacity;
    transition: opacity .55s cubic-bezier(.4,0,.2,1);
  }
  .liq.is-active{ opacity:1; }



  /* Reduced motion — placa 100% legível, sem parallax, sem morph, sem shimmer, sem aura. */
  @media (prefers-reduced-motion:reduce){
    .plaque-stage{ animation:none !important; transform:rotate(-2deg) !important; }
    .plaque-3d{ transform:none !important; transition:none !important; }
    .plaque-highlight{ transition:none !important; }
    .plaque-brushed,.plaque-aura{ animation:none !important; opacity:.15 !important; }
    .creator-plaque{ opacity:1 !important; transition:none !important; }
    .liq{ animation:none !important; transform:scale(0); opacity:0; }
    .liq-yt{ transform:scale(1) !important; opacity:1 !important; }
  }




  .manifesto-block .lp-h1,
  .manifesto-block .lp-rule,
  .manifesto-block .lp-sub,
  .manifesto-block .lp-value{ position:relative; z-index:2; max-width:100%; }
  @media(min-width:640px){
    .manifesto-block .lp-h1,
    .manifesto-block .lp-rule,
    .manifesto-block .lp-sub,
    .manifesto-block .lp-value{ max-width:56%; }
  }




  .pillars{
    margin-top:44px; padding-top:36px;
    border-top:1px solid rgba(255,255,255,.08);
    display:grid; grid-template-columns:1fr 1fr; gap:32px 24px;
  }
  .pillar{ min-width:0; position:relative; padding-left:0; opacity:0; transform:translateY(6px); animation:pillarIn 700ms cubic-bezier(.22,.61,.36,1) forwards; }
  .pillar:nth-child(1){ animation-delay:120ms; }
  .pillar:nth-child(2){ animation-delay:220ms; }
  .pillar:nth-child(3){ animation-delay:320ms; }
  @keyframes pillarIn{ to{ opacity:1; transform:translateY(0); } }
  @media(min-width:768px){
    .pillars{ grid-template-columns:repeat(3, 1fr); gap:0; }
    .pillar{ padding-right:32px; border-right:1px solid var(--hairline); }
    .pillar:last-child{ border-right:none; padding-right:0; }
  }
  .pillar-n{
    display:block; margin-bottom:10px;
    font-family:'JetBrains Mono', ui-monospace, monospace;
    font-size:10px; letter-spacing:.28em; color:rgba(210,220,240,.32);
  }
  .pillar-t{ font-size:11px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--foreground); white-space:nowrap; }
  .pillar-s{ margin-top:6px; font-size:12px; color:rgba(220,225,235,.5); letter-spacing:-.005em; }

  .auth-card{ margin-top:36px; }
  @media(min-width:768px){ .auth-card{ margin:36px auto 0; max-width:576px; } }
  .google-btn{ width:100%; display:flex; align-items:center; justify-content:center; gap:12px; border-radius:999px; background:#fff; color:#111; padding:16px 24px; font-size:14.5px; font-weight:500; transition:background .2s; }
  .google-btn:hover{ background:#f3f3f3; }
  .apple-btn{ width:100%; display:flex; align-items:center; justify-content:center; gap:12px; border-radius:999px; background:#000; color:#fff; padding:16px 24px; font-size:14.5px; font-weight:500; margin-top:10px; border:1px solid oklch(1 0 0 / 12%); transition:background .2s; }
  .apple-btn:hover{ background:#111; }
  .auth-quick-note{ margin-top:14px; text-align:center; font-size:12px; color:var(--muted-foreground); }
  .or-divider{ margin:20px 0; display:flex; align-items:center; gap:16px; font-size:11.5px; color:var(--muted-foreground); }
  .or-divider .line{ flex:1; height:1px; background:var(--hairline); }
  .auth-field{ display:flex; align-items:center; gap:12px; border-radius:16px; border:1px solid var(--hairline); background:var(--surface); padding:14px 16px; margin-top:12px; transition:border-color .18s ease, background .18s ease; }
  .auth-field:focus-within{ border-color:oklch(1 0 0/32%); background:var(--surface-2); }
  .auth-field input{ flex:1; background:transparent; border:none; outline:none; color:var(--foreground); font-size:14.5px; }
  .auth-field input::placeholder{ color:oklch(0.65 0.012 270 / 70%); }
  .auth-field .trailing{ display:inline-flex; align-items:center; gap:4px; font-size:12.5px; color:var(--muted-foreground); }
  .auth-field .trailing:hover{ color:var(--foreground); }
  .auth-submit{ margin-top:12px; width:100%; display:flex; align-items:center; justify-content:center; gap:8px; border-radius:999px; border:1px solid var(--hairline); background:var(--surface); padding:16px 24px; font-size:14.5px; font-weight:500; transition:background .2s; }
  .auth-submit:hover{ background:var(--surface-2); }
  .auth-flip{ margin-top:20px; text-align:center; font-size:12.5px; color:var(--muted-foreground); }
  .auth-flip button{ color:var(--foreground); text-decoration:underline; text-underline-offset:4px; }
  .auth-lock{ margin-top:24px; border-top:1px solid var(--hairline); padding-top:20px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:11.5px; color:var(--muted-foreground); }
  .auth-error{ margin-top:12px; border-radius:12px; border:1px solid oklch(0.62 0.22 27 / 30%); background:oklch(0.62 0.22 27 / 10%); padding:12px; font-size:12.5px; color:oklch(0.8 0.1 27); display:none; }
  .auth-error.show{ display:block; }

  .genome-teaser{ margin-top:56px; position:relative; overflow:hidden; padding:32px; }
  @media(min-width:768px){ .genome-teaser{ margin:56px auto 0; max-width:576px; padding:40px; } }
  .genome-glow{ position:absolute; right:-96px; top:-96px; width:256px; height:256px; border-radius:999px; opacity:.4; filter:blur(64px); background:radial-gradient(closest-side, oklch(0.75 0.01 270 / 0.4), transparent 70%); pointer-events:none; }
  .genome-teaser h3{ margin-top:20px; font-size:30px; line-height:1; }
  @media(min-width:768px){ .genome-teaser h3{ font-size:38px; } }
  .genome-teaser h3 .l2{ display:block; margin-top:8px; }
  .genome-list{ margin-top:16px; }
  .genome-list li{ display:flex; gap:12px; font-size:13.5px; line-height:1.6; color:var(--muted-foreground); padding:3px 0; }
  .genome-list li .dash{ color:oklch(0.97 0.005 270 / 60%); }
  .genome-note{ margin-top:24px; border-top:1px solid var(--hairline); padding-top:20px; }
  .genome-note p:first-child{ font-size:13.5px; line-height:1.55; color:oklch(0.97 0.005 270 / 90%); }
  .genome-note p:last-child{ margin-top:4px; font-size:13.5px; line-height:1.55; color:var(--muted-foreground); }
  .genome-note b{ color:var(--foreground); }

  .lp-footer{ margin-top:56px; display:flex; flex-direction:column; align-items:center; gap:8px; font-size:11.5px; color:var(--muted-foreground); }

  /* ---------- Onboarding shell ---------- */
  .ob-header{ padding:24px; }
  .ob-header-row{ display:flex; align-items:center; justify-content:space-between; }
  .ob-step-r{ font-size:10.5px; text-transform:uppercase; letter-spacing:.28em; color:var(--muted-foreground); }
  .ob-progress{ margin-top:20px; }
  .ob-step-l{ margin-top:20px; font-size:10.5px; text-transform:uppercase; letter-spacing:.28em; color:var(--muted-foreground); }
  .ob-main{ max-width:900px; margin:0 auto; padding:16px 24px 96px; }

  .step-h1{ font-size:clamp(2rem, 6vw, 3.6rem); }
  .step-intro{ margin-top:24px; max-width:520px; font-size:15px; line-height:1.6; color:var(--muted-foreground); }
  .step-intro span{ color:var(--foreground); }
  .step-hint{ margin-top:16px; max-width:520px; font-size:13.5px; color:oklch(0.65 0.012 270 / 80%); display:flex; align-items:center; gap:8px; }

  .platform-grid{ margin-top:20px; display:grid; grid-template-columns:1fr; gap:12px; }
  @media(min-width:700px){ .platform-grid{ grid-template-columns:1fr 1fr; gap:16px; } }
  .pf-top{ display:flex; align-items:flex-start; gap:16px; width:100%; text-align:left; }
  .pf-icon{ width:48px; height:48px; display:grid; place-items:center; flex-shrink:0; }
  .pf-name-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .pf-name{ font-size:15px; font-weight:500; }
  .pf-sub{ margin-left:4px; font-size:12px; color:var(--muted-foreground); font-weight:400; }
  .pf-status{ display:inline-flex; align-items:center; gap:4px; font-size:12px; }
  .pf-desc{ margin-top:4px; font-size:12px; line-height:1.5; color:var(--muted-foreground); }
  .pf-handle{ margin-top:16px; display:flex; align-items:center; gap:8px; border-radius:12px; border:1px solid var(--hairline); background:oklch(0.205 0.008 270 / 60%); padding:10px 12px; display:none; transition:border-color .18s ease; }
  .pf-handle:focus-within{ border-color:oklch(1 0 0/32%); }
  .pf-handle.show{ display:flex; }
  .pf-handle input{ flex:1; background:transparent; border:none; outline:none; color:var(--foreground); font-size:13.5px; }
  .pf-handle input::placeholder{ color:oklch(0.65 0.012 270 / 60%); }

  .benefits-card{ margin-top:40px; padding:20px 24px; }
  .benefits-title{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:500; }
  .benefits-grid{ margin-top:20px; display:grid; grid-template-columns:1fr; gap:20px; }
  @media(min-width:700px){ .benefits-grid{ grid-template-columns:repeat(4,1fr); } }
  .benefit-item{ display:flex; align-items:flex-start; gap:12px; font-size:12.5px; line-height:1.5; color:var(--muted-foreground); }
  .benefit-icon{ margin-top:2px; flex-shrink:0; }

  .step-actions{ margin-top:40px; display:grid; grid-template-columns:1fr; gap:12px; align-items:center; }
  @media(min-width:700px){ .step-actions{ grid-template-columns:auto 1fr auto; } }
  .step-actions .hint-r{ font-size:11.5px; color:var(--muted-foreground); }
  @media(min-width:700px){ .step-actions .hint-r{ justify-self:end; } }
  .step-actions .back-l{ justify-self:start; }

  .textarea-card{ margin-top:40px; position:relative; transition:border-color .18s ease; }
  .textarea-card:focus-within{ border-color:oklch(1 0 0/28%); }
  .textarea-card textarea{ width:100%; resize:none; background:transparent; border:none; outline:none; color:var(--foreground); font-size:15.5px; line-height:1.6; font-family:inherit; padding:20px 24px; }
  .textarea-card textarea::placeholder{ color:oklch(0.65 0.012 270 / 70%); }
  .char-count{ display:flex; justify-content:flex-end; padding:0 24px 16px; font-size:11.5px; color:var(--muted-foreground); }
  .ai-btn-wrap{ margin-top:-20px; display:flex; justify-content:center; position:relative; }

  .chips-row{ margin-top:16px; display:flex; flex-wrap:wrap; gap:10px; }

  .examples-card{ margin-top:48px; padding:20px 24px; }
  .examples-head{ display:flex; align-items:center; justify-content:space-between; }
  .examples-head button{ font-size:11.5px; color:var(--muted-foreground); }
  .examples-head button:hover{ color:var(--foreground); }
  .examples-grid{ margin-top:20px; display:grid; grid-template-columns:1fr; gap:16px; }
  @media(min-width:800px){ .examples-grid{ grid-template-columns:repeat(3,1fr); } }
  .example-item{ display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:1.5; color:var(--muted-foreground); }

  .universe-banner{ margin-top:32px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:20px; }
  .universe-banner p{ font-size:13px; line-height:1.6; color:var(--muted-foreground); }
  .universe-banner p .amber{ color:var(--amber); }
  .brain-ring{ width:48px; height:48px; flex-shrink:0; border-radius:999px; border:1px solid var(--hairline); display:grid; place-items:center; }

  .universe-chips{ margin-top:32px; display:flex; flex-wrap:wrap; gap:10px; }

  .aud-callout{ margin-top:32px; display:flex; align-items:flex-start; gap:12px; padding:16px; }
  .aud-callout-icon{ width:36px; height:36px; flex-shrink:0; border-radius:12px; border:1px solid var(--hairline); background:var(--surface); display:grid; place-items:center; }
  .aud-callout p:first-child{ font-size:13.5px; line-height:1.55; }
  .aud-callout p:last-child{ font-size:12.5px; line-height:1.55; color:var(--muted-foreground); }

  .two-col{ display:grid; grid-template-columns:1fr; gap:40px; }
  @media(min-width:1024px){ .two-col{ grid-template-columns:1fr 1.35fr; } }

  .strategy-grid{ margin-top:20px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .strategy-item p:first-child{ margin-top:12px; font-size:13px; font-weight:500; }
  .strategy-item p:last-child{ margin-top:4px; font-size:11.5px; line-height:1.5; color:var(--muted-foreground); }

  .priority-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
  @media(min-width:640px){ .priority-grid{ grid-template-columns:1fr 1fr; } }
  .pc-radio{ position:absolute; right:16px; top:16px; width:20px; height:20px; border-radius:999px; border:1px solid var(--hairline); display:grid; place-items:center; }
  .pc-radio.on{ background:var(--foreground); border-color:var(--foreground); }
  .pc-top{ display:flex; align-items:flex-start; gap:12px; padding-right:28px; }
  .pc-icon{ width:36px; height:36px; flex-shrink:0; border-radius:12px; border:1px solid var(--hairline); background:var(--surface); display:grid; place-items:center; }
  .pc-name{ font-size:15px; font-weight:500; }
  .pc-desc{ margin-top:2px; font-size:12.5px; line-height:1.5; color:var(--muted-foreground); }
  .pc-sub-eyebrow{ margin-top:16px; font-size:10px; }
  .pc-items{ margin-top:8px; display:flex; flex-direction:column; gap:6px; }
  .pc-items li{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted-foreground); }

  .finalize-error{ margin-top:24px; max-width:640px; border-radius:12px; border:1px solid oklch(0.62 0.22 27/30%); background:oklch(0.62 0.22 27/10%); padding:12px; font-size:12.5px; color:oklch(0.8 0.1 27); display:none; }
  .finalize-error.show{ display:block; }

  .spin-ring{ width:14px; height:14px; border-radius:999px; border:2px solid oklch(0.13 0.005 270 / 35%); border-top-color:oklch(0.13 0.005 270); animation:spin .7s linear infinite; display:inline-block; }

  /* ---------- Success ---------- */
  .success-wrap{ min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 24px; }
  .success-ring{ width:80px; height:80px; border-radius:999px; border:1px solid var(--hairline); display:grid; place-items:center; }
  .success-wrap h1{ margin-top:28px; font-size:2.1rem; }
  .success-wrap p{ margin-top:12px; max-width:420px; font-size:14px; line-height:1.6; color:var(--muted-foreground); }
  .success-wrap .falx-cta-white{ margin-top:36px; width:auto; padding-left:32px; padding-right:32px; }

  /* ---------- Quiz ---------- */
  .quiz-q{ font-size:clamp(1.6rem, 5vw, 2.3rem); }
  .quiz-progress-label{ margin-top:20px; font-size:11px; text-transform:uppercase; letter-spacing:.22em; color:var(--muted-foreground); }
  .quiz-options{ margin-top:32px; display:flex; flex-direction:column; gap:12px; }
  .quiz-option{ display:flex; align-items:center; gap:16px; width:100%; text-align:left; padding:18px 20px; border-radius:16px; border:1px solid var(--hairline); background:oklch(0.155 0.005 270); transition:all .18s ease; }
  .quiz-option:hover{ border-color:oklch(1 0 0/22%); background:oklch(0.19 0.006 270); }
  .quiz-option.picked{ border-color:oklch(1 0 0/55%); background:oklch(0.24 0.008 270); }
  .quiz-radio{ width:20px; height:20px; flex-shrink:0; border-radius:999px; border:1px solid var(--border-strong, var(--hairline)); display:grid; place-items:center; }
  .quiz-option.picked .quiz-radio{ background:var(--foreground); }
  .quiz-option-text{ font-size:14.5px; line-height:1.5; }
  .quiz-calc{ min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; text-align:center; padding:24px; }
  .quiz-calc .ring{ width:52px; height:52px; border-radius:999px; border:2px solid var(--hairline); border-top-color:var(--foreground); animation:spin 1s linear infinite; }

  /* ---------- Resultado compartilhável ---------- */
  .result-wrap{ max-width:640px; margin:0 auto; padding:56px 24px 80px; }
  .result-eyebrow{ text-align:center; }
  .result-card{ margin-top:24px; position:relative; overflow:hidden; padding:40px 28px; text-align:center; }
  @media(min-width:640px){ .result-card{ padding:56px 48px; } }
  .result-glow{ position:absolute; left:50%; top:-40%; width:420px; height:420px; margin-left:-210px; border-radius:999px; opacity:.28; filter:blur(110px); background:radial-gradient(closest-side, oklch(0.75 0.01 270 / 0.65), transparent 70%); pointer-events:none; }
  .result-label{ position:relative; font-size:11px; text-transform:uppercase; letter-spacing:.22em; color:var(--muted-foreground); }
  .result-name{ position:relative; margin-top:14px; font-size:clamp(1.8rem, 7vw, 2.6rem); letter-spacing:-0.03em; }
  .result-vantagem{ position:relative; margin-top:16px; font-size:14.5px; line-height:1.6; color:oklch(0.97 0.005 270/85%); max-width:36ch; margin-left:auto; margin-right:auto; }
  .result-stats{ position:relative; margin-top:36px; text-align:left; display:flex; flex-direction:column; gap:0; }
  .result-stat{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 0; border-top:1px solid color-mix(in oklab, var(--hairline) 70%, transparent); }
  .result-stat:first-child{ border-top:none; }
  .result-stat .k{ font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted-foreground); }
  .result-stat .v{ font-size:13.5px; font-weight:500; text-align:right; }
  .result-score-bar{ position:relative; margin-top:24px; }
  .result-score-row{ display:flex; justify-content:space-between; font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted-foreground); }
  .result-score-track{ margin-top:8px; height:4px; border-radius:999px; background:var(--surface-2); overflow:hidden; }
  .result-score-fill{ height:100%; background:linear-gradient(90deg, var(--amber), oklch(0.95 0 0)); }

  .result-share-row{ margin-top:32px; display:flex; flex-direction:column; gap:10px; }
  .result-link-pill{ display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:999px; border:1px solid var(--hairline); background:var(--surface); padding:10px 10px 10px 18px; font-size:12.5px; color:var(--muted-foreground); }
  .result-link-pill button{ flex-shrink:0; border-radius:999px; background:var(--surface-2); padding:8px 14px; font-size:12px; color:var(--foreground); font-weight:500; }
  .result-link-pill button:hover{ background:oklch(0.24 0.008 270); }
  .result-footer-note{ margin-top:40px; text-align:center; font-size:13.5px; line-height:1.6; color:var(--muted-foreground); }
  .result-footer-note b{ color:var(--foreground); }
  .result-actions{ margin-top:24px; display:flex; flex-direction:column; gap:12px; align-items:center; }
  .result-retry{ font-size:12.5px; color:var(--muted-foreground); }
  .result-retry:hover{ color:var(--foreground); }
  .copied-toast{ position:fixed; left:50%; bottom:28px; transform:translateX(-50%) translateY(20px); opacity:0; background:var(--foreground); color:var(--background); font-size:12.5px; font-weight:500; padding:10px 18px; border-radius:999px; transition:all .25s ease; pointer-events:none; z-index:50; }
  .copied-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

  /* ---------- Fundo cinematográfico ---------- */
  #heroCanvas{ position:fixed; inset:0; width:100vw; height:100vh; z-index:0; pointer-events:none; }
  .lp-header{ position:relative; z-index:2; }
  .lp-main{ position:relative; z-index:2; }
  @media (prefers-reduced-motion: reduce){ #heroCanvas{ display:none; } }
/* ============ Creator Multiverse ============ */
.multiverse{
  --p: 0;
  --p0: 1; --p1: 0; --p2: 0;
  position:relative;
  width:100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 40px) clamp(12px, 3vw, 32px) clamp(16px, 3vw, 28px);
  color:#e8ebf0;
}

/* Editorial hero headline above the multiverse */
.mv-hero-head{ text-align:center; padding: 4px clamp(16px, 5vw, 40px) 0; }
.mv-hero-title{
  font-family:'Inter', ui-sans-serif, system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(22px, 5.4vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  color: oklch(1 0 0 / 96%);
  margin: 0 auto;
  max-width: 24ch;
  text-wrap: balance;
  font-feature-settings: "ss01","cv11";
}
.mv-hero-title span{
  color: oklch(1 0 0 / 42%);
  font-weight: 500;
}

/* Three pillar chips under the hero headline */
.mv-pillars{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap: clamp(8px, 1.6vw, 14px);
  margin: clamp(18px, 3.4vw, 30px) auto 0;
  max-width: 880px;
  padding: 0 clamp(8px, 3vw, 16px);
}
.mv-pillar{
  display:inline-flex; align-items:center; gap: clamp(10px, 1.6vw, 14px);
  padding: clamp(9px, 1.4vw, 12px) clamp(14px, 2.2vw, 20px);
  border-radius: 999px;
  background: oklch(1 0 0 / 2.5%);
  box-shadow:
    inset 0 0 0 1px oklch(1 0 0 / 10%),
    inset 0 1px 0 oklch(1 0 0 / 6%),
    0 1px 0 oklch(0 0 0 / 40%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: oklch(1 0 0 / 92%);
  transition: box-shadow .3s ease, background .3s ease, transform .3s ease;
}
.mv-pillar:hover{
  background: oklch(1 0 0 / 4%);
  box-shadow:
    inset 0 0 0 1px oklch(1 0 0 / 18%),
    inset 0 1px 0 oklch(1 0 0 / 10%),
    0 4px 20px -8px oklch(0 0 0 / 60%);
}
.mv-pillar-icon{
  display:inline-flex; align-items:center; justify-content:center;
  color: oklch(1 0 0 / 88%);
  width: 18px; height: 18px;
}
.mv-pillar-sep{
  width:1px; height:16px; background: oklch(1 0 0 / 18%);
}
.mv-pillar-label{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: clamp(10.5px, 1.15vw, 12.5px);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: oklch(1 0 0 / 82%);
  white-space: nowrap;
}
@media (max-width: 480px){
  .mv-pillars{ gap: 8px; margin-top: 16px; }
  .mv-pillar{ padding: 8px 12px; gap: 9px; }
  .mv-pillar-icon svg{ width:14px; height:14px; }
  .mv-pillar-sep{ height:12px; }
  .mv-pillar-label{ font-size: 9.5px; letter-spacing:.2em; }
}

/* Top center kicker */
.mv-kicker-top{ display:flex; justify-content:center; margin-bottom: clamp(14px, 3vw, 32px); }
.mv-kicker{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:9.5px; letter-spacing:.22em; text-transform:uppercase;
  color: oklch(1 0 0 / 78%);
  padding:6px 12px; border-radius:999px;
  background: oklch(1 0 0 / 2%);
  box-shadow: inset 0 0 0 1px oklch(1 0 0 / 10%);
  white-space:nowrap;
}
@media(min-width:1024px){ .mv-kicker{ font-size:11px; padding:9px 18px; gap:10px; } }
.mv-dot{ width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 10px #fff; animation: mvPulse 2s ease-in-out infinite; }
@keyframes mvPulse{ 0%,100%{opacity:.55} 50%{opacity:1} }

/* Grid — same shape at every breakpoint, just scaled */
.mv-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "frame"
    "leftm"
    "metrics";
  gap: 14px;
  align-items: start;
}
@media(min-width: 1024px){
  .mv-grid{
    grid-template-columns: 240px minmax(0, 1fr) 240px;
    grid-template-areas: "leftm frame metrics";
    grid-template-rows: auto;
    align-items: center;
    gap: 40px;
  }
}



/* Universe list — mobile: subtle horizontal pill row */
.mv-univs-col{
  grid-area: univs;
  display:flex; flex-direction:row; gap: 6px;
  justify-content:center; flex-wrap:wrap;
  align-self:start;
  position:relative;
  padding: 0;
  opacity: .85;
}
.mv-univs-col::before{ display:none; }
@media(min-width:1024px){
  .mv-univs-col{ flex-direction:column; gap: 22px; padding-top:0; opacity:1; justify-content:flex-start; flex-wrap:nowrap; }
  .mv-univs-col::before{
    display:block; content:""; position:absolute; left: 3.5px; top: 12px; bottom: 12px;
    width:1px; background: linear-gradient(180deg, oklch(1 0 0 / 4%), oklch(1 0 0 / 14%), oklch(1 0 0 / 4%));
    z-index:-1;
  }
}
.mv-univ{
  all:unset;
  display:inline-flex; align-items:center; gap:6px;
  cursor:pointer;
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 9px; letter-spacing:.14em; text-transform:uppercase;
  color: oklch(1 0 0 / 45%);
  transition: color .35s;
  position:relative;
  padding: 5px 9px;
  border-radius: 999px;
  background: oklch(1 0 0 / 2.5%);
  box-shadow: inset 0 0 0 1px oklch(1 0 0 / 6%);
  min-width: 0;
}
.mv-univ > span:last-child{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
@media(min-width:1024px){
  .mv-univ{ font-size:11.5px; letter-spacing:.16em; gap:12px; padding:0; background:none; box-shadow:none; border-radius:0; }
  .mv-univ > span:last-child{ white-space:normal; }
}

.mv-univ .mv-node{
  width:5px; height:5px; border-radius:50%;
  background: oklch(1 0 0 / 22%);
  transition: background .35s, box-shadow .35s, transform .35s;
  flex-shrink:0;
}
@media(min-width:1024px){ .mv-univ .mv-node{ width:8px; height:8px; box-shadow: 0 0 0 4px oklch(1 0 0 / 4%);} }
.mv-univ[data-i="0"]{ color: oklch(1 0 0 / calc(0.45 + var(--p0) * 0.55)); }
.mv-univ[data-i="1"]{ color: oklch(1 0 0 / calc(0.45 + var(--p1) * 0.55)); }
.mv-univ[data-i="2"]{ color: oklch(1 0 0 / calc(0.45 + var(--p2) * 0.55)); }
.mv-univ[data-i="0"] .mv-node{ background: oklch(1 0 0 / calc(0.22 + var(--p0) * 0.78)); box-shadow: 0 0 6px oklch(1 0 0 / calc(var(--p0) * 0.5)); }
.mv-univ[data-i="1"] .mv-node{ background: oklch(1 0 0 / calc(0.22 + var(--p1) * 0.78)); box-shadow: 0 0 6px oklch(1 0 0 / calc(var(--p1) * 0.5)); }
.mv-univ[data-i="2"] .mv-node{ background: oklch(1 0 0 / calc(0.22 + var(--p2) * 0.78)); box-shadow: 0 0 6px oklch(1 0 0 / calc(var(--p2) * 0.5)); }

/* Side columns — mobile: mini strips below video */
.mv-side{ display:grid; gap: 6px; min-width:0; }
.mv-side-left{ grid-area: leftm; align-self: start; grid-template-columns: 1fr; }
.mv-side-right{ grid-area: metrics; align-self: start; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
@media(min-width:1024px){
  .mv-side{ display:flex; flex-direction:column; gap: 14px; }
  .mv-side-left{ margin-top: 0; align-self:center; }
  .mv-side-right{ grid-row: auto; align-self:center; }
}




/* Metric cards — mobile: ultra-compact evidence chips */
.mv-card{
  position:relative;
  padding: 9px 10px;
  border-radius: 10px;
  background: oklch(1 0 0 / 2%);
  box-shadow: inset 0 0 0 1px oklch(1 0 0 / 6%);
  color:#fff;
  min-width: 0;
  opacity: .82;
}
@media(min-width:1024px){
  .mv-card{
    padding:16px 18px; border-radius:18px; opacity:1;
    background: linear-gradient(180deg, oklch(1 0 0 / 3.5%), oklch(1 0 0 / 1.5%));
    box-shadow: inset 0 0 0 1px oklch(1 0 0 / 8%), 0 20px 40px -30px oklch(0 0 0 / 80%);
  }
}
.mv-card-head{ display:flex; align-items:center; gap:6px; margin-bottom: 3px; color: oklch(1 0 0 / 55%); }
@media(min-width:1024px){ .mv-card-head{ gap:10px; margin-bottom:10px; color: oklch(1 0 0 / 70%); } }
/* Hide icons on mobile — they compete with the video */
.mv-card-icon{
  display:none;
  width:22px; height:22px; border-radius:7px;
  background: oklch(1 0 0 / 6%); align-items:center; justify-content:center;
  color: oklch(1 0 0 / 78%);
}
.mv-card-icon svg{ width:14px; height:14px; }
@media(min-width:1024px){
  .mv-card-icon{ display:inline-flex; width:26px; height:26px; border-radius:8px; }
  .mv-card-icon svg{ width:16px; height:16px; }
}
.mv-card-label{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 8px; letter-spacing:.14em; text-transform:uppercase;
  color: oklch(1 0 0 / 55%);
}
@media(min-width:1024px){ .mv-card-label{ font-size:10.5px; letter-spacing:.18em; } }
.mv-card-val{
  font-family:'Instrument Serif', serif;
  font-size: 22px; line-height: 1; color:#fff;
  margin-top: 3px;
}
@media(min-width:1024px){ .mv-card-val{ font-size: clamp(30px, 4.6vw, 42px); margin-top:0; } }
.mv-card-unit{
  font-size: 9px; color: oklch(1 0 0 / 45%); margin-top:2px;
}
@media(min-width:1024px){ .mv-card-unit{ font-size:12.5px; margin-top:6px; } }
.mv-card-delta{
  font-size: 9px; color: oklch(1 0 0 / 55%); margin-top: 5px;
  padding-top: 0; border-top: none;
  font-family:'JetBrains Mono', ui-monospace, monospace;
  line-height: 1.3;
}
@media(min-width:1024px){ .mv-card-delta{ font-size:11.5px; margin-top:14px; padding-top:12px; border-top: 1px solid oklch(1 0 0 / 8%); font-family:'Inter', system-ui, sans-serif; } }
.mv-card-delta b{ color:#7ee2a8; font-weight:600; }
.mv-arrow{ color:#7ee2a8; }

/* Mobile: strip unit + "vs. 6 meses atrás" trailer to keep chips minimal */
.mv-card-unit{ display:none; }
.mv-card-tail{ display:none; }
@media(min-width:1024px){
  .mv-card-unit{ display:block; }
  .mv-card-tail{ display:inline; }
}

/* Frame + video */
.mv-frame{
  grid-area: frame;
  position:relative;
  border-radius: 16px;
  overflow:hidden;
  background:#050607;
  box-shadow:
    0 1px 0 oklch(1 0 0 / 10%) inset,
    0 0 0 1px oklch(1 0 0 / 6%),
    0 40px 90px -30px oklch(0 0 0 / 90%);
  isolation:isolate;
}
@media(min-width:1024px){ .mv-frame{ border-radius:20px; } }
.mv-stage{
  position:relative;
  aspect-ratio: 3 / 4;
  width:100%;
  overflow:hidden;
}
@media(min-width:1024px){ .mv-stage{ aspect-ratio: 4 / 3; } }


.mv-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  transition: opacity .6s cubic-bezier(.22,.72,0,1), transform 1.2s cubic-bezier(.22,.72,0,1), filter .6s;
  will-change:opacity, transform;
}
.mv-video.is-active{
  filter: saturate(1.05) contrast(1.02);
}
/* Crop out AI-baked UI overlays (fake IG icons on the right, garbled caption on bottom) */
.mv-video[data-uni="0"]{ opacity: var(--p0); transform: scale(1.14) translateY(-2%); transform-origin: center; }
.mv-video[data-uni="1"]{ opacity: var(--p1); transform: scale(1.40) translate(-3%, -5%); transform-origin: center; }
.mv-video[data-uni="2"]{ opacity: var(--p2); transform: scale(1.52) translate(-6%, -9%); transform-origin: center; }


.mv-scrim{
  position:absolute; inset:0; pointer-events:none; z-index:2;
  background:
    linear-gradient(180deg, oklch(0 0 0 / 30%) 0%, transparent 22%, transparent 55%, oklch(0 0 0 / 78%) 100%);
}
.mv-grain{
  position:absolute; inset:0; pointer-events:none; z-index:3; opacity:.28; mix-blend-mode:overlay;
  background-image: radial-gradient(oklch(1 0 0 / 12%) 1px, transparent 1px);
  background-size: 3px 3px;
}

/* REC badge */
.mv-rec{
  position:absolute; top: 8px; right: 8px; z-index:6;
  display:inline-flex; align-items:center; gap:5px;
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 8px; letter-spacing:.16em; text-transform:uppercase;
  padding: 4px 7px; border-radius: 999px;
  background: oklch(0 0 0 / 55%);
  color: #fff;
  box-shadow: inset 0 0 0 1px oklch(1 0 0 / 10%);
}
@media(min-width:1024px){ .mv-rec{ top:16px; right:16px; font-size:10.5px; padding:6px 10px; gap:6px; } }
.mv-rec-dot{ width:5px; height:5px; border-radius:50%; background:#ff4d4f; box-shadow:0 0 8px #ff4d4f; animation: mvPulse 1.4s ease-in-out infinite; }
@media(min-width:1024px){ .mv-rec-dot{ width:6px; height:6px; box-shadow:0 0 10px #ff4d4f; } }

/* Title overlay */
.mv-title-overlay{
  position:absolute; left:0; right:0; bottom: 36px; z-index:5;
  padding: 0 10px;
}
@media(min-width:1024px){ .mv-title-overlay{ bottom:58px; padding: 0 clamp(18px, 3vw, 28px); } }
.mv-title{
  font-family:'Instrument Serif', serif;
  font-size: clamp(15px, 4.4vw, 22px);
  line-height:1.1; letter-spacing:-0.01em;
  color:#fff;
  max-width: 22ch;
  text-shadow: 0 2px 24px oklch(0 0 0 / 70%);
}
@media(min-width:1024px){ .mv-title{ font-size: clamp(22px, 3.4vw, 34px); } }

/* Fake video controls */
.mv-controls{
  position:absolute; left:0; right:0; bottom:0; z-index:5;
  padding: 6px 8px 8px;
  color: oklch(1 0 0 / 85%);
}
@media(min-width:1024px){ .mv-controls{ padding: 10px clamp(14px, 2.5vw, 22px) 14px; } }
.mv-controls-row{ display:flex; align-items:center; gap:7px; margin-bottom:5px; }
@media(min-width:1024px){ .mv-controls-row{ gap:12px; margin-bottom:8px; } }
.mv-controls-right{ margin-left:auto; display:flex; gap:6px; align-items:center; }
.mv-ctl{
  all:unset; display:inline-flex; align-items:center; justify-content:center;
  width:16px; height:16px; border-radius:5px; cursor:pointer;
  color:#fff;
}
.mv-ctl svg{ width:11px; height:11px; }
@media(min-width:1024px){ .mv-ctl{ width:24px; height:24px; border-radius:6px; } .mv-ctl svg{ width:16px; height:16px; } }
.mv-time{ font-family:'JetBrains Mono', ui-monospace, monospace; font-size:8.5px; color: oklch(1 0 0 / 78%); }
@media(min-width:1024px){ .mv-time{ font-size:11px; } }
.mv-progress{ height:1.5px; background: oklch(1 0 0 / 18%); border-radius:2px; overflow:hidden; }
.mv-progress-fill{ height:100%; background:#fff; width: 32%; }


/* Scroll hint — permanentemente oculto (poluia a coluna direita no desktop) */
.mv-scroll-hint{ display:none !important; }

/* Timeline row */
.mv-timeline-row{
  margin-top: clamp(14px, 3vw, 40px);
  padding: 14px 14px 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, oklch(1 0 0 / 3%), oklch(1 0 0 / 1%));
  box-shadow: inset 0 0 0 1px oklch(1 0 0 / 8%);
}
@media(min-width:1024px){ .mv-timeline-row{ padding: 20px clamp(20px, 3vw, 36px) 24px; border-radius:20px; } }
.mv-tl-track{ position:relative; padding-top: 12px; min-height: 76px; }
@media(min-width:1024px){ .mv-tl-track{ padding-top:18px; min-height:96px; } }

.mv-tl-line{
  position:absolute; left: 5%; right: 5%; top: 16px; height:1px;
  background: linear-gradient(90deg, oklch(1 0 0 / 8%), oklch(1 0 0 / 22%), oklch(1 0 0 / 8%));
}
@media(min-width:1024px){ .mv-tl-line{ top:20px; } }
.mv-tl-fill{
  position:absolute; left: 5%; top: 15.5px; height: 2px;
  width: calc(var(--p) * 90%);
  background: linear-gradient(90deg, oklch(0.72 0.16 250), oklch(0.78 0.15 155) 50%, oklch(0.72 0.20 15));
  transition: width .25s;
}
@media(min-width:1024px){ .mv-tl-fill{ top:19.5px; } }
.mv-tl-point{
  position:absolute; left: var(--x); top: 0;
  transform: translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap: 3px;
  text-align:center;
  min-width: 56px;
}
@media(min-width:1024px){ .mv-tl-point{ min-width:80px; gap:4px; } }
.mv-tl-point:first-child{ transform: translateX(0); align-items:flex-start; }
.mv-tl-point:last-child{ transform: translateX(-100%); align-items:flex-end; }
.mv-tl-dot{
  width:8px; height:8px; border-radius:50%;
  background: oklch(1 0 0 / 30%);
  box-shadow: 0 0 0 3px oklch(0 0 0 / 60%);
  margin-bottom: 7px;
}
@media(min-width:1024px){ .mv-tl-dot{ width:10px; height:10px; box-shadow: 0 0 0 4px oklch(0 0 0 / 60%); margin-bottom:10px; } }
.mv-tl-dot-active{ background:#fff; box-shadow: 0 0 0 3px oklch(0 0 0 / 60%), 0 0 12px oklch(1 0 0 / 60%); }
@media(min-width:1024px){ .mv-tl-dot-active{ box-shadow: 0 0 0 4px oklch(0 0 0 / 60%), 0 0 14px oklch(1 0 0 / 60%); } }
.mv-tl-tag{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 8px; letter-spacing:.16em; text-transform:uppercase;
  color: oklch(1 0 0 / 60%);
}
@media(min-width:1024px){ .mv-tl-tag{ font-size:10px; letter-spacing:.18em; } }
.mv-tl-num{
  font-family:'Instrument Serif', serif;
  font-size: clamp(15px, 4.4vw, 30px);
  color:#fff; line-height:1;
  font-variant-numeric: tabular-nums;
}
.mv-tl-sub{
  font-family:'Inter', system-ui, sans-serif;
  font-size: 8.5px; color: oklch(1 0 0 / 55%);
}
@media(min-width:1024px){ .mv-tl-sub{ font-size:11px; } }

/* Footnote */
.mv-footnote{
  margin-top: 10px;
  display:inline-flex; align-items:center; gap:6px;
  font-family:'Inter', system-ui, sans-serif;
  font-size: 9.5px; color: oklch(1 0 0 / 45%);
}
@media(min-width:1024px){ .mv-footnote{ margin-top:14px; font-size:11.5px; gap:8px; } }


/* ============================================================
   MOBILE ORBITAL HUD — matches the reference 1:1
   Top: Receita pill. Center: video. Sides: Audiência / Conversão.
   Bottom: Marcas card. Dashed connectors tie every chip to the video.
   ============================================================ */
@media(max-width: 1023px){
  .mv-grid{
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "hudtop hudtop  hudtop"
      "hudl   frame   hudr"
      "hudbot hudbot  hudbot";
    column-gap: 8px;
    row-gap: 14px;
    align-items: center;
    justify-items: center;
    padding: 6px 10px 10px;
    position: relative;
    max-width: 100%;
  }




  /* Universe row — a whisper, not a headline */
  .mv-univs-col{
    grid-area: univs;
    justify-self: center;
    display:flex; gap:14px; flex-wrap:nowrap;
    justify-content:center;
    opacity: .55;
    margin-bottom: 0;
    max-width: 100%;
  }
  .mv-univ{
    font-size: 8px; padding: 0; letter-spacing: .18em;
    background: none; box-shadow: none; border-radius: 0;
    gap: 5px;
  }
  .mv-univ:active{ transform: scale(0.96); background: transparent; }
  .mv-univ .mv-node{ width: 3.5px; height: 3.5px; }

  /* Cards escape their wrappers */
  .mv-side-left, .mv-side-right{ display: contents; }

  /* Frame — protagonist, but leaves room for orbital chips */
  .mv-frame{
    grid-area: frame;
    width: min(42vw, 190px);
    aspect-ratio: 4 / 5;
    border-radius: 20px;
    box-shadow:
      inset 0 1px 0 oklch(1 0 0 / 12%),
      inset 0 0 0 1px oklch(1 0 0 / 8%),
      0 30px 60px -24px oklch(0 0 0 / 92%),
      0 0 0 1px oklch(0 0 0 / 40%);
    contain: paint;
  }

  .mv-stage{ aspect-ratio: 4 / 5; }
  .mv-video{ transform: none; will-change: opacity; transition: opacity .5s ease; filter: none; }
  .mv-grain{ display:none; }
  /* Kill the fake IG chrome on mobile — the video IS the story */
  .mv-title-overlay{ display:none; }
  .mv-controls{ display:none; }
  .mv-rec{ top: 8px; right: 8px; font-size: 7.5px; padding: 3px 6px; gap:4px; }


  /* HUD chip — unified: quiet by default, sharp on interaction */
  .mv-card{
    position: relative;
    background: linear-gradient(180deg, oklch(0.17 0.006 260 / 62%), oklch(0.09 0.006 260 / 62%));
    /* iOS fallback: opaque-ish base in case backdrop-filter is disabled */
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
    backdrop-filter: blur(12px) saturate(1.15);
    box-shadow:
      inset 0 0 0 1px oklch(1 0 0 / 8%),
      inset 0 1px 0 oklch(1 0 0 / 5%),
      0 8px 16px -10px oklch(0 0 0 / 82%);
    border-radius: 12px;
    opacity: .82;
    padding: 7px 10px 8px;
    z-index: 2;
    min-width: 0;
    transition: transform .22s ease, opacity .22s ease, box-shadow .22s ease;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    /* iOS/Android GPU stability */
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    will-change: transform, opacity;
  }
  .mv-card:hover,
  .mv-card:focus-visible,
  .mv-card:active{
    opacity: 1;
    transform: translate3d(0,-1px,0);
    box-shadow:
      inset 0 0 0 1px oklch(1 0 0 / 18%),
      inset 0 1px 0 oklch(1 0 0 / 10%),
      0 16px 26px -12px oklch(0 0 0 / 92%);
  }
  .mv-card:active{ transform: scale(0.985) translate3d(0,0,0); }
  .mv-card:hover::before,
  .mv-card:focus-visible::before,
  .mv-card:active::before{
    background: oklch(0.86 0.13 155);
    box-shadow: 0 0 10px oklch(0.86 0.13 155 / 70%);
  }
  .mv-card:hover::after,
  .mv-card:focus-visible::after,
  .mv-card:active::after{
    background-image: linear-gradient(90deg, oklch(0.86 0.13 155 / 65%) 50%, transparent 50%);
  }
  .mv-card[data-slot="receita"]:hover::after,
  .mv-card[data-slot="receita"]:active::after,
  .mv-card[data-slot="marcas"]:hover::after,
  .mv-card[data-slot="marcas"]:active::after{
    background-image: linear-gradient(0deg, oklch(0.86 0.13 155 / 65%) 50%, transparent 50%);
  }

  .mv-card-icon{ display:none; }
  .mv-card-head{ display:flex; align-items:center; gap: 6px; margin-bottom: 3px; }
  .mv-card-label{ font-size: 8px; letter-spacing:.18em; color: oklch(1 0 0 / 62%); font-weight: 500; text-transform: uppercase; }
  .mv-card-val{ font-size: 17px; margin-top: 1px; color: oklch(1 0 0 / 96%); line-height: 1.05; font-family:'Instrument Serif', serif; }
  .mv-card-unit{ display: block; font-size: 8px; color: oklch(1 0 0 / 52%); margin-top: 1px; letter-spacing: .04em; }
  .mv-card-delta{
    font-size: 8px; margin-top: 5px;
    padding-top: 4px;
    border-top: 1px solid oklch(1 0 0 / 8%);
    line-height: 1.3;
    color: oklch(1 0 0 / 58%);
    font-family:'JetBrains Mono', ui-monospace, monospace;
  }
  .mv-card-delta b{ color: oklch(0.86 0.14 155); font-weight: 600; }
  .mv-arrow{ color: oklch(0.86 0.14 155); }
  .mv-card-tail{ display: inline; opacity: .7; }


  /* Receita — narrow pill */
  .mv-card[data-slot="receita"]{
    grid-area: hudtop;
    justify-self: center;
    width: min(68vw, 260px);
    max-width: calc(100vw - 40px);
    border-radius: 999px;
    padding: 7px 14px 8px;
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    column-gap: 10px;
    opacity: .82;
  }
  .mv-card[data-slot="receita"] .mv-card-head{ margin:0; }
  .mv-card[data-slot="receita"] .mv-card-val{ font-size: 16px; margin:0; }
  .mv-card[data-slot="receita"] .mv-card-unit{ display:none; }
  .mv-card[data-slot="receita"] .mv-card-delta{
    margin:0; padding:0; border:none; font-size: 8px;
    justify-self: end; text-align:right; line-height:1.25;
    color: oklch(1 0 0 / 62%);
  }
  .mv-card[data-slot="receita"] .mv-card-tail{ display:none; }

  .mv-card[data-slot="audiencia"]{
    grid-area: hudl; justify-self: end;
    width: 100%;
    max-width: min(24vw, 100px);
    padding: 8px 9px 9px;
  }
  .mv-card[data-slot="conversao"]{
    grid-area: hudr; justify-self: start;
    width: 100%;
    max-width: min(24vw, 100px);
    padding: 8px 9px 9px;
  }


  /* Side chips: quiet, single-line delta — no trailing "vs. 6 meses atrás" */
  .mv-card[data-slot="audiencia"] .mv-card-unit,
  .mv-card[data-slot="conversao"] .mv-card-unit,
  .mv-card[data-slot="audiencia"] .mv-card-tail,
  .mv-card[data-slot="conversao"] .mv-card-tail{ display: none; }
  .mv-card[data-slot="audiencia"] .mv-card-delta,
  .mv-card[data-slot="conversao"] .mv-card-delta{
    margin-top: 6px; padding-top: 5px;
    display: flex; align-items: baseline; gap: 4px;
    white-space: nowrap; font-size: 9px;
    color: oklch(1 0 0 / 68%);
  }
  .mv-card[data-slot="audiencia"] .mv-card-val,
  .mv-card[data-slot="conversao"] .mv-card-val{
    font-size: 20px; letter-spacing: -0.01em;
  }
  .mv-card[data-slot="audiencia"] .mv-card-label,
  .mv-card[data-slot="conversao"] .mv-card-label{
    font-size: 7.5px; letter-spacing: .16em;
  }

  /* Marcas — narrow pill */
  .mv-card[data-slot="marcas"]{
    grid-area: hudbot;
    justify-self: center;
    width: auto;
    max-width: calc(100vw - 40px);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 7px 14px 8px;
    border-radius: 999px;
    opacity: .82;
  }
  .mv-card[data-slot="marcas"] .mv-card-head{ margin:0; flex-shrink:0; }
  .mv-card[data-slot="marcas"] .mv-card-label{ display:inline; font-size: 8px; }
  .mv-card[data-slot="marcas"] .mv-card-val{
    margin:0; font-size: 16px; display:inline-flex; align-items:baseline; gap:5px; white-space:nowrap;
  }
  .mv-card[data-slot="marcas"] .mv-card-unit{
    display:inline-block; font-size: 9px; color: oklch(1 0 0 / 55%); margin: 0;
  }
  .mv-card[data-slot="marcas"] .mv-card-delta{
    margin:0 0 0 auto; padding:0; border:none; font-size: 8px;
    text-align:right; line-height:1.25; white-space:nowrap;
    color: oklch(1 0 0 / 62%);
  }
  .mv-card[data-slot="marcas"] .mv-card-tail{ display:none; }

  /* Dashed connectors — consistent, soft */
  .mv-card[data-slot="audiencia"]::after,
  .mv-card[data-slot="conversao"]::after,
  .mv-card[data-slot="receita"]::after,
  .mv-card[data-slot="marcas"]::after{
    content: ""; position: absolute; pointer-events: none;
    background-image: linear-gradient(90deg, oklch(1 0 0 / 24%) 50%, transparent 50%);
    background-size: 4px 1px; background-repeat: repeat-x;
    transition: background-image .3s ease;
  }
  .mv-card[data-slot="audiencia"]::after{ top:50%; right:-14px; width:14px; height:1px; transform:translateY(-50%); }
  .mv-card[data-slot="conversao"]::after{ top:50%; left:-14px; width:14px; height:1px; transform:translateY(-50%); }
  .mv-card[data-slot="receita"]::after{
    left:50%; bottom:-10px; width:1px; height:10px;
    background-image: linear-gradient(0deg, oklch(1 0 0 / 24%) 50%, transparent 50%);
    background-size: 1px 4px; background-repeat: repeat-y;
  }
  .mv-card[data-slot="marcas"]::after{
    left:50%; top:-10px; width:1px; height:10px;
    background-image: linear-gradient(0deg, oklch(1 0 0 / 24%) 50%, transparent 50%);
    background-size: 1px 4px; background-repeat: repeat-y;
  }
  .mv-card[data-slot="audiencia"]::before,
  .mv-card[data-slot="conversao"]::before,
  .mv-card[data-slot="receita"]::before,
  .mv-card[data-slot="marcas"]::before{
    content:""; position:absolute; width:4px; height:4px; border-radius:50%;
    background: oklch(1 0 0 / 62%);
    box-shadow: 0 0 5px oklch(1 0 0 / 40%);
    transition: background .25s, box-shadow .25s, transform .25s;
  }
  .mv-card[data-slot="audiencia"]::before{ top:50%; right:-16px; transform:translateY(-50%); }
  .mv-card[data-slot="conversao"]::before{ top:50%; left:-16px; transform:translateY(-50%); }
  .mv-card[data-slot="receita"]::before{ left:50%; bottom:-12px; transform:translateX(-50%); }
  .mv-card[data-slot="marcas"]::before{ left:50%; top:-12px; transform:translateX(-50%); }

  .mv-scroll-hint{ display: none; }

  /* Timeline — matches the reference: glassy pill, gradient line, 3 spaced points */
  .mv-timeline-row{
    margin-top: 22px;
    padding: 18px 14px 20px;
    border-radius: 22px;
    background:
      radial-gradient(120% 180% at 50% -30%, oklch(1 0 0 / 5%), transparent 60%),
      linear-gradient(180deg, oklch(0.18 0.006 260 / 55%), oklch(0.09 0.006 260 / 60%));
    -webkit-backdrop-filter: blur(14px) saturate(1.15);
    backdrop-filter: blur(14px) saturate(1.15);
    box-shadow:
      inset 0 1px 0 oklch(1 0 0 / 8%),
      inset 0 0 0 1px oklch(1 0 0 / 7%),
      0 20px 40px -22px oklch(0 0 0 / 90%);
    opacity: 1;
  }
  .mv-tl-track{ min-height: 68px; padding-top: 4px; position: relative; }
  .mv-tl-line{
    left: 6%; right: 6%; top: 10px; height: 1.5px;
    background: linear-gradient(90deg,
      oklch(0.72 0.16 250) 0%,
      oklch(0.78 0.15 155) 50%,
      oklch(0.76 0.18 20) 100%);
    opacity: .95; border-radius: 2px; z-index: 1;
  }

  .mv-tl-fill{ display: none; }
  .mv-tl-dot{ display: none; }
  .mv-tl-point{
    min-width: 0; padding: 0; gap: 4px;
    transition: opacity .28s ease;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    z-index: 2;
    margin-top: 22px;
    opacity: .55;
  }
  .mv-tl-point.is-active{ opacity: 1; }
  .mv-tl-point{ max-width: 90px; }
  .mv-tl-point:first-child{ transform: translateX(-50%); align-items: center; }
  .mv-tl-point:last-child{ transform: translateX(-50%); align-items: center; }

  .mv-tl-tag{
    font-family:'Inter', system-ui, sans-serif;
    font-size: 9px; letter-spacing: .2em; text-transform: uppercase;
    color: oklch(1 0 0 / 68%); font-weight: 500;
  }
  .mv-tl-num{
    font-family:'Instrument Serif', serif;
    font-size: 20px; color: oklch(1 0 0 / 96%);
    line-height: 1; letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
  }
  .mv-tl-sub{
    font-family:'Inter', system-ui, sans-serif;
    font-size: 9.5px; color: oklch(1 0 0 / 50%); font-weight: 400;
  }
  .mv-tl-point:active{ opacity: 1; }


  .mv-footnote{ display:flex; justify-content:center; margin-top: 12px; font-size: 9.5px; opacity: .55; }


  /* Kicker */
  .mv-kicker-top{ margin-bottom: 6px; }
  .mv-kicker{ font-size: 8.5px; letter-spacing:.22em; padding: 5px 12px; opacity: .85; }
}

/* Very small screens (360px and under) */
@media(max-width: 380px){
  .mv-grid{ column-gap: 6px; row-gap: 12px; padding: 4px 10px 8px; }
  .mv-frame{ width: min(48vw, 190px); }
  .mv-card{ padding: 6px 8px 7px; }
  .mv-card-val{ font-size: 15px; }
  .mv-card[data-slot="receita"]{ width: calc(100vw - 32px); padding: 6px 12px 7px; column-gap: 8px; }
  .mv-card[data-slot="receita"] .mv-card-val{ font-size: 14px; }
  .mv-card[data-slot="marcas"]{ width: auto; max-width: calc(100vw - 32px); }
  .mv-card[data-slot="marcas"] .mv-card-val{ font-size: 14px; }
  .mv-card[data-slot="audiencia"],
  .mv-card[data-slot="conversao"]{ max-width: min(32vw, 108px); padding: 7px 8px 8px; }
  .mv-card[data-slot="audiencia"] .mv-card-val,
  .mv-card[data-slot="conversao"] .mv-card-val{ font-size: 18px; }
  .mv-univ{ font-size: 7.5px; letter-spacing: .14em; }
  .mv-univs-col{ gap: 10px; }
}

/* Desktop hover — subtle lift + delta highlight */
@media(min-width: 1024px){
  .mv-card{
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s;
  }
  .mv-card:hover{
    transform: translateY(-2px);
    box-shadow: inset 0 0 0 1px oklch(1 0 0 / 14%), 0 30px 60px -30px oklch(0 0 0 / 90%);
  }
  .mv-card:hover .mv-card-icon{ background: oklch(1 0 0 / 10%); color:#fff; }
  .mv-tl-point{ transition: transform .3s; cursor: pointer; }
  .mv-tl-point:hover{ transform: translateX(-50%) translateY(-2px); }
  .mv-tl-point:first-child:hover{ transform: translateX(0) translateY(-2px); }
  .mv-tl-point:last-child:hover{ transform: translateX(-100%) translateY(-2px); }
  .mv-tl-point:hover .mv-tl-dot{ box-shadow: 0 0 0 4px oklch(0 0 0 / 60%), 0 0 18px oklch(1 0 0 / 70%); }
}





@media (prefers-reduced-motion: reduce){
  .mv-video, .mv-dot, .mv-rec-dot{ animation:none !important; transition:none !important; }
}



/* ============================================================
   Social emoji burst — Instagram double-tap style
   ============================================================ */
.falx-emoji-layer{
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}
.falx-emoji{
  position: fixed;
  width: 32px; height: 32px;
  transform: translate(-50%, -50%) scale(0.2);
  opacity: 0;
  animation: falxBurst cubic-bezier(.22,.9,.35,1) forwards;
  filter: drop-shadow(0 6px 14px oklch(0 0 0 / 55%));
  will-change: transform, opacity;
}
.falx-emoji svg{ display:block; width:100%; height:100%; }

@keyframes falxBurst{
  0%{
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
  }
  18%{
    opacity: 1;
    transform: translate(calc(-50% + (var(--dx) * 0.32)), calc(-50% + (var(--dy) * 0.22))) scale(calc(var(--sc) * 1.15)) rotate(calc(var(--rot) * 0.4));
  }
  70%{
    opacity: 1;
    transform: translate(calc(-50% + (var(--dx) * 0.9)), calc(-50% + (var(--dy) * 0.85))) scale(var(--sc)) rotate(calc(var(--rot) * 0.85));
  }
  100%{
    opacity: 0;
    transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 60px)) scale(calc(var(--sc) * 0.7)) rotate(var(--rot));
  }
}

@media (prefers-reduced-motion: reduce){
  .falx-emoji{ animation: none; opacity: 0; }
}