:root {
  color-scheme: light;
  --m-canvas: #f5f5f7;
  --m-surface: #fff;
  --m-raised: rgba(255,255,255,.88);
  --m-recessed: #fafafa;
  --m-text: #1d1d1f;
  --m-secondary: #606066;
  --m-tertiary: #5e5e64;
  --m-border: #e1e1e7;
  --m-border-strong: #c8c8d0;
  --m-accent: #6555e8;
  --m-accent-hover: #5141c9;
  --m-accent-soft: #f0edff;
  --m-green: #087a4b;
  --m-red: #bd2c35;
  --m-focus: rgba(101,85,232,.3);
  --m-shadow: 0 18px 55px rgba(26,25,42,.09), 0 2px 10px rgba(26,25,42,.05);
  --m-font: "Vazirmatn", Tahoma, sans-serif;
  --m-latin: "Inter", "Vazirmatn", sans-serif;
}
:root[data-public-theme="dark"] {
  color-scheme: dark;
  --m-canvas: #000;
  --m-surface: #1d1d1f;
  --m-raised: rgba(35,35,37,.9);
  --m-recessed: #0b0b0c;
  --m-text: #f5f5f7;
  --m-secondary: #b6b6bc;
  --m-tertiary: #9999a1;
  --m-border: rgba(255,255,255,.14);
  --m-border-strong: rgba(255,255,255,.24);
  --m-accent: #b6a8ff;
  --m-accent-hover: #d5ccff;
  --m-accent-soft: #2e246f;
  --m-green: #52d39a;
  --m-red: #ff7a83;
  --m-focus: rgba(182,168,255,.4);
  --m-shadow: 0 22px 70px rgba(0,0,0,.55);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--m-canvas); }
body { margin: 0; overflow-x: hidden; background: var(--m-canvas); color: var(--m-text); font-family: var(--m-font); font-size: 16px; line-height: 1.7; }
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--m-focus); outline-offset: 3px; }
.financial-ltr, .preview-chart, .preview-allocation, .holding-row, .risk-meter { direction: ltr; font-family: var(--m-latin); font-variant-numeric: tabular-nums; }
.public-skip { position: fixed; inset-block-start: 8px; inset-inline-start: 16px; z-index: 1000; transform: translateY(-140%); padding: 10px 14px; border-radius: 10px; background: var(--m-text); color: var(--m-canvas); }
.public-skip:focus { transform: translateY(0); }
.public-header { position: sticky; inset-block-start: 0; z-index: 100; padding: 10px 16px 0; }
.public-nav { width: min(1200px, 100%); min-height: 54px; margin-inline: auto; padding: 7px 10px 7px 16px; display: flex; align-items: center; gap: 22px; border: 1px solid var(--m-border); border-radius: 18px; background: var(--m-raised); box-shadow: 0 8px 28px rgba(20,20,30,.06); backdrop-filter: blur(24px) saturate(120%); }
.public-brand { display: inline-flex; align-items: center; gap: 9px; font-family: var(--m-latin); font-weight: 700; letter-spacing: 0; white-space: nowrap; }
.public-brand-mark { width: 28px; height: 28px; display: grid; grid-template-columns: repeat(3,1fr); align-items: end; gap: 2px; padding: 5px; border-radius: 8px; background: var(--m-text); }
.public-brand-mark i { display: block; border-radius: 2px 2px 1px 1px; background: var(--m-canvas); }
.public-brand-mark i:nth-child(1){height:40%}.public-brand-mark i:nth-child(2){height:70%}.public-brand-mark i:nth-child(3){height:100%}
.public-nav-desktop { display: flex; align-items: center; gap: 2px; margin-inline: auto; }
.public-menu-group { position: relative; padding-block: 5px; }
.public-menu-trigger,.public-nav-link { min-height: 40px; display: inline-flex; align-items: center; gap: 5px; padding-inline: 11px; border: 0; border-radius: 10px; background: transparent; color: var(--m-secondary); font-size: 14px; cursor: pointer; }
.public-menu-trigger:hover,.public-nav-link:hover,.public-menu-group.open .public-menu-trigger { background: var(--m-accent-soft); color: var(--m-text); }
.public-menu-trigger .icon-chevron-down { font-size: 14px; transition: transform 190ms cubic-bezier(.2,.8,.2,1); }
.public-menu-group.open .icon-chevron-down { transform: rotate(180deg); }
.public-menu-panel,
.public-menu-panel:hover,
.public-menu-panel:focus-within {
  position: absolute;
  inset-block-start: calc(100% - 2px);
  inset-inline-start: 50%;
  width: 340px;
  padding: 8px;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -5px) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: 16px !important;
  background: var(--m-raised) !important;
  box-shadow: var(--m-shadow) !important;
  backdrop-filter: blur(24px);
  transition: opacity 140ms, transform 140ms, visibility 140ms;
  pointer-events: none;
  z-index: 1050;
}
[dir="rtl"] .public-menu-panel,
[dir="rtl"] .public-menu-panel:hover,
[dir="rtl"] .public-menu-panel:focus-within {
  transform: translate(50%, -5px) !important;
}
.public-menu-group.open .public-menu-panel,
.public-menu-group.open .public-menu-panel:hover,
.public-menu-group.open .public-menu-panel:focus-within {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
  pointer-events: auto;
}
[dir="rtl"] .public-menu-group.open .public-menu-panel,
[dir="rtl"] .public-menu-group.open .public-menu-panel:hover,
[dir="rtl"] .public-menu-group.open .public-menu-panel:focus-within {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate(50%, 0) !important;
  pointer-events: auto;
}
.public-menu-panel a { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; padding: 10px; border-radius: 11px; }
.public-menu-panel a:hover { background: var(--m-accent-soft); }
.public-menu-panel>a>span:first-child { color: var(--m-accent); font-size: 18px; }
.public-menu-panel strong,.public-menu-panel small { display: block; }
.public-menu-panel strong { font-size: 14px; }.public-menu-panel small { margin-top: 1px; color: var(--m-secondary); font-size: 12px; line-height: 1.55; }
.public-nav-actions { display: flex; align-items: center; gap: 6px; }
.public-icon-button,.public-mobile-toggle { width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 12px; background: transparent; color: var(--m-secondary); cursor: pointer; }
.public-icon-button:hover,.public-mobile-toggle:hover { background: var(--m-accent-soft); color: var(--m-text); }
.public-theme-button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid var(--m-border-strong);
  border-radius: 999px;
  background: var(--m-surface);
  color: var(--m-text);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  white-space: nowrap;
}
.public-theme-button .icon-sparkles {
  font-size: 15px;
  color: var(--tg-accent, var(--m-accent));
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.public-theme-button:hover {
  background: var(--m-accent-soft);
  border-color: color-mix(in srgb, var(--tg-accent, var(--m-accent)) 45%, var(--m-border));
  color: var(--m-text);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--tg-accent, var(--m-accent)) 22%, transparent);
  transform: translateY(-1px);
}
.public-theme-button:hover .icon-sparkles {
  transform: rotate(18deg) scale(1.18);
}
.public-theme-button:active {
  transform: translateY(0) scale(0.97);
}
#cw-theme-floating-trigger {
  display: none !important;
}
.public-auth-cta { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding-inline: 15px; border-radius: 12px; background: var(--m-text); color: var(--m-canvas); font-weight: 700; font-size: 14px; white-space: nowrap; }
.public-mobile-toggle,.public-mobile-menu { display: none; }
#marketing-main { scroll-margin-top: 92px; }
.marketing-hero { width: min(1320px, calc(100% - 40px)); min-height: calc(100vh - 86px); margin-inline: auto; display: grid; grid-template-columns: minmax(0,.86fr) minmax(560px,1.14fr); align-items: center; gap: clamp(40px,6vw,90px); padding-block: 56px 72px; }
.hero-copy { max-width: 610px; }
.marketing-eyebrow { display: block; margin-bottom: 14px; color: var(--m-accent-hover); font-weight: 750; font-size: 14px; }
.hero-copy h1,.product-hero h1,.simple-page-heading h1,.legal-page>h1 { margin: 0; font-size: clamp(3rem,5.3vw,4.5rem); line-height: 1.16; letter-spacing: 0; }
[dir="ltr"] .hero-copy h1,[dir="ltr"] .product-hero h1,[dir="ltr"] .simple-page-heading h1 { letter-spacing: -.035em; }
.hero-copy>p { max-width: 680px; margin: 24px 0; color: var(--m-secondary); font-size: clamp(17px,1.45vw,20px); line-height: 1.9; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.marketing-primary,.marketing-secondary { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding-inline: 22px; border-radius: 14px; font-weight: 750; }
.marketing-primary { background: var(--m-accent); color: #fff; box-shadow: 0 10px 24px rgba(101,85,232,.22); }.marketing-primary:hover { background: var(--m-accent-hover); }
:root[data-public-theme="dark"] .marketing-primary { color: #15121f; }
.marketing-secondary { border: 1px solid var(--m-border-strong); background: var(--m-surface); }
.hero-note { display: flex; align-items: center; gap: 7px; margin-top: 20px; color: var(--m-tertiary); }
.portfolio-preview { direction: rtl; overflow: hidden; border: 1px solid var(--m-border); border-radius: 30px; background: var(--m-surface); box-shadow: 0 35px 90px rgba(79,61,180,.14), var(--m-shadow); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
[dir="ltr"] .portfolio-preview { transform: perspective(1200px) rotateY(2deg) rotateX(1deg); }
.preview-toolbar { min-height: 48px; display: flex; align-items: center; gap: 12px; padding-inline: 16px; border-bottom: 1px solid var(--m-border); font-family: var(--m-latin); font-size: 12px; }
.preview-dots { direction:ltr; display:flex; gap:5px; }.preview-dots i { width:8px;height:8px;border-radius:50%;background:#ff6b67}.preview-dots i:nth-child(2){background:#f5bd4f}.preview-dots i:nth-child(3){background:#5bcf78}
.demo-badge { margin-inline-start:auto;padding:3px 8px;border-radius:999px;background:var(--m-accent-soft);color:var(--m-accent-hover);font-family:var(--m-font); }
.preview-body { padding: 16px; }
.preview-kpis { direction:ltr; display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:10px; }
.preview-kpis span { padding:11px 12px;border:1px solid var(--m-border);border-radius:12px;color:var(--m-tertiary);font-size:11px; }.preview-kpis strong{display:block;margin-top:3px;color:var(--m-text);font-size:17px}.preview-kpis .gain{color:var(--m-green)}
.preview-main { direction:ltr; display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:12px;margin-top:12px; }
.preview-chart,.preview-allocation,.preview-bottom>section { padding:13px;border:1px solid var(--m-border);border-radius:14px;background:var(--m-recessed); }
.preview-chart>div{display:flex;justify-content:space-between}.preview-range{padding:2px 7px;border-radius:6px;background:var(--m-accent-soft);color:var(--m-accent-hover);font-size:10px}.preview-chart svg{display:block;width:100%;height:170px;margin-top:4px}.chart-grid{fill:none;stroke:var(--m-border);stroke-width:1}.chart-fill{fill:url(#chartFill)}.chart-line{fill:none;stroke:var(--m-accent);stroke-width:3;stroke-linecap:round}.preview-chart p{margin:3px 0 0;color:var(--m-tertiary);font:10px var(--m-font);direction:rtl}
.allocation-ring { width:100px;aspect-ratio:1;margin:15px auto;border-radius:50%;background:conic-gradient(#6555e8 0 36%,#1688a6 36% 67%,#c28e2c 67% 88%,#aeb2bb 88%);position:relative}.allocation-ring:after{content:"";position:absolute;inset:21px;border-radius:50%;background:var(--m-recessed)}
.preview-allocation ul{list-style:none;padding:0;margin:0}.preview-allocation li{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;margin-top:6px;color:var(--m-secondary);font-size:10px}.preview-allocation i{width:7px;height:7px;border-radius:2px;background:#6555e8}.preview-allocation .alloc-2{background:#1688a6}.preview-allocation .alloc-3{background:#c28e2c}.preview-allocation .alloc-4{background:#aeb2bb}
.preview-bottom { direction:ltr;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.holding-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding-top:7px;font-size:11px}.holding-row em{font-style:normal}.gain{color:var(--m-green)!important}.loss{color:var(--m-red)!important}.risk-meter>div{display:flex;justify-content:space-between;margin-top:8px;font-size:11px}.risk-meter progress,.workflow-steps progress{width:100%;height:6px;accent-color:var(--m-accent)}.risk-meter small{display:block;color:var(--m-tertiary);font:10px var(--m-font)}
.marketing-section { width:min(1200px,calc(100% - 40px));margin:0 auto;padding-block:80px; }.section-heading{max-width:760px;margin-bottom:32px}.section-heading h2,.workflow-feature h2,.final-cta h2{margin:0;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.35;letter-spacing:0}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.capability-card,.bento-card,.value-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--m-border);background:var(--m-surface)}.capability-card{min-height:350px;padding:28px;border-radius:28px;animation:reveal .52s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay)}.card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--m-accent-soft);color:var(--m-accent-hover);font-size:20px}.card-number{position:absolute;inset-block-start:28px;inset-inline-end:28px;color:var(--m-tertiary);font:600 13px var(--m-latin)}.capability-card h3,.bento-card h3,.value-card h3{margin:52px 0 10px;font-size:21px}.capability-card p,.bento-card p,.value-card p,.trust-section p{margin:0;color:var(--m-secondary);line-height:1.9}.card-action{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:22px;color:var(--m-accent-hover);font-weight:700;font-size:14px}
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bento-card{min-height:255px;padding:24px;border-radius:22px}.bento-card.wide{grid-column:auto}.bento-card h3,.value-card h3{margin-top:32px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-card{min-height:285px;padding:22px;border-radius:20px}
.workflow-feature {
  --preview-glow-x: 50%;
  --preview-glow-y: 40%;
  position: relative;
  overflow: hidden;
  width: min(1200px, calc(100% - 40px));
  margin: 60px auto;
  padding: 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
  border: 1px solid var(--m-border);
  border-radius: 32px;
  background: color-mix(in srgb, var(--m-surface) 88%, transparent);
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
  box-shadow: 0 16px 45px rgba(26, 25, 42, .06), 0 2px 10px rgba(0, 0, 0, .03);
  color: var(--m-text);
  transition: transform 300ms cubic-bezier(.34, 1.56, .64, 1),
              box-shadow 300ms cubic-bezier(.2, .8, .2, 1),
              border-color 260ms ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.workflow-feature::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .52;
  background: radial-gradient(500px circle at var(--preview-glow-x) var(--preview-glow-y), color-mix(in srgb, var(--m-accent) 24%, transparent), transparent 70%);
  transition: opacity 240ms ease;
}
.workflow-feature > * {
  position: relative;
  z-index: 1;
}
.workflow-feature:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--m-accent) 55%, var(--m-border));
  box-shadow: 0 26px 70px rgba(52, 38, 130, .14), 0 0 32px color-mix(in srgb, var(--m-accent) 18%, transparent);
}
.workflow-feature:hover::before {
  opacity: .75;
}
:root[data-public-theme="dark"] .workflow-feature {
  background: color-mix(in srgb, var(--m-surface) 82%, transparent);
  border-color: color-mix(in srgb, var(--m-accent) 20%, var(--m-border));
  box-shadow: 0 22px 60px -8px rgba(0, 0, 0, .65), 0 0 24px -4px color-mix(in srgb, var(--m-accent) 18%, transparent);
}
:root[data-public-theme="dark"] .workflow-feature:hover {
  box-shadow: 0 30px 80px rgba(0, 0, 0, .78), 0 0 36px color-mix(in srgb, var(--m-accent) 32%, transparent);
}
.workflow-feature h2 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2.8vw, 38px);
  line-height: 1.35;
  color: var(--m-text);
}
.workflow-feature p {
  color: var(--m-secondary);
  line-height: 1.9;
  font-size: 16px;
}
.workflow-steps {
  list-style: none;
  margin: 0;
  padding: 0;
}
.workflow-steps li {
  margin-bottom: 18px;
}
.workflow-steps li > span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--m-text);
}
.workflow-steps li > span b {
  font-family: var(--m-latin);
  font-weight: 700;
  color: var(--m-accent-hover);
}
.workflow-steps progress {
  display: block;
  width: 100%;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: var(--m-recessed);
  overflow: hidden;
  accent-color: var(--m-accent);
}
.workflow-steps progress::-webkit-progress-bar {
  background: var(--m-recessed);
  border-radius: 999px;
}
.workflow-steps progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--m-accent), var(--m-accent-hover));
  border-radius: 999px;
  box-shadow: 0 0 10px color-mix(in srgb, var(--m-accent) 40%, transparent);
}
.workflow-steps progress::-moz-progress-bar {
  background: linear-gradient(90deg, var(--m-accent), var(--m-accent-hover));
  border-radius: 999px;
}

