.ix-438{
  color:color-mix(in srgb,var(--theme-text-sub) 92%,white 8%);
  max-width:48ch;
  margin:14px auto 0;
  font-size:18px;
  line-height:1.72;
}

@keyframes tradingBadgeRise{
  0%{
    opacity:0;
    transform:translateY(18px) scale(.92);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes tradingRuleReveal{
  0%{
    opacity:0;
    transform:translateY(18px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes tradingCloudDash{
  to{
    stroke-dashoffset:-18;
  }
}

.ix-440{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:40px;
  align-items:stretch;
  margin-top:40px;
  display:grid;
  position:relative;
}

.ix-441{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.84));
  border:1px solid rgba(111,156,255,.16);
  border-radius:34px;
  min-height:590px;
  padding:28px 28px 26px;
  box-shadow:0 28px 70px rgba(45,90,185,.12),inset 0 1px 0 rgba(255,255,255,.9);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:visible;
  isolation:isolate;
  animation:tradingCardIn .72s var(--motion-ease-soft) both;
}

.ix-441:nth-child(1){
  background:linear-gradient(180deg,#eaf2ff 0%,#dce8ff 100%);
  border-color:rgba(91,140,255,.22);
  box-shadow:0 28px 70px rgba(51,92,184,.18),inset 0 1px 0 rgba(255,255,255,.88);
}

.ix-441:nth-child(2),
.ix-441:nth-child(3){
  background:linear-gradient(180deg,#eaf2ff 0%,#dce8ff 100%);
  border-color:rgba(91,140,255,.22);
  box-shadow:0 28px 70px rgba(51,92,184,.18),inset 0 1px 0 rgba(255,255,255,.88);
}

.ix-441:nth-child(2){animation-delay:.1s}
.ix-441:nth-child(3){animation-delay:.2s}

.ix-441:before{
  content:"";
  position:absolute;
  inset:auto 18% -28px 18%;
  height:42px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(60,121,255,.18),rgba(60,121,255,0));
  filter:blur(18px);
  opacity:.9;
  z-index:-1;
}

.ix-441:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 88px rgba(43,88,182,.16),inset 0 1px 0 rgba(255,255,255,.96);
}

.ix-442{
  width:42px;
  min-width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(244,248,255,.96),rgba(233,242,255,.92));
  border:1px solid rgba(111,156,255,.16);
  color:#3e7bff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(57,96,178,.08);
}

.ix-441:nth-child(1) .ix-442{
  background:linear-gradient(180deg,#f6faff 0%,#e2ecff 100%);
  border-color:rgba(91,140,255,.22);
  color:#3c73ea;
}

.ix-441:nth-child(2) .ix-442,
.ix-441:nth-child(3) .ix-442{
  background:linear-gradient(180deg,#f6faff 0%,#e2ecff 100%);
  border-color:rgba(91,140,255,.22);
  color:#3c73ea;
}

.ix-441:nth-child(1) .ix-445{
  color:#18306b;
}

.ix-441:nth-child(1) .ix-446{
  color:#4d6596;
}

.ix-441:nth-child(2) .ix-445,
.ix-441:nth-child(3) .ix-445{
  color:#18306b;
}

.ix-441:nth-child(2) .ix-446,
.ix-441:nth-child(3) .ix-446{
  color:#4d6596;
}

.ix-450{
  margin:18px 0 30px;
  position:relative;
}

.ix-451a,.ix-451b,.ix-451c{
  display:none!important;
}

.ix-451img{
  display:block!important;
  height:auto;
  padding:0;
  background:none;
  border:none;
  box-shadow:none;
}

.trading-visual-shell{
  min-height:210px;
  padding:28px 28px 24px;
  border-radius:26px;
  border:1px solid rgba(126,166,255,.2);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.95));
  box-shadow:0 18px 38px rgba(37,70,136,.08),inset 0 1px 0 rgba(255,255,255,.92);
  position:relative;
  overflow:hidden;
}

.ix-441:nth-child(1) .trading-visual-shell{
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  border-color:rgba(126,166,255,.26);
}

.ix-441:nth-child(2) .trading-visual-shell,
.ix-441:nth-child(3) .trading-visual-shell{
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  border-color:rgba(126,166,255,.26);
}

.trading-visual-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left,rgba(79,132,255,.08),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.28),transparent 48%);
  pointer-events:none;
}

.trading-visual-heading{
  position:relative;
  z-index:2;
  color:rgba(15,27,61,.88);
  font-size:12px;
  font-weight:700;
  letter-spacing:-.01em;
}

.trading-visual-frame{
  position:relative;
  z-index:1;
  margin-top:14px;
  width:65%;
  min-height:118px;
}

.trading-visual-rules{
  display:none;
}

.trading-visual-badges{
  display:none;
}

.trading-dashboard-preview{
  display:none;
}

.trading-frame-bar,
.trading-frame-card,
.trading-frame-line{
  display:block;
  background:linear-gradient(180deg,#eff4fd,#dfe8f8);
  border-radius:999px;
}

.trading-frame-bar{
  height:12px;
  margin-bottom:12px;
}

.trading-frame-bar-wide{width:88%}
.trading-frame-bar-short{width:56%}

.trading-frame-card{
  width:29%;
  height:40px;
  border-radius:10px;
  float:left;
  margin:8px 6% 0 0;
}

.trading-frame-card:nth-child(5){margin-right:0}

.trading-frame-line{
  clear:both;
  height:10px;
  margin-top:16px;
}

.trading-frame-line-a{width:54%}
.trading-frame-line-b{width:42%;margin-top:10px}

.ix-485{
  display:none!important;
}

.ix-441[data-visual="img-discount"] .trading-visual-badges{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,max-content));
  align-content:start;
  justify-content:start;
  gap:8px 8px;
  width:74%;
  margin-top:16px;
  position:relative;
  z-index:1;
}

.ix-441[data-visual="img-discount"] .trading-visual-badge{
  min-height:28px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(113,160,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,245,255,.92));
  color:#3567dd;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:-.01em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 22px rgba(53,103,221,.08);
  opacity:0;
  animation:tradingBadgeRise .56s var(--motion-ease-soft) forwards;
}

.ix-441[data-visual="img-discount"] .trading-visual-badge:nth-child(1){
  animation-delay:.14s;
}

.ix-441[data-visual="img-discount"] .trading-visual-badge:nth-child(2){
  animation-delay:.22s;
}

