/* Anonymous in-browser file check (_file_check.html).
   Its own sheet because it rides on two very different hosts: the marketing homepage hero and the
   /analyze funnel page. Uses only tokens.css variables so it inherits either context. */

.filecheck{margin:1.4rem 0}
/* Alpine paints the phases in; without this the raw <template> flashes on slow connections. */
[x-cloak]{display:none !important}

/* --- pick ------------------------------------------------------------------ */

.filecheck__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;
  text-align:center;min-height:150px;padding:1.6rem 1.4rem;border:2px dashed var(--line-2);
  border-radius:var(--radius-lg);background:var(--tint);color:var(--ink-soft);cursor:pointer;
  transition:border-color .18s,background .18s,color .18s}
.filecheck__drop:hover,.filecheck__drop:focus-visible{border-color:var(--primary);background:var(--primary-wash);color:var(--ink)}
.filecheck__drop.is-dragging{border-style:solid;border-color:var(--primary);background:var(--primary-wash);color:var(--ink)}
.filecheck__drop strong{font-size:1.05rem;color:var(--ink);letter-spacing:-.01em}
.filecheck__drop span{font-size:.83rem;max-width:52ch;line-height:1.45}

.filecheck__trust{display:flex;gap:.55rem;align-items:flex-start;margin:.85rem 0 0;
  font-size:.83rem;line-height:1.5;color:var(--ink-soft)}
.filecheck__trust b{color:var(--ink)}
.filecheck__lock{flex:0 0 auto;margin-top:.15rem;color:var(--ok)}

.filecheck__checking{display:flex;align-items:center;gap:.6rem;padding:1.6rem 0;color:var(--ink-soft)}

/* --- result ---------------------------------------------------------------- */

.filecheck__result{border:1px solid var(--line);border-radius:var(--radius-lg);
  background:var(--panel);padding:1.3rem 1.4rem}
.filecheck__verdict{display:flex;gap:.6rem;align-items:baseline;margin:0 0 .9rem;
  font-size:1.05rem;line-height:1.45;color:var(--ink)}
.filecheck__verdict b{font-weight:700}
.filecheck__verdict--problem{color:var(--attention)}
.filecheck__tick{color:var(--ok);font-weight:700}
.filecheck__cross{color:var(--attention);font-weight:700}

.filecheck__unlocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem;
  padding:1rem 0;border-top:var(--rule);border-bottom:var(--rule)}
.filecheck__col-label{margin:0 0 .5rem;font:600 .72rem var(--font-mono);text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-faint)}
.filecheck__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.28rem}
.filecheck__col li{font-size:.9rem;color:var(--ink);display:flex;gap:.4rem;align-items:baseline}
.filecheck__col li b{font:600 .78rem var(--font-mono);color:var(--ink-faint)}
.filecheck__col--muted li{color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--line-2)}
.filecheck__note{margin:.6rem 0 0;font-size:.8rem;line-height:1.5;color:var(--ink-faint);text-decoration:none}

.filecheck__caveats{margin:.9rem 0 0;padding-left:1.1rem;font-size:.85rem;line-height:1.55;color:var(--ink-soft)}

.filecheck__buy{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.1rem}
.filecheck__reassure{margin:.75rem 0 0;font-size:.83rem;line-height:1.5;color:var(--ink-soft)}
.filecheck__again{margin:.9rem 0 0}
.filecheck__advisory{margin:.7rem 0 0;padding-top:.7rem;border-top:var(--rule);
  font-size:.76rem;line-height:1.5;color:var(--ink-faint)}

.link-button{background:none;border:0;padding:0;font:inherit;font-size:.85rem;color:var(--primary);
  text-decoration:underline;cursor:pointer}
.link-button:hover{color:var(--primary-press)}

/* --- compact (homepage hero) ------------------------------------------------ */

.filecheck--compact .filecheck__drop{min-height:112px;padding:1.1rem}
.filecheck--compact .filecheck__drop strong{font-size:.98rem}
.filecheck--compact .filecheck__unlocks{grid-template-columns:1fr 1fr;gap:.9rem}
.filecheck--compact .filecheck__result{padding:1.1rem}

@media (max-width:560px){
  .filecheck__unlocks,.filecheck--compact .filecheck__unlocks{grid-template-columns:1fr}
}
