/* ==========================================================
   Font Awesome Free 6.5.2 icon subset (landing page only)
   Generated from vendors/fontawesome/all.min.js - glyphs render as
   currentColor masks on ::before so container spans keep their own
   backgrounds (e.g. .hero-no-cc-cross). Replaces the 457 KiB JS build;
   regenerate when the landing page starts using a new fa-* icon.
   Icons by Font Awesome (https://fontawesome.com) - CC BY 4.0.
   ========================================================== */
.fas::before,
.fa-solid::before,
.fab::before,
.fa-brands::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
/* Font Awesome list layout (fa-ul / fa-li), matching FA6 core CSS */
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li { position: relative; }
.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
/* data-fa-transform="shrink-12" (footer separator dot): keep the 1em
   box, draw the glyph at 4/16 scale like the JS build did */
[data-fa-transform="shrink-12"]::before {
  -webkit-mask-size: 25%;
  mask-size: 25%;
}
/* Without the FA JS build, html never gets .fontawesome-i2svg-active, so
   theme.min.css would keep .fa-icon-wait (navbar theme toggle) at
   opacity 0 forever - the toggle icons are feather icons, ready at
   first paint. */
.fa-icon-wait { opacity: 1; }
.fa-angle-right::before { width: 0.625em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>"); }
.fa-arrow-right::before { width: 0.875em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>"); }
.fa-book-open::before { width: 1.125em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8V454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8V454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z'/></svg>"); }
.fa-chart-column::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M32 32c17.7 0 32 14.3 32 32V400c0 8.8 7.2 16 16 16H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H80c-44.2 0-80-35.8-80-80V64C0 46.3 14.3 32 32 32zM160 224c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm128-64V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V160c0-17.7 14.3-32 32-32s32 14.3 32 32zm64 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32zM480 96V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V96c0-17.7 14.3-32 32-32s32 14.3 32 32z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M32 32c17.7 0 32 14.3 32 32V400c0 8.8 7.2 16 16 16H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H80c-44.2 0-80-35.8-80-80V64C0 46.3 14.3 32 32 32zM160 224c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm128-64V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V160c0-17.7 14.3-32 32-32s32 14.3 32 32zm64 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32zM480 96V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V96c0-17.7 14.3-32 32-32s32 14.3 32 32z'/></svg>"); }
.fa-check::before { width: 0.875em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>"); }
.fa-circle::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/></svg>"); }
.fa-clipboard-check::before { width: 0.75em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM305 273L177 401c-9.4 9.4-24.6 9.4-33.9 0L79 337c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 239c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM305 273L177 401c-9.4 9.4-24.6 9.4-33.9 0L79 337c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 239c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/></svg>"); }
.fa-coins::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M512 80c0 18-14.3 34.6-38.4 48c-29.1 16.1-72.5 27.5-122.3 30.9c-3.7-1.8-7.4-3.5-11.3-5C300.6 137.4 248.2 128 192 128c-8.3 0-16.4 .2-24.5 .6l-1.1-.6C142.3 114.6 128 98 128 80c0-44.2 86-80 192-80S512 35.8 512 80zM160.7 161.1c10.2-.7 20.7-1.1 31.3-1.1c62.2 0 117.4 12.3 152.5 31.4C369.3 204.9 384 221.7 384 240c0 4-.7 7.9-2.1 11.7c-4.6 13.2-17 25.3-35 35.5c0 0 0 0 0 0c-.1 .1-.3 .1-.4 .2l0 0 0 0c-.3 .2-.6 .3-.9 .5c-35 19.4-90.8 32-153.6 32c-59.6 0-112.9-11.3-148.2-29.1c-1.9-.9-3.7-1.9-5.5-2.9C14.3 274.6 0 258 0 240c0-34.8 53.4-64.5 128-75.4c10.5-1.5 21.4-2.7 32.7-3.5zM416 240c0-21.9-10.6-39.9-24.1-53.4c28.3-4.4 54.2-11.4 76.2-20.5c16.3-6.8 31.5-15.2 43.9-25.5V176c0 19.3-16.5 37.1-43.8 50.9c-14.6 7.4-32.4 13.7-52.4 18.5c.1-1.8 .2-3.5 .2-5.3zm-32 96c0 18-14.3 34.6-38.4 48c-1.8 1-3.6 1.9-5.5 2.9C304.9 404.7 251.6 416 192 416c-62.8 0-118.6-12.6-153.6-32C14.3 370.6 0 354 0 336V300.6c12.5 10.3 27.6 18.7 43.9 25.5C83.4 342.6 135.8 352 192 352s108.6-9.4 148.1-25.9c7.8-3.2 15.3-6.9 22.4-10.9c6.1-3.4 11.8-7.2 17.2-11.2c1.5-1.1 2.9-2.3 4.3-3.4V304v5.7V336zm32 0V304 278.1c19-4.2 36.5-9.5 52.1-16c16.3-6.8 31.5-15.2 43.9-25.5V272c0 10.5-5 21-14.9 30.9c-16.3 16.3-45 29.7-81.3 38.4c.1-1.7 .2-3.5 .2-5.3zM192 448c56.2 0 108.6-9.4 148.1-25.9c16.3-6.8 31.5-15.2 43.9-25.5V432c0 44.2-86 80-192 80S0 476.2 0 432V396.6c12.5 10.3 27.6 18.7 43.9 25.5C83.4 438.6 135.8 448 192 448z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M512 80c0 18-14.3 34.6-38.4 48c-29.1 16.1-72.5 27.5-122.3 30.9c-3.7-1.8-7.4-3.5-11.3-5C300.6 137.4 248.2 128 192 128c-8.3 0-16.4 .2-24.5 .6l-1.1-.6C142.3 114.6 128 98 128 80c0-44.2 86-80 192-80S512 35.8 512 80zM160.7 161.1c10.2-.7 20.7-1.1 31.3-1.1c62.2 0 117.4 12.3 152.5 31.4C369.3 204.9 384 221.7 384 240c0 4-.7 7.9-2.1 11.7c-4.6 13.2-17 25.3-35 35.5c0 0 0 0 0 0c-.1 .1-.3 .1-.4 .2l0 0 0 0c-.3 .2-.6 .3-.9 .5c-35 19.4-90.8 32-153.6 32c-59.6 0-112.9-11.3-148.2-29.1c-1.9-.9-3.7-1.9-5.5-2.9C14.3 274.6 0 258 0 240c0-34.8 53.4-64.5 128-75.4c10.5-1.5 21.4-2.7 32.7-3.5zM416 240c0-21.9-10.6-39.9-24.1-53.4c28.3-4.4 54.2-11.4 76.2-20.5c16.3-6.8 31.5-15.2 43.9-25.5V176c0 19.3-16.5 37.1-43.8 50.9c-14.6 7.4-32.4 13.7-52.4 18.5c.1-1.8 .2-3.5 .2-5.3zm-32 96c0 18-14.3 34.6-38.4 48c-1.8 1-3.6 1.9-5.5 2.9C304.9 404.7 251.6 416 192 416c-62.8 0-118.6-12.6-153.6-32C14.3 370.6 0 354 0 336V300.6c12.5 10.3 27.6 18.7 43.9 25.5C83.4 342.6 135.8 352 192 352s108.6-9.4 148.1-25.9c7.8-3.2 15.3-6.9 22.4-10.9c6.1-3.4 11.8-7.2 17.2-11.2c1.5-1.1 2.9-2.3 4.3-3.4V304v5.7V336zm32 0V304 278.1c19-4.2 36.5-9.5 52.1-16c16.3-6.8 31.5-15.2 43.9-25.5V272c0 10.5-5 21-14.9 30.9c-16.3 16.3-45 29.7-81.3 38.4c.1-1.7 .2-3.5 .2-5.3zM192 448c56.2 0 108.6-9.4 148.1-25.9c16.3-6.8 31.5-15.2 43.9-25.5V432c0 44.2-86 80-192 80S0 476.2 0 432V396.6c12.5 10.3 27.6 18.7 43.9 25.5C83.4 438.6 135.8 448 192 448z'/></svg>"); }
.fa-credit-card::before { width: 1.125em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M512 80c8.8 0 16 7.2 16 16v32H48V96c0-8.8 7.2-16 16-16H512zm16 144V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V224H528zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm56 304c-13.3 0-24 10.7-24 24s10.7 24 24 24h48c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm128 0c-13.3 0-24 10.7-24 24s10.7 24 24 24H360c13.3 0 24-10.7 24-24s-10.7-24-24-24H248z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M512 80c8.8 0 16 7.2 16 16v32H48V96c0-8.8 7.2-16 16-16H512zm16 144V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V224H528zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm56 304c-13.3 0-24 10.7-24 24s10.7 24 24 24h48c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm128 0c-13.3 0-24 10.7-24 24s10.7 24 24 24H360c13.3 0 24-10.7 24-24s-10.7-24-24-24H248z'/></svg>"); }
.fa-envelope::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z'/></svg>"); }
.fa-file-alt::before { width: 0.75em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm56 256c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm56 256c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120z'/></svg>"); }
.fa-file-invoice-dollar::before { width: 0.75em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 80c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm128 72c8.8 0 16 7.2 16 16v17.3c8.5 1.2 16.7 3.1 24.1 5.1c8.5 2.3 13.6 11 11.3 19.6s-11 13.6-19.6 11.3c-11.1-3-22-5.2-32.1-5.3c-8.4-.1-17.4 1.8-23.6 5.5c-5.7 3.4-8.1 7.3-8.1 12.8c0 3.7 1.3 6.5 7.3 10.1c6.9 4.1 16.6 7.1 29.2 10.9l.5 .1 0 0 0 0c11.3 3.4 25.3 7.6 36.3 14.6c12.1 7.6 22.4 19.7 22.7 38.2c.3 19.3-9.6 33.3-22.9 41.6c-7.7 4.8-16.4 7.6-25.1 9.1V440c0 8.8-7.2 16-16 16s-16-7.2-16-16V422.2c-11.2-2.1-21.7-5.7-30.9-8.9l0 0 0 0c-2.1-.7-4.2-1.4-6.2-2.1c-8.4-2.8-12.9-11.9-10.1-20.2s11.9-12.9 20.2-10.1c2.5 .8 4.8 1.6 7.1 2.4l0 0 0 0 0 0c13.6 4.6 24.6 8.4 36.3 8.7c9.1 .3 17.9-1.7 23.7-5.3c5.1-3.2 7.9-7.3 7.8-14c-.1-4.6-1.8-7.8-7.7-11.6c-6.8-4.3-16.5-7.4-29-11.2l-1.6-.5 0 0c-11-3.3-24.3-7.3-34.8-13.7c-12-7.2-22.6-18.9-22.7-37.3c-.1-19.4 10.8-32.8 23.8-40.5c7.5-4.4 15.8-7.2 24.1-8.7V232c0-8.8 7.2-16 16-16z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 80c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16zm128 72c8.8 0 16 7.2 16 16v17.3c8.5 1.2 16.7 3.1 24.1 5.1c8.5 2.3 13.6 11 11.3 19.6s-11 13.6-19.6 11.3c-11.1-3-22-5.2-32.1-5.3c-8.4-.1-17.4 1.8-23.6 5.5c-5.7 3.4-8.1 7.3-8.1 12.8c0 3.7 1.3 6.5 7.3 10.1c6.9 4.1 16.6 7.1 29.2 10.9l.5 .1 0 0 0 0c11.3 3.4 25.3 7.6 36.3 14.6c12.1 7.6 22.4 19.7 22.7 38.2c.3 19.3-9.6 33.3-22.9 41.6c-7.7 4.8-16.4 7.6-25.1 9.1V440c0 8.8-7.2 16-16 16s-16-7.2-16-16V422.2c-11.2-2.1-21.7-5.7-30.9-8.9l0 0 0 0c-2.1-.7-4.2-1.4-6.2-2.1c-8.4-2.8-12.9-11.9-10.1-20.2s11.9-12.9 20.2-10.1c2.5 .8 4.8 1.6 7.1 2.4l0 0 0 0 0 0c13.6 4.6 24.6 8.4 36.3 8.7c9.1 .3 17.9-1.7 23.7-5.3c5.1-3.2 7.9-7.3 7.8-14c-.1-4.6-1.8-7.8-7.7-11.6c-6.8-4.3-16.5-7.4-29-11.2l-1.6-.5 0 0c-11-3.3-24.3-7.3-34.8-13.7c-12-7.2-22.6-18.9-22.7-37.3c-.1-19.4 10.8-32.8 23.8-40.5c7.5-4.4 15.8-7.2 24.1-8.7V232c0-8.8 7.2-16 16-16z'/></svg>"); }
.fa-gauge-high::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM256 416c35.3 0 64-28.7 64-64c0-17.4-6.9-33.1-18.1-44.6L366 161.7c5.3-12.1-.2-26.3-12.3-31.6s-26.3 .2-31.6 12.3L257.9 288c-.6 0-1.3 0-1.9 0c-35.3 0-64 28.7-64 64s28.7 64 64 64zM176 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM96 288a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm352-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM256 416c35.3 0 64-28.7 64-64c0-17.4-6.9-33.1-18.1-44.6L366 161.7c5.3-12.1-.2-26.3-12.3-31.6s-26.3 .2-31.6 12.3L257.9 288c-.6 0-1.3 0-1.9 0c-35.3 0-64 28.7-64 64s28.7 64 64 64zM176 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM96 288a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm352-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/></svg>"); }
.fa-id-badge::before { width: 0.75em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M256 48V64c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H256zM0 64C0 28.7 28.7 0 64 0H320c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM160 320h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M256 48V64c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H256zM0 64C0 28.7 28.7 0 64 0H320c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM160 320h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z'/></svg>"); }
.fa-info-circle::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/></svg>"); }
.fa-list-check::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M152.1 38.2c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 113C-2.3 103.6-2.3 88.4 7 79s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zm0 160c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 273c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zM224 96c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32zm0 160c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32zM160 416c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32zM48 368a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M152.1 38.2c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 113C-2.3 103.6-2.3 88.4 7 79s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zm0 160c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 273c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zM224 96c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32zm0 160c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32zM160 416c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32zM48 368a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/></svg>"); }
.fa-lock::before { width: 0.875em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M144 144v48H304V144c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192V144C80 64.5 144.5 0 224 0s144 64.5 144 144v48h16c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64H80z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M144 144v48H304V144c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192V144C80 64.5 144.5 0 224 0s144 64.5 144 144v48h16c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64H80z'/></svg>"); }
.fa-pen-square::before { width: 0.875em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM325.8 139.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-21.4 21.4-71-71 21.4-21.4c15.6-15.6 40.9-15.6 56.6 0zM119.9 289L225.1 183.8l71 71L190.9 359.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-5.5 1.4-11.2-.2-15.2-4.2s-5.6-9.7-4.2-15.2l15-60.1c1.4-5.6 4.3-10.8 8.4-14.9z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM325.8 139.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-21.4 21.4-71-71 21.4-21.4c15.6-15.6 40.9-15.6 56.6 0zM119.9 289L225.1 183.8l71 71L190.9 359.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-5.5 1.4-11.2-.2-15.2-4.2s-5.6-9.7-4.2-15.2l15-60.1c1.4-5.6 4.3-10.8 8.4-14.9z'/></svg>"); }
.fa-plug::before { width: 0.75em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M96 0C78.3 0 64 14.3 64 32v96h64V32c0-17.7-14.3-32-32-32zM288 0c-17.7 0-32 14.3-32 32v96h64V32c0-17.7-14.3-32-32-32zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32v32c0 77.4 55 142 128 156.8V480c0 17.7 14.3 32 32 32s32-14.3 32-32V412.8C297 398 352 333.4 352 256V224c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M96 0C78.3 0 64 14.3 64 32v96h64V32c0-17.7-14.3-32-32-32zM288 0c-17.7 0-32 14.3-32 32v96h64V32c0-17.7-14.3-32-32-32zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32v32c0 77.4 55 142 128 156.8V480c0 17.7 14.3 32 32 32s32-14.3 32-32V412.8C297 398 352 333.4 352 256V224c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z'/></svg>"); }
.fa-plus::before { width: 0.875em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/></svg>"); }
.fa-rocket::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M156.6 384.9L125.7 354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9 7-20.5 11.8-33.8L24 288c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3l82.3 0c2.4-4 4.8-7.7 7.2-11.3C289.1-4.1 411.1-8.1 483.9 5.3c11.6 2.1 20.6 11.2 22.8 22.8c13.4 72.9 9.3 194.8-111.4 276.7c-3.5 2.4-7.3 4.8-11.3 7.2v82.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9V380.8c-14.1 4.9-26.4 8.9-35.7 11.9c-11.2 3.6-23.4 .5-31.8-7.8zM384 168a40 40 0 1 0 0-80 40 40 0 1 0 0 80z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M156.6 384.9L125.7 354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9 7-20.5 11.8-33.8L24 288c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3l82.3 0c2.4-4 4.8-7.7 7.2-11.3C289.1-4.1 411.1-8.1 483.9 5.3c11.6 2.1 20.6 11.2 22.8 22.8c13.4 72.9 9.3 194.8-111.4 276.7c-3.5 2.4-7.3 4.8-11.3 7.2v82.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9V380.8c-14.1 4.9-26.4 8.9-35.7 11.9c-11.2 3.6-23.4 .5-31.8-7.8zM384 168a40 40 0 1 0 0-80 40 40 0 1 0 0 80z'/></svg>"); }
.fa-search::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/></svg>"); }
.fa-server::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M64 32C28.7 32 0 60.7 0 96v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm48 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zM64 288c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V352c0-35.3-28.7-64-64-64H64zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm56 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M64 32C28.7 32 0 60.7 0 96v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm48 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zM64 288c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V352c0-35.3-28.7-64-64-64H64zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm56 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z'/></svg>"); }
.fa-shield-alt::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z'/></svg>"); }
.fa-shield-halved::before { width: 1.0em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z'/></svg>"); }
.fa-shopify::before { width: 0.875em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M388.32,104.1a4.66,4.66,0,0,0-4.4-4c-2,0-37.23-.8-37.23-.8s-21.61-20.82-29.62-28.83V503.2L442.76,472S388.72,106.5,388.32,104.1ZM288.65,70.47a116.67,116.67,0,0,0-7.21-17.61C271,32.85,255.42,22,237,22a15,15,0,0,0-4,.4c-.4-.8-1.2-1.2-1.6-2C223.4,11.63,213,7.63,200.58,8c-24,.8-48,18-67.25,48.83-13.61,21.62-24,48.84-26.82,70.06-27.62,8.4-46.83,14.41-47.23,14.81-14,4.4-14.41,4.8-16,18-1.2,10-38,291.82-38,291.82L307.86,504V65.67a41.66,41.66,0,0,0-4.4.4S297.86,67.67,288.65,70.47ZM233.41,87.69c-16,4.8-33.63,10.4-50.84,15.61,4.8-18.82,14.41-37.63,25.62-50,4.4-4.4,10.41-9.61,17.21-12.81C232.21,54.86,233.81,74.48,233.41,87.69ZM200.58,24.44A27.49,27.49,0,0,1,215,28c-6.4,3.2-12.81,8.41-18.81,14.41-15.21,16.42-26.82,42-31.62,66.45-14.42,4.41-28.83,8.81-42,12.81C131.33,83.28,163.75,25.24,200.58,24.44ZM154.15,244.61c1.6,25.61,69.25,31.22,73.25,91.66,2.8,47.64-25.22,80.06-65.65,82.47-48.83,3.2-75.65-25.62-75.65-25.62l10.4-44s26.82,20.42,48.44,18.82c14-.8,19.22-12.41,18.81-20.42-2-33.62-57.24-31.62-60.84-86.86-3.2-46.44,27.22-93.27,94.47-97.68,26-1.6,39.23,4.81,39.23,4.81L221.4,225.39s-17.21-8-37.63-6.4C154.15,221,153.75,239.8,154.15,244.61ZM249.42,82.88c0-12-1.6-29.22-7.21-43.63,18.42,3.6,27.22,24,31.23,36.43Q262.63,78.68,249.42,82.88Z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M388.32,104.1a4.66,4.66,0,0,0-4.4-4c-2,0-37.23-.8-37.23-.8s-21.61-20.82-29.62-28.83V503.2L442.76,472S388.72,106.5,388.32,104.1ZM288.65,70.47a116.67,116.67,0,0,0-7.21-17.61C271,32.85,255.42,22,237,22a15,15,0,0,0-4,.4c-.4-.8-1.2-1.2-1.6-2C223.4,11.63,213,7.63,200.58,8c-24,.8-48,18-67.25,48.83-13.61,21.62-24,48.84-26.82,70.06-27.62,8.4-46.83,14.41-47.23,14.81-14,4.4-14.41,4.8-16,18-1.2,10-38,291.82-38,291.82L307.86,504V65.67a41.66,41.66,0,0,0-4.4.4S297.86,67.67,288.65,70.47ZM233.41,87.69c-16,4.8-33.63,10.4-50.84,15.61,4.8-18.82,14.41-37.63,25.62-50,4.4-4.4,10.41-9.61,17.21-12.81C232.21,54.86,233.81,74.48,233.41,87.69ZM200.58,24.44A27.49,27.49,0,0,1,215,28c-6.4,3.2-12.81,8.41-18.81,14.41-15.21,16.42-26.82,42-31.62,66.45-14.42,4.41-28.83,8.81-42,12.81C131.33,83.28,163.75,25.24,200.58,24.44ZM154.15,244.61c1.6,25.61,69.25,31.22,73.25,91.66,2.8,47.64-25.22,80.06-65.65,82.47-48.83,3.2-75.65-25.62-75.65-25.62l10.4-44s26.82,20.42,48.44,18.82c14-.8,19.22-12.41,18.81-20.42-2-33.62-57.24-31.62-60.84-86.86-3.2-46.44,27.22-93.27,94.47-97.68,26-1.6,39.23,4.81,39.23,4.81L221.4,225.39s-17.21-8-37.63-6.4C154.15,221,153.75,239.8,154.15,244.61ZM249.42,82.88c0-12-1.6-29.22-7.21-43.63,18.42,3.6,27.22,24,31.23,36.43Q262.63,78.68,249.42,82.88Z'/></svg>"); }
.fa-stopwatch::before { width: 0.875em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M176 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h16V98.4C92.3 113.8 16 200 16 304c0 114.9 93.1 208 208 208s208-93.1 208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L355.7 143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7 0 32-14.3 32-32s-14.3-32-32-32H224 176zm72 192V320c0 13.3-10.7 24-24 24s-24-10.7-24-24V192c0-13.3 10.7-24 24-24s24 10.7 24 24z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M176 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h16V98.4C92.3 113.8 16 200 16 304c0 114.9 93.1 208 208 208s208-93.1 208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L355.7 143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7 0 32-14.3 32-32s-14.3-32-32-32H224 176zm72 192V320c0 13.3-10.7 24-24 24s-24-10.7-24-24V192c0-13.3 10.7-24 24-24s24 10.7 24 24z'/></svg>"); }
.fa-store::before { width: 1.125em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M547.6 103.8L490.3 13.1C485.2 5 476.1 0 466.4 0H109.6C99.9 0 90.8 5 85.7 13.1L28.3 103.8c-29.6 46.8-3.4 111.9 51.9 119.4c4 .5 8.1 .8 12.1 .8c26.1 0 49.3-11.4 65.2-29c15.9 17.6 39.1 29 65.2 29c26.1 0 49.3-11.4 65.2-29c15.9 17.6 39.1 29 65.2 29c26.2 0 49.3-11.4 65.2-29c16 17.6 39.1 29 65.2 29c4.1 0 8.1-.3 12.1-.8c55.5-7.4 81.8-72.5 52.1-119.4zM499.7 254.9l-.1 0c-5.3 .7-10.7 1.1-16.2 1.1c-12.4 0-24.3-1.9-35.4-5.3V384H128V250.6c-11.2 3.5-23.2 5.4-35.6 5.4c-5.5 0-11-.4-16.3-1.1l-.1 0c-4.1-.6-8.1-1.3-12-2.3V384v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V384 252.6c-4 1-8 1.8-12.3 2.3z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M547.6 103.8L490.3 13.1C485.2 5 476.1 0 466.4 0H109.6C99.9 0 90.8 5 85.7 13.1L28.3 103.8c-29.6 46.8-3.4 111.9 51.9 119.4c4 .5 8.1 .8 12.1 .8c26.1 0 49.3-11.4 65.2-29c15.9 17.6 39.1 29 65.2 29c26.1 0 49.3-11.4 65.2-29c15.9 17.6 39.1 29 65.2 29c26.2 0 49.3-11.4 65.2-29c16 17.6 39.1 29 65.2 29c4.1 0 8.1-.3 12.1-.8c55.5-7.4 81.8-72.5 52.1-119.4zM499.7 254.9l-.1 0c-5.3 .7-10.7 1.1-16.2 1.1c-12.4 0-24.3-1.9-35.4-5.3V384H128V250.6c-11.2 3.5-23.2 5.4-35.6 5.4c-5.5 0-11-.4-16.3-1.1l-.1 0c-4.1-.6-8.1-1.3-12-2.3V384v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V384 252.6c-4 1-8 1.8-12.3 2.3z'/></svg>"); }
.fa-user-shield::before { width: 1.25em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c1.8 0 3.5-.2 5.3-.5c-76.3-55.1-99.8-141-103.1-200.2c-16.1-4.8-33.1-7.3-50.7-7.3H178.3zm308.8-78.3l-120 48C358 277.4 352 286.2 352 296c0 63.3 25.9 168.8 134.8 214.2c5.9 2.5 12.6 2.5 18.5 0C614.1 464.8 640 359.3 640 296c0-9.8-6-18.6-15.1-22.3l-120-48c-5.7-2.3-12.1-2.3-17.8 0zM591.4 312c-3.9 50.7-27.2 116.7-95.4 149.7V273.8L591.4 312z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c1.8 0 3.5-.2 5.3-.5c-76.3-55.1-99.8-141-103.1-200.2c-16.1-4.8-33.1-7.3-50.7-7.3H178.3zm308.8-78.3l-120 48C358 277.4 352 286.2 352 296c0 63.3 25.9 168.8 134.8 214.2c5.9 2.5 12.6 2.5 18.5 0C614.1 464.8 640 359.3 640 296c0-9.8-6-18.6-15.1-22.3l-120-48c-5.7-2.3-12.1-2.3-17.8 0zM591.4 312c-3.9 50.7-27.2 116.7-95.4 149.7V273.8L591.4 312z'/></svg>"); }
.fa-users-cog::before { width: 1.25em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M144 160A80 80 0 1 0 144 0a80 80 0 1 0 0 160zm368 0A80 80 0 1 0 512 0a80 80 0 1 0 0 160zM0 298.7C0 310.4 9.6 320 21.3 320H234.7c.2 0 .4 0 .7 0c-26.6-23.5-43.3-57.8-43.3-96c0-7.6 .7-15 1.9-22.3c-13.6-6.3-28.7-9.7-44.6-9.7H106.7C47.8 192 0 239.8 0 298.7zM320 320c24 0 45.9-8.8 62.7-23.3c2.5-3.7 5.2-7.3 8-10.7c2.7-3.3 5.7-6.1 9-8.3C410 262.3 416 243.9 416 224c0-53-43-96-96-96s-96 43-96 96s43 96 96 96zm65.4 60.2c-10.3-5.9-18.1-16.2-20.8-28.2H261.3C187.7 352 128 411.7 128 485.3c0 14.7 11.9 26.7 26.7 26.7H455.2c-2.1-5.2-3.2-10.9-3.2-16.4v-3c-1.3-.7-2.7-1.5-4-2.3l-2.6 1.5c-16.8 9.7-40.5 8-54.7-9.7c-4.5-5.6-8.6-11.5-12.4-17.6l-.1-.2-.1-.2-2.4-4.1-.1-.2-.1-.2c-3.4-6.2-6.4-12.6-9-19.3c-8.2-21.2 2.2-42.6 19-52.3l2.7-1.5c0-.8 0-1.5 0-2.3s0-1.5 0-2.3l-2.7-1.5zM533.3 192H490.7c-15.9 0-31 3.5-44.6 9.7c1.3 7.2 1.9 14.7 1.9 22.3c0 17.4-3.5 33.9-9.7 49c2.5 .9 4.9 2 7.1 3.3l2.6 1.5c1.3-.8 2.6-1.6 4-2.3v-3c0-19.4 13.3-39.1 35.8-42.6c7.9-1.2 16-1.9 24.2-1.9s16.3 .6 24.2 1.9c22.5 3.5 35.8 23.2 35.8 42.6v3c1.3 .7 2.7 1.5 4 2.3l2.6-1.5c16.8-9.7 40.5-8 54.7 9.7c2.3 2.8 4.5 5.8 6.6 8.7c-2.1-57.1-49-102.7-106.6-102.7zm91.3 163.9c6.3-3.6 9.5-11.1 6.8-18c-2.1-5.5-4.6-10.8-7.4-15.9l-2.3-4c-3.1-5.1-6.5-9.9-10.2-14.5c-4.6-5.7-12.7-6.7-19-3l-2.9 1.7c-9.2 5.3-20.4 4-29.6-1.3s-16.1-14.5-16.1-25.1v-3.4c0-7.3-4.9-13.8-12.1-14.9c-6.5-1-13.1-1.5-19.9-1.5s-13.4 .5-19.9 1.5c-7.2 1.1-12.1 7.6-12.1 14.9v3.4c0 10.6-6.9 19.8-16.1 25.1s-20.4 6.6-29.6 1.3l-2.9-1.7c-6.3-3.6-14.4-2.6-19 3c-3.7 4.6-7.1 9.5-10.2 14.6l-2.3 3.9c-2.8 5.1-5.3 10.4-7.4 15.9c-2.6 6.8 .5 14.3 6.8 17.9l2.9 1.7c9.2 5.3 13.7 15.8 13.7 26.4s-4.5 21.1-13.7 26.4l-3 1.7c-6.3 3.6-9.5 11.1-6.8 17.9c2.1 5.5 4.6 10.7 7.4 15.8l2.4 4.1c3 5.1 6.4 9.9 10.1 14.5c4.6 5.7 12.7 6.7 19 3l2.9-1.7c9.2-5.3 20.4-4 29.6 1.3s16.1 14.5 16.1 25.1v3.4c0 7.3 4.9 13.8 12.1 14.9c6.5 1 13.1 1.5 19.9 1.5s13.4-.5 19.9-1.5c7.2-1.1 12.1-7.6 12.1-14.9v-3.4c0-10.6 6.9-19.8 16.1-25.1s20.4-6.6 29.6-1.3l2.9 1.7c6.3 3.6 14.4 2.6 19-3c3.7-4.6 7.1-9.4 10.1-14.5l2.4-4.2c2.8-5.1 5.3-10.3 7.4-15.8c2.6-6.8-.5-14.3-6.8-17.9l-3-1.7c-9.2-5.3-13.7-15.8-13.7-26.4s4.5-21.1 13.7-26.4l3-1.7zM472 384a40 40 0 1 1 80 0 40 40 0 1 1 -80 0z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M144 160A80 80 0 1 0 144 0a80 80 0 1 0 0 160zm368 0A80 80 0 1 0 512 0a80 80 0 1 0 0 160zM0 298.7C0 310.4 9.6 320 21.3 320H234.7c.2 0 .4 0 .7 0c-26.6-23.5-43.3-57.8-43.3-96c0-7.6 .7-15 1.9-22.3c-13.6-6.3-28.7-9.7-44.6-9.7H106.7C47.8 192 0 239.8 0 298.7zM320 320c24 0 45.9-8.8 62.7-23.3c2.5-3.7 5.2-7.3 8-10.7c2.7-3.3 5.7-6.1 9-8.3C410 262.3 416 243.9 416 224c0-53-43-96-96-96s-96 43-96 96s43 96 96 96zm65.4 60.2c-10.3-5.9-18.1-16.2-20.8-28.2H261.3C187.7 352 128 411.7 128 485.3c0 14.7 11.9 26.7 26.7 26.7H455.2c-2.1-5.2-3.2-10.9-3.2-16.4v-3c-1.3-.7-2.7-1.5-4-2.3l-2.6 1.5c-16.8 9.7-40.5 8-54.7-9.7c-4.5-5.6-8.6-11.5-12.4-17.6l-.1-.2-.1-.2-2.4-4.1-.1-.2-.1-.2c-3.4-6.2-6.4-12.6-9-19.3c-8.2-21.2 2.2-42.6 19-52.3l2.7-1.5c0-.8 0-1.5 0-2.3s0-1.5 0-2.3l-2.7-1.5zM533.3 192H490.7c-15.9 0-31 3.5-44.6 9.7c1.3 7.2 1.9 14.7 1.9 22.3c0 17.4-3.5 33.9-9.7 49c2.5 .9 4.9 2 7.1 3.3l2.6 1.5c1.3-.8 2.6-1.6 4-2.3v-3c0-19.4 13.3-39.1 35.8-42.6c7.9-1.2 16-1.9 24.2-1.9s16.3 .6 24.2 1.9c22.5 3.5 35.8 23.2 35.8 42.6v3c1.3 .7 2.7 1.5 4 2.3l2.6-1.5c16.8-9.7 40.5-8 54.7 9.7c2.3 2.8 4.5 5.8 6.6 8.7c-2.1-57.1-49-102.7-106.6-102.7zm91.3 163.9c6.3-3.6 9.5-11.1 6.8-18c-2.1-5.5-4.6-10.8-7.4-15.9l-2.3-4c-3.1-5.1-6.5-9.9-10.2-14.5c-4.6-5.7-12.7-6.7-19-3l-2.9 1.7c-9.2 5.3-20.4 4-29.6-1.3s-16.1-14.5-16.1-25.1v-3.4c0-7.3-4.9-13.8-12.1-14.9c-6.5-1-13.1-1.5-19.9-1.5s-13.4 .5-19.9 1.5c-7.2 1.1-12.1 7.6-12.1 14.9v3.4c0 10.6-6.9 19.8-16.1 25.1s-20.4 6.6-29.6 1.3l-2.9-1.7c-6.3-3.6-14.4-2.6-19 3c-3.7 4.6-7.1 9.5-10.2 14.6l-2.3 3.9c-2.8 5.1-5.3 10.4-7.4 15.9c-2.6 6.8 .5 14.3 6.8 17.9l2.9 1.7c9.2 5.3 13.7 15.8 13.7 26.4s-4.5 21.1-13.7 26.4l-3 1.7c-6.3 3.6-9.5 11.1-6.8 17.9c2.1 5.5 4.6 10.7 7.4 15.8l2.4 4.1c3 5.1 6.4 9.9 10.1 14.5c4.6 5.7 12.7 6.7 19 3l2.9-1.7c9.2-5.3 20.4-4 29.6 1.3s16.1 14.5 16.1 25.1v3.4c0 7.3 4.9 13.8 12.1 14.9c6.5 1 13.1 1.5 19.9 1.5s13.4-.5 19.9-1.5c7.2-1.1 12.1-7.6 12.1-14.9v-3.4c0-10.6 6.9-19.8 16.1-25.1s20.4-6.6 29.6-1.3l2.9 1.7c6.3 3.6 14.4 2.6 19-3c3.7-4.6 7.1-9.4 10.1-14.5l2.4-4.2c2.8-5.1 5.3-10.3 7.4-15.8c2.6-6.8-.5-14.3-6.8-17.9l-3-1.7c-9.2-5.3-13.7-15.8-13.7-26.4s4.5-21.1 13.7-26.4l3-1.7zM472 384a40 40 0 1 1 80 0 40 40 0 1 1 -80 0z'/></svg>"); }
.fa-wand-magic-sparkles::before { width: 1.125em; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z'/></svg>"); }

/* ==========================================
   Landing Page Default Enhancements
   ========================================== */

/* Hero Section with floating orbs */
#home {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.5rem;
}

.hero-content-area {
  position: relative;
  min-height: auto;
  display: flex;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 992px) {
  #home {
    padding-bottom: 1rem;
  }
  .hero-content-area {
    min-height: auto;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1200px) {
  #home {
    padding-bottom: 1.5rem;
  }
  .hero-content-area {
    min-height: auto;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1400px) {
  .hero-content-area {
    min-height: auto;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
}

/* Hero Headline - Responsive Typography */
.hero-headline {
  font-size: 1.65rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.hero-headline .hero-line {
  display: block;
}

/* Typed text line - stable height to prevent layout shift */
.hero-headline .hero-typed-line {
  display: block;
  min-height: 1.25em;
  white-space: nowrap;
}

/* Wrapper for typed text to reserve space for longest string */
.typed-text-wrapper {
  display: inline;
  white-space: nowrap;
}

/* Keep cursor on same line as typed text */
.hero-headline .typed-cursor {
  display: inline;
  white-space: nowrap;
}

/* Hero description text */
.hero-description {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--phoenix-body-color);
  opacity: 0.9;
}

/* Hero CTA Container */
.hero-cta-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
}

.hero-cta-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

/* No Credit Card Text - Light mode */
.hero-no-cc-text {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(var(--phoenix-body-color-rgb), 0.7);
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}

/* Icon stack container */
.hero-no-cc-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hero-no-cc-icon .fa-credit-card {
  font-size: 0.8125rem;
  color: var(--phoenix-success);
}

/* Cross icon - rotated plus in bottom-right */
.hero-no-cc-cross {
  position: absolute;
  bottom: -2px;
  right: -4px;
  font-size: 0.375rem;
  color: #fff;
  background: var(--phoenix-success);
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .hero-no-cc-text {
  color: rgba(255, 255, 255, 0.6);
}

[data-bs-theme="dark"] .hero-no-cc-icon .fa-credit-card {
  color: #34d399;
}

[data-bs-theme="dark"] .hero-no-cc-cross {
  background: #34d399;
  color: #1a1a2e;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Desktop alignment */
@media (min-width: 992px) {
  .hero-cta-container {
    align-items: flex-start;
  }
  .hero-cta-buttons {
    justify-content: flex-start;
  }
}

@media (min-width: 576px) {
  .hero-headline {
    font-size: 1.875rem;
  }
  .hero-description {
    font-size: 0.95rem;
  }
}

@media (min-width: 768px) {
  .hero-headline {
    font-size: 2rem;
  }
  .hero-description {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .hero-headline {
    font-size: 2.25rem;
    line-height: 1.2;
  }
  .hero-headline .hero-typed-line {
    min-height: 1.2em;
  }
  .hero-description {
    font-size: 1rem;
    line-height: 1.65;
  }
}

@media (min-width: 1200px) {
  .hero-headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 1400px) {
  .hero-headline {
    font-size: 2.75rem;
  }
}

#home::before {
  content: '';
  position: absolute;
  top: -10%;
  right: -5%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(var(--phoenix-primary-rgb), 0.08) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 20s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

#home::after {
  content: '';
  position: absolute;
  bottom: -15%;
  left: -5%;
  width: 550px;
  height: 550px;
  background: radial-gradient(circle, rgba(var(--phoenix-info-rgb), 0.06) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 25s ease-in-out infinite reverse;
  pointer-events: none;
  z-index: 0;
}

@keyframes float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(30px, 30px) scale(1.05); }
}

/* Three.js Hero Canvas Container & Desktop Fallback */
.hero-canvas-container,
.hero-image-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; /* Full width on mobile */
  height: 100%;
  min-height: 320px;
  max-height: 480px;
  z-index: 1;
  pointer-events: none;
  opacity: 0.3; /* Lower opacity on mobile to keep text readable */
  transition: opacity 0.3s ease;
}

/* Fallback image container specific overrides */
.hero-image-container {
  opacity: 1 !important;
  z-index: 0;
  max-height: none;
}

.lf-hero-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-height: 320px;
  max-height: 480px;
  pointer-events: auto;
}

@media (min-width: 992px) {
  .hero-canvas-container,
  .hero-image-container {
    width: 55%;
    min-height: 460px;
    max-height: 520px;
    opacity: 1; /* Full opacity on desktop */
    top: 0;
    bottom: 0;
    transform: none;
  }
  .lf-hero-canvas {
    width: 80%;
    height: 80%;
    min-height: 340px;
    max-height: 400px;
  }
}

@media (min-width: 1200px) {
  .hero-canvas-container,
  .hero-image-container {
    width: 52%;
    min-height: 500px;
    max-height: 560px;
  }
  .lf-hero-canvas {
    width: 78%;
    height: 78%;
    min-height: 380px;
    max-height: 440px;
  }
}

@media (min-width: 1400px) {
  .hero-canvas-container,
  .hero-image-container {
    width: 50%;
    min-height: 540px;
    max-height: 600px;
  }
  .lf-hero-canvas {
    width: 75%;
    height: 75%;
    min-height: 400px;
    max-height: 460px;
  }
}

/* Hero content animations */
.hero-header-container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hero-header-container h1 {
  animation: fadeInUp 0.8s ease-out;
  font-size: 2.5rem;
  line-height: 1.15;
}

.hero-header-container p {
  animation: fadeInUp 1s ease-out;
  font-size: 1.125rem;
  line-height: 1.55;
}

.hero-header-container .btn {
  animation: fadeInUp 1.2s ease-out;
}

/* Reduce internal padding on text column */
.hero-header-container .col-12.col-lg-6 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

@media (min-width: 576px) {
  .hero-header-container h1 {
    font-size: 2.75rem;
  }
  .hero-header-container p {
    font-size: 1.15rem;
  }
}

@media (min-width: 768px) {
  .hero-header-container h1 {
    font-size: 3.25rem;
  }
  .hero-header-container p {
    font-size: 1.2rem;
  }
}

@media (min-width: 992px) {
  .hero-header-container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hero-header-container h1 {
    font-size: 3.75rem;
  }
  .hero-header-container p {
    font-size: 1.25rem;
    max-width: 540px;
  }
  .hero-header-container .col-12.col-lg-6 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .hero-header-container h1 {
    font-size: 4.25rem;
  }
  .hero-header-container p {
    font-size: 1.3rem;
    max-width: 580px;
  }
}

@media (min-width: 1400px) {
  .hero-header-container h1 {
    font-size: 4.5rem;
  }
  .hero-header-container p {
    font-size: 1.35rem;
    max-width: 620px;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hero Video Section */
.hero-video-container {
  position: relative;
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0 1rem;
  animation: fadeInUp 1.4s ease-out;
}

.hero-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.15),
    0 12px 24px -8px rgba(0, 0, 0, 0.1);
  background: rgba(var(--phoenix-body-bg-rgb), 0.5);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.15);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-video-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 50%,
    var(--phoenix-success) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.hero-video-wrapper:hover::before {
  opacity: 1;
}

.hero-video-wrapper:hover {
  transform: translateY(-4px);
  box-shadow:
    0 32px 64px -16px rgba(0, 0, 0, 0.2),
    0 16px 32px -8px rgba(0, 0, 0, 0.15);
}

.hero-video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1rem;
  object-fit: cover;
}

/* Video glow effect */
.hero-video-glow {
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(circle at 30% 30%, rgba(var(--phoenix-primary-rgb), 0.15) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(var(--phoenix-info-rgb), 0.12) 0%, transparent 45%);
  filter: blur(40px);
  opacity: 0.6;
  pointer-events: none;
  z-index: -1;
  animation: videoGlowPulse 8s ease-in-out infinite alternate;
}

@keyframes videoGlowPulse {
  0% { transform: scale(0.95); opacity: 0.4; }
  100% { transform: scale(1.05); opacity: 0.7; }
}

/* Dark mode video styling */
[data-bs-theme="dark"] .hero-video-wrapper {
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.4),
    0 12px 24px -8px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  border-color: rgba(var(--phoenix-border-color-rgb), 0.25);
}

[data-bs-theme="dark"] .hero-video-wrapper:hover {
  box-shadow:
    0 32px 64px -16px rgba(0, 0, 0, 0.5),
    0 16px 32px -8px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .hero-video-glow {
  background:
    radial-gradient(circle at 30% 30%, rgba(var(--phoenix-primary-rgb), 0.2) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(var(--phoenix-info-rgb), 0.18) 0%, transparent 45%);
}

/* Responsive adjustments for video */
@media (min-width: 576px) {
  .hero-video-container {
    padding: 0 2rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .hero-video-wrapper {
    border-radius: 1.25rem;
  }
  .hero-video {
    border-radius: 1.25rem;
  }
}

@media (min-width: 768px) {
  .hero-video-container {
    padding: 0 3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .hero-video-container {
    padding: 0 4rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .hero-video-wrapper {
    border-radius: 1.5rem;
  }
  .hero-video {
    border-radius: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .hero-video-container {
    padding: 0 5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1400px) {
  .hero-video-container {
    padding: 0 6rem;
  }
}

@media (max-width: 575.98px) {
  .hero-video-container {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding: 0 0.75rem;
  }
  .hero-video-wrapper {
    border-radius: 0.75rem;
  }
  .hero-video {
    border-radius: 0.75rem;
  }
  .hero-video-glow {
    display: none;
  }
}

/* Enhanced CTA buttons */
.landing-primary-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 0.75rem !important;
  background: linear-gradient(135deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 100%
  ) !important;
  border: none;
}

.landing-primary-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
  pointer-events: none;
}

.landing-primary-btn:hover::before {
  left: 100%;
}

.landing-primary-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(var(--phoenix-primary-rgb), 0.4);
}

.btn-link {
  transition: all 0.3s ease;
  position: relative;
}

.btn-link:hover {
  transform: translateX(4px);
  color: var(--phoenix-primary) !important;
}

/* Stats section cards */
#ai-smb-stats {
  --ai-smb-section-bg: linear-gradient(
    180deg,
    rgba(var(--phoenix-emphasis-bg-rgb), 0.88) 0%,
    rgba(var(--phoenix-primary-rgb), 0.02) 48%,
    rgba(var(--phoenix-emphasis-bg-rgb), 0.94) 100%
  );
  --ai-smb-section-line: rgba(var(--phoenix-border-color-rgb), 0.10);
  --ai-smb-card-bg: linear-gradient(
    180deg,
    rgba(var(--phoenix-body-highlight-bg-rgb), 0.96) 0%,
    rgba(var(--phoenix-body-bg-rgb), 0.98) 100%
  );
  --ai-smb-card-border: rgba(var(--phoenix-border-color-rgb), 0.16);
  --ai-smb-card-shadow:
    0 14px 36px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.54);
  --ai-smb-card-shadow-hover:
    0 22px 48px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.62);
  --ai-smb-accent-track: rgba(var(--phoenix-body-color-rgb), 0.12);
  --ai-smb-accent-fill: linear-gradient(
    90deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 62%,
    var(--phoenix-success) 100%
  );
  position: relative;
  isolation: isolate;
  background: var(--ai-smb-section-bg);
  box-shadow:
    inset 0 1px 0 var(--ai-smb-section-line),
    inset 0 -1px 0 var(--ai-smb-section-line);
}

#ai-smb-stats .bg-holder {
  opacity: 0.34;
  pointer-events: none;
}

#ai-smb-stats .ai-smb-stat-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid var(--ai-smb-card-border) !important;
  background: var(--ai-smb-card-bg) !important;
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: var(--ai-smb-card-shadow);
}

#ai-smb-stats .ai-smb-stat-card::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(255, 255, 255, 0.08) 100%
  );
  pointer-events: none;
}

#ai-smb-stats .ai-smb-stat-body {
  gap: 0.95rem;
}

#ai-smb-stats .ai-smb-stat-metric {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 0.1rem;
}

#ai-smb-stats .ai-smb-stat-value {
  display: block;
  line-height: 0.92;
  letter-spacing: -0.055em;
}

#ai-smb-stats .ai-smb-stat-accent {
  position: relative;
  width: min(100%, 9rem);
  height: 0.28rem;
  overflow: hidden;
  border-radius: 0.25rem;
  background: var(--ai-smb-accent-track);
}

#ai-smb-stats .ai-smb-stat-accent-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  border-radius: inherit;
  background: var(--ai-smb-accent-fill);
  transform-origin: left center;
}

#ai-smb-stats .ai-smb-stat-title {
  letter-spacing: -0.01em;
}

#ai-smb-stats .ai-smb-stat-copy {
  max-width: 22rem;
}

/* Unified Analytics Section */
#unified-analytics {
  --unified-analytics-section-bg: linear-gradient(
    180deg,
    rgba(var(--phoenix-emphasis-bg-rgb), 0.96) 0%,
    rgba(var(--phoenix-primary-rgb), 0.03) 38%,
    rgba(var(--phoenix-body-highlight-bg-rgb), 0.78) 100%
  );
  --unified-analytics-section-line: rgba(var(--phoenix-border-color-rgb), 0.10);
  position: relative;
  isolation: isolate;
  background: var(--unified-analytics-section-bg);
  box-shadow:
    inset 0 1px 0 var(--unified-analytics-section-line),
    inset 0 -1px 0 var(--unified-analytics-section-line);
}

#unified-analytics::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--phoenix-emphasis-bg-rgb), 0.16) 0%,
    rgba(var(--phoenix-emphasis-bg-rgb), 0) 24%,
    rgba(var(--phoenix-primary-rgb), 0.02) 100%
  );
  pointer-events: none;
  z-index: 0;
}

#unified-analytics .container-small {
  position: relative;
  z-index: 1;
}

.unified-analytics-intro {
  max-width: 46rem;
  color: rgba(var(--phoenix-body-color-rgb), 0.76);
}

.unified-analytics-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(18px) saturate(170%);
  background: linear-gradient(180deg,
    rgba(var(--phoenix-emphasis-bg-rgb), 0.98) 0%,
    rgba(var(--phoenix-body-bg-rgb), 0.95) 100%) !important;
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.16) !important;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.unified-analytics-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 55%,
    var(--phoenix-success) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.unified-analytics-card:hover::before {
  opacity: 1;
}

