/* =====================================================================
   Future Tech Care · Header & navigation component
   All selectors are prefixed .ftc- so they never leak into page content.
   Tokens match the redesign direction already used for the homepage,
   About and Contact pages (navy band, teal accent, orange CTA).
   ===================================================================== */
.ftc-header{
  --ftc-band:#0F1E33; --ftc-band-2:#16294A; --ftc-band-fg:#F2F6FB; --ftc-band-muted:#A9B8CC; --ftc-band-line:#263B5C;
  --ftc-surface:#FFFFFF; --ftc-surface-2:#F4F7FA; --ftc-fg:#0F1E33; --ftc-muted:#4B5C72; --ftc-line:#DCE3EC;
  --ftc-teal:#0B7F7B; --ftc-teal-soft:#E3F3F2; --ftc-teal-on-band:#3FD0C9;
  --ftc-cta:#C9530E; --ftc-cta-hover:#A9440A; --ftc-cta-fg:#FFFFFF;
  --ftc-font-display:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --ftc-font-body:"Figtree","Segoe UI",Roboto,Arial,sans-serif;
  --ftc-wrap:1240px; --ftc-bar-h:72px; --ftc-tb-h:40px; --ftc-tb-bg:#0A1628;
  --ftc-radius-s:6px; --ftc-radius-m:12px;
  --ftc-shadow:0 24px 50px -28px rgba(9,20,38,.55);
  --ftc-safe-l:env(safe-area-inset-left,0px); --ftc-safe-r:env(safe-area-inset-right,0px);
  --ftc-safe-t:env(safe-area-inset-top,0px); --ftc-safe-b:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  .ftc-header{
    --ftc-surface:#111F33; --ftc-surface-2:#0B1524; --ftc-fg:#E7EDF5; --ftc-muted:#9FB0C5; --ftc-line:#22344F;
    --ftc-teal:#3CC4BE; --ftc-teal-soft:#123536; --ftc-shadow:0 24px 50px -24px rgba(0,0,0,.7);
  }
}

/* ---------- Base (scoped) ---------- */
.ftc-header,.ftc-header *,.ftc-header *::before,.ftc-header *::after{box-sizing:border-box}
.ftc-header{
  position:sticky; top:calc(-1 * var(--ftc-tb-h)); z-index:1000; width:100%;
  background:var(--ftc-band); color:var(--ftc-band-fg);
  font-family:var(--ftc-font-body); font-size:16px; line-height:1.4;
  padding-top:var(--ftc-safe-t);
  -webkit-font-smoothing:antialiased;
}
.ftc-header ul{list-style:none; margin:0; padding:0}
.ftc-header p{margin:0}
.ftc-header a{color:inherit; text-decoration:none}
.ftc-header button{font:inherit; color:inherit}
.ftc-header a,.ftc-header button{-webkit-tap-highlight-color:transparent; touch-action:manipulation}
.ftc-header :focus-visible{outline:3px solid var(--ftc-teal-on-band); outline-offset:2px; border-radius:var(--ftc-radius-s)}
.ftc-header .ftc-mega :focus-visible,.ftc-header .ftc-dropdown :focus-visible,.ftc-header .ftc-search-results :focus-visible{outline-color:var(--ftc-teal)}
.ftc-sr{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap}
.ftc-wrap{width:100%; max-width:var(--ftc-wrap); margin-inline:auto;
  padding-left:max(20px,var(--ftc-safe-l)); padding-right:max(20px,var(--ftc-safe-r))}
