/*! HyperDC UI - Studio page styles (generated by tools/build_css.py; do not edit): site shell + Studio blocks.
    Loaded instead of hdc-client.css, hdc-portal.css, hdc-pages.css and hdc-compat.css on Studio pages (PF1). */
/* ===== hdc-client.css @public ===== */
.hdc-site-main{ min-height: 50vh; }
body.hdc:has(> .hdc-site-main){ display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
body.hdc:has(> .hdc-site-main) > .hdc-site-main{ flex: 1 0 auto; }
.hdc-site-content{ padding-block: clamp(1.5rem, 1rem + 2vw, 3rem) clamp(3rem, 2rem + 3vw, 5rem); }
.hdc-site-content.has-aside{ display: grid; gap: 2rem; align-items: start; }
@media (min-width: 992px){.hdc-site-content.has-aside{ grid-template-columns: 280px minmax(0, 1fr); }}
@media (max-width: 991.98px){.hdc-site-content.has-aside > .hdc-site-aside{ order: 1; }}
.hdc-site-primary{ min-width: 0; }
.hdc-locale__menu{ width: min(360px, calc(100vw - 32px)); max-height: 70vh; overflow-y: auto; }
.hdc-locale__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
.hdc-locale__grid [lang]{ font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif; }
.hdc-i--mark{ --hdc-i: 30px; color: var(--hdc-primary); }
.hdc-i--mark-sm{ --hdc-i: 22px; color: var(--hdc-primary); }
.hdc-i--mark-lg{ --hdc-i: 37px; color: var(--hdc-primary); }
.hdc-i--ink{ color: var(--hdc-heading); }
.hdc-i--success{ color: var(--hdc-success); }
.hdc-i--ai{ color: var(--hdc-ai); }
.hdc-admin-return{ position: fixed; inset-inline-start: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 60; }
.hdc-flip-y{ transform: rotate(180deg); }
.hdc-alert__body{ min-width: 0; }
.hdc-alert__list{ margin: .35rem 0 0; padding-inline-start: 1.1rem; }
.hdc-alert__title{ display: block; margin-bottom: .2rem; }
.hdc-kv-inline{ display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-kv-inline b{ color: var(--hdc-heading); font-weight: 600; }
.hdc-drawer__locale{ padding: 1rem .5rem 0; }
/* ===== hdc-portal.css @public ===== */
dialog.hdc-cmd{ --hdc-dlg-w: 660px; height: min(560px, calc(100vh - 48px)); height: min(560px, calc(100dvh - 48px)); padding: 0; overflow: hidden; }
dialog.hdc-cmd[open]{ display: flex; flex-direction: column; }
.hdc-cmd__bar, .hdc-cmd__foot{ flex: 0 0 auto; }
.hdc-cmd__close{ display: inline-grid; flex: 0 0 auto; place-items: center; min-width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--hdc-r-sm); background: none; color: var(--hdc-text-3); cursor: pointer; }
.hdc-cmd__close:hover{ color: var(--hdc-heading); }
.hdc-cmd__close:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-cmd__close > .hdc-i{ display: none; }
@media (hover: none), (max-width: 600px){.hdc-cmd__close > .hdc-kbd{ display: none; }
.hdc-cmd__close > .hdc-i{ display: block; }}
.hdc-cmd__bar{ display: flex; align-items: center; gap: .75rem; padding: .9rem 1.1rem; border-bottom: 1px solid var(--hdc-border); color: var(--hdc-text-3); }
.hdc-cmd__bar .hdc-i{ --hdc-i: 20px; }
.hdc-cmd__input{ flex: 1 1 auto; min-width: 0; height: 36px; border: 0; background: transparent; color: var(--hdc-heading); font: 500 var(--hdc-fs-lg)/1 var(--hdc-font-sans); }
.hdc-cmd__input:focus{ outline: none; }
.hdc-cmd__input::-webkit-search-cancel-button{ display: none; }
.hdc-cmd.is-loading .hdc-cmd__bar::after{ content: ""; width: 16px; height: 16px; border: 2px solid var(--hdc-border-strong); border-top-color: var(--hdc-primary); border-radius: 50%; animation: hdc-spin .7s linear infinite; }
.hdc-cmd__body{ flex: 1 1 auto; overflow-y: auto; padding: .4rem; overscroll-behavior: contain; }
.hdc-cmd__list{ display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
.hdc-cmd__group{ padding: .7rem .7rem .3rem; color: var(--hdc-text-3); font: 600 var(--hdc-fs-2xs)/1 var(--hdc-font-mono); letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-cmd__item{ display: flex; align-items: center; gap: .75rem; padding: .55rem .7rem; border-radius: var(--hdc-r-md); color: var(--hdc-text); cursor: pointer; }
.hdc-cmd__item.is-active{ background: var(--hdc-primary-soft); color: var(--hdc-heading); }
.hdc-cmd__item .hdc-icon-tile{ --hdc-tile: 32px; }
.hdc-cmd__text{ display: grid; flex: 1 1 auto; min-width: 0; font-size: var(--hdc-fs-sm); font-weight: 550; }
.hdc-cmd__title, .hdc-cmd__sub{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hdc-cmd__sub{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 400; }
.hdc-cmd__foot{ display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; padding: .6rem 1.1rem; border-top: 1px solid var(--hdc-border); background: var(--hdc-surface-sunken); color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); }
.hdc-cmd__live{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hdc-cmd__empty{ padding: 1.5rem .75rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); text-align: center; }
.hdc-cmd mark{ padding: 0; background: none; color: var(--hdc-primary); font-weight: 650; }
.hdc-cmd__item--guide{ align-items: flex-start; }
.hdc-cmd__item--guide > .hdc-icon-tile{ margin-block-start: 1px; }
.hdc-cmd__item--guide .hdc-cmd__title, .hdc-cmd__snip{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; overflow-wrap: anywhere; }
.hdc-cmd__item--guide .hdc-cmd__title{ line-height: 1.4; }
.hdc-cmd__snip{ margin-block-start: .1rem; line-height: 1.5; }
.hdc-cmd__section{ color: var(--hdc-text-2); font-weight: 600; }
.hdc-cmd__section::after{ content: "·"; content: "·" / ""; margin-inline: .4em; color: var(--hdc-text-3); font-weight: 400; }
.hdc-cmd__item--more{ color: var(--hdc-primary); }
.hdc-cmd__item--more .hdc-cmd__title{ font-weight: 600; }
.hdc-cmd__go{ flex: 0 0 auto; color: var(--hdc-text-3); }
.hdc-cmd__item--more.is-active .hdc-cmd__go{ color: var(--hdc-primary); }
.hdc-shortcuts dd{ display: flex; gap: .3rem; justify-content: flex-end; }
.hdc-topbar__kbd{ position: absolute; inset-inline-end: .6rem; pointer-events: none; }
@media (max-width: 1023.98px){.hdc-topbar__kbd{ display: none; }}
.hdc-slot{ margin-block: 0 1.5rem; }
.hdc-slot--after{ margin-block: 1.5rem 0; }
.hdc-slot > .hdc-section{ padding-block: 0; }
.hdc-banner{
  display: flex; flex-wrap: wrap; align-items: center; gap: .85rem 1.25rem;
  margin-bottom: 1.25rem; padding: 1rem 1.25rem;
  border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface);
}
.hdc-banner--soft{ background: radial-gradient(120% 140% at 100% 0%, var(--hdc-primary-soft) 0%, transparent 60%), var(--hdc-surface); }
.hdc-banner--brand{ border-color: transparent; }
.hdc-banner--night{ border-color: color-mix(in srgb, var(--hdc-primary) 30%, transparent); background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--hdc-primary) 12%, transparent) 0%, transparent 60%), var(--hdc-blue-50); }
:root[data-theme="dark"] .hdc-banner--night{ border-color: transparent; background: linear-gradient(180deg, var(--hdc-night-800), var(--hdc-night-900)); --hdc-heading: #f4f7fb; --hdc-text: #c9d3e0; --hdc-text-2: #a5b3c6; color: var(--hdc-text); }
.hdc-banner--brand{ background: var(--hdc-brand-glow), var(--hdc-brand-gradient); --hdc-heading: #fff; --hdc-text: rgba(255, 255, 255, .9); --hdc-text-2: rgba(255, 255, 255, .78); color: var(--hdc-text); }
.hdc-banner__img{ width: 56px; height: 56px; object-fit: contain; }
.hdc-banner__body{ display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .75rem; flex: 1 1 280px; min-width: 0; }
.hdc-banner__title{ color: var(--hdc-heading); }
.hdc-banner__text{ color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-banner__timer{ color: var(--hdc-heading); font: 600 var(--hdc-fs-sm)/1 var(--hdc-font-mono); font-variant-numeric: tabular-nums; }
.hdc-banner__close{ display: inline-grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: var(--hdc-r-sm); background: transparent; color: var(--hdc-text-2); cursor: pointer; }
.hdc-banner-toast{
  position: fixed; inset-inline-end: 16px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); z-index: 1065;
  display: grid; gap: .5rem; width: min(380px, calc(100vw - 32px)); padding: 1.1rem 1.2rem;
  border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-xl); background: var(--hdc-surface-raised); box-shadow: var(--hdc-shadow-lg);
  animation: hdc-slide-up var(--hdc-dur-3) var(--hdc-ease);
}
dialog.hdc-popup{ --hdc-dlg-w: 520px; padding: 0; overflow: auto; }
dialog.hdc-popup > *{ flex: 0 0 auto; }
.hdc-popup__img{ display: block; width: 100%; max-height: 220px; object-fit: cover; }
.hdc-popup__body{ display: grid; gap: .85rem; padding: 1.75rem; }
.hdc-popup__body h2{ margin: 0; font-size: var(--hdc-fs-h3); }
.hdc-popup__body p{ margin: 0; color: var(--hdc-text-2); }
.hdc-popup__close{ position: absolute; top: .6rem; inset-inline-end: .6rem; z-index: 1; display: inline-grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: color-mix(in srgb, var(--hdc-surface) 80%, transparent); color: var(--hdc-heading); cursor: pointer; }
.hdc-copy--lg{ padding: .45rem .8rem; font-size: var(--hdc-fs-base); }
.hdc-banner--hero{ padding: clamp(1.25rem, 1rem + 1.5vw, 2rem); }
.hdc-banner--hero .hdc-banner__title{ font-size: var(--hdc-fs-xl); letter-spacing: -.015em; }
.hdc-banner--at-summary{ flex-direction: column; align-items: stretch; gap: .65rem; margin: 0 0 1rem; padding: .9rem 1rem; }
.hdc-banner--at-summary .hdc-banner__body{ flex: 0 1 auto; }
.hdc-banner--at-summary .hdc-banner__close{ position: absolute; top: .35rem; inset-inline-end: .35rem; }
.hdc-banner--at-summary{ position: relative; padding-inline-end: 2.5rem; }
.hdc-place{ padding-block: clamp(1rem, .75rem + 1vw, 1.75rem); }
.hdc-place__banners > .hdc-banner:last-child{ margin-bottom: 0; }
.hdc-place .hdc-slot{ margin-block: 0; }
.hdc-place__banners + .hdc-slot{ margin-top: 1.25rem; }
.hdc-place:not(:has(.hdc-slot, .hdc-banner:not([hidden]))){ display: none; }
.hdc-place__banners:not(:has(.hdc-banner:not([hidden]))){ display: none; }
.hdc-js [data-hdc-place="after-hero"]:not(.is-placed){
  visibility: hidden; max-height: 0; overflow: hidden; padding-block: 0;
  animation: hdc-place-fallback 0s linear 3s forwards;
}
@keyframes hdc-place-fallback { to { visibility: visible; max-height: none; overflow: visible; padding-block: 1rem; } }
/* ==========================================================================
   6. Layout variants from Studio ($hdc.layoutConfig, header.tpl — docs/handoff/T6.md)
   ========================================================================== */
@media (min-width: 1100px){.hdc-header--centered .hdc-nav{ display: flex; justify-content: center; }
.hdc-header--minimal .hdc-nav{ display: none; }
.hdc-header--minimal .hdc-burger{ display: inline-grid; }}
.hdc-header--transparent:not(.is-scrolled){ background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.hdc-footer--minimal .hdc-footer__main, .hdc-footer--minimal .hdc-footer__cta{ display: none; }
.hdc-footer--compact .hdc-footer__main > :not(.hdc-footer__brand){ display: none; }
.hdc-footer--compact .hdc-footer__main{ grid-template-columns: 1fr; }
.hdc-header--static, .hdc-header-static .hdc-topbar{ position: relative; }
.hdc-header-static{ scroll-padding-top: 16px; }
@media (min-width: 1200px){.hdc-header-static .hdc-app__aside{ top: 1.5rem; }}
.hdc-sitebar{ position: relative; z-index: 55; border-bottom: 1px solid var(--hdc-border); background: var(--hdc-bg-soft); font-size: var(--hdc-fs-xs); }
.hdc-sitebar__inner{ display: flex; justify-content: flex-end; }
.hdc-sitebar__list{ display: flex; align-items: center; gap: 0 1.1rem; min-width: 0; margin: 0; padding: 0 2px; list-style: none; overflow-x: auto; scrollbar-width: none; }
.hdc-sitebar__list::-webkit-scrollbar{ display: none; }
.hdc-sitebar__link{ display: inline-flex; align-items: center; gap: .35rem; min-height: 34px; color: var(--hdc-text-2) !important; font-weight: 550; white-space: nowrap; }
.hdc-sitebar__link:hover{ color: var(--hdc-heading) !important; }
.hdc-sitebar__link .hdc-i{ --hdc-i: 15px; color: var(--hdc-text-3); }
.hdc-sitebar__link .hdc-badge{ font-size: var(--hdc-fs-2xs); }
@media (max-width: 767.98px){.hdc-sitebar__inner{ justify-content: flex-start; }}
.hdc-wide :is(.hdc-header, .hdc-footer, .hdc-announce, .hdc-sitebar, .hdc-place) .hdc-container,
.hdc-wide .hdc-site-content{ --hdc-container: var(--hdc-container-wide); }
.hdc-wide .hdc-app__content, .hdc-wide .hdc-verify__inner{ max-width: max(1680px, var(--hdc-app-max)); }
@media (min-width: 992px){.hdc-site-content.has-aside.hdc-aside-end{ grid-template-columns: minmax(0, 1fr) 280px; }}
@media (min-width: 1200px){.hdc-app__content.has-aside.hdc-aside-end{ grid-template-columns: minmax(0, 1fr) var(--hdc-aside-w, 256px); }}
.hdc-topbar__brand, .hdc-topnav{ display: none; }
@media (min-width: 1100px){body > .hdc-app--topnav{ grid-template-columns: minmax(0, 1fr); }
.hdc-app--topnav .hdc-app__side{ display: none; }
.hdc-topbar--topnav .hdc-topbar__brand{ display: inline-flex; flex: 0 0 auto; margin-inline-end: .75rem; }
.hdc-topbar--topnav .hdc-topbar__brand img{ height: 27px; width: auto; }
.hdc-topnav{
    position: relative; z-index: 44; display: block;
    padding-inline: clamp(1rem, 2vw, 2rem);
    border-bottom: 1px solid var(--hdc-border); background: var(--hdc-surface);
  }
.hdc-topnav__list{ display: flex; flex-wrap: wrap; align-items: center; gap: .15rem; max-width: var(--hdc-app-max); margin: 0 auto; padding: .4rem 0; list-style: none; }
.hdc-wide .hdc-topnav__list{ max-width: max(1680px, var(--hdc-app-max)); }
.hdc-topnav__link{
    display: inline-flex; align-items: center; gap: .45rem; height: 38px; padding: 0 .75rem;
    border: 0; border-radius: var(--hdc-r-sm); background: transparent;
    color: var(--hdc-text) !important; font: 550 var(--hdc-fs-sm)/1 var(--hdc-font-sans); white-space: nowrap; cursor: pointer;
    transition: background-color var(--hdc-dur-1), color var(--hdc-dur-1);
  }
.hdc-topnav__link .hdc-i, .hdc-topnav__fa{ --hdc-i: 17px; color: var(--hdc-text-3); }
.hdc-topnav__link:hover, .hdc-topnav__item.is-open > .hdc-topnav__link{ background: var(--hdc-bg-soft); color: var(--hdc-heading) !important; }
.hdc-topnav__link.is-active{ background: var(--hdc-primary-soft); color: var(--hdc-primary-text) !important; }
.hdc-topnav__link.is-active .hdc-i{ color: var(--hdc-primary); }
.hdc-topnav__link .hdc-topnav__chev{ --hdc-i: 14px; transition: transform var(--hdc-dur-2) var(--hdc-ease); }
.hdc-topnav__item.is-open .hdc-topnav__chev{ transform: rotate(180deg); }
.hdc-topnav__menu{ top: calc(100% + 4px); }}
.hdc-auth--centered{ grid-template-columns: minmax(0, 1fr); background: var(--hdc-bg-soft); }
.hdc-auth--centered .hdc-auth__main{ background: transparent; }
@media (min-width: 1024px){.hdc-auth--centered{ grid-template-columns: minmax(0, 1fr); }
.hdc-auth--centered .hdc-auth__mobile-logo{ visibility: visible; }}
@media (min-width: 560px){.hdc-auth--centered .hdc-auth__content > .hdc-auth-card{
    padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
    border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-xl);
    background: var(--hdc-surface); box-shadow: var(--hdc-shadow-md);
  }}
/* ===== part: availability.css ===== */
.hdc-b-locations .hdc-b-loc__plans{ color: var(--hdc-text-2); line-height: 1.45; }
.hdc-b-locations .hdc-b-loc__plans-label{ color: var(--hdc-text-3); font-weight: 600; }
:is(.hdc-b-locations, .hdc-b-os-grid) .hdc-b-avail-note{
  margin: 1rem 0 0;
  padding: .6rem .9rem;
  border: 1px dashed var(--hdc-border-strong);
  border-radius: var(--hdc-r-md);
  color: var(--hdc-text-2);
  font-size: var(--hdc-fs-xs);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.hdc-b-locations .hdc-b-empty .hdc-b-avail-note{ margin: 0; text-align: start; }
.hdc-b-os-grid .hdc-b-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  max-width: 560px;
  margin-inline: auto;
  padding: 2rem 1.5rem;
  border: 1px dashed var(--hdc-border-strong);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  color: var(--hdc-text-2);
  text-align: center;
}
.hdc-b-os-grid .hdc-b-empty p{ margin: 0; }
.hdc-b-os-grid .hdc-b-empty > .hdc-i{ color: var(--hdc-text-3); }
/* ===== part: blocks-apps.css ===== */
/* ==========================================================================
   AP1 (1.5.1) — solution and app pages: block app-catalog (cards of solution pages with search and category chips)
   and the icon cover of the game-hero block on app pages (setting "glyph"). Tokens and logical properties only (dark
   mode, RTL). Bundled into hdc-pages.css by tools/build_css.py.
   ========================================================================== */
.hdc-b-ac__link{ color: var(--hdc-heading); text-decoration: none; }
.hdc-b-ac__link::after{ content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.hdc-b-ac__link:focus-visible{ outline: none; }
.hdc-b-pf__bars{ display: flex; gap: .35rem; max-width: 220px; margin-top: .4rem; }
.hdc-b-pf__bars i{ flex: 1; height: 5px; border-radius: 999px; background: var(--hdc-border-strong); transition: background-color var(--hdc-dur-2) var(--hdc-ease); }
.hdc-b-pf__bars i.is-on{ background: var(--hdc-primary); }
.hdc-b-pf__q{ margin: 0; color: var(--hdc-heading); font-size: var(--hdc-fs-lg, 1.2rem); font-weight: 700; outline: none; }
.hdc-b-pf__opt{
  display: grid; align-content: start; gap: .2rem; min-width: 0; min-height: 76px; padding: .8rem 1rem; text-align: start; cursor: pointer;
  border: 1px solid var(--hdc-border-strong); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); color: var(--hdc-text); font: inherit;
  transition: border-color var(--hdc-dur-1) var(--hdc-ease), background-color var(--hdc-dur-1) var(--hdc-ease);
}
.hdc-b-pf__opt:hover{ border-color: var(--hdc-primary); background: color-mix(in srgb, var(--hdc-primary) 6%, var(--hdc-surface)); }
.hdc-b-pf__opt:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
/* ===== part: blocks-claims.css ===== */
/* ==========================================================================
   F1 — Facts & claims (docs/FACTS.md §4). Bundled into hdc-pages.css by tools/build_css.py.
   Tokens only (dark mode and night/brand sections follow automatically), logical properties only (RTL).
   ========================================================================== */
/* ==========================================================================
   block: claims — strip (badges) · grid (cards) · list (compact)
   ========================================================================== */
.hdc-b-claims .hdc-b-claims__list{
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hdc-b-claims .hdc-b-claims__item{
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  color: var(--hdc-text);
}
.hdc-b-claims .hdc-b-claims__icon{
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--hdc-primary);
}
.hdc-b-claims .hdc-b-claims__body{
  display: flex;
  flex-direction: column;
  gap: .3rem;
  min-width: 0;
}
.hdc-b-claims .hdc-b-claims__title{
  margin: 0;
  color: var(--hdc-heading);
  font-size: var(--hdc-fs-base);
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.hdc-b-claims .hdc-b-claims__list--grid .hdc-b-claims__title{ letter-spacing: var(--hdc-tracking-heading); text-wrap: balance; }
.hdc-b-claims .hdc-b-claims__text{
  color: var(--hdc-text-2);
  font-size: var(--hdc-fs-sm);
  line-height: 1.55;
}
.hdc-b-claims .hdc-b-claims__list--strip{
  display: flex;
  flex-wrap: wrap;
  gap: .625rem .75rem;
}
.hdc-b-claims .hdc-b-claims__list--strip.hdc-b-claims__list--center{ justify-content: center; }
.hdc-b-claims .hdc-b-claims__list--strip .hdc-b-claims__item{
  align-items: center;
  gap: .5rem;
  padding-block: .45rem;
  padding-inline: .7rem .9rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-pill);
  background: var(--hdc-surface);
}
.hdc-b-claims .hdc-b-claims__list--strip .hdc-b-claims__icon{ color: var(--hdc-success); }
.hdc-b-claims .hdc-b-claims__list--strip .hdc-b-claims__title{ font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-b-claims .hdc-b-claims__list--grid{
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(.875rem, .6rem + 1vw, 1.25rem);
}
@media (min-width: 640px){.hdc-b-claims .hdc-b-claims__list--grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (min-width: 960px){.hdc-b-claims .hdc-b-claims__list--grid[data-cols="3"]{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hdc-b-claims .hdc-b-claims__list--grid[data-cols="4"]{ grid-template-columns: repeat(4, minmax(0, 1fr)); }}
.hdc-b-claims .hdc-b-claims__list--grid .hdc-b-claims__item{
  gap: .875rem;
  padding: 1.25rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
}
.hdc-b-claims .hdc-b-claims__list--grid .hdc-b-claims__icon{
  width: 40px;
  height: 40px;
  background: none;
  box-shadow: none;
}
.hdc-b-claims .hdc-b-claims__list--grid .hdc-b-claims__icon .hdc-i{ --hdc-i: 28px; }
.hdc-b-claims .hdc-b-claims__list--grid.hdc-b-claims__list--center .hdc-b-claims__item{
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.hdc-b-claims .hdc-b-claims__list--grid.hdc-b-claims__list--center .hdc-b-claims__body{ align-items: center; }
.hdc-b-claims .hdc-b-claims__list--list{ gap: .6rem; }
.hdc-b-claims .hdc-b-claims__list--list .hdc-b-claims__icon{ margin-block-start: .1rem; color: var(--hdc-success); }
.hdc-b-claims .hdc-b-claims__list--list.hdc-b-claims__list--center{ justify-items: center; }
.hdc-b-claims.hdc-night .hdc-b-claims__list--strip .hdc-b-claims__icon,
.hdc-b-claims.hdc-night .hdc-b-claims__list--list .hdc-b-claims__icon, :root[data-theme="dark"] .hdc-b-claims.hdc-emph .hdc-b-claims__list--strip .hdc-b-claims__icon, :root[data-theme="dark"] .hdc-b-claims.hdc-emph .hdc-b-claims__list--list .hdc-b-claims__icon{ color: var(--hdc-led); }
.hdc-b-claims.hdc-brand .hdc-b-claims__icon{ color: var(--hdc-heading); }
@media (max-width: 479px){.hdc-b-claims .hdc-b-claims__list--strip{ gap: .5rem; }
.hdc-b-claims .hdc-b-claims__list--strip .hdc-b-claims__item{ padding-inline: .6rem .75rem; }
.hdc-b-claims .hdc-b-claims__list--grid .hdc-b-claims__item{ padding: 1rem; }}
/* ===== part: blocks-commerce.css ===== */
:is(.hdc-b-hero, .hdc-b-pricing, .hdc-b-plan-rows, .hdc-b-pricing-compare, .hdc-b-product-groups, .hdc-b-plan-configurator,
    .hdc-b-addons-grid, .hdc-b-competitor-compare, .hdc-b-tld-strip, .hdc-b-tld-table, .hdc-b-tld-cards, .hdc-b-locations,
    .hdc-b-plan-advisor) .hdc-b-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  max-width: 560px;
  margin-inline: auto;
  padding: 2rem 1.5rem;
  border: 1px dashed var(--hdc-border-strong);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  color: var(--hdc-text-2);
  text-align: center;
}
:is(.hdc-b-hero, .hdc-b-pricing, .hdc-b-plan-rows, .hdc-b-pricing-compare, .hdc-b-product-groups, .hdc-b-plan-configurator,
    .hdc-b-addons-grid, .hdc-b-competitor-compare, .hdc-b-tld-strip, .hdc-b-tld-table, .hdc-b-tld-cards, .hdc-b-locations,
    .hdc-b-plan-advisor) .hdc-b-empty p{ margin: 0; }
:is(.hdc-b-hero, .hdc-b-pricing, .hdc-b-plan-rows, .hdc-b-pricing-compare, .hdc-b-product-groups, .hdc-b-plan-configurator,
    .hdc-b-addons-grid, .hdc-b-competitor-compare, .hdc-b-tld-strip, .hdc-b-tld-table, .hdc-b-tld-cards, .hdc-b-locations,
    .hdc-b-plan-advisor) .hdc-b-empty > .hdc-i{ color: var(--hdc-text-3); }
.hdc-b-hero .hdc-b-note{
  margin: 1rem 0 0;
  padding: .75rem 1rem;
  border: 1px dashed var(--hdc-border-strong);
  border-radius: var(--hdc-r-md);
  color: var(--hdc-text-2);
  font-size: var(--hdc-fs-sm);
}
:is(.hdc-b-pricing, .hdc-b-plan-rows) .hdc-b-tabs .hdc-segmented__btn[aria-selected="true"]{
  background: var(--hdc-surface);
  color: var(--hdc-heading);
  box-shadow: var(--hdc-shadow-sm);
}
:is(.hdc-b-pricing, .hdc-b-plan-rows) .hdc-segmented__btn:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-b-pricing .hdc-b-tabs--many{ justify-content: center; max-width: min(100%, 980px); border-radius: var(--hdc-r-lg); }
:is(.hdc-b-pricing, .hdc-b-plan-rows) .hdc-tabpanel:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); border-radius: var(--hdc-r-lg); }
:is(.hdc-b-hero, .hdc-b-domain-search) button.hdc-tld{
  font-family: inherit;
  cursor: pointer;
}
:is(.hdc-b-hero, .hdc-b-domain-search) button.hdc-tld:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-section.hdc-b-hero{ padding-block: 0; }
.hdc-b-hero.hdc-section--tight > .hdc-hero{ padding-block: calc(var(--hdc-section-y) * .6); }
.hdc-b-hero.hdc-section--flush-top > .hdc-hero{ padding-top: 0; }
.hdc-b-hero.hdc-section--flush-bottom > .hdc-hero{ padding-bottom: 0; }
.hdc-b-hero.hdc-section--none > .hdc-hero{ padding-block: 0; }
.hdc-section.hdc-b-hero.hdc-section--pt{ padding-top: 0 !important; }
.hdc-section.hdc-b-hero.hdc-section--pb{ padding-bottom: 0 !important; }
.hdc-b-hero.hdc-section--pt > .hdc-hero{ padding-top: calc(var(--hdc-sec-pt) * var(--hdc-sec-k, 1)) !important; }
.hdc-b-hero.hdc-section--pb > .hdc-hero{ padding-bottom: calc(var(--hdc-sec-pb) * var(--hdc-sec-k, 1)) !important; }
.hdc-section.hdc-b-hero:not(.hdc-section--flush-bottom):not(.hdc-section--none):not(.hdc-section--pb):has(+ .hdc-section) > .hdc-hero{ padding-bottom: clamp(1.5rem, 1rem + 2vw, 2.75rem); }
@media (min-width: 1024px){.hdc-b-hero .hdc-b-hero__grid--single{ grid-template-columns: minmax(0, 1fr); }}
.hdc-b-hero .hdc-b-hero__crumbs .hdc-breadcrumb{ margin: 0 0 1rem; }
.hdc-b-hero .hdc-hero--center .hdc-b-hero__crumbs .hdc-breadcrumb{ justify-content: center; }
.hdc-b-hero .hdc-b-hero__grid--single .hdc-hero__copy{ max-width: 780px; }
.hdc-b-hero .hdc-b-hero__title{
  margin-bottom: 1.25rem;
  font-size: var(--hdc-fs-display);
  font-weight: 780;
  line-height: 1.04;
  letter-spacing: var(--hdc-tracking-display);
}
.hdc-b-hero .hdc-b-hero__title em{
  font-style: normal;
  background: linear-gradient(100deg, var(--hdc-primary) 10%, var(--hdc-accent) 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hdc-b-hero .hdc-b-hero__title:not(:has(em)){
  background: linear-gradient(100deg, var(--hdc-heading) 0%, var(--hdc-heading) 38%, color-mix(in srgb, var(--hdc-primary) 82%, var(--hdc-heading)) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media (forced-colors: active){.hdc-b-hero .hdc-b-hero__title, .hdc-b-hero .hdc-b-hero__title em{ background: none; color: CanvasText; }}
.hdc-b-hero .hdc-hero--center .hdc-hero__points{ display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem 1.5rem; }
.hdc-b-hero .hdc-hero--center .hdc-hero__points li{ text-align: start; }
.hdc-b-hero .hdc-hero--center .hdc-hero__copy{ max-width: 860px; }
.hdc-b-hero .hdc-hero--center .hdc-hero__visual{ width: 100%; max-width: 980px; margin-inline: auto; }
.hdc-b-hero .hdc-hero__visual > img{ display: block; width: 100%; height: auto; box-shadow: var(--hdc-shadow-lg); }
.hdc-b-hero .hdc-hero--center .hdc-hero__price{ justify-content: center; }
@media (min-width: 1024px){.hdc-b-hero .hdc-hero:not(.hdc-hero--center) .hdc-hero__grid > .hdc-hero__visual{ justify-self: end; width: 100%; max-width: 680px; }}
.hdc-b-hero .hdc-console__locs{ margin: 0; padding: 0; list-style: none; }
.hdc-b-hero .hdc-console__loc{ min-width: 0; pointer-events: none; cursor: default; }
.hdc-b-hero .hdc-console__loc .hdc-truncate{ flex: 1 1 auto; }
.hdc-b-hero .hdc-console__plan{
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: start;
  cursor: pointer;
  transition: border-color var(--hdc-dur-1), background-color var(--hdc-dur-1);
}
.hdc-b-hero .hdc-console__plan:hover{ border-color: color-mix(in srgb, var(--hdc-primary) 65%, transparent); }
.hdc-b-hero .hdc-console__plan:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-b-hero .hdc-b-hero__plan-name{ display: block; font-family: var(--hdc-font-sans); font-size: var(--hdc-fs-sm); font-weight: 650; }
.hdc-b-hero .hdc-b-hero__plan-specs{ display: block; margin-top: .1rem; opacity: .85; }
.hdc-b-hero .hdc-console__price{ white-space: nowrap; }
@media (max-width: 420px){.hdc-b-hero .hdc-console__locs{ grid-template-columns: minmax(0, 1fr); }
.hdc-b-hero .hdc-console__deploy{ flex-wrap: wrap; }}
.hdc-b-hero .hdc-b-hero__plan-name--line{ display: flex; align-items: center; gap: .5rem; min-width: 0; }
.hdc-b-hero .hdc-b-hero__plan-name--line > span{ min-width: 0; overflow-wrap: anywhere; }
.hdc-b-hero .hdc-b-hero__os{ flex: 0 0 auto; width: 18px; height: 18px; object-fit: contain; }
.hdc-b-hero .hdc-b-hero__line-label{
  display: block;
  margin-bottom: .15rem;
  opacity: .7;
  font: 600 var(--hdc-fs-2xs)/1.2 var(--hdc-font-mono);
  letter-spacing: .02em;
}
.hdc-b-hero .hdc-b-hero__console--lines .hdc-b-hero__plan-specs{ padding-inline-start: calc(18px + .5rem); }
.hdc-b-hero .hdc-console__loc[hidden]{ display: none; }
.hdc-b-hero [data-hdc-hero-loc]{ position: relative; }
.hdc-b-hero [data-hdc-hero-loc].is-nearest{ border-color: color-mix(in srgb, var(--hdc-primary) 55%, transparent); }
.hdc-b-hero .hdc-b-hero__lat{ font-variant-numeric: tabular-nums; }
.hdc-b-hero .hdc-b-hero__lat-note{ margin: .55rem 0 0; opacity: .7; font: 500 var(--hdc-fs-2xs)/1.4 var(--hdc-font-mono); }
.hdc-b-hero .hdc-b-hero__lat-note[hidden]{ display: none; }
.hdc-b-hero .hdc-console__loc.hdc-b-hero__loc-pick{
  width: 100%;
  font: inherit;
  text-align: start;
  pointer-events: auto;
  cursor: pointer;
}
.hdc-b-hero .hdc-console__loc.hdc-b-hero__loc-pick:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-b-hero .hdc-console__loc.hdc-b-hero__loc-pick:disabled{ cursor: not-allowed; opacity: .5; }
.hdc-b-hero .hdc-console__loc.hdc-b-hero__loc-pick[hidden]{ display: none; }
.hdc-b-hero :is(.hdc-console__loc, .hdc-console__plan).is-unavailable{ opacity: .45; }
.hdc-b-hero .hdc-b-hero__nearest{
  position: absolute;
  inset-block-start: -.6rem;
  inset-inline-end: .5rem;
  height: auto;
  padding: .12rem .45rem;
  font-size: var(--hdc-fs-2xs);
  line-height: 1.3;
  white-space: nowrap;
}
.hdc-b-hero .hdc-b-hero__osstep[hidden],
.hdc-b-hero .hdc-b-hero__osfam[hidden]{ display: none; }
.hdc-b-hero .hdc-b-hero__osstep-row{ display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.hdc-b-hero .hdc-b-hero__osfams{ display: flex; flex-wrap: wrap; gap: .4rem; flex: 1 1 15rem; min-width: 0; }
.hdc-b-hero .hdc-b-hero__osfam{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 2.25rem;
  padding: .3rem .6rem;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius: var(--hdc-r-sm);
  background: color-mix(in srgb, currentColor 4%, transparent);
  color: inherit;
  font: 600 var(--hdc-fs-xs)/1.2 var(--hdc-font-sans);
  white-space: nowrap;
  cursor: pointer;
  transition: border-color var(--hdc-dur-1), background-color var(--hdc-dur-1);
}
.hdc-b-hero .hdc-b-hero__osfam:hover{ border-color: color-mix(in srgb, var(--hdc-primary) 65%, transparent); }
.hdc-b-hero .hdc-b-hero__osfam.is-active{
  border-color: var(--hdc-primary);
  background: color-mix(in srgb, var(--hdc-primary) 16%, transparent);
  box-shadow: 0 0 0 1px var(--hdc-primary) inset;
}
.hdc-b-hero .hdc-b-hero__osfam img{ flex: 0 0 auto; width: 18px; height: 18px; object-fit: contain; }
.hdc-b-hero .hdc-b-hero__osver{
  flex: 1 1 9rem;
  min-width: 0;
  max-width: 100%;
  min-height: 2.25rem;
  padding-block: .3rem;
  padding-inline: .6rem;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: var(--hdc-r-sm);
  background-color: var(--cn-select-bg);
  color: var(--cn-strong);
  font: 500 var(--hdc-fs-xs)/1.3 var(--hdc-font-mono);
  color-scheme: var(--cn-scheme);
  cursor: pointer;
}
.hdc-b-hero .hdc-b-hero__osver :is(option, optgroup){ background-color: var(--cn-select-bg); color: var(--cn-strong); }
.hdc-b-hero .hdc-b-hero__osver option:checked{ background-color: var(--cn-option-on); color: var(--cn-strong); }
.hdc-b-hero .hdc-b-hero__osver option:disabled{ color: var(--cn-dim); }
.hdc-b-hero :is(.hdc-b-hero__osfam, .hdc-b-hero__osver):focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-b-hero .hdc-b-hero__osmore{ flex: 0 1 11rem; }
.hdc-b-hero .hdc-b-hero__osmore[hidden]{ display: none; }
.hdc-b-hero .hdc-b-hero__osmore.is-active{ border-color: var(--hdc-primary); box-shadow: 0 0 0 1px var(--hdc-primary) inset; }
.hdc-b-hero .hdc-b-hero__osmore.is-active:focus-visible{ box-shadow: 0 0 0 1px var(--hdc-primary) inset, var(--hdc-focus-ring); }
.hdc-b-hero .hdc-b-hero__panel{ display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .75rem; }
.hdc-b-hero .hdc-b-hero__panel .hdc-console__label{ margin: 0; flex: 0 0 auto; }
@media (max-width: 420px){.hdc-b-hero .hdc-b-hero__osver{ flex-basis: 100%; }}
.hdc-b-hero .hdc-b-hero__inner--media-bg{ display: grid; align-items: center; min-height: clamp(420px, 62vh, 660px); }
.hdc-b-hero .hdc-b-hero__bg{ position: absolute; inset: 0; z-index: -3; }
.hdc-b-hero .hdc-b-hero__bg img{ width: 100%; height: 100%; object-fit: cover; }
.hdc-b-hero .hdc-b-hero__bg::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--hdc-bg) 0%, color-mix(in srgb, var(--hdc-bg) 80%, transparent) 50%, color-mix(in srgb, var(--hdc-bg) 35%, transparent) 100%);
}
[dir="rtl"] .hdc-b-hero .hdc-b-hero__bg::after{
  background: linear-gradient(270deg, var(--hdc-bg) 0%, color-mix(in srgb, var(--hdc-bg) 80%, transparent) 50%, color-mix(in srgb, var(--hdc-bg) 35%, transparent) 100%);
}
.hdc-b-hero .hdc-b-hero__domain{ margin: .5rem auto 1.25rem; }
@media (max-width: 480px){.hdc-b-hero .hdc-b-hero__actions .hdc-btn{ flex: 1 1 100%; white-space: normal; text-align: center; }}
.hdc-section.hdc-b-page-header{ padding-block: 0; }
.hdc-b-page-header.hdc-section--tight > .hdc-page-header{ padding-block: calc(var(--hdc-section-y) * .4); }
.hdc-b-page-header.hdc-section--flush-top > .hdc-page-header{ padding-top: 0; }
.hdc-b-page-header.hdc-section--flush-bottom > .hdc-page-header{ padding-bottom: 0; }
.hdc-b-page-header.hdc-section--pt > .hdc-page-header{ padding-top: calc(var(--hdc-sec-pt) * var(--hdc-sec-k, 1)) !important; }
.hdc-b-page-header.hdc-section--pb > .hdc-page-header{ padding-bottom: calc(var(--hdc-sec-pb) * var(--hdc-sec-k, 1)) !important; }
.hdc-section.hdc-b-page-header.hdc-section--pt{ padding-top: 0 !important; }
.hdc-section.hdc-b-page-header.hdc-section--pb{ padding-bottom: 0 !important; }
.hdc-b-page-header h1 em{
  font-style: normal;
  background: linear-gradient(100deg, var(--hdc-primary) 10%, var(--hdc-accent) 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider{ position: relative; display: flex; flex-direction: column; gap: 1rem; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__controls{ display: flex; align-items: center; justify-content: flex-end; gap: .4rem; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__controls[hidden]{ display: none; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__track{ display: grid; gap: 1.25rem; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide{
  display: grid;
  gap: clamp(1.5rem, 1rem + 2vw, 3rem);
  align-items: center;
  min-width: 0;
  padding: clamp(1.5rem, 1rem + 3vw, 3.5rem);
  border-radius: var(--hdc-r-2xl);
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--default{ padding: 0; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--soft{ border: 1px solid var(--hdc-border); background: var(--hdc-bg-soft); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--night{ border: 1px solid var(--hdc-border); background: radial-gradient(90% 70% at 85% 0%, var(--hdc-primary-soft), transparent 65%), var(--hdc-bg-soft); }
@media (min-width: 960px){:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide.has-media{ grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide.has-media.hdc-b-slide--media-lg{ grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide.has-media.hdc-b-slide--copy-end{ grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide.has-media.hdc-b-slide--copy-end.hdc-b-slide--media-lg{ grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-end > .hdc-b-slide__media{ order: -1; }}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide.hdc-b-slide--copy-center{ grid-template-columns: minmax(0, 1fr); justify-items: center; gap: clamp(1rem, .75rem + 1vw, 1.75rem); text-align: center; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider:has(.hdc-b-slide--copy-center.is-active) .hdc-b-slider__controls{ justify-content: center; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-center .hdc-b-slide__copy{ display: flex; flex-direction: column; align-items: center; max-width: 52rem; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-center .hdc-b-slide__text{ margin-inline: auto; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-center .hdc-b-slide__copy > .hdc-cluster{ justify-content: center; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-center .hdc-b-slide__features{ justify-content: center; text-align: start; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-center > .hdc-b-slide__media{ width: min(100%, 720px); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-center.hdc-b-slide--media-lg > .hdc-b-slide__media{ width: min(100%, 960px); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__title{ font-size: var(--hdc-fs-h1); line-height: var(--hdc-lh-tight); letter-spacing: var(--hdc-tracking-display); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__title em{
  font-style: normal;
  background: linear-gradient(100deg, var(--hdc-primary) 10%, var(--hdc-accent) 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-brand .hdc-b-slide__title em{ background: none; color: var(--hdc-heading); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__text{ max-width: 56ch; margin-bottom: 1.5rem; color: var(--hdc-text-2); font-size: clamp(1.0625rem, 1rem + .4vw, 1.1875rem); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__media > img{ display: block; width: 100%; height: auto; border-radius: var(--hdc-r-xl); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide{ --hdc-b-acc: var(--hdc-primary); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--acc-accent{ --hdc-b-acc: var(--hdc-accent); }
:is(.hdc-b-hero-slider, .hdc-b-hero) :is(.hdc-b-slide--acc-navy, .hdc-b-slide--acc-ai){ --hdc-b-acc: var(--hdc-blue-800); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--acc-success{ --hdc-b-acc: var(--hdc-blue-500); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--acc-warning{ --hdc-b-acc: var(--hdc-blue-700); }
:root[data-theme="dark"] :is(.hdc-b-hero-slider, .hdc-b-hero) :is(.hdc-b-slide--acc-navy, .hdc-b-slide--acc-ai, .hdc-b-slide--acc-success, .hdc-b-slide--acc-warning){ --hdc-b-acc: #74b6e6; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide{ --hdc-b-acc-ink: color-mix(in srgb, var(--hdc-b-acc) 68%, var(--hdc-heading)); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide:not(.hdc-brand):not(.hdc-b-slide--acc-primary) .hdc-b-slide__title em{ background-image: linear-gradient(100deg, var(--hdc-b-acc-ink) 10%, var(--hdc-b-acc) 95%); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__controls{ order: 2; justify-content: flex-start; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__badge{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  padding: .3rem .85rem;
  border-radius: var(--hdc-r-pill);
  background: color-mix(in srgb, var(--hdc-b-acc) 12%, transparent);
  color: var(--hdc-b-acc-ink);
  font-size: var(--hdc-fs-sm);
  font-weight: 650;
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__badge .hdc-led{ background: var(--hdc-b-acc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hdc-b-acc) 25%, transparent); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__features{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: .85rem 1.25rem; max-width: 640px; margin: 0 0 1.75rem; padding: 0; list-style: none; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__features li{ display: flex; align-items: flex-start; gap: .7rem; min-width: 0; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__features .hdc-i{ --hdc-i: 22px; margin-top: .1rem; color: var(--hdc-b-acc); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__features b{ display: block; color: var(--hdc-heading); font-size: var(--hdc-fs-sm); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide__features small{ display: block; color: var(--hdc-text-2); font-size: var(--hdc-fs-xs); }
.hdc-b-slidecard{
  position: relative;
  display: grid;
  gap: 1rem;
  max-width: 480px;
  margin-inline: auto;
  padding: 1.5rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-xl);
  background: var(--hdc-surface);
  box-shadow: var(--hdc-shadow-lg);
}
.hdc-b-slidecard::before{ content: ""; position: absolute; inset: -1px -1px auto; height: 3px; border-radius: var(--hdc-r-xl) var(--hdc-r-xl) 0 0; background: linear-gradient(90deg, var(--hdc-b-acc, var(--hdc-primary)), var(--hdc-accent)); }
.hdc-b-slidecard__head{ display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.hdc-b-slidecard__mark{ width: 64px; height: 24px; }
.hdc-b-slidecard__name{ margin-inline-end: auto; color: var(--hdc-heading); font-size: var(--hdc-fs-xl); font-weight: 750; letter-spacing: -.02em; }
.hdc-b-slidecard__specs{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: .55rem 1rem; margin: 0; padding: 0; list-style: none; }
.hdc-b-slidecard__specs li{ display: flex; align-items: center; gap: .55rem; min-width: 0; color: var(--hdc-text); font: 500 .8125rem/1.35 var(--hdc-font-mono); }
.hdc-b-slidecard__specs li > span{ min-width: 0; overflow-wrap: break-word; }
.hdc-b-slidecard__specs .hdc-i{ --hdc-i: 18px; flex: none; color: var(--hdc-b-acc, var(--hdc-primary)); }
.hdc-b-slidecard__specs .hdc-b-brand{ width: 36px; height: 14px; }
.hdc-b-slidecard__specs b{ color: var(--hdc-heading); font-weight: 700; }
.hdc-b-slidecard__foot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px dashed var(--hdc-border-strong); }
.hdc-b-slidecard__price{ color: var(--hdc-heading); font-size: clamp(1.875rem, 1.45rem + 1.1vw, 2.5rem); font-weight: 800; letter-spacing: -.04em; line-height: 1; font-variant-numeric: tabular-nums; }
.hdc-b-slidecard__price small{ margin-inline-start: .15rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); font-weight: 500; letter-spacing: 0; }
.hdc-b-slidetable{ overflow-x: auto; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-xl); background: var(--hdc-surface); box-shadow: var(--hdc-shadow-lg); }
.hdc-b-slidetable table{ width: 100%; border-collapse: collapse; }
.hdc-b-slidetable th, .hdc-b-slidetable td{ padding: .8rem 1rem; text-align: start; vertical-align: middle; }
.hdc-b-slidetable thead th{ border-bottom: 1px solid var(--hdc-border); color: var(--hdc-text-3); font: 600 var(--hdc-fs-2xs)/1.2 var(--hdc-font-mono); letter-spacing: .06em; text-transform: uppercase; }
.hdc-b-slidetable tbody tr + tr{ border-top: 1px solid var(--hdc-border); }
.hdc-b-slidetable tbody tr.is-featured{ background: color-mix(in srgb, var(--hdc-b-acc, var(--hdc-primary)) 7%, transparent); }
.hdc-b-slidetable__name{ display: block; color: var(--hdc-heading); font-weight: 700; }
.hdc-b-slidetable tbody th small{ display: block; margin-top: .15rem; color: var(--hdc-text-2); font: 500 var(--hdc-fs-xs)/1.35 var(--hdc-font-mono); }
.hdc-b-slidetable__price{ color: var(--hdc-heading); font-weight: 750; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hdc-b-slidetable__price small{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 500; }
.hdc-b-slidetable td:last-child{ text-align: end; }
@keyframes hdc-b-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes hdc-b-pop { from { opacity: 0; transform: translateY(22px) scale(.97); } to { opacity: 1; transform: none; } }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-ready .hdc-b-slide.is-active .hdc-b-anim{ animation: hdc-b-rise .6s var(--hdc-ease) both; animation-delay: calc(.2s + var(--i, 0) * .07s); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-ready .hdc-b-slide.is-active .hdc-b-anim--card{ animation-name: hdc-b-pop; animation-duration: .8s; }
.hdc-b-hero .hdc-b-slider.is-ready .hdc-b-slide--hero.is-active.was-shown .hdc-hero__copy > *{ animation: hdc-b-rise .6s var(--hdc-ease) both; }
.hdc-b-hero .hdc-b-slider.is-ready .hdc-b-slide--hero.is-active.was-shown .hdc-hero__copy > :nth-child(2){ animation-delay: .27s; }
.hdc-b-hero .hdc-b-slider.is-ready .hdc-b-slide--hero.is-active.was-shown .hdc-hero__copy > :nth-child(3){ animation-delay: .34s; }
.hdc-b-hero .hdc-b-slider.is-ready .hdc-b-slide--hero.is-active.was-shown .hdc-hero__copy > :nth-child(n+4){ animation-delay: .41s; }
.hdc-b-hero .hdc-b-slider.is-ready .hdc-b-slide--hero.is-active.was-shown .hdc-hero__visual{ animation: hdc-b-pop .8s var(--hdc-ease) .2s both; }
@property --hdc-b-sweep { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes hdc-b-sweep { to { --hdc-b-sweep: 360deg; } }
.hdc-b-slidecard::after{
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from var(--hdc-b-sweep), transparent 0 72%, var(--hdc-b-acc, var(--hdc-primary)) 86%, var(--hdc-accent) 92%, transparent 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: hdc-b-sweep 4.5s linear infinite;
  pointer-events: none;
}
.hdc-b-stage{ display: grid; grid-template-columns: minmax(0, 1fr); align-content: center; gap: clamp(.875rem, .6rem + .6vw, 1.25rem); width: min(100%, 600px); justify-self: end; }
.hdc-b-stage > *{ min-width: 0; }
.hdc-b-slide--media-lg .hdc-b-stage{ width: min(100%, 680px); }
.hdc-b-stage__back .d2-vis, .hdc-b-stage__front .d2-vis{ max-width: none; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.has-follow{ padding-block-end: 3.25rem; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.has-follow .hdc-b-slider__controls{ position: absolute; z-index: 3; inset-inline-start: var(--hdc-b-ctl-x, 0px); top: var(--hdc-b-ctl-y, auto); transition: top .45s var(--hdc-ease), inset-inline-start .45s var(--hdc-ease); }
.hdc-b-stage__front .hdc-b-slidecard{ max-width: none; margin: 0; }
.hdc-b-hero .hdc-b-slider.is-ready .hdc-b-slide:not(.hdc-b-slide--hero){ align-self: stretch; align-items: stretch; }
.hdc-b-hero .hdc-b-slide:not(.hdc-b-slide--hero) > .hdc-b-slide__copy{ display: flex; flex-direction: column; min-width: 0; }
.hdc-b-hero .hdc-b-slide:not(.hdc-b-slide--hero) > .hdc-b-slide__media{ align-self: center; }
.hdc-b-hero .hdc-b-slide__copy > .hdc-b-slide__features{ margin-bottom: 1.35rem; }
.hdc-b-hero .hdc-b-slide__cta{ display: flex; flex-direction: column; margin-top: auto; }
.hdc-b-hero .hdc-b-slider .hdc-hero__copy > .hdc-hero__badge{ align-self: flex-start; }
.hdc-b-hero .hdc-b-slide__cta > .hdc-hero__trust{ margin-top: 1.35rem; }
.hdc-b-hero .hdc-b-slide__chips{ display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.1rem; }
.hdc-b-hero .hdc-b-slide__chiprow{ display: flex; flex-wrap: wrap; gap: .5rem; }
.hdc-b-hero .hdc-b-slide__chip{ display: inline-flex; align-items: center; gap: .45rem; min-height: 2.6rem; padding: .45rem .95rem; border: 1px solid var(--hdc-border-strong); border-radius: var(--hdc-r-pill); background: var(--hdc-surface); color: var(--hdc-heading); font-size: var(--hdc-fs-sm); font-weight: 650; }
.hdc-b-hero .hdc-b-slide__chip .hdc-i{ --hdc-i: 16px; color: var(--hdc-primary); }
.hdc-b-hero .hdc-b-slider.is-ready .hdc-b-slide.hdc-b-slide--hero,
.hdc-b-hero .hdc-b-slider:not(.is-ready) .hdc-b-slide.hdc-b-slide--hero{ align-self: stretch; align-items: stretch; display: grid; }
.hdc-b-hero .hdc-b-slide--hero > .hdc-hero__grid{ align-items: stretch; }
.hdc-b-hero .hdc-b-slide--hero .hdc-hero__copy{ display: flex; flex-direction: column; min-width: 0; }
.hdc-b-hero .hdc-b-slide--hero .hdc-hero__copy > .hdc-hero__price,
.hdc-b-hero .hdc-b-slide--hero .hdc-hero__copy > .hdc-b-hero__actions:not(.hdc-hero__price ~ *){ margin-top: auto; }
.hdc-b-hero .hdc-b-slide--hero .hdc-hero__grid > :not(.hdc-hero__copy){ align-self: center; }
.hdc-b-hero .hdc-b-slider.has-follow{ padding-block-end: 0; }
.hdc-b-hero .hdc-b-slider.has-follow .hdc-b-slider__controls{ position: static; }
.hdc-b-slide__plan{ margin: 0 0 1.5rem; }
.hdc-b-slide__plan .hdc-b-slidecard{ grid-template-columns: minmax(0, 1fr) auto; gap: .6rem 1.5rem; align-items: center; max-width: 36rem; margin: 0; padding: 1rem 1.25rem; box-shadow: var(--hdc-shadow-md); text-align: start; }
.hdc-b-slide__plan .hdc-b-slidecard__head{ grid-column: 1; gap: .6rem; }
.hdc-b-slide__plan .hdc-b-slidecard__name{ font-size: var(--hdc-fs-lg); }
.hdc-b-slide__plan .hdc-b-slidecard__mark{ width: 52px; height: 20px; }
.hdc-b-slide__plan .hdc-b-slidecard__specs{ grid-column: 1; display: flex; flex-wrap: wrap; gap: .35rem 1rem; }
.hdc-b-slide__plan .hdc-b-slidecard__specs li:nth-child(n + 5){ display: none; }
.hdc-b-slide__plan .hdc-b-slidecard__foot{ grid-column: 2; grid-row: 1 / span 2; flex-direction: column; align-items: flex-end; gap: .6rem; padding-block: 0; padding-inline: 1.5rem 0; border-top: 0; border-inline-start: 1px dashed var(--hdc-border-strong); }
.hdc-b-slide__plan .hdc-b-slidecard__price{ font-size: clamp(1.5rem, 1.25rem + .7vw, 1.875rem); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slide--copy-center .hdc-b-slide__plan{ align-self: stretch; display: flex; justify-content: center; }
@media (max-width: 599.98px){.hdc-b-slide__plan .hdc-b-slidecard{ grid-template-columns: minmax(0, 1fr); }
.hdc-b-slide__plan .hdc-b-slidecard__foot{ grid-column: 1; grid-row: auto; flex-direction: row; align-items: center; padding: .75rem 0 0; border-inline-start: 0; border-top: 1px dashed var(--hdc-border-strong); }}
@media (max-width: 959.98px){.hdc-b-stage{ width: 100%; }}
@media (max-width: 599.98px){.hdc-b-stage > .hdc-b-stage__back{ display: none; }}
@media (max-width: 959.98px){.hdc-b-hero--slides .hdc-b-slide:not(.hdc-b-slide--hero),
  .hdc-b-hero--slides .hdc-b-slider__controls{ display: none !important; }}
.hdc-b-slidetable tbody tr{ transition: background-color .35s var(--hdc-ease), box-shadow .35s var(--hdc-ease); }
.hdc-b-slidetable tbody tr.is-demo{ background: color-mix(in srgb, var(--hdc-b-acc, var(--hdc-primary)) 9%, transparent); box-shadow: inset 3px 0 0 var(--hdc-b-acc, var(--hdc-primary)); }
.hdc-b-slidetable tbody tr.is-demo .hdc-btn--secondary{ border-color: var(--hdc-b-acc, var(--hdc-primary)); color: var(--hdc-b-acc, var(--hdc-primary)); }
.hdc-b-hero .hdc-b-hero__net{ position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; color: var(--hdc-primary); opacity: .5; pointer-events: none;
  -webkit-mask-image: radial-gradient(85% 75% at 60% 40%, #000 30%, transparent 85%); mask-image: radial-gradient(85% 75% at 60% 40%, #000 30%, transparent 85%); }
@keyframes hdc-b-ping { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--hdc-led, #32d583) 55%, transparent); } 70%, 100% { box-shadow: 0 0 0 6px transparent; } }
.hdc-console__ms .hdc-led:not(.hdc-led--idle):not(.hdc-led--danger):not(.hdc-led--warning){ animation: hdc-b-ping 2.4s ease-out infinite; }
.hdc-console__loc:nth-child(2n) .hdc-led{ animation-delay: .8s; }
.hdc-console__loc:nth-child(3n) .hdc-led{ animation-delay: 1.5s; }
@keyframes hdc-b-shine { 0%, 70% { transform: translateX(-120%) skewX(-18deg); } 100% { transform: translateX(260%) skewX(-18deg); } }
.hdc-console__deploy .hdc-btn{ position: relative; overflow: hidden; }
.hdc-console__deploy .hdc-btn::after{ content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 40%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); animation: hdc-b-shine 4.5s ease-in-out infinite; pointer-events: none; }
@media (prefers-reduced-motion: reduce){:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-anim, .hdc-b-hero .hdc-hero__copy > *, .hdc-b-hero .hdc-hero__visual,
  .hdc-b-slidecard::after, .hdc-console__ms .hdc-led, .hdc-console__deploy .hdc-btn::after{ animation: none !important; }
.hdc-b-hero .hdc-b-hero__net{ display: none; }}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider:not(.is-ready) .hdc-b-slider__track{ gap: 0; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider:not(.is-ready) .hdc-b-slide{ grid-area: 1 / 1; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider:not(.is-ready) .hdc-b-slide ~ .hdc-b-slide{ visibility: hidden; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider:not(.is-ready) .hdc-b-slider__controls[hidden]{ display: flex !important; visibility: hidden; }
@media (max-width: 959.98px){.hdc-b-hero--slides .hdc-b-slider:not(.is-ready) .hdc-b-slider__controls[hidden]{ display: none !important; }}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-ready .hdc-b-slider__track{ gap: 0; touch-action: pan-y; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-ready .hdc-b-slide{
  grid-area: 1 / 1;
  align-self: center;
  transition: opacity .18s ease-out, visibility 0s linear .18s;
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-ready .hdc-b-slide:not(.is-active){ visibility: hidden; opacity: 0; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-ready .hdc-b-slide.is-active{ transition: opacity .38s var(--hdc-ease) .18s, visibility 0s linear 0s; }
@media (prefers-reduced-motion: reduce){:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-ready .hdc-b-slide, .hdc-b-hero-slider .hdc-b-slider.is-ready .hdc-b-slide.is-active{ transition: none; }}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__btn{
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--hdc-border-strong);
  border-radius: 50%;
  background: var(--hdc-surface);
  color: var(--hdc-heading);
  cursor: pointer;
  transition: background-color var(--hdc-dur-1), border-color var(--hdc-dur-1);
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__btn:hover{ border-color: var(--hdc-primary); background: var(--hdc-surface-hover); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__btn:focus-visible,
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__dot:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__pause{ display: block; width: 11px; height: 12px; border-inline: 3.5px solid currentColor; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__play{ display: none; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-paused .hdc-b-slider__pause{ display: none; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider.is-paused .hdc-b-slider__play{ display: block; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__dots{ display: flex; gap: 2px; padding-inline: .15rem; }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__dot{
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__dot::before{
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: var(--hdc-r-pill);
  background: var(--hdc-border-strong);
  transition: inset var(--hdc-dur-2) var(--hdc-ease), background-color var(--hdc-dur-2);
}
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__dot:hover::before{ background: var(--hdc-text-3); }
:is(.hdc-b-hero-slider, .hdc-b-hero) .hdc-b-slider__dot[aria-current="true"]::before{ inset: 8px 3px; background: var(--hdc-primary); }
.hdc-b-pricing .hdc-b-pricing__toolbar{ flex-direction: column; }
:is(.hdc-b-pricing, .hdc-b-plan-rows) .hdc-b-toolbar--start{ align-items: flex-start; }
.hdc-b-pricing .hdc-b-plan__ribbon{ box-shadow: var(--hdc-shadow-sm); }
.hdc-b-pricing .hdc-b-plan__ribbon--success{ background: var(--hdc-blue-500); }
.hdc-b-pricing .hdc-b-plan__ribbon--warning{ background: var(--hdc-blue-700); }
.hdc-b-pricing .hdc-b-plan__ribbon--danger{ background: var(--hdc-red-600); }
.hdc-b-pricing .hdc-b-plan__ribbon--ai{ background: var(--hdc-blue-800); }
.hdc-b-pricing .hdc-b-plan__ribbon--ink{ background: var(--hdc-heading); color: var(--hdc-bg); }
.hdc-b-pricing .hdc-plan__features{ margin-top: 0; }
.hdc-b-pricing .hdc-pricing__grid{
  --hdc-b-gap: clamp(1rem, .7rem + 1vw, 1.5rem);
  --hdc-b-cols: 4;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--hdc-plan-min, 240px), (100% - (var(--hdc-b-cols) - 1) * var(--hdc-b-gap)) / var(--hdc-b-cols))), 1fr));
}
.hdc-b-pricing .hdc-pricing__grid[data-cols="3"]{ --hdc-b-cols: 3; }
.hdc-b-pricing .hdc-pricing__grid[data-cols="2"]{ --hdc-b-cols: 2; }
.hdc-b-pricing .hdc-pricing__grid[data-cols="1"]{ --hdc-b-cols: 1; max-width: 420px; margin-inline: auto; }
.hdc-b-pricing .hdc-b-pricing__wrap{ container-type: inline-size; }
@container (min-width: 1440px){.hdc-b-pricing .hdc-pricing__grid[data-cols="4"]:is(:has(> .hdc-plan:nth-child(5):last-child), :has(> .hdc-plan:nth-child(9))){ --hdc-b-cols: 5; }}
@container (min-width: 1700px){.hdc-b-pricing .hdc-pricing__grid[data-cols="4"]:is(:has(> .hdc-plan:nth-child(6):last-child), :has(> .hdc-plan:nth-child(9))){ --hdc-b-cols: 6; }}
.hdc-b-pricing .hdc-plan__desc:empty{ visibility: hidden; }
.hdc-b-pricing .hdc-plan__was{ min-height: 24px; }
.hdc-b-pricing .hdc-b-plan__html{ min-height: 0; font-size: var(--hdc-fs-sm); }
.hdc-b-pricing .hdc-b-plan__html ul,
.hdc-b-pricing .hdc-b-plan__html ol{ margin: 0; padding-inline-start: 1.1em; }
.hdc-b-pricing .hdc-b-plan__html li + li{ margin-top: .25em; }
.hdc-b-pricing .hdc-b-plan__html > :last-child{ margin-bottom: 0; }
.hdc-b-pricing .hdc-b-plan__label{ color: var(--hdc-heading); font-size: clamp(1.6rem, 1.35rem + .9vw, 2rem); font-weight: 750; letter-spacing: -.02em; }
.hdc-b-pricing .hdc-b-plan__suffix{ align-self: baseline; margin: 0; margin-inline-start: .2rem; font-size: 1rem; }
.hdc-b-pricing .hdc-b-plan__na{ display: none; margin: .2rem 0 0; color: var(--hdc-warning-text); font-size: var(--hdc-fs-xs); }
.hdc-b-pricing .hdc-plan.is-unavailable .hdc-b-plan__na{ display: block; }
.hdc-b-pricing .hdc-plan.is-unavailable .hdc-plan__amount{ opacity: .7; }
.hdc-b-pricing .hdc-b-plan__setup[hidden]{ display: none; }
.hdc-b-pricing .hdc-b-plan__notes{ display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin-top: auto; padding-top: .9rem; }
.hdc-b-pricing .hdc-b-plan__notes .hdc-plan__stock{ margin-top: 0; }
.hdc-b-pricing .hdc-b-plan__perk .hdc-i{ --hdc-i: 1.05em; color: var(--hdc-success); }
.hdc-b-pricing .hdc-plan.is-sold-out:hover{ transform: none; box-shadow: var(--hdc-shadow-xs); }
.hdc-b-pricing .hdc-b-pricing__compare{ display: inline-flex; align-items: center; gap: .3rem; font-weight: 600; }
.hdc-b-pricing .hdc-b-plan--compact{ padding: clamp(1.1rem, 1rem + .5vw, 1.4rem); }
.hdc-b-pricing .hdc-b-plan--compact .hdc-plan__price{ margin-bottom: 1rem; padding-bottom: 1rem; }
.hdc-b-pricing .hdc-b-plan--compact .hdc-plan__value{ font-size: clamp(1.6rem, 1rem + 1.2vw, 2.4rem); font-size: clamp(1.1rem, 18cqi, 2.4rem); }
.hdc-b-pricing .hdc-b-plan--compact .hdc-plan__specs{ gap: .4rem; margin-bottom: 1rem; }
.hdc-b-pricing .hdc-b-plan--compact .hdc-plan__cta{ margin-top: auto; margin-bottom: 0; }
.hdc-b-pricing .hdc-b-pricing__rows{ display: grid; gap: .85rem; }
.hdc-b-pricing .hdc-b-plan--horizontal{ display: grid; gap: .75rem 1.5rem; padding: 1.25rem 1.5rem; border-radius: var(--hdc-r-lg); }
.hdc-b-pricing .hdc-b-plan--horizontal:hover,
.hdc-b-pricing .hdc-b-plan--horizontal.hdc-plan--featured,
.hdc-b-pricing .hdc-b-plan--horizontal.hdc-plan--featured:hover{ transform: none; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__ribbon{ inset-inline-start: 1.5rem; transform: none; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__head,
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__desc,
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__specs,
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__cta{ margin: 0; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__desc{ min-height: 0; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__price{ margin: 0; padding: 0; border: 0; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__specs{ grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-b-plan__notes{ margin-top: 0; }
@media (min-width: 900px){.hdc-b-pricing .hdc-b-plan--horizontal{
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) minmax(150px, auto) minmax(150px, auto);
    grid-template-areas: "head specs price cta" "desc specs price cta" "notes specs price cta";
    align-items: center;
  }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__head{ grid-area: head; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__desc{ grid-area: desc; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__specs{ grid-area: specs; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__price{ grid-area: price; text-align: end; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__price .hdc-plan__was,
  .hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__price .hdc-plan__amount{ justify-content: flex-end; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__cta{ grid-area: cta; width: auto; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-b-plan__notes{ grid-area: notes; }
.hdc-b-pricing .hdc-b-plan--horizontal .hdc-plan__value{ font-size: clamp(1.8rem, 1.5rem + 1vw, 2.3rem); }}
.hdc-b-pricing .hdc-b-pricing__wrap--showcase .hdc-pricing__grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--hdc-b-gap);
}
.hdc-b-pricing .hdc-b-pricing__wrap--showcase .hdc-pricing__grid > .hdc-plan{
  flex: 0 1 calc((100% - (var(--hdc-b-cols) - 1) * var(--hdc-b-gap)) / var(--hdc-b-cols));
  min-width: min(100%, var(--hdc-plan-min, 240px));
}
@media (max-width: 1099px){.hdc-b-pricing .hdc-b-pricing__wrap--showcase .hdc-pricing__grid > .hdc-plan{ flex-basis: calc((100% - var(--hdc-b-gap)) / 2); }}
@media (min-width: 900px) and (max-width: 1099px){.hdc-b-pricing .hdc-b-pricing__wrap--showcase .hdc-pricing__grid > .hdc-plan{ flex-basis: calc((100% - 2 * var(--hdc-b-gap)) / 3); }}
@media (max-width: 599px){.hdc-b-pricing .hdc-b-pricing__wrap--showcase .hdc-pricing__grid{
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-inline: calc(var(--hdc-gutter) * -1);
    padding: 1rem var(--hdc-gutter) 1.25rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--hdc-gutter);
    scrollbar-width: thin;
  }
.hdc-b-pricing .hdc-b-pricing__wrap--showcase .hdc-pricing__grid > .hdc-plan{
    flex: 0 0 min(84%, 340px);
    min-width: 0;
    scroll-snap-align: start;
  }
.hdc-b-pricing .hdc-b-pricing__wrap--showcase .hdc-pricing__grid > .hdc-plan:hover{ transform: none; }}
.hdc-b-pricing .hdc-pricing__grid > .hdc-plan[hidden]{ display: none; }
.hdc-section .hdc-pricing__grid:has(.hdc-plan__ribbon){ row-gap: clamp(2.5rem, 2rem + 1vw, 3rem); }
.hdc-b-pricing .hdc-b-plan__line{
  display: flex;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  margin: 0 0 .55rem;
  color: var(--hdc-primary-text);
  font: 600 var(--hdc-fs-xs)/1.3 var(--hdc-font-mono);
  letter-spacing: .01em;
}
.hdc-b-pricing .hdc-b-plan__line .hdc-i{ --hdc-i: 1.1rem; flex: 0 0 auto; }
.hdc-b-pricing .hdc-b-plan__line-logo{ flex: 0 0 auto; width: 18px; height: 18px; object-fit: contain; }
.hdc-b-pricing .hdc-b-plan__all{
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: .3rem;
  margin-top: .85rem;
  font-size: var(--hdc-fs-sm);
  font-weight: 600;
}
.hdc-b-pricing .hdc-b-plan__all .hdc-i{ transition: transform var(--hdc-dur-1) var(--hdc-ease); }
.hdc-b-pricing .hdc-b-plan__all:hover .hdc-i{ transform: translateX(2px); }
[dir="rtl"] .hdc-b-pricing .hdc-b-plan__all:hover .hdc-i{ transform: translateX(-2px) scaleX(-1); }
.hdc-b-pricing .hdc-b-pricing__filter[hidden]{ display: none; }
.hdc-b-pricing .hdc-b-pricing__filter{ justify-content: center; }
.hdc-b-pricing .hdc-b-pricing__count{
  min-width: 1.6em;
  padding: .2rem .4rem;
  border-radius: var(--hdc-r-pill);
  background: var(--hdc-bg-muted);
  color: var(--hdc-text-3);
  font: 600 var(--hdc-fs-2xs)/1 var(--hdc-font-mono);
  text-align: center;
}
.hdc-b-pricing .hdc-b-pricing__filter .hdc-segmented__btn[aria-pressed="true"] .hdc-b-pricing__count{ background: var(--hdc-primary-soft); color: var(--hdc-primary-text); }
.hdc-b-pricing .hdc-b-note{
  margin: 1.25rem 0 0;
  padding: .75rem 1rem;
  border: 1px dashed var(--hdc-border-strong);
  border-radius: var(--hdc-r-md);
  color: var(--hdc-text-2);
  font-size: var(--hdc-fs-sm);
}
.hdc-b-scard__line{ display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-width: 0; padding: .6rem .85rem; }
.hdc-b-scard__line + .hdc-b-scard__line{ border-top: 1px solid var(--hdc-border); }
.hdc-b-scard__line:nth-child(odd){ background: var(--hdc-bg-soft); }
.hdc-b-scard__line dt{ display: inline-flex; flex: none; align-items: center; gap: .55rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-b-scard__line dt .hdc-i{ --hdc-i: 18px; color: var(--hdc-primary); }
.hdc-b-scard__line dt .hdc-b-brand{ width: 44px; height: 16px; }
.hdc-b-scard__line dd{ min-width: 0; margin: 0; color: var(--hdc-heading); font: 650 var(--hdc-fs-sm)/1.35 var(--hdc-font-mono); text-align: end; overflow-wrap: break-word; }
.hdc-b-pricing .hdc-b-plan__buy{ margin-top: auto; }
.hdc-b-pricing .hdc-b-plan__buy .hdc-plan__price{ margin: 0; padding: 0; border: 0; }
.hdc-b-pricing .hdc-b-plan__buy .hdc-plan__cta{ margin: 0; }
.hdc-b-pricing .hdc-b-plan__buy ~ .hdc-plan__features{ margin-top: 1.25rem; }
.hdc-b-stock__group{ display: flex; flex-direction: column; gap: .35rem; min-width: 0; max-width: 100%; }
.hdc-b-stock__label{ color: var(--hdc-text-2); font-size: var(--hdc-fs-xs); font-weight: 600; letter-spacing: .02em; }
.hdc-b-stock__group .hdc-segmented{ flex-wrap: wrap; max-width: 100%; }
.hdc-b-stock__group .hdc-b-brand{ width: 44px; height: 16px; }
.hdc-b-stock__fold{ margin: 0 0 1rem; }
.hdc-b-stock__grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.hdc-b-stock__place{
  display: flex;
  flex-direction: column;
  gap: .3rem;
  height: 100%;
  padding: 1.1rem 1.15rem 1rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  color: var(--hdc-text);
  text-decoration: none;
  transition: transform var(--hdc-dur-2) var(--hdc-ease), box-shadow var(--hdc-dur-2) var(--hdc-ease), border-color var(--hdc-dur-2);
}
a.hdc-b-stock__place:hover, a.hdc-b-stock__place:focus-visible{ border-color: var(--hdc-primary); box-shadow: var(--hdc-shadow-sm); transform: translateY(-2px); }
.hdc-b-stock__where{ display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; min-height: 1.6rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-xs); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.hdc-b-stock__flag{ flex: none; width: 20px; height: 15px; border-radius: 3px; object-fit: cover; }
.hdc-b-stock__country{ min-width: 0; overflow-wrap: anywhere; }
.hdc-b-stock__deals{ margin-inline-start: auto; letter-spacing: 0; text-transform: none; }
.hdc-b-stock__city{ margin-top: .2rem; color: var(--hdc-heading); font-size: var(--hdc-fs-lg); font-weight: 700; line-height: 1.2; overflow-wrap: break-word; }
.hdc-b-stock__meta{ color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-b-stock__ms{ color: var(--hdc-primary); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hdc-b-stock__from{ display: flex; align-items: baseline; gap: .25rem; margin-top: auto; padding-top: .7rem; border-top: 1px solid var(--hdc-border); color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-b-stock__amount{ color: var(--hdc-primary); font: 700 var(--hdc-fs-lg)/1 var(--hdc-font-num); }
.hdc-b-stock__from > .hdc-i{ align-self: center; margin-inline-start: auto; --hdc-i: 18px; color: var(--hdc-primary); transition: transform var(--hdc-dur-2) var(--hdc-ease); }
a.hdc-b-stock__place:hover .hdc-b-stock__from > .hdc-i{ transform: translateX(3px); }
[dir="rtl"] .hdc-b-stock__from > .hdc-i{ transform: scaleX(-1); }
[dir="rtl"] a.hdc-b-stock__place:hover .hdc-b-stock__from > .hdc-i{ transform: scaleX(-1) translateX(3px); }
@media (prefers-reduced-motion: reduce){a.hdc-b-stock__place:hover, a.hdc-b-stock__place:focus-visible, a.hdc-b-stock__place:hover .hdc-b-stock__from > .hdc-i{ transform: none; }}
.hdc-b-brand{ display: block; flex: none; fill: currentColor; color: var(--hdc-heading); }
.hdc-b-product-groups .hdc-b-groups{
  --hdc-b-gap: clamp(.85rem, .6rem + .8vw, 1.25rem);
  --hdc-b-cols: 4;
  display: grid;
  gap: var(--hdc-b-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(220px, (100% - (var(--hdc-b-cols) - 1) * var(--hdc-b-gap)) / var(--hdc-b-cols))), 1fr));
}
.hdc-b-product-groups .hdc-b-groups[data-cols="3"]{ --hdc-b-cols: 3; }
.hdc-b-product-groups .hdc-b-groups[data-cols="2"]{ --hdc-b-cols: 2; }
@media (min-width: 960px){.hdc-b-product-groups .hdc-b-groups--cards:not([data-cols="3"]):not([data-cols="2"]):has(> :nth-child(5):last-child){
    grid-template-columns: repeat(auto-fill, minmax(max((100% - 4 * var(--hdc-b-gap)) / 5, min((100% - 3 * var(--hdc-b-gap)) / 4, (1400px - 100%) * 1000)), 1fr));
  }
.hdc-b-product-groups .hdc-b-groups--cards:not([data-cols="3"]):not([data-cols="2"]):has(> :nth-child(6):last-child){
    grid-template-columns: repeat(auto-fill, minmax(max((100% - 5 * var(--hdc-b-gap)) / 6, min((100% - 3 * var(--hdc-b-gap)) / 4, (1650px - 100%) * 1000)), 1fr));
  }}
.hdc-b-product-groups .hdc-b-group{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: 1.35rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  transition: transform var(--hdc-dur-2) var(--hdc-ease), box-shadow var(--hdc-dur-2), border-color var(--hdc-dur-2);
}
.hdc-b-product-groups .hdc-b-group:hover{ transform: translateY(-3px); border-color: var(--hdc-border-strong); box-shadow: var(--hdc-shadow-md); }
.hdc-b-product-groups .hdc-b-group:focus-within{ border-color: var(--hdc-primary); box-shadow: var(--hdc-focus-ring); }
.hdc-b-product-groups .hdc-b-group__body{ min-width: 0; }
.hdc-b-product-groups .hdc-b-group__title{ margin: .35rem 0 0; font-size: var(--hdc-fs-lg); }
.hdc-b-product-groups .hdc-b-group__link{ color: var(--hdc-heading); }
.hdc-b-product-groups .hdc-b-group__link:hover{ color: var(--hdc-heading); }
.hdc-b-product-groups .hdc-b-group__link:focus-visible{ box-shadow: none; }
.hdc-b-product-groups .hdc-b-group__link::after{ content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.hdc-b-product-groups .hdc-b-group__title .hdc-badge{ vertical-align: middle; }
.hdc-b-product-groups .hdc-b-group__text{ margin: .4rem 0 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-b-product-groups .hdc-b-group__count{ display: block; margin-top: .35rem; color: var(--hdc-text-3); font: 500 var(--hdc-fs-xs)/1.4 var(--hdc-font-mono); }
.hdc-b-product-groups .hdc-b-group__foot{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .25rem .75rem;
  margin-top: auto;
  padding-top: .7rem;
  border-top: 1px dashed var(--hdc-border-strong);
  color: var(--hdc-text-3);
  font-size: var(--hdc-fs-xs);
}
.hdc-b-product-groups .hdc-b-group__from b{ color: var(--hdc-heading); font-size: var(--hdc-fs-lg); font-weight: 750; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.hdc-b-product-groups .hdc-b-group__cta{ display: inline-flex; align-items: center; gap: .25rem; color: var(--hdc-primary-text); font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-b-product-groups .hdc-b-group__foot--order{ align-items: center; }
.hdc-b-product-groups .hdc-b-group__foot--order .hdc-b-group__cta{ margin-inline-start: auto; }
.hdc-b-product-groups .hdc-b-group__order{ position: relative; z-index: 2; }
.hdc-b-product-groups .hdc-b-groups--list{ grid-template-columns: minmax(0, 1fr); gap: .6rem; }
.hdc-b-product-groups .hdc-b-groups--list .hdc-b-group{ flex-direction: row; align-items: center; gap: 1rem; padding: 1rem 1.25rem; }
.hdc-b-product-groups .hdc-b-groups--list .hdc-b-group__body{ flex: 1 1 auto; }
.hdc-b-product-groups .hdc-b-groups--list .hdc-b-group__title{ margin: 0; font-size: var(--hdc-fs-base); }
.hdc-b-product-groups .hdc-b-groups--list .hdc-b-group__text{ margin-top: .15rem; }
.hdc-b-product-groups .hdc-b-groups--list .hdc-b-group__foot{ flex-direction: column; align-items: flex-end; margin: 0; padding: 0; border: 0; text-align: end; }
@media (max-width: 560px){.hdc-b-product-groups .hdc-b-groups--list .hdc-b-group{ flex-wrap: wrap; }
.hdc-b-product-groups .hdc-b-groups--list .hdc-b-group__foot{ flex: 1 1 100%; flex-direction: row; align-items: baseline; text-align: start; }}
.hdc-b-product-groups .hdc-b-groups--compact{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: .6rem; }
.hdc-b-product-groups .hdc-b-groups--compact .hdc-b-group{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .1rem .75rem;
  padding: .85rem 1rem;
}
.hdc-b-product-groups .hdc-b-groups--compact .hdc-icon-tile{ grid-row: 1 / span 2; }
.hdc-b-product-groups .hdc-b-groups--compact .hdc-b-group__title{ margin: 0; font-size: var(--hdc-fs-sm); line-height: 1.3; }
.hdc-b-product-groups .hdc-b-groups--compact .hdc-b-group__foot{ grid-column: 2; justify-content: flex-start; margin: 0; padding: 0; border: 0; }
.hdc-b-product-groups .hdc-b-groups--compact .hdc-b-group__from b{ font-size: var(--hdc-fs-sm); }
.hdc-b-os-grid .hdc-os-grid{ margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); }
.hdc-b-os-grid .hdc-b-os--grouped{ display: grid; gap: 1.75rem; }
.hdc-b-os-grid .hdc-b-os__title{
  margin: 0 0 .75rem;
  color: var(--hdc-text-3);
  font: 600 var(--hdc-fs-xs)/1.2 var(--hdc-font-mono);
  letter-spacing: var(--hdc-tracking-label);
  text-transform: uppercase;
}
.hdc-b-os-grid .hdc-os{ height: 100%; }
.hdc-b-os-grid a.hdc-os{ color: var(--hdc-heading); }
.hdc-b-os-grid a.hdc-os:hover{ border-color: var(--hdc-primary); color: var(--hdc-heading); }
.hdc-b-os-grid .hdc-os .hdc-i{ stroke: currentColor; }
.hdc-b-os-grid .hdc-os img.hdc-b-os__logo{ width: 40px; height: 28px; object-fit: contain; object-position: center; }
@media (max-width: 560px){.hdc-b-os-grid .hdc-os-grid{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 148px), 1fr)); gap: .6rem; }
.hdc-b-os-grid .hdc-os{ gap: .6rem; padding: .75rem; overflow-wrap: anywhere; }
.hdc-b-os-grid .hdc-os img.hdc-b-os__logo{ width: 30px; }}
.hdc-b-domain-search .hdc-b-domain--start{ margin-inline: 0; }
.hdc-b-domain-search .hdc-b-domain--start .hdc-domain-search__tabs,
.hdc-b-domain-search .hdc-b-domain--start .hdc-tld-strip{ justify-content: flex-start; }
.hdc-b-domain-search .hdc-b-domain--start .hdc-domain-search__hint{ text-align: start; }
.hdc-b-domain-search .hdc-b-domain__all a{ display: inline-flex; align-items: center; gap: .3rem; font-weight: 600; }
.hdc-section--soft.hdc-section--flush-top, .hdc-section--soft.hdc-section--flush-bottom{ display: flow-root; }
.hdc-b-tld-strip .hdc-b-tlds{ margin-bottom: 0; padding: 0; list-style: none; }
.hdc-b-tld-strip .hdc-section-head + .hdc-b-tlds{ margin-top: 0; }
.hdc-b-tld-strip .hdc-b-tlds--start{ justify-content: flex-start; }
.hdc-b-tld-strip span.hdc-tld:hover{ border-color: var(--hdc-border); transform: none; }
.hdc-b-tld-strip .hdc-b-tlds__badge{ align-self: center; height: 20px; padding: 0 .45rem; font-size: var(--hdc-fs-2xs); }
.hdc-b-locations .hdc-loc-cards{ margin: 0; padding: 0; list-style: none; }
.hdc-b-locations .hdc-b-map--labels-hover .hdc-map__label{ opacity: 0; transition: opacity var(--hdc-dur-2); }
.hdc-b-locations .hdc-b-map--labels-hover .hdc-map__pin:hover .hdc-map__label{ opacity: 1; }
.hdc-wmap{
  --hdc-map-sea: var(--hdc-bg-soft);
  --hdc-map-land: color-mix(in srgb, var(--hdc-primary) 16%, var(--hdc-surface));
  --hdc-map-border: var(--hdc-surface);
  --hdc-map-down: #22b573;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "map map" "hint tools";
  align-items: center;
  gap: .75rem 1rem;
}
:root[data-theme="dark"] .hdc-wmap{ --hdc-map-land: color-mix(in srgb, var(--hdc-primary) 24%, var(--hdc-surface-raised)); --hdc-map-border: var(--hdc-bg); --hdc-map-down: #5fe3a1; }
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hdc-wmap{ --hdc-map-land: color-mix(in srgb, var(--hdc-primary) 24%, var(--hdc-surface-raised)); --hdc-map-border: var(--hdc-bg); --hdc-map-down: #5fe3a1; }}
.hdc-wmap__viewport{
  grid-area: map;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1240 / 621.1;
  max-width: 100%;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-2xl);
  background: radial-gradient(60% 80% at 50% 0%, var(--hdc-primary-soft) 0%, transparent 70%), var(--hdc-map-sea);
  cursor: zoom-in;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.hdc-wmap__viewport:focus-visible{ outline: 2px solid var(--hdc-primary); outline-offset: 3px; }
.hdc-wmap.is-moved .hdc-wmap__viewport{ cursor: grab; touch-action: none; }
.hdc-wmap__viewport.is-dragging{ cursor: grabbing; }
.hdc-wmap__stage{ position: absolute; inset: 0; transform-origin: 0 0; --k: 1; }
.hdc-wmap__stage.is-animating{ transition: transform .34s var(--hdc-ease); will-change: transform; }
.hdc-wmap__stage.is-live{ will-change: transform; }
.hdc-wmap__svg{ position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
.hdc-wmap__land{ fill: var(--hdc-map-land); stroke: var(--hdc-map-border); stroke-width: .6; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.hdc-wmap__pin{ z-index: 1; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; transform: scale(calc(1 / var(--k))); transform-origin: 0 0; }
.hdc-wmap__pin:hover, .hdc-wmap__pin:focus-visible{ z-index: 4; }
.hdc-wmap__pin::before{ content: ""; position: absolute; left: -14px; top: -14px; width: 28px; height: 28px; border-radius: 50%; }
@media (pointer: fine){.hdc-wmap__pin::before{ left: -8px; top: -8px; width: 16px; height: 16px; }}
.hdc-wmap__pin:focus-visible{ outline: none; }
.hdc-wmap__pin:focus-visible > .hdc-led{ box-shadow: 0 0 0 3px var(--hdc-surface), 0 0 0 5px var(--hdc-primary); }
.hdc-wmap__pin:hover .hdc-map__label, .hdc-wmap__pin:focus-visible .hdc-map__label{ z-index: 3; border-color: var(--hdc-primary); }
.hdc-wmap__label{ display: inline-flex; align-items: baseline; gap: .35em; }
.hdc-wmap__ms{ color: var(--hdc-primary); font-variant-numeric: tabular-nums; }
.hdc-wmap__ms:empty, .hdc-wmap:not(.is-zoomed) .hdc-wmap__ms{ display: none; }
@media (max-width: 640px){.hdc-wmap.is-zoomed .hdc-map__label{ display: inline-flex; }}
.hdc-wmap__hint{ grid-area: hint; margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); }
.hdc-wmap__tools{ grid-area: tools; display: inline-flex; gap: .35rem; }
.hdc-wmap__tool{ display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); background: var(--hdc-surface); color: var(--hdc-heading); cursor: pointer; }
.hdc-wmap__tool:hover{ border-color: var(--hdc-primary); color: var(--hdc-primary); }
.hdc-wmap__tool:focus-visible{ outline: 2px solid var(--hdc-primary); outline-offset: 2px; }
.hdc-wmap__tool .hdc-i{ --hdc-i: 18px; }
.hdc-wmap__title{ display: flex; align-items: center; gap: .6rem; }
.hdc-wmap__flag{ flex: none; width: 24px; height: 18px; border-radius: 3px; object-fit: cover; }
.hdc-wmap__country{ margin: 0 0 1rem; color: var(--hdc-text-2); }
.hdc-wmap__facts{ display: grid; grid-template-columns: auto 1fr; gap: .55rem 1.25rem; margin: 0; }
.hdc-wmap__facts dt{ color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-wmap__facts dd{ margin: 0; color: var(--hdc-heading); font-weight: 650; text-align: end; font-variant-numeric: tabular-nums; }
.hdc-wmap__msval{ color: var(--hdc-primary) !important; }
.hdc-wmap__sub{ margin: 1.1rem 0 .4rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-wmap__services{ display: grid; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.hdc-wmap__services a{ color: var(--hdc-primary); text-decoration: none; display: inline-block; padding-block: .2rem; }
.hdc-wmap__services a:hover{ text-decoration: underline; }
[data-hdc-wmap-extra] .hdc-badge{ margin-top: .9rem; }
@media (prefers-reduced-motion: reduce){.hdc-wmap__stage.is-animating{ transition: none; }}
@media (max-width: 640px){.hdc-wmap{ grid-template-areas: "map map" "tools tools" "hint hint"; }
.hdc-wmap__tools{ justify-content: flex-end; }}
.hdc-wmap{
  --hdc-map-land-2: color-mix(in srgb, var(--hdc-map-land) 80%, var(--hdc-surface));
  --hdc-map-line: color-mix(in srgb, var(--hdc-primary) 38%, var(--hdc-map-land));
  --hdc-map-road: color-mix(in srgb, var(--hdc-map-land) 62%, var(--hdc-surface));
  --hdc-map-text: var(--hdc-text-3);
  --hdc-map-halo: var(--hdc-surface);
}
.hdc-wmap__gl{ position: absolute; inset: 0; }
.hdc-wmap.is-tiled .hdc-wmap__viewport{ cursor: auto; }
.hdc-wmap.is-tiled .hdc-wmap__stage{ display: none; }
.hdc-wmap__mk{ width: 0; height: 0; }
.hdc-wmap__mk > .hdc-wmap__pin{ --k: 1; }
.hdc-wmap__mk:hover, .hdc-wmap__mk:focus-within{ z-index: 4; }
.hdc-wmap__pin.is-best .hdc-map__label{ border-color: var(--hdc-primary); color: var(--hdc-primary-text); }
.hdc-wmap__you{ width: 0; height: 0; z-index: 3; pointer-events: none; }
.hdc-wmap__you-dot{ position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 2px solid var(--hdc-surface); border-radius: 50%; background: var(--hdc-primary);
  transform: translate(-50%, -50%); box-shadow: 0 0 0 0 color-mix(in srgb, var(--hdc-primary) 45%, transparent); animation: hdc-wmap-you 2.4s ease-out infinite; }
@keyframes hdc-wmap-you { 70% { box-shadow: 0 0 0 12px color-mix(in srgb, var(--hdc-primary) 0%, transparent); } 100% { box-shadow: 0 0 0 0 transparent; } }
.hdc-wmap__you .hdc-map__label{ top: 12px; left: 0; transform: translateX(-50%); border-color: var(--hdc-primary); color: var(--hdc-primary-text); }
@media (prefers-reduced-motion: reduce){.hdc-wmap__you-dot{ animation: none; }}
.hdc-wmap__route{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hdc-wmap__route path{ fill: none; stroke: var(--hdc-primary); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 4 3.2;
  opacity: .9; animation: hdc-wmap-march .5s linear infinite; }
@keyframes hdc-wmap-march { to { stroke-dashoffset: -7.2; } }
.hdc-wmap__go{ width: 0; height: 0; z-index: 3; pointer-events: none; opacity: 0; }
.hdc-wmap__go svg{ position: absolute; left: -11px; top: -11px; width: 22px; height: 22px; max-width: none; overflow: visible; transform: rotate(var(--hdc-go-turn, 0rad));
  filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--hdc-accent) 50%, transparent)); }
.hdc-wmap__go path{ fill: var(--hdc-accent); stroke: var(--hdc-surface); stroke-width: 2; stroke-linejoin: round; paint-order: stroke; }
.hdc-wmap__route path{ transition: stroke .35s ease; }
.hdc-wmap__route.is-down path{ stroke: var(--hdc-map-down); }
.hdc-wmap__go.is-down svg{ filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--hdc-map-down) 50%, transparent)); }
.hdc-wmap__go.is-down path{ fill: var(--hdc-map-down); }
@media (prefers-reduced-motion: reduce){.hdc-wmap__route path{ animation: none; }}
.hdc-wmap{ --hdc-flag-w: 16px; }
.hdc-wmap__flagpin{
  position: absolute; left: 0; top: 0; z-index: 1;
  width: var(--hdc-flag-w); height: calc(var(--hdc-flag-w) * .75); max-width: none;
  border-radius: 2px; object-fit: cover; transform: translate(-50%, -50%);
  box-shadow: 0 1px 3px rgb(0 0 0 / .28), 0 0 0 1px color-mix(in srgb, var(--hdc-heading) 14%, transparent);
  transition: width var(--hdc-dur-1), height var(--hdc-dur-1);
}
.hdc-wmap__pin--flag > .hdc-led--pulse{ display: none; }
.hdc-wmap__pin--flag > .hdc-led{ left: calc(var(--hdc-flag-w) / -2 - 7px); width: 8px; height: 8px; }
.hdc-wmap__pin--flag .hdc-map__label{ left: calc(var(--hdc-flag-w) / 2 + 6px); }
.hdc-wmap__pin--flag.hdc-map__pin--left .hdc-map__label{ left: auto; right: calc(var(--hdc-flag-w) / 2 + 6px); }
.hdc-wmap__pin--flag.hdc-map__pin--top .hdc-map__label{ left: 0; bottom: calc(var(--hdc-flag-w) * .375 + 6px); }
.hdc-wmap__pin--flag.hdc-map__pin--bottom .hdc-map__label{ left: 0; top: calc(var(--hdc-flag-w) * .375 + 6px); }
.hdc-wmap__pin--flag::before{ left: calc(var(--hdc-flag-w) / -2 - 4px); top: calc(var(--hdc-flag-w) * -.375 - 4px); width: calc(var(--hdc-flag-w) + 8px); height: calc(var(--hdc-flag-w) * .75 + 8px); border-radius: 4px; }
.hdc-wmap__pin--flag:focus-visible > .hdc-wmap__flagpin{ box-shadow: 0 0 0 2px var(--hdc-surface), 0 0 0 4px var(--hdc-primary); }
.hdc-wmap__pin.is-best > .hdc-wmap__flagpin{ box-shadow: 0 0 0 2px var(--hdc-surface), 0 0 0 4px var(--hdc-primary), 0 2px 6px rgb(0 0 0 / .25); }
[dir="rtl"] .hdc-wmap__pin--flag:not(.hdc-map__pin--top):not(.hdc-map__pin--bottom) .hdc-map__label{ left: auto; right: calc(var(--hdc-flag-w) / 2 + 6px); }
@media (prefers-reduced-motion: reduce){.hdc-wmap__flagpin{ transition: none; }}
.hdc-b-locations .hdc-map__pin .hdc-map__label{ transition: opacity var(--hdc-dur-2); }
.hdc-b-locations .hdc-map__pin.is-crowded .hdc-map__label{ opacity: 0; pointer-events: none; }
.hdc-b-locations .hdc-map__pin.is-crowded:hover .hdc-map__label, .hdc-b-locations .hdc-map__pin.is-crowded:focus-visible .hdc-map__label{ opacity: 1; z-index: 3; }
.hdc-b-locations .hdc-map__pin--place .hdc-led{ transform: scale(.8); }
.hdc-b-locations .hdc-b-loc{ align-items: start; }
.hdc-b-locations .hdc-b-loc__body{ display: grid; gap: .2rem; min-width: 0; }
.hdc-b-locations .hdc-b-loc .hdc-loc-card__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: .1rem .4rem; }
.hdc-b-locations .hdc-b-loc__products a{ color: var(--hdc-text-2); display: inline-block; padding-block: .25rem; }
.hdc-b-locations .hdc-b-loc__products a:hover{ color: var(--hdc-link-hover); }
.hdc-b-locations .hdc-b-loc__lg{ display: inline-flex; align-items: center; gap: .25rem; font-size: var(--hdc-fs-xs); font-weight: 600; }
.hdc-b-locations .hdc-b-loc .hdc-copy{ align-self: center; }
.hdc-b-locations .hdc-copy:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-dres{ display: grid; gap: .75rem; width: 100%; max-width: 820px; margin: 1.25rem auto 0; text-align: start; }
.hdc-dres[hidden]{ display: none; }
.hdc-dres__status{ margin: 0; padding: .75rem 1rem; border-radius: var(--hdc-r-md); background: var(--hdc-surface); color: var(--hdc-text-2); box-shadow: var(--hdc-shadow-xs); }
.hdc-dres__status.is-error{ color: var(--hdc-danger-text, var(--hdc-danger)); }
.hdc-dres__label{ margin: .25rem 0 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.hdc-dres__list{ display: grid; gap: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); list-style: none; box-shadow: var(--hdc-shadow-sm); }
.hdc-dres__list.is-main{ border-color: color-mix(in srgb, var(--hdc-primary) 45%, var(--hdc-border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hdc-primary) 12%, transparent), var(--hdc-shadow-sm); }
.hdc-dres__row{ display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: .5rem 1rem; padding: .7rem 1rem; }
.hdc-dres__row + .hdc-dres__row{ border-top: 1px solid var(--hdc-border); }
.hdc-dres__row.is-main{ padding-block: 1rem; }
.hdc-dres__row.is-main .hdc-dres__name{ font-size: var(--hdc-fs-lg); }
.hdc-dres__name{ min-width: 0; color: var(--hdc-heading); overflow-wrap: anywhere; }
.hdc-dres__state{ padding: .15rem .55rem; border-radius: 999px; background: var(--hdc-success-soft, color-mix(in srgb, var(--hdc-success) 14%, transparent)); color: var(--hdc-success-text, var(--hdc-success)); font-size: var(--hdc-fs-xs); font-weight: 700; white-space: nowrap; }
.hdc-dres__row.is-taken .hdc-dres__state{ background: var(--hdc-bg-soft); color: var(--hdc-text-3); }
.hdc-dres__price{ color: var(--hdc-heading); font-family: var(--hdc-font-num, inherit); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hdc-dres__price small{ margin-inline-start: .15rem; color: var(--hdc-text-3); font-weight: 500; }
.hdc-dres__transfer{ grid-column: 3 / -1; justify-self: end; font-size: var(--hdc-fs-sm); }
.hdc-dres .hdc-btn.is-added{ background: var(--hdc-success-soft, var(--hdc-bg-soft)); border-color: transparent; color: var(--hdc-success-text, var(--hdc-success)); }
.hdc-dres__foot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.hdc-dres__all{ font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-dres__go[hidden]{ display: none; }
@media (max-width: 559.98px){.hdc-dres__row{ grid-template-columns: minmax(0, 1fr) auto; }
.hdc-dres__row > .hdc-btn, .hdc-dres__transfer{ grid-column: 1 / -1; justify-self: stretch; }}
.hdc-b-scard__flag{ width: 20px; height: 15px; margin-inline-end: .4rem; border-radius: 3px; object-fit: cover; vertical-align: -2px; }
.hdc-b-dir{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.hdc-b-dir__head{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; min-width: 0; }
.hdc-b-dir__stats{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; }
.hdc-b-dir__stat{ display: flex; flex-direction: column; gap: .15rem; padding: .9rem 1.1rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg);
  background: linear-gradient(135deg, var(--hdc-primary-soft) 0%, var(--hdc-surface) 70%); }
.hdc-b-dir__statnum{ color: var(--hdc-primary-text, var(--hdc-primary)); font-family: var(--hdc-font-num); font-size: clamp(1.5rem, 1.1rem + 1vw, 2rem); font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.hdc-b-dir__statlabel{ color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-b-dir__bar{ display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.hdc-b-dir__bar > *{ min-width: 0; }
.hdc-b-dir__seg{ flex-wrap: wrap; max-width: 100%; }
.hdc-b-dir__search{ flex: 1 1 220px; min-width: 0; max-width: 360px; margin-inline-start: auto; }
.hdc-b-dir__body{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.hdc-b-dir__region{ display: grid; gap: .9rem; }
.hdc-b-dir__rhead{ display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem 1rem; padding-bottom: .5rem; border-bottom: 1px solid var(--hdc-border); }
.hdc-b-dir__rname{ margin: 0; font-size: var(--hdc-fs-lg); }
.hdc-b-dir__rmeta{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-b-dir__rmeta strong{ color: var(--hdc-heading); font-family: var(--hdc-font-num); }
.hdc-b-dir__grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.hdc-b-dir__place{ display: flex; flex-direction: column; gap: .45rem; height: 100%; padding: 1rem 1.1rem .9rem; border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg); background: var(--hdc-surface); color: var(--hdc-text); text-decoration: none;
  transition: transform var(--hdc-dur-2) var(--hdc-ease), box-shadow var(--hdc-dur-2) var(--hdc-ease), border-color var(--hdc-dur-2); }
a.hdc-b-dir__place:hover, a.hdc-b-dir__place:focus-visible{ border-color: var(--hdc-primary); box-shadow: var(--hdc-shadow-sm); transform: translateY(-2px); }
.hdc-b-dir__top{ display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; min-height: 1.5rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-xs);
  font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.hdc-b-dir__flag{ flex: none; width: 24px; height: 18px; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px var(--hdc-border); }
.hdc-b-dir__country{ min-width: 0; overflow-wrap: anywhere; }
.hdc-b-dir__deals{ margin-inline-start: auto; letter-spacing: 0; text-transform: none; }
.hdc-b-dir__city{ color: var(--hdc-heading); font-size: var(--hdc-fs-xl); font-weight: 700; line-height: 1.15; overflow-wrap: break-word; }
.hdc-b-dir__lat{ display: inline-flex; align-items: center; gap: .5rem; color: var(--hdc-primary-text, var(--hdc-primary)); font-size: var(--hdc-fs-sm); font-weight: 600;
  font-variant-numeric: tabular-nums; }
.hdc-b-dir__bars{ display: inline-flex; align-items: flex-end; gap: 2px; height: 14px; }
.hdc-b-dir__bars i{ display: block; width: 4px; border-radius: 1px; background: var(--hdc-border-strong); }
.hdc-b-dir__bars i:nth-child(1){ height: 25%; }
.hdc-b-dir__bars i:nth-child(2){ height: 50%; }
.hdc-b-dir__bars i:nth-child(3){ height: 75%; }
.hdc-b-dir__bars i:nth-child(4){ height: 100%; }
.hdc-b-dir__bars[data-level="1"] i:nth-child(-n+1), .hdc-b-dir__bars[data-level="2"] i:nth-child(-n+2),
.hdc-b-dir__bars[data-level="3"] i:nth-child(-n+3), .hdc-b-dir__bars[data-level="4"] i{ background: var(--hdc-primary); }
.hdc-b-dir__hw{ display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; min-height: 16px; }
.hdc-b-dir__hw .hdc-b-brand{ width: 40px; height: 15px; }
.hdc-b-dir__facts{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: .35rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-xs); }
.hdc-b-dir__fact{ padding: .15rem .5rem; border-radius: var(--hdc-r-xs); background: var(--hdc-bg-muted); white-space: nowrap; }
.hdc-b-dir__foot{ display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .5rem; margin-top: auto; padding-top: .65rem; border-top: 1px solid var(--hdc-border); color: var(--hdc-text-2);
  font-size: var(--hdc-fs-sm); }
.hdc-b-dir__count{ white-space: nowrap; }
.hdc-b-dir__from{ display: inline-flex; align-items: baseline; gap: .25rem; margin-inline-start: auto; white-space: nowrap; }
.hdc-b-dir__amount{ color: var(--hdc-primary-text, var(--hdc-primary)); font: 700 var(--hdc-fs-lg)/1 var(--hdc-font-num); }
.hdc-b-dir__from > .hdc-i{ align-self: center; margin-inline-start: .25rem; --hdc-i: 18px; color: var(--hdc-primary); transition: transform var(--hdc-dur-2) var(--hdc-ease); }
a.hdc-b-dir__place:hover .hdc-b-dir__from > .hdc-i{ transform: translateX(3px); }
[dir="rtl"] .hdc-b-dir__from > .hdc-i{ transform: scaleX(-1); }
.hdc-b-dir__none{ margin: 0; color: var(--hdc-text-2); }
:root[data-theme="dark"] .hdc-b-dir__stat{ background: linear-gradient(135deg, var(--hdc-primary-fill, var(--hdc-primary-soft)) 0%, var(--hdc-surface) 70%); }
@media (max-width: 575px){.hdc-b-dir__search{ max-width: none; margin-inline-start: 0; }
.hdc-b-dir__seg{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.hdc-b-dir__seg::-webkit-scrollbar{ display: none; }
.hdc-b-dir__seg .hdc-segmented__btn{ flex: none; white-space: nowrap; }}
@media (prefers-reduced-motion: reduce){a.hdc-b-dir__place:hover, a.hdc-b-dir__place:focus-visible, a.hdc-b-dir__place:hover .hdc-b-dir__from > .hdc-i{ transform: none; }}
/* ==========================================================================
   Q428 (owner 13.11.2026: "Görünüm ve yerleşimi hala beğenmedim daha modern arayüzler dizayn et"): the showcase as a
   plan explorer — category tabs, the category's product lines in a rail (live "from" price), one plan in a spotlight
   card with every spec in columns and a buy bar. Phones: the rail is a sideways strip above the card. Without
   JavaScript (.hdc-pex not .is-ready) every card is listed under the rail.
   ========================================================================== */
.hdc-pex{ display: grid; gap: clamp(1rem, .6rem + 1.4vw, 1.75rem); align-items: stretch; }
@media (min-width: 900px){.hdc-pex{ grid-template-columns: minmax(250px, 330px) minmax(0, 1fr); }}
.hdc-pex__rail{ min-width: 0; }
.hdc-pex__list{ display: grid; align-content: start; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.hdc-pex__item[hidden]{ display: none; }
.hdc-pex__line{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  min-height: 3.6rem;
  padding: .7rem .95rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  color: var(--hdc-heading);
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.hdc-pex__line:hover{ border-color: color-mix(in srgb, var(--hdc-primary) 45%, var(--hdc-border)); transform: translateX(2px); }
.hdc-pex__line:focus-visible{ outline: 2px solid var(--hdc-primary); outline-offset: 2px; }
.hdc-pex__line[aria-current="true"]{
  border-color: var(--hdc-primary);
  background: linear-gradient(120deg, color-mix(in srgb, var(--hdc-primary) 14%, var(--hdc-surface)), var(--hdc-surface) 80%);
  box-shadow: inset 3px 0 0 var(--hdc-primary), var(--hdc-shadow-sm);
}
.hdc-pex__logo{ width: 22px; height: 22px; object-fit: contain; flex: 0 0 auto; color: var(--hdc-primary); --hdc-i: 22px; }
.hdc-pex__name{ min-width: 0; font-weight: 650; line-height: 1.25; overflow-wrap: anywhere; }
.hdc-pex__from{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; column-gap: .1rem; line-height: 1.15; text-align: end; font-variant-numeric: tabular-nums; }
.hdc-pex__from-label{ flex-basis: 100%; color: var(--hdc-text-3); font-size: var(--hdc-fs-2xs); font-weight: 600; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-pex__from b{ color: var(--hdc-primary-text); font: 700 var(--hdc-fs-md)/1.1 var(--hdc-font-num); }
.hdc-pex__per{ color: var(--hdc-text-3); font-size: var(--hdc-fs-2xs); }
.hdc-b-pricing .hdc-b-pricing__wrap--showcase:has(.hdc-pex) > .hdc-pricing__toolbar{ flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.hdc-pex__stage{ display: grid; gap: 1rem; min-width: 0; }
.hdc-pex__stage > .hdc-plan[hidden]{ display: none; }
.hdc-b-pricing .hdc-pex__card{
  position: relative;
  container: hdcpex / inline-size;
  height: 100%;
  padding: clamp(1.25rem, .9rem + 1.6vw, 2.25rem);
  overflow: hidden;
  border-radius: var(--hdc-r-xl);
  background:
    radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--hdc-primary) 10%, transparent) 0%, transparent 55%),
    var(--hdc-surface);
  box-shadow: var(--hdc-shadow-md);
}
.hdc-b-pricing .hdc-pex__card::before{ content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; height: 4px; background: var(--hdc-brand-gradient); }
.hdc-pex.is-ready .hdc-pex__card{ animation: hdc-pex-in .28s ease both; }
@keyframes hdc-pex-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){.hdc-pex.is-ready .hdc-pex__card{ animation: none; }
.hdc-pex__line{ transition: none; }
.hdc-pex__line:hover{ transform: none; }}
.hdc-b-pricing .hdc-pex__card .hdc-b-plan__line{ margin-bottom: .35rem; font-size: var(--hdc-fs-sm); }
.hdc-b-pricing .hdc-pex__card .hdc-b-plan__line-logo{ width: 22px; height: 22px; }
.hdc-b-pricing .hdc-pex__card .hdc-plan__name{ font-size: clamp(1.4rem, 1.1rem + 1vw, 2rem); letter-spacing: -.02em; }
.hdc-b-pricing .hdc-pex__card .hdc-plan__head{ margin-bottom: 1.1rem; padding-bottom: 1.1rem; border-bottom: 1px solid var(--hdc-border); }
.hdc-b-pricing .hdc-pex__card .hdc-plan__specs{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14.5rem), 1fr)); gap: .7rem 1.5rem; margin-bottom: 1.5rem; }
.hdc-b-pricing .hdc-pex__card .hdc-plan__specs li{ font-size: .875rem; }
@container hdcpex (min-width: 560px){.hdc-b-pricing .hdc-pex__card .hdc-b-plan__buy{ align-items: center; padding: 1.1rem 1.25rem; }
.hdc-b-pricing .hdc-pex__card .hdc-b-plan__buy > .hdc-plan__price{ grid-column: 1; grid-row: 1; }
.hdc-b-pricing .hdc-pex__card .hdc-b-plan__buy > .hdc-plan__cta{ grid-column: 2; grid-row: 1; width: auto; min-width: 13rem; }}
.hdc-b-pricing .hdc-pex__card .hdc-plan__value{ font-size: clamp(2rem, 1.4rem + 2vw, 3rem); }
.hdc-b-pricing .hdc-pex__card .hdc-b-plan__all{ margin-top: 1rem; }
@media (max-width: 899.98px){.hdc-pex.is-ready .hdc-pex__list{
    display: flex;
    gap: .5rem;
    margin-inline: -16px;
    padding: .15rem 16px .5rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 16px;
    scrollbar-width: thin;
  }
.hdc-pex.is-ready .hdc-pex__item{ flex: 0 0 auto; scroll-snap-align: start; }
.hdc-pex.is-ready .hdc-pex__line{ grid-template-columns: auto auto; grid-template-areas: "logo name" "logo from"; column-gap: .6rem; row-gap: .1rem; min-height: 0; padding: .55rem .85rem; }
.hdc-pex.is-ready .hdc-pex__logo{ grid-area: logo; }
.hdc-pex.is-ready .hdc-pex__name{ grid-area: name; white-space: nowrap; }
.hdc-pex.is-ready .hdc-pex__from{ grid-area: from; justify-content: flex-start; text-align: start; }
.hdc-pex.is-ready .hdc-pex__from-label{ flex-basis: auto; margin-inline-end: .3rem; }
.hdc-pex__line:hover{ transform: none; }}
/* ==========================================================================
   Q429 block panel-licenses: a control panel's editions with their live monthly prices (VPS / VDS, dedicated), read from the
   servers' Control Panel option; the licence is billed with the server
   ========================================================================== */
/* ==========================================================================
   Q437 (owner 13.11.2026: "Tıklamalı gizli değil açık modern ve kullanıcılara karmaşa çıkarmayacak anlaşılır olmalı!", "o kadar
   boş alan olmasına rağmen … alt satırlara kaydırmışsın!", then "Kapsam iyi ama buda çok sade durmuş! Modern kapsamlı hale
   getir!"): the showcase as an open catalogue — links to every category on top, each category a panel (its text, how many
   lines, its lowest live "from" price; it stays in view beside its cards on wide screens) and its product lines as cards
   (logo, plans, name, text, the "from" price). Nothing hides behind a click; names get the card's whole width.
   ========================================================================== */
.hdc-pcat{ display: grid; gap: clamp(2.25rem, 1.5rem + 2.2vw, 3.5rem); }
.hdc-pcat__jump{ display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.hdc-pcat__jump-link{
  display: inline-flex; align-items: center; gap: .55rem; padding: .5rem .55rem .5rem .9rem;
  border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); background: var(--hdc-surface);
  color: var(--hdc-heading); font-size: var(--hdc-fs-sm); font-weight: 600; text-decoration: none;
  transition: border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.hdc-pcat__jump-link:hover{ border-color: color-mix(in srgb, var(--hdc-primary) 50%, var(--hdc-border)); color: var(--hdc-primary-text); box-shadow: var(--hdc-shadow-sm); }
.hdc-pcat__jump-link:focus-visible{ outline: 2px solid var(--hdc-primary); outline-offset: 2px; }
.hdc-pcat__jump-n{ min-width: 1.6rem; padding: .1rem .4rem; border-radius: var(--hdc-r-sm); background: var(--hdc-primary-soft); color: var(--hdc-primary-text); font: 700 var(--hdc-fs-2xs)/1.4 var(--hdc-font-num); text-align: center; }
.hdc-pcat__group{ display: grid; gap: 1rem; min-width: 0; scroll-margin-top: calc(var(--hdc-header-h) + 1rem); }
.hdc-pcat__aside{
  position: relative; display: grid; gap: .6rem; align-content: start; min-width: 0;
  padding: clamp(1.25rem, 1rem + 1vw, 1.75rem); overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--hdc-primary) 22%, var(--hdc-border)); border-radius: var(--hdc-r-xl);
  background: radial-gradient(130% 110% at 0% 0%, color-mix(in srgb, var(--hdc-primary) 15%, transparent) 0%, transparent 62%), var(--hdc-surface);
  box-shadow: var(--hdc-shadow-sm);
}
@media (min-width: 1100px){.hdc-pcat__group{ grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.hdc-pcat__aside{ position: sticky; top: calc(var(--hdc-header-h) + 1.25rem); }}
.hdc-pcat__aside::before{ content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; height: 3px; background: var(--hdc-brand-gradient); }
.hdc-pcat__title{ margin: 0; color: var(--hdc-heading); font-size: clamp(1.3rem, 1.1rem + .6vw, 1.65rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.hdc-pcat__lead{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); line-height: 1.55; }
.hdc-pcat__meta{ margin: .15rem 0 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-2xs); font-weight: 600; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-pcat__catfrom{ display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .25rem; margin: .5rem 0 0; padding-top: .85rem; border-top: 1px solid var(--hdc-border); font-variant-numeric: tabular-nums; }
.hdc-pcat__catfrom-label{ flex-basis: 100%; margin-bottom: .2rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-2xs); font-weight: 600; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-pcat__catfrom b{ color: var(--hdc-primary-text); font: 700 clamp(1.8rem, 1.45rem + 1vw, 2.35rem)/1 var(--hdc-font-num); letter-spacing: -.02em; }
.hdc-pcat__grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr)); gap: .85rem; margin: 0; padding: 0; list-style: none; }
.hdc-pcat__item{ display: flex; min-width: 0; }
.hdc-pcat__line{
  position: relative; flex: 1 1 auto; display: grid; grid-template-rows: auto auto 1fr auto; gap: .4rem; min-width: 0;
  padding: 1.05rem 1.1rem 1rem; overflow: hidden;
  border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface);
  color: var(--hdc-heading); text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.hdc-pcat__line::before{ content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; height: 3px; background: var(--hdc-brand-gradient); opacity: 0; transition: opacity .2s ease; }
.hdc-pcat__line:hover{ border-color: color-mix(in srgb, var(--hdc-primary) 50%, var(--hdc-border)); box-shadow: 0 16px 36px -18px color-mix(in srgb, var(--hdc-primary) 60%, transparent); transform: translateY(-3px); }
.hdc-pcat__line:hover::before{ opacity: 1; }
.hdc-pcat__line:focus-visible{ outline: 2px solid var(--hdc-primary); outline-offset: 2px; }
.hdc-pcat__top{ display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .2rem; }
.hdc-pcat__logo{ width: 28px; height: 28px; object-fit: contain; color: var(--hdc-primary); --hdc-i: 28px; }
.hdc-pcat__plans{ padding: .12rem .45rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-sm); color: var(--hdc-text-2); font-size: var(--hdc-fs-2xs); font-weight: 600; white-space: nowrap; }
.hdc-pcat__name{ min-width: 0; font-size: var(--hdc-fs-md); font-weight: 700; line-height: 1.25; letter-spacing: -.01em; }
.hdc-pcat__text{ min-width: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); line-height: 1.45; }
.hdc-pcat__foot{ display: flex; align-items: flex-end; justify-content: space-between; gap: .5rem; margin-top: .4rem; padding-top: .75rem; border-top: 1px solid var(--hdc-border); }
.hdc-pcat__from{ display: flex; flex-direction: column; line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hdc-pcat__from-label{ color: var(--hdc-text-3); font-size: var(--hdc-fs-2xs); font-weight: 600; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-pcat__price b{ color: var(--hdc-primary-text); font: 700 var(--hdc-fs-lg)/1.1 var(--hdc-font-num); }
.hdc-pcat__per{ color: var(--hdc-text-3); font-size: var(--hdc-fs-2xs); }
.hdc-pcat__from--more{ color: var(--hdc-primary-text); font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-pcat__go{ flex: 0 0 auto; color: var(--hdc-primary-text); --hdc-i: 1.15rem; transition: transform .2s ease; }
.hdc-pcat__line:hover .hdc-pcat__go{ transform: translateX(3px); }
[dir="rtl"] .hdc-pcat__line:hover .hdc-pcat__go{ transform: translateX(-3px) scaleX(-1); }
@media (prefers-reduced-motion: reduce){.hdc-pcat__line, .hdc-pcat__go, .hdc-pcat__jump-link{ transition: none; }
.hdc-pcat__line:hover, .hdc-pcat__line:hover .hdc-pcat__go{ transform: none; }}
.hdc-b-abuse__status:empty{ display: none; }
.hdc-b-abuse__status{ margin-bottom: 1rem; }
/* ===== part: blocks-company.css ===== */
/* ==========================================================================
   AB1 — block: company-profile (docs/handoff/AB1.md). The company's legal entities as cards and the contact channels in
   a side panel (≥ 1024 px: two columns; the panel is the narrower one, so wide screens keep a reading measure inside the
   cards). Tokens and logical properties only: light, dark (data-theme), night and brand sections, RTL. Owner rules: no
   boxed icons (bare glyphs in the accent colour), no browser dialogs, nothing external.
   ========================================================================== */
/* ===== part: blocks-content.css ===== */
/* ==========================================================================
   block: shared (all B2 content blocks)
   ========================================================================== */
.hdc-b-features:not(:has(*)), .hdc-b-feature-split:not(:has(*)), .hdc-b-feature-tabs:not(:has(*)),
.hdc-b-bento:not(:has(*)), .hdc-b-stats:not(:has(*)), .hdc-b-steps:not(:has(*)), .hdc-b-logos:not(:has(*)),
.hdc-b-testimonials:not(:has(*)), .hdc-b-reviews-summary:not(:has(*)), .hdc-b-faq:not(:has(*)),
.hdc-b-rich-text:not(:has(*)), .hdc-b-legal:not(:has(*)), .hdc-b-media:not(:has(*)), .hdc-b-gallery:not(:has(*)),
.hdc-b-team:not(:has(*)), .hdc-b-timeline:not(:has(*)), .hdc-b-cta:not(:has(*)), .hdc-b-announcement-list:not(:has(*)),
.hdc-b-kb-articles:not(:has(*)), .hdc-b-blog-list:not(:has(*)), .hdc-b-hardware-specs:not(:has(*)), .hdc-b-html:not(:has(*)), .hdc-b-benchmarks:not(:has(*)){
  display: none;
}
.hdc-b-features h2 em, .hdc-b-feature-split h2 em, .hdc-b-feature-tabs h2 em, .hdc-b-feature-tabs h3 em,
.hdc-b-bento h2 em, .hdc-b-stats h2 em, .hdc-b-steps h2 em, .hdc-b-logos h2 em, .hdc-b-testimonials h2 em,
.hdc-b-reviews-summary h2 em, .hdc-b-faq h2 em, .hdc-b-rich-text .hdc-b-rich-text__inner > h2 em,
.hdc-b-legal .hdc-b-legal__title em, .hdc-b-media h2 em, .hdc-b-gallery h2 em, .hdc-b-team h2 em,
.hdc-b-timeline h2 em, .hdc-b-cta h2 em, .hdc-b-announcement-list h2 em, .hdc-b-kb-articles h2 em,
.hdc-b-blog-list h2 em, .hdc-b-hardware-specs h2 em{
  font-style: normal;
  color: var(--hdc-primary-text);
}
.hdc-b-features .hdc-b-features__actions, .hdc-b-bento .hdc-b-bento__actions, .hdc-b-steps .hdc-b-steps__actions,
.hdc-b-announcement-list .hdc-b-announcement-list__actions, .hdc-b-kb-articles .hdc-b-kb-articles__actions,
.hdc-b-blog-list .hdc-b-blog-list__actions{
  margin-top: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);
}
.hdc-b-features .hdc-b-features__actions--center, .hdc-b-bento .hdc-b-bento__actions--center,
.hdc-b-steps .hdc-b-steps__actions--center, .hdc-b-announcement-list .hdc-b-announcement-list__actions--center,
.hdc-b-kb-articles .hdc-b-kb-articles__actions--center, .hdc-b-blog-list .hdc-b-blog-list__actions--center{
  justify-content: center;
}
/* ==========================================================================
   block: features
   ========================================================================== */
/* ==========================================================================
   block: feature-split
   ========================================================================== */
.hdc-b-feature-split .hdc-b-feature-split--solo{ grid-template-columns: minmax(0, 1fr); max-width: 780px; }
.hdc-b-feature-split .hdc-b-feature-split__body{ color: var(--hdc-text-2); max-width: 62ch; }
.hdc-b-feature-split .hdc-b-feature-split__actions{ margin-top: 1.75rem; }
.hdc-b-feature-split .hdc-checklist + .hdc-b-feature-split__actions{ margin-top: 0; }
.hdc-b-feature-split .hdc-b-feature-split__media--shadow img{ box-shadow: var(--hdc-shadow-lg); }
.hdc-b-feature-split .hdc-b-feature-split__panel{
  display: grid;
  align-content: center;
  padding: clamp(1.5rem, 1rem + 2vw, 2.75rem);
}
.hdc-b-feature-split .hdc-b-feature-split__panel .hdc-checklist{
  gap: 1rem;
  margin: 0;
  color: var(--hdc-heading);
  font-size: var(--hdc-fs-md);
  font-weight: 500;
}
/* ==========================================================================
   block: feature-tabs
   ========================================================================== */
/* ==========================================================================
   block: bento
   ========================================================================== */
@media (min-width: 640px) and (max-width: 899.98px){.hdc-b-bento .hdc-b-bento__card--third, .hdc-b-bento .hdc-b-bento__card--half{ grid-column: span 3; }}
.hdc-b-bento .hdc-bento__card{ display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; }
.hdc-b-bento .hdc-bento__card > *{ max-width: 100%; }
.hdc-b-bento .hdc-bento__card h3{ margin: .25rem 0 0; }
.hdc-b-bento .hdc-bento__card p{ margin: 0; }
.hdc-b-bento .hdc-bento__card .hdc-eyebrow{ margin-bottom: 0; }
.hdc-b-bento .hdc-b-bento__card--night{
  border-color: color-mix(in srgb, var(--hdc-primary) 45%, var(--hdc-border));
  background:
    radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--hdc-primary) 12%, transparent) 0%, transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--hdc-primary) 5%, var(--hdc-surface)) 0%, var(--hdc-surface) 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hdc-primary) 25%, transparent), 0 20px 44px -24px rgba(0, 113, 188, .35);
}
:root[data-theme="dark"] .hdc-b-bento .hdc-b-bento__card--night, .hdc-night .hdc-b-bento .hdc-b-bento__card--night{
  border-color: transparent;
  background:
    radial-gradient(120% 80% at 100% 0%, var(--hdc-primary-soft-2) 0%, transparent 60%),
    linear-gradient(180deg, var(--hdc-night-800) 0%, var(--hdc-night-900) 100%);
  box-shadow: none;
}
.hdc-b-bento .hdc-b-bento__card--brand{ border-color: transparent; background: var(--hdc-brand-glow), var(--hdc-brand-gradient); }
.hdc-b-bento .hdc-b-bento__card--brand .hdc-icon-tile{ color: var(--hdc-heading); }
.hdc-b-bento .hdc-b-bento__card--soft{
  background:
    radial-gradient(80% 80% at 100% 0%, var(--hdc-primary-soft) 0%, transparent 70%),
    var(--hdc-bg-soft);
}
.hdc-b-bento .hdc-b-bento__link{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: auto;
  padding-top: .25rem;
  font-size: var(--hdc-fs-sm);
  font-weight: 600;
}
.hdc-b-bento .hdc-b-bento__link::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
.hdc-b-bento .hdc-bento__card:has(.hdc-b-bento__link){
  transition: border-color var(--hdc-dur-2), box-shadow var(--hdc-dur-2), transform var(--hdc-dur-2) var(--hdc-ease);
}
.hdc-b-bento .hdc-bento__card:has(.hdc-b-bento__link):hover{ transform: translateY(-2px); box-shadow: var(--hdc-shadow-md); }
.hdc-b-bento .hdc-bento__card:has(.hdc-b-bento__link:focus-visible){ box-shadow: var(--hdc-focus-ring); }
.hdc-b-bento .hdc-b-bento__media{ width: 100%; margin-top: auto; padding-top: .5rem; }
.hdc-b-bento .hdc-b-bento__media img{ display: block; width: 100%; border-radius: var(--hdc-r-lg); }
/* ==========================================================================
   block: stats
   ========================================================================== */
.hdc-b-stats .hdc-b-stats__grid--center .hdc-stat{ text-align: center; }
.hdc-b-stats .hdc-b-stats__prefix{ margin-inline: 0 .1em; }
.hdc-b-stats .hdc-b-stats__note{ display: block; margin-top: .35rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); }
.hdc-b-stats .hdc-b-stats__grid--cards{ gap: 1rem; }
.hdc-b-stats .hdc-b-stats__grid--cards .hdc-stat{
  padding: 1.5rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
}
/* ==========================================================================
   block: steps
   ========================================================================== */
.hdc-b-steps .hdc-b-steps__list{ margin: 0; padding: 0; list-style: none; }
@media (min-width: 540px){.hdc-b-steps .hdc-steps:not(.d2-steps):has(> :nth-child(4):last-child){ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (min-width: 992px){.hdc-b-steps .hdc-steps:not(.d2-steps):has(> :nth-child(4):last-child){ grid-template-columns: repeat(4, minmax(0, 1fr)); }}
.hdc-b-steps .hdc-step h3{ margin-bottom: .4rem; }
/* ==========================================================================
   block: logos
   ========================================================================== */
/* ==========================================================================
   block: testimonials
   ========================================================================== */
/* ==========================================================================
   block: reviews-summary
   ========================================================================== */
/* ==========================================================================
   block: faq
   ========================================================================== */
.hdc-b-faq .hdc-b-faq--solo{ grid-template-columns: minmax(0, 1fr); }
.hdc-b-faq .hdc-b-faq__stacked{ max-width: 860px; margin-inline: auto; }
.hdc-b-faq .hdc-b-faq__help{ margin-top: 1.5rem; text-align: start; }
.hdc-b-faq .hdc-b-faq__help-body{ display: flex; align-items: center; gap: .9rem; }
.hdc-b-faq .hdc-b-faq__help-title{ display: block; color: var(--hdc-heading); font-weight: 650; }
.hdc-b-faq a.hdc-b-faq__help-title::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
.hdc-b-faq a.hdc-b-faq__help-title:hover{ color: var(--hdc-primary-text); }
.hdc-b-faq .hdc-b-faq__help:has(a.hdc-b-faq__help-title:focus-visible){ box-shadow: var(--hdc-focus-ring); }
.hdc-b-faq .hdc-b-faq__help-text{ display: block; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.hdc-b-faq .hdc-b-faq__answer > *{ margin: 0; }
.hdc-b-faq .hdc-b-faq__answer > * + *{ margin-top: .75em; }
.hdc-b-faq .hdc-b-faq__answer ul, .hdc-b-faq .hdc-b-faq__answer ol{ padding-inline-start: 1.25em; }
.hdc-b-faq .hdc-b-faq__answer a{ text-decoration: underline; text-underline-offset: 2px; }
/* ==========================================================================
   block: rich-text
   ========================================================================== */
/* ==========================================================================
   block: legal
   ========================================================================== */
/* ==========================================================================
   block: media
   ========================================================================== */
/* ==========================================================================
   block: gallery
   ========================================================================== */
/* ==========================================================================
   block: team
   ========================================================================== */
/* ==========================================================================
   block: timeline
   ========================================================================== */
/* ==========================================================================
   block: cta
   ========================================================================== */
.hdc-b-cta .hdc-b-cta__band--soft{
  border: 1px solid var(--hdc-border);
  background:
    radial-gradient(70% 120% at 100% 0%, var(--hdc-primary-soft-2) 0%, transparent 60%),
    var(--hdc-bg-soft);
}
.hdc-b-cta .hdc-b-cta__band--soft::before{
  background-image:
    linear-gradient(var(--hdc-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--hdc-grid-line) 1px, transparent 1px);
}
.hdc-b-cta .hdc-b-cta__band--night{
  border: 1px solid var(--hdc-border);
  background:
    radial-gradient(60% 90% at 90% 0%, var(--hdc-primary-soft-2) 0%, transparent 65%),
    var(--hdc-bg);
}
.hdc-b-cta .hdc-b-cta__actions{ display: grid; gap: .75rem; justify-items: start; }
.hdc-b-cta .hdc-cta--center .hdc-b-cta__actions{ justify-items: center; }
.hdc-b-cta .hdc-cta--center .hdc-cluster{ justify-content: center; }
@media (min-width: 900px){.hdc-b-cta .hdc-cta:not(.hdc-cta--center) .hdc-b-cta__actions{ justify-items: end; }}
.hdc-b-cta .hdc-b-cta__note{ margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
/* ==========================================================================
   block: announcement-list
   ========================================================================== */
/* ==========================================================================
   block: kb-articles
   ========================================================================== */
/* ==========================================================================
   block: blog-list
   ========================================================================== */
/* ==========================================================================
   block: hardware-specs
   ========================================================================== */
/* ==========================================================================
   block: benchmarks (Q461) — published GPU results for the models the page's plans name: one card, a row per GPU with a bar
   (its share of the highest score, blue family), the score in the figures font, the number of published results; the source
   line under it. Light: surface + soft primary bar track; dark: the same tokens.
   ========================================================================== */
/* ==========================================================================
   block: html
   ========================================================================== */
/* ==========================================================================
   block: spacer — the block's own height replaces the section padding
   ========================================================================== */
/* ==========================================================================
   block: divider — the block's own `space` replaces the section padding
   ========================================================================== */
/* ===== part: blocks-games.css ===== */
/* ==========================================================================
   W5 — game-server pages: blocks game-catalog, game-hero, compare-table; the phone card views of the comparison
   tables (pricing-compare, competitor-compare); the empty state of the pricing block (title + contact); the shared
   term tooltip. Tokens and logical properties only (dark mode, RTL). Bundled into hdc-pages.css by tools/build_css.py.
   G2 (2026-10-06): image cards for every game, package price + order, light/dark everywhere (no forced night scope).
   G3E (2026-10-09): one rich card for every game (popular row + A–Z grid + results), fact glyphs as CSS masks, genre links.
   ========================================================================== */
@keyframes hdc-gc-wall { to { transform: translateY(calc(-50% - 7px)); } }
.hdc-term{ display: inline-flex; align-items: center; gap: .3rem; }
.hdc-term__btn{
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 22px;
  height: 22px;
  margin: -2px 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--hdc-text-3);
  cursor: help;
}
.hdc-term__btn:hover, .hdc-term__btn[aria-expanded="true"]{ background: var(--hdc-primary-soft); color: var(--hdc-primary-text); }
.hdc-term__btn:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); color: var(--hdc-primary-text); }
.hdc-term__btn .hdc-i{ --hdc-i: 14px; }
.hdc-term__tip{ display: none; }
html:not(.hdc-js) .hdc-term{ position: relative; }
html:not(.hdc-js) .hdc-term__btn:hover + .hdc-term__tip,
html:not(.hdc-js) .hdc-term__btn:focus + .hdc-term__tip{
  position: absolute;
  z-index: 30;
  inset-block-start: calc(100% + 6px);
  inset-inline-start: 0;
  display: block;
  width: max-content;
  max-width: min(280px, calc(100vw - 2rem));
  padding: .5rem .7rem;
  border-radius: var(--hdc-r-sm);
  background: var(--hdc-gray-900);
  color: #fff;
  font-size: var(--hdc-fs-xs);
  font-weight: 500;
  line-height: 1.45;
  text-align: start;
  white-space: normal;
}
.hdc-termtip{
  position: fixed;
  z-index: 1080;
  max-width: min(300px, calc(100vw - 24px));
  padding: .55rem .75rem;
  border-radius: var(--hdc-r-sm);
  background: var(--hdc-gray-900);
  color: #fff;
  font: 500 var(--hdc-fs-xs)/1.5 var(--hdc-font-sans);
  text-align: start;
  box-shadow: var(--hdc-shadow-md);
  pointer-events: none;
  animation: hdc-fade var(--hdc-dur-2) var(--hdc-ease);
}
:root[data-theme="dark"] .hdc-termtip{ background: var(--hdc-gray-100); color: var(--hdc-gray-900); }
@media (prefers-reduced-motion: reduce){.hdc-termtip{ animation: none; }}
.hdc-ctable{ position: relative; }
.hdc-ctable__box{ position: relative; }
.hdc-ctable__box:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-ctable[data-cols="1"] table, .hdc-ctable[data-cols="2"] table{ min-width: 480px; }
.hdc-ctable[data-cols="3"] table{ min-width: 600px; }
.hdc-ctable[data-cols="5"] table, .hdc-ctable[data-cols="6"] table{ min-width: 860px; }
.hdc-ctable tbody th[scope="row"]{ font-weight: 500; }
.hdc-ctable thead th{ vertical-align: bottom; }
.hdc-ctable .hdc-compare__plan .hdc-badge{ height: 22px; }
.hdc-ctable__sub{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 500; line-height: 1.35; }
.hdc-ctable td.is-val{ color: var(--hdc-heading); font-weight: 500; }
.hdc-ctable .hdc-compare__group th{
  position: static;
  padding-top: 1.35rem;
  background: var(--hdc-bg-soft);
  color: var(--hdc-heading);
  font-family: var(--hdc-font-mono);
  font-size: var(--hdc-fs-2xs);
  font-weight: 600;
  letter-spacing: var(--hdc-tracking-label);
  text-align: start;
  text-transform: uppercase;
}
.hdc-ctable th.is-hl{ box-shadow: inset 0 3px 0 var(--hdc-primary); }
.hdc-ctable th.is-pick, .hdc-ctable td.is-pick{ background: color-mix(in srgb, var(--hdc-accent) 12%, var(--hdc-surface)); }
.hdc-ctable th.is-pick{ box-shadow: inset 0 3px 0 var(--hdc-accent); }
@media (min-width: 960px){.hdc-ctable.is-sticky .hdc-ctable__box{ overflow: visible; }
.hdc-ctable.is-sticky thead th{ top: calc(var(--hdc-header-h) + var(--hdc-topbar-h)); }
.hdc-ctable.is-sticky thead th:first-child{ border-start-start-radius: var(--hdc-r-xl); }
.hdc-ctable.is-sticky thead th:last-child{ border-start-end-radius: var(--hdc-r-xl); }
.hdc-ctable.is-sticky tbody:last-child tr:last-child > :first-child{ border-end-start-radius: var(--hdc-r-xl); }
.hdc-ctable.is-sticky tbody:last-child tr:last-child > :last-child{ border-end-end-radius: var(--hdc-r-xl); }}
.hdc-ctable__note{ display: flex; align-items: flex-start; gap: .45rem; max-width: 880px; margin: 1rem auto 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); line-height: 1.55; }
.hdc-ctable__note .hdc-i{ flex: none; margin-top: .1rem; }
.hdc-ctable__actions{ margin-top: 1.5rem; }
.hdc-ctable__actions.is-center{ justify-content: center; }
.hdc-ctable__advisor{
  display: grid;
  gap: .9rem;
  margin-bottom: 1.25rem;
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: radial-gradient(80% 120% at 100% 0%, var(--hdc-primary-soft) 0%, transparent 60%), var(--hdc-surface);
}
.hdc-ctable__advisor-title{ display: flex; align-items: center; gap: .5rem; margin: 0; color: var(--hdc-heading); font-weight: 650; }
.hdc-ctable__advisor-title .hdc-i{ color: var(--hdc-primary); }
.hdc-ctable__advisor-controls{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1rem 2rem; }
.hdc-ctable__range{ display: grid; gap: .4rem; flex: 1 1 260px; min-width: 0; }
.hdc-ctable__range label, .hdc-ctable__mods-label{ color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); font-weight: 500; }
.hdc-ctable__range-row{ display: flex; align-items: center; gap: .9rem; }
.hdc-ctable__range input[type="range"]{ flex: 1 1 auto; min-width: 0; accent-color: var(--hdc-primary); }
.hdc-ctable__range input[type="range"]:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); border-radius: var(--hdc-r-pill); }
.hdc-ctable__range-out{ min-width: 3.4rem; padding: .3rem .55rem; border-radius: var(--hdc-r-pill); background: var(--hdc-primary-soft); color: var(--hdc-primary-text); font: 700 var(--hdc-fs-sm)/1.2 var(--hdc-font-mono); text-align: center; }
.hdc-ctable__mods{ display: grid; gap: .4rem; }
.hdc-ctable__advisor-result{ margin: 0; color: var(--hdc-text); font-size: var(--hdc-fs-sm); }
.hdc-ctable__advisor-result strong{ color: var(--hdc-heading); }
.hdc-ctable__cards{ display: none; }
@media (max-width: 639.98px){.hdc-ctable--cards .hdc-ctable__box{ display: none; }
.hdc-ctable--cards .hdc-ctable__cards{ display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.hdc-ctable--rows table, .hdc-ctable--rows thead, .hdc-ctable--rows tbody, .hdc-ctable--rows tr, .hdc-ctable--rows th, .hdc-ctable--rows td{ display: block; }
.hdc-ctable--rows .hdc-ctable__box{ overflow: visible; border: 0; background: transparent; }
.hdc-ctable--rows table{ min-width: 0 !important; }
.hdc-ctable--rows thead{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hdc-ctable--rows tbody tr:not(.hdc-compare__group){ margin-bottom: .6rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); }
.hdc-ctable--rows tbody th[scope="row"]{ position: static; padding: .85rem 1rem .4rem; border: 0; background: transparent; color: var(--hdc-heading); font-weight: 650; }
.hdc-ctable--rows .hdc-compare__group th{ margin: 1rem 0 .5rem; padding: 0; border: 0; background: transparent; }
.hdc-ctable--rows td{ display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .5rem 1rem; border-bottom: 0; border-top: 1px dashed var(--hdc-border); text-align: end; }
.hdc-ctable--rows td::before{ content: attr(data-label); color: var(--hdc-text-2); font-weight: 500; text-align: start; }
.hdc-ctable--rows td.is-hl{ background: color-mix(in srgb, var(--hdc-primary) 6%, var(--hdc-surface)); }
.hdc-ctable--rows tr > td:last-child{ border-end-start-radius: var(--hdc-r-lg); border-end-end-radius: var(--hdc-r-lg); }}
.hdc-ctable__card{ padding: 1rem 1.1rem 1.1rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); }
.hdc-ctable__card.is-hl{ border-color: var(--hdc-primary); box-shadow: inset 0 0 0 1px var(--hdc-primary); }
.hdc-ctable__card.is-pick{ border-color: var(--hdc-accent); box-shadow: inset 0 0 0 1px var(--hdc-accent), var(--hdc-shadow-md); }
.hdc-ctable__card-head{ display: grid; justify-items: start; gap: .3rem; padding-bottom: .65rem; }
.hdc-ctable__card-title{ margin: 0; font-size: var(--hdc-fs-lg); }
.hdc-ctable__card-head .hdc-ctable__sub{ margin: 0; }
.hdc-ctable__card-rows{ margin: 0; }
.hdc-ctable__card-rows > div{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-top: 1px dashed var(--hdc-border); }
.hdc-ctable__card-rows > div.is-group-start{ margin-top: .4rem; border-top-style: solid; }
.hdc-ctable__card-rows dt{ display: inline-flex; align-items: center; gap: .3rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-ctable__card-rows dd{ margin: 0; color: var(--hdc-heading); font-size: var(--hdc-fs-sm); font-weight: 600; text-align: end; }
.hdc-ctable__card-rows dd.is-yes .hdc-i{ color: var(--hdc-success); }
.hdc-ctable__card-rows dd.is-no .hdc-i{ color: var(--hdc-text-disabled); }
.hdc-b-pricing__soon{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1.25rem 1.5rem;
  max-width: 980px;
  margin-inline: auto;
  padding: clamp(1.4rem, 1rem + 2vw, 2.25rem);
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-xl);
  background:
    radial-gradient(70% 120% at 100% 0%, var(--hdc-primary-soft) 0%, transparent 65%),
    var(--hdc-surface);
  box-shadow: var(--hdc-shadow-sm);
}
.hdc-b-pricing__soon-body{ min-width: 0; }
.hdc-b-pricing__soon-title{ margin: .2rem 0 .4rem; font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem); }
.hdc-b-pricing__soon-body p{ margin: 0; max-width: 64ch; color: var(--hdc-text-2); }
.hdc-b-pricing__soon-actions{ grid-column: 2; gap: .75rem; }
@media (max-width: 639.98px){.hdc-b-pricing__soon{ grid-template-columns: minmax(0, 1fr); }
.hdc-b-pricing__soon-actions{ grid-column: 1; }}
.hdc-ctable td, .hdc-b-gc__row-spec > span{ unicode-bidi: plaintext; }
/* ===== part: blocks-policy.css ===== */
/* ==========================================================================
   L1 — Policies (docs/handoff/L1.md §5). Bundled into hdc-pages.css by tools/build_css.py.
   Tokens only (dark mode and night/brand sections follow automatically), logical properties only (RTL).
   ========================================================================== */
/* ==========================================================================
   Policy text lists — {{policy:…}} embeds inside legal documents and the policy-coverage block
   ========================================================================== */
.hdc-policy-list{ margin: 0; }
.hdc-policy-list__label{ color: var(--hdc-text); }
.hdc-policy-list__terms{ color: var(--hdc-text-2); }
.hdc-policy-list__note{
  display: block;
  margin-block-start: .2rem;
  color: var(--hdc-text-2);
  font-size: var(--hdc-fs-sm);
}
.hdc-policy-addenda{ display: grid; gap: .35rem 0; margin: 0; }
.hdc-policy-addenda dt{ color: var(--hdc-heading); font-weight: 600; }
.hdc-policy-addenda dd{ margin: 0 0 .75rem; }
.hdc-policy-addenda dd > * + *{ margin-block-start: .6em; }
/* ==========================================================================
   block: policy-coverage
   ========================================================================== */
/* ==========================================================================
   block: policy-meta — version line under the page header
   ========================================================================== */
/* ==========================================================================
   block: policy-links — links (inline | list) and the additional terms that apply here
   ========================================================================== */
/* ==========================================================================
   Accepted policies of an order (order-complete page, service page — WHMCS hook output)
   ========================================================================== */
.hdc-policy-accepted .hdc-policy-accepted__list{ display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.hdc-policy-accepted .hdc-policy-accepted__item{ color: var(--hdc-text); }
.hdc-policy-accepted .hdc-policy-accepted__item a{ font-weight: 600; }
.hdc-policy-accepted .hdc-policy-accepted__meta{ color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.hdc-policy-accepted .hdc-policy-accepted__when{ margin: .75rem 0 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
/* ===== part: chat.css ===== */
/* ==========================================================================
   Live chat launcher (LC2, js/hdc-chat.js; docs/handoff/LC2.md — LC8 styles: docs/handoff/LC8.md). A public part: it
   is in hdc-public.css (Studio pages) and hdc-pages.css (WHMCS pages). Only the launcher, its greeting / card, its
   menu, the invitation teaser and the room other fixed controls leave for it live here; the panel's stylesheet
   css/hdc-chat.css loads with the panel module.
   Settings › Appearance (Chat\Launcher): the markup carries hdc-chat-dock--<style> (bubble | pill | avatar | tab |
   minimal | card), --<right|left>, --<s|m|l>, --mob-<compact|same|hidden>, --att-<pulse|wiggle>, --custom and is-away;
   the script adds hdc-chat-at-<side> hdc-chat-is-<style> hdc-chat-sz-<size> to <html> and the CSS variables
   --hdc-chat-x / -y (offsets) and, for a custom colour, --hdc-chat-accent-l / -d (+ -hover, --hdc-chat-on-l / -d,
   --hdc-chat-head-l / -d; light / dark page shades from the contrast check) on <html>, so the panel follows them too.
   ========================================================================== */
.hdc-has-chat{
  --hdc-chat-l: 52px;
  --hdc-chat-accent: var(--hdc-chat-accent-l, var(--hdc-primary-fill));
  --hdc-chat-accent-hover: var(--hdc-chat-accent-l-hover, var(--hdc-primary-fill-hover));
  --hdc-chat-on: var(--hdc-chat-on-l, var(--hdc-on-primary));
}
:root[data-theme="dark"].hdc-has-chat{
  --hdc-chat-accent: var(--hdc-chat-accent-d, var(--hdc-primary-fill));
  --hdc-chat-accent-hover: var(--hdc-chat-accent-d-hover, var(--hdc-primary-fill-hover));
  --hdc-chat-on: var(--hdc-chat-on-d, var(--hdc-on-primary));
}
.hdc-chat-sz-s{ --hdc-chat-l: 44px; }
.hdc-chat-sz-l{ --hdc-chat-l: 60px; }
.hdc-chat-dock{
  position: fixed; inset-inline-end: var(--hdc-chat-x, 20px); bottom: calc(var(--hdc-chat-y, 20px) + env(safe-area-inset-bottom, 0px)); z-index: 66;
  display: flex; flex-direction: column; align-items: flex-end; gap: 12px; pointer-events: none;
}
.hdc-chat-dock--left{ inset-inline-end: auto; inset-inline-start: var(--hdc-chat-x, 20px); align-items: flex-start; }
.hdc-chat-dock > *{ pointer-events: auto; }
.hdc-chat-dock[hidden], .hdc-chat-greet[hidden]{ display: none; }
.hdc-chat-launcher{
  --hdc-i: calc(var(--hdc-chat-l, 52px) * .42);
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
  min-width: var(--hdc-chat-l, 52px); height: var(--hdc-chat-l, 52px); padding: 0 calc(var(--hdc-chat-l, 52px) * .42) 0 calc(var(--hdc-chat-l, 52px) * .34);
  border: 0; border-radius: 999px; background-color: var(--hdc-chat-accent, var(--hdc-primary-fill)); color: var(--hdc-chat-on, var(--hdc-on-primary));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 55%);
  font: 600 var(--hdc-fs-sm)/1 var(--hdc-font-sans); letter-spacing: .005em; white-space: nowrap; cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 14px 30px -12px rgba(0, 60, 120, .58), 0 3px 8px rgba(15, 33, 58, .14);
  transition: transform var(--hdc-dur-2) var(--hdc-ease-spring), box-shadow var(--hdc-dur-2) var(--hdc-ease), background-color var(--hdc-dur-2) var(--hdc-ease);
  animation: hdc-chat-in .5s var(--hdc-ease-spring) both;
  -webkit-tap-highlight-color: transparent;
}
.hdc-chat-dock--custom .hdc-chat-launcher{
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 14px 30px -12px rgba(15, 33, 58, .5), 0 3px 8px rgba(15, 33, 58, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 14px 30px -12px color-mix(in srgb, var(--hdc-chat-accent) 70%, #000), 0 3px 8px rgba(15, 33, 58, .14);
}
.hdc-chat-launcher:hover{ background-color: var(--hdc-chat-accent-hover, var(--hdc-primary-fill-hover)); transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 20px 38px -12px rgba(0, 60, 120, .62), 0 4px 10px rgba(15, 33, 58, .16); }
.hdc-chat-launcher:active{ transform: translateY(0) scale(.96); }
.hdc-chat-launcher:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring), 0 14px 30px -12px rgba(0, 60, 120, .6); }
.hdc-chat-launcher > .hdc-i{ flex: none; transition: transform var(--hdc-dur-3) var(--hdc-ease-spring); }
.hdc-chat-launcher:hover > .hdc-i{ transform: rotate(-8deg) scale(1.06); }
[data-theme="dark"] .hdc-chat-launcher{ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 14px 32px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .06); }
.hdc-chat-launcher__label{ max-width: 22ch; overflow: hidden; text-overflow: ellipsis; }
.hdc-chat-launcher__dot{
  position: absolute; top: calc(var(--hdc-chat-l, 52px) * .18); inset-inline-start: calc(var(--hdc-chat-l, 52px) * .34 + var(--hdc-chat-l, 52px) * .42 - 7px);
  width: 10px; height: 10px; border-radius: 50%; background: var(--hdc-gray-400);
  box-shadow: 0 0 0 2px var(--hdc-chat-accent, var(--hdc-primary-fill));
}
.hdc-chat-launcher__dot.is-online{ background: #3ddc84; }
.hdc-chat-launcher:hover .hdc-chat-launcher__dot{ box-shadow: 0 0 0 2px var(--hdc-chat-accent-hover, var(--hdc-primary-fill-hover)); }
.hdc-chat-launcher__badge{
  position: absolute; top: -6px; inset-inline-end: -4px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px;
  background: var(--hdc-danger); color: #fff; font: 700 12px/22px var(--hdc-font-sans); text-align: center; font-variant-numeric: tabular-nums;
  box-shadow: 0 0 0 2px var(--hdc-bg), 0 4px 10px -2px rgba(217, 45, 32, .5); animation: hdc-chat-pop .4s var(--hdc-ease-spring) both;
}
.hdc-chat-launcher__badge[hidden]{ display: none; }
.hdc-chat-launcher .hdc-sr-only, .hdc-chat-hide-label .hdc-chat-launcher__label{
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.hdc-chat-avs{ display: inline-flex; flex: none; align-items: center; }
.hdc-chat-av{
  --hdc-chat-ring: var(--hdc-surface-raised);
  position: relative; display: inline-grid; place-items: center; width: 32px; height: 32px; overflow: hidden; border-radius: 50%;
  background: hsl(var(--hdc-chat-hue, 205) 58% 44%); color: #fff; font: 700 12px/1 var(--hdc-font-sans); letter-spacing: .02em;
  box-shadow: 0 0 0 2px var(--hdc-chat-ring);
}
.hdc-chat-av + .hdc-chat-av{ margin-inline-start: -9px; }
.hdc-chat-av img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hdc-chat-av:has(> img){ background: none; color: transparent; box-shadow: none; }
.hdc-chat-av.has-plate-light:has(> img){ background: #fff; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .12); }
.hdc-chat-av.has-plate-dark:has(> img){ background: #111827; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.hdc-chat-av.has-plate > img{ box-sizing: border-box; padding: 12%; object-fit: contain; }
.hdc-chat-dock--bubble .hdc-chat-launcher, .hdc-chat-dock--card .hdc-chat-launcher, .hdc-chat-dock--minimal .hdc-chat-launcher{ width: var(--hdc-chat-l, 52px); padding: 0; }
.hdc-chat-dock--bubble .hdc-chat-launcher__label, .hdc-chat-dock--card .hdc-chat-launcher__label, .hdc-chat-dock--minimal .hdc-chat-launcher__label{
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.hdc-chat-dock--bubble .hdc-chat-launcher__dot, .hdc-chat-dock--card .hdc-chat-launcher__dot, .hdc-chat-dock--minimal .hdc-chat-launcher__dot{
  top: 2px; inset-inline-start: auto; inset-inline-end: 2px;
}
.hdc-chat-dock--bubble .hdc-chat-launcher > .hdc-i, .hdc-chat-dock--card .hdc-chat-launcher > .hdc-i{ --hdc-i: calc(var(--hdc-chat-l, 52px) * .46); }
.hdc-chat-dock--minimal{ --hdc-chat-l: 42px; }
.hdc-chat-sz-s .hdc-chat-dock--minimal{ --hdc-chat-l: 36px; }
.hdc-chat-sz-l .hdc-chat-dock--minimal{ --hdc-chat-l: 50px; }
.hdc-chat-dock--minimal .hdc-chat-launcher{ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 8px 18px -8px rgba(0, 60, 120, .55); }
.hdc-chat-dock--minimal .hdc-chat-launcher__dot{ width: 9px; height: 9px; top: 0; inset-inline-end: 0; }
.hdc-chat-dock--minimal .hdc-chat-launcher__badge{ min-width: 18px; height: 18px; padding: 0 5px; font-size: 11px; line-height: 18px; }
.hdc-chat-dock--avatar .hdc-chat-launcher{ gap: .6rem; padding-inline-start: calc((var(--hdc-chat-l, 52px) - 34px) / 2); }
.hdc-chat-dock--avatar .hdc-chat-launcher > .hdc-i{ display: none; }
.hdc-chat-dock--avatar .hdc-chat-launcher .hdc-chat-av{ --hdc-chat-ring: var(--hdc-chat-accent, var(--hdc-primary-fill)); width: 34px; height: 34px; }
.hdc-chat-sz-s .hdc-chat-dock--avatar .hdc-chat-launcher .hdc-chat-av{ width: 30px; height: 30px; font-size: 11px; }
.hdc-chat-sz-l .hdc-chat-dock--avatar .hdc-chat-launcher .hdc-chat-av{ width: 40px; height: 40px; font-size: 13px; }
.hdc-chat-dock--avatar .hdc-chat-launcher:hover .hdc-chat-av{ --hdc-chat-ring: var(--hdc-chat-accent-hover, var(--hdc-primary-fill-hover)); }
.hdc-chat-dock--avatar .hdc-chat-launcher__dot{ display: none; }
.hdc-chat-dock--avatar .hdc-chat-launcher .hdc-chat-avs{ position: relative; }
.hdc-chat-dock--avatar .hdc-chat-launcher .hdc-chat-avs::after{
  content: ""; position: absolute; bottom: -1px; inset-inline-end: -2px; width: 11px; height: 11px; border-radius: 50%;
  background: var(--hdc-gray-400); box-shadow: 0 0 0 2px var(--hdc-chat-accent, var(--hdc-primary-fill));
}
.hdc-chat-dock--avatar .hdc-chat-launcher:has(.hdc-chat-launcher__dot.is-online) .hdc-chat-avs::after{ background: #3ddc84; }
.hdc-chat-dock--avatar .hdc-chat-launcher:hover .hdc-chat-avs::after{ box-shadow: 0 0 0 2px var(--hdc-chat-accent-hover, var(--hdc-primary-fill-hover)); }
.hdc-chat-dock--tab{ top: 50%; bottom: auto; inset-inline-end: 0; flex-direction: row; align-items: center; transform: translateY(-50%); }
.hdc-chat-dock--tab.hdc-chat-dock--left{ inset-inline-start: 0; flex-direction: row-reverse; }
.hdc-chat-dock--tab .hdc-chat-launcher{
  writing-mode: vertical-rl; flex-direction: row; gap: .6rem; width: calc(var(--hdc-chat-l, 52px) * .82); min-width: 0; height: auto; min-height: 132px;
  padding: 16px 0; border-radius: 16px 0 0 16px; animation-name: hdc-chat-tab-in;
}
.hdc-chat-dock--tab .hdc-chat-launcher > .hdc-i{ --hdc-i: 20px; }
.hdc-chat-dock--tab .hdc-chat-launcher:hover{ transform: translateX(-3px); }
.hdc-chat-dock--tab .hdc-chat-launcher__label{ max-width: none; max-height: 22ch; }
.hdc-chat-dock--tab .hdc-chat-launcher__dot{ inset: 10px auto auto 8px; }
.hdc-chat-dock--tab .hdc-chat-launcher__badge{ inset: -8px auto auto -8px; }
.hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher__dot{ inset: 10px 8px auto auto; }
.hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher__badge{ inset: -8px -8px auto auto; }
[dir="rtl"] .hdc-chat-dock--tab .hdc-chat-launcher__dot{ inset: 10px 8px auto auto; }
[dir="rtl"] .hdc-chat-dock--tab .hdc-chat-launcher__badge{ inset: -8px -8px auto auto; }
[dir="rtl"] .hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher__dot{ inset: 10px auto auto 8px; }
[dir="rtl"] .hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher__badge{ inset: -8px auto auto -8px; }
[dir="rtl"] .hdc-chat-dock--tab .hdc-chat-launcher, .hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher{ border-radius: 0 16px 16px 0; }
[dir="rtl"] .hdc-chat-dock--tab .hdc-chat-launcher:hover, .hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher:hover{ transform: translateX(3px); }
[dir="rtl"] .hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher{ border-radius: 16px 0 0 16px; }
[dir="rtl"] .hdc-chat-dock--tab.hdc-chat-dock--left .hdc-chat-launcher:hover{ transform: translateX(-3px); }
.hdc-chat-dock--tab .hdc-chat-launcher.is-open{ display: none; }
.hdc-chat-dock--tab .hdc-chat-greet{ border-radius: 20px; }
.hdc-chat-launcher.is-open{ width: var(--hdc-chat-l, 52px); padding: 0; }
.hdc-chat-launcher.is-open > .hdc-i{ display: inline-block; }
.hdc-chat-launcher.is-open .hdc-chat-launcher__label, .hdc-chat-launcher.is-open .hdc-chat-launcher__dot, .hdc-chat-launcher.is-open .hdc-chat-avs{
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.hdc-chat-launcher.is-open:hover > .hdc-i{ transform: translateY(2px); }
.hdc-chat-dock--att-pulse.is-attn .hdc-chat-launcher::after{
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  box-shadow: 0 0 0 0 rgba(0, 113, 188, .45); animation: hdc-chat-ring 1.6s var(--hdc-ease) 1.4s 2 both;
}
.hdc-chat-dock--custom.hdc-chat-dock--att-pulse.is-attn .hdc-chat-launcher::after{ color: var(--hdc-chat-accent); animation-name: hdc-chat-ring-c; }
.hdc-chat-dock--att-wiggle.is-attn .hdc-chat-launcher{ animation: hdc-chat-in .5s var(--hdc-ease-spring) both, hdc-chat-wiggle .9s var(--hdc-ease) 1.6s 1 both; }
.hdc-chat-dock--tab.hdc-chat-dock--att-wiggle.is-attn .hdc-chat-launcher{ animation: hdc-chat-tab-in .5s var(--hdc-ease-spring) both, hdc-chat-nudge .9s var(--hdc-ease) 1.6s 1 both; }
.hdc-chat-dock.is-away > .hdc-chat-launcher:not(.is-open):not(.has-unread), .hdc-chat-dock.is-away > .hdc-chat-greet{ display: none; }
.hdc-chat-greet{
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 12px;
  width: max-content; max-width: min(300px, calc(100vw - 32px)); padding: 14px 40px 14px 14px; padding-inline: 14px 40px;
  border: 1px solid var(--hdc-border); border-radius: 20px 20px 6px 20px; background: var(--hdc-surface-raised); color: var(--hdc-text);
  box-shadow: var(--hdc-shadow-lg); cursor: pointer; transform-origin: bottom right;
  animation: hdc-chat-greet .55s var(--hdc-ease-spring) both;
}
[dir="rtl"] .hdc-chat-greet{ border-radius: 20px 20px 20px 6px; transform-origin: bottom left; }
.hdc-chat-dock--left .hdc-chat-greet{ border-radius: 20px 20px 20px 6px; transform-origin: bottom left; }
[dir="rtl"] .hdc-chat-dock--left .hdc-chat-greet{ border-radius: 20px 20px 6px 20px; transform-origin: bottom right; }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.hdc-chat-greet{ background: rgba(255, 255, 255, .95); -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px); }
[data-theme="dark"] .hdc-chat-greet{ background: rgba(14, 29, 51, .92); }}
.hdc-chat-greet:hover{ border-color: var(--hdc-border-strong); }
.hdc-chat-greet > .hdc-chat-avs{ grid-row: span 3; align-self: start; }
.hdc-chat-greet:not(:has(.hdc-chat-avs)){ grid-template-columns: minmax(0, 1fr); }
.hdc-chat-greet .hdc-chat-av{ width: 36px; height: 36px; font-size: 13px; }
.hdc-chat-greet .hdc-chat-av + .hdc-chat-av{ margin-inline-start: -12px; }
.hdc-chat-greet__text{
  display: block; grid-column: -2; margin: 0; padding: 0; border: 0; background: none; color: var(--hdc-heading);
  font: 500 var(--hdc-fs-sm)/1.45 var(--hdc-font-sans); text-align: start; overflow-wrap: anywhere; cursor: pointer;
}
.hdc-chat-greet__text:focus-visible{ outline: none; border-radius: 6px; box-shadow: var(--hdc-focus-ring); }
.hdc-chat-greet__title{ grid-column: -2; color: var(--hdc-heading); font: 650 var(--hdc-fs-sm)/1.25 var(--hdc-font-sans); }
.hdc-chat-greet__sub{ display: flex; align-items: center; gap: 6px; grid-column: -2; color: var(--hdc-text-2); font-size: var(--hdc-fs-xs); line-height: 1.3; }
.hdc-chat-greet__led{ flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--hdc-gray-400); }
.hdc-chat-greet__led.is-online{ background: #12b76a; box-shadow: 0 0 0 3px rgba(18, 183, 106, .18); }
.hdc-chat-greet__x{
  --hdc-i: 14px;
  position: absolute; top: 8px; inset-inline-end: 8px; display: inline-grid; place-items: center; width: 26px; height: 26px; padding: 0;
  border: 0; border-radius: 50%; background: none; color: var(--hdc-text-3); cursor: pointer; transition: color var(--hdc-dur-1), transform var(--hdc-dur-1);
}
.hdc-chat-greet__x:hover{ color: var(--hdc-heading); transform: rotate(90deg); }
.hdc-chat-greet__x:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-chat-greet--card{
  grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2px 12px; width: min(320px, calc(100vw - 32px)); max-width: none;
  padding: 18px 18px 16px; border-radius: 22px; cursor: default;
}
.hdc-chat-greet--card > .hdc-chat-avs{ grid-row: span 2; align-self: center; }
.hdc-chat-greet--card .hdc-chat-av{ width: 40px; height: 40px; font-size: 14px; }
.hdc-chat-greet--card .hdc-chat-greet__title{ padding-inline-end: 22px; }
.hdc-chat-greet--card .hdc-chat-greet__text{ grid-column: 1 / -1; margin: 12px 0 14px; color: var(--hdc-text); font-weight: 400; line-height: 1.55; cursor: default; }
.hdc-chat-greet--card .hdc-chat-greet__cta{
  --hdc-i: 18px; --hdc-btn-bg: var(--hdc-chat-accent, var(--hdc-primary-fill)); --hdc-btn-fg: var(--hdc-chat-on, var(--hdc-on-primary));
  --hdc-btn-bg-hover: var(--hdc-chat-accent-hover, var(--hdc-primary-fill-hover));
  grid-column: 1 / -1; gap: .5rem; border-radius: 999px;
}
.hdc-chat-greet--card .hdc-chat-greet__cta .hdc-i{ flex: none; }
.hdc-chat-greet--card:not(:has(.hdc-chat-avs)) .hdc-chat-greet__title, .hdc-chat-greet--card:not(:has(.hdc-chat-avs)) .hdc-chat-greet__sub{ grid-column: 1 / -1; }
.hdc-chat-teaser{
  width: min(320px, calc(100vw - 40px)); padding: 14px 16px 12px; border: 1px solid var(--hdc-border);
  border-radius: 20px 20px 6px 20px; background: var(--hdc-surface-raised); color: var(--hdc-text); box-shadow: var(--hdc-shadow-lg);
  animation: hdc-chat-greet .5s var(--hdc-ease-spring) both;
}
[dir="rtl"] .hdc-chat-teaser, .hdc-chat-dock--left .hdc-chat-teaser{ border-radius: 20px 20px 20px 6px; }
.hdc-chat-teaser__name{ display: block; margin-bottom: 4px; font: 600 var(--hdc-fs-xs)/1.3 var(--hdc-font-sans); color: var(--hdc-text-2); }
.hdc-chat-teaser__text{ margin: 0 0 10px; font-size: var(--hdc-fs-sm); line-height: 1.5; color: var(--hdc-heading); overflow-wrap: anywhere; }
.hdc-chat-teaser__actions{ display: flex; gap: .5rem; }
.hdc-bottomnav.hdc-bottomnav--chat{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
.hdc-bottomnav__item--chat{ position: relative; }
.hdc-bottomnav__badge{
  position: absolute; top: 1px; inset-inline-start: calc(50% + 4px); min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px;
  background: var(--hdc-danger); color: #fff; font: 700 10px/17px var(--hdc-font-sans); text-align: center; box-shadow: 0 0 0 2px var(--hdc-surface);
}
.hdc-bottomnav__badge[hidden]{ display: none; }
.hdc-has-chat .hdc-to-top{ bottom: calc(var(--hdc-chat-y, 20px) + var(--hdc-chat-l, 52px) + 16px + env(safe-area-inset-bottom, 0px)); }
.hdc-has-chat .hdc-toasts{ bottom: calc(var(--hdc-chat-y, 20px) + var(--hdc-chat-l, 52px) + 16px + env(safe-area-inset-bottom, 0px)); }
.hdc-has-chat .hdc-footer, .hdc-has-chat .hdc-app__footer{ padding-bottom: calc(var(--hdc-chat-y, 20px) + var(--hdc-chat-l, 52px) + 12px + env(safe-area-inset-bottom, 0px)); }
.hdc-chat-at-left .hdc-to-top, .hdc-chat-is-tab .hdc-to-top{ bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
.hdc-chat-is-tab .hdc-toasts{ bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
.hdc-chat-is-tab .hdc-footer, .hdc-chat-is-tab .hdc-app__footer{ padding-bottom: 0; }
@media (min-width: 601px){.hdc-chat-open .hdc-toasts{ inset-inline-end: auto; inset-inline-start: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
.hdc-chat-open.hdc-chat-at-left .hdc-toasts{ inset-inline-start: auto; inset-inline-end: 16px; }}
@media (max-width: 600px){.hdc-chat-dock{ inset-inline-end: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
.hdc-chat-dock--left{ inset-inline-end: auto; inset-inline-start: 16px; }
.hdc-chat-greet{ max-width: calc(100vw - 32px); }
.hdc-chat-dock--mob-compact{ --hdc-chat-l: 56px; top: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); flex-direction: column; transform: none; }
.hdc-chat-dock--mob-compact.hdc-chat-dock--tab{ inset-inline-end: 16px; }
.hdc-chat-dock--mob-compact.hdc-chat-dock--tab.hdc-chat-dock--left{ inset-inline-start: 16px; }
.hdc-chat-dock--mob-compact .hdc-chat-launcher{
    writing-mode: horizontal-tb; width: 56px; min-width: 56px; height: 56px; min-height: 0; padding: 0; border-radius: 50%; animation-name: hdc-chat-in;
  }
.hdc-chat-dock--mob-compact .hdc-chat-launcher > .hdc-i{ display: inline-block; --hdc-i: 26px; }
.hdc-chat-dock--mob-compact .hdc-chat-launcher .hdc-chat-avs, .hdc-chat-dock--mob-compact .hdc-chat-launcher__label{
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
  }
.hdc-chat-dock.hdc-chat-dock--mob-compact .hdc-chat-launcher__dot{ inset: 3px auto auto auto; inset-inline-end: 3px; display: block; }
.hdc-chat-dock.hdc-chat-dock--mob-compact .hdc-chat-launcher__badge{ inset: -6px auto auto auto; inset-inline-end: -4px; }
.hdc-chat-dock.hdc-chat-dock--mob-compact .hdc-chat-avs::after{ display: none; }
.hdc-chat-dock--mob-compact .hdc-chat-launcher:hover{ transform: none; }
.hdc-chat-dock--mob-compact .hdc-chat-greet:not(.hdc-chat-greet--card){ display: none; }
.hdc-chat-dock--mob-compact .hdc-chat-greet--card{ width: calc(100vw - 32px); }
.hdc-chat-dock--mob-hidden .hdc-chat-launcher:not(.has-unread), .hdc-chat-dock--mob-hidden .hdc-chat-greet{ display: none; }
.hdc-chat-dock--mob-same.hdc-chat-dock--tab{ top: auto; bottom: 30%; transform: none; }
.hdc-chat-open .hdc-chat-dock{ display: none; }
.hdc-chat-open .hdc-toasts{ top: calc(12px + env(safe-area-inset-top, 0px)); bottom: auto; }
.hdc-has-chat .hdc-to-top{ bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
.hdc-has-chat .hdc-toasts{ bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
.hdc-has-chat .hdc-footer, .hdc-has-chat .hdc-app__footer{ padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }}
@media (max-width: 767.98px){.hdc-layout-client .hdc-chat-launcher{ display: none; }
.hdc-layout-client .hdc-chat-greet{ display: none; }
.hdc-layout-client .hdc-chat-dock{ top: auto; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); transform: none; }
.hdc-has-chat .hdc-layout-client .hdc-toasts{ bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
.hdc-has-chat .hdc-layout-client .hdc-app__footer{ padding-bottom: 0; }}
@keyframes hdc-chat-in { from { opacity: 0; transform: translateY(16px) scale(.86); } to { opacity: 1; transform: none; } }
@keyframes hdc-chat-tab-in { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@keyframes hdc-chat-pop { from { opacity: 0; transform: translateY(6px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes hdc-chat-greet { 0% { opacity: 0; transform: translateY(12px) scale(.86); } 100% { opacity: 1; transform: none; } }
@keyframes hdc-chat-ring { 0% { box-shadow: 0 0 0 0 rgba(0, 113, 188, .5); } 80%, 100% { box-shadow: 0 0 0 16px rgba(0, 113, 188, 0); } }
@keyframes hdc-chat-ring-c { 0% { box-shadow: 0 0 0 0 currentColor; opacity: .55; } 80%, 100% { box-shadow: 0 0 0 16px currentColor; opacity: 0; } }
@keyframes hdc-chat-wiggle { 0%, 100% { transform: none; } 15% { transform: rotate(-9deg) scale(1.04); } 30% { transform: rotate(7deg) scale(1.04); } 45% { transform: rotate(-5deg); } 60% { transform: rotate(3deg); } 75% { transform: rotate(-1deg); } }
@keyframes hdc-chat-nudge { 0%, 100% { transform: none; } 20% { transform: translateX(-8px); } 40% { transform: translateX(0); } 60% { transform: translateX(-5px); } 80% { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce){.hdc-chat-launcher, .hdc-chat-launcher::after, .hdc-chat-launcher__badge, .hdc-chat-teaser, .hdc-chat-greet, .hdc-chat-launcher > .hdc-i{ animation: none !important; transition: none; }
.hdc-chat-launcher:hover, .hdc-chat-launcher:hover > .hdc-i, .hdc-chat-greet__x:hover{ transform: none; }}
@media print{.hdc-chat-dock, .hdc-chat{ display: none !important; }}
/* ===== part: consent.css ===== */
/* ==========================================================================
   AN1 — cookie consent banner, preferences dialog, "Cookie settings" links and the cookie-table block
   (includes/hdc-consent.tpl, js/hdc-consent.js, blocks/cookie-table). Tokens only: light and dark mode follow the
   theme; logical properties only (RTL). "Accept all" and "Reject all" always share one style and size.
   ========================================================================== */
.hdc-consent[hidden], .hdc-consent__banner[hidden], [data-hdc-consent-open][hidden], [data-hdc-consent-show][hidden]{ display: none !important; }
.hdc-consent__banner{
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 1080;
  padding: 0 0 max(.75rem, env(safe-area-inset-bottom));
  pointer-events: none;
}
.hdc-consent__inner{
  pointer-events: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem 1.5rem;
  margin-inline: auto;
  width: min(1120px, calc(100% - 1.5rem));
  padding: 1.15rem 1.35rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-xl);
  background: var(--hdc-surface-raised);
  color: var(--hdc-text);
  box-shadow: var(--hdc-shadow-lg);
}
.hdc-consent__title{
  margin: 0 0 .3rem;
  font-size: var(--hdc-fs-md);
  line-height: var(--hdc-lh-heading);
  color: var(--hdc-heading);
}
.hdc-consent__text{
  margin: 0;
  font-size: var(--hdc-fs-sm);
  line-height: var(--hdc-lh-body);
  color: var(--hdc-text-2);
}
.hdc-consent__text a, .hdc-consent__policy{ color: var(--hdc-link); text-decoration: underline; text-underline-offset: 2px; }
.hdc-consent__policy{ display: inline-block; margin-block-start: .35rem; font-size: var(--hdc-fs-sm); }
.hdc-consent__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem;
}
.hdc-consent__choice{ min-width: 9.5rem; }
.hdc-consent__more{ min-width: 0; }
@media (max-width: 760px){.hdc-consent__inner{ grid-template-columns: minmax(0, 1fr); padding: 1rem; }
.hdc-consent__actions{ justify-content: stretch; }
.hdc-consent__choice{ flex: 1 1 8rem; min-width: 0; }
.hdc-consent__more{ flex: 1 1 100%; }}
.hdc-consent-dialog{ padding: 0; }
dialog.hdc-consent-dialog[open]{ display: flex; flex-direction: column; overflow: hidden; }
.hdc-consent-dialog .hdc-dialog__header, .hdc-consent-dialog .hdc-dialog__footer{ flex: 0 0 auto; }
.hdc-consent-dialog .hdc-dialog__body{ flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.hdc-consent-dialog__close{
  display: inline-grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: var(--hdc-r-sm);
  background: transparent;
  color: var(--hdc-text-2);
  cursor: pointer;
}
.hdc-consent-dialog__close:hover{ background: var(--hdc-bg-muted); color: var(--hdc-heading); }
.hdc-consent-dialog__close:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-consent-dialog__lead{ margin: 0 0 1rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-consent__note{
  margin: 0 0 1rem;
  padding: .7rem .9rem;
  border-radius: var(--hdc-r-md);
  background: var(--hdc-info-soft);
  color: var(--hdc-info-text);
  font-size: var(--hdc-fs-sm);
}
.hdc-consent__cats{ list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.hdc-consent__cat{
  padding: .9rem 1rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
}
.hdc-consent__cat-head{ display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.hdc-consent__cat-name{ font-weight: 650; color: var(--hdc-heading); }
.hdc-consent__always{ font-size: var(--hdc-fs-xs); color: var(--hdc-success-text); font-weight: 600; white-space: nowrap; }
.hdc-consent__cat-desc{ margin: .45rem 0 0; font-size: var(--hdc-fs-sm); color: var(--hdc-text-2); }
.hdc-consent__cat details{ margin-block-start: .6rem; }
.hdc-consent__cat summary{
  cursor: pointer;
  font-size: var(--hdc-fs-sm);
  font-weight: 600;
  color: var(--hdc-link);
  width: fit-content;
  border-radius: var(--hdc-r-xs);
}
.hdc-consent__cat summary:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-consent__cookies{ margin-block-start: .5rem; font-size: var(--hdc-fs-xs); }
.hdc-consent__cookies th, .hdc-consent__cookies td{ padding: .4rem .55rem; vertical-align: top; }
.hdc-consent__cookies code{ font-size: inherit; white-space: nowrap; }
.hdc-consent__empty{ margin: .5rem 0 0; font-size: var(--hdc-fs-xs); color: var(--hdc-text-3); }
.hdc-consent__id{ margin: 1rem 0 0; font-size: var(--hdc-fs-xs); color: var(--hdc-text-3); }
.hdc-consent__id code{ font-family: var(--hdc-font-mono); }
.hdc-consent-dialog__footer{ flex-wrap: wrap; }
@media (max-width: 560px){.hdc-consent-dialog__footer .hdc-btn{ flex: 1 1 100%; }}
.hdc-consent-link{
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  cursor: pointer;
}
.hdc-consent-link:hover{ text-decoration: underline; }
.hdc-consent-link:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); border-radius: var(--hdc-r-xs); }
.hdc-footer__legal .hdc-consent-link{ color: var(--hdc-text-3); }
.hdc-footer__legal .hdc-consent-link:hover{ color: var(--hdc-heading); text-decoration: none; }
.hdc-app__footer .hdc-consent-link, .hdc-auth__foot .hdc-consent-link{ color: var(--hdc-text-2); }
@media (prefers-reduced-motion: no-preference){.hdc-consent__banner:not([hidden]) .hdc-consent__inner{ animation: hdc-consent-in var(--hdc-dur-3) var(--hdc-ease); }}
@keyframes hdc-consent-in { from { transform: translateY(12px); opacity: 0; } to { transform: none; opacity: 1; } }
@media print{.hdc-consent, .hdc-consent__banner, .hdc-consent-dialog, .hdc-consent-link{ display: none !important; }}
/* ===== part: d2-sections.css ===== */
/* ==========================================================================
   DX1 — Design 2.0 section layer (docs/DESIGN-2.md). Everything here is opt-in: it styles the classes that the new
   block settings print (style/layout values, _bg backdrops, visuals). Blocks left on their defaults keep their look.
   Tokens and logical properties only; light, dark (data-theme), night and brand scopes; reduced motion respected.
   ========================================================================== */
.d2-tone--primary{ --d2-tone: #0071bc; --d2-tone-2: #22c3ee; --d2-tone-text: #005c9a; }
.d2-tone--accent{ --d2-tone: #0891b2; --d2-tone-2: #22c3ee; --d2-tone-text: #0e7490; }
.d2-tone--ai{ --d2-tone: #054a7c; --d2-tone-2: #3b95d6; --d2-tone-text: #054a7c; }
.d2-tone--success{ --d2-tone: #0f80c8; --d2-tone-2: #22c3ee; --d2-tone-text: #005c9a; }
.d2-tone--warning{ --d2-tone: #005c9a; --d2-tone-2: #3b95d6; --d2-tone-text: #054a7c; }
.d2-tone--ink{ --d2-tone: #1d2533; --d2-tone-2: #4b5a6e; --d2-tone-text: #344255; }
:root[data-theme="dark"] .d2-tone--primary, .hdc-night .d2-tone--primary{ --d2-tone: #1b77b9; --d2-tone-2: #4fd1f7; --d2-tone-text: #7cc2f3; }
:root[data-theme="dark"] .d2-tone--accent, .hdc-night .d2-tone--accent{ --d2-tone: #0e7490; --d2-tone-2: #4fd1f7; --d2-tone-text: #84def6; }
:root[data-theme="dark"] .d2-tone--ai, .hdc-night .d2-tone--ai{ --d2-tone: #0f80c8; --d2-tone-2: #74b6e6; --d2-tone-text: #acd4f1; }
:root[data-theme="dark"] .d2-tone--success, .hdc-night .d2-tone--success{ --d2-tone: #1b77b9; --d2-tone-2: #4fd1f7; --d2-tone-text: #84def6; }
:root[data-theme="dark"] .d2-tone--warning, .hdc-night .d2-tone--warning{ --d2-tone: #0f80c8; --d2-tone-2: #74b6e6; --d2-tone-text: #acd4f1; }
:root[data-theme="dark"] .d2-tone--ink, .hdc-night .d2-tone--ink{ --d2-tone: #344255; --d2-tone-2: #66768b; --d2-tone-text: #c3cedb; }
.d2-icon{
  --d2-size: 48px;
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: none;
  width: var(--d2-size);
  height: var(--d2-size);
  background: none;
  color: var(--d2-tone-text, var(--hdc-primary-text));
  box-shadow: none;
}
.d2-icon .hdc-i{ --hdc-i: calc(var(--d2-size) * .66); stroke-width: 1.9; }
.d2-icon--sm{ --d2-size: 38px; }
.d2-icon--xl{ --d2-size: 64px; }
.hdc-brand .d2-icon{ color: var(--hdc-heading); }
.hdc-night .d2-icon, :root[data-theme="dark"] .d2-stats--band .d2-icon, :root[data-theme="dark"] .hdc-emph .d2-icon{ color: color-mix(in srgb, var(--d2-tone-2, #22c3ee) 80%, #fff); }
.hdc-bg{
  --d2-glow-1: rgba(0, 113, 188, .14);
  --d2-glow-2: rgba(34, 195, 238, .13);
  --d2-glow-3: rgba(34, 195, 238, .10);
  --d2-pattern: rgba(0, 113, 188, .16);
  isolation: isolate;
}
:root[data-theme="dark"] .hdc-bg, .hdc-bg.hdc-night, .hdc-night .hdc-bg{
  --d2-glow-1: rgba(43, 149, 224, .22);
  --d2-glow-2: rgba(34, 195, 238, .15);
  --d2-glow-3: rgba(34, 195, 238, .16);
  --d2-pattern: rgba(120, 170, 230, .2);
}
.hdc-bg.hdc-brand{ --d2-glow-1: rgba(255, 255, 255, .14); --d2-glow-2: rgba(34, 195, 238, .3); --d2-glow-3: rgba(116, 182, 230, .30); --d2-pattern: rgba(255, 255, 255, .18); }
.hdc-bg::before{ content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.hdc-bg > .hdc-container{ position: relative; }
.hdc-bg--aurora::before{
  background:
    radial-gradient(42% 60% at 6% 0%, var(--d2-glow-1), transparent 72%),
    radial-gradient(36% 52% at 94% 4%, var(--d2-glow-2), transparent 72%),
    radial-gradient(48% 46% at 62% 104%, var(--d2-glow-3), transparent 74%);
}
.hdc-bg--mesh::before{
  background:
    radial-gradient(at 6% 10%, var(--d2-glow-1) 0, transparent 46%),
    radial-gradient(at 94% 6%, var(--d2-glow-3) 0, transparent 42%),
    radial-gradient(at 78% 92%, var(--d2-glow-2) 0, transparent 46%),
    radial-gradient(at 18% 88%, var(--d2-glow-3) 0, transparent 40%),
    radial-gradient(at 50% 50%, color-mix(in srgb, var(--d2-glow-2) 50%, transparent) 0, transparent 60%);
}
.hdc-bg--grid::before{
  background-image: linear-gradient(var(--hdc-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hdc-grid-line) 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: center top;
  -webkit-mask-image: radial-gradient(85% 75% at 50% 0%, #000 0%, transparent 78%);
  mask-image: radial-gradient(85% 75% at 50% 0%, #000 0%, transparent 78%);
}
.hdc-bg--dots::before{
  background-image: radial-gradient(var(--d2-pattern) 1.1px, transparent 1.5px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(75% 70% at 50% 40%, #000 10%, transparent 80%);
  mask-image: radial-gradient(75% 70% at 50% 40%, #000 10%, transparent 80%);
}
.hdc-bg--glow::before{
  background: radial-gradient(48% 62% at 50% -6%, var(--d2-glow-1), transparent 72%), radial-gradient(30% 40% at 50% 0%, var(--d2-glow-2), transparent 70%);
}
.hdc-bg--circuit::before{
  background: var(--d2-pattern);
  opacity: .55;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M0 40h60l20 20h60l20-20h80M0 120h30l20-20h50l20 20h120M40 240v-60l20-20v-40M140 0v50l20 20v60l-20 20v90M200 240v-50l-20-20h-40'/%3E%3Ccircle cx='80' cy='60' r='3' fill='%23000'/%3E%3Ccircle cx='160' cy='40' r='3' fill='%23000'/%3E%3Ccircle cx='50' cy='100' r='3' fill='%23000'/%3E%3Ccircle cx='60' cy='160' r='3' fill='%23000'/%3E%3Ccircle cx='160' cy='70' r='3' fill='%23000'/%3E%3Ccircle cx='140' cy='170' r='3' fill='%23000'/%3E%3C/svg%3E"), radial-gradient(80% 80% at 50% 40%, #000 10%, transparent 80%);
  -webkit-mask-composite: source-in;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M0 40h60l20 20h60l20-20h80M0 120h30l20-20h50l20 20h120M40 240v-60l20-20v-40M140 0v50l20 20v60l-20 20v90M200 240v-50l-20-20h-40'/%3E%3Ccircle cx='80' cy='60' r='3' fill='%23000'/%3E%3Ccircle cx='160' cy='40' r='3' fill='%23000'/%3E%3Ccircle cx='50' cy='100' r='3' fill='%23000'/%3E%3Ccircle cx='60' cy='160' r='3' fill='%23000'/%3E%3Ccircle cx='160' cy='70' r='3' fill='%23000'/%3E%3Ccircle cx='140' cy='170' r='3' fill='%23000'/%3E%3C/svg%3E"), radial-gradient(80% 80% at 50% 40%, #000 10%, transparent 80%);
  mask-composite: intersect;
  -webkit-mask-size: 240px 240px, 100% 100%;
  mask-size: 240px 240px, 100% 100%;
}
.hdc-bg--beams::before{
  background:
    linear-gradient(115deg, transparent 0 38%, color-mix(in srgb, var(--d2-glow-2) 90%, transparent) 46%, transparent 54%),
    linear-gradient(115deg, transparent 0 58%, color-mix(in srgb, var(--d2-glow-3) 80%, transparent) 64%, transparent 70%),
    radial-gradient(40% 60% at 90% 0%, var(--d2-glow-1), transparent 72%);
}
@media (forced-colors: active){.hdc-bg::before{ display: none; }}
.d2-bento--elevated .hdc-bento__card,
.hdc-bento .d2-bento__card{
  display: flex;
  flex-direction: column;
  gap: .65rem;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 16px 40px -22px rgba(15, 33, 58, .25);
  transition: transform var(--hdc-dur-3) var(--hdc-ease), box-shadow var(--hdc-dur-3) var(--hdc-ease);
}
.d2-bento--elevated .hdc-bento__card:hover{ transform: translateY(-3px); box-shadow: 0 26px 52px -24px color-mix(in srgb, var(--d2-tone, var(--hdc-primary)) 45%, rgba(15, 33, 58, .45)); }
.hdc-bento .d2-bento__card > .d2-icon{ margin-bottom: .35rem; }
.hdc-bento .d2-bento__card h3{ margin: 0; }
.hdc-bento .d2-bento__card p{ margin: 0; }
.hdc-bento .d2-bento__card .hdc-b-bento__link{ margin-top: .25rem; }
.hdc-bento .d2-bento__card--aurora{
  border-color: color-mix(in srgb, var(--hdc-primary) 40%, var(--hdc-border));
  background:
    radial-gradient(70% 60% at 100% 0%, rgba(0, 113, 188, .14), transparent 65%),
    radial-gradient(60% 60% at 0% 100%, rgba(34, 195, 238, .12), transparent 65%),
    var(--hdc-surface);
}
:root[data-theme="dark"] .hdc-bento .d2-bento__card--aurora, .hdc-night .hdc-bento .d2-bento__card--aurora{
  border-color: rgba(148, 170, 200, .16);
  background:
    radial-gradient(70% 60% at 100% 0%, rgba(43, 149, 224, .32), transparent 65%),
    radial-gradient(60% 60% at 0% 100%, rgba(34, 195, 238, .18), transparent 65%),
    linear-gradient(160deg, var(--hdc-night-800), var(--hdc-night-900));
}
.hdc-bento .d2-bento__card--mesh{
  background:
    radial-gradient(at 0% 0%, color-mix(in srgb, var(--hdc-primary) 14%, transparent) 0, transparent 55%),
    radial-gradient(at 100% 100%, color-mix(in srgb, var(--hdc-cyan-400) 12%, transparent) 0, transparent 50%),
    var(--hdc-surface);
}
.hdc-bento .d2-bento__card.has-visual{ padding-bottom: 0; overflow: hidden; }
@media (min-width: 900px){.hdc-bento > .d2-bento__card.has-visual.hdc-bento--4,
  .hdc-bento > .d2-bento__card.has-visual.hdc-b-bento__card--full{
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    grid-auto-rows: min-content;
    column-gap: 1.75rem;
    align-content: start;
  }
.hdc-bento > .d2-bento__card.has-visual.hdc-bento--4 > :not(.d2-bento__visual),
  .hdc-bento > .d2-bento__card.has-visual.hdc-b-bento__card--full > :not(.d2-bento__visual){ grid-column: 1; }
.hdc-bento > .d2-bento__card.has-visual.hdc-bento--4 > .d2-icon,
  .hdc-bento > .d2-bento__card.has-visual.hdc-b-bento__card--full > .d2-icon{ justify-self: start; }
.hdc-bento > .d2-bento__card.has-visual.hdc-bento--4 > .d2-bento__visual,
  .hdc-bento > .d2-bento__card.has-visual.hdc-b-bento__card--full > .d2-bento__visual{ grid-column: 2; grid-row: 1 / span 8; align-self: end; margin-top: 0; }}
.d2-bento__visual{ position: relative; margin-top: auto; padding-top: 1.25rem; margin-inline: -.25rem; }
.d2-bento__visual .d2-vis{ max-width: 100%; }
.d2-bento__visual .d2-win, .d2-bento__visual .d2-mig, .d2-bento__visual .d2-sec, .d2-bento__visual .d2-lic{ border-end-start-radius: 0; border-end-end-radius: 0; border-bottom: 0; }
.d2-bento__visual .d2-vis--rack, .d2-bento__visual .d2-vis--network{ padding-bottom: 1rem; }
.d2-bento__visual .d2-vis{ font-size: 12px; }
@media (min-width: 900px){.hdc-bento > .d2-bento__card.has-visual.hdc-bento--2 .d2-vis{ font-size: 11px; }}
.d2-bento__visual{ container-type: inline-size; align-self: stretch; }
.d2-split{ align-items: center; }
.d2-split .hdc-split-feature__media.d2-stage{ padding-block: 1.5rem; }
.d2-stage--framed{ padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) !important; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-2xl); background: radial-gradient(80% 80% at 100% 0%, var(--hdc-primary-soft) 0%, transparent 70%), var(--hdc-bg-soft); }
.d2-stage--framed::before{ display: none; }
.d2-media--glow{ position: relative; }
.d2-media--glow::before{ content: ""; position: absolute; inset: 8% 6%; z-index: -1; border-radius: 40%; background: radial-gradient(closest-side, color-mix(in srgb, var(--hdc-primary) 24%, transparent), transparent); filter: blur(24px); }
.d2-split .hdc-checklist{ margin: 1.25rem 0 1.75rem; }
.d2-step{ position: relative; }
.d2-step__icon{ position: absolute; top: 1.5rem; inset-inline-end: 1.5rem; }
.d2-steps--timeline{ --d2-node: 46px; gap: 1.25rem; }
.d2-steps--timeline .hdc-step{ padding: 0; border: 0; background: none; }
.d2-steps--timeline .hdc-step::before{
  position: relative;
  z-index: 1;
  width: var(--d2-node);
  height: var(--d2-node);
  margin-bottom: 1.1rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--d2-tone, var(--hdc-primary)), var(--d2-tone-2, var(--hdc-accent)));
  color: #fff;
  box-shadow: 0 0 0 6px var(--hdc-bg), 0 12px 26px -12px var(--d2-tone, var(--hdc-primary));
}
.hdc-section--soft .d2-steps--timeline .hdc-step::before{ box-shadow: 0 0 0 6px var(--hdc-bg-soft), 0 12px 26px -12px var(--d2-tone, var(--hdc-primary)); }
.hdc-night .d2-steps--timeline .hdc-step::before, :root[data-theme="dark"] .hdc-emph .d2-steps--timeline .hdc-step::before{ box-shadow: 0 0 0 6px var(--hdc-bg), 0 12px 26px -12px var(--d2-tone, var(--hdc-primary)); }
.d2-steps--timeline .d2-step__icon{ position: static; display: none; }
.d2-steps--timeline .hdc-step h3{ margin-bottom: .4rem; }
.d2-steps--timeline .hdc-step::after{
  content: "";
  position: absolute;
  top: calc(var(--d2-node) / 2 - 1px);
  inset-inline-start: calc(var(--d2-node) + 10px);
  inset-inline-end: -10px;
  height: 2px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--d2-tone, var(--hdc-primary)) 55%, transparent), var(--hdc-border));
}
[dir="rtl"] .d2-steps--timeline .hdc-step::after{ background: linear-gradient(-90deg, color-mix(in srgb, var(--d2-tone, var(--hdc-primary)) 55%, transparent), var(--hdc-border)); }
.d2-steps--timeline .hdc-step:last-child::after{ display: none; }
@media (min-width: 900px){.d2-steps--timeline[data-count]{ grid-template-columns: repeat(var(--d2-cols, 4), minmax(0, 1fr)); }
.d2-steps--timeline[data-count="2"]{ --d2-cols: 2; }
.d2-steps--timeline[data-count="3"]{ --d2-cols: 3; }
.d2-steps--timeline[data-count="4"]{ --d2-cols: 4; }
.d2-steps--timeline[data-count="5"]{ --d2-cols: 5; }
.d2-steps--timeline[data-count="6"]{ --d2-cols: 3; }
.d2-steps--timeline[data-count="7"], .d2-steps--timeline[data-count="8"]{ --d2-cols: 4; }
.d2-steps--timeline[data-count="6"] .hdc-step:nth-child(3n)::after,
  .d2-steps--timeline[data-count="7"] .hdc-step:nth-child(4n)::after,
  .d2-steps--timeline[data-count="8"] .hdc-step:nth-child(4n)::after{ display: none; }}
@media (max-width: 899.98px){.d2-steps--timeline{ grid-template-columns: minmax(0, 1fr); gap: 0; }
.d2-steps--timeline .hdc-step{ display: grid; grid-template-columns: var(--d2-node) minmax(0, 1fr); column-gap: 1rem; padding-bottom: 1.5rem; }
.d2-steps--timeline .hdc-step::before{ grid-row: 1 / span 3; margin: 0; }
.d2-steps--timeline .hdc-step::after{ top: var(--d2-node); bottom: 0; inset-inline-start: calc(var(--d2-node) / 2 - 1px); inset-inline-end: auto; width: 2px; height: auto; background: linear-gradient(color-mix(in srgb, var(--d2-tone, var(--hdc-primary)) 55%, transparent), var(--hdc-border)); }
.d2-steps--timeline .hdc-step h3{ margin-top: .6rem; }}
.d2-steps--numbered{ gap: 1.5rem 2rem; }
.d2-steps--numbered .hdc-step{ padding: 0 0 0; border: 0; background: none; }
.d2-steps--numbered .hdc-step::before{
  display: block;
  width: auto;
  height: auto;
  margin-bottom: .75rem;
  border-radius: 0;
  background: linear-gradient(135deg, var(--d2-tone, var(--hdc-primary)), var(--d2-tone-2, var(--hdc-accent)));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font: 800 clamp(2.75rem, 2rem + 2vw, 3.75rem)/1 var(--hdc-font-sans);
  letter-spacing: -.04em;
}
.d2-steps--numbered .d2-step__icon{ top: .4rem; inset-inline-end: 0; }
.d2-stats--band{
  position: relative;
  overflow: hidden;
  gap: 0;
  padding: clamp(1.5rem, 1rem + 2vw, 2.75rem);
  border: 1px solid color-mix(in srgb, var(--hdc-primary) 18%, transparent);
  border-radius: var(--hdc-r-2xl);
  background:
    radial-gradient(60% 90% at 0% 0%, rgba(0, 113, 188, .14), transparent 60%),
    radial-gradient(50% 80% at 100% 100%, rgba(34, 195, 238, .14), transparent 60%),
    linear-gradient(160deg, var(--hdc-blue-50), #ffffff);
  box-shadow: 0 30px 70px -40px rgba(0, 113, 188, .35);
  --hdc-border: color-mix(in srgb, var(--hdc-primary) 16%, transparent);
}
:root[data-theme="dark"] .d2-stats--band, .hdc-night .d2-stats--band{
  border-color: transparent;
  background:
    radial-gradient(60% 90% at 0% 0%, rgba(43, 149, 224, .32), transparent 60%),
    radial-gradient(50% 80% at 100% 100%, rgba(34, 195, 238, .20), transparent 60%),
    linear-gradient(160deg, var(--hdc-night-800), var(--hdc-night-950));
  box-shadow: 0 30px 70px -36px rgba(6, 37, 65, .7);
  --hdc-heading: #f4f7fb;
  --hdc-text-2: #a5b3c6;
  --hdc-text-3: #8597ae;
  --hdc-border: rgba(148, 170, 200, .16);
  --hdc-primary-text: #7cc2f3;
}
.d2-stats--band .hdc-stat{ position: relative; display: grid; justify-items: start; gap: .2rem; padding: .75rem clamp(1rem, .6rem + 1vw, 1.75rem); }
.hdc-b-stats__grid--center.d2-stats--band .hdc-stat{ justify-items: center; }
.d2-stats--band .hdc-stat__value{
  background: linear-gradient(120deg, #0a5d9e 25%, #0071bc 60%, #0e9fd1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
:root[data-theme="dark"] .d2-stats--band .hdc-stat__value, .hdc-night .d2-stats--band .hdc-stat__value{ background-image: linear-gradient(120deg, #ffffff 30%, #9fd7fb 100%); }
.d2-stats--band .d2-stat__icon{ margin-bottom: .6rem; }
.d2-stats--tiles{ gap: 1rem; }
.d2-stats--tiles .hdc-stat{
  display: grid;
  justify-items: start;
  gap: .25rem;
  padding: 1.5rem;
  border: 1px solid var(--hdc-border);
  border-inline-start-width: 1px;
  border-radius: var(--hdc-r-xl);
  background: radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--d2-tone, var(--hdc-primary)) 8%, transparent), transparent 60%), var(--hdc-surface);
  box-shadow: var(--hdc-shadow-sm);
}
.d2-stats--tiles .hdc-stat:first-child{ border-inline-start: 1px solid var(--hdc-border); }
.d2-stats--tiles .d2-stat__icon{ margin-bottom: .6rem; }
@media (max-width: 640px){.d2-stats--tiles .hdc-stat{ border-top: 1px solid var(--hdc-border); }}
.d2-faq .d2-faq__list{ gap: .65rem; }
.d2-faq .d2-faq__list details{
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  transition: box-shadow var(--hdc-dur-2), border-color var(--hdc-dur-2);
}
.d2-faq .d2-faq__list details:hover{ border-color: var(--hdc-border-strong); }
.d2-faq .d2-faq__list details[open]{
  border-color: color-mix(in srgb, var(--hdc-primary) 40%, var(--hdc-border));
  background: radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--hdc-primary) 5%, transparent), transparent 60%), var(--hdc-surface);
  box-shadow: 0 18px 40px -26px rgba(0, 113, 188, .45);
}
.d2-faq .d2-faq__list summary{ padding-block: 1.05rem; font-weight: 650; }
.d2-help{
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--hdc-primary) 30%, transparent) !important;
  background:
    radial-gradient(80% 90% at 100% 0%, rgba(34, 195, 238, .16), transparent 60%),
    linear-gradient(150deg, var(--hdc-blue-50), #ffffff) !important;
  box-shadow: 0 24px 50px -30px rgba(0, 113, 188, .45);
}
.d2-help .d2-icon{ color: var(--hdc-primary); }
.d2-help__actions{ position: relative; z-index: 1; padding: 0 1.25rem 1.25rem; }
.hdc-b-faq__help .d2-help__actions{ padding-top: 0; }
:root[data-theme="dark"] .d2-help{
  border: 0 !important;
  background:
    radial-gradient(80% 90% at 100% 0%, rgba(34, 195, 238, .28), transparent 60%),
    linear-gradient(150deg, #0a5d9e, #0b3f70) !important;
  color: rgba(255, 255, 255, .88);
  box-shadow: 0 24px 50px -28px rgba(0, 113, 188, .8);
  --hdc-heading: #ffffff;
  --hdc-text-3: rgba(255, 255, 255, .75);
  --hdc-primary-text: #ffffff;
}
:root[data-theme="dark"] .d2-help .d2-icon{ color: #fff; }
:root[data-theme="dark"] .d2-help .hdc-btn{ --hdc-on-primary: #0a3b62; background: #fff; color: #0a3b62; border-color: transparent; }
:root[data-theme="dark"] .d2-help .hdc-btn--secondary, :root[data-theme="dark"] .d2-help .hdc-btn--ghost{ background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .3); }
.d2-cta--aurora{
  background:
    radial-gradient(50% 80% at 0% 0%, rgba(0, 113, 188, .18), transparent 62%),
    radial-gradient(45% 70% at 100% 100%, rgba(34, 195, 238, .18), transparent 62%),
    radial-gradient(30% 40% at 80% 0%, rgba(34, 195, 238, .16), transparent 70%),
    linear-gradient(160deg, var(--hdc-blue-50), #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--hdc-blue-600) 20%, transparent);
  box-shadow: 0 40px 80px -44px rgba(0, 113, 188, .45);
}
:root:not([data-theme="dark"]) .d2-cta--aurora.hdc-brand{
  --hdc-heading: var(--hdc-gray-900);
  --hdc-text: var(--hdc-gray-800);
  --hdc-text-2: var(--hdc-gray-600);
  --hdc-text-3: #5f6e82;
  --hdc-border: color-mix(in srgb, var(--hdc-blue-600) 16%, transparent);
  --hdc-border-strong: color-mix(in srgb, var(--hdc-blue-600) 28%, transparent);
  --hdc-surface: rgba(255, 255, 255, .78);
  --hdc-surface-raised: #ffffff;
  --hdc-primary-soft: var(--hdc-blue-50);
  --hdc-primary-text: var(--hdc-blue-700);
  --hdc-link: var(--hdc-blue-600);
  color: var(--hdc-text);
}
:root[data-theme="dark"] .d2-cta--aurora{
  background:
    radial-gradient(50% 80% at 0% 0%, rgba(43, 149, 224, .38), transparent 62%),
    radial-gradient(45% 70% at 100% 100%, rgba(34, 195, 238, .26), transparent 62%),
    radial-gradient(30% 40% at 80% 0%, rgba(34, 195, 238, .25), transparent 70%),
    linear-gradient(160deg, var(--hdc-night-800), var(--hdc-night-950)) !important;
  border-color: transparent;
  box-shadow: 0 40px 80px -40px rgba(6, 37, 65, .75);
}
.d2-cta--mesh{
  background:
    radial-gradient(at 0% 0%, rgba(255, 255, 255, .16) 0, transparent 46%),
    radial-gradient(at 100% 10%, rgba(34, 195, 238, .36) 0, transparent 50%),
    radial-gradient(at 80% 100%, rgba(34, 195, 238, .45) 0, transparent 50%),
    var(--hdc-brand-gradient) !important;
  box-shadow: 0 40px 80px -40px rgba(0, 113, 188, .65);
}
.d2-cta--visual .d2-cta__grid{ grid-template-columns: minmax(0, 1fr); gap: 2rem; }
@media (min-width: 960px){.d2-cta--visual .d2-cta__grid{ grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }}
.hdc-b-cta .hdc-cta.d2-cta--visual .d2-cta__actions{ justify-items: start; margin-top: 1.75rem; }
.d2-cta__points{ margin: 1.25rem 0 0; }
.d2-cta__visual{ position: relative; }
.d2-cta__visual .d2-vis{ max-width: 500px; }
@media (max-width: 959.98px){.d2-cta__visual{ margin-bottom: -1rem; }}
.hdc-b-page-header.hdc-bg .hdc-page-header{ border-bottom-color: transparent; }
.d2-claims--elevated .hdc-b-claims__item{
  border-radius: var(--hdc-r-xl);
  background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--d2-tone) 8%, transparent), transparent 60%), var(--hdc-surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 14px 32px -20px rgba(15, 33, 58, .22);
}
.d2-claims .hdc-b-claims__icon.d2-icon{ background: none; box-shadow: none; color: var(--d2-tone-text, var(--hdc-primary-text)); }
.hdc-brand .d2-claims .hdc-b-claims__icon.d2-icon{ color: var(--hdc-heading); }
.hdc-b-claims .d2-claims--elevated.hdc-b-claims__list--strip{ gap: .75rem; }
.hdc-b-claims .d2-claims--elevated.hdc-b-claims__list--strip .hdc-b-claims__item{
  padding-block: .4rem;
  padding-inline: .6rem 1.1rem;
  background: var(--hdc-surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 26px -16px rgba(15, 33, 58, .3);
}
.hdc-b-claims .d2-claims--elevated.hdc-b-claims__list--strip .hdc-b-claims__icon.d2-icon{ --d2-size: 30px; }
.hdc-b-claims .d2-claims--elevated.hdc-b-claims__list--strip .hdc-b-claims__icon .hdc-i{ --hdc-i: 22px; }
.hdc-b-claims .d2-claims--elevated.hdc-b-claims__list--grid .hdc-b-claims__icon.d2-icon{ --d2-size: 42px; width: var(--d2-size); height: var(--d2-size); }
.hdc-b-claims .d2-claims--band .hdc-b-claims__icon.d2-icon{ --d2-size: 34px; color: var(--hdc-led); }
.hdc-b-claims .d2-claims--band.hdc-b-claims__list--strip{ justify-content: center; }
.d2-claims--band{
  gap: .25rem !important;
  padding: .6rem;
  border: 1px solid color-mix(in srgb, var(--hdc-blue-600) 18%, transparent);
  border-radius: var(--hdc-r-2xl);
  background:
    radial-gradient(50% 120% at 0% 0%, rgba(0, 113, 188, .14), transparent 60%),
    linear-gradient(160deg, var(--hdc-blue-50), #ffffff);
  box-shadow: 0 26px 60px -38px rgba(0, 113, 188, .4);
}
:root[data-theme="dark"] .d2-claims--band{
  border-color: transparent;
  background:
    radial-gradient(50% 120% at 0% 0%, rgba(43, 149, 224, .3), transparent 60%),
    linear-gradient(160deg, var(--hdc-night-800), var(--hdc-night-950));
  box-shadow: 0 26px 60px -34px rgba(6, 37, 65, .75);
}
.d2-claims--band .hdc-b-claims__item{ border-color: transparent; background: transparent; box-shadow: none; }
.d2-hero__visual{ padding-block: 1rem; }
.d2-hero__visual .d2-vis{ max-width: 560px; }
.hdc-hero--center .d2-hero__visual{ max-width: 760px; margin: 2.5rem auto 0; }
@media (min-width: 1024px){.d2-hero__grid{ grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }}
.d2-groups .d2-group{
  position: relative;
  border-radius: var(--hdc-r-xl);
  background: radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--d2-tone) 7%, transparent), transparent 60%), var(--hdc-surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 14px 34px -20px rgba(15, 33, 58, .22);
  transition: transform var(--hdc-dur-3) var(--hdc-ease), box-shadow var(--hdc-dur-3) var(--hdc-ease), border-color var(--hdc-dur-2);
}
.d2-groups .d2-group:hover{ transform: translateY(-3px); border-color: color-mix(in srgb, var(--d2-tone) 45%, var(--hdc-border)); box-shadow: 0 24px 46px -22px color-mix(in srgb, var(--d2-tone) 45%, rgba(15, 33, 58, .45)); }
.d2-groups .hdc-b-group__cta{ color: var(--d2-tone-text); }
.d2-tech{ position: relative; }
.d2-tech__list{ display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.d2-tech--start .d2-tech__list{ justify-content: flex-start; }
.d2-tech__item{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  height: 46px;
  padding: 0 1rem 0 .8rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-pill);
  background: var(--hdc-surface);
  color: var(--hdc-text-2);
  font-weight: 650;
  font-size: var(--hdc-fs-sm);
  white-space: nowrap;
  box-shadow: var(--hdc-shadow-xs);
  transition: color var(--hdc-dur-2), border-color var(--hdc-dur-2), transform var(--hdc-dur-2) var(--hdc-ease);
}
.d2-tech__logo{ width: 22px; height: 22px; flex: none; color: var(--hdc-text-2); transition: color var(--hdc-dur-2); }
.d2-tech__icon{ display: inline-grid; place-items: center; width: 22px; height: 22px; color: var(--hdc-primary-text); }
.d2-tech__icon .hdc-i{ --hdc-i: 20px; }
.d2-tech__item:hover{ color: var(--hdc-heading); border-color: var(--hdc-border-strong); transform: translateY(-1px); }
.d2-tech__item:hover .d2-tech__logo, .d2-tech--brand .d2-tech__logo{ color: var(--d2-brand, var(--hdc-primary)); }
:root[data-theme="dark"] .d2-tech__item:hover .d2-tech__logo, :root[data-theme="dark"] .d2-tech--brand .d2-tech__logo,
.hdc-night .d2-tech__item:hover .d2-tech__logo, .hdc-night .d2-tech--brand .d2-tech__logo{ color: color-mix(in srgb, var(--d2-brand, var(--hdc-primary)) 65%, #ffffff); }
.d2-tech--grid .d2-tech__list{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); }
.d2-tech--grid .d2-tech__item{ justify-content: flex-start; height: 58px; border-radius: var(--hdc-r-lg); }
.d2-tech--marquee{ overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.d2-tech__track{ display: flex; gap: .65rem; width: max-content; animation: d2-marquee 42s linear infinite; }
.d2-tech--marquee .d2-tech__list{ flex-wrap: nowrap; }
.d2-tech--marquee:hover .d2-tech__track, .d2-tech--marquee:focus-within .d2-tech__track{ animation-play-state: paused; }
[dir="rtl"] .d2-tech__track{ animation-direction: reverse; }
@keyframes d2-marquee { to { transform: translateX(calc(-50% - .325rem)); } }
.d2-tech__caption{ margin: 1.25rem 0 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); text-align: center; }
@media (prefers-reduced-motion: reduce){.d2-tech__track{ animation: none; flex-wrap: wrap; width: auto; justify-content: center; }
.d2-tech__track .d2-tech__list[aria-hidden="true"]{ display: none; }
.d2-tech--marquee{ -webkit-mask-image: none; mask-image: none; }
.d2-features--elevated .d2-feature, .d2-features--glass .d2-feature, .d2-groups .d2-group, .d2-bento--elevated .hdc-bento__card{ transition: none; }}
.hdc-section.d2-tight-top{ padding-top: calc(var(--hdc-section-y) * .45); }
@media (min-width: 720px){.d2-center-rows .hdc-pricing__grid{ --d2-g: clamp(1rem, .7rem + 1vw, 1.5rem); display: flex; flex-wrap: wrap; justify-content: center; gap: var(--d2-g); }
.d2-center-rows .hdc-pricing__grid > *{ flex: 0 1 calc((100% - var(--d2-g)) / 2); min-width: 0; }}
@media (min-width: 1100px){.d2-center-rows .hdc-pricing__grid > *{ flex-basis: calc((100% - (var(--hdc-b-cols, 4) - 1) * var(--d2-g)) / var(--hdc-b-cols, 4)); }
.d2-center-rows .hdc-pricing__grid[data-cols="3"] > *{ flex-basis: calc((100% - 2 * var(--d2-g)) / 3); }
.d2-center-rows .hdc-pricing__grid[data-cols="2"] > *{ flex-basis: calc((100% - var(--d2-g)) / 2); }}
@media (min-width: 720px){.d2-center-rows .hdc-pricing__grid[data-cols="1"] > *{ flex: 1 1 100%; }}
/* ===== part: d2-tech.css ===== */
.d2-tech__item--cpanel{ --d2-brand: #ff6c2c; }
.d2-tech__item--wordpress{ --d2-brand: #21759B; }
.d2-tech__item--redis{ --d2-brand: #FF4438; }
.d2-tech__item--php{ --d2-brand: #777BB4; }
.d2-tech__item--nodejs{ --d2-brand: #5FA04E; }
.d2-tech__item--python{ --d2-brand: #3776AB; }
.d2-tech__item--ubuntu{ --d2-brand: #E95420; }
.d2-tech__item--debian{ --d2-brand: #A81D33; }
.d2-tech__item--almalinux{ --d2-brand: #000000; }
.d2-tech__item--rocky{ --d2-brand: #10B981; }
.d2-tech__item--centos{ --d2-brand: #262577; }
.d2-tech__item--fedora{ --d2-brand: #51A2DA; }
.d2-tech__item--freebsd{ --d2-brand: #AB2B28; }
.d2-tech__item--proxmox{ --d2-brand: #E57000; }
.d2-tech__item--windows{ --d2-brand: #1062FE; }
/* ===== part: d2-visuals.css ===== */
/* ==========================================================================
   DX1 — Design 2.0 visual library (docs/DESIGN-2.md §6; markup: blocks/visual/library.tpl).
   HTML/CSS/SVG mockups of HyperDC features, coloured by tokens: light, dark (data-theme) and night bands follow
   automatically. Decorative (role="img" + label on .d2-vis). Logical properties only (RTL); motion stops with
   prefers-reduced-motion. Mock-local tokens: --d2m-*.
   ========================================================================== */
.d2-vis{
  --d2m-bg: #ffffff;
  --d2m-bar: #f3f6fa;
  --d2m-row: #f6f8fb;
  --d2m-row-2: #eef2f7;
  --d2m-line: rgba(15, 33, 58, .09);
  --d2m-line-2: rgba(15, 33, 58, .14);
  --d2m-text: #1d2533;
  --d2m-head: #0f1729;
  --d2m-dim: #5f6e82;
  --d2m-faint: #93a2b5;
  --d2m-primary: #0071bc;
  --d2m-primary-2: #22c3ee;
  --d2m-ok: #079455;
  --d2m-ok-soft: rgba(18, 183, 106, .12);
  --d2m-ai: #054a7c;
  --d2m-ai-soft: rgba(0, 113, 188, .10);
  --d2m-bad: #d92d20;
  --d2m-warn: #b54708;
  --d2m-warn-soft: rgba(247, 144, 9, .14);
  --d2m-shadow: 0 32px 64px -30px rgba(15, 33, 58, .38), 0 2px 8px rgba(15, 33, 58, .06);
  --d2m-pop: 0 18px 40px -16px rgba(15, 33, 58, .32), 0 1px 3px rgba(15, 33, 58, .08);
  --d2m-term-bg: #f7f9fc;
  --d2m-term-text: #1d2533;
  --d2m-term-dim: #5f6e82;
  --d2m-term-user: #0a5d9e;
  --d2m-term-path: #0071bc;
  --d2m-term-ok: #067647;
  --d2m-desk: radial-gradient(120% 90% at 85% 0%, rgba(34, 195, 238, .26), transparent 60%), linear-gradient(160deg, #e7f1fb, #cfe2f4);
  --d2m-taskbar: rgba(255, 255, 255, .8);
  --d2m-taskbar-ink: rgba(15, 33, 58, .16);
  --d2m-dock: rgba(255, 255, 255, .6);
  position: relative;
  width: 100%;
  max-width: 580px;
  margin-inline: auto;
  color: var(--d2m-text);
  font-size: 13px;
  line-height: 1.45;
  text-align: start;
  -webkit-user-select: none;
  user-select: none;
}
:root[data-theme="dark"] .d2-vis,
.hdc-night .d2-vis{
  --d2m-bg: #0d1b30;
  --d2m-bar: #0a1628;
  --d2m-row: rgba(255, 255, 255, .035);
  --d2m-row-2: rgba(255, 255, 255, .06);
  --d2m-line: rgba(148, 170, 200, .13);
  --d2m-line-2: rgba(148, 170, 200, .22);
  --d2m-text: #d4dce7;
  --d2m-head: #f2f6fb;
  --d2m-dim: #8fa1b8;
  --d2m-faint: #66768b;
  --d2m-primary: #2b95e0;
  --d2m-ok: #32d583;
  --d2m-ok-soft: rgba(50, 213, 131, .14);
  --d2m-ai: #74b6e6;
  --d2m-ai-soft: rgba(43, 149, 224, .16);
  --d2m-warn: #fdb022;
  --d2m-warn-soft: rgba(253, 176, 34, .14);
  --d2m-bad: #f97066;
  --d2m-shadow: 0 34px 70px -30px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .02) inset;
  --d2m-pop: 0 20px 44px -16px rgba(0, 0, 0, .7);
  --d2m-term-bg: #0b1626;
  --d2m-term-text: #c9d3e0;
  --d2m-term-dim: #7f90a8;
  --d2m-term-user: #6ce9a6;
  --d2m-term-path: #7cc2f3;
  --d2m-term-ok: #32d583;
  --d2m-desk: radial-gradient(120% 90% at 85% 0%, rgba(43, 149, 224, .35), transparent 60%), linear-gradient(160deg, #0a2c4d, #071a30);
  --d2m-taskbar: rgba(4, 12, 24, .72);
  --d2m-taskbar-ink: rgba(255, 255, 255, .16);
  --d2m-dock: rgba(4, 12, 24, .45);
}
.d2-vis .hdc-i{ --hdc-i: 15px; flex: none; display: inline-block; width: var(--hdc-i); height: var(--hdc-i); border-radius: 0; }
.d2-vis img{ display: block; flex: none; max-width: none; border-radius: 0; }
.d2-vis .d2-os-tile img, .d2-vis .d2-vm img, .d2-vis .d2-logo img{ width: 22px; height: 22px; }
.d2-vis .d2-desk__bar img{ width: 16px; height: 16px; }
.d2-vis .d2-spark{ border-radius: 0; }
.d2-vis b{ color: var(--d2m-head); font-weight: 650; }
.d2-vis small{ color: var(--d2m-dim); font-size: 11.5px; }
.d2-vis p{ margin: 0; }
.d2-win{
  position: relative;
  overflow: hidden;
  border: 1px solid var(--d2m-line);
  border-radius: 16px;
  background: var(--d2m-bg);
  box-shadow: var(--d2m-shadow);
}
.d2-win__bar{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 14px;
  border-bottom: 1px solid var(--d2m-line);
  background: var(--d2m-bar);
}
.d2-win__dots{ display: inline-flex; gap: 6px; flex: none; }
.d2-win__dots i{ width: 10px; height: 10px; border-radius: 50%; background: #f97066; }
.d2-win__dots i:nth-child(2){ background: #fdb022; }
.d2-win__dots i:nth-child(3){ background: #32d583; }
.d2-win__title{
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding-inline-end: 46px;
  color: var(--d2m-dim);
  font: 500 11.5px/1.3 var(--hdc-font-mono);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.d2-win__title .hdc-i{ --hdc-i: 13px; margin-inline-end: 6px; vertical-align: -2px; }
.d2-win__url{
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  margin-inline: 10px 46px;
  padding: 5px 12px;
  border-radius: 8px;
  background: var(--d2m-row-2);
  color: var(--d2m-dim);
  font: 500 11.5px/1.2 var(--hdc-font-mono);
  direction: ltr;
}
.d2-win__url .hdc-i{ --hdc-i: 12px; color: var(--d2m-ok); }
:root[data-theme="dark"] .d2-win--dark,
.hdc-night .d2-win--dark{
  --d2m-bg: #0b1626;
  --d2m-bar: #08111f;
  --d2m-line: rgba(148, 170, 200, .12);
  --d2m-text: #c9d3e0;
  --d2m-head: #f2f6fb;
  --d2m-dim: #7f90a8;
  --d2m-row: rgba(255, 255, 255, .03);
  --d2m-row-2: rgba(255, 255, 255, .06);
  --d2m-ai: #74b6e6;
  --d2m-ai-soft: rgba(43, 149, 224, .18);
  color: var(--d2m-text);
}
.d2-label{ display: block; margin: 2px 0 7px; color: var(--d2m-faint); font: 600 10.5px/1 var(--hdc-font-mono); letter-spacing: .08em; text-transform: uppercase; }
.d2-pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--d2m-line);
  border-radius: 999px;
  background: var(--d2m-row);
  color: var(--d2m-dim);
  font-size: 11.5px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
}
.d2-pill .hdc-i{ --hdc-i: 13px; }
.d2-pill--ok{ border-color: transparent; background: var(--d2m-ok-soft); color: var(--d2m-ok); }
.d2-pill--ai{ border-color: transparent; background: var(--d2m-ai-soft); color: var(--d2m-ai); }
.d2-led{ width: 7px; height: 7px; border-radius: 50%; background: var(--d2m-ok); box-shadow: 0 0 0 3px color-mix(in srgb, var(--d2m-ok) 22%, transparent); flex: none; }
.d2-ok-text{ color: var(--d2m-ok); font-style: normal; font-weight: 600; }
.d2-ui-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border: 1px solid var(--d2m-line-2);
  border-radius: 8px;
  background: var(--d2m-bg);
  color: var(--d2m-text);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.d2-ui-btn .hdc-i{ --hdc-i: 14px; color: var(--d2m-dim); }
.d2-ui-btn--primary{ border-color: transparent; background: linear-gradient(135deg, #0a7cc7, #0071bc); color: #fff; box-shadow: 0 6px 16px -8px rgba(0, 113, 188, .7); }
.d2-ui-btn--primary .hdc-i{ color: #fff; }
.d2-ui-btn--lg{ height: 36px; padding: 0 18px; font-size: 13px; }
.d2-logo{ display: inline-grid; place-items: center; width: 34px; height: 34px; flex: none; color: var(--d2m-dim); }
.d2-logo .hdc-i{ --hdc-i: 22px; }
.d2-logo img{ width: 26px; height: 26px; }
.d2-chips{ display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
.d2-chip{ display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid var(--d2m-line-2); border-radius: 9px; background: var(--d2m-bg); font-weight: 600; font-size: 12px; }
.d2-chip b{ display: inline-grid; place-items: center; min-width: 22px; height: 16px; border-radius: 4px; background: var(--d2m-row-2); color: var(--d2m-dim); font: 700 9.5px/1 var(--hdc-font-mono); }
.d2-chip.is-on{ border-color: var(--d2m-primary); box-shadow: 0 0 0 1px var(--d2m-primary) inset; background: color-mix(in srgb, var(--d2m-primary) 8%, var(--d2m-bg)); }
.d2-switch{ position: relative; width: 30px; height: 18px; margin-inline-start: auto; border-radius: 999px; background: var(--d2m-row-2); flex: none; }
.d2-switch::after{ content: ""; position: absolute; top: 2px; inset-inline-start: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
.d2-switch.is-on{ background: linear-gradient(135deg, #0a7cc7, #22c3ee); }
.d2-switch.is-on::after{ inset-inline-start: 14px; }
.d2-check-row{ display: flex; align-items: center; gap: 8px; color: var(--d2m-text); font-weight: 600; font-size: 12.5px; }
.d2-check-row .hdc-i{ --hdc-i: 16px; color: var(--d2m-ok); }
.d2-meters{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
.d2-meters--row{ margin-top: 14px; }
.d2-meter{ display: grid; gap: 6px; }
.d2-meter span{ color: var(--d2m-dim); font: 600 10.5px/1 var(--hdc-font-mono); letter-spacing: .06em; text-transform: uppercase; }
.d2-meter i{ position: relative; display: block; height: 7px; overflow: hidden; border-radius: 999px; background: var(--d2m-row-2); }
.d2-meter i::after{ content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: var(--v, 40%); border-radius: inherit; background: linear-gradient(90deg, #0071bc, #22c3ee); }
.d2-fill-20{ --v: 20%; }
.d2-fill-30{ --v: 30%; }
.d2-fill-40{ --v: 40%; }
.d2-fill-50{ --v: 50%; }
.d2-fill-60{ --v: 60%; }
.d2-fill-70{ --v: 70%; }
.d2-spark{ display: block; width: 100%; height: 48px; margin-top: 12px; }
.d2-spark__area{ fill: color-mix(in srgb, var(--d2m-primary) 14%, transparent); stroke: none; }
.d2-spark__line{ fill: none; stroke: var(--d2m-primary); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.d2-tags{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 14px; }
.d2-tag-card{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--d2m-line); border-radius: 12px; background: var(--d2m-bg); box-shadow: var(--d2m-pop); color: var(--d2m-head); font-size: 12.5px; font-weight: 650; }
.d2-tag-card .hdc-i{ --hdc-i: 16px; color: var(--d2m-primary); }
.d2-tag-card b{ display: inline-grid; place-items: center; min-width: 24px; height: 18px; border-radius: 5px; background: var(--d2m-row-2); color: var(--d2m-dim); font: 700 10px/1 var(--hdc-font-mono); }
.d2-tag-card .d2-pill{ height: 20px; padding: 0 8px; font-size: 10.5px; }
.d2-term{ padding: 16px 18px 18px; background: var(--d2m-term-bg); color: var(--d2m-term-text); font: 500 12.5px/1.75 var(--hdc-font-mono); direction: ltr; text-align: left; }
.d2-term p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.d2-term__u{ color: var(--d2m-term-user); }
.d2-term__path{ color: var(--d2m-term-path); }
.d2-term__dim{ color: var(--d2m-term-dim); }
.d2-term__ok{ color: var(--d2m-term-ok); }
.d2-term__cursor{ display: inline-block; width: 8px; height: 15px; vertical-align: -3px; background: var(--d2m-term-text); animation: d2-blink 1.1s steps(1) infinite; }
.d2-term p[hidden]{ display: none; }
.d2-win--inset{ margin-block: 12px; border-radius: 10px; box-shadow: none; }
.d2-chips--end{ justify-content: flex-end; margin: 0; }
.d2-panel{ display: grid; gap: 14px; padding: 16px; }
.d2-panel__head{ display: flex; align-items: center; gap: 12px; }
.d2-panel__id{ display: grid; min-width: 0; margin-inline-end: auto; }
.d2-panel__id b, .d2-panel__id small{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.d2-panel__id small{ font-family: var(--hdc-font-mono); }
.d2-panel__actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.d2-deploy{ padding: 14px 16px 16px; }
.d2-os-row{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.d2-os-tile{ display: grid; justify-items: center; gap: 6px; padding: 10px 6px 8px; border: 1px solid var(--d2m-line-2); border-radius: 10px; background: var(--d2m-bg); }
.d2-os-tile small{ font-weight: 600; font-size: 11px; }
.d2-os-tile.is-on{ border-color: var(--d2m-primary); box-shadow: 0 0 0 1px var(--d2m-primary) inset; background: color-mix(in srgb, var(--d2m-primary) 7%, var(--d2m-bg)); }
.d2-plan-row{ display: flex; align-items: center; gap: 10px; margin-bottom: 7px; padding: 9px 12px; border: 1px solid var(--d2m-line-2); border-radius: 10px; font: 600 12px/1.3 var(--hdc-font-mono); }
.d2-plan-row.is-on{ border-color: var(--d2m-primary); background: color-mix(in srgb, var(--d2m-primary) 7%, var(--d2m-bg)); }
.d2-rb{ width: 14px; height: 14px; border: 1.5px solid var(--d2m-line-2); border-radius: 50%; flex: none; }
.d2-plan-row.is-on .d2-rb{ border-color: var(--d2m-primary); background: var(--d2m-primary); box-shadow: inset 0 0 0 3px var(--d2m-bg); }
.d2-deploy__foot{ display: flex; justify-content: flex-end; margin-top: 12px; }
@keyframes d2-vm-load { 0%, 100% { transform: scaleX(.28); } 40% { transform: scaleX(.74); } 70% { transform: scaleX(.46); } }
.d2-desk{ position: relative; padding: 18px 18px 50px; background: var(--d2m-desk); }
.d2-desk__app{ padding: 14px; border: 1px solid var(--d2m-line); border-radius: 12px; background: var(--d2m-bg); box-shadow: var(--d2m-pop); }
.d2-desk__title{ margin-bottom: 10px; color: var(--d2m-head); font-weight: 700; font-size: 13px; }
.d2-desk__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.d2-desk__tile{ display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 9px; background: var(--d2m-row-2); color: var(--d2m-text); font-weight: 600; font-size: 12px; }
.d2-desk__tile .hdc-i{ color: var(--d2m-primary); }
.d2-desk__bar{ position: absolute; inset-inline: 0; bottom: 0; display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 14px; border-top: 1px solid var(--d2m-line); background: var(--d2m-taskbar); }
.d2-desk__bar img{ opacity: .9; }
:root[data-theme="dark"] .d2-desk__bar img, .hdc-night .d2-desk__bar img{ filter: brightness(0) invert(1); }
.d2-desk__bar i{ width: 18px; height: 18px; border-radius: 5px; background: var(--d2m-taskbar-ink); }
.d2-desk__clock{ width: 34px; height: 8px; margin-inline-start: auto; border-radius: 4px; background: var(--d2m-taskbar-ink); }
.d2-svg{ display: block; width: 100%; height: auto; }
.d2-chips--brands .hdc-b-brand{ width: 34px; height: 14px; }
.d2-chips--brands .hdc-b-brand--amd{ width: 48px; height: 12px; }
.d2-chips--brands .hdc-b-brand--nvidia{ width: 21px; height: 14px; }
:root[data-theme="dark"] .d2-vis--metal .d2-win--dark, .hdc-night .d2-vis--metal .d2-win--dark{ --d2m-primary: #2b95e0; --d2m-line-2: rgba(148, 170, 200, .2); --d2m-ai: #74b6e6; --d2m-ai-soft: rgba(43, 149, 224, .18); }
.d2-metal{ display: grid; gap: 12px; padding: 16px; }
.d2-metal .d2-logo{ color: #22c3ee; }
.d2-metal__row{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.d2-metal__box{ min-width: 0; padding: 12px; border: 1px solid var(--d2m-line); border-radius: 12px; background: var(--d2m-row); }
.d2-metal__box > .d2-label{ margin: 0 0 9px; }
.d2-metal__cap{ display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.d2-metal__cap .d2-label{ margin: 0; }
.d2-metal__cap .d2-pill{ height: 20px; padding: 0 8px; font-size: 10.5px; }
.d2-cores{ display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); gap: 4px; }
.d2-cores i{ aspect-ratio: 1; border-radius: 3px; background: linear-gradient(180deg, #22c3ee, #0071bc); opacity: .3; animation: d2-core 2.4s ease-in-out infinite; }
.d2-cores i:nth-child(odd){ animation-duration: 1.9s; }
.d2-cores i:nth-child(3n){ animation-delay: -.6s; }
.d2-cores i:nth-child(5n+1){ animation-delay: -1.3s; }
.d2-cores i:nth-child(7n+2){ animation-duration: 3.1s; animation-delay: -.9s; }
.d2-bays{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.d2-bays span{ position: relative; height: 34px; border: 1px solid var(--d2m-line-2); border-radius: 6px; background: repeating-linear-gradient(90deg, transparent 0 5px, var(--d2m-row-2) 5px 7px); }
.d2-bays i{ position: absolute; top: 5px; inset-inline-end: 5px; width: 6px; height: 6px; border-radius: 50%; background: #32d583; box-shadow: 0 0 6px rgba(50, 213, 131, .8); animation: d2-blink .9s steps(1) infinite; }
.d2-bays span:nth-child(2) i{ animation-duration: 1.3s; }
.d2-bays span:nth-child(3) i{ animation-duration: .7s; }
.d2-bays span:nth-child(4) i{ animation-duration: 1.7s; }
.d2-dimms{ display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; height: 34px; }
.d2-dimms i{ border-radius: 3px; background: linear-gradient(180deg, rgba(34, 195, 238, .85), rgba(0, 113, 188, .35)); }
.d2-metal__legend{ display: inline-flex; align-items: center; gap: 6px; color: var(--d2m-dim); font: 600 10.5px/1 var(--hdc-font-mono); }
.d2-metal__legend i{ width: 8px; height: 8px; border-radius: 2px; background: var(--d2m-primary); }
.d2-metal__legend i.is-out{ margin-inline-start: 6px; background: #22c3ee; }
.d2-metal__spark{ height: 56px; margin-top: 0; }
.d2-spark__line--out{ stroke: #22c3ee; stroke-dasharray: 4 4; animation: d2-dash8 1.2s linear infinite; }
.d2-tags--float{ position: relative; z-index: 1; margin-top: 14px; }
@keyframes d2-core { 0%, 100% { opacity: .3; } 50% { opacity: 1; } }
@keyframes d2-dash8 { to { stroke-dashoffset: -16; } }
.d2-hp{ padding: 16px; }
.d2-hp__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.d2-hp__tile{ display: grid; align-content: start; justify-items: start; gap: 9px; min-width: 0; padding: 12px; border: 1px solid var(--d2m-line); border-radius: 12px; background: var(--d2m-row); color: var(--d2m-head); font-weight: 650; font-size: 12.5px; }
.d2-hp__head{ display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.d2-hp__live{ display: grid; gap: 6px; width: 100%; min-width: 0; color: var(--d2m-dim); font-weight: 600; font-size: 11px; line-height: 1.3; }
.d2-hp__name{ min-width: 0; overflow: hidden; color: var(--d2m-text); font: 500 11px/1.3 var(--hdc-font-mono); text-overflow: ellipsis; white-space: nowrap; direction: ltr; text-align: start; }
.d2-hp__name em{ font-style: normal; }
.d2-hp__state{ display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; white-space: nowrap; }
.d2-hp__state .hdc-i{ --hdc-i: 12px; flex: none; color: var(--d2-tone-text, var(--d2m-primary)); }
.d2-hp__state em{ display: flex; align-items: center; gap: 6px; min-width: 0; font-style: normal; }
.d2-hp__bar{ display: block; width: 100%; height: 4px; overflow: hidden; border-radius: 99px; background: var(--d2m-row-2); }
.d2-hp__bar b{ display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0071bc, #22c3ee); transform-origin: left center; animation: d2-hp-fill 3s ease-in-out infinite; }
.d2-hp__bar--slow b{ animation-duration: 6s; }
[dir="rtl"] .d2-hp__bar b{ transform-origin: right center; }
.d2-hp__eq{ display: inline-flex; align-items: flex-end; gap: 2px; width: 30px; height: 12px; flex: none; }
.d2-hp__eq i{ flex: 1; height: 100%; border-radius: 1px; background: linear-gradient(180deg, #22c3ee, #0071bc); transform-origin: bottom; animation: d2-eq .9s ease-in-out infinite alternate; }
.d2-hp__eq i:nth-child(2n){ animation-duration: .7s; animation-delay: -.3s; }
.d2-hp__eq i:nth-child(3n){ animation-duration: 1.1s; animation-delay: -.5s; }
.d2-vis .d2-led.d2-led--sync{ background: var(--d2m-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--d2m-primary) 22%, transparent); animation: d2-pulse 1.2s ease-in-out infinite; }
@keyframes d2-hp-fill { 0% { transform: scaleX(.04); } 80%, 100% { transform: scaleX(1); } }
.d2-rot{ display: grid; min-width: 0; }
.d2-rot > *{ grid-area: 1 / 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0; animation: d2-rot2 6s infinite; }
.d2-rot > :nth-child(2){ animation-delay: 3s; }
.d2-rot--3 > *{ animation-name: d2-rot3; animation-duration: 9s; }
.d2-rot--3 > :nth-child(2){ animation-delay: 3s; }
.d2-rot--3 > :nth-child(3){ animation-delay: 6s; }
@keyframes d2-rot2 { 0% { opacity: 0; transform: translateY(3px); } 6%, 46% { opacity: 1; transform: none; } 52%, 100% { opacity: 0; transform: translateY(-3px); } }
@keyframes d2-rot3 { 0% { opacity: 0; transform: translateY(3px); } 4%, 30% { opacity: 1; transform: none; } 35%, 100% { opacity: 0; transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce){.d2-rot > :first-child{ opacity: 1; }}
.d2-wp{ display: grid; gap: 10px; padding: 16px; }
.d2-wp__head{ display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.d2-wp__head > span:last-child{ display: grid; }
.d2-toggle-row{ display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--d2m-line); border-radius: 10px; background: var(--d2m-row); font-weight: 600; font-size: 12.5px; }
.d2-toggle-row > span{ display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.d2-toggle-row .hdc-i{ color: var(--d2m-primary); }
.d2-mig{ padding: 20px; border: 1px solid var(--d2m-line); border-radius: 18px; background: var(--d2m-bg); box-shadow: var(--d2m-shadow); }
.d2-mig__ends{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(48px, 1fr) minmax(0, 1fr); align-items: center; gap: 10px; }
.d2-mig__box{ display: grid; justify-items: center; gap: 8px; padding: 16px 10px; border: 1px solid var(--d2m-line-2); border-radius: 14px; background: var(--d2m-row); text-align: center; font-size: 12.5px; }
.d2-mig__box--to{ border-color: color-mix(in srgb, var(--d2m-primary) 55%, transparent); background: color-mix(in srgb, var(--d2m-primary) 7%, var(--d2m-bg)); }
.d2-mig__flow{ position: relative; height: 4px; border-radius: 4px; background: repeating-linear-gradient(90deg, var(--d2m-line-2) 0 8px, transparent 8px 14px); }
.d2-mig__flow i{ position: absolute; top: -3px; width: 10px; height: 10px; border-radius: 50%; background: var(--d2m-primary); box-shadow: 0 0 10px var(--d2m-primary); animation: d2-flow 2.4s linear infinite; }
.d2-mig__flow i:nth-child(2){ animation-delay: -.8s; }
.d2-mig__flow i:nth-child(3){ animation-delay: -1.6s; }
.d2-mig__list{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--d2m-line-2); }
.d2-vis--network .d2-svg{
  border: 1px solid var(--d2m-line);
  border-radius: 20px;
  background:
    radial-gradient(80% 90% at 50% 0%, color-mix(in srgb, var(--d2m-primary) 10%, transparent), transparent 70%),
    radial-gradient(circle, var(--d2m-line-2) 1.2px, transparent 1.6px) 0 0 / 12px 12px,
    var(--d2m-bg);
  box-shadow: var(--d2m-shadow);
}
.d2-net__arc{ fill: none; stroke: color-mix(in srgb, var(--d2m-primary) 55%, transparent); stroke-width: 1.6; stroke-dasharray: 4 6; }
.d2-net__halo{ fill: color-mix(in srgb, var(--d2m-primary) 18%, transparent); animation: d2-halo 2.8s ease-out infinite; transform-box: fill-box; transform-origin: center; }
.d2-net__core{ fill: var(--d2m-primary); stroke: var(--d2m-bg); stroke-width: 2; }
.d2-net__pin--far .d2-net__core{ fill: color-mix(in srgb, var(--d2m-primary) 60%, var(--d2m-faint)); }
.d2-net__you circle{ fill: #22c3ee; stroke: var(--d2m-bg); stroke-width: 3; }
.d2-net__ping{ fill: none; stroke: #22c3ee; stroke-width: 2; stroke-dasharray: 5 6; animation: d2-dash 1.4s linear infinite; }
.d2-net__chips{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; position: relative; }
.d2-stage{ position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 10px; padding: 0; }
.d2-stage::before{
  content: "";
  position: absolute;
  inset: 6% 4%;
  z-index: 0;
  border-radius: 40%;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--hdc-primary) 22%, transparent), transparent), radial-gradient(60% 50% at 80% 80%, color-mix(in srgb, var(--hdc-cyan-400) 16%, transparent), transparent);
  filter: blur(18px);
  pointer-events: none;
}
.d2-stage > .d2-vis{ z-index: 1; }
.d2-stage > :not(.d2-float){ flex: 0 0 100%; order: -1; min-width: 0; margin-bottom: 12px; }
.d2-float{
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 240px;
  padding: 9px 13px;
  border: 1px solid var(--hdc-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--hdc-surface-raised) 92%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--hdc-heading);
  font-size: var(--hdc-fs-sm);
  font-weight: 650;
  line-height: 1.3;
  box-shadow: var(--hdc-shadow-md);
  animation: hdc-float 6s ease-in-out infinite;
}
.d2-float .d2-icon{ --d2-size: 30px; }
.d2-float .d2-icon .hdc-i{ --hdc-i: 22px; }
.d2-float--2{ animation-delay: -2s; }
.d2-float--3{ animation-delay: -4s; }
@media (max-width: 719.98px){.d2-stage{ gap: 8px; }
.d2-stage > :not(.d2-float){ margin-bottom: 8px; }
.d2-float{ animation: none; box-shadow: var(--hdc-shadow-xs); }}
.d2-os__bar{ gap: 12px; }
.d2-os__tabs{ display: flex; gap: 4px; margin-inline-start: auto; }
.d2-os__tab{ display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 999px; color: var(--d2m-dim); font-size: 11.5px; font-weight: 650; line-height: 1; animation: d2-os-tab 12s infinite; }
.d2-os__tab img, .d2-os__tab .hdc-i{ --hdc-i: 14px; width: 14px; height: 14px; }
.d2-os{ display: grid; min-height: 272px; }
.d2-os__pane{ grid-area: 1 / 1; min-width: 0; opacity: 0; animation: d2-os-pane 12s infinite; }
.d2-os__tab--2, .d2-os__pane--2{ animation-delay: 4s; }
.d2-os__tab--3, .d2-os__pane--3{ animation-delay: 8s; }
.d2-os__term{ background: var(--d2m-term-bg); }
.d2-os__gui{ display: flex; flex-direction: column; background: var(--d2m-desk); }
.d2-os__top{ display: flex; align-items: center; justify-content: space-between; height: 26px; padding: 0 12px; border-bottom: 1px solid var(--d2m-line); background: var(--d2m-taskbar); color: var(--d2m-head); font-size: 11px; }
.d2-os__area{ flex: 1; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 12px; padding: 14px 16px 16px 10px; }
.d2-os__dock{ display: flex; flex-direction: column; gap: 8px; padding: 8px 6px; border-radius: 10px; background: var(--d2m-dock); }
.d2-os__dock i{ width: 22px; height: 22px; border-radius: 6px; background: var(--d2m-taskbar-ink); }
.d2-os__dock i:first-child{ background: #2b95e0; }
.d2-os__progress{ height: 8px; margin: 2px 0 12px; overflow: hidden; border-radius: 4px; background: var(--d2m-row-2); }
.d2-os__progress i{ display: block; width: 64%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0071bc, #22c3ee); animation: d2-os-progress 4s ease-in-out infinite; }
@keyframes d2-os-pane { 0% { opacity: 0; } 4%, 33.33% { opacity: 1; } 37.33%, 100% { opacity: 0; } }
@keyframes d2-os-tab { 0% { background: transparent; color: var(--d2m-dim); } 4%, 33.33% { background: var(--d2m-ai-soft); color: var(--d2m-head); } 37.33%, 100% { background: transparent; color: var(--d2m-dim); } }
@keyframes d2-os-progress { 0% { width: 16%; } 100% { width: 94%; } }
@media (prefers-reduced-motion: reduce){.d2-os__pane, .d2-os__tab, .d2-os__progress i{ animation: none; }
.d2-os__pane--1{ opacity: 1; }
.d2-os__tab--1{ background: var(--d2m-ai-soft); color: var(--d2m-head); }}
@keyframes d2-sup-pane { 0% { opacity: 0; } 6%, 50% { opacity: 1; } 56%, 100% { opacity: 0; } }
@keyframes d2-sup-tab { 0% { background: transparent; color: var(--d2m-dim); } 6%, 50% { background: var(--d2m-ai-soft); color: var(--d2m-head); } 56%, 100% { background: transparent; color: var(--d2m-dim); } }
@keyframes d2-lc-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-3px); opacity: 1; } }
@media (max-width: 479.98px){.d2-vis{ font-size: 12px; }
.d2-hp__grid, .d2-ca__cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.d2-os-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.d2-win__title, .d2-win__url{ padding-inline-end: 0; margin-inline-end: 0; }
.d2-panel__actions .d2-ui-btn{ padding: 0 9px; }
.d2-term{ font-size: 11px; padding: 12px 12px 14px; }}
@container (max-width: 479.98px){.d2-os-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.d2-win__title, .d2-win__url{ padding-inline-end: 0; margin-inline-end: 0; }
.d2-panel__actions .d2-ui-btn{ padding: 0 9px; }
.d2-term{ font-size: 11px; padding: 12px 12px 14px; }
.d2-hp__tile{ padding: 10px; }
.d2-hp__head{ flex-direction: column; align-items: flex-start; gap: 6px; }
.d2-mig{ padding: 14px; }
.d2-mig__ends{ grid-template-columns: minmax(0, 1fr) minmax(28px, .6fr) minmax(0, 1fr); gap: 8px; }
.d2-mig__box{ padding: 12px 6px; font-size: 11.5px; overflow-wrap: anywhere; }}
@container (max-width: 299.98px){.d2-hp__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.d2-hp__tile:nth-child(n+5){ display: none; }}
@keyframes d2-blink { 50% { opacity: 0; } }
@keyframes d2-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes d2-eq { from { transform: scaleY(.35); } to { transform: scaleY(1); } }
@keyframes d2-flow { from { inset-inline-start: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } to { inset-inline-start: calc(100% - 10px); opacity: 0; } }
@keyframes d2-packet { 0%, 100% { transform: translateX(0); opacity: .75; } 50% { transform: translateX(4px); opacity: 1; } }
@keyframes d2-halo { from { transform: scale(.6); opacity: .9; } to { transform: scale(1.6); opacity: 0; } }
@keyframes d2-dash { to { stroke-dashoffset: -22; } }
@keyframes d2-grow { from { transform: scaleX(0); } }
@keyframes d2-breathe { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(.86); } }
.d2-meter i::after{ transform-origin: left center; animation: d2-breathe 3.2s ease-in-out infinite; }
[dir="rtl"] .d2-meter i::after{ transform-origin: right center; }
.d2-meter:nth-child(2n) i::after{ animation-duration: 2.6s; animation-delay: -.9s; }
.d2-meter:nth-child(3n) i::after{ animation-duration: 3.8s; animation-delay: -1.7s; }
.hdc-b-slide.is-active .d2-meter i::after{ animation: d2-grow .9s var(--hdc-ease) .35s both, d2-breathe 3.2s ease-in-out 1.3s infinite; }
:root[data-theme="dark"] :is(.d2-hx, .d2-hx .d2-vis),
.hdc-night :is(.d2-hx, .d2-hx .d2-vis){
  --d2m-bar: rgba(8, 17, 31, .6);
  --d2m-row: rgba(255, 255, 255, .035);
  --d2m-row-2: rgba(255, 255, 255, .065);
  --d2m-line: rgba(148, 170, 200, .14);
  --d2m-line-2: rgba(148, 170, 200, .22);
  --d2m-text: #d4dce7;
  --d2m-head: #f2f6fb;
  --d2m-dim: #8fa1b8;
  --d2m-faint: #66768b;
  --d2m-primary: #2b95e0;
  --d2m-ok: #32d583;
  --d2m-ok-soft: rgba(50, 213, 131, .14);
  --d2m-ai: #74b6e6;
  --d2m-ai-soft: rgba(43, 149, 224, .18);
  --d2m-bad: #f97066;
  --d2m-pop: 0 20px 44px -16px rgba(0, 0, 0, .7);
  --d2m-hx-bg: radial-gradient(120% 70% at 88% 0%, rgba(43, 149, 224, .24), transparent 62%), radial-gradient(90% 60% at 0% 100%, rgba(34, 195, 238, .1), transparent 60%), linear-gradient(180deg, #0d1b30, #08111f);
  --d2m-hx-grid: rgba(148, 170, 200, .055);
  --d2m-hx-shadow: 0 44px 90px -40px rgba(0, 42, 92, .6), 0 0 0 1px rgba(255, 255, 255, .02) inset;
}
@keyframes d2-hx-draw { 0% { stroke-dashoffset: 1200; } 45%, 82% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1200; } }
@keyframes d2-hx-fade { 0%, 12% { opacity: 0; } 45%, 82% { opacity: 1; } 100% { opacity: 0; } }
@keyframes d2-hx-beat { 0%, 100% { opacity: .45; transform: scaleY(.72); } 50% { opacity: 1; transform: scaleY(1); } }
@keyframes d2-hx-flow { from { background-position: -60% 0, 0 0; } to { background-position: 160% 0, 0 0; } }
@keyframes d2-hx-ping { 0% { box-shadow: 0 0 0 0 rgba(50, 213, 131, .55); } 70%, 100% { box-shadow: 0 0 0 6px rgba(50, 213, 131, 0); } }
@media (prefers-reduced-motion: reduce){.d2-vis *, .d2-vis *::before, .d2-vis *::after, .d2-float, .d2-hx *{ animation: none !important; }}
@media (forced-colors: active){.d2-stage::before{ display: none; }}
/* ===== part: docs.css ===== */
.hdc-docs{ --hdc-docs-side: 248px; --hdc-docs-toc: 224px; --hdc-docs-measure: 46rem;  --hdc-docs-sticky: calc(var(--hdc-header-h) + var(--hdc-topbar-h) + 1.25rem); padding-block-end: clamp(2rem, 5vw, 4rem); }
.hdc-docs a:not(.hdc-btn){ text-underline-offset: 3px; }
.hdc-docs h1, .hdc-docs h2, .hdc-docs h3{ color: var(--hdc-heading); }
.hdc-docs-narrow{ max-width: 820px; padding-block-start: clamp(2rem, 5vw, 3.5rem); }
.hdc-docs-body{ display: grid; gap: clamp(2rem, 4vw, 3.25rem); padding-block-start: clamp(1.5rem, 3vw, 2.5rem); }
.hdc-docs-block{ display: grid; gap: 1rem; align-content: start; min-width: 0; }
.hdc-docs-block__head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; }
.hdc-docs-block__head h2, .hdc-docs-block > h2, .hdc-docs-related > h2{ display: inline-flex; align-items: center; gap: .5rem; margin: 0; font-size: var(--hdc-fs-h3); }
.hdc-docs-block__head h2 .hdc-i{ color: var(--hdc-primary); }
.hdc-docs-block__note, .hdc-docs-hint{ margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.hdc-docs-block__link, .hdc-docs-feed{ display: inline-flex; align-items: center; gap: .35rem; font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-docs-body, .hdc-docs-block, .hdc-docs-hero__inner, .hdc-docs-cols, .hdc-docs-cards, .hdc-docs-layout, .hdc-docs-layout__main, .hdc-docs-layout__side,
.hdc-docs-head__text, .hdc-docs-article, .hdc-docs-article__head, .hdc-docs-article__grid, .hdc-docs-article__main, .hdc-docs-steps, .hdc-docs-step__body,
.hdc-docs-faq, .hdc-docs-faq__list, .hdc-docs-pn, .hdc-docs-related, .hdc-docs-empty, .hdc-docs-promo{ grid-template-columns: minmax(0, 1fr); }
.hdc-docs-hero{
  position: relative;
  padding-block: clamp(2.5rem, 7vw, 4.75rem) clamp(2rem, 5vw, 3.25rem);
  background:
    radial-gradient(60rem 22rem at 50% -6rem, var(--hdc-primary-soft), transparent 70%),
    linear-gradient(180deg, var(--hdc-bg-soft), var(--hdc-bg));
  border-block-end: 1px solid var(--hdc-border);
}
.hdc-docs-hero__inner{ display: grid; justify-items: center; gap: 1rem; text-align: center; max-width: 900px; }
.hdc-docs-hero__eyebrow{ display: inline-flex; align-items: center; gap: .4rem; margin: 0; }
.hdc-docs-hero__title{ margin: 0; font-size: clamp(2rem, 1.2rem + 3.2vw, 3.25rem); letter-spacing: var(--hdc-tracking-display); line-height: var(--hdc-lh-tight); }
.hdc-docs-hero__lead{ margin: 0; max-width: 62ch; color: var(--hdc-text-2); font-size: var(--hdc-fs-lg); }
.hdc-docs-hero .hdc-docs-search{ width: min(100%, 720px); margin-block-start: .5rem; text-align: start; }
.hdc-docs-hero__chips{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem .75rem; }
.hdc-docs-hero__chips-label{ color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.hdc-docs-search{
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .3rem .3rem .3rem .9rem;
  border: 1px solid var(--hdc-border-input);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  box-shadow: var(--hdc-shadow-sm);
  transition: border-color var(--hdc-dur-2) var(--hdc-ease), box-shadow var(--hdc-dur-2) var(--hdc-ease);
}
.hdc-docs-search:focus-within{ border-color: var(--hdc-primary); box-shadow: var(--hdc-focus-ring); }
.hdc-docs-search--lg{ padding: .4rem .4rem .4rem 1.1rem; border-radius: var(--hdc-r-xl); box-shadow: var(--hdc-shadow-md); }
.hdc-docs-search__icon{ display: inline-flex; color: var(--hdc-text-3); }
.hdc-docs-search__input{
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 2.5rem;
  border: 0;
  background: transparent;
  color: var(--hdc-text);
  font: inherit;
  font-size: var(--hdc-fs-md);
  outline: none;
}
.hdc-docs-search--lg .hdc-docs-search__input{ height: 3rem; font-size: var(--hdc-fs-lg); }
.hdc-docs-search__input::-webkit-search-cancel-button{ cursor: pointer; }
.hdc-docs-search__kbd{ flex: none; }
.hdc-docs-search--md .hdc-docs-search__kbd{ display: none; }
.hdc-docs-search:focus-within .hdc-docs-search__kbd{ display: none; }
.hdc-docs-search__btn{ flex: none; }
.hdc-docs-search__btn-icon{ display: none; }
.hdc-docs-search--md .hdc-docs-search__btn{ min-height: 2.25rem; min-width: 2.25rem; padding-inline: .55rem; font-size: var(--hdc-fs-sm); }
.hdc-docs-search--md .hdc-docs-search__btn-icon{ display: inline-block; }
.hdc-docs-search--md .hdc-docs-search__btn-text{ display: none; }
.hdc-docs-search__panel{
  position: absolute;
  inset-inline: 0;
  top: calc(100% + .4rem);
  z-index: 40;
  max-height: min(70vh, 520px);
  overflow-y: auto;
  padding: .4rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface-raised);
  box-shadow: var(--hdc-shadow-lg);
  text-align: start;
}
.hdc-docs mark, .hdc-docs-search mark{ padding: 0 .1em; border-radius: var(--hdc-r-xs); background: var(--hdc-warning-soft); color: inherit; }
.hdc-docs-chips{ display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-chip{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 2rem;
  padding: .25rem .75rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-pill);
  background: var(--hdc-surface);
  color: var(--hdc-text);
  font-size: var(--hdc-fs-sm);
  text-decoration: none;
  transition: border-color var(--hdc-dur-1), background var(--hdc-dur-1), color var(--hdc-dur-1);
}
.hdc-docs-chip:hover{ border-color: var(--hdc-primary); color: var(--hdc-primary-text); }
.hdc-docs-chip.is-current{ border-color: var(--hdc-primary); background: var(--hdc-primary-soft); color: var(--hdc-primary-text); font-weight: 600; }
.hdc-docs-chip__count{ padding: 0 .4rem; border-radius: var(--hdc-r-pill); background: var(--hdc-bg-muted); color: var(--hdc-text-2); font-size: var(--hdc-fs-xs); font-variant-numeric: tabular-nums; }
.hdc-docs-chips--sm .hdc-docs-chip{ min-height: 1.75rem; padding: .15rem .6rem; font-size: var(--hdc-fs-xs); }
.hdc-docs-chips--cloud{ gap: .6rem; }
.hdc-docs-level{ display: inline-flex; align-items: center; padding: .1rem .55rem; border-radius: var(--hdc-r-pill); font-size: var(--hdc-fs-xs); font-weight: 600; }
.hdc-docs-level--beginner{ background: var(--hdc-success-soft); color: var(--hdc-success-text); }
.hdc-docs-level--intermediate{ background: var(--hdc-warning-soft); color: var(--hdc-warning-text); }
.hdc-docs-level--advanced{ background: var(--hdc-danger-soft); color: var(--hdc-danger-text); }
.hdc-docs-access{ display: inline-flex; align-items: center; gap: .3rem; padding: .1rem .55rem; border-radius: var(--hdc-r-pill); background: var(--hdc-warning-soft); color: var(--hdc-warning-text); font-size: var(--hdc-fs-xs); font-weight: 600; }
.hdc-docs-sections{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
@media (min-width: 1680px){.hdc-docs-sections{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }}
.hdc-docs-section{ display: flex; flex-direction: column; gap: .85rem; padding: 1.25rem; }
.hdc-docs-section__head{ display: flex; align-items: center; gap: .85rem; }
.hdc-docs-section__title{ margin: 0; font-size: var(--hdc-fs-lg); }
.hdc-docs-section__title a{ color: inherit; text-decoration: none; }
.hdc-docs-section__title a:hover{ color: var(--hdc-primary-text); }
.hdc-docs-section__count{ margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.hdc-docs-section__desc{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-docs-section__list{ display: grid; gap: .1rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-section__list a{ display: flex; align-items: flex-start; gap: .5rem; padding: .3rem 0; color: var(--hdc-text); font-size: var(--hdc-fs-sm); text-decoration: none; }
.hdc-docs-section__list a .hdc-i{ flex: none; margin-block-start: .2rem; color: var(--hdc-text-3); }
.hdc-docs-section__list a:hover{ color: var(--hdc-primary-text); }
.hdc-docs-section__more{ display: inline-flex; align-items: center; gap: .35rem; margin-block-start: auto; font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-docs-cols{ display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); }
@media (min-width: 960px){.hdc-docs-cols{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
.hdc-docs-products{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-product{ display: flex; align-items: center; gap: .6rem; padding: .8rem 1rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); background: var(--hdc-surface); color: var(--hdc-text); text-decoration: none; }
.hdc-docs-product:hover{ border-color: var(--hdc-primary); }
.hdc-docs-product__name{ flex: 1 1 auto; font-weight: 600; color: var(--hdc-heading); }
.hdc-docs-product__count{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); white-space: nowrap; }
.hdc-docs-cards{ display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-cards--grid{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 1rem; }
.hdc-docs-card{ min-width: 0; }
.hdc-docs-card__link{
  display: flex;
  flex-direction: column;
  gap: .45rem;
  height: 100%;
  padding: 1rem 1.1rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-lg);
  background: var(--hdc-surface);
  color: var(--hdc-text);
  text-decoration: none;
  transition: border-color var(--hdc-dur-2) var(--hdc-ease), box-shadow var(--hdc-dur-2) var(--hdc-ease), transform var(--hdc-dur-2) var(--hdc-ease);
}
.hdc-docs-card__link:hover{ border-color: var(--hdc-primary); box-shadow: var(--hdc-shadow-md); }
.hdc-docs-card__link:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-docs-card__meta{ display: inline-flex; align-items: center; gap: .35rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 600; letter-spacing: .01em; }
.hdc-docs-card__title{ color: var(--hdc-heading); font-size: var(--hdc-fs-md); font-weight: 650; line-height: var(--hdc-lh-heading); }
.hdc-docs-card__link:hover .hdc-docs-card__title{ color: var(--hdc-primary-text); }
.hdc-docs-card__summary, .hdc-docs-card__snippet{ color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hdc-docs-card__foot{ display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .85rem; margin-block-start: auto; padding-block-start: .3rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); }
.hdc-docs-card__fact{ display: inline-flex; align-items: center; gap: .3rem; }
.hdc-docs-cards--list .hdc-docs-card__link{ padding: .85rem 1rem; }
.hdc-docs-cards--results .hdc-docs-card__link{ padding: 1.1rem 1.25rem; }
.hdc-docs-cards--results .hdc-docs-card__title{ font-size: var(--hdc-fs-lg); }
.hdc-docs-layout{ display: grid; gap: clamp(1.25rem, 3vw, 2.5rem); padding-block-start: clamp(1rem, 2.5vw, 2rem); }
.hdc-docs-layout__main{ display: grid; gap: 1.5rem; align-content: start; min-width: 0; }
.hdc-docs-layout__side{ display: grid; gap: 1rem; align-content: start; min-width: 0; }
@media (min-width: 1024px){.hdc-docs-layout{ grid-template-columns: var(--hdc-docs-side) minmax(0, 1fr); }
.hdc-docs-layout__side{ position: sticky; top: var(--hdc-docs-sticky); max-height: calc(100vh - var(--hdc-docs-sticky) - 1rem); overflow-y: auto; padding-inline-end: .25rem; scrollbar-width: thin; }}
.hdc-docs-nav__box{ border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); }
.hdc-docs-nav__summary{ display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; font-weight: 600; color: var(--hdc-heading); cursor: pointer; list-style: none; }
.hdc-docs-nav__summary::-webkit-details-marker{ display: none; }
.hdc-docs-nav__list{ display: grid; gap: .1rem; margin: 0; padding: .35rem; list-style: none; }
@media (min-width: 1024px){.hdc-docs-nav__box{ border: 0; background: none; }
.hdc-docs-nav__summary{ display: none; }
.hdc-docs-nav__list{ padding: 0; }}
.hdc-docs-nav__link{ display: flex; align-items: center; gap: .55rem; padding: .5rem .65rem; border-radius: var(--hdc-r-md); color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); text-decoration: none; }
.hdc-docs-nav__link span:first-of-type{ flex: 1 1 auto; }
.hdc-docs-nav__link:hover{ background: var(--hdc-surface-hover); color: var(--hdc-heading); }
.hdc-docs-nav__link.is-current{ background: var(--hdc-primary-soft); color: var(--hdc-primary-text); font-weight: 600; }
.hdc-docs-nav__count{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-variant-numeric: tabular-nums; }
.hdc-docs-crumbs ol{ display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .4rem; margin: 0; padding: 0; list-style: none; font-size: var(--hdc-fs-sm); }
.hdc-docs-crumbs li{ display: inline-flex; align-items: center; gap: .4rem; min-width: 0; color: var(--hdc-text-3); }
.hdc-docs-crumbs a{ color: var(--hdc-text-2); text-decoration: none; }
.hdc-docs-crumbs a:hover{ color: var(--hdc-primary-text); text-decoration: underline; }
.hdc-docs-crumbs [aria-current]{ color: var(--hdc-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 36ch; }
.hdc-docs-head{ display: flex; align-items: flex-start; gap: 1rem; }
.hdc-docs-head__icon{ flex: none; }
.hdc-docs-head__text{ display: grid; gap: .4rem; min-width: 0; }
.hdc-docs-head__text .hdc-eyebrow{ margin: 0; }
.hdc-docs-head__title{ margin: 0; font-size: clamp(1.75rem, 1.2rem + 2vw, 2.4rem); line-height: var(--hdc-lh-tight); letter-spacing: var(--hdc-tracking-heading); }
.hdc-docs-head__lead{ margin: 0; max-width: 70ch; color: var(--hdc-text-2); font-size: var(--hdc-fs-md); }
.hdc-docs-head__meta{ margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.hdc-docs-filterbar{ overflow-x: auto; padding-block-end: .15rem; }
.hdc-docs-article{ display: grid; gap: 1.25rem; min-width: 0; }
.hdc-docs-article__head{ display: grid; gap: .75rem; padding-block-end: 1.25rem; border-block-end: 1px solid var(--hdc-border); }
.hdc-docs-article__eyebrow{ margin: 0; }
.hdc-docs-article__eyebrow a{ color: inherit; text-decoration: none; }
.hdc-docs-article__eyebrow a:hover{ text-decoration: underline; }
.hdc-docs-article__title{ margin: 0; font-size: clamp(1.9rem, 1.2rem + 2.6vw, 2.75rem); line-height: var(--hdc-lh-tight); letter-spacing: var(--hdc-tracking-heading); }
.hdc-docs-article__lead{ margin: 0; max-width: 70ch; color: var(--hdc-text-2); font-size: var(--hdc-fs-lg); }
.hdc-docs-facts{ display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.1rem; margin: 0; padding: 0; list-style: none; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-docs-facts li{ display: inline-flex; align-items: center; gap: .35rem; }
.hdc-docs-facts .hdc-i{ color: var(--hdc-text-3); }
.hdc-docs-tested{ display: flex; align-items: flex-start; gap: .45rem; margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-docs-tested .hdc-i{ flex: none; margin-block-start: .2rem; color: var(--hdc-success); }
.hdc-docs-actions{ display: flex; flex-wrap: wrap; gap: .5rem; }
.hdc-docs-preview, .hdc-docs-untranslated{ display: flex; align-items: center; gap: .5rem; margin: 0; }
.hdc-docs-article__grid{ display: grid; grid-template-columns: minmax(0, var(--hdc-docs-measure)); gap: 2rem; min-width: 0; }
.hdc-docs-article__main{ display: grid; gap: 2rem; align-content: start; min-width: 0; }
.hdc-docs-article__aside{ display: none; }
@media (min-width: 1280px){.hdc-docs-article__grid{ grid-template-columns: minmax(0, var(--hdc-docs-measure)) var(--hdc-docs-toc); gap: 2.5rem; }
.hdc-docs-layout--article{ max-width: calc(var(--hdc-docs-side) + var(--hdc-docs-measure) + var(--hdc-docs-toc) + 5rem + var(--hdc-gutter) * 2); }
.hdc-docs-article__aside{ display: grid; gap: 1.25rem; align-content: start; position: sticky; top: var(--hdc-docs-sticky); max-height: calc(100vh - var(--hdc-docs-sticky) - 1rem); overflow-y: auto; scrollbar-width: thin; }
.hdc-docs-toc--inline{ display: none; }}
.hdc-docs-toc__title{ margin: 0 0 .5rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 700; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-docs-toc__list{ display: grid; gap: .1rem; margin: 0; padding: 0; list-style: none; border-inline-start: 2px solid var(--hdc-border); }
.hdc-docs-toc__item a{ display: block; margin-inline-start: -2px; padding: .3rem .75rem; border-inline-start: 2px solid transparent; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); line-height: 1.35; text-decoration: none; }
.hdc-docs-toc__item--3 a{ padding-inline-start: 1.5rem; font-size: var(--hdc-fs-xs); }
.hdc-docs-toc__item a:hover{ color: var(--hdc-heading); }
.hdc-docs-toc__item a.is-active{ border-inline-start-color: var(--hdc-primary); color: var(--hdc-primary-text); font-weight: 600; }
.hdc-docs-toc--inline{ border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-bg-soft); }
.hdc-docs-toc--inline > summary{ display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; color: var(--hdc-heading); font-weight: 600; cursor: pointer; }
.hdc-docs-toc--inline .hdc-docs-toc__list{ margin: 0 1rem 1rem; }
.hdc-docs-box{ padding: 1rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); }
.hdc-docs-box__title{ margin: 0 0 .5rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 700; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-docs-box__list{ display: grid; gap: .2rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-box__list a{ display: flex; align-items: center; gap: .45rem; padding: .3rem 0; font-size: var(--hdc-fs-sm); text-decoration: none; }
.hdc-docs-box__list a:hover span{ text-decoration: underline; }
.hdc-docs-prose{ max-width: none; font-size: var(--hdc-fs-md); }
.hdc-docs-prose > :first-child{ margin-top: 0; }
.hdc-docs-prose :is(h2, h3, h4){ position: relative; scroll-margin-top: var(--hdc-docs-sticky); }
.hdc-docs-prose h2{ padding-block-start: .5rem; }
.hdc-docs-anchor{ display: inline-flex; margin-inline-start: .4rem; color: var(--hdc-text-3); opacity: 0; vertical-align: middle; text-decoration: none !important; transition: opacity var(--hdc-dur-1); }
.hdc-docs-prose :is(h2, h3, h4):hover .hdc-docs-anchor, .hdc-docs-anchor:focus-visible{ opacity: 1; }
.hdc-docs-prose :not(pre) > code{ padding: .1em .38em; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-xs); background: var(--hdc-bg-soft); font-size: .88em; word-break: break-word; }
.hdc-docs-prose a.hdc-docs-ext::after{ content: "\2197"; margin-inline-start: .15em; font-size: .8em; text-decoration: none; display: inline-block; }
.hdc-docs-prose img{ max-width: 100%; height: auto; }
.hdc-docs-figure{ margin-inline: 0; }
.hdc-docs-figure figcaption{ margin-block-start: .5rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); text-align: center; }
.hdc-docs-figure--screen{ margin-block: 1.5rem; }
.hdc-docs-figure__zoom{ display: block; overflow: hidden; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); box-shadow: var(--hdc-shadow-sm); cursor: zoom-in; text-decoration: none !important; transition: border-color var(--hdc-dur-1), box-shadow var(--hdc-dur-1); }
.hdc-docs-figure__zoom:hover{ border-color: var(--hdc-border-strong); box-shadow: var(--hdc-shadow-md); }
.hdc-docs-figure__zoom:focus-visible{ outline: 2px solid var(--hdc-primary); outline-offset: 3px; }
.hdc-docs-figure__zoom img{ display: block; width: 100%; max-width: 100%; height: auto; }
.hdc-docs-figure__zoom .hdc-docs-shot--dark, :root[data-theme="dark"] .hdc-docs-figure__zoom .hdc-docs-shot--light{ display: none; }
:root[data-theme="dark"] .hdc-docs-figure__zoom .hdc-docs-shot--dark{ display: block; }
.hdc-docs-figure--screen figcaption{ text-align: start; text-wrap: pretty; }
:root[data-theme="dark"] .hdc-docs-figure__zoom{ border-color: var(--hdc-border-strong); }
@media print{.hdc-docs-figure--screen{ break-inside: avoid; }
.hdc-docs-figure__zoom{ box-shadow: none; }}
.hdc-docs-missing-link{ color: var(--hdc-text-2); }
.hdc-docs-tasks{ padding-inline-start: .25rem !important; list-style: none; }
.hdc-docs-tasks input{ margin-inline-end: .4rem; accent-color: var(--hdc-primary); }
.hdc-docs-prereq{ padding: 1.1rem 1.25rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-bg-soft); }
.hdc-docs-prereq > h2{ margin-top: 0; padding-block-start: 0; font-size: var(--hdc-fs-lg); }
.hdc-docs-prereq > * + *{ margin-top: .75em; }
.hdc-docs-code{
  --hdc-code-fg: #dbe5f1;
  --hdc-code-str: #a5d6a7;
  --hdc-code-kw: #c4a7ff;
  --hdc-code-opt: #f5b97a;
  --hdc-code-tag: #f28b8b;
  margin-inline: 0;
  overflow: hidden;
  border: 1px solid var(--hdc-night-700);
  border-radius: var(--hdc-r-md);
  background: var(--hdc-night-900);
}
.hdc-docs-code__bar{ display: flex; align-items: center; gap: .75rem; min-height: 2.4rem; padding: .25rem .4rem .25rem .9rem; border-block-end: 1px solid var(--hdc-night-700); background: var(--hdc-night-850); color: var(--hdc-gray-400); font-size: var(--hdc-fs-xs); }
.hdc-docs-code__lang{ font-weight: 700; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-docs-code__title{ flex: 1 1 auto; min-width: 0; overflow: hidden; color: var(--hdc-gray-300); font-family: var(--hdc-font-mono); text-overflow: ellipsis; white-space: nowrap; }
.hdc-docs-code__copy{ display: inline-flex; align-items: center; gap: .35rem; margin-inline-start: auto; padding: .3rem .6rem; border: 1px solid var(--hdc-night-600); border-radius: var(--hdc-r-sm); background: transparent; color: var(--hdc-gray-300); font: inherit; font-size: var(--hdc-fs-xs); cursor: pointer; }
.hdc-docs-code__copy:hover{ border-color: var(--hdc-gray-400); color: var(--hdc-gray-0); }
.hdc-docs-code__copy:focus-visible{ outline: 2px solid var(--hdc-cyan-400); outline-offset: 2px; }
.hdc-docs-code__copy.is-done{ border-color: var(--hdc-green-500); color: var(--hdc-green-500); }
.hdc-docs-code__pre{ margin: 0 !important; border-radius: 0 !important; background: transparent !important; font-size: .875rem; line-height: 1.6; tab-size: 4; }
.hdc-docs-code__pre:focus-visible{ outline: 2px solid var(--hdc-cyan-400); outline-offset: -2px; }
.hdc-docs-code code{ color: var(--hdc-code-fg); white-space: pre; }
.hdc-docs-code .tok-c{ color: var(--hdc-gray-400); font-style: italic; }
.hdc-docs-code .tok-s{ color: var(--hdc-code-str); }
.hdc-docs-code .tok-n{ color: var(--hdc-amber-500); }
.hdc-docs-code .tok-k{ color: var(--hdc-code-kw); }
.hdc-docs-code .tok-v{ color: var(--hdc-cyan-400); }
.hdc-docs-code .tok-f{ color: var(--hdc-blue-300); }
.hdc-docs-code .tok-o{ color: var(--hdc-code-opt); }
.hdc-docs-code .tok-p{ color: var(--hdc-blue-200); }
.hdc-docs-code .tok-t{ color: var(--hdc-code-tag); }
.hdc-docs-code .tok-m{ color: var(--hdc-gray-300); }
.hdc-docs-code .tok-ins{ color: var(--hdc-code-str); }
.hdc-docs-code .tok-del{ color: var(--hdc-code-tag); }
.hdc-docs-code .tok-prompt{ color: var(--hdc-gray-500); user-select: none; -webkit-user-select: none; }
.hdc-docs-code .tok-out{ color: var(--hdc-gray-400); }
.hdc-docs-callout{ --hdc-co: var(--hdc-info); --hdc-co-bg: var(--hdc-info-soft); --hdc-co-fg: var(--hdc-info-text); margin-inline: 0; padding: .9rem 1.1rem; border: 1px solid var(--hdc-border); border-inline-start: 4px solid var(--hdc-co); border-radius: var(--hdc-r-md); background: var(--hdc-co-bg); }
.hdc-docs-callout--tip, .hdc-docs-callout--success{ --hdc-co: var(--hdc-success); --hdc-co-bg: var(--hdc-success-soft); --hdc-co-fg: var(--hdc-success-text); }
.hdc-docs-callout--warning{ --hdc-co: var(--hdc-warning); --hdc-co-bg: var(--hdc-warning-soft); --hdc-co-fg: var(--hdc-warning-text); }
.hdc-docs-callout--danger{ --hdc-co: var(--hdc-danger); --hdc-co-bg: var(--hdc-danger-soft); --hdc-co-fg: var(--hdc-danger-text); }
.hdc-docs-callout__title{ display: flex; align-items: center; gap: .45rem; margin: 0 0 .35rem; color: var(--hdc-co-fg); font-weight: 700; }
.hdc-docs-callout__body > :first-child{ margin-top: 0; }
.hdc-docs-callout__body > * + *{ margin-top: .75em; }
.hdc-docs-callout__body :last-child{ margin-bottom: 0; }
.hdc-docs-tabs{ border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface); overflow: hidden; }
.hdc-docs-tabs__panel{ padding: 1rem 1.1rem; }
.hdc-docs-tabs__panel + .hdc-docs-tabs__panel{ border-block-start: 1px solid var(--hdc-border); }
.hdc-docs-tabs__panel > * + *{ margin-top: .9em; }
.hdc-docs-tabs__label{ margin: 0; color: var(--hdc-heading); font-weight: 700; }
.hdc-docs-tabs.is-enhanced .hdc-docs-tabs__label{ display: none; }
.hdc-docs-tabs.is-enhanced .hdc-docs-tabs__panel + .hdc-docs-tabs__panel{ border-block-start: 0; }
.hdc-docs-tabs.is-enhanced .hdc-docs-tabs__panel[hidden]{ display: none; }
.hdc-docs-steps{ position: relative; display: grid; gap: 1.5rem; padding: 0 !important; list-style: none; counter-reset: none; }
.hdc-docs-step{ position: relative; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 1rem; }
.hdc-docs-step + .hdc-docs-step{ margin-top: 0 !important; }
.hdc-docs-step::before{ content: ""; position: absolute; inset-block: 2.6rem -1.5rem; inset-inline-start: 1.06rem; width: 2px; background: var(--hdc-border); }
.hdc-docs-step:last-child::before{ display: none; }
.hdc-docs-step__num{ position: relative; z-index: 1; display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: var(--hdc-primary); color: var(--hdc-on-primary); font-weight: 700; font-variant-numeric: tabular-nums; }
.hdc-docs-step__body{ display: grid; gap: .75rem; min-width: 0; }
.hdc-docs-step__body > *{ margin: 0 !important; }
.hdc-docs-step__title{ padding-block-start: .3rem; font-size: var(--hdc-fs-lg) !important; }
.hdc-docs-details{ border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); background: var(--hdc-surface); }
.hdc-docs-details > summary{ padding: .75rem 1rem; color: var(--hdc-heading); font-weight: 600; cursor: pointer; }
.hdc-docs-details__body{ padding: 0 1rem 1rem; }
.hdc-docs-details__body > * + *{ margin-top: .75em; }
.hdc-docs-table{ max-width: 100%; overflow-x: auto; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); }
.hdc-docs-table:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-docs-table table{ min-width: 100%; margin: 0; border: 0; }
.hdc-docs-table th, .hdc-docs-table td{ border-width: 0 0 1px; }
.hdc-docs-table tr:last-child td{ border-bottom: 0; }
.hdc-docs-table .is-center{ text-align: center; }
.hdc-docs-table .is-end{ text-align: end; }
.hdc-docs-faq{ display: grid; gap: .75rem; }
.hdc-docs-faq > h2{ margin: 0; font-size: var(--hdc-fs-h3); scroll-margin-top: var(--hdc-docs-sticky); }
.hdc-docs-faq__list{ display: grid; gap: .5rem; }
.hdc-docs-faq__item{ border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); background: var(--hdc-surface); }
.hdc-docs-faq__item > summary{ position: relative; padding: .9rem 2.75rem .9rem 1.1rem; color: var(--hdc-heading); font-weight: 600; cursor: pointer; list-style: none; }
.hdc-docs-faq__item > summary::-webkit-details-marker{ display: none; }
.hdc-docs-faq__item > summary::after{ content: "+"; position: absolute; inset-inline-end: 1.1rem; top: 50%; transform: translateY(-50%); color: var(--hdc-primary); font-size: 1.25rem; line-height: 1; }
.hdc-docs-faq__item[open] > summary::after{ content: "\2212"; }
.hdc-docs-faq__item > .hdc-prose{ padding: 0 1.1rem 1rem; max-width: none; font-size: var(--hdc-fs-base); }
.hdc-docs-sources{ display: grid; gap: .5rem; }
.hdc-docs-sources__title{ margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 700; letter-spacing: var(--hdc-tracking-label); text-transform: uppercase; }
.hdc-docs-sources__list{ display: grid; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-sources__list a{ display: inline-flex; align-items: baseline; gap: .4rem; min-width: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); overflow-wrap: anywhere; }
.hdc-docs-sources__list a:hover{ color: var(--hdc-primary-text); }
.hdc-docs-sources__list .hdc-i{ flex: none; align-self: center; }
.hdc-docs-feedback{ display: grid; gap: .9rem; padding: 1.1rem 1.25rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-bg-soft); }
.hdc-docs-feedback__row{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.hdc-docs-feedback__q{ margin: 0; color: var(--hdc-heading); font-weight: 600; }
.hdc-docs-feedback__more{ display: grid; gap: .5rem; }
.hdc-docs-feedback__thanks{ display: flex; align-items: center; gap: .5rem; margin: 0; color: var(--hdc-success-text); font-weight: 600; }
.hdc-docs-feedback__error{ margin: 0; color: var(--hdc-danger-text); }
.hdc-docs-feedback button[aria-pressed="true"]{ border-color: var(--hdc-primary); background: var(--hdc-primary-soft); color: var(--hdc-primary-text); }
.hdc-docs-pn{ display: grid; gap: .75rem; }
@media (min-width: 640px){.hdc-docs-pn{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
.hdc-docs-pn__link{ display: grid; gap: .25rem; padding: .9rem 1.1rem; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); background: var(--hdc-surface); text-decoration: none; }
.hdc-docs-pn__link:hover{ border-color: var(--hdc-primary); }
.hdc-docs-pn__link--next{ text-align: end; justify-items: end; }
@media (min-width: 640px){.hdc-docs-pn__link--next:only-child{ grid-column: 2; }}
.hdc-docs-pn__dir{ display: inline-flex; align-items: center; gap: .35rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 600; }
.hdc-docs-pn__title{ color: var(--hdc-heading); font-weight: 600; }
.hdc-docs-related{ display: grid; gap: 1rem; padding-block-start: clamp(2rem, 4vw, 3rem); }
.hdc-docs-filters{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem 1rem; }
.hdc-docs-filters__field{ flex: 1 1 160px; margin: 0; }
.hdc-docs-filters__actions{ display: flex; flex-wrap: wrap; gap: .5rem; }
.hdc-docs-dym{ display: flex; align-items: center; gap: .45rem; margin: 0; color: var(--hdc-text-2); }
.hdc-docs-empty{ display: grid; justify-items: center; gap: .75rem; padding: clamp(1.75rem, 5vw, 3rem) 1.25rem; text-align: center; }
.hdc-docs-empty h1, .hdc-docs-empty h2{ margin: 0; font-size: var(--hdc-fs-h3); }
.hdc-docs-empty p{ margin: 0; max-width: 56ch; color: var(--hdc-text-2); }
.hdc-docs-404 h1{ font-size: clamp(1.75rem, 1.2rem + 2vw, 2.4rem); }
.hdc-docs-404 .hdc-docs-search{ width: min(100%, 640px); text-align: start; }
.hdc-docs-404__links{ justify-content: center; margin-block-start: 1.5rem; }
.hdc-docs-pager{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; }
.hdc-docs-pager__list{ display: flex; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-pager__item{ display: inline-grid; place-items: center; min-width: 2.25rem; height: 2.25rem; padding-inline: .5rem; border-radius: var(--hdc-r-md); color: var(--hdc-text-2); text-decoration: none; font-variant-numeric: tabular-nums; }
.hdc-docs-pager__item:hover{ background: var(--hdc-surface-hover); }
.hdc-docs-pager__item.is-current{ background: var(--hdc-primary); color: var(--hdc-on-primary); font-weight: 700; }
.hdc-docs-promo{ display: grid; gap: .75rem; margin-block-start: 1.5rem; padding: 1.1rem 1.25rem; }
.hdc-docs-promo__head{ display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; }
.hdc-docs-promo__head > div{ flex: 1 1 220px; }
.hdc-docs-promo--client .hdc-docs-promo__head{ justify-content: space-between; padding: 0; border: 0; background: none; }
.hdc-docs-promo__title{ display: inline-flex; align-items: center; gap: .5rem; margin: 0; font-size: var(--hdc-fs-lg); }
.hdc-docs-promo__text{ margin: .2rem 0 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-docs-promo__list{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: .4rem 1rem; margin: 0; padding: 0; list-style: none; }
.hdc-docs-promo__list a{ display: flex; align-items: center; gap: .5rem; padding: .45rem .25rem; color: var(--hdc-text); font-size: var(--hdc-fs-sm); text-decoration: none; }
.hdc-docs-promo__list a span:first-of-type{ flex: 1 1 auto; }
.hdc-docs-promo__list a:hover span:first-of-type{ color: var(--hdc-primary-text); text-decoration: underline; }
.hdc-docs-promo__list .hdc-i{ color: var(--hdc-primary); }
.hdc-docs-promo__min{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); white-space: nowrap; }
@media (max-width: 559.98px){.hdc-docs-search__kbd{ display: none; }
.hdc-docs-search--lg .hdc-docs-search__input{ height: 2.6rem; font-size: var(--hdc-fs-md); }
.hdc-docs-search .hdc-docs-search__btn{ padding-inline: .8rem; }
.hdc-docs-head{ flex-direction: column; gap: .6rem; }
.hdc-docs-code__pre{ font-size: .8125rem; }
.hdc-docs-step{ grid-template-columns: 1.85rem minmax(0, 1fr); gap: .75rem; }
.hdc-docs-step__num{ width: 1.85rem; height: 1.85rem; font-size: var(--hdc-fs-sm); }
.hdc-docs-step::before{ inset-inline-start: .86rem; inset-block-start: 2.2rem; }}
@media (prefers-reduced-motion: reduce){.hdc-docs-card__link, .hdc-docs-search, .hdc-docs-chip{ transition: none; }}
@media print{.hdc-docs-layout__side, .hdc-docs-article__aside, .hdc-docs-actions, .hdc-docs-toc, .hdc-docs-feedback, .hdc-docs-anchor, .hdc-docs-code__copy{ display: none !important; }
.hdc-docs-layout, .hdc-docs-article__grid{ display: block; }
.hdc-docs-code{ border-color: #999; background: #fff; }
.hdc-docs-code code, .hdc-docs-code .tok-c, .hdc-docs-code [class^="tok-"]{ color: #000 !important; white-space: pre-wrap; }
.hdc-docs-tabs__panel[hidden]{ display: block !important; }
.hdc-docs-tabs__label{ display: block !important; }}
/* ===== part: engage.css ===== */
.hdc-survey{ display: flex; flex-direction: column; gap: 1.25rem; margin: 0; }
.hdc-survey__hp{ position: absolute; inset-inline-start: -10000px; inline-size: 1px; block-size: 1px; overflow: hidden; }
.hdc-survey__intro{ margin: 0; color: var(--hdc-text-2); }
.hdc-survey__list{ display: flex; flex-direction: column; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.hdc-survey__q{ display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
.hdc-survey__q[hidden]{ display: none; }
.hdc-survey__set{ min-width: 0; margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: .55rem; }
.hdc-survey__label{ padding: 0; color: var(--hdc-heading); font-size: var(--hdc-fs-base); font-weight: 600; line-height: 1.4; }
.hdc-survey__req{ margin-inline-start: .2rem; color: var(--hdc-danger); }
.hdc-survey__help{ margin: 0; }
.hdc-survey__err:not([hidden]){ margin: 0; }
.hdc-survey__q.is-invalid .hdc-input{ border-color: var(--hdc-danger); }
.hdc-survey__note{ margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); }
.hdc-survey__note a{ color: inherit; text-decoration: underline; }
.hdc-survey__status:not([hidden]){ margin: 0; }
.hdc-survey__count{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); text-align: end; }
.hdc-survey__stars{ display: flex; flex-wrap: wrap; gap: .15rem; }
.hdc-survey__star{ position: relative; display: inline-flex; padding: .2rem; border-radius: var(--hdc-r-sm); color: var(--hdc-text-3); cursor: pointer; line-height: 0; }
.hdc-survey__star-icon{ width: 32px; height: 32px; }
.hdc-survey__star:focus-within{ box-shadow: var(--hdc-focus-ring); }
.hdc-survey__star:hover{ color: var(--hdc-warning); }
.hdc-survey__stars[data-value="1"] .hdc-survey__star:nth-child(-n+1),
.hdc-survey__stars[data-value="2"] .hdc-survey__star:nth-child(-n+2),
.hdc-survey__stars[data-value="3"] .hdc-survey__star:nth-child(-n+3),
.hdc-survey__stars[data-value="4"] .hdc-survey__star:nth-child(-n+4),
.hdc-survey__stars[data-value="5"] .hdc-survey__star:nth-child(-n+5),
.hdc-survey__star:has(input:checked){ color: var(--hdc-warning); }
.hdc-survey__stars--sm .hdc-survey__star-icon{ width: 22px; height: 22px; }
.hdc-survey__pills{ display: grid; grid-template-columns: repeat(5, minmax(0, 3.25rem)); gap: .4rem; }
.hdc-survey__pills--nps{ grid-template-columns: repeat(11, minmax(0, 1fr)); max-width: 40rem; }
.hdc-survey__pills--wide{ grid-template-columns: repeat(2, minmax(0, 8rem)); }
.hdc-survey__pill{ position: relative; display: block; cursor: pointer; }
.hdc-survey__pill span{
  display: flex; align-items: center; justify-content: center; min-height: 44px; padding: .4rem .5rem;
  border: 1px solid var(--hdc-border-input); border-radius: var(--hdc-r-sm); background: var(--hdc-surface);
  color: var(--hdc-heading); font-weight: 600; font-variant-numeric: tabular-nums;
  transition: background-color var(--hdc-dur-1) var(--hdc-ease), border-color var(--hdc-dur-1) var(--hdc-ease), color var(--hdc-dur-1) var(--hdc-ease);
}
.hdc-survey__pill:hover span{ border-color: var(--hdc-primary); }
.hdc-survey__pill input:checked + span{ border-color: var(--hdc-primary); background: var(--hdc-primary); color: var(--hdc-on-primary); }
.hdc-survey__pill input:focus-visible + span{ box-shadow: var(--hdc-focus-ring); }
.hdc-survey__ends{ display: flex; justify-content: space-between; gap: 1rem; margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); }
.hdc-survey__pills--nps + .hdc-survey__ends{ max-width: 40rem; }
.hdc-survey__stars + .hdc-survey__ends{ max-width: 13.5rem; }
.hdc-survey__pills:not(.hdc-survey__pills--nps):not(.hdc-survey__pills--wide) + .hdc-survey__ends{ max-width: 17.85rem; }
.hdc-survey__set > legend{ padding: 0; }
@media (max-width: 520px){.hdc-survey__pills--nps{ grid-template-columns: repeat(6, minmax(0, 1fr)); }}
.hdc-survey__choices{ display: flex; flex-direction: column; gap: .55rem; }
.hdc-survey__choice{ align-items: center; }
.hdc-survey__closed{ display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; }
.hdc-survey__closed p{ margin: 0; color: var(--hdc-text-2); }
.hdc-survey-done h1{ margin-top: 0; }
.hdc-engage-dialog .hdc-survey__intro--dialog{ margin: 0 0 1rem; color: var(--hdc-text-2); }
.hdc-engage-dialog .hdc-dialog__footer .hdc-survey__status{ flex: 1 1 100%; }
dialog.hdc-engage-dialog > form.hdc-survey{ gap: 0; }
.hdc-engage-dialog .hdc-dialog__body .hdc-survey__note{ margin-top: 1.25rem; }
.hdc-engage-fab{
  position: fixed; inset-inline-start: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 40;
  display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: .55rem 1rem;
  border: 1px solid var(--hdc-border-strong); border-radius: 999px; background: var(--hdc-surface-raised);
  color: var(--hdc-heading); font: 600 var(--hdc-fs-sm)/1 var(--hdc-font-sans); box-shadow: var(--hdc-shadow-md);
  cursor: pointer;
}
.hdc-engage-fab:hover{ border-color: var(--hdc-primary); color: var(--hdc-primary); }
.hdc-engage-fab:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring), var(--hdc-shadow-md); }
.hdc-engage-fab .hdc-i{ width: 18px; height: 18px; }
.hdc-layout-client .hdc-engage-fab{ inset-inline-start: auto; inset-inline-end: 16px; }
.hdc-engage-fb .hdc-survey__set{ margin-bottom: 1rem; }
.hdc-has-engage-fab .hdc-footer, .hdc-has-engage-fab .hdc-app__footer{ padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 767.98px){.hdc-layout-client .hdc-engage-fab{ bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
.hdc-engage-fab{ padding-inline: .8rem; }}
@media print{.hdc-engage-fab{ display: none; }}
.hdc-engage-fb .hdc-field:last-child{ margin-bottom: 0; }
html:not(.hdc-js) .hdc-svc-rate{ display: none; }
.hdc-svc-rate{ padding: 0; overflow: hidden; }
.hdc-svc-rate__box > summary{ list-style: none; }
.hdc-svc-rate__box > summary::-webkit-details-marker{ display: none; }
.hdc-svc-rate__summary{
  display: flex; align-items: center; gap: .6rem; min-height: 52px; padding: .85rem 1.25rem; cursor: pointer;
  color: var(--hdc-heading); font-weight: 600;
}
.hdc-svc-rate__summary:focus-visible{ outline: none; box-shadow: inset var(--hdc-focus-ring); }
.hdc-svc-rate__title{ flex: 1 1 auto; min-width: 0; }
.hdc-svc-rate__current{ display: inline-flex; align-items: center; gap: .1rem; color: var(--hdc-warning); }
.hdc-svc-rate__current .hdc-i{ width: 16px; height: 16px; }
.hdc-svc-rate__current .is-off{ color: var(--hdc-text-3); }
.hdc-svc-rate__chev{ width: 16px; height: 16px; color: var(--hdc-text-3); transition: transform var(--hdc-dur-2) var(--hdc-ease); }
.hdc-svc-rate__box[open] .hdc-svc-rate__chev{ transform: rotate(180deg); }
.hdc-svc-rate__form{ display: flex; flex-direction: column; gap: .85rem; margin: 0; padding: 0 1.25rem 1.25rem; }
.hdc-svc-rate__form .hdc-help{ margin: 0; }
.hdc-svc-rate__aspects > summary{ cursor: pointer; color: var(--hdc-primary); font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-svc-rate__aspects[open] > summary{ margin-bottom: .5rem; }
.hdc-svc-rate__aspect{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .25rem .75rem; margin: 0; padding: .25rem 0; border: 0; min-width: 0; }
.hdc-svc-rate__aspect legend{ float: inline-start; padding: 0; color: var(--hdc-text); font-size: var(--hdc-fs-sm); }
.hdc-svc-rate__form .hdc-field{ margin-bottom: 0; }
.hdc-svc-rate__foot{ display: flex; align-items: center; gap: .75rem; }
@media (prefers-reduced-motion: reduce){.hdc-svc-rate__chev{ transition: none; }}
/* ===== part: engine.css ===== */
@media (prefers-reduced-motion: no-preference){#header{ view-transition-name: hdc-header; }
.hdc-header .hdc-logo{ view-transition-name: hdc-logo; }
::view-transition-old(root),
  ::view-transition-new(root){ animation-duration: 180ms; }
::view-transition-group(hdc-header),
  ::view-transition-group(hdc-logo){ animation-duration: 220ms; }}
@media (prefers-reduced-motion: reduce){::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*){ animation: none !important; }}
/* ===== part: header.css ===== */
/* ==========================================================================
   H1 — site header: priority+ navigation, compact utilities, no-JS fallback
   (includes/hdc-site-header.tpl, includes/hdc-drawer.tpl, js/hdc.js initPriorityNav). Loads after hdc-site.css and
   hdc-portal.css (bundled into hdc-pages.css by tools/build_css.py). Tokens and logical properties only (dark, RTL).
   js/hdc.js sets data-hdc-fit on .hdc-header after measuring the row:
     0  everything at full size
     1  language/currency button icon-only, nav links slightly tighter
     2  also the login button icon-only (its text stays for screen readers)
   Top items that still do not fit get [hidden] and appear in "More" (<details data-hdc-nav-more>).
   Before the first measurement (and without JavaScript) the media queries below give a sensible default.
   ========================================================================== */
.hdc-header__inner > .hdc-logo,
.hdc-header__actions{ flex: none; }
.hdc-nav{ min-width: 0; }
.hdc-nav__list{ flex: 0 1 auto; min-width: 0; }
@media (min-width: 1100px){.hdc-nav{ display: flex; align-items: center; gap: .15rem; }}
.hdc-nav__item[hidden],
.hdc-nav__more[hidden],
.hdc-nav-more__entry[hidden]{ display: none !important; }
.hdc-js .hdc-header:not([data-hdc-fit]) .hdc-nav__list{ overflow-x: clip; }
.hdc-js .hdc-header:not([data-hdc-fit]) .hdc-nav__more{ display: none; }
.hdc-nav__more{ position: relative; flex: none; }
.hdc-nav__more > summary{ list-style: none; }
.hdc-nav__more > summary::-webkit-details-marker{ display: none; }
.hdc-nav__more > summary::marker{ content: ""; }
.hdc-nav__more[open] > .hdc-nav__more-toggle{ background: var(--hdc-bg-muted); color: var(--hdc-heading) !important; }
.hdc-nav__more[open] > .hdc-nav__more-toggle .hdc-chev{ transform: rotate(180deg); }
.hdc-nav-more{
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 70;
  width: min(320px, calc(100vw - 2rem));
  max-height: calc(100vh - var(--hdc-header-h) - 2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: .4rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-md);
  background: var(--hdc-surface-raised);
  box-shadow: var(--hdc-shadow-lg);
  animation: hdc-pop var(--hdc-dur-2) var(--hdc-ease);
}
.hdc-nav-more__list{ display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.hdc-nav-more__group > summary{ list-style: none; }
.hdc-nav-more__group > summary::-webkit-details-marker{ display: none; }
.hdc-nav-more__group > summary::marker{ content: ""; }
.hdc-nav-more__summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .6rem .7rem;
  border-radius: var(--hdc-r-sm);
  color: var(--hdc-heading);
  font: 600 var(--hdc-fs-sm)/1.3 var(--hdc-font-sans);
  cursor: pointer;
}
.hdc-nav-more__summary:hover, .hdc-nav-more__summary:focus-visible{ background: var(--hdc-bg-soft); }
.hdc-nav-more__summary .hdc-chev{ --hdc-i: 14px; opacity: .6; transition: transform var(--hdc-dur-2) var(--hdc-ease); }
.hdc-nav-more__group[open] > .hdc-nav-more__summary .hdc-chev{ transform: rotate(180deg); }
.hdc-nav-more__links{ display: grid; gap: 2px; padding-block: 0 .35rem; padding-inline-start: .35rem; }
.hdc-nav-more__links .hdc-dropdown__label{ padding-block-start: .45rem; }
.hdc-nav-more__plain{ font-weight: 600; color: var(--hdc-heading) !important; }
.hdc-mega__aside .hdc-mega__aside-title{ margin: 0; color: var(--hdc-heading); font-size: var(--hdc-fs-lg); font-weight: 700; line-height: 1.3; }
.hdc-header__login-icon{ display: none; }
.hdc-header[data-hdc-fit="1"] .hdc-header__locale-text,
.hdc-header[data-hdc-fit="2"] .hdc-header__locale-text,
.hdc-header[data-hdc-fit="3"] .hdc-header__locale-text{ display: none; }
.hdc-header[data-hdc-fit="1"] .hdc-header__locale,
.hdc-header[data-hdc-fit="2"] .hdc-header__locale,
.hdc-header[data-hdc-fit="3"] .hdc-header__locale{ width: 40px; padding: 0; justify-content: center; }
.hdc-header[data-hdc-fit="1"] .hdc-nav__link,
.hdc-header[data-hdc-fit="2"] .hdc-nav__link{ padding-inline: .65rem; }
.hdc-header[data-hdc-fit="1"] .hdc-header__actions,
.hdc-header[data-hdc-fit="2"] .hdc-header__actions,
.hdc-header[data-hdc-fit="3"] .hdc-header__actions{ gap: .25rem; }
.hdc-header[data-hdc-fit="3"] .hdc-header__inner{ column-gap: 1rem; }
.hdc-header[data-hdc-fit="3"] .hdc-nav,
.hdc-header[data-hdc-fit="3"] .hdc-nav__list{ gap: 0; }
.hdc-header[data-hdc-fit="3"] .hdc-nav__link{ padding-inline: .4rem; column-gap: .15rem; font-size: .875rem; }
.hdc-header[data-hdc-fit="2"] .hdc-header__login,
.hdc-header[data-hdc-fit="3"] .hdc-header__login{ --hdc-btn-px: 0; width: var(--hdc-btn-h); }
.hdc-header[data-hdc-fit="2"] .hdc-header__login .hdc-header__login-icon,
.hdc-header[data-hdc-fit="3"] .hdc-header__login .hdc-header__login-icon{ display: inline-block; }
.hdc-header[data-hdc-fit="2"] .hdc-header__login .hdc-header__cta-text,
.hdc-header[data-hdc-fit="3"] .hdc-header__login .hdc-header__cta-text{
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (min-width: 1100px) and (max-width: 1359.98px){.hdc-header:not([data-hdc-fit]) .hdc-header__locale-text{ display: none; }
.hdc-header:not([data-hdc-fit]) .hdc-header__locale{ width: 40px; padding: 0; justify-content: center; }}
html:not(.hdc-js) .hdc-js-only,
.hdc-js .hdc-nojs-only{ display: none !important; }
.hdc-drawer__group{
  padding: .8rem .5rem .3rem;
  color: var(--hdc-text-3);
  font-size: var(--hdc-fs-2xs);
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
noscript[data-hdc-lazy]{ display: contents; }
.hdc-js noscript[data-hdc-lazy]{ display: none; }
.hdc-drawer:not(.is-mounted):not(:target){ display: none; }
html:not(.hdc-js) .hdc-drawer:target{ visibility: visible; pointer-events: auto; }
html:not(.hdc-js) .hdc-drawer:target .hdc-drawer__backdrop{ opacity: 1; }
html:not(.hdc-js) .hdc-drawer:target .hdc-drawer__panel{ transform: none; }
@media (min-width: 1100px){html:not(.hdc-js) .hdc-header__inner{ height: auto; min-height: var(--hdc-header-h); padding-block: .4rem; }
html:not(.hdc-js) .hdc-nav{ flex-wrap: wrap; }
html:not(.hdc-js) .hdc-nav__list{ flex-wrap: wrap; row-gap: .15rem; }
html:not(.hdc-js) .hdc-nav__item:hover > .hdc-mega,
  html:not(.hdc-js) .hdc-nav__item:focus-within > .hdc-mega,
  html:not(.hdc-js) .hdc-dropdown:hover > .hdc-dropdown__menu,
  html:not(.hdc-js) .hdc-dropdown:focus-within > .hdc-dropdown__menu{
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition-delay: 0s;
  }}
/* ===== part: help.css @public ===== */
.hdc-hc-cta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.25rem;
  margin-top: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-xl);
  background:
    radial-gradient(100% 140% at 0% 0%, var(--hdc-primary-soft) 0%, transparent 65%),
    var(--hdc-surface);
}
.hdc-hc-cta__text{ flex: 1 1 260px; min-width: 0; }
.hdc-hc-cta__title{ margin: 0 0 .2rem; font-size: var(--hdc-fs-lg); }
.hdc-hc-cta__text p{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-hc-cta__actions{ display: flex; flex-wrap: wrap; gap: .5rem; }
@container (max-width: 520px){.hdc-hc-cta__actions, .hdc-hc-cta__actions .hdc-btn{ width: 100%; }}
/* ===== part: lightbox.css ===== */
/* ==========================================================================
   LB1 — image lightbox (js/hdc-lightbox.js, docs/THEME.md §8c)
   A <dialog class="hdc-dialog hdc-lightbox"> built by the script: the MD1 modal (css/hdc-core.css §12: centred on both
   axes, full screen on phones, scale/fade, scroll lock) sized to the image fitted into the viewport. The script sets
   --hdc-lb-w (dialog width), --hdc-lb-fw / --hdc-lb-fh (fitted image) and, at actual size, --hdc-lb-nw / --hdc-lb-nh.
   Bar (counter, actual size, open file, close) · stage (the image on the sunken surface) · foot (previous, caption,
   next). Icon buttons are bare glyphs that recolour on hover (owner rule: no boxed icons).
   ========================================================================== */
a[data-hdc-lightbox], [data-hdc-lightbox-src]{ cursor: zoom-in; }
dialog.hdc-dialog.hdc-lightbox{ --hdc-dlg-w: var(--hdc-lb-w, 960px); overflow: hidden; }
dialog.hdc-dialog.hdc-lightbox::backdrop{ background: rgba(4, 10, 22, .74); }
:root[data-theme="dark"] dialog.hdc-dialog.hdc-lightbox::backdrop{ background: rgba(0, 3, 10, .84); }
.hdc-lightbox [hidden]{ display: none !important; }
.hdc-lightbox__bar{ display: flex; flex: 0 0 auto; align-items: center; gap: .75rem; min-height: 52px; padding-block: .375rem; padding-inline: 1.25rem .375rem; border-bottom: 1px solid var(--hdc-border); }
.hdc-lightbox__count{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hdc-lightbox__tools{ display: flex; align-items: center; gap: .125rem; margin-inline-start: auto; }
.hdc-lightbox__btn{
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 40px; height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--hdc-r-sm);
  background: transparent;
  color: var(--hdc-text-2);
  cursor: pointer;
  text-decoration: none;
  transition: color var(--hdc-dur-1) var(--hdc-ease);
}
.hdc-lightbox__btn:hover{ color: var(--hdc-heading); }
.hdc-lightbox__btn:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); color: var(--hdc-heading); }
.hdc-lightbox__btn[aria-pressed="true"]{ color: var(--hdc-primary); }
.hdc-lightbox__btn .hdc-i{ --hdc-i: 20px; transition: transform var(--hdc-dur-2) var(--hdc-ease); }
.hdc-lightbox__nav .hdc-i{ --hdc-i: 24px; }
.hdc-lightbox__nav--prev:hover .hdc-i{ transform: translateX(-2px); }
.hdc-lightbox__nav--next:hover .hdc-i{ transform: translateX(2px); }
[dir="rtl"] .hdc-lightbox__nav--prev:hover .hdc-i, [dir="rtl"] .hdc-lightbox__nav--next:hover .hdc-i{ transform: scaleX(-1); }
.hdc-lightbox__stage{
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px;
  overflow: hidden;
  overscroll-behavior: contain;
  background: var(--hdc-surface-sunken);
  direction: ltr;
  touch-action: pan-y pinch-zoom;
}
.hdc-lightbox__frame{
  position: relative;
  flex: none;
  width: var(--hdc-lb-fw, 640px);
  height: var(--hdc-lb-fh, 400px);
  max-width: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: var(--hdc-r-md);
  background: var(--hdc-surface);
  box-shadow: 0 0 0 1px var(--hdc-border), var(--hdc-shadow-sm);
}
.hdc-lightbox__frame.is-loading{
  background: linear-gradient(90deg, var(--hdc-bg-muted) 0%, var(--hdc-bg-soft) 50%, var(--hdc-bg-muted) 100%);
  background-size: 200% 100%;
  animation: hdc-shimmer 1.4s linear infinite;
}
.hdc-lightbox__img{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%; height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity var(--hdc-dur-2) var(--hdc-ease);
  user-select: none;
  -webkit-user-drag: none;
}
.hdc-lightbox__img.is-ready{ opacity: 1; }
.hdc-lightbox.is-zoomable .hdc-lightbox__img{ cursor: zoom-in; }
.hdc-lightbox.is-zoomed .hdc-lightbox__stage{ overflow: auto; touch-action: auto; cursor: grab; }
.hdc-lightbox.is-zoomed .hdc-lightbox__stage:focus-visible{ outline: 2px solid var(--hdc-primary); outline-offset: -2px; }
.hdc-lightbox.is-zoomed .hdc-lightbox__frame{ width: var(--hdc-lb-nw); height: var(--hdc-lb-nh); max-width: none; border-radius: 0; box-shadow: none; }
.hdc-lightbox.is-zoomed .hdc-lightbox__img{ cursor: grab; }
.hdc-lightbox.is-panning .hdc-lightbox__stage, .hdc-lightbox.is-panning .hdc-lightbox__img{ cursor: grabbing; }
.hdc-lightbox__state{ position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .6rem; padding: 1rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); text-align: center; }
.hdc-lightbox__state-text{ margin: 0; max-width: 36ch; }
.hdc-lightbox__state--error{ background: var(--hdc-surface); }
.hdc-lightbox__state--error .hdc-i{ --hdc-i: 28px; color: var(--hdc-warning); }
.hdc-lightbox__state-link{ color: var(--hdc-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.hdc-lightbox__foot{ display: flex; flex: 0 0 auto; align-items: center; gap: .25rem; min-height: 52px; padding: .375rem; border-top: 1px solid var(--hdc-border); }
.hdc-lightbox__caption{ flex: 1 1 auto; min-width: 0; margin: 0; padding: .25rem .5rem; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); line-height: 1.5; text-align: center; text-wrap: pretty; overflow-wrap: anywhere; }
@media (max-width: 600px){.hdc-lightbox__bar{ padding-top: calc(.375rem + env(safe-area-inset-top, 0px)); padding-inline-start: 1rem; }
.hdc-lightbox__stage{ padding: 8px; }
.hdc-lightbox__foot{ padding-bottom: calc(.375rem + env(safe-area-inset-bottom, 0px)); }}
@media (prefers-reduced-motion: reduce){.hdc-lightbox__img, .hdc-lightbox__btn .hdc-i{ transition: none; }
.hdc-lightbox__frame.is-loading{ animation: none; }}
@media print{dialog.hdc-lightbox{ display: none !important; }}
/* ===== part: megamenu.css ===== */
/* ==========================================================================
   H3 — mega menus: panels (includes/hdc-mega.tpl), tiles (hdc-mega-tile.tpl), featured illustrations
   (hdc-mega-art.tpl, generated by tools/menu_art.py), the priority+ "More" panel and the mobile drawer
   (hdc-drawer.tpl). Bundled after hdc-site.css and parts/header.css (tools/build_css.py, file-name order), so these
   rules replace the 1.x mega panel. Tokens and logical properties only: dark mode, RTL and the Studio palette follow.
   Panels are display:none while closed (nothing to lay out, logos load on first open) and fade/slide in on open and
   fade out on close (transition-behavior: allow-discrete where supported); prefers-reduced-motion turns motion off.
   js/hdc.js sets --hdc-mega-x (offset of the panel from the start of the header container) so a panel opens under its
   trigger and never leaves the container; without JavaScript it starts at the container's start.
   ========================================================================== */
.hdc-mega,
.hdc-drawer{
  --hdc-tone: var(--hdc-primary);
  --hdc-tone-soft: var(--hdc-primary-soft);
  --hdc-tone-ring: var(--hdc-primary-soft-2);
  --hdc-tone-text: var(--hdc-primary-text);
  --hdc-on-tone: #fff;
}
.hdc-tone--blue{ --hdc-tone: var(--hdc-primary); --hdc-tone-soft: var(--hdc-primary-soft); --hdc-tone-ring: var(--hdc-primary-soft-2); --hdc-tone-text: var(--hdc-primary-text); }
.hdc-tone--cyan{ --hdc-tone: #0b86ab; --hdc-tone-soft: #e8f7fc; --hdc-tone-ring: #c8ecf7; --hdc-tone-text: #08708f; }
.hdc-tone--violet{ --hdc-tone: var(--hdc-blue-800); --hdc-tone-soft: var(--hdc-blue-50); --hdc-tone-ring: var(--hdc-blue-100); --hdc-tone-text: var(--hdc-blue-800); }
.hdc-tone--green{ --hdc-tone: var(--hdc-blue-500); --hdc-tone-soft: var(--hdc-blue-50); --hdc-tone-ring: var(--hdc-blue-100); --hdc-tone-text: var(--hdc-blue-700); }
.hdc-tone--amber{ --hdc-tone: var(--hdc-blue-700); --hdc-tone-soft: var(--hdc-blue-50); --hdc-tone-ring: var(--hdc-blue-100); --hdc-tone-text: var(--hdc-blue-800); }
.hdc-tone--rose{ --hdc-tone: var(--hdc-blue-900); --hdc-tone-soft: var(--hdc-blue-50); --hdc-tone-ring: var(--hdc-blue-100); --hdc-tone-text: var(--hdc-blue-900); }
.hdc-tone--slate{ --hdc-tone: var(--hdc-gray-600); --hdc-tone-soft: var(--hdc-gray-100); --hdc-tone-ring: var(--hdc-gray-200); --hdc-tone-text: var(--hdc-gray-700); }
:root[data-theme="dark"] .hdc-mega,
:root[data-theme="dark"] .hdc-drawer{ --hdc-on-tone: var(--hdc-night-900); }
:root[data-theme="dark"] .hdc-tone--blue{ --hdc-tone: #4aa8ec; --hdc-tone-soft: rgba(43, 149, 224, .14); --hdc-tone-ring: rgba(43, 149, 224, .28); --hdc-tone-text: #7cc2f3; }
:root[data-theme="dark"] .hdc-tone--cyan{ --hdc-tone: #3cc8ee; --hdc-tone-soft: rgba(34, 195, 238, .12); --hdc-tone-ring: rgba(34, 195, 238, .26); --hdc-tone-text: #84def6; }
:root[data-theme="dark"] .hdc-tone--violet,
:root[data-theme="dark"] .hdc-tone--green,
:root[data-theme="dark"] .hdc-tone--amber,
:root[data-theme="dark"] .hdc-tone--rose{ --hdc-tone: #74b6e6; --hdc-tone-soft: rgba(43, 149, 224, .12); --hdc-tone-ring: rgba(43, 149, 224, .26); --hdc-tone-text: #acd4f1; }
:root[data-theme="dark"] .hdc-tone--slate{ --hdc-tone: #a5b3c6; --hdc-tone-soft: rgba(148, 170, 200, .12); --hdc-tone-ring: rgba(148, 170, 200, .24); --hdc-tone-text: #c9d3e0; }
.hdc-mega{
  display: none;
  padding-top: 10px;
  opacity: 0;
  transform: translateY(-4px);
  visibility: visible;
  pointer-events: none;
  transition: opacity 150ms var(--hdc-ease), transform 150ms var(--hdc-ease), display 150ms allow-discrete;
}
.hdc-nav__item.is-open > .hdc-mega{ pointer-events: none; }
.hdc-mega__panel{ pointer-events: auto; }
.hdc-nav__item.is-open > .hdc-mega{ display: block; opacity: 1; transform: none; }
@starting-style {
  .hdc-nav__item.is-open > .hdc-mega { opacity: 0; transform: translateY(6px); }
}
.hdc-mega__frame{ display: flex; }
.hdc-mega__panel{
  position: relative;
  display: flex;
  align-items: stretch;
  width: max-content;
  max-width: 100%;
  max-height: calc(100vh - var(--hdc-header-h) - var(--hdc-topbar-h) - 28px);
  margin-inline-start: var(--hdc-mega-x, 0px);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hdc-border);
  border-radius: 20px;
  background: var(--hdc-surface-raised);
  box-shadow: 0 32px 64px -28px rgba(15, 33, 58, .3), 0 8px 24px -12px rgba(15, 33, 58, .14);
}
:root[data-theme="dark"] .hdc-mega__panel{ box-shadow: 0 32px 72px -24px rgba(0, 0, 0, .75), 0 0 0 1px rgba(148, 170, 200, .06); }
.hdc-mega__body{ display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.hdc-mega__groups{
  display: grid;
  grid-template-columns: repeat(var(--hdc-mega-cols, 2), minmax(13rem, 20rem));
  gap: 1.25rem .75rem;
  align-content: start;
  padding: 1.35rem 1rem 1.1rem;
}
.hdc-mega__group{ min-width: 0; }
.hdc-mega__group-title{
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 0 0 .45rem;
  padding-inline: .75rem;
  color: var(--hdc-text-3);
  font: 600 var(--hdc-fs-2xs)/1.3 var(--hdc-font-mono);
  letter-spacing: var(--hdc-tracking-label);
  text-transform: uppercase;
}
.hdc-mega__group-title::after{ content: ""; flex: 1 1 auto; height: 1px; background: var(--hdc-border); }
.hdc-mega__list{ display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.hdc-mega__link,
.hdc-drawer__link{
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  padding: .6rem .75rem;
  border-radius: 12px;
  color: var(--hdc-text) !important;
  text-decoration: none !important;
  transition: background-color var(--hdc-dur-1) var(--hdc-ease), box-shadow var(--hdc-dur-1) var(--hdc-ease);
}
.hdc-mega__link:hover,
.hdc-drawer__link:hover{ background: var(--hdc-bg-soft); }
.hdc-mega__link:focus-visible,
.hdc-drawer__link:focus-visible,
.hdc-mega__more:focus-visible,
.hdc-mega__strip-links a:focus-visible,
.hdc-drawer__feature:focus-visible,
.hdc-drawer__strip a:focus-visible{ outline: none; background: var(--hdc-bg-soft); box-shadow: var(--hdc-focus-ring); }
.hdc-mega__tile{
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 0;
  background: none;
  color: var(--hdc-tone);
  box-shadow: none;
  transition: color var(--hdc-dur-2) var(--hdc-ease), transform var(--hdc-dur-2) var(--hdc-ease);
}
.hdc-mega__tile .hdc-i{ --hdc-i: 24px; }
.hdc-mega__link:hover .hdc-mega__tile,
.hdc-mega__link:focus-visible .hdc-mega__tile{ transform: translateY(-1px); }
.hdc-mega__tile--logo img{ display: block; width: 26px; height: 26px; object-fit: contain; }
:root[data-theme="dark"] .hdc-mega__tile--logo img{ filter: drop-shadow(0 0 1px rgba(255, 255, 255, .45)); }
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hdc-mega__tile--logo img{ filter: drop-shadow(0 0 1px rgba(255, 255, 255, .45)); }}
.hdc-mega__text{ display: grid; gap: 2px; min-width: 0; padding-top: 1px; }
.hdc-mega__title{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .2rem .45rem;
  color: var(--hdc-heading);
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3;
}
.hdc-mega__desc{ color: var(--hdc-text-3); font-size: .8125rem; line-height: 1.45; }
.hdc-mega__badge{ height: 19px; padding: 0 .45rem; font-size: .6875rem; letter-spacing: .01em; }
.hdc-mega__link--compact,
.hdc-drawer__link--compact{ align-items: center; gap: .65rem; padding: .38rem .75rem; }
.hdc-mega__link--compact .hdc-mega__tile,
.hdc-drawer__link--compact .hdc-mega__tile{ width: 24px; height: 24px; }
.hdc-mega__link--compact .hdc-mega__tile .hdc-i,
.hdc-drawer__link--compact .hdc-mega__tile .hdc-i{ --hdc-i: 18px; }
.hdc-mega__link--compact .hdc-mega__tile--logo img,
.hdc-drawer__link--compact .hdc-mega__tile--logo img{ width: 20px; height: 20px; }
.hdc-mega__link--compact .hdc-mega__text,
.hdc-drawer__link--compact .hdc-mega__text{ gap: 0; padding-top: 0; }
.hdc-mega__link--compact .hdc-mega__title,
.hdc-drawer__link--compact .hdc-mega__title{ font-size: .875rem; font-weight: 550; }
.hdc-mega__link--compact .hdc-mega__desc,
.hdc-drawer__link--compact .hdc-mega__desc{ overflow: hidden; font-size: .75rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.hdc-mega__entry--compact + .hdc-mega__entry:not(.hdc-mega__entry--compact):not(.hdc-mega__entry--more){ margin-top: .35rem; }
.hdc-mega__entry:not(.hdc-mega__entry--compact):not(.hdc-mega__entry--more) + .hdc-mega__entry--compact{ margin-top: .2rem; }
.hdc-mega__more{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: .3rem .5rem 0;
  padding: .35rem .3rem;
  border-radius: 8px;
  color: var(--hdc-tone-text) !important;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none !important;
}
.hdc-mega__more .hdc-i{ --hdc-i: 15px; transition: transform var(--hdc-dur-2) var(--hdc-ease); }
.hdc-mega__more:hover{ color: var(--hdc-heading) !important; }
.hdc-mega__more:hover .hdc-i{ transform: translateX(3px); }
[dir="rtl"] .hdc-mega__more:hover .hdc-i{ transform: scaleX(-1) translateX(3px); }
.hdc-mega__strip{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem 1.5rem;
  margin-top: auto;
  padding: .8rem 1.75rem;
  border-top: 1px solid var(--hdc-border);
  background: color-mix(in srgb, var(--hdc-bg-soft) 70%, transparent);
}
.hdc-mega__strip-text{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-mega__strip-links{ display: flex; flex-wrap: wrap; gap: .25rem 1.4rem; margin: 0; padding: 0; list-style: none; }
.hdc-mega__strip-links a{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .3rem .15rem;
  border-radius: 6px;
  color: var(--hdc-text-2) !important;
  font-size: var(--hdc-fs-sm);
  font-weight: 550;
  text-decoration: none !important;
  transition: color var(--hdc-dur-1) var(--hdc-ease);
}
.hdc-mega__strip-links a:hover{ color: var(--hdc-heading) !important; }
.hdc-mega__strip-links .hdc-i{ --hdc-i: 16px; color: var(--hdc-tone); }
.hdc-mega__body:has(> .hdc-mega__groups > .hdc-mega__group:only-child) .hdc-mega__strip{
  flex-direction: column;
  align-items: flex-start;
  gap: .3rem;
  margin: .15rem 1.75rem 0;
  padding: .8rem 0 1.25rem;
  background: none;
}
.hdc-mega__body:has(> .hdc-mega__groups > .hdc-mega__group:only-child) .hdc-mega__strip-links{ flex-direction: column; gap: .1rem; }
.hdc-mega__feature{
  display: flex;
  flex: 0 0 18.5rem;
  flex-direction: column;
  width: 18.5rem;
  margin: .6rem;
  margin-inline-start: 0;
  overflow: hidden;
  border-radius: 15px;
  background: linear-gradient(180deg, var(--hdc-tone-soft) 0%, color-mix(in srgb, var(--hdc-tone-soft) 30%, var(--hdc-surface-raised)) 100%);
  box-shadow: inset 0 0 0 1px var(--hdc-tone-ring);
}
.hdc-mega__art{
  position: relative;
  display: grid;
  flex: 1 1 9.25rem;
  place-items: center;
  min-height: 9.25rem;
  overflow: hidden;
  border-bottom: 1px solid var(--hdc-tone-ring);
  background-color: color-mix(in srgb, var(--hdc-tone-soft) 60%, var(--hdc-surface-raised));
  background-image:
    radial-gradient(70% 60% at 50% 45%, color-mix(in srgb, var(--hdc-tone) 9%, transparent) 0%, transparent 70%),
    radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--hdc-tone) 24%, transparent) 1px, transparent 1.5px);
  background-size: 100% 100%, 14px 14px;
}
.hdc-mega__art > svg{ display: block; width: 100%; height: auto; max-height: 13rem; }
.hdc-mega__art > img{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.hdc-mega__feature-body{ display: flex; flex: 0 0 auto; flex-direction: column; gap: .45rem; padding: 1rem 1.15rem 1.1rem; }
.hdc-mega__feature:not(:has(.hdc-mega__art)) .hdc-mega__feature-body{ flex: 1 1 auto; }
.hdc-mega__feature-badge{
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 .6rem;
  border-radius: var(--hdc-r-pill);
  background: var(--hdc-surface-raised);
  box-shadow: inset 0 0 0 1px var(--hdc-tone-ring);
  color: var(--hdc-tone-text);
  font-size: var(--hdc-fs-2xs);
  font-weight: 650;
  letter-spacing: .02em;
}
.hdc-mega__feature-title{ margin: 0; color: var(--hdc-heading); font-size: 1.0625rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.hdc-mega__feature-text{ margin: 0; color: var(--hdc-text-2); font-size: .8125rem; line-height: 1.5; }
.hdc-mega__price{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .2rem; margin: .2rem 0 .1rem; }
.hdc-mega__price-label{ flex-basis: 100%; color: var(--hdc-text-3); font-size: .75rem; font-weight: 500; }
.hdc-mega__price-value{ color: var(--hdc-heading); font-size: 1.75rem; font-weight: 750; line-height: 1.15; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.hdc-mega__price-unit{ color: var(--hdc-text-3); font-size: .8125rem; font-weight: 500; }
.hdc-mega__cta{ margin-top: .35rem; }
.hdc-mega-art{
  --mx-card: var(--hdc-surface-raised);
  --mx-card2: var(--hdc-bg-soft);
  --mx-line: var(--hdc-border-strong);
  --mx-ink: var(--hdc-text-3);
  --mx-faint: var(--hdc-border-strong);
  --mx-track: var(--hdc-bg-muted);
  --mx-shadow: rgba(15, 33, 58, .07);
  --mx-bad: var(--hdc-danger);
}
:root[data-theme="dark"] .hdc-mega-art{
  --mx-card: var(--hdc-night-800);
  --mx-card2: var(--hdc-night-850);
  --mx-line: rgba(148, 170, 200, .24);
  --mx-faint: rgba(148, 170, 200, .22);
  --mx-track: rgba(148, 170, 200, .12);
  --mx-shadow: rgba(0, 0, 0, .3);
}
.hdc-mega-art .mx-panel{ fill: var(--mx-card); stroke: var(--mx-line); stroke-width: 1; }
.hdc-mega-art .mx-panel2{ fill: var(--mx-card2); stroke: var(--mx-line); stroke-width: 1; }
.hdc-mega-art .mx-shadow{ fill: var(--mx-shadow); }
.hdc-mega-art .mx-shadow--far{ opacity: .55; }
.hdc-mega-art .mx-line{ fill: none; stroke: var(--mx-line); stroke-width: 1; }
.hdc-mega-art .mx-faint{ fill: var(--mx-faint); }
.hdc-mega-art .mx-ink{ fill: var(--mx-ink); opacity: .6; }
.hdc-mega-art .mx-ink-line{ fill: none; stroke: var(--mx-ink); stroke-width: 2; stroke-linecap: round; opacity: .75; }
.hdc-mega-art .mx-track{ fill: var(--mx-track); }
.hdc-mega-art .mx-tone{ fill: var(--hdc-tone); }
.hdc-mega-art .mx-tone-soft{ fill: var(--hdc-tone-soft); }
.hdc-mega-art .mx-tone-soft2{ fill: var(--hdc-tone-ring); }
.hdc-mega-art .mx-tone-line{ fill: none; stroke: var(--hdc-tone); stroke-width: 1.6; }
.hdc-mega-art .mx-round{ stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.hdc-mega-art .mx-thin{ stroke-width: 1.3; }
.hdc-mega-art .mx-soft-op{ opacity: .55; }
.hdc-mega-art .mx-on-tone{ fill: var(--hdc-on-tone); opacity: .92; }
.hdc-mega-art .mx-led{ fill: var(--hdc-led); }
.hdc-mega-art .mx-halo{ fill: var(--hdc-led); opacity: .22; }
.hdc-mega-art .mx-host{ fill: color-mix(in srgb, var(--hdc-tone-soft) 75%, transparent); stroke: var(--hdc-tone); stroke-width: 1.2; stroke-dasharray: 5 4; stroke-opacity: .6; }
.hdc-mega-art .mx-nested{ fill: var(--hdc-tone-soft); stroke: var(--hdc-tone); stroke-width: 1.2; }
.hdc-mega-art .mx-check{ fill: none; stroke: var(--hdc-on-tone); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.hdc-mega-art .mx-check--tone{ stroke: var(--hdc-tone); stroke-width: 2; }
.hdc-mega-art .mx-check--lg{ stroke-width: 4.5; }
.hdc-mega-art .mx-chip{ fill: var(--mx-card); stroke: var(--mx-line); stroke-width: 1; }
.hdc-mega-art .mx-chip--on{ fill: var(--hdc-tone-soft); stroke: var(--hdc-tone); }
.hdc-mega-art .mx-chip--dim{ opacity: .65; }
.hdc-mega-art .mx-text{ fill: var(--hdc-text-2); font: 600 12px/1 var(--hdc-font-mono); }
.hdc-mega-art .mx-text--lg{ font-size: 13.5px; font-weight: 700; }
.hdc-mega-art .mx-text--tone,
.hdc-mega-art .mx-text--on{ fill: var(--hdc-tone-text); }
.hdc-mega-art .mx-text--dim{ opacity: .65; }
.hdc-mega-art .mx-shield{ fill: var(--mx-card); stroke: var(--hdc-tone); stroke-width: 2; }
.hdc-mega-art .mx-glow{ opacity: .6; }
.hdc-mega-art .mx-bad{ fill: var(--mx-bad); }
.hdc-mega-art .mx-fade0{ opacity: .3; }
.hdc-mega-art .mx-fade1{ opacity: .5; }
.hdc-mega-art .mx-fade2{ opacity: .7; }
.hdc-mega-art .mx-fade3{ opacity: .85; }
.hdc-mega-art .mx-globe{ fill: var(--hdc-tone-soft); stroke: var(--hdc-tone-ring); stroke-width: 1.5; }
.hdc-mega-art .mx-dash{ stroke-dasharray: 4 5; opacity: .75; }
.hdc-mega-art .mx-blink{ animation: hdc-mx-blink 1.2s steps(1, end) infinite; }
.hdc-mega-art .mx-pulse{ transform-box: fill-box; transform-origin: center; animation: hdc-mx-pulse 2.6s var(--hdc-ease) infinite; }
@keyframes hdc-mx-blink { 50% { opacity: 0; } }
@keyframes hdc-mx-pulse { 0%, 100% { transform: scale(.82); } 50% { transform: scale(1.12); } }
.hdc-nav-more .hdc-dropdown__item{ gap: .55rem; }
.hdc-nav-more__logo{ flex: none; width: 18px; height: 18px; object-fit: contain; }
.hdc-nav-more .hdc-mega__badge{ margin-inline-start: auto; }
.hdc-nav-more__all{ color: var(--hdc-primary-text) !important; font-weight: 600; }
.hdc-nav-more__all .hdc-i{ --hdc-i: 15px; }
.hdc-drawer__body{ padding: .25rem .85rem 1.5rem; }
.hdc-drawer .hdc-drawer__acc{ border-bottom: 1px solid var(--hdc-border); }
.hdc-drawer .hdc-drawer__acc > summary{ padding: 1rem .4rem; font-size: 1rem; border-radius: 10px; }
.hdc-drawer .hdc-drawer__acc > summary:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.hdc-drawer__acc-label{ display: inline-flex; align-items: center; gap: .65rem; }
.hdc-drawer__dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--hdc-tone); box-shadow: 0 0 0 3px var(--hdc-tone-soft); }
.hdc-drawer .hdc-drawer__acc[open] > summary{ color: var(--hdc-tone-text); }
.hdc-drawer__acc-body{ padding: 0 0 1rem; }
.hdc-drawer__acc[open] > .hdc-drawer__acc-body{ animation: hdc-drawer-acc 200ms var(--hdc-ease); }
@keyframes hdc-drawer-acc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.hdc-drawer .hdc-drawer__group{
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: .6rem 0 .3rem;
  padding: 0 .5rem;
  color: var(--hdc-text-3);
  font: 600 var(--hdc-fs-2xs)/1.3 var(--hdc-font-mono);
  letter-spacing: var(--hdc-tracking-label);
  text-transform: uppercase;
}
.hdc-drawer .hdc-drawer__group::after{ content: ""; flex: 1 1 auto; height: 1px; background: var(--hdc-border); }
.hdc-drawer .hdc-drawer__links{ display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.hdc-drawer .hdc-drawer__links a.hdc-drawer__link{ padding: .55rem .5rem; color: var(--hdc-text) !important; }
.hdc-drawer .hdc-drawer__links a.hdc-drawer__link--compact{ padding: .35rem .5rem; }
.hdc-drawer__link .hdc-mega__tile{ width: 36px; height: 36px; border-radius: 10px; }
.hdc-drawer__link .hdc-mega__tile .hdc-i{ --hdc-i: 18px; }
.hdc-drawer .hdc-drawer__links--plain a{ display: block; padding: .6rem .5rem; color: var(--hdc-text) !important; }
.hdc-drawer__entry--more{ padding-inline-start: .1rem; }
.hdc-drawer__feature{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: .85rem .25rem .25rem;
  padding: .8rem .9rem;
  border-radius: 14px;
  background: var(--hdc-tone-soft);
  box-shadow: inset 0 0 0 1px var(--hdc-tone-ring);
  color: var(--hdc-text) !important;
  text-decoration: none !important;
}
.hdc-drawer__feature-text{ display: grid; gap: 2px; min-width: 0; }
.hdc-drawer__feature-text strong{ color: var(--hdc-heading); font-size: .9375rem; line-height: 1.3; }
.hdc-drawer__feature-text span{ color: var(--hdc-text-2); font-size: .8125rem; }
.hdc-drawer__feature-text b{ color: var(--hdc-heading); font-weight: 700; }
.hdc-drawer__feature-cta{ display: inline-flex; flex: none; align-items: center; gap: .3rem; color: var(--hdc-tone-text); font-size: .8125rem; font-weight: 650; }
.hdc-drawer__feature-cta .hdc-i{ --hdc-i: 15px; }
.hdc-drawer__strip{ display: flex; flex-wrap: wrap; gap: .2rem 1rem; margin: .6rem .25rem 0; padding: 0; list-style: none; }
.hdc-drawer__strip a{ display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .2rem; border-radius: 6px; color: var(--hdc-text-2) !important; font-size: .8125rem; font-weight: 550; }
.hdc-drawer__strip .hdc-i{ --hdc-i: 15px; color: var(--hdc-tone); }
@media (prefers-reduced-motion: reduce){.hdc-mega{ transform: none !important; transition: none !important; }
.hdc-mega-art .mx-blink,
  .hdc-mega-art .mx-pulse,
  .hdc-drawer__acc[open] > .hdc-drawer__acc-body{ animation: none !important; }}
@media (min-width: 1100px){html:not(.hdc-js) .hdc-nav__item:hover > .hdc-mega,
  html:not(.hdc-js) .hdc-nav__item:focus-within > .hdc-mega{ display: block; opacity: 1; transform: none; }}
/* ===== part: news.css ===== */
.hdc-news{ --hdc-news-measure: 46rem; padding-block-end: clamp(2rem, 5vw, 4rem); }
.hdc-news a:not(.hdc-btn){ text-underline-offset: 3px; }
.hdc-news h1, .hdc-news h2, .hdc-news h3{ color: var(--hdc-heading); }
.hdc-news-narrow{ max-width: 820px; padding-block-start: clamp(2rem, 5vw, 3.5rem); display: grid; gap: clamp(1.5rem, 4vw, 2.5rem); }
.hdc-news-body{ display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.25rem, 3vw, 2rem); padding-block-start: clamp(1.5rem, 3vw, 2.25rem); }
.hdc-news-hero{
  padding-block: clamp(2.25rem, 6vw, 4rem) clamp(1.75rem, 4vw, 2.75rem);
  background:
    radial-gradient(60rem 20rem at 15% -6rem, var(--hdc-primary-soft), transparent 70%),
    linear-gradient(180deg, var(--hdc-bg-soft), var(--hdc-bg));
  border-block-end: 1px solid var(--hdc-border);
}
.hdc-news-hero__inner{ display: grid; grid-template-columns: minmax(0, 1fr); gap: .85rem; justify-items: start; }
.hdc-news-hero__eyebrow{ display: inline-flex; align-items: center; gap: .4rem; margin: 0; }
.hdc-news-hero__title{ margin: 0; font-size: clamp(2rem, 1.2rem + 3vw, 3.1rem); letter-spacing: var(--hdc-tracking-display); line-height: var(--hdc-lh-tight); }
.hdc-news-hero__lead{ margin: 0; max-width: 68ch; color: var(--hdc-text-2); font-size: var(--hdc-fs-lg); }
.hdc-news-hero__actions{ align-items: center; gap: .6rem 1rem; margin-block-start: .35rem; }
.hdc-news-feed{ display: inline-flex; align-items: center; gap: .35rem; font-size: var(--hdc-fs-sm); font-weight: 600; }
.hdc-news-count{
  display: inline-grid; place-items: center; min-width: 1.4rem; height: 1.4rem; padding-inline: .35rem; margin-inline-start: .15rem;
  border-radius: var(--hdc-r-pill); background: var(--hdc-on-primary); color: var(--hdc-primary-text); font-size: var(--hdc-fs-xs); font-weight: 700;
}
.hdc-news-crumbs ol{ display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; margin: 0; padding: 0; list-style: none; font-size: var(--hdc-fs-sm); color: var(--hdc-text-3); }
.hdc-news-crumbs li{ display: inline-flex; align-items: center; gap: .5rem; min-width: 0; }
.hdc-news-crumbs a{ color: var(--hdc-text-2); }
.hdc-news-crumbs [aria-current]{ color: var(--hdc-text); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60ch; }
.hdc-news-chips{ display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.hdc-news-chip, .hdc-news-tab{
  display: inline-flex; align-items: center; gap: .45rem; min-height: 2.25rem; padding: .3rem .85rem;
  border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-pill); background: var(--hdc-surface);
  color: var(--hdc-text); font-size: var(--hdc-fs-sm); font-weight: 600; text-decoration: none;
  transition: border-color var(--hdc-dur-2) var(--hdc-ease), color var(--hdc-dur-2) var(--hdc-ease);
}
.hdc-news-chip:hover, .hdc-news-tab:hover{ border-color: var(--hdc-primary); color: var(--hdc-primary-text); }
.hdc-news-chip.is-current, .hdc-news-tab.is-current{ border-color: var(--hdc-primary); background: var(--hdc-primary-soft); color: var(--hdc-primary-text); }
.hdc-news-chip__count{ color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-variant-numeric: tabular-nums; }
.hdc-news-chips--sm .hdc-news-chip{ min-height: 1.9rem; padding: .2rem .7rem; font-weight: 500; }
.hdc-news-filter-note{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); }
.hdc-news-tabs{ display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1rem; }
.hdc-news-tag{
  display: inline-flex; align-items: center; gap: .3rem; color: var(--hdc-text-2);
  font-size: var(--hdc-fs-xs); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-decoration: none;
}
.hdc-news-tag--brand{ color: var(--hdc-primary-text); }
.hdc-news-tag--info{ color: var(--hdc-info-text); }
.hdc-news-tag--success{ color: var(--hdc-success-text); }
.hdc-news-tag--warning{ color: var(--hdc-warning-text); }
.hdc-news-tag--danger{ color: var(--hdc-danger-text); }
a.hdc-news-tag:hover{ text-decoration: underline; }
.hdc-news-flag{ display: inline-flex; align-items: center; gap: .3rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 600; }
.hdc-news-flag--new{ padding: .05rem .5rem; border-radius: var(--hdc-r-pill); background: var(--hdc-primary-fill); color: var(--hdc-on-primary); }
.hdc-news-flag--critical{ color: var(--hdc-danger-text); }
.hdc-news-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: clamp(1rem, 2vw, 1.5rem); }
.hdc-news-grid--list{ grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.hdc-news-card{
  position: relative; display: grid; grid-template-rows: auto 1fr; min-width: 0; overflow: hidden;
  border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-lg); background: var(--hdc-surface);
  transition: border-color var(--hdc-dur-2) var(--hdc-ease), box-shadow var(--hdc-dur-2) var(--hdc-ease), transform var(--hdc-dur-2) var(--hdc-ease);
}
.hdc-news-card:hover{ border-color: var(--hdc-border-strong); box-shadow: var(--hdc-shadow-md); }
.hdc-news-card:focus-within{ box-shadow: var(--hdc-focus-ring); }
.hdc-news-card.is-unread{ border-inline-start: 3px solid var(--hdc-primary); }
.hdc-news-card--warning{ border-block-start: 3px solid var(--hdc-warning); }
.hdc-news-card--critical{ border-block-start: 3px solid var(--hdc-danger); }
.hdc-news-card__media{ aspect-ratio: 16 / 9; background: var(--hdc-surface-sunken); overflow: hidden; }
.hdc-news-card__media img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.hdc-news-card__body{ display: grid; align-content: start; gap: .55rem; padding: clamp(1rem, 2vw, 1.35rem); min-width: 0; }
.hdc-news-card__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .85rem; margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); }
.hdc-news-card__title{ margin: 0; font-size: 1.15rem; line-height: 1.35; overflow-wrap: anywhere; }
.hdc-news-card__link{ color: inherit; text-decoration: none; }
.hdc-news-card__link::after{ content: ""; position: absolute; inset: 0; z-index: 1; }
.hdc-news-card__link:focus-visible{ outline: none; }
.hdc-news-card__link:hover{ color: var(--hdc-primary-text); }
.hdc-news-card__summary{
  margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-sm); line-height: 1.6;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.hdc-news-card__flags{ display: flex; flex-wrap: wrap; gap: .4rem .8rem; margin: .15rem 0 0; }
.hdc-news-card .hdc-news-tag{ position: relative; z-index: 2; }
.hdc-news-lead .hdc-news-card__title{ font-size: clamp(1.35rem, 1rem + 1.2vw, 1.85rem); }
.hdc-news-lead .hdc-news-card__summary{ -webkit-line-clamp: 4; font-size: var(--hdc-fs-base); }
@media (min-width: 900px){.hdc-news-card--lead:has(.hdc-news-card__media){ grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-rows: none; }
.hdc-news-card--lead .hdc-news-card__media{ aspect-ratio: auto; min-height: 18rem; }
.hdc-news-card--lead .hdc-news-card__body{ align-content: center; padding: clamp(1.5rem, 3vw, 2.5rem); }
.hdc-news-grid--list .hdc-news-card:has(.hdc-news-card__media){ grid-template-columns: 13rem minmax(0, 1fr); grid-template-rows: none; }
.hdc-news-grid--list .hdc-news-card__media{ aspect-ratio: auto; }}
.hdc-news-empty{ display: grid; justify-items: center; gap: .75rem; padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem); text-align: center; }
.hdc-news-empty h1, .hdc-news-empty h2{ margin: 0; font-size: var(--hdc-fs-h3); }
.hdc-news-empty p{ margin: 0; max-width: 56ch; color: var(--hdc-text-2); }
.hdc-news-empty__icon{ width: 2.25rem; height: 2.25rem; color: var(--hdc-primary); }
.hdc-news-empty__actions{ justify-content: center; margin-block-start: .5rem; }
.hdc-news-pager{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem 1rem; padding-block-start: .5rem; }
.hdc-news-pager__list{ display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.hdc-news-pager__item{
  display: inline-grid; place-items: center; min-width: 2.25rem; height: 2.25rem; padding-inline: .5rem;
  border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-md); color: var(--hdc-text); font-weight: 600; text-decoration: none;
}
a.hdc-news-pager__item:hover{ border-color: var(--hdc-primary); color: var(--hdc-primary-text); }
.hdc-news-pager__item.is-current{ border-color: var(--hdc-primary); background: var(--hdc-primary-fill); color: var(--hdc-on-primary); }
.hdc-news-article{ display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 2.5rem); padding-block-start: clamp(1.25rem, 3vw, 2rem); }
.hdc-news-article > .hdc-news-crumbs, .hdc-news-preview, .hdc-news-article__main, .hdc-news-pn{ width: min(100%, var(--hdc-news-measure)); margin-inline: auto; }
.hdc-news-article__main{ display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.25rem, 3vw, 1.75rem); }
.hdc-news-article__head{ display: grid; gap: .75rem; }
.hdc-news-article__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin: 0; }
.hdc-news-article__title{ margin: 0; font-size: clamp(1.9rem, 1.2rem + 2.6vw, 2.9rem); letter-spacing: var(--hdc-tracking-display); line-height: var(--hdc-lh-tight); overflow-wrap: anywhere; }
.hdc-news-article__lead{ margin: 0; color: var(--hdc-text-2); font-size: var(--hdc-fs-lg); line-height: 1.6; }
.hdc-news-article__facts{ display: flex; flex-wrap: wrap; gap: .35rem 1.25rem; margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.hdc-news-article__facts > span{ display: inline-flex; align-items: center; gap: .35rem; }
.hdc-news-article__note{ margin: 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); font-style: italic; }
.hdc-news-article__cover{ margin: 0; overflow: hidden; border-radius: var(--hdc-r-lg); background: var(--hdc-surface-sunken); }
.hdc-news-article__cover img{ display: block; width: 100%; height: auto; }
.hdc-news-article__body{ max-width: none; font-size: 1.0625rem; }
.hdc-news-article__body img{ max-width: 100%; height: auto; border-radius: var(--hdc-r-md); }
.hdc-news-article__body table{ display: block; max-width: 100%; overflow-x: auto; }
.hdc-news-article__foot{ display: grid; gap: 1rem; padding-block-start: 1.25rem; border-block-start: 1px solid var(--hdc-border); }
.hdc-news-share{ gap: .5rem; }
.hdc-news-pn{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: .75rem; }
.hdc-news-pn__link{ display: grid; gap: .3rem; padding: 1rem 1.15rem; color: inherit; text-decoration: none; }
.hdc-news-pn__link:hover{ border-color: var(--hdc-primary); }
.hdc-news-pn__link--older{ text-align: end; justify-items: end; }
.hdc-news-pn__dir{ display: inline-flex; align-items: center; gap: .3rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.hdc-news-pn__title{ color: var(--hdc-heading); font-weight: 600; overflow-wrap: anywhere; }
.hdc-news-related{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.hdc-news-related > h2{ margin: 0; font-size: var(--hdc-fs-h3); }
.hdc-news--mine{ padding-block-end: 2rem; }
.hdc-news-mine__head{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.hdc-news-mine__head h1{ margin: 0; }
.hdc-news-bar__label{ display: inline-flex; align-items: center; gap: .35rem; font-weight: 700; }
.hdc-news-bar__title{ font-weight: 500; }
.hdc-news-bar--warning{ background: var(--hdc-warning-soft); color: var(--hdc-warning-text); border-block-end: 1px solid var(--hdc-border); }
.hdc-news-bar--critical{ background: var(--hdc-danger-soft); color: var(--hdc-danger-text); border-block-end: 1px solid var(--hdc-border); }
.hdc-news-bar--warning a, .hdc-news-bar--critical a{ color: inherit; text-decoration: underline; }
.hdc-news-ph__title{ display: block; font-weight: 600; }
.hdc-news-ph__date{ display: block; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); font-weight: 400; }
@media (max-width: 560px){.hdc-news-hero__actions .hdc-btn{ flex: 1 1 auto; justify-content: center; }
.hdc-news-pn__link--older{ text-align: start; justify-items: start; }}
@media print{.hdc-news-share, .hdc-news-pn, .hdc-news-related, .hdc-news-chips{ display: none !important; }}
.hdc-byline-av{ flex: none; width: 20px; height: 20px; border-radius: 50%; object-fit: cover; vertical-align: middle; }
/* ===== part: oscatalog.css ===== */
.hdc-b-os-grid .hdc-b-os__cat{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 248px), 1fr)); }
.hdc-b-os-grid .hdc-b-os__cat--panels{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.hdc-b-os-grid .hdc-b-os__fam,
.hdc-b-os-grid .hdc-b-os__panel{ align-items: flex-start; font-weight: 500; }
.hdc-b-os-grid .hdc-b-os__fam > .hdc-b-os__logo,
.hdc-b-os-grid .hdc-b-os__panel > .hdc-b-os__logo,
.hdc-b-os-grid .hdc-b-os__fam > .hdc-i,
.hdc-b-os-grid .hdc-b-os__panel > .hdc-i{ margin-top: .1rem; }
.hdc-b-os-grid .hdc-b-os__body{ display: grid; gap: .45rem; min-width: 0; }
.hdc-b-os-grid .hdc-b-os__name{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  color: var(--hdc-heading);
  font-weight: 650;
  line-height: var(--hdc-lh-tight);
  overflow-wrap: anywhere;
}
.hdc-b-os-grid .hdc-b-os__vers{ display: flex; flex-wrap: wrap; gap: .3rem; }
.hdc-b-os-grid .hdc-b-os__v{
  display: inline-flex;
  align-items: center;
  padding: .12rem .45rem;
  border: 1px solid var(--hdc-border);
  border-radius: var(--hdc-r-xs);
  background: var(--hdc-surface);
  color: var(--hdc-text);
  font: 500 var(--hdc-fs-2xs)/1.4 var(--hdc-font-mono);
  white-space: nowrap;
}
.hdc-b-os-grid .hdc-b-os__v--current{ border-color: var(--hdc-primary); background: var(--hdc-primary-soft); color: var(--hdc-primary-text); font-weight: 650; }
.hdc-b-os-grid .hdc-b-os__v--legacy,
.hdc-b-os-grid .hdc-b-os__v--eol{ border-style: dashed; border-color: var(--hdc-border-strong); background: transparent; color: var(--hdc-text-3); }
.hdc-b-os-grid .hdc-b-os__runs{ color: var(--hdc-text-2); font-size: var(--hdc-fs-xs); line-height: 1.5; }
.hdc-b-os-grid .hdc-b-os__runs-label{ color: var(--hdc-text-3); font-weight: 600; }
.hdc-b-os-grid .hdc-b-os__run{ white-space: nowrap; }
.hdc-b-os-grid .hdc-b-os__note{ display: block; color: var(--hdc-text-3); font: 500 var(--hdc-fs-2xs)/1.45 var(--hdc-font-sans); }
.hdc-b-os-grid .hdc-b-os__legend,
.hdc-b-os-grid .hdc-b-os__foot{ margin: .25rem 0 0; color: var(--hdc-text-3); font-size: var(--hdc-fs-xs); line-height: 1.5; }
.hdc-b-os-grid .hdc-b-os__legend .hdc-b-os__v{ margin-inline-end: .35rem; vertical-align: 1px; }
.hdc-b-os-grid .hdc-b-os--catalog{ gap: 2rem; }
@media (max-width: 560px){.hdc-b-os-grid .hdc-b-os__cat,
  .hdc-b-os-grid .hdc-b-os__cat--panels{ grid-template-columns: 1fr; }
.hdc-b-os-grid .hdc-b-os__run{ white-space: normal; }}
/* ===== hdc-compat.css @public ===== */
.w-hidden{ display: none; }
.hidden, .d-none{ display: none !important; }
.sr-only{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.disabled, [disabled]{ cursor: not-allowed; }
a.disabled, .btn.disabled{ opacity: .55; pointer-events: none; }
.has-error .hdc-input, .has-error .form-control, .form-control.is-invalid, .hdc-input.is-invalid{ border-color: var(--hdc-danger) !important; }
.field-error-msg, .invalid-feedback{ display: none; margin-top: .3rem; color: var(--hdc-danger-text); font-size: var(--hdc-fs-xs); }
.has-error .field-error-msg, .is-invalid ~ .invalid-feedback{ display: block; }
.text-danger{ color: var(--hdc-danger-text) !important; }
.text-success{ color: var(--hdc-success-text) !important; }
.text-warning{ color: var(--hdc-warning-text) !important; }
.text-info{ color: var(--hdc-info-text) !important; }
.text-muted{ color: var(--hdc-text-3) !important; }
#fullpage-overlay{ position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; background: var(--hdc-overlay); color: #fff; backdrop-filter: blur(3px); }
#fullpage-overlay.w-hidden{ display: none; }
#fullpage-overlay .outer-wrapper{ display: grid; place-items: center; gap: 1rem; text-align: center; }
#fullpage-overlay .msg{ font-weight: 600; }
.modal{ position: fixed; inset: 0; z-index: 1055; display: none; overflow-x: hidden; overflow-y: auto; outline: 0; padding: 1rem; overscroll-behavior: contain; }
.modal-dialog{ position: relative; display: flex; align-items: center; justify-content: center; width: min(560px, 100%); min-height: 100%; margin: 0 auto; pointer-events: none; transform: translateY(10px) scale(.96); opacity: 0; transition: transform var(--hdc-dur-2) var(--hdc-ease), opacity var(--hdc-dur-2) var(--hdc-ease); }
.modal.show .modal-dialog{ transform: none; opacity: 1; }
.modal-lg .modal-dialog, .modal-dialog.modal-lg{ width: min(860px, 100%); }
.modal-xl .modal-dialog, .modal-dialog.modal-xl{ width: min(1140px, 100%); }
.modal-sm .modal-dialog, .modal-dialog.modal-sm{ width: min(420px, 100%); }
.modal-dialog-centered{ min-height: 100%; }
.modal-content{ position: relative; display: flex; flex-direction: column; width: 100%; max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); pointer-events: auto; border: 1px solid var(--hdc-border); border-radius: var(--hdc-r-xl); background: var(--hdc-surface-raised); color: var(--hdc-text); box-shadow: var(--hdc-shadow-lg); overflow: hidden; }
.modal-content > form{ display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; margin: 0; }
.modal-header{ display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.4rem; border-bottom: 1px solid var(--hdc-border); }
.modal-title{ margin: 0; color: var(--hdc-heading); font-size: var(--hdc-fs-lg); font-weight: 650; }
.modal-header .close, .modal .close{ display: inline-grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: var(--hdc-r-sm); background: transparent; color: var(--hdc-text-3); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.modal-header .close:hover{ color: var(--hdc-heading); }
.modal-header .close:focus-visible{ outline: none; box-shadow: var(--hdc-focus-ring); }
.modal-body{ position: relative; flex: 1 1 auto; min-height: 0; padding: 1.4rem; overflow: auto; overscroll-behavior: contain; }
.modal-footer{ display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; padding: 1rem 1.4rem; border-top: 1px solid var(--hdc-border); background: var(--hdc-surface-sunken); }
@media (max-width: 600px){.modal{ padding: 0; }
.modal-dialog:not(.modal-sm){ width: 100%; }
.modal:not(.modal-sm) .modal-dialog:not(.modal-sm) .modal-content{ min-height: 100vh; min-height: 100dvh; max-height: 100vh; max-height: 100dvh; border: 0; border-radius: 0; }
.modal:not(.modal-sm) .modal-dialog:not(.modal-sm) .modal-header{ padding-top: calc(1rem + env(safe-area-inset-top, 0px)); }
.modal:not(.modal-sm) .modal-dialog:not(.modal-sm) .modal-footer{ padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); }
.modal-sm .modal-dialog, .modal-dialog.modal-sm{ width: calc(100% - 24px); }
.modal-sm .modal-content, .modal-dialog.modal-sm .modal-content{ max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }}
@media (prefers-reduced-motion: reduce){.modal-dialog, .modal-backdrop{ transition: none; }}
html.hdc-scroll-lock body.modal-open{ overflow: visible; }
body.modal-open{ overflow: hidden; }
.modal-footer .loader{ margin-inline-end: auto; display: inline-flex; align-items: center; gap: .5rem; color: var(--hdc-text-3); font-size: var(--hdc-fs-sm); }
.modal-backdrop{ position: fixed; inset: 0; z-index: 1050; background: var(--hdc-overlay); backdrop-filter: blur(3px); opacity: 0; transition: opacity var(--hdc-dur-2) var(--hdc-ease); }
.modal-backdrop.show{ opacity: 1; }
.hdc-tooltip-bubble{ position: absolute; z-index: 1070; max-width: 280px; padding: .45rem .65rem; border-radius: var(--hdc-r-sm); background: var(--hdc-gray-900); color: #fff; font-size: var(--hdc-fs-xs); font-weight: 500; line-height: 1.4; box-shadow: var(--hdc-shadow-md); pointer-events: none; animation: hdc-fade var(--hdc-dur-2) var(--hdc-ease); }
.hdc-popover__body{ color: var(--hdc-text-2); }
.hdc-popover__body img{ max-width: 100%; height: auto; }
.hdc-knob{ position: relative; display: inline-block; aspect-ratio: 1; max-width: 100%; }
.hdc-knob svg{ display: block; width: 100%; height: 100%; }
.hdc-knob circle{ fill: none; stroke-linecap: round; }
.hdc-knob__track{ stroke: var(--hdc-bg-muted); }
.hdc-knob__value{ stroke: var(--hdc-primary); transition: stroke-dasharray .8s var(--hdc-ease); }
.hdc-knob--warning .hdc-knob__value{ stroke: var(--hdc-warning); }
.hdc-knob--danger .hdc-knob__value{ stroke: var(--hdc-danger); }
.hdc-knob__label{ position: absolute; inset: 0; display: grid; place-items: center; color: var(--hdc-heading); font: 700 var(--hdc-fs-sm)/1 var(--hdc-font-mono); }
.hdc-phone{ display: flex; align-items: stretch; width: 100%; }
.hdc-phone__cc{ flex: 0 0 auto; width: auto; min-width: 104px; min-height: 44px; padding: .5rem 2rem .5rem .7rem; border: 1px solid var(--hdc-border-input); border-inline-end: 0; border-radius: var(--hdc-r-sm) 0 0 var(--hdc-r-sm); background: var(--hdc-bg-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366768b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .55rem center/14px; color: var(--hdc-heading); font: 600 var(--hdc-fs-sm)/1.2 var(--hdc-font-mono); appearance: none; cursor: pointer; }
[dir="rtl"] .hdc-phone__cc{ border-radius: 0 var(--hdc-r-sm) var(--hdc-r-sm) 0; border-inline-end: 1px solid var(--hdc-border-input); border-inline-start: 0; background-position: left .55rem center; }
.hdc-phone__cc:focus{ outline: none; border-color: var(--hdc-primary); box-shadow: var(--hdc-focus-ring); position: relative; z-index: 1; }
.hdc-phone > input{ flex: 1 1 auto; min-width: 0; border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; }