.unified-analytics-card:hover {
  transform: translateY(-8px);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.14),
    0 10px 22px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  border-color: rgba(var(--phoenix-primary-rgb), 0.26) !important;
}

.unified-analytics-card-glow {
  position: absolute;
  inset: -50%;
  background:
    linear-gradient(135deg, rgba(var(--phoenix-primary-rgb), 0.10) 0%, transparent 52%),
    linear-gradient(315deg, rgba(var(--phoenix-info-rgb), 0.08) 0%, transparent 48%);
  filter: blur(38px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 0;
}

.unified-analytics-card:hover .unified-analytics-card-glow {
  opacity: 1;
}

.unified-analytics-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 1rem;
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.1) 0%,
    rgba(var(--phoenix-info-rgb), 0.08) 100%
  );
  transition: all 0.3s ease;
}

.unified-analytics-card h4 {
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.unified-analytics-card .card-text {
  font-size: 0.9375rem;
  line-height: 1.6;
}

.unified-analytics-card:hover .unified-analytics-icon-wrap {
  transform: scale(1.1) rotate(5deg);
  background: linear-gradient(135deg, 
    rgba(var(--phoenix-primary-rgb), 0.15) 0%,
    rgba(var(--phoenix-info-rgb), 0.12) 100%
  );
}

.unified-analytics-icon {
  transition: all 0.3s ease;
}

.unified-analytics-card:hover .unified-analytics-icon {
  transform: scale(1.05);
}

/* Dark mode adjustments for Unified Analytics */
[data-bs-theme="dark"] #unified-analytics {
  --unified-analytics-section-bg: linear-gradient(
    180deg,
    rgba(18, 23, 35, 0.74) 0%,
    rgba(24, 31, 47, 0.92) 48%,
    rgba(18, 23, 35, 0.82) 100%
  );
  --unified-analytics-section-line: rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .unified-analytics-card {
  background: linear-gradient(180deg,
    rgba(var(--phoenix-emphasis-bg-rgb), 0.96) 0%,
    rgba(var(--phoenix-body-bg-rgb), 0.92) 100%) !important;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.40),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  border-color: rgba(var(--phoenix-border-color-rgb), 0.22) !important;
}

