/* ==========================================================================
   NOLA / Moren — Pixel-perfect 1920×7000 canvas + transform:scale responsive
   Source: Figma Frame 7:244 via Figma Desktop MCP
   ========================================================================== */

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; background: #01040b; color: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }
img { display: block; max-width: none; user-select: none; -webkit-user-drag: none; }
a { color: inherit; text-decoration: none; }

/* ---------- Design Tokens ---------- */
:root {
  --k: 1;

  /* Background */
  --bg-base: #01040b;
  --bg-section-top: #02111c;
  --bg-card: rgba(255, 255, 255, 0.05);
  --bg-card-solid: #181b25;
  --bg-logo-tile: rgba(17, 17, 17, 0.61);

  /* Brand gradients */
  --grad-brand: linear-gradient(180deg, #625ded 0%, #6ed0f5 100%);
  --grad-purple: linear-gradient(180deg, #a837ff 0%, #652199 100%);
  --grad-title-white: linear-gradient(163deg, #fff 27%, #cacaca 72%);
  --grad-title-white-2: linear-gradient(151deg, #cacaca 27%, #fff 72%);

  /* Borders */
  --border-brand: 1px solid #625ded;
  --border-brand-2: 2px solid #625ded;
  --border-soft: 1px solid rgba(255, 255, 255, 0.32);
  --border-softer: 1px solid rgba(255, 255, 255, 0.31);
  --border-button: 1px solid rgba(255, 255, 255, 0.61);

  /* Text */
  --text-primary: #eaedff;
  --text-white: #ffffff;
  --text-muted-77: rgba(255, 255, 255, 0.77);
  --text-muted-69: rgba(255, 255, 255, 0.69);
  --text-muted-63: rgba(255, 255, 255, 0.63);
  --text-divider: rgba(226, 232, 255, 0.12);

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 15px;
  --radius-xl: 20px;
  --radius-2xl: 30px;
  --radius-card: 27.4px;
  --radius-logo: 37.4px;
  --radius-phone: 56.2px;

  /* Spacing */
  --spacing-2xl: 32px;
}

/* ---------- Canvas system ----------
   画布原始尺寸：1920 × 7000
   - viewport < 1920：用 --k 等比缩小，canvas 从左上角开始对齐（不居中）
   - viewport ≥ 1920：--k = 1，canvas 1920 宽水平居中
*/
.stage {
  width: 100%;
  overflow: hidden;
  background: var(--bg-base);
  height: calc(7000px * var(--k));
  position: relative;
}
.canvas {
  position: relative;
  width: 1920px;
  height: 7000px;
  background: var(--bg-base);
  transform-origin: top left;
  transform: scale(var(--k));
  overflow: hidden;
}

/* --- 纯 CSS 响应式：无需 JS 即可正确缩放 --- */
@media (max-width: 1919px) {
  :root { --k: calc(100vw / 1920); }
  .canvas { left: 0; }
}
@media (min-width: 1920px) {
  :root { --k: 1; }
  /* 宽屏时 canvas 居中：left = (100vw - 1920px) / 2 */
  .canvas { left: calc((100vw - 1920px) / 2); }
}

/* ---------- Sections (all absolute, full-width) ---------- */
.section {
  position: absolute;
  left: 0;
  width: 1920px;
  z-index: 1;
}

/* ==========================================================================
   DECORATIONS (Glow orbs, polygons, big blur blob)
   ========================================================================== */

.deco { position: absolute; pointer-events: none; }

/* Hero 右上 972×972 蓝光球（覆盖范围 -30.86%，实际显示区 left:1192,top:-294) */
.glow-hero-right {
  left: 1192px;
  top: -294px;
  width: 972px;
  height: 972px;
  opacity: 1;
  z-index: 1;
}

/* Hero 左侧三角光束组（Figma: left:-295,top:-589 for hero） */
.polygon-group { position: absolute; width: 935px; height: 811px; z-index: 1; }
.polygon-hero { left: -295px; top: -589px; }
.polygon-s3   { left: -295px; top: 1471px; }
.polygon-hero .poly-70,
.polygon-hero .poly-69,
.polygon-hero .poly-68 { mix-blend-mode: plus-lighter; opacity: 1; }
.polygon-s3 .poly-70,
.polygon-s3 .poly-69,
.polygon-s3 .poly-68   { mix-blend-mode: plus-lighter; opacity: 0.4; }
.poly-70 { position: absolute; left: 0;    top: 16px; width: 935px; height: 795px; }
.poly-69 { position: absolute; left: 155px; top: 16px; width: 625px; height: 795px; }
.poly-68 { position: absolute; left: 276.5px; top: 0;  width: 393px; height: 795px; }

/* Hero 紫蓝模糊色块（12:44: 988×1145 旋转67deg 内含 962×668 #625ded→#6ed0f5 blur 115） */
.hero-blur-blob {
  position: absolute;
  left: 163px;
  top: 695px;
  width: 989px;
  height: 1146px;
  pointer-events: none;
  z-index: 1;
}
.hero-blur-blob::before {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  width: 962px; height: 668px;
  margin-left: -481px;
  margin-top: -334px;
  background: linear-gradient(180deg, #625ded 0%, #6ed0f5 100%);
  opacity: 0.4;
  border-radius: 223.5px;
  filter: blur(115px);
  transform: rotate(67.16deg);
}

/* S4 右上 707 光球 (13:417: 1279,2798) */
.glow-s4-right {
  left: 1279px;
  top: 2798px;
  width: 707px;
  height: 707px;
  opacity: 0.8;
  z-index: 1;
}

/* S5 右中 707 光球 (13:409: 1171,4100) */
.glow-s5-right {
  left: 1171px;
  top: 4100px;
  width: 707px;
  height: 707px;
  opacity: 0.8;
  z-index: 1;
}

/* S6 左下 707 光球 (13:413: 0,4921) */
.glow-s6-left {
  left: 0;
  top: 4921px;
  width: 707px;
  height: 707px;
  opacity: 0.8;
  z-index: 1;
}

/* ==========================================================================
   S1 Hero
   ========================================================================== */
#s1-hero { top: 0; height: 1004px; z-index: 3; }

/* Logo 磨砂容器 173×173 */
.logo-tile {
  position: absolute;
  left: 178px;
  top: 106px;
  width: 173px;
  height: 173px;
  background: var(--bg-logo-tile);
  border-radius: var(--radius-logo);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.logo-tile img { width: 130px; height: 108px; object-fit: contain; }

/* Hero 主标题 878×268 */
.hero-title {
  position: absolute;
  left: 187px;
  top: 321px;
  width: 878px;
  font-family: 'Inter', 'Gilroy', sans-serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 1.2;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  z-index: 4;
}

/* Hero 双手机：
   Union (左手机 Total Balance) 1085,62 457×928 — phone-union-hero.png 本身就是该轮廓渲染
   013 4 (右手机 Quant Analysis) 1379,62 457×928 — 把 4096×3072 的 phone-013-4.png 按 Figma
     裁剪参数 (w:320.42%, h:118.19%, left:-167.91%, top:-9.96%) 呈现为右手机 */
.hero-phones { position: absolute; left: 0; top: 0; width: 1920px; height: 1000px; z-index: 3; }
.hero-phones .phone-union {
  position: absolute;
  left: 1085px;
  top: 62px;
  width: 457px;
  height: 928px;
  object-fit: contain;
}
.hero-phones .phone-013 {
  position: absolute;
  left: 1379px;
  top: 62px;
  width: 457px;
  height: 928px;
  border-radius: 40px;
  overflow: hidden;
}
.hero-phones .phone-013 img {
  position: absolute;
  width: 320.42%;
  height: 118.19%;
  left: -167.91%;
  top: -9.96%;
  max-width: none;
}

/* ==========================================================================
   S2 Testimonial (floats inside S1 layout coordinates, but rendered as own section)
   ========================================================================== */
#s2-testimonial { top: 718px; height: 188px; z-index: 4; }

.testimonial-card {
  position: absolute;
  left: 191px;
  top: 0;
  width: 839px;
  height: 188px;
  background: var(--bg-card-solid);
  border: var(--border-brand);
  border-radius: var(--radius-xl);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  overflow: hidden;
}
.testimonial-card .testi-glow {
  position: absolute;
  left: 271px;
  top: -130px;
  width: 553px;
  height: 213px;
  pointer-events: none;
  opacity: 1;
  z-index: 0;
}
.testimonial-card p {
  position: relative;
  z-index: 1;
  font-family: 'Inter', 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--text-muted-77);
}

/* ==========================================================================
   S3 Free from Emotion (y:1004 h:1069)
   ========================================================================== */
#s3-emotion { top: 1004px; height: 1069px; z-index: 2; }

.s3-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 96% 53% at 50% 50%, var(--bg-section-top) 0%, var(--bg-base) 100%);
  z-index: 0;
}

.s3-title {
  position: absolute;
  left: 182px;
  top: 59px; /* 1063-1004 */
  width: 979px;
  font-family: 'Inter', 'Gilroy', sans-serif;
  font-weight: 700;
  font-size: 67px;
  line-height: 1.46;
  color: #fff;
  text-transform: uppercase;
  z-index: 3;
}
.s3-desc {
  position: absolute;
  left: 1153px;
  top: 126px; /* 1130-1004 */
  width: 602px;
  font-family: 'Syne', 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: var(--text-muted-63);
  z-index: 3;
}

/* 通用特性卡 */
.feat-card {
  position: absolute;
  background: var(--bg-card);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  z-index: 3;
}
.feat-card .card-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.feat-card .circle-icon {
  position: relative;
  display: inline-flex;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.feat-card .circle-icon img:first-child {
  width: 64px;
  height: 64px;
}
.feat-card .circle-icon .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}
.feat-card h3 {
  font-family: 'Inter', 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  letter-spacing: -0.2px;
}
.feat-card p {
  font-family: 'Inter', 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: var(--text-muted-63);
}

/* 卡片 1: Backtestable (182,1313 530×684 — 上图 + 下文) */
.card-backtest {
  left: 182px;
  top: 309px; /* 1313-1004 */
  width: 530px;
  height: 684px;
}
.card-backtest .card-image {
  width: 530px;
  height: 322px;
  overflow: hidden;
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
  position: relative;
}
.card-backtest .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  /* 向上偏移 + 放大，裁掉图片底部的 "豆包 AI 生成" 水印 */
  transform: translateY(-10%) scale(1.2);
  transform-origin: center top;
}
/* 顶部暗化遮罩（底部水印被 transform 裁掉，这里顺便覆盖可能漏出的右下角） */
.card-backtest .card-image::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55%;
  height: 28px;
  background: linear-gradient(to top, #01040b 0%, rgba(1, 4, 11, 0) 100%);
  pointer-events: none;
}
.card-backtest .card-body {
  padding: 36px 40px 36px 40px;
}
.card-backtest .card-body .card-head { margin-top: 20px; }
.card-glow-circle {
  position: absolute;
  left: 540px; /* relative to section not card - moved inside card just for glow */
  top: 330px;
  width: 137px;
  height: 137px;
  pointer-events: none;
  opacity: 0.6;
  display: none; /* decorative; kept for visual flourish if needed */
}

/* 卡片 2: Systematic (742,1313 576×329) */
.card-systematic {
  left: 742px;
  top: 309px;
  width: 576px;
  height: 329px;
  padding: 48px 40px 32px 40px;
}
.card-systematic p { margin-top: 4px; }

/* 卡片 3: Disciplined (742,1668 576×329) */
.card-disciplined {
  left: 742px;
  top: 664px; /* 1668-1004 */
  width: 576px;
  height: 329px;
  padding: 48px 40px 32px 40px;
}

/* 卡片 4: Risk Controllable (1346,1313 400×684 — 文上图下) */
.card-risk {
  left: 1346px;
  top: 309px;
  width: 400px;
  height: 684px;
  /* 设计稿：整卡紫蓝渐变贯穿；底部图表图直接叠在渐变之上 */
  background: linear-gradient(180deg, #625ded 0%, #6ed0f5 100%);
}
.card-risk .card-head { padding: 30px 28px 0 28px; }
.card-risk > p { padding: 8px 28px 0 28px; color: rgba(255, 255, 255, 0.92); }
.card-risk .card-image-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 400px;
  height: 304px;
  overflow: hidden;
  border-radius: 0 0 var(--radius-card) var(--radius-card);
}
.card-risk .card-image-bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-risk .card-image-bottom .grad-overlay {
  position: absolute;
  inset: 0;
  background: var(--grad-brand);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}

/* ==========================================================================
   S4 Quantitative Market Overview (y:2073, h:1145)
   ========================================================================== */
#s4-market { top: 2073px; height: 1145px; z-index: 2; }

/* 左上 mini logo (178,2130 146×121) */
.mini-logo {
  position: absolute;
  z-index: 3;
}
.mini-logo-s4 { left: 178px; top: 57px; width: 146px; height: 121px; }
.mini-logo img { width: 100%; height: 100%; object-fit: contain; }

.deco-line {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.section-title {
  position: absolute;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -1.2px;
  color: transparent;
  background: var(--grad-title-white);
  -webkit-background-clip: text;
  background-clip: text;
  z-index: 3;
}
.s4-title {
  left: 178px;
  top: 209px; /* 2282-2073 */
  width: 835px;
  white-space: nowrap;
}
.section-sub {
  position: absolute;
  font-family: 'Rubik', 'Inter', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--text-muted-69);
  z-index: 3;
}
.s4-sub {
  left: 178px;
  top: 312px; /* 2385-2073 */
  width: 693px;
  text-align: right;
  white-space: nowrap;
}
.section-body {
  position: absolute;
  font-family: 'Rubik', 'Inter', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--text-muted-69);
  z-index: 3;
}
.s4-body-1 { left: 178px; top: 379px; width: 1014px; }  /* 2452-2073 */
.s4-body-2 { left: 178px; top: 552px; width: 1014px; }  /* 2625-2073 */

/* 中间小卡片（631,2798 561×364） — home-4 的 Details 顶部"52%/28%/20%"三环区域 */
.s4-mid-card {
  position: absolute;
  left: 631px;
  top: 725px; /* 2798-2073 */
  width: 561px;
  height: 364px;
  border-radius: 30.8px;
  overflow: hidden;
  z-index: 3;
  background: #0a0e1a;
}
.s4-mid-card > img {
  /* home 4.png 已是裁好的横版 Total Balance 卡片，直接铺满 */
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
/* 右上角辅助 icon：蓝紫渐变圆 + 白色右上斜箭头（行内 SVG，避免外部 SVG 加载问题） */
.s4-mid-card-icon,
.s4-text-icon {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(180deg, #625ded 0%, #6ed0f5 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  pointer-events: none;
  box-shadow: 0 6px 20px rgba(98, 93, 237, 0.5);
}
.s4-mid-card-icon { right: 18px; top: 18px; }
/* 左下文字段（s4-center-text）的正上方：原 deco-line-s4 区域，文字 top:842，icon 放在其上约 60px */
.s4-text-icon {
  left: 360px;       /* s4-center-text 文字段水平居中 (203 + 386/2 - 24) */
  top: 770px;        /* 文字段 top:842 上方 72px */
}
.s4-mid-card-icon svg,
.s4-text-icon svg {
  display: block;
}

/* 中心长说明（S4 下方 center text 203,2915 386×144） */
.s4-center-text {
  position: absolute;
  left: 203px;
  top: 842px; /* 2915-2073 */
  width: 386px;
  font-family: 'Rubik', 'Inter', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-muted-69);
  text-align: center;
  z-index: 3;
}

/* 左侧 placeholder phone (未在 S4 实际用，仅保留位，避免空白) */
.s4-phone-left { display: none; }

/* 右侧大手机 home-7 (1304,2140 476×1029) — 单手机屏幕完整显示 */
.s4-phone-right {
  position: absolute;
  left: 1304px;
  top: 67px; /* 2140-2073 */
  width: 476px;
  height: 1029px;
  border: var(--border-brand-2);
  border-radius: var(--radius-phone);
  overflow: hidden;
  z-index: 3;
}
.s4-phone-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: var(--radius-phone);
}

/* 右下紫色方块 (1746,3117 69×69) */
.s4-badge-purple {
  position: absolute;
  left: 1746px;
  top: 1044px; /* 3117-2073 */
  width: 69px;
  height: 69px;
  background: var(--grad-brand);
  border-radius: var(--radius-md);
  z-index: 4;
}

/* ==========================================================================
   S5 Quantitative Analysis & Strategy Backtesting (y:3218 h:1143)
   ========================================================================== */
#s5-quant { top: 3218px; height: 1143px; z-index: 2; }

.s5-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 96% 57% at 50% 50%, var(--bg-section-top) 0%, var(--bg-base) 100%);
  z-index: 0;
}

