:root {
  --page-bg: #f6f7fb;
  --surface: #ffffff;
  --surface-muted: #f0f3f8;
  --ink: #18304c;
  --ink-soft: #5d6f82;
  --ink-banner:#ff0000;
  --brand: #004f9e;
  --brand-deep: #003d7c;
  --accent: #e71a13;
  --accent-deep: #c91410;
  --line: rgba(24, 48, 76, 0.1);
  --shadow: 0 20px 48px rgba(17, 30, 52, 0.1);
  --radius-lg: 32px;
  --radius-md: 24px;
  --radius-sm: 18px;
  --max-width: 1180px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Poppins", "Segoe UI", sans-serif;
  color: var(--ink);
  background: linear-gradient(180deg, #fcfdff 0%, var(--page-bg) 100%);
}

.site-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-shell > .page-section {
  flex: 1 0 auto;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.section__inner,
.site-footer__inner {
  width: min(calc(100% - 32px), var(--max-width));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  width: 100%;
  backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px groove #ff0000;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.header-is-not-sticky .site-header {
  position: relative;
}

.site-header__inner {
  width: min(calc(100% - 32px), var(--max-width));
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: 18px;
  min-height: 88px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

.brand__logo {
  width: 110px;
  max-width: 110px;
  max-height: 60px;
  height: auto;
  flex: 0 0 auto;
}

.site-nav-wrap {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  flex: 1 1 auto;
  gap: 24px;
  padding-bottom: 12px;
}

.nav-links,
.nav-actions,
.hero__actions,
.hero__badges,
.footer-links,
.footer-bottom,
.cta-panel__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Keep the signed-in account control at the far right of the desktop header. */
@media (min-width: 761px) {
  .nav-actions {
    margin-left: auto;
  }
}

.nav-links a {
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--ink-soft);
  white-space: nowrap;
}

.nav-item {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: -14px;
}

.nav-item__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nav-item--has-children .nav-item__link::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transform-origin: center;
}

.nav-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  padding: 18px 12px 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(24, 48, 76, 0.1);
  box-shadow: 0 18px 36px rgba(17, 30, 52, 0.12);
  display: grid;
  gap: 4px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.nav-item--has-children:hover .nav-submenu,
.nav-item--has-children:focus-within .nav-submenu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.nav-submenu__link {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--ink-soft);
  white-space: nowrap;
}

.nav-submenu__link:hover,
.nav-submenu__link:focus-visible {
  background: #f5f7fb;
  color: var(--brand);
}

.nav-links a:hover,
.nav-links a:focus-visible {
  color: var(--brand);
}

.header-cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #f5f7fb;
  color: var(--ink-banner);
  border: 1px solid rgba(24, 48, 76, 0.1);
}

.header-cart__icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
}

.header-cart__icon svg {
  width: 100%;
  height: 100%;
}

.header-cart__count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(24, 48, 76, 0.14);
  color: var(--ink-banner);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.account-menu {
  position: relative;
}

.account-menu__trigger {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid; 
  border-color: var(--ink-banner);
  background: #ffffff;
  color: #5b4e4e;
  border-radius: 20px;
}

.account-menu__name {
  font-weight: 500;
}

.account-menu__arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #7a6a6a;
}

.account-menu__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 250px;
  padding: 8px 0;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(24, 48, 76, 0.1);
  box-shadow: 0 16px 32px rgba(17, 30, 52, 0.12);
}

.account-menu__dropdown[hidden] {
  display: none;
}

.account-menu__dropdown form {
  margin: 0;
}

.account-menu__item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 18px;
  color: #3b3b3b;
  font-weight: 500;
  background: transparent;
  border: 0;
  text-align: left;
}

.account-menu__item + form .account-menu__item,
.account-menu__item + .account-menu__item,
.account-menu form + .account-menu__item {
  border-top: 1px solid rgba(24, 48, 76, 0.08);
}

.account-menu__item:hover,
.account-menu__item:focus-visible {
  background: #fafbfd;
}

.account-menu__item--button {
  cursor: pointer;
}

.account-menu__icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  justify-content: center;
  color: var(--accent);
}

.account-menu__icon svg {
  width: 100%;
  height: 100%;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  font-weight: 700;
}

.button:hover,
.button:focus-visible {
  transform: translateY(-1px);
}

.button--primary {
  background: var(--brand);
  color: #fff;
  box-shadow: 0 14px 28px rgba(0, 81, 162, 0.18);
}

.button--primary:hover,
.button--primary:focus-visible {
  background: var(--brand-deep);
}

.button--accent {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 14px 28px rgba(255, 95, 97, 0.2);
}

.button--accent:hover,
.button--accent:focus-visible {
  background: var(--accent-deep);
}

.button--ghost {
  color: var(--brand);
  background: #fff;
  border-color: rgba(0, 81, 162, 0.18);
}

.menu-toggle {
  display: none;
  width: 48px;
  height: 48px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  padding: 10px;
}

.menu-toggle span {
  display: block;
  height: 2px;
  margin: 6px 0;
  background: var(--ink);
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 60px 0 44px;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 22px 0 auto;
  height: min(74vw, 680px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(246, 247, 251, 0.96)),
    url("/assets/images/header-new.png") center top / cover no-repeat;
  pointer-events: none;
}

.hero__inner,
.feature-split,
.contact-layout,
.auth-shell {
  position: relative;
  width: min(calc(100% - 32px), var(--max-width));
  margin: 0 auto;
  display: grid;
  gap: 28px;
}

.hero__inner {
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  min-height: 620px;
}

.hero__copy h1,
.page-hero h1,
.content-card h1,
.article h1 {
  margin: 0;
  font-size: clamp(2.4rem, 6vw, 4.5rem);
  line-height: 0.95;
  text-transform: uppercase;
}

.hero__lead,
.page-hero p,
.section-heading p,
.content-card p,
.article__lead,
.article__content p,
.article__content li,
.footer-card p {
  color: var(--ink-soft);
  line-height: 1.8;
}

.eyebrow,
.section-heading__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 5px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--brand);
  border: 1px solid rgba(0, 81, 162, 0.1);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.hero__badges span {
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 10px 24px rgba(17, 30, 52, 0.05);
  color: var(--ink-soft);
  font-size: 0.9rem;
}

.hero-card,
.content-card,
.pricing-card,
.blog-card,
.footer-card,
.cta-panel {
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.hero-card {
  overflow: hidden;
}

.hero-card img {
  width: 100%;
  aspect-ratio: 1.2;
  object-fit: cover;
}

.hero-card__body,
.content-card,
.pricing-card,
.blog-card__body,
.footer-card,
.cta-panel,
.article,
.contact-form {
  padding: 28px;
}

.hero-card__body h2,
.section-heading h2,
.content-card h2,
.content-card h3,
.pricing-card h3,
.blog-card h2,
.footer-card h2,
.footer-card h3,
.article h2 {
  margin: 0 0 12px;
}

.section {
  padding: 36px 0 56px;
}

.section--muted,
.page-section {
  padding: 20px 0;
}

.section--muted {
  background: rgba(230, 236, 244, 0.34);
}

.section__inner--narrow {
  width: min(calc(100% - 32px), 880px);
}

.section-heading {
  margin-bottom: 28px;
}

.section-heading--centered,
.page-hero--centered,
.content-card--centered {
  text-align: center;
}

.legal-page {
  padding: 36px 0 72px;
}

.page-legal-terms .section__inner--narrow {
  width: min(calc(100% - 32px), 1120px);
}

 

.legal-page__card {
  padding: 40px 48px;
}

.legal-page__hero {
  text-align: center;
}

.legal-page__hero h1 {
  font-size: 3rem;
}

.legal-page__revision {
  margin-top: 10px;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 600;
}

.legal-page__section + .legal-page__section {
  margin-top: 26px;
}

.legal-page__section h2 {
  margin-top: 0;
  font-size: 1.2rem;
}

.legal-page__section ul {
  margin: 0 0 18px;
  padding-left: 24px;
}

.legal-page__section li {
  margin-bottom: 2px;
  color: var(--ink-soft);    
}
.legal-page a {
  text-decoration: underline;
  text-decoration-color: red;
  font-style: italic;
  color: red;  
}

.feature-split {
  grid-template-columns: 0.92fr 1.08fr;
  align-items: center;
}

.feature-split--page {
  align-items: start;
}

.feature-split__media img,
.article__image,
.blog-card img {
  width: 100%;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow);
}

.feature-split__content,
.stacked-cards,
.three-up,
.pricing-grid,
.footer-grid,
.article__content {
  display: grid;
  gap: 22px;
}

.three-up {
  grid-template-columns: repeat(3, 1fr);
}

.pricing-grid {
  grid-template-columns: repeat(5, 1fr);
  align-items: stretch;
}

.pricing-card {
  display: grid;
  gap: 12px;
  text-align: center;
}

.pricing-card__price {
  margin: 0;
  font-size: 2rem;
  font-weight: 800;
  color: var(--brand);
}

.pricing-card__meta,
.blog-card__meta,
.form-note {
  margin: 0;
  color: var(--ink-soft);
}

.pricing-card--accent {
  background: linear-gradient(180deg, #fff4f4 0%, #ffffff 100%);
}

.cta-panel,
.contact-layout,
.auth-shell,
.blog-card {
  grid-template-columns: repeat(2, 1fr);
}

.blog-card {
  overflow: hidden;
}

.blog-card img {
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  box-shadow: none;
}

.content-list {
  margin: 0;
  padding-left: 18px;
  color: var(--ink-soft);
  line-height: 1.8;
}

.contact-block + .contact-block {
  margin-top: 24px;
}

.contact-page__map {
  width: 100%;
  height: 490px;
  border-top: 1px solid rgba(24, 48, 76, 0.08);
  border-bottom: 1px solid rgba(24, 48, 76, 0.08);
  overflow: hidden;
}

.contact-page__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.page-blog {
  background: #fffdfa;
}

.blog-page {
  flex: 1 0 auto;
}

.blog-page__hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(20, 22, 28, 0.62) 0%, rgba(20, 22, 28, 0.34) 46%, rgba(20, 22, 28, 0.18) 100%),
    url("../images/header-new.png") center/cover no-repeat;
  min-height: 180px;
  display: flex;
  align-items: center;
}

.blog-page__hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.12) 100%);
  pointer-events: none;
}

.blog-page__hero-inner {
  position: relative;
  z-index: 1;
  padding: 5px 0;
}

.blog-page__hero-copy {
  max-width: 780px;
  color: #ffffff;
}

.blog-page__eyebrow {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.blog-page__hero-copy h1 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.blog-page__hero-copy p:last-child {
  margin: 16px 0 0;
  max-width: 920px;
  font-size: 0.96rem;
  line-height: 1.62;
  color: rgba(255, 255, 255, 0.9);
}

.blog-page__content {
  padding: 30px 0 56px;
}

.blog-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.7fr);
  gap: 42px;
  align-items: start;
}

.blog-page__main {
  min-width: 0;
}

.blog-page__results-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
  padding: 16px 18px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 14px 28px rgba(17, 30, 52, 0.05);
}

.blog-page__results-bar p,
.blog-page__results-bar a {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.96rem;
}

.blog-page__results-bar a {
  color: var(--brand);
  font-weight: 600;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px 30px;
}

.blog-listing-card {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 16px;
  height: 100%;
}

.blog-listing-card__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 1.7;
  border-radius: 18px;
  background: #e9edf3;
  box-shadow: 0 18px 34px rgba(17, 30, 52, 0.08);
}

.blog-listing-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.26s ease;
}

.blog-listing-card:hover .blog-listing-card__media img,
.blog-listing-card:focus-within .blog-listing-card__media img {
  transform: scale(1.03);
}

.blog-listing-card__body {
  display: grid;
  grid-template-rows: minmax(0, auto) minmax(0, auto) auto 1fr auto;
  gap: 12px;
  height: 100%;
}

.blog-listing-card__body h2 {
  margin: 0;
  min-height: calc(1.24em);
  font-size: clamp(1.16rem, 2vw, 1.42rem);
  line-height: 1.24;
  letter-spacing: -0.03em;
}

.blog-listing-card__body h2 a:hover,
.blog-listing-card__body h2 a:focus-visible {
  color: var(--brand);
}

.blog-listing-card__excerpt {
  margin: 0;
  color: #202f3d;
  font-size: 0.86rem;
  line-height: 1.48;
}

.blog-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.blog-chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1.5px solid var(--chip-border, rgba(0, 79, 158, 0.28));
  background: var(--chip-bg, #ffffff);
  color: var(--chip-text, #2a4968);
  font-size: 0.74rem;
  font-weight: 400;
  line-height: 1.2;
  transition: filter 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.blog-chip:hover,
.blog-chip:focus-visible,
.blog-chip.is-active {
  filter: brightness(0.97);
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(17, 30, 52, 0.08);
}

.blog-listing-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.blog-listing-card__date,
.blog-article__meta {
  margin: 0;
  color: #11273e;
  font-size: 1rem;
  font-weight: 700;
}

.blog-listing-card__link {
  color: var(--brand);
  font-weight: 700;
}

.blog-sidebar {
  display: grid;
  gap: 28px;
}

.blog-sidebar__search {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  overflow: hidden;
  border-radius: 12px;
  background: #f6f0f0;
  border: 1px solid rgba(24, 48, 76, 0.08);
}

.blog-sidebar__search input {
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  border: 0;
  outline: 0;
  background: transparent;
}

.blog-sidebar__search button {
  min-width: 58px;
  min-height: 54px;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font-size: 1.1rem;
}

.blog-sidebar__panel {
  display: grid;
  gap: 18px;
}

.blog-sidebar__panel h2 {
  margin: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(24, 48, 76, 0.14);
  font-size: 2rem;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.blog-sidebar__panel p {
  margin: 0;
  color: #202f3d;
  font-size: 1.02rem;
  line-height: 1.7;
}

.blog-sidebar__tag-group + .blog-sidebar__tag-group {
  margin-top: 18px;
}

.blog-sidebar__tag-group h3 {
  margin: 0 0 10px;
  color: #516372;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blog-sidebar__panel:first-of-type h2 {
  font-size: 1.56rem;
}

.blog-sidebar__panel:first-of-type p {
  font-size: 0.88rem;
  line-height: 1.52;
}

.blog-sidebar__panel:nth-of-type(2) h2 {
  font-size: 1.56rem;
}

.blog-sidebar__muted {
  color: var(--ink-soft);
}

.blog-chip-list--sidebar .blog-chip {
  justify-content: flex-start;
}

.blog-empty-state {
  grid-column: 1 / -1;
  padding: 36px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 18px 34px rgba(17, 30, 52, 0.05);
}

.blog-empty-state h2,
.blog-empty-state p {
  margin: 0;
}

.blog-empty-state p {
  margin-top: 12px;
  color: var(--ink-soft);
}

.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 48px;
}

.blog-pagination__arrow,
.blog-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  border-radius: 999px;
  color: var(--ink);
  font-weight: 600;
}

.blog-pagination__page.is-active {
  background: var(--accent);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(231, 26, 19, 0.2);
}

.blog-pagination__arrow.is-disabled {
  opacity: 0.35;
}

.blog-article {
  display: grid;
  gap: 18px;
}

.blog-chip-list--article {
  margin-bottom: -2px;
}

.blog-chip--small {
  min-height: 28px;
  padding: 4px 12px;
  font-size: 0.72rem;
}

.blog-article-page {
  flex: 1 0 auto;
}

.blog-article-hero {
  position: relative;
  min-height: 520px;
  overflow: hidden;
}

.blog-article-hero__media,
.blog-article-hero__media img {
  width: 100%;
  height: 100%;
}

.blog-article-hero__media {
  position: absolute;
  inset: 0;
  background: #d9dde4;
}

.blog-article-hero__media img {
  object-fit: cover;
}

.blog-article-hero__overlay {
  position: relative;
  z-index: 1;
  min-height: 520px;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, rgba(10, 17, 26, 0.32) 0%, rgba(10, 17, 26, 0.42) 100%);
}

