.topline{height:auto;min-height:46px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:3px var(--space);letter-spacing:1px}.topline .topline-message{margin-right:auto;font-size:10px}.locale-controls{display:flex;align-items:center;gap:17px;letter-spacing:0;flex-shrink:0}.locale-controls label{display:flex;align-items:center;gap:8px;font-size:11px;color:#e0e5d9}.locale-controls select{font-family:inherit;min-height:38px;height:38px;font-size:12px;line-height:1.5;background:#30392f;color:#fff;border:1px solid #717a69;border-radius:3px;padding:6px 25px 6px 9px;width:auto;max-width:155px;cursor:pointer}.locale-controls select:focus-visible{outline:2px solid #d4be92;outline-offset:2px}.locale-controls option{background:#30392f;color:white}.real-stories{background:#efede4}.real-stories .section-head{align-items:end}.real-stories .section-head>p{max-width:32em;font-size:13px;line-height:1.9}.real-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.real-story{min-width:0}.real-story figure{margin:0 0 23px;background:#e1ddcf;aspect-ratio:4/4.5;overflow:hidden;border-radius:4px}.real-story img{display:block;width:100%;height:100%;object-fit:contain}.real-story h3{font-size:23px;line-height:1.5;font-weight:400;margin:12px 0}.real-story p{font-size:14px;line-height:1.95}.real-story .eyebrow{font-size:9px}.real-story .text-link{font-size:12px;line-height:1.8}.authentic-photo{object-fit:cover;filter:saturate(.86);object-position:center}.source-note{font-size:12px;line-height:1.9;color:#69715f;max-width:76em;margin-top:30px}html:not([lang=zh-Hant]) body{font-family:Arial,'Noto Sans',sans-serif}html:not([lang=zh-Hant]) .brand>span{max-width:210px;font-family:Georgia,serif;font-size:18px;line-height:1.25}html:not([lang=zh-Hant]) .brand small{font-family:Arial,sans-serif;font-size:7px;margin-top:8px}html:not([lang=zh-Hant]) nav{gap:18px}html:not([lang=zh-Hant]) nav a{font-size:12px}html:not([lang=zh-Hant]) .hero h1{line-height:1.2;letter-spacing:-1px;font-family:Georgia,serif;font-size:clamp(38px,4.3vw,66px)}html:not([lang=zh-Hant]) .hero h1 .serif{white-space:normal}html:not([lang=zh-Hant]) .hero h1 br{display:none}html:not([lang=zh-Hant]) .hero h1 span:after{content:' '}html:not([lang=zh-Hant]) h2,html:not([lang=zh-Hant]) h3{line-height:1.3;letter-spacing:0;font-family:Georgia,serif}html:not([lang=zh-Hant]) .page-hero h1{line-height:1.25;font-family:Georgia,serif}html:not([lang=zh-Hant]) .button{font-size:13px}html:not([lang=zh-Hant]) .intro{line-height:1.9}html:not([lang=zh-Hant]) .workspace-content h1{line-height:1.3}html:not([lang=zh-Hant]) .auth-form h1{line-height:1.2}html:not([lang=zh-Hant]) .auth-links{line-height:1.8}
@media(max-width:1200px){html:not([lang=zh-Hant]) header>nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px var(--space);border-bottom:1px solid var(--line);flex-direction:column;gap:0;align-items:stretch;box-shadow:0 15px 20px #2630260d}html:not([lang=zh-Hant]) header>nav.open{display:flex}html:not([lang=zh-Hant]) nav a{min-height:48px;display:flex;align-items:center;font-size:14px}html:not([lang=zh-Hant]) .mobile-menu{display:flex}html:not([lang=zh-Hant]) nav .mobile-only{display:flex}.topline-message{display:none}}
@media(max-width:700px){.topline{padding:4px 20px;min-height:54px}.topline>.market-list{display:none}.locale-controls{width:100%;gap:12px;justify-content:space-between}.locale-controls label{gap:7px;font-size:10px}.locale-controls select{min-height:42px;height:42px;font-size:12px;max-width:125px;padding-left:7px}.locale-controls label>span{display:none}.locale-controls label:before{content:attr(data-short-label);font-size:9px;letter-spacing:.5px}.real-story-grid{grid-template-columns:1fr;gap:38px}.real-story figure{aspect-ratio:4/4;max-height:430px}.real-story h3{font-size:24px}.real-story p{font-size:14px}.real-stories .section-head>p{font-size:12px}.source-note{font-size:11px}html:not([lang=zh-Hant]) .brand>span{font-size:13px;max-width:140px}html:not([lang=zh-Hant]) .brand small{font-size:5px;letter-spacing:1px}html:not([lang=zh-Hant]) .head-actions .button{font-size:10px;padding:9px 11px}html:not([lang=zh-Hant]) .hero h1{font-size:43px;line-height:1.12;max-width:8em}html:not([lang=zh-Hant]) .hero-copy{padding-top:37px}html:not([lang=zh-Hant]) .hero .actions{gap:15px}html:not([lang=zh-Hant]) .hero .button{font-size:12px}html:not([lang=zh-Hant]) .hero-foot{margin-top:25px}html:not([lang=zh-Hant]) .hero-foot p{font-size:11px}html:not([lang=zh-Hant]) .benefits{gap:14px}html:not([lang=zh-Hant]) .benefits b{font-size:10px;margin-left:6px}html:not([lang=zh-Hant]) .page-hero h1{font-size:34px;max-width:11em}html:not([lang=zh-Hant]) .workspace-side{top:72px}html:not([lang=zh-Hant]) .auth-primary{font-size:12px}html:not([lang=zh-Hant]) .account-steps{flex-wrap:wrap;gap:8px;font-size:9px}html:not([lang=zh-Hant]) .instrument-card small{font-size:7px}html:not([lang=zh-Hant]) .instrument-card h3{font-size:22px}.language-editor-note{font-size:12px;line-height:1.8}}
@media(max-width:360px){.topline{padding-left:16px;padding-right:16px}.locale-controls{gap:7px}.locale-controls select{max-width:119px}html:not([lang=zh-Hant]) .brand>span{font-size:11px;max-width:120px}html:not([lang=zh-Hant]) .brand small{font-size:4px}html:not([lang=zh-Hant]) .hero h1{font-size:38px}}
@media(max-width:700px){.locale-controls label{flex:1;min-width:0}.locale-controls label:before{display:none}.locale-controls select{width:100%;max-width:none;min-width:0}html:not([lang=zh-Hant]) header .brand{min-width:0;flex:1;white-space:normal}html:not([lang=zh-Hant]) header .brand>span{display:block;white-space:normal;max-width:145px;font-size:12px;line-height:1.3}html:not([lang=zh-Hant]) header .brand small{white-space:normal;line-height:1.5}html:not([lang=zh-Hant]) header .head-actions{flex-shrink:0}html:not([lang=zh-Hant]) header{gap:9px}}
@media(max-width:360px){html:not([lang=zh-Hant]) header .brand>span{font-size:10px;max-width:115px}html:not([lang=zh-Hant]) header{gap:5px}}
html:not([lang=zh-Hant]) .instrument-card h3 i{display:none}