.ftc-skip{position:absolute; left:-9999px; top:8px; z-index:1100; background:#fff; color:#0F1E33; padding:10px 14px; border-radius:6px; font-family:"Figtree",Arial,sans-serif}
.ftc-skip:focus{left:16px}

/* ---------- Top bar (scrolls away; main bar stays sticky) ---------- */
.ftc-topbar{height:var(--ftc-tb-h); overflow:hidden; background:var(--ftc-tb-bg); color:var(--ftc-band-muted); border-bottom:1px solid var(--ftc-band-line); font-size:13.5px}
.ftc-tb-row{display:flex; align-items:center; justify-content:space-between; gap:16px; height:calc(var(--ftc-tb-h) - 1px)}
.ftc-tb-tag{display:flex; align-items:center; gap:10px; min-width:0; white-space:nowrap; overflow:hidden}
.ftc-tb-tag > span:first-child{overflow:hidden; text-overflow:ellipsis}
.ftc-tb-sep{opacity:.6}
.ftc-tb-proof{color:var(--ftc-teal-on-band)!important; font-weight:600; border-radius:4px}
.ftc-tb-proof:hover{text-decoration:underline; text-underline-offset:3px}
.ftc-tb-right{display:flex; align-items:center; gap:18px; flex:none}
.ftc-tb-contacts{display:flex; align-items:center; gap:16px}
.ftc-tb-link{display:inline-flex; align-items:center; gap:7px; min-height:32px; color:var(--ftc-band-fg)!important; border-radius:4px}
.ftc-tb-link svg{color:var(--ftc-teal-on-band); flex:none}
.ftc-tb-link:hover span{text-decoration:underline; text-underline-offset:3px}
.ftc-tb-offer{display:inline-flex; align-items:center; min-height:28px; padding:0 12px; border-radius:999px; border:1px solid var(--ftc-teal-on-band);
  color:var(--ftc-teal-on-band)!important; font-weight:600; font-size:13px; white-space:nowrap; transition:background-color .15s,color .15s}
.ftc-tb-offer:hover{background:var(--ftc-teal-on-band); color:var(--ftc-band)!important}
.ftc-tb-social{display:flex; align-items:center; gap:2px; padding-left:14px; border-left:1px solid var(--ftc-band-line)}
.ftc-social{display:inline-grid; place-items:center; width:32px; height:32px; border-radius:999px; color:var(--ftc-band-muted)!important; transition:color .15s,background-color .15s}
.ftc-social:hover{color:var(--ftc-band-fg)!important; background:var(--ftc-band-2)}

/* ---------- Bar ---------- */
.ftc-bar{position:relative; z-index:3; background:var(--ftc-band); border-bottom:1px solid var(--ftc-band-line)}
.ftc-row{display:flex; align-items:center; gap:16px; min-height:var(--ftc-bar-h)}
.ftc-brand{display:flex; align-items:center; flex:none; padding:4px 0; border-radius:var(--ftc-radius-s)}
.ftc-brand img{display:block; height:40px; width:auto; max-width:none}
.ftc-nav{flex:1; display:flex; justify-content:center; min-width:0}
.ftc-nav-list{display:flex; align-items:center; gap:2px}
.ftc-item{position:relative}
.ftc-split{display:flex; align-items:center; border-radius:var(--ftc-radius-s)}
.ftc-top{display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 12px; border-radius:var(--ftc-radius-s);
  font-weight:500; font-size:15.5px; white-space:nowrap; background:none; border:0; cursor:pointer; transition:background-color .15s}
.ftc-split .ftc-top{padding-right:4px}
.ftc-caret{display:inline-grid; place-items:center; width:28px; height:44px; padding:0; margin-left:-2px; background:none; border:0;
  border-radius:var(--ftc-radius-s); cursor:pointer}
.ftc-top:hover,.ftc-caret:hover,.ftc-item.is-open > .ftc-split,.ftc-item.is-open > .ftc-top-btn{background:var(--ftc-band-2)}
.ftc-chev{transition:transform .18s ease; flex:none}
[aria-expanded="true"] > .ftc-chev,[aria-expanded="true"] .ftc-chev{transform:rotate(180deg)}
.ftc-item.is-open > .ftc-split .ftc-top,.ftc-item.is-open > .ftc-top-btn{box-shadow:inset 0 -2px 0 var(--ftc-teal-on-band)}

.ftc-actions{display:flex; align-items:center; gap:10px; flex:none; margin-left:auto}
.ftc-icon-btn{width:44px; height:44px; display:inline-grid; place-items:center; border-radius:999px; background:none;
  border:1px solid var(--ftc-band-line); cursor:pointer; transition:background-color .15s,border-color .15s}
.ftc-icon-btn:hover,.ftc-icon-btn[aria-expanded="true"]{border-color:var(--ftc-band-fg); background:var(--ftc-band-2)}
.ftc-menu-toggle{display:none}
.ftc-menu-toggle .ftc-i-close{display:none}
.ftc-menu-toggle[aria-expanded="true"] .ftc-i-open{display:none}
.ftc-menu-toggle[aria-expanded="true"] .ftc-i-close{display:block}
.ftc-btn{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border-radius:999px;
  font-family:var(--ftc-font-display); font-weight:600; font-size:15px; white-space:nowrap; border:2px solid transparent; transition:background-color .15s}
.ftc-btn-cta{background:var(--ftc-cta); color:var(--ftc-cta-fg)!important}
.ftc-btn-cta:hover{background:var(--ftc-cta-hover)}
.ftc-btn-block{width:100%; min-height:50px; font-size:16px}
.ftc-no-js .ftc-js-only{display:none!important}

/* ---------- Panels (shared) ---------- */
[data-panel]{display:none}
.ftc-item.is-open > [data-panel]{display:block}
.ftc-no-js .ftc-item:hover > [data-panel],.ftc-no-js .ftc-item:focus-within > [data-panel]{display:block}

/* Small dropdowns: aligned to their parent, clamped into the viewport by JS (--ftc-shift) */
.ftc-dropdown{position:absolute; top:calc(100% + 10px); left:0; transform:translateX(var(--ftc-shift,0px)); min-width:260px;
  background:var(--ftc-surface); color:var(--ftc-fg); border:1px solid var(--ftc-line); border-radius:var(--ftc-radius-m);
  box-shadow:var(--ftc-shadow); padding:8px; z-index:5}
.ftc-dropdown::before{content:""; position:absolute; left:0; right:0; top:-12px; height:12px} /* hover bridge */
.ftc-dd-list a{display:grid; gap:1px; padding:10px 12px; border-radius:var(--ftc-radius-s); transition:background-color .12s}
.ftc-dd-list a:hover,.ftc-dd-list a:focus-visible{background:var(--ftc-teal-soft)}

.ftc-l{font-weight:600; font-size:15px; color:var(--ftc-fg)}
.ftc-d{font-size:13.5px; color:var(--ftc-muted); line-height:1.35}
.ftc-badge{display:inline-block; vertical-align:2px; margin-left:2px; padding:1px 7px; border-radius:999px; font-size:11px; font-weight:700;
  letter-spacing:.02em; color:var(--ftc-teal); border:1px solid currentColor; line-height:1.4}
.ftc-arrow{display:inline-block; transition:transform .15s}
a:hover > .ftc-arrow,a:focus-visible > .ftc-arrow{transform:translateX(3px)}

/* Mega menus: full width under the bar */
.ftc-mega{position:absolute; left:0; right:0; top:100%; background:var(--ftc-surface); color:var(--ftc-fg);
  border-bottom:1px solid var(--ftc-line); box-shadow:var(--ftc-shadow); max-height:calc(100dvh - var(--ftc-bar-h) - 16px); overflow:auto;
  overscroll-behavior:contain; z-index:2}
.ftc-header .ftc-item--mega{position:static}
.ftc-header .ftc-item--dd{position:relative}
.ftc-strip{display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; padding:18px 0 16px; border-bottom:1px solid var(--ftc-line)}
.ftc-strip-label,.ftc-row-label{font-family:var(--ftc-font-display); font-weight:600; font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--ftc-teal)}
.ftc-chips{display:flex; flex-wrap:wrap; gap:8px}
.ftc-chip{display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border-radius:999px; border:1px solid var(--ftc-line);
  background:var(--ftc-surface-2); color:var(--ftc-fg); font-size:14px; font-weight:500; transition:border-color .15s,color .15s,background-color .15s}