.blog-article-hero__inner {
  text-align: center;
}

.blog-article-hero__inner h1 {
  margin: 0;
  color: #ff3c24;
  font-size: clamp(2.3rem, 4.5vw, 4.1rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.blog-article-page__body {
  padding: 40px 0 72px;
}

.blog-article-layout {
  display: grid;
  gap: 30px;
}

.blog-article-layout__meta {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  color: #5f6874;
  font-size: 0.98rem;
}

.blog-article-layout__date,
.blog-article-layout__author {
  margin: 0;
}

.blog-article-layout__author {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #4d5562;
}

.blog-article-layout__author img {
  width: 18px;
  height: 18px;
}

.blog-article-layout__intro p {
  margin: 0;
  color: #2b3746;
  font-size: 1rem;
  line-height: 1.72;
}

.blog-article__content {
  gap: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.blog-article__content > :first-child {
  margin-top: 0;
}

.blog-article__content > * {
  max-width: 100%;
}

.blog-article__content p,
.blog-article__content li {
  color: #223548;
  font-size: 0.98rem;
  line-height: 1.78;
}

.blog-article__content h2,
.blog-article__content h3 {
  margin-top: 24px;
}

.blog-article__content h2 {
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height: 1.14;
}

.blog-article__content h3 {
  font-size: clamp(1.45rem, 2.3vw, 1.9rem);
  line-height: 1.2;
}
.blog-article__content a {
  text-decoration: underline;
  text-decoration-color: red;
  font-style: italic;
  color: red;  
}

.blog-article__content figure {
  width: 100%;
  max-width: 100%;
  margin: 28px 0;
  display: grid;
  gap: 10px;
}

.blog-article__content img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  border-radius: 18px;
  box-shadow: 0 16px 32px rgba(17, 30, 52, 0.08);
}

.blog-article__content figcaption {
  color: #5f6874;
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
}

.blog-article__content iframe,
.blog-article__content video,
.blog-article__content table {
  max-width: 100%;
}


.blog-article-share {
  display: grid;
  gap: 28px;
  padding-top: 16px;
}

.blog-article-share__row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.blog-article-share__label {
  color: #313845;
  font-size: 1rem;
  font-weight: 600;
}

.blog-article-share__buttons {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.blog-share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 2px solid var(--share-button-border, var(--share-button-color, currentColor));
  background: var(--share-button-bg, #ffffff);
  color: var(--share-button-color, currentColor);
  font-size: 1.05rem;
  font-weight: 700;
}

.blog-share-button__icon {
  width: 22px;
  height: 22px;
  display: block;
  background-color: currentColor;
  -webkit-mask-image: var(--share-icon-url);
  mask-image: var(--share-icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.blog-share-button__text {
  line-height: 1;
}

.blog-share-button.is-facebook {
  color: #4663ac;
}

.blog-share-button.is-x {
  color: #111111;
}

.blog-share-button.is-linkedin {
  color: #1f7bd6;
}

.blog-share-button.is-whatsapp {
  color: #35c95d;
}

.blog-share-button.is-email {
  color: #ef4b36;
}

.blog-article-share__tags {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.blog-chip-list--article-bottom {
  justify-content: center;
}

.contact-page__section {
  padding-top: 22px;
}

.contact-page__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr);
  gap: 56px;
  align-items: start;
}

.contact-page__intro {
  color: #3a444c;
  font-size: 0.95rem;
  line-height: 1.45;
  margin-bottom: 14px;
}

.contact-page__intro p {
  margin: 0 0 8px;
}

.contact-form--full {
  gap: 10px;
}

.contact-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
}

.contact-form__honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.contact-form__actions {
  display: flex;
  justify-content: flex-end;
}

.contact-page__sidebar h2 {
  margin: 4px 0 18px;
  font-size: 1.9rem;
  line-height: 1.2;
}

.contact-page__company-name,
.contact-page__company-division {
  display: block;
}

.contact-page__company-division {
  margin-top: 6px;
  color: var(--ink-soft);
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.contact-page__sidebar-block {
  margin-bottom: 18px;
}

.contact-page__sidebar-block p {
  margin: 0 0 8px;
  color: #3a444c;
  line-height: 1.6;
}

.contact-page__social {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
}

.contact-page__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: #f7f8fb;
  border: 1px solid rgba(24, 48, 76, 0.08);
}

.how-to-videos-page {
  background:
    radial-gradient(circle at top center, rgba(231, 26, 19, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f4f4 48%, #f2eded 100%);
}

.how-to-videos-page__hero {
  padding-top: 25px;
  padding-bottom: 25px;
}

.how-to-videos-page__intro {
  max-width: 760px;
  margin: 0 auto 15px;
  text-align: center;
}

.how-to-videos-page__intro h1 {
  margin: 0 0 10px;
  font-size: clamp(2.2rem, 4vw, 3.2rem);
}

.how-to-videos-page__intro p {
  margin: 0;
  color: #46515d;
}

.how-to-videos-page__chips {
  display: flex;
  justify-content: center;
  margin: 0 0 10px;
}

.how-to-videos-chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 18px;
  border: 1px solid rgba(141, 74, 112, 0.46);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #6f3d5d;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 10px 22px rgba(109, 70, 92, 0.08);
}

.how-to-videos-page__showcase {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.how-to-videos-playlist,
.how-to-videos-player,
.how-to-videos-comments__form {
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 24px 54px rgba(32, 34, 52, 0.1);
}

.how-to-videos-playlist,
.how-to-videos-player {
  border-radius: 30px;
}

.how-to-videos-playlist {
  padding: 24px;
}

.how-to-videos-playlist__items {
  display: grid;
  gap: 12px;
}

.how-to-videos-playlist__item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: #f7f7f8;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.how-to-videos-playlist__item:hover,
.how-to-videos-playlist__item:focus-visible,
.how-to-videos-playlist__item.is-active {
  border-color: rgba(231, 26, 19, 0.2);
  box-shadow: 0 14px 26px rgba(231, 26, 19, 0.12);
  transform: translateY(-1px);
}

.how-to-videos-playlist__thumb {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
}

.how-to-videos-playlist__thumb img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.how-to-videos-playlist__meta {
  display: grid;
  gap: 4px;
}

.how-to-videos-playlist__title {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
}

.how-to-videos-playlist__duration,
.how-to-videos-player__eyebrow,
.how-to-videos-playlist__empty {
  color: #687582;
  font-size: 0.84rem;
}

.how-to-videos-player {
  padding: 18px;
}

.how-to-videos-player__frame {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #1d1e25 0%, #31333f 100%);
  aspect-ratio: 16 / 9;
}

.how-to-videos-player__frame iframe,
.how-to-videos-player__placeholder {
  width: 100%;
  height: 100%;
  border: 0;
}

.how-to-videos-player__placeholder {
  display: grid;
  place-items: center;
  padding: 28px;
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
}

.how-to-videos-player__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 20px 10px 6px;
}

.how-to-videos-player__footer h3,
.how-to-videos-comments__intro h2 {
  margin: 0;
}

.how-to-videos-player__eyebrow {
  margin: 0 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.how-to-videos-comments {
  padding-top: 25px;
  padding-bottom: 25px;
  background: linear-gradient(180deg, rgba(236, 230, 229, 0.36) 0%, rgba(240, 233, 233, 0.8) 100%);
}

.how-to-videos-comments__intro {
  max-width: 720px;
  margin: 0 auto 28px;
  text-align: center;
}

.how-to-videos-comments__intro h2 {
  font-size: clamp(2rem, 3.4vw, 3rem);
}

.how-to-videos-comments__intro p {
  margin: 12px auto 0;
  color: #55616f;
}

.how-to-videos-comments__form {
  display: grid;
  gap: 16px;
  padding: 30px;
  border-radius: 28px;
}

.field--full {
  grid-column: 1 / -1;
}

.field {
  display: grid;
  gap: 8px;
}

.field__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.field__meta a {
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 500;
}

.field label {
  font-weight: 600;
}

.field--checkbox label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}

.field--checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-height: 0;
  margin: 0;
}

.field input,
.field textarea {
  width: 100%;
  border: 1px solid rgba(24, 48, 76, 0.14);
  border-radius: 18px;
  background: var(--surface-muted);
  color: var(--ink);
  padding: 14px 16px;
}

.field input {
  min-height: 54px;
}

.field textarea {
  resize: vertical;
}

.auth-form,
.contact-form {
  display: grid;
  gap: 10px;
}

.auth-shell--single {
  grid-template-columns: minmax(0, 420px);
  justify-content: center;
}

.auth-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.auth-card--compact {
  width: 100%;
  max-width: 420px;
}

.page-subscription-details .page-section {
  padding: 20px;
}

.page-subscription-details .section__inner--narrow {
  width: min(100%, 620px);
}

.page-subscription-details .auth-shell--single {
  grid-template-columns: minmax(0, 620px);
}

.page-subscription-details .auth-card--compact {
  max-width: 620px;
}

.auth-form--minimal {
  gap: 10px;
}

.auth-form--minimal .field label {
  font-weight: 500;
  color: var(--ink);
}

.auth-form--minimal .field input,
.auth-form--minimal .field select {
  min-height: 46px;
  border-radius: 0;
  background: #ffffff;
  padding: 11px 14px;
}

.auth-form--minimal .field select {
  width: 100%;
  border: 1px solid rgba(24, 48, 76, 0.14);
  color: var(--ink);
}

.auth-form--subscription-details {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-card__secondary {
  margin: 0;
  text-align: center;
  color: var(--ink);
  text-decoration: underline;
}

.auth-card__secondary a {
  color: var(--ink-banner);
  text-decoration: none;
}

.auth-card__secondary .auth-link--hint {
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.field--password .field__control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  align-items: stretch;
}

.field--password .field__control input {
  border-right: 0;
}

.field__toggle {
  border: 1px solid rgba(24, 48, 76, 0.14);
  border-left: 0;
  background: #ffffff;
  color: var(--ink-soft);
  font-size: 0.82rem;
  text-transform: lowercase;
}

.button--auth-outline {
  min-height: 48px;
  border-radius: 0;
  background: #ffffff;
  border: 1px solid #ff5a5f;
  color: #ff2d2d;
  box-shadow: none;
  font-weight: 500;
}

.page-register,
.page-login,
.page-how-to-videos,
.page-contact,
.page-resources {
  background: #ffffff;
}

.resources-reserve-page {
  background:
    radial-gradient(circle at top right, rgba(0, 79, 158, 0.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7f5f2 100%);
}

.resources-reserve-hero {
  padding: 34px 0 26px;
}

.resources-reserve-hero__panel,
.resources-reserve-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 22px 46px rgba(17, 30, 52, 0.08);
}

.resources-reserve-hero__panel {
  padding: 40px 42px;
  border-radius: 32px;
}

.resources-reserve-hero__panel h1 {
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: 0.98;
}

.resources-reserve-hero__lead {
  max-width: 860px;
  margin: 18px 0 0;
  color: #455569;
  font-size: 1.02rem;
  line-height: 1.8;
}

.resources-reserve-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.resources-reserve-hero__chips span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 18px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0, 79, 158, 0.18);
  color: #31597c;
  font-size: 0.92rem;
  font-weight: 600;
}

.resources-reserve-section {
  padding: 8px 0 58px;
}

.resources-reserve-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.9fr 0.9fr;
  gap: 22px;
  align-items: stretch;
}

.resources-reserve-card {
  border-radius: 28px;
  padding: 28px;
}

.resources-reserve-card h2 {
  margin: 0 0 14px;
}

.resources-reserve-card p,
.resources-reserve-list li {
  color: #455569;
  line-height: 1.75;
}

.resources-reserve-card--primary {
  background: linear-gradient(180deg, rgba(0, 79, 158, 0.05) 0%, rgba(255, 255, 255, 0.92) 100%);
}

.resources-reserve-list {
  margin: 0;
  padding-left: 20px;
}

.resources-reserve-links {
  display: grid;
  gap: 12px;
}

.resources-reserve-links a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 0 18px;
  border-radius: 18px;
  background: #f7f8fb;
  border: 1px solid rgba(24, 48, 76, 0.08);
  color: var(--ink);
  font-weight: 600;
}

.resources-reserve-links a:hover,
.resources-reserve-links a:focus-visible {
  border-color: rgba(0, 79, 158, 0.18);
  color: var(--brand);
}

.resources-page {
  background:
    radial-gradient(circle at top right, rgba(0, 79, 158, 0.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7f5f2 100%);
}

.resources-page__hero {
  padding: 0px 0 26px;
}

.resources-page__hero-panel,
.resources-panel {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 22px 46px rgba(17, 30, 52, 0.08);
}

.resources-page__hero-panel {
  padding: 40px 42px;
  border-radius: 32px;
}

.resources-page__hero-panel h1 {
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: 0.98;
}

.resources-page__hero-subtitle,
.resources-page__hero-description {
  max-width: 920px;
  margin: 18px 0 0;
  color: #455569;
  line-height: 1.8;
}

.resources-page__hero-subtitle {
  font-size: 1.04rem;
  font-weight: 500;
}

.resources-page__hero-description {
  font-size: 0.98rem;
}

.resources-page__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.resources-page__hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0, 79, 158, 0.18);
  color: #31597c;
  font-size: 0.92rem;
  font-weight: 700;
}

.resources-page__hero-button:hover,
.resources-page__hero-button:focus-visible {
  border-color: rgba(0, 79, 158, 0.34);
  color: var(--brand);
}

.resources-page__content {
  padding: 8px 0 58px;
}

.resources-page__grid {
  display: grid;
  grid-template-columns: 1.15fr 0.9fr 0.9fr;
  gap: 22px;
  align-items: stretch;
}

.resources-panel {
  border-radius: 28px;
  padding: 28px;
}

.resources-panel h2 {
  margin: 0 0 14px;
}