.trust-section {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  border-top: none;
  border-bottom: none;
  padding-block: 48px;
}
.trust-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 26px;
  border: 1px solid var(--m-border);
  border-radius: 24px;
  background: color-mix(in srgb, var(--m-surface) 90%, transparent);
  backdrop-filter: blur(20px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  box-shadow: 0 14px 38px rgba(44, 37, 72, .06), 0 2px 8px rgba(0, 0, 0, .03);
  transition: transform 280ms cubic-bezier(.34, 1.56, .64, 1),
              box-shadow 280ms cubic-bezier(.2, .8, .2, 1),
              border-color 240ms ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root[data-public-theme="dark"] .trust-card {
  background: color-mix(in srgb, var(--m-surface) 84%, transparent);
  border-color: color-mix(in srgb, var(--m-accent) 18%, var(--m-border));
  box-shadow: 0 16px 45px -4px rgba(0, 0, 0, .6), 0 0 18px -2px color-mix(in srgb, var(--m-accent) 14%, transparent);
}
.trust-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--m-accent) 50%, var(--m-border));
  box-shadow: 0 24px 60px rgba(52, 38, 130, .14), 0 0 28px color-mix(in srgb, var(--m-accent) 20%, transparent);
}
:root[data-public-theme="dark"] .trust-card:hover {
  box-shadow: 0 26px 65px rgba(0, 0, 0, .75), 0 0 32px color-mix(in srgb, var(--m-accent) 26%, transparent);
}
.trust-card h3 {
  margin: 22px 0 10px;
  font-size: 19px;
  color: var(--m-text);
}
.trust-card p {
  margin: 0;
  color: var(--m-secondary);
  font-size: 14.5px;
  line-height: 1.85;
}
.trust-disclaimer {
  grid-column: 1/-1;
  padding: 14px 20px;
  border-radius: 14px;
  border: 1px solid var(--m-border);
  background: color-mix(in srgb, var(--m-recessed) 82%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--m-secondary);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 12px;
}
.final-cta {
  --preview-glow-x: 50%;
  --preview-glow-y: 40%;
  position: relative;
  overflow: hidden;
  width: min(1160px, calc(100% - 40px));
  margin: 48px auto 96px;
  padding: clamp(52px, 6vw, 76px) clamp(24px, 5vw, 64px);
  text-align: center;
  border: 1px solid var(--m-border);
  border-radius: 36px;
  background: color-mix(in srgb, var(--m-surface) 88%, transparent);
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
  box-shadow: 0 20px 60px rgba(52, 38, 130, .09), 0 4px 18px rgba(0, 0, 0, .03);
  transition: transform 300ms cubic-bezier(.34, 1.56, .64, 1),
              box-shadow 300ms cubic-bezier(.2, .8, .2, 1),
              border-color 260ms ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.final-cta::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .55;
  background: radial-gradient(550px circle at var(--preview-glow-x) var(--preview-glow-y), color-mix(in srgb, var(--m-accent) 26%, transparent), transparent 70%);
  transition: opacity 240ms ease;
}
.final-cta > * {
  position: relative;
  z-index: 1;
}
.final-cta:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--m-accent) 55%, var(--m-border));
  box-shadow: 0 30px 80px rgba(52, 38, 130, .18), 0 0 38px color-mix(in srgb, var(--m-accent) 24%, transparent);
}
.final-cta:hover::before {
  opacity: .8;
}
:root[data-public-theme="dark"] .final-cta {
  background: radial-gradient(ellipse 90% 80% at 50% -20%, color-mix(in srgb, var(--m-accent) 14%, transparent), color-mix(in srgb, var(--m-surface) 86%, transparent));
  border-color: color-mix(in srgb, var(--m-accent) 22%, var(--m-border));
  box-shadow: 0 24px 70px -8px rgba(0, 0, 0, .65), 0 0 30px -4px color-mix(in srgb, var(--m-accent) 20%, transparent);
}
:root[data-public-theme="dark"] .final-cta:hover {
  box-shadow: 0 32px 85px rgba(0, 0, 0, .78), 0 0 42px color-mix(in srgb, var(--m-accent) 34%, transparent);
}
.final-cta h2 {
  margin: 0 0 16px;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  line-height: 1.35;
  color: var(--m-text);
}
.final-cta p {
  max-width: 68ch;
  margin: 0 auto 36px;
  color: var(--m-secondary);
  font-size: clamp(15.5px, 1.25vw, 17.5px);
  line-height: 1.85;
}
.final-cta .marketing-primary {
  margin-inline: auto;
  min-height: 52px;
  padding: 13px 36px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 750;
  background: linear-gradient(135deg, var(--m-accent), var(--m-accent-hover));
  color: #fff !important;
  border: none;
  box-shadow: 0 0 28px color-mix(in srgb, var(--m-accent) 65%, transparent), 0 8px 24px rgba(101, 85, 232, .4);
  transition: transform 240ms cubic-bezier(.34, 1.56, .64, 1),
              box-shadow 260ms ease,
              filter 200ms ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
:root[data-public-theme="dark"] .final-cta .marketing-primary {
  color: #fff !important;
  box-shadow: 0 0 32px color-mix(in srgb, var(--m-accent) 80%, transparent), 0 8px 26px rgba(0, 0, 0, .5);
}
.final-cta .marketing-primary:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 44px color-mix(in srgb, var(--m-accent) 95%, transparent), 0 12px 32px rgba(101, 85, 232, .55);
}
:root[data-public-theme="dark"] .final-cta .marketing-primary:hover {
  box-shadow: 0 0 48px color-mix(in srgb, var(--m-accent) 100%, transparent), 0 12px 34px rgba(0, 0, 0, .6);
}

