:root{--navy:#061827;--navy2:#0b2c43;--gold:#c6a56a;--cream:#f5f1e9;--ink:#142432;--muted:#66737c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,90%);margin:auto}
.top{position:sticky;top:0;z-index:20;background:rgba(6,24,39,.96);border-bottom:1px solid rgba(255,255,255,.12)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{font-family:Georgia,serif;letter-spacing:3px;font-size:25px;display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;object-fit:contain}.brand span{display:block}.brand small{display:block;font:10px Arial;letter-spacing:4px;color:var(--gold);margin-top:4px}
.menu{display:flex;gap:25px;align-items:center;font-size:12px;letter-spacing:1.2px}.menu a:hover,.active{color:var(--gold)}
.lang{border:1px solid var(--gold);padding:8px 11px}
.hero{min-height:650px;background:linear-gradient(90deg,rgba(4,17,29,.93),rgba(4,17,29,.32)),url('assets/hero.png') center/cover;display:flex;align-items:center;color:white}
.eyebrow{color:var(--gold);letter-spacing:3px;font-size:12px;font-weight:bold}.hero h1{font:56px/1.05 Georgia,serif;max-width:760px;margin:18px 0}.hero p{max-width:650px;font-size:17px;line-height:1.7;color:#e6edf0}
.btn{display:inline-block;margin:24px 12px 0 0;padding:14px 20px;border:1px solid var(--gold);font-size:12px;letter-spacing:1.5px}.btn.gold{background:var(--gold);color:#071827}
section{padding:85px 0}.title{font:38px Georgia,serif;margin:8px 0 16px}.lead{max-width:760px;line-height:1.8;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{padding:30px;background:var(--cream);min-height:190px;border-top:3px solid var(--gold)}.card h3{font:21px Georgia,serif}.card p{line-height:1.65;color:#5d6870}
.dark{background:var(--navy);color:white}.dark .lead,.dark .card p{color:#c8d2d7}.dark .card{background:#0d3048}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ddd;margin-top:50px}.stat{background:#fff;padding:26px;text-align:center}.stat b{display:block;color:var(--gold);font:26px Georgia}
.pagehead{background:linear-gradient(90deg,rgba(4,17,29,.9),rgba(4,17,29,.5)),url('assets/hero.png') center 55%/cover;color:white;padding:115px 0 75px}.pagehead h1{font:48px Georgia;margin:10px 0}
.mapbox{background:#08253a;padding:25px;margin-top:35px}.mapbox img{width:100%;display:block}.maplabels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;color:var(--gold);text-align:center;font-size:12px;letter-spacing:1px;margin-top:18px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:40px}.step{padding:22px;border-top:2px solid var(--gold);background:#faf8f4}.step b{color:var(--gold);font:25px Georgia}.step h3{font-size:14px;letter-spacing:1px}.step p{font-size:13px;line-height:1.6;color:#68747c}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.form input,.form textarea,.form select{width:100%;padding:14px;margin:0 0 13px;border:1px solid #d6d6d6;font:14px Arial}.form textarea{height:130px}.form button{background:var(--navy);color:white;border:0;padding:15px 24px;letter-spacing:1px}
footer{background:#03111d;color:#b9c4ca;padding:45px 0;font-size:12px}.foot{display:flex;justify-content:space-between;gap:30px}.gold{color:var(--gold)}
@media(max-width:850px){.menu{display:none}.hero{min-height:560px}.hero h1{font-size:39px}.grid3,.split,.contact{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.maplabels{grid-template-columns:1fr 1fr}.title{font-size:32px}}

/* FINAL VERIFIED LOGO SYSTEM — complete artwork, no cropping/recoloring */
.top{overflow:visible}
.nav{min-height:88px;height:auto;padding:10px 0;overflow:visible}
.brand{font-family:Georgia,serif;letter-spacing:3px;font-size:25px;display:flex;align-items:center;gap:10px;overflow:visible;min-width:max-content;padding:0}
.brand img{width:72px;height:72px;flex:0 0 72px;display:block;object-fit:contain;object-position:center;padding:0;margin:0;filter:none;opacity:1;clip-path:none;transform:none;overflow:visible}
.brand span{display:block;line-height:1;white-space:nowrap}.brand small{display:block;font:10px Arial;letter-spacing:4px;color:var(--gold);margin-top:6px}
@media(max-width:850px){.nav{min-height:76px;padding:8px 0}.brand{gap:8px;font-size:20px}.brand img{width:60px;height:60px;flex-basis:60px}.brand small{font-size:8px;letter-spacing:3px}}

/* APPROVED YOUHUA BRAND LOCKUP - 2026-09 */
.brand{display:flex;align-items:center;overflow:visible;min-width:300px;padding:0;margin:0}
.brand img{width:300px!important;height:70px!important;max-width:100%;object-fit:contain!important;object-position:left center!important;padding:0!important;margin:0!important;filter:none!important;opacity:1!important;clip-path:none!important;transform:none!important}
@media(max-width:850px){.brand{min-width:220px}.brand img{width:220px!important;height:58px!important}}

/* BRAND HEADER FIX — transparent emblem + live wordmark; eliminates image-background color seam */
.brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:330px!important;width:auto!important}
.brand img{width:76px!important;height:76px!important;flex:0 0 76px!important;object-fit:contain!important;display:block!important}
.brand-wordmark{display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1!important;white-space:nowrap!important}
.brand-wordmark b{font-family:Georgia,'Times New Roman',serif!important;font-size:35px!important;font-weight:600!important;letter-spacing:4px!important;color:#fff!important;line-height:.95!important}
.brand-wordmark small{font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:5px!important;color:#f1d58a!important;margin-top:10px!important}
@media(max-width:850px){.brand{min-width:230px!important;gap:9px!important}.brand img{width:58px!important;height:58px!important;flex-basis:58px!important}.brand-wordmark b{font-size:25px!important;letter-spacing:3px!important}.brand-wordmark small{font-size:8px!important;letter-spacing:3.4px!important;margin-top:7px!important}}