.resources-panel p,
.resources-panel__list li {
  color: #455569;
  line-height: 1.75;
}

.resources-panel--feature {
  background: linear-gradient(180deg, rgba(0, 79, 158, 0.05) 0%, rgba(255, 255, 255, 0.92) 100%);
}

.resources-panel__list {
  margin: 0;
  padding-left: 20px;
}

.resources-panel__intro {
  margin: 0 0 16px;
}

.resources-panel__links {
  display: grid;
  gap: 12px;
}

.resources-panel__links a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 0 18px;
  border-radius: 18px;
  background: #f7f8fb;
  border: 1px solid rgba(24, 48, 76, 0.08);
  color: var(--ink);
  font-weight: 600;
}

.resources-panel__links a:hover,
.resources-panel__links a:focus-visible {
  border-color: rgba(0, 79, 158, 0.18);
  color: var(--brand);
}

.page-register .page-section,
.page-login .page-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
}

.page-admin-login .page-section {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 460px;
  padding: 48px 0;
}

.page-admin-login .section__inner--narrow {
  width: min(calc(100% - 32px), 520px);
}

.page-admin-login .auth-card {
  width: min(100%, 420px);
  margin: 0 auto;
}

.page-admin-settings .page-section {
  padding: 30px 0 64px;
  background: #f5f7fb;
}

.page-admin-settings .account-page__content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -22px -22px 22px;
  padding: 20px 22px;
  border-bottom: 1px solid #dbe3ee;
}

.page-admin-settings .account-page__content-header h2 {
  margin: 0;
  color: var(--navy);
  font-size: 2rem;
}

.page-admin-settings #site-mode {
  min-height: 52px;
  padding: 12px 14px;
}

.page-admin-settings .button--auth-outline {
  min-height: 58px;
}

.page-admin-settings .account-page__details div {
  padding: 10px;
  gap: 10px;
}

.page-admin-settings .account-page__details dd {
  font-weight: 400;
}

.admin-password-toggle {
  margin-top: 22px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: 44px;
  padding: 9px 24px;
  border-radius: 999px;
}

.admin-profile-divider {
  width: 100%;
  margin: 26px 0 0;
  border: 0;
  border-top: 1px solid #dbe3ee;
}

.admin-password-form {
  width: 60%;
  margin: 22px auto 0;
}

.admin-password-form[hidden] {
  display: none !important;
}

.admin-password-toggle[hidden] {
  display: none !important;
}

.admin-password-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 8px;
}

.admin-password-actions .button {
  min-height: 42px;
  padding: 8px 22px;
  border-radius: 999px;
}

@media (max-width: 760px) {
  .admin-password-form {
    width: 100%;
  }
}

.page-register .section__inner--narrow,
.page-login .section__inner--narrow {
  width: min(calc(100% - 32px), 620px);
}

.demo-alert {
  display: none;
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(0, 81, 162, 0.08);
  color: var(--brand);
  border: 1px solid rgba(0, 81, 162, 0.12);
}

.demo-alert.is-visible {
  display: block;
}

.article {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.article__lead {
  font-size: 1.06rem;
  margin-bottom: 24px;
}

.article__image {
  margin: 18px 0 28px;
}

.article__content h2 {
  margin-top: 12px;
}

.site-footer {
  margin-top: auto;
  background: #242428;
  color: #ffffff;
  padding: 56px 0 34px;
}

.site-footer__inner {
  width: min(calc(100% - 32px), 1280px);
}

.footer-match {
  display: grid;
  grid-template-columns: 0.9fr 1.9fr 1.2fr;
  gap: 64px;
  align-items: start;
}

.footer-match h3 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: underline;
}

.footer-links {
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}

.footer-links a,
.footer-match__about a,
.footer-contact a {
  color: #ffffff;
  text-decoration: underline;
}

.footer-links a:hover,
.footer-match__about a:hover,
.footer-contact a:hover {
  color: #ffffff;
  opacity: 0.86;
}

.footer-match__about p,
.footer-contact p,
.footer-copyright {
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 0.98rem;
  line-height: 1.45;
  font-weight: 500;
}

.footer-contact {
  display: grid;
  gap: 4px;
  margin-bottom: 20px;
}

.footer-contact p,
.footer-contact a {
  margin: 0;
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 24px 0 24px;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: #ffffff;
  color: #0077b5;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
}

.footer-social__icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.footer-copyright {
  margin-bottom: 0;
  font-size: 0.95rem;
}

.text-link {
  color: var(--brand);
  font-weight: 700;
}

.hero__actions--center {
  justify-content: center;
}

[data-auth-state="logged-out"] {
  display: none;
}

body.is-logged-in [data-auth-state="logged-in"] {
  display: none;
}

body.is-logged-in [data-auth-state="logged-out"] {
  display: inline-flex;
}

@media (max-width: 1160px) {
  .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-match {
    grid-template-columns: 1fr 1.4fr;
    gap: 38px;
  }

  .footer-match__contact {
    grid-column: 1 / -1;
  }

  .resources-reserve-grid,
  .resources-page__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 940px) {
  .hero__inner,
  .feature-split,
  .three-up,
  .cta-panel,
  .contact-layout,
  .auth-shell,
  .blog-card,
  .how-to-videos-page__showcase {
    grid-template-columns: 1fr;
  }

  .contact-page__grid,
  .contact-form__grid {
    grid-template-columns: 1fr;
  }

  .field--full {
    grid-column: auto;
  }

  .auth-form--subscription-details {
    grid-template-columns: 1fr;
  }

  .hero__inner {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .site-header__inner {
    flex-wrap: wrap;
    padding: 16px 0;
  }

  .menu-toggle {
    display: block;
  }

  .site-nav-wrap {
    display: none;
    width: 100%;
    padding-top: 8px;
    flex-direction: column;
    align-items: stretch;
  }

  .site-nav-wrap.is-open {
    display: flex;
  }

  .nav-links,
  .nav-actions {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }

  .nav-links {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .nav-item {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .nav-links a {
    text-align: center;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--line);
  }

  .nav-item__link {
    justify-content: center;
  }

  .nav-submenu {
    position: static;
    min-width: 0;
    margin-top: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: grid;
    gap: 8px;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .nav-submenu__link {
    text-align: center;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--line);
  }

  .nav-actions {
    margin-top: 4px;
  }

  .hero {
    padding-top: 36px;
  }

  .contact-page__map {
    height: 360px;
  }

  .how-to-videos-page__hero {
    padding-top: 24px;
    padding-bottom: 36px;
  }

  .how-to-videos-playlist,
  .how-to-videos-player,
  .how-to-videos-comments__form {
    border-radius: 22px;
  }

  .how-to-videos-player__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero::before {
    inset: 0 0 auto;
    height: 380px;
    background-position: center;
  }

  .pricing-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-match {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .hero-card__body,
  .content-card,
  .pricing-card,
  .blog-card__body,
  .footer-card,
  .cta-panel,
  .article,
  .contact-form {
    padding: 22px;
  }

  .hero__copy h1,
  .page-hero h1,
  .content-card h1,
  .article h1 {
    line-height: 1;
  }

  .how-to-videos-comments {
    padding-top: 34px;
    padding-bottom: 40px;
  }

  .how-to-videos-comments__form {
    padding: 22px;
  }

}

.page-home,
.page-register,
.page-login,
.page-contact,
.page-about,
.page-solution,
.page-sol-toolbox {
  background: #ffffff;
}

.solution-page {
  background: #ffffff;
}

.solution-hero {
  display: grid;
  grid-template-columns: minmax(320px, 1.02fr) minmax(280px, 0.92fr);
  gap: 56px;
  align-items: center;
  margin-bottom: 44px;
}

.solution-hero__visual img {
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 22px 44px rgba(17, 30, 52, 0.14);
}

.solution-hero__copy h1 {
  margin: 0 0 18px;
  color: #13294b;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1.05;
}

.solution-hero__lead {
  margin: 0;
  color: #2f3e53;
  font-size: 1.05rem;
  line-height: 1.7;
}

.solution-hero__actions {
  margin-top: 28px;
}

.solution-hero__actions .button {
  min-width: 300px;
}

.solution-grid-section__header {
  margin-bottom: 26px;
}

.solution-grid-section__header h2 {
  margin: 0;
  color: #13294b;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.08;
}

.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.solution-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dde4ec;
  border-radius: 18px;
  box-shadow: 0 14px 28px rgba(17, 30, 52, 0.08);
}

.solution-card__image-link {
  display: block;
  background: #12243e;
}

.solution-card__image-link img {
  width: 100%;
  aspect-ratio: 1 / 0.86;
  object-fit: cover;
}

.solution-card__body {
  padding: 20px 18px 22px;
}

.solution-card__body h3 {
  margin: 0 0 10px;
  color: #13294b;
  font-size: 1.45rem;
  line-height: 1.18;
}

.solution-card__body p {
  margin: 0;
  color: #455569;
  line-height: 1.72;
}

.page-home.header-home-transparent .site-header,
.page-contact.header-home-transparent .site-header,
.page-blog.header-home-transparent .site-header,
.page-blog-article.header-home-transparent .site-header,
.page-resources.header-home-transparent .site-header,
.page-products.header-home-transparent .site-header,
.page-shopping-chart.header-home-transparent .site-header,
.page-account.header-home-transparent .site-header,
.page-login.header-home-transparent .site-header,
.page-register.header-home-transparent .site-header,
.page-legal-terms.header-home-transparent .site-header,
.page-knowledgebase.header-home-transparent .site-header,
.page-how-to-videos.header-home-transparent .site-header,
.page-about.header-home-transparent .site-header,
.page-solution.header-home-transparent .site-header,
.page-sol-toolbox.header-home-transparent .site-header {
  position: sticky;
  top: 0;
  backdrop-filter: none;
  background: transparent;
  border-bottom-color: #ff0000;
  box-shadow: none;
}

.page-home.header-home-transparent.has-scrolled .site-header,
.page-contact.header-home-transparent.has-scrolled .site-header,
.page-blog.header-home-transparent.has-scrolled .site-header,
.page-blog-article.header-home-transparent.has-scrolled .site-header,
.page-resources.header-home-transparent.has-scrolled .site-header,
.page-products.header-home-transparent.has-scrolled .site-header,
.page-shopping-chart.header-home-transparent.has-scrolled .site-header,
.page-account.header-home-transparent.has-scrolled .site-header,
.page-login.header-home-transparent.has-scrolled .site-header,
.page-register.header-home-transparent.has-scrolled .site-header,
.page-legal-terms.header-home-transparent.has-scrolled .site-header,
.page-knowledgebase.header-home-transparent.has-scrolled .site-header,
.page-how-to-videos.header-home-transparent.has-scrolled .site-header,
.page-about.header-home-transparent.has-scrolled .site-header,
.page-solution.header-home-transparent.has-scrolled .site-header,
.page-sol-toolbox.header-home-transparent.has-scrolled .site-header {
  backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.96);
  border-bottom-color: #ff0000;
  box-shadow: 0 10px 24px rgba(17, 30, 52, 0.08);
}

.page-home .site-header__inner,
.page-contact .site-header__inner,
.page-blog .site-header__inner,
.page-blog-article .site-header__inner,
.page-resources .site-header__inner,
.page-products .site-header__inner,
.page-shopping-chart .site-header__inner,
.page-account .site-header__inner,
.page-login .site-header__inner,
.page-register .site-header__inner,
.page-legal-terms .site-header__inner,
.page-knowledgebase .site-header__inner,
.page-how-to-videos .site-header__inner,
.page-about .site-header__inner,
.page-solution .site-header__inner,
.page-sol-toolbox .site-header__inner {
  min-height: 96px;
}

.page-home .brand,
.page-contact .brand,
.page-blog .brand,
.page-blog-article .brand,
.page-resources .brand,
.page-products .brand,
.page-shopping-chart .brand,
.page-account .brand,
.page-login .brand,
.page-register .brand,
.page-legal-terms .brand,
.page-knowledgebase .brand,
.page-how-to-videos .brand,
.page-about .brand,
.page-solution .brand,
.page-sol-toolbox .brand {
  flex: 0 0 auto;
}

.page-home .site-nav-wrap,
.page-contact .site-nav-wrap,
.page-blog .site-nav-wrap,
.page-blog-article .site-nav-wrap,
.page-resources .site-nav-wrap,
.page-products .site-nav-wrap,
.page-shopping-chart .site-nav-wrap,
.page-account .site-nav-wrap,
.page-login .site-nav-wrap,
.page-register .site-nav-wrap,
.page-legal-terms .site-nav-wrap,
.page-knowledgebase .site-nav-wrap,
.page-how-to-videos .site-nav-wrap,
.page-about .site-nav-wrap,
.page-solution .site-nav-wrap,
.page-sol-toolbox .site-nav-wrap {
  justify-content: flex-start;
}

.page-home .nav-links,
.page-contact .nav-links,
.page-blog .nav-links,
.page-blog-article .nav-links,
.page-resources .nav-links,
.page-products .nav-links,
.page-shopping-chart .nav-links,
.page-account .nav-links,
.page-login .nav-links,
.page-register .nav-links,
.page-legal-terms .nav-links,
.page-knowledgebase .nav-links,
.page-how-to-videos .nav-links,
.page-about .nav-links,
.page-solution .nav-links,
.page-sol-toolbox .nav-links {
  margin-right: auto;
}

.page-home .nav-links a,
.page-contact .nav-links a,
.page-blog .nav-links a,
.page-blog-article .nav-links a,
.page-resources .nav-links a,
.page-products .nav-links a,
.page-shopping-chart .nav-links a,
.page-account .nav-links a,
.page-login .nav-links a,
.page-register .nav-links a,
.page-legal-terms .nav-links a,
.page-knowledgebase .nav-links a,
.page-how-to-videos .nav-links a,
.page-about .nav-links a,
.page-solution .nav-links a,
.page-sol-toolbox .nav-links a {
  color: #000000;
}

.page-home .nav-links a:hover,
.page-home .nav-links a:focus-visible,
.page-contact .nav-links a:hover,
.page-contact .nav-links a:focus-visible,
.page-blog .nav-links a:hover,
.page-blog .nav-links a:focus-visible,
.page-blog-article .nav-links a:hover,
.page-blog-article .nav-links a:focus-visible,
.page-resources .nav-links a:hover,
.page-resources .nav-links a:focus-visible,
.page-products .nav-links a:hover,
.page-products .nav-links a:focus-visible,
.page-shopping-chart .nav-links a:hover,
.page-shopping-chart .nav-links a:focus-visible,
.page-account .nav-links a:hover,
.page-account .nav-links a:focus-visible,
.page-login .nav-links a:hover,
.page-login .nav-links a:focus-visible,
.page-register .nav-links a:hover,
.page-register .nav-links a:focus-visible,
.page-legal-terms .nav-links a:hover,
.page-legal-terms .nav-links a:focus-visible,
.page-knowledgebase .nav-links a:hover,
.page-knowledgebase .nav-links a:focus-visible,
.page-how-to-videos .nav-links a:hover,
.page-how-to-videos .nav-links a:focus-visible,
.page-about .nav-links a:hover,
.page-about .nav-links a:focus-visible,
.page-solution .nav-links a:hover,
.page-solution .nav-links a:focus-visible,
.page-sol-toolbox .nav-links a:hover,
.page-sol-toolbox .nav-links a:focus-visible {
  color: var(--brand);
}

.page-home .button--accent,
.page-contact .button--accent,
.page-blog .button--accent,
.page-blog-article .button--accent,
.page-resources .button--accent,
.page-products .button--accent,
.page-shopping-chart .button--accent,
.page-account .button--accent,
.page-login .button--accent,
.page-register .button--accent,
.page-legal-terms .button--accent,
.page-knowledgebase .button--accent,
.page-how-to-videos .button--accent,
.page-about .button--accent,
.page-solution .button--accent,
.page-sol-toolbox .button--accent {
  box-shadow: none;
}

.account-page {
  padding-top: 36px;
}

.account-page .section__inner {
  max-width: 1160px;
}

.account-page__hero {
  margin-bottom: 22px;
}

.account-page__hero h1 {
  font-size: clamp(2.6rem, 8vw, 5rem);
}

.account-page__notice {
  margin: 0 auto 20px;
  max-width: 920px;
  padding: 14px 18px;
  border-radius: 8px;
  background: #eaf8ef;
  color: #0b6b2c;
  font-weight: 700;
}

.account-page__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  gap: 18px;
  align-items: start;
}