.public-footer{border-top:1px solid var(--m-border);background:var(--m-recessed)}.public-footer-grid{width:min(1200px,calc(100% - 40px));margin:auto;padding-block:54px 44px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.public-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.public-footer-grid p{margin:8px 0 0;color:var(--m-secondary);font-size:13.5px;line-height:1.8;max-width:44ch}.public-footer-grid small{color:var(--m-tertiary);line-height:1.75;font-size:11.5px;max-width:44ch;margin-top:6px}.public-footer-grid h2{margin:0 0 8px;font-size:14.5px;font-weight:750;color:var(--m-text)}.public-footer-grid a:not(.public-brand){color:var(--m-secondary);font-size:13.5px;transition:color 180ms ease,transform 180ms ease;display:inline-block}.public-footer-grid a:hover{color:var(--m-accent-hover);transform:translateX(-3px)}[dir="ltr"] .public-footer-grid a:hover{transform:translateX(3px)}.public-footer-bottom{width:min(1200px,calc(100% - 40px));min-height:58px;margin:auto;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--m-border);color:var(--m-tertiary);font-size:12.5px;text-align:center}
.product-hero,.simple-page-heading{width:min(900px,calc(100% - 40px));margin:0 auto;padding:110px 0 60px;text-align:center}.product-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 24px;border-radius:20px;background:var(--m-accent-soft);color:var(--m-accent-hover);font-size:30px}.product-hero p,.simple-page-heading p{max-width:700px;margin:20px auto;color:var(--m-secondary);font-size:19px}.product-hero .marketing-primary{margin-inline:auto}.product-flow{width:min(1100px,calc(100% - 40px));margin:20px auto 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-flow article{min-height:260px;padding:27px;border:1px solid var(--m-border);border-radius:22px;background:var(--m-surface)}.product-flow article>span{font:700 13px var(--m-latin);color:var(--m-accent-hover)}.product-flow h2{margin:58px 0 12px;font-size:21px}.product-flow p{color:var(--m-secondary)}
.pricing-grid{width:min(1040px,calc(100% - 40px));margin:0 auto 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-grid article{min-height:320px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--m-border);border-radius:22px;background:var(--m-surface)}.pricing-grid article.featured{border-color:var(--m-accent);box-shadow:0 16px 45px rgba(101,85,232,.12)}.pricing-grid article>span{color:var(--m-accent-hover);font-weight:700}.pricing-grid h2{margin:30px 0 12px}.pricing-grid p{color:var(--m-secondary)}.pricing-grid strong{margin-top:auto}
.how-list{width:min(880px,calc(100% - 40px));margin:0 auto 120px;padding:0;list-style:none}.how-list li{display:grid;grid-template-columns:62px 1fr;gap:22px;padding-block:28px;border-bottom:1px solid var(--m-border)}.how-list li>span{font:700 18px var(--m-latin);color:var(--m-accent-hover)}.how-list h2{margin:0;font-size:20px}.how-list p{margin:7px 0 0;color:var(--m-secondary)}
.legal-page{width:min(760px,calc(100% - 40px));margin:0 auto;padding:110px 0}.legal-page>h1{font-size:clamp(2.3rem,5vw,4rem)}.legal-page section{padding-block:28px;border-bottom:1px solid var(--m-border)}.legal-page h2{font-size:19px}.legal-page p{color:var(--m-secondary)}.not-found{min-height:65vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:40px}.not-found>span{font:800 clamp(5rem,15vw,10rem) var(--m-latin);color:var(--m-accent-soft)}.not-found h1{margin:0;font-size:32px}.not-found p{color:var(--m-secondary)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:64px 20px;position:relative}.auth-back{position:absolute;inset-block-start:22px;inset-inline-start:24px;min-height:44px;display:flex;align-items:center;gap:7px;color:var(--m-secondary)}.auth-card{width:min(100%,380px);padding:26px;border:1px solid var(--m-border);border-radius:18px;background:var(--m-raised);box-shadow:var(--m-shadow);backdrop-filter:blur(24px)}.auth-card>.public-brand{justify-content:center;width:100%;margin-bottom:24px}.auth-mark{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:15px;background:var(--m-accent-soft);color:var(--m-accent-hover);font-size:24px}.auth-card h1{text-align:center;margin:17px 0 4px;font-size:25px}.auth-card>p{text-align:center;margin:0 0 20px;color:var(--m-secondary)}.auth-context{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:10px;background:var(--m-accent-soft);color:var(--m-accent-hover);font-size:13px}.auth-card form{display:grid;gap:9px}.auth-card label{font-size:13px;font-weight:700}.auth-card input{width:100%;height:44px;padding:0 12px;border:1px solid var(--m-border-strong);border-radius:12px;background:var(--m-surface);color:var(--m-text)}.auth-card input::placeholder{color:var(--m-tertiary)}.auth-submit{min-height:44px;margin-top:7px;border:0;border-radius:12px;background:var(--m-accent);color:#fff;font-weight:750;cursor:pointer}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-link{justify-self:start;padding:5px 0;border:0;background:none;color:var(--m-accent-hover);cursor:pointer}.identity-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:11px;background:var(--m-recessed);font-size:13px}.identity-chip button{border:0;background:none;color:var(--m-accent-hover);cursor:pointer}.password-wrap{position:relative}.password-wrap button{position:absolute;inset-block:0;inset-inline-end:0;width:44px;border:0;background:transparent;color:var(--m-secondary);cursor:pointer}.password-wrap input{padding-inline-end:44px}.otp-input{text-align:center;font:700 24px/1 var(--m-latin);letter-spacing:.35em}.auth-help{margin:0;color:var(--m-secondary);font-size:13px}.auth-dev-code{margin:0;padding:8px;border-radius:9px;background:#fff4d6;color:#6d4700;text-align:center;font-family:var(--m-latin);font-weight:700}.auth-error{min-height:22px;color:var(--m-red);font-size:13px}.auth-card-footer{display:flex;justify-content:center;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid var(--m-border)}.auth-card-footer button{min-height:36px;padding-inline:10px;border:0;border-radius:9px;background:transparent;color:var(--m-secondary);cursor:pointer}.public-toast{position:fixed;inset-block-end:24px;inset-inline-start:50%;z-index:500;max-width:min(420px,calc(100% - 32px));padding:11px 16px;border-radius:12px;background:var(--m-text);color:var(--m-canvas);box-shadow:var(--m-shadow);opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:190ms}.public-toast.show{opacity:1;transform:translate(-50%,0)}[dir="rtl"] .public-toast{transform:translate(50%,10px)}[dir="rtl"] .public-toast.show{transform:translate(50%,0)}
.public-boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--m-secondary)}.public-spinner{width:24px;height:24px;border:2px solid var(--m-border);border-top-color:var(--m-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (hover:hover) and (pointer:fine){.capability-card:hover,.bento-card:hover,.value-card:hover{transform:translateY(-3px);border-color:var(--m-border-strong);box-shadow:0 12px 32px rgba(20,20,35,.08)}.capability-card,.bento-card,.value-card{transition:transform 190ms,border-color 190ms,box-shadow 190ms}}
@media(max-width:1050px){.public-nav-desktop{display:none}.public-mobile-toggle{display:grid}.marketing-hero{grid-template-columns:1fr;min-height:auto;text-align:center;padding-top:72px}.hero-copy{max-width:780px;margin:auto}.hero-actions,.hero-note{justify-content:center}.portfolio-preview{max-width:760px;width:100%;margin:auto;transform:none!important}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:260px}.bento-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.workflow-feature{grid-template-columns:1fr;gap:36px}.public-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.public-header{padding:7px 8px 0}.public-nav{padding:5px 7px 5px 11px;gap:8px}.public-brand>span:last-child{font-size:14px}.public-nav-actions .public-icon-button,.public-nav-actions .public-theme-button{display:none}.public-auth-cta{display:none}.public-mobile-menu{position:absolute;inset-block-start:70px;inset-inline:8px;max-height:80vh;overflow:auto;padding:9px;border:1px solid var(--m-border);border-radius:16px;background:var(--m-raised);box-shadow:var(--m-shadow);backdrop-filter:blur(24px)}.public-mobile-menu:not([hidden]){display:block}.public-mobile-menu section{border-bottom:1px solid var(--m-border)}.public-mobile-group,.public-mobile-menu>a,.public-mobile-menu section a,.public-mobile-preferences button{width:100%;min-height:44px;display:flex;align-items:center;gap:9px;padding-inline:10px;border:0;background:none;color:var(--m-text);text-align:start}.public-mobile-group{justify-content:space-between;font-weight:700}.public-mobile-menu section div{padding:2px 8px 8px}.public-mobile-menu section a{color:var(--m-secondary)}.public-mobile-preferences{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.public-mobile-preferences button{justify-content:center;border-radius:9px;background:var(--m-recessed)}.marketing-hero,.marketing-section,.workflow-feature,.public-footer-grid,.public-footer-bottom,.product-hero,.simple-page-heading,.product-flow,.pricing-grid,.how-list,.legal-page{width:min(100% - 28px,1200px)}.marketing-hero{padding-block:54px}.hero-copy h1,.product-hero h1,.simple-page-heading h1,.legal-page>h1{font-size:clamp(2.35rem,10vw,3.4rem)}.preview-main{grid-template-columns:1fr}.preview-allocation{display:grid;grid-template-columns:120px 1fr;align-items:center}.preview-allocation>strong{grid-column:1/-1}.preview-bottom{grid-template-columns:1fr}.marketing-section{padding-block:58px}.bento-grid,.value-grid,.trust-section,.product-flow,.pricing-grid{grid-template-columns:1fr}.bento-card.wide{grid-column:auto}.workflow-feature{padding:30px;border-radius:26px}.public-footer-grid{grid-template-columns:1fr}.public-footer-bottom{align-items:center;justify-content:center;text-align:center;padding-block:16px}.auth-page{padding:70px 14px 24px}.auth-card{padding:20px}.auth-back{inset-block-start:10px;inset-inline-start:14px}}
@media(max-width:430px){.hero-actions{display:grid}.hero-actions a{width:100%}.portfolio-preview{border-radius:20px}.preview-kpis{grid-template-columns:1fr 1fr}.preview-kpis span:first-child{grid-column:1/-1}.preview-body{padding:10px}.preview-allocation{grid-template-columns:1fr}.allocation-ring{width:84px}.capability-card{padding:22px}.workflow-feature{margin-block:30px}.public-footer-grid{padding-block:38px}.public-brand>span:last-child{max-width:150px;overflow:hidden;text-overflow:ellipsis}.public-nav{min-height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.portfolio-preview{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.public-nav,.public-menu-panel,.public-mobile-menu,.auth-card{background:var(--m-surface);backdrop-filter:none}}
@media(prefers-contrast:more){:root{--m-border:#808088;--m-secondary:#3f3f45}:root[data-public-theme="dark"]{--m-border:#a8a8b0;--m-secondary:#e1e1e5}.public-nav,.capability-card,.bento-card,.value-card,.auth-card{border-width:2px}}

/* Public content only: preview, visualization rules and their inherited tokens stay frozen. */
.marketing-hero { min-height: auto; padding-block: 32px; }
.hero-copy h1 { font-size: 48px; }
.hero-copy > p { font-size: 18px; margin-block: 18px; }
[dir="ltr"] .hero-copy h1, [dir="ltr"] .product-hero h1, [dir="ltr"] .simple-page-heading h1 { letter-spacing: 0; }
.marketing-primary, .marketing-secondary { min-height: 44px; border-radius: 6px; padding: 8px 16px; box-shadow: none; }
.marketing-section { padding-block: 32px; }
.section-heading { max-width: 70ch; margin-bottom: 20px; }
.section-heading h2, .final-cta h2 { font-size: 28px; }
.capability-grid, .bento-grid, .value-grid { align-items: stretch; gap: 16px; }
.capability-card, .bento-card, .value-card {
  min-height: 0;
  border-radius: 20px;
  padding: 24px;
  background: color-mix(in srgb, var(--m-surface) 92%, transparent);
  border: 1px solid var(--m-border);
  backdrop-filter: blur(20px) saturate(120%);
  box-shadow: 0 10px 30px rgba(44, 37, 72, .07), 0 2px 8px rgba(0, 0, 0, .04);
  transition: transform 280ms cubic-bezier(.34, 1.56, .64, 1),
              box-shadow 280ms cubic-bezier(.2, .8, .2, 1),
              border-color 240ms ease,
              background-color 240ms ease;
}
:root[data-public-theme="dark"] .capability-card,
:root[data-public-theme="dark"] .bento-card,
:root[data-public-theme="dark"] .value-card {
  background: color-mix(in srgb, var(--m-surface) 86%, transparent);
  box-shadow: 0 14px 42px -4px rgba(0, 0, 0, .55), 0 0 16px -2px color-mix(in srgb, var(--m-accent) 14%, transparent);
}
.capability-card h3, .bento-card h3, .value-card h3 { margin: 18px 0 8px; font-size: 19px; }
.capability-card p, .bento-card p, .value-card p { font-size: 15px; line-height: 1.85; }
.card-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--m-accent-soft);
  color: var(--m-accent-hover);
  font-size: 22px;
  transition: transform 260ms cubic-bezier(.34, 1.56, .64, 1),
              background-color 200ms ease,
              color 200ms ease,
              box-shadow 240ms ease;
}
.card-number { inset-block-start: 22px; inset-inline-end: 22px; }
.card-action { padding-top: 18px; }
.public-footer-grid { padding-block: 32px; gap: 24px; }
.product-hero, .simple-page-heading { padding-block: 44px 28px; }
.product-hero h1, .simple-page-heading h1 { font-size: 36px; }
.product-hero p, .simple-page-heading p { max-width: 65ch; font-size: 17px; }
.product-icon { width: 48px; height: 48px; margin-bottom: 16px; border-radius: 8px; font-size: 24px; }
.product-flow { margin-block: 12px 48px; align-items: start; gap: 12px; }
.product-flow article { min-height: 0; padding: 20px; border-radius: 8px; }
.product-flow h2 { margin: 18px 0 8px; font-size: 18px; }
.pricing-grid { margin-bottom: 48px; gap: 12px; }
.pricing-grid article { min-height: 0; padding: 20px; border-radius: 8px; }
.pricing-grid article.featured { box-shadow: none; }
.pricing-grid h2 { margin: 18px 0 8px; font-size: 22px; }
.pricing-grid p { margin-top: 0; }
.pricing-grid strong { padding-top: 12px; }
.how-list { max-width: 72ch; margin-bottom: 48px; }
.how-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 16px; padding-block: 18px; }
.how-list h2 { font-size: 18px; }
.legal-page { max-width: 72ch; padding-block: 44px; }
.legal-page > h1 { font-size: 32px; line-height: 1.4; }
.legal-page section { padding-block: 16px; }
.legal-page h2 { margin: 0 0 8px; }
.legal-page p { margin: 0; }
.not-found { min-height: 0; padding: 40px 20px; gap: 12px; }
.not-found > span { font-size: 64px; color: var(--m-secondary); }
.not-found h1 { font-size: 24px; }
.not-found p { margin: 0; max-width: 60ch; }
.hero-copy, .section-heading, .product-hero, .simple-page-heading, .legal-page, .not-found,
.capability-card, .bento-card, .value-card, .pricing-grid article, .product-flow article,
.public-footer-grid > div { min-inline-size: 0; overflow-wrap: anywhere; }
.public-nav { border-radius: 8px; }
.public-nav-actions { margin-inline-start: auto; }
.public-menu-trigger, .public-nav-link, .public-auth-cta, .public-icon-button,
.public-mobile-toggle, .public-menu-panel, .public-menu-panel a { border-radius: 6px; }
.public-menu-panel { max-width: calc(100vw - 32px); }
.public-mobile-menu { inset-block-start: calc(100% + 4px); }
.public-brand-mark { flex-shrink: 0; }
.auth-page { min-height: 100svh; align-content: start; padding-top: 88px; }
.auth-card { width: min(100%, 480px); padding: 24px; border-radius: 8px; box-shadow: none; }
.auth-card > .public-brand { margin-bottom: 16px; white-space: normal; text-align: center; }
.auth-card > .public-brand > span:last-child { max-width: none; overflow: visible; }
.auth-mark { display: none; }
.auth-card h1 { margin-top: 0; font-size: 24px; }
.auth-card h2 { margin: 4px 0; font-size: 18px; }
.auth-card > p { margin-bottom: 16px; font-size: 14px; }
.auth-card label { font-size: 14px; }
.auth-card input, .identity-chip, .auth-card-footer button { border-radius: 8px; }
.auth-card input { min-inline-size: 0; border-color: #808088; }
.auth-card input[aria-invalid="true"] { border-color: var(--m-red); }
.auth-card input:disabled { opacity: .75; }
.auth-submit {
  min-height: 48px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 20px;
  border: 1px solid color-mix(in srgb, var(--tg-accent, var(--m-accent, #6555e8)) 75%, #ffffff);
  border-radius: 12px !important;
  background: var(--tg-accent, var(--m-accent, #6555e8)) !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -0.01em;
  box-shadow: 0 10px 24px -2px color-mix(in srgb, var(--tg-accent, var(--m-accent, #6555e8)) 38%, transparent), 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 160ms ease, filter 160ms ease, background-color 160ms ease;
}
.auth-submit:hover:not(:disabled) {
  transform: translateY(-2px);
  filter: brightness(1.12);
  box-shadow: 0 14px 28px -2px color-mix(in srgb, var(--tg-accent, var(--m-accent, #6555e8)) 50%, transparent), 0 4px 10px rgba(0, 0, 0, 0.25);
}
.auth-submit:active:not(:disabled) {
  transform: translateY(0) scale(0.985);
  box-shadow: 0 4px 14px -2px color-mix(in srgb, var(--tg-accent, var(--m-accent, #6555e8)) 32%, transparent);
}
.auth-submit:disabled {
  opacity: 0.6;
  cursor: wait;
}
.auth-submit span[class*="icon-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
  color: #ffffff !important;
  transition: transform 160ms ease;
}
.auth-submit:hover:not(:disabled) span[class*="icon-arrow-left"] {
  transform: translateX(-4px);
}
.auth-submit:hover:not(:disabled) span[class*="icon-arrow-right"] {
  transform: translateX(4px);
}
.auth-context {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 10px 14px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--tg-accent, var(--m-accent, #6555e8)) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--tg-accent, var(--m-accent, #6555e8)) 38%, transparent);
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.5;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
:root[data-public-theme="light"]:not(.has-teleget-theme) .auth-context,
html[data-teleget-mode="light"] .auth-context {
  background: #f0edff;
  border-color: #d8d0fc;
  color: #4338ca;
}
.auth-context span[class*="icon-"] {
  font-size: 16px;
  color: var(--tg-accent, #a78bfa);
  flex-shrink: 0;
}
:root[data-public-theme="light"]:not(.has-teleget-theme) .auth-context span[class*="icon-"],
html[data-teleget-mode="light"] .auth-context span[class*="icon-"] {
  color: #6366f1;
}
.auth-back {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-start: 24px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--m-surface) 70%, transparent);
  border: 1px solid var(--m-border);
  color: var(--m-text);
  font-size: 14px;
  font-weight: 600;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 180ms ease;
  z-index: 10;
}
:root[data-public-theme="dark"] .auth-back {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  color: #f1f0f5;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.auth-back:hover {
  background: var(--m-surface);
  border-color: color-mix(in srgb, var(--tg-accent, var(--m-accent)) 50%, var(--m-border));
  color: var(--tg-accent, var(--m-accent-hover));
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
:root[data-public-theme="dark"] .auth-back:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  border-color: var(--tg-accent, #a78bfa);
}
.auth-back span[class*="icon-"] {
  font-size: 16px;
  transition: transform 160ms ease;
}
.auth-back:hover span[class*="icon-arrow-right"] {
  transform: translateX(4px);
}
.auth-back:hover span[class*="icon-arrow-left"] {
  transform: translateX(-4px);
}
.identity-chip { flex-wrap: wrap; }
.identity-chip > span { min-inline-size: 0; overflow-wrap: anywhere; }
.identity-chip button, .auth-link { min-height: 36px; }
.password-wrap input { padding-inline: 12px; padding-right: 44px; }
.password-wrap button { inset-inline: auto; right: 0; }
.otp-input { letter-spacing: 0; }
.auth-error { min-height: 0; }
.auth-error:empty { display: none; }
.auth-status { min-height: 24px; color: var(--m-secondary); font-size: 13px; }
.auth-card-footer { margin-top: 8px; padding-top: 8px; }
.auth-card .auth-help, .auth-error, .auth-status { overflow-wrap: anywhere; }
@media (hover: hover) and (pointer: fine) {
  .capability-card:hover, .bento-card:hover, .value-card:hover {
    transform: translateY(-6px) scale(1.015);
    border-color: color-mix(in srgb, var(--m-accent) 55%, var(--m-border));
    background: color-mix(in srgb, var(--m-surface) 96%, var(--m-accent) 4%);
    box-shadow: 0 22px 55px -6px rgba(44, 37, 72, .18), 0 0 26px 2px color-mix(in srgb, var(--m-accent) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--m-accent) 45%, transparent), inset 0 1px 2px rgba(255, 255, 255, .9);
  }
  :root[data-public-theme="dark"] .capability-card:hover,
  :root[data-public-theme="dark"] .bento-card:hover,
  :root[data-public-theme="dark"] .value-card:hover {
    box-shadow: 0 24px 60px -8px rgba(0, 0, 0, .75), 0 0 32px 3px color-mix(in srgb, var(--m-accent) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--m-accent) 70%, transparent), inset 0 1px 2px rgba(255, 255, 255, .15);
  }
  .capability-card:hover .card-icon,
  .bento-card:hover .card-icon,
  .value-card:hover .card-icon {
    transform: translateY(-3px) scale(1.12);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--m-accent) 30%, transparent);
    background: var(--m-accent);
    color: #fff;
  }
  .capability-card:hover .card-action i,
  .bento-card:hover .card-action i,
  .value-card:hover .card-action i {
    transform: translate(-4px, -2px);
  }
  [dir="ltr"] .capability-card:hover .card-action i,
  [dir="ltr"] .bento-card:hover .card-action i,
  [dir="ltr"] .value-card:hover .card-action i {
    transform: translate(4px, -2px);
  }
}
@media (max-width: 1050px) {
  .public-mobile-menu:not([hidden]) { display: block; }
  .public-mobile-menu { position: absolute; inset-inline: 16px; max-height: 75svh; overflow: auto; padding: 9px; border: 1px solid var(--m-border); border-radius: 8px; background: var(--m-surface); box-shadow: var(--m-shadow); }
  .public-mobile-group, .public-mobile-menu > a, .public-mobile-menu section a, .public-mobile-preferences button { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 9px; padding-inline: 10px; border: 0; background: none; color: var(--m-text); text-align: start; }
  .public-mobile-group { justify-content: space-between; font-weight: 700; }
  .public-mobile-menu section { border-bottom: 1px solid var(--m-border); }
  .public-mobile-menu section a { color: var(--m-secondary); }
  .public-mobile-preferences { display: flex; }
}
@media (max-width: 760px) {
  .hero-copy h1 { font-size: 32px; }
  .product-hero h1, .simple-page-heading h1, .legal-page > h1 { font-size: 28px; }
  .section-heading h2, .final-cta h2 { font-size: 24px; }
  .marketing-section { padding-block: 24px; }
  .product-hero, .simple-page-heading, .legal-page { padding-top: 28px; }
  .capability-card, .bento-card, .value-card { padding: 16px; }
  .auth-page { padding: 70px 14px 24px; }
  .auth-card { padding: 20px; }
}

/* Full-width interactive portfolio showcase. This is intentionally scoped to
   the public demo so it cannot alter authenticated charts or workspace data. */
.marketing-hero {
  width: min(1560px, calc(100% - 32px));
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  padding-block: 34px 54px;
}
.hero-copy {
  width: min(100%, 1320px);
  max-width: none;
  margin-inline: auto;
  text-align: center;
}
.hero-copy h1 {
  margin: 0;
  font-size: clamp(26px, 3.1vw, 42px);
  line-height: 1.28;
  letter-spacing: 0;
}
.hero-copy > .hero-desc,
.hero-copy > p {
  width: 100%;
  max-width: min(100%, 1280px);
  margin-inline: auto;
  margin-block: 20px 28px;
  font-size: clamp(15px, 1.2vw, 17.5px);
  line-height: 1.85;
  color: var(--m-secondary);
}
.hero-copy .hero-line {
  display: block;
}
@media (min-width: 980px) {
  .hero-copy h1 {
    white-space: nowrap;
  }
  .hero-copy .hero-line {
    white-space: nowrap;
  }
}
@media (max-width: 760px) {
  .hero-copy h1 {
    font-size: clamp(23px, 6vw, 29px);
    line-height: 1.32;
  }
  .hero-copy > .hero-desc,
  .hero-copy > p {
    font-size: 14.5px;
    line-height: 1.7;
    margin-block: 14px 20px;
  }
}
.hero-actions, .hero-note { justify-content: center; }

.portfolio-preview {
  --preview-glow-x: 50%;
  --preview-glow-y: 40%;
  position: relative;
  width: 100%;
  max-width: none;
  margin-inline: auto;
  box-shadow: 0 38px 100px rgba(52, 38, 130, .22), 0 10px 34px rgba(15, 12, 35, .14);
  transition: border-color 220ms ease, box-shadow 260ms ease;
  animation: preview-arrive 700ms cubic-bezier(.16,1,.3,1) both;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transform-style: flat;
}
[dir="ltr"] .portfolio-preview { transform: none; }
.portfolio-preview::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .48;
  background: radial-gradient(520px circle at var(--preview-glow-x) var(--preview-glow-y), color-mix(in srgb, var(--m-accent) 20%, transparent), transparent 68%);
  transition: opacity 220ms ease;
}
.portfolio-preview:hover {
  border-color: color-mix(in srgb, var(--m-accent) 44%, var(--m-border));
  box-shadow: 0 46px 120px rgba(52, 38, 130, .28), 0 16px 44px rgba(15, 12, 35, .18), 0 0 0 1px color-mix(in srgb, var(--m-accent) 15%, transparent);
}
.portfolio-preview:hover::before { opacity: .9; }
.preview-toolbar, .preview-body { position: relative; z-index: 1; }
.preview-toolbar { min-height: 54px; padding-inline: clamp(16px, 2vw, 28px); }
.preview-body { padding: clamp(14px, 2vw, 26px); }
.preview-kpis { gap: clamp(10px, 1.2vw, 18px); }
.preview-kpis span {
  min-height: 76px;
  padding: 14px 16px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--m-recessed) 90%, transparent);
}
.preview-kpis strong { font-size: clamp(17px, 1.65vw, 25px); }
.preview-main { grid-template-columns: minmax(0, 1fr) minmax(210px, .3fr); gap: clamp(12px, 1.3vw, 20px); margin-top: clamp(12px, 1.3vw, 20px); }
.preview-bottom { gap: clamp(12px, 1.3vw, 20px); margin-top: clamp(12px, 1.3vw, 20px); }
.preview-chart, .preview-allocation, .preview-bottom > section { padding: clamp(14px, 1.5vw, 22px); border-radius: 18px; }
.preview-chart svg { height: clamp(190px, 21vw, 310px); }
.allocation-ring { width: clamp(108px, 10vw, 150px); }
.preview-allocation li, .holding-row, .risk-meter > div { font-size: clamp(11px, .92vw, 14px); }
.preview-allocation li { margin-top: 9px; padding: 5px 7px; border-radius: 7px; }
.holding-row { padding: 9px 8px; border-radius: 8px; }
.risk-meter small, .preview-chart p { font-size: clamp(10px, .82vw, 12px); }

.portfolio-preview :where(
  .preview-toolbar strong, .demo-badge, .preview-dots i,
  .preview-kpis span, .preview-chart, .preview-allocation,
  .preview-bottom > section, .preview-range, .holding-row,
  .preview-allocation li, .risk-meter progress
) {
  transition: transform 190ms cubic-bezier(.2,.8,.2,1), color 180ms ease,
    border-color 190ms ease, background-color 190ms ease, box-shadow 220ms ease,
    filter 190ms ease, opacity 190ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .preview-kpis span:hover,
  .preview-chart:hover,
  .preview-allocation:hover,
  .preview-bottom > section:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--m-accent) 46%, var(--m-border));
    background: color-mix(in srgb, var(--m-recessed) 91%, var(--m-accent) 9%);
    box-shadow: 0 18px 42px rgba(31, 23, 75, .16), 0 0 0 1px color-mix(in srgb, var(--m-accent) 10%, transparent);
  }
  .preview-kpis span:hover strong,
  .preview-chart:hover > div strong,
  .preview-allocation:hover > strong,
  .preview-bottom > section:hover > strong {
    color: var(--m-accent-hover);
    transform: none;
  }
  .holding-row:hover, .preview-allocation li:hover {
    transform: translateX(3px);
    color: var(--m-text);
    background: color-mix(in srgb, var(--m-accent) 11%, transparent);
    box-shadow: inset 3px 0 color-mix(in srgb, var(--m-accent) 70%, transparent);
  }
  [dir="rtl"] .holding-row:hover, [dir="rtl"] .preview-allocation li:hover {
    transform: translateX(-3px);
    box-shadow: inset -3px 0 color-mix(in srgb, var(--m-accent) 70%, transparent);
  }
  .demo-badge:hover, .preview-range:hover { transform: translateY(-2px); box-shadow: 0 7px 18px color-mix(in srgb, var(--m-accent) 18%, transparent); }
  .preview-toolbar strong:hover { color: var(--m-accent-hover); transform: none; }
  .preview-allocation:hover .allocation-ring { transform: rotate(5deg) scale(1.055); filter: drop-shadow(0 12px 18px color-mix(in srgb, var(--m-accent) 24%, transparent)); }
  .preview-chart:hover .chart-line { stroke-width: 4; filter: drop-shadow(0 4px 7px color-mix(in srgb, var(--m-accent) 38%, transparent)); }
}

.preview-dots i { animation: preview-dot 2.1s ease-in-out infinite; }
.preview-dots i:nth-child(2) { animation-delay: 130ms; }
.preview-dots i:nth-child(3) { animation-delay: 260ms; }
.chart-line { stroke-dasharray: 900; stroke-dashoffset: 900; animation: preview-chart-draw 1.35s .25s cubic-bezier(.2,.8,.2,1) forwards; transition: stroke-width 190ms ease, filter 190ms ease; }
.chart-fill { opacity: 0; animation: preview-fill-in 900ms .75s ease forwards; }
.allocation-ring { transition: transform 320ms cubic-bezier(.2,.8,.2,1), filter 260ms ease; animation: preview-ring-pulse 4s 1.2s ease-in-out infinite; }
.risk-meter progress { animation: preview-progress 950ms .6s cubic-bezier(.2,.8,.2,1) both; transform-origin: left center; }

@keyframes preview-arrive { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes preview-chart-draw { to { stroke-dashoffset: 0; } }
@keyframes preview-fill-in { to { opacity: 1; } }
@keyframes preview-dot { 0%, 72%, 100% { transform: translateY(0); } 82% { transform: translateY(-3px) scale(1.14); } }
@keyframes preview-ring-pulse { 0%, 100% { filter: drop-shadow(0 0 0 transparent); } 50% { filter: drop-shadow(0 8px 12px color-mix(in srgb, var(--m-accent) 16%, transparent)); } }
@keyframes preview-progress { from { transform: scaleX(0); opacity: .4; } to { transform: scaleX(1); opacity: 1; } }

@media (max-width: 1050px) {
  .marketing-hero { width: min(100% - 28px, 960px); }
  .portfolio-preview { width: 100%; max-width: none; transform: none; }
  .preview-chart svg { height: clamp(180px, 35vw, 280px); }
}
@media (max-width: 760px) {
  .marketing-hero { gap: 22px; padding-block: 30px 42px; }
  .preview-main { grid-template-columns: 1fr; }
  .preview-allocation { grid-template-columns: 120px 1fr; }
  .preview-chart svg { height: clamp(170px, 48vw, 250px); }
}
@media (max-width: 430px) {
  .preview-kpis span { min-height: 68px; padding: 11px; }
  .preview-allocation { grid-template-columns: 1fr; }
  .preview-main, .preview-bottom { gap: 10px; margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-preview, .portfolio-preview *, .portfolio-preview *::before, .portfolio-preview *::after,
  .feature-preview-widget, .feature-preview-widget *, .feature-spotlight-card {
    animation: none !important;
    transition-duration: .01ms !important;
    transform: none !important;
  }
  .portfolio-preview, .feature-preview-widget { transform: none !important; }
}

/* ==========================================================================
   Ecosystem Spotlight Section & Advanced Feature Showcase
   ========================================================================== */
.ecosystem-spotlight-section {
  width: min(1360px, calc(100% - 32px));
  margin: 0 auto;
  padding-block: 40px 68px;
}
.section-lead {
  max-width: 820px;
  margin: 12px 0 0;
  color: var(--m-secondary);
  font-size: clamp(15.5px, 1.15vw, 18px);
  line-height: 1.85;
}
.feature-spotlight-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  margin-top: 44px;
}
.feature-spotlight-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.28fr);
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
  padding: clamp(22px, 3.2vw, 40px);
  border-radius: 28px;
  background: var(--m-surface);
  border: 1px solid var(--m-border);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 16px 45px rgba(26, 25, 42, .06), 0 2px 10px rgba(0, 0, 0, .03);
  transition: box-shadow 300ms cubic-bezier(.2, .8, .2, 1),
              border-color 260ms ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transform-style: flat;
}
:root[data-public-theme="dark"] .feature-spotlight-card {
  background: var(--m-surface);
  box-shadow: 0 20px 55px -6px rgba(0, 0, 0, .6), 0 0 22px -3px color-mix(in srgb, var(--m-accent) 15%, transparent);
}
.feature-spotlight-card:hover {
  border-color: color-mix(in srgb, var(--m-accent) 55%, var(--m-border));
  box-shadow: 0 30px 80px rgba(52, 38, 130, .18), 0 0 32px color-mix(in srgb, var(--m-accent) 22%, transparent);
}
:root[data-public-theme="dark"] .feature-spotlight-card:hover {
  box-shadow: 0 32px 85px rgba(0, 0, 0, .75), 0 0 36px color-mix(in srgb, var(--m-accent) 35%, transparent);
}
.feature-spotlight-card.reversed {
  grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);
}
.feature-spotlight-card.reversed .spotlight-content {
  order: 2;
}
.feature-spotlight-card.reversed .spotlight-visual {
  order: 1;
}

.spotlight-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.spotlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--m-accent-soft);
  color: var(--m-accent-hover);
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--m-accent) 14%, transparent);
}
.spotlight-badge span { font-size: 16px; }

.spotlight-content h3 {
  margin: 4px 0 0;
  font-size: clamp(22px, 2.1vw, 30px);
  line-height: 1.35;
  color: var(--m-text);
}
.spotlight-content > p {
  margin: 0;
  color: var(--m-secondary);
  font-size: clamp(14.5px, 1.05vw, 16.5px);
  line-height: 1.85;
}

.spotlight-features {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.spotlight-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--m-text);
  font-size: 14px;
  font-weight: 550;
}
.spotlight-features li i {
  color: var(--m-green);
  font-size: 18px;
  flex-shrink: 0;
}

.spotlight-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 11px 20px;
  border-radius: 12px;
  background: var(--m-accent);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  align-self: flex-start;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--m-accent) 30%, transparent);
  transition: transform 220ms var(--tg-ease-spring, cubic-bezier(.34, 1.56, .64, 1)),
              background-color 200ms ease,
              box-shadow 240ms ease;
}
:root[data-public-theme="dark"] .spotlight-cta { color: #15121f; }
.spotlight-cta:hover {
  transform: translateY(-2px) scale(1.03);
  background: var(--m-accent-hover);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--m-accent) 45%, transparent);
}
.spotlight-cta i { transition: transform 200ms ease; }
[dir="rtl"] .spotlight-cta:hover i { transform: translate(-3px, -2px); }
[dir="ltr"] .spotlight-cta:hover i { transform: translate(3px, -2px); }

