/* BRUNO MEZA / compiled CSS / source: tools/build_styles.php / maintain original order */

/* ===== SOURCE assets/css/foundation.css ===== */
/* BRUNO MEZA / DESIGN SYSTEM v2 / one source of truth.
   Semantic colors meet WCAG AA on the surfaces listed below.
   Contrast testing: docs/ETAPA_SISTEMA_VISUAL_1/CONTRASTE.json.
   Typography is by ROLE, independent of route or language. */
:root {
  color-scheme: dark;
  /* Core palette */
  --color-bg: #0b1118;
  --color-bg-alt: #0f1921;
  --color-surface: #14212a;
  --color-surface-raised: #1b2b34;
  --color-surface-quiet: #102029;
  --color-text: #f3f6f2;
  --color-text-muted: #c2d0d0;
  --color-text-subtle: #adbec4;
  --color-border: #385158;
  --color-border-soft: #293e46;
  --color-accent: #d8f59c;
  --color-accent-hover: #edffc4;
  --color-accent-ink: #152116;
  --color-link: #bfe8d0;
  --color-success: #8fdfc6;
  --color-warning: #efc18d;
  --color-focus: #e4ffa9;
  /* Spacing: 4px rhythm; deliberate 6px/10px exceptions are internal icon gaps. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --radius-sm: 7px;
  --radius-md: 11px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 32px rgb(0 0 0 / .18);
  --shadow-float: 0 16px 48px rgb(0 0 0 / .24);
  /* Motion: color change 140ms, state change 180ms, disclosure 220ms.
     Only interaction targets move; no repeating motion or JS-triggered reveal. */
  --motion-fast: 140ms;
  --motion-standard: 180ms;
  --motion-disclosure: 220ms;
  --motion-ease: cubic-bezier(.2,.72,.25,1);
  --layout-max: 1280px;
  --layout-gutter: clamp(18px, 4vw, 48px);
  /* Allowed families: DM Sans for UI, Space Grotesk for the personal wordmark. */
  --font-content: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-brand: 'Space Grotesk', 'DM Sans', sans-serif;
  --type-label: 12px;
  --type-caption: 14px;
  --type-control: 14px;
  --type-body: 16px;
  --type-lead: clamp(16px, 1.28vw, 18px);
  --type-subtitle: clamp(20px, 1.6vw, 22px);
  --type-section: clamp(26px, 2.4vw, 32px);
  --type-page: clamp(34px, 3.25vw, 44px);
  --type-hero: clamp(36px, 3.55vw, 50px);
  --type-card-title: clamp(18px, 1.4vw, 20px);
  /* Prices are large numerals for scanning, not document heading levels. */
  --type-price: clamp(30px, 2.45vw, 36px);
  --type-price-compact: 26px;
  --type-brand: clamp(18px, 1.6vw, 22px);
  --leading-body: 1.6;
  --leading-heading: 1.2;
  --leading-label: 1.42;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-heading: 600;
  /* Compatibility names for the existing templates and layout classes. */
  --canvas: var(--color-bg);
  --canvas-2: var(--color-bg-alt);
  --panel: var(--color-surface);
  --panel-2: var(--color-surface-raised);
  --line: var(--color-border);
  --line-low: var(--color-border-soft);
  --text: var(--color-text);
  --muted: var(--color-text-subtle);
  --pale: var(--color-text-muted);
  --lime: var(--color-accent);
  --lime-deep: #91b45d;
  --sea: var(--color-success);
  --amber: var(--color-warning);
  --radius: var(--radius-md);
  --content: var(--layout-max);
  --ui: var(--font-content);
  --display: var(--font-content);
}
/* No breakpoint is permitted to reduce body copy or controls below the core scale. */
@media (max-width: 760px) {
  :root { --layout-gutter: 18px; }
}


/* ===== SOURCE assets/css/site.css ===== */
/* Tokens moved to foundation.css; all existing layout rules remain below. */
/* Keep the original link geometry while a native cart navigation is pending. */
a.is-cart-pending { position:relative; max-width:100%; cursor:progress; }
.is-cart-pending .cart-loading-original { display:contents; visibility:hidden; }
.is-cart-pending .cart-loading-content { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:9px; padding:4px; white-space:nowrap; color:inherit; font:inherit; pointer-events:none; }
.cart-loading-spinner { display:inline-block; flex:0 0 auto; width:17px; height:17px; border:2px solid currentColor; border-inline-end-color:transparent; border-radius:50%; animation:cart-loading-spin .75s linear infinite; }
.cart-navigation-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes cart-loading-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .cart-loading-spinner { animation:none; } }
/* Small language suggestion: no modal, automatic navigation or layout shift. */
.language-suggestion { position:fixed; z-index:18; inset-inline-start:24px; bottom:24px; width:360px; max-width:calc(100vw - 48px); max-height:calc(100svh - 150px); overflow:auto; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); color:var(--color-text); box-shadow:var(--shadow-float); font-family:var(--font-content); }
.language-suggestion[hidden], .language-suggestion [hidden] { display:none; }
.language-suggestion section { position:relative; padding:20px; }
.language-suggestion .language-suggestion-symbol { display:grid; place-items:center; width:38px; height:38px; margin-bottom:12px; border:1px solid var(--color-border); border-radius:10px; color:var(--color-accent); background:var(--color-surface-quiet); }
.language-suggestion .language-suggestion-title { margin:0 28px 6px 0; font:600 17px/1.4 var(--font-content); color:var(--color-text); }
.language-suggestion .language-suggestion-description { margin:0 0 16px; font:400 13px/1.55 var(--font-content); color:var(--color-text-muted); }
.language-suggestion .language-suggestion-close { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--color-text-muted); cursor:pointer; }
.language-suggestion .language-suggestion-close:hover { color:var(--color-text); background:var(--color-surface-raised); }
.language-suggestion .language-suggestion-actions { display:flex; align-items:stretch; gap:8px; flex-wrap:wrap; }
.language-suggestion-actions a, .language-suggestion-actions button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 13px; border:1px solid var(--color-border); border-radius:8px; background:transparent; color:var(--color-text-muted); font:500 13px/1.4 var(--font-content); text-decoration:none; cursor:pointer; }
.language-suggestion-actions a { flex:1 1 auto; background:var(--color-accent); border-color:var(--color-accent); color:var(--color-accent-ink); }
.language-suggestion-actions a:hover { background:var(--color-accent-hover); color:var(--color-accent-ink); }
.language-suggestion-actions button:hover { background:var(--color-surface-raised); color:var(--color-text); }
.menu-is-open .language-suggestion { visibility:hidden; pointer-events:none; }
@media(max-width:760px) {
 .language-suggestion { inset-inline-start:16px; bottom:calc(76px + env(safe-area-inset-bottom,0px)); width:360px; max-width:calc(100vw - 32px); max-height:calc(100svh - 190px); }
 .language-suggestion section { padding:16px; }
 .language-suggestion .language-suggestion-symbol { position:absolute; top:16px; left:16px; width:28px; height:28px; margin:0; }
 .language-suggestion .language-suggestion-title { display:flex; align-items:center; min-height:32px; margin:0 28px 10px 40px; font-size:15px; }
 .language-suggestion .language-suggestion-description { margin-bottom:12px; }
 .language-suggestion .language-suggestion-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .language-suggestion-actions a, .language-suggestion-actions button { min-width:0; min-height:52px; padding:8px; text-align:center; }
 .language-suggestion-actions a svg { display:none; }
}
*,*::before,*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 106px;
}
body {
  margin: 0;
  background: var(--canvas);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 610px;
  z-index: -1;
  pointer-events: none;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
}
p,h1,h2,h3 {
  margin-top: 0;
}
::selection {
  background: var(--lime);
  color: #0b1014;
}
.container {
  width: min(var(--content),calc(100% - 2 * var(--layout-gutter)));
  margin-inline: auto;
}
.skip-link {
  position: absolute;
  top: -100px;
  left: 20px;
  background: var(--lime);
  color: #111;
  padding: 11px 16px;
  z-index: 100;
}
.skip-link:focus {
  top: 12px;
}
a:focus-visible,button:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
}
.utility-strip {
  border-bottom: 1px solid #1b2a31;
}
.utility-inner {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 22px;
}
.utility-inner>a {
  margin-left: auto;
  color: var(--color-text-subtle);
}
.utility-status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: #d3e5d6;
}
.signal {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 11px #a0db7f70;
}
.signal.small {
  width: 6px;
  height: 6px;
}
.site-header {
  position: relative;
  z-index: 12;
  background: #090f16ee;
  border-bottom: 1px solid var(--line-low);
  backdrop-filter: blur(18px);
}
.header-inner {
  display: flex;
  align-items: center;
}
.wordmark {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}
.wordmark>span {
  display: block;
  color: #fff;
}
.wordmark .logo-medium {
  color: var(--lime);
}
.wordmark small {
  display: block;
  color: var(--muted);
  margin-top: 7px;
}
.nav-desktop {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  margin-left: auto;
}
.nav-link {
  color: var(--color-text-muted);
  transition: color var(--motion-standard);
  white-space: nowrap;
}
.nav-link:hover,.nav-link.active {
  color: var(--text);
}
.nav-link.active {
  position: relative;
}
.nav-link.active:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 11px;
  background: var(--lime);
  left: 0;
  bottom: -12px;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.language-nav {
  display: flex;
  align-items: center;
  gap: 3px;
  border: 1px solid #2c3941;
  padding: 3px;
  border-radius: var(--radius-sm);
}
.language-link {
  padding: 6px 8px;
  border-radius: 5px;
  color: #8598a2;
}
.language-link:hover:not(.selected) {
  color: white;
}
.icon-action {
  color: var(--color-text-muted);
  display: grid;
  place-items: center;
  width: 33px;
  height: 33px;
  transition: color var(--motion-standard);
}
.icon-action:hover {
  color: var(--lime);
}
.client-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  border: 1px solid #425449;
  border-radius: var(--radius-sm);
  white-space: nowrap;
  transition: background var(--motion-standard),border-color var(--motion-standard);
}
.menu-toggle {
  display: none;
  background: none;
  border: 0;
  color: var(--text);
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}
.mobile-menu[hidden] {
  display: none;
}
.mobile-menu {
  background: #101923;
  border-top: 1px solid var(--line);
  padding: 11px 24px 20px;
  display: grid;
  gap: 3px;
}
.mobile-menu a {
  padding: 13px 8px;
  border-bottom: 1px solid #293742;
  color: #e7eee9;
}
.hero {
  padding: 52px 0 56px;
  display: grid;
  grid-template-columns: minmax(0,1.24fr) minmax(340px,.76fr);
  align-items: center;
}
.eyebrow,.section-overline {
  color: var(--sea);
}
.eyebrow {
  display: flex;
  gap: 10px;
  align-items: center;
}
.mini-diamond {
  height: 9px;
  width: 9px;
  display: inline-block;
  transform: rotate(45deg);
  border: 2px solid var(--sea);
}
.hero h1 {
  margin: 0 0 19px;
  max-width: 770px;
}
.hero h1 em {
  color: var(--lime);
}
.hero-actions {
  display: flex;
  gap: var(--space-5);
  align-items: center;
  flex-wrap: wrap;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  min-height: 42px;
  padding: 12px 17px;
  transition: background var(--motion-disclosure),color var(--motion-disclosure),transform var(--motion-disclosure),border-color var(--motion-disclosure);
  white-space: nowrap;
}
.btn-primary {
  background: var(--lime);
  color: #111a14;
  border-color: var(--lime);
}
.btn-primary:hover {
  background: #edffc4;
  border-color: #edffc4;
}
.hero-quiet-link {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: #cad6d8;
}
.hero-quiet-link:hover {
  color: var(--lime);
}
.hero-quiet-link svg {
  opacity: .7;
}
.ecosystem {
  width: 100%;
  border: 1px solid #334450;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.ecosystem-header {
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid var(--line);
}
.terminal-dots {
  margin-left: auto;
  color: var(--color-text-subtle);
}
.ecosystem-title {
  color: #edf7e6;
  margin: 2px 0 13px;
}
.ecosystem-title span {
  color: #738a91;
}
.eco-entry {
  display: grid;
  align-items: center;
  gap: 7px;
  border-top: 1px solid #263943;
}
.eco-entry>span:first-child {
  color: var(--color-text-subtle);
}
.eco-entry strong {
  color: #f0f6ef;
}
.ecosystem-footer {
  border-top: 1px solid #2a4044;
  display: flex;
  gap: 9px;
  align-items: center;
  color: var(--color-text-subtle);
}
.term-mark {
  color: var(--lime);
}
.section {
  padding: 54px 0 75px;
}
.catalog-preview {
  background: #0d151c;
  border-top: 1px solid #1b2a33;
}
.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
}
.section-heading h2 {
  margin: 11px 0 6px;
}
.section-heading p {
  color: var(--color-text-subtle);
  margin: 0;
}
.section-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #566f60;
  padding: 0 0 7px;
  white-space: nowrap;
}
.section-link:hover {
  color: #fff;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.product-card {
  position: relative;
  display: grid;
  overflow: hidden;
}
.product-card[hidden] {
  display: none;
}
.product-media {
  position: relative;
  background-color: #17262d;
  isolation: isolate;
  overflow: hidden;
  border-right: 1px solid #33464b;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-media:before,.product-media:after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.product-media:before {
  inset: 0;
  background-image: linear-gradient(90deg,rgba(130,183,155,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(130,183,155,.055) 1px,transparent 1px);
  background-size: 23px 23px;
  mask-image: linear-gradient(120deg,black,transparent);
}
.product-media:after {
  width: 145px;
  height: 145px;
  border: 1px solid rgba(203,245,159,.15);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.media-top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 5px;
  color: #8ba6a9;
}
.media-serial {
  color: var(--color-text-subtle);
}
.media-core {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--space-3);
  flex: 1;
}
.media-halo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) rotate(45deg);
  width: 95px;
  height: 95px;
  border: 1px solid #7eaa8666;
  border-radius: var(--radius-sm);
  z-index: -1;
}
.media-symbol {
  color: #bfecc3;
  text-shadow: 0 7px 30px #334a4b40;
}
.media-platform {
  color: var(--color-text-muted);
  text-align: center;
}
.media-bottom {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 5px;
  align-items: center;
  color: #7d959a;
}
.mini-circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #98b7a4;
  flex: 0 0 auto;
}
.media-riesgo {
  background-color: #242b26;
}
.media-herramientas {
  background-color: #1b2530;
}
.media-servicio {
  background-color: #24292b;
}
.media-replicadores .media-symbol {
  color: #c1eeb5;
}
.media-riesgo .media-symbol {
  color: #f6d79e;
}
.media-herramientas .media-symbol {
  color: #a7cee7;
}
.media-servicio .media-symbol {
  color: #d3dfdb;
}
.real-product-media {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform var(--motion-disclosure);
}
.real-product-media.image-unavailable {
  display: none;
}
.product-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.product-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.type-label {
  display: flex;
  gap: 7px;
  align-items: center;
}
.type-indicator {
  width: 6px;
  height: 6px;
  background: var(--sea);
  border-radius: 50%;
}
.product-number {
  color: var(--color-text-subtle);
}
.product-content h3 {
  margin: 0 0 8px;
  color: #f3f7f3;
  text-wrap: pretty;
}
.product-summary {
  margin: 0 0 10px;
}
.product-platform {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: auto;
}
.label-small {
  display: inline-block;
}
.product-purchase {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #2a3c45;
}
.price-regular {
  display: flex;
  align-items: center;
  gap: 5px;
}
.price-regular del {
  text-decoration-thickness: 1px;
}
.current-price {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.current-price strong {
  color: #fbfcf3;
}
.current-price small {
  color: var(--color-text-subtle);
}
.product-links {
  display: flex;
  flex-direction: column;
}
.buy-btn {
  min-height: 38px;
  padding: 10px 11px;
  gap: var(--space-2);
}
.details-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 4px 2px;
  color: var(--color-text-muted);
  white-space: nowrap;
}
.details-btn:hover {
  color: var(--lime);
}
.product-condition {
  margin: 0 0 6px;
}
.service-section {
  background: #101b22;
  border-top: 1px solid #263843;
  border-bottom: 1px solid #263843;
}
.service-inner {
  display: grid;
  grid-template-columns: 62px minmax(0,1fr) 180px;
  align-items: center;
  padding-top: 31px;
  padding-bottom: 34px;
}
.service-icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  background: #25332f;
  color: var(--lime);
  border: 1px solid #3a5142;
  border-radius: var(--radius-md);
}
.service-message h2 {
  margin: 7px 0;
}
.service-message p {
  color: #b0c0c6;
  margin: 0 0 4px;
}
.service-message small {
  color: #cda979;
}
.service-purchase {
  display: grid;
  justify-items: stretch;
}
.service-cost {
  display: flex;
  justify-content: end;
  align-items: baseline;
  gap: var(--space-2);
}
.service-cost del {
  color: #81949a;
}
.service-cost strong {
  color: #fff;
}
.service-cost span {
  color: var(--color-text-subtle);
}
.service-purchase .btn {
  min-height: 40px;
}
.service-detail {
  text-align: center;
  color: #bccdc6;
}
.benefit-band {
  background: #121e23;
  border-bottom: 1px solid #263b3e;
  padding: 38px 0;
}
.benefit-inner {
  display: grid;
  grid-template-columns: 86px minmax(0,1fr) auto;
  gap: 26px;
  align-items: center;
}
.benefit-symbol {
  height: 82px;
  width: 82px;
  border: 1px solid #4b6558;
  border-radius: var(--radius-md);
  display: grid;
  place-items: center;
  background: #21332d;
  position: relative;
}
.benefit-symbol>span {
  color: var(--lime);
}
.benefit-symbol small {
  position: absolute;
  bottom: 5px;
  right: 8px;
  color: var(--sea);
}
.benefit-inner h2 {
  max-width: 750px;
  margin: 7px 0;
}
.benefit-inner p {
  color: #aec1c4;
  margin: 0;
  max-width: 740px;
}
.btn-quiet {
  border-color: #52695c;
  background: #203328;
  color: #edffdb;
}
.btn-quiet:hover {
  background: #2b4634;
  border-color: #85b194;
}
.catalog-top {
  padding: 35px 0 40px;
}
.breadcrumb {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  color: #82949c;
}
.breadcrumb a:hover {
  color: var(--lime);
}
.breadcrumb span:last-child {
  color: #d8e4de;
}
.catalog-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
}
.catalog-intro h1 {
  margin: 9px 0 10px;
}
.catalog-intro p {
  color: #aebbc4;
  margin: 0;
}
.catalog-counter {
  display: flex;
  align-items: baseline;
  gap: 9px;
  color: #a9c1bd;
  white-space: nowrap;
  padding-bottom: 6px;
}
.catalog-counter span {
  color: var(--color-text-subtle);
}
.filter-bar {
  display: flex;
  margin-bottom: 20px;
}
.filter-label {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.filter-options {
  display: flex;
  flex-wrap: wrap;
}
.filter-btn {
  color: #b0c1c5;
  background: transparent;
  white-space: nowrap;
  transition: color var(--motion-standard),background var(--motion-standard);
}
.filter-btn:hover {
  color: white;
}
.filter-count {
  white-space: nowrap;
}
.price-note {
  display: flex;
  align-items: start;
  gap: 10px;
  margin-top: 19px;
}
.price-note svg {
  flex-shrink: 0;
}
.catalog-full-grid {
  gap: 17px;
}
.site-footer {
  color: #a8b6bd;
  padding: 61px 0 0;
}
.footer-main {
  display: grid;
}
.footer-brand p {
  color: #879ba2;
  margin: 23px 0 11px;
}
.footer-mail {
  color: #c6ded2;
}
.footer-links,.company-address {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--space-3);
}
.footer-links h3,.company-address h3 {
  color: #e7f3e8;
  margin: 3px 0 6px;
}
.footer-links a:hover {
  color: var(--lime);
}
.company-address strong {
  color: #e9f1ea;
}
.company-address p {
  margin: 0;
}
.risk-foot {
  border-top: 1px solid #27323b;
  border-bottom: 1px solid #27323b;
  padding: 23px 0;
}
.risk-foot strong {
  color: #b3c9c4;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  color: var(--color-text-subtle);
}
.footer-bottom a {
  color: #b2c4bc;
}
.footer-bottom a:hover {
  color: var(--lime);
}
@media (max-width:1240px) {
  .container {
    width: min(var(--content),calc(100% - 56px));
  }
  .header-inner {
    gap: 21px;
  }
  .nav-desktop {
    gap: var(--space-5);
  }
  .header-actions {
    gap: 11px;
  }
  .product-card {
    grid-template-columns: 33% 67%;
  }
  .product-content {
    padding: 16px 15px 13px;
  }
  .product-links {
    min-width: 106px;
  }
  .product-purchase {
    gap: 5px;
  }
  .hero {
    gap: 44px;
  }
  .footer-main {
    gap: 30px;
  }
}
@media (max-width:1080px) {
  .nav-desktop {
    display: none;
  }
  .header-actions {
    margin-left: auto;
  }
  .menu-toggle {
    display: flex;
  }
  .product-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--space-3);
  }
  .product-card {
    grid-template-columns: 1fr;
    min-height: unset;
  }
  .product-media {
    min-height: 175px;
    border-right: 0;
    border-bottom: 1px solid #33464b;
  }
  .media-core {
    gap: var(--space-1);
  }
  .media-halo {
    height: 65px;
    width: 65px;
  }
  .product-content {
    min-height: 250px;
  }
  .hero {
    grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr);
    gap: 30px;
  }
  .footer-main {
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 35px;
  }
  .company-address {
    grid-column: 1/-1;
    display: block;
  }
  .company-address>* {
    margin-right: 15px;
  }
}
@media (max-width:760px) {
  .container {
    width: calc(100% - 36px);
  }
  .utility-strip {
    height: 30px;
  }
  .utility-inner {
    gap: 13px;
  }
  .utility-inner>a {
    display: none;
  }
  .header-inner {
    height: 67px;
  }
  .wordmark img {
    width: 32px;
    height: 32px;
  }
  .wordmark small {
    margin-top: 6px;
  }
  .header-actions {
    gap: 5px;
  }
  .language-link {
    padding: 6px;
  }
  .client-link {
    padding: 9px;
    gap: 5px;
  }
  .client-link span {
    display: none;
  }
  .client-link svg {
    width: 18px;
  }
  .icon-action {
    width: 27px;
  }
  .menu-toggle {
    width: 35px;
  }
  .hero {
    padding: 29px 0 30px;
    display: block;
    min-height: unset;
  }
  .eyebrow {
    margin-bottom: 15px;
  }
  .hero h1 {
    margin-bottom: 12px;
  }
  .hero-description {
    max-width: 600px;
  }
  .hero-actions {
    gap: 13px;
  }
  .hero .btn {
    min-height: 40px;
  }
  .ecosystem {
    display: none;
  }
  .section {
    padding: 30px 0 42px;
  }
  .section-heading {
    display: block;
    margin-bottom: 21px;
  }
  .section-heading h2 {
    margin-top: 9px;
  }
  .section-link {
    margin-top: 17px;
  }
  .product-grid {
    grid-template-columns: 1fr;
  }
  .product-media {
    border-right: 1px solid #34464d;
    border-bottom: 0;
    padding: 10px;
  }
  .product-content h3 {
    margin: 0 0 7px;
  }
  .product-summary {
    margin-bottom: 7px;
  }
  .buy-btn {
    min-height: 34px;
    gap: 5px;
    padding: 8px;
  }
  .buy-btn svg {
    width: 14px;
  }
  .product-purchase {
    gap: var(--space-2);
  }
  .service-inner {
    grid-template-columns: 40px minmax(0,1fr);
    gap: 14px;
    padding-top: 24px;
    padding-bottom: 25px;
  }
  .service-icon {
    width: 40px;
    height: 40px;
  }
  .service-icon svg {
    width: 23px;
  }
  .service-purchase {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .service-purchase .btn {
    min-width: 120px;
  }
  .service-detail {
    width: 100%;
    text-align: right;
  }
  .benefit-inner {
    grid-template-columns: 50px minmax(0,1fr);
    gap: 13px;
  }
  .benefit-symbol {
    height: 49px;
    width: 49px;
  }
  .benefit-band {
    padding: 28px 0;
  }
  .benefit-inner .btn {
    grid-column: 2;
    justify-self: start;
    min-height: 36px;
  }
  .catalog-top {
    padding: 24px 0 28px;
  }
  .breadcrumb {
    margin-bottom: 21px;
  }
  .catalog-counter {
    display: none;
  }
  .filter-bar {
    margin-bottom: 15px;
    padding: 11px;
  }
  .filter-options {
    gap: 5px;
  }
  .filter-btn {
    padding: 8px 9px;
  }
  .filter-count {
    display: block;
    text-align: right;
    margin-top: 7px;
  }
  .site-footer {
    padding-top: 36px;
  }
  .footer-main {
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding-bottom: 32px;
  }
  .footer-brand {
    grid-column: 1/-1;
  }
  .company-address {
    grid-column: 1/-1;
  }
  .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    padding: 17px 0;
    gap: 9px;
    min-height: unset;
  }
  .footer-bottom span:nth-child(2) {
    order: 3;
    width: 100%;
  }
}
@media (max-width:390px) {
  .utility-inner>span:nth-child(2) {
    display: none;
  }
  .product-card {
    grid-template-columns: 33% 67%;
  }
  .product-content {
    padding: 11px 9px;
  }
  .product-purchase {
    display: block;
  }
  .product-pricing {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 5px;
  }
  .product-links {
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }
  .product-links .buy-btn {
    flex: 1;
  }
  .product-media {
    padding: 8px;
  }
  .hero-actions {
    align-items: stretch;
  }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Narrow viewport: keep all primary actions within the viewport. */
@media (max-width:760px) {
  .header-inner {
    gap: 6px;
  }
}
@media (max-width:410px) {
  .header-actions {
    gap: 1px;
  }
  .language-link {
    padding: 5px 5px;
  }
  .wordmark {
    gap: 7px;
  }
  .wordmark img {
    width: 29px;
    height: 29px;
  }
}
@media (max-width:350px) {
  .cart-action {
    display: none;
  }
  /* Cart remains available in the mobile menu. */
}
.full-disclosure {
  padding: 10px 0 17px;
  color: var(--color-text-subtle);
  border-bottom: 1px solid #26323b;
}
.full-disclosure summary {
  cursor: pointer;
  color: #acc1b7;
  display: list-item;
  list-style: disclosure-closed inside;
  width: max-content;
  max-width: 100%;
}
.full-disclosure[open] summary {
  list-style: disclosure-open inside;
}
.full-disclosure p {
  max-width: 1000px;
  margin: 8px 0 0;
}
/* Stage 3 product pages: extending, never replacing, Stage 2's shared design system. */
.landing {
  background: #0b1219;
}
.landing .landing-breadcrumb {
  margin-bottom: 28px;
  min-width: 0;
  flex-wrap: wrap;
  gap: 9px;
}
.landing-breadcrumb span:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 45%;
  display: inline-block;
}
.landing-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) 322px;
  gap: 42px;
  padding: 0 0 54px;
  align-items: start;
}
.landing-hero-main {
  min-width: 0;
}
.landing-micro {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--sea);
}
.pulse-point {
  width: 8px;
  height: 8px;
  background: var(--sea);
  border-radius: 50%;
  box-shadow: 0 0 15px #69dbc16b;
}
.landing-micro-sep {
  color: var(--color-text-subtle);
}
.landing h1 {
  margin: 13px 0 16px;
  max-width: 930px;
}
.landing-lead {
  color: #d9e5df;
  max-width: 840px;
  margin: 0 0 16px;
}
.landing-benefit {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #9fc5ad;
  margin: 0 0 31px;
  max-width: 720px;
}
.landing-benefit svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.landing-diagram {
  margin: 0;
  min-height: 290px;
  display: flex;
  flex-direction: column;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #35454d;
  border-radius: var(--radius-md);
  background: #121f29;
}
.landing-diagram:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,#0e1721,transparent 73%),linear-gradient(90deg,rgba(191,231,201,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(191,231,201,.045) 1px,transparent 1px);
  background-size: auto,30px 30px,30px 30px;
  z-index: -1;
}
.diagram-top,.diagram-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: 15px 21px;
  color: #8ca6aa;
}
.diagram-top {
  border-bottom: 1px solid #293e48;
}
.diagram-foot {
  margin-top: auto;
  border-top: 1px solid #2d4148;
  color: #769096;
}
.diagram-foot span:first-child {
  max-width: 65%;
}
.diagram-network {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 28px;
  flex: 1;
}
.diagram-node {
  min-width: 93px;
  border: 1px solid #486168;
  background: #1a3137;
  border-radius: var(--radius-sm);
  padding: 13px 15px;
  box-shadow: 0 9px 18px #0002;
}
.diagram-node.is-master {
  border-color: #9abd8c;
  background: #20362d;
  min-width: 124px;
}
.diagram-node small {
  color: #9cbab3;
  display: block;
  margin-bottom: 10px;
}
.diagram-node strong {
  color: #e5f6da;
}
.diagram-link {
  width: 53px;
  display: grid;
  gap: 7px;
}
.diagram-link span {
  height: 1px;
  background: #78c5b9;
  display: block;
  opacity: .6;
}
.diagram-link span:nth-child(1) {
  transform: rotate(-9deg);
}
.diagram-link span:nth-child(3) {
  transform: rotate(9deg);
}
.diagram-followers {
  display: grid;
  gap: 9px;
}
.diagram-followers .diagram-node {
  padding: 7px 10px;
  min-width: 130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.diagram-followers .diagram-node small {
  margin: 0;
}
.landing--cross .diagram-followers .diagram-node {
  border-color: #567686;
}
.landing--bridge .diagram-followers .diagram-node {
  background: #1b2b40;
}
.diagram-risk {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  padding: 32px;
}
.diagram-risk-ring {
  width: 162px;
  height: 162px;
  border-radius: 50%;
  border: 1px solid #a0bd7166;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 10px;
  box-shadow: inset 0 0 0 19px #b8e48b08,0 0 0 10px #b8e48b08;
  color: #d3eaa9;
}
.diagram-risk-data {
  min-width: 180px;
}
.diagram-risk-data>span,.diagram-analytics-copy>span {
  color: #a2b9ad;
}
.diagram-risk-data strong {
  display: block;
  color: #d4e8cd;
  margin: 7px 0;
}
.diagram-risk-data strong i {
  color: var(--lime);
}
.diagram-progress {
  width: 100%;
  height: 6px;
  background: #324139;
  border-radius: 3px;
  margin-bottom: 10px;
  overflow: hidden;
}
.diagram-progress b {
  display: block;
  width: 75%;
  height: 100%;
  background: #aecf83;
}
.diagram-risk-data>small {
  color: #7d9990;
}
.diagram-levels {
  width: min(610px,calc(100% - 55px));
  margin: 22px auto 20px;
  display: grid;
  gap: var(--space-5);
  flex: 1;
  position: relative;
}
.diagram-levels:before {
  content: "";
  width: 1px;
  background: #59727c;
  position: absolute;
  left: 42px;
  top: 8px;
  bottom: 8px;
}
.level {
  border-top: 1px dashed #a3b8a9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  color: #b9d5c3;
  padding: 5px 10px 0 56px;
}
.level b {
  color: #f0f8ed;
}
.level-tp {
  border-color: #8ad6b0;
}
.level-entry {
  border-color: #b9c3d0;
}
.level-sl {
  border-color: #d6ae9e;
}
.level-axis {
  text-align: right;
  color: #779399;
}
.diagram-analytics {
  padding: 36px 35px;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
.diagram-bars {
  width: 60%;
  max-width: 400px;
  height: 125px;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #5d756f;
}
.diagram-bars span {
  width: 100%;
  background: linear-gradient(#b1ddaf,#538f87);
  border-radius: 2px 2px 0 0;
  opacity: .8;
}
.diagram-analytics-copy strong {
  display: block;
  color: var(--lime);
}
.diagram-analytics-copy strong span {
  color: #c1d6cf;
}
.diagram-analytics-copy small {
  display: block;
  color: #9ab3b4;
}
.diagram-service {
  flex: 1;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--space-3);
  padding: 28px;
}
.service-ring {
  display: grid;
  place-items: center;
  border-radius: 50%;
  height: 115px;
  width: 115px;
  border: 1px solid #8cbfac;
  background: #1d3433;
  color: #c4eed3;
}
.diagram-service>span:last-child {
  color: #9fc4b4;
}
.landing-purchase {
  position: sticky;
  top: 24px;
  background: #14212a;
  border: 1px solid #3d5151;
  border-radius: var(--radius-md);
  padding: 22px 23px 21px;
  box-shadow: 0 24px 55px #0004;
}
.purchase-overline {
  color: var(--sea);
}
.purchase-price {
  margin: 8px 0 2px;
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.purchase-price strong {
  color: #f1fae9;
}
.purchase-price span {
  color: #adc7bc;
}
.purchase-price del {
  margin-left: auto;
  color: var(--color-text-subtle);
}
.landing-purchase>p {
  color: #829d9e;
  margin: 4px 0 0;
}
.purchase-rule,.aside-rule {
  height: 1px;
  background: #34484b;
  margin: 18px 0;
}
.purchase-label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #e2efe0;
}
.purchase-label svg {
  color: var(--sea);
}
.landing-purchase .purchase-compat {
  color: #a6bdc1;
  margin: 8px 0 20px;
}
.landing-purchase .purchase-alert {
  border-left: 2px solid var(--amber);
  padding: 9px 10px;
  margin: 0 0 13px;
  background: #3b322524;
  color: #ebd2ac;
}
.purchase-main-btn {
  display: flex;
  min-height: 48px;
  width: 100%;
}
.landing-purchase .purchase-note {
  text-align: center;
  margin: 11px 0 15px;
}
.purchase-original {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  color: #bad1c8;
}
.purchase-original:hover {
  color: var(--lime);
}
.landing-actions-mobile {
  display: none;
}
.landing-section-line {
  border-top: 1px solid #25353e;
}
.landing-editorial {
  display: grid;
  grid-template-columns: minmax(0,1fr) 270px;
  gap: 80px;
  padding-top: 52px;
  padding-bottom: 75px;
}
.landing-main-content {
  min-width: 0;
}
.landing-content-section {
  margin-bottom: 58px;
}
.landing-heading-line {
  padding: 0 0 22px;
  border-bottom: 1px solid #34444b;
  margin-bottom: 6px;
}
.landing-heading-line>span {
  color: var(--sea);
}
.landing-heading-line h2 {
  margin: 9px 0 8px;
}
.landing-heading-line p {
  color: #9eafb6;
  margin: 0;
}
.landing-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  column-gap: var(--space-8);
}
.landing-feature-list li {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-bottom: 1px solid #283a43;
  padding: 18px 0;
}
.landing-feature-count {
  color: #79a998;
  flex-shrink: 0;
  margin-top: 3px;
}
.landing-feature-list p {
  margin: 0;
  color: #c9d9d7;
}
.landing-video-link {
  background: #16272c;
  border: 1px solid #3d5351;
  border-radius: var(--radius-md);
  min-height: 167px;
  padding: 25px;
  display: flex;
  align-items: center;
  gap: var(--space-5);
}
.landing-video-link:hover {
  border-color: #a4c893;
}
.video-play {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border: 1px solid #d1edb9;
  border-radius: 50%;
  color: #ddf8bb;
  flex-shrink: 0;
}
.landing-video-link>span:nth-child(2) {
  display: grid;
  gap: 7px;
  color: #85bca7;
}
.landing-video-link strong {
  color: #ebf8df;
}
.landing-video-link>svg:last-child {
  margin-left: auto;
  color: #a6c7b7;
}
.landing-cautions {
  list-style: none;
  margin: 16px 0 21px;
  padding: 0;
}
.landing-cautions li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: 12px 0;
  border-bottom: 1px solid #273741;
  color: #bfd0cd;
}
.landing-cautions svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.landing-original-full {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: var(--lime);
}
.landing-aside-sticky {
  position: sticky;
  top: 25px;
  border-left: 1px solid #34444b;
  padding: 5px 0 5px 24px;
}
.landing-aside h3 {
  color: var(--sea);
  margin: 0 0 15px;
}
.landing-aside p {
  color: #b4c7ca;
}
.landing-aside a {
  color: var(--lime);
  display: flex;
  align-items: center;
  gap: 7px;
}
.landing-aside small {
  color: #7f9a9e;
  display: block;
}
.landing-source-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  background: #142126;
  border: 1px solid #344849;
  border-radius: 10px;
  padding: 22px;
}
.landing-source-notice>div {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  color: var(--sea);
}
.landing-source-notice strong,.landing-source-notice small {
  display: block;
}
.landing-source-notice strong {
  color: #e0eadf;
}
.landing-source-notice small {
  color: #99afb4;
  margin-top: 5px;
  max-width: 500px;
}
.landing-source-notice .btn {
  min-height: 38px;
}
.landing-original-archive .original-wp-content {
  color: #cbd9d7;
  overflow-wrap: anywhere;
}
.original-wp-content h1,.original-wp-content h2,.original-wp-content h3 {
  margin: 28px 0 14px;
}
.original-wp-content ul,.original-wp-content ol {
  padding-left: 21px;
}
.original-wp-content li {
  margin: 9px 0;
}
.original-wp-content a {
  color: var(--lime);
  text-decoration: underline;
}
.original-wp-content img,.original-wp-content iframe {
  max-width: 100%;
  height: auto;
}
.landing-related {
  background: #0e171e;
  padding: 50px 0 65px;
  border-top: 1px solid #2b3c45;
}
.landing-related .section-heading {
  margin-bottom: 26px;
}
@media (max-width:1180px) {
  .landing-hero {
    grid-template-columns: minmax(0,1fr) 286px;
    gap: 26px;
  }
  .landing-purchase {
    padding: 20px;
  }
  .landing-editorial {
    gap: 38px;
    grid-template-columns: minmax(0,1fr) 230px;
  }
}
@media (max-width:920px) {
  .landing-hero {
    grid-template-columns: 1fr;
  }
  .landing-purchase {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 26px;
  }
  .purchase-overline,.purchase-price,.landing-purchase>p:first-of-type,.purchase-rule {
    grid-column: 1;
  }
  .purchase-label,.landing-purchase .purchase-compat {
    grid-column: 2;
  }
  .landing-purchase .purchase-alert {
    grid-column: 1/-1;
  }
  .purchase-main-btn {
    grid-column: 1/-1;
  }
  .landing-purchase .purchase-note,.purchase-original {
    grid-column: 1/-1;
  }
  .landing-editorial {
    grid-template-columns: 1fr;
  }
  .landing-aside {
    display: none;
  }
  .landing .landing-breadcrumb {
    margin-bottom: 20px;
  }
}
@media (max-width:760px) {
  .landing .container {
    width: calc(100% - 36px);
  }
  .landing .landing-breadcrumb {
    margin-top: 24px;
    margin-bottom: 21px;
  }
  .landing-benefit {
    margin-bottom: 20px;
  }
  .landing-diagram {
    min-height: 265px;
  }
  .landing-editorial {
    padding-top: 36px;
    padding-bottom: 45px;
  }
  .landing-feature-list {
    grid-template-columns: 1fr;
  }
  .landing-feature-list li {
    padding: 14px 0;
  }
  .landing-content-section {
    margin-bottom: 37px;
  }
  .landing-purchase {
    padding: 20px;
  }
  .diagram-network {
    padding: 18px 10px;
    gap: 7px;
  }
  .diagram-node.is-master {
    min-width: 90px;
  }
  .diagram-node {
    padding: 8px;
  }
  .diagram-link {
    width: 25px;
  }
  .diagram-followers .diagram-node {
    min-width: 99px;
  }
  .diagram-risk {
    gap: var(--space-5);
  }
  .diagram-risk-ring {
    height: 105px;
    width: 105px;
  }
  .diagram-risk-data {
    min-width: 135px;
  }
  .landing-source-notice {
    display: block;
  }
  .landing-source-notice .btn {
    margin: 16px 0 0 32px;
  }
  .landing-related {
    padding: 35px 0 45px;
  }
}
@media (max-width:520px) {
  .landing-purchase {
    display: block;
  }
  .landing-purchase>p {
    margin: 5px 0;
  }
  .landing-purchase .purchase-compat {
    margin-bottom: 18px;
  }
  .landing-purchase .purchase-rule {
    margin: 13px 0;
  }
  .landing-diagram {
    min-height: 233px;
  }
  .landing .landing-breadcrumb span:last-child {
    max-width: 32%;
  }
  .landing-video-link {
    min-height: 140px;
    padding: 16px;
  }
  .video-play {
    width: 51px;
    height: 51px;
  }
  .diagram-network {
    gap: 6px;
  }
  .diagram-node.is-master {
    min-width: 75px;
    padding: 8px;
  }
  .diagram-followers .diagram-node {
    min-width: 80px;
    padding: 5px;
  }
  .diagram-link {
    width: 13px;
  }
  .diagram-analytics {
    padding: 22px 12px;
    gap: var(--space-3);
  }
  .diagram-bars {
    gap: 5px;
  }
  .diagram-risk {
    padding: 18px;
  }
  .diagram-risk-ring {
    width: 87px;
    height: 87px;
  }
  .diagram-risk-ring svg {
    width: 35px;
  }
  .diagram-risk-data {
    min-width: 110px;
  }
  .diagram-top,.diagram-foot {
    padding: 10px 12px;
  }
  .landing-source-notice>div {
    gap: 9px;
  }
}
/* Stage 5: external CSS declarations replace CSP-blocked inline height styles. */
.diagram-bar-height-42 {
  height: 42%;
}
.diagram-bar-height-62 {
  height: 62%;
}
.diagram-bar-height-51 {
  height: 51%;
}
.diagram-bar-height-80 {
  height: 80%;
}
.diagram-bar-height-57 {
  height: 57%;
}
.diagram-bar-height-93 {
  height: 93%;
}
.diagram-bar-height-66 {
  height: 66%;
}
.diagram-bar-height-77 {
  height: 77%;
}
.diagram-bar-height-96 {
  height: 96%;
}
.diagram-bar-height-65 {
  height: 65%;
}
.diagram-bar-height-86 {
  height: 86%;
}
/* Stage 5 accessibility and resilient content sizing. */
:where(.original-wp-content, .editorial-article-html) {
  overflow-wrap: anywhere;
}
:where(.original-wp-content, .editorial-article-html) img {
  max-width: 100%;
  height: auto;
}
:where(.original-wp-content, .editorial-article-html) iframe {
  max-width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}
:where(.original-wp-content, .editorial-article-html) table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
:where(.original-wp-content, .editorial-article-html) pre {
  max-width: 100%;
  overflow-x: auto;
}
:where(a,button,summary,[tabindex]):focus-visible {
  outline: 3px solid #d9f99d;
  outline-offset: 4px;
}
@media (hover:none) {
  .product-card:hover {
    transform: none;
    box-shadow: none;
  }
}
/* Product information and buying share the same destination and visual weight. */
.product-links .btn {
  width: 100%;
  justify-content: center;
  border-radius: var(--radius-sm);
}
.product-links .details-btn {
  border: 1px solid var(--lime);
  color: #122018;
  background: var(--lime);
  text-decoration: none;
}
.product-media .real-product-media {
  object-fit: contain;
  background: #101a21;
}
.service-purchase .service-detail {
  margin-top: 7px;
  min-height: 38px;
}
.footer-policy-heading {
  margin-top: 23px;
}
.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.footer-social h3 {
  width: 100%;
  margin: 0;
}
.footer-social a {
  display: flex;
  align-items: center;
  gap: 7px;
}
.footer-main {
  grid-template-columns: 1.1fr 1.25fr 1.1fr 1fr;
}
.footer-faith {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #293d44;
  padding: 28px 0;
}
.footer-faith blockquote {
  margin: 0;
  border-left: 2px solid #769c80;
  padding-left: 18px;
}
.footer-faith p {
  margin: 0 0 9px;
}
.sales-landing .landing-breadcrumb {
  margin-bottom: 26px;
}
.sales-title h1 {
  margin: 12px 0 14px;
}
.sales-title .landing-lead {
  margin: 0;
  color: #b7c7cf;
}
.sales-hero {
  display: grid;
  align-items: start;
}
.sales-showcase {
  min-width: 0;
}
.product-demo {
  aspect-ratio: 16/9;
  width: 100%;
  overflow: hidden;
  background: #14252b;
  border: 1px solid #344b54;
}
.video-cover {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: white;
  cursor: pointer;
}
.video-cover img {
  width: 100%;
  height: 100%;
}
.video-cover-shade {
  position: absolute;
  inset: 0;
}
.video-cover .video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #15211a;
  border: none;
}
.video-cover .video-play svg {
  display: none;
}
.video-cover .video-play:after {
  content: "";
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid #142719;
  margin-left: 4px;
}
.video-cover-copy {
  position: absolute;
  display: grid;
  gap: 6px;
  text-align: left;
}
.video-cover-copy small {
  color: #bcdfa9;
}
.product-demo iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.video-external {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: 9px;
}
.sales-benefit {
  display: flex;
  margin: 16px 0 0;
}
.sales-benefit svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.sales-purchase {
  border: 1px solid #3b5550;
}
.sales-purchase-top {
  display: flex;
}
.sales-purchase-top img {
  object-fit: contain;
  background: #111b20;
}
.sales-purchase .purchase-price {
  flex-wrap: wrap;
}
.sales-payment-note {
  margin: 12px 0 19px;
}
.sales-purchase .purchase-main-btn {
  width: 100%;
}
.sales-purchase .purchase-label {
  margin: 0;
}
.sales-purchase .purchase-compat {
  margin-bottom: 9px;
}
.purchase-mac a {
  display: block;
  margin-top: 6px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sales-help {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.sales-highlights {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin: 32px 0;
  border-bottom: 1px solid #293f46;
}
.sales-highlights>div {
  display: flex;
  align-items: flex-start;
}
.sales-highlights svg {
  flex-shrink: 0;
  margin-top: 1px;
}
.sales-highlights p {
  margin: 0;
}
.sales-section-nav {
  display: flex;
}
.sales-section-nav a {
  border-bottom: 1px solid #638972;
  padding-bottom: 7px;
}
.sales-body-grid {
  display: grid;
  padding-top: 42px;
  padding-bottom: 30px;
}
.sales-full-content {
  min-width: 0;
}
.sales-section-heading h2 {
  margin: 12px 0;
}
.sales-section-heading p {
  color: #9eb2b5;
}
.product-description {
  overflow-wrap: anywhere;
}
.product-description>h2 {
  color: #f0f5e7;
  border-top: 1px solid #35484c;
  margin: 44px 0 20px;
}
.product-description h3 {
  margin: 28px 0 14px;
}
.product-description p {
  margin: 0 0 20px;
}
.product-description ul,.product-description ol {
  padding-left: 24px;
  margin: 24px 0;
}
.product-description li+li {
  border-top: 1px solid #22363d;
}
.product-description li p {
  margin: 10px 0;
}
.product-description a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.product-description blockquote {
  margin: 28px 0;
  color: #c9deca;
}
.product-description blockquote p:last-child {
  margin: 0;
}
.product-description hr {
  border: 0;
  border-top: 1px solid #31464b;
  margin: 30px 0;
}
.product-description table {
  display: block;
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 25px 0;
}
.product-description th {
  text-align: left;
}
.product-description th,.product-description td {
  padding: 12px 14px;
  border: 1px solid #334b4d;
  min-width: 105px;
}
.product-description th:first-child,.product-description td:first-child {
  min-width: 235px;
}
.product-description tr:nth-child(even) {
  background: #132329;
}
.sales-toc>div {
  position: sticky;
  top: 24px;
  border-left: 1px solid #344a4d;
}
.sales-toc nav {
  display: grid;
  overflow: auto;
  margin: 22px 0;
}
.sales-toc a:hover {
  color: var(--lime);
}
.sales-toc .btn {
  width: 100%;
}
.sales-gallery-section {
  padding-top: 40px;
  padding-bottom: 45px;
}
.sales-gallery {
  display: grid;
}
.sales-gallery a {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #30484e;
  overflow: hidden;
}
.sales-gallery img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  background: #0f1a20;
}
.sales-gallery span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.sales-license {
  padding-top: 20px;
  padding-bottom: 35px;
}
.sales-final {
  display: flex;
  gap: var(--space-6);
  align-items: center;
  border: 1px solid #4b6651;
  margin-top: 15px;
}
.sales-final>img {
  object-fit: contain;
  border-radius: var(--radius-sm);
}
.sales-final>div:nth-child(2) {
  flex: 1;
}
.sales-final h2 {
  margin: 10px 0;
}
.sales-final p {
  color: #a8c1b7;
  margin: 0;
}
.sales-final-action {
  display: grid;
  gap: 13px;
}
.sales-final-action>strong {
  color: #f1f8de;
  white-space: nowrap;
}
.sales-final-action small {
  color: #b9cdb8;
}
.sales-final-action .btn {
  min-width: 160px;
}
.sales-mobile-buy {
  display: none;
}
.service-hero-image {
  width: 100%;
  max-height: 460px;
  object-fit: contain;
  background: #122028;
  border-radius: 10px;
}
@media (max-width:1100px) {
  .sales-hero {
    grid-template-columns: minmax(0,1fr) 305px;
    gap: 22px;
  }
  .sales-purchase {
    padding: 20px;
  }
  .sales-body-grid {
    gap: 35px;
    grid-template-columns: minmax(0,1fr) 220px;
  }
  .footer-main {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:800px) {
  .sales-hero {
    grid-template-columns: 1fr;
  }
  .sales-mobile-buy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #1b302b;
    border: 1px solid #45614c;
    border-radius: var(--radius-md);
    margin-bottom: 18px;
    gap: var(--space-3);
  }
  .sales-mobile-buy>div {
    display: grid;
    gap: 6px;
  }
  .sales-mobile-buy small {
    color: #adc5af;
  }
  .sales-mobile-buy strong span {
    color: #b3c6b5;
  }
  .sales-mobile-buy .btn {
    padding: 12px;
  }
  .sales-purchase {
    display: block;
  }
  .sales-purchase-top img {
    width: 64px;
    height: 64px;
  }
  .sales-purchase-top span {
    max-width: none;
  }
  .sales-purchase .purchase-price del {
    margin-left: 12px;
  }
  .sales-body-grid {
    grid-template-columns: 1fr;
    padding-top: 30px;
  }
  .sales-toc {
    display: none;
  }
  .sales-highlights {
    gap: 18px;
    grid-template-columns: 1fr;
    padding: 20px 0;
    margin-top: 22px;
    margin-bottom: 23px;
  }
  .sales-section-nav {
    gap: 17px;
  }
  .sales-gallery {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .sales-final {
    flex-wrap: wrap;
    gap: 17px;
  }
  .sales-final-action {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .sales-final>img {
    width: 75px;
    height: 75px;
  }
  .sales-title {
    margin-bottom: 20px;
  }
  .footer-faith {
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }
}
@media (max-width:480px) {
  .sales-gallery {
    gap: 10px;
  }
  .sales-gallery span {
    padding: 10px;
  }
  .video-cover-copy {
    left: 17px;
    bottom: 16px;
  }
  .video-cover .video-play {
    width: 53px;
    height: 53px;
  }
  .sales-final {
    padding: 20px;
  }
  .sales-final>div:nth-child(2) {
    min-width: 160px;
  }
  .sales-final-action {
    grid-template-columns: 1fr;
  }
  .sales-final-action .btn {
    width: 100%;
  }
  .footer-main {
    grid-template-columns: 1fr;
  }
  .product-description th:first-child,.product-description td:first-child {
    min-width: 190px;
  }
  .product-description th,.product-description td {
    padding: 10px;
    min-width: 95px;
  }
}
.video-cover img {
  object-fit: contain;
  background: radial-gradient(ellipse at center,#25453e,#0c1b21);
}
.sales-purchase .purchase-note {
  color: #9fb6ad;
  margin: 10px 0 0;
}
.sales-gallery a:focus-visible,.video-cover:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 4px;
}
@media (max-width:760px) {
  .product-links .btn {
    min-width: 0;
    min-height: 38px;
    white-space: normal;
    padding: 9px 5px;
  }
  .product-links svg {
    display: none;
  }
}


/* ===== SOURCE assets/css/editorial.css ===== */
/* Stage 4 only: editorial, legal, technical and archive views. Reuse stage 2/3 tokens. */
.editorial-hero {
  padding-top: 58px;
  padding-bottom: 40px;
  max-width: 1160px;
}
.editorial-hero .breadcrumb,.editorial-breadcrumb {
  margin-bottom: 47px;
}
.editorial-eyebrow,.editorial-list-label {
  display: inline-block;
  color: #65c9ac;
}
.editorial-hero h1 {
  max-width: 900px;
  margin: 16px 0 15px;
  color: #f3f7fa;
}
.editorial-hero p {
  color: #a6b3c1;
  max-width: 680px;
}
.editorial-collection {
  padding: 12px 0 94px;
}
.editorial-collection-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #243140;
  padding-bottom: 20px;
  gap: 18px;
  color: #8e9faf;
}
.editorial-collection-intro h2 {
  color: #e7eef5;
  margin: 0;
}
.editorial-collection-intro small {
  color: #75bfa9;
  margin-left: 9px;
}
.editorial-list-row {
  display: grid;
  align-items: center;
  border-bottom: 1px solid #263240;
  padding: 30px 0;
}
.editorial-list-row:hover {
  background: rgba(69,135,138,.045);
}
.editorial-list-meta {
  display: flex;
  flex-direction: column;
  color: #83909d;
}
.editorial-list-copy h3,.editorial-list-copy h2 {
  max-width: 800px;
  margin: 7px 0 0;
}
.editorial-list-copy h3 a,.editorial-list-copy h2 a {
  color: #e7eef3;
  text-decoration: none;
}
.editorial-list-copy h3 a:hover,.editorial-list-copy h2 a:hover {
  color: #76dbc2;
}
.editorial-list-open {
  display: grid;
  place-items: center;
  width: 33px;
  height: 33px;
  border: 1px solid #39515b;
}
.editorial-bottom-actions {
  display: flex;
  gap: var(--space-3);
  padding-top: 35px;
}
.editorial-page>.container>.breadcrumb {
  margin-top: 35px;
}
.editorial-hero--inner {
  padding: 32px 0 47px;
}
.editorial-hero--inner h1 {
  max-width: 1000px;
}
.editorial-issue-date {
  display: inline-block;
  color: #a3b2c1;
  margin-left: 18px;
}
.editorial-article-layout {
  display: grid;
  align-items: start;
  max-width: 1180px;
}
.editorial-paper {
  min-width: 0;
}
.editorial-article-html {
  color: #c5d2dc;
  overflow-wrap: anywhere;
}
.editorial-article-html h2,.editorial-article-html h3,.editorial-article-html h4 {
  color: #f0f5f8;
  margin: 1.7em 0 .55em;
}
.editorial-article-html p {
  margin: 0 0 1.1em;
}
.editorial-article-html li {
  margin: .4em 0;
}
.editorial-article-html a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.editorial-article-html img,.editorial-article-html video,.editorial-article-html iframe {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  margin: 24px auto;
}
.editorial-article-html iframe {
  aspect-ratio: 16/9;
  width: 100%;
}
.editorial-article-html table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}
.editorial-article-html th,.editorial-article-html td {
  border: 1px solid #324450;
  padding: 10px;
  text-align: left;
}
.editorial-aside>div {
  position: sticky;
  padding: 22px 0;
}
.editorial-aside span {
  color: #7caea8;
}
.editorial-aside p,.editorial-aside h3 {
  color: #c1d1da;
}
.editorial-aside a {
  color: #8de0cb;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.editorial-source-pending {
  border: 1px solid #31434d;
  max-width: 820px;
}
.editorial-source-symbol {
  display: grid;
  place-items: center;
}
.editorial-source-pending h2 {
  color: #f0f4f7;
  margin: 12px 0;
}
.editorial-source-pending p {
  color: #a6b4c0;
  max-width: 650px;
  margin: 0 0 14px;
}
.editorial-no-summary {
  color: var(--color-text-subtle);
}
.editorial-related-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.editorial-related-grid a {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #3b625c;
  text-decoration: none;
  background: #101922;
  border-radius: 0 0 13px 13px;
}
.editorial-related-grid time {
  color: #87a89e;
}
.editorial-related-grid strong {
  color: #f0f6fa;
}
.editorial-category-grid {
  padding-bottom: 60px;
}
.editorial-category-grid>p a {
  color: #88dac7;
}
.editorial-support-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.editorial-support-grid section {
  border-top: 1px solid #3d625c;
  padding: 23px 0;
}
.editorial-support-grid h2 {
  color: #eaf5f7;
  margin: 0 0 14px;
}
.editorial-support-grid p {
  color: var(--color-text-subtle);
}
.editorial-support-grid ul {
  padding: 0;
  list-style: none;
}
.editorial-support-grid li a {
  display: inline-flex;
  gap: 9px;
  align-items: center;
}
.editorial-source-pending .btn svg {
  flex-shrink: 0;
}
@media (max-width:800px) {
  .editorial-aside {
    padding-top: 20px;
  }
  .editorial-aside>div {
    position: static;
  }
  .editorial-list-row {
    grid-template-columns: 100px 1fr 27px;
    gap: 15px;
  }
  .editorial-related-grid,.editorial-support-grid {
    grid-template-columns: 1fr;
  }
  .editorial-support-grid {
    gap: var(--space-2);
  }
}
@media (max-width:540px) {
  .editorial-hero {
    padding-top: 26px;
    padding-bottom: 30px;
  }
  .editorial-hero .breadcrumb {
    margin-bottom: 35px;
  }
  .editorial-list-row {
    padding: 23px 0;
  }
  .editorial-list-meta {
    align-items: center;
  }
  .editorial-collection-intro>span {
    display: none;
  }
  .editorial-issue-date {
    display: block;
  }
  .editorial-source-pending {
    padding: 23px;
  }
  .editorial-page {
    padding-bottom: 50px;
  }
}


/* ===== SOURCE assets/css/refinement.css ===== */
/* Focused visual refinement. Same content, routes and interactions. */
:root {
  --ref-surface: #111b23;
  --ref-border: #293740;
  --ref-border-soft: #20303a;
  --ref-muted: #a5b6be;
  --ref-subtle: #899ca6;
}
/* One accent hierarchy: brand and buying actions; quieter navigation. */
body::before {
  background: none;
}
.utility-strip {
  height: 28px;
  color: var(--ref-subtle);
}
.header-inner {
  height: 73px;
}
.language-nav {
  border-color: var(--ref-border-soft);
  background: transparent;
}
.language-link.selected {
  color: var(--text);
  background: #26343e;
}
.client-link {
  color: #ccd7db;
  background: transparent;
  border-color: var(--ref-border);
}
.client-link:hover {
  background: #1b2932;
  border-color: #60747b;
}
.nav-link.active::after {
  width: 18px;
  background: #b6c4ca;
  bottom: -10px;
}
.mobile-menu {
  padding-block: 8px 14px;
}
.mobile-menu a {
  border-color: var(--ref-border-soft);
  padding-block: 11px;
}
.mobile-menu a:hover {
  color: var(--lime);
  background: #172630;
}
.menu-toggle:hover, .icon-action:hover {
  background: #1b2932;
  border-radius: var(--radius-sm);
}
.eyebrow, .section-overline, .editorial-eyebrow, .editorial-list-label {
  color: #9db2b9;
}
.btn {
  gap: 9px;
  border-radius: var(--radius-sm);
}
.btn:hover {
  transform: none;
}
.btn-secondary, .btn-quiet {
  color: #e2e9e6;
  background: #17252e;
  border: 1px solid #43565d;
}
.btn-secondary:hover, .btn-quiet:hover {
  color: #f3f8ed;
  background: #23373b;
  border-color: #7e9c87;
}
.btn:focus-visible, a:focus-visible, button:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 3px;
}
/* Keep the current composition; remove terminal-like decoration. */
.hero {
  padding-block: 36px 40px;
  gap: var(--space-12);
  min-height: 0;
}
.hero h1 {
  margin-bottom: 16px;
}
.eyebrow {
  margin-bottom: 15px;
}
.hero-description {
  color: #b0bfc7;
  margin-bottom: 20px;
}
.ecosystem {
  background: #101b23;
  border-color: var(--ref-border);
  box-shadow: none;
  transform: none;
}
.ecosystem-header {
  height: auto;
  min-height: 35px;
  padding: 11px 19px;
  color: #9db2b9;
}
.ecosystem-content {
  padding: 14px 19px;
}
.ecosystem-title {
  margin-bottom: 9px;
}
.eco-entry {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 37px;
  border-color: var(--ref-border-soft);
}
.eco-status {
  color: #9bb2ab;
}
.ecosystem-footer {
  background: transparent;
  border-color: var(--ref-border-soft);
  padding: 10px 19px;
}
.section {
  padding-block: 36px 44px;
}
.section-heading {
  margin-bottom: 22px;
}
.section-heading h2 {
  margin-top: 8px;
}
.section-link {
  color: #c4d3c7;
  border-color: #4e6362;
}
/* Product title and price lead. Both card actions retain equal weight. */
.product-card {
  border-color: var(--ref-border);
  border-radius: var(--radius-md);
}
.product-card:hover {
  transform: none;
  border-color: #53696d;
  box-shadow: none;
}
.product-media {
  min-height: 250px;
  border-color: var(--ref-border-soft);
  padding: 0;
}
.product-media::before, .product-media::after {
  content: none;
}
.product-card:hover .real-product-media {
  transform: none;
}
.type-label {
  color: #9cafb6;
}
.product-summary {
  color: #abbcc4;
}
.product-platform {
  color: #b3c4ca;
}
.label-small {
  color: #91a5af;
}
.product-purchase {
  padding-top: 12px;
  border-color: var(--ref-border-soft);
}
.price-regular {
  color: #91a3ad;
}
.product-links {
  gap: 7px;
}
.product-links .btn {
  min-height: 36px;
  color: #e2e9e6;
  background: #17252e;
  border: 1px solid #43565d;
}
.product-links .btn:hover {
  color: #f3f8ed;
  background: #23373b;
  border-color: #7e9c87;
}
.product-links svg {
  display: none;
}
.product-condition {
  color: #c9b594;
}
.catalog-top {
  padding-block: 25px 28px;
}
.breadcrumb {
  margin-bottom: 24px;
}
.catalog-counter strong {
  color: #d2dfd8;
}
.catalog-page-content {
  padding-top: 20px;
}
.filter-bar {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0 0 15px;
  min-height: 0;
  border-bottom: 1px solid var(--ref-border);
}
.filter-label {
  color: #a4b7bf;
  gap: 7px;
}
.filter-label svg {
  width: 15px;
  height: 15px;
}
.filter-btn {
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  padding: 8px 11px;
}
.filter-btn.is-selected {
  background: #26383b;
  color: #e1eddf;
  border-color: #587469;
}
.filter-btn:hover {
  background: #1e2c35;
}
.filter-count {
  color: var(--color-text-subtle);
}
.price-note {
  color: var(--color-text-subtle);
}
.price-note svg {
  color: #9eb4ab;
}
/* Group purchase information, leaving one clear accent within the first view. */
.sales-title {
  margin-bottom: 22px;
}
.sales-hero {
  grid-template-columns: minmax(0, 1fr) 324px;
}
.product-demo {
  border-color: var(--ref-border);
  border-radius: var(--radius-md);
}
.video-cover .video-play {
  background: #edf3eb;
  width: 58px;
  height: 58px;
  box-shadow: 0 0 0 7px #101b2066;
}
.video-cover-shade {
  background: linear-gradient(0deg, #09161cdd, transparent 55%);
}
.video-cover-copy {
  left: 20px;
  bottom: 18px;
}
.video-external {
  color: var(--color-text-subtle);
}
.sales-benefit {
  color: var(--color-text-muted);
  margin-top: 13px;
  gap: var(--space-2);
}
.sales-benefit svg {
  color: #a8c6b3;
  width: 16px;
}
.sales-purchase {
  padding: 21px;
  background: #142128;
  border-color: #3c5154;
  border-radius: var(--radius-md);
  box-shadow: none;
}
.sales-purchase-top {
  gap: var(--space-3);
  margin-bottom: 15px;
}
.sales-purchase-top img {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-sm);
}
.sales-purchase-top span {
  color: var(--color-text-muted);
}
.sales-purchase .purchase-price del {
  color: #95a7ad;
}
.sales-payment-note {
  margin-block: 10px 16px;
  color: var(--color-text-subtle);
}
.sales-purchase .purchase-main-btn {
  min-height: 44px;
}
.sales-purchase .purchase-note {
  margin-top: 8px;
}
.purchase-rule {
  margin-block: 18px;
  background: var(--ref-border);
}
.sales-purchase .purchase-label {
  color: #d2deda;
}
.sales-purchase .purchase-label svg {
  color: #a9bab4;
}
.sales-purchase .purchase-compat {
  margin-block: 10px 8px;
  color: var(--color-text-subtle);
}
.purchase-mac {
  color: var(--color-text-subtle);
}
.purchase-mac a {
  color: #c7d7cb;
}
.sales-help {
  color: var(--color-text-subtle);
  padding-top: 13px;
  margin-top: 14px;
  border-top: 1px solid var(--ref-border);
}
.sales-highlights {
  padding-block: 18px;
  margin-block: 24px;
  border-top: 0;
  border-color: var(--ref-border);
}
.sales-highlights>div {
  gap: 10px;
}
.sales-highlights svg {
  width: 16px;
  height: 16px;
  color: #a3c2b0;
}
.sales-highlights p {
  color: var(--color-text-subtle);
}
.sales-section-nav {
  padding-bottom: 0;
}
.sales-section-nav a {
  border: 0;
  padding-block: 7px;
}
.sales-section-nav a:hover {
  color: #e6f0df;
  text-decoration: underline;
  text-underline-offset: 5px;
}
/* Read long descriptions as connected information, not a stack of framed cards. */
.sales-body-grid {
  grid-template-columns: minmax(0, 1fr) 240px;
  padding-block: 30px 24px;
}
.information-label {
  margin-block: 0 13px;
}
.product-description>h2 {
  padding-top: 0;
  border: 0;
  margin-block: 30px 15px;
}
.product-description h3 {
  color: #dce6df;
  margin-block: 23px 12px;
}
.product-description p {
  margin-bottom: 16px;
}
.product-description ul, .product-description ol {
  margin-block: 18px;
  padding-left: 22px;
}
.product-description li {
  padding: 4px 0 7px 4px;
  margin-bottom: 4px;
}
.product-description li+li {
  border: 0;
}
.product-description li::marker {
  color: var(--color-text-subtle);
}
.product-description a {
  color: #c6dcb7;
  text-decoration-thickness: 1px;
}
.product-description blockquote {
  padding: 17px 20px;
  background: #132329;
  border-left: 2px solid #607f73;
  border-radius: 0 6px 6px 0;
  margin-block: 23px;
}
.product-description th {
  background: #203238;
  color: #e3ece7;
}
.product-description td, .product-description th {
  border-color: #304249;
  padding: 10px 12px;
}
.sales-toc>div {
  border-color: var(--ref-border);
}
.sales-toc h2 {
  color: var(--color-text-subtle);
}
.sales-toc nav {
  margin-block: 18px;
}
.sales-toc nav a {
  color: var(--color-text-subtle);
}
.sales-toc nav a:hover {
  color: #edf4e7;
}
.sales-toc .btn {
  color: #dfe9e1;
}
.sales-section-heading {
  margin-bottom: 20px;
}
.sales-section-heading h2 {
  margin-block: 8px 10px;
}
.sales-gallery-section {
  padding-block: 28px 32px;
}
.sales-gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}
.sales-gallery a {
  border-color: var(--ref-border);
  border-radius: var(--radius-sm);
  background: #111c23;
}
.sales-gallery span {
  padding: 10px 12px;
  color: var(--color-text-subtle);
}
.sales-license {
  padding-block: 14px 24px;
}
.landing-cautions li {
  border-color: var(--ref-border-soft);
  padding-block: 10px;
}
.landing-cautions svg {
  color: #b8bda9;
}
.sales-final {
  background: #16262b;
  border-radius: var(--radius-md);
  box-shadow: none;
  padding: 23px;
  margin-bottom: 36px;
}
.sales-final>img {
  width: 90px;
  height: 90px;
}
.landing-related {
  padding-block: 34px 42px;
}
/* Secondary services, resources and footer share the same quiet treatment. */
.service-section, .benefit-band {
  border-color: var(--ref-border-soft);
}
.service-inner {
  gap: 22px;
  padding-block: 25px;
}
.service-icon, .benefit-symbol {
  background: #1a2a30;
  box-shadow: none;
  color: var(--color-text-muted);
}
.benefit-symbol>span, .benefit-symbol small {
  color: var(--color-text-muted);
}
.service-purchase .btn {
  color: #e2e9e6;
}
.benefit-band {
  padding-block: 28px;
}
.site-footer {
  padding-top: 38px;
}
.footer-main {
  column-gap: 30px;
  row-gap: 26px;
  padding-bottom: 30px;
}
.footer-brand p {
  margin-block: 17px 0;
}
.footer-social {
  margin-top: 18px;
}
.footer-social a {
  color: var(--color-text-muted);
}
.footer-links, .company-address {
  gap: 10px;
}
.footer-links h3, .company-address h3, .footer-social h3 {
  color: #dce6e1;
}
.footer-links>a {
  color: var(--color-text-subtle);
}
.footer-faith {
  gap: 30px;
  padding-block: 21px;
}
.footer-faith blockquote {
  border: 0;
  padding: 0;
}
.footer-faith p {
  color: var(--color-text-subtle);
}
.footer-faith cite {
  color: var(--color-text-muted);
}
.risk-foot {
  padding-block: 17px;
  color: #91a6b0;
  border-color: var(--ref-border-soft);
}
.footer-bottom {
  min-height: 54px;
}
.editorial-list-open {
  border-color: var(--ref-border);
  border-radius: var(--radius-sm);
}
.editorial-list-meta span {
  color: var(--color-text-subtle);
}
.editorial-aside>div {
  border-top: 1px solid #3d5558;
  padding-top: 18px;
}
.editorial-source-symbol {
  background: #1b3034;
  color: #b4c8c6;
  border-radius: var(--radius-sm);
}
.editorial-support-grid {
  gap: var(--space-6);
}
.editorial-support-grid section {
  border-color: #354b51;
}
.editorial-support-grid a:not(.btn) {
  color: #c1d6c6;
}
@media (max-width: 1100px) {
  .sales-hero {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 22px;
  }
  .sales-body-grid {
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 30px;
  }
  .product-content {
    padding: 15px;
  }
}
@media (min-width: 761px) and (max-width: 1080px) {
  .product-card {
    grid-template-columns: 1fr;
  }
  .product-media {
    min-height: 186px;
    border-right: 0;
  }
  .product-content {
    min-height: 256px;
  }
  .product-purchase {
    display: block;
  }
  .product-pricing {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .product-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }
  .product-links .btn {
    white-space: normal;
    min-width: 0;
  }
  .hero {
    gap: 25px;
  }
}
@media (max-width: 800px) {
  .sales-hero, .sales-body-grid {
    grid-template-columns: 1fr;
  }
  .sales-toc {
    display: none;
  }
  /* Same mobile behavior as the supplied CMS. */
  .sales-mobile-buy {
    background: #15262b;
    border-color: #3c5355;
    padding: 14px;
    border-radius: var(--radius-sm);
  }
  .sales-purchase {
    padding: 20px;
  }
  .sales-highlights {
    gap: 14px;
    padding-block: 16px;
    margin-block: 18px;
  }
  .sales-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales-body-grid {
    padding-top: 25px;
  }
}
@media (max-width: 760px) {
  .utility-strip {
    height: 27px;
  }
  .utility-inner>span:nth-child(1) {
    display: block;
  }
  .header-inner {
    height: 64px;
  }
  .hero {
    padding-block: 27px 30px;
  }
  .section {
    padding-block: 28px 34px;
  }
  .section-heading {
    margin-bottom: 19px;
  }
  .product-card {
    grid-template-columns: 32% minmax(0, 1fr);
    min-height: 238px;
  }
  .product-media {
    min-height: 238px;
    border-right: 1px solid var(--ref-border-soft);
  }
  .product-content {
    padding: 13px;
    min-height: 238px;
  }
  .product-summary {
    margin-bottom: 9px;
  }
  .product-platform {
    margin-bottom: 10px;
  }
  .product-purchase {
    display: block;
    padding-top: 10px;
  }
  .product-pricing {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 8px;
    gap: var(--space-2);
  }
  .product-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    gap: 6px;
  }
  .product-links .btn {
    min-width: 0;
    padding: 8px 5px;
    min-height: 36px;
    white-space: normal;
  }
  .product-platform {
    gap: 5px;
  }
  .catalog-top {
    padding-block: 22px 25px;
  }
  .filter-bar {
    padding-bottom: 13px;
  }
  .filter-label {
    margin-bottom: 9px;
  }
  .filter-options {
    gap: 5px;
  }
  .filter-btn {
    padding: 8px 9px;
  }
  .filter-count {
    margin-top: 8px;
  }
  .sales-section-nav {
    gap: 15px;
  }
  .product-description>h2 {
    margin-top: 26px;
  }
  .product-description>h2:first-child {
    margin-top: 0;
  }
  .video-cover .video-play {
    width: 49px;
    height: 49px;
  }
  .sales-final {
    padding: 20px;
  }
  .sales-final>img {
    width: 70px;
    height: 70px;
  }
  .service-inner {
    padding-block: 22px;
    gap: 14px;
  }
  .benefit-band {
    padding-block: 24px;
  }
  .footer-main {
    gap: 26px 20px;
  }
}
@media (max-width: 350px) {
  .product-card {
    grid-template-columns: 29% minmax(0, 1fr);
  }
  .product-content {
    padding: 11px;
  }
  .product-platform {
    overflow-wrap: anywhere;
  }
}
@media (prefers-reduced-motion: reduce) {
  .btn, .product-card, .real-product-media {
    transition: none;
  }
}
/* Imported FAQ controls: readable labels and matching open/keyboard states. */
.product-description details {
  border-top: 1px solid var(--ref-border);
  padding: 0 0 13px;
  margin: 0;
}
.product-description summary {
  color: #dce6e2;
  cursor: pointer;
  padding: 13px 2px;
}
.product-description summary::marker {
  color: #9cafb6;
}
.product-description summary:hover {
  color: #f0f6e8;
}
.product-description summary:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 2px;
  border-radius: 3px;
}
.product-description details[open] summary {
  color: #d4e6ca;
}
.product-description li h3, .product-description td h3 {
  color: #dce6e2;
}
/* One purchase summary on every viewport: no repeated mobile price/CTA block. */
.sales-hero {
  row-gap: 0;
}
.sales-showcase {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.sales-purchase-summary {
  grid-column: 2;
  grid-row: 1;
  border-radius: 9px 9px 0 0;
  border-bottom: 0;
  align-self: stretch;
  padding-bottom: 16px;
}
.sales-purchase-details {
  grid-column: 2;
  grid-row: 2;
  border-radius: 0 0 9px 9px;
  border-top: 0;
  align-self: stretch;
  padding-top: 0;
}
.sales-purchase-details::before {
  content: "";
  display: block;
  border-top: 1px solid var(--ref-border);
  padding-top: 17px;
}
/* Stage 3: source-order mobile rules are defined in composition.css, where
   demonstration, purchase and compatibility follow the same DOM reading order. */

.product-description strong {
  color: #d2dedb;
}


/* ===== SOURCE assets/css/typography.css ===== */
/* Local font files; licenses included in assets/fonts. */
/* latin-ext */
/* latin */
/* latin-ext */
/* latin */
/* latin-ext */
/* latin */
/* Vietnamese range omitted: these locales use packaged Latin / Latin-ext fonts. */
/* latin-ext */
@font-face  {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk-latin-ext.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face  {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk-latin.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face  {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-latin-ext.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face  {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-latin.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Shared type system for every template, language and interactive state.
   Layout styles deliberately contain no competing typographic declarations. */
/* Role-specific values are defined only in foundation.css. */
body {
  font: var(--weight-regular) var(--type-body)/var(--leading-body) var(--font-content);
  font-optical-sizing: auto;
}
button, input, select, textarea {
  font: inherit;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-content);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: -.02em;
  text-wrap: pretty;
}
h1 {
  font-size: var(--type-page);
}
h2 {
  font-size: var(--type-section);
}
h3, h4 {
  font-size: var(--type-subtitle);
}
h5, h6 {
  font-size: var(--type-body);
}
p, li, dd, dt {
  line-height: var(--leading-body);
}
strong, b {
  font-weight: var(--weight-heading);
}
small, figcaption {
  font-size: var(--type-caption);
  line-height: var(--leading-label);
}
/* Brand lettering is the only intentional family exception. */
.wordmark>span {
  font: 600 var(--type-brand)/1.05 var(--font-brand);
  letter-spacing: -.04em;
}
.wordmark small {
  font: var(--weight-medium) var(--type-label)/1.35 var(--font-content);
  letter-spacing: 0;
}
.utility-strip, .utility-inner {
  font: var(--weight-regular) var(--type-label)/var(--leading-label) var(--font-content);
  letter-spacing: 0;
}
.nav-link, .client-link, .mobile-menu a {
  font: var(--weight-medium) var(--type-control)/var(--leading-label) var(--font-content);
  letter-spacing: 0;
}
.language-link {
  font: var(--weight-heading) var(--type-label)/1.25 var(--font-content);
}
.eyebrow, .section-overline, .type-label, .label-small,
.editorial-eyebrow, .editorial-list-label, .purchase-overline,
.ecosystem-header, .eco-status, .landing-micro {
  font: var(--weight-medium) var(--type-label)/var(--leading-label) var(--font-content);
  letter-spacing: .035em;
  text-transform: none;
}
.hero h1 {
  font: var(--weight-heading) var(--type-hero)/1.18 var(--font-content);
  letter-spacing: -.035em;
}
.hero h1 em {
  font-style: normal;
}
.hero-description, .landing-lead, .sales-title .landing-lead, .editorial-hero p {
  font: var(--weight-regular) var(--type-lead)/var(--leading-body) var(--font-content);
  letter-spacing: 0;
}
.hero-quiet-link, .section-link, .video-external, .service-detail {
  font: var(--weight-medium) var(--type-control)/var(--leading-label) var(--font-content);
  letter-spacing: 0;
}
.btn, .product-links .btn, .sales-purchase .purchase-main-btn,
.sales-final-action .btn, .sales-toc .btn, .filter-btn, .service-purchase .btn,
.benefit-inner .btn, .landing-source-notice .btn, .sales-mobile-buy .btn {
  font: var(--weight-heading) var(--type-control)/1.3 var(--font-content);
  letter-spacing: 0;
  text-transform: none;
}
.filter-label, .filter-count {
  font: var(--weight-medium) var(--type-caption)/var(--leading-label) var(--font-content);
}
.section-heading h2, .sales-section-heading h2, .landing-heading-line h2,
.editorial-article-html h2, .original-wp-content h2 {
  font: var(--weight-heading) var(--type-section)/var(--leading-heading) var(--font-content);
  letter-spacing: -.02em;
}
.catalog-intro h1, .landing h1, .sales-title h1,
.editorial-hero h1, .editorial-hero--inner h1 {
  font: var(--weight-heading) var(--type-page)/var(--leading-heading) var(--font-content);
  letter-spacing: -.025em;
}
.product-content h3, .service-message h2, .benefit-inner h2,
.editorial-support-grid h2, .editorial-related-grid strong,
.editorial-list-copy h2, .editorial-list-copy h3 {
  font: var(--weight-heading) var(--type-subtitle)/1.35 var(--font-content);
  letter-spacing: -.015em;
}
.product-summary, .section-heading p, .product-condition,
.service-message p, .benefit-inner p, .catalog-intro p,
.sales-section-heading p, .landing-heading-line p,
.sales-highlights p, .sales-benefit, .sales-final p, .landing-cautions li {
  font: var(--weight-regular) var(--type-caption)/1.58 var(--font-content);
  letter-spacing: 0;
}
.product-platform, .product-platform .label-small,
.price-regular, .current-price small, .service-cost del, .service-cost span,
.price-note, .service-message small, .purchase-price>span, .purchase-price>del,
.sales-purchase-top span, .sales-payment-note, .sales-purchase .purchase-note,
.sales-purchase .purchase-compat, .purchase-mac, .sales-help,
.breadcrumb, .landing .landing-breadcrumb, .catalog-counter,
.footer-brand p, .footer-mail, .footer-social a, .footer-links, .company-address,
.company-address p, .company-address strong, .footer-faith p, .footer-faith cite,
.risk-foot, .footer-bottom, .full-disclosure, .editorial-list-meta,
.editorial-list-meta span, .editorial-issue-date, .editorial-related-grid time {
  font: var(--weight-regular) var(--type-caption)/1.55 var(--font-content);
  letter-spacing: 0;
}
.footer-faith cite {
  font-style: normal;
}
.footer-links h3, .company-address h3, .footer-social h3 {
  font: var(--weight-heading) var(--type-caption)/var(--leading-label) var(--font-content);
  letter-spacing: 0;
}
.current-price strong, .service-cost strong, .sales-final-action>strong {
  font: var(--weight-heading) var(--type-price-compact)/1.15 var(--font-content);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.purchase-price strong, .sales-purchase .purchase-price strong {
  font: var(--weight-heading) var(--type-price)/1.15 var(--font-content);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.catalog-counter strong {
  font: var(--weight-heading) var(--type-section)/1.2 var(--font-content);
}
.purchase-label, .sales-purchase .purchase-label {
  font: var(--weight-heading) var(--type-control)/var(--leading-label) var(--font-content);
  letter-spacing: 0;
  text-transform: none;
}
.sales-section-nav a, .sales-toc nav a, .sales-gallery span,
.editorial-aside span, .editorial-collection-intro>span,
.editorial-collection-intro h2 small {
  font: var(--weight-regular) var(--type-caption)/1.55 var(--font-content);
  letter-spacing: 0;
}
.sales-toc h2 {
  font: var(--weight-heading) var(--type-caption)/var(--leading-label) var(--font-content);
  letter-spacing: 0;
  text-transform: none;
}
.product-description, .editorial-article-html, .original-wp-content {
  font: var(--weight-regular) var(--type-body)/1.75 var(--font-content);
  letter-spacing: 0;
}
.product-description>h2 {
  font: var(--weight-heading) var(--type-section)/1.3 var(--font-content);
  letter-spacing: -.02em;
}
.product-description h3, .editorial-article-html h3, .editorial-article-html h4,
.original-wp-content h3, .original-wp-content h4 {
  font: var(--weight-heading) var(--type-subtitle)/1.4 var(--font-content);
  letter-spacing: -.015em;
}
.product-description strong, .editorial-article-html strong {
  font-weight: var(--weight-medium);
}
.product-description li>strong:first-child, .product-description p>strong:first-child {
  font-weight: var(--weight-heading);
}
.product-description li h3, .product-description td h3 {
  font: var(--weight-heading) var(--type-body)/var(--leading-body) var(--font-content);
  letter-spacing: 0;
}
.product-description summary {
  font: var(--weight-heading) var(--type-body)/1.55 var(--font-content);
  letter-spacing: 0;
}
.product-description table, .editorial-article-html table {
  font: var(--weight-regular) var(--type-control)/1.55 var(--font-content);
}
.product-description th, .editorial-article-html th {
  font-weight: var(--weight-heading);
}
.product-description td h3 {
  font-size: var(--type-control);
}
.video-cover-copy strong, .sales-final h2, .editorial-source-pending h2 {
  font: var(--weight-heading) var(--type-subtitle)/1.35 var(--font-content);
  letter-spacing: -.015em;
}
.video-cover-copy small {
  font-size: var(--type-label);
}
.sales-final-action small, .sales-final-action>strong small {
  font: var(--weight-medium) var(--type-caption)/var(--leading-label) var(--font-content);
}
.editorial-collection-intro h2 {
  font: var(--weight-heading) var(--type-subtitle)/var(--leading-heading) var(--font-content);
}
.editorial-source-pending p, .editorial-aside p, .editorial-aside h3,
.editorial-aside a, .editorial-support-grid p, .editorial-support-grid a:not(.btn) {
  font: var(--weight-regular) var(--type-body)/var(--leading-body) var(--font-content);
}
.benefit-symbol>span, .benefit-symbol small, .service-icon {
  font-family: var(--font-content);
}
.benefit-symbol>span {
  font-size: var(--type-section);
  font-weight: var(--weight-heading);
}
.benefit-symbol small {
  font-size: var(--type-subtitle);
}
.ecosystem-title, .eco-entry strong {
  font: var(--weight-heading) var(--type-control)/var(--leading-label) var(--font-content);
}
.ecosystem-title span, .eco-entry>span:first-child, .ecosystem-footer {
  font: var(--weight-regular) var(--type-caption)/var(--leading-label) var(--font-content);
}
/* Native controls inherit the same readable sizes if editorial content includes one. */
label, legend {
  font: var(--weight-medium) var(--type-control)/1.5 var(--font-content);
}
input, select, textarea {
  font: var(--weight-regular) var(--type-body)/1.5 var(--font-content);
}
button:disabled, input:disabled, select:disabled, textarea:disabled {
  cursor: not-allowed;
}
@media (max-width:760px) {
  .product-content h3 {
    font-size: var(--type-lead);
  }
  .product-summary {
    font-size: var(--type-control);
  }
  .sales-purchase-summary .sales-purchase-top span,
  .sales-purchase-summary .sales-payment-note,
  .sales-purchase-summary .purchase-note,
  .sales-purchase-summary .purchase-price del,
  .sales-purchase-summary .purchase-price>span {
    font-size: var(--type-caption);
  }
  .sales-purchase-summary .purchase-price strong {
    font-size: var(--type-price);
  }
  .sales-purchase-summary .purchase-main-btn {
    font-size: var(--type-control);
  }
}
/* Personal header uses the same scale as the other modules. */
.hero-benefits li, .hero-platform-note {
  font: var(--weight-regular) var(--type-control)/1.55 var(--font-content);
}
.creator-profile strong {
  font: var(--weight-heading) var(--type-subtitle)/1.35 var(--font-content);
}
.creator-profile span {
  font: var(--weight-regular) var(--type-control)/1.5 var(--font-content);
}


/* ===== SOURCE assets/css/personal-brand.css ===== */
/* Personal identity and layout corrections. Type sizes live in typography.css. */
.hero-personal {
  grid-template-rows: auto auto;
  padding-block: 34px 32px;
  align-items: start;
}
.hero-intro {
  grid-column: 1;
  grid-row: 1;
}
.hero-intro .eyebrow {
  margin-bottom: 13px;
}
.hero-intro h1 {
  margin: 0;
  max-width: 760px;
}
.hero-intro h1 span, .hero-intro h1 em {
  display: block;
}
.hero-body {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}
.hero-description {
  max-width: 690px;
  margin: 0 0 17px;
}
.creator-profile {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: center;
  width: 100%;
  max-width: 270px;
  margin: 0;
}
.creator-profile>picture>img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.creator-profile figcaption {
  display: grid;
  gap: var(--space-1);
  text-align: center;
  padding-top: 12px;
}
.creator-profile strong {
  color: var(--text);
}
.creator-profile span {
  color: var(--color-text-subtle);
}
.hero-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px 18px;
  padding: 0;
  margin: 0 0 20px;
  list-style: none;
}
.hero-benefits li {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
  min-width: 0;
  color: var(--color-text-muted);
}
.hero-benefits svg {
  color: #a9c99b;
  flex: 0 0 auto;
  margin-top: 2px;
}
.hero-personal .hero-actions {
  gap: 14px 20px;
}
.hero-platform-note {
  color: var(--color-text-subtle);
  margin: 15px 0 0;
  max-width: 670px;
}
/* Controls have a predictable target, while related information stays compact. */
.btn, .product-links .btn, .service-purchase .btn {
  min-height: 40px;
}
.product-links .btn {
  white-space: normal;
  min-width: 0;
  padding: 9px 10px;
}
.product-card {
  min-width: 0;
}
.product-content {
  padding: 16px;
}
.product-content h3 {
  margin-bottom: 8px;
}
.product-heading-row {
  margin-bottom: 7px;
}
.product-summary {
  margin-bottom: 11px;
}
.product-platform {
  gap: 6px;
  margin-bottom: 11px;
}
.product-purchase {
  align-items: end;
  gap: 14px;
}
.product-links {
  min-width: 142px;
}
.product-pricing {
  min-width: 0;
}
.current-price {
  gap: 5px;
}
.price-regular {
  flex-wrap: wrap;
}
.service-purchase .btn {
  width: 100%;
}
.service-purchase {
  gap: var(--space-2);
}
.filter-bar {
  align-items: center;
  gap: var(--space-4);
}
.filter-options {
  gap: 5px;
}
.filter-btn {
  min-height: 36px;
}
.filter-count {
  margin-left: auto;
}
/* Same heading rhythm for blog, archive, support, legal and product pages. */
.catalog-intro h1, .sales-title h1, .editorial-hero h1 {
  margin-block: 10px 13px;
}
.editorial-hero {
  padding-block: 30px 28px;
}
.editorial-hero--inner {
  padding-block: 18px 26px;
}
.editorial-hero .breadcrumb, .editorial-breadcrumb {
  margin-bottom: 24px;
}
.editorial-page>.container>.breadcrumb, .editorial-support>.breadcrumb {
  margin-top: 24px;
}
.editorial-support>.breadcrumb {
  margin-bottom: 0;
}
.editorial-hero p {
  margin: 0;
}
.editorial-collection {
  padding-bottom: 42px;
}
.editorial-list-row {
  padding-block: 22px;
  gap: 22px;
  grid-template-columns: 120px minmax(0,1fr) 34px;
}
.editorial-list-copy {
  min-width: 0;
}
.editorial-list-copy h2, .editorial-list-copy h3 {
  margin-top: 5px;
}
.editorial-list-meta {
  gap: 7px;
}
.editorial-article-layout {
  grid-template-columns: minmax(0,1fr) 230px;
  gap: 42px;
  margin-bottom: 38px;
}
.editorial-page {
  padding-bottom: 44px;
}
.editorial-source-pending {
  padding: 24px;
  border-radius: var(--radius-sm);
}
.editorial-source-symbol {
  width: 38px;
  height: 38px;
  margin-bottom: 15px;
}
.editorial-source-pending h2 {
  margin-block: 12px;
}
.editorial-source-pending p {
  margin-bottom: 12px;
}
.editorial-source-pending a.btn {
  margin-top: 8px;
}
.editorial-related {
  margin-top: 32px;
}
.editorial-related-grid {
  gap: var(--space-4);
  margin-top: 18px;
}
.editorial-related-grid a {
  padding: 18px;
  gap: 10px;
  border-top-color: #354e53;
}
.editorial-support-grid h2 {
  margin-bottom: 12px;
}
.editorial-support-grid li {
  margin-bottom: 13px;
}
.editorial-aside>div {
  top: 24px;
}
.editorial-aside h3 {
  margin-block: 10px;
}
.product-description>h2, .editorial-article-html h2 {
  margin-block: 29px 14px;
}
.product-description>h2:first-child {
  margin-top: 0;
}
.product-description h3, .editorial-article-html h3 {
  margin-block: 23px 11px;
}
.product-description p, .editorial-article-html p {
  margin-bottom: 16px;
}
.product-description li h3, .product-description td h3 {
  margin: 0 0 5px;
}
.sales-toc nav {
  gap: 10px;
  max-height: 62vh;
}
.sales-toc>div {
  padding-left: 17px;
}
.sales-purchase-top {
  align-items: center;
}
.sales-purchase-top span {
  max-width: none;
}
.sales-purchase .purchase-price {
  gap: 7px;
  align-items: baseline;
}
.sales-purchase .purchase-price del {
  margin-left: auto;
}
.sales-section-nav {
  gap: var(--space-5);
  flex-wrap: wrap;
}
.sales-highlights {
  gap: 22px;
}
.sales-license .landing-cautions {
  max-width: 960px;
}
.footer-links a, .footer-social a, .company-address {
  overflow-wrap: anywhere;
}
.footer-faith {
  column-gap: 30px;
}
@media (max-width:1180px) {
  .hero-personal {
    column-gap: var(--space-10);
  }
  .product-purchase {
    display: block;
  }
  .product-pricing {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-2);
    margin-bottom: 10px;
  }
  .product-links {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    min-width: 0;
  }
}
@media (min-width:761px) and (max-width:1080px) {
  .product-card {
    grid-template-columns: 1fr;
  }
  .product-content {
    min-height: 268px;
  }
  .product-media {
    min-height: 192px;
  }
}
@media (max-width:1000px) {
  .hero-benefits {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .creator-profile {
    max-width: 220px;
  }
  .filter-bar {
    flex-wrap: wrap;
  }
  .filter-options {
    flex: 1;
  }
}
@media (max-width:800px) {
  .editorial-article-layout {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
  .editorial-related-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width:760px) {
  .hero-personal {
    padding-block: 24px 28px;
  }
  .hero-intro {
    grid-column: 1;
    grid-row: 1;
  }
  .creator-profile {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    align-self: start;
    display: flex;
    gap: 15px;
    align-items: center;
    max-width: none;
  }
  .creator-profile>picture>img {
    width: 70px;
    height: 70px;
    flex: 0 0 auto;
  }
  .creator-profile figcaption {
    text-align: left;
    padding: 0;
    gap: 3px;
  }
  .hero-body {
    grid-column: 1;
    grid-row: 3;
  }
  .hero-description {
    margin-bottom: 14px;
  }
  .hero-benefits {
    gap: 9px 15px;
    margin-bottom: 18px;
  }
  .hero-platform-note {
    margin-top: 13px;
  }
  .product-content {
    min-height: 256px;
    padding: 13px;
  }
  .product-media {
    min-height: 256px;
  }
  .product-purchase {
    display: block;
  }
  .product-pricing {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 7px;
    margin-bottom: 9px;
  }
  .product-links {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 6px;
    min-width: 0;
  }
  .product-links .btn {
    padding-inline: 5px;
  }
  .product-platform {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .filter-bar {
    display: flex;
    gap: 10px;
  }
  .filter-label {
    width: 100%;
    margin: 0;
  }
  .filter-options {
    flex: 1 1 auto;
  }
  .filter-count {
    width: auto;
    margin: 0 0 0 auto;
  }
  .sales-purchase-summary .purchase-price {
    gap: var(--space-1);
    flex-wrap: wrap;
  }
  .sales-purchase-summary .purchase-price del {
    margin-left: 0;
  }
  .sales-purchase-summary .purchase-main-btn {
    padding: 11px 7px;
  }
  .sales-purchase-summary .purchase-main-btn svg {
    flex-shrink: 0;
  }
  .sales-purchase-summary .sales-payment-note, .sales-purchase-summary .purchase-note {
    margin: 0;
  }
  .sales-highlights {
    gap: 13px;
  }
  .sales-gallery {
    gap: 10px;
  }
  .sales-gallery span {
    padding: 9px;
  }
  .editorial-hero, .editorial-hero--inner {
    padding-block: 20px 24px;
  }
  .editorial-list-row {
    gap: var(--space-3);
    grid-template-columns: 92px minmax(0,1fr) 28px;
    padding-block: 19px;
  }
  .editorial-support-grid {
    gap: 15px;
  }
  .editorial-page {
    padding-bottom: 34px;
  }
  .editorial-source-pending {
    padding: 20px;
  }
  .editorial-source-pending .btn {
    white-space: normal;
    text-align: center;
  }
}
@media (max-width:540px) {
  .editorial-list-row {
    grid-template-columns: minmax(0,1fr) 28px;
    gap: 7px 13px;
  }
  .editorial-list-meta {
    grid-column: 1 / -1;
    flex-direction: row;
    gap: 13px;
  }
  .editorial-list-open {
    grid-column: 2;
    grid-row: 2;
  }
  .editorial-list-copy {
    grid-column: 1;
  }
  .editorial-issue-date {
    margin: 9px 0 0;
  }
  .footer-bottom {
    gap: 10px;
  }
}
@media (max-width:350px) {
  .header-inner {
    column-gap: var(--space-1);
  }
  .wordmark {
    gap: 6px;
  }
  .language-link {
    padding: 5px 4px;
  }
  .client-link {
    padding: 8px;
  }
  .menu-toggle {
    width: 30px;
  }
  .product-card {
    grid-template-columns: 25% minmax(0,1fr);
  }
  .product-content {
    padding: 11px;
  }
  .product-links .btn {
    padding-inline: 4px;
  }
}
/* Prevent uneven paired controls and long editorial breadcrumbs. */
.product-links {
  align-items: stretch;
}
.breadcrumb {
  min-width: 0;
  flex-wrap: wrap;
  column-gap: 9px;
  row-gap: 5px;
}
.breadcrumb [aria-current="page"] {
  min-width: 0;
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-menu a.active {
  color: #e3efdc;
  background: #1b3033;
}
@media (max-width:760px) {
  .product-card {
    min-height: 0;
  }
  .product-content {
    display: contents;
  }
  .product-card .product-media {
    align-self: start;
    overflow: hidden;
  }
  .product-heading-row {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin: 0;
  }
  .product-content>h3 {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin: 0;
  }
  .product-summary, .product-platform, .product-condition, .product-purchase {
    grid-column: 1 / -1;
  }
  .product-summary {
    margin: 4px 0 0;
  }
  .product-platform {
    margin: 0;
  }
  .product-condition {
    margin: 0;
  }
  .product-purchase {
    padding-top: 10px;
    margin-top: 3px;
  }
  .product-links .btn {
    height: 100%;
  }
}
.sales-purchase-summary .purchase-main-btn {
  white-space: normal;
  text-align: center;
}
@media (max-width:350px) {
  .sales-purchase-summary .purchase-main-btn {
    gap: 5px;
    padding-inline: 6px;
  }
  .sales-purchase-summary .purchase-main-btn svg {
    width: 16px;
    height: 16px;
  }
}
.editorial-hero.container {
  max-width: none;
}
/* Stage 2 spatial composition lives in composition.css.
   Foundation colors and type remain exclusively in foundation.css/typography.css. */


/* ===== SOURCE assets/css/composition.css ===== */
/* BRUNO MEZA · STAGE 2 — COMPOSITION AND READING FLOW
   One responsive grid, semantic grouping and restrained surface usage.
   Maintains Stage 1 tokens, commercial content, native controls and all endpoints.
   Avoid introducing a page-specific type scale or new visual accent colors. */
:root {
  --layout-reading: 75ch;
  --layout-intro: 70ch;
  --layout-content-gap: clamp(24px, 3.2vw, 48px);
  --layout-section-gap: clamp(44px, 5vw, 72px);
}
/* Header and footer use the same outer edges as page content. */
.site-header { box-shadow: 0 1px 0 var(--color-border-soft); }
.header-inner { gap: clamp(12px,2.3vw,32px); }
.nav-desktop { gap: clamp(12px,1.45vw,25px); }
.utility-strip { background: var(--color-bg); }
.utility-inner { gap: 16px; }
.site-header .nav-link { transition: color var(--motion-standard) var(--motion-ease); }
.site-header .nav-link:hover, .site-header .nav-link:focus-visible { color: var(--color-text); }
/* Hero is an editorial composition, not a card containing smaller cards. */
.hero-personal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(255px,28vw,355px);
  grid-template-rows: auto 1fr;
  column-gap: clamp(30px,5vw,84px);
  row-gap: 16px;
  align-items: center;
  padding: clamp(40px,5vw,68px) 0 clamp(44px,5vw,70px);
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-border-soft);
  background: none;
}
.hero-personal .hero-intro { grid-column: 1; grid-row: 1; align-self:end; }
.hero-personal .hero-intro .eyebrow { margin-bottom: 12px; }
.hero-personal .hero-intro h1 { max-width: 780px; margin: 0; text-wrap: balance; }
.hero-personal .hero-intro h1 span, .hero-personal .hero-intro h1 em { display: block; }
.hero-personal .hero-body { grid-column:1; grid-row:2; min-width:0; align-self:start; }
.hero-personal .hero-description { max-width: 64ch; margin-bottom: 23px; color:var(--color-text-muted); }
.hero-personal .hero-benefits {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: clamp(18px,2.3vw,36px); row-gap: 9px;
  max-width: 690px;
  margin:0 0 22px; padding: 18px 0 0;
  border-top:1px solid var(--color-border-soft);
}
.hero-personal .hero-benefits li { align-items:start; color:var(--color-text-muted); min-width:0; }
.hero-personal .hero-benefits svg { flex:none; color:var(--color-accent); margin-top:3px; }
.hero-personal .hero-actions { align-items:center; gap:11px 24px; }

.hero-personal .creator-profile {
  grid-column:2; grid-row:1 / span 2; align-self:center; justify-self:center;
  width:100%; max-width:355px; margin:0; padding:0;
  background:none; border:0; border-radius:0;
}
.hero-personal .creator-profile>picture>img {
  display:block; width:100%; height:auto; aspect-ratio:1;
  object-fit:cover; border-radius:50%;
  border:3px solid #47665d; background:var(--color-surface);
}
.hero-personal .creator-profile figcaption {
  padding-top: 17px; text-align:center; gap:2px;
}
.hero-personal .creator-profile strong { color:var(--color-text); font-weight:600; }
.hero-personal .creator-profile span { color:var(--color-text-muted); }
/* Clear rhythm: related heading, note, navigation, and grid share a section. */
.section { padding-block: var(--layout-section-gap); }
.catalog-preview { padding-top: var(--layout-section-gap); background:var(--color-bg); border:0; }
.section-heading { align-items:end; gap:24px; margin-bottom:22px; }
.section-heading>div { max-width:var(--layout-intro); }
.section-heading h2 { margin: 8px 0 8px; text-wrap:balance; }
.section-heading p { max-width: 66ch; }
.section-link { align-self:end; margin-bottom:4px; white-space:normal; flex:none; }
.product-grid { gap:clamp(16px,1.7vw,24px); align-items:stretch; }
.product-card {
  grid-template-columns: minmax(0,37%) minmax(0,63%);
  background:var(--color-surface); border:1px solid var(--color-border-soft);
  border-radius:var(--radius-md); box-shadow:none;
  min-height:255px; transition:border-color var(--motion-standard) var(--motion-ease), transform var(--motion-standard) var(--motion-ease);
}
.product-card:hover,.product-card:focus-within { border-color:#73958a; transform:translateY(-2px); }
.product-card .product-media {
  min-width:0; min-height:100%; padding:16px;
  background:var(--color-surface-quiet); border-right:1px solid var(--color-border-soft);
  display:flex; align-items:center; justify-content:center;
}
.product-card .product-media::before,.product-card .product-media::after { content:none; }
.product-card .real-product-media {
  position:static; inset:auto; max-width:100%; max-height:225px;
  width:100%; height:auto; object-fit:contain; border-radius:var(--radius-sm);
}
.product-card .product-content { min-width:0; padding:20px 20px 18px; }
.product-card .product-heading-row { margin-bottom:8px; }
.product-card .product-content h3 { line-height:1.3; margin-bottom:8px; overflow-wrap:normal; text-wrap:pretty; }
.product-card .product-content h3 a { color:var(--color-text); }
.product-card .product-content h3 a:hover { color:var(--color-accent); }
.product-card .product-summary { color:var(--color-text-muted); margin-bottom:12px; }
.product-card .product-platform { margin-top:auto; margin-bottom:10px; color:var(--color-text-muted); }
.product-card .product-purchase {
  display:grid; grid-template-columns:minmax(0,1fr); gap:12px;
  align-items:end; padding-top:12px; border-top:1px solid var(--color-border-soft);
}
.product-card .product-pricing { min-width:0; }
.product-card .price-regular { color:var(--color-text-subtle); }
.product-card .current-price strong { color:var(--color-text); }
.product-card .product-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; width:100%; min-width:0; }
.product-card .product-links .btn { display:flex; min-height:42px; padding:9px 9px; min-width:0; width:100%; justify-content:center; text-align:center; font-size:var(--type-control); white-space:normal; line-height:1.25; }
.product-card .product-links .buy-btn,.product-card .product-links .details-btn { background:var(--color-surface-raised); border:1px solid #789a83; color:var(--color-text); font-weight:600; }
.product-card .product-links .buy-btn:hover,.product-card .product-links .details-btn:hover { background:#2c4547; border-color:var(--color-accent); color:var(--color-text); }
/* Catalogue: introduction has one reading measure; filters stay close to results. */
.catalog-top { padding:34px 0 36px; background:var(--color-bg-alt); border-bottom:1px solid var(--color-border-soft); }
.catalog-top .breadcrumb { margin-bottom:20px; }
.catalog-intro { align-items:end; gap:30px; }
.catalog-intro>div:first-child { max-width:var(--layout-intro); }
.catalog-intro h1 { margin:8px 0 10px; text-wrap:balance; }
.catalog-intro p { max-width:63ch; color:var(--color-text-muted); }
.catalog-counter { flex:none; align-self:end; color:var(--color-text-muted); }
.catalog-page-content { padding-top:32px; background:var(--color-bg); }
.filter-bar {
  display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px;
  padding-bottom:18px; margin-bottom:23px; border-bottom:1px solid var(--color-border-soft);
}
.filter-options { display:flex; flex-wrap:wrap; gap:5px; }
.filter-btn { min-height:36px; padding:7px 12px; }
.filter-count { margin-left:auto; }
.price-note { margin-top:20px; }
/* Service and benefit blocks are contextual transitions, not competing card decks. */
.service-section { background:var(--color-bg-alt); border-block:1px solid var(--color-border-soft); }
.service-inner {
  display:grid; grid-template-columns:50px minmax(0,1fr) minmax(165px,190px);
  column-gap:24px; align-items:center; padding-block:34px;
}
.service-icon { width:50px; height:50px; border:0; background:transparent; color:var(--color-accent); }
.service-message { max-width: 70ch; }
.service-message h2 { margin: 4px 0 8px; }
.service-message p { max-width:65ch; margin:0 0 5px; }
.service-purchase { gap:6px; }
.service-cost { justify-content:flex-start; }
.service-purchase .btn { width:100%; }
.service-purchase .service-detail { background:transparent; border-color:transparent; }
.benefit-band { background:var(--color-bg-alt); padding-block:32px; border-block:1px solid var(--color-border-soft); }
.benefit-inner { grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:25px; }
.benefit-inner>div:nth-child(2) { max-width:74ch; }
.benefit-symbol { width:58px; height:58px; border:1px solid var(--color-border); background:transparent; }
.benefit-inner h2 { margin:6px 0; }
/* Landing hero: video / price / compatibility follow predictable reading order. */
.sales-landing .landing-breadcrumb { margin-top:26px; margin-bottom:25px; }
.sales-title { max-width: min(950px,100%); margin-bottom:23px; }
.sales-title h1 { max-width: 22ch; margin:10px 0 11px; text-wrap:balance; }
.sales-title .landing-lead { max-width:var(--layout-intro); color:var(--color-text-muted); margin-top:4px; }
.sales-hero {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,330px);
  grid-template-rows:auto 1fr; gap:15px var(--layout-content-gap); align-items:start;
}
.sales-showcase { grid-column:1; grid-row:1 / span 2; min-width:0; }
.sales-showcase .demo-context { margin-bottom:10px; }
.sales-showcase .video-cover { aspect-ratio:16/9; background:var(--color-surface-quiet); }
.sales-showcase .video-cover img { width:100%; height:100%; object-fit:contain; }
.sales-title .landing-question { font-size:clamp(17px,1.55vw,20px); color:var(--color-text); font-weight:600; line-height:1.4; max-width:58ch; margin:13px 0 6px; }
.product-demo { border-radius:var(--radius-md); border:1px solid var(--color-border-soft); }
.product-demo .video-cover img { object-fit:contain; }
.sales-purchase { box-shadow:none; border-radius:var(--radius-md); padding:19px; }
.sales-purchase-summary { grid-column:2; grid-row:1; background:var(--color-surface); border:1px solid #55745b; }
.sales-purchase-details { grid-column:2; grid-row:2; background:transparent; border:1px solid var(--color-border-soft); }
.sales-purchase-top { margin-bottom:10px; }
.sales-purchase-top span { font-size:var(--type-caption); font-weight:600; letter-spacing:0.03em; }
.sales-purchase-top img { width:55px; height:55px; }
.sales-purchase .purchase-main-btn { width:100%; }
.sales-benefit { margin-top:12px; color:var(--color-text-muted); display:flex; align-items:start; gap:10px; }
.sales-benefit svg { flex:none; margin-top:3px; }
.sales-benefit span { min-width:0; }
.sales-highlights {
  margin:22px 0 10px; padding:19px 0; border:0;
  border-block:1px solid var(--color-border-soft);
  border-radius:0; background:transparent;
  gap:15px 26px;
}
.sales-highlights>div { align-items:start; }
.sales-highlights p { margin:0; color:var(--color-text-muted); }
.sales-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2.9vw,34px); margin:30px 0 14px; padding:25px 0 18px; border-top:1px solid var(--color-border-soft); }
.sales-overview>div { min-width:0; padding-right:clamp(4px,1vw,16px); }
.sales-overview-index { font-size:var(--type-label); font-weight:600; color:var(--color-success); letter-spacing:0.08em; }
.sales-overview h2 { margin:9px 0 9px; font-size:var(--type-subtitle); line-height:1.25; }
.sales-overview p { margin:0; color:var(--color-text-muted); line-height:1.55; max-width:48ch; }
 .sales-feature-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 26px; list-style:none; padding:0; margin:0 0 15px; }
.sales-feature-list li { display:flex; gap:10px; align-items:start; color:var(--color-text-muted); line-height:1.45; font-size:var(--type-caption); }
.sales-feature-list svg { color:var(--color-success); flex:none; margin-top:3px; }
.sales-section-nav { display:flex; flex-wrap:wrap; gap:10px 28px; border-bottom:1px solid var(--color-border-soft); padding-bottom:9px; }
.sales-section-nav a { color:var(--color-text-muted); text-decoration:none; padding-block:7px; }
.sales-section-nav a:hover,.sales-section-nav a:focus-visible { color:var(--color-text); }
.sales-body-grid {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,240px);
  align-items:start; gap:clamp(30px,5vw,76px); padding-block:36px 28px;
}
.sales-full-content { min-width:0; }
.product-description { max-width:var(--layout-reading); overflow-wrap:break-word; }
.product-description>h2 { margin-block:35px 14px; scroll-margin-top:28px; }
.product-description>h2:first-child { margin-top:0; }
.product-description h3 { margin-block:24px 10px; }
.product-description img,.product-description video,.product-description iframe { max-width:100%; height:auto; }
.sales-toc>div { top:22px; }
.sales-toc nav a { padding-block:4px; }
.sales-gallery-section { padding-top:22px; padding-bottom:45px; }
.sales-section-heading { max-width:var(--layout-intro); }
.sales-gallery { gap:14px; }
.sales-gallery a { background:var(--color-surface-quiet); }
/* Gallery cards respect each original screenshot's shape, not a forced 4:3 frame. */
.sales-gallery { grid-template-columns:repeat(auto-fill,minmax(min(100%,185px),245px)); justify-content:start; align-items:start; }
.sales-gallery a { display:block; position:relative; align-self:start; justify-self:start; width:fit-content; max-width:100%; overflow:hidden; }
.sales-gallery img { display:block; width:100%; max-width:100%; height:auto; max-height:260px; aspect-ratio:auto; object-fit:contain; }
.sales-gallery-single { grid-template-columns:minmax(0,min(100%,245px)); }
/* The image is the control; do not add a full-width numbered caption below it. */
.sales-gallery .gallery-zoom-mark {
  position:absolute; right:8px; bottom:8px; width:30px; height:30px;
  display:grid; place-items:center; padding:0; border-radius:var(--radius-sm);
  border:1px solid var(--color-border); background:rgb(9 16 22 / .90);
  color:var(--color-text); pointer-events:none;
}
.sales-gallery a:hover .gallery-zoom-mark,.sales-gallery a:focus-visible .gallery-zoom-mark { border-color:var(--color-accent); }


.sales-license { padding-block:28px 42px; border-top:1px solid var(--color-border-soft); }
.sales-final {
  display:grid; grid-template-columns:95px minmax(0,1fr) auto;
  align-items:center; gap:24px; padding:23px 27px;
  border:1px solid var(--color-border-soft); background:var(--color-surface);
  border-radius:var(--radius-md); margin-top:0;
}
.sales-final>img { width:95px; height:95px; object-fit:contain; }
.sales-final h2 { margin:5px 0 6px; }
.sales-final-action { justify-items:start; }
.landing-related { padding-block:var(--layout-section-gap); }
.landing-related .section-heading { margin-bottom:22px; }
/* Blog, article, legal, archive and support all follow the same editorial measure. */
.editorial-hero.container { max-width:var(--layout-max); }
.editorial-hero { padding-block:32px 33px; border-bottom:1px solid var(--color-border-soft); }
.editorial-hero .breadcrumb,.editorial-breadcrumb { margin-bottom:25px; }
.editorial-hero h1 { max-width:24ch; margin:10px 0 12px; text-wrap:balance; }
.editorial-hero p { max-width:var(--layout-intro); }
.editorial-page>.container>.breadcrumb,.editorial-support>.breadcrumb { margin-top:26px; }
.editorial-hero--inner { padding-block:16px 29px; }
.editorial-collection { padding-top:29px; padding-bottom:var(--layout-section-gap); }
.editorial-collection-intro { padding-bottom:15px; }
.editorial-collection-intro h2 { margin:0; }
.editorial-list-row {
  display:grid; grid-template-columns:105px minmax(0,1fr) 35px;
  align-items:center; gap:25px; padding:23px 0;
  border-bottom:1px solid var(--color-border-soft); background:transparent;
}
.editorial-list-row:hover,.editorial-list-row:focus-within { background:transparent; }
.editorial-list-row:hover .editorial-list-copy a,.editorial-list-row:focus-within .editorial-list-copy a { color:var(--color-accent); }
.editorial-list-meta { gap:5px; color:var(--color-text-subtle); }
.editorial-list-copy h2,.editorial-list-copy h3 { max-width:42ch; margin:5px 0 0; }
.editorial-list-open { border:0; color:var(--color-text-muted); }
.editorial-bottom-actions { gap:15px; padding-top:27px; }
.editorial-page { padding-bottom:var(--layout-section-gap); }
.editorial-article-layout {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,240px);
  align-items:start; max-width:100%; gap:clamp(24px,4vw,65px); margin-bottom:34px;
}
.editorial-paper { min-width:0; }
.editorial-article-html { max-width:var(--layout-reading); overflow-wrap:break-word; }
.editorial-article-html p,.editorial-article-html ul { max-width:75ch; }
.editorial-article-html h2,.editorial-article-html h3 { text-wrap:pretty; }
.editorial-aside>div { padding:0 0 0 18px; border-left:1px solid var(--color-border-soft); top:20px; }
.editorial-source-pending { padding:25px 0; background:none; border:0; border-radius:0; max-width:var(--layout-reading); }
.editorial-source-symbol { width:36px; height:36px; margin-bottom:9px; }
.editorial-source-pending h2 { margin-block:10px; }
.editorial-source-pending p { max-width:64ch; }
.editorial-related { margin-top:33px; }
.editorial-related-grid { gap:clamp(12px,2vw,24px); margin-top:18px; }
.editorial-related-grid a {
  padding:17px 0; background:none; border-top:1px solid var(--color-border);
  border-radius:0; gap:7px;
}
.editorial-support-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,45px); margin-top:28px; }
.editorial-support-grid section { min-width:0; padding:20px 0 6px; border-top:1px solid var(--color-border); }
.editorial-support-grid h2 { margin-bottom:12px; }
.editorial-support-grid li { margin-bottom:11px; }
/* A distinct closing surface separates global resources from the page content. */
.site-footer { margin-top:clamp(16px,2.2vw,32px); background:#14292f; border-top:1px solid #527069; border-radius:32px 32px 0 0; padding-top:clamp(40px,4vw,56px); }
.footer-main { display:grid; grid-template-columns:minmax(230px,1.35fr) repeat(2,minmax(160px,1fr)) minmax(170px,1fr); gap:clamp(20px,3vw,46px); padding-bottom:36px; }
.footer-brand p { margin:16px 0 18px; max-width:32ch; }
.footer-links,.company-address { min-width:0; gap:10px; }
.footer-links a,.footer-brand p,.company-address p { color:var(--color-text-subtle); }
.footer-links a { overflow-wrap:anywhere; }
.footer-links h3,.company-address h3 { margin:0 0 8px; }
.footer-policy-heading { margin-top:15px; }
.footer-faith { padding-block:25px; gap:20px 36px; border-block:1px solid var(--color-border-soft); }
.footer-faith blockquote { padding-left:16px; border-left:2px solid #718a77; }
.risk-foot { padding:19px 0; }
.footer-bottom { padding-block:17px 22px; flex-wrap:wrap; }
/* Mid-sized screens: full-width cards make the media legible rather than stacking tiny cards. */
@media (min-width:701px) and (max-width:1130px) {
 .product-grid { grid-template-columns:1fr; }
 .product-card { grid-template-columns:minmax(210px,32%) minmax(0,1fr); min-height:235px; }
 .product-card .product-media { height:auto; min-height:100%; }
 .product-card .product-content { min-height:0; }
 .product-card .product-purchase { display:grid; grid-template-columns:1fr; }
 .product-card .product-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1000px) {
 .hero-personal { grid-template-columns:minmax(0,1fr) 235px; column-gap:23px; }
 .hero-personal .creator-profile { max-width:235px; }
 .sales-hero { grid-template-columns:minmax(0,1fr) minmax(260px,310px); gap:14px 22px; }
 .sales-body-grid,.editorial-article-layout { gap:26px; grid-template-columns:minmax(0,1fr) 200px; }
 .service-inner { grid-template-columns:45px minmax(0,1fr) 175px; gap:18px; }
}
@media (min-width:761px) and (max-width:900px) {
 .sales-hero { grid-template-columns:1fr; grid-template-rows:auto; gap:16px; }
 .sales-showcase { grid-column:1; grid-row:1; }
 .sales-purchase-summary { grid-column:1; grid-row:2; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:20px; }
 .sales-purchase-details { grid-column:1; grid-row:3; border:1px solid var(--color-border-soft); border-radius:var(--radius-md); padding:18px; }
 .sales-overview { grid-template-columns:1fr; gap:16px; }
 .sales-feature-list { grid-template-columns:1fr; gap:9px; }
 .sales-overview>div { border-bottom:1px solid var(--color-border-soft); padding-bottom:15px; }
 .sales-overview>div:last-child { border-bottom:0; }
}
@media (max-width:760px) {
 .hero-personal { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; gap:14px; padding-block:29px 37px; }
 .hero-personal .hero-intro { grid-column:1; grid-row:1; }
 .hero-personal .hero-intro h1 span,.hero-personal .hero-intro h1 em { display:inline; }
 .hero-personal .creator-profile {
   grid-column:1; grid-row:2; display:flex; justify-self:stretch;
   flex-direction:row; align-items:center; gap:13px;
   width:100%; max-width:none; padding:0; background:none; border:0;
 }
 /* Keep Bruno's image and identity adjacent on narrow screens. */
 .hero-personal .creator-profile > picture { flex:0 0 88px; width:88px; max-width:88px; }
 .hero-personal .creator-profile > picture > img { width:88px; height:88px; flex:none; }
 .hero-personal .creator-profile figcaption { flex:1 1 auto; min-width:0; text-align:left; padding:0; gap:3px; }
 .hero-personal .creator-profile figcaption strong { display:block; }
 .hero-personal .creator-profile figcaption span { display:block; }
 .hero-personal .hero-body { grid-column:1; grid-row:3; }
 .hero-personal .hero-description { margin-bottom:16px; }
 .hero-personal .hero-benefits { padding-top:13px; gap:9px 15px; margin-bottom:18px; }
 .catalog-preview { padding-top:36px; }
 .section-heading { align-items:start; flex-direction:column; gap:12px; }
 .section-link { align-self:flex-start; }
 .catalog-intro { align-items:start; flex-direction:column; gap:14px; }
 .catalog-counter { align-self:start; padding:0; }
 .filter-bar { gap:10px; }
 .filter-count { margin-left:0; }
 .service-inner { grid-template-columns:46px minmax(0,1fr); gap:12px; padding-block:28px; }
 .service-icon { grid-column:1; grid-row:1; }
 .service-message { grid-column:2; grid-row:1; }
 .service-purchase { grid-column:1 / -1; grid-row:2; display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
 .service-purchase .btn { width:auto; }
 .service-cost { margin-right:auto; }
 .benefit-inner { grid-template-columns:48px minmax(0,1fr); gap:12px; }
 .benefit-symbol { width:48px; height:48px; }
 .benefit-inner>a { grid-column:2; width:max-content; max-width:100%; }
 .sales-hero { grid-template-columns:1fr; grid-template-rows:auto; gap:15px; }
 .sales-showcase { grid-column:1; grid-row:1; }
 .sales-purchase-summary { grid-column:1; grid-row:2; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:20px; }
 .sales-purchase-details { grid-column:1; grid-row:3; border:1px solid var(--color-border-soft); border-radius:var(--radius-md); padding:18px; }
 .sales-overview { grid-template-columns:1fr; gap:16px; padding-top:20px; margin-top:25px; }
 .sales-feature-list { grid-template-columns:1fr; gap:9px; }
 .sales-overview>div { padding:0 0 15px; border-bottom:1px solid var(--color-border-soft); }
 .sales-overview>div:last-child { border-bottom:0; padding-bottom:0; }
 .sales-title h1 { max-width:100%; }
 .sales-body-grid { display:block; padding-top:27px; }
 .sales-toc { display:none; }
 .sales-highlights { grid-template-columns:1fr; gap:10px; }
 .sales-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sales-gallery-single { grid-template-columns:minmax(0,min(100%,225px)); }
 .sales-final { grid-template-columns:72px minmax(0,1fr); gap:15px; }
 .sales-final>img { width:72px; height:72px; }
 .sales-final-action { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; gap:18px; width:100%; }
 .editorial-hero { padding-block:25px 26px; }
 .editorial-hero .breadcrumb { margin-bottom:19px; }
 .editorial-article-layout { display:block; }
 .editorial-aside { padding-top:22px; }
 .editorial-aside>div { position:static; }
 .editorial-list-row { grid-template-columns:88px minmax(0,1fr) 26px; gap:12px; padding-block:19px; }
 .editorial-support-grid { grid-template-columns:1fr; gap:15px; margin-top:20px; }
 .editorial-support-grid section { padding-top:15px; }
 .editorial-related-grid { grid-template-columns:1fr; }
 .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
 .footer-main .footer-brand { grid-column:1 / -1; }
 .footer-faith { grid-template-columns:1fr; }
}
@media (max-width:700px) {
 .product-grid { grid-template-columns:1fr; }
 .product-card { grid-template-columns:minmax(145px,34%) minmax(0,1fr); min-height:0; }
 .product-card .product-media { min-height:100%; padding:12px; border-bottom:0; border-right:1px solid var(--color-border-soft); }
 .product-card .real-product-media { max-height:180px; width:100%; max-width:100%; }
 .product-card .product-content { display:flex; padding:17px; min-height:0; }
 .product-card .product-purchase { display:grid; grid-template-columns:minmax(0,1fr); }
 .product-card .product-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:480px) {
 .hero-personal { gap:12px; padding-block:23px 29px; }
 .hero-personal .creator-profile > picture { flex-basis:84px; width:84px; max-width:84px; }
 .hero-personal .creator-profile > picture > img { width:84px; height:84px; }
 .hero-personal .hero-benefits { grid-template-columns:1fr 1fr; gap:8px 12px; }
 .hero-personal .hero-benefits li { font-size:var(--type-caption); }
 .hero-personal .hero-actions { gap:10px; }
 .service-purchase { align-items:start; }
 .product-card { display:grid; grid-template-columns:86px minmax(0,1fr); gap:0 14px; padding:15px; }
 .product-card .product-media { grid-column:1; grid-row:1 / span 2; align-self:start; width:86px; height:86px; min-height:86px; padding:5px; border:1px solid var(--color-border-soft); border-radius:var(--radius-sm); }
 .product-card .real-product-media { width:100%; height:100%; max-height:100%; }
 .product-card .product-content { display:contents; }
 .product-card .product-heading-row { grid-column:2; grid-row:1; align-self:start; margin:0; }
 .product-card .product-content>h3 { grid-column:2; grid-row:2; align-self:start; margin:4px 0 3px; font-size:var(--type-card-title); }
 .product-card .product-summary { grid-column:1 / -1; grid-row:3; margin:12px 0 9px; }
 .product-card .product-platform { grid-column:1 / -1; grid-row:4; margin-bottom:9px; }
 .product-card .product-condition { grid-column:1 / -1; grid-row:5; margin-bottom:9px; }
 .product-card .product-purchase { grid-column:1 / -1; grid-row:6; grid-template-columns:1fr; gap:9px; padding-top:10px; }
 .product-card .product-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .product-card .product-links .btn { min-height:38px; }
 .product-card .price-regular { margin-bottom:3px; }
 .catalog-counter { flex-wrap:wrap; white-space:normal; }
 .sales-gallery { gap:9px; }
 .sales-gallery img { max-height:220px; }
 .sales-final { padding:18px; }
 .sales-final-action { flex-direction:column; align-items:stretch; }
 .editorial-list-row { grid-template-columns:minmax(0,1fr) 28px; gap:6px 8px; }
 .editorial-list-meta { grid-column:1 / -1; flex-direction:row; gap:12px; }
 .editorial-list-copy { grid-column:1; }
 .editorial-list-open { grid-column:2; }
 .editorial-collection-intro>span { display:none; }
 .footer-main { grid-template-columns:1fr; }
 .footer-main .footer-brand { grid-column:1; }
 .footer-bottom { align-items:start; flex-direction:column; gap:8px; }
}
/* Responsive integrity: 320px and zoom reflow have room for full brand AND locale navigation.
   Two rows are intentional below 360px; do not hide information or clip the toolbar. */
@media (max-width: 359px) {
 .site-header .header-inner {
   position: relative;
   min-height: 98px;
   height: auto;
   padding-block: 9px 45px;
   gap: 6px;
   align-items: center;
 }
 .site-header .header-actions { margin-left: auto; flex: 0 0 auto; gap: 4px; }
 .site-header .language-nav {
   position: absolute;
   right: 0;
   bottom: 6px;
   margin: 0;
   display: flex;
   justify-content: flex-end;
 }
 .site-header .cart-action { display: grid; width: 38px; min-width: 38px; height: 44px; }
 .site-header .client-link { min-height: 44px; padding: 9px; }
 .site-header .menu-toggle { width: 42px; min-width: 42px; min-height: 44px; }
 .site-header .wordmark { flex: 0 1 auto; min-width: 0; }
 .site-header .language-link { min-width: 39px; min-height: 44px; display: inline-flex; justify-content: center; align-items: center; }
}
/* Compact visual controls must still have a comfortably tappable vertical region. */
@media (max-width: 760px) {
 .site-header .language-link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
 .site-header .menu-toggle { min-height: 44px; }
 .site-header .client-link { min-height: 44px; }
 .filter-bar .filter-btn { min-height: 44px; }
 .product-card .product-links .btn { min-height: 44px; }
 .gallery-lightbox-toolbar .gallery-close { min-width: 44px; min-height: 44px; }
 .gallery-lightbox-actions .btn { min-height: 44px; }
 .sales-gallery a { min-width: 0; }
 .product-description .spec-table-scroll { overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
}
/* Landscape: allow the dialog content to scroll vertically without hiding its toolbar. */
@media (max-height: 480px) and (orientation: landscape) {
 .gallery-lightbox { max-height: calc(100dvh - 14px); }
 .gallery-lightbox-inner { padding: 10px 13px; }
 .gallery-lightbox-figure img { max-height: min(45dvh, 360px); }
 .gallery-lightbox-actions .btn { min-height: 44px; }
}

@media (prefers-reduced-motion:reduce) {
 .product-card,.site-header .nav-link { transition:none; }
 .product-card:hover { transform:none; }
}


/* Stage 4 — interaction semantics for public templates. Base tokens from foundation.css. */
:root {
  --control-border: var(--color-border);
  --control-bg: var(--color-surface);
  --control-bg-hover: var(--color-surface-raised);
  --control-selected-bg: #2c433d;
  --control-focus: var(--color-focus);
  --control-height: 38px;
}
/* Native hidden must win over author-specified grid/flex layouts. */
.mobile-menu[hidden], .product-card[hidden], .gallery-lightbox [hidden], [data-gallery-dialog][hidden] { display: none; }
:where(button, input, select, textarea) { font-family: var(--font-content); }
:where(.btn, .filter-btn, .menu-toggle, .icon-action, .language-link, .client-link, .gallery-close) {
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);
}
:where(.btn, .filter-btn, .menu-toggle, .icon-action, .language-link, .client-link, summary, .gallery-close):focus-visible,
:where(input, select, textarea):focus-visible {
  outline: 3px solid var(--control-focus);
  outline-offset: 3px;
}
:where(.btn, .filter-btn, .menu-toggle, .icon-action, .gallery-close):active:not(:disabled) { filter: brightness(.9); }
:where(button, input, select, textarea):disabled, .btn[aria-disabled="true"] {
  opacity: .64; cursor: not-allowed; box-shadow: none; transform: none;
}
:where(input, select, textarea) {
  color: var(--color-text); background: var(--control-bg); border: 1px solid var(--control-border);
  border-radius: var(--radius-sm); min-height: var(--control-height);
}
:where(input, select, textarea)[aria-invalid="true"] { border-color: var(--color-warning); }
:where(input, select, textarea)[aria-invalid="true"]:focus-visible { outline-color: var(--color-warning); }
/* A label remains visible for the active filter; selection is not color alone. */
.filter-options .filter-btn { min-height: var(--control-height); border: 1px solid transparent; border-radius: var(--radius-sm); }
.filter-options .filter-btn[aria-pressed="true"] {
  border-color: var(--color-accent); background: var(--control-selected-bg); color: var(--color-text);
  font-weight: var(--weight-heading);
}
.filter-options .filter-btn[aria-pressed="true"]::before {
  content: '✓'; margin-right: 6px; color: var(--color-accent);
}
.filter-options .filter-btn:hover:not([aria-pressed="true"]) { background: var(--control-bg-hover); border-color: var(--color-border); }
/* Current location remains identifiable in both header variants. */
:where(.nav-desktop, .mobile-menu) a[aria-current="page"] { color: var(--color-text); font-weight: var(--weight-heading); }
.mobile-menu a[aria-current="page"] { background: var(--control-selected-bg); border-left: 3px solid var(--color-accent); padding-left: 14px; }
.menu-toggle[aria-expanded="true"] { background: var(--control-selected-bg); border-color: var(--color-accent); }
.language-nav .language-link[aria-current="page"] { font-weight: var(--weight-heading); text-decoration: underline; text-underline-offset: 4px; }
/* FAQ uses native details/summary and handles both Enter and Space without JS. */
.product-description details > summary { position: relative; cursor: pointer; padding-right: 27px; }
.product-description details[open] > summary { border-bottom: 1px solid var(--color-border-soft); margin-bottom: 12px; }
.product-description details > summary:hover { color: var(--color-text); }
/* Compact image dialog, with native modal semantics and keyboard navigation. */
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.gallery-lightbox {
  width: min(100% - 32px, 1100px); max-width: 1100px; max-height: min(92dvh, 980px);
  margin: auto; padding: 0; border: 1px solid var(--color-border);
  border-radius: var(--radius-lg); background: var(--color-bg-alt); color: var(--color-text);
  box-shadow: var(--shadow-float); overflow: auto;
}
.gallery-lightbox::backdrop { background: rgb(0 0 0 / .82); backdrop-filter: blur(4px); }
.gallery-lightbox-inner { display: grid; gap: 10px; padding: clamp(12px, 2.4vw, 22px); }
.gallery-lightbox-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gallery-lightbox-status { font-size: var(--type-caption); color: var(--color-text-muted); }
.gallery-close { width: 38px; height: 38px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-text); background: var(--color-surface); cursor: pointer; font-size: 27px; line-height: 1; }
.gallery-close:hover { border-color: var(--color-accent); background: var(--color-surface-raised); }
.gallery-lightbox-figure { min-height: 0; display: grid; gap: 9px; justify-items: center; }
.gallery-lightbox-figure img { max-width: 100%; max-height: min(66dvh, 720px); width: auto; height: auto; object-fit: contain; border-radius: var(--radius-sm); }
.gallery-lightbox-figure p { margin: 0; color: var(--color-text-muted); font-size: var(--type-caption); text-align: center; }
.gallery-lightbox-actions { display: flex; align-items: center; justify-content: center; gap: 12px; }
.gallery-lightbox-actions .btn { min-height: var(--control-height); font-size: var(--type-control); }
.sales-gallery a:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.spec-table-scroll { overflow-x: auto; max-width: 100%; margin-block: 18px; border-radius: var(--radius-sm); scrollbar-color: var(--color-border) transparent; }
.spec-table-scroll:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.spec-table-scroll table { width: 100%; margin: 0; border-collapse: collapse; }
@media (max-width: 760px) {
  .gallery-lightbox { width: calc(100% - 20px); max-height: 94dvh; }
  .gallery-lightbox-actions .btn { flex: 1; padding-inline: 9px; }
  .gallery-lightbox-figure img { max-height: 62dvh; }
}
@media (prefers-reduced-motion: reduce) {
  :where(.btn, .filter-btn, .menu-toggle, .icon-action, .language-link, .client-link, .gallery-close) { transition: none; }
}

/* STAGE 6 — interaction-driven motion. This is the single source of the motion rules.
   Never animate initial page visibility, every content block, scroll or product pricing. */
@media (hover: hover) and (pointer: fine) {
  .btn:not([aria-disabled="true"]):hover, .filter-btn:not(:disabled):hover,
  .language-link:hover, .icon-action:hover, .client-link:hover {
    transition-timing-function: var(--motion-ease);
  }
  .product-card:hover { transform: translateY(-2px); }
  .sales-gallery a:hover img { transform: scale(1.012); }
  .video-cover:hover .video-play { filter: brightness(1.14); }
}
/* Keyboard focus should remain visible independently of hover or animation. */
.sales-gallery img { transition: transform var(--motion-disclosure) var(--motion-ease); }
.video-cover .video-play { transition: filter var(--motion-fast) var(--motion-ease); }
.product-description details > summary { transition: color var(--motion-fast) var(--motion-ease); }
.product-description details[open] > summary { color: var(--color-text); }
/* A native dialog stays usable without transition support and under reduced motion. */
@media (prefers-reduced-motion: no-preference) {
  .mobile-menu:not([hidden]) { animation: bm-menu-enter var(--motion-standard) var(--motion-ease) both; }
  @keyframes bm-menu-enter { from { opacity:.96; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }
  .gallery-lightbox[open] { animation: bm-dialog-enter var(--motion-disclosure) var(--motion-ease) both; }
  .gallery-lightbox[open]::backdrop { animation: bm-backdrop-enter var(--motion-disclosure) ease-out both; }
  @keyframes bm-dialog-enter { from { opacity:.94; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
  @keyframes bm-backdrop-enter { from { opacity:0; } to { opacity:1; } }
}
/* Supports people sensitive to motion, including anchors in the original CSS. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .product-card, .site-header .nav-link, .sales-gallery img,
  .video-cover .video-play, .product-description details > summary,
  .gallery-lightbox[open], .gallery-lightbox[open]::backdrop,
  .mobile-menu:not([hidden]) { transition: none; animation: none; transform: none; }
}

/* Picture wrappers preserve layout dimensions while exposing original-image fallbacks. */
.creator-profile > picture { display:block; width:100%; max-width:100%; }
.product-card .product-media > picture { display:flex; width:100%; height:100%; min-width:0; max-width:100%; align-items:center; justify-content:center; }
.product-card .product-media > picture > img { max-width:100%; max-height:225px; }
@media (max-width:480px) {
  .product-card .product-media > picture { height:100%; }
  .product-card .product-media > picture > img { max-height:100%; }
}


/* Final quick-access footer: verified tutorial order and official channel links. */
.wordmark-authentic-name { gap:0; }
.wordmark-authentic-name > span { white-space:normal; font-family:var(--font-display, 'Space Grotesk',sans-serif); letter-spacing:-.045em; line-height:1.05; font-weight:750; }
.wordmark-authentic-name .logo-medium { margin-left:.19em; }
.wordmark-authentic-name small { font-family:var(--font-body, 'DM Sans',sans-serif); letter-spacing:.005em; font-weight:500; margin-top:5px; }
.footer-priority { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(235px,.75fr); gap:clamp(22px,3vw,50px); padding:0 0 clamp(27px,4vw,44px); margin-bottom:clamp(25px,4vw,42px); border-bottom:1px solid var(--color-border-soft,#314149); align-items:start; }
.footer-priority h2 { font-size:clamp(18px,1.5vw,21px); line-height:1.32; font-weight:700; letter-spacing:-.025em; color:var(--color-text,#f5f7f9); margin:0 0 15px; }
.footer-tutorial-list { list-style:none; padding:0; margin:0; display:grid; gap:9px; }
.footer-tutorial-list li { min-width:0; }
.footer-tutorial-list a { min-height:58px; display:flex; align-items:center; gap:12px; padding:12px 15px; background:#152228; border:1px solid #405259; color:#eff8f3; border-radius:12px; font-weight:650; line-height:1.38; transition:background 180ms ease,border-color 180ms ease,transform 180ms ease; overflow-wrap:anywhere; }
.footer-tutorial-list a > span:nth-child(2) { flex:1; min-width:0; }
.footer-tutorial-list a > svg { flex:0 0 auto; opacity:.85; }
.footer-guide-number { color:#bce99d; flex:0 0 auto; font-size:13px; letter-spacing:.03em; font-variant-numeric:tabular-nums; }
.footer-tutorial-list a:hover,.footer-tutorial-list a:focus-visible { background:#1f3336; border-color:#92ce86; transform:translateY(-1px); }
.footer-social-actions { display:flex; flex-wrap:wrap; gap:12px 22px; }
.footer-social-actions a { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:0; border:0; border-radius:8px; color:#d2dfdf; font-size:14px; font-weight:500; background:transparent; transition:color 180ms ease; }
.footer-social-icon { display:grid; place-items:center; width:44px; height:44px; flex:none; border:1px solid #405259; border-radius:50%; background:#122329; transition:background 180ms ease,border-color 180ms ease; }
.footer-social-icon img { display:block; width:24px; height:24px; }
.footer-social-actions a:hover,.footer-social-actions a:focus-visible { color:var(--color-accent); background:transparent; }
.footer-social-actions a:hover .footer-social-icon,.footer-social-actions a:focus-visible .footer-social-icon { background:#263d3d; border-color:var(--color-accent); }
@media (max-width:860px) { .footer-priority { grid-template-columns:minmax(0,1fr); gap:23px; } }
@media (max-width:390px) { .footer-priority { gap:21px; } .footer-tutorial-list a { padding-inline:12px; } }
@media (prefers-reduced-motion:reduce) { .footer-tutorial-list a,.footer-social-actions a,.footer-social-icon { transition:none; transform:none!important; } }

/* Official PNG from brunomeza.com. Crop only its empty canvas; preserve the artwork.
   Screen blending lets the original black canvas match our existing dark surfaces. */
.wordmark.wordmark-official { position:relative; display:block; flex:none; width:174px; height:44px; min-height:44px; overflow:hidden; }
.wordmark.wordmark-official img { position:absolute; display:block; width:270px; height:54px; max-width:none; left:50%; top:50%; transform:translate(-50%,-50%); mix-blend-mode:screen; }
/* Shared footer: lists and company details use the same type and vertical rhythm. */
.site-footer .footer-main { grid-template-columns:minmax(150px,.8fr) minmax(0,1.25fr) minmax(0,.85fr) minmax(210px,1.15fr); align-items:start; gap:24px; }
.site-footer .footer-brand { grid-column:auto; min-width:0; }
.site-footer .footer-brand p { margin:14px 0 0; max-width:30ch; font-size:14px; line-height:1.7; }
.footer-link-group,.footer-support,.site-footer .company-address { min-width:0; }
.footer-support { display:grid; gap:20px; }
.footer-link-group h3,.site-footer .company-address h3 { color:#f1f5ef; font-size:14px; font-weight:650; line-height:1.5; margin:0 0 10px; }
.footer-link-list,.footer-contact-list { list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.footer-link-list li,.footer-contact-list li { min-width:0; }
.footer-link-list a,.footer-contact-list a { color:var(--color-text-subtle); font-size:14px; font-weight:400; line-height:1.6; overflow-wrap:break-word; }
.footer-link-list a { display:block; min-height:32px; padding-block:4px; }
.footer-link-list a:hover,.footer-contact-list a:hover { color:var(--color-accent); }
.site-footer .company-address { display:block; grid-column:auto; }
.site-footer .company-address > * { margin-right:0; }
.footer-company-details { display:grid; gap:8px; margin:0; font-style:normal; font-size:14px; line-height:1.65; }
.footer-company-details strong { font-size:14px; line-height:1.65; font-weight:600; padding-top:4px; }
.footer-company-details p { font-size:14px; line-height:1.65; color:var(--color-text-subtle); margin:0; }
.footer-contact-list a { display:flex; align-items:center; gap:9px; min-height:36px; padding-block:4px; }
.footer-contact-list svg { flex:none; color:#a6c1bc; }
.footer-contact-list span { min-width:0; overflow-wrap:anywhere; }
.site-footer a:focus-visible { outline:2px solid var(--color-accent); outline-offset:5px; }
@media(max-width:1100px){
 .site-footer .footer-main { grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr)); gap:24px; }
 .site-footer .footer-brand { grid-column:1 / -1; }
 .site-footer .footer-brand p { max-width:60ch; }
}
@media(max-width:760px){
 .site-header .wordmark-official { width:130px; }
 .site-header .wordmark-official img { width:200px; height:40px; }
}
@media(max-width:600px){
 .site-footer { margin-top:16px; border-radius:22px 22px 0 0; padding-top:32px; }
 .site-footer .footer-main { grid-template-columns:minmax(0,1fr); gap:24px; }
 .footer-products,.footer-support,.site-footer .company-address { grid-column:1 / -1; }
 .footer-products .footer-link-list { grid-template-columns:minmax(0,1fr); gap:2px; }
 .footer-support { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-block:0; border-block:0; }
 .footer-link-list a,.footer-contact-list a { min-height:44px; padding-block:6px; }
 .footer-company-details { grid-template-columns:minmax(0,1fr); gap:8px; }
 .footer-company-details strong { padding-top:6px; }
 .footer-company-details p { max-width:36ch; }
 .footer-contact-list { gap:2px; }
}
/* Phone layout: both networks share the available width and a generous touch area. */
@media(max-width:600px){
 .footer-priority-social { min-width:0; }
 .footer-social-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .footer-social-actions a { display:flex; justify-content:center; min-width:0; width:100%; min-height:64px; gap:8px; padding:10px 8px; border:1px solid #405259; border-radius:12px; background:#122329; line-height:1.4; }
 .footer-social-icon { width:32px; height:32px; border:0; background:transparent; }
 .footer-social-actions a:hover,.footer-social-actions a:focus-visible { background:#1c3236; border-color:var(--color-accent); }
 .footer-social-actions a:hover .footer-social-icon,.footer-social-actions a:focus-visible .footer-social-icon { background:transparent; }
}
@media(max-width:360px){
 .footer-social-actions a { flex-direction:column; min-height:88px; gap:6px; }
}

/* Homepage: original purchase benefit is immediately visible before the catalog. */
.hero-personal .hero-offer-link { color:var(--color-text); display:inline-flex; align-items:center; font-weight:650; border-bottom:1px solid var(--color-accent); padding-bottom:3px; }
.hero-personal .hero-offer-link:hover,.hero-personal .hero-offer-link:focus-visible { color:var(--color-accent); }
.benefit-band { scroll-margin-top:35px; background:var(--color-surface); padding-block:clamp(24px,3.4vw,40px); border-block:1px solid var(--color-border); }
.benefit-inner { gap:clamp(14px,2vw,26px); grid-template-columns:60px minmax(0,1fr) auto; }
.benefit-symbol { width:60px; height:60px; background:var(--color-surface-raised); border-color:var(--color-accent); }
.benefit-symbol > span { color:var(--color-accent); font-size:28px; font-weight:700; }
.benefit-symbol small { color:var(--color-text); font-weight:700; }
.benefit-inner h2 { font-size:clamp(22px,2.5vw,30px); line-height:1.22; max-width:42ch; }
.benefit-inner p { max-width:70ch; }
.benefit-inner > a.btn { border-color:var(--color-accent); color:var(--color-text); min-height:44px; white-space:normal; }
@media (max-width:800px) {
  .benefit-inner { grid-template-columns:48px minmax(0,1fr); gap:12px 15px; }
  .benefit-symbol { width:48px; height:48px; }
  .benefit-inner > a.btn { grid-column:2; justify-self:start; }
}
@media (max-width:480px) {
  .benefit-inner { grid-template-columns:1fr; gap:8px; }
  .benefit-symbol { display:none; }
  .benefit-inner > a.btn { grid-column:1; margin-top:6px; }
  .sales-gallery-single { grid-template-columns:minmax(0,min(100%,225px)); }
}

/* Home installation: compact personal assistance card, isolated from product pages. */
.service-section.service-personal{padding-block:42px;background:var(--color-bg);border:0}
.service-personal .service-inner{grid-template-columns:minmax(0,1fr) 220px;gap:20px 40px;padding:32px 36px;background:#122329;border:1px solid #344e50;border-radius:20px;align-items:center}
.service-personal .service-message{grid-column:1;grid-row:1;max-width:none}
.service-personal .service-message .section-overline{font-size:12px;letter-spacing:.09em;color:#c5e0ac}
.service-personal .service-message h2{font-size:clamp(25px,2.25vw,33px);line-height:1.2;letter-spacing:-.035em;margin:9px 0 12px;text-wrap:pretty}
.service-personal .service-message p{font-size:15px;line-height:1.65;max-width:70ch;margin:0;color:#c0d0d2}
.service-personal .service-author{grid-column:1;grid-row:2;display:flex;align-items:center;gap:14px;margin:0;width:auto}
.service-personal .service-author picture{display:block;width:52px;height:52px;flex:none;border-radius:50%;overflow:hidden;background:#263a3b}
.service-personal .service-author img{display:block;width:100%;height:100%;object-fit:cover}
.service-personal .service-author figcaption{display:flex;flex-direction:column;gap:3px;margin:0;line-height:1.45;text-align:left}
.service-personal .service-author strong{font-size:16px;font-weight:650;color:#f2f5ec}
.service-personal .service-author figcaption span{font-size:13px;color:#acc3c7}
.service-personal .service-purchase{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:stretch;align-self:stretch;gap:18px;padding:8px 0 8px 30px;border-left:1px solid #385054;margin:0;min-width:0}
.service-personal .service-cost{display:grid;grid-template-columns:max-content max-content;gap:4px 7px;justify-content:start;align-items:baseline}
.service-personal .service-cost strong{font-size:36px;line-height:1.05;letter-spacing:-.05em;color:#f5f8ef}
.service-personal .service-cost>span{font-size:12px;color:#b4c9cc;letter-spacing:.04em}
.service-personal .service-cost del{grid-column:1 / -1;font-size:14px;color:#a3b9bc}
.service-personal .service-purchase .btn{display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;width:100%;min-width:0;padding:12px 18px;border-radius:10px;background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);white-space:normal;text-align:center;font-size:15px;line-height:1.4;transition:background 180ms ease,border-color 180ms ease}
.service-personal .service-purchase .btn:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:none}
.service-personal .service-purchase .btn svg{flex:none}
@media(max-width:900px){
 .service-personal .service-inner{grid-template-columns:minmax(0,1fr) 190px;gap:20px 28px;padding:28px}
 .service-personal .service-purchase{padding-left:24px}
 .service-personal .service-message h2{font-size:28px}
}
@media(max-width:680px){
 .service-section.service-personal{padding-block:28px}
 .service-personal .service-inner{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px;border-radius:18px}
 .service-personal .service-message{grid-column:1;grid-row:1}
 .service-personal .service-message h2{font-size:27px;line-height:1.19;margin-top:10px}
 .service-personal .service-message p{font-size:15px;line-height:1.65}
 .service-personal .service-author{grid-column:1;grid-row:2;gap:13px}
 .service-personal .service-author picture{width:48px;height:48px}
 .service-personal .service-purchase{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-self:auto;gap:18px;margin:2px -22px -22px;padding:20px 22px;border-left:0;border-top:1px solid #385054;border-radius:0 0 17px 17px;background:#192d32}
 .service-personal .service-cost strong{font-size:33px}
 .service-personal .service-purchase .btn{width:auto;min-width:120px;gap:12px;padding-inline:16px}
}
@media(max-width:360px){
 .service-personal .service-inner{padding:20px;gap:20px}
 .service-personal .service-message h2{font-size:25px}
 .service-personal .service-purchase{grid-template-columns:minmax(0,1fr);margin:0 -20px -20px;padding:18px 20px;gap:16px}
 .service-personal .service-cost{grid-template-columns:max-content max-content max-content;gap:8px}
 .service-personal .service-cost del{grid-column:3;margin-left:8px}
 .service-personal .service-purchase .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.service-personal .service-purchase .btn{transition:none}}

/* Direct contact: only email, phone and WhatsApp, with the same public details. */
.contact-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:28px 0 0; font-style:normal; }
.contact-method { display:flex; flex-direction:column; align-items:start; gap:20px; min-width:0; padding:26px; border:1px solid #344b50; border-radius:16px; background:#122329; transition:background 180ms ease,border-color 180ms ease; }
.contact-method-icon { display:grid; place-items:center; width:46px; height:46px; flex:none; border:1px solid #405c5e; border-radius:12px; color:#d8f59c; background:#1c3437; }
.contact-method-icon img { display:block; width:26px; height:26px; }
.contact-method-whatsapp .contact-method-icon { background:#126b3c; border-color:#35915a; }
.contact-method-copy { display:grid; min-width:0; gap:7px; }
.contact-method-label { font-size:14px; line-height:1.5; color:#aabfc2; }
.contact-method strong { font-size:18px; line-height:1.5; font-weight:600; color:#f0f5ee; overflow-wrap:anywhere; }
.contact-method:hover { background:#1a3034; border-color:#8bc67b; }
.contact-method:focus-visible { outline:2px solid var(--color-accent); outline-offset:5px; }
/* Fixed direct WhatsApp link. The footer reserves space so its last links remain usable. */
.whatsapp-float { position:fixed; z-index:20; right:max(20px,env(safe-area-inset-right,0px)); bottom:max(20px,env(safe-area-inset-bottom,0px)); display:inline-flex; align-items:center; gap:10px; max-width:calc(100vw - 40px); min-height:56px; padding:12px 18px 12px 14px; border:1px solid #35915a; border-radius:999px; background:#126b3c; color:#fff; box-shadow:0 6px 24px #0005; font-size:14px; font-weight:650; line-height:1.4; text-decoration:none; transition:background 180ms ease,border-color 180ms ease; }
.whatsapp-float img { display:block; width:28px; height:28px; flex:none; }
.whatsapp-float span { min-width:0; }
.whatsapp-float:hover { color:#fff; background:#0d5730; border-color:#7bd99f; }
.whatsapp-float:focus-visible { outline:3px solid #d8f59c; outline-offset:4px; }
.site-footer { padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
@media(max-width:1050px){
 .contact-methods { grid-template-columns:minmax(0,1fr); gap:14px; }
 .contact-method { flex-direction:row; align-items:center; gap:16px; padding:22px; }
}
@media(max-width:600px){
 .contact-methods { margin-top:22px; gap:12px; }
 .contact-method { padding:18px 16px; gap:13px; border-radius:13px; }
 .contact-method-icon { width:42px; height:42px; }
 .contact-method strong { font-size:16px; }
 .contact-method-label { font-size:13px; }
 .whatsapp-float { right:max(12px,env(safe-area-inset-right,0px)); bottom:max(12px,env(safe-area-inset-bottom,0px)); min-height:48px; max-width:calc(100vw - 24px); gap:8px; padding:10px 14px 10px 12px; font-size:13px; }
 .whatsapp-float img { width:26px; height:26px; }
}
@media(max-height:480px) and (orientation:landscape){
 .whatsapp-float { bottom:max(8px,env(safe-area-inset-bottom,0px)); min-height:44px; padding-block:8px; }
}
@media(prefers-reduced-motion:reduce){
 .contact-method,.whatsapp-float { transition:none; }
}

/* Complete official documents: readable long-form content within the existing CMS. */
.editorial-page--imported .editorial-hero h1 { max-width:100%; font-size:clamp(28px,3.1vw,42px); line-height:1.2; text-wrap:pretty; }
.editorial-page--imported .editorial-article-layout { margin-top:30px; }
.editorial-page--imported .editorial-article-html { max-width:80ch; font-size:16px; line-height:1.8; color:var(--color-text-muted); }
.editorial-page--imported .editorial-article-html p { margin-bottom:1.3em; }
.editorial-page--imported .editorial-article-html h2,.editorial-page--imported .editorial-article-html h3 { line-height:1.35; }
.editorial-page--imported .editorial-article-html iframe { border:0; background:var(--color-surface); }
.editorial-language-note { max-width:80ch; padding:14px 18px; margin:24px 0 0; border-left:3px solid #9cc479; border-radius:0 8px 8px 0; background:var(--color-surface); color:var(--color-text-muted); font-size:14px; line-height:1.65; }
.editorial-document-links { display:grid; gap:15px; margin-block:18px 26px; }
.editorial-document-links a { display:block; font-size:14px; line-height:1.6; overflow-wrap:break-word; }
.editorial-page--imported .editorial-original-link { font-size:13px; line-height:1.6; }
@media(max-width:600px){
 .editorial-page--imported .editorial-article-layout { margin-top:24px; }
 .editorial-page--imported .editorial-article-html { font-size:16px; line-height:1.75; }
}

/* Two included tools: a dedicated presentation, with every original source block. */
.free-tools { --tools-green:#d8f59c; --tools-teal:#99d8d1; --tools-line:#385354; padding-bottom:44px; color:var(--color-text-muted); }
.free-tools .tools-breadcrumb { margin-block:26px 0; }
.free-tools .tools-hero { padding-block:38px 30px; }
.free-tools .tools-hero>.section-overline { margin:0 0 16px; color:var(--tools-green); font-size:12px; letter-spacing:.1em; }
.free-tools .tools-title h1 { max-width:100%; margin:0; font-size:clamp(32px,3.4vw,48px); line-height:1.13; letter-spacing:-.04em; text-wrap:balance; color:var(--color-text); }
.free-tools .tools-title strong { font-weight:700; }
.free-tools .tools-highlight { color:var(--tools-green); }
.free-tools .tools-hero-actions,.free-tools .tools-access-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 26px; margin-top:26px; }
.free-tools .btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; border-radius:10px; font-size:15px; }
.free-tools .tools-customer-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:14px; font-weight:600; color:var(--color-text); }
.free-tools .tools-customer-link svg,.free-tools .btn svg { flex:none; }
.free-tools .tools-customer-link:hover { color:var(--tools-green); }
.free-tools .tools-showcase { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.free-tools .tools-product-preview { min-width:0; padding:20px; border:1px solid var(--tools-line); border-radius:18px; background:#122329; }
.free-tools .tools-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.free-tools .tools-preview-heading>div { display:flex; align-items:center; gap:12px; min-width:0; }
.free-tools .tools-preview-heading svg { flex:none; color:var(--tools-green); }
.free-tools .tools-preview-heading h2 { font-size:21px; line-height:1.3; letter-spacing:-.025em; margin:0; color:var(--color-text); }
.free-tools .tools-preview-heading>span { flex:none; max-width:145px; color:var(--tools-green); font-size:12px; line-height:1.5; text-align:right; }
.free-tools .tools-preview-finance .tools-preview-heading svg,.free-tools .tools-preview-finance .tools-preview-heading>span { color:var(--tools-teal); }
.free-tools .product-demo { aspect-ratio:16 / 9; margin:0; border:1px solid #334849; border-radius:11px; background:#0b151b; }
.free-tools .video-cover { height:100%; aspect-ratio:16 / 9; }
.free-tools .video-cover img { display:block; width:100%; height:100%; object-fit:contain; }
.free-tools .video-cover .video-play { left:14px; top:auto; right:auto; bottom:14px; transform:none; width:48px; height:48px; background:var(--tools-green); color:#152116; box-shadow:0 3px 14px #0005; }
.free-tools .video-cover .video-play svg { display:block; }
.free-tools .video-cover .video-play:after { display:none; }
.free-tools .product-demo iframe { width:100%; height:100%; border:0; display:block; }
.free-tools .tools-video-direct { display:inline-flex; align-items:center; gap:7px; min-height:38px; margin-top:5px; font-size:12px; line-height:1.5; color:#b2c7c8; }
.free-tools .tools-discover { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding-top:10px; margin-top:4px; border-top:1px solid #334a4c; font-size:14px; font-weight:600; color:var(--color-text); }
.free-tools .tools-discover:hover,.free-tools .tools-video-direct:hover { color:var(--tools-green); }
.free-tools .tools-introduction { margin-top:36px; }
.free-tools .tools-intro-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
.free-tools .tools-source { min-width:0; }
.free-tools .tools-source p { margin:0 0 18px; font-size:16px; line-height:1.8; }
.free-tools .tools-source strong { color:var(--color-text); font-weight:600; }
.free-tools .tools-source ul,.free-tools .tools-source ol { margin:14px 0 22px; padding-left:21px; font-size:15px; line-height:1.8; }
.free-tools .tools-source li { margin:8px 0; padding-left:2px; }
.free-tools .tools-source li::marker { color:var(--tools-green); }
.free-tools .tools-source h2 { margin:0 0 16px; font-size:clamp(28px,2.7vw,38px); line-height:1.23; letter-spacing:-.035em; color:var(--color-text); text-wrap:pretty; }
.free-tools .tools-source h3 { margin:0 0 15px; font-size:22px; line-height:1.35; letter-spacing:-.025em; color:var(--color-text); text-wrap:pretty; }
.free-tools .tools-source h2 strong,.free-tools .tools-source h3 strong { font-weight:650; }
.free-tools .tools-source blockquote { margin:0; padding:0; border:0; }
.free-tools .tools-source--hr { height:0; }
.free-tools .tools-source--hr hr { display:block; height:0; border:0; margin:0; }
.free-tools .tools-included-statement { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:20px; padding:24px 28px; margin-top:14px; background:#1a3032; border-radius:12px; }
.free-tools .tools-included-statement>svg { margin-top:4px; color:var(--tools-green); }
.free-tools .tools-included-statement p { margin:0; font-size:18px; line-height:1.7; }
.free-tools .tools-chapter { padding-top:52px; margin-top:52px; border-top:1px solid var(--tools-line); scroll-margin-top:28px; }
.free-tools .tools-chapter-heading { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:start; gap:24px; margin-bottom:34px; }
.free-tools .tools-chapter-mark { display:grid; place-items:center; width:64px; height:64px; border-radius:17px; border:1px solid #45675d; color:var(--tools-green); background:#19322e; }
.free-tools .tools-chapter-heading .section-overline { margin:0 0 12px; font-size:12px; color:var(--tools-green); }
.free-tools .tools-chapter-heading p { max-width:75ch; }
.free-tools .tools-finance .tools-chapter-mark { background:#1b333a; color:var(--tools-teal); border-color:#43636b; }
.free-tools .tools-finance .tools-chapter-heading .section-overline { color:var(--tools-teal); }
.free-tools .tools-opening { display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:start; }
.free-tools .tools-opening-quote { padding:22px 26px; border-left:3px solid var(--tools-green); background:#122329; border-radius:0 14px 14px 0; }
.free-tools .tools-opening-quote p { margin:0; font-size:18px; line-height:1.75; }
.free-tools .tools-chapter-lead { max-width:900px; margin-top:30px; }
.free-tools .tools-feature-icon { display:inline-grid; place-items:center; width:46px; height:46px; margin-bottom:18px; color:var(--tools-green); }
.free-tools .tools-journal-data { display:grid; grid-template-columns:.8fr 1.2fr; gap:44px; margin-top:36px; padding-top:32px; border-top:1px solid var(--tools-line); }
.free-tools .tools-sync-labels { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; color:var(--tools-green); }
.free-tools .tools-sync-labels span { padding:9px 12px; border:1px solid #3e5a55; border-radius:8px; font-size:13px; color:#dae6df; }
.free-tools .tools-metrics ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; gap:12px; }
.free-tools .tools-metrics li { margin:0; padding:18px; border-radius:12px; background:#14282e; font-size:14px; line-height:1.75; }
.free-tools .tools-metrics li strong { display:block; color:var(--tools-green); font-size:18px; margin-bottom:7px; }
.free-tools .tools-discipline { display:grid; grid-template-columns:1.2fr .8fr; gap:22px 36px; margin-block:38px; padding:32px; border:1px solid #3d5654; border-radius:18px; background:#13262b; }
.free-tools .tools-discipline-result { grid-column:1 / -1; border-top:1px solid #385353; padding-top:22px; }
.free-tools .tools-discipline-result p { margin-bottom:0; }
.free-tools .tools-rule-list ol { counter-reset:tool-rule; list-style:none; padding:0; margin:0; }
.free-tools .tools-rule-list li { position:relative; counter-increment:tool-rule; padding:15px 0 15px 48px; margin:0; border-bottom:1px solid #3a5553; }
.free-tools .tools-rule-list li:before { content:counter(tool-rule,decimal-leading-zero); position:absolute; left:0; top:14px; color:var(--tools-green); font-size:18px; font-variant-numeric:tabular-nums; }
.free-tools .tools-journal-rhythm { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px; }
.free-tools .tools-calendar-concept { margin:22px 0 0; padding:20px; background:#142a30; border:1px solid #355052; border-radius:12px; }
.free-tools .tools-calendar-colors { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; }
.free-tools .tools-calendar-colors span { height:34px; border-radius:5px; background:#517c61; }
.free-tools .tools-calendar-colors span:nth-child(3),.free-tools .tools-calendar-colors span:nth-child(6) { background:#87585a; }
.free-tools .tools-calendar-colors span:nth-child(4),.free-tools .tools-calendar-colors span:nth-child(7) { background:#607078; }
.free-tools .tools-calendar-legend { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; font-size:12px; }
.free-tools .tools-calendar-legend span:before { content:''; display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#7eb28b; }
.free-tools .tools-calendar-legend span:nth-child(2):before { background:#d39196; }
.free-tools .tools-calendar-legend span:nth-child(3):before { background:#aab8be; }
.free-tools .tools-calendar-concept figcaption { margin-top:12px; font-size:12px; line-height:1.6; color:#afc5c8; }
.free-tools .tools-flexibility { padding-block:28px 10px; margin-block:30px; border-block:1px solid var(--tools-line); }
.free-tools .tools-start { padding:30px; border:1px solid #3c5758; border-radius:16px; background:#14272e; }
.free-tools .tools-start>.section-overline { color:var(--tools-green); font-size:12px; margin-bottom:14px; }
.free-tools .tools-start ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; padding:0; list-style:none; counter-reset:tool-step; margin-block:24px; }
.free-tools .tools-start li { counter-increment:tool-step; margin:0; padding:12px 0 0; border-top:1px solid #46615d; font-size:14px; line-height:1.75; }
.free-tools .tools-start li:before { content:counter(tool-step,decimal-leading-zero); display:block; margin-bottom:8px; font-size:15px; color:var(--tools-green); font-variant-numeric:tabular-nums; }
.free-tools .tools-finance { --tools-green:var(--tools-teal); }
.free-tools .tools-finance-capture,.free-tools .tools-finance-organize { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px; margin-top:34px; }
.free-tools .tools-recurring { display:grid; grid-template-columns:1.1fr .9fr; gap:40px; padding-block:32px 20px; margin-top:22px; border-block:1px solid var(--tools-line); }
.free-tools .tools-recurring-example { padding:24px; border-left:2px solid var(--tools-teal); align-self:center; background:#13282f; border-radius:0 12px 12px 0; }
.free-tools .tools-recurring-example p { margin:0; }
.free-tools .tools-currency-symbols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:24px 0 6px; color:var(--tools-teal); }
.free-tools .tools-currency-symbols span { padding:14px 8px; text-align:center; background:#152d34; border:1px solid #35565e; border-radius:10px; font-size:24px; font-weight:650; letter-spacing:-.03em; }
.free-tools .tools-finance-analysis { display:grid; grid-template-columns:.8fr 1.2fr; gap:36px; margin-top:36px; padding:32px; border-radius:18px; background:#13272f; border:1px solid #354f58; }
.free-tools .tools-statistics ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 22px; padding:0; list-style:none; }
.free-tools .tools-statistics li { margin:0; padding:0 0 14px; border-bottom:1px solid #36535c; font-size:14px; }
.free-tools .tools-statistics li strong { display:block; margin-bottom:6px; color:var(--tools-teal); font-size:16px; }
.free-tools .tools-mobile { display:grid; grid-template-columns:160px minmax(0,1fr); align-items:center; gap:36px; margin-block:36px; }
.free-tools .tools-mobile-mark { min-height:180px; padding:24px 14px; border-radius:22px; background:#162e36; border:1px solid #3b5961; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; color:var(--tools-teal); }
.free-tools .tools-mobile-mark span { font-size:12px; text-align:center; color:#c1d5d8; }
.free-tools .tools-future { display:grid; grid-template-columns:1fr 1fr; gap:28px 42px; margin-top:54px; padding-top:44px; border-top:1px solid var(--tools-line); scroll-margin-top:24px; }
.free-tools .tools-future .section-overline { font-size:12px; margin-bottom:14px; color:var(--tools-teal); }
.free-tools .tools-current-status { display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.6; color:#bdd9d5; }
.free-tools .tools-current-status svg { flex:none; margin-top:2px; }
.free-tools .tools-future-example { grid-column:1 / -1; border-left:3px solid #5c8b83; padding:4px 0 4px 26px; }
.free-tools .tools-future-example p { margin:0; }
.free-tools .tools-access { margin-top:44px; padding:38px; border-radius:20px; background:#1c3333; border:1px solid #48655c; scroll-margin-top:24px; }
.free-tools .tools-access h2 { max-width:900px; }
.free-tools .tools-access ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 36px; margin-block:26px; }
.free-tools .tools-access li { margin:0; padding-left:4px; }
.free-tools .tools-access-call { border-top:1px solid #46635d; padding-top:24px; margin-top:28px; }
.free-tools .tools-access-call p { max-width:90ch; font-size:18px; }
.free-tools .tools-invitation { margin-top:24px; padding:4px 0 4px 22px; border-left:2px solid #688e86; }
.free-tools .tools-invitation>span { display:flex; align-items:center; gap:9px; margin-bottom:12px; color:#d1e1db; font-size:14px; font-weight:600; }
.free-tools .tools-invitation>span svg { flex:none; }
.free-tools .tools-invitation p { max-width:105ch; margin:0; font-size:14px; line-height:1.8; }
.free-tools .tools-document-links { display:flex; flex-wrap:wrap; gap:12px 26px; border-top:1px solid #314a4d; padding-top:22px; margin-top:28px; }
.free-tools .tools-document-links a { min-height:38px; display:inline-flex; align-items:center; color:#b8d3ca; }
.free-tools .tools-source--p:has(>p:empty) { height:0; }
.free-tools .tools-source p:empty { margin:0; }
.free-tools a:focus-visible,.free-tools button:focus-visible { outline:2px solid var(--color-accent); outline-offset:4px; }
@media(max-width:1000px){
 .free-tools .tools-journal-data,.free-tools .tools-finance-analysis { grid-template-columns:minmax(0,1fr); gap:26px; }
 .free-tools .tools-preview-heading { align-items:flex-start; gap:12px; }
 .free-tools .tools-preview-heading>span { max-width:104px; }
 .free-tools .tools-preview-heading h2 { font-size:19px; }
 .free-tools .tools-preview-heading>div { gap:8px; }
 .free-tools .tools-product-preview { padding:16px; }
 .free-tools .tools-start ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px){
 .free-tools .tools-opening,.free-tools .tools-discipline,.free-tools .tools-future { grid-template-columns:minmax(0,1fr); }
 .free-tools .tools-opening { gap:16px; }
 .free-tools .tools-discipline { gap:22px; }
 .free-tools .tools-discipline-result,.free-tools .tools-future-example { grid-column:1; }
 .free-tools .tools-recurring { grid-template-columns:minmax(0,1fr); gap:10px; }
 .free-tools .tools-future { gap:20px; }
}
@media(max-width:680px){
 .free-tools .tools-showcase,.free-tools .tools-intro-columns,.free-tools .tools-journal-rhythm,.free-tools .tools-finance-capture,.free-tools .tools-finance-organize { grid-template-columns:minmax(0,1fr); gap:24px; }
 .free-tools .tools-hero { padding-block:26px; }
 .free-tools .tools-title h1 { font-size:32px; line-height:1.16; }
 .free-tools .tools-hero-actions { gap:12px 20px; margin-top:20px; }
 .free-tools .tools-product-preview { padding:16px; border-radius:16px; }
 .free-tools .tools-preview-heading h2 { font-size:20px; }
 .free-tools .tools-preview-heading>span { max-width:115px; }
 .free-tools .tools-showcase { gap:18px; }
 .free-tools .tools-introduction { margin-top:28px; }
 .free-tools .tools-intro-columns { gap:0; }
 .free-tools .tools-included-statement { padding:20px; grid-template-columns:24px minmax(0,1fr); gap:14px; }
 .free-tools .tools-included-statement p,.free-tools .tools-opening-quote p { font-size:16px; }
 .free-tools .tools-chapter { padding-top:34px; margin-top:34px; }
 .free-tools .tools-chapter-heading { grid-template-columns:44px minmax(0,1fr); gap:14px; margin-bottom:24px; }
 .free-tools .tools-chapter-mark { width:44px; height:44px; border-radius:12px; }
 .free-tools .tools-chapter-mark svg { width:26px; height:26px; }
 .free-tools .tools-source h2 { font-size:28px; }
 .free-tools .tools-source h3 { font-size:21px; }
 .free-tools .tools-chapter-heading h2 { font-size:26px; }
 .free-tools .tools-chapter-heading .section-overline { font-size:11px; line-height:1.5; }
 .free-tools .tools-chapter-heading p { font-size:15px; }
 .free-tools .tools-source p { line-height:1.75; }
 .free-tools .tools-opening-quote { padding:18px 20px; }
 .free-tools .tools-journal-data { gap:24px; margin-top:26px; padding-top:24px; }
 .free-tools .tools-metrics ul { gap:10px; }
 .free-tools .tools-metrics li { padding:16px; }
 .free-tools .tools-discipline,.free-tools .tools-start,.free-tools .tools-finance-analysis { padding:22px; border-radius:14px; }
 .free-tools .tools-calendar-concept { padding:16px; }
 .free-tools .tools-feature-icon { margin-bottom:12px; }
 .free-tools .tools-recurring-example { padding:20px; }
 .free-tools .tools-mobile { grid-template-columns:96px minmax(0,1fr); gap:20px; align-items:start; }
 .free-tools .tools-mobile-mark { min-height:148px; padding:20px 8px; border-radius:18px; }
 .free-tools .tools-mobile-mark svg { width:45px; height:45px; }
 .free-tools .tools-mobile-mark span { font-size:11px; }
 .free-tools .tools-access { padding:24px; border-radius:16px; }
 .free-tools .tools-access ul { grid-template-columns:minmax(0,1fr); gap:10px; }
 .free-tools .tools-access-call p { font-size:16px; }
 .free-tools .tools-access-actions { gap:12px; }
 .free-tools .tools-invitation { padding-left:16px; }
}
@media(max-width:420px){
 .free-tools .tools-title h1 { font-size:30px; }
 .free-tools .tools-preview-heading h2 { font-size:18px; }
 .free-tools .tools-preview-heading>span { max-width:96px; }
 .free-tools .tools-preview-heading>div { gap:8px; }
 .free-tools .tools-preview-heading svg { width:21px; height:21px; }
 .free-tools .tools-metrics ul,.free-tools .tools-statistics ul { grid-template-columns:minmax(0,1fr); }
 .free-tools .tools-start ol { grid-template-columns:minmax(0,1fr); gap:18px; }
 .free-tools .tools-start li { position:relative; border-top:0; padding:0 0 0 34px; }
 .free-tools .tools-start li:before { position:absolute; top:0; left:0; margin:0; }
 .free-tools .tools-mobile { grid-template-columns:minmax(0,1fr); gap:18px; }
 .free-tools .tools-mobile-mark { min-height:0; flex-direction:row; justify-content:flex-start; width:100%; padding:14px 18px; gap:14px; }
 .free-tools .tools-mobile-mark svg { width:30px; height:30px; }
 .free-tools .tools-mobile-mark span { font-size:13px; }
 .free-tools .tools-chapter-heading { grid-template-columns:minmax(0,1fr); gap:14px; }
 .free-tools .tools-start,.free-tools .tools-discipline,.free-tools .tools-finance-analysis { padding:20px; }
 .free-tools .tools-currency-symbols span { font-size:22px; }
 .free-tools .tools-access { padding:22px; }
 .free-tools .tools-access-actions .btn { width:100%; }
}
@media(max-width:360px){
 .free-tools .tools-title h1 { font-size:28px; }
 .free-tools .tools-hero-actions .btn { width:100%; }
 .free-tools .tools-hero-actions { justify-content:center; }
 .free-tools .tools-included-statement { grid-template-columns:minmax(0,1fr); }
 .free-tools .tools-preview-heading { gap:10px; }
}


/* ===== SOURCE assets/css/product-landings.css ===== */
/* Product-specific editorial landing system: product-landings.css (after composition.css).
   Keep original documents, prices, videos and media; this file owns only the sales presentation. */
.bm-sales { --bm-product-accent:#b4cfae; --bm-product-soft:rgba(166,206,173,.10); }
.bm-sales--emotional-manager { --bm-product-accent:#aed5c1; --bm-product-soft:rgba(114,190,160,.11); }
.bm-sales--copier-nt8 { --bm-product-accent:#b3d4cb; --bm-product-soft:rgba(105,177,170,.12); }
.bm-sales--bidirectional { --bm-product-accent:#bfd0e6; --bm-product-soft:rgba(142,165,200,.12); }
.bm-sales--nt8-ctrader { --bm-product-accent:#a7d5d7; --bm-product-soft:rgba(92,170,176,.13); }
.bm-sales--arr-v4 { --bm-product-accent:#e2cfaa; --bm-product-soft:rgba(212,177,108,.10); }
.bm-sales--backtester { --bm-product-accent:#c9c5ed; --bm-product-soft:rgba(158,148,214,.12); }
.bm-sales--installation { --bm-product-accent:#b8d6b9; --bm-product-soft:rgba(144,191,155,.10); }
.bm-sales .bm-sales-top { padding-bottom:0; }
.bm-sales .landing-breadcrumb { max-width:100%; margin:25px 0 20px; overflow-wrap:anywhere; }
.bm-sales .bm-sales-heading { display:block; width:100%; max-width:none; margin:0 0 27px; }
.bm-sales .bm-sales-heading .section-overline { color:var(--bm-product-accent); }
.bm-sales .bm-sales-heading h1 { display:block; width:100%; max-width:none; margin:9px 0 14px; font-size:clamp(32px,3.9vw,59px); letter-spacing:-.042em; line-height:1.08; text-wrap:pretty; overflow-wrap:break-word; }
.bm-sales .bm-sales-standfirst { max-width:86ch; font-size:clamp(16px,1.3vw,20px); color:var(--color-text-muted); line-height:1.55; margin:0; }
.bm-sales .bm-sales-hero { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(288px,.77fr); grid-template-rows:auto; gap:clamp(20px,2.8vw,40px); align-items:start; }
.bm-sales .bm-sales-visual { grid-area:auto; min-width:0; }
.bm-sales .bm-sales-visual .bm-visual-topline { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 11px; }
.bm-sales .bm-visual-topline .section-overline { color:var(--color-text-muted); }
.bm-sales .bm-original-asset { font-size:12px; color:var(--color-text-subtle); }
.bm-sales .product-demo { overflow:hidden; background:var(--color-surface-quiet); }
.bm-sales .product-demo .video-cover { width:100%; aspect-ratio:16/9; min-height:0; }
.bm-sales .product-demo .video-cover img { width:100%; height:100%; object-fit:contain; }
.bm-sales .service-hero-image { max-width:100%; height:auto; max-height:410px; object-fit:contain; border-radius:var(--radius-md); }
.bm-sales .bm-visual-benefit { display:flex; align-items:flex-start; gap:10px; margin:16px 0 0; max-width:74ch; color:var(--color-text-muted); }
.bm-sales .bm-visual-benefit svg { flex:0 0 auto; color:var(--bm-product-accent); margin-top:3px; }
.bm-sales .bm-sales-checkout { min-width:0; display:grid; align-items:start; gap:11px; }
.bm-sales .bm-sales-checkout .sales-purchase-summary { grid-area:auto; padding:24px; background:var(--color-surface); border:1px solid var(--color-border); }
.bm-sales .bm-price-label { margin:0 0 10px; font-size:var(--type-caption); color:var(--color-text-muted); }
.bm-sales .bm-sales-checkout .purchase-price { margin-bottom:8px; }
.bm-sales .bm-sales-checkout .purchase-price strong { color:#eaf6e5; }
.bm-sales .bm-sales-checkout .sales-purchase-details { grid-area:auto; border:0; border-top:1px solid var(--color-border-soft); border-radius:0; padding:18px 3px 0; background:transparent; }
.bm-sales .bm-sales-compat h2 { display:flex; align-items:center; gap:7px; font-size:15px; margin:0 0 10px; }
.bm-sales .bm-sales-compat h2 svg { color:var(--bm-product-accent); }
.bm-sales .bm-sales-compat p { margin:0 0 10px; font-size:14px; color:var(--color-text-muted); line-height:1.6; }
.bm-sales .bm-sales-compat a { color:var(--bm-product-accent); }
.bm-sales .bm-sales-jumps { display:flex; flex-wrap:wrap; gap:6px 22px; padding:22px 0 17px; margin-top:20px; border-top:1px solid var(--color-border-soft); border-bottom:1px solid var(--color-border-soft); }
.bm-sales .bm-sales-jumps a { display:inline-flex; align-items:center; min-height:40px; font-size:14px; text-decoration:none; color:var(--color-text-muted); }
.bm-sales .bm-sales-jumps a:hover,.bm-sales .bm-sales-jumps a:focus-visible { color:var(--bm-product-accent); }
.bm-sales .bm-sales-story { padding:clamp(46px,5vw,80px) 0; background:linear-gradient(124deg,var(--bm-product-soft),transparent 55%); border-bottom:1px solid var(--color-border-soft); }
.bm-sales .bm-story-layout { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr); gap:clamp(28px,5vw,88px); align-items:center; }
.bm-sales .bm-story-narrative { min-width:0; }
.bm-sales .bm-story-narrative .section-overline { color:var(--bm-product-accent); }
.bm-sales .bm-story-narrative h2 { margin:11px 0 15px; font-size:clamp(29px,3vw,42px); letter-spacing:-.032em; line-height:1.16; max-width:19ch; text-wrap:pretty; }
.bm-sales .bm-story-pitch { max-width:63ch; font-size:clamp(16px,1.25vw,19px); line-height:1.62; color:var(--color-text-muted); margin:0 0 26px; }
.bm-sales .bm-story-steps { counter-reset:steps; list-style:none; margin:0; padding:0; border-top:1px solid var(--color-border-soft); }
.bm-sales .bm-story-steps li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:16px 0; border-bottom:1px solid var(--color-border-soft); align-items:start; }
.bm-sales .bm-story-steps li>span { font-size:13px; font-weight:700; color:var(--bm-product-accent); padding-top:4px; }
.bm-sales .bm-story-steps p { margin:0; line-height:1.55; }
.bm-sales .bm-story-diagram { min-width:0; border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:clamp(18px,2.5vw,34px); background:linear-gradient(150deg,rgba(255,255,255,.03),transparent 45%),#111e24; }
.bm-sales .bm-diagram-label { margin:0 0 27px; font-size:12px; letter-spacing:.09em; text-transform:uppercase; color:var(--color-text-muted); }
.bm-sales .bm-diagram-note { font-size:13px; line-height:1.55; margin:24px 0 0; color:var(--color-text-muted); padding-top:15px; border-top:1px solid var(--color-border-soft); }
.bm-sales .bm-flow-root { max-width:240px; margin-inline:auto; text-align:center; border:1px solid var(--bm-product-accent); padding:19px 16px; background:var(--bm-product-soft); border-radius:9px; font-weight:700; }
.bm-sales .bm-flow-branch { display:grid; grid-template-columns:repeat(3,1fr); margin:0 38px; height:44px; border-top:0; position:relative; }
.bm-sales .bm-flow-branch:before { content:""; position:absolute; top:0; left:50%; height:22px; border-left:1px solid var(--bm-product-accent); }
.bm-sales .bm-flow-branch:after { content:""; position:absolute; top:22px; left:16%; right:16%; border-top:1px solid var(--bm-product-accent); }
.bm-sales .bm-flow-branch span { align-self:end; justify-self:center; height:22px; border-left:1px solid var(--bm-product-accent); }
.bm-sales .bm-flow-children { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.bm-sales .bm-flow-children span { padding:13px 7px; border:1px solid var(--color-border); border-radius:7px; font-size:13px; text-align:center; line-height:1.4; }
.bm-sales .bm-rulebook { display:grid; gap:10px; }
.bm-sales .bm-rulebook>div { border:1px solid var(--color-border); padding:16px; border-radius:8px; display:flex; align-items:center; gap:12px; font-size:15px; }
.bm-sales .bm-rulebook>div small { color:var(--bm-product-accent); font-weight:700; }
.bm-sales .bm-rulebook>div svg { margin-left:auto; color:var(--bm-product-accent); }
.bm-sales .bm-rulebook .bm-rule-trigger { flex-wrap:wrap; border-color:var(--bm-product-accent); background:var(--bm-product-soft); }
.bm-sales .bm-rule-trigger span { flex-basis:100%; margin-left:25px; font-size:13px; color:var(--bm-product-accent); }
.bm-sales .bm-twoway,.bm-sales .bm-oneway { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:14px; align-items:center; }
.bm-sales .bm-twoway>div,.bm-sales .bm-oneway>div { padding:32px 11px; border:1px solid var(--bm-product-accent); background:var(--bm-product-soft); border-radius:10px; text-align:center; font-weight:700; line-height:1.4; }
.bm-sales .bm-large-arrow { color:var(--bm-product-accent); font-size:clamp(30px,4vw,52px); font-weight:300; }
.bm-sales .bm-diagram-subline { margin:18px 0 0; text-align:center; color:var(--color-text-muted); font-size:14px; }
.bm-sales .bm-diagram-subline span { margin-inline:10px; }
.bm-sales .bm-risk-map { display:grid; grid-template-columns:1fr; gap:6px; }
.bm-sales .bm-risk-map>div { display:flex; gap:13px; align-items:center; padding:12px 15px; border-left:3px solid var(--bm-product-accent); background:rgba(255,255,255,.025); }
.bm-sales .bm-risk-map>div span { width:26px; color:var(--color-text-muted); font-size:12px; }
.bm-sales .bm-risk-map .bm-risk-target { margin-left:25px; border-color:#82c7b0; }
.bm-sales .bm-risk-map .bm-risk-entry { border-color:#d2dec9; }
.bm-sales .bm-risk-map .bm-risk-defined { margin-left:12px; background:var(--bm-product-soft); font-size:13px; color:var(--bm-product-accent); }
.bm-sales .bm-risk-map .bm-risk-stop { margin-left:25px; border-color:#e4b99f; }
.bm-sales .bm-backtest-loop { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.bm-sales .bm-backtest-loop>div { min-height:105px; border:1px solid var(--color-border); padding:16px; display:flex; flex-direction:column; gap:12px; border-radius:8px; }
.bm-sales .bm-backtest-loop>div span { color:var(--bm-product-accent); font-size:13px; font-weight:700; }
.bm-sales .bm-backtest-loop>div:last-child { background:var(--bm-product-soft); border-color:var(--bm-product-accent); }
.bm-sales .bm-session-steps { display:grid; gap:7px; }
.bm-sales .bm-session-steps>div { display:grid; grid-template-columns:29px 1fr; gap:9px; padding:15px 10px; border-bottom:1px solid var(--color-border); }
.bm-sales .bm-session-steps span { color:var(--bm-product-accent); }
.bm-sales .bm-sales-benefits { padding-block:clamp(42px,4.6vw,67px); }
.bm-sales .bm-section-intro { margin:0 0 26px; max-width:900px; }
.bm-sales .bm-section-intro .section-overline { color:var(--bm-product-accent); }
.bm-sales .bm-section-intro h2 { font-size:clamp(27px,2.55vw,38px); line-height:1.2; letter-spacing:-.03em; margin:10px 0; text-wrap:pretty; }
.bm-sales .bm-section-intro p { max-width:75ch; color:var(--color-text-muted); line-height:1.55; margin:0; }
.bm-sales .bm-benefit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; border-top:1px solid var(--color-border-soft); }
.bm-sales .bm-benefit-item { padding:22px 0; border-bottom:1px solid var(--color-border-soft); display:flex; gap:16px; }
.bm-sales .bm-benefit-index { flex:none; color:var(--bm-product-accent); font-size:13px; font-weight:700; margin-top:3px; }
.bm-sales .bm-benefit-item p { margin:0; line-height:1.5; font-size:16px; }
/* The actual product screenshots live with the video, not in a detached gallery. */
.bm-sales .bm-demo-gallery { margin-top:15px; padding-top:13px; border-top:1px solid var(--color-border-soft); min-width:0; }
.bm-sales .bm-demo-gallery-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 9px; font-size:13px; font-weight:700; color:var(--color-text); }
.bm-sales .bm-demo-gallery-head small { font-size:12px; font-weight:400; color:var(--color-text-muted); }
.bm-sales .bm-gallery-buttons { display:flex; gap:6px; }
.bm-sales .bm-gallery-buttons button { display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--color-border); border-radius:7px; background:var(--color-surface); color:var(--color-text); font-size:21px; line-height:1; transition:background 160ms ease,border-color 160ms ease; }
.bm-sales .bm-gallery-buttons button:hover { background:var(--bm-product-soft); border-color:var(--bm-product-accent); }
.bm-sales .bm-gallery-rail { display:flex; gap:10px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; scroll-padding-inline:2px; overscroll-behavior-inline:contain; padding:3px 2px 9px; scrollbar-width:thin; scrollbar-color:var(--color-border) transparent; width:100%; }
.bm-sales .bm-gallery-rail>a { position:relative; display:flex; flex:0 0 auto; justify-content:center; align-items:center; width:clamp(115px,18vw,160px); height:96px; overflow:hidden; scroll-snap-align:start; border:1px solid var(--color-border-soft); border-radius:9px; background:var(--color-surface-quiet); transition:border-color 160ms ease,transform 160ms ease; }
.bm-sales .bm-gallery-rail>a:hover,.bm-sales .bm-gallery-rail>a:focus-visible { border-color:var(--bm-product-accent); transform:translateY(-1px); }
.bm-sales .bm-gallery-rail>a img { display:block; width:100%; height:100%; max-height:none; object-fit:contain; aspect-ratio:auto; }
.bm-sales .bm-gallery-rail .gallery-zoom-mark { position:absolute; bottom:5px; right:5px; padding:3px; background:rgba(10,17,22,.75); border-radius:5px; }
.bm-sales .bm-gallery-help { margin:2px 0 0; font-size:12px; line-height:1.45; color:var(--color-text-muted); }
.bm-sales .bm-sales-documentation { padding:clamp(36px,4vw,62px) 0; border-top:1px solid var(--color-border-soft); background:rgba(255,255,255,.014); }
.bm-sales .bm-documentation-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(205px,245px); gap:clamp(34px,4.5vw,76px); align-items:start; }
.bm-sales .bm-documentation-chapters { max-width:none; min-width:0; }
.bm-sales .bm-technical-chapter { border-top:1px solid var(--color-border-soft); padding:clamp(24px,2.4vw,36px) 0; min-width:0; }
.bm-sales .bm-technical-chapter:first-child { border-top:0; padding-top:0; }
.bm-sales .bm-technical-chapter>h2 { font-size:clamp(23px,2.05vw,30px); letter-spacing:-.015em; line-height:1.25; margin:0 0 18px; max-width:30ch; }
.bm-sales .bm-technical-chapter>h2:first-child { margin-top:0; }
.bm-sales .bm-technical-chapter li { line-height:1.68; }
.bm-sales .bm-technical-chapter>ol,.bm-sales .bm-technical-chapter>ul { padding-left:24px; }
.bm-sales .bm-technical-chapter li+li { margin-top:11px; }
.bm-sales .bm-technical-chapter details { max-width:100%; }
.bm-sales .bm-doc-navigation>div { position:sticky; top:22px; padding:20px; border:1px solid var(--color-border-soft); border-radius:var(--radius-md); background:var(--color-surface); }
.bm-sales .bm-doc-navigation h3 { font-size:15px; margin:0 0 14px; }
.bm-sales .bm-doc-navigation nav { display:grid; gap:3px; max-height:min(55vh,550px); overflow-y:auto; padding-right:3px; }
.bm-sales .bm-doc-navigation nav a { display:block; text-decoration:none; font-size:13px; line-height:1.45; color:var(--color-text-muted); padding:7px 0; overflow-wrap:anywhere; }
.bm-sales .bm-doc-navigation nav a:hover,.bm-sales .bm-doc-navigation nav a:focus-visible { color:var(--bm-product-accent); }
.bm-sales .bm-doc-navigation .btn { width:100%; margin-top:18px; min-width:0; }
.bm-sales .bm-sales-conditions { padding-block:40px 52px; }
.bm-sales .bm-sales-lastcall { margin-bottom:clamp(24px,3.5vw,52px); }
.bm-sales .bm-sales-lastcall .section-overline { overflow-wrap:anywhere; }

/* Content-aware editorial chapters. These classes are mapped to the precise
   original text sections (per product) in app/views/product.php. No paragraphs
   or lists are shortened or moved into hidden tabs. */
.bm-sales .bm-documentation-chapters .bm-technical-chapter { min-width:0; border-top:1px solid var(--color-border-soft); padding-block:clamp(25px,3vw,44px); }
.bm-sales .bm-documentation-chapters .bm-technical-chapter:first-child { padding-top:0; }
.bm-sales .bm-documentation-chapters .bm-technical-chapter>h2 { max-width:none; text-wrap:pretty; line-height:1.22; margin:0 0 17px; }
.bm-sales .bm-technical-chapter>p { max-width:78ch; }
/* A promise/problem introduction needs readable prose rather than a grid of cards. */
.bm-sales .bm-chapter--intro { padding-bottom:clamp(34px,3vw,50px); }
.bm-sales .bm-chapter--intro>p:first-of-type { font-size:clamp(18px,1.5vw,21px); color:var(--color-text); line-height:1.56; }
.bm-sales .bm-chapter--intro>p { max-width:74ch; }
/* How-to and technical workflow: the explanatory title stays alongside the full steps. */
.bm-sales .bm-chapter-group--operation { display:grid; grid-template-columns:minmax(0, .38fr) minmax(0,.62fr); column-gap:clamp(18px,3vw,36px); align-items:start; }
.bm-sales .bm-chapter-group--operation>h2:first-child { grid-column:1; grid-row:1 / span 30; font-size:clamp(21px,1.85vw,27px); margin:0; }
.bm-sales .bm-chapter-group--operation>*:not(h2:first-child) { grid-column:2; min-width:0; }
.bm-sales .bm-chapter-group--operation>p:first-of-type { margin-top:2px; }
/* Rules, restrictions and safety notes have a restrained visual distinction. */
.bm-sales .bm-chapter-group--safety { border-left:3px solid var(--bm-product-accent); padding-left:clamp(15px,2.5vw,27px); }
.bm-sales .bm-chapter-group--safety>h2 { font-size:clamp(23px,2.15vw,30px); }
.bm-sales .bm-chapter--cautions { border-left-color:#e4bb8c; }
/* Lists of concrete capabilities must scan as capabilities, not undifferentiated prose. */
.bm-sales .bm-chapter--capabilities>ul,.bm-sales .bm-chapter--benefits>ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 23px; list-style:none; padding:0; margin:19px 0; }
.bm-sales .bm-chapter--capabilities>ul li,.bm-sales .bm-chapter--benefits>ul li { margin:0; padding:0 0 12px 18px; border-bottom:1px solid var(--color-border-soft); position:relative; }
.bm-sales .bm-chapter--capabilities>ul li::before,.bm-sales .bm-chapter--benefits>ul li::before { content:'+'; position:absolute; left:0; font-weight:700; color:var(--bm-product-accent); }
.bm-sales .bm-chapter--features>ul { list-style:disc; }
/* Tutorials/set-up sections receive sequential rather than decorative treatment. */
.bm-sales .bm-chapter--setup>ol,.bm-sales .bm-chapter--workflow>ol { list-style:none; padding:0; counter-reset:step; }
.bm-sales .bm-chapter--setup>ol>li,.bm-sales .bm-chapter--workflow>ol>li { counter-increment:step; padding:13px 0 15px 42px; position:relative; border-bottom:1px solid var(--color-border-soft); }
.bm-sales .bm-chapter--setup>ol>li::before,.bm-sales .bm-chapter--workflow>ol>li::before { content:counter(step,decimal-leading-zero); position:absolute; top:16px; left:0; color:var(--bm-product-accent); font-size:12px; font-weight:800; }
/* Comparison tables get full available width, keyboard scroll remains inside them. */
.bm-sales .bm-chapter--comparison { border-top:2px solid var(--bm-product-accent); }
.bm-sales .bm-chapter--comparison .spec-table-scroll { max-width:100%; }
.bm-sales .bm-chapter--comparison table th { background:var(--bm-product-soft); }
/* Detailed FAQ is an actual question/answer surface: preserve native details. */
.bm-sales .bm-chapter--faq details { border:1px solid var(--color-border-soft); border-radius:9px; margin:0 0 9px; overflow:hidden; background:var(--color-surface); }
.bm-sales .bm-chapter--faq details summary { padding:15px 17px; cursor:pointer; font-weight:650; line-height:1.45; }
.bm-sales .bm-chapter--faq details[open] { border-color:var(--bm-product-accent); }
.bm-sales .bm-chapter--faq details>*:not(summary) { margin:12px 17px; }
.bm-sales .bm-technical-chapter :where(table,pre,iframe) { max-width:100%; }
.bm-sales .bm-chapter--summary>p { font-size:17px; color:var(--color-text); }
@media (max-width:800px) {
 .bm-sales .bm-chapter-group--operation { display:block; }
 .bm-sales .bm-chapter-group--operation>h2:first-child { margin-bottom:15px; }
 .bm-sales .bm-chapter--capabilities>ul,.bm-sales .bm-chapter--benefits>ul { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:540px) {
 .bm-sales .bm-gallery-rail>a { width:112px; height:78px; }
 .bm-sales .bm-demo-gallery { margin-top:11px; }
 .bm-sales .bm-gallery-help { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
 .bm-sales .bm-gallery-rail { scroll-behavior:auto; }
 .bm-sales .bm-gallery-rail>a,.bm-sales .bm-gallery-buttons button { transition:none; transform:none; }
}
@media (max-width:1050px) {
 .bm-sales .bm-sales-hero { grid-template-columns:minmax(0,1fr) minmax(262px,.7fr); gap:20px; }
 .bm-sales .bm-story-layout { gap:30px; }
 .bm-sales .bm-documentation-grid { grid-template-columns:minmax(0,1fr) 200px; gap:22px; }
}
@media (max-width:760px) {
 .bm-sales .bm-sales-heading h1 { font-size:clamp(30px,6.8vw,43px); }
 .bm-sales .bm-sales-hero { grid-template-columns:minmax(0,1fr); }
 .bm-sales .bm-sales-checkout { grid-template-columns:minmax(0,1fr); gap:13px; }
 .bm-sales .bm-story-layout { grid-template-columns:minmax(0,1fr); gap:30px; }
 .bm-sales .bm-story-narrative h2 { max-width:none; }
 .bm-sales .bm-documentation-grid { display:block; }
 .bm-sales .bm-doc-navigation { display:none; }
}
@media (max-width:540px) {
 .bm-sales .landing-breadcrumb { margin:16px 0 19px; }
 .bm-sales .bm-sales-heading { margin-bottom:21px; }
 .bm-sales .bm-sales-heading h1 { font-size:clamp(29px,8vw,38px); letter-spacing:-.035em; }
 .bm-sales .bm-sales-standfirst { font-size:16px; }
 .bm-sales .bm-sales-hero { gap:18px; }
 .bm-sales .bm-sales-checkout .sales-purchase-summary { padding:20px; }
 .bm-sales .bm-sales-jumps { gap:3px 17px; padding-block:15px; }
 .bm-sales .bm-sales-jumps a { font-size:13px; }
 .bm-sales .bm-sales-story { padding-block:39px; }
 .bm-sales .bm-story-diagram { padding:19px; }
 .bm-sales .bm-story-narrative h2 { font-size:29px; }
 .bm-sales .bm-flow-children { gap:5px; }
 .bm-sales .bm-flow-children span { font-size:12px; padding:9px 5px; }
 .bm-sales .bm-twoway,.bm-sales .bm-oneway { gap:7px; }
 .bm-sales .bm-twoway>div,.bm-sales .bm-oneway>div { font-size:13px; padding:18px 6px; }
 .bm-sales .bm-benefit-grid { grid-template-columns:1fr; }
 .bm-sales .bm-benefit-item { padding:18px 0; }
 .bm-sales .bm-technical-chapter>h2 { max-width:none; font-size:23px; }
}
.bm-sales .bm-more-feature-list { list-style:none; padding:18px 0 0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:38px; row-gap:18px; }
.bm-sales .bm-more-feature-list li { display:flex; gap:11px; align-items:flex-start; color:var(--color-text-muted); line-height:1.55; }
.bm-sales .bm-more-feature-list li svg { flex:none; margin-top:4px; color:var(--bm-product-accent); }
@media(max-width:540px) { .bm-sales .bm-more-feature-list { grid-template-columns:minmax(0,1fr); gap:15px; } }
/* Shared mechanics, only opted-in landings. Every product supplies its own narrative. */
.lp-page{--lp-accent:#c9df8a;--lp-muted:#b1c1c9;--lp-line:#2b3c44;color:#eaf1f4;background:#0b131a}
.lp-page *{box-sizing:border-box;min-width:0}
.lp-page .lp-hero{padding-block:22px 0}
.lp-page .lp-breadcrumb{font-size:13px;display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}
.lp-page .lp-heading h1{font-size:clamp(31px,4vw,58px);line-height:1.1;letter-spacing:-.045em;width:100%;max-width:none;white-space:normal;margin:16px 0}
.lp-page .section-overline{color:var(--lp-accent);font-size:12px;letter-spacing:.09em;line-height:1.5}
.lp-page .lp-lead{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#bfd0d7;max-width:95ch;margin:0}
.lp-page .lp-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:clamp(24px,4vw,64px);margin-top:30px;align-items:start}
.lp-page .lp-media{width:100%}
.lp-page .product-demo{border:1px solid var(--lp-line);border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#101c24;width:100%}
.lp-page .video-cover{display:block;position:relative;aspect-ratio:16/9;width:100%;height:auto;padding:0;border:0;cursor:pointer;background:#101c24}
.lp-page .video-cover img{display:block;width:100%;height:100%;object-fit:contain}
.lp-page .product-demo iframe{width:100%;height:100%;border:0;display:block}
.lp-page .video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e5f0dd;color:#132318}
.lp-page .lp-purchase{padding:12px 0 0}
.lp-page .lp-price-label{font-size:13px;color:var(--lp-muted);margin:0 0 8px}
.lp-page .lp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}
.lp-page .lp-price strong{font-size:46px;letter-spacing:-.04em;line-height:1.15;color:#f5f9f1}
.lp-page .lp-price span{font-size:14px}
.lp-page .lp-price del{color:#a1b1bb;font-size:16px;margin-left:10px}
.lp-page .lp-payment,.lp-page .lp-buy-note{font-size:13px;line-height:1.65;color:var(--lp-muted);margin:14px 0}
.lp-page .lp-buy{display:flex;align-items:center;justify-content:center;gap:15px;white-space:normal;min-height:50px;padding:12px 20px;background:var(--lp-accent);border-color:var(--lp-accent);color:#132019;font-size:15px;text-align:center;border-radius:8px}
.lp-page .lp-compat{border-top:1px solid var(--lp-line);margin-top:24px;padding-top:20px}
.lp-page .lp-compat h2{font-size:17px;margin:0 0 12px}
.lp-page .lp-compat p{font-size:14px;line-height:1.65;color:var(--lp-muted);margin:0 0 12px}
.lp-page .lp-compat a,.lp-page .lp-content a{color:var(--lp-accent);text-decoration:underline;text-underline-offset:4px}
.lp-page .bm-demo-gallery{margin:16px 0 0}
.lp-page .bm-demo-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:10px}
.lp-page .bm-demo-gallery-head small{color:var(--lp-muted);margin-left:8px}
.lp-page .bm-gallery-buttons{display:flex;gap:8px}
.lp-page .bm-gallery-buttons button{width:44px;height:44px;border:1px solid #49616b;background:#152731;color:#e7f0ed;display:grid;place-items:center;border-radius:7px;cursor:pointer}
.lp-page [data-rail-prev] svg{transform:rotate(90deg)}
.lp-page [data-rail-next] svg{transform:rotate(-90deg)}
.lp-page .bm-gallery-rail{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x mandatory;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}
.lp-page .bm-gallery-rail>a{width:145px;height:94px;flex:none;display:grid;place-items:center;position:relative;border:1px solid #354c57;border-radius:8px;padding:5px;background:#101d27;scroll-snap-align:start}
.lp-page .bm-gallery-rail img{width:100%;height:100%;max-width:100%;max-height:82px;object-fit:contain}
.lp-page .gallery-zoom-mark{position:absolute;bottom:5px;right:5px;background:#12201fe8;padding:3px;border-radius:4px;color:#ecf4e8}
.lp-page .lp-youtube{display:inline-flex;align-items:center;gap:10px;margin-top:8px;color:#bbd1d8;font-size:13px;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.lp-page .lp-chapter-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--lp-line);margin-top:30px}
.lp-page .lp-chapter-nav a{font-size:14px;color:#c9d7dc;min-height:40px;display:flex;align-items:center;text-decoration:none}
.lp-page .lp-content{padding-bottom:0}
.lp-page .lp-chapter{padding:clamp(42px,5vw,76px) 0;border-bottom:1px solid var(--lp-line);font-size:16px;line-height:1.8;color:#b8c9d1}
.lp-page .lp-chapter h2{font-size:clamp(26px,2.9vw,40px);line-height:1.25;letter-spacing:-.03em;color:#eef5f4;margin:0 0 26px;max-width:none}
.lp-page .lp-chapter h3{font-size:22px;line-height:1.35;color:#ebf3f2;margin:30px 0 14px}
.lp-page .lp-chapter p{margin:0 0 20px;max-width:94ch}
.lp-page .lp-chapter strong{color:#e3edee;font-weight:650}
.lp-page .lp-chapter li{padding-block:5px}
.lp-page .lp-chapter ul,.lp-page .lp-chapter ol{padding-left:23px;margin:16px 0 24px}
.lp-page .lp-chapter blockquote{margin:25px 0;padding:20px 24px;border-left:3px solid var(--lp-accent);background:#12212a;max-width:90ch}
.lp-page .lp-chapter blockquote p{margin:0}
.lp-page .lp-section-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:26px}
.lp-page .lp-section-heading h2{margin:0}
.lp-page .lp-section-number{font:600 15px 'Space Grotesk',sans-serif;color:var(--lp-accent)}
.lp-page .lp-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--lp-line);border-radius:8px}
.lp-page table{width:100%;min-width:550px;border-collapse:collapse;text-align:left}
.lp-page th,.lp-page td{padding:16px;border-bottom:1px solid var(--lp-line);vertical-align:top;font-size:15px}
.lp-page th{background:#182b33;color:#f0f5f0}
.lp-page .lp-conditions{padding-block:44px}
.lp-page .lp-conditions h2{font-size:26px}
.lp-page .lp-conditions ul{padding-left:20px;color:var(--lp-muted);font-size:15px;line-height:1.8}
.lp-page .lp-final{background:#142630;padding-block:50px}
.lp-page .lp-final-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;align-items:center}
.lp-page .lp-final h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:14px 0}
.lp-page .lp-final p{color:var(--lp-muted);line-height:1.7}
.lp-page .lp-final-inner>div:last-child{display:grid;gap:15px;justify-self:end;width:min(100%,330px)}
.lp-page .lp-final strong{font-size:38px}
.lp-page .lp-final small{font-size:15px}
.lp-page :focus-visible{outline:3px solid #dfecaf;outline-offset:4px}
@media(max-width:760px){
 .lp-page .lp-hero{padding-top:17px}
 .lp-page .lp-breadcrumb{margin-bottom:16px;font-size:12px}
 .lp-page .lp-heading h1{font-size:clamp(29px,6.4vw,44px);line-height:1.12;letter-spacing:-.04em;margin:12px 0}
 .lp-page .lp-lead{font-size:15px;line-height:1.6}
 .lp-page .lp-hero-grid{display:flex;flex-direction:column;margin-top:22px;gap:0}
 .lp-page .lp-media,.lp-page .lp-purchase{display:contents}
 .lp-page .product-demo{order:1}
 .lp-page .lp-price-label{order:2;margin-top:18px}
 .lp-page .lp-price{order:3}
 .lp-page .lp-price strong{font-size:37px}
 .lp-page .lp-payment{order:4;margin:8px 0 12px}
 .lp-page .lp-buy{order:5;width:100%}
 .lp-page .bm-demo-gallery{order:6;width:100%;margin-top:18px}
 .lp-page .lp-youtube{order:7;margin-top:4px}
 .lp-page .lp-buy-note{order:8;margin:10px 0 0}
 .lp-page .lp-compat{order:9;width:100%;padding:18px 0 0;margin-top:18px}
 .lp-page .lp-chapter-nav{gap:0 20px;margin-top:18px;padding:12px 0}
 .lp-page .lp-chapter-nav a{font-size:13px;min-height:44px}
 .lp-page .lp-chapter{font-size:15px;line-height:1.75;padding-block:40px}
 .lp-page .lp-chapter h2{font-size:27px;line-height:1.25}
 .lp-page .lp-chapter h3{font-size:21px}
 .lp-page .lp-final-inner{display:block}
 .lp-page .lp-final-inner>div:last-child{margin-top:25px;width:100%;max-width:360px}
}
@media(prefers-reduced-motion:reduce){.lp-page *,.lp-page *::before,.lp-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Stage 02: rules, protected states and recovery methods. */
.lp-emotional{--lp-accent:#d4e69f}
.lp-emotional .lp-rationale{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 44px}
.lp-emotional .lp-rationale h2{grid-row:span 4}
.lp-emotional .lp-rationale>ul{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;padding-left:20px;margin-top:24px}
.lp-emotional .lp-steps{display:flex;gap:18px;list-style:none!important;padding:0!important;margin:0 0 32px!important}
.lp-emotional .lp-steps>li{flex:1;display:flex;align-items:start;gap:12px;font-size:15px;border-top:2px solid #657845;padding-top:16px}
.lp-emotional .lp-item-index{color:var(--lp-accent);font:600 15px 'Space Grotesk',sans-serif;flex:none}
.lp-emotional .lp-rule-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 34px;background:#11212a;border-radius:12px;padding:28px}
.lp-emotional .lp-rule-families h3{font-size:18px;margin:0 0 14px;color:#dce8b7}
.lp-emotional .lp-rule-families ul{margin:0;padding-left:18px;font-size:14px}
.lp-emotional .lp-parameter-details{margin-top:44px}
.lp-emotional .lp-parameter-details>ul{list-style:none;padding:0}
.lp-emotional .lp-parameter-details>ul>li{display:block;padding:22px 0;border-bottom:1px solid var(--lp-line);max-width:100ch}
.lp-emotional .lp-parameter-details>ul>li strong:first-child{display:block;font-size:19px;margin-bottom:8px;color:#e6eece}
.lp-emotional .lp-state-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:start}
.lp-emotional .lp-states{margin:0;background:#142630;border-radius:12px;padding:24px;position:sticky;top:24px}
.lp-emotional .lp-states figcaption{font-size:12px;letter-spacing:.05em;color:var(--lp-accent)}
.lp-emotional .lp-states ol{padding:0;list-style:none;margin:20px 0 0}
.lp-emotional .lp-states li{display:flex;gap:15px;border-top:1px solid #3d5057;padding:22px 0}
.lp-emotional .lp-states li>span{flex:none;color:var(--lp-accent)}
.lp-emotional .lp-states h3{font-size:19px;margin:0 0 8px}
.lp-emotional .lp-states p{font-size:14px;margin:0}
.lp-emotional .lp-immutable{padding-left:30px;border-left:3px solid #c9d899;margin-block:40px;background:#111f26;padding-right:30px}
.lp-emotional .lp-immutable h2{font-size:clamp(25px,2.6vw,35px)}
.lp-emotional .lp-unlock>ol{display:grid;grid-template-columns:1fr 1fr;gap:36px;list-style:none;padding:0}
.lp-emotional .lp-unlock>ol>li{border-top:2px solid #8b9e62;padding-top:24px}
.lp-emotional .lp-unlock>ol>li>strong:first-child{display:block;font-size:22px;margin-bottom:16px}
.lp-emotional .lp-eligibility{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.lp-emotional .lp-eligibility h2{grid-column:1/-1}
.lp-emotional .lp-eligibility>p:last-child{background:#172931;padding:24px;border-radius:8px}
.lp-emotional .lp-passwords{max-width:1080px}
.lp-emotional .lp-security>ol{display:flex;list-style:none;padding:0;gap:30px}
.lp-emotional .lp-security>ol>li{flex:1;border-left:2px solid #84915d;padding:4px 0 4px 20px}
.lp-emotional .lp-instructor{display:grid;grid-template-columns:.75fr 1.25fr;gap:0 42px}
.lp-emotional .lp-instructor h2{grid-row:span 9}
.lp-emotional .lp-instructor>p{grid-column:2}
.lp-emotional .lp-devices{max-width:1050px}
.lp-emotional .lp-integration{max-width:1050px}
@media(max-width:760px){
.lp-emotional .lp-rationale,.lp-emotional .lp-state-story,.lp-emotional .lp-eligibility,.lp-emotional .lp-instructor{display:block}
.lp-emotional .lp-rationale>ul{display:block}
.lp-emotional .lp-rationale>ul>li{margin-bottom:14px}
.lp-emotional .lp-steps{display:block}
.lp-emotional .lp-steps>li{padding-block:17px;border-top:1px solid var(--lp-line)}
.lp-emotional .lp-rule-families{grid-template-columns:1fr 1fr;padding:20px;gap:24px 20px}
.lp-emotional .lp-rule-families>section:nth-child(2){grid-column:1/-1;grid-row:2}
.lp-emotional .lp-rule-families ul{font-size:14px}
.lp-emotional .lp-states{position:static;margin-bottom:32px;padding:20px}
.lp-emotional .lp-immutable{padding:30px 20px}
.lp-emotional .lp-unlock>ol{display:block}
.lp-emotional .lp-unlock>ol>li{margin-top:28px}
.lp-emotional .lp-security>ol{display:block}
.lp-emotional .lp-security>ol>li{margin-block:24px}
}
@media(max-width:350px){.lp-emotional .lp-rule-families{display:block}.lp-emotional .lp-rule-families>section+section{margin-top:26px}}

.lp-emotional .lp-lock-durations{font-size:13px;line-height:1.6;margin:12px 0 0}
.lp-emotional .lp-lock-durations>div{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;border-top:1px solid #40505a;padding:14px 0}
.lp-emotional .lp-lock-durations dt{color:#e6eecd;font-weight:600}
.lp-emotional .lp-lock-durations dd{margin:0;color:#c5d3d9}
/* Stage 03: drawn trades, analysis and comparison. No fabricated performance. */
.lp-backtester{--lp-accent:#a9dce9}
.lp-backtester .lp-backtest-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 48px}
.lp-backtester .lp-backtest-intro h2{grid-row:span 3}
.lp-backtester .lp-backtest-intro p{grid-column:2}
.lp-backtester .lp-backtest-prepare{display:grid;grid-template-columns:1.15fr .85fr;gap:24px 56px;align-items:start}
.lp-backtester .lp-trade-sequence{margin:0;background:#12242e;padding:26px;border-radius:10px}
.lp-backtester .lp-trade-sequence figcaption{font-size:12px;color:#afdbe8;line-height:1.6}
.lp-backtester .lp-trade-sequence ol{list-style:none;padding:0;margin:16px 0 0}
.lp-backtester .lp-trade-sequence li{display:flex;align-items:center;gap:20px;border-top:1px solid #3b5660;padding-block:18px}
.lp-backtester .lp-trade-sequence li>span{color:var(--lp-accent);font-family:'Space Grotesk',sans-serif}
.lp-backtester .lp-backtest-operations{grid-column:1/-1;list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.lp-backtester .lp-item-index{color:#98d2df;font:600 14px 'Space Grotesk',sans-serif;display:block;margin-bottom:12px}
.lp-backtester li>div>strong:first-child{display:block;font-size:21px;line-height:1.4;margin-bottom:12px}
.lp-backtester .lp-backtest-metrics{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.lp-backtester .lp-backtest-metrics dl{margin:0;border-top:2px solid #70a6b6}
.lp-backtester .lp-backtest-metrics dl>div{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--lp-line);align-items:baseline}
.lp-backtester .lp-backtest-metrics dt{color:#8cb7c5;font:600 14px 'Space Grotesk',sans-serif}
.lp-backtester .lp-backtest-metrics dd{font-size:21px;color:#e3f0f3;line-height:1.45;margin:0}
.lp-backtester .lp-scenario-model{margin:28px 0 35px;background:#152731;padding:25px;border-radius:10px}
.lp-backtester .lp-scenario-model figcaption{color:#bdd4dc;font-size:13px;margin-bottom:25px}
.lp-backtester .lp-scenario-track{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;gap:20px;align-items:center}
.lp-backtester .lp-scenario-track strong{font-size:19px;line-height:1.45;text-align:center}
.lp-backtester .lp-scenario-track svg{width:100%;stroke:#95c4d1;fill:none;stroke-width:1.5}
.lp-backtester .lp-scenario-comparison,.lp-backtester .lp-risk-comparison,.lp-backtester .lp-simulation,.lp-backtester .lp-journal-export{padding:0!important;list-style:none;margin:0!important;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.lp-backtester .lp-backtest-risk{display:grid;grid-template-columns:.5fr 1.5fr;gap:40px}
.lp-backtester .lp-backtest-risk-title>span{font-size:40px;color:#a9dce9;letter-spacing:.06em}
.lp-backtester .lp-backtest-risk-title h2{font-size:30px;margin-top:16px}
.lp-backtester .lp-risk-comparison{display:block}
.lp-backtester .lp-risk-comparison>li{padding:20px 0;border-bottom:1px solid var(--lp-line)}
.lp-backtester .lp-backtest-export{display:grid;grid-template-columns:.65fr 1.35fr;gap:0 50px}
.lp-backtester .lp-journal-export{display:block}
.lp-backtester .lp-journal-export>li{margin-bottom:24px}
.lp-backtester .lp-backtest-quote{grid-column:1/-1;margin-top:20px}
.lp-backtester .lp-backtest-quote blockquote{max-width:none}
@media(max-width:760px){
.lp-backtester .lp-backtest-intro,.lp-backtester .lp-backtest-prepare,.lp-backtester .lp-backtest-metrics,.lp-backtester .lp-backtest-risk,.lp-backtester .lp-backtest-export{display:block}
.lp-backtester .lp-backtest-operations,.lp-backtester .lp-scenario-comparison,.lp-backtester .lp-simulation{display:block}
.lp-backtester .lp-backtest-operations>li,.lp-backtester .lp-scenario-comparison>li,.lp-backtester .lp-simulation>li{padding-top:22px;margin-top:22px;border-top:1px solid var(--lp-line)}
.lp-backtester .lp-backtest-metrics dl{margin-top:28px}
.lp-backtester .lp-backtest-metrics dd{font-size:20px}
.lp-backtester .lp-scenario-track{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.lp-backtester .lp-scenario-track strong{text-align:left;font-size:18px}
.lp-backtester .lp-scenario-track svg{width:36px;height:30px;transform:rotate(90deg);margin:6px}
.lp-backtester .lp-scenario-model{padding:22px}
.lp-backtester .lp-backtest-risk-title{display:flex;gap:20px;align-items:center}
.lp-backtester .lp-backtest-risk-title h2{font-size:27px}
.lp-backtester .lp-trade-sequence{padding:20px}
}
/* Stage 04: visual trade planning and live management. */
.lp-risk{--lp-accent:#edc9a4}
.lp-risk .lp-arr-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:0 50px}
.lp-risk .lp-arr-intro h2{grid-row:span 6}
.lp-risk .lp-arr-intro p{grid-column:2}
.lp-risk .arr-overview-groups{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:30px}
.lp-risk .arr-overview-groups h3{font-size:20px;margin:0 0 18px;color:#edc9a4}
.lp-risk .arr-overview-groups ul{padding-left:18px;font-size:14px;margin:0}
.lp-risk .arr-overview-groups li{margin-bottom:11px}
.lp-risk .arr-planning-intro>h2:first-child{font-size:16px;color:#d8bda4;letter-spacing:.03em;margin-bottom:18px}
.lp-risk .arr-planning-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start;margin-top:35px}
.lp-risk .arr-risk-diagram{margin:0;background:#15262e;padding:25px;border-radius:10px;position:sticky;top:24px}
.lp-risk .arr-risk-diagram figcaption{font-size:12px;line-height:1.65;color:#d7c0aa;margin-bottom:20px}
.lp-risk .arr-risk-diagram svg{width:100%;max-width:450px;display:block;margin:auto}
.lp-risk .arr-risk-diagram path{stroke:#d4d6c5;stroke-width:1.5;fill:none}
.lp-risk .arr-reward-zone{fill:#23413d}
.lp-risk .arr-risk-zone{fill:#483430}
.lp-risk .arr-risk-diagram text{font:600 17px sans-serif;fill:#edf3e9}
.lp-risk .arr-risk-diagram .arr-zone-label{font-size:16px;font-weight:400}
.lp-risk .arr-detail h3{font-size:24px;margin:0 0 18px;line-height:1.3;color:#f1e1d0}
.lp-risk .arr-detail p:last-child{margin-bottom:0}
.lp-risk .arr-position-details .arr-detail+.arr-detail{margin-top:36px;padding-top:28px;border-top:1px solid var(--lp-line)}
.lp-risk .arr-group-title{font-size:30px;margin-bottom:30px}
.lp-risk .arr-stop-comparison{margin-top:45px;border-top:1px solid var(--lp-line);padding-top:40px}
.lp-risk .arr-stop-comparison .arr-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}
.lp-risk .arr-stop-comparison h3,.lp-risk .arr-stop-comparison p:first-of-type{grid-column:1/-1}
.lp-risk .arr-stop-comparison p:not(:first-of-type){background:#142630;padding:24px;margin-bottom:0}
.lp-risk .lp-arr-entry{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}
.lp-risk .arr-entry-heading{position:sticky;top:24px}
.lp-risk .arr-real-panel{margin:25px 0 0}
.lp-risk .arr-real-panel img{width:100%;max-width:420px;height:auto;border-radius:8px;border:1px solid var(--lp-line)}
.lp-risk .arr-real-panel figcaption{font-size:13px;line-height:1.7;margin-top:12px;color:#c0ccd0}
.lp-risk .arr-execution-sequence{counter-reset:action}
.lp-risk .arr-execution-sequence .arr-detail{counter-increment:action;position:relative;padding-left:38px;margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid var(--lp-line)}
.lp-risk .arr-execution-sequence .arr-detail:before{content:counter(action,decimal-leading-zero);position:absolute;top:0;left:0;font:600 13px 'Space Grotesk',sans-serif;color:#edc9a4}
.lp-risk .arr-execution-sequence .arr-detail h3{font-size:23px}
.lp-risk .arr-target-choices{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:36px}
.lp-risk .arr-target-distribution{background:#172830;border-top:2px solid #d5ac85;padding:30px;margin-bottom:36px;border-radius:0 0 10px 10px}
.lp-risk .arr-target-distribution .arr-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.lp-risk .arr-target-distribution h3{grid-column:1/-1}
.lp-risk .arr-visual-references{max-width:100ch}
.lp-risk .arr-protection-comparison{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.lp-risk .arr-protection-comparison .arr-detail{border-top:2px solid #ab947f;padding-top:26px}
.lp-risk .arr-setting-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}
.lp-risk .lp-arr-summary{display:grid;grid-template-columns:.5fr 1.5fr;gap:0 40px}
.lp-risk .lp-arr-summary h2{grid-row:span 3}
.lp-risk .lp-arr-summary p{grid-column:2}
@media(max-width:760px){
.lp-risk .lp-arr-intro,.lp-risk .arr-planning-grid,.lp-risk .lp-arr-entry,.lp-risk .arr-stop-comparison .arr-detail,.lp-risk .arr-target-distribution .arr-detail,.lp-risk .arr-protection-comparison,.lp-risk .arr-setting-pair,.lp-risk .lp-arr-summary{display:block}
.lp-risk .arr-overview-groups{display:block}
.lp-risk .arr-overview-groups>section{border-top:1px solid var(--lp-line);padding-top:24px;margin-top:24px}
.lp-risk .arr-overview-groups ul{font-size:15px}
.lp-risk .arr-risk-diagram,.lp-risk .arr-entry-heading{position:static}
.lp-risk .arr-risk-diagram{padding:20px;margin-bottom:30px}
.lp-risk .arr-risk-diagram svg{max-width:370px}
.lp-risk .arr-detail h3{font-size:22px}
.lp-risk .arr-stop-comparison p:not(:first-of-type){margin-top:14px;padding:20px}
.lp-risk .arr-real-panel img{max-width:320px}
.lp-risk .arr-real-panel{margin-bottom:32px}
.lp-risk .arr-execution-sequence .arr-detail{padding-left:32px}
.lp-risk .arr-target-choices{display:block}
.lp-risk .arr-target-choices .arr-detail+.arr-detail,.lp-risk .arr-setting-pair .arr-detail+.arr-detail{margin-top:30px}
.lp-risk .arr-target-distribution{padding:24px 20px}
.lp-risk .arr-protection-comparison .arr-detail+.arr-detail{margin-top:30px}
}
/* Stage 05: two explicit copying routes between distinct platforms. */
.lp-bidirectional{--lp-accent:#d4c3f1}
.lp-bidirectional .lp-bridge-intro>h2:first-child{font-size:24px;color:#cabbdf}
.lp-bidirectional .lp-bridge-intro>h2:nth-child(2){max-width:40ch}
.lp-bidirectional .lp-bridge-intro>p:last-child{padding:24px;border-left:3px solid #c1a5e3;background:#18242f;margin-top:28px}
.lp-bidirectional .lp-bridge-directions>h2:first-child{font-size:16px;color:#c8b9db;margin-bottom:18px}
.lp-bidirectional .bridge-direction-pair{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-block:30px}
.lp-bidirectional .bridge-direction-pair figure{margin:0;background:#15242e;border-radius:10px;padding:22px}
.lp-bidirectional .bridge-direction-pair figcaption{font-size:16px;color:#e7dcf5;margin-bottom:22px;line-height:1.6}
.lp-bidirectional .bridge-direction-pair figcaption>span{color:#c6ace5;font:600 14px 'Space Grotesk',sans-serif;margin-right:10px}
.lp-bidirectional .bridge-direction-pair svg{width:100%;display:block}
.lp-bidirectional .bridge-direction-pair rect{fill:#1c303a;stroke:#788692;stroke-width:1}
.lp-bidirectional .bridge-direction-pair path{stroke:#cebbe7;fill:none;stroke-width:2}
.lp-bidirectional .bridge-direction-pair text{fill:#edf2f3;font:600 18px sans-serif}
.lp-bidirectional .bridge-direction-pair .bridge-svg-label{fill:#cbbddd;font-size:16px;font-weight:400}
.lp-bidirectional .bridge-direction-pair .bridge-route-mobile{display:none;max-width:380px;margin:auto}
.lp-bidirectional .lp-bridge-origins,.lp-bidirectional .lp-bridge-parameters,.lp-bidirectional .lp-bridge-execution-copy,.lp-bidirectional .lp-bridge-account-settings,.lp-bidirectional .lp-bridge-market-explanation,.lp-bidirectional .lp-bridge-compatibility{list-style:none;padding:0;margin:0}
.lp-bidirectional .lp-item-index{color:#c7b4e1;font:600 13px 'Space Grotesk',sans-serif;flex:none}
.lp-bidirectional .lp-bridge-origins{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}
.lp-bidirectional .lp-bridge-origins>li{border-top:1px solid #60576f;padding-top:20px}
.lp-bidirectional .lp-bridge-origins .lp-item-index{display:block;margin-bottom:12px}
.lp-bidirectional li>div>strong:first-child{color:#ebdef7}
.lp-bidirectional .lp-bridge-parameters>li{display:grid;grid-template-columns:40px 1fr;gap:18px;border-top:1px solid var(--lp-line);padding:26px 0}
.lp-bidirectional .lp-bridge-parameters>li>div>strong:first-child{display:block;font-size:23px;line-height:1.4;margin-bottom:13px}
.lp-bidirectional .lp-bridge-execution{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px 55px;align-items:start}
.lp-bidirectional .bridge-position-events{list-style:none;padding:0;margin:0;font-size:18px}
.lp-bidirectional .bridge-position-events li{display:flex;gap:17px;border-top:1px solid #53606d;padding-block:16px}
.lp-bidirectional .bridge-position-events span{color:#bba4db;font:600 14px 'Space Grotesk',sans-serif;align-self:center}
.lp-bidirectional .lp-bridge-execution-copy>li{display:block;background:#182935;padding:28px;border-radius:10px}
.lp-bidirectional .lp-bridge-execution-copy .lp-item-index{display:none}
.lp-bidirectional .lp-bridge-execution-copy strong:first-child{display:block;font-size:25px;line-height:1.4;margin-bottom:15px}
.lp-bidirectional .bridge-account-control{grid-column:1/-1}
.lp-bidirectional .lp-bridge-account-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.lp-bidirectional .lp-bridge-account-settings .lp-item-index{display:none}
.lp-bidirectional .lp-bridge-account-settings strong:first-child{display:block;font-size:20px;line-height:1.4;margin-bottom:13px}
.lp-bidirectional .lp-bridge-market{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}
.lp-bidirectional .lp-bridge-market-explanation{border-left:3px solid #b7a1d3;padding-left:28px}
.lp-bidirectional .lp-bridge-market-explanation .lp-item-index,.lp-bidirectional .lp-bridge-compatibility .lp-item-index{display:none}
.lp-bidirectional .lp-bridge-market-explanation>li>div>strong:first-child{display:block;font-size:24px;margin-bottom:15px}
.lp-bidirectional .lp-bridge-compatibility{margin-bottom:28px}
.lp-bidirectional .lp-bridge-license>ul:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}
@media(max-width:1100px){.lp-bidirectional .bridge-direction-pair .bridge-route-desktop{display:none}.lp-bidirectional .bridge-direction-pair .bridge-route-mobile{display:block}}
@media(max-width:760px){
.lp-bidirectional .bridge-direction-pair,.lp-bidirectional .lp-bridge-origins,.lp-bidirectional .lp-bridge-execution,.lp-bidirectional .lp-bridge-account-settings,.lp-bidirectional .lp-bridge-market{display:block}
.lp-bidirectional .bridge-direction-pair figure+figure{margin-top:20px}
.lp-bidirectional .bridge-direction-pair figure{padding:20px}
.lp-bidirectional .bridge-direction-pair figcaption{margin-bottom:12px}
.lp-bidirectional .lp-bridge-origins>li{margin-top:24px}
.lp-bidirectional .lp-bridge-parameters>li{grid-template-columns:25px 1fr;gap:12px}
.lp-bidirectional .lp-bridge-parameters>li>div>strong:first-child{font-size:21px}
.lp-bidirectional .lp-bridge-execution-copy{margin-top:26px}
.lp-bidirectional .lp-bridge-execution-copy>li{padding:23px}
.lp-bidirectional .lp-bridge-account-settings>li{border-top:1px solid var(--lp-line);padding-top:22px;margin-top:22px}
.lp-bidirectional .lp-bridge-market-explanation{padding-left:20px}
.lp-bidirectional .lp-bridge-license>ul:last-child{display:block}
}
/* Stage 06: a single NT8 origin with cTrader destinations. */
.lp-ctrader{--lp-accent:#b8d2f3}
.lp-ctrader .lp-ctrader-intro>h2:first-child{font-size:24px;color:#b9d2eb}
.lp-ctrader .lp-ct-architecture>h2:first-child{font-size:16px;color:#b3cce4;margin-bottom:18px}
.lp-ctrader .ct-architecture-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}
.lp-ctrader .lp-ct-source-capabilities,.lp-ctrader .lp-ct-quantity-copy,.lp-ctrader .lp-ct-market-original,.lp-ctrader .lp-ct-inverse-copy,.lp-ctrader .lp-ct-account-copy{list-style:none;padding:0;margin:0}
.lp-ctrader .lp-item-index{display:none}
.lp-ctrader li>div>strong:first-child{display:block;font-size:23px;line-height:1.4;color:#dae8f6;margin-bottom:16px}
.lp-ctrader .lp-ct-source-capabilities>li+li{margin-top:25px;padding-top:25px;border-top:1px solid var(--lp-line)}
.lp-ctrader .ct-route{margin:0;background:#152630;border-radius:10px;padding:25px}
.lp-ctrader .ct-route figcaption{font-size:12px;line-height:1.65;color:#c1d5ea;margin-bottom:20px}
.lp-ctrader .ct-route svg{width:100%;display:block}
.lp-ctrader .ct-route rect{fill:#1d3542;stroke:#8ba9bf;stroke-width:1}
.lp-ctrader .ct-route path{stroke:#b7d3ee;stroke-width:2;fill:none}
.lp-ctrader .ct-route text{font:600 18px sans-serif;fill:#edf4fb}
.lp-ctrader .ct-route .ct-role{font-weight:400;font-size:16px;fill:#c5d8eb}
.lp-ctrader .ct-route .ct-route-mobile{display:none;max-width:390px;margin:auto}
.lp-ctrader .ct-quantity-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:start}
.lp-ctrader .ct-example-table{min-width:0}
.lp-ctrader .ct-example-table caption{padding:20px;background:#1d3442;text-align:left;color:#dae8f6;font-size:14px;line-height:1.6}
.lp-ctrader .ct-market-events{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;list-style:none;padding:0;margin:30px 0 40px}
.lp-ctrader .ct-market-events>li{border-top:2px solid #7594b1;padding-top:20px}
.lp-ctrader .ct-market-events span{color:#bbd6f1;font:600 14px 'Space Grotesk',sans-serif}
.lp-ctrader .ct-market-events h3{font-size:22px;margin-top:18px}
.lp-ctrader .ct-market-events p{font-size:15px}
.lp-ctrader .lp-ct-market-original{max-width:104ch}
.lp-ctrader .ct-context-cautions{margin:30px 0 0;padding:24px 24px 24px 43px;background:#182c39;border-left:3px solid #a6c7ec;border-radius:0 8px 8px 0;font-size:15px}
.lp-ctrader .lp-ct-inverse{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 40px}
.lp-ctrader .lp-ct-inverse h2{grid-row:span 2}
.lp-ctrader .ct-direction-note{grid-column:2;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--lp-line);color:#d8e7f8}
.lp-ctrader .lp-ct-accounts{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.lp-ctrader .lp-ct-accounts>h2,.lp-ctrader .lp-ct-accounts>ul:not(.lp-ct-account-copy){grid-column:2}
.lp-ctrader .lp-ct-account-copy{grid-row:span 2}
@media(max-width:1100px){.lp-ctrader .ct-route .ct-route-desktop{display:none}.lp-ctrader .ct-route .ct-route-mobile{display:block}}
@media(max-width:760px){
.lp-ctrader .ct-architecture-layout,.lp-ctrader .ct-quantity-layout,.lp-ctrader .ct-market-events,.lp-ctrader .lp-ct-inverse,.lp-ctrader .lp-ct-accounts{display:block}
.lp-ctrader .ct-route{padding:20px;margin-top:28px}
.lp-ctrader .ct-route text{font-size:17px}
.lp-ctrader .ct-route .ct-role{font-size:16px}
.lp-ctrader .ct-quantity-layout .lp-table-scroll{margin-top:25px}
.lp-ctrader .ct-market-events>li{position:relative;padding:22px 0 22px 36px;border-top:1px solid #526c83}
.lp-ctrader .ct-market-events span{position:absolute;left:0;top:28px}
.lp-ctrader .ct-market-events h3{font-size:21px;margin:0 0 12px}
.lp-ctrader .ct-market-events p{margin:0}
.lp-ctrader .lp-ct-accounts>h2{margin-top:30px}
.lp-ctrader .ct-context-cautions{padding:20px 20px 20px 36px}
}
/* Stage 07: personal installation service, compact and human. */
.lp-installation{--lp-accent:#d7e7b4}
.lp-installation .service-hero-layout{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px;max-width:1050px;padding:32px 0 44px}
.lp-installation .service-person-title{font-size:25px;line-height:1.4;color:#dbe8bf;margin:0 0 18px}
.lp-installation .service-purchase{max-width:540px;padding:0}
.lp-installation .service-no-coupons p{font-size:15px;color:#d7e5c0;line-height:1.7;margin:18px 0}
.lp-installation .service-no-coupons strong{color:#f1f7dd}
.lp-installation .service-condition{font-size:14px;color:#becfce;line-height:1.6;margin:0}
.lp-installation .service-person{margin:0;width:100%;max-width:300px;justify-self:center}
.lp-installation .service-person img{width:100%;height:auto;display:block}
.lp-installation .service-person figcaption{display:flex;flex-direction:column;gap:5px;margin-top:18px;text-align:center;font-size:18px}
.lp-installation .service-person figcaption span{font-size:14px;color:#b7c9ce}
.lp-installation .lp-service-session{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start;border-top:1px solid var(--lp-line)}
.lp-installation .service-session-includes h2{font-size:30px}
.lp-installation .lp-service-includes{list-style:none;padding:0;margin:0}
.lp-installation .lp-service-includes>li{display:grid;grid-template-columns:30px 1fr;gap:18px;border-top:1px solid var(--lp-line);padding:19px 0}
.lp-installation .lp-item-index{font:600 14px 'Space Grotesk',sans-serif;color:#cfdfb1}
.lp-installation .lp-service-schedule{display:grid;grid-template-columns:1.05fr .95fr;gap:60px}
.lp-installation .service-booking-steps{padding:0;margin:0;list-style:none}
.lp-installation .service-booking-steps li{display:flex;gap:18px;align-items:start;border-top:1px solid #40504b;padding-block:17px}
.lp-installation .service-booking-steps span{font:600 14px 'Space Grotesk',sans-serif;color:#c6d6ad;flex:none;padding-top:4px}
.lp-installation .service-whatsapp{min-height:50px;white-space:normal;line-height:1.5;text-align:left;display:flex;justify-content:space-between;gap:15px;padding:14px 18px;font-size:15px}
.lp-installation .service-whatsapp svg{flex:none}
.lp-installation .service-availability{font-size:14px;margin-top:14px;color:#c2d2d3}
.lp-installation .service-artwork{display:flex;align-items:center;gap:18px;margin-top:24px}
.lp-installation .service-artwork>a{flex:none;display:block;width:96px;border:1px solid #53695b;border-radius:6px;overflow:hidden}
.lp-installation .service-artwork>a>img{width:100%;height:auto;display:block}
.lp-installation .service-artwork>p{font-size:13px;line-height:1.7;max-width:150px;margin:0}
.lp-installation .service-before{padding:35px 0 42px;display:grid;grid-template-columns:1.25fr .75fr;gap:0 50px;align-items:start}
.lp-installation .service-before h2{font-size:25px;margin:0 0 20px;grid-column:1}
.lp-installation .service-before ul{grid-column:1;margin:0 0 18px;padding-left:20px;color:#bdced0;font-size:15px;line-height:1.75}
.lp-installation .service-before p{grid-column:1;color:#bdced0;line-height:1.7;font-size:15px}
.lp-installation .service-before .lp-buy{grid-column:2;grid-row:2;max-width:360px;justify-self:end}
.lp-installation .service-related{display:flex;flex-wrap:wrap;gap:15px 24px;padding-block:24px;border-top:1px solid var(--lp-line);font-size:14px;line-height:1.7}
.lp-installation .service-related a{color:#c1d6c5;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
.lp-installation .service-hero-layout{display:flex;flex-direction:column;gap:28px;padding-top:24px}
.lp-installation .service-offer{width:100%}
.lp-installation .service-person-title{font-size:22px}
.lp-installation .service-purchase{display:block;width:100%}
.lp-installation .service-person{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;max-width:none;width:100%}
.lp-installation .service-person figcaption{text-align:left;margin:0;font-size:18px}
.lp-installation .service-person img{width:96px}
.lp-installation .lp-service-session,.lp-installation .lp-service-schedule,.lp-installation .service-before{display:block}
.lp-installation .service-session-includes{margin-top:30px}
.lp-installation .service-session-includes h2{font-size:26px}
.lp-installation .service-contact{margin-top:28px}
.lp-installation .service-before .lp-buy{max-width:none;margin-top:20px}
.lp-installation .service-related{display:grid;gap:12px;font-size:14px}
}
.lp-installation .service-before a.lp-buy{color:#132019;text-decoration:none}
/* Imported V3 document only: preserve the image ratio and the existing primary-button contrast. */
[data-legacy-product] .editorial-aside img { display:block; width:100%; height:auto; object-fit:contain; }
[data-legacy-product] .editorial-aside a.btn-primary { color:var(--color-accent-ink); }


/* ===== SOURCE assets/css/copier-nt8.css ===== */
/* Product-only NT8 copier presentation. Shared storefront styles remain unchanged. */
.bm-copier{--cp-bg:#0b1118;--cp-band:#0f1921;--cp-surface:#14212a;--cp-line:#385158;--cp-soft:#293e46;--cp-text:#f3f6f2;--cp-muted:#c2d0d0;--cp-accent:#d8f59c;color:var(--cp-text);background:var(--cp-bg);font:16px/1.75 "DM Sans",sans-serif}
.bm-copier *,.bm-copier *::before,.bm-copier *::after{box-sizing:border-box}
.bm-copier [hidden]{display:none!important}
.bm-copier :is(h1,h2,h3,p,figure,ul,ol,blockquote){margin:0}
.bm-copier :is(h1,h2,h3){font-family:"DM Sans",sans-serif;color:var(--cp-text);font-weight:600;text-wrap:pretty}
.bm-copier h1{max-width:none;width:100%;font-size:clamp(30px,3.25vw,46px);line-height:1.12;letter-spacing:-.035em}
.bm-copier h2{font-size:clamp(28px,2.8vw,38px);line-height:1.2;letter-spacing:-.025em}
.bm-copier h3{font-size:21px;line-height:1.35;letter-spacing:-.015em}
.bm-copier :is(p,li,.cp-feature,.cp-prose){color:var(--cp-muted);overflow-wrap:break-word}
.bm-copier strong{color:var(--cp-text);font-weight:600}
.bm-copier .container{width:min(1200px,calc(100% - 64px));max-width:1200px;margin-inline:auto}
.bm-copier a{text-underline-offset:4px}
.bm-copier :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--cp-accent);outline-offset:5px}
.bm-copier :is(button,.btn){font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;line-height:1.35}
.bm-copier button{cursor:pointer}
.bm-copier .cp-opening{padding-top:24px}
.bm-copier .cp-breadcrumb{margin-bottom:24px;font-size:13px;line-height:1.5;gap:8px}
.bm-copier .cp-head{margin-bottom:30px}
.bm-copier .cp-lead{margin-top:18px;font-size:18px;line-height:1.65;max-width:1040px}
.bm-copier .cp-hero{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:24px;align-items:stretch}
.bm-copier .cp-demo{min-width:0;align-self:center;scroll-margin-top:110px}
.bm-copier .product-demo{width:100%;height:auto;min-height:0;aspect-ratio:16/9;border:1px solid var(--cp-line);border-radius:8px;overflow:hidden;background:#090e14}
.bm-copier .product-demo .video-cover{position:relative;display:block;width:100%;height:100%;aspect-ratio:16/9;min-height:0;padding:0;border:0;background:#090e14}
.bm-copier .product-demo .video-cover img{display:block;width:100%;height:100%;object-fit:contain}
.bm-copier .product-demo iframe{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0}
.bm-copier .video-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--cp-accent);color:#152116;border:5px solid #152116}
.bm-copier .video-cover-copy{position:absolute;inset:auto 0 0;padding:12px 18px;text-align:left;background:#0b1118ed;font-size:15px;line-height:1.4}
.bm-copier .video-cover-copy strong{font-size:inherit;line-height:inherit}
.bm-copier .cp-video-caption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:13px;line-height:1.5;color:var(--cp-muted)}
.bm-copier .cp-video-caption a{display:inline-flex;gap:6px;align-items:center}
.bm-copier .cp-offer{display:flex;flex-direction:column;justify-content:center;padding:30px;border:1px solid var(--cp-line);border-radius:8px;background:var(--cp-surface)}
.bm-copier .cp-price-label{display:block;color:var(--cp-muted);font-size:13px;letter-spacing:.08em;line-height:1.5}
.bm-copier .cp-price{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:8px 0 24px;line-height:1.1}
.bm-copier .cp-price strong{font-size:46px;font-weight:600;letter-spacing:-.04em}
.bm-copier .cp-price span,.bm-copier .cp-price del{font-size:14px;color:var(--cp-muted)}
.bm-copier .cp-buy{min-height:54px;display:flex;justify-content:space-between;gap:16px;width:100%;padding:15px 20px;border-radius:6px;background:var(--cp-accent);border:1px solid var(--cp-accent);color:#152116;text-decoration:none;font-size:16px;font-weight:600}
.bm-copier .cp-buy:hover{background:#edffc4;border-color:#edffc4}
.bm-copier .cp-offer-once{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px}
.bm-copier .cp-offer-once svg{flex:none;color:var(--cp-accent);margin-top:3px}
.bm-copier .cp-compat{display:flex;align-items:flex-start;gap:10px;font-size:14px;border-top:1px solid var(--cp-line);padding-top:20px;margin-top:20px}
.bm-copier .cp-compat svg{flex:none;margin-top:3px}
.bm-copier .cp-requirement-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px}
.bm-copier .cp-gallery{margin-top:24px}
.bm-copier .cp-gallery .bm-demo-gallery{padding:0;margin:0;background:transparent;border:0;border-radius:0}
.bm-copier .bm-demo-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:15px}
.bm-copier .bm-demo-gallery-head small{display:inline;margin-left:10px;font-size:13px;color:var(--cp-muted);font-weight:400}
.bm-copier .bm-gallery-buttons{display:flex;gap:8px;flex:none}
.bm-copier .bm-gallery-buttons button{display:grid;place-items:center;width:44px;height:44px;color:var(--cp-text);background:var(--cp-band);border:1px solid var(--cp-line);border-radius:6px}
.bm-copier .bm-gallery-buttons button:first-child svg{transform:rotate(180deg)}
.bm-copier .cp-gallery .bm-gallery-rail{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 0 10px;scrollbar-color:var(--cp-line) var(--cp-band)}
.bm-copier .cp-gallery [data-gallery-item]{display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 152px;width:152px;height:112px;aspect-ratio:auto;padding:7px;border:1px solid var(--cp-soft);border-radius:6px;background:var(--cp-surface);scroll-snap-align:start}
.bm-copier .cp-gallery [data-gallery-item] img{display:block;width:100%;height:100%;object-fit:contain;max-height:none}
.bm-copier .cp-thumb-number{position:absolute;top:5px;left:6px;background:#0b1118ed;color:var(--cp-text);font-size:11px;padding:0 4px;line-height:20px}
.bm-copier .bm-gallery-help{font-size:13px;margin-top:5px}
.bm-copier .cp-contents{display:flex;justify-content:space-between;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;border-block:1px solid var(--cp-soft);margin-top:28px;scrollbar-width:thin}
.bm-copier .cp-contents a{display:flex;align-items:center;min-height:60px;padding:12px 0;flex-shrink:0;font-size:14px;color:var(--cp-muted);text-decoration:none}
.bm-copier .cp-contents a:hover{color:var(--cp-accent)}
.bm-copier .cp-section{padding:80px 0;scroll-margin-top:82px}
.bm-copier .cp-band{background:var(--cp-band);border-block:1px solid var(--cp-soft)}
.bm-copier .cp-section-heading{margin-bottom:32px}
.bm-copier .cp-section-heading p{margin-top:16px;max-width:none}
.bm-copier .cp-prose :is(p,blockquote,ul,ol)+:is(p,blockquote,ul,ol){margin-top:18px}
.bm-copier .cp-prose h2{margin-bottom:22px}
.bm-copier .cp-prose h3{margin-bottom:12px}
.bm-copier .cp-prose :is(p,ul,ol)+:is(h2,h3){margin-top:32px}
.bm-copier .cp-prose :is(ul,ol){padding-left:23px}
.bm-copier .cp-prose li+li{margin-top:14px}
.bm-copier .cp-prose blockquote{padding:24px 0 24px 24px;border-left:3px solid var(--cp-accent)}
.bm-copier .cp-feature{min-width:0;line-height:1.75}
.bm-copier .cp-feature h3{margin-bottom:12px}
.bm-copier .cp-feature p+p{margin-top:16px}
.bm-copier .cp-feature+.cp-feature{margin-top:28px}
.bm-copier .cp-overview-detail{margin-top:28px}
.bm-copier .cp-section-summary{max-width:none;margin-bottom:30px}
.bm-copier .cp-included-note{margin-top:28px;padding-left:22px;border-left:2px solid var(--cp-accent)}
.bm-copier .cp-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}
.bm-copier .cp-two-column>.cp-feature+.cp-feature{margin-top:0}
.bm-copier .cp-prelude{color:var(--cp-accent);font-size:15px;margin-bottom:20px}
.bm-copier .cp-prelude p{color:inherit}
.bm-copier .cp-overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:64px}
.bm-copier .cp-overview-aside{border-left:1px solid var(--cp-line);padding-left:32px}
.bm-copier .cp-advantages-intro{margin-top:60px;padding-top:38px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-advantages-intro h2{font-size:30px;max-width:none}
.bm-copier .cp-groups-figure{padding:28px;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:8px}
.bm-copier .cp-segments{display:flex;flex-wrap:wrap;gap:8px}
.bm-copier .cp-segments button{flex:1;min-height:48px;padding:10px 16px;background:transparent;color:var(--cp-text);border:1px solid var(--cp-line);border-radius:5px}
.bm-copier .cp-segments button span{font-weight:400;margin-left:8px}
.bm-copier .cp-segments button[aria-pressed="true"]{background:var(--cp-accent);color:#152116;border-color:var(--cp-accent)}
.bm-copier .cp-computer{max-width:760px;margin:28px auto 0;border:2px solid var(--cp-line);border-bottom-width:7px;border-radius:12px;padding:14px 20px 20px}
.bm-copier .cp-computer-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;margin-bottom:16px}
.bm-copier .cp-computer svg[role="img"]{width:100%;height:auto;display:block;overflow:visible}
.bm-copier .cp-computer svg.cp-group-mobile{display:none}
.bm-copier .cp-computer rect{fill:var(--cp-surface);stroke:var(--cp-line);stroke-width:1.5px}
.bm-copier .cp-computer text{fill:var(--cp-text);font-family:"DM Sans",sans-serif;font-size:16px}
.bm-copier .cp-computer path{fill:none;stroke:var(--cp-accent);stroke-width:1.5px}
.bm-copier .cp-computer .cp-master rect{fill:var(--cp-accent);stroke:var(--cp-accent)}
.bm-copier .cp-computer .cp-master text{fill:#152116;font-weight:600}
.bm-copier .cp-groups-figure figcaption{text-align:center;margin:24px auto 0;max-width:750px;font-size:15px;color:var(--cp-muted)}
.bm-copier .cp-groups-figure figcaption span{display:block;font-size:13px;margin-bottom:6px}
.bm-copier .cp-group-copy{margin-top:34px}
.bm-copier .cp-methods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:40px;margin-top:46px;padding-top:40px;border-top:1px solid var(--cp-line)}
.bm-copier .cp-method>.cp-prose>p:first-child>strong:first-child{display:block;font-size:22px;line-height:1.35;margin-bottom:14px}
.bm-copier .cp-instance-diagram{margin-top:24px;border:1px solid var(--cp-line);border-bottom-width:5px;border-radius:8px;padding:18px}
.bm-copier .cp-instance-diagram>span{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;margin-bottom:16px}
.bm-copier .cp-instances{display:flex;align-items:center;gap:12px}
.bm-copier .cp-instances>div{flex:1;min-width:0;padding:16px 12px;background:var(--cp-surface);border-top:2px solid var(--cp-accent)}
.bm-copier .cp-instances strong{display:block;font-size:15px;line-height:1.5}
.bm-copier .cp-instances span{font-size:14px;color:var(--cp-muted)}
.bm-copier .cp-instances>svg{flex:none;color:var(--cp-accent)}
.bm-copier .cp-callout{margin-top:32px;padding:24px;background:var(--cp-surface);border-left:3px solid var(--cp-accent);border-radius:0 6px 6px 0}
.bm-copier .cp-supporting{margin-top:38px}
.bm-copier .cp-group-bottom{display:block;max-width:none;margin-top:32px}
.bm-copier .cp-method-photo{margin-top:26px}
.bm-copier .cp-pullquote{margin-top:36px}
.bm-copier .cp-photo{min-width:0;margin:0}
.bm-copier .cp-photo>a{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:8px;padding:24px}
.bm-copier .cp-photo img{display:block;width:auto;max-width:100%;max-height:430px;height:auto;object-fit:contain;border-radius:2px}
.bm-copier .cp-photo figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--cp-muted)}
.bm-copier .cp-enlarge{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--cp-line);border-radius:5px;background:var(--cp-bg);color:var(--cp-accent)}
.bm-copier .cp-config-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:start}
.bm-copier .cp-multiplier{margin-bottom:28px;border:1px solid var(--cp-line);border-radius:8px;padding:24px}
.bm-copier .cp-diagram-caption{font-size:12px;letter-spacing:.035em;margin-bottom:18px;line-height:1.5}
.bm-copier .cp-formula{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:16px;margin:26px 0 20px}
.bm-copier .cp-formula>div>span{display:block;font-size:14px;line-height:1.5;max-width:180px}
.bm-copier .cp-formula strong{display:block;font-size:46px;line-height:1.2;margin-top:10px;letter-spacing:-.035em}
.bm-copier .cp-formula strong small{font-size:22px}
.bm-copier .cp-formula>div:last-child strong{color:var(--cp-accent)}
.bm-copier .cp-multiplier>p:last-child{font-size:14px;border-top:1px solid var(--cp-soft);padding-top:16px}
.bm-copier .cp-setting-details{margin-top:44px;padding-top:36px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-exclusion{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:76px;margin-bottom:24px;color:var(--cp-accent)}
.bm-copier .cp-exclusion>span{font-size:21px;font-weight:600;color:var(--cp-text)}
.bm-copier .cp-exclusion strong{font-size:15px;color:var(--cp-accent)}
.bm-copier .cp-footnote{margin-top:24px;padding-left:18px;border-left:2px solid var(--cp-line);font-size:15px}
.bm-copier .cp-footnote h3{font-size:17px}
.bm-copier .cp-supervisor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:start}
.bm-copier .cp-shot-explorer .cp-segments{margin-bottom:14px}
.bm-copier .cp-shot-explorer .cp-segments button{font-size:14px;padding-inline:10px}
.bm-copier .cp-supervisor-photo>a{min-height:360px}
.bm-copier .cp-supervisor-photo img{max-height:460px}
.bm-copier .cp-supervision-actions{margin-top:40px;padding-top:30px;border-top:1px solid var(--cp-line)}
.bm-copier .cp-scope-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border:1px solid var(--cp-line);border-radius:6px;margin-bottom:28px}
.bm-copier .cp-scope-strip>span{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--cp-text)}
.bm-copier .cp-scope-strip>svg{color:var(--cp-accent);flex:none}
.bm-copier .cp-results{margin-top:40px;align-items:center}
.bm-copier .cp-workspace-note{margin-top:34px;padding-left:24px;border-left:2px solid var(--cp-accent)}
.bm-copier .cp-protection-intro{margin-bottom:30px}
.bm-copier .cp-quantity{border:1px solid var(--cp-line);border-radius:8px;padding:24px}
.bm-copier .cp-quantity figcaption{font-size:13px;line-height:1.5;margin-bottom:22px;color:var(--cp-muted)}
.bm-copier .cp-quantity-flow{display:flex;align-items:center;gap:18px}
.bm-copier .cp-quantity-flow>div{flex:1;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;border:1px solid var(--cp-line);border-radius:6px;text-align:center}
.bm-copier .cp-quantity-flow strong{font-size:48px;line-height:1.2}
.bm-copier .cp-quantity-flow span{font-size:15px;line-height:1.5}
.bm-copier .cp-quantity-flow>svg{flex:none;color:var(--cp-accent)}
.bm-copier .cp-quantity-flow .cp-quantity-protected{background:var(--cp-accent);color:#152116;border-color:var(--cp-accent)}
.bm-copier .cp-quantity-protected strong{color:#152116}
.bm-copier .cp-quantity-flow .cp-quantity-pending{border-style:dashed}
.bm-copier .cp-atm-copy{margin-top:30px}
.bm-copier .cp-protection-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:44px;padding-top:36px;border-top:1px solid var(--cp-line)}
.bm-copier .cp-position-state{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.bm-copier .cp-position-state>div{display:flex;align-items:flex-start;gap:10px;padding:16px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:5px;font-size:15px;line-height:1.5}
.bm-copier .cp-position-state svg{flex:none;color:var(--cp-accent)}
.bm-copier .cp-guardian-sequence{list-style:none;counter-reset:guardian;padding:0;margin-top:24px}
.bm-copier .cp-guardian-sequence li{display:flex;gap:12px;align-items:center;min-height:52px;padding-bottom:14px;position:relative;counter-increment:guardian;font-size:15px}
.bm-copier .cp-guardian-sequence li::before{content:counter(guardian);flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cp-accent);color:#152116;font-weight:600}
.bm-copier .cp-guardian-sequence li:not(:last-child)::after{content:"";position:absolute;left:15px;top:32px;height:20px;border-left:1px solid var(--cp-accent)}
.bm-copier .cp-safety-list{margin-top:40px}
.bm-copier .cp-safety-list>div{display:grid;grid-template-columns:32px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-safety-list>div>svg{color:var(--cp-accent);margin-top:3px}
.bm-copier .cp-alert-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:28px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-mode-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px}
.bm-copier .cp-mode-normal,.bm-copier .cp-mode-market{min-width:0}
.bm-copier .cp-mode-normal>h3,.bm-copier .cp-mode-market>h3{font-size:28px;margin-bottom:22px}
.bm-copier .cp-mode-normal>p{margin:24px 0}
.bm-copier .cp-mode-market{border-left:1px solid var(--cp-line);padding-left:40px}
.bm-copier .cp-mode-market>.cp-feature{margin-top:24px}
.bm-copier .cp-order-flow{display:flex;align-items:center;gap:24px;padding:22px 0;border-block:1px solid var(--cp-line)}
.bm-copier .cp-order-flow>span{font-size:23px;font-weight:600;color:var(--cp-text);letter-spacing:.025em}
.bm-copier .cp-order-flow>svg{color:var(--cp-accent)}
.bm-copier .cp-contrary{margin-top:26px;padding-top:24px;border-top:1px solid var(--cp-line)}
.bm-copier .cp-caution{padding:20px;border-left:3px solid var(--cp-accent);background:var(--cp-surface)}
.bm-copier p.cp-caution{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;margin-top:24px}
.bm-copier .cp-caution svg{flex:none;color:var(--cp-accent);margin-top:2px}
.bm-copier .cp-telegram{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
.bm-copier .cp-telegram-map{padding:28px;border:1px solid var(--cp-line);border-radius:8px}
.bm-copier .cp-telegram-map>strong{display:block;color:var(--cp-accent);font-size:32px;margin-bottom:20px}
.bm-copier .cp-telegram-map>div{display:grid;gap:18px}
.bm-copier .cp-telegram-map>div>span{display:flex;align-items:center;gap:14px;color:var(--cp-text)}
.bm-copier .cp-telegram-map svg{color:var(--cp-accent)}
.bm-copier .cp-telegram-map>small{display:block;color:var(--cp-muted);font-size:13px;margin-top:26px}
.bm-copier .cp-platforms{margin-top:48px;padding-top:36px;border-top:1px solid var(--cp-line)}
.bm-copier .cp-platform-flow{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding:24px;border:1px solid var(--cp-line);border-radius:6px}
.bm-copier .cp-platform-flow>span,.bm-copier .cp-platform-flow>strong{font-size:21px}
.bm-copier .cp-platform-flow>svg{color:var(--cp-accent);flex:none}
.bm-copier .cp-platform-flow>p{flex-basis:100%;font-size:15px}
.bm-copier .cp-platforms>.cp-caution{margin-top:30px}
.bm-copier .cp-capabilities{margin-top:60px;padding-top:36px;border-top:1px solid var(--cp-soft);columns:2;column-gap:60px}
.bm-copier .cp-capabilities h2{column-span:all;margin-bottom:28px}
.bm-copier .cp-capabilities :is(h3,p){break-after:avoid;font-size:20px;line-height:1.4;color:var(--cp-text)}
.bm-copier .cp-capabilities ul{break-inside:avoid;margin:16px 0 30px}
.bm-copier .cp-capabilities li{font-size:16px}
.bm-copier .cp-setup>ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;counter-reset:setup;padding:0;margin:30px 0}
.bm-copier .cp-setup>ol>li{counter-increment:setup;padding:0;margin:0}
.bm-copier .cp-setup>ol>li::before{content:counter(setup);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cp-accent);color:#152116;font-size:21px;font-weight:600;margin-bottom:20px}
.bm-copier .cp-setup>ol>li>strong{display:block;font-size:21px;line-height:1.35;margin-bottom:14px}
.bm-copier .cp-setup>ol>li>p{margin:0}
.bm-copier .cp-setup>p{max-width:none}
.bm-copier .cp-table-controls{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.bm-copier .cp-table-controls button{min-height:44px;border:1px solid var(--cp-line);border-radius:5px;background:transparent;color:var(--cp-text);padding:10px 18px;font-size:14px}
.bm-copier .cp-table-controls [aria-pressed="true"]{background:var(--cp-accent);color:#152116;border-color:var(--cp-accent)}
.bm-copier .cp-table-scroll{overflow:auto;overscroll-behavior-inline:contain;margin:22px 0;border:1px solid var(--cp-line);border-radius:8px;scrollbar-color:var(--cp-line) var(--cp-band)}
.bm-copier .cp-comparison table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px;line-height:1.5;text-align:left}
.bm-copier .cp-comparison :is(th,td){padding:15px 20px;border:0;border-bottom:1px solid var(--cp-soft);vertical-align:middle}
.bm-copier .cp-comparison th{background:var(--cp-surface);color:var(--cp-text);font-weight:600}
.bm-copier .cp-comparison td{color:var(--cp-muted)}
.bm-copier .cp-comparison :is(th,td):first-child{width:58%;min-width:280px}
.bm-copier .cp-comparison :is(th,td):nth-child(2){width:21%;color:var(--cp-accent);background:#14212a80}
.bm-copier .cp-comparison :is(th,td):nth-child(n+2){text-align:center;min-width:150px}
.bm-copier .cp-comparison tr:last-child td{border-bottom:0}
.bm-copier .cp-inline-purchase{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}
.bm-copier .cp-inline-purchase>span{font-size:17px}
.bm-copier .cp-inline-purchase .cp-buy{width:auto;min-width:260px}
.bm-copier .cp-license-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:56px;align-items:start}
.bm-copier .cp-license-facts{padding:8px 24px;border:1px solid var(--cp-line);border-radius:8px;background:var(--cp-bg)}
.bm-copier .cp-license-facts>:is(p,a){display:flex;gap:14px;align-items:flex-start;padding:22px 0;margin:0;font-size:16px}
.bm-copier .cp-license-facts>:is(p,a)+:is(p,a){border-top:1px solid var(--cp-line)}
.bm-copier .cp-license-facts svg{flex:none;color:var(--cp-accent);margin-top:2px}
.bm-copier .cp-conditions{margin-top:44px;padding-top:32px;border-top:1px solid var(--cp-line)}
.bm-copier .cp-conditions h2{font-size:28px}
.bm-copier .cp-conditions ul{list-style:none;padding:0;columns:2;column-gap:44px}
.bm-copier .cp-conditions li{padding-left:20px;border-left:2px solid var(--cp-line);margin:0 0 24px;break-inside:avoid}
.bm-copier .cp-condition-summary{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px}
.bm-copier .cp-condition-summary li{display:flex;align-items:flex-start;gap:12px;font-size:15px;padding:20px;background:var(--cp-surface);border-radius:6px}
.bm-copier .cp-condition-summary svg{flex:none;color:var(--cp-accent);margin-top:3px}
.bm-copier .cp-faq details{border-bottom:1px solid var(--cp-line);padding:0}
.bm-copier .cp-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px;padding:20px 0;color:var(--cp-text);cursor:pointer;font-size:18px;font-weight:600;line-height:1.45}
.bm-copier .cp-faq summary::-webkit-details-marker{display:none}
.bm-copier .cp-faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.5px solid var(--cp-text);border-bottom:1.5px solid var(--cp-text);transform:rotate(45deg);margin-right:6px;transition:transform 180ms ease}
.bm-copier .cp-faq details[open] summary::after{transform:rotate(225deg)}
.bm-copier .cp-faq details>:not(summary){margin:0 0 24px;max-width:none}
.bm-copier .cp-faq>p:last-child{margin-top:30px}
.bm-copier .cp-final{padding:0 0 64px}
.bm-copier .cp-final-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:60px;align-items:center;padding:40px;border:1px solid var(--cp-line);border-radius:8px;background:var(--cp-surface)}
.bm-copier .cp-final-layout>div:last-child{border-left:1px solid var(--cp-line);padding-left:40px}
.bm-copier .cp-final-layout h2{margin-bottom:20px}
.bm-copier .cp-final-layout .cp-buy{margin-top:20px}
.bm-copier .cp-final-layout>div:last-child>p{font-size:14px;margin-top:14px}
.bm-copier .gallery-lightbox{width:min(1100px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px}
.bm-copier .gallery-lightbox-figure img{max-height:calc(100dvh - 220px);width:auto;max-width:100%;height:auto;object-fit:contain;margin-inline:auto}
.bm-copier .gallery-lightbox-actions{gap:12px}
.bm-copier .gallery-lightbox-actions button{min-height:44px}
@media(max-width:1100px){
.bm-copier .cp-hero{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}
.bm-copier .cp-offer{padding:24px}.bm-copier .cp-price strong{font-size:42px}
.bm-copier .cp-two-column,.bm-copier .cp-config-grid,.bm-copier .cp-supervisor-grid,.bm-copier .cp-mode-grid{gap:32px}
.bm-copier .cp-overview-grid{gap:36px}.bm-copier .cp-setup>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.bm-copier .cp-quantity-flow{gap:10px}.bm-copier .cp-quantity-flow>div{padding:18px 8px}
.bm-copier .cp-scope-strip{gap:10px;padding:18px}.bm-copier .cp-scope-strip>span{font-size:14px;gap:8px}
.bm-copier .cp-mode-market{padding-left:28px}
}
@media(max-width:800px){
.bm-copier .container{width:calc(100% - 40px)}.bm-copier h1{font-size:36px}
.bm-copier .cp-hero{grid-template-columns:1fr}
.bm-copier .cp-offer{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:center}
.bm-copier .cp-offer>div{grid-column:1}.bm-copier .cp-offer .cp-buy{grid-column:2;grid-row:1}
.bm-copier .cp-offer .cp-price{margin-bottom:0}.bm-copier .cp-offer-once{grid-column:1;margin:0}
.bm-copier .cp-offer .cp-compat{grid-column:2;margin:0;padding:0;border:0}
.bm-copier .cp-requirement-link{grid-column:1/-1;padding-top:14px;margin:4px 0 0;border-top:1px solid var(--cp-line)}
.bm-copier .cp-section{padding:60px 0}
.bm-copier .cp-overview-grid,.bm-copier .cp-methods,.bm-copier .cp-config-grid,.bm-copier .cp-supervisor-grid,.bm-copier .cp-alert-detail,.bm-copier .cp-license-grid,.bm-copier .cp-telegram,.bm-copier .cp-mode-grid{grid-template-columns:1fr}
.bm-copier .cp-overview-aside{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-left:0;border-top:1px solid var(--cp-soft);padding:26px 0 0}
.bm-copier .cp-overview-aside .cp-feature+.cp-feature{margin:0}
.bm-copier .cp-advantages-intro{margin-top:40px}.bm-copier .cp-groups-figure{padding:24px}
.bm-copier .cp-group-bottom{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}
.bm-copier .cp-config-grid>.cp-photo{max-width:560px;width:100%;margin-inline:auto}
.bm-copier .cp-supervisor-photo>a{min-height:0}.bm-copier .cp-photo img{max-height:400px}
.bm-copier .cp-protection-stories{gap:28px}.bm-copier .cp-position-state{grid-template-columns:1fr}
.bm-copier .cp-quantity-flow{flex-wrap:wrap;gap:12px}.bm-copier .cp-quantity-flow>div{flex-basis:calc(50% - 36px)}
.bm-copier .cp-quantity-flow>svg:nth-of-type(2){display:none}
.bm-copier .cp-mode-market{border-left:0;padding:28px 0 0;border-top:1px solid var(--cp-line)}
.bm-copier .cp-mode-normal>.cp-photo{max-width:550px;margin-inline:auto}
.bm-copier .cp-license-facts{display:grid;grid-template-columns:1fr 1fr}
.bm-copier .cp-license-facts>:is(p,a)+:is(p,a){border-top:0}
.bm-copier .cp-final-layout{gap:30px;padding:28px}.bm-copier .cp-final-layout>div:last-child{padding-left:28px}
.bm-copier .cp-final-layout .cp-price strong{font-size:38px}
}
@media(max-width:700px){
.bm-copier .cp-computer{max-width:440px}
.bm-copier .cp-computer svg.cp-group-desktop{display:none}
.bm-copier .cp-computer svg.cp-group-mobile{display:block;max-width:360px;margin-inline:auto}
.bm-copier .cp-computer text{font-size:17px}
}
@media(max-width:600px){
.bm-copier .container{width:calc(100% - 32px)}
.bm-copier h1{font-size:30px;line-height:1.14;letter-spacing:-.03em}.bm-copier h2{font-size:28px;line-height:1.22}.bm-copier h3{font-size:20px}
.bm-copier .cp-opening{padding-top:18px}.bm-copier .cp-breadcrumb{font-size:12px;margin-bottom:22px;gap:6px}
.bm-copier .cp-head{margin-bottom:24px}.bm-copier .cp-lead{font-size:16px;line-height:1.65;margin-top:16px}
.bm-copier .cp-offer{display:flex;gap:0;padding:22px}.bm-copier .cp-offer>div{width:100%}
.bm-copier .cp-offer .cp-price{margin:8px 0 20px}.bm-copier .cp-offer .cp-price strong{font-size:44px}
.bm-copier .cp-offer .cp-buy{width:100%}.bm-copier .cp-offer-once{margin-top:14px;width:100%}
.bm-copier .cp-offer .cp-compat{margin-top:20px;padding-top:18px;border-top:1px solid var(--cp-line);width:100%}
.bm-copier .cp-requirement-link{width:100%;padding:0;margin-top:16px;border:0}
.bm-copier .cp-video-caption{font-size:12px;gap:6px}.bm-copier .video-play{width:54px;height:54px;border-width:4px}
.bm-copier .video-cover-copy{font-size:13px;padding:9px 12px}
.bm-copier .cp-gallery{margin-top:22px}.bm-copier .bm-demo-gallery-head{font-size:14px}
.bm-copier .bm-demo-gallery-head small{display:block;margin:2px 0 0;font-size:12px}
.bm-copier .cp-gallery [data-gallery-item]{flex-basis:136px;width:136px;height:104px}
.bm-copier .cp-contents{margin-top:22px;gap:24px}.bm-copier .cp-contents a{min-height:54px;font-size:14px}
.bm-copier .cp-section{padding:48px 0;scroll-margin-top:80px}.bm-copier .cp-section-heading{margin-bottom:26px}
.bm-copier .cp-two-column,.bm-copier .cp-group-bottom,.bm-copier .cp-protection-stories,.bm-copier .cp-final-layout{grid-template-columns:1fr;gap:28px}
.bm-copier .cp-overview-aside{grid-template-columns:1fr;gap:22px}
.bm-copier .cp-advantages-intro{margin-top:34px;padding-top:28px}.bm-copier .cp-advantages-intro h2{font-size:27px}
.bm-copier .cp-groups-figure{padding:16px}.bm-copier .cp-groups-figure .cp-segments{flex-wrap:nowrap;gap:6px}
.bm-copier .cp-groups-figure .cp-segments button{padding:10px 4px;font-size:14px;min-height:60px}
.bm-copier .cp-groups-figure .cp-segments button span{display:block;margin:4px 0 0;font-size:13px}
.bm-copier .cp-computer{margin-top:22px;padding:14px 6px 10px;border-radius:8px}
.bm-copier .cp-computer-label{font-size:14px;gap:8px;margin-bottom:12px}
.bm-copier .cp-computer svg.cp-group-desktop{display:none}.bm-copier .cp-computer svg.cp-group-mobile{display:block}
.bm-copier .cp-computer text{font-size:17px}.bm-copier .cp-groups-figure figcaption{font-size:14px;margin-top:18px;text-align:left}
.bm-copier .cp-methods{gap:32px;margin-top:32px;padding-top:30px}
.bm-copier .cp-instance-diagram{padding:16px 12px}.bm-copier .cp-instance-diagram>span{font-size:12px}
.bm-copier .cp-instances-multiple{gap:8px}.bm-copier .cp-instances>div{padding:14px 9px}
.bm-copier .cp-instances strong{font-size:14px}.bm-copier .cp-instances span{font-size:13px}.bm-copier .cp-instances-multiple>svg{width:16px}
.bm-copier .cp-callout{padding:20px}.bm-copier .cp-supporting{margin-top:28px}.bm-copier .cp-pullquote{margin-top:28px}
.bm-copier .cp-prose blockquote{padding:14px 0 14px 18px}
.bm-copier .cp-photo>a{padding:16px;min-height:44px}.bm-copier .cp-photo img{max-height:390px}
.bm-copier .cp-photo figcaption{font-size:12px}.bm-copier .cp-multiplier{padding:18px}
.bm-copier .cp-diagram-caption{font-size:12px}.bm-copier .cp-formula{gap:10px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
.bm-copier .cp-formula>div>span{font-size:14px}.bm-copier .cp-formula strong{font-size:40px}.bm-copier .cp-formula strong small{font-size:20px}
.bm-copier .cp-setting-details{margin-top:30px;padding-top:28px}.bm-copier .cp-exclusion{gap:12px}.bm-copier .cp-exclusion strong{flex-basis:100%}
.bm-copier .cp-supervisor-grid{gap:26px}.bm-copier .cp-shot-explorer .cp-segments{gap:6px}
.bm-copier .cp-shot-explorer .cp-segments button{font-size:13px;padding:9px 6px;min-height:54px}
.bm-copier .cp-scope-strip{flex-direction:column;align-items:flex-start;padding:20px;gap:12px}
.bm-copier .cp-scope-strip>span{font-size:15px}.bm-copier .cp-scope-strip>svg{transform:rotate(90deg);margin-left:2px}
.bm-copier .cp-results{margin-top:30px}.bm-copier .cp-quantity{padding:18px}
.bm-copier .cp-quantity figcaption{font-size:12px;margin-bottom:18px}.bm-copier .cp-quantity-flow{gap:10px}
.bm-copier .cp-quantity-flow>div{flex-basis:calc(50% - 25px);padding:16px 8px}
.bm-copier .cp-quantity-flow strong{font-size:42px}.bm-copier .cp-quantity-flow span{font-size:14px}.bm-copier .cp-quantity-flow>svg{width:20px}
.bm-copier .cp-protection-stories{margin-top:32px;padding-top:28px}
.bm-copier .cp-protection-stories>div+div{padding-top:26px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-position-state{grid-template-columns:1fr}.bm-copier .cp-safety-list{margin-top:28px}
.bm-copier .cp-safety-list>div{grid-template-columns:26px 1fr;gap:14px}
.bm-copier .cp-mode-grid{gap:30px}.bm-copier .cp-order-flow{padding:18px 0}
.bm-copier .cp-telegram{gap:28px}.bm-copier .cp-telegram-map{padding:24px}
.bm-copier .cp-platform-flow{padding:20px;gap:14px}.bm-copier .cp-platform-flow>span,.bm-copier .cp-platform-flow>strong{font-size:19px;flex-basis:100%}
.bm-copier .cp-platform-flow>svg{transform:rotate(90deg)}
.bm-copier .cp-capabilities{columns:1;margin-top:42px;padding-top:28px}.bm-copier .cp-capabilities :is(h3,p){font-size:20px}
.bm-copier .cp-setup>ol{grid-template-columns:1fr;gap:26px}.bm-copier .cp-setup>ol>li{padding-left:62px;position:relative;min-height:44px}
.bm-copier .cp-setup>ol>li::before{position:absolute;top:0;left:0;width:42px;height:42px;font-size:20px}
.bm-copier .cp-setup>ol>li>strong{font-size:20px}
.bm-copier .cp-comparison :is(th,td){padding:14px 16px}
.bm-copier .cp-table-controls{gap:6px}.bm-copier .cp-table-controls button{font-size:13px;padding:10px 12px}
.bm-copier .cp-inline-purchase{flex-direction:column;align-items:stretch;gap:16px}.bm-copier .cp-inline-purchase .cp-buy{width:100%;min-width:0}
.bm-copier .cp-license-grid{gap:28px}.bm-copier .cp-license-facts{display:block;padding:0 22px}
.bm-copier .cp-license-facts>:is(p,a)+:is(p,a){border-top:1px solid var(--cp-line)}
.bm-copier .cp-conditions{margin-top:30px;padding-top:26px}
.bm-copier .cp-conditions ul,.bm-copier .cp-condition-summary{grid-template-columns:1fr}.bm-copier .cp-conditions li{padding-left:18px}
.bm-copier .cp-conditions ul{columns:1}
.bm-copier .cp-faq summary{font-size:17px;padding:20px 0}
.bm-copier .cp-final{padding-bottom:44px}.bm-copier .cp-final-layout{padding:24px}
.bm-copier .cp-final-layout>div:last-child{border-left:0;border-top:1px solid var(--cp-line);padding:24px 0 0}
.bm-copier .cp-final-layout .cp-price strong{font-size:44px}
.bm-copier .gallery-lightbox{padding:14px}.bm-copier .gallery-lightbox-actions{display:flex;gap:8px}
.bm-copier .gallery-lightbox-actions button{font-size:13px;padding:10px;flex:1}
}
@media(prefers-reduced-motion:reduce){
.bm-copier *,.bm-copier *::before,.bm-copier *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Stage 01 / immutable TXT: one function and its evidence stay together. */
.bm-copier .cp-navigation .cp-contents{margin-top:26px}
.bm-copier .cp-overview>.container>.cp-prose{max-width:none}
.bm-copier .cp-overview-index{list-style:none;padding:0;margin:32px 0 0;max-width:none}
.bm-copier .cp-overview-index>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:24px;padding:25px 0;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-overview-icon{color:var(--cp-accent);padding-top:2px}
.bm-copier .cp-overview-index h3 a{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:18px;color:var(--cp-text);text-decoration:none}
.bm-copier .cp-overview-index h3 a:hover{color:var(--cp-accent)}
.bm-copier .cp-overview-index h3 a svg{color:var(--cp-accent)}
.bm-copier .cp-methods{display:block}
.bm-copier .cp-method{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.bm-copier .cp-method+.cp-method{margin-top:36px;padding-top:36px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-method .cp-instance-diagram{margin:0}
.bm-copier .cp-method .cp-instances-multiple{flex-direction:column;align-items:stretch;gap:14px}
.bm-copier .cp-instances-multiple>svg{transform:rotate(90deg);align-self:center}
.bm-copier .cp-architecture-advantage{max-width:none;margin:0 0 40px}
.bm-copier .cp-protection-stories{display:block;margin-top:28px}
.bm-copier .cp-protection-stories>div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:48px;align-items:center}
.bm-copier .cp-protection-stories>div+div{margin-top:36px;padding-top:36px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-protection-stories :is(.cp-position-state,.cp-guardian-sequence){margin-top:0}
.bm-copier .cp-position-state{grid-template-columns:1fr}
.bm-copier .cp-atm-primary{max-width:none;margin-top:36px;margin-bottom:26px}
.bm-copier .cp-atm-copy{max-width:none;padding-top:26px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-config-grid{align-items:center}
.bm-copier .cp-config-grid .cp-multiplier{margin:28px 0 0}
.bm-copier .cp-setting-details{display:block}
.bm-copier .cp-setting-details>div+div{max-width:none;margin-top:32px;padding-top:30px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-exclusion-pair{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:48px;align-items:center}
.bm-copier .cp-exclusion-pair .cp-exclusion{margin:0;padding:24px;border:1px solid var(--cp-line);border-radius:6px}
.bm-copier .cp-group-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:48px;align-items:center;padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--cp-soft)}
.bm-copier .cp-supervisor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
.bm-copier .cp-chart-close{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;margin-top:32px;padding-top:30px;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-telegram{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}
.bm-copier .cp-platform-flow{margin-top:26px}
.bm-copier .cp-capabilities{columns:auto;max-width:none}
.bm-copier .cp-capability-family{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:44px;padding:26px 0;border-top:1px solid var(--cp-soft)}
.bm-copier .cp-capability-family :is(p,h3){margin:0}
.bm-copier .cp-capability-family ul{margin:0}
.bm-copier .cp-capability-family :is(p,h3)+ul{margin-top:0}
.bm-copier .cp-setup>ol>.cp-literal-step::before{display:none}
.bm-copier .cp-step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cp-accent);color:#152116;font-size:21px;font-weight:600;margin-bottom:20px}
.bm-copier .cp-conditions ul{columns:1;max-width:none}
.bm-copier .cp-conditions li+li{margin-top:0}
@media(max-width:800px){
.bm-copier .cp-method,.bm-copier .cp-protection-stories>div,.bm-copier .cp-exclusion-pair,.bm-copier .cp-group-controls,.bm-copier .cp-supervisor-grid,.bm-copier .cp-chart-close,.bm-copier .cp-telegram{grid-template-columns:1fr;gap:26px}
.bm-copier .cp-method .cp-instance-diagram{max-width:560px;width:100%;margin-inline:auto}
.bm-copier .cp-method .cp-instances-multiple{flex-direction:row;align-items:center}
.bm-copier .cp-instances-multiple>svg{transform:none}
.bm-copier .cp-group-controls .cp-photo{max-width:560px;width:100%;margin-inline:auto}
.bm-copier .cp-protection-stories .cp-position-state{grid-template-columns:1fr 1fr}
.bm-copier .cp-capability-family{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:26px}
}
@media(max-width:600px){
.bm-copier .cp-overview-index>li{display:block;padding:24px 0}
.bm-copier .cp-overview-icon{display:none}
.bm-copier .cp-overview-index h3{font-size:20px}
.bm-copier .cp-protection-stories .cp-position-state{grid-template-columns:1fr}
.bm-copier .cp-capability-family{grid-template-columns:1fr;gap:16px}
.bm-copier .cp-capability-family :is(p,h3){font-size:20px}
.bm-copier .cp-step-number{position:absolute;top:0;left:0;width:42px;height:42px;margin:0;font-size:20px}
.bm-copier .cp-exclusion-pair .cp-exclusion{padding:20px}
}


/* ===== SOURCE assets/css/landing-stories-v2.css ===== */
/* Sequential, opt-in editorial reconstruction. Original text/data remain separate. */
.lp-page[data-purchase-unified]{--lp-accent:#d8f59c;--lp-muted:#c2d0d0;--lp-line:#385158;background:#0b1118;color:#f3f6f2;font-family:'DM Sans',sans-serif}
.lp-page[data-purchase-unified] .lp-chapter{font-size:16px;line-height:1.8;color:var(--lp-muted)}
/* Text fills its real column; media and diagram grids retain their own widths. */
.lp-page[data-purchase-unified] .lp-chapter :is(p,blockquote){max-width:none}
.lp-page[data-purchase-unified] .lp-chapter h2{font-size:clamp(27px,3vw,39px);line-height:1.23}
.lp-page[data-purchase-unified] .lp-chapter strong{color:#f3f6f2}
.lp-page[data-purchase-unified] .lp-chapter-nav a{font-size:14px}
.lp-page[data-purchase-unified] .lp-final{background:#14212a}
.lp-page[data-purchase-unified] .lp-final .lp-buy{background:var(--lp-accent);color:#152116}
.lp-emotional[data-purchase-unified] .em-intro>ul{list-style:none;padding:0;margin:28px 0 0;max-width:none}
.lp-emotional[data-purchase-unified] .em-intro>ul>li{border-top:1px solid var(--lp-line);padding:23px 0 23px 28px;position:relative}
.lp-emotional[data-purchase-unified] .em-intro>ul>li::before{content:'';width:6px;height:6px;background:var(--lp-accent);position:absolute;left:0;top:35px;border-radius:50%}
.lp-emotional[data-purchase-unified] .em-activation{display:flex;list-style:none;padding:0;margin:34px 0 44px;gap:24px}
.lp-emotional[data-purchase-unified] .em-activation>li{flex:1;min-width:0;border-top:1px solid var(--lp-line);padding:24px 0 0;line-height:1.6}
.lp-emotional[data-purchase-unified] .em-activation>li>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--lp-accent);border-radius:50%;color:var(--lp-accent);font-size:19px;margin-bottom:17px}
.lp-emotional[data-purchase-unified] .em-rule-families{margin-top:30px}
.lp-emotional[data-purchase-unified] .em-rule-families>section{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding:28px 0;border-top:1px solid var(--lp-line)}
.lp-emotional[data-purchase-unified] .em-rule-families h3{display:flex;gap:18px;align-items:start;margin:4px 0;font-size:23px}
.lp-emotional[data-purchase-unified] .em-rule-families svg{color:var(--lp-accent);flex:none;margin-top:3px}
.lp-emotional[data-purchase-unified] .em-rule-families ul{margin:0;padding-left:22px}
.lp-emotional[data-purchase-unified] .em-parameter-list{list-style:none;padding:0;margin:28px 0 0}
.lp-emotional[data-purchase-unified] .em-parameter-list>li{border-top:1px solid var(--lp-line);padding:30px 0;max-width:none}
.lp-emotional[data-purchase-unified] .em-parameter-list>li>div>strong:first-child{display:block;font-size:22px;line-height:1.35;margin-bottom:14px}
.lp-emotional[data-purchase-unified] .em-evidence-pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:40px;align-items:center}
.lp-emotional[data-purchase-unified] .em-evidence-pair>div{min-width:0}
.lp-emotional[data-purchase-unified] .em-evidence-pair h3{margin-top:0}
.lp-emotional[data-purchase-unified] .em-durations{margin:34px 0 40px;border-top:1px solid var(--lp-line);max-width:none}
.lp-emotional[data-purchase-unified] .em-durations>div{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;border-bottom:1px solid var(--lp-line);padding:18px 0}
.lp-emotional[data-purchase-unified] .em-durations dt{display:flex;gap:13px;align-items:center;color:#f3f6f2}
.lp-emotional[data-purchase-unified] .em-durations svg{flex:none;color:var(--lp-accent)}
.lp-emotional[data-purchase-unified] .em-durations dd{margin:0;color:var(--lp-accent)}
.lp-emotional[data-purchase-unified] .em-account-rule{max-width:none}
.lp-emotional[data-purchase-unified] .lp-passwords{max-width:none}
.lp-emotional[data-purchase-unified] .lp-immutable{margin-block:32px;border-left:2px solid var(--lp-accent);padding:36px;background:#0f1921;max-width:none}
.lp-emotional[data-purchase-unified] .em-unlock>.bm-product-evidence{max-width:640px;margin:34px auto 0}
.lp-emotional[data-purchase-unified] .lp-eligibility{display:block}
.lp-emotional[data-purchase-unified] .lp-eligibility>p:last-child{max-width:none;background:#14212a;border-left:2px solid var(--lp-accent);padding:24px}
.lp-emotional[data-purchase-unified] .em-security>.bm-product-evidence,.lp-emotional[data-purchase-unified] .em-instructor>.bm-product-evidence{max-width:780px;margin:32px auto 0}
.lp-emotional[data-purchase-unified] .lp-devices,.lp-emotional[data-purchase-unified] .lp-integration{max-width:none}
.lp-emotional[data-purchase-unified] .em-device-flow{display:flex;gap:28px;margin:32px 0 0;max-width:820px}
.lp-emotional[data-purchase-unified] .em-device-flow>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;border-top:2px solid var(--lp-accent);padding:25px 15px;background:#0f1921}
.lp-emotional[data-purchase-unified] .em-device-flow>div+div{border-color:var(--lp-line)}
.lp-emotional[data-purchase-unified] .em-device-flow svg{color:var(--lp-accent)}
@media(max-width:760px){
 .lp-page[data-purchase-unified] .lp-chapter{font-size:16px;line-height:1.75;padding-block:40px}
 .lp-emotional[data-purchase-unified] .em-activation{display:block;margin:28px 0 32px}
 .lp-emotional[data-purchase-unified] .em-activation>li{display:flex;align-items:start;gap:18px;padding:20px 0}
 .lp-emotional[data-purchase-unified] .em-activation>li>span{flex:none;margin:0;width:34px;height:34px}
 .lp-emotional[data-purchase-unified] .em-rule-families>section,.lp-emotional[data-purchase-unified] .em-evidence-pair{display:block}
 .lp-emotional[data-purchase-unified] .em-rule-families h3{margin-bottom:18px;font-size:22px}
 .lp-emotional[data-purchase-unified] .em-evidence-pair>.bm-product-evidence{margin-top:25px}
 .lp-emotional[data-purchase-unified] .em-durations>div{grid-template-columns:1fr;gap:9px}
 .lp-emotional[data-purchase-unified] .em-durations dd{padding-left:33px}
 .lp-emotional[data-purchase-unified] .lp-immutable{padding:28px 20px}
 .lp-emotional[data-purchase-unified] .em-unlock>ol>li{padding-left:0}
 .lp-emotional[data-purchase-unified] .em-device-flow{flex-direction:column}
}
/* Backtester: drawing workflow, metric taxonomy and one set of recalculated trades. */
.lp-backtester[data-purchase-unified] .bt-capabilities,.lp-backtester[data-purchase-unified] .bt-advantages{list-style:none;padding:0;margin:30px 0 0}
.lp-backtester[data-purchase-unified] .bt-capabilities>li{display:flex;gap:25px;padding:25px 0;border-top:1px solid var(--lp-line);max-width:none}
.lp-backtester[data-purchase-unified] .bt-index{flex:none;font-size:17px;font-weight:500;color:var(--lp-accent);line-height:1.5}
.lp-backtester[data-purchase-unified] .bt-capabilities h3{margin:0 0 12px;font-size:23px}
.lp-backtester[data-purchase-unified] .bt-capabilities p{margin:0}
.lp-backtester[data-purchase-unified] .bt-trade-sequence{margin:38px 0 0}
.lp-backtester[data-purchase-unified] .bt-trade-sequence ol{display:flex;list-style:none;padding:0;margin:0;gap:28px}
.lp-backtester[data-purchase-unified] .bt-trade-sequence li{flex:1;position:relative;text-align:center;min-width:0;font-size:17px;padding:0}
.lp-backtester[data-purchase-unified] .bt-step-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--lp-line);border-radius:50%;margin:0 auto 18px;color:var(--lp-accent);position:relative;background:#0b1118;z-index:1}
.lp-backtester[data-purchase-unified] .bt-trade-sequence li:not(:last-child)::after{content:'';position:absolute;top:32px;left:50%;width:calc(100% + 28px);border-top:1px solid var(--lp-line)}
.lp-backtester[data-purchase-unified] .bt-trade-sequence figcaption,.lp-backtester[data-purchase-unified] .bt-scenario figcaption{font-size:12px;color:var(--lp-muted);text-align:center;margin-top:22px;letter-spacing:.025em}
.lp-backtester[data-purchase-unified] .bt-metrics{list-style:none;padding:0;margin:30px 0 0;display:flex}
.lp-backtester[data-purchase-unified] .bt-metrics li{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:14px 24px;border-left:1px solid var(--lp-line);min-width:0;font-size:18px;line-height:1.5}
.lp-backtester[data-purchase-unified] .bt-metrics li:first-child{border:0}
.lp-backtester[data-purchase-unified] .bt-metrics svg{color:var(--lp-accent)}
.lp-backtester[data-purchase-unified] .bt-advantages>li{padding:32px 0;border-top:1px solid var(--lp-line)}
.lp-backtester[data-purchase-unified] .bt-advantage-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:50px}
.lp-backtester[data-purchase-unified] .bt-advantage-row h3{display:flex;gap:20px;margin:0;font-size:23px}
.lp-backtester[data-purchase-unified] .bt-advantage-row p{margin:0}
.lp-backtester[data-purchase-unified] .bt-scenario{margin:30px 0 0;padding:28px;border:1px solid var(--lp-line);border-radius:8px;background:#0f1921}
.lp-backtester[data-purchase-unified] .bt-scenario>div{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:28px}
.lp-backtester[data-purchase-unified] .bt-scenario strong{display:flex;align-items:center;gap:18px;font-size:18px;line-height:1.5}
.lp-backtester[data-purchase-unified] .bt-scenario svg{flex:none;color:var(--lp-accent)}
.lp-backtester[data-purchase-unified] .bt-export-flow{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:28px;padding:24px 15px;background:#0f1921;border-top:1px solid var(--lp-line)}
.lp-backtester[data-purchase-unified] .bt-export-flow>span,.lp-backtester[data-purchase-unified] .bt-export-flow>a{display:flex;align-items:center;gap:15px;font-size:18px;line-height:1.5}
.lp-backtester[data-purchase-unified] .bt-export-flow svg{flex:none;color:var(--lp-accent)}
.lp-backtester[data-purchase-unified] .bt-conclusion blockquote{margin-bottom:0;max-width:none}
@media(max-width:760px){
 .lp-backtester[data-purchase-unified] .bt-capabilities>li{gap:16px;padding:24px 0}
 .lp-backtester[data-purchase-unified] .bt-trade-sequence ol{display:block}
 .lp-backtester[data-purchase-unified] .bt-trade-sequence li{display:flex;align-items:center;gap:20px;padding:12px 0;text-align:left;min-height:85px}
 .lp-backtester[data-purchase-unified] .bt-step-icon{width:52px;height:52px;flex:none;margin:0}
 .lp-backtester[data-purchase-unified] .bt-trade-sequence li:not(:last-child)::after{left:26px;top:50%;width:0;height:100%;border-top:0;border-left:1px solid var(--lp-line)}
 .lp-backtester[data-purchase-unified] .bt-metrics{display:block}
 .lp-backtester[data-purchase-unified] .bt-metrics li{flex-direction:row;text-align:left;border-left:0;border-top:1px solid var(--lp-line);padding:20px 0;font-size:18px}
 .lp-backtester[data-purchase-unified] .bt-metrics li:first-child{border-top:1px solid var(--lp-line)}
 .lp-backtester[data-purchase-unified] .bt-advantage-row{display:block}
 .lp-backtester[data-purchase-unified] .bt-advantage-row h3{margin-bottom:17px;gap:16px}
 .lp-backtester[data-purchase-unified] .bt-scenario{padding:24px 20px}
 .lp-backtester[data-purchase-unified] .bt-scenario>div{display:flex;flex-direction:column;align-items:stretch;gap:20px}
 .lp-backtester[data-purchase-unified] .bt-scenario>div>svg{align-self:center;transform:rotate(90deg)}
 .lp-backtester[data-purchase-unified] .bt-export-flow{flex-direction:column;gap:20px}
 .lp-backtester[data-purchase-unified] .bt-export-flow>svg{transform:rotate(90deg)}
}
/* ARR V4: real chart controls alongside the exact function they demonstrate. */
.lp-risk[data-purchase-unified] .rv-intro{max-width:none}
.lp-risk[data-purchase-unified] .rv-overview-families{margin:30px 0}
.lp-risk[data-purchase-unified] .rv-overview-families>section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:45px;border-top:1px solid var(--lp-line);padding:30px 0}
.lp-risk[data-purchase-unified] .rv-overview-families h3{display:flex;gap:16px;margin:0;font-size:25px}
.lp-risk[data-purchase-unified] .rv-overview-families h3 svg{flex:none;color:var(--lp-accent);margin-top:4px}
.lp-risk[data-purchase-unified] .rv-overview-families ul{margin:0;padding-left:22px}
.lp-risk[data-purchase-unified] .rv-overview-families li{padding-bottom:12px}
.lp-risk[data-purchase-unified] .rv-unit{padding:32px 0;border-top:1px solid var(--lp-line)}
.lp-risk[data-purchase-unified] .rv-unit:first-of-type{border-top:0;padding-top:0}
.lp-risk[data-purchase-unified] .rv-unit h3{font-size:25px;line-height:1.32;margin:0 0 20px}
.lp-risk[data-purchase-unified] .rv-unit p:last-child{margin-bottom:0}
.lp-risk[data-purchase-unified] .rv-evidence-pair{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:45px;align-items:center}
.lp-risk[data-purchase-unified] .rv-evidence-pair>div{min-width:0}
.lp-risk[data-purchase-unified] .bm-product-evidence img{max-height:510px}
.lp-risk[data-purchase-unified] .rv-panel .rv-evidence-pair{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr)}
.lp-risk[data-purchase-unified] .rv-stop{padding:32px 0;border-top:1px solid var(--lp-line)}
.lp-risk[data-purchase-unified] .rv-stop h3{font-size:25px;margin:0 0 18px}
.lp-risk[data-purchase-unified] .rv-stop-modes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px}
.lp-risk[data-purchase-unified] .rv-stop-modes>div{padding:22px 25px;border-left:2px solid var(--lp-accent);background:#0f1921}
.lp-risk[data-purchase-unified] .rv-stop-modes p{margin:0}
.lp-risk[data-purchase-unified] .rv-distribution{border-top:1px solid var(--lp-line);padding-top:32px}
.lp-risk[data-purchase-unified] .rv-distribution>h3{font-size:25px;margin:0 0 28px}
.lp-risk[data-purchase-unified] .rv-distribution-choices{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.lp-risk[data-purchase-unified] .rv-distribution-mode{display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:24px;min-width:0}
.lp-risk[data-purchase-unified] .rv-distribution-mode p{margin:0}
.lp-risk[data-purchase-unified] .rv-summary{max-width:none}
.lp-risk[data-purchase-unified] .rv-summary p{max-width:none}
@media(max-width:760px){
 .lp-risk[data-purchase-unified] .rv-overview-families>section,.lp-risk[data-purchase-unified] .rv-evidence-pair,.lp-risk[data-purchase-unified] .rv-panel .rv-evidence-pair,.lp-risk[data-purchase-unified] .rv-stop-modes{display:block}
 .lp-risk[data-purchase-unified] .rv-overview-families h3{margin-bottom:22px;font-size:24px}
 .lp-risk[data-purchase-unified] .rv-evidence-pair>.bm-product-evidence{margin-top:26px}
 .lp-risk[data-purchase-unified] .rv-unit h3{font-size:24px}
 .lp-risk[data-purchase-unified] .rv-stop-modes>div{padding:22px 18px}
 .lp-risk[data-purchase-unified] .rv-stop-modes>div+div{margin-top:20px}
 .lp-risk[data-purchase-unified] .rv-distribution-choices,.lp-risk[data-purchase-unified] .rv-distribution-mode{display:block}
 .lp-risk[data-purchase-unified] .rv-distribution-mode>.bm-product-evidence{margin-top:24px}
 .lp-risk[data-purchase-unified] .rv-distribution-mode+.rv-distribution-mode{margin-top:32px;padding-top:32px;border-top:1px solid var(--lp-line)}
}
/* Bidirectional bridge: two exclusive conceptual routes, never a feedback loop. */
.lp-bidirectional[data-purchase-unified] [hidden]{display:none!important}
.lp-bidirectional[data-purchase-unified] .bd-feature{padding:25px 0;border-top:1px solid var(--lp-line);max-width:none}
.lp-bidirectional[data-purchase-unified] .bd-feature h3{font-size:23px;margin:0 0 14px;line-height:1.35}
.lp-bidirectional[data-purchase-unified] .bd-feature p{margin:0;max-width:none}
.lp-bidirectional[data-purchase-unified] .bd-intro>p:last-child{padding:24px;border-left:2px solid var(--lp-accent);background:#0f1921}
.lp-bidirectional[data-purchase-unified] .bd-controls{display:flex;gap:10px;margin:28px 0 20px}
.lp-bidirectional[data-purchase-unified] .bd-controls button{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;min-width:0;min-height:56px;padding:14px 18px;border:1px solid var(--lp-line);border-radius:7px;background:#0f1921;color:#f3f6f2;font:600 15px/1.4 'DM Sans',sans-serif;cursor:pointer}
.lp-bidirectional[data-purchase-unified] .bd-controls button svg{flex:none}
.lp-bidirectional[data-purchase-unified] .bd-controls button[aria-pressed=true]{background:var(--lp-accent);color:#152116;border-color:var(--lp-accent)}
.lp-bidirectional[data-purchase-unified] .bd-route{margin:20px 0 32px;border:1px solid var(--lp-line);border-radius:8px;padding:30px;background:#0f1921}
.lp-bidirectional[data-purchase-unified] .bd-route figcaption,.lp-bidirectional[data-purchase-unified] .bd-market-sequence figcaption{font-size:12px;letter-spacing:.04em;color:var(--lp-muted)}
.lp-bidirectional[data-purchase-unified] .bd-route-choice{font-size:21px;color:#f3f6f2;text-align:center;margin:18px 0 28px;max-width:none}
.lp-bidirectional[data-purchase-unified] .bd-architecture{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;max-width:900px;margin:auto}
.lp-bidirectional[data-purchase-unified] .bd-origin{display:flex;flex-direction:column;align-items:center;gap:14px;background:#14212a;border:1px solid var(--lp-accent);padding:24px 15px;border-radius:7px}
.lp-bidirectional[data-purchase-unified] .bd-architecture small{font-size:14px;color:var(--lp-muted);display:block;text-align:center}
.lp-bidirectional[data-purchase-unified] .bd-architecture strong{font-size:23px;text-align:center;line-height:1.35}
.lp-bidirectional[data-purchase-unified] .bd-origin svg,.lp-bidirectional[data-purchase-unified] .bd-destinations svg{color:var(--lp-accent);flex:none}
.lp-bidirectional[data-purchase-unified] .bd-destinations>div{display:grid;gap:14px;margin-top:12px}
.lp-bidirectional[data-purchase-unified] .bd-destinations span{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 15px;background:#14212a;border:1px solid var(--lp-line);border-radius:7px}
.lp-bidirectional[data-purchase-unified] .bd-arrows-desktop{width:90px;height:180px;fill:none;stroke:var(--lp-accent);stroke-width:1.65}
.lp-bidirectional[data-purchase-unified] .bd-arrows-mobile{display:none;fill:none;stroke:var(--lp-accent);stroke-width:1.65}
.lp-bidirectional[data-purchase-unified] .bd-event-rail{display:flex;list-style:none;padding:0;margin:25px 0 35px;gap:20px}
.lp-bidirectional[data-purchase-unified] .bd-event-rail li{flex:1;border-top:1px solid var(--lp-line);display:flex;gap:14px;align-items:center;padding:18px 0;font-size:18px}
.lp-bidirectional[data-purchase-unified] .bd-event-rail li>span{color:var(--lp-accent);font-size:15px}
.lp-bidirectional[data-purchase-unified] .bd-market-sequence{margin:30px 0 0;padding:28px;border:1px solid var(--lp-line);border-radius:8px;background:#0f1921}
.lp-bidirectional[data-purchase-unified] .bd-market-sequence>div{display:grid;grid-template-columns:1.5fr 24px 1fr 24px 1fr;align-items:center;gap:24px}
.lp-bidirectional[data-purchase-unified] .bd-market-sequence strong{font-size:18px;line-height:1.5;display:flex;align-items:center;gap:14px}
.lp-bidirectional[data-purchase-unified] .bd-market-sequence svg{color:var(--lp-accent);flex:none}
.lp-bidirectional[data-purchase-unified] .bd-market-sequence figcaption{margin-top:24px;text-align:center}
.lp-bidirectional[data-purchase-unified] .bd-license>ul{list-style:none;padding:0;max-width:none}
.lp-bidirectional[data-purchase-unified] .bd-license>ul>li{padding:20px 0;border-top:1px solid var(--lp-line)}
@media(max-width:760px){
 .lp-bidirectional[data-purchase-unified] .bd-controls{flex-direction:column}
 .lp-bidirectional[data-purchase-unified] .bd-controls button{padding:14px 12px;font-size:14px;gap:9px}
 .lp-bidirectional[data-purchase-unified] .bd-route{padding:24px 16px}
 .lp-bidirectional[data-purchase-unified] .bd-route-choice{font-size:18px}
 .lp-bidirectional[data-purchase-unified] .bd-architecture{display:block}
 .lp-bidirectional[data-purchase-unified] .bd-architecture strong{font-size:18px}
 .lp-bidirectional[data-purchase-unified] .bd-origin{padding:20px 15px}
 .lp-bidirectional[data-purchase-unified] .bd-arrows-desktop{display:none}
 .lp-bidirectional[data-purchase-unified] .bd-arrows-mobile{display:block;width:100%;height:65px}
 .lp-bidirectional[data-purchase-unified] .bd-destinations>div{grid-template-columns:1fr 1fr;gap:10px}
 .lp-bidirectional[data-purchase-unified] .bd-destinations span{flex-direction:column;padding:18px 8px}
 .lp-bidirectional[data-purchase-unified] .bd-event-rail{display:block}
 .lp-bidirectional[data-purchase-unified] .bd-event-rail li{font-size:18px}
 .lp-bidirectional[data-purchase-unified] .bd-market-sequence>div{display:flex;flex-direction:column;align-items:stretch;gap:20px}
 .lp-bidirectional[data-purchase-unified] .bd-market-sequence>div>svg{transform:rotate(90deg);align-self:center}
 .lp-bidirectional[data-purchase-unified] .bd-intro>p:last-child{padding:22px 18px}
}
/* cTrader: all stages and position-direction examples keep NT8 as origin. */
.lp-ctrader[data-purchase-unified] .ctv-feature{padding:25px 0;border-top:1px solid var(--lp-line);max-width:none}
.lp-ctrader[data-purchase-unified] .ctv-feature h3{font-size:24px;line-height:1.35;margin:0 0 17px}
.lp-ctrader[data-purchase-unified] .ctv-feature p{max-width:none;margin:0}
.lp-ctrader[data-purchase-unified] .ctv-computer{position:relative;margin:28px 0 32px;padding:30px 28px 40px;border:2px solid var(--lp-line);border-bottom-width:8px;border-radius:12px;background:#0f1921}
.lp-ctrader[data-purchase-unified] .ctv-computer::after{content:'';position:absolute;bottom:-27px;left:calc(50% - 58px);width:116px;height:19px;border-bottom:6px solid var(--lp-line);background:#293e46}
.lp-ctrader[data-purchase-unified] .ctv-computer figcaption{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.03em;margin-bottom:30px;color:var(--lp-muted)}
.lp-ctrader[data-purchase-unified] .ctv-diagram{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:12px}
.lp-ctrader[data-purchase-unified] .ctv-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;border:1px solid var(--lp-line);padding:24px 12px;border-radius:7px;background:#14212a;min-width:0}
.lp-ctrader[data-purchase-unified] .ctv-origin{border-color:var(--lp-accent)}
.lp-ctrader[data-purchase-unified] .ctv-diagram strong{font-size:21px;line-height:1.4}
.lp-ctrader[data-purchase-unified] .ctv-diagram small{display:block;font-size:13px;color:var(--lp-muted)}
.lp-ctrader[data-purchase-unified] .ctv-diagram svg{color:var(--lp-accent);flex:none}
.lp-ctrader[data-purchase-unified] .ctv-destinations>small{text-align:center;margin-bottom:12px}
.lp-ctrader[data-purchase-unified] .ctv-destinations>div{display:grid;gap:14px}
.lp-ctrader[data-purchase-unified] .ctv-destinations span{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--lp-line);padding:17px 10px;background:#14212a;border-radius:7px}
.lp-ctrader[data-purchase-unified] .ctv-branch-desktop{width:72px;height:180px;fill:none;stroke:var(--lp-accent);stroke-width:1.65}
.lp-ctrader[data-purchase-unified] .ctv-branch-mobile{display:none;fill:none;stroke:var(--lp-accent);stroke-width:1.65}
.lp-ctrader[data-purchase-unified] .ctv-market-events{display:flex;list-style:none;padding:0;margin:34px 0 0;gap:36px}
.lp-ctrader[data-purchase-unified] .ctv-market-events li{flex:1;position:relative;min-width:0;padding:25px 20px;border-top:2px solid var(--lp-line);background:#0f1921}
.lp-ctrader[data-purchase-unified] .ctv-event-index{display:grid;place-items:center;width:32px;height:32px;background:var(--lp-accent);color:#152116;border-radius:50%;font-size:16px;font-weight:600}
.lp-ctrader[data-purchase-unified] .ctv-market-events h3{font-size:21px;line-height:1.35;margin:20px 0 12px}
.lp-ctrader[data-purchase-unified] .ctv-market-events p{margin:0;font-size:15px}
.lp-ctrader[data-purchase-unified] .ctv-market-events li>svg{position:absolute;right:-30px;top:45%;color:var(--lp-accent)}
.lp-ctrader[data-purchase-unified] .ctv-example{max-width:740px;margin:30px 0 0;border:1px solid var(--lp-line);border-radius:8px;overflow:hidden}
.lp-ctrader[data-purchase-unified] .ctv-example table{min-width:0;width:100%;table-layout:fixed}
.lp-ctrader[data-purchase-unified] .ctv-example caption{caption-side:top;text-align:left;font-size:14px;padding:16px 20px;background:#0f1921;color:var(--lp-muted)}
.lp-ctrader[data-purchase-unified] .ctv-example th,.lp-ctrader[data-purchase-unified] .ctv-example td{font-size:18px;padding:18px 20px}
.lp-ctrader[data-purchase-unified] .ctv-example td:last-child{color:var(--lp-accent)}
.lp-ctrader[data-purchase-unified] .ctv-inverse-examples{max-width:860px;margin:30px 0 0}
.lp-ctrader[data-purchase-unified] .ctv-position-row{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:30px;padding:25px;border-top:1px solid var(--lp-line);background:#0f1921}
.lp-ctrader[data-purchase-unified] .ctv-position-row>span{display:flex;align-items:center;justify-content:space-between;gap:18px}
.lp-ctrader[data-purchase-unified] .ctv-position-row small{font-size:16px}
.lp-ctrader[data-purchase-unified] .ctv-position-row strong{font-size:21px;color:var(--lp-accent)}
.lp-ctrader[data-purchase-unified] .ctv-position-row svg{color:var(--lp-accent)}
.lp-ctrader[data-purchase-unified] .ctv-inverse-examples figcaption{font-size:14px;line-height:1.7;padding:18px 0;color:var(--lp-muted)}
.lp-ctrader[data-purchase-unified] .ctv-accounts>ul{list-style:none;padding:0;max-width:none}
.lp-ctrader[data-purchase-unified] .ctv-accounts>ul>li{padding:22px 0;border-top:1px solid var(--lp-line)}
@media(max-width:760px){
 .lp-ctrader[data-purchase-unified] .ctv-computer{padding:25px 16px 32px}
 .lp-ctrader[data-purchase-unified] .ctv-diagram{display:flex;flex-direction:column;gap:0}
 .lp-ctrader[data-purchase-unified] .ctv-node{width:100%;padding:22px 12px}
 .lp-ctrader[data-purchase-unified] .ctv-diagram>svg:not(.ctv-branch-mobile){transform:rotate(90deg);margin:20px 0}
 .lp-ctrader[data-purchase-unified] .ctv-diagram strong{font-size:19px}
 .lp-ctrader[data-purchase-unified] .ctv-branch-desktop{display:none}
 .lp-ctrader[data-purchase-unified] .ctv-branch-mobile{display:block;width:100%;height:65px}
 .lp-ctrader[data-purchase-unified] .ctv-destinations{width:100%}
 .lp-ctrader[data-purchase-unified] .ctv-destinations>div{grid-template-columns:1fr 1fr;gap:10px}
 .lp-ctrader[data-purchase-unified] .ctv-destinations span{flex-direction:column}
 .lp-ctrader[data-purchase-unified] .ctv-market-events{display:block}
 .lp-ctrader[data-purchase-unified] .ctv-market-events li{padding:24px}
 .lp-ctrader[data-purchase-unified] .ctv-market-events li+li{margin-top:40px}
 .lp-ctrader[data-purchase-unified] .ctv-market-events li>svg{right:calc(50% - 11px);top:auto;bottom:-32px;transform:rotate(90deg)}
 .lp-ctrader[data-purchase-unified] .ctv-example th,.lp-ctrader[data-purchase-unified] .ctv-example td{font-size:16px;padding:17px 14px}
 .lp-ctrader[data-purchase-unified] .ctv-position-row{display:flex;flex-direction:column;gap:20px;padding:24px 18px}
 .lp-ctrader[data-purchase-unified] .ctv-position-row>span{width:100%}
 .lp-ctrader[data-purchase-unified] .ctv-position-row>svg{transform:rotate(90deg)}
}
/* Installation service: a human session, explicit inclusions and availability. */
.lp-installation[data-purchase-unified] .sv-session>p{font-size:18px;max-width:none}
.lp-installation[data-purchase-unified] .sv-included{margin-top:38px}
.lp-installation[data-purchase-unified] .sv-included h2{font-size:clamp(25px,2.7vw,35px)}
.lp-installation[data-purchase-unified] .sv-inclusions{list-style:none;padding:0;margin:28px 0 0;max-width:none}
.lp-installation[data-purchase-unified] .sv-inclusions li{display:flex;align-items:center;gap:26px;padding:26px 20px;border-top:1px solid var(--lp-line);font-size:19px;line-height:1.6}
.lp-installation[data-purchase-unified] .sv-inclusions li>span{flex:none;font-size:16px;color:var(--lp-accent)}
.lp-installation[data-purchase-unified] .sv-inclusions li>div{flex:1}
.lp-installation[data-purchase-unified] .sv-inclusions li>svg{flex:none;color:var(--lp-accent)}
.lp-installation[data-purchase-unified] .sv-inclusions .sv-recording{background:#0f1921;border-left:3px solid var(--lp-accent)}
.lp-installation[data-purchase-unified] .sv-process{list-style:none;padding:0;margin:32px 0 38px;display:flex;gap:30px}
.lp-installation[data-purchase-unified] .sv-process li{flex:1;min-width:0;border-top:1px solid var(--lp-line);padding:24px 0}
.lp-installation[data-purchase-unified] .sv-process li>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--lp-accent);border-radius:50%;font-size:17px;color:var(--lp-accent);margin-bottom:18px}
.lp-installation[data-purchase-unified] .sv-process p{margin:0;font-size:17px}
.lp-installation[data-purchase-unified] .sv-contact{max-width:none;background:#0f1921;border-top:1px solid var(--lp-line);padding:32px}
.lp-installation[data-purchase-unified] .sv-contact>p:first-child{max-width:none;margin-bottom:25px}
.lp-installation[data-purchase-unified] .service-whatsapp{display:inline-flex;gap:16px;align-items:center;min-height:54px;padding:14px 22px;white-space:normal;line-height:1.5;font-size:16px;color:var(--lp-accent);border-color:var(--lp-line);text-decoration:none}
.lp-installation[data-purchase-unified] .sv-contact .sv-availability{font-size:14px;margin:18px 0 0}
.lp-installation[data-purchase-unified] .sv-before>ul{padding-left:22px;max-width:none}
.lp-installation[data-purchase-unified] .sv-before .lp-buy{display:inline-flex;gap:15px;min-height:54px;margin-top:10px;padding-inline:25px;color:#152116;text-decoration:none}
.lp-installation[data-purchase-unified] .service-related{border-top:0;margin-block:30px 50px}
@media(max-width:760px){
 .lp-installation[data-purchase-unified] .sv-session>p{font-size:17px}
 .lp-installation[data-purchase-unified] .sv-inclusions li{gap:17px;align-items:start;padding:24px 14px;font-size:17px}
 .lp-installation[data-purchase-unified] .sv-inclusions li>svg{display:none}
 .lp-installation[data-purchase-unified] .sv-process{display:block;margin-bottom:28px}
 .lp-installation[data-purchase-unified] .sv-process li{display:flex;gap:20px;padding:24px 0}
 .lp-installation[data-purchase-unified] .sv-process li>span{flex:none;margin:0}
 .lp-installation[data-purchase-unified] .sv-contact{padding:26px 20px}
 .lp-installation[data-purchase-unified] .service-whatsapp,.lp-installation[data-purchase-unified] .sv-before .lp-buy{display:flex;width:100%;justify-content:center;text-align:center}
}


/* ===== SOURCE assets/css/product-purchase.css ===== */
/* Shared purchase module. Only the opted-in product hero and evidence classes are affected. */
/* Conditional coupon prices reuse the public site's typography, surfaces and lime accent. */
.coupon-price{min-width:0;width:100%;margin:12px 0 22px;color:var(--color-text);font-family:var(--font-content);text-align:left}
.coupon-price .coupon-price-original{display:flex;flex-wrap:wrap;gap:6px;color:var(--color-text-muted);font-size:12px;line-height:1.5}
.coupon-price .coupon-price-label{display:flex;align-items:center;gap:7px;margin:10px 0 8px;color:var(--color-accent);font-size:13px;font-weight:600;line-height:1.5}
.coupon-price .coupon-price-label svg{flex:none}
.coupon-price .coupon-price-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;margin:0 0 10px;line-height:1.1}
.coupon-price .coupon-price-total>strong{color:var(--color-text);font:600 clamp(38px,3.6vw,48px)/1.1 var(--font-content);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.coupon-price .coupon-price-total>small{color:var(--color-text-muted);font:400 13px/1.5 var(--font-content)}
.coupon-price .coupon-price-comparison{display:flex;flex-wrap:wrap;gap:3px 12px;color:var(--color-text-muted);font-size:12px;line-height:1.6}
.coupon-price .coupon-price-comparison>span:last-child{color:var(--color-accent)}
.coupon-price .coupon-price-gift{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding-top:17px;border-top:1px solid var(--color-border)}
.coupon-price .coupon-price-gift-icon{display:flex;flex:none;color:var(--color-accent);margin-top:2px}
.coupon-price .coupon-price-gift>div{min-width:0;flex:1}
.coupon-price .coupon-price-gift-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 9px;margin-bottom:5px;color:var(--color-text-muted);font-size:12px;line-height:1.5}
.coupon-price .coupon-price-gift-label>b{color:var(--color-accent);font-size:12px;font-weight:600;line-height:1.5}
.coupon-price .coupon-price-gift strong{display:block;font:600 15px/1.5 var(--font-content);letter-spacing:0;color:var(--color-text)}
.coupon-price .coupon-price-gift strong>span{color:var(--color-accent);white-space:nowrap}
.coupon-price .coupon-price-gift p{margin:5px 0 0;font:400 12px/1.6 var(--font-content);color:var(--color-text-muted)}
.coupon-price--footer{margin:12px 0 0}
.coupon-price--footer .coupon-price-total>strong{font-size:38px}
.coupon-price--card{margin:0}
.coupon-price--card .coupon-price-label{margin:7px 0 5px;font-size:12px}
.coupon-price--card .coupon-price-total{margin-bottom:5px}
.coupon-price--card .coupon-price-total>strong{font-size:30px}
.coupon-price--card .coupon-price-comparison{display:grid;font-size:12px}
.coupon-price--card .coupon-price-gift{margin-top:11px;padding-top:11px;gap:8px}
.coupon-price--card .coupon-price-gift strong{font-size:13px}
.coupon-price--card .coupon-price-gift p{display:none}
@media(max-width:600px){.coupon-price .coupon-price-total>strong{font-size:42px}.coupon-price--card .coupon-price-total>strong{font-size:28px}.coupon-price--footer .coupon-price-total>strong{font-size:36px}}
.bm-product-purchase{--bp-bg:#0b1118;--bp-surface:#14212a;--bp-line:#385158;--bp-soft:#293e46;--bp-text:#f3f6f2;--bp-muted:#c2d0d0;--bp-accent:#d8f59c;font:16px/1.7 "DM Sans",sans-serif;color:var(--bp-text)}
.bm-product-purchase *{box-sizing:border-box}
.bm-product-purchase [hidden]{display:none!important}
.bm-product-purchase .container{width:min(1200px,calc(100% - 64px));max-width:1200px;margin-inline:auto}
.bm-product-purchase :is(h1,p,figure){margin:0}
.bm-product-purchase :is(button,a){-webkit-tap-highlight-color:transparent}
.bm-product-purchase :is(button,.btn){font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;line-height:1.35}
.bm-product-purchase :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--bp-accent);outline-offset:5px}
.bm-product-purchase .bp-opening{padding-top:24px}
.bm-product-purchase .bp-breadcrumb{font-size:13px;line-height:1.5;gap:8px;margin:0 0 24px}
.bm-product-purchase .bp-breadcrumb [aria-current]{color:var(--bp-muted)}
.bm-product-purchase .bp-heading{margin-bottom:28px}
.bm-product-purchase h1{max-width:none;width:100%;font:600 clamp(30px,3.25vw,46px)/1.12 "DM Sans",sans-serif;letter-spacing:-.035em;color:var(--bp-text);text-wrap:pretty}
.bm-product-purchase .bp-lead{max-width:none;margin-top:20px;font-size:17px;line-height:1.7;color:var(--bp-muted)}
.bm-product-purchase .bp-lead p{font-size:inherit;line-height:inherit;color:inherit}
.bm-product-purchase .bp-lead strong{font-weight:400;color:inherit}
.bm-product-purchase .bp-hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(310px,1fr);gap:24px;align-items:stretch}
.bm-product-purchase .bp-demo{display:flex;flex-direction:column;min-width:0;align-self:stretch;scroll-margin-top:90px;border:1px solid var(--bp-line);border-radius:8px;background:var(--bp-bg);overflow:hidden}
.bm-product-purchase .product-demo{position:relative;order:0;flex:1;min-height:0;width:100%;aspect-ratio:16/9;overflow:hidden;border:0;border-radius:0;background:var(--bp-bg)}
.bm-product-purchase .product-demo .video-cover{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;min-height:0;padding:0;border:0;cursor:pointer;background:var(--bp-bg)}
.bm-product-purchase .video-cover:focus-visible{outline-offset:-5px}
.bm-product-purchase .video-cover img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}
.bm-product-purchase .product-demo iframe{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;border:0}
.bm-product-purchase .bp-video-action{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:calc(100% - 24px)}
.bm-product-purchase .bp-video-action .video-play{position:static;transform:none;display:grid;place-items:center;flex:none;width:66px;height:66px;border-radius:50%;background:var(--bp-accent);color:#152116;border:5px solid #152116}
.bm-product-purchase .bp-video-label{display:block;max-width:100%;padding:10px 16px;border:1px solid var(--bp-line);border-radius:6px;background:#0b1118f5;color:var(--bp-text);font-size:15px;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}
.bm-product-purchase .video-play::after{display:none}
.bm-product-purchase .video-play svg{width:28px;height:28px;display:block}
.bm-product-purchase .bp-video-caption{display:flex;justify-content:space-between;align-items:center;flex:none;flex-wrap:wrap;gap:8px 16px;margin-top:0;padding:12px 16px;border-top:1px solid var(--bp-line);color:var(--bp-muted);font-size:13px;line-height:1.5}
.bm-product-purchase .bp-video-caption a{display:inline-flex;align-items:center;gap:6px}
.bm-product-purchase .bp-authentic-cover{position:relative;flex:1;aspect-ratio:16/9;background:var(--bp-surface);border:0;border-radius:0;overflow:hidden}
.bm-product-purchase .bp-authentic-cover img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain}
.bm-product-purchase .bp-notice{font-size:14px;line-height:1.65;padding:14px 16px;margin:16px 0 20px;border-left:2px solid var(--bp-accent);background:var(--bp-bg)}
.bm-product-purchase .bp-notice p{margin:0}
.bm-product-purchase .bp-purchase{display:flex;flex-direction:column;justify-content:center;min-width:0;border:1px solid var(--bp-line);border-radius:8px;background:var(--bp-surface);padding:30px}
.bm-product-purchase .bp-price-label{display:block;color:var(--bp-muted);font-size:13px;letter-spacing:.05em;line-height:1.5}
.bm-product-purchase .bp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:10px 0 24px;line-height:1.1}
.bm-product-purchase .bp-price strong{font:600 46px/1.1 "DM Sans",sans-serif;letter-spacing:-.04em;color:var(--bp-text)}
.bm-product-purchase .bp-price :is(span,del){font-size:14px;color:var(--bp-muted)}
.bm-product-purchase .bp-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:54px;padding:15px 20px;border:1px solid var(--bp-accent);border-radius:6px;color:#152116;background:var(--bp-accent);font-size:16px;text-decoration:none}
.bm-product-purchase .bp-buy:hover{background:#edffc4;border-color:#edffc4}
.bm-product-purchase .bp-buy svg{flex:none}
.bm-product-purchase .bp-payment{display:flex;align-items:flex-start;gap:10px;margin-top:18px;color:var(--bp-muted);font-size:14px;line-height:1.6}
.bm-product-purchase .bp-payment svg{flex:none;margin-top:3px;color:var(--bp-accent)}
.bm-product-purchase .bp-compatibility{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid var(--bp-line);color:var(--bp-muted);font-size:14px;line-height:1.7}
.bm-product-purchase .bp-compatibility>svg{flex:none;margin-top:3px;color:var(--bp-accent)}
.bm-product-purchase .bp-compatibility p{font-size:14px;line-height:1.7;color:var(--bp-muted)}
.bm-product-purchase .bp-compatibility p+p{margin-top:10px}
.bm-product-purchase .bp-compatibility a{text-decoration:underline;text-underline-offset:4px;color:var(--bp-text)}
.bm-product-purchase .bp-conditions-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px;line-height:1.5}
.bm-product-purchase .bp-gallery{margin-top:24px}
.bm-product-purchase .bm-demo-gallery{margin:0;padding:0;border:0;border-radius:0;background:none}
.bm-product-purchase .bm-demo-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:15px;line-height:1.5}
.bm-product-purchase .bm-demo-gallery-head small{display:inline;margin-left:10px;font-size:13px;font-weight:400;color:var(--bp-muted)}
.bm-product-purchase .bm-gallery-buttons{display:flex;gap:8px;flex:none}
.bm-product-purchase .bm-gallery-buttons button{display:grid;place-items:center;min-width:44px;min-height:44px;width:44px;height:44px;border:1px solid var(--bp-line);border-radius:6px;background:var(--bp-bg);color:var(--bp-text);cursor:pointer}
.bm-product-purchase .bm-gallery-buttons button:first-child svg{transform:rotate(180deg)}
.bm-product-purchase .bm-gallery-buttons button:last-child svg{transform:none}
.bm-product-purchase .bm-gallery-rail{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 0 10px;scrollbar-color:var(--bp-line) var(--bp-bg)}
.bm-product-purchase .bm-gallery-rail [data-gallery-item]{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 152px;width:152px;height:112px;aspect-ratio:auto;overflow:hidden;padding:7px;border:1px solid var(--bp-soft);border-radius:6px;background:var(--bp-surface);scroll-snap-align:start}
.bm-product-purchase .bm-gallery-rail [data-gallery-item] img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.bm-product-purchase .bp-thumb-number{position:absolute;left:6px;top:5px;padding:0 4px;background:#0b1118ed;color:var(--bp-text);font-size:11px;line-height:20px}
.bm-product-purchase .gallery-lightbox{width:min(1100px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px}
.bm-product-purchase .gallery-lightbox-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 220px);object-fit:contain;margin-inline:auto}
.bm-product-purchase .gallery-lightbox-actions{display:flex;gap:12px}
.bm-product-purchase .gallery-lightbox-actions button{min-height:44px;font-size:14px}
[data-landing] .bm-product-evidence{min-width:0;margin:0}
[data-landing] .bm-product-evidence>a{position:relative;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}
[data-landing] .bm-product-evidence img{display:block;width:auto;max-width:100%;height:auto;max-height:440px;object-fit:contain}
[data-landing] .bm-product-evidence figcaption{margin-top:10px;font:400 13px/1.5 "DM Sans",sans-serif;color:var(--color-text-muted)}
[data-landing] .bm-evidence-enlarge{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-bg);color:var(--color-accent)}
@media(max-width:1100px){
.bm-product-purchase .bp-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}
.bm-product-purchase .bp-purchase{padding:24px}
.bm-product-purchase .bp-price strong{font-size:42px}
}
@media(max-width:800px){
.bm-product-purchase .container{width:calc(100% - 40px)}
.bm-product-purchase h1{font-size:36px}
.bm-product-purchase .bp-hero-grid{grid-template-columns:1fr}
.bm-product-purchase :is(.product-demo,.bp-authentic-cover){flex:none}
.bm-product-purchase .bp-purchase{display:flex;gap:12px;align-items:stretch}
.bm-product-purchase .bp-price{margin:0 0 6px}
.bm-product-purchase .bp-payment{margin-top:4px}
.bm-product-purchase .bp-compatibility{margin-top:2px;padding-top:18px}
.bm-product-purchase .bp-conditions-link{margin-top:2px}
}
@media(max-width:600px){
.bm-product-purchase .container{width:calc(100% - 32px)}
.bm-product-purchase .bp-opening{padding-top:18px}
.bm-product-purchase .bp-breadcrumb{font-size:12px;margin-bottom:22px;gap:6px}
.bm-product-purchase h1{font-size:30px;line-height:1.14;letter-spacing:-.03em}
.bm-product-purchase .bp-heading{margin-bottom:24px}
.bm-product-purchase .bp-lead{font-size:16px;line-height:1.65;margin-top:16px}
.bm-product-purchase .bp-video-action .video-play{width:54px;height:54px;border-width:4px}
.bm-product-purchase .bp-video-action{gap:9px}
.bm-product-purchase .bp-video-label{font-size:13px;padding:8px 12px}
.bm-product-purchase .bp-video-caption{font-size:12px;gap:6px}
.bm-product-purchase .bp-purchase{display:flex;gap:0;padding:22px}
.bm-product-purchase .bp-price-label{width:100%}
.bm-product-purchase .bp-price{width:100%;margin:10px 0 22px}
.bm-product-purchase .bp-price strong{font-size:44px}
.bm-product-purchase .bp-payment{width:100%;margin-top:16px}
.bm-product-purchase .bp-compatibility{width:100%;margin-top:20px;padding-top:18px}
.bm-product-purchase .bp-conditions-link{width:100%;margin-top:14px}
.bm-product-purchase .bm-demo-gallery-head{font-size:14px}
.bm-product-purchase .bm-demo-gallery-head small{font-size:12px}
.bm-product-purchase .bm-gallery-rail [data-gallery-item]{flex-basis:136px;width:136px;height:104px}
.bm-product-purchase .gallery-lightbox{padding:14px}
.bm-product-purchase .gallery-lightbox-actions{gap:8px}
.bm-product-purchase .gallery-lightbox-actions button{flex:1;font-size:13px;padding:10px}
[data-landing] .bm-product-evidence>a{padding:16px}
[data-landing] .bm-product-evidence img{max-height:390px}
}
@media(prefers-reduced-motion:reduce){
.bm-product-purchase *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* ===== SOURCE assets/css/affiliate-coupon.css ===== */
/* Scoped coupon benefit. SSR reserves its space; motion only uses paint/transforms. */
.affiliate-coupon-notice{color:var(--color-text-muted);font:400 14px/1.65 var(--font-content)}
.affiliate-coupon-inner{padding-block:14px}
.affiliate-coupon-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:18px;padding:14px 22px;border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);border-radius:12px;background:var(--color-surface);box-shadow:0 6px 20px #00000014;animation:affiliate-coupon-enter 260ms var(--motion-ease) both;transition:border-color var(--motion-standard),box-shadow var(--motion-standard)}
.affiliate-coupon-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-quiet);color:var(--color-accent);animation:affiliate-coupon-gift 420ms var(--motion-ease) both}
.affiliate-coupon-notice p{min-width:0;max-width:none;margin:0;font:inherit;color:inherit;overflow-wrap:anywhere}
.affiliate-coupon-notice strong{font-weight:600;color:var(--color-text)}
.affiliate-coupon-notice .affiliate-coupon-intro{display:block;margin:0 0 4px;font-size:16px;line-height:1.65}
.affiliate-coupon-code{display:inline-block;vertical-align:baseline;max-width:calc(100% - 16px);margin-inline:6px;padding:2px 9px;border:1px solid var(--color-accent);border-radius:6px;background:var(--color-accent);color:var(--color-accent-ink);font-weight:700;line-height:1.4;overflow-wrap:anywhere;transition:background-color var(--motion-standard),transform var(--motion-standard)}
.affiliate-coupon-notice .affiliate-coupon-benefit{display:inline-block;margin-inline:2px;padding:0 6px;border:1px solid var(--color-border);border-radius:4px;color:var(--color-accent);line-height:1.5}
.affiliate-coupon-frame{display:none!important;width:0;height:0;border:0}
@keyframes affiliate-coupon-enter{from{transform:translateY(4px)}to{transform:translateY(0)}}
@keyframes affiliate-coupon-gift{from{transform:rotate(-7deg) scale(.96)}to{transform:rotate(0) scale(1)}}
@media(hover:hover){.affiliate-coupon-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px #00000024}.affiliate-coupon-card:hover .affiliate-coupon-code{background:var(--color-accent-hover);transform:translateY(-1px)}}
@media(max-width:600px){
 .affiliate-coupon-inner{padding-block:12px}
 .affiliate-coupon-card{display:block;padding:14px 15px;border-radius:10px}
 .affiliate-coupon-icon{position:absolute;inset-inline-start:14px;top:16px;width:30px;height:30px;border-radius:8px}
 .affiliate-coupon-icon svg{width:19px;height:19px}
 .affiliate-coupon-notice .affiliate-coupon-intro{min-height:32px;padding-inline-start:40px;margin-bottom:8px;font-size:14px;line-height:1.8}
 .affiliate-coupon-code{padding:2px 7px}
 .affiliate-coupon-notice p{font-size:13px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.affiliate-coupon-card,.affiliate-coupon-icon{animation:none}.affiliate-coupon-card,.affiliate-coupon-code{transition:none}}


/* ===== SOURCE assets/css/resource-articles.css ===== */
/* Complete local resources — existing CMS palette and chrome. */
.resource-article{padding:0 0 96px;background:var(--color-bg)}
.resource-container{max-width:1248px}
.resource-breadcrumb{padding-block:28px 0;margin:0;font-size:14px}
.resource-hero{padding-block:40px 48px;border-bottom:1px solid var(--color-border)}
.resource-hero>time{display:block;color:var(--color-text-subtle);font-size:14px;margin-bottom:20px;font-variant-numeric:tabular-nums}
.resource-hero h1{font-size:clamp(32px,3.8vw,52px);line-height:1.13;letter-spacing:-.035em;font-weight:650;margin:0;color:var(--color-text);max-width:1120px;text-wrap:balance}
.resource-lead{margin-top:28px;color:var(--color-text-muted);font-size:clamp(18px,1.5vw,20px);line-height:1.8}
.resource-lead p{margin:0;max-width:none}
.resource-reading{padding-top:40px}
.resource-reading--indexed{display:grid;grid-template-columns:224px minmax(0,1fr);column-gap:48px;align-items:start}
.resource-prose{min-width:0;font-size:18px;line-height:1.85;color:var(--color-text-muted)}
.resource-prose p,.resource-prose ul,.resource-prose ol,.resource-prose blockquote{max-width:none}
.resource-source{margin:0 0 24px;min-width:0}
.resource-source p{margin:0;line-height:inherit;overflow-wrap:break-word}
.resource-source strong{font-weight:650;color:var(--color-text)}
.resource-source h2,.resource-source h3,.resource-source h4{margin:0;color:var(--color-text);line-height:1.3;letter-spacing:-.022em;scroll-margin-top:128px;text-wrap:pretty}
.resource-source h2{font-size:clamp(25px,2.5vw,34px);font-weight:650}
.resource-source h3{font-size:24px}.resource-source h4{font-size:21px}
.resource-source--h4,.resource-source--h6{margin-top:32px}
.resource-source a{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.resource-source ul,.resource-source ol{margin:0;padding-left:26px;line-height:inherit}
.resource-source li{padding-left:6px;margin:0 0 16px}
.resource-source li::marker{color:var(--color-accent)}
.resource-source li:last-child{margin-bottom:0}
.resource-source li>ul,.resource-source li>ol{margin:20px 0 24px;padding-left:24px;border-left:1px solid var(--color-border)}
.resource-source blockquote{margin:32px 0;padding:24px 28px;border:0;border-left:3px solid var(--color-accent);background:var(--color-surface-quiet);font-size:inherit;color:var(--color-text)}
.resource-source blockquote p{font-size:inherit;line-height:inherit}
.resource-source--hr{margin:0}
.resource-source hr{display:none} /* Chapter rules provide the original decorative separators once. */
.resource-chapter{padding:36px 0 16px;border-top:1px solid var(--color-border-soft)}
.resource-chapter:first-child{padding-top:0;border-top:0}
.resource-index>div{position:sticky;top:112px;padding-right:24px;border-right:1px solid var(--color-border)}
.resource-index{align-self:stretch}
.resource-index h2{font-size:17px;line-height:1.4;margin:0 0 20px;color:var(--color-text);font-weight:650;border-left:3px solid var(--color-accent);padding-left:12px}
.resource-index nav{max-height:calc(100vh - 190px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-right:5px}
.resource-index ol,.resource-mobile-index ol{list-style:none;margin:0;padding:0}
.resource-index li+li{margin-top:16px}
.resource-index a{font-size:14px;line-height:1.65;color:var(--color-text-muted);display:block;text-decoration:none;transition:color var(--motion-fast)}
.resource-index a:hover,.resource-index a:focus-visible{color:var(--color-accent)}
.resource-mobile-index{display:none}
.resource-notice,.resource-caution,.resource-prompt{padding:20px 24px;background:var(--color-surface-quiet);border-left:3px solid var(--color-accent);border-radius:0 8px 8px 0}
.resource-caution{border-color:var(--color-warning);background:#211e18}
.resource-flow{padding:24px;background:var(--color-surface-quiet);border:1px solid var(--color-border);text-align:center;font-size:19px;border-radius:8px;color:var(--color-accent)}
.resource-flow strong{color:var(--color-accent)}
.resource-bullet{padding-left:16px;border-left:1px solid var(--color-border);margin-left:4px}
.resource-article--comparison .resource-chapter{padding:28px 32px;background:var(--color-surface-quiet);border:0;border-left:3px solid var(--color-accent);margin-bottom:28px}
.resource-article--comparison .resource-chapter h2{font-size:26px}
.resource-article--comparison .resource-chapter--contrast{border-color:var(--color-warning);background:#1b1d1b}
.resource-article--comparison .resource-chapter--contrast h2{color:var(--color-warning)}
.resource-article--comparison .resource-chapter--contrast h2 strong{color:inherit}
.resource-article--comparison .resource-source--hr{display:none}
.resource-article--manual .resource-chapter>.resource-source:first-child{padding-bottom:20px;border-bottom:1px solid var(--color-accent)}
.resource-article--manual .resource-prose>ul>li{list-style:none}
.resource-article--letter .resource-container{max-width:1056px}
.resource-article--letter .resource-hero{border-bottom:2px solid var(--color-accent)}
.resource-article--letter .resource-lead{font-size:20px;line-height:1.95;padding-left:26px;border-left:3px solid var(--color-accent)}
.resource-article--letter .resource-prose{font-size:19px;line-height:1.95}
.resource-article--letter .resource-source{margin-bottom:36px}
.resource-article--letter .resource-prose>.resource-source:last-child{color:var(--color-accent);font-size:26px}
.resource-video{aspect-ratio:16/9;position:relative;width:100%;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface-quiet)}
.resource-video .video-cover{position:relative;width:100%;height:100%;display:block;cursor:pointer;padding:0;border:0}
.resource-video .video-cover>img{width:100%;height:100%;object-fit:cover}
.resource-video-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:linear-gradient(transparent 22%,rgb(0 0 0/.65));font:600 16px var(--font-content);color:#fff}
.resource-play{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgb(255 255 255/.6);border-radius:50%;background:rgb(11 17 24/.75);transition:background var(--motion-fast),transform var(--motion-fast)}
.resource-video .video-cover:hover .resource-play{background:#283b2c;transform:scale(1.05)}
.resource-video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}
.resource-related{border-top:1px solid var(--color-border);margin-top:64px;padding-top:32px}
.resource-related h2{font-size:28px;margin:0 0 24px;line-height:1.3}
.resource-related>div>a{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--color-border-soft);padding:24px 0;color:var(--color-text);text-decoration:none;transition:color var(--motion-fast)}
.resource-related time{display:block;font-size:13px;color:var(--color-text-subtle);margin-bottom:8px}
.resource-related strong{font-size:18px;font-weight:550;line-height:1.5}
.resource-related svg{flex-shrink:0;color:var(--color-accent)}
.resource-related a:hover strong{color:var(--color-accent)}
.resource-back{display:inline-flex;align-items:center;gap:12px;margin-top:24px;color:var(--color-accent);text-decoration:none}
@media(max-width:1023px){
 .resource-reading--indexed{display:block}
 .resource-index{display:none}
 .resource-mobile-index{display:block;border-block:1px solid var(--color-border);padding:18px 0;margin:0 0 36px}
 .resource-mobile-index summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;cursor:pointer;color:var(--color-text);font-weight:600;list-style:none}
 .resource-mobile-index summary::-webkit-details-marker{display:none}
 .resource-mobile-index summary svg{color:var(--color-accent);transition:transform var(--motion-standard)}
 .resource-mobile-index[open] summary svg{transform:rotate(180deg)}
 .resource-mobile-index nav{padding-top:24px}
 .resource-mobile-index li+li{margin-top:16px}
 .resource-mobile-index a{font-size:16px;line-height:1.6;color:var(--color-text-muted);display:block}
 .resource-article:has(.resource-mobile-index) .resource-hero{border-bottom:0;padding-bottom:28px}
 .resource-reading--indexed{padding-top:0}
}
@media(max-width:600px){
 .resource-article{padding-bottom:64px}
 .resource-breadcrumb{padding-top:22px}
 .resource-hero{padding:28px 0 32px}
 .resource-hero h1{font-size:32px;line-height:1.16;letter-spacing:-.03em;text-wrap:pretty}
 .resource-hero>time{margin-bottom:16px}
 .resource-lead{font-size:18px;margin-top:24px}
 .resource-reading{padding-top:28px}
 .resource-prose{font-size:17px;line-height:1.85}
 .resource-chapter{padding-block:28px 4px}
 .resource-source{margin-bottom:22px}
 .resource-source h2{font-size:25px;line-height:1.35}
 .resource-source h3{font-size:22px}.resource-source h4{font-size:20px}
 .resource-source ul,.resource-source ol{padding-left:22px}
 .resource-source li{padding-left:2px}
 .resource-source li>ul,.resource-source li>ol{padding-left:18px;margin-block:18px}
 .resource-source blockquote,.resource-notice,.resource-caution,.resource-prompt{padding:18px}
 .resource-flow{padding:18px;font-size:17px;line-height:2}
 .resource-article--comparison .resource-chapter{padding:22px 18px}
 .resource-article--comparison .resource-chapter h2{font-size:23px}
 .resource-article--letter .resource-lead{padding-left:18px;font-size:18px;line-height:1.9}
 .resource-article--letter .resource-prose{font-size:18px;line-height:1.9}
 .resource-video-action{font-size:14px;gap:10px}
 .resource-play{width:48px;height:48px}
 .resource-related{margin-top:40px;padding-top:28px}
 .resource-related h2{font-size:25px}
 .resource-related strong{font-size:17px}
 .resource-related>div>a{gap:16px}
}
@media(prefers-reduced-motion:reduce){.resource-article *{scroll-behavior:auto;transition:none}}