.account-page__panel {
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: #ffffff;
  padding: 24px;
  box-shadow: 0 18px 40px rgba(15, 28, 48, 0.06);
}

.account-page__panel--wide {
  grid-column: 1 / -1;
}

.account-page__panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.account-page__panel h2 {
  margin: 0;
  font-size: 1.55rem;
  color: var(--navy);
}

.account-page__label {
  margin: 0 0 6px;
  color: #66758a;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.account-page__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #edf2f7;
  color: #1f3148;
  font-size: 0.9rem;
  font-weight: 800;
  white-space: nowrap;
}

.account-page__status--active,
.account-page__status--trialing {
  background: #e7f8ef;
  color: #08713a;
}

.account-page__status--past_due,
.account-page__status--unpaid {
  background: #fff7e6;
  color: #9a5a00;
}

.account-page__status--canceled,
.account-page__status--deleted,
.account-page__status--incomplete_expired {
  background: #fdecec;
  color: #b42318;
}

.account-page__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding-bottom: 20px;
}

.account-page__details div {
  min-width: 0;
  padding: 14px;
  border: 1px solid #edf1f6;
  border-radius: 8px;
  background: #fbfcfe;
}

.account-page__details dt {
  margin-bottom: 6px;
  color: #66758a;
  font-size: 0.82rem;
  font-weight: 800;
}

.account-page__details dd {
  margin: 0;
  color: var(--navy);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.account-page__details dd span {
  color: #455569;
  font-weight: 500;
}

.account-page__empty {
  margin: 12px 0 0;
  color: #66758a;
}

.account-page__list,
.account-page__timeline {
  display: grid;
  gap: 10px;
}

.account-page__list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #edf1f6;
}

.account-page__list-row:last-child {
  border-bottom: 0;
}

.account-page__list-row div {
  display: grid;
  gap: 3px;
}

.account-page__list-row strong,
.account-page__timeline-item strong {
  color: var(--navy);
}

.account-page__list-row span,
.account-page__timeline-item p {
  margin: 0;
  color: #66758a;
}

.account-page__list-row a {
  color: var(--brand);
  font-weight: 800;
  text-decoration: none;
}

.account-page__timeline-item {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.account-page__timeline-item > span {
  width: 10px;
  height: 10px;
  margin-top: 7px;
  border-radius: 50%;
  background: var(--brand);
}

.sol-toolbox-page {
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f8fb 52%, #f0f3f8 100%);
}

.sol-toolbox-hero {
  position: relative;
  padding-top: 36px;
  text-align: center;
}

.sol-toolbox-hero::after,
.sol-toolbox-features::before,
.sol-toolbox-features::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--brand);
}

.sol-toolbox-hero::after,
.sol-toolbox-features::after {
  bottom: 0;
}

.sol-toolbox-features::before {
  top: 0;
}

.sol-toolbox-hero__content h1 {
  margin: 0;
  color: #161d25;
  font-size: clamp(2.1rem, 4.5vw, 4.1rem);
  font-weight: 400;
  line-height: 1.08;
}

.sol-toolbox-hero__content h1 span {
  display: block;
}

.sol-toolbox-hero__button {
  margin-top: 20px;
  min-width: 288px;
}

.sol-toolbox-intro {
  position: relative;
  margin-top: 18px;
  padding: 14px 0 0;
}

.sol-toolbox-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: none;
}

.sol-toolbox-intro > * {
  position: relative;
}

.sol-toolbox-intro h2 {
  margin: 0 0 12px;
  color: #d8352b;
  font-size: clamp(1.9rem, 3.5vw, 3rem);
  font-weight: 400;
}

.sol-toolbox-intro__lead {
  max-width: 880px;
  margin: 0 auto;
  color: #242d38;
  font-size: 1rem;
  line-height: 1.52;
}

.sol-toolbox-intro__lead p {
  margin: 0 0 10px;
}

.sol-toolbox-intro__lead a {
  color: #d8352b;
  text-decoration: underline;
}

.sol-toolbox-intro__image {
  width: min(100%, 390px);
  margin: 22px auto 0;
}

.sol-toolbox-intro__image img {
  width: 100%;
  border-radius: 999px;
  box-shadow: 0 20px 44px rgba(17, 30, 52, 0.12);
}

.sol-toolbox-sections {
  padding-top: 22px;
}

.sol-toolbox-split {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap: 38px;
  align-items: center;
  padding-bottom: 30px;
  margin-bottom: 34px;
}

.sol-toolbox-split:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100vw;
  height: 1px;
  background: var(--brand);
  transform: translateX(-50%);
}

.sol-toolbox-split--right {
  grid-template-columns: minmax(340px, 0.88fr) minmax(0, 1fr);
}

.sol-toolbox-split--right .sol-toolbox-split__media {
  order: 2;
}

.sol-toolbox-split--right .sol-toolbox-split__copy {
  order: 1;
}

.sol-toolbox-split__media img {
  width: 100%;
  border-radius: 0;
  box-shadow: 0 20px 42px rgba(17, 30, 52, 0.1);
}

.sol-toolbox-split__copy {
  color: #222c36;
}

.sol-toolbox-split__copy h3 {
  margin: 0 0 12px;
  color: #101820;
  font-size: clamp(1.35rem, 2.7vw, 2.1rem);
  line-height: 1.14;
  font-weight: 400;
}

.sol-toolbox-split__body {
  font-size: 0.98rem;
  line-height: 1.52;
}

.sol-toolbox-split__body p {
  margin: 0 0 11px;
}

.sol-toolbox-split__copy .button {
  margin-top: 8px;
}

.sol-toolbox-split__copy--panel {
  padding: 34px 30px;
  border-radius: 26px;
  background: #f6f4f5;
  box-shadow: 0 18px 40px rgba(17, 30, 52, 0.06);
}

.sol-toolbox-features {
  position: relative;
  padding-top: 35px;
}

.sol-toolbox-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.sol-toolbox-feature-card {
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #dbe2ea;
  box-shadow: 0 14px 30px rgba(17, 30, 52, 0.08);
}

.sol-toolbox-feature-card img {
  width: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
}

.sol-toolbox-feature-card__body {
  padding: 18px 18px 20px;
}

.sol-toolbox-feature-card__body h3 {
  margin: 0 0 10px;
  color: #101820;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.18;
}

.sol-toolbox-feature-card__text {
  color: #28333f;
  font-size: 0.95rem;
  line-height: 1.5;
}

.sol-toolbox-feature-card__text p {
  margin: 0 0 10px;
}

.sol-toolbox-features__cta {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.sol-toolbox-closing {
  padding-top: 22px;
}

.sol-toolbox-closing__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 24px;
  align-items: start;
}

.sol-toolbox-closing__copy h2 {
  margin: 0 0 10px;
  color: #101820;
  font-size: clamp(1.85rem, 3.4vw, 3.1rem);
  font-weight: 400;
  line-height: 1.06;
}

.sol-toolbox-closing__copy p {
  margin: 0;
  color: #2b3742;
  font-size: 1rem;
  line-height: 1.5;
}

.sol-toolbox-closing__panel {
  padding: 24px 24px;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 20px 42px rgba(17, 30, 52, 0.09);
}

.sol-toolbox-closing__panel h3 {
  margin: 0 0 12px;
  color: #101820;
  font-size: 1.55rem;
  font-weight: 400;
}

.sol-toolbox-closing__panel ul {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
  color: #25313d;
  font-size: 0.96rem;
  line-height: 1.45;
}

.sol-toolbox-closing__panel li {
  position: relative;
  padding-left: 26px;
}

.sol-toolbox-closing__panel li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  color: #e3362b;
  font-weight: 700;
}

.sol-toolbox-closing__panel .button {
  width: 100%;
}

.sol-technical-page {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 54%, #eef3f8 100%);
}

.sol-technical-hero {
  position: relative;
  padding-top: 42px;
  border-bottom: 1px solid var(--brand);
}

.sol-technical-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.78fr);
  gap: 42px;
  align-items: center;
}

.sol-technical-hero__copy h1 {
  margin: 0 0 8px;
  color: #101820;
  font-size: clamp(2.2rem, 4.8vw, 4.3rem);
  line-height: 1.04;
  font-weight: 500;
}

.sol-technical-hero__copy h2 {
  margin: 0 0 18px;
  color: var(--brand);
  font-size: clamp(1.1rem, 2.3vw, 1.8rem);
  line-height: 1.2;
  font-weight: 600;
}

.sol-technical-hero__media img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 22px 48px rgba(17, 30, 52, 0.12);
}

.sol-technical-rich-text {
  color: #28333f;
  font-size: 0.90rem;
  line-height: 1.52;
}

.sol-technical-rich-text p {
  margin: 0 0 11px;
}

.sol-technical-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.sol-technical-actions--center {
  justify-content: center;
}

.sol-technical-diagnostics,
.sol-technical-newsletter,
.sol-technical-audience {
  border-bottom: 1px solid var(--brand);
}

.sol-technical-section-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.sol-technical-card {
  padding: 26px;
  border: 1px solid #dbe2ea;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 34px rgba(17, 30, 52, 0.07);
}

.sol-technical-card h2,
.sol-technical-newsletter__panel h2,
.sol-technical-audience__grid h2,
.sol-technical-closing__card h2 {
  margin: 0 0 12px;
  color: #101820;
  font-size: clamp(1.45rem, 2.7vw, 2.25rem);
  line-height: 1.12;
  font-weight: 500;
}

.sol-technical-check-list,
.sol-technical-pill-list {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.sol-technical-check-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 16px;
}

.sol-technical-check-list li {
  position: relative;
  padding-left: 22px;
  color: #26313d;
  font-size: 0.85rem;
  line-height: 1.35;
}

.sol-technical-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.48em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent);
}

.sol-technical-newsletter__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 28px;
  align-items: center;
  padding: 30px;
  border-radius: 26px;
  border: 1px solid rgba(0, 79, 158, 0.18);
  background: #ffffff;
  color: var(--brand);
  box-shadow: 0 22px 46px rgba(17, 30, 52, 0.14);
}

.sol-technical-newsletter__panel h2,
.sol-technical-newsletter__panel p,
.sol-technical-newsletter__panel .section-heading__eyebrow {
  color: var(--brand);
}

.sol-technical-newsletter__panel p {
  margin: 0;
  line-height: 1.5;
}

.sol-technical-newsletter__form {
  display: grid;
  gap: 12px;
}

.sol-technical-newsletter__form input {
  width: 100%;
  border: 1px solid #ff0000;
  border-radius: 999px;
  padding: 14px 18px;
  color: #10223b;
  background: #ffffff;
}

.sol-technical-audience__grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.sol-technical-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sol-technical-pill-list li {
  padding: 10px 14px;
  border: 1px solid #d8e2ed;
  border-radius: 999px;
  background: #ffffff;
  color: #18304c;
  font-size: 0.94rem;
  box-shadow: 0 10px 22px rgba(17, 30, 52, 0.06);
}

.sol-technical-closing__card {
  padding: 34px;
  border-radius: 28px;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 20px 42px rgba(17, 30, 52, 0.1);
}

.sol-technical-closing__card p {
  max-width: 680px;
  margin: 0 auto;
  color: #2b3742;
  line-height: 1.52;
}

.about-page {
  background: #ffffff;
}

.about-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
  min-height: calc(100vh - 96px);
  margin-top: -96px;
  padding-top: 96px;
}

.about-hero__copy {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 32px;
  background: #ee1514;
  color: #ffffff;
}

.about-hero__copy-inner {
  width: min(100%, 640px);
}

.about-hero__copy-inner h1 {
  margin: 0 0 36px;
  text-align: center;
  color: #ffffff;
  font-size: clamp(2.3rem, 4vw, 4rem);
  font-weight: 500;
  letter-spacing: 0.01em;
}

.about-hero__intro {
  display: grid;
  gap: 28px;
}

.about-hero__intro p {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 500;
}

.about-hero__intro a,
.about-services__eyebrow a {
  text-decoration: underline;
}

.about-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 216px;
  min-height: 58px;
  margin-top: 42px;
  margin-left: 50%;
  padding: 0 28px;
  border-radius: 999px;
  transform: translateX(-50%);
  background: #ffffff;
  color: #3b3b3b;
  border: 1px solid rgba(24, 48, 76, 0.18);
  box-shadow: 0 18px 34px rgba(17, 30, 52, 0.2);
  font-size: 1.05rem;
  font-weight: 500;
}

.about-hero__button:hover,
.about-hero__button:focus-visible {
  color: var(--brand);
}

.about-hero__visual {
  position: relative;
  min-height: 100%;
  background: #f3f4f8;
}

.about-hero__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-services {
  padding-top: 54px;
  padding-bottom: 72px;
}

.about-services__header {
  max-width: 1320px;
  margin: 0 auto 42px;
}

.about-services__eyebrow {
  margin: 0 0 18px;
  color: #20242d;
  font-size: 1rem;
  line-height: 1.5;
}

.about-page__asterisk {
  margin-right: 8px;
  font-size: 1.5rem;
  font-weight: 700;
}

.about-services__header h2 {
  margin: 0 0 24px;
  color: #171c22;
  font-size: clamp(2.4rem, 6vw, 5.2rem);
  line-height: 1;
  font-weight: 400;
}

.about-services__intro {
  max-width: 1400px;
  color: #2f3640;
  font-size: 1rem;
  line-height: 1.7;
}

.about-services__intro p {
  margin: 0;
}