/* ==========================================================================
   Feature Preview Widgets (Teleget 3D & Neon Frosted Styling)
   ========================================================================== */
.feature-preview-widget {
  --preview-glow-x: 50%;
  --preview-glow-y: 40%;
  position: relative;
  border: 1px solid var(--m-border);
  border-radius: 24px;
  background: var(--m-surface);
  box-shadow: 0 24px 65px rgba(44, 37, 72, .12), 0 4px 16px rgba(0, 0, 0, .05);
  transition: border-color 240ms ease,
              box-shadow 260ms ease;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transform-style: flat;
}
:root[data-public-theme="dark"] .feature-preview-widget {
  background: var(--m-surface);
  box-shadow: 0 28px 85px rgba(0, 0, 0, .7), 0 0 35px -5px color-mix(in srgb, var(--m-accent) 22%, transparent);
}
.feature-preview-widget::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .4;
  background: radial-gradient(450px circle at var(--preview-glow-x) var(--preview-glow-y), color-mix(in srgb, var(--m-accent) 20%, transparent), transparent 70%);
  transition: opacity 220ms ease;
}
.feature-preview-widget:hover {
  border-color: color-mix(in srgb, var(--m-accent) 55%, var(--m-border));
  box-shadow: 0 34px 95px rgba(52, 38, 130, .26), 0 0 40px color-mix(in srgb, var(--m-accent) 26%, transparent);
}
.feature-preview-widget:hover::before { opacity: .85; }