.ftc-chip:hover,.ftc-chip:focus-visible{border-color:var(--ftc-teal); color:var(--ftc-teal); background:var(--ftc-teal-soft)}
.ftc-mega-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.05fr); gap:28px; padding:24px 0}
.ftc-mega-grid--ind{grid-template-columns:minmax(0,3.3fr) minmax(0,1.05fr); padding-top:20px}
.ftc-ind-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 20px; align-content:start}
.ftc-ind{display:flex; align-items:flex-start; gap:12px; padding:12px; border-radius:var(--ftc-radius-m); transition:background-color .12s}
.ftc-ind:hover,.ftc-ind:focus-visible{background:var(--ftc-teal-soft)}
.ftc-ind-icon{flex:none; color:var(--ftc-teal); margin-top:1px}
.ftc-ind-text{display:grid; gap:2px; min-width:0}
.ftc-row-end{margin-left:auto}
.ftc-col-head{font-family:var(--ftc-font-display); font-weight:700; font-size:15px; margin-bottom:8px}
.ftc-col-head a{display:inline-block; padding:4px 8px; margin-left:-8px; border-radius:var(--ftc-radius-s)}
.ftc-col-head a:hover{background:var(--ftc-teal-soft); color:var(--ftc-teal)}
.ftc-col-head span{display:inline-block; padding:4px 0}
.ftc-col-desc{font-size:13.5px; color:var(--ftc-muted); margin:-6px 0 8px}
.ftc-links{display:grid; gap:2px}
.ftc-links a{display:grid; gap:1px; padding:8px; margin-inline:-8px; border-radius:var(--ftc-radius-s); transition:background-color .12s}
.ftc-links a:hover,.ftc-links a:focus-visible{background:var(--ftc-teal-soft)}
.ftc-links .ftc-all a{display:block; font-weight:600; font-size:14px; color:var(--ftc-teal); margin-top:4px}
.ftc-promo{background:var(--ftc-band); color:var(--ftc-band-fg); border-radius:var(--ftc-radius-m); padding:20px; display:flex; flex-direction:column; gap:8px; align-self:start}
.ftc-promo-eyebrow{font-size:12.5px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; color:var(--ftc-teal-on-band)}
.ftc-promo-title{font-family:var(--ftc-font-display); font-weight:700; font-size:20px; line-height:1.2}
.ftc-promo-text{font-size:14px; color:var(--ftc-band-muted)}
.ftc-promo-link{margin-top:6px; font-weight:600; font-size:14.5px; color:var(--ftc-teal-on-band)!important; align-self:flex-start; border-radius:4px}
.ftc-promo-link:hover{text-decoration:underline; text-underline-offset:3px}
.ftc-mega-foot{display:flex; flex-wrap:wrap; gap:8px 28px; padding:14px 0 18px; border-top:1px solid var(--ftc-line)}
.ftc-foot-link{font-size:14.5px; font-weight:600; color:var(--ftc-muted)!important; border-radius:4px}
.ftc-foot-link.is-primary{color:var(--ftc-teal)!important}
.ftc-foot-link:hover{color:var(--ftc-teal)!important}
.ftc-mega-rows{display:grid; gap:12px; padding:14px 0 18px; border-top:1px solid var(--ftc-line)}
.ftc-row-group{display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px}
.ftc-row-label{min-width:108px}
.ftc-inline{display:flex; flex-wrap:wrap; gap:6px 22px}
.ftc-inline a{font-weight:600; font-size:14.5px; padding:6px 0; border-radius:4px}
.ftc-inline a:hover{color:var(--ftc-teal)}