.ix-441[data-visual="img-discount"] .trading-visual-badge:nth-child(3){
  animation-delay:.3s;
}

.ix-441[data-visual="img-discount"] .trading-visual-badge:nth-child(4){
  animation-delay:.38s;
}

.ix-441[data-visual="img-discount"] .trading-visual-badge:nth-child(5){
  grid-column:1 / span 2;
  justify-self:start;
  animation-delay:.46s;
}

.ix-441[data-visual="img-discount"] .trading-visual-shell::after{
  content:"";
  position:absolute;
  right:14px;
  bottom:12px;
  width:56px;
  height:56px;
  transform:rotate(11deg);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%233d72ff' d='M49.4 8H26.7c-1.7 0-3.3.7-4.5 1.9L8.5 23.7c-2.5 2.5-2.5 6.6 0 9.1L31.2 55c2.5 2.5 6.6 2.5 9.1 0l13.7-13.7c1.2-1.2 1.9-2.8 1.9-4.5V14.6C55.9 10.9 53 8 49.4 8ZM43 22a5 5 0 1 1 0-10 5 5 0 0 1 0 10ZM21 45l8-11 6 5 8-16h5L38 47l-7-6-6 8h-4Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

.ix-441[data-visual="img-alert"] .trading-visual-badges{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,max-content));
  align-content:start;
  justify-content:start;
  gap:8px 8px;
  width:74%;
  margin-top:16px;
  position:relative;
  z-index:1;
}

.ix-441[data-visual="img-alert"] .trading-visual-badge{
  min-height:28px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(113,160,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,245,255,.92));
  color:#3567dd;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:-.01em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 22px rgba(53,103,221,.08);
  opacity:0;
  animation:tradingBadgeRise .56s var(--motion-ease-soft) forwards;
}

.ix-441[data-visual="img-alert"] .trading-visual-badge:nth-child(1){animation-delay:.14s}
.ix-441[data-visual="img-alert"] .trading-visual-badge:nth-child(2){animation-delay:.22s}
.ix-441[data-visual="img-alert"] .trading-visual-badge:nth-child(3){animation-delay:.3s}