[data-bs-theme="dark"] .unified-analytics-card:hover {
  box-shadow:
    0 26px 64px rgba(0, 0, 0, 0.52),
    0 10px 22px rgba(0, 0, 0, 0.40),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
  border-color: rgba(var(--phoenix-primary-rgb), 0.30) !important;
}

[data-bs-theme="dark"] .unified-analytics-icon-wrap {
  background: linear-gradient(135deg, 
    rgba(var(--phoenix-primary-rgb), 0.15) 0%,
    rgba(var(--phoenix-info-rgb), 0.1) 100%
  );
}

[data-bs-theme="dark"] .unified-analytics-card:hover .unified-analytics-icon-wrap {
  background: linear-gradient(135deg, 
    rgba(var(--phoenix-primary-rgb), 0.25) 0%,
    rgba(var(--phoenix-info-rgb), 0.18) 100%
  );
}

/* Responsive adjustments for Unified Analytics */
@media (max-width: 991.98px) {
  #unified-analytics .display-6 {
    font-size: 1.75rem;
  }
  
  .unified-analytics-card {
    margin-bottom: 0;
  }
}

@media (max-width: 575.98px) {
  #unified-analytics .display-6 {
    font-size: 1.5rem;
  }

  .unified-analytics-card:hover {
    transform: translateY(-4px);
  }

  .unified-analytics-icon-wrap {
    width: 64px;
    height: 64px;
  }

  .unified-analytics-card h4 {
    font-size: 1.125rem;
  }

  .unified-analytics-card .card-text {
    font-size: 0.875rem;
  }
}

