/* fintech-list.html: Download a list, Add a company, Remove your company (Figma "November 10th").
   Builds on home.css. */

.fl-page{padding-bottom:110px}
.fl-sec{text-align:center;padding-top:40px}
.fl-sec:first-child{padding-top:3px}
.fl-title{
  font-family:var(--f-display);font-weight:400;font-size:clamp(40px,6vw,60px);line-height:1.3;
  letter-spacing:-.02em;color:#000;
}
.fl-h1{font-size:clamp(52px,9.4vw,100px)}
.fl-lead{
  max-width:535px;margin:4px auto 0;font-family:var(--f-ui);font-weight:500;font-size:clamp(17px,1.6vw,20px);
  line-height:1.5;color:#262626;
}
.fl-lead.fl-wide{max-width:746px;margin-top:-6px}
.fl-form{width:100%;max-width:943px;min-height:364px;margin:20px auto 0;scroll-margin-top:24px}
.fl-sec:not(:first-child) .fl-form{margin-top:22px}
.fl-sec:first-child .fl-form{margin-top:11px}
.fl-soon{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 20px;
  background:#D9D9D9;
}
.fl-soon p{font-family:var(--f-ui);font-weight:500;font-size:17px;line-height:1.5;color:#262626}
.fl-back{margin-top:56px;text-align:center;font-family:var(--f-sans);font-size:15px}
.fl-back a{text-decoration:underline;text-underline-offset:3px}
.fl-back a:hover{color:#0088FF}

/* the liquid-glass button (same as on the Trending page) */
.btn-glass{
  position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  min-width:275px;max-width:100%;min-height:50px;padding:16px 18px;white-space:nowrap;letter-spacing:-.01em;margin-top:16px;border-radius:1000px;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro',var(--f-ui),sans-serif;font-weight:510;font-size:15px;line-height:18px;
  color:#fff;text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 55%),#0088FF;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -1px 1px rgba(0,40,90,.18),inset 0 0 0 1px rgba(255,255,255,.18),0 8px 22px rgba(0,136,255,.28);
  transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.btn-glass:hover{background-color:#0074DB}
.btn-glass:active{transform:translateY(1px)}
.fl-live{min-height:0;background:transparent}
.fl-noscript{margin-top:16px;font-family:var(--f-sans);font-size:16px}
.fl-noscript a{text-decoration:underline;text-underline-offset:3px}