.feature-preview-widget :where(
  .val-price-box, .val-card-body, .val-card-top, .val-info, .val-title, .val-chips,
  .backtest-body, .backtest-meta-bar, .backtest-chart-wrap, .chart-header-metrics,
  .backtest-kpi-grid, .bt-kpi, .wf-status-bar, .wf-folds, .fold,
  .signals-body, .signal-asset-header, .asset-symbol-pair, .confidence-badge,
  .signal-technical-card, .pattern-pill, .signal-ladder, .ladder-step, .signal-rr-footer,
  .news-body, .news-items-list, .news-item, .news-meta, .sentiment-pill, .impact-badge,
  .news-title, .news-ai-summary
),
.portfolio-preview :where(
  .preview-toolbar, .preview-body, .preview-kpis, .preview-main, .preview-chart,
  .preview-allocation, .preview-bottom, .holding-row, .risk-meter
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.widget-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--m-border);
  background: color-mix(in srgb, var(--m-recessed) 80%, transparent);
}
.widget-title-group {
  display: flex;
  align-items: center;
  gap: 11px;
}
.widget-title-group strong {
  display: block;
  font-size: 14px;
  color: var(--m-text);
}
.widget-title-group small {
  display: block;
  font-size: 11px;
  color: var(--m-tertiary);
  font-family: var(--m-latin);
}
.widget-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--m-accent-soft);
  color: var(--m-accent-hover);
  font-size: 19px;
  flex-shrink: 0;
}
.widget-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--m-green) 14%, transparent);
  color: var(--m-green);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.widget-status-badge.badge-purple {
  background: var(--m-accent-soft);
  color: var(--m-accent-hover);
}
.widget-status-badge.badge-green {
  background: color-mix(in srgb, var(--m-green) 14%, transparent);
  color: var(--m-green);
}
.beacon-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
  animation: beacon-pulse 2s ease-in-out infinite;
}
@keyframes beacon-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.4); opacity: .5; }
}