/* Feature section enhancements */
#feature {
  position: relative;
}

#feature .feature-image {
  transition: all 0.4s ease;
  border-radius: 1rem !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

#feature .swiper-slide:hover .feature-image {
  transform: scale(1.1);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);
}

/* Icon enhancements */
#feature img[width="48"] {
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 8px rgba(var(--phoenix-primary-rgb), 0.2));
}

#feature .border-start-lg:hover img[width="48"] {
  transform: scale(1.1) rotate(5deg);
  filter: drop-shadow(0 4px 12px rgba(var(--phoenix-primary-rgb), 0.3));
}

/* Feature Section Media Frames - Container styling */
.reports-media-frame,
.dataentry-media-frame,
.workflows-media-frame {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden;
  background: rgba(var(--phoenix-body-bg-rgb), 0.02);
}

/* Swiper container styling - needs explicit dimensions for fade effect */
.reports-media-swiper,
.dataentry-media-swiper,
.workflows-media-swiper {
  width: 100%;
  overflow: visible;
}

.reports-media-swiper .swiper-wrapper,
.dataentry-media-swiper .swiper-wrapper,
.workflows-media-swiper .swiper-wrapper {
  align-items: stretch;
}

/* Swiper slides - let Swiper handle opacity via fade effect */
.reports-media-swiper .swiper-slide,
.dataentry-media-swiper .swiper-slide,
.workflows-media-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  flex-shrink: 0;
}

/* Responsive media frame sizing */
@media (min-width: 992px) {
  .reports-media-frame,
  .dataentry-media-frame,
  .workflows-media-frame {
    max-width: 520px;
  }
}

@media (min-width: 1200px) {
  .reports-media-frame,
  .dataentry-media-frame,
  .workflows-media-frame {
    max-width: 560px;
  }
}

