:root {
      color-scheme:dark;
      --ink:#F4F4F8;
      --paper:#111318;
      --base:#0D0F13;
      --panel:#1A1C22;
      --blue:#56A4D5;
      --blue-dark:#79B8DF;
      --blue-soft:#1C3545;
      --line:#30343C;
      --muted:#B2B6C0;
      --quiet:#9197A1;
      --content:1160px;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--base); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
    html[lang^="zh-Hant"] body { font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans CJK TC",system-ui,sans-serif; }
    img { display:block; max-width:100%; height:auto; }
    button { font:inherit; cursor:pointer; }
    a { color:inherit; text-decoration:none; }
    a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
    .shell { width:min(calc(100% - 64px),var(--content)); margin-inline:auto; }
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .eyebrow { color:var(--blue); font-size:12px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
    .section-no { color:var(--blue); font-size:12px; font-weight:750; letter-spacing:.12em; }
    .display { letter-spacing:-.075em; line-height:1.1; font-weight:720; text-wrap:balance; }

    .site-header { height:76px; background:var(--base); border-bottom:1px solid var(--line); position:relative; z-index:10; }
    .header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .brand { display:inline-flex; align-items:center; gap:11px; font-size:21px; font-weight:730; letter-spacing:-.055em; flex:none; }
    .brand img { width:35px; height:35px; border:1px solid #3B3F48; border-radius:9px; }
    .desktop-nav { display:flex; align-items:center; gap:38px; margin-left:auto; font-size:13px; font-weight:620; }
    .desktop-nav a:hover { color:var(--blue); }
    .header-end { display:flex; align-items:center; gap:23px; margin-left:39px; }
    @media (min-width:721px) {
      .home-header .header-inner { gap:14px; }
      .home-header .header-end { margin-left:0; }
    }
    .language-switch { position:relative; flex:none; white-space:nowrap; }
    .language-switch summary { display:flex; align-items:center; justify-content:space-between; gap:11px; min-height:36px; padding:7px 10px; border:1px solid transparent; border-radius:8px; color:var(--muted); font-size:12px; font-weight:700; list-style:none; cursor:pointer; }
    .language-switch summary::-webkit-details-marker { display:none; }
    .language-switch summary::after { content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); }
    .language-switch summary:hover, .language-switch[open] summary { color:var(--ink); background:var(--panel); border-color:var(--line); }
    .language-switch[open] summary::after { transform:translateY(2px) rotate(225deg); }
    .language-label-short { display:none; }
    .language-menu { position:absolute; top:calc(100% + 8px); right:0; min-width:166px; padding:6px; border:1px solid #3B4651; border-radius:12px; background:#20242B; box-shadow:0 16px 38px #0008; z-index:20; }
    .language { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 11px; border-radius:7px; color:var(--muted); font-size:13px; font-weight:650; }
    .language:hover, .language:focus-visible { color:var(--ink); background:#2B3843; }
    .language[aria-current="page"] { color:var(--blue); background:#253747; }
    .language[aria-current="page"]::after { content:"✓"; font-size:13px; }
    .release-pill { border:1px solid #3B627B; border-radius:99px; color:var(--blue); font-size:12px; font-weight:700; padding:10px 15px; white-space:nowrap; }
    .release-pill:hover { border-color:var(--blue); background:var(--blue-soft); }
    .menu-button { display:none; border:0; background:none; color:var(--ink); font-size:13px; font-weight:700; padding:10px 4px; }
    .mobile-nav { display:none; background:var(--panel); border-bottom:1px solid var(--line); }
    .mobile-nav a { display:block; padding:15px 0; border-top:1px solid var(--line); font-size:15px; font-weight:600; }

    .hero { background:var(--paper); padding:26px 0 0; overflow:hidden; }
    .hero-intro { text-align:center; }
    .hero h1 { font-size:clamp(53px,5.6vw,77px); margin:12px 0 9px; }
    .hero h1 span { color:var(--blue); }
    .hero-lede { max-width:780px; margin:0 auto; font-size:17px; line-height:1.6; color:var(--muted); text-wrap:pretty; }
    .hero-actions { display:flex; justify-content:center; align-items:center; gap:26px; margin-top:18px; }
    .button-primary { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:47px; border:1px solid var(--blue); border-radius:10px; background:var(--blue); color:var(--base); font-size:14px; font-weight:700; padding:12px 18px; }
    .button-primary:hover { background:var(--blue-dark); border-color:var(--blue-dark); }
    .button-link { display:inline-flex; align-items:center; gap:9px; background:transparent; color:inherit; font-size:14px; font-weight:700; border:0; border-bottom:1px solid var(--ink); padding:8px 0; }
    .button-link:hover { color:var(--blue); border-color:var(--blue); }
    .stage { margin-top:34px; margin-bottom:43px; }
    .screen-shell { border:1px solid #363A42; border-radius:16px; overflow:hidden; background:var(--panel); box-shadow:0 30px 60px #00000066; }
    .screen-viewport { overflow:hidden; }
    .screen-viewport img { width:100%; max-width:none; height:auto; }

    .intro-band { background:#17191E; padding:93px 0 105px; }
    .intro-band-inner { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
    .intro-band h2 { font-size:clamp(43px,4.3vw,60px); margin:19px 0 0; }
    .intro-band p { color:var(--muted); font-size:17px; line-height:1.74; margin:34px 0 0; max-width:490px; }
    .intro-line { width:100%; height:1px; background:var(--line); margin-top:75px; }

    .feature { background:var(--base); padding:90px 0 105px; }
    .feature-row { display:grid; grid-template-columns:49% 1fr; align-items:center; gap:79px; }
    .feature-row + .feature-row { margin-top:122px; }
    .feature-copy h2 { font-size:clamp(42px,4.2vw,59px); margin:20px 0 22px; }
    .feature-copy p { font-size:17px; line-height:1.75; color:var(--muted); margin:0; max-width:440px; }
    .feature-points { list-style:none; padding:0; margin:29px 0 0; border-top:1px solid var(--line); max-width:440px; }
    .feature-points li { padding:12px 0; border-bottom:1px solid var(--line); font-size:14px; font-weight:640; display:flex; gap:16px; }
    .feature-points b { color:var(--blue); font-size:12px; width:24px; font-weight:770; flex:none; }
    .feature-guide-link { margin-top:25px; color:var(--blue); border-color:var(--blue); }
    .feature-shot { position:relative; isolation:isolate; overflow:hidden; aspect-ratio:1.3; background:#1B2730; border:1px solid #2C3B47; border-radius:24px; margin:0; }
    .feature-shot--accounts { background:#1A2731; border-color:#354958; }
    .feature-shot--holdings { background:#1D2028; border-color:#30343C; }
    .feature-shot--records { background:#1A1E26; border-color:#30343C; }
    .feature-frame { position:absolute; overflow:hidden; border:1px solid #363A42; border-radius:14px; background:var(--panel); box-shadow:0 18px 38px #00000066; }
    .feature-frame img { position:absolute; top:0; left:0; max-width:none; }
    .feature-frame--primary { z-index:1; top:9%; left:6%; right:-11%; height:67%; }
    .feature-frame--primary img { width:auto; height:100%; }
    .feature-frame--secondary { z-index:2; left:7%; bottom:10%; width:54%; height:30%; }
    .feature-frame--secondary img { width:100%; height:auto; }
    .feature-shot--overview .feature-frame--secondary img,
    .feature-shot--records .feature-frame--secondary img { width:auto; height:100%; }
    .feature-shot figcaption { position:absolute; z-index:3; left:7%; bottom:4%; color:#AEB8C4; font-size:12px; }
    .feature-row.reverse .feature-copy { grid-column:2; grid-row:1; }
    .feature-row.reverse .feature-shot { grid-column:1; grid-row:1; }

    .privacy { background:#19242E; padding:112px 0; }
    .privacy-inner { display:grid; grid-template-columns:44% 1fr; gap:90px; }
    .privacy h2 { font-size:clamp(43px,4.5vw,63px); margin:18px 0 0; }
    .privacy-text { padding-top:38px; }
    .privacy-text p { font-size:18px; line-height:1.75; color:#C5CBD3; margin:0; }
    .privacy-text .note { border-top:1px solid #3B4651; margin-top:34px; padding-top:16px; font-size:14px; line-height:1.6; color:#A7B0BA; }

    .plans { padding:99px 0 111px; background:#15171C; }
    .plans-heading { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:43px; }
    .plans-heading h2 { font-size:clamp(43px,4.5vw,64px); margin:18px 0 0; }
    .plans-heading p { max-width:380px; color:var(--muted); font-size:16px; line-height:1.7; margin:0; }
    .plan-table { width:100%; border-collapse:collapse; background:var(--panel); text-align:left; border:1px solid var(--line); }
    .plan-table th, .plan-table td { padding:18px 26px; border-bottom:1px solid var(--line); font-size:15px; }
    .plan-table th { font-weight:730; }
    .plan-table thead th { padding-top:25px; padding-bottom:25px; font-size:20px; }
    .plan-table thead th:first-child { width:39%; color:#A9AEB8; font-size:13px; }
    .plan-table tbody th { color:#C4C8D0; }
    .plan-table tbody td { font-weight:610; }
    .plan-table td:nth-child(3), .plan-table thead th:nth-child(3) { background:#1D303E; }
    .plan-table .pro, .plan-check { color:var(--blue); }
    .plan-check { font-size:18px; font-weight:750; line-height:1; }

    .faq { background:var(--base); padding:105px 0 120px; }
    .faq-inner { display:grid; grid-template-columns:37% 1fr; gap:70px; }
    .faq h2 { font-size:clamp(43px,4.5vw,62px); margin:18px 0 0; }
    .faq-list { border-top:1px solid var(--line); }
    .faq-list details { border-bottom:1px solid var(--line); }
    .faq-list summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 2px; font-size:17px; font-weight:650; }
    .faq-list summary::-webkit-details-marker { display:none; }
    .faq-list summary:after { content:"+"; font-size:24px; font-weight:400; color:var(--blue); }
    .faq-list details[open] summary:after { content:"−"; }
    .faq-list p { margin:0 0 25px; font-size:15px; line-height:1.75; color:var(--muted); max-width:630px; }
    .faq-list p a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
    .faq-list p a:hover { color:var(--blue-dark); }

    .closing { background:#111C26; color:var(--ink); text-align:center; padding:105px 0 115px; }
    .closing .eyebrow { color:var(--blue); }
    .closing h2 { font-size:clamp(50px,6vw,82px); margin:19px auto 21px; }
    .closing p { color:#B8C2CB; font-size:16px; line-height:1.65; margin:0 auto 28px; max-width:550px; }
    .closing .button-primary { background:var(--blue); color:var(--base); border-color:var(--blue); }
    .closing .button-primary:hover { background:var(--blue-dark); border-color:var(--blue-dark); }
    footer { background:#111C26; color:#9DA8B2; border-top:1px solid #32404B; padding:28px 0 38px; font-size:12px; }
    .footer-inner { display:flex; justify-content:space-between; gap:28px; }
    .footer-links { display:flex; gap:24px; }
    .footer-links a:hover { color:var(--ink); }

    @media (max-width:950px) {
      .shell { width:min(calc(100% - 44px),var(--content)); }
      .desktop-nav { gap:21px; }
      .header-end { margin-left:14px; gap:15px; }
      .feature-row { gap:35px; }
      .feature-shot { border-radius:20px; }
      .intro-band-inner, .privacy-inner { gap:45px; }
    }
    @media (max-width:720px) {
      .site-header { height:66px; }
      .shell { width:calc(100% - 36px); }
      .brand { font-size:19px; }
      .brand img { width:32px; height:32px; }
      .desktop-nav, .release-pill { display:none; }
      .header-end { gap:12px; margin-left:auto; }
      .language-switch summary { padding:7px 8px; }
      .language-label-long { display:none; }
      .language-label-short { display:inline; }
      .menu-button { display:block; }
      .mobile-nav[data-open="true"] { display:block; }
      .hero { padding-top:44px; }
      .hero h1 { font-size:clamp(40px,10.6vw,62px); margin:17px 0 16px; }
      .hero-lede { font-size:15px; line-height:1.7; }
      .hero-actions { gap:18px; margin-top:24px; }
      .button-primary { font-size:13px; padding:10px 13px; min-height:44px; }
      .button-link { font-size:13px; }
      .stage { margin-top:39px; margin-bottom:0; }
      .screen-viewport { overflow:hidden; }
      .screen-viewport img { width:100%; max-width:100%; }
      .intro-band { padding:71px 0 70px; }
      .intro-band-inner, .privacy-inner, .faq-inner { display:block; }
      .intro-band h2, .feature-copy h2, .privacy h2, .plans-heading h2, .faq h2 { font-size:clamp(40px,10vw,53px); }
      .intro-band p { margin-top:23px; font-size:16px; }
      .intro-line { margin-top:40px; }
      .feature { padding:35px 0 74px; }
      .feature-row, .feature-row.reverse { display:flex; flex-direction:column; align-items:stretch; gap:28px; }
      .feature-row + .feature-row { margin-top:75px; }
      .feature-row.reverse .feature-copy { order:0; }
      .feature-row.reverse .feature-shot { order:1; }
      .feature-copy p { font-size:16px; }
      .feature-shot { aspect-ratio:1.17; border-radius:19px; }
      .feature-frame { border-radius:9px; }
      .privacy { padding:77px 0; }
      .privacy-text { padding-top:25px; }
      .privacy-text p { font-size:16px; }
      .plans { padding:78px 0; }
      .plans-heading { display:block; }
      .plans-heading p { margin-top:20px; font-size:15px; }
      .plan-table th, .plan-table td { padding:16px 10px; font-size:13px; }
      .plan-table thead th { font-size:17px; }
      .plan-table thead th:first-child { width:37%; font-size:11px; }
      .faq { padding:80px 0 93px; }
      .faq-list { margin-top:30px; }
      .faq-list summary { font-size:15px; }
      .closing { padding:80px 0 85px; }
      .closing h2 { font-size:clamp(47px,11vw,65px); }
      .closing p { font-size:15px; }
      .footer-inner { display:block; }
      .footer-links { margin-top:14px; flex-wrap:wrap; }
    }
    @media (max-width:360px) {
      .hero h1 { font-size:35px; }
      .hero-actions { flex-direction:column; gap:10px; }
      .button-primary { padding-inline:11px; }
      .button-link { font-size:12px; }
      .plan-table th, .plan-table td { font-size:12px; }
    }
    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
    }

/* English copy needs slightly tighter display spacing at desktop widths. */
html[lang="en"] .display { letter-spacing:-.065em; }
html[lang="en"] .hero h1 { font-size:clamp(49px,5.3vw,74px); }
html[lang="en"] .hero h1 span { margin-left:.2em; }
@media (max-width:720px) { html[lang="en"] .hero h1 { font-size:clamp(42px,10vw,57px); } html[lang="en"] .hero h1 span { margin-left:0; } }