/* The SuperFile family — standalone page. :root/.localbar/.rv/.chero copied verbatim from
   _classes.css so this page matches the rest of the classic site; --blue/--green/--grey/--hair/
   --panel match _index.css exactly so the ported .fam-* cards render pixel-identical to the
   homepage band they replaced. */
:root{--blue:#0071E3;--blue-h:#0077ED;--ink:#1D1D1F;--grey:#6E6E73;--grey-l:#86868B;--line:#D2D2D7;--hair:#E8E8ED;--panel:#F5F5F7;--green:#248A3D;
--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.rv{opacity:0;transform:translateY(28px);transition:opacity .82s cubic-bezier(.2,.7,.2,1),transform .82s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}.stagger>.in:nth-child(2){transition-delay:.08s}.stagger>.in:nth-child(3){transition-delay:.16s}.stagger>.in:nth-child(4){transition-delay:.24s}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.chero{text-align:center;padding:clamp(72px,13vh,150px) 22px clamp(44px,7vh,80px);max-width:1000px;margin:0 auto}.eyebrow{font-size:15px;font-weight:600;color:var(--blue);margin-bottom:16px}.chero h1{font-size:clamp(40px,7vw,80px);font-weight:600;letter-spacing:-.035em;line-height:1.02}.chero .lead{margin:24px auto 0;max-width:58ch;font-size:clamp(17px,1.8vw,20px);color:var(--grey);line-height:1.5}

/* section shell */
.famp-sec{padding:clamp(50px,7vh,84px) 22px}.famp-alt{background:var(--panel)}
.famp-in{max-width:1180px;margin:0 auto}.famp-narrow{max-width:720px;text-align:center}
.famp-narrow p{font-size:14.5px;color:var(--grey);line-height:1.6}.famp-narrow a{color:var(--blue);text-decoration:none}.famp-narrow a:hover{text-decoration:underline}
.famp-secl{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--grey-l);margin-bottom:20px}
.famp-nh{font-size:19px;font-weight:600;letter-spacing:-.015em;margin-bottom:14px}
.famp-fine{font-size:13px;color:var(--grey-l)}

/* closing call to action */
.famp-ch{font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.06}
.famp-cl{margin-top:14px;font-size:clamp(15px,1.6vw,17.5px)}
.famp-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.famp-narrow a.famp-btn{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;border-radius:999px;padding:13px 28px;font-size:16px;font-weight:500;text-decoration:none;transition:background .15s,transform .15s}
.famp-narrow a.famp-btn:hover{background:var(--blue-h);transform:translateY(-1px);text-decoration:none}
.famp-narrow a.famp-btn-ghost{background:transparent;color:var(--blue);border:1px solid rgba(0,113,227,.28)}
.famp-narrow a.famp-btn-ghost:hover{background:rgba(0,113,227,.06);color:var(--blue)}

/* cards — identical to the homepage family band */
.fam-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.fam-card{scroll-margin-top:112px;background:var(--panel);border:1px solid var(--hair);border-radius:22px;padding:28px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}
.famp-alt .fam-card{background:#fff}
.fam-live{cursor:pointer}
.fam-live:hover{transform:translateY(-3px);box-shadow:0 22px 44px -24px rgba(0,0,0,.3);text-decoration:none}
.fam-ic{width:48px;height:48px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--fc,var(--blue));margin-bottom:16px}
.famp-alt .fam-ic{background:var(--panel)}
.fam-ic svg{width:24px;height:24px}
.fam-card h3{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}
.fam-card p{font-size:14.5px;color:var(--grey);line-height:1.52;margin:0 0 16px}
.fam-tag{margin-top:auto;align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grey);background:#fff;border:1px solid var(--hair);border-radius:100px;padding:5px 12px}
.fam-tag-live{color:#fff;background:var(--ink);border-color:var(--ink)}

@media(max-width:640px){.fam-cards{grid-template-columns:1fr}}