@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
.extra{padding:90px 10vw;background:#eef2f4}.extra h2{font:600 clamp(2rem,4vw,3.2rem)/1.2 'Playfair Display','Noto Sans SC';margin:0}.extra h2 em{color:var(--gold)}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}.extra article{background:#fff;border-top:2px solid var(--gold);padding:26px}.extra p{line-height:1.8;color:#566773}.extra details{background:#fff;padding:18px;max-width:760px}.extra summary{font-weight:700;cursor:pointer}.whatsapp{position:fixed;right:22px;bottom:22px;background:#1e9b55;color:#fff;text-decoration:none;padding:14px 18px;border-radius:24px;font-weight:700;z-index:9}@media(max-width:760px){.extra{padding:65px 7vw}.extra-grid{grid-template-columns:1fr}}
.language-switch{display:flex;border:1px solid #60798d}.language-switch button{margin:0;border:0;background:transparent;color:#dce3e8;padding:7px 9px;font:12px 'Noto Sans SC';cursor:pointer}.language-switch button.active{background:var(--gold);color:var(--ink)}
.catalog-grid article img{width:calc(100% + 56px);height:180px;object-fit:cover;margin:-28px -28px 24px;display:block}
.brand-logo{width:40px;height:40px;object-fit:contain;display:block}
.hero-platform{background:linear-gradient(90deg,#081727 0%,#081727e8 38%,#08172766 68%,#08172718 100%),url('hero-yuanhui.png') center/cover no-repeat!important}.hero-platform .hero-copy{max-width:650px}.hero-platform:after{content:'OFFICIAL TRADE PLATFORM · HONG KONG';position:absolute;right:7vw;bottom:36px;color:#f4d59c;letter-spacing:.18em;font:11px 'DM Mono'}
.catalog{padding:100px 10vw;background:#f7f9fa}.catalog h2{font:600 clamp(2.2rem,4vw,3.8rem)/1.18 'Playfair Display','Noto Sans SC',serif;margin:0}.catalog h2 em{color:var(--gold)}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.catalog-grid article{background:white;padding:28px;border-top:2px solid var(--gold)}.catalog-grid b{font:12px 'DM Mono';color:var(--gold)}.catalog-grid h3{font-size:1.15rem;margin:32px 0 12px}.catalog-grid p{font-size:.9rem;line-height:1.8;color:#576773;margin:0}@media(max-width:760px){.catalog{padding:70px 7vw}.catalog-grid{grid-template-columns:1fr}.hero-platform:after{display:none}}
.brand-mark{color:var(--gold)!important;background:transparent!important;border:1px solid var(--gold);width:32px!important;height:32px!important;display:grid!important;place-items:center;text-align:center;line-height:1.03;font-family:'Noto Sans SC',sans-serif!important;font-size:.66rem!important;font-weight:700;letter-spacing:0}.brand strong{font-size:.92rem;letter-spacing:.08em;white-space:nowrap}.brand i{font-style:normal;color:var(--gold);font:10px 'DM Mono';letter-spacing:1px;white-space:nowrap}@media(max-width:760px){.brand i{display:none}.brand strong{font-size:.8rem}}
:root{--ink:#081727;--ink2:#0e2841;--gold:#d6ad6f;--ice:#f1f5f7;--muted:#9daab6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafb;color:var(--ink);font-family:'Noto Sans SC',Arial,sans-serif;font-size:16px}.nav{height:82px;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white}.brand{color:#fff;text-decoration:none;letter-spacing:1.6px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:9px}.brand span{color:var(--ink);background:var(--gold);width:29px;height:29px;display:grid;place-items:center;font-family:'DM Mono';font-size:.76rem}.brand i{font-style:normal;color:var(--gold);font-size:.65rem}.nav nav{display:flex;gap:33px}.nav nav a,.nav-cta{color:#dce3e8;text-decoration:none;font-size:.86rem}.nav-cta{border:1px solid #7890a2;padding:10px 18px}.hero{min-height:595px;background:var(--ink);color:white;padding:83px 10vw 70px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;width:53%}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--gold);margin:0 0 18px}.hero h1,.split h2,.section-title h2,.process h2,.contact h2{font:600 clamp(2.55rem,5vw,4.8rem)/1.12 'Playfair Display','Noto Sans SC',serif;letter-spacing:-1.5px;margin:0}.hero h1 em,.contact h2 em{color:var(--gold)}.lead{max-width:510px;line-height:1.9;color:#bdc8d0;margin:25px 0 34px}.actions{display:flex;gap:14px}.button{padding:14px 22px;text-decoration:none;font-size:.9rem}.primary{background:var(--gold);color:var(--ink);font-weight:700}.primary b,.contact button b{margin-left:13px}.ghost{border:1px solid #668094;color:white}.metrics{display:flex;gap:38px;margin-top:67px}.metrics div{display:flex;flex-direction:column;gap:5px}.metrics strong{font:600 1.65rem 'Playfair Display';color:var(--gold)}.metrics span{font-size:.73rem;color:#aebbc5}.hero-art{position:absolute;right:2vw;top:25px;width:46%;height:520px}.globe{position:absolute;width:355px;height:355px;border:1px solid #547087;border-radius:50%;right:10%;top:43px;background:radial-gradient(circle at 37% 35%,#1b4968 0,#12344f 48%,#071a2a 75%);box-shadow:inset -28px -12px 40px #04111d,0 0 80px #123a5860;overflow:hidden}.meridian,.latitude{position:absolute;border:1px solid #6b8ca133;border-radius:50%}.meridian{height:100%;width:45%;left:28%}.m2{width:75%;left:12%}.latitude{width:100%;height:36%;left:0}.l1{top:14%}.l2{bottom:14%}.route{position:absolute;width:280px;height:100px;border-top:2px dotted var(--gold);border-radius:50%;transform:rotate(-28deg)}.r1{top:104px;left:28px}.r2{top:194px;left:40px;transform:rotate(24deg)}.location{position:absolute;width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 7px #d6ad6f22}.loc-a{top:160px;right:45%}.loc-b{top:270px;right:25%}.loc-c{top:110px;right:20%}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:390px;height:390px;background:#15527322;right:4%;top:20px}.orb-two{width:230px;height:230px;background:#d6ad6f0d;right:31%;top:185px}.art-caption{position:absolute;bottom:36px;right:16%;font:10px 'DM Mono';letter-spacing:2px;color:#8da1af}.trust{background:#102b44;color:white;padding:22px 10vw;display:flex;gap:55px;align-items:center}.trust p{color:var(--gold);font-size:.78rem;margin:0}.trust div{font:10px 'DM Mono';letter-spacing:1.8px;color:#b4c3cd}.trust span{color:var(--gold);margin:0 12px}.split{padding:125px 10vw;display:grid;grid-template-columns:1.25fr 1fr;column-gap:8%;position:relative}.split .eyebrow{grid-column:1}.split h2{grid-column:1;font-size:clamp(2.3rem,4vw,3.9rem)}.split-text{grid-column:2;grid-row:1 / span 2;align-self:end;padding-bottom:4px}.split-text p{line-height:1.9;color:#52616e}.split-text a{color:var(--ink);text-decoration:none;font-weight:600;display:inline-block;margin-top:20px;border-bottom:1px solid var(--gold);padding-bottom:8px}.split-text b{color:var(--gold);margin-left:15px}.services{background:#eef2f4;padding:100px 10vw}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title h2,.process h2{font-size:3rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.cards article{background:white;padding:35px 30px 42px;border-top:2px solid transparent;transition:.25s}.cards article:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 13px 30px #0a20310c}.cards span{font:11px 'DM Mono';color:var(--gold)}.cards h3{font:600 1.35rem 'Playfair Display','Noto Sans SC';margin:43px 0 13px}.cards p{font-size:.9rem;line-height:1.85;color:#61707c;margin:0}.process{padding:105px 10vw;background:var(--ink);color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.steps div{border-top:1px solid #486077;padding-top:18px}.steps b{color:var(--gold);font:12px 'DM Mono'}.steps h3{font-size:1rem;margin:23px 0 8px}.steps p{color:#9bacb9;font-size:.85rem;margin:0}.contact{margin:70px 10vw;background:#dfe8ec;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding:67px 7%;position:relative}.contact h2{font-size:3rem}.contact>div>p:last-child{color:#586a77;line-height:1.8;max-width:410px;margin-top:25px}.contact form{display:grid;gap:14px}label{font-size:.76rem;color:#52636f;display:grid;gap:7px}input,textarea{border:0;border-bottom:1px solid #96a9b4;background:transparent;padding:9px 0;font:16px 'Noto Sans SC';color:var(--ink);outline:none}textarea{resize:vertical;min-height:73px}input:focus,textarea:focus{border-color:var(--gold)}button{border:0;background:var(--ink);color:white;padding:15px 18px;font:600 .9rem 'Noto Sans SC';cursor:pointer;margin-top:8px;text-align:left}.message{color:#266346;height:17px}footer{background:var(--ink);color:#a7b5c0;padding:31px 6.5vw;display:flex;align-items:center;justify-content:space-between;font-size:.75rem}footer p{margin:0}footer>a:last-child{color:var(--gold);text-decoration:none}@media(max-width:760px){.nav{padding:0 6vw;height:68px}.nav nav{display:none}.nav-cta{padding:8px 11px;font-size:.75rem}.hero{padding:65px 7vw 55px;min-height:650px}.hero-copy{width:100%}.hero-art{opacity:.45;width:100%;right:-25%;top:190px}.globe{width:290px;height:290px}.metrics{gap:20px;margin-top:185px}.metrics strong{font-size:1.3rem}.trust{padding:18px 7vw;display:block}.trust div{line-height:2;margin-top:8px}.split{padding:80px 7vw;display:block}.split-text{margin-top:30px}.services,.process{padding:75px 7vw}.section-title{display:block}.section-title h2,.process h2{font-size:2.4rem}.cards,.steps{grid-template-columns:1fr;margin-top:30px}.cards{gap:10px}.cards article{padding:24px}.cards h3{margin:18px 0 8px}.steps{gap:17px}.contact{margin:0;grid-template-columns:1fr;gap:35px;padding:60px 7vw}.contact h2{font-size:2.6rem}footer{padding:28px 7vw;display:block;line-height:2.2}footer>a:last-child{display:block}.brand{font-size:.66rem}.hero h1{letter-spacing:-.6px}}