/* ---------- Search (same pattern as the homepage build) ---------- */
.ftc-search{display:none; position:absolute; left:0; right:0; top:100%; z-index:4; background:var(--ftc-band-2); border-bottom:1px solid var(--ftc-band-line);
  box-shadow:var(--ftc-shadow); opacity:0; transform:translateY(-6px); transition:opacity .18s ease,transform .18s ease}
.ftc-search.is-mounted{display:block}
.ftc-search.is-open{opacity:1; transform:none}
.ftc-search-inner{padding-top:14px; padding-bottom:14px}
.ftc-search-form{display:flex; align-items:center; gap:10px; background:var(--ftc-surface); color:var(--ftc-fg); border-radius:999px; padding:4px 6px 4px 16px; border:2px solid transparent}
.ftc-search-form:focus-within{border-color:var(--ftc-teal-on-band)}
.ftc-search-form > svg{flex:none; color:var(--ftc-muted)}
.ftc-search-form input{flex:1; min-width:0; border:0; background:transparent; color:var(--ftc-fg); font:inherit; font-size:17px; padding:10px 0; outline:none; -webkit-appearance:none; appearance:none; border-radius:0}
.ftc-search-form input::-webkit-search-cancel-button{-webkit-appearance:none}
.ftc-header .ftc-search-form input:focus-visible{outline:none} /* the pill shows focus via :focus-within */
.ftc-search-close{width:40px; height:40px; display:grid; place-items:center; border-radius:999px; border:0; background:none; color:var(--ftc-muted)!important; cursor:pointer}
.ftc-search-close:hover{background:var(--ftc-surface-2); color:var(--ftc-fg)!important}
.ftc-search-results{margin-top:8px; background:var(--ftc-surface); color:var(--ftc-fg); border-radius:var(--ftc-radius-m); border:1px solid var(--ftc-line);
  max-height:min(60vh,440px); overflow:auto; overscroll-behavior:contain}
