/* Contour: brand purple type on white, cyan outlines identify the selection. */
body.staffi-redesign[data-staffi-concept="05"] {
  --ink:#321752; --muted:#716879; --quiet:#82758e; --line:#e5e6ed;
  --surface:#fff; --surface-tint:#fff; --glass:#fff;
  --purple:#5413b7; --lilac:#8c43f5; --cyan:#1cbced;
  --blue:#5413b7; --blue-2:#8c43f5; --blue-soft:#fff;
  --red:#5413b7; --red-soft:#8c43f5; --radius:22px; --shadow:none;
  --concept-phone-width:272px;
  background:#fff;
}
body.staffi-redesign[data-staffi-concept="05"] .stage { background:#fff; border-color:#e5e6ed; }
body.staffi-redesign[data-staffi-concept="05"] .topbar { padding-bottom:12px; border-bottom:1px solid #e5e6ed; }
body.staffi-redesign[data-staffi-concept="05"] :is(.brand-subtitle,.topbar-caption,.page-footer,.tiny-meta) { color:#716879; }
body.staffi-redesign[data-staffi-concept="05"] :is(.back-link,.nav-button) { color:#5413b7; background:#fff; border-color:#ded9e8; border-radius:12px; }
body.staffi-redesign[data-staffi-concept="05"] .nav-button.primary { color:#fff; background:#5413b7; border-color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] :is(.back-link,.nav-button):hover { background:#fff; border-color:#1cbced; }
body.staffi-redesign[data-staffi-concept="05"] .nav-button.primary:hover { color:#fff; background:#6c27cb; border-color:#6c27cb; }
body.staffi-redesign[data-staffi-concept="05"] .progress { background:#e5e6ed; }
body.staffi-redesign[data-staffi-concept="05"] .progress-bar { background:#1cbced; }
body.staffi-redesign[data-staffi-concept="05"] .eyebrow::before { background:#1cbced; }
body.staffi-redesign[data-staffi-concept="05"] :is(h1,.features-title,.service-title,.topics-title) { color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] .accent { color:#8c43f5; text-decoration:none; }
body.staffi-redesign[data-staffi-concept="05"] .cover-copy h1 { color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] :is(.cover-lead,.lead,.service-lead) { color:#4f3c61; font-weight:500; }
body.staffi-redesign[data-staffi-concept="05"] .feature-layout { grid-template-columns:minmax(0,1fr) 328px; gap:28px; }
body.staffi-redesign[data-staffi-concept="05"] .feature-grid { gap:8px; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item { background:#fff; border:1px solid transparent; border-bottom-color:#e5e6ed; padding:16px 20px; border-radius:0; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item:hover { background:#fff; border-color:#ded9e8; border-radius:16px; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item .feature-copy > strong { color:#665572; font-size:20px!important; }
body.staffi-redesign[data-staffi-concept="05"] .feature-copy > span:not(.feature-price) { color:#716879; font-size:16px!important; line-height:1.55!important; }
body.staffi-redesign[data-staffi-concept="05"] .feature-num { color:#8c43f5; background:#fff; border:1px solid #e5e6ed; border-radius:9px; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active { background:#fff; border:1.5px solid #cbb9e2; padding:24px 23px 22px; border-radius:20px; color:#321752; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-copy > strong { color:#5413b7; font-size:28px!important; line-height:1.2!important; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-copy > span:not(.feature-price) { color:#716879; font-size:16px!important; line-height:1.55!important; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-num { background:#fff; color:#5413b7; border-color:#d9d0e9; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-price { padding-top:12px; border-top:1px solid #e5e6ed; }
body.staffi-redesign[data-staffi-concept="05"] .feature-price strong { color:#5413b7; font-size:22px; }
body.staffi-redesign[data-staffi-concept="05"] .feature-price span { color:#716879; font-size:14px; line-height:1.5; }
body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-details { margin-top:19px; }
body.staffi-redesign[data-staffi-concept="05"] .feature-detail-card { color:#716879; background:#fff; border:1px solid #e5e6ed; border-radius:12px; padding:18px 16px; font-size:16px; line-height:1.55; }
body.staffi-redesign[data-staffi-concept="05"] .feature-detail-card b { color:#5413b7; font-size:18px; line-height:1.35; }
body.staffi-redesign[data-staffi-concept="05"] .detail-icon { color:#1cbced; background:#fff; border-radius:8px; }
body.staffi-redesign[data-staffi-concept="05"] .mechanic-card { color:#716879; background:#fff; border-color:#e5e6ed; border-radius:9px; font-size:15px; line-height:1.5; padding:12px; }
body.staffi-redesign[data-staffi-concept="05"] .mechanic-icon { color:#1cbced; border-color:#e5e6ed; }
body.staffi-redesign[data-staffi-concept="05"] .phone-panel { background:#fff; border:1px solid #e1e6ee; border-radius:22px; padding:26px 22px 26px; }
body.staffi-redesign[data-staffi-concept="05"] .slide .phone-frame { border-color:#242329; background:#242329; box-shadow:0 15px 24px #301d4010; }
body.staffi-redesign[data-staffi-concept="05"] .phone-frame::before { background:#242329; }
body.staffi-redesign[data-staffi-concept="05"] :is(.drink-notification-screen,.ticket-screen) { background:#fff; color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] :is(.lock-time,.lock-date,.ticket-lock-time,.ticket-lock-date) { color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] :is(.notification-card,.ticket-notification-card) { background:#fff; border:1px solid #1cbced; box-shadow:none; }
body.staffi-redesign[data-staffi-concept="05"] .cover-poster .visual { background:#fff; border:1px solid #e1e6ee; border-radius:22px; }
body.staffi-redesign[data-staffi-concept="05"] .app-includes-title { color:#5413b7; font-size:20px; line-height:1.35; white-space:normal; }
body.staffi-redesign[data-staffi-concept="05"] .app-module { color:#716879; background:#fff; border-color:#e5e6ed; border-radius:10px; font-size:18px; line-height:1.35; height:auto; min-height:48px; }
body.staffi-redesign[data-staffi-concept="05"] .app-module > span { font-size:inherit; }
body.staffi-redesign[data-staffi-concept="05"] .app-module.is-active { color:#5413b7; background:#fff; border-color:#cbb9e2; }
body.staffi-redesign[data-staffi-concept="05"] .app-module-icon,
body.staffi-redesign[data-staffi-concept="05"] .app-module-stack .app-module:nth-child(3n + 2) .app-module-icon,
body.staffi-redesign[data-staffi-concept="05"] .app-module.is-active .app-module-icon { color:#1cbced; background:#fff; }
body.staffi-redesign[data-staffi-concept="05"] .app-slider-wrap { --hero-list-w:280px; --hero-stack-h:560px; --hero-module-gap:6px; padding-bottom:0; }
body.staffi-redesign[data-staffi-concept="05"] .app-module-stack { grid-template-rows:repeat(10,minmax(48px,1fr)); }
body.staffi-redesign[data-staffi-concept="05"] .app-slider { box-shadow:0 15px 24px #301d4010; }
body.staffi-redesign[data-staffi-concept="05"] .topic-card,
body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card,
body.staffi-redesign[data-staffi-concept="05"] .topics-grid.has-five-topics .topic-card { background:#fff; border-color:#e5e6ed; border-radius:18px; min-height:150px; padding:25px; }
/* Keep the link's hit area still while its contents lift on pointer hover. */
body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card {
  isolation:isolate; transform:none; box-shadow:none; touch-action:manipulation;
  transition:border-color 200ms ease,box-shadow 200ms ease;
}
body.staffi-redesign[data-staffi-concept="05"] .topic-card::after {
  display:block; inset:0; width:auto; height:auto; border-radius:inherit;
  background:linear-gradient(135deg,#8c43f50a,#1cbced08); opacity:0;
  pointer-events:none; transition:opacity 200ms ease;
}
body.staffi-redesign[data-staffi-concept="05"] .topic-card :is(.topic-copy,.topic-icon) {
  position:relative; z-index:1; transform:none;
  transition:transform 200ms ease,background-color 200ms ease,color 200ms ease,border-color 200ms ease;
}
@media(hover:hover) and (pointer:fine) {
  body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card:hover {
    border-color:#cab6e2; box-shadow:0 6px 18px #5413b70a;
  }
  body.staffi-redesign[data-staffi-concept="05"] .topic-card:hover::after { opacity:1; }
  body.staffi-redesign[data-staffi-concept="05"] .topic-card:hover :is(.topic-copy,.topic-icon) { transform:translateY(-1px); }
  body.staffi-redesign[data-staffi-concept="05"] .topic-card:hover .topic-icon { background:#f1eafa; border-color:#d6c7e8; color:#5413b7; }
}
body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card:is(:focus-visible,:active) {
  border-color:#cab6e2; box-shadow:0 6px 18px #5413b70a; transition:none;
}
body.staffi-redesign[data-staffi-concept="05"] .topic-card:is(:focus-visible,:active)::after { opacity:1; transition:none; }
body.staffi-redesign[data-staffi-concept="05"] .topic-card:is(:focus-visible,:active) :is(.topic-copy,.topic-icon) { transform:none; transition:none; }
body.staffi-redesign[data-staffi-concept="05"] .topic-card:is(:focus-visible,:active) .topic-icon { background:#f1eafa; border-color:#d6c7e8; color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card:focus-visible { outline:2px solid #5413b7; outline-offset:3px; }
body.staffi-redesign[data-staffi-concept="05"] .topic-card strong,
body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card strong,
body.staffi-redesign[data-staffi-concept="05"] .topics-grid.has-five-topics .topic-card strong { color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] .topic-card span,
body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card span { color:#716879; }
body.staffi-redesign[data-staffi-concept="05"] .topic-card .topic-copy > span,
body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card .topic-copy > span { font-size:18px; line-height:1.55; }
body.staffi-redesign[data-staffi-concept="05"] .topic-icon { background:#fff; color:#1cbced; border:1px solid #e5e6ed; border-radius:14px; }
body.staffi-redesign[data-staffi-concept="05"] .topic-card strong.topic-metric s { color:#82758e; text-decoration-color:#1cbced; }
body.staffi-redesign[data-staffi-concept="05"] .format-card,
body.staffi-redesign[data-staffi-concept="05"] .format-card--ready { --card-accent:#5413b7; --card-tint:#fff; --card-border:#1cbced; background:#fff; border-color:#e5e6ed; border-radius:20px; }
body.staffi-redesign[data-staffi-concept="05"] .format-card:hover { border-color:#1cbced; box-shadow:none; transform:none; }
body.staffi-redesign[data-staffi-concept="05"] .format-tag { background:#fff; color:#5413b7; border:1px solid #1cbced; }
body.staffi-redesign[data-staffi-concept="05"] .card-title { color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] .card-description { color:#716879; font-size:16px; line-height:1.6; }
body.staffi-redesign[data-staffi-concept="05"] .format-flow { color:#5413b7; font-size:15px; line-height:1.5; }
body.staffi-redesign[data-staffi-concept="05"] .format-flow svg { color:#1cbced; }
body.staffi-redesign[data-staffi-concept="05"] .card-action { color:#5413b7; background:#fff; border-top-color:#e5e6ed; font-size:16px; }
body.staffi-redesign[data-staffi-concept="05"] :is(.program-panel,.blue-stack,.module,.quote-card) { background:#fff; color:#321752; border-color:#e5e6ed; }
body.staffi-redesign[data-staffi-concept="05"] :is(.program-panel h2,.big-number,.metric,.slide-number) { color:#5413b7; }
body.staffi-redesign[data-staffi-concept="05"] :is(a,button):focus-visible { outline-color:#1cbced; }
@media(max-width:1120px) { body.staffi-redesign[data-staffi-concept="05"] { --concept-phone-width:264px; } body.staffi-redesign[data-staffi-concept="05"] .feature-layout { grid-template-columns:minmax(0,1fr) 302px; gap:23px; } body.staffi-redesign[data-staffi-concept="05"] .phone-panel { padding-inline:16px; } body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active { padding:22px 19px; } body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-copy > strong { font-size:26px!important; } }
@media(max-width:860px) { body.staffi-redesign[data-staffi-concept="05"] .feature-layout { grid-template-columns:minmax(0,1fr); } body.staffi-redesign[data-staffi-concept="05"] .phone-panel { padding:28px 28px 28px; } body.staffi-redesign[data-staffi-concept="05"] .phone-frame { --concept-phone-width:272px; } }
@media(max-width:700px) { body.staffi-redesign[data-staffi-concept="05"] { --radius:20px; --concept-phone-width:260px; } body.staffi-redesign[data-staffi-concept="05"] .slide { padding-inline:18px; } body.staffi-redesign[data-staffi-concept="05"] .feature-item { padding:15px 14px; border-radius:0; } body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active { padding:20px 16px; border-radius:17px; } body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-copy > strong { font-size:26px!important; } body.staffi-redesign[data-staffi-concept="05"] .phone-panel { padding:25px 10px 25px; } body.staffi-redesign[data-staffi-concept="05"] .phone-frame { --concept-phone-width:260px; } body.staffi-redesign[data-staffi-concept="05"] .cover-poster .visual { padding-inline:14px; } body.staffi-redesign[data-staffi-concept="05"] .topic-card,body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card,body.staffi-redesign[data-staffi-concept="05"] .topics-grid.has-five-topics .topic-card { padding:23px 19px; min-height:136px; } }
@media(max-width:370px) { body.staffi-redesign[data-staffi-concept="05"] .slide { padding-inline:12px; } body.staffi-redesign[data-staffi-concept="05"] .feature-item { gap:10px; padding-inline:12px; } body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active { gap:10px; padding-inline:12px; } body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-copy > strong { font-size:24px!important; } body.staffi-redesign[data-staffi-concept="05"] .phone-panel { padding-inline:0; border:0; } body.staffi-redesign[data-staffi-concept="05"] .phone-frame { --concept-phone-width:248px; } }
@media(max-width:1120px) and (min-width:861px) { body.staffi-redesign[data-staffi-concept="05"] .cover-poster { grid-template-columns:minmax(0,1fr); } body.staffi-redesign[data-staffi-concept="05"] .app-slider-wrap { --hero-list-w:280px; --hero-group-gap:24px; } }
@media(max-width:700px) {
  body.staffi-redesign[data-staffi-concept="05"] .feature-item .feature-copy > strong { font-size:19px!important; }
  body.staffi-redesign[data-staffi-concept="05"] .feature-copy > span:not(.feature-price),
  body.staffi-redesign[data-staffi-concept="05"] .feature-item.is-active .feature-copy > span:not(.feature-price) { font-size:15px!important; }
  body.staffi-redesign[data-staffi-concept="05"] .feature-detail-card { padding:15px 12px; font-size:15px; line-height:1.55; }
  body.staffi-redesign[data-staffi-concept="05"] .feature-detail-card b { font-size:17px; }
  body.staffi-redesign[data-staffi-concept="05"] .mechanic-card { font-size:14px; }
  body.staffi-redesign[data-staffi-concept="05"] .app-slider-wrap { row-gap:24px; }
  body.staffi-redesign[data-staffi-concept="05"] .app-module-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:8px; }
  body.staffi-redesign[data-staffi-concept="05"] .app-module { min-height:58px; padding:12px; font-size:18px; }
  body.staffi-redesign[data-staffi-concept="05"] .app-includes-title { font-size:19px; }
  body.staffi-redesign[data-staffi-concept="05"] .app-module-icon { width:26px; height:26px; }
  body.staffi-redesign[data-staffi-concept="05"] .topic-card .topic-copy > span,
  body.staffi-redesign[data-staffi-concept="05"] .topics-grid .topic-card .topic-copy > span { font-size:17px; }
  body.staffi-redesign[data-staffi-concept="05"] .card-description { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
  body.staffi-redesign[data-staffi-concept="05"] * { transition:none!important; animation:none!important; }
  body.staffi-redesign[data-staffi-concept="05"] .topic-card::after { transition:none!important; }
  body.staffi-redesign[data-staffi-concept="05"] .topic-card :is(.topic-copy,.topic-icon) { transform:none!important; }
}