/* 紫色方块 (485,3390 69×69) */
.s5-icon-purple {
  position: absolute;
  left: 485px;
  top: 172px; /* 3390-3218 */
  width: 69px;
  height: 69px;
  background: var(--grad-purple);
  border-radius: var(--radius-md);
  z-index: 3;
}
/* 蓝色小圆 (1220,3915 59×59) */
.s5-icon-blue {
  position: absolute;
  left: 1220px;
  top: 697px; /* 3915-3218 */
  width: 59px;
  height: 59px;
  background: var(--grad-brand);
  border-radius: 34.5px;
  z-index: 3;
}

.s5-title {
  left: 741px;
  top: 28px; /* 3246-3218 */
  width: 1014px;
  text-align: right;
  font-weight: 600;
  background: var(--grad-title-white-2);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.s5-body {
  left: 741px;
  top: 207px; /* 3425-3218 */
  width: 1014px;
  text-align: right;
  color: #fff;
}

/* 左侧大手机 home-6 (168,3263 476×1029) */
.s5-phone {
  position: absolute;
  left: 168px;
  top: 45px; /* 3263-3218 */
  width: 476px;
  height: 1029px;
  border: var(--border-brand-2);
  border-radius: var(--radius-phone);
  overflow: hidden;
  z-index: 3;
}
.s5-phone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: var(--radius-phone);
}

