1!function(){try{var n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},e=(new n.Error).stack;e&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[e]="5edd0289-1c13-42a4-8f8c-d4aa8bab3d19",n._sentryDebugIdIdentifier="sentry-dbid-5edd0289-1c13-42a4-8f8c-d4aa8bab3d19")}catch(n){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5621],{35621:(n,e,t)=>{t.r(e),t.d(e,{C01HeroCn:()=>r,C02WealthAdvisoryCn:()=>p,C03BentoGridCn:()=>y,C04CTACn:()=>w,C05PlatformCn:()=>j,C06FundManagersCn:()=>C,C07TestimonialCarouselCn:()=>D,C08TestimonialCn:()=>W,C09CTACn:()=>A,C10FAQCn:()=>B,HKReserveCn01Hero:()=>q,HKReserveCn02WealthAdvisory:()=>K,HKReserveCn03Bento:()=>Z,HKReserveCn04Cta:()=>P,HKReserveCn05Platform:()=>V,HKReserveCn06FundManagers:()=>$,HKReserveCn07TestimonialCarousel:()=>U,HKReserveCn08Testimonial:()=>O,HKReserveCn09Cta:()=>J,HKReserveCn10Faq:()=>Y,HKReserveCnPage:()=>L});var i=t(65321),a=t(97109);let o="'Mulish', 'Noto Sans TC', 'PingFang HK', 'PingFang TC', 'Microsoft JhengHei', 'Heiti TC', sans-serif",s=()=>(0,i.jsxs)("svg",{"aria-label":"CNBC",fill:"none",height:"42",role:"img",viewBox:"0 0 53 42",width:"53",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M13.5703 28.6094H16.4499L22.3209 36.4797V28.6094H25.0214V40.8289H22.1419L16.2708 32.8989V40.8289H13.5703V28.6094Z",fill:"white"}),(0,i.jsx)("path",{d:"M38.6489 36.9419C38.6489 40.2914 36.0081 40.7614 34.2997 40.7614H27.25V28.6016H34.3594C36.5303 28.6016 38.2386 29.8325 38.2386 32.1227C38.2386 33.2417 37.418 33.8833 36.8287 34.2339C37.8283 34.7039 38.6489 35.4648 38.6489 36.9344V36.9419ZM29.8386 30.8992V33.1895H34.0088C34.71 33.1895 35.4784 32.8985 35.4784 32.0705C35.4784 31.2424 34.8891 30.8992 33.9491 30.8992H29.8386ZM35.8887 36.9419C35.8887 35.7706 34.8891 35.4722 33.9491 35.4722H29.8386V38.4115H34.0685C34.8294 38.4115 35.8887 38.1205 35.8887 36.9419Z",fill:"white"}),(0,i.jsx)("path",{d:"M52.1592 38.8189C50.8089 39.9901 49.399 41.1091 46.5194 41.1091C42.6999 41.1091 39.8203 38.1699 39.8203 34.6487C39.8203 31.1276 42.8714 28.248 46.5716 28.248C49.7421 28.248 51.5027 30.307 51.7414 30.5383L49.7421 32.5376C49.2721 32.0676 48.3322 31.0679 46.5716 31.0679C44.4604 31.0679 42.6924 32.6569 42.6924 34.6487C42.6924 36.3496 44.162 38.2296 46.5716 38.2296C48.5112 38.2296 49.1528 37.5805 50.3315 36.6406L52.1517 38.8114L52.1592 38.8189Z",fill:"white"}),(0,i.jsx)("path",{d:"M12.3389 38.8189C10.9886 39.9901 9.57866 41.1091 6.69909 41.1091C2.93924 41.1091 0 38.1699 0 34.6487C0 31.1276 3.05114 28.248 6.75131 28.248C9.92182 28.248 11.6824 30.307 11.9211 30.5383L9.92182 32.5376C9.45184 32.0676 8.51187 31.0679 6.75131 31.0679C4.64013 31.0679 2.8721 32.6569 2.8721 34.6487C2.8721 36.3496 4.34173 38.2296 6.75131 38.2296C8.69091 38.2296 9.33248 37.5805 10.5112 36.6406L12.3314 38.8114L12.3389 38.8189Z",fill:"white"}),(0,i.jsx)("path",{d:"M35.5398 6.28721L29.1391 20.8492L27.3188 8.21935C27.0875 6.51847 30.0193 5.45915 30.0193 5.45915C29.7284 4.8698 28.8481 4.8698 28.8481 4.8698H26.8488C26.5579 1.75898 29.3778 -0.531248 32.4289 0.169994C35.4279 0.819015 36.4797 4.0492 35.5398 6.27975V6.28721Z",fill:"#675EA7"}),(0,i.jsx)("path",{d:"M23.6682 25.5502L11.2175 17.2696C8.04696 15.1584 4.93614 17.3293 4.28712 19.5598C3.28747 22.8497 5.51802 25.5502 8.92725 25.5502H23.6682Z",fill:"#FFCD07"}),(0,i.jsx)("path",{d:"M25.3224 4.99589C25.7924 1.82539 22.9128 -0.584197 19.7423 0.124505C16.7434 0.773526 15.6318 4.05593 16.6315 6.29394L23.0322 20.8559L25.3224 4.99589Z",fill:"#E4122C"}),(0,i.jsx)("path",{d:"M22.5022 23.2006L16.3924 9.28016C14.9825 6.04997 11.163 5.63967 9.05177 7.5196C7.58215 8.86986 6.41091 12.5104 9.753 14.6887L22.4947 23.208L22.5022 23.2006Z",fill:"#EE7126"}),(0,i.jsx)("path",{d:"M43.2332 25.5502C46.6424 25.5502 48.8729 22.79 47.8733 19.5598C47.2243 17.3293 44.0538 15.1584 40.943 17.2696L28.4922 25.5502H43.2332Z",fill:"#009845"}),(0,i.jsx)("path",{d:"M42.4132 14.7414C45.7031 12.5109 44.5841 8.93005 43.1145 7.57233C41.0033 5.69241 37.2434 6.10271 35.7738 9.33289L29.6641 23.1936L42.4058 14.7339L42.4132 14.7414Z",fill:"#13A0DB"})]}
1),r=()=>(0,i.jsx)("div",{style:{fontFamily:o,WebkitFontSmoothing:"antialiased"},children:(0,i.jsxs)("section",{"aria-label":"StashAway Reserve",className:"c01-hero-section",style:{position:"relative",minHeight:"100svh",display:"flex",flexDirection:"column",overflow:"hidden",background:"#161616"},children:[(0,i.jsx)("video",{className:"c01-hero-video",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"auto",poster:"https://cms-assets.stashaway.com/01_Image_Desktop_c4280dd853.jpg",src:"https://cms-assets.stashaway.com/01_Hero_Reserve_video_0d207b3b22.mp4",onLoadedMetadata:n=>{n.currentTarget.playbackRate=.75},style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(1.02)",zIndex:0}}),(0,i.jsx)("div",{"aria-hidden":"true",style:{position:"absolute",inset:0,zIndex:0,pointerEvents:"none",background:"linear-gradient(180deg, rgba(0,0,0,0.315) 0%, rgba(0,0,0,0.1575) 30%, rgba(0,0,0,0) 60%)"}}),(0,i.jsx)("div",{className:"c01-hero-inner",style:{position:"relative",zIndex:1,flex:"1 1 auto",display:"flex",justifyContent:"center",alignItems:"flex-start",width:"100%",maxWidth:1600,margin:"0 auto",padding:"48px clamp(16px, 5vw, 64px) 80px"},children:(0,i.jsxs)("div",{style:{width:"100%",maxWidth:1056,display:"flex",flexDirection:"column",gap:24,textAlign:"center"},children:[(0,i.jsxs)("h1",{className:"c01-heading slide-in-on-appeared",style:{color:"#FFFFFF",fontFamily:o,fontWeight:700,fontSize:38,lineHeight:"48px",letterSpacing:"0",margin:0},children:[(0,i.jsxs)("span",{className:"c01-heading-desktop",children:["ä½ è¦ªæéåµåè¬èµ·é»",(0,i.jsx)("br",{}),"æåæææå°±ååæªä¾"]}),(0,i.jsxs)("span",{className:"c01-heading-mobile",children:["ä½ éåµåè¬èµ·é»",(0,i.jsx)("br",{}),"æåå
±åµååæªä¾"]})]}),(0,i.jsxs)("p",{className:"c01-subtext slide-in-on-appeared",style:{color:"#FFFFFF",fontFamily:o,fontWeight:400,fontSize:18,lineHeight:"24px",margin:0,transitionDelay:"0.12s"},children:["ä½ çå°å±¬ç財夥伴 ââ éé StashAway Reserveï¼å¾å
¬éå¸å ´ãç§åå¸å ´å°ç¾é管çï¼",(0,i.jsx)("br",{className:"c01-sub-break"}),"享åä½ çç§äººé¡§åæåãç財å¢çä¸ä¸æ¨£çä½ ï¼å¼å¾èç¾ä¸åçé«é©ã"]})]})}),(0,i.jsx)("section",{"aria-label":"Regulation, safeguarding and recognition",className:"c01-trust-bar",style:{position:"relative",zIndex:1,width:"100%",background:"rgba(0,0,0,0.10)",WebkitBackdropFilter:"blur(10px)",backdropFilter:"blur(10px)",padding:"32px 48px"},children:(0,i.jsxs)("div",{className:"c01-trust-content",style:{maxWidth:1328,margin:"0 auto",display:"flex",flexDirection:"column",alignItems:"center",gap:16},children:[(0,i.jsxs)("div",{className:"c01-trust-group",style:{display:"flex",flexDirection:"column",alignItems:"center",gap:12,textAlign:"center"},children:[(0,i.jsx)("span",{className:"c01-trust-eyebrow",style:{color:"#FFFFFF",fontFamily:o,fontSize:14,lineHeight:"20px",letterSpacing:"0.04em",fontWeight:700},children:"ç£ç®¡æ©æ§"}),(0,i.jsxs)("span",{className:"c01-trust-institution",style:{color:"#FFFFFF",fontFamily:"'Mulish', sans-serif",fontWeight:700,fontSize:18,lineHeight:"120%",letterSpacing:"0.07em",textTransform:"uppercase"},children:["Securities and Futures",(0,i.jsx)("br",{}),"Commission of Hong Kong"]})]}),(0,i.jsx)("hr",{className:"c01-trust-divider",style:{border:"none",borderTop:"0.5px solid #969696",width:"100%",margin:"2px 0"}}),(0,i.jsxs)("div",{className:"c01-trust-group",style:{display:"flex",flexDirection:"column",alignItems:"center",gap:12,textAlign:"center"},children:[(0,i.jsx)("span",{className:"c01-trust-eyebrow",style:{color:"#FFFFFF",fontFamily:o,fontSize:14,lineHeight:"20px",letterSpacing:"0.04em",fontWeight:700},children:"ä¿¡æ夥伴"}),(0,i.jsx)("div",{className:"c01-trust-logos",children:(0,i.jsx)("img",{src:"https://cms-assets.stashaway.com/Custodian_content_fea8a3d69d.png",alt:"æ»è±éè¡åè±æéè¡ï¼æåçè¨ç®¡éè¡",className:"c01-trust-custodian",style:{height:34,width:"auto",display:"block"},loading:"lazy"})})]}),(0,i.jsx)("hr",{className:"c01-trust-divider",style:{border:"none",borderTop:"0.5px solid #969696",width:"100%",margin:"2px 0"}}),(0,i.jsxs)("div",{className:"c01-trust-group",style:{display:"flex",flexDirection:"column",alignItems:"center",gap:12,textAlign:"center"},children:[(0,i.jsx)("span",{className:"c01-trust-eyebrow",style:{color:"#FFFFFF",fontFamily:o,fontSize:14,lineHeight:"20px",letterSpacing:"0.04em",fontWeight:700},children:"榮ç²çé
"}),(0,i.jsxs)("div",{className:"c01-trust-award",style:{display:"flex",alignItems:"center",gap:8},children:[(0,i.jsx)(s,{}),(0,i.jsxs)("span",{className:"c01-trust-institution",style:{color:"#FFFFFF",fontFamily:"'Mulish', sans-serif",fontWeight:700,fontSize:18,lineHeight:"120%",letterSpacing:"0.07em",textTransform:"uppercase"},children:["World's Top Fintech",(0,i.jsx)("br",{}),"Companies 2025"]})]})]})]})}),(0,i.jsx)("style",{children:"\n /* Subtext forced break: off by default (natural wrap on tablet/mobile),\n on at the desktop tier so 享åä½ ç⦠drops to line 2 on full-screen. */\n .c01-sub-break { display: none; }\n\n /* Heading copy swap: full desktop/tablet copy by default; a shorter\n mobile copy on phones. Each variant keeps its own two-line break. */\n .c01-heading-mobile { display: none; }\n @media (max-width: 767px) {\n .c01-heading-desktop { display: none; }\n .c01-heading-mobile { display: inline; }\n }\n\n @media (max-width: 1023px) {\n .c01-hero-inner { padding-bottom: 196px !important; }\n }\n\n @media (min-width: 1024px) {\n .c01-sub-break { display: inline; }\n }\n\n /* Chinese type scale: desktop (>= md / 768px) sizes. Applied to both the\n tablet and desktop tiers since the Chinese scale has a single desktop\n step. Layout below is unchanged from the English hero. */\n @media (min-width: 768px) {\n .c01-heading { font-size: 72px !important; line-height: 86px !important; letter-spacing: 0 !important; }\n .c01-subtext { font-size: 24px !important; line-height: 32px !important; }\n }\n\n @media (min-width: 1024px) {\n .c01-trust-content {\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 64px !important;\n }\n /* trust-group stays column so eyebrow stays centered above its content */\n .c01-trust-group { flex-direction: column !important; gap: 12px !important; align-items: center !important; text-align: center !important; }\n .c01-trust-divider {\n border-top: none !important;\n border-left: 1px solid rgba(174, 197, 214, 0.5) !important;\n width: 1px !important;\n height: 66px !important;\n margin: 0 !important;\n }\n .c01-trust-custodian { height: 44px !important; }\n .c01-trust-award { gap: 12px !important; }\n .c01-trust-eyebrow { font-size: 18px !important; line-height: 24px !important; }\n }\n\n @media (min-width: 768px) and (max-width: 1023px) {\n /* Tablet: mobile stacked layout, scaled up */\n .c01-hero-inner {\n padding-left: clamp(24px, 5vw, 56px) !important;\n padding-right: clamp(24px, 5vw, 56px) !important;\n }\n .c01-trust-custodian { height: 40px !important; }\n .c01-trust-eyebrow { font-size: 18px !important; line-height: 24px !important; }\n }\n\n @media (max-width: 767px) {\n /* Mobile-only trust-bar type sizes + tighter vertical padding */\n .c01-trust-eyebrow { font-size: 14px !important; line-height: 20px !important; }\n .c01-trust-institution { font-size: 14px !important; }\n .c01-trust-bar { padding-top: 24px !important; padding-bottom: 24px !important; }\n /* Move the hero video up 48px on mobile. object-position can't shift\n a landscape video vertically on a portrait viewport (no vertical\n overflow), so translate it and extend the height to avoid a gap. */\n .c01-hero-video {\n height: calc(100% + 48px) !important;\n transform: translateY(-48px) !important;\n }\n }\n "})]})});
1var l=t(3161),c=t.n(l);let p=()=>(0,i.jsxs)("section",{style:{background:"#FFF8F1",width:"100%"},children:[(0,i.jsxs)("div",{className:"c02-frame",style:{display:"flex",flexDirection:"row",gap:48,alignItems:"center",justifyContent:"flex-start",maxWidth:1600,margin:"0 auto",padding:"64px clamp(16px, 5vw, 64px)",position:"relative",overflow:"hidden"},children:[(0,i.jsxs)("div",{className:"c02-container slide-in-on-appeared",style:{flex:"0 1 720px",maxWidth:720,minWidth:0,display:"flex",flexDirection:"column",gap:32,alignItems:"flex-start",justifyContent:"center",padding:"64px 0"},children:[(0,i.jsxs)("h2",{id:"component-02-headline",className:"c02-headline",style:{color:"#072340",fontFamily:o,fontSize:68,lineHeight:"76px",letterSpacing:"0",fontWeight:700,alignSelf:"stretch",margin:0},children:["StashAway Reserve ",(0,i.jsx)("br",{className:"c02-headline-br"}),"ç§äººè²¡å¯ç®¡çæå"]}),(0,i.jsx)("p",{className:"c02-body slide-in-on-appeared",style:{color:"#344A5C",fontFamily:o,fontSize:24,lineHeight:"32px",fontWeight:400,alignSelf:"stretch",margin:0,transitionDelay:"0.12s"},children:"實ç¾è²¡å¯ç®æ¨ï¼ç¡é ä»åºé«æ代å¹ï¼ä¸åä»¥ä½ çºæ ¸å¿ ââ çºä½ çç®æ¨ãçæ´»èæªä¾ï¼é身æé ç´ç²¹çç財è¦åã"}),(0,i.jsx)("div",{className:"c02-actions slide-in-on-appeared",style:{display:"flex",flexDirection:"row",gap:16,alignItems:"center",flexShrink:0,transitionDelay:"0.24s"},children:(0,i.jsx)("a",{className:"c02-cta",href:"https://www.stashaway.hk/schedule/reserve-intro",rel:"noopener noreferrer",target:"_blank",style:{background:"#004F99",borderRadius:200,padding:"16px 32px",display:"inline-flex",alignItems:"center",justifyContent:"center",color:"#FFFFFF",fontFamily:o,fontSize:20,lineHeight:"26px",fontWeight:700,textDecoration:"none",transition:"none",cursor:"pointer"},children:"é ç´ç財顧åé²è¡æè«"})})]}),(0,i.jsx)("div",{className:"c02-media slide-in-on-appeared",style:{flex:"0 1 614px",maxWidth:614,minWidth:0,display:"flex",transitionDelay:"0.18s"},children:(0,i.jsx)(c(),{alt:"StashAway Reserve ç財顧åæåï¼ç財顧åè客æ¶æé¢",className:"c02-image",src:"https://cms-assets.stashaway.com/02_Image_Wealth_Advisory_ZH_05196f0024.webp",width:784,height:728,style:{width:"100%",height:"auto",aspectRatio:"784/728",borderRadius:24,outline:"1px solid #EAB856",boxShadow:"0 0 0 1px #EAB856, 10px 10px 15px 0 rgba(0,0,0,.08), -5px -5px 15px 0 rgba(0,0,0,.02)",objectFit:"cover",display:"block"}})})]}),(0,i.jsx)("style",{children:'\n /* Static hover: instant background swap, no movement or transition.\n !important is required to override the inline background style. */\n .c02-cta:hover { background: #072340 !important; }\n\n /* Forced headline break â mobile only: "StashAway Reserve" on line 1,\n "ç§äººè²¡å¯ç®¡çæå" on line 2. Hidden on tablet/desktop so their natural\n wrapping is unchanged. */\n .c02-headline-br { display: none; }\n @media (max-width: 767px) {\n .c02-headline-br { display: inline; }\n }\n\n @media (max-width: 1023px) {\n .c02-frame {\n flex-direction: column !important;\n padding: 48px 16px !important;\n gap: 32px !important;\n align-items: flex-start !important;\n }\n .c02-container {\n order: 1;\n padding: 0 !important;\n gap: 16px !important;\n flex: 1 1 auto !important;\n width: 100% !important;\n max-width: none !important;\n }\n .c02-media { order: 2; flex: 1 1 auto !important; width: 100% !important; max-width: none !important; }\n /* Chinese mobile scale */\n .c02-headline { font-size: 34px !important; line-height: 42px !important; }\n .c02-body { font-size: 18px !important; line-height: 24px !important; }\n .c02-cta { font-size: 16px !important; line-height: 24px !important; }\n .c02-image { border-radius: 16px !important; aspect-ratio: 358/332 !important; }\n }\n\n @media (min-width: 768px) and (max-width: 1023px) {\n .c02-frame {\n padding-left: clamp(24px, 5vw, 56px) !important;\n padding-right: clamp(24px, 5vw, 56px) !important;\n padding-top: 56px !important;\n padding-bottom: 56px !important;\n gap: 40px !important;\n }\n .c02-container {\n max-width: 760px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n gap: 24px !important;\n }\n .c02-media {\n max-width: 760px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: 100% !important;\n }\n /* Chinese desktop scale for tablet tier */\n .c02-headline { font-size: 68px !important; line-height: 76px !important; }\n .c02-body { font-size: 24px !important; line-height: 32px !important; }\n .c02-cta { font-size: 20px !important;
1 line-height: 26px !important; }\n .c02-image {\n width: 100% !important;\n max-width: 100% !important;\n border-radius: 16px !important;\n }\n }\n '})]}),d="https://cms-assets.stashaway.com/pie_Chart_01_Cropped_365707aed5.webm",m=["å¦é¡æè³","å
¬éå¸å ´","ç¾é管ç"],h=["$0 èªè³¼è²» $0 ç³è´è²» $0 調åè²»","æå¹´æ¶è²»ï¼ç®¡çè²»ä½è³ 0.2%"],x={background:"rgba(0,0,0,0.1)",border:"2px solid #ffffff",borderRadius:24,backdropFilter:"blur(17.5px)",WebkitBackdropFilter:"blur(17.5px)",display:"flex",flexDirection:"column",gap:24,padding:48},g={fontFamily:o,fontWeight:700,fontSize:56,lineHeight:"68px",letterSpacing:"0",color:"#FFFFFF",margin:0},f={fontFamily:o,fontWeight:400,fontSize:24,lineHeight:"32px",color:"#FFFFFF",margin:0},b={display:"inline-flex",alignItems:"center",padding:"6px 16px",borderRadius:200,background:"rgba(255,255,255,0.05)",border:"0.25px solid #eab856",fontFamily:o,fontWeight:700,fontSize:20,lineHeight:"28px",letterSpacing:"0",color:"#ffdf9a",whiteSpace:"nowrap"},u=()=>{let n=(0,a.useRef)(0),[e,t]=(0,a.useState)(d);return(0,a.useEffect)(()=>{(()=>{var n;return"undefined"!=typeof navigator&&/Apple/.test(null!=(n=navigator.vendor)?n:"")})()&&t("https://cms-assets.stashaway.com/pie_Chart_alpha_dcccf8ce82.mov")},[]),(0,i.jsx)("video",{src:e,autoPlay:!0,muted:!0,playsInline:!0,onError:()=>{e!==d&&t(d)},onEnded:e=>{if(n.current+=1,n.current<3){let n=e.currentTarget;n.currentTime=0,n.play()}},style:{display:"block",width:"100%",height:"auto",border:"none",borderRadius:0}},e)},y=()=>(0,i.jsxs)("div",{style:{backgroundImage:'linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)), url("'.concat("https://cms-assets.stashaway.com/03_Image_background_0ad495c4b4.webp",'")'),backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"},children:[(0,i.jsxs)("div",{className:"c03-grid",style:{maxWidth:1600,margin:"0 auto",padding:"64px clamp(16px, 5vw, 64px)",display:"grid",gridTemplateColumns:"1fr 1fr",gridTemplateRows:"auto auto",gap:32},children:[(0,i.jsxs)("div",{className:"c03-frame-03 slide-in-on-appeared",style:{...x,gridColumn:"2 / span 1",gridRow:"2 / span 1",transitionDelay:"0.16s"},children:[(0,i.jsxs)("h3",{className:"c03-heading",style:g,children:["ä½æ¼å³çµ±ç§äººéè¡ç",(0,i.jsx)("br",{className:"c03-heading-br"}),"å
¥å ´é檻"]}),(0,i.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:16},children:h.map(n=>(0,i.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:12},children:[(0,i.jsx)("img",{alt:"","aria-hidden":"true",className:"c03-check",loading:"lazy",src:"https://cms-assets.stashaway.com/Check_list_icon_Gold_e7bb4ae9d9.svg",style:{width:24,height:24,flexShrink:0,marginTop:2}}),(0,i.jsx)("span",{className:"c03-body",style:{fontFamily:o,fontWeight:400,fontSize:24,lineHeight:"32px",color:"#FFFFFF"},children:n})]},n))})]}),(0,i.jsxs)("div",{className:"c03-frame-02 slide-in-on-appeared",style:{...x,gridColumn:"2 / span 1",gridRow:"1 / span 1",transitionDelay:"0.16s"},children:[(0,i.jsx)("h3",{className:"c03-heading",style:g,children:"1:1 å°å±¬ç財顧åæå"}),(0,i.jsx)("p",{className:"c03-body",style:f,children:"æåçæçç財顧åå
å® $0 ä½£éååï¼è´åæä¾å®¢è§ç¡ç§ãæªå®å°æ¥çç財èæè³å»ºè°ï¼ç¢ºä¿æ¯æ¥æ±ºçé½å
¨ç¶å¥åå人ç財éè¦ã"})]}),(0,i.jsxs)("div",{className:"c03-frame-01 slide-in-on-appeared",style:{...x,gridColumn:"1 / span 1",gridRow:"1 / span 2",transitionDelay:"0.16s"},children:[(0,i.jsx)("h3",{className:"c03-heading",style:g,children:"å
¨æ¹ä½æè³çç¥"}),(0,i.jsx)("p",{className:"c03-body",style:f,children:"ä½ è¦ªèªææ¼ç財å¯ï¼å¼å¾ä¸ä»½å
¨é¢çèå ââ æä½ çå人ç®æ¨è風éªæ¿ååï¼é身æé å°å±¬çç¥ã"}),(0,i.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:24},children:m.map(n=>(0,i.jsx)("span",{className:"c03-pill",style:b,children:n},n))}),(0,i.jsx)("div",{style:{width:"100%",marginTop:8,marginLeft:"5%"},children:(0,i.jsx)(u,{})})]})]}),(0,i.jsx)("style",{children:"\n /* Hard line break before å
¥å ´é檻 only at full desktop width (â¥1280px).\n Below that the heading wraps responsively with no forced break. */\n .c03-heading-br { display: none; }\n @media (min-width: 1280px) {\n .c03-heading-br { display: inline; }\n }\n\n @media (max-width: 1023px) {\n .c03-grid {\n grid-template-columns: 1fr !important;\n grid-template-rows: unset !important;\n padding: 48px 16px !important;\n gap: 32px !important;\n }\n /* Card corner radius: 24px desktop â 16px at â¤1023px */\n .c03-frame-01,\n .c03-frame-02,\n .c03-frame-03 {\n border-radius: 16px !important;\n }\n .c03-frame-01 {\n grid-column: 1 !important;\n grid-row: unset !important;\n order: 1;\n padding: 32px !important;\n border-width: 1px !important;\n }\n .c03-frame-02 {\n grid-column: 1 !important;\n grid-row: unset !important;\n order: 2;\n padding: 32px !important;\n border-width: 1px !important;\n }\n .c03-frame-03 {\n grid-column: 1 !important;\n grid-row: unset !important;\n order: 3;\n padding: 32px !important;\n border-width: 1px !important;\n }\n /* Chinese mobile scale */\n .c03-heading { font-size: 28px !important; line-height: 34px !important; }\n .c03-body { font-size: 16px !important; line-height: 24px !important; }\n .c03-pill { font-size: 14px !important; line-height: 20px !important; letter-spacing: 0 !important; }\n .c03-check { width: 22px !important; height: 22px !important; }\n }\n\n /* Tablet (768â1023px): mobile stacked layout, Chinese desktop type scale. */\n @media (min-width: 768px) and (max-width: 1023px) {\n .c03-grid {\n max-width: 760px;\n margin-inline: auto;\n padding: 56px clamp(24px, 5vw, 56px) !important;\n gap: clamp(24px, 4vw, 40px) !important;\n }\n .c03-frame-01,\n .c03-frame-02,\n .c03-frame-03 {\n width: 100%;\n padding: clamp(32px, 5vw, 48px) !important;\n }\n .c03-heading { font-size: 56px !important; line-height: 68px !important; }\n .c03-body { font-size: 24px !important; line-height: 32px !important; }\n .c03-pill { font-size: 20px !important; line-height: 28px !important; letter-spacing: 0 !important; }\n .c03-check {\n width: clamp(22px, 3vw, 24px) !important;\n height: clamp(22px, 3vw, 24px) !important;\n }\n }\n "})]}),w=()=>
1(0,i.jsxs)("section",{"aria-labelledby":"component-04-heading",style:{background:"#000000",width:"100%"},children:[(0,i.jsx)("div",{className:"c04-frame",style:{maxWidth:1600,margin:"0 auto",padding:"clamp(48px,5vw,64px) clamp(16px,5vw,64px)"},children:(0,i.jsxs)("div",{className:"c04-container",style:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",gap:32},children:[(0,i.jsx)("h2",{id:"component-04-heading",className:"c04-headline slide-in-on-appeared",style:{fontFamily:o,fontWeight:700,fontSize:28,lineHeight:"34px",letterSpacing:"0",color:"#FFFFFF",margin:0},children:"é ç´ç財顧åé²è¡æè«"}),(0,i.jsx)("p",{className:"c04-subtext slide-in-on-appeared",style:{fontFamily:o,fontWeight:400,fontSize:18,lineHeight:"24px",color:"#B9B9B9",margin:0,maxWidth:800,transitionDelay:"0.12s"},children:"ç¡å¥è·¯æ¨é·ï¼ä¸å¼·æ¨ç¢åï¼éå°å人財å¯ç¾ççå¦èª å°è©± ââ çä¸ä¸å¿
è¦çç財代å¹ï¼å¯¦ç¾æ大å¹å¼ã"}),(0,i.jsx)("div",{className:"c04-actions slide-in-on-appeared",style:{transitionDelay:"0.24s"},children:(0,i.jsx)("a",{className:"c04-button",href:"https://meetings.hubspot.com/peisi",style:{display:"inline-flex",alignItems:"center",padding:"16px 32px",borderRadius:200,background:"#FFDF9A",color:"#072340",fontFamily:o,fontWeight:700,fontSize:16,lineHeight:"24px",textDecoration:"none",border:"none",cursor:"pointer",transition:"background 0.2s, color 0.2s"},onMouseEnter:n=>{n.currentTarget.style.background="#FFFFFF",n.currentTarget.style.color="#000000"},onMouseLeave:n=>{n.currentTarget.style.background="#FFDF9A",n.currentTarget.style.color="#072340"},children:"é ç´ç財顧åé²è¡æè«"})})]})}),(0,i.jsx)("style",{children:"\n @media (min-width: 1024px) {\n .c04-container { align-items: center !important; text-align: center; }\n .c04-headline { font-size: 56px !important; line-height: 68px !important; }\n .c04-subtext { font-size: 26px !important; line-height: 36px !important; max-width: 900px !important; }\n .c04-button { font-size: 20px !important; line-height: 26px !important; }\n }\n @media (min-width: 768px) and (max-width: 1023px) {\n .c04-frame { padding: clamp(40px, 6vw, 56px) clamp(24px, 5vw, 56px) !important; }\n .c04-container { max-width: 760px; margin-inline: auto; gap: clamp(32px, 4vw, 44px) !important; }\n .c04-headline { font-size: 56px !important; line-height: 68px !important; }\n .c04-subtext { font-size: 26px !important; line-height: 36px !important; max-width: 640px !important; }\n .c04-button { font-size: 20px !important; line-height: 26px !important; }\n }\n "})]}),_=()=>(0,i.jsx)("svg",{"aria-hidden":"true",fill:"none",height:"21",viewBox:"0 0 21 21",width:"21",xmlns:"http://www.w3.org/2000/svg",style:{width:20,height:20,flexShrink:0},children:(0,i.jsx)("path",{d:"M17.7353 10.6932L11.9753 16.4532C11.8552 16.5733 11.6923 16.6408 11.5225 16.6408C11.3527 16.6408 11.1898 16.5733 11.0697 16.4532C10.9496 16.3332 10.8821 16.1703 10.8821 16.0004C10.8821 15.8306 10.9496 15.6677 11.0697 15.5476L15.7377 10.8804H3.2025C3.03276 10.8804 2.86998 10.813 2.74995 10.693C2.62993 10.573 2.5625 10.4102 2.5625 10.2404C2.5625 10.0707 2.62993 9.90792 2.74995 9.7879C2.86998 9.66787 3.03276 9.60044 3.2025 9.60044H15.7377L11.0697 4.93324C10.9496 4.81315 10.8821 4.65028 10.8821 4.48044C10.8821 4.31061 10.9496 4.14773 11.0697 4.02764C11.1898 3.90755 11.3527 3.84009 11.5225 3.84009C11.6923 3.84009 11.8552 3.90755 11.9753 4.02764L17.7353 9.78764C17.7948 9.84708 17.842 9.91767 17.8742 9.99536C17.9064 10.0731 17.923 10.1563 17.923 10.2404C17.923 10.3245 17.9064 10.4078 17.8742 10.4855C17.842 10.5632 17.7948 10.6338 17.7353 10.6932Z",fill:"#3884D9"})}),v=n=>{let{cardClass:e,eyebrow:t,suitabilityLabel:a,title:o,lead:s,checks:r,ctaHref:l}=n;return(0,i.jsxs)("article",{className:"component-05__card ".concat(e),children:[(0,i.jsxs)("div",{className:"component-05__card-media",children:[a?(0,i.jsxs)("div",{className:"component-05__eyebrow-row",children:[(0,i.jsx)("p",{className:"component-05__eyebrow",children:t}),(0,i.jsx)("p",{className:"component-05__suitability-label",children:a})]}):(0,i.jsx)("p",{className:"component-05__eyebrow",children:t}),(0,i.jsx)("h5",{className:"component-05__card-title",children:o})]}),(0,i.jsxs)("div",{className:"component-05__card-body",children:[(0,i.jsx)("p",{className:"component-05__card-lead",children:s}),(0,i.jsx)("hr",{className:"component-05__divider"}),(0,i.jsx)("ul",{className:"component-05__checklist",children:r.map(n=>(0,i.jsxs)("li",{children:[(0,i.jsx)("img",{alt:"","aria-hidden":"true",className:"component-05__checklist-icon",height:24,src:"https://cms-assets.stashaway.com/Check_list_icon_Navy_585726a60e.svg",width:24,loading:"lazy"}),(0,i.jsx)("span",{children:n})]},n))}),(0,i.jsxs)("a",{className:"component-05__cta",href:l,children:["äºè§£æ´å¤",(0,i.jsx)(_,{})]})]})]})},j=()=>(0,i.jsxs)("section",{className:"component-05","aria-labelledby":"
1component-05-title",children:[(0,i.jsxs)("div",{className:"component-05__frame",children:[(0,i.jsxs)("h2",{id:"component-05-title",className:"component-05__headline c05-headline slide-in-on-appeared",children:["StashAway Reserve ",(0,i.jsx)("br",{className:"c05-headline-br"}),"è»äº«éå¡è²¡å¯è¦å"]}),(0,i.jsxs)("div",{className:"component-05__container",children:[(0,i.jsx)(v,{cardClass:"component-05__card--01",eyebrow:"æ ¸å¿é
ç½®",title:"è·¨è³ç¢å
¨çæè³çµå",lead:"æåç風éªèªé¸æè³çµåï¼ç±å°æ¥åé管çï¼é
åç¨å®¶ ERAA\xae æºè½ç³»çµ±ï¼24/7 èªåç£æ¸¬ç¶æ¿ç°å¢è®åå風éªç®¡çã",checks:["æç¶æ¿ç°å¢è®åèªå調å","管çè²»ä½è³ 0.2% p.a."],ctaHref:"https://www.stashaway.hk/zh-HK/general-investing-stashaway"}),(0,i.jsx)(v,{cardClass:"component-05__card--02",eyebrow:"æ´å¤æ©é",title:"æ©æ§ç´ç§åæè³çµå",lead:"ç§åå¸å ´ãå°æ²åºéãç¨è§ç¸ï¼Pre-IPOï¼â éå»å°å±¬æ©æ§èå¯è±ªçé ç´æè³ï¼ç¾å¨ä½ ä¹å¯è¼é¬æè³ãåªéå°æ¥æè³è
ã",checks:["$20,000 USD 解éç§åå¸å ´\nï¼ä½å³çµ±é檻 10 åï¼","ææç³è´ï¼ä¸è¨10å¹´éå®æ"],ctaHref:"https://www.stashaway.hk/zh-HK/private-markets"}),(0,i.jsx)(v,{cardClass:"component-05__card--03",eyebrow:"éç½®ç¾é",title:"ç¾é管çæå",lead:"æè³æ¥µçæç¾åååµï¼$0 èªè³¼è²»ï¼ç¡éå®æãç¡æä½æè³éé¡ï¼è®éç½®ç¾ééæ¾æ´é«å¹å¼ã",checks:["極ä½é¢¨éª","éæ´»åºå
¥é"],ctaHref:"https://www.stashaway.hk/zh-HK/usd-cash-yield"})]})]}),(0,i.jsx)("style",{children:"\n /* ââ Section shell ââ */\n .component-05 {\n background: #FFF8F1;\n padding: 96px 0 64px;\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-items: center;\n overflow: hidden;\n }\n\n /* ââ Inner frame ââ */\n .component-05__frame {\n width: 100%;\n max-width: 1600px;\n margin-inline: auto;\n padding-inline: clamp(16px, 5vw, 64px);\n display: flex;\n flex-direction: column;\n gap: 64px;\n }\n\n /* ââ Headline â H2: 34/42 mobile â 68/76 desktop ââ */\n .component-05__headline {\n margin: 0;\n text-align: center;\n color: #072340;\n font-family: ".concat(o,";\n font-size: 68px;\n line-height: 76px;\n font-weight: 700;\n font-style: normal;\n letter-spacing: 0;\n text-wrap: balance;\n }\n\n /* Forced headline break â mobile only: \"StashAway Reserve\" on line 1,\n \"è»äº«éå¡è²¡å¯è¦å\" on line 2. Hidden on tablet/desktop so their natural\n wrapping is unchanged. */\n .c05-headline-br { display: none; }\n @media (max-width: 767px) {\n .c05-headline-br { display: inline; }\n }\n\n /* ââ Card grid ââ */\n .component-05__container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 32px;\n }\n @media (min-width: 1024px) {\n .component-05__container { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n /* narrower padding at 2-col so eyebrow + suitability label stay on one line */\n .component-05__card-media { padding: 24px 28px; }\n .component-05__card-body { padding: 24px 28px; }\n }\n @media (min-width: 1200px) {\n .component-05__container {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n grid-template-rows: auto auto;\n column-gap: 32px;\n row-gap: 0;\n }\n /* Subgrid: the media band and body share row tracks across all three cards. */\n .component-05__container > .component-05__card {\n display: grid;\n grid-template-rows: subgrid;\n grid-row: span 2;\n }\n .component-05__card-media { padding: 32px 48px; }\n .component-05__card-body { padding: 32px 48px; }\n /* Reserve the lead height so the divider aligns across all three cards\n at desktop width â card 3's lead copy is shorter than cards 1 & 2. */\n .component-05__card-lead { min-height: 112px; }\n }\n\n /* ââ Card ââ */\n .component-05__card {\n min-width: 0;\n background: #EAF6FF;\n border: 1.5px solid #EAB856;\n border-radius: 24px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n /* ââ Card media band ââ */\n .component-05__card-media {\n position: relative;\n padding: 32px 48px;\n background: #FFFFFF center / cover no-repeat;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 12px;\n }\n .component-05__card--01 .component-05__card-media {\n background-image: url('https://cms-assets.stashaway.com/05_Image_1_4ae84f0859.png');\n }\n .component-05__card--02 .component-05__card-media {\n background-image: url('https://cms-assets.stashaway.com/05_Image_2_06d94188cd.png');\n }\n .component-05__card--03 .component-05__card-media {\n background-image: url('https://cms-assets.stashaway.com/05_Image_3_2905f79b60.png');\n }\n\n /* ââ Eyebrow pill â H6: 14/20 mobile â 18/24 desktop, 0.04em ââ */\n .component-05__eyebrow {\n align-self: flex-start;\n margin: 0;\n padding: 8px 16px;\n border: 1px solid #004F99;\n border-radius: 200px;\n color: #004F99;\n font-family: ").concat(o,";\n font-size: 18px;\n line-height: 24px;\n font-weight: 700;\n letter-spacing: 0.04em;\n white-space: nowrap;\n }\n\n /* ââ Eyebrow row (card 2: pill + suitability label) ââ */\n .component-05__eyebrow-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: 8px 16px;\n align-self: stretch;\n }\n .component-05__eyebrow-row .component-05__eyebrow { align-self: center; }\n\n /* ââ Suitability label ââ */\n .component-05__suitability-label {\n margin: 0;\n color: #072340;\n font-family: ").concat(o,";\n font-size: 18px;\n line-height: 24px;\n font-weight: 400;\n }\n .component-05__eyebrow-row .component-05__eyebrow,\n .component-05__eyebrow-row .component-05__suitability-label { flex-shrink: 0; }\n\n /* ââ Card title â H5: 24/30 mobile â 32/44 desktop ââ */\n .component-05__card-title {\n margin: 0;\n color: #072340;\n font-family: ").concat(o,";\n font-size: 32px;\n line-height: 44px;\n font-weight: 700;\n }\n\n /* ââ Card body ââ */\n .component-05__card-body {\n padding: 32px 48px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1 1 auto;\n }\n\n /* ââ Lead copy â Body 2: 14/20 mobile â 20/28 desktop ââ */\n .component-05__card-lead {\n margin: 0;\n color: #394F66;\n font-family: ").concat(o,";\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n }\n .component-05__emphasis { font-weight: 700; }\n\n /* ââ Divider ââ */\n .component-05__divider {\n margin: 0;\n border: 0;\n border-top: 1px solid #3884D9;\n }\n\n /* ââ Checklist â explicit Noto Sans TC Regular 20/26 desktop â 14/20 mobile ââ */\n .component-05__checklist {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n .component-05__checklist li { display: flex; align-items: flex-start; gap: 8px; }\n .component-05__checklist-icon { flex-shrink: 0; width: 24px; height: 24px; display: block; }\n .component-05__checklist span {\n color: #004F99;\n font-family: ").concat(o,";\n font-size: 20px;
1\n line-height: 26px;\n font-weight: 400;\n white-space: pre-line;\n }\n\n /* ââ CTA pill â Primary CTA: 16/24 mobile â 20/26 desktop ââ */\n .component-05__cta {\n align-self: flex-start;\n margin-top: auto;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 16px 32px;\n background: #FFFFFF;\n border: 1px solid #3884D9;\n border-radius: 200px;\n color: #0F70E6;\n font-family: ").concat(o,";\n font-size: 20px;\n line-height: 26px;\n font-weight: 700;\n letter-spacing: 0;\n text-decoration: none;\n transition: background 150ms cubic-bezier(0.4,0,0.2,1),\n border-color 150ms cubic-bezier(0.4,0,0.2,1);\n }\n .component-05__cta:hover { background: #EBF3FB; }\n .component-05__cta:focus-visible { outline: 2px solid #3884D9; outline-offset: 2px; }\n\n /* ââ Mobile + Tablet (single-column stacked layout) â Chinese mobile scale ââ */\n @media (max-width: 1023px) {\n .component-05 { padding: 48px 0; gap: 24px; }\n .component-05__frame { padding-inline: 16px; gap: 32px; }\n .component-05__headline { font-size: 34px; line-height: 42px; letter-spacing: 0; text-wrap: wrap; }\n .component-05__card { border-radius: 16px; }\n .component-05__card-media { min-height: 115px; padding: 32px 32px 16px; }\n .component-05__card-title { font-size: 24px; line-height: 30px; }\n .component-05__eyebrow { font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0.04em; }\n .component-05__suitability-label { font-size: 14px; line-height: 20px; }\n .component-05__card-body { padding: 32px; }\n .component-05__card-lead { font-size: 14px; line-height: 20px; }\n .component-05__checklist span { font-size: 14px; line-height: 20px; }\n .component-05__checklist-icon { width: 22px; height: 22px; }\n .component-05__cta { padding: 11px 32px; font-size: 16px; line-height: 24px; }\n }\n\n /* ââ Tablet (768â1023px): stacked layout, Chinese desktop type scale ââ */\n @media (min-width: 768px) and (max-width: 1023px) {\n .component-05__frame { padding-inline: clamp(24px, 5vw, 56px); }\n .component-05__container {\n max-width: 760px;\n margin-inline: auto;\n width: 100%;\n }\n .component-05__headline { font-size: 68px; line-height: 76px; }\n .component-05__card-title { font-size: 32px; line-height: 44px; }\n .component-05__eyebrow { font-size: 18px; line-height: 24px; }\n .component-05__card-lead { font-size: 20px; line-height: 28px; }\n .component-05__checklist span { font-size: 20px; line-height: 26px; }\n .component-05__cta { font-size: 20px; line-height: 26px; }\n }\n ")})]}),k=[{src:"https://cms-assets.stashaway.com/06_Image_Black_Rock_logo_cf9b12ff98.png",alt:"BlackRock",delay:"0.08s"},{src:"https://cms-assets.stashaway.com/06_Image_Hamilton_Lane_logo_83ee926c05.png",alt:"Hamilton Lane",delay:"0.16s"}],F=[{src:"https://cms-assets.stashaway.com/06_Image_JPM_logo_ba88f58b93.png",alt:"J.P. Morgan",delay:"0.24s"},{src:"https://cms-assets.stashaway.com/06_Image_Invesco_logo_2a19cbea91.png",alt:"Invesco",delay:"0.32s"}],C=()=>(0,i.jsxs)("section",{style:{background:"#FFF8F1",padding:"64px clamp(16px, 5vw, 64px)",display:"flex",flexDirection:"column",gap:48,alignItems:"center",overflow:"hidden"},children:[(0,i.jsxs)("div",{className:"c06-frame",style:{width:"100%",maxWidth:1600,display:"flex",flexDirection:"column",gap:48,alignItems:"center"},children:[(0,i.jsx)("h2",{id:"component-06-headline",className:"c06-headline slide-in-on-appeared",style:{color:"#072340",textAlign:"center",fontFamily:o,fontSize:44,lineHeight:"56px",fontWeight:700,letterSpacing:0,margin:0,textWrap:"balance"},children:"èååºéç¼è¡å å©ä½ æè³å
¨ä¸ç"}),(0,i.jsxs)("ul",{className:"c06-container",style:{listStyle:"none",margin:0,padding:0,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",flexWrap:"wrap",gap:48},children:[(0,i.jsx)("li",{className:"c06-row",style:{display:"contents"},children:k.map((n,e)=>(0,i.jsxs)("span",{style:{display:"contents"},children:[(0,i.jsx)("span",{className:"component-06__logo slide-in-on-appeared",style:{display:"flex",alignItems:"center",justifyContent:"center",transitionDelay:n.delay},children:(0,i.jsx)(c(),{alt:n.alt,src:n.src,className:"c06-logo-img",width:1500,height:507,style:{display:"block",height:"clamp(48px, 5vw, 64px)",width:"auto",maxWidth:"100%",objectFit:"contain"}})}),e<k.length-1&&(0,i.jsx)("span",{"aria-hidden":"true",className:"c06-div
1ider",style:{flex:"0 0 1px",width:1,height:66,background:"#BECFDF"}})]},n.alt))}),(0,i.jsx)("li",{"aria-hidden":"true",className:"c06-row-separator",style:{display:"block",flex:"0 0 1px",width:1,height:66,background:"#BECFDF"}}),(0,i.jsx)("li",{className:"c06-row",style:{display:"contents"},children:F.map((n,e)=>(0,i.jsxs)("span",{style:{display:"contents"},children:[(0,i.jsx)("span",{className:"component-06__logo slide-in-on-appeared",style:{display:"flex",alignItems:"center",justifyContent:"center",transitionDelay:n.delay},children:(0,i.jsx)(c(),{alt:n.alt,src:n.src,className:"c06-logo-img",width:1500,height:507,style:{display:"block",height:"clamp(48px, 5vw, 64px)",width:"auto",maxWidth:"100%",objectFit:"contain"}})}),e<F.length-1&&(0,i.jsx)("span",{"aria-hidden":"true",className:"c06-divider",style:{flex:"0 0 1px",width:1,height:66,background:"#BECFDF"}})]},n.alt))})]})]}),(0,i.jsx)("style",{children:"\n /* <=1023px: two rows of two logos (mobile + tablet stacked layout) */\n @media (max-width: 1023px) {\n .c06-container {\n flex-direction: column !important;\n gap: 16px !important;\n }\n .c06-row {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 24px !important;\n width: 100% !important;\n }\n .c06-row-separator { display: none !important; }\n }\n /* Mobile â Chinese H4 mobile 26/32 */\n @media (max-width: 767px) {\n .c06-frame { gap: 24px !important; }\n .c06-headline { font-size: 26px !important; line-height: 32px !important; }\n .c06-divider { height: 33px !important; }\n .c06-logo-img { height: clamp(40px, 12vw, 52px) !important; }\n }\n /* Tablet: stacked layout, Chinese H4 desktop 42/50 */\n @media (min-width: 768px) and (max-width: 1023px) {\n .c06-frame {\n max-width: 760px !important;\n margin-inline: auto !important;\n gap: clamp(24px, 4vw, 48px) !important;\n }\n .c06-container {\n gap: clamp(16px, 3vw, 32px) !important;\n }\n .c06-row {\n gap: clamp(24px, 5vw, 48px) !important;\n }\n .c06-headline {\n font-size: 44px !important;\n line-height: 56px !important;\n }\n .c06-divider {\n height: clamp(33px, 6vw, 66px) !important;\n }\n .c06-logo-img {\n height: clamp(48px, 7vw, 64px) !important;\n width: auto !important;\n max-width: 100% !important;\n }\n }\n "})]}),N=[{imageUrl:"https://cms-assets.stashaway.com/Walden_Lam_ZH_089ca7b4bd.webp",name:"Walden Lam"},{imageUrl:"https://cms-assets.stashaway.com/Jimmy_Mak_ZH_46c01094c4.webp",name:"Jimmy Mak"},{imageUrl:"https://cms-assets.stashaway.com/Cynthia_Wong_ZH_0b36d4879b.webp",name:"Cynthia Wong"},{imageUrl:"https://cms-assets.stashaway.com/Bernard_Kwok_ZH_418dc41226.webp",name:"Bernard Kwok"},{imageUrl:"https://cms-assets.stashaway.com/Gene_Soo_ZH_1f0f0a9beb.webp",name:"Gene Soo"},{imageUrl:"https://cms-assets.stashaway.com/Tuomas_ZH_cc9973ad60.webp",name:"Tuomas"},{imageUrl:"https://cms-assets.stashaway.com/Spencer_Liu_ZH_bfcc7bcadb.webp",name:"Spencer Liu"}],z=()=>(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,i.jsx)("path",{d:"M15 5l-7 7 7 7",stroke:"#072340",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),H=()=>(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,i.jsx)("path",{d:"M9 5l7 7-7 7",stroke:"#072340",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),S=n=>{let{item:e}=n;return(0,i.jsx)("article",{className:"tc-card",children:(0,i.jsx)(c(),{className:"tc-card-img",src:e.imageUrl,alt:"".concat(e.name," ç客æ¶è©å¹"),width:1200,height:1500})})},D=n=>{let{heading:e="æåçå¹å¼ï¼ç±å®¢æ¶è¦ªèªè¦è",testimonials:t=N}=n,s=(0,a.useRef)(null),r=(0,a.useRef)({perView:1,pitch:0}),[l,c]=(0,a.useState)(0),[p,d]=(0,a.useState)(1),[m,h]=(0,a.useState)(!0),[x,g]=(0,a.useState)(!1),f=(0,a.useCallback)(()=>{let n=s.current;if(!n)return;let{scrollLeft:e,clientWidth:t,scrollWidth:i}=n,a=n.firstElementChild,o=(a?a.offsetWidth:t)+32,l=Math.max(1,Math.round(t/o));r.current={perView:l,pitch:o};let p=Math.max(1,Math.ceil(n.childElementCount/l));d(p),c(Math.min(p-1,Math.round(e/(l*o)))),h(e<=1),g(e+t>=i-1)},[]);(0,a.useEffect)(()=>{f();let n=s.current;if(n)return n.addEventListener("scroll",f,{passive:!0}),window.addEventListener("resize",f),()=>{n.removeEventListener("scroll",f),window.removeEventListener("resize",f)}},[f]);let b=n=>{let e=s.current;if(!e)return;let{perView:t,pitch:i}=r.current;e.scrollBy({left:n*t*i,behavior:"smooth"})},u=e.indexOf("ï¼"),y=-1===u?e:(0,i.jsxs)(i.Fragment,{children:[e.slice(0,u+1),(0,i.jsx)("br",{className:"tc-heading-br"}),e.slice(u+1)]});return(0,i.jsxs)("section",{className:"tc-section","aria-label":"Client testimonials",style:{fontFamily:o},children:[(0,i.jsxs)("div",{className:"tc-frame",children:[(0,i.jsx)("h2",{className:"tc-heading slide-in-on-appeared",children:y}),(0,i.jsx)("div",{className:"tc-scroller",ref:s,children:t.map((n,e)=>(0,i.jsx)(S,{item:n},"".concat(n.name,"-").concat(e)))}),(0,i.jsxs)("div",{className:"tc-controls",children:[(0,i.jsx)("button",{type:"button",className:"tc-arrow","aria-label":"ä¸ä¸é ",onClick:()=>b(-1),disabled:m,style:{opacity:m?.5:1},children:(0,i.jsx)(z,{})}),(0,i.jsx)("div",{className:"tc-dots",role:"tablist","aria-label":"輪æé æ¸",children:Array.from({length:p}).map((n,e)=>(0,i.jsx)("button",{type:"button",role:"tab","aria-selected":e===l,"aria-label":"第 ".concat(e+1," é "),className:"tc-dot ".concat(e===l?"is-active":""),onClick:()=>(n=>{let e=s.current;if(!e)return;let{perView:t,pitch:i}=r.current;e.scrollTo({left:n*t*i,behavior:"smooth"})})(e)},"dot-".concat(e)))}),(0,i.jsx)("button",{type:"button",className:"tc-arrow","aria-label":"ä¸ä¸é ",onClick:()=>b(1),disabled:x,style:{opacity:x?.5:1},children:(0,i.jsx)(H,{})})]})]}),(0,i.jsx)("style",{children:"\n .tc-section {\n background: #E3EFF5;\n width: 100%;\n overflow: hidden;\n }\n .tc-frame {\n max-width: 1728px;\n margin: 0 auto;\n padding: 64px clamp(16px, 5vw, 64px);\n display: flex;\n flex-direction: column;\n gap: 48px;\n align-items: center;\n }\n\n /* Heading â Chinese H2: 34/42 mobile â 68/76 desktop, weight 700 */\n .tc-heading {\n margin: 0;\n text-align: center;\n color: #072340;\n font-family: ".concat(o,';\n font-weight: 700;\n font-size: 34px;\n line-height: 42px;\n letter-spacing: 0;\n text-wrap: balance;\n }\n\n /* Heading break: mobile only â "æåçå¹å¼ï¼" on line 1, "ç±å®¢æ¶è¦ªèªè¦è"\n on line 2. Hidden on tablet/desktop (heading wraps naturally). */\n .tc-heading-br { display: none; }\n @media (max-width: 767px) {\n .tc-heading-br { display: inline; }\n }\n\n /* Scroller â snap track, hidden scrollbar */\n .tc-scroller {\n width: 100%;\n display: flex;\n gap: 32px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding-bottom: 4px;\n }\n .tc-scroller::-webkit-scrollbar { display: none; }\n\n /* Card â full testimonial graphic (4:5). 1 per view (mobile); widths\n scale up at each breakpoint below. */\n .tc-card {\n position: relative;\n overflow: hidden;\n flex: 0 0 100%;\n scroll-snap-align: start;\n box-sizing: border-box;\n border-radius: 16px;\n border: 1px solid #EAB856;\n }\n /* Reserve the 4:5 box on the image itself (the cards are 4:5 graphics,\n 1200x1500). Putting aspect-ratio on the <img> â not the flex card â\n avoids the Safari flex-item aspect-ratio bug that mis-sized the card\n and let object-fit:cover crop the graphic. Box matches the image ratio\n exactly, so the full graphic shows and scales cleanly at every width. */\n .tc-card-img {\n width: 100%;\n height: auto;\n aspect-ratio: 4 / 5;\n object-fit: cover;\n display: block;\n }\n\n /* Controls */\n .tc-controls {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: center;\n }\n .tc-arrow {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: #EBF3FB;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border: none;\n transition: opacity 0.15s ease, background 0.15s ease;\n }\n .tc-arrow:not(:disabled):hover { background: #DCEAF8; }\n .tc-arrow:disabled { cursor: default; }
1\n .tc-dots {\n background: #EBF3FB;\n border-radius: 30px;\n padding: 16px;\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n }\n .tc-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: transparent;\n border: 2px solid #072340;\n padding: 0;\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n }\n .tc-dot.is-active {\n background: #3884D9;\n border-color: #3884D9;\n }\n\n /* ââ Tablet: 2 cards ââ */\n @media (min-width: 768px) {\n .tc-card { flex-basis: calc((100% - 32px) / 2); border-radius: 24px; }\n }\n\n /* ââ Small desktop / laptop: 3 cards ââ */\n @media (min-width: 1024px) {\n .tc-frame { gap: 64px; }\n .tc-card { flex-basis: calc((100% - 2 * 32px) / 3); }\n .tc-heading { font-size: 68px; line-height: 76px; }\n }\n\n /* ââ Desktop full: 4 cards ââ */\n @media (min-width: 1280px) {\n .tc-card { flex-basis: calc((100% - 3 * 32px) / 4); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .tc-scroller { scroll-behavior: auto; }\n }\n ')})]})},W=()=>(0,i.jsxs)("section",{"aria-label":"Client testimonial",style:{background:"#161616",width:"100%",overflow:"hidden"},children:[(0,i.jsx)("div",{className:"c08-frame",style:{maxWidth:1600,margin:"0 auto"},children:(0,i.jsxs)("div",{className:"c08-layout",style:{display:"flex",flexDirection:"column"},children:[(0,i.jsx)("div",{className:"c08-media",style:{order:2,width:"100%",overflow:"hidden"},children:(0,i.jsx)(c(),{alt:"æ¾ä¿è¯èåï¼StashAway 顧åãé¦æ¸¯å財æ¿å¸å¸é·",className:"c08-portrait",src:"https://cms-assets.stashaway.com/07_Image_JT_ab460a1ad2.webp",width:881,height:645,style:{width:"100%",aspectRatio:"881/645",objectFit:"cover",display:"block",height:"103%"}})}),(0,i.jsxs)("div",{className:"c08-content",style:{order:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:40,padding:"48px 32px"},children:[(0,i.jsxs)("blockquote",{className:"c08-quote slide-in-on-appeared",style:{margin:0,fontFamily:o,fontWeight:500,fontSize:24,lineHeight:"32px",color:"#FFFFFF"},children:["ãStashAway è´ååå©é¦æ¸¯äºº",(0,i.jsx)("br",{className:"c08-quote-br"}),"ç´¯ç©é·ç·è²¡å¯ï¼åæåç¹çºç°¡ï¼",(0,i.jsx)("br",{className:"c08-quote-br"}),"è®å人ç財èæè³è®å¾è¼",(0,i.jsx)("br",{className:"c08-quote-br"}),"é¬ææãã"]}),(0,i.jsx)("figcaption",{className:"c08-attribution slide-in-on-appeared",style:{display:"inline-flex",alignItems:"center",gap:16,padding:"16px 24px",background:"rgba(0,0,0,0.10)",border:"1px solid #B98F3B",borderRadius:20,backdropFilter:"blur(17.4px)",WebkitBackdropFilter:"blur(17.4px)",width:"fit-content",transitionDelay:"0.12s"},children:(0,i.jsxs)("p",{style:{margin:0},children:[(0,i.jsx)("span",{className:"component-08__name",style:{fontFamily:o,fontWeight:700,fontSize:14,lineHeight:"20px",color:"#FFFFFF",display:"block"},children:"æ¾ä¿è¯ï½StashAway 顧å"}),(0,i.jsx)("span",{className:"component-08__role",style:{fontFamily:o,fontWeight:400,fontSize:14,lineHeight:"20px",color:"#FFFFFF",opacity:.7,display:"block"},children:"é¦æ¸¯å財æ¿å¸å¸é·"})]})})]})]})}),(0,i.jsx)("style",{children:"\n /* Quote line breaks: clause-aligned 4-line split. Shown on mobile and on\n big monitors (â¥1600px, where the frame is capped and the column is wide\n enough to hold each clause line at 48px); hidden on tablet/normal\n desktop, where the quote wraps naturally into 4 lines already. */\n .c08-quote-br { display: none; }\n @media (max-width: 767px) {\n .c08-quote-br { display: inline; }\n }\n @media (min-width: 1600px) {\n .c08-quote-br { display: inline; }\n }\n\n @media (min-width: 1024px) {\n /* Headroom above the testimonial on desktop */\n .c08-frame { padding: 96px clamp(16px, 5vw, 64px) 0; }\n .c08-layout {\n flex-direction: row !important;\n align-items: stretch !important;\n gap: 48px !important;\n min-height: 560px;\n }\n .c08-media {\n order: 1 !important;\n width: 50% !important;\n flex-shrink: 0 !important;\n }\n .c08-portrait {\n height: 100% !important;\n object-fit: contain !important;\n object-position: bottom !important;\n transform: scale(1.05) !important;\n transform-origin: center bottom !important;\n }\n .c08-content {\n order: 2 !important;\n flex: 1 !important;\n padding: 64px 0 !important;\n }\n .c08-quote { font-size: 48px !important; line-height: 60px !important; }\n .component-08__name { font-size: 24px !important; line-height: 32px !important; }\n .component-08__role { font-size: 20px !important;
1 line-height: 26px !important; }\n }\n\n @media (min-width: 768px) and (max-width: 1023px) {\n .c08-content {\n padding-left: clamp(32px, 5vw, 56px) !important;\n padding-right: clamp(32px, 5vw, 56px) !important;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n }\n .c08-quote {\n font-size: 48px !important;\n line-height: 60px !important;\n }\n .component-08__name {\n font-size: 24px !important;\n line-height: 32px !important;\n }\n .component-08__role {\n font-size: 20px !important;\n line-height: 26px !important;\n }\n }\n\n /* Attribution badge corner radius: 20px across all breakpoints */\n @media (max-width: 1023px) {\n .c08-attribution { border-radius: 20px !important; }\n }\n\n /* Mobile only (â¤767): centre all copy and nudge the portrait left 24px */\n @media (max-width: 767px) {\n .c08-content { text-align: center; }\n .c08-attribution { align-self: center; }\n .c08-portrait { transform: translateX(-24px); }\n /* Fit the clause-aligned lines on one line each so the forced 4-line\n break holds (the 24px scale overflows this width and re-wraps). */\n .c08-quote { font-size: 22px !important; line-height: 30px !important; }\n }\n "})]}),A=()=>(0,i.jsxs)("section",{className:"component-09","aria-labelledby":"c09-heading",children:[(0,i.jsxs)("div",{className:"component-09__frame",children:[(0,i.jsxs)("div",{className:"component-09__container",children:[(0,i.jsxs)("h2",{className:"component-09__headline slide-in-on-appeared",id:"c09-heading",style:{transitionDelay:"0s"},children:["ç¡é¡¯ç財æºæ
§",(0,i.jsx)("br",{className:"component-09__body-break"}),"åç¼åè¶æ½å"]}),(0,i.jsx)("div",{className:"component-09__actions slide-in-on-appeared",style:{transitionDelay:".12s"},children:(0,i.jsx)("a",{className:"component-09__cta",href:"https://app.stashaway.hk/register",target:"_blank",rel:"noopener noreferrer",role:"button",children:"éè¨æ¶å£"})}),(0,i.jsxs)("p",{className:"component-09__body slide-in-on-appeared",style:{transitionDelay:".24s"},children:["å¦éæ¶ï¼å³è¡¨ç¤ºä½ åææåç"," ",(0,i.jsx)("a",{className:"component-09__body-link",href:"https://www.stashaway.hk/zh-HK/legal",target:"_blank",rel:"noopener noreferrer",children:"å¹³å°åè°"})]})]}),(0,i.jsxs)("div",{className:"component-09__media","aria-hidden":"true",children:[(0,i.jsx)("div",{className:"component-09__card component-09__card--01",children:(0,i.jsx)("img",{className:"component-09__image",src:"https://cms-assets.stashaway.com/08_UI_1_65e843f582.svg",alt:""})}),(0,i.jsx)("div",{className:"component-09__card component-09__card--02",children:(0,i.jsxs)("svg",{className:"component-09__image",viewBox:"0 0 260 247",fill:"none",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{fontFamily:o},children:[(0,i.jsx)("rect",{x:"24",y:"24",width:"75.09",height:"18.59",rx:"9.3",fill:"white"}),(0,i.jsx)("text",{x:"61.5",y:"37",textAnchor:"middle",fontSize:"10",fontWeight:"700",fill:"#998B7C",children:"ä½ çæ ¸å¿"}),(0,i.jsx)("text",{x:"24",y:"63",fontSize:"13.5",fontWeight:"700",fill:"white",children:"風éªèªé¸æè³çµå"}),(0,i.jsx)("text",{x:"235",y:"63",textAnchor:"end",fontSize:"13.5",fontWeight:"700",fill:"white",children:"$280,190.80"}),(0,i.jsx)("rect",{x:"24",y:"83.7",width:"75.09",height:"18.59",rx:"9.3",fill:"white"}),(0,i.jsx)("text",{x:"61.5",y:"96.9",textAnchor:"middle",fontSize:"10",fontWeight:"700",fill:"#998B7C",children:"ä½ çåªå¢"}),(0,i.jsx)("text",{x:"24",y:"146",fontSize:"13.5",fontWeight:"700",fill:"white",children:"å¤çç¥å°æ²åºé"}),(0,i.jsx)("text",{x:"235",y:"146",textAnchor:"end",fontSize:"13.5",fontWeight:"700",fill:"white",children:"$135,320.50"}),(0,i.jsx)("line",{x1:"24",y1:"162.18",x2:"235",y2:"162.18",stroke:"white",strokeOpacity:"0.5",strokeWidth:"0.715"}),(0,i.jsx)("text",{x:"24",y:"186",fontSize:"13.5",fontWeight:"700",fill:"white",children:"ç§åè¡æ¬"}),(0,i.jsx)("text",{x:"235",y:"186",textAnchor:"end",fontSize:"13.5",fontWeight:"700",fill:"white",children:"$83,633.30"}),(0,i.jsx)("line",{x1:"24",y1:"198.43",x2:"235",y2:"198.43",stroke:"white",strokeOpacity:"0.5",strokeWidth:"0.715"}),(0,i.jsx)("text",{x:"24",y:"222",fontSize:"13.5",fontWeight:"700",fill:"white",children:"20 å¼·ç¨è§ç¸çµå"}),(0,i.jsx)("text",{x:"235",y:"222",textAnchor:"end",fontSize:"13.5",fontWeight:"700",fill:"white",children:"$80,880.40"})]})})]})]}),(0,i.jsx)("style",{children:"\n .component-09 {\n /* Tokens (scoped) */\n --radius-2xl: 16px;\n --radius-3xl: 24px;\n --radius-pill: 200px;\n --spacing-default: 16px;\n --gold-500: #B98F3B;\n --gold-650: #9C6807;\n --azure-700: #004F99;\n --beige-350: #EAB856;\n --blue-500: #3884D9;\n --neutral-white: #FFFFFF;\n --cta-primary-dark: var(--azure-700);\n --gold-outline-01: linear-gradient(147.28deg, #FFE4AD 17.8%, #FFF8EA 35.6%, #EAB856 57.2%, #FFF3DC 78.9%, #FFECC3 100%);\n --ui-01: linear-gradient(180deg, rgba(220,220,220,0.30) 0%, rgba(234,224,208,0.45) 100%);
1\n --color-reserve-bg-contrast: #161616;\n /* H3 (56/68), Body 2 (20/28), Primary CTA (20/26) â Chinese desktop scale */\n --fs-h3: 56px; --lh-h3: 68px; --fw-h3: 700; --ls-h3: 0;\n --fs-body-1: 20px; --lh-body-1: 28px; --fw-body-1: 400;\n --fs-cta: 20px; --lh-cta: 26px; --fw-cta: 700;\n\n font-family: ".concat(o,";\n letter-spacing: 0;\n background: #000000;\n box-sizing: border-box;\n padding: 64px;\n display: flex;\n justify-content: center;\n }\n .component-09 * { box-sizing: border-box; }\n\n .component-09__frame {\n position: relative;\n width: 100%;\n max-width: 1472px;\n border-radius: var(--radius-3xl);\n overflow: hidden;\n background-image: url('https://cms-assets.stashaway.com/08_Image_Desktop_9339ce43f7.webp');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 32px clamp(28px, 4.4vw, 64px);\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: clamp(32px, 6vw, 72px);\n }\n\n .component-09__container {\n flex: 1 1 0;\n min-width: 0;\n max-width: 648px;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-default);\n }\n\n .component-09__headline {\n order: 1;\n color: var(--neutral-white);\n font-size: var(--fs-h3);\n line-height: var(--lh-h3);\n font-weight: var(--fw-h3);\n letter-spacing: var(--ls-h3);\n margin: 0;\n }\n .component-09__body-break { display: block; }\n\n .component-09__body {\n order: 2;\n color: var(--neutral-white);\n font-size: var(--fs-body-1);\n line-height: var(--lh-body-1);\n font-weight: var(--fw-body-1);\n margin: 0;\n }\n .component-09__body-link {\n color: var(--neutral-white);\n text-decoration: underline;\n text-underline-offset: 2px;\n }\n .component-09__body-link:focus-visible {\n outline: 2px solid var(--neutral-white);\n outline-offset: 2px;\n border-radius: 2px;\n }\n\n .component-09__actions {\n order: 3;\n display: flex;\n }\n\n .component-09__cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: var(--cta-primary-dark);\n color: var(--neutral-white);\n font-size: var(--fs-cta);\n line-height: var(--lh-cta);\n font-weight: var(--fw-cta);\n text-decoration: none;\n padding: 16px 32px;\n min-height: 44px;\n border-radius: var(--radius-pill);\n cursor: pointer;\n transition: none;\n }\n /* Static hover: instant background swap to navy, same as Component 02. */\n .component-09__cta:hover { background: #072340 !important; }\n .component-09__cta:focus-visible {\n outline: 2px solid var(--neutral-white);\n outline-offset: 3px;\n }\n\n .component-09__media {\n flex: 0 0 auto;\n position: relative;\n width: 486px;\n height: 415px;\n margin-right: auto;\n margin-left: -48px;\n container-type: inline-size;\n }\n .component-09__card {\n position: absolute;\n background: var(--ui-01);\n border: 1px solid var(--beige-350);\n border-radius: 3.292cqw;\n overflow: hidden;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n .component-09__card--01 {\n left: 0;\n top: 0;\n width: 61.477cqw;\n height: 61.477cqw;\n }\n .component-09__card--02 {\n left: calc(40.741cqw + 8px);\n top: calc(38.683cqw - 6px);\n width: 54.321cqw;\n height: 49.658cqw;\n }\n .component-09__image {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n /* Desktop: overscan background image 2px on each edge to close edge seam */\n @media (min-width: 1024px) {\n .component-09__frame {\n background-size: calc(100% + 4px) calc(100% + 4px);\n }\n }\n\n /* lg / â¤1199px */\n @media (max-width: 1199px) {\n .component-09__media {\n width: clamp(320px, 38vw, 486px);\n height: auto;\n aspect-ratio: 486 / 415;\n }\n }\n\n /* â¤1023px (tablet + mobile): stack to single column */\n @media (max-width: 1023px) {\n .component-09__frame {\n flex-direction: column;\n align-items: flex-start;\n gap: clamp(32px, 6vw, 56px);\n }\n .component-09__container { max-width: 100%; }\n .component-09__media {\n width: 100%;\n max-width: 486px;\n align-self: center;\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n /* â¤1023px: Chinese mobile scale (H2 34/42, Body 2 14/20, CTA 16/24) */\n @media (max-width: 1023px) {\n .component-09 {\n --fs-h3: 34px; --lh-h3: 42px;\n --fs-body-1: 14px; --lh-body-1: 20px;\n --fs-cta: 16px; --lh-cta: 24px;\n /* Frame corner radius: 24px desktop â 16px at â¤1023px */\n --radius-3xl: 16px;\n padding: 24px;\n }\n .component-09__frame {\n background-image: url('https://cms-assets.stashaway.com/08_Image_Mobile_2289ccca33.webp');\n }\n .component-09__actions { width: 100%; justify-content: flex-start; }\n .component-09__cta { width: auto; }\n .component-09__media { margin-top: 48px; }\n }\n\n /* Tablet (768â1023): Chinese desktop scale */\n @media (min-width: 768px) and (max-width: 1023px) {\n .component-09 {\n --fs-h3: 56px; --lh-h3: 68px;\n --fs-body-1: 20px; --lh-body-1: 28px;\n --fs-cta: 20px; --lh-cta: 26px;\n padding: clamp(24px, 5vw, 48px);\n }\n .component-09__container { max-width: 648px; margin-inline: 0; }\n }\n\n /* Mobile only (â¤767): enlarge the cards graphic without exceeding the frame */\n @media (max-width: 767px) {\n .component-09__media { width: min(310px, calc(100vw - 52px)); }\n }\n ")})]}),I=(0,i.jsx)("svg",{className:"component-10__icon",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M9.97564 0.000178248C9.53495 0.00663693 9.11484 0.187793 8.80763 0.503842C8.50043 0.81989 8.33125 1.24498 8.33728 1.6857V8.33683H1.6864C1.46607 8.33372 1.24732 8.37442 1.04286 8.45659C0.838395 8.53875 0.652302 8.66073 0.495392 8.81545C0.338481 8.97016 0.213883 9.15452 0.128839 9.3578C0.0437948 9.56109 0 9.77925 0 9.99962C0 10.22 0.0437948 10.4381 0.128839 10.6414C0.213883 10.8447 0.338481 11.0291 0.495392 11.1838C0.652302 11.3385 0.838395 11.4605 1.04286 11.5426C1.24732 11.6248 1.46607 11.6655 1.6864 11.6624H8.33728V18.3135C8.33417 18.5339 8.37487 18.7526 8.45703 18.9571C8.53919 19.1616 8.66117 19.3477 8.81588 19.5046C8.97058 19.6615 9.15493 19.7861 9.35821 19.8712C9.56149 19.9562 9.77965 20 10 20C10.2204 20 10.4385 19.9562 10.6418 19.8712C10.8451 19.7861 11.0294 19.6615 11.1841 19.5046C11.3388 19.3477 11.4608 19.1616 11.543 18.9571C11.6251 18.7526 11.6658 18.5339 11.6627 18.3135V11.6624H18.3136C18.5339 11.6655 18.7527 11.6248 18.9571 11.5426C19.1616 11.4605 19.3477 11.3385 19.5046 11.1838C19.6615 11.0291 19.7861 10.8447 19.8712 10.6414C19.9562 10.4381 20 10.22 20 9.99962C20 9.77925 19.9562 9.56109 19.8712 9.3578C19.7861 9.15452 19.6615 8.97016 19.5046 8.81545C19.3477 8.66073
119.1616 8.53875 18.9571 8.45659C18.7527 8.37442 18.5339 8.33372 18.3136 8.33683H11.6627V1.6857C11.6658 1.46337 11.6242 1.24269 11.5405 1.03672C11.4567 0.830741 11.3326 0.643647 11.1753 0.486501C11.018 0.329355 10.8308 0.205349 10.6247 0.121817C10.4187 0.0382844 10.198 -0.00307701 9.97564 0.000178248Z",fill:"currentColor"})}),E=[{id:"component-10-panel-01",question:"StashAway Reserve æ¯ä»éº¼ï¼",answer:(0,i.jsx)("p",{className:"component-10__answer",children:"StashAway Reserve æ¯ä¸é
ç§äººè²¡å¯ç®¡çæåãééæ¤æåï¼å®¢æ¶å¯ç²å¾å»£æ³çç財å¨è©¢åç§åæè³æåã"})},{id:"component-10-panel-02",question:"æå¦ä½ç²å¾å°æ¥æè³è
è³æ ¼ï¼",answer:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{className:"component-10__answer",children:"ä½çºå人ï¼å¦ä½ æ¯å人æè³è
ï¼æ¼ç¸éæ¥æ就以ä¸æè³çµåææä¸å°æ¼ $800è¬ HKDï¼æå
¶çå¼å¤å¹£ï¼ï¼å符åæçºå°æ¥æè³è
çè³æ ¼ï¼"}),(0,i.jsxs)("ul",{className:"component-10__answer-list",children:[(0,i.jsx)("li",{children:"ä½ å人帳æ¶ä¸çæè³çµåï¼æ"}),(0,i.jsx)("li",{children:"èä½ éè¯äººï¼å¦é
å¶ï¼çè¯å帳æ¶æè³çµåï¼æ"}),(0,i.jsx)("li",{children:"ä½ èééè¯äººçè¯å帳æ¶ä¸çæè³çµå份é¡*ï¼æ"}),(0,i.jsx)("li",{children:"以æææè³çºä¸»è¦æ¥åï¼ä¸ç±ä½ å
¨è³ææçå
¬å¸æè³çµåã"})]}),(0,i.jsx)("p",{className:"component-10__answer",children:"*就確å®ä½ èä½ éè¯äººä»¥å¤ç人士ä¹è¯å帳æ¶ä¸çæè³çµå份é¡æï¼ä½ ç份é¡æ帳æ¶ææ人ä¹éæ¸é¢åè°ä¸ææå®ç份é¡ï¼ææ¼ç¡åè°ä¸çæè³çµåå¹³ç份é¡ã"}),(0,i.jsx)("p",{className:"component-10__answer",children:"è³ç¢å¯çºï¼"}),(0,i.jsxs)("ul",{className:"component-10__answer-list",children:[(0,i.jsx)("li",{children:"æå¸å¼è¨çæè³ï¼å
æ¬è¡ç¥¨ãåµå¸ãå®ä½ä¿¡è¨ãè¡ç¥¨æé¤æè³çï¼"}),(0,i.jsx)("li",{children:"å款æèï¼Certificates of Deposits (CDs)ï¼"}),(0,i.jsx)("li",{children:"ç¾éæç¾éçå¹ç©å款"})]}),(0,i.jsx)("p",{className:"component-10__answer",children:"è«ä¸å³æ件ï¼ä¾å¦ï¼"}),(0,i.jsxs)("ul",{className:"component-10__answer-list",children:[(0,i.jsx)("li",{children:"ç±éè¡æç¶ç´å
¬å¸ï¼ä»¥ä½ çå義æèä½ çé
å¶æå女å
񆂆
·çè¯åæ¶å£ï¼åºå
·çä¸ä»½æå¤ä»½æ¶å£å°è³¬å®ï¼æ¥æä¸è¶
é 3 åæå"}),(0,i.jsx)("li",{children:"ç±å¯©è¨å¸«æ註åæè¨å¸«åºå
·çèæ¸ï¼æ¥æä¸è¶
é 3 åæå"}),(0,i.jsx)("li",{children:"ç±å人æå人代表ææ交çå
¬éç³å ± #ï¼æ¥æä¸è¶
é 3 åæå"}),(0,i.jsx)("li",{children:"å¦ææ¶åä½ è·éè¯äººä»¥å¤å
¶ä»äººå£«çè¯å帳æ¶ä¸çæè³çµå份é¡ï¼åéæä¾åè°å¯æ¬ï¼å¦æï¼ã"})]}),(0,i.jsx)("p",{className:"component-10__answer",children:"#å
¬éç³å ±æå人æåé«æ ¹æé¦æ¸¯æ³å¾æç£ç®¡è¦æ±èæ責任å
¬ä½çæ件ï¼å¦ä¸å¸å
¬å¸å
¬ä½ç財å表ç¾çï¼"}),(0,i.jsx)("p",{className:"component-10__answer",children:"è«æ³¨æï¼æ ¹æé¦æ¸¯èå¸åæ貨äºåç£å¯å§å¡æçè¦å®ï¼ä½ éæ¯å¹´æä¾æ¤é¡èææ件ï¼ä»¥æ´æ°ä½ çå°æ¥æè³è
身åã"})]})},{id:"component-10-panel-03",question:"æå¦ä½æçº Reserve 客æ¶ï¼",answer:(0,i.jsx)("p",{className:"component-10__answer",children:"å¦è¦æçº Reserve 客æ¶ï¼ä½ é æ¼ StashAway æè³æ¸¯å
$1,000,000ã該éé¡é©ç¨æ¼ StashAway ä»»ä½çæè³çµåã"})}],R=n=>{var e,t;let{item:o,isOpen:s,onToggle:r,index:l}=n,c=(0,a.useRef)(null);return(0,i.jsxs)("div",{className:"component-10__item slide-in-on-appeared",style:{transitionDelay:"".concat(.12+.08*l,"s")},children:[(0,i.jsxs)("button",{className:"component-10__summary",type:"button","aria-expanded":s,"aria-controls":o.id,onClick:r,children:[(0,i.jsx)("span",{className:"component-10__question",children:o.question}),I]}),(0,i.jsx)("div",{className:"component-10__panel",id:o.id,ref:c,style:{maxHeight:s&&null!=(t=null==(e=c.current)?void 0:e.scrollHeight)?t:0},children:(0,i.jsx)("div",{className:"component-10__panel-inner",children:o.answer})})]})},B=()=>{let[n,e]=(0,a.useState)(null);return(0,i.jsxs)("section",{className:"component-10","aria-labelledby":"
1component-10-title",children:[(0,i.jsx)("div",{className:"component-10__container",children:(0,i.jsxs)("div",{className:"component-10__frame",children:[(0,i.jsx)("div",{className:"component-10__header slide-in-on-appeared",children:(0,i.jsx)("h2",{className:"component-10__headline",id:"component-10-title",children:"常è¦åé¡"})}),(0,i.jsx)("div",{className:"component-10__body",id:"component-10-faq-list",children:E.map((t,a)=>(0,i.jsx)(R,{item:t,index:a,isOpen:n===t.id,onToggle:()=>e(n=>n===t.id?null:t.id)},t.id))})]})}),(0,i.jsx)("style",{children:"\n .component-10 {\n color-scheme: light;\n --color-bg-secondary: #F8F8F8;\n --color-navy: #072340;\n --color-interactive-fill: #3884D9;\n --icon-strong-selected: #072340;\n --washed-blue-450: #7A8B9C;\n --r-sm: 8px;\n --sp-1: 16px; --sp-2: 20px; --sp-3: 24px; --sp-4: 40px;\n --sp-5: 64px; --sp-6: 80px; --sp-7: 128px;\n --container-max: 1200px;\n --page-pad: var(--sp-4);\n /* Headline H3 (56/68); answers Body 2 (20/28) â Chinese desktop scale */\n --fs-h2: 56px; --lh-h2: 68px; --fw-h2: 700; --ls-h2: 0;\n --fs-body-1: 20px; --lh-body-1: 28px;\n --color-text-heading: #072340;\n --color-text-body: #394F66;\n\n font-family: ".concat(o,';\n letter-spacing: 0;\n padding-block: var(--sp-7);\n background: var(--color-bg-secondary);\n color: var(--color-text-body);\n font-size: 20px;\n line-height: 28px;\n }\n .component-10 * { box-sizing: border-box; }\n .component-10 h2 { color: var(--color-text-heading); margin: 0; }\n\n .component-10__container {\n width: 100%;\n max-width: var(--container-max);\n margin-inline: auto;\n padding-inline: var(--page-pad);\n }\n\n .component-10__frame {\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: var(--sp-5);\n align-items: start;\n }\n\n .component-10__headline {\n font-size: var(--fs-h2);\n line-height: var(--lh-h2);\n font-weight: var(--fw-h2);\n letter-spacing: var(--ls-h2);\n }\n\n .component-10__body {\n display: flex;\n flex-direction: column;\n }\n\n .component-10__item {\n border-bottom: 1px solid #E5E5E5;\n }\n\n .component-10__summary {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n background: transparent;\n border: 0;\n cursor: pointer;\n padding: 22px 4px;\n text-align: left;\n font: inherit;\n }\n\n .component-10__summary:focus-visible {\n outline: 2px solid var(--color-interactive-fill);\n outline-offset: 2px;\n border-radius: var(--r-sm);\n }\n\n /* Question â Body 1 Regular: 16/24 mobile â 24/32 desktop */\n .component-10__question {\n flex: 1;\n color: var(--color-navy);\n font-weight: 400;\n font-size: 24px;\n line-height: 32px;\n }\n\n .component-10__icon {\n width: 20px;\n height: 20px;\n flex: 0 0 auto;\n color: var(--icon-strong-selected);\n transition: transform .2s;\n }\n\n .component-10__summary[aria-expanded="true"] .component-10__icon {\n transform: rotate(45deg);\n }\n\n .component-10__panel {\n max-height: 0;\n overflow: hidden;\n transition: max-height .28s cubic-bezier(.4,0,.2,1);\n }\n\n .component-10__panel-inner {\n padding: 0 4px 22px;\n color: var(--color-text-body);\n font-size: var(--fs-body-1);\n line-height: 1.6;\n }\n\n .component-10__answer {\n margin: 0;\n }\n\n .component-10__answer + .component-10__answer,\n .component-10__answer + .component-10__answer-list,\n .component-10__answer-list + .component-10__answer {\n margin-top: var(--sp-2);\n }\n\n .component-10__answer-list {\n margin: var(--sp-1) 0 0;\n padding-left: 24px;\n }\n\n .component-10__answer-list li {\n margin: 2px 0;\n }\n\n @media (max-width: 1023px) {\n .component-10__frame {\n grid-template-columns: 1fr;\n }\n }\n\n /* Mobile â Chinese mobile scale (H3 28/34, Sub1 20/26, Body 2 14/20) */\n @media (max-width: 767px) {\n .component-10 {\n --fs-h2: 28px; --lh-h2: 34px;\n --fs-body-1: 14px; --lh-body-1: 20px;\n --page-pad: 24px;\n padding-block: var(--sp-6);\n font-size: 14px;\n line-height: 20px;\n }\n .component-10__question {\n font-size: 16px;\n line-height: 24px;\n }\n }\n\n /* Tablet (768â1023) â Chinese desktop scale */\n @media (min-width: 768px) and (max-width: 1023px) {\n .component-10 {\n --fs-h2: 56px; --lh-h2: 68px;\n --fs-body-1: 20px; --lh-body-1: 28px;\n --page-pad: clamp(24px, 5vw, 56px);\n padding-block: var(--sp-6);\n font-size: var(--fs-body-1);\n line-height: var(--lh-body-1);\n }\n .component-10__container {\n max-width: 760px;\n margin-inline: auto;\n }\n .component-10__frame {\n gap: var(--sp-4);\n }\n .component-10__question {\n font-size: 24px;\n line-height: 32px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .component-10 *,\n .component-10 *::before,\n .component-10 *::after {\n transition-duration: .01ms !important;\n scroll-behavior: auto !important;\n }\n }\n ')})]})},L=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{children:"\n @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400..8
100;1,400..800&family=Noto+Sans+TC:wght@400;500;700&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');\n\n .hk-reserve-cn-page *, .hk-reserve-cn-page *::before, .hk-reserve-cn-page *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n .hk-reserve-cn-page {\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n\n /* Scroll-triggered entrance animation */\n .slide-in-on-appeared {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1),\n transform 0.7s cubic-bezier(0.16,1,0.3,1);\n }\n .slide-in-on-appeared.is-appeared {\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .slide-in-on-appeared {\n opacity: 1;\n transform: none;\n transition: none;\n }\n }\n "}),(0,i.jsxs)("main",{className:"hk-reserve-cn-page",lang:"zh-HK",children:[(0,i.jsx)(r,{}),(0,i.jsx)(p,{}),(0,i.jsx)(y,{}),(0,i.jsx)(w,{}),(0,i.jsx)(j,{}),(0,i.jsx)(C,{}),(0,i.jsx)(D,{}),(0,i.jsx)(W,{}),(0,i.jsx)(A,{}),(0,i.jsx)(B,{})]}),(0,i.jsx)(M,{})]}),M=()=>((0,a.useEffect)(()=>{let n=document.querySelectorAll(".slide-in-on-appeared");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||!("IntersectionObserver"in window))return void n.forEach(n=>n.classList.add("is-appeared"));let e=new IntersectionObserver(n=>{n.forEach(n=>{n.isIntersecting&&(n.target.classList.add("is-appeared"),e.unobserve(n.target))})},{threshold:.15});return n.forEach(n=>e.observe(n)),()=>e.disconnect()},[]),null),T=n=>{let{children:e}=n,t=(0,a.useRef)(null),o="hkcn-block-".concat((0,a.useId)().replace(/:/g,""));return(0,a.useEffect)(()=>{let n=t.current;if(!n)return;let e=n.querySelectorAll(".slide-in-on-appeared");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||!("IntersectionObserver"in window))return void e.forEach(n=>n.classList.add("is-appeared"));let i=new IntersectionObserver(n=>{n.forEach(n=>{n.isIntersecting&&(n.target.classList.add("is-appeared"),i.unobserve(n.target))})},{threshold:.15});return e.forEach(n=>i.observe(n)),()=>i.disconnect()},[]),(0,i.jsxs)("div",{className:"hk-reserve-cn-page ".concat(o),lang:"zh-HK",ref:t,children:[(0,i.jsx)("style",{children:"\n @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400..800;
11,400..800&family=Noto+Sans+TC:wght@400;500;700&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');\n\n .".concat(o," *, .").concat(o," *::before, .").concat(o," *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n .").concat(o," {\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n\n .").concat(o," .slide-in-on-appeared {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1),\n transform 0.7s cubic-bezier(0.16,1,0.3,1);\n }\n .").concat(o," .slide-in-on-appeared.is-appeared {\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .").concat(o," .slide-in-on-appeared {\n opacity: 1;\n transform: none;\n transition: none;\n }\n }\n ")}),e]})},q=()=>(0,i.jsx)(T,{children:(0,i.jsx)(r,{})}),K=()=>(0,i.jsx)(T,{children:(0,i.jsx)(p,{})}),Z=()=>(0,i.jsx)(T,{children:(0,i.jsx)(y,{})}),P=()=>(0,i.jsx)(T,{children:(0,i.jsx)(w,{})}),V=()=>(0,i.jsx)(T,{children:(0,i.jsx)(j,{})}),$=()=>(0,i.jsx)(T,{children:(0,i.jsx)(C,{})}),U=()=>(0,i.jsx)(T,{children:(0,i.jsx)(D,{})}),O=()=>(0,i.jsx)(T,{children:(0,i.jsx)(W,{})}),J=()=>(0,i.jsx)(T,{children:(0,i.jsx)(A,{})}),Y=()=>(0,i.jsx)(T,{children:(0,i.jsx)(B,{})})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.