/* 1. Valuation Preview Specifics */
.valuation-cards-stack {
  position: relative;
  z-index: 1;
  padding: 13px;
  display: grid;
  gap: 10px;
}
.val-card {
  padding: 12px 14px;
  border: 1px solid var(--m-border);
  border-radius: 16px;
  background: var(--m-recessed);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: transform 180ms ease,
              border-color 200ms ease,
              background-color 200ms ease,
              box-shadow 220ms ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.val-card:hover {
  transform: translateX(-3px);
  border-color: color-mix(in srgb, var(--m-accent) 55%, var(--m-border));
  background: color-mix(in srgb, var(--m-recessed) 92%, var(--m-accent) 8%);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .06), 0 0 16px color-mix(in srgb, var(--m-accent) 15%, transparent);
}
[dir="ltr"] .val-card:hover { transform: translateX(3px); }
.val-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}
.val-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 750;
  color: var(--m-accent-hover);
}
.val-badge.vehicle { color: #0284c7; }
.val-badge.goods { color: #d97706; }
.val-meta-tag {
  font-size: 11px;
  color: var(--m-tertiary);
}
.val-card-body {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}
.val-title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--m-text);
  margin-bottom: 5px;
}
.val-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.val-chips span {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--m-surface) 90%, transparent);
  border: 1px solid var(--m-border);
  font-size: 10.5px;
  color: var(--m-secondary);
}
.val-price-box,
.val-price-box:hover,
.val-price-box:focus,
.val-price-box:focus-within {
  text-align: end;
  flex-shrink: 0;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  filter: none !important;
}
.val-price-box :where(small, strong, span) {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}
.val-price-box small {
  display: block;
  font-size: 10px;
  color: var(--m-tertiary);
}
.val-price-box strong {
  display: block;
  font-size: 15.5px;
  color: var(--m-text);
}
.val-trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 650;
}
.val-trend.gain { color: var(--m-green); }
.val-trend.neutral { color: var(--m-secondary); }

