/* Homepage facelift (branch homepage-facelift, started 2026-10-02).
 * Everything between the hero and pricing. Classes are fl- prefixed so
 * nothing here can touch the hero, pricing, requirements or footer. */

.fl-wrap { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
.fl-eyebrow { font-family: 'PH Label', sans-serif; font-weight: 600; font-size: 0.8rem; letter-spacing: 0.18em; text-transform: uppercase; color: #22c55e; }
.fl-eyebrow .fl-new { display: inline-block; margin-left: 0.6rem; padding: 0.15rem 0.5rem; border-radius: 999px; background: #13261a; border: 1px solid #23472f; letter-spacing: 0.12em; font-size: 0.68rem; vertical-align: 1px; }
.fl-h2 { font-family: 'PH Display', sans-serif; font-weight: 900; font-size: clamp(2.4rem, 5.2vw, 4rem); line-height: 1; letter-spacing: -0.01em; color: #fff; margin-top: 0.7rem; }
.fl-h2 .g { color: #22c55e; }
.fl-lede { color: #aaaaaa; font-size: 1.1rem; line-height: 1.6; margin-top: 1rem; }
.fl-head { text-align: center; max-width: 820px; margin: 0 auto 3rem; }
.fl-frame { background: #15171b; border: 1px solid #30333a; border-radius: 12px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.5); }
.fl-frame img { display: block; width: 100%; height: auto; }

/* 01 Stats and partner strip */
.fl-proof { padding: 1.6rem 0 1.5rem; border-top: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f; background: linear-gradient(180deg, #121412 0%, #111111 100%); }
.fl-stats { display: grid; grid-template-columns: repeat(4, 1fr); }
.fl-stat { text-align: center; padding: 0 1rem; border-left: 1px solid #262626; }
.fl-stat:first-child { border-left: 0; }
.fl-stat b { display: block; font-family: 'PH Display', sans-serif; font-weight: 900; font-size: clamp(2.1rem, 3.6vw, 3.1rem); line-height: 1; color: #fff; }
.fl-stat b em { font-style: normal; color: #22c55e; }
.fl-stat > span { display: block; margin-top: 0.4rem; font-family: 'PH Label', sans-serif; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.78rem; color: #aaaaaa; }
.fl-logos-label { margin: 1.25rem 0 0.7rem; text-align: center; font-size: 0.9rem; color: #777; }
.fl-logos { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.fl-logo { flex: 0 0 auto; width: 3.4rem; height: 3.4rem; border-radius: 0.8rem; background: #f4f4f4; display: grid; place-items: center; padding: 0.5rem; }
.fl-logo img { max-width: 100%; max-height: 2.3rem; object-fit: contain; }
a.fl-logo { transition: transform .15s ease, box-shadow .15s ease; }
a.fl-logo:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.45), 0 0 0 2px rgba(34,197,94,0.55); }
a.fl-logo:focus-visible { outline: 2px solid #22c55e; outline-offset: 3px; }
.fl-logos-more { text-align: center; margin-top: 0.7rem; font-size: 0.9rem; }
.fl-logos-more a, .fl-link { color: #22c55e; text-decoration: none; }
.fl-logos-more a:hover, .fl-link:hover { text-decoration: underline; }

/* 08 Four-job spine */
.fl-spine-sec { padding: 3.25rem 0 2.25rem; }
.fl-spine-sec .fl-head { margin-bottom: 1.75rem; }
.fl-spine { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }
.fl-spine::before { content: ''; position: absolute; left: 12.5%; right: 12.5%; top: 1.6rem; height: 2px; background: linear-gradient(90deg, #22c55e, #1e5a34); }
.fl-step { display: block; text-align: center; padding: 0 1rem; position: relative; text-decoration: none; color: inherit; }
.fl-step .o { width: 3.2rem; height: 3.2rem; margin: 0 auto; border-radius: 50%; background: #111; border: 2px solid #22c55e; display: grid; place-items: center; transition: background .2s; }
.fl-step:hover .o { background: #13261a; }
.fl-step h3 { margin-top: 0.7rem; font-family: 'PH Display', sans-serif; font-weight: 900; font-size: 2.1rem; line-height: 1; color: #fff; }
.fl-step p { margin-top: 0.35rem; font-size: 0.95rem; line-height: 1.5; color: #aaaaaa; }
.fl-tags { display: flex; flex-wrap: wrap; gap: 0.3rem; justify-content: center; margin-top: 0.65rem; }
.fl-tags span { --c: 143,154,166; font-size: 0.78rem; padding: 0.28rem 0.65rem; border-radius: 999px; background: rgba(var(--c),0.1); border: 1px solid rgba(var(--c),0.32); color: color-mix(in srgb, rgb(var(--c)) 55%, #ffffff); }
/* Tag tints come from the app's sidebar icon colors (dashboard.html #ph-sidebar .sb-ic-*) and its paid-upgrade badge */
.fl-tags .t-green { --c: 62,207,110; }   /* Install Manager */
.fl-tags .t-violet { --c: 165,110,240; } /* Batch Plugin Management */
.fl-tags .t-amber { --c: 224,165,58; }   /* License Key Vault */
.fl-tags .t-blue { --c: 91,141,239; }    /* Share Plugin List */
.fl-tags .t-teal { --c: 56,189,184; }    /* Compare, Plugin Compatibility */
.fl-tags .t-pink { --c: 226,106,158; }   /* Tag Manager */
.fl-tags .t-gold { --c: 255,190,60; }    /* paid-upgrade badge */
.fl-tags .t-red { --c: 239,91,91; }      /* cleanup tools */
.fl-tags .t-slate { --c: 143,154,166; }

/* Format pills, in the app's own format colors (dashboard.html .fmt-badge, dark theme) */
.fl-formats { display: flex; flex-wrap: wrap; gap: 0.35rem; justify-content: center; margin-top: 0.65rem; }
.fl-formats + .fl-tags { margin-top: 0.4rem; }
.fl-format { display: inline-block; font-family: 'PH Text', sans-serif; font-weight: 600; font-size: 0.74rem; letter-spacing: 0.05em; line-height: 1; padding: 0.32rem 0.55rem; border-radius: 6px; border: 1px solid; }
.fl-format.aax { background: rgba(83,74,183,0.32); border-color: rgba(160,150,240,0.6); color: #cdc8f7; }
.fl-format.au { background: rgba(78,203,141,0.16); border-color: rgba(78,203,141,0.55); color: #9fe6bf; }
.fl-format.vst { background: rgba(255,120,40,0.2); border-color: rgba(255,160,90,0.6); color: #ffc08a; }
.fl-format.clap { background: rgba(212,83,126,0.22); border-color: rgba(238,130,170,0.6); color: #f6b2cc; }
.fl-li .fl-formats { justify-content: flex-start; margin-top: 0.3rem; gap: 0.3rem; }
.fl-li .fl-format { font-size: 0.68rem; padding: 0.25rem 0.45rem; }

/* Sticky chapter nav */
.fl-subnav { position: sticky; top: 0; z-index: 40; display: flex; justify-content: center; gap: 0.35rem; padding: 0.75rem 1rem; background: rgba(17,17,17,0.92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid #1f1f1f; }
.fl-subnav a { text-decoration: none; padding: 0.45rem 1.05rem; border-radius: 999px; font-size: 0.88rem; color: #aaaaaa; border: 1px solid transparent; white-space: nowrap; }
.fl-subnav a:hover { color: #fff; }
.fl-subnav a.is-on { color: #fff; border-color: #2c2c2c; background: #1a1a1a; }
.fl-subnav a.fl-buy { color: #fff; background: #d2433a; margin-left: 0.5rem; font-weight: 600; }
.fl-chapter { padding: 4rem 0 1.5rem; scroll-margin-top: 0; }
.fl-chapter .fl-head { margin-bottom: 2rem; }
.fl-anchor { display: block; position: relative; top: -4rem; visibility: hidden; }

/* 05 Annotated dashboard (Scan) */
.fl-shot { position: relative; }
.fl-pin { position: absolute; transform: translate(-50%, -50%); width: 1.9rem; height: 1.9rem; border-radius: 50%; background: #22c55e; color: #07240f; font-family: 'PH Display', sans-serif; font-weight: 900; font-size: 1.05rem; display: grid; place-items: center; box-shadow: 0 0 0 6px rgba(34,197,94,.22), 0 6px 18px rgba(0,0,0,.5); cursor: pointer; border: 0; padding: 0; }
.fl-pin::after { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid rgba(34,197,94,.55); animation: fl-ping 2.4s ease-out infinite; }
@keyframes fl-ping { from { transform: scale(.8); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }
.fl-pin.is-on { background: #fff; }
.fl-scan-grid { display: grid; grid-template-columns: minmax(0, 700px) 330px; gap: 1.75rem; align-items: start; justify-content: center; }
#fl-scan .fl-head { margin-bottom: 1.4rem; }
#fl-scan .fl-h2 { margin-top: 0.45rem; }
#fl-scan .fl-lede { margin-top: 0.6rem; }
.fl-legend { display: grid; grid-template-columns: 1fr; gap: 0.1rem; }
.fl-li { display: flex; gap: 0.7rem; align-items: flex-start; padding: 0.32rem 0.65rem; border-radius: 10px; border: 1px solid transparent; transition: border-color .2s, background .2s; }
.fl-li b { flex: 0 0 1.6rem; height: 1.6rem; border-radius: 50%; background: #133a20; color: #22c55e; display: grid; place-items: center; font-family: 'PH Display', sans-serif; font-weight: 900; font-size: 0.95rem; }
.fl-li h4 { font-family: 'PH Card', sans-serif; font-weight: 600; font-size: 0.95rem; color: #fff; }
.fl-li p { margin-top: 0.05rem; font-size: 0.8rem; line-height: 1.45; color: #aaaaaa; }
.fl-li.is-on { border-color: #22c55e; background: #1a1a1a; }

/* 04 Install Manager story (Update) + 06 explainers */
.fl-story { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 2.5rem; align-items: center; }
.fl-steps { display: flex; flex-direction: column; gap: 0.3rem; }
.fl-st { cursor: pointer; padding: 0.9rem 1.1rem 0.95rem 1.2rem; border-radius: 12px; border-left: 3px solid transparent; opacity: .55; transition: opacity .2s, background .2s; }
.fl-st:hover { opacity: .85; }
.fl-st:focus-visible { outline: 2px solid #22c55e; outline-offset: 2px; }
.fl-st.is-on { opacity: 1; background: #1a1a1a; border-left-color: #22c55e; }
.fl-st .n { font-family: 'PH Display', sans-serif; font-weight: 900; font-size: 1.05rem; color: #22c55e; }
.fl-st h3 { margin-top: 0.15rem; font-family: 'PH Display', sans-serif; font-weight: 900; font-size: 1.75rem; line-height: 1.05; color: #fff; }
.fl-st p { margin-top: 0.35rem; font-size: 0.92rem; line-height: 1.5; color: #aaaaaa; }
.fl-st .fl-mobile-shot { display: none; }
.fl-story-frame { position: relative; aspect-ratio: 1.6; }
.fl-story-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.fl-ctrl { display: flex; align-items: center; justify-content: center; gap: 0.9rem; margin-top: 1rem; }
.fl-arrow { width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #333; background: #161616; color: #ddd; font-size: 1.1rem; line-height: 1; cursor: pointer; display: grid; place-items: center; padding: 0; }
.fl-arrow:hover { border-color: #22c55e; color: #fff; }
.fl-dots { display: flex; gap: 0.15rem; }
.fl-dots button { width: 2.2rem; height: 1.2rem; border: 0; background: none; cursor: pointer; padding: 0; display: grid; place-items: center; }
.fl-dots button::before { content: ''; display: block; width: 1.75rem; height: 3px; border-radius: 3px; background: #333; }
.fl-dots button.is-on::before { background: #22c55e; }
.fl-count { font-size: 0.82rem; color: #777; min-width: 2.6rem; text-align: center; font-variant-numeric: tabular-nums; }
.fl-explain { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; align-items: start; }
.fl-explain details { background: #1a1a1a; border: 1px solid #242424; border-radius: 16px; padding: 1.25rem 1.3rem; }
.fl-explain details[open] { border-color: #2f4d38; }
.fl-explain summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 2.75rem 1fr 1rem; gap: 0.85rem; align-items: center; }
.fl-explain summary::-webkit-details-marker { display: none; }
.fl-explain .ic { width: 2.75rem; height: 2.75rem; border-radius: 12px; background: #13261a; display: grid; place-items: center; }
.fl-explain summary h3 { font-family: 'PH Card', sans-serif; font-weight: 600; font-size: 1.1rem; color: #fff; }
.fl-explain summary p { margin-top: 0.15rem; font-size: 0.88rem; color: #aaaaaa; line-height: 1.45; }
.fl-explain .chev { color: #666; transition: transform .2s; }
.fl-explain details[open] .chev { transform: rotate(180deg); color: #22c55e; }
.fl-explain .more { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #262626; font-size: 0.92rem; line-height: 1.6; color: #9d9d9d; }
.fl-explain-label { text-align: center; color: #777; font-size: 0.9rem; margin-top: 1rem; }

/* 07 Testimonial wall */
.fl-proof-sec { padding: 6rem 0 2rem; }
.fl-proof-sec h2 { text-align: center; font-family: 'PH Label', sans-serif; font-weight: 600; font-size: 1.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; margin-bottom: 2.5rem; }
.fl-wall { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: start; }
.fl-q { background: #1a1a1a; border: 1px solid #242424; border-radius: 18px; padding: 1.75rem 1.6rem 1.4rem; display: flex; flex-direction: column; height: 100%; }
.fl-q > blockquote { font-family: 'PH Card', sans-serif; font-weight: 500; font-size: 1.28rem; line-height: 1.4; color: #f2f2f2; }
.fl-q > blockquote::before { content: '\201C'; display: block; font-family: 'PH Display', sans-serif; font-size: 4rem; line-height: .6; color: #22c55e; margin-bottom: 0.6rem; }
.fl-who { display: flex; gap: 0.75rem; align-items: flex-start; margin-top: auto; padding-top: 1.4rem; }
.fl-who img { width: 2.9rem; height: 2.9rem; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.fl-who b { display: block; font-size: 0.95rem; color: #fff; font-weight: 600; }
.fl-who b a { color: inherit; text-decoration: underline; text-decoration-color: #555; text-underline-offset: 2px; }
.fl-who span { display: block; font-size: 0.8rem; color: #aaaaaa; margin-top: 0.15rem; line-height: 1.4; }
/* Credit highlights in red, role lines grey: the original testimonial colors (style.css .testimonial-credits / .testimonial-role) */
.fl-who .rl { color: #999999; }
.fl-who .hl { color: #EF4444; }
.fl-who .rl + .hl, .fl-who .hl + .rl { margin-top: 0.2rem; }
.fl-q details { margin-top: 0.9rem; }
.fl-q summary { list-style: none; cursor: pointer; font-size: 0.82rem; color: #22c55e; }
.fl-q summary::-webkit-details-marker { display: none; }
.fl-q details[open] summary { color: #777; }
.fl-q details blockquote { margin-top: 0.75rem; font-size: 0.92rem; line-height: 1.6; color: #cfcfcf; }
.fl-q .cred { margin-top: 0.75rem; font-size: 0.8rem; line-height: 1.5; color: #8d8d8d; }
.fl-q .cred div + div { margin-top: 0.2rem; }

/* 02 Feature switcher (Organize) */
.fl-switch { display: grid; grid-template-columns: 340px 1fr; gap: 2.5rem; align-items: start; }
.fl-tabs { display: flex; flex-direction: column; gap: 0.25rem; }
.fl-tab { all: unset; box-sizing: border-box; cursor: pointer; display: block; padding: 0.95rem 1.1rem 0.95rem 1.2rem; border-radius: 12px; border-left: 3px solid transparent; }
.fl-tab .t { font-family: 'PH Card', sans-serif; font-weight: 600; font-size: 1.15rem; color: #9a9a9a; }
.fl-tab .t small { font-family: 'PH Label', sans-serif; font-weight: 600; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: #22c55e; margin-left: 0.45rem; vertical-align: 2px; }
.fl-tab .d { display: none; margin-top: 0.4rem; font-size: 0.93rem; line-height: 1.5; color: #aaaaaa; }
.fl-tab .fl-mobile-shot { display: none; }
.fl-tab:hover .t { color: #fff; }
.fl-tab:focus-visible { outline: 2px solid #22c55e; outline-offset: 2px; }
.fl-tab.is-on { background: #1a1a1a; border-left-color: #22c55e; }
.fl-tab.is-on .t { color: #fff; }
.fl-tab.is-on .d { display: block; }
.fl-tab .bar { display: none; height: 2px; background: #2a2a2a; margin-top: 0.75rem; border-radius: 2px; overflow: hidden; }
.fl-tab.is-on .bar { display: block; }
.fl-tab.is-on .bar i { display: block; height: 100%; width: 0; background: #22c55e; animation: fl-fill 7s linear forwards; }
.fl-switch.is-paused .fl-tab.is-on .bar i { animation: none; width: 100%; background: #2f4d38; }
@keyframes fl-fill { to { width: 100%; } }
.fl-stage .fl-frame { position: relative; aspect-ratio: 1.53; background: #15171b; }
.fl-stage .fl-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 0.75rem; }
.fl-stage .cap { margin-top: 0.9rem; font-size: 0.85rem; color: #777; text-align: center; }

/* 03 Bento (Protect) */
.fl-bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(12rem, auto); gap: 1rem; }
.fl-tile { position: relative; background: #1a1a1a; border: 1px solid #242424; border-radius: 20px; overflow: hidden; padding: 1.6rem 1.6rem 0; display: flex; flex-direction: column; }
.fl-tile .k { font-family: 'PH Label', sans-serif; font-weight: 600; font-size: 0.75rem; letter-spacing: .16em; text-transform: uppercase; color: #22c55e; }
.fl-tile h3 { margin-top: 0.5rem; font-family: 'PH Card', sans-serif; font-weight: 600; font-size: 1.35rem; line-height: 1.2; color: #fff; }
.fl-tile p { margin-top: 0.4rem; font-size: 0.88rem; line-height: 1.5; color: #aaaaaa; }
.fl-tile .zoom { margin-top: 1.1rem; overflow: hidden; border: 1px solid #30333a; border-bottom: 0; border-radius: 10px 10px 0 0; }
.fl-tile .zoom img { display: block; width: 100%; max-width: none; }
.fl-t-vault { grid-column: 1 / 3; grid-row: 1 / 3; }
.fl-t-vault h3 { font-family: 'PH Display', sans-serif; font-weight: 900; font-size: 2.6rem; line-height: 1; }
.fl-t-vault h3 span { color: #22c55e; }
.fl-t-vault .zoom { flex: 1 1 0; min-height: 15rem; }
.fl-t-mw { grid-column: 3 / 5; grid-row: 1; background: radial-gradient(120% 140% at 100% 0%, #183322 0%, #1a1a1a 60%); justify-content: center; padding-bottom: 1.6rem; }
.fl-t-mw h3 { font-family: 'PH Display', sans-serif; font-weight: 900; font-size: 2.6rem; line-height: .98; }
.fl-t-mw h3 span { color: #22c55e; }
.fl-t-mw p { max-width: 30rem; }
.fl-t-intel { grid-column: 3 / 5; grid-row: 2; }
.fl-t-intel .zoom { height: 7rem; border-bottom: 1px solid #30333a; border-radius: 10px; margin-bottom: 1.6rem; }
.fl-t-intel .zoom img { width: 165%; }
/* The original Share + Compare block (carousel with the live list) sits under the grid */
#fl-protect .features-11 { border-top: 0; padding-top: 3rem; }

/* One divider before pricing */
.fl-divider { margin-top: 5rem; }

/* ---------- Tablet and phone ---------- */
@media (max-width: 960px) {
  .fl-story { grid-template-columns: 1fr; gap: 0; }
  .fl-pinned { display: none; }
  /* Phones and tablets: tap a step to open it, the way Organize works; the others fold to their titles */
  .fl-st { opacity: .6; padding: 0.85rem 1rem 0.9rem; }
  .fl-st.is-on { opacity: 1; }
  .fl-st h3 { font-size: 1.55rem; }
  .fl-st p { display: none; }
  .fl-st.is-on p { display: block; }
  .fl-st.is-on .fl-mobile-shot { display: block; margin-top: 0.9rem; }
  .fl-scan-grid { grid-template-columns: 1fr; }
  .fl-legend { grid-template-columns: 1fr 1fr; margin-top: 1.25rem; }
  .fl-switch { grid-template-columns: 1fr; }
  .fl-stage { display: none; }
  .fl-tab.is-on .fl-mobile-shot { display: block; margin-top: 0.9rem; }
  .fl-tab .bar { display: none !important; }
  .fl-bento { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .fl-t-vault, .fl-t-mw, .fl-t-intel { grid-column: 1; grid-row: auto; }
  .fl-t-vault .zoom { flex: none; height: 18rem; min-height: 0; }
  .fl-explain { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .fl-wrap { padding: 0 1rem; }
  .fl-proof { padding: 1.5rem 0; }
  .fl-stats { grid-template-columns: 1fr 1fr; row-gap: 1.75rem; }
  .fl-stat:nth-child(3) { border-left: 0; }
  .fl-logos { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding: 0 1rem 0.5rem; margin: 0 -1rem; scrollbar-width: none; }
  .fl-logos::-webkit-scrollbar { display: none; }
  .fl-logo { width: 3.6rem; height: 3.6rem; border-radius: 0.8rem; padding: 0.55rem; }
  .fl-spine-sec, .fl-chapter, .fl-proof-sec { padding-top: 3rem; }
  .fl-spine { grid-template-columns: 1fr 1fr; row-gap: 2.25rem; }
  .fl-spine::before { display: none; }
  .fl-step h3 { font-size: 1.8rem; }
  .fl-step { padding: 0 0.25rem; }
  .fl-step .fl-formats { gap: 0.2rem; }
  .fl-step .fl-format { font-size: 0.62rem; padding: 0.26rem 0.34rem; letter-spacing: 0.02em; }
  .fl-subnav { justify-content: flex-start; overflow-x: auto; padding: 0.6rem 1rem; scrollbar-width: none; }
  .fl-subnav::-webkit-scrollbar { display: none; }
  .fl-subnav a { padding: 0.4rem 0.8rem; font-size: 0.82rem; }
  .fl-pin { width: 1.35rem; height: 1.35rem; font-size: 0.8rem; box-shadow: 0 0 0 3px rgba(34,197,94,.25); }
  .fl-pin::after { display: none; }
  .fl-legend { grid-template-columns: 1fr; gap: 0.5rem; }
  .fl-wall { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0.75rem; margin: 0 -1rem; padding: 0 1rem 0.5rem; scrollbar-width: none; }
  .fl-wall::-webkit-scrollbar { display: none; }
  .fl-q { flex: 0 0 85%; scroll-snap-align: center; height: auto; }
  .fl-q > blockquote { font-size: 1.15rem; }
  .fl-swipe { display: block; text-align: center; margin-top: 0.75rem; font-size: 0.8rem; color: #777; }
  .fl-t-vault h3, .fl-t-mw h3 { font-size: 2.2rem; }
  .fl-t-vault .zoom { height: 14rem; }
  .fl-t-mw { padding: 1.6rem; }
}
@media (min-width: 761px) { .fl-swipe { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .fl-pin::after { animation: none; }
  .fl-tab.is-on .bar i { animation: none; width: 100%; }
}