/* Synavistra Design System — shared across marketing site and portal */
/* Source of truth: synavistra.css.ts must match this file byte-for-byte */
/* Run: npm run test:workers to verify sync */
:root {
  /* Colors - Synavistra Palette (Dark Theme) */
  --navy: #1b263b;
  --teal: #1fb9e8;
  --coral: #ff9575;
  --slate: #95a8b8;
  --off-white: #fafafa;

  /* Semantic Colors */
  --primary: var(--teal);
  --secondary: var(--coral);
  --accent: var(--slate);
  --text-primary: #f5f5f5;
  --text-secondary: #95a8b8;
  --border-color: #444;
  --bg-primary: #1b263b;
  --bg-secondary: #2c3e50;

  /* Button Text Colors */
  --btn-text-on-teal: #0a1929;
  --btn-text-on-coral: #1b1210;
  --btn-text-on-warning: #ffffff;
  --btn-text-on-caution: #1b1210;
  --btn-text-on-danger: #1b1210;
  --text-on-bg-secondary: #9cb2c2;

  /* Status Colors */
  --warning: #dc3545;  /* Red - matches variables.css */
  --danger: #ff5252;
  --caution: #ffc107;

  /* Typography */
  --font-serif: 'Noto Serif', Georgia, serif;
  --font-sans: 'Noto Sans', Arial, sans-serif;
  --font-mono: 'Noto Mono', 'Courier New', monospace;

  /* Transitions */
  --transition-speed: 0.3s;
  --transition-fast: 0.2s;
  --transition-ease: ease;
}
/* Body base styles */
body {
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
  padding: 0;
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
/* Chrome Link - header/footer navigation links (muted default, teal on hover) */
.chrome-link {
  font-family: var(--font-serif);
  text-decoration: none;
  color: var(--text-secondary);
  transition: color var(--transition-fast) var(--transition-ease);
}
.chrome-link:hover {
  color: var(--teal);
  text-decoration: underline;
}
/* Brand modifier - logo link (teal default, coral hover, condensed) */
.chrome-link--brand {
  font-size: 1.5rem;
  font-weight: 700;
  font-stretch: 87.5%;
  letter-spacing: -0.02em;
  color: var(--teal);
}
.chrome-link--brand:hover {
  color: var(--coral);
  text-decoration: none;
}
/* Header Layout */
.site-header {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--border-color);
  width: 100%;
}
.header-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0.5rem;
  gap: 0.125rem;
}
.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.logo-with-lang {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-controls span {
  font-size: 0.85rem;
  color: var(--text-secondary);
}
/* Navigation Menu */
.nav-menu {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 0.5rem 0;
  list-style: none;
  margin: 0;
}
/* Header action buttons (Profile, Logout, Login) — no container padding */
.header-actions {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.nav-menu a,
.header-actions a {
  color: var(--teal);
  text-decoration: none;
  border: 1px solid var(--teal);
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  font-weight: 500;
  transition: all var(--transition-fast) var(--transition-ease);
  font-family: var(--font-sans);
  font-size: 1rem;
}
.nav-menu a:hover,
.header-actions a:hover {
  background-color: var(--teal);
  color: var(--btn-text-on-teal);
  text-decoration: none;
}
.nav-menu a.active,
.header-actions a.active {
  background-color: var(--coral);
  color: var(--btn-text-on-coral);
  border-color: var(--coral);
}
.nav-menu a.active:hover,
.header-actions a.active:hover {
  background-color: var(--coral);
  color: var(--btn-text-on-coral);
  border-color: var(--coral);
}
/* Logout Button Variant */
.nav-menu a.logout-btn,
.header-actions a.logout-btn {
  border-color: var(--coral);
  color: var(--coral);
}
.nav-menu a.logout-btn:hover,
.header-actions a.logout-btn:hover {
  background-color: var(--coral);
  color: var(--btn-text-on-coral);
}
/* Footer Layout */
.site-footer {
  background-color: var(--bg-secondary);
  border-top: 1px solid var(--border-color);
  margin-top: auto;
  padding: 2rem 0;
}
.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-copyright {
  text-align: left;
  margin: 0;
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.footer-nav {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
}
.footer-nav a {
  font-size: 0.9rem;
}
.footer-origin {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin: 0.5rem auto 0 auto;
  text-align: center;
  letter-spacing: 0.05em;
}
.build-info {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin: 0.5rem auto 0 auto;
  text-align: center;
}
/* Responsive Footer */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    gap: 1rem;
  }

  .footer-copyright {
    text-align: center;
  }

  .footer-nav {
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media (max-width: 480px) {
  .footer-nav {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
}
/* Container — shared page content wrapper */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 0.5rem;
  box-sizing: border-box;
}
/* Typography — shared heading and text styles */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 600;
  line-height: 1.2;
  margin: 1.5rem 0 0.5rem 0;
  color: var(--text-primary);
}
h1 {
  font-size: 2.5rem;
  font-weight: 700;
}
h2 {
  font-size: 1.875rem;
  color: var(--teal);
}
h3 {
  font-size: 1.375rem;
  color: var(--teal);
}
.intro-text {
  text-align: left;
  font-size: 1.1rem;
  color: var(--text-secondary);
  margin-bottom: 2rem;
}
/* Card - shared content section styling
   Card-accent cascade: variants set --card-accent + --card-accent-text,
   children (border, h2/h3, .btn) inherit automatically. */
.card {
  --card-accent: var(--teal);
  --card-accent-text: var(--btn-text-on-teal);
  --card-btn-hover: var(--coral);
  --card-btn-hover-text: var(--btn-text-on-coral);
  padding: 2rem;
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-radius: 4px;
  border-left: 4px solid var(--card-accent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  margin: 3rem 0;
}
.card h2 {
  color: var(--card-accent);
  margin-top: 0;
}
/* Card color variants */
.card.coral   { --card-accent: var(--coral);   --card-accent-text: var(--btn-text-on-coral); --card-btn-hover: var(--teal); --card-btn-hover-text: var(--btn-text-on-teal); }
.card.caution { --card-accent: var(--caution); --card-accent-text: var(--btn-text-on-caution); }
.card.danger  { --card-accent: var(--danger);  --card-accent-text: var(--btn-text-on-danger); }
/* Subcard — nested card with its own accent scope */
.subcard {
  --card-accent: var(--teal);
  --card-accent-text: var(--btn-text-on-teal);
  --card-btn-hover: var(--coral);
  --card-btn-hover-text: var(--btn-text-on-coral);
  padding: 2rem;
  background-color: var(--bg-secondary);
  color: var(--slate);
  border-radius: 4px;
  border-left: 4px solid var(--card-accent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  margin-top: 1.5rem;
}
.subcard h3,
.subcard h4 {
  margin-top: 0;
  color: var(--card-accent);
}
.card .btn,
.subcard .btn {
  background: var(--card-accent);
  color: var(--card-accent-text);
}
.card .btn:hover,
.subcard .btn:hover {
  background: var(--card-btn-hover);
  color: var(--card-btn-hover-text);
}
/* Subcard color variants */
.subcard.export      { --card-accent: var(--coral);   --card-accent-text: var(--btn-text-on-coral); --card-btn-hover: var(--teal); --card-btn-hover-text: var(--btn-text-on-teal); }
.subcard.caution     { --card-accent: var(--caution); --card-accent-text: var(--btn-text-on-caution); }
.subcard.danger-zone { --card-accent: var(--danger);  --card-accent-text: var(--btn-text-on-danger); }
/* Unified icon system — ::before pseudo-element with SVG mask */
.icon::before {
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.3em;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.icon-showcases::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M323-160q-11%200-20.5-5.5T288-181l-78-139h58l40%2080h92v-40h-68l-40-80H188l-57-100q-2-5-3.5-10t-1.5-10q0-4%205-20l57-100h104l40-80h68v-40h-92l-40%2080h-58l78-139q5-10%2014.5-15.5T323-800h97q17%200%2028.5%2011.5T460-760v160h-60l-40%2040h100v120h-88l-40-80h-92l-40%2040h108l40%2080h112v200q0%2017-11.5%2028.5T420-160h-97Zm237%200q-33%200-56.5-23.5T480-240q0-23%2011-40.5t29-28.5v-342q-18-11-29-28.5T480-720q0-33%2023.5-56.5T560-800q33%200%2056.5%2023.5T640-720q0%2023-11%2040.5T600-651v101l80-48q0-34%2023.5-58t56.5-24q33%200%2056.5%2023.5T840-600q0%2033-23.5%2056.5T760-520q-11%200-20.5-2.5T721-530l-91%2055%20101%2080q7-3%2014-4t15-1q33%200%2056.5%2023.5T840-320q0%2033-23.5%2056.5T760-240q-37%200-60.5-28T681-332l-81-65v89q18%2011%2028.5%2028.5T639-240q0%2033-23%2056.5T560-160Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M323-160q-11%200-20.5-5.5T288-181l-78-139h58l40%2080h92v-40h-68l-40-80H188l-57-100q-2-5-3.5-10t-1.5-10q0-4%205-20l57-100h104l40-80h68v-40h-92l-40%2080h-58l78-139q5-10%2014.5-15.5T323-800h97q17%200%2028.5%2011.5T460-760v160h-60l-40%2040h100v120h-88l-40-80h-92l-40%2040h108l40%2080h112v200q0%2017-11.5%2028.5T420-160h-97Zm237%200q-33%200-56.5-23.5T480-240q0-23%2011-40.5t29-28.5v-342q-18-11-29-28.5T480-720q0-33%2023.5-56.5T560-800q33%200%2056.5%2023.5T640-720q0%2023-11%2040.5T600-651v101l80-48q0-34%2023.5-58t56.5-24q33%200%2056.5%2023.5T840-600q0%2033-23.5%2056.5T760-520q-11%200-20.5-2.5T721-530l-91%2055%20101%2080q7-3%2014-4t15-1q33%200%2056.5%2023.5T840-320q0%2033-23.5%2056.5T760-240q-37%200-60.5-28T681-332l-81-65v89q18%2011%2028.5%2028.5T639-240q0%2033-23%2056.5T560-160Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-login::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-120v-80h280v-560H480v-80h280q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H480Zm-80-160-55-58%20102-102H120v-80h327L345-622l55-58%20200%20200-200%20200Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-120v-80h280v-560H480v-80h280q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H480Zm-80-160-55-58%20102-102H120v-80h327L345-622l55-58%20200%20200-200%20200Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-logout::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h280v80H200Zm440-160-55-58%20102-102H360v-80h327L585-622l55-58%20200%20200-200%20200Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h280v80H200Zm440-160-55-58%20102-102H360v-80h327L585-622l55-58%20200%20200-200%20200Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-profile::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M200-246q54-53%20125.5-83.5T480-360q83%200%20154.5%2030.5T760-246v-514H200v514Zm379-235q41-41%2041-99t-41-99q-41-41-99-41t-99%2041q-41%2041-41%2099t41%2099q41%2041%2099%2041t99-41ZM200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H200Zm69-80h422q-44-39-99.5-59.5T480-280q-56%200-112.5%2020.5T269-200Zm168.5-337.5Q420-555%20420-580t17.5-42.5Q455-640%20480-640t42.5%2017.5Q540-605%20540-580t-17.5%2042.5Q505-520%20480-520t-42.5-17.5ZM480-503Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M200-246q54-53%20125.5-83.5T480-360q83%200%20154.5%2030.5T760-246v-514H200v514Zm379-235q41-41%2041-99t-41-99q-41-41-99-41t-99%2041q-41%2041-41%2099t41%2099q41%2041%2099%2041t99-41ZM200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H200Zm69-80h422q-44-39-99.5-59.5T480-280q-56%200-112.5%2020.5T269-200Zm168.5-337.5Q420-555%20420-580t17.5-42.5Q455-640%20480-640t42.5%2017.5Q540-605%20540-580t-17.5%2042.5Q505-520%20480-520t-42.5-17.5ZM480-503Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-download::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-320%20280-520l56-58%20104%20104v-326h80v326l104-104%2056%2058-200%20200ZM240-160q-33%200-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0%2033-23.5%2056.5T720-160H240Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-320%20280-520l56-58%20104%20104v-326h80v326l104-104%2056%2058-200%20200ZM240-160q-33%200-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0%2033-23.5%2056.5T720-160H240Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-view::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M607.5-372.5Q660-425%20660-500t-52.5-127.5Q555-680%20480-680t-127.5%2052.5Q300-575%20300-500t52.5%20127.5Q405-320%20480-320t127.5-52.5Zm-204-51Q372-455%20372-500t31.5-76.5Q435-608%20480-608t76.5%2031.5Q588-545%20588-500t-31.5%2076.5Q525-392%20480-392t-76.5-31.5ZM214-281.5Q94-363%2040-500q54-137%20174-218.5T480-800q146%200%20266%2081.5T920-500q-54%20137-174%20218.5T480-200q-146%200-266-81.5ZM480-500Zm207.5%20160.5Q782-399%20832-500q-50-101-144.5-160.5T480-720q-113%200-207.5%2059.5T128-500q50%20101%20144.5%20160.5T480-280q113%200%20207.5-59.5Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M607.5-372.5Q660-425%20660-500t-52.5-127.5Q555-680%20480-680t-127.5%2052.5Q300-575%20300-500t52.5%20127.5Q405-320%20480-320t127.5-52.5Zm-204-51Q372-455%20372-500t31.5-76.5Q435-608%20480-608t76.5%2031.5Q588-545%20588-500t-31.5%2076.5Q525-392%20480-392t-76.5-31.5ZM214-281.5Q94-363%2040-500q54-137%20174-218.5T480-800q146%200%20266%2081.5T920-500q-54%20137-174%20218.5T480-200q-146%200-266-81.5ZM480-500Zm207.5%20160.5Q782-399%20832-500q-50-101-144.5-160.5T480-720q-113%200-207.5%2059.5T128-500q50%20101%20144.5%20160.5T480-280q113%200%20207.5-59.5Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-secret::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8%2034.5-12t37.5-4q75%200%20127.5%2052.5T660-500q0%2020-4%2037.5T644-428Zm128%20126-58-56q38-29%2067.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29%200-57%204t-55%2012l-62-62q41-17%2084-25.5t90-8.5q151%200%20269%2083.5T920-500q-23%2059-60.5%20109.5T772-302Zm20%20246L624-222q-35%2011-70.5%2016.5T480-200q-151%200-269-83.5T40-500q21-53%2053-98.5t73-81.5L56-792l56-56%20736%20736-56%2056ZM222-624q-29%2026-53%2057t-41%2067q50%20101%20143.5%20160.5T480-280q20%200%2039-2.5t39-5.5l-36-38q-11%203-21%204.5t-21%201.5q-75%200-127.5-52.5T300-500q0-11%201.5-21t4.5-21l-84-82Zm319%2093Zm-151%2075Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8%2034.5-12t37.5-4q75%200%20127.5%2052.5T660-500q0%2020-4%2037.5T644-428Zm128%20126-58-56q38-29%2067.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29%200-57%204t-55%2012l-62-62q41-17%2084-25.5t90-8.5q151%200%20269%2083.5T920-500q-23%2059-60.5%20109.5T772-302Zm20%20246L624-222q-35%2011-70.5%2016.5T480-200q-151%200-269-83.5T40-500q21-53%2053-98.5t73-81.5L56-792l56-56%20736%20736-56%2056ZM222-624q-29%2026-53%2057t-41%2067q50%20101%20143.5%20160.5T480-280q20%200%2039-2.5t39-5.5l-36-38q-11%203-21%204.5t-21%201.5q-75%200-127.5-52.5T300-500q0-11%201.5-21t4.5-21l-84-82Zm319%2093Zm-151%2075Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-lock::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M240-80q-33%200-56.5-23.5T160-160v-400q0-33%2023.5-56.5T240-640h40v-80q0-83%2058.5-141.5T480-920q83%200%20141.5%2058.5T680-720v80h40q33%200%2056.5%2023.5T800-560v400q0%2033-23.5%2056.5T720-80H240Zm0-80h480v-400H240v400Zm296.5-143.5Q560-327%20560-360t-23.5-56.5Q513-440%20480-440t-56.5%2023.5Q400-393%20400-360t23.5%2056.5Q447-280%20480-280t56.5-23.5ZM360-640h240v-80q0-50-35-85t-85-35q-50%200-85%2035t-35%2085v80ZM240-160v-400%20400Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M240-80q-33%200-56.5-23.5T160-160v-400q0-33%2023.5-56.5T240-640h40v-80q0-83%2058.5-141.5T480-920q83%200%20141.5%2058.5T680-720v80h40q33%200%2056.5%2023.5T800-560v400q0%2033-23.5%2056.5T720-80H240Zm0-80h480v-400H240v400Zm296.5-143.5Q560-327%20560-360t-23.5-56.5Q513-440%20480-440t-56.5%2023.5Q400-393%20400-360t23.5%2056.5Q447-280%20480-280t56.5-23.5ZM360-640h240v-80q0-50-35-85t-85-35q-50%200-85%2035t-35%2085v80ZM240-160v-400%20400Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-delete::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m376-300%20104-104%20104%20104%2056-56-104-104%20104-104-56-56-104%20104-104-104-56%2056%20104%20104-104%20104%2056%2056Zm-96%20180q-33%200-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0%2033-23.5%2056.5T680-120H280Zm400-600H280v520h400v-520Zm-400%200v520-520Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m376-300%20104-104%20104%20104%2056-56-104-104%20104-104-56-56-104%20104-104-104-56%2056%20104%20104-104%20104%2056%2056Zm-96%20180q-33%200-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0%2033-23.5%2056.5T680-120H280Zm400-600H280v520h400v-520Zm-400%200v520-520Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-learner::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M123-440q-1-10-1.5-20t-.5-20q0-75%2028-140.5t77-114q49-48.5%20114-77T480-840q75%200%20140.5%2028.5t114%2077q48.5%2048.5%2077%20114T840-480q0%2010-.5%2020t-1.5%2020h-81q2-10%202.5-20t.5-20q0-10-.5-20t-2.5-20H639q1%2010%201%2020v40q0%2010-1%2020h-79v-33q0-12-.5-24t-1.5-23H403q-1%2011-1.5%2023t-.5%2024v33h-79q-1-10-1-20v-40q0-10%201-20H204q-2%2010-2.5%2020t-.5%2020q0%2010%20.5%2020t2.5%2020h-81Zm105-160h103q8-43%2020-77.5t26-62.5q-48%2018-87%2054.5T228-600Zm186%200h132q-10-43-25-84t-41-76q-26%2035-41.5%2076T414-600Zm216%200h103q-23-49-62.5-85.5T583-740q14%2030%2026.5%2063.5T630-600ZM440-120v-40q0-50-35-85t-85-35H80v-80h240q48%200%2089.5%2021t70.5%2059q29-38%2070.5-59t89.5-21h240v80H640q-50%200-85%2035t-35%2085v40h-80Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M123-440q-1-10-1.5-20t-.5-20q0-75%2028-140.5t77-114q49-48.5%20114-77T480-840q75%200%20140.5%2028.5t114%2077q48.5%2048.5%2077%20114T840-480q0%2010-.5%2020t-1.5%2020h-81q2-10%202.5-20t.5-20q0-10-.5-20t-2.5-20H639q1%2010%201%2020v40q0%2010-1%2020h-79v-33q0-12-.5-24t-1.5-23H403q-1%2011-1.5%2023t-.5%2024v33h-79q-1-10-1-20v-40q0-10%201-20H204q-2%2010-2.5%2020t-.5%2020q0%2010%20.5%2020t2.5%2020h-81Zm105-160h103q8-43%2020-77.5t26-62.5q-48%2018-87%2054.5T228-600Zm186%200h132q-10-43-25-84t-41-76q-26%2035-41.5%2076T414-600Zm216%200h103q-23-49-62.5-85.5T583-740q14%2030%2026.5%2063.5T630-600ZM440-120v-40q0-50-35-85t-85-35H80v-80h240q48%200%2089.5%2021t70.5%2059q29-38%2070.5-59t89.5-21h240v80H640q-50%200-85%2035t-35%2085v40h-80Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-warning::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M330-120%20120-330v-300l210-210h300l210%20210v300L630-120H330Zm36-190%20114-114%20114%20114%2056-56-114-114%20114-114-56-56-114%20114-114-114-56%2056%20114%20114-114%20114%2056%2056Zm-2%20110h232l164-164v-232L596-760H364L200-596v232l164%20164Zm116-280Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M330-120%20120-330v-300l210-210h300l210%20210v300L630-120H330Zm36-190%20114-114%20114%20114%2056-56-114-114%20114-114-56-56-114%20114-114-114-56%2056%20114%20114-114%20114%2056%2056Zm-2%20110h232l164-164v-232L596-760H364L200-596v232l164%20164Zm116-280Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-caution::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m40-120%20440-760%20440%20760H40Zm138-80h604L480-720%20178-200Zm302-40q17%200%2028.5-11.5T520-280q0-17-11.5-28.5T480-320q-17%200-28.5%2011.5T440-280q0%2017%2011.5%2028.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m40-120%20440-760%20440%20760H40Zm138-80h604L480-720%20178-200Zm302-40q17%200%2028.5-11.5T520-280q0-17-11.5-28.5T480-320q-17%200-28.5%2011.5T440-280q0%2017%2011.5%2028.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-privacy::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M680-280q25%200%2042.5-17.5T740-340q0-25-17.5-42.5T680-400q-25%200-42.5%2017.5T620-340q0%2025%2017.5%2042.5T680-280Zm0%20120q31%200%2057-14.5t42-38.5q-22-13-47-20t-52-7q-27%200-52%207t-47%2020q16%2024%2042%2038.5t57%2014.5ZM480-80q-139-35-229.5-159.5T160-516v-244l320-120%20320%20120v227q-19-8-39-14.5t-41-9.5v-147l-240-90-240%2090v188q0%2047%2012.5%2094t35%2089.5Q310-290%20342-254t71%2060q11%2032%2029%2061t41%2052q-1%200-1.5.5t-1.5.5Zm200%200q-83%200-141.5-58.5T480-280q0-83%2058.5-141.5T680-480q83%200%20141.5%2058.5T880-280q0%2083-58.5%20141.5T680-80ZM480-494Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M680-280q25%200%2042.5-17.5T740-340q0-25-17.5-42.5T680-400q-25%200-42.5%2017.5T620-340q0%2025%2017.5%2042.5T680-280Zm0%20120q31%200%2057-14.5t42-38.5q-22-13-47-20t-52-7q-27%200-52%207t-47%2020q16%2024%2042%2038.5t57%2014.5ZM480-80q-139-35-229.5-159.5T160-516v-244l320-120%20320%20120v227q-19-8-39-14.5t-41-9.5v-147l-240-90-240%2090v188q0%2047%2012.5%2094t35%2089.5Q310-290%20342-254t71%2060q11%2032%2029%2061t41%2052q-1%200-1.5.5t-1.5.5Zm200%200q-83%200-141.5-58.5T480-280q0-83%2058.5-141.5T680-480q83%200%20141.5%2058.5T880-280q0%2083-58.5%20141.5T680-80ZM480-494Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-person::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M234-276q51-39%20114-61.5T480-360q69%200%20132%2022.5T726-276q35-41%2054.5-93T800-480q0-133-93.5-226.5T480-800q-133%200-226.5%2093.5T160-480q0%2059%2019.5%20111t54.5%2093Zm246-164q-59%200-99.5-40.5T340-580q0-59%2040.5-99.5T480-720q59%200%2099.5%2040.5T620-580q0%2059-40.5%2099.5T480-440Zm0%20360q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q53%200%20100-15.5t86-44.5q-39-29-86-44.5T480-280q-53%200-100%2015.5T294-220q39%2029%2086%2044.5T480-160Zm0-360q26%200%2043-17t17-43q0-26-17-43t-43-17q-26%200-43%2017t-17%2043q0%2026%2017%2043t43%2017Zm0-60Zm0%20360Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M234-276q51-39%20114-61.5T480-360q69%200%20132%2022.5T726-276q35-41%2054.5-93T800-480q0-133-93.5-226.5T480-800q-133%200-226.5%2093.5T160-480q0%2059%2019.5%20111t54.5%2093Zm246-164q-59%200-99.5-40.5T340-580q0-59%2040.5-99.5T480-720q59%200%2099.5%2040.5T620-580q0%2059-40.5%2099.5T480-440Zm0%20360q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q53%200%20100-15.5t86-44.5q-39-29-86-44.5T480-280q-53%200-100%2015.5T294-220q39%2029%2086%2044.5T480-160Zm0-360q26%200%2043-17t17-43q0-26-17-43t-43-17q-26%200-43%2017t-17%2043q0%2026%2017%2043t43%2017Zm0-60Zm0%20360Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-services::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M475-160q4%200%208-2t6-4l328-328q12-12%2017.5-27t5.5-30q0-16-5.5-30.5T817-607L647-777q-11-12-25.5-17.5T591-800q-15%200-30%205.5T534-777l-11%2011%2074%2075q15%2014%2022%2032t7%2038q0%2042-28.5%2070.5T527-522q-20%200-38.5-7T456-550l-75-74-175%20175q-3%203-4.5%206.5T200-435q0%208%206%2014.5t14%206.5q4%200%208-2t6-4l136-136%2056%2056-135%20136q-3%203-4.5%206.5T285-350q0%208%206%2014t14%206q4%200%208-2t6-4l136-135%2056%2056-135%20136q-3%202-4.5%206t-1.5%208q0%208%206%2014t14%206q4%200%207.5-1.5t6.5-4.5l136-135%2056%2056-136%20136q-3%203-4.5%206.5T454-180q0%208%206.5%2014t14.5%206Zm-1%2080q-37%200-65.5-24.5T375-166q-34-5-57-28t-28-57q-34-5-56.5-28.5T206-336q-38-5-62-33t-24-66q0-20%207.5-38.5T149-506l232-231%20131%20131q2%203%206%204.5t8%201.5q9%200%2015-5.5t6-14.5q0-4-1.5-8t-4.5-6L398-777q-11-12-25.5-17.5T342-800q-15%200-30%205.5T285-777L144-635q-9%209-15%2021t-8%2024q-2%2012%200%2024.5t8%2023.5l-58%2058q-17-23-25-50.5T40-590q2-28%2014-54.5T87-692l141-141q24-23%2053.5-35t60.5-12q31%200%2060.5%2012t52.5%2035l11%2011%2011-11q24-23%2053.5-35t60.5-12q31%200%2060.5%2012t52.5%2035l169%20169q23%2023%2035%2053t12%2061q0%2031-12%2060.5T873-437L545-110q-14%2014-32.5%2022T474-80Zm-99-560Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M475-160q4%200%208-2t6-4l328-328q12-12%2017.5-27t5.5-30q0-16-5.5-30.5T817-607L647-777q-11-12-25.5-17.5T591-800q-15%200-30%205.5T534-777l-11%2011%2074%2075q15%2014%2022%2032t7%2038q0%2042-28.5%2070.5T527-522q-20%200-38.5-7T456-550l-75-74-175%20175q-3%203-4.5%206.5T200-435q0%208%206%2014.5t14%206.5q4%200%208-2t6-4l136-136%2056%2056-135%20136q-3%203-4.5%206.5T285-350q0%208%206%2014t14%206q4%200%208-2t6-4l136-135%2056%2056-135%20136q-3%202-4.5%206t-1.5%208q0%208%206%2014t14%206q4%200%207.5-1.5t6.5-4.5l136-135%2056%2056-136%20136q-3%203-4.5%206.5T454-180q0%208%206.5%2014t14.5%206Zm-1%2080q-37%200-65.5-24.5T375-166q-34-5-57-28t-28-57q-34-5-56.5-28.5T206-336q-38-5-62-33t-24-66q0-20%207.5-38.5T149-506l232-231%20131%20131q2%203%206%204.5t8%201.5q9%200%2015-5.5t6-14.5q0-4-1.5-8t-4.5-6L398-777q-11-12-25.5-17.5T342-800q-15%200-30%205.5T285-777L144-635q-9%209-15%2021t-8%2024q-2%2012%200%2024.5t8%2023.5l-58%2058q-17-23-25-50.5T40-590q2-28%2014-54.5T87-692l141-141q24-23%2053.5-35t60.5-12q31%200%2060.5%2012t52.5%2035l11%2011%2011-11q24-23%2053.5-35t60.5-12q31%200%2060.5%2012t52.5%2035l169%20169q23%2023%2035%2053t12%2061q0%2031-12%2060.5T873-437L545-110q-14%2014-32.5%2022T474-80Zm-99-560Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-products::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-183v-274L200-596v274l240%20139Zm80%200%20240-139v-274L520-457v274Zm-80%2092L160-252q-19-11-29.5-29T120-321v-318q0-22%2010.5-40t29.5-29l280-161q19-11%2040-11t40%2011l280%20161q19%2011%2029.5%2029t10.5%2040v318q0%2022-10.5%2040T800-252L520-91q-19%2011-40%2011t-40-11Zm200-528%2077-44-237-137-78%2045%20238%20136Zm-160%2093%2078-45-237-137-78%2045%20237%20137Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-183v-274L200-596v274l240%20139Zm80%200%20240-139v-274L520-457v274Zm-80%2092L160-252q-19-11-29.5-29T120-321v-318q0-22%2010.5-40t29.5-29l280-161q19-11%2040-11t40%2011l280%20161q19%2011%2029.5%2029t10.5%2040v318q0%2022-10.5%2040T800-252L520-91q-19%2011-40%2011t-40-11Zm200-528%2077-44-237-137-78%2045%20238%20136Zm-160%2093%2078-45-237-137-78%2045%20237%20137Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-contact::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m480-80-10-120h-10q-142%200-241-99t-99-241q0-142%2099-241t241-99q71%200%20132.5%2026.5t108%2073q46.5%2046.5%2073%20108T800-540q0%2075-24.5%20144t-67%20128q-42.5%2059-101%20107T480-80Zm80-146q71-60%20115.5-140.5T720-540q0-109-75.5-184.5T460-800q-109%200-184.5%2075.5T200-540q0%20109%2075.5%20184.5T460-280h100v54Zm-72-107q12-12%2012-29t-12-29q-12-12-29-12t-29%2012q-12%2012-12%2029t12%2029q12%2012%2029%2012t29-12Zm-58-115h60q0-30%206-42t38-44q18-18%2030-39t12-45q0-51-34.5-76.5T460-720q-44%200-74%2024.5T344-636l56%2022q5-17%2019-33.5t41-16.5q27%200%2040.5%2015t13.5%2033q0%2017-10%2030.5T480-558q-35%2030-42.5%2047.5T430-448Zm30-65Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m480-80-10-120h-10q-142%200-241-99t-99-241q0-142%2099-241t241-99q71%200%20132.5%2026.5t108%2073q46.5%2046.5%2073%20108T800-540q0%2075-24.5%20144t-67%20128q-42.5%2059-101%20107T480-80Zm80-146q71-60%20115.5-140.5T720-540q0-109-75.5-184.5T460-800q-109%200-184.5%2075.5T200-540q0%20109%2075.5%20184.5T460-280h100v54Zm-72-107q12-12%2012-29t-12-29q-12-12-29-12t-29%2012q-12%2012-12%2029t12%2029q12%2012%2029%2012t29-12Zm-58-115h60q0-30%206-42t38-44q18-18%2030-39t12-45q0-51-34.5-76.5T460-720q-44%200-74%2024.5T344-636l56%2022q5-17%2019-33.5t41-16.5q27%200%2040.5%2015t13.5%2033q0%2017-10%2030.5T480-558q-35%2030-42.5%2047.5T430-448Zm30-65Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-about::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-280h80v-240h-80v240Zm68.5-331.5Q520-623%20520-640t-11.5-28.5Q497-680%20480-680t-28.5%2011.5Q440-657%20440-640t11.5%2028.5Q463-600%20480-600t28.5-11.5ZM480-80q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-280h80v-240h-80v240Zm68.5-331.5Q520-623%20520-640t-11.5-28.5Q497-680%20480-680t-28.5%2011.5Q440-657%20440-640t11.5%2028.5Q463-600%20480-600t28.5-11.5ZM480-80q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-admin::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M380.5-480.5Q340-521%20340-580t40.5-99.5Q421-720%20480-720t99.5%2040.5Q620-639%20620-580t-40.5%2099.5Q539-440%20480-440t-99.5-40.5ZM523-537q17-17%2017-43t-17-43q-17-17-43-17t-43%2017q-17%2017-17%2043t17%2043q17%2017%2043%2017t43-17ZM480-80q-139-35-229.5-159.5T160-516v-244l320-120%20320%20120v244q0%20152-90.5%20276.5T480-80Zm0-400Zm0-315-240%2090v189q0%2054%2015%20105t41%2096q42-21%2088-33t96-12q50%200%2096%2012t88%2033q26-45%2041-96t15-105v-189l-240-90Zm-70%20523q-34%208-65%2022%2029%2030%2063%2052t72%2034q38-12%2072-34t63-52q-31-14-65-22t-70-8q-36%200-70%208Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M380.5-480.5Q340-521%20340-580t40.5-99.5Q421-720%20480-720t99.5%2040.5Q620-639%20620-580t-40.5%2099.5Q539-440%20480-440t-99.5-40.5ZM523-537q17-17%2017-43t-17-43q-17-17-43-17t-43%2017q-17%2017-17%2043t17%2043q17%2017%2043%2017t43-17ZM480-80q-139-35-229.5-159.5T160-516v-244l320-120%20320%20120v244q0%20152-90.5%20276.5T480-80Zm0-400Zm0-315-240%2090v189q0%2054%2015%20105t41%2096q42-21%2088-33t96-12q50%200%2096%2012t88%2033q26-45%2041-96t15-105v-189l-240-90Zm-70%20523q-34%208-65%2022%2029%2030%2063%2052t72%2034q38-12%2072-34t63-52q-31-14-65-22t-70-8q-36%200-70%208Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-licensee::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M395-475q-35-35-35-85t35-85q35-35%2085-35t85%2035q35%2035%2035%2085t-35%2085q-35%2035-85%2035t-85-35ZM240-40v-309q-38-42-59-96t-21-115q0-134%2093-227t227-93q134%200%20227%2093t93%20227q0%2061-21%20115t-59%2096v309l-240-80-240%2080Zm410-350q70-70%2070-170t-70-170q-70-70-170-70t-170%2070q-70%2070-70%20170t70%20170q70%2070%20170%2070t170-70ZM320-159l160-41%20160%2041v-124q-35%2020-75.5%2031.5T480-240q-44%200-84.5-11.5T320-283v124Zm160-62Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M395-475q-35-35-35-85t35-85q35-35%2085-35t85%2035q35%2035%2035%2085t-35%2085q-35%2035-85%2035t-85-35ZM240-40v-309q-38-42-59-96t-21-115q0-134%2093-227t227-93q134%200%20227%2093t93%20227q0%2061-21%20115t-59%2096v309l-240-80-240%2080Zm410-350q70-70%2070-170t-70-170q-70-70-170-70t-170%2070q-70%2070-70%20170t70%20170q70%2070%20170%2070t170-70ZM320-159l160-41%20160%2041v-124q-35%2020-75.5%2031.5T480-240q-44%200-84.5-11.5T320-283v124Zm160-62Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-instructor::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-120%20200-272v-240L40-600l440-240%20440%20240v320h-80v-276l-80%2044v240L480-120Zm0-332%20274-148-274-148-274%20148%20274%20148Zm0%20241%20200-108v-151L480-360%20280-470v151l200%20108Zm0-241Zm0%2090Zm0%200Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-120%20200-272v-240L40-600l440-240%20440%20240v320h-80v-276l-80%2044v240L480-120Zm0-332%20274-148-274-148-274%20148%20274%20148Zm0%20241%20200-108v-151L480-360%20280-470v151l200%20108Zm0-241Zm0%2090Zm0%200Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-menu::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-close::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m256-200-56-56%20224-224-224-224%2056-56%20224%20224%20224-224%2056%2056-224%20224%20224%20224-56%2056-224-224-224%20224Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m256-200-56-56%20224-224-224-224%2056-56%20224%20224%20224-224%2056%2056-224%20224%20224%20224-56%2056-224-224-224%20224Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-link::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M318-120q-82%200-140-58t-58-140q0-40%2015-76t43-64l134-133%2056%2056-134%20134q-17%2017-25.5%2038.5T200-318q0%2049%2034.5%2083.5T318-200q23%200%2045-8.5t39-25.5l133-134%2057%2057-134%20133q-28%2028-64%2043t-76%2015Zm79-220-57-57%20223-223%2057%2057-223%20223Zm251-28-56-57%20134-133q17-17%2025-38t8-44q0-50-34-85t-84-35q-23%200-44.5%208.5T558-726L425-592l-57-56%20134-134q28-28%2064-43t76-15q82%200%20139.5%2058T839-641q0%2039-14.5%2075T782-502L648-368Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M318-120q-82%200-140-58t-58-140q0-40%2015-76t43-64l134-133%2056%2056-134%20134q-17%2017-25.5%2038.5T200-318q0%2049%2034.5%2083.5T318-200q23%200%2045-8.5t39-25.5l133-134%2057%2057-134%20133q-28%2028-64%2043t-76%2015Zm79-220-57-57%20223-223%2057%2057-223%20223Zm251-28-56-57%20134-133q17-17%2025-38t8-44q0-50-34-85t-84-35q-23%200-44.5%208.5T558-726L425-592l-57-56%20134-134q28-28%2064-43t76-15q82%200%20139.5%2058T839-641q0%2039-14.5%2075T782-502L648-368Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-subscribe::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M143.5-143.5Q120-167%20120-200t23.5-56.5Q167-280%20200-280t56.5%2023.5Q280-233%20280-200t-23.5%2056.5Q233-120%20200-120t-56.5-23.5ZM680-120q0-117-44-218.5T516-516q-76-76-177.5-120T120-680v-120q142%200%20265%2053t216%20146q93%2093%20146%20216t53%20265H680Zm-240%200q0-67-25-124.5T346-346q-44-44-101.5-69T120-440v-120q92%200%20171.5%2034.5T431-431q60%2060%2094.5%20139.5T560-120H440Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M143.5-143.5Q120-167%20120-200t23.5-56.5Q167-280%20200-280t56.5%2023.5Q280-233%20280-200t-23.5%2056.5Q233-120%20200-120t-56.5-23.5ZM680-120q0-117-44-218.5T516-516q-76-76-177.5-120T120-680v-120q142%200%20265%2053t216%20146q93%2093%20146%20216t53%20265H680Zm-240%200q0-67-25-124.5T346-346q-44-44-101.5-69T120-440v-120q92%200%20171.5%2034.5T431-431q60%2060%2094.5%20139.5T560-120H440Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-license::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M80-80v-120q0-33%2023.5-56.5T160-280h640q33%200%2056.5%2023.5T880-200v120H80Zm80-80h640v-40H160v40Zm40-180v-460q0-33%2023.5-56.5T280-880h400q33%200%2056.5%2023.5T760-800v460h-80v-460H280v460h-80Zm120-60h23q44%200%2070.5-44T440-560q0-72-26.5-116T343-720h-23v320Zm240-80q33%200%2056.5-23.5T640-560q0-33-23.5-56.5T560-640q-33%200-56.5%2023.5T480-560q0%2033%2023.5%2056.5T560-480Zm-80%20320Zm0-410Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M80-80v-120q0-33%2023.5-56.5T160-280h640q33%200%2056.5%2023.5T880-200v120H80Zm80-80h640v-40H160v40Zm40-180v-460q0-33%2023.5-56.5T280-880h400q33%200%2056.5%2023.5T760-800v460h-80v-460H280v460h-80Zm120-60h23q44%200%2070.5-44T440-560q0-72-26.5-116T343-720h-23v320Zm240-80q33%200%2056.5-23.5T640-560q0-33-23.5-56.5T560-640q-33%200-56.5%2023.5T480-560q0%2033%2023.5%2056.5T560-480Zm-80%20320Zm0-410Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-upload::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-320v-326L336-542l-56-58%20200-200%20200%20200-56%2058-104-104v326h-80ZM240-160q-33%200-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0%2033-23.5%2056.5T720-160H240Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-320v-326L336-542l-56-58%20200-200%20200%20200-56%2058-104-104v326h-80ZM240-160q-33%200-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0%2033-23.5%2056.5T720-160H240Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-shared::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-320q75%200%20127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75%200-127.5%2052.5T300-500q0%2075%2052.5%20127.5T480-320Zm0-72q-45%200-76.5-31.5T372-500q0-45%2031.5-76.5T480-608q45%200%2076.5%2031.5T588-500q0%2045-31.5%2076.5T480-392Zm0%20192q-146%200-266-81.5T40-500q54-137%20174-218.5T480-800q146%200%20266%2081.5T920-500q-54%20137-174%20218.5T480-200Zm0-300Zm0%20220q113%200%20207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113%200-207.5%2059.5T128-500q50%20101%20144.5%20160.5T480-280Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-320q75%200%20127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75%200-127.5%2052.5T300-500q0%2075%2052.5%20127.5T480-320Zm0-72q-45%200-76.5-31.5T372-500q0-45%2031.5-76.5T480-608q45%200%2076.5%2031.5T588-500q0%2045-31.5%2076.5T480-392Zm0%20192q-146%200-266-81.5T40-500q54-137%20174-218.5T480-800q146%200%20266%2081.5T920-500q-54%20137-174%20218.5T480-200Zm0-300Zm0%20220q113%200%20207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113%200-207.5%2059.5T128-500q50%20101%20144.5%20160.5T480-280Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-secret::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8%2034.5-12t37.5-4q75%200%20127.5%2052.5T660-500q0%2020-4%2037.5T644-428Zm128%20126-58-56q38-29%2067.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29%200-57%204t-55%2012l-62-62q41-17%2084-25.5t90-8.5q151%200%20269%2083.5T920-500q-23%2059-60.5%20109.5T772-302Zm20%20246L624-222q-35%2011-70.5%2016.5T480-200q-151%200-269-83.5T40-500q21-53%2053-98.5t73-81.5L56-792l56-56%20736%20736-56%2056ZM222-624q-29%2026-53%2057t-41%2067q50%20101%20143.5%20160.5T480-280q20%200%2039-2.5t39-5.5l-36-38q-11%203-21%204.5t-21%201.5q-75%200-127.5-52.5T300-500q0-11%201.5-21t4.5-21l-84-82Zm319%2093Zm-151%2075Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8%2034.5-12t37.5-4q75%200%20127.5%2052.5T660-500q0%2020-4%2037.5T644-428Zm128%20126-58-56q38-29%2067.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29%200-57%204t-55%2012l-62-62q41-17%2084-25.5t90-8.5q151%200%20269%2083.5T920-500q-23%2059-60.5%20109.5T772-302Zm20%20246L624-222q-35%2011-70.5%2016.5T480-200q-151%200-269-83.5T40-500q21-53%2053-98.5t73-81.5L56-792l56-56%20736%20736-56%2056ZM222-624q-29%2026-53%2057t-41%2067q50%20101%20143.5%20160.5T480-280q20%200%2039-2.5t39-5.5l-36-38q-11%203-21%204.5t-21%201.5q-75%200-127.5-52.5T300-500q0-11%201.5-21t4.5-21l-84-82Zm319%2093Zm-151%2075Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-save-file::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m720-120%20160-160-56-56-64%2064v-167h-80v167l-64-64-56%2056%20160%20160ZM560%200v-80h320V0H560ZM240-160q-33%200-56.5-23.5T160-240v-560q0-33%2023.5-56.5T240-880h280l240%20240v121h-80v-81H480v-200H240v560h240v80H240Zm0-80v-560%20560Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m720-120%20160-160-56-56-64%2064v-167h-80v167l-64-64-56%2056%20160%20160ZM560%200v-80h320V0H560ZM240-160q-33%200-56.5-23.5T160-240v-560q0-33%2023.5-56.5T240-880h280l240%20240v121h-80v-81H480v-200H240v560h240v80H240Zm0-80v-560%20560Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-knowledge-graph::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-60q-50%200-85-35t-35-85q0-39%2022.5-70t57.5-43v-73q-11-4-21-9.5T401-389l-63%2037q1%205%201.5%2010.5t.5%2011.5q0%2050-35%2085t-85%2035q-50%200-85-35t-35-85q0-50%2035-85t85-35q23%200%2043%207.5t36%2021.5l62-36q-1-5-1.5-11t-.5-12q0-6%20.5-11.5T361-502l-62-37q-16%2014-36%2021.5t-43%207.5q-50%200-85-35t-35-85q0-50%2035-85t85-35q50%200%2085%2035t35%2085q0%206-.5%2012t-1.5%2011l63%2036q8-8%2018-13t21-9v-73q-35-12-57.5-43.5T360-780q0-50%2035-85t85-35q50%200%2085%2035t35%2085q0%2039-22.5%2070.5T520-666v73q11%204%2020.5%209.5T558-570l64-38q-1-5-1.5-10.5T620-630q0-50%2035-85t85-35q50%200%2085%2035t35%2085q0%2050-35%2085t-85%2035q-23%200-42.5-7.5T662-539l-65%2038q1%205%201.5%2010.5t.5%2010.5q0%205-.5%2011t-1.5%2011l65%2037q16-14%2035.5-21.5T740-450q50%200%2085%2035t35%2085q0%2050-35%2085t-85%2035q-50%200-85-35t-35-85q0-6%20.5-11.5T622-352l-64-37q-8%208-17.5%2013t-20.5%209v74q35%2012%2057.5%2043t22.5%2070q0%2050-35%2085t-85%2035Zm0-80q17%200%2028.5-11.5T520-180q0-17-11.5-28.5T480-220q-17%200-28.5%2011.5T440-180q0%2017%2011.5%2028.5T480-140ZM220-290q17%200%2028.5-11.5T260-330q0-17-11.5-28.5T220-370q-17%200-28.5%2011.5T180-330q0%2017%2011.5%2028.5T220-290Zm520%200q17%200%2028.5-11.5T780-330q0-17-11.5-28.5T740-370q-17%200-28.5%2011.5T700-330q0%2017%2011.5%2028.5T740-290ZM480-440q17%200%2028.5-11.5T520-480q0-17-11.5-28.5T480-520q-17%200-28.5%2011.5T440-480q0%2017%2011.5%2028.5T480-440ZM220-590q17%200%2028.5-11.5T260-630q0-17-11.5-28.5T220-670q-17%200-28.5%2011.5T180-630q0%2017%2011.5%2028.5T220-590Zm520%200q17%200%2028.5-11.5T780-630q0-17-11.5-28.5T740-670q-17%200-28.5%2011.5T700-630q0%2017%2011.5%2028.5T740-590ZM480-740q17%200%2028.5-11.5T520-780q0-17-11.5-28.5T480-820q-17%200-28.5%2011.5T440-780q0%2017%2011.5%2028.5T480-740Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M480-60q-50%200-85-35t-35-85q0-39%2022.5-70t57.5-43v-73q-11-4-21-9.5T401-389l-63%2037q1%205%201.5%2010.5t.5%2011.5q0%2050-35%2085t-85%2035q-50%200-85-35t-35-85q0-50%2035-85t85-35q23%200%2043%207.5t36%2021.5l62-36q-1-5-1.5-11t-.5-12q0-6%20.5-11.5T361-502l-62-37q-16%2014-36%2021.5t-43%207.5q-50%200-85-35t-35-85q0-50%2035-85t85-35q50%200%2085%2035t35%2085q0%206-.5%2012t-1.5%2011l63%2036q8-8%2018-13t21-9v-73q-35-12-57.5-43.5T360-780q0-50%2035-85t85-35q50%200%2085%2035t35%2085q0%2039-22.5%2070.5T520-666v73q11%204%2020.5%209.5T558-570l64-38q-1-5-1.5-10.5T620-630q0-50%2035-85t85-35q50%200%2085%2035t35%2085q0%2050-35%2085t-85%2035q-23%200-42.5-7.5T662-539l-65%2038q1%205%201.5%2010.5t.5%2010.5q0%205-.5%2011t-1.5%2011l65%2037q16-14%2035.5-21.5T740-450q50%200%2085%2035t35%2085q0%2050-35%2085t-85%2035q-50%200-85-35t-35-85q0-6%20.5-11.5T622-352l-64-37q-8%208-17.5%2013t-20.5%209v74q35%2012%2057.5%2043t22.5%2070q0%2050-35%2085t-85%2035Zm0-80q17%200%2028.5-11.5T520-180q0-17-11.5-28.5T480-220q-17%200-28.5%2011.5T440-180q0%2017%2011.5%2028.5T480-140ZM220-290q17%200%2028.5-11.5T260-330q0-17-11.5-28.5T220-370q-17%200-28.5%2011.5T180-330q0%2017%2011.5%2028.5T220-290Zm520%200q17%200%2028.5-11.5T780-330q0-17-11.5-28.5T740-370q-17%200-28.5%2011.5T700-330q0%2017%2011.5%2028.5T740-290ZM480-440q17%200%2028.5-11.5T520-480q0-17-11.5-28.5T480-520q-17%200-28.5%2011.5T440-480q0%2017%2011.5%2028.5T480-440ZM220-590q17%200%2028.5-11.5T260-630q0-17-11.5-28.5T220-670q-17%200-28.5%2011.5T180-630q0%2017%2011.5%2028.5T220-590Zm520%200q17%200%2028.5-11.5T780-630q0-17-11.5-28.5T740-670q-17%200-28.5%2011.5T700-630q0%2017%2011.5%2028.5T740-590ZM480-740q17%200%2028.5-11.5T520-780q0-17-11.5-28.5T480-820q-17%200-28.5%2011.5T440-780q0%2017%2011.5%2028.5T480-740Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-open-in-browser::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H600v-80h160v-480H200v480h160v80H200Zm240%200v-246l-64%2064-56-58%20160-160%20160%20160-56%2058-64-64v246h-80Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H600v-80h160v-480H200v480h160v80H200Zm240%200v-246l-64%2064-56-58%20160-160%20160%20160-56%2058-64-64v246h-80Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-search-license::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-560q33%200%2056.5-23.5T520-640q0-33-23.5-56.5T440-720q-33%200-56.5%2023.5T360-640q0%2033%2023.5%2056.5T440-560Zm0%20160q45%200%2084.5-19t68.5-54q-35-23-73.5-35T440-520q-41%200-79.5%2012T287-473q29%2035%2068.5%2054t84.5%2019Zm384%20280L636-308q-41%2032-90.5%2050T440-240q-134%200-227-93t-93-227q0-134%2093-227t227-93q134%200%20227%2093t93%20227q0%2056-18%20105.5T692-364l188%20188-56%2056ZM440-320q100%200%20170-70t70-170q0-100-70-170t-170-70q-100%200-170%2070t-70%20170q0%20100%2070%20170t170%2070Zm0-240Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-560q33%200%2056.5-23.5T520-640q0-33-23.5-56.5T440-720q-33%200-56.5%2023.5T360-640q0%2033%2023.5%2056.5T440-560Zm0%20160q45%200%2084.5-19t68.5-54q-35-23-73.5-35T440-520q-41%200-79.5%2012T287-473q29%2035%2068.5%2054t84.5%2019Zm384%20280L636-308q-41%2032-90.5%2050T440-240q-134%200-227-93t-93-227q0-134%2093-227t227-93q134%200%20227%2093t93%20227q0%2056-18%20105.5T692-364l188%20188-56%2056ZM440-320q100%200%20170-70t70-170q0-100-70-170t-170-70q-100%200-170%2070t-70%20170q0%20100%2070%20170t170%2070Zm0-240Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-answer::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-280h80v-240h-80v240Zm40-320q17%200%2028.5-11.5T520-640q0-17-11.5-28.5T480-680q-17%200-28.5%2011.5T440-640q0%2017%2011.5%2028.5T480-600Zm0%20520q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M440-280h80v-240h-80v240Zm40-320q17%200%2028.5-11.5T520-640q0-17-11.5-28.5T480-680q-17%200-28.5%2011.5T440-640q0%2017%2011.5%2028.5T480-600Zm0%20520q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E%3C%2Fsvg%3E"); }
/* Showcases table — shared between marketing site and portal */
.table-wrapper {
  overflow-x: auto;
  margin-top: 1.5rem;
}
.showcases-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.showcases-table th,
.showcases-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid var(--slate);
  vertical-align: middle;
}
.showcases-table th {
  background-color: var(--bg-primary);
  color: var(--teal);
  font-weight: 600;
  white-space: nowrap;
}
.showcases-table tbody tr:hover {
  background-color: rgba(31, 185, 232, 0.05);
}
.showcases-table a {
  color: var(--teal);
  text-decoration: none;
}
.showcases-table a:hover {
  text-decoration: underline;
}
.showcases-table .text-center {
  text-align: center;
}
/* Draft badges — shared between marketing site and portal */
.draft-row {
  background-color: rgba(232, 93, 63, 0.05);
}
.badge {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.7rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}
.badge-warning {
  background-color: var(--coral);
  color: var(--btn-text-on-coral);
}
/* Backward compat: .alert-icon maps to .icon */
.alert-icon { display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle; background-color: currentColor; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.alert-icon--caution { color: var(--caution); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m40-120%20440-760%20440%20760H40Zm138-80h604L480-720%20178-200Zm302-40q17%200%2028.5-11.5T520-280q0-17-11.5-28.5T480-320q-17%200-28.5%2011.5T440-280q0%2017%2011.5%2028.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m40-120%20440-760%20440%20760H40Zm138-80h604L480-720%20178-200Zm302-40q17%200%2028.5-11.5T520-280q0-17-11.5-28.5T480-320q-17%200-28.5%2011.5T440-280q0%2017%2011.5%2028.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z%22%2F%3E%3C%2Fsvg%3E"); }
.alert-icon--warning { color: var(--warning); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M330-120%20120-330v-300l210-210h300l210%20210v300L630-120H330Zm36-190%20114-114%20114%20114%2056-56-114-114%20114-114-56-56-114%20114-114-114-56%2056%20114%20114-114%20114%2056%2056Zm-2%20110h232l164-164v-232L596-760H364L200-596v232l164%20164Zm116-280Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M330-120%20120-330v-300l210-210h300l210%20210v300L630-120H330Zm36-190%20114-114%20114%20114%2056-56-114-114%20114-114-56-56-114%20114-114-114-56%2056%20114%20114-114%20114%2056%2056Zm-2%20110h232l164-164v-232L596-760H364L200-596v232l164%20164Zm116-280Z%22%2F%3E%3C%2Fsvg%3E"); }
/* Language switcher — shared between marketing site and portal */
.lang-switcher {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.lang-switcher a {
  color: var(--text-secondary);
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  transition: color 0.3s, background-color 0.3s;
}
.lang-switcher a[aria-current="true"] {
  color: var(--teal);
  font-weight: 600;
}
.lang-switcher a:hover {
  color: var(--teal);
  text-decoration: none;
}
.lang-switcher span {
  color: var(--slate);
}
/* Button system — shared base and variants */
.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  margin: 0.5rem;
  border-radius: 4px;
  border: none;
  text-decoration: none;
  font-weight: 500;
  font-family: inherit;
  font-size: 1rem;
  cursor: pointer;
  background-color: var(--teal);
  color: var(--btn-text-on-teal);
  transition: background-color var(--transition-speed) var(--transition-ease);
}
.btn:hover {
  background-color: var(--coral);
  color: var(--btn-text-on-coral);
  text-decoration: none;
}
.btn-secondary {
  background-color: transparent;
  border: 2px solid var(--teal);
  color: var(--teal);
  transition: background-color var(--transition-speed) var(--transition-ease), border-color var(--transition-speed) var(--transition-ease), color var(--transition-speed) var(--transition-ease);
}
.btn-secondary:hover {
  background-color: var(--teal);
  color: var(--btn-text-on-teal);
}
.btn-warning {
  background-color: var(--warning);
  color: var(--btn-text-on-warning);
}
.btn-warning:hover {
  background-color: #c82333;
  color: var(--btn-text-on-warning);
}
.btn-caution {
  background-color: var(--caution);
  color: var(--btn-text-on-caution);
}
.btn-caution:hover {
  background-color: #e0a800;
  color: var(--btn-text-on-caution);
}
.btn-danger {
  background-color: var(--danger);
  color: var(--btn-text-on-danger);
}
.btn-danger:hover {
  filter: brightness(0.85);
}
/* Disabled button state — compound selector ensures it always overrides .btn
   regardless of stylesheet load order (specificity 0,2,0 > 0,1,0) */
.btn.btn-disabled {
  background-color: var(--slate);
  color: var(--btn-text-on-teal);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.7;
}
/* Tooltip wrapper - hover to reveal explanation (#469) */
.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: help;
}
.tooltip-wrapper .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--bg-primary);
  color: var(--text-primary);
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-size: 0.85rem;
  white-space: nowrap;
  max-width: 250px;
  white-space: normal;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  transition: opacity 0.2s, visibility 0.2s;
}
/* Tooltip arrow */
.tooltip-wrapper .tooltip-text::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: var(--bg-primary) transparent transparent transparent;
}
.tooltip-wrapper:hover .tooltip-text,
.tooltip-wrapper:focus .tooltip-text {
  visibility: visible;
  opacity: 1;
}
/* ===================================================================
   Global resets & shared components
   (merged from style.css — shared across marketing site and portal)
   =================================================================== */
/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}
/* Main layout */
main {
  min-height: calc(100vh - 200px);
}
/* Skip to content link */
.skip-to-content {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: var(--teal);
  color: var(--btn-text-on-teal);
  text-decoration: none;
}
.skip-to-content:focus {
  top: 0;
  left: 0;
}
/* Lists */
ul, ol {
  margin: 1rem 0;
  padding-left: 2rem;
}
/* Code */
code {
  font-family: var(--font-mono);
  background-color: var(--bg-secondary);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  color: var(--code-color);
}
pre {
  background-color: var(--bg-secondary);
  padding: 1rem;
  border-radius: 4px;
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 0.875rem;
  line-height: 1.5;
}
pre code {
  background: none;
  padding: 0;
}
/* Blockquotes */
blockquote {
  border-left: 4px solid var(--teal);
  margin: 1.5rem 0;
  padding-left: 1rem;
  color: var(--text-secondary);
  font-style: italic;
}
/* Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* Arrow list style */
.list-arrows {
  list-style: none;
  padding: 0;
}
.list-arrows li {
  padding: 0.5rem 0;
  padding-left: 1.5rem;
  position: relative;
}
.list-arrows li::before {
  content: "\2192";
  position: absolute;
  left: 0;
  color: var(--coral);
  font-weight: bold;
}
/* Checkmark list style */
.list-checks {
  list-style: none;
  padding: 0;
  -moz-columns: 2;
       columns: 2;
  gap: 2rem;
}
.list-checks li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin: 0.5rem 0;
  padding-left: 1.5rem;
  position: relative;
}
.list-checks li::before {
  content: "\2713";
  font-family: 'Noto Symbols', sans-serif;
  position: absolute;
  left: 0;
  color: var(--coral);
  font-weight: bold;
}
@media (max-width: 768px) {
  .list-checks {
    -moz-columns: 1;
         columns: 1;
  }
}
/* Launching message */
.launching-message {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--coral);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
/* Enhanced focus for button-styled links */
.btn:focus,
.btn:focus-visible,
.error-nav a:focus,
.error-nav a:focus-visible {
  box-shadow: 0 0 0 4px rgba(31, 185, 232, 0.3);
}
/* Forms */
input, textarea, select {
  font-family: var(--font-sans);
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--teal);
}
label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
/* Utility classes */
.transition-color { transition: color var(--transition-base); }
.transition-bg { transition: background-color var(--transition-base); }
.transition-opacity { transition: opacity var(--transition-fast); }
.transition-all { transition: all var(--transition-base); }
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }
.p-1 { padding: 1rem; }
.p-2 { padding: 2rem; }
.p-3 { padding: 3rem; }
/* Error page (404) */
.error-page {
  text-align: center;
  padding: 4rem 1rem;
  max-width: 600px;
  margin: 0 auto;
}
.error-page h1 {
  color: var(--coral);
  font-size: 3rem;
  margin-bottom: 1rem;
}
.error-page p {
  font-size: 1.25rem;
  color: var(--text-secondary);
  margin-bottom: 2rem;
}
.error-nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.error-nav a {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--teal);
  color: var(--btn-text-on-teal);
  border-radius: 4px;
  text-decoration: none;
  transition: background-color var(--transition-base);
}
.error-nav a:hover {
  background-color: var(--coral);
  text-decoration: none;
}
/* Screen reader only text */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* FAQ Section Styles */
.faq-section {
  margin: 3rem 0;
  padding: 2rem;
  background-color: var(--bg-secondary);
  border-radius: 4px;
  border-left: 4px solid var(--teal);
}
.faq-section h2 {
  color: var(--teal);
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.faq-item {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}
.faq-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.faq-question {
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
.faq-prefix-q {
  color: var(--teal);
  font-weight: 700;
}
.faq-answer {
  color: var(--text-on-bg-secondary);
  line-height: 1.7;
  margin: 0;
}
.faq-prefix-a {
  color: var(--coral);
  font-weight: 600;
}
/* Privacy Banner */
.privacy-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--teal);
  color: var(--btn-text-on-teal);
  padding: 0.75rem 1rem;
  z-index: 1000;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}