/* 2. Backtest Preview Specifics */
.backtest-body {
  position: relative;
  z-index: 1;
  padding: 14px;
  display: grid;
  gap: 12px;
}
.backtest-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
}
.strategy-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  color: var(--m-text);
}
.strategy-badge span { color: var(--m-accent); }
.tf-badge {
  padding: 3px 8px;
  border-radius: 7px;
  background: var(--m-accent-soft);
  color: var(--m-accent-hover);
  font-size: 11px;
  font-weight: 600;
}
.backtest-chart-wrap {
  padding: 12px;
  border: 1px solid var(--m-border);
  border-radius: 16px;
  background: var(--m-recessed);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.chart-header-metrics {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 12px;
}
.chart-header-metrics strong { font-size: 14px; }
.backtest-curve-svg {
  display: block;
  width: 100%;
  height: 115px;
}
.bt-grid {
  fill: none;
  stroke: var(--m-border);
  stroke-width: 1;
  stroke-dasharray: 4 4;
}
.bt-fill {
  fill: url(#btGradient);
}
.bt-line {
  fill: none;
  stroke: #10b981;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  animation: bt-draw 1.6s cubic-bezier(.2, .8, .2, 1) forwards;
}
@keyframes bt-draw {
  to { stroke-dashoffset: 0; }
}
.bt-dd-dot {
  fill: var(--m-red);
  stroke: #fff;
  stroke-width: 2;
}
.bt-peak-dot {
  fill: #10b981;
  stroke: #fff;
  stroke-width: 2;
  animation: bt-peak-pulse 1.8s ease-in-out infinite;
}
@keyframes bt-peak-pulse {
  0%, 100% { r: 5; }
  50% { r: 7; filter: drop-shadow(0 0 6px #10b981); }
}

.backtest-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.bt-kpi {
  padding: 9px 8px;
  border: 1px solid var(--m-border);
  border-radius: 12px;
  background: var(--m-recessed);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-align: center;
}
.bt-kpi small {
  display: block;
  font-size: 10px;
  color: var(--m-tertiary);
  margin-bottom: 2px;
}
.bt-kpi strong {
  display: block;
  font-size: 13.5px;
  color: var(--m-text);
}
.wf-status-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 11px;
  background: var(--m-recessed);
  font-size: 11.5px;
}
.wf-label { color: var(--m-secondary); font-weight: 600; }
.wf-folds { display: flex; gap: 5px; }
.fold {
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 700;
}
.fold.done {
  background: color-mix(in srgb, var(--m-green) 14%, transparent);
  color: var(--m-green);
}
.fold.active {
  background: var(--m-accent-soft);
  color: var(--m-accent-hover);
  animation: beacon-pulse 1.6s ease-in-out infinite;
}

/* 3. AI Signals Preview Specifics */
.signals-body {
  position: relative;
  z-index: 1;
  padding: 14px;
  display: grid;
  gap: 12px;
}
.widget-signal-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}
.widget-signal-action.buy-signal {
  background: #10b981;
  color: #fff;
  box-shadow: 0 4px 16px rgba(16, 185, 129, .4);
}
.signal-asset-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asset-symbol-pair {
  display: flex;
  align-items: center;
  gap: 8px;
}
.symbol-badge {
  font-size: 17px;
  font-weight: 800;
  font-family: var(--m-latin);
  color: var(--m-text);
}
.confidence-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--m-green) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--m-green) 25%, transparent);
}
.conf-number {
  font-size: 18px;
  font-weight: 900;
  color: var(--m-green);
}
.confidence-badge small {
  font-size: 10.5px;
  color: var(--m-text);
  font-weight: 600;
}
.signal-technical-card {
  padding: 12px;
  border: 1px solid var(--m-border);
  border-radius: 16px;
  background: var(--m-recessed);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: grid;
  gap: 9px;
}
.pattern-pill {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--m-surface) 90%, transparent);
  border: 1px solid var(--m-border);
  font-size: 11.5px;
  color: var(--m-accent-hover);
  font-weight: 650;
}
.pattern-pill span:first-child { font-size: 15px; }