.about-services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin-top: 48px;
}

.about-service-card {
  padding-top: 24px;
  border-top: 1px solid #e2e6ed;
}

.about-service-card__number {
  display: inline-block;
  margin-bottom: 28px;
  color: #ee1514;
  font-size: clamp(3rem, 7vw, 5rem);
  line-height: 0.9;
  font-weight: 400;
}

.about-service-card h3 {
  margin: 0 0 18px;
  color: #171c22;
  font-size: clamp(1.8rem, 3vw, 2.25rem);
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
}

.about-service-card__body,
.about-service-card__list {
  color: #2f3640;
  font-size: 0.90rem;
  line-height: 1.72;
}

.about-service-card__body p {
  margin: 0 0 16px;
}

.about-service-card__list {
  margin: 20px 0 0;
  padding-left: 24px;
}

.about-service-card__list li + li {
  margin-top: 8px;
}

.about-services__cta {
  display: grid;
  justify-items: center;
  gap: 18px;
  margin-top: 44px;
  text-align: center;
}

.about-services__cta .button {
  min-height: 50px;
  padding: 0 28px;
  border-radius: 999px;
  background: #ee1514;
}

.about-services__cta p {
  margin: 0;
  color: #171c22;
  font-size: 1rem;
  font-style: italic;
}

.home-hero {
  position: relative;
  min-height: 720px;
  margin-top: -96px;
  padding-top: 96px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),
    url("/assets/images/header-new.png") center top / cover no-repeat;
}

.home-hero__inner {
  width: min(calc(100% - 32px), 900px);
  margin: 0 auto;
  min-height: 720px;
  padding: 170px 0 120px;
  text-align: center;
}

.home-hero__inner h1 {
  margin: 0;
  color: #1e3a5d;
  font-size: clamp(2.2rem, 6vw, 4rem);
  line-height: 1.12;
  font-weight: 700;
  text-transform: uppercase;
}

.home-hero__inner p {
  margin: 28px 0 0;
  color: #3a444c;
  font-size: 1.1rem;
  line-height: 1.7;
}

.home-hero__actions {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 52px;
}

.home-hero__actions .button {
  min-height: 54px;
  padding: 0 44px;
}

.home-intro {
  padding-top: 5px;
  padding-bottom: 5px;
}

.home-intro__copy {
  text-align: center;
}

.home-intro__copy p {
  margin: 0 0 10px;
  color: #3a444c;
  font-size: 0.95rem;
  line-height: 1.9;
}

.home-intro__link {
  color: var(--accent);
  font-size: 1.2rem;
  font-weight: 700;
}

.home-toolbox {
  padding-top: 6px;
  padding-bottom: 15px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.72)),
    url("/assets/images/toolbox.png") center center / cover no-repeat;
}

.home-toolbox__panel {
  overflow: hidden;
  border-radius: 0;
  padding: 40px 32px 36px;
  background: transparent;
}

.home-toolbox__panel h2 {
  margin: 0 0 20px;
  color: #000000;
  text-align: center;
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  line-height: 1.12;
  font-weight: 700;
  text-transform: uppercase;
}

.home-toolbox__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.home-toolbox__card {
  text-align: left;
}

.home-toolbox__icon {
  color: var(--brand);
  font-size: 4rem;
  line-height: 1;
}

.home-toolbox__card h3 {
  margin: 10px 0 10px;
  color: #ff0000;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.home-toolbox__card p {
  margin: 0;
  color: #3a444c;
  font-size: 0.95rem;
  line-height: 1.8;
  font-weight: 500;
}

.home-toolbox__cta,
.home-offerings__cta {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.home-toolbox__cta .button {
  padding: 0 44px;
}

.home-offerings {
  padding-top: 10px;
  padding-bottom: 24px;
}

.home-offerings__title {
  margin: 0 0 5px;
  text-align: center;
  color: #000000;
  font-size: clamp(1.6rem, 3vw, 2rem);
  font-weight: 600;
  text-transform: uppercase;
}

.home-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.home-tabs__item {
  padding: 12px 18px;
  border: 1px solid rgba(0, 79, 158, 0.2);
  border-radius: 999px;
  background: #ffffff;
  color: #4c5f72;
  font-size: 0.95rem;
  font-weight: 600;
}

.home-tabs__item--active {
  border-color: #fb0303;
  color: var(--accent);
}

.home-pricing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.home-pricing__card {
  padding: 28px 24px;
  background: #ffffff;
  border: 1px solid #e5e9ef;
  text-align: center;
  box-shadow: 0 12px 26px rgba(17, 30, 52, 0.06);
}

.home-pricing__card h3 {
  margin: 0;
  color: #3a444c;
  font-size: 1.4rem;
}

.home-pricing__price {
  margin: 12px 0 16px;
  color: var(--brand);
  font-size: 2rem;
  font-weight: 700;
}

.home-pricing__card ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  color: #3a444c;
  line-height: 1.8;
  font-weight: 500;
}

.home-offerings__empty {
  margin: 18px 0 0;
  padding: 16px;
  border-radius: 8px;
  background: #ece8ea;
  color: #415467;
  text-align: center;
}

.home-testimonial {
  padding-top: 0px;
  padding-bottom: 20px;
  background: #edeff3;
}

.home-testimonial .section__inner {
  border-top: 1px solid rgba(24, 48, 76, 0.12);
  padding-top: 28px;
}

.home-testimonial__header {
  margin-bottom: 14px;
}

.home-testimonial__header h2 {
  margin: 0;
  color: #1e2a39;
  font-size: clamp(1.8rem, 3vw, 2.25rem);
  font-weight: 500;
  line-height: 1.15;
}

.home-testimonial__header p {
  margin: 10px 0 0;
  color: #2d3f53;
  font-size: 1.02rem;
  line-height: 1.6;
}

.home-testimonial__carousel {
  margin-top: 16px;
}

.home-testimonial__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.home-testimonial-card {
  min-height: 264px;
  padding: 24px 24px 18px;
  background: #ece8ea;
  border-left: 4px solid #f50f0f;
  border-radius: 6px;
  color: #1a2431;
}

.home-testimonial-card__quote {
  margin: 0;
  font-size: 0.80rem;
  line-height: 1.50;
}

.home-testimonial-card__author {
  margin: 22px 0 0;
  color: #111827;
  font-size: 1.02rem;
  font-weight: 700;
}

.home-testimonial-card__role {
  margin: 4px 0 0;
  color: #4f5f73;
  font-size: 0.95rem;
}

.home-testimonial__empty {
  margin: 0;
  padding: 24px;
  border-radius: 8px;
  background: #ece8ea;
  color: #415467;
  text-align: center;
}

.home-testimonial__controls {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.home-testimonial__controls[hidden] {
  display: none;
}

.home-testimonial-card[hidden] {
  display: none;
}

.home-testimonial__arrow {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(24, 48, 76, 0.22);
  border-radius: 999px;
  background: #ffffff;
  color: #173857;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
}

.home-testimonial__arrow:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.home-testimonial__cta {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.home-testimonial__cta .button {
  min-width: 250px;
}

.home-newsletter {
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-newsletter__header {
  margin-bottom: 16px;
  text-align: center;
}

.home-newsletter__header h2 {
  margin: 0;
  color: #1e2a39;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 600;
}

.home-newsletter__form {
  display: grid;
  gap: 18px;
}

.home-newsletter__row {
  display: grid;
  grid-template-columns: 160px 1fr;
  align-items: center;
  gap: 18px;
}

.home-newsletter__row > label {
  color: #1f2a36;
  font-size: 1.05rem;
}

.home-newsletter__row > label span {
  color: #ef1610;
}

.home-newsletter__row input[type="text"],
.home-newsletter__row input[type="email"] {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(24, 48, 76, 0.16);
  border-radius: 7px;
  padding: 0 14px;
  background: #ffffff;
}

.home-newsletter__actions {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.home-newsletter__actions .button {
  min-width: 120px;
}

.page-products {
  background:
    radial-gradient(circle at top center, rgba(231, 26, 19, 0.06), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%);
}

.products-page {
  padding-bottom: 200px;
}

.products-hero {
  padding-top: 5px;
}

.products-hero__content {
  max-width: 1160px;
  margin: 0 auto 30px;
}

.products-family-eyebrow {
  color: var(--products-eyebrow-text, var(--brand));
  border-color: var(--products-eyebrow-border, rgba(0, 81, 162, 0.1));
  background: var(--products-eyebrow-background, rgba(255, 255, 255, 0.88));
}

.products-hero__subheading {
  margin: 10px 0 0;
  color: #182735;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 500;
  line-height: 1.2;
}

.products-hero__content-heading {
  margin: 26px 0 10px;
  color: #183f68;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.05;
  font-weight: 800;
}

.products-hero__description {
  max-width: 1220px;
  margin: 10px auto 0;
  font-size: 1rem;
}

.products-pricing {
  position: relative;
  margin-top: 28px;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.products-families {
  max-width: 1260px;
  margin: 24px auto 0;
}

.products-families__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.products-families__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border: 2px solid #ff1a11;
  border-radius: 20px 20px 20px 20px;
  background: #ffffff;
  color: #111111;
  font-size: 0.95rem;
  font-weight: 700;
}

.products-families__tab.is-active {
  color: var(--accent);
}

.products-pricing__family-copy {
  max-width: 1320px;
  margin: 0 auto 18px;
}

.products-pricing__family-copy h2 {
  margin: 0 0 18px;
  color: #16385a;
  font-size: clamp(2rem, 3vw, 2.9rem);
  line-height: 1.1;
  font-weight: 700;
}

.products-pricing__family-copy p {
  max-width: 1320px;
  margin: 0;
  color: #16385a;
  font-size: 1rem;
  line-height: 1.45;
}

.products-tabs-wrapper {
  display: flex;
  justify-content: center;
  margin: 10px auto 0;
  padding-top: 0;
  position: relative;
  z-index: 3;
}

.products-tabs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 2px;
  flex-wrap: wrap;
  margin: 0 auto;
}

.products-tabs__tab {
  min-height: 46px;
  padding: 0 20px;
  border: 2px solid #ff1a11;
  border-bottom: 1;
  border-radius: 6px 6px 0 0;
  background: #ffffff;
  color: #111111;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.18s ease, transform 0.18s ease;
}

.products-tabs__tab:hover,
.products-tabs__tab:focus-visible,
.products-tabs__tab.is-active {
  color: var(--accent);
  border-bottom: 0;    
}

.products-panels {
  margin-top: -2px;
  padding: 28px 20px 24px;
  border: 2px solid #ff1a11;
  border-radius: 12px;
  background: #ffffff;
}

.products-panel {
  display: grid;
  gap: 20px;
}

.products-panel[hidden] {
  display: none !important;
}

.products-offers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  justify-content: center;
  align-items: stretch;
  max-width: 940px;
  margin: 0 auto;
}

.products-offer-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 10px 24px rgba(17, 30, 52, 0.12);
  width: 300px;
  min-height: 455px;
}

.products-offer-card__plan {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 18px;
  background: linear-gradient(180deg, #ff1f14 0%, #ea170e 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}

.products-offer-card__body {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  gap: 16px;
  flex: 1 1 auto;
  height: 100%;
  padding: 18px 24px 24px;
}

.products-offer-card__price {
  margin: 0;
  color: #143854;
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  font-weight: 800;
  line-height: 1.12;
  text-align: center;
  display: grid;
  gap: 8px;
}

.products-offer-card__price-amount,
.products-offer-card__price-period {
  display: block;
}

.products-offer-card__features {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1 1 auto;
  align-content: start;
}

.products-offer-card__features li {
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 8px;
  align-items: start;
  color: #173955;
  line-height: 1.45;
  font-size: 0.92rem;
}

.products-offer-card__check {
  color: #169329;
  font-weight: 800;
  line-height: 1.2;
}

.products-offer-card__feature-text strong,
.products-offer-card__feature-text b {
  font-weight: 800;
}

.products-offer-card__features li.is-emphasized .products-offer-card__feature-text {
  font-weight: 800;
}

.products-offer-card__trial {
  margin: 0;
  color: #143854;
  font-weight: 700;
  text-align: left;
}

.products-offer-card__cta {
  width: 100%;
  min-height: 30px;
  padding: 0 18px;
  justify-content: center;
  margin-top: 0;
  border-radius: 15px;
  box-shadow: none;
}

.products-offer-card__cta-form {
  display: grid;
  width: 100%;
  margin-top: 0;
}

.products-offer-card__cta-form .products-offer-card__cta {
  margin-top: 0;
}

.products-empty-state {
  gap: 18px;
}

.products-catalog-groups {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin: 10px auto 10px;
  max-width: 1260px;
}

.products-catalog-groups__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 24px;
  border: 2px solid #ff1a11;
  border-radius: 999px;
  background: #ffffff;
  color: #111111;
  font-size: 0.98rem;
  font-weight: 700;
  text-decoration: none;
}

.products-catalog-groups__chip.is-active {
  color: var(--accent);
}

.products-catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  max-width: 1140px;
  margin: 0 auto;
}

.products-catalog-card {
  display: grid;
  gap: 10px;
}

.products-catalog-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: #d9bd1a;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: center;
}

.products-catalog-card__media {
  display: block;
  width: 100%;
  height: auto;
}

.products-catalog-card__title {
  margin: 4px 0 0;
  color: #ef1610;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
}

.products-catalog-card__title a {
  color: inherit;
  text-decoration: none;
}

.products-catalog-card__price {
  margin: 0;
  color: #1c2f46;
  font-size: 1.25rem;
  line-height: 1.3;
}

.products-catalog-card__price strong {
  color: #1c2f46;
  font-size: 1.50rem;
  font-weight: 700;
}

.product-offer-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 34px;
  align-items: start;
}

.product-offer-detail__image {
  width: 90%;
  height: auto;
  display: block;
}

.product-offer-detail__title {
  margin: 0;
  color: #2a2f3a;
  font-size: clamp(1.8rem, 2.4vw, 2.2rem);
  line-height: 1.2;
}

.product-offer-detail__features {
  margin: 14px 0 0;
  padding-left: 22px;
  color: #4c5565;
  line-height: 1.45;
}

.product-offer-detail__price {
  margin: 18px 0 0;
  color: #2a2f3a;
  font-size: 1.9rem;
}

.product-offer-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(24, 48, 76, 0.12);
}

.product-offer-detail__button {
  min-width: 150px;
}

.product-offer-detail__terms {
  margin: 12px 0 0;
  color: #5f6673;
  line-height: 1.45;
}

.product-offer-detail__terms a {
  color: inherit;
}

.product-offer-detail__alternatives {
  margin-top: 26px;
}

.product-offer-detail__alternatives h2 {
  margin: 0;
  color: #2a2f3a;
}

.product-offer-detail__alternatives p {
  margin: 4px 0 0;
  color: #6a7080;
}

.product-offer-detail__alt-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.product-offer-detail__alt-card img {
  display: block;
  width: 100%;
  height: auto;
}