/* 4 张功能卡 */
.s5-card {
  position: absolute;
  background: var(--bg-card);
  border: var(--border-soft);
  border-radius: var(--radius-2xl);
  padding: 40px 29px 32px 29px;
  z-index: 3;
}
.s5-card h4 {
  font-family: 'Syne', 'Inter', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
  color: #fff;
  margin-bottom: 20px;
}
.s5-card p {
  font-family: 'Syne', 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: var(--text-muted-63);
}
/* 14:43 1269,3971 493×306 → s5-card-4 (右下) */
/* 14:42 766,3971  469×306 → s5-card-3 (左下) */
/* 14:41 1269,3617 493×306 → s5-card-2 (右上) */
/* 13:353 766,3617 469×306 → s5-card-1 (左上) */
.s5-card-1 { left: 766px;  top: 399px; width: 469px; height: 306px; } /* 3617-3218 */
.s5-card-2 { left: 1269px; top: 399px; width: 493px; height: 306px; }
.s5-card-3 { left: 766px;  top: 753px; width: 469px; height: 306px; } /* 3971-3218 */
.s5-card-4 { left: 1269px; top: 753px; width: 493px; height: 306px; }

/* ==========================================================================
   S6 Investment Recommendations (y:4361 h:1133)
   ========================================================================== */