.ix-441[data-visual="img-alert"] .trading-visual-shell::after{
  content:"";
  position:absolute;
  right:26px;
  top:50%;
  width:52px;
  height:52px;
  transform:translateY(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 64'%3E%3Cpath fill='none' stroke='%233d72ff' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round' d='M21 26c0-6 4.5-11 11-11s11 5 11 11v8l4 5H17l4-5v-8Z'/%3E%3Cpath fill='none' stroke='%233d72ff' stroke-width='4.4' stroke-linecap='round' d='M27 45c1.4 3.3 3.4 5 5 5s3.6-1.7 5-5'/%3E%3Ccircle cx='58' cy='21' r='5.5' fill='%233d72ff'/%3E%3Ccircle cx='58' cy='21' r='9' fill='none' stroke='%23cfe0ff' stroke-width='2' opacity='.9'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  animation:tradingAlertBellSlide 2.6s var(--motion-ease-soft) infinite;
  transform-origin:center;
  filter:drop-shadow(0 10px 20px rgba(61,114,255,.14));
  will-change:transform,opacity,right;
}

@keyframes tradingAlertBellSlide{
  0%{
    opacity:0;
    right:10px;
    transform:translateY(-50%) translateX(16px) scale(.86);
  }
  18%{
    opacity:1;
  }
  42%{
    opacity:1;
    right:42px;
    transform:translateY(-50%) translateX(0) scale(1);
  }
  72%{
    opacity:1;
    right:42px;
    transform:translateY(-50%) translateX(0) scale(1);
  }
  100%{
    opacity:0;
    right:42px;
    transform:translateY(-50%) translateX(-6px) scale(.96);
  }
}

.ix-441[data-visual="img-tick"] .trading-visual-frame{
  display:none;
}

.ix-441[data-visual="img-tick"] .trading-visual-shell::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='%233d72ff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' d='M14 34 26 46 50 20'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

.ix-441[data-visual="img-tick"] .trading-visual-rules{
  width:74%;
  margin-top:16px;
  display:grid;
  gap:10px;
  position:relative;
  z-index:1;
}

.ix-441[data-visual="img-tick"] .trading-rule-item{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(132,173,255,.18);
  background:linear-gradient(180deg,#fbfdff,#eef4ff);
  opacity:0;
  animation:tradingRuleReveal .62s var(--motion-ease-soft) forwards;
  animation-timeline:view();
  animation-range:entry 10% cover 34%;
}

.ix-441[data-visual="img-tick"] .trading-rule-item:nth-child(1){
  animation-delay:.02s;
}

.ix-441[data-visual="img-tick"] .trading-rule-item:nth-child(2){
  animation-delay:.14s;
}

.ix-441[data-visual="img-tick"] .trading-rule-item:nth-child(3){
  animation-delay:.26s;
}

.ix-441[data-visual="img-tick"] .trading-rule-dot{
  width:24px;
  height:24px;
  border-radius:50%;
  display:block;
  position:relative;
  background:radial-gradient(circle at 35% 35%,#dce8ff,#eef4ff);
}

.ix-441[data-visual="img-tick"] .trading-rule-dot:after{
  content:"";
  position:absolute;
  inset:6px;
  border:2px solid #4a78ff;
  border-radius:50%;
}

.ix-441[data-visual="img-tick"] .trading-rule-title{
  color:#264281;
  font-size:11.5px;
  font-weight:700;
}

.ix-441[data-visual="img-tick"] .trading-rule-sub{
  color:#6b84b0;
  margin-top:2px;
  font-size:10.5px;
  line-height:1.3;
}

.ix-441[data-visual="img-sync"] .trading-visual-heading,
.ix-441[data-visual="img-sync"] .trading-visual-frame{
  display:none;
}

.ix-441[data-visual="img-sync"] .trading-dashboard-preview{
  display:grid;
  width:74%;
  grid-template-columns:minmax(0,1fr) 64px;
  grid-template-rows:84px auto;
  gap:8px 10px;
  margin-top:16px;
  position:relative;
  z-index:1;
  padding-right:0;
}

.ix-441[data-visual="img-sync"] .trading-dashboard-chart{
  grid-column:1;
  grid-row:1;
  min-height:84px;
  border:1px solid rgba(132,173,255,.18);
  border-radius:16px;
  background:linear-gradient(180deg,#fcfdff,#f3f7ff);
  position:relative;
  overflow:hidden;
}

.ix-441[data-visual="img-sync"] .trading-dashboard-chart::before{
  content:"";
  position:absolute;
  inset:14px 12px 16px;
  background:
    linear-gradient(180deg,transparent 0 14px,rgba(72,108,191,.08) 14px 15px,transparent 15px 34px,rgba(72,108,191,.08) 34px 35px,transparent 35px);
  pointer-events:none;
}

.ix-441[data-visual="img-sync"] .trading-dashboard-chart::after{
  content:"";
  position:absolute;
  inset:12px 10px 14px 10px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 90'%3E%3Cpath d='M14 60 L45 44 L74 49 L106 35 L136 43 L168 24 L196 24' fill='none' stroke='%233d72ff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='45' cy='44' r='3.5' fill='%233d72ff'/%3E%3Ccircle cx='106' cy='35' r='3.5' fill='%233d72ff'/%3E%3Ccircle cx='168' cy='24' r='3.5' fill='%233d72ff'/%3E%3Ccircle cx='196' cy='24' r='3.5' fill='%233d72ff'/%3E%3C/svg%3E");
  pointer-events:none;
}

.trading-dashboard-grid{
  display:none;
}

.trading-dashboard-line{
  display:none;
}

.ix-441[data-visual="img-sync"] .trading-dashboard-side{
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-rows:40px 26px;
  gap:6px;
  align-content:start;
}

.trading-dashboard-ring{
  display:block;
  border-radius:14px;
  background:
    radial-gradient(circle at center,#fff 43%,transparent 44%),
    conic-gradient(from -90deg,#3d72ff 0 36%,#22c1dc 36% 69%,#8eb6ff 69% 84%,#e7eefb 84% 100%);
  box-shadow:inset 0 0 0 1px rgba(132,173,255,.16);
}

.trading-dashboard-list{
  display:block;
  border-radius:10px;
  background:
    repeating-linear-gradient(180deg,#eaf0fb 0 6px,transparent 6px 13px);
}

.ix-441[data-visual="img-sync"] .trading-dashboard-metrics{
  grid-column:1 / span 2;
  grid-row:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

.trading-dashboard-metric{
  border:1px solid rgba(132,173,255,.18);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,247,255,.92));
  padding:7px 8px;
}

.trading-dashboard-metric-label{
  color:var(--theme-text-sub);
  font-size:8px;
  line-height:1.2;
  display:block;
}

.trading-dashboard-metric-value{
  color:var(--theme-text);
  font-size:11px;
  font-weight:800;
  margin-top:4px;
  display:block;
}

.ix-441[data-visual="img-sync"] .trading-visual-shell::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:18px;
  width:42px;
  height:42px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='%233d72ff' d='M280-280q-17 0-28.5-11.5T240-320q0-17 11.5-28.5T280-360h97L257-480q-11-11-11-28t11-28q11-11 28-11t28 11l120 120v-97q0-17 11.5-28.5T473-553q17 0 28.5 11.5T513-513v165q0 17-11.5 28.5T473-308H280Zm400-120L560-520v97q0 17-11.5 28.5T520-383q-17 0-28.5-11.5T480-423v-165q0-17 11.5-28.5T520-628h193q17 0 28.5 11.5T753-588q0 17-11.5 28.5T713-548h-97l120 120q11 11 11 28t-11 28q-11 11-28 11t-28-11Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

.ix-441[data-visual="img-cloud"] .trading-visual-heading,
.ix-441[data-visual="img-cloud"] .trading-visual-frame,
.ix-441[data-visual="img-cloud"] .trading-visual-badges,
.ix-441[data-visual="img-cloud"] .trading-visual-rules{
  display:none;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-preview{
  display:block;
  width:70%;
  margin-top:16px;
  position:relative;
  z-index:1;
  min-height:144px;
  margin-inline:auto;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-preview::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:2px;
  height:20px;
  transform:translateX(-50%);
  background:
    repeating-linear-gradient(
      180deg,
      rgba(136,171,255,.95) 0 4px,
      transparent 4px 9px
    );
  opacity:.95;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-preview::after{
  content:"Admin";
  position:absolute;
  left:50%;
  top:-28px;
  transform:translateX(-50%);
  min-width:74px;
  height:28px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(132,173,255,.2);
  background:linear-gradient(180deg,#fbfdff,#eef4ff);
  color:#2c4f99;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 18px rgba(58,99,183,.08);
}

@keyframes tradingCloudFlowAdmin{
  0%{
    opacity:0;
    transform:translateX(-50%) translateY(0) scale(.7);
  }
  18%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translateX(-50%) translateY(18px) scale(1);
  }
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-chart{
  position:absolute;
  left:50%;
  top:22px;
  width:88px;
  height:88px;
  min-height:0;
  border:none;
  border-radius:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%233d72ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' d='M20 17.58A5 5 0 0 0 18 8h-1.26A8 8 0 1 0 4 16.25'/%3E%3Cpath fill='none' stroke='%233d72ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' d='M8 17h11.5'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  overflow:visible;
  box-shadow:none;
  transform:translateX(-50%);
  z-index:2;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-chart::before{
  content:none;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-chart::after{
  content:"";
  position:absolute;
  left:50%;
  top:-14px;
  width:9px;
  height:9px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,#ffffff 0%,#8cb2ff 42%,#3d72ff 70%,rgba(61,114,255,0) 100%);
  box-shadow:0 0 14px rgba(61,114,255,.36);
  z-index:3;
  animation:tradingCloudFlowAdmin 1.8s linear infinite;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side{
  display:block;
  position:relative;
  min-height:144px;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-ring,
.ix-441[data-visual="img-cloud"] .trading-dashboard-list{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  width:92px;
  border-radius:14px;
  border:1px solid rgba(132,173,255,.18);
  background:linear-gradient(180deg,#fbfdff,#eef4ff);
  color:#2c4f99;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  position:absolute;
  top:110px;
  z-index:2;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-ring::before{
  content:"Suppliers";
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-list::before{
  content:"Purchasers";
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-ring{
  left:0;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-list{
  right:0;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side::before,
.ix-441[data-visual="img-cloud"] .trading-dashboard-side::after{
  content:"";
  position:absolute;
  top:84px;
  height:36px;
  z-index:1;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center;
  opacity:.95;
  animation:tradingCloudDash 1.2s linear infinite;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side::before{
  left:42px;
  width:76px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 36'%3E%3Cpath d='M4 32 C 26 24, 44 16, 72 4' fill='none' stroke='%2388abff' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='2.5 7'/%3E%3C/svg%3E");
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side::after{
  right:42px;
  width:76px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 36'%3E%3Cpath d='M72 32 C 50 24, 32 16, 4 4' fill='none' stroke='%2388abff' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='2.5 7'/%3E%3C/svg%3E");
  animation-delay:.6s;
}

@keyframes tradingCloudFlowLeft{
  0%{
    opacity:0;
    transform:translate(0,0) scale(.7);
  }
  20%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translate(58px,-26px) scale(1);
  }
}

@keyframes tradingCloudFlowRight{
  0%{
    opacity:0;
    transform:translate(0,0) scale(.7);
  }
  20%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translate(-58px,-26px) scale(1);
  }
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-ring::after,
.ix-441[data-visual="img-cloud"] .trading-dashboard-list::after{
  content:none;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-metrics{
  display:none;
}

.trading-cloud-flow{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:radial-gradient(circle,#ffffff 0%,#cfe0ff 32%,#7fa6ff 58%,#3d72ff 78%,rgba(61,114,255,0) 100%);
  box-shadow:0 0 14px rgba(61,114,255,.36);
  opacity:0;
  z-index:4;
  pointer-events:none;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-flow-left{
  left:44px;
  top:108px;
  offset-path:path("M 4 32 C 26 24, 44 16, 72 4");
  animation:tradingCloudFollowPath 2.2s linear infinite;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-flow-right{
  right:44px;
  top:108px;
  offset-path:path("M 72 32 C 50 24, 32 16, 4 4");
  animation:tradingCloudFollowPath 2.2s linear infinite 1.1s;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-flow-admin{
  left:50%;
  top:4px;
  transform:translateX(-50%);
  offset-path:path("M 0 0 L 0 20");
  animation:tradingCloudFollowAdmin 1.8s linear infinite;
}

@keyframes tradingCloudFollowPath{
  0%{
    opacity:0;
    offset-distance:0%;
    transform:scale(.72);
  }
  12%{
    opacity:1;
  }
  88%{
    opacity:1;
  }
  100%{
    opacity:0;
    offset-distance:100%;
    transform:scale(1);
  }
}

@keyframes tradingCloudFollowAdmin{
  0%{
    opacity:0;
    offset-distance:0%;
    transform:translateX(-50%) scale(.72);
  }
  15%{
    opacity:1;
  }
  85%{
    opacity:1;
  }
  100%{
    opacity:0;
    offset-distance:100%;
    transform:translateX(-50%) scale(1);
  }
}

.ix-441[data-visual="img-cloud"] .ix-485{
  display:none;
}

.ix-443{
  text-align:center;
  margin-top:auto;
}

.ix-445{
  color:#11255b;
  margin:0 auto 14px;
  font-size:clamp(34px,2.5vw,44px);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.055em;
}

.ix-446{
  color:rgba(76,96,136,.92);
  max-width:26ch;
  margin:0 auto;
  font-size:16px;
  line-height:1.65;
}

.ix-447{
  display:none;
}

.ix-449{
  top:156px;
  width:186px;
  height:88px;
  opacity:1;
}

.ix-449:before{
  background-size:136px 62px;
  animation:flowDash 3.8s linear infinite;
  opacity:.95;
}

.ix-449:after{
  width:54px;
  height:54px;
  font-size:30px;
  box-shadow:0 18px 34px rgba(49,93,220,.28);
}

.ix-449a{left:calc(33.333% - 42px)}
.ix-449b{left:calc(66.666% - 42px)}

@media (max-width:1200px){
  .ix-440{
    gap:28px;
  }

  .ix-441{
    min-height:560px;
    padding:24px 24px 24px;
  }

  .trading-visual-shell{
    padding:24px 22px 20px;
  }

  .ix-445{
    font-size:clamp(30px,2.1vw,38px);
  }
}

@media (max-width:1024px){
  .ix-440{
    grid-template-columns:1fr;
    gap:22px;
    max-width:740px;
    margin-left:auto;
    margin-right:auto;
  }

  .ix-441{
    min-height:auto;
  }

  .ix-449{
    display:none;
  }
}

@media (max-width:860px){
  .ix-438{
    max-width:40ch;
    font-size:16px;
    line-height:1.64;
  }

  .ix-441{
    padding:24px 22px 22px;
  }

  .trading-visual-shell{
    min-height:200px;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badges,
  .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:72%;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
    grid-template-columns:minmax(0,1fr) 78px;
  }

  .ix-441[data-visual="img-sync"] .ix-485{
    width:54px;
    height:54px;
  }
}

@media (max-width:760px){
  .ix-438{
    font-size:16px;
    line-height:1.62;
  }

  .ix-441{
    border-radius:28px;
    padding:22px 20px 22px;
  }

  .ix-442{
    width:38px;
    min-width:38px;
    height:38px;
    font-size:19px;
  }

  .trading-visual-shell{
    min-height:188px;
    padding:22px 20px 20px;
    border-radius:22px;
  }

  .trading-visual-frame{
    width:68%;
    min-height:102px;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badges{
    width:68%;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
    grid-template-columns:minmax(0,1fr) 74px;
  }

  .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:68%;
  }

  .ix-485{
    width:72px;
    height:72px;
  }

  .ix-445{
    font-size:24px;
  }

  .ix-446{
    font-size:14px;
  }
}

@media (max-width:640px){
  .ix-440{
    gap:18px;
    margin-top:28px;
  }

  .ix-441{
    border-radius:24px;
    padding:20px 18px 20px;
  }

  .ix-450{
    margin:14px 0 22px;
  }

  .trading-visual-shell{
    min-height:182px;
    padding:18px 16px 18px;
    border-radius:18px;
  }

  .trading-visual-heading{
    font-size:11px;
  }

  .trading-visual-frame{
    min-height:88px;
    margin-top:12px;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badges,
  .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:100%;
    padding-right:74px;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badge{
    min-height:28px;
    padding:6px 10px;
    font-size:10px;
  }

  .ix-441[data-visual="img-tick"] .trading-rule-item{
    grid-template-columns:20px minmax(0,1fr);
    gap:8px;
    padding:9px 10px;
  }

  .ix-441[data-visual="img-tick"] .trading-rule-dot{
    width:20px;
    height:20px;
  }

  .ix-441[data-visual="img-tick"] .trading-rule-dot:after{
    inset:5px;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
    grid-template-columns:minmax(0,1fr) 58px;
    grid-template-rows:68px auto;
    gap:8px;
  }

  .trading-dashboard-line-a{width:30px;left:16px;top:47px}
  .trading-dashboard-line-b{width:24px;left:41px;top:40px}
  .trading-dashboard-line-c{width:25px;left:63px;top:36px}
  .trading-dashboard-line-d{width:24px;left:86px;top:30px}
  .trading-dashboard-line-e{width:22px;left:108px;top:25px}

  .ix-441[data-visual="img-sync"] .trading-dashboard-side{
    grid-template-rows:1fr 30px;
    gap:8px;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-metrics{
    gap:6px;
  }

  .trading-dashboard-metric{
    padding:7px 8px;
  }

  .trading-dashboard-metric-label{
    font-size:8px;
  }

  .trading-dashboard-metric-value{
    font-size:11px;
    margin-top:4px;
  }

  .ix-445{
    font-size:22px;
  }

  .ix-446{
    max-width:28ch;
    font-size:13.5px;
    line-height:1.58;
  }
}

@media (max-width:560px){
  .trading-visual-frame{
    width:100%;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badges{
    width:100%;
    padding-right:72px;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badge:nth-child(2),
  .ix-441[data-visual="img-discount"] .trading-visual-badge:nth-child(3){
    transform:none;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
    grid-template-columns:minmax(0,1fr) 66px;
    grid-template-rows:76px auto;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-metrics{
    grid-template-columns:1fr 1fr 1fr;
  }

  .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:100%;
    padding-right:72px;
  }

  .ix-441[data-visual="img-discount"] .ix-485,
  .ix-441[data-visual="img-tick"] .ix-485,
  .ix-441[data-visual="img-sync"] .ix-485{
    right:14px;
    bottom:14px;
    width:62px;
    height:62px;
  }
}

@media (max-width:440px){
  .ix-441{
    border-radius:22px;
    padding:18px 16px 18px;
  }

  .ix-442{
    width:36px;
    min-width:36px;
    height:36px;
    font-size:18px;
  }

  .trading-visual-shell{
    min-height:170px;
    padding:16px 14px;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badges{
    gap:6px;
    padding-right:68px;
  }

  .ix-441[data-visual="img-discount"] .trading-visual-badge{
    padding:6px 9px;
    font-size:9.5px;
  }

  .ix-441[data-visual="img-tick"] .trading-visual-rules{
    gap:8px;
    padding-right:68px;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
    grid-template-columns:minmax(0,1fr) 52px;
  }

  .ix-441[data-visual="img-sync"] .trading-dashboard-metrics{
    grid-template-columns:1fr;
  }

  .ix-441[data-visual="img-discount"] .ix-485,
  .ix-441[data-visual="img-tick"] .ix-485,
  .ix-441[data-visual="img-sync"] .ix-485{
    width:54px;
    height:54px;
    right:10px;
    bottom:10px;
  }

  .ix-445{
    font-size:20px;
  }

  .ix-446{
    font-size:13px;
  }
}

/* Restored image-based trading visuals */
.ix-441 .ix-485{
  display:none;
}

.ix-441 .ix-485[src=""]{
  display:none!important;
}

.ix-441[data-visual="img-discount"] .ix-485,
.ix-441[data-visual="img-tick"] .ix-485,
.ix-441[data-visual="img-sync"] .ix-485,
.ix-441[data-visual="img-cloud"] .ix-485,
.ix-441[data-visual="img-alert"] .ix-485{
  display:block!important;
  position:absolute;
  z-index:4;
  object-fit:contain;
  max-width:none;
  filter:drop-shadow(0 12px 24px rgba(61,114,255,.16));
}

.ix-441[data-visual="img-discount"] .trading-visual-shell::after,
.ix-441[data-visual="img-tick"] .trading-visual-shell::after,
.ix-441[data-visual="img-sync"] .trading-visual-shell::after,
.ix-441[data-visual="img-alert"] .trading-visual-shell::after{
  content:none!important;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-chart::before,
.ix-441[data-visual="img-cloud"] .trading-dashboard-chart::after{
  content:none!important;
}

.ix-441[data-visual="img-discount"] .ix-485{
  right:16px;
  bottom:12px;
  width:68px;
  height:68px;
  transform:rotate(10deg);
}

.ix-441[data-visual="img-tick"] .ix-485{
  right:16px;
  top:50%;
  width:52px;
  height:52px;
  transform:translateY(-50%);
  padding:10px;
  border-radius:50%;
  border:10px solid rgba(220,231,255,.92);
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.98),rgba(247,250,255,.98));
  box-shadow:
    0 0 0 1px rgba(202,220,255,.88),
    0 10px 24px rgba(61,114,255,.12);
}

.ix-441[data-visual="img-sync"] .ix-485{
  right:16px;
  bottom:16px;
  width:54px;
  height:54px;
}

.ix-441[data-visual="img-cloud"] .ix-485{
  display:block!important;
  left:50%;
  top:52px;
  width:88px;
  height:88px;
  transform:translateX(-50%);
  z-index:4;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 12px 22px rgba(61,114,255,.18));
}

.ix-441[data-visual="img-alert"] .ix-485{
  display:none!important;
}

@media (max-width:767px){
  .ix-441[data-visual="img-discount"] .ix-485,
  .ix-441[data-visual="img-sync"] .ix-485,
  .ix-441[data-visual="img-alert"] .ix-485{
    right:12px;
    bottom:12px;
    width:52px;
    height:52px;
  }

  .ix-441[data-visual="img-tick"] .ix-485{
    right:12px;
    width:46px;
    height:46px;
    padding:9px;
    border-width:8px;
  }

  .ix-441[data-visual="img-cloud"] .ix-485{
    display:block!important;
    top:42px;
    width:72px;
    height:72px;
  }
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-chart::before{
  content:none!important;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-chart{
  background:none!important;
  box-shadow:none!important;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-chart::after{
  content:"";
  position:absolute;
  left:50%;
  top:-14px;
  width:9px;
  height:9px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,#ffffff 0%,#8cb2ff 42%,#3d72ff 70%,rgba(61,114,255,0) 100%)!important;
  box-shadow:0 0 14px rgba(61,114,255,.36);
  z-index:3;
  animation:tradingCloudFlowAdmin 1.8s linear infinite;
}

.ix-441[data-visual="img-alert"] .trading-visual-shell::after{
  content:""!important;
  position:absolute;
  left:calc(100% - 34px);
  top:50%;
  right:auto;
  bottom:auto;
  width:78px;
  height:78px;
  transform:translate(-50%,-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 64'%3E%3Ccircle cx='32' cy='32' r='27' fill='%23f7faff' stroke='%23dbe7ff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%233d72ff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round' d='M22 27c0-6 4.2-10.5 10-10.5S42 21 42 27v8l4 5H18l4-5v-8Z'/%3E%3Cpath fill='none' stroke='%233d72ff' stroke-width='4.2' stroke-linecap='round' d='M27.5 46c1.2 2.7 2.8 4 4.5 4s3.3-1.3 4.5-4'/%3E%3Ccircle cx='55' cy='17' r='6' fill='%233d72ff'/%3E%3Ccircle cx='55' cy='17' r='9' fill='none' stroke='%23c9dcff' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;
  z-index:6;
  opacity:0;
  filter:drop-shadow(0 10px 18px rgba(61,114,255,.2));
  animation:tradingAlertBellEnter 3s var(--motion-ease-soft) infinite!important;
  will-change:left,transform,opacity;
}

@keyframes tradingAlertBellEnter{
  0%{
    left:calc(100% - 34px);
    opacity:0;
    transform:translate(-50%,-50%) scale(.88);
  }
  14%{ opacity:1; }
  38%,78%{
    left:50%;
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
  }
  100%{
    left:50%;
    opacity:0;
    transform:translate(-50%,-50%) scale(.96);
  }
}

@media (prefers-reduced-motion:reduce){
  .ix-441[data-visual="img-alert"] .trading-visual-shell::after{
    left:50%;
    opacity:1;
    animation:none!important;
  }
}

@media (max-width:767px){
  #trading .ix-441[data-visual="img-discount"] .trading-visual-badges{
    margin-top:10px;
    transform:translateY(-8px);
  }
}

@media (max-width:420px){
  #trading .ix-441[data-visual="img-discount"] .trading-visual-badges{
    margin-top:8px;
    transform:translateY(-12px);
  }
}

#trading .ix-441[data-visual="img-sync"] .ix-485{
  display:none!important;
}

/* Sync marketplace: shared paths keep each light locked to its dotted line. */
.trading-cloud-connectors{
  display:none;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-preview{
  width:76%;
  min-height:154px;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-connectors{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:150px;
  overflow:visible;
  z-index:3;
  pointer-events:none;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-path{
  fill:none;
  stroke:#82a9ff;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-dasharray:.025 .055;
  stroke-dashoffset:0;
  vector-effect:non-scaling-stroke;
  opacity:0;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-path-supplier{
  animation:tradingCloudBuildSupplier 6s linear infinite;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-path-purchaser{
  animation:tradingCloudBuildPurchaser 6s linear infinite;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-path-admin{
  animation:tradingCloudBuildAdmin 6s linear infinite;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-light{
  fill:#ffffff;
  stroke:#4c7fff;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px #4c7fff) drop-shadow(0 0 9px rgba(76,127,255,.8));
  opacity:0;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side::before,
.ix-441[data-visual="img-cloud"] .trading-dashboard-side::after,
.ix-441[data-visual="img-cloud"] .trading-cloud-flow,
.ix-441[data-visual="img-cloud"] .trading-dashboard-preview::before,
.ix-441[data-visual="img-cloud"] .trading-dashboard-chart::after{
  display:none!important;
  animation:none!important;
}

.ix-441[data-visual="img-cloud"] .ix-485{
  top:58px;
  width:78px;
  height:78px;
  z-index:4;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-ring,
.ix-441[data-visual="img-cloud"] .trading-dashboard-list{
  top:112px;
  z-index:4;
}

@keyframes tradingCloudBuildSupplier{
  0%,2%{ opacity:0; clip-path:inset(0 100% 0 0); }
  4%{ opacity:1; }
  12%,90%{ opacity:1; clip-path:inset(0 0 0 0); }
  100%{ opacity:0; clip-path:inset(0 0 0 0); }
}

@keyframes tradingCloudBuildPurchaser{
  0%,7%{ opacity:0; clip-path:inset(0 100% 0 0); }
  9%{ opacity:1; }
  17%,90%{ opacity:1; clip-path:inset(0 0 0 0); }
  100%{ opacity:0; clip-path:inset(0 0 0 0); }
}

@keyframes tradingCloudBuildAdmin{
  0%,14%{ opacity:0; clip-path:inset(100% 0 0 0); }
  16%{ opacity:1; }
  24%,90%{ opacity:1; clip-path:inset(0 0 0 0); }
  100%{ opacity:0; clip-path:inset(0 0 0 0); }
}

@media (max-width:767px){
  .ix-441[data-visual="img-alert"] .trading-visual-shell::after{
    width:70px;
    height:70px;
  }

  .ix-441[data-visual="img-cloud"] .trading-dashboard-preview{
    width:82%;
  }

  .ix-441[data-visual="img-cloud"] .ix-485{
    top:56px;
    width:72px;
    height:72px;
  }
}

@media (prefers-reduced-motion:reduce){
  .ix-441[data-visual="img-cloud"] .trading-cloud-path{
    opacity:1;
    stroke-dashoffset:0;
    animation:none;
  }

  .ix-441[data-visual="img-cloud"] .trading-cloud-light{
    display:none;
  }
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side::before,
.ix-441[data-visual="img-cloud"] .trading-dashboard-side::after{
  opacity:1;
  will-change:transform,background-position,opacity;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side::before{
  transform-origin:left bottom;
  animation:tradingCloudLineBuildLeft .95s var(--motion-ease-soft) forwards, tradingCloudDash 1.2s linear infinite 1s;
}

.ix-441[data-visual="img-cloud"] .trading-dashboard-side::after{
  transform-origin:right bottom;
  animation:tradingCloudLineBuildRight .95s var(--motion-ease-soft) .28s forwards, tradingCloudDash 1.2s linear infinite 1.28s;
}

@keyframes tradingCloudLineBuildLeft{
  0%{
    opacity:0;
    transform:scaleX(.08) translateY(6px);
  }
  100%{
    opacity:1;
    transform:scaleX(1) translateY(0);
  }
}

@keyframes tradingCloudLineBuildRight{
  0%{
    opacity:0;
    transform:scaleX(.08) translateY(6px);
  }
  100%{
    opacity:1;
    transform:scaleX(1) translateY(0);
  }
}

/* Rewritten supplier/purchaser flow to follow the dotted connectors directly */
.ix-441[data-visual="img-cloud"] .trading-cloud-flow-left,
.ix-441[data-visual="img-cloud"] .trading-cloud-flow-right{
  width:8px;
  height:8px;
  offset-path:none;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-flow-left{
  left:48px;
  top:114px;
  animation:tradingCloudFlowLeftExact 2.2s linear infinite;
}

.ix-441[data-visual="img-cloud"] .trading-cloud-flow-right{
  right:48px;
  top:114px;
  animation:tradingCloudFlowRightExact 2.2s linear infinite 1.1s;
}

@keyframes tradingCloudFlowLeftExact{
  0%{
    opacity:0;
    transform:translate(0,0) scale(.72);
  }
  12%{
    opacity:1;
  }
  88%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translate(60px,-29px) scale(1);
  }
}

@keyframes tradingCloudFlowRightExact{
  0%{
    opacity:0;
    transform:translate(0,0) scale(.72);
  }
  12%{
    opacity:1;
  }
  88%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translate(-60px,-29px) scale(1);
  }
}

/* Final responsive system for the complete trading tools section. */
#trading{
  overflow-x:hidden;
  overflow:clip;
  padding:clamp(64px,7vw,110px) clamp(20px,4vw,64px);
}

#trading .ix-307{
  width:min(100%,1560px);
  max-width:none;
  margin-inline:auto;
}

#trading .ix-308{
  max-width:820px;
  margin:0 auto clamp(32px,4vw,50px);
}

#trading .ix-310{
  margin:12px 0 16px;
  font-size:clamp(32px,3.2vw,48px);
  line-height:1.06;
  text-wrap:balance;
}

#trading .ix-438{
  max-width:58ch;
  margin:0 auto 18px;
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.65;
  text-wrap:pretty;
}

#trading .ix-311{
  display:inline-flex;
  width:min(100%,300px);
}

#trading .ix-312,
#trading .ix-313{
  flex:1 1 0;
  min-width:0;
  padding:12px 18px;
}

#trading .ix-440{
  width:100%;
  margin-top:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,2.5vw,40px);
  align-items:stretch;
}

#trading .ix-440 > *{
  min-width:0;
}

#trading .ix-441{
  width:100%;
  min-width:0;
  min-height:600px;
  padding:clamp(22px,2vw,28px);
  border-radius:clamp(26px,2.2vw,34px);
}

#trading .ix-450{
  width:100%;
  margin:18px 0 28px;
}

#trading .ix-451img{
  width:100%;
  min-width:0;
}

#trading .trading-visual-shell{
  width:100%;
  height:clamp(250px,18vw,290px);
  min-height:0;
  padding:clamp(20px,1.8vw,28px);
  border-radius:clamp(20px,1.8vw,26px);
}

#trading .ix-443{
  width:100%;
  margin-top:auto;
}

#trading .ix-445{
  max-width:100%;
  font-size:clamp(30px,2.35vw,42px);
  line-height:1.04;
  text-wrap:balance;
}

#trading .ix-446{
  max-width:30ch;
  font-size:clamp(14px,1vw,16px);
  line-height:1.62;
  text-wrap:pretty;
}

#trading .ix-441[data-visual="img-discount"] .trading-visual-badges,
#trading .ix-441[data-visual="img-alert"] .trading-visual-badges{
  width:72%;
}

#trading .ix-441[data-visual="img-tick"] .trading-visual-rules{
  width:78%;
}

#trading .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
  width:100%;
  grid-template-columns:minmax(0,1fr) clamp(58px,5vw,72px);
}

#trading .ix-441[data-visual="img-cloud"] .trading-dashboard-preview{
  width:min(100%,300px);
}

@media (max-width:1080px){
  #trading{
    padding-inline:clamp(24px,5vw,52px);
  }

  #trading .ix-440{
    grid-template-columns:minmax(0,760px);
    justify-content:center;
    gap:24px;
  }

  #trading .ix-441{
    min-height:560px;
    padding:26px;
  }

  #trading .trading-visual-shell{
    height:280px;
  }

  #trading .ix-445{
    font-size:clamp(32px,4.4vw,40px);
  }

  #trading .ix-441[data-visual="img-discount"] .trading-visual-badges,
  #trading .ix-441[data-visual="img-alert"] .trading-visual-badges{
    width:68%;
  }

  #trading .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:72%;
  }
}

@media (max-width:767px){
  #trading{
    padding:64px 16px;
  }

  #trading .ix-308{
    margin-bottom:30px;
  }

  #trading .ix-309{
    font-size:11px;
    letter-spacing:.11em;
  }

  #trading .ix-310{
    margin:10px 0 14px;
    font-size:clamp(28px,8vw,38px);
  }

  #trading .ix-438{
    max-width:42ch;
    margin-bottom:16px;
    font-size:15px;
    line-height:1.58;
  }

  #trading .ix-311{
    width:min(100%,340px);
  }

  #trading .ix-312,
  #trading .ix-313{
    padding:11px 12px;
    font-size:13px;
  }

  #trading .ix-440{
    gap:20px;
  }

  #trading .ix-441{
    min-height:530px;
    padding:20px;
    border-radius:26px;
  }

  #trading .ix-442{
    width:40px;
    min-width:40px;
    height:40px;
    border-radius:13px;
    font-size:20px;
  }

  #trading .ix-450{
    margin:14px 0 24px;
  }

  #trading .trading-visual-shell{
    height:250px;
    padding:20px 18px;
    border-radius:22px;
  }

  #trading .ix-445{
    margin-bottom:12px;
    font-size:clamp(28px,7.5vw,36px);
  }

  #trading .ix-446{
    max-width:34ch;
    font-size:14px;
    line-height:1.58;
  }

  #trading .ix-441[data-visual="img-discount"] .trading-visual-badges,
  #trading .ix-441[data-visual="img-alert"] .trading-visual-badges{
    width:calc(100% - 76px);
    padding-right:0;
  }

  #trading .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:calc(100% - 70px);
    padding-right:0;
  }

  #trading .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
    width:100%;
    grid-template-columns:minmax(0,1fr) 62px;
    grid-template-rows:82px auto;
  }

  #trading .ix-441[data-visual="img-sync"] .trading-dashboard-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  #trading .ix-441[data-visual="img-cloud"] .trading-dashboard-preview{
    width:min(100%,300px);
  }

  #trading .ix-441:hover{
    transform:none;
  }
}