.product-offer-detail__alt-card h3 {
  margin: 8px 0 0;
  font-size: 1.20rem;
  text-align:center;
}

.product-offer-detail__alt-card h3 a {
  color: #ef1610;
  text-decoration: none;
}

.product-offer-detail__alt-card p {
  margin: 4px 0 0;
  color: #223750;
  text-align:center;
}
.shopping-chart-page {
    padding: 20px 0px 150px 0px;
}

.shopping-chart-page__status {
  padding: 10px 14px;
  border-radius: 8px;
  background: #ebf7ee;
  color: #1e6f33;
}

.shopping-chart-page__list {
  display: grid;
  gap: 12px;
}

.shopping-chart-page__checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr);
  gap: 24px;
  align-items: start;
}

.shopping-chart-page__items {
  display: grid;
  gap: 16px;
}

.shopping-chart-page__item {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(24, 48, 76, 0.12);
  border-radius: 10px;
  background: #ffffff;
}

.shopping-chart-page__item img {
  width: 100%;
  height: auto;
  display: block;
}

.shopping-chart-page__item-copy h2 {
  margin: 0;
  color: #223750;
}

.shopping-chart-page__item-copy p {
  margin: 6px 0 0;
  color: #223750;
}


.shopping-chart-page__item-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
}

.shopping-chart-page__icon-action {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(222, 48, 40, 0.45);
  border-radius: 8px;
  background: #ffffff;
  color: #de3028;
  text-decoration: none;
  padding: 0;
}

.shopping-chart-page__icon-action svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
  flex: 0 0 18px;
}

.shopping-chart-page__icon-action:hover,
.shopping-chart-page__icon-action:focus-visible {
  border-color: #de3028;
  background: #fff4f3;
}

.shopping-chart-page__notice {
  gap: 18px;
}

.shopping-chart-page__notice-actions {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

.shopping-chart-page__notice-actions form {
  margin: 0;
}

.shopping-chart-page__confirm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid #ef1b16;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  padding: 0 22px;
  cursor: pointer;
}

.shopping-chart-page__confirm-button--yes {
  width: 96px;
  background: #ffffff;
  color: #ef1b16;
}

.shopping-chart-page__confirm-button--no {
  width: 192px;
  background: #ef1b16;
  color: #ffffff;
}
.shopping-chart-page__summary,
.shopping-chart-page__payment,
.shopping-chart-page__payment-submit-card {
  border: 1px solid rgba(24, 48, 76, 0.12);
  border-radius: 10px;
  background: #ffffff;
  padding: 18px;
}

.shopping-chart-page__right-column {
  display: grid;
  gap: 16px;
  align-items: start;
}

.shopping-chart-page__summary h3,
.shopping-chart-page__payment h3 {
  margin: 0 0 14px;
  color: #223750;
}

.shopping-chart-page__summary dl {
  display: grid;
  gap: 12px;
  margin: 0;
}

.shopping-chart-page__summary dl div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(24, 48, 76, 0.1);
  padding-bottom: 10px;
}

.shopping-chart-page__summary dt {
  color: #526173;
}

.shopping-chart-page__summary dt span {
  color: #526173;
  font-size: 0.9rem;
  font-weight: 500;
}

.shopping-chart-page__summary dd {
  margin: 0;
  color: #223750;
  font-weight: 700;
  text-align: right;
}

.shopping-chart-page__summary dd span {
  display: block;
  margin-top: 4px;
  color: #526173;
  font-size: 0.88rem;
  font-weight: 500;
}

.shopping-chart-page__summary .shopping-chart-page__summary-total {
  border-bottom: 0;
  padding-bottom: 0;
}

.shopping-chart-page__summary-total dt,
.shopping-chart-page__summary-total dd {
  color: #de3028;
  font-size: 1.12rem;
  font-weight: 800;
}

.shopping-chart-page__summary p {
  margin: 14px 0 0;
  color: #526173;
  font-size: 0.94rem;
}

.shopping-chart-page__payment {
  display: grid;
  gap: 12px;
}

.shopping-chart-page__payment-submit {
  justify-self: end;
  min-width: 230px;
  width: auto;
  padding-left: 28px;
  padding-right: 28px;
}

.shopping-chart-page__payment-submit-card {
  display: grid;
  justify-items: end;
}

.shopping-chart-page__payment-group {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(24, 48, 76, 0.12);
}

.shopping-chart-page__payment-group legend {
  padding: 0 8px;
  color: #223750;
  font-weight: 700;
}

.shopping-chart-page__payment-option {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(24, 48, 76, 0.12);
  background: #fbfcfe;
}

.shopping-chart-page__payment-option input {
  margin-top: 4px;
}

.shopping-chart-page__payment-option strong,
.shopping-chart-page__payment-option small {
  display: block;
}

.shopping-chart-page__payment-option small {
  margin-top: 3px;
  color: #526173;
}

.shopping-chart-page__error {
  margin: 0;
  color: #b42318;
  font-weight: 700;
}

.page-knowledgebase {
  background:
    radial-gradient(circle at top left, rgba(0, 79, 158, 0.08), transparent 30%),
    linear-gradient(180deg, #f9fbfe 0%, #eef3f9 100%);
}

.knowledgebase-page {
  padding: 5px 0 30px;
}

.knowledgebase-hero,
.knowledgebase-help-strip,
.knowledgebase-article {
  padding: 10px 0;
}

.knowledgebase-hero__panel,
.knowledgebase-panel,
.knowledgebase-article-section,
.knowledgebase-article-nav__card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 18px 44px rgba(17, 30, 52, 0.08);
}

.knowledgebase-hero__panel {
  position: relative;
  overflow: hidden;
  padding: 48px 54px;
  border-radius: 30px;
  text-align: center;
}

.knowledgebase-hero__panel::before,
.knowledgebase-hero__panel::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: rgba(0, 79, 158, 0.08);
}

.knowledgebase-hero__panel::before {
  width: 280px;
  height: 280px;
  top: -140px;
  left: -80px;
}

.knowledgebase-hero__panel::after {
  width: 220px;
  height: 220px;
  bottom: -110px;
  right: -40px;
}

.knowledgebase-hero__panel > * {
  position: relative;
  z-index: 1;
}

.knowledgebase-hero__panel h1,
.knowledgebase-section-heading h2,
.knowledgebase-panel__header h2,
.knowledgebase-article-section__header h2 {
  margin: 0;
  color: #24384f;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.05;
}

.knowledgebase-hero__lede,
.knowledgebase-section-heading p,
.knowledgebase-panel__header p,
.knowledgebase-article-section__header p {
  margin: 14px auto 0;
  max-width: 760px;
  color: var(--ink-soft);
  line-height: 1.8;
}

.knowledgebase-section-heading {
  margin: 0 auto 24px;
  text-align: center;
}

.knowledgebase-article__grid {
  display: grid;
  gap: 22px;
}

.knowledgebase-topic-card,
.knowledgebase-resource-card,
.knowledgebase-help-card {
  padding: 24px 22px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(24, 48, 76, 0.08);
  box-shadow: 0 14px 30px rgba(17, 30, 52, 0.06);
}

.knowledgebase-topic-card h3,
.knowledgebase-resource-card h3,
.knowledgebase-help-card strong {
  margin: 0;
  color: #223851;
  font-size: 1.12rem;
}

.knowledgebase-topic-card p,
.knowledgebase-resource-card p,
.knowledgebase-help-card span {
  margin: 10px 0 0;
  color: var(--ink-soft);
  line-height: 1.75;
  display: block;
}

.knowledgebase-topic-card a,
.knowledgebase-resource-card a,
.knowledgebase-panel__footer a,
.knowledgebase-article-nav__card a,
.knowledgebase-help-card {
  color: var(--brand);
  font-weight: 600;
}

.knowledgebase-topic-card a,
.knowledgebase-resource-card a {
  display: inline-flex;
  margin-top: 16px;
}

.knowledgebase-topic-card__icon,
.knowledgebase-resource-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(0, 79, 158, 0.12), rgba(0, 79, 158, 0.04));
  color: var(--brand);
  font-size: 1.1rem;
  font-weight: 700;
}

.knowledgebase-topic-card__icon::before,
.knowledgebase-resource-card__icon::before {
  display: block;
}

.knowledgebase-topic-card__icon--overview::before {
  content: "O";
}

.knowledgebase-topic-card__icon--workflow::before {
  content: "W";
}

.knowledgebase-topic-card__icon--output::before {
  content: "R";
}

.knowledgebase-topic-card__icon--calendar::before {
  content: "D";
}

.knowledgebase-topic-card__icon--support::before {
  content: "T";
}

.knowledgebase-topic-card__icon--shield::before {
  content: "P";
}

.knowledgebase-resource-card__icon--play::before {
  content: "V";
}

.knowledgebase-resource-card__icon--library::before {
  content: "B";
}

.knowledgebase-resource-card__icon--mail::before {
  content: "C";
}

.knowledgebase-resource-card__icon--file::before {
  content: "M";
}

.knowledgebase-overview__grid {
  grid-template-columns: minmax(0, 1.75fr) minmax(280px, 1fr);
  align-items: start;
}

.knowledgebase-panel {
  border-radius: 28px;
  padding: 28px;
}

.knowledgebase-panel__header {
  margin-bottom: 5px;
}

.knowledgebase-panel__header h2 {
  font-size: 1.6rem;
}

.knowledgebase-panel__header p {
  margin: 10px 0 0;
  max-width: none;
  text-align: left;
}

.knowledgebase-article-list,
.knowledgebase-help-list {
  display: grid;
  gap: 12px;
}

.knowledgebase-article-link {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(24, 48, 76, 0.1);
  background: #fbfcff;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.knowledgebase-article-link:hover,
.knowledgebase-article-link:focus-visible,
.knowledgebase-help-card:hover,
.knowledgebase-help-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(0, 79, 158, 0.24);
  box-shadow: 0 12px 24px rgba(17, 30, 52, 0.08);
}

.knowledgebase-article-link strong {
  display: block;
  color: var(--ink);
  font-size: 1rem;
}

.knowledgebase-article-link small {
  display: block;
  margin-top: 6px;
  color: var(--ink-soft);
  line-height: 1.6;
}

.knowledgebase-panel__footer {
  margin-top: 18px;
}

.knowledgebase-article__grid {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  align-items: start;
}

.knowledgebase-panel--help-horizontal {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr);
  gap: 22px;
}

.knowledgebase-help-strip__main {
  display: grid;
  gap: 22px;
}

