@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a1721;--panel:#10222e;--gold:#d8b576;--text:#f2f4f4;--muted:#aab7bf;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:6px}button{cursor:pointer}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#0a1721f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{font:800 26px/.9 Manrope,sans-serif;letter-spacing:.15em}.brand span{display:block;font-size:12px;letter-spacing:.55em;margin-top:10px;color:var(--gold)}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-contact{border:1px solid #d8b57677;padding:11px 23px}#menu{display:none}.hero{min-height:740px;position:relative;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#081620e8 0%,#08162088 60%,#08162044),linear-gradient(0deg,#0a1721,transparent 45%),url('assets/shanghai.png') center/cover}.hero-content{padding:70px 8%;max-width:1000px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--gold);line-height:1.6}.hero h1{font:500 clamp(44px,6.2vw,88px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:25px 0}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.lead{font-size:19px;max-width:575px;color:#d0d9df;line-height:1.8}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-block;padding:15px 24px;border:1px solid var(--gold);background:var(--gold);color:#0a1721;font-weight:600;font-size:14px;transition:background .2s}.button:hover{background:#ebcb96}.text-link{font-size:14px;border-bottom:1px solid #d8b57688;padding-bottom:7px}.hero-bottom{margin-top:auto;border-top:1px solid var(--line);padding:24px 8%;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.09em}.section{padding:110px 8%}h2{font:500 clamp(30px,3vw,44px)/1.3 Manrope,sans-serif;letter-spacing:-.03em;margin:22px 0 32px}h3{font-family:Manrope,sans-serif;font-weight:500;margin:12px 0;font-size:22px;line-height:1.4}p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%}.large{font-size:21px;line-height:1.7;color:#e0e6e9}.about-copy p:first-child{margin-top:0}.about-copy .text-link{display:inline-block;margin-top:20px}.expertise{background:var(--panel)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.section-heading>p{max-width:280px;margin-bottom:35px}.services details{border-top:1px solid var(--line)}.services details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:35px;padding:22px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.number{color:var(--gold);font-size:14px}.plus{margin-left:auto;font-size:26px;font-weight:400;color:var(--gold)}details[open] .plus{transform:rotate(45deg)}summary h3{font-size:clamp(20px,2.5vw,30px);margin:0}.service-content{margin:0 0 30px 53px;max-width:740px;display:grid;grid-template-columns:1fr 1.3fr;column-gap:40px}.service-content p{margin-top:0}.service-content p:first-child{font-size:19px;color:#d6e0e7}.service-content a{font-size:14px;color:var(--gold);grid-column:2}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.year{font:400 70px/1 Manrope,sans-serif;color:var(--gold);letter-spacing:-.05em;display:block;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:25px}.timeline h3{font-size:19px}.network{border-top:1px solid var(--line)}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.network-grid article{padding:35px;border-right:1px solid var(--line)}.network-grid article:last-child{border:0}.network-grid h3{font-size:28px;margin:25px 0}.endorsement{color:var(--gold);font-size:14px}.legal-note{max-width:800px;font-size:13px;margin-top:28px}.radar{background:#173341;display:grid;grid-template-columns:1fr 1.3fr;gap:9%;border-top:1px solid #d8b57666}.radar-brand{font:600 29px/1.4 Manrope,sans-serif;letter-spacing:.05em;color:#fff;margin-top:65px}.radar-brand span{display:block;font-size:12px;letter-spacing:.2em;color:var(--gold);margin-top:15px}.radar h2{margin-top:0}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.tags span{font-size:12px;border:1px solid #ffffff33;padding:6px 12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact-founder{color:var(--text);font-size:19px;margin-top:50px}.contact-founder span{display:block;font-size:14px;color:var(--muted)}form{padding-top:10px}label{display:block;font-size:14px;color:#c9d3da;margin-bottom:20px}input,select,textarea{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #ffffff44;padding:12px 0;color:var(--text);border-radius:0}select option{background:var(--bg)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-note{font-size:13px;line-height:1.6}#form-status{font-size:14px}footer{border-top:1px solid var(--line);padding:45px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:14px}footer div{display:flex;gap:25px;font-size:12px;color:var(--muted)}footer button{background:none;border:0;color:inherit;font-size:14px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--gold);max-width:680px;width:90%;padding:36px}dialog::backdrop{background:#000b}dialog button{float:right;background:transparent;color:var(--gold);border:0}dialog h2{font-size:28px}.skip{position:absolute;top:-100px;left:10px;z-index:99;background:var(--gold);color:var(--bg);padding:15px}.skip:focus{top:5px}@media(max-width:850px){header{height:80px}.brand{font-size:22px}#menu{display:block;background:none;border:1px solid var(--line);color:white;padding:7px 14px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:25px 6%;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{min-height:660px}.hero-content{padding:70px 6%}.section{padding:70px 6%}.about,.contact,.radar{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.section-heading>p{max-width:none}.timeline{gap:25px}.year{font-size:52px}.network-grid{grid-template-columns:1fr}.network-grid article{border-right:0;border-bottom:1px solid var(--line)}.network-grid h3 br{display:none}.radar-brand{margin-top:20px}.hero-bottom{padding:20px 6%;gap:20px}.service-content{display:block}.service-content a{display:inline-block}footer{flex-wrap:wrap}}@media(max-width:560px){.hero h1{font-size:47px}.eyebrow{font-size:11px}.actions{align-items:start;flex-direction:column;gap:24px}.hero-bottom{flex-direction:column;font-size:11px}.timeline{grid-template-columns:1fr;gap:35px}.timeline article{display:grid;grid-template-columns:90px 1fr;gap:0 20px}.timeline .year{grid-row:1/4;font-size:40px;border:0;padding:0;align-self:start}.timeline p,.timeline h3{margin-top:0}.timeline p:last-child{grid-column:2}.today{font-size:32px!important}.form-row{grid-template-columns:1fr;gap:0}summary{gap:20px}.service-content{margin-left:35px}footer{align-items:start;flex-direction:column}footer p{margin:0}.large{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied Klaus Global brand artwork */
header .brand{align-self:stretch;display:flex;align-items:center} .brand img{display:block;width:86px;height:86px;object-fit:contain;background:#fff;border-radius:2px}footer .brand img{width:125px;height:125px}@media(max-width:850px){header .brand img{width:70px;height:70px}}

.logo-frame{display:block;position:relative;overflow:hidden;width:65px;height:80px;background:#fff;border-radius:2px}.brand .logo-frame img{position:absolute;max-width:none;width:173.73%;height:auto;left:-37.25%;top:-15.2%;border-radius:0}footer .logo-frame{width:105px;height:129px}@media(max-width:850px){header .logo-frame{width:56px;height:69px}header .brand .logo-frame img{width:173.73%;height:auto}}
/* Square logo presentation, with balanced side margins. */
.logo-frame{width:80px;height:80px;aspect-ratio:1}.brand .logo-frame img{width:141.16%;height:auto;left:-20.6%;top:-15.2%}footer .logo-frame{width:129px;height:129px}@media(max-width:850px){header .logo-frame{width:69px;height:69px}header .brand .logo-frame img{width:141.16%;height:auto}}