@media (max-width:520px){
  #trading{
    padding:54px 12px;
  }

  #trading .ix-308{
    margin-bottom:24px;
  }

  #trading .ix-310{
    font-size:clamp(27px,8.5vw,34px);
  }

  #trading .ix-438{
    font-size:14px;
  }

  #trading .ix-441{
    min-height:500px;
    padding:17px;
    border-radius:23px;
  }

  #trading .ix-442{
    width:36px;
    min-width:36px;
    height:36px;
    font-size:18px;
  }

  #trading .ix-450{
    margin:12px 0 20px;
  }

  #trading .trading-visual-shell{
    height:238px;
    padding:17px 14px;
    border-radius:19px;
  }

  #trading .ix-445{
    font-size:clamp(26px,8vw,32px);
  }

  #trading .ix-446{
    font-size:13.5px;
  }

  #trading .ix-441[data-visual="img-discount"] .trading-visual-badges,
  #trading .ix-441[data-visual="img-alert"] .trading-visual-badges{
    width:calc(100% - 64px);
    gap:6px;
  }

  #trading .ix-441[data-visual="img-discount"] .trading-visual-badge,
  #trading .ix-441[data-visual="img-alert"] .trading-visual-badge{
    min-height:26px;
    padding:5px 8px;
    font-size:9px;
  }

  #trading .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:calc(100% - 58px);
    gap:7px;
  }

  #trading .ix-441[data-visual="img-tick"] .trading-rule-item{
    grid-template-columns:18px minmax(0,1fr);
    gap:7px;
    padding:7px 8px;
  }

  #trading .ix-441[data-visual="img-tick"] .trading-rule-dot{
    width:18px;
    height:18px;
  }

  #trading .ix-441[data-visual="img-sync"] .trading-dashboard-preview{
    grid-template-columns:minmax(0,1fr) 54px;
    grid-template-rows:76px auto;
    gap:7px;
  }

  #trading .ix-441[data-visual="img-sync"] .trading-dashboard-metrics{
    gap:4px;
  }

  #trading .trading-dashboard-metric{
    min-width:0;
    padding:6px 5px;
  }

  #trading .trading-dashboard-metric-label{
    overflow:hidden;
    font-size:7.5px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #trading .ix-441[data-visual="img-cloud"] .trading-dashboard-preview{
    width:100%;
  }

  #trading .ix-441[data-visual="img-cloud"] .trading-dashboard-ring,
  #trading .ix-441[data-visual="img-cloud"] .trading-dashboard-list{
    width:38%;
    min-height:34px;
    font-size:8px;
  }

  #trading .ix-441[data-visual="img-alert"] .trading-visual-shell::after{
    width:66px;
    height:66px;
  }
}

