/* Approved market frames, bqn2fk1249RRXKaMX1Mh8G, 2026-09-26. */
@font-face{font-family:"Moneta Market Banner Body";src:url("../fonts/alibaba-puhuiti-market-banner-body.woff2?v=5b9ceaf9e7b5") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF}
/* Complete title glyphs prevent per-character fallback to thinner system fonts.
   Built from the project's original PuHuiTi fonts by build-market-title-fonts.py. */
@font-face{font-family:"Moneta Market Headings";src:url("../fonts/alibaba-puhuiti-market-titles-zh-cn.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap;unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Moneta Market Headings";src:url("../fonts/alibaba-puhuiti-market-titles-zh-tw.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap;unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF}
/* Safari clips the FAQ glow at main's bottom with overflow:clip visible.
   Keep its paint boundary open through the transparent Footer; the shared body
   owns horizontal clipping. Card/slider viewports retain their own clips. */
.mk-final{position:relative;isolation:isolate;--mk-blue:#a5dbff;--mk-feature-title-size:24;--mk-muted:rgba(255,255,255,.7);overflow:visible}
html[lang="th"] .mk-final{--body:"Moneta Shared Thai",Thonburi,"Leelawadee UI",Tahoma,sans-serif;--display:var(--body);--dp-body:var(--body);--dp-display:var(--display)}
.mk-final section{position:relative}.mk-final img{display:block}.mk-final button:focus-visible,.mk-final a:focus-visible{outline:2px solid #a5dbff;outline-offset:5px}
.mk-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto;position:relative;z-index:2}.mk-narrow{width:min(1156px,calc(100% - 80px));margin-inline:auto;position:relative;z-index:2}
.mk-final h1,.mk-final h2{font-size:40px;line-height:1.4;font-weight:900;letter-spacing:0;white-space:pre-line}.mk-final p{white-space:pre-line}.mk-final .mk-accent{color:var(--mk-blue)}
html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final :is(h1,h2,.mk-hero-subtitle,.mk-reason h3,.mk-laurel h3,.mk-overview-main h3,.mk-explain-grid h3,.article-title){font-family:"SF Pro Display","SF Pro","Moneta Market Headings","Alibaba PuHuiTi 3.0",sans-serif}
html[lang="zh-TW"] .mk-final :is(h1,h2,.mk-hero-subtitle,.mk-reason h3,.mk-laurel h3,.mk-overview-main h3,.mk-explain-grid h3),html[lang="zh-TW"] .mk-final #regGrid .article-title{font-weight:800}
/* Article titles use their own size; em preserves carousel depth. */
.mk-final #regGrid .article-title{font-size:calc(var(--reg-article-title-size,20)*1em)}
/* Integer image sizes share the 52:37 ratio (1.405 to three decimal places). */
.mk-final #regGrid{--reg-article-title-size:20;--reg-card-width:292;--reg-cover-width:260;--reg-cover-height:185;--reg-face-padding:16}
@media(max-width:1100px){.mk-final #regGrid{--reg-card-width:236;--reg-cover-width:208;--reg-cover-height:148;--reg-face-padding:14}}
@media(max-width:760px){.mk-final #regGrid{--reg-article-title-size:21}}
.mk-heading{text-align:center;display:grid;gap:12px}.mk-heading>p{font-size:18px;line-height:1.4;color:var(--mk-muted)}
/* Match the overview Header: centered lines with Figma's natural wrapping. */
.mk-overview .mk-heading>:is(h2,p){text-align:center;text-wrap:wrap}
/* Keep the Figma 1920px image and its gradient stack in the same bounds,
   including wide screens; the independently painted glows remain full bleed. */
.mk-hero{height:926px;isolation:isolate}.mk-hero-art{position:absolute;top:-76px;left:50%;transform:translateX(-50%);width:1920px;height:840px;z-index:-3}.mk-hero-art img{width:100%;height:100%;object-fit:contain}
.mk-hero-art:after{content:"";position:absolute;inset:0;background:var(--mk-hero-diagonal,linear-gradient(transparent,transparent)),linear-gradient(269.797deg,#06070b,rgba(6,7,11,0) 10.376%,rgba(6,7,11,0) 46.782%,#06070b 99.923%),linear-gradient(179.722deg,rgba(6,7,11,0) 62.953%,#06070b 91.848%)}
/* Figma reverse layer order: red, blue, Banner, Earth, platform, article,
   onboarding and FAQ. Exported SVGs already include blur/paint opacity. */
.mk-final--forex{--mk-hero-diagonal:linear-gradient(226.230344deg,rgba(6,7,11,0) 49.148%,#06070b 69.4%)}
.mk-final--commodities{--mk-hero-diagonal:linear-gradient(226.230344deg,rgba(6,7,11,0) 45.398%,#06070b 69.4%)}
.mk-final--etfs{--mk-hero-diagonal:linear-gradient(226.230344deg,rgba(6,7,11,0) 47.977%,#06070b 69.697%)}
.mk-final--bonds{--mk-hero-diagonal:linear-gradient(262.679505deg,rgba(6,7,11,0) 47.308%,#06070b 76.063%)}
.mk-hero-glow{position:absolute;pointer-events:none;transform-origin:0 0}
.mk-hero-glow>img{position:absolute;max-width:none}
.mk-hero-glow--red{left:calc(50% + 302px);top:calc(100% + 125px);width:1834px;height:763px;transform:scaleY(-1);z-index:-1}
.mk-hero-glow--red>img{left:-300px;top:-300px;width:2434px;height:1363px}
.mk-hero-glow--blue{left:calc(50% + 260px);top:calc(100% + 412px);width:2587px;height:992px;transform:rotate(180deg);z-index:-2}
.mk-hero-glow--blue>img{left:-200px;top:-200px;width:2987px;height:1392px}
/* The formal traditional ETF frame centers a 1408px Banner; its right-pinned
   ellipses sit 256px left of the other 1920px desktop compositions. */
@media(min-width:761px){
  /* Figma keeps the glow anchors fixed when the ratings band gets shorter. */
  .mk-hero-glow--red{top:1157px}.mk-hero-glow--blue{top:1444px}
  html[lang="zh-TW"] .mk-final--etfs .mk-hero-glow--red{left:calc(50% + 46px)}
  html[lang="zh-TW"] .mk-final--etfs .mk-hero-glow--blue{left:calc(50% + 4px)}
}
.mk-hero-inner{height:706px;display:flex;align-items:center;padding:0 8px}.mk-hero-copy{width:542px;padding-top:18px;display:grid;gap:24px;letter-spacing:0}.mk-hero-copy h1{margin-bottom:-16px;color:#fff}.mk-hero-subtitle{justify-self:start;width:fit-content;max-width:100%;font-size:24px;line-height:1.4;font-weight:900;color:var(--mk-blue);background:none;-webkit-text-fill-color:currentColor}.mk-hero-body{font-size:18px;line-height:1.4;font-weight:400;color:rgba(255,255,255,.7);text-align:left}.mk-actions{display:flex;gap:16px;padding-top:12px;align-items:center}
html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-hero-body{font-family:"SF Pro Text","SF Pro","Moneta Market Banner Body","Alibaba PuHuiTi 3.0",sans-serif}
.mk-ratings{position:relative;z-index:2;height:220px;width:100%;background:linear-gradient(90deg,#138dff00,#138dff29 50%,#138dff00);border-block:1px solid transparent}
.mk-ratings:before,.mk-ratings:after{content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0)}.mk-ratings:before{top:0}.mk-ratings:after{bottom:0}
.mk-rating-list{height:100%;display:grid;place-items:center}
.mk-rating-content{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(1280px,calc(100% - 80px));height:192px;margin-inline:auto}
.mk-rating{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-width:0;height:192px}
.mk-rating+.mk-rating:before{content:"";position:absolute;left:0;top:31.74px;width:1px;height:128.52px;background:linear-gradient(180deg,#8cadd900,#8cadd942 50%,#8cadd900);pointer-events:none}
.mk-rating-logo{height:28.56px;display:grid;place-items:center;flex:none}.mk-rating-brand{position:relative;overflow:hidden}.mk-rating-brand img{position:absolute;max-width:none;width:auto;height:auto;transform:scale(.8925);transform-origin:0 0}
.mk-rating-row{display:flex;align-items:center;justify-content:center;gap:7px;height:43px;font-family:"SF Pro",sans-serif;font-variation-settings:"wdth" 100;letter-spacing:0;white-space:nowrap}
.mk-rating-score{display:block;flex:none;font-size:36px;font-weight:860;line-height:43px;color:#f5f7ff}.mk-rating-max{display:block;flex:none;width:17px;font-size:14px;font-weight:400;line-height:21px;color:#8f9cb0}
.mk-rating-stars-slot{width:82.467px;height:14.994px}.mk-rating-stars{position:relative;width:82.467px;height:14.994px;opacity:.85}.mk-rating-stars img{position:absolute;left:.7497px;top:.7497px;width:auto;height:auto;max-width:none;transform:scale(.8925);transform-origin:0 0}.mk-rating-fill{position:absolute;left:0;top:0;height:14.994px;overflow:hidden}
@media(max-width:1050px) and (min-width:761px){.mk-rating-content{width:calc(100% - 40px)}.mk-rating-brand{transform:scale(.857142857)}}
@media(max-width:900px) and (min-width:761px){.mk-rating-brand{transform:scale(.714285714)}}
@media(max-width:760px){.mk-ratings{height:auto;padding:24px 0}.mk-rating-content{width:calc(100% - 32px);height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.mk-rating{height:144px;gap:7px}.mk-rating:last-child{grid-column:1/-1}.mk-rating+.mk-rating:before{display:none}.mk-rating-brand{transform:scale(.833333333)}}
.mk-quotes{padding-top:230px}.mk-quotes .mk-heading{width:894px;max-width:100%;margin-inline:auto}.mk-spark{position:relative;min-width:0;width:100%;height:46px}.mk-spark>div{width:252.5px;height:46px;transform:scaleX(var(--spark-scale,1));transform-origin:left center}
/* Match the shared Figma advantage row: fading dividers and screen-blended artwork.
   Normalize near-black raster noise before blending; original image files stay intact. */
.mk-reasons-awards{position:relative;isolation:isolate}.mk-reasons{padding-top:220px}
.mk-reasons-glow{position:absolute;left:50%;top:-371.667px;width:1978px;height:844px;transform:translateX(-50%) rotate(180deg);z-index:-3;pointer-events:none}.mk-reasons-glow img{width:100%;height:100%;max-width:none}
.mk-review-section>h2>span:first-child{font-family:"SF Pro Display","SF Pro",sans-serif;font-weight:860;line-height:1}
@media(max-width:760px){.mk-review-section>h2>span:first-child{display:block;line-height:inherit}}
.mk-review-section{display:grid;gap:50px;margin-top:220px;--mk-review-title-color:#fff}.mk-review-section>h2{text-align:center;color:var(--mk-review-title-color);text-wrap:balance}.mk-reasons>.mk-wrap{z-index:auto}.mk-reasons-grid{display:grid;grid-template-columns:322px minmax(0,1fr);gap:clamp(40px,6.25vw,120px);align-items:start}.mk-reasons-grid h2{font-size:38px}.mk-reasons-grid>header{padding-top:40px}.mk-reasons-grid>header p{font-size:18px;line-height:25px;color:var(--mk-muted);margin-top:12px}.mk-reason-cards{display:flex;align-items:stretch}.mk-reason{flex:1 1 0;min-width:0;padding-right:40px}.mk-reason:not(:last-child){border-right:1px solid transparent;border-image:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.6) 48.078%,transparent 100%) 1}.mk-reason+.mk-reason{padding-left:40px}.mk-reason:last-child{padding-right:0}.mk-reason figure{height:188px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;mix-blend-mode:screen}.mk-reason img{object-fit:contain;max-width:none;filter:brightness(.962963) contrast(1.08)}.mk-reason-0 img{width:188px;height:188px;transform:translate(1.67px,-3px)}.mk-reason-1 img{width:244px;height:162.667px;transform:translate(3.67px,.33px)}.mk-reason-2 img{width:256px;height:171.747px;transform:translate(-8.33px,-1.13px)}.mk-reason h3{font-weight:900;text-align:center;font-size:calc(var(--mk-feature-title-size)*1px);line-height:34px;margin-top:12px;white-space:normal}.mk-reason p{text-align:center;font-size:14px;line-height:20px;color:var(--mk-muted);margin:12px auto 0;max-width:198px}
/* Figma comment Glass radius 40; keep blur in the shared review material owner. */
.mk-reviews{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:40px}/* Figma GLASS radius 40 is not a CSS Gaussian blur of 40px. The 20px
   web approximation is compared against the full frame, including the Earth.
   Clip sideways only: shadows and the backdrop must cross the row vertically. */
.mk-review-list{--review-gap:20px;--review-columns:3;min-width:0;overflow-x:clip;overflow-y:visible;touch-action:pan-y pinch-zoom;cursor:grab}
/* Keep the whole resting row opaque; fade only outside it, within the gap.
   Leave 2px before the next card so loop copies cannot peek through at rest.
   Per-card masks preserve glass; vertical bleed preserves the shared shadows. */
@property --market-review-offset{syntax:"<length>";inherits:true;initial-value:0px}
.mk-review-list{--review-edge-fade:min(24px,calc(var(--review-gap) - 2px))}
.mk-review-list.has-edge-fade{margin-inline:calc(0px - var(--review-edge-fade));padding-inline:var(--review-edge-fade)}
.mk-review-list.has-edge-fade .mk-review{mask-image:linear-gradient(to right,transparent,#000 var(--review-edge-fade),#000 calc(100% - var(--review-edge-fade)),transparent);mask-size:calc(var(--review-viewport-width) + 2*var(--review-edge-fade)) calc(100% + 160px);mask-position:calc(0px - var(--review-mask-left) - var(--market-review-offset) - var(--review-edge-fade)) -80px;mask-repeat:no-repeat;mask-clip:no-clip}
@media(max-width:760px){.mk-review-list{--review-edge-fade:8px}}
.mk-review-list:focus-visible{outline:2px solid #a5dbff;outline-offset:6px}
.mk-review-list.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
.mk-review-track{display:flex;gap:var(--review-gap);transform:translateX(var(--market-review-offset))}
.mk-review-track>.mk-review{flex:0 0 calc((100% - (var(--review-columns) - 1)*var(--review-gap))/var(--review-columns))}.mk-final .mk-review-list .review{--review-backdrop-filter:blur(20px);height:auto;min-height:165px;min-width:0;margin:0}.mk-review .who{margin-top:auto}.mk-reviews .mk-round{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;gap:0;justify-content:center;flex:none}.mk-round img{width:20px;height:20px;max-width:none}
/* Figma anchors the 1920 × 1433 image to the awards section at y=-946. */
.mk-earth{position:absolute;top:-946px;left:50%;width:max(1920px,100%);height:1433px;transform:translateX(-50%);z-index:-4;pointer-events:none}.mk-earth img{width:100%;height:100%;object-fit:cover}.mk-earth:after{content:"";position:absolute;inset:0;background:linear-gradient(269.881deg,#06070b,transparent 10.376%,transparent 88.697%,#06070b 99.923%),linear-gradient(180deg,#06070b,transparent 45.927%,#06070b 85.206%)}
.mk-awards{padding-top:230px}.mk-awards h2{text-align:center}.mk-award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:66px;margin-top:50px}.mk-laurel{display:flex;align-items:center;height:99px}.mk-laurel>img{width:60px;height:99px;object-fit:fill}.mk-laurel-mirror{transform:scaleX(-1)}.mk-laurel>div{flex:1;min-width:0;text-align:center;display:grid;gap:8px}.mk-laurel span{font-family:var(--dp-mono);font-size:18px;line-height:24px;font-weight:700;letter-spacing:1px;color:#ffccd6}.mk-laurel h3{font-weight:900;font-size:18px;line-height:26px;white-space:pre-line;letter-spacing:.36px}.mk-award-grid>article{padding-block:3px}.mk-award-grid article>p{font-family:"SF Pro Text","SF Pro",sans-serif;font-size:14px;line-height:20px;font-weight:510;color:var(--mk-muted);margin-top:16px;text-align:center}
.mk-overview{padding-top:230px}.mk-overview-main{width:888px;max-width:100%;margin:40px auto 0;display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:center;min-height:381px}.mk-overview-main>figure{width:100%;max-width:400px;aspect-ratio:400/381;position:relative}.mk-overview-main>figure>img{position:absolute;width:var(--mk-art-width);height:auto;max-width:none;object-fit:contain;left:var(--mk-art-left);top:var(--mk-art-top)}.mk-overview-main h3{font-weight:900;font-size:28px;line-height:39px}.mk-overview-main p{font-size:16px;line-height:24px;color:var(--mk-muted);margin-top:16px}.mk-facts{display:flex;gap:28px;margin-top:24px}.mk-facts>div{flex:1;display:grid;gap:8px}.mk-facts b{font-family:var(--dp-mono);font-size:24px;line-height:36px;color:var(--mk-blue)}.mk-facts span{font-size:12px;line-height:17px;color:#fff9}.mk-explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;overflow:clip;gap:24px;margin:40px auto 0;width:1156px;max-width:100%}
.mk-overview-main .mk-fact-note{font-size:12px;line-height:18px;color:#a5dbff;margin-top:16px}.mk-index-basket{display:grid;gap:8px;margin-top:15px}.mk-index-basket>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mk-platform{padding-top:230px;isolation:isolate}.mk-platform-tabs{margin-top:60px}.mk-platform .mk-heading{gap:10px}.mk-platform-glow{position:absolute;left:50%;top:-364.667px;width:1978px;height:844px;transform:translateX(-50%) rotate(180deg);z-index:-5;pointer-events:none}.mk-platform-glow img{width:100%;height:100%}
/* 2026-09-27 Forex CN spacing reference: backgrounds follow their section anchors. */
@media(min-width:761px){.mk-platform-glow{top:-378.667px}.mk-articles .mk-article-glow{top:-785.997px}}
.mk-articles{padding-top:230px;isolation:isolate}.mk-article-glow{position:absolute;top:-806px;width:max(1920px,100%);height:1141px;left:50%;transform:translateX(-50%);z-index:-6;pointer-events:none}.mk-article-glow{overflow:hidden}.mk-article-glow img{position:absolute;left:-.56%;top:-.88%;width:100.76%;height:101.29%;max-width:none;object-fit:fill}.mk-articles .reg-info{width:min(1280px,calc(100% - 80px));margin:auto}.mk-articles .mk-heading{margin-bottom:60px}.mk-article-pause:focus-visible{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:44px;height:44px;clip:auto;clip-path:none;background:#111d30;color:white;border:1px solid #a5dbff;border-radius:50%;z-index:30}

.mk-journey{padding-top:230px;min-height:622px;isolation:isolate}.mk-journey h2{text-align:center}.mk-journey-action{text-align:center;margin-top:74px}
.mk-faq{padding:230px 0}.mk-faq-wrap{width:min(980px,calc(100% - 80px));margin:auto}.mk-faq h2{text-align:center;margin-bottom:40px}.mk-final .mk-faq .dp-faq-item{min-height:96px;border-radius:0;border-width:0 0 1px;background:transparent}.mk-final .mk-faq .dp-faq-question{font-size:18px;line-height:28px}.mk-final .mk-faq .dp-faq-answer{font-size:16px;line-height:24px}.mk-final .mk-faq .dp-faq-item--static{display:flex;align-items:center;padding:28px 0;gap:16px}.mk-faq .dp-faq-item--static .dp-faq-toggle{opacity:.35;margin-left:auto}
/* Isolate the artwork from the content; preserve Figma's screen blend and edge fades. */
.mk-overview-main>figure{pointer-events:none}
.mk-overview-main>article{position:relative;z-index:1}.mk-facts>div{border-bottom:1px solid #ffffff47;padding:12px 0;gap:0}.mk-facts b{font-family:var(--display);font-weight:900;line-height:39px;color:#fff;background:linear-gradient(144deg,#fff 41%,#fff3 104%);background-clip:text;-webkit-text-fill-color:transparent}.mk-facts span{color:#a5dbff;font-weight:700}
/* Shared six-page explanation cards: live Figma 589:6189 / 589:6199. */
.mk-explain-grid>article{position:relative;isolation:isolate;display:flex;align-items:flex-start;overflow:hidden;min-width:0;gap:24px;padding:33px 41px;border:0;border-radius:30px;min-height:221px;background:radial-gradient(ellipse 108.69565% 69.44444% at -8.69565% 16.66667%,rgba(19,141,255,.035),rgba(19,141,255,.012) 40%,rgba(19,141,255,0)),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06) 42%,rgba(255,255,255,.08)),linear-gradient(180deg,rgba(16,20,28,.39),rgba(16,20,28,.26));background-origin:border-box;box-shadow:0 10px 26px -8px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);--mk-explain-stroke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url%28%23s%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20x1%3D%220%22%20y1%3D%22.5%22%20x2%3D%221%22%20y2%3D%22.5%22%20gradientTransform%3D%22matrix%280.6547303925%200.9400212988%20-0.8640115691%200.9792615356%200.7242659508%20-0.4296221797%29%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220.18%22%2F%3E%3Cstop%20offset%3D%220.48%22%20stop-color%3D%22white%22%20stop-opacity%3D%220.055%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23138dff%22%20stop-opacity%3D%220.06%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")}
.mk-explain-grid>article::before,.mk-explain-grid li::after{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:var(--mk-explain-stroke) center/100% 100% no-repeat;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.mk-explain-icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(ellipse 133.3227% 149.1795% at 50% 50%,rgba(19,141,255,0),rgba(205,231,255,.8)),rgba(19,141,255,.4);background-origin:border-box}
.mk-explain-icon>img{width:20px;height:20px;object-fit:contain}
.mk-explain-grid h3{font-weight:900;font-size:24px;line-height:1.4}.mk-explain-grid p{font-size:16px;line-height:24px;color:var(--mk-muted);margin-top:16px}.mk-explain-grid>article>div{display:flex;flex-direction:column;flex:1;min-width:0;min-height:155px}
.mk-explain-grid ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin: auto 0 0;padding:24px 0 0}
.mk-explain-grid li{position:relative;overflow:hidden;display:flex;align-items:center;gap:7px;min-height:28px;padding:4px 10px 4px 12px;border:0;border-radius:8px;font-size:14px;font-weight:500;line-height:20px;color:rgba(165,219,255,.95);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018)),linear-gradient(90deg,rgba(165,219,255,.105),rgba(165,219,255,.025) 62%,rgba(165,219,255,.008));box-shadow:0 2px 8px -4px rgba(165,219,255,.1),inset 0 1px 1px rgba(255,255,255,.05);white-space:nowrap;--mk-explain-stroke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url%28%23s%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20x1%3D%220%22%20y1%3D%22.5%22%20x2%3D%221%22%20y2%3D%22.5%22%20gradientTransform%3D%22matrix%280.7071135882%200.7071135882%20-0.7071135882%200.7071135882%200.5000000211%20-0.2071135672%29%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23a5dbff%22%20stop-opacity%3D%220.3%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22white%22%20stop-opacity%3D%220.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a5dbff%22%20stop-opacity%3D%220.09%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")}
.mk-tag-dot{position:relative;flex:0 0 6px;width:6px;height:6px}.mk-tag-dot>img{position:absolute;left:-6px;top:-6px;width:18px;height:18px;max-width:none}
.mk-article-glow:after{content:"";position:absolute;inset:0;background:linear-gradient(179.523074deg,#06070b .66119%,rgba(6,7,11,0) 67.847%,#06070b 99.309%)}
/* Homepage globe fades do not belong to the market article/onboarding backdrop. */
.dp.mk-final #reg::before,.dp.mk-final #reg::after{content:none}
.mk-final #reg{height:auto;padding-top:230px!important;padding-bottom:140px!important;margin-bottom:-140px;overflow:visible}.mk-final #reg .reg-info{height:auto;width:min(1280px,calc(100% - 80px));transform:none}.mk-final #reg .reg-info h2{height:auto;min-height:0;line-height:1.4;margin:0}.mk-articles .mk-heading>p{max-width:none}.mk-article-stage{height:500px;position:relative;overflow:visible}.mk-final #reg .reg-info .reg-grid{width:100%;margin:0;--reg-stage-height:640px}.mk-final #regGrid .reg-card-slot{top:238px}.dp.mk-final #platforms::before,.dp.mk-final #platforms::after{content:none}
.mk-final .mk-faq .dp-faq-answer{font-size:15px;line-height:26px}
.mk-hero,.mk-reasons-awards,.mk-platform,.mk-articles,.mk-journey{isolation:auto}
@media(max-width:1279px){.mk-reasons-grid{grid-template-columns:260px minmax(0,1fr);gap:50px}.mk-reason{padding-right:20px}.mk-reason+.mk-reason{padding-left:20px}.mk-reasons-grid h2{font-size:34px}.mk-final{--mk-feature-title-size:20}.mk-reason img{max-width:145%}.mk-award-grid{gap:24px}.mk-laurel>img{width:44px;height:80px}.mk-laurel h3{font-size:15px;line-height:23px}.mk-reviews{gap:20px}}
@media(max-width:1000px){.mk-hero-art{left:57%}.mk-hero-copy{width:48%}.mk-hero h1{font-size:34px}.mk-hero-subtitle{font-size:20px}.mk-hero-body{font-size:16px}.mk-actions{flex-wrap:wrap}.mk-reasons-grid{display:block}.mk-reasons-grid>header{text-align:center;padding:0;max-width:700px;margin:auto}.mk-reasons-grid h2{white-space:normal}.mk-reason-cards{margin-top:50px}.mk-reason p{max-width:240px}.mk-review-section{margin-top:100px}.mk-overview-main{grid-template-columns:42% 1fr;gap:30px}.mk-award-grid{grid-template-columns:repeat(2,1fr);gap:40px}.mk-laurel{justify-content:center}.mk-laurel>div{flex:none;width:150px}.mk-award-grid article>p{max-width:260px;margin-inline:auto}.mk-review-list{--review-gap:12px}}
@media(max-width:760px){.mk-final{--mk-feature-title-size:21}.mk-wrap,.mk-narrow,.mk-faq-wrap,.mk-final #reg .reg-info{width:calc(100% - 40px)}.mk-final h1,.mk-final h2{font-size:28px;line-height:1.4}.mk-heading>p{font-size:15px;line-height:1.65}.mk-hero{height:auto}.mk-hero-art{top:-76px;left:0;transform:none;width:100%;height:430px;overflow:hidden}.mk-hero-art img{position:absolute;width:980px;max-width:none;height:429px;left:calc(50% - 625px);top:0;object-fit:contain}.mk-hero-art:after{background:linear-gradient(180deg,transparent 45%,#06070b 100%)}.mk-hero-inner{height:auto;padding:315px 0 54px}.mk-hero-copy{width:100%;padding:0;gap:20px}.mk-hero-copy h1{margin-bottom:-8px}.mk-hero-subtitle{font-size:19px}.mk-hero-body{font-size:16px;line-height:1.4}.mk-actions{gap:12px;padding-top:4px}.mk-final .mk-actions .btn{font-size:16px;min-height:48px;height:auto;padding:12px var(--mm-button-16-padding-inline)}.mk-quotes,.mk-reasons,.mk-awards,.mk-overview,.mk-platform,.mk-articles,.mk-journey{padding-top:90px;min-height:0}.mk-quote-note{position:static;text-align:center;font-size:10px!important}.mk-reason-cards{display:grid;grid-template-columns:1fr;gap:30px}.mk-reason,.mk-reason+.mk-reason,.mk-reason:not(:last-child){padding:0;border:0;display:grid;grid-template-columns:110px 1fr;column-gap:22px;text-align:left}.mk-reason figure{grid-row:1/3;height:145px}.mk-reason img{width:150px;height:150px;max-width:none}.mk-reason h3{text-align:left;align-self:end;margin:0;white-space:normal}.mk-reason p{text-align:left;margin:10px 0 0;max-width:none;white-space:normal;font-size:14px;line-height:22px}.mk-reviews{grid-template-columns:44px minmax(0,1fr) 44px;gap:10px}.mk-review-section{margin-top:90px;gap:32px}.mk-reasons-glow{width:1200px;height:512px;top:-260px}.mk-review-list{--review-columns:1}.mk-award-grid{gap:32px 8px;margin-top:32px}.mk-laurel>img{width:30px;height:64px}.mk-laurel>div{flex:1;width:auto}.mk-laurel span{font-size:14px}.mk-laurel h3{font-size:12px;line-height:20px;letter-spacing:0}.mk-award-grid article>p{font-size:10px;line-height:16px}.mk-final .mk-awards{position:static}.mk-earth{top:200px;width:1200px;height:1000px;opacity:.7}.mk-overview-main{display:flex;flex-direction:column;margin-top:25px;gap:22px}.mk-overview-main>figure{width:min(100%,294px)}.mk-overview-main h3{font-size:24px;line-height:34px}.mk-overview-main p{line-height:1.7}.mk-facts{gap:15px;justify-content:space-between}.mk-facts b{font-size:23px}.mk-explain-grid{grid-template-columns:1fr;margin-top:36px}.mk-explain-grid>article{padding:23px 21px;gap:12px}.mk-explain-icon{width:32px;height:32px}.mk-explain-grid p{font-size:15px;line-height:24px}.mk-platform-tabs{margin-top:32px}.mk-articles .mk-heading{margin-bottom:30px}.mk-journey-action{margin-top:36px}.mk-faq{padding:90px 0}.mk-faq h2{margin-bottom:30px}.mk-final .mk-faq .dp-faq-question{font-size:16px;line-height:26px}.mk-final .mk-faq .dp-faq-answer{font-size:14px;line-height:24px}.mk-final .mk-faq .dp-faq-item--static{padding:22px 0}}
/* Keep the new commodity fade aligned with the mobile image's existing crop. */
@media(max-width:760px){.mk-final--commodities .mk-hero-art:after{background-image:linear-gradient(180deg,transparent 45%,#06070b 100%),var(--mk-hero-diagonal);background-size:100% 100%,980px 429px;background-position:0 0,calc(50% - 135px) 0;background-repeat:no-repeat}}
@media(prefers-reduced-motion:reduce){.mk-final *{scroll-behavior:auto!important}.mk-final .mk-round,.mk-final .btn{transition:none}}

/* Page composition only: material, type and motion belong to the shared owners. */
.dp.mk-final .dp-fx-quote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:60px}
.dp.mk-final .dp-fx-quote-card{width:100%;height:302px;min-height:302px;min-width:0}
.mk-spark{--mk-spark-fade:linear-gradient(90deg,#000 0%,#000 54%,rgba(0,0,0,.55) 76%,transparent 90%)}
.mk-final .mk-spark [data-market-spark-plot]{transition:opacity .24s ease}
.mk-final .dp-fx-quote-card.is-quote-live .mk-spark [data-market-spark-plot]{opacity:0}
.dp.mk-final .dp-fx-quote-card__live-chart{width:100%}
.dp.mk-final .dp-fx-quote-card__live-line{stroke-linecap:butt;stroke-linejoin:miter;filter:none}
.dp.mk-final .dp-fx-quote-card__live-tip{fill:#45d6e8;stroke:none;filter:none}
.mk-final #platforms{height:auto;min-height:0;padding:230px 0 0!important;overflow:visible}
.mk-final #platforms #platTabs{width:max-content;max-width:100%}
/* Market tabs keep each platform’s authored width. */
html:not(.wire) .mk-final #platTabs>.tab{width:var(--platform-tab-width)}
.mk-final #platforms .pg-name{margin:0 0 8px}
/* Homepage placeholder links retain the shared button hover while destinations are pending. */
.mk-final #platforms .pg-text .btn[aria-disabled="true"]{opacity:1;cursor:pointer;pointer-events:auto}
.mk-final .mk-journey .flow-panel{margin-top:64px}
.mk-final .mk-journey .flow-cta-btn{margin:0}
@media(max-width:1080px){.dp.mk-final .dp-fx-quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:760px){
  .dp.mk-final .dp-fx-quote-grid{grid-template-columns:minmax(0,300.5px);justify-content:center;gap:24px;margin-top:36px}
  .mk-final #platforms{min-height:0;padding:90px 0 0!important}
  .mk-final #platforms #platTabs{width:100%}
  .mk-final .mk-journey .flow-panel{margin-top:38px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final .mk-journey h2{max-width:9em;margin-inline:auto}
}

/* Content-slot differences in the approved ETF and bond explanation cards. */
.mk-final:is(.mk-final--etfs,.mk-final--bonds) .mk-explain-grid>article{padding-block:25px;min-height:227px}
.mk-final:is(.mk-final--etfs,.mk-final--bonds) .mk-explain-grid>article>div{min-height:177px}.mk-final:is(.mk-final--etfs,.mk-final--bonds) .mk-explain-grid ul{padding-top:16px}
html[lang="th"] .mk-final--etfs .mk-explain-grid>article{min-height:221px}html[lang="th"] .mk-final--etfs .mk-explain-grid>article>div{min-height:171px}
@media(max-width:760px){
  .mk-final--forex .mk-overview{padding-top:90px}
  .mk-final #reg{padding-top:90px!important}
  .mk-article-stage{height:460px}.mk-final #reg .reg-info .reg-grid{--reg-stage-height:600px}.mk-final #regGrid .reg-card-slot{top:219px}
  .mk-final .mk-journey-action{margin-top:36px}
}

.mk-final:is(.mk-final--forex,.mk-final--indices) .mk-facts b{font-family:"SF Pro",Arial,sans-serif;font-weight:700;line-height:33px}
/* Index cards retain Figma's shared bottom edge and tag baseline at 16px body size. */
@media(min-width:761px){
  .mk-final--indices .mk-explain-grid{align-items:stretch}
  .mk-final--indices .mk-explain-grid>article>div{align-self:stretch}
  .mk-final--indices .mk-explain-grid h3{line-height:34px}
  .mk-final--indices .mk-explain-grid p{text-wrap:wrap}
  .mk-final--indices .mk-explain-grid ul{margin-bottom:5px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final--indices .mk-explain-grid>article:nth-child(2) p{letter-spacing:-.1px}
}
.mk-final--commodities .mk-explain-grid>article:nth-child(2) p,.mk-final--share-cfds .mk-explain-grid>article:first-child p{font-size:15.5px}
@media(max-width:760px){.mk-final .mk-explain-grid>article>div{min-height:0}}

/* FAQ type differs in the approved commodity and index variants. */
.mk-faq-wrap{position:relative;z-index:2}
.mk-faq-glow{position:absolute;pointer-events:none;z-index:-8;left:calc(50% + 421.668px);top:calc(100% - 103.381px);width:1962.794px;height:1504.419px;transform-origin:0 0;transform:rotate(172.5765deg)}
.mk-faq-glow>img{position:absolute;left:-20.38%;top:-26.59%;width:138.32%;height:131.17%;max-width:none}
@media(min-width:761px){
  .mk-final--commodities .mk-faq .dp-faq-question{font-size:20px}
  .mk-final--indices .mk-faq .dp-faq-question{font-size:22px}
  .mk-final--commodities .mk-faq .dp-faq-answer{font-size:18px;line-height:28px}
  .mk-final--indices .mk-faq .dp-faq-answer{font-size:18px;line-height:29px}
  .mk-final--commodities .mk-faq .dp-faq-item[open] .dp-faq-answer-layout{margin-top:0;padding-bottom:32px}
  .mk-final--indices .mk-faq .dp-faq-answer-layout{padding-bottom:32px}
}
/* Figma reserves a 500px stage with 140px of painted reflection overflow.
   Matching paint bounds prevents a WebKit 3D/filter seam at the section edge;
   the negative bottom margin preserves the authored section footprint. */
.mk-final #reg .reg-info{position:relative;isolation:isolate;z-index:2}
html[lang="th"] .mk-final #reg .reg-info{height:auto}
html[lang="th"] .mk-final #reg .reg-info h2{height:auto;min-height:0;line-height:1.4}
.mk-final--etfs .mk-reasons-grid h2{white-space:pre}
@media(min-width:1001px){
  /* Figma hugs the ETF heading beyond its 322px column, preserving three authored lines. */
  .mk-final--etfs .mk-reasons-grid h2{width:max-content;max-width:none}
  /* Preserve the four-line Figma copy slot with the site's SF Pro Latin metrics. */
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-hero-body{letter-spacing:-.005em}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final--etfs .mk-hero-body{letter-spacing:-.01em}
  .mk-final--share-cfds .mk-hero-copy{width:565px}
  .mk-final--etfs .mk-hero-copy{width:555px}
  .mk-final:not(.mk-final--forex) .mk-hero-copy h1{margin-bottom:-12px}
  html:not([lang="th"]) .mk-final--bonds .mk-hero-subtitle{width:max-content;max-width:none}
  html[lang="th"] .mk-final--indices .mk-hero-copy h1{font-size:37px}
}
@media(min-width:1280px){
  /* SF Pro Latin metrics need the existing card's wider text slot to keep
     the Figma four-line insurance copy without shifting the reviews down. */
  .mk-final .mk-reason-2 p{max-width:225px;text-wrap:balance}
  html[lang="th"] .mk-final .mk-reasons-grid h2{font-size:32px}
  html[lang="th"] .mk-final .mk-reason h3{line-height:36px;white-space:nowrap}
  html[lang="th"] .mk-final .mk-reason-2 h3{font-size:20px;line-height:30px}
  html[lang="th"] .mk-final .mk-reason p{line-height:21px}
  html[lang="th"] .mk-final .mk-laurel{height:110px}
}
html[lang="th"] .mk-final--share-cfds .mk-facts>div:nth-child(3) b{font-size:23.8px}
html[lang="th"] .mk-final--indices .mk-facts>div:first-child span{font-size:11.3px}
@media(min-width:761px){
  html[lang="th"] .mk-final--commodities .mk-facts>div:nth-child(3) b{font-size:22.8px}
  html[lang="th"] .mk-final--share-cfds .mk-facts b{white-space:nowrap;line-height:42px}
  html[lang="th"] .mk-final .mk-journey{min-height:624px}
}
@media(max-width:760px){
  html[lang="th"] .mk-final--share-cfds .mk-facts b{font-size:min(5.8vw,23px);white-space:nowrap;line-height:34px}
  html[lang="th"] .mk-final--share-cfds .mk-facts>div:nth-child(2) b{font-size:min(5.4vw,21px)}
  html[lang="th"] .mk-final--share-cfds .mk-facts>div:nth-child(3) b{font-size:min(5.1vw,20px)}
}


/* Shared five-other-market discovery, from Figma 2593:41659. */
.mk-products{padding-top:180px;isolation:isolate}
.mk-products:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;transform:translateX(-50%);width:1920px;height:940px;border-radius:300px;filter:blur(250px);background:linear-gradient(180deg,rgba(11,58,120,0),rgba(11,58,120,.3) 22%,rgba(10,50,112,.7) 50%,rgba(8,43,94,.34) 80%,rgba(8,43,94,0))}
/* Five other markets share the 1112px Figma composition (200px cards, 28px gaps). */
.mk-products-inner{width:min(1112px,calc(100% - 40px));margin-inline:auto}
.mk-product-grid{display:grid;grid-template-columns:repeat(5,200px);gap:28px;min-height:459px;margin-top:60px;align-items:start}
.mk-product-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;min-height:407px;padding:35px 3px 27px;border:1px solid transparent;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#ffffff0a,#ffffff14 38%,#ffffff1f),linear-gradient(180deg,rgba(16,20,28,.294),rgba(16,20,28,.196));box-shadow:0 12px 28px -8px #00000024,inset 0 1px #ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .2s,box-shadow .2s}
.mk-product-card:nth-child(2){margin-top:44px}.mk-product-card:nth-child(3){margin-top:12px}.mk-product-card:nth-child(4){margin-top:36px}.mk-product-card:nth-child(5){margin-top:4px}
.mk-product-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(116.17deg,#ffffff2e,#ffffff0e 44%,#138dff0f);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.mk-product-card:is(:hover,:focus-visible){background:linear-gradient(116.17deg,rgba(79,139,230,.3),rgba(27,63,124,.52) 55%,rgba(10,27,56,.86));box-shadow:0 18px 40px -12px #020b2661,inset 0 1px #ffffff14}
.mk-product-card:is(:hover,:focus-visible):before{background:linear-gradient(116.17deg,#94baf54d,#6b99db1a 42%,#477ac729)}
.mk-product-action{pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.3,1),filter .2s}
.mk-product-card:is(:hover,:focus-visible) .mk-product-action{filter:brightness(1.15)}
.mk-product-card:is(:hover,:focus-visible) .mk-product-action .arr{transform:translateX(4px)}
.mk-product-card:active .mk-product-action{transform:translateY(0) scale(.97)}
.mk-product-art{position:relative;flex:none;width:192px;height:140px;margin:0}.mk-product-art>img{position:absolute;max-width:none;width:var(--product-art-width);height:auto;left:var(--product-art-x);top:var(--product-art-y)}
.mk-product-copy{display:flex;flex-direction:column;align-items:center;gap:24px;width:160px;min-width:0;text-align:center}.mk-product-copy>div{width:100%;min-height:115px}.mk-product-copy h3{font-size:20px;line-height:32px;font-weight:900;color:#fff}.mk-product-copy p{margin:8px 0 0;font-family:"SF Pro Text","SF Pro",var(--dp-body);font-size:14px;font-weight:400;line-height:20px;color:var(--mk-muted);white-space:pre-line}
html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-product-copy h3{font-family:"SF Pro Display","SF Pro","Moneta Market Headings","Alibaba PuHuiTi 3.0",sans-serif}html[lang="zh-TW"] .mk-product-copy h3{font-weight:800}
@media(max-width:1151px){.mk-products-inner{width:min(656px,calc(100% - 40px))}.mk-product-grid{grid-template-columns:repeat(6,1fr);gap:28px;min-height:0}.mk-product-card{grid-column:span 2}.mk-product-card:nth-child(n){margin-top:0}.mk-product-card:nth-child(4){grid-column:2/span 2}}
@media(max-width:719px){.mk-products{padding-top:110px}.mk-products-inner{width:min(424px,calc(100% - 32px))}.mk-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:40px}.mk-product-card:nth-child(n){grid-column:auto;padding-inline:3px}.mk-product-card:last-child{width:calc((100% - 16px)/2);grid-column:1/-1;justify-self:center}.mk-product-art{width:min(192px,100%);height:auto;aspect-ratio:192/140}.mk-product-copy{width:min(160px,100%)}.mk-products:before{width:1100px;height:100%;filter:blur(150px)}}
@media(max-width:419px){.mk-products-inner{width:min(320px,calc(100% - 32px))}.mk-product-grid{grid-template-columns:200px;justify-content:center;gap:24px}.mk-product-card:last-child{width:200px;grid-column:auto}}
@media(max-width:719px){.mk-product-art>img{width:100%}}
@media(prefers-reduced-motion:reduce){.mk-product-card,.mk-product-action,.mk-product-action .arr{transition:none}}