@media (max-width: 991.98px) {
  .reports-media-frame,
  .dataentry-media-frame,
  .workflows-media-frame {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}

/* Swiper Video Styles */
.swiper-slide-video {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 0.75rem;
  object-fit: contain;
  display: block;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  background: rgba(var(--phoenix-body-bg-rgb), 0.5);
}

.swiper-video-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(var(--phoenix-body-bg-rgb), 0.3);
  min-height: 200px;
}

/* ==========================================
   Video Play/Pause Controls
   ========================================== */
.video-control-btn {
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  border: none;
  background: rgba(var(--phoenix-body-bg-rgb), 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--phoenix-body-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(4px);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.video-control-btn svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: currentColor;
  transition: transform 0.2s ease;
}

.video-control-btn:hover {
  background: rgba(var(--phoenix-primary-rgb), 0.9);
  color: white;
  transform: translateY(0) scale(1.05);
  box-shadow:
    0 4px 12px rgba(var(--phoenix-primary-rgb), 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.video-control-btn:hover svg {
  transform: scale(1.1);
}

.video-control-btn:active {
  transform: translateY(0) scale(0.95);
}

/* Show control on hover/touch */
.swiper-video-wrapper:hover .video-control-btn,
.swiper-video-wrapper:focus-within .video-control-btn,
.swiper-video-wrapper.touched .video-control-btn {
  opacity: 1;
  transform: translateY(0);
}

/* Always show on mobile for touch accessibility */
@media (max-width: 991.98px) {
  .video-control-btn {
    opacity: 0.9;
    transform: translateY(0);
    width: 2.25rem;
    height: 2.25rem;
  }
  .video-control-btn svg {
    width: 1rem;
    height: 1rem;
  }
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .video-control-btn {
  background: rgba(var(--phoenix-body-bg-rgb), 0.9);
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .video-control-btn:hover {
  background: rgba(var(--phoenix-primary-rgb), 0.95);
  box-shadow:
    0 4px 16px rgba(var(--phoenix-primary-rgb), 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* Swiper pagination for mobile swipe indication */
.feature-swiper-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  min-height: 1rem;
  padding: 0.5rem 0 0.125rem;
}

.feature-swiper-pagination .swiper-pagination-bullet {
  width: 1.125rem;
  height: 0.25rem;
  margin: 0 !important;
  border-radius: 0.25rem;
  background: rgba(var(--phoenix-body-color-rgb), 0.25);
  opacity: 0.55;
  transform: scaleX(0.35);
  transform-origin: center;
  transition: background-color 0.22s ease, opacity 0.22s ease, transform 0.22s ease;
  cursor: pointer;
}

.feature-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--phoenix-primary);
  opacity: 1;
  transform: scaleX(1);
}

@media (max-width: 991.98px) {
  .feature-swiper-pagination {
    display: flex;
  }
}

/* ==========================================
   Mobile Feature Section Layout
   ========================================== */
/*
 * Navbar height calculation for sticky positioning:
 * The navbar uses sticky-top (position: sticky; top: 0).
 * On mobile screens, navbar height is approximately:
 * - Vertical padding: 0.75rem * 2 = 24px
 * - Logo container height: ~36px (27px logo + flex alignment)
 * - Border-bottom: 1px
 * - Visual breathing room: 4px
 * Total: ~65px on standard mobile, ~68px on tablet
 *
 * These values are intentionally generous to prevent any clipping
 * and account for variations in font rendering across devices.
 */
:root {
  --landing-navbar-height-mobile: 66px;
  --landing-navbar-height-tablet: 68px;
  --landing-navbar-height-sm: 64px;
}

/* Mobile: Show media inline above accordion via reordering */
@media (max-width: 991.98px) {
  /* Feature row layout on mobile */
  .feature-row-with-media {
    display: flex;
    flex-direction: column;
  }

  /* Swiper container on mobile - sticky above accordion */
  .feature-row-with-media .col-lg-6:has(.reports-media-frame),
  .feature-row-with-media .col-lg-6:has(.dataentry-media-frame),
  .feature-row-with-media .col-lg-6:has(.workflows-media-frame) {
    order: -1;
    position: sticky;
    /* Use navbar height variable to prevent clipping */
    top: var(--landing-navbar-height-mobile);
    z-index: 5;
    background: var(--phoenix-body-bg);
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--phoenix-border-color-rgb), 0.1);
  }

  /* Reduce media frame size on mobile for sticky view */
  .reports-media-frame,
  .dataentry-media-frame,
  .workflows-media-frame {
    --feature-swiper-mobile-height: clamp(11.75rem, 54vw, 15rem);
    --feature-swiper-mobile-max-height: max(10.5rem, calc(100svh - var(--landing-navbar-height-mobile) - 14.5rem));
    max-width: 100%;
    margin-bottom: 0;
  }

  .reports-media-swiper .swiper-wrapper,
  .dataentry-media-swiper .swiper-wrapper,
  .workflows-media-swiper .swiper-wrapper {
    height: min(var(--feature-swiper-mobile-height), var(--feature-swiper-mobile-max-height)) !important;
    min-height: 10.5rem;
    align-items: stretch;
  }

  .reports-media-swiper .swiper-slide,
  .dataentry-media-swiper .swiper-slide,
  .workflows-media-swiper .swiper-slide {
    height: 100% !important;
    min-height: 0;
  }

  .reports-media-swiper .swiper-video-wrapper,
  .dataentry-media-swiper .swiper-video-wrapper,
  .workflows-media-swiper .swiper-video-wrapper {
    height: 100%;
    min-height: 0;
  }

  .reports-media-swiper .swiper-slide-video,
  .dataentry-media-swiper .swiper-slide-video,
  .workflows-media-swiper .swiper-slide-video,
  .reports-media-swiper .swiper-video-wrapper mux-player,
  .dataentry-media-swiper .swiper-video-wrapper mux-player,
  .workflows-media-swiper .swiper-video-wrapper mux-player,
  .reports-media-swiper picture,
  .dataentry-media-swiper picture,
  .workflows-media-swiper picture,
  .reports-media-swiper .feature-image,
  .dataentry-media-swiper .feature-image,
  .workflows-media-swiper .feature-image {
    width: 100%;
    height: 100%;
    max-height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
  }

  /* Mobile swipe hint indicator */
  .swiper-swipe-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    color: rgba(var(--phoenix-body-color-rgb), 0.5);
    line-height: 1.2;
    min-height: 1.125rem;
    padding: 0.125rem 0 0;
    animation: swipeHintFade 1.8s ease-in-out 2;
  }

  .swiper-swipe-hint svg {
    width: 0.875rem;
    height: 0.875rem;
    opacity: 0.6;
  }

  @keyframes swipeHintFade {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 0.9; }
  }

  /* Hide swipe hint after user has interacted */
  .swiper-touched .swiper-swipe-hint {
    display: none;
  }
}

/* Tablet adjustments */
@media (min-width: 576px) and (max-width: 991.98px) {
  .reports-media-frame,
  .dataentry-media-frame,
  .workflows-media-frame {
    --feature-swiper-mobile-height: clamp(15rem, 42vw, 21rem);
    --feature-swiper-mobile-max-height: max(14rem, calc(100svh - var(--landing-navbar-height-tablet) - 16rem));
  }

  .feature-row-with-media .col-lg-6:has(.reports-media-frame),
  .feature-row-with-media .col-lg-6:has(.dataentry-media-frame),
  .feature-row-with-media .col-lg-6:has(.workflows-media-frame) {
    top: var(--landing-navbar-height-tablet);
    padding-top: 1rem;
    padding-bottom: 0.75rem;
  }
}

/* Small mobile adjustments */
@media (max-width: 575.98px) {
  .reports-media-frame,
  .dataentry-media-frame,
  .workflows-media-frame {
    --feature-swiper-mobile-height: clamp(11.25rem, 53vw, 14rem);
    --feature-swiper-mobile-max-height: max(10.25rem, calc(100svh - var(--landing-navbar-height-sm) - 14rem));
  }

  .feature-row-with-media .col-lg-6:has(.reports-media-frame),
  .feature-row-with-media .col-lg-6:has(.dataentry-media-frame),
  .feature-row-with-media .col-lg-6:has(.workflows-media-frame) {
    top: var(--landing-navbar-height-sm);
    padding-top: 0.5rem;
    padding-bottom: 0.375rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: calc(100% + 1.5rem);
  }
}

/* Feature images in swiper slides */
.reports-media-swiper .feature-image,
.dataentry-media-swiper .feature-image,
.workflows-media-swiper .feature-image {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Picture elements in swiper need proper display */
.reports-media-swiper picture,
.dataentry-media-swiper picture,
.workflows-media-swiper picture {
  display: block;
  width: 100%;
  line-height: 0;
}

/* Ensure first slide is always visible as fallback before JS runs */
.reports-media-swiper .swiper-slide:first-child,
.dataentry-media-swiper .swiper-slide:first-child,
.workflows-media-swiper .swiper-slide:first-child {
  display: flex !important;
}

/* Hide non-active slides but keep first visible as fallback */
.swiper-initialized .swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
}

/* Dark mode video styling */
[data-bs-theme="dark"] .swiper-slide-video {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .swiper-video-wrapper {
  background: rgba(var(--phoenix-body-bg-rgb), 0.5);
}

/* Responsive video sizing */
@media (max-width: 991.98px) {
  .swiper-slide-video {
    border-radius: 0.5rem;
  }
  .swiper-video-wrapper {
    border-radius: 0.5rem;
    min-height: 150px;
  }
}

@media (max-width: 575.98px) {
  .swiper-slide-video {
    border-radius: 0.375rem;
  }
  .swiper-video-wrapper {
    border-radius: 0.375rem;
    min-height: 120px;
  }
}

#reports-accordion .accordion-item { 
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.2) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

#reports-accordion .accordion-item:hover {
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25) !important;
  transform: translateX(4px) !important;
}

html[data-bs-theme='dark'] #reports-accordion .accordion-item:hover {
  box-shadow: 0 4px 16px rgba(166, 166, 166, 0.45) !important;
  transform: translateX(4px) !important;
}

#reports-accordion .accordion-button { 
  font-weight: 600 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  transition: all 0.3s ease !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

#reports-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  position: relative;
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
}

#reports-accordion .accordion-button::after {
  transition: all 0.3s ease !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

#reports-accordion .accordion-button.collapsed:hover::after {
  transform: rotate(0deg) scale(1.2) !important;
}

#reports-accordion .accordion-button:not(.collapsed):hover::after {
  transform: rotate(180deg) scale(1.2) !important;
}

#reports-accordion .accordion-body {
  animation: slideDown 0.3s ease !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

#de-accordion .accordion-item { 
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.2) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

#de-accordion .accordion-item:hover {
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25) !important;
  transform: translateX(4px) !important;
}

html[data-bs-theme='dark'] #de-accordion .accordion-item:hover {
  box-shadow: 0 4px 16px rgba(166, 166, 166, 0.45) !important;
  transform: translateX(4px) !important;
}

#de-accordion .accordion-button { 
  font-weight: 600 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  transition: all 0.3s ease !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

#de-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  position: relative;
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
}

#de-accordion .accordion-button::after {
  transition: all 0.3s ease !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Collapsed state (default +) on hover - scale without rotation */
#de-accordion .accordion-button.collapsed:hover::after {
  transform: rotate(0deg) scale(1.2) !important;
}

/* Expanded state (rotated -) on hover - scale WITH rotation */
#de-accordion .accordion-button:not(.collapsed):hover::after {
  transform: rotate(180deg) scale(1.2) !important;
}

#de-accordion .accordion-body {
  animation: slideDown 0.3s ease !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

#wf-accordion .accordion-item { 
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.2) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

#wf-accordion .accordion-item:hover {
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25) !important;
  transform: translateX(4px) !important;
}

html[data-bs-theme='dark'] #wf-accordion .accordion-item:hover {
  box-shadow: 0 4px 16px rgba(166, 166, 166, 0.45) !important;
  transform: translateX(4px) !important;
}

#wf-accordion .accordion-button { 
  font-weight: 600 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  transition: all 0.3s ease !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

#wf-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  position: relative;
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
}

#wf-accordion .accordion-button::after {
  transition: all 0.3s ease !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

#wf-accordion .accordion-button::after {
  transition: all 0.3s ease !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

#wf-accordion .accordion-button.collapsed:hover::after {
  transform: rotate(0deg) scale(1.2) !important;
}

#wf-accordion .accordion-button:not(.collapsed):hover::after {
  transform: rotate(180deg) scale(1.2) !important;
}

#wf-accordion .accordion-body {
  animation: slideDown 0.3s ease !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Section headings enhancement */
#feature h2,
#feature h3,
#feature h4 {
  position: relative;
  animation: fadeInUp 0.8s ease-out;
}

/* Feature cards in columns */
#feature .border-start-lg {
  transition: all 0.3s ease;
  padding-left: 1rem;
  border-radius: 0.5rem;
}

#feature .border-start-lg:hover {
  background-color: rgba(var(--phoenix-body-highlight-bg-rgb), 0.5);
  transform: translateX(4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Schedule Demo button enhancement */
.landing-outline-btn {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  border-width: 2px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 0.75rem !important;
}

.landing-outline-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
    transparent,
    rgba(var(--phoenix-primary-rgb), 0.1),
    transparent
  );
  transition: left 0.5s ease;
  pointer-events: none;
}

.landing-outline-btn:hover::before {
  left: 100%;
}

.landing-outline-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(var(--phoenix-primary-rgb), 0.25);
  border-color: var(--phoenix-primary);
}

