@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Rubik:wght@400;500;600&family=Syne:wght@500;600;700&display=swap');

/* ==========================================================================
   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 ----------
   鐢诲竷鍘熷灏哄锛?920 脳 7000
   - viewport < 1920锛氱敤 --k 绛夋瘮缂╁皬锛宑anvas 浠庡乏涓婅寮€濮嬪榻愶紙涓嶅眳涓級
   - viewport 鈮?1920锛?-k = 1锛宑anvas 1920 瀹芥按骞冲眳涓璡n*/
.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 / 1920px); }
  .canvas { left: 0; }
}
@media (min-width: 1920px) {
  :root { --k: 1; }
  /* 瀹藉睆鏃?canvas 灞呬腑锛歭eft = (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 绱摑妯＄硦鑹插潡锛?2: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 鏈韩灏辨槸璇ヨ疆寤撴覆鏌揬n   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锛宨con 鏀惧湪鍏朵笂绾?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;
}