.privacy-banner[hidden] {
  display: none;
}
.privacy-banner-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.privacy-banner-icon {
  flex-shrink: 0;
}
.privacy-banner-icon::before {
  width: 1.5em;
  height: 1.5em;
}
.privacy-banner-text {
  flex: 1;
  min-width: 200px;
  text-align: center;
}
.privacy-banner-text strong {
  color: var(--btn-text-on-teal);
}
.privacy-banner-link {
  color: var(--btn-text-on-teal);
  text-decoration: underline;
  font-weight: 500;
  white-space: nowrap;
}
.privacy-banner-link:hover {
  color: var(--btn-text-on-teal);
  text-decoration: none;
}
.privacy-banner-dismiss {
  background: transparent;
  border: none;
  color: var(--btn-text-on-teal);
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity var(--transition-fast);
}
.privacy-banner-dismiss:hover {
  opacity: 1;
  background: transparent;
}
@media (max-width: 600px) {
  .privacy-banner-content {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }

  .privacy-banner-icon {
    display: none;
  }
}
/* Focus Utility */
.focus-ring:focus,
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
.btn:focus,
.btn:focus-visible,
.error-nav a:focus,
.error-nav a:focus-visible,
.lang-switcher a:focus,
.lang-switcher a:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}
/* Button accent variant (coral) */
.btn-accent {
  background-color: var(--coral);
  color: var(--btn-text-on-coral);
}
.btn-accent:hover {
  background-color: var(--teal);
  color: var(--btn-text-on-teal);
}
/* CTA text above buttons */
.cta-text {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-style: italic;
  color: var(--text-on-bg-secondary);
}
/* Pipeline progress status text */
.pipeline-progress-status {
  font-size: 0.9em;
  margin: 6px 0 0;
  opacity: 0.85;
}
/* Defensive: hide any tracking pixels from external URLs */
img[src^="https://www.google"], img[src^="http://www.google"],
img[src*="googletagmanager"], img[src*="google-analytics"],
img[src*="analytics"], img[src*="facebook.com"] {
  display: none !important;
}
/* Footer privacy badge */
.footer-privacy-badge {
  text-align: center;
  padding: 0.5rem 0;
}
.footer-privacy-badge .chrome-link {
  color: var(--teal);
  font-size: 0.85rem;
}
/* Dropdown select — teal-bordered, dark background */
.select {
  padding: 6px 12px;
  border: 2px solid var(--teal);
  border-radius: 4px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-weight: bold;
  font-family: inherit;
  font-size: 1rem;
  cursor: pointer;
  width: auto;
  outline: none;
}
.select:focus {
  border-color: var(--coral);
}
.select-full {
  width: 100%;
}
/* Text input — matches .select styling */
.input {
  padding: 8px 12px;
  border: 2px solid var(--teal);
  border-radius: 4px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-family: inherit;
  font-size: 1rem;
  outline: none;
  width: auto;
}
.input:focus {
  border-color: var(--coral);
}
.input-full {
  width: 100%;
}
/* Hyperlink — teal, coral on hover */
.link {
  color: var(--teal);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}