/* Text emphasis with gradient */
#home .text-primary {
  background: linear-gradient(135deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Typed.js Business Text Animation */
.typed-business-text {
  display: inline-block;
  position: relative;
  background: linear-gradient(135deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 60%,
    var(--phoenix-success) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% 100%;
  animation: typed-gradient-shift 4s ease-in-out infinite;
}

@keyframes typed-gradient-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Typed cursor styling - matches theme */
.typed-cursor {
  display: inline-block;
  font-weight: 100;
  margin-left: 2px;
  color: var(--phoenix-primary);
  opacity: 1;
  animation: typed-blink 0.85s ease-in-out infinite;
}

@keyframes typed-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Dark mode cursor enhancement */
[data-bs-theme="dark"] .typed-cursor {
  color: var(--phoenix-primary-light, #7BA3FF);
  text-shadow: 0 0 8px rgba(var(--phoenix-primary-rgb), 0.5);
}

[data-bs-theme="dark"] .typed-business-text {
  background: linear-gradient(135deg,
    var(--phoenix-primary-light, #7BA3FF) 0%,
    var(--phoenix-info-light, #67E8F9) 60%,
    var(--phoenix-success-light, #5BE3A1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% 100%;
  animation: typed-gradient-shift 4s ease-in-out infinite;
}

/* Bottom line text enhancement */
#benefits strong,
#ease-of-use strong,
#feature strong {
  color: var(--phoenix-primary);
}

/* ==========================================
   Pricing Section Enhancements
   ========================================== */

/* Pricing section background */
#pricing {
  position: relative;
}

/* Ensure pricing section text-primary remains visible */
#pricing .text-primary {
background: none !important;
-webkit-background-clip: unset !important;
-webkit-text-fill-color: unset !important;
background-clip: unset !important;
}

/* Billing Toggle Enhancement */
#billing-toggle {
  background: rgba(var(--phoenix-body-bg-rgb), 0.8) !important;
  backdrop-filter: blur(10px) !important;
  padding: 0.5rem 1.5rem !important;
  border-radius: 2rem !important;
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.2) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.3s ease !important;
}

#billing-toggle:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px) !important;
}

#billing-toggle .form-check.form-switch {
  padding-right: 0.5rem !important;
}

/* Ensure billing toggle text remains visible */
#billing-toggle .text-primary {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
}

.form-check-input {
  cursor: pointer !important;
  width: 3rem !important;
  height: 1.5rem !important;
  transition: all 0.3s ease !important;
}

.form-check-input:checked {
  background-color: var(--phoenix-primary) !important;
  border-color: var(--phoenix-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--phoenix-primary-rgb), 0.1) !important;
}

/* Enhanced Pricing Cards */
.pricing-card {
  position: relative !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  background: rgba(var(--phoenix-body-bg-rgb), 0.9) !important;
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.2) !important;
  border-radius: 1rem !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  animation: cardFadeIn 0.6s ease-out backwards !important;
}

.pricing-card:nth-child(1) { animation-delay: 0.1s !important; }
.pricing-card:nth-child(2) { animation-delay: 0.2s !important; }
.pricing-card:nth-child(3) { animation-delay: 0.3s !important; }
.pricing-card:nth-child(4) { animation-delay: 0.4s !important; }

@keyframes cardFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pricing-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 50%,
    var(--phoenix-success) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pricing-card:hover::before {
  opacity: 1;
}

.pricing-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.15),
    0 8px 20px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border-color: rgba(var(--phoenix-primary-rgb), 0.3) !important;
}

/* Popular badge for the recommended plan (Professional, per spec D2) */
.pricing-card.card-popular {
  border: 2px solid transparent !important;
  background:
    linear-gradient(rgba(var(--phoenix-body-bg-rgb), 0.92), rgba(var(--phoenix-body-bg-rgb), 0.92)) padding-box,
    linear-gradient(135deg,
      var(--phoenix-primary) 0%,
      var(--phoenix-info) 100%
    ) border-box !important;
  box-shadow: 
    0 12px 40px rgba(var(--phoenix-primary-rgb), 0.15),
    0 4px 12px rgba(var(--phoenix-primary-rgb), 0.1) !important;
  padding-top: 0;
}

.pricing-card.card-popular:hover {
  border-color: transparent !important;
}

.pricing-card.card-popular::before {
  content: none !important;
}

/* Most Popular badge styling */
.pricing-card.card-popular .popular-badge {
  top: 0;
  left: 0;
  right: 0;
  min-height: 2.6rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, 
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08) !important;
  overflow: hidden;
  isolation: isolate;
  z-index: 10 !important;
}

.pricing-card.card-popular .popular-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
    transparent,
    rgba(255, 255, 255, 0.22),
    transparent
  );
  animation: popularBadgeSheen 3.8s ease-in-out infinite;
  opacity: 0.9;
  pointer-events: none;
}

.pricing-card.card-popular .popular-badge p {
  position: relative;
  z-index: 1;
  color: white !important;
  font-weight: 700 !important;
  letter-spacing: 0.015em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  margin: 0 !important;
}

@keyframes popularBadgeSheen {
  0%,
  12% {
    left: -100%;
  }
  55%,
  100% {
    left: 100%;
  }
}

/* Subscribe button in popular card */
.pricing-card.card-popular .btn-primary.pricing-cta {
  background: linear-gradient(135deg, 
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 100%
  ) !important;
  border: none !important;
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.pricing-card.card-popular .btn-primary.pricing-cta:hover {
  background: linear-gradient(135deg, 
    var(--phoenix-primary-dark, #0d6efd) 0%,
    var(--phoenix-info-dark, #0dcaf0) 100%
  ) !important;
  color: white !important;
  transform: translateY(-2px) !important;
}

/* Light mode overrides for popular card */
[data-bs-theme="light"] .pricing-card.card-popular,
html:not([data-bs-theme="dark"]) .pricing-card.card-popular {
  background:
    linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)) padding-box,
    linear-gradient(135deg,
      #0d6efd 0%,
      #0dcaf0 100%
    ) border-box !important;
}

[data-bs-theme="light"] .pricing-card.card-popular .popular-badge,
html:not([data-bs-theme="dark"]) .pricing-card.card-popular .popular-badge {
  background: linear-gradient(135deg, 
    #0d6efd 0%,
    #0dcaf0 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08) !important;
}

[data-bs-theme="light"] .pricing-card.card-popular .popular-badge p {
  color: white !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

[data-bs-theme="light"] .pricing-card.card-popular .btn-primary.pricing-cta {
  background: linear-gradient(135deg, 
    #0d6efd 0%,
    #0dcaf0 100%
  ) !important;
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="light"] .pricing-card.card-popular .btn-primary.pricing-cta:hover {
  background: linear-gradient(135deg, 
    #0b5ed7 0%,
    #0aa2c0 100%
  ) !important;
}

/* ==========================================
   Lordicon Pricing Tier Icons - Enhanced
   ========================================== */

/* Lordicon base styling */
.pricing-tier-icon {
    display: inline-block !important;
    margin-bottom: 0.25rem !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    filter: drop-shadow(0 2px 6px rgba(var(--phoenix-primary-rgb), 0.12)) !important;
}

.pricing-card:hover .pricing-tier-icon {
    transform: scale(1.1) !important;
    filter: drop-shadow(0 4px 16px rgba(var(--phoenix-primary-rgb), 0.25)) !important;
}

/* Light mode Lordicon colors - enhanced vibrancy */
.starter-icon {
    --lord-icon-primary: #3874FF;
    --lord-icon-secondary: #34D399;
}

.professional-icon {
    --lord-icon-primary: #3874FF;
    --lord-icon-secondary: #2BB673;
    --lord-icon-tertiary: #F59E0B;
}

.business-icon {
    --lord-icon-primary: #2F5FE6;
    --lord-icon-secondary: #22A366;
    --lord-icon-tertiary: #F59E0B;
}

.enterprise-icon {
    --lord-icon-primary: #2F5FE6;
    --lord-icon-secondary: #22A366;
}

/* Dark mode Lordicon colors - brighter for visibility */
[data-bs-theme="dark"] .starter-icon {
    --lord-icon-primary: #7BA3FF;
    --lord-icon-secondary: #5BE3A1;
}

[data-bs-theme="dark"] .professional-icon {
    --lord-icon-primary: #7BA3FF;
    --lord-icon-secondary: #5BE3A1;
    --lord-icon-tertiary: #FBB740;
}

[data-bs-theme="dark"] .business-icon {
    --lord-icon-primary: #8AB2FF;
    --lord-icon-secondary: #5BE3A1;
    --lord-icon-tertiary: #FBB740;
}

[data-bs-theme="dark"] .enterprise-icon {
    --lord-icon-primary: #8AB2FF;
    --lord-icon-secondary: #5BE3A1;
}

/* Pricing amount styling */
.pricing-amount {
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

.pricing-card:hover .pricing-amount {
  transform: scale(1.05) !important;
  color: var(--phoenix-info) !important;
}

.pricing-annual-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: min(100%, 18rem) !important;
  min-height: 1.75rem !important;
  margin: 0 auto 1.5rem !important;
  padding: 0.35rem 0.7rem !important;
  border-radius: 6px !important;
  background-color: rgba(var(--phoenix-primary-rgb), 0.06) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
}

.pricing-annual-note.d-none {
  display: none !important;
}

/* CTA Button enhancements */
.pricing-cta {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(var(--phoenix-primary-rgb), 0.15) !important;
}

.pricing-cta::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  ) !important;
  transition: left 0.5s ease !important;
  pointer-events: none !important;
}

.pricing-cta:hover::before {
  left: 100% !important;
}

.pricing-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(var(--phoenix-primary-rgb), 0.3) !important;
}

.btn-primary.pricing-cta {
  background: linear-gradient(135deg, 
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 100%
  ) !important;
  border: none !important;
}

/* Feature list styling */
.pricing-card .fa-ul {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.fa-ul li {
  transition: all 0.2s ease !important;
  padding: 0.25rem 0 !important;
  border-radius: 0.375rem !important;
  margin-left: -0.5rem !important;
  padding-left: 0.5rem !important;
}

.fa-ul li:hover {
  background-color: rgba(var(--phoenix-body-highlight-bg-rgb), 0.4) !important;
  transform: translateX(4px) !important;
}

.fa-ul .fa-li {
  transition: transform 0.2s ease !important;
}

.fa-ul li:hover .fa-li {
  transform: scale(1.15) !important;
}

/* Badge enhancements */
.badge-phoenix {
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
}

.badge-phoenix:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Pricing section bottom CTA */
#pricing .landing-outline-btn {
  transition: all 0.3s ease !important;
  border-width: 2px !important;
}

#pricing .landing-outline-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(var(--phoenix-primary-rgb), 0.25) !important;
}

#pricing .btn-link {
  transition: all 0.2s ease !important;
}

#pricing .btn-link:hover {
  transform: translateX(4px) !important;
}

/* Dark mode adjustments */
[data-bs-theme="dark"] #ai-smb-stats {
  --ai-smb-section-bg: linear-gradient(
    180deg,
    rgba(20, 24, 36, 0.62) 0%,
    rgba(24, 31, 47, 0.90) 48%,
    rgba(20, 24, 36, 0.76) 100%
  );
  --ai-smb-section-line: rgba(255, 255, 255, 0.05);
  --ai-smb-card-bg: linear-gradient(
    180deg,
    rgba(var(--phoenix-body-bg-rgb), 0.92) 0%,
    rgba(var(--phoenix-body-bg-rgb), 0.84) 100%
  );
  --ai-smb-card-border: rgba(255, 255, 255, 0.08);
  --ai-smb-card-shadow:
    0 14px 40px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --ai-smb-card-shadow-hover:
    0 22px 54px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --ai-smb-accent-track: rgba(255, 255, 255, 0.12);
}

[data-bs-theme="dark"] #ai-smb-stats .bg-holder {
  opacity: 0.18;
}

/* Dark mode pricing adjustments */
[data-bs-theme="dark"] .pricing-card {
  background: rgba(var(--phoenix-body-bg-rgb), 0.7) !important;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .pricing-card:hover {
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 8px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-bs-theme="dark"] .pricing-annual-note {
  color: rgba(222, 226, 230, 0.78) !important;
  border-color: rgba(138, 178, 255, 0.24) !important;
  color: #b8cbff !important;
}

[data-bs-theme="dark"] #billing-toggle {
  background: rgba(var(--phoenix-body-bg-rgb), 0.9) !important;
}

[data-bs-theme="dark"] .pricing-card.card-popular .popular-badge {
  background: linear-gradient(135deg, 
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;
}

[data-bs-theme="dark"] .pricing-card.card-popular {
  background:
    linear-gradient(rgba(var(--phoenix-body-bg-rgb), 0.92), rgba(var(--phoenix-body-bg-rgb), 0.92)) padding-box,
    linear-gradient(135deg,
      var(--phoenix-primary) 0%,
      var(--phoenix-info) 100%
    ) border-box !important;
}

[data-bs-theme="dark"] .pricing-card.card-popular .popular-badge p {
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

[data-bs-theme="dark"] .pricing-card.card-popular .btn-primary.pricing-cta {
  background: linear-gradient(135deg, 
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 100%
  ) !important;
  color: white !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  #home::before,
  #home::after {
    width: 400px;
    height: 400px;
  }
  
  #ai-smb-stats .ai-smb-stat-card {
    margin-bottom: 0;
  }
  
  .pricing-card {
    margin-bottom: 1.5rem !important;
  }
  
  #billing-toggle {
    margin-top: 1rem !important;
  }
}

@media (max-width: 575.98px) {
  #home::before,
  #home::after {
    display: none;
  }
  
  #ai-smb-stats .ai-smb-stat-card {
    border-radius: 0.875rem;
  }

  #ai-smb-stats .ai-smb-stat-accent {
    width: 7.5rem;
  }
  
  .landing-primary-btn {
    width: 100%;
  }
  
  .pricing-card:hover {
    transform: translateY(-4px) !important;
  }
}

/* ==========================================
   Security Section (Landing)
   ========================================== */

#security {
  position: relative;
}

#security::before {
  content: '';
  position: absolute;
  top: -10%;
  left: -10%;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