.signal-ladder {
  display: grid;
  gap: 6px;
}
.ladder-step {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  align-items: center;
  padding: 7px 11px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--m-surface) 80%, transparent);
  border: 1px solid var(--m-border);
  font-size: 11.5px;
  transition: transform 180ms ease, border-color 180ms ease;
}
.ladder-step:hover {
  transform: translateX(-3px);
  border-color: var(--m-border-strong);
}
[dir="ltr"] .ladder-step:hover { transform: translateX(3px); }
.ladder-step.active {
  border-color: var(--m-accent);
  background: var(--m-accent-soft);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--m-accent) 18%, transparent);
}
.ladder-tag { font-weight: 650; color: var(--m-secondary); }
.ladder-step strong { font-size: 13px; color: var(--m-text); }
.ladder-return { text-align: end; font-weight: 700; font-size: 11.5px; }
.current-tag {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--m-accent);
  color: #fff;
  font-size: 10px;
}
:root[data-public-theme="dark"] .current-tag { color: #15121f; }
.signal-rr-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  border-top: 1px dashed var(--m-border);
  font-size: 11.5px;
  color: var(--m-secondary);
}

/* 4. News Intelligence Preview Specifics */
.news-body {
  position: relative;
  z-index: 1;
  padding: 13px;
}
.news-items-list {
  display: grid;
  gap: 9px;
}
.news-item {
  padding: 12px 14px;
  border: 1px solid var(--m-border);
  border-radius: 16px;
  background: var(--m-recessed);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: grid;
  gap: 6px;
  transition: transform 180ms ease,
              border-color 200ms ease,
              background-color 200ms ease,
              box-shadow 220ms ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.news-item:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--m-accent) 50%, var(--m-border));
  background: color-mix(in srgb, var(--m-recessed) 92%, var(--m-accent) 8%);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .06), 0 0 18px color-mix(in srgb, var(--m-accent) 15%, transparent);
}
.news-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
}
.sentiment-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 11px;
}
.sentiment-pill.bullish {
  background: color-mix(in srgb, var(--m-green) 15%, transparent);
  color: var(--m-green);
  border: 1px solid color-mix(in srgb, var(--m-green) 30%, transparent);
}
.sentiment-pill.neutral {
  background: color-mix(in srgb, var(--m-accent) 15%, transparent);
  color: var(--m-accent-hover);
  border: 1px solid color-mix(in srgb, var(--m-accent) 30%, transparent);
}
.impact-badge {
  padding: 2px 7px;
  border-radius: 6px;
  font-weight: 650;
}
.impact-badge.critical {
  background: color-mix(in srgb, var(--m-red) 14%, transparent);
  color: var(--m-red);
}
.impact-badge.high {
  background: color-mix(in srgb, #f59e0b 16%, transparent);
  color: #d97706;
}
.impact-badge.medium {
  background: color-mix(in srgb, var(--m-secondary) 14%, transparent);
  color: var(--m-secondary);
}
.news-time {
  margin-inline-start: auto;
  color: var(--m-tertiary);
  font-size: 10.5px;
}
.news-title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--m-text);
  line-height: 1.5;
}
.news-ai-summary {
  margin: 0;
  padding: 7px 10px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--m-surface) 90%, transparent);
  border: 1px solid var(--m-border);
  font-size: 11.5px;
  color: var(--m-secondary);
  line-height: 1.6;
}
.news-ai-summary span {
  color: var(--m-accent-hover);
  margin-inline-end: 4px;
}

/* ==========================================================================
   Responsive Adaptations for Spotlight & Preview Widgets
   ========================================================================== */
@media (max-width: 1050px) {
  .feature-spotlight-card,
  .feature-spotlight-card.reversed {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .feature-spotlight-card.reversed .spotlight-content { order: 1; }
  .feature-spotlight-card.reversed .spotlight-visual { order: 2; }
}

@media (max-width: 760px) {
  .ecosystem-spotlight-section { padding-block: 28px 44px; }
  .feature-spotlight-card { padding: 18px; border-radius: 20px; }
  .backtest-kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .val-card-body { flex-direction: column; align-items: flex-start; gap: 8px; }
  .val-price-box { text-align: start; }
}

/* ==========================================================================
   Privacy Statement & Clear Transparency Page Styles
   ========================================================================== */
.legal-page.privacy-statement,
.privacy-statement {
  width: 50% !important;
  max-width: none !important;
  margin: 0 auto;
  padding-block: 64px 100px;
}
.legal-header {
  margin-bottom: 36px;
}
.legal-header h1 {
  margin: 0 0 16px;
  font-size: clamp(1.2rem, 1.65vw, 1.65rem);
  font-weight: 800;
  line-height: 1.35;
  color: var(--m-text);
  letter-spacing: -0.015em;
}
@media (min-width: 860px) {
  .legal-header h1 {
    white-space: nowrap;
  }
}
.legal-lead {
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.85;
  color: var(--m-secondary);
  margin: 0 0 32px;
}
.privacy-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}
.privacy-pillar {
  padding: 22px 18px;
  border-radius: 18px;
  border: 1px solid var(--m-border);
  background: var(--m-surface);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
.privacy-pillar:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--m-accent) 45%, var(--m-border));
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
}
.privacy-pillar [class^="icon-"] {
  font-size: 26px;
  color: var(--m-accent-hover);
  margin-bottom: 4px;
}
.privacy-pillar strong {
  font-size: 15px;
  font-weight: 750;
  color: var(--m-text);
}
.privacy-pillar small {
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--m-secondary);
}
.legal-section {
  padding-block: 32px;
  border-bottom: 1px solid var(--m-border);
}
.legal-section:last-child {
  border-bottom: none;
}
.legal-section h2 {
  font-size: clamp(18px, 1.4vw, 21px);
  font-weight: 750;
  color: var(--m-text);
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.legal-section h2::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 999px;
  background: var(--m-accent);
}
.legal-section p {
  font-size: 15px;
  line-height: 1.95;
  color: var(--m-secondary);
  margin: 0 0 14px;
}
.legal-section ul {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
  display: grid;
  gap: 10px;
}
.legal-section li {
  position: relative;
  padding-inline-start: 24px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--m-secondary);
}
.legal-section li::before {
  content: "•";
  position: absolute;
  inset-inline-start: 6px;
  color: var(--m-accent-hover);
  font-size: 20px;
  line-height: 1;
}
:root[data-public-theme="dark"] .privacy-pillar {
  background: color-mix(in srgb, var(--m-surface) 80%, transparent);
  border-color: color-mix(in srgb, var(--m-border) 80%, transparent);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
:root[data-public-theme="dark"] .privacy-pillar:hover {
  border-color: color-mix(in srgb, var(--m-accent) 60%, var(--m-border));
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 24px color-mix(in srgb, var(--m-accent) 20%, transparent);
}
@media (max-width: 1024px) {
  .legal-page.privacy-statement,
  .privacy-statement {
    width: min(100% - 32px, 80%) !important;
  }
}
@media (max-width: 760px) {
  .privacy-pillars {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .legal-page.privacy-statement,
  .privacy-statement {
    width: min(100% - 28px, 94%) !important;
    padding-block: 36px 64px;
  }
}