.link:hover {
  color: var(--coral);
  text-decoration: underline;
}
/* ══════════════════════════════════════════════════════════════
   Showcase design system — ALL showcase/pipeline CSS lives here.
   No inline <style> blocks in NJK files.
   ══════════════════════════════════════════════════════════════ */
/* ── Page wrapper ── */
.sc-page {
  max-width: none;
  margin: 0;
  padding: 1rem;
  overflow-x: hidden;
}
/* ── Two-pane layout ── */
.pane-container {
  display: flex;
  gap: 1rem;
  align-items: stretch;
  height: 100vh;
  height: 100dvh;
  position: sticky;
  top: 0;
}
.pane {
  flex: 1 1 50%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--bg-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.pane-text {
  overflow-y: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding: 1rem;
}
.pane-graph {
  overflow: hidden;
  position: relative;
  padding: 1rem;
}
/* ── Header ── */
.sc-header { margin-bottom: 2rem; }
.sc-header h1 { margin-bottom: 0.5rem; }
.sc-instructions { color: var(--slate); font-size: 0.9rem; margin-bottom: 1rem; }
.sc-subtitle { color: var(--slate); font-size: 0.95rem; margin-bottom: 1rem; }
/* ── Downloads ── */
.sc-downloads { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.sc-download-btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: var(--teal);
  color: var(--btn-text-on-teal);
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.9rem;
  transition: background 0.2s;
}
.sc-download-btn:hover { background: var(--coral); }
/* ── Inline annotations ── */
.sc-relationship {
  color: var(--coral);
  border-bottom: 1px solid var(--coral);
  cursor: pointer;
  transition: all 0.2s;
  padding: 0 2px;
  font-weight: 500;
  display: inline-block;
}
.sc-relationship:hover { background-color: rgba(255, 149, 117, 0.1); }
.sc-relationship.highlighted {
  background-color: var(--coral);
  color: #0a1929 !important;
  border-bottom-style: solid;
}
.sc-ref-link {
  color: var(--teal);
  text-decoration: none;
  font-size: 0.85rem;
  margin-left: 0.5rem;
  transition: color 0.2s;
}
.sc-ref-link:hover { color: var(--coral); text-decoration: underline; }
/* ── Sections & items ── */
.sc-section {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: var(--bg-secondary);
  border-left: 4px solid var(--teal);
  border-radius: 4px;
}
.sc-section h2 { color: var(--teal); margin-bottom: 1rem; margin-top: 0; }
.sc-section h3 { color: var(--teal); font-size: 1.1rem; margin-bottom: 0.5rem; }
.sc-section h4 { color: var(--navy); font-size: 1rem; margin-bottom: 0.25rem; }
.sc-item {
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  margin-bottom: 0.5rem;
  border-left: 2px solid var(--teal);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.sc-item:hover { background: rgba(0, 119, 163, 0.1); border-left-width: 3px; }
.sc-item.highlighted,
.sc-item.state-active { background: rgba(0, 119, 163, 0.2); border-left-width: 4px; border-left-color: var(--teal); }
.sc-item.state-hover { background: rgba(0, 119, 163, 0.1); }
.sc-item p { margin: 0; font-size: 0.95rem; line-height: 1.5; }
.sc-section.highlighted-parent,
.sc-subsection.highlighted-parent {
  background-color: rgba(31, 185, 232, 0.05);
  border-radius: 4px;
}
.sc-subsection { margin-top: 1rem; }
.sc-subsection h5 { font-size: 0.9rem; color: var(--slate); margin: 0.75rem 0 0.25rem; }
/* ── Entity annotations ── */
.sc-entity {
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 600;
}
.sc-node { color: var(--teal) !important; }
.sc-node:hover, .sc-node.state-hover { background-color: rgba(31, 185, 232, 0.1); }
.sc-node.state-active { background-color: var(--teal) !important; color: #0a1929 !important; }
.sc-edge { color: var(--coral) !important; }
.sc-edge:hover, .sc-edge.state-hover { background-color: rgba(255, 149, 117, 0.1); }
.sc-edge.state-active { background-color: var(--coral) !important; color: #0a1929 !important; }
/* ── Lists ── */
.sc-list { margin: 0.5rem 0 1rem 1.5rem; line-height: 1.6; }
.sc-list li { margin-bottom: 0.25rem; }
.sc-numbered { list-style-type: decimal; }
.sc-reference-list { margin: 0.5rem 0 1rem 1.5rem; line-height: 1.6; }
.sc-reference-list li { margin-bottom: 0.5rem; font-size: 0.9rem; }
/* ── Notes & insights ── */
.sc-note { font-size: 0.85rem; color: var(--slate); margin-top: 0.5rem; }
.sc-key-insight {
  padding: 1rem;
  background: rgba(232, 93, 63, 0.1);
  border-left: 3px solid var(--coral);
  border-radius: 4px;
  margin: 1rem 0;
}
.sc-key-insight-step { margin-bottom: 1rem; }
/* ── Edition / terminology (therapy showcase) ── */
.sc-edition { color: var(--slate); font-size: 0.9rem; margin-bottom: 1rem; }
.sc-acronym li { margin-bottom: 0.5rem; }
.sc-terminology {
  background: rgba(0, 119, 163, 0.05);
  padding: 0.75rem;
  border-radius: 4px;
  margin: 0.5rem 0;
}
/* ── Comparison tables ── */
.sc-comparison-table { overflow-x: auto; margin: 1rem 0; }
.sc-comparison-table table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.sc-comparison-table th,
.sc-comparison-table td { border: 1px solid var(--border-color); padding: 0.5rem; text-align: left; }
.sc-comparison-table th { background: var(--teal); color: var(--btn-text-on-teal); }
.sc-comparison-table tr:nth-child(even) { background: rgba(0, 119, 163, 0.05); }
/* ── Philosophy / matrix / outcome (therapy showcase) ── */
.sc-philosophy { display: grid; gap: 1rem; }
.sc-philosophy-item {
  padding: 1rem;
  background: rgba(0, 119, 163, 0.05);
  border-radius: 4px;
  border-left: 3px solid var(--teal);
}
.sc-philosophy-item h4 { margin: 0 0 0.5rem; color: var(--teal); }
.sc-matrix-axis {
  margin: 0.5rem 0;
  padding: 0.5rem;
  background: rgba(0, 119, 163, 0.05);
  border-radius: 4px;
}
.sc-outcome { color: var(--coral); font-size: 1rem; }
.sc-insights h2 { border-bottom: 3px solid var(--teal); }
.sc-insight { border-left: 3px solid var(--teal); padding-left: 1rem; }
.sc-insight h3 { font-size: 1rem; margin-bottom: 0.5rem; }
.sc-final-statement {
  padding: 1rem;
  background: rgba(232, 93, 63, 0.1);
  border-radius: 4px;
  border-left: 3px solid var(--coral);
  margin-top: 1rem;
}
/* ── FAQ ── */
.faq-section { margin-top: 2rem; }
.faq-item {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 119, 163, 0.05);
  border-radius: 4px;
}
.faq-question { font-weight: 600; margin-bottom: 0.5rem; }
.faq-answer { color: var(--slate); }
.faq-prefix-q { font-weight: bold; color: var(--teal); margin-right: 0.25rem; }
.faq-prefix-a { font-weight: bold; color: var(--coral); margin-right: 0.25rem; }
/* ── Diagram container & Mermaid wrapper ── */
.sc-diagram-container {
  position: relative;
  height: 100%;
  overflow: hidden;
  cursor: grab;
}
#mermaid-wrapper {
  width: 100%;
  height: 100%;
  transform-origin: top left;
  transition: transform 0.1s ease-out;
}
/* ── Graph controls ── */
.controls {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: var(--bg-primary);
  padding: 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.3);
  border: 1px solid var(--border-color, #444);
  display: flex;
  gap: 1rem;
  z-index: 10;
  align-items: center;
}
.pan-group, .zoom-group { display: flex; align-items: center; gap: 0.25rem; }
.pan-vertical { display: flex; flex-direction: column; gap: 0.25rem; }
.zoom-group { border-left: 1px solid var(--border-color, #444); padding-left: 1rem; }
.divider { width: 1px; height: auto; align-self: stretch; background-color: var(--border-color, #444); margin: 0 0.5rem; }
.controls button {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color, #444);
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  color: var(--text-primary);
  cursor: pointer;
  font-family: var(--font-main);
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
}
.controls button:hover {
  border-color: var(--teal);
  color: var(--teal);
}
/* ── Mermaid base styles ── */
#mermaid-wrapper svg { display: block; margin: 0; }
#mermaid-wrapper .node rect,
#mermaid-wrapper .node circle,
#mermaid-wrapper .node ellipse,
#mermaid-wrapper .node polygon,
#mermaid-wrapper .node path {
  fill: var(--bg-secondary) !important;
  stroke: var(--slate) !important;
  stroke-width: 2px !important;
  transition: all 0.3s ease;
}
#mermaid-wrapper .node .label,
#mermaid-wrapper .node .label div,
#mermaid-wrapper .node .label span {
  color: #ffffff !important;
  font-family: var(--font-main) !important;
}
#mermaid-wrapper .node .label .sc-keyword,
#mermaid-wrapper .node .label div .sc-keyword,
#mermaid-wrapper .node .label span .sc-keyword { color: var(--teal) !important; }
#mermaid-wrapper .node .label .sc-entity { color: var(--teal) !important; }
/* ── Mermaid node state highlights ── */
#mermaid-wrapper .node.state-active rect,
#mermaid-wrapper .node.state-active circle,
#mermaid-wrapper .node.state-active polygon,
#mermaid-wrapper .node.state-active path {
  fill: var(--teal) !important;
  stroke: var(--teal) !important;
  stroke-width: 3px !important;
}
#mermaid-wrapper .node.state-active .nodeLabel,
#mermaid-wrapper .node.state-active .label {
  font-weight: bold !important;
  color: #0a1929 !important;
}
#mermaid-wrapper .node.state-active .label .sc-entity,
#mermaid-wrapper .node.state-active .nodeLabel .sc-entity { color: #0a1929 !important; }
#mermaid-wrapper .node.state-active .label .sc-keyword,
#mermaid-wrapper .node.state-active .nodeLabel .sc-keyword { color: #0a1929 !important; }
#mermaid-wrapper .node.state-hover rect,
#mermaid-wrapper .node.state-hover circle,
#mermaid-wrapper .node.state-hover polygon,
#mermaid-wrapper .node.state-hover path {
  stroke: var(--teal) !important;
  stroke-width: 2px !important;
}
#mermaid-wrapper .node:hover rect { stroke: var(--teal) !important; stroke-width: 3px !important; }
#mermaid-wrapper .node, #mermaid-wrapper .cluster, #mermaid-wrapper .edgeLabel, #mermaid-wrapper .flowchart-link { cursor: pointer; }
/* ── Mermaid edge styles ── */
#mermaid-wrapper .edgePaths .flowchart-link {
  stroke: var(--slate) !important;
  stroke-width: 2px !important;
  fill: none !important;
  transition: all 0.3s ease;
  cursor: pointer;
  pointer-events: stroke;
}
#mermaid-wrapper .edgePaths .flowchart-link:hover { stroke: inherit !important; stroke-width: inherit !important; }
#mermaid-wrapper .flowchart-link.state-active { stroke: var(--coral) !important; stroke-width: 3px !important; opacity: 1 !important; }
#mermaid-wrapper .flowchart-link.state-hover { stroke: var(--coral) !important; stroke-width: 2px !important; opacity: 0.8 !important; }
/* ── Mermaid edge labels ── */
#mermaid-wrapper .edgeLabel {
  color: var(--text-secondary) !important;
  font-size: 0.75rem;
  transition: all 0.3s ease;
}
#mermaid-wrapper .edgeLabel .label .sc-entity,
#mermaid-wrapper .edgeLabel .nodeLabel .sc-entity,
#mermaid-wrapper .edgeLabel span .sc-entity { color: var(--coral) !important; }
#mermaid-wrapper .edgeLabel.state-active,
#mermaid-wrapper .edgeLabel.state-active rect,
#mermaid-wrapper .edgeLabel.state-active span,
#mermaid-wrapper .edgeLabel.state-active div,
#mermaid-wrapper .edgeLabel.state-active .nodeLabel {
  color: var(--coral) !important;
  fill: var(--coral) !important;
  font-weight: bold !important;
}
#mermaid-wrapper .edgeLabel.state-active .label .sc-entity,
#mermaid-wrapper .edgeLabel.state-active .nodeLabel .sc-entity,
#mermaid-wrapper .edgeLabel.state-active span .sc-entity { color: #0a1929 !important; }
#mermaid-wrapper .edgeLabel.state-hover,
#mermaid-wrapper .edgeLabel.state-hover rect,
#mermaid-wrapper .edgeLabel.state-hover span,
#mermaid-wrapper .edgeLabel.state-hover div,
#mermaid-wrapper .edgeLabel.state-hover .nodeLabel {
  color: var(--coral) !important;
  fill: var(--coral) !important;
}
#mermaid-wrapper .edgeLabel rect,
#mermaid-wrapper .edgeLabel .label div,
#mermaid-wrapper .edgeLabel .label span {
  background-color: var(--bg-secondary) !important;
  fill: var(--bg-secondary) !important;
}
/* ── Mermaid cluster styles ── */
#mermaid-wrapper .cluster rect {
  fill: rgba(44, 62, 80, 0.5);
  stroke: var(--slate);
  stroke-width: 1px;
  stroke-dasharray: 4 4;
  transition: all 0.3s ease;
}
#mermaid-wrapper .cluster .label { color: var(--teal) !important; font-weight: 600 !important; }
#mermaid-wrapper .cluster:hover rect { stroke: var(--teal) !important; stroke-width: 2px !important; stroke-dasharray: 0 !important; }
#mermaid-wrapper .cluster.highlighted rect {
  fill: rgba(31, 185, 232, 0.1) !important;
  stroke: var(--teal) !important;
  stroke-width: 2px !important;
  stroke-dasharray: 0 !important;
}
#mermaid-wrapper .cluster.state-active rect {
  fill: rgba(31, 185, 232, 0.1) !important;
  stroke: var(--teal) !important;
  stroke-width: 2px !important;
  stroke-dasharray: 0 !important;
}
/* ── Mobile: stack panes vertically ── */
@media (max-width: 768px) {
  .pane-container { flex-direction: column; height: auto; position: static; }
  .pane { height: 50vh; }
  .pane-text { border-radius: 8px 8px 0 0; border-bottom: none; }
  .pane-graph { order: -1; }
}