@media (max-width:360px){
  #trading{
    padding-inline:10px;
  }

  #trading .ix-441{
    min-height:480px;
    padding:14px;
  }

  #trading .trading-visual-shell{
    height:228px;
    padding:15px 12px;
  }

  #trading .ix-441[data-visual="img-discount"] .trading-visual-badges,
  #trading .ix-441[data-visual="img-alert"] .trading-visual-badges{
    width:calc(100% - 56px);
  }

  #trading .ix-441[data-visual="img-tick"] .trading-visual-rules{
    width:calc(100% - 52px);
  }

  #trading .ix-441[data-visual="img-tick"] .trading-rule-title{
    font-size:10px;
  }

  #trading .ix-441[data-visual="img-tick"] .trading-rule-sub{
    font-size:9px;
  }

  #trading .ix-445{
    font-size:25px;
  }
}

/* Clear image entrances for the discount and eligibility visuals. */
#trading .ix-441[data-visual="img-discount"] .ix-485{
  right:18px;
  bottom:16px;
  width:96px;
  height:96px;
  transform:rotate(10deg);
  transform-origin:center;
  animation:tradingDiscountImageEnter .82s var(--motion-ease-soft) .18s both;
  will-change:transform,opacity;
}

#trading .ix-441[data-visual="img-tick"] .ix-485{
  right:18px;
  top:50%;
  width:92px;
  height:92px;
  padding:6px;
  border-width:11px;
  transform:translateY(-50%);
  transform-origin:center;
  animation:tradingTickImageEnter .82s var(--motion-ease-soft) .26s both;
  will-change:transform,opacity;
}