#s6-recommend { top: 4361px; height: 1133px; z-index: 2; }

.mini-logo-s6 { left: 162px; top: 29px; width: 146px; height: 121px; }

/* 右侧手机 home-7 (1269,4408 476×1029) */
.s6-phone {
  position: absolute;
  left: 1269px;
  top: 47px; /* 4408-4361 */
  width: 476px;
  height: 1029px;
  border: var(--border-brand-2);
  border-radius: var(--radius-phone);
  overflow: hidden;
  z-index: 3;
}
.s6-phone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: var(--radius-phone);
}

/* S6 Main heading (154,4545 969×216) — Poppins SemiBold 48/72 */
.s6-title {
  position: absolute;
  left: 154px;
  top: 184px; /* 4545-4361 */
  width: 969px;
  font-family: 'Poppins', 'Inter', sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 72px;
  letter-spacing: -0.96px;
  color: transparent;
  background: linear-gradient(142deg, #fff 27%, #cacaca 72%);
  -webkit-background-clip: text;
  background-clip: text;
  z-index: 3;
}
.s6-body-1 {
  left: 154px;
  top: 442px; /* 4803-4361 */
  width: 969px;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  line-height: 40px;
  color: transparent;
  background: linear-gradient(157deg, #fff 27%, #cacaca 72%);
  -webkit-background-clip: text;
  background-clip: text;
}
.s6-body-2 {
  left: 154px;
  top: 597px; /* 4958-4361 */
  width: 969px;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  line-height: 40px;
  color: transparent;
  background: linear-gradient(157deg, #fff 27%, #cacaca 72%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* 4 个图标卡 (5139,275) × 4 */
.s6-icon-card {
  position: absolute;
  top: 778px; /* 5139-4361 */
  height: 275px;
  background: var(--bg-card);
  border: var(--border-softer);
  border-radius: var(--radius-2xl);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 36px;
  z-index: 3;
}
.s6-icon-card img {
  max-width: 70%;
  max-height: 150px;
  object-fit: contain;
  margin-bottom: auto;
}
/* 前两个图标（Clear Signals / Real-Time Response）单独缩小 */
.s6-icon-1 img,
.s6-icon-2 img {
  max-width: 52%;
  max-height: 110px;
}
.s6-icon-card h5 {
  font-family: 'Inter', 'Gilroy', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.4px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 0 16px 30px 16px;
  width: 100%;
}
.s6-icon-1 { left: 154px;  width: 235px; }
.s6-icon-2 { left: 431px;  width: 234px; }
.s6-icon-3 { left: 708px;  width: 234px; }
.s6-icon-4 { left: 984px;  width: 235px; }

/* ==========================================================================
   S7 Download (y:5494 h:1143)  — overlay bg rect y:5780 h:664; phones y:5572
   ========================================================================== */
#s7-download { top: 5494px; height: 1231px; z-index: 2; }

.s7-bg {
  position: absolute;
  left: 0;
  top: 286px; /* 5780-5494 */
  width: 1920px;
  height: 665px;
  background: rgba(255, 255, 255, 0.12);
  z-index: 0;
}

/* 下载区双手机（同 Hero 思路）：
   Union 143,5572 499×1014 = 左手机；013 5 465,5572 499×1014 = 右手机 */
.s7-phones {
  position: absolute;
  left: 0;
  top: 78px; /* 5572-5494 */
  width: 1920px;
  height: 1014px;
  z-index: 2;
}
.s7-phone-union {
  position: absolute;
  left: 143px;
  top: 0;
  width: 499px;
  height: 1014px;
  object-fit: contain;
}
.s7-phone-013 {
  position: absolute;
  left: 465px;
  top: 0;
  width: 499px;
  height: 1014px;
  border-radius: 50px;
  overflow: hidden;
}
.s7-phone-013 img {
  position: absolute;
  width: 320.42%;
  height: 118.19%;
  left: -167.91%;
  top: -9.96%;
  max-width: none;
}

/* Get The App Now — Poppins SemiBold 48/56 */
.s7-heading {
  position: absolute;
  left: 943px;
  top: 415px; /* 5909-5494 */
  width: 807px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.96px;
  color: var(--text-primary);
  z-index: 3;
}
.s7-sub {
  position: absolute;
  left: 943px;
  top: 508px; /* 6002-5494 */
  width: 808px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 56px;
  letter-spacing: -0.72px;
  color: var(--text-primary);
  z-index: 3;
}

/* 下载按钮 273.57×87.24 */
.store-btn {
  position: absolute;
  top: 718px; /* 6212-5494 */
  width: 273.57px;
  height: 87.24px;
  background: #000;
  border: var(--border-button);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  padding: 0 22px;
  gap: 14px;
  z-index: 3;
  pointer-events: none;
}
.store-btn .store-icon {
  flex-shrink: 0;
  display: block;
}
.store-btn .store-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}
.store-btn .store-small {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: var(--text-primary);
  white-space: nowrap;
}
.store-btn .store-big {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--text-primary);
  margin-top: 2px;
  white-space: nowrap;
}
.store-btn-apple {
  left: 943px;
}
.store-btn-apple .store-icon {
  width: 31px;
  height: 38px;
}
.store-btn-apple .store-small { text-transform: capitalize; }

.store-btn-google {
  left: 1251.69px;
}
.store-btn-google .store-icon {
  width: 34px;
  height: 38px;
}
.store-btn-google .store-small { text-transform: uppercase; letter-spacing: 0.4px; }

/* ==========================================================================
   S8 Footer (y:6725 h:275 = footer region incl divider & copyright)
   ========================================================================== */
#s8-footer { top: 6725px; height: 275px; z-index: 2; }

/* 底部亮蓝紫渐变条 (y:6725, h:192) */
.s8-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 192px;
  background: var(--grad-brand);
  z-index: 0;
}

.s8-divider {
  position: absolute;
  left: 352.69px;
  top: 95px; /* 6819-6725 */
  width: 1214px;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--text-divider) 50%, rgba(0,0,0,0) 100%);
  z-index: 2;
}
.s8-copy {
  position: absolute;
  left: 669px;
  top: 80px; /* 6811-6725 - 6 (center align offset) */
  width: 581px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  z-index: 3;
}