#security::after {
  content: '';
  position: absolute;
  bottom: -15%;
  right: -10%;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.security-highlight-card {
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(18px) saturate(170%);
  background: rgba(var(--phoenix-body-bg-rgb), 0.78) !important;
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.16) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.security-highlight-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,
    var(--phoenix-primary) 0%,
    var(--phoenix-info) 55%,
    var(--phoenix-success) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.security-highlight-card:hover::before {
  opacity: 1;
}

.security-highlight-card:hover {
  transform: translateY(-8px);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.14),
    0 10px 22px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  border-color: rgba(var(--phoenix-primary-rgb), 0.26) !important;
}

.security-card-glow {
  position: absolute;
  inset: -50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(var(--phoenix-primary-rgb), 0.10) 0%, transparent 45%),
    radial-gradient(circle at 70% 70%, rgba(var(--phoenix-info-rgb), 0.08) 0%, transparent 45%);
  filter: blur(38px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 0;
}

.security-highlight-card:hover .security-card-glow {
  opacity: 1;
}

.security-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 1.125rem;
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.10) 0%,
    rgba(var(--phoenix-info-rgb), 0.08) 100%
  );
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.12);
  transition: all 0.3s ease;
}

.security-feature-icon {
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 8px rgba(var(--phoenix-primary-rgb), 0.18));
}

.security-highlight-card:hover .security-icon-wrap {
  transform: scale(1.06) rotate(4deg);
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.14) 0%,
    rgba(var(--phoenix-info-rgb), 0.12) 100%
  );
  border-color: rgba(var(--phoenix-primary-rgb), 0.22);
}

.security-highlight-card:hover .security-feature-icon {
  transform: scale(1.05);
  filter: drop-shadow(0 4px 14px rgba(var(--phoenix-primary-rgb), 0.26));
}

/* Dark mode adjustments for security cards */
[data-bs-theme="dark"] .security-highlight-card {
  background: rgba(var(--phoenix-body-bg-rgb), 0.65) !important;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.40),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  border-color: rgba(var(--phoenix-border-color-rgb), 0.22) !important;
}

[data-bs-theme="dark"] .security-highlight-card:hover {
  box-shadow:
    0 26px 64px rgba(0, 0, 0, 0.52),
    0 10px 22px rgba(0, 0, 0, 0.40),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
  border-color: rgba(var(--phoenix-primary-rgb), 0.30) !important;
}

[data-bs-theme="dark"] .security-icon-wrap {
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.16) 0%,
    rgba(var(--phoenix-info-rgb), 0.10) 100%
  );
  border-color: rgba(var(--phoenix-border-color-rgb), 0.22);
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.35),
    0 2px 10px rgba(var(--phoenix-primary-rgb), 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.security-learn-more {
  display: inline-flex;
  align-items: center;
  align-self: center;
}

/* Responsive adjustments for security section */
@media (max-width: 575.98px) {
  #security::before,
  #security::after {
    display: none;
  }

  .security-icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 1rem;
  }

  .security-learn-more {
    width: 100%;
    justify-content: flex-start;
    align-self: flex-start;
    text-align: left;
  }
}

/* ==========================================
   Insights CTA Section
   ========================================== */

#insights-cta {
  position: relative;
  isolation: isolate;
}

#insights-cta::before {
  content: '';
  position: absolute;
  top: -25%;
  left: -8%;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: none;
  pointer-events: none;
  z-index: 0;
}

#insights-cta::after {
  content: '';
  position: absolute;
  right: -10%;
  bottom: -30%;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: none;
  pointer-events: none;
  z-index: 0;
}

.insights-cta-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 2rem;
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.16);
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.08) 0%,
    rgba(var(--phoenix-info-rgb), 0.05) 35%,
    rgba(var(--phoenix-body-bg-rgb), 0.96) 100%);
  backdrop-filter: blur(18px) saturate(160%);
  box-shadow:
    0 10px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.insights-cta-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: none;
  pointer-events: none;
  z-index: 0;
}

.insights-cta-card::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: calc(2rem - 1px);
  border: 1px solid rgba(255, 255, 255, 0.35);
  opacity: 0.55;
  pointer-events: none;
  z-index: 0;
}

.insights-cta-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--phoenix-primary-rgb), 0.24);
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.insights-cta-card > * {
  position: relative;
  z-index: 1;
}

.insights-cta-copy {
  max-width: 44rem;
}

.insights-cta-copy h2 {
  letter-spacing: -0.03em;
}

.insights-cta-copy p {
  color: rgba(var(--phoenix-body-color-rgb), 0.76);
  max-width: 40rem;
}

.insights-cta-action {
  min-width: 13rem;
  justify-content: center;
}

[data-bs-theme="dark"] #insights-cta::before {
  background: none;
}

[data-bs-theme="dark"] #insights-cta::after {
  background: none;
}

[data-bs-theme="dark"] .insights-cta-card {
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.16) 0%,
    rgba(var(--phoenix-info-rgb), 0.08) 32%,
    rgba(10, 14, 28, 0.94) 100%);
  border-color: rgba(var(--phoenix-primary-rgb), 0.20);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .insights-cta-card::after {
  border-color: rgba(255, 255, 255, 0.08);
  opacity: 1;
}

[data-bs-theme="dark"] .insights-cta-card:hover {
  border-color: rgba(var(--phoenix-primary-rgb), 0.30);
  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .insights-cta-copy p {
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 991.98px) {
  #insights-cta::before,
  #insights-cta::after {
    width: 320px;
    height: 320px;
  }
}

@media (max-width: 575.98px) {
  #insights-cta::before,
  #insights-cta::after {
    display: none;
  }

  .insights-cta-card {
    border-radius: 1.5rem;
  }

  .insights-cta-card::after {
    border-radius: calc(1.5rem - 1px);
  }

  .insights-cta-action {
    width: 100%;
  }
}

/* ===========================================
   Mux Player Styling - Custom Play Button Overlay
   =========================================== */

/* Base Mux Player - Hide ALL default controls completely */
mux-player {
  --media-object-fit: contain;
  --media-object-position: center;
  --controls: none;
  --dialog: none;
  --loading-indicator: none;
}

/* Hero video sizing - original dimensions 1920x1014 */
.hero-video-wrapper {
  position: relative;
}
.hero-video-wrapper mux-player {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1rem;
  aspect-ratio: 1920 / 1014;
}

/* Swiper video sizing - square 1:1 aspect ratio */
.swiper-video-wrapper {
  position: relative;
}
.swiper-video-wrapper mux-player {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
  aspect-ratio: 1 / 1;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* Slotted posters before the deferred mux script defines the element:
   the poster imgs are ordinary content at first paint, so pin them to
   the reserved aspect-ratio box exactly like the player lays them out
   after upgrade (object-fit matches --media-object-fit above). */
mux-player:not(:defined) {
  display: block;
  overflow: hidden;
}
mux-player:not(:defined) img[slot="poster"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}

/* Dark mode shadow adjustment */
[data-bs-theme="dark"] .swiper-video-wrapper mux-player {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* Custom Play/Pause Button Overlay - Notion-style glassmorphism */
.mux-play-btn {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  z-index: 10;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  /* Hidden by default, shown on hover */
  opacity: 0;
  visibility: hidden;

  /* Light mode glassmorphism */
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.1),
    0 4px 12px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.06);
  color: rgba(55, 65, 81, 0.9);
}

/* Show button on video wrapper hover */
.hero-video-wrapper:hover .mux-play-btn,
.swiper-video-wrapper:hover .mux-play-btn,
.mux-play-btn:focus {
  opacity: 0.9;
  visibility: visible;
}

.mux-play-btn:hover {
  opacity: 1;
  visibility: visible;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.12),
    0 8px 24px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
  transform: scale(1.04);
}

.mux-play-btn:focus {
  outline: none;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.12),
    0 8px 24px rgba(0, 0, 0, 0.12),
    0 0 0 2px rgba(59, 130, 246, 0.5);
}

.mux-play-btn svg {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

/* Dark mode play button */
[data-bs-theme="dark"] .mux-play-btn {
  background: rgba(30, 41, 59, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.25),
    0 4px 12px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: rgba(226, 232, 240, 0.95);
}

[data-bs-theme="dark"] .mux-play-btn:hover {
  background: rgba(51, 65, 85, 0.92);
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .mux-play-btn:focus {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.25),
    0 0 0 2px rgba(96, 165, 250, 0.5);
}

/* Mobile: always show button for touch accessibility */
@media (max-width: 991.98px) {
  .mux-play-btn {
    opacity: 0.9;
    visibility: visible;
  }
}

/* Responsive adjustments */
@media (max-width: 575.98px) {
  .hero-video-wrapper mux-player {
    border-radius: 0.75rem;
  }
  .swiper-video-wrapper mux-player {
    border-radius: 0.5rem;
  }
  .mux-play-btn {
    width: 1.875rem;
    height: 1.875rem;
    bottom: 0.5rem;
    left: 0.5rem;
    border-radius: 0.375rem;
  }
  .mux-play-btn svg {
    width: 0.875rem;
    height: 0.875rem;
  }
}

/* ==========================================
   Section Badge - Unified Styling
   ========================================== */
.section-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.4375rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 50rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  /* Light mode default */
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.08) 0%,
    rgba(var(--phoenix-info-rgb), 0.06) 100%
  );
  color: var(--phoenix-primary);
  border: 1px solid rgba(var(--phoenix-primary-rgb), 0.15);
  box-shadow:
    0 1px 3px rgba(var(--phoenix-primary-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.section-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
    transparent,
    rgba(var(--phoenix-primary-rgb), 0.1),
    transparent
  );
  transition: left 0.6s ease;
}

.section-badge:hover::before {
  left: 100%;
}

.section-badge:hover {
  transform: translateY(-1px);
  box-shadow:
    0 4px 12px rgba(var(--phoenix-primary-rgb), 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  border-color: rgba(var(--phoenix-primary-rgb), 0.25);
}

/* Dark mode section badge */
[data-bs-theme="dark"] .section-badge {
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.15) 0%,
    rgba(var(--phoenix-info-rgb), 0.1) 100%
  );
  color: var(--phoenix-primary-light, #7BA3FF);
  border: 1px solid rgba(var(--phoenix-primary-rgb), 0.25);
  box-shadow:
    0 1px 4px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-bs-theme="dark"] .section-badge:hover {
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.2) 0%,
    rgba(var(--phoenix-info-rgb), 0.15) 100%
  );
  box-shadow:
    0 4px 16px rgba(var(--phoenix-primary-rgb), 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  border-color: rgba(var(--phoenix-primary-rgb), 0.35);
}

/* Responsive adjustments for section badges */
@media (max-width: 767.98px) {
  .section-badge {
    padding: 0.375rem 0.875rem;
    font-size: 0.6875rem;
  }
}

@media (max-width: 575.98px) {
  .section-badge {
    padding: 0.3125rem 0.75rem;
    font-size: 0.625rem;
  }
}

/* Launch pricing badge (hero + pricing-table on homepage) */
.pricing-hero-launch-badge {
  gap: 0.5rem;
  padding: 0.5rem 1.125rem 0.5rem 0.875rem;
  letter-spacing: 0.06em;
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.1) 0%,
    rgba(var(--phoenix-warning-rgb), 0.07) 55%,
    rgba(var(--phoenix-info-rgb), 0.08) 100%
  );
  border-color: rgba(var(--phoenix-primary-rgb), 0.2);
}

.pricing-hero-launch-badge__pulse {
  flex-shrink: 0;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background: var(--phoenix-warning);
  animation: launch-badge-pulse 2.25s ease-in-out infinite;
}

@keyframes launch-badge-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(var(--phoenix-warning-rgb), 0.5);
  }
  55% {
    box-shadow: 0 0 0 0.375rem rgba(var(--phoenix-warning-rgb), 0);
  }
}

.pricing-hero-launch-badge__sep {
  opacity: 0.4;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.pricing-hero-launch-badge__limited {
  font-weight: 800;
  letter-spacing: 0.07em;
  color: var(--phoenix-warning-text-emphasis, #bc3803);
}

[data-bs-theme="dark"] .pricing-hero-launch-badge {
  background: linear-gradient(135deg,
    rgba(var(--phoenix-primary-rgb), 0.18) 0%,
    rgba(var(--phoenix-warning-rgb), 0.12) 55%,
    rgba(var(--phoenix-info-rgb), 0.12) 100%
  );
  border-color: rgba(var(--phoenix-primary-rgb), 0.3);
}

[data-bs-theme="dark"] .pricing-hero-launch-badge__limited {
  color: var(--phoenix-warning-light, #fbbf24);
}

@media (max-width: 575.98px) {
  .pricing-hero-launch-badge {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.25rem;
    max-width: 18rem;
    padding: 0.4375rem 0.875rem;
  }

  .pricing-hero-launch-badge__sep {
    display: none;
  }

  .pricing-hero-launch-badge__limited {
    flex: 0 0 100%;
    font-size: 0.5625rem;
    letter-spacing: 0.08em;
  }
}

/* Benefits Section (Data Entry) */
#benefits {
  position: relative;
}

#benefits .feature-row-with-media {
  margin-bottom: 0;
}

/* Ease of Use Section (Workflows) */
#ease-of-use {
  position: relative;
}

#ease-of-use .feature-row-with-media {
  margin-bottom: 0;
}

/* Apply same accordion styles to Benefits section */
#benefits-accordion .accordion-item {
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.2) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

#benefits-accordion .accordion-item:hover {
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25) !important;
  transform: translateX(4px) !important;
}

html[data-bs-theme='dark'] #benefits-accordion .accordion-item:hover {
  box-shadow: 0 4px 16px rgba(166, 166, 166, 0.45) !important;
  transform: translateX(4px) !important;
}

#benefits-accordion .accordion-button {
  font-weight: 600 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  transition: all 0.3s ease !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

#benefits-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  position: relative;
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
}

#benefits-accordion .accordion-button::after {
  transition: all 0.3s ease !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

#benefits-accordion .accordion-button.collapsed:hover::after {
  transform: rotate(0deg) scale(1.2) !important;
}

#benefits-accordion .accordion-button:not(.collapsed):hover::after {
  transform: rotate(180deg) scale(1.2) !important;
}

