/* Publify marketing website — Smarter Systems. More Clients. */
@import url('./design/colors_and_type.css');
@import url('./design/decor.css');

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--bg-1); font-family: var(--font-body); color: var(--fg-1); -webkit-font-smoothing: antialiased; }

/* ---------- Skip link ---------- */
.pf-skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.pf-skip-link:focus { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); width: auto; height: auto; overflow: visible; padding: 10px 20px; background: var(--acc-navy); color: #fff; font-weight: 600; font-size: 14px; border-radius: 8px; z-index: 9999; outline: 2px solid #fff; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
a { color: inherit; text-decoration: none; }

/* ---------- Layout ---------- */
.pf-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* ---------- Buttons ---------- */
.pf-btn {
  font-family: var(--font-body); font-weight: 600; font-size: 15px;
  border: none; padding: 12px 20px; border-radius: var(--radius-md);
  display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  transition: transform .14s var(--ease-out), box-shadow .14s var(--ease-out), background .14s var(--ease-out);
  cursor: pointer;
}
.pf-btn--primary { background: var(--brand-gradient); color: #fff; box-shadow: var(--shadow-coral-sm); }
.pf-btn--primary:hover { background: linear-gradient(135deg, #F46A4F 0%, #D63A5C 100%); box-shadow: var(--shadow-coral); transform: translateY(-1px); }
.pf-btn--primary:active { transform: translateY(1px); box-shadow: var(--shadow-coral-sm); }
.pf-btn--wa { background: #1DA851; color: #fff; box-shadow: 0 2px 8px -2px rgba(29, 168, 81, 0.3); }
.pf-btn--wa:hover { background: #178a42; box-shadow: 0 6px 18px -4px rgba(29, 168, 81, 0.4); transform: translateY(-1px); }
.pf-btn--secondary { background: #fff; color: var(--fg-1); border: 1.5px solid var(--border-2); }
.pf-btn--secondary:hover { background: var(--bg-3); }
.pf-btn--ghost { background: transparent; color: var(--brand-pink-deep); }
.pf-btn--ghost:hover { background: rgba(237,77,110,.06); }
.pf-btn--ghost-light { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.4); }
.pf-btn--ghost-light:hover { border-color: #fff; background: rgba(255,255,255,.06); }
.pf-btn--lg { font-size: 17px; padding: 16px 28px; border-radius: 14px; }
.pf-btn--xl { font-size: 18px; padding: 20px 32px; border-radius: 16px; }
.pf-btn--sm { font-size: 13px; padding: 9px 14px; border-radius: 10px; }
.pf-btn--block { width: 100%; justify-content: center; }
.pf-arr { font-family: var(--font-display); font-weight: 700; }

/* ---------- Type ---------- */
.pf-eyebrow { font-family: var(--font-body); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--brand-pink-deep); }
.pf-h1 { font-family: var(--font-display); font-weight: 700; font-size: 72px; line-height: 1.05; letter-spacing: -0.02em; color: var(--fg-1); }
.pf-h2 { font-family: var(--font-display); font-weight: 700; font-size: 48px; line-height: 1.1; letter-spacing: -0.02em; color: var(--fg-1); }
.pf-h3 { font-family: var(--font-display); font-weight: 700; font-size: 28px; line-height: 1.2; letter-spacing: -0.01em; color: var(--fg-1); }
.pf-lede { font-family: var(--font-body); font-size: 19px; line-height: 1.65; color: var(--fg-2); max-width: 560px; }
@media (max-width: 720px) {
  .pf-h1 { font-size: 44px; }
  .pf-h2 { font-size: 34px; }
  .pf-h3 { font-size: 24px; }
  .pf-lede { font-size: 17px; }
}

/* ---------- Nav ---------- */
.pf-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: all .22s var(--ease-out); padding: 12px 0; }
.pf-nav__inner { max-width: 1200px; margin: 0 auto; padding: 0 16px 0 12px; height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-radius: 16px; transition: all .22s var(--ease-out); }
.pf-nav--scrolled { padding: 8px 0; }
.pf-nav--scrolled .pf-nav__inner { background: rgba(252, 250, 248, 0.88); backdrop-filter: blur(14px); border: 1px solid var(--border-1); box-shadow: var(--shadow-sm); }
.pf-nav__brand { display: flex; align-items: center; gap: 8px; }
.pf-nav__logo { width: auto !important; height: 72px !important; display: block; }
@media (max-width: 480px) { .pf-nav__logo { height: 60px !important; } }
.pf-nav__links { display: flex; gap: 28px; align-items: center; }
.pf-nav__links a { font-family: var(--font-body); font-size: 14px; font-weight: 500; color: var(--fg-2); transition: color .14s; }
.pf-nav__links a:hover, .pf-nav__links a.is-active { color: var(--brand-pink-deep); }
.pf-nav__cta { display: flex; align-items: center; gap: 12px; }
.pf-nav__hamburger { display: none; background: transparent; padding: 8px; border-radius: 8px; color: var(--fg-1); cursor: pointer; }
@media (max-width: 820px) {
  .pf-nav__links { display: none; }
  .pf-nav__hamburger { display: grid; place-items: center; }
  .pf-nav__cta .pf-btn--sm { padding: 9px 12px; font-size: 12px; }
}
.pf-mobilemenu { position: fixed; top: 76px; left: 16px; right: 16px; background: #fff; border-radius: 16px; box-shadow: var(--shadow-lg); padding: 12px; z-index: 49; border: 1px solid var(--border-1); opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity .18s var(--ease-out), transform .18s var(--ease-out); }
.pf-mobilemenu.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
.pf-mobilemenu a { display: block; padding: 14px 16px; font-size: 16px; font-weight: 600; color: var(--fg-1); border-radius: 10px; }
.pf-mobilemenu a:hover { background: var(--bg-3); }
.pf-mobilemenu a.is-active { color: var(--brand-pink-deep); background: rgba(237,77,110,.06); }

/* ---------- Hero ---------- */
.pf-hero { position: relative; padding: 144px 0 96px; overflow: hidden; }
.pf-hero__inner { position: relative; z-index: 1; max-width: 880px; }
.pf-hero__ctas { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; }
.pf-hero__sub { font-size: 15px; color: var(--fg-3); margin-top: 18px; }
@media (max-width: 720px) { .pf-hero { padding: 120px 0 72px; } }

/* ---------- Sections ---------- */
.pf-section { padding: 96px 0; position: relative; }
.pf-section--alt { background: var(--bg-3); }
.pf-section--dark { background: var(--neutral-900); color: #fff; }
.pf-section--dark .pf-h1, .pf-section--dark .pf-h2 { color: #fff; }
.pf-section--dark .pf-lede { color: var(--neutral-300); }
.pf-section--dark .pf-eyebrow { color: var(--brand-coral); }
.pf-section__head { max-width: 740px; margin-bottom: 56px; display: flex; flex-direction: column; gap: 16px; }
@media (max-width: 720px) { .pf-section { padding: 72px 0; } }

/* ---------- Trust strip ---------- */
.pf-trust { background: var(--bg-3); padding: 28px 0; border-top: 1px solid var(--border-1); border-bottom: 1px solid var(--border-1); }
.pf-trust__inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap; }
.pf-trust__item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--fg-2); font-weight: 500; }
.pf-trust__item svg { color: var(--brand-pink-deep); width: 18px; height: 18px; stroke-width: 2.25; flex-shrink: 0; }

/* ---------- Problem section ---------- */
.pf-problem { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
@media (max-width: 880px) { .pf-problem { grid-template-columns: 1fr; gap: 40px; } }
.pf-problem__copy p { font-size: 17px; line-height: 1.75; color: var(--fg-2); margin-top: 18px; }
.pf-problem__copy strong { color: var(--fg-1); font-weight: 600; }
.pf-problem__list { display: flex; flex-direction: column; gap: 16px; }
.pf-problem__item { background: #fff; border-radius: 16px; padding: 22px 24px; box-shadow: var(--shadow-sm); display: flex; gap: 16px; align-items: flex-start; }
.pf-problem__item-x { width: 36px; height: 36px; border-radius: 10px; background: #FCE4EA; color: var(--brand-pink-deep); display: grid; place-items: center; flex-shrink: 0; }
.pf-problem__item-x svg { width: 20px; height: 20px; stroke-width: 2.25; }
.pf-problem__item h4 { font-family: var(--font-display); font-weight: 700; font-size: 17px; margin-bottom: 4px; }
.pf-problem__item p { font-size: 14px; color: var(--fg-2); line-height: 1.55; }

/* ---------- Services grid ---------- */
.pf-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 880px) { .pf-services { grid-template-columns: 1fr; } }
.pf-service { background: #fff; border-radius: var(--radius-lg); padding: 32px 28px; box-shadow: var(--shadow-sm); transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out); }
.pf-service:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.pf-service__icon { width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, #FFE4DC, #FCE0E6); display: grid; place-items: center; color: var(--brand-pink-deep); margin-bottom: 24px; }
.pf-service__icon svg { stroke-width: 1.75; width: 26px; height: 26px; }
.pf-service__title { font-family: var(--font-display); font-weight: 700; font-size: 22px; letter-spacing: -0.01em; margin-bottom: 10px; }
.pf-service__body { font-size: 15px; line-height: 1.6; color: var(--fg-2); }

/* ---------- Industries ---------- */
.pf-industries { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.pf-industry { background: #fff; border: 1px solid var(--border-1); border-radius: 999px; padding: 12px 20px; font-size: 14px; font-weight: 500; color: var(--fg-1); display: inline-flex; align-items: center; gap: 8px; }
.pf-industry svg { width: 16px; height: 16px; color: var(--brand-pink-deep); stroke-width: 2; }
.pf-industry__more { color: var(--fg-3); font-style: italic; padding: 12px 4px; font-size: 14px; }

/* ---------- Process steps ---------- */
.pf-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; position: relative; }
@media (max-width: 880px) { .pf-steps { grid-template-columns: 1fr; gap: 40px; } }
.pf-step { position: relative; }
.pf-step__num { font-family: var(--font-display); font-weight: 700; font-size: 64px; line-height: 1; color: var(--brand-coral); letter-spacing: -0.04em; }
.pf-step__title { font-family: var(--font-display); font-weight: 700; font-size: 24px; margin: 12px 0 12px; line-height: 1.25; }
.pf-step__body { font-size: 15px; line-height: 1.65; color: var(--fg-2); }
.pf-step__line { position: absolute; top: 32px; left: calc(100% - 12px); width: calc(100% - 40px); height: 2px; background: linear-gradient(to right, var(--brand-coral) 0%, transparent 100%); }
.pf-step:last-child .pf-step__line { display: none; }
@media (max-width: 880px) { .pf-step__line { display: none; } }

/* ---------- Final CTA dark band ---------- */
.pf-finalcta { text-align: center; max-width: 720px; margin: 0 auto; }
.pf-finalcta .pf-h2 { color: #fff; margin-bottom: 18px; }
.pf-finalcta p { font-size: 18px; line-height: 1.65; color: var(--neutral-300); margin-bottom: 36px; }

/* ---------- Floating WhatsApp ---------- */
.pf-fab { position: fixed; bottom: 24px; right: 24px; z-index: 60; display: flex; align-items: center; gap: 8px; padding: 10px 16px 10px 12px; border-radius: 999px; background: #1DA851; color: #fff; box-shadow: 0 4px 16px -2px rgba(29, 168, 81, 0.35); transition: transform .14s var(--ease-out), box-shadow .14s var(--ease-out); text-decoration: none; font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: 0.01em; }
.pf-fab:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -4px rgba(29, 168, 81, 0.45); }
.pf-fab svg { width: 20px; height: 20px; flex-shrink: 0; }
.pf-fab__label { white-space: nowrap; }
.pf-fab__pulse { display: none; }

/* ---------- Services page ---------- */
.pf-svcblock { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; align-items: start; padding: 64px 0; border-bottom: 1px solid var(--border-1); }
.pf-svcblock:last-child { border-bottom: none; }
@media (max-width: 880px) { .pf-svcblock { grid-template-columns: 1fr; gap: 28px; } }
.pf-svcblock__num { font-family: var(--font-mono); font-size: 13px; color: var(--brand-pink-deep); letter-spacing: 0.08em; margin-bottom: 8px; }
.pf-svcblock__icon { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(135deg, #FFE4DC, #FCE0E6); display: grid; place-items: center; color: var(--brand-pink-deep); margin-bottom: 20px; }
.pf-svcblock__icon svg { width: 32px; height: 32px; stroke-width: 1.75; }
.pf-svcblock__outcome { background: #fff; border-radius: 16px; padding: 22px 24px; box-shadow: var(--shadow-sm); margin-bottom: 28px; }
.pf-svcblock__outcome-eye { font-family: var(--font-body); font-size: 11px; font-weight: 700; color: var(--brand-pink-deep); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 8px; }
.pf-svcblock__outcome-text { font-family: var(--font-display); font-weight: 600; font-size: 20px; line-height: 1.35; color: var(--fg-1); letter-spacing: -0.01em; }
.pf-svcblock__incl-head { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--fg-3); margin-bottom: 14px; }
.pf-svcblock__list { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.pf-svcblock__list li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.5; color: var(--fg-1); }
.pf-svcblock__list svg { width: 20px; height: 20px; stroke-width: 2.25; color: #2E9B6E; flex-shrink: 0; margin-top: 2px; }

.pf-pricecard { background: var(--bg-3); border-radius: var(--radius-xl); padding: 48px 40px; margin-top: 48px; }
.pf-pricecard__h { font-family: var(--font-display); font-weight: 700; font-size: 32px; margin-bottom: 16px; letter-spacing: -0.01em; }
.pf-pricecard__body { font-size: 17px; line-height: 1.65; color: var(--fg-2); margin-bottom: 28px; max-width: 640px; }

/* ---------- Work page ---------- */
.pf-work { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
@media (max-width: 880px) { .pf-work { grid-template-columns: 1fr; } }
.pf-workcard { background: #fff; border-radius: var(--radius-xl); padding: 40px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; gap: 20px; transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out); }
.pf-workcard:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.pf-workcard__industry { font-family: var(--font-mono); font-size: 12px; color: var(--brand-pink-deep); letter-spacing: 0.06em; text-transform: uppercase; }
.pf-workcard__title { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 1.25; letter-spacing: -0.01em; }
.pf-workcard__row { display: flex; flex-direction: column; gap: 4px; }
.pf-workcard__row-h { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--fg-3); }
.pf-workcard__row-t { font-size: 15px; line-height: 1.55; color: var(--fg-1); }
.pf-workcard__result { background: linear-gradient(135deg, #FFE4DC 0%, #FCE0E6 100%); border-radius: 14px; padding: 20px; display: flex; align-items: center; gap: 14px; margin-top: auto; }
.pf-workcard__result-icon { width: 40px; height: 40px; border-radius: 10px; background: var(--brand-gradient); color: #fff; display: grid; place-items: center; flex-shrink: 0; }
.pf-workcard__result-icon svg { width: 22px; height: 22px; stroke-width: 2.25; }
.pf-workcard__result-text { font-family: var(--font-display); font-weight: 700; font-size: 17px; line-height: 1.35; color: var(--neutral-800); letter-spacing: -0.01em; }

.pf-empty { background: #fff; border: 2px dashed var(--border-2); border-radius: var(--radius-xl); padding: 56px 40px; text-align: center; }
.pf-empty h3 { font-family: var(--font-display); font-weight: 700; font-size: 22px; margin-bottom: 10px; }
.pf-empty p { font-size: 15px; color: var(--fg-2); line-height: 1.6; max-width: 480px; margin: 0 auto; }

/* ---------- Contact page ---------- */
.pf-contact-hero { padding: 144px 0 64px; text-align: center; position: relative; overflow: hidden; }
.pf-contact-hero__inner { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; }
.pf-contact-hero .pf-h1 { margin-bottom: 18px; }
.pf-contact-hero .pf-lede { margin: 0 auto; }

.pf-contact-card { background: #fff; border-radius: var(--radius-xl); padding: 56px 48px; box-shadow: var(--shadow-md); max-width: 640px; margin: 56px auto 0; text-align: center; }
.pf-contact-card__icon { width: 80px; height: 80px; border-radius: 24px; background: #DCFCE7; color: #25D366; display: grid; place-items: center; margin: 0 auto 24px; }
.pf-contact-card__icon svg { width: 40px; height: 40px; stroke-width: 1.75; }
.pf-contact-card h3 { font-family: var(--font-display); font-weight: 700; font-size: 28px; letter-spacing: -0.01em; margin-bottom: 12px; }
.pf-contact-card p { font-size: 16px; line-height: 1.65; color: var(--fg-2); margin-bottom: 28px; }

.pf-contact-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 880px; margin: 64px auto 0; }
@media (max-width: 720px) { .pf-contact-info { grid-template-columns: 1fr; } }
.pf-contact-info__item { background: var(--bg-3); border-radius: 16px; padding: 24px; text-align: left; display: flex; flex-direction: column; gap: 12px; }
.pf-contact-info__icon { width: 40px; height: 40px; border-radius: 10px; background: #fff; color: var(--brand-pink-deep); display: grid; place-items: center; box-shadow: var(--shadow-xs); }
.pf-contact-info__icon svg { width: 20px; height: 20px; stroke-width: 1.75; }
.pf-contact-info__h { font-family: var(--font-display); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--fg-3); }
.pf-contact-info__t { font-size: 16px; color: var(--fg-1); font-weight: 500; line-height: 1.5; }

/* ---------- Page-specific hero (services / work) ---------- */
.pf-pagehero { padding: 144px 0 72px; position: relative; overflow: hidden; }
.pf-pagehero__inner { max-width: 820px; position: relative; z-index: 1; }
.pf-pagehero .pf-h1 { font-size: 60px; margin-top: 12px; }
@media (max-width: 720px) { .pf-pagehero { padding: 120px 0 56px; } .pf-pagehero .pf-h1 { font-size: 40px; } }

/* ---------- Footer ---------- */
.pf-footer { background: var(--neutral-900); color: var(--neutral-300); padding: 72px 0 0; }
.pf-footer__inner { display: grid; grid-template-columns: 1.4fr 2fr; gap: 56px; padding-bottom: 56px; }
@media (max-width: 880px) { .pf-footer__inner { grid-template-columns: 1fr; } }
.pf-footer__logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.pf-footer__wm { font-family: var(--font-display); font-weight: 700; font-size: 32px; color: var(--brand-coral); letter-spacing: -0.02em; }
.pf-footer__line { font-size: 15px; line-height: 1.6; color: var(--neutral-400); margin-bottom: 24px; max-width: 320px; }
.pf-footer__contact { display: flex; flex-direction: column; gap: 10px; }
.pf-footer__contact div { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--neutral-300); }
.pf-footer__contact svg { width: 16px; height: 16px; stroke-width: 1.75; color: var(--brand-coral); flex-shrink: 0; }
.pf-footer__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 560px) { .pf-footer__cols { grid-template-columns: repeat(2, 1fr); } }
.pf-footer__h { font-family: var(--font-display); font-weight: 700; font-size: 13px; color: #fff; margin-bottom: 16px; letter-spacing: 0.08em; text-transform: uppercase; }
.pf-footer__col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.pf-footer__col li a { font-size: 14px; color: var(--neutral-400); transition: color .14s; cursor: pointer; }
.pf-footer__col li a:hover { color: #fff; }
.pf-footer__bar { border-top: 1px solid #25211D; padding: 20px 0; }
.pf-footer__bar-inner { display: flex; justify-content: space-between; font-size: 12px; color: var(--neutral-500); flex-wrap: wrap; gap: 12px; }

/* ---------- Contact hero mobile ---------- */
@media (max-width: 720px) {
  .pf-contact-hero { padding: 100px 0 40px; }
  .pf-contact-stage { padding: 40px 0; }
}

/* ---------- Compact screens (≤ 480px) ---------- */
@media (max-width: 480px) {
  /* xl + lg buttons overflow 375px — scale down */
  .pf-btn--xl { font-size: 16px; padding: 16px 22px; border-radius: 14px; }
  .pf-btn--lg { font-size: 15px; padding: 13px 20px; border-radius: 12px; }

  /* Hero CTAs: stack full-width so neither button overflows */
  .pf-hero__ctas { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 28px; }
  .pf-hero__ctas .pf-btn { justify-content: center; }

  /* Final CTA button: full-width prevents side-overflow */
  .pf-finalcta .pf-btn--xl { display: flex; width: 100%; justify-content: center; }

  /* Pricing card CTA row: stack button + meta vertically, button full-width */
  .pf-pricecard__row { flex-direction: column; align-items: stretch; gap: 14px; }
  .pf-pricecard__row .pf-btn { justify-content: center; }

  /* Trust strip: column stacks cleanly; space-between breaks at 1 item/row */
  .pf-trust__inner { flex-direction: column; align-items: flex-start; gap: 14px; }

  /* Tighter vertical rhythm on small screens */
  .pf-section { padding: 56px 0; }
  .pf-section__head { margin-bottom: 40px; }
  .pf-svcblock { padding: 40px 0; }

  /* Service tabs: 2-col is too narrow for tab text at 375px */
  .pf-svc-tabs { grid-template-columns: 1fr; }
}

/* ---------- Accessibility ---------- */
:focus-visible { outline: 2px solid var(--brand-pink-deep); outline-offset: 3px; border-radius: 4px; }

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .pf-float-a, .pf-float-b, .pf-float-c { animation: none; }
  .pf-fab__pulse { animation: none; }
  * { transition-duration: 0.01ms !important; }
}