
:root{--p:#12A8B7;--s:#087A86;--bg:#F3FCFD;--ink:#103238;--soft:#D6F4F6;--line:rgba(15,23,42,.10);--card:#fff;--shadow:0 18px 50px rgba(23,66,100,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand img{width:180px}.site-header nav{display:flex;gap:26px;font-weight:650}.site-header nav a:hover{color:var(--p)}
.hero,.latest,.feature-grid,.metric-strip,.timeline,.solution-row,.banner-stack,.dashboard-grid,.solution-matrix,.lab-panel,.flow-cards,.nav-categories,.academy-steps,.editorial-features,.docs-blocks,.portal-layout,.portal-head{width:min(1180px,92vw);margin:0 auto}.hero{padding:70px 0}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 22px}.hero p{font-size:19px;max-width:720px;color:#516272}.hero a,.actions a,.portal-head a{display:inline-flex;background:var(--p);color:#fff;padding:13px 22px;border-radius:12px;font-weight:700}.ghost{background:#fff!important;color:var(--s)!important;border:1px solid var(--soft)}.eyebrow,.kicker,.hero small{font-weight:800;color:var(--p);letter-spacing:.08em}.split,.corporate,.workspace,.cross,.academy,.solutions,.portal-head{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.actions{display:flex;gap:12px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--s);color:#fff;border-radius:22px;padding:22px;margin-bottom:36px;text-align:center}.feature-grid,.solution-row,.flow-cards,.nav-categories,.academy-steps,.editorial-features,.docs-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:70px}.feature{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(20,70,100,.05)}.feature b{display:block;font-size:18px;margin-bottom:8px}.feature p{color:#64748b;margin:0}.latest{padding:20px 0 82px}.latest>header,.newsroom>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.latest h2{font-size:34px;line-height:1.15}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s;box-shadow:0 12px 36px rgba(20,70,100,.06)}.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.news-card img{aspect-ratio:16/7;object-fit:cover}.news-card>div{padding:20px}.news-card span{font-size:12px;font-weight:800;color:var(--p)}.news-card h2{font-size:18px;margin:7px 0}.news-card p{font-size:14px;color:#64748b;margin-bottom:12px}.news-card time{font-size:12px;color:#94a3b8}.site-footer{padding:38px max(5vw,24px);background:#0f2232;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer img{filter:brightness(0) invert(1);opacity:.92}.site-footer p{margin:0;max-width:700px;font-size:13px}
.centered{text-align:center}.centered p{margin-left:auto;margin-right:auto}.centered>img{margin:38px auto 22px;border-radius:28px}.hero-links{display:flex;justify-content:center;gap:12px}.hero-links a{background:#fff;color:var(--s);border:1px solid var(--soft)}.timeline{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:16px;align-items:stretch;margin-bottom:70px}.timeline h2{padding:22px}.home-shell{display:grid;grid-template-columns:340px 1fr;gap:32px;width:min(1280px,94vw);margin:44px auto}.home-rail{background:#0f2739;color:#fff;padding:40px;border-radius:30px;position:sticky;top:110px;height:max-content}.home-rail h1{font-size:48px;line-height:1.02}.home-rail p{color:#d6e6ef}.home-rail>a{color:#8bd5ff;font-weight:800}.rail-features .feature{background:transparent;border-color:rgba(255,255,255,.13);box-shadow:none;padding:16px 0}.rail-features .feature p{color:#b8c9d5}.compact{padding:0}.band{width:100%;max-width:none;background:linear-gradient(120deg,var(--s),var(--p));color:#fff;padding:90px max(6vw,30px)}.band .hero-copy{width:min(1120px,90vw);margin:auto}.band p{color:#e6f4ff}.solution-row{margin-top:-30px;position:relative}.banner-stack{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:70px}.banner-stack img{height:300px;width:100%;object-fit:cover;border-radius:24px}.workspace-card{background:#fff;padding:42px;border-radius:26px;box-shadow:var(--shadow)}.dashboard-grid{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:18px;margin-bottom:70px}.dashboard-title{grid-row:span 2;background:var(--s);color:#fff;border-radius:22px;padding:34px}.corporate ul{padding-left:20px}.solution-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:64px}.solution-matrix>h2,.matrix-title{grid-column:1/-1}.lab{background:#0c2232;color:#fff;border-radius:34px;margin-top:42px;padding:60px}.lab p{color:#cfe4ef}.lab-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-top:32px;margin-bottom:70px}.checkboard .feature{margin-bottom:12px}.cross{min-height:620px}.device-orbit{padding:30px;border-radius:50px;background:radial-gradient(circle,var(--soft),transparent 68%)}.efficiency{width:min(1220px,94vw)}.efficiency-top{display:flex;align-items:flex-end;gap:24px;margin-bottom:30px}.efficiency-top p{margin:0}.bento{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.bento-big{grid-row:span 2}.bento-big img{height:100%;object-fit:cover;border-radius:24px}.editorial{max-width:980px;text-align:left}.editorial .deck{font-family:Georgia,"Songti SC",serif;font-size:24px}.editorial>img{border-radius:0;border-top:6px solid var(--p)}.editorial-features .feature{border-radius:0;border-width:0 0 1px 0;box-shadow:none}.docs-home{display:grid;grid-template-columns:250px 1fr;width:min(1320px,96vw);margin:30px auto;gap:38px}.docs-nav{position:sticky;top:110px;height:max-content;background:#fff;border:1px solid var(--line);padding:24px;border-radius:18px;display:flex;flex-direction:column;gap:16px}.docs-nav img{margin-bottom:12px}.docs-home main .hero,.docs-home main .latest,.docs-home main .docs-blocks{width:100%}.solutions-intro{padding-left:32px;border-left:5px solid var(--p)}.big .feature:nth-child(even){transform:translateY(18px)}.portal-head{padding:60px 0}.portal-layout{display:grid;grid-template-columns:1fr 330px;gap:30px}.portal-layout .latest{width:100%}.portal-side{position:sticky;top:110px;height:max-content}.portal-side .feature{margin-bottom:14px}.portal-side img{border-radius:18px}
.article-shell{width:min(980px,92vw);margin:34px auto 80px}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#64748b;margin-bottom:28px}.article-hero{padding:34px 0 24px}.article-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.08;letter-spacing:-.03em;margin:12px 0}.article-hero>p{font-size:19px;color:#526271}.meta{font-size:13px;color:#8290a0}.article-cover{margin:16px 0 42px}.article-cover img{border-radius:24px;box-shadow:var(--shadow)}figcaption{font-size:12px;color:#94a3b8;margin-top:8px}.article-content{font-size:17px}.article-section{background:#fff;border:1px solid var(--line);padding:30px 34px;margin:18px 0;border-radius:20px}.article-section h2{font-size:26px;margin-bottom:12px}.article-section p{margin:0;color:#334155}.article-callout{margin:22px 0;padding:24px 28px;border-left:5px solid var(--p);background:var(--soft);border-radius:0 16px 16px 0;color:#263b4a}.related{margin-top:44px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px}.related h2{font-size:20px}.related a{display:block;color:var(--p);margin:8px 0}
.article-layout-2 .article-shell{max-width:1120px}.article-layout-2 article{display:grid;grid-template-columns:1fr}.article-layout-2 .article-content{columns:2;column-gap:24px}.article-layout-2 .article-section,.article-layout-2 .article-callout{break-inside:avoid}.article-layout-3 .article-section{border-radius:0;border-width:0 0 1px 0;box-shadow:none;background:transparent;padding-left:0;padding-right:0}.article-layout-4 .article-hero{background:var(--s);color:#fff;padding:42px;border-radius:28px}.article-layout-4 .article-hero p,.article-layout-4 .meta{color:#d8e8f4}.article-layout-5 .article-content{border-left:2px solid var(--soft);padding-left:28px}.article-layout-6 .article-section:nth-child(odd){margin-left:6%}.article-layout-6 .article-section:nth-child(even){margin-right:6%}
.guide-page,.simple-page{width:min(1180px,92vw);margin:54px auto 90px}.page-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:44px}.page-hero h1{font-size:54px;line-height:1.05}.guide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.guide-item img{aspect-ratio:16/7;object-fit:cover}.guide-item div{padding:18px}.guide-item h2{font-size:18px;margin:8px 0}.guide-item p{font-size:14px;color:#64748b}.simple-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;margin:18px 0}.simple-card h2{font-size:26px}
@media(max-width:900px){.site-header nav{display:none}.split,.corporate,.workspace,.cross,.academy,.solutions,.portal-head,.page-hero{grid-template-columns:1fr}.feature-grid,.solution-row,.flow-cards,.nav-categories,.academy-steps,.editorial-features,.docs-blocks,.news-grid,.guide-list,.solution-matrix{grid-template-columns:repeat(2,1fr)}.home-shell,.docs-home,.portal-layout,.lab-panel,.dashboard-grid,.timeline{grid-template-columns:1fr}.home-rail,.docs-nav,.portal-side{position:static}.bento{grid-template-columns:1fr 1fr}.bento-big{grid-column:1/-1}.article-layout-2 .article-content{columns:1}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.feature-grid,.solution-row,.flow-cards,.nav-categories,.academy-steps,.editorial-features,.docs-blocks,.news-grid,.guide-list,.solution-matrix,.metric-strip,.bento{grid-template-columns:1fr}.hero{padding:48px 0}.hero h1{font-size:44px}.site-header{height:70px}.brand img{width:150px}.article-section{padding:22px}.article-hero h1{font-size:40px}.page-hero h1{font-size:42px}}

/* site 3: unique geometry */
.news-card{border-radius:20px} .feature{border-radius:18px} .hero img{border-radius:20px}

/* rich topic imagery */
.news-card img,.guide-item img{object-fit:cover;object-position:center}
.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
.hero img,.page-hero img,.portal-side img{object-fit:cover;object-position:center}