#benefits-accordion .accordion-body {
  animation: slideDown 0.3s ease !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Apply same accordion styles to Ease of Use section */
#eou-accordion .accordion-item {
  border: 1px solid rgba(var(--phoenix-border-color-rgb), 0.2) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

#eou-accordion .accordion-item:hover {
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25) !important;
  transform: translateX(4px) !important;
}

html[data-bs-theme='dark'] #eou-accordion .accordion-item:hover {
  box-shadow: 0 4px 16px rgba(166, 166, 166, 0.45) !important;
  transform: translateX(4px) !important;
}

#eou-accordion .accordion-button {
  font-weight: 600 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  transition: all 0.3s ease !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

#eou-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  position: relative;
  background: linear-gradient(180deg, rgba(var(--phoenix-primary-rgb), 0.08), rgba(var(--phoenix-info-rgb), 0.08)) !important;
}

#eou-accordion .accordion-button::after {
  transition: all 0.3s ease !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

#eou-accordion .accordion-button.collapsed:hover::after {
  transform: rotate(0deg) scale(1.2) !important;
}

#eou-accordion .accordion-button:not(.collapsed):hover::after {
  transform: rotate(180deg) scale(1.2) !important;
}

#eou-accordion .accordion-body {
  animation: slideDown 0.3s ease !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Mobile: Apply same sticky behavior to new sections */
@media (max-width: 991.98px) {
  #benefits .feature-row-with-media .col-lg-6:has(.dataentry-media-frame),
  #ease-of-use .feature-row-with-media .col-lg-6:has(.workflows-media-frame) {
    order: -1;
    position: sticky;
    top: var(--landing-navbar-height-mobile);
    z-index: 5;
    background: var(--phoenix-body-bg);
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--phoenix-border-color-rgb), 0.1);
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  #benefits .feature-row-with-media .col-lg-6:has(.dataentry-media-frame),
  #ease-of-use .feature-row-with-media .col-lg-6:has(.workflows-media-frame) {
    top: var(--landing-navbar-height-tablet);
    padding-top: 1rem;
    padding-bottom: 0.75rem;
  }
}

@media (max-width: 575.98px) {
  #benefits .feature-row-with-media .col-lg-6:has(.dataentry-media-frame),
  #ease-of-use .feature-row-with-media .col-lg-6:has(.workflows-media-frame) {
    top: var(--landing-navbar-height-sm);
    padding-top: 0.5rem;
    padding-bottom: 0.375rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: calc(100% + 1.5rem);
  }
}

/* ==========================================
   Loupe Copilot Section (#loupe-copilot)
   ========================================== */
#loupe-copilot {
  --product-line: rgba(var(--phoenix-border-color-rgb), 0.22);
  --product-line-strong: rgba(var(--phoenix-primary-rgb), 0.28);
  --product-surface: rgba(var(--phoenix-body-bg-rgb), 0.84);
  --product-surface-strong: rgba(var(--phoenix-body-bg-rgb), 0.96);
  --product-muted: rgba(var(--phoenix-body-color-rgb), 0.74);
  --product-radius: 0.85rem;
  --product-hero-shadow: 0 30px 84px rgba(15, 23, 42, 0.13);
  background: linear-gradient(
    180deg,
    rgba(var(--phoenix-body-highlight-bg-rgb), 0.75) 0%,
    rgba(var(--phoenix-primary-rgb), 0.045) 52%,
    rgba(var(--phoenix-emphasis-bg-rgb), 0.92) 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(var(--phoenix-border-color-rgb), 0.10),
    inset 0 -1px 0 rgba(var(--phoenix-border-color-rgb), 0.10);
}

[data-bs-theme="dark"] #loupe-copilot {
  --product-line: rgba(148, 163, 184, 0.2);
  --product-line-strong: rgba(147, 197, 253, 0.34);
  --product-surface: rgba(16, 23, 37, 0.84);
  --product-surface-strong: rgba(11, 18, 31, 0.96);
  --product-muted: rgba(226, 232, 240, 0.72);
  --product-hero-shadow: 0 32px 86px rgba(0, 0, 0, 0.44);
  background: linear-gradient(
    180deg,
    rgba(18, 23, 35, 0.72) 0%,
    rgba(var(--phoenix-primary-rgb), 0.07) 52%,
    rgba(18, 23, 35, 0.85) 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

#loupe-copilot .copilot-lead {
  max-width: 52rem;
}

/* Soft ambient glow behind the exchange panel, echoing the hero orbs. */
.copilot-stage {
  position: relative;
}

.copilot-stage::before {
  content: '';
  position: absolute;
  inset: -14% -10%;
  background:
    radial-gradient(closest-side at 28% 38%, rgba(var(--phoenix-primary-rgb), 0.16), transparent 70%),
    radial-gradient(closest-side at 76% 72%, rgba(var(--phoenix-info-rgb), 0.13), transparent 72%);
  filter: blur(34px);
  pointer-events: none;
  z-index: 0;
}

/* Rendered Copilot exchange, shared visual language with the AI product page. */
.copilot-exchange {
  background: linear-gradient(180deg, var(--product-surface-strong) 0%, var(--product-surface) 100%);
  border: 1px solid var(--product-line);
  border-radius: var(--product-radius);
  box-shadow: var(--product-hero-shadow);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.copilot-exchange-header {
  align-items: center;
  background: rgba(var(--phoenix-body-bg-rgb), 0.9);
  border-bottom: 1px solid var(--product-line);
  color: rgba(var(--phoenix-body-color-rgb), 0.82);
  display: flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.55rem;
  justify-content: space-between;
  letter-spacing: 0;
  padding: 0.9rem 1.05rem;
  text-transform: uppercase;
}

[data-bs-theme="dark"] .copilot-exchange-header {
  background: rgba(11, 18, 31, 0.88);
  color: rgba(226, 232, 240, 0.78);
}

.copilot-exchange-title {
  align-items: center;
  display: inline-flex;
  gap: 0.55rem;
}

.copilot-exchange-dot {
  background: var(--phoenix-primary);
  border-radius: 999px;
  flex-shrink: 0;
  height: 0.5rem;
  position: relative;
  width: 0.5rem;
}

.copilot-exchange-dot::after {
  animation: aiCopilotPulse 2.4s ease-out infinite;
  background: var(--phoenix-primary);
  border-radius: 999px;
  content: "";
  inset: 0;
  position: absolute;
}

@keyframes aiCopilotPulse {
  0% { opacity: 0.55; transform: scale(1); }
  100% { opacity: 0; transform: scale(3.1); }
}

.copilot-exchange-tag {
  color: var(--phoenix-primary);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
}

[data-bs-theme="dark"] .copilot-exchange-tag {
  color: #9dbdff;
}

/* minmax(0, 1fr) rather than the implicit `auto` track: an auto track takes
   its base size from the widest grid item's content-based minimum, and the
   ask row's nowrap placeholder has a ~403px min-content. On phones that
   pushed the track past the card, and the card's own `overflow: hidden`
   clipped the right edge of every row. */
.copilot-exchange-body {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: minmax(0, 1fr);
  padding: 1.15rem;
}

.copilot-exchange-question {
  background: rgba(var(--phoenix-primary-rgb), 0.09);
  border: 1px solid rgba(var(--phoenix-primary-rgb), 0.22);
  border-radius: 0.9rem 0.9rem 0.25rem 0.9rem;
  color: var(--phoenix-emphasis-color);
  font-size: 0.95rem;
  font-weight: 600;
  justify-self: end;
  line-height: 1.5;
  margin: 0;
  max-width: 88%;
  padding: 0.62rem 0.95rem;
}

.copilot-exchange-answer {
  background: rgba(var(--phoenix-body-bg-rgb), 0.72);
  border: 1px solid var(--product-line);
  border-radius: 0.9rem;
  overflow: hidden;
}

[data-bs-theme="dark"] .copilot-exchange-answer {
  background: rgba(8, 13, 24, 0.5);
}

.copilot-exchange-answer-intro {
  color: var(--product-muted);
  font-size: 0.88rem;
  margin: 0;
  padding: 0.8rem 0.95rem 0.55rem;
}

.copilot-exchange-table-wrap {
  overflow-x: auto;
}

.copilot-exchange-table {
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
  width: 100%;
}

.copilot-exchange-table th {
  white-space: nowrap;
  border-bottom: 1px solid var(--product-line);
  border-top: 1px solid var(--product-line);
  color: rgba(var(--phoenix-body-color-rgb), 0.6);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0.5rem 0.95rem;
  text-align: left;
  text-transform: uppercase;
}

[data-bs-theme="dark"] .copilot-exchange-table th {
  color: rgba(226, 232, 240, 0.55);
}

.copilot-exchange-table td {
  color: var(--phoenix-emphasis-color);
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.62rem 0.95rem;
}

.copilot-exchange-answer-foot {
  align-items: center;
  border-top: 1px solid var(--product-line);
  color: var(--product-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.78rem;
  font-weight: 600;
  gap: 0.5rem 1rem;
  justify-content: space-between;
  padding: 0.62rem 0.95rem;
}

.copilot-exchange-open {
  color: var(--phoenix-primary);
  font-weight: 700;
  white-space: nowrap;
}

[data-bs-theme="dark"] .copilot-exchange-open {
  color: #9dbdff;
}

.copilot-exchange-suggest {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.copilot-exchange-suggest-label {
  color: rgba(var(--phoenix-body-color-rgb), 0.6);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

[data-bs-theme="dark"] .copilot-exchange-suggest-label {
  color: rgba(226, 232, 240, 0.55);
}

.copilot-exchange-chip {
  background: rgba(var(--phoenix-body-highlight-bg-rgb), 0.6);
  border: 1px solid var(--product-line);
  border-radius: 999px;
  color: rgba(var(--phoenix-body-color-rgb), 0.8);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.3rem 0.7rem;
}

[data-bs-theme="dark"] .copilot-exchange-chip {
  background: rgba(18, 27, 44, 0.7);
  color: rgba(226, 232, 240, 0.78);
}

.copilot-exchange-ask {
  align-items: center;
  background: rgba(var(--phoenix-body-bg-rgb), 0.9);
  border: 1px solid var(--product-line-strong);
  border-radius: 0.7rem;
  color: rgba(var(--phoenix-body-color-rgb), 0.55);
  display: flex;
  font-size: 0.88rem;
  gap: 0.75rem;
  justify-content: space-between;
  min-width: 0;
  padding: 0.45rem 0.45rem 0.45rem 0.95rem;
}

[data-bs-theme="dark"] .copilot-exchange-ask {
  background: rgba(11, 18, 31, 0.85);
  color: rgba(226, 232, 240, 0.5);
}

.copilot-exchange-ask > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.copilot-exchange-send {
  align-items: center;
  background: var(--phoenix-primary);
  border-radius: 0.5rem;
  color: #fff;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 700;
  height: 1.9rem;
  justify-content: center;
  width: 1.9rem;
}

.copilot-trust-note {
  color: var(--product-muted);
  font-size: 0.88rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.copilot-trust-note .fa-lock {
  color: var(--phoenix-primary);
  font-size: 0.8rem;
}

[data-bs-theme="dark"] .copilot-trust-note .fa-lock {
  color: #9dbdff;
}

.copilot-cta-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  justify-content: center;
}

@media (min-width: 992px) {
  .copilot-cta-row {
    justify-content: flex-start;
  }
}

@media (max-width: 575.98px) {
  .copilot-exchange-body {
    padding: 0.9rem;
  }

  .copilot-exchange-question {
    max-width: 100%;
  }

  /* One result, four fields. Four nowrap columns do not fit a phone-width
     card, so the row restates itself as label/value lines that reuse the
     answer footer's left/right rhythm instead of scrolling sideways. */
  .copilot-exchange-table,
  .copilot-exchange-table tbody,
  .copilot-exchange-table tr,
  .copilot-exchange-table td {
    display: block;
  }

  .copilot-exchange-table thead {
    display: none;
  }

  .copilot-exchange-table tr {
    border-top: 1px solid var(--product-line);
  }

  .copilot-exchange-table td {
    align-items: baseline;
    display: flex;
    gap: 0.9rem;
    justify-content: space-between;
    padding: 0.45rem 0.95rem;
    text-align: right;
  }

  .copilot-exchange-table td + td {
    border-top: 1px solid var(--product-line);
  }

  .copilot-exchange-table td::before {
    color: rgba(var(--phoenix-body-color-rgb), 0.6);
    content: attr(data-label);
    flex: none;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: left;
    text-transform: uppercase;
  }

  [data-bs-theme="dark"] .copilot-exchange-table td::before {
    color: rgba(226, 232, 240, 0.55);
  }

  /* The caption and the link wrap onto two lines at this width; keep them
     reading as one pair rather than two stacked blocks. */
  .copilot-exchange-answer-foot {
    row-gap: 0.15rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .copilot-exchange-dot::after {
    animation: none;
  }
}

/* Hero fallback art (desktop): the shrink-wrapped absolute containers resize
   when image intrinsic sizes arrive, which used to score a ~0.18 layout
   shift. Stay invisible until the reveal script in default.html flips
   visibility once the displayed images are ready — invisible boxes do not
   contribute to CLS, and the art then appears at its final size. */
#hero-fallback-desktop {
  visibility: hidden;
}

/* Metric-matched fallback for Nunito Sans: the webfont loads async with
   display=swap, and once the landing page painted before the font arrived
   the swap reflowed the hero by ~10-17px (a ~0.34 layout shift). Arial
   adjusted to Nunito Sans metrics (computed from the v19 latin woff2 hhea
   and frequency-weighted advance widths) makes the swap geometry-neutral. */
@font-face {
  font-family: "Nunito Sans Fallback";
  src: local("Arial");
  size-adjust: 97.76%;
  ascent-override: 103.42%;
  descent-override: 36.11%;
  line-gap-override: 0%;
}
:root {
  --phoenix-font-sans-serif: "Nunito Sans", "Nunito Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}