.knowledgebase-help-list--horizontal {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.knowledgebase-guide-search {
  padding: 0px 22px;
  border-radius: 24px;
  background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
  border: 1px solid rgba(24, 48, 76, 0.08);
}

.knowledgebase-guide-search h3 {
  margin: 10px 0 0;
  color: #223851;
  font-size: 1.25rem;
}

.knowledgebase-guide-search p {
  margin: 12px 0 0;
  color: var(--ink-soft);
  line-height: 1.75;
}

.knowledgebase-guide-search__form {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

.knowledgebase-guide-search__form input {
  width: 100%;
  min-width: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(24, 48, 76, 0.14);
  background: #ffffff;
  color: var(--ink);
  outline: none;
}

.knowledgebase-guide-search__form button {
  padding: 12px 18px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
}

.knowledgebase-guide-search__feedback {
  min-height: 24px;
  font-size: 0.92rem;
}

.knowledgebase-article-nav__card {
  position: sticky;
  top: 112px;
  padding: 24px;
  border-radius: 24px;
}

.knowledgebase-article-nav__card nav {
  display: grid;
  gap: 5px;
}

.knowledgebase-article-nav__card a,
.knowledgebase-article-nav__card button {
  padding: 5px 12px;
  border-radius: 14px;
  color: var(--ink-soft);
  border: 0;
  width: 100%;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.knowledgebase-article-nav__card a.is-active,
.knowledgebase-article-nav__card button.is-active {
  background: #eef4fb;
  color: var(--brand);
}

.knowledgebase-article-nav__card a:hover,
.knowledgebase-article-nav__card a:focus-visible,
.knowledgebase-article-nav__card button:hover,
.knowledgebase-article-nav__card button:focus-visible {
  background: #f4f7fb;
  color: var(--brand);
}

.knowledgebase-article__content {
  display: grid;
  gap: 22px;
}

.knowledgebase-article-section {
  padding: 30px 32px;
  border-radius: 28px;
  scroll-margin-top: 116px;
}

.knowledgebase-article-section[hidden] {
  display: none !important;
}

.knowledgebase-article-section__header {
  margin-bottom: 22px;
}

.knowledgebase-article-section__header h2 {
  font-size: 1.8rem;
}

.knowledgebase-article-section__header p {
  margin: 10px 0 0;
  max-width: none;
}

.knowledgebase-richtext {
  color: #31455b;
}

.knowledgebase-richtext h3 {
  margin: 22px 0 10px;
  color: var(--ink);
  font-size: 1.08rem;
}

.knowledgebase-richtext p,
.knowledgebase-richtext li {
  line-height: 1.85;
}

.knowledgebase-richtext p {
  margin: 0 0 14px;
}

.knowledgebase-richtext ul,
.knowledgebase-richtext ol {
  margin: 0 0 18px;
  padding-left: 22px;
}

.knowledgebase-richtext code {
  padding: 2px 6px;
  border-radius: 8px;
  background: #edf3fa;
  color: var(--brand-deep);
  font-size: 0.92em;
}

.is-hidden {
  display: none !important;
}

@media (max-width: 940px) {
  .page-home .site-header__inner,
  .page-sol-toolbox .site-header__inner,
  .page-knowledgebase .site-header__inner {
    justify-content: space-between;
  }

  .brand__logo {
    width: 118px;
    max-width: 118px;
    max-height: 60px;
  }

  .home-toolbox__grid,
  .home-pricing,
  .home-testimonial__grid,
  .about-services__grid,
  .blog-page__layout,
  .solution-grid,
  .solution-hero,
  .sol-technical-hero__grid,
  .sol-technical-section-grid,
  .sol-technical-newsletter__panel,
  .sol-technical-audience__grid,
  .sol-toolbox-feature-grid,
  .sol-toolbox-closing__grid,
  .products-offers,
  .knowledgebase-panel--help-horizontal,
  .knowledgebase-help-list--horizontal,
  .knowledgebase-article__grid {
    grid-template-columns: 1fr;
  }

  .about-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .about-hero__copy,
  .about-hero__visual {
    min-height: auto;
  }

  .about-hero__visual {
    max-height: 520px;
  }

  .solution-hero {
    gap: 28px;
  }

  .sol-toolbox-split,
  .sol-toolbox-split--right {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .sol-toolbox-split--right .sol-toolbox-split__media,
  .sol-toolbox-split--right .sol-toolbox-split__copy {
    order: initial;
  }

  .sol-technical-hero__media {
    max-width: 360px;
    margin: 0 auto;
  }

  .sol-technical-check-list {
    grid-template-columns: 1fr;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .knowledgebase-article-nav__card {
    position: static;
    top: auto;
  }

  .home-newsletter__row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .products-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-offer-detail__layout {
    grid-template-columns: 1fr;
  }

  .product-offer-detail__alt-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shopping-chart-page__item {
    grid-template-columns: 170px 1fr;
  }

  .shopping-chart-page__checkout-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .home-hero {
    min-height: 540px;
    margin-top: -88px;
    padding-top: 88px;
    background-position: center;
  }

  .home-hero__inner {
    min-height: 540px;
    padding: 86px 0 70px;
  }

  .home-hero__inner p {
    font-size: 1rem;
  }

  .home-toolbox__panel {
    padding: 28px 20px;
  }

  .home-testimonial__header h2 {
    font-size: clamp(1.5rem, 8vw, 2rem);
  }

  .home-testimonial__header p {
    font-size: 0.95rem;
  }

  .home-testimonial-card {
    min-height: 0;
  }

  .home-testimonial__controls {
    justify-content: center;
  }

  .home-testimonial__cta .button {
    width: 100%;
    min-width: 0;
  }

  .home-tabs {
    gap: 8px;
  }

  .products-tabs {
    gap: 10px;
  }

  .products-tabs-wrapper {
    width: 100%;
  }

  .products-families__tabs {
    gap: 10px;
  }

  .products-families__tab {
    width: 100%;
    border-radius: 8px;
  }

  .products-tabs {
    gap: 10px;
  }

  .products-tabs__tab {
    width: 100%;
    border-bottom: 2px solid #ff1a11;
    border-radius: 8px;
  }

  .products-panels {
    margin-top: 14px;
    padding: 18px;
  }

  .products-offer-card__body {
    padding: 24px 20px;
  }

  .products-catalog-groups__chip {
    width: 100%;
    border-radius: 10px;
  }

  .products-catalog-grid {
    grid-template-columns: 1fr;
  }

  .products-catalog-card__title {
    font-size: 1.5rem;
  }

  .product-offer-detail__alt-grid {
    grid-template-columns: 1fr;
  }

  .shopping-chart-page__item {
    grid-template-columns: 1fr;
  }

  .shopping-chart-page__summary dl div {
    display: grid;
    gap: 4px;
  }

  .shopping-chart-page__summary dd {
    text-align: left;
  }

  .home-tabs__item {
    width: 100%;
    text-align: center;
  }

  .about-hero {
    margin-top: -88px;
    padding-top: 88px;
  }

  .about-hero__copy {
    padding: 40px 22px 44px;
  }

  .about-hero__button {
    min-width: 0;
    width: 100%;
    margin-left: 0;
    transform: none;
  }

  .about-services {
    padding-top: 38px;
    padding-bottom: 56px;
  }

  .about-services__header h2 {
    font-size: clamp(2rem, 12vw, 3.6rem);
  }

  .about-service-card h3 {
    font-size: 1.7rem;
  }

  .blog-page__hero {
    min-height: 300px;
  }

  .blog-article-hero,
  .blog-article-hero__overlay {
    min-height: 360px;
  }

  .blog-article-hero__inner h1 {
    font-size: clamp(1.8rem, 8vw, 2.5rem);
  }

  .blog-page__hero-inner {
    padding: 40px 0;
  }

  .blog-page__content {
    padding-top: 22px;
  }

  .blog-page__results-bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .blog-listing-card__body h2 {
    font-size: clamp(1.18rem, 5vw, 1.38rem);
  }

  .blog-listing-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .blog-sidebar__panel h2 {
    font-size: 1.7rem;
  }

  .blog-article-layout__meta,
  .blog-article-share__row,
  .blog-article-share__tags {
    justify-content: flex-start;
  }

  .blog-share-button {
    width: 46px;
    height: 46px;
    font-size: 0.96rem;
  }

  .sol-toolbox-hero {
    padding-top: 30px;
  }

  .sol-toolbox-hero__button {
    min-width: 0;
    width: 100%;
  }

  .sol-toolbox-intro {
    margin-top: 14px;
    padding: 14px 0 0;
  }

  .sol-toolbox-intro::before {
    inset: 8px 0 0;
    border-radius: 22px;
  }

  .sol-toolbox-split__copy--panel,
  .sol-toolbox-closing__panel {
    padding: 26px 22px;
  }

  .sol-technical-card,
  .sol-technical-newsletter__panel,
  .sol-technical-closing__card {
    padding: 24px 20px;
  }

  .sol-technical-actions .button,
  .sol-technical-newsletter__form .button {
    width: 100%;
  }

  .knowledgebase-page {
    padding-bottom: 56px;
  }

  .knowledgebase-hero__panel,
  .knowledgebase-panel,
  .knowledgebase-article-section,
  .knowledgebase-article-nav__card {
    padding: 24px 20px;
  }

  .knowledgebase-hero__panel h1,
  .knowledgebase-section-heading h2,
  .knowledgebase-panel__header h2,
  .knowledgebase-article-section__header h2 {
    font-size: clamp(1.7rem, 8vw, 2.4rem);
  }
}

@media (max-width: 940px) {
  .account-page__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .account-page {
    padding-top: 20px;
  }

  .account-page__panel {
    padding: 18px;
  }

  .account-page__panel-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-page__details {
    grid-template-columns: 1fr;
  }

  .account-page__hero h1 {
    font-size: 2.45rem;
  }
}

.account-page__inner {
  max-width: 1180px;
}

body[class*="page-admin-"] .account-page__inner {
  width: min(calc(100% - 32px), 1920px);
  max-width: none;
}

body[class*="page-admin-"] .account-page__layout {
  grid-template-columns: minmax(250px, 250px) minmax(0, 1fr);
}

.admin-workspace { min-width: 0; }
.admin-sidebar { min-width:250px; }
.admin-workspace__header { display:flex; justify-content:space-between; gap:16px; margin-bottom:14px; }
.admin-workspace__header h1 { margin:0; color:var(--navy); font-size:1.65rem; }
.admin-tabs { display:flex; flex-wrap:wrap; gap:7px; padding-bottom:14px; border-bottom:1px solid #e4eaf2; }
.admin-tabs a { padding:7px 11px; border:1px solid #dbe3ee; border-radius:7px; color:var(--navy); font-size:.78rem; font-weight:600; text-decoration:none; background:#fff; }
.admin-tabs a:hover,.admin-tabs a:focus-visible,.admin-tabs a.is-active { border-color:var(--navy); background:#f4f7fb; }
.admin-toolbar { display:grid; grid-template-columns:minmax(220px,2fr) repeat(5,minmax(110px,1fr)) auto auto auto; gap:8px; align-items:end; padding:13px 0; }
.admin-toolbar--simple { grid-template-columns:minmax(260px,1fr) minmax(140px,220px) auto auto; }
.admin-toolbar--templates { grid-template-columns:minmax(260px,1fr) repeat(2,minmax(120px,180px)) auto auto auto auto; }
.admin-toolbar label { display:grid; gap:4px; color:#536277; font-size:.68rem; font-weight:700; }
.admin-toolbar input,.admin-toolbar select,.admin-form input,.admin-form select,.admin-form textarea { width:100%; min-height:35px; padding:7px 9px; border:1px solid #d7e0ec; border-radius:7px; background:#fff; color:var(--navy); font:inherit; }
.admin-button,.admin-column-picker>summary { display:inline-flex; align-items:center; justify-content:center; min-height:35px; padding:7px 14px; border:1px solid #c7d3e2; border-radius:999px; background:#fff; color:#18304c !important; font-size:.76rem; font-weight:700; text-decoration:none; cursor:pointer; white-space:nowrap; }
.admin-button--filter { border-color:#18304c; background:#18304c; color:#fff !important; }
.admin-button--quiet { background:#fff; color:#18304c !important; border-color:#c7d3e2; }
.admin-column-picker { position:relative; }
.admin-column-picker>summary { list-style:none; min-width:88px; }
.admin-column-picker>summary::-webkit-details-marker { display:none; }
.admin-column-picker>div { position:absolute; z-index:10; top:42px; right:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:310px; gap:5px 10px; padding:12px; border:1px solid #d7e0ec; border-radius:12px; background:#fff; box-shadow:0 14px 34px rgba(15,28,48,.14); }
.admin-column-picker label { display:flex; align-items:center; gap:7px; min-height:30px; padding:5px 7px; border-radius:7px; color:#26364b; font-size:.72rem; font-weight:600; cursor:pointer; }
.admin-column-picker label:hover { background:#f3f7fb; }
.admin-column-picker input[type="checkbox"] { width:16px; height:16px; min-height:0; margin:0; padding:0; flex:0 0 16px; accent-color:#2f6df6; }
.admin-help,.admin-notice,.admin-empty { margin:12px 0; padding:10px 12px; border-radius:7px; background:#f3f7fb; color:#526176; font-size:.75rem; line-height:1.55; }
.admin-notice { border-left:3px solid #2d6cdf; }
.admin-notice--error { border-left-color:var(--accent); background:#fff4f3; }
.admin-table-wrap { width:100%; overflow:auto; border:1px solid #e2e8f0; border-radius:8px; }
.admin-table { width:100%; min-width:760px; border-collapse:collapse; color:#26364b; font-size:.72rem; line-height:1.35; }
.admin-table th,.admin-table td { padding:8px 9px; border-bottom:1px solid #edf1f6; text-align:left; vertical-align:top; white-space:nowrap; }
.admin-table th { position:sticky; top:0; z-index:1; background:#f7f9fc; color:#526176; font-size:.66rem; letter-spacing:.02em; }
.admin-table tbody tr:hover { background:#fafcff; }
.admin-table td:nth-child(3),.admin-table td:nth-child(4) { white-space:normal; min-width:150px; }
.admin-table--templates td { max-width:420px; white-space:normal; overflow-wrap:anywhere; }
.admin-cell-primary { color:var(--navy); font-weight:600; }
.admin-badge { display:inline-flex; padding:3px 7px; border-radius:999px; background:#eef2f7; font-weight:700; }
.admin-badge--delivered,.admin-badge--accepted { background:#e8f7ee; color:#176438; }
.admin-badge--bounced,.admin-badge--dropped,.admin-badge--complaint,.admin-badge--failed { background:#fff0ee; color:#a52a1f; }
.admin-badge--delayed { background:#fff7df; color:#805d00; }
.admin-pagination { margin-top:12px; font-size:.75rem; }
.admin-pagination nav { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.admin-pagination nav > div { display:flex; align-items:center; gap:4px; }
.admin-pagination a,.admin-pagination span { display:inline-flex; align-items:center; justify-content:center; min-width:32px; min-height:32px; padding:0 9px; border:1px solid #d7e0ec; border-radius:7px; color:var(--navy); text-decoration:none; }
.admin-pagination svg { display:block; width:16px; height:16px; max-width:16px; max-height:16px; }
.admin-pagination [aria-current="page"] span { border-color:var(--navy); background:#f4f7fb; font-weight:700; }
.admin-detail { margin-top:22px; }
.admin-detail h2,.admin-chart-grid h2 { color:var(--navy); font-size:1rem; }
.admin-form { display:grid; max-width:850px; gap:12px; padding-top:18px; }
.admin-form label { display:grid; gap:5px; color:#536277; font-size:.76rem; font-weight:700; }
.admin-form input,.admin-form select,.admin-form textarea { font-weight:400; }
.admin-form textarea[readonly] { background:#f6f8fb; color:#536277; cursor:default; font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace; }
.admin-form .admin-button { justify-self:start; }
.admin-send-email-form { max-width:none; }
.admin-recipient-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.admin-recipient-fields input[data-recipient-picker-field] { cursor:text; }
.admin-recipient-picker { width:min(760px,calc(100vw - 32px)); padding:0; border:1px solid #cbd7e6; border-radius:12px; background:#fff; color:#18304c; box-shadow:0 24px 70px rgba(15,28,48,.3); }
.admin-recipient-picker::backdrop { background:rgba(15,28,48,.42); }
.admin-recipient-picker__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; border-bottom:1px solid #e3e9f1; }
.admin-recipient-picker__header p { margin:0 0 2px; color:#637187; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.admin-recipient-picker__header strong { font-size:1.05rem; }
.admin-recipient-picker__header button { width:32px; height:32px; border:0; border-radius:50%; background:#f1f5f9; color:#18304c; font-size:1.25rem; cursor:pointer; }
.admin-recipient-picker__body { display:grid; gap:12px; padding:17px 18px; }
.admin-recipient-picker__sources { display:flex; align-items:center; gap:18px; margin:0; padding:0; border:0; }
.admin-recipient-picker__sources legend { float:left; margin-right:18px; color:#536277; font-size:.76rem; font-weight:700; }
.admin-recipient-picker__sources label { display:flex; align-items:center; gap:6px; color:#18304c; font-size:.82rem; font-weight:600; cursor:pointer; }
.admin-recipient-picker__sources input { accent-color:#18304c; }
.admin-recipient-picker__search { display:grid; gap:5px; color:#536277; font-size:.76rem; font-weight:700; }
.admin-recipient-picker__search input { width:100%; min-height:40px; padding:8px 11px; border:1px solid #cbd7e6; border-radius:8px; color:#18304c; font-family:inherit; font-size:.86rem; font-weight:400; line-height:1.4; }
.admin-recipient-picker__search input:focus { border-color:#18304c; outline:2px solid rgba(24,48,76,.12); }
.admin-recipient-picker__status { min-height:18px; margin:0; color:#637187; font-size:.72rem; }
.admin-recipient-picker__results { display:grid; max-height:360px; overflow:auto; border:1px solid #dbe3ee; border-radius:9px; }
.admin-recipient-picker__result { display:grid; grid-template-columns:minmax(150px,1fr) minmax(220px,1.4fr) 70px; align-items:center; gap:12px; width:100%; padding:10px 12px; border:0; border-bottom:1px solid #edf1f6; background:#fff; color:#18304c; text-align:left; cursor:default; }
.admin-recipient-picker__result:last-child { border-bottom:0; }
.admin-recipient-picker__result:hover,.admin-recipient-picker__result:focus-visible { background:#eef4fb; outline:none; }
.admin-recipient-picker__result strong { overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-recipient-picker__result span { overflow:hidden; color:#334963; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-recipient-picker__result small { color:#6b788a; font-size:.68rem; text-align:right; }
.admin-recipient-picker__footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 18px 17px; border-top:1px solid #e3e9f1; color:#637187; font-size:.72rem; }
.admin-table-view { display:inline-flex; align-items:center; justify-content:center; min-height:27px; padding:4px 10px; border:1px solid #c7d3e2; border-radius:999px; background:#fff; color:#18304c; font-family:inherit; font-size:.7rem; font-weight:700; line-height:1.3; text-decoration:none; cursor:pointer; }
.admin-table-view:hover,.admin-table-view:focus-visible { border-color:#18304c; background:#eef3f9; outline:none; }
.admin-email-viewer { width:min(1040px,calc(100vw - 32px)); max-height:calc(100vh - 32px); padding:0; overflow:hidden; border:1px solid #cbd7e6; border-radius:12px; background:#fff; color:#18304c; box-shadow:0 24px 70px rgba(15,28,48,.32); }
.admin-email-viewer::backdrop { background:rgba(15,28,48,.44); }
.admin-email-viewer__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; border-bottom:1px solid #e3e9f1; }
.admin-email-viewer__header p { margin:0 0 2px; color:#637187; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.admin-email-viewer__header strong { display:block; max-width:850px; overflow:hidden; font-size:1.05rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-email-viewer__header button { width:32px; height:32px; flex:0 0 auto; border:0; border-radius:50%; background:#f1f5f9; color:#18304c; font-size:1.25rem; cursor:pointer; }
.admin-email-viewer__body { display:grid; gap:16px; max-height:calc(100vh - 150px); padding:17px 18px; overflow:auto; }
.admin-email-viewer__status { margin:0; color:#637187; font-size:.8rem; }
.admin-email-viewer__meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; overflow:hidden; border:1px solid #dbe3ee; border-radius:9px; }
.admin-email-viewer__meta div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:10px; padding:9px 11px; border-bottom:1px solid #edf1f6; }
.admin-email-viewer__meta div:nth-last-child(-n+2) { border-bottom:0; }
.admin-email-viewer__meta dt { color:#637187; font-size:.7rem; font-weight:700; }
.admin-email-viewer__meta dd { margin:0; overflow-wrap:anywhere; color:#18304c; font-size:.76rem; }
.admin-email-viewer__message h3,.admin-email-viewer__events h3 { margin:0 0 8px; color:#18304c; font-size:.88rem; }
.admin-email-viewer__message iframe { display:block; width:100%; min-height:340px; border:1px solid #dbe3ee; border-radius:9px; background:#fff; }
.admin-email-viewer__events .admin-table { min-width:520px; }
.admin-email-viewer__footer { display:flex; justify-content:flex-end; padding:13px 18px 17px; border-top:1px solid #e3e9f1; }
.admin-template-form { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; }
.admin-template-form__wide { grid-column:1/-1; }
.admin-template-form-actions { display:flex; flex-wrap:wrap; gap:8px; }
.admin-rich-field { display:grid; gap:5px; }
.admin-rich-field__label { color:#536277; font-size:.76rem; font-weight:700; }
.admin-rich-editor-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:7px; border:1px solid #d7e0ec; border-bottom:0; border-radius:8px 8px 0 0; background:#f6f8fb; }
.admin-rich-editor-toolbar button,.admin-rich-editor-toolbar select { width:auto; min-width:36px; min-height:32px; padding:5px 9px; border:1px solid #cbd6e4; border-radius:6px; background:#fff; color:#18304c; font-size:.74rem; font-weight:400; cursor:pointer; }
.admin-rich-editor-toolbar button:hover,.admin-rich-editor-toolbar button:focus-visible,.admin-rich-editor-toolbar select:focus-visible { border-color:#18304c; background:#eef3f9; }
.admin-rich-editor-toolbar select { min-width:86px; }
.admin-rich-editor-color { position:relative; display:inline-block; min-height:32px; border:1px solid #cbd6e4; border-radius:6px; background:#fff; color:#18304c; font-size:.7rem; font-weight:400; }
.admin-rich-editor-color>summary { display:flex; min-height:30px; align-items:center; gap:7px; padding:4px 8px; list-style:none; cursor:pointer; }
.admin-rich-editor-color>summary::-webkit-details-marker { display:none; }
.admin-rich-editor-color>summary i { width:20px; height:14px; border:1px solid rgba(24,48,76,.25); border-radius:2px; background:var(--rich-color); }
.admin-rich-editor-color__palette { position:absolute; z-index:1100; top:calc(100% + 5px); left:0; width:246px; padding:10px; border:1px solid #b8c4d4; border-radius:7px; background:#fff; box-shadow:0 14px 35px rgba(15,28,48,.22); }
.admin-rich-editor-color__palette strong { display:block; margin:0 0 7px; color:#26384f; font-size:.7rem; }
.admin-rich-editor-color__palette strong:not(:first-child) { margin-top:12px; padding-top:9px; border-top:1px solid #dce3ec; }
.admin-rich-editor-color__swatches { display:grid; grid-template-columns:repeat(10,18px); gap:5px; }
.admin-rich-editor-toolbar .admin-rich-editor-color__swatches button { width:18px; min-width:18px; height:18px; min-height:18px; padding:0; border:1px solid rgba(24,48,76,.18); border-radius:1px; background:var(--rich-color); }
.admin-rich-editor-toolbar .admin-rich-editor-color__swatches button:hover,.admin-rich-editor-toolbar .admin-rich-editor-color__swatches button:focus-visible { border-color:#18304c; outline:2px solid rgba(24,48,76,.22); outline-offset:1px; background:var(--rich-color); }
.admin-rich-editor { min-height:280px; padding:14px; overflow:auto; border:1px solid #d7e0ec; border-radius:0 0 8px 8px; background:#fff; color:#18304c; font-family:Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.6; outline:none; }
.admin-rich-editor:focus { border-color:#6f8caf; box-shadow:0 0 0 2px rgba(47,109,246,.1); }
.admin-rich-editor p { margin:0 0 .8em; }
.admin-rich-editor ul,.admin-rich-editor ol { margin:.5em 0 .8em; padding-left:1.6em; }
.admin-rich-link-dialog { width:min(520px,calc(100vw - 32px)); padding:0; border:1px solid #cbd7e6; border-radius:12px; background:#fff; color:#18304c; box-shadow:0 22px 60px rgba(15,28,48,.28); }
.admin-rich-link-dialog::backdrop { background:rgba(15,28,48,.38); }
.admin-rich-link-dialog__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 17px; border-bottom:1px solid #e3e9f1; }
.admin-rich-link-dialog__header strong { font-size:1rem; }
.admin-rich-link-dialog__header button { width:32px; height:32px; border:0; border-radius:50%; background:#f1f5f9; color:#18304c; font-size:1.25rem; cursor:pointer; }
.admin-rich-link-dialog__fields { display:grid; gap:13px; padding:17px; }
.admin-rich-link-dialog__fields label { display:grid; gap:5px; color:#536277; font-size:.76rem; font-weight:700; }
.admin-rich-link-dialog__fields input { width:100%; min-height:38px; padding:8px 10px; border:1px solid #cbd7e6; border-radius:7px; color:#18304c; font-family:inherit; font-size:.86rem; font-weight:400; line-height:1.4; }
.admin-rich-link-dialog__actions { display:flex; justify-content:flex-end; gap:8px; padding:0 17px 17px; }
.admin-template-variables { display:grid; gap:10px; padding:14px; border:1px solid #d7e0ec; border-radius:10px; background:#f8faff; }
.admin-template-variables p { margin:4px 0 0; color:#637187; font-size:.73rem; font-weight:400; }
.admin-template-variables kbd { display:inline-flex; min-width:22px; justify-content:center; padding:1px 6px; border:1px solid #bcc9da; border-radius:5px; background:#fff; color:#18304c; font:700 .76rem/1.4 monospace; }
.admin-template-variables__list { display:flex; flex-wrap:wrap; gap:7px; }
.admin-template-variable-chip { display:grid; gap:2px; padding:7px 9px; border:1px solid #cbd7e6; border-radius:8px; background:#fff; color:#18304c; text-align:left; cursor:pointer; }
.admin-template-variable-chip:hover,.admin-template-variable-chip:focus-visible { border-color:#18304c; background:#f2f6fb; }
.admin-template-variable-chip strong { font:700 .72rem/1.3 monospace; }
.admin-template-variable-chip span { color:#637187; font-size:.65rem; }
.admin-template-variables__empty { padding:9px; border-radius:7px; background:#fff7df; color:#755800 !important; }
.admin-template-variable-menu { position:fixed; z-index:1000; display:grid; width:min(370px,calc(100vw - 24px)); max-height:300px; overflow:auto; padding:7px; border:1px solid #cbd7e6; border-radius:10px; background:#fff; box-shadow:0 16px 40px rgba(15,28,48,.2); }
.admin-template-variable-menu[hidden] { display:none; }
.admin-template-variable-menu__item { display:grid; gap:2px; padding:8px 9px; border:0; border-radius:7px; background:#fff; color:#18304c; text-align:left; cursor:pointer; }
.admin-template-variable-menu__item:hover,.admin-template-variable-menu__item:focus-visible { background:#f2f6fb; }
.admin-template-variable-menu__item strong { font:700 .73rem/1.3 monospace; }
.admin-template-variable-menu__item span { color:#637187; font-size:.66rem; }
.admin-direct-preview { display:grid; gap:12px; margin-top:4px; padding:14px; border:1px solid #d7e0ec; border-radius:10px; background:#f8faff; }
.admin-direct-preview h2 { margin:0; color:#18304c; font-size:1rem; }
.admin-direct-preview p { margin:4px 0 0; color:#637187; font-size:.73rem; font-weight:400; }
.admin-direct-preview code { font-size:.72rem; }
.admin-direct-preview__controls { display:grid; grid-template-columns:minmax(150px,.7fr) minmax(200px,1fr) minmax(240px,1.2fr) auto; align-items:end; gap:9px; }
.admin-direct-preview__controls label { display:grid; gap:5px; }
.admin-direct-preview__controls input,.admin-direct-preview__controls select { width:100%; min-height:37px; padding:7px 9px; border:1px solid #cbd7e6; border-radius:7px; background:#fff; color:#18304c; font-family:inherit; font-size:.76rem; font-weight:400; }
.admin-direct-preview__controls .admin-button { min-height:37px; }
.admin-direct-preview__status { min-height:18px; }
.admin-direct-preview__result { display:grid; gap:10px; }
.admin-direct-preview__result > p { padding:9px 11px; border:1px solid #dbe3ee; border-radius:7px; background:#fff; color:#18304c; }
.admin-direct-preview__result iframe { display:block; width:100%; min-height:320px; border:1px solid #dbe3ee; border-radius:8px; background:#fff; }
.admin-direct-preview__result details { border:1px solid #dbe3ee; border-radius:8px; background:#fff; }
.admin-direct-preview__result summary { padding:9px 11px; color:#18304c; font-size:.74rem; font-weight:700; cursor:pointer; }
.admin-direct-preview__result pre { max-height:260px; margin:0; padding:12px; overflow:auto; border-top:1px solid #edf1f6; color:#334963; font:400 .72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; }
.admin-kpis { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)); gap:10px; margin:16px 0; }
.admin-kpis article { display:grid; gap:3px; padding:15px; border:1px solid #e2e8f0; border-radius:9px; background:#fafcff; }
.admin-kpis strong { color:var(--navy); font-size:1.45rem; }.admin-kpis span { color:#66758a; font-size:.72rem; }
.admin-chart-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.admin-chart-grid section { min-width:0; }

@media (max-width:1100px) {
  .admin-toolbar,.admin-toolbar--simple { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-search { grid-column:1/-1; }
  .admin-kpis { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:760px) {
  body[class*="page-admin-"] .account-page__layout { grid-template-columns:1fr; }
  .admin-sidebar { position:static; }
  .admin-sidebar { min-width:0; }
  .admin-toolbar,.admin-toolbar--simple,.admin-chart-grid { grid-template-columns:1fr; }
  .admin-recipient-fields { grid-template-columns:1fr; }
  .admin-recipient-picker__result { grid-template-columns:1fr; gap:2px; }
  .admin-recipient-picker__result small { text-align:left; }
  .admin-recipient-picker__footer { align-items:flex-start; flex-direction:column; }
  .admin-email-viewer__meta { grid-template-columns:1fr; }
  .admin-email-viewer__meta div,.admin-email-viewer__meta div:nth-last-child(-n+2) { border-bottom:1px solid #edf1f6; }
  .admin-email-viewer__meta div:last-child { border-bottom:0; }
  .admin-direct-preview__controls { grid-template-columns:1fr; }
  .admin-kpis { grid-template-columns:1fr 1fr; }
}

.account-page__layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.account-page__sidebar,
.account-page__content {
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 28, 48, 0.06);
}

.account-page__sidebar {
  position: sticky;
  top: 118px;
  padding: 18px;
}

.account-page__sidebar h1 {
  margin: 0 0 18px;
  color: var(--navy);
  font-size: 1.55rem;
  line-height: 1.15;
}

.account-page__eyebrow {
  margin: 0 0 6px;
  color: #66758a;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.account-page__nav {
  display: grid;
  gap: 8px;
}

.account-page__nav a {
  display: block;
  padding: 11px 12px;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  color: var(--navy);
  font-weight: 400;
  text-decoration: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.user-management-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.user-management-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 28, 48, 0.56);
}

.user-management-modal__dialog {
  position: relative;
  width: min(100%, 620px);
  padding: 28px;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(15, 28, 48, 0.24);
}

.user-management-modal__dialog h2 {
  margin: 0 0 18px;
  color: var(--navy);
}

.user-management-modal__dialog hr {
  border: 0;
  border-top: 1px solid #dbe3ee;
  margin: 0 0 20px;
}

.user-management-modal__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

.user-management-modal__actions .account-subscription__button {
  min-width: 120px;
  border-radius: 999px;
  text-align: center;
}

.account-page__nav a:hover,
.account-page__nav a:focus-visible,
.account-page__nav a.is-active {
  border-color: var(--accent);
  background: #fff4f3;
  color: var(--accent);
}

.account-page__content {
  min-width: 0;
  padding: 22px;
}

.account-page__content-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf1f6;
}

.account-page__content-header h2 {
  margin: 0;
  color: var(--navy);
  font-size: 1.65rem;
}

.account-page__content-header p {
  margin: 6px 0 0;
  color: #66758a;
}

.account-page__summary-row {
  margin-bottom: 14px;
  color: #455569;
}

.account-page__summary-row strong {
  color: var(--navy);
}

.account-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.account-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.account-table th,
.account-table td {
  padding: 12px 10px;
  border-bottom: 1px solid #edf1f6;
  text-align: left;
  vertical-align: top;
}

.account-table thead th,
.account-table tbody th {
  color: #455569;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.account-table td {
  color: var(--navy);
  font-weight: 600;
}

.account-table a {
  color: var(--accent);
  font-weight: 800;
  text-decoration: none;
}

.account-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

.account-pagination a,
.account-pagination span {
  min-width: 36px;
  padding: 8px 10px;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  color: var(--navy);
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.account-pagination span {
  color: #8a98aa;
}

.account-pagination .is-current,
.account-pagination a:hover,
.account-pagination a:focus-visible {
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
}

@media (max-width: 940px) {
  .account-page__layout {
    grid-template-columns: 1fr;
  }

  .account-page__sidebar {
    position: static;
  }

  .account-page__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .account-page__nav {
    grid-template-columns: 1fr;
  }

  .account-page__content-header {
    flex-direction: column;
  }
}