@keyframes tradingDiscountImageEnter{
  0%{
    opacity:0;
    transform:translateX(72px) rotate(10deg) scale(.84);
  }
  70%{ opacity:1; }
  100%{
    opacity:1;
    transform:translateX(0) rotate(10deg) scale(1);
  }
}

@keyframes tradingTickImageEnter{
  0%{
    opacity:0;
    transform:translateY(-50%) translateX(72px) scale(.84);
  }
  70%{ opacity:1; }
  100%{
    opacity:1;
    transform:translateY(-50%) translateX(0) scale(1);
  }
}

@media (max-width:767px){
  #trading .ix-441[data-visual="img-discount"] .ix-485{
    right:12px;
    bottom:12px;
    width:82px;
    height:82px;
  }

  #trading .ix-441[data-visual="img-tick"] .ix-485{
    right:12px;
    width:78px;
    height:78px;
    padding:5px;
    border-width:9px;
  }
}

@media (max-width:420px){
  #trading .ix-441[data-visual="img-discount"] .ix-485{
    width:76px;
    height:76px;
  }

  #trading .ix-441[data-visual="img-tick"] .ix-485{
    width:72px;
    height:72px;
    border-width:8px;
  }
}

@media (prefers-reduced-motion:reduce){
  #trading .ix-441[data-visual="img-discount"] .ix-485{
    opacity:1;
    transform:rotate(10deg);
    animation:none;
  }

  #trading .ix-441[data-visual="img-tick"] .ix-485{
    opacity:1;
    transform:translateY(-50%);
    animation:none;
  }
}