:root{--navy:#06111f;--navy-2:#0a1828;--navy-3:#10233a;--panel:#0d1d30;--line:#243a52;--white:#f5f8fc;--soft:#d0dbe7;--muted:#9fb0c2;--cyan:#45d5ff;--blue:#547cff;--lime:#b7f66d;--paper:#f3f6f9;--ink:#101a26;--max:1180px;--shadow:0 24px 75px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.56}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(6,17,31,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:790;letter-spacing:-.02em;white-space:nowrap}.brand-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#05111d;background:linear-gradient(145deg,var(--cyan),var(--blue));font-weight:900}.brand small{display:block;color:#8fa3b7;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:23px;font-size:14px}.nav-links>a:not(.nav-cta){color:#c6d2df;text-decoration:none}.nav-links>a:hover{color:#fff}.nav-links .active{color:var(--cyan)!important}.button,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--white);color:var(--navy)!important;font-weight:780;text-decoration:none;border:1px solid var(--white);transition:transform .2s,background .2s}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.button.secondary{background:transparent;color:#fff!important;border-color:#587088}.button.dark{background:var(--navy);border-color:var(--navy);color:#fff!important}.menu-button{display:none;background:transparent;border:1px solid #385068;border-radius:10px;color:#fff;padding:8px 10px;font:inherit}
.eyebrow{color:var(--cyan);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.event-bar{background:linear-gradient(90deg,#152b48,#0c3f53);border-bottom:1px solid rgba(255,255,255,.08)}.event-in{min-height:46px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:#d4e6ef;text-align:center}.event-in b{color:#fff}.event-in a{color:var(--cyan);font-weight:750;text-decoration:none}
.hero{position:relative;overflow:hidden;padding:86px 0 74px}.hero:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;right:-230px;top:-310px;background:radial-gradient(circle,rgba(69,213,255,.19),transparent 66%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center}h1{font-size:clamp(48px,6.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:20px 0 26px}.page-hero h1{font-size:clamp(46px,5.2vw,70px);max-width:950px}.gradient{color:transparent;background:linear-gradient(90deg,#fff 5%,var(--cyan) 65%,#82a2ff);background-clip:text}.lead{font-size:20px;color:#c1cedb;max-width:740px;margin:0 0 31px}.actions{display:flex;gap:12px;flex-wrap:wrap}.micro{font-size:13px;color:#8fa1b4;margin:20px 0 0}
.signal-panel{border:1px solid #2b455f;background:linear-gradient(155deg,rgba(17,39,62,.96),rgba(7,20,34,.96));border-radius:26px;padding:24px;box-shadow:var(--shadow)}.panel-head,.metric-line{display:flex;align-items:center;justify-content:space-between;gap:15px}.chip{border:1px solid #36536e;border-radius:999px;padding:6px 10px;color:#b9c8d8;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.status{display:inline-flex;gap:7px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(183,246,109,.09)}.signal-chart{height:188px;position:relative;overflow:hidden;margin:28px 0 14px;border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.05) 39px),repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,255,255,.04) 55px)}.signal-chart svg{position:absolute;width:130%;height:100%;left:-15%;top:0}.pulse{stroke-dasharray:1100;stroke-dashoffset:1100;animation:pulseDraw 4.5s linear infinite}@keyframes pulseDraw{to{stroke-dashoffset:-1100}}.metric-line strong{font-size:36px;letter-spacing:-.04em}.metric-line span{font-size:11px;color:var(--muted)}.mini-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.mini-flow div{border:1px solid #2e475f;border-radius:11px;padding:10px;color:#aebdcc;font-size:11px}.mini-flow b{display:block;color:#fff;font-size:12px;margin-bottom:2px}
.trust-strip{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#091626}.trust-in{display:grid;grid-template-columns:180px repeat(4,1fr);align-items:center;min-height:82px;gap:20px}.trust-in>span{font-size:12px;color:#8194a8;text-transform:uppercase;letter-spacing:.12em}.trust-in b{text-align:center;font-size:13px;color:#dce5ee}
section{padding:92px 0}.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;margin-bottom:48px}.section-head h2,.split h2{font-size:clamp(35px,4.2vw,56px);line-height:1.04;letter-spacing:-.045em;margin:8px 0}.section-head p,.split>.copy>p{color:var(--muted);font-size:18px;margin:10px 0 0;max-width:720px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{border:1px solid var(--line);border-radius:20px;background:rgba(14,30,49,.72);padding:27px}.card.highlight{border-color:#34728a;background:linear-gradient(150deg,rgba(29,84,105,.4),rgba(13,29,48,.86))}.card h3{font-size:21px;margin:32px 0 9px;line-height:1.18}.card p{color:var(--muted);margin:0}.card .label,.step-no{color:var(--cyan);font:750 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.card ul{color:var(--muted);padding-left:19px;margin:14px 0 0}.card li{margin:7px 0}
.paper{background:var(--paper);color:var(--ink)}.paper .eyebrow{color:#176d88}.paper .section-head p,.paper .copy p{color:#566678}.paper .card{background:#fff;border-color:#d4dee7;box-shadow:0 10px 30px rgba(21,45,68,.06)}.paper .card p,.paper .card ul{color:#5a6877}.paper .card .label{color:#176d88}.paper a{color:inherit}
.layer-stack{border:1px solid #cfdae4;border-radius:24px;overflow:hidden;background:#cfdae4;display:grid;gap:1px}.layer{background:#fff;padding:26px 30px;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.layer strong{font-size:17px}.layer p{margin:0;color:#5a6978}.layer.pic{background:#e8f8fc}.layer.pic strong{color:#116b85}
.pathway{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2c4258;border:1px solid #2c4258;border-radius:22px;overflow:hidden}.pathway article{background:#0d1c2e;padding:28px;min-height:230px}.pathway h3{font-size:23px;margin:35px 0 10px}.pathway p{color:var(--muted);margin:0}
.two-tone{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden}.two-tone>div{padding:38px}.two-tone>div:last-child{background:#e8f7fb;color:var(--ink)}.two-tone h3{font-size:30px;line-height:1.08;letter-spacing:-.03em;margin:12px 0}.two-tone p{color:var(--muted)}.two-tone>div:last-child p{color:#526575}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:start}.sticky{position:sticky;top:112px}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:160px 1fr;gap:28px;padding:23px 0;border-bottom:1px solid var(--line)}.row b{color:var(--cyan)}.row p{margin:0;color:#c1ceda}.paper .row{border-color:#d0dbe5}.paper .row b{color:#176d88}.paper .row p{color:#526273}
.tagline-panel{border-radius:26px;padding:46px;background:radial-gradient(circle at 80% 20%,rgba(84,124,255,.25),transparent 35%),linear-gradient(150deg,#142c48,#0c1929);border:1px solid #2b4661}.tagline-panel h3{font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.04em;margin:12px 0}.tagline-panel p{font-size:18px;color:#b5c4d2;max-width:680px}.audience-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.audience-links a{padding:23px;border:1px solid #d0dbe5;border-radius:17px;text-decoration:none;background:#fff}.audience-links a:hover{border-color:#2290ad}.audience-links b{display:block;margin-bottom:7px}.audience-links span{font-size:13px;color:#5d6d7d}
.page-hero{padding:78px 0 64px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 90% 0,rgba(69,213,255,.14),transparent 35%)}.page-hero .lead{max-width:850px}.breadcrumbs{font-size:12px;color:#8296a9;margin-bottom:18px}.breadcrumbs a{text-decoration:none}
.spec-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:16px;overflow:hidden}.spec-table th,.spec-table td{text-align:left;padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:top}.spec-table th{width:26%;color:#fff;background:#10243a}.spec-table td{color:#b7c5d3}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}.stage{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.stage:last-child{border-bottom:0}.stage .circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #436078;color:var(--cyan);font-weight:800}.stage h3{margin:0 0 4px}.stage p{margin:0;color:var(--muted)}.stage .badge{border:1px solid #38536d;border-radius:999px;padding:7px 11px;color:#bfd0df;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.callout{border-left:3px solid var(--cyan);padding:4px 0 4px 23px;color:#cad6e1;font-size:18px}.resource{display:flex;flex-direction:column;min-height:280px}.resource .button{margin-top:auto;align-self:flex-start}
.company-band{display:grid;grid-template-columns:1fr 1fr;gap:18px}.company-stat{border:1px solid var(--line);border-radius:22px;padding:34px;background:#0d1d30}.company-stat strong{font-size:44px;letter-spacing:-.04em}.company-stat p{color:var(--muted)}
.cta-section{padding:45px 0 100px}.cta-box{border-radius:30px;padding:55px;background:linear-gradient(115deg,#e9faff,#dfe7ff);color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:42px}.cta-box h2{font-size:clamp(34px,4.4vw,56px);line-height:1;letter-spacing:-.045em;margin:0 0 13px}.cta-box p{font-size:18px;color:#455a6e;margin:0;max-width:680px}
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:42px 0;color:#8fa1b4;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.site-footer h4{color:#d7e1ea;margin:0 0 12px}.site-footer a{display:block;color:#96a8ba;text-decoration:none;margin:7px 0}.site-footer .brand{color:#fff;margin-bottom:14px}.footer-note{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:30px}.mobile-cta{display:none}
@media(max-width:940px){.menu-button{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#071523;border-bottom:1px solid #273e55;padding:18px 20px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:9px 0}.nav-links .nav-cta{margin-top:5px}.hero-grid,.section-head,.split,.two-tone,.company-band{grid-template-columns:1fr}.sticky{position:static}.trust-in{grid-template-columns:1fr 1fr;padding:20px 0}.trust-in>span{grid-column:1/-1;text-align:center}.grid-4,.audience-links{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.pathway{grid-template-columns:1fr 1fr}.layer{grid-template-columns:140px 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.cta-box{display:block}.cta-box .button{margin-top:25px}}
@media(max-width:580px){.wrap{width:min(var(--max),calc(100% - 28px))}.nav{min-height:66px}.nav-links{top:66px}.brand small{display:none}.hero,.page-hero{padding:60px 0 55px}h1{font-size:47px}.lead{font-size:18px}.signal-panel{padding:18px}.signal-chart{height:155px}.mini-flow{grid-template-columns:1fr}section{padding:70px 0}.grid-2,.grid-4,.audience-links,.pathway{grid-template-columns:1fr}.layer{grid-template-columns:1fr;gap:7px}.two-tone>div{padding:28px}.row{grid-template-columns:1fr;gap:6px}.stage{grid-template-columns:58px 1fr}.stage .badge{grid-column:2}.spec-table th,.spec-table td{display:block;width:100%}.spec-table th{border-bottom:0;padding-bottom:5px}.spec-table td{padding-top:7px}.cta-box{padding:34px 25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-note{display:block}.mobile-cta{display:flex;position:fixed;z-index:40;left:14px;right:14px;bottom:13px;box-shadow:0 14px 36px rgba(0,0,0,.4)}.site-footer{padding-bottom:88px}}
/* Customer relationships and exhibition coverage */
.partner-band{padding:38px 0 34px;background:#fff;color:var(--ink);border-block:1px solid #dce4ec}
.partner-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:26px}
.partner-heading h2{font-size:18px;line-height:1.4;margin:0;letter-spacing:-.015em}
.partner-heading a{font-size:14px;color:#176d88;text-underline-offset:4px}
.partner-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.partner-logos.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.partner-logo{margin:0;min-width:0;padding:10px 28px 6px;text-align:center;border-left:1px solid #e3e9ef}
.partner-logo:first-child{border-left:0}
.partner-logo img{display:block;width:100%;max-width:205px;height:53px;object-fit:contain;margin:0 auto 18px}
.partner-logo figcaption{font-size:14px;line-height:1.45;color:#596c7e}
.partner-note{font-size:13px;color:#687a8c;margin:24px 0 0}
.exhibition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.exhibition-card{min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#0c1c2d}
.exhibition-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.exhibition-card.beijing img{object-position:center}
.exhibition-card figcaption{padding:25px 27px 28px}
.exhibition-card .event-label{color:var(--cyan);font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.exhibition-card h3{font-size:24px;line-height:1.18;letter-spacing:-.025em;margin:12px 0}
.exhibition-card p{color:var(--muted);font-size:16px;margin:0 0 18px}
.exhibition-card .asset-credit{font-size:13px;color:#9cafc1;margin:18px 0 0}
.exhibition-card .source-link{font-size:14px;text-underline-offset:4px}
.exhibition-source-note{font-size:14px;color:var(--muted);margin:24px 0 0;max-width:850px}
.exhibition-source-note a{text-underline-offset:3px}
.paper .exhibition-card{background:#fff;border-color:#d0dbe5}
.paper .exhibition-card p,.paper .exhibition-card .asset-credit,.paper .exhibition-source-note{color:#566b7f}
.paper .exhibition-card .event-label{color:#176d88}
@media(max-width:940px){.partner-logos.four{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.partner-logos.four .partner-logo:nth-child(3){border-left:0}.partner-logo{padding-inline:20px}}
@media(max-width:580px){.partner-heading{display:block}.partner-heading a{display:inline-block;margin-top:10px}.partner-logos,.partner-logos.four{grid-template-columns:1fr 1fr;row-gap:24px}.partner-logo{padding-inline:14px}.partner-logo:nth-child(3){border-left:0}.partner-logo img{height:43px}.partner-logo figcaption{font-size:14px}.exhibition-grid{grid-template-columns:1fr}.exhibition-card figcaption{padding:23px}.partner-note{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse{animation:none;stroke-dashoffset:0}.button,.nav-cta{transition:none}}

/* Demo booking */
.booking-section{padding:72px 0 42px;background:linear-gradient(180deg,#081727 0%,#06111f 100%)}
.booking-shell{overflow:hidden;border:1px solid #2d4862;border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.booking-shell iframe{display:block;width:100%;height:720px;border:0;background:#fff}
.booking-fallback{margin:0;padding:16px 22px;border-top:1px solid #dce4ec;color:#526273;font-size:14px;text-align:center}
.booking-fallback a{color:#176d88;font-weight:750}
@media(max-width:580px){.booking-section{padding:52px 0 30px}.booking-shell{border-radius:18px}.booking-shell iframe{height:760px}}