.ftc-search-results ul{padding:6px}
.ftc-search-results li a{display:grid; grid-template-columns:auto minmax(0,1fr); gap:2px 12px; padding:10px 12px; border-radius:var(--ftc-radius-s)}
.ftc-search-results li a:hover,.ftc-search-results li[aria-selected="true"] a{background:var(--ftc-teal-soft)}
.ftc-result-type{grid-row:span 2; align-self:start; font-size:11.5px; font-weight:600; color:var(--ftc-teal); border:1px solid currentColor; border-radius:999px; padding:1px 8px; margin-top:3px; white-space:nowrap}
.ftc-result-title{font-weight:600}
.ftc-result-title mark{background:transparent; color:var(--ftc-teal); font-weight:700}
.ftc-result-excerpt{color:var(--ftc-muted); font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ftc-search-empty{padding:16px 18px; display:grid; gap:10px}
.ftc-search-empty[hidden]{display:none}
.ftc-search-empty p{color:var(--ftc-muted); font-size:14.5px}
.ftc-search-empty .ftc-chip{cursor:pointer; font-family:inherit}
.ftc-search-foot{border-top:1px solid var(--ftc-line); padding:8px 18px; font-size:13.5px; color:var(--ftc-muted)}
.ftc-search-foot:empty{display:none}

/* ---------- Mobile drawer ---------- */
.ftc-drawer{display:none}

/* ===================== Breakpoint: tablet & phone ===================== */
@media (max-width:1199.98px){
  .ftc-header{--ftc-bar-h:64px}
  .ftc-js .ftc-nav{display:none}
  .ftc-cta-desktop{display:none}
  .ftc-menu-toggle{display:inline-grid}
  .ftc-actions{gap:8px}
  .ftc-wrap{padding-left:max(16px,var(--ftc-safe-l)); padding-right:max(16px,var(--ftc-safe-r))}
  .ftc-brand img{height:36px}

  /* Full-width drawer, fixed under the bar, fills to the bottom edge */
  .ftc-js .ftc-drawer{position:fixed; left:0; right:0; top:var(--ftc-drawer-top,64px); bottom:0; z-index:1;
    background:var(--ftc-band); color:var(--ftc-band-fg); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
    flex-direction:column}
  .ftc-js .ftc-drawer.is-open{display:flex}
  .ftc-m-nav{flex:1 0 auto; padding:8px max(16px,var(--ftc-safe-r)) 8px max(16px,var(--ftc-safe-l))}
  .ftc-m-root > li{border-bottom:1px solid var(--ftc-band-line)}
  .ftc-m-trigger,.ftc-m-link{display:flex; align-items:center; justify-content:space-between; width:100%; min-height:56px; padding:0 4px;
    background:none; border:0; text-align:left; font-family:var(--ftc-font-display)!important; font-size:18px; font-weight:600; cursor:pointer}
  .ftc-m-trigger .ftc-chev{width:16px; height:16px}
  .ftc-m-panel{display:none; padding:0 4px 16px}
  .ftc-m-panel.is-open{display:block}
  .ftc-m-list > li > a{display:flex; align-items:center; min-height:44px; padding:0 0; font-size:16px}
  .ftc-m-overview a{color:var(--ftc-teal-on-band); font-weight:600}
  .ftc-m-group{padding:10px 0 4px}
  .ftc-m-group + .ftc-m-group{border-top:1px solid var(--ftc-band-line)}
  .ftc-m-group-title{font-family:var(--ftc-font-display); font-size:12.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--ftc-band-muted)}
  .ftc-m-group-title a,.ftc-m-group-title span{display:inline-flex; align-items:center; min-height:36px}
  .ftc-m-group-title a{color:var(--ftc-teal-on-band)}
  .ftc-m-sub a{display:flex; align-items:center; min-height:44px; font-size:16px; color:var(--ftc-band-fg)}
  .ftc-m-sub .ftc-badge{color:var(--ftc-teal-on-band)}
  .ftc-m-list a:active,.ftc-m-sub a:active,.ftc-m-trigger:active,.ftc-m-link:active{color:var(--ftc-teal-on-band)}
  .ftc-m-trigger[aria-expanded="true"]{color:var(--ftc-teal-on-band)}
  .ftc-m-ind{display:flex!important; align-items:center; gap:12px; min-height:48px!important}
  .ftc-m-ind .ftc-ind-icon{color:var(--ftc-teal-on-band)}
  .ftc-m-ind .ftc-badge{color:var(--ftc-teal-on-band)}
  .ftc-m-contact{display:grid; gap:12px; padding:20px 4px 8px}
  .ftc-m-contacts{display:grid; gap:2px}
  .ftc-m-contact-link{display:flex; align-items:center; gap:12px; min-height:44px; font-size:16px; color:var(--ftc-band-fg)!important}
  .ftc-m-contact-link svg{color:var(--ftc-teal-on-band)}
  .ftc-m-social{display:flex; flex-wrap:wrap; gap:8px}
  .ftc-m-social .ftc-social{width:44px; height:44px; border:1px solid var(--ftc-band-line)}
  .ftc-m-cta{position:sticky; bottom:0; padding:12px max(16px,var(--ftc-safe-r)) calc(12px + var(--ftc-safe-b)) max(16px,var(--ftc-safe-l));
    background:linear-gradient(to top,var(--ftc-band) 75%,rgba(15,30,51,0)); margin-top:auto}

  /* No-JS fallback: show the mobile list statically under the bar */
  .ftc-no-js .ftc-nav{display:none}
  .ftc-no-js .ftc-drawer{display:block}
  .ftc-no-js .ftc-m-panel{display:block}
  .ftc-no-js .ftc-m-trigger .ftc-chev{display:none}

  .ftc-search-form input{font-size:16px} /* 16px stops iOS zoom-on-focus */
  .ftc-result-excerpt{white-space:normal}
}
@media (min-width:1200px) and (max-width:1399.98px){
  .ftc-tb-tag > span:first-child,.ftc-tb-sep{display:none}
}
@media (max-width:1199.98px){
  .ftc-tb-tag{display:none}
  .ftc-tb-right{width:100%; justify-content:space-between}
}
@media (max-width:767.98px){
  .ftc-header{--ftc-tb-h:0px}
  .ftc-topbar{display:none} /* contact + social move into the drawer */
}
@media (max-width:379.98px){
  .ftc-brand img{height:32px}
  .ftc-actions{gap:6px}
  .ftc-icon-btn{width:42px; height:42px}
}
@media (min-width:1200px) and (max-width:1319.98px){
  .ftc-top{padding:0 9px; font-size:15px}
  .ftc-split .ftc-top{padding-right:2px}
  .ftc-btn.ftc-cta-desktop{padding:0 16px; font-size:14.5px}
  .ftc-row{gap:12px}
}

/* Body scroll lock while the mobile drawer is open */
html.ftc-lock,html.ftc-lock body{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .ftc-header *,.ftc-header *::before,.ftc-header *::after{transition:none!important; animation:none!important}
}
@media (forced-colors:active){
  .ftc-badge,.ftc-chip,.ftc-icon-btn{border:1px solid CanvasText}
}