body[data-page="landing"] { margin:0; background:#f4f7fc; }
.six-landing { --sl-ink:#101d35; --sl-muted:#51617c; --sl-line:#e3e9f3; --sl-blue:#194fe4; color:var(--sl-ink); font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif; }
.six-landing *, .six-landing *::before, .six-landing *::after { box-sizing:border-box; }
.six-landing button { font:inherit; cursor:pointer; }
.six-landing button:focus-visible,.six-landing a:focus-visible { outline:2px solid #508aff; outline-offset:3px; }
.sl-wrap { width:min(1152px,calc(100% - 64px)); margin-inline:auto; }
.sl-header { background:#fff; border-bottom:1px solid var(--sl-line); }
.sl-top { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.sl-logo { display:flex; align-items:center; width:104px; flex-shrink:0; }
.sl-logo .hdbrand { width:100%; max-height:37px; }
.sl-logo img,.sl-logo svg { width:100%; height:100%; object-fit:contain; }
.sl-nav,.sl-actions,.sl-buttons { display:flex; align-items:center; gap:12px; }
.sl-nav button,.sl-language,.sl-footer button,.sl-company-link { background:none; border:0; color:inherit; }
.sl-nav button { padding:10px 12px; font-size:14px; font-weight:650; white-space:nowrap; }
.sl-language { display:inline-flex; align-items:center; gap:7px; padding:7px 9px; font-size:13px!important; }
.sl-language svg { width:17px; height:17px; }
.sl-signin,.sl-primary,.sl-outline { display:inline-flex; justify-content:center; align-items:center; gap:10px; padding:10px 17px; border-radius:10px; min-height:40px; font-weight:700!important; }
.sl-signin { color:var(--sl-blue); background:#edf2ff; border:1px solid #e1e9ff; white-space:nowrap; }
.sl-intro { padding-top:26px; }
.sl-hero { isolation:isolate; overflow:hidden; position:relative; min-height:438px; display:flex; align-items:center; border-radius:22px; background:#08152c; color:#fff; }
.sl-hero>img { position:absolute; inset:0 0 0 auto; width:75%; height:100%; object-fit:cover; object-position:65% center; z-index:-2; }
.sl-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#08152c 15%,#08152c 28%,rgba(8,21,44,.96) 37%,rgba(8,21,44,.25) 68%,transparent 86%); }
.sl-hero-copy { padding:45px clamp(30px,5.25vw,72px); width:min(660px,64%); }
.sl-kicker { margin:0 0 12px; font-size:11px; letter-spacing:.17em; font-weight:800; color:var(--sl-blue); }
.sl-hero .sl-kicker { display:flex; align-items:center; gap:10px; color:#b8cdfc; }
.sl-hero .sl-kicker span { width:15px; height:2px; background:#5f95ff; }
.sl-hero h1 { margin:0; font-size:clamp(2.65rem,5vw,4.45rem); line-height:1.1; letter-spacing:-.055em; }
.sl-hero h1 span { display:block; }
.sl-hero h1 span+span { color:#a9c7ff; }
.sl-lead { color:#d6e1f8; font-size:15px; line-height:1.65; margin:19px 0 24px; max-width:375px; }
.sl-buttons { flex-wrap:wrap; }
.sl-primary { color:white; background:#285ce8; border:1px solid #3e72ff; }
.sl-outline { color:white; background:rgba(22,39,68,.62); border:1px solid #7486a9; }
.sl-caption { margin:18px 0 0; color:#bac8e0; font-size:12px; }
.sl-featured { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--sl-line); margin-top:14px; background:white; border-radius:14px; }
.sl-feature { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; padding:15px 18px; }
.sl-feature+.sl-feature { border-inline-start:1px solid var(--sl-line); }
.sl-feature .sl-instrument { grid-row:span 2; align-self:center; }
.sl-feature .sl-quote { grid-column:2; }
.sl-feature .sl-change { grid-column:2; margin-top:4px; }
.sl-feature .sl-quote small { display:none; }
.sl-section { padding-block:60px; scroll-margin-top:12px; }
.sl-section-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:24px; }
.sl-section-head p:last-child { margin:0; color:var(--sl-muted); max-width:360px; line-height:1.6; }
.sl-section h2 { font-size:clamp(1.9rem,3.2vw,2.75rem); line-height:1.16; letter-spacing:-.035em; margin:0; }
.sl-market { background:#fff; border:1px solid var(--sl-line); border-radius:16px; overflow:hidden; }
.sl-filters { padding:14px 18px; display:flex; align-items:center; gap:8px; overflow-x:auto; }
.sl-filters button { flex-shrink:0; border:1px solid #e1e8f3; background:#f8faff; color:#344660; border-radius:8px; padding:7px 13px; font-weight:650; font-size:13px; }
.sl-filters button[aria-pressed="true"] { color:#fff; border-color:var(--sl-blue); background:var(--sl-blue); }
.sl-market-head,.sl-market-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(128px,.65fr) minmax(119px,.42fr); align-items:center; gap:14px; padding:11px 22px; }
.sl-market-head { background:#f1f5fc; color:#465871; font-size:12px; font-weight:700; }
.sl-market-head span:not(:first-child),.sl-quote { text-align:end; }
.sl-market-row+.sl-market-row { border-top:1px solid #edf0f7; }
.sl-instrument { display:flex; align-items:center; gap:10px; min-width:0; }
.sl-instrument b { display:block; font-size:14px; line-height:1.35; overflow-wrap:anywhere; }
.sl-product-icon { border-radius:8px; flex-shrink:0; object-fit:cover; background:#eef3ff; }
.sl-instrument small,.sl-quote small { display:block; margin-top:3px; color:#566783; font-size:11px; line-height:1.3; overflow-wrap:anywhere; }
.sl-quote strong { font-size:15px; line-height:1.3; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sl-change { justify-self:end; border-radius:999px; background:#edf1f7; color:#40506b; min-width:38px; text-align:center; padding:5px 9px; font-size:11px; font-weight:750; line-height:1.2; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sl-change[data-trend="up"] { background:#d9f6e8; color:#086545; }
.sl-change[data-trend="down"] { background:#ffe4e8; color:#a72140; }
.sl-more { width:100%; display:flex; justify-content:center; align-items:center; gap:9px; background:#fafcff; border:0; border-top:1px solid var(--sl-line); color:var(--sl-blue); font-weight:750!important; padding:13px; }
.sl-more[hidden] { display:none; }
.sl-empty { margin:0; padding:20px; color:var(--sl-muted); }
.sl-process { border-block:1px solid var(--sl-line); background:#eef3fd; }
.sl-flow { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr); overflow:hidden; border:1px solid #dae4f5; border-radius:19px; background:#fff; }
.sl-flow-intro { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(24px,4vw,48px); background:linear-gradient(135deg,#0d1c37,#152f63); color:#fff; }
.sl-flow-intro::after { content:""; position:absolute; z-index:-1; width:280px; aspect-ratio:1; border-radius:50%; border:1px solid #ffffff2b; right:-132px; bottom:-160px; box-shadow:0 0 0 25px #ffffff10,0 0 0 51px #ffffff08; pointer-events:none; }
.sl-flow-intro .sl-kicker { color:#abc6ff; }
.sl-flow-summary { max-width:320px; margin:12px 0 19px; color:#d7e3fd; line-height:1.65; font-size:14px; }
.sl-flow-link { display:inline-flex; align-items:center; gap:12px; min-height:38px; border:1px solid #6883ba; border-radius:8px; color:#fff; background:#ffffff0d; padding:7px 12px; font-size:13px!important; font-weight:700!important; }
.sl-flow-link:hover { background:#ffffff20; }
.sl-steps { display:grid; gap:17px; align-content:center; margin:0; padding:26px clamp(20px,4vw,44px); list-style:none; }
.sl-steps li { position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); align-items:start; gap:14px; min-height:52px; }
.sl-steps li:not(:last-child)::after { content:""; position:absolute; top:38px; bottom:-16px; left:19px; width:2px; background:#e0e9fe; }
.sl-step-number { z-index:1; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#e9f0ff; border:1px solid #dce6fc; color:var(--sl-blue); font-size:13px; font-weight:800; font-variant-numeric:tabular-nums; }
.sl-steps li:first-child .sl-step-number { background:var(--sl-blue); border-color:var(--sl-blue); color:white; }
.sl-steps h3 { margin:0 0 3px; font-size:16px; line-height:1.35; }
.sl-steps p,.sl-company-copy>p:not(.sl-kicker) { margin:0; color:var(--sl-muted); line-height:1.65; font-size:14px; }
.sl-company { display:grid; grid-template-columns:1.55fr 1fr; background:#fff; border:1px solid var(--sl-line); border-radius:17px; overflow:hidden; }
.sl-company-copy { padding:clamp(24px,4vw,46px); }
.sl-company-copy strong { display:block; margin:14px 0 6px; }
.sl-company-link { color:var(--sl-blue); padding:0; margin-top:16px; font-weight:750!important; }
.sl-company-mark { padding:20px; min-height:180px; display:grid; place-content:center; justify-items:center; gap:11px; background:linear-gradient(148deg,#182f5d,#0b172e); color:#f4f7ff; }
.sl-company-mark span { font-size:clamp(2.6rem,5vw,5rem); font-weight:850; letter-spacing:.04em; line-height:1; }
.sl-company-mark i { width:34px; height:2px; background:#709bfc; }
.sl-company-mark small { font-size:10px; font-weight:750; letter-spacing:.18em; }
.sl-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:12px; margin-top:16px; }
.sl-gallery img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:12px; }
.sl-footer { background:#fff; border-top:1px solid var(--sl-line); padding:26px 0 42px; color:#4a5e7b; }
.sl-footer-grid { display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; }
.sl-footer-grid p { margin:6px 0; }
.sl-footer-grid nav,.sl-contact { display:flex; flex-wrap:wrap; gap:13px; }
.sl-footer a,.sl-footer button { color:var(--sl-blue); padding:0; text-decoration:none; }
.sl-footer small { display:block; margin-top:18px; font-size:11px; }
.sl-service { position:fixed; z-index:80; display:grid; place-items:center; width:48px; height:48px; bottom:max(18px,env(safe-area-inset-bottom)); right:max(18px,calc((100vw - 1152px)/2)); border:0; border-radius:50%; color:#fff; background:var(--sl-blue); box-shadow:0 6px 18px #194fe444; }
.sl-service svg { width:22px; height:22px; }
@media(max-width:900px){
  .sl-wrap { width:calc(100% - 40px); }
  .sl-nav { gap:1px; }
  .sl-nav button { padding-inline:7px; }
  .sl-feature { padding-inline:12px; }
}
@media(max-width:680px){
  .sl-wrap { width:calc(100% - 28px); }
  .sl-top { min-height:60px; gap:8px; }
  .sl-nav { display:none; }
  .sl-logo { width:76px; }
  .sl-actions { gap:2px; }
  .sl-language { font-size:11px!important; gap:4px; }
  .sl-language .language-native { max-width:94px; }
  .sl-signin { padding:6px 10px; min-height:34px; font-size:12px!important; }
  .sl-intro { padding-top:14px; }
  .sl-hero { align-items:end; border-radius:15px; }
  .sl-hero>img { width:100%; height:57%; object-position:65% 48%; }
  .sl-hero::after { background:linear-gradient(0deg,#08152c 52%,#08152c00 88%); }
  .sl-hero-copy { padding:152px 19px 23px; width:100%; }
  .sl-hero h1 { font-size:clamp(2.25rem,9vw,3.5rem); }
  .sl-hero h1 span { display:inline; }
  .sl-hero h1 span+span { display:block; }
  .sl-lead { margin:11px 0 17px; font-size:13px; }
  .sl-buttons { gap:7px; }
  .sl-primary,.sl-outline { padding-inline:11px; font-size:13px!important; }
  .sl-featured { grid-template-columns:1fr; }
  .sl-feature { grid-template-columns:minmax(0,1fr) auto auto; align-items:center; padding-block:9px; gap:7px; }
  .sl-feature+.sl-feature { border-inline-start:0; border-top:1px solid var(--sl-line); }
  .sl-feature .sl-instrument,.sl-feature .sl-quote,.sl-feature .sl-change { grid-column:auto; grid-row:auto; margin:0; }
  .sl-section { padding-block:40px; }
  .sl-section-head { display:block; margin-bottom:14px; }
  .sl-section-head p:last-child { margin-top:8px; font-size:13px; }
  .sl-filters { padding:10px; }
  .sl-market-head,.sl-market-row { padding:9px 8px; grid-template-columns:minmax(0,1fr) minmax(94px,.86fr) minmax(75px,.58fr); gap:5px; }
  .sl-market-head { font-size:10px; }
  .sl-product-icon { width:25px; height:25px; }
  .sl-instrument { gap:5px; }
  .sl-instrument b,.sl-quote strong { font-size:12px; }
  .sl-instrument small,.sl-quote small { font-size:9px; }
  .sl-change { padding:4px; font-size:9px; }
  .sl-flow,.sl-company { grid-template-columns:1fr; }
  .sl-flow { border-radius:15px; }
  .sl-flow-intro { padding:21px 19px; }
  .sl-flow-intro .sl-kicker { margin-bottom:8px; }
  .sl-flow-summary { margin:8px 0 13px; font-size:13px; }
  .sl-steps { padding:19px 18px; gap:12px; }
  .sl-steps li { grid-template-columns:34px minmax(0,1fr); min-height:43px; gap:11px; }
  .sl-step-number { width:34px; height:34px; font-size:12px; }
  .sl-steps li:not(:last-child)::after { top:32px; bottom:-11px; left:16px; }
  .sl-steps h3 { font-size:15px; }
  .sl-steps p { font-size:13px; }
  .sl-company-mark { min-height:135px; }
}